diff --git a/.npmignore b/.npmignore index a787876..093c02d 100644 --- a/.npmignore +++ b/.npmignore @@ -1,6 +1,7 @@ .sass-cache node_modules /dist +/dist-lib public src .gitignore diff --git a/README.md b/README.md index 8810bcd..d86549d 100644 --- a/README.md +++ b/README.md @@ -1 +1,5 @@ -Visit [https://primeflex.org](PrimeFlex) website for demos and documentation. \ No newline at end of file +# PrimeFlexRTL + +PrimeFlexRTL is a lightweight and responsive CSS library that is forked from PrimeFlex and provides full support for right-to-left (RTL) languages. + +Visit [https://primeflex.org](PrimeFlex) website for demos and documentation. diff --git a/components/doc/animations/fadeinenddoc.js b/components/doc/animations/fadeinenddoc.js new file mode 100644 index 0000000..a2bc83f --- /dev/null +++ b/components/doc/animations/fadeinenddoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function FadeinendDoc(props) { + const code = `
+
+ fadeinend +
+
+`; + + return ( + <> + +
+
+
+ fadeinend +
+
+
+ + + ); +} diff --git a/components/doc/animations/fadeinstartdoc.js b/components/doc/animations/fadeinstartdoc.js new file mode 100644 index 0000000..783b5dd --- /dev/null +++ b/components/doc/animations/fadeinstartdoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function FadeinstartDoc(props) { + const code = `
+
+ fadeinstart +
+
+`; + + return ( + <> + +
+
+
+ fadeinstart +
+
+
+ + + ); +} diff --git a/components/doc/animations/fadeoutenddoc.js b/components/doc/animations/fadeoutenddoc.js new file mode 100644 index 0000000..92adcc4 --- /dev/null +++ b/components/doc/animations/fadeoutenddoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function FadeoutendDoc(props) { + const code = `
+
+ fadeoutend +
+
+`; + + return ( + <> + +
+
+
+ fadeoutend +
+
+
+ + + ); +} diff --git a/components/doc/animations/zoomninrightdoc.js b/components/doc/animations/fadeoutstartdoc.js similarity index 79% rename from components/doc/animations/zoomninrightdoc.js rename to components/doc/animations/fadeoutstartdoc.js index 41bbbcd..3cde3b1 100644 --- a/components/doc/animations/zoomninrightdoc.js +++ b/components/doc/animations/fadeoutstartdoc.js @@ -1,11 +1,11 @@ import { DocSectionCode } from '../common/docsectioncode'; import { DocSectionText } from '../common/docsectiontext'; -export function ZoomninrightDoc(props) { +export function FadeoutstartDoc(props) { const code = `
-
- zoomninright + fadeoutstart
`; @@ -16,10 +16,10 @@ export function ZoomninrightDoc(props) {
- zoomninright + fadeoutstart
diff --git a/components/doc/animations/flipenddoc.js b/components/doc/animations/flipenddoc.js new file mode 100644 index 0000000..a90e753 --- /dev/null +++ b/components/doc/animations/flipenddoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function FlipendDoc(props) { + const code = `
+
+ flipend +
+
+`; + + return ( + <> + +
+
+
+ flipend +
+
+
+ + + ); +} diff --git a/components/doc/animations/flipstartdoc.js b/components/doc/animations/flipstartdoc.js new file mode 100644 index 0000000..64fc3dc --- /dev/null +++ b/components/doc/animations/flipstartdoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function FlipstartDoc(props) { + const code = `
+
+ flipstart +
+
+`; + + return ( + <> + +
+
+
+ flipstart +
+
+
+ + + ); +} diff --git a/components/doc/animations/zoominenddoc.js b/components/doc/animations/zoominenddoc.js new file mode 100644 index 0000000..d3f5ba9 --- /dev/null +++ b/components/doc/animations/zoominenddoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function ZoominendDoc(props) { + const code = `
+
+ zoominend +
+
+`; + + return ( + <> + +
+
+
+ zoominend +
+
+
+ + + ); +} diff --git a/components/doc/animations/zoominrightdoc.js b/components/doc/animations/zoominrightdoc.js new file mode 100644 index 0000000..56111b6 --- /dev/null +++ b/components/doc/animations/zoominrightdoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function ZoominrightDoc(props) { + const code = `
+
+ zoominright +
+
+`; + + return ( + <> + +
+
+
+ zoominright +
+
+
+ + + ); +} diff --git a/components/doc/animations/zoominstartdoc.js b/components/doc/animations/zoominstartdoc.js new file mode 100644 index 0000000..d31a09c --- /dev/null +++ b/components/doc/animations/zoominstartdoc.js @@ -0,0 +1,29 @@ +import { DocSectionCode } from '../common/docsectioncode'; +import { DocSectionText } from '../common/docsectiontext'; + +export function ZoominstartDoc(props) { + const code = `
+
+ zoominstart +
+
+`; + + return ( + <> + +
+
+
+ zoominstart +
+
+
+ + + ); +} diff --git a/components/doc/backgroundposition/examplesdoc.js b/components/doc/backgroundposition/examplesdoc.js index 1216a1f..86288cd 100644 --- a/components/doc/backgroundposition/examplesdoc.js +++ b/components/doc/backgroundposition/examplesdoc.js @@ -53,11 +53,11 @@ export function ExamplesDoc(props) {
border-radius: 50%; - border-noround-left + border-noround-top border-top-left-radius: 0;
+ border-top-right-radius: 0; + + + + border-noround-bottom + border-bottom-left-radius: 0; +
+ border-bottom-right-radius: 0; - border-noround-top + border-noround-left border-top-left-radius: 0;
- border-top-right-radius: 0; + border-bottom-left-radius: 0; @@ -78,19 +86,19 @@ export function ClassesDoc(props) { - border-noround-bottom + border-noround-start - border-bottom-left-radius: 0; + border-start-start-radius: 0;
- border-bottom-right-radius: 0; + border-end-start-radius: 0; - border-round-left + border-noround-end - border-top-left-radius: var(--border-radius); + border-start-end-radius: 0;
- border-bottom-left-radius: var(--border-radius); + border-end-end-radius: 0; @@ -109,6 +117,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: var(--border-radius); + + border-round-left + + border-top-left-radius: var(--border-radius); +
+ border-bottom-left-radius: var(--border-radius); + + border-round-right @@ -118,11 +134,19 @@ export function ClassesDoc(props) { - border-round-left-xs + border-round-start - border-top-left-radius: 0.125rem; + border-start-start-radius: var(--border-radius);
- border-bottom-left-radius: 0.125rem; + border-end-start-radius: var(--border-radius); + + + + border-round-end + + border-start-end-radius: var(--border-radius); +
+ border-end-end-radius: var(--border-radius); @@ -141,6 +165,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 0.125rem; + + border-round-left-xs + + border-top-left-radius: 0.125rem; +
+ border-bottom-left-radius: 0.125rem; + + border-round-right-xs @@ -150,11 +182,19 @@ export function ClassesDoc(props) { - border-round-left-sm + border-round-start-xs - border-top-left-radius: 0.25rem; + border-start-start-radius: 0.125rem;
- border-bottom-left-radius: 0.25rem; + border-end-start-radius: 0.125rem; + + + + border-round-end-xs + + border-start-end-radius: 0.125rem; +
+ border-end-end-radius: 0.125rem; @@ -173,6 +213,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 0.25rem; + + border-round-left-sm + + border-top-left-radius: 0.25rem; +
+ border-bottom-left-radius: 0.25rem; + + border-round-right-sm @@ -182,11 +230,19 @@ export function ClassesDoc(props) { - border-round-left-md + border-round-start-sm - border-top-left-radius: 0.375rem; + border-start-start-radius: 0.25rem;
- border-bottom-left-radius: 0.375rem; + border-end-start-radius: 0.25rem; + + + + border-round-end-sm + + border-start-end-radius: 0.25rem; +
+ border-end-end-radius: 0.25rem; @@ -205,6 +261,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 0.375rem; + + border-round-left-md + + border-top-left-radius: 0.375rem; +
+ border-bottom-left-radius: 0.375rem; + + border-round-right-md @@ -214,11 +278,19 @@ export function ClassesDoc(props) { - border-round-left-lg + border-round-start-md - border-top-left-radius: 0.5rem; + border-start-start-radius: 0.375rem;
- border-bottom-left-radius: 0.5rem; + border-end-start-radius: 0.375rem; + + + + border-round-end-md + + border-start-end-radius: 0.375rem; +
+ border-end-end-radius: 0.375rem; @@ -237,6 +309,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 0.5rem; + + border-round-left-lg + + border-top-left-radius: 0.5rem; +
+ border-bottom-left-radius: 0.5rem; + + border-round-right-lg @@ -246,11 +326,19 @@ export function ClassesDoc(props) { - border-round-left-xl + border-round-start-lg - border-top-left-radius: 0.75rem; + border-start-start-radius: 0.5rem;
- border-bottom-left-radius: 0.75rem; + border-end-start-radius: 0.5rem; + + + + border-round-end-lg + + border-start-end-radius: 0.5rem; +
+ border-end-end-radius: 0.5rem; @@ -269,6 +357,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 0.75rem; + + border-round-left-xl + + border-top-left-radius: 0.75rem; +
+ border-bottom-left-radius: 0.75rem; + + border-round-right-xl @@ -278,11 +374,19 @@ export function ClassesDoc(props) { - border-round-left-2xl + border-round-start-xl - border-top-left-radius: 1rem; + border-start-start-radius: 0.75rem;
- border-bottom-left-radius: 1rem; + border-end-start-radius: 0.75rem; + + + + border-round-end-xl + + border-start-end-radius: 0.75rem; +
+ border-end-end-radius: 0.75rem; @@ -301,6 +405,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 1rem; + + border-round-left-2xl + + border-top-left-radius: 1rem; +
+ border-bottom-left-radius: 1rem; + + border-round-right-2xl @@ -309,13 +421,20 @@ export function ClassesDoc(props) { border-bottom-right-radius: 1rem; - - border-round-left-3xl + border-round-start-2xl - border-top-left-radius: 1.5rem; + border-start-start-radius: 1rem;
- border-bottom-left-radius: 1.5rem; + border-end-start-radius: 1rem; + + + + border-round-end-2xl + + border-start-end-radius: 1rem; +
+ border-end-end-radius: 1rem; @@ -334,6 +453,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 1.5rem; + + border-round-left-3xl + + border-top-left-radius: 1.5rem; +
+ border-bottom-left-radius: 1.5rem; + + border-round-right-3xl @@ -343,11 +470,19 @@ export function ClassesDoc(props) { - border-circle-left + border-round-start-3xl - border-top-left-radius: 50%; + border-start-start-radius: 1.5rem;
- border-bottom-left-radius: 50%; + border-end-start-radius: 1.5rem; + + + + border-round-end-3xl + + border-start-end-radius: 1.5rem; +
+ border-end-end-radius: 1.5rem; @@ -366,6 +501,14 @@ export function ClassesDoc(props) { border-bottom-right-radius: 50%; + + border-circle-left + + border-top-left-radius: 50%; +
+ border-bottom-left-radius: 50%; + + border-circle-right @@ -374,6 +517,22 @@ export function ClassesDoc(props) { border-bottom-right-radius: 50%; + + border-circle-start + + border-start-start-radius: 50%; +
+ border-end-start-radius: 50%; + + + + border-circle-end + + border-start-end-radius: 50%; +
+ border-end-end-radius: 50%; + +
diff --git a/components/doc/borderradius/examples.js b/components/doc/borderradius/examples.js index 9faa06d..18c5d50 100644 --- a/components/doc/borderradius/examples.js +++ b/components/doc/borderradius/examples.js @@ -4,12 +4,12 @@ import { DocSectionText } from '../common/docsectiontext'; export function ExamplesDoc(props) { const code1 = `
border-round
-
border-round-left
+
border-round-start
border-round-top
border-round-bottom
-
border-round-right
+
border-round-end
`; const code2 = `
@@ -24,12 +24,12 @@ export function ExamplesDoc(props) {
border-round
-
border-round-left
+
border-round-start
border-round-top
border-round-bottom
-
border-round-right
+
border-round-end
diff --git a/components/doc/borderwidth/classesdoc.js b/components/doc/borderwidth/classesdoc.js index 45a2c00..3ab4f4d 100644 --- a/components/doc/borderwidth/classesdoc.js +++ b/components/doc/borderwidth/classesdoc.js @@ -109,22 +109,6 @@ export function ClassesDoc(props) { border-top-3 border-top-width: 3px; - - border-left-none - border-left-width: 0px; - - - border-left-1 - border-left-width: 1px; - - - border-left-2 - border-left-width: 2px; - - - border-left-3 - border-left-width: 3px; - border-bottom-none border-bottom-width: 0px; @@ -141,6 +125,22 @@ export function ClassesDoc(props) { border-bottom-3 border-bottom-width: 3px; + + border-left-none + border-left-width: 0px; + + + border-left-1 + border-left-width: 1px; + + + border-left-2 + border-left-width: 2px; + + + border-left-3 + border-left-width: 3px; + border-right-none border-right-width: 0px; @@ -157,6 +157,38 @@ export function ClassesDoc(props) { border-right-3 border-right-width: 3px; + + border-start-none + border-inline-start-width: 0px; + + + border-start-1 + border-inline-start-width: 1px; + + + border-start-2 + border-inline-start-width: 2px; + + + border-start-3 + border-inline-start-width: 3px; + + + border-end-none + border-inline-end-width: 0px; + + + border-end-1 + border-inline-end-width: 1px; + + + border-end-2 + border-inline-end-width: 2px; + + + border-end-3 + border-inline-end-width: 3px; +
diff --git a/components/doc/borderwidth/specificsidesdoc.js b/components/doc/borderwidth/specificsidesdoc.js index cebaef7..1140943 100644 --- a/components/doc/borderwidth/specificsidesdoc.js +++ b/components/doc/borderwidth/specificsidesdoc.js @@ -4,9 +4,9 @@ import { DocSectionText } from '../common/docsectiontext'; export function SpecificSidesDoc(props) { const code1 = `
border-top-2
-
border-right-2
+
border-end-2
border-bottom-2
-
border-left-2
+
border-start-2
`; const code2 = `
@@ -23,9 +23,9 @@ export function SpecificSidesDoc(props) {
border-top-2
-
border-right-2
+
border-end-2
border-bottom-2
-
border-left-2
+
border-start-2
diff --git a/components/doc/margin/classesdoc.js b/components/doc/margin/classesdoc.js index 5983c2b..aebcb86 100644 --- a/components/doc/margin/classesdoc.js +++ b/components/doc/margin/classesdoc.js @@ -47,6 +47,14 @@ export function ClassesDoc(props) { mr-auto margin-right: auto; + + ms-auto + margin-inline-start: auto; + + + me-auto + margin-inline-end: auto; + m-0 margin: 0; @@ -119,42 +127,6 @@ export function ClassesDoc(props) { mt-8 margin-top: 5rem; - - mr-0 - margin-right: 0; - - - mr-1 - margin-right: 0.25rem; - - - mr-2 - margin-right: 0.5rem; - - - mr-3 - margin-right: 1rem; - - - mr-4 - margin-right: 1.5rem; - - - mr-5 - margin-right: 2rem; - - - mr-6 - margin-right: 3rem; - - - mr-7 - margin-right: 4rem; - - - mr-8 - margin-right: 5rem; - mb-0 margin-bottom: 0; @@ -227,6 +199,114 @@ export function ClassesDoc(props) { ml-8 margin-left: 5rem; + + mr-0 + margin-right: 0; + + + mr-1 + margin-right: 0.25rem; + + + mr-2 + margin-right: 0.5rem; + + + mr-3 + margin-right: 1rem; + + + mr-4 + margin-right: 1.5rem; + + + mr-5 + margin-right: 2rem; + + + mr-6 + margin-right: 3rem; + + + mr-7 + margin-right: 4rem; + + + mr-8 + margin-right: 5rem; + + + ms-0 + margin-inline-start: 0; + + + ms-1 + margin-inline-start: 0.25rem; + + + ms-2 + margin-inline-start: 0.5rem; + + + ms-3 + margin-inline-start: 1rem; + + + ms-4 + margin-inline-start: 1.5rem; + + + ms-5 + margin-inline-start: 2rem; + + + ms-6 + margin-inline-start: 3rem; + + + ms-7 + margin-inline-start: 4rem; + + + ms-8 + margin-inline-start: 5rem; + + + me-0 + margin-inline-end: 0; + + + me-1 + margin-inline-end: 0.25rem; + + + me-2 + margin-inline-end: 0.5rem; + + + me-3 + margin-inline-end: 1rem; + + + me-4 + margin-inline-end: 1.5rem; + + + me-5 + margin-inline-end: 2rem; + + + me-6 + margin-inline-end: 3rem; + + + me-7 + margin-inline-end: 4rem; + + + me-8 + margin-inline-end: 5rem; + mx-0 @@ -435,38 +515,6 @@ export function ClassesDoc(props) { -mt-8 margin-top: -5rem; - - -mr-1 - margin-right: -0.25rem; - - - -mr-2 - margin-right: -0.5rem; - - - -mr-3 - margin-right: -1rem; - - - -mr-4 - margin-right: -1.5rem; - - - -mr-5 - margin-right: -2rem; - - - -mr-6 - margin-right: -3rem; - - - -mr-7 - margin-right: -4rem; - - - -mr-8 - margin-right: -5rem; - -mb-1 margin-bottom: -0.25rem; @@ -531,6 +579,102 @@ export function ClassesDoc(props) { -ml-8 margin-left: -5rem; + + -mr-1 + margin-right: -0.25rem; + + + -mr-2 + margin-right: -0.5rem; + + + -mr-3 + margin-right: -1rem; + + + -mr-4 + margin-right: -1.5rem; + + + -mr-5 + margin-right: -2rem; + + + -mr-6 + margin-right: -3rem; + + + -mr-7 + margin-right: -4rem; + + + -mr-8 + margin-right: -5rem; + + + -ms-1 + margin-inline-start: -0.25rem; + + + -ms-2 + margin-inline-start: -0.5rem; + + + -ms-3 + margin-inline-start: -1rem; + + + -ms-4 + margin-inline-start: -1.5rem; + + + -ms-5 + margin-inline-start: -2rem; + + + -ms-6 + margin-inline-start: -3rem; + + + -ms-7 + margin-inline-start: -4rem; + + + -ms-8 + margin-inline-start: -5rem; + + + -me-1 + margin-inline-end: -0.25rem; + + + -me-2 + margin-inline-end: -0.5rem; + + + -me-3 + margin-inline-end: -1rem; + + + -me-4 + margin-inline-end: -1.5rem; + + + -me-5 + margin-inline-end: -2rem; + + + -me-6 + margin-inline-end: -3rem; + + + -me-7 + margin-inline-end: -4rem; + + + -me-8 + margin-inline-end: -5rem; + -mx-1 diff --git a/components/doc/margin/negativemargindoc.js b/components/doc/margin/negativemargindoc.js index 5db18d2..84abde6 100644 --- a/components/doc/margin/negativemargindoc.js +++ b/components/doc/margin/negativemargindoc.js @@ -7,13 +7,13 @@ export function NegativeMarginDoc(props) {
-mt-5
-
-mr-8
+
-me-8
-mb-3
-
-ml-6
+
-ms-6
`; @@ -31,13 +31,13 @@ export function NegativeMarginDoc(props) {
-mt-5
-
-mr-8
+
-me-8
-mb-3
-
-ml-6
+
-ms-6
diff --git a/components/doc/margin/singlesidemargindoc.js b/components/doc/margin/singlesidemargindoc.js index 9691cd9..b250c4e 100644 --- a/components/doc/margin/singlesidemargindoc.js +++ b/components/doc/margin/singlesidemargindoc.js @@ -7,13 +7,13 @@ export function SingleSideMarginDoc(props) {
mt-5
-
mr-8
+
me-8
mb-3
-
ml-6
+
ms-6
`; @@ -29,13 +29,13 @@ export function SingleSideMarginDoc(props) {
mt-5
-
mr-8
+
me-8
mb-3
-
ml-6
+
ms-6
diff --git a/components/doc/padding/classesdoc.js b/components/doc/padding/classesdoc.js index 4b85d8a..550a27d 100644 --- a/components/doc/padding/classesdoc.js +++ b/components/doc/padding/classesdoc.js @@ -89,38 +89,6 @@ export function ClassesDoc(props) { pr-0 padding-right: 0; - - pr-1 - padding-right: 0.25rem; - - - pr-2 - padding-right: 0.5rem; - - - pr-3 - padding-right: 1rem; - - - pr-4 - padding-right: 1.5rem; - - - pr-5 - padding-right: 2rem; - - - pr-6 - padding-right: 3rem; - - - pr-7 - padding-right: 4rem; - - - pr-8 - padding-right: 5rem; - pb-0 padding-bottom: 0; @@ -193,6 +161,102 @@ export function ClassesDoc(props) { pl-8 padding-left: 5rem; + + pr-1 + padding-right: 0.25rem; + + + pr-2 + padding-right: 0.5rem; + + + pr-3 + padding-right: 1rem; + + + pr-4 + padding-right: 1.5rem; + + + pr-5 + padding-right: 2rem; + + + pr-6 + padding-right: 3rem; + + + pr-7 + padding-right: 4rem; + + + pr-8 + padding-right: 5rem; + + + ps-1 + padding-inline-start: 0.25rem; + + + ps-2 + padding-inline-start: 0.5rem; + + + ps-3 + padding-inline-start: 1rem; + + + ps-4 + padding-inline-start: 1.5rem; + + + ps-5 + padding-inline-start: 2rem; + + + ps-6 + padding-inline-start: 3rem; + + + ps-7 + padding-inline-start: 4rem; + + + ps-8 + padding-inline-start: 5rem; + + + pe-1 + padding-inline-end: 0.25rem; + + + pe-2 + padding-inline-end: 0.5rem; + + + pe-3 + padding-inline-end: 1rem; + + + pe-4 + padding-inline-end: 1.5rem; + + + pe-5 + padding-inline-end: 2rem; + + + pe-6 + padding-inline-end: 3rem; + + + pe-7 + padding-inline-end: 4rem; + + + pe-8 + padding-inline-end: 5rem; + px-0 diff --git a/components/doc/padding/singlesidepaddingdoc.js b/components/doc/padding/singlesidepaddingdoc.js index 66f9d4f..03c0a96 100644 --- a/components/doc/padding/singlesidepaddingdoc.js +++ b/components/doc/padding/singlesidepaddingdoc.js @@ -6,14 +6,14 @@ export function SingleSidePaddingDoc(props) {
pt-5
-
-
pr-8
+
+
pe-8
pb-3
-
-
pl-6
+
+
ps-6
`; @@ -28,14 +28,14 @@ export function SingleSidePaddingDoc(props) {
pt-5
-
-
pr-8
+
+
pe-8
pb-3
-
-
pl-6
+
+
ps-6
diff --git a/package-lib.json b/package-lib.json index 5841c82..81a8c18 100644 --- a/package-lib.json +++ b/package-lib.json @@ -1,16 +1,16 @@ { - "name": "primeflex", - "version": "3.3.1", - "description": "PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages as well.", + "name": "primeflexrtl", + "version": "1.0.0", + "description": "PrimeFlexRTL is a lightweight and responsive CSS library that is forked from PrimeFlex and provides full support for right-to-left (RTL) languages.", "repository": { "type": "git", - "url": "git+https://github.com/primefaces/primeflex.git" + "url": "git+https://github.com/aaasadi/primeflex.git" }, - "keywords": ["grid", "responsive", "flex", "css utility"], - "author": "PrimeTek", + "keywords": ["primeflex", "primeng", "rtl-support", "css utility"], + "author": "amir abbas asadi", "license": "MIT", "bugs": { - "url": "https://github.com/primefaces/primeflex/issues" + "url": "https://github.com/aaasadi/primeflex/issues" }, "homepage": "https://primeflex.org" } diff --git a/pages/animations/index.js b/pages/animations/index.js index 98a3d49..f87c820 100644 --- a/pages/animations/index.js +++ b/pages/animations/index.js @@ -23,9 +23,17 @@ import { ZoominDoc } from '../../components/doc/animations/zoomindoc'; import { ZoomindownDoc } from '../../components/doc/animations/zoomindowndoc'; import { ZoominleftDoc } from '../../components/doc/animations/zoominleftdoc'; import { ZoominupDoc } from '../../components/doc/animations/zoominupdoc'; -import { ZoomninrightDoc } from '../../components/doc/animations/zoomninrightdoc'; +import { ZoominrightDoc, Zoominrightdoc } from '../../components/doc/animations/zoominrightdoc'; import { DocSectionNav } from '../../components/doc/common/docsectionnav'; import { DocSections } from '../../components/doc/common/docsections'; +import { FadeinstartDoc } from '../../components/doc/animations/fadeinstartdoc'; +import { FadeinendDoc } from '../../components/doc/animations/fadeinenddoc'; +import { FadeoutendDoc } from '../../components/doc/animations/fadeoutenddoc'; +import { FadeoutstartDoc } from '../../components/doc/animations/fadeoutstartdoc'; +import { ZoominstartDoc } from '../../components/doc/animations/zoominstartdoc'; +import { ZoominendDoc } from '../../components/doc/animations/zoominenddoc'; +import { FlipstartDoc } from '../../components/doc/animations/flipstartdoc'; +import { FlipendDoc } from '../../components/doc/animations/flipenddoc'; const PositionPage = () => { const docs = [ @@ -69,6 +77,16 @@ const PositionPage = () => { label: 'fadeinright', component: FadeinrightDoc }, + { + id: 'fadeinstart', + label: 'fadeinstart', + component: FadeinstartDoc + }, + { + id: 'fadeinend', + label: 'fadeinend', + component: FadeinendDoc + }, { id: 'fadeoutleft', label: 'fadeoutleft', @@ -79,6 +97,16 @@ const PositionPage = () => { label: 'fadeoutright', component: FadeoutrightDoc }, + { + id: 'fadeoutstart', + label: 'fadeoutstart', + component: FadeoutstartDoc + }, + { + id: 'fadeoutend', + label: 'fadeoutend', + component: FadeoutendDoc + }, { id: 'fadeinup', label: 'fadeinup', @@ -119,6 +147,16 @@ const PositionPage = () => { label: 'flipright', component: FliprightDoc }, + { + id: 'flipstart', + label: 'flipstart', + component: FlipstartDoc + }, + { + id: 'flipend', + label: 'flipend', + component: FlipendDoc + }, { id: 'flipup', label: 'flipup', @@ -140,9 +178,19 @@ const PositionPage = () => { component: ZoominleftDoc }, { - id: 'zoomninright', - label: 'zoomninright', - component: ZoomninrightDoc + id: 'zoominright', + label: 'zoominright', + component: ZoominrightDoc + }, + { + id: 'zoominstart', + label: 'zoominstart', + component: ZoominstartDoc + }, + { + id: 'zoominend', + label: 'zoominend', + component: ZoominendDoc }, { id: 'zoominup', diff --git a/styles/layout/_content.scss b/styles/layout/_content.scss index 9b6ef28..5f95a29 100644 --- a/styles/layout/_content.scss +++ b/styles/layout/_content.scss @@ -1,5 +1,5 @@ .layout-content { - margin-left: 250px; + margin-inline-start: 250px; padding-top: 5rem; z-index: 2; position: relative; diff --git a/styles/layout/_doc.scss b/styles/layout/_doc.scss index 007e9cf..3708cd5 100644 --- a/styles/layout/_doc.scss +++ b/styles/layout/_doc.scss @@ -23,8 +23,8 @@ margin: 0; transition: all 0.3s; border-bottom: 1px solid transparent; - border-top-right-radius: var(--border-round); - border-top-left-radius: var(--border-round); + border-start-start-radius: var(--border-round); + border-start-end-radius: var(--border-round); &:hover { border-bottom-color: var(--text-color); @@ -92,7 +92,7 @@ > a { color: var(--primary-color); opacity: 0.7; - margin-left: 1rem; + margin-inline-start: 1rem; display: none; transition: opacity 0.3s, colors 0.3s; } @@ -157,21 +157,21 @@ .doc-section-nav { position: sticky; top: 7rem; - right: 0; + inset-inline-end: 0; width: 14rem; max-height: calc(100vh - 15rem); list-style: none; margin: 0; padding: 0.25rem 0; - margin-left: 4rem; + margin-inline-start: 4rem; overflow-y: auto; overflow-x: hidden; align-self: flex-start; > .navbar-item { .navbar-item-content { - border-left: 1px solid var(--menu-border-color); - padding-left: 0.25rem; + border-inline-start: 1px solid var(--menu-border-color); + padding-inline-start: 0.25rem; } } @@ -212,7 +212,7 @@ .navbar-item { .navbar-item-content { - padding-left: 1rem; + padding-inline-start: 1rem; } } } @@ -251,6 +251,7 @@ @include card; background-color: var(--surface-overlay); padding-top: 0; + direction: ltr; } .doc-table { @@ -264,14 +265,14 @@ thead { position: sticky; top: 0; - left: 0; + inset-inline-start: 0; background-color: var(--surface-overlay); } th { border-bottom: 1px solid var(--table-border-color); padding: 1rem; padding-top: 3rem; - text-align: left; + text-align: start; text-transform: capitalize; } @@ -325,7 +326,7 @@ .doc-option-link { position: absolute; top: 0; - right: -1.5rem; + inset-inline-end: -1.5rem; color: var(--primary-color); opacity: 0.7; display: none; diff --git a/styles/layout/_sidebar.scss b/styles/layout/_sidebar.scss index c0936c3..a6d9952 100644 --- a/styles/layout/_sidebar.scss +++ b/styles/layout/_sidebar.scss @@ -1,6 +1,6 @@ .layout-sidebar { position: fixed; - left: 0; + inset-inline-start: 0; top: 0; height: 100%; width: 300px; @@ -84,7 +84,7 @@ .menu-icon { width: 2rem; height: 2rem; - margin-right: 0.5rem; + margin-inline-end: 0.5rem; display: inline-flex; align-items: center; justify-content: center; @@ -98,7 +98,7 @@ .menu-toggle-icon { color: var(--surface-900); - margin-left: auto; + margin-inline-start: auto; opacity: 0.5; } } @@ -116,9 +116,11 @@ > div { > ol { - margin: 0 0 0 2rem; - padding: 0.25rem 0 0 0.5rem; - border-left: 1px solid var(--menu-border-color); + margin: 0; + margin-inline-start: 2rem; + padding: 0.25rem 0 0 0; + padding-inline-start: 0.5rem; + border-inline-start: 1px solid var(--menu-border-color); > li { > ol { diff --git a/styles/layout/_topbar.scss b/styles/layout/_topbar.scss index 4d6dcc5..eb912c0 100644 --- a/styles/layout/_topbar.scss +++ b/styles/layout/_topbar.scss @@ -3,7 +3,7 @@ height: 5rem; position: fixed; top: 0; - left: 300px; + inset-inline-start: 300px; width: calc(100% - 300px); z-index: 1100; diff --git a/styles/lib/core/_animation.scss b/styles/lib/core/_animation.scss index e19d3f2..cab4f59 100644 --- a/styles/lib/core/_animation.scss +++ b/styles/lib/core/_animation.scss @@ -272,58 +272,86 @@ $animationPerspective: 2000px !default; } } -.#{$prefix}fadein { - animation: fadein .15s linear; -} - -.#{$prefix}fadeout { - animation: fadeout .15s linear; +.#{$prefix}slideup { + animation: slideup .45s cubic-bezier(0, 1, 0, 1); } .#{$prefix}slidedown { animation: slidedown .45s ease-in-out; } -.#{$prefix}slideup { - animation: slideup .45s cubic-bezier(0, 1, 0, 1); -} - .#{$prefix}scalein { animation: scalein .15s linear; } -.#{$prefix}fadeinleft { - animation: fadeinleft .15s linear; +.#{$prefix}fadein { + animation: fadein .15s linear; } -.#{$prefix}fadeoutleft { - animation: fadeoutleft .15s linear; +.#{$prefix}fadeinup { + animation: fadeinup .15s linear; +} + +.#{$prefix}fadeindown { + animation: fadeindown .15s linear; +} + +.#{$prefix}fadeinleft { + animation: fadeinleft .15s linear; } .#{$prefix}fadeinright { animation: fadeinright .15s linear; } -.#{$prefix}fadeoutright { - animation: fadeoutright .15s linear; +.#{$prefix}fadeinstart { + animation: fadeinleft .15s linear; + [dir="rtl"] & { + animation: fadeinright .15s linear; + } } -.#{$prefix}fadeinup { - animation: fadeinup .15s linear; +.#{$prefix}fadeinend { + animation: fadeinright .15s linear; + [dir="rtl"] & { + animation: fadeinleft .15s linear; + } } -.#{$prefix}fadeoutup { - animation: fadeoutup .15s linear; +.#{$prefix}fadeout { + animation: fadeout .15s linear; } -.#{$prefix}fadeindown { - animation: fadeindown .15s linear; +.#{$prefix}fadeoutup { + animation: fadeoutup .15s linear; } .#{$prefix}fadeoutdown { animation: fadeoutdown .15s linear; } +.#{$prefix}fadeoutleft { + animation: fadeoutleft .15s linear; +} + +.#{$prefix}fadeoutright { + animation: fadeoutright .15s linear; +} + +.#{$prefix}fadeoutstart { + animation: fadeoutleft .15s linear; + [dir="rtl"] & { + animation: fadeoutright .15s linear; + } +} + +.#{$prefix}fadeoutend { + animation: fadeoutright .15s linear; + [dir="rtl"] & { + animation: fadeoutleft .15s linear; + } +} + .#{$prefix}animate-width { animation: animate-width 1000ms linear; } @@ -348,10 +376,30 @@ $animationPerspective: 2000px !default; animation: flipright .15s linear; } +.#{$prefix}flipstart { + backface-visibility: visible; + animation: flipleft .15s linear; + [dir="rtl"] & { + animation: flipright .15s linear; + } +} + +.#{$prefix}flipend { + backface-visibility: visible; + animation: flipright .15s linear; + [dir="rtl"] & { + animation: flipleft .15s linear; + } +} + .#{$prefix}zoomin { animation: zoomin .15s linear; } +.#{$prefix}zoominup { + animation: zoominup .15s linear; +} + .#{$prefix}zoomindown { animation: zoomindown .15s linear; } @@ -364,8 +412,18 @@ $animationPerspective: 2000px !default; animation: zoominright .15s linear; } -.#{$prefix}zoominup { - animation: zoominup .15s linear; +.#{$prefix}zoominstart { + animation: zoominleft .15s linear; + [dir="rtl"] & { + animation: zoominright .15s linear; + } +} + +.#{$prefix}zoominend { + animation: zoominright .15s linear; + [dir="rtl"] & { + animation: zoominleft .15s linear; + } } $animation-duration-props: ( @@ -414,4 +472,4 @@ $animation-fill-props: ( @include style-class('animation-delay', $animation-delay-props); @include style-class('animation-iteration-count', $animation-iteration-props); @include style-class('animation-timing-function', $animation-timing-props); -@include style-class('animation-fill-mode', $animation-fill-props); \ No newline at end of file +@include style-class('animation-fill-mode', $animation-fill-props); diff --git a/styles/lib/core/_border.scss b/styles/lib/core/_border.scss index 1a6a8c2..025ba43 100644 --- a/styles/lib/core/_border.scss +++ b/styles/lib/core/_border.scss @@ -6,6 +6,8 @@ $border-directions: ( 'right': 'border-right', 'left': 'border-left', 'bottom': 'border-bottom', + 'start': 'border-inline-start', + 'end': 'border-inline-end', 'x': ('border-left','border-right'), 'y': ('border-top','border-bottom') ) !default; @@ -18,4 +20,4 @@ $border-styles: ( ) !default; @include border-class('border', $border-directions, $border-scales); -@include style-class('border-style', $border-styles, true); \ No newline at end of file +@include style-class('border-style', $border-styles, true); diff --git a/styles/lib/core/_borderradius.scss b/styles/lib/core/_borderradius.scss index fe34889..71ec2f8 100644 --- a/styles/lib/core/_borderradius.scss +++ b/styles/lib/core/_borderradius.scss @@ -15,8 +15,10 @@ $border-radius-directions: ( 'left': ('border-top-left-radius','border-bottom-left-radius'), 'top': ('border-top-left-radius','border-top-right-radius'), 'right': ('border-top-right-radius','border-bottom-right-radius'), - 'bottom': ('border-bottom-left-radius','border-bottom-right-radius') + 'bottom': ('border-bottom-left-radius','border-bottom-right-radius'), + 'start': ('border-start-start-radius','border-end-start-radius'), + 'end': ('border-start-end-radius','border-end-end-radius') ) !default; @include style-class('border-radius', $border-radius-props, true); -@include border-radius-class($border-radius-props, $border-radius-directions); \ No newline at end of file +@include border-radius-class($border-radius-props, $border-radius-directions); diff --git a/styles/lib/core/_image.scss b/styles/lib/core/_image.scss index d5bc7d9..c90c346 100644 --- a/styles/lib/core/_image.scss +++ b/styles/lib/core/_image.scss @@ -27,4 +27,4 @@ $image-position-props: ( @include style-class('background-repeat', $image-repeat-props, true); @include style-class('background-size', $image-size-props, true); -@include style-class('background-position', $image-position-props, true); \ No newline at end of file +@include style-class('background-position', $image-position-props, true); diff --git a/styles/lib/core/_position.scss b/styles/lib/core/_position.scss index 4895dba..e3982ba 100644 --- a/styles/lib/core/_position.scss +++ b/styles/lib/core/_position.scss @@ -34,8 +34,24 @@ $bottom-locations: ( 'bottom-100': '100%' ) !default; +$start-locations: ( + 'start-auto': 'auto', + 'start-0': '0px', + 'start-50': '50%', + 'start-100': '100%' +) !default; + +$end-locations: ( + 'end-auto': 'auto', + 'end-0': '0px', + 'end-50': '50%', + 'end-100': '100%' +) !default; + @include style-class('position', $position-props, true); @include style-class('top', $top-locations, true); @include style-class('left', $left-locations, true); @include style-class('right', $right-locations, true); -@include style-class('bottom', $bottom-locations, true); \ No newline at end of file +@include style-class('bottom', $bottom-locations, true); +@include style-class('inset-inline-start', $start-locations, true); +@include style-class('inset-inline-end', $end-locations, true); diff --git a/styles/lib/core/_spacing.scss b/styles/lib/core/_spacing.scss index 93febe7..88d538c 100644 --- a/styles/lib/core/_spacing.scss +++ b/styles/lib/core/_spacing.scss @@ -5,6 +5,8 @@ $padding-properties: ( 'r': 'padding-right', 'l': 'padding-left', 'b': 'padding-bottom', + 's': 'padding-inline-start', + 'e': 'padding-inline-end', 'x': ('padding-left','padding-right'), 'y': ('padding-top','padding-bottom') ) !default; @@ -15,9 +17,11 @@ $margin-properties: ( 'r': 'margin-right', 'l': 'margin-left', 'b': 'margin-bottom', + 's': 'margin-inline-start', + 'e': 'margin-inline-end', 'x': ('margin-left','margin-right'), 'y': ('margin-top','margin-bottom') ) !default; @include spacing-class('p', $padding-properties, $space-scales); -@include spacing-class('m', $margin-properties, $space-scales, true, true, true); \ No newline at end of file +@include spacing-class('m', $margin-properties, $space-scales, true, true, true); diff --git a/styles/primeflex.output.css b/styles/primeflex.output.css new file mode 100644 index 0000000..79e0e0f --- /dev/null +++ b/styles/primeflex.output.css @@ -0,0 +1,877995 @@ +.align-content-start { + align-content: flex-start +} +.align-content-end { + align-content: flex-end +} +.align-content-center { + align-content: center +} +.align-content-between { + align-content: space-between +} +.align-content-around { + align-content: space-around +} +.align-content-evenly { + align-content: space-evenly +} +@media screen and (min-width: 576px) { + .sm\:align-content-start { + align-content: flex-start + } + .sm\:align-content-end { + align-content: flex-end + } + .sm\:align-content-center { + align-content: center + } + .sm\:align-content-between { + align-content: space-between + } + .sm\:align-content-around { + align-content: space-around + } + .sm\:align-content-evenly { + align-content: space-evenly + } +} +@media screen and (min-width: 768px) { + .md\:align-content-start { + align-content: flex-start + } + .md\:align-content-end { + align-content: flex-end + } + .md\:align-content-center { + align-content: center + } + .md\:align-content-between { + align-content: space-between + } + .md\:align-content-around { + align-content: space-around + } + .md\:align-content-evenly { + align-content: space-evenly + } +} +@media screen and (min-width: 992px) { + .lg\:align-content-start { + align-content: flex-start + } + .lg\:align-content-end { + align-content: flex-end + } + .lg\:align-content-center { + align-content: center + } + .lg\:align-content-between { + align-content: space-between + } + .lg\:align-content-around { + align-content: space-around + } + .lg\:align-content-evenly { + align-content: space-evenly + } +} +@media screen and (min-width: 1200px) { + .xl\:align-content-start { + align-content: flex-start + } + .xl\:align-content-end { + align-content: flex-end + } + .xl\:align-content-center { + align-content: center + } + .xl\:align-content-between { + align-content: space-between + } + .xl\:align-content-around { + align-content: space-around + } + .xl\:align-content-evenly { + align-content: space-evenly + } +} +.align-items-stretch { + align-items: stretch +} +.align-items-start { + align-items: flex-start +} +.align-items-center { + align-items: center +} +.align-items-end { + align-items: flex-end +} +.align-items-baseline { + align-items: baseline +} +@media screen and (min-width: 576px) { + .sm\:align-items-stretch { + align-items: stretch + } + .sm\:align-items-start { + align-items: flex-start + } + .sm\:align-items-center { + align-items: center + } + .sm\:align-items-end { + align-items: flex-end + } + .sm\:align-items-baseline { + align-items: baseline + } +} +@media screen and (min-width: 768px) { + .md\:align-items-stretch { + align-items: stretch + } + .md\:align-items-start { + align-items: flex-start + } + .md\:align-items-center { + align-items: center + } + .md\:align-items-end { + align-items: flex-end + } + .md\:align-items-baseline { + align-items: baseline + } +} +@media screen and (min-width: 992px) { + .lg\:align-items-stretch { + align-items: stretch + } + .lg\:align-items-start { + align-items: flex-start + } + .lg\:align-items-center { + align-items: center + } + .lg\:align-items-end { + align-items: flex-end + } + .lg\:align-items-baseline { + align-items: baseline + } +} +@media screen and (min-width: 1200px) { + .xl\:align-items-stretch { + align-items: stretch + } + .xl\:align-items-start { + align-items: flex-start + } + .xl\:align-items-center { + align-items: center + } + .xl\:align-items-end { + align-items: flex-end + } + .xl\:align-items-baseline { + align-items: baseline + } +} +.align-self-auto { + align-self: auto +} +.align-self-start { + align-self: flex-start +} +.align-self-end { + align-self: flex-end +} +.align-self-center { + align-self: center +} +.align-self-stretch { + align-self: stretch +} +.align-self-baseline { + align-self: baseline +} +@media screen and (min-width: 576px) { + .sm\:align-self-auto { + align-self: auto + } + .sm\:align-self-start { + align-self: flex-start + } + .sm\:align-self-end { + align-self: flex-end + } + .sm\:align-self-center { + align-self: center + } + .sm\:align-self-stretch { + align-self: stretch + } + .sm\:align-self-baseline { + align-self: baseline + } +} +@media screen and (min-width: 768px) { + .md\:align-self-auto { + align-self: auto + } + .md\:align-self-start { + align-self: flex-start + } + .md\:align-self-end { + align-self: flex-end + } + .md\:align-self-center { + align-self: center + } + .md\:align-self-stretch { + align-self: stretch + } + .md\:align-self-baseline { + align-self: baseline + } +} +@media screen and (min-width: 992px) { + .lg\:align-self-auto { + align-self: auto + } + .lg\:align-self-start { + align-self: flex-start + } + .lg\:align-self-end { + align-self: flex-end + } + .lg\:align-self-center { + align-self: center + } + .lg\:align-self-stretch { + align-self: stretch + } + .lg\:align-self-baseline { + align-self: baseline + } +} +@media screen and (min-width: 1200px) { + .xl\:align-self-auto { + align-self: auto + } + .xl\:align-self-start { + align-self: flex-start + } + .xl\:align-self-end { + align-self: flex-end + } + .xl\:align-self-center { + align-self: center + } + .xl\:align-self-stretch { + align-self: stretch + } + .xl\:align-self-baseline { + align-self: baseline + } +} +.all-initial { + all: initial +} +.all-inherit { + all: inherit +} +.all-unset { + all: unset +} +@media screen and (min-width: 576px) { + .sm\:all-initial { + all: initial + } + .sm\:all-inherit { + all: inherit + } + .sm\:all-unset { + all: unset + } +} +@media screen and (min-width: 768px) { + .md\:all-initial { + all: initial + } + .md\:all-inherit { + all: inherit + } + .md\:all-unset { + all: unset + } +} +@media screen and (min-width: 992px) { + .lg\:all-initial { + all: initial + } + .lg\:all-inherit { + all: inherit + } + .lg\:all-unset { + all: unset + } +} +@media screen and (min-width: 1200px) { + .xl\:all-initial { + all: initial + } + .xl\:all-inherit { + all: inherit + } + .xl\:all-unset { + all: unset + } +} +.animation-delay-100 { + animation-delay: 100ms +} +.animation-delay-150 { + animation-delay: 150ms +} +.animation-delay-200 { + animation-delay: 200ms +} +.animation-delay-300 { + animation-delay: 300ms +} +.animation-delay-400 { + animation-delay: 400ms +} +.animation-delay-500 { + animation-delay: 500ms +} +.animation-delay-1000 { + animation-delay: 1000ms +} +@media screen and (min-width: 576px) { + .sm\:animation-delay-100 { + animation-delay: 100ms + } + .sm\:animation-delay-150 { + animation-delay: 150ms + } + .sm\:animation-delay-200 { + animation-delay: 200ms + } + .sm\:animation-delay-300 { + animation-delay: 300ms + } + .sm\:animation-delay-400 { + animation-delay: 400ms + } + .sm\:animation-delay-500 { + animation-delay: 500ms + } + .sm\:animation-delay-1000 { + animation-delay: 1000ms + } +} +@media screen and (min-width: 768px) { + .md\:animation-delay-100 { + animation-delay: 100ms + } + .md\:animation-delay-150 { + animation-delay: 150ms + } + .md\:animation-delay-200 { + animation-delay: 200ms + } + .md\:animation-delay-300 { + animation-delay: 300ms + } + .md\:animation-delay-400 { + animation-delay: 400ms + } + .md\:animation-delay-500 { + animation-delay: 500ms + } + .md\:animation-delay-1000 { + animation-delay: 1000ms + } +} +@media screen and (min-width: 992px) { + .lg\:animation-delay-100 { + animation-delay: 100ms + } + .lg\:animation-delay-150 { + animation-delay: 150ms + } + .lg\:animation-delay-200 { + animation-delay: 200ms + } + .lg\:animation-delay-300 { + animation-delay: 300ms + } + .lg\:animation-delay-400 { + animation-delay: 400ms + } + .lg\:animation-delay-500 { + animation-delay: 500ms + } + .lg\:animation-delay-1000 { + animation-delay: 1000ms + } +} +@media screen and (min-width: 1200px) { + .xl\:animation-delay-100 { + animation-delay: 100ms + } + .xl\:animation-delay-150 { + animation-delay: 150ms + } + .xl\:animation-delay-200 { + animation-delay: 200ms + } + .xl\:animation-delay-300 { + animation-delay: 300ms + } + .xl\:animation-delay-400 { + animation-delay: 400ms + } + .xl\:animation-delay-500 { + animation-delay: 500ms + } + .xl\:animation-delay-1000 { + animation-delay: 1000ms + } +} +.animation-duration-100 { + animation-duration: 100ms +} +.animation-duration-150 { + animation-duration: 150ms +} +.animation-duration-200 { + animation-duration: 200ms +} +.animation-duration-300 { + animation-duration: 300ms +} +.animation-duration-400 { + animation-duration: 400ms +} +.animation-duration-500 { + animation-duration: 500ms +} +.animation-duration-1000 { + animation-duration: 1000ms +} +.animation-duration-2000 { + animation-duration: 2000ms +} +.animation-duration-3000 { + animation-duration: 3000ms +} +@media screen and (min-width: 576px) { + .sm\:animation-duration-100 { + animation-duration: 100ms + } + .sm\:animation-duration-150 { + animation-duration: 150ms + } + .sm\:animation-duration-200 { + animation-duration: 200ms + } + .sm\:animation-duration-300 { + animation-duration: 300ms + } + .sm\:animation-duration-400 { + animation-duration: 400ms + } + .sm\:animation-duration-500 { + animation-duration: 500ms + } + .sm\:animation-duration-1000 { + animation-duration: 1000ms + } + .sm\:animation-duration-2000 { + animation-duration: 2000ms + } + .sm\:animation-duration-3000 { + animation-duration: 3000ms + } +} +@media screen and (min-width: 768px) { + .md\:animation-duration-100 { + animation-duration: 100ms + } + .md\:animation-duration-150 { + animation-duration: 150ms + } + .md\:animation-duration-200 { + animation-duration: 200ms + } + .md\:animation-duration-300 { + animation-duration: 300ms + } + .md\:animation-duration-400 { + animation-duration: 400ms + } + .md\:animation-duration-500 { + animation-duration: 500ms + } + .md\:animation-duration-1000 { + animation-duration: 1000ms + } + .md\:animation-duration-2000 { + animation-duration: 2000ms + } + .md\:animation-duration-3000 { + animation-duration: 3000ms + } +} +@media screen and (min-width: 992px) { + .lg\:animation-duration-100 { + animation-duration: 100ms + } + .lg\:animation-duration-150 { + animation-duration: 150ms + } + .lg\:animation-duration-200 { + animation-duration: 200ms + } + .lg\:animation-duration-300 { + animation-duration: 300ms + } + .lg\:animation-duration-400 { + animation-duration: 400ms + } + .lg\:animation-duration-500 { + animation-duration: 500ms + } + .lg\:animation-duration-1000 { + animation-duration: 1000ms + } + .lg\:animation-duration-2000 { + animation-duration: 2000ms + } + .lg\:animation-duration-3000 { + animation-duration: 3000ms + } +} +@media screen and (min-width: 1200px) { + .xl\:animation-duration-100 { + animation-duration: 100ms + } + .xl\:animation-duration-150 { + animation-duration: 150ms + } + .xl\:animation-duration-200 { + animation-duration: 200ms + } + .xl\:animation-duration-300 { + animation-duration: 300ms + } + .xl\:animation-duration-400 { + animation-duration: 400ms + } + .xl\:animation-duration-500 { + animation-duration: 500ms + } + .xl\:animation-duration-1000 { + animation-duration: 1000ms + } + .xl\:animation-duration-2000 { + animation-duration: 2000ms + } + .xl\:animation-duration-3000 { + animation-duration: 3000ms + } +} +.animation-fill-none { + animation-fill-mode: none +} +.animation-fill-forwards { + animation-fill-mode: forwards +} +.animation-fill-backwards { + animation-fill-mode: backwards +} +.animation-fill-both { + animation-fill-mode: both +} +@media screen and (min-width: 576px) { + .sm\:animation-fill-none { + animation-fill-mode: none + } + .sm\:animation-fill-forwards { + animation-fill-mode: forwards + } + .sm\:animation-fill-backwards { + animation-fill-mode: backwards + } + .sm\:animation-fill-both { + animation-fill-mode: both + } +} +@media screen and (min-width: 768px) { + .md\:animation-fill-none { + animation-fill-mode: none + } + .md\:animation-fill-forwards { + animation-fill-mode: forwards + } + .md\:animation-fill-backwards { + animation-fill-mode: backwards + } + .md\:animation-fill-both { + animation-fill-mode: both + } +} +@media screen and (min-width: 992px) { + .lg\:animation-fill-none { + animation-fill-mode: none + } + .lg\:animation-fill-forwards { + animation-fill-mode: forwards + } + .lg\:animation-fill-backwards { + animation-fill-mode: backwards + } + .lg\:animation-fill-both { + animation-fill-mode: both + } +} +@media screen and (min-width: 1200px) { + .xl\:animation-fill-none { + animation-fill-mode: none + } + .xl\:animation-fill-forwards { + animation-fill-mode: forwards + } + .xl\:animation-fill-backwards { + animation-fill-mode: backwards + } + .xl\:animation-fill-both { + animation-fill-mode: both + } +} +.animation-iteration-1 { + animation-iteration-count: 1 +} +.animation-iteration-2 { + animation-iteration-count: 2 +} +.animation-iteration-infinite { + animation-iteration-count: infinite +} +@media screen and (min-width: 576px) { + .sm\:animation-iteration-1 { + animation-iteration-count: 1 + } + .sm\:animation-iteration-2 { + animation-iteration-count: 2 + } + .sm\:animation-iteration-infinite { + animation-iteration-count: infinite + } +} +@media screen and (min-width: 768px) { + .md\:animation-iteration-1 { + animation-iteration-count: 1 + } + .md\:animation-iteration-2 { + animation-iteration-count: 2 + } + .md\:animation-iteration-infinite { + animation-iteration-count: infinite + } +} +@media screen and (min-width: 992px) { + .lg\:animation-iteration-1 { + animation-iteration-count: 1 + } + .lg\:animation-iteration-2 { + animation-iteration-count: 2 + } + .lg\:animation-iteration-infinite { + animation-iteration-count: infinite + } +} +@media screen and (min-width: 1200px) { + .xl\:animation-iteration-1 { + animation-iteration-count: 1 + } + .xl\:animation-iteration-2 { + animation-iteration-count: 2 + } + .xl\:animation-iteration-infinite { + animation-iteration-count: infinite + } +} +.animation-linear { + animation-timing-function: linear +} +.animation-ease-in { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1) +} +.animation-ease-out { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1) +} +.animation-ease-in-out { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) +} +@media screen and (min-width: 576px) { + .sm\:animation-linear { + animation-timing-function: linear + } + .sm\:animation-ease-in { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1) + } + .sm\:animation-ease-out { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1) + } + .sm\:animation-ease-in-out { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) + } +} +@media screen and (min-width: 768px) { + .md\:animation-linear { + animation-timing-function: linear + } + .md\:animation-ease-in { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1) + } + .md\:animation-ease-out { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1) + } + .md\:animation-ease-in-out { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) + } +} +@media screen and (min-width: 992px) { + .lg\:animation-linear { + animation-timing-function: linear + } + .lg\:animation-ease-in { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1) + } + .lg\:animation-ease-out { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1) + } + .lg\:animation-ease-in-out { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) + } +} +@media screen and (min-width: 1200px) { + .xl\:animation-linear { + animation-timing-function: linear + } + .xl\:animation-ease-in { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1) + } + .xl\:animation-ease-out { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1) + } + .xl\:animation-ease-in-out { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) + } +} +@keyframes pf-animate-width { + from { + width: 0 + } + to { + width: 100% + } +} +.animate-width { + animation-name: pf-animate-width; + animation-duration: 1000ms; + animation-timing-function: linear +} +@keyframes pf-fadein { + from { + opacity: 0 + } + to { + opacity: 1 + } +} +.fadein { + animation-name: pf-fadein; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeout { + from { + opacity: 1 + } + to { + opacity: 0 + } +} +.fadeout { + animation-name: pf-fadeout; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeinleft { + from { + opacity: 0; + transform: translateX(-100%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 1; + transform: translateX(0%) + } +} +.fadeinleft { + animation-name: pf-fadeinleft; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeoutleft { + from { + opacity: 1; + transform: translateX(0%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 0; + transform: translateX(-100%) + } +} +.fadeoutleft { + animation-name: pf-fadeoutleft; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeinright { + from { + opacity: 0; + transform: translateX(100%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 1; + transform: translateX(0%) + } +} +.fadeinright { + animation-name: pf-fadeinright; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeoutright { + from { + opacity: 1; + transform: translateX(0%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 0; + transform: translateX(100%) + } +} +.fadeoutright { + animation-name: pf-fadeoutright; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeinup { + from { + opacity: 0; + transform: translateY(-100%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 1; + transform: translateY(0%) + } +} +.fadeinup { + animation-name: pf-fadeinup; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeoutup { + from { + opacity: 1; + transform: translateY(0%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 0; + transform: translateY(-100%) + } +} +.fadeoutup { + animation-name: pf-fadeoutup; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeindown { + from { + opacity: 0; + transform: translateY(100%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 1; + transform: translateY(0%) + } +} +.fadeindown { + animation-name: pf-fadeindown; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-fadeoutdown { + from { + opacity: 1; + transform: translateY(0%); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 0; + transform: translateY(100%) + } +} +.fadeoutdown { + animation-name: pf-fadeoutdown; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-flip { + from { + transform: perspective(2000px) rotateX(-100deg) + } + to { + transform: perspective(2000px) rotateX(0) + } +} +.flip { + animation-name: pf-flip; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-flipleft { + from { + opacity: 0; + transform: perspective(2000px) rotateY(-100deg) + } + to { + opacity: 1; + transform: perspective(2000px) rotateY(0) + } +} +.flipleft { + animation-name: pf-flipleft; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-flipright { + from { + opacity: 0; + transform: perspective(2000px) rotateY(100deg) + } + to { + opacity: 1; + transform: perspective(2000px) rotateY(0) + } +} +.flipright { + animation-name: pf-flipright; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-flipup { + from { + opacity: 0; + transform: perspective(2000px) rotateX(-100deg) + } + to { + opacity: 1; + transform: perspective(2000px) rotateX(0) + } +} +.flipup { + animation-name: pf-flipup; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-scalein { + from { + opacity: 0; + transform: scaleY(0.8); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1) + } + to { + opacity: 1; + transform: scaleY(1) + } +} +.scalein { + animation-name: pf-scalein; + animation-duration: .15s; + animation-timing-function: linear +} +@keyframes pf-slidedown { + from { + max-height: 0 + } + to { + max-height: auto + } +} +.slidedown { + animation-name: pf-slidedown; + animation-duration: .45s; + animation-timing-function: ease-in-out +} +@keyframes pf-slideup { + from { + max-height: 1000px + } + to { + max-height: 0 + } +} +.slideup { + animation-name: pf-slideup; + animation-duration: .45s; + animation-timing-function: cubic-bezier(0, 1, 0, 1) +} +@keyframes pf-zoomin { + from { + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3) + } + 50% { + opacity: 1 + } +} +.zoomin { + animation-name: pf-zoomin; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-zoomindown { + from { + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0) + } + 60% { + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0) + } +} +.zoomindown { + animation-name: pf-zoomindown; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-zoominleft { + from { + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0) + } + 60% { + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0) + } +} +.zoominleft { + animation-name: pf-zoominleft; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-zoominright { + from { + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0) + } + 60% { + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0) + } +} +.zoominright { + animation-name: pf-zoominright; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +@keyframes pf-zoominup { + from { + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0) + } + 60% { + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0) + } +} +.zoominup { + animation-name: pf-zoominup; + animation-duration: .15s; + animation-timing-function: linear; + backface-visibility: visible +} +.appearance-none { + appearance: none +} +.backdrop-blur-none { + backdrop-filter: none +} +.backdrop-blur-xs { + backdrop-filter: blur(1px) +} +.backdrop-blur-sm { + backdrop-filter: blur(2px) +} +.backdrop-blur { + backdrop-filter: blur(4px) +} +.backdrop-blur-md { + backdrop-filter: blur(8px) +} +.backdrop-blur-lg { + backdrop-filter: blur(16px) +} +.backdrop-blur-xl { + backdrop-filter: blur(24px) +} +.backdrop-blur-2xl { + backdrop-filter: blur(40px) +} +.backdrop-blur-3xl { + backdrop-filter: blur(64px) +} +.focus\:backdrop-blur-none:focus { + backdrop-filter: none +} +.hover\:backdrop-blur-none:hover { + backdrop-filter: none +} +.active\:backdrop-blur-none:active { + backdrop-filter: none +} +.focus\:backdrop-blur-xs:focus { + backdrop-filter: blur(1px) +} +.hover\:backdrop-blur-xs:hover { + backdrop-filter: blur(1px) +} +.active\:backdrop-blur-xs:active { + backdrop-filter: blur(1px) +} +.focus\:backdrop-blur-sm:focus { + backdrop-filter: blur(2px) +} +.hover\:backdrop-blur-sm:hover { + backdrop-filter: blur(2px) +} +.active\:backdrop-blur-sm:active { + backdrop-filter: blur(2px) +} +.focus\:backdrop-blur:focus { + backdrop-filter: blur(4px) +} +.hover\:backdrop-blur:hover { + backdrop-filter: blur(4px) +} +.active\:backdrop-blur:active { + backdrop-filter: blur(4px) +} +.focus\:backdrop-blur-md:focus { + backdrop-filter: blur(8px) +} +.hover\:backdrop-blur-md:hover { + backdrop-filter: blur(8px) +} +.active\:backdrop-blur-md:active { + backdrop-filter: blur(8px) +} +.focus\:backdrop-blur-lg:focus { + backdrop-filter: blur(16px) +} +.hover\:backdrop-blur-lg:hover { + backdrop-filter: blur(16px) +} +.active\:backdrop-blur-lg:active { + backdrop-filter: blur(16px) +} +.focus\:backdrop-blur-xl:focus { + backdrop-filter: blur(24px) +} +.hover\:backdrop-blur-xl:hover { + backdrop-filter: blur(24px) +} +.active\:backdrop-blur-xl:active { + backdrop-filter: blur(24px) +} +.focus\:backdrop-blur-2xl:focus { + backdrop-filter: blur(40px) +} +.hover\:backdrop-blur-2xl:hover { + backdrop-filter: blur(40px) +} +.active\:backdrop-blur-2xl:active { + backdrop-filter: blur(40px) +} +.focus\:backdrop-blur-3xl:focus { + backdrop-filter: blur(64px) +} +.hover\:backdrop-blur-3xl:hover { + backdrop-filter: blur(64px) +} +.active\:backdrop-blur-3xl:active { + backdrop-filter: blur(64px) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-blur-none { + backdrop-filter: none + } + .sm\:backdrop-blur-xs { + backdrop-filter: blur(1px) + } + .sm\:backdrop-blur-sm { + backdrop-filter: blur(2px) + } + .sm\:backdrop-blur { + backdrop-filter: blur(4px) + } + .sm\:backdrop-blur-md { + backdrop-filter: blur(8px) + } + .sm\:backdrop-blur-lg { + backdrop-filter: blur(16px) + } + .sm\:backdrop-blur-xl { + backdrop-filter: blur(24px) + } + .sm\:backdrop-blur-2xl { + backdrop-filter: blur(40px) + } + .sm\:backdrop-blur-3xl { + backdrop-filter: blur(64px) + } + .sm\:focus\:backdrop-blur-none:focus { + backdrop-filter: none + } + .sm\:hover\:backdrop-blur-none:hover { + backdrop-filter: none + } + .sm\:active\:backdrop-blur-none:active { + backdrop-filter: none + } + .sm\:focus\:backdrop-blur-xs:focus { + backdrop-filter: blur(1px) + } + .sm\:hover\:backdrop-blur-xs:hover { + backdrop-filter: blur(1px) + } + .sm\:active\:backdrop-blur-xs:active { + backdrop-filter: blur(1px) + } + .sm\:focus\:backdrop-blur-sm:focus { + backdrop-filter: blur(2px) + } + .sm\:hover\:backdrop-blur-sm:hover { + backdrop-filter: blur(2px) + } + .sm\:active\:backdrop-blur-sm:active { + backdrop-filter: blur(2px) + } + .sm\:focus\:backdrop-blur:focus { + backdrop-filter: blur(4px) + } + .sm\:hover\:backdrop-blur:hover { + backdrop-filter: blur(4px) + } + .sm\:active\:backdrop-blur:active { + backdrop-filter: blur(4px) + } + .sm\:focus\:backdrop-blur-md:focus { + backdrop-filter: blur(8px) + } + .sm\:hover\:backdrop-blur-md:hover { + backdrop-filter: blur(8px) + } + .sm\:active\:backdrop-blur-md:active { + backdrop-filter: blur(8px) + } + .sm\:focus\:backdrop-blur-lg:focus { + backdrop-filter: blur(16px) + } + .sm\:hover\:backdrop-blur-lg:hover { + backdrop-filter: blur(16px) + } + .sm\:active\:backdrop-blur-lg:active { + backdrop-filter: blur(16px) + } + .sm\:focus\:backdrop-blur-xl:focus { + backdrop-filter: blur(24px) + } + .sm\:hover\:backdrop-blur-xl:hover { + backdrop-filter: blur(24px) + } + .sm\:active\:backdrop-blur-xl:active { + backdrop-filter: blur(24px) + } + .sm\:focus\:backdrop-blur-2xl:focus { + backdrop-filter: blur(40px) + } + .sm\:hover\:backdrop-blur-2xl:hover { + backdrop-filter: blur(40px) + } + .sm\:active\:backdrop-blur-2xl:active { + backdrop-filter: blur(40px) + } + .sm\:focus\:backdrop-blur-3xl:focus { + backdrop-filter: blur(64px) + } + .sm\:hover\:backdrop-blur-3xl:hover { + backdrop-filter: blur(64px) + } + .sm\:active\:backdrop-blur-3xl:active { + backdrop-filter: blur(64px) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-blur-none { + backdrop-filter: none + } + .md\:backdrop-blur-xs { + backdrop-filter: blur(1px) + } + .md\:backdrop-blur-sm { + backdrop-filter: blur(2px) + } + .md\:backdrop-blur { + backdrop-filter: blur(4px) + } + .md\:backdrop-blur-md { + backdrop-filter: blur(8px) + } + .md\:backdrop-blur-lg { + backdrop-filter: blur(16px) + } + .md\:backdrop-blur-xl { + backdrop-filter: blur(24px) + } + .md\:backdrop-blur-2xl { + backdrop-filter: blur(40px) + } + .md\:backdrop-blur-3xl { + backdrop-filter: blur(64px) + } + .md\:focus\:backdrop-blur-none:focus { + backdrop-filter: none + } + .md\:hover\:backdrop-blur-none:hover { + backdrop-filter: none + } + .md\:active\:backdrop-blur-none:active { + backdrop-filter: none + } + .md\:focus\:backdrop-blur-xs:focus { + backdrop-filter: blur(1px) + } + .md\:hover\:backdrop-blur-xs:hover { + backdrop-filter: blur(1px) + } + .md\:active\:backdrop-blur-xs:active { + backdrop-filter: blur(1px) + } + .md\:focus\:backdrop-blur-sm:focus { + backdrop-filter: blur(2px) + } + .md\:hover\:backdrop-blur-sm:hover { + backdrop-filter: blur(2px) + } + .md\:active\:backdrop-blur-sm:active { + backdrop-filter: blur(2px) + } + .md\:focus\:backdrop-blur:focus { + backdrop-filter: blur(4px) + } + .md\:hover\:backdrop-blur:hover { + backdrop-filter: blur(4px) + } + .md\:active\:backdrop-blur:active { + backdrop-filter: blur(4px) + } + .md\:focus\:backdrop-blur-md:focus { + backdrop-filter: blur(8px) + } + .md\:hover\:backdrop-blur-md:hover { + backdrop-filter: blur(8px) + } + .md\:active\:backdrop-blur-md:active { + backdrop-filter: blur(8px) + } + .md\:focus\:backdrop-blur-lg:focus { + backdrop-filter: blur(16px) + } + .md\:hover\:backdrop-blur-lg:hover { + backdrop-filter: blur(16px) + } + .md\:active\:backdrop-blur-lg:active { + backdrop-filter: blur(16px) + } + .md\:focus\:backdrop-blur-xl:focus { + backdrop-filter: blur(24px) + } + .md\:hover\:backdrop-blur-xl:hover { + backdrop-filter: blur(24px) + } + .md\:active\:backdrop-blur-xl:active { + backdrop-filter: blur(24px) + } + .md\:focus\:backdrop-blur-2xl:focus { + backdrop-filter: blur(40px) + } + .md\:hover\:backdrop-blur-2xl:hover { + backdrop-filter: blur(40px) + } + .md\:active\:backdrop-blur-2xl:active { + backdrop-filter: blur(40px) + } + .md\:focus\:backdrop-blur-3xl:focus { + backdrop-filter: blur(64px) + } + .md\:hover\:backdrop-blur-3xl:hover { + backdrop-filter: blur(64px) + } + .md\:active\:backdrop-blur-3xl:active { + backdrop-filter: blur(64px) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-blur-none { + backdrop-filter: none + } + .lg\:backdrop-blur-xs { + backdrop-filter: blur(1px) + } + .lg\:backdrop-blur-sm { + backdrop-filter: blur(2px) + } + .lg\:backdrop-blur { + backdrop-filter: blur(4px) + } + .lg\:backdrop-blur-md { + backdrop-filter: blur(8px) + } + .lg\:backdrop-blur-lg { + backdrop-filter: blur(16px) + } + .lg\:backdrop-blur-xl { + backdrop-filter: blur(24px) + } + .lg\:backdrop-blur-2xl { + backdrop-filter: blur(40px) + } + .lg\:backdrop-blur-3xl { + backdrop-filter: blur(64px) + } + .lg\:focus\:backdrop-blur-none:focus { + backdrop-filter: none + } + .lg\:hover\:backdrop-blur-none:hover { + backdrop-filter: none + } + .lg\:active\:backdrop-blur-none:active { + backdrop-filter: none + } + .lg\:focus\:backdrop-blur-xs:focus { + backdrop-filter: blur(1px) + } + .lg\:hover\:backdrop-blur-xs:hover { + backdrop-filter: blur(1px) + } + .lg\:active\:backdrop-blur-xs:active { + backdrop-filter: blur(1px) + } + .lg\:focus\:backdrop-blur-sm:focus { + backdrop-filter: blur(2px) + } + .lg\:hover\:backdrop-blur-sm:hover { + backdrop-filter: blur(2px) + } + .lg\:active\:backdrop-blur-sm:active { + backdrop-filter: blur(2px) + } + .lg\:focus\:backdrop-blur:focus { + backdrop-filter: blur(4px) + } + .lg\:hover\:backdrop-blur:hover { + backdrop-filter: blur(4px) + } + .lg\:active\:backdrop-blur:active { + backdrop-filter: blur(4px) + } + .lg\:focus\:backdrop-blur-md:focus { + backdrop-filter: blur(8px) + } + .lg\:hover\:backdrop-blur-md:hover { + backdrop-filter: blur(8px) + } + .lg\:active\:backdrop-blur-md:active { + backdrop-filter: blur(8px) + } + .lg\:focus\:backdrop-blur-lg:focus { + backdrop-filter: blur(16px) + } + .lg\:hover\:backdrop-blur-lg:hover { + backdrop-filter: blur(16px) + } + .lg\:active\:backdrop-blur-lg:active { + backdrop-filter: blur(16px) + } + .lg\:focus\:backdrop-blur-xl:focus { + backdrop-filter: blur(24px) + } + .lg\:hover\:backdrop-blur-xl:hover { + backdrop-filter: blur(24px) + } + .lg\:active\:backdrop-blur-xl:active { + backdrop-filter: blur(24px) + } + .lg\:focus\:backdrop-blur-2xl:focus { + backdrop-filter: blur(40px) + } + .lg\:hover\:backdrop-blur-2xl:hover { + backdrop-filter: blur(40px) + } + .lg\:active\:backdrop-blur-2xl:active { + backdrop-filter: blur(40px) + } + .lg\:focus\:backdrop-blur-3xl:focus { + backdrop-filter: blur(64px) + } + .lg\:hover\:backdrop-blur-3xl:hover { + backdrop-filter: blur(64px) + } + .lg\:active\:backdrop-blur-3xl:active { + backdrop-filter: blur(64px) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-blur-none { + backdrop-filter: none + } + .xl\:backdrop-blur-xs { + backdrop-filter: blur(1px) + } + .xl\:backdrop-blur-sm { + backdrop-filter: blur(2px) + } + .xl\:backdrop-blur { + backdrop-filter: blur(4px) + } + .xl\:backdrop-blur-md { + backdrop-filter: blur(8px) + } + .xl\:backdrop-blur-lg { + backdrop-filter: blur(16px) + } + .xl\:backdrop-blur-xl { + backdrop-filter: blur(24px) + } + .xl\:backdrop-blur-2xl { + backdrop-filter: blur(40px) + } + .xl\:backdrop-blur-3xl { + backdrop-filter: blur(64px) + } + .xl\:focus\:backdrop-blur-none:focus { + backdrop-filter: none + } + .xl\:hover\:backdrop-blur-none:hover { + backdrop-filter: none + } + .xl\:active\:backdrop-blur-none:active { + backdrop-filter: none + } + .xl\:focus\:backdrop-blur-xs:focus { + backdrop-filter: blur(1px) + } + .xl\:hover\:backdrop-blur-xs:hover { + backdrop-filter: blur(1px) + } + .xl\:active\:backdrop-blur-xs:active { + backdrop-filter: blur(1px) + } + .xl\:focus\:backdrop-blur-sm:focus { + backdrop-filter: blur(2px) + } + .xl\:hover\:backdrop-blur-sm:hover { + backdrop-filter: blur(2px) + } + .xl\:active\:backdrop-blur-sm:active { + backdrop-filter: blur(2px) + } + .xl\:focus\:backdrop-blur:focus { + backdrop-filter: blur(4px) + } + .xl\:hover\:backdrop-blur:hover { + backdrop-filter: blur(4px) + } + .xl\:active\:backdrop-blur:active { + backdrop-filter: blur(4px) + } + .xl\:focus\:backdrop-blur-md:focus { + backdrop-filter: blur(8px) + } + .xl\:hover\:backdrop-blur-md:hover { + backdrop-filter: blur(8px) + } + .xl\:active\:backdrop-blur-md:active { + backdrop-filter: blur(8px) + } + .xl\:focus\:backdrop-blur-lg:focus { + backdrop-filter: blur(16px) + } + .xl\:hover\:backdrop-blur-lg:hover { + backdrop-filter: blur(16px) + } + .xl\:active\:backdrop-blur-lg:active { + backdrop-filter: blur(16px) + } + .xl\:focus\:backdrop-blur-xl:focus { + backdrop-filter: blur(24px) + } + .xl\:hover\:backdrop-blur-xl:hover { + backdrop-filter: blur(24px) + } + .xl\:active\:backdrop-blur-xl:active { + backdrop-filter: blur(24px) + } + .xl\:focus\:backdrop-blur-2xl:focus { + backdrop-filter: blur(40px) + } + .xl\:hover\:backdrop-blur-2xl:hover { + backdrop-filter: blur(40px) + } + .xl\:active\:backdrop-blur-2xl:active { + backdrop-filter: blur(40px) + } + .xl\:focus\:backdrop-blur-3xl:focus { + backdrop-filter: blur(64px) + } + .xl\:hover\:backdrop-blur-3xl:hover { + backdrop-filter: blur(64px) + } + .xl\:active\:backdrop-blur-3xl:active { + backdrop-filter: blur(64px) + } +} +.backdrop-brightness-0 { + backdrop-filter: brightness(0) +} +.backdrop-brightness-50 { + backdrop-filter: brightness(0.5) +} +.backdrop-brightness-75 { + backdrop-filter: brightness(0.75) +} +.backdrop-brightness-90 { + backdrop-filter: brightness(0.9) +} +.backdrop-brightness-100 { + backdrop-filter: brightness(1) +} +.backdrop-brightness-105 { + backdrop-filter: brightness(1.05) +} +.backdrop-brightness-110 { + backdrop-filter: brightness(1.1) +} +.backdrop-brightness-125 { + backdrop-filter: brightness(1.25) +} +.backdrop-brightness-150 { + backdrop-filter: brightness(1.5) +} +.backdrop-brightness-200 { + backdrop-filter: brightness(2) +} +.focus\:backdrop-brightness-0:focus { + backdrop-filter: brightness(0) +} +.hover\:backdrop-brightness-0:hover { + backdrop-filter: brightness(0) +} +.active\:backdrop-brightness-0:active { + backdrop-filter: brightness(0) +} +.focus\:backdrop-brightness-50:focus { + backdrop-filter: brightness(0.5) +} +.hover\:backdrop-brightness-50:hover { + backdrop-filter: brightness(0.5) +} +.active\:backdrop-brightness-50:active { + backdrop-filter: brightness(0.5) +} +.focus\:backdrop-brightness-75:focus { + backdrop-filter: brightness(0.75) +} +.hover\:backdrop-brightness-75:hover { + backdrop-filter: brightness(0.75) +} +.active\:backdrop-brightness-75:active { + backdrop-filter: brightness(0.75) +} +.focus\:backdrop-brightness-90:focus { + backdrop-filter: brightness(0.9) +} +.hover\:backdrop-brightness-90:hover { + backdrop-filter: brightness(0.9) +} +.active\:backdrop-brightness-90:active { + backdrop-filter: brightness(0.9) +} +.focus\:backdrop-brightness-100:focus { + backdrop-filter: brightness(1) +} +.hover\:backdrop-brightness-100:hover { + backdrop-filter: brightness(1) +} +.active\:backdrop-brightness-100:active { + backdrop-filter: brightness(1) +} +.focus\:backdrop-brightness-105:focus { + backdrop-filter: brightness(1.05) +} +.hover\:backdrop-brightness-105:hover { + backdrop-filter: brightness(1.05) +} +.active\:backdrop-brightness-105:active { + backdrop-filter: brightness(1.05) +} +.focus\:backdrop-brightness-110:focus { + backdrop-filter: brightness(1.1) +} +.hover\:backdrop-brightness-110:hover { + backdrop-filter: brightness(1.1) +} +.active\:backdrop-brightness-110:active { + backdrop-filter: brightness(1.1) +} +.focus\:backdrop-brightness-125:focus { + backdrop-filter: brightness(1.25) +} +.hover\:backdrop-brightness-125:hover { + backdrop-filter: brightness(1.25) +} +.active\:backdrop-brightness-125:active { + backdrop-filter: brightness(1.25) +} +.focus\:backdrop-brightness-150:focus { + backdrop-filter: brightness(1.5) +} +.hover\:backdrop-brightness-150:hover { + backdrop-filter: brightness(1.5) +} +.active\:backdrop-brightness-150:active { + backdrop-filter: brightness(1.5) +} +.focus\:backdrop-brightness-200:focus { + backdrop-filter: brightness(2) +} +.hover\:backdrop-brightness-200:hover { + backdrop-filter: brightness(2) +} +.active\:backdrop-brightness-200:active { + backdrop-filter: brightness(2) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-brightness-0 { + backdrop-filter: brightness(0) + } + .sm\:backdrop-brightness-50 { + backdrop-filter: brightness(0.5) + } + .sm\:backdrop-brightness-75 { + backdrop-filter: brightness(0.75) + } + .sm\:backdrop-brightness-90 { + backdrop-filter: brightness(0.9) + } + .sm\:backdrop-brightness-100 { + backdrop-filter: brightness(1) + } + .sm\:backdrop-brightness-105 { + backdrop-filter: brightness(1.05) + } + .sm\:backdrop-brightness-110 { + backdrop-filter: brightness(1.1) + } + .sm\:backdrop-brightness-125 { + backdrop-filter: brightness(1.25) + } + .sm\:backdrop-brightness-150 { + backdrop-filter: brightness(1.5) + } + .sm\:backdrop-brightness-200 { + backdrop-filter: brightness(2) + } + .sm\:focus\:backdrop-brightness-0:focus { + backdrop-filter: brightness(0) + } + .sm\:hover\:backdrop-brightness-0:hover { + backdrop-filter: brightness(0) + } + .sm\:active\:backdrop-brightness-0:active { + backdrop-filter: brightness(0) + } + .sm\:focus\:backdrop-brightness-50:focus { + backdrop-filter: brightness(0.5) + } + .sm\:hover\:backdrop-brightness-50:hover { + backdrop-filter: brightness(0.5) + } + .sm\:active\:backdrop-brightness-50:active { + backdrop-filter: brightness(0.5) + } + .sm\:focus\:backdrop-brightness-75:focus { + backdrop-filter: brightness(0.75) + } + .sm\:hover\:backdrop-brightness-75:hover { + backdrop-filter: brightness(0.75) + } + .sm\:active\:backdrop-brightness-75:active { + backdrop-filter: brightness(0.75) + } + .sm\:focus\:backdrop-brightness-90:focus { + backdrop-filter: brightness(0.9) + } + .sm\:hover\:backdrop-brightness-90:hover { + backdrop-filter: brightness(0.9) + } + .sm\:active\:backdrop-brightness-90:active { + backdrop-filter: brightness(0.9) + } + .sm\:focus\:backdrop-brightness-100:focus { + backdrop-filter: brightness(1) + } + .sm\:hover\:backdrop-brightness-100:hover { + backdrop-filter: brightness(1) + } + .sm\:active\:backdrop-brightness-100:active { + backdrop-filter: brightness(1) + } + .sm\:focus\:backdrop-brightness-105:focus { + backdrop-filter: brightness(1.05) + } + .sm\:hover\:backdrop-brightness-105:hover { + backdrop-filter: brightness(1.05) + } + .sm\:active\:backdrop-brightness-105:active { + backdrop-filter: brightness(1.05) + } + .sm\:focus\:backdrop-brightness-110:focus { + backdrop-filter: brightness(1.1) + } + .sm\:hover\:backdrop-brightness-110:hover { + backdrop-filter: brightness(1.1) + } + .sm\:active\:backdrop-brightness-110:active { + backdrop-filter: brightness(1.1) + } + .sm\:focus\:backdrop-brightness-125:focus { + backdrop-filter: brightness(1.25) + } + .sm\:hover\:backdrop-brightness-125:hover { + backdrop-filter: brightness(1.25) + } + .sm\:active\:backdrop-brightness-125:active { + backdrop-filter: brightness(1.25) + } + .sm\:focus\:backdrop-brightness-150:focus { + backdrop-filter: brightness(1.5) + } + .sm\:hover\:backdrop-brightness-150:hover { + backdrop-filter: brightness(1.5) + } + .sm\:active\:backdrop-brightness-150:active { + backdrop-filter: brightness(1.5) + } + .sm\:focus\:backdrop-brightness-200:focus { + backdrop-filter: brightness(2) + } + .sm\:hover\:backdrop-brightness-200:hover { + backdrop-filter: brightness(2) + } + .sm\:active\:backdrop-brightness-200:active { + backdrop-filter: brightness(2) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-brightness-0 { + backdrop-filter: brightness(0) + } + .md\:backdrop-brightness-50 { + backdrop-filter: brightness(0.5) + } + .md\:backdrop-brightness-75 { + backdrop-filter: brightness(0.75) + } + .md\:backdrop-brightness-90 { + backdrop-filter: brightness(0.9) + } + .md\:backdrop-brightness-100 { + backdrop-filter: brightness(1) + } + .md\:backdrop-brightness-105 { + backdrop-filter: brightness(1.05) + } + .md\:backdrop-brightness-110 { + backdrop-filter: brightness(1.1) + } + .md\:backdrop-brightness-125 { + backdrop-filter: brightness(1.25) + } + .md\:backdrop-brightness-150 { + backdrop-filter: brightness(1.5) + } + .md\:backdrop-brightness-200 { + backdrop-filter: brightness(2) + } + .md\:focus\:backdrop-brightness-0:focus { + backdrop-filter: brightness(0) + } + .md\:hover\:backdrop-brightness-0:hover { + backdrop-filter: brightness(0) + } + .md\:active\:backdrop-brightness-0:active { + backdrop-filter: brightness(0) + } + .md\:focus\:backdrop-brightness-50:focus { + backdrop-filter: brightness(0.5) + } + .md\:hover\:backdrop-brightness-50:hover { + backdrop-filter: brightness(0.5) + } + .md\:active\:backdrop-brightness-50:active { + backdrop-filter: brightness(0.5) + } + .md\:focus\:backdrop-brightness-75:focus { + backdrop-filter: brightness(0.75) + } + .md\:hover\:backdrop-brightness-75:hover { + backdrop-filter: brightness(0.75) + } + .md\:active\:backdrop-brightness-75:active { + backdrop-filter: brightness(0.75) + } + .md\:focus\:backdrop-brightness-90:focus { + backdrop-filter: brightness(0.9) + } + .md\:hover\:backdrop-brightness-90:hover { + backdrop-filter: brightness(0.9) + } + .md\:active\:backdrop-brightness-90:active { + backdrop-filter: brightness(0.9) + } + .md\:focus\:backdrop-brightness-100:focus { + backdrop-filter: brightness(1) + } + .md\:hover\:backdrop-brightness-100:hover { + backdrop-filter: brightness(1) + } + .md\:active\:backdrop-brightness-100:active { + backdrop-filter: brightness(1) + } + .md\:focus\:backdrop-brightness-105:focus { + backdrop-filter: brightness(1.05) + } + .md\:hover\:backdrop-brightness-105:hover { + backdrop-filter: brightness(1.05) + } + .md\:active\:backdrop-brightness-105:active { + backdrop-filter: brightness(1.05) + } + .md\:focus\:backdrop-brightness-110:focus { + backdrop-filter: brightness(1.1) + } + .md\:hover\:backdrop-brightness-110:hover { + backdrop-filter: brightness(1.1) + } + .md\:active\:backdrop-brightness-110:active { + backdrop-filter: brightness(1.1) + } + .md\:focus\:backdrop-brightness-125:focus { + backdrop-filter: brightness(1.25) + } + .md\:hover\:backdrop-brightness-125:hover { + backdrop-filter: brightness(1.25) + } + .md\:active\:backdrop-brightness-125:active { + backdrop-filter: brightness(1.25) + } + .md\:focus\:backdrop-brightness-150:focus { + backdrop-filter: brightness(1.5) + } + .md\:hover\:backdrop-brightness-150:hover { + backdrop-filter: brightness(1.5) + } + .md\:active\:backdrop-brightness-150:active { + backdrop-filter: brightness(1.5) + } + .md\:focus\:backdrop-brightness-200:focus { + backdrop-filter: brightness(2) + } + .md\:hover\:backdrop-brightness-200:hover { + backdrop-filter: brightness(2) + } + .md\:active\:backdrop-brightness-200:active { + backdrop-filter: brightness(2) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-brightness-0 { + backdrop-filter: brightness(0) + } + .lg\:backdrop-brightness-50 { + backdrop-filter: brightness(0.5) + } + .lg\:backdrop-brightness-75 { + backdrop-filter: brightness(0.75) + } + .lg\:backdrop-brightness-90 { + backdrop-filter: brightness(0.9) + } + .lg\:backdrop-brightness-100 { + backdrop-filter: brightness(1) + } + .lg\:backdrop-brightness-105 { + backdrop-filter: brightness(1.05) + } + .lg\:backdrop-brightness-110 { + backdrop-filter: brightness(1.1) + } + .lg\:backdrop-brightness-125 { + backdrop-filter: brightness(1.25) + } + .lg\:backdrop-brightness-150 { + backdrop-filter: brightness(1.5) + } + .lg\:backdrop-brightness-200 { + backdrop-filter: brightness(2) + } + .lg\:focus\:backdrop-brightness-0:focus { + backdrop-filter: brightness(0) + } + .lg\:hover\:backdrop-brightness-0:hover { + backdrop-filter: brightness(0) + } + .lg\:active\:backdrop-brightness-0:active { + backdrop-filter: brightness(0) + } + .lg\:focus\:backdrop-brightness-50:focus { + backdrop-filter: brightness(0.5) + } + .lg\:hover\:backdrop-brightness-50:hover { + backdrop-filter: brightness(0.5) + } + .lg\:active\:backdrop-brightness-50:active { + backdrop-filter: brightness(0.5) + } + .lg\:focus\:backdrop-brightness-75:focus { + backdrop-filter: brightness(0.75) + } + .lg\:hover\:backdrop-brightness-75:hover { + backdrop-filter: brightness(0.75) + } + .lg\:active\:backdrop-brightness-75:active { + backdrop-filter: brightness(0.75) + } + .lg\:focus\:backdrop-brightness-90:focus { + backdrop-filter: brightness(0.9) + } + .lg\:hover\:backdrop-brightness-90:hover { + backdrop-filter: brightness(0.9) + } + .lg\:active\:backdrop-brightness-90:active { + backdrop-filter: brightness(0.9) + } + .lg\:focus\:backdrop-brightness-100:focus { + backdrop-filter: brightness(1) + } + .lg\:hover\:backdrop-brightness-100:hover { + backdrop-filter: brightness(1) + } + .lg\:active\:backdrop-brightness-100:active { + backdrop-filter: brightness(1) + } + .lg\:focus\:backdrop-brightness-105:focus { + backdrop-filter: brightness(1.05) + } + .lg\:hover\:backdrop-brightness-105:hover { + backdrop-filter: brightness(1.05) + } + .lg\:active\:backdrop-brightness-105:active { + backdrop-filter: brightness(1.05) + } + .lg\:focus\:backdrop-brightness-110:focus { + backdrop-filter: brightness(1.1) + } + .lg\:hover\:backdrop-brightness-110:hover { + backdrop-filter: brightness(1.1) + } + .lg\:active\:backdrop-brightness-110:active { + backdrop-filter: brightness(1.1) + } + .lg\:focus\:backdrop-brightness-125:focus { + backdrop-filter: brightness(1.25) + } + .lg\:hover\:backdrop-brightness-125:hover { + backdrop-filter: brightness(1.25) + } + .lg\:active\:backdrop-brightness-125:active { + backdrop-filter: brightness(1.25) + } + .lg\:focus\:backdrop-brightness-150:focus { + backdrop-filter: brightness(1.5) + } + .lg\:hover\:backdrop-brightness-150:hover { + backdrop-filter: brightness(1.5) + } + .lg\:active\:backdrop-brightness-150:active { + backdrop-filter: brightness(1.5) + } + .lg\:focus\:backdrop-brightness-200:focus { + backdrop-filter: brightness(2) + } + .lg\:hover\:backdrop-brightness-200:hover { + backdrop-filter: brightness(2) + } + .lg\:active\:backdrop-brightness-200:active { + backdrop-filter: brightness(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-brightness-0 { + backdrop-filter: brightness(0) + } + .xl\:backdrop-brightness-50 { + backdrop-filter: brightness(0.5) + } + .xl\:backdrop-brightness-75 { + backdrop-filter: brightness(0.75) + } + .xl\:backdrop-brightness-90 { + backdrop-filter: brightness(0.9) + } + .xl\:backdrop-brightness-100 { + backdrop-filter: brightness(1) + } + .xl\:backdrop-brightness-105 { + backdrop-filter: brightness(1.05) + } + .xl\:backdrop-brightness-110 { + backdrop-filter: brightness(1.1) + } + .xl\:backdrop-brightness-125 { + backdrop-filter: brightness(1.25) + } + .xl\:backdrop-brightness-150 { + backdrop-filter: brightness(1.5) + } + .xl\:backdrop-brightness-200 { + backdrop-filter: brightness(2) + } + .xl\:focus\:backdrop-brightness-0:focus { + backdrop-filter: brightness(0) + } + .xl\:hover\:backdrop-brightness-0:hover { + backdrop-filter: brightness(0) + } + .xl\:active\:backdrop-brightness-0:active { + backdrop-filter: brightness(0) + } + .xl\:focus\:backdrop-brightness-50:focus { + backdrop-filter: brightness(0.5) + } + .xl\:hover\:backdrop-brightness-50:hover { + backdrop-filter: brightness(0.5) + } + .xl\:active\:backdrop-brightness-50:active { + backdrop-filter: brightness(0.5) + } + .xl\:focus\:backdrop-brightness-75:focus { + backdrop-filter: brightness(0.75) + } + .xl\:hover\:backdrop-brightness-75:hover { + backdrop-filter: brightness(0.75) + } + .xl\:active\:backdrop-brightness-75:active { + backdrop-filter: brightness(0.75) + } + .xl\:focus\:backdrop-brightness-90:focus { + backdrop-filter: brightness(0.9) + } + .xl\:hover\:backdrop-brightness-90:hover { + backdrop-filter: brightness(0.9) + } + .xl\:active\:backdrop-brightness-90:active { + backdrop-filter: brightness(0.9) + } + .xl\:focus\:backdrop-brightness-100:focus { + backdrop-filter: brightness(1) + } + .xl\:hover\:backdrop-brightness-100:hover { + backdrop-filter: brightness(1) + } + .xl\:active\:backdrop-brightness-100:active { + backdrop-filter: brightness(1) + } + .xl\:focus\:backdrop-brightness-105:focus { + backdrop-filter: brightness(1.05) + } + .xl\:hover\:backdrop-brightness-105:hover { + backdrop-filter: brightness(1.05) + } + .xl\:active\:backdrop-brightness-105:active { + backdrop-filter: brightness(1.05) + } + .xl\:focus\:backdrop-brightness-110:focus { + backdrop-filter: brightness(1.1) + } + .xl\:hover\:backdrop-brightness-110:hover { + backdrop-filter: brightness(1.1) + } + .xl\:active\:backdrop-brightness-110:active { + backdrop-filter: brightness(1.1) + } + .xl\:focus\:backdrop-brightness-125:focus { + backdrop-filter: brightness(1.25) + } + .xl\:hover\:backdrop-brightness-125:hover { + backdrop-filter: brightness(1.25) + } + .xl\:active\:backdrop-brightness-125:active { + backdrop-filter: brightness(1.25) + } + .xl\:focus\:backdrop-brightness-150:focus { + backdrop-filter: brightness(1.5) + } + .xl\:hover\:backdrop-brightness-150:hover { + backdrop-filter: brightness(1.5) + } + .xl\:active\:backdrop-brightness-150:active { + backdrop-filter: brightness(1.5) + } + .xl\:focus\:backdrop-brightness-200:focus { + backdrop-filter: brightness(2) + } + .xl\:hover\:backdrop-brightness-200:hover { + backdrop-filter: brightness(2) + } + .xl\:active\:backdrop-brightness-200:active { + backdrop-filter: brightness(2) + } +} +.backdrop-contrast-0 { + backdrop-filter: contrast(0) +} +.backdrop-contrast-50 { + backdrop-filter: contrast(0.5) +} +.backdrop-contrast-75 { + backdrop-filter: contrast(0.75) +} +.backdrop-contrast-100 { + backdrop-filter: contrast(1) +} +.backdrop-contrast-125 { + backdrop-filter: contrast(1.25) +} +.backdrop-contrast-150 { + backdrop-filter: contrast(1.5) +} +.backdrop-contrast-200 { + backdrop-filter: contrast(2) +} +.focus\:backdrop-contrast-0:focus { + backdrop-filter: contrast(0) +} +.hover\:backdrop-contrast-0:hover { + backdrop-filter: contrast(0) +} +.active\:backdrop-contrast-0:active { + backdrop-filter: contrast(0) +} +.focus\:backdrop-contrast-50:focus { + backdrop-filter: contrast(0.5) +} +.hover\:backdrop-contrast-50:hover { + backdrop-filter: contrast(0.5) +} +.active\:backdrop-contrast-50:active { + backdrop-filter: contrast(0.5) +} +.focus\:backdrop-contrast-75:focus { + backdrop-filter: contrast(0.75) +} +.hover\:backdrop-contrast-75:hover { + backdrop-filter: contrast(0.75) +} +.active\:backdrop-contrast-75:active { + backdrop-filter: contrast(0.75) +} +.focus\:backdrop-contrast-100:focus { + backdrop-filter: contrast(1) +} +.hover\:backdrop-contrast-100:hover { + backdrop-filter: contrast(1) +} +.active\:backdrop-contrast-100:active { + backdrop-filter: contrast(1) +} +.focus\:backdrop-contrast-125:focus { + backdrop-filter: contrast(1.25) +} +.hover\:backdrop-contrast-125:hover { + backdrop-filter: contrast(1.25) +} +.active\:backdrop-contrast-125:active { + backdrop-filter: contrast(1.25) +} +.focus\:backdrop-contrast-150:focus { + backdrop-filter: contrast(1.5) +} +.hover\:backdrop-contrast-150:hover { + backdrop-filter: contrast(1.5) +} +.active\:backdrop-contrast-150:active { + backdrop-filter: contrast(1.5) +} +.focus\:backdrop-contrast-200:focus { + backdrop-filter: contrast(2) +} +.hover\:backdrop-contrast-200:hover { + backdrop-filter: contrast(2) +} +.active\:backdrop-contrast-200:active { + backdrop-filter: contrast(2) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-contrast-0 { + backdrop-filter: contrast(0) + } + .sm\:backdrop-contrast-50 { + backdrop-filter: contrast(0.5) + } + .sm\:backdrop-contrast-75 { + backdrop-filter: contrast(0.75) + } + .sm\:backdrop-contrast-100 { + backdrop-filter: contrast(1) + } + .sm\:backdrop-contrast-125 { + backdrop-filter: contrast(1.25) + } + .sm\:backdrop-contrast-150 { + backdrop-filter: contrast(1.5) + } + .sm\:backdrop-contrast-200 { + backdrop-filter: contrast(2) + } + .sm\:focus\:backdrop-contrast-0:focus { + backdrop-filter: contrast(0) + } + .sm\:hover\:backdrop-contrast-0:hover { + backdrop-filter: contrast(0) + } + .sm\:active\:backdrop-contrast-0:active { + backdrop-filter: contrast(0) + } + .sm\:focus\:backdrop-contrast-50:focus { + backdrop-filter: contrast(0.5) + } + .sm\:hover\:backdrop-contrast-50:hover { + backdrop-filter: contrast(0.5) + } + .sm\:active\:backdrop-contrast-50:active { + backdrop-filter: contrast(0.5) + } + .sm\:focus\:backdrop-contrast-75:focus { + backdrop-filter: contrast(0.75) + } + .sm\:hover\:backdrop-contrast-75:hover { + backdrop-filter: contrast(0.75) + } + .sm\:active\:backdrop-contrast-75:active { + backdrop-filter: contrast(0.75) + } + .sm\:focus\:backdrop-contrast-100:focus { + backdrop-filter: contrast(1) + } + .sm\:hover\:backdrop-contrast-100:hover { + backdrop-filter: contrast(1) + } + .sm\:active\:backdrop-contrast-100:active { + backdrop-filter: contrast(1) + } + .sm\:focus\:backdrop-contrast-125:focus { + backdrop-filter: contrast(1.25) + } + .sm\:hover\:backdrop-contrast-125:hover { + backdrop-filter: contrast(1.25) + } + .sm\:active\:backdrop-contrast-125:active { + backdrop-filter: contrast(1.25) + } + .sm\:focus\:backdrop-contrast-150:focus { + backdrop-filter: contrast(1.5) + } + .sm\:hover\:backdrop-contrast-150:hover { + backdrop-filter: contrast(1.5) + } + .sm\:active\:backdrop-contrast-150:active { + backdrop-filter: contrast(1.5) + } + .sm\:focus\:backdrop-contrast-200:focus { + backdrop-filter: contrast(2) + } + .sm\:hover\:backdrop-contrast-200:hover { + backdrop-filter: contrast(2) + } + .sm\:active\:backdrop-contrast-200:active { + backdrop-filter: contrast(2) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-contrast-0 { + backdrop-filter: contrast(0) + } + .md\:backdrop-contrast-50 { + backdrop-filter: contrast(0.5) + } + .md\:backdrop-contrast-75 { + backdrop-filter: contrast(0.75) + } + .md\:backdrop-contrast-100 { + backdrop-filter: contrast(1) + } + .md\:backdrop-contrast-125 { + backdrop-filter: contrast(1.25) + } + .md\:backdrop-contrast-150 { + backdrop-filter: contrast(1.5) + } + .md\:backdrop-contrast-200 { + backdrop-filter: contrast(2) + } + .md\:focus\:backdrop-contrast-0:focus { + backdrop-filter: contrast(0) + } + .md\:hover\:backdrop-contrast-0:hover { + backdrop-filter: contrast(0) + } + .md\:active\:backdrop-contrast-0:active { + backdrop-filter: contrast(0) + } + .md\:focus\:backdrop-contrast-50:focus { + backdrop-filter: contrast(0.5) + } + .md\:hover\:backdrop-contrast-50:hover { + backdrop-filter: contrast(0.5) + } + .md\:active\:backdrop-contrast-50:active { + backdrop-filter: contrast(0.5) + } + .md\:focus\:backdrop-contrast-75:focus { + backdrop-filter: contrast(0.75) + } + .md\:hover\:backdrop-contrast-75:hover { + backdrop-filter: contrast(0.75) + } + .md\:active\:backdrop-contrast-75:active { + backdrop-filter: contrast(0.75) + } + .md\:focus\:backdrop-contrast-100:focus { + backdrop-filter: contrast(1) + } + .md\:hover\:backdrop-contrast-100:hover { + backdrop-filter: contrast(1) + } + .md\:active\:backdrop-contrast-100:active { + backdrop-filter: contrast(1) + } + .md\:focus\:backdrop-contrast-125:focus { + backdrop-filter: contrast(1.25) + } + .md\:hover\:backdrop-contrast-125:hover { + backdrop-filter: contrast(1.25) + } + .md\:active\:backdrop-contrast-125:active { + backdrop-filter: contrast(1.25) + } + .md\:focus\:backdrop-contrast-150:focus { + backdrop-filter: contrast(1.5) + } + .md\:hover\:backdrop-contrast-150:hover { + backdrop-filter: contrast(1.5) + } + .md\:active\:backdrop-contrast-150:active { + backdrop-filter: contrast(1.5) + } + .md\:focus\:backdrop-contrast-200:focus { + backdrop-filter: contrast(2) + } + .md\:hover\:backdrop-contrast-200:hover { + backdrop-filter: contrast(2) + } + .md\:active\:backdrop-contrast-200:active { + backdrop-filter: contrast(2) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-contrast-0 { + backdrop-filter: contrast(0) + } + .lg\:backdrop-contrast-50 { + backdrop-filter: contrast(0.5) + } + .lg\:backdrop-contrast-75 { + backdrop-filter: contrast(0.75) + } + .lg\:backdrop-contrast-100 { + backdrop-filter: contrast(1) + } + .lg\:backdrop-contrast-125 { + backdrop-filter: contrast(1.25) + } + .lg\:backdrop-contrast-150 { + backdrop-filter: contrast(1.5) + } + .lg\:backdrop-contrast-200 { + backdrop-filter: contrast(2) + } + .lg\:focus\:backdrop-contrast-0:focus { + backdrop-filter: contrast(0) + } + .lg\:hover\:backdrop-contrast-0:hover { + backdrop-filter: contrast(0) + } + .lg\:active\:backdrop-contrast-0:active { + backdrop-filter: contrast(0) + } + .lg\:focus\:backdrop-contrast-50:focus { + backdrop-filter: contrast(0.5) + } + .lg\:hover\:backdrop-contrast-50:hover { + backdrop-filter: contrast(0.5) + } + .lg\:active\:backdrop-contrast-50:active { + backdrop-filter: contrast(0.5) + } + .lg\:focus\:backdrop-contrast-75:focus { + backdrop-filter: contrast(0.75) + } + .lg\:hover\:backdrop-contrast-75:hover { + backdrop-filter: contrast(0.75) + } + .lg\:active\:backdrop-contrast-75:active { + backdrop-filter: contrast(0.75) + } + .lg\:focus\:backdrop-contrast-100:focus { + backdrop-filter: contrast(1) + } + .lg\:hover\:backdrop-contrast-100:hover { + backdrop-filter: contrast(1) + } + .lg\:active\:backdrop-contrast-100:active { + backdrop-filter: contrast(1) + } + .lg\:focus\:backdrop-contrast-125:focus { + backdrop-filter: contrast(1.25) + } + .lg\:hover\:backdrop-contrast-125:hover { + backdrop-filter: contrast(1.25) + } + .lg\:active\:backdrop-contrast-125:active { + backdrop-filter: contrast(1.25) + } + .lg\:focus\:backdrop-contrast-150:focus { + backdrop-filter: contrast(1.5) + } + .lg\:hover\:backdrop-contrast-150:hover { + backdrop-filter: contrast(1.5) + } + .lg\:active\:backdrop-contrast-150:active { + backdrop-filter: contrast(1.5) + } + .lg\:focus\:backdrop-contrast-200:focus { + backdrop-filter: contrast(2) + } + .lg\:hover\:backdrop-contrast-200:hover { + backdrop-filter: contrast(2) + } + .lg\:active\:backdrop-contrast-200:active { + backdrop-filter: contrast(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-contrast-0 { + backdrop-filter: contrast(0) + } + .xl\:backdrop-contrast-50 { + backdrop-filter: contrast(0.5) + } + .xl\:backdrop-contrast-75 { + backdrop-filter: contrast(0.75) + } + .xl\:backdrop-contrast-100 { + backdrop-filter: contrast(1) + } + .xl\:backdrop-contrast-125 { + backdrop-filter: contrast(1.25) + } + .xl\:backdrop-contrast-150 { + backdrop-filter: contrast(1.5) + } + .xl\:backdrop-contrast-200 { + backdrop-filter: contrast(2) + } + .xl\:focus\:backdrop-contrast-0:focus { + backdrop-filter: contrast(0) + } + .xl\:hover\:backdrop-contrast-0:hover { + backdrop-filter: contrast(0) + } + .xl\:active\:backdrop-contrast-0:active { + backdrop-filter: contrast(0) + } + .xl\:focus\:backdrop-contrast-50:focus { + backdrop-filter: contrast(0.5) + } + .xl\:hover\:backdrop-contrast-50:hover { + backdrop-filter: contrast(0.5) + } + .xl\:active\:backdrop-contrast-50:active { + backdrop-filter: contrast(0.5) + } + .xl\:focus\:backdrop-contrast-75:focus { + backdrop-filter: contrast(0.75) + } + .xl\:hover\:backdrop-contrast-75:hover { + backdrop-filter: contrast(0.75) + } + .xl\:active\:backdrop-contrast-75:active { + backdrop-filter: contrast(0.75) + } + .xl\:focus\:backdrop-contrast-100:focus { + backdrop-filter: contrast(1) + } + .xl\:hover\:backdrop-contrast-100:hover { + backdrop-filter: contrast(1) + } + .xl\:active\:backdrop-contrast-100:active { + backdrop-filter: contrast(1) + } + .xl\:focus\:backdrop-contrast-125:focus { + backdrop-filter: contrast(1.25) + } + .xl\:hover\:backdrop-contrast-125:hover { + backdrop-filter: contrast(1.25) + } + .xl\:active\:backdrop-contrast-125:active { + backdrop-filter: contrast(1.25) + } + .xl\:focus\:backdrop-contrast-150:focus { + backdrop-filter: contrast(1.5) + } + .xl\:hover\:backdrop-contrast-150:hover { + backdrop-filter: contrast(1.5) + } + .xl\:active\:backdrop-contrast-150:active { + backdrop-filter: contrast(1.5) + } + .xl\:focus\:backdrop-contrast-200:focus { + backdrop-filter: contrast(2) + } + .xl\:hover\:backdrop-contrast-200:hover { + backdrop-filter: contrast(2) + } + .xl\:active\:backdrop-contrast-200:active { + backdrop-filter: contrast(2) + } +} +.backdrop-grayscale { + backdrop-filter: grayscale(1) +} +.backdrop-grayscale-0 { + backdrop-filter: grayscale(0) +} +.backdrop-grayscale-50 { + backdrop-filter: grayscale(0.5) +} +.backdrop-grayscale-75 { + backdrop-filter: grayscale(0.75) +} +.backdrop-grayscale-100 { + backdrop-filter: grayscale(1) +} +.focus\:backdrop-grayscale:focus { + backdrop-filter: grayscale(1) +} +.hover\:backdrop-grayscale:hover { + backdrop-filter: grayscale(1) +} +.active\:backdrop-grayscale:active { + backdrop-filter: grayscale(1) +} +.focus\:backdrop-grayscale-0:focus { + backdrop-filter: grayscale(0) +} +.hover\:backdrop-grayscale-0:hover { + backdrop-filter: grayscale(0) +} +.active\:backdrop-grayscale-0:active { + backdrop-filter: grayscale(0) +} +.focus\:backdrop-grayscale-50:focus { + backdrop-filter: grayscale(0.5) +} +.hover\:backdrop-grayscale-50:hover { + backdrop-filter: grayscale(0.5) +} +.active\:backdrop-grayscale-50:active { + backdrop-filter: grayscale(0.5) +} +.focus\:backdrop-grayscale-75:focus { + backdrop-filter: grayscale(0.75) +} +.hover\:backdrop-grayscale-75:hover { + backdrop-filter: grayscale(0.75) +} +.active\:backdrop-grayscale-75:active { + backdrop-filter: grayscale(0.75) +} +.focus\:backdrop-grayscale-100:focus { + backdrop-filter: grayscale(1) +} +.hover\:backdrop-grayscale-100:hover { + backdrop-filter: grayscale(1) +} +.active\:backdrop-grayscale-100:active { + backdrop-filter: grayscale(1) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-grayscale { + backdrop-filter: grayscale(1) + } + .sm\:backdrop-grayscale-0 { + backdrop-filter: grayscale(0) + } + .sm\:backdrop-grayscale-50 { + backdrop-filter: grayscale(0.5) + } + .sm\:backdrop-grayscale-75 { + backdrop-filter: grayscale(0.75) + } + .sm\:backdrop-grayscale-100 { + backdrop-filter: grayscale(1) + } + .sm\:focus\:backdrop-grayscale:focus { + backdrop-filter: grayscale(1) + } + .sm\:hover\:backdrop-grayscale:hover { + backdrop-filter: grayscale(1) + } + .sm\:active\:backdrop-grayscale:active { + backdrop-filter: grayscale(1) + } + .sm\:focus\:backdrop-grayscale-0:focus { + backdrop-filter: grayscale(0) + } + .sm\:hover\:backdrop-grayscale-0:hover { + backdrop-filter: grayscale(0) + } + .sm\:active\:backdrop-grayscale-0:active { + backdrop-filter: grayscale(0) + } + .sm\:focus\:backdrop-grayscale-50:focus { + backdrop-filter: grayscale(0.5) + } + .sm\:hover\:backdrop-grayscale-50:hover { + backdrop-filter: grayscale(0.5) + } + .sm\:active\:backdrop-grayscale-50:active { + backdrop-filter: grayscale(0.5) + } + .sm\:focus\:backdrop-grayscale-75:focus { + backdrop-filter: grayscale(0.75) + } + .sm\:hover\:backdrop-grayscale-75:hover { + backdrop-filter: grayscale(0.75) + } + .sm\:active\:backdrop-grayscale-75:active { + backdrop-filter: grayscale(0.75) + } + .sm\:focus\:backdrop-grayscale-100:focus { + backdrop-filter: grayscale(1) + } + .sm\:hover\:backdrop-grayscale-100:hover { + backdrop-filter: grayscale(1) + } + .sm\:active\:backdrop-grayscale-100:active { + backdrop-filter: grayscale(1) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-grayscale { + backdrop-filter: grayscale(1) + } + .md\:backdrop-grayscale-0 { + backdrop-filter: grayscale(0) + } + .md\:backdrop-grayscale-50 { + backdrop-filter: grayscale(0.5) + } + .md\:backdrop-grayscale-75 { + backdrop-filter: grayscale(0.75) + } + .md\:backdrop-grayscale-100 { + backdrop-filter: grayscale(1) + } + .md\:focus\:backdrop-grayscale:focus { + backdrop-filter: grayscale(1) + } + .md\:hover\:backdrop-grayscale:hover { + backdrop-filter: grayscale(1) + } + .md\:active\:backdrop-grayscale:active { + backdrop-filter: grayscale(1) + } + .md\:focus\:backdrop-grayscale-0:focus { + backdrop-filter: grayscale(0) + } + .md\:hover\:backdrop-grayscale-0:hover { + backdrop-filter: grayscale(0) + } + .md\:active\:backdrop-grayscale-0:active { + backdrop-filter: grayscale(0) + } + .md\:focus\:backdrop-grayscale-50:focus { + backdrop-filter: grayscale(0.5) + } + .md\:hover\:backdrop-grayscale-50:hover { + backdrop-filter: grayscale(0.5) + } + .md\:active\:backdrop-grayscale-50:active { + backdrop-filter: grayscale(0.5) + } + .md\:focus\:backdrop-grayscale-75:focus { + backdrop-filter: grayscale(0.75) + } + .md\:hover\:backdrop-grayscale-75:hover { + backdrop-filter: grayscale(0.75) + } + .md\:active\:backdrop-grayscale-75:active { + backdrop-filter: grayscale(0.75) + } + .md\:focus\:backdrop-grayscale-100:focus { + backdrop-filter: grayscale(1) + } + .md\:hover\:backdrop-grayscale-100:hover { + backdrop-filter: grayscale(1) + } + .md\:active\:backdrop-grayscale-100:active { + backdrop-filter: grayscale(1) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-grayscale { + backdrop-filter: grayscale(1) + } + .lg\:backdrop-grayscale-0 { + backdrop-filter: grayscale(0) + } + .lg\:backdrop-grayscale-50 { + backdrop-filter: grayscale(0.5) + } + .lg\:backdrop-grayscale-75 { + backdrop-filter: grayscale(0.75) + } + .lg\:backdrop-grayscale-100 { + backdrop-filter: grayscale(1) + } + .lg\:focus\:backdrop-grayscale:focus { + backdrop-filter: grayscale(1) + } + .lg\:hover\:backdrop-grayscale:hover { + backdrop-filter: grayscale(1) + } + .lg\:active\:backdrop-grayscale:active { + backdrop-filter: grayscale(1) + } + .lg\:focus\:backdrop-grayscale-0:focus { + backdrop-filter: grayscale(0) + } + .lg\:hover\:backdrop-grayscale-0:hover { + backdrop-filter: grayscale(0) + } + .lg\:active\:backdrop-grayscale-0:active { + backdrop-filter: grayscale(0) + } + .lg\:focus\:backdrop-grayscale-50:focus { + backdrop-filter: grayscale(0.5) + } + .lg\:hover\:backdrop-grayscale-50:hover { + backdrop-filter: grayscale(0.5) + } + .lg\:active\:backdrop-grayscale-50:active { + backdrop-filter: grayscale(0.5) + } + .lg\:focus\:backdrop-grayscale-75:focus { + backdrop-filter: grayscale(0.75) + } + .lg\:hover\:backdrop-grayscale-75:hover { + backdrop-filter: grayscale(0.75) + } + .lg\:active\:backdrop-grayscale-75:active { + backdrop-filter: grayscale(0.75) + } + .lg\:focus\:backdrop-grayscale-100:focus { + backdrop-filter: grayscale(1) + } + .lg\:hover\:backdrop-grayscale-100:hover { + backdrop-filter: grayscale(1) + } + .lg\:active\:backdrop-grayscale-100:active { + backdrop-filter: grayscale(1) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-grayscale { + backdrop-filter: grayscale(1) + } + .xl\:backdrop-grayscale-0 { + backdrop-filter: grayscale(0) + } + .xl\:backdrop-grayscale-50 { + backdrop-filter: grayscale(0.5) + } + .xl\:backdrop-grayscale-75 { + backdrop-filter: grayscale(0.75) + } + .xl\:backdrop-grayscale-100 { + backdrop-filter: grayscale(1) + } + .xl\:focus\:backdrop-grayscale:focus { + backdrop-filter: grayscale(1) + } + .xl\:hover\:backdrop-grayscale:hover { + backdrop-filter: grayscale(1) + } + .xl\:active\:backdrop-grayscale:active { + backdrop-filter: grayscale(1) + } + .xl\:focus\:backdrop-grayscale-0:focus { + backdrop-filter: grayscale(0) + } + .xl\:hover\:backdrop-grayscale-0:hover { + backdrop-filter: grayscale(0) + } + .xl\:active\:backdrop-grayscale-0:active { + backdrop-filter: grayscale(0) + } + .xl\:focus\:backdrop-grayscale-50:focus { + backdrop-filter: grayscale(0.5) + } + .xl\:hover\:backdrop-grayscale-50:hover { + backdrop-filter: grayscale(0.5) + } + .xl\:active\:backdrop-grayscale-50:active { + backdrop-filter: grayscale(0.5) + } + .xl\:focus\:backdrop-grayscale-75:focus { + backdrop-filter: grayscale(0.75) + } + .xl\:hover\:backdrop-grayscale-75:hover { + backdrop-filter: grayscale(0.75) + } + .xl\:active\:backdrop-grayscale-75:active { + backdrop-filter: grayscale(0.75) + } + .xl\:focus\:backdrop-grayscale-100:focus { + backdrop-filter: grayscale(1) + } + .xl\:hover\:backdrop-grayscale-100:hover { + backdrop-filter: grayscale(1) + } + .xl\:active\:backdrop-grayscale-100:active { + backdrop-filter: grayscale(1) + } +} +.backdrop-hue-rotate-0 { + backdrop-filter: hue-rotate(0deg) +} +.backdrop-hue-rotate-15 { + backdrop-filter: hue-rotate(15deg) +} +.backdrop-hue-rotate-30 { + backdrop-filter: hue-rotate(30deg) +} +.backdrop-hue-rotate-45 { + backdrop-filter: hue-rotate(45deg) +} +.backdrop-hue-rotate-60 { + backdrop-filter: hue-rotate(60deg) +} +.backdrop-hue-rotate-75 { + backdrop-filter: hue-rotate(75deg) +} +.backdrop-hue-rotate-90 { + backdrop-filter: hue-rotate(90deg) +} +.backdrop-hue-rotate-105 { + backdrop-filter: hue-rotate(105deg) +} +.backdrop-hue-rotate-120 { + backdrop-filter: hue-rotate(120deg) +} +.backdrop-hue-rotate-135 { + backdrop-filter: hue-rotate(135deg) +} +.backdrop-hue-rotate-150 { + backdrop-filter: hue-rotate(150deg) +} +.backdrop-hue-rotate-165 { + backdrop-filter: hue-rotate(165deg) +} +.backdrop-hue-rotate-180 { + backdrop-filter: hue-rotate(180deg) +} +.focus\:backdrop-hue-rotate-0:focus { + backdrop-filter: hue-rotate(0deg) +} +.hover\:backdrop-hue-rotate-0:hover { + backdrop-filter: hue-rotate(0deg) +} +.active\:backdrop-hue-rotate-0:active { + backdrop-filter: hue-rotate(0deg) +} +.focus\:backdrop-hue-rotate-15:focus { + backdrop-filter: hue-rotate(15deg) +} +.hover\:backdrop-hue-rotate-15:hover { + backdrop-filter: hue-rotate(15deg) +} +.active\:backdrop-hue-rotate-15:active { + backdrop-filter: hue-rotate(15deg) +} +.focus\:backdrop-hue-rotate-30:focus { + backdrop-filter: hue-rotate(30deg) +} +.hover\:backdrop-hue-rotate-30:hover { + backdrop-filter: hue-rotate(30deg) +} +.active\:backdrop-hue-rotate-30:active { + backdrop-filter: hue-rotate(30deg) +} +.focus\:backdrop-hue-rotate-45:focus { + backdrop-filter: hue-rotate(45deg) +} +.hover\:backdrop-hue-rotate-45:hover { + backdrop-filter: hue-rotate(45deg) +} +.active\:backdrop-hue-rotate-45:active { + backdrop-filter: hue-rotate(45deg) +} +.focus\:backdrop-hue-rotate-60:focus { + backdrop-filter: hue-rotate(60deg) +} +.hover\:backdrop-hue-rotate-60:hover { + backdrop-filter: hue-rotate(60deg) +} +.active\:backdrop-hue-rotate-60:active { + backdrop-filter: hue-rotate(60deg) +} +.focus\:backdrop-hue-rotate-75:focus { + backdrop-filter: hue-rotate(75deg) +} +.hover\:backdrop-hue-rotate-75:hover { + backdrop-filter: hue-rotate(75deg) +} +.active\:backdrop-hue-rotate-75:active { + backdrop-filter: hue-rotate(75deg) +} +.focus\:backdrop-hue-rotate-90:focus { + backdrop-filter: hue-rotate(90deg) +} +.hover\:backdrop-hue-rotate-90:hover { + backdrop-filter: hue-rotate(90deg) +} +.active\:backdrop-hue-rotate-90:active { + backdrop-filter: hue-rotate(90deg) +} +.focus\:backdrop-hue-rotate-105:focus { + backdrop-filter: hue-rotate(105deg) +} +.hover\:backdrop-hue-rotate-105:hover { + backdrop-filter: hue-rotate(105deg) +} +.active\:backdrop-hue-rotate-105:active { + backdrop-filter: hue-rotate(105deg) +} +.focus\:backdrop-hue-rotate-120:focus { + backdrop-filter: hue-rotate(120deg) +} +.hover\:backdrop-hue-rotate-120:hover { + backdrop-filter: hue-rotate(120deg) +} +.active\:backdrop-hue-rotate-120:active { + backdrop-filter: hue-rotate(120deg) +} +.focus\:backdrop-hue-rotate-135:focus { + backdrop-filter: hue-rotate(135deg) +} +.hover\:backdrop-hue-rotate-135:hover { + backdrop-filter: hue-rotate(135deg) +} +.active\:backdrop-hue-rotate-135:active { + backdrop-filter: hue-rotate(135deg) +} +.focus\:backdrop-hue-rotate-150:focus { + backdrop-filter: hue-rotate(150deg) +} +.hover\:backdrop-hue-rotate-150:hover { + backdrop-filter: hue-rotate(150deg) +} +.active\:backdrop-hue-rotate-150:active { + backdrop-filter: hue-rotate(150deg) +} +.focus\:backdrop-hue-rotate-165:focus { + backdrop-filter: hue-rotate(165deg) +} +.hover\:backdrop-hue-rotate-165:hover { + backdrop-filter: hue-rotate(165deg) +} +.active\:backdrop-hue-rotate-165:active { + backdrop-filter: hue-rotate(165deg) +} +.focus\:backdrop-hue-rotate-180:focus { + backdrop-filter: hue-rotate(180deg) +} +.hover\:backdrop-hue-rotate-180:hover { + backdrop-filter: hue-rotate(180deg) +} +.active\:backdrop-hue-rotate-180:active { + backdrop-filter: hue-rotate(180deg) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-hue-rotate-0 { + backdrop-filter: hue-rotate(0deg) + } + .sm\:backdrop-hue-rotate-15 { + backdrop-filter: hue-rotate(15deg) + } + .sm\:backdrop-hue-rotate-30 { + backdrop-filter: hue-rotate(30deg) + } + .sm\:backdrop-hue-rotate-45 { + backdrop-filter: hue-rotate(45deg) + } + .sm\:backdrop-hue-rotate-60 { + backdrop-filter: hue-rotate(60deg) + } + .sm\:backdrop-hue-rotate-75 { + backdrop-filter: hue-rotate(75deg) + } + .sm\:backdrop-hue-rotate-90 { + backdrop-filter: hue-rotate(90deg) + } + .sm\:backdrop-hue-rotate-105 { + backdrop-filter: hue-rotate(105deg) + } + .sm\:backdrop-hue-rotate-120 { + backdrop-filter: hue-rotate(120deg) + } + .sm\:backdrop-hue-rotate-135 { + backdrop-filter: hue-rotate(135deg) + } + .sm\:backdrop-hue-rotate-150 { + backdrop-filter: hue-rotate(150deg) + } + .sm\:backdrop-hue-rotate-165 { + backdrop-filter: hue-rotate(165deg) + } + .sm\:backdrop-hue-rotate-180 { + backdrop-filter: hue-rotate(180deg) + } + .sm\:focus\:backdrop-hue-rotate-0:focus { + backdrop-filter: hue-rotate(0deg) + } + .sm\:hover\:backdrop-hue-rotate-0:hover { + backdrop-filter: hue-rotate(0deg) + } + .sm\:active\:backdrop-hue-rotate-0:active { + backdrop-filter: hue-rotate(0deg) + } + .sm\:focus\:backdrop-hue-rotate-15:focus { + backdrop-filter: hue-rotate(15deg) + } + .sm\:hover\:backdrop-hue-rotate-15:hover { + backdrop-filter: hue-rotate(15deg) + } + .sm\:active\:backdrop-hue-rotate-15:active { + backdrop-filter: hue-rotate(15deg) + } + .sm\:focus\:backdrop-hue-rotate-30:focus { + backdrop-filter: hue-rotate(30deg) + } + .sm\:hover\:backdrop-hue-rotate-30:hover { + backdrop-filter: hue-rotate(30deg) + } + .sm\:active\:backdrop-hue-rotate-30:active { + backdrop-filter: hue-rotate(30deg) + } + .sm\:focus\:backdrop-hue-rotate-45:focus { + backdrop-filter: hue-rotate(45deg) + } + .sm\:hover\:backdrop-hue-rotate-45:hover { + backdrop-filter: hue-rotate(45deg) + } + .sm\:active\:backdrop-hue-rotate-45:active { + backdrop-filter: hue-rotate(45deg) + } + .sm\:focus\:backdrop-hue-rotate-60:focus { + backdrop-filter: hue-rotate(60deg) + } + .sm\:hover\:backdrop-hue-rotate-60:hover { + backdrop-filter: hue-rotate(60deg) + } + .sm\:active\:backdrop-hue-rotate-60:active { + backdrop-filter: hue-rotate(60deg) + } + .sm\:focus\:backdrop-hue-rotate-75:focus { + backdrop-filter: hue-rotate(75deg) + } + .sm\:hover\:backdrop-hue-rotate-75:hover { + backdrop-filter: hue-rotate(75deg) + } + .sm\:active\:backdrop-hue-rotate-75:active { + backdrop-filter: hue-rotate(75deg) + } + .sm\:focus\:backdrop-hue-rotate-90:focus { + backdrop-filter: hue-rotate(90deg) + } + .sm\:hover\:backdrop-hue-rotate-90:hover { + backdrop-filter: hue-rotate(90deg) + } + .sm\:active\:backdrop-hue-rotate-90:active { + backdrop-filter: hue-rotate(90deg) + } + .sm\:focus\:backdrop-hue-rotate-105:focus { + backdrop-filter: hue-rotate(105deg) + } + .sm\:hover\:backdrop-hue-rotate-105:hover { + backdrop-filter: hue-rotate(105deg) + } + .sm\:active\:backdrop-hue-rotate-105:active { + backdrop-filter: hue-rotate(105deg) + } + .sm\:focus\:backdrop-hue-rotate-120:focus { + backdrop-filter: hue-rotate(120deg) + } + .sm\:hover\:backdrop-hue-rotate-120:hover { + backdrop-filter: hue-rotate(120deg) + } + .sm\:active\:backdrop-hue-rotate-120:active { + backdrop-filter: hue-rotate(120deg) + } + .sm\:focus\:backdrop-hue-rotate-135:focus { + backdrop-filter: hue-rotate(135deg) + } + .sm\:hover\:backdrop-hue-rotate-135:hover { + backdrop-filter: hue-rotate(135deg) + } + .sm\:active\:backdrop-hue-rotate-135:active { + backdrop-filter: hue-rotate(135deg) + } + .sm\:focus\:backdrop-hue-rotate-150:focus { + backdrop-filter: hue-rotate(150deg) + } + .sm\:hover\:backdrop-hue-rotate-150:hover { + backdrop-filter: hue-rotate(150deg) + } + .sm\:active\:backdrop-hue-rotate-150:active { + backdrop-filter: hue-rotate(150deg) + } + .sm\:focus\:backdrop-hue-rotate-165:focus { + backdrop-filter: hue-rotate(165deg) + } + .sm\:hover\:backdrop-hue-rotate-165:hover { + backdrop-filter: hue-rotate(165deg) + } + .sm\:active\:backdrop-hue-rotate-165:active { + backdrop-filter: hue-rotate(165deg) + } + .sm\:focus\:backdrop-hue-rotate-180:focus { + backdrop-filter: hue-rotate(180deg) + } + .sm\:hover\:backdrop-hue-rotate-180:hover { + backdrop-filter: hue-rotate(180deg) + } + .sm\:active\:backdrop-hue-rotate-180:active { + backdrop-filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-hue-rotate-0 { + backdrop-filter: hue-rotate(0deg) + } + .md\:backdrop-hue-rotate-15 { + backdrop-filter: hue-rotate(15deg) + } + .md\:backdrop-hue-rotate-30 { + backdrop-filter: hue-rotate(30deg) + } + .md\:backdrop-hue-rotate-45 { + backdrop-filter: hue-rotate(45deg) + } + .md\:backdrop-hue-rotate-60 { + backdrop-filter: hue-rotate(60deg) + } + .md\:backdrop-hue-rotate-75 { + backdrop-filter: hue-rotate(75deg) + } + .md\:backdrop-hue-rotate-90 { + backdrop-filter: hue-rotate(90deg) + } + .md\:backdrop-hue-rotate-105 { + backdrop-filter: hue-rotate(105deg) + } + .md\:backdrop-hue-rotate-120 { + backdrop-filter: hue-rotate(120deg) + } + .md\:backdrop-hue-rotate-135 { + backdrop-filter: hue-rotate(135deg) + } + .md\:backdrop-hue-rotate-150 { + backdrop-filter: hue-rotate(150deg) + } + .md\:backdrop-hue-rotate-165 { + backdrop-filter: hue-rotate(165deg) + } + .md\:backdrop-hue-rotate-180 { + backdrop-filter: hue-rotate(180deg) + } + .md\:focus\:backdrop-hue-rotate-0:focus { + backdrop-filter: hue-rotate(0deg) + } + .md\:hover\:backdrop-hue-rotate-0:hover { + backdrop-filter: hue-rotate(0deg) + } + .md\:active\:backdrop-hue-rotate-0:active { + backdrop-filter: hue-rotate(0deg) + } + .md\:focus\:backdrop-hue-rotate-15:focus { + backdrop-filter: hue-rotate(15deg) + } + .md\:hover\:backdrop-hue-rotate-15:hover { + backdrop-filter: hue-rotate(15deg) + } + .md\:active\:backdrop-hue-rotate-15:active { + backdrop-filter: hue-rotate(15deg) + } + .md\:focus\:backdrop-hue-rotate-30:focus { + backdrop-filter: hue-rotate(30deg) + } + .md\:hover\:backdrop-hue-rotate-30:hover { + backdrop-filter: hue-rotate(30deg) + } + .md\:active\:backdrop-hue-rotate-30:active { + backdrop-filter: hue-rotate(30deg) + } + .md\:focus\:backdrop-hue-rotate-45:focus { + backdrop-filter: hue-rotate(45deg) + } + .md\:hover\:backdrop-hue-rotate-45:hover { + backdrop-filter: hue-rotate(45deg) + } + .md\:active\:backdrop-hue-rotate-45:active { + backdrop-filter: hue-rotate(45deg) + } + .md\:focus\:backdrop-hue-rotate-60:focus { + backdrop-filter: hue-rotate(60deg) + } + .md\:hover\:backdrop-hue-rotate-60:hover { + backdrop-filter: hue-rotate(60deg) + } + .md\:active\:backdrop-hue-rotate-60:active { + backdrop-filter: hue-rotate(60deg) + } + .md\:focus\:backdrop-hue-rotate-75:focus { + backdrop-filter: hue-rotate(75deg) + } + .md\:hover\:backdrop-hue-rotate-75:hover { + backdrop-filter: hue-rotate(75deg) + } + .md\:active\:backdrop-hue-rotate-75:active { + backdrop-filter: hue-rotate(75deg) + } + .md\:focus\:backdrop-hue-rotate-90:focus { + backdrop-filter: hue-rotate(90deg) + } + .md\:hover\:backdrop-hue-rotate-90:hover { + backdrop-filter: hue-rotate(90deg) + } + .md\:active\:backdrop-hue-rotate-90:active { + backdrop-filter: hue-rotate(90deg) + } + .md\:focus\:backdrop-hue-rotate-105:focus { + backdrop-filter: hue-rotate(105deg) + } + .md\:hover\:backdrop-hue-rotate-105:hover { + backdrop-filter: hue-rotate(105deg) + } + .md\:active\:backdrop-hue-rotate-105:active { + backdrop-filter: hue-rotate(105deg) + } + .md\:focus\:backdrop-hue-rotate-120:focus { + backdrop-filter: hue-rotate(120deg) + } + .md\:hover\:backdrop-hue-rotate-120:hover { + backdrop-filter: hue-rotate(120deg) + } + .md\:active\:backdrop-hue-rotate-120:active { + backdrop-filter: hue-rotate(120deg) + } + .md\:focus\:backdrop-hue-rotate-135:focus { + backdrop-filter: hue-rotate(135deg) + } + .md\:hover\:backdrop-hue-rotate-135:hover { + backdrop-filter: hue-rotate(135deg) + } + .md\:active\:backdrop-hue-rotate-135:active { + backdrop-filter: hue-rotate(135deg) + } + .md\:focus\:backdrop-hue-rotate-150:focus { + backdrop-filter: hue-rotate(150deg) + } + .md\:hover\:backdrop-hue-rotate-150:hover { + backdrop-filter: hue-rotate(150deg) + } + .md\:active\:backdrop-hue-rotate-150:active { + backdrop-filter: hue-rotate(150deg) + } + .md\:focus\:backdrop-hue-rotate-165:focus { + backdrop-filter: hue-rotate(165deg) + } + .md\:hover\:backdrop-hue-rotate-165:hover { + backdrop-filter: hue-rotate(165deg) + } + .md\:active\:backdrop-hue-rotate-165:active { + backdrop-filter: hue-rotate(165deg) + } + .md\:focus\:backdrop-hue-rotate-180:focus { + backdrop-filter: hue-rotate(180deg) + } + .md\:hover\:backdrop-hue-rotate-180:hover { + backdrop-filter: hue-rotate(180deg) + } + .md\:active\:backdrop-hue-rotate-180:active { + backdrop-filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-hue-rotate-0 { + backdrop-filter: hue-rotate(0deg) + } + .lg\:backdrop-hue-rotate-15 { + backdrop-filter: hue-rotate(15deg) + } + .lg\:backdrop-hue-rotate-30 { + backdrop-filter: hue-rotate(30deg) + } + .lg\:backdrop-hue-rotate-45 { + backdrop-filter: hue-rotate(45deg) + } + .lg\:backdrop-hue-rotate-60 { + backdrop-filter: hue-rotate(60deg) + } + .lg\:backdrop-hue-rotate-75 { + backdrop-filter: hue-rotate(75deg) + } + .lg\:backdrop-hue-rotate-90 { + backdrop-filter: hue-rotate(90deg) + } + .lg\:backdrop-hue-rotate-105 { + backdrop-filter: hue-rotate(105deg) + } + .lg\:backdrop-hue-rotate-120 { + backdrop-filter: hue-rotate(120deg) + } + .lg\:backdrop-hue-rotate-135 { + backdrop-filter: hue-rotate(135deg) + } + .lg\:backdrop-hue-rotate-150 { + backdrop-filter: hue-rotate(150deg) + } + .lg\:backdrop-hue-rotate-165 { + backdrop-filter: hue-rotate(165deg) + } + .lg\:backdrop-hue-rotate-180 { + backdrop-filter: hue-rotate(180deg) + } + .lg\:focus\:backdrop-hue-rotate-0:focus { + backdrop-filter: hue-rotate(0deg) + } + .lg\:hover\:backdrop-hue-rotate-0:hover { + backdrop-filter: hue-rotate(0deg) + } + .lg\:active\:backdrop-hue-rotate-0:active { + backdrop-filter: hue-rotate(0deg) + } + .lg\:focus\:backdrop-hue-rotate-15:focus { + backdrop-filter: hue-rotate(15deg) + } + .lg\:hover\:backdrop-hue-rotate-15:hover { + backdrop-filter: hue-rotate(15deg) + } + .lg\:active\:backdrop-hue-rotate-15:active { + backdrop-filter: hue-rotate(15deg) + } + .lg\:focus\:backdrop-hue-rotate-30:focus { + backdrop-filter: hue-rotate(30deg) + } + .lg\:hover\:backdrop-hue-rotate-30:hover { + backdrop-filter: hue-rotate(30deg) + } + .lg\:active\:backdrop-hue-rotate-30:active { + backdrop-filter: hue-rotate(30deg) + } + .lg\:focus\:backdrop-hue-rotate-45:focus { + backdrop-filter: hue-rotate(45deg) + } + .lg\:hover\:backdrop-hue-rotate-45:hover { + backdrop-filter: hue-rotate(45deg) + } + .lg\:active\:backdrop-hue-rotate-45:active { + backdrop-filter: hue-rotate(45deg) + } + .lg\:focus\:backdrop-hue-rotate-60:focus { + backdrop-filter: hue-rotate(60deg) + } + .lg\:hover\:backdrop-hue-rotate-60:hover { + backdrop-filter: hue-rotate(60deg) + } + .lg\:active\:backdrop-hue-rotate-60:active { + backdrop-filter: hue-rotate(60deg) + } + .lg\:focus\:backdrop-hue-rotate-75:focus { + backdrop-filter: hue-rotate(75deg) + } + .lg\:hover\:backdrop-hue-rotate-75:hover { + backdrop-filter: hue-rotate(75deg) + } + .lg\:active\:backdrop-hue-rotate-75:active { + backdrop-filter: hue-rotate(75deg) + } + .lg\:focus\:backdrop-hue-rotate-90:focus { + backdrop-filter: hue-rotate(90deg) + } + .lg\:hover\:backdrop-hue-rotate-90:hover { + backdrop-filter: hue-rotate(90deg) + } + .lg\:active\:backdrop-hue-rotate-90:active { + backdrop-filter: hue-rotate(90deg) + } + .lg\:focus\:backdrop-hue-rotate-105:focus { + backdrop-filter: hue-rotate(105deg) + } + .lg\:hover\:backdrop-hue-rotate-105:hover { + backdrop-filter: hue-rotate(105deg) + } + .lg\:active\:backdrop-hue-rotate-105:active { + backdrop-filter: hue-rotate(105deg) + } + .lg\:focus\:backdrop-hue-rotate-120:focus { + backdrop-filter: hue-rotate(120deg) + } + .lg\:hover\:backdrop-hue-rotate-120:hover { + backdrop-filter: hue-rotate(120deg) + } + .lg\:active\:backdrop-hue-rotate-120:active { + backdrop-filter: hue-rotate(120deg) + } + .lg\:focus\:backdrop-hue-rotate-135:focus { + backdrop-filter: hue-rotate(135deg) + } + .lg\:hover\:backdrop-hue-rotate-135:hover { + backdrop-filter: hue-rotate(135deg) + } + .lg\:active\:backdrop-hue-rotate-135:active { + backdrop-filter: hue-rotate(135deg) + } + .lg\:focus\:backdrop-hue-rotate-150:focus { + backdrop-filter: hue-rotate(150deg) + } + .lg\:hover\:backdrop-hue-rotate-150:hover { + backdrop-filter: hue-rotate(150deg) + } + .lg\:active\:backdrop-hue-rotate-150:active { + backdrop-filter: hue-rotate(150deg) + } + .lg\:focus\:backdrop-hue-rotate-165:focus { + backdrop-filter: hue-rotate(165deg) + } + .lg\:hover\:backdrop-hue-rotate-165:hover { + backdrop-filter: hue-rotate(165deg) + } + .lg\:active\:backdrop-hue-rotate-165:active { + backdrop-filter: hue-rotate(165deg) + } + .lg\:focus\:backdrop-hue-rotate-180:focus { + backdrop-filter: hue-rotate(180deg) + } + .lg\:hover\:backdrop-hue-rotate-180:hover { + backdrop-filter: hue-rotate(180deg) + } + .lg\:active\:backdrop-hue-rotate-180:active { + backdrop-filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-hue-rotate-0 { + backdrop-filter: hue-rotate(0deg) + } + .xl\:backdrop-hue-rotate-15 { + backdrop-filter: hue-rotate(15deg) + } + .xl\:backdrop-hue-rotate-30 { + backdrop-filter: hue-rotate(30deg) + } + .xl\:backdrop-hue-rotate-45 { + backdrop-filter: hue-rotate(45deg) + } + .xl\:backdrop-hue-rotate-60 { + backdrop-filter: hue-rotate(60deg) + } + .xl\:backdrop-hue-rotate-75 { + backdrop-filter: hue-rotate(75deg) + } + .xl\:backdrop-hue-rotate-90 { + backdrop-filter: hue-rotate(90deg) + } + .xl\:backdrop-hue-rotate-105 { + backdrop-filter: hue-rotate(105deg) + } + .xl\:backdrop-hue-rotate-120 { + backdrop-filter: hue-rotate(120deg) + } + .xl\:backdrop-hue-rotate-135 { + backdrop-filter: hue-rotate(135deg) + } + .xl\:backdrop-hue-rotate-150 { + backdrop-filter: hue-rotate(150deg) + } + .xl\:backdrop-hue-rotate-165 { + backdrop-filter: hue-rotate(165deg) + } + .xl\:backdrop-hue-rotate-180 { + backdrop-filter: hue-rotate(180deg) + } + .xl\:focus\:backdrop-hue-rotate-0:focus { + backdrop-filter: hue-rotate(0deg) + } + .xl\:hover\:backdrop-hue-rotate-0:hover { + backdrop-filter: hue-rotate(0deg) + } + .xl\:active\:backdrop-hue-rotate-0:active { + backdrop-filter: hue-rotate(0deg) + } + .xl\:focus\:backdrop-hue-rotate-15:focus { + backdrop-filter: hue-rotate(15deg) + } + .xl\:hover\:backdrop-hue-rotate-15:hover { + backdrop-filter: hue-rotate(15deg) + } + .xl\:active\:backdrop-hue-rotate-15:active { + backdrop-filter: hue-rotate(15deg) + } + .xl\:focus\:backdrop-hue-rotate-30:focus { + backdrop-filter: hue-rotate(30deg) + } + .xl\:hover\:backdrop-hue-rotate-30:hover { + backdrop-filter: hue-rotate(30deg) + } + .xl\:active\:backdrop-hue-rotate-30:active { + backdrop-filter: hue-rotate(30deg) + } + .xl\:focus\:backdrop-hue-rotate-45:focus { + backdrop-filter: hue-rotate(45deg) + } + .xl\:hover\:backdrop-hue-rotate-45:hover { + backdrop-filter: hue-rotate(45deg) + } + .xl\:active\:backdrop-hue-rotate-45:active { + backdrop-filter: hue-rotate(45deg) + } + .xl\:focus\:backdrop-hue-rotate-60:focus { + backdrop-filter: hue-rotate(60deg) + } + .xl\:hover\:backdrop-hue-rotate-60:hover { + backdrop-filter: hue-rotate(60deg) + } + .xl\:active\:backdrop-hue-rotate-60:active { + backdrop-filter: hue-rotate(60deg) + } + .xl\:focus\:backdrop-hue-rotate-75:focus { + backdrop-filter: hue-rotate(75deg) + } + .xl\:hover\:backdrop-hue-rotate-75:hover { + backdrop-filter: hue-rotate(75deg) + } + .xl\:active\:backdrop-hue-rotate-75:active { + backdrop-filter: hue-rotate(75deg) + } + .xl\:focus\:backdrop-hue-rotate-90:focus { + backdrop-filter: hue-rotate(90deg) + } + .xl\:hover\:backdrop-hue-rotate-90:hover { + backdrop-filter: hue-rotate(90deg) + } + .xl\:active\:backdrop-hue-rotate-90:active { + backdrop-filter: hue-rotate(90deg) + } + .xl\:focus\:backdrop-hue-rotate-105:focus { + backdrop-filter: hue-rotate(105deg) + } + .xl\:hover\:backdrop-hue-rotate-105:hover { + backdrop-filter: hue-rotate(105deg) + } + .xl\:active\:backdrop-hue-rotate-105:active { + backdrop-filter: hue-rotate(105deg) + } + .xl\:focus\:backdrop-hue-rotate-120:focus { + backdrop-filter: hue-rotate(120deg) + } + .xl\:hover\:backdrop-hue-rotate-120:hover { + backdrop-filter: hue-rotate(120deg) + } + .xl\:active\:backdrop-hue-rotate-120:active { + backdrop-filter: hue-rotate(120deg) + } + .xl\:focus\:backdrop-hue-rotate-135:focus { + backdrop-filter: hue-rotate(135deg) + } + .xl\:hover\:backdrop-hue-rotate-135:hover { + backdrop-filter: hue-rotate(135deg) + } + .xl\:active\:backdrop-hue-rotate-135:active { + backdrop-filter: hue-rotate(135deg) + } + .xl\:focus\:backdrop-hue-rotate-150:focus { + backdrop-filter: hue-rotate(150deg) + } + .xl\:hover\:backdrop-hue-rotate-150:hover { + backdrop-filter: hue-rotate(150deg) + } + .xl\:active\:backdrop-hue-rotate-150:active { + backdrop-filter: hue-rotate(150deg) + } + .xl\:focus\:backdrop-hue-rotate-165:focus { + backdrop-filter: hue-rotate(165deg) + } + .xl\:hover\:backdrop-hue-rotate-165:hover { + backdrop-filter: hue-rotate(165deg) + } + .xl\:active\:backdrop-hue-rotate-165:active { + backdrop-filter: hue-rotate(165deg) + } + .xl\:focus\:backdrop-hue-rotate-180:focus { + backdrop-filter: hue-rotate(180deg) + } + .xl\:hover\:backdrop-hue-rotate-180:hover { + backdrop-filter: hue-rotate(180deg) + } + .xl\:active\:backdrop-hue-rotate-180:active { + backdrop-filter: hue-rotate(180deg) + } +} +.backdrop-invert-0 { + backdrop-filter: invert(0) +} +.backdrop-invert { + backdrop-filter: invert(1) +} +.focus\:backdrop-invert-0:focus { + backdrop-filter: invert(0) +} +.hover\:backdrop-invert-0:hover { + backdrop-filter: invert(0) +} +.active\:backdrop-invert-0:active { + backdrop-filter: invert(0) +} +.focus\:backdrop-invert:focus { + backdrop-filter: invert(1) +} +.hover\:backdrop-invert:hover { + backdrop-filter: invert(1) +} +.active\:backdrop-invert:active { + backdrop-filter: invert(1) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-invert-0 { + backdrop-filter: invert(0) + } + .sm\:backdrop-invert { + backdrop-filter: invert(1) + } + .sm\:focus\:backdrop-invert-0:focus { + backdrop-filter: invert(0) + } + .sm\:hover\:backdrop-invert-0:hover { + backdrop-filter: invert(0) + } + .sm\:active\:backdrop-invert-0:active { + backdrop-filter: invert(0) + } + .sm\:focus\:backdrop-invert:focus { + backdrop-filter: invert(1) + } + .sm\:hover\:backdrop-invert:hover { + backdrop-filter: invert(1) + } + .sm\:active\:backdrop-invert:active { + backdrop-filter: invert(1) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-invert-0 { + backdrop-filter: invert(0) + } + .md\:backdrop-invert { + backdrop-filter: invert(1) + } + .md\:focus\:backdrop-invert-0:focus { + backdrop-filter: invert(0) + } + .md\:hover\:backdrop-invert-0:hover { + backdrop-filter: invert(0) + } + .md\:active\:backdrop-invert-0:active { + backdrop-filter: invert(0) + } + .md\:focus\:backdrop-invert:focus { + backdrop-filter: invert(1) + } + .md\:hover\:backdrop-invert:hover { + backdrop-filter: invert(1) + } + .md\:active\:backdrop-invert:active { + backdrop-filter: invert(1) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-invert-0 { + backdrop-filter: invert(0) + } + .lg\:backdrop-invert { + backdrop-filter: invert(1) + } + .lg\:focus\:backdrop-invert-0:focus { + backdrop-filter: invert(0) + } + .lg\:hover\:backdrop-invert-0:hover { + backdrop-filter: invert(0) + } + .lg\:active\:backdrop-invert-0:active { + backdrop-filter: invert(0) + } + .lg\:focus\:backdrop-invert:focus { + backdrop-filter: invert(1) + } + .lg\:hover\:backdrop-invert:hover { + backdrop-filter: invert(1) + } + .lg\:active\:backdrop-invert:active { + backdrop-filter: invert(1) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-invert-0 { + backdrop-filter: invert(0) + } + .xl\:backdrop-invert { + backdrop-filter: invert(1) + } + .xl\:focus\:backdrop-invert-0:focus { + backdrop-filter: invert(0) + } + .xl\:hover\:backdrop-invert-0:hover { + backdrop-filter: invert(0) + } + .xl\:active\:backdrop-invert-0:active { + backdrop-filter: invert(0) + } + .xl\:focus\:backdrop-invert:focus { + backdrop-filter: invert(1) + } + .xl\:hover\:backdrop-invert:hover { + backdrop-filter: invert(1) + } + .xl\:active\:backdrop-invert:active { + backdrop-filter: invert(1) + } +} +.backdrop-saturate-0 { + backdrop-filter: saturate(0) +} +.backdrop-saturate-50 { + backdrop-filter: saturate(0.5) +} +.backdrop-saturate-100 { + backdrop-filter: saturate(1) +} +.backdrop-saturate-150 { + backdrop-filter: saturate(1.5) +} +.backdrop-saturate-200 { + backdrop-filter: saturate(2) +} +.focus\:backdrop-saturate-0:focus { + backdrop-filter: saturate(0) +} +.hover\:backdrop-saturate-0:hover { + backdrop-filter: saturate(0) +} +.active\:backdrop-saturate-0:active { + backdrop-filter: saturate(0) +} +.focus\:backdrop-saturate-50:focus { + backdrop-filter: saturate(0.5) +} +.hover\:backdrop-saturate-50:hover { + backdrop-filter: saturate(0.5) +} +.active\:backdrop-saturate-50:active { + backdrop-filter: saturate(0.5) +} +.focus\:backdrop-saturate-100:focus { + backdrop-filter: saturate(1) +} +.hover\:backdrop-saturate-100:hover { + backdrop-filter: saturate(1) +} +.active\:backdrop-saturate-100:active { + backdrop-filter: saturate(1) +} +.focus\:backdrop-saturate-150:focus { + backdrop-filter: saturate(1.5) +} +.hover\:backdrop-saturate-150:hover { + backdrop-filter: saturate(1.5) +} +.active\:backdrop-saturate-150:active { + backdrop-filter: saturate(1.5) +} +.focus\:backdrop-saturate-200:focus { + backdrop-filter: saturate(2) +} +.hover\:backdrop-saturate-200:hover { + backdrop-filter: saturate(2) +} +.active\:backdrop-saturate-200:active { + backdrop-filter: saturate(2) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-saturate-0 { + backdrop-filter: saturate(0) + } + .sm\:backdrop-saturate-50 { + backdrop-filter: saturate(0.5) + } + .sm\:backdrop-saturate-100 { + backdrop-filter: saturate(1) + } + .sm\:backdrop-saturate-150 { + backdrop-filter: saturate(1.5) + } + .sm\:backdrop-saturate-200 { + backdrop-filter: saturate(2) + } + .sm\:focus\:backdrop-saturate-0:focus { + backdrop-filter: saturate(0) + } + .sm\:hover\:backdrop-saturate-0:hover { + backdrop-filter: saturate(0) + } + .sm\:active\:backdrop-saturate-0:active { + backdrop-filter: saturate(0) + } + .sm\:focus\:backdrop-saturate-50:focus { + backdrop-filter: saturate(0.5) + } + .sm\:hover\:backdrop-saturate-50:hover { + backdrop-filter: saturate(0.5) + } + .sm\:active\:backdrop-saturate-50:active { + backdrop-filter: saturate(0.5) + } + .sm\:focus\:backdrop-saturate-100:focus { + backdrop-filter: saturate(1) + } + .sm\:hover\:backdrop-saturate-100:hover { + backdrop-filter: saturate(1) + } + .sm\:active\:backdrop-saturate-100:active { + backdrop-filter: saturate(1) + } + .sm\:focus\:backdrop-saturate-150:focus { + backdrop-filter: saturate(1.5) + } + .sm\:hover\:backdrop-saturate-150:hover { + backdrop-filter: saturate(1.5) + } + .sm\:active\:backdrop-saturate-150:active { + backdrop-filter: saturate(1.5) + } + .sm\:focus\:backdrop-saturate-200:focus { + backdrop-filter: saturate(2) + } + .sm\:hover\:backdrop-saturate-200:hover { + backdrop-filter: saturate(2) + } + .sm\:active\:backdrop-saturate-200:active { + backdrop-filter: saturate(2) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-saturate-0 { + backdrop-filter: saturate(0) + } + .md\:backdrop-saturate-50 { + backdrop-filter: saturate(0.5) + } + .md\:backdrop-saturate-100 { + backdrop-filter: saturate(1) + } + .md\:backdrop-saturate-150 { + backdrop-filter: saturate(1.5) + } + .md\:backdrop-saturate-200 { + backdrop-filter: saturate(2) + } + .md\:focus\:backdrop-saturate-0:focus { + backdrop-filter: saturate(0) + } + .md\:hover\:backdrop-saturate-0:hover { + backdrop-filter: saturate(0) + } + .md\:active\:backdrop-saturate-0:active { + backdrop-filter: saturate(0) + } + .md\:focus\:backdrop-saturate-50:focus { + backdrop-filter: saturate(0.5) + } + .md\:hover\:backdrop-saturate-50:hover { + backdrop-filter: saturate(0.5) + } + .md\:active\:backdrop-saturate-50:active { + backdrop-filter: saturate(0.5) + } + .md\:focus\:backdrop-saturate-100:focus { + backdrop-filter: saturate(1) + } + .md\:hover\:backdrop-saturate-100:hover { + backdrop-filter: saturate(1) + } + .md\:active\:backdrop-saturate-100:active { + backdrop-filter: saturate(1) + } + .md\:focus\:backdrop-saturate-150:focus { + backdrop-filter: saturate(1.5) + } + .md\:hover\:backdrop-saturate-150:hover { + backdrop-filter: saturate(1.5) + } + .md\:active\:backdrop-saturate-150:active { + backdrop-filter: saturate(1.5) + } + .md\:focus\:backdrop-saturate-200:focus { + backdrop-filter: saturate(2) + } + .md\:hover\:backdrop-saturate-200:hover { + backdrop-filter: saturate(2) + } + .md\:active\:backdrop-saturate-200:active { + backdrop-filter: saturate(2) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-saturate-0 { + backdrop-filter: saturate(0) + } + .lg\:backdrop-saturate-50 { + backdrop-filter: saturate(0.5) + } + .lg\:backdrop-saturate-100 { + backdrop-filter: saturate(1) + } + .lg\:backdrop-saturate-150 { + backdrop-filter: saturate(1.5) + } + .lg\:backdrop-saturate-200 { + backdrop-filter: saturate(2) + } + .lg\:focus\:backdrop-saturate-0:focus { + backdrop-filter: saturate(0) + } + .lg\:hover\:backdrop-saturate-0:hover { + backdrop-filter: saturate(0) + } + .lg\:active\:backdrop-saturate-0:active { + backdrop-filter: saturate(0) + } + .lg\:focus\:backdrop-saturate-50:focus { + backdrop-filter: saturate(0.5) + } + .lg\:hover\:backdrop-saturate-50:hover { + backdrop-filter: saturate(0.5) + } + .lg\:active\:backdrop-saturate-50:active { + backdrop-filter: saturate(0.5) + } + .lg\:focus\:backdrop-saturate-100:focus { + backdrop-filter: saturate(1) + } + .lg\:hover\:backdrop-saturate-100:hover { + backdrop-filter: saturate(1) + } + .lg\:active\:backdrop-saturate-100:active { + backdrop-filter: saturate(1) + } + .lg\:focus\:backdrop-saturate-150:focus { + backdrop-filter: saturate(1.5) + } + .lg\:hover\:backdrop-saturate-150:hover { + backdrop-filter: saturate(1.5) + } + .lg\:active\:backdrop-saturate-150:active { + backdrop-filter: saturate(1.5) + } + .lg\:focus\:backdrop-saturate-200:focus { + backdrop-filter: saturate(2) + } + .lg\:hover\:backdrop-saturate-200:hover { + backdrop-filter: saturate(2) + } + .lg\:active\:backdrop-saturate-200:active { + backdrop-filter: saturate(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-saturate-0 { + backdrop-filter: saturate(0) + } + .xl\:backdrop-saturate-50 { + backdrop-filter: saturate(0.5) + } + .xl\:backdrop-saturate-100 { + backdrop-filter: saturate(1) + } + .xl\:backdrop-saturate-150 { + backdrop-filter: saturate(1.5) + } + .xl\:backdrop-saturate-200 { + backdrop-filter: saturate(2) + } + .xl\:focus\:backdrop-saturate-0:focus { + backdrop-filter: saturate(0) + } + .xl\:hover\:backdrop-saturate-0:hover { + backdrop-filter: saturate(0) + } + .xl\:active\:backdrop-saturate-0:active { + backdrop-filter: saturate(0) + } + .xl\:focus\:backdrop-saturate-50:focus { + backdrop-filter: saturate(0.5) + } + .xl\:hover\:backdrop-saturate-50:hover { + backdrop-filter: saturate(0.5) + } + .xl\:active\:backdrop-saturate-50:active { + backdrop-filter: saturate(0.5) + } + .xl\:focus\:backdrop-saturate-100:focus { + backdrop-filter: saturate(1) + } + .xl\:hover\:backdrop-saturate-100:hover { + backdrop-filter: saturate(1) + } + .xl\:active\:backdrop-saturate-100:active { + backdrop-filter: saturate(1) + } + .xl\:focus\:backdrop-saturate-150:focus { + backdrop-filter: saturate(1.5) + } + .xl\:hover\:backdrop-saturate-150:hover { + backdrop-filter: saturate(1.5) + } + .xl\:active\:backdrop-saturate-150:active { + backdrop-filter: saturate(1.5) + } + .xl\:focus\:backdrop-saturate-200:focus { + backdrop-filter: saturate(2) + } + .xl\:hover\:backdrop-saturate-200:hover { + backdrop-filter: saturate(2) + } + .xl\:active\:backdrop-saturate-200:active { + backdrop-filter: saturate(2) + } +} +.backdrop-sepia { + backdrop-filter: sepia(100%) +} +.backdrop-sepia-0 { + backdrop-filter: sepia(0) +} +.backdrop-sepia-50 { + backdrop-filter: sepia(50%) +} +.focus\:backdrop-sepia:focus { + backdrop-filter: sepia(100%) +} +.hover\:backdrop-sepia:hover { + backdrop-filter: sepia(100%) +} +.active\:backdrop-sepia:active { + backdrop-filter: sepia(100%) +} +.focus\:backdrop-sepia-0:focus { + backdrop-filter: sepia(0) +} +.hover\:backdrop-sepia-0:hover { + backdrop-filter: sepia(0) +} +.active\:backdrop-sepia-0:active { + backdrop-filter: sepia(0) +} +.focus\:backdrop-sepia-50:focus { + backdrop-filter: sepia(50%) +} +.hover\:backdrop-sepia-50:hover { + backdrop-filter: sepia(50%) +} +.active\:backdrop-sepia-50:active { + backdrop-filter: sepia(50%) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-sepia { + backdrop-filter: sepia(100%) + } + .sm\:backdrop-sepia-0 { + backdrop-filter: sepia(0) + } + .sm\:backdrop-sepia-50 { + backdrop-filter: sepia(50%) + } + .sm\:focus\:backdrop-sepia:focus { + backdrop-filter: sepia(100%) + } + .sm\:hover\:backdrop-sepia:hover { + backdrop-filter: sepia(100%) + } + .sm\:active\:backdrop-sepia:active { + backdrop-filter: sepia(100%) + } + .sm\:focus\:backdrop-sepia-0:focus { + backdrop-filter: sepia(0) + } + .sm\:hover\:backdrop-sepia-0:hover { + backdrop-filter: sepia(0) + } + .sm\:active\:backdrop-sepia-0:active { + backdrop-filter: sepia(0) + } + .sm\:focus\:backdrop-sepia-50:focus { + backdrop-filter: sepia(50%) + } + .sm\:hover\:backdrop-sepia-50:hover { + backdrop-filter: sepia(50%) + } + .sm\:active\:backdrop-sepia-50:active { + backdrop-filter: sepia(50%) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-sepia { + backdrop-filter: sepia(100%) + } + .md\:backdrop-sepia-0 { + backdrop-filter: sepia(0) + } + .md\:backdrop-sepia-50 { + backdrop-filter: sepia(50%) + } + .md\:focus\:backdrop-sepia:focus { + backdrop-filter: sepia(100%) + } + .md\:hover\:backdrop-sepia:hover { + backdrop-filter: sepia(100%) + } + .md\:active\:backdrop-sepia:active { + backdrop-filter: sepia(100%) + } + .md\:focus\:backdrop-sepia-0:focus { + backdrop-filter: sepia(0) + } + .md\:hover\:backdrop-sepia-0:hover { + backdrop-filter: sepia(0) + } + .md\:active\:backdrop-sepia-0:active { + backdrop-filter: sepia(0) + } + .md\:focus\:backdrop-sepia-50:focus { + backdrop-filter: sepia(50%) + } + .md\:hover\:backdrop-sepia-50:hover { + backdrop-filter: sepia(50%) + } + .md\:active\:backdrop-sepia-50:active { + backdrop-filter: sepia(50%) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-sepia { + backdrop-filter: sepia(100%) + } + .lg\:backdrop-sepia-0 { + backdrop-filter: sepia(0) + } + .lg\:backdrop-sepia-50 { + backdrop-filter: sepia(50%) + } + .lg\:focus\:backdrop-sepia:focus { + backdrop-filter: sepia(100%) + } + .lg\:hover\:backdrop-sepia:hover { + backdrop-filter: sepia(100%) + } + .lg\:active\:backdrop-sepia:active { + backdrop-filter: sepia(100%) + } + .lg\:focus\:backdrop-sepia-0:focus { + backdrop-filter: sepia(0) + } + .lg\:hover\:backdrop-sepia-0:hover { + backdrop-filter: sepia(0) + } + .lg\:active\:backdrop-sepia-0:active { + backdrop-filter: sepia(0) + } + .lg\:focus\:backdrop-sepia-50:focus { + backdrop-filter: sepia(50%) + } + .lg\:hover\:backdrop-sepia-50:hover { + backdrop-filter: sepia(50%) + } + .lg\:active\:backdrop-sepia-50:active { + backdrop-filter: sepia(50%) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-sepia { + backdrop-filter: sepia(100%) + } + .xl\:backdrop-sepia-0 { + backdrop-filter: sepia(0) + } + .xl\:backdrop-sepia-50 { + backdrop-filter: sepia(50%) + } + .xl\:focus\:backdrop-sepia:focus { + backdrop-filter: sepia(100%) + } + .xl\:hover\:backdrop-sepia:hover { + backdrop-filter: sepia(100%) + } + .xl\:active\:backdrop-sepia:active { + backdrop-filter: sepia(100%) + } + .xl\:focus\:backdrop-sepia-0:focus { + backdrop-filter: sepia(0) + } + .xl\:hover\:backdrop-sepia-0:hover { + backdrop-filter: sepia(0) + } + .xl\:active\:backdrop-sepia-0:active { + backdrop-filter: sepia(0) + } + .xl\:focus\:backdrop-sepia-50:focus { + backdrop-filter: sepia(50%) + } + .xl\:hover\:backdrop-sepia-50:hover { + backdrop-filter: sepia(50%) + } + .xl\:active\:backdrop-sepia-50:active { + backdrop-filter: sepia(50%) + } +} +.backdrop-drop-shadow-none { + backdrop-filter: drop-shadow(0 0 0 transparent) +} +.backdrop-drop-shadow-1 { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.backdrop-drop-shadow-2 { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.backdrop-drop-shadow-3 { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.backdrop-drop-shadow-4 { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.backdrop-drop-shadow-5 { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.backdrop-drop-shadow-6 { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.backdrop-drop-shadow-7 { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.backdrop-drop-shadow-8 { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.focus\:backdrop-drop-shadow-none:focus { + backdrop-filter: drop-shadow(0 0 0 transparent) +} +.hover\:backdrop-drop-shadow-none:hover { + backdrop-filter: drop-shadow(0 0 0 transparent) +} +.active\:backdrop-drop-shadow-none:active { + backdrop-filter: drop-shadow(0 0 0 transparent) +} +.focus\:backdrop-drop-shadow-1:focus { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.hover\:backdrop-drop-shadow-1:hover { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.active\:backdrop-drop-shadow-1:active { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.focus\:backdrop-drop-shadow-2:focus { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.hover\:backdrop-drop-shadow-2:hover { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.active\:backdrop-drop-shadow-2:active { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.focus\:backdrop-drop-shadow-3:focus { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.hover\:backdrop-drop-shadow-3:hover { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.active\:backdrop-drop-shadow-3:active { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.focus\:backdrop-drop-shadow-4:focus { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.hover\:backdrop-drop-shadow-4:hover { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.active\:backdrop-drop-shadow-4:active { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.focus\:backdrop-drop-shadow-5:focus { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.hover\:backdrop-drop-shadow-5:hover { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.active\:backdrop-drop-shadow-5:active { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.focus\:backdrop-drop-shadow-6:focus { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.hover\:backdrop-drop-shadow-6:hover { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.active\:backdrop-drop-shadow-6:active { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.focus\:backdrop-drop-shadow-7:focus { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.hover\:backdrop-drop-shadow-7:hover { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.active\:backdrop-drop-shadow-7:active { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.focus\:backdrop-drop-shadow-8:focus { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.hover\:backdrop-drop-shadow-8:hover { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.active\:backdrop-drop-shadow-8:active { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +@media screen and (min-width: 576px) { + .sm\:backdrop-drop-shadow-none { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .sm\:backdrop-drop-shadow-1 { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:backdrop-drop-shadow-2 { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:backdrop-drop-shadow-3 { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:backdrop-drop-shadow-4 { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:backdrop-drop-shadow-5 { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:backdrop-drop-shadow-6 { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:backdrop-drop-shadow-7 { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:backdrop-drop-shadow-8 { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:focus\:backdrop-drop-shadow-none:focus { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .sm\:hover\:backdrop-drop-shadow-none:hover { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .sm\:active\:backdrop-drop-shadow-none:active { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .sm\:focus\:backdrop-drop-shadow-1:focus { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:hover\:backdrop-drop-shadow-1:hover { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:active\:backdrop-drop-shadow-1:active { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:focus\:backdrop-drop-shadow-2:focus { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:backdrop-drop-shadow-2:hover { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:backdrop-drop-shadow-2:active { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:backdrop-drop-shadow-3:focus { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:hover\:backdrop-drop-shadow-3:hover { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:active\:backdrop-drop-shadow-3:active { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:focus\:backdrop-drop-shadow-4:focus { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:hover\:backdrop-drop-shadow-4:hover { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:active\:backdrop-drop-shadow-4:active { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:focus\:backdrop-drop-shadow-5:focus { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:backdrop-drop-shadow-5:hover { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:backdrop-drop-shadow-5:active { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:backdrop-drop-shadow-6:focus { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:backdrop-drop-shadow-6:hover { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:backdrop-drop-shadow-6:active { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:backdrop-drop-shadow-7:focus { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:hover\:backdrop-drop-shadow-7:hover { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:active\:backdrop-drop-shadow-7:active { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:focus\:backdrop-drop-shadow-8:focus { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:hover\:backdrop-drop-shadow-8:hover { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:active\:backdrop-drop-shadow-8:active { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 768px) { + .md\:backdrop-drop-shadow-none { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .md\:backdrop-drop-shadow-1 { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:backdrop-drop-shadow-2 { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:backdrop-drop-shadow-3 { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:backdrop-drop-shadow-4 { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:backdrop-drop-shadow-5 { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:backdrop-drop-shadow-6 { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:backdrop-drop-shadow-7 { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:backdrop-drop-shadow-8 { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:focus\:backdrop-drop-shadow-none:focus { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .md\:hover\:backdrop-drop-shadow-none:hover { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .md\:active\:backdrop-drop-shadow-none:active { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .md\:focus\:backdrop-drop-shadow-1:focus { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:hover\:backdrop-drop-shadow-1:hover { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:active\:backdrop-drop-shadow-1:active { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:focus\:backdrop-drop-shadow-2:focus { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:backdrop-drop-shadow-2:hover { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:active\:backdrop-drop-shadow-2:active { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:backdrop-drop-shadow-3:focus { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:hover\:backdrop-drop-shadow-3:hover { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:active\:backdrop-drop-shadow-3:active { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:focus\:backdrop-drop-shadow-4:focus { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:hover\:backdrop-drop-shadow-4:hover { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:active\:backdrop-drop-shadow-4:active { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:focus\:backdrop-drop-shadow-5:focus { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:backdrop-drop-shadow-5:hover { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:active\:backdrop-drop-shadow-5:active { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:backdrop-drop-shadow-6:focus { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:backdrop-drop-shadow-6:hover { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:active\:backdrop-drop-shadow-6:active { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:backdrop-drop-shadow-7:focus { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:hover\:backdrop-drop-shadow-7:hover { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:active\:backdrop-drop-shadow-7:active { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:focus\:backdrop-drop-shadow-8:focus { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:hover\:backdrop-drop-shadow-8:hover { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:active\:backdrop-drop-shadow-8:active { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 992px) { + .lg\:backdrop-drop-shadow-none { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .lg\:backdrop-drop-shadow-1 { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:backdrop-drop-shadow-2 { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:backdrop-drop-shadow-3 { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:backdrop-drop-shadow-4 { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:backdrop-drop-shadow-5 { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:backdrop-drop-shadow-6 { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:backdrop-drop-shadow-7 { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:backdrop-drop-shadow-8 { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:focus\:backdrop-drop-shadow-none:focus { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .lg\:hover\:backdrop-drop-shadow-none:hover { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .lg\:active\:backdrop-drop-shadow-none:active { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .lg\:focus\:backdrop-drop-shadow-1:focus { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:hover\:backdrop-drop-shadow-1:hover { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:active\:backdrop-drop-shadow-1:active { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:focus\:backdrop-drop-shadow-2:focus { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:backdrop-drop-shadow-2:hover { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:backdrop-drop-shadow-2:active { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:backdrop-drop-shadow-3:focus { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:hover\:backdrop-drop-shadow-3:hover { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:active\:backdrop-drop-shadow-3:active { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:focus\:backdrop-drop-shadow-4:focus { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:hover\:backdrop-drop-shadow-4:hover { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:active\:backdrop-drop-shadow-4:active { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:focus\:backdrop-drop-shadow-5:focus { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:backdrop-drop-shadow-5:hover { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:backdrop-drop-shadow-5:active { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:backdrop-drop-shadow-6:focus { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:backdrop-drop-shadow-6:hover { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:backdrop-drop-shadow-6:active { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:backdrop-drop-shadow-7:focus { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:hover\:backdrop-drop-shadow-7:hover { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:active\:backdrop-drop-shadow-7:active { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:focus\:backdrop-drop-shadow-8:focus { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:hover\:backdrop-drop-shadow-8:hover { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:active\:backdrop-drop-shadow-8:active { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 1200px) { + .xl\:backdrop-drop-shadow-none { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .xl\:backdrop-drop-shadow-1 { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:backdrop-drop-shadow-2 { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:backdrop-drop-shadow-3 { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:backdrop-drop-shadow-4 { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:backdrop-drop-shadow-5 { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:backdrop-drop-shadow-6 { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:backdrop-drop-shadow-7 { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:backdrop-drop-shadow-8 { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:focus\:backdrop-drop-shadow-none:focus { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .xl\:hover\:backdrop-drop-shadow-none:hover { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .xl\:active\:backdrop-drop-shadow-none:active { + backdrop-filter: drop-shadow(0 0 0 transparent) + } + .xl\:focus\:backdrop-drop-shadow-1:focus { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:hover\:backdrop-drop-shadow-1:hover { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:active\:backdrop-drop-shadow-1:active { + backdrop-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:focus\:backdrop-drop-shadow-2:focus { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:backdrop-drop-shadow-2:hover { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:backdrop-drop-shadow-2:active { + backdrop-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:backdrop-drop-shadow-3:focus { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:hover\:backdrop-drop-shadow-3:hover { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:active\:backdrop-drop-shadow-3:active { + backdrop-filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:focus\:backdrop-drop-shadow-4:focus { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:hover\:backdrop-drop-shadow-4:hover { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:active\:backdrop-drop-shadow-4:active { + backdrop-filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:focus\:backdrop-drop-shadow-5:focus { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:backdrop-drop-shadow-5:hover { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:backdrop-drop-shadow-5:active { + backdrop-filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:backdrop-drop-shadow-6:focus { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:backdrop-drop-shadow-6:hover { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:backdrop-drop-shadow-6:active { + backdrop-filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:backdrop-drop-shadow-7:focus { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:hover\:backdrop-drop-shadow-7:hover { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:active\:backdrop-drop-shadow-7:active { + backdrop-filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:focus\:backdrop-drop-shadow-8:focus { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:hover\:backdrop-drop-shadow-8:hover { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:active\:backdrop-drop-shadow-8:active { + backdrop-filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +.bg-white { + background-color: #ffffff +} +.bg-transparent { + background-color: transparent +} +.bg-primary { + background-color: var(--primary-color) +} +.bg-primary-reverse { + background-color: var(--primary-color-text) +} +.surface-ground { + background-color: var(--surface-ground) +} +.surface-section { + background-color: var(--surface-section) +} +.surface-card { + background-color: var(--surface-card) +} +.surface-overlay { + background-color: var(--surface-overlay) +} +.surface-hover { + background-color: var(--surface-hover) +} +.focus\:bg-white:focus { + background-color: #ffffff +} +.hover\:bg-white:hover { + background-color: #ffffff +} +.active\:bg-white:active { + background-color: #ffffff +} +.focus\:bg-transparent:focus { + background-color: transparent +} +.hover\:bg-transparent:hover { + background-color: transparent +} +.active\:bg-transparent:active { + background-color: transparent +} +.focus\:bg-primary:focus { + background-color: var(--primary-color) +} +.hover\:bg-primary:hover { + background-color: var(--primary-color) +} +.active\:bg-primary:active { + background-color: var(--primary-color) +} +.focus\:bg-primary-reverse:focus { + background-color: var(--primary-color-text) +} +.hover\:bg-primary-reverse:hover { + background-color: var(--primary-color-text) +} +.active\:bg-primary-reverse:active { + background-color: var(--primary-color-text) +} +.focus\:surface-ground:focus { + background-color: var(--surface-ground) +} +.hover\:surface-ground:hover { + background-color: var(--surface-ground) +} +.active\:surface-ground:active { + background-color: var(--surface-ground) +} +.focus\:surface-section:focus { + background-color: var(--surface-section) +} +.hover\:surface-section:hover { + background-color: var(--surface-section) +} +.active\:surface-section:active { + background-color: var(--surface-section) +} +.focus\:surface-card:focus { + background-color: var(--surface-card) +} +.hover\:surface-card:hover { + background-color: var(--surface-card) +} +.active\:surface-card:active { + background-color: var(--surface-card) +} +.focus\:surface-overlay:focus { + background-color: var(--surface-overlay) +} +.hover\:surface-overlay:hover { + background-color: var(--surface-overlay) +} +.active\:surface-overlay:active { + background-color: var(--surface-overlay) +} +.focus\:surface-hover:focus { + background-color: var(--surface-hover) +} +.hover\:surface-hover:hover { + background-color: var(--surface-hover) +} +.active\:surface-hover:active { + background-color: var(--surface-hover) +} +@media screen and (min-width: 576px) { + .sm\:bg-white { + background-color: #ffffff + } + .sm\:bg-transparent { + background-color: transparent + } + .sm\:bg-primary { + background-color: var(--primary-color) + } + .sm\:bg-primary-reverse { + background-color: var(--primary-color-text) + } + .sm\:surface-ground { + background-color: var(--surface-ground) + } + .sm\:surface-section { + background-color: var(--surface-section) + } + .sm\:surface-card { + background-color: var(--surface-card) + } + .sm\:surface-overlay { + background-color: var(--surface-overlay) + } + .sm\:surface-hover { + background-color: var(--surface-hover) + } + .sm\:focus\:bg-white:focus { + background-color: #ffffff + } + .sm\:hover\:bg-white:hover { + background-color: #ffffff + } + .sm\:active\:bg-white:active { + background-color: #ffffff + } + .sm\:focus\:bg-transparent:focus { + background-color: transparent + } + .sm\:hover\:bg-transparent:hover { + background-color: transparent + } + .sm\:active\:bg-transparent:active { + background-color: transparent + } + .sm\:focus\:bg-primary:focus { + background-color: var(--primary-color) + } + .sm\:hover\:bg-primary:hover { + background-color: var(--primary-color) + } + .sm\:active\:bg-primary:active { + background-color: var(--primary-color) + } + .sm\:focus\:bg-primary-reverse:focus { + background-color: var(--primary-color-text) + } + .sm\:hover\:bg-primary-reverse:hover { + background-color: var(--primary-color-text) + } + .sm\:active\:bg-primary-reverse:active { + background-color: var(--primary-color-text) + } + .sm\:focus\:surface-ground:focus { + background-color: var(--surface-ground) + } + .sm\:hover\:surface-ground:hover { + background-color: var(--surface-ground) + } + .sm\:active\:surface-ground:active { + background-color: var(--surface-ground) + } + .sm\:focus\:surface-section:focus { + background-color: var(--surface-section) + } + .sm\:hover\:surface-section:hover { + background-color: var(--surface-section) + } + .sm\:active\:surface-section:active { + background-color: var(--surface-section) + } + .sm\:focus\:surface-card:focus { + background-color: var(--surface-card) + } + .sm\:hover\:surface-card:hover { + background-color: var(--surface-card) + } + .sm\:active\:surface-card:active { + background-color: var(--surface-card) + } + .sm\:focus\:surface-overlay:focus { + background-color: var(--surface-overlay) + } + .sm\:hover\:surface-overlay:hover { + background-color: var(--surface-overlay) + } + .sm\:active\:surface-overlay:active { + background-color: var(--surface-overlay) + } + .sm\:focus\:surface-hover:focus { + background-color: var(--surface-hover) + } + .sm\:hover\:surface-hover:hover { + background-color: var(--surface-hover) + } + .sm\:active\:surface-hover:active { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 768px) { + .md\:bg-white { + background-color: #ffffff + } + .md\:bg-transparent { + background-color: transparent + } + .md\:bg-primary { + background-color: var(--primary-color) + } + .md\:bg-primary-reverse { + background-color: var(--primary-color-text) + } + .md\:surface-ground { + background-color: var(--surface-ground) + } + .md\:surface-section { + background-color: var(--surface-section) + } + .md\:surface-card { + background-color: var(--surface-card) + } + .md\:surface-overlay { + background-color: var(--surface-overlay) + } + .md\:surface-hover { + background-color: var(--surface-hover) + } + .md\:focus\:bg-white:focus { + background-color: #ffffff + } + .md\:hover\:bg-white:hover { + background-color: #ffffff + } + .md\:active\:bg-white:active { + background-color: #ffffff + } + .md\:focus\:bg-transparent:focus { + background-color: transparent + } + .md\:hover\:bg-transparent:hover { + background-color: transparent + } + .md\:active\:bg-transparent:active { + background-color: transparent + } + .md\:focus\:bg-primary:focus { + background-color: var(--primary-color) + } + .md\:hover\:bg-primary:hover { + background-color: var(--primary-color) + } + .md\:active\:bg-primary:active { + background-color: var(--primary-color) + } + .md\:focus\:bg-primary-reverse:focus { + background-color: var(--primary-color-text) + } + .md\:hover\:bg-primary-reverse:hover { + background-color: var(--primary-color-text) + } + .md\:active\:bg-primary-reverse:active { + background-color: var(--primary-color-text) + } + .md\:focus\:surface-ground:focus { + background-color: var(--surface-ground) + } + .md\:hover\:surface-ground:hover { + background-color: var(--surface-ground) + } + .md\:active\:surface-ground:active { + background-color: var(--surface-ground) + } + .md\:focus\:surface-section:focus { + background-color: var(--surface-section) + } + .md\:hover\:surface-section:hover { + background-color: var(--surface-section) + } + .md\:active\:surface-section:active { + background-color: var(--surface-section) + } + .md\:focus\:surface-card:focus { + background-color: var(--surface-card) + } + .md\:hover\:surface-card:hover { + background-color: var(--surface-card) + } + .md\:active\:surface-card:active { + background-color: var(--surface-card) + } + .md\:focus\:surface-overlay:focus { + background-color: var(--surface-overlay) + } + .md\:hover\:surface-overlay:hover { + background-color: var(--surface-overlay) + } + .md\:active\:surface-overlay:active { + background-color: var(--surface-overlay) + } + .md\:focus\:surface-hover:focus { + background-color: var(--surface-hover) + } + .md\:hover\:surface-hover:hover { + background-color: var(--surface-hover) + } + .md\:active\:surface-hover:active { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 992px) { + .lg\:bg-white { + background-color: #ffffff + } + .lg\:bg-transparent { + background-color: transparent + } + .lg\:bg-primary { + background-color: var(--primary-color) + } + .lg\:bg-primary-reverse { + background-color: var(--primary-color-text) + } + .lg\:surface-ground { + background-color: var(--surface-ground) + } + .lg\:surface-section { + background-color: var(--surface-section) + } + .lg\:surface-card { + background-color: var(--surface-card) + } + .lg\:surface-overlay { + background-color: var(--surface-overlay) + } + .lg\:surface-hover { + background-color: var(--surface-hover) + } + .lg\:focus\:bg-white:focus { + background-color: #ffffff + } + .lg\:hover\:bg-white:hover { + background-color: #ffffff + } + .lg\:active\:bg-white:active { + background-color: #ffffff + } + .lg\:focus\:bg-transparent:focus { + background-color: transparent + } + .lg\:hover\:bg-transparent:hover { + background-color: transparent + } + .lg\:active\:bg-transparent:active { + background-color: transparent + } + .lg\:focus\:bg-primary:focus { + background-color: var(--primary-color) + } + .lg\:hover\:bg-primary:hover { + background-color: var(--primary-color) + } + .lg\:active\:bg-primary:active { + background-color: var(--primary-color) + } + .lg\:focus\:bg-primary-reverse:focus { + background-color: var(--primary-color-text) + } + .lg\:hover\:bg-primary-reverse:hover { + background-color: var(--primary-color-text) + } + .lg\:active\:bg-primary-reverse:active { + background-color: var(--primary-color-text) + } + .lg\:focus\:surface-ground:focus { + background-color: var(--surface-ground) + } + .lg\:hover\:surface-ground:hover { + background-color: var(--surface-ground) + } + .lg\:active\:surface-ground:active { + background-color: var(--surface-ground) + } + .lg\:focus\:surface-section:focus { + background-color: var(--surface-section) + } + .lg\:hover\:surface-section:hover { + background-color: var(--surface-section) + } + .lg\:active\:surface-section:active { + background-color: var(--surface-section) + } + .lg\:focus\:surface-card:focus { + background-color: var(--surface-card) + } + .lg\:hover\:surface-card:hover { + background-color: var(--surface-card) + } + .lg\:active\:surface-card:active { + background-color: var(--surface-card) + } + .lg\:focus\:surface-overlay:focus { + background-color: var(--surface-overlay) + } + .lg\:hover\:surface-overlay:hover { + background-color: var(--surface-overlay) + } + .lg\:active\:surface-overlay:active { + background-color: var(--surface-overlay) + } + .lg\:focus\:surface-hover:focus { + background-color: var(--surface-hover) + } + .lg\:hover\:surface-hover:hover { + background-color: var(--surface-hover) + } + .lg\:active\:surface-hover:active { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-white { + background-color: #ffffff + } + .xl\:bg-transparent { + background-color: transparent + } + .xl\:bg-primary { + background-color: var(--primary-color) + } + .xl\:bg-primary-reverse { + background-color: var(--primary-color-text) + } + .xl\:surface-ground { + background-color: var(--surface-ground) + } + .xl\:surface-section { + background-color: var(--surface-section) + } + .xl\:surface-card { + background-color: var(--surface-card) + } + .xl\:surface-overlay { + background-color: var(--surface-overlay) + } + .xl\:surface-hover { + background-color: var(--surface-hover) + } + .xl\:focus\:bg-white:focus { + background-color: #ffffff + } + .xl\:hover\:bg-white:hover { + background-color: #ffffff + } + .xl\:active\:bg-white:active { + background-color: #ffffff + } + .xl\:focus\:bg-transparent:focus { + background-color: transparent + } + .xl\:hover\:bg-transparent:hover { + background-color: transparent + } + .xl\:active\:bg-transparent:active { + background-color: transparent + } + .xl\:focus\:bg-primary:focus { + background-color: var(--primary-color) + } + .xl\:hover\:bg-primary:hover { + background-color: var(--primary-color) + } + .xl\:active\:bg-primary:active { + background-color: var(--primary-color) + } + .xl\:focus\:bg-primary-reverse:focus { + background-color: var(--primary-color-text) + } + .xl\:hover\:bg-primary-reverse:hover { + background-color: var(--primary-color-text) + } + .xl\:active\:bg-primary-reverse:active { + background-color: var(--primary-color-text) + } + .xl\:focus\:surface-ground:focus { + background-color: var(--surface-ground) + } + .xl\:hover\:surface-ground:hover { + background-color: var(--surface-ground) + } + .xl\:active\:surface-ground:active { + background-color: var(--surface-ground) + } + .xl\:focus\:surface-section:focus { + background-color: var(--surface-section) + } + .xl\:hover\:surface-section:hover { + background-color: var(--surface-section) + } + .xl\:active\:surface-section:active { + background-color: var(--surface-section) + } + .xl\:focus\:surface-card:focus { + background-color: var(--surface-card) + } + .xl\:hover\:surface-card:hover { + background-color: var(--surface-card) + } + .xl\:active\:surface-card:active { + background-color: var(--surface-card) + } + .xl\:focus\:surface-overlay:focus { + background-color: var(--surface-overlay) + } + .xl\:hover\:surface-overlay:hover { + background-color: var(--surface-overlay) + } + .xl\:active\:surface-overlay:active { + background-color: var(--surface-overlay) + } + .xl\:focus\:surface-hover:focus { + background-color: var(--surface-hover) + } + .xl\:hover\:surface-hover:hover { + background-color: var(--surface-hover) + } + .xl\:active\:surface-hover:active { + background-color: var(--surface-hover) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white) { + background-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-transparent) { + background-color: transparent +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary) { + background-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-reverse) { + background-color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-ground) { + background-color: var(--surface-ground) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-section) { + background-color: var(--surface-section) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-card) { + background-color: var(--surface-card) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-overlay) { + background-color: var(--surface-overlay) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-hover) { + background-color: var(--surface-hover) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white:focus) { + background-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white:hover) { + background-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white:active) { + background-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-transparent:focus) { + background-color: transparent +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-transparent:hover) { + background-color: transparent +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-transparent:active) { + background-color: transparent +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary:focus) { + background-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary:hover) { + background-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary:active) { + background-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-reverse:focus) { + background-color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-reverse:hover) { + background-color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-reverse:active) { + background-color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-ground:focus) { + background-color: var(--surface-ground) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-ground:hover) { + background-color: var(--surface-ground) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-ground:active) { + background-color: var(--surface-ground) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-section:focus) { + background-color: var(--surface-section) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-section:hover) { + background-color: var(--surface-section) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-section:active) { + background-color: var(--surface-section) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-card:focus) { + background-color: var(--surface-card) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-card:hover) { + background-color: var(--surface-card) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-card:active) { + background-color: var(--surface-card) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-overlay:focus) { + background-color: var(--surface-overlay) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-overlay:hover) { + background-color: var(--surface-overlay) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-overlay:active) { + background-color: var(--surface-overlay) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-hover:focus) { + background-color: var(--surface-hover) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-hover:hover) { + background-color: var(--surface-hover) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-hover:active) { + background-color: var(--surface-hover) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-transparent) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-reverse) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-ground) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-section) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-card) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-overlay) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white:focus) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white:hover) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white:active) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-transparent:focus) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-transparent:hover) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-transparent:active) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary:focus) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary:hover) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary:active) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-reverse:focus) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-reverse:hover) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-reverse:active) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-ground:focus) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-ground:hover) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-ground:active) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-section:focus) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-section:hover) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-section:active) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-card:focus) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-card:hover) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-card:active) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-overlay:focus) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-overlay:hover) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-overlay:active) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-hover:focus) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-hover:hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-hover:active) { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-transparent) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-reverse) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-ground) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-section) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-card) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-overlay) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white:focus) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white:hover) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white:active) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-transparent:focus) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-transparent:hover) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-transparent:active) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary:focus) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary:hover) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary:active) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-reverse:focus) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-reverse:hover) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-reverse:active) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-ground:focus) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-ground:hover) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-ground:active) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-section:focus) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-section:hover) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-section:active) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-card:focus) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-card:hover) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-card:active) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-overlay:focus) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-overlay:hover) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-overlay:active) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-hover:focus) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-hover:hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-hover:active) { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-transparent) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-reverse) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-ground) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-section) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-card) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-overlay) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white:focus) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white:hover) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white:active) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-transparent:focus) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-transparent:hover) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-transparent:active) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary:focus) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary:hover) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary:active) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-reverse:focus) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-reverse:hover) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-reverse:active) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-ground:focus) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-ground:hover) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-ground:active) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-section:focus) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-section:hover) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-section:active) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-card:focus) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-card:hover) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-card:active) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-overlay:focus) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-overlay:hover) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-overlay:active) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-hover:focus) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-hover:hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-hover:active) { + background-color: var(--surface-hover) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-transparent) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-reverse) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-ground) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-section) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-card) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-overlay) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white:focus) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white:hover) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white:active) { + background-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-transparent:focus) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-transparent:hover) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-transparent:active) { + background-color: transparent + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary:focus) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary:hover) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary:active) { + background-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-reverse:focus) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-reverse:hover) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-reverse:active) { + background-color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-ground:focus) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-ground:hover) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-ground:active) { + background-color: var(--surface-ground) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-section:focus) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-section:hover) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-section:active) { + background-color: var(--surface-section) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-card:focus) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-card:hover) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-card:active) { + background-color: var(--surface-card) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-overlay:focus) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-overlay:hover) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-overlay:active) { + background-color: var(--surface-overlay) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-hover:focus) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-hover:hover) { + background-color: var(--surface-hover) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-hover:active) { + background-color: var(--surface-hover) + } +} +.bg-blue-50 { + background-color: var(--blue-50) +} +.bg-blue-50\/10 { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.bg-blue-50\/20 { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.bg-blue-50\/30 { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.bg-blue-50\/40 { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.bg-blue-50\/50 { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.bg-blue-50\/60 { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.bg-blue-50\/70 { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.bg-blue-50\/80 { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.bg-blue-50\/90 { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.bg-blue-100 { + background-color: var(--blue-100) +} +.bg-blue-100\/10 { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.bg-blue-100\/20 { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.bg-blue-100\/30 { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.bg-blue-100\/40 { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.bg-blue-100\/50 { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.bg-blue-100\/60 { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.bg-blue-100\/70 { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.bg-blue-100\/80 { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.bg-blue-100\/90 { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.bg-blue-200 { + background-color: var(--blue-200) +} +.bg-blue-200\/10 { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.bg-blue-200\/20 { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.bg-blue-200\/30 { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.bg-blue-200\/40 { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.bg-blue-200\/50 { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.bg-blue-200\/60 { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.bg-blue-200\/70 { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.bg-blue-200\/80 { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.bg-blue-200\/90 { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.bg-blue-300 { + background-color: var(--blue-300) +} +.bg-blue-300\/10 { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.bg-blue-300\/20 { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.bg-blue-300\/30 { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.bg-blue-300\/40 { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.bg-blue-300\/50 { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.bg-blue-300\/60 { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.bg-blue-300\/70 { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.bg-blue-300\/80 { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.bg-blue-300\/90 { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.bg-blue-400 { + background-color: var(--blue-400) +} +.bg-blue-400\/10 { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.bg-blue-400\/20 { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.bg-blue-400\/30 { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.bg-blue-400\/40 { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.bg-blue-400\/50 { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.bg-blue-400\/60 { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.bg-blue-400\/70 { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.bg-blue-400\/80 { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.bg-blue-400\/90 { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.bg-blue-500 { + background-color: var(--blue-500) +} +.bg-blue-500\/10 { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.bg-blue-500\/20 { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.bg-blue-500\/30 { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.bg-blue-500\/40 { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.bg-blue-500\/50 { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.bg-blue-500\/60 { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.bg-blue-500\/70 { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.bg-blue-500\/80 { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.bg-blue-500\/90 { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.bg-blue-600 { + background-color: var(--blue-600) +} +.bg-blue-600\/10 { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.bg-blue-600\/20 { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.bg-blue-600\/30 { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.bg-blue-600\/40 { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.bg-blue-600\/50 { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.bg-blue-600\/60 { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.bg-blue-600\/70 { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.bg-blue-600\/80 { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.bg-blue-600\/90 { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.bg-blue-700 { + background-color: var(--blue-700) +} +.bg-blue-700\/10 { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.bg-blue-700\/20 { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.bg-blue-700\/30 { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.bg-blue-700\/40 { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.bg-blue-700\/50 { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.bg-blue-700\/60 { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.bg-blue-700\/70 { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.bg-blue-700\/80 { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.bg-blue-700\/90 { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.bg-blue-800 { + background-color: var(--blue-800) +} +.bg-blue-800\/10 { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.bg-blue-800\/20 { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.bg-blue-800\/30 { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.bg-blue-800\/40 { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.bg-blue-800\/50 { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.bg-blue-800\/60 { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.bg-blue-800\/70 { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.bg-blue-800\/80 { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.bg-blue-800\/90 { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.bg-blue-900 { + background-color: var(--blue-900) +} +.bg-blue-900\/10 { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.bg-blue-900\/20 { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.bg-blue-900\/30 { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.bg-blue-900\/40 { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.bg-blue-900\/50 { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.bg-blue-900\/60 { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.bg-blue-900\/70 { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.bg-blue-900\/80 { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.bg-blue-900\/90 { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.bg-green-50 { + background-color: var(--green-50) +} +.bg-green-50\/10 { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.bg-green-50\/20 { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.bg-green-50\/30 { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.bg-green-50\/40 { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.bg-green-50\/50 { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.bg-green-50\/60 { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.bg-green-50\/70 { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.bg-green-50\/80 { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.bg-green-50\/90 { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.bg-green-100 { + background-color: var(--green-100) +} +.bg-green-100\/10 { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.bg-green-100\/20 { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.bg-green-100\/30 { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.bg-green-100\/40 { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.bg-green-100\/50 { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.bg-green-100\/60 { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.bg-green-100\/70 { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.bg-green-100\/80 { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.bg-green-100\/90 { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.bg-green-200 { + background-color: var(--green-200) +} +.bg-green-200\/10 { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.bg-green-200\/20 { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.bg-green-200\/30 { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.bg-green-200\/40 { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.bg-green-200\/50 { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.bg-green-200\/60 { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.bg-green-200\/70 { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.bg-green-200\/80 { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.bg-green-200\/90 { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.bg-green-300 { + background-color: var(--green-300) +} +.bg-green-300\/10 { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.bg-green-300\/20 { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.bg-green-300\/30 { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.bg-green-300\/40 { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.bg-green-300\/50 { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.bg-green-300\/60 { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.bg-green-300\/70 { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.bg-green-300\/80 { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.bg-green-300\/90 { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.bg-green-400 { + background-color: var(--green-400) +} +.bg-green-400\/10 { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.bg-green-400\/20 { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.bg-green-400\/30 { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.bg-green-400\/40 { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.bg-green-400\/50 { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.bg-green-400\/60 { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.bg-green-400\/70 { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.bg-green-400\/80 { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.bg-green-400\/90 { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.bg-green-500 { + background-color: var(--green-500) +} +.bg-green-500\/10 { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.bg-green-500\/20 { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.bg-green-500\/30 { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.bg-green-500\/40 { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.bg-green-500\/50 { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.bg-green-500\/60 { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.bg-green-500\/70 { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.bg-green-500\/80 { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.bg-green-500\/90 { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.bg-green-600 { + background-color: var(--green-600) +} +.bg-green-600\/10 { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.bg-green-600\/20 { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.bg-green-600\/30 { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.bg-green-600\/40 { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.bg-green-600\/50 { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.bg-green-600\/60 { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.bg-green-600\/70 { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.bg-green-600\/80 { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.bg-green-600\/90 { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.bg-green-700 { + background-color: var(--green-700) +} +.bg-green-700\/10 { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.bg-green-700\/20 { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.bg-green-700\/30 { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.bg-green-700\/40 { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.bg-green-700\/50 { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.bg-green-700\/60 { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.bg-green-700\/70 { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.bg-green-700\/80 { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.bg-green-700\/90 { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.bg-green-800 { + background-color: var(--green-800) +} +.bg-green-800\/10 { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.bg-green-800\/20 { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.bg-green-800\/30 { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.bg-green-800\/40 { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.bg-green-800\/50 { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.bg-green-800\/60 { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.bg-green-800\/70 { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.bg-green-800\/80 { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.bg-green-800\/90 { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.bg-green-900 { + background-color: var(--green-900) +} +.bg-green-900\/10 { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.bg-green-900\/20 { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.bg-green-900\/30 { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.bg-green-900\/40 { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.bg-green-900\/50 { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.bg-green-900\/60 { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.bg-green-900\/70 { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.bg-green-900\/80 { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.bg-green-900\/90 { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.bg-yellow-50 { + background-color: var(--yellow-50) +} +.bg-yellow-50\/10 { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.bg-yellow-50\/20 { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.bg-yellow-50\/30 { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.bg-yellow-50\/40 { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.bg-yellow-50\/50 { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.bg-yellow-50\/60 { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.bg-yellow-50\/70 { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.bg-yellow-50\/80 { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.bg-yellow-50\/90 { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.bg-yellow-100 { + background-color: var(--yellow-100) +} +.bg-yellow-100\/10 { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.bg-yellow-100\/20 { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.bg-yellow-100\/30 { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.bg-yellow-100\/40 { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.bg-yellow-100\/50 { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.bg-yellow-100\/60 { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.bg-yellow-100\/70 { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.bg-yellow-100\/80 { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.bg-yellow-100\/90 { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.bg-yellow-200 { + background-color: var(--yellow-200) +} +.bg-yellow-200\/10 { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.bg-yellow-200\/20 { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.bg-yellow-200\/30 { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.bg-yellow-200\/40 { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.bg-yellow-200\/50 { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.bg-yellow-200\/60 { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.bg-yellow-200\/70 { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.bg-yellow-200\/80 { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.bg-yellow-200\/90 { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.bg-yellow-300 { + background-color: var(--yellow-300) +} +.bg-yellow-300\/10 { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.bg-yellow-300\/20 { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.bg-yellow-300\/30 { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.bg-yellow-300\/40 { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.bg-yellow-300\/50 { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.bg-yellow-300\/60 { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.bg-yellow-300\/70 { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.bg-yellow-300\/80 { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.bg-yellow-300\/90 { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.bg-yellow-400 { + background-color: var(--yellow-400) +} +.bg-yellow-400\/10 { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.bg-yellow-400\/20 { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.bg-yellow-400\/30 { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.bg-yellow-400\/40 { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.bg-yellow-400\/50 { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.bg-yellow-400\/60 { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.bg-yellow-400\/70 { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.bg-yellow-400\/80 { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.bg-yellow-400\/90 { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.bg-yellow-500 { + background-color: var(--yellow-500) +} +.bg-yellow-500\/10 { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.bg-yellow-500\/20 { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.bg-yellow-500\/30 { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.bg-yellow-500\/40 { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.bg-yellow-500\/50 { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.bg-yellow-500\/60 { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.bg-yellow-500\/70 { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.bg-yellow-500\/80 { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.bg-yellow-500\/90 { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.bg-yellow-600 { + background-color: var(--yellow-600) +} +.bg-yellow-600\/10 { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.bg-yellow-600\/20 { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.bg-yellow-600\/30 { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.bg-yellow-600\/40 { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.bg-yellow-600\/50 { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.bg-yellow-600\/60 { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.bg-yellow-600\/70 { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.bg-yellow-600\/80 { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.bg-yellow-600\/90 { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.bg-yellow-700 { + background-color: var(--yellow-700) +} +.bg-yellow-700\/10 { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.bg-yellow-700\/20 { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.bg-yellow-700\/30 { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.bg-yellow-700\/40 { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.bg-yellow-700\/50 { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.bg-yellow-700\/60 { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.bg-yellow-700\/70 { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.bg-yellow-700\/80 { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.bg-yellow-700\/90 { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.bg-yellow-800 { + background-color: var(--yellow-800) +} +.bg-yellow-800\/10 { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.bg-yellow-800\/20 { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.bg-yellow-800\/30 { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.bg-yellow-800\/40 { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.bg-yellow-800\/50 { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.bg-yellow-800\/60 { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.bg-yellow-800\/70 { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.bg-yellow-800\/80 { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.bg-yellow-800\/90 { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.bg-yellow-900 { + background-color: var(--yellow-900) +} +.bg-yellow-900\/10 { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.bg-yellow-900\/20 { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.bg-yellow-900\/30 { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.bg-yellow-900\/40 { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.bg-yellow-900\/50 { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.bg-yellow-900\/60 { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.bg-yellow-900\/70 { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.bg-yellow-900\/80 { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.bg-yellow-900\/90 { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.bg-cyan-50 { + background-color: var(--cyan-50) +} +.bg-cyan-50\/10 { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.bg-cyan-50\/20 { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.bg-cyan-50\/30 { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.bg-cyan-50\/40 { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.bg-cyan-50\/50 { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.bg-cyan-50\/60 { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.bg-cyan-50\/70 { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.bg-cyan-50\/80 { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.bg-cyan-50\/90 { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.bg-cyan-100 { + background-color: var(--cyan-100) +} +.bg-cyan-100\/10 { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.bg-cyan-100\/20 { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.bg-cyan-100\/30 { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.bg-cyan-100\/40 { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.bg-cyan-100\/50 { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.bg-cyan-100\/60 { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.bg-cyan-100\/70 { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.bg-cyan-100\/80 { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.bg-cyan-100\/90 { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.bg-cyan-200 { + background-color: var(--cyan-200) +} +.bg-cyan-200\/10 { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.bg-cyan-200\/20 { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.bg-cyan-200\/30 { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.bg-cyan-200\/40 { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.bg-cyan-200\/50 { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.bg-cyan-200\/60 { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.bg-cyan-200\/70 { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.bg-cyan-200\/80 { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.bg-cyan-200\/90 { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.bg-cyan-300 { + background-color: var(--cyan-300) +} +.bg-cyan-300\/10 { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.bg-cyan-300\/20 { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.bg-cyan-300\/30 { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.bg-cyan-300\/40 { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.bg-cyan-300\/50 { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.bg-cyan-300\/60 { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.bg-cyan-300\/70 { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.bg-cyan-300\/80 { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.bg-cyan-300\/90 { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.bg-cyan-400 { + background-color: var(--cyan-400) +} +.bg-cyan-400\/10 { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.bg-cyan-400\/20 { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.bg-cyan-400\/30 { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.bg-cyan-400\/40 { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.bg-cyan-400\/50 { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.bg-cyan-400\/60 { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.bg-cyan-400\/70 { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.bg-cyan-400\/80 { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.bg-cyan-400\/90 { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.bg-cyan-500 { + background-color: var(--cyan-500) +} +.bg-cyan-500\/10 { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.bg-cyan-500\/20 { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.bg-cyan-500\/30 { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.bg-cyan-500\/40 { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.bg-cyan-500\/50 { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.bg-cyan-500\/60 { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.bg-cyan-500\/70 { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.bg-cyan-500\/80 { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.bg-cyan-500\/90 { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.bg-cyan-600 { + background-color: var(--cyan-600) +} +.bg-cyan-600\/10 { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.bg-cyan-600\/20 { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.bg-cyan-600\/30 { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.bg-cyan-600\/40 { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.bg-cyan-600\/50 { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.bg-cyan-600\/60 { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.bg-cyan-600\/70 { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.bg-cyan-600\/80 { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.bg-cyan-600\/90 { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.bg-cyan-700 { + background-color: var(--cyan-700) +} +.bg-cyan-700\/10 { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.bg-cyan-700\/20 { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.bg-cyan-700\/30 { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.bg-cyan-700\/40 { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.bg-cyan-700\/50 { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.bg-cyan-700\/60 { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.bg-cyan-700\/70 { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.bg-cyan-700\/80 { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.bg-cyan-700\/90 { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.bg-cyan-800 { + background-color: var(--cyan-800) +} +.bg-cyan-800\/10 { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.bg-cyan-800\/20 { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.bg-cyan-800\/30 { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.bg-cyan-800\/40 { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.bg-cyan-800\/50 { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.bg-cyan-800\/60 { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.bg-cyan-800\/70 { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.bg-cyan-800\/80 { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.bg-cyan-800\/90 { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.bg-cyan-900 { + background-color: var(--cyan-900) +} +.bg-cyan-900\/10 { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.bg-cyan-900\/20 { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.bg-cyan-900\/30 { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.bg-cyan-900\/40 { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.bg-cyan-900\/50 { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.bg-cyan-900\/60 { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.bg-cyan-900\/70 { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.bg-cyan-900\/80 { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.bg-cyan-900\/90 { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.bg-pink-50 { + background-color: var(--pink-50) +} +.bg-pink-50\/10 { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.bg-pink-50\/20 { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.bg-pink-50\/30 { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.bg-pink-50\/40 { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.bg-pink-50\/50 { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.bg-pink-50\/60 { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.bg-pink-50\/70 { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.bg-pink-50\/80 { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.bg-pink-50\/90 { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.bg-pink-100 { + background-color: var(--pink-100) +} +.bg-pink-100\/10 { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.bg-pink-100\/20 { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.bg-pink-100\/30 { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.bg-pink-100\/40 { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.bg-pink-100\/50 { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.bg-pink-100\/60 { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.bg-pink-100\/70 { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.bg-pink-100\/80 { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.bg-pink-100\/90 { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.bg-pink-200 { + background-color: var(--pink-200) +} +.bg-pink-200\/10 { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.bg-pink-200\/20 { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.bg-pink-200\/30 { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.bg-pink-200\/40 { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.bg-pink-200\/50 { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.bg-pink-200\/60 { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.bg-pink-200\/70 { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.bg-pink-200\/80 { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.bg-pink-200\/90 { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.bg-pink-300 { + background-color: var(--pink-300) +} +.bg-pink-300\/10 { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.bg-pink-300\/20 { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.bg-pink-300\/30 { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.bg-pink-300\/40 { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.bg-pink-300\/50 { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.bg-pink-300\/60 { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.bg-pink-300\/70 { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.bg-pink-300\/80 { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.bg-pink-300\/90 { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.bg-pink-400 { + background-color: var(--pink-400) +} +.bg-pink-400\/10 { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.bg-pink-400\/20 { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.bg-pink-400\/30 { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.bg-pink-400\/40 { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.bg-pink-400\/50 { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.bg-pink-400\/60 { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.bg-pink-400\/70 { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.bg-pink-400\/80 { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.bg-pink-400\/90 { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.bg-pink-500 { + background-color: var(--pink-500) +} +.bg-pink-500\/10 { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.bg-pink-500\/20 { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.bg-pink-500\/30 { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.bg-pink-500\/40 { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.bg-pink-500\/50 { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.bg-pink-500\/60 { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.bg-pink-500\/70 { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.bg-pink-500\/80 { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.bg-pink-500\/90 { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.bg-pink-600 { + background-color: var(--pink-600) +} +.bg-pink-600\/10 { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.bg-pink-600\/20 { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.bg-pink-600\/30 { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.bg-pink-600\/40 { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.bg-pink-600\/50 { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.bg-pink-600\/60 { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.bg-pink-600\/70 { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.bg-pink-600\/80 { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.bg-pink-600\/90 { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.bg-pink-700 { + background-color: var(--pink-700) +} +.bg-pink-700\/10 { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.bg-pink-700\/20 { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.bg-pink-700\/30 { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.bg-pink-700\/40 { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.bg-pink-700\/50 { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.bg-pink-700\/60 { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.bg-pink-700\/70 { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.bg-pink-700\/80 { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.bg-pink-700\/90 { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.bg-pink-800 { + background-color: var(--pink-800) +} +.bg-pink-800\/10 { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.bg-pink-800\/20 { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.bg-pink-800\/30 { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.bg-pink-800\/40 { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.bg-pink-800\/50 { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.bg-pink-800\/60 { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.bg-pink-800\/70 { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.bg-pink-800\/80 { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.bg-pink-800\/90 { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.bg-pink-900 { + background-color: var(--pink-900) +} +.bg-pink-900\/10 { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.bg-pink-900\/20 { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.bg-pink-900\/30 { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.bg-pink-900\/40 { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.bg-pink-900\/50 { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.bg-pink-900\/60 { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.bg-pink-900\/70 { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.bg-pink-900\/80 { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.bg-pink-900\/90 { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.bg-indigo-50 { + background-color: var(--indigo-50) +} +.bg-indigo-50\/10 { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.bg-indigo-50\/20 { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.bg-indigo-50\/30 { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.bg-indigo-50\/40 { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.bg-indigo-50\/50 { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.bg-indigo-50\/60 { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.bg-indigo-50\/70 { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.bg-indigo-50\/80 { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.bg-indigo-50\/90 { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.bg-indigo-100 { + background-color: var(--indigo-100) +} +.bg-indigo-100\/10 { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.bg-indigo-100\/20 { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.bg-indigo-100\/30 { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.bg-indigo-100\/40 { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.bg-indigo-100\/50 { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.bg-indigo-100\/60 { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.bg-indigo-100\/70 { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.bg-indigo-100\/80 { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.bg-indigo-100\/90 { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.bg-indigo-200 { + background-color: var(--indigo-200) +} +.bg-indigo-200\/10 { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.bg-indigo-200\/20 { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.bg-indigo-200\/30 { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.bg-indigo-200\/40 { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.bg-indigo-200\/50 { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.bg-indigo-200\/60 { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.bg-indigo-200\/70 { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.bg-indigo-200\/80 { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.bg-indigo-200\/90 { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.bg-indigo-300 { + background-color: var(--indigo-300) +} +.bg-indigo-300\/10 { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.bg-indigo-300\/20 { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.bg-indigo-300\/30 { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.bg-indigo-300\/40 { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.bg-indigo-300\/50 { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.bg-indigo-300\/60 { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.bg-indigo-300\/70 { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.bg-indigo-300\/80 { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.bg-indigo-300\/90 { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.bg-indigo-400 { + background-color: var(--indigo-400) +} +.bg-indigo-400\/10 { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.bg-indigo-400\/20 { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.bg-indigo-400\/30 { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.bg-indigo-400\/40 { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.bg-indigo-400\/50 { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.bg-indigo-400\/60 { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.bg-indigo-400\/70 { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.bg-indigo-400\/80 { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.bg-indigo-400\/90 { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.bg-indigo-500 { + background-color: var(--indigo-500) +} +.bg-indigo-500\/10 { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.bg-indigo-500\/20 { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.bg-indigo-500\/30 { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.bg-indigo-500\/40 { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.bg-indigo-500\/50 { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.bg-indigo-500\/60 { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.bg-indigo-500\/70 { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.bg-indigo-500\/80 { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.bg-indigo-500\/90 { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.bg-indigo-600 { + background-color: var(--indigo-600) +} +.bg-indigo-600\/10 { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.bg-indigo-600\/20 { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.bg-indigo-600\/30 { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.bg-indigo-600\/40 { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.bg-indigo-600\/50 { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.bg-indigo-600\/60 { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.bg-indigo-600\/70 { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.bg-indigo-600\/80 { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.bg-indigo-600\/90 { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.bg-indigo-700 { + background-color: var(--indigo-700) +} +.bg-indigo-700\/10 { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.bg-indigo-700\/20 { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.bg-indigo-700\/30 { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.bg-indigo-700\/40 { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.bg-indigo-700\/50 { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.bg-indigo-700\/60 { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.bg-indigo-700\/70 { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.bg-indigo-700\/80 { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.bg-indigo-700\/90 { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.bg-indigo-800 { + background-color: var(--indigo-800) +} +.bg-indigo-800\/10 { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.bg-indigo-800\/20 { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.bg-indigo-800\/30 { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.bg-indigo-800\/40 { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.bg-indigo-800\/50 { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.bg-indigo-800\/60 { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.bg-indigo-800\/70 { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.bg-indigo-800\/80 { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.bg-indigo-800\/90 { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.bg-indigo-900 { + background-color: var(--indigo-900) +} +.bg-indigo-900\/10 { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.bg-indigo-900\/20 { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.bg-indigo-900\/30 { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.bg-indigo-900\/40 { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.bg-indigo-900\/50 { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.bg-indigo-900\/60 { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.bg-indigo-900\/70 { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.bg-indigo-900\/80 { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.bg-indigo-900\/90 { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.bg-teal-50 { + background-color: var(--teal-50) +} +.bg-teal-50\/10 { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.bg-teal-50\/20 { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.bg-teal-50\/30 { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.bg-teal-50\/40 { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.bg-teal-50\/50 { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.bg-teal-50\/60 { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.bg-teal-50\/70 { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.bg-teal-50\/80 { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.bg-teal-50\/90 { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.bg-teal-100 { + background-color: var(--teal-100) +} +.bg-teal-100\/10 { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.bg-teal-100\/20 { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.bg-teal-100\/30 { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.bg-teal-100\/40 { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.bg-teal-100\/50 { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.bg-teal-100\/60 { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.bg-teal-100\/70 { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.bg-teal-100\/80 { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.bg-teal-100\/90 { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.bg-teal-200 { + background-color: var(--teal-200) +} +.bg-teal-200\/10 { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.bg-teal-200\/20 { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.bg-teal-200\/30 { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.bg-teal-200\/40 { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.bg-teal-200\/50 { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.bg-teal-200\/60 { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.bg-teal-200\/70 { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.bg-teal-200\/80 { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.bg-teal-200\/90 { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.bg-teal-300 { + background-color: var(--teal-300) +} +.bg-teal-300\/10 { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.bg-teal-300\/20 { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.bg-teal-300\/30 { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.bg-teal-300\/40 { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.bg-teal-300\/50 { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.bg-teal-300\/60 { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.bg-teal-300\/70 { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.bg-teal-300\/80 { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.bg-teal-300\/90 { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.bg-teal-400 { + background-color: var(--teal-400) +} +.bg-teal-400\/10 { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.bg-teal-400\/20 { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.bg-teal-400\/30 { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.bg-teal-400\/40 { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.bg-teal-400\/50 { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.bg-teal-400\/60 { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.bg-teal-400\/70 { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.bg-teal-400\/80 { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.bg-teal-400\/90 { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.bg-teal-500 { + background-color: var(--teal-500) +} +.bg-teal-500\/10 { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.bg-teal-500\/20 { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.bg-teal-500\/30 { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.bg-teal-500\/40 { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.bg-teal-500\/50 { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.bg-teal-500\/60 { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.bg-teal-500\/70 { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.bg-teal-500\/80 { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.bg-teal-500\/90 { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.bg-teal-600 { + background-color: var(--teal-600) +} +.bg-teal-600\/10 { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.bg-teal-600\/20 { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.bg-teal-600\/30 { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.bg-teal-600\/40 { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.bg-teal-600\/50 { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.bg-teal-600\/60 { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.bg-teal-600\/70 { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.bg-teal-600\/80 { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.bg-teal-600\/90 { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.bg-teal-700 { + background-color: var(--teal-700) +} +.bg-teal-700\/10 { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.bg-teal-700\/20 { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.bg-teal-700\/30 { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.bg-teal-700\/40 { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.bg-teal-700\/50 { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.bg-teal-700\/60 { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.bg-teal-700\/70 { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.bg-teal-700\/80 { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.bg-teal-700\/90 { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.bg-teal-800 { + background-color: var(--teal-800) +} +.bg-teal-800\/10 { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.bg-teal-800\/20 { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.bg-teal-800\/30 { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.bg-teal-800\/40 { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.bg-teal-800\/50 { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.bg-teal-800\/60 { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.bg-teal-800\/70 { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.bg-teal-800\/80 { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.bg-teal-800\/90 { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.bg-teal-900 { + background-color: var(--teal-900) +} +.bg-teal-900\/10 { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.bg-teal-900\/20 { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.bg-teal-900\/30 { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.bg-teal-900\/40 { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.bg-teal-900\/50 { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.bg-teal-900\/60 { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.bg-teal-900\/70 { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.bg-teal-900\/80 { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.bg-teal-900\/90 { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.bg-orange-50 { + background-color: var(--orange-50) +} +.bg-orange-50\/10 { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.bg-orange-50\/20 { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.bg-orange-50\/30 { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.bg-orange-50\/40 { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.bg-orange-50\/50 { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.bg-orange-50\/60 { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.bg-orange-50\/70 { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.bg-orange-50\/80 { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.bg-orange-50\/90 { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.bg-orange-100 { + background-color: var(--orange-100) +} +.bg-orange-100\/10 { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.bg-orange-100\/20 { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.bg-orange-100\/30 { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.bg-orange-100\/40 { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.bg-orange-100\/50 { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.bg-orange-100\/60 { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.bg-orange-100\/70 { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.bg-orange-100\/80 { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.bg-orange-100\/90 { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.bg-orange-200 { + background-color: var(--orange-200) +} +.bg-orange-200\/10 { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.bg-orange-200\/20 { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.bg-orange-200\/30 { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.bg-orange-200\/40 { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.bg-orange-200\/50 { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.bg-orange-200\/60 { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.bg-orange-200\/70 { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.bg-orange-200\/80 { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.bg-orange-200\/90 { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.bg-orange-300 { + background-color: var(--orange-300) +} +.bg-orange-300\/10 { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.bg-orange-300\/20 { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.bg-orange-300\/30 { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.bg-orange-300\/40 { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.bg-orange-300\/50 { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.bg-orange-300\/60 { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.bg-orange-300\/70 { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.bg-orange-300\/80 { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.bg-orange-300\/90 { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.bg-orange-400 { + background-color: var(--orange-400) +} +.bg-orange-400\/10 { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.bg-orange-400\/20 { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.bg-orange-400\/30 { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.bg-orange-400\/40 { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.bg-orange-400\/50 { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.bg-orange-400\/60 { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.bg-orange-400\/70 { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.bg-orange-400\/80 { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.bg-orange-400\/90 { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.bg-orange-500 { + background-color: var(--orange-500) +} +.bg-orange-500\/10 { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.bg-orange-500\/20 { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.bg-orange-500\/30 { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.bg-orange-500\/40 { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.bg-orange-500\/50 { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.bg-orange-500\/60 { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.bg-orange-500\/70 { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.bg-orange-500\/80 { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.bg-orange-500\/90 { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.bg-orange-600 { + background-color: var(--orange-600) +} +.bg-orange-600\/10 { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.bg-orange-600\/20 { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.bg-orange-600\/30 { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.bg-orange-600\/40 { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.bg-orange-600\/50 { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.bg-orange-600\/60 { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.bg-orange-600\/70 { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.bg-orange-600\/80 { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.bg-orange-600\/90 { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.bg-orange-700 { + background-color: var(--orange-700) +} +.bg-orange-700\/10 { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.bg-orange-700\/20 { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.bg-orange-700\/30 { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.bg-orange-700\/40 { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.bg-orange-700\/50 { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.bg-orange-700\/60 { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.bg-orange-700\/70 { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.bg-orange-700\/80 { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.bg-orange-700\/90 { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.bg-orange-800 { + background-color: var(--orange-800) +} +.bg-orange-800\/10 { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.bg-orange-800\/20 { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.bg-orange-800\/30 { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.bg-orange-800\/40 { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.bg-orange-800\/50 { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.bg-orange-800\/60 { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.bg-orange-800\/70 { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.bg-orange-800\/80 { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.bg-orange-800\/90 { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.bg-orange-900 { + background-color: var(--orange-900) +} +.bg-orange-900\/10 { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.bg-orange-900\/20 { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.bg-orange-900\/30 { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.bg-orange-900\/40 { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.bg-orange-900\/50 { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.bg-orange-900\/60 { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.bg-orange-900\/70 { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.bg-orange-900\/80 { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.bg-orange-900\/90 { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.bg-bluegray-50 { + background-color: var(--bluegray-50) +} +.bg-bluegray-50\/10 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.bg-bluegray-50\/20 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.bg-bluegray-50\/30 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.bg-bluegray-50\/40 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.bg-bluegray-50\/50 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.bg-bluegray-50\/60 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.bg-bluegray-50\/70 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.bg-bluegray-50\/80 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.bg-bluegray-50\/90 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.bg-bluegray-100 { + background-color: var(--bluegray-100) +} +.bg-bluegray-100\/10 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.bg-bluegray-100\/20 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.bg-bluegray-100\/30 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.bg-bluegray-100\/40 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.bg-bluegray-100\/50 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.bg-bluegray-100\/60 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.bg-bluegray-100\/70 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.bg-bluegray-100\/80 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.bg-bluegray-100\/90 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.bg-bluegray-200 { + background-color: var(--bluegray-200) +} +.bg-bluegray-200\/10 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.bg-bluegray-200\/20 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.bg-bluegray-200\/30 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.bg-bluegray-200\/40 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.bg-bluegray-200\/50 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.bg-bluegray-200\/60 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.bg-bluegray-200\/70 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.bg-bluegray-200\/80 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.bg-bluegray-200\/90 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.bg-bluegray-300 { + background-color: var(--bluegray-300) +} +.bg-bluegray-300\/10 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.bg-bluegray-300\/20 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.bg-bluegray-300\/30 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.bg-bluegray-300\/40 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.bg-bluegray-300\/50 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.bg-bluegray-300\/60 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.bg-bluegray-300\/70 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.bg-bluegray-300\/80 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.bg-bluegray-300\/90 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.bg-bluegray-400 { + background-color: var(--bluegray-400) +} +.bg-bluegray-400\/10 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.bg-bluegray-400\/20 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.bg-bluegray-400\/30 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.bg-bluegray-400\/40 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.bg-bluegray-400\/50 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.bg-bluegray-400\/60 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.bg-bluegray-400\/70 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.bg-bluegray-400\/80 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.bg-bluegray-400\/90 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.bg-bluegray-500 { + background-color: var(--bluegray-500) +} +.bg-bluegray-500\/10 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.bg-bluegray-500\/20 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.bg-bluegray-500\/30 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.bg-bluegray-500\/40 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.bg-bluegray-500\/50 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.bg-bluegray-500\/60 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.bg-bluegray-500\/70 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.bg-bluegray-500\/80 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.bg-bluegray-500\/90 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.bg-bluegray-600 { + background-color: var(--bluegray-600) +} +.bg-bluegray-600\/10 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.bg-bluegray-600\/20 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.bg-bluegray-600\/30 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.bg-bluegray-600\/40 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.bg-bluegray-600\/50 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.bg-bluegray-600\/60 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.bg-bluegray-600\/70 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.bg-bluegray-600\/80 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.bg-bluegray-600\/90 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.bg-bluegray-700 { + background-color: var(--bluegray-700) +} +.bg-bluegray-700\/10 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.bg-bluegray-700\/20 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.bg-bluegray-700\/30 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.bg-bluegray-700\/40 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.bg-bluegray-700\/50 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.bg-bluegray-700\/60 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.bg-bluegray-700\/70 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.bg-bluegray-700\/80 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.bg-bluegray-700\/90 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.bg-bluegray-800 { + background-color: var(--bluegray-800) +} +.bg-bluegray-800\/10 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.bg-bluegray-800\/20 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.bg-bluegray-800\/30 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.bg-bluegray-800\/40 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.bg-bluegray-800\/50 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.bg-bluegray-800\/60 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.bg-bluegray-800\/70 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.bg-bluegray-800\/80 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.bg-bluegray-800\/90 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.bg-bluegray-900 { + background-color: var(--bluegray-900) +} +.bg-bluegray-900\/10 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.bg-bluegray-900\/20 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.bg-bluegray-900\/30 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.bg-bluegray-900\/40 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.bg-bluegray-900\/50 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.bg-bluegray-900\/60 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.bg-bluegray-900\/70 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.bg-bluegray-900\/80 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.bg-bluegray-900\/90 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.bg-purple-50 { + background-color: var(--purple-50) +} +.bg-purple-50\/10 { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.bg-purple-50\/20 { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.bg-purple-50\/30 { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.bg-purple-50\/40 { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.bg-purple-50\/50 { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.bg-purple-50\/60 { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.bg-purple-50\/70 { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.bg-purple-50\/80 { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.bg-purple-50\/90 { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.bg-purple-100 { + background-color: var(--purple-100) +} +.bg-purple-100\/10 { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.bg-purple-100\/20 { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.bg-purple-100\/30 { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.bg-purple-100\/40 { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.bg-purple-100\/50 { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.bg-purple-100\/60 { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.bg-purple-100\/70 { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.bg-purple-100\/80 { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.bg-purple-100\/90 { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.bg-purple-200 { + background-color: var(--purple-200) +} +.bg-purple-200\/10 { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.bg-purple-200\/20 { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.bg-purple-200\/30 { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.bg-purple-200\/40 { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.bg-purple-200\/50 { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.bg-purple-200\/60 { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.bg-purple-200\/70 { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.bg-purple-200\/80 { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.bg-purple-200\/90 { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.bg-purple-300 { + background-color: var(--purple-300) +} +.bg-purple-300\/10 { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.bg-purple-300\/20 { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.bg-purple-300\/30 { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.bg-purple-300\/40 { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.bg-purple-300\/50 { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.bg-purple-300\/60 { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.bg-purple-300\/70 { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.bg-purple-300\/80 { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.bg-purple-300\/90 { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.bg-purple-400 { + background-color: var(--purple-400) +} +.bg-purple-400\/10 { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.bg-purple-400\/20 { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.bg-purple-400\/30 { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.bg-purple-400\/40 { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.bg-purple-400\/50 { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.bg-purple-400\/60 { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.bg-purple-400\/70 { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.bg-purple-400\/80 { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.bg-purple-400\/90 { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.bg-purple-500 { + background-color: var(--purple-500) +} +.bg-purple-500\/10 { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.bg-purple-500\/20 { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.bg-purple-500\/30 { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.bg-purple-500\/40 { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.bg-purple-500\/50 { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.bg-purple-500\/60 { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.bg-purple-500\/70 { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.bg-purple-500\/80 { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.bg-purple-500\/90 { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.bg-purple-600 { + background-color: var(--purple-600) +} +.bg-purple-600\/10 { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.bg-purple-600\/20 { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.bg-purple-600\/30 { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.bg-purple-600\/40 { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.bg-purple-600\/50 { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.bg-purple-600\/60 { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.bg-purple-600\/70 { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.bg-purple-600\/80 { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.bg-purple-600\/90 { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.bg-purple-700 { + background-color: var(--purple-700) +} +.bg-purple-700\/10 { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.bg-purple-700\/20 { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.bg-purple-700\/30 { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.bg-purple-700\/40 { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.bg-purple-700\/50 { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.bg-purple-700\/60 { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.bg-purple-700\/70 { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.bg-purple-700\/80 { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.bg-purple-700\/90 { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.bg-purple-800 { + background-color: var(--purple-800) +} +.bg-purple-800\/10 { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.bg-purple-800\/20 { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.bg-purple-800\/30 { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.bg-purple-800\/40 { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.bg-purple-800\/50 { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.bg-purple-800\/60 { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.bg-purple-800\/70 { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.bg-purple-800\/80 { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.bg-purple-800\/90 { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.bg-purple-900 { + background-color: var(--purple-900) +} +.bg-purple-900\/10 { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.bg-purple-900\/20 { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.bg-purple-900\/30 { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.bg-purple-900\/40 { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.bg-purple-900\/50 { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.bg-purple-900\/60 { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.bg-purple-900\/70 { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.bg-purple-900\/80 { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.bg-purple-900\/90 { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.bg-red-50 { + background-color: var(--red-50) +} +.bg-red-50\/10 { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.bg-red-50\/20 { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.bg-red-50\/30 { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.bg-red-50\/40 { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.bg-red-50\/50 { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.bg-red-50\/60 { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.bg-red-50\/70 { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.bg-red-50\/80 { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.bg-red-50\/90 { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.bg-red-100 { + background-color: var(--red-100) +} +.bg-red-100\/10 { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.bg-red-100\/20 { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.bg-red-100\/30 { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.bg-red-100\/40 { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.bg-red-100\/50 { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.bg-red-100\/60 { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.bg-red-100\/70 { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.bg-red-100\/80 { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.bg-red-100\/90 { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.bg-red-200 { + background-color: var(--red-200) +} +.bg-red-200\/10 { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.bg-red-200\/20 { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.bg-red-200\/30 { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.bg-red-200\/40 { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.bg-red-200\/50 { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.bg-red-200\/60 { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.bg-red-200\/70 { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.bg-red-200\/80 { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.bg-red-200\/90 { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.bg-red-300 { + background-color: var(--red-300) +} +.bg-red-300\/10 { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.bg-red-300\/20 { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.bg-red-300\/30 { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.bg-red-300\/40 { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.bg-red-300\/50 { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.bg-red-300\/60 { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.bg-red-300\/70 { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.bg-red-300\/80 { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.bg-red-300\/90 { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.bg-red-400 { + background-color: var(--red-400) +} +.bg-red-400\/10 { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.bg-red-400\/20 { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.bg-red-400\/30 { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.bg-red-400\/40 { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.bg-red-400\/50 { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.bg-red-400\/60 { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.bg-red-400\/70 { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.bg-red-400\/80 { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.bg-red-400\/90 { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.bg-red-500 { + background-color: var(--red-500) +} +.bg-red-500\/10 { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.bg-red-500\/20 { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.bg-red-500\/30 { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.bg-red-500\/40 { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.bg-red-500\/50 { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.bg-red-500\/60 { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.bg-red-500\/70 { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.bg-red-500\/80 { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.bg-red-500\/90 { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.bg-red-600 { + background-color: var(--red-600) +} +.bg-red-600\/10 { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.bg-red-600\/20 { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.bg-red-600\/30 { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.bg-red-600\/40 { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.bg-red-600\/50 { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.bg-red-600\/60 { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.bg-red-600\/70 { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.bg-red-600\/80 { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.bg-red-600\/90 { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.bg-red-700 { + background-color: var(--red-700) +} +.bg-red-700\/10 { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.bg-red-700\/20 { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.bg-red-700\/30 { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.bg-red-700\/40 { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.bg-red-700\/50 { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.bg-red-700\/60 { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.bg-red-700\/70 { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.bg-red-700\/80 { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.bg-red-700\/90 { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.bg-red-800 { + background-color: var(--red-800) +} +.bg-red-800\/10 { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.bg-red-800\/20 { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.bg-red-800\/30 { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.bg-red-800\/40 { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.bg-red-800\/50 { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.bg-red-800\/60 { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.bg-red-800\/70 { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.bg-red-800\/80 { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.bg-red-800\/90 { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.bg-red-900 { + background-color: var(--red-900) +} +.bg-red-900\/10 { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.bg-red-900\/20 { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.bg-red-900\/30 { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.bg-red-900\/40 { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.bg-red-900\/50 { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.bg-red-900\/60 { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.bg-red-900\/70 { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.bg-red-900\/80 { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.bg-red-900\/90 { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.bg-gray-50 { + background-color: var(--gray-50) +} +.bg-gray-50\/10 { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.bg-gray-50\/20 { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.bg-gray-50\/30 { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.bg-gray-50\/40 { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.bg-gray-50\/50 { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.bg-gray-50\/60 { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.bg-gray-50\/70 { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.bg-gray-50\/80 { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.bg-gray-50\/90 { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.bg-gray-100 { + background-color: var(--gray-100) +} +.bg-gray-100\/10 { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.bg-gray-100\/20 { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.bg-gray-100\/30 { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.bg-gray-100\/40 { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.bg-gray-100\/50 { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.bg-gray-100\/60 { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.bg-gray-100\/70 { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.bg-gray-100\/80 { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.bg-gray-100\/90 { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.bg-gray-200 { + background-color: var(--gray-200) +} +.bg-gray-200\/10 { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.bg-gray-200\/20 { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.bg-gray-200\/30 { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.bg-gray-200\/40 { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.bg-gray-200\/50 { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.bg-gray-200\/60 { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.bg-gray-200\/70 { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.bg-gray-200\/80 { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.bg-gray-200\/90 { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.bg-gray-300 { + background-color: var(--gray-300) +} +.bg-gray-300\/10 { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.bg-gray-300\/20 { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.bg-gray-300\/30 { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.bg-gray-300\/40 { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.bg-gray-300\/50 { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.bg-gray-300\/60 { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.bg-gray-300\/70 { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.bg-gray-300\/80 { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.bg-gray-300\/90 { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.bg-gray-400 { + background-color: var(--gray-400) +} +.bg-gray-400\/10 { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.bg-gray-400\/20 { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.bg-gray-400\/30 { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.bg-gray-400\/40 { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.bg-gray-400\/50 { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.bg-gray-400\/60 { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.bg-gray-400\/70 { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.bg-gray-400\/80 { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.bg-gray-400\/90 { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.bg-gray-500 { + background-color: var(--gray-500) +} +.bg-gray-500\/10 { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.bg-gray-500\/20 { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.bg-gray-500\/30 { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.bg-gray-500\/40 { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.bg-gray-500\/50 { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.bg-gray-500\/60 { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.bg-gray-500\/70 { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.bg-gray-500\/80 { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.bg-gray-500\/90 { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.bg-gray-600 { + background-color: var(--gray-600) +} +.bg-gray-600\/10 { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.bg-gray-600\/20 { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.bg-gray-600\/30 { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.bg-gray-600\/40 { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.bg-gray-600\/50 { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.bg-gray-600\/60 { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.bg-gray-600\/70 { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.bg-gray-600\/80 { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.bg-gray-600\/90 { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.bg-gray-700 { + background-color: var(--gray-700) +} +.bg-gray-700\/10 { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.bg-gray-700\/20 { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.bg-gray-700\/30 { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.bg-gray-700\/40 { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.bg-gray-700\/50 { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.bg-gray-700\/60 { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.bg-gray-700\/70 { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.bg-gray-700\/80 { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.bg-gray-700\/90 { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.bg-gray-800 { + background-color: var(--gray-800) +} +.bg-gray-800\/10 { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.bg-gray-800\/20 { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.bg-gray-800\/30 { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.bg-gray-800\/40 { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.bg-gray-800\/50 { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.bg-gray-800\/60 { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.bg-gray-800\/70 { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.bg-gray-800\/80 { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.bg-gray-800\/90 { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.bg-gray-900 { + background-color: var(--gray-900) +} +.bg-gray-900\/10 { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.bg-gray-900\/20 { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.bg-gray-900\/30 { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.bg-gray-900\/40 { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.bg-gray-900\/50 { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.bg-gray-900\/60 { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.bg-gray-900\/70 { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.bg-gray-900\/80 { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.bg-gray-900\/90 { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.bg-surface-0 { + background-color: var(--surface-0) +} +.bg-surface-0\/10 { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.bg-surface-0\/20 { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.bg-surface-0\/30 { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.bg-surface-0\/40 { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.bg-surface-0\/50 { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.bg-surface-0\/60 { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.bg-surface-0\/70 { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.bg-surface-0\/80 { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.bg-surface-0\/90 { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.bg-surface-50 { + background-color: var(--surface-50) +} +.bg-surface-50\/10 { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.bg-surface-50\/20 { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.bg-surface-50\/30 { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.bg-surface-50\/40 { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.bg-surface-50\/50 { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.bg-surface-50\/60 { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.bg-surface-50\/70 { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.bg-surface-50\/80 { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.bg-surface-50\/90 { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.bg-surface-100 { + background-color: var(--surface-100) +} +.bg-surface-100\/10 { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.bg-surface-100\/20 { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.bg-surface-100\/30 { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.bg-surface-100\/40 { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.bg-surface-100\/50 { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.bg-surface-100\/60 { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.bg-surface-100\/70 { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.bg-surface-100\/80 { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.bg-surface-100\/90 { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.bg-surface-200 { + background-color: var(--surface-200) +} +.bg-surface-200\/10 { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.bg-surface-200\/20 { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.bg-surface-200\/30 { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.bg-surface-200\/40 { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.bg-surface-200\/50 { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.bg-surface-200\/60 { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.bg-surface-200\/70 { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.bg-surface-200\/80 { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.bg-surface-200\/90 { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.bg-surface-300 { + background-color: var(--surface-300) +} +.bg-surface-300\/10 { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.bg-surface-300\/20 { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.bg-surface-300\/30 { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.bg-surface-300\/40 { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.bg-surface-300\/50 { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.bg-surface-300\/60 { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.bg-surface-300\/70 { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.bg-surface-300\/80 { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.bg-surface-300\/90 { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.bg-surface-400 { + background-color: var(--surface-400) +} +.bg-surface-400\/10 { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.bg-surface-400\/20 { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.bg-surface-400\/30 { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.bg-surface-400\/40 { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.bg-surface-400\/50 { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.bg-surface-400\/60 { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.bg-surface-400\/70 { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.bg-surface-400\/80 { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.bg-surface-400\/90 { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.bg-surface-500 { + background-color: var(--surface-500) +} +.bg-surface-500\/10 { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.bg-surface-500\/20 { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.bg-surface-500\/30 { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.bg-surface-500\/40 { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.bg-surface-500\/50 { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.bg-surface-500\/60 { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.bg-surface-500\/70 { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.bg-surface-500\/80 { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.bg-surface-500\/90 { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.bg-surface-600 { + background-color: var(--surface-600) +} +.bg-surface-600\/10 { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.bg-surface-600\/20 { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.bg-surface-600\/30 { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.bg-surface-600\/40 { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.bg-surface-600\/50 { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.bg-surface-600\/60 { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.bg-surface-600\/70 { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.bg-surface-600\/80 { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.bg-surface-600\/90 { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.bg-surface-700 { + background-color: var(--surface-700) +} +.bg-surface-700\/10 { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.bg-surface-700\/20 { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.bg-surface-700\/30 { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.bg-surface-700\/40 { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.bg-surface-700\/50 { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.bg-surface-700\/60 { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.bg-surface-700\/70 { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.bg-surface-700\/80 { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.bg-surface-700\/90 { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.bg-surface-800 { + background-color: var(--surface-800) +} +.bg-surface-800\/10 { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.bg-surface-800\/20 { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.bg-surface-800\/30 { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.bg-surface-800\/40 { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.bg-surface-800\/50 { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.bg-surface-800\/60 { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.bg-surface-800\/70 { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.bg-surface-800\/80 { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.bg-surface-800\/90 { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.bg-surface-900 { + background-color: var(--surface-900) +} +.bg-surface-900\/10 { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.bg-surface-900\/20 { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.bg-surface-900\/30 { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.bg-surface-900\/40 { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.bg-surface-900\/50 { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.bg-surface-900\/60 { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.bg-surface-900\/70 { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.bg-surface-900\/80 { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.bg-surface-900\/90 { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.bg-primary-50 { + background-color: var(--primary-50) +} +.bg-primary-50\/10 { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.bg-primary-50\/20 { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.bg-primary-50\/30 { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.bg-primary-50\/40 { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.bg-primary-50\/50 { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.bg-primary-50\/60 { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.bg-primary-50\/70 { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.bg-primary-50\/80 { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.bg-primary-50\/90 { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.bg-primary-100 { + background-color: var(--primary-100) +} +.bg-primary-100\/10 { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.bg-primary-100\/20 { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.bg-primary-100\/30 { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.bg-primary-100\/40 { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.bg-primary-100\/50 { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.bg-primary-100\/60 { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.bg-primary-100\/70 { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.bg-primary-100\/80 { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.bg-primary-100\/90 { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.bg-primary-200 { + background-color: var(--primary-200) +} +.bg-primary-200\/10 { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.bg-primary-200\/20 { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.bg-primary-200\/30 { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.bg-primary-200\/40 { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.bg-primary-200\/50 { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.bg-primary-200\/60 { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.bg-primary-200\/70 { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.bg-primary-200\/80 { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.bg-primary-200\/90 { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.bg-primary-300 { + background-color: var(--primary-300) +} +.bg-primary-300\/10 { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.bg-primary-300\/20 { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.bg-primary-300\/30 { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.bg-primary-300\/40 { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.bg-primary-300\/50 { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.bg-primary-300\/60 { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.bg-primary-300\/70 { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.bg-primary-300\/80 { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.bg-primary-300\/90 { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.bg-primary-400 { + background-color: var(--primary-400) +} +.bg-primary-400\/10 { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.bg-primary-400\/20 { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.bg-primary-400\/30 { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.bg-primary-400\/40 { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.bg-primary-400\/50 { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.bg-primary-400\/60 { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.bg-primary-400\/70 { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.bg-primary-400\/80 { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.bg-primary-400\/90 { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.bg-primary-500 { + background-color: var(--primary-500) +} +.bg-primary-500\/10 { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.bg-primary-500\/20 { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.bg-primary-500\/30 { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.bg-primary-500\/40 { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.bg-primary-500\/50 { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.bg-primary-500\/60 { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.bg-primary-500\/70 { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.bg-primary-500\/80 { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.bg-primary-500\/90 { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.bg-primary-600 { + background-color: var(--primary-600) +} +.bg-primary-600\/10 { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.bg-primary-600\/20 { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.bg-primary-600\/30 { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.bg-primary-600\/40 { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.bg-primary-600\/50 { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.bg-primary-600\/60 { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.bg-primary-600\/70 { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.bg-primary-600\/80 { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.bg-primary-600\/90 { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.bg-primary-700 { + background-color: var(--primary-700) +} +.bg-primary-700\/10 { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.bg-primary-700\/20 { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.bg-primary-700\/30 { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.bg-primary-700\/40 { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.bg-primary-700\/50 { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.bg-primary-700\/60 { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.bg-primary-700\/70 { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.bg-primary-700\/80 { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.bg-primary-700\/90 { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.bg-primary-800 { + background-color: var(--primary-800) +} +.bg-primary-800\/10 { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.bg-primary-800\/20 { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.bg-primary-800\/30 { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.bg-primary-800\/40 { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.bg-primary-800\/50 { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.bg-primary-800\/60 { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.bg-primary-800\/70 { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.bg-primary-800\/80 { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.bg-primary-800\/90 { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.bg-primary-900 { + background-color: var(--primary-900) +} +.bg-primary-900\/10 { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.bg-primary-900\/20 { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.bg-primary-900\/30 { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.bg-primary-900\/40 { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.bg-primary-900\/50 { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.bg-primary-900\/60 { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.bg-primary-900\/70 { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.bg-primary-900\/80 { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.bg-primary-900\/90 { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:bg-blue-50:focus { + background-color: var(--blue-50) +} +.hover\:bg-blue-50:hover { + background-color: var(--blue-50) +} +.active\:bg-blue-50:active { + background-color: var(--blue-50) +} +.focus\:bg-blue-50\/10:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:bg-blue-50\/10:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:bg-blue-50\/10:active { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:bg-blue-50\/20:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:bg-blue-50\/20:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:bg-blue-50\/20:active { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:bg-blue-50\/30:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:bg-blue-50\/30:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:bg-blue-50\/30:active { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:bg-blue-50\/40:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:bg-blue-50\/40:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:bg-blue-50\/40:active { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:bg-blue-50\/50:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:bg-blue-50\/50:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:bg-blue-50\/50:active { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:bg-blue-50\/60:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:bg-blue-50\/60:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:bg-blue-50\/60:active { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:bg-blue-50\/70:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:bg-blue-50\/70:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:bg-blue-50\/70:active { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:bg-blue-50\/80:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:bg-blue-50\/80:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:bg-blue-50\/80:active { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:bg-blue-50\/90:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:bg-blue-50\/90:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:bg-blue-50\/90:active { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:bg-blue-100:focus { + background-color: var(--blue-100) +} +.hover\:bg-blue-100:hover { + background-color: var(--blue-100) +} +.active\:bg-blue-100:active { + background-color: var(--blue-100) +} +.focus\:bg-blue-100\/10:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:bg-blue-100\/10:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:bg-blue-100\/10:active { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:bg-blue-100\/20:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:bg-blue-100\/20:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:bg-blue-100\/20:active { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:bg-blue-100\/30:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:bg-blue-100\/30:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:bg-blue-100\/30:active { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:bg-blue-100\/40:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:bg-blue-100\/40:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:bg-blue-100\/40:active { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:bg-blue-100\/50:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:bg-blue-100\/50:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:bg-blue-100\/50:active { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:bg-blue-100\/60:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:bg-blue-100\/60:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:bg-blue-100\/60:active { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:bg-blue-100\/70:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:bg-blue-100\/70:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:bg-blue-100\/70:active { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:bg-blue-100\/80:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:bg-blue-100\/80:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:bg-blue-100\/80:active { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:bg-blue-100\/90:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:bg-blue-100\/90:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:bg-blue-100\/90:active { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:bg-blue-200:focus { + background-color: var(--blue-200) +} +.hover\:bg-blue-200:hover { + background-color: var(--blue-200) +} +.active\:bg-blue-200:active { + background-color: var(--blue-200) +} +.focus\:bg-blue-200\/10:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:bg-blue-200\/10:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:bg-blue-200\/10:active { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:bg-blue-200\/20:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:bg-blue-200\/20:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:bg-blue-200\/20:active { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:bg-blue-200\/30:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:bg-blue-200\/30:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:bg-blue-200\/30:active { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:bg-blue-200\/40:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:bg-blue-200\/40:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:bg-blue-200\/40:active { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:bg-blue-200\/50:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:bg-blue-200\/50:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:bg-blue-200\/50:active { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:bg-blue-200\/60:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:bg-blue-200\/60:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:bg-blue-200\/60:active { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:bg-blue-200\/70:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:bg-blue-200\/70:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:bg-blue-200\/70:active { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:bg-blue-200\/80:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:bg-blue-200\/80:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:bg-blue-200\/80:active { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:bg-blue-200\/90:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:bg-blue-200\/90:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:bg-blue-200\/90:active { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:bg-blue-300:focus { + background-color: var(--blue-300) +} +.hover\:bg-blue-300:hover { + background-color: var(--blue-300) +} +.active\:bg-blue-300:active { + background-color: var(--blue-300) +} +.focus\:bg-blue-300\/10:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:bg-blue-300\/10:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:bg-blue-300\/10:active { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:bg-blue-300\/20:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:bg-blue-300\/20:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:bg-blue-300\/20:active { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:bg-blue-300\/30:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:bg-blue-300\/30:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:bg-blue-300\/30:active { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:bg-blue-300\/40:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:bg-blue-300\/40:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:bg-blue-300\/40:active { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:bg-blue-300\/50:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:bg-blue-300\/50:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:bg-blue-300\/50:active { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:bg-blue-300\/60:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:bg-blue-300\/60:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:bg-blue-300\/60:active { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:bg-blue-300\/70:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:bg-blue-300\/70:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:bg-blue-300\/70:active { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:bg-blue-300\/80:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:bg-blue-300\/80:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:bg-blue-300\/80:active { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:bg-blue-300\/90:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:bg-blue-300\/90:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:bg-blue-300\/90:active { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:bg-blue-400:focus { + background-color: var(--blue-400) +} +.hover\:bg-blue-400:hover { + background-color: var(--blue-400) +} +.active\:bg-blue-400:active { + background-color: var(--blue-400) +} +.focus\:bg-blue-400\/10:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:bg-blue-400\/10:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:bg-blue-400\/10:active { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:bg-blue-400\/20:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:bg-blue-400\/20:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:bg-blue-400\/20:active { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:bg-blue-400\/30:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:bg-blue-400\/30:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:bg-blue-400\/30:active { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:bg-blue-400\/40:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:bg-blue-400\/40:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:bg-blue-400\/40:active { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:bg-blue-400\/50:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:bg-blue-400\/50:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:bg-blue-400\/50:active { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:bg-blue-400\/60:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:bg-blue-400\/60:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:bg-blue-400\/60:active { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:bg-blue-400\/70:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:bg-blue-400\/70:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:bg-blue-400\/70:active { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:bg-blue-400\/80:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:bg-blue-400\/80:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:bg-blue-400\/80:active { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:bg-blue-400\/90:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:bg-blue-400\/90:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:bg-blue-400\/90:active { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:bg-blue-500:focus { + background-color: var(--blue-500) +} +.hover\:bg-blue-500:hover { + background-color: var(--blue-500) +} +.active\:bg-blue-500:active { + background-color: var(--blue-500) +} +.focus\:bg-blue-500\/10:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:bg-blue-500\/10:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:bg-blue-500\/10:active { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:bg-blue-500\/20:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:bg-blue-500\/20:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:bg-blue-500\/20:active { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:bg-blue-500\/30:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:bg-blue-500\/30:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:bg-blue-500\/30:active { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:bg-blue-500\/40:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:bg-blue-500\/40:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:bg-blue-500\/40:active { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:bg-blue-500\/50:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:bg-blue-500\/50:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:bg-blue-500\/50:active { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:bg-blue-500\/60:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:bg-blue-500\/60:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:bg-blue-500\/60:active { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:bg-blue-500\/70:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:bg-blue-500\/70:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:bg-blue-500\/70:active { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:bg-blue-500\/80:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:bg-blue-500\/80:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:bg-blue-500\/80:active { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:bg-blue-500\/90:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:bg-blue-500\/90:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:bg-blue-500\/90:active { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:bg-blue-600:focus { + background-color: var(--blue-600) +} +.hover\:bg-blue-600:hover { + background-color: var(--blue-600) +} +.active\:bg-blue-600:active { + background-color: var(--blue-600) +} +.focus\:bg-blue-600\/10:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:bg-blue-600\/10:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:bg-blue-600\/10:active { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:bg-blue-600\/20:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:bg-blue-600\/20:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:bg-blue-600\/20:active { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:bg-blue-600\/30:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:bg-blue-600\/30:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:bg-blue-600\/30:active { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:bg-blue-600\/40:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:bg-blue-600\/40:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:bg-blue-600\/40:active { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:bg-blue-600\/50:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:bg-blue-600\/50:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:bg-blue-600\/50:active { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:bg-blue-600\/60:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:bg-blue-600\/60:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:bg-blue-600\/60:active { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:bg-blue-600\/70:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:bg-blue-600\/70:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:bg-blue-600\/70:active { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:bg-blue-600\/80:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:bg-blue-600\/80:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:bg-blue-600\/80:active { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:bg-blue-600\/90:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:bg-blue-600\/90:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:bg-blue-600\/90:active { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:bg-blue-700:focus { + background-color: var(--blue-700) +} +.hover\:bg-blue-700:hover { + background-color: var(--blue-700) +} +.active\:bg-blue-700:active { + background-color: var(--blue-700) +} +.focus\:bg-blue-700\/10:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:bg-blue-700\/10:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:bg-blue-700\/10:active { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:bg-blue-700\/20:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:bg-blue-700\/20:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:bg-blue-700\/20:active { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:bg-blue-700\/30:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:bg-blue-700\/30:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:bg-blue-700\/30:active { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:bg-blue-700\/40:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:bg-blue-700\/40:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:bg-blue-700\/40:active { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:bg-blue-700\/50:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:bg-blue-700\/50:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:bg-blue-700\/50:active { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:bg-blue-700\/60:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:bg-blue-700\/60:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:bg-blue-700\/60:active { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:bg-blue-700\/70:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:bg-blue-700\/70:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:bg-blue-700\/70:active { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:bg-blue-700\/80:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:bg-blue-700\/80:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:bg-blue-700\/80:active { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:bg-blue-700\/90:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:bg-blue-700\/90:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:bg-blue-700\/90:active { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:bg-blue-800:focus { + background-color: var(--blue-800) +} +.hover\:bg-blue-800:hover { + background-color: var(--blue-800) +} +.active\:bg-blue-800:active { + background-color: var(--blue-800) +} +.focus\:bg-blue-800\/10:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:bg-blue-800\/10:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:bg-blue-800\/10:active { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:bg-blue-800\/20:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:bg-blue-800\/20:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:bg-blue-800\/20:active { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:bg-blue-800\/30:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:bg-blue-800\/30:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:bg-blue-800\/30:active { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:bg-blue-800\/40:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:bg-blue-800\/40:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:bg-blue-800\/40:active { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:bg-blue-800\/50:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:bg-blue-800\/50:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:bg-blue-800\/50:active { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:bg-blue-800\/60:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:bg-blue-800\/60:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:bg-blue-800\/60:active { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:bg-blue-800\/70:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:bg-blue-800\/70:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:bg-blue-800\/70:active { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:bg-blue-800\/80:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:bg-blue-800\/80:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:bg-blue-800\/80:active { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:bg-blue-800\/90:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:bg-blue-800\/90:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:bg-blue-800\/90:active { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:bg-blue-900:focus { + background-color: var(--blue-900) +} +.hover\:bg-blue-900:hover { + background-color: var(--blue-900) +} +.active\:bg-blue-900:active { + background-color: var(--blue-900) +} +.focus\:bg-blue-900\/10:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:bg-blue-900\/10:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:bg-blue-900\/10:active { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:bg-blue-900\/20:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:bg-blue-900\/20:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:bg-blue-900\/20:active { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:bg-blue-900\/30:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:bg-blue-900\/30:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:bg-blue-900\/30:active { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:bg-blue-900\/40:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:bg-blue-900\/40:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:bg-blue-900\/40:active { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:bg-blue-900\/50:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:bg-blue-900\/50:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:bg-blue-900\/50:active { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:bg-blue-900\/60:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:bg-blue-900\/60:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:bg-blue-900\/60:active { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:bg-blue-900\/70:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:bg-blue-900\/70:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:bg-blue-900\/70:active { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:bg-blue-900\/80:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:bg-blue-900\/80:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:bg-blue-900\/80:active { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:bg-blue-900\/90:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:bg-blue-900\/90:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:bg-blue-900\/90:active { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:bg-green-50:focus { + background-color: var(--green-50) +} +.hover\:bg-green-50:hover { + background-color: var(--green-50) +} +.active\:bg-green-50:active { + background-color: var(--green-50) +} +.focus\:bg-green-50\/10:focus { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:bg-green-50\/10:hover { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:bg-green-50\/10:active { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:bg-green-50\/20:focus { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:bg-green-50\/20:hover { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:bg-green-50\/20:active { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:bg-green-50\/30:focus { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:bg-green-50\/30:hover { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:bg-green-50\/30:active { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:bg-green-50\/40:focus { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:bg-green-50\/40:hover { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:bg-green-50\/40:active { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:bg-green-50\/50:focus { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:bg-green-50\/50:hover { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:bg-green-50\/50:active { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:bg-green-50\/60:focus { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:bg-green-50\/60:hover { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:bg-green-50\/60:active { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:bg-green-50\/70:focus { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:bg-green-50\/70:hover { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:bg-green-50\/70:active { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:bg-green-50\/80:focus { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:bg-green-50\/80:hover { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:bg-green-50\/80:active { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:bg-green-50\/90:focus { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:bg-green-50\/90:hover { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:bg-green-50\/90:active { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:bg-green-100:focus { + background-color: var(--green-100) +} +.hover\:bg-green-100:hover { + background-color: var(--green-100) +} +.active\:bg-green-100:active { + background-color: var(--green-100) +} +.focus\:bg-green-100\/10:focus { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:bg-green-100\/10:hover { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:bg-green-100\/10:active { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:bg-green-100\/20:focus { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:bg-green-100\/20:hover { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:bg-green-100\/20:active { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:bg-green-100\/30:focus { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:bg-green-100\/30:hover { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:bg-green-100\/30:active { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:bg-green-100\/40:focus { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:bg-green-100\/40:hover { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:bg-green-100\/40:active { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:bg-green-100\/50:focus { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:bg-green-100\/50:hover { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:bg-green-100\/50:active { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:bg-green-100\/60:focus { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:bg-green-100\/60:hover { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:bg-green-100\/60:active { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:bg-green-100\/70:focus { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:bg-green-100\/70:hover { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:bg-green-100\/70:active { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:bg-green-100\/80:focus { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:bg-green-100\/80:hover { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:bg-green-100\/80:active { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:bg-green-100\/90:focus { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:bg-green-100\/90:hover { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:bg-green-100\/90:active { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:bg-green-200:focus { + background-color: var(--green-200) +} +.hover\:bg-green-200:hover { + background-color: var(--green-200) +} +.active\:bg-green-200:active { + background-color: var(--green-200) +} +.focus\:bg-green-200\/10:focus { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:bg-green-200\/10:hover { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:bg-green-200\/10:active { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:bg-green-200\/20:focus { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:bg-green-200\/20:hover { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:bg-green-200\/20:active { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:bg-green-200\/30:focus { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:bg-green-200\/30:hover { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:bg-green-200\/30:active { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:bg-green-200\/40:focus { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:bg-green-200\/40:hover { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:bg-green-200\/40:active { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:bg-green-200\/50:focus { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:bg-green-200\/50:hover { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:bg-green-200\/50:active { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:bg-green-200\/60:focus { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:bg-green-200\/60:hover { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:bg-green-200\/60:active { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:bg-green-200\/70:focus { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:bg-green-200\/70:hover { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:bg-green-200\/70:active { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:bg-green-200\/80:focus { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:bg-green-200\/80:hover { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:bg-green-200\/80:active { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:bg-green-200\/90:focus { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:bg-green-200\/90:hover { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:bg-green-200\/90:active { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:bg-green-300:focus { + background-color: var(--green-300) +} +.hover\:bg-green-300:hover { + background-color: var(--green-300) +} +.active\:bg-green-300:active { + background-color: var(--green-300) +} +.focus\:bg-green-300\/10:focus { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:bg-green-300\/10:hover { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:bg-green-300\/10:active { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:bg-green-300\/20:focus { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:bg-green-300\/20:hover { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:bg-green-300\/20:active { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:bg-green-300\/30:focus { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:bg-green-300\/30:hover { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:bg-green-300\/30:active { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:bg-green-300\/40:focus { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:bg-green-300\/40:hover { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:bg-green-300\/40:active { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:bg-green-300\/50:focus { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:bg-green-300\/50:hover { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:bg-green-300\/50:active { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:bg-green-300\/60:focus { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:bg-green-300\/60:hover { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:bg-green-300\/60:active { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:bg-green-300\/70:focus { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:bg-green-300\/70:hover { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:bg-green-300\/70:active { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:bg-green-300\/80:focus { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:bg-green-300\/80:hover { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:bg-green-300\/80:active { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:bg-green-300\/90:focus { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:bg-green-300\/90:hover { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:bg-green-300\/90:active { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:bg-green-400:focus { + background-color: var(--green-400) +} +.hover\:bg-green-400:hover { + background-color: var(--green-400) +} +.active\:bg-green-400:active { + background-color: var(--green-400) +} +.focus\:bg-green-400\/10:focus { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:bg-green-400\/10:hover { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:bg-green-400\/10:active { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:bg-green-400\/20:focus { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:bg-green-400\/20:hover { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:bg-green-400\/20:active { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:bg-green-400\/30:focus { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:bg-green-400\/30:hover { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:bg-green-400\/30:active { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:bg-green-400\/40:focus { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:bg-green-400\/40:hover { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:bg-green-400\/40:active { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:bg-green-400\/50:focus { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:bg-green-400\/50:hover { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:bg-green-400\/50:active { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:bg-green-400\/60:focus { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:bg-green-400\/60:hover { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:bg-green-400\/60:active { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:bg-green-400\/70:focus { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:bg-green-400\/70:hover { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:bg-green-400\/70:active { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:bg-green-400\/80:focus { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:bg-green-400\/80:hover { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:bg-green-400\/80:active { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:bg-green-400\/90:focus { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:bg-green-400\/90:hover { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:bg-green-400\/90:active { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:bg-green-500:focus { + background-color: var(--green-500) +} +.hover\:bg-green-500:hover { + background-color: var(--green-500) +} +.active\:bg-green-500:active { + background-color: var(--green-500) +} +.focus\:bg-green-500\/10:focus { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:bg-green-500\/10:hover { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:bg-green-500\/10:active { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:bg-green-500\/20:focus { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:bg-green-500\/20:hover { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:bg-green-500\/20:active { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:bg-green-500\/30:focus { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:bg-green-500\/30:hover { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:bg-green-500\/30:active { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:bg-green-500\/40:focus { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:bg-green-500\/40:hover { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:bg-green-500\/40:active { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:bg-green-500\/50:focus { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:bg-green-500\/50:hover { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:bg-green-500\/50:active { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:bg-green-500\/60:focus { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:bg-green-500\/60:hover { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:bg-green-500\/60:active { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:bg-green-500\/70:focus { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:bg-green-500\/70:hover { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:bg-green-500\/70:active { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:bg-green-500\/80:focus { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:bg-green-500\/80:hover { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:bg-green-500\/80:active { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:bg-green-500\/90:focus { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:bg-green-500\/90:hover { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:bg-green-500\/90:active { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:bg-green-600:focus { + background-color: var(--green-600) +} +.hover\:bg-green-600:hover { + background-color: var(--green-600) +} +.active\:bg-green-600:active { + background-color: var(--green-600) +} +.focus\:bg-green-600\/10:focus { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:bg-green-600\/10:hover { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:bg-green-600\/10:active { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:bg-green-600\/20:focus { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:bg-green-600\/20:hover { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:bg-green-600\/20:active { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:bg-green-600\/30:focus { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:bg-green-600\/30:hover { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:bg-green-600\/30:active { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:bg-green-600\/40:focus { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:bg-green-600\/40:hover { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:bg-green-600\/40:active { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:bg-green-600\/50:focus { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:bg-green-600\/50:hover { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:bg-green-600\/50:active { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:bg-green-600\/60:focus { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:bg-green-600\/60:hover { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:bg-green-600\/60:active { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:bg-green-600\/70:focus { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:bg-green-600\/70:hover { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:bg-green-600\/70:active { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:bg-green-600\/80:focus { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:bg-green-600\/80:hover { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:bg-green-600\/80:active { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:bg-green-600\/90:focus { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:bg-green-600\/90:hover { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:bg-green-600\/90:active { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:bg-green-700:focus { + background-color: var(--green-700) +} +.hover\:bg-green-700:hover { + background-color: var(--green-700) +} +.active\:bg-green-700:active { + background-color: var(--green-700) +} +.focus\:bg-green-700\/10:focus { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:bg-green-700\/10:hover { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:bg-green-700\/10:active { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:bg-green-700\/20:focus { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:bg-green-700\/20:hover { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:bg-green-700\/20:active { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:bg-green-700\/30:focus { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:bg-green-700\/30:hover { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:bg-green-700\/30:active { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:bg-green-700\/40:focus { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:bg-green-700\/40:hover { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:bg-green-700\/40:active { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:bg-green-700\/50:focus { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:bg-green-700\/50:hover { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:bg-green-700\/50:active { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:bg-green-700\/60:focus { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:bg-green-700\/60:hover { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:bg-green-700\/60:active { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:bg-green-700\/70:focus { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:bg-green-700\/70:hover { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:bg-green-700\/70:active { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:bg-green-700\/80:focus { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:bg-green-700\/80:hover { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:bg-green-700\/80:active { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:bg-green-700\/90:focus { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:bg-green-700\/90:hover { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:bg-green-700\/90:active { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:bg-green-800:focus { + background-color: var(--green-800) +} +.hover\:bg-green-800:hover { + background-color: var(--green-800) +} +.active\:bg-green-800:active { + background-color: var(--green-800) +} +.focus\:bg-green-800\/10:focus { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:bg-green-800\/10:hover { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:bg-green-800\/10:active { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:bg-green-800\/20:focus { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:bg-green-800\/20:hover { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:bg-green-800\/20:active { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:bg-green-800\/30:focus { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:bg-green-800\/30:hover { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:bg-green-800\/30:active { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:bg-green-800\/40:focus { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:bg-green-800\/40:hover { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:bg-green-800\/40:active { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:bg-green-800\/50:focus { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:bg-green-800\/50:hover { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:bg-green-800\/50:active { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:bg-green-800\/60:focus { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:bg-green-800\/60:hover { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:bg-green-800\/60:active { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:bg-green-800\/70:focus { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:bg-green-800\/70:hover { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:bg-green-800\/70:active { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:bg-green-800\/80:focus { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:bg-green-800\/80:hover { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:bg-green-800\/80:active { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:bg-green-800\/90:focus { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:bg-green-800\/90:hover { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:bg-green-800\/90:active { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:bg-green-900:focus { + background-color: var(--green-900) +} +.hover\:bg-green-900:hover { + background-color: var(--green-900) +} +.active\:bg-green-900:active { + background-color: var(--green-900) +} +.focus\:bg-green-900\/10:focus { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:bg-green-900\/10:hover { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:bg-green-900\/10:active { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:bg-green-900\/20:focus { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:bg-green-900\/20:hover { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:bg-green-900\/20:active { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:bg-green-900\/30:focus { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:bg-green-900\/30:hover { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:bg-green-900\/30:active { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:bg-green-900\/40:focus { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:bg-green-900\/40:hover { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:bg-green-900\/40:active { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:bg-green-900\/50:focus { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:bg-green-900\/50:hover { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:bg-green-900\/50:active { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:bg-green-900\/60:focus { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:bg-green-900\/60:hover { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:bg-green-900\/60:active { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:bg-green-900\/70:focus { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:bg-green-900\/70:hover { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:bg-green-900\/70:active { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:bg-green-900\/80:focus { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:bg-green-900\/80:hover { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:bg-green-900\/80:active { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:bg-green-900\/90:focus { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:bg-green-900\/90:hover { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:bg-green-900\/90:active { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:bg-yellow-50:focus { + background-color: var(--yellow-50) +} +.hover\:bg-yellow-50:hover { + background-color: var(--yellow-50) +} +.active\:bg-yellow-50:active { + background-color: var(--yellow-50) +} +.focus\:bg-yellow-50\/10:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:bg-yellow-50\/10:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:bg-yellow-50\/10:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:bg-yellow-50\/20:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:bg-yellow-50\/20:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:bg-yellow-50\/20:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:bg-yellow-50\/30:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:bg-yellow-50\/30:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:bg-yellow-50\/30:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:bg-yellow-50\/40:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:bg-yellow-50\/40:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:bg-yellow-50\/40:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:bg-yellow-50\/50:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:bg-yellow-50\/50:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:bg-yellow-50\/50:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:bg-yellow-50\/60:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:bg-yellow-50\/60:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:bg-yellow-50\/60:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:bg-yellow-50\/70:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:bg-yellow-50\/70:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:bg-yellow-50\/70:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:bg-yellow-50\/80:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:bg-yellow-50\/80:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:bg-yellow-50\/80:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:bg-yellow-50\/90:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:bg-yellow-50\/90:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:bg-yellow-50\/90:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:bg-yellow-100:focus { + background-color: var(--yellow-100) +} +.hover\:bg-yellow-100:hover { + background-color: var(--yellow-100) +} +.active\:bg-yellow-100:active { + background-color: var(--yellow-100) +} +.focus\:bg-yellow-100\/10:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:bg-yellow-100\/10:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:bg-yellow-100\/10:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:bg-yellow-100\/20:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:bg-yellow-100\/20:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:bg-yellow-100\/20:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:bg-yellow-100\/30:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:bg-yellow-100\/30:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:bg-yellow-100\/30:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:bg-yellow-100\/40:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:bg-yellow-100\/40:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:bg-yellow-100\/40:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:bg-yellow-100\/50:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:bg-yellow-100\/50:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:bg-yellow-100\/50:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:bg-yellow-100\/60:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:bg-yellow-100\/60:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:bg-yellow-100\/60:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:bg-yellow-100\/70:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:bg-yellow-100\/70:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:bg-yellow-100\/70:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:bg-yellow-100\/80:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:bg-yellow-100\/80:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:bg-yellow-100\/80:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:bg-yellow-100\/90:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:bg-yellow-100\/90:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:bg-yellow-100\/90:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:bg-yellow-200:focus { + background-color: var(--yellow-200) +} +.hover\:bg-yellow-200:hover { + background-color: var(--yellow-200) +} +.active\:bg-yellow-200:active { + background-color: var(--yellow-200) +} +.focus\:bg-yellow-200\/10:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:bg-yellow-200\/10:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:bg-yellow-200\/10:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:bg-yellow-200\/20:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:bg-yellow-200\/20:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:bg-yellow-200\/20:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:bg-yellow-200\/30:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:bg-yellow-200\/30:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:bg-yellow-200\/30:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:bg-yellow-200\/40:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:bg-yellow-200\/40:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:bg-yellow-200\/40:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:bg-yellow-200\/50:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:bg-yellow-200\/50:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:bg-yellow-200\/50:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:bg-yellow-200\/60:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:bg-yellow-200\/60:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:bg-yellow-200\/60:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:bg-yellow-200\/70:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:bg-yellow-200\/70:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:bg-yellow-200\/70:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:bg-yellow-200\/80:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:bg-yellow-200\/80:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:bg-yellow-200\/80:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:bg-yellow-200\/90:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:bg-yellow-200\/90:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:bg-yellow-200\/90:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:bg-yellow-300:focus { + background-color: var(--yellow-300) +} +.hover\:bg-yellow-300:hover { + background-color: var(--yellow-300) +} +.active\:bg-yellow-300:active { + background-color: var(--yellow-300) +} +.focus\:bg-yellow-300\/10:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:bg-yellow-300\/10:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:bg-yellow-300\/10:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:bg-yellow-300\/20:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:bg-yellow-300\/20:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:bg-yellow-300\/20:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:bg-yellow-300\/30:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:bg-yellow-300\/30:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:bg-yellow-300\/30:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:bg-yellow-300\/40:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:bg-yellow-300\/40:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:bg-yellow-300\/40:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:bg-yellow-300\/50:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:bg-yellow-300\/50:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:bg-yellow-300\/50:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:bg-yellow-300\/60:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:bg-yellow-300\/60:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:bg-yellow-300\/60:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:bg-yellow-300\/70:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:bg-yellow-300\/70:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:bg-yellow-300\/70:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:bg-yellow-300\/80:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:bg-yellow-300\/80:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:bg-yellow-300\/80:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:bg-yellow-300\/90:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:bg-yellow-300\/90:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:bg-yellow-300\/90:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:bg-yellow-400:focus { + background-color: var(--yellow-400) +} +.hover\:bg-yellow-400:hover { + background-color: var(--yellow-400) +} +.active\:bg-yellow-400:active { + background-color: var(--yellow-400) +} +.focus\:bg-yellow-400\/10:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:bg-yellow-400\/10:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:bg-yellow-400\/10:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:bg-yellow-400\/20:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:bg-yellow-400\/20:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:bg-yellow-400\/20:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:bg-yellow-400\/30:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:bg-yellow-400\/30:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:bg-yellow-400\/30:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:bg-yellow-400\/40:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:bg-yellow-400\/40:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:bg-yellow-400\/40:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:bg-yellow-400\/50:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:bg-yellow-400\/50:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:bg-yellow-400\/50:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:bg-yellow-400\/60:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:bg-yellow-400\/60:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:bg-yellow-400\/60:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:bg-yellow-400\/70:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:bg-yellow-400\/70:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:bg-yellow-400\/70:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:bg-yellow-400\/80:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:bg-yellow-400\/80:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:bg-yellow-400\/80:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:bg-yellow-400\/90:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:bg-yellow-400\/90:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:bg-yellow-400\/90:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:bg-yellow-500:focus { + background-color: var(--yellow-500) +} +.hover\:bg-yellow-500:hover { + background-color: var(--yellow-500) +} +.active\:bg-yellow-500:active { + background-color: var(--yellow-500) +} +.focus\:bg-yellow-500\/10:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:bg-yellow-500\/10:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:bg-yellow-500\/10:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:bg-yellow-500\/20:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:bg-yellow-500\/20:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:bg-yellow-500\/20:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:bg-yellow-500\/30:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:bg-yellow-500\/30:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:bg-yellow-500\/30:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:bg-yellow-500\/40:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:bg-yellow-500\/40:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:bg-yellow-500\/40:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:bg-yellow-500\/50:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:bg-yellow-500\/50:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:bg-yellow-500\/50:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:bg-yellow-500\/60:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:bg-yellow-500\/60:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:bg-yellow-500\/60:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:bg-yellow-500\/70:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:bg-yellow-500\/70:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:bg-yellow-500\/70:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:bg-yellow-500\/80:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:bg-yellow-500\/80:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:bg-yellow-500\/80:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:bg-yellow-500\/90:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:bg-yellow-500\/90:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:bg-yellow-500\/90:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:bg-yellow-600:focus { + background-color: var(--yellow-600) +} +.hover\:bg-yellow-600:hover { + background-color: var(--yellow-600) +} +.active\:bg-yellow-600:active { + background-color: var(--yellow-600) +} +.focus\:bg-yellow-600\/10:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:bg-yellow-600\/10:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:bg-yellow-600\/10:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:bg-yellow-600\/20:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:bg-yellow-600\/20:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:bg-yellow-600\/20:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:bg-yellow-600\/30:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:bg-yellow-600\/30:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:bg-yellow-600\/30:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:bg-yellow-600\/40:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:bg-yellow-600\/40:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:bg-yellow-600\/40:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:bg-yellow-600\/50:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:bg-yellow-600\/50:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:bg-yellow-600\/50:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:bg-yellow-600\/60:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:bg-yellow-600\/60:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:bg-yellow-600\/60:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:bg-yellow-600\/70:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:bg-yellow-600\/70:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:bg-yellow-600\/70:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:bg-yellow-600\/80:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:bg-yellow-600\/80:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:bg-yellow-600\/80:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:bg-yellow-600\/90:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:bg-yellow-600\/90:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:bg-yellow-600\/90:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:bg-yellow-700:focus { + background-color: var(--yellow-700) +} +.hover\:bg-yellow-700:hover { + background-color: var(--yellow-700) +} +.active\:bg-yellow-700:active { + background-color: var(--yellow-700) +} +.focus\:bg-yellow-700\/10:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:bg-yellow-700\/10:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:bg-yellow-700\/10:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:bg-yellow-700\/20:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:bg-yellow-700\/20:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:bg-yellow-700\/20:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:bg-yellow-700\/30:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:bg-yellow-700\/30:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:bg-yellow-700\/30:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:bg-yellow-700\/40:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:bg-yellow-700\/40:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:bg-yellow-700\/40:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:bg-yellow-700\/50:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:bg-yellow-700\/50:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:bg-yellow-700\/50:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:bg-yellow-700\/60:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:bg-yellow-700\/60:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:bg-yellow-700\/60:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:bg-yellow-700\/70:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:bg-yellow-700\/70:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:bg-yellow-700\/70:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:bg-yellow-700\/80:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:bg-yellow-700\/80:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:bg-yellow-700\/80:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:bg-yellow-700\/90:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:bg-yellow-700\/90:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:bg-yellow-700\/90:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:bg-yellow-800:focus { + background-color: var(--yellow-800) +} +.hover\:bg-yellow-800:hover { + background-color: var(--yellow-800) +} +.active\:bg-yellow-800:active { + background-color: var(--yellow-800) +} +.focus\:bg-yellow-800\/10:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:bg-yellow-800\/10:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:bg-yellow-800\/10:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:bg-yellow-800\/20:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:bg-yellow-800\/20:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:bg-yellow-800\/20:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:bg-yellow-800\/30:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:bg-yellow-800\/30:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:bg-yellow-800\/30:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:bg-yellow-800\/40:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:bg-yellow-800\/40:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:bg-yellow-800\/40:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:bg-yellow-800\/50:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:bg-yellow-800\/50:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:bg-yellow-800\/50:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:bg-yellow-800\/60:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:bg-yellow-800\/60:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:bg-yellow-800\/60:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:bg-yellow-800\/70:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:bg-yellow-800\/70:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:bg-yellow-800\/70:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:bg-yellow-800\/80:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:bg-yellow-800\/80:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:bg-yellow-800\/80:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:bg-yellow-800\/90:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:bg-yellow-800\/90:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:bg-yellow-800\/90:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:bg-yellow-900:focus { + background-color: var(--yellow-900) +} +.hover\:bg-yellow-900:hover { + background-color: var(--yellow-900) +} +.active\:bg-yellow-900:active { + background-color: var(--yellow-900) +} +.focus\:bg-yellow-900\/10:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:bg-yellow-900\/10:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:bg-yellow-900\/10:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:bg-yellow-900\/20:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:bg-yellow-900\/20:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:bg-yellow-900\/20:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:bg-yellow-900\/30:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:bg-yellow-900\/30:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:bg-yellow-900\/30:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:bg-yellow-900\/40:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:bg-yellow-900\/40:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:bg-yellow-900\/40:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:bg-yellow-900\/50:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:bg-yellow-900\/50:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:bg-yellow-900\/50:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:bg-yellow-900\/60:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:bg-yellow-900\/60:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:bg-yellow-900\/60:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:bg-yellow-900\/70:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:bg-yellow-900\/70:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:bg-yellow-900\/70:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:bg-yellow-900\/80:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:bg-yellow-900\/80:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:bg-yellow-900\/80:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:bg-yellow-900\/90:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:bg-yellow-900\/90:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:bg-yellow-900\/90:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:bg-cyan-50:focus { + background-color: var(--cyan-50) +} +.hover\:bg-cyan-50:hover { + background-color: var(--cyan-50) +} +.active\:bg-cyan-50:active { + background-color: var(--cyan-50) +} +.focus\:bg-cyan-50\/10:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:bg-cyan-50\/10:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:bg-cyan-50\/10:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:bg-cyan-50\/20:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:bg-cyan-50\/20:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:bg-cyan-50\/20:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:bg-cyan-50\/30:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:bg-cyan-50\/30:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:bg-cyan-50\/30:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:bg-cyan-50\/40:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:bg-cyan-50\/40:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:bg-cyan-50\/40:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:bg-cyan-50\/50:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:bg-cyan-50\/50:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:bg-cyan-50\/50:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:bg-cyan-50\/60:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:bg-cyan-50\/60:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:bg-cyan-50\/60:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:bg-cyan-50\/70:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:bg-cyan-50\/70:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:bg-cyan-50\/70:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:bg-cyan-50\/80:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:bg-cyan-50\/80:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:bg-cyan-50\/80:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:bg-cyan-50\/90:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:bg-cyan-50\/90:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:bg-cyan-50\/90:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:bg-cyan-100:focus { + background-color: var(--cyan-100) +} +.hover\:bg-cyan-100:hover { + background-color: var(--cyan-100) +} +.active\:bg-cyan-100:active { + background-color: var(--cyan-100) +} +.focus\:bg-cyan-100\/10:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:bg-cyan-100\/10:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:bg-cyan-100\/10:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:bg-cyan-100\/20:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:bg-cyan-100\/20:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:bg-cyan-100\/20:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:bg-cyan-100\/30:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:bg-cyan-100\/30:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:bg-cyan-100\/30:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:bg-cyan-100\/40:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:bg-cyan-100\/40:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:bg-cyan-100\/40:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:bg-cyan-100\/50:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:bg-cyan-100\/50:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:bg-cyan-100\/50:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:bg-cyan-100\/60:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:bg-cyan-100\/60:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:bg-cyan-100\/60:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:bg-cyan-100\/70:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:bg-cyan-100\/70:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:bg-cyan-100\/70:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:bg-cyan-100\/80:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:bg-cyan-100\/80:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:bg-cyan-100\/80:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:bg-cyan-100\/90:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:bg-cyan-100\/90:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:bg-cyan-100\/90:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:bg-cyan-200:focus { + background-color: var(--cyan-200) +} +.hover\:bg-cyan-200:hover { + background-color: var(--cyan-200) +} +.active\:bg-cyan-200:active { + background-color: var(--cyan-200) +} +.focus\:bg-cyan-200\/10:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:bg-cyan-200\/10:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:bg-cyan-200\/10:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:bg-cyan-200\/20:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:bg-cyan-200\/20:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:bg-cyan-200\/20:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:bg-cyan-200\/30:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:bg-cyan-200\/30:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:bg-cyan-200\/30:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:bg-cyan-200\/40:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:bg-cyan-200\/40:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:bg-cyan-200\/40:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:bg-cyan-200\/50:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:bg-cyan-200\/50:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:bg-cyan-200\/50:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:bg-cyan-200\/60:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:bg-cyan-200\/60:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:bg-cyan-200\/60:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:bg-cyan-200\/70:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:bg-cyan-200\/70:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:bg-cyan-200\/70:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:bg-cyan-200\/80:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:bg-cyan-200\/80:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:bg-cyan-200\/80:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:bg-cyan-200\/90:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:bg-cyan-200\/90:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:bg-cyan-200\/90:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:bg-cyan-300:focus { + background-color: var(--cyan-300) +} +.hover\:bg-cyan-300:hover { + background-color: var(--cyan-300) +} +.active\:bg-cyan-300:active { + background-color: var(--cyan-300) +} +.focus\:bg-cyan-300\/10:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:bg-cyan-300\/10:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:bg-cyan-300\/10:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:bg-cyan-300\/20:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:bg-cyan-300\/20:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:bg-cyan-300\/20:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:bg-cyan-300\/30:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:bg-cyan-300\/30:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:bg-cyan-300\/30:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:bg-cyan-300\/40:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:bg-cyan-300\/40:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:bg-cyan-300\/40:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:bg-cyan-300\/50:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:bg-cyan-300\/50:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:bg-cyan-300\/50:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:bg-cyan-300\/60:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:bg-cyan-300\/60:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:bg-cyan-300\/60:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:bg-cyan-300\/70:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:bg-cyan-300\/70:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:bg-cyan-300\/70:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:bg-cyan-300\/80:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:bg-cyan-300\/80:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:bg-cyan-300\/80:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:bg-cyan-300\/90:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:bg-cyan-300\/90:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:bg-cyan-300\/90:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:bg-cyan-400:focus { + background-color: var(--cyan-400) +} +.hover\:bg-cyan-400:hover { + background-color: var(--cyan-400) +} +.active\:bg-cyan-400:active { + background-color: var(--cyan-400) +} +.focus\:bg-cyan-400\/10:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:bg-cyan-400\/10:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:bg-cyan-400\/10:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:bg-cyan-400\/20:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:bg-cyan-400\/20:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:bg-cyan-400\/20:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:bg-cyan-400\/30:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:bg-cyan-400\/30:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:bg-cyan-400\/30:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:bg-cyan-400\/40:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:bg-cyan-400\/40:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:bg-cyan-400\/40:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:bg-cyan-400\/50:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:bg-cyan-400\/50:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:bg-cyan-400\/50:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:bg-cyan-400\/60:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:bg-cyan-400\/60:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:bg-cyan-400\/60:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:bg-cyan-400\/70:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:bg-cyan-400\/70:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:bg-cyan-400\/70:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:bg-cyan-400\/80:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:bg-cyan-400\/80:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:bg-cyan-400\/80:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:bg-cyan-400\/90:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:bg-cyan-400\/90:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:bg-cyan-400\/90:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:bg-cyan-500:focus { + background-color: var(--cyan-500) +} +.hover\:bg-cyan-500:hover { + background-color: var(--cyan-500) +} +.active\:bg-cyan-500:active { + background-color: var(--cyan-500) +} +.focus\:bg-cyan-500\/10:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:bg-cyan-500\/10:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:bg-cyan-500\/10:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:bg-cyan-500\/20:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:bg-cyan-500\/20:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:bg-cyan-500\/20:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:bg-cyan-500\/30:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:bg-cyan-500\/30:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:bg-cyan-500\/30:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:bg-cyan-500\/40:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:bg-cyan-500\/40:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:bg-cyan-500\/40:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:bg-cyan-500\/50:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:bg-cyan-500\/50:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:bg-cyan-500\/50:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:bg-cyan-500\/60:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:bg-cyan-500\/60:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:bg-cyan-500\/60:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:bg-cyan-500\/70:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:bg-cyan-500\/70:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:bg-cyan-500\/70:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:bg-cyan-500\/80:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:bg-cyan-500\/80:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:bg-cyan-500\/80:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:bg-cyan-500\/90:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:bg-cyan-500\/90:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:bg-cyan-500\/90:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:bg-cyan-600:focus { + background-color: var(--cyan-600) +} +.hover\:bg-cyan-600:hover { + background-color: var(--cyan-600) +} +.active\:bg-cyan-600:active { + background-color: var(--cyan-600) +} +.focus\:bg-cyan-600\/10:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:bg-cyan-600\/10:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:bg-cyan-600\/10:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:bg-cyan-600\/20:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:bg-cyan-600\/20:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:bg-cyan-600\/20:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:bg-cyan-600\/30:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:bg-cyan-600\/30:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:bg-cyan-600\/30:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:bg-cyan-600\/40:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:bg-cyan-600\/40:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:bg-cyan-600\/40:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:bg-cyan-600\/50:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:bg-cyan-600\/50:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:bg-cyan-600\/50:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:bg-cyan-600\/60:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:bg-cyan-600\/60:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:bg-cyan-600\/60:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:bg-cyan-600\/70:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:bg-cyan-600\/70:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:bg-cyan-600\/70:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:bg-cyan-600\/80:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:bg-cyan-600\/80:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:bg-cyan-600\/80:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:bg-cyan-600\/90:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:bg-cyan-600\/90:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:bg-cyan-600\/90:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:bg-cyan-700:focus { + background-color: var(--cyan-700) +} +.hover\:bg-cyan-700:hover { + background-color: var(--cyan-700) +} +.active\:bg-cyan-700:active { + background-color: var(--cyan-700) +} +.focus\:bg-cyan-700\/10:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:bg-cyan-700\/10:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:bg-cyan-700\/10:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:bg-cyan-700\/20:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:bg-cyan-700\/20:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:bg-cyan-700\/20:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:bg-cyan-700\/30:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:bg-cyan-700\/30:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:bg-cyan-700\/30:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:bg-cyan-700\/40:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:bg-cyan-700\/40:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:bg-cyan-700\/40:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:bg-cyan-700\/50:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:bg-cyan-700\/50:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:bg-cyan-700\/50:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:bg-cyan-700\/60:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:bg-cyan-700\/60:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:bg-cyan-700\/60:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:bg-cyan-700\/70:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:bg-cyan-700\/70:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:bg-cyan-700\/70:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:bg-cyan-700\/80:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:bg-cyan-700\/80:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:bg-cyan-700\/80:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:bg-cyan-700\/90:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:bg-cyan-700\/90:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:bg-cyan-700\/90:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:bg-cyan-800:focus { + background-color: var(--cyan-800) +} +.hover\:bg-cyan-800:hover { + background-color: var(--cyan-800) +} +.active\:bg-cyan-800:active { + background-color: var(--cyan-800) +} +.focus\:bg-cyan-800\/10:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:bg-cyan-800\/10:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:bg-cyan-800\/10:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:bg-cyan-800\/20:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:bg-cyan-800\/20:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:bg-cyan-800\/20:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:bg-cyan-800\/30:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:bg-cyan-800\/30:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:bg-cyan-800\/30:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:bg-cyan-800\/40:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:bg-cyan-800\/40:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:bg-cyan-800\/40:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:bg-cyan-800\/50:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:bg-cyan-800\/50:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:bg-cyan-800\/50:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:bg-cyan-800\/60:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:bg-cyan-800\/60:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:bg-cyan-800\/60:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:bg-cyan-800\/70:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:bg-cyan-800\/70:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:bg-cyan-800\/70:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:bg-cyan-800\/80:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:bg-cyan-800\/80:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:bg-cyan-800\/80:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:bg-cyan-800\/90:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:bg-cyan-800\/90:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:bg-cyan-800\/90:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:bg-cyan-900:focus { + background-color: var(--cyan-900) +} +.hover\:bg-cyan-900:hover { + background-color: var(--cyan-900) +} +.active\:bg-cyan-900:active { + background-color: var(--cyan-900) +} +.focus\:bg-cyan-900\/10:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:bg-cyan-900\/10:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:bg-cyan-900\/10:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:bg-cyan-900\/20:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:bg-cyan-900\/20:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:bg-cyan-900\/20:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:bg-cyan-900\/30:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:bg-cyan-900\/30:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:bg-cyan-900\/30:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:bg-cyan-900\/40:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:bg-cyan-900\/40:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:bg-cyan-900\/40:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:bg-cyan-900\/50:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:bg-cyan-900\/50:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:bg-cyan-900\/50:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:bg-cyan-900\/60:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:bg-cyan-900\/60:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:bg-cyan-900\/60:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:bg-cyan-900\/70:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:bg-cyan-900\/70:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:bg-cyan-900\/70:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:bg-cyan-900\/80:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:bg-cyan-900\/80:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:bg-cyan-900\/80:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:bg-cyan-900\/90:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:bg-cyan-900\/90:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:bg-cyan-900\/90:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:bg-pink-50:focus { + background-color: var(--pink-50) +} +.hover\:bg-pink-50:hover { + background-color: var(--pink-50) +} +.active\:bg-pink-50:active { + background-color: var(--pink-50) +} +.focus\:bg-pink-50\/10:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:bg-pink-50\/10:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:bg-pink-50\/10:active { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:bg-pink-50\/20:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:bg-pink-50\/20:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:bg-pink-50\/20:active { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:bg-pink-50\/30:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:bg-pink-50\/30:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:bg-pink-50\/30:active { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:bg-pink-50\/40:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:bg-pink-50\/40:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:bg-pink-50\/40:active { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:bg-pink-50\/50:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:bg-pink-50\/50:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:bg-pink-50\/50:active { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:bg-pink-50\/60:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:bg-pink-50\/60:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:bg-pink-50\/60:active { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:bg-pink-50\/70:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:bg-pink-50\/70:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:bg-pink-50\/70:active { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:bg-pink-50\/80:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:bg-pink-50\/80:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:bg-pink-50\/80:active { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:bg-pink-50\/90:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:bg-pink-50\/90:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:bg-pink-50\/90:active { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:bg-pink-100:focus { + background-color: var(--pink-100) +} +.hover\:bg-pink-100:hover { + background-color: var(--pink-100) +} +.active\:bg-pink-100:active { + background-color: var(--pink-100) +} +.focus\:bg-pink-100\/10:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:bg-pink-100\/10:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:bg-pink-100\/10:active { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:bg-pink-100\/20:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:bg-pink-100\/20:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:bg-pink-100\/20:active { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:bg-pink-100\/30:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:bg-pink-100\/30:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:bg-pink-100\/30:active { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:bg-pink-100\/40:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:bg-pink-100\/40:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:bg-pink-100\/40:active { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:bg-pink-100\/50:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:bg-pink-100\/50:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:bg-pink-100\/50:active { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:bg-pink-100\/60:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:bg-pink-100\/60:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:bg-pink-100\/60:active { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:bg-pink-100\/70:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:bg-pink-100\/70:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:bg-pink-100\/70:active { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:bg-pink-100\/80:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:bg-pink-100\/80:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:bg-pink-100\/80:active { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:bg-pink-100\/90:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:bg-pink-100\/90:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:bg-pink-100\/90:active { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:bg-pink-200:focus { + background-color: var(--pink-200) +} +.hover\:bg-pink-200:hover { + background-color: var(--pink-200) +} +.active\:bg-pink-200:active { + background-color: var(--pink-200) +} +.focus\:bg-pink-200\/10:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:bg-pink-200\/10:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:bg-pink-200\/10:active { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:bg-pink-200\/20:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:bg-pink-200\/20:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:bg-pink-200\/20:active { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:bg-pink-200\/30:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:bg-pink-200\/30:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:bg-pink-200\/30:active { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:bg-pink-200\/40:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:bg-pink-200\/40:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:bg-pink-200\/40:active { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:bg-pink-200\/50:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:bg-pink-200\/50:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:bg-pink-200\/50:active { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:bg-pink-200\/60:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:bg-pink-200\/60:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:bg-pink-200\/60:active { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:bg-pink-200\/70:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:bg-pink-200\/70:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:bg-pink-200\/70:active { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:bg-pink-200\/80:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:bg-pink-200\/80:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:bg-pink-200\/80:active { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:bg-pink-200\/90:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:bg-pink-200\/90:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:bg-pink-200\/90:active { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:bg-pink-300:focus { + background-color: var(--pink-300) +} +.hover\:bg-pink-300:hover { + background-color: var(--pink-300) +} +.active\:bg-pink-300:active { + background-color: var(--pink-300) +} +.focus\:bg-pink-300\/10:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:bg-pink-300\/10:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:bg-pink-300\/10:active { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:bg-pink-300\/20:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:bg-pink-300\/20:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:bg-pink-300\/20:active { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:bg-pink-300\/30:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:bg-pink-300\/30:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:bg-pink-300\/30:active { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:bg-pink-300\/40:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:bg-pink-300\/40:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:bg-pink-300\/40:active { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:bg-pink-300\/50:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:bg-pink-300\/50:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:bg-pink-300\/50:active { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:bg-pink-300\/60:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:bg-pink-300\/60:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:bg-pink-300\/60:active { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:bg-pink-300\/70:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:bg-pink-300\/70:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:bg-pink-300\/70:active { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:bg-pink-300\/80:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:bg-pink-300\/80:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:bg-pink-300\/80:active { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:bg-pink-300\/90:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:bg-pink-300\/90:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:bg-pink-300\/90:active { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:bg-pink-400:focus { + background-color: var(--pink-400) +} +.hover\:bg-pink-400:hover { + background-color: var(--pink-400) +} +.active\:bg-pink-400:active { + background-color: var(--pink-400) +} +.focus\:bg-pink-400\/10:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:bg-pink-400\/10:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:bg-pink-400\/10:active { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:bg-pink-400\/20:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:bg-pink-400\/20:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:bg-pink-400\/20:active { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:bg-pink-400\/30:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:bg-pink-400\/30:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:bg-pink-400\/30:active { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:bg-pink-400\/40:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:bg-pink-400\/40:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:bg-pink-400\/40:active { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:bg-pink-400\/50:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:bg-pink-400\/50:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:bg-pink-400\/50:active { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:bg-pink-400\/60:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:bg-pink-400\/60:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:bg-pink-400\/60:active { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:bg-pink-400\/70:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:bg-pink-400\/70:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:bg-pink-400\/70:active { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:bg-pink-400\/80:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:bg-pink-400\/80:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:bg-pink-400\/80:active { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:bg-pink-400\/90:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:bg-pink-400\/90:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:bg-pink-400\/90:active { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:bg-pink-500:focus { + background-color: var(--pink-500) +} +.hover\:bg-pink-500:hover { + background-color: var(--pink-500) +} +.active\:bg-pink-500:active { + background-color: var(--pink-500) +} +.focus\:bg-pink-500\/10:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:bg-pink-500\/10:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:bg-pink-500\/10:active { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:bg-pink-500\/20:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:bg-pink-500\/20:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:bg-pink-500\/20:active { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:bg-pink-500\/30:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:bg-pink-500\/30:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:bg-pink-500\/30:active { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:bg-pink-500\/40:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:bg-pink-500\/40:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:bg-pink-500\/40:active { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:bg-pink-500\/50:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:bg-pink-500\/50:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:bg-pink-500\/50:active { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:bg-pink-500\/60:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:bg-pink-500\/60:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:bg-pink-500\/60:active { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:bg-pink-500\/70:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:bg-pink-500\/70:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:bg-pink-500\/70:active { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:bg-pink-500\/80:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:bg-pink-500\/80:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:bg-pink-500\/80:active { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:bg-pink-500\/90:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:bg-pink-500\/90:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:bg-pink-500\/90:active { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:bg-pink-600:focus { + background-color: var(--pink-600) +} +.hover\:bg-pink-600:hover { + background-color: var(--pink-600) +} +.active\:bg-pink-600:active { + background-color: var(--pink-600) +} +.focus\:bg-pink-600\/10:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:bg-pink-600\/10:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:bg-pink-600\/10:active { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:bg-pink-600\/20:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:bg-pink-600\/20:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:bg-pink-600\/20:active { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:bg-pink-600\/30:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:bg-pink-600\/30:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:bg-pink-600\/30:active { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:bg-pink-600\/40:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:bg-pink-600\/40:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:bg-pink-600\/40:active { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:bg-pink-600\/50:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:bg-pink-600\/50:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:bg-pink-600\/50:active { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:bg-pink-600\/60:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:bg-pink-600\/60:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:bg-pink-600\/60:active { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:bg-pink-600\/70:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:bg-pink-600\/70:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:bg-pink-600\/70:active { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:bg-pink-600\/80:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:bg-pink-600\/80:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:bg-pink-600\/80:active { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:bg-pink-600\/90:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:bg-pink-600\/90:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:bg-pink-600\/90:active { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:bg-pink-700:focus { + background-color: var(--pink-700) +} +.hover\:bg-pink-700:hover { + background-color: var(--pink-700) +} +.active\:bg-pink-700:active { + background-color: var(--pink-700) +} +.focus\:bg-pink-700\/10:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:bg-pink-700\/10:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:bg-pink-700\/10:active { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:bg-pink-700\/20:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:bg-pink-700\/20:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:bg-pink-700\/20:active { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:bg-pink-700\/30:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:bg-pink-700\/30:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:bg-pink-700\/30:active { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:bg-pink-700\/40:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:bg-pink-700\/40:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:bg-pink-700\/40:active { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:bg-pink-700\/50:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:bg-pink-700\/50:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:bg-pink-700\/50:active { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:bg-pink-700\/60:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:bg-pink-700\/60:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:bg-pink-700\/60:active { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:bg-pink-700\/70:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:bg-pink-700\/70:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:bg-pink-700\/70:active { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:bg-pink-700\/80:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:bg-pink-700\/80:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:bg-pink-700\/80:active { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:bg-pink-700\/90:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:bg-pink-700\/90:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:bg-pink-700\/90:active { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:bg-pink-800:focus { + background-color: var(--pink-800) +} +.hover\:bg-pink-800:hover { + background-color: var(--pink-800) +} +.active\:bg-pink-800:active { + background-color: var(--pink-800) +} +.focus\:bg-pink-800\/10:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:bg-pink-800\/10:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:bg-pink-800\/10:active { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:bg-pink-800\/20:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:bg-pink-800\/20:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:bg-pink-800\/20:active { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:bg-pink-800\/30:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:bg-pink-800\/30:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:bg-pink-800\/30:active { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:bg-pink-800\/40:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:bg-pink-800\/40:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:bg-pink-800\/40:active { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:bg-pink-800\/50:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:bg-pink-800\/50:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:bg-pink-800\/50:active { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:bg-pink-800\/60:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:bg-pink-800\/60:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:bg-pink-800\/60:active { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:bg-pink-800\/70:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:bg-pink-800\/70:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:bg-pink-800\/70:active { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:bg-pink-800\/80:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:bg-pink-800\/80:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:bg-pink-800\/80:active { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:bg-pink-800\/90:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:bg-pink-800\/90:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:bg-pink-800\/90:active { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:bg-pink-900:focus { + background-color: var(--pink-900) +} +.hover\:bg-pink-900:hover { + background-color: var(--pink-900) +} +.active\:bg-pink-900:active { + background-color: var(--pink-900) +} +.focus\:bg-pink-900\/10:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:bg-pink-900\/10:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:bg-pink-900\/10:active { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:bg-pink-900\/20:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:bg-pink-900\/20:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:bg-pink-900\/20:active { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:bg-pink-900\/30:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:bg-pink-900\/30:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:bg-pink-900\/30:active { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:bg-pink-900\/40:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:bg-pink-900\/40:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:bg-pink-900\/40:active { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:bg-pink-900\/50:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:bg-pink-900\/50:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:bg-pink-900\/50:active { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:bg-pink-900\/60:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:bg-pink-900\/60:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:bg-pink-900\/60:active { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:bg-pink-900\/70:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:bg-pink-900\/70:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:bg-pink-900\/70:active { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:bg-pink-900\/80:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:bg-pink-900\/80:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:bg-pink-900\/80:active { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:bg-pink-900\/90:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:bg-pink-900\/90:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:bg-pink-900\/90:active { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:bg-indigo-50:focus { + background-color: var(--indigo-50) +} +.hover\:bg-indigo-50:hover { + background-color: var(--indigo-50) +} +.active\:bg-indigo-50:active { + background-color: var(--indigo-50) +} +.focus\:bg-indigo-50\/10:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:bg-indigo-50\/10:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:bg-indigo-50\/10:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:bg-indigo-50\/20:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:bg-indigo-50\/20:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:bg-indigo-50\/20:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:bg-indigo-50\/30:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:bg-indigo-50\/30:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:bg-indigo-50\/30:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:bg-indigo-50\/40:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:bg-indigo-50\/40:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:bg-indigo-50\/40:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:bg-indigo-50\/50:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:bg-indigo-50\/50:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:bg-indigo-50\/50:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:bg-indigo-50\/60:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:bg-indigo-50\/60:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:bg-indigo-50\/60:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:bg-indigo-50\/70:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:bg-indigo-50\/70:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:bg-indigo-50\/70:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:bg-indigo-50\/80:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:bg-indigo-50\/80:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:bg-indigo-50\/80:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:bg-indigo-50\/90:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:bg-indigo-50\/90:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:bg-indigo-50\/90:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:bg-indigo-100:focus { + background-color: var(--indigo-100) +} +.hover\:bg-indigo-100:hover { + background-color: var(--indigo-100) +} +.active\:bg-indigo-100:active { + background-color: var(--indigo-100) +} +.focus\:bg-indigo-100\/10:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:bg-indigo-100\/10:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:bg-indigo-100\/10:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:bg-indigo-100\/20:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:bg-indigo-100\/20:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:bg-indigo-100\/20:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:bg-indigo-100\/30:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:bg-indigo-100\/30:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:bg-indigo-100\/30:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:bg-indigo-100\/40:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:bg-indigo-100\/40:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:bg-indigo-100\/40:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:bg-indigo-100\/50:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:bg-indigo-100\/50:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:bg-indigo-100\/50:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:bg-indigo-100\/60:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:bg-indigo-100\/60:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:bg-indigo-100\/60:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:bg-indigo-100\/70:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:bg-indigo-100\/70:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:bg-indigo-100\/70:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:bg-indigo-100\/80:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:bg-indigo-100\/80:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:bg-indigo-100\/80:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:bg-indigo-100\/90:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:bg-indigo-100\/90:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:bg-indigo-100\/90:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:bg-indigo-200:focus { + background-color: var(--indigo-200) +} +.hover\:bg-indigo-200:hover { + background-color: var(--indigo-200) +} +.active\:bg-indigo-200:active { + background-color: var(--indigo-200) +} +.focus\:bg-indigo-200\/10:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:bg-indigo-200\/10:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:bg-indigo-200\/10:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:bg-indigo-200\/20:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:bg-indigo-200\/20:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:bg-indigo-200\/20:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:bg-indigo-200\/30:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:bg-indigo-200\/30:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:bg-indigo-200\/30:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:bg-indigo-200\/40:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:bg-indigo-200\/40:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:bg-indigo-200\/40:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:bg-indigo-200\/50:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:bg-indigo-200\/50:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:bg-indigo-200\/50:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:bg-indigo-200\/60:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:bg-indigo-200\/60:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:bg-indigo-200\/60:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:bg-indigo-200\/70:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:bg-indigo-200\/70:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:bg-indigo-200\/70:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:bg-indigo-200\/80:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:bg-indigo-200\/80:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:bg-indigo-200\/80:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:bg-indigo-200\/90:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:bg-indigo-200\/90:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:bg-indigo-200\/90:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:bg-indigo-300:focus { + background-color: var(--indigo-300) +} +.hover\:bg-indigo-300:hover { + background-color: var(--indigo-300) +} +.active\:bg-indigo-300:active { + background-color: var(--indigo-300) +} +.focus\:bg-indigo-300\/10:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:bg-indigo-300\/10:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:bg-indigo-300\/10:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:bg-indigo-300\/20:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:bg-indigo-300\/20:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:bg-indigo-300\/20:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:bg-indigo-300\/30:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:bg-indigo-300\/30:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:bg-indigo-300\/30:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:bg-indigo-300\/40:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:bg-indigo-300\/40:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:bg-indigo-300\/40:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:bg-indigo-300\/50:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:bg-indigo-300\/50:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:bg-indigo-300\/50:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:bg-indigo-300\/60:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:bg-indigo-300\/60:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:bg-indigo-300\/60:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:bg-indigo-300\/70:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:bg-indigo-300\/70:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:bg-indigo-300\/70:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:bg-indigo-300\/80:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:bg-indigo-300\/80:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:bg-indigo-300\/80:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:bg-indigo-300\/90:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:bg-indigo-300\/90:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:bg-indigo-300\/90:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:bg-indigo-400:focus { + background-color: var(--indigo-400) +} +.hover\:bg-indigo-400:hover { + background-color: var(--indigo-400) +} +.active\:bg-indigo-400:active { + background-color: var(--indigo-400) +} +.focus\:bg-indigo-400\/10:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:bg-indigo-400\/10:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:bg-indigo-400\/10:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:bg-indigo-400\/20:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:bg-indigo-400\/20:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:bg-indigo-400\/20:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:bg-indigo-400\/30:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:bg-indigo-400\/30:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:bg-indigo-400\/30:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:bg-indigo-400\/40:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:bg-indigo-400\/40:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:bg-indigo-400\/40:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:bg-indigo-400\/50:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:bg-indigo-400\/50:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:bg-indigo-400\/50:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:bg-indigo-400\/60:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:bg-indigo-400\/60:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:bg-indigo-400\/60:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:bg-indigo-400\/70:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:bg-indigo-400\/70:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:bg-indigo-400\/70:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:bg-indigo-400\/80:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:bg-indigo-400\/80:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:bg-indigo-400\/80:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:bg-indigo-400\/90:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:bg-indigo-400\/90:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:bg-indigo-400\/90:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:bg-indigo-500:focus { + background-color: var(--indigo-500) +} +.hover\:bg-indigo-500:hover { + background-color: var(--indigo-500) +} +.active\:bg-indigo-500:active { + background-color: var(--indigo-500) +} +.focus\:bg-indigo-500\/10:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:bg-indigo-500\/10:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:bg-indigo-500\/10:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:bg-indigo-500\/20:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:bg-indigo-500\/20:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:bg-indigo-500\/20:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:bg-indigo-500\/30:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:bg-indigo-500\/30:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:bg-indigo-500\/30:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:bg-indigo-500\/40:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:bg-indigo-500\/40:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:bg-indigo-500\/40:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:bg-indigo-500\/50:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:bg-indigo-500\/50:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:bg-indigo-500\/50:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:bg-indigo-500\/60:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:bg-indigo-500\/60:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:bg-indigo-500\/60:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:bg-indigo-500\/70:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:bg-indigo-500\/70:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:bg-indigo-500\/70:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:bg-indigo-500\/80:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:bg-indigo-500\/80:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:bg-indigo-500\/80:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:bg-indigo-500\/90:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:bg-indigo-500\/90:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:bg-indigo-500\/90:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:bg-indigo-600:focus { + background-color: var(--indigo-600) +} +.hover\:bg-indigo-600:hover { + background-color: var(--indigo-600) +} +.active\:bg-indigo-600:active { + background-color: var(--indigo-600) +} +.focus\:bg-indigo-600\/10:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:bg-indigo-600\/10:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:bg-indigo-600\/10:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:bg-indigo-600\/20:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:bg-indigo-600\/20:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:bg-indigo-600\/20:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:bg-indigo-600\/30:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:bg-indigo-600\/30:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:bg-indigo-600\/30:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:bg-indigo-600\/40:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:bg-indigo-600\/40:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:bg-indigo-600\/40:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:bg-indigo-600\/50:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:bg-indigo-600\/50:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:bg-indigo-600\/50:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:bg-indigo-600\/60:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:bg-indigo-600\/60:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:bg-indigo-600\/60:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:bg-indigo-600\/70:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:bg-indigo-600\/70:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:bg-indigo-600\/70:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:bg-indigo-600\/80:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:bg-indigo-600\/80:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:bg-indigo-600\/80:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:bg-indigo-600\/90:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:bg-indigo-600\/90:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:bg-indigo-600\/90:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:bg-indigo-700:focus { + background-color: var(--indigo-700) +} +.hover\:bg-indigo-700:hover { + background-color: var(--indigo-700) +} +.active\:bg-indigo-700:active { + background-color: var(--indigo-700) +} +.focus\:bg-indigo-700\/10:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:bg-indigo-700\/10:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:bg-indigo-700\/10:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:bg-indigo-700\/20:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:bg-indigo-700\/20:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:bg-indigo-700\/20:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:bg-indigo-700\/30:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:bg-indigo-700\/30:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:bg-indigo-700\/30:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:bg-indigo-700\/40:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:bg-indigo-700\/40:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:bg-indigo-700\/40:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:bg-indigo-700\/50:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:bg-indigo-700\/50:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:bg-indigo-700\/50:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:bg-indigo-700\/60:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:bg-indigo-700\/60:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:bg-indigo-700\/60:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:bg-indigo-700\/70:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:bg-indigo-700\/70:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:bg-indigo-700\/70:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:bg-indigo-700\/80:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:bg-indigo-700\/80:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:bg-indigo-700\/80:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:bg-indigo-700\/90:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:bg-indigo-700\/90:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:bg-indigo-700\/90:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:bg-indigo-800:focus { + background-color: var(--indigo-800) +} +.hover\:bg-indigo-800:hover { + background-color: var(--indigo-800) +} +.active\:bg-indigo-800:active { + background-color: var(--indigo-800) +} +.focus\:bg-indigo-800\/10:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:bg-indigo-800\/10:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:bg-indigo-800\/10:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:bg-indigo-800\/20:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:bg-indigo-800\/20:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:bg-indigo-800\/20:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:bg-indigo-800\/30:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:bg-indigo-800\/30:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:bg-indigo-800\/30:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:bg-indigo-800\/40:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:bg-indigo-800\/40:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:bg-indigo-800\/40:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:bg-indigo-800\/50:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:bg-indigo-800\/50:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:bg-indigo-800\/50:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:bg-indigo-800\/60:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:bg-indigo-800\/60:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:bg-indigo-800\/60:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:bg-indigo-800\/70:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:bg-indigo-800\/70:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:bg-indigo-800\/70:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:bg-indigo-800\/80:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:bg-indigo-800\/80:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:bg-indigo-800\/80:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:bg-indigo-800\/90:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:bg-indigo-800\/90:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:bg-indigo-800\/90:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:bg-indigo-900:focus { + background-color: var(--indigo-900) +} +.hover\:bg-indigo-900:hover { + background-color: var(--indigo-900) +} +.active\:bg-indigo-900:active { + background-color: var(--indigo-900) +} +.focus\:bg-indigo-900\/10:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:bg-indigo-900\/10:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:bg-indigo-900\/10:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:bg-indigo-900\/20:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:bg-indigo-900\/20:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:bg-indigo-900\/20:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:bg-indigo-900\/30:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:bg-indigo-900\/30:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:bg-indigo-900\/30:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:bg-indigo-900\/40:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:bg-indigo-900\/40:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:bg-indigo-900\/40:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:bg-indigo-900\/50:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:bg-indigo-900\/50:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:bg-indigo-900\/50:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:bg-indigo-900\/60:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:bg-indigo-900\/60:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:bg-indigo-900\/60:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:bg-indigo-900\/70:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:bg-indigo-900\/70:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:bg-indigo-900\/70:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:bg-indigo-900\/80:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:bg-indigo-900\/80:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:bg-indigo-900\/80:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:bg-indigo-900\/90:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:bg-indigo-900\/90:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:bg-indigo-900\/90:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:bg-teal-50:focus { + background-color: var(--teal-50) +} +.hover\:bg-teal-50:hover { + background-color: var(--teal-50) +} +.active\:bg-teal-50:active { + background-color: var(--teal-50) +} +.focus\:bg-teal-50\/10:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:bg-teal-50\/10:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:bg-teal-50\/10:active { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:bg-teal-50\/20:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:bg-teal-50\/20:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:bg-teal-50\/20:active { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:bg-teal-50\/30:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:bg-teal-50\/30:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:bg-teal-50\/30:active { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:bg-teal-50\/40:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:bg-teal-50\/40:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:bg-teal-50\/40:active { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:bg-teal-50\/50:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:bg-teal-50\/50:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:bg-teal-50\/50:active { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:bg-teal-50\/60:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:bg-teal-50\/60:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:bg-teal-50\/60:active { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:bg-teal-50\/70:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:bg-teal-50\/70:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:bg-teal-50\/70:active { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:bg-teal-50\/80:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:bg-teal-50\/80:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:bg-teal-50\/80:active { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:bg-teal-50\/90:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:bg-teal-50\/90:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:bg-teal-50\/90:active { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:bg-teal-100:focus { + background-color: var(--teal-100) +} +.hover\:bg-teal-100:hover { + background-color: var(--teal-100) +} +.active\:bg-teal-100:active { + background-color: var(--teal-100) +} +.focus\:bg-teal-100\/10:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:bg-teal-100\/10:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:bg-teal-100\/10:active { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:bg-teal-100\/20:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:bg-teal-100\/20:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:bg-teal-100\/20:active { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:bg-teal-100\/30:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:bg-teal-100\/30:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:bg-teal-100\/30:active { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:bg-teal-100\/40:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:bg-teal-100\/40:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:bg-teal-100\/40:active { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:bg-teal-100\/50:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:bg-teal-100\/50:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:bg-teal-100\/50:active { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:bg-teal-100\/60:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:bg-teal-100\/60:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:bg-teal-100\/60:active { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:bg-teal-100\/70:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:bg-teal-100\/70:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:bg-teal-100\/70:active { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:bg-teal-100\/80:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:bg-teal-100\/80:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:bg-teal-100\/80:active { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:bg-teal-100\/90:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:bg-teal-100\/90:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:bg-teal-100\/90:active { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:bg-teal-200:focus { + background-color: var(--teal-200) +} +.hover\:bg-teal-200:hover { + background-color: var(--teal-200) +} +.active\:bg-teal-200:active { + background-color: var(--teal-200) +} +.focus\:bg-teal-200\/10:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:bg-teal-200\/10:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:bg-teal-200\/10:active { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:bg-teal-200\/20:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:bg-teal-200\/20:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:bg-teal-200\/20:active { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:bg-teal-200\/30:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:bg-teal-200\/30:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:bg-teal-200\/30:active { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:bg-teal-200\/40:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:bg-teal-200\/40:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:bg-teal-200\/40:active { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:bg-teal-200\/50:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:bg-teal-200\/50:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:bg-teal-200\/50:active { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:bg-teal-200\/60:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:bg-teal-200\/60:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:bg-teal-200\/60:active { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:bg-teal-200\/70:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:bg-teal-200\/70:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:bg-teal-200\/70:active { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:bg-teal-200\/80:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:bg-teal-200\/80:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:bg-teal-200\/80:active { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:bg-teal-200\/90:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:bg-teal-200\/90:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:bg-teal-200\/90:active { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:bg-teal-300:focus { + background-color: var(--teal-300) +} +.hover\:bg-teal-300:hover { + background-color: var(--teal-300) +} +.active\:bg-teal-300:active { + background-color: var(--teal-300) +} +.focus\:bg-teal-300\/10:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:bg-teal-300\/10:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:bg-teal-300\/10:active { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:bg-teal-300\/20:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:bg-teal-300\/20:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:bg-teal-300\/20:active { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:bg-teal-300\/30:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:bg-teal-300\/30:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:bg-teal-300\/30:active { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:bg-teal-300\/40:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:bg-teal-300\/40:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:bg-teal-300\/40:active { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:bg-teal-300\/50:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:bg-teal-300\/50:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:bg-teal-300\/50:active { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:bg-teal-300\/60:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:bg-teal-300\/60:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:bg-teal-300\/60:active { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:bg-teal-300\/70:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:bg-teal-300\/70:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:bg-teal-300\/70:active { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:bg-teal-300\/80:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:bg-teal-300\/80:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:bg-teal-300\/80:active { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:bg-teal-300\/90:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:bg-teal-300\/90:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:bg-teal-300\/90:active { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:bg-teal-400:focus { + background-color: var(--teal-400) +} +.hover\:bg-teal-400:hover { + background-color: var(--teal-400) +} +.active\:bg-teal-400:active { + background-color: var(--teal-400) +} +.focus\:bg-teal-400\/10:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:bg-teal-400\/10:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:bg-teal-400\/10:active { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:bg-teal-400\/20:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:bg-teal-400\/20:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:bg-teal-400\/20:active { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:bg-teal-400\/30:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:bg-teal-400\/30:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:bg-teal-400\/30:active { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:bg-teal-400\/40:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:bg-teal-400\/40:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:bg-teal-400\/40:active { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:bg-teal-400\/50:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:bg-teal-400\/50:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:bg-teal-400\/50:active { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:bg-teal-400\/60:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:bg-teal-400\/60:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:bg-teal-400\/60:active { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:bg-teal-400\/70:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:bg-teal-400\/70:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:bg-teal-400\/70:active { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:bg-teal-400\/80:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:bg-teal-400\/80:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:bg-teal-400\/80:active { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:bg-teal-400\/90:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:bg-teal-400\/90:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:bg-teal-400\/90:active { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:bg-teal-500:focus { + background-color: var(--teal-500) +} +.hover\:bg-teal-500:hover { + background-color: var(--teal-500) +} +.active\:bg-teal-500:active { + background-color: var(--teal-500) +} +.focus\:bg-teal-500\/10:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:bg-teal-500\/10:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:bg-teal-500\/10:active { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:bg-teal-500\/20:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:bg-teal-500\/20:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:bg-teal-500\/20:active { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:bg-teal-500\/30:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:bg-teal-500\/30:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:bg-teal-500\/30:active { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:bg-teal-500\/40:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:bg-teal-500\/40:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:bg-teal-500\/40:active { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:bg-teal-500\/50:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:bg-teal-500\/50:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:bg-teal-500\/50:active { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:bg-teal-500\/60:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:bg-teal-500\/60:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:bg-teal-500\/60:active { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:bg-teal-500\/70:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:bg-teal-500\/70:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:bg-teal-500\/70:active { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:bg-teal-500\/80:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:bg-teal-500\/80:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:bg-teal-500\/80:active { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:bg-teal-500\/90:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:bg-teal-500\/90:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:bg-teal-500\/90:active { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:bg-teal-600:focus { + background-color: var(--teal-600) +} +.hover\:bg-teal-600:hover { + background-color: var(--teal-600) +} +.active\:bg-teal-600:active { + background-color: var(--teal-600) +} +.focus\:bg-teal-600\/10:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:bg-teal-600\/10:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:bg-teal-600\/10:active { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:bg-teal-600\/20:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:bg-teal-600\/20:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:bg-teal-600\/20:active { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:bg-teal-600\/30:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:bg-teal-600\/30:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:bg-teal-600\/30:active { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:bg-teal-600\/40:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:bg-teal-600\/40:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:bg-teal-600\/40:active { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:bg-teal-600\/50:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:bg-teal-600\/50:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:bg-teal-600\/50:active { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:bg-teal-600\/60:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:bg-teal-600\/60:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:bg-teal-600\/60:active { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:bg-teal-600\/70:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:bg-teal-600\/70:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:bg-teal-600\/70:active { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:bg-teal-600\/80:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:bg-teal-600\/80:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:bg-teal-600\/80:active { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:bg-teal-600\/90:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:bg-teal-600\/90:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:bg-teal-600\/90:active { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:bg-teal-700:focus { + background-color: var(--teal-700) +} +.hover\:bg-teal-700:hover { + background-color: var(--teal-700) +} +.active\:bg-teal-700:active { + background-color: var(--teal-700) +} +.focus\:bg-teal-700\/10:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:bg-teal-700\/10:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:bg-teal-700\/10:active { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:bg-teal-700\/20:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:bg-teal-700\/20:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:bg-teal-700\/20:active { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:bg-teal-700\/30:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:bg-teal-700\/30:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:bg-teal-700\/30:active { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:bg-teal-700\/40:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:bg-teal-700\/40:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:bg-teal-700\/40:active { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:bg-teal-700\/50:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:bg-teal-700\/50:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:bg-teal-700\/50:active { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:bg-teal-700\/60:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:bg-teal-700\/60:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:bg-teal-700\/60:active { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:bg-teal-700\/70:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:bg-teal-700\/70:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:bg-teal-700\/70:active { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:bg-teal-700\/80:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:bg-teal-700\/80:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:bg-teal-700\/80:active { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:bg-teal-700\/90:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:bg-teal-700\/90:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:bg-teal-700\/90:active { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:bg-teal-800:focus { + background-color: var(--teal-800) +} +.hover\:bg-teal-800:hover { + background-color: var(--teal-800) +} +.active\:bg-teal-800:active { + background-color: var(--teal-800) +} +.focus\:bg-teal-800\/10:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:bg-teal-800\/10:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:bg-teal-800\/10:active { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:bg-teal-800\/20:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:bg-teal-800\/20:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:bg-teal-800\/20:active { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:bg-teal-800\/30:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:bg-teal-800\/30:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:bg-teal-800\/30:active { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:bg-teal-800\/40:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:bg-teal-800\/40:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:bg-teal-800\/40:active { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:bg-teal-800\/50:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:bg-teal-800\/50:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:bg-teal-800\/50:active { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:bg-teal-800\/60:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:bg-teal-800\/60:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:bg-teal-800\/60:active { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:bg-teal-800\/70:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:bg-teal-800\/70:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:bg-teal-800\/70:active { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:bg-teal-800\/80:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:bg-teal-800\/80:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:bg-teal-800\/80:active { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:bg-teal-800\/90:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:bg-teal-800\/90:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:bg-teal-800\/90:active { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:bg-teal-900:focus { + background-color: var(--teal-900) +} +.hover\:bg-teal-900:hover { + background-color: var(--teal-900) +} +.active\:bg-teal-900:active { + background-color: var(--teal-900) +} +.focus\:bg-teal-900\/10:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:bg-teal-900\/10:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:bg-teal-900\/10:active { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:bg-teal-900\/20:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:bg-teal-900\/20:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:bg-teal-900\/20:active { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:bg-teal-900\/30:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:bg-teal-900\/30:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:bg-teal-900\/30:active { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:bg-teal-900\/40:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:bg-teal-900\/40:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:bg-teal-900\/40:active { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:bg-teal-900\/50:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:bg-teal-900\/50:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:bg-teal-900\/50:active { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:bg-teal-900\/60:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:bg-teal-900\/60:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:bg-teal-900\/60:active { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:bg-teal-900\/70:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:bg-teal-900\/70:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:bg-teal-900\/70:active { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:bg-teal-900\/80:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:bg-teal-900\/80:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:bg-teal-900\/80:active { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:bg-teal-900\/90:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:bg-teal-900\/90:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:bg-teal-900\/90:active { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:bg-orange-50:focus { + background-color: var(--orange-50) +} +.hover\:bg-orange-50:hover { + background-color: var(--orange-50) +} +.active\:bg-orange-50:active { + background-color: var(--orange-50) +} +.focus\:bg-orange-50\/10:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:bg-orange-50\/10:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:bg-orange-50\/10:active { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:bg-orange-50\/20:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:bg-orange-50\/20:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:bg-orange-50\/20:active { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:bg-orange-50\/30:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:bg-orange-50\/30:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:bg-orange-50\/30:active { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:bg-orange-50\/40:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:bg-orange-50\/40:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:bg-orange-50\/40:active { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:bg-orange-50\/50:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:bg-orange-50\/50:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:bg-orange-50\/50:active { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:bg-orange-50\/60:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:bg-orange-50\/60:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:bg-orange-50\/60:active { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:bg-orange-50\/70:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:bg-orange-50\/70:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:bg-orange-50\/70:active { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:bg-orange-50\/80:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:bg-orange-50\/80:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:bg-orange-50\/80:active { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:bg-orange-50\/90:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:bg-orange-50\/90:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:bg-orange-50\/90:active { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:bg-orange-100:focus { + background-color: var(--orange-100) +} +.hover\:bg-orange-100:hover { + background-color: var(--orange-100) +} +.active\:bg-orange-100:active { + background-color: var(--orange-100) +} +.focus\:bg-orange-100\/10:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:bg-orange-100\/10:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:bg-orange-100\/10:active { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:bg-orange-100\/20:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:bg-orange-100\/20:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:bg-orange-100\/20:active { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:bg-orange-100\/30:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:bg-orange-100\/30:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:bg-orange-100\/30:active { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:bg-orange-100\/40:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:bg-orange-100\/40:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:bg-orange-100\/40:active { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:bg-orange-100\/50:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:bg-orange-100\/50:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:bg-orange-100\/50:active { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:bg-orange-100\/60:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:bg-orange-100\/60:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:bg-orange-100\/60:active { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:bg-orange-100\/70:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:bg-orange-100\/70:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:bg-orange-100\/70:active { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:bg-orange-100\/80:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:bg-orange-100\/80:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:bg-orange-100\/80:active { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:bg-orange-100\/90:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:bg-orange-100\/90:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:bg-orange-100\/90:active { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:bg-orange-200:focus { + background-color: var(--orange-200) +} +.hover\:bg-orange-200:hover { + background-color: var(--orange-200) +} +.active\:bg-orange-200:active { + background-color: var(--orange-200) +} +.focus\:bg-orange-200\/10:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:bg-orange-200\/10:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:bg-orange-200\/10:active { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:bg-orange-200\/20:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:bg-orange-200\/20:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:bg-orange-200\/20:active { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:bg-orange-200\/30:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:bg-orange-200\/30:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:bg-orange-200\/30:active { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:bg-orange-200\/40:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:bg-orange-200\/40:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:bg-orange-200\/40:active { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:bg-orange-200\/50:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:bg-orange-200\/50:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:bg-orange-200\/50:active { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:bg-orange-200\/60:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:bg-orange-200\/60:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:bg-orange-200\/60:active { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:bg-orange-200\/70:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:bg-orange-200\/70:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:bg-orange-200\/70:active { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:bg-orange-200\/80:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:bg-orange-200\/80:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:bg-orange-200\/80:active { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:bg-orange-200\/90:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:bg-orange-200\/90:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:bg-orange-200\/90:active { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:bg-orange-300:focus { + background-color: var(--orange-300) +} +.hover\:bg-orange-300:hover { + background-color: var(--orange-300) +} +.active\:bg-orange-300:active { + background-color: var(--orange-300) +} +.focus\:bg-orange-300\/10:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:bg-orange-300\/10:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:bg-orange-300\/10:active { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:bg-orange-300\/20:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:bg-orange-300\/20:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:bg-orange-300\/20:active { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:bg-orange-300\/30:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:bg-orange-300\/30:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:bg-orange-300\/30:active { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:bg-orange-300\/40:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:bg-orange-300\/40:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:bg-orange-300\/40:active { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:bg-orange-300\/50:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:bg-orange-300\/50:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:bg-orange-300\/50:active { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:bg-orange-300\/60:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:bg-orange-300\/60:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:bg-orange-300\/60:active { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:bg-orange-300\/70:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:bg-orange-300\/70:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:bg-orange-300\/70:active { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:bg-orange-300\/80:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:bg-orange-300\/80:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:bg-orange-300\/80:active { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:bg-orange-300\/90:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:bg-orange-300\/90:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:bg-orange-300\/90:active { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:bg-orange-400:focus { + background-color: var(--orange-400) +} +.hover\:bg-orange-400:hover { + background-color: var(--orange-400) +} +.active\:bg-orange-400:active { + background-color: var(--orange-400) +} +.focus\:bg-orange-400\/10:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:bg-orange-400\/10:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:bg-orange-400\/10:active { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:bg-orange-400\/20:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:bg-orange-400\/20:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:bg-orange-400\/20:active { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:bg-orange-400\/30:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:bg-orange-400\/30:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:bg-orange-400\/30:active { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:bg-orange-400\/40:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:bg-orange-400\/40:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:bg-orange-400\/40:active { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:bg-orange-400\/50:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:bg-orange-400\/50:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:bg-orange-400\/50:active { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:bg-orange-400\/60:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:bg-orange-400\/60:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:bg-orange-400\/60:active { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:bg-orange-400\/70:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:bg-orange-400\/70:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:bg-orange-400\/70:active { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:bg-orange-400\/80:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:bg-orange-400\/80:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:bg-orange-400\/80:active { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:bg-orange-400\/90:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:bg-orange-400\/90:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:bg-orange-400\/90:active { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:bg-orange-500:focus { + background-color: var(--orange-500) +} +.hover\:bg-orange-500:hover { + background-color: var(--orange-500) +} +.active\:bg-orange-500:active { + background-color: var(--orange-500) +} +.focus\:bg-orange-500\/10:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:bg-orange-500\/10:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:bg-orange-500\/10:active { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:bg-orange-500\/20:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:bg-orange-500\/20:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:bg-orange-500\/20:active { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:bg-orange-500\/30:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:bg-orange-500\/30:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:bg-orange-500\/30:active { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:bg-orange-500\/40:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:bg-orange-500\/40:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:bg-orange-500\/40:active { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:bg-orange-500\/50:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:bg-orange-500\/50:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:bg-orange-500\/50:active { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:bg-orange-500\/60:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:bg-orange-500\/60:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:bg-orange-500\/60:active { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:bg-orange-500\/70:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:bg-orange-500\/70:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:bg-orange-500\/70:active { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:bg-orange-500\/80:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:bg-orange-500\/80:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:bg-orange-500\/80:active { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:bg-orange-500\/90:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:bg-orange-500\/90:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:bg-orange-500\/90:active { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:bg-orange-600:focus { + background-color: var(--orange-600) +} +.hover\:bg-orange-600:hover { + background-color: var(--orange-600) +} +.active\:bg-orange-600:active { + background-color: var(--orange-600) +} +.focus\:bg-orange-600\/10:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:bg-orange-600\/10:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:bg-orange-600\/10:active { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:bg-orange-600\/20:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:bg-orange-600\/20:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:bg-orange-600\/20:active { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:bg-orange-600\/30:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:bg-orange-600\/30:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:bg-orange-600\/30:active { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:bg-orange-600\/40:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:bg-orange-600\/40:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:bg-orange-600\/40:active { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:bg-orange-600\/50:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:bg-orange-600\/50:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:bg-orange-600\/50:active { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:bg-orange-600\/60:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:bg-orange-600\/60:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:bg-orange-600\/60:active { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:bg-orange-600\/70:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:bg-orange-600\/70:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:bg-orange-600\/70:active { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:bg-orange-600\/80:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:bg-orange-600\/80:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:bg-orange-600\/80:active { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:bg-orange-600\/90:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:bg-orange-600\/90:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:bg-orange-600\/90:active { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:bg-orange-700:focus { + background-color: var(--orange-700) +} +.hover\:bg-orange-700:hover { + background-color: var(--orange-700) +} +.active\:bg-orange-700:active { + background-color: var(--orange-700) +} +.focus\:bg-orange-700\/10:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:bg-orange-700\/10:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:bg-orange-700\/10:active { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:bg-orange-700\/20:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:bg-orange-700\/20:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:bg-orange-700\/20:active { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:bg-orange-700\/30:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:bg-orange-700\/30:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:bg-orange-700\/30:active { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:bg-orange-700\/40:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:bg-orange-700\/40:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:bg-orange-700\/40:active { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:bg-orange-700\/50:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:bg-orange-700\/50:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:bg-orange-700\/50:active { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:bg-orange-700\/60:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:bg-orange-700\/60:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:bg-orange-700\/60:active { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:bg-orange-700\/70:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:bg-orange-700\/70:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:bg-orange-700\/70:active { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:bg-orange-700\/80:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:bg-orange-700\/80:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:bg-orange-700\/80:active { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:bg-orange-700\/90:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:bg-orange-700\/90:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:bg-orange-700\/90:active { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:bg-orange-800:focus { + background-color: var(--orange-800) +} +.hover\:bg-orange-800:hover { + background-color: var(--orange-800) +} +.active\:bg-orange-800:active { + background-color: var(--orange-800) +} +.focus\:bg-orange-800\/10:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:bg-orange-800\/10:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:bg-orange-800\/10:active { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:bg-orange-800\/20:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:bg-orange-800\/20:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:bg-orange-800\/20:active { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:bg-orange-800\/30:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:bg-orange-800\/30:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:bg-orange-800\/30:active { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:bg-orange-800\/40:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:bg-orange-800\/40:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:bg-orange-800\/40:active { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:bg-orange-800\/50:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:bg-orange-800\/50:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:bg-orange-800\/50:active { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:bg-orange-800\/60:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:bg-orange-800\/60:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:bg-orange-800\/60:active { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:bg-orange-800\/70:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:bg-orange-800\/70:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:bg-orange-800\/70:active { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:bg-orange-800\/80:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:bg-orange-800\/80:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:bg-orange-800\/80:active { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:bg-orange-800\/90:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:bg-orange-800\/90:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:bg-orange-800\/90:active { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:bg-orange-900:focus { + background-color: var(--orange-900) +} +.hover\:bg-orange-900:hover { + background-color: var(--orange-900) +} +.active\:bg-orange-900:active { + background-color: var(--orange-900) +} +.focus\:bg-orange-900\/10:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:bg-orange-900\/10:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:bg-orange-900\/10:active { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:bg-orange-900\/20:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:bg-orange-900\/20:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:bg-orange-900\/20:active { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:bg-orange-900\/30:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:bg-orange-900\/30:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:bg-orange-900\/30:active { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:bg-orange-900\/40:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:bg-orange-900\/40:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:bg-orange-900\/40:active { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:bg-orange-900\/50:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:bg-orange-900\/50:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:bg-orange-900\/50:active { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:bg-orange-900\/60:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:bg-orange-900\/60:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:bg-orange-900\/60:active { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:bg-orange-900\/70:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:bg-orange-900\/70:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:bg-orange-900\/70:active { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:bg-orange-900\/80:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:bg-orange-900\/80:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:bg-orange-900\/80:active { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:bg-orange-900\/90:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:bg-orange-900\/90:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:bg-orange-900\/90:active { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:bg-bluegray-50:focus { + background-color: var(--bluegray-50) +} +.hover\:bg-bluegray-50:hover { + background-color: var(--bluegray-50) +} +.active\:bg-bluegray-50:active { + background-color: var(--bluegray-50) +} +.focus\:bg-bluegray-50\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:bg-bluegray-50\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:bg-bluegray-50\/10:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:bg-bluegray-50\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:bg-bluegray-50\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:bg-bluegray-50\/20:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:bg-bluegray-50\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:bg-bluegray-50\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:bg-bluegray-50\/30:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:bg-bluegray-50\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:bg-bluegray-50\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:bg-bluegray-50\/40:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:bg-bluegray-50\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:bg-bluegray-50\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:bg-bluegray-50\/50:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:bg-bluegray-50\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:bg-bluegray-50\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:bg-bluegray-50\/60:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:bg-bluegray-50\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:bg-bluegray-50\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:bg-bluegray-50\/70:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:bg-bluegray-50\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:bg-bluegray-50\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:bg-bluegray-50\/80:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:bg-bluegray-50\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:bg-bluegray-50\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:bg-bluegray-50\/90:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:bg-bluegray-100:focus { + background-color: var(--bluegray-100) +} +.hover\:bg-bluegray-100:hover { + background-color: var(--bluegray-100) +} +.active\:bg-bluegray-100:active { + background-color: var(--bluegray-100) +} +.focus\:bg-bluegray-100\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:bg-bluegray-100\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:bg-bluegray-100\/10:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:bg-bluegray-100\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:bg-bluegray-100\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:bg-bluegray-100\/20:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:bg-bluegray-100\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:bg-bluegray-100\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:bg-bluegray-100\/30:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:bg-bluegray-100\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:bg-bluegray-100\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:bg-bluegray-100\/40:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:bg-bluegray-100\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:bg-bluegray-100\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:bg-bluegray-100\/50:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:bg-bluegray-100\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:bg-bluegray-100\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:bg-bluegray-100\/60:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:bg-bluegray-100\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:bg-bluegray-100\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:bg-bluegray-100\/70:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:bg-bluegray-100\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:bg-bluegray-100\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:bg-bluegray-100\/80:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:bg-bluegray-100\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:bg-bluegray-100\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:bg-bluegray-100\/90:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:bg-bluegray-200:focus { + background-color: var(--bluegray-200) +} +.hover\:bg-bluegray-200:hover { + background-color: var(--bluegray-200) +} +.active\:bg-bluegray-200:active { + background-color: var(--bluegray-200) +} +.focus\:bg-bluegray-200\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:bg-bluegray-200\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:bg-bluegray-200\/10:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:bg-bluegray-200\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:bg-bluegray-200\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:bg-bluegray-200\/20:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:bg-bluegray-200\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:bg-bluegray-200\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:bg-bluegray-200\/30:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:bg-bluegray-200\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:bg-bluegray-200\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:bg-bluegray-200\/40:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:bg-bluegray-200\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:bg-bluegray-200\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:bg-bluegray-200\/50:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:bg-bluegray-200\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:bg-bluegray-200\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:bg-bluegray-200\/60:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:bg-bluegray-200\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:bg-bluegray-200\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:bg-bluegray-200\/70:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:bg-bluegray-200\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:bg-bluegray-200\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:bg-bluegray-200\/80:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:bg-bluegray-200\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:bg-bluegray-200\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:bg-bluegray-200\/90:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:bg-bluegray-300:focus { + background-color: var(--bluegray-300) +} +.hover\:bg-bluegray-300:hover { + background-color: var(--bluegray-300) +} +.active\:bg-bluegray-300:active { + background-color: var(--bluegray-300) +} +.focus\:bg-bluegray-300\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:bg-bluegray-300\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:bg-bluegray-300\/10:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:bg-bluegray-300\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:bg-bluegray-300\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:bg-bluegray-300\/20:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:bg-bluegray-300\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:bg-bluegray-300\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:bg-bluegray-300\/30:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:bg-bluegray-300\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:bg-bluegray-300\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:bg-bluegray-300\/40:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:bg-bluegray-300\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:bg-bluegray-300\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:bg-bluegray-300\/50:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:bg-bluegray-300\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:bg-bluegray-300\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:bg-bluegray-300\/60:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:bg-bluegray-300\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:bg-bluegray-300\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:bg-bluegray-300\/70:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:bg-bluegray-300\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:bg-bluegray-300\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:bg-bluegray-300\/80:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:bg-bluegray-300\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:bg-bluegray-300\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:bg-bluegray-300\/90:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:bg-bluegray-400:focus { + background-color: var(--bluegray-400) +} +.hover\:bg-bluegray-400:hover { + background-color: var(--bluegray-400) +} +.active\:bg-bluegray-400:active { + background-color: var(--bluegray-400) +} +.focus\:bg-bluegray-400\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:bg-bluegray-400\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:bg-bluegray-400\/10:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:bg-bluegray-400\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:bg-bluegray-400\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:bg-bluegray-400\/20:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:bg-bluegray-400\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:bg-bluegray-400\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:bg-bluegray-400\/30:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:bg-bluegray-400\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:bg-bluegray-400\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:bg-bluegray-400\/40:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:bg-bluegray-400\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:bg-bluegray-400\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:bg-bluegray-400\/50:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:bg-bluegray-400\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:bg-bluegray-400\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:bg-bluegray-400\/60:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:bg-bluegray-400\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:bg-bluegray-400\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:bg-bluegray-400\/70:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:bg-bluegray-400\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:bg-bluegray-400\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:bg-bluegray-400\/80:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:bg-bluegray-400\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:bg-bluegray-400\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:bg-bluegray-400\/90:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:bg-bluegray-500:focus { + background-color: var(--bluegray-500) +} +.hover\:bg-bluegray-500:hover { + background-color: var(--bluegray-500) +} +.active\:bg-bluegray-500:active { + background-color: var(--bluegray-500) +} +.focus\:bg-bluegray-500\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:bg-bluegray-500\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:bg-bluegray-500\/10:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:bg-bluegray-500\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:bg-bluegray-500\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:bg-bluegray-500\/20:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:bg-bluegray-500\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:bg-bluegray-500\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:bg-bluegray-500\/30:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:bg-bluegray-500\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:bg-bluegray-500\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:bg-bluegray-500\/40:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:bg-bluegray-500\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:bg-bluegray-500\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:bg-bluegray-500\/50:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:bg-bluegray-500\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:bg-bluegray-500\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:bg-bluegray-500\/60:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:bg-bluegray-500\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:bg-bluegray-500\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:bg-bluegray-500\/70:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:bg-bluegray-500\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:bg-bluegray-500\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:bg-bluegray-500\/80:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:bg-bluegray-500\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:bg-bluegray-500\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:bg-bluegray-500\/90:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:bg-bluegray-600:focus { + background-color: var(--bluegray-600) +} +.hover\:bg-bluegray-600:hover { + background-color: var(--bluegray-600) +} +.active\:bg-bluegray-600:active { + background-color: var(--bluegray-600) +} +.focus\:bg-bluegray-600\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:bg-bluegray-600\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:bg-bluegray-600\/10:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:bg-bluegray-600\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:bg-bluegray-600\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:bg-bluegray-600\/20:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:bg-bluegray-600\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:bg-bluegray-600\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:bg-bluegray-600\/30:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:bg-bluegray-600\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:bg-bluegray-600\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:bg-bluegray-600\/40:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:bg-bluegray-600\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:bg-bluegray-600\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:bg-bluegray-600\/50:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:bg-bluegray-600\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:bg-bluegray-600\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:bg-bluegray-600\/60:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:bg-bluegray-600\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:bg-bluegray-600\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:bg-bluegray-600\/70:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:bg-bluegray-600\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:bg-bluegray-600\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:bg-bluegray-600\/80:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:bg-bluegray-600\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:bg-bluegray-600\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:bg-bluegray-600\/90:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:bg-bluegray-700:focus { + background-color: var(--bluegray-700) +} +.hover\:bg-bluegray-700:hover { + background-color: var(--bluegray-700) +} +.active\:bg-bluegray-700:active { + background-color: var(--bluegray-700) +} +.focus\:bg-bluegray-700\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:bg-bluegray-700\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:bg-bluegray-700\/10:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:bg-bluegray-700\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:bg-bluegray-700\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:bg-bluegray-700\/20:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:bg-bluegray-700\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:bg-bluegray-700\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:bg-bluegray-700\/30:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:bg-bluegray-700\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:bg-bluegray-700\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:bg-bluegray-700\/40:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:bg-bluegray-700\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:bg-bluegray-700\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:bg-bluegray-700\/50:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:bg-bluegray-700\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:bg-bluegray-700\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:bg-bluegray-700\/60:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:bg-bluegray-700\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:bg-bluegray-700\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:bg-bluegray-700\/70:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:bg-bluegray-700\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:bg-bluegray-700\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:bg-bluegray-700\/80:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:bg-bluegray-700\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:bg-bluegray-700\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:bg-bluegray-700\/90:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:bg-bluegray-800:focus { + background-color: var(--bluegray-800) +} +.hover\:bg-bluegray-800:hover { + background-color: var(--bluegray-800) +} +.active\:bg-bluegray-800:active { + background-color: var(--bluegray-800) +} +.focus\:bg-bluegray-800\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:bg-bluegray-800\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:bg-bluegray-800\/10:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:bg-bluegray-800\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:bg-bluegray-800\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:bg-bluegray-800\/20:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:bg-bluegray-800\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:bg-bluegray-800\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:bg-bluegray-800\/30:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:bg-bluegray-800\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:bg-bluegray-800\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:bg-bluegray-800\/40:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:bg-bluegray-800\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:bg-bluegray-800\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:bg-bluegray-800\/50:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:bg-bluegray-800\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:bg-bluegray-800\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:bg-bluegray-800\/60:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:bg-bluegray-800\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:bg-bluegray-800\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:bg-bluegray-800\/70:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:bg-bluegray-800\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:bg-bluegray-800\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:bg-bluegray-800\/80:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:bg-bluegray-800\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:bg-bluegray-800\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:bg-bluegray-800\/90:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:bg-bluegray-900:focus { + background-color: var(--bluegray-900) +} +.hover\:bg-bluegray-900:hover { + background-color: var(--bluegray-900) +} +.active\:bg-bluegray-900:active { + background-color: var(--bluegray-900) +} +.focus\:bg-bluegray-900\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:bg-bluegray-900\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:bg-bluegray-900\/10:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:bg-bluegray-900\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:bg-bluegray-900\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:bg-bluegray-900\/20:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:bg-bluegray-900\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:bg-bluegray-900\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:bg-bluegray-900\/30:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:bg-bluegray-900\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:bg-bluegray-900\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:bg-bluegray-900\/40:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:bg-bluegray-900\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:bg-bluegray-900\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:bg-bluegray-900\/50:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:bg-bluegray-900\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:bg-bluegray-900\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:bg-bluegray-900\/60:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:bg-bluegray-900\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:bg-bluegray-900\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:bg-bluegray-900\/70:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:bg-bluegray-900\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:bg-bluegray-900\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:bg-bluegray-900\/80:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:bg-bluegray-900\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:bg-bluegray-900\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:bg-bluegray-900\/90:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:bg-purple-50:focus { + background-color: var(--purple-50) +} +.hover\:bg-purple-50:hover { + background-color: var(--purple-50) +} +.active\:bg-purple-50:active { + background-color: var(--purple-50) +} +.focus\:bg-purple-50\/10:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:bg-purple-50\/10:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:bg-purple-50\/10:active { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:bg-purple-50\/20:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:bg-purple-50\/20:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:bg-purple-50\/20:active { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:bg-purple-50\/30:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:bg-purple-50\/30:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:bg-purple-50\/30:active { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:bg-purple-50\/40:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:bg-purple-50\/40:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:bg-purple-50\/40:active { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:bg-purple-50\/50:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:bg-purple-50\/50:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:bg-purple-50\/50:active { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:bg-purple-50\/60:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:bg-purple-50\/60:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:bg-purple-50\/60:active { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:bg-purple-50\/70:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:bg-purple-50\/70:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:bg-purple-50\/70:active { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:bg-purple-50\/80:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:bg-purple-50\/80:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:bg-purple-50\/80:active { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:bg-purple-50\/90:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:bg-purple-50\/90:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:bg-purple-50\/90:active { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:bg-purple-100:focus { + background-color: var(--purple-100) +} +.hover\:bg-purple-100:hover { + background-color: var(--purple-100) +} +.active\:bg-purple-100:active { + background-color: var(--purple-100) +} +.focus\:bg-purple-100\/10:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:bg-purple-100\/10:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:bg-purple-100\/10:active { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:bg-purple-100\/20:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:bg-purple-100\/20:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:bg-purple-100\/20:active { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:bg-purple-100\/30:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:bg-purple-100\/30:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:bg-purple-100\/30:active { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:bg-purple-100\/40:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:bg-purple-100\/40:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:bg-purple-100\/40:active { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:bg-purple-100\/50:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:bg-purple-100\/50:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:bg-purple-100\/50:active { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:bg-purple-100\/60:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:bg-purple-100\/60:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:bg-purple-100\/60:active { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:bg-purple-100\/70:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:bg-purple-100\/70:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:bg-purple-100\/70:active { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:bg-purple-100\/80:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:bg-purple-100\/80:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:bg-purple-100\/80:active { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:bg-purple-100\/90:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:bg-purple-100\/90:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:bg-purple-100\/90:active { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:bg-purple-200:focus { + background-color: var(--purple-200) +} +.hover\:bg-purple-200:hover { + background-color: var(--purple-200) +} +.active\:bg-purple-200:active { + background-color: var(--purple-200) +} +.focus\:bg-purple-200\/10:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:bg-purple-200\/10:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:bg-purple-200\/10:active { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:bg-purple-200\/20:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:bg-purple-200\/20:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:bg-purple-200\/20:active { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:bg-purple-200\/30:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:bg-purple-200\/30:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:bg-purple-200\/30:active { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:bg-purple-200\/40:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:bg-purple-200\/40:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:bg-purple-200\/40:active { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:bg-purple-200\/50:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:bg-purple-200\/50:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:bg-purple-200\/50:active { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:bg-purple-200\/60:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:bg-purple-200\/60:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:bg-purple-200\/60:active { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:bg-purple-200\/70:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:bg-purple-200\/70:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:bg-purple-200\/70:active { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:bg-purple-200\/80:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:bg-purple-200\/80:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:bg-purple-200\/80:active { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:bg-purple-200\/90:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:bg-purple-200\/90:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:bg-purple-200\/90:active { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:bg-purple-300:focus { + background-color: var(--purple-300) +} +.hover\:bg-purple-300:hover { + background-color: var(--purple-300) +} +.active\:bg-purple-300:active { + background-color: var(--purple-300) +} +.focus\:bg-purple-300\/10:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:bg-purple-300\/10:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:bg-purple-300\/10:active { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:bg-purple-300\/20:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:bg-purple-300\/20:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:bg-purple-300\/20:active { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:bg-purple-300\/30:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:bg-purple-300\/30:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:bg-purple-300\/30:active { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:bg-purple-300\/40:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:bg-purple-300\/40:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:bg-purple-300\/40:active { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:bg-purple-300\/50:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:bg-purple-300\/50:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:bg-purple-300\/50:active { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:bg-purple-300\/60:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:bg-purple-300\/60:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:bg-purple-300\/60:active { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:bg-purple-300\/70:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:bg-purple-300\/70:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:bg-purple-300\/70:active { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:bg-purple-300\/80:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:bg-purple-300\/80:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:bg-purple-300\/80:active { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:bg-purple-300\/90:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:bg-purple-300\/90:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:bg-purple-300\/90:active { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:bg-purple-400:focus { + background-color: var(--purple-400) +} +.hover\:bg-purple-400:hover { + background-color: var(--purple-400) +} +.active\:bg-purple-400:active { + background-color: var(--purple-400) +} +.focus\:bg-purple-400\/10:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:bg-purple-400\/10:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:bg-purple-400\/10:active { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:bg-purple-400\/20:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:bg-purple-400\/20:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:bg-purple-400\/20:active { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:bg-purple-400\/30:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:bg-purple-400\/30:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:bg-purple-400\/30:active { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:bg-purple-400\/40:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:bg-purple-400\/40:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:bg-purple-400\/40:active { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:bg-purple-400\/50:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:bg-purple-400\/50:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:bg-purple-400\/50:active { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:bg-purple-400\/60:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:bg-purple-400\/60:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:bg-purple-400\/60:active { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:bg-purple-400\/70:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:bg-purple-400\/70:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:bg-purple-400\/70:active { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:bg-purple-400\/80:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:bg-purple-400\/80:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:bg-purple-400\/80:active { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:bg-purple-400\/90:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:bg-purple-400\/90:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:bg-purple-400\/90:active { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:bg-purple-500:focus { + background-color: var(--purple-500) +} +.hover\:bg-purple-500:hover { + background-color: var(--purple-500) +} +.active\:bg-purple-500:active { + background-color: var(--purple-500) +} +.focus\:bg-purple-500\/10:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:bg-purple-500\/10:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:bg-purple-500\/10:active { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:bg-purple-500\/20:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:bg-purple-500\/20:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:bg-purple-500\/20:active { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:bg-purple-500\/30:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:bg-purple-500\/30:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:bg-purple-500\/30:active { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:bg-purple-500\/40:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:bg-purple-500\/40:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:bg-purple-500\/40:active { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:bg-purple-500\/50:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:bg-purple-500\/50:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:bg-purple-500\/50:active { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:bg-purple-500\/60:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:bg-purple-500\/60:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:bg-purple-500\/60:active { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:bg-purple-500\/70:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:bg-purple-500\/70:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:bg-purple-500\/70:active { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:bg-purple-500\/80:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:bg-purple-500\/80:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:bg-purple-500\/80:active { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:bg-purple-500\/90:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:bg-purple-500\/90:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:bg-purple-500\/90:active { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:bg-purple-600:focus { + background-color: var(--purple-600) +} +.hover\:bg-purple-600:hover { + background-color: var(--purple-600) +} +.active\:bg-purple-600:active { + background-color: var(--purple-600) +} +.focus\:bg-purple-600\/10:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:bg-purple-600\/10:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:bg-purple-600\/10:active { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:bg-purple-600\/20:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:bg-purple-600\/20:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:bg-purple-600\/20:active { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:bg-purple-600\/30:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:bg-purple-600\/30:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:bg-purple-600\/30:active { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:bg-purple-600\/40:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:bg-purple-600\/40:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:bg-purple-600\/40:active { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:bg-purple-600\/50:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:bg-purple-600\/50:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:bg-purple-600\/50:active { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:bg-purple-600\/60:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:bg-purple-600\/60:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:bg-purple-600\/60:active { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:bg-purple-600\/70:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:bg-purple-600\/70:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:bg-purple-600\/70:active { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:bg-purple-600\/80:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:bg-purple-600\/80:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:bg-purple-600\/80:active { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:bg-purple-600\/90:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:bg-purple-600\/90:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:bg-purple-600\/90:active { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:bg-purple-700:focus { + background-color: var(--purple-700) +} +.hover\:bg-purple-700:hover { + background-color: var(--purple-700) +} +.active\:bg-purple-700:active { + background-color: var(--purple-700) +} +.focus\:bg-purple-700\/10:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:bg-purple-700\/10:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:bg-purple-700\/10:active { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:bg-purple-700\/20:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:bg-purple-700\/20:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:bg-purple-700\/20:active { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:bg-purple-700\/30:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:bg-purple-700\/30:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:bg-purple-700\/30:active { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:bg-purple-700\/40:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:bg-purple-700\/40:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:bg-purple-700\/40:active { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:bg-purple-700\/50:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:bg-purple-700\/50:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:bg-purple-700\/50:active { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:bg-purple-700\/60:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:bg-purple-700\/60:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:bg-purple-700\/60:active { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:bg-purple-700\/70:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:bg-purple-700\/70:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:bg-purple-700\/70:active { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:bg-purple-700\/80:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:bg-purple-700\/80:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:bg-purple-700\/80:active { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:bg-purple-700\/90:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:bg-purple-700\/90:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:bg-purple-700\/90:active { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:bg-purple-800:focus { + background-color: var(--purple-800) +} +.hover\:bg-purple-800:hover { + background-color: var(--purple-800) +} +.active\:bg-purple-800:active { + background-color: var(--purple-800) +} +.focus\:bg-purple-800\/10:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:bg-purple-800\/10:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:bg-purple-800\/10:active { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:bg-purple-800\/20:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:bg-purple-800\/20:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:bg-purple-800\/20:active { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:bg-purple-800\/30:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:bg-purple-800\/30:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:bg-purple-800\/30:active { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:bg-purple-800\/40:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:bg-purple-800\/40:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:bg-purple-800\/40:active { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:bg-purple-800\/50:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:bg-purple-800\/50:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:bg-purple-800\/50:active { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:bg-purple-800\/60:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:bg-purple-800\/60:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:bg-purple-800\/60:active { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:bg-purple-800\/70:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:bg-purple-800\/70:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:bg-purple-800\/70:active { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:bg-purple-800\/80:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:bg-purple-800\/80:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:bg-purple-800\/80:active { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:bg-purple-800\/90:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:bg-purple-800\/90:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:bg-purple-800\/90:active { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:bg-purple-900:focus { + background-color: var(--purple-900) +} +.hover\:bg-purple-900:hover { + background-color: var(--purple-900) +} +.active\:bg-purple-900:active { + background-color: var(--purple-900) +} +.focus\:bg-purple-900\/10:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:bg-purple-900\/10:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:bg-purple-900\/10:active { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:bg-purple-900\/20:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:bg-purple-900\/20:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:bg-purple-900\/20:active { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:bg-purple-900\/30:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:bg-purple-900\/30:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:bg-purple-900\/30:active { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:bg-purple-900\/40:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:bg-purple-900\/40:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:bg-purple-900\/40:active { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:bg-purple-900\/50:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:bg-purple-900\/50:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:bg-purple-900\/50:active { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:bg-purple-900\/60:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:bg-purple-900\/60:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:bg-purple-900\/60:active { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:bg-purple-900\/70:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:bg-purple-900\/70:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:bg-purple-900\/70:active { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:bg-purple-900\/80:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:bg-purple-900\/80:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:bg-purple-900\/80:active { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:bg-purple-900\/90:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:bg-purple-900\/90:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:bg-purple-900\/90:active { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:bg-red-50:focus { + background-color: var(--red-50) +} +.hover\:bg-red-50:hover { + background-color: var(--red-50) +} +.active\:bg-red-50:active { + background-color: var(--red-50) +} +.focus\:bg-red-50\/10:focus { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:bg-red-50\/10:hover { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:bg-red-50\/10:active { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:bg-red-50\/20:focus { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:bg-red-50\/20:hover { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:bg-red-50\/20:active { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:bg-red-50\/30:focus { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:bg-red-50\/30:hover { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:bg-red-50\/30:active { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:bg-red-50\/40:focus { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:bg-red-50\/40:hover { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:bg-red-50\/40:active { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:bg-red-50\/50:focus { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:bg-red-50\/50:hover { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:bg-red-50\/50:active { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:bg-red-50\/60:focus { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:bg-red-50\/60:hover { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:bg-red-50\/60:active { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:bg-red-50\/70:focus { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:bg-red-50\/70:hover { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:bg-red-50\/70:active { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:bg-red-50\/80:focus { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:bg-red-50\/80:hover { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:bg-red-50\/80:active { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:bg-red-50\/90:focus { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:bg-red-50\/90:hover { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:bg-red-50\/90:active { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:bg-red-100:focus { + background-color: var(--red-100) +} +.hover\:bg-red-100:hover { + background-color: var(--red-100) +} +.active\:bg-red-100:active { + background-color: var(--red-100) +} +.focus\:bg-red-100\/10:focus { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:bg-red-100\/10:hover { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:bg-red-100\/10:active { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:bg-red-100\/20:focus { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:bg-red-100\/20:hover { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:bg-red-100\/20:active { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:bg-red-100\/30:focus { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:bg-red-100\/30:hover { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:bg-red-100\/30:active { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:bg-red-100\/40:focus { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:bg-red-100\/40:hover { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:bg-red-100\/40:active { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:bg-red-100\/50:focus { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:bg-red-100\/50:hover { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:bg-red-100\/50:active { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:bg-red-100\/60:focus { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:bg-red-100\/60:hover { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:bg-red-100\/60:active { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:bg-red-100\/70:focus { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:bg-red-100\/70:hover { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:bg-red-100\/70:active { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:bg-red-100\/80:focus { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:bg-red-100\/80:hover { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:bg-red-100\/80:active { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:bg-red-100\/90:focus { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:bg-red-100\/90:hover { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:bg-red-100\/90:active { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:bg-red-200:focus { + background-color: var(--red-200) +} +.hover\:bg-red-200:hover { + background-color: var(--red-200) +} +.active\:bg-red-200:active { + background-color: var(--red-200) +} +.focus\:bg-red-200\/10:focus { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:bg-red-200\/10:hover { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:bg-red-200\/10:active { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:bg-red-200\/20:focus { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:bg-red-200\/20:hover { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:bg-red-200\/20:active { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:bg-red-200\/30:focus { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:bg-red-200\/30:hover { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:bg-red-200\/30:active { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:bg-red-200\/40:focus { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:bg-red-200\/40:hover { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:bg-red-200\/40:active { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:bg-red-200\/50:focus { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:bg-red-200\/50:hover { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:bg-red-200\/50:active { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:bg-red-200\/60:focus { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:bg-red-200\/60:hover { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:bg-red-200\/60:active { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:bg-red-200\/70:focus { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:bg-red-200\/70:hover { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:bg-red-200\/70:active { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:bg-red-200\/80:focus { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:bg-red-200\/80:hover { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:bg-red-200\/80:active { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:bg-red-200\/90:focus { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:bg-red-200\/90:hover { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:bg-red-200\/90:active { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:bg-red-300:focus { + background-color: var(--red-300) +} +.hover\:bg-red-300:hover { + background-color: var(--red-300) +} +.active\:bg-red-300:active { + background-color: var(--red-300) +} +.focus\:bg-red-300\/10:focus { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:bg-red-300\/10:hover { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:bg-red-300\/10:active { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:bg-red-300\/20:focus { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:bg-red-300\/20:hover { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:bg-red-300\/20:active { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:bg-red-300\/30:focus { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:bg-red-300\/30:hover { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:bg-red-300\/30:active { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:bg-red-300\/40:focus { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:bg-red-300\/40:hover { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:bg-red-300\/40:active { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:bg-red-300\/50:focus { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:bg-red-300\/50:hover { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:bg-red-300\/50:active { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:bg-red-300\/60:focus { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:bg-red-300\/60:hover { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:bg-red-300\/60:active { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:bg-red-300\/70:focus { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:bg-red-300\/70:hover { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:bg-red-300\/70:active { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:bg-red-300\/80:focus { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:bg-red-300\/80:hover { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:bg-red-300\/80:active { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:bg-red-300\/90:focus { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:bg-red-300\/90:hover { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:bg-red-300\/90:active { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:bg-red-400:focus { + background-color: var(--red-400) +} +.hover\:bg-red-400:hover { + background-color: var(--red-400) +} +.active\:bg-red-400:active { + background-color: var(--red-400) +} +.focus\:bg-red-400\/10:focus { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:bg-red-400\/10:hover { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:bg-red-400\/10:active { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:bg-red-400\/20:focus { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:bg-red-400\/20:hover { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:bg-red-400\/20:active { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:bg-red-400\/30:focus { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:bg-red-400\/30:hover { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:bg-red-400\/30:active { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:bg-red-400\/40:focus { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:bg-red-400\/40:hover { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:bg-red-400\/40:active { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:bg-red-400\/50:focus { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:bg-red-400\/50:hover { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:bg-red-400\/50:active { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:bg-red-400\/60:focus { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:bg-red-400\/60:hover { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:bg-red-400\/60:active { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:bg-red-400\/70:focus { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:bg-red-400\/70:hover { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:bg-red-400\/70:active { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:bg-red-400\/80:focus { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:bg-red-400\/80:hover { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:bg-red-400\/80:active { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:bg-red-400\/90:focus { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:bg-red-400\/90:hover { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:bg-red-400\/90:active { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:bg-red-500:focus { + background-color: var(--red-500) +} +.hover\:bg-red-500:hover { + background-color: var(--red-500) +} +.active\:bg-red-500:active { + background-color: var(--red-500) +} +.focus\:bg-red-500\/10:focus { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:bg-red-500\/10:hover { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:bg-red-500\/10:active { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:bg-red-500\/20:focus { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:bg-red-500\/20:hover { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:bg-red-500\/20:active { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:bg-red-500\/30:focus { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:bg-red-500\/30:hover { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:bg-red-500\/30:active { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:bg-red-500\/40:focus { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:bg-red-500\/40:hover { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:bg-red-500\/40:active { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:bg-red-500\/50:focus { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:bg-red-500\/50:hover { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:bg-red-500\/50:active { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:bg-red-500\/60:focus { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:bg-red-500\/60:hover { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:bg-red-500\/60:active { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:bg-red-500\/70:focus { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:bg-red-500\/70:hover { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:bg-red-500\/70:active { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:bg-red-500\/80:focus { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:bg-red-500\/80:hover { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:bg-red-500\/80:active { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:bg-red-500\/90:focus { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:bg-red-500\/90:hover { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:bg-red-500\/90:active { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:bg-red-600:focus { + background-color: var(--red-600) +} +.hover\:bg-red-600:hover { + background-color: var(--red-600) +} +.active\:bg-red-600:active { + background-color: var(--red-600) +} +.focus\:bg-red-600\/10:focus { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:bg-red-600\/10:hover { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:bg-red-600\/10:active { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:bg-red-600\/20:focus { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:bg-red-600\/20:hover { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:bg-red-600\/20:active { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:bg-red-600\/30:focus { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:bg-red-600\/30:hover { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:bg-red-600\/30:active { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:bg-red-600\/40:focus { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:bg-red-600\/40:hover { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:bg-red-600\/40:active { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:bg-red-600\/50:focus { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:bg-red-600\/50:hover { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:bg-red-600\/50:active { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:bg-red-600\/60:focus { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:bg-red-600\/60:hover { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:bg-red-600\/60:active { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:bg-red-600\/70:focus { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:bg-red-600\/70:hover { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:bg-red-600\/70:active { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:bg-red-600\/80:focus { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:bg-red-600\/80:hover { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:bg-red-600\/80:active { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:bg-red-600\/90:focus { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:bg-red-600\/90:hover { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:bg-red-600\/90:active { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:bg-red-700:focus { + background-color: var(--red-700) +} +.hover\:bg-red-700:hover { + background-color: var(--red-700) +} +.active\:bg-red-700:active { + background-color: var(--red-700) +} +.focus\:bg-red-700\/10:focus { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:bg-red-700\/10:hover { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:bg-red-700\/10:active { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:bg-red-700\/20:focus { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:bg-red-700\/20:hover { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:bg-red-700\/20:active { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:bg-red-700\/30:focus { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:bg-red-700\/30:hover { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:bg-red-700\/30:active { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:bg-red-700\/40:focus { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:bg-red-700\/40:hover { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:bg-red-700\/40:active { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:bg-red-700\/50:focus { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:bg-red-700\/50:hover { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:bg-red-700\/50:active { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:bg-red-700\/60:focus { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:bg-red-700\/60:hover { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:bg-red-700\/60:active { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:bg-red-700\/70:focus { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:bg-red-700\/70:hover { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:bg-red-700\/70:active { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:bg-red-700\/80:focus { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:bg-red-700\/80:hover { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:bg-red-700\/80:active { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:bg-red-700\/90:focus { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:bg-red-700\/90:hover { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:bg-red-700\/90:active { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:bg-red-800:focus { + background-color: var(--red-800) +} +.hover\:bg-red-800:hover { + background-color: var(--red-800) +} +.active\:bg-red-800:active { + background-color: var(--red-800) +} +.focus\:bg-red-800\/10:focus { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:bg-red-800\/10:hover { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:bg-red-800\/10:active { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:bg-red-800\/20:focus { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:bg-red-800\/20:hover { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:bg-red-800\/20:active { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:bg-red-800\/30:focus { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:bg-red-800\/30:hover { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:bg-red-800\/30:active { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:bg-red-800\/40:focus { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:bg-red-800\/40:hover { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:bg-red-800\/40:active { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:bg-red-800\/50:focus { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:bg-red-800\/50:hover { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:bg-red-800\/50:active { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:bg-red-800\/60:focus { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:bg-red-800\/60:hover { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:bg-red-800\/60:active { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:bg-red-800\/70:focus { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:bg-red-800\/70:hover { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:bg-red-800\/70:active { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:bg-red-800\/80:focus { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:bg-red-800\/80:hover { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:bg-red-800\/80:active { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:bg-red-800\/90:focus { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:bg-red-800\/90:hover { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:bg-red-800\/90:active { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:bg-red-900:focus { + background-color: var(--red-900) +} +.hover\:bg-red-900:hover { + background-color: var(--red-900) +} +.active\:bg-red-900:active { + background-color: var(--red-900) +} +.focus\:bg-red-900\/10:focus { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:bg-red-900\/10:hover { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:bg-red-900\/10:active { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:bg-red-900\/20:focus { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:bg-red-900\/20:hover { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:bg-red-900\/20:active { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:bg-red-900\/30:focus { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:bg-red-900\/30:hover { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:bg-red-900\/30:active { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:bg-red-900\/40:focus { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:bg-red-900\/40:hover { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:bg-red-900\/40:active { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:bg-red-900\/50:focus { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:bg-red-900\/50:hover { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:bg-red-900\/50:active { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:bg-red-900\/60:focus { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:bg-red-900\/60:hover { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:bg-red-900\/60:active { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:bg-red-900\/70:focus { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:bg-red-900\/70:hover { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:bg-red-900\/70:active { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:bg-red-900\/80:focus { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:bg-red-900\/80:hover { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:bg-red-900\/80:active { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:bg-red-900\/90:focus { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:bg-red-900\/90:hover { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:bg-red-900\/90:active { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:bg-gray-50:focus { + background-color: var(--gray-50) +} +.hover\:bg-gray-50:hover { + background-color: var(--gray-50) +} +.active\:bg-gray-50:active { + background-color: var(--gray-50) +} +.focus\:bg-gray-50\/10:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:bg-gray-50\/10:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:bg-gray-50\/10:active { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:bg-gray-50\/20:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:bg-gray-50\/20:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:bg-gray-50\/20:active { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:bg-gray-50\/30:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:bg-gray-50\/30:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:bg-gray-50\/30:active { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:bg-gray-50\/40:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:bg-gray-50\/40:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:bg-gray-50\/40:active { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:bg-gray-50\/50:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:bg-gray-50\/50:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:bg-gray-50\/50:active { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:bg-gray-50\/60:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:bg-gray-50\/60:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:bg-gray-50\/60:active { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:bg-gray-50\/70:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:bg-gray-50\/70:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:bg-gray-50\/70:active { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:bg-gray-50\/80:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:bg-gray-50\/80:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:bg-gray-50\/80:active { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:bg-gray-50\/90:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:bg-gray-50\/90:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:bg-gray-50\/90:active { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:bg-gray-100:focus { + background-color: var(--gray-100) +} +.hover\:bg-gray-100:hover { + background-color: var(--gray-100) +} +.active\:bg-gray-100:active { + background-color: var(--gray-100) +} +.focus\:bg-gray-100\/10:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:bg-gray-100\/10:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:bg-gray-100\/10:active { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:bg-gray-100\/20:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:bg-gray-100\/20:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:bg-gray-100\/20:active { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:bg-gray-100\/30:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:bg-gray-100\/30:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:bg-gray-100\/30:active { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:bg-gray-100\/40:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:bg-gray-100\/40:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:bg-gray-100\/40:active { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:bg-gray-100\/50:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:bg-gray-100\/50:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:bg-gray-100\/50:active { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:bg-gray-100\/60:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:bg-gray-100\/60:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:bg-gray-100\/60:active { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:bg-gray-100\/70:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:bg-gray-100\/70:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:bg-gray-100\/70:active { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:bg-gray-100\/80:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:bg-gray-100\/80:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:bg-gray-100\/80:active { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:bg-gray-100\/90:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:bg-gray-100\/90:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:bg-gray-100\/90:active { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:bg-gray-200:focus { + background-color: var(--gray-200) +} +.hover\:bg-gray-200:hover { + background-color: var(--gray-200) +} +.active\:bg-gray-200:active { + background-color: var(--gray-200) +} +.focus\:bg-gray-200\/10:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:bg-gray-200\/10:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:bg-gray-200\/10:active { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:bg-gray-200\/20:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:bg-gray-200\/20:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:bg-gray-200\/20:active { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:bg-gray-200\/30:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:bg-gray-200\/30:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:bg-gray-200\/30:active { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:bg-gray-200\/40:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:bg-gray-200\/40:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:bg-gray-200\/40:active { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:bg-gray-200\/50:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:bg-gray-200\/50:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:bg-gray-200\/50:active { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:bg-gray-200\/60:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:bg-gray-200\/60:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:bg-gray-200\/60:active { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:bg-gray-200\/70:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:bg-gray-200\/70:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:bg-gray-200\/70:active { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:bg-gray-200\/80:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:bg-gray-200\/80:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:bg-gray-200\/80:active { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:bg-gray-200\/90:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:bg-gray-200\/90:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:bg-gray-200\/90:active { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:bg-gray-300:focus { + background-color: var(--gray-300) +} +.hover\:bg-gray-300:hover { + background-color: var(--gray-300) +} +.active\:bg-gray-300:active { + background-color: var(--gray-300) +} +.focus\:bg-gray-300\/10:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:bg-gray-300\/10:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:bg-gray-300\/10:active { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:bg-gray-300\/20:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:bg-gray-300\/20:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:bg-gray-300\/20:active { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:bg-gray-300\/30:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:bg-gray-300\/30:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:bg-gray-300\/30:active { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:bg-gray-300\/40:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:bg-gray-300\/40:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:bg-gray-300\/40:active { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:bg-gray-300\/50:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:bg-gray-300\/50:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:bg-gray-300\/50:active { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:bg-gray-300\/60:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:bg-gray-300\/60:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:bg-gray-300\/60:active { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:bg-gray-300\/70:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:bg-gray-300\/70:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:bg-gray-300\/70:active { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:bg-gray-300\/80:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:bg-gray-300\/80:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:bg-gray-300\/80:active { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:bg-gray-300\/90:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:bg-gray-300\/90:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:bg-gray-300\/90:active { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:bg-gray-400:focus { + background-color: var(--gray-400) +} +.hover\:bg-gray-400:hover { + background-color: var(--gray-400) +} +.active\:bg-gray-400:active { + background-color: var(--gray-400) +} +.focus\:bg-gray-400\/10:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:bg-gray-400\/10:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:bg-gray-400\/10:active { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:bg-gray-400\/20:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:bg-gray-400\/20:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:bg-gray-400\/20:active { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:bg-gray-400\/30:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:bg-gray-400\/30:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:bg-gray-400\/30:active { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:bg-gray-400\/40:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:bg-gray-400\/40:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:bg-gray-400\/40:active { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:bg-gray-400\/50:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:bg-gray-400\/50:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:bg-gray-400\/50:active { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:bg-gray-400\/60:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:bg-gray-400\/60:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:bg-gray-400\/60:active { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:bg-gray-400\/70:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:bg-gray-400\/70:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:bg-gray-400\/70:active { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:bg-gray-400\/80:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:bg-gray-400\/80:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:bg-gray-400\/80:active { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:bg-gray-400\/90:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:bg-gray-400\/90:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:bg-gray-400\/90:active { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:bg-gray-500:focus { + background-color: var(--gray-500) +} +.hover\:bg-gray-500:hover { + background-color: var(--gray-500) +} +.active\:bg-gray-500:active { + background-color: var(--gray-500) +} +.focus\:bg-gray-500\/10:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:bg-gray-500\/10:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:bg-gray-500\/10:active { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:bg-gray-500\/20:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:bg-gray-500\/20:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:bg-gray-500\/20:active { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:bg-gray-500\/30:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:bg-gray-500\/30:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:bg-gray-500\/30:active { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:bg-gray-500\/40:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:bg-gray-500\/40:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:bg-gray-500\/40:active { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:bg-gray-500\/50:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:bg-gray-500\/50:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:bg-gray-500\/50:active { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:bg-gray-500\/60:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:bg-gray-500\/60:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:bg-gray-500\/60:active { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:bg-gray-500\/70:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:bg-gray-500\/70:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:bg-gray-500\/70:active { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:bg-gray-500\/80:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:bg-gray-500\/80:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:bg-gray-500\/80:active { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:bg-gray-500\/90:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:bg-gray-500\/90:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:bg-gray-500\/90:active { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:bg-gray-600:focus { + background-color: var(--gray-600) +} +.hover\:bg-gray-600:hover { + background-color: var(--gray-600) +} +.active\:bg-gray-600:active { + background-color: var(--gray-600) +} +.focus\:bg-gray-600\/10:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:bg-gray-600\/10:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:bg-gray-600\/10:active { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:bg-gray-600\/20:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:bg-gray-600\/20:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:bg-gray-600\/20:active { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:bg-gray-600\/30:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:bg-gray-600\/30:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:bg-gray-600\/30:active { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:bg-gray-600\/40:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:bg-gray-600\/40:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:bg-gray-600\/40:active { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:bg-gray-600\/50:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:bg-gray-600\/50:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:bg-gray-600\/50:active { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:bg-gray-600\/60:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:bg-gray-600\/60:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:bg-gray-600\/60:active { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:bg-gray-600\/70:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:bg-gray-600\/70:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:bg-gray-600\/70:active { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:bg-gray-600\/80:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:bg-gray-600\/80:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:bg-gray-600\/80:active { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:bg-gray-600\/90:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:bg-gray-600\/90:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:bg-gray-600\/90:active { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:bg-gray-700:focus { + background-color: var(--gray-700) +} +.hover\:bg-gray-700:hover { + background-color: var(--gray-700) +} +.active\:bg-gray-700:active { + background-color: var(--gray-700) +} +.focus\:bg-gray-700\/10:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:bg-gray-700\/10:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:bg-gray-700\/10:active { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:bg-gray-700\/20:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:bg-gray-700\/20:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:bg-gray-700\/20:active { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:bg-gray-700\/30:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:bg-gray-700\/30:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:bg-gray-700\/30:active { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:bg-gray-700\/40:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:bg-gray-700\/40:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:bg-gray-700\/40:active { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:bg-gray-700\/50:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:bg-gray-700\/50:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:bg-gray-700\/50:active { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:bg-gray-700\/60:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:bg-gray-700\/60:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:bg-gray-700\/60:active { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:bg-gray-700\/70:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:bg-gray-700\/70:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:bg-gray-700\/70:active { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:bg-gray-700\/80:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:bg-gray-700\/80:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:bg-gray-700\/80:active { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:bg-gray-700\/90:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:bg-gray-700\/90:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:bg-gray-700\/90:active { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:bg-gray-800:focus { + background-color: var(--gray-800) +} +.hover\:bg-gray-800:hover { + background-color: var(--gray-800) +} +.active\:bg-gray-800:active { + background-color: var(--gray-800) +} +.focus\:bg-gray-800\/10:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:bg-gray-800\/10:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:bg-gray-800\/10:active { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:bg-gray-800\/20:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:bg-gray-800\/20:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:bg-gray-800\/20:active { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:bg-gray-800\/30:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:bg-gray-800\/30:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:bg-gray-800\/30:active { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:bg-gray-800\/40:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:bg-gray-800\/40:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:bg-gray-800\/40:active { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:bg-gray-800\/50:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:bg-gray-800\/50:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:bg-gray-800\/50:active { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:bg-gray-800\/60:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:bg-gray-800\/60:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:bg-gray-800\/60:active { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:bg-gray-800\/70:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:bg-gray-800\/70:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:bg-gray-800\/70:active { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:bg-gray-800\/80:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:bg-gray-800\/80:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:bg-gray-800\/80:active { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:bg-gray-800\/90:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:bg-gray-800\/90:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:bg-gray-800\/90:active { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:bg-gray-900:focus { + background-color: var(--gray-900) +} +.hover\:bg-gray-900:hover { + background-color: var(--gray-900) +} +.active\:bg-gray-900:active { + background-color: var(--gray-900) +} +.focus\:bg-gray-900\/10:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:bg-gray-900\/10:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:bg-gray-900\/10:active { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:bg-gray-900\/20:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:bg-gray-900\/20:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:bg-gray-900\/20:active { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:bg-gray-900\/30:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:bg-gray-900\/30:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:bg-gray-900\/30:active { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:bg-gray-900\/40:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:bg-gray-900\/40:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:bg-gray-900\/40:active { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:bg-gray-900\/50:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:bg-gray-900\/50:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:bg-gray-900\/50:active { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:bg-gray-900\/60:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:bg-gray-900\/60:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:bg-gray-900\/60:active { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:bg-gray-900\/70:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:bg-gray-900\/70:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:bg-gray-900\/70:active { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:bg-gray-900\/80:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:bg-gray-900\/80:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:bg-gray-900\/80:active { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:bg-gray-900\/90:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:bg-gray-900\/90:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:bg-gray-900\/90:active { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:bg-surface-0:focus { + background-color: var(--surface-0) +} +.hover\:bg-surface-0:hover { + background-color: var(--surface-0) +} +.active\:bg-surface-0:active { + background-color: var(--surface-0) +} +.focus\:bg-surface-0\/10:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:bg-surface-0\/10:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:bg-surface-0\/10:active { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:bg-surface-0\/20:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:bg-surface-0\/20:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:bg-surface-0\/20:active { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:bg-surface-0\/30:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:bg-surface-0\/30:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:bg-surface-0\/30:active { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:bg-surface-0\/40:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:bg-surface-0\/40:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:bg-surface-0\/40:active { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:bg-surface-0\/50:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:bg-surface-0\/50:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:bg-surface-0\/50:active { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:bg-surface-0\/60:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:bg-surface-0\/60:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:bg-surface-0\/60:active { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:bg-surface-0\/70:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:bg-surface-0\/70:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:bg-surface-0\/70:active { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:bg-surface-0\/80:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:bg-surface-0\/80:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:bg-surface-0\/80:active { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:bg-surface-0\/90:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:bg-surface-0\/90:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:bg-surface-0\/90:active { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:bg-surface-50:focus { + background-color: var(--surface-50) +} +.hover\:bg-surface-50:hover { + background-color: var(--surface-50) +} +.active\:bg-surface-50:active { + background-color: var(--surface-50) +} +.focus\:bg-surface-50\/10:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:bg-surface-50\/10:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:bg-surface-50\/10:active { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:bg-surface-50\/20:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:bg-surface-50\/20:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:bg-surface-50\/20:active { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:bg-surface-50\/30:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:bg-surface-50\/30:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:bg-surface-50\/30:active { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:bg-surface-50\/40:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:bg-surface-50\/40:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:bg-surface-50\/40:active { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:bg-surface-50\/50:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:bg-surface-50\/50:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:bg-surface-50\/50:active { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:bg-surface-50\/60:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:bg-surface-50\/60:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:bg-surface-50\/60:active { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:bg-surface-50\/70:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:bg-surface-50\/70:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:bg-surface-50\/70:active { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:bg-surface-50\/80:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:bg-surface-50\/80:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:bg-surface-50\/80:active { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:bg-surface-50\/90:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:bg-surface-50\/90:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:bg-surface-50\/90:active { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:bg-surface-100:focus { + background-color: var(--surface-100) +} +.hover\:bg-surface-100:hover { + background-color: var(--surface-100) +} +.active\:bg-surface-100:active { + background-color: var(--surface-100) +} +.focus\:bg-surface-100\/10:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:bg-surface-100\/10:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:bg-surface-100\/10:active { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:bg-surface-100\/20:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:bg-surface-100\/20:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:bg-surface-100\/20:active { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:bg-surface-100\/30:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:bg-surface-100\/30:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:bg-surface-100\/30:active { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:bg-surface-100\/40:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:bg-surface-100\/40:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:bg-surface-100\/40:active { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:bg-surface-100\/50:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:bg-surface-100\/50:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:bg-surface-100\/50:active { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:bg-surface-100\/60:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:bg-surface-100\/60:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:bg-surface-100\/60:active { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:bg-surface-100\/70:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:bg-surface-100\/70:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:bg-surface-100\/70:active { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:bg-surface-100\/80:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:bg-surface-100\/80:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:bg-surface-100\/80:active { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:bg-surface-100\/90:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:bg-surface-100\/90:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:bg-surface-100\/90:active { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:bg-surface-200:focus { + background-color: var(--surface-200) +} +.hover\:bg-surface-200:hover { + background-color: var(--surface-200) +} +.active\:bg-surface-200:active { + background-color: var(--surface-200) +} +.focus\:bg-surface-200\/10:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:bg-surface-200\/10:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:bg-surface-200\/10:active { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:bg-surface-200\/20:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:bg-surface-200\/20:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:bg-surface-200\/20:active { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:bg-surface-200\/30:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:bg-surface-200\/30:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:bg-surface-200\/30:active { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:bg-surface-200\/40:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:bg-surface-200\/40:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:bg-surface-200\/40:active { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:bg-surface-200\/50:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:bg-surface-200\/50:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:bg-surface-200\/50:active { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:bg-surface-200\/60:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:bg-surface-200\/60:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:bg-surface-200\/60:active { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:bg-surface-200\/70:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:bg-surface-200\/70:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:bg-surface-200\/70:active { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:bg-surface-200\/80:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:bg-surface-200\/80:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:bg-surface-200\/80:active { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:bg-surface-200\/90:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:bg-surface-200\/90:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:bg-surface-200\/90:active { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:bg-surface-300:focus { + background-color: var(--surface-300) +} +.hover\:bg-surface-300:hover { + background-color: var(--surface-300) +} +.active\:bg-surface-300:active { + background-color: var(--surface-300) +} +.focus\:bg-surface-300\/10:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:bg-surface-300\/10:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:bg-surface-300\/10:active { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:bg-surface-300\/20:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:bg-surface-300\/20:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:bg-surface-300\/20:active { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:bg-surface-300\/30:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:bg-surface-300\/30:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:bg-surface-300\/30:active { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:bg-surface-300\/40:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:bg-surface-300\/40:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:bg-surface-300\/40:active { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:bg-surface-300\/50:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:bg-surface-300\/50:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:bg-surface-300\/50:active { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:bg-surface-300\/60:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:bg-surface-300\/60:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:bg-surface-300\/60:active { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:bg-surface-300\/70:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:bg-surface-300\/70:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:bg-surface-300\/70:active { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:bg-surface-300\/80:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:bg-surface-300\/80:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:bg-surface-300\/80:active { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:bg-surface-300\/90:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:bg-surface-300\/90:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:bg-surface-300\/90:active { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:bg-surface-400:focus { + background-color: var(--surface-400) +} +.hover\:bg-surface-400:hover { + background-color: var(--surface-400) +} +.active\:bg-surface-400:active { + background-color: var(--surface-400) +} +.focus\:bg-surface-400\/10:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:bg-surface-400\/10:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:bg-surface-400\/10:active { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:bg-surface-400\/20:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:bg-surface-400\/20:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:bg-surface-400\/20:active { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:bg-surface-400\/30:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:bg-surface-400\/30:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:bg-surface-400\/30:active { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:bg-surface-400\/40:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:bg-surface-400\/40:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:bg-surface-400\/40:active { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:bg-surface-400\/50:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:bg-surface-400\/50:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:bg-surface-400\/50:active { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:bg-surface-400\/60:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:bg-surface-400\/60:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:bg-surface-400\/60:active { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:bg-surface-400\/70:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:bg-surface-400\/70:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:bg-surface-400\/70:active { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:bg-surface-400\/80:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:bg-surface-400\/80:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:bg-surface-400\/80:active { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:bg-surface-400\/90:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:bg-surface-400\/90:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:bg-surface-400\/90:active { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:bg-surface-500:focus { + background-color: var(--surface-500) +} +.hover\:bg-surface-500:hover { + background-color: var(--surface-500) +} +.active\:bg-surface-500:active { + background-color: var(--surface-500) +} +.focus\:bg-surface-500\/10:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:bg-surface-500\/10:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:bg-surface-500\/10:active { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:bg-surface-500\/20:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:bg-surface-500\/20:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:bg-surface-500\/20:active { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:bg-surface-500\/30:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:bg-surface-500\/30:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:bg-surface-500\/30:active { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:bg-surface-500\/40:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:bg-surface-500\/40:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:bg-surface-500\/40:active { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:bg-surface-500\/50:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:bg-surface-500\/50:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:bg-surface-500\/50:active { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:bg-surface-500\/60:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:bg-surface-500\/60:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:bg-surface-500\/60:active { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:bg-surface-500\/70:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:bg-surface-500\/70:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:bg-surface-500\/70:active { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:bg-surface-500\/80:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:bg-surface-500\/80:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:bg-surface-500\/80:active { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:bg-surface-500\/90:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:bg-surface-500\/90:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:bg-surface-500\/90:active { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:bg-surface-600:focus { + background-color: var(--surface-600) +} +.hover\:bg-surface-600:hover { + background-color: var(--surface-600) +} +.active\:bg-surface-600:active { + background-color: var(--surface-600) +} +.focus\:bg-surface-600\/10:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:bg-surface-600\/10:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:bg-surface-600\/10:active { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:bg-surface-600\/20:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:bg-surface-600\/20:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:bg-surface-600\/20:active { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:bg-surface-600\/30:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:bg-surface-600\/30:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:bg-surface-600\/30:active { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:bg-surface-600\/40:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:bg-surface-600\/40:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:bg-surface-600\/40:active { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:bg-surface-600\/50:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:bg-surface-600\/50:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:bg-surface-600\/50:active { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:bg-surface-600\/60:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:bg-surface-600\/60:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:bg-surface-600\/60:active { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:bg-surface-600\/70:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:bg-surface-600\/70:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:bg-surface-600\/70:active { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:bg-surface-600\/80:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:bg-surface-600\/80:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:bg-surface-600\/80:active { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:bg-surface-600\/90:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:bg-surface-600\/90:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:bg-surface-600\/90:active { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:bg-surface-700:focus { + background-color: var(--surface-700) +} +.hover\:bg-surface-700:hover { + background-color: var(--surface-700) +} +.active\:bg-surface-700:active { + background-color: var(--surface-700) +} +.focus\:bg-surface-700\/10:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:bg-surface-700\/10:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:bg-surface-700\/10:active { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:bg-surface-700\/20:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:bg-surface-700\/20:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:bg-surface-700\/20:active { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:bg-surface-700\/30:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:bg-surface-700\/30:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:bg-surface-700\/30:active { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:bg-surface-700\/40:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:bg-surface-700\/40:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:bg-surface-700\/40:active { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:bg-surface-700\/50:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:bg-surface-700\/50:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:bg-surface-700\/50:active { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:bg-surface-700\/60:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:bg-surface-700\/60:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:bg-surface-700\/60:active { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:bg-surface-700\/70:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:bg-surface-700\/70:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:bg-surface-700\/70:active { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:bg-surface-700\/80:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:bg-surface-700\/80:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:bg-surface-700\/80:active { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:bg-surface-700\/90:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:bg-surface-700\/90:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:bg-surface-700\/90:active { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:bg-surface-800:focus { + background-color: var(--surface-800) +} +.hover\:bg-surface-800:hover { + background-color: var(--surface-800) +} +.active\:bg-surface-800:active { + background-color: var(--surface-800) +} +.focus\:bg-surface-800\/10:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:bg-surface-800\/10:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:bg-surface-800\/10:active { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:bg-surface-800\/20:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:bg-surface-800\/20:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:bg-surface-800\/20:active { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:bg-surface-800\/30:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:bg-surface-800\/30:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:bg-surface-800\/30:active { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:bg-surface-800\/40:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:bg-surface-800\/40:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:bg-surface-800\/40:active { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:bg-surface-800\/50:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:bg-surface-800\/50:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:bg-surface-800\/50:active { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:bg-surface-800\/60:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:bg-surface-800\/60:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:bg-surface-800\/60:active { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:bg-surface-800\/70:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:bg-surface-800\/70:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:bg-surface-800\/70:active { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:bg-surface-800\/80:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:bg-surface-800\/80:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:bg-surface-800\/80:active { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:bg-surface-800\/90:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:bg-surface-800\/90:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:bg-surface-800\/90:active { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:bg-surface-900:focus { + background-color: var(--surface-900) +} +.hover\:bg-surface-900:hover { + background-color: var(--surface-900) +} +.active\:bg-surface-900:active { + background-color: var(--surface-900) +} +.focus\:bg-surface-900\/10:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:bg-surface-900\/10:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:bg-surface-900\/10:active { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:bg-surface-900\/20:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:bg-surface-900\/20:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:bg-surface-900\/20:active { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:bg-surface-900\/30:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:bg-surface-900\/30:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:bg-surface-900\/30:active { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:bg-surface-900\/40:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:bg-surface-900\/40:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:bg-surface-900\/40:active { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:bg-surface-900\/50:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:bg-surface-900\/50:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:bg-surface-900\/50:active { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:bg-surface-900\/60:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:bg-surface-900\/60:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:bg-surface-900\/60:active { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:bg-surface-900\/70:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:bg-surface-900\/70:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:bg-surface-900\/70:active { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:bg-surface-900\/80:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:bg-surface-900\/80:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:bg-surface-900\/80:active { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:bg-surface-900\/90:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:bg-surface-900\/90:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:bg-surface-900\/90:active { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:bg-primary-50:focus { + background-color: var(--primary-50) +} +.hover\:bg-primary-50:hover { + background-color: var(--primary-50) +} +.active\:bg-primary-50:active { + background-color: var(--primary-50) +} +.focus\:bg-primary-50\/10:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:bg-primary-50\/10:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:bg-primary-50\/10:active { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:bg-primary-50\/20:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:bg-primary-50\/20:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:bg-primary-50\/20:active { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:bg-primary-50\/30:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:bg-primary-50\/30:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:bg-primary-50\/30:active { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:bg-primary-50\/40:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:bg-primary-50\/40:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:bg-primary-50\/40:active { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:bg-primary-50\/50:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:bg-primary-50\/50:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:bg-primary-50\/50:active { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:bg-primary-50\/60:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:bg-primary-50\/60:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:bg-primary-50\/60:active { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:bg-primary-50\/70:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:bg-primary-50\/70:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:bg-primary-50\/70:active { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:bg-primary-50\/80:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:bg-primary-50\/80:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:bg-primary-50\/80:active { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:bg-primary-50\/90:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:bg-primary-50\/90:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:bg-primary-50\/90:active { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:bg-primary-100:focus { + background-color: var(--primary-100) +} +.hover\:bg-primary-100:hover { + background-color: var(--primary-100) +} +.active\:bg-primary-100:active { + background-color: var(--primary-100) +} +.focus\:bg-primary-100\/10:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:bg-primary-100\/10:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:bg-primary-100\/10:active { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:bg-primary-100\/20:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:bg-primary-100\/20:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:bg-primary-100\/20:active { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:bg-primary-100\/30:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:bg-primary-100\/30:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:bg-primary-100\/30:active { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:bg-primary-100\/40:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:bg-primary-100\/40:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:bg-primary-100\/40:active { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:bg-primary-100\/50:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:bg-primary-100\/50:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:bg-primary-100\/50:active { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:bg-primary-100\/60:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:bg-primary-100\/60:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:bg-primary-100\/60:active { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:bg-primary-100\/70:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:bg-primary-100\/70:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:bg-primary-100\/70:active { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:bg-primary-100\/80:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:bg-primary-100\/80:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:bg-primary-100\/80:active { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:bg-primary-100\/90:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:bg-primary-100\/90:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:bg-primary-100\/90:active { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:bg-primary-200:focus { + background-color: var(--primary-200) +} +.hover\:bg-primary-200:hover { + background-color: var(--primary-200) +} +.active\:bg-primary-200:active { + background-color: var(--primary-200) +} +.focus\:bg-primary-200\/10:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:bg-primary-200\/10:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:bg-primary-200\/10:active { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:bg-primary-200\/20:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:bg-primary-200\/20:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:bg-primary-200\/20:active { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:bg-primary-200\/30:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:bg-primary-200\/30:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:bg-primary-200\/30:active { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:bg-primary-200\/40:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:bg-primary-200\/40:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:bg-primary-200\/40:active { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:bg-primary-200\/50:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:bg-primary-200\/50:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:bg-primary-200\/50:active { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:bg-primary-200\/60:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:bg-primary-200\/60:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:bg-primary-200\/60:active { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:bg-primary-200\/70:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:bg-primary-200\/70:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:bg-primary-200\/70:active { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:bg-primary-200\/80:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:bg-primary-200\/80:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:bg-primary-200\/80:active { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:bg-primary-200\/90:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:bg-primary-200\/90:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:bg-primary-200\/90:active { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:bg-primary-300:focus { + background-color: var(--primary-300) +} +.hover\:bg-primary-300:hover { + background-color: var(--primary-300) +} +.active\:bg-primary-300:active { + background-color: var(--primary-300) +} +.focus\:bg-primary-300\/10:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:bg-primary-300\/10:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:bg-primary-300\/10:active { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:bg-primary-300\/20:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:bg-primary-300\/20:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:bg-primary-300\/20:active { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:bg-primary-300\/30:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:bg-primary-300\/30:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:bg-primary-300\/30:active { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:bg-primary-300\/40:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:bg-primary-300\/40:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:bg-primary-300\/40:active { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:bg-primary-300\/50:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:bg-primary-300\/50:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:bg-primary-300\/50:active { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:bg-primary-300\/60:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:bg-primary-300\/60:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:bg-primary-300\/60:active { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:bg-primary-300\/70:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:bg-primary-300\/70:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:bg-primary-300\/70:active { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:bg-primary-300\/80:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:bg-primary-300\/80:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:bg-primary-300\/80:active { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:bg-primary-300\/90:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:bg-primary-300\/90:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:bg-primary-300\/90:active { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:bg-primary-400:focus { + background-color: var(--primary-400) +} +.hover\:bg-primary-400:hover { + background-color: var(--primary-400) +} +.active\:bg-primary-400:active { + background-color: var(--primary-400) +} +.focus\:bg-primary-400\/10:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:bg-primary-400\/10:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:bg-primary-400\/10:active { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:bg-primary-400\/20:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:bg-primary-400\/20:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:bg-primary-400\/20:active { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:bg-primary-400\/30:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:bg-primary-400\/30:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:bg-primary-400\/30:active { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:bg-primary-400\/40:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:bg-primary-400\/40:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:bg-primary-400\/40:active { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:bg-primary-400\/50:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:bg-primary-400\/50:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:bg-primary-400\/50:active { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:bg-primary-400\/60:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:bg-primary-400\/60:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:bg-primary-400\/60:active { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:bg-primary-400\/70:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:bg-primary-400\/70:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:bg-primary-400\/70:active { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:bg-primary-400\/80:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:bg-primary-400\/80:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:bg-primary-400\/80:active { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:bg-primary-400\/90:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:bg-primary-400\/90:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:bg-primary-400\/90:active { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:bg-primary-500:focus { + background-color: var(--primary-500) +} +.hover\:bg-primary-500:hover { + background-color: var(--primary-500) +} +.active\:bg-primary-500:active { + background-color: var(--primary-500) +} +.focus\:bg-primary-500\/10:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:bg-primary-500\/10:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:bg-primary-500\/10:active { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:bg-primary-500\/20:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:bg-primary-500\/20:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:bg-primary-500\/20:active { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:bg-primary-500\/30:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:bg-primary-500\/30:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:bg-primary-500\/30:active { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:bg-primary-500\/40:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:bg-primary-500\/40:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:bg-primary-500\/40:active { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:bg-primary-500\/50:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:bg-primary-500\/50:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:bg-primary-500\/50:active { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:bg-primary-500\/60:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:bg-primary-500\/60:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:bg-primary-500\/60:active { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:bg-primary-500\/70:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:bg-primary-500\/70:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:bg-primary-500\/70:active { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:bg-primary-500\/80:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:bg-primary-500\/80:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:bg-primary-500\/80:active { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:bg-primary-500\/90:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:bg-primary-500\/90:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:bg-primary-500\/90:active { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:bg-primary-600:focus { + background-color: var(--primary-600) +} +.hover\:bg-primary-600:hover { + background-color: var(--primary-600) +} +.active\:bg-primary-600:active { + background-color: var(--primary-600) +} +.focus\:bg-primary-600\/10:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:bg-primary-600\/10:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:bg-primary-600\/10:active { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:bg-primary-600\/20:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:bg-primary-600\/20:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:bg-primary-600\/20:active { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:bg-primary-600\/30:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:bg-primary-600\/30:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:bg-primary-600\/30:active { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:bg-primary-600\/40:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:bg-primary-600\/40:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:bg-primary-600\/40:active { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:bg-primary-600\/50:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:bg-primary-600\/50:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:bg-primary-600\/50:active { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:bg-primary-600\/60:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:bg-primary-600\/60:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:bg-primary-600\/60:active { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:bg-primary-600\/70:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:bg-primary-600\/70:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:bg-primary-600\/70:active { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:bg-primary-600\/80:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:bg-primary-600\/80:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:bg-primary-600\/80:active { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:bg-primary-600\/90:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:bg-primary-600\/90:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:bg-primary-600\/90:active { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:bg-primary-700:focus { + background-color: var(--primary-700) +} +.hover\:bg-primary-700:hover { + background-color: var(--primary-700) +} +.active\:bg-primary-700:active { + background-color: var(--primary-700) +} +.focus\:bg-primary-700\/10:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:bg-primary-700\/10:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:bg-primary-700\/10:active { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:bg-primary-700\/20:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:bg-primary-700\/20:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:bg-primary-700\/20:active { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:bg-primary-700\/30:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:bg-primary-700\/30:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:bg-primary-700\/30:active { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:bg-primary-700\/40:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:bg-primary-700\/40:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:bg-primary-700\/40:active { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:bg-primary-700\/50:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:bg-primary-700\/50:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:bg-primary-700\/50:active { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:bg-primary-700\/60:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:bg-primary-700\/60:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:bg-primary-700\/60:active { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:bg-primary-700\/70:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:bg-primary-700\/70:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:bg-primary-700\/70:active { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:bg-primary-700\/80:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:bg-primary-700\/80:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:bg-primary-700\/80:active { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:bg-primary-700\/90:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:bg-primary-700\/90:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:bg-primary-700\/90:active { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:bg-primary-800:focus { + background-color: var(--primary-800) +} +.hover\:bg-primary-800:hover { + background-color: var(--primary-800) +} +.active\:bg-primary-800:active { + background-color: var(--primary-800) +} +.focus\:bg-primary-800\/10:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:bg-primary-800\/10:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:bg-primary-800\/10:active { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:bg-primary-800\/20:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:bg-primary-800\/20:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:bg-primary-800\/20:active { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:bg-primary-800\/30:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:bg-primary-800\/30:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:bg-primary-800\/30:active { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:bg-primary-800\/40:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:bg-primary-800\/40:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:bg-primary-800\/40:active { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:bg-primary-800\/50:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:bg-primary-800\/50:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:bg-primary-800\/50:active { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:bg-primary-800\/60:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:bg-primary-800\/60:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:bg-primary-800\/60:active { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:bg-primary-800\/70:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:bg-primary-800\/70:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:bg-primary-800\/70:active { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:bg-primary-800\/80:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:bg-primary-800\/80:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:bg-primary-800\/80:active { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:bg-primary-800\/90:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:bg-primary-800\/90:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:bg-primary-800\/90:active { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:bg-primary-900:focus { + background-color: var(--primary-900) +} +.hover\:bg-primary-900:hover { + background-color: var(--primary-900) +} +.active\:bg-primary-900:active { + background-color: var(--primary-900) +} +.focus\:bg-primary-900\/10:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:bg-primary-900\/10:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:bg-primary-900\/10:active { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:bg-primary-900\/20:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:bg-primary-900\/20:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:bg-primary-900\/20:active { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:bg-primary-900\/30:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:bg-primary-900\/30:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:bg-primary-900\/30:active { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:bg-primary-900\/40:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:bg-primary-900\/40:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:bg-primary-900\/40:active { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:bg-primary-900\/50:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:bg-primary-900\/50:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:bg-primary-900\/50:active { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:bg-primary-900\/60:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:bg-primary-900\/60:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:bg-primary-900\/60:active { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:bg-primary-900\/70:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:bg-primary-900\/70:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:bg-primary-900\/70:active { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:bg-primary-900\/80:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:bg-primary-900\/80:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:bg-primary-900\/80:active { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:bg-primary-900\/90:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:bg-primary-900\/90:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:bg-primary-900\/90:active { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:bg-blue-50 { + background-color: var(--blue-50) + } + .sm\:bg-blue-50\/10 { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:bg-blue-50\/20 { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:bg-blue-50\/30 { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:bg-blue-50\/40 { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:bg-blue-50\/50 { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:bg-blue-50\/60 { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:bg-blue-50\/70 { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:bg-blue-50\/80 { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:bg-blue-50\/90 { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:bg-blue-100 { + background-color: var(--blue-100) + } + .sm\:bg-blue-100\/10 { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:bg-blue-100\/20 { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:bg-blue-100\/30 { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:bg-blue-100\/40 { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:bg-blue-100\/50 { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:bg-blue-100\/60 { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:bg-blue-100\/70 { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:bg-blue-100\/80 { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:bg-blue-100\/90 { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:bg-blue-200 { + background-color: var(--blue-200) + } + .sm\:bg-blue-200\/10 { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:bg-blue-200\/20 { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:bg-blue-200\/30 { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:bg-blue-200\/40 { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:bg-blue-200\/50 { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:bg-blue-200\/60 { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:bg-blue-200\/70 { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:bg-blue-200\/80 { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:bg-blue-200\/90 { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:bg-blue-300 { + background-color: var(--blue-300) + } + .sm\:bg-blue-300\/10 { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:bg-blue-300\/20 { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:bg-blue-300\/30 { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:bg-blue-300\/40 { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:bg-blue-300\/50 { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:bg-blue-300\/60 { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:bg-blue-300\/70 { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:bg-blue-300\/80 { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:bg-blue-300\/90 { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:bg-blue-400 { + background-color: var(--blue-400) + } + .sm\:bg-blue-400\/10 { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:bg-blue-400\/20 { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:bg-blue-400\/30 { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:bg-blue-400\/40 { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:bg-blue-400\/50 { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:bg-blue-400\/60 { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:bg-blue-400\/70 { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:bg-blue-400\/80 { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:bg-blue-400\/90 { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:bg-blue-500 { + background-color: var(--blue-500) + } + .sm\:bg-blue-500\/10 { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:bg-blue-500\/20 { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:bg-blue-500\/30 { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:bg-blue-500\/40 { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:bg-blue-500\/50 { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:bg-blue-500\/60 { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:bg-blue-500\/70 { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:bg-blue-500\/80 { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:bg-blue-500\/90 { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:bg-blue-600 { + background-color: var(--blue-600) + } + .sm\:bg-blue-600\/10 { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:bg-blue-600\/20 { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:bg-blue-600\/30 { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:bg-blue-600\/40 { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:bg-blue-600\/50 { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:bg-blue-600\/60 { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:bg-blue-600\/70 { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:bg-blue-600\/80 { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:bg-blue-600\/90 { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:bg-blue-700 { + background-color: var(--blue-700) + } + .sm\:bg-blue-700\/10 { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:bg-blue-700\/20 { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:bg-blue-700\/30 { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:bg-blue-700\/40 { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:bg-blue-700\/50 { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:bg-blue-700\/60 { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:bg-blue-700\/70 { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:bg-blue-700\/80 { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:bg-blue-700\/90 { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:bg-blue-800 { + background-color: var(--blue-800) + } + .sm\:bg-blue-800\/10 { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:bg-blue-800\/20 { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:bg-blue-800\/30 { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:bg-blue-800\/40 { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:bg-blue-800\/50 { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:bg-blue-800\/60 { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:bg-blue-800\/70 { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:bg-blue-800\/80 { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:bg-blue-800\/90 { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:bg-blue-900 { + background-color: var(--blue-900) + } + .sm\:bg-blue-900\/10 { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:bg-blue-900\/20 { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:bg-blue-900\/30 { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:bg-blue-900\/40 { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:bg-blue-900\/50 { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:bg-blue-900\/60 { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:bg-blue-900\/70 { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:bg-blue-900\/80 { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:bg-blue-900\/90 { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:bg-green-50 { + background-color: var(--green-50) + } + .sm\:bg-green-50\/10 { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:bg-green-50\/20 { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:bg-green-50\/30 { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:bg-green-50\/40 { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:bg-green-50\/50 { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:bg-green-50\/60 { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:bg-green-50\/70 { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:bg-green-50\/80 { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:bg-green-50\/90 { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:bg-green-100 { + background-color: var(--green-100) + } + .sm\:bg-green-100\/10 { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:bg-green-100\/20 { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:bg-green-100\/30 { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:bg-green-100\/40 { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:bg-green-100\/50 { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:bg-green-100\/60 { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:bg-green-100\/70 { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:bg-green-100\/80 { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:bg-green-100\/90 { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:bg-green-200 { + background-color: var(--green-200) + } + .sm\:bg-green-200\/10 { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:bg-green-200\/20 { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:bg-green-200\/30 { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:bg-green-200\/40 { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:bg-green-200\/50 { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:bg-green-200\/60 { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:bg-green-200\/70 { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:bg-green-200\/80 { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:bg-green-200\/90 { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:bg-green-300 { + background-color: var(--green-300) + } + .sm\:bg-green-300\/10 { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:bg-green-300\/20 { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:bg-green-300\/30 { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:bg-green-300\/40 { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:bg-green-300\/50 { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:bg-green-300\/60 { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:bg-green-300\/70 { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:bg-green-300\/80 { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:bg-green-300\/90 { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:bg-green-400 { + background-color: var(--green-400) + } + .sm\:bg-green-400\/10 { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:bg-green-400\/20 { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:bg-green-400\/30 { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:bg-green-400\/40 { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:bg-green-400\/50 { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:bg-green-400\/60 { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:bg-green-400\/70 { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:bg-green-400\/80 { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:bg-green-400\/90 { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:bg-green-500 { + background-color: var(--green-500) + } + .sm\:bg-green-500\/10 { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:bg-green-500\/20 { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:bg-green-500\/30 { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:bg-green-500\/40 { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:bg-green-500\/50 { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:bg-green-500\/60 { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:bg-green-500\/70 { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:bg-green-500\/80 { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:bg-green-500\/90 { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:bg-green-600 { + background-color: var(--green-600) + } + .sm\:bg-green-600\/10 { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:bg-green-600\/20 { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:bg-green-600\/30 { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:bg-green-600\/40 { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:bg-green-600\/50 { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:bg-green-600\/60 { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:bg-green-600\/70 { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:bg-green-600\/80 { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:bg-green-600\/90 { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:bg-green-700 { + background-color: var(--green-700) + } + .sm\:bg-green-700\/10 { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:bg-green-700\/20 { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:bg-green-700\/30 { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:bg-green-700\/40 { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:bg-green-700\/50 { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:bg-green-700\/60 { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:bg-green-700\/70 { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:bg-green-700\/80 { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:bg-green-700\/90 { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:bg-green-800 { + background-color: var(--green-800) + } + .sm\:bg-green-800\/10 { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:bg-green-800\/20 { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:bg-green-800\/30 { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:bg-green-800\/40 { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:bg-green-800\/50 { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:bg-green-800\/60 { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:bg-green-800\/70 { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:bg-green-800\/80 { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:bg-green-800\/90 { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:bg-green-900 { + background-color: var(--green-900) + } + .sm\:bg-green-900\/10 { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:bg-green-900\/20 { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:bg-green-900\/30 { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:bg-green-900\/40 { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:bg-green-900\/50 { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:bg-green-900\/60 { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:bg-green-900\/70 { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:bg-green-900\/80 { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:bg-green-900\/90 { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:bg-yellow-50 { + background-color: var(--yellow-50) + } + .sm\:bg-yellow-50\/10 { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:bg-yellow-50\/20 { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:bg-yellow-50\/30 { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:bg-yellow-50\/40 { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:bg-yellow-50\/50 { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:bg-yellow-50\/60 { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:bg-yellow-50\/70 { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:bg-yellow-50\/80 { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:bg-yellow-50\/90 { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:bg-yellow-100 { + background-color: var(--yellow-100) + } + .sm\:bg-yellow-100\/10 { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:bg-yellow-100\/20 { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:bg-yellow-100\/30 { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:bg-yellow-100\/40 { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:bg-yellow-100\/50 { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:bg-yellow-100\/60 { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:bg-yellow-100\/70 { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:bg-yellow-100\/80 { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:bg-yellow-100\/90 { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:bg-yellow-200 { + background-color: var(--yellow-200) + } + .sm\:bg-yellow-200\/10 { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:bg-yellow-200\/20 { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:bg-yellow-200\/30 { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:bg-yellow-200\/40 { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:bg-yellow-200\/50 { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:bg-yellow-200\/60 { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:bg-yellow-200\/70 { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:bg-yellow-200\/80 { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:bg-yellow-200\/90 { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:bg-yellow-300 { + background-color: var(--yellow-300) + } + .sm\:bg-yellow-300\/10 { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:bg-yellow-300\/20 { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:bg-yellow-300\/30 { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:bg-yellow-300\/40 { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:bg-yellow-300\/50 { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:bg-yellow-300\/60 { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:bg-yellow-300\/70 { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:bg-yellow-300\/80 { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:bg-yellow-300\/90 { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:bg-yellow-400 { + background-color: var(--yellow-400) + } + .sm\:bg-yellow-400\/10 { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:bg-yellow-400\/20 { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:bg-yellow-400\/30 { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:bg-yellow-400\/40 { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:bg-yellow-400\/50 { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:bg-yellow-400\/60 { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:bg-yellow-400\/70 { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:bg-yellow-400\/80 { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:bg-yellow-400\/90 { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:bg-yellow-500 { + background-color: var(--yellow-500) + } + .sm\:bg-yellow-500\/10 { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:bg-yellow-500\/20 { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:bg-yellow-500\/30 { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:bg-yellow-500\/40 { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:bg-yellow-500\/50 { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:bg-yellow-500\/60 { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:bg-yellow-500\/70 { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:bg-yellow-500\/80 { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:bg-yellow-500\/90 { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:bg-yellow-600 { + background-color: var(--yellow-600) + } + .sm\:bg-yellow-600\/10 { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:bg-yellow-600\/20 { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:bg-yellow-600\/30 { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:bg-yellow-600\/40 { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:bg-yellow-600\/50 { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:bg-yellow-600\/60 { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:bg-yellow-600\/70 { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:bg-yellow-600\/80 { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:bg-yellow-600\/90 { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:bg-yellow-700 { + background-color: var(--yellow-700) + } + .sm\:bg-yellow-700\/10 { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:bg-yellow-700\/20 { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:bg-yellow-700\/30 { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:bg-yellow-700\/40 { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:bg-yellow-700\/50 { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:bg-yellow-700\/60 { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:bg-yellow-700\/70 { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:bg-yellow-700\/80 { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:bg-yellow-700\/90 { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:bg-yellow-800 { + background-color: var(--yellow-800) + } + .sm\:bg-yellow-800\/10 { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:bg-yellow-800\/20 { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:bg-yellow-800\/30 { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:bg-yellow-800\/40 { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:bg-yellow-800\/50 { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:bg-yellow-800\/60 { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:bg-yellow-800\/70 { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:bg-yellow-800\/80 { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:bg-yellow-800\/90 { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:bg-yellow-900 { + background-color: var(--yellow-900) + } + .sm\:bg-yellow-900\/10 { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:bg-yellow-900\/20 { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:bg-yellow-900\/30 { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:bg-yellow-900\/40 { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:bg-yellow-900\/50 { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:bg-yellow-900\/60 { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:bg-yellow-900\/70 { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:bg-yellow-900\/80 { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:bg-yellow-900\/90 { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:bg-cyan-50 { + background-color: var(--cyan-50) + } + .sm\:bg-cyan-50\/10 { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:bg-cyan-50\/20 { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:bg-cyan-50\/30 { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:bg-cyan-50\/40 { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:bg-cyan-50\/50 { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:bg-cyan-50\/60 { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:bg-cyan-50\/70 { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:bg-cyan-50\/80 { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:bg-cyan-50\/90 { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:bg-cyan-100 { + background-color: var(--cyan-100) + } + .sm\:bg-cyan-100\/10 { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:bg-cyan-100\/20 { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:bg-cyan-100\/30 { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:bg-cyan-100\/40 { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:bg-cyan-100\/50 { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:bg-cyan-100\/60 { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:bg-cyan-100\/70 { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:bg-cyan-100\/80 { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:bg-cyan-100\/90 { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:bg-cyan-200 { + background-color: var(--cyan-200) + } + .sm\:bg-cyan-200\/10 { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:bg-cyan-200\/20 { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:bg-cyan-200\/30 { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:bg-cyan-200\/40 { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:bg-cyan-200\/50 { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:bg-cyan-200\/60 { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:bg-cyan-200\/70 { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:bg-cyan-200\/80 { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:bg-cyan-200\/90 { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:bg-cyan-300 { + background-color: var(--cyan-300) + } + .sm\:bg-cyan-300\/10 { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:bg-cyan-300\/20 { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:bg-cyan-300\/30 { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:bg-cyan-300\/40 { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:bg-cyan-300\/50 { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:bg-cyan-300\/60 { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:bg-cyan-300\/70 { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:bg-cyan-300\/80 { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:bg-cyan-300\/90 { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:bg-cyan-400 { + background-color: var(--cyan-400) + } + .sm\:bg-cyan-400\/10 { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:bg-cyan-400\/20 { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:bg-cyan-400\/30 { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:bg-cyan-400\/40 { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:bg-cyan-400\/50 { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:bg-cyan-400\/60 { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:bg-cyan-400\/70 { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:bg-cyan-400\/80 { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:bg-cyan-400\/90 { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:bg-cyan-500 { + background-color: var(--cyan-500) + } + .sm\:bg-cyan-500\/10 { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:bg-cyan-500\/20 { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:bg-cyan-500\/30 { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:bg-cyan-500\/40 { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:bg-cyan-500\/50 { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:bg-cyan-500\/60 { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:bg-cyan-500\/70 { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:bg-cyan-500\/80 { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:bg-cyan-500\/90 { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:bg-cyan-600 { + background-color: var(--cyan-600) + } + .sm\:bg-cyan-600\/10 { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:bg-cyan-600\/20 { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:bg-cyan-600\/30 { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:bg-cyan-600\/40 { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:bg-cyan-600\/50 { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:bg-cyan-600\/60 { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:bg-cyan-600\/70 { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:bg-cyan-600\/80 { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:bg-cyan-600\/90 { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:bg-cyan-700 { + background-color: var(--cyan-700) + } + .sm\:bg-cyan-700\/10 { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:bg-cyan-700\/20 { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:bg-cyan-700\/30 { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:bg-cyan-700\/40 { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:bg-cyan-700\/50 { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:bg-cyan-700\/60 { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:bg-cyan-700\/70 { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:bg-cyan-700\/80 { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:bg-cyan-700\/90 { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:bg-cyan-800 { + background-color: var(--cyan-800) + } + .sm\:bg-cyan-800\/10 { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:bg-cyan-800\/20 { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:bg-cyan-800\/30 { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:bg-cyan-800\/40 { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:bg-cyan-800\/50 { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:bg-cyan-800\/60 { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:bg-cyan-800\/70 { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:bg-cyan-800\/80 { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:bg-cyan-800\/90 { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:bg-cyan-900 { + background-color: var(--cyan-900) + } + .sm\:bg-cyan-900\/10 { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:bg-cyan-900\/20 { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:bg-cyan-900\/30 { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:bg-cyan-900\/40 { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:bg-cyan-900\/50 { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:bg-cyan-900\/60 { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:bg-cyan-900\/70 { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:bg-cyan-900\/80 { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:bg-cyan-900\/90 { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:bg-pink-50 { + background-color: var(--pink-50) + } + .sm\:bg-pink-50\/10 { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:bg-pink-50\/20 { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:bg-pink-50\/30 { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:bg-pink-50\/40 { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:bg-pink-50\/50 { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:bg-pink-50\/60 { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:bg-pink-50\/70 { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:bg-pink-50\/80 { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:bg-pink-50\/90 { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:bg-pink-100 { + background-color: var(--pink-100) + } + .sm\:bg-pink-100\/10 { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:bg-pink-100\/20 { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:bg-pink-100\/30 { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:bg-pink-100\/40 { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:bg-pink-100\/50 { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:bg-pink-100\/60 { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:bg-pink-100\/70 { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:bg-pink-100\/80 { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:bg-pink-100\/90 { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:bg-pink-200 { + background-color: var(--pink-200) + } + .sm\:bg-pink-200\/10 { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:bg-pink-200\/20 { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:bg-pink-200\/30 { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:bg-pink-200\/40 { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:bg-pink-200\/50 { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:bg-pink-200\/60 { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:bg-pink-200\/70 { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:bg-pink-200\/80 { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:bg-pink-200\/90 { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:bg-pink-300 { + background-color: var(--pink-300) + } + .sm\:bg-pink-300\/10 { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:bg-pink-300\/20 { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:bg-pink-300\/30 { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:bg-pink-300\/40 { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:bg-pink-300\/50 { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:bg-pink-300\/60 { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:bg-pink-300\/70 { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:bg-pink-300\/80 { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:bg-pink-300\/90 { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:bg-pink-400 { + background-color: var(--pink-400) + } + .sm\:bg-pink-400\/10 { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:bg-pink-400\/20 { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:bg-pink-400\/30 { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:bg-pink-400\/40 { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:bg-pink-400\/50 { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:bg-pink-400\/60 { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:bg-pink-400\/70 { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:bg-pink-400\/80 { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:bg-pink-400\/90 { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:bg-pink-500 { + background-color: var(--pink-500) + } + .sm\:bg-pink-500\/10 { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:bg-pink-500\/20 { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:bg-pink-500\/30 { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:bg-pink-500\/40 { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:bg-pink-500\/50 { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:bg-pink-500\/60 { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:bg-pink-500\/70 { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:bg-pink-500\/80 { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:bg-pink-500\/90 { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:bg-pink-600 { + background-color: var(--pink-600) + } + .sm\:bg-pink-600\/10 { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:bg-pink-600\/20 { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:bg-pink-600\/30 { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:bg-pink-600\/40 { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:bg-pink-600\/50 { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:bg-pink-600\/60 { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:bg-pink-600\/70 { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:bg-pink-600\/80 { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:bg-pink-600\/90 { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:bg-pink-700 { + background-color: var(--pink-700) + } + .sm\:bg-pink-700\/10 { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:bg-pink-700\/20 { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:bg-pink-700\/30 { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:bg-pink-700\/40 { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:bg-pink-700\/50 { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:bg-pink-700\/60 { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:bg-pink-700\/70 { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:bg-pink-700\/80 { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:bg-pink-700\/90 { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:bg-pink-800 { + background-color: var(--pink-800) + } + .sm\:bg-pink-800\/10 { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:bg-pink-800\/20 { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:bg-pink-800\/30 { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:bg-pink-800\/40 { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:bg-pink-800\/50 { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:bg-pink-800\/60 { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:bg-pink-800\/70 { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:bg-pink-800\/80 { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:bg-pink-800\/90 { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:bg-pink-900 { + background-color: var(--pink-900) + } + .sm\:bg-pink-900\/10 { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:bg-pink-900\/20 { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:bg-pink-900\/30 { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:bg-pink-900\/40 { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:bg-pink-900\/50 { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:bg-pink-900\/60 { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:bg-pink-900\/70 { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:bg-pink-900\/80 { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:bg-pink-900\/90 { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:bg-indigo-50 { + background-color: var(--indigo-50) + } + .sm\:bg-indigo-50\/10 { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:bg-indigo-50\/20 { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:bg-indigo-50\/30 { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:bg-indigo-50\/40 { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:bg-indigo-50\/50 { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:bg-indigo-50\/60 { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:bg-indigo-50\/70 { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:bg-indigo-50\/80 { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:bg-indigo-50\/90 { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:bg-indigo-100 { + background-color: var(--indigo-100) + } + .sm\:bg-indigo-100\/10 { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:bg-indigo-100\/20 { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:bg-indigo-100\/30 { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:bg-indigo-100\/40 { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:bg-indigo-100\/50 { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:bg-indigo-100\/60 { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:bg-indigo-100\/70 { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:bg-indigo-100\/80 { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:bg-indigo-100\/90 { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:bg-indigo-200 { + background-color: var(--indigo-200) + } + .sm\:bg-indigo-200\/10 { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:bg-indigo-200\/20 { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:bg-indigo-200\/30 { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:bg-indigo-200\/40 { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:bg-indigo-200\/50 { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:bg-indigo-200\/60 { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:bg-indigo-200\/70 { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:bg-indigo-200\/80 { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:bg-indigo-200\/90 { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:bg-indigo-300 { + background-color: var(--indigo-300) + } + .sm\:bg-indigo-300\/10 { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:bg-indigo-300\/20 { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:bg-indigo-300\/30 { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:bg-indigo-300\/40 { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:bg-indigo-300\/50 { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:bg-indigo-300\/60 { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:bg-indigo-300\/70 { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:bg-indigo-300\/80 { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:bg-indigo-300\/90 { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:bg-indigo-400 { + background-color: var(--indigo-400) + } + .sm\:bg-indigo-400\/10 { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:bg-indigo-400\/20 { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:bg-indigo-400\/30 { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:bg-indigo-400\/40 { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:bg-indigo-400\/50 { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:bg-indigo-400\/60 { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:bg-indigo-400\/70 { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:bg-indigo-400\/80 { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:bg-indigo-400\/90 { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:bg-indigo-500 { + background-color: var(--indigo-500) + } + .sm\:bg-indigo-500\/10 { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:bg-indigo-500\/20 { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:bg-indigo-500\/30 { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:bg-indigo-500\/40 { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:bg-indigo-500\/50 { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:bg-indigo-500\/60 { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:bg-indigo-500\/70 { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:bg-indigo-500\/80 { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:bg-indigo-500\/90 { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:bg-indigo-600 { + background-color: var(--indigo-600) + } + .sm\:bg-indigo-600\/10 { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:bg-indigo-600\/20 { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:bg-indigo-600\/30 { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:bg-indigo-600\/40 { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:bg-indigo-600\/50 { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:bg-indigo-600\/60 { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:bg-indigo-600\/70 { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:bg-indigo-600\/80 { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:bg-indigo-600\/90 { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:bg-indigo-700 { + background-color: var(--indigo-700) + } + .sm\:bg-indigo-700\/10 { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:bg-indigo-700\/20 { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:bg-indigo-700\/30 { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:bg-indigo-700\/40 { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:bg-indigo-700\/50 { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:bg-indigo-700\/60 { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:bg-indigo-700\/70 { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:bg-indigo-700\/80 { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:bg-indigo-700\/90 { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:bg-indigo-800 { + background-color: var(--indigo-800) + } + .sm\:bg-indigo-800\/10 { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:bg-indigo-800\/20 { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:bg-indigo-800\/30 { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:bg-indigo-800\/40 { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:bg-indigo-800\/50 { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:bg-indigo-800\/60 { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:bg-indigo-800\/70 { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:bg-indigo-800\/80 { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:bg-indigo-800\/90 { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:bg-indigo-900 { + background-color: var(--indigo-900) + } + .sm\:bg-indigo-900\/10 { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:bg-indigo-900\/20 { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:bg-indigo-900\/30 { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:bg-indigo-900\/40 { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:bg-indigo-900\/50 { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:bg-indigo-900\/60 { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:bg-indigo-900\/70 { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:bg-indigo-900\/80 { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:bg-indigo-900\/90 { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:bg-teal-50 { + background-color: var(--teal-50) + } + .sm\:bg-teal-50\/10 { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:bg-teal-50\/20 { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:bg-teal-50\/30 { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:bg-teal-50\/40 { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:bg-teal-50\/50 { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:bg-teal-50\/60 { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:bg-teal-50\/70 { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:bg-teal-50\/80 { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:bg-teal-50\/90 { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:bg-teal-100 { + background-color: var(--teal-100) + } + .sm\:bg-teal-100\/10 { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:bg-teal-100\/20 { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:bg-teal-100\/30 { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:bg-teal-100\/40 { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:bg-teal-100\/50 { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:bg-teal-100\/60 { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:bg-teal-100\/70 { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:bg-teal-100\/80 { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:bg-teal-100\/90 { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:bg-teal-200 { + background-color: var(--teal-200) + } + .sm\:bg-teal-200\/10 { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:bg-teal-200\/20 { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:bg-teal-200\/30 { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:bg-teal-200\/40 { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:bg-teal-200\/50 { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:bg-teal-200\/60 { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:bg-teal-200\/70 { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:bg-teal-200\/80 { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:bg-teal-200\/90 { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:bg-teal-300 { + background-color: var(--teal-300) + } + .sm\:bg-teal-300\/10 { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:bg-teal-300\/20 { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:bg-teal-300\/30 { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:bg-teal-300\/40 { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:bg-teal-300\/50 { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:bg-teal-300\/60 { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:bg-teal-300\/70 { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:bg-teal-300\/80 { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:bg-teal-300\/90 { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:bg-teal-400 { + background-color: var(--teal-400) + } + .sm\:bg-teal-400\/10 { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:bg-teal-400\/20 { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:bg-teal-400\/30 { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:bg-teal-400\/40 { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:bg-teal-400\/50 { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:bg-teal-400\/60 { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:bg-teal-400\/70 { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:bg-teal-400\/80 { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:bg-teal-400\/90 { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:bg-teal-500 { + background-color: var(--teal-500) + } + .sm\:bg-teal-500\/10 { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:bg-teal-500\/20 { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:bg-teal-500\/30 { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:bg-teal-500\/40 { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:bg-teal-500\/50 { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:bg-teal-500\/60 { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:bg-teal-500\/70 { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:bg-teal-500\/80 { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:bg-teal-500\/90 { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:bg-teal-600 { + background-color: var(--teal-600) + } + .sm\:bg-teal-600\/10 { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:bg-teal-600\/20 { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:bg-teal-600\/30 { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:bg-teal-600\/40 { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:bg-teal-600\/50 { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:bg-teal-600\/60 { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:bg-teal-600\/70 { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:bg-teal-600\/80 { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:bg-teal-600\/90 { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:bg-teal-700 { + background-color: var(--teal-700) + } + .sm\:bg-teal-700\/10 { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:bg-teal-700\/20 { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:bg-teal-700\/30 { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:bg-teal-700\/40 { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:bg-teal-700\/50 { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:bg-teal-700\/60 { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:bg-teal-700\/70 { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:bg-teal-700\/80 { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:bg-teal-700\/90 { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:bg-teal-800 { + background-color: var(--teal-800) + } + .sm\:bg-teal-800\/10 { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:bg-teal-800\/20 { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:bg-teal-800\/30 { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:bg-teal-800\/40 { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:bg-teal-800\/50 { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:bg-teal-800\/60 { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:bg-teal-800\/70 { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:bg-teal-800\/80 { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:bg-teal-800\/90 { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:bg-teal-900 { + background-color: var(--teal-900) + } + .sm\:bg-teal-900\/10 { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:bg-teal-900\/20 { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:bg-teal-900\/30 { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:bg-teal-900\/40 { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:bg-teal-900\/50 { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:bg-teal-900\/60 { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:bg-teal-900\/70 { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:bg-teal-900\/80 { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:bg-teal-900\/90 { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:bg-orange-50 { + background-color: var(--orange-50) + } + .sm\:bg-orange-50\/10 { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:bg-orange-50\/20 { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:bg-orange-50\/30 { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:bg-orange-50\/40 { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:bg-orange-50\/50 { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:bg-orange-50\/60 { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:bg-orange-50\/70 { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:bg-orange-50\/80 { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:bg-orange-50\/90 { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:bg-orange-100 { + background-color: var(--orange-100) + } + .sm\:bg-orange-100\/10 { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:bg-orange-100\/20 { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:bg-orange-100\/30 { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:bg-orange-100\/40 { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:bg-orange-100\/50 { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:bg-orange-100\/60 { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:bg-orange-100\/70 { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:bg-orange-100\/80 { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:bg-orange-100\/90 { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:bg-orange-200 { + background-color: var(--orange-200) + } + .sm\:bg-orange-200\/10 { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:bg-orange-200\/20 { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:bg-orange-200\/30 { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:bg-orange-200\/40 { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:bg-orange-200\/50 { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:bg-orange-200\/60 { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:bg-orange-200\/70 { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:bg-orange-200\/80 { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:bg-orange-200\/90 { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:bg-orange-300 { + background-color: var(--orange-300) + } + .sm\:bg-orange-300\/10 { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:bg-orange-300\/20 { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:bg-orange-300\/30 { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:bg-orange-300\/40 { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:bg-orange-300\/50 { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:bg-orange-300\/60 { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:bg-orange-300\/70 { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:bg-orange-300\/80 { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:bg-orange-300\/90 { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:bg-orange-400 { + background-color: var(--orange-400) + } + .sm\:bg-orange-400\/10 { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:bg-orange-400\/20 { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:bg-orange-400\/30 { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:bg-orange-400\/40 { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:bg-orange-400\/50 { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:bg-orange-400\/60 { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:bg-orange-400\/70 { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:bg-orange-400\/80 { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:bg-orange-400\/90 { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:bg-orange-500 { + background-color: var(--orange-500) + } + .sm\:bg-orange-500\/10 { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:bg-orange-500\/20 { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:bg-orange-500\/30 { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:bg-orange-500\/40 { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:bg-orange-500\/50 { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:bg-orange-500\/60 { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:bg-orange-500\/70 { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:bg-orange-500\/80 { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:bg-orange-500\/90 { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:bg-orange-600 { + background-color: var(--orange-600) + } + .sm\:bg-orange-600\/10 { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:bg-orange-600\/20 { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:bg-orange-600\/30 { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:bg-orange-600\/40 { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:bg-orange-600\/50 { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:bg-orange-600\/60 { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:bg-orange-600\/70 { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:bg-orange-600\/80 { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:bg-orange-600\/90 { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:bg-orange-700 { + background-color: var(--orange-700) + } + .sm\:bg-orange-700\/10 { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:bg-orange-700\/20 { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:bg-orange-700\/30 { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:bg-orange-700\/40 { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:bg-orange-700\/50 { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:bg-orange-700\/60 { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:bg-orange-700\/70 { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:bg-orange-700\/80 { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:bg-orange-700\/90 { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:bg-orange-800 { + background-color: var(--orange-800) + } + .sm\:bg-orange-800\/10 { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:bg-orange-800\/20 { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:bg-orange-800\/30 { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:bg-orange-800\/40 { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:bg-orange-800\/50 { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:bg-orange-800\/60 { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:bg-orange-800\/70 { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:bg-orange-800\/80 { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:bg-orange-800\/90 { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:bg-orange-900 { + background-color: var(--orange-900) + } + .sm\:bg-orange-900\/10 { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:bg-orange-900\/20 { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:bg-orange-900\/30 { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:bg-orange-900\/40 { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:bg-orange-900\/50 { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:bg-orange-900\/60 { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:bg-orange-900\/70 { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:bg-orange-900\/80 { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:bg-orange-900\/90 { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:bg-bluegray-50 { + background-color: var(--bluegray-50) + } + .sm\:bg-bluegray-50\/10 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:bg-bluegray-50\/20 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:bg-bluegray-50\/30 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:bg-bluegray-50\/40 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:bg-bluegray-50\/50 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:bg-bluegray-50\/60 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:bg-bluegray-50\/70 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:bg-bluegray-50\/80 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:bg-bluegray-50\/90 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:bg-bluegray-100 { + background-color: var(--bluegray-100) + } + .sm\:bg-bluegray-100\/10 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:bg-bluegray-100\/20 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:bg-bluegray-100\/30 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:bg-bluegray-100\/40 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:bg-bluegray-100\/50 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:bg-bluegray-100\/60 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:bg-bluegray-100\/70 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:bg-bluegray-100\/80 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:bg-bluegray-100\/90 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:bg-bluegray-200 { + background-color: var(--bluegray-200) + } + .sm\:bg-bluegray-200\/10 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:bg-bluegray-200\/20 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:bg-bluegray-200\/30 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:bg-bluegray-200\/40 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:bg-bluegray-200\/50 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:bg-bluegray-200\/60 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:bg-bluegray-200\/70 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:bg-bluegray-200\/80 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:bg-bluegray-200\/90 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:bg-bluegray-300 { + background-color: var(--bluegray-300) + } + .sm\:bg-bluegray-300\/10 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:bg-bluegray-300\/20 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:bg-bluegray-300\/30 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:bg-bluegray-300\/40 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:bg-bluegray-300\/50 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:bg-bluegray-300\/60 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:bg-bluegray-300\/70 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:bg-bluegray-300\/80 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:bg-bluegray-300\/90 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:bg-bluegray-400 { + background-color: var(--bluegray-400) + } + .sm\:bg-bluegray-400\/10 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:bg-bluegray-400\/20 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:bg-bluegray-400\/30 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:bg-bluegray-400\/40 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:bg-bluegray-400\/50 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:bg-bluegray-400\/60 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:bg-bluegray-400\/70 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:bg-bluegray-400\/80 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:bg-bluegray-400\/90 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:bg-bluegray-500 { + background-color: var(--bluegray-500) + } + .sm\:bg-bluegray-500\/10 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:bg-bluegray-500\/20 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:bg-bluegray-500\/30 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:bg-bluegray-500\/40 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:bg-bluegray-500\/50 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:bg-bluegray-500\/60 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:bg-bluegray-500\/70 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:bg-bluegray-500\/80 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:bg-bluegray-500\/90 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:bg-bluegray-600 { + background-color: var(--bluegray-600) + } + .sm\:bg-bluegray-600\/10 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:bg-bluegray-600\/20 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:bg-bluegray-600\/30 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:bg-bluegray-600\/40 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:bg-bluegray-600\/50 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:bg-bluegray-600\/60 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:bg-bluegray-600\/70 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:bg-bluegray-600\/80 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:bg-bluegray-600\/90 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:bg-bluegray-700 { + background-color: var(--bluegray-700) + } + .sm\:bg-bluegray-700\/10 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:bg-bluegray-700\/20 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:bg-bluegray-700\/30 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:bg-bluegray-700\/40 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:bg-bluegray-700\/50 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:bg-bluegray-700\/60 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:bg-bluegray-700\/70 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:bg-bluegray-700\/80 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:bg-bluegray-700\/90 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:bg-bluegray-800 { + background-color: var(--bluegray-800) + } + .sm\:bg-bluegray-800\/10 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:bg-bluegray-800\/20 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:bg-bluegray-800\/30 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:bg-bluegray-800\/40 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:bg-bluegray-800\/50 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:bg-bluegray-800\/60 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:bg-bluegray-800\/70 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:bg-bluegray-800\/80 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:bg-bluegray-800\/90 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:bg-bluegray-900 { + background-color: var(--bluegray-900) + } + .sm\:bg-bluegray-900\/10 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:bg-bluegray-900\/20 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:bg-bluegray-900\/30 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:bg-bluegray-900\/40 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:bg-bluegray-900\/50 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:bg-bluegray-900\/60 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:bg-bluegray-900\/70 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:bg-bluegray-900\/80 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:bg-bluegray-900\/90 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:bg-purple-50 { + background-color: var(--purple-50) + } + .sm\:bg-purple-50\/10 { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:bg-purple-50\/20 { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:bg-purple-50\/30 { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:bg-purple-50\/40 { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:bg-purple-50\/50 { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:bg-purple-50\/60 { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:bg-purple-50\/70 { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:bg-purple-50\/80 { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:bg-purple-50\/90 { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:bg-purple-100 { + background-color: var(--purple-100) + } + .sm\:bg-purple-100\/10 { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:bg-purple-100\/20 { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:bg-purple-100\/30 { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:bg-purple-100\/40 { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:bg-purple-100\/50 { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:bg-purple-100\/60 { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:bg-purple-100\/70 { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:bg-purple-100\/80 { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:bg-purple-100\/90 { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:bg-purple-200 { + background-color: var(--purple-200) + } + .sm\:bg-purple-200\/10 { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:bg-purple-200\/20 { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:bg-purple-200\/30 { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:bg-purple-200\/40 { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:bg-purple-200\/50 { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:bg-purple-200\/60 { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:bg-purple-200\/70 { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:bg-purple-200\/80 { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:bg-purple-200\/90 { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:bg-purple-300 { + background-color: var(--purple-300) + } + .sm\:bg-purple-300\/10 { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:bg-purple-300\/20 { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:bg-purple-300\/30 { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:bg-purple-300\/40 { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:bg-purple-300\/50 { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:bg-purple-300\/60 { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:bg-purple-300\/70 { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:bg-purple-300\/80 { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:bg-purple-300\/90 { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:bg-purple-400 { + background-color: var(--purple-400) + } + .sm\:bg-purple-400\/10 { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:bg-purple-400\/20 { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:bg-purple-400\/30 { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:bg-purple-400\/40 { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:bg-purple-400\/50 { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:bg-purple-400\/60 { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:bg-purple-400\/70 { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:bg-purple-400\/80 { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:bg-purple-400\/90 { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:bg-purple-500 { + background-color: var(--purple-500) + } + .sm\:bg-purple-500\/10 { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:bg-purple-500\/20 { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:bg-purple-500\/30 { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:bg-purple-500\/40 { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:bg-purple-500\/50 { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:bg-purple-500\/60 { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:bg-purple-500\/70 { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:bg-purple-500\/80 { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:bg-purple-500\/90 { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:bg-purple-600 { + background-color: var(--purple-600) + } + .sm\:bg-purple-600\/10 { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:bg-purple-600\/20 { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:bg-purple-600\/30 { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:bg-purple-600\/40 { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:bg-purple-600\/50 { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:bg-purple-600\/60 { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:bg-purple-600\/70 { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:bg-purple-600\/80 { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:bg-purple-600\/90 { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:bg-purple-700 { + background-color: var(--purple-700) + } + .sm\:bg-purple-700\/10 { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:bg-purple-700\/20 { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:bg-purple-700\/30 { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:bg-purple-700\/40 { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:bg-purple-700\/50 { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:bg-purple-700\/60 { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:bg-purple-700\/70 { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:bg-purple-700\/80 { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:bg-purple-700\/90 { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:bg-purple-800 { + background-color: var(--purple-800) + } + .sm\:bg-purple-800\/10 { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:bg-purple-800\/20 { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:bg-purple-800\/30 { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:bg-purple-800\/40 { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:bg-purple-800\/50 { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:bg-purple-800\/60 { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:bg-purple-800\/70 { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:bg-purple-800\/80 { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:bg-purple-800\/90 { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:bg-purple-900 { + background-color: var(--purple-900) + } + .sm\:bg-purple-900\/10 { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:bg-purple-900\/20 { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:bg-purple-900\/30 { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:bg-purple-900\/40 { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:bg-purple-900\/50 { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:bg-purple-900\/60 { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:bg-purple-900\/70 { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:bg-purple-900\/80 { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:bg-purple-900\/90 { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:bg-red-50 { + background-color: var(--red-50) + } + .sm\:bg-red-50\/10 { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:bg-red-50\/20 { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:bg-red-50\/30 { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:bg-red-50\/40 { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:bg-red-50\/50 { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:bg-red-50\/60 { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:bg-red-50\/70 { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:bg-red-50\/80 { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:bg-red-50\/90 { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:bg-red-100 { + background-color: var(--red-100) + } + .sm\:bg-red-100\/10 { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:bg-red-100\/20 { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:bg-red-100\/30 { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:bg-red-100\/40 { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:bg-red-100\/50 { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:bg-red-100\/60 { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:bg-red-100\/70 { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:bg-red-100\/80 { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:bg-red-100\/90 { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:bg-red-200 { + background-color: var(--red-200) + } + .sm\:bg-red-200\/10 { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:bg-red-200\/20 { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:bg-red-200\/30 { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:bg-red-200\/40 { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:bg-red-200\/50 { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:bg-red-200\/60 { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:bg-red-200\/70 { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:bg-red-200\/80 { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:bg-red-200\/90 { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:bg-red-300 { + background-color: var(--red-300) + } + .sm\:bg-red-300\/10 { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:bg-red-300\/20 { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:bg-red-300\/30 { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:bg-red-300\/40 { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:bg-red-300\/50 { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:bg-red-300\/60 { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:bg-red-300\/70 { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:bg-red-300\/80 { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:bg-red-300\/90 { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:bg-red-400 { + background-color: var(--red-400) + } + .sm\:bg-red-400\/10 { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:bg-red-400\/20 { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:bg-red-400\/30 { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:bg-red-400\/40 { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:bg-red-400\/50 { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:bg-red-400\/60 { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:bg-red-400\/70 { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:bg-red-400\/80 { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:bg-red-400\/90 { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:bg-red-500 { + background-color: var(--red-500) + } + .sm\:bg-red-500\/10 { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:bg-red-500\/20 { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:bg-red-500\/30 { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:bg-red-500\/40 { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:bg-red-500\/50 { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:bg-red-500\/60 { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:bg-red-500\/70 { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:bg-red-500\/80 { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:bg-red-500\/90 { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:bg-red-600 { + background-color: var(--red-600) + } + .sm\:bg-red-600\/10 { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:bg-red-600\/20 { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:bg-red-600\/30 { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:bg-red-600\/40 { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:bg-red-600\/50 { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:bg-red-600\/60 { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:bg-red-600\/70 { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:bg-red-600\/80 { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:bg-red-600\/90 { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:bg-red-700 { + background-color: var(--red-700) + } + .sm\:bg-red-700\/10 { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:bg-red-700\/20 { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:bg-red-700\/30 { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:bg-red-700\/40 { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:bg-red-700\/50 { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:bg-red-700\/60 { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:bg-red-700\/70 { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:bg-red-700\/80 { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:bg-red-700\/90 { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:bg-red-800 { + background-color: var(--red-800) + } + .sm\:bg-red-800\/10 { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:bg-red-800\/20 { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:bg-red-800\/30 { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:bg-red-800\/40 { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:bg-red-800\/50 { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:bg-red-800\/60 { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:bg-red-800\/70 { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:bg-red-800\/80 { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:bg-red-800\/90 { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:bg-red-900 { + background-color: var(--red-900) + } + .sm\:bg-red-900\/10 { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:bg-red-900\/20 { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:bg-red-900\/30 { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:bg-red-900\/40 { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:bg-red-900\/50 { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:bg-red-900\/60 { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:bg-red-900\/70 { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:bg-red-900\/80 { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:bg-red-900\/90 { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:bg-gray-50 { + background-color: var(--gray-50) + } + .sm\:bg-gray-50\/10 { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:bg-gray-50\/20 { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:bg-gray-50\/30 { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:bg-gray-50\/40 { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:bg-gray-50\/50 { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:bg-gray-50\/60 { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:bg-gray-50\/70 { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:bg-gray-50\/80 { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:bg-gray-50\/90 { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:bg-gray-100 { + background-color: var(--gray-100) + } + .sm\:bg-gray-100\/10 { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:bg-gray-100\/20 { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:bg-gray-100\/30 { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:bg-gray-100\/40 { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:bg-gray-100\/50 { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:bg-gray-100\/60 { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:bg-gray-100\/70 { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:bg-gray-100\/80 { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:bg-gray-100\/90 { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:bg-gray-200 { + background-color: var(--gray-200) + } + .sm\:bg-gray-200\/10 { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:bg-gray-200\/20 { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:bg-gray-200\/30 { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:bg-gray-200\/40 { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:bg-gray-200\/50 { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:bg-gray-200\/60 { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:bg-gray-200\/70 { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:bg-gray-200\/80 { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:bg-gray-200\/90 { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:bg-gray-300 { + background-color: var(--gray-300) + } + .sm\:bg-gray-300\/10 { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:bg-gray-300\/20 { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:bg-gray-300\/30 { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:bg-gray-300\/40 { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:bg-gray-300\/50 { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:bg-gray-300\/60 { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:bg-gray-300\/70 { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:bg-gray-300\/80 { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:bg-gray-300\/90 { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:bg-gray-400 { + background-color: var(--gray-400) + } + .sm\:bg-gray-400\/10 { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:bg-gray-400\/20 { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:bg-gray-400\/30 { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:bg-gray-400\/40 { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:bg-gray-400\/50 { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:bg-gray-400\/60 { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:bg-gray-400\/70 { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:bg-gray-400\/80 { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:bg-gray-400\/90 { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:bg-gray-500 { + background-color: var(--gray-500) + } + .sm\:bg-gray-500\/10 { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:bg-gray-500\/20 { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:bg-gray-500\/30 { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:bg-gray-500\/40 { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:bg-gray-500\/50 { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:bg-gray-500\/60 { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:bg-gray-500\/70 { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:bg-gray-500\/80 { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:bg-gray-500\/90 { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:bg-gray-600 { + background-color: var(--gray-600) + } + .sm\:bg-gray-600\/10 { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:bg-gray-600\/20 { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:bg-gray-600\/30 { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:bg-gray-600\/40 { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:bg-gray-600\/50 { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:bg-gray-600\/60 { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:bg-gray-600\/70 { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:bg-gray-600\/80 { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:bg-gray-600\/90 { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:bg-gray-700 { + background-color: var(--gray-700) + } + .sm\:bg-gray-700\/10 { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:bg-gray-700\/20 { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:bg-gray-700\/30 { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:bg-gray-700\/40 { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:bg-gray-700\/50 { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:bg-gray-700\/60 { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:bg-gray-700\/70 { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:bg-gray-700\/80 { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:bg-gray-700\/90 { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:bg-gray-800 { + background-color: var(--gray-800) + } + .sm\:bg-gray-800\/10 { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:bg-gray-800\/20 { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:bg-gray-800\/30 { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:bg-gray-800\/40 { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:bg-gray-800\/50 { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:bg-gray-800\/60 { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:bg-gray-800\/70 { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:bg-gray-800\/80 { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:bg-gray-800\/90 { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:bg-gray-900 { + background-color: var(--gray-900) + } + .sm\:bg-gray-900\/10 { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:bg-gray-900\/20 { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:bg-gray-900\/30 { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:bg-gray-900\/40 { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:bg-gray-900\/50 { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:bg-gray-900\/60 { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:bg-gray-900\/70 { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:bg-gray-900\/80 { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:bg-gray-900\/90 { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:bg-surface-0 { + background-color: var(--surface-0) + } + .sm\:bg-surface-0\/10 { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:bg-surface-0\/20 { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:bg-surface-0\/30 { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:bg-surface-0\/40 { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:bg-surface-0\/50 { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:bg-surface-0\/60 { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:bg-surface-0\/70 { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:bg-surface-0\/80 { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:bg-surface-0\/90 { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:bg-surface-50 { + background-color: var(--surface-50) + } + .sm\:bg-surface-50\/10 { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:bg-surface-50\/20 { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:bg-surface-50\/30 { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:bg-surface-50\/40 { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:bg-surface-50\/50 { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:bg-surface-50\/60 { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:bg-surface-50\/70 { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:bg-surface-50\/80 { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:bg-surface-50\/90 { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:bg-surface-100 { + background-color: var(--surface-100) + } + .sm\:bg-surface-100\/10 { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:bg-surface-100\/20 { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:bg-surface-100\/30 { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:bg-surface-100\/40 { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:bg-surface-100\/50 { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:bg-surface-100\/60 { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:bg-surface-100\/70 { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:bg-surface-100\/80 { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:bg-surface-100\/90 { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:bg-surface-200 { + background-color: var(--surface-200) + } + .sm\:bg-surface-200\/10 { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:bg-surface-200\/20 { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:bg-surface-200\/30 { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:bg-surface-200\/40 { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:bg-surface-200\/50 { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:bg-surface-200\/60 { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:bg-surface-200\/70 { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:bg-surface-200\/80 { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:bg-surface-200\/90 { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:bg-surface-300 { + background-color: var(--surface-300) + } + .sm\:bg-surface-300\/10 { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:bg-surface-300\/20 { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:bg-surface-300\/30 { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:bg-surface-300\/40 { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:bg-surface-300\/50 { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:bg-surface-300\/60 { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:bg-surface-300\/70 { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:bg-surface-300\/80 { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:bg-surface-300\/90 { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:bg-surface-400 { + background-color: var(--surface-400) + } + .sm\:bg-surface-400\/10 { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:bg-surface-400\/20 { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:bg-surface-400\/30 { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:bg-surface-400\/40 { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:bg-surface-400\/50 { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:bg-surface-400\/60 { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:bg-surface-400\/70 { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:bg-surface-400\/80 { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:bg-surface-400\/90 { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:bg-surface-500 { + background-color: var(--surface-500) + } + .sm\:bg-surface-500\/10 { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:bg-surface-500\/20 { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:bg-surface-500\/30 { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:bg-surface-500\/40 { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:bg-surface-500\/50 { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:bg-surface-500\/60 { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:bg-surface-500\/70 { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:bg-surface-500\/80 { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:bg-surface-500\/90 { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:bg-surface-600 { + background-color: var(--surface-600) + } + .sm\:bg-surface-600\/10 { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:bg-surface-600\/20 { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:bg-surface-600\/30 { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:bg-surface-600\/40 { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:bg-surface-600\/50 { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:bg-surface-600\/60 { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:bg-surface-600\/70 { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:bg-surface-600\/80 { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:bg-surface-600\/90 { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:bg-surface-700 { + background-color: var(--surface-700) + } + .sm\:bg-surface-700\/10 { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:bg-surface-700\/20 { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:bg-surface-700\/30 { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:bg-surface-700\/40 { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:bg-surface-700\/50 { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:bg-surface-700\/60 { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:bg-surface-700\/70 { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:bg-surface-700\/80 { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:bg-surface-700\/90 { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:bg-surface-800 { + background-color: var(--surface-800) + } + .sm\:bg-surface-800\/10 { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:bg-surface-800\/20 { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:bg-surface-800\/30 { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:bg-surface-800\/40 { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:bg-surface-800\/50 { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:bg-surface-800\/60 { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:bg-surface-800\/70 { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:bg-surface-800\/80 { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:bg-surface-800\/90 { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:bg-surface-900 { + background-color: var(--surface-900) + } + .sm\:bg-surface-900\/10 { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:bg-surface-900\/20 { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:bg-surface-900\/30 { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:bg-surface-900\/40 { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:bg-surface-900\/50 { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:bg-surface-900\/60 { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:bg-surface-900\/70 { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:bg-surface-900\/80 { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:bg-surface-900\/90 { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:bg-primary-50 { + background-color: var(--primary-50) + } + .sm\:bg-primary-50\/10 { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:bg-primary-50\/20 { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:bg-primary-50\/30 { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:bg-primary-50\/40 { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:bg-primary-50\/50 { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:bg-primary-50\/60 { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:bg-primary-50\/70 { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:bg-primary-50\/80 { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:bg-primary-50\/90 { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:bg-primary-100 { + background-color: var(--primary-100) + } + .sm\:bg-primary-100\/10 { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:bg-primary-100\/20 { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:bg-primary-100\/30 { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:bg-primary-100\/40 { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:bg-primary-100\/50 { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:bg-primary-100\/60 { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:bg-primary-100\/70 { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:bg-primary-100\/80 { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:bg-primary-100\/90 { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:bg-primary-200 { + background-color: var(--primary-200) + } + .sm\:bg-primary-200\/10 { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:bg-primary-200\/20 { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:bg-primary-200\/30 { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:bg-primary-200\/40 { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:bg-primary-200\/50 { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:bg-primary-200\/60 { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:bg-primary-200\/70 { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:bg-primary-200\/80 { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:bg-primary-200\/90 { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:bg-primary-300 { + background-color: var(--primary-300) + } + .sm\:bg-primary-300\/10 { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:bg-primary-300\/20 { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:bg-primary-300\/30 { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:bg-primary-300\/40 { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:bg-primary-300\/50 { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:bg-primary-300\/60 { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:bg-primary-300\/70 { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:bg-primary-300\/80 { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:bg-primary-300\/90 { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:bg-primary-400 { + background-color: var(--primary-400) + } + .sm\:bg-primary-400\/10 { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:bg-primary-400\/20 { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:bg-primary-400\/30 { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:bg-primary-400\/40 { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:bg-primary-400\/50 { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:bg-primary-400\/60 { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:bg-primary-400\/70 { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:bg-primary-400\/80 { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:bg-primary-400\/90 { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:bg-primary-500 { + background-color: var(--primary-500) + } + .sm\:bg-primary-500\/10 { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:bg-primary-500\/20 { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:bg-primary-500\/30 { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:bg-primary-500\/40 { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:bg-primary-500\/50 { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:bg-primary-500\/60 { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:bg-primary-500\/70 { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:bg-primary-500\/80 { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:bg-primary-500\/90 { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:bg-primary-600 { + background-color: var(--primary-600) + } + .sm\:bg-primary-600\/10 { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:bg-primary-600\/20 { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:bg-primary-600\/30 { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:bg-primary-600\/40 { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:bg-primary-600\/50 { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:bg-primary-600\/60 { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:bg-primary-600\/70 { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:bg-primary-600\/80 { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:bg-primary-600\/90 { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:bg-primary-700 { + background-color: var(--primary-700) + } + .sm\:bg-primary-700\/10 { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:bg-primary-700\/20 { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:bg-primary-700\/30 { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:bg-primary-700\/40 { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:bg-primary-700\/50 { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:bg-primary-700\/60 { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:bg-primary-700\/70 { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:bg-primary-700\/80 { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:bg-primary-700\/90 { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:bg-primary-800 { + background-color: var(--primary-800) + } + .sm\:bg-primary-800\/10 { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:bg-primary-800\/20 { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:bg-primary-800\/30 { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:bg-primary-800\/40 { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:bg-primary-800\/50 { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:bg-primary-800\/60 { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:bg-primary-800\/70 { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:bg-primary-800\/80 { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:bg-primary-800\/90 { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:bg-primary-900 { + background-color: var(--primary-900) + } + .sm\:bg-primary-900\/10 { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:bg-primary-900\/20 { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:bg-primary-900\/30 { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:bg-primary-900\/40 { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:bg-primary-900\/50 { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:bg-primary-900\/60 { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:bg-primary-900\/70 { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:bg-primary-900\/80 { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:bg-primary-900\/90 { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:bg-blue-50:focus { + background-color: var(--blue-50) + } + .sm\:hover\:bg-blue-50:hover { + background-color: var(--blue-50) + } + .sm\:active\:bg-blue-50:active { + background-color: var(--blue-50) + } + .sm\:focus\:bg-blue-50\/10:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:bg-blue-50\/10:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:bg-blue-50\/10:active { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:bg-blue-50\/20:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:bg-blue-50\/20:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:bg-blue-50\/20:active { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:bg-blue-50\/30:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:bg-blue-50\/30:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:bg-blue-50\/30:active { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:bg-blue-50\/40:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:bg-blue-50\/40:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:bg-blue-50\/40:active { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:bg-blue-50\/50:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:bg-blue-50\/50:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:bg-blue-50\/50:active { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:bg-blue-50\/60:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:bg-blue-50\/60:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:bg-blue-50\/60:active { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:bg-blue-50\/70:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:bg-blue-50\/70:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:bg-blue-50\/70:active { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:bg-blue-50\/80:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:bg-blue-50\/80:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:bg-blue-50\/80:active { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:bg-blue-50\/90:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:bg-blue-50\/90:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:bg-blue-50\/90:active { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:bg-blue-100:focus { + background-color: var(--blue-100) + } + .sm\:hover\:bg-blue-100:hover { + background-color: var(--blue-100) + } + .sm\:active\:bg-blue-100:active { + background-color: var(--blue-100) + } + .sm\:focus\:bg-blue-100\/10:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:bg-blue-100\/10:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:bg-blue-100\/10:active { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:bg-blue-100\/20:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:bg-blue-100\/20:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:bg-blue-100\/20:active { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:bg-blue-100\/30:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:bg-blue-100\/30:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:bg-blue-100\/30:active { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:bg-blue-100\/40:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:bg-blue-100\/40:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:bg-blue-100\/40:active { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:bg-blue-100\/50:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:bg-blue-100\/50:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:bg-blue-100\/50:active { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:bg-blue-100\/60:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:bg-blue-100\/60:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:bg-blue-100\/60:active { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:bg-blue-100\/70:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:bg-blue-100\/70:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:bg-blue-100\/70:active { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:bg-blue-100\/80:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:bg-blue-100\/80:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:bg-blue-100\/80:active { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:bg-blue-100\/90:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:bg-blue-100\/90:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:bg-blue-100\/90:active { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:bg-blue-200:focus { + background-color: var(--blue-200) + } + .sm\:hover\:bg-blue-200:hover { + background-color: var(--blue-200) + } + .sm\:active\:bg-blue-200:active { + background-color: var(--blue-200) + } + .sm\:focus\:bg-blue-200\/10:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:bg-blue-200\/10:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:bg-blue-200\/10:active { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:bg-blue-200\/20:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:bg-blue-200\/20:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:bg-blue-200\/20:active { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:bg-blue-200\/30:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:bg-blue-200\/30:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:bg-blue-200\/30:active { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:bg-blue-200\/40:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:bg-blue-200\/40:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:bg-blue-200\/40:active { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:bg-blue-200\/50:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:bg-blue-200\/50:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:bg-blue-200\/50:active { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:bg-blue-200\/60:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:bg-blue-200\/60:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:bg-blue-200\/60:active { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:bg-blue-200\/70:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:bg-blue-200\/70:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:bg-blue-200\/70:active { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:bg-blue-200\/80:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:bg-blue-200\/80:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:bg-blue-200\/80:active { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:bg-blue-200\/90:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:bg-blue-200\/90:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:bg-blue-200\/90:active { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:bg-blue-300:focus { + background-color: var(--blue-300) + } + .sm\:hover\:bg-blue-300:hover { + background-color: var(--blue-300) + } + .sm\:active\:bg-blue-300:active { + background-color: var(--blue-300) + } + .sm\:focus\:bg-blue-300\/10:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:bg-blue-300\/10:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:bg-blue-300\/10:active { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:bg-blue-300\/20:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:bg-blue-300\/20:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:bg-blue-300\/20:active { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:bg-blue-300\/30:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:bg-blue-300\/30:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:bg-blue-300\/30:active { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:bg-blue-300\/40:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:bg-blue-300\/40:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:bg-blue-300\/40:active { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:bg-blue-300\/50:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:bg-blue-300\/50:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:bg-blue-300\/50:active { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:bg-blue-300\/60:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:bg-blue-300\/60:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:bg-blue-300\/60:active { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:bg-blue-300\/70:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:bg-blue-300\/70:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:bg-blue-300\/70:active { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:bg-blue-300\/80:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:bg-blue-300\/80:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:bg-blue-300\/80:active { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:bg-blue-300\/90:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:bg-blue-300\/90:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:bg-blue-300\/90:active { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:bg-blue-400:focus { + background-color: var(--blue-400) + } + .sm\:hover\:bg-blue-400:hover { + background-color: var(--blue-400) + } + .sm\:active\:bg-blue-400:active { + background-color: var(--blue-400) + } + .sm\:focus\:bg-blue-400\/10:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:bg-blue-400\/10:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:bg-blue-400\/10:active { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:bg-blue-400\/20:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:bg-blue-400\/20:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:bg-blue-400\/20:active { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:bg-blue-400\/30:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:bg-blue-400\/30:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:bg-blue-400\/30:active { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:bg-blue-400\/40:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:bg-blue-400\/40:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:bg-blue-400\/40:active { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:bg-blue-400\/50:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:bg-blue-400\/50:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:bg-blue-400\/50:active { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:bg-blue-400\/60:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:bg-blue-400\/60:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:bg-blue-400\/60:active { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:bg-blue-400\/70:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:bg-blue-400\/70:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:bg-blue-400\/70:active { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:bg-blue-400\/80:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:bg-blue-400\/80:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:bg-blue-400\/80:active { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:bg-blue-400\/90:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:bg-blue-400\/90:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:bg-blue-400\/90:active { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:bg-blue-500:focus { + background-color: var(--blue-500) + } + .sm\:hover\:bg-blue-500:hover { + background-color: var(--blue-500) + } + .sm\:active\:bg-blue-500:active { + background-color: var(--blue-500) + } + .sm\:focus\:bg-blue-500\/10:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:bg-blue-500\/10:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:bg-blue-500\/10:active { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:bg-blue-500\/20:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:bg-blue-500\/20:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:bg-blue-500\/20:active { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:bg-blue-500\/30:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:bg-blue-500\/30:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:bg-blue-500\/30:active { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:bg-blue-500\/40:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:bg-blue-500\/40:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:bg-blue-500\/40:active { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:bg-blue-500\/50:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:bg-blue-500\/50:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:bg-blue-500\/50:active { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:bg-blue-500\/60:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:bg-blue-500\/60:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:bg-blue-500\/60:active { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:bg-blue-500\/70:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:bg-blue-500\/70:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:bg-blue-500\/70:active { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:bg-blue-500\/80:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:bg-blue-500\/80:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:bg-blue-500\/80:active { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:bg-blue-500\/90:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:bg-blue-500\/90:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:bg-blue-500\/90:active { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:bg-blue-600:focus { + background-color: var(--blue-600) + } + .sm\:hover\:bg-blue-600:hover { + background-color: var(--blue-600) + } + .sm\:active\:bg-blue-600:active { + background-color: var(--blue-600) + } + .sm\:focus\:bg-blue-600\/10:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:bg-blue-600\/10:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:bg-blue-600\/10:active { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:bg-blue-600\/20:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:bg-blue-600\/20:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:bg-blue-600\/20:active { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:bg-blue-600\/30:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:bg-blue-600\/30:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:bg-blue-600\/30:active { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:bg-blue-600\/40:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:bg-blue-600\/40:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:bg-blue-600\/40:active { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:bg-blue-600\/50:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:bg-blue-600\/50:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:bg-blue-600\/50:active { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:bg-blue-600\/60:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:bg-blue-600\/60:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:bg-blue-600\/60:active { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:bg-blue-600\/70:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:bg-blue-600\/70:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:bg-blue-600\/70:active { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:bg-blue-600\/80:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:bg-blue-600\/80:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:bg-blue-600\/80:active { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:bg-blue-600\/90:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:bg-blue-600\/90:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:bg-blue-600\/90:active { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:bg-blue-700:focus { + background-color: var(--blue-700) + } + .sm\:hover\:bg-blue-700:hover { + background-color: var(--blue-700) + } + .sm\:active\:bg-blue-700:active { + background-color: var(--blue-700) + } + .sm\:focus\:bg-blue-700\/10:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:bg-blue-700\/10:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:bg-blue-700\/10:active { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:bg-blue-700\/20:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:bg-blue-700\/20:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:bg-blue-700\/20:active { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:bg-blue-700\/30:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:bg-blue-700\/30:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:bg-blue-700\/30:active { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:bg-blue-700\/40:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:bg-blue-700\/40:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:bg-blue-700\/40:active { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:bg-blue-700\/50:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:bg-blue-700\/50:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:bg-blue-700\/50:active { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:bg-blue-700\/60:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:bg-blue-700\/60:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:bg-blue-700\/60:active { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:bg-blue-700\/70:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:bg-blue-700\/70:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:bg-blue-700\/70:active { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:bg-blue-700\/80:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:bg-blue-700\/80:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:bg-blue-700\/80:active { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:bg-blue-700\/90:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:bg-blue-700\/90:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:bg-blue-700\/90:active { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:bg-blue-800:focus { + background-color: var(--blue-800) + } + .sm\:hover\:bg-blue-800:hover { + background-color: var(--blue-800) + } + .sm\:active\:bg-blue-800:active { + background-color: var(--blue-800) + } + .sm\:focus\:bg-blue-800\/10:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:bg-blue-800\/10:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:bg-blue-800\/10:active { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:bg-blue-800\/20:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:bg-blue-800\/20:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:bg-blue-800\/20:active { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:bg-blue-800\/30:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:bg-blue-800\/30:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:bg-blue-800\/30:active { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:bg-blue-800\/40:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:bg-blue-800\/40:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:bg-blue-800\/40:active { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:bg-blue-800\/50:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:bg-blue-800\/50:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:bg-blue-800\/50:active { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:bg-blue-800\/60:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:bg-blue-800\/60:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:bg-blue-800\/60:active { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:bg-blue-800\/70:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:bg-blue-800\/70:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:bg-blue-800\/70:active { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:bg-blue-800\/80:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:bg-blue-800\/80:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:bg-blue-800\/80:active { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:bg-blue-800\/90:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:bg-blue-800\/90:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:bg-blue-800\/90:active { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:bg-blue-900:focus { + background-color: var(--blue-900) + } + .sm\:hover\:bg-blue-900:hover { + background-color: var(--blue-900) + } + .sm\:active\:bg-blue-900:active { + background-color: var(--blue-900) + } + .sm\:focus\:bg-blue-900\/10:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:bg-blue-900\/10:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:bg-blue-900\/10:active { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:bg-blue-900\/20:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:bg-blue-900\/20:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:bg-blue-900\/20:active { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:bg-blue-900\/30:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:bg-blue-900\/30:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:bg-blue-900\/30:active { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:bg-blue-900\/40:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:bg-blue-900\/40:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:bg-blue-900\/40:active { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:bg-blue-900\/50:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:bg-blue-900\/50:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:bg-blue-900\/50:active { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:bg-blue-900\/60:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:bg-blue-900\/60:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:bg-blue-900\/60:active { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:bg-blue-900\/70:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:bg-blue-900\/70:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:bg-blue-900\/70:active { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:bg-blue-900\/80:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:bg-blue-900\/80:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:bg-blue-900\/80:active { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:bg-blue-900\/90:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:bg-blue-900\/90:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:bg-blue-900\/90:active { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:bg-green-50:focus { + background-color: var(--green-50) + } + .sm\:hover\:bg-green-50:hover { + background-color: var(--green-50) + } + .sm\:active\:bg-green-50:active { + background-color: var(--green-50) + } + .sm\:focus\:bg-green-50\/10:focus { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:bg-green-50\/10:hover { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:bg-green-50\/10:active { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:bg-green-50\/20:focus { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:bg-green-50\/20:hover { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:bg-green-50\/20:active { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:bg-green-50\/30:focus { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:bg-green-50\/30:hover { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:bg-green-50\/30:active { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:bg-green-50\/40:focus { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:bg-green-50\/40:hover { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:bg-green-50\/40:active { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:bg-green-50\/50:focus { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:bg-green-50\/50:hover { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:bg-green-50\/50:active { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:bg-green-50\/60:focus { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:bg-green-50\/60:hover { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:bg-green-50\/60:active { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:bg-green-50\/70:focus { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:bg-green-50\/70:hover { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:bg-green-50\/70:active { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:bg-green-50\/80:focus { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:bg-green-50\/80:hover { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:bg-green-50\/80:active { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:bg-green-50\/90:focus { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:bg-green-50\/90:hover { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:bg-green-50\/90:active { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:bg-green-100:focus { + background-color: var(--green-100) + } + .sm\:hover\:bg-green-100:hover { + background-color: var(--green-100) + } + .sm\:active\:bg-green-100:active { + background-color: var(--green-100) + } + .sm\:focus\:bg-green-100\/10:focus { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:bg-green-100\/10:hover { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:bg-green-100\/10:active { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:bg-green-100\/20:focus { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:bg-green-100\/20:hover { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:bg-green-100\/20:active { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:bg-green-100\/30:focus { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:bg-green-100\/30:hover { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:bg-green-100\/30:active { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:bg-green-100\/40:focus { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:bg-green-100\/40:hover { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:bg-green-100\/40:active { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:bg-green-100\/50:focus { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:bg-green-100\/50:hover { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:bg-green-100\/50:active { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:bg-green-100\/60:focus { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:bg-green-100\/60:hover { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:bg-green-100\/60:active { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:bg-green-100\/70:focus { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:bg-green-100\/70:hover { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:bg-green-100\/70:active { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:bg-green-100\/80:focus { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:bg-green-100\/80:hover { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:bg-green-100\/80:active { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:bg-green-100\/90:focus { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:bg-green-100\/90:hover { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:bg-green-100\/90:active { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:bg-green-200:focus { + background-color: var(--green-200) + } + .sm\:hover\:bg-green-200:hover { + background-color: var(--green-200) + } + .sm\:active\:bg-green-200:active { + background-color: var(--green-200) + } + .sm\:focus\:bg-green-200\/10:focus { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:bg-green-200\/10:hover { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:bg-green-200\/10:active { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:bg-green-200\/20:focus { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:bg-green-200\/20:hover { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:bg-green-200\/20:active { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:bg-green-200\/30:focus { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:bg-green-200\/30:hover { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:bg-green-200\/30:active { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:bg-green-200\/40:focus { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:bg-green-200\/40:hover { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:bg-green-200\/40:active { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:bg-green-200\/50:focus { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:bg-green-200\/50:hover { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:bg-green-200\/50:active { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:bg-green-200\/60:focus { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:bg-green-200\/60:hover { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:bg-green-200\/60:active { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:bg-green-200\/70:focus { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:bg-green-200\/70:hover { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:bg-green-200\/70:active { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:bg-green-200\/80:focus { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:bg-green-200\/80:hover { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:bg-green-200\/80:active { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:bg-green-200\/90:focus { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:bg-green-200\/90:hover { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:bg-green-200\/90:active { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:bg-green-300:focus { + background-color: var(--green-300) + } + .sm\:hover\:bg-green-300:hover { + background-color: var(--green-300) + } + .sm\:active\:bg-green-300:active { + background-color: var(--green-300) + } + .sm\:focus\:bg-green-300\/10:focus { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:bg-green-300\/10:hover { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:bg-green-300\/10:active { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:bg-green-300\/20:focus { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:bg-green-300\/20:hover { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:bg-green-300\/20:active { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:bg-green-300\/30:focus { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:bg-green-300\/30:hover { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:bg-green-300\/30:active { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:bg-green-300\/40:focus { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:bg-green-300\/40:hover { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:bg-green-300\/40:active { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:bg-green-300\/50:focus { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:bg-green-300\/50:hover { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:bg-green-300\/50:active { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:bg-green-300\/60:focus { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:bg-green-300\/60:hover { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:bg-green-300\/60:active { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:bg-green-300\/70:focus { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:bg-green-300\/70:hover { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:bg-green-300\/70:active { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:bg-green-300\/80:focus { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:bg-green-300\/80:hover { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:bg-green-300\/80:active { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:bg-green-300\/90:focus { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:bg-green-300\/90:hover { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:bg-green-300\/90:active { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:bg-green-400:focus { + background-color: var(--green-400) + } + .sm\:hover\:bg-green-400:hover { + background-color: var(--green-400) + } + .sm\:active\:bg-green-400:active { + background-color: var(--green-400) + } + .sm\:focus\:bg-green-400\/10:focus { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:bg-green-400\/10:hover { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:bg-green-400\/10:active { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:bg-green-400\/20:focus { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:bg-green-400\/20:hover { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:bg-green-400\/20:active { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:bg-green-400\/30:focus { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:bg-green-400\/30:hover { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:bg-green-400\/30:active { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:bg-green-400\/40:focus { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:bg-green-400\/40:hover { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:bg-green-400\/40:active { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:bg-green-400\/50:focus { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:bg-green-400\/50:hover { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:bg-green-400\/50:active { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:bg-green-400\/60:focus { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:bg-green-400\/60:hover { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:bg-green-400\/60:active { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:bg-green-400\/70:focus { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:bg-green-400\/70:hover { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:bg-green-400\/70:active { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:bg-green-400\/80:focus { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:bg-green-400\/80:hover { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:bg-green-400\/80:active { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:bg-green-400\/90:focus { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:bg-green-400\/90:hover { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:bg-green-400\/90:active { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:bg-green-500:focus { + background-color: var(--green-500) + } + .sm\:hover\:bg-green-500:hover { + background-color: var(--green-500) + } + .sm\:active\:bg-green-500:active { + background-color: var(--green-500) + } + .sm\:focus\:bg-green-500\/10:focus { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:bg-green-500\/10:hover { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:bg-green-500\/10:active { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:bg-green-500\/20:focus { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:bg-green-500\/20:hover { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:bg-green-500\/20:active { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:bg-green-500\/30:focus { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:bg-green-500\/30:hover { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:bg-green-500\/30:active { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:bg-green-500\/40:focus { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:bg-green-500\/40:hover { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:bg-green-500\/40:active { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:bg-green-500\/50:focus { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:bg-green-500\/50:hover { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:bg-green-500\/50:active { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:bg-green-500\/60:focus { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:bg-green-500\/60:hover { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:bg-green-500\/60:active { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:bg-green-500\/70:focus { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:bg-green-500\/70:hover { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:bg-green-500\/70:active { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:bg-green-500\/80:focus { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:bg-green-500\/80:hover { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:bg-green-500\/80:active { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:bg-green-500\/90:focus { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:bg-green-500\/90:hover { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:bg-green-500\/90:active { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:bg-green-600:focus { + background-color: var(--green-600) + } + .sm\:hover\:bg-green-600:hover { + background-color: var(--green-600) + } + .sm\:active\:bg-green-600:active { + background-color: var(--green-600) + } + .sm\:focus\:bg-green-600\/10:focus { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:bg-green-600\/10:hover { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:bg-green-600\/10:active { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:bg-green-600\/20:focus { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:bg-green-600\/20:hover { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:bg-green-600\/20:active { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:bg-green-600\/30:focus { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:bg-green-600\/30:hover { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:bg-green-600\/30:active { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:bg-green-600\/40:focus { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:bg-green-600\/40:hover { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:bg-green-600\/40:active { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:bg-green-600\/50:focus { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:bg-green-600\/50:hover { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:bg-green-600\/50:active { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:bg-green-600\/60:focus { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:bg-green-600\/60:hover { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:bg-green-600\/60:active { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:bg-green-600\/70:focus { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:bg-green-600\/70:hover { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:bg-green-600\/70:active { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:bg-green-600\/80:focus { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:bg-green-600\/80:hover { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:bg-green-600\/80:active { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:bg-green-600\/90:focus { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:bg-green-600\/90:hover { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:bg-green-600\/90:active { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:bg-green-700:focus { + background-color: var(--green-700) + } + .sm\:hover\:bg-green-700:hover { + background-color: var(--green-700) + } + .sm\:active\:bg-green-700:active { + background-color: var(--green-700) + } + .sm\:focus\:bg-green-700\/10:focus { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:bg-green-700\/10:hover { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:bg-green-700\/10:active { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:bg-green-700\/20:focus { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:bg-green-700\/20:hover { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:bg-green-700\/20:active { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:bg-green-700\/30:focus { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:bg-green-700\/30:hover { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:bg-green-700\/30:active { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:bg-green-700\/40:focus { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:bg-green-700\/40:hover { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:bg-green-700\/40:active { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:bg-green-700\/50:focus { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:bg-green-700\/50:hover { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:bg-green-700\/50:active { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:bg-green-700\/60:focus { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:bg-green-700\/60:hover { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:bg-green-700\/60:active { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:bg-green-700\/70:focus { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:bg-green-700\/70:hover { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:bg-green-700\/70:active { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:bg-green-700\/80:focus { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:bg-green-700\/80:hover { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:bg-green-700\/80:active { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:bg-green-700\/90:focus { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:bg-green-700\/90:hover { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:bg-green-700\/90:active { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:bg-green-800:focus { + background-color: var(--green-800) + } + .sm\:hover\:bg-green-800:hover { + background-color: var(--green-800) + } + .sm\:active\:bg-green-800:active { + background-color: var(--green-800) + } + .sm\:focus\:bg-green-800\/10:focus { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:bg-green-800\/10:hover { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:bg-green-800\/10:active { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:bg-green-800\/20:focus { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:bg-green-800\/20:hover { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:bg-green-800\/20:active { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:bg-green-800\/30:focus { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:bg-green-800\/30:hover { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:bg-green-800\/30:active { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:bg-green-800\/40:focus { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:bg-green-800\/40:hover { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:bg-green-800\/40:active { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:bg-green-800\/50:focus { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:bg-green-800\/50:hover { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:bg-green-800\/50:active { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:bg-green-800\/60:focus { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:bg-green-800\/60:hover { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:bg-green-800\/60:active { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:bg-green-800\/70:focus { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:bg-green-800\/70:hover { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:bg-green-800\/70:active { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:bg-green-800\/80:focus { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:bg-green-800\/80:hover { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:bg-green-800\/80:active { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:bg-green-800\/90:focus { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:bg-green-800\/90:hover { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:bg-green-800\/90:active { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:bg-green-900:focus { + background-color: var(--green-900) + } + .sm\:hover\:bg-green-900:hover { + background-color: var(--green-900) + } + .sm\:active\:bg-green-900:active { + background-color: var(--green-900) + } + .sm\:focus\:bg-green-900\/10:focus { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:bg-green-900\/10:hover { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:bg-green-900\/10:active { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:bg-green-900\/20:focus { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:bg-green-900\/20:hover { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:bg-green-900\/20:active { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:bg-green-900\/30:focus { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:bg-green-900\/30:hover { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:bg-green-900\/30:active { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:bg-green-900\/40:focus { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:bg-green-900\/40:hover { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:bg-green-900\/40:active { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:bg-green-900\/50:focus { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:bg-green-900\/50:hover { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:bg-green-900\/50:active { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:bg-green-900\/60:focus { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:bg-green-900\/60:hover { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:bg-green-900\/60:active { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:bg-green-900\/70:focus { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:bg-green-900\/70:hover { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:bg-green-900\/70:active { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:bg-green-900\/80:focus { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:bg-green-900\/80:hover { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:bg-green-900\/80:active { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:bg-green-900\/90:focus { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:bg-green-900\/90:hover { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:bg-green-900\/90:active { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-50:focus { + background-color: var(--yellow-50) + } + .sm\:hover\:bg-yellow-50:hover { + background-color: var(--yellow-50) + } + .sm\:active\:bg-yellow-50:active { + background-color: var(--yellow-50) + } + .sm\:focus\:bg-yellow-50\/10:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-50\/10:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:bg-yellow-50\/10:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-50\/20:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-50\/20:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:bg-yellow-50\/20:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-50\/30:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-50\/30:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:bg-yellow-50\/30:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-50\/40:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-50\/40:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:bg-yellow-50\/40:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-50\/50:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-50\/50:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:bg-yellow-50\/50:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-50\/60:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-50\/60:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:bg-yellow-50\/60:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-50\/70:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-50\/70:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:bg-yellow-50\/70:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-50\/80:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-50\/80:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:bg-yellow-50\/80:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-50\/90:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-50\/90:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:bg-yellow-50\/90:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-100:focus { + background-color: var(--yellow-100) + } + .sm\:hover\:bg-yellow-100:hover { + background-color: var(--yellow-100) + } + .sm\:active\:bg-yellow-100:active { + background-color: var(--yellow-100) + } + .sm\:focus\:bg-yellow-100\/10:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-100\/10:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:bg-yellow-100\/10:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-100\/20:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-100\/20:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:bg-yellow-100\/20:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-100\/30:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-100\/30:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:bg-yellow-100\/30:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-100\/40:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-100\/40:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:bg-yellow-100\/40:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-100\/50:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-100\/50:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:bg-yellow-100\/50:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-100\/60:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-100\/60:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:bg-yellow-100\/60:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-100\/70:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-100\/70:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:bg-yellow-100\/70:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-100\/80:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-100\/80:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:bg-yellow-100\/80:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-100\/90:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-100\/90:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:bg-yellow-100\/90:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-200:focus { + background-color: var(--yellow-200) + } + .sm\:hover\:bg-yellow-200:hover { + background-color: var(--yellow-200) + } + .sm\:active\:bg-yellow-200:active { + background-color: var(--yellow-200) + } + .sm\:focus\:bg-yellow-200\/10:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-200\/10:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:bg-yellow-200\/10:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-200\/20:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-200\/20:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:bg-yellow-200\/20:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-200\/30:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-200\/30:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:bg-yellow-200\/30:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-200\/40:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-200\/40:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:bg-yellow-200\/40:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-200\/50:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-200\/50:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:bg-yellow-200\/50:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-200\/60:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-200\/60:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:bg-yellow-200\/60:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-200\/70:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-200\/70:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:bg-yellow-200\/70:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-200\/80:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-200\/80:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:bg-yellow-200\/80:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-200\/90:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-200\/90:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:bg-yellow-200\/90:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-300:focus { + background-color: var(--yellow-300) + } + .sm\:hover\:bg-yellow-300:hover { + background-color: var(--yellow-300) + } + .sm\:active\:bg-yellow-300:active { + background-color: var(--yellow-300) + } + .sm\:focus\:bg-yellow-300\/10:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-300\/10:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:bg-yellow-300\/10:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-300\/20:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-300\/20:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:bg-yellow-300\/20:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-300\/30:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-300\/30:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:bg-yellow-300\/30:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-300\/40:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-300\/40:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:bg-yellow-300\/40:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-300\/50:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-300\/50:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:bg-yellow-300\/50:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-300\/60:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-300\/60:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:bg-yellow-300\/60:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-300\/70:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-300\/70:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:bg-yellow-300\/70:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-300\/80:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-300\/80:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:bg-yellow-300\/80:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-300\/90:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-300\/90:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:bg-yellow-300\/90:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-400:focus { + background-color: var(--yellow-400) + } + .sm\:hover\:bg-yellow-400:hover { + background-color: var(--yellow-400) + } + .sm\:active\:bg-yellow-400:active { + background-color: var(--yellow-400) + } + .sm\:focus\:bg-yellow-400\/10:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-400\/10:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:bg-yellow-400\/10:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-400\/20:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-400\/20:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:bg-yellow-400\/20:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-400\/30:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-400\/30:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:bg-yellow-400\/30:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-400\/40:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-400\/40:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:bg-yellow-400\/40:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-400\/50:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-400\/50:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:bg-yellow-400\/50:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-400\/60:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-400\/60:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:bg-yellow-400\/60:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-400\/70:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-400\/70:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:bg-yellow-400\/70:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-400\/80:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-400\/80:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:bg-yellow-400\/80:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-400\/90:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-400\/90:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:bg-yellow-400\/90:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-500:focus { + background-color: var(--yellow-500) + } + .sm\:hover\:bg-yellow-500:hover { + background-color: var(--yellow-500) + } + .sm\:active\:bg-yellow-500:active { + background-color: var(--yellow-500) + } + .sm\:focus\:bg-yellow-500\/10:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-500\/10:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:bg-yellow-500\/10:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-500\/20:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-500\/20:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:bg-yellow-500\/20:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-500\/30:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-500\/30:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:bg-yellow-500\/30:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-500\/40:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-500\/40:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:bg-yellow-500\/40:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-500\/50:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-500\/50:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:bg-yellow-500\/50:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-500\/60:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-500\/60:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:bg-yellow-500\/60:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-500\/70:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-500\/70:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:bg-yellow-500\/70:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-500\/80:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-500\/80:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:bg-yellow-500\/80:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-500\/90:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-500\/90:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:bg-yellow-500\/90:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-600:focus { + background-color: var(--yellow-600) + } + .sm\:hover\:bg-yellow-600:hover { + background-color: var(--yellow-600) + } + .sm\:active\:bg-yellow-600:active { + background-color: var(--yellow-600) + } + .sm\:focus\:bg-yellow-600\/10:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-600\/10:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:bg-yellow-600\/10:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-600\/20:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-600\/20:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:bg-yellow-600\/20:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-600\/30:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-600\/30:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:bg-yellow-600\/30:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-600\/40:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-600\/40:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:bg-yellow-600\/40:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-600\/50:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-600\/50:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:bg-yellow-600\/50:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-600\/60:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-600\/60:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:bg-yellow-600\/60:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-600\/70:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-600\/70:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:bg-yellow-600\/70:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-600\/80:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-600\/80:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:bg-yellow-600\/80:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-600\/90:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-600\/90:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:bg-yellow-600\/90:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-700:focus { + background-color: var(--yellow-700) + } + .sm\:hover\:bg-yellow-700:hover { + background-color: var(--yellow-700) + } + .sm\:active\:bg-yellow-700:active { + background-color: var(--yellow-700) + } + .sm\:focus\:bg-yellow-700\/10:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-700\/10:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:bg-yellow-700\/10:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-700\/20:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-700\/20:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:bg-yellow-700\/20:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-700\/30:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-700\/30:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:bg-yellow-700\/30:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-700\/40:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-700\/40:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:bg-yellow-700\/40:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-700\/50:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-700\/50:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:bg-yellow-700\/50:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-700\/60:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-700\/60:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:bg-yellow-700\/60:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-700\/70:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-700\/70:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:bg-yellow-700\/70:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-700\/80:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-700\/80:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:bg-yellow-700\/80:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-700\/90:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-700\/90:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:bg-yellow-700\/90:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-800:focus { + background-color: var(--yellow-800) + } + .sm\:hover\:bg-yellow-800:hover { + background-color: var(--yellow-800) + } + .sm\:active\:bg-yellow-800:active { + background-color: var(--yellow-800) + } + .sm\:focus\:bg-yellow-800\/10:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-800\/10:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:bg-yellow-800\/10:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-800\/20:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-800\/20:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:bg-yellow-800\/20:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-800\/30:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-800\/30:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:bg-yellow-800\/30:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-800\/40:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-800\/40:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:bg-yellow-800\/40:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-800\/50:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-800\/50:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:bg-yellow-800\/50:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-800\/60:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-800\/60:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:bg-yellow-800\/60:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-800\/70:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-800\/70:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:bg-yellow-800\/70:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-800\/80:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-800\/80:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:bg-yellow-800\/80:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-800\/90:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-800\/90:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:bg-yellow-800\/90:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:bg-yellow-900:focus { + background-color: var(--yellow-900) + } + .sm\:hover\:bg-yellow-900:hover { + background-color: var(--yellow-900) + } + .sm\:active\:bg-yellow-900:active { + background-color: var(--yellow-900) + } + .sm\:focus\:bg-yellow-900\/10:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:bg-yellow-900\/10:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:bg-yellow-900\/10:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:bg-yellow-900\/20:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:bg-yellow-900\/20:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:bg-yellow-900\/20:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:bg-yellow-900\/30:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:bg-yellow-900\/30:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:bg-yellow-900\/30:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:bg-yellow-900\/40:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:bg-yellow-900\/40:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:bg-yellow-900\/40:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:bg-yellow-900\/50:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:bg-yellow-900\/50:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:bg-yellow-900\/50:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:bg-yellow-900\/60:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:bg-yellow-900\/60:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:bg-yellow-900\/60:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:bg-yellow-900\/70:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:bg-yellow-900\/70:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:bg-yellow-900\/70:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:bg-yellow-900\/80:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:bg-yellow-900\/80:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:bg-yellow-900\/80:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:bg-yellow-900\/90:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:bg-yellow-900\/90:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:bg-yellow-900\/90:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-50:focus { + background-color: var(--cyan-50) + } + .sm\:hover\:bg-cyan-50:hover { + background-color: var(--cyan-50) + } + .sm\:active\:bg-cyan-50:active { + background-color: var(--cyan-50) + } + .sm\:focus\:bg-cyan-50\/10:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-50\/10:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:bg-cyan-50\/10:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-50\/20:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-50\/20:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:bg-cyan-50\/20:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-50\/30:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-50\/30:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:bg-cyan-50\/30:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-50\/40:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-50\/40:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:bg-cyan-50\/40:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-50\/50:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-50\/50:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:bg-cyan-50\/50:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-50\/60:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-50\/60:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:bg-cyan-50\/60:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-50\/70:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-50\/70:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:bg-cyan-50\/70:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-50\/80:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-50\/80:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:bg-cyan-50\/80:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-50\/90:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-50\/90:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:bg-cyan-50\/90:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-100:focus { + background-color: var(--cyan-100) + } + .sm\:hover\:bg-cyan-100:hover { + background-color: var(--cyan-100) + } + .sm\:active\:bg-cyan-100:active { + background-color: var(--cyan-100) + } + .sm\:focus\:bg-cyan-100\/10:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-100\/10:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:bg-cyan-100\/10:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-100\/20:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-100\/20:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:bg-cyan-100\/20:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-100\/30:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-100\/30:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:bg-cyan-100\/30:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-100\/40:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-100\/40:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:bg-cyan-100\/40:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-100\/50:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-100\/50:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:bg-cyan-100\/50:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-100\/60:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-100\/60:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:bg-cyan-100\/60:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-100\/70:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-100\/70:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:bg-cyan-100\/70:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-100\/80:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-100\/80:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:bg-cyan-100\/80:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-100\/90:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-100\/90:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:bg-cyan-100\/90:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-200:focus { + background-color: var(--cyan-200) + } + .sm\:hover\:bg-cyan-200:hover { + background-color: var(--cyan-200) + } + .sm\:active\:bg-cyan-200:active { + background-color: var(--cyan-200) + } + .sm\:focus\:bg-cyan-200\/10:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-200\/10:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:bg-cyan-200\/10:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-200\/20:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-200\/20:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:bg-cyan-200\/20:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-200\/30:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-200\/30:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:bg-cyan-200\/30:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-200\/40:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-200\/40:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:bg-cyan-200\/40:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-200\/50:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-200\/50:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:bg-cyan-200\/50:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-200\/60:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-200\/60:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:bg-cyan-200\/60:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-200\/70:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-200\/70:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:bg-cyan-200\/70:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-200\/80:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-200\/80:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:bg-cyan-200\/80:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-200\/90:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-200\/90:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:bg-cyan-200\/90:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-300:focus { + background-color: var(--cyan-300) + } + .sm\:hover\:bg-cyan-300:hover { + background-color: var(--cyan-300) + } + .sm\:active\:bg-cyan-300:active { + background-color: var(--cyan-300) + } + .sm\:focus\:bg-cyan-300\/10:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-300\/10:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:bg-cyan-300\/10:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-300\/20:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-300\/20:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:bg-cyan-300\/20:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-300\/30:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-300\/30:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:bg-cyan-300\/30:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-300\/40:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-300\/40:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:bg-cyan-300\/40:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-300\/50:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-300\/50:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:bg-cyan-300\/50:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-300\/60:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-300\/60:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:bg-cyan-300\/60:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-300\/70:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-300\/70:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:bg-cyan-300\/70:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-300\/80:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-300\/80:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:bg-cyan-300\/80:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-300\/90:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-300\/90:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:bg-cyan-300\/90:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-400:focus { + background-color: var(--cyan-400) + } + .sm\:hover\:bg-cyan-400:hover { + background-color: var(--cyan-400) + } + .sm\:active\:bg-cyan-400:active { + background-color: var(--cyan-400) + } + .sm\:focus\:bg-cyan-400\/10:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-400\/10:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:bg-cyan-400\/10:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-400\/20:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-400\/20:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:bg-cyan-400\/20:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-400\/30:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-400\/30:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:bg-cyan-400\/30:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-400\/40:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-400\/40:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:bg-cyan-400\/40:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-400\/50:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-400\/50:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:bg-cyan-400\/50:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-400\/60:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-400\/60:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:bg-cyan-400\/60:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-400\/70:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-400\/70:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:bg-cyan-400\/70:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-400\/80:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-400\/80:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:bg-cyan-400\/80:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-400\/90:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-400\/90:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:bg-cyan-400\/90:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-500:focus { + background-color: var(--cyan-500) + } + .sm\:hover\:bg-cyan-500:hover { + background-color: var(--cyan-500) + } + .sm\:active\:bg-cyan-500:active { + background-color: var(--cyan-500) + } + .sm\:focus\:bg-cyan-500\/10:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-500\/10:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:bg-cyan-500\/10:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-500\/20:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-500\/20:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:bg-cyan-500\/20:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-500\/30:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-500\/30:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:bg-cyan-500\/30:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-500\/40:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-500\/40:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:bg-cyan-500\/40:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-500\/50:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-500\/50:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:bg-cyan-500\/50:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-500\/60:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-500\/60:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:bg-cyan-500\/60:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-500\/70:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-500\/70:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:bg-cyan-500\/70:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-500\/80:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-500\/80:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:bg-cyan-500\/80:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-500\/90:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-500\/90:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:bg-cyan-500\/90:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-600:focus { + background-color: var(--cyan-600) + } + .sm\:hover\:bg-cyan-600:hover { + background-color: var(--cyan-600) + } + .sm\:active\:bg-cyan-600:active { + background-color: var(--cyan-600) + } + .sm\:focus\:bg-cyan-600\/10:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-600\/10:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:bg-cyan-600\/10:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-600\/20:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-600\/20:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:bg-cyan-600\/20:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-600\/30:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-600\/30:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:bg-cyan-600\/30:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-600\/40:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-600\/40:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:bg-cyan-600\/40:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-600\/50:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-600\/50:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:bg-cyan-600\/50:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-600\/60:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-600\/60:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:bg-cyan-600\/60:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-600\/70:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-600\/70:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:bg-cyan-600\/70:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-600\/80:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-600\/80:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:bg-cyan-600\/80:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-600\/90:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-600\/90:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:bg-cyan-600\/90:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-700:focus { + background-color: var(--cyan-700) + } + .sm\:hover\:bg-cyan-700:hover { + background-color: var(--cyan-700) + } + .sm\:active\:bg-cyan-700:active { + background-color: var(--cyan-700) + } + .sm\:focus\:bg-cyan-700\/10:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-700\/10:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:bg-cyan-700\/10:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-700\/20:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-700\/20:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:bg-cyan-700\/20:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-700\/30:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-700\/30:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:bg-cyan-700\/30:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-700\/40:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-700\/40:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:bg-cyan-700\/40:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-700\/50:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-700\/50:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:bg-cyan-700\/50:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-700\/60:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-700\/60:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:bg-cyan-700\/60:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-700\/70:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-700\/70:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:bg-cyan-700\/70:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-700\/80:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-700\/80:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:bg-cyan-700\/80:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-700\/90:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-700\/90:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:bg-cyan-700\/90:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-800:focus { + background-color: var(--cyan-800) + } + .sm\:hover\:bg-cyan-800:hover { + background-color: var(--cyan-800) + } + .sm\:active\:bg-cyan-800:active { + background-color: var(--cyan-800) + } + .sm\:focus\:bg-cyan-800\/10:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-800\/10:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:bg-cyan-800\/10:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-800\/20:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-800\/20:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:bg-cyan-800\/20:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-800\/30:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-800\/30:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:bg-cyan-800\/30:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-800\/40:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-800\/40:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:bg-cyan-800\/40:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-800\/50:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-800\/50:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:bg-cyan-800\/50:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-800\/60:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-800\/60:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:bg-cyan-800\/60:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-800\/70:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-800\/70:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:bg-cyan-800\/70:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-800\/80:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-800\/80:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:bg-cyan-800\/80:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-800\/90:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-800\/90:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:bg-cyan-800\/90:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:bg-cyan-900:focus { + background-color: var(--cyan-900) + } + .sm\:hover\:bg-cyan-900:hover { + background-color: var(--cyan-900) + } + .sm\:active\:bg-cyan-900:active { + background-color: var(--cyan-900) + } + .sm\:focus\:bg-cyan-900\/10:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:bg-cyan-900\/10:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:bg-cyan-900\/10:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:bg-cyan-900\/20:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:bg-cyan-900\/20:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:bg-cyan-900\/20:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:bg-cyan-900\/30:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:bg-cyan-900\/30:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:bg-cyan-900\/30:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:bg-cyan-900\/40:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:bg-cyan-900\/40:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:bg-cyan-900\/40:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:bg-cyan-900\/50:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:bg-cyan-900\/50:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:bg-cyan-900\/50:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:bg-cyan-900\/60:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:bg-cyan-900\/60:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:bg-cyan-900\/60:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:bg-cyan-900\/70:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:bg-cyan-900\/70:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:bg-cyan-900\/70:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:bg-cyan-900\/80:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:bg-cyan-900\/80:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:bg-cyan-900\/80:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:bg-cyan-900\/90:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:bg-cyan-900\/90:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:bg-cyan-900\/90:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:bg-pink-50:focus { + background-color: var(--pink-50) + } + .sm\:hover\:bg-pink-50:hover { + background-color: var(--pink-50) + } + .sm\:active\:bg-pink-50:active { + background-color: var(--pink-50) + } + .sm\:focus\:bg-pink-50\/10:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:bg-pink-50\/10:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:bg-pink-50\/10:active { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:bg-pink-50\/20:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:bg-pink-50\/20:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:bg-pink-50\/20:active { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:bg-pink-50\/30:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:bg-pink-50\/30:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:bg-pink-50\/30:active { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:bg-pink-50\/40:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:bg-pink-50\/40:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:bg-pink-50\/40:active { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:bg-pink-50\/50:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:bg-pink-50\/50:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:bg-pink-50\/50:active { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:bg-pink-50\/60:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:bg-pink-50\/60:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:bg-pink-50\/60:active { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:bg-pink-50\/70:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:bg-pink-50\/70:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:bg-pink-50\/70:active { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:bg-pink-50\/80:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:bg-pink-50\/80:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:bg-pink-50\/80:active { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:bg-pink-50\/90:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:bg-pink-50\/90:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:bg-pink-50\/90:active { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:bg-pink-100:focus { + background-color: var(--pink-100) + } + .sm\:hover\:bg-pink-100:hover { + background-color: var(--pink-100) + } + .sm\:active\:bg-pink-100:active { + background-color: var(--pink-100) + } + .sm\:focus\:bg-pink-100\/10:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:bg-pink-100\/10:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:bg-pink-100\/10:active { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:bg-pink-100\/20:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:bg-pink-100\/20:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:bg-pink-100\/20:active { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:bg-pink-100\/30:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:bg-pink-100\/30:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:bg-pink-100\/30:active { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:bg-pink-100\/40:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:bg-pink-100\/40:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:bg-pink-100\/40:active { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:bg-pink-100\/50:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:bg-pink-100\/50:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:bg-pink-100\/50:active { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:bg-pink-100\/60:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:bg-pink-100\/60:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:bg-pink-100\/60:active { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:bg-pink-100\/70:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:bg-pink-100\/70:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:bg-pink-100\/70:active { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:bg-pink-100\/80:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:bg-pink-100\/80:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:bg-pink-100\/80:active { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:bg-pink-100\/90:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:bg-pink-100\/90:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:bg-pink-100\/90:active { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:bg-pink-200:focus { + background-color: var(--pink-200) + } + .sm\:hover\:bg-pink-200:hover { + background-color: var(--pink-200) + } + .sm\:active\:bg-pink-200:active { + background-color: var(--pink-200) + } + .sm\:focus\:bg-pink-200\/10:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:bg-pink-200\/10:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:bg-pink-200\/10:active { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:bg-pink-200\/20:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:bg-pink-200\/20:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:bg-pink-200\/20:active { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:bg-pink-200\/30:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:bg-pink-200\/30:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:bg-pink-200\/30:active { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:bg-pink-200\/40:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:bg-pink-200\/40:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:bg-pink-200\/40:active { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:bg-pink-200\/50:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:bg-pink-200\/50:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:bg-pink-200\/50:active { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:bg-pink-200\/60:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:bg-pink-200\/60:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:bg-pink-200\/60:active { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:bg-pink-200\/70:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:bg-pink-200\/70:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:bg-pink-200\/70:active { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:bg-pink-200\/80:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:bg-pink-200\/80:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:bg-pink-200\/80:active { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:bg-pink-200\/90:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:bg-pink-200\/90:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:bg-pink-200\/90:active { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:bg-pink-300:focus { + background-color: var(--pink-300) + } + .sm\:hover\:bg-pink-300:hover { + background-color: var(--pink-300) + } + .sm\:active\:bg-pink-300:active { + background-color: var(--pink-300) + } + .sm\:focus\:bg-pink-300\/10:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:bg-pink-300\/10:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:bg-pink-300\/10:active { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:bg-pink-300\/20:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:bg-pink-300\/20:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:bg-pink-300\/20:active { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:bg-pink-300\/30:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:bg-pink-300\/30:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:bg-pink-300\/30:active { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:bg-pink-300\/40:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:bg-pink-300\/40:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:bg-pink-300\/40:active { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:bg-pink-300\/50:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:bg-pink-300\/50:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:bg-pink-300\/50:active { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:bg-pink-300\/60:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:bg-pink-300\/60:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:bg-pink-300\/60:active { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:bg-pink-300\/70:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:bg-pink-300\/70:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:bg-pink-300\/70:active { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:bg-pink-300\/80:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:bg-pink-300\/80:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:bg-pink-300\/80:active { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:bg-pink-300\/90:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:bg-pink-300\/90:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:bg-pink-300\/90:active { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:bg-pink-400:focus { + background-color: var(--pink-400) + } + .sm\:hover\:bg-pink-400:hover { + background-color: var(--pink-400) + } + .sm\:active\:bg-pink-400:active { + background-color: var(--pink-400) + } + .sm\:focus\:bg-pink-400\/10:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:bg-pink-400\/10:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:bg-pink-400\/10:active { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:bg-pink-400\/20:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:bg-pink-400\/20:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:bg-pink-400\/20:active { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:bg-pink-400\/30:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:bg-pink-400\/30:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:bg-pink-400\/30:active { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:bg-pink-400\/40:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:bg-pink-400\/40:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:bg-pink-400\/40:active { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:bg-pink-400\/50:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:bg-pink-400\/50:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:bg-pink-400\/50:active { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:bg-pink-400\/60:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:bg-pink-400\/60:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:bg-pink-400\/60:active { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:bg-pink-400\/70:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:bg-pink-400\/70:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:bg-pink-400\/70:active { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:bg-pink-400\/80:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:bg-pink-400\/80:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:bg-pink-400\/80:active { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:bg-pink-400\/90:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:bg-pink-400\/90:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:bg-pink-400\/90:active { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:bg-pink-500:focus { + background-color: var(--pink-500) + } + .sm\:hover\:bg-pink-500:hover { + background-color: var(--pink-500) + } + .sm\:active\:bg-pink-500:active { + background-color: var(--pink-500) + } + .sm\:focus\:bg-pink-500\/10:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:bg-pink-500\/10:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:bg-pink-500\/10:active { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:bg-pink-500\/20:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:bg-pink-500\/20:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:bg-pink-500\/20:active { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:bg-pink-500\/30:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:bg-pink-500\/30:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:bg-pink-500\/30:active { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:bg-pink-500\/40:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:bg-pink-500\/40:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:bg-pink-500\/40:active { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:bg-pink-500\/50:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:bg-pink-500\/50:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:bg-pink-500\/50:active { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:bg-pink-500\/60:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:bg-pink-500\/60:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:bg-pink-500\/60:active { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:bg-pink-500\/70:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:bg-pink-500\/70:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:bg-pink-500\/70:active { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:bg-pink-500\/80:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:bg-pink-500\/80:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:bg-pink-500\/80:active { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:bg-pink-500\/90:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:bg-pink-500\/90:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:bg-pink-500\/90:active { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:bg-pink-600:focus { + background-color: var(--pink-600) + } + .sm\:hover\:bg-pink-600:hover { + background-color: var(--pink-600) + } + .sm\:active\:bg-pink-600:active { + background-color: var(--pink-600) + } + .sm\:focus\:bg-pink-600\/10:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:bg-pink-600\/10:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:bg-pink-600\/10:active { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:bg-pink-600\/20:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:bg-pink-600\/20:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:bg-pink-600\/20:active { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:bg-pink-600\/30:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:bg-pink-600\/30:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:bg-pink-600\/30:active { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:bg-pink-600\/40:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:bg-pink-600\/40:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:bg-pink-600\/40:active { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:bg-pink-600\/50:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:bg-pink-600\/50:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:bg-pink-600\/50:active { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:bg-pink-600\/60:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:bg-pink-600\/60:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:bg-pink-600\/60:active { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:bg-pink-600\/70:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:bg-pink-600\/70:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:bg-pink-600\/70:active { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:bg-pink-600\/80:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:bg-pink-600\/80:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:bg-pink-600\/80:active { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:bg-pink-600\/90:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:bg-pink-600\/90:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:bg-pink-600\/90:active { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:bg-pink-700:focus { + background-color: var(--pink-700) + } + .sm\:hover\:bg-pink-700:hover { + background-color: var(--pink-700) + } + .sm\:active\:bg-pink-700:active { + background-color: var(--pink-700) + } + .sm\:focus\:bg-pink-700\/10:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:bg-pink-700\/10:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:bg-pink-700\/10:active { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:bg-pink-700\/20:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:bg-pink-700\/20:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:bg-pink-700\/20:active { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:bg-pink-700\/30:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:bg-pink-700\/30:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:bg-pink-700\/30:active { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:bg-pink-700\/40:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:bg-pink-700\/40:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:bg-pink-700\/40:active { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:bg-pink-700\/50:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:bg-pink-700\/50:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:bg-pink-700\/50:active { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:bg-pink-700\/60:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:bg-pink-700\/60:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:bg-pink-700\/60:active { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:bg-pink-700\/70:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:bg-pink-700\/70:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:bg-pink-700\/70:active { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:bg-pink-700\/80:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:bg-pink-700\/80:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:bg-pink-700\/80:active { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:bg-pink-700\/90:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:bg-pink-700\/90:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:bg-pink-700\/90:active { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:bg-pink-800:focus { + background-color: var(--pink-800) + } + .sm\:hover\:bg-pink-800:hover { + background-color: var(--pink-800) + } + .sm\:active\:bg-pink-800:active { + background-color: var(--pink-800) + } + .sm\:focus\:bg-pink-800\/10:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:bg-pink-800\/10:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:bg-pink-800\/10:active { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:bg-pink-800\/20:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:bg-pink-800\/20:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:bg-pink-800\/20:active { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:bg-pink-800\/30:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:bg-pink-800\/30:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:bg-pink-800\/30:active { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:bg-pink-800\/40:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:bg-pink-800\/40:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:bg-pink-800\/40:active { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:bg-pink-800\/50:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:bg-pink-800\/50:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:bg-pink-800\/50:active { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:bg-pink-800\/60:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:bg-pink-800\/60:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:bg-pink-800\/60:active { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:bg-pink-800\/70:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:bg-pink-800\/70:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:bg-pink-800\/70:active { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:bg-pink-800\/80:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:bg-pink-800\/80:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:bg-pink-800\/80:active { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:bg-pink-800\/90:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:bg-pink-800\/90:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:bg-pink-800\/90:active { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:bg-pink-900:focus { + background-color: var(--pink-900) + } + .sm\:hover\:bg-pink-900:hover { + background-color: var(--pink-900) + } + .sm\:active\:bg-pink-900:active { + background-color: var(--pink-900) + } + .sm\:focus\:bg-pink-900\/10:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:bg-pink-900\/10:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:bg-pink-900\/10:active { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:bg-pink-900\/20:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:bg-pink-900\/20:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:bg-pink-900\/20:active { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:bg-pink-900\/30:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:bg-pink-900\/30:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:bg-pink-900\/30:active { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:bg-pink-900\/40:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:bg-pink-900\/40:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:bg-pink-900\/40:active { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:bg-pink-900\/50:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:bg-pink-900\/50:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:bg-pink-900\/50:active { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:bg-pink-900\/60:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:bg-pink-900\/60:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:bg-pink-900\/60:active { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:bg-pink-900\/70:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:bg-pink-900\/70:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:bg-pink-900\/70:active { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:bg-pink-900\/80:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:bg-pink-900\/80:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:bg-pink-900\/80:active { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:bg-pink-900\/90:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:bg-pink-900\/90:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:bg-pink-900\/90:active { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-50:focus { + background-color: var(--indigo-50) + } + .sm\:hover\:bg-indigo-50:hover { + background-color: var(--indigo-50) + } + .sm\:active\:bg-indigo-50:active { + background-color: var(--indigo-50) + } + .sm\:focus\:bg-indigo-50\/10:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-50\/10:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:bg-indigo-50\/10:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-50\/20:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-50\/20:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:bg-indigo-50\/20:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-50\/30:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-50\/30:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:bg-indigo-50\/30:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-50\/40:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-50\/40:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:bg-indigo-50\/40:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-50\/50:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-50\/50:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:bg-indigo-50\/50:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-50\/60:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-50\/60:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:bg-indigo-50\/60:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-50\/70:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-50\/70:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:bg-indigo-50\/70:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-50\/80:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-50\/80:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:bg-indigo-50\/80:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-50\/90:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-50\/90:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:bg-indigo-50\/90:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-100:focus { + background-color: var(--indigo-100) + } + .sm\:hover\:bg-indigo-100:hover { + background-color: var(--indigo-100) + } + .sm\:active\:bg-indigo-100:active { + background-color: var(--indigo-100) + } + .sm\:focus\:bg-indigo-100\/10:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-100\/10:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:bg-indigo-100\/10:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-100\/20:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-100\/20:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:bg-indigo-100\/20:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-100\/30:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-100\/30:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:bg-indigo-100\/30:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-100\/40:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-100\/40:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:bg-indigo-100\/40:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-100\/50:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-100\/50:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:bg-indigo-100\/50:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-100\/60:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-100\/60:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:bg-indigo-100\/60:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-100\/70:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-100\/70:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:bg-indigo-100\/70:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-100\/80:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-100\/80:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:bg-indigo-100\/80:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-100\/90:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-100\/90:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:bg-indigo-100\/90:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-200:focus { + background-color: var(--indigo-200) + } + .sm\:hover\:bg-indigo-200:hover { + background-color: var(--indigo-200) + } + .sm\:active\:bg-indigo-200:active { + background-color: var(--indigo-200) + } + .sm\:focus\:bg-indigo-200\/10:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-200\/10:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:bg-indigo-200\/10:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-200\/20:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-200\/20:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:bg-indigo-200\/20:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-200\/30:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-200\/30:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:bg-indigo-200\/30:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-200\/40:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-200\/40:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:bg-indigo-200\/40:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-200\/50:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-200\/50:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:bg-indigo-200\/50:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-200\/60:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-200\/60:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:bg-indigo-200\/60:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-200\/70:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-200\/70:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:bg-indigo-200\/70:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-200\/80:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-200\/80:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:bg-indigo-200\/80:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-200\/90:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-200\/90:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:bg-indigo-200\/90:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-300:focus { + background-color: var(--indigo-300) + } + .sm\:hover\:bg-indigo-300:hover { + background-color: var(--indigo-300) + } + .sm\:active\:bg-indigo-300:active { + background-color: var(--indigo-300) + } + .sm\:focus\:bg-indigo-300\/10:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-300\/10:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:bg-indigo-300\/10:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-300\/20:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-300\/20:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:bg-indigo-300\/20:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-300\/30:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-300\/30:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:bg-indigo-300\/30:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-300\/40:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-300\/40:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:bg-indigo-300\/40:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-300\/50:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-300\/50:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:bg-indigo-300\/50:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-300\/60:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-300\/60:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:bg-indigo-300\/60:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-300\/70:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-300\/70:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:bg-indigo-300\/70:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-300\/80:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-300\/80:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:bg-indigo-300\/80:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-300\/90:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-300\/90:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:bg-indigo-300\/90:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-400:focus { + background-color: var(--indigo-400) + } + .sm\:hover\:bg-indigo-400:hover { + background-color: var(--indigo-400) + } + .sm\:active\:bg-indigo-400:active { + background-color: var(--indigo-400) + } + .sm\:focus\:bg-indigo-400\/10:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-400\/10:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:bg-indigo-400\/10:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-400\/20:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-400\/20:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:bg-indigo-400\/20:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-400\/30:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-400\/30:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:bg-indigo-400\/30:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-400\/40:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-400\/40:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:bg-indigo-400\/40:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-400\/50:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-400\/50:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:bg-indigo-400\/50:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-400\/60:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-400\/60:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:bg-indigo-400\/60:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-400\/70:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-400\/70:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:bg-indigo-400\/70:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-400\/80:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-400\/80:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:bg-indigo-400\/80:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-400\/90:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-400\/90:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:bg-indigo-400\/90:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-500:focus { + background-color: var(--indigo-500) + } + .sm\:hover\:bg-indigo-500:hover { + background-color: var(--indigo-500) + } + .sm\:active\:bg-indigo-500:active { + background-color: var(--indigo-500) + } + .sm\:focus\:bg-indigo-500\/10:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-500\/10:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:bg-indigo-500\/10:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-500\/20:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-500\/20:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:bg-indigo-500\/20:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-500\/30:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-500\/30:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:bg-indigo-500\/30:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-500\/40:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-500\/40:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:bg-indigo-500\/40:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-500\/50:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-500\/50:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:bg-indigo-500\/50:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-500\/60:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-500\/60:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:bg-indigo-500\/60:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-500\/70:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-500\/70:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:bg-indigo-500\/70:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-500\/80:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-500\/80:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:bg-indigo-500\/80:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-500\/90:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-500\/90:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:bg-indigo-500\/90:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-600:focus { + background-color: var(--indigo-600) + } + .sm\:hover\:bg-indigo-600:hover { + background-color: var(--indigo-600) + } + .sm\:active\:bg-indigo-600:active { + background-color: var(--indigo-600) + } + .sm\:focus\:bg-indigo-600\/10:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-600\/10:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:bg-indigo-600\/10:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-600\/20:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-600\/20:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:bg-indigo-600\/20:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-600\/30:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-600\/30:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:bg-indigo-600\/30:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-600\/40:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-600\/40:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:bg-indigo-600\/40:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-600\/50:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-600\/50:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:bg-indigo-600\/50:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-600\/60:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-600\/60:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:bg-indigo-600\/60:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-600\/70:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-600\/70:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:bg-indigo-600\/70:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-600\/80:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-600\/80:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:bg-indigo-600\/80:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-600\/90:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-600\/90:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:bg-indigo-600\/90:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-700:focus { + background-color: var(--indigo-700) + } + .sm\:hover\:bg-indigo-700:hover { + background-color: var(--indigo-700) + } + .sm\:active\:bg-indigo-700:active { + background-color: var(--indigo-700) + } + .sm\:focus\:bg-indigo-700\/10:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-700\/10:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:bg-indigo-700\/10:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-700\/20:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-700\/20:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:bg-indigo-700\/20:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-700\/30:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-700\/30:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:bg-indigo-700\/30:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-700\/40:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-700\/40:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:bg-indigo-700\/40:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-700\/50:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-700\/50:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:bg-indigo-700\/50:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-700\/60:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-700\/60:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:bg-indigo-700\/60:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-700\/70:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-700\/70:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:bg-indigo-700\/70:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-700\/80:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-700\/80:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:bg-indigo-700\/80:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-700\/90:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-700\/90:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:bg-indigo-700\/90:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-800:focus { + background-color: var(--indigo-800) + } + .sm\:hover\:bg-indigo-800:hover { + background-color: var(--indigo-800) + } + .sm\:active\:bg-indigo-800:active { + background-color: var(--indigo-800) + } + .sm\:focus\:bg-indigo-800\/10:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-800\/10:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:bg-indigo-800\/10:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-800\/20:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-800\/20:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:bg-indigo-800\/20:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-800\/30:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-800\/30:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:bg-indigo-800\/30:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-800\/40:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-800\/40:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:bg-indigo-800\/40:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-800\/50:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-800\/50:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:bg-indigo-800\/50:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-800\/60:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-800\/60:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:bg-indigo-800\/60:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-800\/70:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-800\/70:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:bg-indigo-800\/70:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-800\/80:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-800\/80:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:bg-indigo-800\/80:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-800\/90:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-800\/90:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:bg-indigo-800\/90:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:bg-indigo-900:focus { + background-color: var(--indigo-900) + } + .sm\:hover\:bg-indigo-900:hover { + background-color: var(--indigo-900) + } + .sm\:active\:bg-indigo-900:active { + background-color: var(--indigo-900) + } + .sm\:focus\:bg-indigo-900\/10:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:bg-indigo-900\/10:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:bg-indigo-900\/10:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:bg-indigo-900\/20:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:bg-indigo-900\/20:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:bg-indigo-900\/20:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:bg-indigo-900\/30:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:bg-indigo-900\/30:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:bg-indigo-900\/30:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:bg-indigo-900\/40:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:bg-indigo-900\/40:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:bg-indigo-900\/40:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:bg-indigo-900\/50:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:bg-indigo-900\/50:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:bg-indigo-900\/50:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:bg-indigo-900\/60:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:bg-indigo-900\/60:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:bg-indigo-900\/60:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:bg-indigo-900\/70:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:bg-indigo-900\/70:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:bg-indigo-900\/70:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:bg-indigo-900\/80:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:bg-indigo-900\/80:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:bg-indigo-900\/80:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:bg-indigo-900\/90:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:bg-indigo-900\/90:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:bg-indigo-900\/90:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:bg-teal-50:focus { + background-color: var(--teal-50) + } + .sm\:hover\:bg-teal-50:hover { + background-color: var(--teal-50) + } + .sm\:active\:bg-teal-50:active { + background-color: var(--teal-50) + } + .sm\:focus\:bg-teal-50\/10:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:bg-teal-50\/10:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:bg-teal-50\/10:active { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:bg-teal-50\/20:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:bg-teal-50\/20:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:bg-teal-50\/20:active { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:bg-teal-50\/30:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:bg-teal-50\/30:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:bg-teal-50\/30:active { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:bg-teal-50\/40:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:bg-teal-50\/40:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:bg-teal-50\/40:active { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:bg-teal-50\/50:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:bg-teal-50\/50:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:bg-teal-50\/50:active { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:bg-teal-50\/60:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:bg-teal-50\/60:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:bg-teal-50\/60:active { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:bg-teal-50\/70:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:bg-teal-50\/70:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:bg-teal-50\/70:active { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:bg-teal-50\/80:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:bg-teal-50\/80:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:bg-teal-50\/80:active { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:bg-teal-50\/90:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:bg-teal-50\/90:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:bg-teal-50\/90:active { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:bg-teal-100:focus { + background-color: var(--teal-100) + } + .sm\:hover\:bg-teal-100:hover { + background-color: var(--teal-100) + } + .sm\:active\:bg-teal-100:active { + background-color: var(--teal-100) + } + .sm\:focus\:bg-teal-100\/10:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:bg-teal-100\/10:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:bg-teal-100\/10:active { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:bg-teal-100\/20:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:bg-teal-100\/20:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:bg-teal-100\/20:active { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:bg-teal-100\/30:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:bg-teal-100\/30:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:bg-teal-100\/30:active { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:bg-teal-100\/40:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:bg-teal-100\/40:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:bg-teal-100\/40:active { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:bg-teal-100\/50:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:bg-teal-100\/50:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:bg-teal-100\/50:active { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:bg-teal-100\/60:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:bg-teal-100\/60:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:bg-teal-100\/60:active { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:bg-teal-100\/70:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:bg-teal-100\/70:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:bg-teal-100\/70:active { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:bg-teal-100\/80:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:bg-teal-100\/80:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:bg-teal-100\/80:active { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:bg-teal-100\/90:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:bg-teal-100\/90:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:bg-teal-100\/90:active { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:bg-teal-200:focus { + background-color: var(--teal-200) + } + .sm\:hover\:bg-teal-200:hover { + background-color: var(--teal-200) + } + .sm\:active\:bg-teal-200:active { + background-color: var(--teal-200) + } + .sm\:focus\:bg-teal-200\/10:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:bg-teal-200\/10:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:bg-teal-200\/10:active { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:bg-teal-200\/20:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:bg-teal-200\/20:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:bg-teal-200\/20:active { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:bg-teal-200\/30:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:bg-teal-200\/30:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:bg-teal-200\/30:active { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:bg-teal-200\/40:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:bg-teal-200\/40:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:bg-teal-200\/40:active { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:bg-teal-200\/50:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:bg-teal-200\/50:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:bg-teal-200\/50:active { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:bg-teal-200\/60:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:bg-teal-200\/60:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:bg-teal-200\/60:active { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:bg-teal-200\/70:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:bg-teal-200\/70:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:bg-teal-200\/70:active { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:bg-teal-200\/80:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:bg-teal-200\/80:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:bg-teal-200\/80:active { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:bg-teal-200\/90:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:bg-teal-200\/90:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:bg-teal-200\/90:active { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:bg-teal-300:focus { + background-color: var(--teal-300) + } + .sm\:hover\:bg-teal-300:hover { + background-color: var(--teal-300) + } + .sm\:active\:bg-teal-300:active { + background-color: var(--teal-300) + } + .sm\:focus\:bg-teal-300\/10:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:bg-teal-300\/10:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:bg-teal-300\/10:active { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:bg-teal-300\/20:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:bg-teal-300\/20:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:bg-teal-300\/20:active { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:bg-teal-300\/30:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:bg-teal-300\/30:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:bg-teal-300\/30:active { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:bg-teal-300\/40:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:bg-teal-300\/40:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:bg-teal-300\/40:active { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:bg-teal-300\/50:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:bg-teal-300\/50:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:bg-teal-300\/50:active { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:bg-teal-300\/60:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:bg-teal-300\/60:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:bg-teal-300\/60:active { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:bg-teal-300\/70:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:bg-teal-300\/70:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:bg-teal-300\/70:active { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:bg-teal-300\/80:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:bg-teal-300\/80:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:bg-teal-300\/80:active { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:bg-teal-300\/90:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:bg-teal-300\/90:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:bg-teal-300\/90:active { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:bg-teal-400:focus { + background-color: var(--teal-400) + } + .sm\:hover\:bg-teal-400:hover { + background-color: var(--teal-400) + } + .sm\:active\:bg-teal-400:active { + background-color: var(--teal-400) + } + .sm\:focus\:bg-teal-400\/10:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:bg-teal-400\/10:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:bg-teal-400\/10:active { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:bg-teal-400\/20:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:bg-teal-400\/20:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:bg-teal-400\/20:active { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:bg-teal-400\/30:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:bg-teal-400\/30:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:bg-teal-400\/30:active { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:bg-teal-400\/40:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:bg-teal-400\/40:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:bg-teal-400\/40:active { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:bg-teal-400\/50:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:bg-teal-400\/50:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:bg-teal-400\/50:active { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:bg-teal-400\/60:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:bg-teal-400\/60:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:bg-teal-400\/60:active { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:bg-teal-400\/70:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:bg-teal-400\/70:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:bg-teal-400\/70:active { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:bg-teal-400\/80:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:bg-teal-400\/80:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:bg-teal-400\/80:active { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:bg-teal-400\/90:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:bg-teal-400\/90:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:bg-teal-400\/90:active { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:bg-teal-500:focus { + background-color: var(--teal-500) + } + .sm\:hover\:bg-teal-500:hover { + background-color: var(--teal-500) + } + .sm\:active\:bg-teal-500:active { + background-color: var(--teal-500) + } + .sm\:focus\:bg-teal-500\/10:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:bg-teal-500\/10:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:bg-teal-500\/10:active { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:bg-teal-500\/20:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:bg-teal-500\/20:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:bg-teal-500\/20:active { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:bg-teal-500\/30:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:bg-teal-500\/30:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:bg-teal-500\/30:active { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:bg-teal-500\/40:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:bg-teal-500\/40:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:bg-teal-500\/40:active { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:bg-teal-500\/50:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:bg-teal-500\/50:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:bg-teal-500\/50:active { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:bg-teal-500\/60:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:bg-teal-500\/60:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:bg-teal-500\/60:active { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:bg-teal-500\/70:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:bg-teal-500\/70:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:bg-teal-500\/70:active { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:bg-teal-500\/80:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:bg-teal-500\/80:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:bg-teal-500\/80:active { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:bg-teal-500\/90:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:bg-teal-500\/90:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:bg-teal-500\/90:active { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:bg-teal-600:focus { + background-color: var(--teal-600) + } + .sm\:hover\:bg-teal-600:hover { + background-color: var(--teal-600) + } + .sm\:active\:bg-teal-600:active { + background-color: var(--teal-600) + } + .sm\:focus\:bg-teal-600\/10:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:bg-teal-600\/10:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:bg-teal-600\/10:active { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:bg-teal-600\/20:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:bg-teal-600\/20:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:bg-teal-600\/20:active { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:bg-teal-600\/30:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:bg-teal-600\/30:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:bg-teal-600\/30:active { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:bg-teal-600\/40:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:bg-teal-600\/40:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:bg-teal-600\/40:active { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:bg-teal-600\/50:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:bg-teal-600\/50:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:bg-teal-600\/50:active { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:bg-teal-600\/60:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:bg-teal-600\/60:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:bg-teal-600\/60:active { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:bg-teal-600\/70:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:bg-teal-600\/70:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:bg-teal-600\/70:active { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:bg-teal-600\/80:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:bg-teal-600\/80:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:bg-teal-600\/80:active { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:bg-teal-600\/90:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:bg-teal-600\/90:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:bg-teal-600\/90:active { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:bg-teal-700:focus { + background-color: var(--teal-700) + } + .sm\:hover\:bg-teal-700:hover { + background-color: var(--teal-700) + } + .sm\:active\:bg-teal-700:active { + background-color: var(--teal-700) + } + .sm\:focus\:bg-teal-700\/10:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:bg-teal-700\/10:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:bg-teal-700\/10:active { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:bg-teal-700\/20:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:bg-teal-700\/20:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:bg-teal-700\/20:active { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:bg-teal-700\/30:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:bg-teal-700\/30:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:bg-teal-700\/30:active { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:bg-teal-700\/40:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:bg-teal-700\/40:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:bg-teal-700\/40:active { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:bg-teal-700\/50:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:bg-teal-700\/50:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:bg-teal-700\/50:active { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:bg-teal-700\/60:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:bg-teal-700\/60:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:bg-teal-700\/60:active { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:bg-teal-700\/70:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:bg-teal-700\/70:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:bg-teal-700\/70:active { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:bg-teal-700\/80:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:bg-teal-700\/80:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:bg-teal-700\/80:active { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:bg-teal-700\/90:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:bg-teal-700\/90:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:bg-teal-700\/90:active { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:bg-teal-800:focus { + background-color: var(--teal-800) + } + .sm\:hover\:bg-teal-800:hover { + background-color: var(--teal-800) + } + .sm\:active\:bg-teal-800:active { + background-color: var(--teal-800) + } + .sm\:focus\:bg-teal-800\/10:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:bg-teal-800\/10:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:bg-teal-800\/10:active { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:bg-teal-800\/20:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:bg-teal-800\/20:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:bg-teal-800\/20:active { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:bg-teal-800\/30:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:bg-teal-800\/30:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:bg-teal-800\/30:active { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:bg-teal-800\/40:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:bg-teal-800\/40:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:bg-teal-800\/40:active { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:bg-teal-800\/50:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:bg-teal-800\/50:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:bg-teal-800\/50:active { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:bg-teal-800\/60:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:bg-teal-800\/60:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:bg-teal-800\/60:active { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:bg-teal-800\/70:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:bg-teal-800\/70:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:bg-teal-800\/70:active { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:bg-teal-800\/80:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:bg-teal-800\/80:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:bg-teal-800\/80:active { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:bg-teal-800\/90:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:bg-teal-800\/90:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:bg-teal-800\/90:active { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:bg-teal-900:focus { + background-color: var(--teal-900) + } + .sm\:hover\:bg-teal-900:hover { + background-color: var(--teal-900) + } + .sm\:active\:bg-teal-900:active { + background-color: var(--teal-900) + } + .sm\:focus\:bg-teal-900\/10:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:bg-teal-900\/10:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:bg-teal-900\/10:active { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:bg-teal-900\/20:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:bg-teal-900\/20:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:bg-teal-900\/20:active { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:bg-teal-900\/30:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:bg-teal-900\/30:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:bg-teal-900\/30:active { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:bg-teal-900\/40:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:bg-teal-900\/40:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:bg-teal-900\/40:active { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:bg-teal-900\/50:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:bg-teal-900\/50:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:bg-teal-900\/50:active { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:bg-teal-900\/60:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:bg-teal-900\/60:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:bg-teal-900\/60:active { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:bg-teal-900\/70:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:bg-teal-900\/70:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:bg-teal-900\/70:active { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:bg-teal-900\/80:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:bg-teal-900\/80:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:bg-teal-900\/80:active { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:bg-teal-900\/90:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:bg-teal-900\/90:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:bg-teal-900\/90:active { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:bg-orange-50:focus { + background-color: var(--orange-50) + } + .sm\:hover\:bg-orange-50:hover { + background-color: var(--orange-50) + } + .sm\:active\:bg-orange-50:active { + background-color: var(--orange-50) + } + .sm\:focus\:bg-orange-50\/10:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:bg-orange-50\/10:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:bg-orange-50\/10:active { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:bg-orange-50\/20:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:bg-orange-50\/20:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:bg-orange-50\/20:active { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:bg-orange-50\/30:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:bg-orange-50\/30:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:bg-orange-50\/30:active { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:bg-orange-50\/40:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:bg-orange-50\/40:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:bg-orange-50\/40:active { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:bg-orange-50\/50:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:bg-orange-50\/50:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:bg-orange-50\/50:active { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:bg-orange-50\/60:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:bg-orange-50\/60:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:bg-orange-50\/60:active { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:bg-orange-50\/70:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:bg-orange-50\/70:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:bg-orange-50\/70:active { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:bg-orange-50\/80:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:bg-orange-50\/80:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:bg-orange-50\/80:active { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:bg-orange-50\/90:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:bg-orange-50\/90:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:bg-orange-50\/90:active { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:bg-orange-100:focus { + background-color: var(--orange-100) + } + .sm\:hover\:bg-orange-100:hover { + background-color: var(--orange-100) + } + .sm\:active\:bg-orange-100:active { + background-color: var(--orange-100) + } + .sm\:focus\:bg-orange-100\/10:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:bg-orange-100\/10:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:bg-orange-100\/10:active { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:bg-orange-100\/20:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:bg-orange-100\/20:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:bg-orange-100\/20:active { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:bg-orange-100\/30:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:bg-orange-100\/30:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:bg-orange-100\/30:active { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:bg-orange-100\/40:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:bg-orange-100\/40:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:bg-orange-100\/40:active { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:bg-orange-100\/50:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:bg-orange-100\/50:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:bg-orange-100\/50:active { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:bg-orange-100\/60:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:bg-orange-100\/60:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:bg-orange-100\/60:active { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:bg-orange-100\/70:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:bg-orange-100\/70:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:bg-orange-100\/70:active { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:bg-orange-100\/80:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:bg-orange-100\/80:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:bg-orange-100\/80:active { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:bg-orange-100\/90:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:bg-orange-100\/90:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:bg-orange-100\/90:active { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:bg-orange-200:focus { + background-color: var(--orange-200) + } + .sm\:hover\:bg-orange-200:hover { + background-color: var(--orange-200) + } + .sm\:active\:bg-orange-200:active { + background-color: var(--orange-200) + } + .sm\:focus\:bg-orange-200\/10:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:bg-orange-200\/10:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:bg-orange-200\/10:active { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:bg-orange-200\/20:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:bg-orange-200\/20:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:bg-orange-200\/20:active { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:bg-orange-200\/30:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:bg-orange-200\/30:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:bg-orange-200\/30:active { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:bg-orange-200\/40:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:bg-orange-200\/40:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:bg-orange-200\/40:active { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:bg-orange-200\/50:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:bg-orange-200\/50:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:bg-orange-200\/50:active { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:bg-orange-200\/60:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:bg-orange-200\/60:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:bg-orange-200\/60:active { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:bg-orange-200\/70:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:bg-orange-200\/70:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:bg-orange-200\/70:active { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:bg-orange-200\/80:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:bg-orange-200\/80:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:bg-orange-200\/80:active { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:bg-orange-200\/90:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:bg-orange-200\/90:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:bg-orange-200\/90:active { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:bg-orange-300:focus { + background-color: var(--orange-300) + } + .sm\:hover\:bg-orange-300:hover { + background-color: var(--orange-300) + } + .sm\:active\:bg-orange-300:active { + background-color: var(--orange-300) + } + .sm\:focus\:bg-orange-300\/10:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:bg-orange-300\/10:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:bg-orange-300\/10:active { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:bg-orange-300\/20:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:bg-orange-300\/20:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:bg-orange-300\/20:active { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:bg-orange-300\/30:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:bg-orange-300\/30:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:bg-orange-300\/30:active { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:bg-orange-300\/40:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:bg-orange-300\/40:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:bg-orange-300\/40:active { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:bg-orange-300\/50:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:bg-orange-300\/50:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:bg-orange-300\/50:active { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:bg-orange-300\/60:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:bg-orange-300\/60:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:bg-orange-300\/60:active { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:bg-orange-300\/70:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:bg-orange-300\/70:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:bg-orange-300\/70:active { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:bg-orange-300\/80:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:bg-orange-300\/80:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:bg-orange-300\/80:active { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:bg-orange-300\/90:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:bg-orange-300\/90:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:bg-orange-300\/90:active { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:bg-orange-400:focus { + background-color: var(--orange-400) + } + .sm\:hover\:bg-orange-400:hover { + background-color: var(--orange-400) + } + .sm\:active\:bg-orange-400:active { + background-color: var(--orange-400) + } + .sm\:focus\:bg-orange-400\/10:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:bg-orange-400\/10:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:bg-orange-400\/10:active { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:bg-orange-400\/20:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:bg-orange-400\/20:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:bg-orange-400\/20:active { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:bg-orange-400\/30:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:bg-orange-400\/30:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:bg-orange-400\/30:active { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:bg-orange-400\/40:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:bg-orange-400\/40:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:bg-orange-400\/40:active { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:bg-orange-400\/50:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:bg-orange-400\/50:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:bg-orange-400\/50:active { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:bg-orange-400\/60:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:bg-orange-400\/60:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:bg-orange-400\/60:active { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:bg-orange-400\/70:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:bg-orange-400\/70:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:bg-orange-400\/70:active { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:bg-orange-400\/80:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:bg-orange-400\/80:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:bg-orange-400\/80:active { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:bg-orange-400\/90:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:bg-orange-400\/90:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:bg-orange-400\/90:active { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:bg-orange-500:focus { + background-color: var(--orange-500) + } + .sm\:hover\:bg-orange-500:hover { + background-color: var(--orange-500) + } + .sm\:active\:bg-orange-500:active { + background-color: var(--orange-500) + } + .sm\:focus\:bg-orange-500\/10:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:bg-orange-500\/10:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:bg-orange-500\/10:active { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:bg-orange-500\/20:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:bg-orange-500\/20:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:bg-orange-500\/20:active { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:bg-orange-500\/30:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:bg-orange-500\/30:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:bg-orange-500\/30:active { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:bg-orange-500\/40:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:bg-orange-500\/40:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:bg-orange-500\/40:active { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:bg-orange-500\/50:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:bg-orange-500\/50:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:bg-orange-500\/50:active { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:bg-orange-500\/60:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:bg-orange-500\/60:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:bg-orange-500\/60:active { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:bg-orange-500\/70:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:bg-orange-500\/70:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:bg-orange-500\/70:active { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:bg-orange-500\/80:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:bg-orange-500\/80:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:bg-orange-500\/80:active { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:bg-orange-500\/90:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:bg-orange-500\/90:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:bg-orange-500\/90:active { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:bg-orange-600:focus { + background-color: var(--orange-600) + } + .sm\:hover\:bg-orange-600:hover { + background-color: var(--orange-600) + } + .sm\:active\:bg-orange-600:active { + background-color: var(--orange-600) + } + .sm\:focus\:bg-orange-600\/10:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:bg-orange-600\/10:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:bg-orange-600\/10:active { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:bg-orange-600\/20:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:bg-orange-600\/20:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:bg-orange-600\/20:active { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:bg-orange-600\/30:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:bg-orange-600\/30:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:bg-orange-600\/30:active { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:bg-orange-600\/40:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:bg-orange-600\/40:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:bg-orange-600\/40:active { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:bg-orange-600\/50:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:bg-orange-600\/50:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:bg-orange-600\/50:active { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:bg-orange-600\/60:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:bg-orange-600\/60:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:bg-orange-600\/60:active { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:bg-orange-600\/70:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:bg-orange-600\/70:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:bg-orange-600\/70:active { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:bg-orange-600\/80:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:bg-orange-600\/80:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:bg-orange-600\/80:active { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:bg-orange-600\/90:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:bg-orange-600\/90:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:bg-orange-600\/90:active { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:bg-orange-700:focus { + background-color: var(--orange-700) + } + .sm\:hover\:bg-orange-700:hover { + background-color: var(--orange-700) + } + .sm\:active\:bg-orange-700:active { + background-color: var(--orange-700) + } + .sm\:focus\:bg-orange-700\/10:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:bg-orange-700\/10:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:bg-orange-700\/10:active { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:bg-orange-700\/20:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:bg-orange-700\/20:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:bg-orange-700\/20:active { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:bg-orange-700\/30:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:bg-orange-700\/30:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:bg-orange-700\/30:active { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:bg-orange-700\/40:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:bg-orange-700\/40:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:bg-orange-700\/40:active { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:bg-orange-700\/50:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:bg-orange-700\/50:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:bg-orange-700\/50:active { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:bg-orange-700\/60:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:bg-orange-700\/60:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:bg-orange-700\/60:active { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:bg-orange-700\/70:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:bg-orange-700\/70:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:bg-orange-700\/70:active { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:bg-orange-700\/80:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:bg-orange-700\/80:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:bg-orange-700\/80:active { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:bg-orange-700\/90:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:bg-orange-700\/90:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:bg-orange-700\/90:active { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:bg-orange-800:focus { + background-color: var(--orange-800) + } + .sm\:hover\:bg-orange-800:hover { + background-color: var(--orange-800) + } + .sm\:active\:bg-orange-800:active { + background-color: var(--orange-800) + } + .sm\:focus\:bg-orange-800\/10:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:bg-orange-800\/10:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:bg-orange-800\/10:active { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:bg-orange-800\/20:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:bg-orange-800\/20:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:bg-orange-800\/20:active { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:bg-orange-800\/30:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:bg-orange-800\/30:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:bg-orange-800\/30:active { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:bg-orange-800\/40:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:bg-orange-800\/40:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:bg-orange-800\/40:active { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:bg-orange-800\/50:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:bg-orange-800\/50:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:bg-orange-800\/50:active { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:bg-orange-800\/60:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:bg-orange-800\/60:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:bg-orange-800\/60:active { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:bg-orange-800\/70:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:bg-orange-800\/70:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:bg-orange-800\/70:active { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:bg-orange-800\/80:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:bg-orange-800\/80:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:bg-orange-800\/80:active { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:bg-orange-800\/90:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:bg-orange-800\/90:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:bg-orange-800\/90:active { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:bg-orange-900:focus { + background-color: var(--orange-900) + } + .sm\:hover\:bg-orange-900:hover { + background-color: var(--orange-900) + } + .sm\:active\:bg-orange-900:active { + background-color: var(--orange-900) + } + .sm\:focus\:bg-orange-900\/10:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:bg-orange-900\/10:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:bg-orange-900\/10:active { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:bg-orange-900\/20:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:bg-orange-900\/20:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:bg-orange-900\/20:active { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:bg-orange-900\/30:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:bg-orange-900\/30:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:bg-orange-900\/30:active { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:bg-orange-900\/40:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:bg-orange-900\/40:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:bg-orange-900\/40:active { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:bg-orange-900\/50:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:bg-orange-900\/50:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:bg-orange-900\/50:active { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:bg-orange-900\/60:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:bg-orange-900\/60:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:bg-orange-900\/60:active { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:bg-orange-900\/70:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:bg-orange-900\/70:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:bg-orange-900\/70:active { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:bg-orange-900\/80:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:bg-orange-900\/80:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:bg-orange-900\/80:active { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:bg-orange-900\/90:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:bg-orange-900\/90:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:bg-orange-900\/90:active { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-50:focus { + background-color: var(--bluegray-50) + } + .sm\:hover\:bg-bluegray-50:hover { + background-color: var(--bluegray-50) + } + .sm\:active\:bg-bluegray-50:active { + background-color: var(--bluegray-50) + } + .sm\:focus\:bg-bluegray-50\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-50\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-50\/10:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-50\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-50\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-50\/20:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-50\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-50\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-50\/30:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-50\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-50\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-50\/40:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-50\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-50\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-50\/50:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-50\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-50\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-50\/60:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-50\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-50\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-50\/70:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-50\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-50\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-50\/80:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-50\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-50\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-50\/90:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-100:focus { + background-color: var(--bluegray-100) + } + .sm\:hover\:bg-bluegray-100:hover { + background-color: var(--bluegray-100) + } + .sm\:active\:bg-bluegray-100:active { + background-color: var(--bluegray-100) + } + .sm\:focus\:bg-bluegray-100\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-100\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-100\/10:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-100\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-100\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-100\/20:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-100\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-100\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-100\/30:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-100\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-100\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-100\/40:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-100\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-100\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-100\/50:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-100\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-100\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-100\/60:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-100\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-100\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-100\/70:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-100\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-100\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-100\/80:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-100\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-100\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-100\/90:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-200:focus { + background-color: var(--bluegray-200) + } + .sm\:hover\:bg-bluegray-200:hover { + background-color: var(--bluegray-200) + } + .sm\:active\:bg-bluegray-200:active { + background-color: var(--bluegray-200) + } + .sm\:focus\:bg-bluegray-200\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-200\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-200\/10:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-200\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-200\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-200\/20:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-200\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-200\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-200\/30:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-200\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-200\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-200\/40:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-200\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-200\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-200\/50:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-200\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-200\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-200\/60:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-200\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-200\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-200\/70:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-200\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-200\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-200\/80:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-200\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-200\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-200\/90:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-300:focus { + background-color: var(--bluegray-300) + } + .sm\:hover\:bg-bluegray-300:hover { + background-color: var(--bluegray-300) + } + .sm\:active\:bg-bluegray-300:active { + background-color: var(--bluegray-300) + } + .sm\:focus\:bg-bluegray-300\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-300\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-300\/10:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-300\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-300\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-300\/20:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-300\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-300\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-300\/30:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-300\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-300\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-300\/40:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-300\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-300\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-300\/50:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-300\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-300\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-300\/60:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-300\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-300\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-300\/70:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-300\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-300\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-300\/80:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-300\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-300\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-300\/90:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-400:focus { + background-color: var(--bluegray-400) + } + .sm\:hover\:bg-bluegray-400:hover { + background-color: var(--bluegray-400) + } + .sm\:active\:bg-bluegray-400:active { + background-color: var(--bluegray-400) + } + .sm\:focus\:bg-bluegray-400\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-400\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-400\/10:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-400\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-400\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-400\/20:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-400\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-400\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-400\/30:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-400\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-400\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-400\/40:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-400\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-400\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-400\/50:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-400\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-400\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-400\/60:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-400\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-400\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-400\/70:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-400\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-400\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-400\/80:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-400\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-400\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-400\/90:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-500:focus { + background-color: var(--bluegray-500) + } + .sm\:hover\:bg-bluegray-500:hover { + background-color: var(--bluegray-500) + } + .sm\:active\:bg-bluegray-500:active { + background-color: var(--bluegray-500) + } + .sm\:focus\:bg-bluegray-500\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-500\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-500\/10:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-500\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-500\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-500\/20:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-500\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-500\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-500\/30:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-500\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-500\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-500\/40:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-500\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-500\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-500\/50:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-500\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-500\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-500\/60:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-500\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-500\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-500\/70:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-500\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-500\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-500\/80:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-500\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-500\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-500\/90:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-600:focus { + background-color: var(--bluegray-600) + } + .sm\:hover\:bg-bluegray-600:hover { + background-color: var(--bluegray-600) + } + .sm\:active\:bg-bluegray-600:active { + background-color: var(--bluegray-600) + } + .sm\:focus\:bg-bluegray-600\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-600\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-600\/10:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-600\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-600\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-600\/20:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-600\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-600\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-600\/30:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-600\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-600\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-600\/40:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-600\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-600\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-600\/50:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-600\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-600\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-600\/60:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-600\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-600\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-600\/70:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-600\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-600\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-600\/80:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-600\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-600\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-600\/90:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-700:focus { + background-color: var(--bluegray-700) + } + .sm\:hover\:bg-bluegray-700:hover { + background-color: var(--bluegray-700) + } + .sm\:active\:bg-bluegray-700:active { + background-color: var(--bluegray-700) + } + .sm\:focus\:bg-bluegray-700\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-700\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-700\/10:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-700\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-700\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-700\/20:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-700\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-700\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-700\/30:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-700\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-700\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-700\/40:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-700\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-700\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-700\/50:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-700\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-700\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-700\/60:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-700\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-700\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-700\/70:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-700\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-700\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-700\/80:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-700\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-700\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-700\/90:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-800:focus { + background-color: var(--bluegray-800) + } + .sm\:hover\:bg-bluegray-800:hover { + background-color: var(--bluegray-800) + } + .sm\:active\:bg-bluegray-800:active { + background-color: var(--bluegray-800) + } + .sm\:focus\:bg-bluegray-800\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-800\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-800\/10:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-800\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-800\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-800\/20:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-800\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-800\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-800\/30:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-800\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-800\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-800\/40:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-800\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-800\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-800\/50:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-800\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-800\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-800\/60:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-800\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-800\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-800\/70:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-800\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-800\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-800\/80:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-800\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-800\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-800\/90:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:bg-bluegray-900:focus { + background-color: var(--bluegray-900) + } + .sm\:hover\:bg-bluegray-900:hover { + background-color: var(--bluegray-900) + } + .sm\:active\:bg-bluegray-900:active { + background-color: var(--bluegray-900) + } + .sm\:focus\:bg-bluegray-900\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:bg-bluegray-900\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:bg-bluegray-900\/10:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:bg-bluegray-900\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:bg-bluegray-900\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:bg-bluegray-900\/20:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:bg-bluegray-900\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:bg-bluegray-900\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:bg-bluegray-900\/30:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:bg-bluegray-900\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:bg-bluegray-900\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:bg-bluegray-900\/40:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:bg-bluegray-900\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:bg-bluegray-900\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:bg-bluegray-900\/50:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:bg-bluegray-900\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:bg-bluegray-900\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:bg-bluegray-900\/60:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:bg-bluegray-900\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:bg-bluegray-900\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:bg-bluegray-900\/70:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:bg-bluegray-900\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:bg-bluegray-900\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:bg-bluegray-900\/80:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:bg-bluegray-900\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:bg-bluegray-900\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:bg-bluegray-900\/90:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:bg-purple-50:focus { + background-color: var(--purple-50) + } + .sm\:hover\:bg-purple-50:hover { + background-color: var(--purple-50) + } + .sm\:active\:bg-purple-50:active { + background-color: var(--purple-50) + } + .sm\:focus\:bg-purple-50\/10:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:bg-purple-50\/10:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:bg-purple-50\/10:active { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:bg-purple-50\/20:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:bg-purple-50\/20:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:bg-purple-50\/20:active { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:bg-purple-50\/30:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:bg-purple-50\/30:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:bg-purple-50\/30:active { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:bg-purple-50\/40:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:bg-purple-50\/40:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:bg-purple-50\/40:active { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:bg-purple-50\/50:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:bg-purple-50\/50:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:bg-purple-50\/50:active { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:bg-purple-50\/60:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:bg-purple-50\/60:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:bg-purple-50\/60:active { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:bg-purple-50\/70:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:bg-purple-50\/70:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:bg-purple-50\/70:active { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:bg-purple-50\/80:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:bg-purple-50\/80:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:bg-purple-50\/80:active { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:bg-purple-50\/90:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:bg-purple-50\/90:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:bg-purple-50\/90:active { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:bg-purple-100:focus { + background-color: var(--purple-100) + } + .sm\:hover\:bg-purple-100:hover { + background-color: var(--purple-100) + } + .sm\:active\:bg-purple-100:active { + background-color: var(--purple-100) + } + .sm\:focus\:bg-purple-100\/10:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:bg-purple-100\/10:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:bg-purple-100\/10:active { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:bg-purple-100\/20:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:bg-purple-100\/20:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:bg-purple-100\/20:active { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:bg-purple-100\/30:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:bg-purple-100\/30:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:bg-purple-100\/30:active { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:bg-purple-100\/40:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:bg-purple-100\/40:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:bg-purple-100\/40:active { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:bg-purple-100\/50:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:bg-purple-100\/50:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:bg-purple-100\/50:active { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:bg-purple-100\/60:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:bg-purple-100\/60:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:bg-purple-100\/60:active { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:bg-purple-100\/70:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:bg-purple-100\/70:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:bg-purple-100\/70:active { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:bg-purple-100\/80:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:bg-purple-100\/80:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:bg-purple-100\/80:active { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:bg-purple-100\/90:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:bg-purple-100\/90:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:bg-purple-100\/90:active { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:bg-purple-200:focus { + background-color: var(--purple-200) + } + .sm\:hover\:bg-purple-200:hover { + background-color: var(--purple-200) + } + .sm\:active\:bg-purple-200:active { + background-color: var(--purple-200) + } + .sm\:focus\:bg-purple-200\/10:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:bg-purple-200\/10:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:bg-purple-200\/10:active { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:bg-purple-200\/20:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:bg-purple-200\/20:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:bg-purple-200\/20:active { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:bg-purple-200\/30:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:bg-purple-200\/30:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:bg-purple-200\/30:active { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:bg-purple-200\/40:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:bg-purple-200\/40:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:bg-purple-200\/40:active { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:bg-purple-200\/50:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:bg-purple-200\/50:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:bg-purple-200\/50:active { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:bg-purple-200\/60:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:bg-purple-200\/60:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:bg-purple-200\/60:active { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:bg-purple-200\/70:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:bg-purple-200\/70:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:bg-purple-200\/70:active { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:bg-purple-200\/80:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:bg-purple-200\/80:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:bg-purple-200\/80:active { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:bg-purple-200\/90:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:bg-purple-200\/90:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:bg-purple-200\/90:active { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:bg-purple-300:focus { + background-color: var(--purple-300) + } + .sm\:hover\:bg-purple-300:hover { + background-color: var(--purple-300) + } + .sm\:active\:bg-purple-300:active { + background-color: var(--purple-300) + } + .sm\:focus\:bg-purple-300\/10:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:bg-purple-300\/10:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:bg-purple-300\/10:active { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:bg-purple-300\/20:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:bg-purple-300\/20:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:bg-purple-300\/20:active { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:bg-purple-300\/30:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:bg-purple-300\/30:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:bg-purple-300\/30:active { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:bg-purple-300\/40:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:bg-purple-300\/40:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:bg-purple-300\/40:active { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:bg-purple-300\/50:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:bg-purple-300\/50:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:bg-purple-300\/50:active { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:bg-purple-300\/60:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:bg-purple-300\/60:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:bg-purple-300\/60:active { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:bg-purple-300\/70:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:bg-purple-300\/70:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:bg-purple-300\/70:active { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:bg-purple-300\/80:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:bg-purple-300\/80:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:bg-purple-300\/80:active { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:bg-purple-300\/90:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:bg-purple-300\/90:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:bg-purple-300\/90:active { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:bg-purple-400:focus { + background-color: var(--purple-400) + } + .sm\:hover\:bg-purple-400:hover { + background-color: var(--purple-400) + } + .sm\:active\:bg-purple-400:active { + background-color: var(--purple-400) + } + .sm\:focus\:bg-purple-400\/10:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:bg-purple-400\/10:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:bg-purple-400\/10:active { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:bg-purple-400\/20:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:bg-purple-400\/20:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:bg-purple-400\/20:active { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:bg-purple-400\/30:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:bg-purple-400\/30:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:bg-purple-400\/30:active { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:bg-purple-400\/40:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:bg-purple-400\/40:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:bg-purple-400\/40:active { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:bg-purple-400\/50:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:bg-purple-400\/50:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:bg-purple-400\/50:active { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:bg-purple-400\/60:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:bg-purple-400\/60:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:bg-purple-400\/60:active { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:bg-purple-400\/70:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:bg-purple-400\/70:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:bg-purple-400\/70:active { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:bg-purple-400\/80:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:bg-purple-400\/80:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:bg-purple-400\/80:active { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:bg-purple-400\/90:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:bg-purple-400\/90:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:bg-purple-400\/90:active { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:bg-purple-500:focus { + background-color: var(--purple-500) + } + .sm\:hover\:bg-purple-500:hover { + background-color: var(--purple-500) + } + .sm\:active\:bg-purple-500:active { + background-color: var(--purple-500) + } + .sm\:focus\:bg-purple-500\/10:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:bg-purple-500\/10:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:bg-purple-500\/10:active { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:bg-purple-500\/20:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:bg-purple-500\/20:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:bg-purple-500\/20:active { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:bg-purple-500\/30:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:bg-purple-500\/30:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:bg-purple-500\/30:active { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:bg-purple-500\/40:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:bg-purple-500\/40:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:bg-purple-500\/40:active { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:bg-purple-500\/50:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:bg-purple-500\/50:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:bg-purple-500\/50:active { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:bg-purple-500\/60:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:bg-purple-500\/60:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:bg-purple-500\/60:active { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:bg-purple-500\/70:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:bg-purple-500\/70:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:bg-purple-500\/70:active { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:bg-purple-500\/80:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:bg-purple-500\/80:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:bg-purple-500\/80:active { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:bg-purple-500\/90:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:bg-purple-500\/90:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:bg-purple-500\/90:active { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:bg-purple-600:focus { + background-color: var(--purple-600) + } + .sm\:hover\:bg-purple-600:hover { + background-color: var(--purple-600) + } + .sm\:active\:bg-purple-600:active { + background-color: var(--purple-600) + } + .sm\:focus\:bg-purple-600\/10:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:bg-purple-600\/10:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:bg-purple-600\/10:active { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:bg-purple-600\/20:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:bg-purple-600\/20:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:bg-purple-600\/20:active { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:bg-purple-600\/30:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:bg-purple-600\/30:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:bg-purple-600\/30:active { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:bg-purple-600\/40:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:bg-purple-600\/40:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:bg-purple-600\/40:active { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:bg-purple-600\/50:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:bg-purple-600\/50:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:bg-purple-600\/50:active { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:bg-purple-600\/60:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:bg-purple-600\/60:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:bg-purple-600\/60:active { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:bg-purple-600\/70:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:bg-purple-600\/70:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:bg-purple-600\/70:active { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:bg-purple-600\/80:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:bg-purple-600\/80:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:bg-purple-600\/80:active { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:bg-purple-600\/90:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:bg-purple-600\/90:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:bg-purple-600\/90:active { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:bg-purple-700:focus { + background-color: var(--purple-700) + } + .sm\:hover\:bg-purple-700:hover { + background-color: var(--purple-700) + } + .sm\:active\:bg-purple-700:active { + background-color: var(--purple-700) + } + .sm\:focus\:bg-purple-700\/10:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:bg-purple-700\/10:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:bg-purple-700\/10:active { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:bg-purple-700\/20:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:bg-purple-700\/20:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:bg-purple-700\/20:active { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:bg-purple-700\/30:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:bg-purple-700\/30:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:bg-purple-700\/30:active { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:bg-purple-700\/40:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:bg-purple-700\/40:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:bg-purple-700\/40:active { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:bg-purple-700\/50:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:bg-purple-700\/50:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:bg-purple-700\/50:active { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:bg-purple-700\/60:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:bg-purple-700\/60:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:bg-purple-700\/60:active { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:bg-purple-700\/70:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:bg-purple-700\/70:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:bg-purple-700\/70:active { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:bg-purple-700\/80:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:bg-purple-700\/80:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:bg-purple-700\/80:active { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:bg-purple-700\/90:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:bg-purple-700\/90:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:bg-purple-700\/90:active { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:bg-purple-800:focus { + background-color: var(--purple-800) + } + .sm\:hover\:bg-purple-800:hover { + background-color: var(--purple-800) + } + .sm\:active\:bg-purple-800:active { + background-color: var(--purple-800) + } + .sm\:focus\:bg-purple-800\/10:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:bg-purple-800\/10:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:bg-purple-800\/10:active { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:bg-purple-800\/20:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:bg-purple-800\/20:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:bg-purple-800\/20:active { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:bg-purple-800\/30:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:bg-purple-800\/30:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:bg-purple-800\/30:active { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:bg-purple-800\/40:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:bg-purple-800\/40:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:bg-purple-800\/40:active { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:bg-purple-800\/50:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:bg-purple-800\/50:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:bg-purple-800\/50:active { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:bg-purple-800\/60:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:bg-purple-800\/60:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:bg-purple-800\/60:active { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:bg-purple-800\/70:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:bg-purple-800\/70:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:bg-purple-800\/70:active { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:bg-purple-800\/80:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:bg-purple-800\/80:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:bg-purple-800\/80:active { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:bg-purple-800\/90:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:bg-purple-800\/90:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:bg-purple-800\/90:active { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:bg-purple-900:focus { + background-color: var(--purple-900) + } + .sm\:hover\:bg-purple-900:hover { + background-color: var(--purple-900) + } + .sm\:active\:bg-purple-900:active { + background-color: var(--purple-900) + } + .sm\:focus\:bg-purple-900\/10:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:bg-purple-900\/10:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:bg-purple-900\/10:active { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:bg-purple-900\/20:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:bg-purple-900\/20:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:bg-purple-900\/20:active { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:bg-purple-900\/30:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:bg-purple-900\/30:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:bg-purple-900\/30:active { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:bg-purple-900\/40:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:bg-purple-900\/40:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:bg-purple-900\/40:active { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:bg-purple-900\/50:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:bg-purple-900\/50:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:bg-purple-900\/50:active { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:bg-purple-900\/60:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:bg-purple-900\/60:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:bg-purple-900\/60:active { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:bg-purple-900\/70:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:bg-purple-900\/70:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:bg-purple-900\/70:active { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:bg-purple-900\/80:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:bg-purple-900\/80:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:bg-purple-900\/80:active { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:bg-purple-900\/90:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:bg-purple-900\/90:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:bg-purple-900\/90:active { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:bg-red-50:focus { + background-color: var(--red-50) + } + .sm\:hover\:bg-red-50:hover { + background-color: var(--red-50) + } + .sm\:active\:bg-red-50:active { + background-color: var(--red-50) + } + .sm\:focus\:bg-red-50\/10:focus { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:bg-red-50\/10:hover { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:bg-red-50\/10:active { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:bg-red-50\/20:focus { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:bg-red-50\/20:hover { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:bg-red-50\/20:active { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:bg-red-50\/30:focus { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:bg-red-50\/30:hover { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:bg-red-50\/30:active { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:bg-red-50\/40:focus { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:bg-red-50\/40:hover { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:bg-red-50\/40:active { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:bg-red-50\/50:focus { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:bg-red-50\/50:hover { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:bg-red-50\/50:active { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:bg-red-50\/60:focus { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:bg-red-50\/60:hover { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:bg-red-50\/60:active { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:bg-red-50\/70:focus { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:bg-red-50\/70:hover { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:bg-red-50\/70:active { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:bg-red-50\/80:focus { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:bg-red-50\/80:hover { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:bg-red-50\/80:active { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:bg-red-50\/90:focus { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:bg-red-50\/90:hover { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:bg-red-50\/90:active { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:bg-red-100:focus { + background-color: var(--red-100) + } + .sm\:hover\:bg-red-100:hover { + background-color: var(--red-100) + } + .sm\:active\:bg-red-100:active { + background-color: var(--red-100) + } + .sm\:focus\:bg-red-100\/10:focus { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:bg-red-100\/10:hover { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:bg-red-100\/10:active { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:bg-red-100\/20:focus { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:bg-red-100\/20:hover { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:bg-red-100\/20:active { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:bg-red-100\/30:focus { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:bg-red-100\/30:hover { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:bg-red-100\/30:active { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:bg-red-100\/40:focus { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:bg-red-100\/40:hover { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:bg-red-100\/40:active { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:bg-red-100\/50:focus { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:bg-red-100\/50:hover { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:bg-red-100\/50:active { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:bg-red-100\/60:focus { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:bg-red-100\/60:hover { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:bg-red-100\/60:active { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:bg-red-100\/70:focus { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:bg-red-100\/70:hover { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:bg-red-100\/70:active { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:bg-red-100\/80:focus { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:bg-red-100\/80:hover { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:bg-red-100\/80:active { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:bg-red-100\/90:focus { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:bg-red-100\/90:hover { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:bg-red-100\/90:active { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:bg-red-200:focus { + background-color: var(--red-200) + } + .sm\:hover\:bg-red-200:hover { + background-color: var(--red-200) + } + .sm\:active\:bg-red-200:active { + background-color: var(--red-200) + } + .sm\:focus\:bg-red-200\/10:focus { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:bg-red-200\/10:hover { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:bg-red-200\/10:active { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:bg-red-200\/20:focus { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:bg-red-200\/20:hover { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:bg-red-200\/20:active { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:bg-red-200\/30:focus { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:bg-red-200\/30:hover { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:bg-red-200\/30:active { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:bg-red-200\/40:focus { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:bg-red-200\/40:hover { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:bg-red-200\/40:active { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:bg-red-200\/50:focus { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:bg-red-200\/50:hover { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:bg-red-200\/50:active { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:bg-red-200\/60:focus { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:bg-red-200\/60:hover { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:bg-red-200\/60:active { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:bg-red-200\/70:focus { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:bg-red-200\/70:hover { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:bg-red-200\/70:active { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:bg-red-200\/80:focus { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:bg-red-200\/80:hover { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:bg-red-200\/80:active { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:bg-red-200\/90:focus { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:bg-red-200\/90:hover { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:bg-red-200\/90:active { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:bg-red-300:focus { + background-color: var(--red-300) + } + .sm\:hover\:bg-red-300:hover { + background-color: var(--red-300) + } + .sm\:active\:bg-red-300:active { + background-color: var(--red-300) + } + .sm\:focus\:bg-red-300\/10:focus { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:bg-red-300\/10:hover { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:bg-red-300\/10:active { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:bg-red-300\/20:focus { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:bg-red-300\/20:hover { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:bg-red-300\/20:active { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:bg-red-300\/30:focus { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:bg-red-300\/30:hover { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:bg-red-300\/30:active { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:bg-red-300\/40:focus { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:bg-red-300\/40:hover { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:bg-red-300\/40:active { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:bg-red-300\/50:focus { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:bg-red-300\/50:hover { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:bg-red-300\/50:active { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:bg-red-300\/60:focus { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:bg-red-300\/60:hover { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:bg-red-300\/60:active { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:bg-red-300\/70:focus { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:bg-red-300\/70:hover { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:bg-red-300\/70:active { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:bg-red-300\/80:focus { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:bg-red-300\/80:hover { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:bg-red-300\/80:active { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:bg-red-300\/90:focus { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:bg-red-300\/90:hover { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:bg-red-300\/90:active { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:bg-red-400:focus { + background-color: var(--red-400) + } + .sm\:hover\:bg-red-400:hover { + background-color: var(--red-400) + } + .sm\:active\:bg-red-400:active { + background-color: var(--red-400) + } + .sm\:focus\:bg-red-400\/10:focus { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:bg-red-400\/10:hover { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:bg-red-400\/10:active { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:bg-red-400\/20:focus { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:bg-red-400\/20:hover { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:bg-red-400\/20:active { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:bg-red-400\/30:focus { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:bg-red-400\/30:hover { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:bg-red-400\/30:active { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:bg-red-400\/40:focus { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:bg-red-400\/40:hover { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:bg-red-400\/40:active { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:bg-red-400\/50:focus { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:bg-red-400\/50:hover { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:bg-red-400\/50:active { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:bg-red-400\/60:focus { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:bg-red-400\/60:hover { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:bg-red-400\/60:active { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:bg-red-400\/70:focus { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:bg-red-400\/70:hover { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:bg-red-400\/70:active { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:bg-red-400\/80:focus { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:bg-red-400\/80:hover { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:bg-red-400\/80:active { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:bg-red-400\/90:focus { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:bg-red-400\/90:hover { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:bg-red-400\/90:active { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:bg-red-500:focus { + background-color: var(--red-500) + } + .sm\:hover\:bg-red-500:hover { + background-color: var(--red-500) + } + .sm\:active\:bg-red-500:active { + background-color: var(--red-500) + } + .sm\:focus\:bg-red-500\/10:focus { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:bg-red-500\/10:hover { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:bg-red-500\/10:active { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:bg-red-500\/20:focus { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:bg-red-500\/20:hover { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:bg-red-500\/20:active { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:bg-red-500\/30:focus { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:bg-red-500\/30:hover { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:bg-red-500\/30:active { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:bg-red-500\/40:focus { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:bg-red-500\/40:hover { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:bg-red-500\/40:active { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:bg-red-500\/50:focus { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:bg-red-500\/50:hover { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:bg-red-500\/50:active { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:bg-red-500\/60:focus { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:bg-red-500\/60:hover { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:bg-red-500\/60:active { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:bg-red-500\/70:focus { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:bg-red-500\/70:hover { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:bg-red-500\/70:active { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:bg-red-500\/80:focus { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:bg-red-500\/80:hover { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:bg-red-500\/80:active { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:bg-red-500\/90:focus { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:bg-red-500\/90:hover { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:bg-red-500\/90:active { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:bg-red-600:focus { + background-color: var(--red-600) + } + .sm\:hover\:bg-red-600:hover { + background-color: var(--red-600) + } + .sm\:active\:bg-red-600:active { + background-color: var(--red-600) + } + .sm\:focus\:bg-red-600\/10:focus { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:bg-red-600\/10:hover { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:bg-red-600\/10:active { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:bg-red-600\/20:focus { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:bg-red-600\/20:hover { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:bg-red-600\/20:active { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:bg-red-600\/30:focus { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:bg-red-600\/30:hover { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:bg-red-600\/30:active { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:bg-red-600\/40:focus { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:bg-red-600\/40:hover { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:bg-red-600\/40:active { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:bg-red-600\/50:focus { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:bg-red-600\/50:hover { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:bg-red-600\/50:active { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:bg-red-600\/60:focus { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:bg-red-600\/60:hover { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:bg-red-600\/60:active { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:bg-red-600\/70:focus { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:bg-red-600\/70:hover { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:bg-red-600\/70:active { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:bg-red-600\/80:focus { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:bg-red-600\/80:hover { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:bg-red-600\/80:active { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:bg-red-600\/90:focus { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:bg-red-600\/90:hover { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:bg-red-600\/90:active { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:bg-red-700:focus { + background-color: var(--red-700) + } + .sm\:hover\:bg-red-700:hover { + background-color: var(--red-700) + } + .sm\:active\:bg-red-700:active { + background-color: var(--red-700) + } + .sm\:focus\:bg-red-700\/10:focus { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:bg-red-700\/10:hover { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:bg-red-700\/10:active { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:bg-red-700\/20:focus { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:bg-red-700\/20:hover { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:bg-red-700\/20:active { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:bg-red-700\/30:focus { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:bg-red-700\/30:hover { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:bg-red-700\/30:active { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:bg-red-700\/40:focus { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:bg-red-700\/40:hover { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:bg-red-700\/40:active { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:bg-red-700\/50:focus { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:bg-red-700\/50:hover { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:bg-red-700\/50:active { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:bg-red-700\/60:focus { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:bg-red-700\/60:hover { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:bg-red-700\/60:active { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:bg-red-700\/70:focus { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:bg-red-700\/70:hover { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:bg-red-700\/70:active { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:bg-red-700\/80:focus { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:bg-red-700\/80:hover { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:bg-red-700\/80:active { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:bg-red-700\/90:focus { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:bg-red-700\/90:hover { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:bg-red-700\/90:active { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:bg-red-800:focus { + background-color: var(--red-800) + } + .sm\:hover\:bg-red-800:hover { + background-color: var(--red-800) + } + .sm\:active\:bg-red-800:active { + background-color: var(--red-800) + } + .sm\:focus\:bg-red-800\/10:focus { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:bg-red-800\/10:hover { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:bg-red-800\/10:active { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:bg-red-800\/20:focus { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:bg-red-800\/20:hover { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:bg-red-800\/20:active { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:bg-red-800\/30:focus { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:bg-red-800\/30:hover { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:bg-red-800\/30:active { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:bg-red-800\/40:focus { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:bg-red-800\/40:hover { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:bg-red-800\/40:active { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:bg-red-800\/50:focus { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:bg-red-800\/50:hover { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:bg-red-800\/50:active { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:bg-red-800\/60:focus { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:bg-red-800\/60:hover { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:bg-red-800\/60:active { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:bg-red-800\/70:focus { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:bg-red-800\/70:hover { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:bg-red-800\/70:active { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:bg-red-800\/80:focus { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:bg-red-800\/80:hover { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:bg-red-800\/80:active { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:bg-red-800\/90:focus { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:bg-red-800\/90:hover { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:bg-red-800\/90:active { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:bg-red-900:focus { + background-color: var(--red-900) + } + .sm\:hover\:bg-red-900:hover { + background-color: var(--red-900) + } + .sm\:active\:bg-red-900:active { + background-color: var(--red-900) + } + .sm\:focus\:bg-red-900\/10:focus { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:bg-red-900\/10:hover { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:bg-red-900\/10:active { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:bg-red-900\/20:focus { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:bg-red-900\/20:hover { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:bg-red-900\/20:active { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:bg-red-900\/30:focus { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:bg-red-900\/30:hover { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:bg-red-900\/30:active { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:bg-red-900\/40:focus { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:bg-red-900\/40:hover { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:bg-red-900\/40:active { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:bg-red-900\/50:focus { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:bg-red-900\/50:hover { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:bg-red-900\/50:active { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:bg-red-900\/60:focus { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:bg-red-900\/60:hover { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:bg-red-900\/60:active { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:bg-red-900\/70:focus { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:bg-red-900\/70:hover { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:bg-red-900\/70:active { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:bg-red-900\/80:focus { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:bg-red-900\/80:hover { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:bg-red-900\/80:active { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:bg-red-900\/90:focus { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:bg-red-900\/90:hover { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:bg-red-900\/90:active { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:bg-gray-50:focus { + background-color: var(--gray-50) + } + .sm\:hover\:bg-gray-50:hover { + background-color: var(--gray-50) + } + .sm\:active\:bg-gray-50:active { + background-color: var(--gray-50) + } + .sm\:focus\:bg-gray-50\/10:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:bg-gray-50\/10:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:bg-gray-50\/10:active { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:bg-gray-50\/20:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:bg-gray-50\/20:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:bg-gray-50\/20:active { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:bg-gray-50\/30:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:bg-gray-50\/30:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:bg-gray-50\/30:active { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:bg-gray-50\/40:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:bg-gray-50\/40:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:bg-gray-50\/40:active { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:bg-gray-50\/50:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:bg-gray-50\/50:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:bg-gray-50\/50:active { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:bg-gray-50\/60:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:bg-gray-50\/60:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:bg-gray-50\/60:active { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:bg-gray-50\/70:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:bg-gray-50\/70:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:bg-gray-50\/70:active { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:bg-gray-50\/80:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:bg-gray-50\/80:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:bg-gray-50\/80:active { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:bg-gray-50\/90:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:bg-gray-50\/90:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:bg-gray-50\/90:active { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:bg-gray-100:focus { + background-color: var(--gray-100) + } + .sm\:hover\:bg-gray-100:hover { + background-color: var(--gray-100) + } + .sm\:active\:bg-gray-100:active { + background-color: var(--gray-100) + } + .sm\:focus\:bg-gray-100\/10:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:bg-gray-100\/10:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:bg-gray-100\/10:active { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:bg-gray-100\/20:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:bg-gray-100\/20:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:bg-gray-100\/20:active { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:bg-gray-100\/30:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:bg-gray-100\/30:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:bg-gray-100\/30:active { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:bg-gray-100\/40:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:bg-gray-100\/40:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:bg-gray-100\/40:active { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:bg-gray-100\/50:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:bg-gray-100\/50:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:bg-gray-100\/50:active { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:bg-gray-100\/60:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:bg-gray-100\/60:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:bg-gray-100\/60:active { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:bg-gray-100\/70:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:bg-gray-100\/70:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:bg-gray-100\/70:active { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:bg-gray-100\/80:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:bg-gray-100\/80:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:bg-gray-100\/80:active { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:bg-gray-100\/90:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:bg-gray-100\/90:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:bg-gray-100\/90:active { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:bg-gray-200:focus { + background-color: var(--gray-200) + } + .sm\:hover\:bg-gray-200:hover { + background-color: var(--gray-200) + } + .sm\:active\:bg-gray-200:active { + background-color: var(--gray-200) + } + .sm\:focus\:bg-gray-200\/10:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:bg-gray-200\/10:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:bg-gray-200\/10:active { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:bg-gray-200\/20:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:bg-gray-200\/20:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:bg-gray-200\/20:active { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:bg-gray-200\/30:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:bg-gray-200\/30:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:bg-gray-200\/30:active { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:bg-gray-200\/40:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:bg-gray-200\/40:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:bg-gray-200\/40:active { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:bg-gray-200\/50:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:bg-gray-200\/50:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:bg-gray-200\/50:active { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:bg-gray-200\/60:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:bg-gray-200\/60:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:bg-gray-200\/60:active { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:bg-gray-200\/70:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:bg-gray-200\/70:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:bg-gray-200\/70:active { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:bg-gray-200\/80:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:bg-gray-200\/80:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:bg-gray-200\/80:active { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:bg-gray-200\/90:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:bg-gray-200\/90:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:bg-gray-200\/90:active { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:bg-gray-300:focus { + background-color: var(--gray-300) + } + .sm\:hover\:bg-gray-300:hover { + background-color: var(--gray-300) + } + .sm\:active\:bg-gray-300:active { + background-color: var(--gray-300) + } + .sm\:focus\:bg-gray-300\/10:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:bg-gray-300\/10:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:bg-gray-300\/10:active { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:bg-gray-300\/20:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:bg-gray-300\/20:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:bg-gray-300\/20:active { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:bg-gray-300\/30:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:bg-gray-300\/30:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:bg-gray-300\/30:active { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:bg-gray-300\/40:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:bg-gray-300\/40:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:bg-gray-300\/40:active { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:bg-gray-300\/50:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:bg-gray-300\/50:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:bg-gray-300\/50:active { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:bg-gray-300\/60:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:bg-gray-300\/60:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:bg-gray-300\/60:active { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:bg-gray-300\/70:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:bg-gray-300\/70:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:bg-gray-300\/70:active { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:bg-gray-300\/80:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:bg-gray-300\/80:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:bg-gray-300\/80:active { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:bg-gray-300\/90:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:bg-gray-300\/90:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:bg-gray-300\/90:active { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:bg-gray-400:focus { + background-color: var(--gray-400) + } + .sm\:hover\:bg-gray-400:hover { + background-color: var(--gray-400) + } + .sm\:active\:bg-gray-400:active { + background-color: var(--gray-400) + } + .sm\:focus\:bg-gray-400\/10:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:bg-gray-400\/10:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:bg-gray-400\/10:active { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:bg-gray-400\/20:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:bg-gray-400\/20:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:bg-gray-400\/20:active { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:bg-gray-400\/30:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:bg-gray-400\/30:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:bg-gray-400\/30:active { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:bg-gray-400\/40:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:bg-gray-400\/40:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:bg-gray-400\/40:active { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:bg-gray-400\/50:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:bg-gray-400\/50:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:bg-gray-400\/50:active { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:bg-gray-400\/60:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:bg-gray-400\/60:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:bg-gray-400\/60:active { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:bg-gray-400\/70:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:bg-gray-400\/70:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:bg-gray-400\/70:active { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:bg-gray-400\/80:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:bg-gray-400\/80:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:bg-gray-400\/80:active { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:bg-gray-400\/90:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:bg-gray-400\/90:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:bg-gray-400\/90:active { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:bg-gray-500:focus { + background-color: var(--gray-500) + } + .sm\:hover\:bg-gray-500:hover { + background-color: var(--gray-500) + } + .sm\:active\:bg-gray-500:active { + background-color: var(--gray-500) + } + .sm\:focus\:bg-gray-500\/10:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:bg-gray-500\/10:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:bg-gray-500\/10:active { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:bg-gray-500\/20:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:bg-gray-500\/20:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:bg-gray-500\/20:active { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:bg-gray-500\/30:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:bg-gray-500\/30:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:bg-gray-500\/30:active { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:bg-gray-500\/40:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:bg-gray-500\/40:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:bg-gray-500\/40:active { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:bg-gray-500\/50:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:bg-gray-500\/50:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:bg-gray-500\/50:active { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:bg-gray-500\/60:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:bg-gray-500\/60:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:bg-gray-500\/60:active { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:bg-gray-500\/70:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:bg-gray-500\/70:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:bg-gray-500\/70:active { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:bg-gray-500\/80:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:bg-gray-500\/80:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:bg-gray-500\/80:active { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:bg-gray-500\/90:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:bg-gray-500\/90:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:bg-gray-500\/90:active { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:bg-gray-600:focus { + background-color: var(--gray-600) + } + .sm\:hover\:bg-gray-600:hover { + background-color: var(--gray-600) + } + .sm\:active\:bg-gray-600:active { + background-color: var(--gray-600) + } + .sm\:focus\:bg-gray-600\/10:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:bg-gray-600\/10:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:bg-gray-600\/10:active { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:bg-gray-600\/20:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:bg-gray-600\/20:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:bg-gray-600\/20:active { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:bg-gray-600\/30:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:bg-gray-600\/30:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:bg-gray-600\/30:active { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:bg-gray-600\/40:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:bg-gray-600\/40:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:bg-gray-600\/40:active { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:bg-gray-600\/50:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:bg-gray-600\/50:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:bg-gray-600\/50:active { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:bg-gray-600\/60:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:bg-gray-600\/60:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:bg-gray-600\/60:active { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:bg-gray-600\/70:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:bg-gray-600\/70:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:bg-gray-600\/70:active { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:bg-gray-600\/80:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:bg-gray-600\/80:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:bg-gray-600\/80:active { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:bg-gray-600\/90:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:bg-gray-600\/90:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:bg-gray-600\/90:active { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:bg-gray-700:focus { + background-color: var(--gray-700) + } + .sm\:hover\:bg-gray-700:hover { + background-color: var(--gray-700) + } + .sm\:active\:bg-gray-700:active { + background-color: var(--gray-700) + } + .sm\:focus\:bg-gray-700\/10:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:bg-gray-700\/10:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:bg-gray-700\/10:active { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:bg-gray-700\/20:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:bg-gray-700\/20:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:bg-gray-700\/20:active { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:bg-gray-700\/30:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:bg-gray-700\/30:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:bg-gray-700\/30:active { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:bg-gray-700\/40:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:bg-gray-700\/40:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:bg-gray-700\/40:active { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:bg-gray-700\/50:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:bg-gray-700\/50:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:bg-gray-700\/50:active { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:bg-gray-700\/60:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:bg-gray-700\/60:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:bg-gray-700\/60:active { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:bg-gray-700\/70:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:bg-gray-700\/70:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:bg-gray-700\/70:active { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:bg-gray-700\/80:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:bg-gray-700\/80:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:bg-gray-700\/80:active { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:bg-gray-700\/90:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:bg-gray-700\/90:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:bg-gray-700\/90:active { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:bg-gray-800:focus { + background-color: var(--gray-800) + } + .sm\:hover\:bg-gray-800:hover { + background-color: var(--gray-800) + } + .sm\:active\:bg-gray-800:active { + background-color: var(--gray-800) + } + .sm\:focus\:bg-gray-800\/10:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:bg-gray-800\/10:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:bg-gray-800\/10:active { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:bg-gray-800\/20:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:bg-gray-800\/20:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:bg-gray-800\/20:active { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:bg-gray-800\/30:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:bg-gray-800\/30:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:bg-gray-800\/30:active { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:bg-gray-800\/40:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:bg-gray-800\/40:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:bg-gray-800\/40:active { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:bg-gray-800\/50:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:bg-gray-800\/50:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:bg-gray-800\/50:active { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:bg-gray-800\/60:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:bg-gray-800\/60:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:bg-gray-800\/60:active { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:bg-gray-800\/70:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:bg-gray-800\/70:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:bg-gray-800\/70:active { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:bg-gray-800\/80:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:bg-gray-800\/80:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:bg-gray-800\/80:active { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:bg-gray-800\/90:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:bg-gray-800\/90:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:bg-gray-800\/90:active { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:bg-gray-900:focus { + background-color: var(--gray-900) + } + .sm\:hover\:bg-gray-900:hover { + background-color: var(--gray-900) + } + .sm\:active\:bg-gray-900:active { + background-color: var(--gray-900) + } + .sm\:focus\:bg-gray-900\/10:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:bg-gray-900\/10:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:bg-gray-900\/10:active { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:bg-gray-900\/20:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:bg-gray-900\/20:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:bg-gray-900\/20:active { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:bg-gray-900\/30:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:bg-gray-900\/30:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:bg-gray-900\/30:active { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:bg-gray-900\/40:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:bg-gray-900\/40:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:bg-gray-900\/40:active { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:bg-gray-900\/50:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:bg-gray-900\/50:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:bg-gray-900\/50:active { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:bg-gray-900\/60:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:bg-gray-900\/60:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:bg-gray-900\/60:active { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:bg-gray-900\/70:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:bg-gray-900\/70:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:bg-gray-900\/70:active { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:bg-gray-900\/80:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:bg-gray-900\/80:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:bg-gray-900\/80:active { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:bg-gray-900\/90:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:bg-gray-900\/90:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:bg-gray-900\/90:active { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:bg-surface-0:focus { + background-color: var(--surface-0) + } + .sm\:hover\:bg-surface-0:hover { + background-color: var(--surface-0) + } + .sm\:active\:bg-surface-0:active { + background-color: var(--surface-0) + } + .sm\:focus\:bg-surface-0\/10:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:bg-surface-0\/10:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:bg-surface-0\/10:active { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:bg-surface-0\/20:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:bg-surface-0\/20:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:bg-surface-0\/20:active { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:bg-surface-0\/30:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:bg-surface-0\/30:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:bg-surface-0\/30:active { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:bg-surface-0\/40:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:bg-surface-0\/40:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:bg-surface-0\/40:active { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:bg-surface-0\/50:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:bg-surface-0\/50:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:bg-surface-0\/50:active { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:bg-surface-0\/60:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:bg-surface-0\/60:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:bg-surface-0\/60:active { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:bg-surface-0\/70:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:bg-surface-0\/70:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:bg-surface-0\/70:active { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:bg-surface-0\/80:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:bg-surface-0\/80:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:bg-surface-0\/80:active { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:bg-surface-0\/90:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:bg-surface-0\/90:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:bg-surface-0\/90:active { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:bg-surface-50:focus { + background-color: var(--surface-50) + } + .sm\:hover\:bg-surface-50:hover { + background-color: var(--surface-50) + } + .sm\:active\:bg-surface-50:active { + background-color: var(--surface-50) + } + .sm\:focus\:bg-surface-50\/10:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:bg-surface-50\/10:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:bg-surface-50\/10:active { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:bg-surface-50\/20:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:bg-surface-50\/20:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:bg-surface-50\/20:active { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:bg-surface-50\/30:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:bg-surface-50\/30:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:bg-surface-50\/30:active { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:bg-surface-50\/40:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:bg-surface-50\/40:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:bg-surface-50\/40:active { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:bg-surface-50\/50:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:bg-surface-50\/50:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:bg-surface-50\/50:active { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:bg-surface-50\/60:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:bg-surface-50\/60:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:bg-surface-50\/60:active { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:bg-surface-50\/70:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:bg-surface-50\/70:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:bg-surface-50\/70:active { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:bg-surface-50\/80:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:bg-surface-50\/80:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:bg-surface-50\/80:active { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:bg-surface-50\/90:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:bg-surface-50\/90:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:bg-surface-50\/90:active { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:bg-surface-100:focus { + background-color: var(--surface-100) + } + .sm\:hover\:bg-surface-100:hover { + background-color: var(--surface-100) + } + .sm\:active\:bg-surface-100:active { + background-color: var(--surface-100) + } + .sm\:focus\:bg-surface-100\/10:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:bg-surface-100\/10:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:bg-surface-100\/10:active { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:bg-surface-100\/20:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:bg-surface-100\/20:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:bg-surface-100\/20:active { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:bg-surface-100\/30:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:bg-surface-100\/30:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:bg-surface-100\/30:active { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:bg-surface-100\/40:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:bg-surface-100\/40:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:bg-surface-100\/40:active { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:bg-surface-100\/50:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:bg-surface-100\/50:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:bg-surface-100\/50:active { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:bg-surface-100\/60:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:bg-surface-100\/60:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:bg-surface-100\/60:active { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:bg-surface-100\/70:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:bg-surface-100\/70:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:bg-surface-100\/70:active { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:bg-surface-100\/80:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:bg-surface-100\/80:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:bg-surface-100\/80:active { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:bg-surface-100\/90:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:bg-surface-100\/90:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:bg-surface-100\/90:active { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:bg-surface-200:focus { + background-color: var(--surface-200) + } + .sm\:hover\:bg-surface-200:hover { + background-color: var(--surface-200) + } + .sm\:active\:bg-surface-200:active { + background-color: var(--surface-200) + } + .sm\:focus\:bg-surface-200\/10:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:bg-surface-200\/10:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:bg-surface-200\/10:active { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:bg-surface-200\/20:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:bg-surface-200\/20:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:bg-surface-200\/20:active { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:bg-surface-200\/30:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:bg-surface-200\/30:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:bg-surface-200\/30:active { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:bg-surface-200\/40:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:bg-surface-200\/40:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:bg-surface-200\/40:active { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:bg-surface-200\/50:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:bg-surface-200\/50:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:bg-surface-200\/50:active { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:bg-surface-200\/60:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:bg-surface-200\/60:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:bg-surface-200\/60:active { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:bg-surface-200\/70:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:bg-surface-200\/70:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:bg-surface-200\/70:active { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:bg-surface-200\/80:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:bg-surface-200\/80:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:bg-surface-200\/80:active { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:bg-surface-200\/90:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:bg-surface-200\/90:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:bg-surface-200\/90:active { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:bg-surface-300:focus { + background-color: var(--surface-300) + } + .sm\:hover\:bg-surface-300:hover { + background-color: var(--surface-300) + } + .sm\:active\:bg-surface-300:active { + background-color: var(--surface-300) + } + .sm\:focus\:bg-surface-300\/10:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:bg-surface-300\/10:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:bg-surface-300\/10:active { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:bg-surface-300\/20:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:bg-surface-300\/20:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:bg-surface-300\/20:active { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:bg-surface-300\/30:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:bg-surface-300\/30:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:bg-surface-300\/30:active { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:bg-surface-300\/40:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:bg-surface-300\/40:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:bg-surface-300\/40:active { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:bg-surface-300\/50:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:bg-surface-300\/50:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:bg-surface-300\/50:active { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:bg-surface-300\/60:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:bg-surface-300\/60:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:bg-surface-300\/60:active { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:bg-surface-300\/70:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:bg-surface-300\/70:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:bg-surface-300\/70:active { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:bg-surface-300\/80:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:bg-surface-300\/80:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:bg-surface-300\/80:active { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:bg-surface-300\/90:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:bg-surface-300\/90:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:bg-surface-300\/90:active { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:bg-surface-400:focus { + background-color: var(--surface-400) + } + .sm\:hover\:bg-surface-400:hover { + background-color: var(--surface-400) + } + .sm\:active\:bg-surface-400:active { + background-color: var(--surface-400) + } + .sm\:focus\:bg-surface-400\/10:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:bg-surface-400\/10:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:bg-surface-400\/10:active { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:bg-surface-400\/20:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:bg-surface-400\/20:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:bg-surface-400\/20:active { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:bg-surface-400\/30:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:bg-surface-400\/30:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:bg-surface-400\/30:active { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:bg-surface-400\/40:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:bg-surface-400\/40:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:bg-surface-400\/40:active { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:bg-surface-400\/50:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:bg-surface-400\/50:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:bg-surface-400\/50:active { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:bg-surface-400\/60:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:bg-surface-400\/60:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:bg-surface-400\/60:active { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:bg-surface-400\/70:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:bg-surface-400\/70:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:bg-surface-400\/70:active { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:bg-surface-400\/80:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:bg-surface-400\/80:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:bg-surface-400\/80:active { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:bg-surface-400\/90:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:bg-surface-400\/90:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:bg-surface-400\/90:active { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:bg-surface-500:focus { + background-color: var(--surface-500) + } + .sm\:hover\:bg-surface-500:hover { + background-color: var(--surface-500) + } + .sm\:active\:bg-surface-500:active { + background-color: var(--surface-500) + } + .sm\:focus\:bg-surface-500\/10:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:bg-surface-500\/10:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:bg-surface-500\/10:active { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:bg-surface-500\/20:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:bg-surface-500\/20:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:bg-surface-500\/20:active { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:bg-surface-500\/30:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:bg-surface-500\/30:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:bg-surface-500\/30:active { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:bg-surface-500\/40:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:bg-surface-500\/40:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:bg-surface-500\/40:active { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:bg-surface-500\/50:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:bg-surface-500\/50:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:bg-surface-500\/50:active { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:bg-surface-500\/60:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:bg-surface-500\/60:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:bg-surface-500\/60:active { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:bg-surface-500\/70:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:bg-surface-500\/70:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:bg-surface-500\/70:active { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:bg-surface-500\/80:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:bg-surface-500\/80:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:bg-surface-500\/80:active { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:bg-surface-500\/90:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:bg-surface-500\/90:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:bg-surface-500\/90:active { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:bg-surface-600:focus { + background-color: var(--surface-600) + } + .sm\:hover\:bg-surface-600:hover { + background-color: var(--surface-600) + } + .sm\:active\:bg-surface-600:active { + background-color: var(--surface-600) + } + .sm\:focus\:bg-surface-600\/10:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:bg-surface-600\/10:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:bg-surface-600\/10:active { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:bg-surface-600\/20:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:bg-surface-600\/20:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:bg-surface-600\/20:active { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:bg-surface-600\/30:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:bg-surface-600\/30:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:bg-surface-600\/30:active { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:bg-surface-600\/40:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:bg-surface-600\/40:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:bg-surface-600\/40:active { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:bg-surface-600\/50:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:bg-surface-600\/50:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:bg-surface-600\/50:active { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:bg-surface-600\/60:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:bg-surface-600\/60:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:bg-surface-600\/60:active { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:bg-surface-600\/70:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:bg-surface-600\/70:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:bg-surface-600\/70:active { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:bg-surface-600\/80:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:bg-surface-600\/80:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:bg-surface-600\/80:active { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:bg-surface-600\/90:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:bg-surface-600\/90:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:bg-surface-600\/90:active { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:bg-surface-700:focus { + background-color: var(--surface-700) + } + .sm\:hover\:bg-surface-700:hover { + background-color: var(--surface-700) + } + .sm\:active\:bg-surface-700:active { + background-color: var(--surface-700) + } + .sm\:focus\:bg-surface-700\/10:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:bg-surface-700\/10:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:bg-surface-700\/10:active { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:bg-surface-700\/20:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:bg-surface-700\/20:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:bg-surface-700\/20:active { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:bg-surface-700\/30:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:bg-surface-700\/30:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:bg-surface-700\/30:active { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:bg-surface-700\/40:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:bg-surface-700\/40:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:bg-surface-700\/40:active { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:bg-surface-700\/50:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:bg-surface-700\/50:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:bg-surface-700\/50:active { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:bg-surface-700\/60:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:bg-surface-700\/60:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:bg-surface-700\/60:active { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:bg-surface-700\/70:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:bg-surface-700\/70:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:bg-surface-700\/70:active { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:bg-surface-700\/80:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:bg-surface-700\/80:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:bg-surface-700\/80:active { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:bg-surface-700\/90:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:bg-surface-700\/90:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:bg-surface-700\/90:active { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:bg-surface-800:focus { + background-color: var(--surface-800) + } + .sm\:hover\:bg-surface-800:hover { + background-color: var(--surface-800) + } + .sm\:active\:bg-surface-800:active { + background-color: var(--surface-800) + } + .sm\:focus\:bg-surface-800\/10:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:bg-surface-800\/10:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:bg-surface-800\/10:active { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:bg-surface-800\/20:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:bg-surface-800\/20:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:bg-surface-800\/20:active { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:bg-surface-800\/30:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:bg-surface-800\/30:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:bg-surface-800\/30:active { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:bg-surface-800\/40:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:bg-surface-800\/40:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:bg-surface-800\/40:active { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:bg-surface-800\/50:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:bg-surface-800\/50:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:bg-surface-800\/50:active { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:bg-surface-800\/60:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:bg-surface-800\/60:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:bg-surface-800\/60:active { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:bg-surface-800\/70:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:bg-surface-800\/70:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:bg-surface-800\/70:active { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:bg-surface-800\/80:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:bg-surface-800\/80:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:bg-surface-800\/80:active { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:bg-surface-800\/90:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:bg-surface-800\/90:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:bg-surface-800\/90:active { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:bg-surface-900:focus { + background-color: var(--surface-900) + } + .sm\:hover\:bg-surface-900:hover { + background-color: var(--surface-900) + } + .sm\:active\:bg-surface-900:active { + background-color: var(--surface-900) + } + .sm\:focus\:bg-surface-900\/10:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:bg-surface-900\/10:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:bg-surface-900\/10:active { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:bg-surface-900\/20:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:bg-surface-900\/20:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:bg-surface-900\/20:active { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:bg-surface-900\/30:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:bg-surface-900\/30:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:bg-surface-900\/30:active { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:bg-surface-900\/40:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:bg-surface-900\/40:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:bg-surface-900\/40:active { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:bg-surface-900\/50:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:bg-surface-900\/50:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:bg-surface-900\/50:active { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:bg-surface-900\/60:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:bg-surface-900\/60:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:bg-surface-900\/60:active { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:bg-surface-900\/70:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:bg-surface-900\/70:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:bg-surface-900\/70:active { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:bg-surface-900\/80:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:bg-surface-900\/80:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:bg-surface-900\/80:active { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:bg-surface-900\/90:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:bg-surface-900\/90:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:bg-surface-900\/90:active { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:bg-primary-50:focus { + background-color: var(--primary-50) + } + .sm\:hover\:bg-primary-50:hover { + background-color: var(--primary-50) + } + .sm\:active\:bg-primary-50:active { + background-color: var(--primary-50) + } + .sm\:focus\:bg-primary-50\/10:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:bg-primary-50\/10:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:bg-primary-50\/10:active { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:bg-primary-50\/20:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:bg-primary-50\/20:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:bg-primary-50\/20:active { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:bg-primary-50\/30:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:bg-primary-50\/30:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:bg-primary-50\/30:active { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:bg-primary-50\/40:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:bg-primary-50\/40:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:bg-primary-50\/40:active { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:bg-primary-50\/50:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:bg-primary-50\/50:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:bg-primary-50\/50:active { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:bg-primary-50\/60:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:bg-primary-50\/60:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:bg-primary-50\/60:active { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:bg-primary-50\/70:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:bg-primary-50\/70:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:bg-primary-50\/70:active { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:bg-primary-50\/80:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:bg-primary-50\/80:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:bg-primary-50\/80:active { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:bg-primary-50\/90:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:bg-primary-50\/90:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:bg-primary-50\/90:active { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:bg-primary-100:focus { + background-color: var(--primary-100) + } + .sm\:hover\:bg-primary-100:hover { + background-color: var(--primary-100) + } + .sm\:active\:bg-primary-100:active { + background-color: var(--primary-100) + } + .sm\:focus\:bg-primary-100\/10:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:bg-primary-100\/10:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:bg-primary-100\/10:active { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:bg-primary-100\/20:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:bg-primary-100\/20:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:bg-primary-100\/20:active { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:bg-primary-100\/30:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:bg-primary-100\/30:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:bg-primary-100\/30:active { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:bg-primary-100\/40:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:bg-primary-100\/40:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:bg-primary-100\/40:active { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:bg-primary-100\/50:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:bg-primary-100\/50:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:bg-primary-100\/50:active { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:bg-primary-100\/60:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:bg-primary-100\/60:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:bg-primary-100\/60:active { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:bg-primary-100\/70:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:bg-primary-100\/70:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:bg-primary-100\/70:active { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:bg-primary-100\/80:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:bg-primary-100\/80:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:bg-primary-100\/80:active { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:bg-primary-100\/90:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:bg-primary-100\/90:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:bg-primary-100\/90:active { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:bg-primary-200:focus { + background-color: var(--primary-200) + } + .sm\:hover\:bg-primary-200:hover { + background-color: var(--primary-200) + } + .sm\:active\:bg-primary-200:active { + background-color: var(--primary-200) + } + .sm\:focus\:bg-primary-200\/10:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:bg-primary-200\/10:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:bg-primary-200\/10:active { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:bg-primary-200\/20:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:bg-primary-200\/20:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:bg-primary-200\/20:active { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:bg-primary-200\/30:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:bg-primary-200\/30:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:bg-primary-200\/30:active { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:bg-primary-200\/40:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:bg-primary-200\/40:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:bg-primary-200\/40:active { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:bg-primary-200\/50:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:bg-primary-200\/50:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:bg-primary-200\/50:active { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:bg-primary-200\/60:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:bg-primary-200\/60:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:bg-primary-200\/60:active { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:bg-primary-200\/70:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:bg-primary-200\/70:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:bg-primary-200\/70:active { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:bg-primary-200\/80:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:bg-primary-200\/80:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:bg-primary-200\/80:active { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:bg-primary-200\/90:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:bg-primary-200\/90:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:bg-primary-200\/90:active { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:bg-primary-300:focus { + background-color: var(--primary-300) + } + .sm\:hover\:bg-primary-300:hover { + background-color: var(--primary-300) + } + .sm\:active\:bg-primary-300:active { + background-color: var(--primary-300) + } + .sm\:focus\:bg-primary-300\/10:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:bg-primary-300\/10:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:bg-primary-300\/10:active { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:bg-primary-300\/20:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:bg-primary-300\/20:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:bg-primary-300\/20:active { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:bg-primary-300\/30:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:bg-primary-300\/30:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:bg-primary-300\/30:active { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:bg-primary-300\/40:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:bg-primary-300\/40:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:bg-primary-300\/40:active { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:bg-primary-300\/50:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:bg-primary-300\/50:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:bg-primary-300\/50:active { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:bg-primary-300\/60:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:bg-primary-300\/60:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:bg-primary-300\/60:active { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:bg-primary-300\/70:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:bg-primary-300\/70:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:bg-primary-300\/70:active { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:bg-primary-300\/80:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:bg-primary-300\/80:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:bg-primary-300\/80:active { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:bg-primary-300\/90:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:bg-primary-300\/90:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:bg-primary-300\/90:active { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:bg-primary-400:focus { + background-color: var(--primary-400) + } + .sm\:hover\:bg-primary-400:hover { + background-color: var(--primary-400) + } + .sm\:active\:bg-primary-400:active { + background-color: var(--primary-400) + } + .sm\:focus\:bg-primary-400\/10:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:bg-primary-400\/10:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:bg-primary-400\/10:active { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:bg-primary-400\/20:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:bg-primary-400\/20:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:bg-primary-400\/20:active { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:bg-primary-400\/30:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:bg-primary-400\/30:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:bg-primary-400\/30:active { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:bg-primary-400\/40:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:bg-primary-400\/40:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:bg-primary-400\/40:active { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:bg-primary-400\/50:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:bg-primary-400\/50:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:bg-primary-400\/50:active { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:bg-primary-400\/60:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:bg-primary-400\/60:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:bg-primary-400\/60:active { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:bg-primary-400\/70:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:bg-primary-400\/70:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:bg-primary-400\/70:active { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:bg-primary-400\/80:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:bg-primary-400\/80:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:bg-primary-400\/80:active { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:bg-primary-400\/90:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:bg-primary-400\/90:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:bg-primary-400\/90:active { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:bg-primary-500:focus { + background-color: var(--primary-500) + } + .sm\:hover\:bg-primary-500:hover { + background-color: var(--primary-500) + } + .sm\:active\:bg-primary-500:active { + background-color: var(--primary-500) + } + .sm\:focus\:bg-primary-500\/10:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:bg-primary-500\/10:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:bg-primary-500\/10:active { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:bg-primary-500\/20:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:bg-primary-500\/20:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:bg-primary-500\/20:active { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:bg-primary-500\/30:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:bg-primary-500\/30:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:bg-primary-500\/30:active { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:bg-primary-500\/40:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:bg-primary-500\/40:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:bg-primary-500\/40:active { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:bg-primary-500\/50:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:bg-primary-500\/50:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:bg-primary-500\/50:active { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:bg-primary-500\/60:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:bg-primary-500\/60:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:bg-primary-500\/60:active { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:bg-primary-500\/70:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:bg-primary-500\/70:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:bg-primary-500\/70:active { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:bg-primary-500\/80:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:bg-primary-500\/80:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:bg-primary-500\/80:active { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:bg-primary-500\/90:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:bg-primary-500\/90:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:bg-primary-500\/90:active { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:bg-primary-600:focus { + background-color: var(--primary-600) + } + .sm\:hover\:bg-primary-600:hover { + background-color: var(--primary-600) + } + .sm\:active\:bg-primary-600:active { + background-color: var(--primary-600) + } + .sm\:focus\:bg-primary-600\/10:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:bg-primary-600\/10:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:bg-primary-600\/10:active { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:bg-primary-600\/20:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:bg-primary-600\/20:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:bg-primary-600\/20:active { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:bg-primary-600\/30:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:bg-primary-600\/30:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:bg-primary-600\/30:active { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:bg-primary-600\/40:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:bg-primary-600\/40:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:bg-primary-600\/40:active { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:bg-primary-600\/50:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:bg-primary-600\/50:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:bg-primary-600\/50:active { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:bg-primary-600\/60:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:bg-primary-600\/60:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:bg-primary-600\/60:active { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:bg-primary-600\/70:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:bg-primary-600\/70:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:bg-primary-600\/70:active { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:bg-primary-600\/80:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:bg-primary-600\/80:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:bg-primary-600\/80:active { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:bg-primary-600\/90:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:bg-primary-600\/90:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:bg-primary-600\/90:active { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:bg-primary-700:focus { + background-color: var(--primary-700) + } + .sm\:hover\:bg-primary-700:hover { + background-color: var(--primary-700) + } + .sm\:active\:bg-primary-700:active { + background-color: var(--primary-700) + } + .sm\:focus\:bg-primary-700\/10:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:bg-primary-700\/10:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:bg-primary-700\/10:active { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:bg-primary-700\/20:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:bg-primary-700\/20:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:bg-primary-700\/20:active { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:bg-primary-700\/30:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:bg-primary-700\/30:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:bg-primary-700\/30:active { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:bg-primary-700\/40:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:bg-primary-700\/40:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:bg-primary-700\/40:active { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:bg-primary-700\/50:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:bg-primary-700\/50:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:bg-primary-700\/50:active { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:bg-primary-700\/60:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:bg-primary-700\/60:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:bg-primary-700\/60:active { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:bg-primary-700\/70:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:bg-primary-700\/70:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:bg-primary-700\/70:active { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:bg-primary-700\/80:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:bg-primary-700\/80:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:bg-primary-700\/80:active { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:bg-primary-700\/90:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:bg-primary-700\/90:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:bg-primary-700\/90:active { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:bg-primary-800:focus { + background-color: var(--primary-800) + } + .sm\:hover\:bg-primary-800:hover { + background-color: var(--primary-800) + } + .sm\:active\:bg-primary-800:active { + background-color: var(--primary-800) + } + .sm\:focus\:bg-primary-800\/10:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:bg-primary-800\/10:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:bg-primary-800\/10:active { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:bg-primary-800\/20:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:bg-primary-800\/20:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:bg-primary-800\/20:active { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:bg-primary-800\/30:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:bg-primary-800\/30:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:bg-primary-800\/30:active { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:bg-primary-800\/40:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:bg-primary-800\/40:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:bg-primary-800\/40:active { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:bg-primary-800\/50:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:bg-primary-800\/50:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:bg-primary-800\/50:active { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:bg-primary-800\/60:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:bg-primary-800\/60:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:bg-primary-800\/60:active { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:bg-primary-800\/70:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:bg-primary-800\/70:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:bg-primary-800\/70:active { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:bg-primary-800\/80:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:bg-primary-800\/80:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:bg-primary-800\/80:active { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:bg-primary-800\/90:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:bg-primary-800\/90:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:bg-primary-800\/90:active { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:bg-primary-900:focus { + background-color: var(--primary-900) + } + .sm\:hover\:bg-primary-900:hover { + background-color: var(--primary-900) + } + .sm\:active\:bg-primary-900:active { + background-color: var(--primary-900) + } + .sm\:focus\:bg-primary-900\/10:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:bg-primary-900\/10:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:bg-primary-900\/10:active { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:bg-primary-900\/20:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:bg-primary-900\/20:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:bg-primary-900\/20:active { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:bg-primary-900\/30:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:bg-primary-900\/30:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:bg-primary-900\/30:active { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:bg-primary-900\/40:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:bg-primary-900\/40:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:bg-primary-900\/40:active { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:bg-primary-900\/50:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:bg-primary-900\/50:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:bg-primary-900\/50:active { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:bg-primary-900\/60:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:bg-primary-900\/60:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:bg-primary-900\/60:active { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:bg-primary-900\/70:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:bg-primary-900\/70:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:bg-primary-900\/70:active { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:bg-primary-900\/80:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:bg-primary-900\/80:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:bg-primary-900\/80:active { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:bg-primary-900\/90:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:bg-primary-900\/90:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:bg-primary-900\/90:active { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:bg-blue-50 { + background-color: var(--blue-50) + } + .md\:bg-blue-50\/10 { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:bg-blue-50\/20 { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:bg-blue-50\/30 { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:bg-blue-50\/40 { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:bg-blue-50\/50 { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:bg-blue-50\/60 { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:bg-blue-50\/70 { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:bg-blue-50\/80 { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:bg-blue-50\/90 { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:bg-blue-100 { + background-color: var(--blue-100) + } + .md\:bg-blue-100\/10 { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:bg-blue-100\/20 { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:bg-blue-100\/30 { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:bg-blue-100\/40 { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:bg-blue-100\/50 { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:bg-blue-100\/60 { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:bg-blue-100\/70 { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:bg-blue-100\/80 { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:bg-blue-100\/90 { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:bg-blue-200 { + background-color: var(--blue-200) + } + .md\:bg-blue-200\/10 { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:bg-blue-200\/20 { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:bg-blue-200\/30 { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:bg-blue-200\/40 { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:bg-blue-200\/50 { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:bg-blue-200\/60 { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:bg-blue-200\/70 { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:bg-blue-200\/80 { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:bg-blue-200\/90 { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:bg-blue-300 { + background-color: var(--blue-300) + } + .md\:bg-blue-300\/10 { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:bg-blue-300\/20 { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:bg-blue-300\/30 { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:bg-blue-300\/40 { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:bg-blue-300\/50 { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:bg-blue-300\/60 { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:bg-blue-300\/70 { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:bg-blue-300\/80 { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:bg-blue-300\/90 { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:bg-blue-400 { + background-color: var(--blue-400) + } + .md\:bg-blue-400\/10 { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:bg-blue-400\/20 { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:bg-blue-400\/30 { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:bg-blue-400\/40 { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:bg-blue-400\/50 { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:bg-blue-400\/60 { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:bg-blue-400\/70 { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:bg-blue-400\/80 { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:bg-blue-400\/90 { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:bg-blue-500 { + background-color: var(--blue-500) + } + .md\:bg-blue-500\/10 { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:bg-blue-500\/20 { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:bg-blue-500\/30 { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:bg-blue-500\/40 { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:bg-blue-500\/50 { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:bg-blue-500\/60 { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:bg-blue-500\/70 { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:bg-blue-500\/80 { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:bg-blue-500\/90 { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:bg-blue-600 { + background-color: var(--blue-600) + } + .md\:bg-blue-600\/10 { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:bg-blue-600\/20 { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:bg-blue-600\/30 { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:bg-blue-600\/40 { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:bg-blue-600\/50 { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:bg-blue-600\/60 { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:bg-blue-600\/70 { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:bg-blue-600\/80 { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:bg-blue-600\/90 { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:bg-blue-700 { + background-color: var(--blue-700) + } + .md\:bg-blue-700\/10 { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:bg-blue-700\/20 { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:bg-blue-700\/30 { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:bg-blue-700\/40 { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:bg-blue-700\/50 { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:bg-blue-700\/60 { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:bg-blue-700\/70 { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:bg-blue-700\/80 { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:bg-blue-700\/90 { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:bg-blue-800 { + background-color: var(--blue-800) + } + .md\:bg-blue-800\/10 { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:bg-blue-800\/20 { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:bg-blue-800\/30 { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:bg-blue-800\/40 { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:bg-blue-800\/50 { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:bg-blue-800\/60 { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:bg-blue-800\/70 { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:bg-blue-800\/80 { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:bg-blue-800\/90 { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:bg-blue-900 { + background-color: var(--blue-900) + } + .md\:bg-blue-900\/10 { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:bg-blue-900\/20 { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:bg-blue-900\/30 { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:bg-blue-900\/40 { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:bg-blue-900\/50 { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:bg-blue-900\/60 { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:bg-blue-900\/70 { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:bg-blue-900\/80 { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:bg-blue-900\/90 { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:bg-green-50 { + background-color: var(--green-50) + } + .md\:bg-green-50\/10 { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:bg-green-50\/20 { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:bg-green-50\/30 { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:bg-green-50\/40 { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:bg-green-50\/50 { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:bg-green-50\/60 { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:bg-green-50\/70 { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:bg-green-50\/80 { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:bg-green-50\/90 { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:bg-green-100 { + background-color: var(--green-100) + } + .md\:bg-green-100\/10 { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:bg-green-100\/20 { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:bg-green-100\/30 { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:bg-green-100\/40 { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:bg-green-100\/50 { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:bg-green-100\/60 { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:bg-green-100\/70 { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:bg-green-100\/80 { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:bg-green-100\/90 { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:bg-green-200 { + background-color: var(--green-200) + } + .md\:bg-green-200\/10 { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:bg-green-200\/20 { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:bg-green-200\/30 { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:bg-green-200\/40 { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:bg-green-200\/50 { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:bg-green-200\/60 { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:bg-green-200\/70 { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:bg-green-200\/80 { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:bg-green-200\/90 { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:bg-green-300 { + background-color: var(--green-300) + } + .md\:bg-green-300\/10 { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:bg-green-300\/20 { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:bg-green-300\/30 { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:bg-green-300\/40 { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:bg-green-300\/50 { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:bg-green-300\/60 { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:bg-green-300\/70 { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:bg-green-300\/80 { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:bg-green-300\/90 { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:bg-green-400 { + background-color: var(--green-400) + } + .md\:bg-green-400\/10 { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:bg-green-400\/20 { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:bg-green-400\/30 { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:bg-green-400\/40 { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:bg-green-400\/50 { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:bg-green-400\/60 { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:bg-green-400\/70 { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:bg-green-400\/80 { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:bg-green-400\/90 { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:bg-green-500 { + background-color: var(--green-500) + } + .md\:bg-green-500\/10 { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:bg-green-500\/20 { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:bg-green-500\/30 { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:bg-green-500\/40 { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:bg-green-500\/50 { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:bg-green-500\/60 { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:bg-green-500\/70 { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:bg-green-500\/80 { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:bg-green-500\/90 { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:bg-green-600 { + background-color: var(--green-600) + } + .md\:bg-green-600\/10 { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:bg-green-600\/20 { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:bg-green-600\/30 { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:bg-green-600\/40 { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:bg-green-600\/50 { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:bg-green-600\/60 { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:bg-green-600\/70 { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:bg-green-600\/80 { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:bg-green-600\/90 { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:bg-green-700 { + background-color: var(--green-700) + } + .md\:bg-green-700\/10 { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:bg-green-700\/20 { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:bg-green-700\/30 { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:bg-green-700\/40 { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:bg-green-700\/50 { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:bg-green-700\/60 { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:bg-green-700\/70 { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:bg-green-700\/80 { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:bg-green-700\/90 { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:bg-green-800 { + background-color: var(--green-800) + } + .md\:bg-green-800\/10 { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:bg-green-800\/20 { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:bg-green-800\/30 { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:bg-green-800\/40 { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:bg-green-800\/50 { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:bg-green-800\/60 { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:bg-green-800\/70 { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:bg-green-800\/80 { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:bg-green-800\/90 { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:bg-green-900 { + background-color: var(--green-900) + } + .md\:bg-green-900\/10 { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:bg-green-900\/20 { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:bg-green-900\/30 { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:bg-green-900\/40 { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:bg-green-900\/50 { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:bg-green-900\/60 { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:bg-green-900\/70 { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:bg-green-900\/80 { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:bg-green-900\/90 { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:bg-yellow-50 { + background-color: var(--yellow-50) + } + .md\:bg-yellow-50\/10 { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:bg-yellow-50\/20 { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:bg-yellow-50\/30 { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:bg-yellow-50\/40 { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:bg-yellow-50\/50 { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:bg-yellow-50\/60 { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:bg-yellow-50\/70 { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:bg-yellow-50\/80 { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:bg-yellow-50\/90 { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:bg-yellow-100 { + background-color: var(--yellow-100) + } + .md\:bg-yellow-100\/10 { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:bg-yellow-100\/20 { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:bg-yellow-100\/30 { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:bg-yellow-100\/40 { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:bg-yellow-100\/50 { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:bg-yellow-100\/60 { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:bg-yellow-100\/70 { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:bg-yellow-100\/80 { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:bg-yellow-100\/90 { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:bg-yellow-200 { + background-color: var(--yellow-200) + } + .md\:bg-yellow-200\/10 { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:bg-yellow-200\/20 { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:bg-yellow-200\/30 { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:bg-yellow-200\/40 { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:bg-yellow-200\/50 { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:bg-yellow-200\/60 { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:bg-yellow-200\/70 { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:bg-yellow-200\/80 { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:bg-yellow-200\/90 { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:bg-yellow-300 { + background-color: var(--yellow-300) + } + .md\:bg-yellow-300\/10 { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:bg-yellow-300\/20 { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:bg-yellow-300\/30 { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:bg-yellow-300\/40 { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:bg-yellow-300\/50 { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:bg-yellow-300\/60 { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:bg-yellow-300\/70 { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:bg-yellow-300\/80 { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:bg-yellow-300\/90 { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:bg-yellow-400 { + background-color: var(--yellow-400) + } + .md\:bg-yellow-400\/10 { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:bg-yellow-400\/20 { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:bg-yellow-400\/30 { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:bg-yellow-400\/40 { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:bg-yellow-400\/50 { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:bg-yellow-400\/60 { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:bg-yellow-400\/70 { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:bg-yellow-400\/80 { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:bg-yellow-400\/90 { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:bg-yellow-500 { + background-color: var(--yellow-500) + } + .md\:bg-yellow-500\/10 { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:bg-yellow-500\/20 { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:bg-yellow-500\/30 { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:bg-yellow-500\/40 { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:bg-yellow-500\/50 { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:bg-yellow-500\/60 { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:bg-yellow-500\/70 { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:bg-yellow-500\/80 { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:bg-yellow-500\/90 { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:bg-yellow-600 { + background-color: var(--yellow-600) + } + .md\:bg-yellow-600\/10 { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:bg-yellow-600\/20 { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:bg-yellow-600\/30 { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:bg-yellow-600\/40 { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:bg-yellow-600\/50 { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:bg-yellow-600\/60 { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:bg-yellow-600\/70 { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:bg-yellow-600\/80 { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:bg-yellow-600\/90 { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:bg-yellow-700 { + background-color: var(--yellow-700) + } + .md\:bg-yellow-700\/10 { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:bg-yellow-700\/20 { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:bg-yellow-700\/30 { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:bg-yellow-700\/40 { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:bg-yellow-700\/50 { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:bg-yellow-700\/60 { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:bg-yellow-700\/70 { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:bg-yellow-700\/80 { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:bg-yellow-700\/90 { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:bg-yellow-800 { + background-color: var(--yellow-800) + } + .md\:bg-yellow-800\/10 { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:bg-yellow-800\/20 { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:bg-yellow-800\/30 { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:bg-yellow-800\/40 { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:bg-yellow-800\/50 { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:bg-yellow-800\/60 { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:bg-yellow-800\/70 { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:bg-yellow-800\/80 { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:bg-yellow-800\/90 { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:bg-yellow-900 { + background-color: var(--yellow-900) + } + .md\:bg-yellow-900\/10 { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:bg-yellow-900\/20 { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:bg-yellow-900\/30 { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:bg-yellow-900\/40 { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:bg-yellow-900\/50 { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:bg-yellow-900\/60 { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:bg-yellow-900\/70 { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:bg-yellow-900\/80 { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:bg-yellow-900\/90 { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:bg-cyan-50 { + background-color: var(--cyan-50) + } + .md\:bg-cyan-50\/10 { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:bg-cyan-50\/20 { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:bg-cyan-50\/30 { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:bg-cyan-50\/40 { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:bg-cyan-50\/50 { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:bg-cyan-50\/60 { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:bg-cyan-50\/70 { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:bg-cyan-50\/80 { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:bg-cyan-50\/90 { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:bg-cyan-100 { + background-color: var(--cyan-100) + } + .md\:bg-cyan-100\/10 { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:bg-cyan-100\/20 { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:bg-cyan-100\/30 { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:bg-cyan-100\/40 { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:bg-cyan-100\/50 { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:bg-cyan-100\/60 { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:bg-cyan-100\/70 { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:bg-cyan-100\/80 { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:bg-cyan-100\/90 { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:bg-cyan-200 { + background-color: var(--cyan-200) + } + .md\:bg-cyan-200\/10 { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:bg-cyan-200\/20 { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:bg-cyan-200\/30 { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:bg-cyan-200\/40 { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:bg-cyan-200\/50 { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:bg-cyan-200\/60 { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:bg-cyan-200\/70 { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:bg-cyan-200\/80 { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:bg-cyan-200\/90 { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:bg-cyan-300 { + background-color: var(--cyan-300) + } + .md\:bg-cyan-300\/10 { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:bg-cyan-300\/20 { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:bg-cyan-300\/30 { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:bg-cyan-300\/40 { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:bg-cyan-300\/50 { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:bg-cyan-300\/60 { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:bg-cyan-300\/70 { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:bg-cyan-300\/80 { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:bg-cyan-300\/90 { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:bg-cyan-400 { + background-color: var(--cyan-400) + } + .md\:bg-cyan-400\/10 { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:bg-cyan-400\/20 { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:bg-cyan-400\/30 { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:bg-cyan-400\/40 { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:bg-cyan-400\/50 { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:bg-cyan-400\/60 { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:bg-cyan-400\/70 { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:bg-cyan-400\/80 { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:bg-cyan-400\/90 { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:bg-cyan-500 { + background-color: var(--cyan-500) + } + .md\:bg-cyan-500\/10 { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:bg-cyan-500\/20 { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:bg-cyan-500\/30 { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:bg-cyan-500\/40 { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:bg-cyan-500\/50 { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:bg-cyan-500\/60 { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:bg-cyan-500\/70 { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:bg-cyan-500\/80 { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:bg-cyan-500\/90 { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:bg-cyan-600 { + background-color: var(--cyan-600) + } + .md\:bg-cyan-600\/10 { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:bg-cyan-600\/20 { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:bg-cyan-600\/30 { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:bg-cyan-600\/40 { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:bg-cyan-600\/50 { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:bg-cyan-600\/60 { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:bg-cyan-600\/70 { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:bg-cyan-600\/80 { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:bg-cyan-600\/90 { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:bg-cyan-700 { + background-color: var(--cyan-700) + } + .md\:bg-cyan-700\/10 { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:bg-cyan-700\/20 { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:bg-cyan-700\/30 { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:bg-cyan-700\/40 { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:bg-cyan-700\/50 { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:bg-cyan-700\/60 { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:bg-cyan-700\/70 { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:bg-cyan-700\/80 { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:bg-cyan-700\/90 { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:bg-cyan-800 { + background-color: var(--cyan-800) + } + .md\:bg-cyan-800\/10 { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:bg-cyan-800\/20 { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:bg-cyan-800\/30 { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:bg-cyan-800\/40 { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:bg-cyan-800\/50 { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:bg-cyan-800\/60 { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:bg-cyan-800\/70 { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:bg-cyan-800\/80 { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:bg-cyan-800\/90 { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:bg-cyan-900 { + background-color: var(--cyan-900) + } + .md\:bg-cyan-900\/10 { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:bg-cyan-900\/20 { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:bg-cyan-900\/30 { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:bg-cyan-900\/40 { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:bg-cyan-900\/50 { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:bg-cyan-900\/60 { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:bg-cyan-900\/70 { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:bg-cyan-900\/80 { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:bg-cyan-900\/90 { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:bg-pink-50 { + background-color: var(--pink-50) + } + .md\:bg-pink-50\/10 { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:bg-pink-50\/20 { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:bg-pink-50\/30 { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:bg-pink-50\/40 { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:bg-pink-50\/50 { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:bg-pink-50\/60 { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:bg-pink-50\/70 { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:bg-pink-50\/80 { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:bg-pink-50\/90 { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:bg-pink-100 { + background-color: var(--pink-100) + } + .md\:bg-pink-100\/10 { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:bg-pink-100\/20 { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:bg-pink-100\/30 { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:bg-pink-100\/40 { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:bg-pink-100\/50 { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:bg-pink-100\/60 { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:bg-pink-100\/70 { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:bg-pink-100\/80 { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:bg-pink-100\/90 { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:bg-pink-200 { + background-color: var(--pink-200) + } + .md\:bg-pink-200\/10 { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:bg-pink-200\/20 { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:bg-pink-200\/30 { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:bg-pink-200\/40 { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:bg-pink-200\/50 { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:bg-pink-200\/60 { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:bg-pink-200\/70 { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:bg-pink-200\/80 { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:bg-pink-200\/90 { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:bg-pink-300 { + background-color: var(--pink-300) + } + .md\:bg-pink-300\/10 { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:bg-pink-300\/20 { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:bg-pink-300\/30 { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:bg-pink-300\/40 { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:bg-pink-300\/50 { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:bg-pink-300\/60 { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:bg-pink-300\/70 { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:bg-pink-300\/80 { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:bg-pink-300\/90 { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:bg-pink-400 { + background-color: var(--pink-400) + } + .md\:bg-pink-400\/10 { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:bg-pink-400\/20 { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:bg-pink-400\/30 { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:bg-pink-400\/40 { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:bg-pink-400\/50 { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:bg-pink-400\/60 { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:bg-pink-400\/70 { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:bg-pink-400\/80 { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:bg-pink-400\/90 { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:bg-pink-500 { + background-color: var(--pink-500) + } + .md\:bg-pink-500\/10 { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:bg-pink-500\/20 { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:bg-pink-500\/30 { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:bg-pink-500\/40 { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:bg-pink-500\/50 { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:bg-pink-500\/60 { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:bg-pink-500\/70 { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:bg-pink-500\/80 { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:bg-pink-500\/90 { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:bg-pink-600 { + background-color: var(--pink-600) + } + .md\:bg-pink-600\/10 { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:bg-pink-600\/20 { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:bg-pink-600\/30 { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:bg-pink-600\/40 { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:bg-pink-600\/50 { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:bg-pink-600\/60 { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:bg-pink-600\/70 { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:bg-pink-600\/80 { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:bg-pink-600\/90 { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:bg-pink-700 { + background-color: var(--pink-700) + } + .md\:bg-pink-700\/10 { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:bg-pink-700\/20 { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:bg-pink-700\/30 { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:bg-pink-700\/40 { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:bg-pink-700\/50 { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:bg-pink-700\/60 { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:bg-pink-700\/70 { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:bg-pink-700\/80 { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:bg-pink-700\/90 { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:bg-pink-800 { + background-color: var(--pink-800) + } + .md\:bg-pink-800\/10 { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:bg-pink-800\/20 { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:bg-pink-800\/30 { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:bg-pink-800\/40 { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:bg-pink-800\/50 { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:bg-pink-800\/60 { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:bg-pink-800\/70 { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:bg-pink-800\/80 { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:bg-pink-800\/90 { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:bg-pink-900 { + background-color: var(--pink-900) + } + .md\:bg-pink-900\/10 { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:bg-pink-900\/20 { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:bg-pink-900\/30 { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:bg-pink-900\/40 { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:bg-pink-900\/50 { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:bg-pink-900\/60 { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:bg-pink-900\/70 { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:bg-pink-900\/80 { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:bg-pink-900\/90 { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:bg-indigo-50 { + background-color: var(--indigo-50) + } + .md\:bg-indigo-50\/10 { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:bg-indigo-50\/20 { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:bg-indigo-50\/30 { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:bg-indigo-50\/40 { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:bg-indigo-50\/50 { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:bg-indigo-50\/60 { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:bg-indigo-50\/70 { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:bg-indigo-50\/80 { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:bg-indigo-50\/90 { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:bg-indigo-100 { + background-color: var(--indigo-100) + } + .md\:bg-indigo-100\/10 { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:bg-indigo-100\/20 { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:bg-indigo-100\/30 { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:bg-indigo-100\/40 { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:bg-indigo-100\/50 { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:bg-indigo-100\/60 { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:bg-indigo-100\/70 { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:bg-indigo-100\/80 { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:bg-indigo-100\/90 { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:bg-indigo-200 { + background-color: var(--indigo-200) + } + .md\:bg-indigo-200\/10 { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:bg-indigo-200\/20 { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:bg-indigo-200\/30 { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:bg-indigo-200\/40 { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:bg-indigo-200\/50 { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:bg-indigo-200\/60 { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:bg-indigo-200\/70 { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:bg-indigo-200\/80 { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:bg-indigo-200\/90 { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:bg-indigo-300 { + background-color: var(--indigo-300) + } + .md\:bg-indigo-300\/10 { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:bg-indigo-300\/20 { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:bg-indigo-300\/30 { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:bg-indigo-300\/40 { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:bg-indigo-300\/50 { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:bg-indigo-300\/60 { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:bg-indigo-300\/70 { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:bg-indigo-300\/80 { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:bg-indigo-300\/90 { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:bg-indigo-400 { + background-color: var(--indigo-400) + } + .md\:bg-indigo-400\/10 { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:bg-indigo-400\/20 { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:bg-indigo-400\/30 { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:bg-indigo-400\/40 { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:bg-indigo-400\/50 { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:bg-indigo-400\/60 { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:bg-indigo-400\/70 { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:bg-indigo-400\/80 { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:bg-indigo-400\/90 { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:bg-indigo-500 { + background-color: var(--indigo-500) + } + .md\:bg-indigo-500\/10 { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:bg-indigo-500\/20 { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:bg-indigo-500\/30 { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:bg-indigo-500\/40 { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:bg-indigo-500\/50 { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:bg-indigo-500\/60 { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:bg-indigo-500\/70 { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:bg-indigo-500\/80 { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:bg-indigo-500\/90 { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:bg-indigo-600 { + background-color: var(--indigo-600) + } + .md\:bg-indigo-600\/10 { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:bg-indigo-600\/20 { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:bg-indigo-600\/30 { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:bg-indigo-600\/40 { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:bg-indigo-600\/50 { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:bg-indigo-600\/60 { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:bg-indigo-600\/70 { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:bg-indigo-600\/80 { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:bg-indigo-600\/90 { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:bg-indigo-700 { + background-color: var(--indigo-700) + } + .md\:bg-indigo-700\/10 { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:bg-indigo-700\/20 { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:bg-indigo-700\/30 { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:bg-indigo-700\/40 { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:bg-indigo-700\/50 { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:bg-indigo-700\/60 { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:bg-indigo-700\/70 { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:bg-indigo-700\/80 { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:bg-indigo-700\/90 { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:bg-indigo-800 { + background-color: var(--indigo-800) + } + .md\:bg-indigo-800\/10 { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:bg-indigo-800\/20 { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:bg-indigo-800\/30 { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:bg-indigo-800\/40 { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:bg-indigo-800\/50 { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:bg-indigo-800\/60 { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:bg-indigo-800\/70 { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:bg-indigo-800\/80 { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:bg-indigo-800\/90 { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:bg-indigo-900 { + background-color: var(--indigo-900) + } + .md\:bg-indigo-900\/10 { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:bg-indigo-900\/20 { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:bg-indigo-900\/30 { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:bg-indigo-900\/40 { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:bg-indigo-900\/50 { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:bg-indigo-900\/60 { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:bg-indigo-900\/70 { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:bg-indigo-900\/80 { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:bg-indigo-900\/90 { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:bg-teal-50 { + background-color: var(--teal-50) + } + .md\:bg-teal-50\/10 { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:bg-teal-50\/20 { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:bg-teal-50\/30 { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:bg-teal-50\/40 { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:bg-teal-50\/50 { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:bg-teal-50\/60 { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:bg-teal-50\/70 { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:bg-teal-50\/80 { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:bg-teal-50\/90 { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:bg-teal-100 { + background-color: var(--teal-100) + } + .md\:bg-teal-100\/10 { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:bg-teal-100\/20 { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:bg-teal-100\/30 { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:bg-teal-100\/40 { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:bg-teal-100\/50 { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:bg-teal-100\/60 { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:bg-teal-100\/70 { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:bg-teal-100\/80 { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:bg-teal-100\/90 { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:bg-teal-200 { + background-color: var(--teal-200) + } + .md\:bg-teal-200\/10 { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:bg-teal-200\/20 { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:bg-teal-200\/30 { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:bg-teal-200\/40 { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:bg-teal-200\/50 { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:bg-teal-200\/60 { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:bg-teal-200\/70 { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:bg-teal-200\/80 { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:bg-teal-200\/90 { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:bg-teal-300 { + background-color: var(--teal-300) + } + .md\:bg-teal-300\/10 { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:bg-teal-300\/20 { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:bg-teal-300\/30 { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:bg-teal-300\/40 { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:bg-teal-300\/50 { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:bg-teal-300\/60 { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:bg-teal-300\/70 { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:bg-teal-300\/80 { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:bg-teal-300\/90 { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:bg-teal-400 { + background-color: var(--teal-400) + } + .md\:bg-teal-400\/10 { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:bg-teal-400\/20 { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:bg-teal-400\/30 { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:bg-teal-400\/40 { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:bg-teal-400\/50 { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:bg-teal-400\/60 { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:bg-teal-400\/70 { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:bg-teal-400\/80 { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:bg-teal-400\/90 { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:bg-teal-500 { + background-color: var(--teal-500) + } + .md\:bg-teal-500\/10 { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:bg-teal-500\/20 { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:bg-teal-500\/30 { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:bg-teal-500\/40 { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:bg-teal-500\/50 { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:bg-teal-500\/60 { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:bg-teal-500\/70 { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:bg-teal-500\/80 { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:bg-teal-500\/90 { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:bg-teal-600 { + background-color: var(--teal-600) + } + .md\:bg-teal-600\/10 { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:bg-teal-600\/20 { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:bg-teal-600\/30 { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:bg-teal-600\/40 { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:bg-teal-600\/50 { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:bg-teal-600\/60 { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:bg-teal-600\/70 { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:bg-teal-600\/80 { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:bg-teal-600\/90 { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:bg-teal-700 { + background-color: var(--teal-700) + } + .md\:bg-teal-700\/10 { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:bg-teal-700\/20 { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:bg-teal-700\/30 { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:bg-teal-700\/40 { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:bg-teal-700\/50 { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:bg-teal-700\/60 { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:bg-teal-700\/70 { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:bg-teal-700\/80 { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:bg-teal-700\/90 { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:bg-teal-800 { + background-color: var(--teal-800) + } + .md\:bg-teal-800\/10 { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:bg-teal-800\/20 { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:bg-teal-800\/30 { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:bg-teal-800\/40 { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:bg-teal-800\/50 { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:bg-teal-800\/60 { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:bg-teal-800\/70 { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:bg-teal-800\/80 { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:bg-teal-800\/90 { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:bg-teal-900 { + background-color: var(--teal-900) + } + .md\:bg-teal-900\/10 { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:bg-teal-900\/20 { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:bg-teal-900\/30 { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:bg-teal-900\/40 { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:bg-teal-900\/50 { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:bg-teal-900\/60 { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:bg-teal-900\/70 { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:bg-teal-900\/80 { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:bg-teal-900\/90 { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:bg-orange-50 { + background-color: var(--orange-50) + } + .md\:bg-orange-50\/10 { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:bg-orange-50\/20 { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:bg-orange-50\/30 { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:bg-orange-50\/40 { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:bg-orange-50\/50 { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:bg-orange-50\/60 { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:bg-orange-50\/70 { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:bg-orange-50\/80 { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:bg-orange-50\/90 { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:bg-orange-100 { + background-color: var(--orange-100) + } + .md\:bg-orange-100\/10 { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:bg-orange-100\/20 { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:bg-orange-100\/30 { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:bg-orange-100\/40 { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:bg-orange-100\/50 { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:bg-orange-100\/60 { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:bg-orange-100\/70 { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:bg-orange-100\/80 { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:bg-orange-100\/90 { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:bg-orange-200 { + background-color: var(--orange-200) + } + .md\:bg-orange-200\/10 { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:bg-orange-200\/20 { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:bg-orange-200\/30 { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:bg-orange-200\/40 { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:bg-orange-200\/50 { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:bg-orange-200\/60 { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:bg-orange-200\/70 { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:bg-orange-200\/80 { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:bg-orange-200\/90 { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:bg-orange-300 { + background-color: var(--orange-300) + } + .md\:bg-orange-300\/10 { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:bg-orange-300\/20 { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:bg-orange-300\/30 { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:bg-orange-300\/40 { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:bg-orange-300\/50 { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:bg-orange-300\/60 { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:bg-orange-300\/70 { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:bg-orange-300\/80 { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:bg-orange-300\/90 { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:bg-orange-400 { + background-color: var(--orange-400) + } + .md\:bg-orange-400\/10 { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:bg-orange-400\/20 { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:bg-orange-400\/30 { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:bg-orange-400\/40 { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:bg-orange-400\/50 { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:bg-orange-400\/60 { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:bg-orange-400\/70 { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:bg-orange-400\/80 { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:bg-orange-400\/90 { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:bg-orange-500 { + background-color: var(--orange-500) + } + .md\:bg-orange-500\/10 { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:bg-orange-500\/20 { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:bg-orange-500\/30 { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:bg-orange-500\/40 { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:bg-orange-500\/50 { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:bg-orange-500\/60 { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:bg-orange-500\/70 { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:bg-orange-500\/80 { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:bg-orange-500\/90 { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:bg-orange-600 { + background-color: var(--orange-600) + } + .md\:bg-orange-600\/10 { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:bg-orange-600\/20 { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:bg-orange-600\/30 { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:bg-orange-600\/40 { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:bg-orange-600\/50 { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:bg-orange-600\/60 { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:bg-orange-600\/70 { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:bg-orange-600\/80 { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:bg-orange-600\/90 { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:bg-orange-700 { + background-color: var(--orange-700) + } + .md\:bg-orange-700\/10 { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:bg-orange-700\/20 { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:bg-orange-700\/30 { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:bg-orange-700\/40 { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:bg-orange-700\/50 { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:bg-orange-700\/60 { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:bg-orange-700\/70 { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:bg-orange-700\/80 { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:bg-orange-700\/90 { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:bg-orange-800 { + background-color: var(--orange-800) + } + .md\:bg-orange-800\/10 { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:bg-orange-800\/20 { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:bg-orange-800\/30 { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:bg-orange-800\/40 { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:bg-orange-800\/50 { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:bg-orange-800\/60 { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:bg-orange-800\/70 { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:bg-orange-800\/80 { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:bg-orange-800\/90 { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:bg-orange-900 { + background-color: var(--orange-900) + } + .md\:bg-orange-900\/10 { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:bg-orange-900\/20 { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:bg-orange-900\/30 { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:bg-orange-900\/40 { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:bg-orange-900\/50 { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:bg-orange-900\/60 { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:bg-orange-900\/70 { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:bg-orange-900\/80 { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:bg-orange-900\/90 { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:bg-bluegray-50 { + background-color: var(--bluegray-50) + } + .md\:bg-bluegray-50\/10 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:bg-bluegray-50\/20 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:bg-bluegray-50\/30 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:bg-bluegray-50\/40 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:bg-bluegray-50\/50 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:bg-bluegray-50\/60 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:bg-bluegray-50\/70 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:bg-bluegray-50\/80 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:bg-bluegray-50\/90 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:bg-bluegray-100 { + background-color: var(--bluegray-100) + } + .md\:bg-bluegray-100\/10 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:bg-bluegray-100\/20 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:bg-bluegray-100\/30 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:bg-bluegray-100\/40 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:bg-bluegray-100\/50 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:bg-bluegray-100\/60 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:bg-bluegray-100\/70 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:bg-bluegray-100\/80 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:bg-bluegray-100\/90 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:bg-bluegray-200 { + background-color: var(--bluegray-200) + } + .md\:bg-bluegray-200\/10 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:bg-bluegray-200\/20 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:bg-bluegray-200\/30 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:bg-bluegray-200\/40 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:bg-bluegray-200\/50 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:bg-bluegray-200\/60 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:bg-bluegray-200\/70 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:bg-bluegray-200\/80 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:bg-bluegray-200\/90 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:bg-bluegray-300 { + background-color: var(--bluegray-300) + } + .md\:bg-bluegray-300\/10 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:bg-bluegray-300\/20 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:bg-bluegray-300\/30 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:bg-bluegray-300\/40 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:bg-bluegray-300\/50 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:bg-bluegray-300\/60 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:bg-bluegray-300\/70 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:bg-bluegray-300\/80 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:bg-bluegray-300\/90 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:bg-bluegray-400 { + background-color: var(--bluegray-400) + } + .md\:bg-bluegray-400\/10 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:bg-bluegray-400\/20 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:bg-bluegray-400\/30 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:bg-bluegray-400\/40 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:bg-bluegray-400\/50 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:bg-bluegray-400\/60 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:bg-bluegray-400\/70 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:bg-bluegray-400\/80 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:bg-bluegray-400\/90 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:bg-bluegray-500 { + background-color: var(--bluegray-500) + } + .md\:bg-bluegray-500\/10 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:bg-bluegray-500\/20 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:bg-bluegray-500\/30 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:bg-bluegray-500\/40 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:bg-bluegray-500\/50 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:bg-bluegray-500\/60 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:bg-bluegray-500\/70 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:bg-bluegray-500\/80 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:bg-bluegray-500\/90 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:bg-bluegray-600 { + background-color: var(--bluegray-600) + } + .md\:bg-bluegray-600\/10 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:bg-bluegray-600\/20 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:bg-bluegray-600\/30 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:bg-bluegray-600\/40 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:bg-bluegray-600\/50 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:bg-bluegray-600\/60 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:bg-bluegray-600\/70 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:bg-bluegray-600\/80 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:bg-bluegray-600\/90 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:bg-bluegray-700 { + background-color: var(--bluegray-700) + } + .md\:bg-bluegray-700\/10 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:bg-bluegray-700\/20 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:bg-bluegray-700\/30 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:bg-bluegray-700\/40 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:bg-bluegray-700\/50 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:bg-bluegray-700\/60 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:bg-bluegray-700\/70 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:bg-bluegray-700\/80 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:bg-bluegray-700\/90 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:bg-bluegray-800 { + background-color: var(--bluegray-800) + } + .md\:bg-bluegray-800\/10 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:bg-bluegray-800\/20 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:bg-bluegray-800\/30 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:bg-bluegray-800\/40 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:bg-bluegray-800\/50 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:bg-bluegray-800\/60 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:bg-bluegray-800\/70 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:bg-bluegray-800\/80 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:bg-bluegray-800\/90 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:bg-bluegray-900 { + background-color: var(--bluegray-900) + } + .md\:bg-bluegray-900\/10 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:bg-bluegray-900\/20 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:bg-bluegray-900\/30 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:bg-bluegray-900\/40 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:bg-bluegray-900\/50 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:bg-bluegray-900\/60 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:bg-bluegray-900\/70 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:bg-bluegray-900\/80 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:bg-bluegray-900\/90 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:bg-purple-50 { + background-color: var(--purple-50) + } + .md\:bg-purple-50\/10 { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:bg-purple-50\/20 { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:bg-purple-50\/30 { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:bg-purple-50\/40 { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:bg-purple-50\/50 { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:bg-purple-50\/60 { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:bg-purple-50\/70 { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:bg-purple-50\/80 { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:bg-purple-50\/90 { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:bg-purple-100 { + background-color: var(--purple-100) + } + .md\:bg-purple-100\/10 { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:bg-purple-100\/20 { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:bg-purple-100\/30 { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:bg-purple-100\/40 { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:bg-purple-100\/50 { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:bg-purple-100\/60 { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:bg-purple-100\/70 { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:bg-purple-100\/80 { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:bg-purple-100\/90 { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:bg-purple-200 { + background-color: var(--purple-200) + } + .md\:bg-purple-200\/10 { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:bg-purple-200\/20 { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:bg-purple-200\/30 { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:bg-purple-200\/40 { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:bg-purple-200\/50 { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:bg-purple-200\/60 { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:bg-purple-200\/70 { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:bg-purple-200\/80 { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:bg-purple-200\/90 { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:bg-purple-300 { + background-color: var(--purple-300) + } + .md\:bg-purple-300\/10 { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:bg-purple-300\/20 { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:bg-purple-300\/30 { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:bg-purple-300\/40 { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:bg-purple-300\/50 { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:bg-purple-300\/60 { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:bg-purple-300\/70 { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:bg-purple-300\/80 { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:bg-purple-300\/90 { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:bg-purple-400 { + background-color: var(--purple-400) + } + .md\:bg-purple-400\/10 { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:bg-purple-400\/20 { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:bg-purple-400\/30 { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:bg-purple-400\/40 { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:bg-purple-400\/50 { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:bg-purple-400\/60 { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:bg-purple-400\/70 { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:bg-purple-400\/80 { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:bg-purple-400\/90 { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:bg-purple-500 { + background-color: var(--purple-500) + } + .md\:bg-purple-500\/10 { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:bg-purple-500\/20 { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:bg-purple-500\/30 { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:bg-purple-500\/40 { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:bg-purple-500\/50 { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:bg-purple-500\/60 { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:bg-purple-500\/70 { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:bg-purple-500\/80 { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:bg-purple-500\/90 { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:bg-purple-600 { + background-color: var(--purple-600) + } + .md\:bg-purple-600\/10 { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:bg-purple-600\/20 { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:bg-purple-600\/30 { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:bg-purple-600\/40 { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:bg-purple-600\/50 { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:bg-purple-600\/60 { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:bg-purple-600\/70 { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:bg-purple-600\/80 { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:bg-purple-600\/90 { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:bg-purple-700 { + background-color: var(--purple-700) + } + .md\:bg-purple-700\/10 { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:bg-purple-700\/20 { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:bg-purple-700\/30 { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:bg-purple-700\/40 { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:bg-purple-700\/50 { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:bg-purple-700\/60 { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:bg-purple-700\/70 { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:bg-purple-700\/80 { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:bg-purple-700\/90 { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:bg-purple-800 { + background-color: var(--purple-800) + } + .md\:bg-purple-800\/10 { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:bg-purple-800\/20 { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:bg-purple-800\/30 { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:bg-purple-800\/40 { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:bg-purple-800\/50 { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:bg-purple-800\/60 { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:bg-purple-800\/70 { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:bg-purple-800\/80 { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:bg-purple-800\/90 { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:bg-purple-900 { + background-color: var(--purple-900) + } + .md\:bg-purple-900\/10 { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:bg-purple-900\/20 { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:bg-purple-900\/30 { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:bg-purple-900\/40 { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:bg-purple-900\/50 { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:bg-purple-900\/60 { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:bg-purple-900\/70 { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:bg-purple-900\/80 { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:bg-purple-900\/90 { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:bg-red-50 { + background-color: var(--red-50) + } + .md\:bg-red-50\/10 { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:bg-red-50\/20 { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:bg-red-50\/30 { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:bg-red-50\/40 { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:bg-red-50\/50 { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:bg-red-50\/60 { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:bg-red-50\/70 { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:bg-red-50\/80 { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:bg-red-50\/90 { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:bg-red-100 { + background-color: var(--red-100) + } + .md\:bg-red-100\/10 { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:bg-red-100\/20 { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:bg-red-100\/30 { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:bg-red-100\/40 { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:bg-red-100\/50 { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:bg-red-100\/60 { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:bg-red-100\/70 { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:bg-red-100\/80 { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:bg-red-100\/90 { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:bg-red-200 { + background-color: var(--red-200) + } + .md\:bg-red-200\/10 { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:bg-red-200\/20 { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:bg-red-200\/30 { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:bg-red-200\/40 { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:bg-red-200\/50 { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:bg-red-200\/60 { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:bg-red-200\/70 { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:bg-red-200\/80 { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:bg-red-200\/90 { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:bg-red-300 { + background-color: var(--red-300) + } + .md\:bg-red-300\/10 { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:bg-red-300\/20 { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:bg-red-300\/30 { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:bg-red-300\/40 { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:bg-red-300\/50 { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:bg-red-300\/60 { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:bg-red-300\/70 { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:bg-red-300\/80 { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:bg-red-300\/90 { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:bg-red-400 { + background-color: var(--red-400) + } + .md\:bg-red-400\/10 { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:bg-red-400\/20 { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:bg-red-400\/30 { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:bg-red-400\/40 { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:bg-red-400\/50 { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:bg-red-400\/60 { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:bg-red-400\/70 { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:bg-red-400\/80 { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:bg-red-400\/90 { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:bg-red-500 { + background-color: var(--red-500) + } + .md\:bg-red-500\/10 { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:bg-red-500\/20 { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:bg-red-500\/30 { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:bg-red-500\/40 { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:bg-red-500\/50 { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:bg-red-500\/60 { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:bg-red-500\/70 { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:bg-red-500\/80 { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:bg-red-500\/90 { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:bg-red-600 { + background-color: var(--red-600) + } + .md\:bg-red-600\/10 { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:bg-red-600\/20 { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:bg-red-600\/30 { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:bg-red-600\/40 { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:bg-red-600\/50 { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:bg-red-600\/60 { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:bg-red-600\/70 { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:bg-red-600\/80 { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:bg-red-600\/90 { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:bg-red-700 { + background-color: var(--red-700) + } + .md\:bg-red-700\/10 { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:bg-red-700\/20 { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:bg-red-700\/30 { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:bg-red-700\/40 { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:bg-red-700\/50 { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:bg-red-700\/60 { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:bg-red-700\/70 { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:bg-red-700\/80 { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:bg-red-700\/90 { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:bg-red-800 { + background-color: var(--red-800) + } + .md\:bg-red-800\/10 { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:bg-red-800\/20 { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:bg-red-800\/30 { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:bg-red-800\/40 { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:bg-red-800\/50 { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:bg-red-800\/60 { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:bg-red-800\/70 { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:bg-red-800\/80 { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:bg-red-800\/90 { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:bg-red-900 { + background-color: var(--red-900) + } + .md\:bg-red-900\/10 { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:bg-red-900\/20 { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:bg-red-900\/30 { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:bg-red-900\/40 { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:bg-red-900\/50 { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:bg-red-900\/60 { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:bg-red-900\/70 { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:bg-red-900\/80 { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:bg-red-900\/90 { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:bg-gray-50 { + background-color: var(--gray-50) + } + .md\:bg-gray-50\/10 { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:bg-gray-50\/20 { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:bg-gray-50\/30 { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:bg-gray-50\/40 { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:bg-gray-50\/50 { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:bg-gray-50\/60 { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:bg-gray-50\/70 { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:bg-gray-50\/80 { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:bg-gray-50\/90 { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:bg-gray-100 { + background-color: var(--gray-100) + } + .md\:bg-gray-100\/10 { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:bg-gray-100\/20 { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:bg-gray-100\/30 { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:bg-gray-100\/40 { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:bg-gray-100\/50 { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:bg-gray-100\/60 { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:bg-gray-100\/70 { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:bg-gray-100\/80 { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:bg-gray-100\/90 { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:bg-gray-200 { + background-color: var(--gray-200) + } + .md\:bg-gray-200\/10 { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:bg-gray-200\/20 { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:bg-gray-200\/30 { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:bg-gray-200\/40 { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:bg-gray-200\/50 { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:bg-gray-200\/60 { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:bg-gray-200\/70 { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:bg-gray-200\/80 { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:bg-gray-200\/90 { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:bg-gray-300 { + background-color: var(--gray-300) + } + .md\:bg-gray-300\/10 { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:bg-gray-300\/20 { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:bg-gray-300\/30 { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:bg-gray-300\/40 { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:bg-gray-300\/50 { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:bg-gray-300\/60 { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:bg-gray-300\/70 { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:bg-gray-300\/80 { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:bg-gray-300\/90 { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:bg-gray-400 { + background-color: var(--gray-400) + } + .md\:bg-gray-400\/10 { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:bg-gray-400\/20 { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:bg-gray-400\/30 { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:bg-gray-400\/40 { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:bg-gray-400\/50 { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:bg-gray-400\/60 { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:bg-gray-400\/70 { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:bg-gray-400\/80 { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:bg-gray-400\/90 { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:bg-gray-500 { + background-color: var(--gray-500) + } + .md\:bg-gray-500\/10 { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:bg-gray-500\/20 { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:bg-gray-500\/30 { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:bg-gray-500\/40 { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:bg-gray-500\/50 { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:bg-gray-500\/60 { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:bg-gray-500\/70 { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:bg-gray-500\/80 { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:bg-gray-500\/90 { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:bg-gray-600 { + background-color: var(--gray-600) + } + .md\:bg-gray-600\/10 { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:bg-gray-600\/20 { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:bg-gray-600\/30 { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:bg-gray-600\/40 { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:bg-gray-600\/50 { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:bg-gray-600\/60 { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:bg-gray-600\/70 { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:bg-gray-600\/80 { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:bg-gray-600\/90 { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:bg-gray-700 { + background-color: var(--gray-700) + } + .md\:bg-gray-700\/10 { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:bg-gray-700\/20 { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:bg-gray-700\/30 { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:bg-gray-700\/40 { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:bg-gray-700\/50 { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:bg-gray-700\/60 { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:bg-gray-700\/70 { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:bg-gray-700\/80 { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:bg-gray-700\/90 { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:bg-gray-800 { + background-color: var(--gray-800) + } + .md\:bg-gray-800\/10 { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:bg-gray-800\/20 { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:bg-gray-800\/30 { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:bg-gray-800\/40 { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:bg-gray-800\/50 { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:bg-gray-800\/60 { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:bg-gray-800\/70 { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:bg-gray-800\/80 { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:bg-gray-800\/90 { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:bg-gray-900 { + background-color: var(--gray-900) + } + .md\:bg-gray-900\/10 { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:bg-gray-900\/20 { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:bg-gray-900\/30 { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:bg-gray-900\/40 { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:bg-gray-900\/50 { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:bg-gray-900\/60 { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:bg-gray-900\/70 { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:bg-gray-900\/80 { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:bg-gray-900\/90 { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:bg-surface-0 { + background-color: var(--surface-0) + } + .md\:bg-surface-0\/10 { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:bg-surface-0\/20 { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:bg-surface-0\/30 { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:bg-surface-0\/40 { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:bg-surface-0\/50 { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:bg-surface-0\/60 { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:bg-surface-0\/70 { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:bg-surface-0\/80 { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:bg-surface-0\/90 { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:bg-surface-50 { + background-color: var(--surface-50) + } + .md\:bg-surface-50\/10 { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:bg-surface-50\/20 { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:bg-surface-50\/30 { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:bg-surface-50\/40 { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:bg-surface-50\/50 { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:bg-surface-50\/60 { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:bg-surface-50\/70 { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:bg-surface-50\/80 { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:bg-surface-50\/90 { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:bg-surface-100 { + background-color: var(--surface-100) + } + .md\:bg-surface-100\/10 { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:bg-surface-100\/20 { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:bg-surface-100\/30 { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:bg-surface-100\/40 { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:bg-surface-100\/50 { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:bg-surface-100\/60 { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:bg-surface-100\/70 { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:bg-surface-100\/80 { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:bg-surface-100\/90 { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:bg-surface-200 { + background-color: var(--surface-200) + } + .md\:bg-surface-200\/10 { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:bg-surface-200\/20 { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:bg-surface-200\/30 { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:bg-surface-200\/40 { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:bg-surface-200\/50 { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:bg-surface-200\/60 { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:bg-surface-200\/70 { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:bg-surface-200\/80 { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:bg-surface-200\/90 { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:bg-surface-300 { + background-color: var(--surface-300) + } + .md\:bg-surface-300\/10 { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:bg-surface-300\/20 { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:bg-surface-300\/30 { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:bg-surface-300\/40 { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:bg-surface-300\/50 { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:bg-surface-300\/60 { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:bg-surface-300\/70 { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:bg-surface-300\/80 { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:bg-surface-300\/90 { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:bg-surface-400 { + background-color: var(--surface-400) + } + .md\:bg-surface-400\/10 { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:bg-surface-400\/20 { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:bg-surface-400\/30 { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:bg-surface-400\/40 { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:bg-surface-400\/50 { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:bg-surface-400\/60 { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:bg-surface-400\/70 { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:bg-surface-400\/80 { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:bg-surface-400\/90 { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:bg-surface-500 { + background-color: var(--surface-500) + } + .md\:bg-surface-500\/10 { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:bg-surface-500\/20 { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:bg-surface-500\/30 { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:bg-surface-500\/40 { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:bg-surface-500\/50 { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:bg-surface-500\/60 { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:bg-surface-500\/70 { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:bg-surface-500\/80 { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:bg-surface-500\/90 { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:bg-surface-600 { + background-color: var(--surface-600) + } + .md\:bg-surface-600\/10 { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:bg-surface-600\/20 { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:bg-surface-600\/30 { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:bg-surface-600\/40 { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:bg-surface-600\/50 { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:bg-surface-600\/60 { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:bg-surface-600\/70 { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:bg-surface-600\/80 { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:bg-surface-600\/90 { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:bg-surface-700 { + background-color: var(--surface-700) + } + .md\:bg-surface-700\/10 { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:bg-surface-700\/20 { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:bg-surface-700\/30 { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:bg-surface-700\/40 { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:bg-surface-700\/50 { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:bg-surface-700\/60 { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:bg-surface-700\/70 { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:bg-surface-700\/80 { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:bg-surface-700\/90 { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:bg-surface-800 { + background-color: var(--surface-800) + } + .md\:bg-surface-800\/10 { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:bg-surface-800\/20 { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:bg-surface-800\/30 { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:bg-surface-800\/40 { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:bg-surface-800\/50 { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:bg-surface-800\/60 { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:bg-surface-800\/70 { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:bg-surface-800\/80 { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:bg-surface-800\/90 { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:bg-surface-900 { + background-color: var(--surface-900) + } + .md\:bg-surface-900\/10 { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:bg-surface-900\/20 { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:bg-surface-900\/30 { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:bg-surface-900\/40 { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:bg-surface-900\/50 { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:bg-surface-900\/60 { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:bg-surface-900\/70 { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:bg-surface-900\/80 { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:bg-surface-900\/90 { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:bg-primary-50 { + background-color: var(--primary-50) + } + .md\:bg-primary-50\/10 { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:bg-primary-50\/20 { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:bg-primary-50\/30 { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:bg-primary-50\/40 { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:bg-primary-50\/50 { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:bg-primary-50\/60 { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:bg-primary-50\/70 { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:bg-primary-50\/80 { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:bg-primary-50\/90 { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:bg-primary-100 { + background-color: var(--primary-100) + } + .md\:bg-primary-100\/10 { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:bg-primary-100\/20 { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:bg-primary-100\/30 { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:bg-primary-100\/40 { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:bg-primary-100\/50 { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:bg-primary-100\/60 { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:bg-primary-100\/70 { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:bg-primary-100\/80 { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:bg-primary-100\/90 { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:bg-primary-200 { + background-color: var(--primary-200) + } + .md\:bg-primary-200\/10 { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:bg-primary-200\/20 { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:bg-primary-200\/30 { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:bg-primary-200\/40 { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:bg-primary-200\/50 { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:bg-primary-200\/60 { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:bg-primary-200\/70 { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:bg-primary-200\/80 { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:bg-primary-200\/90 { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:bg-primary-300 { + background-color: var(--primary-300) + } + .md\:bg-primary-300\/10 { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:bg-primary-300\/20 { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:bg-primary-300\/30 { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:bg-primary-300\/40 { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:bg-primary-300\/50 { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:bg-primary-300\/60 { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:bg-primary-300\/70 { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:bg-primary-300\/80 { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:bg-primary-300\/90 { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:bg-primary-400 { + background-color: var(--primary-400) + } + .md\:bg-primary-400\/10 { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:bg-primary-400\/20 { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:bg-primary-400\/30 { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:bg-primary-400\/40 { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:bg-primary-400\/50 { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:bg-primary-400\/60 { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:bg-primary-400\/70 { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:bg-primary-400\/80 { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:bg-primary-400\/90 { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:bg-primary-500 { + background-color: var(--primary-500) + } + .md\:bg-primary-500\/10 { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:bg-primary-500\/20 { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:bg-primary-500\/30 { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:bg-primary-500\/40 { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:bg-primary-500\/50 { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:bg-primary-500\/60 { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:bg-primary-500\/70 { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:bg-primary-500\/80 { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:bg-primary-500\/90 { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:bg-primary-600 { + background-color: var(--primary-600) + } + .md\:bg-primary-600\/10 { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:bg-primary-600\/20 { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:bg-primary-600\/30 { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:bg-primary-600\/40 { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:bg-primary-600\/50 { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:bg-primary-600\/60 { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:bg-primary-600\/70 { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:bg-primary-600\/80 { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:bg-primary-600\/90 { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:bg-primary-700 { + background-color: var(--primary-700) + } + .md\:bg-primary-700\/10 { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:bg-primary-700\/20 { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:bg-primary-700\/30 { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:bg-primary-700\/40 { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:bg-primary-700\/50 { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:bg-primary-700\/60 { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:bg-primary-700\/70 { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:bg-primary-700\/80 { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:bg-primary-700\/90 { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:bg-primary-800 { + background-color: var(--primary-800) + } + .md\:bg-primary-800\/10 { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:bg-primary-800\/20 { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:bg-primary-800\/30 { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:bg-primary-800\/40 { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:bg-primary-800\/50 { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:bg-primary-800\/60 { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:bg-primary-800\/70 { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:bg-primary-800\/80 { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:bg-primary-800\/90 { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:bg-primary-900 { + background-color: var(--primary-900) + } + .md\:bg-primary-900\/10 { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:bg-primary-900\/20 { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:bg-primary-900\/30 { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:bg-primary-900\/40 { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:bg-primary-900\/50 { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:bg-primary-900\/60 { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:bg-primary-900\/70 { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:bg-primary-900\/80 { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:bg-primary-900\/90 { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:bg-blue-50:focus { + background-color: var(--blue-50) + } + .md\:hover\:bg-blue-50:hover { + background-color: var(--blue-50) + } + .md\:active\:bg-blue-50:active { + background-color: var(--blue-50) + } + .md\:focus\:bg-blue-50\/10:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:bg-blue-50\/10:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:bg-blue-50\/10:active { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:bg-blue-50\/20:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:bg-blue-50\/20:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:bg-blue-50\/20:active { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:bg-blue-50\/30:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:bg-blue-50\/30:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:bg-blue-50\/30:active { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:bg-blue-50\/40:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:bg-blue-50\/40:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:bg-blue-50\/40:active { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:bg-blue-50\/50:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:bg-blue-50\/50:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:bg-blue-50\/50:active { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:bg-blue-50\/60:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:bg-blue-50\/60:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:bg-blue-50\/60:active { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:bg-blue-50\/70:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:bg-blue-50\/70:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:bg-blue-50\/70:active { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:bg-blue-50\/80:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:bg-blue-50\/80:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:bg-blue-50\/80:active { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:bg-blue-50\/90:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:bg-blue-50\/90:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:bg-blue-50\/90:active { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:bg-blue-100:focus { + background-color: var(--blue-100) + } + .md\:hover\:bg-blue-100:hover { + background-color: var(--blue-100) + } + .md\:active\:bg-blue-100:active { + background-color: var(--blue-100) + } + .md\:focus\:bg-blue-100\/10:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:bg-blue-100\/10:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:bg-blue-100\/10:active { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:bg-blue-100\/20:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:bg-blue-100\/20:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:bg-blue-100\/20:active { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:bg-blue-100\/30:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:bg-blue-100\/30:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:bg-blue-100\/30:active { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:bg-blue-100\/40:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:bg-blue-100\/40:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:bg-blue-100\/40:active { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:bg-blue-100\/50:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:bg-blue-100\/50:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:bg-blue-100\/50:active { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:bg-blue-100\/60:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:bg-blue-100\/60:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:bg-blue-100\/60:active { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:bg-blue-100\/70:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:bg-blue-100\/70:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:bg-blue-100\/70:active { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:bg-blue-100\/80:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:bg-blue-100\/80:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:bg-blue-100\/80:active { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:bg-blue-100\/90:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:bg-blue-100\/90:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:bg-blue-100\/90:active { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:bg-blue-200:focus { + background-color: var(--blue-200) + } + .md\:hover\:bg-blue-200:hover { + background-color: var(--blue-200) + } + .md\:active\:bg-blue-200:active { + background-color: var(--blue-200) + } + .md\:focus\:bg-blue-200\/10:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:bg-blue-200\/10:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:bg-blue-200\/10:active { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:bg-blue-200\/20:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:bg-blue-200\/20:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:bg-blue-200\/20:active { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:bg-blue-200\/30:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:bg-blue-200\/30:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:bg-blue-200\/30:active { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:bg-blue-200\/40:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:bg-blue-200\/40:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:bg-blue-200\/40:active { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:bg-blue-200\/50:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:bg-blue-200\/50:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:bg-blue-200\/50:active { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:bg-blue-200\/60:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:bg-blue-200\/60:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:bg-blue-200\/60:active { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:bg-blue-200\/70:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:bg-blue-200\/70:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:bg-blue-200\/70:active { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:bg-blue-200\/80:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:bg-blue-200\/80:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:bg-blue-200\/80:active { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:bg-blue-200\/90:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:bg-blue-200\/90:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:bg-blue-200\/90:active { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:bg-blue-300:focus { + background-color: var(--blue-300) + } + .md\:hover\:bg-blue-300:hover { + background-color: var(--blue-300) + } + .md\:active\:bg-blue-300:active { + background-color: var(--blue-300) + } + .md\:focus\:bg-blue-300\/10:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:bg-blue-300\/10:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:bg-blue-300\/10:active { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:bg-blue-300\/20:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:bg-blue-300\/20:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:bg-blue-300\/20:active { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:bg-blue-300\/30:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:bg-blue-300\/30:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:bg-blue-300\/30:active { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:bg-blue-300\/40:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:bg-blue-300\/40:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:bg-blue-300\/40:active { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:bg-blue-300\/50:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:bg-blue-300\/50:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:bg-blue-300\/50:active { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:bg-blue-300\/60:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:bg-blue-300\/60:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:bg-blue-300\/60:active { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:bg-blue-300\/70:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:bg-blue-300\/70:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:bg-blue-300\/70:active { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:bg-blue-300\/80:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:bg-blue-300\/80:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:bg-blue-300\/80:active { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:bg-blue-300\/90:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:bg-blue-300\/90:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:bg-blue-300\/90:active { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:bg-blue-400:focus { + background-color: var(--blue-400) + } + .md\:hover\:bg-blue-400:hover { + background-color: var(--blue-400) + } + .md\:active\:bg-blue-400:active { + background-color: var(--blue-400) + } + .md\:focus\:bg-blue-400\/10:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:bg-blue-400\/10:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:bg-blue-400\/10:active { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:bg-blue-400\/20:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:bg-blue-400\/20:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:bg-blue-400\/20:active { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:bg-blue-400\/30:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:bg-blue-400\/30:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:bg-blue-400\/30:active { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:bg-blue-400\/40:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:bg-blue-400\/40:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:bg-blue-400\/40:active { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:bg-blue-400\/50:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:bg-blue-400\/50:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:bg-blue-400\/50:active { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:bg-blue-400\/60:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:bg-blue-400\/60:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:bg-blue-400\/60:active { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:bg-blue-400\/70:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:bg-blue-400\/70:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:bg-blue-400\/70:active { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:bg-blue-400\/80:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:bg-blue-400\/80:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:bg-blue-400\/80:active { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:bg-blue-400\/90:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:bg-blue-400\/90:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:bg-blue-400\/90:active { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:bg-blue-500:focus { + background-color: var(--blue-500) + } + .md\:hover\:bg-blue-500:hover { + background-color: var(--blue-500) + } + .md\:active\:bg-blue-500:active { + background-color: var(--blue-500) + } + .md\:focus\:bg-blue-500\/10:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:bg-blue-500\/10:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:bg-blue-500\/10:active { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:bg-blue-500\/20:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:bg-blue-500\/20:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:bg-blue-500\/20:active { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:bg-blue-500\/30:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:bg-blue-500\/30:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:bg-blue-500\/30:active { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:bg-blue-500\/40:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:bg-blue-500\/40:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:bg-blue-500\/40:active { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:bg-blue-500\/50:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:bg-blue-500\/50:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:bg-blue-500\/50:active { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:bg-blue-500\/60:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:bg-blue-500\/60:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:bg-blue-500\/60:active { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:bg-blue-500\/70:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:bg-blue-500\/70:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:bg-blue-500\/70:active { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:bg-blue-500\/80:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:bg-blue-500\/80:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:bg-blue-500\/80:active { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:bg-blue-500\/90:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:bg-blue-500\/90:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:bg-blue-500\/90:active { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:bg-blue-600:focus { + background-color: var(--blue-600) + } + .md\:hover\:bg-blue-600:hover { + background-color: var(--blue-600) + } + .md\:active\:bg-blue-600:active { + background-color: var(--blue-600) + } + .md\:focus\:bg-blue-600\/10:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:bg-blue-600\/10:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:bg-blue-600\/10:active { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:bg-blue-600\/20:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:bg-blue-600\/20:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:bg-blue-600\/20:active { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:bg-blue-600\/30:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:bg-blue-600\/30:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:bg-blue-600\/30:active { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:bg-blue-600\/40:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:bg-blue-600\/40:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:bg-blue-600\/40:active { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:bg-blue-600\/50:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:bg-blue-600\/50:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:bg-blue-600\/50:active { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:bg-blue-600\/60:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:bg-blue-600\/60:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:bg-blue-600\/60:active { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:bg-blue-600\/70:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:bg-blue-600\/70:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:bg-blue-600\/70:active { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:bg-blue-600\/80:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:bg-blue-600\/80:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:bg-blue-600\/80:active { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:bg-blue-600\/90:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:bg-blue-600\/90:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:bg-blue-600\/90:active { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:bg-blue-700:focus { + background-color: var(--blue-700) + } + .md\:hover\:bg-blue-700:hover { + background-color: var(--blue-700) + } + .md\:active\:bg-blue-700:active { + background-color: var(--blue-700) + } + .md\:focus\:bg-blue-700\/10:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:bg-blue-700\/10:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:bg-blue-700\/10:active { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:bg-blue-700\/20:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:bg-blue-700\/20:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:bg-blue-700\/20:active { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:bg-blue-700\/30:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:bg-blue-700\/30:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:bg-blue-700\/30:active { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:bg-blue-700\/40:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:bg-blue-700\/40:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:bg-blue-700\/40:active { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:bg-blue-700\/50:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:bg-blue-700\/50:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:bg-blue-700\/50:active { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:bg-blue-700\/60:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:bg-blue-700\/60:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:bg-blue-700\/60:active { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:bg-blue-700\/70:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:bg-blue-700\/70:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:bg-blue-700\/70:active { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:bg-blue-700\/80:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:bg-blue-700\/80:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:bg-blue-700\/80:active { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:bg-blue-700\/90:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:bg-blue-700\/90:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:bg-blue-700\/90:active { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:bg-blue-800:focus { + background-color: var(--blue-800) + } + .md\:hover\:bg-blue-800:hover { + background-color: var(--blue-800) + } + .md\:active\:bg-blue-800:active { + background-color: var(--blue-800) + } + .md\:focus\:bg-blue-800\/10:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:bg-blue-800\/10:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:bg-blue-800\/10:active { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:bg-blue-800\/20:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:bg-blue-800\/20:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:bg-blue-800\/20:active { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:bg-blue-800\/30:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:bg-blue-800\/30:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:bg-blue-800\/30:active { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:bg-blue-800\/40:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:bg-blue-800\/40:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:bg-blue-800\/40:active { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:bg-blue-800\/50:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:bg-blue-800\/50:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:bg-blue-800\/50:active { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:bg-blue-800\/60:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:bg-blue-800\/60:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:bg-blue-800\/60:active { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:bg-blue-800\/70:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:bg-blue-800\/70:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:bg-blue-800\/70:active { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:bg-blue-800\/80:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:bg-blue-800\/80:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:bg-blue-800\/80:active { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:bg-blue-800\/90:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:bg-blue-800\/90:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:bg-blue-800\/90:active { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:bg-blue-900:focus { + background-color: var(--blue-900) + } + .md\:hover\:bg-blue-900:hover { + background-color: var(--blue-900) + } + .md\:active\:bg-blue-900:active { + background-color: var(--blue-900) + } + .md\:focus\:bg-blue-900\/10:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:bg-blue-900\/10:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:bg-blue-900\/10:active { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:bg-blue-900\/20:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:bg-blue-900\/20:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:bg-blue-900\/20:active { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:bg-blue-900\/30:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:bg-blue-900\/30:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:bg-blue-900\/30:active { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:bg-blue-900\/40:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:bg-blue-900\/40:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:bg-blue-900\/40:active { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:bg-blue-900\/50:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:bg-blue-900\/50:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:bg-blue-900\/50:active { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:bg-blue-900\/60:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:bg-blue-900\/60:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:bg-blue-900\/60:active { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:bg-blue-900\/70:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:bg-blue-900\/70:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:bg-blue-900\/70:active { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:bg-blue-900\/80:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:bg-blue-900\/80:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:bg-blue-900\/80:active { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:bg-blue-900\/90:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:bg-blue-900\/90:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:bg-blue-900\/90:active { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:bg-green-50:focus { + background-color: var(--green-50) + } + .md\:hover\:bg-green-50:hover { + background-color: var(--green-50) + } + .md\:active\:bg-green-50:active { + background-color: var(--green-50) + } + .md\:focus\:bg-green-50\/10:focus { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:bg-green-50\/10:hover { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:bg-green-50\/10:active { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:bg-green-50\/20:focus { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:bg-green-50\/20:hover { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:bg-green-50\/20:active { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:bg-green-50\/30:focus { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:bg-green-50\/30:hover { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:bg-green-50\/30:active { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:bg-green-50\/40:focus { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:bg-green-50\/40:hover { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:bg-green-50\/40:active { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:bg-green-50\/50:focus { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:bg-green-50\/50:hover { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:bg-green-50\/50:active { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:bg-green-50\/60:focus { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:bg-green-50\/60:hover { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:bg-green-50\/60:active { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:bg-green-50\/70:focus { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:bg-green-50\/70:hover { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:bg-green-50\/70:active { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:bg-green-50\/80:focus { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:bg-green-50\/80:hover { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:bg-green-50\/80:active { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:bg-green-50\/90:focus { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:bg-green-50\/90:hover { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:bg-green-50\/90:active { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:bg-green-100:focus { + background-color: var(--green-100) + } + .md\:hover\:bg-green-100:hover { + background-color: var(--green-100) + } + .md\:active\:bg-green-100:active { + background-color: var(--green-100) + } + .md\:focus\:bg-green-100\/10:focus { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:bg-green-100\/10:hover { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:bg-green-100\/10:active { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:bg-green-100\/20:focus { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:bg-green-100\/20:hover { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:bg-green-100\/20:active { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:bg-green-100\/30:focus { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:bg-green-100\/30:hover { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:bg-green-100\/30:active { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:bg-green-100\/40:focus { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:bg-green-100\/40:hover { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:bg-green-100\/40:active { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:bg-green-100\/50:focus { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:bg-green-100\/50:hover { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:bg-green-100\/50:active { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:bg-green-100\/60:focus { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:bg-green-100\/60:hover { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:bg-green-100\/60:active { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:bg-green-100\/70:focus { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:bg-green-100\/70:hover { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:bg-green-100\/70:active { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:bg-green-100\/80:focus { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:bg-green-100\/80:hover { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:bg-green-100\/80:active { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:bg-green-100\/90:focus { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:bg-green-100\/90:hover { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:bg-green-100\/90:active { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:bg-green-200:focus { + background-color: var(--green-200) + } + .md\:hover\:bg-green-200:hover { + background-color: var(--green-200) + } + .md\:active\:bg-green-200:active { + background-color: var(--green-200) + } + .md\:focus\:bg-green-200\/10:focus { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:bg-green-200\/10:hover { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:bg-green-200\/10:active { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:bg-green-200\/20:focus { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:bg-green-200\/20:hover { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:bg-green-200\/20:active { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:bg-green-200\/30:focus { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:bg-green-200\/30:hover { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:bg-green-200\/30:active { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:bg-green-200\/40:focus { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:bg-green-200\/40:hover { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:bg-green-200\/40:active { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:bg-green-200\/50:focus { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:bg-green-200\/50:hover { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:bg-green-200\/50:active { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:bg-green-200\/60:focus { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:bg-green-200\/60:hover { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:bg-green-200\/60:active { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:bg-green-200\/70:focus { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:bg-green-200\/70:hover { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:bg-green-200\/70:active { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:bg-green-200\/80:focus { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:bg-green-200\/80:hover { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:bg-green-200\/80:active { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:bg-green-200\/90:focus { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:bg-green-200\/90:hover { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:bg-green-200\/90:active { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:bg-green-300:focus { + background-color: var(--green-300) + } + .md\:hover\:bg-green-300:hover { + background-color: var(--green-300) + } + .md\:active\:bg-green-300:active { + background-color: var(--green-300) + } + .md\:focus\:bg-green-300\/10:focus { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:bg-green-300\/10:hover { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:bg-green-300\/10:active { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:bg-green-300\/20:focus { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:bg-green-300\/20:hover { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:bg-green-300\/20:active { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:bg-green-300\/30:focus { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:bg-green-300\/30:hover { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:bg-green-300\/30:active { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:bg-green-300\/40:focus { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:bg-green-300\/40:hover { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:bg-green-300\/40:active { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:bg-green-300\/50:focus { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:bg-green-300\/50:hover { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:bg-green-300\/50:active { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:bg-green-300\/60:focus { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:bg-green-300\/60:hover { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:bg-green-300\/60:active { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:bg-green-300\/70:focus { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:bg-green-300\/70:hover { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:bg-green-300\/70:active { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:bg-green-300\/80:focus { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:bg-green-300\/80:hover { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:bg-green-300\/80:active { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:bg-green-300\/90:focus { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:bg-green-300\/90:hover { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:bg-green-300\/90:active { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:bg-green-400:focus { + background-color: var(--green-400) + } + .md\:hover\:bg-green-400:hover { + background-color: var(--green-400) + } + .md\:active\:bg-green-400:active { + background-color: var(--green-400) + } + .md\:focus\:bg-green-400\/10:focus { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:bg-green-400\/10:hover { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:bg-green-400\/10:active { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:bg-green-400\/20:focus { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:bg-green-400\/20:hover { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:bg-green-400\/20:active { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:bg-green-400\/30:focus { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:bg-green-400\/30:hover { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:bg-green-400\/30:active { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:bg-green-400\/40:focus { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:bg-green-400\/40:hover { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:bg-green-400\/40:active { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:bg-green-400\/50:focus { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:bg-green-400\/50:hover { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:bg-green-400\/50:active { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:bg-green-400\/60:focus { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:bg-green-400\/60:hover { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:bg-green-400\/60:active { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:bg-green-400\/70:focus { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:bg-green-400\/70:hover { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:bg-green-400\/70:active { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:bg-green-400\/80:focus { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:bg-green-400\/80:hover { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:bg-green-400\/80:active { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:bg-green-400\/90:focus { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:bg-green-400\/90:hover { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:bg-green-400\/90:active { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:bg-green-500:focus { + background-color: var(--green-500) + } + .md\:hover\:bg-green-500:hover { + background-color: var(--green-500) + } + .md\:active\:bg-green-500:active { + background-color: var(--green-500) + } + .md\:focus\:bg-green-500\/10:focus { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:bg-green-500\/10:hover { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:bg-green-500\/10:active { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:bg-green-500\/20:focus { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:bg-green-500\/20:hover { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:bg-green-500\/20:active { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:bg-green-500\/30:focus { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:bg-green-500\/30:hover { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:bg-green-500\/30:active { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:bg-green-500\/40:focus { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:bg-green-500\/40:hover { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:bg-green-500\/40:active { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:bg-green-500\/50:focus { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:bg-green-500\/50:hover { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:bg-green-500\/50:active { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:bg-green-500\/60:focus { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:bg-green-500\/60:hover { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:bg-green-500\/60:active { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:bg-green-500\/70:focus { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:bg-green-500\/70:hover { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:bg-green-500\/70:active { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:bg-green-500\/80:focus { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:bg-green-500\/80:hover { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:bg-green-500\/80:active { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:bg-green-500\/90:focus { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:bg-green-500\/90:hover { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:bg-green-500\/90:active { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:bg-green-600:focus { + background-color: var(--green-600) + } + .md\:hover\:bg-green-600:hover { + background-color: var(--green-600) + } + .md\:active\:bg-green-600:active { + background-color: var(--green-600) + } + .md\:focus\:bg-green-600\/10:focus { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:bg-green-600\/10:hover { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:bg-green-600\/10:active { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:bg-green-600\/20:focus { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:bg-green-600\/20:hover { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:bg-green-600\/20:active { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:bg-green-600\/30:focus { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:bg-green-600\/30:hover { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:bg-green-600\/30:active { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:bg-green-600\/40:focus { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:bg-green-600\/40:hover { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:bg-green-600\/40:active { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:bg-green-600\/50:focus { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:bg-green-600\/50:hover { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:bg-green-600\/50:active { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:bg-green-600\/60:focus { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:bg-green-600\/60:hover { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:bg-green-600\/60:active { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:bg-green-600\/70:focus { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:bg-green-600\/70:hover { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:bg-green-600\/70:active { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:bg-green-600\/80:focus { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:bg-green-600\/80:hover { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:bg-green-600\/80:active { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:bg-green-600\/90:focus { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:bg-green-600\/90:hover { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:bg-green-600\/90:active { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:bg-green-700:focus { + background-color: var(--green-700) + } + .md\:hover\:bg-green-700:hover { + background-color: var(--green-700) + } + .md\:active\:bg-green-700:active { + background-color: var(--green-700) + } + .md\:focus\:bg-green-700\/10:focus { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:bg-green-700\/10:hover { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:bg-green-700\/10:active { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:bg-green-700\/20:focus { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:bg-green-700\/20:hover { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:bg-green-700\/20:active { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:bg-green-700\/30:focus { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:bg-green-700\/30:hover { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:bg-green-700\/30:active { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:bg-green-700\/40:focus { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:bg-green-700\/40:hover { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:bg-green-700\/40:active { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:bg-green-700\/50:focus { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:bg-green-700\/50:hover { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:bg-green-700\/50:active { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:bg-green-700\/60:focus { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:bg-green-700\/60:hover { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:bg-green-700\/60:active { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:bg-green-700\/70:focus { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:bg-green-700\/70:hover { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:bg-green-700\/70:active { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:bg-green-700\/80:focus { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:bg-green-700\/80:hover { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:bg-green-700\/80:active { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:bg-green-700\/90:focus { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:bg-green-700\/90:hover { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:bg-green-700\/90:active { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:bg-green-800:focus { + background-color: var(--green-800) + } + .md\:hover\:bg-green-800:hover { + background-color: var(--green-800) + } + .md\:active\:bg-green-800:active { + background-color: var(--green-800) + } + .md\:focus\:bg-green-800\/10:focus { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:bg-green-800\/10:hover { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:bg-green-800\/10:active { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:bg-green-800\/20:focus { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:bg-green-800\/20:hover { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:bg-green-800\/20:active { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:bg-green-800\/30:focus { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:bg-green-800\/30:hover { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:bg-green-800\/30:active { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:bg-green-800\/40:focus { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:bg-green-800\/40:hover { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:bg-green-800\/40:active { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:bg-green-800\/50:focus { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:bg-green-800\/50:hover { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:bg-green-800\/50:active { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:bg-green-800\/60:focus { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:bg-green-800\/60:hover { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:bg-green-800\/60:active { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:bg-green-800\/70:focus { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:bg-green-800\/70:hover { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:bg-green-800\/70:active { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:bg-green-800\/80:focus { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:bg-green-800\/80:hover { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:bg-green-800\/80:active { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:bg-green-800\/90:focus { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:bg-green-800\/90:hover { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:bg-green-800\/90:active { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:bg-green-900:focus { + background-color: var(--green-900) + } + .md\:hover\:bg-green-900:hover { + background-color: var(--green-900) + } + .md\:active\:bg-green-900:active { + background-color: var(--green-900) + } + .md\:focus\:bg-green-900\/10:focus { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:bg-green-900\/10:hover { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:bg-green-900\/10:active { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:bg-green-900\/20:focus { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:bg-green-900\/20:hover { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:bg-green-900\/20:active { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:bg-green-900\/30:focus { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:bg-green-900\/30:hover { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:bg-green-900\/30:active { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:bg-green-900\/40:focus { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:bg-green-900\/40:hover { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:bg-green-900\/40:active { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:bg-green-900\/50:focus { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:bg-green-900\/50:hover { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:bg-green-900\/50:active { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:bg-green-900\/60:focus { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:bg-green-900\/60:hover { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:bg-green-900\/60:active { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:bg-green-900\/70:focus { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:bg-green-900\/70:hover { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:bg-green-900\/70:active { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:bg-green-900\/80:focus { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:bg-green-900\/80:hover { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:bg-green-900\/80:active { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:bg-green-900\/90:focus { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:bg-green-900\/90:hover { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:bg-green-900\/90:active { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:bg-yellow-50:focus { + background-color: var(--yellow-50) + } + .md\:hover\:bg-yellow-50:hover { + background-color: var(--yellow-50) + } + .md\:active\:bg-yellow-50:active { + background-color: var(--yellow-50) + } + .md\:focus\:bg-yellow-50\/10:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:bg-yellow-50\/10:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:bg-yellow-50\/10:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:bg-yellow-50\/20:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:bg-yellow-50\/20:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:bg-yellow-50\/20:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:bg-yellow-50\/30:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:bg-yellow-50\/30:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:bg-yellow-50\/30:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:bg-yellow-50\/40:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:bg-yellow-50\/40:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:bg-yellow-50\/40:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:bg-yellow-50\/50:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:bg-yellow-50\/50:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:bg-yellow-50\/50:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:bg-yellow-50\/60:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:bg-yellow-50\/60:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:bg-yellow-50\/60:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:bg-yellow-50\/70:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:bg-yellow-50\/70:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:bg-yellow-50\/70:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:bg-yellow-50\/80:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:bg-yellow-50\/80:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:bg-yellow-50\/80:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:bg-yellow-50\/90:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:bg-yellow-50\/90:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:bg-yellow-50\/90:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:bg-yellow-100:focus { + background-color: var(--yellow-100) + } + .md\:hover\:bg-yellow-100:hover { + background-color: var(--yellow-100) + } + .md\:active\:bg-yellow-100:active { + background-color: var(--yellow-100) + } + .md\:focus\:bg-yellow-100\/10:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:bg-yellow-100\/10:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:bg-yellow-100\/10:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:bg-yellow-100\/20:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:bg-yellow-100\/20:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:bg-yellow-100\/20:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:bg-yellow-100\/30:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:bg-yellow-100\/30:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:bg-yellow-100\/30:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:bg-yellow-100\/40:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:bg-yellow-100\/40:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:bg-yellow-100\/40:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:bg-yellow-100\/50:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:bg-yellow-100\/50:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:bg-yellow-100\/50:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:bg-yellow-100\/60:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:bg-yellow-100\/60:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:bg-yellow-100\/60:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:bg-yellow-100\/70:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:bg-yellow-100\/70:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:bg-yellow-100\/70:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:bg-yellow-100\/80:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:bg-yellow-100\/80:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:bg-yellow-100\/80:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:bg-yellow-100\/90:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:bg-yellow-100\/90:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:bg-yellow-100\/90:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:bg-yellow-200:focus { + background-color: var(--yellow-200) + } + .md\:hover\:bg-yellow-200:hover { + background-color: var(--yellow-200) + } + .md\:active\:bg-yellow-200:active { + background-color: var(--yellow-200) + } + .md\:focus\:bg-yellow-200\/10:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:bg-yellow-200\/10:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:bg-yellow-200\/10:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:bg-yellow-200\/20:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:bg-yellow-200\/20:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:bg-yellow-200\/20:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:bg-yellow-200\/30:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:bg-yellow-200\/30:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:bg-yellow-200\/30:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:bg-yellow-200\/40:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:bg-yellow-200\/40:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:bg-yellow-200\/40:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:bg-yellow-200\/50:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:bg-yellow-200\/50:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:bg-yellow-200\/50:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:bg-yellow-200\/60:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:bg-yellow-200\/60:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:bg-yellow-200\/60:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:bg-yellow-200\/70:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:bg-yellow-200\/70:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:bg-yellow-200\/70:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:bg-yellow-200\/80:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:bg-yellow-200\/80:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:bg-yellow-200\/80:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:bg-yellow-200\/90:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:bg-yellow-200\/90:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:bg-yellow-200\/90:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:bg-yellow-300:focus { + background-color: var(--yellow-300) + } + .md\:hover\:bg-yellow-300:hover { + background-color: var(--yellow-300) + } + .md\:active\:bg-yellow-300:active { + background-color: var(--yellow-300) + } + .md\:focus\:bg-yellow-300\/10:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:bg-yellow-300\/10:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:bg-yellow-300\/10:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:bg-yellow-300\/20:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:bg-yellow-300\/20:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:bg-yellow-300\/20:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:bg-yellow-300\/30:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:bg-yellow-300\/30:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:bg-yellow-300\/30:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:bg-yellow-300\/40:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:bg-yellow-300\/40:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:bg-yellow-300\/40:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:bg-yellow-300\/50:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:bg-yellow-300\/50:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:bg-yellow-300\/50:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:bg-yellow-300\/60:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:bg-yellow-300\/60:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:bg-yellow-300\/60:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:bg-yellow-300\/70:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:bg-yellow-300\/70:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:bg-yellow-300\/70:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:bg-yellow-300\/80:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:bg-yellow-300\/80:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:bg-yellow-300\/80:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:bg-yellow-300\/90:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:bg-yellow-300\/90:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:bg-yellow-300\/90:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:bg-yellow-400:focus { + background-color: var(--yellow-400) + } + .md\:hover\:bg-yellow-400:hover { + background-color: var(--yellow-400) + } + .md\:active\:bg-yellow-400:active { + background-color: var(--yellow-400) + } + .md\:focus\:bg-yellow-400\/10:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:bg-yellow-400\/10:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:bg-yellow-400\/10:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:bg-yellow-400\/20:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:bg-yellow-400\/20:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:bg-yellow-400\/20:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:bg-yellow-400\/30:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:bg-yellow-400\/30:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:bg-yellow-400\/30:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:bg-yellow-400\/40:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:bg-yellow-400\/40:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:bg-yellow-400\/40:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:bg-yellow-400\/50:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:bg-yellow-400\/50:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:bg-yellow-400\/50:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:bg-yellow-400\/60:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:bg-yellow-400\/60:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:bg-yellow-400\/60:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:bg-yellow-400\/70:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:bg-yellow-400\/70:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:bg-yellow-400\/70:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:bg-yellow-400\/80:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:bg-yellow-400\/80:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:bg-yellow-400\/80:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:bg-yellow-400\/90:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:bg-yellow-400\/90:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:bg-yellow-400\/90:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:bg-yellow-500:focus { + background-color: var(--yellow-500) + } + .md\:hover\:bg-yellow-500:hover { + background-color: var(--yellow-500) + } + .md\:active\:bg-yellow-500:active { + background-color: var(--yellow-500) + } + .md\:focus\:bg-yellow-500\/10:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:bg-yellow-500\/10:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:bg-yellow-500\/10:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:bg-yellow-500\/20:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:bg-yellow-500\/20:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:bg-yellow-500\/20:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:bg-yellow-500\/30:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:bg-yellow-500\/30:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:bg-yellow-500\/30:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:bg-yellow-500\/40:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:bg-yellow-500\/40:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:bg-yellow-500\/40:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:bg-yellow-500\/50:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:bg-yellow-500\/50:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:bg-yellow-500\/50:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:bg-yellow-500\/60:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:bg-yellow-500\/60:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:bg-yellow-500\/60:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:bg-yellow-500\/70:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:bg-yellow-500\/70:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:bg-yellow-500\/70:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:bg-yellow-500\/80:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:bg-yellow-500\/80:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:bg-yellow-500\/80:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:bg-yellow-500\/90:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:bg-yellow-500\/90:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:bg-yellow-500\/90:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:bg-yellow-600:focus { + background-color: var(--yellow-600) + } + .md\:hover\:bg-yellow-600:hover { + background-color: var(--yellow-600) + } + .md\:active\:bg-yellow-600:active { + background-color: var(--yellow-600) + } + .md\:focus\:bg-yellow-600\/10:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:bg-yellow-600\/10:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:bg-yellow-600\/10:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:bg-yellow-600\/20:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:bg-yellow-600\/20:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:bg-yellow-600\/20:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:bg-yellow-600\/30:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:bg-yellow-600\/30:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:bg-yellow-600\/30:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:bg-yellow-600\/40:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:bg-yellow-600\/40:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:bg-yellow-600\/40:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:bg-yellow-600\/50:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:bg-yellow-600\/50:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:bg-yellow-600\/50:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:bg-yellow-600\/60:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:bg-yellow-600\/60:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:bg-yellow-600\/60:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:bg-yellow-600\/70:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:bg-yellow-600\/70:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:bg-yellow-600\/70:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:bg-yellow-600\/80:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:bg-yellow-600\/80:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:bg-yellow-600\/80:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:bg-yellow-600\/90:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:bg-yellow-600\/90:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:bg-yellow-600\/90:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:bg-yellow-700:focus { + background-color: var(--yellow-700) + } + .md\:hover\:bg-yellow-700:hover { + background-color: var(--yellow-700) + } + .md\:active\:bg-yellow-700:active { + background-color: var(--yellow-700) + } + .md\:focus\:bg-yellow-700\/10:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:bg-yellow-700\/10:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:bg-yellow-700\/10:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:bg-yellow-700\/20:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:bg-yellow-700\/20:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:bg-yellow-700\/20:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:bg-yellow-700\/30:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:bg-yellow-700\/30:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:bg-yellow-700\/30:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:bg-yellow-700\/40:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:bg-yellow-700\/40:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:bg-yellow-700\/40:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:bg-yellow-700\/50:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:bg-yellow-700\/50:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:bg-yellow-700\/50:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:bg-yellow-700\/60:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:bg-yellow-700\/60:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:bg-yellow-700\/60:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:bg-yellow-700\/70:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:bg-yellow-700\/70:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:bg-yellow-700\/70:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:bg-yellow-700\/80:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:bg-yellow-700\/80:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:bg-yellow-700\/80:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:bg-yellow-700\/90:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:bg-yellow-700\/90:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:bg-yellow-700\/90:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:bg-yellow-800:focus { + background-color: var(--yellow-800) + } + .md\:hover\:bg-yellow-800:hover { + background-color: var(--yellow-800) + } + .md\:active\:bg-yellow-800:active { + background-color: var(--yellow-800) + } + .md\:focus\:bg-yellow-800\/10:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:bg-yellow-800\/10:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:bg-yellow-800\/10:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:bg-yellow-800\/20:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:bg-yellow-800\/20:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:bg-yellow-800\/20:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:bg-yellow-800\/30:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:bg-yellow-800\/30:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:bg-yellow-800\/30:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:bg-yellow-800\/40:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:bg-yellow-800\/40:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:bg-yellow-800\/40:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:bg-yellow-800\/50:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:bg-yellow-800\/50:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:bg-yellow-800\/50:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:bg-yellow-800\/60:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:bg-yellow-800\/60:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:bg-yellow-800\/60:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:bg-yellow-800\/70:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:bg-yellow-800\/70:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:bg-yellow-800\/70:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:bg-yellow-800\/80:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:bg-yellow-800\/80:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:bg-yellow-800\/80:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:bg-yellow-800\/90:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:bg-yellow-800\/90:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:bg-yellow-800\/90:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:bg-yellow-900:focus { + background-color: var(--yellow-900) + } + .md\:hover\:bg-yellow-900:hover { + background-color: var(--yellow-900) + } + .md\:active\:bg-yellow-900:active { + background-color: var(--yellow-900) + } + .md\:focus\:bg-yellow-900\/10:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:bg-yellow-900\/10:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:bg-yellow-900\/10:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:bg-yellow-900\/20:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:bg-yellow-900\/20:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:bg-yellow-900\/20:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:bg-yellow-900\/30:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:bg-yellow-900\/30:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:bg-yellow-900\/30:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:bg-yellow-900\/40:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:bg-yellow-900\/40:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:bg-yellow-900\/40:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:bg-yellow-900\/50:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:bg-yellow-900\/50:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:bg-yellow-900\/50:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:bg-yellow-900\/60:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:bg-yellow-900\/60:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:bg-yellow-900\/60:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:bg-yellow-900\/70:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:bg-yellow-900\/70:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:bg-yellow-900\/70:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:bg-yellow-900\/80:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:bg-yellow-900\/80:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:bg-yellow-900\/80:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:bg-yellow-900\/90:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:bg-yellow-900\/90:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:bg-yellow-900\/90:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:bg-cyan-50:focus { + background-color: var(--cyan-50) + } + .md\:hover\:bg-cyan-50:hover { + background-color: var(--cyan-50) + } + .md\:active\:bg-cyan-50:active { + background-color: var(--cyan-50) + } + .md\:focus\:bg-cyan-50\/10:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:bg-cyan-50\/10:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:bg-cyan-50\/10:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:bg-cyan-50\/20:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:bg-cyan-50\/20:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:bg-cyan-50\/20:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:bg-cyan-50\/30:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:bg-cyan-50\/30:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:bg-cyan-50\/30:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:bg-cyan-50\/40:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:bg-cyan-50\/40:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:bg-cyan-50\/40:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:bg-cyan-50\/50:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:bg-cyan-50\/50:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:bg-cyan-50\/50:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:bg-cyan-50\/60:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:bg-cyan-50\/60:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:bg-cyan-50\/60:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:bg-cyan-50\/70:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:bg-cyan-50\/70:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:bg-cyan-50\/70:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:bg-cyan-50\/80:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:bg-cyan-50\/80:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:bg-cyan-50\/80:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:bg-cyan-50\/90:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:bg-cyan-50\/90:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:bg-cyan-50\/90:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:bg-cyan-100:focus { + background-color: var(--cyan-100) + } + .md\:hover\:bg-cyan-100:hover { + background-color: var(--cyan-100) + } + .md\:active\:bg-cyan-100:active { + background-color: var(--cyan-100) + } + .md\:focus\:bg-cyan-100\/10:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:bg-cyan-100\/10:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:bg-cyan-100\/10:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:bg-cyan-100\/20:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:bg-cyan-100\/20:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:bg-cyan-100\/20:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:bg-cyan-100\/30:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:bg-cyan-100\/30:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:bg-cyan-100\/30:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:bg-cyan-100\/40:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:bg-cyan-100\/40:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:bg-cyan-100\/40:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:bg-cyan-100\/50:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:bg-cyan-100\/50:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:bg-cyan-100\/50:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:bg-cyan-100\/60:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:bg-cyan-100\/60:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:bg-cyan-100\/60:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:bg-cyan-100\/70:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:bg-cyan-100\/70:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:bg-cyan-100\/70:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:bg-cyan-100\/80:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:bg-cyan-100\/80:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:bg-cyan-100\/80:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:bg-cyan-100\/90:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:bg-cyan-100\/90:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:bg-cyan-100\/90:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:bg-cyan-200:focus { + background-color: var(--cyan-200) + } + .md\:hover\:bg-cyan-200:hover { + background-color: var(--cyan-200) + } + .md\:active\:bg-cyan-200:active { + background-color: var(--cyan-200) + } + .md\:focus\:bg-cyan-200\/10:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:bg-cyan-200\/10:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:bg-cyan-200\/10:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:bg-cyan-200\/20:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:bg-cyan-200\/20:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:bg-cyan-200\/20:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:bg-cyan-200\/30:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:bg-cyan-200\/30:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:bg-cyan-200\/30:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:bg-cyan-200\/40:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:bg-cyan-200\/40:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:bg-cyan-200\/40:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:bg-cyan-200\/50:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:bg-cyan-200\/50:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:bg-cyan-200\/50:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:bg-cyan-200\/60:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:bg-cyan-200\/60:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:bg-cyan-200\/60:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:bg-cyan-200\/70:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:bg-cyan-200\/70:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:bg-cyan-200\/70:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:bg-cyan-200\/80:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:bg-cyan-200\/80:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:bg-cyan-200\/80:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:bg-cyan-200\/90:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:bg-cyan-200\/90:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:bg-cyan-200\/90:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:bg-cyan-300:focus { + background-color: var(--cyan-300) + } + .md\:hover\:bg-cyan-300:hover { + background-color: var(--cyan-300) + } + .md\:active\:bg-cyan-300:active { + background-color: var(--cyan-300) + } + .md\:focus\:bg-cyan-300\/10:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:bg-cyan-300\/10:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:bg-cyan-300\/10:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:bg-cyan-300\/20:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:bg-cyan-300\/20:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:bg-cyan-300\/20:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:bg-cyan-300\/30:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:bg-cyan-300\/30:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:bg-cyan-300\/30:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:bg-cyan-300\/40:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:bg-cyan-300\/40:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:bg-cyan-300\/40:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:bg-cyan-300\/50:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:bg-cyan-300\/50:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:bg-cyan-300\/50:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:bg-cyan-300\/60:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:bg-cyan-300\/60:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:bg-cyan-300\/60:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:bg-cyan-300\/70:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:bg-cyan-300\/70:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:bg-cyan-300\/70:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:bg-cyan-300\/80:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:bg-cyan-300\/80:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:bg-cyan-300\/80:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:bg-cyan-300\/90:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:bg-cyan-300\/90:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:bg-cyan-300\/90:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:bg-cyan-400:focus { + background-color: var(--cyan-400) + } + .md\:hover\:bg-cyan-400:hover { + background-color: var(--cyan-400) + } + .md\:active\:bg-cyan-400:active { + background-color: var(--cyan-400) + } + .md\:focus\:bg-cyan-400\/10:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:bg-cyan-400\/10:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:bg-cyan-400\/10:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:bg-cyan-400\/20:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:bg-cyan-400\/20:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:bg-cyan-400\/20:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:bg-cyan-400\/30:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:bg-cyan-400\/30:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:bg-cyan-400\/30:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:bg-cyan-400\/40:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:bg-cyan-400\/40:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:bg-cyan-400\/40:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:bg-cyan-400\/50:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:bg-cyan-400\/50:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:bg-cyan-400\/50:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:bg-cyan-400\/60:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:bg-cyan-400\/60:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:bg-cyan-400\/60:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:bg-cyan-400\/70:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:bg-cyan-400\/70:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:bg-cyan-400\/70:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:bg-cyan-400\/80:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:bg-cyan-400\/80:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:bg-cyan-400\/80:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:bg-cyan-400\/90:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:bg-cyan-400\/90:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:bg-cyan-400\/90:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:bg-cyan-500:focus { + background-color: var(--cyan-500) + } + .md\:hover\:bg-cyan-500:hover { + background-color: var(--cyan-500) + } + .md\:active\:bg-cyan-500:active { + background-color: var(--cyan-500) + } + .md\:focus\:bg-cyan-500\/10:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:bg-cyan-500\/10:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:bg-cyan-500\/10:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:bg-cyan-500\/20:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:bg-cyan-500\/20:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:bg-cyan-500\/20:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:bg-cyan-500\/30:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:bg-cyan-500\/30:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:bg-cyan-500\/30:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:bg-cyan-500\/40:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:bg-cyan-500\/40:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:bg-cyan-500\/40:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:bg-cyan-500\/50:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:bg-cyan-500\/50:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:bg-cyan-500\/50:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:bg-cyan-500\/60:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:bg-cyan-500\/60:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:bg-cyan-500\/60:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:bg-cyan-500\/70:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:bg-cyan-500\/70:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:bg-cyan-500\/70:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:bg-cyan-500\/80:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:bg-cyan-500\/80:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:bg-cyan-500\/80:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:bg-cyan-500\/90:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:bg-cyan-500\/90:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:bg-cyan-500\/90:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:bg-cyan-600:focus { + background-color: var(--cyan-600) + } + .md\:hover\:bg-cyan-600:hover { + background-color: var(--cyan-600) + } + .md\:active\:bg-cyan-600:active { + background-color: var(--cyan-600) + } + .md\:focus\:bg-cyan-600\/10:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:bg-cyan-600\/10:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:bg-cyan-600\/10:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:bg-cyan-600\/20:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:bg-cyan-600\/20:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:bg-cyan-600\/20:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:bg-cyan-600\/30:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:bg-cyan-600\/30:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:bg-cyan-600\/30:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:bg-cyan-600\/40:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:bg-cyan-600\/40:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:bg-cyan-600\/40:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:bg-cyan-600\/50:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:bg-cyan-600\/50:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:bg-cyan-600\/50:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:bg-cyan-600\/60:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:bg-cyan-600\/60:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:bg-cyan-600\/60:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:bg-cyan-600\/70:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:bg-cyan-600\/70:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:bg-cyan-600\/70:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:bg-cyan-600\/80:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:bg-cyan-600\/80:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:bg-cyan-600\/80:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:bg-cyan-600\/90:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:bg-cyan-600\/90:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:bg-cyan-600\/90:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:bg-cyan-700:focus { + background-color: var(--cyan-700) + } + .md\:hover\:bg-cyan-700:hover { + background-color: var(--cyan-700) + } + .md\:active\:bg-cyan-700:active { + background-color: var(--cyan-700) + } + .md\:focus\:bg-cyan-700\/10:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:bg-cyan-700\/10:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:bg-cyan-700\/10:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:bg-cyan-700\/20:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:bg-cyan-700\/20:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:bg-cyan-700\/20:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:bg-cyan-700\/30:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:bg-cyan-700\/30:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:bg-cyan-700\/30:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:bg-cyan-700\/40:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:bg-cyan-700\/40:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:bg-cyan-700\/40:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:bg-cyan-700\/50:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:bg-cyan-700\/50:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:bg-cyan-700\/50:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:bg-cyan-700\/60:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:bg-cyan-700\/60:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:bg-cyan-700\/60:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:bg-cyan-700\/70:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:bg-cyan-700\/70:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:bg-cyan-700\/70:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:bg-cyan-700\/80:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:bg-cyan-700\/80:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:bg-cyan-700\/80:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:bg-cyan-700\/90:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:bg-cyan-700\/90:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:bg-cyan-700\/90:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:bg-cyan-800:focus { + background-color: var(--cyan-800) + } + .md\:hover\:bg-cyan-800:hover { + background-color: var(--cyan-800) + } + .md\:active\:bg-cyan-800:active { + background-color: var(--cyan-800) + } + .md\:focus\:bg-cyan-800\/10:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:bg-cyan-800\/10:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:bg-cyan-800\/10:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:bg-cyan-800\/20:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:bg-cyan-800\/20:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:bg-cyan-800\/20:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:bg-cyan-800\/30:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:bg-cyan-800\/30:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:bg-cyan-800\/30:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:bg-cyan-800\/40:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:bg-cyan-800\/40:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:bg-cyan-800\/40:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:bg-cyan-800\/50:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:bg-cyan-800\/50:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:bg-cyan-800\/50:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:bg-cyan-800\/60:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:bg-cyan-800\/60:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:bg-cyan-800\/60:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:bg-cyan-800\/70:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:bg-cyan-800\/70:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:bg-cyan-800\/70:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:bg-cyan-800\/80:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:bg-cyan-800\/80:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:bg-cyan-800\/80:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:bg-cyan-800\/90:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:bg-cyan-800\/90:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:bg-cyan-800\/90:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:bg-cyan-900:focus { + background-color: var(--cyan-900) + } + .md\:hover\:bg-cyan-900:hover { + background-color: var(--cyan-900) + } + .md\:active\:bg-cyan-900:active { + background-color: var(--cyan-900) + } + .md\:focus\:bg-cyan-900\/10:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:bg-cyan-900\/10:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:bg-cyan-900\/10:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:bg-cyan-900\/20:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:bg-cyan-900\/20:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:bg-cyan-900\/20:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:bg-cyan-900\/30:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:bg-cyan-900\/30:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:bg-cyan-900\/30:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:bg-cyan-900\/40:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:bg-cyan-900\/40:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:bg-cyan-900\/40:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:bg-cyan-900\/50:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:bg-cyan-900\/50:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:bg-cyan-900\/50:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:bg-cyan-900\/60:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:bg-cyan-900\/60:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:bg-cyan-900\/60:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:bg-cyan-900\/70:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:bg-cyan-900\/70:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:bg-cyan-900\/70:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:bg-cyan-900\/80:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:bg-cyan-900\/80:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:bg-cyan-900\/80:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:bg-cyan-900\/90:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:bg-cyan-900\/90:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:bg-cyan-900\/90:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:bg-pink-50:focus { + background-color: var(--pink-50) + } + .md\:hover\:bg-pink-50:hover { + background-color: var(--pink-50) + } + .md\:active\:bg-pink-50:active { + background-color: var(--pink-50) + } + .md\:focus\:bg-pink-50\/10:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:bg-pink-50\/10:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:bg-pink-50\/10:active { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:bg-pink-50\/20:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:bg-pink-50\/20:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:bg-pink-50\/20:active { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:bg-pink-50\/30:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:bg-pink-50\/30:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:bg-pink-50\/30:active { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:bg-pink-50\/40:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:bg-pink-50\/40:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:bg-pink-50\/40:active { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:bg-pink-50\/50:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:bg-pink-50\/50:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:bg-pink-50\/50:active { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:bg-pink-50\/60:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:bg-pink-50\/60:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:bg-pink-50\/60:active { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:bg-pink-50\/70:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:bg-pink-50\/70:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:bg-pink-50\/70:active { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:bg-pink-50\/80:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:bg-pink-50\/80:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:bg-pink-50\/80:active { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:bg-pink-50\/90:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:bg-pink-50\/90:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:bg-pink-50\/90:active { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:bg-pink-100:focus { + background-color: var(--pink-100) + } + .md\:hover\:bg-pink-100:hover { + background-color: var(--pink-100) + } + .md\:active\:bg-pink-100:active { + background-color: var(--pink-100) + } + .md\:focus\:bg-pink-100\/10:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:bg-pink-100\/10:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:bg-pink-100\/10:active { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:bg-pink-100\/20:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:bg-pink-100\/20:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:bg-pink-100\/20:active { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:bg-pink-100\/30:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:bg-pink-100\/30:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:bg-pink-100\/30:active { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:bg-pink-100\/40:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:bg-pink-100\/40:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:bg-pink-100\/40:active { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:bg-pink-100\/50:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:bg-pink-100\/50:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:bg-pink-100\/50:active { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:bg-pink-100\/60:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:bg-pink-100\/60:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:bg-pink-100\/60:active { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:bg-pink-100\/70:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:bg-pink-100\/70:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:bg-pink-100\/70:active { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:bg-pink-100\/80:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:bg-pink-100\/80:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:bg-pink-100\/80:active { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:bg-pink-100\/90:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:bg-pink-100\/90:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:bg-pink-100\/90:active { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:bg-pink-200:focus { + background-color: var(--pink-200) + } + .md\:hover\:bg-pink-200:hover { + background-color: var(--pink-200) + } + .md\:active\:bg-pink-200:active { + background-color: var(--pink-200) + } + .md\:focus\:bg-pink-200\/10:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:bg-pink-200\/10:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:bg-pink-200\/10:active { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:bg-pink-200\/20:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:bg-pink-200\/20:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:bg-pink-200\/20:active { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:bg-pink-200\/30:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:bg-pink-200\/30:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:bg-pink-200\/30:active { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:bg-pink-200\/40:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:bg-pink-200\/40:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:bg-pink-200\/40:active { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:bg-pink-200\/50:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:bg-pink-200\/50:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:bg-pink-200\/50:active { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:bg-pink-200\/60:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:bg-pink-200\/60:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:bg-pink-200\/60:active { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:bg-pink-200\/70:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:bg-pink-200\/70:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:bg-pink-200\/70:active { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:bg-pink-200\/80:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:bg-pink-200\/80:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:bg-pink-200\/80:active { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:bg-pink-200\/90:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:bg-pink-200\/90:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:bg-pink-200\/90:active { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:bg-pink-300:focus { + background-color: var(--pink-300) + } + .md\:hover\:bg-pink-300:hover { + background-color: var(--pink-300) + } + .md\:active\:bg-pink-300:active { + background-color: var(--pink-300) + } + .md\:focus\:bg-pink-300\/10:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:bg-pink-300\/10:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:bg-pink-300\/10:active { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:bg-pink-300\/20:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:bg-pink-300\/20:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:bg-pink-300\/20:active { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:bg-pink-300\/30:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:bg-pink-300\/30:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:bg-pink-300\/30:active { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:bg-pink-300\/40:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:bg-pink-300\/40:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:bg-pink-300\/40:active { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:bg-pink-300\/50:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:bg-pink-300\/50:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:bg-pink-300\/50:active { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:bg-pink-300\/60:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:bg-pink-300\/60:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:bg-pink-300\/60:active { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:bg-pink-300\/70:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:bg-pink-300\/70:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:bg-pink-300\/70:active { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:bg-pink-300\/80:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:bg-pink-300\/80:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:bg-pink-300\/80:active { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:bg-pink-300\/90:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:bg-pink-300\/90:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:bg-pink-300\/90:active { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:bg-pink-400:focus { + background-color: var(--pink-400) + } + .md\:hover\:bg-pink-400:hover { + background-color: var(--pink-400) + } + .md\:active\:bg-pink-400:active { + background-color: var(--pink-400) + } + .md\:focus\:bg-pink-400\/10:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:bg-pink-400\/10:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:bg-pink-400\/10:active { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:bg-pink-400\/20:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:bg-pink-400\/20:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:bg-pink-400\/20:active { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:bg-pink-400\/30:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:bg-pink-400\/30:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:bg-pink-400\/30:active { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:bg-pink-400\/40:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:bg-pink-400\/40:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:bg-pink-400\/40:active { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:bg-pink-400\/50:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:bg-pink-400\/50:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:bg-pink-400\/50:active { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:bg-pink-400\/60:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:bg-pink-400\/60:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:bg-pink-400\/60:active { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:bg-pink-400\/70:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:bg-pink-400\/70:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:bg-pink-400\/70:active { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:bg-pink-400\/80:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:bg-pink-400\/80:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:bg-pink-400\/80:active { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:bg-pink-400\/90:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:bg-pink-400\/90:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:bg-pink-400\/90:active { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:bg-pink-500:focus { + background-color: var(--pink-500) + } + .md\:hover\:bg-pink-500:hover { + background-color: var(--pink-500) + } + .md\:active\:bg-pink-500:active { + background-color: var(--pink-500) + } + .md\:focus\:bg-pink-500\/10:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:bg-pink-500\/10:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:bg-pink-500\/10:active { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:bg-pink-500\/20:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:bg-pink-500\/20:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:bg-pink-500\/20:active { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:bg-pink-500\/30:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:bg-pink-500\/30:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:bg-pink-500\/30:active { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:bg-pink-500\/40:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:bg-pink-500\/40:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:bg-pink-500\/40:active { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:bg-pink-500\/50:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:bg-pink-500\/50:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:bg-pink-500\/50:active { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:bg-pink-500\/60:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:bg-pink-500\/60:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:bg-pink-500\/60:active { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:bg-pink-500\/70:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:bg-pink-500\/70:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:bg-pink-500\/70:active { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:bg-pink-500\/80:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:bg-pink-500\/80:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:bg-pink-500\/80:active { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:bg-pink-500\/90:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:bg-pink-500\/90:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:bg-pink-500\/90:active { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:bg-pink-600:focus { + background-color: var(--pink-600) + } + .md\:hover\:bg-pink-600:hover { + background-color: var(--pink-600) + } + .md\:active\:bg-pink-600:active { + background-color: var(--pink-600) + } + .md\:focus\:bg-pink-600\/10:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:bg-pink-600\/10:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:bg-pink-600\/10:active { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:bg-pink-600\/20:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:bg-pink-600\/20:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:bg-pink-600\/20:active { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:bg-pink-600\/30:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:bg-pink-600\/30:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:bg-pink-600\/30:active { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:bg-pink-600\/40:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:bg-pink-600\/40:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:bg-pink-600\/40:active { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:bg-pink-600\/50:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:bg-pink-600\/50:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:bg-pink-600\/50:active { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:bg-pink-600\/60:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:bg-pink-600\/60:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:bg-pink-600\/60:active { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:bg-pink-600\/70:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:bg-pink-600\/70:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:bg-pink-600\/70:active { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:bg-pink-600\/80:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:bg-pink-600\/80:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:bg-pink-600\/80:active { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:bg-pink-600\/90:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:bg-pink-600\/90:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:bg-pink-600\/90:active { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:bg-pink-700:focus { + background-color: var(--pink-700) + } + .md\:hover\:bg-pink-700:hover { + background-color: var(--pink-700) + } + .md\:active\:bg-pink-700:active { + background-color: var(--pink-700) + } + .md\:focus\:bg-pink-700\/10:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:bg-pink-700\/10:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:bg-pink-700\/10:active { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:bg-pink-700\/20:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:bg-pink-700\/20:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:bg-pink-700\/20:active { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:bg-pink-700\/30:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:bg-pink-700\/30:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:bg-pink-700\/30:active { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:bg-pink-700\/40:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:bg-pink-700\/40:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:bg-pink-700\/40:active { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:bg-pink-700\/50:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:bg-pink-700\/50:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:bg-pink-700\/50:active { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:bg-pink-700\/60:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:bg-pink-700\/60:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:bg-pink-700\/60:active { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:bg-pink-700\/70:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:bg-pink-700\/70:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:bg-pink-700\/70:active { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:bg-pink-700\/80:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:bg-pink-700\/80:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:bg-pink-700\/80:active { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:bg-pink-700\/90:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:bg-pink-700\/90:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:bg-pink-700\/90:active { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:bg-pink-800:focus { + background-color: var(--pink-800) + } + .md\:hover\:bg-pink-800:hover { + background-color: var(--pink-800) + } + .md\:active\:bg-pink-800:active { + background-color: var(--pink-800) + } + .md\:focus\:bg-pink-800\/10:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:bg-pink-800\/10:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:bg-pink-800\/10:active { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:bg-pink-800\/20:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:bg-pink-800\/20:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:bg-pink-800\/20:active { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:bg-pink-800\/30:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:bg-pink-800\/30:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:bg-pink-800\/30:active { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:bg-pink-800\/40:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:bg-pink-800\/40:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:bg-pink-800\/40:active { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:bg-pink-800\/50:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:bg-pink-800\/50:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:bg-pink-800\/50:active { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:bg-pink-800\/60:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:bg-pink-800\/60:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:bg-pink-800\/60:active { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:bg-pink-800\/70:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:bg-pink-800\/70:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:bg-pink-800\/70:active { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:bg-pink-800\/80:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:bg-pink-800\/80:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:bg-pink-800\/80:active { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:bg-pink-800\/90:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:bg-pink-800\/90:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:bg-pink-800\/90:active { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:bg-pink-900:focus { + background-color: var(--pink-900) + } + .md\:hover\:bg-pink-900:hover { + background-color: var(--pink-900) + } + .md\:active\:bg-pink-900:active { + background-color: var(--pink-900) + } + .md\:focus\:bg-pink-900\/10:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:bg-pink-900\/10:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:bg-pink-900\/10:active { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:bg-pink-900\/20:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:bg-pink-900\/20:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:bg-pink-900\/20:active { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:bg-pink-900\/30:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:bg-pink-900\/30:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:bg-pink-900\/30:active { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:bg-pink-900\/40:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:bg-pink-900\/40:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:bg-pink-900\/40:active { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:bg-pink-900\/50:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:bg-pink-900\/50:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:bg-pink-900\/50:active { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:bg-pink-900\/60:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:bg-pink-900\/60:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:bg-pink-900\/60:active { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:bg-pink-900\/70:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:bg-pink-900\/70:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:bg-pink-900\/70:active { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:bg-pink-900\/80:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:bg-pink-900\/80:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:bg-pink-900\/80:active { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:bg-pink-900\/90:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:bg-pink-900\/90:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:bg-pink-900\/90:active { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:bg-indigo-50:focus { + background-color: var(--indigo-50) + } + .md\:hover\:bg-indigo-50:hover { + background-color: var(--indigo-50) + } + .md\:active\:bg-indigo-50:active { + background-color: var(--indigo-50) + } + .md\:focus\:bg-indigo-50\/10:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:bg-indigo-50\/10:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:bg-indigo-50\/10:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:bg-indigo-50\/20:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:bg-indigo-50\/20:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:bg-indigo-50\/20:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:bg-indigo-50\/30:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:bg-indigo-50\/30:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:bg-indigo-50\/30:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:bg-indigo-50\/40:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:bg-indigo-50\/40:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:bg-indigo-50\/40:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:bg-indigo-50\/50:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:bg-indigo-50\/50:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:bg-indigo-50\/50:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:bg-indigo-50\/60:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:bg-indigo-50\/60:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:bg-indigo-50\/60:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:bg-indigo-50\/70:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:bg-indigo-50\/70:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:bg-indigo-50\/70:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:bg-indigo-50\/80:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:bg-indigo-50\/80:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:bg-indigo-50\/80:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:bg-indigo-50\/90:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:bg-indigo-50\/90:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:bg-indigo-50\/90:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:bg-indigo-100:focus { + background-color: var(--indigo-100) + } + .md\:hover\:bg-indigo-100:hover { + background-color: var(--indigo-100) + } + .md\:active\:bg-indigo-100:active { + background-color: var(--indigo-100) + } + .md\:focus\:bg-indigo-100\/10:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:bg-indigo-100\/10:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:bg-indigo-100\/10:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:bg-indigo-100\/20:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:bg-indigo-100\/20:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:bg-indigo-100\/20:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:bg-indigo-100\/30:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:bg-indigo-100\/30:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:bg-indigo-100\/30:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:bg-indigo-100\/40:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:bg-indigo-100\/40:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:bg-indigo-100\/40:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:bg-indigo-100\/50:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:bg-indigo-100\/50:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:bg-indigo-100\/50:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:bg-indigo-100\/60:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:bg-indigo-100\/60:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:bg-indigo-100\/60:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:bg-indigo-100\/70:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:bg-indigo-100\/70:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:bg-indigo-100\/70:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:bg-indigo-100\/80:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:bg-indigo-100\/80:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:bg-indigo-100\/80:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:bg-indigo-100\/90:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:bg-indigo-100\/90:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:bg-indigo-100\/90:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:bg-indigo-200:focus { + background-color: var(--indigo-200) + } + .md\:hover\:bg-indigo-200:hover { + background-color: var(--indigo-200) + } + .md\:active\:bg-indigo-200:active { + background-color: var(--indigo-200) + } + .md\:focus\:bg-indigo-200\/10:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:bg-indigo-200\/10:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:bg-indigo-200\/10:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:bg-indigo-200\/20:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:bg-indigo-200\/20:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:bg-indigo-200\/20:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:bg-indigo-200\/30:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:bg-indigo-200\/30:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:bg-indigo-200\/30:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:bg-indigo-200\/40:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:bg-indigo-200\/40:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:bg-indigo-200\/40:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:bg-indigo-200\/50:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:bg-indigo-200\/50:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:bg-indigo-200\/50:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:bg-indigo-200\/60:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:bg-indigo-200\/60:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:bg-indigo-200\/60:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:bg-indigo-200\/70:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:bg-indigo-200\/70:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:bg-indigo-200\/70:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:bg-indigo-200\/80:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:bg-indigo-200\/80:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:bg-indigo-200\/80:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:bg-indigo-200\/90:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:bg-indigo-200\/90:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:bg-indigo-200\/90:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:bg-indigo-300:focus { + background-color: var(--indigo-300) + } + .md\:hover\:bg-indigo-300:hover { + background-color: var(--indigo-300) + } + .md\:active\:bg-indigo-300:active { + background-color: var(--indigo-300) + } + .md\:focus\:bg-indigo-300\/10:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:bg-indigo-300\/10:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:bg-indigo-300\/10:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:bg-indigo-300\/20:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:bg-indigo-300\/20:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:bg-indigo-300\/20:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:bg-indigo-300\/30:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:bg-indigo-300\/30:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:bg-indigo-300\/30:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:bg-indigo-300\/40:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:bg-indigo-300\/40:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:bg-indigo-300\/40:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:bg-indigo-300\/50:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:bg-indigo-300\/50:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:bg-indigo-300\/50:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:bg-indigo-300\/60:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:bg-indigo-300\/60:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:bg-indigo-300\/60:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:bg-indigo-300\/70:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:bg-indigo-300\/70:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:bg-indigo-300\/70:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:bg-indigo-300\/80:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:bg-indigo-300\/80:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:bg-indigo-300\/80:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:bg-indigo-300\/90:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:bg-indigo-300\/90:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:bg-indigo-300\/90:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:bg-indigo-400:focus { + background-color: var(--indigo-400) + } + .md\:hover\:bg-indigo-400:hover { + background-color: var(--indigo-400) + } + .md\:active\:bg-indigo-400:active { + background-color: var(--indigo-400) + } + .md\:focus\:bg-indigo-400\/10:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:bg-indigo-400\/10:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:bg-indigo-400\/10:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:bg-indigo-400\/20:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:bg-indigo-400\/20:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:bg-indigo-400\/20:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:bg-indigo-400\/30:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:bg-indigo-400\/30:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:bg-indigo-400\/30:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:bg-indigo-400\/40:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:bg-indigo-400\/40:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:bg-indigo-400\/40:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:bg-indigo-400\/50:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:bg-indigo-400\/50:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:bg-indigo-400\/50:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:bg-indigo-400\/60:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:bg-indigo-400\/60:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:bg-indigo-400\/60:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:bg-indigo-400\/70:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:bg-indigo-400\/70:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:bg-indigo-400\/70:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:bg-indigo-400\/80:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:bg-indigo-400\/80:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:bg-indigo-400\/80:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:bg-indigo-400\/90:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:bg-indigo-400\/90:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:bg-indigo-400\/90:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:bg-indigo-500:focus { + background-color: var(--indigo-500) + } + .md\:hover\:bg-indigo-500:hover { + background-color: var(--indigo-500) + } + .md\:active\:bg-indigo-500:active { + background-color: var(--indigo-500) + } + .md\:focus\:bg-indigo-500\/10:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:bg-indigo-500\/10:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:bg-indigo-500\/10:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:bg-indigo-500\/20:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:bg-indigo-500\/20:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:bg-indigo-500\/20:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:bg-indigo-500\/30:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:bg-indigo-500\/30:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:bg-indigo-500\/30:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:bg-indigo-500\/40:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:bg-indigo-500\/40:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:bg-indigo-500\/40:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:bg-indigo-500\/50:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:bg-indigo-500\/50:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:bg-indigo-500\/50:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:bg-indigo-500\/60:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:bg-indigo-500\/60:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:bg-indigo-500\/60:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:bg-indigo-500\/70:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:bg-indigo-500\/70:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:bg-indigo-500\/70:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:bg-indigo-500\/80:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:bg-indigo-500\/80:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:bg-indigo-500\/80:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:bg-indigo-500\/90:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:bg-indigo-500\/90:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:bg-indigo-500\/90:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:bg-indigo-600:focus { + background-color: var(--indigo-600) + } + .md\:hover\:bg-indigo-600:hover { + background-color: var(--indigo-600) + } + .md\:active\:bg-indigo-600:active { + background-color: var(--indigo-600) + } + .md\:focus\:bg-indigo-600\/10:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:bg-indigo-600\/10:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:bg-indigo-600\/10:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:bg-indigo-600\/20:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:bg-indigo-600\/20:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:bg-indigo-600\/20:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:bg-indigo-600\/30:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:bg-indigo-600\/30:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:bg-indigo-600\/30:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:bg-indigo-600\/40:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:bg-indigo-600\/40:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:bg-indigo-600\/40:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:bg-indigo-600\/50:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:bg-indigo-600\/50:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:bg-indigo-600\/50:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:bg-indigo-600\/60:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:bg-indigo-600\/60:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:bg-indigo-600\/60:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:bg-indigo-600\/70:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:bg-indigo-600\/70:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:bg-indigo-600\/70:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:bg-indigo-600\/80:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:bg-indigo-600\/80:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:bg-indigo-600\/80:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:bg-indigo-600\/90:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:bg-indigo-600\/90:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:bg-indigo-600\/90:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:bg-indigo-700:focus { + background-color: var(--indigo-700) + } + .md\:hover\:bg-indigo-700:hover { + background-color: var(--indigo-700) + } + .md\:active\:bg-indigo-700:active { + background-color: var(--indigo-700) + } + .md\:focus\:bg-indigo-700\/10:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:bg-indigo-700\/10:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:bg-indigo-700\/10:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:bg-indigo-700\/20:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:bg-indigo-700\/20:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:bg-indigo-700\/20:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:bg-indigo-700\/30:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:bg-indigo-700\/30:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:bg-indigo-700\/30:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:bg-indigo-700\/40:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:bg-indigo-700\/40:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:bg-indigo-700\/40:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:bg-indigo-700\/50:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:bg-indigo-700\/50:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:bg-indigo-700\/50:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:bg-indigo-700\/60:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:bg-indigo-700\/60:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:bg-indigo-700\/60:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:bg-indigo-700\/70:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:bg-indigo-700\/70:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:bg-indigo-700\/70:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:bg-indigo-700\/80:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:bg-indigo-700\/80:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:bg-indigo-700\/80:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:bg-indigo-700\/90:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:bg-indigo-700\/90:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:bg-indigo-700\/90:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:bg-indigo-800:focus { + background-color: var(--indigo-800) + } + .md\:hover\:bg-indigo-800:hover { + background-color: var(--indigo-800) + } + .md\:active\:bg-indigo-800:active { + background-color: var(--indigo-800) + } + .md\:focus\:bg-indigo-800\/10:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:bg-indigo-800\/10:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:bg-indigo-800\/10:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:bg-indigo-800\/20:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:bg-indigo-800\/20:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:bg-indigo-800\/20:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:bg-indigo-800\/30:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:bg-indigo-800\/30:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:bg-indigo-800\/30:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:bg-indigo-800\/40:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:bg-indigo-800\/40:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:bg-indigo-800\/40:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:bg-indigo-800\/50:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:bg-indigo-800\/50:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:bg-indigo-800\/50:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:bg-indigo-800\/60:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:bg-indigo-800\/60:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:bg-indigo-800\/60:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:bg-indigo-800\/70:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:bg-indigo-800\/70:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:bg-indigo-800\/70:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:bg-indigo-800\/80:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:bg-indigo-800\/80:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:bg-indigo-800\/80:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:bg-indigo-800\/90:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:bg-indigo-800\/90:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:bg-indigo-800\/90:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:bg-indigo-900:focus { + background-color: var(--indigo-900) + } + .md\:hover\:bg-indigo-900:hover { + background-color: var(--indigo-900) + } + .md\:active\:bg-indigo-900:active { + background-color: var(--indigo-900) + } + .md\:focus\:bg-indigo-900\/10:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:bg-indigo-900\/10:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:bg-indigo-900\/10:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:bg-indigo-900\/20:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:bg-indigo-900\/20:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:bg-indigo-900\/20:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:bg-indigo-900\/30:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:bg-indigo-900\/30:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:bg-indigo-900\/30:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:bg-indigo-900\/40:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:bg-indigo-900\/40:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:bg-indigo-900\/40:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:bg-indigo-900\/50:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:bg-indigo-900\/50:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:bg-indigo-900\/50:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:bg-indigo-900\/60:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:bg-indigo-900\/60:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:bg-indigo-900\/60:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:bg-indigo-900\/70:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:bg-indigo-900\/70:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:bg-indigo-900\/70:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:bg-indigo-900\/80:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:bg-indigo-900\/80:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:bg-indigo-900\/80:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:bg-indigo-900\/90:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:bg-indigo-900\/90:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:bg-indigo-900\/90:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:bg-teal-50:focus { + background-color: var(--teal-50) + } + .md\:hover\:bg-teal-50:hover { + background-color: var(--teal-50) + } + .md\:active\:bg-teal-50:active { + background-color: var(--teal-50) + } + .md\:focus\:bg-teal-50\/10:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:bg-teal-50\/10:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:bg-teal-50\/10:active { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:bg-teal-50\/20:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:bg-teal-50\/20:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:bg-teal-50\/20:active { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:bg-teal-50\/30:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:bg-teal-50\/30:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:bg-teal-50\/30:active { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:bg-teal-50\/40:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:bg-teal-50\/40:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:bg-teal-50\/40:active { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:bg-teal-50\/50:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:bg-teal-50\/50:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:bg-teal-50\/50:active { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:bg-teal-50\/60:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:bg-teal-50\/60:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:bg-teal-50\/60:active { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:bg-teal-50\/70:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:bg-teal-50\/70:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:bg-teal-50\/70:active { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:bg-teal-50\/80:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:bg-teal-50\/80:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:bg-teal-50\/80:active { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:bg-teal-50\/90:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:bg-teal-50\/90:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:bg-teal-50\/90:active { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:bg-teal-100:focus { + background-color: var(--teal-100) + } + .md\:hover\:bg-teal-100:hover { + background-color: var(--teal-100) + } + .md\:active\:bg-teal-100:active { + background-color: var(--teal-100) + } + .md\:focus\:bg-teal-100\/10:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:bg-teal-100\/10:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:bg-teal-100\/10:active { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:bg-teal-100\/20:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:bg-teal-100\/20:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:bg-teal-100\/20:active { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:bg-teal-100\/30:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:bg-teal-100\/30:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:bg-teal-100\/30:active { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:bg-teal-100\/40:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:bg-teal-100\/40:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:bg-teal-100\/40:active { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:bg-teal-100\/50:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:bg-teal-100\/50:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:bg-teal-100\/50:active { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:bg-teal-100\/60:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:bg-teal-100\/60:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:bg-teal-100\/60:active { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:bg-teal-100\/70:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:bg-teal-100\/70:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:bg-teal-100\/70:active { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:bg-teal-100\/80:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:bg-teal-100\/80:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:bg-teal-100\/80:active { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:bg-teal-100\/90:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:bg-teal-100\/90:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:bg-teal-100\/90:active { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:bg-teal-200:focus { + background-color: var(--teal-200) + } + .md\:hover\:bg-teal-200:hover { + background-color: var(--teal-200) + } + .md\:active\:bg-teal-200:active { + background-color: var(--teal-200) + } + .md\:focus\:bg-teal-200\/10:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:bg-teal-200\/10:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:bg-teal-200\/10:active { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:bg-teal-200\/20:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:bg-teal-200\/20:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:bg-teal-200\/20:active { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:bg-teal-200\/30:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:bg-teal-200\/30:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:bg-teal-200\/30:active { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:bg-teal-200\/40:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:bg-teal-200\/40:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:bg-teal-200\/40:active { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:bg-teal-200\/50:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:bg-teal-200\/50:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:bg-teal-200\/50:active { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:bg-teal-200\/60:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:bg-teal-200\/60:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:bg-teal-200\/60:active { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:bg-teal-200\/70:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:bg-teal-200\/70:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:bg-teal-200\/70:active { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:bg-teal-200\/80:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:bg-teal-200\/80:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:bg-teal-200\/80:active { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:bg-teal-200\/90:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:bg-teal-200\/90:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:bg-teal-200\/90:active { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:bg-teal-300:focus { + background-color: var(--teal-300) + } + .md\:hover\:bg-teal-300:hover { + background-color: var(--teal-300) + } + .md\:active\:bg-teal-300:active { + background-color: var(--teal-300) + } + .md\:focus\:bg-teal-300\/10:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:bg-teal-300\/10:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:bg-teal-300\/10:active { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:bg-teal-300\/20:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:bg-teal-300\/20:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:bg-teal-300\/20:active { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:bg-teal-300\/30:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:bg-teal-300\/30:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:bg-teal-300\/30:active { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:bg-teal-300\/40:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:bg-teal-300\/40:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:bg-teal-300\/40:active { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:bg-teal-300\/50:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:bg-teal-300\/50:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:bg-teal-300\/50:active { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:bg-teal-300\/60:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:bg-teal-300\/60:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:bg-teal-300\/60:active { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:bg-teal-300\/70:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:bg-teal-300\/70:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:bg-teal-300\/70:active { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:bg-teal-300\/80:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:bg-teal-300\/80:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:bg-teal-300\/80:active { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:bg-teal-300\/90:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:bg-teal-300\/90:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:bg-teal-300\/90:active { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:bg-teal-400:focus { + background-color: var(--teal-400) + } + .md\:hover\:bg-teal-400:hover { + background-color: var(--teal-400) + } + .md\:active\:bg-teal-400:active { + background-color: var(--teal-400) + } + .md\:focus\:bg-teal-400\/10:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:bg-teal-400\/10:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:bg-teal-400\/10:active { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:bg-teal-400\/20:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:bg-teal-400\/20:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:bg-teal-400\/20:active { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:bg-teal-400\/30:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:bg-teal-400\/30:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:bg-teal-400\/30:active { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:bg-teal-400\/40:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:bg-teal-400\/40:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:bg-teal-400\/40:active { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:bg-teal-400\/50:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:bg-teal-400\/50:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:bg-teal-400\/50:active { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:bg-teal-400\/60:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:bg-teal-400\/60:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:bg-teal-400\/60:active { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:bg-teal-400\/70:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:bg-teal-400\/70:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:bg-teal-400\/70:active { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:bg-teal-400\/80:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:bg-teal-400\/80:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:bg-teal-400\/80:active { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:bg-teal-400\/90:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:bg-teal-400\/90:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:bg-teal-400\/90:active { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:bg-teal-500:focus { + background-color: var(--teal-500) + } + .md\:hover\:bg-teal-500:hover { + background-color: var(--teal-500) + } + .md\:active\:bg-teal-500:active { + background-color: var(--teal-500) + } + .md\:focus\:bg-teal-500\/10:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:bg-teal-500\/10:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:bg-teal-500\/10:active { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:bg-teal-500\/20:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:bg-teal-500\/20:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:bg-teal-500\/20:active { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:bg-teal-500\/30:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:bg-teal-500\/30:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:bg-teal-500\/30:active { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:bg-teal-500\/40:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:bg-teal-500\/40:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:bg-teal-500\/40:active { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:bg-teal-500\/50:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:bg-teal-500\/50:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:bg-teal-500\/50:active { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:bg-teal-500\/60:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:bg-teal-500\/60:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:bg-teal-500\/60:active { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:bg-teal-500\/70:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:bg-teal-500\/70:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:bg-teal-500\/70:active { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:bg-teal-500\/80:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:bg-teal-500\/80:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:bg-teal-500\/80:active { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:bg-teal-500\/90:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:bg-teal-500\/90:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:bg-teal-500\/90:active { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:bg-teal-600:focus { + background-color: var(--teal-600) + } + .md\:hover\:bg-teal-600:hover { + background-color: var(--teal-600) + } + .md\:active\:bg-teal-600:active { + background-color: var(--teal-600) + } + .md\:focus\:bg-teal-600\/10:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:bg-teal-600\/10:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:bg-teal-600\/10:active { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:bg-teal-600\/20:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:bg-teal-600\/20:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:bg-teal-600\/20:active { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:bg-teal-600\/30:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:bg-teal-600\/30:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:bg-teal-600\/30:active { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:bg-teal-600\/40:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:bg-teal-600\/40:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:bg-teal-600\/40:active { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:bg-teal-600\/50:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:bg-teal-600\/50:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:bg-teal-600\/50:active { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:bg-teal-600\/60:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:bg-teal-600\/60:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:bg-teal-600\/60:active { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:bg-teal-600\/70:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:bg-teal-600\/70:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:bg-teal-600\/70:active { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:bg-teal-600\/80:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:bg-teal-600\/80:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:bg-teal-600\/80:active { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:bg-teal-600\/90:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:bg-teal-600\/90:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:bg-teal-600\/90:active { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:bg-teal-700:focus { + background-color: var(--teal-700) + } + .md\:hover\:bg-teal-700:hover { + background-color: var(--teal-700) + } + .md\:active\:bg-teal-700:active { + background-color: var(--teal-700) + } + .md\:focus\:bg-teal-700\/10:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:bg-teal-700\/10:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:bg-teal-700\/10:active { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:bg-teal-700\/20:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:bg-teal-700\/20:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:bg-teal-700\/20:active { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:bg-teal-700\/30:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:bg-teal-700\/30:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:bg-teal-700\/30:active { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:bg-teal-700\/40:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:bg-teal-700\/40:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:bg-teal-700\/40:active { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:bg-teal-700\/50:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:bg-teal-700\/50:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:bg-teal-700\/50:active { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:bg-teal-700\/60:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:bg-teal-700\/60:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:bg-teal-700\/60:active { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:bg-teal-700\/70:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:bg-teal-700\/70:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:bg-teal-700\/70:active { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:bg-teal-700\/80:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:bg-teal-700\/80:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:bg-teal-700\/80:active { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:bg-teal-700\/90:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:bg-teal-700\/90:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:bg-teal-700\/90:active { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:bg-teal-800:focus { + background-color: var(--teal-800) + } + .md\:hover\:bg-teal-800:hover { + background-color: var(--teal-800) + } + .md\:active\:bg-teal-800:active { + background-color: var(--teal-800) + } + .md\:focus\:bg-teal-800\/10:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:bg-teal-800\/10:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:bg-teal-800\/10:active { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:bg-teal-800\/20:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:bg-teal-800\/20:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:bg-teal-800\/20:active { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:bg-teal-800\/30:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:bg-teal-800\/30:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:bg-teal-800\/30:active { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:bg-teal-800\/40:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:bg-teal-800\/40:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:bg-teal-800\/40:active { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:bg-teal-800\/50:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:bg-teal-800\/50:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:bg-teal-800\/50:active { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:bg-teal-800\/60:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:bg-teal-800\/60:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:bg-teal-800\/60:active { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:bg-teal-800\/70:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:bg-teal-800\/70:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:bg-teal-800\/70:active { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:bg-teal-800\/80:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:bg-teal-800\/80:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:bg-teal-800\/80:active { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:bg-teal-800\/90:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:bg-teal-800\/90:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:bg-teal-800\/90:active { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:bg-teal-900:focus { + background-color: var(--teal-900) + } + .md\:hover\:bg-teal-900:hover { + background-color: var(--teal-900) + } + .md\:active\:bg-teal-900:active { + background-color: var(--teal-900) + } + .md\:focus\:bg-teal-900\/10:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:bg-teal-900\/10:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:bg-teal-900\/10:active { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:bg-teal-900\/20:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:bg-teal-900\/20:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:bg-teal-900\/20:active { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:bg-teal-900\/30:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:bg-teal-900\/30:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:bg-teal-900\/30:active { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:bg-teal-900\/40:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:bg-teal-900\/40:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:bg-teal-900\/40:active { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:bg-teal-900\/50:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:bg-teal-900\/50:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:bg-teal-900\/50:active { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:bg-teal-900\/60:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:bg-teal-900\/60:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:bg-teal-900\/60:active { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:bg-teal-900\/70:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:bg-teal-900\/70:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:bg-teal-900\/70:active { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:bg-teal-900\/80:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:bg-teal-900\/80:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:bg-teal-900\/80:active { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:bg-teal-900\/90:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:bg-teal-900\/90:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:bg-teal-900\/90:active { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:bg-orange-50:focus { + background-color: var(--orange-50) + } + .md\:hover\:bg-orange-50:hover { + background-color: var(--orange-50) + } + .md\:active\:bg-orange-50:active { + background-color: var(--orange-50) + } + .md\:focus\:bg-orange-50\/10:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:bg-orange-50\/10:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:bg-orange-50\/10:active { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:bg-orange-50\/20:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:bg-orange-50\/20:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:bg-orange-50\/20:active { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:bg-orange-50\/30:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:bg-orange-50\/30:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:bg-orange-50\/30:active { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:bg-orange-50\/40:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:bg-orange-50\/40:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:bg-orange-50\/40:active { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:bg-orange-50\/50:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:bg-orange-50\/50:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:bg-orange-50\/50:active { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:bg-orange-50\/60:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:bg-orange-50\/60:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:bg-orange-50\/60:active { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:bg-orange-50\/70:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:bg-orange-50\/70:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:bg-orange-50\/70:active { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:bg-orange-50\/80:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:bg-orange-50\/80:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:bg-orange-50\/80:active { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:bg-orange-50\/90:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:bg-orange-50\/90:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:bg-orange-50\/90:active { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:bg-orange-100:focus { + background-color: var(--orange-100) + } + .md\:hover\:bg-orange-100:hover { + background-color: var(--orange-100) + } + .md\:active\:bg-orange-100:active { + background-color: var(--orange-100) + } + .md\:focus\:bg-orange-100\/10:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:bg-orange-100\/10:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:bg-orange-100\/10:active { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:bg-orange-100\/20:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:bg-orange-100\/20:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:bg-orange-100\/20:active { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:bg-orange-100\/30:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:bg-orange-100\/30:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:bg-orange-100\/30:active { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:bg-orange-100\/40:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:bg-orange-100\/40:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:bg-orange-100\/40:active { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:bg-orange-100\/50:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:bg-orange-100\/50:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:bg-orange-100\/50:active { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:bg-orange-100\/60:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:bg-orange-100\/60:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:bg-orange-100\/60:active { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:bg-orange-100\/70:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:bg-orange-100\/70:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:bg-orange-100\/70:active { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:bg-orange-100\/80:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:bg-orange-100\/80:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:bg-orange-100\/80:active { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:bg-orange-100\/90:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:bg-orange-100\/90:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:bg-orange-100\/90:active { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:bg-orange-200:focus { + background-color: var(--orange-200) + } + .md\:hover\:bg-orange-200:hover { + background-color: var(--orange-200) + } + .md\:active\:bg-orange-200:active { + background-color: var(--orange-200) + } + .md\:focus\:bg-orange-200\/10:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:bg-orange-200\/10:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:bg-orange-200\/10:active { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:bg-orange-200\/20:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:bg-orange-200\/20:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:bg-orange-200\/20:active { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:bg-orange-200\/30:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:bg-orange-200\/30:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:bg-orange-200\/30:active { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:bg-orange-200\/40:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:bg-orange-200\/40:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:bg-orange-200\/40:active { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:bg-orange-200\/50:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:bg-orange-200\/50:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:bg-orange-200\/50:active { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:bg-orange-200\/60:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:bg-orange-200\/60:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:bg-orange-200\/60:active { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:bg-orange-200\/70:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:bg-orange-200\/70:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:bg-orange-200\/70:active { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:bg-orange-200\/80:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:bg-orange-200\/80:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:bg-orange-200\/80:active { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:bg-orange-200\/90:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:bg-orange-200\/90:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:bg-orange-200\/90:active { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:bg-orange-300:focus { + background-color: var(--orange-300) + } + .md\:hover\:bg-orange-300:hover { + background-color: var(--orange-300) + } + .md\:active\:bg-orange-300:active { + background-color: var(--orange-300) + } + .md\:focus\:bg-orange-300\/10:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:bg-orange-300\/10:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:bg-orange-300\/10:active { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:bg-orange-300\/20:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:bg-orange-300\/20:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:bg-orange-300\/20:active { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:bg-orange-300\/30:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:bg-orange-300\/30:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:bg-orange-300\/30:active { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:bg-orange-300\/40:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:bg-orange-300\/40:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:bg-orange-300\/40:active { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:bg-orange-300\/50:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:bg-orange-300\/50:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:bg-orange-300\/50:active { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:bg-orange-300\/60:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:bg-orange-300\/60:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:bg-orange-300\/60:active { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:bg-orange-300\/70:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:bg-orange-300\/70:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:bg-orange-300\/70:active { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:bg-orange-300\/80:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:bg-orange-300\/80:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:bg-orange-300\/80:active { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:bg-orange-300\/90:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:bg-orange-300\/90:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:bg-orange-300\/90:active { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:bg-orange-400:focus { + background-color: var(--orange-400) + } + .md\:hover\:bg-orange-400:hover { + background-color: var(--orange-400) + } + .md\:active\:bg-orange-400:active { + background-color: var(--orange-400) + } + .md\:focus\:bg-orange-400\/10:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:bg-orange-400\/10:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:bg-orange-400\/10:active { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:bg-orange-400\/20:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:bg-orange-400\/20:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:bg-orange-400\/20:active { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:bg-orange-400\/30:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:bg-orange-400\/30:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:bg-orange-400\/30:active { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:bg-orange-400\/40:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:bg-orange-400\/40:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:bg-orange-400\/40:active { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:bg-orange-400\/50:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:bg-orange-400\/50:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:bg-orange-400\/50:active { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:bg-orange-400\/60:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:bg-orange-400\/60:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:bg-orange-400\/60:active { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:bg-orange-400\/70:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:bg-orange-400\/70:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:bg-orange-400\/70:active { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:bg-orange-400\/80:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:bg-orange-400\/80:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:bg-orange-400\/80:active { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:bg-orange-400\/90:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:bg-orange-400\/90:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:bg-orange-400\/90:active { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:bg-orange-500:focus { + background-color: var(--orange-500) + } + .md\:hover\:bg-orange-500:hover { + background-color: var(--orange-500) + } + .md\:active\:bg-orange-500:active { + background-color: var(--orange-500) + } + .md\:focus\:bg-orange-500\/10:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:bg-orange-500\/10:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:bg-orange-500\/10:active { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:bg-orange-500\/20:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:bg-orange-500\/20:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:bg-orange-500\/20:active { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:bg-orange-500\/30:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:bg-orange-500\/30:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:bg-orange-500\/30:active { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:bg-orange-500\/40:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:bg-orange-500\/40:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:bg-orange-500\/40:active { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:bg-orange-500\/50:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:bg-orange-500\/50:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:bg-orange-500\/50:active { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:bg-orange-500\/60:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:bg-orange-500\/60:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:bg-orange-500\/60:active { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:bg-orange-500\/70:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:bg-orange-500\/70:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:bg-orange-500\/70:active { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:bg-orange-500\/80:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:bg-orange-500\/80:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:bg-orange-500\/80:active { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:bg-orange-500\/90:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:bg-orange-500\/90:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:bg-orange-500\/90:active { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:bg-orange-600:focus { + background-color: var(--orange-600) + } + .md\:hover\:bg-orange-600:hover { + background-color: var(--orange-600) + } + .md\:active\:bg-orange-600:active { + background-color: var(--orange-600) + } + .md\:focus\:bg-orange-600\/10:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:bg-orange-600\/10:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:bg-orange-600\/10:active { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:bg-orange-600\/20:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:bg-orange-600\/20:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:bg-orange-600\/20:active { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:bg-orange-600\/30:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:bg-orange-600\/30:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:bg-orange-600\/30:active { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:bg-orange-600\/40:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:bg-orange-600\/40:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:bg-orange-600\/40:active { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:bg-orange-600\/50:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:bg-orange-600\/50:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:bg-orange-600\/50:active { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:bg-orange-600\/60:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:bg-orange-600\/60:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:bg-orange-600\/60:active { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:bg-orange-600\/70:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:bg-orange-600\/70:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:bg-orange-600\/70:active { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:bg-orange-600\/80:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:bg-orange-600\/80:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:bg-orange-600\/80:active { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:bg-orange-600\/90:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:bg-orange-600\/90:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:bg-orange-600\/90:active { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:bg-orange-700:focus { + background-color: var(--orange-700) + } + .md\:hover\:bg-orange-700:hover { + background-color: var(--orange-700) + } + .md\:active\:bg-orange-700:active { + background-color: var(--orange-700) + } + .md\:focus\:bg-orange-700\/10:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:bg-orange-700\/10:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:bg-orange-700\/10:active { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:bg-orange-700\/20:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:bg-orange-700\/20:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:bg-orange-700\/20:active { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:bg-orange-700\/30:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:bg-orange-700\/30:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:bg-orange-700\/30:active { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:bg-orange-700\/40:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:bg-orange-700\/40:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:bg-orange-700\/40:active { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:bg-orange-700\/50:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:bg-orange-700\/50:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:bg-orange-700\/50:active { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:bg-orange-700\/60:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:bg-orange-700\/60:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:bg-orange-700\/60:active { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:bg-orange-700\/70:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:bg-orange-700\/70:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:bg-orange-700\/70:active { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:bg-orange-700\/80:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:bg-orange-700\/80:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:bg-orange-700\/80:active { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:bg-orange-700\/90:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:bg-orange-700\/90:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:bg-orange-700\/90:active { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:bg-orange-800:focus { + background-color: var(--orange-800) + } + .md\:hover\:bg-orange-800:hover { + background-color: var(--orange-800) + } + .md\:active\:bg-orange-800:active { + background-color: var(--orange-800) + } + .md\:focus\:bg-orange-800\/10:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:bg-orange-800\/10:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:bg-orange-800\/10:active { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:bg-orange-800\/20:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:bg-orange-800\/20:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:bg-orange-800\/20:active { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:bg-orange-800\/30:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:bg-orange-800\/30:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:bg-orange-800\/30:active { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:bg-orange-800\/40:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:bg-orange-800\/40:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:bg-orange-800\/40:active { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:bg-orange-800\/50:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:bg-orange-800\/50:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:bg-orange-800\/50:active { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:bg-orange-800\/60:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:bg-orange-800\/60:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:bg-orange-800\/60:active { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:bg-orange-800\/70:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:bg-orange-800\/70:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:bg-orange-800\/70:active { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:bg-orange-800\/80:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:bg-orange-800\/80:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:bg-orange-800\/80:active { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:bg-orange-800\/90:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:bg-orange-800\/90:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:bg-orange-800\/90:active { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:bg-orange-900:focus { + background-color: var(--orange-900) + } + .md\:hover\:bg-orange-900:hover { + background-color: var(--orange-900) + } + .md\:active\:bg-orange-900:active { + background-color: var(--orange-900) + } + .md\:focus\:bg-orange-900\/10:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:bg-orange-900\/10:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:bg-orange-900\/10:active { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:bg-orange-900\/20:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:bg-orange-900\/20:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:bg-orange-900\/20:active { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:bg-orange-900\/30:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:bg-orange-900\/30:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:bg-orange-900\/30:active { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:bg-orange-900\/40:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:bg-orange-900\/40:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:bg-orange-900\/40:active { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:bg-orange-900\/50:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:bg-orange-900\/50:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:bg-orange-900\/50:active { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:bg-orange-900\/60:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:bg-orange-900\/60:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:bg-orange-900\/60:active { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:bg-orange-900\/70:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:bg-orange-900\/70:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:bg-orange-900\/70:active { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:bg-orange-900\/80:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:bg-orange-900\/80:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:bg-orange-900\/80:active { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:bg-orange-900\/90:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:bg-orange-900\/90:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:bg-orange-900\/90:active { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-50:focus { + background-color: var(--bluegray-50) + } + .md\:hover\:bg-bluegray-50:hover { + background-color: var(--bluegray-50) + } + .md\:active\:bg-bluegray-50:active { + background-color: var(--bluegray-50) + } + .md\:focus\:bg-bluegray-50\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-50\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:bg-bluegray-50\/10:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-50\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-50\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:bg-bluegray-50\/20:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-50\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-50\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:bg-bluegray-50\/30:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-50\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-50\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:bg-bluegray-50\/40:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-50\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-50\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:bg-bluegray-50\/50:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-50\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-50\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:bg-bluegray-50\/60:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-50\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-50\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:bg-bluegray-50\/70:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-50\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-50\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:bg-bluegray-50\/80:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-50\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-50\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:bg-bluegray-50\/90:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-100:focus { + background-color: var(--bluegray-100) + } + .md\:hover\:bg-bluegray-100:hover { + background-color: var(--bluegray-100) + } + .md\:active\:bg-bluegray-100:active { + background-color: var(--bluegray-100) + } + .md\:focus\:bg-bluegray-100\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-100\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:bg-bluegray-100\/10:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-100\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-100\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:bg-bluegray-100\/20:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-100\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-100\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:bg-bluegray-100\/30:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-100\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-100\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:bg-bluegray-100\/40:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-100\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-100\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:bg-bluegray-100\/50:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-100\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-100\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:bg-bluegray-100\/60:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-100\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-100\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:bg-bluegray-100\/70:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-100\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-100\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:bg-bluegray-100\/80:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-100\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-100\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:bg-bluegray-100\/90:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-200:focus { + background-color: var(--bluegray-200) + } + .md\:hover\:bg-bluegray-200:hover { + background-color: var(--bluegray-200) + } + .md\:active\:bg-bluegray-200:active { + background-color: var(--bluegray-200) + } + .md\:focus\:bg-bluegray-200\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-200\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:bg-bluegray-200\/10:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-200\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-200\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:bg-bluegray-200\/20:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-200\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-200\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:bg-bluegray-200\/30:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-200\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-200\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:bg-bluegray-200\/40:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-200\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-200\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:bg-bluegray-200\/50:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-200\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-200\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:bg-bluegray-200\/60:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-200\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-200\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:bg-bluegray-200\/70:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-200\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-200\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:bg-bluegray-200\/80:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-200\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-200\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:bg-bluegray-200\/90:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-300:focus { + background-color: var(--bluegray-300) + } + .md\:hover\:bg-bluegray-300:hover { + background-color: var(--bluegray-300) + } + .md\:active\:bg-bluegray-300:active { + background-color: var(--bluegray-300) + } + .md\:focus\:bg-bluegray-300\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-300\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:bg-bluegray-300\/10:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-300\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-300\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:bg-bluegray-300\/20:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-300\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-300\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:bg-bluegray-300\/30:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-300\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-300\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:bg-bluegray-300\/40:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-300\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-300\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:bg-bluegray-300\/50:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-300\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-300\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:bg-bluegray-300\/60:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-300\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-300\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:bg-bluegray-300\/70:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-300\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-300\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:bg-bluegray-300\/80:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-300\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-300\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:bg-bluegray-300\/90:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-400:focus { + background-color: var(--bluegray-400) + } + .md\:hover\:bg-bluegray-400:hover { + background-color: var(--bluegray-400) + } + .md\:active\:bg-bluegray-400:active { + background-color: var(--bluegray-400) + } + .md\:focus\:bg-bluegray-400\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-400\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:bg-bluegray-400\/10:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-400\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-400\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:bg-bluegray-400\/20:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-400\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-400\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:bg-bluegray-400\/30:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-400\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-400\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:bg-bluegray-400\/40:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-400\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-400\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:bg-bluegray-400\/50:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-400\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-400\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:bg-bluegray-400\/60:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-400\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-400\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:bg-bluegray-400\/70:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-400\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-400\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:bg-bluegray-400\/80:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-400\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-400\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:bg-bluegray-400\/90:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-500:focus { + background-color: var(--bluegray-500) + } + .md\:hover\:bg-bluegray-500:hover { + background-color: var(--bluegray-500) + } + .md\:active\:bg-bluegray-500:active { + background-color: var(--bluegray-500) + } + .md\:focus\:bg-bluegray-500\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-500\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:bg-bluegray-500\/10:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-500\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-500\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:bg-bluegray-500\/20:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-500\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-500\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:bg-bluegray-500\/30:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-500\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-500\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:bg-bluegray-500\/40:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-500\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-500\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:bg-bluegray-500\/50:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-500\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-500\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:bg-bluegray-500\/60:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-500\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-500\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:bg-bluegray-500\/70:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-500\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-500\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:bg-bluegray-500\/80:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-500\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-500\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:bg-bluegray-500\/90:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-600:focus { + background-color: var(--bluegray-600) + } + .md\:hover\:bg-bluegray-600:hover { + background-color: var(--bluegray-600) + } + .md\:active\:bg-bluegray-600:active { + background-color: var(--bluegray-600) + } + .md\:focus\:bg-bluegray-600\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-600\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:bg-bluegray-600\/10:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-600\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-600\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:bg-bluegray-600\/20:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-600\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-600\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:bg-bluegray-600\/30:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-600\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-600\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:bg-bluegray-600\/40:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-600\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-600\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:bg-bluegray-600\/50:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-600\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-600\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:bg-bluegray-600\/60:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-600\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-600\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:bg-bluegray-600\/70:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-600\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-600\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:bg-bluegray-600\/80:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-600\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-600\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:bg-bluegray-600\/90:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-700:focus { + background-color: var(--bluegray-700) + } + .md\:hover\:bg-bluegray-700:hover { + background-color: var(--bluegray-700) + } + .md\:active\:bg-bluegray-700:active { + background-color: var(--bluegray-700) + } + .md\:focus\:bg-bluegray-700\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-700\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:bg-bluegray-700\/10:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-700\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-700\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:bg-bluegray-700\/20:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-700\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-700\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:bg-bluegray-700\/30:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-700\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-700\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:bg-bluegray-700\/40:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-700\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-700\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:bg-bluegray-700\/50:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-700\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-700\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:bg-bluegray-700\/60:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-700\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-700\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:bg-bluegray-700\/70:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-700\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-700\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:bg-bluegray-700\/80:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-700\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-700\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:bg-bluegray-700\/90:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-800:focus { + background-color: var(--bluegray-800) + } + .md\:hover\:bg-bluegray-800:hover { + background-color: var(--bluegray-800) + } + .md\:active\:bg-bluegray-800:active { + background-color: var(--bluegray-800) + } + .md\:focus\:bg-bluegray-800\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-800\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:bg-bluegray-800\/10:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-800\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-800\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:bg-bluegray-800\/20:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-800\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-800\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:bg-bluegray-800\/30:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-800\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-800\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:bg-bluegray-800\/40:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-800\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-800\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:bg-bluegray-800\/50:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-800\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-800\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:bg-bluegray-800\/60:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-800\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-800\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:bg-bluegray-800\/70:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-800\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-800\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:bg-bluegray-800\/80:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-800\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-800\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:bg-bluegray-800\/90:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:bg-bluegray-900:focus { + background-color: var(--bluegray-900) + } + .md\:hover\:bg-bluegray-900:hover { + background-color: var(--bluegray-900) + } + .md\:active\:bg-bluegray-900:active { + background-color: var(--bluegray-900) + } + .md\:focus\:bg-bluegray-900\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:bg-bluegray-900\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:bg-bluegray-900\/10:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:bg-bluegray-900\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:bg-bluegray-900\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:bg-bluegray-900\/20:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:bg-bluegray-900\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:bg-bluegray-900\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:bg-bluegray-900\/30:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:bg-bluegray-900\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:bg-bluegray-900\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:bg-bluegray-900\/40:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:bg-bluegray-900\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:bg-bluegray-900\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:bg-bluegray-900\/50:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:bg-bluegray-900\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:bg-bluegray-900\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:bg-bluegray-900\/60:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:bg-bluegray-900\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:bg-bluegray-900\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:bg-bluegray-900\/70:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:bg-bluegray-900\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:bg-bluegray-900\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:bg-bluegray-900\/80:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:bg-bluegray-900\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:bg-bluegray-900\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:bg-bluegray-900\/90:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:bg-purple-50:focus { + background-color: var(--purple-50) + } + .md\:hover\:bg-purple-50:hover { + background-color: var(--purple-50) + } + .md\:active\:bg-purple-50:active { + background-color: var(--purple-50) + } + .md\:focus\:bg-purple-50\/10:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:bg-purple-50\/10:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:bg-purple-50\/10:active { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:bg-purple-50\/20:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:bg-purple-50\/20:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:bg-purple-50\/20:active { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:bg-purple-50\/30:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:bg-purple-50\/30:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:bg-purple-50\/30:active { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:bg-purple-50\/40:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:bg-purple-50\/40:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:bg-purple-50\/40:active { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:bg-purple-50\/50:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:bg-purple-50\/50:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:bg-purple-50\/50:active { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:bg-purple-50\/60:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:bg-purple-50\/60:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:bg-purple-50\/60:active { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:bg-purple-50\/70:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:bg-purple-50\/70:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:bg-purple-50\/70:active { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:bg-purple-50\/80:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:bg-purple-50\/80:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:bg-purple-50\/80:active { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:bg-purple-50\/90:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:bg-purple-50\/90:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:bg-purple-50\/90:active { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:bg-purple-100:focus { + background-color: var(--purple-100) + } + .md\:hover\:bg-purple-100:hover { + background-color: var(--purple-100) + } + .md\:active\:bg-purple-100:active { + background-color: var(--purple-100) + } + .md\:focus\:bg-purple-100\/10:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:bg-purple-100\/10:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:bg-purple-100\/10:active { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:bg-purple-100\/20:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:bg-purple-100\/20:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:bg-purple-100\/20:active { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:bg-purple-100\/30:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:bg-purple-100\/30:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:bg-purple-100\/30:active { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:bg-purple-100\/40:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:bg-purple-100\/40:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:bg-purple-100\/40:active { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:bg-purple-100\/50:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:bg-purple-100\/50:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:bg-purple-100\/50:active { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:bg-purple-100\/60:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:bg-purple-100\/60:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:bg-purple-100\/60:active { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:bg-purple-100\/70:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:bg-purple-100\/70:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:bg-purple-100\/70:active { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:bg-purple-100\/80:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:bg-purple-100\/80:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:bg-purple-100\/80:active { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:bg-purple-100\/90:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:bg-purple-100\/90:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:bg-purple-100\/90:active { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:bg-purple-200:focus { + background-color: var(--purple-200) + } + .md\:hover\:bg-purple-200:hover { + background-color: var(--purple-200) + } + .md\:active\:bg-purple-200:active { + background-color: var(--purple-200) + } + .md\:focus\:bg-purple-200\/10:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:bg-purple-200\/10:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:bg-purple-200\/10:active { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:bg-purple-200\/20:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:bg-purple-200\/20:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:bg-purple-200\/20:active { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:bg-purple-200\/30:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:bg-purple-200\/30:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:bg-purple-200\/30:active { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:bg-purple-200\/40:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:bg-purple-200\/40:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:bg-purple-200\/40:active { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:bg-purple-200\/50:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:bg-purple-200\/50:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:bg-purple-200\/50:active { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:bg-purple-200\/60:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:bg-purple-200\/60:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:bg-purple-200\/60:active { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:bg-purple-200\/70:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:bg-purple-200\/70:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:bg-purple-200\/70:active { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:bg-purple-200\/80:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:bg-purple-200\/80:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:bg-purple-200\/80:active { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:bg-purple-200\/90:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:bg-purple-200\/90:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:bg-purple-200\/90:active { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:bg-purple-300:focus { + background-color: var(--purple-300) + } + .md\:hover\:bg-purple-300:hover { + background-color: var(--purple-300) + } + .md\:active\:bg-purple-300:active { + background-color: var(--purple-300) + } + .md\:focus\:bg-purple-300\/10:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:bg-purple-300\/10:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:bg-purple-300\/10:active { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:bg-purple-300\/20:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:bg-purple-300\/20:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:bg-purple-300\/20:active { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:bg-purple-300\/30:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:bg-purple-300\/30:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:bg-purple-300\/30:active { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:bg-purple-300\/40:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:bg-purple-300\/40:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:bg-purple-300\/40:active { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:bg-purple-300\/50:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:bg-purple-300\/50:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:bg-purple-300\/50:active { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:bg-purple-300\/60:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:bg-purple-300\/60:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:bg-purple-300\/60:active { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:bg-purple-300\/70:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:bg-purple-300\/70:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:bg-purple-300\/70:active { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:bg-purple-300\/80:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:bg-purple-300\/80:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:bg-purple-300\/80:active { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:bg-purple-300\/90:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:bg-purple-300\/90:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:bg-purple-300\/90:active { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:bg-purple-400:focus { + background-color: var(--purple-400) + } + .md\:hover\:bg-purple-400:hover { + background-color: var(--purple-400) + } + .md\:active\:bg-purple-400:active { + background-color: var(--purple-400) + } + .md\:focus\:bg-purple-400\/10:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:bg-purple-400\/10:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:bg-purple-400\/10:active { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:bg-purple-400\/20:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:bg-purple-400\/20:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:bg-purple-400\/20:active { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:bg-purple-400\/30:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:bg-purple-400\/30:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:bg-purple-400\/30:active { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:bg-purple-400\/40:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:bg-purple-400\/40:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:bg-purple-400\/40:active { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:bg-purple-400\/50:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:bg-purple-400\/50:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:bg-purple-400\/50:active { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:bg-purple-400\/60:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:bg-purple-400\/60:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:bg-purple-400\/60:active { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:bg-purple-400\/70:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:bg-purple-400\/70:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:bg-purple-400\/70:active { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:bg-purple-400\/80:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:bg-purple-400\/80:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:bg-purple-400\/80:active { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:bg-purple-400\/90:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:bg-purple-400\/90:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:bg-purple-400\/90:active { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:bg-purple-500:focus { + background-color: var(--purple-500) + } + .md\:hover\:bg-purple-500:hover { + background-color: var(--purple-500) + } + .md\:active\:bg-purple-500:active { + background-color: var(--purple-500) + } + .md\:focus\:bg-purple-500\/10:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:bg-purple-500\/10:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:bg-purple-500\/10:active { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:bg-purple-500\/20:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:bg-purple-500\/20:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:bg-purple-500\/20:active { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:bg-purple-500\/30:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:bg-purple-500\/30:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:bg-purple-500\/30:active { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:bg-purple-500\/40:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:bg-purple-500\/40:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:bg-purple-500\/40:active { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:bg-purple-500\/50:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:bg-purple-500\/50:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:bg-purple-500\/50:active { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:bg-purple-500\/60:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:bg-purple-500\/60:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:bg-purple-500\/60:active { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:bg-purple-500\/70:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:bg-purple-500\/70:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:bg-purple-500\/70:active { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:bg-purple-500\/80:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:bg-purple-500\/80:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:bg-purple-500\/80:active { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:bg-purple-500\/90:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:bg-purple-500\/90:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:bg-purple-500\/90:active { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:bg-purple-600:focus { + background-color: var(--purple-600) + } + .md\:hover\:bg-purple-600:hover { + background-color: var(--purple-600) + } + .md\:active\:bg-purple-600:active { + background-color: var(--purple-600) + } + .md\:focus\:bg-purple-600\/10:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:bg-purple-600\/10:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:bg-purple-600\/10:active { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:bg-purple-600\/20:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:bg-purple-600\/20:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:bg-purple-600\/20:active { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:bg-purple-600\/30:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:bg-purple-600\/30:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:bg-purple-600\/30:active { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:bg-purple-600\/40:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:bg-purple-600\/40:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:bg-purple-600\/40:active { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:bg-purple-600\/50:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:bg-purple-600\/50:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:bg-purple-600\/50:active { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:bg-purple-600\/60:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:bg-purple-600\/60:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:bg-purple-600\/60:active { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:bg-purple-600\/70:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:bg-purple-600\/70:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:bg-purple-600\/70:active { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:bg-purple-600\/80:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:bg-purple-600\/80:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:bg-purple-600\/80:active { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:bg-purple-600\/90:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:bg-purple-600\/90:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:bg-purple-600\/90:active { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:bg-purple-700:focus { + background-color: var(--purple-700) + } + .md\:hover\:bg-purple-700:hover { + background-color: var(--purple-700) + } + .md\:active\:bg-purple-700:active { + background-color: var(--purple-700) + } + .md\:focus\:bg-purple-700\/10:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:bg-purple-700\/10:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:bg-purple-700\/10:active { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:bg-purple-700\/20:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:bg-purple-700\/20:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:bg-purple-700\/20:active { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:bg-purple-700\/30:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:bg-purple-700\/30:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:bg-purple-700\/30:active { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:bg-purple-700\/40:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:bg-purple-700\/40:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:bg-purple-700\/40:active { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:bg-purple-700\/50:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:bg-purple-700\/50:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:bg-purple-700\/50:active { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:bg-purple-700\/60:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:bg-purple-700\/60:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:bg-purple-700\/60:active { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:bg-purple-700\/70:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:bg-purple-700\/70:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:bg-purple-700\/70:active { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:bg-purple-700\/80:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:bg-purple-700\/80:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:bg-purple-700\/80:active { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:bg-purple-700\/90:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:bg-purple-700\/90:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:bg-purple-700\/90:active { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:bg-purple-800:focus { + background-color: var(--purple-800) + } + .md\:hover\:bg-purple-800:hover { + background-color: var(--purple-800) + } + .md\:active\:bg-purple-800:active { + background-color: var(--purple-800) + } + .md\:focus\:bg-purple-800\/10:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:bg-purple-800\/10:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:bg-purple-800\/10:active { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:bg-purple-800\/20:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:bg-purple-800\/20:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:bg-purple-800\/20:active { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:bg-purple-800\/30:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:bg-purple-800\/30:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:bg-purple-800\/30:active { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:bg-purple-800\/40:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:bg-purple-800\/40:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:bg-purple-800\/40:active { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:bg-purple-800\/50:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:bg-purple-800\/50:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:bg-purple-800\/50:active { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:bg-purple-800\/60:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:bg-purple-800\/60:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:bg-purple-800\/60:active { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:bg-purple-800\/70:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:bg-purple-800\/70:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:bg-purple-800\/70:active { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:bg-purple-800\/80:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:bg-purple-800\/80:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:bg-purple-800\/80:active { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:bg-purple-800\/90:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:bg-purple-800\/90:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:bg-purple-800\/90:active { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:bg-purple-900:focus { + background-color: var(--purple-900) + } + .md\:hover\:bg-purple-900:hover { + background-color: var(--purple-900) + } + .md\:active\:bg-purple-900:active { + background-color: var(--purple-900) + } + .md\:focus\:bg-purple-900\/10:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:bg-purple-900\/10:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:bg-purple-900\/10:active { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:bg-purple-900\/20:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:bg-purple-900\/20:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:bg-purple-900\/20:active { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:bg-purple-900\/30:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:bg-purple-900\/30:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:bg-purple-900\/30:active { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:bg-purple-900\/40:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:bg-purple-900\/40:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:bg-purple-900\/40:active { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:bg-purple-900\/50:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:bg-purple-900\/50:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:bg-purple-900\/50:active { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:bg-purple-900\/60:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:bg-purple-900\/60:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:bg-purple-900\/60:active { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:bg-purple-900\/70:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:bg-purple-900\/70:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:bg-purple-900\/70:active { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:bg-purple-900\/80:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:bg-purple-900\/80:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:bg-purple-900\/80:active { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:bg-purple-900\/90:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:bg-purple-900\/90:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:bg-purple-900\/90:active { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:bg-red-50:focus { + background-color: var(--red-50) + } + .md\:hover\:bg-red-50:hover { + background-color: var(--red-50) + } + .md\:active\:bg-red-50:active { + background-color: var(--red-50) + } + .md\:focus\:bg-red-50\/10:focus { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:bg-red-50\/10:hover { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:bg-red-50\/10:active { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:bg-red-50\/20:focus { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:bg-red-50\/20:hover { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:bg-red-50\/20:active { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:bg-red-50\/30:focus { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:bg-red-50\/30:hover { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:bg-red-50\/30:active { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:bg-red-50\/40:focus { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:bg-red-50\/40:hover { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:bg-red-50\/40:active { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:bg-red-50\/50:focus { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:bg-red-50\/50:hover { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:bg-red-50\/50:active { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:bg-red-50\/60:focus { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:bg-red-50\/60:hover { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:bg-red-50\/60:active { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:bg-red-50\/70:focus { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:bg-red-50\/70:hover { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:bg-red-50\/70:active { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:bg-red-50\/80:focus { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:bg-red-50\/80:hover { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:bg-red-50\/80:active { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:bg-red-50\/90:focus { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:bg-red-50\/90:hover { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:bg-red-50\/90:active { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:bg-red-100:focus { + background-color: var(--red-100) + } + .md\:hover\:bg-red-100:hover { + background-color: var(--red-100) + } + .md\:active\:bg-red-100:active { + background-color: var(--red-100) + } + .md\:focus\:bg-red-100\/10:focus { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:bg-red-100\/10:hover { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:bg-red-100\/10:active { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:bg-red-100\/20:focus { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:bg-red-100\/20:hover { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:bg-red-100\/20:active { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:bg-red-100\/30:focus { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:bg-red-100\/30:hover { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:bg-red-100\/30:active { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:bg-red-100\/40:focus { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:bg-red-100\/40:hover { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:bg-red-100\/40:active { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:bg-red-100\/50:focus { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:bg-red-100\/50:hover { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:bg-red-100\/50:active { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:bg-red-100\/60:focus { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:bg-red-100\/60:hover { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:bg-red-100\/60:active { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:bg-red-100\/70:focus { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:bg-red-100\/70:hover { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:bg-red-100\/70:active { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:bg-red-100\/80:focus { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:bg-red-100\/80:hover { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:bg-red-100\/80:active { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:bg-red-100\/90:focus { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:bg-red-100\/90:hover { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:bg-red-100\/90:active { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:bg-red-200:focus { + background-color: var(--red-200) + } + .md\:hover\:bg-red-200:hover { + background-color: var(--red-200) + } + .md\:active\:bg-red-200:active { + background-color: var(--red-200) + } + .md\:focus\:bg-red-200\/10:focus { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:bg-red-200\/10:hover { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:bg-red-200\/10:active { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:bg-red-200\/20:focus { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:bg-red-200\/20:hover { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:bg-red-200\/20:active { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:bg-red-200\/30:focus { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:bg-red-200\/30:hover { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:bg-red-200\/30:active { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:bg-red-200\/40:focus { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:bg-red-200\/40:hover { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:bg-red-200\/40:active { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:bg-red-200\/50:focus { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:bg-red-200\/50:hover { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:bg-red-200\/50:active { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:bg-red-200\/60:focus { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:bg-red-200\/60:hover { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:bg-red-200\/60:active { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:bg-red-200\/70:focus { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:bg-red-200\/70:hover { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:bg-red-200\/70:active { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:bg-red-200\/80:focus { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:bg-red-200\/80:hover { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:bg-red-200\/80:active { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:bg-red-200\/90:focus { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:bg-red-200\/90:hover { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:bg-red-200\/90:active { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:bg-red-300:focus { + background-color: var(--red-300) + } + .md\:hover\:bg-red-300:hover { + background-color: var(--red-300) + } + .md\:active\:bg-red-300:active { + background-color: var(--red-300) + } + .md\:focus\:bg-red-300\/10:focus { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:bg-red-300\/10:hover { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:bg-red-300\/10:active { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:bg-red-300\/20:focus { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:bg-red-300\/20:hover { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:bg-red-300\/20:active { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:bg-red-300\/30:focus { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:bg-red-300\/30:hover { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:bg-red-300\/30:active { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:bg-red-300\/40:focus { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:bg-red-300\/40:hover { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:bg-red-300\/40:active { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:bg-red-300\/50:focus { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:bg-red-300\/50:hover { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:bg-red-300\/50:active { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:bg-red-300\/60:focus { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:bg-red-300\/60:hover { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:bg-red-300\/60:active { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:bg-red-300\/70:focus { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:bg-red-300\/70:hover { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:bg-red-300\/70:active { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:bg-red-300\/80:focus { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:bg-red-300\/80:hover { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:bg-red-300\/80:active { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:bg-red-300\/90:focus { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:bg-red-300\/90:hover { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:bg-red-300\/90:active { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:bg-red-400:focus { + background-color: var(--red-400) + } + .md\:hover\:bg-red-400:hover { + background-color: var(--red-400) + } + .md\:active\:bg-red-400:active { + background-color: var(--red-400) + } + .md\:focus\:bg-red-400\/10:focus { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:bg-red-400\/10:hover { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:bg-red-400\/10:active { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:bg-red-400\/20:focus { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:bg-red-400\/20:hover { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:bg-red-400\/20:active { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:bg-red-400\/30:focus { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:bg-red-400\/30:hover { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:bg-red-400\/30:active { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:bg-red-400\/40:focus { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:bg-red-400\/40:hover { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:bg-red-400\/40:active { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:bg-red-400\/50:focus { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:bg-red-400\/50:hover { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:bg-red-400\/50:active { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:bg-red-400\/60:focus { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:bg-red-400\/60:hover { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:bg-red-400\/60:active { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:bg-red-400\/70:focus { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:bg-red-400\/70:hover { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:bg-red-400\/70:active { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:bg-red-400\/80:focus { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:bg-red-400\/80:hover { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:bg-red-400\/80:active { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:bg-red-400\/90:focus { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:bg-red-400\/90:hover { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:bg-red-400\/90:active { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:bg-red-500:focus { + background-color: var(--red-500) + } + .md\:hover\:bg-red-500:hover { + background-color: var(--red-500) + } + .md\:active\:bg-red-500:active { + background-color: var(--red-500) + } + .md\:focus\:bg-red-500\/10:focus { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:bg-red-500\/10:hover { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:bg-red-500\/10:active { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:bg-red-500\/20:focus { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:bg-red-500\/20:hover { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:bg-red-500\/20:active { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:bg-red-500\/30:focus { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:bg-red-500\/30:hover { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:bg-red-500\/30:active { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:bg-red-500\/40:focus { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:bg-red-500\/40:hover { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:bg-red-500\/40:active { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:bg-red-500\/50:focus { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:bg-red-500\/50:hover { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:bg-red-500\/50:active { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:bg-red-500\/60:focus { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:bg-red-500\/60:hover { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:bg-red-500\/60:active { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:bg-red-500\/70:focus { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:bg-red-500\/70:hover { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:bg-red-500\/70:active { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:bg-red-500\/80:focus { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:bg-red-500\/80:hover { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:bg-red-500\/80:active { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:bg-red-500\/90:focus { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:bg-red-500\/90:hover { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:bg-red-500\/90:active { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:bg-red-600:focus { + background-color: var(--red-600) + } + .md\:hover\:bg-red-600:hover { + background-color: var(--red-600) + } + .md\:active\:bg-red-600:active { + background-color: var(--red-600) + } + .md\:focus\:bg-red-600\/10:focus { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:bg-red-600\/10:hover { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:bg-red-600\/10:active { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:bg-red-600\/20:focus { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:bg-red-600\/20:hover { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:bg-red-600\/20:active { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:bg-red-600\/30:focus { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:bg-red-600\/30:hover { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:bg-red-600\/30:active { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:bg-red-600\/40:focus { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:bg-red-600\/40:hover { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:bg-red-600\/40:active { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:bg-red-600\/50:focus { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:bg-red-600\/50:hover { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:bg-red-600\/50:active { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:bg-red-600\/60:focus { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:bg-red-600\/60:hover { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:bg-red-600\/60:active { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:bg-red-600\/70:focus { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:bg-red-600\/70:hover { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:bg-red-600\/70:active { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:bg-red-600\/80:focus { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:bg-red-600\/80:hover { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:bg-red-600\/80:active { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:bg-red-600\/90:focus { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:bg-red-600\/90:hover { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:bg-red-600\/90:active { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:bg-red-700:focus { + background-color: var(--red-700) + } + .md\:hover\:bg-red-700:hover { + background-color: var(--red-700) + } + .md\:active\:bg-red-700:active { + background-color: var(--red-700) + } + .md\:focus\:bg-red-700\/10:focus { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:bg-red-700\/10:hover { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:bg-red-700\/10:active { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:bg-red-700\/20:focus { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:bg-red-700\/20:hover { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:bg-red-700\/20:active { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:bg-red-700\/30:focus { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:bg-red-700\/30:hover { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:bg-red-700\/30:active { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:bg-red-700\/40:focus { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:bg-red-700\/40:hover { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:bg-red-700\/40:active { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:bg-red-700\/50:focus { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:bg-red-700\/50:hover { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:bg-red-700\/50:active { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:bg-red-700\/60:focus { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:bg-red-700\/60:hover { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:bg-red-700\/60:active { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:bg-red-700\/70:focus { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:bg-red-700\/70:hover { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:bg-red-700\/70:active { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:bg-red-700\/80:focus { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:bg-red-700\/80:hover { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:bg-red-700\/80:active { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:bg-red-700\/90:focus { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:bg-red-700\/90:hover { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:bg-red-700\/90:active { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:bg-red-800:focus { + background-color: var(--red-800) + } + .md\:hover\:bg-red-800:hover { + background-color: var(--red-800) + } + .md\:active\:bg-red-800:active { + background-color: var(--red-800) + } + .md\:focus\:bg-red-800\/10:focus { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:bg-red-800\/10:hover { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:bg-red-800\/10:active { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:bg-red-800\/20:focus { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:bg-red-800\/20:hover { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:bg-red-800\/20:active { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:bg-red-800\/30:focus { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:bg-red-800\/30:hover { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:bg-red-800\/30:active { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:bg-red-800\/40:focus { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:bg-red-800\/40:hover { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:bg-red-800\/40:active { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:bg-red-800\/50:focus { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:bg-red-800\/50:hover { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:bg-red-800\/50:active { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:bg-red-800\/60:focus { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:bg-red-800\/60:hover { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:bg-red-800\/60:active { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:bg-red-800\/70:focus { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:bg-red-800\/70:hover { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:bg-red-800\/70:active { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:bg-red-800\/80:focus { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:bg-red-800\/80:hover { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:bg-red-800\/80:active { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:bg-red-800\/90:focus { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:bg-red-800\/90:hover { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:bg-red-800\/90:active { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:bg-red-900:focus { + background-color: var(--red-900) + } + .md\:hover\:bg-red-900:hover { + background-color: var(--red-900) + } + .md\:active\:bg-red-900:active { + background-color: var(--red-900) + } + .md\:focus\:bg-red-900\/10:focus { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:bg-red-900\/10:hover { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:bg-red-900\/10:active { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:bg-red-900\/20:focus { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:bg-red-900\/20:hover { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:bg-red-900\/20:active { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:bg-red-900\/30:focus { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:bg-red-900\/30:hover { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:bg-red-900\/30:active { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:bg-red-900\/40:focus { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:bg-red-900\/40:hover { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:bg-red-900\/40:active { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:bg-red-900\/50:focus { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:bg-red-900\/50:hover { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:bg-red-900\/50:active { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:bg-red-900\/60:focus { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:bg-red-900\/60:hover { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:bg-red-900\/60:active { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:bg-red-900\/70:focus { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:bg-red-900\/70:hover { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:bg-red-900\/70:active { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:bg-red-900\/80:focus { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:bg-red-900\/80:hover { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:bg-red-900\/80:active { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:bg-red-900\/90:focus { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:bg-red-900\/90:hover { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:bg-red-900\/90:active { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:bg-gray-50:focus { + background-color: var(--gray-50) + } + .md\:hover\:bg-gray-50:hover { + background-color: var(--gray-50) + } + .md\:active\:bg-gray-50:active { + background-color: var(--gray-50) + } + .md\:focus\:bg-gray-50\/10:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:bg-gray-50\/10:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:bg-gray-50\/10:active { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:bg-gray-50\/20:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:bg-gray-50\/20:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:bg-gray-50\/20:active { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:bg-gray-50\/30:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:bg-gray-50\/30:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:bg-gray-50\/30:active { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:bg-gray-50\/40:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:bg-gray-50\/40:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:bg-gray-50\/40:active { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:bg-gray-50\/50:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:bg-gray-50\/50:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:bg-gray-50\/50:active { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:bg-gray-50\/60:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:bg-gray-50\/60:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:bg-gray-50\/60:active { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:bg-gray-50\/70:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:bg-gray-50\/70:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:bg-gray-50\/70:active { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:bg-gray-50\/80:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:bg-gray-50\/80:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:bg-gray-50\/80:active { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:bg-gray-50\/90:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:bg-gray-50\/90:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:bg-gray-50\/90:active { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:bg-gray-100:focus { + background-color: var(--gray-100) + } + .md\:hover\:bg-gray-100:hover { + background-color: var(--gray-100) + } + .md\:active\:bg-gray-100:active { + background-color: var(--gray-100) + } + .md\:focus\:bg-gray-100\/10:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:bg-gray-100\/10:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:bg-gray-100\/10:active { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:bg-gray-100\/20:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:bg-gray-100\/20:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:bg-gray-100\/20:active { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:bg-gray-100\/30:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:bg-gray-100\/30:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:bg-gray-100\/30:active { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:bg-gray-100\/40:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:bg-gray-100\/40:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:bg-gray-100\/40:active { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:bg-gray-100\/50:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:bg-gray-100\/50:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:bg-gray-100\/50:active { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:bg-gray-100\/60:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:bg-gray-100\/60:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:bg-gray-100\/60:active { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:bg-gray-100\/70:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:bg-gray-100\/70:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:bg-gray-100\/70:active { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:bg-gray-100\/80:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:bg-gray-100\/80:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:bg-gray-100\/80:active { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:bg-gray-100\/90:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:bg-gray-100\/90:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:bg-gray-100\/90:active { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:bg-gray-200:focus { + background-color: var(--gray-200) + } + .md\:hover\:bg-gray-200:hover { + background-color: var(--gray-200) + } + .md\:active\:bg-gray-200:active { + background-color: var(--gray-200) + } + .md\:focus\:bg-gray-200\/10:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:bg-gray-200\/10:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:bg-gray-200\/10:active { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:bg-gray-200\/20:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:bg-gray-200\/20:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:bg-gray-200\/20:active { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:bg-gray-200\/30:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:bg-gray-200\/30:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:bg-gray-200\/30:active { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:bg-gray-200\/40:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:bg-gray-200\/40:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:bg-gray-200\/40:active { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:bg-gray-200\/50:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:bg-gray-200\/50:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:bg-gray-200\/50:active { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:bg-gray-200\/60:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:bg-gray-200\/60:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:bg-gray-200\/60:active { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:bg-gray-200\/70:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:bg-gray-200\/70:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:bg-gray-200\/70:active { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:bg-gray-200\/80:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:bg-gray-200\/80:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:bg-gray-200\/80:active { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:bg-gray-200\/90:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:bg-gray-200\/90:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:bg-gray-200\/90:active { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:bg-gray-300:focus { + background-color: var(--gray-300) + } + .md\:hover\:bg-gray-300:hover { + background-color: var(--gray-300) + } + .md\:active\:bg-gray-300:active { + background-color: var(--gray-300) + } + .md\:focus\:bg-gray-300\/10:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:bg-gray-300\/10:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:bg-gray-300\/10:active { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:bg-gray-300\/20:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:bg-gray-300\/20:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:bg-gray-300\/20:active { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:bg-gray-300\/30:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:bg-gray-300\/30:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:bg-gray-300\/30:active { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:bg-gray-300\/40:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:bg-gray-300\/40:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:bg-gray-300\/40:active { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:bg-gray-300\/50:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:bg-gray-300\/50:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:bg-gray-300\/50:active { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:bg-gray-300\/60:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:bg-gray-300\/60:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:bg-gray-300\/60:active { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:bg-gray-300\/70:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:bg-gray-300\/70:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:bg-gray-300\/70:active { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:bg-gray-300\/80:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:bg-gray-300\/80:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:bg-gray-300\/80:active { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:bg-gray-300\/90:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:bg-gray-300\/90:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:bg-gray-300\/90:active { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:bg-gray-400:focus { + background-color: var(--gray-400) + } + .md\:hover\:bg-gray-400:hover { + background-color: var(--gray-400) + } + .md\:active\:bg-gray-400:active { + background-color: var(--gray-400) + } + .md\:focus\:bg-gray-400\/10:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:bg-gray-400\/10:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:bg-gray-400\/10:active { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:bg-gray-400\/20:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:bg-gray-400\/20:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:bg-gray-400\/20:active { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:bg-gray-400\/30:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:bg-gray-400\/30:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:bg-gray-400\/30:active { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:bg-gray-400\/40:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:bg-gray-400\/40:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:bg-gray-400\/40:active { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:bg-gray-400\/50:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:bg-gray-400\/50:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:bg-gray-400\/50:active { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:bg-gray-400\/60:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:bg-gray-400\/60:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:bg-gray-400\/60:active { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:bg-gray-400\/70:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:bg-gray-400\/70:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:bg-gray-400\/70:active { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:bg-gray-400\/80:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:bg-gray-400\/80:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:bg-gray-400\/80:active { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:bg-gray-400\/90:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:bg-gray-400\/90:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:bg-gray-400\/90:active { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:bg-gray-500:focus { + background-color: var(--gray-500) + } + .md\:hover\:bg-gray-500:hover { + background-color: var(--gray-500) + } + .md\:active\:bg-gray-500:active { + background-color: var(--gray-500) + } + .md\:focus\:bg-gray-500\/10:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:bg-gray-500\/10:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:bg-gray-500\/10:active { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:bg-gray-500\/20:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:bg-gray-500\/20:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:bg-gray-500\/20:active { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:bg-gray-500\/30:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:bg-gray-500\/30:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:bg-gray-500\/30:active { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:bg-gray-500\/40:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:bg-gray-500\/40:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:bg-gray-500\/40:active { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:bg-gray-500\/50:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:bg-gray-500\/50:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:bg-gray-500\/50:active { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:bg-gray-500\/60:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:bg-gray-500\/60:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:bg-gray-500\/60:active { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:bg-gray-500\/70:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:bg-gray-500\/70:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:bg-gray-500\/70:active { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:bg-gray-500\/80:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:bg-gray-500\/80:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:bg-gray-500\/80:active { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:bg-gray-500\/90:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:bg-gray-500\/90:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:bg-gray-500\/90:active { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:bg-gray-600:focus { + background-color: var(--gray-600) + } + .md\:hover\:bg-gray-600:hover { + background-color: var(--gray-600) + } + .md\:active\:bg-gray-600:active { + background-color: var(--gray-600) + } + .md\:focus\:bg-gray-600\/10:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:bg-gray-600\/10:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:bg-gray-600\/10:active { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:bg-gray-600\/20:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:bg-gray-600\/20:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:bg-gray-600\/20:active { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:bg-gray-600\/30:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:bg-gray-600\/30:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:bg-gray-600\/30:active { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:bg-gray-600\/40:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:bg-gray-600\/40:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:bg-gray-600\/40:active { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:bg-gray-600\/50:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:bg-gray-600\/50:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:bg-gray-600\/50:active { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:bg-gray-600\/60:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:bg-gray-600\/60:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:bg-gray-600\/60:active { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:bg-gray-600\/70:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:bg-gray-600\/70:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:bg-gray-600\/70:active { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:bg-gray-600\/80:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:bg-gray-600\/80:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:bg-gray-600\/80:active { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:bg-gray-600\/90:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:bg-gray-600\/90:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:bg-gray-600\/90:active { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:bg-gray-700:focus { + background-color: var(--gray-700) + } + .md\:hover\:bg-gray-700:hover { + background-color: var(--gray-700) + } + .md\:active\:bg-gray-700:active { + background-color: var(--gray-700) + } + .md\:focus\:bg-gray-700\/10:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:bg-gray-700\/10:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:bg-gray-700\/10:active { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:bg-gray-700\/20:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:bg-gray-700\/20:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:bg-gray-700\/20:active { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:bg-gray-700\/30:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:bg-gray-700\/30:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:bg-gray-700\/30:active { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:bg-gray-700\/40:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:bg-gray-700\/40:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:bg-gray-700\/40:active { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:bg-gray-700\/50:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:bg-gray-700\/50:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:bg-gray-700\/50:active { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:bg-gray-700\/60:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:bg-gray-700\/60:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:bg-gray-700\/60:active { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:bg-gray-700\/70:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:bg-gray-700\/70:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:bg-gray-700\/70:active { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:bg-gray-700\/80:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:bg-gray-700\/80:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:bg-gray-700\/80:active { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:bg-gray-700\/90:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:bg-gray-700\/90:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:bg-gray-700\/90:active { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:bg-gray-800:focus { + background-color: var(--gray-800) + } + .md\:hover\:bg-gray-800:hover { + background-color: var(--gray-800) + } + .md\:active\:bg-gray-800:active { + background-color: var(--gray-800) + } + .md\:focus\:bg-gray-800\/10:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:bg-gray-800\/10:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:bg-gray-800\/10:active { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:bg-gray-800\/20:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:bg-gray-800\/20:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:bg-gray-800\/20:active { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:bg-gray-800\/30:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:bg-gray-800\/30:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:bg-gray-800\/30:active { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:bg-gray-800\/40:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:bg-gray-800\/40:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:bg-gray-800\/40:active { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:bg-gray-800\/50:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:bg-gray-800\/50:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:bg-gray-800\/50:active { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:bg-gray-800\/60:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:bg-gray-800\/60:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:bg-gray-800\/60:active { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:bg-gray-800\/70:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:bg-gray-800\/70:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:bg-gray-800\/70:active { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:bg-gray-800\/80:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:bg-gray-800\/80:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:bg-gray-800\/80:active { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:bg-gray-800\/90:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:bg-gray-800\/90:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:bg-gray-800\/90:active { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:bg-gray-900:focus { + background-color: var(--gray-900) + } + .md\:hover\:bg-gray-900:hover { + background-color: var(--gray-900) + } + .md\:active\:bg-gray-900:active { + background-color: var(--gray-900) + } + .md\:focus\:bg-gray-900\/10:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:bg-gray-900\/10:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:bg-gray-900\/10:active { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:bg-gray-900\/20:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:bg-gray-900\/20:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:bg-gray-900\/20:active { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:bg-gray-900\/30:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:bg-gray-900\/30:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:bg-gray-900\/30:active { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:bg-gray-900\/40:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:bg-gray-900\/40:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:bg-gray-900\/40:active { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:bg-gray-900\/50:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:bg-gray-900\/50:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:bg-gray-900\/50:active { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:bg-gray-900\/60:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:bg-gray-900\/60:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:bg-gray-900\/60:active { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:bg-gray-900\/70:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:bg-gray-900\/70:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:bg-gray-900\/70:active { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:bg-gray-900\/80:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:bg-gray-900\/80:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:bg-gray-900\/80:active { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:bg-gray-900\/90:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:bg-gray-900\/90:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:bg-gray-900\/90:active { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:bg-surface-0:focus { + background-color: var(--surface-0) + } + .md\:hover\:bg-surface-0:hover { + background-color: var(--surface-0) + } + .md\:active\:bg-surface-0:active { + background-color: var(--surface-0) + } + .md\:focus\:bg-surface-0\/10:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:bg-surface-0\/10:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:bg-surface-0\/10:active { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:bg-surface-0\/20:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:bg-surface-0\/20:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:bg-surface-0\/20:active { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:bg-surface-0\/30:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:bg-surface-0\/30:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:bg-surface-0\/30:active { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:bg-surface-0\/40:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:bg-surface-0\/40:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:bg-surface-0\/40:active { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:bg-surface-0\/50:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:bg-surface-0\/50:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:bg-surface-0\/50:active { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:bg-surface-0\/60:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:bg-surface-0\/60:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:bg-surface-0\/60:active { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:bg-surface-0\/70:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:bg-surface-0\/70:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:bg-surface-0\/70:active { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:bg-surface-0\/80:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:bg-surface-0\/80:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:bg-surface-0\/80:active { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:bg-surface-0\/90:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:bg-surface-0\/90:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:bg-surface-0\/90:active { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:bg-surface-50:focus { + background-color: var(--surface-50) + } + .md\:hover\:bg-surface-50:hover { + background-color: var(--surface-50) + } + .md\:active\:bg-surface-50:active { + background-color: var(--surface-50) + } + .md\:focus\:bg-surface-50\/10:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:bg-surface-50\/10:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:bg-surface-50\/10:active { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:bg-surface-50\/20:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:bg-surface-50\/20:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:bg-surface-50\/20:active { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:bg-surface-50\/30:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:bg-surface-50\/30:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:bg-surface-50\/30:active { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:bg-surface-50\/40:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:bg-surface-50\/40:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:bg-surface-50\/40:active { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:bg-surface-50\/50:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:bg-surface-50\/50:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:bg-surface-50\/50:active { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:bg-surface-50\/60:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:bg-surface-50\/60:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:bg-surface-50\/60:active { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:bg-surface-50\/70:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:bg-surface-50\/70:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:bg-surface-50\/70:active { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:bg-surface-50\/80:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:bg-surface-50\/80:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:bg-surface-50\/80:active { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:bg-surface-50\/90:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:bg-surface-50\/90:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:bg-surface-50\/90:active { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:bg-surface-100:focus { + background-color: var(--surface-100) + } + .md\:hover\:bg-surface-100:hover { + background-color: var(--surface-100) + } + .md\:active\:bg-surface-100:active { + background-color: var(--surface-100) + } + .md\:focus\:bg-surface-100\/10:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:bg-surface-100\/10:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:bg-surface-100\/10:active { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:bg-surface-100\/20:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:bg-surface-100\/20:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:bg-surface-100\/20:active { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:bg-surface-100\/30:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:bg-surface-100\/30:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:bg-surface-100\/30:active { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:bg-surface-100\/40:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:bg-surface-100\/40:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:bg-surface-100\/40:active { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:bg-surface-100\/50:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:bg-surface-100\/50:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:bg-surface-100\/50:active { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:bg-surface-100\/60:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:bg-surface-100\/60:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:bg-surface-100\/60:active { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:bg-surface-100\/70:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:bg-surface-100\/70:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:bg-surface-100\/70:active { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:bg-surface-100\/80:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:bg-surface-100\/80:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:bg-surface-100\/80:active { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:bg-surface-100\/90:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:bg-surface-100\/90:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:bg-surface-100\/90:active { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:bg-surface-200:focus { + background-color: var(--surface-200) + } + .md\:hover\:bg-surface-200:hover { + background-color: var(--surface-200) + } + .md\:active\:bg-surface-200:active { + background-color: var(--surface-200) + } + .md\:focus\:bg-surface-200\/10:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:bg-surface-200\/10:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:bg-surface-200\/10:active { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:bg-surface-200\/20:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:bg-surface-200\/20:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:bg-surface-200\/20:active { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:bg-surface-200\/30:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:bg-surface-200\/30:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:bg-surface-200\/30:active { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:bg-surface-200\/40:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:bg-surface-200\/40:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:bg-surface-200\/40:active { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:bg-surface-200\/50:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:bg-surface-200\/50:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:bg-surface-200\/50:active { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:bg-surface-200\/60:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:bg-surface-200\/60:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:bg-surface-200\/60:active { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:bg-surface-200\/70:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:bg-surface-200\/70:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:bg-surface-200\/70:active { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:bg-surface-200\/80:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:bg-surface-200\/80:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:bg-surface-200\/80:active { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:bg-surface-200\/90:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:bg-surface-200\/90:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:bg-surface-200\/90:active { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:bg-surface-300:focus { + background-color: var(--surface-300) + } + .md\:hover\:bg-surface-300:hover { + background-color: var(--surface-300) + } + .md\:active\:bg-surface-300:active { + background-color: var(--surface-300) + } + .md\:focus\:bg-surface-300\/10:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:bg-surface-300\/10:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:bg-surface-300\/10:active { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:bg-surface-300\/20:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:bg-surface-300\/20:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:bg-surface-300\/20:active { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:bg-surface-300\/30:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:bg-surface-300\/30:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:bg-surface-300\/30:active { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:bg-surface-300\/40:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:bg-surface-300\/40:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:bg-surface-300\/40:active { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:bg-surface-300\/50:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:bg-surface-300\/50:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:bg-surface-300\/50:active { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:bg-surface-300\/60:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:bg-surface-300\/60:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:bg-surface-300\/60:active { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:bg-surface-300\/70:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:bg-surface-300\/70:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:bg-surface-300\/70:active { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:bg-surface-300\/80:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:bg-surface-300\/80:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:bg-surface-300\/80:active { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:bg-surface-300\/90:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:bg-surface-300\/90:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:bg-surface-300\/90:active { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:bg-surface-400:focus { + background-color: var(--surface-400) + } + .md\:hover\:bg-surface-400:hover { + background-color: var(--surface-400) + } + .md\:active\:bg-surface-400:active { + background-color: var(--surface-400) + } + .md\:focus\:bg-surface-400\/10:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:bg-surface-400\/10:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:bg-surface-400\/10:active { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:bg-surface-400\/20:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:bg-surface-400\/20:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:bg-surface-400\/20:active { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:bg-surface-400\/30:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:bg-surface-400\/30:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:bg-surface-400\/30:active { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:bg-surface-400\/40:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:bg-surface-400\/40:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:bg-surface-400\/40:active { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:bg-surface-400\/50:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:bg-surface-400\/50:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:bg-surface-400\/50:active { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:bg-surface-400\/60:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:bg-surface-400\/60:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:bg-surface-400\/60:active { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:bg-surface-400\/70:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:bg-surface-400\/70:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:bg-surface-400\/70:active { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:bg-surface-400\/80:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:bg-surface-400\/80:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:bg-surface-400\/80:active { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:bg-surface-400\/90:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:bg-surface-400\/90:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:bg-surface-400\/90:active { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:bg-surface-500:focus { + background-color: var(--surface-500) + } + .md\:hover\:bg-surface-500:hover { + background-color: var(--surface-500) + } + .md\:active\:bg-surface-500:active { + background-color: var(--surface-500) + } + .md\:focus\:bg-surface-500\/10:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:bg-surface-500\/10:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:bg-surface-500\/10:active { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:bg-surface-500\/20:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:bg-surface-500\/20:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:bg-surface-500\/20:active { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:bg-surface-500\/30:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:bg-surface-500\/30:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:bg-surface-500\/30:active { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:bg-surface-500\/40:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:bg-surface-500\/40:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:bg-surface-500\/40:active { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:bg-surface-500\/50:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:bg-surface-500\/50:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:bg-surface-500\/50:active { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:bg-surface-500\/60:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:bg-surface-500\/60:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:bg-surface-500\/60:active { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:bg-surface-500\/70:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:bg-surface-500\/70:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:bg-surface-500\/70:active { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:bg-surface-500\/80:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:bg-surface-500\/80:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:bg-surface-500\/80:active { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:bg-surface-500\/90:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:bg-surface-500\/90:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:bg-surface-500\/90:active { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:bg-surface-600:focus { + background-color: var(--surface-600) + } + .md\:hover\:bg-surface-600:hover { + background-color: var(--surface-600) + } + .md\:active\:bg-surface-600:active { + background-color: var(--surface-600) + } + .md\:focus\:bg-surface-600\/10:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:bg-surface-600\/10:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:bg-surface-600\/10:active { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:bg-surface-600\/20:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:bg-surface-600\/20:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:bg-surface-600\/20:active { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:bg-surface-600\/30:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:bg-surface-600\/30:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:bg-surface-600\/30:active { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:bg-surface-600\/40:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:bg-surface-600\/40:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:bg-surface-600\/40:active { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:bg-surface-600\/50:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:bg-surface-600\/50:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:bg-surface-600\/50:active { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:bg-surface-600\/60:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:bg-surface-600\/60:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:bg-surface-600\/60:active { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:bg-surface-600\/70:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:bg-surface-600\/70:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:bg-surface-600\/70:active { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:bg-surface-600\/80:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:bg-surface-600\/80:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:bg-surface-600\/80:active { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:bg-surface-600\/90:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:bg-surface-600\/90:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:bg-surface-600\/90:active { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:bg-surface-700:focus { + background-color: var(--surface-700) + } + .md\:hover\:bg-surface-700:hover { + background-color: var(--surface-700) + } + .md\:active\:bg-surface-700:active { + background-color: var(--surface-700) + } + .md\:focus\:bg-surface-700\/10:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:bg-surface-700\/10:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:bg-surface-700\/10:active { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:bg-surface-700\/20:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:bg-surface-700\/20:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:bg-surface-700\/20:active { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:bg-surface-700\/30:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:bg-surface-700\/30:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:bg-surface-700\/30:active { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:bg-surface-700\/40:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:bg-surface-700\/40:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:bg-surface-700\/40:active { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:bg-surface-700\/50:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:bg-surface-700\/50:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:bg-surface-700\/50:active { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:bg-surface-700\/60:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:bg-surface-700\/60:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:bg-surface-700\/60:active { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:bg-surface-700\/70:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:bg-surface-700\/70:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:bg-surface-700\/70:active { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:bg-surface-700\/80:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:bg-surface-700\/80:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:bg-surface-700\/80:active { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:bg-surface-700\/90:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:bg-surface-700\/90:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:bg-surface-700\/90:active { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:bg-surface-800:focus { + background-color: var(--surface-800) + } + .md\:hover\:bg-surface-800:hover { + background-color: var(--surface-800) + } + .md\:active\:bg-surface-800:active { + background-color: var(--surface-800) + } + .md\:focus\:bg-surface-800\/10:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:bg-surface-800\/10:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:bg-surface-800\/10:active { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:bg-surface-800\/20:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:bg-surface-800\/20:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:bg-surface-800\/20:active { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:bg-surface-800\/30:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:bg-surface-800\/30:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:bg-surface-800\/30:active { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:bg-surface-800\/40:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:bg-surface-800\/40:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:bg-surface-800\/40:active { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:bg-surface-800\/50:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:bg-surface-800\/50:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:bg-surface-800\/50:active { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:bg-surface-800\/60:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:bg-surface-800\/60:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:bg-surface-800\/60:active { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:bg-surface-800\/70:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:bg-surface-800\/70:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:bg-surface-800\/70:active { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:bg-surface-800\/80:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:bg-surface-800\/80:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:bg-surface-800\/80:active { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:bg-surface-800\/90:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:bg-surface-800\/90:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:bg-surface-800\/90:active { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:bg-surface-900:focus { + background-color: var(--surface-900) + } + .md\:hover\:bg-surface-900:hover { + background-color: var(--surface-900) + } + .md\:active\:bg-surface-900:active { + background-color: var(--surface-900) + } + .md\:focus\:bg-surface-900\/10:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:bg-surface-900\/10:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:bg-surface-900\/10:active { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:bg-surface-900\/20:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:bg-surface-900\/20:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:bg-surface-900\/20:active { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:bg-surface-900\/30:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:bg-surface-900\/30:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:bg-surface-900\/30:active { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:bg-surface-900\/40:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:bg-surface-900\/40:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:bg-surface-900\/40:active { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:bg-surface-900\/50:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:bg-surface-900\/50:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:bg-surface-900\/50:active { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:bg-surface-900\/60:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:bg-surface-900\/60:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:bg-surface-900\/60:active { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:bg-surface-900\/70:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:bg-surface-900\/70:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:bg-surface-900\/70:active { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:bg-surface-900\/80:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:bg-surface-900\/80:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:bg-surface-900\/80:active { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:bg-surface-900\/90:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:bg-surface-900\/90:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:bg-surface-900\/90:active { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:bg-primary-50:focus { + background-color: var(--primary-50) + } + .md\:hover\:bg-primary-50:hover { + background-color: var(--primary-50) + } + .md\:active\:bg-primary-50:active { + background-color: var(--primary-50) + } + .md\:focus\:bg-primary-50\/10:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:bg-primary-50\/10:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:bg-primary-50\/10:active { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:bg-primary-50\/20:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:bg-primary-50\/20:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:bg-primary-50\/20:active { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:bg-primary-50\/30:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:bg-primary-50\/30:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:bg-primary-50\/30:active { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:bg-primary-50\/40:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:bg-primary-50\/40:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:bg-primary-50\/40:active { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:bg-primary-50\/50:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:bg-primary-50\/50:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:bg-primary-50\/50:active { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:bg-primary-50\/60:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:bg-primary-50\/60:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:bg-primary-50\/60:active { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:bg-primary-50\/70:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:bg-primary-50\/70:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:bg-primary-50\/70:active { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:bg-primary-50\/80:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:bg-primary-50\/80:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:bg-primary-50\/80:active { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:bg-primary-50\/90:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:bg-primary-50\/90:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:bg-primary-50\/90:active { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:bg-primary-100:focus { + background-color: var(--primary-100) + } + .md\:hover\:bg-primary-100:hover { + background-color: var(--primary-100) + } + .md\:active\:bg-primary-100:active { + background-color: var(--primary-100) + } + .md\:focus\:bg-primary-100\/10:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:bg-primary-100\/10:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:bg-primary-100\/10:active { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:bg-primary-100\/20:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:bg-primary-100\/20:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:bg-primary-100\/20:active { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:bg-primary-100\/30:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:bg-primary-100\/30:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:bg-primary-100\/30:active { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:bg-primary-100\/40:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:bg-primary-100\/40:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:bg-primary-100\/40:active { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:bg-primary-100\/50:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:bg-primary-100\/50:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:bg-primary-100\/50:active { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:bg-primary-100\/60:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:bg-primary-100\/60:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:bg-primary-100\/60:active { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:bg-primary-100\/70:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:bg-primary-100\/70:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:bg-primary-100\/70:active { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:bg-primary-100\/80:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:bg-primary-100\/80:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:bg-primary-100\/80:active { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:bg-primary-100\/90:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:bg-primary-100\/90:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:bg-primary-100\/90:active { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:bg-primary-200:focus { + background-color: var(--primary-200) + } + .md\:hover\:bg-primary-200:hover { + background-color: var(--primary-200) + } + .md\:active\:bg-primary-200:active { + background-color: var(--primary-200) + } + .md\:focus\:bg-primary-200\/10:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:bg-primary-200\/10:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:bg-primary-200\/10:active { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:bg-primary-200\/20:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:bg-primary-200\/20:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:bg-primary-200\/20:active { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:bg-primary-200\/30:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:bg-primary-200\/30:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:bg-primary-200\/30:active { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:bg-primary-200\/40:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:bg-primary-200\/40:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:bg-primary-200\/40:active { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:bg-primary-200\/50:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:bg-primary-200\/50:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:bg-primary-200\/50:active { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:bg-primary-200\/60:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:bg-primary-200\/60:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:bg-primary-200\/60:active { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:bg-primary-200\/70:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:bg-primary-200\/70:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:bg-primary-200\/70:active { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:bg-primary-200\/80:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:bg-primary-200\/80:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:bg-primary-200\/80:active { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:bg-primary-200\/90:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:bg-primary-200\/90:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:bg-primary-200\/90:active { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:bg-primary-300:focus { + background-color: var(--primary-300) + } + .md\:hover\:bg-primary-300:hover { + background-color: var(--primary-300) + } + .md\:active\:bg-primary-300:active { + background-color: var(--primary-300) + } + .md\:focus\:bg-primary-300\/10:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:bg-primary-300\/10:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:bg-primary-300\/10:active { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:bg-primary-300\/20:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:bg-primary-300\/20:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:bg-primary-300\/20:active { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:bg-primary-300\/30:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:bg-primary-300\/30:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:bg-primary-300\/30:active { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:bg-primary-300\/40:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:bg-primary-300\/40:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:bg-primary-300\/40:active { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:bg-primary-300\/50:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:bg-primary-300\/50:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:bg-primary-300\/50:active { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:bg-primary-300\/60:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:bg-primary-300\/60:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:bg-primary-300\/60:active { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:bg-primary-300\/70:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:bg-primary-300\/70:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:bg-primary-300\/70:active { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:bg-primary-300\/80:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:bg-primary-300\/80:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:bg-primary-300\/80:active { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:bg-primary-300\/90:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:bg-primary-300\/90:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:bg-primary-300\/90:active { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:bg-primary-400:focus { + background-color: var(--primary-400) + } + .md\:hover\:bg-primary-400:hover { + background-color: var(--primary-400) + } + .md\:active\:bg-primary-400:active { + background-color: var(--primary-400) + } + .md\:focus\:bg-primary-400\/10:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:bg-primary-400\/10:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:bg-primary-400\/10:active { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:bg-primary-400\/20:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:bg-primary-400\/20:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:bg-primary-400\/20:active { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:bg-primary-400\/30:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:bg-primary-400\/30:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:bg-primary-400\/30:active { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:bg-primary-400\/40:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:bg-primary-400\/40:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:bg-primary-400\/40:active { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:bg-primary-400\/50:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:bg-primary-400\/50:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:bg-primary-400\/50:active { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:bg-primary-400\/60:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:bg-primary-400\/60:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:bg-primary-400\/60:active { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:bg-primary-400\/70:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:bg-primary-400\/70:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:bg-primary-400\/70:active { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:bg-primary-400\/80:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:bg-primary-400\/80:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:bg-primary-400\/80:active { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:bg-primary-400\/90:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:bg-primary-400\/90:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:bg-primary-400\/90:active { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:bg-primary-500:focus { + background-color: var(--primary-500) + } + .md\:hover\:bg-primary-500:hover { + background-color: var(--primary-500) + } + .md\:active\:bg-primary-500:active { + background-color: var(--primary-500) + } + .md\:focus\:bg-primary-500\/10:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:bg-primary-500\/10:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:bg-primary-500\/10:active { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:bg-primary-500\/20:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:bg-primary-500\/20:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:bg-primary-500\/20:active { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:bg-primary-500\/30:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:bg-primary-500\/30:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:bg-primary-500\/30:active { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:bg-primary-500\/40:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:bg-primary-500\/40:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:bg-primary-500\/40:active { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:bg-primary-500\/50:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:bg-primary-500\/50:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:bg-primary-500\/50:active { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:bg-primary-500\/60:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:bg-primary-500\/60:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:bg-primary-500\/60:active { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:bg-primary-500\/70:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:bg-primary-500\/70:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:bg-primary-500\/70:active { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:bg-primary-500\/80:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:bg-primary-500\/80:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:bg-primary-500\/80:active { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:bg-primary-500\/90:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:bg-primary-500\/90:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:bg-primary-500\/90:active { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:bg-primary-600:focus { + background-color: var(--primary-600) + } + .md\:hover\:bg-primary-600:hover { + background-color: var(--primary-600) + } + .md\:active\:bg-primary-600:active { + background-color: var(--primary-600) + } + .md\:focus\:bg-primary-600\/10:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:bg-primary-600\/10:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:bg-primary-600\/10:active { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:bg-primary-600\/20:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:bg-primary-600\/20:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:bg-primary-600\/20:active { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:bg-primary-600\/30:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:bg-primary-600\/30:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:bg-primary-600\/30:active { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:bg-primary-600\/40:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:bg-primary-600\/40:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:bg-primary-600\/40:active { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:bg-primary-600\/50:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:bg-primary-600\/50:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:bg-primary-600\/50:active { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:bg-primary-600\/60:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:bg-primary-600\/60:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:bg-primary-600\/60:active { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:bg-primary-600\/70:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:bg-primary-600\/70:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:bg-primary-600\/70:active { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:bg-primary-600\/80:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:bg-primary-600\/80:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:bg-primary-600\/80:active { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:bg-primary-600\/90:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:bg-primary-600\/90:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:bg-primary-600\/90:active { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:bg-primary-700:focus { + background-color: var(--primary-700) + } + .md\:hover\:bg-primary-700:hover { + background-color: var(--primary-700) + } + .md\:active\:bg-primary-700:active { + background-color: var(--primary-700) + } + .md\:focus\:bg-primary-700\/10:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:bg-primary-700\/10:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:bg-primary-700\/10:active { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:bg-primary-700\/20:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:bg-primary-700\/20:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:bg-primary-700\/20:active { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:bg-primary-700\/30:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:bg-primary-700\/30:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:bg-primary-700\/30:active { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:bg-primary-700\/40:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:bg-primary-700\/40:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:bg-primary-700\/40:active { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:bg-primary-700\/50:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:bg-primary-700\/50:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:bg-primary-700\/50:active { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:bg-primary-700\/60:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:bg-primary-700\/60:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:bg-primary-700\/60:active { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:bg-primary-700\/70:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:bg-primary-700\/70:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:bg-primary-700\/70:active { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:bg-primary-700\/80:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:bg-primary-700\/80:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:bg-primary-700\/80:active { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:bg-primary-700\/90:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:bg-primary-700\/90:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:bg-primary-700\/90:active { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:bg-primary-800:focus { + background-color: var(--primary-800) + } + .md\:hover\:bg-primary-800:hover { + background-color: var(--primary-800) + } + .md\:active\:bg-primary-800:active { + background-color: var(--primary-800) + } + .md\:focus\:bg-primary-800\/10:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:bg-primary-800\/10:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:bg-primary-800\/10:active { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:bg-primary-800\/20:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:bg-primary-800\/20:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:bg-primary-800\/20:active { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:bg-primary-800\/30:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:bg-primary-800\/30:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:bg-primary-800\/30:active { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:bg-primary-800\/40:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:bg-primary-800\/40:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:bg-primary-800\/40:active { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:bg-primary-800\/50:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:bg-primary-800\/50:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:bg-primary-800\/50:active { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:bg-primary-800\/60:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:bg-primary-800\/60:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:bg-primary-800\/60:active { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:bg-primary-800\/70:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:bg-primary-800\/70:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:bg-primary-800\/70:active { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:bg-primary-800\/80:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:bg-primary-800\/80:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:bg-primary-800\/80:active { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:bg-primary-800\/90:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:bg-primary-800\/90:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:bg-primary-800\/90:active { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:bg-primary-900:focus { + background-color: var(--primary-900) + } + .md\:hover\:bg-primary-900:hover { + background-color: var(--primary-900) + } + .md\:active\:bg-primary-900:active { + background-color: var(--primary-900) + } + .md\:focus\:bg-primary-900\/10:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:bg-primary-900\/10:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:bg-primary-900\/10:active { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:bg-primary-900\/20:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:bg-primary-900\/20:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:bg-primary-900\/20:active { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:bg-primary-900\/30:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:bg-primary-900\/30:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:bg-primary-900\/30:active { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:bg-primary-900\/40:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:bg-primary-900\/40:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:bg-primary-900\/40:active { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:bg-primary-900\/50:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:bg-primary-900\/50:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:bg-primary-900\/50:active { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:bg-primary-900\/60:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:bg-primary-900\/60:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:bg-primary-900\/60:active { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:bg-primary-900\/70:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:bg-primary-900\/70:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:bg-primary-900\/70:active { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:bg-primary-900\/80:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:bg-primary-900\/80:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:bg-primary-900\/80:active { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:bg-primary-900\/90:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:bg-primary-900\/90:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:bg-primary-900\/90:active { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:bg-blue-50 { + background-color: var(--blue-50) + } + .lg\:bg-blue-50\/10 { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:bg-blue-50\/20 { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:bg-blue-50\/30 { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:bg-blue-50\/40 { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:bg-blue-50\/50 { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:bg-blue-50\/60 { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:bg-blue-50\/70 { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:bg-blue-50\/80 { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:bg-blue-50\/90 { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:bg-blue-100 { + background-color: var(--blue-100) + } + .lg\:bg-blue-100\/10 { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:bg-blue-100\/20 { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:bg-blue-100\/30 { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:bg-blue-100\/40 { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:bg-blue-100\/50 { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:bg-blue-100\/60 { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:bg-blue-100\/70 { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:bg-blue-100\/80 { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:bg-blue-100\/90 { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:bg-blue-200 { + background-color: var(--blue-200) + } + .lg\:bg-blue-200\/10 { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:bg-blue-200\/20 { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:bg-blue-200\/30 { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:bg-blue-200\/40 { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:bg-blue-200\/50 { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:bg-blue-200\/60 { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:bg-blue-200\/70 { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:bg-blue-200\/80 { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:bg-blue-200\/90 { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:bg-blue-300 { + background-color: var(--blue-300) + } + .lg\:bg-blue-300\/10 { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:bg-blue-300\/20 { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:bg-blue-300\/30 { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:bg-blue-300\/40 { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:bg-blue-300\/50 { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:bg-blue-300\/60 { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:bg-blue-300\/70 { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:bg-blue-300\/80 { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:bg-blue-300\/90 { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:bg-blue-400 { + background-color: var(--blue-400) + } + .lg\:bg-blue-400\/10 { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:bg-blue-400\/20 { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:bg-blue-400\/30 { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:bg-blue-400\/40 { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:bg-blue-400\/50 { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:bg-blue-400\/60 { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:bg-blue-400\/70 { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:bg-blue-400\/80 { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:bg-blue-400\/90 { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:bg-blue-500 { + background-color: var(--blue-500) + } + .lg\:bg-blue-500\/10 { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:bg-blue-500\/20 { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:bg-blue-500\/30 { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:bg-blue-500\/40 { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:bg-blue-500\/50 { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:bg-blue-500\/60 { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:bg-blue-500\/70 { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:bg-blue-500\/80 { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:bg-blue-500\/90 { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:bg-blue-600 { + background-color: var(--blue-600) + } + .lg\:bg-blue-600\/10 { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:bg-blue-600\/20 { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:bg-blue-600\/30 { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:bg-blue-600\/40 { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:bg-blue-600\/50 { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:bg-blue-600\/60 { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:bg-blue-600\/70 { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:bg-blue-600\/80 { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:bg-blue-600\/90 { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:bg-blue-700 { + background-color: var(--blue-700) + } + .lg\:bg-blue-700\/10 { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:bg-blue-700\/20 { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:bg-blue-700\/30 { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:bg-blue-700\/40 { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:bg-blue-700\/50 { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:bg-blue-700\/60 { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:bg-blue-700\/70 { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:bg-blue-700\/80 { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:bg-blue-700\/90 { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:bg-blue-800 { + background-color: var(--blue-800) + } + .lg\:bg-blue-800\/10 { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:bg-blue-800\/20 { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:bg-blue-800\/30 { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:bg-blue-800\/40 { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:bg-blue-800\/50 { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:bg-blue-800\/60 { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:bg-blue-800\/70 { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:bg-blue-800\/80 { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:bg-blue-800\/90 { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:bg-blue-900 { + background-color: var(--blue-900) + } + .lg\:bg-blue-900\/10 { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:bg-blue-900\/20 { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:bg-blue-900\/30 { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:bg-blue-900\/40 { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:bg-blue-900\/50 { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:bg-blue-900\/60 { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:bg-blue-900\/70 { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:bg-blue-900\/80 { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:bg-blue-900\/90 { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:bg-green-50 { + background-color: var(--green-50) + } + .lg\:bg-green-50\/10 { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:bg-green-50\/20 { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:bg-green-50\/30 { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:bg-green-50\/40 { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:bg-green-50\/50 { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:bg-green-50\/60 { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:bg-green-50\/70 { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:bg-green-50\/80 { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:bg-green-50\/90 { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:bg-green-100 { + background-color: var(--green-100) + } + .lg\:bg-green-100\/10 { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:bg-green-100\/20 { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:bg-green-100\/30 { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:bg-green-100\/40 { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:bg-green-100\/50 { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:bg-green-100\/60 { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:bg-green-100\/70 { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:bg-green-100\/80 { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:bg-green-100\/90 { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:bg-green-200 { + background-color: var(--green-200) + } + .lg\:bg-green-200\/10 { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:bg-green-200\/20 { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:bg-green-200\/30 { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:bg-green-200\/40 { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:bg-green-200\/50 { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:bg-green-200\/60 { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:bg-green-200\/70 { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:bg-green-200\/80 { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:bg-green-200\/90 { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:bg-green-300 { + background-color: var(--green-300) + } + .lg\:bg-green-300\/10 { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:bg-green-300\/20 { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:bg-green-300\/30 { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:bg-green-300\/40 { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:bg-green-300\/50 { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:bg-green-300\/60 { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:bg-green-300\/70 { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:bg-green-300\/80 { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:bg-green-300\/90 { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:bg-green-400 { + background-color: var(--green-400) + } + .lg\:bg-green-400\/10 { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:bg-green-400\/20 { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:bg-green-400\/30 { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:bg-green-400\/40 { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:bg-green-400\/50 { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:bg-green-400\/60 { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:bg-green-400\/70 { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:bg-green-400\/80 { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:bg-green-400\/90 { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:bg-green-500 { + background-color: var(--green-500) + } + .lg\:bg-green-500\/10 { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:bg-green-500\/20 { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:bg-green-500\/30 { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:bg-green-500\/40 { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:bg-green-500\/50 { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:bg-green-500\/60 { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:bg-green-500\/70 { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:bg-green-500\/80 { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:bg-green-500\/90 { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:bg-green-600 { + background-color: var(--green-600) + } + .lg\:bg-green-600\/10 { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:bg-green-600\/20 { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:bg-green-600\/30 { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:bg-green-600\/40 { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:bg-green-600\/50 { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:bg-green-600\/60 { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:bg-green-600\/70 { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:bg-green-600\/80 { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:bg-green-600\/90 { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:bg-green-700 { + background-color: var(--green-700) + } + .lg\:bg-green-700\/10 { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:bg-green-700\/20 { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:bg-green-700\/30 { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:bg-green-700\/40 { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:bg-green-700\/50 { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:bg-green-700\/60 { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:bg-green-700\/70 { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:bg-green-700\/80 { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:bg-green-700\/90 { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:bg-green-800 { + background-color: var(--green-800) + } + .lg\:bg-green-800\/10 { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:bg-green-800\/20 { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:bg-green-800\/30 { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:bg-green-800\/40 { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:bg-green-800\/50 { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:bg-green-800\/60 { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:bg-green-800\/70 { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:bg-green-800\/80 { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:bg-green-800\/90 { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:bg-green-900 { + background-color: var(--green-900) + } + .lg\:bg-green-900\/10 { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:bg-green-900\/20 { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:bg-green-900\/30 { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:bg-green-900\/40 { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:bg-green-900\/50 { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:bg-green-900\/60 { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:bg-green-900\/70 { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:bg-green-900\/80 { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:bg-green-900\/90 { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:bg-yellow-50 { + background-color: var(--yellow-50) + } + .lg\:bg-yellow-50\/10 { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:bg-yellow-50\/20 { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:bg-yellow-50\/30 { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:bg-yellow-50\/40 { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:bg-yellow-50\/50 { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:bg-yellow-50\/60 { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:bg-yellow-50\/70 { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:bg-yellow-50\/80 { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:bg-yellow-50\/90 { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:bg-yellow-100 { + background-color: var(--yellow-100) + } + .lg\:bg-yellow-100\/10 { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:bg-yellow-100\/20 { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:bg-yellow-100\/30 { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:bg-yellow-100\/40 { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:bg-yellow-100\/50 { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:bg-yellow-100\/60 { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:bg-yellow-100\/70 { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:bg-yellow-100\/80 { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:bg-yellow-100\/90 { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:bg-yellow-200 { + background-color: var(--yellow-200) + } + .lg\:bg-yellow-200\/10 { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:bg-yellow-200\/20 { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:bg-yellow-200\/30 { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:bg-yellow-200\/40 { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:bg-yellow-200\/50 { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:bg-yellow-200\/60 { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:bg-yellow-200\/70 { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:bg-yellow-200\/80 { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:bg-yellow-200\/90 { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:bg-yellow-300 { + background-color: var(--yellow-300) + } + .lg\:bg-yellow-300\/10 { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:bg-yellow-300\/20 { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:bg-yellow-300\/30 { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:bg-yellow-300\/40 { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:bg-yellow-300\/50 { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:bg-yellow-300\/60 { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:bg-yellow-300\/70 { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:bg-yellow-300\/80 { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:bg-yellow-300\/90 { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:bg-yellow-400 { + background-color: var(--yellow-400) + } + .lg\:bg-yellow-400\/10 { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:bg-yellow-400\/20 { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:bg-yellow-400\/30 { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:bg-yellow-400\/40 { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:bg-yellow-400\/50 { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:bg-yellow-400\/60 { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:bg-yellow-400\/70 { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:bg-yellow-400\/80 { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:bg-yellow-400\/90 { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:bg-yellow-500 { + background-color: var(--yellow-500) + } + .lg\:bg-yellow-500\/10 { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:bg-yellow-500\/20 { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:bg-yellow-500\/30 { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:bg-yellow-500\/40 { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:bg-yellow-500\/50 { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:bg-yellow-500\/60 { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:bg-yellow-500\/70 { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:bg-yellow-500\/80 { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:bg-yellow-500\/90 { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:bg-yellow-600 { + background-color: var(--yellow-600) + } + .lg\:bg-yellow-600\/10 { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:bg-yellow-600\/20 { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:bg-yellow-600\/30 { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:bg-yellow-600\/40 { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:bg-yellow-600\/50 { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:bg-yellow-600\/60 { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:bg-yellow-600\/70 { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:bg-yellow-600\/80 { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:bg-yellow-600\/90 { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:bg-yellow-700 { + background-color: var(--yellow-700) + } + .lg\:bg-yellow-700\/10 { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:bg-yellow-700\/20 { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:bg-yellow-700\/30 { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:bg-yellow-700\/40 { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:bg-yellow-700\/50 { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:bg-yellow-700\/60 { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:bg-yellow-700\/70 { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:bg-yellow-700\/80 { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:bg-yellow-700\/90 { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:bg-yellow-800 { + background-color: var(--yellow-800) + } + .lg\:bg-yellow-800\/10 { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:bg-yellow-800\/20 { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:bg-yellow-800\/30 { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:bg-yellow-800\/40 { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:bg-yellow-800\/50 { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:bg-yellow-800\/60 { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:bg-yellow-800\/70 { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:bg-yellow-800\/80 { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:bg-yellow-800\/90 { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:bg-yellow-900 { + background-color: var(--yellow-900) + } + .lg\:bg-yellow-900\/10 { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:bg-yellow-900\/20 { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:bg-yellow-900\/30 { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:bg-yellow-900\/40 { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:bg-yellow-900\/50 { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:bg-yellow-900\/60 { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:bg-yellow-900\/70 { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:bg-yellow-900\/80 { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:bg-yellow-900\/90 { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:bg-cyan-50 { + background-color: var(--cyan-50) + } + .lg\:bg-cyan-50\/10 { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:bg-cyan-50\/20 { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:bg-cyan-50\/30 { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:bg-cyan-50\/40 { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:bg-cyan-50\/50 { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:bg-cyan-50\/60 { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:bg-cyan-50\/70 { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:bg-cyan-50\/80 { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:bg-cyan-50\/90 { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:bg-cyan-100 { + background-color: var(--cyan-100) + } + .lg\:bg-cyan-100\/10 { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:bg-cyan-100\/20 { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:bg-cyan-100\/30 { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:bg-cyan-100\/40 { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:bg-cyan-100\/50 { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:bg-cyan-100\/60 { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:bg-cyan-100\/70 { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:bg-cyan-100\/80 { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:bg-cyan-100\/90 { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:bg-cyan-200 { + background-color: var(--cyan-200) + } + .lg\:bg-cyan-200\/10 { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:bg-cyan-200\/20 { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:bg-cyan-200\/30 { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:bg-cyan-200\/40 { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:bg-cyan-200\/50 { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:bg-cyan-200\/60 { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:bg-cyan-200\/70 { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:bg-cyan-200\/80 { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:bg-cyan-200\/90 { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:bg-cyan-300 { + background-color: var(--cyan-300) + } + .lg\:bg-cyan-300\/10 { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:bg-cyan-300\/20 { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:bg-cyan-300\/30 { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:bg-cyan-300\/40 { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:bg-cyan-300\/50 { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:bg-cyan-300\/60 { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:bg-cyan-300\/70 { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:bg-cyan-300\/80 { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:bg-cyan-300\/90 { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:bg-cyan-400 { + background-color: var(--cyan-400) + } + .lg\:bg-cyan-400\/10 { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:bg-cyan-400\/20 { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:bg-cyan-400\/30 { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:bg-cyan-400\/40 { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:bg-cyan-400\/50 { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:bg-cyan-400\/60 { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:bg-cyan-400\/70 { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:bg-cyan-400\/80 { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:bg-cyan-400\/90 { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:bg-cyan-500 { + background-color: var(--cyan-500) + } + .lg\:bg-cyan-500\/10 { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:bg-cyan-500\/20 { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:bg-cyan-500\/30 { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:bg-cyan-500\/40 { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:bg-cyan-500\/50 { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:bg-cyan-500\/60 { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:bg-cyan-500\/70 { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:bg-cyan-500\/80 { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:bg-cyan-500\/90 { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:bg-cyan-600 { + background-color: var(--cyan-600) + } + .lg\:bg-cyan-600\/10 { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:bg-cyan-600\/20 { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:bg-cyan-600\/30 { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:bg-cyan-600\/40 { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:bg-cyan-600\/50 { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:bg-cyan-600\/60 { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:bg-cyan-600\/70 { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:bg-cyan-600\/80 { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:bg-cyan-600\/90 { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:bg-cyan-700 { + background-color: var(--cyan-700) + } + .lg\:bg-cyan-700\/10 { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:bg-cyan-700\/20 { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:bg-cyan-700\/30 { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:bg-cyan-700\/40 { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:bg-cyan-700\/50 { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:bg-cyan-700\/60 { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:bg-cyan-700\/70 { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:bg-cyan-700\/80 { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:bg-cyan-700\/90 { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:bg-cyan-800 { + background-color: var(--cyan-800) + } + .lg\:bg-cyan-800\/10 { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:bg-cyan-800\/20 { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:bg-cyan-800\/30 { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:bg-cyan-800\/40 { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:bg-cyan-800\/50 { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:bg-cyan-800\/60 { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:bg-cyan-800\/70 { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:bg-cyan-800\/80 { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:bg-cyan-800\/90 { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:bg-cyan-900 { + background-color: var(--cyan-900) + } + .lg\:bg-cyan-900\/10 { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:bg-cyan-900\/20 { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:bg-cyan-900\/30 { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:bg-cyan-900\/40 { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:bg-cyan-900\/50 { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:bg-cyan-900\/60 { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:bg-cyan-900\/70 { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:bg-cyan-900\/80 { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:bg-cyan-900\/90 { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:bg-pink-50 { + background-color: var(--pink-50) + } + .lg\:bg-pink-50\/10 { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:bg-pink-50\/20 { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:bg-pink-50\/30 { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:bg-pink-50\/40 { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:bg-pink-50\/50 { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:bg-pink-50\/60 { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:bg-pink-50\/70 { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:bg-pink-50\/80 { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:bg-pink-50\/90 { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:bg-pink-100 { + background-color: var(--pink-100) + } + .lg\:bg-pink-100\/10 { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:bg-pink-100\/20 { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:bg-pink-100\/30 { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:bg-pink-100\/40 { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:bg-pink-100\/50 { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:bg-pink-100\/60 { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:bg-pink-100\/70 { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:bg-pink-100\/80 { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:bg-pink-100\/90 { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:bg-pink-200 { + background-color: var(--pink-200) + } + .lg\:bg-pink-200\/10 { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:bg-pink-200\/20 { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:bg-pink-200\/30 { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:bg-pink-200\/40 { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:bg-pink-200\/50 { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:bg-pink-200\/60 { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:bg-pink-200\/70 { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:bg-pink-200\/80 { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:bg-pink-200\/90 { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:bg-pink-300 { + background-color: var(--pink-300) + } + .lg\:bg-pink-300\/10 { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:bg-pink-300\/20 { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:bg-pink-300\/30 { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:bg-pink-300\/40 { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:bg-pink-300\/50 { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:bg-pink-300\/60 { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:bg-pink-300\/70 { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:bg-pink-300\/80 { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:bg-pink-300\/90 { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:bg-pink-400 { + background-color: var(--pink-400) + } + .lg\:bg-pink-400\/10 { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:bg-pink-400\/20 { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:bg-pink-400\/30 { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:bg-pink-400\/40 { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:bg-pink-400\/50 { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:bg-pink-400\/60 { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:bg-pink-400\/70 { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:bg-pink-400\/80 { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:bg-pink-400\/90 { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:bg-pink-500 { + background-color: var(--pink-500) + } + .lg\:bg-pink-500\/10 { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:bg-pink-500\/20 { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:bg-pink-500\/30 { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:bg-pink-500\/40 { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:bg-pink-500\/50 { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:bg-pink-500\/60 { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:bg-pink-500\/70 { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:bg-pink-500\/80 { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:bg-pink-500\/90 { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:bg-pink-600 { + background-color: var(--pink-600) + } + .lg\:bg-pink-600\/10 { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:bg-pink-600\/20 { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:bg-pink-600\/30 { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:bg-pink-600\/40 { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:bg-pink-600\/50 { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:bg-pink-600\/60 { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:bg-pink-600\/70 { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:bg-pink-600\/80 { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:bg-pink-600\/90 { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:bg-pink-700 { + background-color: var(--pink-700) + } + .lg\:bg-pink-700\/10 { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:bg-pink-700\/20 { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:bg-pink-700\/30 { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:bg-pink-700\/40 { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:bg-pink-700\/50 { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:bg-pink-700\/60 { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:bg-pink-700\/70 { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:bg-pink-700\/80 { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:bg-pink-700\/90 { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:bg-pink-800 { + background-color: var(--pink-800) + } + .lg\:bg-pink-800\/10 { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:bg-pink-800\/20 { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:bg-pink-800\/30 { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:bg-pink-800\/40 { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:bg-pink-800\/50 { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:bg-pink-800\/60 { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:bg-pink-800\/70 { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:bg-pink-800\/80 { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:bg-pink-800\/90 { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:bg-pink-900 { + background-color: var(--pink-900) + } + .lg\:bg-pink-900\/10 { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:bg-pink-900\/20 { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:bg-pink-900\/30 { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:bg-pink-900\/40 { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:bg-pink-900\/50 { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:bg-pink-900\/60 { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:bg-pink-900\/70 { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:bg-pink-900\/80 { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:bg-pink-900\/90 { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:bg-indigo-50 { + background-color: var(--indigo-50) + } + .lg\:bg-indigo-50\/10 { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:bg-indigo-50\/20 { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:bg-indigo-50\/30 { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:bg-indigo-50\/40 { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:bg-indigo-50\/50 { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:bg-indigo-50\/60 { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:bg-indigo-50\/70 { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:bg-indigo-50\/80 { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:bg-indigo-50\/90 { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:bg-indigo-100 { + background-color: var(--indigo-100) + } + .lg\:bg-indigo-100\/10 { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:bg-indigo-100\/20 { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:bg-indigo-100\/30 { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:bg-indigo-100\/40 { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:bg-indigo-100\/50 { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:bg-indigo-100\/60 { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:bg-indigo-100\/70 { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:bg-indigo-100\/80 { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:bg-indigo-100\/90 { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:bg-indigo-200 { + background-color: var(--indigo-200) + } + .lg\:bg-indigo-200\/10 { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:bg-indigo-200\/20 { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:bg-indigo-200\/30 { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:bg-indigo-200\/40 { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:bg-indigo-200\/50 { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:bg-indigo-200\/60 { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:bg-indigo-200\/70 { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:bg-indigo-200\/80 { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:bg-indigo-200\/90 { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:bg-indigo-300 { + background-color: var(--indigo-300) + } + .lg\:bg-indigo-300\/10 { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:bg-indigo-300\/20 { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:bg-indigo-300\/30 { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:bg-indigo-300\/40 { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:bg-indigo-300\/50 { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:bg-indigo-300\/60 { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:bg-indigo-300\/70 { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:bg-indigo-300\/80 { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:bg-indigo-300\/90 { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:bg-indigo-400 { + background-color: var(--indigo-400) + } + .lg\:bg-indigo-400\/10 { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:bg-indigo-400\/20 { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:bg-indigo-400\/30 { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:bg-indigo-400\/40 { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:bg-indigo-400\/50 { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:bg-indigo-400\/60 { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:bg-indigo-400\/70 { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:bg-indigo-400\/80 { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:bg-indigo-400\/90 { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:bg-indigo-500 { + background-color: var(--indigo-500) + } + .lg\:bg-indigo-500\/10 { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:bg-indigo-500\/20 { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:bg-indigo-500\/30 { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:bg-indigo-500\/40 { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:bg-indigo-500\/50 { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:bg-indigo-500\/60 { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:bg-indigo-500\/70 { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:bg-indigo-500\/80 { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:bg-indigo-500\/90 { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:bg-indigo-600 { + background-color: var(--indigo-600) + } + .lg\:bg-indigo-600\/10 { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:bg-indigo-600\/20 { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:bg-indigo-600\/30 { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:bg-indigo-600\/40 { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:bg-indigo-600\/50 { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:bg-indigo-600\/60 { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:bg-indigo-600\/70 { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:bg-indigo-600\/80 { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:bg-indigo-600\/90 { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:bg-indigo-700 { + background-color: var(--indigo-700) + } + .lg\:bg-indigo-700\/10 { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:bg-indigo-700\/20 { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:bg-indigo-700\/30 { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:bg-indigo-700\/40 { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:bg-indigo-700\/50 { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:bg-indigo-700\/60 { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:bg-indigo-700\/70 { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:bg-indigo-700\/80 { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:bg-indigo-700\/90 { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:bg-indigo-800 { + background-color: var(--indigo-800) + } + .lg\:bg-indigo-800\/10 { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:bg-indigo-800\/20 { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:bg-indigo-800\/30 { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:bg-indigo-800\/40 { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:bg-indigo-800\/50 { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:bg-indigo-800\/60 { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:bg-indigo-800\/70 { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:bg-indigo-800\/80 { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:bg-indigo-800\/90 { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:bg-indigo-900 { + background-color: var(--indigo-900) + } + .lg\:bg-indigo-900\/10 { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:bg-indigo-900\/20 { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:bg-indigo-900\/30 { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:bg-indigo-900\/40 { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:bg-indigo-900\/50 { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:bg-indigo-900\/60 { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:bg-indigo-900\/70 { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:bg-indigo-900\/80 { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:bg-indigo-900\/90 { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:bg-teal-50 { + background-color: var(--teal-50) + } + .lg\:bg-teal-50\/10 { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:bg-teal-50\/20 { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:bg-teal-50\/30 { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:bg-teal-50\/40 { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:bg-teal-50\/50 { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:bg-teal-50\/60 { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:bg-teal-50\/70 { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:bg-teal-50\/80 { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:bg-teal-50\/90 { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:bg-teal-100 { + background-color: var(--teal-100) + } + .lg\:bg-teal-100\/10 { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:bg-teal-100\/20 { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:bg-teal-100\/30 { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:bg-teal-100\/40 { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:bg-teal-100\/50 { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:bg-teal-100\/60 { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:bg-teal-100\/70 { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:bg-teal-100\/80 { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:bg-teal-100\/90 { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:bg-teal-200 { + background-color: var(--teal-200) + } + .lg\:bg-teal-200\/10 { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:bg-teal-200\/20 { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:bg-teal-200\/30 { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:bg-teal-200\/40 { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:bg-teal-200\/50 { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:bg-teal-200\/60 { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:bg-teal-200\/70 { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:bg-teal-200\/80 { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:bg-teal-200\/90 { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:bg-teal-300 { + background-color: var(--teal-300) + } + .lg\:bg-teal-300\/10 { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:bg-teal-300\/20 { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:bg-teal-300\/30 { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:bg-teal-300\/40 { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:bg-teal-300\/50 { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:bg-teal-300\/60 { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:bg-teal-300\/70 { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:bg-teal-300\/80 { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:bg-teal-300\/90 { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:bg-teal-400 { + background-color: var(--teal-400) + } + .lg\:bg-teal-400\/10 { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:bg-teal-400\/20 { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:bg-teal-400\/30 { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:bg-teal-400\/40 { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:bg-teal-400\/50 { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:bg-teal-400\/60 { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:bg-teal-400\/70 { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:bg-teal-400\/80 { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:bg-teal-400\/90 { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:bg-teal-500 { + background-color: var(--teal-500) + } + .lg\:bg-teal-500\/10 { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:bg-teal-500\/20 { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:bg-teal-500\/30 { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:bg-teal-500\/40 { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:bg-teal-500\/50 { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:bg-teal-500\/60 { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:bg-teal-500\/70 { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:bg-teal-500\/80 { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:bg-teal-500\/90 { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:bg-teal-600 { + background-color: var(--teal-600) + } + .lg\:bg-teal-600\/10 { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:bg-teal-600\/20 { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:bg-teal-600\/30 { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:bg-teal-600\/40 { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:bg-teal-600\/50 { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:bg-teal-600\/60 { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:bg-teal-600\/70 { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:bg-teal-600\/80 { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:bg-teal-600\/90 { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:bg-teal-700 { + background-color: var(--teal-700) + } + .lg\:bg-teal-700\/10 { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:bg-teal-700\/20 { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:bg-teal-700\/30 { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:bg-teal-700\/40 { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:bg-teal-700\/50 { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:bg-teal-700\/60 { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:bg-teal-700\/70 { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:bg-teal-700\/80 { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:bg-teal-700\/90 { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:bg-teal-800 { + background-color: var(--teal-800) + } + .lg\:bg-teal-800\/10 { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:bg-teal-800\/20 { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:bg-teal-800\/30 { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:bg-teal-800\/40 { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:bg-teal-800\/50 { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:bg-teal-800\/60 { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:bg-teal-800\/70 { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:bg-teal-800\/80 { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:bg-teal-800\/90 { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:bg-teal-900 { + background-color: var(--teal-900) + } + .lg\:bg-teal-900\/10 { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:bg-teal-900\/20 { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:bg-teal-900\/30 { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:bg-teal-900\/40 { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:bg-teal-900\/50 { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:bg-teal-900\/60 { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:bg-teal-900\/70 { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:bg-teal-900\/80 { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:bg-teal-900\/90 { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:bg-orange-50 { + background-color: var(--orange-50) + } + .lg\:bg-orange-50\/10 { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:bg-orange-50\/20 { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:bg-orange-50\/30 { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:bg-orange-50\/40 { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:bg-orange-50\/50 { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:bg-orange-50\/60 { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:bg-orange-50\/70 { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:bg-orange-50\/80 { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:bg-orange-50\/90 { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:bg-orange-100 { + background-color: var(--orange-100) + } + .lg\:bg-orange-100\/10 { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:bg-orange-100\/20 { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:bg-orange-100\/30 { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:bg-orange-100\/40 { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:bg-orange-100\/50 { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:bg-orange-100\/60 { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:bg-orange-100\/70 { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:bg-orange-100\/80 { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:bg-orange-100\/90 { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:bg-orange-200 { + background-color: var(--orange-200) + } + .lg\:bg-orange-200\/10 { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:bg-orange-200\/20 { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:bg-orange-200\/30 { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:bg-orange-200\/40 { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:bg-orange-200\/50 { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:bg-orange-200\/60 { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:bg-orange-200\/70 { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:bg-orange-200\/80 { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:bg-orange-200\/90 { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:bg-orange-300 { + background-color: var(--orange-300) + } + .lg\:bg-orange-300\/10 { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:bg-orange-300\/20 { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:bg-orange-300\/30 { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:bg-orange-300\/40 { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:bg-orange-300\/50 { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:bg-orange-300\/60 { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:bg-orange-300\/70 { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:bg-orange-300\/80 { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:bg-orange-300\/90 { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:bg-orange-400 { + background-color: var(--orange-400) + } + .lg\:bg-orange-400\/10 { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:bg-orange-400\/20 { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:bg-orange-400\/30 { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:bg-orange-400\/40 { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:bg-orange-400\/50 { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:bg-orange-400\/60 { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:bg-orange-400\/70 { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:bg-orange-400\/80 { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:bg-orange-400\/90 { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:bg-orange-500 { + background-color: var(--orange-500) + } + .lg\:bg-orange-500\/10 { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:bg-orange-500\/20 { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:bg-orange-500\/30 { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:bg-orange-500\/40 { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:bg-orange-500\/50 { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:bg-orange-500\/60 { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:bg-orange-500\/70 { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:bg-orange-500\/80 { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:bg-orange-500\/90 { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:bg-orange-600 { + background-color: var(--orange-600) + } + .lg\:bg-orange-600\/10 { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:bg-orange-600\/20 { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:bg-orange-600\/30 { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:bg-orange-600\/40 { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:bg-orange-600\/50 { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:bg-orange-600\/60 { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:bg-orange-600\/70 { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:bg-orange-600\/80 { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:bg-orange-600\/90 { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:bg-orange-700 { + background-color: var(--orange-700) + } + .lg\:bg-orange-700\/10 { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:bg-orange-700\/20 { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:bg-orange-700\/30 { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:bg-orange-700\/40 { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:bg-orange-700\/50 { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:bg-orange-700\/60 { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:bg-orange-700\/70 { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:bg-orange-700\/80 { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:bg-orange-700\/90 { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:bg-orange-800 { + background-color: var(--orange-800) + } + .lg\:bg-orange-800\/10 { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:bg-orange-800\/20 { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:bg-orange-800\/30 { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:bg-orange-800\/40 { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:bg-orange-800\/50 { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:bg-orange-800\/60 { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:bg-orange-800\/70 { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:bg-orange-800\/80 { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:bg-orange-800\/90 { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:bg-orange-900 { + background-color: var(--orange-900) + } + .lg\:bg-orange-900\/10 { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:bg-orange-900\/20 { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:bg-orange-900\/30 { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:bg-orange-900\/40 { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:bg-orange-900\/50 { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:bg-orange-900\/60 { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:bg-orange-900\/70 { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:bg-orange-900\/80 { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:bg-orange-900\/90 { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:bg-bluegray-50 { + background-color: var(--bluegray-50) + } + .lg\:bg-bluegray-50\/10 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:bg-bluegray-50\/20 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:bg-bluegray-50\/30 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:bg-bluegray-50\/40 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:bg-bluegray-50\/50 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:bg-bluegray-50\/60 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:bg-bluegray-50\/70 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:bg-bluegray-50\/80 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:bg-bluegray-50\/90 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:bg-bluegray-100 { + background-color: var(--bluegray-100) + } + .lg\:bg-bluegray-100\/10 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:bg-bluegray-100\/20 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:bg-bluegray-100\/30 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:bg-bluegray-100\/40 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:bg-bluegray-100\/50 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:bg-bluegray-100\/60 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:bg-bluegray-100\/70 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:bg-bluegray-100\/80 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:bg-bluegray-100\/90 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:bg-bluegray-200 { + background-color: var(--bluegray-200) + } + .lg\:bg-bluegray-200\/10 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:bg-bluegray-200\/20 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:bg-bluegray-200\/30 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:bg-bluegray-200\/40 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:bg-bluegray-200\/50 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:bg-bluegray-200\/60 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:bg-bluegray-200\/70 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:bg-bluegray-200\/80 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:bg-bluegray-200\/90 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:bg-bluegray-300 { + background-color: var(--bluegray-300) + } + .lg\:bg-bluegray-300\/10 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:bg-bluegray-300\/20 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:bg-bluegray-300\/30 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:bg-bluegray-300\/40 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:bg-bluegray-300\/50 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:bg-bluegray-300\/60 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:bg-bluegray-300\/70 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:bg-bluegray-300\/80 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:bg-bluegray-300\/90 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:bg-bluegray-400 { + background-color: var(--bluegray-400) + } + .lg\:bg-bluegray-400\/10 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:bg-bluegray-400\/20 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:bg-bluegray-400\/30 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:bg-bluegray-400\/40 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:bg-bluegray-400\/50 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:bg-bluegray-400\/60 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:bg-bluegray-400\/70 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:bg-bluegray-400\/80 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:bg-bluegray-400\/90 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:bg-bluegray-500 { + background-color: var(--bluegray-500) + } + .lg\:bg-bluegray-500\/10 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:bg-bluegray-500\/20 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:bg-bluegray-500\/30 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:bg-bluegray-500\/40 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:bg-bluegray-500\/50 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:bg-bluegray-500\/60 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:bg-bluegray-500\/70 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:bg-bluegray-500\/80 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:bg-bluegray-500\/90 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:bg-bluegray-600 { + background-color: var(--bluegray-600) + } + .lg\:bg-bluegray-600\/10 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:bg-bluegray-600\/20 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:bg-bluegray-600\/30 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:bg-bluegray-600\/40 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:bg-bluegray-600\/50 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:bg-bluegray-600\/60 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:bg-bluegray-600\/70 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:bg-bluegray-600\/80 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:bg-bluegray-600\/90 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:bg-bluegray-700 { + background-color: var(--bluegray-700) + } + .lg\:bg-bluegray-700\/10 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:bg-bluegray-700\/20 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:bg-bluegray-700\/30 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:bg-bluegray-700\/40 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:bg-bluegray-700\/50 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:bg-bluegray-700\/60 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:bg-bluegray-700\/70 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:bg-bluegray-700\/80 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:bg-bluegray-700\/90 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:bg-bluegray-800 { + background-color: var(--bluegray-800) + } + .lg\:bg-bluegray-800\/10 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:bg-bluegray-800\/20 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:bg-bluegray-800\/30 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:bg-bluegray-800\/40 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:bg-bluegray-800\/50 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:bg-bluegray-800\/60 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:bg-bluegray-800\/70 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:bg-bluegray-800\/80 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:bg-bluegray-800\/90 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:bg-bluegray-900 { + background-color: var(--bluegray-900) + } + .lg\:bg-bluegray-900\/10 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:bg-bluegray-900\/20 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:bg-bluegray-900\/30 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:bg-bluegray-900\/40 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:bg-bluegray-900\/50 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:bg-bluegray-900\/60 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:bg-bluegray-900\/70 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:bg-bluegray-900\/80 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:bg-bluegray-900\/90 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:bg-purple-50 { + background-color: var(--purple-50) + } + .lg\:bg-purple-50\/10 { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:bg-purple-50\/20 { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:bg-purple-50\/30 { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:bg-purple-50\/40 { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:bg-purple-50\/50 { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:bg-purple-50\/60 { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:bg-purple-50\/70 { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:bg-purple-50\/80 { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:bg-purple-50\/90 { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:bg-purple-100 { + background-color: var(--purple-100) + } + .lg\:bg-purple-100\/10 { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:bg-purple-100\/20 { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:bg-purple-100\/30 { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:bg-purple-100\/40 { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:bg-purple-100\/50 { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:bg-purple-100\/60 { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:bg-purple-100\/70 { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:bg-purple-100\/80 { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:bg-purple-100\/90 { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:bg-purple-200 { + background-color: var(--purple-200) + } + .lg\:bg-purple-200\/10 { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:bg-purple-200\/20 { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:bg-purple-200\/30 { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:bg-purple-200\/40 { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:bg-purple-200\/50 { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:bg-purple-200\/60 { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:bg-purple-200\/70 { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:bg-purple-200\/80 { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:bg-purple-200\/90 { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:bg-purple-300 { + background-color: var(--purple-300) + } + .lg\:bg-purple-300\/10 { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:bg-purple-300\/20 { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:bg-purple-300\/30 { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:bg-purple-300\/40 { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:bg-purple-300\/50 { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:bg-purple-300\/60 { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:bg-purple-300\/70 { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:bg-purple-300\/80 { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:bg-purple-300\/90 { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:bg-purple-400 { + background-color: var(--purple-400) + } + .lg\:bg-purple-400\/10 { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:bg-purple-400\/20 { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:bg-purple-400\/30 { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:bg-purple-400\/40 { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:bg-purple-400\/50 { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:bg-purple-400\/60 { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:bg-purple-400\/70 { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:bg-purple-400\/80 { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:bg-purple-400\/90 { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:bg-purple-500 { + background-color: var(--purple-500) + } + .lg\:bg-purple-500\/10 { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:bg-purple-500\/20 { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:bg-purple-500\/30 { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:bg-purple-500\/40 { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:bg-purple-500\/50 { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:bg-purple-500\/60 { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:bg-purple-500\/70 { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:bg-purple-500\/80 { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:bg-purple-500\/90 { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:bg-purple-600 { + background-color: var(--purple-600) + } + .lg\:bg-purple-600\/10 { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:bg-purple-600\/20 { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:bg-purple-600\/30 { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:bg-purple-600\/40 { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:bg-purple-600\/50 { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:bg-purple-600\/60 { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:bg-purple-600\/70 { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:bg-purple-600\/80 { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:bg-purple-600\/90 { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:bg-purple-700 { + background-color: var(--purple-700) + } + .lg\:bg-purple-700\/10 { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:bg-purple-700\/20 { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:bg-purple-700\/30 { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:bg-purple-700\/40 { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:bg-purple-700\/50 { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:bg-purple-700\/60 { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:bg-purple-700\/70 { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:bg-purple-700\/80 { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:bg-purple-700\/90 { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:bg-purple-800 { + background-color: var(--purple-800) + } + .lg\:bg-purple-800\/10 { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:bg-purple-800\/20 { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:bg-purple-800\/30 { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:bg-purple-800\/40 { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:bg-purple-800\/50 { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:bg-purple-800\/60 { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:bg-purple-800\/70 { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:bg-purple-800\/80 { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:bg-purple-800\/90 { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:bg-purple-900 { + background-color: var(--purple-900) + } + .lg\:bg-purple-900\/10 { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:bg-purple-900\/20 { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:bg-purple-900\/30 { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:bg-purple-900\/40 { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:bg-purple-900\/50 { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:bg-purple-900\/60 { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:bg-purple-900\/70 { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:bg-purple-900\/80 { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:bg-purple-900\/90 { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:bg-red-50 { + background-color: var(--red-50) + } + .lg\:bg-red-50\/10 { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:bg-red-50\/20 { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:bg-red-50\/30 { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:bg-red-50\/40 { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:bg-red-50\/50 { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:bg-red-50\/60 { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:bg-red-50\/70 { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:bg-red-50\/80 { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:bg-red-50\/90 { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:bg-red-100 { + background-color: var(--red-100) + } + .lg\:bg-red-100\/10 { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:bg-red-100\/20 { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:bg-red-100\/30 { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:bg-red-100\/40 { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:bg-red-100\/50 { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:bg-red-100\/60 { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:bg-red-100\/70 { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:bg-red-100\/80 { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:bg-red-100\/90 { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:bg-red-200 { + background-color: var(--red-200) + } + .lg\:bg-red-200\/10 { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:bg-red-200\/20 { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:bg-red-200\/30 { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:bg-red-200\/40 { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:bg-red-200\/50 { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:bg-red-200\/60 { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:bg-red-200\/70 { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:bg-red-200\/80 { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:bg-red-200\/90 { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:bg-red-300 { + background-color: var(--red-300) + } + .lg\:bg-red-300\/10 { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:bg-red-300\/20 { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:bg-red-300\/30 { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:bg-red-300\/40 { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:bg-red-300\/50 { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:bg-red-300\/60 { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:bg-red-300\/70 { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:bg-red-300\/80 { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:bg-red-300\/90 { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:bg-red-400 { + background-color: var(--red-400) + } + .lg\:bg-red-400\/10 { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:bg-red-400\/20 { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:bg-red-400\/30 { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:bg-red-400\/40 { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:bg-red-400\/50 { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:bg-red-400\/60 { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:bg-red-400\/70 { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:bg-red-400\/80 { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:bg-red-400\/90 { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:bg-red-500 { + background-color: var(--red-500) + } + .lg\:bg-red-500\/10 { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:bg-red-500\/20 { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:bg-red-500\/30 { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:bg-red-500\/40 { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:bg-red-500\/50 { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:bg-red-500\/60 { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:bg-red-500\/70 { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:bg-red-500\/80 { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:bg-red-500\/90 { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:bg-red-600 { + background-color: var(--red-600) + } + .lg\:bg-red-600\/10 { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:bg-red-600\/20 { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:bg-red-600\/30 { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:bg-red-600\/40 { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:bg-red-600\/50 { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:bg-red-600\/60 { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:bg-red-600\/70 { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:bg-red-600\/80 { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:bg-red-600\/90 { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:bg-red-700 { + background-color: var(--red-700) + } + .lg\:bg-red-700\/10 { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:bg-red-700\/20 { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:bg-red-700\/30 { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:bg-red-700\/40 { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:bg-red-700\/50 { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:bg-red-700\/60 { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:bg-red-700\/70 { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:bg-red-700\/80 { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:bg-red-700\/90 { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:bg-red-800 { + background-color: var(--red-800) + } + .lg\:bg-red-800\/10 { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:bg-red-800\/20 { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:bg-red-800\/30 { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:bg-red-800\/40 { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:bg-red-800\/50 { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:bg-red-800\/60 { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:bg-red-800\/70 { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:bg-red-800\/80 { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:bg-red-800\/90 { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:bg-red-900 { + background-color: var(--red-900) + } + .lg\:bg-red-900\/10 { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:bg-red-900\/20 { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:bg-red-900\/30 { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:bg-red-900\/40 { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:bg-red-900\/50 { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:bg-red-900\/60 { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:bg-red-900\/70 { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:bg-red-900\/80 { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:bg-red-900\/90 { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:bg-gray-50 { + background-color: var(--gray-50) + } + .lg\:bg-gray-50\/10 { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:bg-gray-50\/20 { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:bg-gray-50\/30 { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:bg-gray-50\/40 { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:bg-gray-50\/50 { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:bg-gray-50\/60 { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:bg-gray-50\/70 { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:bg-gray-50\/80 { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:bg-gray-50\/90 { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:bg-gray-100 { + background-color: var(--gray-100) + } + .lg\:bg-gray-100\/10 { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:bg-gray-100\/20 { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:bg-gray-100\/30 { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:bg-gray-100\/40 { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:bg-gray-100\/50 { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:bg-gray-100\/60 { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:bg-gray-100\/70 { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:bg-gray-100\/80 { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:bg-gray-100\/90 { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:bg-gray-200 { + background-color: var(--gray-200) + } + .lg\:bg-gray-200\/10 { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:bg-gray-200\/20 { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:bg-gray-200\/30 { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:bg-gray-200\/40 { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:bg-gray-200\/50 { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:bg-gray-200\/60 { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:bg-gray-200\/70 { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:bg-gray-200\/80 { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:bg-gray-200\/90 { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:bg-gray-300 { + background-color: var(--gray-300) + } + .lg\:bg-gray-300\/10 { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:bg-gray-300\/20 { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:bg-gray-300\/30 { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:bg-gray-300\/40 { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:bg-gray-300\/50 { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:bg-gray-300\/60 { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:bg-gray-300\/70 { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:bg-gray-300\/80 { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:bg-gray-300\/90 { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:bg-gray-400 { + background-color: var(--gray-400) + } + .lg\:bg-gray-400\/10 { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:bg-gray-400\/20 { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:bg-gray-400\/30 { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:bg-gray-400\/40 { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:bg-gray-400\/50 { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:bg-gray-400\/60 { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:bg-gray-400\/70 { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:bg-gray-400\/80 { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:bg-gray-400\/90 { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:bg-gray-500 { + background-color: var(--gray-500) + } + .lg\:bg-gray-500\/10 { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:bg-gray-500\/20 { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:bg-gray-500\/30 { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:bg-gray-500\/40 { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:bg-gray-500\/50 { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:bg-gray-500\/60 { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:bg-gray-500\/70 { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:bg-gray-500\/80 { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:bg-gray-500\/90 { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:bg-gray-600 { + background-color: var(--gray-600) + } + .lg\:bg-gray-600\/10 { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:bg-gray-600\/20 { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:bg-gray-600\/30 { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:bg-gray-600\/40 { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:bg-gray-600\/50 { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:bg-gray-600\/60 { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:bg-gray-600\/70 { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:bg-gray-600\/80 { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:bg-gray-600\/90 { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:bg-gray-700 { + background-color: var(--gray-700) + } + .lg\:bg-gray-700\/10 { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:bg-gray-700\/20 { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:bg-gray-700\/30 { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:bg-gray-700\/40 { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:bg-gray-700\/50 { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:bg-gray-700\/60 { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:bg-gray-700\/70 { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:bg-gray-700\/80 { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:bg-gray-700\/90 { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:bg-gray-800 { + background-color: var(--gray-800) + } + .lg\:bg-gray-800\/10 { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:bg-gray-800\/20 { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:bg-gray-800\/30 { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:bg-gray-800\/40 { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:bg-gray-800\/50 { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:bg-gray-800\/60 { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:bg-gray-800\/70 { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:bg-gray-800\/80 { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:bg-gray-800\/90 { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:bg-gray-900 { + background-color: var(--gray-900) + } + .lg\:bg-gray-900\/10 { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:bg-gray-900\/20 { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:bg-gray-900\/30 { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:bg-gray-900\/40 { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:bg-gray-900\/50 { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:bg-gray-900\/60 { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:bg-gray-900\/70 { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:bg-gray-900\/80 { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:bg-gray-900\/90 { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:bg-surface-0 { + background-color: var(--surface-0) + } + .lg\:bg-surface-0\/10 { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:bg-surface-0\/20 { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:bg-surface-0\/30 { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:bg-surface-0\/40 { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:bg-surface-0\/50 { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:bg-surface-0\/60 { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:bg-surface-0\/70 { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:bg-surface-0\/80 { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:bg-surface-0\/90 { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:bg-surface-50 { + background-color: var(--surface-50) + } + .lg\:bg-surface-50\/10 { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:bg-surface-50\/20 { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:bg-surface-50\/30 { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:bg-surface-50\/40 { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:bg-surface-50\/50 { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:bg-surface-50\/60 { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:bg-surface-50\/70 { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:bg-surface-50\/80 { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:bg-surface-50\/90 { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:bg-surface-100 { + background-color: var(--surface-100) + } + .lg\:bg-surface-100\/10 { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:bg-surface-100\/20 { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:bg-surface-100\/30 { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:bg-surface-100\/40 { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:bg-surface-100\/50 { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:bg-surface-100\/60 { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:bg-surface-100\/70 { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:bg-surface-100\/80 { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:bg-surface-100\/90 { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:bg-surface-200 { + background-color: var(--surface-200) + } + .lg\:bg-surface-200\/10 { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:bg-surface-200\/20 { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:bg-surface-200\/30 { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:bg-surface-200\/40 { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:bg-surface-200\/50 { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:bg-surface-200\/60 { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:bg-surface-200\/70 { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:bg-surface-200\/80 { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:bg-surface-200\/90 { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:bg-surface-300 { + background-color: var(--surface-300) + } + .lg\:bg-surface-300\/10 { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:bg-surface-300\/20 { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:bg-surface-300\/30 { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:bg-surface-300\/40 { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:bg-surface-300\/50 { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:bg-surface-300\/60 { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:bg-surface-300\/70 { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:bg-surface-300\/80 { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:bg-surface-300\/90 { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:bg-surface-400 { + background-color: var(--surface-400) + } + .lg\:bg-surface-400\/10 { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:bg-surface-400\/20 { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:bg-surface-400\/30 { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:bg-surface-400\/40 { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:bg-surface-400\/50 { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:bg-surface-400\/60 { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:bg-surface-400\/70 { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:bg-surface-400\/80 { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:bg-surface-400\/90 { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:bg-surface-500 { + background-color: var(--surface-500) + } + .lg\:bg-surface-500\/10 { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:bg-surface-500\/20 { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:bg-surface-500\/30 { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:bg-surface-500\/40 { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:bg-surface-500\/50 { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:bg-surface-500\/60 { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:bg-surface-500\/70 { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:bg-surface-500\/80 { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:bg-surface-500\/90 { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:bg-surface-600 { + background-color: var(--surface-600) + } + .lg\:bg-surface-600\/10 { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:bg-surface-600\/20 { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:bg-surface-600\/30 { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:bg-surface-600\/40 { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:bg-surface-600\/50 { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:bg-surface-600\/60 { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:bg-surface-600\/70 { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:bg-surface-600\/80 { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:bg-surface-600\/90 { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:bg-surface-700 { + background-color: var(--surface-700) + } + .lg\:bg-surface-700\/10 { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:bg-surface-700\/20 { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:bg-surface-700\/30 { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:bg-surface-700\/40 { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:bg-surface-700\/50 { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:bg-surface-700\/60 { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:bg-surface-700\/70 { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:bg-surface-700\/80 { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:bg-surface-700\/90 { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:bg-surface-800 { + background-color: var(--surface-800) + } + .lg\:bg-surface-800\/10 { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:bg-surface-800\/20 { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:bg-surface-800\/30 { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:bg-surface-800\/40 { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:bg-surface-800\/50 { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:bg-surface-800\/60 { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:bg-surface-800\/70 { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:bg-surface-800\/80 { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:bg-surface-800\/90 { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:bg-surface-900 { + background-color: var(--surface-900) + } + .lg\:bg-surface-900\/10 { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:bg-surface-900\/20 { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:bg-surface-900\/30 { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:bg-surface-900\/40 { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:bg-surface-900\/50 { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:bg-surface-900\/60 { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:bg-surface-900\/70 { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:bg-surface-900\/80 { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:bg-surface-900\/90 { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:bg-primary-50 { + background-color: var(--primary-50) + } + .lg\:bg-primary-50\/10 { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:bg-primary-50\/20 { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:bg-primary-50\/30 { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:bg-primary-50\/40 { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:bg-primary-50\/50 { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:bg-primary-50\/60 { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:bg-primary-50\/70 { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:bg-primary-50\/80 { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:bg-primary-50\/90 { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:bg-primary-100 { + background-color: var(--primary-100) + } + .lg\:bg-primary-100\/10 { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:bg-primary-100\/20 { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:bg-primary-100\/30 { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:bg-primary-100\/40 { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:bg-primary-100\/50 { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:bg-primary-100\/60 { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:bg-primary-100\/70 { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:bg-primary-100\/80 { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:bg-primary-100\/90 { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:bg-primary-200 { + background-color: var(--primary-200) + } + .lg\:bg-primary-200\/10 { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:bg-primary-200\/20 { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:bg-primary-200\/30 { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:bg-primary-200\/40 { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:bg-primary-200\/50 { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:bg-primary-200\/60 { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:bg-primary-200\/70 { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:bg-primary-200\/80 { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:bg-primary-200\/90 { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:bg-primary-300 { + background-color: var(--primary-300) + } + .lg\:bg-primary-300\/10 { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:bg-primary-300\/20 { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:bg-primary-300\/30 { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:bg-primary-300\/40 { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:bg-primary-300\/50 { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:bg-primary-300\/60 { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:bg-primary-300\/70 { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:bg-primary-300\/80 { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:bg-primary-300\/90 { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:bg-primary-400 { + background-color: var(--primary-400) + } + .lg\:bg-primary-400\/10 { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:bg-primary-400\/20 { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:bg-primary-400\/30 { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:bg-primary-400\/40 { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:bg-primary-400\/50 { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:bg-primary-400\/60 { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:bg-primary-400\/70 { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:bg-primary-400\/80 { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:bg-primary-400\/90 { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:bg-primary-500 { + background-color: var(--primary-500) + } + .lg\:bg-primary-500\/10 { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:bg-primary-500\/20 { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:bg-primary-500\/30 { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:bg-primary-500\/40 { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:bg-primary-500\/50 { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:bg-primary-500\/60 { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:bg-primary-500\/70 { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:bg-primary-500\/80 { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:bg-primary-500\/90 { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:bg-primary-600 { + background-color: var(--primary-600) + } + .lg\:bg-primary-600\/10 { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:bg-primary-600\/20 { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:bg-primary-600\/30 { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:bg-primary-600\/40 { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:bg-primary-600\/50 { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:bg-primary-600\/60 { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:bg-primary-600\/70 { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:bg-primary-600\/80 { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:bg-primary-600\/90 { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:bg-primary-700 { + background-color: var(--primary-700) + } + .lg\:bg-primary-700\/10 { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:bg-primary-700\/20 { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:bg-primary-700\/30 { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:bg-primary-700\/40 { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:bg-primary-700\/50 { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:bg-primary-700\/60 { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:bg-primary-700\/70 { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:bg-primary-700\/80 { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:bg-primary-700\/90 { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:bg-primary-800 { + background-color: var(--primary-800) + } + .lg\:bg-primary-800\/10 { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:bg-primary-800\/20 { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:bg-primary-800\/30 { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:bg-primary-800\/40 { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:bg-primary-800\/50 { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:bg-primary-800\/60 { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:bg-primary-800\/70 { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:bg-primary-800\/80 { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:bg-primary-800\/90 { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:bg-primary-900 { + background-color: var(--primary-900) + } + .lg\:bg-primary-900\/10 { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:bg-primary-900\/20 { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:bg-primary-900\/30 { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:bg-primary-900\/40 { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:bg-primary-900\/50 { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:bg-primary-900\/60 { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:bg-primary-900\/70 { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:bg-primary-900\/80 { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:bg-primary-900\/90 { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:bg-blue-50:focus { + background-color: var(--blue-50) + } + .lg\:hover\:bg-blue-50:hover { + background-color: var(--blue-50) + } + .lg\:active\:bg-blue-50:active { + background-color: var(--blue-50) + } + .lg\:focus\:bg-blue-50\/10:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:bg-blue-50\/10:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:bg-blue-50\/10:active { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:bg-blue-50\/20:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:bg-blue-50\/20:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:bg-blue-50\/20:active { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:bg-blue-50\/30:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:bg-blue-50\/30:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:bg-blue-50\/30:active { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:bg-blue-50\/40:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:bg-blue-50\/40:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:bg-blue-50\/40:active { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:bg-blue-50\/50:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:bg-blue-50\/50:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:bg-blue-50\/50:active { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:bg-blue-50\/60:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:bg-blue-50\/60:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:bg-blue-50\/60:active { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:bg-blue-50\/70:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:bg-blue-50\/70:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:bg-blue-50\/70:active { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:bg-blue-50\/80:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:bg-blue-50\/80:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:bg-blue-50\/80:active { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:bg-blue-50\/90:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:bg-blue-50\/90:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:bg-blue-50\/90:active { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:bg-blue-100:focus { + background-color: var(--blue-100) + } + .lg\:hover\:bg-blue-100:hover { + background-color: var(--blue-100) + } + .lg\:active\:bg-blue-100:active { + background-color: var(--blue-100) + } + .lg\:focus\:bg-blue-100\/10:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:bg-blue-100\/10:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:bg-blue-100\/10:active { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:bg-blue-100\/20:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:bg-blue-100\/20:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:bg-blue-100\/20:active { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:bg-blue-100\/30:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:bg-blue-100\/30:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:bg-blue-100\/30:active { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:bg-blue-100\/40:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:bg-blue-100\/40:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:bg-blue-100\/40:active { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:bg-blue-100\/50:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:bg-blue-100\/50:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:bg-blue-100\/50:active { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:bg-blue-100\/60:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:bg-blue-100\/60:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:bg-blue-100\/60:active { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:bg-blue-100\/70:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:bg-blue-100\/70:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:bg-blue-100\/70:active { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:bg-blue-100\/80:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:bg-blue-100\/80:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:bg-blue-100\/80:active { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:bg-blue-100\/90:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:bg-blue-100\/90:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:bg-blue-100\/90:active { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:bg-blue-200:focus { + background-color: var(--blue-200) + } + .lg\:hover\:bg-blue-200:hover { + background-color: var(--blue-200) + } + .lg\:active\:bg-blue-200:active { + background-color: var(--blue-200) + } + .lg\:focus\:bg-blue-200\/10:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:bg-blue-200\/10:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:bg-blue-200\/10:active { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:bg-blue-200\/20:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:bg-blue-200\/20:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:bg-blue-200\/20:active { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:bg-blue-200\/30:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:bg-blue-200\/30:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:bg-blue-200\/30:active { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:bg-blue-200\/40:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:bg-blue-200\/40:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:bg-blue-200\/40:active { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:bg-blue-200\/50:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:bg-blue-200\/50:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:bg-blue-200\/50:active { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:bg-blue-200\/60:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:bg-blue-200\/60:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:bg-blue-200\/60:active { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:bg-blue-200\/70:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:bg-blue-200\/70:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:bg-blue-200\/70:active { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:bg-blue-200\/80:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:bg-blue-200\/80:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:bg-blue-200\/80:active { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:bg-blue-200\/90:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:bg-blue-200\/90:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:bg-blue-200\/90:active { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:bg-blue-300:focus { + background-color: var(--blue-300) + } + .lg\:hover\:bg-blue-300:hover { + background-color: var(--blue-300) + } + .lg\:active\:bg-blue-300:active { + background-color: var(--blue-300) + } + .lg\:focus\:bg-blue-300\/10:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:bg-blue-300\/10:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:bg-blue-300\/10:active { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:bg-blue-300\/20:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:bg-blue-300\/20:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:bg-blue-300\/20:active { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:bg-blue-300\/30:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:bg-blue-300\/30:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:bg-blue-300\/30:active { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:bg-blue-300\/40:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:bg-blue-300\/40:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:bg-blue-300\/40:active { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:bg-blue-300\/50:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:bg-blue-300\/50:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:bg-blue-300\/50:active { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:bg-blue-300\/60:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:bg-blue-300\/60:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:bg-blue-300\/60:active { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:bg-blue-300\/70:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:bg-blue-300\/70:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:bg-blue-300\/70:active { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:bg-blue-300\/80:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:bg-blue-300\/80:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:bg-blue-300\/80:active { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:bg-blue-300\/90:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:bg-blue-300\/90:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:bg-blue-300\/90:active { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:bg-blue-400:focus { + background-color: var(--blue-400) + } + .lg\:hover\:bg-blue-400:hover { + background-color: var(--blue-400) + } + .lg\:active\:bg-blue-400:active { + background-color: var(--blue-400) + } + .lg\:focus\:bg-blue-400\/10:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:bg-blue-400\/10:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:bg-blue-400\/10:active { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:bg-blue-400\/20:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:bg-blue-400\/20:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:bg-blue-400\/20:active { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:bg-blue-400\/30:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:bg-blue-400\/30:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:bg-blue-400\/30:active { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:bg-blue-400\/40:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:bg-blue-400\/40:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:bg-blue-400\/40:active { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:bg-blue-400\/50:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:bg-blue-400\/50:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:bg-blue-400\/50:active { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:bg-blue-400\/60:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:bg-blue-400\/60:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:bg-blue-400\/60:active { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:bg-blue-400\/70:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:bg-blue-400\/70:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:bg-blue-400\/70:active { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:bg-blue-400\/80:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:bg-blue-400\/80:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:bg-blue-400\/80:active { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:bg-blue-400\/90:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:bg-blue-400\/90:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:bg-blue-400\/90:active { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:bg-blue-500:focus { + background-color: var(--blue-500) + } + .lg\:hover\:bg-blue-500:hover { + background-color: var(--blue-500) + } + .lg\:active\:bg-blue-500:active { + background-color: var(--blue-500) + } + .lg\:focus\:bg-blue-500\/10:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:bg-blue-500\/10:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:bg-blue-500\/10:active { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:bg-blue-500\/20:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:bg-blue-500\/20:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:bg-blue-500\/20:active { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:bg-blue-500\/30:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:bg-blue-500\/30:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:bg-blue-500\/30:active { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:bg-blue-500\/40:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:bg-blue-500\/40:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:bg-blue-500\/40:active { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:bg-blue-500\/50:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:bg-blue-500\/50:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:bg-blue-500\/50:active { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:bg-blue-500\/60:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:bg-blue-500\/60:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:bg-blue-500\/60:active { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:bg-blue-500\/70:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:bg-blue-500\/70:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:bg-blue-500\/70:active { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:bg-blue-500\/80:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:bg-blue-500\/80:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:bg-blue-500\/80:active { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:bg-blue-500\/90:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:bg-blue-500\/90:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:bg-blue-500\/90:active { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:bg-blue-600:focus { + background-color: var(--blue-600) + } + .lg\:hover\:bg-blue-600:hover { + background-color: var(--blue-600) + } + .lg\:active\:bg-blue-600:active { + background-color: var(--blue-600) + } + .lg\:focus\:bg-blue-600\/10:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:bg-blue-600\/10:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:bg-blue-600\/10:active { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:bg-blue-600\/20:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:bg-blue-600\/20:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:bg-blue-600\/20:active { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:bg-blue-600\/30:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:bg-blue-600\/30:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:bg-blue-600\/30:active { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:bg-blue-600\/40:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:bg-blue-600\/40:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:bg-blue-600\/40:active { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:bg-blue-600\/50:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:bg-blue-600\/50:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:bg-blue-600\/50:active { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:bg-blue-600\/60:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:bg-blue-600\/60:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:bg-blue-600\/60:active { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:bg-blue-600\/70:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:bg-blue-600\/70:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:bg-blue-600\/70:active { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:bg-blue-600\/80:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:bg-blue-600\/80:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:bg-blue-600\/80:active { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:bg-blue-600\/90:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:bg-blue-600\/90:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:bg-blue-600\/90:active { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:bg-blue-700:focus { + background-color: var(--blue-700) + } + .lg\:hover\:bg-blue-700:hover { + background-color: var(--blue-700) + } + .lg\:active\:bg-blue-700:active { + background-color: var(--blue-700) + } + .lg\:focus\:bg-blue-700\/10:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:bg-blue-700\/10:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:bg-blue-700\/10:active { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:bg-blue-700\/20:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:bg-blue-700\/20:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:bg-blue-700\/20:active { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:bg-blue-700\/30:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:bg-blue-700\/30:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:bg-blue-700\/30:active { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:bg-blue-700\/40:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:bg-blue-700\/40:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:bg-blue-700\/40:active { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:bg-blue-700\/50:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:bg-blue-700\/50:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:bg-blue-700\/50:active { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:bg-blue-700\/60:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:bg-blue-700\/60:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:bg-blue-700\/60:active { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:bg-blue-700\/70:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:bg-blue-700\/70:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:bg-blue-700\/70:active { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:bg-blue-700\/80:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:bg-blue-700\/80:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:bg-blue-700\/80:active { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:bg-blue-700\/90:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:bg-blue-700\/90:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:bg-blue-700\/90:active { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:bg-blue-800:focus { + background-color: var(--blue-800) + } + .lg\:hover\:bg-blue-800:hover { + background-color: var(--blue-800) + } + .lg\:active\:bg-blue-800:active { + background-color: var(--blue-800) + } + .lg\:focus\:bg-blue-800\/10:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:bg-blue-800\/10:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:bg-blue-800\/10:active { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:bg-blue-800\/20:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:bg-blue-800\/20:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:bg-blue-800\/20:active { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:bg-blue-800\/30:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:bg-blue-800\/30:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:bg-blue-800\/30:active { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:bg-blue-800\/40:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:bg-blue-800\/40:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:bg-blue-800\/40:active { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:bg-blue-800\/50:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:bg-blue-800\/50:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:bg-blue-800\/50:active { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:bg-blue-800\/60:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:bg-blue-800\/60:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:bg-blue-800\/60:active { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:bg-blue-800\/70:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:bg-blue-800\/70:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:bg-blue-800\/70:active { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:bg-blue-800\/80:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:bg-blue-800\/80:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:bg-blue-800\/80:active { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:bg-blue-800\/90:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:bg-blue-800\/90:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:bg-blue-800\/90:active { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:bg-blue-900:focus { + background-color: var(--blue-900) + } + .lg\:hover\:bg-blue-900:hover { + background-color: var(--blue-900) + } + .lg\:active\:bg-blue-900:active { + background-color: var(--blue-900) + } + .lg\:focus\:bg-blue-900\/10:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:bg-blue-900\/10:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:bg-blue-900\/10:active { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:bg-blue-900\/20:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:bg-blue-900\/20:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:bg-blue-900\/20:active { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:bg-blue-900\/30:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:bg-blue-900\/30:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:bg-blue-900\/30:active { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:bg-blue-900\/40:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:bg-blue-900\/40:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:bg-blue-900\/40:active { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:bg-blue-900\/50:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:bg-blue-900\/50:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:bg-blue-900\/50:active { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:bg-blue-900\/60:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:bg-blue-900\/60:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:bg-blue-900\/60:active { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:bg-blue-900\/70:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:bg-blue-900\/70:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:bg-blue-900\/70:active { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:bg-blue-900\/80:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:bg-blue-900\/80:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:bg-blue-900\/80:active { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:bg-blue-900\/90:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:bg-blue-900\/90:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:bg-blue-900\/90:active { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:bg-green-50:focus { + background-color: var(--green-50) + } + .lg\:hover\:bg-green-50:hover { + background-color: var(--green-50) + } + .lg\:active\:bg-green-50:active { + background-color: var(--green-50) + } + .lg\:focus\:bg-green-50\/10:focus { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:bg-green-50\/10:hover { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:bg-green-50\/10:active { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:bg-green-50\/20:focus { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:bg-green-50\/20:hover { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:bg-green-50\/20:active { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:bg-green-50\/30:focus { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:bg-green-50\/30:hover { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:bg-green-50\/30:active { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:bg-green-50\/40:focus { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:bg-green-50\/40:hover { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:bg-green-50\/40:active { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:bg-green-50\/50:focus { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:bg-green-50\/50:hover { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:bg-green-50\/50:active { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:bg-green-50\/60:focus { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:bg-green-50\/60:hover { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:bg-green-50\/60:active { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:bg-green-50\/70:focus { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:bg-green-50\/70:hover { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:bg-green-50\/70:active { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:bg-green-50\/80:focus { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:bg-green-50\/80:hover { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:bg-green-50\/80:active { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:bg-green-50\/90:focus { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:bg-green-50\/90:hover { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:bg-green-50\/90:active { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:bg-green-100:focus { + background-color: var(--green-100) + } + .lg\:hover\:bg-green-100:hover { + background-color: var(--green-100) + } + .lg\:active\:bg-green-100:active { + background-color: var(--green-100) + } + .lg\:focus\:bg-green-100\/10:focus { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:bg-green-100\/10:hover { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:bg-green-100\/10:active { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:bg-green-100\/20:focus { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:bg-green-100\/20:hover { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:bg-green-100\/20:active { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:bg-green-100\/30:focus { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:bg-green-100\/30:hover { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:bg-green-100\/30:active { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:bg-green-100\/40:focus { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:bg-green-100\/40:hover { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:bg-green-100\/40:active { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:bg-green-100\/50:focus { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:bg-green-100\/50:hover { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:bg-green-100\/50:active { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:bg-green-100\/60:focus { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:bg-green-100\/60:hover { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:bg-green-100\/60:active { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:bg-green-100\/70:focus { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:bg-green-100\/70:hover { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:bg-green-100\/70:active { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:bg-green-100\/80:focus { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:bg-green-100\/80:hover { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:bg-green-100\/80:active { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:bg-green-100\/90:focus { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:bg-green-100\/90:hover { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:bg-green-100\/90:active { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:bg-green-200:focus { + background-color: var(--green-200) + } + .lg\:hover\:bg-green-200:hover { + background-color: var(--green-200) + } + .lg\:active\:bg-green-200:active { + background-color: var(--green-200) + } + .lg\:focus\:bg-green-200\/10:focus { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:bg-green-200\/10:hover { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:bg-green-200\/10:active { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:bg-green-200\/20:focus { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:bg-green-200\/20:hover { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:bg-green-200\/20:active { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:bg-green-200\/30:focus { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:bg-green-200\/30:hover { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:bg-green-200\/30:active { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:bg-green-200\/40:focus { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:bg-green-200\/40:hover { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:bg-green-200\/40:active { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:bg-green-200\/50:focus { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:bg-green-200\/50:hover { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:bg-green-200\/50:active { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:bg-green-200\/60:focus { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:bg-green-200\/60:hover { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:bg-green-200\/60:active { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:bg-green-200\/70:focus { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:bg-green-200\/70:hover { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:bg-green-200\/70:active { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:bg-green-200\/80:focus { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:bg-green-200\/80:hover { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:bg-green-200\/80:active { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:bg-green-200\/90:focus { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:bg-green-200\/90:hover { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:bg-green-200\/90:active { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:bg-green-300:focus { + background-color: var(--green-300) + } + .lg\:hover\:bg-green-300:hover { + background-color: var(--green-300) + } + .lg\:active\:bg-green-300:active { + background-color: var(--green-300) + } + .lg\:focus\:bg-green-300\/10:focus { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:bg-green-300\/10:hover { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:bg-green-300\/10:active { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:bg-green-300\/20:focus { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:bg-green-300\/20:hover { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:bg-green-300\/20:active { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:bg-green-300\/30:focus { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:bg-green-300\/30:hover { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:bg-green-300\/30:active { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:bg-green-300\/40:focus { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:bg-green-300\/40:hover { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:bg-green-300\/40:active { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:bg-green-300\/50:focus { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:bg-green-300\/50:hover { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:bg-green-300\/50:active { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:bg-green-300\/60:focus { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:bg-green-300\/60:hover { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:bg-green-300\/60:active { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:bg-green-300\/70:focus { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:bg-green-300\/70:hover { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:bg-green-300\/70:active { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:bg-green-300\/80:focus { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:bg-green-300\/80:hover { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:bg-green-300\/80:active { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:bg-green-300\/90:focus { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:bg-green-300\/90:hover { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:bg-green-300\/90:active { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:bg-green-400:focus { + background-color: var(--green-400) + } + .lg\:hover\:bg-green-400:hover { + background-color: var(--green-400) + } + .lg\:active\:bg-green-400:active { + background-color: var(--green-400) + } + .lg\:focus\:bg-green-400\/10:focus { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:bg-green-400\/10:hover { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:bg-green-400\/10:active { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:bg-green-400\/20:focus { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:bg-green-400\/20:hover { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:bg-green-400\/20:active { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:bg-green-400\/30:focus { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:bg-green-400\/30:hover { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:bg-green-400\/30:active { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:bg-green-400\/40:focus { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:bg-green-400\/40:hover { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:bg-green-400\/40:active { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:bg-green-400\/50:focus { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:bg-green-400\/50:hover { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:bg-green-400\/50:active { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:bg-green-400\/60:focus { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:bg-green-400\/60:hover { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:bg-green-400\/60:active { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:bg-green-400\/70:focus { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:bg-green-400\/70:hover { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:bg-green-400\/70:active { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:bg-green-400\/80:focus { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:bg-green-400\/80:hover { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:bg-green-400\/80:active { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:bg-green-400\/90:focus { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:bg-green-400\/90:hover { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:bg-green-400\/90:active { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:bg-green-500:focus { + background-color: var(--green-500) + } + .lg\:hover\:bg-green-500:hover { + background-color: var(--green-500) + } + .lg\:active\:bg-green-500:active { + background-color: var(--green-500) + } + .lg\:focus\:bg-green-500\/10:focus { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:bg-green-500\/10:hover { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:bg-green-500\/10:active { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:bg-green-500\/20:focus { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:bg-green-500\/20:hover { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:bg-green-500\/20:active { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:bg-green-500\/30:focus { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:bg-green-500\/30:hover { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:bg-green-500\/30:active { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:bg-green-500\/40:focus { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:bg-green-500\/40:hover { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:bg-green-500\/40:active { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:bg-green-500\/50:focus { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:bg-green-500\/50:hover { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:bg-green-500\/50:active { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:bg-green-500\/60:focus { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:bg-green-500\/60:hover { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:bg-green-500\/60:active { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:bg-green-500\/70:focus { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:bg-green-500\/70:hover { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:bg-green-500\/70:active { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:bg-green-500\/80:focus { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:bg-green-500\/80:hover { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:bg-green-500\/80:active { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:bg-green-500\/90:focus { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:bg-green-500\/90:hover { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:bg-green-500\/90:active { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:bg-green-600:focus { + background-color: var(--green-600) + } + .lg\:hover\:bg-green-600:hover { + background-color: var(--green-600) + } + .lg\:active\:bg-green-600:active { + background-color: var(--green-600) + } + .lg\:focus\:bg-green-600\/10:focus { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:bg-green-600\/10:hover { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:bg-green-600\/10:active { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:bg-green-600\/20:focus { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:bg-green-600\/20:hover { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:bg-green-600\/20:active { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:bg-green-600\/30:focus { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:bg-green-600\/30:hover { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:bg-green-600\/30:active { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:bg-green-600\/40:focus { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:bg-green-600\/40:hover { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:bg-green-600\/40:active { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:bg-green-600\/50:focus { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:bg-green-600\/50:hover { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:bg-green-600\/50:active { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:bg-green-600\/60:focus { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:bg-green-600\/60:hover { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:bg-green-600\/60:active { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:bg-green-600\/70:focus { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:bg-green-600\/70:hover { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:bg-green-600\/70:active { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:bg-green-600\/80:focus { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:bg-green-600\/80:hover { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:bg-green-600\/80:active { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:bg-green-600\/90:focus { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:bg-green-600\/90:hover { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:bg-green-600\/90:active { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:bg-green-700:focus { + background-color: var(--green-700) + } + .lg\:hover\:bg-green-700:hover { + background-color: var(--green-700) + } + .lg\:active\:bg-green-700:active { + background-color: var(--green-700) + } + .lg\:focus\:bg-green-700\/10:focus { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:bg-green-700\/10:hover { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:bg-green-700\/10:active { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:bg-green-700\/20:focus { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:bg-green-700\/20:hover { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:bg-green-700\/20:active { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:bg-green-700\/30:focus { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:bg-green-700\/30:hover { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:bg-green-700\/30:active { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:bg-green-700\/40:focus { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:bg-green-700\/40:hover { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:bg-green-700\/40:active { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:bg-green-700\/50:focus { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:bg-green-700\/50:hover { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:bg-green-700\/50:active { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:bg-green-700\/60:focus { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:bg-green-700\/60:hover { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:bg-green-700\/60:active { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:bg-green-700\/70:focus { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:bg-green-700\/70:hover { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:bg-green-700\/70:active { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:bg-green-700\/80:focus { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:bg-green-700\/80:hover { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:bg-green-700\/80:active { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:bg-green-700\/90:focus { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:bg-green-700\/90:hover { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:bg-green-700\/90:active { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:bg-green-800:focus { + background-color: var(--green-800) + } + .lg\:hover\:bg-green-800:hover { + background-color: var(--green-800) + } + .lg\:active\:bg-green-800:active { + background-color: var(--green-800) + } + .lg\:focus\:bg-green-800\/10:focus { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:bg-green-800\/10:hover { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:bg-green-800\/10:active { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:bg-green-800\/20:focus { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:bg-green-800\/20:hover { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:bg-green-800\/20:active { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:bg-green-800\/30:focus { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:bg-green-800\/30:hover { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:bg-green-800\/30:active { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:bg-green-800\/40:focus { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:bg-green-800\/40:hover { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:bg-green-800\/40:active { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:bg-green-800\/50:focus { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:bg-green-800\/50:hover { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:bg-green-800\/50:active { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:bg-green-800\/60:focus { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:bg-green-800\/60:hover { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:bg-green-800\/60:active { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:bg-green-800\/70:focus { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:bg-green-800\/70:hover { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:bg-green-800\/70:active { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:bg-green-800\/80:focus { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:bg-green-800\/80:hover { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:bg-green-800\/80:active { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:bg-green-800\/90:focus { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:bg-green-800\/90:hover { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:bg-green-800\/90:active { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:bg-green-900:focus { + background-color: var(--green-900) + } + .lg\:hover\:bg-green-900:hover { + background-color: var(--green-900) + } + .lg\:active\:bg-green-900:active { + background-color: var(--green-900) + } + .lg\:focus\:bg-green-900\/10:focus { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:bg-green-900\/10:hover { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:bg-green-900\/10:active { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:bg-green-900\/20:focus { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:bg-green-900\/20:hover { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:bg-green-900\/20:active { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:bg-green-900\/30:focus { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:bg-green-900\/30:hover { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:bg-green-900\/30:active { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:bg-green-900\/40:focus { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:bg-green-900\/40:hover { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:bg-green-900\/40:active { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:bg-green-900\/50:focus { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:bg-green-900\/50:hover { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:bg-green-900\/50:active { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:bg-green-900\/60:focus { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:bg-green-900\/60:hover { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:bg-green-900\/60:active { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:bg-green-900\/70:focus { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:bg-green-900\/70:hover { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:bg-green-900\/70:active { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:bg-green-900\/80:focus { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:bg-green-900\/80:hover { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:bg-green-900\/80:active { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:bg-green-900\/90:focus { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:bg-green-900\/90:hover { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:bg-green-900\/90:active { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-50:focus { + background-color: var(--yellow-50) + } + .lg\:hover\:bg-yellow-50:hover { + background-color: var(--yellow-50) + } + .lg\:active\:bg-yellow-50:active { + background-color: var(--yellow-50) + } + .lg\:focus\:bg-yellow-50\/10:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-50\/10:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:bg-yellow-50\/10:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-50\/20:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-50\/20:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:bg-yellow-50\/20:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-50\/30:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-50\/30:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:bg-yellow-50\/30:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-50\/40:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-50\/40:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:bg-yellow-50\/40:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-50\/50:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-50\/50:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:bg-yellow-50\/50:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-50\/60:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-50\/60:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:bg-yellow-50\/60:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-50\/70:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-50\/70:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:bg-yellow-50\/70:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-50\/80:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-50\/80:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:bg-yellow-50\/80:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-50\/90:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-50\/90:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:bg-yellow-50\/90:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-100:focus { + background-color: var(--yellow-100) + } + .lg\:hover\:bg-yellow-100:hover { + background-color: var(--yellow-100) + } + .lg\:active\:bg-yellow-100:active { + background-color: var(--yellow-100) + } + .lg\:focus\:bg-yellow-100\/10:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-100\/10:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:bg-yellow-100\/10:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-100\/20:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-100\/20:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:bg-yellow-100\/20:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-100\/30:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-100\/30:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:bg-yellow-100\/30:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-100\/40:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-100\/40:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:bg-yellow-100\/40:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-100\/50:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-100\/50:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:bg-yellow-100\/50:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-100\/60:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-100\/60:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:bg-yellow-100\/60:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-100\/70:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-100\/70:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:bg-yellow-100\/70:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-100\/80:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-100\/80:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:bg-yellow-100\/80:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-100\/90:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-100\/90:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:bg-yellow-100\/90:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-200:focus { + background-color: var(--yellow-200) + } + .lg\:hover\:bg-yellow-200:hover { + background-color: var(--yellow-200) + } + .lg\:active\:bg-yellow-200:active { + background-color: var(--yellow-200) + } + .lg\:focus\:bg-yellow-200\/10:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-200\/10:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:bg-yellow-200\/10:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-200\/20:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-200\/20:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:bg-yellow-200\/20:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-200\/30:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-200\/30:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:bg-yellow-200\/30:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-200\/40:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-200\/40:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:bg-yellow-200\/40:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-200\/50:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-200\/50:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:bg-yellow-200\/50:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-200\/60:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-200\/60:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:bg-yellow-200\/60:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-200\/70:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-200\/70:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:bg-yellow-200\/70:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-200\/80:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-200\/80:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:bg-yellow-200\/80:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-200\/90:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-200\/90:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:bg-yellow-200\/90:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-300:focus { + background-color: var(--yellow-300) + } + .lg\:hover\:bg-yellow-300:hover { + background-color: var(--yellow-300) + } + .lg\:active\:bg-yellow-300:active { + background-color: var(--yellow-300) + } + .lg\:focus\:bg-yellow-300\/10:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-300\/10:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:bg-yellow-300\/10:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-300\/20:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-300\/20:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:bg-yellow-300\/20:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-300\/30:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-300\/30:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:bg-yellow-300\/30:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-300\/40:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-300\/40:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:bg-yellow-300\/40:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-300\/50:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-300\/50:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:bg-yellow-300\/50:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-300\/60:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-300\/60:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:bg-yellow-300\/60:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-300\/70:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-300\/70:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:bg-yellow-300\/70:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-300\/80:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-300\/80:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:bg-yellow-300\/80:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-300\/90:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-300\/90:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:bg-yellow-300\/90:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-400:focus { + background-color: var(--yellow-400) + } + .lg\:hover\:bg-yellow-400:hover { + background-color: var(--yellow-400) + } + .lg\:active\:bg-yellow-400:active { + background-color: var(--yellow-400) + } + .lg\:focus\:bg-yellow-400\/10:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-400\/10:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:bg-yellow-400\/10:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-400\/20:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-400\/20:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:bg-yellow-400\/20:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-400\/30:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-400\/30:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:bg-yellow-400\/30:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-400\/40:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-400\/40:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:bg-yellow-400\/40:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-400\/50:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-400\/50:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:bg-yellow-400\/50:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-400\/60:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-400\/60:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:bg-yellow-400\/60:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-400\/70:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-400\/70:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:bg-yellow-400\/70:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-400\/80:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-400\/80:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:bg-yellow-400\/80:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-400\/90:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-400\/90:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:bg-yellow-400\/90:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-500:focus { + background-color: var(--yellow-500) + } + .lg\:hover\:bg-yellow-500:hover { + background-color: var(--yellow-500) + } + .lg\:active\:bg-yellow-500:active { + background-color: var(--yellow-500) + } + .lg\:focus\:bg-yellow-500\/10:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-500\/10:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:bg-yellow-500\/10:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-500\/20:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-500\/20:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:bg-yellow-500\/20:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-500\/30:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-500\/30:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:bg-yellow-500\/30:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-500\/40:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-500\/40:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:bg-yellow-500\/40:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-500\/50:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-500\/50:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:bg-yellow-500\/50:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-500\/60:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-500\/60:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:bg-yellow-500\/60:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-500\/70:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-500\/70:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:bg-yellow-500\/70:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-500\/80:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-500\/80:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:bg-yellow-500\/80:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-500\/90:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-500\/90:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:bg-yellow-500\/90:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-600:focus { + background-color: var(--yellow-600) + } + .lg\:hover\:bg-yellow-600:hover { + background-color: var(--yellow-600) + } + .lg\:active\:bg-yellow-600:active { + background-color: var(--yellow-600) + } + .lg\:focus\:bg-yellow-600\/10:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-600\/10:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:bg-yellow-600\/10:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-600\/20:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-600\/20:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:bg-yellow-600\/20:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-600\/30:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-600\/30:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:bg-yellow-600\/30:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-600\/40:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-600\/40:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:bg-yellow-600\/40:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-600\/50:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-600\/50:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:bg-yellow-600\/50:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-600\/60:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-600\/60:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:bg-yellow-600\/60:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-600\/70:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-600\/70:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:bg-yellow-600\/70:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-600\/80:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-600\/80:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:bg-yellow-600\/80:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-600\/90:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-600\/90:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:bg-yellow-600\/90:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-700:focus { + background-color: var(--yellow-700) + } + .lg\:hover\:bg-yellow-700:hover { + background-color: var(--yellow-700) + } + .lg\:active\:bg-yellow-700:active { + background-color: var(--yellow-700) + } + .lg\:focus\:bg-yellow-700\/10:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-700\/10:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:bg-yellow-700\/10:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-700\/20:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-700\/20:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:bg-yellow-700\/20:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-700\/30:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-700\/30:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:bg-yellow-700\/30:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-700\/40:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-700\/40:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:bg-yellow-700\/40:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-700\/50:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-700\/50:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:bg-yellow-700\/50:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-700\/60:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-700\/60:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:bg-yellow-700\/60:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-700\/70:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-700\/70:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:bg-yellow-700\/70:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-700\/80:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-700\/80:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:bg-yellow-700\/80:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-700\/90:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-700\/90:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:bg-yellow-700\/90:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-800:focus { + background-color: var(--yellow-800) + } + .lg\:hover\:bg-yellow-800:hover { + background-color: var(--yellow-800) + } + .lg\:active\:bg-yellow-800:active { + background-color: var(--yellow-800) + } + .lg\:focus\:bg-yellow-800\/10:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-800\/10:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:bg-yellow-800\/10:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-800\/20:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-800\/20:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:bg-yellow-800\/20:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-800\/30:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-800\/30:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:bg-yellow-800\/30:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-800\/40:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-800\/40:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:bg-yellow-800\/40:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-800\/50:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-800\/50:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:bg-yellow-800\/50:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-800\/60:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-800\/60:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:bg-yellow-800\/60:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-800\/70:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-800\/70:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:bg-yellow-800\/70:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-800\/80:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-800\/80:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:bg-yellow-800\/80:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-800\/90:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-800\/90:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:bg-yellow-800\/90:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:bg-yellow-900:focus { + background-color: var(--yellow-900) + } + .lg\:hover\:bg-yellow-900:hover { + background-color: var(--yellow-900) + } + .lg\:active\:bg-yellow-900:active { + background-color: var(--yellow-900) + } + .lg\:focus\:bg-yellow-900\/10:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:bg-yellow-900\/10:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:bg-yellow-900\/10:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:bg-yellow-900\/20:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:bg-yellow-900\/20:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:bg-yellow-900\/20:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:bg-yellow-900\/30:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:bg-yellow-900\/30:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:bg-yellow-900\/30:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:bg-yellow-900\/40:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:bg-yellow-900\/40:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:bg-yellow-900\/40:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:bg-yellow-900\/50:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:bg-yellow-900\/50:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:bg-yellow-900\/50:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:bg-yellow-900\/60:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:bg-yellow-900\/60:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:bg-yellow-900\/60:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:bg-yellow-900\/70:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:bg-yellow-900\/70:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:bg-yellow-900\/70:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:bg-yellow-900\/80:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:bg-yellow-900\/80:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:bg-yellow-900\/80:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:bg-yellow-900\/90:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:bg-yellow-900\/90:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:bg-yellow-900\/90:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-50:focus { + background-color: var(--cyan-50) + } + .lg\:hover\:bg-cyan-50:hover { + background-color: var(--cyan-50) + } + .lg\:active\:bg-cyan-50:active { + background-color: var(--cyan-50) + } + .lg\:focus\:bg-cyan-50\/10:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-50\/10:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:bg-cyan-50\/10:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-50\/20:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-50\/20:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:bg-cyan-50\/20:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-50\/30:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-50\/30:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:bg-cyan-50\/30:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-50\/40:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-50\/40:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:bg-cyan-50\/40:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-50\/50:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-50\/50:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:bg-cyan-50\/50:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-50\/60:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-50\/60:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:bg-cyan-50\/60:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-50\/70:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-50\/70:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:bg-cyan-50\/70:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-50\/80:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-50\/80:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:bg-cyan-50\/80:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-50\/90:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-50\/90:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:bg-cyan-50\/90:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-100:focus { + background-color: var(--cyan-100) + } + .lg\:hover\:bg-cyan-100:hover { + background-color: var(--cyan-100) + } + .lg\:active\:bg-cyan-100:active { + background-color: var(--cyan-100) + } + .lg\:focus\:bg-cyan-100\/10:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-100\/10:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:bg-cyan-100\/10:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-100\/20:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-100\/20:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:bg-cyan-100\/20:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-100\/30:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-100\/30:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:bg-cyan-100\/30:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-100\/40:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-100\/40:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:bg-cyan-100\/40:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-100\/50:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-100\/50:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:bg-cyan-100\/50:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-100\/60:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-100\/60:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:bg-cyan-100\/60:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-100\/70:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-100\/70:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:bg-cyan-100\/70:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-100\/80:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-100\/80:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:bg-cyan-100\/80:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-100\/90:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-100\/90:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:bg-cyan-100\/90:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-200:focus { + background-color: var(--cyan-200) + } + .lg\:hover\:bg-cyan-200:hover { + background-color: var(--cyan-200) + } + .lg\:active\:bg-cyan-200:active { + background-color: var(--cyan-200) + } + .lg\:focus\:bg-cyan-200\/10:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-200\/10:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:bg-cyan-200\/10:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-200\/20:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-200\/20:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:bg-cyan-200\/20:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-200\/30:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-200\/30:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:bg-cyan-200\/30:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-200\/40:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-200\/40:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:bg-cyan-200\/40:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-200\/50:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-200\/50:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:bg-cyan-200\/50:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-200\/60:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-200\/60:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:bg-cyan-200\/60:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-200\/70:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-200\/70:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:bg-cyan-200\/70:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-200\/80:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-200\/80:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:bg-cyan-200\/80:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-200\/90:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-200\/90:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:bg-cyan-200\/90:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-300:focus { + background-color: var(--cyan-300) + } + .lg\:hover\:bg-cyan-300:hover { + background-color: var(--cyan-300) + } + .lg\:active\:bg-cyan-300:active { + background-color: var(--cyan-300) + } + .lg\:focus\:bg-cyan-300\/10:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-300\/10:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:bg-cyan-300\/10:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-300\/20:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-300\/20:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:bg-cyan-300\/20:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-300\/30:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-300\/30:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:bg-cyan-300\/30:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-300\/40:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-300\/40:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:bg-cyan-300\/40:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-300\/50:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-300\/50:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:bg-cyan-300\/50:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-300\/60:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-300\/60:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:bg-cyan-300\/60:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-300\/70:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-300\/70:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:bg-cyan-300\/70:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-300\/80:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-300\/80:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:bg-cyan-300\/80:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-300\/90:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-300\/90:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:bg-cyan-300\/90:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-400:focus { + background-color: var(--cyan-400) + } + .lg\:hover\:bg-cyan-400:hover { + background-color: var(--cyan-400) + } + .lg\:active\:bg-cyan-400:active { + background-color: var(--cyan-400) + } + .lg\:focus\:bg-cyan-400\/10:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-400\/10:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:bg-cyan-400\/10:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-400\/20:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-400\/20:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:bg-cyan-400\/20:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-400\/30:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-400\/30:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:bg-cyan-400\/30:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-400\/40:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-400\/40:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:bg-cyan-400\/40:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-400\/50:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-400\/50:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:bg-cyan-400\/50:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-400\/60:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-400\/60:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:bg-cyan-400\/60:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-400\/70:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-400\/70:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:bg-cyan-400\/70:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-400\/80:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-400\/80:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:bg-cyan-400\/80:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-400\/90:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-400\/90:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:bg-cyan-400\/90:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-500:focus { + background-color: var(--cyan-500) + } + .lg\:hover\:bg-cyan-500:hover { + background-color: var(--cyan-500) + } + .lg\:active\:bg-cyan-500:active { + background-color: var(--cyan-500) + } + .lg\:focus\:bg-cyan-500\/10:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-500\/10:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:bg-cyan-500\/10:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-500\/20:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-500\/20:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:bg-cyan-500\/20:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-500\/30:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-500\/30:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:bg-cyan-500\/30:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-500\/40:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-500\/40:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:bg-cyan-500\/40:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-500\/50:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-500\/50:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:bg-cyan-500\/50:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-500\/60:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-500\/60:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:bg-cyan-500\/60:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-500\/70:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-500\/70:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:bg-cyan-500\/70:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-500\/80:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-500\/80:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:bg-cyan-500\/80:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-500\/90:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-500\/90:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:bg-cyan-500\/90:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-600:focus { + background-color: var(--cyan-600) + } + .lg\:hover\:bg-cyan-600:hover { + background-color: var(--cyan-600) + } + .lg\:active\:bg-cyan-600:active { + background-color: var(--cyan-600) + } + .lg\:focus\:bg-cyan-600\/10:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-600\/10:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:bg-cyan-600\/10:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-600\/20:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-600\/20:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:bg-cyan-600\/20:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-600\/30:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-600\/30:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:bg-cyan-600\/30:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-600\/40:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-600\/40:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:bg-cyan-600\/40:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-600\/50:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-600\/50:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:bg-cyan-600\/50:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-600\/60:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-600\/60:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:bg-cyan-600\/60:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-600\/70:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-600\/70:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:bg-cyan-600\/70:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-600\/80:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-600\/80:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:bg-cyan-600\/80:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-600\/90:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-600\/90:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:bg-cyan-600\/90:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-700:focus { + background-color: var(--cyan-700) + } + .lg\:hover\:bg-cyan-700:hover { + background-color: var(--cyan-700) + } + .lg\:active\:bg-cyan-700:active { + background-color: var(--cyan-700) + } + .lg\:focus\:bg-cyan-700\/10:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-700\/10:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:bg-cyan-700\/10:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-700\/20:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-700\/20:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:bg-cyan-700\/20:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-700\/30:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-700\/30:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:bg-cyan-700\/30:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-700\/40:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-700\/40:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:bg-cyan-700\/40:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-700\/50:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-700\/50:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:bg-cyan-700\/50:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-700\/60:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-700\/60:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:bg-cyan-700\/60:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-700\/70:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-700\/70:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:bg-cyan-700\/70:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-700\/80:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-700\/80:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:bg-cyan-700\/80:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-700\/90:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-700\/90:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:bg-cyan-700\/90:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-800:focus { + background-color: var(--cyan-800) + } + .lg\:hover\:bg-cyan-800:hover { + background-color: var(--cyan-800) + } + .lg\:active\:bg-cyan-800:active { + background-color: var(--cyan-800) + } + .lg\:focus\:bg-cyan-800\/10:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-800\/10:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:bg-cyan-800\/10:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-800\/20:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-800\/20:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:bg-cyan-800\/20:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-800\/30:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-800\/30:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:bg-cyan-800\/30:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-800\/40:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-800\/40:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:bg-cyan-800\/40:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-800\/50:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-800\/50:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:bg-cyan-800\/50:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-800\/60:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-800\/60:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:bg-cyan-800\/60:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-800\/70:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-800\/70:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:bg-cyan-800\/70:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-800\/80:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-800\/80:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:bg-cyan-800\/80:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-800\/90:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-800\/90:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:bg-cyan-800\/90:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:bg-cyan-900:focus { + background-color: var(--cyan-900) + } + .lg\:hover\:bg-cyan-900:hover { + background-color: var(--cyan-900) + } + .lg\:active\:bg-cyan-900:active { + background-color: var(--cyan-900) + } + .lg\:focus\:bg-cyan-900\/10:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:bg-cyan-900\/10:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:bg-cyan-900\/10:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:bg-cyan-900\/20:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:bg-cyan-900\/20:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:bg-cyan-900\/20:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:bg-cyan-900\/30:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:bg-cyan-900\/30:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:bg-cyan-900\/30:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:bg-cyan-900\/40:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:bg-cyan-900\/40:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:bg-cyan-900\/40:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:bg-cyan-900\/50:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:bg-cyan-900\/50:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:bg-cyan-900\/50:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:bg-cyan-900\/60:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:bg-cyan-900\/60:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:bg-cyan-900\/60:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:bg-cyan-900\/70:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:bg-cyan-900\/70:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:bg-cyan-900\/70:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:bg-cyan-900\/80:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:bg-cyan-900\/80:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:bg-cyan-900\/80:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:bg-cyan-900\/90:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:bg-cyan-900\/90:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:bg-cyan-900\/90:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:bg-pink-50:focus { + background-color: var(--pink-50) + } + .lg\:hover\:bg-pink-50:hover { + background-color: var(--pink-50) + } + .lg\:active\:bg-pink-50:active { + background-color: var(--pink-50) + } + .lg\:focus\:bg-pink-50\/10:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:bg-pink-50\/10:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:bg-pink-50\/10:active { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:bg-pink-50\/20:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:bg-pink-50\/20:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:bg-pink-50\/20:active { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:bg-pink-50\/30:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:bg-pink-50\/30:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:bg-pink-50\/30:active { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:bg-pink-50\/40:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:bg-pink-50\/40:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:bg-pink-50\/40:active { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:bg-pink-50\/50:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:bg-pink-50\/50:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:bg-pink-50\/50:active { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:bg-pink-50\/60:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:bg-pink-50\/60:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:bg-pink-50\/60:active { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:bg-pink-50\/70:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:bg-pink-50\/70:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:bg-pink-50\/70:active { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:bg-pink-50\/80:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:bg-pink-50\/80:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:bg-pink-50\/80:active { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:bg-pink-50\/90:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:bg-pink-50\/90:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:bg-pink-50\/90:active { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:bg-pink-100:focus { + background-color: var(--pink-100) + } + .lg\:hover\:bg-pink-100:hover { + background-color: var(--pink-100) + } + .lg\:active\:bg-pink-100:active { + background-color: var(--pink-100) + } + .lg\:focus\:bg-pink-100\/10:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:bg-pink-100\/10:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:bg-pink-100\/10:active { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:bg-pink-100\/20:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:bg-pink-100\/20:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:bg-pink-100\/20:active { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:bg-pink-100\/30:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:bg-pink-100\/30:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:bg-pink-100\/30:active { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:bg-pink-100\/40:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:bg-pink-100\/40:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:bg-pink-100\/40:active { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:bg-pink-100\/50:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:bg-pink-100\/50:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:bg-pink-100\/50:active { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:bg-pink-100\/60:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:bg-pink-100\/60:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:bg-pink-100\/60:active { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:bg-pink-100\/70:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:bg-pink-100\/70:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:bg-pink-100\/70:active { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:bg-pink-100\/80:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:bg-pink-100\/80:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:bg-pink-100\/80:active { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:bg-pink-100\/90:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:bg-pink-100\/90:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:bg-pink-100\/90:active { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:bg-pink-200:focus { + background-color: var(--pink-200) + } + .lg\:hover\:bg-pink-200:hover { + background-color: var(--pink-200) + } + .lg\:active\:bg-pink-200:active { + background-color: var(--pink-200) + } + .lg\:focus\:bg-pink-200\/10:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:bg-pink-200\/10:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:bg-pink-200\/10:active { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:bg-pink-200\/20:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:bg-pink-200\/20:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:bg-pink-200\/20:active { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:bg-pink-200\/30:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:bg-pink-200\/30:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:bg-pink-200\/30:active { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:bg-pink-200\/40:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:bg-pink-200\/40:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:bg-pink-200\/40:active { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:bg-pink-200\/50:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:bg-pink-200\/50:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:bg-pink-200\/50:active { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:bg-pink-200\/60:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:bg-pink-200\/60:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:bg-pink-200\/60:active { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:bg-pink-200\/70:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:bg-pink-200\/70:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:bg-pink-200\/70:active { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:bg-pink-200\/80:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:bg-pink-200\/80:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:bg-pink-200\/80:active { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:bg-pink-200\/90:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:bg-pink-200\/90:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:bg-pink-200\/90:active { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:bg-pink-300:focus { + background-color: var(--pink-300) + } + .lg\:hover\:bg-pink-300:hover { + background-color: var(--pink-300) + } + .lg\:active\:bg-pink-300:active { + background-color: var(--pink-300) + } + .lg\:focus\:bg-pink-300\/10:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:bg-pink-300\/10:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:bg-pink-300\/10:active { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:bg-pink-300\/20:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:bg-pink-300\/20:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:bg-pink-300\/20:active { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:bg-pink-300\/30:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:bg-pink-300\/30:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:bg-pink-300\/30:active { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:bg-pink-300\/40:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:bg-pink-300\/40:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:bg-pink-300\/40:active { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:bg-pink-300\/50:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:bg-pink-300\/50:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:bg-pink-300\/50:active { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:bg-pink-300\/60:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:bg-pink-300\/60:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:bg-pink-300\/60:active { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:bg-pink-300\/70:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:bg-pink-300\/70:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:bg-pink-300\/70:active { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:bg-pink-300\/80:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:bg-pink-300\/80:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:bg-pink-300\/80:active { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:bg-pink-300\/90:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:bg-pink-300\/90:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:bg-pink-300\/90:active { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:bg-pink-400:focus { + background-color: var(--pink-400) + } + .lg\:hover\:bg-pink-400:hover { + background-color: var(--pink-400) + } + .lg\:active\:bg-pink-400:active { + background-color: var(--pink-400) + } + .lg\:focus\:bg-pink-400\/10:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:bg-pink-400\/10:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:bg-pink-400\/10:active { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:bg-pink-400\/20:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:bg-pink-400\/20:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:bg-pink-400\/20:active { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:bg-pink-400\/30:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:bg-pink-400\/30:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:bg-pink-400\/30:active { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:bg-pink-400\/40:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:bg-pink-400\/40:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:bg-pink-400\/40:active { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:bg-pink-400\/50:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:bg-pink-400\/50:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:bg-pink-400\/50:active { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:bg-pink-400\/60:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:bg-pink-400\/60:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:bg-pink-400\/60:active { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:bg-pink-400\/70:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:bg-pink-400\/70:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:bg-pink-400\/70:active { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:bg-pink-400\/80:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:bg-pink-400\/80:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:bg-pink-400\/80:active { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:bg-pink-400\/90:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:bg-pink-400\/90:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:bg-pink-400\/90:active { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:bg-pink-500:focus { + background-color: var(--pink-500) + } + .lg\:hover\:bg-pink-500:hover { + background-color: var(--pink-500) + } + .lg\:active\:bg-pink-500:active { + background-color: var(--pink-500) + } + .lg\:focus\:bg-pink-500\/10:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:bg-pink-500\/10:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:bg-pink-500\/10:active { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:bg-pink-500\/20:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:bg-pink-500\/20:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:bg-pink-500\/20:active { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:bg-pink-500\/30:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:bg-pink-500\/30:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:bg-pink-500\/30:active { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:bg-pink-500\/40:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:bg-pink-500\/40:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:bg-pink-500\/40:active { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:bg-pink-500\/50:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:bg-pink-500\/50:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:bg-pink-500\/50:active { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:bg-pink-500\/60:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:bg-pink-500\/60:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:bg-pink-500\/60:active { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:bg-pink-500\/70:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:bg-pink-500\/70:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:bg-pink-500\/70:active { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:bg-pink-500\/80:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:bg-pink-500\/80:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:bg-pink-500\/80:active { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:bg-pink-500\/90:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:bg-pink-500\/90:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:bg-pink-500\/90:active { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:bg-pink-600:focus { + background-color: var(--pink-600) + } + .lg\:hover\:bg-pink-600:hover { + background-color: var(--pink-600) + } + .lg\:active\:bg-pink-600:active { + background-color: var(--pink-600) + } + .lg\:focus\:bg-pink-600\/10:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:bg-pink-600\/10:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:bg-pink-600\/10:active { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:bg-pink-600\/20:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:bg-pink-600\/20:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:bg-pink-600\/20:active { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:bg-pink-600\/30:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:bg-pink-600\/30:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:bg-pink-600\/30:active { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:bg-pink-600\/40:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:bg-pink-600\/40:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:bg-pink-600\/40:active { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:bg-pink-600\/50:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:bg-pink-600\/50:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:bg-pink-600\/50:active { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:bg-pink-600\/60:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:bg-pink-600\/60:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:bg-pink-600\/60:active { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:bg-pink-600\/70:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:bg-pink-600\/70:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:bg-pink-600\/70:active { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:bg-pink-600\/80:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:bg-pink-600\/80:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:bg-pink-600\/80:active { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:bg-pink-600\/90:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:bg-pink-600\/90:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:bg-pink-600\/90:active { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:bg-pink-700:focus { + background-color: var(--pink-700) + } + .lg\:hover\:bg-pink-700:hover { + background-color: var(--pink-700) + } + .lg\:active\:bg-pink-700:active { + background-color: var(--pink-700) + } + .lg\:focus\:bg-pink-700\/10:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:bg-pink-700\/10:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:bg-pink-700\/10:active { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:bg-pink-700\/20:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:bg-pink-700\/20:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:bg-pink-700\/20:active { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:bg-pink-700\/30:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:bg-pink-700\/30:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:bg-pink-700\/30:active { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:bg-pink-700\/40:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:bg-pink-700\/40:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:bg-pink-700\/40:active { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:bg-pink-700\/50:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:bg-pink-700\/50:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:bg-pink-700\/50:active { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:bg-pink-700\/60:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:bg-pink-700\/60:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:bg-pink-700\/60:active { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:bg-pink-700\/70:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:bg-pink-700\/70:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:bg-pink-700\/70:active { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:bg-pink-700\/80:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:bg-pink-700\/80:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:bg-pink-700\/80:active { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:bg-pink-700\/90:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:bg-pink-700\/90:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:bg-pink-700\/90:active { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:bg-pink-800:focus { + background-color: var(--pink-800) + } + .lg\:hover\:bg-pink-800:hover { + background-color: var(--pink-800) + } + .lg\:active\:bg-pink-800:active { + background-color: var(--pink-800) + } + .lg\:focus\:bg-pink-800\/10:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:bg-pink-800\/10:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:bg-pink-800\/10:active { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:bg-pink-800\/20:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:bg-pink-800\/20:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:bg-pink-800\/20:active { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:bg-pink-800\/30:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:bg-pink-800\/30:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:bg-pink-800\/30:active { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:bg-pink-800\/40:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:bg-pink-800\/40:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:bg-pink-800\/40:active { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:bg-pink-800\/50:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:bg-pink-800\/50:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:bg-pink-800\/50:active { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:bg-pink-800\/60:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:bg-pink-800\/60:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:bg-pink-800\/60:active { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:bg-pink-800\/70:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:bg-pink-800\/70:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:bg-pink-800\/70:active { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:bg-pink-800\/80:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:bg-pink-800\/80:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:bg-pink-800\/80:active { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:bg-pink-800\/90:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:bg-pink-800\/90:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:bg-pink-800\/90:active { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:bg-pink-900:focus { + background-color: var(--pink-900) + } + .lg\:hover\:bg-pink-900:hover { + background-color: var(--pink-900) + } + .lg\:active\:bg-pink-900:active { + background-color: var(--pink-900) + } + .lg\:focus\:bg-pink-900\/10:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:bg-pink-900\/10:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:bg-pink-900\/10:active { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:bg-pink-900\/20:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:bg-pink-900\/20:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:bg-pink-900\/20:active { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:bg-pink-900\/30:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:bg-pink-900\/30:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:bg-pink-900\/30:active { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:bg-pink-900\/40:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:bg-pink-900\/40:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:bg-pink-900\/40:active { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:bg-pink-900\/50:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:bg-pink-900\/50:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:bg-pink-900\/50:active { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:bg-pink-900\/60:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:bg-pink-900\/60:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:bg-pink-900\/60:active { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:bg-pink-900\/70:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:bg-pink-900\/70:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:bg-pink-900\/70:active { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:bg-pink-900\/80:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:bg-pink-900\/80:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:bg-pink-900\/80:active { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:bg-pink-900\/90:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:bg-pink-900\/90:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:bg-pink-900\/90:active { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-50:focus { + background-color: var(--indigo-50) + } + .lg\:hover\:bg-indigo-50:hover { + background-color: var(--indigo-50) + } + .lg\:active\:bg-indigo-50:active { + background-color: var(--indigo-50) + } + .lg\:focus\:bg-indigo-50\/10:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-50\/10:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:bg-indigo-50\/10:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-50\/20:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-50\/20:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:bg-indigo-50\/20:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-50\/30:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-50\/30:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:bg-indigo-50\/30:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-50\/40:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-50\/40:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:bg-indigo-50\/40:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-50\/50:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-50\/50:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:bg-indigo-50\/50:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-50\/60:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-50\/60:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:bg-indigo-50\/60:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-50\/70:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-50\/70:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:bg-indigo-50\/70:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-50\/80:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-50\/80:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:bg-indigo-50\/80:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-50\/90:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-50\/90:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:bg-indigo-50\/90:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-100:focus { + background-color: var(--indigo-100) + } + .lg\:hover\:bg-indigo-100:hover { + background-color: var(--indigo-100) + } + .lg\:active\:bg-indigo-100:active { + background-color: var(--indigo-100) + } + .lg\:focus\:bg-indigo-100\/10:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-100\/10:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:bg-indigo-100\/10:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-100\/20:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-100\/20:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:bg-indigo-100\/20:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-100\/30:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-100\/30:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:bg-indigo-100\/30:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-100\/40:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-100\/40:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:bg-indigo-100\/40:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-100\/50:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-100\/50:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:bg-indigo-100\/50:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-100\/60:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-100\/60:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:bg-indigo-100\/60:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-100\/70:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-100\/70:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:bg-indigo-100\/70:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-100\/80:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-100\/80:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:bg-indigo-100\/80:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-100\/90:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-100\/90:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:bg-indigo-100\/90:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-200:focus { + background-color: var(--indigo-200) + } + .lg\:hover\:bg-indigo-200:hover { + background-color: var(--indigo-200) + } + .lg\:active\:bg-indigo-200:active { + background-color: var(--indigo-200) + } + .lg\:focus\:bg-indigo-200\/10:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-200\/10:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:bg-indigo-200\/10:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-200\/20:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-200\/20:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:bg-indigo-200\/20:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-200\/30:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-200\/30:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:bg-indigo-200\/30:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-200\/40:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-200\/40:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:bg-indigo-200\/40:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-200\/50:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-200\/50:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:bg-indigo-200\/50:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-200\/60:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-200\/60:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:bg-indigo-200\/60:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-200\/70:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-200\/70:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:bg-indigo-200\/70:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-200\/80:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-200\/80:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:bg-indigo-200\/80:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-200\/90:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-200\/90:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:bg-indigo-200\/90:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-300:focus { + background-color: var(--indigo-300) + } + .lg\:hover\:bg-indigo-300:hover { + background-color: var(--indigo-300) + } + .lg\:active\:bg-indigo-300:active { + background-color: var(--indigo-300) + } + .lg\:focus\:bg-indigo-300\/10:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-300\/10:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:bg-indigo-300\/10:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-300\/20:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-300\/20:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:bg-indigo-300\/20:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-300\/30:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-300\/30:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:bg-indigo-300\/30:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-300\/40:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-300\/40:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:bg-indigo-300\/40:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-300\/50:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-300\/50:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:bg-indigo-300\/50:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-300\/60:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-300\/60:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:bg-indigo-300\/60:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-300\/70:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-300\/70:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:bg-indigo-300\/70:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-300\/80:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-300\/80:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:bg-indigo-300\/80:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-300\/90:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-300\/90:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:bg-indigo-300\/90:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-400:focus { + background-color: var(--indigo-400) + } + .lg\:hover\:bg-indigo-400:hover { + background-color: var(--indigo-400) + } + .lg\:active\:bg-indigo-400:active { + background-color: var(--indigo-400) + } + .lg\:focus\:bg-indigo-400\/10:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-400\/10:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:bg-indigo-400\/10:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-400\/20:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-400\/20:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:bg-indigo-400\/20:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-400\/30:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-400\/30:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:bg-indigo-400\/30:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-400\/40:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-400\/40:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:bg-indigo-400\/40:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-400\/50:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-400\/50:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:bg-indigo-400\/50:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-400\/60:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-400\/60:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:bg-indigo-400\/60:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-400\/70:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-400\/70:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:bg-indigo-400\/70:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-400\/80:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-400\/80:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:bg-indigo-400\/80:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-400\/90:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-400\/90:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:bg-indigo-400\/90:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-500:focus { + background-color: var(--indigo-500) + } + .lg\:hover\:bg-indigo-500:hover { + background-color: var(--indigo-500) + } + .lg\:active\:bg-indigo-500:active { + background-color: var(--indigo-500) + } + .lg\:focus\:bg-indigo-500\/10:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-500\/10:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:bg-indigo-500\/10:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-500\/20:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-500\/20:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:bg-indigo-500\/20:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-500\/30:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-500\/30:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:bg-indigo-500\/30:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-500\/40:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-500\/40:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:bg-indigo-500\/40:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-500\/50:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-500\/50:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:bg-indigo-500\/50:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-500\/60:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-500\/60:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:bg-indigo-500\/60:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-500\/70:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-500\/70:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:bg-indigo-500\/70:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-500\/80:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-500\/80:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:bg-indigo-500\/80:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-500\/90:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-500\/90:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:bg-indigo-500\/90:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-600:focus { + background-color: var(--indigo-600) + } + .lg\:hover\:bg-indigo-600:hover { + background-color: var(--indigo-600) + } + .lg\:active\:bg-indigo-600:active { + background-color: var(--indigo-600) + } + .lg\:focus\:bg-indigo-600\/10:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-600\/10:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:bg-indigo-600\/10:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-600\/20:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-600\/20:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:bg-indigo-600\/20:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-600\/30:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-600\/30:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:bg-indigo-600\/30:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-600\/40:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-600\/40:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:bg-indigo-600\/40:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-600\/50:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-600\/50:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:bg-indigo-600\/50:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-600\/60:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-600\/60:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:bg-indigo-600\/60:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-600\/70:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-600\/70:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:bg-indigo-600\/70:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-600\/80:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-600\/80:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:bg-indigo-600\/80:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-600\/90:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-600\/90:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:bg-indigo-600\/90:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-700:focus { + background-color: var(--indigo-700) + } + .lg\:hover\:bg-indigo-700:hover { + background-color: var(--indigo-700) + } + .lg\:active\:bg-indigo-700:active { + background-color: var(--indigo-700) + } + .lg\:focus\:bg-indigo-700\/10:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-700\/10:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:bg-indigo-700\/10:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-700\/20:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-700\/20:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:bg-indigo-700\/20:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-700\/30:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-700\/30:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:bg-indigo-700\/30:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-700\/40:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-700\/40:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:bg-indigo-700\/40:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-700\/50:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-700\/50:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:bg-indigo-700\/50:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-700\/60:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-700\/60:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:bg-indigo-700\/60:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-700\/70:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-700\/70:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:bg-indigo-700\/70:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-700\/80:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-700\/80:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:bg-indigo-700\/80:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-700\/90:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-700\/90:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:bg-indigo-700\/90:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-800:focus { + background-color: var(--indigo-800) + } + .lg\:hover\:bg-indigo-800:hover { + background-color: var(--indigo-800) + } + .lg\:active\:bg-indigo-800:active { + background-color: var(--indigo-800) + } + .lg\:focus\:bg-indigo-800\/10:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-800\/10:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:bg-indigo-800\/10:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-800\/20:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-800\/20:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:bg-indigo-800\/20:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-800\/30:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-800\/30:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:bg-indigo-800\/30:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-800\/40:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-800\/40:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:bg-indigo-800\/40:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-800\/50:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-800\/50:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:bg-indigo-800\/50:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-800\/60:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-800\/60:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:bg-indigo-800\/60:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-800\/70:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-800\/70:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:bg-indigo-800\/70:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-800\/80:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-800\/80:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:bg-indigo-800\/80:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-800\/90:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-800\/90:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:bg-indigo-800\/90:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:bg-indigo-900:focus { + background-color: var(--indigo-900) + } + .lg\:hover\:bg-indigo-900:hover { + background-color: var(--indigo-900) + } + .lg\:active\:bg-indigo-900:active { + background-color: var(--indigo-900) + } + .lg\:focus\:bg-indigo-900\/10:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:bg-indigo-900\/10:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:bg-indigo-900\/10:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:bg-indigo-900\/20:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:bg-indigo-900\/20:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:bg-indigo-900\/20:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:bg-indigo-900\/30:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:bg-indigo-900\/30:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:bg-indigo-900\/30:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:bg-indigo-900\/40:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:bg-indigo-900\/40:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:bg-indigo-900\/40:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:bg-indigo-900\/50:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:bg-indigo-900\/50:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:bg-indigo-900\/50:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:bg-indigo-900\/60:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:bg-indigo-900\/60:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:bg-indigo-900\/60:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:bg-indigo-900\/70:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:bg-indigo-900\/70:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:bg-indigo-900\/70:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:bg-indigo-900\/80:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:bg-indigo-900\/80:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:bg-indigo-900\/80:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:bg-indigo-900\/90:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:bg-indigo-900\/90:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:bg-indigo-900\/90:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:bg-teal-50:focus { + background-color: var(--teal-50) + } + .lg\:hover\:bg-teal-50:hover { + background-color: var(--teal-50) + } + .lg\:active\:bg-teal-50:active { + background-color: var(--teal-50) + } + .lg\:focus\:bg-teal-50\/10:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:bg-teal-50\/10:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:bg-teal-50\/10:active { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:bg-teal-50\/20:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:bg-teal-50\/20:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:bg-teal-50\/20:active { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:bg-teal-50\/30:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:bg-teal-50\/30:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:bg-teal-50\/30:active { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:bg-teal-50\/40:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:bg-teal-50\/40:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:bg-teal-50\/40:active { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:bg-teal-50\/50:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:bg-teal-50\/50:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:bg-teal-50\/50:active { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:bg-teal-50\/60:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:bg-teal-50\/60:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:bg-teal-50\/60:active { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:bg-teal-50\/70:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:bg-teal-50\/70:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:bg-teal-50\/70:active { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:bg-teal-50\/80:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:bg-teal-50\/80:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:bg-teal-50\/80:active { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:bg-teal-50\/90:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:bg-teal-50\/90:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:bg-teal-50\/90:active { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:bg-teal-100:focus { + background-color: var(--teal-100) + } + .lg\:hover\:bg-teal-100:hover { + background-color: var(--teal-100) + } + .lg\:active\:bg-teal-100:active { + background-color: var(--teal-100) + } + .lg\:focus\:bg-teal-100\/10:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:bg-teal-100\/10:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:bg-teal-100\/10:active { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:bg-teal-100\/20:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:bg-teal-100\/20:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:bg-teal-100\/20:active { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:bg-teal-100\/30:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:bg-teal-100\/30:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:bg-teal-100\/30:active { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:bg-teal-100\/40:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:bg-teal-100\/40:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:bg-teal-100\/40:active { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:bg-teal-100\/50:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:bg-teal-100\/50:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:bg-teal-100\/50:active { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:bg-teal-100\/60:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:bg-teal-100\/60:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:bg-teal-100\/60:active { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:bg-teal-100\/70:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:bg-teal-100\/70:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:bg-teal-100\/70:active { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:bg-teal-100\/80:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:bg-teal-100\/80:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:bg-teal-100\/80:active { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:bg-teal-100\/90:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:bg-teal-100\/90:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:bg-teal-100\/90:active { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:bg-teal-200:focus { + background-color: var(--teal-200) + } + .lg\:hover\:bg-teal-200:hover { + background-color: var(--teal-200) + } + .lg\:active\:bg-teal-200:active { + background-color: var(--teal-200) + } + .lg\:focus\:bg-teal-200\/10:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:bg-teal-200\/10:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:bg-teal-200\/10:active { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:bg-teal-200\/20:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:bg-teal-200\/20:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:bg-teal-200\/20:active { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:bg-teal-200\/30:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:bg-teal-200\/30:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:bg-teal-200\/30:active { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:bg-teal-200\/40:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:bg-teal-200\/40:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:bg-teal-200\/40:active { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:bg-teal-200\/50:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:bg-teal-200\/50:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:bg-teal-200\/50:active { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:bg-teal-200\/60:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:bg-teal-200\/60:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:bg-teal-200\/60:active { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:bg-teal-200\/70:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:bg-teal-200\/70:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:bg-teal-200\/70:active { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:bg-teal-200\/80:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:bg-teal-200\/80:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:bg-teal-200\/80:active { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:bg-teal-200\/90:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:bg-teal-200\/90:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:bg-teal-200\/90:active { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:bg-teal-300:focus { + background-color: var(--teal-300) + } + .lg\:hover\:bg-teal-300:hover { + background-color: var(--teal-300) + } + .lg\:active\:bg-teal-300:active { + background-color: var(--teal-300) + } + .lg\:focus\:bg-teal-300\/10:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:bg-teal-300\/10:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:bg-teal-300\/10:active { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:bg-teal-300\/20:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:bg-teal-300\/20:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:bg-teal-300\/20:active { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:bg-teal-300\/30:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:bg-teal-300\/30:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:bg-teal-300\/30:active { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:bg-teal-300\/40:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:bg-teal-300\/40:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:bg-teal-300\/40:active { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:bg-teal-300\/50:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:bg-teal-300\/50:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:bg-teal-300\/50:active { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:bg-teal-300\/60:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:bg-teal-300\/60:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:bg-teal-300\/60:active { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:bg-teal-300\/70:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:bg-teal-300\/70:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:bg-teal-300\/70:active { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:bg-teal-300\/80:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:bg-teal-300\/80:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:bg-teal-300\/80:active { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:bg-teal-300\/90:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:bg-teal-300\/90:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:bg-teal-300\/90:active { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:bg-teal-400:focus { + background-color: var(--teal-400) + } + .lg\:hover\:bg-teal-400:hover { + background-color: var(--teal-400) + } + .lg\:active\:bg-teal-400:active { + background-color: var(--teal-400) + } + .lg\:focus\:bg-teal-400\/10:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:bg-teal-400\/10:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:bg-teal-400\/10:active { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:bg-teal-400\/20:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:bg-teal-400\/20:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:bg-teal-400\/20:active { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:bg-teal-400\/30:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:bg-teal-400\/30:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:bg-teal-400\/30:active { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:bg-teal-400\/40:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:bg-teal-400\/40:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:bg-teal-400\/40:active { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:bg-teal-400\/50:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:bg-teal-400\/50:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:bg-teal-400\/50:active { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:bg-teal-400\/60:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:bg-teal-400\/60:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:bg-teal-400\/60:active { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:bg-teal-400\/70:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:bg-teal-400\/70:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:bg-teal-400\/70:active { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:bg-teal-400\/80:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:bg-teal-400\/80:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:bg-teal-400\/80:active { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:bg-teal-400\/90:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:bg-teal-400\/90:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:bg-teal-400\/90:active { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:bg-teal-500:focus { + background-color: var(--teal-500) + } + .lg\:hover\:bg-teal-500:hover { + background-color: var(--teal-500) + } + .lg\:active\:bg-teal-500:active { + background-color: var(--teal-500) + } + .lg\:focus\:bg-teal-500\/10:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:bg-teal-500\/10:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:bg-teal-500\/10:active { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:bg-teal-500\/20:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:bg-teal-500\/20:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:bg-teal-500\/20:active { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:bg-teal-500\/30:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:bg-teal-500\/30:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:bg-teal-500\/30:active { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:bg-teal-500\/40:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:bg-teal-500\/40:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:bg-teal-500\/40:active { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:bg-teal-500\/50:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:bg-teal-500\/50:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:bg-teal-500\/50:active { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:bg-teal-500\/60:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:bg-teal-500\/60:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:bg-teal-500\/60:active { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:bg-teal-500\/70:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:bg-teal-500\/70:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:bg-teal-500\/70:active { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:bg-teal-500\/80:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:bg-teal-500\/80:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:bg-teal-500\/80:active { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:bg-teal-500\/90:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:bg-teal-500\/90:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:bg-teal-500\/90:active { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:bg-teal-600:focus { + background-color: var(--teal-600) + } + .lg\:hover\:bg-teal-600:hover { + background-color: var(--teal-600) + } + .lg\:active\:bg-teal-600:active { + background-color: var(--teal-600) + } + .lg\:focus\:bg-teal-600\/10:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:bg-teal-600\/10:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:bg-teal-600\/10:active { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:bg-teal-600\/20:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:bg-teal-600\/20:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:bg-teal-600\/20:active { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:bg-teal-600\/30:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:bg-teal-600\/30:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:bg-teal-600\/30:active { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:bg-teal-600\/40:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:bg-teal-600\/40:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:bg-teal-600\/40:active { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:bg-teal-600\/50:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:bg-teal-600\/50:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:bg-teal-600\/50:active { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:bg-teal-600\/60:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:bg-teal-600\/60:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:bg-teal-600\/60:active { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:bg-teal-600\/70:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:bg-teal-600\/70:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:bg-teal-600\/70:active { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:bg-teal-600\/80:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:bg-teal-600\/80:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:bg-teal-600\/80:active { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:bg-teal-600\/90:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:bg-teal-600\/90:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:bg-teal-600\/90:active { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:bg-teal-700:focus { + background-color: var(--teal-700) + } + .lg\:hover\:bg-teal-700:hover { + background-color: var(--teal-700) + } + .lg\:active\:bg-teal-700:active { + background-color: var(--teal-700) + } + .lg\:focus\:bg-teal-700\/10:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:bg-teal-700\/10:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:bg-teal-700\/10:active { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:bg-teal-700\/20:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:bg-teal-700\/20:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:bg-teal-700\/20:active { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:bg-teal-700\/30:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:bg-teal-700\/30:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:bg-teal-700\/30:active { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:bg-teal-700\/40:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:bg-teal-700\/40:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:bg-teal-700\/40:active { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:bg-teal-700\/50:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:bg-teal-700\/50:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:bg-teal-700\/50:active { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:bg-teal-700\/60:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:bg-teal-700\/60:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:bg-teal-700\/60:active { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:bg-teal-700\/70:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:bg-teal-700\/70:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:bg-teal-700\/70:active { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:bg-teal-700\/80:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:bg-teal-700\/80:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:bg-teal-700\/80:active { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:bg-teal-700\/90:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:bg-teal-700\/90:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:bg-teal-700\/90:active { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:bg-teal-800:focus { + background-color: var(--teal-800) + } + .lg\:hover\:bg-teal-800:hover { + background-color: var(--teal-800) + } + .lg\:active\:bg-teal-800:active { + background-color: var(--teal-800) + } + .lg\:focus\:bg-teal-800\/10:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:bg-teal-800\/10:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:bg-teal-800\/10:active { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:bg-teal-800\/20:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:bg-teal-800\/20:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:bg-teal-800\/20:active { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:bg-teal-800\/30:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:bg-teal-800\/30:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:bg-teal-800\/30:active { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:bg-teal-800\/40:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:bg-teal-800\/40:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:bg-teal-800\/40:active { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:bg-teal-800\/50:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:bg-teal-800\/50:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:bg-teal-800\/50:active { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:bg-teal-800\/60:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:bg-teal-800\/60:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:bg-teal-800\/60:active { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:bg-teal-800\/70:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:bg-teal-800\/70:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:bg-teal-800\/70:active { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:bg-teal-800\/80:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:bg-teal-800\/80:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:bg-teal-800\/80:active { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:bg-teal-800\/90:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:bg-teal-800\/90:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:bg-teal-800\/90:active { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:bg-teal-900:focus { + background-color: var(--teal-900) + } + .lg\:hover\:bg-teal-900:hover { + background-color: var(--teal-900) + } + .lg\:active\:bg-teal-900:active { + background-color: var(--teal-900) + } + .lg\:focus\:bg-teal-900\/10:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:bg-teal-900\/10:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:bg-teal-900\/10:active { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:bg-teal-900\/20:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:bg-teal-900\/20:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:bg-teal-900\/20:active { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:bg-teal-900\/30:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:bg-teal-900\/30:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:bg-teal-900\/30:active { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:bg-teal-900\/40:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:bg-teal-900\/40:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:bg-teal-900\/40:active { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:bg-teal-900\/50:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:bg-teal-900\/50:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:bg-teal-900\/50:active { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:bg-teal-900\/60:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:bg-teal-900\/60:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:bg-teal-900\/60:active { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:bg-teal-900\/70:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:bg-teal-900\/70:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:bg-teal-900\/70:active { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:bg-teal-900\/80:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:bg-teal-900\/80:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:bg-teal-900\/80:active { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:bg-teal-900\/90:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:bg-teal-900\/90:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:bg-teal-900\/90:active { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:bg-orange-50:focus { + background-color: var(--orange-50) + } + .lg\:hover\:bg-orange-50:hover { + background-color: var(--orange-50) + } + .lg\:active\:bg-orange-50:active { + background-color: var(--orange-50) + } + .lg\:focus\:bg-orange-50\/10:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:bg-orange-50\/10:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:bg-orange-50\/10:active { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:bg-orange-50\/20:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:bg-orange-50\/20:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:bg-orange-50\/20:active { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:bg-orange-50\/30:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:bg-orange-50\/30:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:bg-orange-50\/30:active { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:bg-orange-50\/40:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:bg-orange-50\/40:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:bg-orange-50\/40:active { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:bg-orange-50\/50:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:bg-orange-50\/50:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:bg-orange-50\/50:active { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:bg-orange-50\/60:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:bg-orange-50\/60:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:bg-orange-50\/60:active { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:bg-orange-50\/70:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:bg-orange-50\/70:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:bg-orange-50\/70:active { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:bg-orange-50\/80:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:bg-orange-50\/80:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:bg-orange-50\/80:active { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:bg-orange-50\/90:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:bg-orange-50\/90:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:bg-orange-50\/90:active { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:bg-orange-100:focus { + background-color: var(--orange-100) + } + .lg\:hover\:bg-orange-100:hover { + background-color: var(--orange-100) + } + .lg\:active\:bg-orange-100:active { + background-color: var(--orange-100) + } + .lg\:focus\:bg-orange-100\/10:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:bg-orange-100\/10:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:bg-orange-100\/10:active { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:bg-orange-100\/20:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:bg-orange-100\/20:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:bg-orange-100\/20:active { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:bg-orange-100\/30:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:bg-orange-100\/30:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:bg-orange-100\/30:active { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:bg-orange-100\/40:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:bg-orange-100\/40:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:bg-orange-100\/40:active { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:bg-orange-100\/50:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:bg-orange-100\/50:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:bg-orange-100\/50:active { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:bg-orange-100\/60:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:bg-orange-100\/60:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:bg-orange-100\/60:active { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:bg-orange-100\/70:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:bg-orange-100\/70:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:bg-orange-100\/70:active { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:bg-orange-100\/80:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:bg-orange-100\/80:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:bg-orange-100\/80:active { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:bg-orange-100\/90:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:bg-orange-100\/90:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:bg-orange-100\/90:active { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:bg-orange-200:focus { + background-color: var(--orange-200) + } + .lg\:hover\:bg-orange-200:hover { + background-color: var(--orange-200) + } + .lg\:active\:bg-orange-200:active { + background-color: var(--orange-200) + } + .lg\:focus\:bg-orange-200\/10:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:bg-orange-200\/10:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:bg-orange-200\/10:active { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:bg-orange-200\/20:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:bg-orange-200\/20:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:bg-orange-200\/20:active { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:bg-orange-200\/30:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:bg-orange-200\/30:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:bg-orange-200\/30:active { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:bg-orange-200\/40:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:bg-orange-200\/40:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:bg-orange-200\/40:active { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:bg-orange-200\/50:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:bg-orange-200\/50:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:bg-orange-200\/50:active { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:bg-orange-200\/60:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:bg-orange-200\/60:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:bg-orange-200\/60:active { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:bg-orange-200\/70:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:bg-orange-200\/70:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:bg-orange-200\/70:active { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:bg-orange-200\/80:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:bg-orange-200\/80:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:bg-orange-200\/80:active { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:bg-orange-200\/90:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:bg-orange-200\/90:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:bg-orange-200\/90:active { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:bg-orange-300:focus { + background-color: var(--orange-300) + } + .lg\:hover\:bg-orange-300:hover { + background-color: var(--orange-300) + } + .lg\:active\:bg-orange-300:active { + background-color: var(--orange-300) + } + .lg\:focus\:bg-orange-300\/10:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:bg-orange-300\/10:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:bg-orange-300\/10:active { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:bg-orange-300\/20:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:bg-orange-300\/20:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:bg-orange-300\/20:active { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:bg-orange-300\/30:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:bg-orange-300\/30:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:bg-orange-300\/30:active { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:bg-orange-300\/40:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:bg-orange-300\/40:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:bg-orange-300\/40:active { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:bg-orange-300\/50:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:bg-orange-300\/50:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:bg-orange-300\/50:active { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:bg-orange-300\/60:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:bg-orange-300\/60:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:bg-orange-300\/60:active { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:bg-orange-300\/70:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:bg-orange-300\/70:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:bg-orange-300\/70:active { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:bg-orange-300\/80:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:bg-orange-300\/80:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:bg-orange-300\/80:active { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:bg-orange-300\/90:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:bg-orange-300\/90:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:bg-orange-300\/90:active { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:bg-orange-400:focus { + background-color: var(--orange-400) + } + .lg\:hover\:bg-orange-400:hover { + background-color: var(--orange-400) + } + .lg\:active\:bg-orange-400:active { + background-color: var(--orange-400) + } + .lg\:focus\:bg-orange-400\/10:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:bg-orange-400\/10:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:bg-orange-400\/10:active { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:bg-orange-400\/20:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:bg-orange-400\/20:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:bg-orange-400\/20:active { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:bg-orange-400\/30:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:bg-orange-400\/30:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:bg-orange-400\/30:active { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:bg-orange-400\/40:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:bg-orange-400\/40:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:bg-orange-400\/40:active { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:bg-orange-400\/50:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:bg-orange-400\/50:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:bg-orange-400\/50:active { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:bg-orange-400\/60:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:bg-orange-400\/60:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:bg-orange-400\/60:active { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:bg-orange-400\/70:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:bg-orange-400\/70:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:bg-orange-400\/70:active { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:bg-orange-400\/80:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:bg-orange-400\/80:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:bg-orange-400\/80:active { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:bg-orange-400\/90:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:bg-orange-400\/90:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:bg-orange-400\/90:active { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:bg-orange-500:focus { + background-color: var(--orange-500) + } + .lg\:hover\:bg-orange-500:hover { + background-color: var(--orange-500) + } + .lg\:active\:bg-orange-500:active { + background-color: var(--orange-500) + } + .lg\:focus\:bg-orange-500\/10:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:bg-orange-500\/10:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:bg-orange-500\/10:active { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:bg-orange-500\/20:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:bg-orange-500\/20:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:bg-orange-500\/20:active { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:bg-orange-500\/30:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:bg-orange-500\/30:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:bg-orange-500\/30:active { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:bg-orange-500\/40:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:bg-orange-500\/40:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:bg-orange-500\/40:active { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:bg-orange-500\/50:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:bg-orange-500\/50:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:bg-orange-500\/50:active { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:bg-orange-500\/60:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:bg-orange-500\/60:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:bg-orange-500\/60:active { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:bg-orange-500\/70:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:bg-orange-500\/70:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:bg-orange-500\/70:active { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:bg-orange-500\/80:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:bg-orange-500\/80:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:bg-orange-500\/80:active { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:bg-orange-500\/90:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:bg-orange-500\/90:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:bg-orange-500\/90:active { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:bg-orange-600:focus { + background-color: var(--orange-600) + } + .lg\:hover\:bg-orange-600:hover { + background-color: var(--orange-600) + } + .lg\:active\:bg-orange-600:active { + background-color: var(--orange-600) + } + .lg\:focus\:bg-orange-600\/10:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:bg-orange-600\/10:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:bg-orange-600\/10:active { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:bg-orange-600\/20:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:bg-orange-600\/20:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:bg-orange-600\/20:active { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:bg-orange-600\/30:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:bg-orange-600\/30:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:bg-orange-600\/30:active { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:bg-orange-600\/40:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:bg-orange-600\/40:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:bg-orange-600\/40:active { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:bg-orange-600\/50:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:bg-orange-600\/50:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:bg-orange-600\/50:active { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:bg-orange-600\/60:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:bg-orange-600\/60:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:bg-orange-600\/60:active { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:bg-orange-600\/70:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:bg-orange-600\/70:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:bg-orange-600\/70:active { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:bg-orange-600\/80:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:bg-orange-600\/80:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:bg-orange-600\/80:active { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:bg-orange-600\/90:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:bg-orange-600\/90:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:bg-orange-600\/90:active { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:bg-orange-700:focus { + background-color: var(--orange-700) + } + .lg\:hover\:bg-orange-700:hover { + background-color: var(--orange-700) + } + .lg\:active\:bg-orange-700:active { + background-color: var(--orange-700) + } + .lg\:focus\:bg-orange-700\/10:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:bg-orange-700\/10:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:bg-orange-700\/10:active { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:bg-orange-700\/20:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:bg-orange-700\/20:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:bg-orange-700\/20:active { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:bg-orange-700\/30:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:bg-orange-700\/30:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:bg-orange-700\/30:active { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:bg-orange-700\/40:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:bg-orange-700\/40:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:bg-orange-700\/40:active { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:bg-orange-700\/50:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:bg-orange-700\/50:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:bg-orange-700\/50:active { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:bg-orange-700\/60:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:bg-orange-700\/60:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:bg-orange-700\/60:active { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:bg-orange-700\/70:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:bg-orange-700\/70:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:bg-orange-700\/70:active { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:bg-orange-700\/80:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:bg-orange-700\/80:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:bg-orange-700\/80:active { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:bg-orange-700\/90:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:bg-orange-700\/90:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:bg-orange-700\/90:active { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:bg-orange-800:focus { + background-color: var(--orange-800) + } + .lg\:hover\:bg-orange-800:hover { + background-color: var(--orange-800) + } + .lg\:active\:bg-orange-800:active { + background-color: var(--orange-800) + } + .lg\:focus\:bg-orange-800\/10:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:bg-orange-800\/10:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:bg-orange-800\/10:active { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:bg-orange-800\/20:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:bg-orange-800\/20:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:bg-orange-800\/20:active { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:bg-orange-800\/30:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:bg-orange-800\/30:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:bg-orange-800\/30:active { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:bg-orange-800\/40:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:bg-orange-800\/40:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:bg-orange-800\/40:active { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:bg-orange-800\/50:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:bg-orange-800\/50:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:bg-orange-800\/50:active { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:bg-orange-800\/60:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:bg-orange-800\/60:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:bg-orange-800\/60:active { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:bg-orange-800\/70:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:bg-orange-800\/70:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:bg-orange-800\/70:active { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:bg-orange-800\/80:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:bg-orange-800\/80:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:bg-orange-800\/80:active { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:bg-orange-800\/90:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:bg-orange-800\/90:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:bg-orange-800\/90:active { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:bg-orange-900:focus { + background-color: var(--orange-900) + } + .lg\:hover\:bg-orange-900:hover { + background-color: var(--orange-900) + } + .lg\:active\:bg-orange-900:active { + background-color: var(--orange-900) + } + .lg\:focus\:bg-orange-900\/10:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:bg-orange-900\/10:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:bg-orange-900\/10:active { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:bg-orange-900\/20:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:bg-orange-900\/20:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:bg-orange-900\/20:active { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:bg-orange-900\/30:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:bg-orange-900\/30:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:bg-orange-900\/30:active { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:bg-orange-900\/40:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:bg-orange-900\/40:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:bg-orange-900\/40:active { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:bg-orange-900\/50:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:bg-orange-900\/50:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:bg-orange-900\/50:active { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:bg-orange-900\/60:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:bg-orange-900\/60:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:bg-orange-900\/60:active { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:bg-orange-900\/70:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:bg-orange-900\/70:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:bg-orange-900\/70:active { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:bg-orange-900\/80:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:bg-orange-900\/80:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:bg-orange-900\/80:active { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:bg-orange-900\/90:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:bg-orange-900\/90:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:bg-orange-900\/90:active { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-50:focus { + background-color: var(--bluegray-50) + } + .lg\:hover\:bg-bluegray-50:hover { + background-color: var(--bluegray-50) + } + .lg\:active\:bg-bluegray-50:active { + background-color: var(--bluegray-50) + } + .lg\:focus\:bg-bluegray-50\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-50\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-50\/10:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-50\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-50\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-50\/20:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-50\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-50\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-50\/30:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-50\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-50\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-50\/40:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-50\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-50\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-50\/50:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-50\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-50\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-50\/60:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-50\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-50\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-50\/70:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-50\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-50\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-50\/80:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-50\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-50\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-50\/90:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-100:focus { + background-color: var(--bluegray-100) + } + .lg\:hover\:bg-bluegray-100:hover { + background-color: var(--bluegray-100) + } + .lg\:active\:bg-bluegray-100:active { + background-color: var(--bluegray-100) + } + .lg\:focus\:bg-bluegray-100\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-100\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-100\/10:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-100\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-100\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-100\/20:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-100\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-100\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-100\/30:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-100\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-100\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-100\/40:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-100\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-100\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-100\/50:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-100\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-100\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-100\/60:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-100\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-100\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-100\/70:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-100\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-100\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-100\/80:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-100\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-100\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-100\/90:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-200:focus { + background-color: var(--bluegray-200) + } + .lg\:hover\:bg-bluegray-200:hover { + background-color: var(--bluegray-200) + } + .lg\:active\:bg-bluegray-200:active { + background-color: var(--bluegray-200) + } + .lg\:focus\:bg-bluegray-200\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-200\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-200\/10:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-200\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-200\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-200\/20:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-200\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-200\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-200\/30:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-200\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-200\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-200\/40:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-200\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-200\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-200\/50:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-200\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-200\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-200\/60:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-200\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-200\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-200\/70:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-200\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-200\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-200\/80:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-200\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-200\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-200\/90:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-300:focus { + background-color: var(--bluegray-300) + } + .lg\:hover\:bg-bluegray-300:hover { + background-color: var(--bluegray-300) + } + .lg\:active\:bg-bluegray-300:active { + background-color: var(--bluegray-300) + } + .lg\:focus\:bg-bluegray-300\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-300\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-300\/10:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-300\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-300\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-300\/20:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-300\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-300\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-300\/30:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-300\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-300\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-300\/40:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-300\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-300\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-300\/50:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-300\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-300\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-300\/60:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-300\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-300\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-300\/70:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-300\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-300\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-300\/80:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-300\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-300\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-300\/90:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-400:focus { + background-color: var(--bluegray-400) + } + .lg\:hover\:bg-bluegray-400:hover { + background-color: var(--bluegray-400) + } + .lg\:active\:bg-bluegray-400:active { + background-color: var(--bluegray-400) + } + .lg\:focus\:bg-bluegray-400\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-400\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-400\/10:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-400\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-400\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-400\/20:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-400\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-400\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-400\/30:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-400\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-400\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-400\/40:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-400\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-400\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-400\/50:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-400\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-400\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-400\/60:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-400\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-400\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-400\/70:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-400\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-400\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-400\/80:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-400\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-400\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-400\/90:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-500:focus { + background-color: var(--bluegray-500) + } + .lg\:hover\:bg-bluegray-500:hover { + background-color: var(--bluegray-500) + } + .lg\:active\:bg-bluegray-500:active { + background-color: var(--bluegray-500) + } + .lg\:focus\:bg-bluegray-500\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-500\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-500\/10:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-500\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-500\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-500\/20:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-500\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-500\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-500\/30:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-500\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-500\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-500\/40:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-500\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-500\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-500\/50:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-500\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-500\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-500\/60:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-500\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-500\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-500\/70:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-500\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-500\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-500\/80:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-500\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-500\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-500\/90:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-600:focus { + background-color: var(--bluegray-600) + } + .lg\:hover\:bg-bluegray-600:hover { + background-color: var(--bluegray-600) + } + .lg\:active\:bg-bluegray-600:active { + background-color: var(--bluegray-600) + } + .lg\:focus\:bg-bluegray-600\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-600\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-600\/10:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-600\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-600\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-600\/20:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-600\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-600\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-600\/30:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-600\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-600\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-600\/40:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-600\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-600\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-600\/50:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-600\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-600\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-600\/60:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-600\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-600\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-600\/70:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-600\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-600\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-600\/80:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-600\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-600\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-600\/90:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-700:focus { + background-color: var(--bluegray-700) + } + .lg\:hover\:bg-bluegray-700:hover { + background-color: var(--bluegray-700) + } + .lg\:active\:bg-bluegray-700:active { + background-color: var(--bluegray-700) + } + .lg\:focus\:bg-bluegray-700\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-700\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-700\/10:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-700\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-700\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-700\/20:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-700\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-700\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-700\/30:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-700\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-700\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-700\/40:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-700\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-700\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-700\/50:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-700\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-700\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-700\/60:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-700\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-700\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-700\/70:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-700\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-700\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-700\/80:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-700\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-700\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-700\/90:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-800:focus { + background-color: var(--bluegray-800) + } + .lg\:hover\:bg-bluegray-800:hover { + background-color: var(--bluegray-800) + } + .lg\:active\:bg-bluegray-800:active { + background-color: var(--bluegray-800) + } + .lg\:focus\:bg-bluegray-800\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-800\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-800\/10:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-800\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-800\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-800\/20:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-800\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-800\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-800\/30:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-800\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-800\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-800\/40:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-800\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-800\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-800\/50:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-800\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-800\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-800\/60:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-800\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-800\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-800\/70:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-800\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-800\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-800\/80:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-800\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-800\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-800\/90:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:bg-bluegray-900:focus { + background-color: var(--bluegray-900) + } + .lg\:hover\:bg-bluegray-900:hover { + background-color: var(--bluegray-900) + } + .lg\:active\:bg-bluegray-900:active { + background-color: var(--bluegray-900) + } + .lg\:focus\:bg-bluegray-900\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:bg-bluegray-900\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:bg-bluegray-900\/10:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:bg-bluegray-900\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:bg-bluegray-900\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:bg-bluegray-900\/20:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:bg-bluegray-900\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:bg-bluegray-900\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:bg-bluegray-900\/30:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:bg-bluegray-900\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:bg-bluegray-900\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:bg-bluegray-900\/40:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:bg-bluegray-900\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:bg-bluegray-900\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:bg-bluegray-900\/50:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:bg-bluegray-900\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:bg-bluegray-900\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:bg-bluegray-900\/60:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:bg-bluegray-900\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:bg-bluegray-900\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:bg-bluegray-900\/70:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:bg-bluegray-900\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:bg-bluegray-900\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:bg-bluegray-900\/80:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:bg-bluegray-900\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:bg-bluegray-900\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:bg-bluegray-900\/90:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:bg-purple-50:focus { + background-color: var(--purple-50) + } + .lg\:hover\:bg-purple-50:hover { + background-color: var(--purple-50) + } + .lg\:active\:bg-purple-50:active { + background-color: var(--purple-50) + } + .lg\:focus\:bg-purple-50\/10:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:bg-purple-50\/10:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:bg-purple-50\/10:active { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:bg-purple-50\/20:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:bg-purple-50\/20:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:bg-purple-50\/20:active { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:bg-purple-50\/30:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:bg-purple-50\/30:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:bg-purple-50\/30:active { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:bg-purple-50\/40:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:bg-purple-50\/40:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:bg-purple-50\/40:active { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:bg-purple-50\/50:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:bg-purple-50\/50:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:bg-purple-50\/50:active { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:bg-purple-50\/60:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:bg-purple-50\/60:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:bg-purple-50\/60:active { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:bg-purple-50\/70:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:bg-purple-50\/70:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:bg-purple-50\/70:active { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:bg-purple-50\/80:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:bg-purple-50\/80:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:bg-purple-50\/80:active { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:bg-purple-50\/90:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:bg-purple-50\/90:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:bg-purple-50\/90:active { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:bg-purple-100:focus { + background-color: var(--purple-100) + } + .lg\:hover\:bg-purple-100:hover { + background-color: var(--purple-100) + } + .lg\:active\:bg-purple-100:active { + background-color: var(--purple-100) + } + .lg\:focus\:bg-purple-100\/10:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:bg-purple-100\/10:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:bg-purple-100\/10:active { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:bg-purple-100\/20:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:bg-purple-100\/20:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:bg-purple-100\/20:active { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:bg-purple-100\/30:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:bg-purple-100\/30:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:bg-purple-100\/30:active { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:bg-purple-100\/40:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:bg-purple-100\/40:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:bg-purple-100\/40:active { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:bg-purple-100\/50:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:bg-purple-100\/50:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:bg-purple-100\/50:active { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:bg-purple-100\/60:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:bg-purple-100\/60:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:bg-purple-100\/60:active { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:bg-purple-100\/70:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:bg-purple-100\/70:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:bg-purple-100\/70:active { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:bg-purple-100\/80:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:bg-purple-100\/80:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:bg-purple-100\/80:active { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:bg-purple-100\/90:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:bg-purple-100\/90:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:bg-purple-100\/90:active { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:bg-purple-200:focus { + background-color: var(--purple-200) + } + .lg\:hover\:bg-purple-200:hover { + background-color: var(--purple-200) + } + .lg\:active\:bg-purple-200:active { + background-color: var(--purple-200) + } + .lg\:focus\:bg-purple-200\/10:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:bg-purple-200\/10:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:bg-purple-200\/10:active { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:bg-purple-200\/20:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:bg-purple-200\/20:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:bg-purple-200\/20:active { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:bg-purple-200\/30:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:bg-purple-200\/30:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:bg-purple-200\/30:active { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:bg-purple-200\/40:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:bg-purple-200\/40:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:bg-purple-200\/40:active { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:bg-purple-200\/50:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:bg-purple-200\/50:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:bg-purple-200\/50:active { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:bg-purple-200\/60:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:bg-purple-200\/60:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:bg-purple-200\/60:active { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:bg-purple-200\/70:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:bg-purple-200\/70:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:bg-purple-200\/70:active { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:bg-purple-200\/80:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:bg-purple-200\/80:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:bg-purple-200\/80:active { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:bg-purple-200\/90:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:bg-purple-200\/90:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:bg-purple-200\/90:active { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:bg-purple-300:focus { + background-color: var(--purple-300) + } + .lg\:hover\:bg-purple-300:hover { + background-color: var(--purple-300) + } + .lg\:active\:bg-purple-300:active { + background-color: var(--purple-300) + } + .lg\:focus\:bg-purple-300\/10:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:bg-purple-300\/10:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:bg-purple-300\/10:active { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:bg-purple-300\/20:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:bg-purple-300\/20:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:bg-purple-300\/20:active { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:bg-purple-300\/30:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:bg-purple-300\/30:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:bg-purple-300\/30:active { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:bg-purple-300\/40:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:bg-purple-300\/40:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:bg-purple-300\/40:active { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:bg-purple-300\/50:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:bg-purple-300\/50:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:bg-purple-300\/50:active { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:bg-purple-300\/60:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:bg-purple-300\/60:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:bg-purple-300\/60:active { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:bg-purple-300\/70:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:bg-purple-300\/70:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:bg-purple-300\/70:active { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:bg-purple-300\/80:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:bg-purple-300\/80:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:bg-purple-300\/80:active { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:bg-purple-300\/90:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:bg-purple-300\/90:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:bg-purple-300\/90:active { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:bg-purple-400:focus { + background-color: var(--purple-400) + } + .lg\:hover\:bg-purple-400:hover { + background-color: var(--purple-400) + } + .lg\:active\:bg-purple-400:active { + background-color: var(--purple-400) + } + .lg\:focus\:bg-purple-400\/10:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:bg-purple-400\/10:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:bg-purple-400\/10:active { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:bg-purple-400\/20:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:bg-purple-400\/20:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:bg-purple-400\/20:active { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:bg-purple-400\/30:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:bg-purple-400\/30:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:bg-purple-400\/30:active { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:bg-purple-400\/40:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:bg-purple-400\/40:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:bg-purple-400\/40:active { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:bg-purple-400\/50:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:bg-purple-400\/50:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:bg-purple-400\/50:active { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:bg-purple-400\/60:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:bg-purple-400\/60:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:bg-purple-400\/60:active { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:bg-purple-400\/70:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:bg-purple-400\/70:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:bg-purple-400\/70:active { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:bg-purple-400\/80:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:bg-purple-400\/80:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:bg-purple-400\/80:active { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:bg-purple-400\/90:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:bg-purple-400\/90:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:bg-purple-400\/90:active { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:bg-purple-500:focus { + background-color: var(--purple-500) + } + .lg\:hover\:bg-purple-500:hover { + background-color: var(--purple-500) + } + .lg\:active\:bg-purple-500:active { + background-color: var(--purple-500) + } + .lg\:focus\:bg-purple-500\/10:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:bg-purple-500\/10:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:bg-purple-500\/10:active { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:bg-purple-500\/20:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:bg-purple-500\/20:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:bg-purple-500\/20:active { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:bg-purple-500\/30:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:bg-purple-500\/30:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:bg-purple-500\/30:active { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:bg-purple-500\/40:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:bg-purple-500\/40:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:bg-purple-500\/40:active { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:bg-purple-500\/50:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:bg-purple-500\/50:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:bg-purple-500\/50:active { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:bg-purple-500\/60:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:bg-purple-500\/60:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:bg-purple-500\/60:active { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:bg-purple-500\/70:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:bg-purple-500\/70:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:bg-purple-500\/70:active { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:bg-purple-500\/80:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:bg-purple-500\/80:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:bg-purple-500\/80:active { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:bg-purple-500\/90:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:bg-purple-500\/90:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:bg-purple-500\/90:active { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:bg-purple-600:focus { + background-color: var(--purple-600) + } + .lg\:hover\:bg-purple-600:hover { + background-color: var(--purple-600) + } + .lg\:active\:bg-purple-600:active { + background-color: var(--purple-600) + } + .lg\:focus\:bg-purple-600\/10:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:bg-purple-600\/10:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:bg-purple-600\/10:active { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:bg-purple-600\/20:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:bg-purple-600\/20:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:bg-purple-600\/20:active { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:bg-purple-600\/30:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:bg-purple-600\/30:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:bg-purple-600\/30:active { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:bg-purple-600\/40:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:bg-purple-600\/40:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:bg-purple-600\/40:active { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:bg-purple-600\/50:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:bg-purple-600\/50:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:bg-purple-600\/50:active { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:bg-purple-600\/60:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:bg-purple-600\/60:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:bg-purple-600\/60:active { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:bg-purple-600\/70:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:bg-purple-600\/70:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:bg-purple-600\/70:active { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:bg-purple-600\/80:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:bg-purple-600\/80:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:bg-purple-600\/80:active { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:bg-purple-600\/90:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:bg-purple-600\/90:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:bg-purple-600\/90:active { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:bg-purple-700:focus { + background-color: var(--purple-700) + } + .lg\:hover\:bg-purple-700:hover { + background-color: var(--purple-700) + } + .lg\:active\:bg-purple-700:active { + background-color: var(--purple-700) + } + .lg\:focus\:bg-purple-700\/10:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:bg-purple-700\/10:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:bg-purple-700\/10:active { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:bg-purple-700\/20:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:bg-purple-700\/20:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:bg-purple-700\/20:active { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:bg-purple-700\/30:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:bg-purple-700\/30:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:bg-purple-700\/30:active { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:bg-purple-700\/40:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:bg-purple-700\/40:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:bg-purple-700\/40:active { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:bg-purple-700\/50:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:bg-purple-700\/50:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:bg-purple-700\/50:active { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:bg-purple-700\/60:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:bg-purple-700\/60:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:bg-purple-700\/60:active { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:bg-purple-700\/70:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:bg-purple-700\/70:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:bg-purple-700\/70:active { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:bg-purple-700\/80:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:bg-purple-700\/80:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:bg-purple-700\/80:active { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:bg-purple-700\/90:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:bg-purple-700\/90:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:bg-purple-700\/90:active { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:bg-purple-800:focus { + background-color: var(--purple-800) + } + .lg\:hover\:bg-purple-800:hover { + background-color: var(--purple-800) + } + .lg\:active\:bg-purple-800:active { + background-color: var(--purple-800) + } + .lg\:focus\:bg-purple-800\/10:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:bg-purple-800\/10:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:bg-purple-800\/10:active { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:bg-purple-800\/20:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:bg-purple-800\/20:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:bg-purple-800\/20:active { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:bg-purple-800\/30:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:bg-purple-800\/30:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:bg-purple-800\/30:active { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:bg-purple-800\/40:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:bg-purple-800\/40:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:bg-purple-800\/40:active { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:bg-purple-800\/50:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:bg-purple-800\/50:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:bg-purple-800\/50:active { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:bg-purple-800\/60:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:bg-purple-800\/60:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:bg-purple-800\/60:active { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:bg-purple-800\/70:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:bg-purple-800\/70:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:bg-purple-800\/70:active { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:bg-purple-800\/80:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:bg-purple-800\/80:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:bg-purple-800\/80:active { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:bg-purple-800\/90:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:bg-purple-800\/90:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:bg-purple-800\/90:active { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:bg-purple-900:focus { + background-color: var(--purple-900) + } + .lg\:hover\:bg-purple-900:hover { + background-color: var(--purple-900) + } + .lg\:active\:bg-purple-900:active { + background-color: var(--purple-900) + } + .lg\:focus\:bg-purple-900\/10:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:bg-purple-900\/10:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:bg-purple-900\/10:active { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:bg-purple-900\/20:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:bg-purple-900\/20:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:bg-purple-900\/20:active { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:bg-purple-900\/30:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:bg-purple-900\/30:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:bg-purple-900\/30:active { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:bg-purple-900\/40:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:bg-purple-900\/40:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:bg-purple-900\/40:active { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:bg-purple-900\/50:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:bg-purple-900\/50:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:bg-purple-900\/50:active { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:bg-purple-900\/60:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:bg-purple-900\/60:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:bg-purple-900\/60:active { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:bg-purple-900\/70:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:bg-purple-900\/70:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:bg-purple-900\/70:active { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:bg-purple-900\/80:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:bg-purple-900\/80:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:bg-purple-900\/80:active { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:bg-purple-900\/90:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:bg-purple-900\/90:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:bg-purple-900\/90:active { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:bg-red-50:focus { + background-color: var(--red-50) + } + .lg\:hover\:bg-red-50:hover { + background-color: var(--red-50) + } + .lg\:active\:bg-red-50:active { + background-color: var(--red-50) + } + .lg\:focus\:bg-red-50\/10:focus { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:bg-red-50\/10:hover { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:bg-red-50\/10:active { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:bg-red-50\/20:focus { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:bg-red-50\/20:hover { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:bg-red-50\/20:active { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:bg-red-50\/30:focus { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:bg-red-50\/30:hover { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:bg-red-50\/30:active { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:bg-red-50\/40:focus { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:bg-red-50\/40:hover { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:bg-red-50\/40:active { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:bg-red-50\/50:focus { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:bg-red-50\/50:hover { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:bg-red-50\/50:active { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:bg-red-50\/60:focus { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:bg-red-50\/60:hover { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:bg-red-50\/60:active { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:bg-red-50\/70:focus { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:bg-red-50\/70:hover { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:bg-red-50\/70:active { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:bg-red-50\/80:focus { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:bg-red-50\/80:hover { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:bg-red-50\/80:active { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:bg-red-50\/90:focus { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:bg-red-50\/90:hover { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:bg-red-50\/90:active { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:bg-red-100:focus { + background-color: var(--red-100) + } + .lg\:hover\:bg-red-100:hover { + background-color: var(--red-100) + } + .lg\:active\:bg-red-100:active { + background-color: var(--red-100) + } + .lg\:focus\:bg-red-100\/10:focus { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:bg-red-100\/10:hover { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:bg-red-100\/10:active { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:bg-red-100\/20:focus { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:bg-red-100\/20:hover { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:bg-red-100\/20:active { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:bg-red-100\/30:focus { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:bg-red-100\/30:hover { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:bg-red-100\/30:active { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:bg-red-100\/40:focus { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:bg-red-100\/40:hover { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:bg-red-100\/40:active { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:bg-red-100\/50:focus { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:bg-red-100\/50:hover { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:bg-red-100\/50:active { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:bg-red-100\/60:focus { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:bg-red-100\/60:hover { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:bg-red-100\/60:active { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:bg-red-100\/70:focus { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:bg-red-100\/70:hover { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:bg-red-100\/70:active { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:bg-red-100\/80:focus { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:bg-red-100\/80:hover { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:bg-red-100\/80:active { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:bg-red-100\/90:focus { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:bg-red-100\/90:hover { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:bg-red-100\/90:active { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:bg-red-200:focus { + background-color: var(--red-200) + } + .lg\:hover\:bg-red-200:hover { + background-color: var(--red-200) + } + .lg\:active\:bg-red-200:active { + background-color: var(--red-200) + } + .lg\:focus\:bg-red-200\/10:focus { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:bg-red-200\/10:hover { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:bg-red-200\/10:active { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:bg-red-200\/20:focus { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:bg-red-200\/20:hover { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:bg-red-200\/20:active { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:bg-red-200\/30:focus { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:bg-red-200\/30:hover { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:bg-red-200\/30:active { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:bg-red-200\/40:focus { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:bg-red-200\/40:hover { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:bg-red-200\/40:active { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:bg-red-200\/50:focus { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:bg-red-200\/50:hover { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:bg-red-200\/50:active { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:bg-red-200\/60:focus { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:bg-red-200\/60:hover { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:bg-red-200\/60:active { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:bg-red-200\/70:focus { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:bg-red-200\/70:hover { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:bg-red-200\/70:active { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:bg-red-200\/80:focus { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:bg-red-200\/80:hover { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:bg-red-200\/80:active { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:bg-red-200\/90:focus { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:bg-red-200\/90:hover { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:bg-red-200\/90:active { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:bg-red-300:focus { + background-color: var(--red-300) + } + .lg\:hover\:bg-red-300:hover { + background-color: var(--red-300) + } + .lg\:active\:bg-red-300:active { + background-color: var(--red-300) + } + .lg\:focus\:bg-red-300\/10:focus { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:bg-red-300\/10:hover { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:bg-red-300\/10:active { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:bg-red-300\/20:focus { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:bg-red-300\/20:hover { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:bg-red-300\/20:active { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:bg-red-300\/30:focus { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:bg-red-300\/30:hover { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:bg-red-300\/30:active { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:bg-red-300\/40:focus { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:bg-red-300\/40:hover { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:bg-red-300\/40:active { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:bg-red-300\/50:focus { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:bg-red-300\/50:hover { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:bg-red-300\/50:active { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:bg-red-300\/60:focus { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:bg-red-300\/60:hover { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:bg-red-300\/60:active { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:bg-red-300\/70:focus { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:bg-red-300\/70:hover { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:bg-red-300\/70:active { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:bg-red-300\/80:focus { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:bg-red-300\/80:hover { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:bg-red-300\/80:active { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:bg-red-300\/90:focus { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:bg-red-300\/90:hover { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:bg-red-300\/90:active { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:bg-red-400:focus { + background-color: var(--red-400) + } + .lg\:hover\:bg-red-400:hover { + background-color: var(--red-400) + } + .lg\:active\:bg-red-400:active { + background-color: var(--red-400) + } + .lg\:focus\:bg-red-400\/10:focus { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:bg-red-400\/10:hover { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:bg-red-400\/10:active { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:bg-red-400\/20:focus { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:bg-red-400\/20:hover { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:bg-red-400\/20:active { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:bg-red-400\/30:focus { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:bg-red-400\/30:hover { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:bg-red-400\/30:active { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:bg-red-400\/40:focus { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:bg-red-400\/40:hover { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:bg-red-400\/40:active { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:bg-red-400\/50:focus { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:bg-red-400\/50:hover { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:bg-red-400\/50:active { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:bg-red-400\/60:focus { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:bg-red-400\/60:hover { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:bg-red-400\/60:active { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:bg-red-400\/70:focus { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:bg-red-400\/70:hover { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:bg-red-400\/70:active { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:bg-red-400\/80:focus { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:bg-red-400\/80:hover { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:bg-red-400\/80:active { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:bg-red-400\/90:focus { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:bg-red-400\/90:hover { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:bg-red-400\/90:active { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:bg-red-500:focus { + background-color: var(--red-500) + } + .lg\:hover\:bg-red-500:hover { + background-color: var(--red-500) + } + .lg\:active\:bg-red-500:active { + background-color: var(--red-500) + } + .lg\:focus\:bg-red-500\/10:focus { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:bg-red-500\/10:hover { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:bg-red-500\/10:active { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:bg-red-500\/20:focus { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:bg-red-500\/20:hover { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:bg-red-500\/20:active { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:bg-red-500\/30:focus { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:bg-red-500\/30:hover { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:bg-red-500\/30:active { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:bg-red-500\/40:focus { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:bg-red-500\/40:hover { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:bg-red-500\/40:active { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:bg-red-500\/50:focus { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:bg-red-500\/50:hover { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:bg-red-500\/50:active { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:bg-red-500\/60:focus { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:bg-red-500\/60:hover { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:bg-red-500\/60:active { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:bg-red-500\/70:focus { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:bg-red-500\/70:hover { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:bg-red-500\/70:active { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:bg-red-500\/80:focus { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:bg-red-500\/80:hover { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:bg-red-500\/80:active { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:bg-red-500\/90:focus { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:bg-red-500\/90:hover { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:bg-red-500\/90:active { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:bg-red-600:focus { + background-color: var(--red-600) + } + .lg\:hover\:bg-red-600:hover { + background-color: var(--red-600) + } + .lg\:active\:bg-red-600:active { + background-color: var(--red-600) + } + .lg\:focus\:bg-red-600\/10:focus { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:bg-red-600\/10:hover { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:bg-red-600\/10:active { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:bg-red-600\/20:focus { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:bg-red-600\/20:hover { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:bg-red-600\/20:active { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:bg-red-600\/30:focus { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:bg-red-600\/30:hover { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:bg-red-600\/30:active { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:bg-red-600\/40:focus { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:bg-red-600\/40:hover { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:bg-red-600\/40:active { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:bg-red-600\/50:focus { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:bg-red-600\/50:hover { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:bg-red-600\/50:active { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:bg-red-600\/60:focus { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:bg-red-600\/60:hover { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:bg-red-600\/60:active { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:bg-red-600\/70:focus { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:bg-red-600\/70:hover { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:bg-red-600\/70:active { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:bg-red-600\/80:focus { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:bg-red-600\/80:hover { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:bg-red-600\/80:active { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:bg-red-600\/90:focus { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:bg-red-600\/90:hover { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:bg-red-600\/90:active { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:bg-red-700:focus { + background-color: var(--red-700) + } + .lg\:hover\:bg-red-700:hover { + background-color: var(--red-700) + } + .lg\:active\:bg-red-700:active { + background-color: var(--red-700) + } + .lg\:focus\:bg-red-700\/10:focus { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:bg-red-700\/10:hover { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:bg-red-700\/10:active { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:bg-red-700\/20:focus { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:bg-red-700\/20:hover { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:bg-red-700\/20:active { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:bg-red-700\/30:focus { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:bg-red-700\/30:hover { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:bg-red-700\/30:active { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:bg-red-700\/40:focus { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:bg-red-700\/40:hover { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:bg-red-700\/40:active { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:bg-red-700\/50:focus { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:bg-red-700\/50:hover { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:bg-red-700\/50:active { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:bg-red-700\/60:focus { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:bg-red-700\/60:hover { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:bg-red-700\/60:active { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:bg-red-700\/70:focus { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:bg-red-700\/70:hover { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:bg-red-700\/70:active { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:bg-red-700\/80:focus { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:bg-red-700\/80:hover { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:bg-red-700\/80:active { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:bg-red-700\/90:focus { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:bg-red-700\/90:hover { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:bg-red-700\/90:active { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:bg-red-800:focus { + background-color: var(--red-800) + } + .lg\:hover\:bg-red-800:hover { + background-color: var(--red-800) + } + .lg\:active\:bg-red-800:active { + background-color: var(--red-800) + } + .lg\:focus\:bg-red-800\/10:focus { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:bg-red-800\/10:hover { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:bg-red-800\/10:active { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:bg-red-800\/20:focus { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:bg-red-800\/20:hover { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:bg-red-800\/20:active { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:bg-red-800\/30:focus { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:bg-red-800\/30:hover { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:bg-red-800\/30:active { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:bg-red-800\/40:focus { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:bg-red-800\/40:hover { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:bg-red-800\/40:active { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:bg-red-800\/50:focus { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:bg-red-800\/50:hover { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:bg-red-800\/50:active { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:bg-red-800\/60:focus { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:bg-red-800\/60:hover { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:bg-red-800\/60:active { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:bg-red-800\/70:focus { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:bg-red-800\/70:hover { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:bg-red-800\/70:active { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:bg-red-800\/80:focus { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:bg-red-800\/80:hover { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:bg-red-800\/80:active { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:bg-red-800\/90:focus { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:bg-red-800\/90:hover { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:bg-red-800\/90:active { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:bg-red-900:focus { + background-color: var(--red-900) + } + .lg\:hover\:bg-red-900:hover { + background-color: var(--red-900) + } + .lg\:active\:bg-red-900:active { + background-color: var(--red-900) + } + .lg\:focus\:bg-red-900\/10:focus { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:bg-red-900\/10:hover { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:bg-red-900\/10:active { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:bg-red-900\/20:focus { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:bg-red-900\/20:hover { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:bg-red-900\/20:active { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:bg-red-900\/30:focus { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:bg-red-900\/30:hover { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:bg-red-900\/30:active { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:bg-red-900\/40:focus { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:bg-red-900\/40:hover { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:bg-red-900\/40:active { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:bg-red-900\/50:focus { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:bg-red-900\/50:hover { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:bg-red-900\/50:active { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:bg-red-900\/60:focus { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:bg-red-900\/60:hover { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:bg-red-900\/60:active { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:bg-red-900\/70:focus { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:bg-red-900\/70:hover { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:bg-red-900\/70:active { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:bg-red-900\/80:focus { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:bg-red-900\/80:hover { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:bg-red-900\/80:active { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:bg-red-900\/90:focus { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:bg-red-900\/90:hover { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:bg-red-900\/90:active { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:bg-gray-50:focus { + background-color: var(--gray-50) + } + .lg\:hover\:bg-gray-50:hover { + background-color: var(--gray-50) + } + .lg\:active\:bg-gray-50:active { + background-color: var(--gray-50) + } + .lg\:focus\:bg-gray-50\/10:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:bg-gray-50\/10:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:bg-gray-50\/10:active { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:bg-gray-50\/20:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:bg-gray-50\/20:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:bg-gray-50\/20:active { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:bg-gray-50\/30:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:bg-gray-50\/30:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:bg-gray-50\/30:active { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:bg-gray-50\/40:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:bg-gray-50\/40:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:bg-gray-50\/40:active { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:bg-gray-50\/50:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:bg-gray-50\/50:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:bg-gray-50\/50:active { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:bg-gray-50\/60:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:bg-gray-50\/60:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:bg-gray-50\/60:active { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:bg-gray-50\/70:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:bg-gray-50\/70:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:bg-gray-50\/70:active { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:bg-gray-50\/80:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:bg-gray-50\/80:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:bg-gray-50\/80:active { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:bg-gray-50\/90:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:bg-gray-50\/90:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:bg-gray-50\/90:active { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:bg-gray-100:focus { + background-color: var(--gray-100) + } + .lg\:hover\:bg-gray-100:hover { + background-color: var(--gray-100) + } + .lg\:active\:bg-gray-100:active { + background-color: var(--gray-100) + } + .lg\:focus\:bg-gray-100\/10:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:bg-gray-100\/10:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:bg-gray-100\/10:active { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:bg-gray-100\/20:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:bg-gray-100\/20:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:bg-gray-100\/20:active { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:bg-gray-100\/30:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:bg-gray-100\/30:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:bg-gray-100\/30:active { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:bg-gray-100\/40:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:bg-gray-100\/40:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:bg-gray-100\/40:active { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:bg-gray-100\/50:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:bg-gray-100\/50:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:bg-gray-100\/50:active { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:bg-gray-100\/60:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:bg-gray-100\/60:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:bg-gray-100\/60:active { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:bg-gray-100\/70:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:bg-gray-100\/70:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:bg-gray-100\/70:active { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:bg-gray-100\/80:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:bg-gray-100\/80:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:bg-gray-100\/80:active { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:bg-gray-100\/90:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:bg-gray-100\/90:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:bg-gray-100\/90:active { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:bg-gray-200:focus { + background-color: var(--gray-200) + } + .lg\:hover\:bg-gray-200:hover { + background-color: var(--gray-200) + } + .lg\:active\:bg-gray-200:active { + background-color: var(--gray-200) + } + .lg\:focus\:bg-gray-200\/10:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:bg-gray-200\/10:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:bg-gray-200\/10:active { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:bg-gray-200\/20:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:bg-gray-200\/20:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:bg-gray-200\/20:active { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:bg-gray-200\/30:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:bg-gray-200\/30:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:bg-gray-200\/30:active { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:bg-gray-200\/40:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:bg-gray-200\/40:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:bg-gray-200\/40:active { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:bg-gray-200\/50:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:bg-gray-200\/50:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:bg-gray-200\/50:active { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:bg-gray-200\/60:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:bg-gray-200\/60:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:bg-gray-200\/60:active { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:bg-gray-200\/70:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:bg-gray-200\/70:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:bg-gray-200\/70:active { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:bg-gray-200\/80:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:bg-gray-200\/80:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:bg-gray-200\/80:active { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:bg-gray-200\/90:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:bg-gray-200\/90:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:bg-gray-200\/90:active { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:bg-gray-300:focus { + background-color: var(--gray-300) + } + .lg\:hover\:bg-gray-300:hover { + background-color: var(--gray-300) + } + .lg\:active\:bg-gray-300:active { + background-color: var(--gray-300) + } + .lg\:focus\:bg-gray-300\/10:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:bg-gray-300\/10:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:bg-gray-300\/10:active { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:bg-gray-300\/20:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:bg-gray-300\/20:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:bg-gray-300\/20:active { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:bg-gray-300\/30:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:bg-gray-300\/30:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:bg-gray-300\/30:active { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:bg-gray-300\/40:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:bg-gray-300\/40:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:bg-gray-300\/40:active { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:bg-gray-300\/50:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:bg-gray-300\/50:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:bg-gray-300\/50:active { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:bg-gray-300\/60:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:bg-gray-300\/60:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:bg-gray-300\/60:active { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:bg-gray-300\/70:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:bg-gray-300\/70:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:bg-gray-300\/70:active { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:bg-gray-300\/80:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:bg-gray-300\/80:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:bg-gray-300\/80:active { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:bg-gray-300\/90:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:bg-gray-300\/90:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:bg-gray-300\/90:active { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:bg-gray-400:focus { + background-color: var(--gray-400) + } + .lg\:hover\:bg-gray-400:hover { + background-color: var(--gray-400) + } + .lg\:active\:bg-gray-400:active { + background-color: var(--gray-400) + } + .lg\:focus\:bg-gray-400\/10:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:bg-gray-400\/10:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:bg-gray-400\/10:active { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:bg-gray-400\/20:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:bg-gray-400\/20:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:bg-gray-400\/20:active { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:bg-gray-400\/30:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:bg-gray-400\/30:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:bg-gray-400\/30:active { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:bg-gray-400\/40:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:bg-gray-400\/40:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:bg-gray-400\/40:active { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:bg-gray-400\/50:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:bg-gray-400\/50:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:bg-gray-400\/50:active { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:bg-gray-400\/60:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:bg-gray-400\/60:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:bg-gray-400\/60:active { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:bg-gray-400\/70:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:bg-gray-400\/70:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:bg-gray-400\/70:active { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:bg-gray-400\/80:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:bg-gray-400\/80:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:bg-gray-400\/80:active { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:bg-gray-400\/90:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:bg-gray-400\/90:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:bg-gray-400\/90:active { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:bg-gray-500:focus { + background-color: var(--gray-500) + } + .lg\:hover\:bg-gray-500:hover { + background-color: var(--gray-500) + } + .lg\:active\:bg-gray-500:active { + background-color: var(--gray-500) + } + .lg\:focus\:bg-gray-500\/10:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:bg-gray-500\/10:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:bg-gray-500\/10:active { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:bg-gray-500\/20:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:bg-gray-500\/20:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:bg-gray-500\/20:active { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:bg-gray-500\/30:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:bg-gray-500\/30:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:bg-gray-500\/30:active { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:bg-gray-500\/40:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:bg-gray-500\/40:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:bg-gray-500\/40:active { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:bg-gray-500\/50:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:bg-gray-500\/50:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:bg-gray-500\/50:active { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:bg-gray-500\/60:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:bg-gray-500\/60:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:bg-gray-500\/60:active { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:bg-gray-500\/70:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:bg-gray-500\/70:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:bg-gray-500\/70:active { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:bg-gray-500\/80:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:bg-gray-500\/80:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:bg-gray-500\/80:active { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:bg-gray-500\/90:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:bg-gray-500\/90:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:bg-gray-500\/90:active { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:bg-gray-600:focus { + background-color: var(--gray-600) + } + .lg\:hover\:bg-gray-600:hover { + background-color: var(--gray-600) + } + .lg\:active\:bg-gray-600:active { + background-color: var(--gray-600) + } + .lg\:focus\:bg-gray-600\/10:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:bg-gray-600\/10:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:bg-gray-600\/10:active { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:bg-gray-600\/20:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:bg-gray-600\/20:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:bg-gray-600\/20:active { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:bg-gray-600\/30:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:bg-gray-600\/30:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:bg-gray-600\/30:active { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:bg-gray-600\/40:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:bg-gray-600\/40:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:bg-gray-600\/40:active { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:bg-gray-600\/50:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:bg-gray-600\/50:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:bg-gray-600\/50:active { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:bg-gray-600\/60:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:bg-gray-600\/60:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:bg-gray-600\/60:active { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:bg-gray-600\/70:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:bg-gray-600\/70:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:bg-gray-600\/70:active { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:bg-gray-600\/80:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:bg-gray-600\/80:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:bg-gray-600\/80:active { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:bg-gray-600\/90:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:bg-gray-600\/90:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:bg-gray-600\/90:active { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:bg-gray-700:focus { + background-color: var(--gray-700) + } + .lg\:hover\:bg-gray-700:hover { + background-color: var(--gray-700) + } + .lg\:active\:bg-gray-700:active { + background-color: var(--gray-700) + } + .lg\:focus\:bg-gray-700\/10:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:bg-gray-700\/10:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:bg-gray-700\/10:active { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:bg-gray-700\/20:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:bg-gray-700\/20:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:bg-gray-700\/20:active { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:bg-gray-700\/30:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:bg-gray-700\/30:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:bg-gray-700\/30:active { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:bg-gray-700\/40:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:bg-gray-700\/40:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:bg-gray-700\/40:active { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:bg-gray-700\/50:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:bg-gray-700\/50:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:bg-gray-700\/50:active { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:bg-gray-700\/60:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:bg-gray-700\/60:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:bg-gray-700\/60:active { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:bg-gray-700\/70:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:bg-gray-700\/70:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:bg-gray-700\/70:active { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:bg-gray-700\/80:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:bg-gray-700\/80:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:bg-gray-700\/80:active { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:bg-gray-700\/90:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:bg-gray-700\/90:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:bg-gray-700\/90:active { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:bg-gray-800:focus { + background-color: var(--gray-800) + } + .lg\:hover\:bg-gray-800:hover { + background-color: var(--gray-800) + } + .lg\:active\:bg-gray-800:active { + background-color: var(--gray-800) + } + .lg\:focus\:bg-gray-800\/10:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:bg-gray-800\/10:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:bg-gray-800\/10:active { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:bg-gray-800\/20:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:bg-gray-800\/20:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:bg-gray-800\/20:active { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:bg-gray-800\/30:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:bg-gray-800\/30:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:bg-gray-800\/30:active { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:bg-gray-800\/40:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:bg-gray-800\/40:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:bg-gray-800\/40:active { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:bg-gray-800\/50:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:bg-gray-800\/50:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:bg-gray-800\/50:active { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:bg-gray-800\/60:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:bg-gray-800\/60:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:bg-gray-800\/60:active { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:bg-gray-800\/70:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:bg-gray-800\/70:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:bg-gray-800\/70:active { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:bg-gray-800\/80:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:bg-gray-800\/80:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:bg-gray-800\/80:active { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:bg-gray-800\/90:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:bg-gray-800\/90:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:bg-gray-800\/90:active { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:bg-gray-900:focus { + background-color: var(--gray-900) + } + .lg\:hover\:bg-gray-900:hover { + background-color: var(--gray-900) + } + .lg\:active\:bg-gray-900:active { + background-color: var(--gray-900) + } + .lg\:focus\:bg-gray-900\/10:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:bg-gray-900\/10:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:bg-gray-900\/10:active { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:bg-gray-900\/20:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:bg-gray-900\/20:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:bg-gray-900\/20:active { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:bg-gray-900\/30:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:bg-gray-900\/30:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:bg-gray-900\/30:active { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:bg-gray-900\/40:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:bg-gray-900\/40:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:bg-gray-900\/40:active { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:bg-gray-900\/50:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:bg-gray-900\/50:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:bg-gray-900\/50:active { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:bg-gray-900\/60:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:bg-gray-900\/60:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:bg-gray-900\/60:active { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:bg-gray-900\/70:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:bg-gray-900\/70:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:bg-gray-900\/70:active { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:bg-gray-900\/80:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:bg-gray-900\/80:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:bg-gray-900\/80:active { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:bg-gray-900\/90:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:bg-gray-900\/90:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:bg-gray-900\/90:active { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:bg-surface-0:focus { + background-color: var(--surface-0) + } + .lg\:hover\:bg-surface-0:hover { + background-color: var(--surface-0) + } + .lg\:active\:bg-surface-0:active { + background-color: var(--surface-0) + } + .lg\:focus\:bg-surface-0\/10:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:bg-surface-0\/10:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:bg-surface-0\/10:active { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:bg-surface-0\/20:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:bg-surface-0\/20:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:bg-surface-0\/20:active { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:bg-surface-0\/30:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:bg-surface-0\/30:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:bg-surface-0\/30:active { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:bg-surface-0\/40:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:bg-surface-0\/40:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:bg-surface-0\/40:active { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:bg-surface-0\/50:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:bg-surface-0\/50:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:bg-surface-0\/50:active { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:bg-surface-0\/60:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:bg-surface-0\/60:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:bg-surface-0\/60:active { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:bg-surface-0\/70:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:bg-surface-0\/70:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:bg-surface-0\/70:active { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:bg-surface-0\/80:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:bg-surface-0\/80:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:bg-surface-0\/80:active { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:bg-surface-0\/90:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:bg-surface-0\/90:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:bg-surface-0\/90:active { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:bg-surface-50:focus { + background-color: var(--surface-50) + } + .lg\:hover\:bg-surface-50:hover { + background-color: var(--surface-50) + } + .lg\:active\:bg-surface-50:active { + background-color: var(--surface-50) + } + .lg\:focus\:bg-surface-50\/10:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:bg-surface-50\/10:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:bg-surface-50\/10:active { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:bg-surface-50\/20:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:bg-surface-50\/20:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:bg-surface-50\/20:active { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:bg-surface-50\/30:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:bg-surface-50\/30:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:bg-surface-50\/30:active { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:bg-surface-50\/40:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:bg-surface-50\/40:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:bg-surface-50\/40:active { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:bg-surface-50\/50:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:bg-surface-50\/50:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:bg-surface-50\/50:active { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:bg-surface-50\/60:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:bg-surface-50\/60:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:bg-surface-50\/60:active { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:bg-surface-50\/70:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:bg-surface-50\/70:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:bg-surface-50\/70:active { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:bg-surface-50\/80:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:bg-surface-50\/80:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:bg-surface-50\/80:active { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:bg-surface-50\/90:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:bg-surface-50\/90:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:bg-surface-50\/90:active { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:bg-surface-100:focus { + background-color: var(--surface-100) + } + .lg\:hover\:bg-surface-100:hover { + background-color: var(--surface-100) + } + .lg\:active\:bg-surface-100:active { + background-color: var(--surface-100) + } + .lg\:focus\:bg-surface-100\/10:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:bg-surface-100\/10:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:bg-surface-100\/10:active { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:bg-surface-100\/20:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:bg-surface-100\/20:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:bg-surface-100\/20:active { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:bg-surface-100\/30:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:bg-surface-100\/30:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:bg-surface-100\/30:active { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:bg-surface-100\/40:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:bg-surface-100\/40:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:bg-surface-100\/40:active { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:bg-surface-100\/50:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:bg-surface-100\/50:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:bg-surface-100\/50:active { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:bg-surface-100\/60:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:bg-surface-100\/60:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:bg-surface-100\/60:active { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:bg-surface-100\/70:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:bg-surface-100\/70:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:bg-surface-100\/70:active { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:bg-surface-100\/80:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:bg-surface-100\/80:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:bg-surface-100\/80:active { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:bg-surface-100\/90:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:bg-surface-100\/90:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:bg-surface-100\/90:active { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:bg-surface-200:focus { + background-color: var(--surface-200) + } + .lg\:hover\:bg-surface-200:hover { + background-color: var(--surface-200) + } + .lg\:active\:bg-surface-200:active { + background-color: var(--surface-200) + } + .lg\:focus\:bg-surface-200\/10:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:bg-surface-200\/10:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:bg-surface-200\/10:active { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:bg-surface-200\/20:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:bg-surface-200\/20:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:bg-surface-200\/20:active { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:bg-surface-200\/30:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:bg-surface-200\/30:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:bg-surface-200\/30:active { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:bg-surface-200\/40:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:bg-surface-200\/40:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:bg-surface-200\/40:active { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:bg-surface-200\/50:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:bg-surface-200\/50:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:bg-surface-200\/50:active { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:bg-surface-200\/60:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:bg-surface-200\/60:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:bg-surface-200\/60:active { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:bg-surface-200\/70:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:bg-surface-200\/70:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:bg-surface-200\/70:active { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:bg-surface-200\/80:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:bg-surface-200\/80:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:bg-surface-200\/80:active { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:bg-surface-200\/90:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:bg-surface-200\/90:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:bg-surface-200\/90:active { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:bg-surface-300:focus { + background-color: var(--surface-300) + } + .lg\:hover\:bg-surface-300:hover { + background-color: var(--surface-300) + } + .lg\:active\:bg-surface-300:active { + background-color: var(--surface-300) + } + .lg\:focus\:bg-surface-300\/10:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:bg-surface-300\/10:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:bg-surface-300\/10:active { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:bg-surface-300\/20:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:bg-surface-300\/20:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:bg-surface-300\/20:active { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:bg-surface-300\/30:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:bg-surface-300\/30:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:bg-surface-300\/30:active { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:bg-surface-300\/40:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:bg-surface-300\/40:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:bg-surface-300\/40:active { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:bg-surface-300\/50:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:bg-surface-300\/50:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:bg-surface-300\/50:active { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:bg-surface-300\/60:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:bg-surface-300\/60:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:bg-surface-300\/60:active { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:bg-surface-300\/70:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:bg-surface-300\/70:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:bg-surface-300\/70:active { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:bg-surface-300\/80:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:bg-surface-300\/80:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:bg-surface-300\/80:active { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:bg-surface-300\/90:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:bg-surface-300\/90:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:bg-surface-300\/90:active { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:bg-surface-400:focus { + background-color: var(--surface-400) + } + .lg\:hover\:bg-surface-400:hover { + background-color: var(--surface-400) + } + .lg\:active\:bg-surface-400:active { + background-color: var(--surface-400) + } + .lg\:focus\:bg-surface-400\/10:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:bg-surface-400\/10:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:bg-surface-400\/10:active { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:bg-surface-400\/20:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:bg-surface-400\/20:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:bg-surface-400\/20:active { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:bg-surface-400\/30:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:bg-surface-400\/30:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:bg-surface-400\/30:active { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:bg-surface-400\/40:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:bg-surface-400\/40:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:bg-surface-400\/40:active { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:bg-surface-400\/50:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:bg-surface-400\/50:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:bg-surface-400\/50:active { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:bg-surface-400\/60:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:bg-surface-400\/60:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:bg-surface-400\/60:active { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:bg-surface-400\/70:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:bg-surface-400\/70:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:bg-surface-400\/70:active { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:bg-surface-400\/80:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:bg-surface-400\/80:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:bg-surface-400\/80:active { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:bg-surface-400\/90:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:bg-surface-400\/90:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:bg-surface-400\/90:active { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:bg-surface-500:focus { + background-color: var(--surface-500) + } + .lg\:hover\:bg-surface-500:hover { + background-color: var(--surface-500) + } + .lg\:active\:bg-surface-500:active { + background-color: var(--surface-500) + } + .lg\:focus\:bg-surface-500\/10:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:bg-surface-500\/10:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:bg-surface-500\/10:active { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:bg-surface-500\/20:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:bg-surface-500\/20:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:bg-surface-500\/20:active { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:bg-surface-500\/30:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:bg-surface-500\/30:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:bg-surface-500\/30:active { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:bg-surface-500\/40:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:bg-surface-500\/40:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:bg-surface-500\/40:active { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:bg-surface-500\/50:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:bg-surface-500\/50:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:bg-surface-500\/50:active { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:bg-surface-500\/60:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:bg-surface-500\/60:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:bg-surface-500\/60:active { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:bg-surface-500\/70:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:bg-surface-500\/70:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:bg-surface-500\/70:active { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:bg-surface-500\/80:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:bg-surface-500\/80:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:bg-surface-500\/80:active { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:bg-surface-500\/90:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:bg-surface-500\/90:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:bg-surface-500\/90:active { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:bg-surface-600:focus { + background-color: var(--surface-600) + } + .lg\:hover\:bg-surface-600:hover { + background-color: var(--surface-600) + } + .lg\:active\:bg-surface-600:active { + background-color: var(--surface-600) + } + .lg\:focus\:bg-surface-600\/10:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:bg-surface-600\/10:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:bg-surface-600\/10:active { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:bg-surface-600\/20:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:bg-surface-600\/20:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:bg-surface-600\/20:active { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:bg-surface-600\/30:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:bg-surface-600\/30:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:bg-surface-600\/30:active { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:bg-surface-600\/40:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:bg-surface-600\/40:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:bg-surface-600\/40:active { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:bg-surface-600\/50:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:bg-surface-600\/50:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:bg-surface-600\/50:active { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:bg-surface-600\/60:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:bg-surface-600\/60:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:bg-surface-600\/60:active { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:bg-surface-600\/70:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:bg-surface-600\/70:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:bg-surface-600\/70:active { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:bg-surface-600\/80:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:bg-surface-600\/80:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:bg-surface-600\/80:active { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:bg-surface-600\/90:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:bg-surface-600\/90:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:bg-surface-600\/90:active { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:bg-surface-700:focus { + background-color: var(--surface-700) + } + .lg\:hover\:bg-surface-700:hover { + background-color: var(--surface-700) + } + .lg\:active\:bg-surface-700:active { + background-color: var(--surface-700) + } + .lg\:focus\:bg-surface-700\/10:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:bg-surface-700\/10:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:bg-surface-700\/10:active { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:bg-surface-700\/20:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:bg-surface-700\/20:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:bg-surface-700\/20:active { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:bg-surface-700\/30:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:bg-surface-700\/30:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:bg-surface-700\/30:active { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:bg-surface-700\/40:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:bg-surface-700\/40:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:bg-surface-700\/40:active { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:bg-surface-700\/50:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:bg-surface-700\/50:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:bg-surface-700\/50:active { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:bg-surface-700\/60:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:bg-surface-700\/60:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:bg-surface-700\/60:active { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:bg-surface-700\/70:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:bg-surface-700\/70:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:bg-surface-700\/70:active { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:bg-surface-700\/80:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:bg-surface-700\/80:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:bg-surface-700\/80:active { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:bg-surface-700\/90:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:bg-surface-700\/90:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:bg-surface-700\/90:active { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:bg-surface-800:focus { + background-color: var(--surface-800) + } + .lg\:hover\:bg-surface-800:hover { + background-color: var(--surface-800) + } + .lg\:active\:bg-surface-800:active { + background-color: var(--surface-800) + } + .lg\:focus\:bg-surface-800\/10:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:bg-surface-800\/10:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:bg-surface-800\/10:active { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:bg-surface-800\/20:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:bg-surface-800\/20:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:bg-surface-800\/20:active { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:bg-surface-800\/30:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:bg-surface-800\/30:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:bg-surface-800\/30:active { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:bg-surface-800\/40:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:bg-surface-800\/40:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:bg-surface-800\/40:active { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:bg-surface-800\/50:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:bg-surface-800\/50:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:bg-surface-800\/50:active { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:bg-surface-800\/60:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:bg-surface-800\/60:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:bg-surface-800\/60:active { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:bg-surface-800\/70:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:bg-surface-800\/70:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:bg-surface-800\/70:active { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:bg-surface-800\/80:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:bg-surface-800\/80:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:bg-surface-800\/80:active { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:bg-surface-800\/90:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:bg-surface-800\/90:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:bg-surface-800\/90:active { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:bg-surface-900:focus { + background-color: var(--surface-900) + } + .lg\:hover\:bg-surface-900:hover { + background-color: var(--surface-900) + } + .lg\:active\:bg-surface-900:active { + background-color: var(--surface-900) + } + .lg\:focus\:bg-surface-900\/10:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:bg-surface-900\/10:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:bg-surface-900\/10:active { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:bg-surface-900\/20:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:bg-surface-900\/20:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:bg-surface-900\/20:active { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:bg-surface-900\/30:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:bg-surface-900\/30:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:bg-surface-900\/30:active { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:bg-surface-900\/40:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:bg-surface-900\/40:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:bg-surface-900\/40:active { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:bg-surface-900\/50:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:bg-surface-900\/50:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:bg-surface-900\/50:active { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:bg-surface-900\/60:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:bg-surface-900\/60:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:bg-surface-900\/60:active { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:bg-surface-900\/70:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:bg-surface-900\/70:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:bg-surface-900\/70:active { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:bg-surface-900\/80:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:bg-surface-900\/80:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:bg-surface-900\/80:active { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:bg-surface-900\/90:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:bg-surface-900\/90:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:bg-surface-900\/90:active { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:bg-primary-50:focus { + background-color: var(--primary-50) + } + .lg\:hover\:bg-primary-50:hover { + background-color: var(--primary-50) + } + .lg\:active\:bg-primary-50:active { + background-color: var(--primary-50) + } + .lg\:focus\:bg-primary-50\/10:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:bg-primary-50\/10:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:bg-primary-50\/10:active { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:bg-primary-50\/20:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:bg-primary-50\/20:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:bg-primary-50\/20:active { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:bg-primary-50\/30:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:bg-primary-50\/30:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:bg-primary-50\/30:active { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:bg-primary-50\/40:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:bg-primary-50\/40:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:bg-primary-50\/40:active { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:bg-primary-50\/50:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:bg-primary-50\/50:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:bg-primary-50\/50:active { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:bg-primary-50\/60:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:bg-primary-50\/60:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:bg-primary-50\/60:active { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:bg-primary-50\/70:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:bg-primary-50\/70:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:bg-primary-50\/70:active { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:bg-primary-50\/80:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:bg-primary-50\/80:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:bg-primary-50\/80:active { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:bg-primary-50\/90:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:bg-primary-50\/90:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:bg-primary-50\/90:active { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:bg-primary-100:focus { + background-color: var(--primary-100) + } + .lg\:hover\:bg-primary-100:hover { + background-color: var(--primary-100) + } + .lg\:active\:bg-primary-100:active { + background-color: var(--primary-100) + } + .lg\:focus\:bg-primary-100\/10:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:bg-primary-100\/10:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:bg-primary-100\/10:active { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:bg-primary-100\/20:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:bg-primary-100\/20:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:bg-primary-100\/20:active { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:bg-primary-100\/30:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:bg-primary-100\/30:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:bg-primary-100\/30:active { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:bg-primary-100\/40:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:bg-primary-100\/40:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:bg-primary-100\/40:active { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:bg-primary-100\/50:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:bg-primary-100\/50:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:bg-primary-100\/50:active { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:bg-primary-100\/60:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:bg-primary-100\/60:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:bg-primary-100\/60:active { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:bg-primary-100\/70:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:bg-primary-100\/70:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:bg-primary-100\/70:active { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:bg-primary-100\/80:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:bg-primary-100\/80:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:bg-primary-100\/80:active { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:bg-primary-100\/90:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:bg-primary-100\/90:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:bg-primary-100\/90:active { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:bg-primary-200:focus { + background-color: var(--primary-200) + } + .lg\:hover\:bg-primary-200:hover { + background-color: var(--primary-200) + } + .lg\:active\:bg-primary-200:active { + background-color: var(--primary-200) + } + .lg\:focus\:bg-primary-200\/10:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:bg-primary-200\/10:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:bg-primary-200\/10:active { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:bg-primary-200\/20:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:bg-primary-200\/20:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:bg-primary-200\/20:active { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:bg-primary-200\/30:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:bg-primary-200\/30:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:bg-primary-200\/30:active { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:bg-primary-200\/40:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:bg-primary-200\/40:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:bg-primary-200\/40:active { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:bg-primary-200\/50:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:bg-primary-200\/50:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:bg-primary-200\/50:active { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:bg-primary-200\/60:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:bg-primary-200\/60:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:bg-primary-200\/60:active { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:bg-primary-200\/70:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:bg-primary-200\/70:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:bg-primary-200\/70:active { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:bg-primary-200\/80:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:bg-primary-200\/80:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:bg-primary-200\/80:active { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:bg-primary-200\/90:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:bg-primary-200\/90:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:bg-primary-200\/90:active { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:bg-primary-300:focus { + background-color: var(--primary-300) + } + .lg\:hover\:bg-primary-300:hover { + background-color: var(--primary-300) + } + .lg\:active\:bg-primary-300:active { + background-color: var(--primary-300) + } + .lg\:focus\:bg-primary-300\/10:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:bg-primary-300\/10:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:bg-primary-300\/10:active { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:bg-primary-300\/20:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:bg-primary-300\/20:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:bg-primary-300\/20:active { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:bg-primary-300\/30:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:bg-primary-300\/30:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:bg-primary-300\/30:active { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:bg-primary-300\/40:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:bg-primary-300\/40:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:bg-primary-300\/40:active { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:bg-primary-300\/50:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:bg-primary-300\/50:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:bg-primary-300\/50:active { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:bg-primary-300\/60:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:bg-primary-300\/60:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:bg-primary-300\/60:active { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:bg-primary-300\/70:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:bg-primary-300\/70:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:bg-primary-300\/70:active { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:bg-primary-300\/80:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:bg-primary-300\/80:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:bg-primary-300\/80:active { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:bg-primary-300\/90:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:bg-primary-300\/90:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:bg-primary-300\/90:active { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:bg-primary-400:focus { + background-color: var(--primary-400) + } + .lg\:hover\:bg-primary-400:hover { + background-color: var(--primary-400) + } + .lg\:active\:bg-primary-400:active { + background-color: var(--primary-400) + } + .lg\:focus\:bg-primary-400\/10:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:bg-primary-400\/10:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:bg-primary-400\/10:active { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:bg-primary-400\/20:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:bg-primary-400\/20:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:bg-primary-400\/20:active { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:bg-primary-400\/30:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:bg-primary-400\/30:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:bg-primary-400\/30:active { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:bg-primary-400\/40:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:bg-primary-400\/40:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:bg-primary-400\/40:active { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:bg-primary-400\/50:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:bg-primary-400\/50:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:bg-primary-400\/50:active { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:bg-primary-400\/60:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:bg-primary-400\/60:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:bg-primary-400\/60:active { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:bg-primary-400\/70:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:bg-primary-400\/70:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:bg-primary-400\/70:active { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:bg-primary-400\/80:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:bg-primary-400\/80:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:bg-primary-400\/80:active { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:bg-primary-400\/90:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:bg-primary-400\/90:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:bg-primary-400\/90:active { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:bg-primary-500:focus { + background-color: var(--primary-500) + } + .lg\:hover\:bg-primary-500:hover { + background-color: var(--primary-500) + } + .lg\:active\:bg-primary-500:active { + background-color: var(--primary-500) + } + .lg\:focus\:bg-primary-500\/10:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:bg-primary-500\/10:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:bg-primary-500\/10:active { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:bg-primary-500\/20:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:bg-primary-500\/20:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:bg-primary-500\/20:active { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:bg-primary-500\/30:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:bg-primary-500\/30:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:bg-primary-500\/30:active { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:bg-primary-500\/40:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:bg-primary-500\/40:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:bg-primary-500\/40:active { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:bg-primary-500\/50:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:bg-primary-500\/50:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:bg-primary-500\/50:active { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:bg-primary-500\/60:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:bg-primary-500\/60:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:bg-primary-500\/60:active { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:bg-primary-500\/70:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:bg-primary-500\/70:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:bg-primary-500\/70:active { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:bg-primary-500\/80:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:bg-primary-500\/80:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:bg-primary-500\/80:active { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:bg-primary-500\/90:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:bg-primary-500\/90:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:bg-primary-500\/90:active { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:bg-primary-600:focus { + background-color: var(--primary-600) + } + .lg\:hover\:bg-primary-600:hover { + background-color: var(--primary-600) + } + .lg\:active\:bg-primary-600:active { + background-color: var(--primary-600) + } + .lg\:focus\:bg-primary-600\/10:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:bg-primary-600\/10:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:bg-primary-600\/10:active { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:bg-primary-600\/20:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:bg-primary-600\/20:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:bg-primary-600\/20:active { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:bg-primary-600\/30:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:bg-primary-600\/30:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:bg-primary-600\/30:active { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:bg-primary-600\/40:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:bg-primary-600\/40:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:bg-primary-600\/40:active { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:bg-primary-600\/50:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:bg-primary-600\/50:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:bg-primary-600\/50:active { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:bg-primary-600\/60:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:bg-primary-600\/60:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:bg-primary-600\/60:active { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:bg-primary-600\/70:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:bg-primary-600\/70:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:bg-primary-600\/70:active { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:bg-primary-600\/80:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:bg-primary-600\/80:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:bg-primary-600\/80:active { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:bg-primary-600\/90:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:bg-primary-600\/90:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:bg-primary-600\/90:active { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:bg-primary-700:focus { + background-color: var(--primary-700) + } + .lg\:hover\:bg-primary-700:hover { + background-color: var(--primary-700) + } + .lg\:active\:bg-primary-700:active { + background-color: var(--primary-700) + } + .lg\:focus\:bg-primary-700\/10:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:bg-primary-700\/10:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:bg-primary-700\/10:active { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:bg-primary-700\/20:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:bg-primary-700\/20:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:bg-primary-700\/20:active { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:bg-primary-700\/30:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:bg-primary-700\/30:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:bg-primary-700\/30:active { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:bg-primary-700\/40:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:bg-primary-700\/40:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:bg-primary-700\/40:active { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:bg-primary-700\/50:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:bg-primary-700\/50:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:bg-primary-700\/50:active { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:bg-primary-700\/60:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:bg-primary-700\/60:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:bg-primary-700\/60:active { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:bg-primary-700\/70:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:bg-primary-700\/70:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:bg-primary-700\/70:active { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:bg-primary-700\/80:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:bg-primary-700\/80:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:bg-primary-700\/80:active { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:bg-primary-700\/90:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:bg-primary-700\/90:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:bg-primary-700\/90:active { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:bg-primary-800:focus { + background-color: var(--primary-800) + } + .lg\:hover\:bg-primary-800:hover { + background-color: var(--primary-800) + } + .lg\:active\:bg-primary-800:active { + background-color: var(--primary-800) + } + .lg\:focus\:bg-primary-800\/10:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:bg-primary-800\/10:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:bg-primary-800\/10:active { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:bg-primary-800\/20:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:bg-primary-800\/20:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:bg-primary-800\/20:active { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:bg-primary-800\/30:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:bg-primary-800\/30:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:bg-primary-800\/30:active { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:bg-primary-800\/40:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:bg-primary-800\/40:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:bg-primary-800\/40:active { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:bg-primary-800\/50:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:bg-primary-800\/50:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:bg-primary-800\/50:active { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:bg-primary-800\/60:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:bg-primary-800\/60:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:bg-primary-800\/60:active { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:bg-primary-800\/70:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:bg-primary-800\/70:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:bg-primary-800\/70:active { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:bg-primary-800\/80:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:bg-primary-800\/80:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:bg-primary-800\/80:active { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:bg-primary-800\/90:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:bg-primary-800\/90:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:bg-primary-800\/90:active { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:bg-primary-900:focus { + background-color: var(--primary-900) + } + .lg\:hover\:bg-primary-900:hover { + background-color: var(--primary-900) + } + .lg\:active\:bg-primary-900:active { + background-color: var(--primary-900) + } + .lg\:focus\:bg-primary-900\/10:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:bg-primary-900\/10:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:bg-primary-900\/10:active { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:bg-primary-900\/20:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:bg-primary-900\/20:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:bg-primary-900\/20:active { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:bg-primary-900\/30:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:bg-primary-900\/30:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:bg-primary-900\/30:active { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:bg-primary-900\/40:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:bg-primary-900\/40:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:bg-primary-900\/40:active { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:bg-primary-900\/50:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:bg-primary-900\/50:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:bg-primary-900\/50:active { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:bg-primary-900\/60:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:bg-primary-900\/60:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:bg-primary-900\/60:active { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:bg-primary-900\/70:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:bg-primary-900\/70:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:bg-primary-900\/70:active { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:bg-primary-900\/80:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:bg-primary-900\/80:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:bg-primary-900\/80:active { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:bg-primary-900\/90:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:bg-primary-900\/90:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:bg-primary-900\/90:active { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-blue-50 { + background-color: var(--blue-50) + } + .xl\:bg-blue-50\/10 { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:bg-blue-50\/20 { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:bg-blue-50\/30 { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:bg-blue-50\/40 { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:bg-blue-50\/50 { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:bg-blue-50\/60 { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:bg-blue-50\/70 { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:bg-blue-50\/80 { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:bg-blue-50\/90 { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:bg-blue-100 { + background-color: var(--blue-100) + } + .xl\:bg-blue-100\/10 { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:bg-blue-100\/20 { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:bg-blue-100\/30 { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:bg-blue-100\/40 { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:bg-blue-100\/50 { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:bg-blue-100\/60 { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:bg-blue-100\/70 { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:bg-blue-100\/80 { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:bg-blue-100\/90 { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:bg-blue-200 { + background-color: var(--blue-200) + } + .xl\:bg-blue-200\/10 { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:bg-blue-200\/20 { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:bg-blue-200\/30 { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:bg-blue-200\/40 { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:bg-blue-200\/50 { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:bg-blue-200\/60 { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:bg-blue-200\/70 { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:bg-blue-200\/80 { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:bg-blue-200\/90 { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:bg-blue-300 { + background-color: var(--blue-300) + } + .xl\:bg-blue-300\/10 { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:bg-blue-300\/20 { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:bg-blue-300\/30 { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:bg-blue-300\/40 { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:bg-blue-300\/50 { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:bg-blue-300\/60 { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:bg-blue-300\/70 { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:bg-blue-300\/80 { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:bg-blue-300\/90 { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:bg-blue-400 { + background-color: var(--blue-400) + } + .xl\:bg-blue-400\/10 { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:bg-blue-400\/20 { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:bg-blue-400\/30 { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:bg-blue-400\/40 { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:bg-blue-400\/50 { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:bg-blue-400\/60 { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:bg-blue-400\/70 { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:bg-blue-400\/80 { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:bg-blue-400\/90 { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:bg-blue-500 { + background-color: var(--blue-500) + } + .xl\:bg-blue-500\/10 { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:bg-blue-500\/20 { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:bg-blue-500\/30 { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:bg-blue-500\/40 { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:bg-blue-500\/50 { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:bg-blue-500\/60 { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:bg-blue-500\/70 { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:bg-blue-500\/80 { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:bg-blue-500\/90 { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:bg-blue-600 { + background-color: var(--blue-600) + } + .xl\:bg-blue-600\/10 { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:bg-blue-600\/20 { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:bg-blue-600\/30 { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:bg-blue-600\/40 { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:bg-blue-600\/50 { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:bg-blue-600\/60 { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:bg-blue-600\/70 { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:bg-blue-600\/80 { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:bg-blue-600\/90 { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:bg-blue-700 { + background-color: var(--blue-700) + } + .xl\:bg-blue-700\/10 { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:bg-blue-700\/20 { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:bg-blue-700\/30 { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:bg-blue-700\/40 { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:bg-blue-700\/50 { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:bg-blue-700\/60 { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:bg-blue-700\/70 { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:bg-blue-700\/80 { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:bg-blue-700\/90 { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:bg-blue-800 { + background-color: var(--blue-800) + } + .xl\:bg-blue-800\/10 { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:bg-blue-800\/20 { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:bg-blue-800\/30 { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:bg-blue-800\/40 { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:bg-blue-800\/50 { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:bg-blue-800\/60 { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:bg-blue-800\/70 { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:bg-blue-800\/80 { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:bg-blue-800\/90 { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:bg-blue-900 { + background-color: var(--blue-900) + } + .xl\:bg-blue-900\/10 { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:bg-blue-900\/20 { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:bg-blue-900\/30 { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:bg-blue-900\/40 { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:bg-blue-900\/50 { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:bg-blue-900\/60 { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:bg-blue-900\/70 { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:bg-blue-900\/80 { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:bg-blue-900\/90 { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:bg-green-50 { + background-color: var(--green-50) + } + .xl\:bg-green-50\/10 { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:bg-green-50\/20 { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:bg-green-50\/30 { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:bg-green-50\/40 { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:bg-green-50\/50 { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:bg-green-50\/60 { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:bg-green-50\/70 { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:bg-green-50\/80 { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:bg-green-50\/90 { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:bg-green-100 { + background-color: var(--green-100) + } + .xl\:bg-green-100\/10 { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:bg-green-100\/20 { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:bg-green-100\/30 { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:bg-green-100\/40 { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:bg-green-100\/50 { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:bg-green-100\/60 { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:bg-green-100\/70 { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:bg-green-100\/80 { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:bg-green-100\/90 { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:bg-green-200 { + background-color: var(--green-200) + } + .xl\:bg-green-200\/10 { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:bg-green-200\/20 { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:bg-green-200\/30 { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:bg-green-200\/40 { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:bg-green-200\/50 { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:bg-green-200\/60 { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:bg-green-200\/70 { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:bg-green-200\/80 { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:bg-green-200\/90 { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:bg-green-300 { + background-color: var(--green-300) + } + .xl\:bg-green-300\/10 { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:bg-green-300\/20 { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:bg-green-300\/30 { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:bg-green-300\/40 { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:bg-green-300\/50 { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:bg-green-300\/60 { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:bg-green-300\/70 { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:bg-green-300\/80 { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:bg-green-300\/90 { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:bg-green-400 { + background-color: var(--green-400) + } + .xl\:bg-green-400\/10 { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:bg-green-400\/20 { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:bg-green-400\/30 { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:bg-green-400\/40 { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:bg-green-400\/50 { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:bg-green-400\/60 { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:bg-green-400\/70 { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:bg-green-400\/80 { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:bg-green-400\/90 { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:bg-green-500 { + background-color: var(--green-500) + } + .xl\:bg-green-500\/10 { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:bg-green-500\/20 { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:bg-green-500\/30 { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:bg-green-500\/40 { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:bg-green-500\/50 { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:bg-green-500\/60 { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:bg-green-500\/70 { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:bg-green-500\/80 { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:bg-green-500\/90 { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:bg-green-600 { + background-color: var(--green-600) + } + .xl\:bg-green-600\/10 { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:bg-green-600\/20 { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:bg-green-600\/30 { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:bg-green-600\/40 { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:bg-green-600\/50 { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:bg-green-600\/60 { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:bg-green-600\/70 { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:bg-green-600\/80 { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:bg-green-600\/90 { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:bg-green-700 { + background-color: var(--green-700) + } + .xl\:bg-green-700\/10 { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:bg-green-700\/20 { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:bg-green-700\/30 { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:bg-green-700\/40 { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:bg-green-700\/50 { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:bg-green-700\/60 { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:bg-green-700\/70 { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:bg-green-700\/80 { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:bg-green-700\/90 { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:bg-green-800 { + background-color: var(--green-800) + } + .xl\:bg-green-800\/10 { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:bg-green-800\/20 { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:bg-green-800\/30 { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:bg-green-800\/40 { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:bg-green-800\/50 { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:bg-green-800\/60 { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:bg-green-800\/70 { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:bg-green-800\/80 { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:bg-green-800\/90 { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:bg-green-900 { + background-color: var(--green-900) + } + .xl\:bg-green-900\/10 { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:bg-green-900\/20 { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:bg-green-900\/30 { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:bg-green-900\/40 { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:bg-green-900\/50 { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:bg-green-900\/60 { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:bg-green-900\/70 { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:bg-green-900\/80 { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:bg-green-900\/90 { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:bg-yellow-50 { + background-color: var(--yellow-50) + } + .xl\:bg-yellow-50\/10 { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:bg-yellow-50\/20 { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:bg-yellow-50\/30 { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:bg-yellow-50\/40 { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:bg-yellow-50\/50 { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:bg-yellow-50\/60 { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:bg-yellow-50\/70 { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:bg-yellow-50\/80 { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:bg-yellow-50\/90 { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:bg-yellow-100 { + background-color: var(--yellow-100) + } + .xl\:bg-yellow-100\/10 { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:bg-yellow-100\/20 { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:bg-yellow-100\/30 { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:bg-yellow-100\/40 { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:bg-yellow-100\/50 { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:bg-yellow-100\/60 { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:bg-yellow-100\/70 { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:bg-yellow-100\/80 { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:bg-yellow-100\/90 { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:bg-yellow-200 { + background-color: var(--yellow-200) + } + .xl\:bg-yellow-200\/10 { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:bg-yellow-200\/20 { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:bg-yellow-200\/30 { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:bg-yellow-200\/40 { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:bg-yellow-200\/50 { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:bg-yellow-200\/60 { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:bg-yellow-200\/70 { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:bg-yellow-200\/80 { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:bg-yellow-200\/90 { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:bg-yellow-300 { + background-color: var(--yellow-300) + } + .xl\:bg-yellow-300\/10 { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:bg-yellow-300\/20 { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:bg-yellow-300\/30 { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:bg-yellow-300\/40 { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:bg-yellow-300\/50 { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:bg-yellow-300\/60 { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:bg-yellow-300\/70 { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:bg-yellow-300\/80 { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:bg-yellow-300\/90 { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:bg-yellow-400 { + background-color: var(--yellow-400) + } + .xl\:bg-yellow-400\/10 { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:bg-yellow-400\/20 { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:bg-yellow-400\/30 { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:bg-yellow-400\/40 { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:bg-yellow-400\/50 { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:bg-yellow-400\/60 { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:bg-yellow-400\/70 { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:bg-yellow-400\/80 { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:bg-yellow-400\/90 { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:bg-yellow-500 { + background-color: var(--yellow-500) + } + .xl\:bg-yellow-500\/10 { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:bg-yellow-500\/20 { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:bg-yellow-500\/30 { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:bg-yellow-500\/40 { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:bg-yellow-500\/50 { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:bg-yellow-500\/60 { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:bg-yellow-500\/70 { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:bg-yellow-500\/80 { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:bg-yellow-500\/90 { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:bg-yellow-600 { + background-color: var(--yellow-600) + } + .xl\:bg-yellow-600\/10 { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:bg-yellow-600\/20 { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:bg-yellow-600\/30 { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:bg-yellow-600\/40 { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:bg-yellow-600\/50 { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:bg-yellow-600\/60 { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:bg-yellow-600\/70 { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:bg-yellow-600\/80 { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:bg-yellow-600\/90 { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:bg-yellow-700 { + background-color: var(--yellow-700) + } + .xl\:bg-yellow-700\/10 { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:bg-yellow-700\/20 { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:bg-yellow-700\/30 { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:bg-yellow-700\/40 { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:bg-yellow-700\/50 { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:bg-yellow-700\/60 { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:bg-yellow-700\/70 { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:bg-yellow-700\/80 { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:bg-yellow-700\/90 { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:bg-yellow-800 { + background-color: var(--yellow-800) + } + .xl\:bg-yellow-800\/10 { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:bg-yellow-800\/20 { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:bg-yellow-800\/30 { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:bg-yellow-800\/40 { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:bg-yellow-800\/50 { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:bg-yellow-800\/60 { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:bg-yellow-800\/70 { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:bg-yellow-800\/80 { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:bg-yellow-800\/90 { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:bg-yellow-900 { + background-color: var(--yellow-900) + } + .xl\:bg-yellow-900\/10 { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:bg-yellow-900\/20 { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:bg-yellow-900\/30 { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:bg-yellow-900\/40 { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:bg-yellow-900\/50 { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:bg-yellow-900\/60 { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:bg-yellow-900\/70 { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:bg-yellow-900\/80 { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:bg-yellow-900\/90 { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:bg-cyan-50 { + background-color: var(--cyan-50) + } + .xl\:bg-cyan-50\/10 { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:bg-cyan-50\/20 { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:bg-cyan-50\/30 { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:bg-cyan-50\/40 { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:bg-cyan-50\/50 { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:bg-cyan-50\/60 { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:bg-cyan-50\/70 { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:bg-cyan-50\/80 { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:bg-cyan-50\/90 { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:bg-cyan-100 { + background-color: var(--cyan-100) + } + .xl\:bg-cyan-100\/10 { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:bg-cyan-100\/20 { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:bg-cyan-100\/30 { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:bg-cyan-100\/40 { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:bg-cyan-100\/50 { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:bg-cyan-100\/60 { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:bg-cyan-100\/70 { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:bg-cyan-100\/80 { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:bg-cyan-100\/90 { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:bg-cyan-200 { + background-color: var(--cyan-200) + } + .xl\:bg-cyan-200\/10 { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:bg-cyan-200\/20 { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:bg-cyan-200\/30 { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:bg-cyan-200\/40 { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:bg-cyan-200\/50 { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:bg-cyan-200\/60 { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:bg-cyan-200\/70 { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:bg-cyan-200\/80 { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:bg-cyan-200\/90 { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:bg-cyan-300 { + background-color: var(--cyan-300) + } + .xl\:bg-cyan-300\/10 { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:bg-cyan-300\/20 { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:bg-cyan-300\/30 { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:bg-cyan-300\/40 { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:bg-cyan-300\/50 { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:bg-cyan-300\/60 { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:bg-cyan-300\/70 { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:bg-cyan-300\/80 { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:bg-cyan-300\/90 { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:bg-cyan-400 { + background-color: var(--cyan-400) + } + .xl\:bg-cyan-400\/10 { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:bg-cyan-400\/20 { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:bg-cyan-400\/30 { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:bg-cyan-400\/40 { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:bg-cyan-400\/50 { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:bg-cyan-400\/60 { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:bg-cyan-400\/70 { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:bg-cyan-400\/80 { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:bg-cyan-400\/90 { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:bg-cyan-500 { + background-color: var(--cyan-500) + } + .xl\:bg-cyan-500\/10 { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:bg-cyan-500\/20 { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:bg-cyan-500\/30 { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:bg-cyan-500\/40 { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:bg-cyan-500\/50 { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:bg-cyan-500\/60 { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:bg-cyan-500\/70 { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:bg-cyan-500\/80 { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:bg-cyan-500\/90 { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:bg-cyan-600 { + background-color: var(--cyan-600) + } + .xl\:bg-cyan-600\/10 { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:bg-cyan-600\/20 { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:bg-cyan-600\/30 { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:bg-cyan-600\/40 { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:bg-cyan-600\/50 { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:bg-cyan-600\/60 { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:bg-cyan-600\/70 { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:bg-cyan-600\/80 { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:bg-cyan-600\/90 { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:bg-cyan-700 { + background-color: var(--cyan-700) + } + .xl\:bg-cyan-700\/10 { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:bg-cyan-700\/20 { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:bg-cyan-700\/30 { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:bg-cyan-700\/40 { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:bg-cyan-700\/50 { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:bg-cyan-700\/60 { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:bg-cyan-700\/70 { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:bg-cyan-700\/80 { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:bg-cyan-700\/90 { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:bg-cyan-800 { + background-color: var(--cyan-800) + } + .xl\:bg-cyan-800\/10 { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:bg-cyan-800\/20 { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:bg-cyan-800\/30 { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:bg-cyan-800\/40 { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:bg-cyan-800\/50 { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:bg-cyan-800\/60 { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:bg-cyan-800\/70 { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:bg-cyan-800\/80 { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:bg-cyan-800\/90 { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:bg-cyan-900 { + background-color: var(--cyan-900) + } + .xl\:bg-cyan-900\/10 { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:bg-cyan-900\/20 { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:bg-cyan-900\/30 { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:bg-cyan-900\/40 { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:bg-cyan-900\/50 { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:bg-cyan-900\/60 { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:bg-cyan-900\/70 { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:bg-cyan-900\/80 { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:bg-cyan-900\/90 { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:bg-pink-50 { + background-color: var(--pink-50) + } + .xl\:bg-pink-50\/10 { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:bg-pink-50\/20 { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:bg-pink-50\/30 { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:bg-pink-50\/40 { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:bg-pink-50\/50 { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:bg-pink-50\/60 { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:bg-pink-50\/70 { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:bg-pink-50\/80 { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:bg-pink-50\/90 { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:bg-pink-100 { + background-color: var(--pink-100) + } + .xl\:bg-pink-100\/10 { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:bg-pink-100\/20 { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:bg-pink-100\/30 { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:bg-pink-100\/40 { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:bg-pink-100\/50 { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:bg-pink-100\/60 { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:bg-pink-100\/70 { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:bg-pink-100\/80 { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:bg-pink-100\/90 { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:bg-pink-200 { + background-color: var(--pink-200) + } + .xl\:bg-pink-200\/10 { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:bg-pink-200\/20 { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:bg-pink-200\/30 { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:bg-pink-200\/40 { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:bg-pink-200\/50 { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:bg-pink-200\/60 { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:bg-pink-200\/70 { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:bg-pink-200\/80 { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:bg-pink-200\/90 { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:bg-pink-300 { + background-color: var(--pink-300) + } + .xl\:bg-pink-300\/10 { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:bg-pink-300\/20 { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:bg-pink-300\/30 { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:bg-pink-300\/40 { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:bg-pink-300\/50 { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:bg-pink-300\/60 { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:bg-pink-300\/70 { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:bg-pink-300\/80 { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:bg-pink-300\/90 { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:bg-pink-400 { + background-color: var(--pink-400) + } + .xl\:bg-pink-400\/10 { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:bg-pink-400\/20 { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:bg-pink-400\/30 { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:bg-pink-400\/40 { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:bg-pink-400\/50 { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:bg-pink-400\/60 { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:bg-pink-400\/70 { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:bg-pink-400\/80 { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:bg-pink-400\/90 { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:bg-pink-500 { + background-color: var(--pink-500) + } + .xl\:bg-pink-500\/10 { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:bg-pink-500\/20 { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:bg-pink-500\/30 { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:bg-pink-500\/40 { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:bg-pink-500\/50 { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:bg-pink-500\/60 { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:bg-pink-500\/70 { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:bg-pink-500\/80 { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:bg-pink-500\/90 { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:bg-pink-600 { + background-color: var(--pink-600) + } + .xl\:bg-pink-600\/10 { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:bg-pink-600\/20 { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:bg-pink-600\/30 { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:bg-pink-600\/40 { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:bg-pink-600\/50 { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:bg-pink-600\/60 { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:bg-pink-600\/70 { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:bg-pink-600\/80 { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:bg-pink-600\/90 { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:bg-pink-700 { + background-color: var(--pink-700) + } + .xl\:bg-pink-700\/10 { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:bg-pink-700\/20 { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:bg-pink-700\/30 { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:bg-pink-700\/40 { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:bg-pink-700\/50 { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:bg-pink-700\/60 { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:bg-pink-700\/70 { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:bg-pink-700\/80 { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:bg-pink-700\/90 { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:bg-pink-800 { + background-color: var(--pink-800) + } + .xl\:bg-pink-800\/10 { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:bg-pink-800\/20 { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:bg-pink-800\/30 { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:bg-pink-800\/40 { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:bg-pink-800\/50 { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:bg-pink-800\/60 { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:bg-pink-800\/70 { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:bg-pink-800\/80 { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:bg-pink-800\/90 { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:bg-pink-900 { + background-color: var(--pink-900) + } + .xl\:bg-pink-900\/10 { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:bg-pink-900\/20 { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:bg-pink-900\/30 { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:bg-pink-900\/40 { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:bg-pink-900\/50 { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:bg-pink-900\/60 { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:bg-pink-900\/70 { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:bg-pink-900\/80 { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:bg-pink-900\/90 { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:bg-indigo-50 { + background-color: var(--indigo-50) + } + .xl\:bg-indigo-50\/10 { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:bg-indigo-50\/20 { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:bg-indigo-50\/30 { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:bg-indigo-50\/40 { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:bg-indigo-50\/50 { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:bg-indigo-50\/60 { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:bg-indigo-50\/70 { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:bg-indigo-50\/80 { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:bg-indigo-50\/90 { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:bg-indigo-100 { + background-color: var(--indigo-100) + } + .xl\:bg-indigo-100\/10 { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:bg-indigo-100\/20 { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:bg-indigo-100\/30 { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:bg-indigo-100\/40 { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:bg-indigo-100\/50 { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:bg-indigo-100\/60 { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:bg-indigo-100\/70 { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:bg-indigo-100\/80 { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:bg-indigo-100\/90 { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:bg-indigo-200 { + background-color: var(--indigo-200) + } + .xl\:bg-indigo-200\/10 { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:bg-indigo-200\/20 { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:bg-indigo-200\/30 { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:bg-indigo-200\/40 { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:bg-indigo-200\/50 { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:bg-indigo-200\/60 { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:bg-indigo-200\/70 { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:bg-indigo-200\/80 { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:bg-indigo-200\/90 { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:bg-indigo-300 { + background-color: var(--indigo-300) + } + .xl\:bg-indigo-300\/10 { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:bg-indigo-300\/20 { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:bg-indigo-300\/30 { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:bg-indigo-300\/40 { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:bg-indigo-300\/50 { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:bg-indigo-300\/60 { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:bg-indigo-300\/70 { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:bg-indigo-300\/80 { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:bg-indigo-300\/90 { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:bg-indigo-400 { + background-color: var(--indigo-400) + } + .xl\:bg-indigo-400\/10 { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:bg-indigo-400\/20 { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:bg-indigo-400\/30 { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:bg-indigo-400\/40 { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:bg-indigo-400\/50 { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:bg-indigo-400\/60 { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:bg-indigo-400\/70 { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:bg-indigo-400\/80 { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:bg-indigo-400\/90 { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:bg-indigo-500 { + background-color: var(--indigo-500) + } + .xl\:bg-indigo-500\/10 { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:bg-indigo-500\/20 { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:bg-indigo-500\/30 { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:bg-indigo-500\/40 { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:bg-indigo-500\/50 { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:bg-indigo-500\/60 { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:bg-indigo-500\/70 { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:bg-indigo-500\/80 { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:bg-indigo-500\/90 { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:bg-indigo-600 { + background-color: var(--indigo-600) + } + .xl\:bg-indigo-600\/10 { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:bg-indigo-600\/20 { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:bg-indigo-600\/30 { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:bg-indigo-600\/40 { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:bg-indigo-600\/50 { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:bg-indigo-600\/60 { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:bg-indigo-600\/70 { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:bg-indigo-600\/80 { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:bg-indigo-600\/90 { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:bg-indigo-700 { + background-color: var(--indigo-700) + } + .xl\:bg-indigo-700\/10 { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:bg-indigo-700\/20 { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:bg-indigo-700\/30 { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:bg-indigo-700\/40 { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:bg-indigo-700\/50 { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:bg-indigo-700\/60 { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:bg-indigo-700\/70 { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:bg-indigo-700\/80 { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:bg-indigo-700\/90 { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:bg-indigo-800 { + background-color: var(--indigo-800) + } + .xl\:bg-indigo-800\/10 { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:bg-indigo-800\/20 { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:bg-indigo-800\/30 { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:bg-indigo-800\/40 { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:bg-indigo-800\/50 { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:bg-indigo-800\/60 { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:bg-indigo-800\/70 { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:bg-indigo-800\/80 { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:bg-indigo-800\/90 { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:bg-indigo-900 { + background-color: var(--indigo-900) + } + .xl\:bg-indigo-900\/10 { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:bg-indigo-900\/20 { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:bg-indigo-900\/30 { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:bg-indigo-900\/40 { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:bg-indigo-900\/50 { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:bg-indigo-900\/60 { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:bg-indigo-900\/70 { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:bg-indigo-900\/80 { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:bg-indigo-900\/90 { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:bg-teal-50 { + background-color: var(--teal-50) + } + .xl\:bg-teal-50\/10 { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:bg-teal-50\/20 { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:bg-teal-50\/30 { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:bg-teal-50\/40 { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:bg-teal-50\/50 { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:bg-teal-50\/60 { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:bg-teal-50\/70 { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:bg-teal-50\/80 { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:bg-teal-50\/90 { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:bg-teal-100 { + background-color: var(--teal-100) + } + .xl\:bg-teal-100\/10 { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:bg-teal-100\/20 { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:bg-teal-100\/30 { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:bg-teal-100\/40 { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:bg-teal-100\/50 { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:bg-teal-100\/60 { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:bg-teal-100\/70 { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:bg-teal-100\/80 { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:bg-teal-100\/90 { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:bg-teal-200 { + background-color: var(--teal-200) + } + .xl\:bg-teal-200\/10 { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:bg-teal-200\/20 { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:bg-teal-200\/30 { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:bg-teal-200\/40 { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:bg-teal-200\/50 { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:bg-teal-200\/60 { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:bg-teal-200\/70 { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:bg-teal-200\/80 { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:bg-teal-200\/90 { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:bg-teal-300 { + background-color: var(--teal-300) + } + .xl\:bg-teal-300\/10 { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:bg-teal-300\/20 { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:bg-teal-300\/30 { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:bg-teal-300\/40 { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:bg-teal-300\/50 { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:bg-teal-300\/60 { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:bg-teal-300\/70 { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:bg-teal-300\/80 { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:bg-teal-300\/90 { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:bg-teal-400 { + background-color: var(--teal-400) + } + .xl\:bg-teal-400\/10 { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:bg-teal-400\/20 { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:bg-teal-400\/30 { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:bg-teal-400\/40 { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:bg-teal-400\/50 { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:bg-teal-400\/60 { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:bg-teal-400\/70 { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:bg-teal-400\/80 { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:bg-teal-400\/90 { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:bg-teal-500 { + background-color: var(--teal-500) + } + .xl\:bg-teal-500\/10 { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:bg-teal-500\/20 { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:bg-teal-500\/30 { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:bg-teal-500\/40 { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:bg-teal-500\/50 { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:bg-teal-500\/60 { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:bg-teal-500\/70 { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:bg-teal-500\/80 { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:bg-teal-500\/90 { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:bg-teal-600 { + background-color: var(--teal-600) + } + .xl\:bg-teal-600\/10 { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:bg-teal-600\/20 { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:bg-teal-600\/30 { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:bg-teal-600\/40 { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:bg-teal-600\/50 { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:bg-teal-600\/60 { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:bg-teal-600\/70 { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:bg-teal-600\/80 { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:bg-teal-600\/90 { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:bg-teal-700 { + background-color: var(--teal-700) + } + .xl\:bg-teal-700\/10 { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:bg-teal-700\/20 { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:bg-teal-700\/30 { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:bg-teal-700\/40 { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:bg-teal-700\/50 { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:bg-teal-700\/60 { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:bg-teal-700\/70 { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:bg-teal-700\/80 { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:bg-teal-700\/90 { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:bg-teal-800 { + background-color: var(--teal-800) + } + .xl\:bg-teal-800\/10 { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:bg-teal-800\/20 { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:bg-teal-800\/30 { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:bg-teal-800\/40 { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:bg-teal-800\/50 { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:bg-teal-800\/60 { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:bg-teal-800\/70 { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:bg-teal-800\/80 { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:bg-teal-800\/90 { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:bg-teal-900 { + background-color: var(--teal-900) + } + .xl\:bg-teal-900\/10 { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:bg-teal-900\/20 { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:bg-teal-900\/30 { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:bg-teal-900\/40 { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:bg-teal-900\/50 { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:bg-teal-900\/60 { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:bg-teal-900\/70 { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:bg-teal-900\/80 { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:bg-teal-900\/90 { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:bg-orange-50 { + background-color: var(--orange-50) + } + .xl\:bg-orange-50\/10 { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:bg-orange-50\/20 { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:bg-orange-50\/30 { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:bg-orange-50\/40 { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:bg-orange-50\/50 { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:bg-orange-50\/60 { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:bg-orange-50\/70 { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:bg-orange-50\/80 { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:bg-orange-50\/90 { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:bg-orange-100 { + background-color: var(--orange-100) + } + .xl\:bg-orange-100\/10 { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:bg-orange-100\/20 { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:bg-orange-100\/30 { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:bg-orange-100\/40 { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:bg-orange-100\/50 { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:bg-orange-100\/60 { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:bg-orange-100\/70 { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:bg-orange-100\/80 { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:bg-orange-100\/90 { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:bg-orange-200 { + background-color: var(--orange-200) + } + .xl\:bg-orange-200\/10 { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:bg-orange-200\/20 { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:bg-orange-200\/30 { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:bg-orange-200\/40 { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:bg-orange-200\/50 { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:bg-orange-200\/60 { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:bg-orange-200\/70 { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:bg-orange-200\/80 { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:bg-orange-200\/90 { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:bg-orange-300 { + background-color: var(--orange-300) + } + .xl\:bg-orange-300\/10 { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:bg-orange-300\/20 { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:bg-orange-300\/30 { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:bg-orange-300\/40 { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:bg-orange-300\/50 { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:bg-orange-300\/60 { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:bg-orange-300\/70 { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:bg-orange-300\/80 { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:bg-orange-300\/90 { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:bg-orange-400 { + background-color: var(--orange-400) + } + .xl\:bg-orange-400\/10 { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:bg-orange-400\/20 { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:bg-orange-400\/30 { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:bg-orange-400\/40 { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:bg-orange-400\/50 { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:bg-orange-400\/60 { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:bg-orange-400\/70 { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:bg-orange-400\/80 { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:bg-orange-400\/90 { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:bg-orange-500 { + background-color: var(--orange-500) + } + .xl\:bg-orange-500\/10 { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:bg-orange-500\/20 { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:bg-orange-500\/30 { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:bg-orange-500\/40 { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:bg-orange-500\/50 { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:bg-orange-500\/60 { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:bg-orange-500\/70 { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:bg-orange-500\/80 { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:bg-orange-500\/90 { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:bg-orange-600 { + background-color: var(--orange-600) + } + .xl\:bg-orange-600\/10 { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:bg-orange-600\/20 { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:bg-orange-600\/30 { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:bg-orange-600\/40 { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:bg-orange-600\/50 { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:bg-orange-600\/60 { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:bg-orange-600\/70 { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:bg-orange-600\/80 { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:bg-orange-600\/90 { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:bg-orange-700 { + background-color: var(--orange-700) + } + .xl\:bg-orange-700\/10 { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:bg-orange-700\/20 { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:bg-orange-700\/30 { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:bg-orange-700\/40 { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:bg-orange-700\/50 { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:bg-orange-700\/60 { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:bg-orange-700\/70 { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:bg-orange-700\/80 { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:bg-orange-700\/90 { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:bg-orange-800 { + background-color: var(--orange-800) + } + .xl\:bg-orange-800\/10 { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:bg-orange-800\/20 { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:bg-orange-800\/30 { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:bg-orange-800\/40 { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:bg-orange-800\/50 { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:bg-orange-800\/60 { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:bg-orange-800\/70 { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:bg-orange-800\/80 { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:bg-orange-800\/90 { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:bg-orange-900 { + background-color: var(--orange-900) + } + .xl\:bg-orange-900\/10 { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:bg-orange-900\/20 { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:bg-orange-900\/30 { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:bg-orange-900\/40 { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:bg-orange-900\/50 { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:bg-orange-900\/60 { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:bg-orange-900\/70 { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:bg-orange-900\/80 { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:bg-orange-900\/90 { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:bg-bluegray-50 { + background-color: var(--bluegray-50) + } + .xl\:bg-bluegray-50\/10 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:bg-bluegray-50\/20 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:bg-bluegray-50\/30 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:bg-bluegray-50\/40 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:bg-bluegray-50\/50 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:bg-bluegray-50\/60 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:bg-bluegray-50\/70 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:bg-bluegray-50\/80 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:bg-bluegray-50\/90 { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:bg-bluegray-100 { + background-color: var(--bluegray-100) + } + .xl\:bg-bluegray-100\/10 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:bg-bluegray-100\/20 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:bg-bluegray-100\/30 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:bg-bluegray-100\/40 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:bg-bluegray-100\/50 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:bg-bluegray-100\/60 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:bg-bluegray-100\/70 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:bg-bluegray-100\/80 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:bg-bluegray-100\/90 { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:bg-bluegray-200 { + background-color: var(--bluegray-200) + } + .xl\:bg-bluegray-200\/10 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:bg-bluegray-200\/20 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:bg-bluegray-200\/30 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:bg-bluegray-200\/40 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:bg-bluegray-200\/50 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:bg-bluegray-200\/60 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:bg-bluegray-200\/70 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:bg-bluegray-200\/80 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:bg-bluegray-200\/90 { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:bg-bluegray-300 { + background-color: var(--bluegray-300) + } + .xl\:bg-bluegray-300\/10 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:bg-bluegray-300\/20 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:bg-bluegray-300\/30 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:bg-bluegray-300\/40 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:bg-bluegray-300\/50 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:bg-bluegray-300\/60 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:bg-bluegray-300\/70 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:bg-bluegray-300\/80 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:bg-bluegray-300\/90 { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:bg-bluegray-400 { + background-color: var(--bluegray-400) + } + .xl\:bg-bluegray-400\/10 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:bg-bluegray-400\/20 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:bg-bluegray-400\/30 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:bg-bluegray-400\/40 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:bg-bluegray-400\/50 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:bg-bluegray-400\/60 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:bg-bluegray-400\/70 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:bg-bluegray-400\/80 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:bg-bluegray-400\/90 { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:bg-bluegray-500 { + background-color: var(--bluegray-500) + } + .xl\:bg-bluegray-500\/10 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:bg-bluegray-500\/20 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:bg-bluegray-500\/30 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:bg-bluegray-500\/40 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:bg-bluegray-500\/50 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:bg-bluegray-500\/60 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:bg-bluegray-500\/70 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:bg-bluegray-500\/80 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:bg-bluegray-500\/90 { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:bg-bluegray-600 { + background-color: var(--bluegray-600) + } + .xl\:bg-bluegray-600\/10 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:bg-bluegray-600\/20 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:bg-bluegray-600\/30 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:bg-bluegray-600\/40 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:bg-bluegray-600\/50 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:bg-bluegray-600\/60 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:bg-bluegray-600\/70 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:bg-bluegray-600\/80 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:bg-bluegray-600\/90 { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:bg-bluegray-700 { + background-color: var(--bluegray-700) + } + .xl\:bg-bluegray-700\/10 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:bg-bluegray-700\/20 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:bg-bluegray-700\/30 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:bg-bluegray-700\/40 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:bg-bluegray-700\/50 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:bg-bluegray-700\/60 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:bg-bluegray-700\/70 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:bg-bluegray-700\/80 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:bg-bluegray-700\/90 { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:bg-bluegray-800 { + background-color: var(--bluegray-800) + } + .xl\:bg-bluegray-800\/10 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:bg-bluegray-800\/20 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:bg-bluegray-800\/30 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:bg-bluegray-800\/40 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:bg-bluegray-800\/50 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:bg-bluegray-800\/60 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:bg-bluegray-800\/70 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:bg-bluegray-800\/80 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:bg-bluegray-800\/90 { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:bg-bluegray-900 { + background-color: var(--bluegray-900) + } + .xl\:bg-bluegray-900\/10 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:bg-bluegray-900\/20 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:bg-bluegray-900\/30 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:bg-bluegray-900\/40 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:bg-bluegray-900\/50 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:bg-bluegray-900\/60 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:bg-bluegray-900\/70 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:bg-bluegray-900\/80 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:bg-bluegray-900\/90 { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:bg-purple-50 { + background-color: var(--purple-50) + } + .xl\:bg-purple-50\/10 { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:bg-purple-50\/20 { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:bg-purple-50\/30 { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:bg-purple-50\/40 { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:bg-purple-50\/50 { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:bg-purple-50\/60 { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:bg-purple-50\/70 { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:bg-purple-50\/80 { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:bg-purple-50\/90 { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:bg-purple-100 { + background-color: var(--purple-100) + } + .xl\:bg-purple-100\/10 { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:bg-purple-100\/20 { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:bg-purple-100\/30 { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:bg-purple-100\/40 { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:bg-purple-100\/50 { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:bg-purple-100\/60 { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:bg-purple-100\/70 { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:bg-purple-100\/80 { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:bg-purple-100\/90 { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:bg-purple-200 { + background-color: var(--purple-200) + } + .xl\:bg-purple-200\/10 { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:bg-purple-200\/20 { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:bg-purple-200\/30 { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:bg-purple-200\/40 { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:bg-purple-200\/50 { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:bg-purple-200\/60 { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:bg-purple-200\/70 { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:bg-purple-200\/80 { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:bg-purple-200\/90 { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:bg-purple-300 { + background-color: var(--purple-300) + } + .xl\:bg-purple-300\/10 { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:bg-purple-300\/20 { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:bg-purple-300\/30 { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:bg-purple-300\/40 { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:bg-purple-300\/50 { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:bg-purple-300\/60 { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:bg-purple-300\/70 { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:bg-purple-300\/80 { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:bg-purple-300\/90 { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:bg-purple-400 { + background-color: var(--purple-400) + } + .xl\:bg-purple-400\/10 { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:bg-purple-400\/20 { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:bg-purple-400\/30 { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:bg-purple-400\/40 { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:bg-purple-400\/50 { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:bg-purple-400\/60 { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:bg-purple-400\/70 { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:bg-purple-400\/80 { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:bg-purple-400\/90 { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:bg-purple-500 { + background-color: var(--purple-500) + } + .xl\:bg-purple-500\/10 { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:bg-purple-500\/20 { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:bg-purple-500\/30 { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:bg-purple-500\/40 { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:bg-purple-500\/50 { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:bg-purple-500\/60 { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:bg-purple-500\/70 { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:bg-purple-500\/80 { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:bg-purple-500\/90 { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:bg-purple-600 { + background-color: var(--purple-600) + } + .xl\:bg-purple-600\/10 { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:bg-purple-600\/20 { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:bg-purple-600\/30 { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:bg-purple-600\/40 { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:bg-purple-600\/50 { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:bg-purple-600\/60 { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:bg-purple-600\/70 { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:bg-purple-600\/80 { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:bg-purple-600\/90 { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:bg-purple-700 { + background-color: var(--purple-700) + } + .xl\:bg-purple-700\/10 { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:bg-purple-700\/20 { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:bg-purple-700\/30 { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:bg-purple-700\/40 { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:bg-purple-700\/50 { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:bg-purple-700\/60 { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:bg-purple-700\/70 { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:bg-purple-700\/80 { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:bg-purple-700\/90 { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:bg-purple-800 { + background-color: var(--purple-800) + } + .xl\:bg-purple-800\/10 { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:bg-purple-800\/20 { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:bg-purple-800\/30 { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:bg-purple-800\/40 { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:bg-purple-800\/50 { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:bg-purple-800\/60 { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:bg-purple-800\/70 { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:bg-purple-800\/80 { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:bg-purple-800\/90 { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:bg-purple-900 { + background-color: var(--purple-900) + } + .xl\:bg-purple-900\/10 { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:bg-purple-900\/20 { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:bg-purple-900\/30 { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:bg-purple-900\/40 { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:bg-purple-900\/50 { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:bg-purple-900\/60 { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:bg-purple-900\/70 { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:bg-purple-900\/80 { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:bg-purple-900\/90 { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:bg-red-50 { + background-color: var(--red-50) + } + .xl\:bg-red-50\/10 { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:bg-red-50\/20 { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:bg-red-50\/30 { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:bg-red-50\/40 { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:bg-red-50\/50 { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:bg-red-50\/60 { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:bg-red-50\/70 { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:bg-red-50\/80 { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:bg-red-50\/90 { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:bg-red-100 { + background-color: var(--red-100) + } + .xl\:bg-red-100\/10 { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:bg-red-100\/20 { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:bg-red-100\/30 { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:bg-red-100\/40 { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:bg-red-100\/50 { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:bg-red-100\/60 { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:bg-red-100\/70 { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:bg-red-100\/80 { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:bg-red-100\/90 { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:bg-red-200 { + background-color: var(--red-200) + } + .xl\:bg-red-200\/10 { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:bg-red-200\/20 { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:bg-red-200\/30 { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:bg-red-200\/40 { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:bg-red-200\/50 { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:bg-red-200\/60 { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:bg-red-200\/70 { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:bg-red-200\/80 { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:bg-red-200\/90 { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:bg-red-300 { + background-color: var(--red-300) + } + .xl\:bg-red-300\/10 { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:bg-red-300\/20 { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:bg-red-300\/30 { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:bg-red-300\/40 { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:bg-red-300\/50 { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:bg-red-300\/60 { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:bg-red-300\/70 { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:bg-red-300\/80 { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:bg-red-300\/90 { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:bg-red-400 { + background-color: var(--red-400) + } + .xl\:bg-red-400\/10 { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:bg-red-400\/20 { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:bg-red-400\/30 { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:bg-red-400\/40 { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:bg-red-400\/50 { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:bg-red-400\/60 { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:bg-red-400\/70 { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:bg-red-400\/80 { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:bg-red-400\/90 { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:bg-red-500 { + background-color: var(--red-500) + } + .xl\:bg-red-500\/10 { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:bg-red-500\/20 { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:bg-red-500\/30 { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:bg-red-500\/40 { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:bg-red-500\/50 { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:bg-red-500\/60 { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:bg-red-500\/70 { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:bg-red-500\/80 { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:bg-red-500\/90 { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:bg-red-600 { + background-color: var(--red-600) + } + .xl\:bg-red-600\/10 { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:bg-red-600\/20 { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:bg-red-600\/30 { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:bg-red-600\/40 { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:bg-red-600\/50 { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:bg-red-600\/60 { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:bg-red-600\/70 { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:bg-red-600\/80 { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:bg-red-600\/90 { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:bg-red-700 { + background-color: var(--red-700) + } + .xl\:bg-red-700\/10 { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:bg-red-700\/20 { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:bg-red-700\/30 { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:bg-red-700\/40 { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:bg-red-700\/50 { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:bg-red-700\/60 { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:bg-red-700\/70 { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:bg-red-700\/80 { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:bg-red-700\/90 { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:bg-red-800 { + background-color: var(--red-800) + } + .xl\:bg-red-800\/10 { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:bg-red-800\/20 { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:bg-red-800\/30 { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:bg-red-800\/40 { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:bg-red-800\/50 { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:bg-red-800\/60 { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:bg-red-800\/70 { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:bg-red-800\/80 { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:bg-red-800\/90 { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:bg-red-900 { + background-color: var(--red-900) + } + .xl\:bg-red-900\/10 { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:bg-red-900\/20 { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:bg-red-900\/30 { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:bg-red-900\/40 { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:bg-red-900\/50 { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:bg-red-900\/60 { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:bg-red-900\/70 { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:bg-red-900\/80 { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:bg-red-900\/90 { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:bg-gray-50 { + background-color: var(--gray-50) + } + .xl\:bg-gray-50\/10 { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:bg-gray-50\/20 { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:bg-gray-50\/30 { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:bg-gray-50\/40 { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:bg-gray-50\/50 { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:bg-gray-50\/60 { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:bg-gray-50\/70 { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:bg-gray-50\/80 { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:bg-gray-50\/90 { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:bg-gray-100 { + background-color: var(--gray-100) + } + .xl\:bg-gray-100\/10 { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:bg-gray-100\/20 { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:bg-gray-100\/30 { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:bg-gray-100\/40 { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:bg-gray-100\/50 { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:bg-gray-100\/60 { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:bg-gray-100\/70 { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:bg-gray-100\/80 { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:bg-gray-100\/90 { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:bg-gray-200 { + background-color: var(--gray-200) + } + .xl\:bg-gray-200\/10 { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:bg-gray-200\/20 { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:bg-gray-200\/30 { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:bg-gray-200\/40 { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:bg-gray-200\/50 { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:bg-gray-200\/60 { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:bg-gray-200\/70 { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:bg-gray-200\/80 { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:bg-gray-200\/90 { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:bg-gray-300 { + background-color: var(--gray-300) + } + .xl\:bg-gray-300\/10 { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:bg-gray-300\/20 { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:bg-gray-300\/30 { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:bg-gray-300\/40 { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:bg-gray-300\/50 { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:bg-gray-300\/60 { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:bg-gray-300\/70 { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:bg-gray-300\/80 { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:bg-gray-300\/90 { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:bg-gray-400 { + background-color: var(--gray-400) + } + .xl\:bg-gray-400\/10 { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:bg-gray-400\/20 { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:bg-gray-400\/30 { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:bg-gray-400\/40 { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:bg-gray-400\/50 { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:bg-gray-400\/60 { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:bg-gray-400\/70 { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:bg-gray-400\/80 { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:bg-gray-400\/90 { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:bg-gray-500 { + background-color: var(--gray-500) + } + .xl\:bg-gray-500\/10 { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:bg-gray-500\/20 { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:bg-gray-500\/30 { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:bg-gray-500\/40 { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:bg-gray-500\/50 { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:bg-gray-500\/60 { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:bg-gray-500\/70 { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:bg-gray-500\/80 { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:bg-gray-500\/90 { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:bg-gray-600 { + background-color: var(--gray-600) + } + .xl\:bg-gray-600\/10 { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:bg-gray-600\/20 { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:bg-gray-600\/30 { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:bg-gray-600\/40 { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:bg-gray-600\/50 { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:bg-gray-600\/60 { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:bg-gray-600\/70 { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:bg-gray-600\/80 { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:bg-gray-600\/90 { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:bg-gray-700 { + background-color: var(--gray-700) + } + .xl\:bg-gray-700\/10 { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:bg-gray-700\/20 { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:bg-gray-700\/30 { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:bg-gray-700\/40 { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:bg-gray-700\/50 { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:bg-gray-700\/60 { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:bg-gray-700\/70 { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:bg-gray-700\/80 { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:bg-gray-700\/90 { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:bg-gray-800 { + background-color: var(--gray-800) + } + .xl\:bg-gray-800\/10 { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:bg-gray-800\/20 { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:bg-gray-800\/30 { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:bg-gray-800\/40 { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:bg-gray-800\/50 { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:bg-gray-800\/60 { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:bg-gray-800\/70 { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:bg-gray-800\/80 { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:bg-gray-800\/90 { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:bg-gray-900 { + background-color: var(--gray-900) + } + .xl\:bg-gray-900\/10 { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:bg-gray-900\/20 { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:bg-gray-900\/30 { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:bg-gray-900\/40 { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:bg-gray-900\/50 { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:bg-gray-900\/60 { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:bg-gray-900\/70 { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:bg-gray-900\/80 { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:bg-gray-900\/90 { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:bg-surface-0 { + background-color: var(--surface-0) + } + .xl\:bg-surface-0\/10 { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:bg-surface-0\/20 { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:bg-surface-0\/30 { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:bg-surface-0\/40 { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:bg-surface-0\/50 { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:bg-surface-0\/60 { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:bg-surface-0\/70 { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:bg-surface-0\/80 { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:bg-surface-0\/90 { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:bg-surface-50 { + background-color: var(--surface-50) + } + .xl\:bg-surface-50\/10 { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:bg-surface-50\/20 { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:bg-surface-50\/30 { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:bg-surface-50\/40 { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:bg-surface-50\/50 { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:bg-surface-50\/60 { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:bg-surface-50\/70 { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:bg-surface-50\/80 { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:bg-surface-50\/90 { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:bg-surface-100 { + background-color: var(--surface-100) + } + .xl\:bg-surface-100\/10 { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:bg-surface-100\/20 { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:bg-surface-100\/30 { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:bg-surface-100\/40 { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:bg-surface-100\/50 { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:bg-surface-100\/60 { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:bg-surface-100\/70 { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:bg-surface-100\/80 { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:bg-surface-100\/90 { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:bg-surface-200 { + background-color: var(--surface-200) + } + .xl\:bg-surface-200\/10 { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:bg-surface-200\/20 { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:bg-surface-200\/30 { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:bg-surface-200\/40 { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:bg-surface-200\/50 { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:bg-surface-200\/60 { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:bg-surface-200\/70 { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:bg-surface-200\/80 { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:bg-surface-200\/90 { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:bg-surface-300 { + background-color: var(--surface-300) + } + .xl\:bg-surface-300\/10 { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:bg-surface-300\/20 { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:bg-surface-300\/30 { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:bg-surface-300\/40 { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:bg-surface-300\/50 { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:bg-surface-300\/60 { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:bg-surface-300\/70 { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:bg-surface-300\/80 { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:bg-surface-300\/90 { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:bg-surface-400 { + background-color: var(--surface-400) + } + .xl\:bg-surface-400\/10 { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:bg-surface-400\/20 { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:bg-surface-400\/30 { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:bg-surface-400\/40 { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:bg-surface-400\/50 { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:bg-surface-400\/60 { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:bg-surface-400\/70 { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:bg-surface-400\/80 { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:bg-surface-400\/90 { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:bg-surface-500 { + background-color: var(--surface-500) + } + .xl\:bg-surface-500\/10 { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:bg-surface-500\/20 { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:bg-surface-500\/30 { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:bg-surface-500\/40 { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:bg-surface-500\/50 { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:bg-surface-500\/60 { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:bg-surface-500\/70 { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:bg-surface-500\/80 { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:bg-surface-500\/90 { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:bg-surface-600 { + background-color: var(--surface-600) + } + .xl\:bg-surface-600\/10 { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:bg-surface-600\/20 { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:bg-surface-600\/30 { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:bg-surface-600\/40 { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:bg-surface-600\/50 { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:bg-surface-600\/60 { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:bg-surface-600\/70 { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:bg-surface-600\/80 { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:bg-surface-600\/90 { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:bg-surface-700 { + background-color: var(--surface-700) + } + .xl\:bg-surface-700\/10 { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:bg-surface-700\/20 { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:bg-surface-700\/30 { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:bg-surface-700\/40 { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:bg-surface-700\/50 { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:bg-surface-700\/60 { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:bg-surface-700\/70 { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:bg-surface-700\/80 { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:bg-surface-700\/90 { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:bg-surface-800 { + background-color: var(--surface-800) + } + .xl\:bg-surface-800\/10 { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:bg-surface-800\/20 { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:bg-surface-800\/30 { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:bg-surface-800\/40 { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:bg-surface-800\/50 { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:bg-surface-800\/60 { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:bg-surface-800\/70 { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:bg-surface-800\/80 { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:bg-surface-800\/90 { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:bg-surface-900 { + background-color: var(--surface-900) + } + .xl\:bg-surface-900\/10 { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:bg-surface-900\/20 { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:bg-surface-900\/30 { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:bg-surface-900\/40 { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:bg-surface-900\/50 { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:bg-surface-900\/60 { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:bg-surface-900\/70 { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:bg-surface-900\/80 { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:bg-surface-900\/90 { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:bg-primary-50 { + background-color: var(--primary-50) + } + .xl\:bg-primary-50\/10 { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:bg-primary-50\/20 { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:bg-primary-50\/30 { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:bg-primary-50\/40 { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:bg-primary-50\/50 { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:bg-primary-50\/60 { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:bg-primary-50\/70 { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:bg-primary-50\/80 { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:bg-primary-50\/90 { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:bg-primary-100 { + background-color: var(--primary-100) + } + .xl\:bg-primary-100\/10 { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:bg-primary-100\/20 { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:bg-primary-100\/30 { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:bg-primary-100\/40 { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:bg-primary-100\/50 { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:bg-primary-100\/60 { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:bg-primary-100\/70 { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:bg-primary-100\/80 { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:bg-primary-100\/90 { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:bg-primary-200 { + background-color: var(--primary-200) + } + .xl\:bg-primary-200\/10 { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:bg-primary-200\/20 { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:bg-primary-200\/30 { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:bg-primary-200\/40 { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:bg-primary-200\/50 { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:bg-primary-200\/60 { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:bg-primary-200\/70 { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:bg-primary-200\/80 { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:bg-primary-200\/90 { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:bg-primary-300 { + background-color: var(--primary-300) + } + .xl\:bg-primary-300\/10 { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:bg-primary-300\/20 { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:bg-primary-300\/30 { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:bg-primary-300\/40 { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:bg-primary-300\/50 { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:bg-primary-300\/60 { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:bg-primary-300\/70 { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:bg-primary-300\/80 { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:bg-primary-300\/90 { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:bg-primary-400 { + background-color: var(--primary-400) + } + .xl\:bg-primary-400\/10 { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:bg-primary-400\/20 { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:bg-primary-400\/30 { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:bg-primary-400\/40 { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:bg-primary-400\/50 { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:bg-primary-400\/60 { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:bg-primary-400\/70 { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:bg-primary-400\/80 { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:bg-primary-400\/90 { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:bg-primary-500 { + background-color: var(--primary-500) + } + .xl\:bg-primary-500\/10 { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:bg-primary-500\/20 { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:bg-primary-500\/30 { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:bg-primary-500\/40 { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:bg-primary-500\/50 { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:bg-primary-500\/60 { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:bg-primary-500\/70 { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:bg-primary-500\/80 { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:bg-primary-500\/90 { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:bg-primary-600 { + background-color: var(--primary-600) + } + .xl\:bg-primary-600\/10 { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:bg-primary-600\/20 { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:bg-primary-600\/30 { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:bg-primary-600\/40 { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:bg-primary-600\/50 { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:bg-primary-600\/60 { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:bg-primary-600\/70 { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:bg-primary-600\/80 { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:bg-primary-600\/90 { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:bg-primary-700 { + background-color: var(--primary-700) + } + .xl\:bg-primary-700\/10 { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:bg-primary-700\/20 { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:bg-primary-700\/30 { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:bg-primary-700\/40 { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:bg-primary-700\/50 { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:bg-primary-700\/60 { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:bg-primary-700\/70 { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:bg-primary-700\/80 { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:bg-primary-700\/90 { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:bg-primary-800 { + background-color: var(--primary-800) + } + .xl\:bg-primary-800\/10 { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:bg-primary-800\/20 { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:bg-primary-800\/30 { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:bg-primary-800\/40 { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:bg-primary-800\/50 { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:bg-primary-800\/60 { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:bg-primary-800\/70 { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:bg-primary-800\/80 { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:bg-primary-800\/90 { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:bg-primary-900 { + background-color: var(--primary-900) + } + .xl\:bg-primary-900\/10 { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:bg-primary-900\/20 { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:bg-primary-900\/30 { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:bg-primary-900\/40 { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:bg-primary-900\/50 { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:bg-primary-900\/60 { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:bg-primary-900\/70 { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:bg-primary-900\/80 { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:bg-primary-900\/90 { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:bg-blue-50:focus { + background-color: var(--blue-50) + } + .xl\:hover\:bg-blue-50:hover { + background-color: var(--blue-50) + } + .xl\:active\:bg-blue-50:active { + background-color: var(--blue-50) + } + .xl\:focus\:bg-blue-50\/10:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:bg-blue-50\/10:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:bg-blue-50\/10:active { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:bg-blue-50\/20:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:bg-blue-50\/20:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:bg-blue-50\/20:active { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:bg-blue-50\/30:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:bg-blue-50\/30:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:bg-blue-50\/30:active { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:bg-blue-50\/40:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:bg-blue-50\/40:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:bg-blue-50\/40:active { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:bg-blue-50\/50:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:bg-blue-50\/50:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:bg-blue-50\/50:active { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:bg-blue-50\/60:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:bg-blue-50\/60:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:bg-blue-50\/60:active { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:bg-blue-50\/70:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:bg-blue-50\/70:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:bg-blue-50\/70:active { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:bg-blue-50\/80:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:bg-blue-50\/80:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:bg-blue-50\/80:active { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:bg-blue-50\/90:focus { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:bg-blue-50\/90:hover { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:bg-blue-50\/90:active { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:bg-blue-100:focus { + background-color: var(--blue-100) + } + .xl\:hover\:bg-blue-100:hover { + background-color: var(--blue-100) + } + .xl\:active\:bg-blue-100:active { + background-color: var(--blue-100) + } + .xl\:focus\:bg-blue-100\/10:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:bg-blue-100\/10:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:bg-blue-100\/10:active { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:bg-blue-100\/20:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:bg-blue-100\/20:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:bg-blue-100\/20:active { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:bg-blue-100\/30:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:bg-blue-100\/30:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:bg-blue-100\/30:active { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:bg-blue-100\/40:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:bg-blue-100\/40:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:bg-blue-100\/40:active { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:bg-blue-100\/50:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:bg-blue-100\/50:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:bg-blue-100\/50:active { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:bg-blue-100\/60:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:bg-blue-100\/60:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:bg-blue-100\/60:active { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:bg-blue-100\/70:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:bg-blue-100\/70:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:bg-blue-100\/70:active { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:bg-blue-100\/80:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:bg-blue-100\/80:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:bg-blue-100\/80:active { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:bg-blue-100\/90:focus { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:bg-blue-100\/90:hover { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:bg-blue-100\/90:active { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:bg-blue-200:focus { + background-color: var(--blue-200) + } + .xl\:hover\:bg-blue-200:hover { + background-color: var(--blue-200) + } + .xl\:active\:bg-blue-200:active { + background-color: var(--blue-200) + } + .xl\:focus\:bg-blue-200\/10:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:bg-blue-200\/10:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:bg-blue-200\/10:active { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:bg-blue-200\/20:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:bg-blue-200\/20:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:bg-blue-200\/20:active { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:bg-blue-200\/30:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:bg-blue-200\/30:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:bg-blue-200\/30:active { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:bg-blue-200\/40:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:bg-blue-200\/40:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:bg-blue-200\/40:active { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:bg-blue-200\/50:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:bg-blue-200\/50:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:bg-blue-200\/50:active { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:bg-blue-200\/60:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:bg-blue-200\/60:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:bg-blue-200\/60:active { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:bg-blue-200\/70:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:bg-blue-200\/70:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:bg-blue-200\/70:active { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:bg-blue-200\/80:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:bg-blue-200\/80:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:bg-blue-200\/80:active { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:bg-blue-200\/90:focus { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:bg-blue-200\/90:hover { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:bg-blue-200\/90:active { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:bg-blue-300:focus { + background-color: var(--blue-300) + } + .xl\:hover\:bg-blue-300:hover { + background-color: var(--blue-300) + } + .xl\:active\:bg-blue-300:active { + background-color: var(--blue-300) + } + .xl\:focus\:bg-blue-300\/10:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:bg-blue-300\/10:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:bg-blue-300\/10:active { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:bg-blue-300\/20:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:bg-blue-300\/20:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:bg-blue-300\/20:active { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:bg-blue-300\/30:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:bg-blue-300\/30:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:bg-blue-300\/30:active { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:bg-blue-300\/40:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:bg-blue-300\/40:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:bg-blue-300\/40:active { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:bg-blue-300\/50:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:bg-blue-300\/50:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:bg-blue-300\/50:active { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:bg-blue-300\/60:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:bg-blue-300\/60:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:bg-blue-300\/60:active { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:bg-blue-300\/70:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:bg-blue-300\/70:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:bg-blue-300\/70:active { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:bg-blue-300\/80:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:bg-blue-300\/80:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:bg-blue-300\/80:active { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:bg-blue-300\/90:focus { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:bg-blue-300\/90:hover { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:bg-blue-300\/90:active { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:bg-blue-400:focus { + background-color: var(--blue-400) + } + .xl\:hover\:bg-blue-400:hover { + background-color: var(--blue-400) + } + .xl\:active\:bg-blue-400:active { + background-color: var(--blue-400) + } + .xl\:focus\:bg-blue-400\/10:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:bg-blue-400\/10:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:bg-blue-400\/10:active { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:bg-blue-400\/20:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:bg-blue-400\/20:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:bg-blue-400\/20:active { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:bg-blue-400\/30:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:bg-blue-400\/30:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:bg-blue-400\/30:active { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:bg-blue-400\/40:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:bg-blue-400\/40:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:bg-blue-400\/40:active { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:bg-blue-400\/50:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:bg-blue-400\/50:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:bg-blue-400\/50:active { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:bg-blue-400\/60:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:bg-blue-400\/60:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:bg-blue-400\/60:active { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:bg-blue-400\/70:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:bg-blue-400\/70:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:bg-blue-400\/70:active { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:bg-blue-400\/80:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:bg-blue-400\/80:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:bg-blue-400\/80:active { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:bg-blue-400\/90:focus { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:bg-blue-400\/90:hover { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:bg-blue-400\/90:active { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:bg-blue-500:focus { + background-color: var(--blue-500) + } + .xl\:hover\:bg-blue-500:hover { + background-color: var(--blue-500) + } + .xl\:active\:bg-blue-500:active { + background-color: var(--blue-500) + } + .xl\:focus\:bg-blue-500\/10:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:bg-blue-500\/10:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:bg-blue-500\/10:active { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:bg-blue-500\/20:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:bg-blue-500\/20:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:bg-blue-500\/20:active { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:bg-blue-500\/30:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:bg-blue-500\/30:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:bg-blue-500\/30:active { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:bg-blue-500\/40:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:bg-blue-500\/40:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:bg-blue-500\/40:active { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:bg-blue-500\/50:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:bg-blue-500\/50:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:bg-blue-500\/50:active { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:bg-blue-500\/60:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:bg-blue-500\/60:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:bg-blue-500\/60:active { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:bg-blue-500\/70:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:bg-blue-500\/70:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:bg-blue-500\/70:active { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:bg-blue-500\/80:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:bg-blue-500\/80:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:bg-blue-500\/80:active { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:bg-blue-500\/90:focus { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:bg-blue-500\/90:hover { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:bg-blue-500\/90:active { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:bg-blue-600:focus { + background-color: var(--blue-600) + } + .xl\:hover\:bg-blue-600:hover { + background-color: var(--blue-600) + } + .xl\:active\:bg-blue-600:active { + background-color: var(--blue-600) + } + .xl\:focus\:bg-blue-600\/10:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:bg-blue-600\/10:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:bg-blue-600\/10:active { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:bg-blue-600\/20:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:bg-blue-600\/20:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:bg-blue-600\/20:active { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:bg-blue-600\/30:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:bg-blue-600\/30:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:bg-blue-600\/30:active { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:bg-blue-600\/40:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:bg-blue-600\/40:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:bg-blue-600\/40:active { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:bg-blue-600\/50:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:bg-blue-600\/50:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:bg-blue-600\/50:active { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:bg-blue-600\/60:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:bg-blue-600\/60:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:bg-blue-600\/60:active { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:bg-blue-600\/70:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:bg-blue-600\/70:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:bg-blue-600\/70:active { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:bg-blue-600\/80:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:bg-blue-600\/80:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:bg-blue-600\/80:active { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:bg-blue-600\/90:focus { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:bg-blue-600\/90:hover { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:bg-blue-600\/90:active { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:bg-blue-700:focus { + background-color: var(--blue-700) + } + .xl\:hover\:bg-blue-700:hover { + background-color: var(--blue-700) + } + .xl\:active\:bg-blue-700:active { + background-color: var(--blue-700) + } + .xl\:focus\:bg-blue-700\/10:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:bg-blue-700\/10:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:bg-blue-700\/10:active { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:bg-blue-700\/20:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:bg-blue-700\/20:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:bg-blue-700\/20:active { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:bg-blue-700\/30:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:bg-blue-700\/30:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:bg-blue-700\/30:active { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:bg-blue-700\/40:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:bg-blue-700\/40:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:bg-blue-700\/40:active { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:bg-blue-700\/50:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:bg-blue-700\/50:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:bg-blue-700\/50:active { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:bg-blue-700\/60:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:bg-blue-700\/60:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:bg-blue-700\/60:active { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:bg-blue-700\/70:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:bg-blue-700\/70:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:bg-blue-700\/70:active { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:bg-blue-700\/80:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:bg-blue-700\/80:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:bg-blue-700\/80:active { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:bg-blue-700\/90:focus { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:bg-blue-700\/90:hover { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:bg-blue-700\/90:active { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:bg-blue-800:focus { + background-color: var(--blue-800) + } + .xl\:hover\:bg-blue-800:hover { + background-color: var(--blue-800) + } + .xl\:active\:bg-blue-800:active { + background-color: var(--blue-800) + } + .xl\:focus\:bg-blue-800\/10:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:bg-blue-800\/10:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:bg-blue-800\/10:active { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:bg-blue-800\/20:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:bg-blue-800\/20:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:bg-blue-800\/20:active { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:bg-blue-800\/30:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:bg-blue-800\/30:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:bg-blue-800\/30:active { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:bg-blue-800\/40:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:bg-blue-800\/40:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:bg-blue-800\/40:active { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:bg-blue-800\/50:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:bg-blue-800\/50:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:bg-blue-800\/50:active { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:bg-blue-800\/60:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:bg-blue-800\/60:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:bg-blue-800\/60:active { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:bg-blue-800\/70:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:bg-blue-800\/70:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:bg-blue-800\/70:active { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:bg-blue-800\/80:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:bg-blue-800\/80:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:bg-blue-800\/80:active { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:bg-blue-800\/90:focus { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:bg-blue-800\/90:hover { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:bg-blue-800\/90:active { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:bg-blue-900:focus { + background-color: var(--blue-900) + } + .xl\:hover\:bg-blue-900:hover { + background-color: var(--blue-900) + } + .xl\:active\:bg-blue-900:active { + background-color: var(--blue-900) + } + .xl\:focus\:bg-blue-900\/10:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:bg-blue-900\/10:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:bg-blue-900\/10:active { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:bg-blue-900\/20:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:bg-blue-900\/20:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:bg-blue-900\/20:active { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:bg-blue-900\/30:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:bg-blue-900\/30:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:bg-blue-900\/30:active { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:bg-blue-900\/40:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:bg-blue-900\/40:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:bg-blue-900\/40:active { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:bg-blue-900\/50:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:bg-blue-900\/50:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:bg-blue-900\/50:active { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:bg-blue-900\/60:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:bg-blue-900\/60:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:bg-blue-900\/60:active { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:bg-blue-900\/70:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:bg-blue-900\/70:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:bg-blue-900\/70:active { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:bg-blue-900\/80:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:bg-blue-900\/80:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:bg-blue-900\/80:active { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:bg-blue-900\/90:focus { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:bg-blue-900\/90:hover { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:bg-blue-900\/90:active { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:bg-green-50:focus { + background-color: var(--green-50) + } + .xl\:hover\:bg-green-50:hover { + background-color: var(--green-50) + } + .xl\:active\:bg-green-50:active { + background-color: var(--green-50) + } + .xl\:focus\:bg-green-50\/10:focus { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:bg-green-50\/10:hover { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:bg-green-50\/10:active { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:bg-green-50\/20:focus { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:bg-green-50\/20:hover { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:bg-green-50\/20:active { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:bg-green-50\/30:focus { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:bg-green-50\/30:hover { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:bg-green-50\/30:active { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:bg-green-50\/40:focus { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:bg-green-50\/40:hover { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:bg-green-50\/40:active { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:bg-green-50\/50:focus { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:bg-green-50\/50:hover { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:bg-green-50\/50:active { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:bg-green-50\/60:focus { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:bg-green-50\/60:hover { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:bg-green-50\/60:active { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:bg-green-50\/70:focus { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:bg-green-50\/70:hover { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:bg-green-50\/70:active { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:bg-green-50\/80:focus { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:bg-green-50\/80:hover { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:bg-green-50\/80:active { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:bg-green-50\/90:focus { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:bg-green-50\/90:hover { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:bg-green-50\/90:active { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:bg-green-100:focus { + background-color: var(--green-100) + } + .xl\:hover\:bg-green-100:hover { + background-color: var(--green-100) + } + .xl\:active\:bg-green-100:active { + background-color: var(--green-100) + } + .xl\:focus\:bg-green-100\/10:focus { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:bg-green-100\/10:hover { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:bg-green-100\/10:active { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:bg-green-100\/20:focus { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:bg-green-100\/20:hover { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:bg-green-100\/20:active { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:bg-green-100\/30:focus { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:bg-green-100\/30:hover { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:bg-green-100\/30:active { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:bg-green-100\/40:focus { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:bg-green-100\/40:hover { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:bg-green-100\/40:active { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:bg-green-100\/50:focus { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:bg-green-100\/50:hover { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:bg-green-100\/50:active { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:bg-green-100\/60:focus { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:bg-green-100\/60:hover { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:bg-green-100\/60:active { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:bg-green-100\/70:focus { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:bg-green-100\/70:hover { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:bg-green-100\/70:active { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:bg-green-100\/80:focus { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:bg-green-100\/80:hover { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:bg-green-100\/80:active { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:bg-green-100\/90:focus { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:bg-green-100\/90:hover { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:bg-green-100\/90:active { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:bg-green-200:focus { + background-color: var(--green-200) + } + .xl\:hover\:bg-green-200:hover { + background-color: var(--green-200) + } + .xl\:active\:bg-green-200:active { + background-color: var(--green-200) + } + .xl\:focus\:bg-green-200\/10:focus { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:bg-green-200\/10:hover { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:bg-green-200\/10:active { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:bg-green-200\/20:focus { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:bg-green-200\/20:hover { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:bg-green-200\/20:active { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:bg-green-200\/30:focus { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:bg-green-200\/30:hover { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:bg-green-200\/30:active { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:bg-green-200\/40:focus { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:bg-green-200\/40:hover { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:bg-green-200\/40:active { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:bg-green-200\/50:focus { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:bg-green-200\/50:hover { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:bg-green-200\/50:active { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:bg-green-200\/60:focus { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:bg-green-200\/60:hover { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:bg-green-200\/60:active { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:bg-green-200\/70:focus { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:bg-green-200\/70:hover { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:bg-green-200\/70:active { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:bg-green-200\/80:focus { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:bg-green-200\/80:hover { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:bg-green-200\/80:active { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:bg-green-200\/90:focus { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:bg-green-200\/90:hover { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:bg-green-200\/90:active { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:bg-green-300:focus { + background-color: var(--green-300) + } + .xl\:hover\:bg-green-300:hover { + background-color: var(--green-300) + } + .xl\:active\:bg-green-300:active { + background-color: var(--green-300) + } + .xl\:focus\:bg-green-300\/10:focus { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:bg-green-300\/10:hover { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:bg-green-300\/10:active { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:bg-green-300\/20:focus { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:bg-green-300\/20:hover { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:bg-green-300\/20:active { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:bg-green-300\/30:focus { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:bg-green-300\/30:hover { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:bg-green-300\/30:active { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:bg-green-300\/40:focus { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:bg-green-300\/40:hover { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:bg-green-300\/40:active { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:bg-green-300\/50:focus { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:bg-green-300\/50:hover { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:bg-green-300\/50:active { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:bg-green-300\/60:focus { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:bg-green-300\/60:hover { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:bg-green-300\/60:active { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:bg-green-300\/70:focus { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:bg-green-300\/70:hover { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:bg-green-300\/70:active { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:bg-green-300\/80:focus { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:bg-green-300\/80:hover { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:bg-green-300\/80:active { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:bg-green-300\/90:focus { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:bg-green-300\/90:hover { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:bg-green-300\/90:active { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:bg-green-400:focus { + background-color: var(--green-400) + } + .xl\:hover\:bg-green-400:hover { + background-color: var(--green-400) + } + .xl\:active\:bg-green-400:active { + background-color: var(--green-400) + } + .xl\:focus\:bg-green-400\/10:focus { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:bg-green-400\/10:hover { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:bg-green-400\/10:active { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:bg-green-400\/20:focus { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:bg-green-400\/20:hover { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:bg-green-400\/20:active { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:bg-green-400\/30:focus { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:bg-green-400\/30:hover { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:bg-green-400\/30:active { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:bg-green-400\/40:focus { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:bg-green-400\/40:hover { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:bg-green-400\/40:active { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:bg-green-400\/50:focus { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:bg-green-400\/50:hover { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:bg-green-400\/50:active { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:bg-green-400\/60:focus { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:bg-green-400\/60:hover { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:bg-green-400\/60:active { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:bg-green-400\/70:focus { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:bg-green-400\/70:hover { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:bg-green-400\/70:active { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:bg-green-400\/80:focus { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:bg-green-400\/80:hover { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:bg-green-400\/80:active { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:bg-green-400\/90:focus { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:bg-green-400\/90:hover { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:bg-green-400\/90:active { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:bg-green-500:focus { + background-color: var(--green-500) + } + .xl\:hover\:bg-green-500:hover { + background-color: var(--green-500) + } + .xl\:active\:bg-green-500:active { + background-color: var(--green-500) + } + .xl\:focus\:bg-green-500\/10:focus { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:bg-green-500\/10:hover { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:bg-green-500\/10:active { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:bg-green-500\/20:focus { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:bg-green-500\/20:hover { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:bg-green-500\/20:active { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:bg-green-500\/30:focus { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:bg-green-500\/30:hover { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:bg-green-500\/30:active { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:bg-green-500\/40:focus { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:bg-green-500\/40:hover { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:bg-green-500\/40:active { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:bg-green-500\/50:focus { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:bg-green-500\/50:hover { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:bg-green-500\/50:active { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:bg-green-500\/60:focus { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:bg-green-500\/60:hover { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:bg-green-500\/60:active { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:bg-green-500\/70:focus { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:bg-green-500\/70:hover { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:bg-green-500\/70:active { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:bg-green-500\/80:focus { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:bg-green-500\/80:hover { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:bg-green-500\/80:active { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:bg-green-500\/90:focus { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:bg-green-500\/90:hover { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:bg-green-500\/90:active { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:bg-green-600:focus { + background-color: var(--green-600) + } + .xl\:hover\:bg-green-600:hover { + background-color: var(--green-600) + } + .xl\:active\:bg-green-600:active { + background-color: var(--green-600) + } + .xl\:focus\:bg-green-600\/10:focus { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:bg-green-600\/10:hover { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:bg-green-600\/10:active { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:bg-green-600\/20:focus { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:bg-green-600\/20:hover { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:bg-green-600\/20:active { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:bg-green-600\/30:focus { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:bg-green-600\/30:hover { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:bg-green-600\/30:active { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:bg-green-600\/40:focus { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:bg-green-600\/40:hover { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:bg-green-600\/40:active { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:bg-green-600\/50:focus { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:bg-green-600\/50:hover { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:bg-green-600\/50:active { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:bg-green-600\/60:focus { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:bg-green-600\/60:hover { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:bg-green-600\/60:active { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:bg-green-600\/70:focus { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:bg-green-600\/70:hover { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:bg-green-600\/70:active { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:bg-green-600\/80:focus { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:bg-green-600\/80:hover { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:bg-green-600\/80:active { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:bg-green-600\/90:focus { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:bg-green-600\/90:hover { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:bg-green-600\/90:active { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:bg-green-700:focus { + background-color: var(--green-700) + } + .xl\:hover\:bg-green-700:hover { + background-color: var(--green-700) + } + .xl\:active\:bg-green-700:active { + background-color: var(--green-700) + } + .xl\:focus\:bg-green-700\/10:focus { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:bg-green-700\/10:hover { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:bg-green-700\/10:active { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:bg-green-700\/20:focus { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:bg-green-700\/20:hover { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:bg-green-700\/20:active { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:bg-green-700\/30:focus { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:bg-green-700\/30:hover { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:bg-green-700\/30:active { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:bg-green-700\/40:focus { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:bg-green-700\/40:hover { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:bg-green-700\/40:active { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:bg-green-700\/50:focus { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:bg-green-700\/50:hover { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:bg-green-700\/50:active { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:bg-green-700\/60:focus { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:bg-green-700\/60:hover { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:bg-green-700\/60:active { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:bg-green-700\/70:focus { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:bg-green-700\/70:hover { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:bg-green-700\/70:active { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:bg-green-700\/80:focus { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:bg-green-700\/80:hover { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:bg-green-700\/80:active { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:bg-green-700\/90:focus { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:bg-green-700\/90:hover { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:bg-green-700\/90:active { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:bg-green-800:focus { + background-color: var(--green-800) + } + .xl\:hover\:bg-green-800:hover { + background-color: var(--green-800) + } + .xl\:active\:bg-green-800:active { + background-color: var(--green-800) + } + .xl\:focus\:bg-green-800\/10:focus { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:bg-green-800\/10:hover { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:bg-green-800\/10:active { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:bg-green-800\/20:focus { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:bg-green-800\/20:hover { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:bg-green-800\/20:active { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:bg-green-800\/30:focus { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:bg-green-800\/30:hover { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:bg-green-800\/30:active { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:bg-green-800\/40:focus { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:bg-green-800\/40:hover { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:bg-green-800\/40:active { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:bg-green-800\/50:focus { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:bg-green-800\/50:hover { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:bg-green-800\/50:active { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:bg-green-800\/60:focus { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:bg-green-800\/60:hover { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:bg-green-800\/60:active { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:bg-green-800\/70:focus { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:bg-green-800\/70:hover { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:bg-green-800\/70:active { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:bg-green-800\/80:focus { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:bg-green-800\/80:hover { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:bg-green-800\/80:active { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:bg-green-800\/90:focus { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:bg-green-800\/90:hover { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:bg-green-800\/90:active { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:bg-green-900:focus { + background-color: var(--green-900) + } + .xl\:hover\:bg-green-900:hover { + background-color: var(--green-900) + } + .xl\:active\:bg-green-900:active { + background-color: var(--green-900) + } + .xl\:focus\:bg-green-900\/10:focus { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:bg-green-900\/10:hover { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:bg-green-900\/10:active { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:bg-green-900\/20:focus { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:bg-green-900\/20:hover { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:bg-green-900\/20:active { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:bg-green-900\/30:focus { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:bg-green-900\/30:hover { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:bg-green-900\/30:active { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:bg-green-900\/40:focus { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:bg-green-900\/40:hover { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:bg-green-900\/40:active { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:bg-green-900\/50:focus { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:bg-green-900\/50:hover { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:bg-green-900\/50:active { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:bg-green-900\/60:focus { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:bg-green-900\/60:hover { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:bg-green-900\/60:active { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:bg-green-900\/70:focus { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:bg-green-900\/70:hover { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:bg-green-900\/70:active { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:bg-green-900\/80:focus { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:bg-green-900\/80:hover { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:bg-green-900\/80:active { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:bg-green-900\/90:focus { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:bg-green-900\/90:hover { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:bg-green-900\/90:active { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-50:focus { + background-color: var(--yellow-50) + } + .xl\:hover\:bg-yellow-50:hover { + background-color: var(--yellow-50) + } + .xl\:active\:bg-yellow-50:active { + background-color: var(--yellow-50) + } + .xl\:focus\:bg-yellow-50\/10:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-50\/10:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:bg-yellow-50\/10:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-50\/20:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-50\/20:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:bg-yellow-50\/20:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-50\/30:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-50\/30:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:bg-yellow-50\/30:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-50\/40:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-50\/40:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:bg-yellow-50\/40:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-50\/50:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-50\/50:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:bg-yellow-50\/50:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-50\/60:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-50\/60:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:bg-yellow-50\/60:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-50\/70:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-50\/70:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:bg-yellow-50\/70:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-50\/80:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-50\/80:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:bg-yellow-50\/80:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-50\/90:focus { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-50\/90:hover { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:bg-yellow-50\/90:active { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-100:focus { + background-color: var(--yellow-100) + } + .xl\:hover\:bg-yellow-100:hover { + background-color: var(--yellow-100) + } + .xl\:active\:bg-yellow-100:active { + background-color: var(--yellow-100) + } + .xl\:focus\:bg-yellow-100\/10:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-100\/10:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:bg-yellow-100\/10:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-100\/20:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-100\/20:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:bg-yellow-100\/20:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-100\/30:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-100\/30:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:bg-yellow-100\/30:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-100\/40:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-100\/40:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:bg-yellow-100\/40:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-100\/50:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-100\/50:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:bg-yellow-100\/50:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-100\/60:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-100\/60:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:bg-yellow-100\/60:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-100\/70:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-100\/70:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:bg-yellow-100\/70:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-100\/80:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-100\/80:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:bg-yellow-100\/80:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-100\/90:focus { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-100\/90:hover { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:bg-yellow-100\/90:active { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-200:focus { + background-color: var(--yellow-200) + } + .xl\:hover\:bg-yellow-200:hover { + background-color: var(--yellow-200) + } + .xl\:active\:bg-yellow-200:active { + background-color: var(--yellow-200) + } + .xl\:focus\:bg-yellow-200\/10:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-200\/10:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:bg-yellow-200\/10:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-200\/20:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-200\/20:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:bg-yellow-200\/20:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-200\/30:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-200\/30:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:bg-yellow-200\/30:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-200\/40:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-200\/40:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:bg-yellow-200\/40:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-200\/50:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-200\/50:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:bg-yellow-200\/50:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-200\/60:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-200\/60:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:bg-yellow-200\/60:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-200\/70:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-200\/70:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:bg-yellow-200\/70:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-200\/80:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-200\/80:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:bg-yellow-200\/80:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-200\/90:focus { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-200\/90:hover { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:bg-yellow-200\/90:active { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-300:focus { + background-color: var(--yellow-300) + } + .xl\:hover\:bg-yellow-300:hover { + background-color: var(--yellow-300) + } + .xl\:active\:bg-yellow-300:active { + background-color: var(--yellow-300) + } + .xl\:focus\:bg-yellow-300\/10:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-300\/10:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:bg-yellow-300\/10:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-300\/20:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-300\/20:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:bg-yellow-300\/20:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-300\/30:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-300\/30:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:bg-yellow-300\/30:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-300\/40:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-300\/40:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:bg-yellow-300\/40:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-300\/50:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-300\/50:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:bg-yellow-300\/50:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-300\/60:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-300\/60:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:bg-yellow-300\/60:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-300\/70:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-300\/70:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:bg-yellow-300\/70:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-300\/80:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-300\/80:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:bg-yellow-300\/80:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-300\/90:focus { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-300\/90:hover { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:bg-yellow-300\/90:active { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-400:focus { + background-color: var(--yellow-400) + } + .xl\:hover\:bg-yellow-400:hover { + background-color: var(--yellow-400) + } + .xl\:active\:bg-yellow-400:active { + background-color: var(--yellow-400) + } + .xl\:focus\:bg-yellow-400\/10:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-400\/10:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:bg-yellow-400\/10:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-400\/20:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-400\/20:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:bg-yellow-400\/20:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-400\/30:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-400\/30:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:bg-yellow-400\/30:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-400\/40:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-400\/40:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:bg-yellow-400\/40:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-400\/50:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-400\/50:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:bg-yellow-400\/50:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-400\/60:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-400\/60:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:bg-yellow-400\/60:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-400\/70:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-400\/70:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:bg-yellow-400\/70:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-400\/80:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-400\/80:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:bg-yellow-400\/80:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-400\/90:focus { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-400\/90:hover { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:bg-yellow-400\/90:active { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-500:focus { + background-color: var(--yellow-500) + } + .xl\:hover\:bg-yellow-500:hover { + background-color: var(--yellow-500) + } + .xl\:active\:bg-yellow-500:active { + background-color: var(--yellow-500) + } + .xl\:focus\:bg-yellow-500\/10:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-500\/10:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:bg-yellow-500\/10:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-500\/20:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-500\/20:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:bg-yellow-500\/20:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-500\/30:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-500\/30:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:bg-yellow-500\/30:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-500\/40:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-500\/40:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:bg-yellow-500\/40:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-500\/50:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-500\/50:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:bg-yellow-500\/50:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-500\/60:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-500\/60:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:bg-yellow-500\/60:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-500\/70:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-500\/70:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:bg-yellow-500\/70:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-500\/80:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-500\/80:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:bg-yellow-500\/80:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-500\/90:focus { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-500\/90:hover { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:bg-yellow-500\/90:active { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-600:focus { + background-color: var(--yellow-600) + } + .xl\:hover\:bg-yellow-600:hover { + background-color: var(--yellow-600) + } + .xl\:active\:bg-yellow-600:active { + background-color: var(--yellow-600) + } + .xl\:focus\:bg-yellow-600\/10:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-600\/10:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:bg-yellow-600\/10:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-600\/20:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-600\/20:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:bg-yellow-600\/20:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-600\/30:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-600\/30:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:bg-yellow-600\/30:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-600\/40:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-600\/40:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:bg-yellow-600\/40:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-600\/50:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-600\/50:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:bg-yellow-600\/50:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-600\/60:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-600\/60:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:bg-yellow-600\/60:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-600\/70:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-600\/70:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:bg-yellow-600\/70:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-600\/80:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-600\/80:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:bg-yellow-600\/80:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-600\/90:focus { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-600\/90:hover { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:bg-yellow-600\/90:active { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-700:focus { + background-color: var(--yellow-700) + } + .xl\:hover\:bg-yellow-700:hover { + background-color: var(--yellow-700) + } + .xl\:active\:bg-yellow-700:active { + background-color: var(--yellow-700) + } + .xl\:focus\:bg-yellow-700\/10:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-700\/10:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:bg-yellow-700\/10:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-700\/20:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-700\/20:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:bg-yellow-700\/20:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-700\/30:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-700\/30:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:bg-yellow-700\/30:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-700\/40:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-700\/40:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:bg-yellow-700\/40:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-700\/50:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-700\/50:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:bg-yellow-700\/50:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-700\/60:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-700\/60:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:bg-yellow-700\/60:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-700\/70:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-700\/70:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:bg-yellow-700\/70:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-700\/80:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-700\/80:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:bg-yellow-700\/80:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-700\/90:focus { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-700\/90:hover { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:bg-yellow-700\/90:active { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-800:focus { + background-color: var(--yellow-800) + } + .xl\:hover\:bg-yellow-800:hover { + background-color: var(--yellow-800) + } + .xl\:active\:bg-yellow-800:active { + background-color: var(--yellow-800) + } + .xl\:focus\:bg-yellow-800\/10:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-800\/10:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:bg-yellow-800\/10:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-800\/20:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-800\/20:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:bg-yellow-800\/20:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-800\/30:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-800\/30:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:bg-yellow-800\/30:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-800\/40:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-800\/40:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:bg-yellow-800\/40:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-800\/50:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-800\/50:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:bg-yellow-800\/50:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-800\/60:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-800\/60:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:bg-yellow-800\/60:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-800\/70:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-800\/70:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:bg-yellow-800\/70:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-800\/80:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-800\/80:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:bg-yellow-800\/80:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-800\/90:focus { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-800\/90:hover { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:bg-yellow-800\/90:active { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:bg-yellow-900:focus { + background-color: var(--yellow-900) + } + .xl\:hover\:bg-yellow-900:hover { + background-color: var(--yellow-900) + } + .xl\:active\:bg-yellow-900:active { + background-color: var(--yellow-900) + } + .xl\:focus\:bg-yellow-900\/10:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:bg-yellow-900\/10:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:bg-yellow-900\/10:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:bg-yellow-900\/20:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:bg-yellow-900\/20:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:bg-yellow-900\/20:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:bg-yellow-900\/30:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:bg-yellow-900\/30:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:bg-yellow-900\/30:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:bg-yellow-900\/40:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:bg-yellow-900\/40:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:bg-yellow-900\/40:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:bg-yellow-900\/50:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:bg-yellow-900\/50:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:bg-yellow-900\/50:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:bg-yellow-900\/60:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:bg-yellow-900\/60:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:bg-yellow-900\/60:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:bg-yellow-900\/70:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:bg-yellow-900\/70:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:bg-yellow-900\/70:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:bg-yellow-900\/80:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:bg-yellow-900\/80:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:bg-yellow-900\/80:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:bg-yellow-900\/90:focus { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:bg-yellow-900\/90:hover { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:bg-yellow-900\/90:active { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-50:focus { + background-color: var(--cyan-50) + } + .xl\:hover\:bg-cyan-50:hover { + background-color: var(--cyan-50) + } + .xl\:active\:bg-cyan-50:active { + background-color: var(--cyan-50) + } + .xl\:focus\:bg-cyan-50\/10:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-50\/10:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:bg-cyan-50\/10:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-50\/20:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-50\/20:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:bg-cyan-50\/20:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-50\/30:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-50\/30:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:bg-cyan-50\/30:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-50\/40:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-50\/40:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:bg-cyan-50\/40:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-50\/50:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-50\/50:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:bg-cyan-50\/50:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-50\/60:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-50\/60:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:bg-cyan-50\/60:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-50\/70:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-50\/70:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:bg-cyan-50\/70:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-50\/80:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-50\/80:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:bg-cyan-50\/80:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-50\/90:focus { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-50\/90:hover { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:bg-cyan-50\/90:active { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-100:focus { + background-color: var(--cyan-100) + } + .xl\:hover\:bg-cyan-100:hover { + background-color: var(--cyan-100) + } + .xl\:active\:bg-cyan-100:active { + background-color: var(--cyan-100) + } + .xl\:focus\:bg-cyan-100\/10:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-100\/10:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:bg-cyan-100\/10:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-100\/20:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-100\/20:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:bg-cyan-100\/20:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-100\/30:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-100\/30:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:bg-cyan-100\/30:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-100\/40:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-100\/40:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:bg-cyan-100\/40:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-100\/50:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-100\/50:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:bg-cyan-100\/50:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-100\/60:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-100\/60:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:bg-cyan-100\/60:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-100\/70:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-100\/70:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:bg-cyan-100\/70:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-100\/80:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-100\/80:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:bg-cyan-100\/80:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-100\/90:focus { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-100\/90:hover { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:bg-cyan-100\/90:active { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-200:focus { + background-color: var(--cyan-200) + } + .xl\:hover\:bg-cyan-200:hover { + background-color: var(--cyan-200) + } + .xl\:active\:bg-cyan-200:active { + background-color: var(--cyan-200) + } + .xl\:focus\:bg-cyan-200\/10:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-200\/10:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:bg-cyan-200\/10:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-200\/20:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-200\/20:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:bg-cyan-200\/20:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-200\/30:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-200\/30:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:bg-cyan-200\/30:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-200\/40:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-200\/40:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:bg-cyan-200\/40:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-200\/50:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-200\/50:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:bg-cyan-200\/50:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-200\/60:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-200\/60:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:bg-cyan-200\/60:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-200\/70:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-200\/70:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:bg-cyan-200\/70:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-200\/80:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-200\/80:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:bg-cyan-200\/80:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-200\/90:focus { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-200\/90:hover { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:bg-cyan-200\/90:active { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-300:focus { + background-color: var(--cyan-300) + } + .xl\:hover\:bg-cyan-300:hover { + background-color: var(--cyan-300) + } + .xl\:active\:bg-cyan-300:active { + background-color: var(--cyan-300) + } + .xl\:focus\:bg-cyan-300\/10:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-300\/10:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:bg-cyan-300\/10:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-300\/20:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-300\/20:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:bg-cyan-300\/20:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-300\/30:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-300\/30:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:bg-cyan-300\/30:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-300\/40:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-300\/40:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:bg-cyan-300\/40:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-300\/50:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-300\/50:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:bg-cyan-300\/50:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-300\/60:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-300\/60:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:bg-cyan-300\/60:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-300\/70:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-300\/70:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:bg-cyan-300\/70:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-300\/80:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-300\/80:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:bg-cyan-300\/80:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-300\/90:focus { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-300\/90:hover { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:bg-cyan-300\/90:active { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-400:focus { + background-color: var(--cyan-400) + } + .xl\:hover\:bg-cyan-400:hover { + background-color: var(--cyan-400) + } + .xl\:active\:bg-cyan-400:active { + background-color: var(--cyan-400) + } + .xl\:focus\:bg-cyan-400\/10:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-400\/10:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:bg-cyan-400\/10:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-400\/20:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-400\/20:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:bg-cyan-400\/20:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-400\/30:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-400\/30:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:bg-cyan-400\/30:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-400\/40:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-400\/40:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:bg-cyan-400\/40:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-400\/50:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-400\/50:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:bg-cyan-400\/50:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-400\/60:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-400\/60:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:bg-cyan-400\/60:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-400\/70:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-400\/70:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:bg-cyan-400\/70:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-400\/80:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-400\/80:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:bg-cyan-400\/80:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-400\/90:focus { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-400\/90:hover { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:bg-cyan-400\/90:active { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-500:focus { + background-color: var(--cyan-500) + } + .xl\:hover\:bg-cyan-500:hover { + background-color: var(--cyan-500) + } + .xl\:active\:bg-cyan-500:active { + background-color: var(--cyan-500) + } + .xl\:focus\:bg-cyan-500\/10:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-500\/10:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:bg-cyan-500\/10:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-500\/20:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-500\/20:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:bg-cyan-500\/20:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-500\/30:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-500\/30:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:bg-cyan-500\/30:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-500\/40:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-500\/40:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:bg-cyan-500\/40:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-500\/50:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-500\/50:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:bg-cyan-500\/50:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-500\/60:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-500\/60:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:bg-cyan-500\/60:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-500\/70:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-500\/70:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:bg-cyan-500\/70:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-500\/80:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-500\/80:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:bg-cyan-500\/80:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-500\/90:focus { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-500\/90:hover { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:bg-cyan-500\/90:active { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-600:focus { + background-color: var(--cyan-600) + } + .xl\:hover\:bg-cyan-600:hover { + background-color: var(--cyan-600) + } + .xl\:active\:bg-cyan-600:active { + background-color: var(--cyan-600) + } + .xl\:focus\:bg-cyan-600\/10:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-600\/10:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:bg-cyan-600\/10:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-600\/20:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-600\/20:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:bg-cyan-600\/20:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-600\/30:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-600\/30:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:bg-cyan-600\/30:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-600\/40:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-600\/40:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:bg-cyan-600\/40:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-600\/50:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-600\/50:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:bg-cyan-600\/50:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-600\/60:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-600\/60:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:bg-cyan-600\/60:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-600\/70:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-600\/70:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:bg-cyan-600\/70:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-600\/80:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-600\/80:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:bg-cyan-600\/80:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-600\/90:focus { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-600\/90:hover { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:bg-cyan-600\/90:active { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-700:focus { + background-color: var(--cyan-700) + } + .xl\:hover\:bg-cyan-700:hover { + background-color: var(--cyan-700) + } + .xl\:active\:bg-cyan-700:active { + background-color: var(--cyan-700) + } + .xl\:focus\:bg-cyan-700\/10:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-700\/10:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:bg-cyan-700\/10:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-700\/20:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-700\/20:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:bg-cyan-700\/20:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-700\/30:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-700\/30:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:bg-cyan-700\/30:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-700\/40:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-700\/40:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:bg-cyan-700\/40:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-700\/50:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-700\/50:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:bg-cyan-700\/50:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-700\/60:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-700\/60:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:bg-cyan-700\/60:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-700\/70:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-700\/70:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:bg-cyan-700\/70:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-700\/80:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-700\/80:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:bg-cyan-700\/80:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-700\/90:focus { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-700\/90:hover { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:bg-cyan-700\/90:active { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-800:focus { + background-color: var(--cyan-800) + } + .xl\:hover\:bg-cyan-800:hover { + background-color: var(--cyan-800) + } + .xl\:active\:bg-cyan-800:active { + background-color: var(--cyan-800) + } + .xl\:focus\:bg-cyan-800\/10:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-800\/10:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:bg-cyan-800\/10:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-800\/20:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-800\/20:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:bg-cyan-800\/20:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-800\/30:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-800\/30:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:bg-cyan-800\/30:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-800\/40:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-800\/40:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:bg-cyan-800\/40:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-800\/50:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-800\/50:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:bg-cyan-800\/50:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-800\/60:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-800\/60:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:bg-cyan-800\/60:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-800\/70:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-800\/70:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:bg-cyan-800\/70:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-800\/80:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-800\/80:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:bg-cyan-800\/80:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-800\/90:focus { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-800\/90:hover { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:bg-cyan-800\/90:active { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:bg-cyan-900:focus { + background-color: var(--cyan-900) + } + .xl\:hover\:bg-cyan-900:hover { + background-color: var(--cyan-900) + } + .xl\:active\:bg-cyan-900:active { + background-color: var(--cyan-900) + } + .xl\:focus\:bg-cyan-900\/10:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:bg-cyan-900\/10:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:bg-cyan-900\/10:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:bg-cyan-900\/20:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:bg-cyan-900\/20:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:bg-cyan-900\/20:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:bg-cyan-900\/30:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:bg-cyan-900\/30:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:bg-cyan-900\/30:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:bg-cyan-900\/40:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:bg-cyan-900\/40:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:bg-cyan-900\/40:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:bg-cyan-900\/50:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:bg-cyan-900\/50:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:bg-cyan-900\/50:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:bg-cyan-900\/60:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:bg-cyan-900\/60:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:bg-cyan-900\/60:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:bg-cyan-900\/70:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:bg-cyan-900\/70:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:bg-cyan-900\/70:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:bg-cyan-900\/80:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:bg-cyan-900\/80:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:bg-cyan-900\/80:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:bg-cyan-900\/90:focus { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:bg-cyan-900\/90:hover { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:bg-cyan-900\/90:active { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:bg-pink-50:focus { + background-color: var(--pink-50) + } + .xl\:hover\:bg-pink-50:hover { + background-color: var(--pink-50) + } + .xl\:active\:bg-pink-50:active { + background-color: var(--pink-50) + } + .xl\:focus\:bg-pink-50\/10:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:bg-pink-50\/10:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:bg-pink-50\/10:active { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:bg-pink-50\/20:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:bg-pink-50\/20:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:bg-pink-50\/20:active { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:bg-pink-50\/30:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:bg-pink-50\/30:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:bg-pink-50\/30:active { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:bg-pink-50\/40:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:bg-pink-50\/40:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:bg-pink-50\/40:active { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:bg-pink-50\/50:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:bg-pink-50\/50:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:bg-pink-50\/50:active { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:bg-pink-50\/60:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:bg-pink-50\/60:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:bg-pink-50\/60:active { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:bg-pink-50\/70:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:bg-pink-50\/70:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:bg-pink-50\/70:active { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:bg-pink-50\/80:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:bg-pink-50\/80:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:bg-pink-50\/80:active { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:bg-pink-50\/90:focus { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:bg-pink-50\/90:hover { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:bg-pink-50\/90:active { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:bg-pink-100:focus { + background-color: var(--pink-100) + } + .xl\:hover\:bg-pink-100:hover { + background-color: var(--pink-100) + } + .xl\:active\:bg-pink-100:active { + background-color: var(--pink-100) + } + .xl\:focus\:bg-pink-100\/10:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:bg-pink-100\/10:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:bg-pink-100\/10:active { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:bg-pink-100\/20:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:bg-pink-100\/20:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:bg-pink-100\/20:active { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:bg-pink-100\/30:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:bg-pink-100\/30:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:bg-pink-100\/30:active { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:bg-pink-100\/40:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:bg-pink-100\/40:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:bg-pink-100\/40:active { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:bg-pink-100\/50:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:bg-pink-100\/50:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:bg-pink-100\/50:active { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:bg-pink-100\/60:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:bg-pink-100\/60:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:bg-pink-100\/60:active { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:bg-pink-100\/70:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:bg-pink-100\/70:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:bg-pink-100\/70:active { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:bg-pink-100\/80:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:bg-pink-100\/80:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:bg-pink-100\/80:active { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:bg-pink-100\/90:focus { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:bg-pink-100\/90:hover { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:bg-pink-100\/90:active { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:bg-pink-200:focus { + background-color: var(--pink-200) + } + .xl\:hover\:bg-pink-200:hover { + background-color: var(--pink-200) + } + .xl\:active\:bg-pink-200:active { + background-color: var(--pink-200) + } + .xl\:focus\:bg-pink-200\/10:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:bg-pink-200\/10:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:bg-pink-200\/10:active { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:bg-pink-200\/20:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:bg-pink-200\/20:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:bg-pink-200\/20:active { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:bg-pink-200\/30:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:bg-pink-200\/30:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:bg-pink-200\/30:active { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:bg-pink-200\/40:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:bg-pink-200\/40:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:bg-pink-200\/40:active { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:bg-pink-200\/50:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:bg-pink-200\/50:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:bg-pink-200\/50:active { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:bg-pink-200\/60:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:bg-pink-200\/60:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:bg-pink-200\/60:active { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:bg-pink-200\/70:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:bg-pink-200\/70:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:bg-pink-200\/70:active { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:bg-pink-200\/80:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:bg-pink-200\/80:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:bg-pink-200\/80:active { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:bg-pink-200\/90:focus { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:bg-pink-200\/90:hover { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:bg-pink-200\/90:active { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:bg-pink-300:focus { + background-color: var(--pink-300) + } + .xl\:hover\:bg-pink-300:hover { + background-color: var(--pink-300) + } + .xl\:active\:bg-pink-300:active { + background-color: var(--pink-300) + } + .xl\:focus\:bg-pink-300\/10:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:bg-pink-300\/10:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:bg-pink-300\/10:active { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:bg-pink-300\/20:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:bg-pink-300\/20:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:bg-pink-300\/20:active { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:bg-pink-300\/30:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:bg-pink-300\/30:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:bg-pink-300\/30:active { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:bg-pink-300\/40:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:bg-pink-300\/40:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:bg-pink-300\/40:active { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:bg-pink-300\/50:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:bg-pink-300\/50:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:bg-pink-300\/50:active { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:bg-pink-300\/60:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:bg-pink-300\/60:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:bg-pink-300\/60:active { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:bg-pink-300\/70:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:bg-pink-300\/70:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:bg-pink-300\/70:active { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:bg-pink-300\/80:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:bg-pink-300\/80:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:bg-pink-300\/80:active { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:bg-pink-300\/90:focus { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:bg-pink-300\/90:hover { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:bg-pink-300\/90:active { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:bg-pink-400:focus { + background-color: var(--pink-400) + } + .xl\:hover\:bg-pink-400:hover { + background-color: var(--pink-400) + } + .xl\:active\:bg-pink-400:active { + background-color: var(--pink-400) + } + .xl\:focus\:bg-pink-400\/10:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:bg-pink-400\/10:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:bg-pink-400\/10:active { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:bg-pink-400\/20:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:bg-pink-400\/20:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:bg-pink-400\/20:active { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:bg-pink-400\/30:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:bg-pink-400\/30:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:bg-pink-400\/30:active { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:bg-pink-400\/40:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:bg-pink-400\/40:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:bg-pink-400\/40:active { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:bg-pink-400\/50:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:bg-pink-400\/50:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:bg-pink-400\/50:active { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:bg-pink-400\/60:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:bg-pink-400\/60:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:bg-pink-400\/60:active { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:bg-pink-400\/70:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:bg-pink-400\/70:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:bg-pink-400\/70:active { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:bg-pink-400\/80:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:bg-pink-400\/80:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:bg-pink-400\/80:active { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:bg-pink-400\/90:focus { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:bg-pink-400\/90:hover { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:bg-pink-400\/90:active { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:bg-pink-500:focus { + background-color: var(--pink-500) + } + .xl\:hover\:bg-pink-500:hover { + background-color: var(--pink-500) + } + .xl\:active\:bg-pink-500:active { + background-color: var(--pink-500) + } + .xl\:focus\:bg-pink-500\/10:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:bg-pink-500\/10:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:bg-pink-500\/10:active { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:bg-pink-500\/20:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:bg-pink-500\/20:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:bg-pink-500\/20:active { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:bg-pink-500\/30:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:bg-pink-500\/30:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:bg-pink-500\/30:active { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:bg-pink-500\/40:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:bg-pink-500\/40:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:bg-pink-500\/40:active { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:bg-pink-500\/50:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:bg-pink-500\/50:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:bg-pink-500\/50:active { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:bg-pink-500\/60:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:bg-pink-500\/60:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:bg-pink-500\/60:active { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:bg-pink-500\/70:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:bg-pink-500\/70:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:bg-pink-500\/70:active { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:bg-pink-500\/80:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:bg-pink-500\/80:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:bg-pink-500\/80:active { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:bg-pink-500\/90:focus { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:bg-pink-500\/90:hover { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:bg-pink-500\/90:active { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:bg-pink-600:focus { + background-color: var(--pink-600) + } + .xl\:hover\:bg-pink-600:hover { + background-color: var(--pink-600) + } + .xl\:active\:bg-pink-600:active { + background-color: var(--pink-600) + } + .xl\:focus\:bg-pink-600\/10:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:bg-pink-600\/10:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:bg-pink-600\/10:active { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:bg-pink-600\/20:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:bg-pink-600\/20:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:bg-pink-600\/20:active { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:bg-pink-600\/30:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:bg-pink-600\/30:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:bg-pink-600\/30:active { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:bg-pink-600\/40:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:bg-pink-600\/40:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:bg-pink-600\/40:active { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:bg-pink-600\/50:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:bg-pink-600\/50:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:bg-pink-600\/50:active { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:bg-pink-600\/60:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:bg-pink-600\/60:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:bg-pink-600\/60:active { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:bg-pink-600\/70:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:bg-pink-600\/70:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:bg-pink-600\/70:active { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:bg-pink-600\/80:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:bg-pink-600\/80:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:bg-pink-600\/80:active { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:bg-pink-600\/90:focus { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:bg-pink-600\/90:hover { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:bg-pink-600\/90:active { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:bg-pink-700:focus { + background-color: var(--pink-700) + } + .xl\:hover\:bg-pink-700:hover { + background-color: var(--pink-700) + } + .xl\:active\:bg-pink-700:active { + background-color: var(--pink-700) + } + .xl\:focus\:bg-pink-700\/10:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:bg-pink-700\/10:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:bg-pink-700\/10:active { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:bg-pink-700\/20:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:bg-pink-700\/20:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:bg-pink-700\/20:active { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:bg-pink-700\/30:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:bg-pink-700\/30:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:bg-pink-700\/30:active { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:bg-pink-700\/40:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:bg-pink-700\/40:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:bg-pink-700\/40:active { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:bg-pink-700\/50:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:bg-pink-700\/50:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:bg-pink-700\/50:active { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:bg-pink-700\/60:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:bg-pink-700\/60:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:bg-pink-700\/60:active { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:bg-pink-700\/70:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:bg-pink-700\/70:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:bg-pink-700\/70:active { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:bg-pink-700\/80:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:bg-pink-700\/80:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:bg-pink-700\/80:active { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:bg-pink-700\/90:focus { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:bg-pink-700\/90:hover { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:bg-pink-700\/90:active { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:bg-pink-800:focus { + background-color: var(--pink-800) + } + .xl\:hover\:bg-pink-800:hover { + background-color: var(--pink-800) + } + .xl\:active\:bg-pink-800:active { + background-color: var(--pink-800) + } + .xl\:focus\:bg-pink-800\/10:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:bg-pink-800\/10:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:bg-pink-800\/10:active { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:bg-pink-800\/20:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:bg-pink-800\/20:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:bg-pink-800\/20:active { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:bg-pink-800\/30:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:bg-pink-800\/30:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:bg-pink-800\/30:active { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:bg-pink-800\/40:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:bg-pink-800\/40:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:bg-pink-800\/40:active { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:bg-pink-800\/50:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:bg-pink-800\/50:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:bg-pink-800\/50:active { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:bg-pink-800\/60:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:bg-pink-800\/60:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:bg-pink-800\/60:active { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:bg-pink-800\/70:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:bg-pink-800\/70:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:bg-pink-800\/70:active { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:bg-pink-800\/80:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:bg-pink-800\/80:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:bg-pink-800\/80:active { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:bg-pink-800\/90:focus { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:bg-pink-800\/90:hover { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:bg-pink-800\/90:active { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:bg-pink-900:focus { + background-color: var(--pink-900) + } + .xl\:hover\:bg-pink-900:hover { + background-color: var(--pink-900) + } + .xl\:active\:bg-pink-900:active { + background-color: var(--pink-900) + } + .xl\:focus\:bg-pink-900\/10:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:bg-pink-900\/10:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:bg-pink-900\/10:active { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:bg-pink-900\/20:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:bg-pink-900\/20:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:bg-pink-900\/20:active { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:bg-pink-900\/30:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:bg-pink-900\/30:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:bg-pink-900\/30:active { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:bg-pink-900\/40:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:bg-pink-900\/40:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:bg-pink-900\/40:active { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:bg-pink-900\/50:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:bg-pink-900\/50:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:bg-pink-900\/50:active { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:bg-pink-900\/60:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:bg-pink-900\/60:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:bg-pink-900\/60:active { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:bg-pink-900\/70:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:bg-pink-900\/70:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:bg-pink-900\/70:active { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:bg-pink-900\/80:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:bg-pink-900\/80:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:bg-pink-900\/80:active { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:bg-pink-900\/90:focus { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:bg-pink-900\/90:hover { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:bg-pink-900\/90:active { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-50:focus { + background-color: var(--indigo-50) + } + .xl\:hover\:bg-indigo-50:hover { + background-color: var(--indigo-50) + } + .xl\:active\:bg-indigo-50:active { + background-color: var(--indigo-50) + } + .xl\:focus\:bg-indigo-50\/10:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-50\/10:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:bg-indigo-50\/10:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-50\/20:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-50\/20:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:bg-indigo-50\/20:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-50\/30:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-50\/30:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:bg-indigo-50\/30:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-50\/40:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-50\/40:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:bg-indigo-50\/40:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-50\/50:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-50\/50:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:bg-indigo-50\/50:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-50\/60:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-50\/60:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:bg-indigo-50\/60:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-50\/70:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-50\/70:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:bg-indigo-50\/70:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-50\/80:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-50\/80:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:bg-indigo-50\/80:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-50\/90:focus { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-50\/90:hover { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:bg-indigo-50\/90:active { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-100:focus { + background-color: var(--indigo-100) + } + .xl\:hover\:bg-indigo-100:hover { + background-color: var(--indigo-100) + } + .xl\:active\:bg-indigo-100:active { + background-color: var(--indigo-100) + } + .xl\:focus\:bg-indigo-100\/10:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-100\/10:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:bg-indigo-100\/10:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-100\/20:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-100\/20:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:bg-indigo-100\/20:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-100\/30:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-100\/30:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:bg-indigo-100\/30:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-100\/40:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-100\/40:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:bg-indigo-100\/40:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-100\/50:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-100\/50:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:bg-indigo-100\/50:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-100\/60:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-100\/60:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:bg-indigo-100\/60:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-100\/70:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-100\/70:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:bg-indigo-100\/70:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-100\/80:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-100\/80:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:bg-indigo-100\/80:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-100\/90:focus { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-100\/90:hover { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:bg-indigo-100\/90:active { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-200:focus { + background-color: var(--indigo-200) + } + .xl\:hover\:bg-indigo-200:hover { + background-color: var(--indigo-200) + } + .xl\:active\:bg-indigo-200:active { + background-color: var(--indigo-200) + } + .xl\:focus\:bg-indigo-200\/10:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-200\/10:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:bg-indigo-200\/10:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-200\/20:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-200\/20:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:bg-indigo-200\/20:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-200\/30:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-200\/30:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:bg-indigo-200\/30:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-200\/40:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-200\/40:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:bg-indigo-200\/40:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-200\/50:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-200\/50:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:bg-indigo-200\/50:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-200\/60:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-200\/60:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:bg-indigo-200\/60:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-200\/70:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-200\/70:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:bg-indigo-200\/70:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-200\/80:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-200\/80:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:bg-indigo-200\/80:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-200\/90:focus { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-200\/90:hover { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:bg-indigo-200\/90:active { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-300:focus { + background-color: var(--indigo-300) + } + .xl\:hover\:bg-indigo-300:hover { + background-color: var(--indigo-300) + } + .xl\:active\:bg-indigo-300:active { + background-color: var(--indigo-300) + } + .xl\:focus\:bg-indigo-300\/10:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-300\/10:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:bg-indigo-300\/10:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-300\/20:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-300\/20:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:bg-indigo-300\/20:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-300\/30:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-300\/30:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:bg-indigo-300\/30:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-300\/40:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-300\/40:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:bg-indigo-300\/40:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-300\/50:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-300\/50:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:bg-indigo-300\/50:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-300\/60:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-300\/60:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:bg-indigo-300\/60:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-300\/70:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-300\/70:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:bg-indigo-300\/70:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-300\/80:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-300\/80:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:bg-indigo-300\/80:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-300\/90:focus { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-300\/90:hover { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:bg-indigo-300\/90:active { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-400:focus { + background-color: var(--indigo-400) + } + .xl\:hover\:bg-indigo-400:hover { + background-color: var(--indigo-400) + } + .xl\:active\:bg-indigo-400:active { + background-color: var(--indigo-400) + } + .xl\:focus\:bg-indigo-400\/10:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-400\/10:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:bg-indigo-400\/10:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-400\/20:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-400\/20:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:bg-indigo-400\/20:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-400\/30:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-400\/30:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:bg-indigo-400\/30:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-400\/40:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-400\/40:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:bg-indigo-400\/40:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-400\/50:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-400\/50:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:bg-indigo-400\/50:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-400\/60:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-400\/60:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:bg-indigo-400\/60:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-400\/70:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-400\/70:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:bg-indigo-400\/70:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-400\/80:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-400\/80:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:bg-indigo-400\/80:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-400\/90:focus { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-400\/90:hover { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:bg-indigo-400\/90:active { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-500:focus { + background-color: var(--indigo-500) + } + .xl\:hover\:bg-indigo-500:hover { + background-color: var(--indigo-500) + } + .xl\:active\:bg-indigo-500:active { + background-color: var(--indigo-500) + } + .xl\:focus\:bg-indigo-500\/10:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-500\/10:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:bg-indigo-500\/10:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-500\/20:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-500\/20:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:bg-indigo-500\/20:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-500\/30:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-500\/30:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:bg-indigo-500\/30:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-500\/40:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-500\/40:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:bg-indigo-500\/40:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-500\/50:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-500\/50:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:bg-indigo-500\/50:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-500\/60:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-500\/60:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:bg-indigo-500\/60:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-500\/70:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-500\/70:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:bg-indigo-500\/70:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-500\/80:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-500\/80:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:bg-indigo-500\/80:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-500\/90:focus { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-500\/90:hover { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:bg-indigo-500\/90:active { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-600:focus { + background-color: var(--indigo-600) + } + .xl\:hover\:bg-indigo-600:hover { + background-color: var(--indigo-600) + } + .xl\:active\:bg-indigo-600:active { + background-color: var(--indigo-600) + } + .xl\:focus\:bg-indigo-600\/10:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-600\/10:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:bg-indigo-600\/10:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-600\/20:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-600\/20:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:bg-indigo-600\/20:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-600\/30:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-600\/30:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:bg-indigo-600\/30:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-600\/40:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-600\/40:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:bg-indigo-600\/40:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-600\/50:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-600\/50:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:bg-indigo-600\/50:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-600\/60:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-600\/60:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:bg-indigo-600\/60:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-600\/70:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-600\/70:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:bg-indigo-600\/70:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-600\/80:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-600\/80:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:bg-indigo-600\/80:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-600\/90:focus { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-600\/90:hover { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:bg-indigo-600\/90:active { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-700:focus { + background-color: var(--indigo-700) + } + .xl\:hover\:bg-indigo-700:hover { + background-color: var(--indigo-700) + } + .xl\:active\:bg-indigo-700:active { + background-color: var(--indigo-700) + } + .xl\:focus\:bg-indigo-700\/10:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-700\/10:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:bg-indigo-700\/10:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-700\/20:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-700\/20:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:bg-indigo-700\/20:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-700\/30:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-700\/30:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:bg-indigo-700\/30:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-700\/40:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-700\/40:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:bg-indigo-700\/40:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-700\/50:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-700\/50:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:bg-indigo-700\/50:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-700\/60:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-700\/60:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:bg-indigo-700\/60:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-700\/70:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-700\/70:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:bg-indigo-700\/70:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-700\/80:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-700\/80:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:bg-indigo-700\/80:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-700\/90:focus { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-700\/90:hover { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:bg-indigo-700\/90:active { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-800:focus { + background-color: var(--indigo-800) + } + .xl\:hover\:bg-indigo-800:hover { + background-color: var(--indigo-800) + } + .xl\:active\:bg-indigo-800:active { + background-color: var(--indigo-800) + } + .xl\:focus\:bg-indigo-800\/10:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-800\/10:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:bg-indigo-800\/10:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-800\/20:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-800\/20:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:bg-indigo-800\/20:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-800\/30:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-800\/30:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:bg-indigo-800\/30:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-800\/40:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-800\/40:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:bg-indigo-800\/40:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-800\/50:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-800\/50:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:bg-indigo-800\/50:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-800\/60:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-800\/60:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:bg-indigo-800\/60:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-800\/70:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-800\/70:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:bg-indigo-800\/70:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-800\/80:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-800\/80:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:bg-indigo-800\/80:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-800\/90:focus { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-800\/90:hover { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:bg-indigo-800\/90:active { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:bg-indigo-900:focus { + background-color: var(--indigo-900) + } + .xl\:hover\:bg-indigo-900:hover { + background-color: var(--indigo-900) + } + .xl\:active\:bg-indigo-900:active { + background-color: var(--indigo-900) + } + .xl\:focus\:bg-indigo-900\/10:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:bg-indigo-900\/10:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:bg-indigo-900\/10:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:bg-indigo-900\/20:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:bg-indigo-900\/20:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:bg-indigo-900\/20:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:bg-indigo-900\/30:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:bg-indigo-900\/30:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:bg-indigo-900\/30:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:bg-indigo-900\/40:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:bg-indigo-900\/40:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:bg-indigo-900\/40:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:bg-indigo-900\/50:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:bg-indigo-900\/50:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:bg-indigo-900\/50:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:bg-indigo-900\/60:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:bg-indigo-900\/60:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:bg-indigo-900\/60:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:bg-indigo-900\/70:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:bg-indigo-900\/70:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:bg-indigo-900\/70:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:bg-indigo-900\/80:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:bg-indigo-900\/80:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:bg-indigo-900\/80:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:bg-indigo-900\/90:focus { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:bg-indigo-900\/90:hover { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:bg-indigo-900\/90:active { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:bg-teal-50:focus { + background-color: var(--teal-50) + } + .xl\:hover\:bg-teal-50:hover { + background-color: var(--teal-50) + } + .xl\:active\:bg-teal-50:active { + background-color: var(--teal-50) + } + .xl\:focus\:bg-teal-50\/10:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:bg-teal-50\/10:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:bg-teal-50\/10:active { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:bg-teal-50\/20:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:bg-teal-50\/20:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:bg-teal-50\/20:active { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:bg-teal-50\/30:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:bg-teal-50\/30:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:bg-teal-50\/30:active { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:bg-teal-50\/40:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:bg-teal-50\/40:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:bg-teal-50\/40:active { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:bg-teal-50\/50:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:bg-teal-50\/50:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:bg-teal-50\/50:active { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:bg-teal-50\/60:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:bg-teal-50\/60:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:bg-teal-50\/60:active { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:bg-teal-50\/70:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:bg-teal-50\/70:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:bg-teal-50\/70:active { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:bg-teal-50\/80:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:bg-teal-50\/80:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:bg-teal-50\/80:active { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:bg-teal-50\/90:focus { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:bg-teal-50\/90:hover { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:bg-teal-50\/90:active { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:bg-teal-100:focus { + background-color: var(--teal-100) + } + .xl\:hover\:bg-teal-100:hover { + background-color: var(--teal-100) + } + .xl\:active\:bg-teal-100:active { + background-color: var(--teal-100) + } + .xl\:focus\:bg-teal-100\/10:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:bg-teal-100\/10:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:bg-teal-100\/10:active { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:bg-teal-100\/20:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:bg-teal-100\/20:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:bg-teal-100\/20:active { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:bg-teal-100\/30:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:bg-teal-100\/30:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:bg-teal-100\/30:active { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:bg-teal-100\/40:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:bg-teal-100\/40:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:bg-teal-100\/40:active { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:bg-teal-100\/50:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:bg-teal-100\/50:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:bg-teal-100\/50:active { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:bg-teal-100\/60:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:bg-teal-100\/60:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:bg-teal-100\/60:active { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:bg-teal-100\/70:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:bg-teal-100\/70:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:bg-teal-100\/70:active { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:bg-teal-100\/80:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:bg-teal-100\/80:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:bg-teal-100\/80:active { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:bg-teal-100\/90:focus { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:bg-teal-100\/90:hover { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:bg-teal-100\/90:active { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:bg-teal-200:focus { + background-color: var(--teal-200) + } + .xl\:hover\:bg-teal-200:hover { + background-color: var(--teal-200) + } + .xl\:active\:bg-teal-200:active { + background-color: var(--teal-200) + } + .xl\:focus\:bg-teal-200\/10:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:bg-teal-200\/10:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:bg-teal-200\/10:active { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:bg-teal-200\/20:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:bg-teal-200\/20:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:bg-teal-200\/20:active { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:bg-teal-200\/30:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:bg-teal-200\/30:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:bg-teal-200\/30:active { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:bg-teal-200\/40:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:bg-teal-200\/40:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:bg-teal-200\/40:active { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:bg-teal-200\/50:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:bg-teal-200\/50:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:bg-teal-200\/50:active { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:bg-teal-200\/60:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:bg-teal-200\/60:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:bg-teal-200\/60:active { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:bg-teal-200\/70:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:bg-teal-200\/70:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:bg-teal-200\/70:active { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:bg-teal-200\/80:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:bg-teal-200\/80:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:bg-teal-200\/80:active { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:bg-teal-200\/90:focus { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:bg-teal-200\/90:hover { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:bg-teal-200\/90:active { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:bg-teal-300:focus { + background-color: var(--teal-300) + } + .xl\:hover\:bg-teal-300:hover { + background-color: var(--teal-300) + } + .xl\:active\:bg-teal-300:active { + background-color: var(--teal-300) + } + .xl\:focus\:bg-teal-300\/10:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:bg-teal-300\/10:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:bg-teal-300\/10:active { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:bg-teal-300\/20:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:bg-teal-300\/20:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:bg-teal-300\/20:active { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:bg-teal-300\/30:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:bg-teal-300\/30:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:bg-teal-300\/30:active { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:bg-teal-300\/40:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:bg-teal-300\/40:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:bg-teal-300\/40:active { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:bg-teal-300\/50:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:bg-teal-300\/50:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:bg-teal-300\/50:active { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:bg-teal-300\/60:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:bg-teal-300\/60:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:bg-teal-300\/60:active { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:bg-teal-300\/70:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:bg-teal-300\/70:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:bg-teal-300\/70:active { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:bg-teal-300\/80:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:bg-teal-300\/80:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:bg-teal-300\/80:active { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:bg-teal-300\/90:focus { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:bg-teal-300\/90:hover { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:bg-teal-300\/90:active { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:bg-teal-400:focus { + background-color: var(--teal-400) + } + .xl\:hover\:bg-teal-400:hover { + background-color: var(--teal-400) + } + .xl\:active\:bg-teal-400:active { + background-color: var(--teal-400) + } + .xl\:focus\:bg-teal-400\/10:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:bg-teal-400\/10:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:bg-teal-400\/10:active { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:bg-teal-400\/20:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:bg-teal-400\/20:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:bg-teal-400\/20:active { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:bg-teal-400\/30:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:bg-teal-400\/30:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:bg-teal-400\/30:active { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:bg-teal-400\/40:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:bg-teal-400\/40:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:bg-teal-400\/40:active { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:bg-teal-400\/50:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:bg-teal-400\/50:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:bg-teal-400\/50:active { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:bg-teal-400\/60:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:bg-teal-400\/60:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:bg-teal-400\/60:active { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:bg-teal-400\/70:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:bg-teal-400\/70:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:bg-teal-400\/70:active { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:bg-teal-400\/80:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:bg-teal-400\/80:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:bg-teal-400\/80:active { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:bg-teal-400\/90:focus { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:bg-teal-400\/90:hover { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:bg-teal-400\/90:active { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:bg-teal-500:focus { + background-color: var(--teal-500) + } + .xl\:hover\:bg-teal-500:hover { + background-color: var(--teal-500) + } + .xl\:active\:bg-teal-500:active { + background-color: var(--teal-500) + } + .xl\:focus\:bg-teal-500\/10:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:bg-teal-500\/10:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:bg-teal-500\/10:active { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:bg-teal-500\/20:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:bg-teal-500\/20:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:bg-teal-500\/20:active { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:bg-teal-500\/30:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:bg-teal-500\/30:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:bg-teal-500\/30:active { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:bg-teal-500\/40:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:bg-teal-500\/40:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:bg-teal-500\/40:active { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:bg-teal-500\/50:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:bg-teal-500\/50:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:bg-teal-500\/50:active { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:bg-teal-500\/60:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:bg-teal-500\/60:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:bg-teal-500\/60:active { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:bg-teal-500\/70:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:bg-teal-500\/70:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:bg-teal-500\/70:active { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:bg-teal-500\/80:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:bg-teal-500\/80:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:bg-teal-500\/80:active { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:bg-teal-500\/90:focus { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:bg-teal-500\/90:hover { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:bg-teal-500\/90:active { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:bg-teal-600:focus { + background-color: var(--teal-600) + } + .xl\:hover\:bg-teal-600:hover { + background-color: var(--teal-600) + } + .xl\:active\:bg-teal-600:active { + background-color: var(--teal-600) + } + .xl\:focus\:bg-teal-600\/10:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:bg-teal-600\/10:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:bg-teal-600\/10:active { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:bg-teal-600\/20:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:bg-teal-600\/20:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:bg-teal-600\/20:active { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:bg-teal-600\/30:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:bg-teal-600\/30:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:bg-teal-600\/30:active { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:bg-teal-600\/40:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:bg-teal-600\/40:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:bg-teal-600\/40:active { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:bg-teal-600\/50:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:bg-teal-600\/50:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:bg-teal-600\/50:active { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:bg-teal-600\/60:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:bg-teal-600\/60:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:bg-teal-600\/60:active { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:bg-teal-600\/70:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:bg-teal-600\/70:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:bg-teal-600\/70:active { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:bg-teal-600\/80:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:bg-teal-600\/80:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:bg-teal-600\/80:active { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:bg-teal-600\/90:focus { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:bg-teal-600\/90:hover { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:bg-teal-600\/90:active { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:bg-teal-700:focus { + background-color: var(--teal-700) + } + .xl\:hover\:bg-teal-700:hover { + background-color: var(--teal-700) + } + .xl\:active\:bg-teal-700:active { + background-color: var(--teal-700) + } + .xl\:focus\:bg-teal-700\/10:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:bg-teal-700\/10:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:bg-teal-700\/10:active { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:bg-teal-700\/20:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:bg-teal-700\/20:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:bg-teal-700\/20:active { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:bg-teal-700\/30:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:bg-teal-700\/30:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:bg-teal-700\/30:active { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:bg-teal-700\/40:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:bg-teal-700\/40:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:bg-teal-700\/40:active { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:bg-teal-700\/50:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:bg-teal-700\/50:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:bg-teal-700\/50:active { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:bg-teal-700\/60:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:bg-teal-700\/60:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:bg-teal-700\/60:active { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:bg-teal-700\/70:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:bg-teal-700\/70:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:bg-teal-700\/70:active { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:bg-teal-700\/80:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:bg-teal-700\/80:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:bg-teal-700\/80:active { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:bg-teal-700\/90:focus { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:bg-teal-700\/90:hover { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:bg-teal-700\/90:active { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:bg-teal-800:focus { + background-color: var(--teal-800) + } + .xl\:hover\:bg-teal-800:hover { + background-color: var(--teal-800) + } + .xl\:active\:bg-teal-800:active { + background-color: var(--teal-800) + } + .xl\:focus\:bg-teal-800\/10:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:bg-teal-800\/10:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:bg-teal-800\/10:active { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:bg-teal-800\/20:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:bg-teal-800\/20:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:bg-teal-800\/20:active { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:bg-teal-800\/30:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:bg-teal-800\/30:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:bg-teal-800\/30:active { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:bg-teal-800\/40:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:bg-teal-800\/40:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:bg-teal-800\/40:active { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:bg-teal-800\/50:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:bg-teal-800\/50:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:bg-teal-800\/50:active { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:bg-teal-800\/60:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:bg-teal-800\/60:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:bg-teal-800\/60:active { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:bg-teal-800\/70:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:bg-teal-800\/70:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:bg-teal-800\/70:active { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:bg-teal-800\/80:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:bg-teal-800\/80:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:bg-teal-800\/80:active { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:bg-teal-800\/90:focus { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:bg-teal-800\/90:hover { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:bg-teal-800\/90:active { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:bg-teal-900:focus { + background-color: var(--teal-900) + } + .xl\:hover\:bg-teal-900:hover { + background-color: var(--teal-900) + } + .xl\:active\:bg-teal-900:active { + background-color: var(--teal-900) + } + .xl\:focus\:bg-teal-900\/10:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:bg-teal-900\/10:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:bg-teal-900\/10:active { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:bg-teal-900\/20:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:bg-teal-900\/20:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:bg-teal-900\/20:active { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:bg-teal-900\/30:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:bg-teal-900\/30:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:bg-teal-900\/30:active { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:bg-teal-900\/40:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:bg-teal-900\/40:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:bg-teal-900\/40:active { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:bg-teal-900\/50:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:bg-teal-900\/50:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:bg-teal-900\/50:active { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:bg-teal-900\/60:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:bg-teal-900\/60:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:bg-teal-900\/60:active { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:bg-teal-900\/70:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:bg-teal-900\/70:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:bg-teal-900\/70:active { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:bg-teal-900\/80:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:bg-teal-900\/80:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:bg-teal-900\/80:active { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:bg-teal-900\/90:focus { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:bg-teal-900\/90:hover { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:bg-teal-900\/90:active { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:bg-orange-50:focus { + background-color: var(--orange-50) + } + .xl\:hover\:bg-orange-50:hover { + background-color: var(--orange-50) + } + .xl\:active\:bg-orange-50:active { + background-color: var(--orange-50) + } + .xl\:focus\:bg-orange-50\/10:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:bg-orange-50\/10:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:bg-orange-50\/10:active { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:bg-orange-50\/20:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:bg-orange-50\/20:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:bg-orange-50\/20:active { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:bg-orange-50\/30:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:bg-orange-50\/30:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:bg-orange-50\/30:active { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:bg-orange-50\/40:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:bg-orange-50\/40:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:bg-orange-50\/40:active { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:bg-orange-50\/50:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:bg-orange-50\/50:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:bg-orange-50\/50:active { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:bg-orange-50\/60:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:bg-orange-50\/60:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:bg-orange-50\/60:active { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:bg-orange-50\/70:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:bg-orange-50\/70:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:bg-orange-50\/70:active { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:bg-orange-50\/80:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:bg-orange-50\/80:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:bg-orange-50\/80:active { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:bg-orange-50\/90:focus { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:bg-orange-50\/90:hover { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:bg-orange-50\/90:active { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:bg-orange-100:focus { + background-color: var(--orange-100) + } + .xl\:hover\:bg-orange-100:hover { + background-color: var(--orange-100) + } + .xl\:active\:bg-orange-100:active { + background-color: var(--orange-100) + } + .xl\:focus\:bg-orange-100\/10:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:bg-orange-100\/10:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:bg-orange-100\/10:active { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:bg-orange-100\/20:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:bg-orange-100\/20:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:bg-orange-100\/20:active { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:bg-orange-100\/30:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:bg-orange-100\/30:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:bg-orange-100\/30:active { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:bg-orange-100\/40:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:bg-orange-100\/40:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:bg-orange-100\/40:active { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:bg-orange-100\/50:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:bg-orange-100\/50:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:bg-orange-100\/50:active { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:bg-orange-100\/60:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:bg-orange-100\/60:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:bg-orange-100\/60:active { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:bg-orange-100\/70:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:bg-orange-100\/70:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:bg-orange-100\/70:active { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:bg-orange-100\/80:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:bg-orange-100\/80:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:bg-orange-100\/80:active { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:bg-orange-100\/90:focus { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:bg-orange-100\/90:hover { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:bg-orange-100\/90:active { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:bg-orange-200:focus { + background-color: var(--orange-200) + } + .xl\:hover\:bg-orange-200:hover { + background-color: var(--orange-200) + } + .xl\:active\:bg-orange-200:active { + background-color: var(--orange-200) + } + .xl\:focus\:bg-orange-200\/10:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:bg-orange-200\/10:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:bg-orange-200\/10:active { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:bg-orange-200\/20:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:bg-orange-200\/20:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:bg-orange-200\/20:active { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:bg-orange-200\/30:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:bg-orange-200\/30:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:bg-orange-200\/30:active { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:bg-orange-200\/40:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:bg-orange-200\/40:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:bg-orange-200\/40:active { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:bg-orange-200\/50:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:bg-orange-200\/50:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:bg-orange-200\/50:active { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:bg-orange-200\/60:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:bg-orange-200\/60:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:bg-orange-200\/60:active { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:bg-orange-200\/70:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:bg-orange-200\/70:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:bg-orange-200\/70:active { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:bg-orange-200\/80:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:bg-orange-200\/80:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:bg-orange-200\/80:active { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:bg-orange-200\/90:focus { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:bg-orange-200\/90:hover { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:bg-orange-200\/90:active { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:bg-orange-300:focus { + background-color: var(--orange-300) + } + .xl\:hover\:bg-orange-300:hover { + background-color: var(--orange-300) + } + .xl\:active\:bg-orange-300:active { + background-color: var(--orange-300) + } + .xl\:focus\:bg-orange-300\/10:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:bg-orange-300\/10:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:bg-orange-300\/10:active { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:bg-orange-300\/20:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:bg-orange-300\/20:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:bg-orange-300\/20:active { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:bg-orange-300\/30:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:bg-orange-300\/30:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:bg-orange-300\/30:active { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:bg-orange-300\/40:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:bg-orange-300\/40:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:bg-orange-300\/40:active { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:bg-orange-300\/50:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:bg-orange-300\/50:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:bg-orange-300\/50:active { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:bg-orange-300\/60:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:bg-orange-300\/60:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:bg-orange-300\/60:active { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:bg-orange-300\/70:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:bg-orange-300\/70:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:bg-orange-300\/70:active { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:bg-orange-300\/80:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:bg-orange-300\/80:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:bg-orange-300\/80:active { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:bg-orange-300\/90:focus { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:bg-orange-300\/90:hover { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:bg-orange-300\/90:active { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:bg-orange-400:focus { + background-color: var(--orange-400) + } + .xl\:hover\:bg-orange-400:hover { + background-color: var(--orange-400) + } + .xl\:active\:bg-orange-400:active { + background-color: var(--orange-400) + } + .xl\:focus\:bg-orange-400\/10:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:bg-orange-400\/10:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:bg-orange-400\/10:active { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:bg-orange-400\/20:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:bg-orange-400\/20:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:bg-orange-400\/20:active { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:bg-orange-400\/30:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:bg-orange-400\/30:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:bg-orange-400\/30:active { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:bg-orange-400\/40:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:bg-orange-400\/40:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:bg-orange-400\/40:active { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:bg-orange-400\/50:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:bg-orange-400\/50:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:bg-orange-400\/50:active { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:bg-orange-400\/60:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:bg-orange-400\/60:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:bg-orange-400\/60:active { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:bg-orange-400\/70:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:bg-orange-400\/70:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:bg-orange-400\/70:active { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:bg-orange-400\/80:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:bg-orange-400\/80:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:bg-orange-400\/80:active { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:bg-orange-400\/90:focus { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:bg-orange-400\/90:hover { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:bg-orange-400\/90:active { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:bg-orange-500:focus { + background-color: var(--orange-500) + } + .xl\:hover\:bg-orange-500:hover { + background-color: var(--orange-500) + } + .xl\:active\:bg-orange-500:active { + background-color: var(--orange-500) + } + .xl\:focus\:bg-orange-500\/10:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:bg-orange-500\/10:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:bg-orange-500\/10:active { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:bg-orange-500\/20:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:bg-orange-500\/20:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:bg-orange-500\/20:active { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:bg-orange-500\/30:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:bg-orange-500\/30:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:bg-orange-500\/30:active { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:bg-orange-500\/40:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:bg-orange-500\/40:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:bg-orange-500\/40:active { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:bg-orange-500\/50:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:bg-orange-500\/50:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:bg-orange-500\/50:active { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:bg-orange-500\/60:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:bg-orange-500\/60:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:bg-orange-500\/60:active { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:bg-orange-500\/70:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:bg-orange-500\/70:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:bg-orange-500\/70:active { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:bg-orange-500\/80:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:bg-orange-500\/80:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:bg-orange-500\/80:active { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:bg-orange-500\/90:focus { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:bg-orange-500\/90:hover { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:bg-orange-500\/90:active { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:bg-orange-600:focus { + background-color: var(--orange-600) + } + .xl\:hover\:bg-orange-600:hover { + background-color: var(--orange-600) + } + .xl\:active\:bg-orange-600:active { + background-color: var(--orange-600) + } + .xl\:focus\:bg-orange-600\/10:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:bg-orange-600\/10:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:bg-orange-600\/10:active { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:bg-orange-600\/20:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:bg-orange-600\/20:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:bg-orange-600\/20:active { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:bg-orange-600\/30:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:bg-orange-600\/30:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:bg-orange-600\/30:active { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:bg-orange-600\/40:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:bg-orange-600\/40:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:bg-orange-600\/40:active { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:bg-orange-600\/50:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:bg-orange-600\/50:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:bg-orange-600\/50:active { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:bg-orange-600\/60:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:bg-orange-600\/60:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:bg-orange-600\/60:active { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:bg-orange-600\/70:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:bg-orange-600\/70:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:bg-orange-600\/70:active { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:bg-orange-600\/80:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:bg-orange-600\/80:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:bg-orange-600\/80:active { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:bg-orange-600\/90:focus { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:bg-orange-600\/90:hover { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:bg-orange-600\/90:active { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:bg-orange-700:focus { + background-color: var(--orange-700) + } + .xl\:hover\:bg-orange-700:hover { + background-color: var(--orange-700) + } + .xl\:active\:bg-orange-700:active { + background-color: var(--orange-700) + } + .xl\:focus\:bg-orange-700\/10:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:bg-orange-700\/10:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:bg-orange-700\/10:active { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:bg-orange-700\/20:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:bg-orange-700\/20:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:bg-orange-700\/20:active { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:bg-orange-700\/30:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:bg-orange-700\/30:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:bg-orange-700\/30:active { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:bg-orange-700\/40:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:bg-orange-700\/40:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:bg-orange-700\/40:active { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:bg-orange-700\/50:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:bg-orange-700\/50:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:bg-orange-700\/50:active { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:bg-orange-700\/60:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:bg-orange-700\/60:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:bg-orange-700\/60:active { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:bg-orange-700\/70:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:bg-orange-700\/70:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:bg-orange-700\/70:active { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:bg-orange-700\/80:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:bg-orange-700\/80:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:bg-orange-700\/80:active { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:bg-orange-700\/90:focus { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:bg-orange-700\/90:hover { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:bg-orange-700\/90:active { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:bg-orange-800:focus { + background-color: var(--orange-800) + } + .xl\:hover\:bg-orange-800:hover { + background-color: var(--orange-800) + } + .xl\:active\:bg-orange-800:active { + background-color: var(--orange-800) + } + .xl\:focus\:bg-orange-800\/10:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:bg-orange-800\/10:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:bg-orange-800\/10:active { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:bg-orange-800\/20:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:bg-orange-800\/20:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:bg-orange-800\/20:active { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:bg-orange-800\/30:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:bg-orange-800\/30:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:bg-orange-800\/30:active { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:bg-orange-800\/40:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:bg-orange-800\/40:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:bg-orange-800\/40:active { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:bg-orange-800\/50:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:bg-orange-800\/50:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:bg-orange-800\/50:active { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:bg-orange-800\/60:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:bg-orange-800\/60:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:bg-orange-800\/60:active { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:bg-orange-800\/70:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:bg-orange-800\/70:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:bg-orange-800\/70:active { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:bg-orange-800\/80:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:bg-orange-800\/80:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:bg-orange-800\/80:active { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:bg-orange-800\/90:focus { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:bg-orange-800\/90:hover { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:bg-orange-800\/90:active { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:bg-orange-900:focus { + background-color: var(--orange-900) + } + .xl\:hover\:bg-orange-900:hover { + background-color: var(--orange-900) + } + .xl\:active\:bg-orange-900:active { + background-color: var(--orange-900) + } + .xl\:focus\:bg-orange-900\/10:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:bg-orange-900\/10:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:bg-orange-900\/10:active { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:bg-orange-900\/20:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:bg-orange-900\/20:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:bg-orange-900\/20:active { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:bg-orange-900\/30:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:bg-orange-900\/30:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:bg-orange-900\/30:active { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:bg-orange-900\/40:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:bg-orange-900\/40:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:bg-orange-900\/40:active { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:bg-orange-900\/50:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:bg-orange-900\/50:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:bg-orange-900\/50:active { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:bg-orange-900\/60:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:bg-orange-900\/60:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:bg-orange-900\/60:active { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:bg-orange-900\/70:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:bg-orange-900\/70:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:bg-orange-900\/70:active { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:bg-orange-900\/80:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:bg-orange-900\/80:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:bg-orange-900\/80:active { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:bg-orange-900\/90:focus { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:bg-orange-900\/90:hover { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:bg-orange-900\/90:active { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-50:focus { + background-color: var(--bluegray-50) + } + .xl\:hover\:bg-bluegray-50:hover { + background-color: var(--bluegray-50) + } + .xl\:active\:bg-bluegray-50:active { + background-color: var(--bluegray-50) + } + .xl\:focus\:bg-bluegray-50\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-50\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-50\/10:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-50\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-50\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-50\/20:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-50\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-50\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-50\/30:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-50\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-50\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-50\/40:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-50\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-50\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-50\/50:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-50\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-50\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-50\/60:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-50\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-50\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-50\/70:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-50\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-50\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-50\/80:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-50\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-50\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-50\/90:active { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-100:focus { + background-color: var(--bluegray-100) + } + .xl\:hover\:bg-bluegray-100:hover { + background-color: var(--bluegray-100) + } + .xl\:active\:bg-bluegray-100:active { + background-color: var(--bluegray-100) + } + .xl\:focus\:bg-bluegray-100\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-100\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-100\/10:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-100\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-100\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-100\/20:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-100\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-100\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-100\/30:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-100\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-100\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-100\/40:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-100\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-100\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-100\/50:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-100\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-100\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-100\/60:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-100\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-100\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-100\/70:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-100\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-100\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-100\/80:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-100\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-100\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-100\/90:active { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-200:focus { + background-color: var(--bluegray-200) + } + .xl\:hover\:bg-bluegray-200:hover { + background-color: var(--bluegray-200) + } + .xl\:active\:bg-bluegray-200:active { + background-color: var(--bluegray-200) + } + .xl\:focus\:bg-bluegray-200\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-200\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-200\/10:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-200\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-200\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-200\/20:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-200\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-200\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-200\/30:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-200\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-200\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-200\/40:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-200\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-200\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-200\/50:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-200\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-200\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-200\/60:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-200\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-200\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-200\/70:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-200\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-200\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-200\/80:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-200\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-200\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-200\/90:active { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-300:focus { + background-color: var(--bluegray-300) + } + .xl\:hover\:bg-bluegray-300:hover { + background-color: var(--bluegray-300) + } + .xl\:active\:bg-bluegray-300:active { + background-color: var(--bluegray-300) + } + .xl\:focus\:bg-bluegray-300\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-300\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-300\/10:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-300\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-300\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-300\/20:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-300\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-300\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-300\/30:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-300\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-300\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-300\/40:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-300\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-300\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-300\/50:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-300\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-300\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-300\/60:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-300\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-300\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-300\/70:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-300\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-300\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-300\/80:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-300\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-300\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-300\/90:active { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-400:focus { + background-color: var(--bluegray-400) + } + .xl\:hover\:bg-bluegray-400:hover { + background-color: var(--bluegray-400) + } + .xl\:active\:bg-bluegray-400:active { + background-color: var(--bluegray-400) + } + .xl\:focus\:bg-bluegray-400\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-400\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-400\/10:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-400\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-400\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-400\/20:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-400\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-400\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-400\/30:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-400\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-400\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-400\/40:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-400\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-400\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-400\/50:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-400\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-400\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-400\/60:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-400\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-400\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-400\/70:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-400\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-400\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-400\/80:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-400\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-400\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-400\/90:active { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-500:focus { + background-color: var(--bluegray-500) + } + .xl\:hover\:bg-bluegray-500:hover { + background-color: var(--bluegray-500) + } + .xl\:active\:bg-bluegray-500:active { + background-color: var(--bluegray-500) + } + .xl\:focus\:bg-bluegray-500\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-500\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-500\/10:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-500\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-500\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-500\/20:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-500\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-500\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-500\/30:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-500\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-500\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-500\/40:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-500\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-500\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-500\/50:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-500\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-500\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-500\/60:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-500\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-500\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-500\/70:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-500\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-500\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-500\/80:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-500\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-500\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-500\/90:active { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-600:focus { + background-color: var(--bluegray-600) + } + .xl\:hover\:bg-bluegray-600:hover { + background-color: var(--bluegray-600) + } + .xl\:active\:bg-bluegray-600:active { + background-color: var(--bluegray-600) + } + .xl\:focus\:bg-bluegray-600\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-600\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-600\/10:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-600\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-600\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-600\/20:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-600\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-600\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-600\/30:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-600\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-600\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-600\/40:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-600\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-600\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-600\/50:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-600\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-600\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-600\/60:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-600\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-600\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-600\/70:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-600\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-600\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-600\/80:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-600\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-600\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-600\/90:active { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-700:focus { + background-color: var(--bluegray-700) + } + .xl\:hover\:bg-bluegray-700:hover { + background-color: var(--bluegray-700) + } + .xl\:active\:bg-bluegray-700:active { + background-color: var(--bluegray-700) + } + .xl\:focus\:bg-bluegray-700\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-700\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-700\/10:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-700\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-700\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-700\/20:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-700\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-700\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-700\/30:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-700\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-700\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-700\/40:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-700\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-700\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-700\/50:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-700\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-700\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-700\/60:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-700\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-700\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-700\/70:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-700\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-700\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-700\/80:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-700\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-700\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-700\/90:active { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-800:focus { + background-color: var(--bluegray-800) + } + .xl\:hover\:bg-bluegray-800:hover { + background-color: var(--bluegray-800) + } + .xl\:active\:bg-bluegray-800:active { + background-color: var(--bluegray-800) + } + .xl\:focus\:bg-bluegray-800\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-800\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-800\/10:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-800\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-800\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-800\/20:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-800\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-800\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-800\/30:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-800\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-800\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-800\/40:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-800\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-800\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-800\/50:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-800\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-800\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-800\/60:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-800\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-800\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-800\/70:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-800\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-800\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-800\/80:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-800\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-800\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-800\/90:active { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:bg-bluegray-900:focus { + background-color: var(--bluegray-900) + } + .xl\:hover\:bg-bluegray-900:hover { + background-color: var(--bluegray-900) + } + .xl\:active\:bg-bluegray-900:active { + background-color: var(--bluegray-900) + } + .xl\:focus\:bg-bluegray-900\/10:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:bg-bluegray-900\/10:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:bg-bluegray-900\/10:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:bg-bluegray-900\/20:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:bg-bluegray-900\/20:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:bg-bluegray-900\/20:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:bg-bluegray-900\/30:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:bg-bluegray-900\/30:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:bg-bluegray-900\/30:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:bg-bluegray-900\/40:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:bg-bluegray-900\/40:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:bg-bluegray-900\/40:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:bg-bluegray-900\/50:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:bg-bluegray-900\/50:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:bg-bluegray-900\/50:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:bg-bluegray-900\/60:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:bg-bluegray-900\/60:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:bg-bluegray-900\/60:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:bg-bluegray-900\/70:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:bg-bluegray-900\/70:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:bg-bluegray-900\/70:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:bg-bluegray-900\/80:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:bg-bluegray-900\/80:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:bg-bluegray-900\/80:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:bg-bluegray-900\/90:focus { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:bg-bluegray-900\/90:hover { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:bg-bluegray-900\/90:active { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:bg-purple-50:focus { + background-color: var(--purple-50) + } + .xl\:hover\:bg-purple-50:hover { + background-color: var(--purple-50) + } + .xl\:active\:bg-purple-50:active { + background-color: var(--purple-50) + } + .xl\:focus\:bg-purple-50\/10:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:bg-purple-50\/10:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:bg-purple-50\/10:active { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:bg-purple-50\/20:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:bg-purple-50\/20:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:bg-purple-50\/20:active { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:bg-purple-50\/30:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:bg-purple-50\/30:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:bg-purple-50\/30:active { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:bg-purple-50\/40:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:bg-purple-50\/40:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:bg-purple-50\/40:active { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:bg-purple-50\/50:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:bg-purple-50\/50:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:bg-purple-50\/50:active { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:bg-purple-50\/60:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:bg-purple-50\/60:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:bg-purple-50\/60:active { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:bg-purple-50\/70:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:bg-purple-50\/70:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:bg-purple-50\/70:active { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:bg-purple-50\/80:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:bg-purple-50\/80:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:bg-purple-50\/80:active { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:bg-purple-50\/90:focus { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:bg-purple-50\/90:hover { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:bg-purple-50\/90:active { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:bg-purple-100:focus { + background-color: var(--purple-100) + } + .xl\:hover\:bg-purple-100:hover { + background-color: var(--purple-100) + } + .xl\:active\:bg-purple-100:active { + background-color: var(--purple-100) + } + .xl\:focus\:bg-purple-100\/10:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:bg-purple-100\/10:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:bg-purple-100\/10:active { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:bg-purple-100\/20:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:bg-purple-100\/20:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:bg-purple-100\/20:active { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:bg-purple-100\/30:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:bg-purple-100\/30:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:bg-purple-100\/30:active { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:bg-purple-100\/40:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:bg-purple-100\/40:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:bg-purple-100\/40:active { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:bg-purple-100\/50:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:bg-purple-100\/50:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:bg-purple-100\/50:active { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:bg-purple-100\/60:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:bg-purple-100\/60:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:bg-purple-100\/60:active { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:bg-purple-100\/70:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:bg-purple-100\/70:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:bg-purple-100\/70:active { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:bg-purple-100\/80:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:bg-purple-100\/80:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:bg-purple-100\/80:active { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:bg-purple-100\/90:focus { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:bg-purple-100\/90:hover { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:bg-purple-100\/90:active { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:bg-purple-200:focus { + background-color: var(--purple-200) + } + .xl\:hover\:bg-purple-200:hover { + background-color: var(--purple-200) + } + .xl\:active\:bg-purple-200:active { + background-color: var(--purple-200) + } + .xl\:focus\:bg-purple-200\/10:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:bg-purple-200\/10:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:bg-purple-200\/10:active { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:bg-purple-200\/20:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:bg-purple-200\/20:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:bg-purple-200\/20:active { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:bg-purple-200\/30:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:bg-purple-200\/30:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:bg-purple-200\/30:active { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:bg-purple-200\/40:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:bg-purple-200\/40:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:bg-purple-200\/40:active { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:bg-purple-200\/50:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:bg-purple-200\/50:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:bg-purple-200\/50:active { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:bg-purple-200\/60:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:bg-purple-200\/60:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:bg-purple-200\/60:active { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:bg-purple-200\/70:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:bg-purple-200\/70:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:bg-purple-200\/70:active { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:bg-purple-200\/80:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:bg-purple-200\/80:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:bg-purple-200\/80:active { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:bg-purple-200\/90:focus { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:bg-purple-200\/90:hover { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:bg-purple-200\/90:active { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:bg-purple-300:focus { + background-color: var(--purple-300) + } + .xl\:hover\:bg-purple-300:hover { + background-color: var(--purple-300) + } + .xl\:active\:bg-purple-300:active { + background-color: var(--purple-300) + } + .xl\:focus\:bg-purple-300\/10:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:bg-purple-300\/10:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:bg-purple-300\/10:active { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:bg-purple-300\/20:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:bg-purple-300\/20:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:bg-purple-300\/20:active { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:bg-purple-300\/30:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:bg-purple-300\/30:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:bg-purple-300\/30:active { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:bg-purple-300\/40:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:bg-purple-300\/40:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:bg-purple-300\/40:active { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:bg-purple-300\/50:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:bg-purple-300\/50:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:bg-purple-300\/50:active { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:bg-purple-300\/60:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:bg-purple-300\/60:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:bg-purple-300\/60:active { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:bg-purple-300\/70:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:bg-purple-300\/70:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:bg-purple-300\/70:active { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:bg-purple-300\/80:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:bg-purple-300\/80:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:bg-purple-300\/80:active { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:bg-purple-300\/90:focus { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:bg-purple-300\/90:hover { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:bg-purple-300\/90:active { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:bg-purple-400:focus { + background-color: var(--purple-400) + } + .xl\:hover\:bg-purple-400:hover { + background-color: var(--purple-400) + } + .xl\:active\:bg-purple-400:active { + background-color: var(--purple-400) + } + .xl\:focus\:bg-purple-400\/10:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:bg-purple-400\/10:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:bg-purple-400\/10:active { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:bg-purple-400\/20:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:bg-purple-400\/20:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:bg-purple-400\/20:active { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:bg-purple-400\/30:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:bg-purple-400\/30:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:bg-purple-400\/30:active { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:bg-purple-400\/40:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:bg-purple-400\/40:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:bg-purple-400\/40:active { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:bg-purple-400\/50:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:bg-purple-400\/50:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:bg-purple-400\/50:active { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:bg-purple-400\/60:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:bg-purple-400\/60:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:bg-purple-400\/60:active { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:bg-purple-400\/70:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:bg-purple-400\/70:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:bg-purple-400\/70:active { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:bg-purple-400\/80:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:bg-purple-400\/80:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:bg-purple-400\/80:active { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:bg-purple-400\/90:focus { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:bg-purple-400\/90:hover { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:bg-purple-400\/90:active { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:bg-purple-500:focus { + background-color: var(--purple-500) + } + .xl\:hover\:bg-purple-500:hover { + background-color: var(--purple-500) + } + .xl\:active\:bg-purple-500:active { + background-color: var(--purple-500) + } + .xl\:focus\:bg-purple-500\/10:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:bg-purple-500\/10:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:bg-purple-500\/10:active { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:bg-purple-500\/20:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:bg-purple-500\/20:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:bg-purple-500\/20:active { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:bg-purple-500\/30:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:bg-purple-500\/30:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:bg-purple-500\/30:active { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:bg-purple-500\/40:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:bg-purple-500\/40:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:bg-purple-500\/40:active { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:bg-purple-500\/50:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:bg-purple-500\/50:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:bg-purple-500\/50:active { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:bg-purple-500\/60:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:bg-purple-500\/60:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:bg-purple-500\/60:active { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:bg-purple-500\/70:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:bg-purple-500\/70:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:bg-purple-500\/70:active { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:bg-purple-500\/80:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:bg-purple-500\/80:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:bg-purple-500\/80:active { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:bg-purple-500\/90:focus { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:bg-purple-500\/90:hover { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:bg-purple-500\/90:active { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:bg-purple-600:focus { + background-color: var(--purple-600) + } + .xl\:hover\:bg-purple-600:hover { + background-color: var(--purple-600) + } + .xl\:active\:bg-purple-600:active { + background-color: var(--purple-600) + } + .xl\:focus\:bg-purple-600\/10:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:bg-purple-600\/10:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:bg-purple-600\/10:active { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:bg-purple-600\/20:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:bg-purple-600\/20:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:bg-purple-600\/20:active { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:bg-purple-600\/30:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:bg-purple-600\/30:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:bg-purple-600\/30:active { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:bg-purple-600\/40:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:bg-purple-600\/40:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:bg-purple-600\/40:active { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:bg-purple-600\/50:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:bg-purple-600\/50:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:bg-purple-600\/50:active { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:bg-purple-600\/60:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:bg-purple-600\/60:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:bg-purple-600\/60:active { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:bg-purple-600\/70:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:bg-purple-600\/70:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:bg-purple-600\/70:active { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:bg-purple-600\/80:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:bg-purple-600\/80:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:bg-purple-600\/80:active { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:bg-purple-600\/90:focus { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:bg-purple-600\/90:hover { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:bg-purple-600\/90:active { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:bg-purple-700:focus { + background-color: var(--purple-700) + } + .xl\:hover\:bg-purple-700:hover { + background-color: var(--purple-700) + } + .xl\:active\:bg-purple-700:active { + background-color: var(--purple-700) + } + .xl\:focus\:bg-purple-700\/10:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:bg-purple-700\/10:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:bg-purple-700\/10:active { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:bg-purple-700\/20:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:bg-purple-700\/20:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:bg-purple-700\/20:active { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:bg-purple-700\/30:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:bg-purple-700\/30:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:bg-purple-700\/30:active { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:bg-purple-700\/40:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:bg-purple-700\/40:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:bg-purple-700\/40:active { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:bg-purple-700\/50:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:bg-purple-700\/50:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:bg-purple-700\/50:active { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:bg-purple-700\/60:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:bg-purple-700\/60:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:bg-purple-700\/60:active { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:bg-purple-700\/70:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:bg-purple-700\/70:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:bg-purple-700\/70:active { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:bg-purple-700\/80:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:bg-purple-700\/80:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:bg-purple-700\/80:active { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:bg-purple-700\/90:focus { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:bg-purple-700\/90:hover { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:bg-purple-700\/90:active { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:bg-purple-800:focus { + background-color: var(--purple-800) + } + .xl\:hover\:bg-purple-800:hover { + background-color: var(--purple-800) + } + .xl\:active\:bg-purple-800:active { + background-color: var(--purple-800) + } + .xl\:focus\:bg-purple-800\/10:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:bg-purple-800\/10:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:bg-purple-800\/10:active { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:bg-purple-800\/20:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:bg-purple-800\/20:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:bg-purple-800\/20:active { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:bg-purple-800\/30:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:bg-purple-800\/30:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:bg-purple-800\/30:active { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:bg-purple-800\/40:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:bg-purple-800\/40:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:bg-purple-800\/40:active { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:bg-purple-800\/50:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:bg-purple-800\/50:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:bg-purple-800\/50:active { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:bg-purple-800\/60:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:bg-purple-800\/60:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:bg-purple-800\/60:active { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:bg-purple-800\/70:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:bg-purple-800\/70:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:bg-purple-800\/70:active { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:bg-purple-800\/80:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:bg-purple-800\/80:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:bg-purple-800\/80:active { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:bg-purple-800\/90:focus { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:bg-purple-800\/90:hover { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:bg-purple-800\/90:active { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:bg-purple-900:focus { + background-color: var(--purple-900) + } + .xl\:hover\:bg-purple-900:hover { + background-color: var(--purple-900) + } + .xl\:active\:bg-purple-900:active { + background-color: var(--purple-900) + } + .xl\:focus\:bg-purple-900\/10:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:bg-purple-900\/10:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:bg-purple-900\/10:active { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:bg-purple-900\/20:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:bg-purple-900\/20:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:bg-purple-900\/20:active { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:bg-purple-900\/30:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:bg-purple-900\/30:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:bg-purple-900\/30:active { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:bg-purple-900\/40:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:bg-purple-900\/40:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:bg-purple-900\/40:active { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:bg-purple-900\/50:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:bg-purple-900\/50:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:bg-purple-900\/50:active { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:bg-purple-900\/60:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:bg-purple-900\/60:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:bg-purple-900\/60:active { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:bg-purple-900\/70:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:bg-purple-900\/70:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:bg-purple-900\/70:active { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:bg-purple-900\/80:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:bg-purple-900\/80:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:bg-purple-900\/80:active { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:bg-purple-900\/90:focus { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:bg-purple-900\/90:hover { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:bg-purple-900\/90:active { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:bg-red-50:focus { + background-color: var(--red-50) + } + .xl\:hover\:bg-red-50:hover { + background-color: var(--red-50) + } + .xl\:active\:bg-red-50:active { + background-color: var(--red-50) + } + .xl\:focus\:bg-red-50\/10:focus { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:bg-red-50\/10:hover { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:bg-red-50\/10:active { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:bg-red-50\/20:focus { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:bg-red-50\/20:hover { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:bg-red-50\/20:active { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:bg-red-50\/30:focus { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:bg-red-50\/30:hover { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:bg-red-50\/30:active { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:bg-red-50\/40:focus { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:bg-red-50\/40:hover { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:bg-red-50\/40:active { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:bg-red-50\/50:focus { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:bg-red-50\/50:hover { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:bg-red-50\/50:active { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:bg-red-50\/60:focus { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:bg-red-50\/60:hover { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:bg-red-50\/60:active { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:bg-red-50\/70:focus { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:bg-red-50\/70:hover { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:bg-red-50\/70:active { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:bg-red-50\/80:focus { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:bg-red-50\/80:hover { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:bg-red-50\/80:active { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:bg-red-50\/90:focus { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:bg-red-50\/90:hover { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:bg-red-50\/90:active { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:bg-red-100:focus { + background-color: var(--red-100) + } + .xl\:hover\:bg-red-100:hover { + background-color: var(--red-100) + } + .xl\:active\:bg-red-100:active { + background-color: var(--red-100) + } + .xl\:focus\:bg-red-100\/10:focus { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:bg-red-100\/10:hover { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:bg-red-100\/10:active { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:bg-red-100\/20:focus { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:bg-red-100\/20:hover { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:bg-red-100\/20:active { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:bg-red-100\/30:focus { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:bg-red-100\/30:hover { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:bg-red-100\/30:active { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:bg-red-100\/40:focus { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:bg-red-100\/40:hover { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:bg-red-100\/40:active { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:bg-red-100\/50:focus { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:bg-red-100\/50:hover { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:bg-red-100\/50:active { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:bg-red-100\/60:focus { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:bg-red-100\/60:hover { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:bg-red-100\/60:active { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:bg-red-100\/70:focus { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:bg-red-100\/70:hover { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:bg-red-100\/70:active { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:bg-red-100\/80:focus { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:bg-red-100\/80:hover { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:bg-red-100\/80:active { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:bg-red-100\/90:focus { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:bg-red-100\/90:hover { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:bg-red-100\/90:active { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:bg-red-200:focus { + background-color: var(--red-200) + } + .xl\:hover\:bg-red-200:hover { + background-color: var(--red-200) + } + .xl\:active\:bg-red-200:active { + background-color: var(--red-200) + } + .xl\:focus\:bg-red-200\/10:focus { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:bg-red-200\/10:hover { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:bg-red-200\/10:active { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:bg-red-200\/20:focus { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:bg-red-200\/20:hover { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:bg-red-200\/20:active { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:bg-red-200\/30:focus { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:bg-red-200\/30:hover { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:bg-red-200\/30:active { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:bg-red-200\/40:focus { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:bg-red-200\/40:hover { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:bg-red-200\/40:active { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:bg-red-200\/50:focus { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:bg-red-200\/50:hover { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:bg-red-200\/50:active { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:bg-red-200\/60:focus { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:bg-red-200\/60:hover { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:bg-red-200\/60:active { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:bg-red-200\/70:focus { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:bg-red-200\/70:hover { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:bg-red-200\/70:active { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:bg-red-200\/80:focus { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:bg-red-200\/80:hover { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:bg-red-200\/80:active { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:bg-red-200\/90:focus { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:bg-red-200\/90:hover { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:bg-red-200\/90:active { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:bg-red-300:focus { + background-color: var(--red-300) + } + .xl\:hover\:bg-red-300:hover { + background-color: var(--red-300) + } + .xl\:active\:bg-red-300:active { + background-color: var(--red-300) + } + .xl\:focus\:bg-red-300\/10:focus { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:bg-red-300\/10:hover { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:bg-red-300\/10:active { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:bg-red-300\/20:focus { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:bg-red-300\/20:hover { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:bg-red-300\/20:active { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:bg-red-300\/30:focus { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:bg-red-300\/30:hover { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:bg-red-300\/30:active { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:bg-red-300\/40:focus { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:bg-red-300\/40:hover { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:bg-red-300\/40:active { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:bg-red-300\/50:focus { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:bg-red-300\/50:hover { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:bg-red-300\/50:active { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:bg-red-300\/60:focus { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:bg-red-300\/60:hover { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:bg-red-300\/60:active { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:bg-red-300\/70:focus { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:bg-red-300\/70:hover { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:bg-red-300\/70:active { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:bg-red-300\/80:focus { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:bg-red-300\/80:hover { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:bg-red-300\/80:active { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:bg-red-300\/90:focus { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:bg-red-300\/90:hover { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:bg-red-300\/90:active { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:bg-red-400:focus { + background-color: var(--red-400) + } + .xl\:hover\:bg-red-400:hover { + background-color: var(--red-400) + } + .xl\:active\:bg-red-400:active { + background-color: var(--red-400) + } + .xl\:focus\:bg-red-400\/10:focus { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:bg-red-400\/10:hover { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:bg-red-400\/10:active { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:bg-red-400\/20:focus { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:bg-red-400\/20:hover { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:bg-red-400\/20:active { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:bg-red-400\/30:focus { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:bg-red-400\/30:hover { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:bg-red-400\/30:active { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:bg-red-400\/40:focus { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:bg-red-400\/40:hover { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:bg-red-400\/40:active { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:bg-red-400\/50:focus { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:bg-red-400\/50:hover { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:bg-red-400\/50:active { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:bg-red-400\/60:focus { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:bg-red-400\/60:hover { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:bg-red-400\/60:active { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:bg-red-400\/70:focus { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:bg-red-400\/70:hover { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:bg-red-400\/70:active { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:bg-red-400\/80:focus { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:bg-red-400\/80:hover { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:bg-red-400\/80:active { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:bg-red-400\/90:focus { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:bg-red-400\/90:hover { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:bg-red-400\/90:active { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:bg-red-500:focus { + background-color: var(--red-500) + } + .xl\:hover\:bg-red-500:hover { + background-color: var(--red-500) + } + .xl\:active\:bg-red-500:active { + background-color: var(--red-500) + } + .xl\:focus\:bg-red-500\/10:focus { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:bg-red-500\/10:hover { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:bg-red-500\/10:active { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:bg-red-500\/20:focus { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:bg-red-500\/20:hover { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:bg-red-500\/20:active { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:bg-red-500\/30:focus { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:bg-red-500\/30:hover { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:bg-red-500\/30:active { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:bg-red-500\/40:focus { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:bg-red-500\/40:hover { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:bg-red-500\/40:active { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:bg-red-500\/50:focus { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:bg-red-500\/50:hover { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:bg-red-500\/50:active { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:bg-red-500\/60:focus { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:bg-red-500\/60:hover { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:bg-red-500\/60:active { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:bg-red-500\/70:focus { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:bg-red-500\/70:hover { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:bg-red-500\/70:active { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:bg-red-500\/80:focus { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:bg-red-500\/80:hover { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:bg-red-500\/80:active { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:bg-red-500\/90:focus { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:bg-red-500\/90:hover { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:bg-red-500\/90:active { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:bg-red-600:focus { + background-color: var(--red-600) + } + .xl\:hover\:bg-red-600:hover { + background-color: var(--red-600) + } + .xl\:active\:bg-red-600:active { + background-color: var(--red-600) + } + .xl\:focus\:bg-red-600\/10:focus { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:bg-red-600\/10:hover { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:bg-red-600\/10:active { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:bg-red-600\/20:focus { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:bg-red-600\/20:hover { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:bg-red-600\/20:active { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:bg-red-600\/30:focus { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:bg-red-600\/30:hover { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:bg-red-600\/30:active { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:bg-red-600\/40:focus { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:bg-red-600\/40:hover { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:bg-red-600\/40:active { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:bg-red-600\/50:focus { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:bg-red-600\/50:hover { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:bg-red-600\/50:active { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:bg-red-600\/60:focus { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:bg-red-600\/60:hover { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:bg-red-600\/60:active { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:bg-red-600\/70:focus { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:bg-red-600\/70:hover { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:bg-red-600\/70:active { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:bg-red-600\/80:focus { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:bg-red-600\/80:hover { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:bg-red-600\/80:active { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:bg-red-600\/90:focus { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:bg-red-600\/90:hover { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:bg-red-600\/90:active { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:bg-red-700:focus { + background-color: var(--red-700) + } + .xl\:hover\:bg-red-700:hover { + background-color: var(--red-700) + } + .xl\:active\:bg-red-700:active { + background-color: var(--red-700) + } + .xl\:focus\:bg-red-700\/10:focus { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:bg-red-700\/10:hover { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:bg-red-700\/10:active { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:bg-red-700\/20:focus { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:bg-red-700\/20:hover { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:bg-red-700\/20:active { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:bg-red-700\/30:focus { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:bg-red-700\/30:hover { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:bg-red-700\/30:active { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:bg-red-700\/40:focus { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:bg-red-700\/40:hover { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:bg-red-700\/40:active { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:bg-red-700\/50:focus { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:bg-red-700\/50:hover { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:bg-red-700\/50:active { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:bg-red-700\/60:focus { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:bg-red-700\/60:hover { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:bg-red-700\/60:active { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:bg-red-700\/70:focus { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:bg-red-700\/70:hover { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:bg-red-700\/70:active { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:bg-red-700\/80:focus { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:bg-red-700\/80:hover { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:bg-red-700\/80:active { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:bg-red-700\/90:focus { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:bg-red-700\/90:hover { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:bg-red-700\/90:active { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:bg-red-800:focus { + background-color: var(--red-800) + } + .xl\:hover\:bg-red-800:hover { + background-color: var(--red-800) + } + .xl\:active\:bg-red-800:active { + background-color: var(--red-800) + } + .xl\:focus\:bg-red-800\/10:focus { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:bg-red-800\/10:hover { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:bg-red-800\/10:active { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:bg-red-800\/20:focus { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:bg-red-800\/20:hover { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:bg-red-800\/20:active { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:bg-red-800\/30:focus { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:bg-red-800\/30:hover { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:bg-red-800\/30:active { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:bg-red-800\/40:focus { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:bg-red-800\/40:hover { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:bg-red-800\/40:active { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:bg-red-800\/50:focus { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:bg-red-800\/50:hover { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:bg-red-800\/50:active { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:bg-red-800\/60:focus { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:bg-red-800\/60:hover { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:bg-red-800\/60:active { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:bg-red-800\/70:focus { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:bg-red-800\/70:hover { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:bg-red-800\/70:active { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:bg-red-800\/80:focus { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:bg-red-800\/80:hover { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:bg-red-800\/80:active { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:bg-red-800\/90:focus { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:bg-red-800\/90:hover { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:bg-red-800\/90:active { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:bg-red-900:focus { + background-color: var(--red-900) + } + .xl\:hover\:bg-red-900:hover { + background-color: var(--red-900) + } + .xl\:active\:bg-red-900:active { + background-color: var(--red-900) + } + .xl\:focus\:bg-red-900\/10:focus { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:bg-red-900\/10:hover { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:bg-red-900\/10:active { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:bg-red-900\/20:focus { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:bg-red-900\/20:hover { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:bg-red-900\/20:active { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:bg-red-900\/30:focus { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:bg-red-900\/30:hover { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:bg-red-900\/30:active { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:bg-red-900\/40:focus { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:bg-red-900\/40:hover { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:bg-red-900\/40:active { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:bg-red-900\/50:focus { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:bg-red-900\/50:hover { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:bg-red-900\/50:active { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:bg-red-900\/60:focus { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:bg-red-900\/60:hover { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:bg-red-900\/60:active { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:bg-red-900\/70:focus { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:bg-red-900\/70:hover { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:bg-red-900\/70:active { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:bg-red-900\/80:focus { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:bg-red-900\/80:hover { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:bg-red-900\/80:active { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:bg-red-900\/90:focus { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:bg-red-900\/90:hover { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:bg-red-900\/90:active { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:bg-gray-50:focus { + background-color: var(--gray-50) + } + .xl\:hover\:bg-gray-50:hover { + background-color: var(--gray-50) + } + .xl\:active\:bg-gray-50:active { + background-color: var(--gray-50) + } + .xl\:focus\:bg-gray-50\/10:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:bg-gray-50\/10:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:bg-gray-50\/10:active { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:bg-gray-50\/20:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:bg-gray-50\/20:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:bg-gray-50\/20:active { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:bg-gray-50\/30:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:bg-gray-50\/30:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:bg-gray-50\/30:active { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:bg-gray-50\/40:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:bg-gray-50\/40:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:bg-gray-50\/40:active { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:bg-gray-50\/50:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:bg-gray-50\/50:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:bg-gray-50\/50:active { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:bg-gray-50\/60:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:bg-gray-50\/60:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:bg-gray-50\/60:active { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:bg-gray-50\/70:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:bg-gray-50\/70:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:bg-gray-50\/70:active { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:bg-gray-50\/80:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:bg-gray-50\/80:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:bg-gray-50\/80:active { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:bg-gray-50\/90:focus { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:bg-gray-50\/90:hover { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:bg-gray-50\/90:active { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:bg-gray-100:focus { + background-color: var(--gray-100) + } + .xl\:hover\:bg-gray-100:hover { + background-color: var(--gray-100) + } + .xl\:active\:bg-gray-100:active { + background-color: var(--gray-100) + } + .xl\:focus\:bg-gray-100\/10:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:bg-gray-100\/10:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:bg-gray-100\/10:active { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:bg-gray-100\/20:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:bg-gray-100\/20:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:bg-gray-100\/20:active { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:bg-gray-100\/30:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:bg-gray-100\/30:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:bg-gray-100\/30:active { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:bg-gray-100\/40:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:bg-gray-100\/40:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:bg-gray-100\/40:active { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:bg-gray-100\/50:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:bg-gray-100\/50:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:bg-gray-100\/50:active { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:bg-gray-100\/60:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:bg-gray-100\/60:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:bg-gray-100\/60:active { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:bg-gray-100\/70:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:bg-gray-100\/70:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:bg-gray-100\/70:active { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:bg-gray-100\/80:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:bg-gray-100\/80:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:bg-gray-100\/80:active { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:bg-gray-100\/90:focus { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:bg-gray-100\/90:hover { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:bg-gray-100\/90:active { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:bg-gray-200:focus { + background-color: var(--gray-200) + } + .xl\:hover\:bg-gray-200:hover { + background-color: var(--gray-200) + } + .xl\:active\:bg-gray-200:active { + background-color: var(--gray-200) + } + .xl\:focus\:bg-gray-200\/10:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:bg-gray-200\/10:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:bg-gray-200\/10:active { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:bg-gray-200\/20:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:bg-gray-200\/20:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:bg-gray-200\/20:active { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:bg-gray-200\/30:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:bg-gray-200\/30:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:bg-gray-200\/30:active { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:bg-gray-200\/40:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:bg-gray-200\/40:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:bg-gray-200\/40:active { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:bg-gray-200\/50:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:bg-gray-200\/50:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:bg-gray-200\/50:active { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:bg-gray-200\/60:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:bg-gray-200\/60:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:bg-gray-200\/60:active { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:bg-gray-200\/70:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:bg-gray-200\/70:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:bg-gray-200\/70:active { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:bg-gray-200\/80:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:bg-gray-200\/80:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:bg-gray-200\/80:active { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:bg-gray-200\/90:focus { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:bg-gray-200\/90:hover { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:bg-gray-200\/90:active { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:bg-gray-300:focus { + background-color: var(--gray-300) + } + .xl\:hover\:bg-gray-300:hover { + background-color: var(--gray-300) + } + .xl\:active\:bg-gray-300:active { + background-color: var(--gray-300) + } + .xl\:focus\:bg-gray-300\/10:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:bg-gray-300\/10:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:bg-gray-300\/10:active { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:bg-gray-300\/20:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:bg-gray-300\/20:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:bg-gray-300\/20:active { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:bg-gray-300\/30:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:bg-gray-300\/30:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:bg-gray-300\/30:active { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:bg-gray-300\/40:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:bg-gray-300\/40:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:bg-gray-300\/40:active { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:bg-gray-300\/50:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:bg-gray-300\/50:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:bg-gray-300\/50:active { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:bg-gray-300\/60:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:bg-gray-300\/60:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:bg-gray-300\/60:active { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:bg-gray-300\/70:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:bg-gray-300\/70:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:bg-gray-300\/70:active { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:bg-gray-300\/80:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:bg-gray-300\/80:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:bg-gray-300\/80:active { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:bg-gray-300\/90:focus { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:bg-gray-300\/90:hover { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:bg-gray-300\/90:active { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:bg-gray-400:focus { + background-color: var(--gray-400) + } + .xl\:hover\:bg-gray-400:hover { + background-color: var(--gray-400) + } + .xl\:active\:bg-gray-400:active { + background-color: var(--gray-400) + } + .xl\:focus\:bg-gray-400\/10:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:bg-gray-400\/10:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:bg-gray-400\/10:active { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:bg-gray-400\/20:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:bg-gray-400\/20:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:bg-gray-400\/20:active { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:bg-gray-400\/30:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:bg-gray-400\/30:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:bg-gray-400\/30:active { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:bg-gray-400\/40:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:bg-gray-400\/40:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:bg-gray-400\/40:active { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:bg-gray-400\/50:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:bg-gray-400\/50:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:bg-gray-400\/50:active { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:bg-gray-400\/60:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:bg-gray-400\/60:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:bg-gray-400\/60:active { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:bg-gray-400\/70:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:bg-gray-400\/70:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:bg-gray-400\/70:active { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:bg-gray-400\/80:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:bg-gray-400\/80:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:bg-gray-400\/80:active { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:bg-gray-400\/90:focus { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:bg-gray-400\/90:hover { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:bg-gray-400\/90:active { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:bg-gray-500:focus { + background-color: var(--gray-500) + } + .xl\:hover\:bg-gray-500:hover { + background-color: var(--gray-500) + } + .xl\:active\:bg-gray-500:active { + background-color: var(--gray-500) + } + .xl\:focus\:bg-gray-500\/10:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:bg-gray-500\/10:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:bg-gray-500\/10:active { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:bg-gray-500\/20:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:bg-gray-500\/20:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:bg-gray-500\/20:active { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:bg-gray-500\/30:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:bg-gray-500\/30:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:bg-gray-500\/30:active { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:bg-gray-500\/40:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:bg-gray-500\/40:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:bg-gray-500\/40:active { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:bg-gray-500\/50:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:bg-gray-500\/50:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:bg-gray-500\/50:active { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:bg-gray-500\/60:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:bg-gray-500\/60:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:bg-gray-500\/60:active { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:bg-gray-500\/70:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:bg-gray-500\/70:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:bg-gray-500\/70:active { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:bg-gray-500\/80:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:bg-gray-500\/80:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:bg-gray-500\/80:active { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:bg-gray-500\/90:focus { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:bg-gray-500\/90:hover { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:bg-gray-500\/90:active { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:bg-gray-600:focus { + background-color: var(--gray-600) + } + .xl\:hover\:bg-gray-600:hover { + background-color: var(--gray-600) + } + .xl\:active\:bg-gray-600:active { + background-color: var(--gray-600) + } + .xl\:focus\:bg-gray-600\/10:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:bg-gray-600\/10:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:bg-gray-600\/10:active { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:bg-gray-600\/20:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:bg-gray-600\/20:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:bg-gray-600\/20:active { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:bg-gray-600\/30:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:bg-gray-600\/30:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:bg-gray-600\/30:active { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:bg-gray-600\/40:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:bg-gray-600\/40:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:bg-gray-600\/40:active { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:bg-gray-600\/50:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:bg-gray-600\/50:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:bg-gray-600\/50:active { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:bg-gray-600\/60:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:bg-gray-600\/60:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:bg-gray-600\/60:active { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:bg-gray-600\/70:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:bg-gray-600\/70:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:bg-gray-600\/70:active { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:bg-gray-600\/80:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:bg-gray-600\/80:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:bg-gray-600\/80:active { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:bg-gray-600\/90:focus { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:bg-gray-600\/90:hover { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:bg-gray-600\/90:active { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:bg-gray-700:focus { + background-color: var(--gray-700) + } + .xl\:hover\:bg-gray-700:hover { + background-color: var(--gray-700) + } + .xl\:active\:bg-gray-700:active { + background-color: var(--gray-700) + } + .xl\:focus\:bg-gray-700\/10:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:bg-gray-700\/10:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:bg-gray-700\/10:active { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:bg-gray-700\/20:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:bg-gray-700\/20:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:bg-gray-700\/20:active { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:bg-gray-700\/30:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:bg-gray-700\/30:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:bg-gray-700\/30:active { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:bg-gray-700\/40:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:bg-gray-700\/40:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:bg-gray-700\/40:active { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:bg-gray-700\/50:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:bg-gray-700\/50:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:bg-gray-700\/50:active { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:bg-gray-700\/60:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:bg-gray-700\/60:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:bg-gray-700\/60:active { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:bg-gray-700\/70:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:bg-gray-700\/70:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:bg-gray-700\/70:active { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:bg-gray-700\/80:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:bg-gray-700\/80:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:bg-gray-700\/80:active { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:bg-gray-700\/90:focus { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:bg-gray-700\/90:hover { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:bg-gray-700\/90:active { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:bg-gray-800:focus { + background-color: var(--gray-800) + } + .xl\:hover\:bg-gray-800:hover { + background-color: var(--gray-800) + } + .xl\:active\:bg-gray-800:active { + background-color: var(--gray-800) + } + .xl\:focus\:bg-gray-800\/10:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:bg-gray-800\/10:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:bg-gray-800\/10:active { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:bg-gray-800\/20:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:bg-gray-800\/20:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:bg-gray-800\/20:active { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:bg-gray-800\/30:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:bg-gray-800\/30:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:bg-gray-800\/30:active { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:bg-gray-800\/40:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:bg-gray-800\/40:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:bg-gray-800\/40:active { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:bg-gray-800\/50:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:bg-gray-800\/50:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:bg-gray-800\/50:active { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:bg-gray-800\/60:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:bg-gray-800\/60:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:bg-gray-800\/60:active { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:bg-gray-800\/70:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:bg-gray-800\/70:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:bg-gray-800\/70:active { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:bg-gray-800\/80:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:bg-gray-800\/80:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:bg-gray-800\/80:active { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:bg-gray-800\/90:focus { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:bg-gray-800\/90:hover { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:bg-gray-800\/90:active { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:bg-gray-900:focus { + background-color: var(--gray-900) + } + .xl\:hover\:bg-gray-900:hover { + background-color: var(--gray-900) + } + .xl\:active\:bg-gray-900:active { + background-color: var(--gray-900) + } + .xl\:focus\:bg-gray-900\/10:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:bg-gray-900\/10:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:bg-gray-900\/10:active { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:bg-gray-900\/20:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:bg-gray-900\/20:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:bg-gray-900\/20:active { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:bg-gray-900\/30:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:bg-gray-900\/30:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:bg-gray-900\/30:active { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:bg-gray-900\/40:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:bg-gray-900\/40:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:bg-gray-900\/40:active { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:bg-gray-900\/50:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:bg-gray-900\/50:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:bg-gray-900\/50:active { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:bg-gray-900\/60:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:bg-gray-900\/60:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:bg-gray-900\/60:active { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:bg-gray-900\/70:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:bg-gray-900\/70:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:bg-gray-900\/70:active { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:bg-gray-900\/80:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:bg-gray-900\/80:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:bg-gray-900\/80:active { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:bg-gray-900\/90:focus { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:bg-gray-900\/90:hover { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:bg-gray-900\/90:active { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:bg-surface-0:focus { + background-color: var(--surface-0) + } + .xl\:hover\:bg-surface-0:hover { + background-color: var(--surface-0) + } + .xl\:active\:bg-surface-0:active { + background-color: var(--surface-0) + } + .xl\:focus\:bg-surface-0\/10:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:bg-surface-0\/10:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:bg-surface-0\/10:active { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:bg-surface-0\/20:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:bg-surface-0\/20:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:bg-surface-0\/20:active { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:bg-surface-0\/30:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:bg-surface-0\/30:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:bg-surface-0\/30:active { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:bg-surface-0\/40:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:bg-surface-0\/40:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:bg-surface-0\/40:active { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:bg-surface-0\/50:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:bg-surface-0\/50:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:bg-surface-0\/50:active { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:bg-surface-0\/60:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:bg-surface-0\/60:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:bg-surface-0\/60:active { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:bg-surface-0\/70:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:bg-surface-0\/70:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:bg-surface-0\/70:active { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:bg-surface-0\/80:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:bg-surface-0\/80:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:bg-surface-0\/80:active { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:bg-surface-0\/90:focus { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:bg-surface-0\/90:hover { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:bg-surface-0\/90:active { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:bg-surface-50:focus { + background-color: var(--surface-50) + } + .xl\:hover\:bg-surface-50:hover { + background-color: var(--surface-50) + } + .xl\:active\:bg-surface-50:active { + background-color: var(--surface-50) + } + .xl\:focus\:bg-surface-50\/10:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:bg-surface-50\/10:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:bg-surface-50\/10:active { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:bg-surface-50\/20:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:bg-surface-50\/20:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:bg-surface-50\/20:active { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:bg-surface-50\/30:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:bg-surface-50\/30:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:bg-surface-50\/30:active { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:bg-surface-50\/40:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:bg-surface-50\/40:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:bg-surface-50\/40:active { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:bg-surface-50\/50:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:bg-surface-50\/50:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:bg-surface-50\/50:active { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:bg-surface-50\/60:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:bg-surface-50\/60:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:bg-surface-50\/60:active { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:bg-surface-50\/70:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:bg-surface-50\/70:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:bg-surface-50\/70:active { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:bg-surface-50\/80:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:bg-surface-50\/80:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:bg-surface-50\/80:active { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:bg-surface-50\/90:focus { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:bg-surface-50\/90:hover { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:bg-surface-50\/90:active { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:bg-surface-100:focus { + background-color: var(--surface-100) + } + .xl\:hover\:bg-surface-100:hover { + background-color: var(--surface-100) + } + .xl\:active\:bg-surface-100:active { + background-color: var(--surface-100) + } + .xl\:focus\:bg-surface-100\/10:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:bg-surface-100\/10:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:bg-surface-100\/10:active { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:bg-surface-100\/20:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:bg-surface-100\/20:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:bg-surface-100\/20:active { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:bg-surface-100\/30:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:bg-surface-100\/30:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:bg-surface-100\/30:active { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:bg-surface-100\/40:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:bg-surface-100\/40:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:bg-surface-100\/40:active { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:bg-surface-100\/50:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:bg-surface-100\/50:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:bg-surface-100\/50:active { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:bg-surface-100\/60:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:bg-surface-100\/60:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:bg-surface-100\/60:active { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:bg-surface-100\/70:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:bg-surface-100\/70:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:bg-surface-100\/70:active { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:bg-surface-100\/80:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:bg-surface-100\/80:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:bg-surface-100\/80:active { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:bg-surface-100\/90:focus { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:bg-surface-100\/90:hover { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:bg-surface-100\/90:active { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:bg-surface-200:focus { + background-color: var(--surface-200) + } + .xl\:hover\:bg-surface-200:hover { + background-color: var(--surface-200) + } + .xl\:active\:bg-surface-200:active { + background-color: var(--surface-200) + } + .xl\:focus\:bg-surface-200\/10:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:bg-surface-200\/10:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:bg-surface-200\/10:active { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:bg-surface-200\/20:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:bg-surface-200\/20:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:bg-surface-200\/20:active { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:bg-surface-200\/30:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:bg-surface-200\/30:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:bg-surface-200\/30:active { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:bg-surface-200\/40:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:bg-surface-200\/40:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:bg-surface-200\/40:active { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:bg-surface-200\/50:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:bg-surface-200\/50:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:bg-surface-200\/50:active { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:bg-surface-200\/60:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:bg-surface-200\/60:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:bg-surface-200\/60:active { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:bg-surface-200\/70:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:bg-surface-200\/70:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:bg-surface-200\/70:active { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:bg-surface-200\/80:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:bg-surface-200\/80:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:bg-surface-200\/80:active { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:bg-surface-200\/90:focus { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:bg-surface-200\/90:hover { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:bg-surface-200\/90:active { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:bg-surface-300:focus { + background-color: var(--surface-300) + } + .xl\:hover\:bg-surface-300:hover { + background-color: var(--surface-300) + } + .xl\:active\:bg-surface-300:active { + background-color: var(--surface-300) + } + .xl\:focus\:bg-surface-300\/10:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:bg-surface-300\/10:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:bg-surface-300\/10:active { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:bg-surface-300\/20:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:bg-surface-300\/20:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:bg-surface-300\/20:active { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:bg-surface-300\/30:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:bg-surface-300\/30:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:bg-surface-300\/30:active { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:bg-surface-300\/40:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:bg-surface-300\/40:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:bg-surface-300\/40:active { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:bg-surface-300\/50:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:bg-surface-300\/50:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:bg-surface-300\/50:active { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:bg-surface-300\/60:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:bg-surface-300\/60:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:bg-surface-300\/60:active { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:bg-surface-300\/70:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:bg-surface-300\/70:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:bg-surface-300\/70:active { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:bg-surface-300\/80:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:bg-surface-300\/80:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:bg-surface-300\/80:active { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:bg-surface-300\/90:focus { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:bg-surface-300\/90:hover { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:bg-surface-300\/90:active { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:bg-surface-400:focus { + background-color: var(--surface-400) + } + .xl\:hover\:bg-surface-400:hover { + background-color: var(--surface-400) + } + .xl\:active\:bg-surface-400:active { + background-color: var(--surface-400) + } + .xl\:focus\:bg-surface-400\/10:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:bg-surface-400\/10:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:bg-surface-400\/10:active { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:bg-surface-400\/20:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:bg-surface-400\/20:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:bg-surface-400\/20:active { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:bg-surface-400\/30:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:bg-surface-400\/30:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:bg-surface-400\/30:active { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:bg-surface-400\/40:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:bg-surface-400\/40:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:bg-surface-400\/40:active { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:bg-surface-400\/50:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:bg-surface-400\/50:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:bg-surface-400\/50:active { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:bg-surface-400\/60:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:bg-surface-400\/60:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:bg-surface-400\/60:active { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:bg-surface-400\/70:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:bg-surface-400\/70:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:bg-surface-400\/70:active { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:bg-surface-400\/80:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:bg-surface-400\/80:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:bg-surface-400\/80:active { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:bg-surface-400\/90:focus { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:bg-surface-400\/90:hover { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:bg-surface-400\/90:active { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:bg-surface-500:focus { + background-color: var(--surface-500) + } + .xl\:hover\:bg-surface-500:hover { + background-color: var(--surface-500) + } + .xl\:active\:bg-surface-500:active { + background-color: var(--surface-500) + } + .xl\:focus\:bg-surface-500\/10:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:bg-surface-500\/10:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:bg-surface-500\/10:active { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:bg-surface-500\/20:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:bg-surface-500\/20:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:bg-surface-500\/20:active { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:bg-surface-500\/30:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:bg-surface-500\/30:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:bg-surface-500\/30:active { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:bg-surface-500\/40:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:bg-surface-500\/40:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:bg-surface-500\/40:active { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:bg-surface-500\/50:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:bg-surface-500\/50:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:bg-surface-500\/50:active { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:bg-surface-500\/60:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:bg-surface-500\/60:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:bg-surface-500\/60:active { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:bg-surface-500\/70:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:bg-surface-500\/70:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:bg-surface-500\/70:active { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:bg-surface-500\/80:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:bg-surface-500\/80:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:bg-surface-500\/80:active { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:bg-surface-500\/90:focus { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:bg-surface-500\/90:hover { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:bg-surface-500\/90:active { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:bg-surface-600:focus { + background-color: var(--surface-600) + } + .xl\:hover\:bg-surface-600:hover { + background-color: var(--surface-600) + } + .xl\:active\:bg-surface-600:active { + background-color: var(--surface-600) + } + .xl\:focus\:bg-surface-600\/10:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:bg-surface-600\/10:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:bg-surface-600\/10:active { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:bg-surface-600\/20:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:bg-surface-600\/20:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:bg-surface-600\/20:active { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:bg-surface-600\/30:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:bg-surface-600\/30:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:bg-surface-600\/30:active { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:bg-surface-600\/40:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:bg-surface-600\/40:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:bg-surface-600\/40:active { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:bg-surface-600\/50:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:bg-surface-600\/50:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:bg-surface-600\/50:active { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:bg-surface-600\/60:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:bg-surface-600\/60:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:bg-surface-600\/60:active { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:bg-surface-600\/70:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:bg-surface-600\/70:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:bg-surface-600\/70:active { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:bg-surface-600\/80:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:bg-surface-600\/80:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:bg-surface-600\/80:active { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:bg-surface-600\/90:focus { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:bg-surface-600\/90:hover { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:bg-surface-600\/90:active { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:bg-surface-700:focus { + background-color: var(--surface-700) + } + .xl\:hover\:bg-surface-700:hover { + background-color: var(--surface-700) + } + .xl\:active\:bg-surface-700:active { + background-color: var(--surface-700) + } + .xl\:focus\:bg-surface-700\/10:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:bg-surface-700\/10:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:bg-surface-700\/10:active { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:bg-surface-700\/20:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:bg-surface-700\/20:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:bg-surface-700\/20:active { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:bg-surface-700\/30:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:bg-surface-700\/30:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:bg-surface-700\/30:active { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:bg-surface-700\/40:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:bg-surface-700\/40:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:bg-surface-700\/40:active { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:bg-surface-700\/50:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:bg-surface-700\/50:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:bg-surface-700\/50:active { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:bg-surface-700\/60:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:bg-surface-700\/60:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:bg-surface-700\/60:active { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:bg-surface-700\/70:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:bg-surface-700\/70:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:bg-surface-700\/70:active { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:bg-surface-700\/80:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:bg-surface-700\/80:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:bg-surface-700\/80:active { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:bg-surface-700\/90:focus { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:bg-surface-700\/90:hover { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:bg-surface-700\/90:active { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:bg-surface-800:focus { + background-color: var(--surface-800) + } + .xl\:hover\:bg-surface-800:hover { + background-color: var(--surface-800) + } + .xl\:active\:bg-surface-800:active { + background-color: var(--surface-800) + } + .xl\:focus\:bg-surface-800\/10:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:bg-surface-800\/10:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:bg-surface-800\/10:active { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:bg-surface-800\/20:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:bg-surface-800\/20:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:bg-surface-800\/20:active { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:bg-surface-800\/30:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:bg-surface-800\/30:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:bg-surface-800\/30:active { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:bg-surface-800\/40:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:bg-surface-800\/40:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:bg-surface-800\/40:active { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:bg-surface-800\/50:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:bg-surface-800\/50:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:bg-surface-800\/50:active { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:bg-surface-800\/60:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:bg-surface-800\/60:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:bg-surface-800\/60:active { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:bg-surface-800\/70:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:bg-surface-800\/70:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:bg-surface-800\/70:active { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:bg-surface-800\/80:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:bg-surface-800\/80:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:bg-surface-800\/80:active { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:bg-surface-800\/90:focus { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:bg-surface-800\/90:hover { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:bg-surface-800\/90:active { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:bg-surface-900:focus { + background-color: var(--surface-900) + } + .xl\:hover\:bg-surface-900:hover { + background-color: var(--surface-900) + } + .xl\:active\:bg-surface-900:active { + background-color: var(--surface-900) + } + .xl\:focus\:bg-surface-900\/10:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:bg-surface-900\/10:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:bg-surface-900\/10:active { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:bg-surface-900\/20:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:bg-surface-900\/20:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:bg-surface-900\/20:active { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:bg-surface-900\/30:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:bg-surface-900\/30:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:bg-surface-900\/30:active { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:bg-surface-900\/40:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:bg-surface-900\/40:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:bg-surface-900\/40:active { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:bg-surface-900\/50:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:bg-surface-900\/50:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:bg-surface-900\/50:active { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:bg-surface-900\/60:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:bg-surface-900\/60:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:bg-surface-900\/60:active { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:bg-surface-900\/70:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:bg-surface-900\/70:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:bg-surface-900\/70:active { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:bg-surface-900\/80:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:bg-surface-900\/80:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:bg-surface-900\/80:active { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:bg-surface-900\/90:focus { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:bg-surface-900\/90:hover { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:bg-surface-900\/90:active { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:bg-primary-50:focus { + background-color: var(--primary-50) + } + .xl\:hover\:bg-primary-50:hover { + background-color: var(--primary-50) + } + .xl\:active\:bg-primary-50:active { + background-color: var(--primary-50) + } + .xl\:focus\:bg-primary-50\/10:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:bg-primary-50\/10:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:bg-primary-50\/10:active { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:bg-primary-50\/20:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:bg-primary-50\/20:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:bg-primary-50\/20:active { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:bg-primary-50\/30:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:bg-primary-50\/30:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:bg-primary-50\/30:active { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:bg-primary-50\/40:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:bg-primary-50\/40:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:bg-primary-50\/40:active { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:bg-primary-50\/50:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:bg-primary-50\/50:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:bg-primary-50\/50:active { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:bg-primary-50\/60:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:bg-primary-50\/60:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:bg-primary-50\/60:active { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:bg-primary-50\/70:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:bg-primary-50\/70:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:bg-primary-50\/70:active { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:bg-primary-50\/80:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:bg-primary-50\/80:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:bg-primary-50\/80:active { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:bg-primary-50\/90:focus { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:bg-primary-50\/90:hover { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:bg-primary-50\/90:active { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:bg-primary-100:focus { + background-color: var(--primary-100) + } + .xl\:hover\:bg-primary-100:hover { + background-color: var(--primary-100) + } + .xl\:active\:bg-primary-100:active { + background-color: var(--primary-100) + } + .xl\:focus\:bg-primary-100\/10:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:bg-primary-100\/10:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:bg-primary-100\/10:active { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:bg-primary-100\/20:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:bg-primary-100\/20:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:bg-primary-100\/20:active { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:bg-primary-100\/30:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:bg-primary-100\/30:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:bg-primary-100\/30:active { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:bg-primary-100\/40:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:bg-primary-100\/40:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:bg-primary-100\/40:active { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:bg-primary-100\/50:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:bg-primary-100\/50:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:bg-primary-100\/50:active { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:bg-primary-100\/60:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:bg-primary-100\/60:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:bg-primary-100\/60:active { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:bg-primary-100\/70:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:bg-primary-100\/70:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:bg-primary-100\/70:active { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:bg-primary-100\/80:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:bg-primary-100\/80:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:bg-primary-100\/80:active { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:bg-primary-100\/90:focus { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:bg-primary-100\/90:hover { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:bg-primary-100\/90:active { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:bg-primary-200:focus { + background-color: var(--primary-200) + } + .xl\:hover\:bg-primary-200:hover { + background-color: var(--primary-200) + } + .xl\:active\:bg-primary-200:active { + background-color: var(--primary-200) + } + .xl\:focus\:bg-primary-200\/10:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:bg-primary-200\/10:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:bg-primary-200\/10:active { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:bg-primary-200\/20:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:bg-primary-200\/20:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:bg-primary-200\/20:active { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:bg-primary-200\/30:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:bg-primary-200\/30:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:bg-primary-200\/30:active { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:bg-primary-200\/40:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:bg-primary-200\/40:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:bg-primary-200\/40:active { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:bg-primary-200\/50:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:bg-primary-200\/50:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:bg-primary-200\/50:active { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:bg-primary-200\/60:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:bg-primary-200\/60:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:bg-primary-200\/60:active { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:bg-primary-200\/70:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:bg-primary-200\/70:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:bg-primary-200\/70:active { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:bg-primary-200\/80:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:bg-primary-200\/80:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:bg-primary-200\/80:active { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:bg-primary-200\/90:focus { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:bg-primary-200\/90:hover { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:bg-primary-200\/90:active { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:bg-primary-300:focus { + background-color: var(--primary-300) + } + .xl\:hover\:bg-primary-300:hover { + background-color: var(--primary-300) + } + .xl\:active\:bg-primary-300:active { + background-color: var(--primary-300) + } + .xl\:focus\:bg-primary-300\/10:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:bg-primary-300\/10:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:bg-primary-300\/10:active { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:bg-primary-300\/20:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:bg-primary-300\/20:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:bg-primary-300\/20:active { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:bg-primary-300\/30:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:bg-primary-300\/30:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:bg-primary-300\/30:active { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:bg-primary-300\/40:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:bg-primary-300\/40:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:bg-primary-300\/40:active { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:bg-primary-300\/50:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:bg-primary-300\/50:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:bg-primary-300\/50:active { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:bg-primary-300\/60:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:bg-primary-300\/60:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:bg-primary-300\/60:active { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:bg-primary-300\/70:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:bg-primary-300\/70:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:bg-primary-300\/70:active { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:bg-primary-300\/80:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:bg-primary-300\/80:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:bg-primary-300\/80:active { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:bg-primary-300\/90:focus { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:bg-primary-300\/90:hover { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:bg-primary-300\/90:active { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:bg-primary-400:focus { + background-color: var(--primary-400) + } + .xl\:hover\:bg-primary-400:hover { + background-color: var(--primary-400) + } + .xl\:active\:bg-primary-400:active { + background-color: var(--primary-400) + } + .xl\:focus\:bg-primary-400\/10:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:bg-primary-400\/10:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:bg-primary-400\/10:active { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:bg-primary-400\/20:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:bg-primary-400\/20:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:bg-primary-400\/20:active { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:bg-primary-400\/30:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:bg-primary-400\/30:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:bg-primary-400\/30:active { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:bg-primary-400\/40:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:bg-primary-400\/40:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:bg-primary-400\/40:active { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:bg-primary-400\/50:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:bg-primary-400\/50:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:bg-primary-400\/50:active { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:bg-primary-400\/60:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:bg-primary-400\/60:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:bg-primary-400\/60:active { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:bg-primary-400\/70:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:bg-primary-400\/70:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:bg-primary-400\/70:active { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:bg-primary-400\/80:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:bg-primary-400\/80:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:bg-primary-400\/80:active { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:bg-primary-400\/90:focus { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:bg-primary-400\/90:hover { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:bg-primary-400\/90:active { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:bg-primary-500:focus { + background-color: var(--primary-500) + } + .xl\:hover\:bg-primary-500:hover { + background-color: var(--primary-500) + } + .xl\:active\:bg-primary-500:active { + background-color: var(--primary-500) + } + .xl\:focus\:bg-primary-500\/10:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:bg-primary-500\/10:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:bg-primary-500\/10:active { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:bg-primary-500\/20:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:bg-primary-500\/20:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:bg-primary-500\/20:active { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:bg-primary-500\/30:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:bg-primary-500\/30:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:bg-primary-500\/30:active { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:bg-primary-500\/40:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:bg-primary-500\/40:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:bg-primary-500\/40:active { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:bg-primary-500\/50:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:bg-primary-500\/50:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:bg-primary-500\/50:active { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:bg-primary-500\/60:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:bg-primary-500\/60:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:bg-primary-500\/60:active { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:bg-primary-500\/70:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:bg-primary-500\/70:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:bg-primary-500\/70:active { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:bg-primary-500\/80:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:bg-primary-500\/80:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:bg-primary-500\/80:active { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:bg-primary-500\/90:focus { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:bg-primary-500\/90:hover { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:bg-primary-500\/90:active { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:bg-primary-600:focus { + background-color: var(--primary-600) + } + .xl\:hover\:bg-primary-600:hover { + background-color: var(--primary-600) + } + .xl\:active\:bg-primary-600:active { + background-color: var(--primary-600) + } + .xl\:focus\:bg-primary-600\/10:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:bg-primary-600\/10:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:bg-primary-600\/10:active { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:bg-primary-600\/20:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:bg-primary-600\/20:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:bg-primary-600\/20:active { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:bg-primary-600\/30:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:bg-primary-600\/30:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:bg-primary-600\/30:active { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:bg-primary-600\/40:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:bg-primary-600\/40:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:bg-primary-600\/40:active { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:bg-primary-600\/50:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:bg-primary-600\/50:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:bg-primary-600\/50:active { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:bg-primary-600\/60:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:bg-primary-600\/60:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:bg-primary-600\/60:active { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:bg-primary-600\/70:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:bg-primary-600\/70:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:bg-primary-600\/70:active { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:bg-primary-600\/80:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:bg-primary-600\/80:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:bg-primary-600\/80:active { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:bg-primary-600\/90:focus { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:bg-primary-600\/90:hover { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:bg-primary-600\/90:active { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:bg-primary-700:focus { + background-color: var(--primary-700) + } + .xl\:hover\:bg-primary-700:hover { + background-color: var(--primary-700) + } + .xl\:active\:bg-primary-700:active { + background-color: var(--primary-700) + } + .xl\:focus\:bg-primary-700\/10:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:bg-primary-700\/10:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:bg-primary-700\/10:active { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:bg-primary-700\/20:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:bg-primary-700\/20:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:bg-primary-700\/20:active { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:bg-primary-700\/30:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:bg-primary-700\/30:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:bg-primary-700\/30:active { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:bg-primary-700\/40:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:bg-primary-700\/40:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:bg-primary-700\/40:active { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:bg-primary-700\/50:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:bg-primary-700\/50:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:bg-primary-700\/50:active { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:bg-primary-700\/60:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:bg-primary-700\/60:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:bg-primary-700\/60:active { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:bg-primary-700\/70:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:bg-primary-700\/70:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:bg-primary-700\/70:active { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:bg-primary-700\/80:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:bg-primary-700\/80:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:bg-primary-700\/80:active { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:bg-primary-700\/90:focus { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:bg-primary-700\/90:hover { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:bg-primary-700\/90:active { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:bg-primary-800:focus { + background-color: var(--primary-800) + } + .xl\:hover\:bg-primary-800:hover { + background-color: var(--primary-800) + } + .xl\:active\:bg-primary-800:active { + background-color: var(--primary-800) + } + .xl\:focus\:bg-primary-800\/10:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:bg-primary-800\/10:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:bg-primary-800\/10:active { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:bg-primary-800\/20:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:bg-primary-800\/20:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:bg-primary-800\/20:active { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:bg-primary-800\/30:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:bg-primary-800\/30:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:bg-primary-800\/30:active { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:bg-primary-800\/40:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:bg-primary-800\/40:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:bg-primary-800\/40:active { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:bg-primary-800\/50:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:bg-primary-800\/50:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:bg-primary-800\/50:active { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:bg-primary-800\/60:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:bg-primary-800\/60:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:bg-primary-800\/60:active { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:bg-primary-800\/70:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:bg-primary-800\/70:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:bg-primary-800\/70:active { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:bg-primary-800\/80:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:bg-primary-800\/80:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:bg-primary-800\/80:active { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:bg-primary-800\/90:focus { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:bg-primary-800\/90:hover { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:bg-primary-800\/90:active { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:bg-primary-900:focus { + background-color: var(--primary-900) + } + .xl\:hover\:bg-primary-900:hover { + background-color: var(--primary-900) + } + .xl\:active\:bg-primary-900:active { + background-color: var(--primary-900) + } + .xl\:focus\:bg-primary-900\/10:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:bg-primary-900\/10:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:bg-primary-900\/10:active { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:bg-primary-900\/20:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:bg-primary-900\/20:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:bg-primary-900\/20:active { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:bg-primary-900\/30:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:bg-primary-900\/30:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:bg-primary-900\/30:active { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:bg-primary-900\/40:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:bg-primary-900\/40:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:bg-primary-900\/40:active { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:bg-primary-900\/50:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:bg-primary-900\/50:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:bg-primary-900\/50:active { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:bg-primary-900\/60:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:bg-primary-900\/60:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:bg-primary-900\/60:active { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:bg-primary-900\/70:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:bg-primary-900\/70:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:bg-primary-900\/70:active { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:bg-primary-900\/80:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:bg-primary-900\/80:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:bg-primary-900\/80:active { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:bg-primary-900\/90:focus { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:bg-primary-900\/90:hover { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:bg-primary-900\/90:active { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50) { + background-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/10) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/20) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/30) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/40) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/50) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/60) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/70) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/80) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-50\/90) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100) { + background-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/10) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/20) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/30) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/40) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/50) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/60) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/70) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/80) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-100\/90) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200) { + background-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/10) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/20) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/30) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/40) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/50) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/60) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/70) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/80) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-200\/90) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300) { + background-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/10) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/20) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/30) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/40) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/50) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/60) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/70) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/80) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-300\/90) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400) { + background-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/10) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/20) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/30) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/40) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/50) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/60) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/70) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/80) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-400\/90) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500) { + background-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/10) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/20) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/30) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/40) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/50) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/60) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/70) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/80) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-500\/90) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600) { + background-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/10) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/20) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/30) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/40) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/50) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/60) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/70) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/80) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-600\/90) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700) { + background-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/10) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/20) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/30) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/40) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/50) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/60) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/70) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/80) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-700\/90) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800) { + background-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/10) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/20) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/30) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/40) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/50) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/60) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/70) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/80) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-800\/90) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900) { + background-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/10) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/20) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/30) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/40) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/50) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/60) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/70) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/80) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-blue-900\/90) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50) { + background-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/10) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/20) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/30) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/40) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/50) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/60) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/70) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/80) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-50\/90) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100) { + background-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/10) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/20) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/30) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/40) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/50) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/60) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/70) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/80) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-100\/90) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200) { + background-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/10) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/20) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/30) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/40) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/50) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/60) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/70) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/80) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-200\/90) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300) { + background-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/10) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/20) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/30) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/40) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/50) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/60) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/70) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/80) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-300\/90) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400) { + background-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/10) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/20) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/30) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/40) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/50) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/60) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/70) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/80) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-400\/90) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500) { + background-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/10) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/20) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/30) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/40) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/50) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/60) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/70) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/80) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-500\/90) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600) { + background-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/10) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/20) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/30) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/40) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/50) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/60) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/70) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/80) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-600\/90) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700) { + background-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/10) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/20) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/30) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/40) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/50) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/60) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/70) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/80) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-700\/90) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800) { + background-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/10) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/20) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/30) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/40) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/50) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/60) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/70) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/80) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-800\/90) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900) { + background-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/10) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/20) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/30) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/40) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/50) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/60) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/70) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/80) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-green-900\/90) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50) { + background-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/10) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/20) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/30) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/40) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/50) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/60) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/70) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/80) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-50\/90) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100) { + background-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/10) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/20) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/30) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/40) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/50) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/60) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/70) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/80) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-100\/90) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200) { + background-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/10) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/20) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/30) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/40) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/50) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/60) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/70) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/80) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-200\/90) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300) { + background-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/10) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/20) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/30) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/40) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/50) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/60) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/70) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/80) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-300\/90) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400) { + background-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/10) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/20) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/30) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/40) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/50) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/60) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/70) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/80) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-400\/90) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500) { + background-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/10) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/20) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/30) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/40) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/50) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/60) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/70) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/80) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-500\/90) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600) { + background-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/10) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/20) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/30) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/40) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/50) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/60) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/70) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/80) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-600\/90) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700) { + background-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/10) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/20) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/30) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/40) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/50) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/60) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/70) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/80) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-700\/90) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800) { + background-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/10) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/20) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/30) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/40) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/50) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/60) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/70) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/80) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-800\/90) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900) { + background-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/10) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/20) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/30) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/40) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/50) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/60) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/70) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/80) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-yellow-900\/90) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50) { + background-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/10) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/20) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/30) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/40) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/50) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/60) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/70) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/80) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-50\/90) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100) { + background-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/10) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/20) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/30) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/40) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/50) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/60) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/70) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/80) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-100\/90) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200) { + background-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/10) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/20) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/30) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/40) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/50) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/60) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/70) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/80) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-200\/90) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300) { + background-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/10) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/20) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/30) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/40) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/50) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/60) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/70) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/80) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-300\/90) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400) { + background-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/10) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/20) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/30) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/40) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/50) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/60) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/70) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/80) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-400\/90) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500) { + background-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/10) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/20) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/30) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/40) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/50) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/60) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/70) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/80) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-500\/90) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600) { + background-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/10) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/20) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/30) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/40) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/50) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/60) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/70) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/80) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-600\/90) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700) { + background-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/10) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/20) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/30) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/40) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/50) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/60) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/70) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/80) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-700\/90) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800) { + background-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/10) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/20) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/30) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/40) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/50) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/60) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/70) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/80) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-800\/90) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900) { + background-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/10) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/20) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/30) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/40) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/50) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/60) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/70) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/80) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-cyan-900\/90) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50) { + background-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/10) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/20) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/30) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/40) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/50) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/60) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/70) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/80) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-50\/90) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100) { + background-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/10) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/20) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/30) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/40) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/50) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/60) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/70) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/80) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-100\/90) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200) { + background-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/10) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/20) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/30) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/40) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/50) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/60) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/70) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/80) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-200\/90) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300) { + background-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/10) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/20) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/30) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/40) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/50) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/60) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/70) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/80) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-300\/90) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400) { + background-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/10) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/20) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/30) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/40) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/50) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/60) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/70) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/80) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-400\/90) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500) { + background-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/10) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/20) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/30) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/40) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/50) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/60) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/70) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/80) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-500\/90) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600) { + background-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/10) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/20) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/30) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/40) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/50) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/60) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/70) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/80) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-600\/90) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700) { + background-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/10) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/20) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/30) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/40) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/50) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/60) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/70) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/80) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-700\/90) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800) { + background-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/10) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/20) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/30) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/40) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/50) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/60) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/70) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/80) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-800\/90) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900) { + background-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/10) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/20) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/30) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/40) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/50) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/60) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/70) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/80) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-pink-900\/90) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50) { + background-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/10) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/20) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/30) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/40) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/50) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/60) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/70) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/80) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-50\/90) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100) { + background-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/10) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/20) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/30) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/40) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/50) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/60) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/70) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/80) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-100\/90) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200) { + background-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/10) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/20) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/30) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/40) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/50) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/60) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/70) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/80) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-200\/90) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300) { + background-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/10) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/20) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/30) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/40) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/50) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/60) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/70) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/80) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-300\/90) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400) { + background-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/10) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/20) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/30) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/40) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/50) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/60) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/70) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/80) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-400\/90) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500) { + background-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/10) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/20) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/30) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/40) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/50) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/60) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/70) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/80) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-500\/90) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600) { + background-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/10) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/20) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/30) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/40) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/50) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/60) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/70) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/80) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-600\/90) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700) { + background-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/10) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/20) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/30) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/40) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/50) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/60) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/70) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/80) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-700\/90) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800) { + background-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/10) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/20) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/30) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/40) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/50) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/60) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/70) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/80) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-800\/90) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900) { + background-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/10) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/20) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/30) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/40) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/50) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/60) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/70) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/80) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-indigo-900\/90) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50) { + background-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/10) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/20) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/30) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/40) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/50) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/60) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/70) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/80) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-50\/90) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100) { + background-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/10) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/20) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/30) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/40) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/50) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/60) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/70) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/80) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-100\/90) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200) { + background-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/10) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/20) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/30) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/40) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/50) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/60) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/70) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/80) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-200\/90) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300) { + background-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/10) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/20) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/30) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/40) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/50) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/60) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/70) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/80) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-300\/90) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400) { + background-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/10) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/20) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/30) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/40) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/50) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/60) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/70) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/80) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-400\/90) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500) { + background-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/10) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/20) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/30) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/40) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/50) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/60) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/70) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/80) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-500\/90) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600) { + background-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/10) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/20) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/30) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/40) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/50) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/60) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/70) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/80) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-600\/90) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700) { + background-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/10) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/20) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/30) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/40) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/50) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/60) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/70) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/80) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-700\/90) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800) { + background-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/10) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/20) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/30) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/40) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/50) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/60) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/70) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/80) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-800\/90) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900) { + background-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/10) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/20) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/30) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/40) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/50) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/60) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/70) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/80) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-teal-900\/90) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50) { + background-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/10) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/20) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/30) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/40) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/50) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/60) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/70) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/80) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-50\/90) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100) { + background-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/10) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/20) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/30) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/40) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/50) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/60) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/70) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/80) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-100\/90) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200) { + background-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/10) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/20) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/30) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/40) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/50) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/60) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/70) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/80) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-200\/90) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300) { + background-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/10) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/20) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/30) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/40) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/50) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/60) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/70) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/80) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-300\/90) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400) { + background-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/10) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/20) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/30) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/40) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/50) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/60) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/70) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/80) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-400\/90) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500) { + background-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/10) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/20) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/30) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/40) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/50) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/60) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/70) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/80) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-500\/90) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600) { + background-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/10) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/20) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/30) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/40) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/50) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/60) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/70) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/80) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-600\/90) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700) { + background-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/10) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/20) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/30) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/40) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/50) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/60) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/70) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/80) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-700\/90) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800) { + background-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/10) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/20) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/30) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/40) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/50) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/60) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/70) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/80) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-800\/90) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900) { + background-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/10) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/20) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/30) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/40) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/50) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/60) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/70) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/80) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-orange-900\/90) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50) { + background-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/10) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/20) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/30) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/40) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/50) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/60) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/70) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/80) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-50\/90) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100) { + background-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/10) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/20) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/30) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/40) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/50) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/60) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/70) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/80) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-100\/90) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200) { + background-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/10) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/20) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/30) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/40) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/50) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/60) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/70) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/80) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-200\/90) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300) { + background-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/10) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/20) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/30) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/40) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/50) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/60) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/70) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/80) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-300\/90) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400) { + background-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/10) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/20) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/30) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/40) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/50) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/60) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/70) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/80) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-400\/90) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500) { + background-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/10) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/20) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/30) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/40) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/50) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/60) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/70) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/80) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-500\/90) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600) { + background-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/10) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/20) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/30) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/40) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/50) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/60) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/70) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/80) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-600\/90) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700) { + background-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/10) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/20) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/30) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/40) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/50) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/60) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/70) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/80) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-700\/90) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800) { + background-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/10) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/20) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/30) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/40) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/50) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/60) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/70) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/80) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-800\/90) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900) { + background-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/10) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/20) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/30) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/40) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/50) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/60) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/70) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/80) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-bluegray-900\/90) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50) { + background-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/10) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/20) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/30) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/40) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/50) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/60) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/70) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/80) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-50\/90) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100) { + background-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/10) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/20) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/30) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/40) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/50) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/60) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/70) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/80) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-100\/90) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200) { + background-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/10) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/20) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/30) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/40) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/50) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/60) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/70) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/80) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-200\/90) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300) { + background-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/10) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/20) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/30) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/40) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/50) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/60) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/70) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/80) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-300\/90) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400) { + background-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/10) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/20) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/30) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/40) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/50) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/60) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/70) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/80) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-400\/90) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500) { + background-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/10) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/20) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/30) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/40) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/50) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/60) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/70) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/80) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-500\/90) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600) { + background-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/10) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/20) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/30) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/40) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/50) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/60) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/70) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/80) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-600\/90) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700) { + background-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/10) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/20) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/30) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/40) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/50) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/60) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/70) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/80) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-700\/90) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800) { + background-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/10) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/20) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/30) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/40) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/50) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/60) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/70) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/80) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-800\/90) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900) { + background-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/10) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/20) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/30) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/40) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/50) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/60) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/70) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/80) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-purple-900\/90) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50) { + background-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/10) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/20) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/30) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/40) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/50) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/60) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/70) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/80) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-50\/90) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100) { + background-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/10) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/20) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/30) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/40) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/50) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/60) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/70) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/80) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-100\/90) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200) { + background-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/10) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/20) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/30) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/40) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/50) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/60) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/70) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/80) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-200\/90) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300) { + background-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/10) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/20) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/30) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/40) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/50) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/60) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/70) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/80) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-300\/90) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400) { + background-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/10) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/20) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/30) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/40) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/50) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/60) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/70) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/80) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-400\/90) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500) { + background-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/10) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/20) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/30) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/40) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/50) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/60) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/70) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/80) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-500\/90) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600) { + background-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/10) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/20) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/30) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/40) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/50) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/60) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/70) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/80) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-600\/90) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700) { + background-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/10) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/20) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/30) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/40) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/50) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/60) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/70) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/80) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-700\/90) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800) { + background-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/10) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/20) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/30) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/40) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/50) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/60) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/70) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/80) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-800\/90) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900) { + background-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/10) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/20) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/30) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/40) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/50) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/60) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/70) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/80) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-red-900\/90) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50) { + background-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/10) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/20) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/30) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/40) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/50) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/60) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/70) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/80) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-50\/90) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100) { + background-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/10) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/20) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/30) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/40) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/50) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/60) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/70) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/80) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-100\/90) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200) { + background-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/10) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/20) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/30) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/40) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/50) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/60) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/70) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/80) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-200\/90) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300) { + background-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/10) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/20) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/30) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/40) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/50) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/60) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/70) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/80) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-300\/90) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400) { + background-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/10) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/20) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/30) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/40) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/50) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/60) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/70) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/80) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-400\/90) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500) { + background-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/10) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/20) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/30) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/40) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/50) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/60) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/70) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/80) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-500\/90) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600) { + background-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/10) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/20) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/30) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/40) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/50) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/60) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/70) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/80) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-600\/90) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700) { + background-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/10) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/20) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/30) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/40) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/50) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/60) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/70) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/80) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-700\/90) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800) { + background-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/10) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/20) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/30) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/40) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/50) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/60) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/70) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/80) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-800\/90) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900) { + background-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/10) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/20) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/30) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/40) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/50) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/60) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/70) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/80) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-gray-900\/90) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0) { + background-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/10) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/20) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/30) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/40) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/50) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/60) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/70) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/80) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-0\/90) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50) { + background-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/10) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/20) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/30) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/40) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/50) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/60) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/70) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/80) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-50\/90) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100) { + background-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/10) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/20) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/30) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/40) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/50) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/60) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/70) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/80) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-100\/90) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200) { + background-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/10) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/20) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/30) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/40) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/50) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/60) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/70) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/80) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-200\/90) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300) { + background-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/10) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/20) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/30) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/40) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/50) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/60) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/70) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/80) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-300\/90) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400) { + background-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/10) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/20) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/30) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/40) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/50) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/60) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/70) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/80) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-400\/90) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500) { + background-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/10) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/20) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/30) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/40) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/50) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/60) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/70) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/80) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-500\/90) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600) { + background-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/10) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/20) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/30) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/40) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/50) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/60) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/70) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/80) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-600\/90) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700) { + background-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/10) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/20) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/30) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/40) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/50) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/60) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/70) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/80) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-700\/90) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800) { + background-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/10) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/20) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/30) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/40) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/50) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/60) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/70) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/80) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-800\/90) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900) { + background-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/10) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/20) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/30) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/40) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/50) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/60) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/70) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/80) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-surface-900\/90) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50) { + background-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/10) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/20) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/30) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/40) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/50) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/60) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/70) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/80) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-50\/90) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100) { + background-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/10) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/20) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/30) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/40) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/50) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/60) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/70) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/80) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-100\/90) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200) { + background-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/10) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/20) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/30) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/40) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/50) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/60) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/70) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/80) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-200\/90) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300) { + background-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/10) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/20) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/30) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/40) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/50) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/60) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/70) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/80) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-300\/90) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400) { + background-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/10) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/20) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/30) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/40) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/50) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/60) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/70) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/80) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-400\/90) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500) { + background-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/10) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/20) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/30) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/40) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/50) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/60) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/70) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/80) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-500\/90) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600) { + background-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/10) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/20) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/30) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/40) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/50) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/60) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/70) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/80) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-600\/90) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700) { + background-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/10) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/20) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/30) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/40) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/50) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/60) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/70) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/80) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-700\/90) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800) { + background-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/10) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/20) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/30) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/40) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/50) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/60) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/70) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/80) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-800\/90) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900) { + background-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/10) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/20) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/30) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/40) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/50) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/60) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/70) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/80) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-primary-900\/90) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50:focus) { + background-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50:hover) { + background-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50:active) { + background-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/10:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/10:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/10:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/20:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/20:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/20:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/30:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/30:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/30:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/40:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/40:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/40:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/50:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/50:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/50:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/60:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/60:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/60:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/70:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/70:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/70:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/80:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/80:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/80:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-50\/90:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-50\/90:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-50\/90:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100:focus) { + background-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100:hover) { + background-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100:active) { + background-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/10:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/10:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/10:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/20:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/20:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/20:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/30:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/30:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/30:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/40:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/40:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/40:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/50:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/50:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/50:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/60:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/60:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/60:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/70:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/70:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/70:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/80:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/80:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/80:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-100\/90:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-100\/90:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-100\/90:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200:focus) { + background-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200:hover) { + background-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200:active) { + background-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/10:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/10:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/10:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/20:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/20:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/20:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/30:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/30:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/30:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/40:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/40:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/40:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/50:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/50:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/50:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/60:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/60:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/60:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/70:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/70:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/70:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/80:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/80:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/80:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-200\/90:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-200\/90:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-200\/90:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300:focus) { + background-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300:hover) { + background-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300:active) { + background-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/10:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/10:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/10:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/20:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/20:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/20:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/30:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/30:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/30:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/40:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/40:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/40:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/50:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/50:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/50:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/60:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/60:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/60:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/70:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/70:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/70:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/80:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/80:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/80:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-300\/90:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-300\/90:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-300\/90:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400:focus) { + background-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400:hover) { + background-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400:active) { + background-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/10:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/10:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/10:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/20:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/20:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/20:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/30:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/30:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/30:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/40:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/40:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/40:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/50:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/50:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/50:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/60:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/60:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/60:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/70:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/70:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/70:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/80:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/80:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/80:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-400\/90:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-400\/90:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-400\/90:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500:focus) { + background-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500:hover) { + background-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500:active) { + background-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/10:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/10:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/10:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/20:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/20:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/20:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/30:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/30:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/30:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/40:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/40:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/40:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/50:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/50:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/50:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/60:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/60:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/60:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/70:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/70:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/70:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/80:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/80:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/80:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-500\/90:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-500\/90:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-500\/90:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600:focus) { + background-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600:hover) { + background-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600:active) { + background-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/10:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/10:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/10:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/20:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/20:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/20:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/30:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/30:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/30:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/40:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/40:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/40:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/50:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/50:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/50:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/60:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/60:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/60:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/70:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/70:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/70:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/80:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/80:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/80:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-600\/90:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-600\/90:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-600\/90:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700:focus) { + background-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700:hover) { + background-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700:active) { + background-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/10:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/10:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/10:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/20:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/20:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/20:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/30:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/30:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/30:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/40:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/40:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/40:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/50:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/50:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/50:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/60:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/60:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/60:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/70:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/70:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/70:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/80:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/80:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/80:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-700\/90:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-700\/90:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-700\/90:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800:focus) { + background-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800:hover) { + background-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800:active) { + background-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/10:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/10:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/10:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/20:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/20:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/20:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/30:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/30:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/30:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/40:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/40:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/40:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/50:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/50:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/50:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/60:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/60:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/60:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/70:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/70:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/70:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/80:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/80:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/80:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-800\/90:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-800\/90:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-800\/90:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900:focus) { + background-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900:hover) { + background-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900:active) { + background-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/10:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/10:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/10:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/20:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/20:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/20:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/30:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/30:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/30:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/40:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/40:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/40:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/50:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/50:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/50:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/60:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/60:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/60:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/70:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/70:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/70:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/80:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/80:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/80:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-blue-900\/90:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-blue-900\/90:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-blue-900\/90:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50:focus) { + background-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50:hover) { + background-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50:active) { + background-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/10:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/10:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/10:active) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/20:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/20:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/20:active) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/30:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/30:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/30:active) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/40:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/40:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/40:active) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/50:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/50:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/50:active) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/60:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/60:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/60:active) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/70:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/70:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/70:active) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/80:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/80:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/80:active) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-50\/90:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-50\/90:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-50\/90:active) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100:focus) { + background-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100:hover) { + background-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100:active) { + background-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/10:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/10:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/10:active) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/20:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/20:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/20:active) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/30:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/30:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/30:active) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/40:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/40:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/40:active) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/50:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/50:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/50:active) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/60:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/60:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/60:active) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/70:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/70:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/70:active) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/80:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/80:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/80:active) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-100\/90:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-100\/90:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-100\/90:active) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200:focus) { + background-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200:hover) { + background-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200:active) { + background-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/10:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/10:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/10:active) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/20:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/20:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/20:active) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/30:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/30:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/30:active) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/40:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/40:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/40:active) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/50:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/50:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/50:active) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/60:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/60:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/60:active) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/70:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/70:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/70:active) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/80:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/80:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/80:active) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-200\/90:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-200\/90:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-200\/90:active) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300:focus) { + background-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300:hover) { + background-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300:active) { + background-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/10:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/10:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/10:active) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/20:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/20:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/20:active) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/30:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/30:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/30:active) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/40:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/40:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/40:active) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/50:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/50:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/50:active) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/60:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/60:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/60:active) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/70:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/70:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/70:active) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/80:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/80:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/80:active) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-300\/90:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-300\/90:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-300\/90:active) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400:focus) { + background-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400:hover) { + background-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400:active) { + background-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/10:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/10:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/10:active) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/20:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/20:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/20:active) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/30:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/30:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/30:active) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/40:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/40:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/40:active) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/50:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/50:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/50:active) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/60:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/60:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/60:active) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/70:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/70:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/70:active) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/80:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/80:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/80:active) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-400\/90:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-400\/90:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-400\/90:active) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500:focus) { + background-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500:hover) { + background-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500:active) { + background-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/10:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/10:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/10:active) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/20:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/20:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/20:active) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/30:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/30:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/30:active) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/40:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/40:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/40:active) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/50:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/50:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/50:active) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/60:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/60:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/60:active) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/70:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/70:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/70:active) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/80:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/80:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/80:active) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-500\/90:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-500\/90:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-500\/90:active) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600:focus) { + background-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600:hover) { + background-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600:active) { + background-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/10:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/10:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/10:active) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/20:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/20:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/20:active) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/30:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/30:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/30:active) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/40:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/40:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/40:active) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/50:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/50:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/50:active) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/60:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/60:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/60:active) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/70:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/70:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/70:active) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/80:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/80:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/80:active) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-600\/90:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-600\/90:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-600\/90:active) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700:focus) { + background-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700:hover) { + background-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700:active) { + background-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/10:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/10:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/10:active) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/20:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/20:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/20:active) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/30:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/30:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/30:active) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/40:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/40:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/40:active) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/50:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/50:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/50:active) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/60:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/60:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/60:active) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/70:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/70:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/70:active) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/80:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/80:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/80:active) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-700\/90:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-700\/90:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-700\/90:active) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800:focus) { + background-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800:hover) { + background-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800:active) { + background-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/10:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/10:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/10:active) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/20:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/20:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/20:active) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/30:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/30:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/30:active) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/40:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/40:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/40:active) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/50:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/50:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/50:active) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/60:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/60:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/60:active) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/70:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/70:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/70:active) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/80:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/80:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/80:active) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-800\/90:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-800\/90:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-800\/90:active) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900:focus) { + background-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900:hover) { + background-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900:active) { + background-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/10:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/10:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/10:active) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/20:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/20:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/20:active) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/30:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/30:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/30:active) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/40:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/40:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/40:active) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/50:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/50:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/50:active) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/60:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/60:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/60:active) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/70:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/70:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/70:active) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/80:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/80:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/80:active) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-green-900\/90:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-green-900\/90:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-green-900\/90:active) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50:focus) { + background-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50:hover) { + background-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50:active) { + background-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/10:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/20:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/30:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/40:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/50:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/60:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/70:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/80:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-50\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-50\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-50\/90:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100:focus) { + background-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100:hover) { + background-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100:active) { + background-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/10:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/20:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/30:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/40:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/50:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/60:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/70:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/80:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-100\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-100\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-100\/90:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200:focus) { + background-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200:hover) { + background-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200:active) { + background-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/10:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/20:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/30:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/40:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/50:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/60:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/70:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/80:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-200\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-200\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-200\/90:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300:focus) { + background-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300:hover) { + background-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300:active) { + background-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/10:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/20:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/30:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/40:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/50:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/60:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/70:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/80:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-300\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-300\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-300\/90:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400:focus) { + background-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400:hover) { + background-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400:active) { + background-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/10:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/20:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/30:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/40:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/50:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/60:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/70:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/80:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-400\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-400\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-400\/90:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500:focus) { + background-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500:hover) { + background-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500:active) { + background-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/10:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/20:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/30:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/40:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/50:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/60:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/70:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/80:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-500\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-500\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-500\/90:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600:focus) { + background-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600:hover) { + background-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600:active) { + background-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/10:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/20:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/30:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/40:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/50:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/60:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/70:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/80:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-600\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-600\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-600\/90:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700:focus) { + background-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700:hover) { + background-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700:active) { + background-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/10:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/20:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/30:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/40:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/50:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/60:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/70:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/80:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-700\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-700\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-700\/90:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800:focus) { + background-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800:hover) { + background-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800:active) { + background-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/10:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/20:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/30:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/40:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/50:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/60:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/70:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/80:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-800\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-800\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-800\/90:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900:focus) { + background-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900:hover) { + background-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900:active) { + background-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/10:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/20:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/30:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/40:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/50:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/60:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/70:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/80:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-yellow-900\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-yellow-900\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-yellow-900\/90:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50:focus) { + background-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50:hover) { + background-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50:active) { + background-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/10:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/20:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/30:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/40:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/50:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/60:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/70:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/80:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-50\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-50\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-50\/90:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100:focus) { + background-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100:hover) { + background-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100:active) { + background-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/10:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/20:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/30:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/40:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/50:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/60:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/70:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/80:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-100\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-100\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-100\/90:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200:focus) { + background-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200:hover) { + background-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200:active) { + background-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/10:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/20:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/30:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/40:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/50:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/60:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/70:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/80:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-200\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-200\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-200\/90:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300:focus) { + background-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300:hover) { + background-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300:active) { + background-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/10:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/20:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/30:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/40:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/50:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/60:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/70:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/80:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-300\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-300\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-300\/90:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400:focus) { + background-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400:hover) { + background-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400:active) { + background-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/10:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/20:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/30:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/40:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/50:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/60:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/70:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/80:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-400\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-400\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-400\/90:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500:focus) { + background-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500:hover) { + background-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500:active) { + background-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/10:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/20:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/30:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/40:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/50:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/60:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/70:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/80:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-500\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-500\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-500\/90:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600:focus) { + background-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600:hover) { + background-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600:active) { + background-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/10:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/20:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/30:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/40:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/50:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/60:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/70:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/80:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-600\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-600\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-600\/90:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700:focus) { + background-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700:hover) { + background-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700:active) { + background-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/10:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/20:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/30:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/40:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/50:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/60:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/70:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/80:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-700\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-700\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-700\/90:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800:focus) { + background-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800:hover) { + background-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800:active) { + background-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/10:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/20:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/30:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/40:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/50:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/60:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/70:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/80:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-800\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-800\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-800\/90:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900:focus) { + background-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900:hover) { + background-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900:active) { + background-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/10:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/20:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/30:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/40:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/50:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/60:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/70:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/80:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-cyan-900\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-cyan-900\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-cyan-900\/90:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50:focus) { + background-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50:hover) { + background-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50:active) { + background-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/10:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/10:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/10:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/20:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/20:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/20:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/30:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/30:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/30:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/40:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/40:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/40:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/50:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/50:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/50:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/60:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/60:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/60:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/70:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/70:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/70:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/80:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/80:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/80:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-50\/90:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-50\/90:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-50\/90:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100:focus) { + background-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100:hover) { + background-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100:active) { + background-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/10:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/10:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/10:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/20:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/20:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/20:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/30:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/30:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/30:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/40:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/40:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/40:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/50:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/50:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/50:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/60:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/60:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/60:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/70:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/70:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/70:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/80:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/80:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/80:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-100\/90:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-100\/90:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-100\/90:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200:focus) { + background-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200:hover) { + background-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200:active) { + background-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/10:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/10:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/10:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/20:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/20:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/20:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/30:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/30:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/30:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/40:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/40:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/40:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/50:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/50:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/50:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/60:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/60:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/60:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/70:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/70:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/70:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/80:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/80:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/80:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-200\/90:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-200\/90:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-200\/90:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300:focus) { + background-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300:hover) { + background-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300:active) { + background-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/10:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/10:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/10:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/20:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/20:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/20:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/30:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/30:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/30:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/40:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/40:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/40:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/50:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/50:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/50:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/60:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/60:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/60:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/70:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/70:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/70:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/80:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/80:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/80:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-300\/90:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-300\/90:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-300\/90:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400:focus) { + background-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400:hover) { + background-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400:active) { + background-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/10:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/10:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/10:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/20:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/20:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/20:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/30:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/30:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/30:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/40:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/40:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/40:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/50:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/50:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/50:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/60:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/60:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/60:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/70:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/70:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/70:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/80:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/80:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/80:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-400\/90:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-400\/90:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-400\/90:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500:focus) { + background-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500:hover) { + background-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500:active) { + background-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/10:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/10:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/10:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/20:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/20:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/20:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/30:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/30:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/30:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/40:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/40:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/40:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/50:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/50:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/50:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/60:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/60:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/60:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/70:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/70:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/70:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/80:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/80:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/80:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-500\/90:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-500\/90:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-500\/90:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600:focus) { + background-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600:hover) { + background-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600:active) { + background-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/10:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/10:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/10:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/20:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/20:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/20:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/30:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/30:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/30:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/40:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/40:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/40:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/50:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/50:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/50:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/60:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/60:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/60:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/70:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/70:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/70:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/80:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/80:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/80:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-600\/90:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-600\/90:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-600\/90:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700:focus) { + background-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700:hover) { + background-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700:active) { + background-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/10:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/10:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/10:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/20:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/20:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/20:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/30:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/30:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/30:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/40:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/40:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/40:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/50:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/50:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/50:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/60:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/60:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/60:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/70:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/70:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/70:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/80:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/80:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/80:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-700\/90:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-700\/90:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-700\/90:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800:focus) { + background-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800:hover) { + background-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800:active) { + background-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/10:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/10:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/10:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/20:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/20:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/20:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/30:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/30:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/30:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/40:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/40:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/40:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/50:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/50:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/50:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/60:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/60:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/60:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/70:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/70:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/70:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/80:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/80:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/80:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-800\/90:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-800\/90:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-800\/90:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900:focus) { + background-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900:hover) { + background-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900:active) { + background-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/10:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/10:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/10:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/20:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/20:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/20:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/30:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/30:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/30:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/40:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/40:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/40:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/50:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/50:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/50:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/60:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/60:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/60:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/70:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/70:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/70:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/80:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/80:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/80:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-pink-900\/90:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-pink-900\/90:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-pink-900\/90:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50:focus) { + background-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50:hover) { + background-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50:active) { + background-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/10:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/20:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/30:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/40:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/50:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/60:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/70:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/80:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-50\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-50\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-50\/90:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100:focus) { + background-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100:hover) { + background-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100:active) { + background-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/10:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/20:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/30:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/40:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/50:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/60:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/70:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/80:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-100\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-100\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-100\/90:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200:focus) { + background-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200:hover) { + background-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200:active) { + background-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/10:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/20:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/30:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/40:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/50:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/60:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/70:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/80:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-200\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-200\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-200\/90:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300:focus) { + background-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300:hover) { + background-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300:active) { + background-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/10:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/20:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/30:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/40:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/50:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/60:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/70:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/80:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-300\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-300\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-300\/90:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400:focus) { + background-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400:hover) { + background-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400:active) { + background-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/10:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/20:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/30:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/40:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/50:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/60:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/70:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/80:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-400\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-400\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-400\/90:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500:focus) { + background-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500:hover) { + background-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500:active) { + background-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/10:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/20:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/30:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/40:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/50:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/60:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/70:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/80:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-500\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-500\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-500\/90:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600:focus) { + background-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600:hover) { + background-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600:active) { + background-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/10:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/20:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/30:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/40:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/50:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/60:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/70:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/80:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-600\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-600\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-600\/90:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700:focus) { + background-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700:hover) { + background-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700:active) { + background-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/10:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/20:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/30:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/40:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/50:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/60:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/70:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/80:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-700\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-700\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-700\/90:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800:focus) { + background-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800:hover) { + background-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800:active) { + background-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/10:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/20:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/30:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/40:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/50:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/60:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/70:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/80:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-800\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-800\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-800\/90:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900:focus) { + background-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900:hover) { + background-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900:active) { + background-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/10:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/20:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/30:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/40:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/50:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/60:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/70:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/80:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-indigo-900\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-indigo-900\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-indigo-900\/90:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50:focus) { + background-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50:hover) { + background-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50:active) { + background-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/10:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/10:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/10:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/20:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/20:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/20:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/30:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/30:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/30:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/40:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/40:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/40:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/50:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/50:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/50:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/60:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/60:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/60:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/70:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/70:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/70:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/80:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/80:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/80:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-50\/90:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-50\/90:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-50\/90:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100:focus) { + background-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100:hover) { + background-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100:active) { + background-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/10:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/10:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/10:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/20:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/20:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/20:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/30:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/30:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/30:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/40:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/40:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/40:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/50:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/50:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/50:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/60:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/60:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/60:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/70:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/70:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/70:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/80:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/80:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/80:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-100\/90:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-100\/90:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-100\/90:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200:focus) { + background-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200:hover) { + background-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200:active) { + background-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/10:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/10:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/10:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/20:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/20:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/20:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/30:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/30:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/30:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/40:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/40:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/40:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/50:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/50:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/50:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/60:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/60:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/60:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/70:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/70:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/70:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/80:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/80:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/80:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-200\/90:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-200\/90:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-200\/90:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300:focus) { + background-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300:hover) { + background-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300:active) { + background-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/10:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/10:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/10:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/20:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/20:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/20:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/30:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/30:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/30:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/40:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/40:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/40:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/50:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/50:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/50:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/60:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/60:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/60:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/70:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/70:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/70:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/80:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/80:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/80:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-300\/90:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-300\/90:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-300\/90:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400:focus) { + background-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400:hover) { + background-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400:active) { + background-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/10:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/10:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/10:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/20:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/20:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/20:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/30:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/30:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/30:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/40:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/40:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/40:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/50:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/50:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/50:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/60:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/60:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/60:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/70:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/70:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/70:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/80:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/80:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/80:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-400\/90:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-400\/90:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-400\/90:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500:focus) { + background-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500:hover) { + background-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500:active) { + background-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/10:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/10:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/10:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/20:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/20:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/20:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/30:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/30:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/30:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/40:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/40:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/40:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/50:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/50:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/50:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/60:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/60:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/60:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/70:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/70:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/70:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/80:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/80:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/80:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-500\/90:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-500\/90:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-500\/90:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600:focus) { + background-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600:hover) { + background-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600:active) { + background-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/10:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/10:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/10:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/20:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/20:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/20:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/30:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/30:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/30:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/40:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/40:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/40:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/50:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/50:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/50:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/60:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/60:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/60:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/70:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/70:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/70:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/80:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/80:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/80:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-600\/90:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-600\/90:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-600\/90:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700:focus) { + background-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700:hover) { + background-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700:active) { + background-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/10:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/10:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/10:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/20:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/20:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/20:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/30:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/30:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/30:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/40:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/40:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/40:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/50:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/50:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/50:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/60:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/60:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/60:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/70:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/70:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/70:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/80:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/80:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/80:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-700\/90:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-700\/90:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-700\/90:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800:focus) { + background-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800:hover) { + background-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800:active) { + background-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/10:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/10:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/10:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/20:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/20:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/20:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/30:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/30:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/30:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/40:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/40:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/40:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/50:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/50:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/50:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/60:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/60:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/60:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/70:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/70:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/70:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/80:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/80:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/80:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-800\/90:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-800\/90:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-800\/90:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900:focus) { + background-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900:hover) { + background-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900:active) { + background-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/10:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/10:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/10:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/20:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/20:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/20:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/30:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/30:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/30:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/40:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/40:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/40:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/50:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/50:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/50:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/60:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/60:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/60:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/70:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/70:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/70:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/80:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/80:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/80:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-teal-900\/90:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-teal-900\/90:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-teal-900\/90:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50:focus) { + background-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50:hover) { + background-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50:active) { + background-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/10:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/10:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/10:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/20:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/20:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/20:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/30:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/30:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/30:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/40:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/40:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/40:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/50:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/50:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/50:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/60:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/60:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/60:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/70:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/70:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/70:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/80:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/80:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/80:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-50\/90:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-50\/90:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-50\/90:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100:focus) { + background-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100:hover) { + background-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100:active) { + background-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/10:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/10:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/10:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/20:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/20:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/20:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/30:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/30:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/30:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/40:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/40:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/40:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/50:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/50:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/50:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/60:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/60:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/60:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/70:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/70:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/70:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/80:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/80:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/80:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-100\/90:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-100\/90:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-100\/90:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200:focus) { + background-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200:hover) { + background-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200:active) { + background-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/10:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/10:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/10:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/20:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/20:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/20:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/30:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/30:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/30:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/40:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/40:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/40:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/50:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/50:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/50:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/60:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/60:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/60:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/70:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/70:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/70:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/80:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/80:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/80:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-200\/90:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-200\/90:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-200\/90:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300:focus) { + background-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300:hover) { + background-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300:active) { + background-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/10:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/10:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/10:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/20:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/20:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/20:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/30:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/30:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/30:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/40:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/40:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/40:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/50:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/50:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/50:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/60:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/60:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/60:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/70:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/70:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/70:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/80:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/80:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/80:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-300\/90:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-300\/90:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-300\/90:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400:focus) { + background-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400:hover) { + background-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400:active) { + background-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/10:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/10:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/10:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/20:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/20:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/20:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/30:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/30:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/30:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/40:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/40:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/40:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/50:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/50:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/50:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/60:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/60:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/60:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/70:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/70:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/70:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/80:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/80:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/80:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-400\/90:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-400\/90:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-400\/90:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500:focus) { + background-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500:hover) { + background-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500:active) { + background-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/10:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/10:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/10:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/20:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/20:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/20:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/30:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/30:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/30:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/40:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/40:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/40:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/50:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/50:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/50:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/60:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/60:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/60:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/70:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/70:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/70:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/80:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/80:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/80:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-500\/90:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-500\/90:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-500\/90:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600:focus) { + background-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600:hover) { + background-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600:active) { + background-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/10:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/10:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/10:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/20:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/20:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/20:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/30:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/30:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/30:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/40:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/40:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/40:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/50:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/50:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/50:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/60:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/60:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/60:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/70:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/70:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/70:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/80:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/80:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/80:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-600\/90:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-600\/90:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-600\/90:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700:focus) { + background-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700:hover) { + background-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700:active) { + background-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/10:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/10:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/10:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/20:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/20:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/20:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/30:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/30:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/30:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/40:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/40:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/40:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/50:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/50:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/50:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/60:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/60:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/60:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/70:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/70:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/70:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/80:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/80:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/80:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-700\/90:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-700\/90:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-700\/90:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800:focus) { + background-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800:hover) { + background-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800:active) { + background-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/10:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/10:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/10:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/20:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/20:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/20:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/30:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/30:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/30:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/40:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/40:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/40:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/50:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/50:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/50:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/60:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/60:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/60:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/70:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/70:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/70:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/80:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/80:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/80:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-800\/90:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-800\/90:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-800\/90:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900:focus) { + background-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900:hover) { + background-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900:active) { + background-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/10:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/10:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/10:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/20:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/20:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/20:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/30:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/30:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/30:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/40:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/40:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/40:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/50:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/50:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/50:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/60:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/60:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/60:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/70:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/70:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/70:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/80:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/80:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/80:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-orange-900\/90:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-orange-900\/90:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-orange-900\/90:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50:focus) { + background-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50:hover) { + background-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50:active) { + background-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-50\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-50\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-50\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100:focus) { + background-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100:hover) { + background-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100:active) { + background-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-100\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-100\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-100\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200:focus) { + background-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200:hover) { + background-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200:active) { + background-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-200\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-200\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-200\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300:focus) { + background-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300:hover) { + background-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300:active) { + background-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-300\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-300\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-300\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400:focus) { + background-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400:hover) { + background-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400:active) { + background-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-400\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-400\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-400\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500:focus) { + background-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500:hover) { + background-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500:active) { + background-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-500\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-500\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-500\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600:focus) { + background-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600:hover) { + background-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600:active) { + background-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-600\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-600\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-600\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700:focus) { + background-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700:hover) { + background-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700:active) { + background-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-700\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-700\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-700\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800:focus) { + background-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800:hover) { + background-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800:active) { + background-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-800\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-800\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-800\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900:focus) { + background-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900:hover) { + background-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900:active) { + background-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-bluegray-900\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-bluegray-900\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-bluegray-900\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50:focus) { + background-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50:hover) { + background-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50:active) { + background-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/10:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/10:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/10:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/20:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/20:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/20:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/30:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/30:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/30:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/40:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/40:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/40:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/50:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/50:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/50:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/60:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/60:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/60:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/70:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/70:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/70:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/80:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/80:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/80:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-50\/90:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-50\/90:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-50\/90:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100:focus) { + background-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100:hover) { + background-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100:active) { + background-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/10:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/10:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/10:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/20:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/20:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/20:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/30:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/30:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/30:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/40:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/40:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/40:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/50:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/50:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/50:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/60:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/60:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/60:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/70:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/70:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/70:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/80:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/80:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/80:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-100\/90:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-100\/90:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-100\/90:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200:focus) { + background-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200:hover) { + background-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200:active) { + background-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/10:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/10:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/10:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/20:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/20:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/20:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/30:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/30:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/30:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/40:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/40:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/40:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/50:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/50:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/50:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/60:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/60:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/60:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/70:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/70:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/70:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/80:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/80:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/80:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-200\/90:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-200\/90:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-200\/90:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300:focus) { + background-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300:hover) { + background-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300:active) { + background-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/10:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/10:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/10:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/20:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/20:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/20:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/30:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/30:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/30:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/40:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/40:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/40:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/50:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/50:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/50:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/60:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/60:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/60:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/70:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/70:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/70:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/80:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/80:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/80:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-300\/90:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-300\/90:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-300\/90:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400:focus) { + background-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400:hover) { + background-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400:active) { + background-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/10:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/10:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/10:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/20:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/20:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/20:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/30:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/30:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/30:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/40:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/40:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/40:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/50:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/50:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/50:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/60:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/60:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/60:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/70:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/70:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/70:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/80:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/80:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/80:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-400\/90:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-400\/90:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-400\/90:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500:focus) { + background-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500:hover) { + background-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500:active) { + background-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/10:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/10:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/10:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/20:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/20:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/20:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/30:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/30:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/30:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/40:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/40:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/40:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/50:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/50:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/50:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/60:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/60:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/60:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/70:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/70:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/70:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/80:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/80:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/80:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-500\/90:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-500\/90:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-500\/90:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600:focus) { + background-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600:hover) { + background-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600:active) { + background-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/10:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/10:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/10:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/20:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/20:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/20:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/30:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/30:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/30:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/40:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/40:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/40:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/50:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/50:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/50:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/60:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/60:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/60:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/70:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/70:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/70:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/80:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/80:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/80:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-600\/90:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-600\/90:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-600\/90:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700:focus) { + background-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700:hover) { + background-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700:active) { + background-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/10:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/10:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/10:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/20:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/20:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/20:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/30:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/30:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/30:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/40:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/40:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/40:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/50:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/50:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/50:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/60:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/60:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/60:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/70:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/70:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/70:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/80:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/80:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/80:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-700\/90:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-700\/90:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-700\/90:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800:focus) { + background-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800:hover) { + background-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800:active) { + background-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/10:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/10:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/10:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/20:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/20:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/20:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/30:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/30:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/30:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/40:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/40:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/40:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/50:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/50:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/50:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/60:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/60:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/60:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/70:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/70:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/70:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/80:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/80:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/80:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-800\/90:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-800\/90:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-800\/90:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900:focus) { + background-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900:hover) { + background-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900:active) { + background-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/10:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/10:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/10:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/20:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/20:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/20:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/30:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/30:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/30:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/40:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/40:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/40:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/50:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/50:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/50:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/60:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/60:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/60:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/70:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/70:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/70:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/80:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/80:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/80:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-purple-900\/90:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-purple-900\/90:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-purple-900\/90:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50:focus) { + background-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50:hover) { + background-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50:active) { + background-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/10:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/10:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/10:active) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/20:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/20:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/20:active) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/30:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/30:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/30:active) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/40:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/40:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/40:active) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/50:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/50:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/50:active) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/60:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/60:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/60:active) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/70:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/70:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/70:active) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/80:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/80:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/80:active) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-50\/90:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-50\/90:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-50\/90:active) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100:focus) { + background-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100:hover) { + background-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100:active) { + background-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/10:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/10:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/10:active) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/20:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/20:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/20:active) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/30:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/30:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/30:active) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/40:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/40:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/40:active) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/50:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/50:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/50:active) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/60:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/60:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/60:active) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/70:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/70:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/70:active) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/80:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/80:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/80:active) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-100\/90:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-100\/90:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-100\/90:active) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200:focus) { + background-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200:hover) { + background-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200:active) { + background-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/10:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/10:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/10:active) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/20:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/20:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/20:active) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/30:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/30:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/30:active) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/40:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/40:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/40:active) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/50:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/50:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/50:active) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/60:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/60:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/60:active) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/70:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/70:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/70:active) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/80:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/80:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/80:active) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-200\/90:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-200\/90:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-200\/90:active) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300:focus) { + background-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300:hover) { + background-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300:active) { + background-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/10:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/10:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/10:active) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/20:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/20:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/20:active) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/30:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/30:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/30:active) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/40:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/40:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/40:active) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/50:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/50:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/50:active) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/60:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/60:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/60:active) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/70:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/70:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/70:active) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/80:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/80:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/80:active) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-300\/90:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-300\/90:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-300\/90:active) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400:focus) { + background-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400:hover) { + background-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400:active) { + background-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/10:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/10:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/10:active) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/20:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/20:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/20:active) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/30:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/30:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/30:active) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/40:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/40:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/40:active) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/50:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/50:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/50:active) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/60:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/60:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/60:active) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/70:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/70:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/70:active) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/80:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/80:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/80:active) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-400\/90:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-400\/90:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-400\/90:active) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500:focus) { + background-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500:hover) { + background-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500:active) { + background-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/10:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/10:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/10:active) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/20:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/20:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/20:active) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/30:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/30:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/30:active) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/40:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/40:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/40:active) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/50:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/50:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/50:active) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/60:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/60:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/60:active) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/70:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/70:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/70:active) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/80:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/80:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/80:active) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-500\/90:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-500\/90:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-500\/90:active) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600:focus) { + background-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600:hover) { + background-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600:active) { + background-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/10:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/10:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/10:active) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/20:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/20:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/20:active) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/30:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/30:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/30:active) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/40:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/40:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/40:active) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/50:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/50:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/50:active) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/60:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/60:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/60:active) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/70:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/70:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/70:active) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/80:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/80:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/80:active) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-600\/90:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-600\/90:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-600\/90:active) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700:focus) { + background-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700:hover) { + background-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700:active) { + background-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/10:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/10:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/10:active) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/20:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/20:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/20:active) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/30:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/30:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/30:active) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/40:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/40:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/40:active) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/50:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/50:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/50:active) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/60:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/60:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/60:active) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/70:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/70:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/70:active) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/80:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/80:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/80:active) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-700\/90:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-700\/90:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-700\/90:active) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800:focus) { + background-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800:hover) { + background-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800:active) { + background-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/10:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/10:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/10:active) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/20:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/20:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/20:active) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/30:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/30:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/30:active) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/40:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/40:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/40:active) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/50:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/50:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/50:active) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/60:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/60:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/60:active) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/70:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/70:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/70:active) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/80:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/80:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/80:active) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-800\/90:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-800\/90:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-800\/90:active) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900:focus) { + background-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900:hover) { + background-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900:active) { + background-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/10:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/10:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/10:active) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/20:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/20:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/20:active) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/30:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/30:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/30:active) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/40:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/40:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/40:active) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/50:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/50:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/50:active) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/60:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/60:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/60:active) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/70:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/70:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/70:active) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/80:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/80:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/80:active) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-red-900\/90:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-red-900\/90:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-red-900\/90:active) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50:focus) { + background-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50:hover) { + background-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50:active) { + background-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/10:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/10:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/10:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/20:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/20:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/20:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/30:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/30:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/30:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/40:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/40:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/40:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/50:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/50:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/50:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/60:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/60:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/60:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/70:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/70:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/70:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/80:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/80:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/80:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-50\/90:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-50\/90:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-50\/90:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100:focus) { + background-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100:hover) { + background-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100:active) { + background-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/10:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/10:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/10:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/20:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/20:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/20:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/30:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/30:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/30:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/40:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/40:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/40:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/50:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/50:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/50:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/60:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/60:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/60:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/70:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/70:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/70:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/80:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/80:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/80:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-100\/90:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-100\/90:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-100\/90:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200:focus) { + background-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200:hover) { + background-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200:active) { + background-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/10:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/10:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/10:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/20:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/20:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/20:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/30:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/30:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/30:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/40:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/40:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/40:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/50:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/50:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/50:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/60:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/60:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/60:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/70:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/70:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/70:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/80:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/80:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/80:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-200\/90:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-200\/90:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-200\/90:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300:focus) { + background-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300:hover) { + background-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300:active) { + background-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/10:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/10:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/10:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/20:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/20:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/20:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/30:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/30:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/30:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/40:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/40:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/40:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/50:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/50:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/50:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/60:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/60:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/60:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/70:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/70:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/70:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/80:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/80:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/80:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-300\/90:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-300\/90:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-300\/90:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400:focus) { + background-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400:hover) { + background-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400:active) { + background-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/10:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/10:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/10:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/20:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/20:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/20:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/30:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/30:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/30:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/40:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/40:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/40:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/50:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/50:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/50:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/60:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/60:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/60:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/70:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/70:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/70:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/80:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/80:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/80:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-400\/90:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-400\/90:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-400\/90:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500:focus) { + background-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500:hover) { + background-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500:active) { + background-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/10:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/10:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/10:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/20:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/20:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/20:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/30:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/30:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/30:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/40:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/40:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/40:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/50:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/50:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/50:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/60:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/60:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/60:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/70:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/70:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/70:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/80:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/80:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/80:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-500\/90:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-500\/90:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-500\/90:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600:focus) { + background-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600:hover) { + background-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600:active) { + background-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/10:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/10:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/10:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/20:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/20:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/20:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/30:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/30:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/30:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/40:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/40:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/40:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/50:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/50:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/50:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/60:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/60:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/60:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/70:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/70:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/70:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/80:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/80:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/80:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-600\/90:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-600\/90:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-600\/90:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700:focus) { + background-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700:hover) { + background-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700:active) { + background-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/10:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/10:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/10:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/20:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/20:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/20:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/30:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/30:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/30:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/40:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/40:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/40:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/50:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/50:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/50:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/60:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/60:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/60:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/70:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/70:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/70:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/80:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/80:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/80:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-700\/90:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-700\/90:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-700\/90:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800:focus) { + background-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800:hover) { + background-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800:active) { + background-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/10:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/10:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/10:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/20:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/20:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/20:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/30:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/30:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/30:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/40:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/40:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/40:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/50:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/50:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/50:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/60:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/60:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/60:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/70:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/70:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/70:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/80:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/80:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/80:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-800\/90:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-800\/90:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-800\/90:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900:focus) { + background-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900:hover) { + background-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900:active) { + background-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/10:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/10:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/10:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/20:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/20:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/20:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/30:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/30:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/30:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/40:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/40:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/40:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/50:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/50:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/50:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/60:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/60:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/60:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/70:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/70:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/70:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/80:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/80:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/80:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-gray-900\/90:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-gray-900\/90:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-gray-900\/90:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0:focus) { + background-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0:hover) { + background-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0:active) { + background-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/10:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/10:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/10:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/20:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/20:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/20:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/30:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/30:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/30:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/40:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/40:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/40:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/50:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/50:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/50:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/60:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/60:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/60:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/70:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/70:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/70:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/80:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/80:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/80:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-0\/90:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-0\/90:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-0\/90:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50:focus) { + background-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50:hover) { + background-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50:active) { + background-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/10:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/10:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/10:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/20:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/20:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/20:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/30:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/30:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/30:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/40:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/40:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/40:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/50:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/50:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/50:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/60:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/60:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/60:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/70:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/70:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/70:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/80:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/80:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/80:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-50\/90:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-50\/90:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-50\/90:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100:focus) { + background-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100:hover) { + background-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100:active) { + background-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/10:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/10:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/10:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/20:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/20:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/20:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/30:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/30:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/30:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/40:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/40:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/40:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/50:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/50:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/50:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/60:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/60:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/60:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/70:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/70:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/70:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/80:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/80:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/80:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-100\/90:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-100\/90:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-100\/90:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200:focus) { + background-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200:hover) { + background-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200:active) { + background-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/10:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/10:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/10:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/20:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/20:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/20:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/30:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/30:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/30:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/40:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/40:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/40:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/50:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/50:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/50:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/60:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/60:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/60:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/70:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/70:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/70:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/80:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/80:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/80:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-200\/90:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-200\/90:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-200\/90:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300:focus) { + background-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300:hover) { + background-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300:active) { + background-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/10:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/10:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/10:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/20:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/20:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/20:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/30:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/30:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/30:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/40:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/40:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/40:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/50:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/50:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/50:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/60:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/60:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/60:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/70:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/70:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/70:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/80:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/80:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/80:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-300\/90:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-300\/90:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-300\/90:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400:focus) { + background-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400:hover) { + background-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400:active) { + background-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/10:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/10:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/10:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/20:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/20:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/20:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/30:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/30:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/30:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/40:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/40:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/40:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/50:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/50:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/50:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/60:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/60:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/60:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/70:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/70:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/70:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/80:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/80:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/80:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-400\/90:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-400\/90:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-400\/90:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500:focus) { + background-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500:hover) { + background-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500:active) { + background-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/10:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/10:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/10:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/20:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/20:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/20:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/30:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/30:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/30:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/40:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/40:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/40:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/50:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/50:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/50:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/60:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/60:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/60:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/70:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/70:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/70:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/80:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/80:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/80:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-500\/90:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-500\/90:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-500\/90:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600:focus) { + background-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600:hover) { + background-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600:active) { + background-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/10:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/10:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/10:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/20:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/20:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/20:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/30:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/30:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/30:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/40:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/40:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/40:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/50:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/50:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/50:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/60:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/60:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/60:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/70:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/70:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/70:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/80:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/80:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/80:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-600\/90:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-600\/90:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-600\/90:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700:focus) { + background-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700:hover) { + background-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700:active) { + background-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/10:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/10:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/10:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/20:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/20:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/20:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/30:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/30:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/30:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/40:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/40:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/40:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/50:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/50:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/50:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/60:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/60:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/60:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/70:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/70:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/70:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/80:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/80:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/80:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-700\/90:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-700\/90:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-700\/90:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800:focus) { + background-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800:hover) { + background-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800:active) { + background-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/10:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/10:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/10:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/20:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/20:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/20:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/30:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/30:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/30:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/40:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/40:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/40:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/50:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/50:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/50:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/60:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/60:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/60:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/70:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/70:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/70:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/80:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/80:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/80:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-800\/90:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-800\/90:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-800\/90:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900:focus) { + background-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900:hover) { + background-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900:active) { + background-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/10:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/10:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/10:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/20:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/20:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/20:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/30:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/30:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/30:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/40:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/40:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/40:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/50:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/50:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/50:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/60:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/60:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/60:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/70:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/70:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/70:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/80:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/80:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/80:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-surface-900\/90:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-surface-900\/90:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-surface-900\/90:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50:focus) { + background-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50:hover) { + background-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50:active) { + background-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/10:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/10:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/10:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/20:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/20:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/20:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/30:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/30:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/30:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/40:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/40:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/40:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/50:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/50:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/50:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/60:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/60:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/60:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/70:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/70:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/70:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/80:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/80:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/80:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-50\/90:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-50\/90:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-50\/90:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100:focus) { + background-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100:hover) { + background-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100:active) { + background-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/10:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/10:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/10:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/20:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/20:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/20:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/30:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/30:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/30:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/40:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/40:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/40:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/50:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/50:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/50:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/60:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/60:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/60:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/70:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/70:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/70:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/80:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/80:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/80:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-100\/90:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-100\/90:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-100\/90:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200:focus) { + background-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200:hover) { + background-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200:active) { + background-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/10:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/10:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/10:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/20:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/20:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/20:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/30:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/30:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/30:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/40:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/40:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/40:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/50:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/50:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/50:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/60:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/60:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/60:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/70:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/70:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/70:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/80:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/80:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/80:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-200\/90:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-200\/90:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-200\/90:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300:focus) { + background-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300:hover) { + background-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300:active) { + background-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/10:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/10:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/10:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/20:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/20:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/20:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/30:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/30:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/30:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/40:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/40:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/40:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/50:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/50:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/50:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/60:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/60:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/60:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/70:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/70:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/70:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/80:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/80:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/80:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-300\/90:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-300\/90:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-300\/90:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400:focus) { + background-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400:hover) { + background-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400:active) { + background-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/10:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/10:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/10:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/20:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/20:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/20:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/30:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/30:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/30:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/40:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/40:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/40:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/50:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/50:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/50:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/60:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/60:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/60:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/70:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/70:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/70:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/80:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/80:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/80:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-400\/90:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-400\/90:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-400\/90:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500:focus) { + background-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500:hover) { + background-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500:active) { + background-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/10:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/10:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/10:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/20:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/20:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/20:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/30:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/30:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/30:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/40:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/40:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/40:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/50:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/50:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/50:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/60:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/60:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/60:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/70:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/70:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/70:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/80:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/80:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/80:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-500\/90:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-500\/90:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-500\/90:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600:focus) { + background-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600:hover) { + background-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600:active) { + background-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/10:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/10:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/10:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/20:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/20:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/20:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/30:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/30:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/30:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/40:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/40:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/40:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/50:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/50:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/50:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/60:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/60:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/60:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/70:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/70:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/70:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/80:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/80:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/80:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-600\/90:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-600\/90:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-600\/90:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700:focus) { + background-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700:hover) { + background-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700:active) { + background-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/10:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/10:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/10:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/20:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/20:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/20:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/30:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/30:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/30:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/40:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/40:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/40:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/50:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/50:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/50:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/60:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/60:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/60:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/70:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/70:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/70:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/80:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/80:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/80:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-700\/90:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-700\/90:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-700\/90:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800:focus) { + background-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800:hover) { + background-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800:active) { + background-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/10:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/10:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/10:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/20:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/20:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/20:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/30:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/30:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/30:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/40:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/40:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/40:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/50:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/50:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/50:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/60:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/60:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/60:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/70:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/70:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/70:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/80:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/80:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/80:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-800\/90:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-800\/90:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-800\/90:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900:focus) { + background-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900:hover) { + background-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900:active) { + background-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/10:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/10:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/10:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/20:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/20:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/20:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/30:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/30:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/30:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/40:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/40:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/40:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/50:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/50:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/50:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/60:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/60:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/60:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/70:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/70:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/70:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/80:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/80:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/80:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-primary-900\/90:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-primary-900\/90:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-primary-900\/90:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/10) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/20) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/30) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/40) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/50) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/60) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/70) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/80) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-50\/90) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/10) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/20) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/30) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/40) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/50) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/60) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/70) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/80) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-100\/90) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/10) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/20) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/30) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/40) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/50) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/60) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/70) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/80) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-200\/90) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/10) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/20) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/30) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/40) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/50) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/60) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/70) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/80) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-300\/90) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/10) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/20) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/30) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/40) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/50) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/60) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/70) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/80) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-400\/90) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/10) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/20) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/30) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/40) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/50) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/60) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/70) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/80) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-500\/90) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/10) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/20) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/30) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/40) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/50) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/60) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/70) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/80) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-600\/90) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/10) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/20) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/30) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/40) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/50) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/60) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/70) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/80) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-700\/90) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/10) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/20) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/30) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/40) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/50) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/60) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/70) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/80) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-800\/90) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/10) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/20) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/30) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/40) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/50) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/60) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/70) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/80) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-blue-900\/90) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/10) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/20) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/30) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/40) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/50) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/60) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/70) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/80) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-50\/90) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/10) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/20) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/30) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/40) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/50) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/60) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/70) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/80) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-100\/90) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/10) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/20) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/30) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/40) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/50) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/60) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/70) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/80) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-200\/90) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/10) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/20) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/30) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/40) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/50) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/60) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/70) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/80) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-300\/90) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/10) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/20) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/30) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/40) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/50) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/60) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/70) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/80) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-400\/90) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/10) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/20) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/30) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/40) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/50) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/60) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/70) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/80) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-500\/90) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/10) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/20) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/30) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/40) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/50) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/60) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/70) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/80) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-600\/90) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/10) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/20) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/30) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/40) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/50) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/60) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/70) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/80) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-700\/90) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/10) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/20) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/30) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/40) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/50) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/60) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/70) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/80) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-800\/90) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/10) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/20) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/30) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/40) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/50) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/60) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/70) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/80) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-green-900\/90) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/10) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/20) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/30) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/40) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/50) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/60) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/70) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/80) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-50\/90) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/10) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/20) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/30) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/40) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/50) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/60) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/70) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/80) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-100\/90) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/10) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/20) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/30) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/40) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/50) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/60) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/70) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/80) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-200\/90) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/10) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/20) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/30) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/40) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/50) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/60) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/70) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/80) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-300\/90) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/10) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/20) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/30) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/40) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/50) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/60) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/70) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/80) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-400\/90) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/10) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/20) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/30) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/40) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/50) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/60) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/70) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/80) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-500\/90) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/10) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/20) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/30) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/40) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/50) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/60) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/70) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/80) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-600\/90) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/10) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/20) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/30) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/40) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/50) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/60) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/70) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/80) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-700\/90) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/10) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/20) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/30) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/40) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/50) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/60) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/70) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/80) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-800\/90) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/10) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/20) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/30) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/40) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/50) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/60) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/70) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/80) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-yellow-900\/90) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/10) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/20) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/30) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/40) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/50) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/60) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/70) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/80) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-50\/90) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/10) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/20) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/30) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/40) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/50) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/60) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/70) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/80) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-100\/90) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/10) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/20) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/30) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/40) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/50) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/60) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/70) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/80) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-200\/90) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/10) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/20) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/30) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/40) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/50) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/60) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/70) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/80) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-300\/90) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/10) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/20) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/30) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/40) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/50) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/60) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/70) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/80) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-400\/90) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/10) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/20) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/30) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/40) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/50) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/60) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/70) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/80) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-500\/90) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/10) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/20) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/30) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/40) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/50) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/60) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/70) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/80) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-600\/90) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/10) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/20) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/30) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/40) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/50) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/60) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/70) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/80) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-700\/90) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/10) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/20) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/30) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/40) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/50) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/60) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/70) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/80) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-800\/90) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/10) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/20) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/30) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/40) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/50) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/60) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/70) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/80) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-cyan-900\/90) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/10) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/20) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/30) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/40) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/50) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/60) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/70) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/80) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-50\/90) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/10) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/20) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/30) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/40) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/50) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/60) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/70) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/80) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-100\/90) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/10) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/20) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/30) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/40) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/50) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/60) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/70) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/80) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-200\/90) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/10) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/20) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/30) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/40) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/50) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/60) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/70) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/80) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-300\/90) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/10) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/20) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/30) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/40) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/50) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/60) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/70) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/80) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-400\/90) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/10) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/20) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/30) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/40) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/50) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/60) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/70) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/80) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-500\/90) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/10) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/20) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/30) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/40) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/50) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/60) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/70) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/80) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-600\/90) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/10) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/20) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/30) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/40) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/50) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/60) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/70) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/80) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-700\/90) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/10) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/20) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/30) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/40) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/50) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/60) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/70) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/80) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-800\/90) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/10) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/20) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/30) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/40) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/50) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/60) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/70) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/80) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-pink-900\/90) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/10) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/20) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/30) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/40) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/50) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/60) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/70) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/80) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-50\/90) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/10) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/20) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/30) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/40) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/50) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/60) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/70) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/80) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-100\/90) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/10) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/20) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/30) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/40) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/50) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/60) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/70) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/80) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-200\/90) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/10) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/20) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/30) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/40) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/50) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/60) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/70) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/80) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-300\/90) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/10) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/20) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/30) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/40) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/50) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/60) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/70) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/80) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-400\/90) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/10) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/20) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/30) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/40) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/50) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/60) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/70) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/80) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-500\/90) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/10) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/20) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/30) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/40) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/50) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/60) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/70) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/80) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-600\/90) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/10) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/20) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/30) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/40) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/50) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/60) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/70) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/80) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-700\/90) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/10) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/20) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/30) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/40) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/50) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/60) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/70) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/80) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-800\/90) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/10) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/20) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/30) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/40) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/50) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/60) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/70) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/80) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-indigo-900\/90) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/10) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/20) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/30) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/40) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/50) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/60) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/70) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/80) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-50\/90) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/10) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/20) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/30) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/40) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/50) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/60) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/70) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/80) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-100\/90) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/10) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/20) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/30) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/40) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/50) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/60) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/70) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/80) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-200\/90) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/10) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/20) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/30) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/40) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/50) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/60) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/70) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/80) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-300\/90) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/10) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/20) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/30) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/40) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/50) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/60) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/70) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/80) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-400\/90) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/10) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/20) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/30) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/40) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/50) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/60) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/70) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/80) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-500\/90) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/10) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/20) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/30) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/40) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/50) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/60) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/70) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/80) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-600\/90) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/10) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/20) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/30) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/40) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/50) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/60) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/70) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/80) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-700\/90) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/10) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/20) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/30) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/40) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/50) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/60) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/70) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/80) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-800\/90) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/10) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/20) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/30) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/40) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/50) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/60) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/70) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/80) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-teal-900\/90) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/10) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/20) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/30) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/40) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/50) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/60) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/70) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/80) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-50\/90) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/10) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/20) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/30) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/40) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/50) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/60) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/70) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/80) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-100\/90) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/10) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/20) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/30) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/40) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/50) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/60) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/70) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/80) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-200\/90) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/10) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/20) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/30) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/40) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/50) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/60) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/70) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/80) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-300\/90) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/10) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/20) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/30) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/40) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/50) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/60) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/70) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/80) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-400\/90) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/10) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/20) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/30) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/40) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/50) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/60) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/70) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/80) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-500\/90) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/10) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/20) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/30) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/40) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/50) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/60) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/70) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/80) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-600\/90) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/10) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/20) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/30) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/40) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/50) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/60) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/70) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/80) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-700\/90) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/10) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/20) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/30) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/40) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/50) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/60) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/70) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/80) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-800\/90) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/10) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/20) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/30) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/40) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/50) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/60) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/70) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/80) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-orange-900\/90) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/10) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/20) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/30) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/40) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/50) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/60) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/70) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/80) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-50\/90) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/10) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/20) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/30) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/40) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/50) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/60) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/70) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/80) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-100\/90) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/10) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/20) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/30) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/40) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/50) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/60) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/70) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/80) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-200\/90) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/10) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/20) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/30) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/40) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/50) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/60) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/70) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/80) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-300\/90) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/10) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/20) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/30) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/40) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/50) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/60) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/70) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/80) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-400\/90) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/10) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/20) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/30) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/40) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/50) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/60) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/70) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/80) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-500\/90) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/10) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/20) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/30) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/40) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/50) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/60) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/70) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/80) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-600\/90) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/10) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/20) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/30) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/40) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/50) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/60) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/70) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/80) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-700\/90) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/10) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/20) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/30) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/40) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/50) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/60) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/70) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/80) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-800\/90) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/10) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/20) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/30) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/40) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/50) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/60) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/70) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/80) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-bluegray-900\/90) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/10) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/20) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/30) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/40) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/50) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/60) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/70) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/80) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-50\/90) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/10) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/20) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/30) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/40) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/50) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/60) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/70) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/80) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-100\/90) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/10) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/20) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/30) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/40) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/50) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/60) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/70) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/80) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-200\/90) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/10) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/20) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/30) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/40) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/50) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/60) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/70) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/80) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-300\/90) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/10) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/20) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/30) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/40) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/50) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/60) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/70) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/80) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-400\/90) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/10) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/20) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/30) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/40) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/50) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/60) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/70) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/80) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-500\/90) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/10) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/20) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/30) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/40) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/50) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/60) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/70) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/80) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-600\/90) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/10) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/20) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/30) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/40) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/50) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/60) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/70) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/80) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-700\/90) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/10) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/20) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/30) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/40) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/50) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/60) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/70) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/80) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-800\/90) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/10) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/20) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/30) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/40) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/50) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/60) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/70) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/80) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-purple-900\/90) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/10) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/20) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/30) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/40) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/50) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/60) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/70) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/80) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-50\/90) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/10) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/20) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/30) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/40) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/50) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/60) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/70) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/80) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-100\/90) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/10) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/20) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/30) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/40) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/50) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/60) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/70) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/80) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-200\/90) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/10) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/20) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/30) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/40) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/50) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/60) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/70) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/80) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-300\/90) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/10) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/20) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/30) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/40) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/50) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/60) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/70) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/80) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-400\/90) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/10) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/20) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/30) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/40) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/50) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/60) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/70) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/80) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-500\/90) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/10) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/20) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/30) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/40) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/50) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/60) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/70) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/80) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-600\/90) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/10) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/20) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/30) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/40) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/50) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/60) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/70) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/80) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-700\/90) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/10) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/20) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/30) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/40) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/50) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/60) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/70) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/80) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-800\/90) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/10) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/20) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/30) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/40) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/50) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/60) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/70) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/80) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-red-900\/90) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/10) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/20) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/30) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/40) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/50) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/60) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/70) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/80) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-50\/90) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/10) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/20) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/30) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/40) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/50) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/60) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/70) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/80) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-100\/90) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/10) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/20) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/30) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/40) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/50) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/60) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/70) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/80) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-200\/90) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/10) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/20) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/30) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/40) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/50) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/60) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/70) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/80) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-300\/90) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/10) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/20) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/30) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/40) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/50) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/60) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/70) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/80) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-400\/90) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/10) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/20) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/30) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/40) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/50) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/60) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/70) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/80) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-500\/90) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/10) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/20) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/30) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/40) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/50) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/60) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/70) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/80) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-600\/90) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/10) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/20) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/30) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/40) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/50) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/60) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/70) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/80) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-700\/90) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/10) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/20) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/30) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/40) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/50) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/60) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/70) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/80) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-800\/90) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/10) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/20) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/30) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/40) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/50) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/60) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/70) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/80) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-gray-900\/90) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/10) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/20) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/30) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/40) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/50) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/60) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/70) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/80) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-0\/90) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/10) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/20) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/30) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/40) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/50) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/60) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/70) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/80) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-50\/90) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/10) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/20) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/30) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/40) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/50) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/60) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/70) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/80) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-100\/90) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/10) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/20) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/30) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/40) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/50) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/60) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/70) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/80) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-200\/90) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/10) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/20) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/30) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/40) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/50) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/60) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/70) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/80) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-300\/90) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/10) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/20) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/30) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/40) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/50) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/60) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/70) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/80) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-400\/90) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/10) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/20) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/30) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/40) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/50) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/60) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/70) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/80) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-500\/90) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/10) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/20) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/30) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/40) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/50) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/60) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/70) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/80) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-600\/90) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/10) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/20) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/30) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/40) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/50) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/60) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/70) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/80) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-700\/90) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/10) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/20) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/30) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/40) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/50) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/60) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/70) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/80) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-800\/90) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/10) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/20) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/30) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/40) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/50) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/60) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/70) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/80) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-surface-900\/90) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/10) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/20) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/30) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/40) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/50) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/60) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/70) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/80) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-50\/90) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/10) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/20) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/30) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/40) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/50) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/60) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/70) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/80) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-100\/90) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/10) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/20) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/30) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/40) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/50) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/60) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/70) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/80) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-200\/90) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/10) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/20) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/30) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/40) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/50) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/60) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/70) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/80) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-300\/90) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/10) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/20) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/30) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/40) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/50) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/60) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/70) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/80) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-400\/90) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/10) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/20) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/30) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/40) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/50) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/60) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/70) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/80) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-500\/90) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/10) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/20) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/30) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/40) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/50) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/60) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/70) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/80) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-600\/90) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/10) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/20) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/30) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/40) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/50) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/60) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/70) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/80) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-700\/90) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/10) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/20) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/30) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/40) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/50) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/60) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/70) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/80) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-800\/90) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/10) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/20) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/30) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/40) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/50) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/60) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/70) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/80) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-primary-900\/90) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50:focus) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50:hover) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50:active) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/10:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/10:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/10:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/20:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/20:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/20:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/30:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/30:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/30:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/40:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/40:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/40:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/50:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/50:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/50:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/60:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/60:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/60:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/70:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/70:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/70:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/80:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/80:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/80:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-50\/90:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-50\/90:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-50\/90:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100:focus) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100:hover) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100:active) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/10:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/10:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/10:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/20:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/20:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/20:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/30:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/30:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/30:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/40:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/40:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/40:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/50:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/50:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/50:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/60:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/60:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/60:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/70:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/70:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/70:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/80:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/80:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/80:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-100\/90:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-100\/90:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-100\/90:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200:focus) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200:hover) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200:active) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/10:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/10:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/10:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/20:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/20:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/20:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/30:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/30:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/30:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/40:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/40:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/40:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/50:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/50:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/50:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/60:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/60:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/60:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/70:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/70:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/70:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/80:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/80:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/80:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-200\/90:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-200\/90:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-200\/90:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300:focus) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300:hover) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300:active) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/10:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/10:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/10:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/20:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/20:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/20:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/30:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/30:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/30:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/40:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/40:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/40:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/50:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/50:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/50:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/60:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/60:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/60:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/70:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/70:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/70:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/80:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/80:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/80:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-300\/90:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-300\/90:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-300\/90:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400:focus) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400:hover) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400:active) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/10:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/10:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/10:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/20:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/20:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/20:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/30:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/30:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/30:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/40:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/40:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/40:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/50:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/50:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/50:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/60:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/60:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/60:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/70:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/70:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/70:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/80:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/80:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/80:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-400\/90:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-400\/90:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-400\/90:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500:focus) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500:hover) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500:active) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/10:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/10:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/10:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/20:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/20:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/20:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/30:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/30:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/30:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/40:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/40:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/40:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/50:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/50:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/50:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/60:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/60:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/60:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/70:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/70:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/70:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/80:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/80:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/80:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-500\/90:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-500\/90:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-500\/90:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600:focus) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600:hover) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600:active) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/10:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/10:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/10:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/20:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/20:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/20:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/30:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/30:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/30:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/40:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/40:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/40:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/50:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/50:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/50:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/60:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/60:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/60:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/70:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/70:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/70:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/80:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/80:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/80:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-600\/90:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-600\/90:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-600\/90:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700:focus) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700:hover) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700:active) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/10:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/10:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/10:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/20:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/20:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/20:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/30:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/30:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/30:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/40:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/40:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/40:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/50:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/50:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/50:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/60:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/60:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/60:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/70:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/70:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/70:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/80:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/80:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/80:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-700\/90:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-700\/90:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-700\/90:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800:focus) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800:hover) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800:active) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/10:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/10:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/10:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/20:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/20:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/20:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/30:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/30:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/30:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/40:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/40:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/40:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/50:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/50:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/50:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/60:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/60:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/60:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/70:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/70:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/70:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/80:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/80:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/80:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-800\/90:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-800\/90:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-800\/90:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900:focus) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900:hover) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900:active) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/10:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/10:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/10:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/20:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/20:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/20:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/30:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/30:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/30:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/40:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/40:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/40:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/50:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/50:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/50:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/60:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/60:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/60:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/70:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/70:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/70:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/80:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/80:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/80:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-blue-900\/90:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-blue-900\/90:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-blue-900\/90:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50:focus) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50:hover) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50:active) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/10:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/10:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/10:active) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/20:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/20:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/20:active) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/30:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/30:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/30:active) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/40:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/40:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/40:active) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/50:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/50:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/50:active) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/60:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/60:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/60:active) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/70:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/70:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/70:active) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/80:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/80:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/80:active) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-50\/90:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-50\/90:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-50\/90:active) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100:focus) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100:hover) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100:active) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/10:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/10:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/10:active) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/20:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/20:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/20:active) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/30:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/30:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/30:active) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/40:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/40:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/40:active) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/50:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/50:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/50:active) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/60:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/60:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/60:active) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/70:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/70:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/70:active) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/80:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/80:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/80:active) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-100\/90:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-100\/90:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-100\/90:active) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200:focus) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200:hover) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200:active) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/10:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/10:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/10:active) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/20:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/20:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/20:active) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/30:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/30:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/30:active) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/40:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/40:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/40:active) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/50:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/50:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/50:active) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/60:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/60:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/60:active) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/70:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/70:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/70:active) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/80:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/80:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/80:active) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-200\/90:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-200\/90:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-200\/90:active) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300:focus) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300:hover) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300:active) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/10:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/10:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/10:active) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/20:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/20:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/20:active) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/30:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/30:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/30:active) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/40:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/40:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/40:active) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/50:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/50:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/50:active) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/60:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/60:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/60:active) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/70:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/70:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/70:active) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/80:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/80:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/80:active) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-300\/90:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-300\/90:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-300\/90:active) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400:focus) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400:hover) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400:active) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/10:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/10:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/10:active) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/20:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/20:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/20:active) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/30:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/30:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/30:active) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/40:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/40:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/40:active) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/50:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/50:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/50:active) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/60:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/60:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/60:active) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/70:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/70:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/70:active) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/80:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/80:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/80:active) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-400\/90:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-400\/90:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-400\/90:active) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500:focus) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500:hover) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500:active) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/10:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/10:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/10:active) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/20:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/20:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/20:active) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/30:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/30:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/30:active) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/40:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/40:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/40:active) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/50:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/50:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/50:active) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/60:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/60:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/60:active) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/70:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/70:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/70:active) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/80:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/80:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/80:active) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-500\/90:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-500\/90:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-500\/90:active) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600:focus) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600:hover) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600:active) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/10:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/10:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/10:active) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/20:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/20:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/20:active) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/30:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/30:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/30:active) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/40:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/40:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/40:active) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/50:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/50:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/50:active) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/60:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/60:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/60:active) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/70:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/70:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/70:active) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/80:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/80:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/80:active) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-600\/90:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-600\/90:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-600\/90:active) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700:focus) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700:hover) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700:active) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/10:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/10:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/10:active) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/20:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/20:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/20:active) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/30:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/30:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/30:active) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/40:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/40:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/40:active) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/50:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/50:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/50:active) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/60:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/60:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/60:active) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/70:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/70:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/70:active) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/80:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/80:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/80:active) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-700\/90:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-700\/90:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-700\/90:active) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800:focus) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800:hover) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800:active) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/10:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/10:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/10:active) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/20:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/20:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/20:active) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/30:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/30:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/30:active) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/40:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/40:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/40:active) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/50:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/50:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/50:active) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/60:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/60:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/60:active) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/70:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/70:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/70:active) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/80:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/80:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/80:active) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-800\/90:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-800\/90:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-800\/90:active) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900:focus) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900:hover) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900:active) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/10:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/10:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/10:active) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/20:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/20:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/20:active) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/30:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/30:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/30:active) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/40:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/40:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/40:active) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/50:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/50:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/50:active) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/60:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/60:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/60:active) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/70:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/70:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/70:active) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/80:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/80:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/80:active) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-green-900\/90:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-green-900\/90:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-green-900\/90:active) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50:focus) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50:hover) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50:active) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/10:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/20:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/30:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/40:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/50:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/60:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/70:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/80:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-50\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-50\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-50\/90:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100:focus) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100:hover) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100:active) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/10:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/20:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/30:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/40:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/50:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/60:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/70:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/80:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-100\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-100\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-100\/90:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200:focus) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200:hover) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200:active) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/10:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/20:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/30:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/40:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/50:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/60:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/70:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/80:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-200\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-200\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-200\/90:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300:focus) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300:hover) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300:active) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/10:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/20:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/30:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/40:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/50:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/60:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/70:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/80:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-300\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-300\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-300\/90:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400:focus) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400:hover) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400:active) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/10:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/20:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/30:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/40:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/50:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/60:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/70:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/80:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-400\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-400\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-400\/90:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500:focus) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500:hover) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500:active) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/10:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/20:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/30:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/40:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/50:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/60:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/70:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/80:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-500\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-500\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-500\/90:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600:focus) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600:hover) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600:active) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/10:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/20:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/30:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/40:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/50:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/60:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/70:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/80:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-600\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-600\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-600\/90:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700:focus) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700:hover) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700:active) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/10:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/20:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/30:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/40:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/50:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/60:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/70:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/80:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-700\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-700\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-700\/90:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800:focus) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800:hover) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800:active) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/10:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/20:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/30:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/40:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/50:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/60:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/70:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/80:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-800\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-800\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-800\/90:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900:focus) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900:hover) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900:active) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/10:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/20:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/30:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/40:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/50:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/60:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/70:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/80:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-yellow-900\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-yellow-900\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-yellow-900\/90:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50:focus) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50:hover) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50:active) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/10:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/20:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/30:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/40:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/50:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/60:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/70:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/80:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-50\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-50\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-50\/90:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100:focus) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100:hover) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100:active) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/10:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/20:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/30:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/40:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/50:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/60:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/70:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/80:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-100\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-100\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-100\/90:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200:focus) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200:hover) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200:active) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/10:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/20:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/30:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/40:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/50:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/60:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/70:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/80:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-200\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-200\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-200\/90:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300:focus) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300:hover) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300:active) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/10:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/20:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/30:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/40:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/50:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/60:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/70:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/80:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-300\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-300\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-300\/90:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400:focus) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400:hover) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400:active) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/10:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/20:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/30:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/40:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/50:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/60:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/70:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/80:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-400\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-400\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-400\/90:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500:focus) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500:hover) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500:active) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/10:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/20:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/30:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/40:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/50:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/60:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/70:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/80:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-500\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-500\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-500\/90:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600:focus) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600:hover) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600:active) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/10:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/20:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/30:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/40:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/50:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/60:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/70:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/80:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-600\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-600\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-600\/90:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700:focus) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700:hover) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700:active) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/10:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/20:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/30:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/40:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/50:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/60:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/70:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/80:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-700\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-700\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-700\/90:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800:focus) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800:hover) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800:active) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/10:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/20:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/30:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/40:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/50:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/60:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/70:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/80:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-800\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-800\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-800\/90:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900:focus) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900:hover) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900:active) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/10:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/20:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/30:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/40:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/50:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/60:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/70:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/80:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-cyan-900\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-cyan-900\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-cyan-900\/90:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50:focus) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50:hover) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50:active) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/10:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/10:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/10:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/20:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/20:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/20:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/30:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/30:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/30:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/40:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/40:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/40:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/50:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/50:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/50:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/60:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/60:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/60:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/70:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/70:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/70:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/80:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/80:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/80:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-50\/90:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-50\/90:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-50\/90:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100:focus) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100:hover) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100:active) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/10:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/10:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/10:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/20:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/20:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/20:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/30:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/30:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/30:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/40:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/40:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/40:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/50:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/50:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/50:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/60:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/60:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/60:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/70:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/70:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/70:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/80:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/80:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/80:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-100\/90:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-100\/90:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-100\/90:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200:focus) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200:hover) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200:active) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/10:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/10:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/10:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/20:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/20:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/20:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/30:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/30:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/30:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/40:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/40:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/40:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/50:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/50:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/50:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/60:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/60:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/60:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/70:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/70:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/70:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/80:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/80:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/80:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-200\/90:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-200\/90:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-200\/90:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300:focus) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300:hover) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300:active) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/10:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/10:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/10:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/20:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/20:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/20:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/30:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/30:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/30:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/40:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/40:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/40:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/50:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/50:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/50:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/60:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/60:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/60:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/70:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/70:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/70:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/80:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/80:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/80:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-300\/90:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-300\/90:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-300\/90:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400:focus) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400:hover) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400:active) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/10:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/10:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/10:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/20:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/20:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/20:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/30:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/30:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/30:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/40:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/40:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/40:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/50:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/50:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/50:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/60:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/60:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/60:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/70:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/70:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/70:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/80:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/80:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/80:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-400\/90:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-400\/90:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-400\/90:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500:focus) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500:hover) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500:active) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/10:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/10:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/10:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/20:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/20:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/20:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/30:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/30:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/30:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/40:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/40:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/40:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/50:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/50:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/50:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/60:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/60:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/60:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/70:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/70:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/70:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/80:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/80:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/80:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-500\/90:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-500\/90:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-500\/90:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600:focus) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600:hover) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600:active) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/10:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/10:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/10:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/20:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/20:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/20:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/30:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/30:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/30:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/40:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/40:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/40:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/50:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/50:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/50:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/60:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/60:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/60:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/70:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/70:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/70:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/80:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/80:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/80:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-600\/90:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-600\/90:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-600\/90:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700:focus) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700:hover) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700:active) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/10:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/10:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/10:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/20:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/20:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/20:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/30:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/30:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/30:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/40:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/40:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/40:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/50:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/50:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/50:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/60:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/60:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/60:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/70:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/70:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/70:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/80:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/80:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/80:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-700\/90:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-700\/90:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-700\/90:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800:focus) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800:hover) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800:active) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/10:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/10:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/10:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/20:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/20:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/20:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/30:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/30:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/30:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/40:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/40:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/40:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/50:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/50:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/50:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/60:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/60:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/60:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/70:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/70:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/70:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/80:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/80:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/80:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-800\/90:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-800\/90:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-800\/90:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900:focus) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900:hover) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900:active) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/10:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/10:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/10:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/20:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/20:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/20:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/30:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/30:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/30:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/40:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/40:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/40:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/50:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/50:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/50:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/60:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/60:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/60:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/70:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/70:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/70:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/80:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/80:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/80:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-pink-900\/90:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-pink-900\/90:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-pink-900\/90:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50:focus) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50:hover) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50:active) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/10:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/20:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/30:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/40:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/50:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/60:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/70:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/80:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-50\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-50\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-50\/90:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100:focus) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100:hover) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100:active) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/10:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/20:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/30:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/40:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/50:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/60:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/70:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/80:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-100\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-100\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-100\/90:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200:focus) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200:hover) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200:active) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/10:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/20:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/30:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/40:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/50:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/60:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/70:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/80:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-200\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-200\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-200\/90:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300:focus) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300:hover) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300:active) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/10:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/20:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/30:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/40:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/50:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/60:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/70:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/80:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-300\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-300\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-300\/90:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400:focus) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400:hover) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400:active) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/10:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/20:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/30:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/40:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/50:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/60:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/70:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/80:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-400\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-400\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-400\/90:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500:focus) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500:hover) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500:active) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/10:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/20:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/30:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/40:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/50:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/60:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/70:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/80:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-500\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-500\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-500\/90:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600:focus) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600:hover) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600:active) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/10:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/20:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/30:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/40:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/50:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/60:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/70:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/80:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-600\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-600\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-600\/90:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700:focus) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700:hover) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700:active) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/10:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/20:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/30:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/40:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/50:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/60:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/70:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/80:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-700\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-700\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-700\/90:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800:focus) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800:hover) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800:active) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/10:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/20:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/30:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/40:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/50:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/60:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/70:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/80:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-800\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-800\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-800\/90:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900:focus) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900:hover) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900:active) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/10:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/20:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/30:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/40:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/50:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/60:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/70:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/80:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-indigo-900\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-indigo-900\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-indigo-900\/90:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50:focus) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50:hover) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50:active) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/10:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/10:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/10:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/20:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/20:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/20:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/30:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/30:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/30:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/40:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/40:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/40:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/50:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/50:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/50:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/60:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/60:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/60:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/70:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/70:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/70:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/80:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/80:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/80:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-50\/90:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-50\/90:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-50\/90:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100:focus) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100:hover) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100:active) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/10:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/10:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/10:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/20:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/20:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/20:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/30:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/30:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/30:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/40:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/40:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/40:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/50:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/50:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/50:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/60:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/60:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/60:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/70:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/70:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/70:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/80:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/80:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/80:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-100\/90:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-100\/90:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-100\/90:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200:focus) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200:hover) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200:active) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/10:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/10:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/10:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/20:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/20:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/20:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/30:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/30:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/30:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/40:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/40:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/40:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/50:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/50:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/50:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/60:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/60:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/60:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/70:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/70:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/70:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/80:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/80:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/80:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-200\/90:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-200\/90:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-200\/90:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300:focus) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300:hover) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300:active) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/10:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/10:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/10:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/20:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/20:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/20:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/30:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/30:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/30:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/40:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/40:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/40:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/50:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/50:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/50:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/60:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/60:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/60:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/70:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/70:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/70:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/80:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/80:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/80:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-300\/90:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-300\/90:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-300\/90:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400:focus) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400:hover) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400:active) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/10:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/10:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/10:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/20:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/20:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/20:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/30:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/30:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/30:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/40:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/40:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/40:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/50:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/50:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/50:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/60:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/60:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/60:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/70:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/70:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/70:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/80:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/80:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/80:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-400\/90:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-400\/90:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-400\/90:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500:focus) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500:hover) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500:active) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/10:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/10:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/10:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/20:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/20:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/20:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/30:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/30:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/30:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/40:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/40:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/40:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/50:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/50:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/50:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/60:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/60:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/60:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/70:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/70:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/70:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/80:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/80:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/80:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-500\/90:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-500\/90:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-500\/90:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600:focus) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600:hover) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600:active) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/10:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/10:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/10:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/20:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/20:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/20:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/30:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/30:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/30:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/40:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/40:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/40:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/50:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/50:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/50:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/60:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/60:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/60:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/70:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/70:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/70:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/80:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/80:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/80:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-600\/90:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-600\/90:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-600\/90:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700:focus) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700:hover) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700:active) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/10:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/10:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/10:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/20:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/20:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/20:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/30:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/30:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/30:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/40:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/40:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/40:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/50:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/50:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/50:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/60:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/60:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/60:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/70:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/70:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/70:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/80:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/80:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/80:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-700\/90:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-700\/90:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-700\/90:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800:focus) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800:hover) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800:active) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/10:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/10:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/10:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/20:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/20:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/20:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/30:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/30:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/30:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/40:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/40:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/40:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/50:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/50:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/50:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/60:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/60:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/60:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/70:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/70:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/70:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/80:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/80:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/80:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-800\/90:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-800\/90:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-800\/90:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900:focus) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900:hover) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900:active) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/10:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/10:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/10:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/20:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/20:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/20:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/30:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/30:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/30:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/40:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/40:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/40:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/50:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/50:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/50:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/60:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/60:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/60:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/70:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/70:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/70:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/80:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/80:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/80:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-teal-900\/90:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-teal-900\/90:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-teal-900\/90:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50:focus) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50:hover) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50:active) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/10:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/10:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/10:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/20:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/20:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/20:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/30:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/30:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/30:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/40:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/40:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/40:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/50:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/50:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/50:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/60:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/60:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/60:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/70:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/70:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/70:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/80:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/80:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/80:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-50\/90:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-50\/90:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-50\/90:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100:focus) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100:hover) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100:active) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/10:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/10:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/10:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/20:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/20:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/20:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/30:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/30:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/30:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/40:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/40:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/40:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/50:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/50:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/50:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/60:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/60:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/60:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/70:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/70:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/70:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/80:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/80:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/80:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-100\/90:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-100\/90:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-100\/90:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200:focus) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200:hover) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200:active) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/10:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/10:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/10:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/20:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/20:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/20:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/30:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/30:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/30:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/40:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/40:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/40:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/50:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/50:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/50:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/60:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/60:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/60:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/70:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/70:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/70:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/80:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/80:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/80:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-200\/90:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-200\/90:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-200\/90:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300:focus) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300:hover) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300:active) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/10:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/10:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/10:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/20:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/20:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/20:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/30:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/30:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/30:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/40:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/40:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/40:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/50:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/50:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/50:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/60:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/60:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/60:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/70:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/70:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/70:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/80:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/80:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/80:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-300\/90:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-300\/90:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-300\/90:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400:focus) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400:hover) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400:active) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/10:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/10:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/10:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/20:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/20:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/20:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/30:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/30:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/30:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/40:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/40:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/40:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/50:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/50:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/50:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/60:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/60:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/60:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/70:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/70:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/70:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/80:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/80:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/80:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-400\/90:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-400\/90:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-400\/90:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500:focus) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500:hover) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500:active) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/10:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/10:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/10:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/20:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/20:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/20:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/30:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/30:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/30:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/40:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/40:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/40:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/50:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/50:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/50:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/60:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/60:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/60:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/70:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/70:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/70:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/80:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/80:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/80:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-500\/90:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-500\/90:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-500\/90:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600:focus) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600:hover) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600:active) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/10:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/10:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/10:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/20:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/20:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/20:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/30:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/30:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/30:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/40:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/40:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/40:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/50:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/50:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/50:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/60:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/60:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/60:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/70:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/70:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/70:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/80:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/80:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/80:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-600\/90:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-600\/90:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-600\/90:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700:focus) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700:hover) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700:active) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/10:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/10:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/10:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/20:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/20:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/20:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/30:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/30:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/30:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/40:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/40:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/40:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/50:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/50:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/50:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/60:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/60:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/60:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/70:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/70:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/70:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/80:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/80:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/80:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-700\/90:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-700\/90:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-700\/90:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800:focus) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800:hover) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800:active) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/10:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/10:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/10:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/20:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/20:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/20:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/30:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/30:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/30:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/40:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/40:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/40:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/50:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/50:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/50:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/60:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/60:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/60:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/70:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/70:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/70:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/80:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/80:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/80:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-800\/90:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-800\/90:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-800\/90:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900:focus) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900:hover) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900:active) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/10:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/10:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/10:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/20:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/20:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/20:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/30:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/30:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/30:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/40:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/40:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/40:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/50:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/50:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/50:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/60:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/60:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/60:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/70:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/70:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/70:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/80:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/80:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/80:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-orange-900\/90:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-orange-900\/90:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-orange-900\/90:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50:focus) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50:hover) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50:active) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-50\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-50\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-50\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100:focus) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100:hover) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100:active) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-100\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-100\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-100\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200:focus) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200:hover) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200:active) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-200\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-200\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-200\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300:focus) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300:hover) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300:active) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-300\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-300\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-300\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400:focus) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400:hover) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400:active) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-400\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-400\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-400\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500:focus) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500:hover) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500:active) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-500\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-500\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-500\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600:focus) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600:hover) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600:active) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-600\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-600\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-600\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700:focus) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700:hover) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700:active) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-700\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-700\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-700\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800:focus) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800:hover) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800:active) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-800\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-800\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-800\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900:focus) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900:hover) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900:active) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-bluegray-900\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-bluegray-900\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-bluegray-900\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50:focus) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50:hover) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50:active) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/10:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/10:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/10:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/20:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/20:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/20:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/30:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/30:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/30:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/40:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/40:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/40:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/50:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/50:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/50:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/60:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/60:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/60:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/70:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/70:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/70:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/80:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/80:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/80:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-50\/90:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-50\/90:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-50\/90:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100:focus) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100:hover) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100:active) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/10:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/10:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/10:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/20:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/20:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/20:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/30:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/30:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/30:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/40:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/40:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/40:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/50:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/50:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/50:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/60:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/60:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/60:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/70:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/70:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/70:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/80:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/80:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/80:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-100\/90:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-100\/90:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-100\/90:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200:focus) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200:hover) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200:active) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/10:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/10:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/10:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/20:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/20:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/20:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/30:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/30:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/30:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/40:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/40:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/40:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/50:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/50:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/50:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/60:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/60:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/60:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/70:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/70:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/70:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/80:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/80:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/80:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-200\/90:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-200\/90:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-200\/90:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300:focus) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300:hover) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300:active) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/10:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/10:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/10:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/20:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/20:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/20:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/30:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/30:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/30:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/40:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/40:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/40:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/50:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/50:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/50:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/60:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/60:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/60:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/70:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/70:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/70:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/80:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/80:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/80:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-300\/90:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-300\/90:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-300\/90:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400:focus) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400:hover) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400:active) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/10:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/10:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/10:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/20:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/20:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/20:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/30:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/30:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/30:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/40:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/40:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/40:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/50:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/50:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/50:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/60:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/60:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/60:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/70:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/70:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/70:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/80:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/80:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/80:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-400\/90:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-400\/90:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-400\/90:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500:focus) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500:hover) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500:active) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/10:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/10:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/10:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/20:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/20:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/20:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/30:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/30:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/30:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/40:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/40:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/40:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/50:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/50:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/50:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/60:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/60:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/60:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/70:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/70:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/70:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/80:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/80:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/80:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-500\/90:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-500\/90:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-500\/90:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600:focus) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600:hover) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600:active) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/10:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/10:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/10:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/20:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/20:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/20:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/30:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/30:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/30:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/40:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/40:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/40:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/50:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/50:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/50:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/60:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/60:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/60:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/70:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/70:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/70:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/80:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/80:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/80:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-600\/90:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-600\/90:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-600\/90:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700:focus) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700:hover) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700:active) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/10:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/10:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/10:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/20:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/20:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/20:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/30:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/30:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/30:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/40:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/40:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/40:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/50:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/50:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/50:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/60:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/60:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/60:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/70:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/70:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/70:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/80:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/80:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/80:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-700\/90:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-700\/90:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-700\/90:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800:focus) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800:hover) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800:active) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/10:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/10:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/10:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/20:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/20:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/20:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/30:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/30:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/30:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/40:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/40:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/40:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/50:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/50:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/50:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/60:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/60:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/60:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/70:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/70:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/70:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/80:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/80:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/80:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-800\/90:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-800\/90:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-800\/90:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900:focus) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900:hover) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900:active) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/10:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/10:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/10:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/20:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/20:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/20:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/30:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/30:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/30:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/40:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/40:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/40:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/50:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/50:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/50:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/60:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/60:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/60:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/70:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/70:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/70:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/80:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/80:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/80:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-purple-900\/90:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-purple-900\/90:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-purple-900\/90:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50:focus) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50:hover) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50:active) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/10:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/10:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/10:active) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/20:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/20:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/20:active) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/30:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/30:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/30:active) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/40:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/40:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/40:active) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/50:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/50:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/50:active) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/60:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/60:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/60:active) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/70:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/70:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/70:active) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/80:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/80:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/80:active) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-50\/90:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-50\/90:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-50\/90:active) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100:focus) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100:hover) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100:active) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/10:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/10:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/10:active) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/20:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/20:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/20:active) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/30:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/30:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/30:active) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/40:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/40:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/40:active) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/50:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/50:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/50:active) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/60:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/60:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/60:active) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/70:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/70:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/70:active) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/80:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/80:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/80:active) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-100\/90:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-100\/90:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-100\/90:active) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200:focus) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200:hover) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200:active) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/10:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/10:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/10:active) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/20:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/20:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/20:active) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/30:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/30:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/30:active) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/40:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/40:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/40:active) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/50:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/50:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/50:active) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/60:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/60:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/60:active) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/70:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/70:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/70:active) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/80:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/80:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/80:active) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-200\/90:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-200\/90:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-200\/90:active) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300:focus) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300:hover) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300:active) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/10:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/10:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/10:active) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/20:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/20:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/20:active) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/30:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/30:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/30:active) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/40:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/40:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/40:active) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/50:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/50:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/50:active) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/60:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/60:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/60:active) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/70:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/70:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/70:active) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/80:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/80:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/80:active) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-300\/90:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-300\/90:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-300\/90:active) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400:focus) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400:hover) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400:active) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/10:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/10:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/10:active) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/20:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/20:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/20:active) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/30:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/30:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/30:active) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/40:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/40:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/40:active) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/50:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/50:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/50:active) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/60:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/60:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/60:active) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/70:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/70:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/70:active) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/80:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/80:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/80:active) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-400\/90:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-400\/90:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-400\/90:active) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500:focus) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500:hover) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500:active) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/10:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/10:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/10:active) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/20:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/20:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/20:active) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/30:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/30:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/30:active) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/40:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/40:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/40:active) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/50:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/50:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/50:active) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/60:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/60:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/60:active) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/70:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/70:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/70:active) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/80:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/80:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/80:active) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-500\/90:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-500\/90:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-500\/90:active) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600:focus) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600:hover) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600:active) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/10:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/10:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/10:active) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/20:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/20:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/20:active) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/30:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/30:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/30:active) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/40:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/40:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/40:active) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/50:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/50:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/50:active) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/60:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/60:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/60:active) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/70:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/70:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/70:active) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/80:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/80:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/80:active) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-600\/90:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-600\/90:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-600\/90:active) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700:focus) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700:hover) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700:active) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/10:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/10:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/10:active) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/20:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/20:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/20:active) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/30:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/30:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/30:active) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/40:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/40:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/40:active) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/50:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/50:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/50:active) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/60:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/60:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/60:active) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/70:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/70:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/70:active) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/80:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/80:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/80:active) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-700\/90:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-700\/90:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-700\/90:active) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800:focus) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800:hover) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800:active) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/10:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/10:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/10:active) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/20:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/20:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/20:active) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/30:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/30:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/30:active) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/40:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/40:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/40:active) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/50:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/50:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/50:active) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/60:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/60:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/60:active) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/70:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/70:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/70:active) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/80:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/80:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/80:active) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-800\/90:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-800\/90:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-800\/90:active) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900:focus) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900:hover) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900:active) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/10:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/10:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/10:active) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/20:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/20:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/20:active) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/30:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/30:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/30:active) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/40:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/40:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/40:active) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/50:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/50:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/50:active) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/60:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/60:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/60:active) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/70:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/70:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/70:active) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/80:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/80:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/80:active) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-red-900\/90:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-red-900\/90:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-red-900\/90:active) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50:focus) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50:hover) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50:active) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/10:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/10:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/10:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/20:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/20:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/20:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/30:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/30:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/30:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/40:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/40:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/40:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/50:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/50:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/50:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/60:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/60:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/60:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/70:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/70:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/70:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/80:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/80:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/80:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-50\/90:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-50\/90:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-50\/90:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100:focus) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100:hover) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100:active) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/10:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/10:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/10:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/20:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/20:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/20:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/30:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/30:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/30:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/40:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/40:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/40:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/50:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/50:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/50:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/60:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/60:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/60:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/70:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/70:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/70:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/80:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/80:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/80:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-100\/90:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-100\/90:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-100\/90:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200:focus) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200:hover) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200:active) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/10:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/10:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/10:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/20:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/20:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/20:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/30:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/30:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/30:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/40:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/40:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/40:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/50:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/50:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/50:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/60:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/60:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/60:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/70:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/70:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/70:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/80:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/80:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/80:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-200\/90:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-200\/90:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-200\/90:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300:focus) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300:hover) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300:active) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/10:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/10:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/10:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/20:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/20:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/20:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/30:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/30:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/30:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/40:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/40:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/40:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/50:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/50:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/50:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/60:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/60:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/60:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/70:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/70:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/70:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/80:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/80:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/80:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-300\/90:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-300\/90:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-300\/90:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400:focus) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400:hover) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400:active) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/10:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/10:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/10:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/20:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/20:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/20:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/30:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/30:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/30:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/40:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/40:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/40:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/50:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/50:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/50:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/60:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/60:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/60:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/70:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/70:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/70:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/80:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/80:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/80:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-400\/90:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-400\/90:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-400\/90:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500:focus) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500:hover) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500:active) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/10:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/10:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/10:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/20:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/20:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/20:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/30:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/30:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/30:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/40:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/40:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/40:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/50:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/50:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/50:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/60:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/60:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/60:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/70:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/70:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/70:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/80:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/80:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/80:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-500\/90:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-500\/90:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-500\/90:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600:focus) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600:hover) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600:active) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/10:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/10:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/10:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/20:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/20:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/20:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/30:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/30:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/30:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/40:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/40:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/40:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/50:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/50:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/50:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/60:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/60:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/60:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/70:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/70:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/70:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/80:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/80:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/80:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-600\/90:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-600\/90:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-600\/90:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700:focus) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700:hover) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700:active) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/10:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/10:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/10:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/20:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/20:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/20:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/30:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/30:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/30:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/40:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/40:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/40:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/50:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/50:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/50:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/60:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/60:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/60:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/70:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/70:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/70:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/80:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/80:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/80:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-700\/90:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-700\/90:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-700\/90:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800:focus) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800:hover) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800:active) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/10:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/10:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/10:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/20:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/20:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/20:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/30:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/30:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/30:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/40:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/40:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/40:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/50:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/50:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/50:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/60:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/60:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/60:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/70:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/70:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/70:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/80:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/80:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/80:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-800\/90:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-800\/90:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-800\/90:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900:focus) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900:hover) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900:active) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/10:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/10:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/10:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/20:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/20:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/20:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/30:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/30:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/30:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/40:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/40:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/40:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/50:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/50:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/50:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/60:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/60:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/60:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/70:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/70:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/70:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/80:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/80:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/80:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-gray-900\/90:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-gray-900\/90:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-gray-900\/90:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0:focus) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0:hover) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0:active) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/10:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/10:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/10:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/20:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/20:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/20:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/30:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/30:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/30:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/40:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/40:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/40:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/50:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/50:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/50:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/60:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/60:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/60:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/70:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/70:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/70:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/80:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/80:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/80:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-0\/90:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-0\/90:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-0\/90:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50:focus) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50:hover) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50:active) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/10:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/10:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/10:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/20:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/20:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/20:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/30:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/30:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/30:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/40:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/40:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/40:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/50:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/50:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/50:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/60:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/60:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/60:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/70:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/70:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/70:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/80:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/80:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/80:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-50\/90:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-50\/90:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-50\/90:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100:focus) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100:hover) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100:active) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/10:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/10:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/10:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/20:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/20:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/20:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/30:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/30:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/30:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/40:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/40:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/40:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/50:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/50:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/50:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/60:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/60:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/60:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/70:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/70:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/70:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/80:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/80:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/80:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-100\/90:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-100\/90:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-100\/90:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200:focus) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200:hover) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200:active) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/10:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/10:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/10:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/20:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/20:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/20:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/30:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/30:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/30:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/40:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/40:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/40:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/50:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/50:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/50:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/60:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/60:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/60:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/70:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/70:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/70:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/80:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/80:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/80:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-200\/90:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-200\/90:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-200\/90:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300:focus) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300:hover) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300:active) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/10:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/10:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/10:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/20:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/20:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/20:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/30:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/30:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/30:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/40:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/40:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/40:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/50:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/50:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/50:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/60:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/60:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/60:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/70:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/70:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/70:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/80:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/80:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/80:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-300\/90:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-300\/90:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-300\/90:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400:focus) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400:hover) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400:active) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/10:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/10:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/10:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/20:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/20:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/20:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/30:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/30:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/30:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/40:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/40:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/40:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/50:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/50:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/50:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/60:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/60:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/60:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/70:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/70:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/70:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/80:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/80:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/80:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-400\/90:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-400\/90:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-400\/90:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500:focus) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500:hover) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500:active) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/10:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/10:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/10:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/20:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/20:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/20:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/30:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/30:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/30:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/40:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/40:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/40:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/50:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/50:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/50:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/60:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/60:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/60:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/70:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/70:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/70:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/80:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/80:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/80:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-500\/90:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-500\/90:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-500\/90:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600:focus) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600:hover) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600:active) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/10:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/10:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/10:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/20:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/20:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/20:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/30:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/30:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/30:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/40:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/40:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/40:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/50:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/50:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/50:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/60:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/60:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/60:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/70:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/70:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/70:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/80:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/80:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/80:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-600\/90:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-600\/90:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-600\/90:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700:focus) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700:hover) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700:active) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/10:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/10:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/10:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/20:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/20:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/20:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/30:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/30:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/30:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/40:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/40:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/40:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/50:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/50:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/50:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/60:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/60:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/60:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/70:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/70:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/70:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/80:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/80:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/80:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-700\/90:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-700\/90:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-700\/90:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800:focus) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800:hover) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800:active) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/10:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/10:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/10:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/20:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/20:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/20:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/30:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/30:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/30:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/40:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/40:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/40:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/50:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/50:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/50:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/60:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/60:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/60:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/70:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/70:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/70:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/80:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/80:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/80:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-800\/90:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-800\/90:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-800\/90:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900:focus) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900:hover) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900:active) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/10:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/10:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/10:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/20:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/20:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/20:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/30:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/30:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/30:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/40:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/40:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/40:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/50:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/50:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/50:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/60:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/60:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/60:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/70:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/70:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/70:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/80:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/80:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/80:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-surface-900\/90:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-surface-900\/90:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-surface-900\/90:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50:focus) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50:hover) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50:active) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/10:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/10:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/10:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/20:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/20:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/20:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/30:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/30:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/30:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/40:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/40:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/40:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/50:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/50:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/50:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/60:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/60:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/60:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/70:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/70:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/70:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/80:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/80:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/80:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-50\/90:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-50\/90:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-50\/90:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100:focus) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100:hover) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100:active) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/10:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/10:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/10:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/20:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/20:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/20:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/30:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/30:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/30:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/40:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/40:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/40:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/50:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/50:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/50:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/60:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/60:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/60:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/70:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/70:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/70:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/80:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/80:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/80:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-100\/90:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-100\/90:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-100\/90:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200:focus) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200:hover) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200:active) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/10:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/10:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/10:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/20:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/20:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/20:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/30:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/30:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/30:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/40:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/40:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/40:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/50:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/50:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/50:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/60:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/60:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/60:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/70:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/70:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/70:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/80:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/80:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/80:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-200\/90:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-200\/90:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-200\/90:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300:focus) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300:hover) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300:active) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/10:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/10:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/10:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/20:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/20:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/20:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/30:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/30:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/30:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/40:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/40:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/40:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/50:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/50:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/50:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/60:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/60:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/60:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/70:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/70:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/70:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/80:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/80:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/80:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-300\/90:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-300\/90:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-300\/90:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400:focus) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400:hover) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400:active) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/10:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/10:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/10:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/20:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/20:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/20:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/30:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/30:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/30:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/40:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/40:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/40:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/50:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/50:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/50:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/60:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/60:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/60:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/70:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/70:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/70:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/80:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/80:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/80:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-400\/90:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-400\/90:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-400\/90:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500:focus) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500:hover) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500:active) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/10:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/10:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/10:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/20:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/20:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/20:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/30:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/30:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/30:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/40:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/40:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/40:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/50:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/50:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/50:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/60:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/60:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/60:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/70:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/70:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/70:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/80:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/80:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/80:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-500\/90:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-500\/90:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-500\/90:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600:focus) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600:hover) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600:active) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/10:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/10:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/10:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/20:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/20:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/20:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/30:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/30:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/30:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/40:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/40:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/40:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/50:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/50:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/50:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/60:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/60:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/60:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/70:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/70:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/70:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/80:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/80:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/80:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-600\/90:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-600\/90:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-600\/90:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700:focus) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700:hover) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700:active) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/10:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/10:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/10:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/20:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/20:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/20:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/30:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/30:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/30:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/40:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/40:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/40:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/50:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/50:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/50:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/60:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/60:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/60:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/70:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/70:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/70:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/80:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/80:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/80:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-700\/90:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-700\/90:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-700\/90:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800:focus) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800:hover) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800:active) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/10:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/10:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/10:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/20:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/20:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/20:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/30:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/30:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/30:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/40:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/40:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/40:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/50:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/50:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/50:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/60:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/60:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/60:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/70:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/70:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/70:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/80:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/80:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/80:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-800\/90:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-800\/90:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-800\/90:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900:focus) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900:hover) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900:active) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/10:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/10:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/10:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/20:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/20:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/20:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/30:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/30:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/30:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/40:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/40:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/40:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/50:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/50:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/50:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/60:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/60:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/60:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/70:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/70:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/70:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/80:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/80:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/80:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-primary-900\/90:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-primary-900\/90:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-primary-900\/90:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/10) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/20) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/30) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/40) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/50) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/60) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/70) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/80) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-50\/90) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/10) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/20) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/30) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/40) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/50) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/60) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/70) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/80) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-100\/90) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/10) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/20) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/30) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/40) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/50) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/60) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/70) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/80) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-200\/90) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/10) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/20) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/30) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/40) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/50) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/60) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/70) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/80) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-300\/90) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/10) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/20) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/30) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/40) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/50) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/60) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/70) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/80) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-400\/90) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/10) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/20) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/30) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/40) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/50) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/60) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/70) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/80) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-500\/90) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/10) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/20) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/30) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/40) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/50) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/60) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/70) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/80) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-600\/90) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/10) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/20) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/30) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/40) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/50) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/60) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/70) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/80) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-700\/90) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/10) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/20) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/30) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/40) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/50) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/60) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/70) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/80) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-800\/90) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/10) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/20) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/30) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/40) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/50) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/60) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/70) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/80) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-blue-900\/90) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/10) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/20) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/30) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/40) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/50) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/60) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/70) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/80) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-50\/90) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/10) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/20) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/30) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/40) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/50) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/60) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/70) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/80) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-100\/90) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/10) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/20) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/30) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/40) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/50) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/60) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/70) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/80) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-200\/90) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/10) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/20) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/30) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/40) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/50) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/60) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/70) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/80) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-300\/90) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/10) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/20) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/30) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/40) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/50) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/60) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/70) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/80) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-400\/90) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/10) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/20) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/30) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/40) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/50) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/60) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/70) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/80) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-500\/90) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/10) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/20) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/30) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/40) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/50) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/60) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/70) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/80) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-600\/90) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/10) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/20) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/30) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/40) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/50) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/60) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/70) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/80) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-700\/90) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/10) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/20) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/30) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/40) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/50) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/60) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/70) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/80) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-800\/90) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/10) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/20) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/30) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/40) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/50) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/60) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/70) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/80) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-green-900\/90) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/10) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/20) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/30) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/40) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/50) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/60) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/70) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/80) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-50\/90) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/10) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/20) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/30) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/40) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/50) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/60) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/70) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/80) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-100\/90) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/10) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/20) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/30) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/40) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/50) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/60) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/70) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/80) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-200\/90) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/10) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/20) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/30) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/40) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/50) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/60) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/70) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/80) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-300\/90) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/10) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/20) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/30) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/40) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/50) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/60) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/70) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/80) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-400\/90) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/10) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/20) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/30) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/40) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/50) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/60) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/70) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/80) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-500\/90) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/10) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/20) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/30) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/40) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/50) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/60) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/70) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/80) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-600\/90) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/10) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/20) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/30) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/40) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/50) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/60) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/70) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/80) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-700\/90) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/10) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/20) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/30) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/40) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/50) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/60) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/70) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/80) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-800\/90) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/10) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/20) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/30) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/40) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/50) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/60) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/70) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/80) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-yellow-900\/90) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/10) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/20) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/30) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/40) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/50) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/60) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/70) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/80) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-50\/90) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/10) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/20) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/30) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/40) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/50) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/60) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/70) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/80) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-100\/90) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/10) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/20) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/30) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/40) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/50) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/60) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/70) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/80) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-200\/90) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/10) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/20) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/30) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/40) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/50) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/60) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/70) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/80) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-300\/90) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/10) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/20) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/30) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/40) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/50) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/60) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/70) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/80) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-400\/90) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/10) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/20) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/30) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/40) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/50) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/60) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/70) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/80) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-500\/90) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/10) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/20) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/30) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/40) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/50) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/60) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/70) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/80) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-600\/90) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/10) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/20) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/30) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/40) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/50) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/60) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/70) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/80) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-700\/90) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/10) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/20) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/30) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/40) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/50) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/60) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/70) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/80) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-800\/90) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/10) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/20) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/30) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/40) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/50) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/60) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/70) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/80) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-cyan-900\/90) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/10) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/20) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/30) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/40) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/50) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/60) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/70) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/80) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-50\/90) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/10) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/20) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/30) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/40) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/50) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/60) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/70) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/80) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-100\/90) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/10) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/20) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/30) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/40) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/50) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/60) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/70) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/80) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-200\/90) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/10) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/20) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/30) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/40) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/50) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/60) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/70) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/80) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-300\/90) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/10) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/20) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/30) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/40) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/50) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/60) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/70) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/80) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-400\/90) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/10) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/20) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/30) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/40) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/50) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/60) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/70) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/80) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-500\/90) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/10) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/20) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/30) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/40) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/50) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/60) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/70) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/80) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-600\/90) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/10) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/20) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/30) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/40) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/50) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/60) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/70) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/80) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-700\/90) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/10) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/20) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/30) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/40) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/50) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/60) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/70) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/80) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-800\/90) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/10) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/20) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/30) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/40) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/50) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/60) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/70) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/80) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-pink-900\/90) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/10) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/20) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/30) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/40) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/50) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/60) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/70) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/80) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-50\/90) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/10) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/20) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/30) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/40) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/50) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/60) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/70) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/80) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-100\/90) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/10) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/20) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/30) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/40) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/50) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/60) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/70) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/80) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-200\/90) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/10) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/20) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/30) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/40) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/50) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/60) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/70) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/80) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-300\/90) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/10) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/20) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/30) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/40) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/50) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/60) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/70) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/80) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-400\/90) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/10) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/20) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/30) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/40) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/50) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/60) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/70) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/80) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-500\/90) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/10) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/20) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/30) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/40) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/50) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/60) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/70) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/80) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-600\/90) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/10) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/20) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/30) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/40) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/50) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/60) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/70) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/80) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-700\/90) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/10) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/20) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/30) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/40) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/50) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/60) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/70) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/80) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-800\/90) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/10) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/20) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/30) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/40) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/50) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/60) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/70) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/80) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-indigo-900\/90) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/10) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/20) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/30) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/40) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/50) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/60) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/70) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/80) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-50\/90) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/10) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/20) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/30) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/40) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/50) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/60) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/70) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/80) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-100\/90) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/10) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/20) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/30) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/40) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/50) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/60) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/70) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/80) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-200\/90) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/10) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/20) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/30) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/40) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/50) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/60) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/70) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/80) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-300\/90) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/10) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/20) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/30) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/40) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/50) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/60) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/70) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/80) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-400\/90) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/10) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/20) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/30) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/40) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/50) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/60) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/70) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/80) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-500\/90) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/10) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/20) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/30) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/40) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/50) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/60) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/70) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/80) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-600\/90) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/10) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/20) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/30) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/40) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/50) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/60) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/70) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/80) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-700\/90) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/10) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/20) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/30) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/40) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/50) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/60) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/70) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/80) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-800\/90) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/10) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/20) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/30) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/40) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/50) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/60) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/70) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/80) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-teal-900\/90) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/10) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/20) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/30) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/40) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/50) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/60) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/70) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/80) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-50\/90) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/10) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/20) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/30) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/40) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/50) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/60) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/70) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/80) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-100\/90) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/10) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/20) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/30) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/40) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/50) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/60) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/70) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/80) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-200\/90) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/10) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/20) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/30) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/40) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/50) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/60) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/70) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/80) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-300\/90) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/10) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/20) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/30) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/40) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/50) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/60) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/70) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/80) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-400\/90) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/10) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/20) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/30) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/40) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/50) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/60) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/70) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/80) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-500\/90) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/10) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/20) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/30) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/40) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/50) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/60) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/70) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/80) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-600\/90) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/10) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/20) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/30) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/40) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/50) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/60) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/70) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/80) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-700\/90) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/10) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/20) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/30) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/40) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/50) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/60) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/70) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/80) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-800\/90) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/10) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/20) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/30) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/40) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/50) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/60) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/70) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/80) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-orange-900\/90) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/10) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/20) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/30) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/40) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/50) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/60) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/70) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/80) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-50\/90) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/10) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/20) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/30) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/40) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/50) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/60) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/70) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/80) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-100\/90) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/10) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/20) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/30) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/40) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/50) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/60) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/70) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/80) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-200\/90) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/10) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/20) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/30) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/40) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/50) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/60) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/70) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/80) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-300\/90) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/10) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/20) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/30) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/40) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/50) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/60) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/70) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/80) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-400\/90) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/10) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/20) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/30) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/40) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/50) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/60) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/70) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/80) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-500\/90) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/10) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/20) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/30) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/40) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/50) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/60) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/70) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/80) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-600\/90) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/10) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/20) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/30) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/40) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/50) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/60) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/70) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/80) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-700\/90) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/10) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/20) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/30) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/40) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/50) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/60) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/70) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/80) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-800\/90) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/10) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/20) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/30) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/40) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/50) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/60) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/70) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/80) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-bluegray-900\/90) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/10) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/20) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/30) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/40) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/50) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/60) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/70) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/80) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-50\/90) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/10) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/20) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/30) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/40) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/50) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/60) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/70) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/80) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-100\/90) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/10) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/20) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/30) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/40) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/50) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/60) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/70) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/80) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-200\/90) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/10) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/20) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/30) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/40) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/50) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/60) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/70) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/80) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-300\/90) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/10) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/20) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/30) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/40) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/50) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/60) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/70) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/80) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-400\/90) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/10) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/20) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/30) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/40) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/50) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/60) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/70) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/80) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-500\/90) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/10) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/20) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/30) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/40) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/50) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/60) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/70) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/80) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-600\/90) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/10) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/20) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/30) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/40) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/50) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/60) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/70) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/80) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-700\/90) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/10) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/20) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/30) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/40) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/50) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/60) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/70) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/80) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-800\/90) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/10) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/20) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/30) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/40) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/50) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/60) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/70) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/80) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-purple-900\/90) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/10) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/20) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/30) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/40) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/50) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/60) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/70) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/80) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-50\/90) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/10) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/20) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/30) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/40) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/50) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/60) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/70) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/80) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-100\/90) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/10) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/20) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/30) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/40) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/50) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/60) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/70) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/80) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-200\/90) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/10) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/20) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/30) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/40) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/50) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/60) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/70) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/80) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-300\/90) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/10) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/20) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/30) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/40) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/50) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/60) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/70) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/80) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-400\/90) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/10) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/20) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/30) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/40) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/50) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/60) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/70) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/80) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-500\/90) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/10) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/20) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/30) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/40) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/50) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/60) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/70) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/80) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-600\/90) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/10) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/20) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/30) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/40) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/50) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/60) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/70) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/80) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-700\/90) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/10) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/20) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/30) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/40) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/50) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/60) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/70) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/80) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-800\/90) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/10) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/20) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/30) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/40) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/50) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/60) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/70) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/80) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-red-900\/90) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/10) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/20) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/30) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/40) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/50) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/60) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/70) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/80) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-50\/90) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/10) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/20) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/30) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/40) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/50) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/60) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/70) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/80) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-100\/90) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/10) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/20) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/30) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/40) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/50) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/60) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/70) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/80) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-200\/90) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/10) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/20) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/30) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/40) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/50) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/60) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/70) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/80) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-300\/90) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/10) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/20) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/30) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/40) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/50) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/60) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/70) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/80) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-400\/90) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/10) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/20) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/30) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/40) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/50) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/60) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/70) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/80) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-500\/90) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/10) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/20) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/30) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/40) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/50) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/60) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/70) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/80) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-600\/90) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/10) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/20) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/30) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/40) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/50) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/60) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/70) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/80) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-700\/90) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/10) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/20) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/30) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/40) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/50) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/60) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/70) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/80) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-800\/90) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/10) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/20) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/30) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/40) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/50) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/60) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/70) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/80) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-gray-900\/90) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/10) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/20) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/30) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/40) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/50) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/60) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/70) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/80) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-0\/90) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/10) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/20) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/30) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/40) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/50) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/60) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/70) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/80) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-50\/90) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/10) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/20) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/30) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/40) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/50) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/60) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/70) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/80) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-100\/90) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/10) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/20) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/30) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/40) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/50) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/60) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/70) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/80) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-200\/90) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/10) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/20) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/30) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/40) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/50) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/60) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/70) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/80) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-300\/90) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/10) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/20) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/30) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/40) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/50) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/60) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/70) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/80) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-400\/90) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/10) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/20) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/30) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/40) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/50) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/60) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/70) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/80) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-500\/90) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/10) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/20) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/30) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/40) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/50) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/60) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/70) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/80) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-600\/90) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/10) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/20) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/30) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/40) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/50) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/60) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/70) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/80) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-700\/90) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/10) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/20) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/30) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/40) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/50) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/60) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/70) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/80) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-800\/90) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/10) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/20) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/30) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/40) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/50) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/60) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/70) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/80) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-surface-900\/90) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/10) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/20) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/30) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/40) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/50) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/60) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/70) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/80) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-50\/90) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/10) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/20) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/30) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/40) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/50) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/60) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/70) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/80) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-100\/90) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/10) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/20) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/30) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/40) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/50) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/60) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/70) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/80) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-200\/90) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/10) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/20) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/30) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/40) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/50) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/60) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/70) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/80) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-300\/90) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/10) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/20) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/30) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/40) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/50) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/60) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/70) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/80) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-400\/90) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/10) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/20) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/30) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/40) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/50) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/60) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/70) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/80) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-500\/90) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/10) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/20) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/30) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/40) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/50) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/60) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/70) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/80) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-600\/90) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/10) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/20) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/30) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/40) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/50) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/60) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/70) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/80) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-700\/90) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/10) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/20) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/30) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/40) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/50) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/60) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/70) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/80) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-800\/90) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/10) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/20) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/30) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/40) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/50) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/60) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/70) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/80) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-primary-900\/90) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50:focus) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50:hover) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50:active) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/10:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/10:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/10:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/20:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/20:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/20:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/30:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/30:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/30:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/40:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/40:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/40:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/50:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/50:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/50:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/60:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/60:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/60:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/70:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/70:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/70:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/80:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/80:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/80:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-50\/90:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-50\/90:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-50\/90:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100:focus) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100:hover) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100:active) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/10:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/10:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/10:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/20:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/20:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/20:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/30:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/30:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/30:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/40:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/40:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/40:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/50:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/50:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/50:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/60:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/60:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/60:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/70:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/70:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/70:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/80:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/80:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/80:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-100\/90:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-100\/90:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-100\/90:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200:focus) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200:hover) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200:active) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/10:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/10:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/10:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/20:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/20:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/20:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/30:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/30:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/30:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/40:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/40:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/40:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/50:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/50:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/50:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/60:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/60:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/60:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/70:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/70:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/70:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/80:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/80:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/80:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-200\/90:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-200\/90:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-200\/90:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300:focus) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300:hover) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300:active) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/10:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/10:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/10:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/20:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/20:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/20:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/30:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/30:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/30:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/40:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/40:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/40:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/50:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/50:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/50:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/60:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/60:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/60:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/70:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/70:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/70:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/80:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/80:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/80:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-300\/90:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-300\/90:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-300\/90:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400:focus) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400:hover) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400:active) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/10:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/10:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/10:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/20:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/20:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/20:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/30:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/30:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/30:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/40:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/40:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/40:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/50:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/50:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/50:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/60:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/60:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/60:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/70:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/70:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/70:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/80:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/80:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/80:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-400\/90:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-400\/90:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-400\/90:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500:focus) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500:hover) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500:active) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/10:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/10:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/10:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/20:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/20:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/20:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/30:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/30:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/30:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/40:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/40:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/40:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/50:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/50:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/50:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/60:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/60:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/60:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/70:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/70:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/70:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/80:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/80:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/80:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-500\/90:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-500\/90:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-500\/90:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600:focus) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600:hover) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600:active) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/10:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/10:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/10:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/20:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/20:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/20:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/30:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/30:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/30:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/40:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/40:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/40:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/50:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/50:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/50:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/60:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/60:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/60:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/70:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/70:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/70:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/80:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/80:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/80:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-600\/90:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-600\/90:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-600\/90:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700:focus) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700:hover) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700:active) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/10:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/10:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/10:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/20:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/20:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/20:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/30:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/30:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/30:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/40:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/40:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/40:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/50:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/50:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/50:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/60:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/60:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/60:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/70:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/70:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/70:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/80:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/80:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/80:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-700\/90:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-700\/90:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-700\/90:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800:focus) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800:hover) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800:active) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/10:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/10:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/10:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/20:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/20:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/20:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/30:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/30:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/30:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/40:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/40:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/40:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/50:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/50:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/50:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/60:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/60:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/60:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/70:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/70:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/70:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/80:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/80:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/80:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-800\/90:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-800\/90:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-800\/90:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900:focus) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900:hover) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900:active) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/10:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/10:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/10:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/20:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/20:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/20:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/30:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/30:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/30:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/40:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/40:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/40:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/50:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/50:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/50:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/60:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/60:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/60:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/70:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/70:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/70:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/80:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/80:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/80:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-blue-900\/90:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-blue-900\/90:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-blue-900\/90:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50:focus) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50:hover) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50:active) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/10:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/10:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/10:active) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/20:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/20:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/20:active) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/30:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/30:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/30:active) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/40:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/40:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/40:active) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/50:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/50:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/50:active) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/60:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/60:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/60:active) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/70:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/70:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/70:active) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/80:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/80:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/80:active) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-50\/90:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-50\/90:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-50\/90:active) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100:focus) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100:hover) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100:active) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/10:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/10:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/10:active) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/20:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/20:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/20:active) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/30:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/30:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/30:active) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/40:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/40:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/40:active) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/50:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/50:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/50:active) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/60:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/60:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/60:active) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/70:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/70:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/70:active) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/80:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/80:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/80:active) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-100\/90:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-100\/90:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-100\/90:active) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200:focus) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200:hover) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200:active) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/10:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/10:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/10:active) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/20:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/20:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/20:active) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/30:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/30:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/30:active) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/40:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/40:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/40:active) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/50:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/50:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/50:active) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/60:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/60:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/60:active) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/70:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/70:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/70:active) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/80:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/80:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/80:active) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-200\/90:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-200\/90:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-200\/90:active) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300:focus) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300:hover) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300:active) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/10:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/10:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/10:active) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/20:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/20:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/20:active) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/30:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/30:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/30:active) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/40:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/40:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/40:active) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/50:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/50:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/50:active) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/60:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/60:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/60:active) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/70:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/70:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/70:active) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/80:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/80:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/80:active) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-300\/90:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-300\/90:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-300\/90:active) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400:focus) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400:hover) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400:active) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/10:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/10:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/10:active) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/20:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/20:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/20:active) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/30:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/30:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/30:active) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/40:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/40:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/40:active) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/50:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/50:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/50:active) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/60:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/60:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/60:active) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/70:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/70:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/70:active) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/80:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/80:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/80:active) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-400\/90:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-400\/90:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-400\/90:active) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500:focus) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500:hover) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500:active) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/10:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/10:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/10:active) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/20:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/20:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/20:active) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/30:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/30:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/30:active) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/40:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/40:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/40:active) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/50:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/50:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/50:active) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/60:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/60:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/60:active) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/70:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/70:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/70:active) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/80:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/80:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/80:active) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-500\/90:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-500\/90:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-500\/90:active) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600:focus) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600:hover) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600:active) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/10:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/10:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/10:active) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/20:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/20:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/20:active) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/30:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/30:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/30:active) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/40:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/40:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/40:active) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/50:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/50:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/50:active) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/60:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/60:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/60:active) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/70:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/70:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/70:active) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/80:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/80:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/80:active) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-600\/90:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-600\/90:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-600\/90:active) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700:focus) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700:hover) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700:active) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/10:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/10:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/10:active) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/20:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/20:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/20:active) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/30:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/30:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/30:active) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/40:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/40:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/40:active) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/50:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/50:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/50:active) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/60:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/60:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/60:active) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/70:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/70:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/70:active) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/80:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/80:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/80:active) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-700\/90:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-700\/90:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-700\/90:active) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800:focus) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800:hover) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800:active) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/10:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/10:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/10:active) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/20:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/20:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/20:active) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/30:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/30:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/30:active) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/40:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/40:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/40:active) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/50:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/50:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/50:active) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/60:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/60:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/60:active) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/70:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/70:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/70:active) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/80:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/80:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/80:active) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-800\/90:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-800\/90:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-800\/90:active) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900:focus) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900:hover) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900:active) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/10:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/10:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/10:active) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/20:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/20:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/20:active) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/30:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/30:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/30:active) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/40:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/40:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/40:active) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/50:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/50:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/50:active) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/60:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/60:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/60:active) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/70:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/70:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/70:active) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/80:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/80:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/80:active) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-green-900\/90:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-green-900\/90:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-green-900\/90:active) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50:focus) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50:hover) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50:active) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/10:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/20:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/30:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/40:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/50:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/60:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/70:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/80:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-50\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-50\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-50\/90:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100:focus) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100:hover) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100:active) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/10:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/20:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/30:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/40:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/50:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/60:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/70:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/80:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-100\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-100\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-100\/90:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200:focus) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200:hover) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200:active) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/10:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/20:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/30:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/40:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/50:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/60:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/70:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/80:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-200\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-200\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-200\/90:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300:focus) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300:hover) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300:active) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/10:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/20:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/30:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/40:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/50:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/60:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/70:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/80:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-300\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-300\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-300\/90:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400:focus) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400:hover) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400:active) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/10:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/20:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/30:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/40:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/50:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/60:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/70:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/80:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-400\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-400\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-400\/90:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500:focus) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500:hover) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500:active) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/10:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/20:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/30:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/40:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/50:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/60:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/70:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/80:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-500\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-500\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-500\/90:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600:focus) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600:hover) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600:active) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/10:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/20:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/30:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/40:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/50:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/60:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/70:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/80:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-600\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-600\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-600\/90:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700:focus) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700:hover) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700:active) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/10:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/20:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/30:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/40:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/50:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/60:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/70:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/80:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-700\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-700\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-700\/90:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800:focus) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800:hover) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800:active) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/10:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/20:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/30:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/40:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/50:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/60:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/70:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/80:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-800\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-800\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-800\/90:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900:focus) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900:hover) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900:active) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/10:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/20:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/30:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/40:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/50:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/60:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/70:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/80:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-yellow-900\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-yellow-900\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-yellow-900\/90:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50:focus) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50:hover) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50:active) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/10:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/20:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/30:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/40:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/50:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/60:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/70:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/80:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-50\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-50\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-50\/90:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100:focus) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100:hover) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100:active) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/10:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/20:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/30:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/40:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/50:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/60:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/70:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/80:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-100\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-100\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-100\/90:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200:focus) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200:hover) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200:active) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/10:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/20:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/30:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/40:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/50:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/60:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/70:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/80:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-200\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-200\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-200\/90:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300:focus) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300:hover) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300:active) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/10:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/20:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/30:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/40:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/50:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/60:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/70:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/80:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-300\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-300\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-300\/90:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400:focus) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400:hover) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400:active) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/10:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/20:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/30:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/40:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/50:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/60:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/70:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/80:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-400\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-400\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-400\/90:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500:focus) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500:hover) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500:active) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/10:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/20:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/30:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/40:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/50:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/60:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/70:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/80:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-500\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-500\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-500\/90:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600:focus) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600:hover) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600:active) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/10:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/20:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/30:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/40:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/50:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/60:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/70:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/80:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-600\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-600\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-600\/90:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700:focus) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700:hover) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700:active) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/10:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/20:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/30:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/40:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/50:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/60:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/70:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/80:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-700\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-700\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-700\/90:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800:focus) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800:hover) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800:active) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/10:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/20:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/30:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/40:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/50:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/60:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/70:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/80:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-800\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-800\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-800\/90:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900:focus) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900:hover) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900:active) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/10:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/20:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/30:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/40:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/50:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/60:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/70:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/80:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-cyan-900\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-cyan-900\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-cyan-900\/90:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50:focus) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50:hover) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50:active) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/10:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/10:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/10:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/20:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/20:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/20:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/30:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/30:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/30:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/40:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/40:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/40:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/50:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/50:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/50:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/60:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/60:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/60:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/70:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/70:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/70:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/80:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/80:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/80:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-50\/90:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-50\/90:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-50\/90:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100:focus) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100:hover) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100:active) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/10:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/10:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/10:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/20:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/20:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/20:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/30:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/30:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/30:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/40:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/40:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/40:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/50:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/50:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/50:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/60:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/60:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/60:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/70:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/70:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/70:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/80:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/80:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/80:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-100\/90:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-100\/90:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-100\/90:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200:focus) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200:hover) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200:active) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/10:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/10:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/10:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/20:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/20:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/20:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/30:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/30:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/30:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/40:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/40:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/40:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/50:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/50:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/50:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/60:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/60:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/60:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/70:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/70:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/70:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/80:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/80:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/80:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-200\/90:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-200\/90:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-200\/90:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300:focus) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300:hover) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300:active) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/10:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/10:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/10:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/20:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/20:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/20:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/30:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/30:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/30:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/40:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/40:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/40:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/50:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/50:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/50:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/60:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/60:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/60:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/70:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/70:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/70:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/80:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/80:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/80:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-300\/90:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-300\/90:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-300\/90:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400:focus) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400:hover) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400:active) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/10:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/10:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/10:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/20:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/20:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/20:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/30:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/30:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/30:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/40:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/40:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/40:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/50:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/50:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/50:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/60:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/60:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/60:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/70:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/70:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/70:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/80:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/80:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/80:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-400\/90:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-400\/90:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-400\/90:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500:focus) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500:hover) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500:active) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/10:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/10:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/10:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/20:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/20:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/20:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/30:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/30:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/30:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/40:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/40:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/40:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/50:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/50:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/50:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/60:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/60:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/60:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/70:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/70:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/70:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/80:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/80:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/80:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-500\/90:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-500\/90:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-500\/90:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600:focus) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600:hover) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600:active) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/10:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/10:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/10:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/20:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/20:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/20:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/30:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/30:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/30:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/40:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/40:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/40:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/50:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/50:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/50:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/60:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/60:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/60:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/70:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/70:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/70:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/80:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/80:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/80:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-600\/90:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-600\/90:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-600\/90:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700:focus) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700:hover) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700:active) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/10:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/10:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/10:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/20:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/20:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/20:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/30:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/30:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/30:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/40:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/40:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/40:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/50:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/50:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/50:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/60:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/60:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/60:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/70:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/70:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/70:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/80:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/80:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/80:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-700\/90:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-700\/90:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-700\/90:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800:focus) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800:hover) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800:active) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/10:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/10:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/10:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/20:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/20:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/20:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/30:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/30:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/30:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/40:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/40:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/40:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/50:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/50:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/50:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/60:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/60:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/60:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/70:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/70:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/70:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/80:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/80:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/80:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-800\/90:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-800\/90:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-800\/90:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900:focus) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900:hover) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900:active) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/10:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/10:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/10:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/20:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/20:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/20:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/30:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/30:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/30:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/40:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/40:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/40:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/50:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/50:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/50:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/60:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/60:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/60:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/70:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/70:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/70:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/80:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/80:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/80:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-pink-900\/90:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-pink-900\/90:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-pink-900\/90:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50:focus) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50:hover) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50:active) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/10:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/20:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/30:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/40:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/50:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/60:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/70:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/80:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-50\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-50\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-50\/90:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100:focus) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100:hover) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100:active) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/10:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/20:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/30:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/40:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/50:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/60:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/70:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/80:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-100\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-100\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-100\/90:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200:focus) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200:hover) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200:active) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/10:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/20:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/30:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/40:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/50:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/60:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/70:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/80:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-200\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-200\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-200\/90:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300:focus) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300:hover) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300:active) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/10:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/20:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/30:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/40:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/50:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/60:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/70:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/80:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-300\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-300\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-300\/90:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400:focus) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400:hover) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400:active) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/10:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/20:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/30:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/40:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/50:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/60:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/70:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/80:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-400\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-400\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-400\/90:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500:focus) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500:hover) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500:active) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/10:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/20:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/30:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/40:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/50:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/60:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/70:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/80:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-500\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-500\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-500\/90:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600:focus) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600:hover) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600:active) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/10:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/20:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/30:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/40:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/50:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/60:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/70:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/80:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-600\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-600\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-600\/90:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700:focus) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700:hover) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700:active) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/10:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/20:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/30:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/40:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/50:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/60:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/70:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/80:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-700\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-700\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-700\/90:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800:focus) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800:hover) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800:active) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/10:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/20:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/30:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/40:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/50:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/60:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/70:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/80:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-800\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-800\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-800\/90:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900:focus) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900:hover) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900:active) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/10:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/20:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/30:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/40:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/50:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/60:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/70:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/80:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-indigo-900\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-indigo-900\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-indigo-900\/90:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50:focus) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50:hover) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50:active) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/10:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/10:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/10:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/20:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/20:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/20:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/30:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/30:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/30:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/40:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/40:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/40:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/50:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/50:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/50:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/60:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/60:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/60:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/70:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/70:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/70:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/80:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/80:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/80:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-50\/90:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-50\/90:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-50\/90:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100:focus) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100:hover) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100:active) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/10:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/10:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/10:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/20:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/20:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/20:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/30:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/30:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/30:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/40:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/40:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/40:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/50:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/50:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/50:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/60:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/60:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/60:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/70:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/70:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/70:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/80:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/80:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/80:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-100\/90:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-100\/90:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-100\/90:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200:focus) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200:hover) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200:active) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/10:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/10:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/10:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/20:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/20:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/20:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/30:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/30:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/30:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/40:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/40:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/40:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/50:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/50:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/50:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/60:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/60:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/60:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/70:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/70:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/70:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/80:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/80:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/80:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-200\/90:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-200\/90:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-200\/90:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300:focus) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300:hover) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300:active) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/10:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/10:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/10:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/20:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/20:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/20:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/30:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/30:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/30:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/40:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/40:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/40:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/50:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/50:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/50:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/60:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/60:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/60:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/70:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/70:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/70:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/80:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/80:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/80:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-300\/90:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-300\/90:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-300\/90:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400:focus) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400:hover) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400:active) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/10:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/10:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/10:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/20:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/20:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/20:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/30:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/30:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/30:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/40:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/40:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/40:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/50:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/50:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/50:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/60:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/60:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/60:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/70:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/70:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/70:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/80:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/80:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/80:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-400\/90:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-400\/90:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-400\/90:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500:focus) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500:hover) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500:active) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/10:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/10:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/10:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/20:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/20:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/20:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/30:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/30:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/30:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/40:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/40:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/40:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/50:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/50:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/50:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/60:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/60:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/60:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/70:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/70:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/70:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/80:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/80:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/80:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-500\/90:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-500\/90:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-500\/90:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600:focus) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600:hover) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600:active) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/10:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/10:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/10:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/20:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/20:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/20:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/30:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/30:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/30:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/40:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/40:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/40:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/50:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/50:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/50:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/60:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/60:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/60:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/70:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/70:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/70:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/80:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/80:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/80:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-600\/90:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-600\/90:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-600\/90:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700:focus) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700:hover) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700:active) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/10:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/10:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/10:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/20:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/20:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/20:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/30:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/30:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/30:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/40:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/40:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/40:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/50:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/50:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/50:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/60:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/60:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/60:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/70:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/70:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/70:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/80:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/80:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/80:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-700\/90:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-700\/90:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-700\/90:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800:focus) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800:hover) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800:active) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/10:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/10:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/10:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/20:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/20:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/20:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/30:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/30:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/30:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/40:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/40:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/40:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/50:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/50:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/50:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/60:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/60:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/60:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/70:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/70:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/70:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/80:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/80:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/80:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-800\/90:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-800\/90:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-800\/90:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900:focus) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900:hover) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900:active) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/10:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/10:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/10:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/20:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/20:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/20:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/30:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/30:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/30:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/40:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/40:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/40:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/50:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/50:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/50:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/60:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/60:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/60:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/70:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/70:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/70:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/80:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/80:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/80:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-teal-900\/90:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-teal-900\/90:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-teal-900\/90:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50:focus) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50:hover) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50:active) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/10:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/10:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/10:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/20:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/20:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/20:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/30:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/30:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/30:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/40:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/40:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/40:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/50:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/50:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/50:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/60:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/60:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/60:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/70:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/70:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/70:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/80:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/80:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/80:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-50\/90:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-50\/90:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-50\/90:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100:focus) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100:hover) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100:active) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/10:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/10:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/10:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/20:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/20:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/20:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/30:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/30:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/30:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/40:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/40:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/40:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/50:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/50:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/50:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/60:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/60:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/60:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/70:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/70:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/70:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/80:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/80:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/80:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-100\/90:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-100\/90:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-100\/90:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200:focus) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200:hover) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200:active) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/10:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/10:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/10:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/20:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/20:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/20:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/30:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/30:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/30:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/40:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/40:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/40:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/50:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/50:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/50:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/60:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/60:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/60:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/70:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/70:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/70:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/80:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/80:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/80:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-200\/90:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-200\/90:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-200\/90:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300:focus) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300:hover) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300:active) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/10:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/10:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/10:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/20:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/20:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/20:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/30:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/30:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/30:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/40:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/40:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/40:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/50:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/50:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/50:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/60:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/60:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/60:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/70:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/70:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/70:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/80:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/80:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/80:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-300\/90:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-300\/90:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-300\/90:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400:focus) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400:hover) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400:active) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/10:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/10:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/10:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/20:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/20:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/20:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/30:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/30:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/30:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/40:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/40:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/40:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/50:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/50:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/50:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/60:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/60:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/60:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/70:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/70:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/70:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/80:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/80:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/80:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-400\/90:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-400\/90:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-400\/90:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500:focus) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500:hover) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500:active) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/10:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/10:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/10:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/20:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/20:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/20:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/30:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/30:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/30:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/40:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/40:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/40:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/50:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/50:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/50:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/60:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/60:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/60:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/70:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/70:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/70:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/80:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/80:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/80:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-500\/90:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-500\/90:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-500\/90:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600:focus) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600:hover) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600:active) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/10:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/10:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/10:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/20:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/20:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/20:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/30:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/30:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/30:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/40:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/40:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/40:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/50:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/50:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/50:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/60:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/60:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/60:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/70:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/70:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/70:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/80:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/80:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/80:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-600\/90:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-600\/90:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-600\/90:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700:focus) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700:hover) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700:active) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/10:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/10:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/10:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/20:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/20:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/20:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/30:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/30:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/30:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/40:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/40:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/40:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/50:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/50:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/50:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/60:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/60:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/60:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/70:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/70:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/70:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/80:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/80:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/80:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-700\/90:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-700\/90:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-700\/90:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800:focus) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800:hover) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800:active) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/10:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/10:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/10:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/20:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/20:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/20:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/30:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/30:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/30:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/40:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/40:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/40:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/50:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/50:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/50:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/60:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/60:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/60:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/70:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/70:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/70:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/80:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/80:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/80:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-800\/90:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-800\/90:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-800\/90:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900:focus) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900:hover) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900:active) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/10:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/10:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/10:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/20:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/20:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/20:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/30:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/30:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/30:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/40:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/40:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/40:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/50:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/50:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/50:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/60:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/60:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/60:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/70:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/70:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/70:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/80:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/80:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/80:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-orange-900\/90:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-orange-900\/90:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-orange-900\/90:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50:focus) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50:hover) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50:active) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-50\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-50\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-50\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100:focus) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100:hover) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100:active) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-100\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-100\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-100\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200:focus) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200:hover) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200:active) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-200\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-200\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-200\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300:focus) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300:hover) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300:active) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-300\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-300\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-300\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400:focus) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400:hover) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400:active) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-400\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-400\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-400\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500:focus) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500:hover) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500:active) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-500\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-500\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-500\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600:focus) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600:hover) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600:active) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-600\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-600\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-600\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700:focus) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700:hover) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700:active) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-700\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-700\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-700\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800:focus) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800:hover) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800:active) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-800\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-800\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-800\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900:focus) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900:hover) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900:active) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-bluegray-900\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-bluegray-900\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-bluegray-900\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50:focus) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50:hover) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50:active) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/10:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/10:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/10:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/20:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/20:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/20:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/30:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/30:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/30:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/40:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/40:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/40:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/50:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/50:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/50:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/60:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/60:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/60:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/70:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/70:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/70:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/80:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/80:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/80:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-50\/90:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-50\/90:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-50\/90:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100:focus) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100:hover) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100:active) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/10:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/10:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/10:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/20:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/20:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/20:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/30:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/30:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/30:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/40:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/40:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/40:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/50:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/50:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/50:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/60:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/60:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/60:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/70:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/70:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/70:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/80:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/80:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/80:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-100\/90:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-100\/90:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-100\/90:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200:focus) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200:hover) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200:active) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/10:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/10:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/10:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/20:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/20:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/20:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/30:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/30:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/30:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/40:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/40:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/40:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/50:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/50:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/50:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/60:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/60:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/60:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/70:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/70:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/70:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/80:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/80:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/80:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-200\/90:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-200\/90:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-200\/90:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300:focus) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300:hover) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300:active) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/10:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/10:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/10:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/20:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/20:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/20:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/30:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/30:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/30:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/40:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/40:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/40:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/50:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/50:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/50:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/60:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/60:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/60:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/70:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/70:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/70:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/80:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/80:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/80:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-300\/90:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-300\/90:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-300\/90:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400:focus) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400:hover) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400:active) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/10:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/10:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/10:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/20:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/20:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/20:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/30:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/30:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/30:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/40:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/40:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/40:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/50:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/50:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/50:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/60:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/60:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/60:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/70:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/70:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/70:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/80:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/80:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/80:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-400\/90:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-400\/90:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-400\/90:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500:focus) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500:hover) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500:active) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/10:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/10:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/10:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/20:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/20:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/20:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/30:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/30:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/30:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/40:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/40:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/40:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/50:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/50:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/50:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/60:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/60:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/60:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/70:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/70:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/70:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/80:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/80:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/80:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-500\/90:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-500\/90:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-500\/90:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600:focus) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600:hover) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600:active) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/10:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/10:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/10:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/20:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/20:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/20:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/30:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/30:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/30:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/40:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/40:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/40:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/50:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/50:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/50:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/60:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/60:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/60:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/70:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/70:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/70:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/80:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/80:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/80:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-600\/90:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-600\/90:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-600\/90:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700:focus) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700:hover) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700:active) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/10:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/10:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/10:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/20:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/20:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/20:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/30:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/30:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/30:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/40:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/40:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/40:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/50:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/50:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/50:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/60:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/60:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/60:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/70:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/70:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/70:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/80:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/80:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/80:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-700\/90:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-700\/90:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-700\/90:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800:focus) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800:hover) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800:active) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/10:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/10:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/10:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/20:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/20:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/20:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/30:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/30:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/30:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/40:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/40:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/40:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/50:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/50:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/50:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/60:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/60:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/60:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/70:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/70:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/70:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/80:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/80:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/80:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-800\/90:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-800\/90:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-800\/90:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900:focus) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900:hover) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900:active) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/10:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/10:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/10:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/20:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/20:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/20:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/30:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/30:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/30:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/40:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/40:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/40:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/50:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/50:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/50:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/60:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/60:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/60:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/70:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/70:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/70:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/80:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/80:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/80:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-purple-900\/90:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-purple-900\/90:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-purple-900\/90:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50:focus) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50:hover) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50:active) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/10:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/10:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/10:active) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/20:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/20:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/20:active) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/30:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/30:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/30:active) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/40:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/40:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/40:active) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/50:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/50:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/50:active) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/60:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/60:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/60:active) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/70:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/70:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/70:active) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/80:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/80:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/80:active) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-50\/90:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-50\/90:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-50\/90:active) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100:focus) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100:hover) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100:active) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/10:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/10:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/10:active) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/20:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/20:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/20:active) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/30:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/30:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/30:active) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/40:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/40:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/40:active) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/50:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/50:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/50:active) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/60:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/60:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/60:active) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/70:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/70:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/70:active) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/80:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/80:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/80:active) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-100\/90:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-100\/90:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-100\/90:active) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200:focus) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200:hover) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200:active) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/10:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/10:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/10:active) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/20:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/20:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/20:active) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/30:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/30:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/30:active) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/40:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/40:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/40:active) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/50:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/50:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/50:active) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/60:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/60:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/60:active) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/70:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/70:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/70:active) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/80:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/80:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/80:active) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-200\/90:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-200\/90:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-200\/90:active) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300:focus) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300:hover) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300:active) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/10:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/10:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/10:active) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/20:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/20:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/20:active) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/30:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/30:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/30:active) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/40:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/40:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/40:active) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/50:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/50:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/50:active) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/60:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/60:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/60:active) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/70:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/70:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/70:active) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/80:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/80:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/80:active) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-300\/90:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-300\/90:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-300\/90:active) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400:focus) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400:hover) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400:active) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/10:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/10:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/10:active) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/20:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/20:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/20:active) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/30:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/30:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/30:active) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/40:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/40:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/40:active) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/50:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/50:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/50:active) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/60:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/60:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/60:active) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/70:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/70:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/70:active) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/80:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/80:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/80:active) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-400\/90:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-400\/90:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-400\/90:active) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500:focus) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500:hover) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500:active) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/10:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/10:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/10:active) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/20:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/20:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/20:active) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/30:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/30:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/30:active) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/40:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/40:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/40:active) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/50:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/50:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/50:active) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/60:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/60:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/60:active) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/70:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/70:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/70:active) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/80:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/80:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/80:active) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-500\/90:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-500\/90:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-500\/90:active) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600:focus) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600:hover) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600:active) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/10:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/10:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/10:active) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/20:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/20:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/20:active) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/30:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/30:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/30:active) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/40:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/40:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/40:active) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/50:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/50:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/50:active) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/60:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/60:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/60:active) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/70:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/70:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/70:active) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/80:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/80:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/80:active) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-600\/90:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-600\/90:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-600\/90:active) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700:focus) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700:hover) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700:active) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/10:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/10:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/10:active) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/20:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/20:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/20:active) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/30:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/30:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/30:active) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/40:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/40:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/40:active) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/50:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/50:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/50:active) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/60:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/60:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/60:active) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/70:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/70:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/70:active) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/80:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/80:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/80:active) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-700\/90:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-700\/90:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-700\/90:active) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800:focus) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800:hover) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800:active) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/10:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/10:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/10:active) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/20:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/20:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/20:active) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/30:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/30:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/30:active) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/40:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/40:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/40:active) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/50:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/50:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/50:active) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/60:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/60:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/60:active) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/70:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/70:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/70:active) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/80:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/80:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/80:active) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-800\/90:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-800\/90:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-800\/90:active) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900:focus) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900:hover) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900:active) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/10:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/10:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/10:active) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/20:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/20:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/20:active) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/30:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/30:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/30:active) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/40:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/40:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/40:active) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/50:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/50:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/50:active) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/60:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/60:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/60:active) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/70:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/70:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/70:active) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/80:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/80:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/80:active) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-red-900\/90:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-red-900\/90:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-red-900\/90:active) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50:focus) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50:hover) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50:active) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/10:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/10:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/10:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/20:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/20:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/20:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/30:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/30:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/30:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/40:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/40:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/40:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/50:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/50:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/50:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/60:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/60:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/60:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/70:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/70:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/70:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/80:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/80:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/80:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-50\/90:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-50\/90:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-50\/90:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100:focus) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100:hover) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100:active) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/10:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/10:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/10:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/20:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/20:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/20:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/30:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/30:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/30:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/40:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/40:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/40:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/50:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/50:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/50:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/60:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/60:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/60:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/70:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/70:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/70:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/80:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/80:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/80:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-100\/90:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-100\/90:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-100\/90:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200:focus) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200:hover) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200:active) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/10:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/10:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/10:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/20:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/20:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/20:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/30:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/30:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/30:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/40:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/40:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/40:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/50:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/50:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/50:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/60:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/60:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/60:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/70:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/70:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/70:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/80:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/80:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/80:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-200\/90:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-200\/90:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-200\/90:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300:focus) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300:hover) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300:active) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/10:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/10:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/10:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/20:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/20:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/20:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/30:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/30:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/30:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/40:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/40:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/40:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/50:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/50:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/50:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/60:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/60:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/60:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/70:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/70:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/70:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/80:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/80:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/80:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-300\/90:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-300\/90:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-300\/90:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400:focus) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400:hover) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400:active) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/10:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/10:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/10:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/20:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/20:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/20:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/30:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/30:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/30:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/40:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/40:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/40:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/50:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/50:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/50:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/60:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/60:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/60:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/70:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/70:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/70:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/80:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/80:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/80:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-400\/90:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-400\/90:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-400\/90:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500:focus) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500:hover) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500:active) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/10:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/10:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/10:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/20:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/20:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/20:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/30:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/30:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/30:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/40:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/40:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/40:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/50:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/50:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/50:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/60:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/60:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/60:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/70:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/70:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/70:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/80:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/80:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/80:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-500\/90:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-500\/90:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-500\/90:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600:focus) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600:hover) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600:active) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/10:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/10:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/10:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/20:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/20:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/20:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/30:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/30:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/30:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/40:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/40:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/40:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/50:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/50:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/50:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/60:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/60:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/60:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/70:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/70:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/70:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/80:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/80:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/80:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-600\/90:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-600\/90:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-600\/90:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700:focus) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700:hover) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700:active) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/10:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/10:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/10:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/20:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/20:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/20:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/30:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/30:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/30:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/40:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/40:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/40:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/50:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/50:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/50:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/60:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/60:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/60:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/70:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/70:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/70:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/80:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/80:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/80:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-700\/90:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-700\/90:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-700\/90:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800:focus) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800:hover) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800:active) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/10:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/10:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/10:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/20:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/20:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/20:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/30:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/30:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/30:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/40:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/40:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/40:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/50:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/50:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/50:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/60:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/60:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/60:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/70:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/70:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/70:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/80:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/80:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/80:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-800\/90:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-800\/90:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-800\/90:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900:focus) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900:hover) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900:active) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/10:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/10:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/10:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/20:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/20:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/20:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/30:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/30:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/30:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/40:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/40:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/40:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/50:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/50:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/50:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/60:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/60:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/60:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/70:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/70:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/70:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/80:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/80:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/80:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-gray-900\/90:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-gray-900\/90:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-gray-900\/90:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0:focus) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0:hover) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0:active) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/10:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/10:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/10:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/20:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/20:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/20:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/30:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/30:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/30:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/40:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/40:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/40:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/50:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/50:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/50:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/60:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/60:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/60:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/70:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/70:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/70:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/80:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/80:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/80:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-0\/90:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-0\/90:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-0\/90:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50:focus) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50:hover) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50:active) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/10:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/10:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/10:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/20:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/20:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/20:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/30:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/30:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/30:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/40:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/40:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/40:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/50:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/50:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/50:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/60:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/60:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/60:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/70:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/70:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/70:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/80:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/80:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/80:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-50\/90:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-50\/90:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-50\/90:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100:focus) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100:hover) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100:active) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/10:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/10:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/10:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/20:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/20:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/20:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/30:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/30:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/30:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/40:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/40:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/40:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/50:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/50:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/50:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/60:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/60:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/60:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/70:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/70:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/70:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/80:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/80:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/80:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-100\/90:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-100\/90:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-100\/90:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200:focus) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200:hover) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200:active) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/10:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/10:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/10:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/20:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/20:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/20:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/30:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/30:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/30:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/40:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/40:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/40:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/50:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/50:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/50:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/60:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/60:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/60:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/70:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/70:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/70:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/80:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/80:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/80:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-200\/90:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-200\/90:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-200\/90:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300:focus) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300:hover) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300:active) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/10:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/10:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/10:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/20:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/20:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/20:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/30:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/30:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/30:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/40:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/40:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/40:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/50:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/50:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/50:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/60:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/60:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/60:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/70:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/70:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/70:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/80:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/80:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/80:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-300\/90:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-300\/90:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-300\/90:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400:focus) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400:hover) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400:active) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/10:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/10:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/10:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/20:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/20:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/20:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/30:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/30:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/30:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/40:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/40:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/40:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/50:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/50:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/50:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/60:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/60:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/60:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/70:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/70:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/70:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/80:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/80:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/80:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-400\/90:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-400\/90:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-400\/90:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500:focus) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500:hover) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500:active) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/10:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/10:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/10:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/20:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/20:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/20:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/30:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/30:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/30:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/40:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/40:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/40:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/50:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/50:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/50:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/60:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/60:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/60:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/70:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/70:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/70:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/80:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/80:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/80:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-500\/90:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-500\/90:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-500\/90:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600:focus) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600:hover) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600:active) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/10:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/10:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/10:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/20:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/20:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/20:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/30:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/30:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/30:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/40:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/40:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/40:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/50:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/50:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/50:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/60:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/60:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/60:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/70:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/70:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/70:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/80:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/80:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/80:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-600\/90:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-600\/90:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-600\/90:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700:focus) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700:hover) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700:active) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/10:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/10:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/10:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/20:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/20:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/20:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/30:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/30:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/30:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/40:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/40:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/40:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/50:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/50:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/50:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/60:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/60:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/60:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/70:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/70:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/70:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/80:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/80:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/80:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-700\/90:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-700\/90:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-700\/90:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800:focus) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800:hover) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800:active) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/10:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/10:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/10:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/20:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/20:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/20:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/30:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/30:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/30:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/40:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/40:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/40:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/50:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/50:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/50:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/60:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/60:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/60:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/70:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/70:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/70:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/80:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/80:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/80:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-800\/90:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-800\/90:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-800\/90:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900:focus) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900:hover) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900:active) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/10:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/10:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/10:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/20:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/20:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/20:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/30:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/30:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/30:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/40:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/40:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/40:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/50:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/50:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/50:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/60:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/60:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/60:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/70:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/70:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/70:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/80:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/80:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/80:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-surface-900\/90:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-surface-900\/90:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-surface-900\/90:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50:focus) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50:hover) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50:active) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/10:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/10:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/10:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/20:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/20:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/20:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/30:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/30:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/30:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/40:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/40:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/40:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/50:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/50:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/50:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/60:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/60:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/60:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/70:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/70:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/70:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/80:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/80:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/80:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-50\/90:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-50\/90:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-50\/90:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100:focus) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100:hover) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100:active) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/10:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/10:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/10:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/20:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/20:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/20:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/30:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/30:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/30:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/40:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/40:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/40:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/50:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/50:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/50:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/60:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/60:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/60:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/70:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/70:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/70:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/80:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/80:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/80:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-100\/90:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-100\/90:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-100\/90:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200:focus) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200:hover) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200:active) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/10:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/10:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/10:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/20:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/20:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/20:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/30:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/30:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/30:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/40:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/40:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/40:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/50:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/50:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/50:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/60:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/60:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/60:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/70:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/70:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/70:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/80:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/80:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/80:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-200\/90:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-200\/90:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-200\/90:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300:focus) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300:hover) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300:active) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/10:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/10:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/10:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/20:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/20:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/20:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/30:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/30:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/30:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/40:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/40:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/40:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/50:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/50:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/50:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/60:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/60:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/60:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/70:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/70:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/70:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/80:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/80:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/80:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-300\/90:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-300\/90:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-300\/90:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400:focus) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400:hover) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400:active) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/10:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/10:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/10:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/20:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/20:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/20:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/30:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/30:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/30:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/40:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/40:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/40:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/50:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/50:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/50:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/60:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/60:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/60:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/70:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/70:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/70:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/80:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/80:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/80:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-400\/90:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-400\/90:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-400\/90:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500:focus) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500:hover) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500:active) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/10:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/10:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/10:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/20:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/20:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/20:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/30:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/30:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/30:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/40:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/40:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/40:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/50:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/50:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/50:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/60:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/60:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/60:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/70:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/70:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/70:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/80:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/80:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/80:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-500\/90:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-500\/90:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-500\/90:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600:focus) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600:hover) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600:active) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/10:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/10:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/10:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/20:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/20:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/20:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/30:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/30:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/30:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/40:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/40:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/40:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/50:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/50:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/50:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/60:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/60:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/60:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/70:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/70:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/70:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/80:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/80:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/80:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-600\/90:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-600\/90:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-600\/90:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700:focus) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700:hover) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700:active) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/10:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/10:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/10:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/20:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/20:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/20:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/30:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/30:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/30:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/40:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/40:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/40:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/50:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/50:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/50:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/60:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/60:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/60:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/70:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/70:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/70:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/80:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/80:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/80:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-700\/90:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-700\/90:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-700\/90:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800:focus) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800:hover) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800:active) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/10:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/10:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/10:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/20:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/20:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/20:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/30:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/30:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/30:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/40:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/40:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/40:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/50:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/50:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/50:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/60:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/60:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/60:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/70:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/70:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/70:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/80:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/80:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/80:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-800\/90:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-800\/90:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-800\/90:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900:focus) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900:hover) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900:active) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/10:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/10:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/10:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/20:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/20:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/20:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/30:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/30:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/30:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/40:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/40:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/40:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/50:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/50:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/50:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/60:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/60:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/60:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/70:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/70:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/70:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/80:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/80:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/80:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-primary-900\/90:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-primary-900\/90:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-primary-900\/90:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/10) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/20) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/30) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/40) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/50) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/60) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/70) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/80) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-50\/90) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/10) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/20) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/30) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/40) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/50) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/60) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/70) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/80) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-100\/90) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/10) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/20) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/30) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/40) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/50) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/60) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/70) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/80) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-200\/90) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/10) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/20) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/30) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/40) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/50) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/60) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/70) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/80) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-300\/90) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/10) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/20) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/30) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/40) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/50) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/60) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/70) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/80) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-400\/90) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/10) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/20) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/30) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/40) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/50) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/60) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/70) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/80) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-500\/90) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/10) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/20) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/30) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/40) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/50) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/60) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/70) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/80) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-600\/90) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/10) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/20) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/30) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/40) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/50) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/60) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/70) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/80) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-700\/90) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/10) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/20) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/30) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/40) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/50) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/60) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/70) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/80) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-800\/90) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/10) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/20) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/30) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/40) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/50) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/60) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/70) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/80) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-blue-900\/90) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/10) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/20) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/30) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/40) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/50) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/60) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/70) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/80) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-50\/90) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/10) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/20) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/30) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/40) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/50) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/60) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/70) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/80) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-100\/90) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/10) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/20) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/30) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/40) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/50) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/60) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/70) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/80) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-200\/90) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/10) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/20) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/30) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/40) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/50) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/60) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/70) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/80) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-300\/90) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/10) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/20) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/30) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/40) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/50) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/60) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/70) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/80) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-400\/90) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/10) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/20) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/30) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/40) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/50) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/60) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/70) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/80) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-500\/90) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/10) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/20) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/30) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/40) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/50) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/60) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/70) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/80) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-600\/90) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/10) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/20) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/30) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/40) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/50) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/60) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/70) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/80) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-700\/90) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/10) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/20) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/30) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/40) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/50) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/60) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/70) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/80) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-800\/90) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/10) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/20) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/30) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/40) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/50) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/60) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/70) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/80) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-green-900\/90) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/10) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/20) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/30) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/40) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/50) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/60) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/70) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/80) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-50\/90) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/10) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/20) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/30) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/40) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/50) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/60) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/70) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/80) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-100\/90) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/10) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/20) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/30) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/40) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/50) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/60) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/70) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/80) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-200\/90) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/10) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/20) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/30) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/40) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/50) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/60) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/70) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/80) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-300\/90) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/10) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/20) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/30) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/40) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/50) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/60) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/70) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/80) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-400\/90) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/10) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/20) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/30) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/40) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/50) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/60) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/70) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/80) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-500\/90) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/10) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/20) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/30) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/40) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/50) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/60) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/70) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/80) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-600\/90) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/10) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/20) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/30) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/40) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/50) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/60) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/70) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/80) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-700\/90) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/10) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/20) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/30) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/40) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/50) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/60) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/70) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/80) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-800\/90) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/10) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/20) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/30) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/40) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/50) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/60) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/70) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/80) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-yellow-900\/90) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/10) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/20) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/30) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/40) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/50) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/60) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/70) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/80) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-50\/90) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/10) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/20) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/30) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/40) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/50) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/60) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/70) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/80) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-100\/90) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/10) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/20) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/30) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/40) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/50) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/60) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/70) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/80) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-200\/90) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/10) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/20) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/30) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/40) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/50) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/60) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/70) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/80) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-300\/90) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/10) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/20) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/30) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/40) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/50) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/60) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/70) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/80) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-400\/90) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/10) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/20) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/30) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/40) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/50) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/60) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/70) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/80) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-500\/90) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/10) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/20) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/30) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/40) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/50) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/60) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/70) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/80) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-600\/90) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/10) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/20) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/30) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/40) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/50) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/60) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/70) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/80) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-700\/90) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/10) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/20) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/30) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/40) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/50) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/60) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/70) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/80) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-800\/90) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/10) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/20) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/30) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/40) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/50) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/60) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/70) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/80) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-cyan-900\/90) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/10) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/20) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/30) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/40) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/50) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/60) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/70) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/80) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-50\/90) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/10) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/20) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/30) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/40) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/50) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/60) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/70) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/80) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-100\/90) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/10) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/20) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/30) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/40) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/50) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/60) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/70) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/80) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-200\/90) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/10) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/20) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/30) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/40) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/50) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/60) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/70) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/80) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-300\/90) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/10) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/20) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/30) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/40) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/50) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/60) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/70) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/80) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-400\/90) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/10) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/20) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/30) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/40) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/50) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/60) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/70) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/80) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-500\/90) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/10) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/20) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/30) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/40) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/50) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/60) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/70) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/80) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-600\/90) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/10) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/20) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/30) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/40) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/50) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/60) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/70) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/80) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-700\/90) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/10) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/20) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/30) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/40) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/50) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/60) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/70) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/80) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-800\/90) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/10) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/20) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/30) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/40) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/50) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/60) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/70) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/80) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-pink-900\/90) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/10) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/20) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/30) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/40) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/50) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/60) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/70) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/80) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-50\/90) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/10) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/20) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/30) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/40) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/50) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/60) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/70) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/80) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-100\/90) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/10) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/20) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/30) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/40) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/50) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/60) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/70) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/80) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-200\/90) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/10) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/20) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/30) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/40) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/50) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/60) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/70) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/80) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-300\/90) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/10) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/20) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/30) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/40) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/50) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/60) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/70) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/80) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-400\/90) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/10) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/20) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/30) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/40) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/50) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/60) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/70) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/80) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-500\/90) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/10) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/20) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/30) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/40) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/50) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/60) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/70) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/80) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-600\/90) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/10) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/20) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/30) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/40) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/50) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/60) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/70) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/80) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-700\/90) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/10) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/20) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/30) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/40) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/50) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/60) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/70) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/80) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-800\/90) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/10) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/20) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/30) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/40) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/50) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/60) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/70) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/80) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-indigo-900\/90) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/10) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/20) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/30) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/40) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/50) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/60) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/70) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/80) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-50\/90) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/10) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/20) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/30) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/40) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/50) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/60) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/70) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/80) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-100\/90) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/10) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/20) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/30) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/40) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/50) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/60) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/70) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/80) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-200\/90) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/10) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/20) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/30) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/40) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/50) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/60) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/70) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/80) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-300\/90) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/10) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/20) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/30) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/40) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/50) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/60) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/70) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/80) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-400\/90) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/10) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/20) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/30) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/40) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/50) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/60) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/70) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/80) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-500\/90) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/10) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/20) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/30) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/40) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/50) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/60) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/70) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/80) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-600\/90) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/10) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/20) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/30) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/40) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/50) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/60) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/70) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/80) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-700\/90) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/10) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/20) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/30) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/40) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/50) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/60) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/70) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/80) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-800\/90) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/10) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/20) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/30) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/40) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/50) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/60) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/70) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/80) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-teal-900\/90) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/10) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/20) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/30) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/40) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/50) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/60) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/70) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/80) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-50\/90) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/10) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/20) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/30) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/40) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/50) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/60) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/70) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/80) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-100\/90) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/10) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/20) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/30) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/40) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/50) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/60) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/70) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/80) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-200\/90) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/10) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/20) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/30) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/40) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/50) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/60) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/70) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/80) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-300\/90) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/10) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/20) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/30) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/40) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/50) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/60) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/70) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/80) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-400\/90) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/10) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/20) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/30) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/40) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/50) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/60) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/70) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/80) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-500\/90) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/10) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/20) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/30) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/40) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/50) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/60) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/70) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/80) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-600\/90) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/10) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/20) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/30) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/40) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/50) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/60) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/70) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/80) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-700\/90) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/10) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/20) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/30) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/40) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/50) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/60) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/70) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/80) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-800\/90) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/10) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/20) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/30) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/40) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/50) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/60) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/70) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/80) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-orange-900\/90) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/10) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/20) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/30) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/40) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/50) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/60) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/70) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/80) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-50\/90) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/10) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/20) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/30) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/40) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/50) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/60) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/70) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/80) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-100\/90) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/10) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/20) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/30) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/40) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/50) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/60) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/70) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/80) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-200\/90) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/10) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/20) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/30) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/40) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/50) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/60) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/70) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/80) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-300\/90) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/10) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/20) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/30) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/40) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/50) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/60) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/70) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/80) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-400\/90) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/10) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/20) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/30) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/40) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/50) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/60) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/70) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/80) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-500\/90) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/10) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/20) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/30) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/40) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/50) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/60) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/70) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/80) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-600\/90) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/10) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/20) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/30) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/40) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/50) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/60) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/70) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/80) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-700\/90) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/10) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/20) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/30) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/40) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/50) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/60) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/70) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/80) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-800\/90) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/10) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/20) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/30) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/40) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/50) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/60) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/70) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/80) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-bluegray-900\/90) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/10) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/20) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/30) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/40) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/50) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/60) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/70) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/80) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-50\/90) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/10) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/20) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/30) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/40) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/50) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/60) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/70) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/80) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-100\/90) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/10) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/20) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/30) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/40) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/50) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/60) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/70) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/80) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-200\/90) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/10) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/20) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/30) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/40) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/50) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/60) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/70) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/80) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-300\/90) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/10) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/20) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/30) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/40) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/50) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/60) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/70) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/80) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-400\/90) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/10) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/20) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/30) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/40) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/50) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/60) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/70) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/80) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-500\/90) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/10) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/20) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/30) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/40) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/50) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/60) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/70) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/80) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-600\/90) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/10) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/20) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/30) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/40) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/50) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/60) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/70) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/80) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-700\/90) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/10) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/20) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/30) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/40) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/50) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/60) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/70) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/80) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-800\/90) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/10) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/20) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/30) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/40) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/50) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/60) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/70) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/80) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-purple-900\/90) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/10) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/20) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/30) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/40) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/50) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/60) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/70) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/80) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-50\/90) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/10) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/20) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/30) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/40) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/50) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/60) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/70) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/80) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-100\/90) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/10) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/20) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/30) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/40) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/50) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/60) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/70) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/80) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-200\/90) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/10) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/20) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/30) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/40) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/50) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/60) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/70) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/80) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-300\/90) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/10) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/20) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/30) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/40) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/50) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/60) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/70) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/80) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-400\/90) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/10) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/20) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/30) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/40) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/50) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/60) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/70) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/80) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-500\/90) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/10) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/20) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/30) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/40) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/50) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/60) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/70) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/80) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-600\/90) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/10) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/20) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/30) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/40) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/50) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/60) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/70) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/80) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-700\/90) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/10) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/20) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/30) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/40) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/50) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/60) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/70) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/80) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-800\/90) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/10) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/20) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/30) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/40) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/50) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/60) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/70) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/80) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-red-900\/90) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/10) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/20) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/30) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/40) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/50) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/60) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/70) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/80) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-50\/90) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/10) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/20) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/30) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/40) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/50) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/60) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/70) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/80) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-100\/90) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/10) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/20) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/30) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/40) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/50) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/60) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/70) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/80) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-200\/90) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/10) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/20) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/30) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/40) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/50) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/60) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/70) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/80) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-300\/90) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/10) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/20) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/30) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/40) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/50) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/60) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/70) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/80) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-400\/90) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/10) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/20) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/30) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/40) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/50) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/60) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/70) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/80) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-500\/90) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/10) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/20) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/30) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/40) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/50) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/60) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/70) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/80) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-600\/90) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/10) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/20) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/30) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/40) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/50) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/60) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/70) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/80) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-700\/90) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/10) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/20) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/30) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/40) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/50) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/60) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/70) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/80) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-800\/90) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/10) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/20) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/30) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/40) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/50) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/60) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/70) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/80) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-gray-900\/90) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/10) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/20) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/30) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/40) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/50) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/60) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/70) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/80) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-0\/90) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/10) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/20) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/30) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/40) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/50) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/60) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/70) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/80) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-50\/90) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/10) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/20) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/30) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/40) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/50) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/60) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/70) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/80) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-100\/90) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/10) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/20) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/30) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/40) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/50) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/60) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/70) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/80) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-200\/90) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/10) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/20) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/30) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/40) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/50) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/60) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/70) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/80) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-300\/90) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/10) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/20) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/30) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/40) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/50) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/60) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/70) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/80) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-400\/90) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/10) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/20) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/30) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/40) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/50) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/60) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/70) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/80) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-500\/90) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/10) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/20) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/30) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/40) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/50) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/60) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/70) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/80) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-600\/90) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/10) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/20) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/30) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/40) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/50) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/60) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/70) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/80) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-700\/90) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/10) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/20) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/30) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/40) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/50) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/60) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/70) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/80) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-800\/90) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/10) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/20) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/30) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/40) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/50) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/60) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/70) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/80) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-surface-900\/90) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/10) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/20) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/30) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/40) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/50) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/60) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/70) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/80) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-50\/90) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/10) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/20) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/30) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/40) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/50) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/60) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/70) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/80) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-100\/90) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/10) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/20) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/30) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/40) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/50) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/60) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/70) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/80) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-200\/90) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/10) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/20) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/30) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/40) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/50) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/60) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/70) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/80) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-300\/90) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/10) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/20) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/30) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/40) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/50) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/60) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/70) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/80) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-400\/90) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/10) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/20) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/30) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/40) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/50) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/60) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/70) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/80) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-500\/90) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/10) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/20) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/30) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/40) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/50) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/60) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/70) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/80) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-600\/90) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/10) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/20) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/30) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/40) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/50) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/60) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/70) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/80) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-700\/90) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/10) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/20) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/30) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/40) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/50) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/60) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/70) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/80) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-800\/90) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/10) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/20) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/30) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/40) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/50) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/60) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/70) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/80) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-primary-900\/90) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50:focus) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50:hover) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50:active) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/10:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/10:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/10:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/20:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/20:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/20:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/30:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/30:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/30:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/40:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/40:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/40:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/50:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/50:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/50:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/60:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/60:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/60:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/70:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/70:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/70:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/80:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/80:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/80:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-50\/90:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-50\/90:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-50\/90:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100:focus) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100:hover) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100:active) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/10:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/10:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/10:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/20:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/20:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/20:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/30:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/30:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/30:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/40:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/40:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/40:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/50:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/50:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/50:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/60:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/60:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/60:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/70:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/70:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/70:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/80:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/80:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/80:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-100\/90:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-100\/90:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-100\/90:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200:focus) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200:hover) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200:active) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/10:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/10:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/10:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/20:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/20:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/20:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/30:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/30:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/30:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/40:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/40:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/40:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/50:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/50:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/50:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/60:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/60:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/60:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/70:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/70:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/70:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/80:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/80:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/80:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-200\/90:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-200\/90:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-200\/90:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300:focus) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300:hover) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300:active) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/10:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/10:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/10:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/20:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/20:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/20:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/30:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/30:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/30:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/40:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/40:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/40:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/50:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/50:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/50:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/60:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/60:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/60:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/70:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/70:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/70:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/80:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/80:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/80:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-300\/90:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-300\/90:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-300\/90:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400:focus) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400:hover) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400:active) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/10:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/10:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/10:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/20:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/20:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/20:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/30:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/30:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/30:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/40:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/40:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/40:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/50:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/50:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/50:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/60:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/60:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/60:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/70:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/70:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/70:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/80:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/80:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/80:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-400\/90:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-400\/90:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-400\/90:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500:focus) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500:hover) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500:active) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/10:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/10:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/10:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/20:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/20:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/20:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/30:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/30:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/30:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/40:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/40:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/40:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/50:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/50:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/50:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/60:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/60:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/60:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/70:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/70:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/70:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/80:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/80:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/80:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-500\/90:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-500\/90:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-500\/90:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600:focus) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600:hover) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600:active) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/10:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/10:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/10:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/20:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/20:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/20:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/30:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/30:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/30:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/40:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/40:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/40:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/50:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/50:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/50:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/60:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/60:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/60:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/70:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/70:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/70:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/80:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/80:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/80:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-600\/90:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-600\/90:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-600\/90:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700:focus) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700:hover) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700:active) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/10:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/10:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/10:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/20:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/20:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/20:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/30:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/30:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/30:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/40:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/40:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/40:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/50:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/50:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/50:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/60:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/60:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/60:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/70:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/70:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/70:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/80:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/80:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/80:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-700\/90:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-700\/90:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-700\/90:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800:focus) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800:hover) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800:active) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/10:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/10:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/10:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/20:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/20:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/20:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/30:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/30:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/30:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/40:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/40:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/40:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/50:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/50:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/50:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/60:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/60:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/60:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/70:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/70:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/70:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/80:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/80:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/80:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-800\/90:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-800\/90:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-800\/90:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900:focus) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900:hover) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900:active) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/10:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/10:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/10:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/20:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/20:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/20:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/30:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/30:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/30:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/40:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/40:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/40:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/50:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/50:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/50:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/60:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/60:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/60:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/70:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/70:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/70:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/80:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/80:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/80:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-blue-900\/90:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-blue-900\/90:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-blue-900\/90:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50:focus) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50:hover) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50:active) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/10:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/10:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/10:active) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/20:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/20:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/20:active) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/30:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/30:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/30:active) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/40:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/40:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/40:active) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/50:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/50:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/50:active) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/60:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/60:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/60:active) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/70:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/70:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/70:active) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/80:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/80:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/80:active) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-50\/90:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-50\/90:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-50\/90:active) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100:focus) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100:hover) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100:active) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/10:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/10:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/10:active) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/20:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/20:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/20:active) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/30:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/30:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/30:active) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/40:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/40:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/40:active) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/50:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/50:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/50:active) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/60:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/60:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/60:active) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/70:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/70:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/70:active) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/80:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/80:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/80:active) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-100\/90:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-100\/90:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-100\/90:active) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200:focus) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200:hover) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200:active) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/10:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/10:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/10:active) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/20:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/20:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/20:active) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/30:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/30:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/30:active) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/40:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/40:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/40:active) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/50:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/50:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/50:active) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/60:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/60:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/60:active) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/70:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/70:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/70:active) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/80:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/80:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/80:active) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-200\/90:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-200\/90:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-200\/90:active) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300:focus) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300:hover) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300:active) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/10:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/10:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/10:active) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/20:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/20:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/20:active) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/30:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/30:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/30:active) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/40:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/40:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/40:active) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/50:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/50:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/50:active) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/60:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/60:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/60:active) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/70:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/70:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/70:active) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/80:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/80:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/80:active) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-300\/90:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-300\/90:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-300\/90:active) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400:focus) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400:hover) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400:active) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/10:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/10:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/10:active) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/20:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/20:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/20:active) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/30:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/30:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/30:active) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/40:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/40:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/40:active) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/50:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/50:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/50:active) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/60:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/60:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/60:active) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/70:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/70:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/70:active) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/80:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/80:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/80:active) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-400\/90:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-400\/90:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-400\/90:active) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500:focus) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500:hover) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500:active) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/10:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/10:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/10:active) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/20:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/20:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/20:active) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/30:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/30:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/30:active) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/40:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/40:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/40:active) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/50:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/50:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/50:active) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/60:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/60:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/60:active) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/70:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/70:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/70:active) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/80:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/80:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/80:active) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-500\/90:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-500\/90:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-500\/90:active) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600:focus) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600:hover) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600:active) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/10:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/10:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/10:active) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/20:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/20:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/20:active) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/30:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/30:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/30:active) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/40:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/40:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/40:active) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/50:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/50:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/50:active) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/60:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/60:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/60:active) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/70:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/70:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/70:active) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/80:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/80:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/80:active) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-600\/90:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-600\/90:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-600\/90:active) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700:focus) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700:hover) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700:active) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/10:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/10:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/10:active) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/20:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/20:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/20:active) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/30:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/30:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/30:active) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/40:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/40:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/40:active) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/50:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/50:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/50:active) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/60:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/60:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/60:active) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/70:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/70:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/70:active) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/80:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/80:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/80:active) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-700\/90:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-700\/90:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-700\/90:active) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800:focus) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800:hover) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800:active) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/10:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/10:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/10:active) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/20:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/20:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/20:active) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/30:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/30:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/30:active) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/40:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/40:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/40:active) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/50:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/50:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/50:active) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/60:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/60:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/60:active) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/70:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/70:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/70:active) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/80:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/80:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/80:active) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-800\/90:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-800\/90:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-800\/90:active) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900:focus) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900:hover) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900:active) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/10:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/10:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/10:active) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/20:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/20:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/20:active) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/30:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/30:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/30:active) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/40:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/40:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/40:active) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/50:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/50:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/50:active) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/60:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/60:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/60:active) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/70:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/70:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/70:active) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/80:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/80:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/80:active) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-green-900\/90:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-green-900\/90:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-green-900\/90:active) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50:focus) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50:hover) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50:active) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/10:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/20:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/30:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/40:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/50:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/60:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/70:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/80:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-50\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-50\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-50\/90:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100:focus) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100:hover) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100:active) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/10:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/20:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/30:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/40:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/50:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/60:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/70:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/80:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-100\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-100\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-100\/90:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200:focus) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200:hover) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200:active) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/10:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/20:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/30:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/40:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/50:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/60:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/70:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/80:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-200\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-200\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-200\/90:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300:focus) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300:hover) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300:active) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/10:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/20:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/30:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/40:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/50:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/60:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/70:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/80:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-300\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-300\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-300\/90:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400:focus) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400:hover) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400:active) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/10:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/20:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/30:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/40:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/50:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/60:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/70:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/80:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-400\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-400\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-400\/90:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500:focus) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500:hover) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500:active) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/10:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/20:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/30:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/40:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/50:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/60:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/70:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/80:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-500\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-500\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-500\/90:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600:focus) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600:hover) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600:active) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/10:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/20:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/30:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/40:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/50:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/60:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/70:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/80:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-600\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-600\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-600\/90:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700:focus) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700:hover) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700:active) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/10:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/20:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/30:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/40:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/50:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/60:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/70:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/80:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-700\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-700\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-700\/90:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800:focus) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800:hover) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800:active) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/10:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/20:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/30:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/40:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/50:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/60:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/70:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/80:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-800\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-800\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-800\/90:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900:focus) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900:hover) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900:active) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/10:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/20:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/30:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/40:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/50:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/60:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/70:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/80:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-yellow-900\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-yellow-900\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-yellow-900\/90:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50:focus) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50:hover) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50:active) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/10:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/20:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/30:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/40:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/50:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/60:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/70:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/80:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-50\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-50\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-50\/90:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100:focus) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100:hover) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100:active) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/10:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/20:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/30:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/40:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/50:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/60:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/70:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/80:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-100\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-100\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-100\/90:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200:focus) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200:hover) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200:active) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/10:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/20:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/30:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/40:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/50:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/60:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/70:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/80:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-200\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-200\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-200\/90:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300:focus) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300:hover) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300:active) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/10:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/20:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/30:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/40:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/50:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/60:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/70:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/80:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-300\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-300\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-300\/90:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400:focus) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400:hover) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400:active) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/10:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/20:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/30:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/40:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/50:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/60:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/70:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/80:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-400\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-400\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-400\/90:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500:focus) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500:hover) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500:active) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/10:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/20:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/30:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/40:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/50:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/60:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/70:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/80:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-500\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-500\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-500\/90:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600:focus) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600:hover) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600:active) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/10:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/20:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/30:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/40:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/50:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/60:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/70:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/80:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-600\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-600\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-600\/90:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700:focus) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700:hover) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700:active) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/10:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/20:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/30:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/40:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/50:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/60:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/70:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/80:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-700\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-700\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-700\/90:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800:focus) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800:hover) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800:active) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/10:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/20:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/30:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/40:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/50:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/60:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/70:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/80:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-800\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-800\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-800\/90:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900:focus) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900:hover) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900:active) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/10:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/20:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/30:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/40:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/50:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/60:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/70:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/80:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-cyan-900\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-cyan-900\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-cyan-900\/90:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50:focus) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50:hover) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50:active) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/10:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/10:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/10:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/20:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/20:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/20:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/30:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/30:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/30:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/40:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/40:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/40:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/50:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/50:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/50:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/60:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/60:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/60:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/70:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/70:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/70:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/80:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/80:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/80:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-50\/90:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-50\/90:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-50\/90:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100:focus) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100:hover) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100:active) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/10:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/10:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/10:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/20:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/20:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/20:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/30:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/30:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/30:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/40:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/40:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/40:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/50:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/50:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/50:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/60:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/60:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/60:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/70:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/70:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/70:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/80:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/80:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/80:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-100\/90:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-100\/90:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-100\/90:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200:focus) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200:hover) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200:active) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/10:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/10:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/10:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/20:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/20:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/20:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/30:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/30:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/30:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/40:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/40:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/40:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/50:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/50:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/50:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/60:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/60:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/60:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/70:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/70:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/70:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/80:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/80:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/80:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-200\/90:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-200\/90:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-200\/90:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300:focus) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300:hover) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300:active) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/10:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/10:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/10:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/20:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/20:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/20:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/30:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/30:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/30:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/40:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/40:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/40:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/50:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/50:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/50:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/60:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/60:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/60:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/70:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/70:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/70:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/80:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/80:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/80:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-300\/90:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-300\/90:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-300\/90:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400:focus) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400:hover) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400:active) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/10:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/10:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/10:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/20:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/20:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/20:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/30:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/30:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/30:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/40:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/40:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/40:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/50:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/50:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/50:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/60:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/60:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/60:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/70:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/70:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/70:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/80:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/80:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/80:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-400\/90:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-400\/90:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-400\/90:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500:focus) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500:hover) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500:active) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/10:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/10:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/10:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/20:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/20:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/20:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/30:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/30:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/30:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/40:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/40:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/40:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/50:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/50:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/50:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/60:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/60:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/60:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/70:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/70:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/70:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/80:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/80:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/80:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-500\/90:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-500\/90:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-500\/90:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600:focus) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600:hover) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600:active) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/10:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/10:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/10:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/20:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/20:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/20:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/30:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/30:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/30:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/40:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/40:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/40:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/50:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/50:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/50:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/60:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/60:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/60:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/70:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/70:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/70:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/80:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/80:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/80:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-600\/90:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-600\/90:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-600\/90:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700:focus) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700:hover) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700:active) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/10:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/10:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/10:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/20:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/20:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/20:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/30:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/30:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/30:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/40:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/40:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/40:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/50:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/50:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/50:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/60:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/60:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/60:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/70:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/70:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/70:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/80:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/80:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/80:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-700\/90:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-700\/90:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-700\/90:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800:focus) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800:hover) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800:active) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/10:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/10:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/10:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/20:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/20:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/20:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/30:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/30:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/30:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/40:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/40:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/40:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/50:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/50:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/50:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/60:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/60:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/60:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/70:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/70:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/70:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/80:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/80:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/80:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-800\/90:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-800\/90:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-800\/90:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900:focus) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900:hover) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900:active) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/10:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/10:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/10:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/20:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/20:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/20:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/30:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/30:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/30:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/40:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/40:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/40:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/50:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/50:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/50:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/60:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/60:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/60:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/70:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/70:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/70:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/80:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/80:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/80:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-pink-900\/90:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-pink-900\/90:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-pink-900\/90:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50:focus) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50:hover) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50:active) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/10:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/20:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/30:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/40:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/50:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/60:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/70:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/80:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-50\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-50\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-50\/90:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100:focus) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100:hover) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100:active) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/10:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/20:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/30:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/40:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/50:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/60:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/70:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/80:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-100\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-100\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-100\/90:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200:focus) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200:hover) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200:active) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/10:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/20:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/30:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/40:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/50:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/60:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/70:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/80:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-200\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-200\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-200\/90:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300:focus) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300:hover) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300:active) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/10:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/20:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/30:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/40:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/50:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/60:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/70:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/80:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-300\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-300\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-300\/90:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400:focus) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400:hover) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400:active) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/10:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/20:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/30:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/40:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/50:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/60:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/70:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/80:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-400\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-400\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-400\/90:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500:focus) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500:hover) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500:active) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/10:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/20:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/30:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/40:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/50:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/60:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/70:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/80:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-500\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-500\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-500\/90:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600:focus) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600:hover) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600:active) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/10:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/20:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/30:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/40:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/50:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/60:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/70:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/80:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-600\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-600\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-600\/90:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700:focus) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700:hover) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700:active) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/10:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/20:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/30:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/40:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/50:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/60:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/70:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/80:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-700\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-700\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-700\/90:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800:focus) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800:hover) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800:active) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/10:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/20:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/30:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/40:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/50:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/60:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/70:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/80:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-800\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-800\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-800\/90:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900:focus) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900:hover) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900:active) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/10:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/20:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/30:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/40:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/50:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/60:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/70:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/80:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-indigo-900\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-indigo-900\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-indigo-900\/90:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50:focus) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50:hover) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50:active) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/10:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/10:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/10:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/20:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/20:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/20:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/30:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/30:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/30:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/40:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/40:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/40:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/50:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/50:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/50:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/60:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/60:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/60:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/70:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/70:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/70:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/80:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/80:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/80:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-50\/90:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-50\/90:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-50\/90:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100:focus) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100:hover) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100:active) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/10:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/10:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/10:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/20:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/20:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/20:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/30:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/30:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/30:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/40:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/40:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/40:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/50:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/50:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/50:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/60:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/60:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/60:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/70:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/70:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/70:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/80:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/80:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/80:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-100\/90:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-100\/90:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-100\/90:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200:focus) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200:hover) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200:active) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/10:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/10:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/10:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/20:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/20:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/20:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/30:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/30:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/30:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/40:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/40:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/40:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/50:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/50:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/50:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/60:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/60:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/60:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/70:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/70:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/70:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/80:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/80:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/80:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-200\/90:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-200\/90:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-200\/90:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300:focus) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300:hover) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300:active) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/10:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/10:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/10:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/20:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/20:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/20:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/30:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/30:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/30:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/40:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/40:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/40:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/50:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/50:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/50:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/60:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/60:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/60:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/70:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/70:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/70:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/80:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/80:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/80:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-300\/90:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-300\/90:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-300\/90:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400:focus) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400:hover) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400:active) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/10:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/10:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/10:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/20:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/20:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/20:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/30:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/30:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/30:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/40:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/40:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/40:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/50:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/50:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/50:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/60:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/60:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/60:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/70:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/70:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/70:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/80:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/80:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/80:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-400\/90:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-400\/90:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-400\/90:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500:focus) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500:hover) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500:active) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/10:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/10:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/10:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/20:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/20:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/20:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/30:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/30:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/30:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/40:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/40:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/40:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/50:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/50:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/50:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/60:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/60:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/60:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/70:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/70:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/70:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/80:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/80:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/80:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-500\/90:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-500\/90:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-500\/90:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600:focus) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600:hover) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600:active) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/10:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/10:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/10:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/20:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/20:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/20:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/30:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/30:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/30:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/40:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/40:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/40:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/50:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/50:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/50:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/60:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/60:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/60:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/70:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/70:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/70:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/80:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/80:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/80:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-600\/90:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-600\/90:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-600\/90:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700:focus) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700:hover) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700:active) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/10:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/10:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/10:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/20:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/20:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/20:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/30:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/30:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/30:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/40:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/40:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/40:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/50:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/50:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/50:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/60:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/60:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/60:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/70:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/70:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/70:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/80:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/80:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/80:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-700\/90:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-700\/90:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-700\/90:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800:focus) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800:hover) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800:active) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/10:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/10:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/10:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/20:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/20:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/20:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/30:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/30:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/30:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/40:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/40:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/40:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/50:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/50:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/50:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/60:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/60:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/60:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/70:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/70:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/70:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/80:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/80:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/80:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-800\/90:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-800\/90:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-800\/90:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900:focus) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900:hover) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900:active) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/10:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/10:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/10:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/20:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/20:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/20:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/30:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/30:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/30:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/40:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/40:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/40:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/50:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/50:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/50:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/60:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/60:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/60:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/70:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/70:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/70:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/80:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/80:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/80:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-teal-900\/90:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-teal-900\/90:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-teal-900\/90:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50:focus) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50:hover) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50:active) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/10:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/10:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/10:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/20:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/20:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/20:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/30:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/30:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/30:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/40:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/40:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/40:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/50:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/50:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/50:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/60:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/60:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/60:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/70:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/70:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/70:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/80:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/80:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/80:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-50\/90:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-50\/90:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-50\/90:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100:focus) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100:hover) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100:active) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/10:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/10:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/10:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/20:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/20:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/20:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/30:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/30:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/30:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/40:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/40:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/40:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/50:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/50:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/50:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/60:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/60:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/60:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/70:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/70:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/70:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/80:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/80:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/80:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-100\/90:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-100\/90:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-100\/90:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200:focus) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200:hover) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200:active) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/10:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/10:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/10:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/20:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/20:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/20:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/30:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/30:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/30:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/40:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/40:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/40:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/50:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/50:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/50:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/60:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/60:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/60:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/70:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/70:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/70:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/80:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/80:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/80:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-200\/90:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-200\/90:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-200\/90:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300:focus) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300:hover) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300:active) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/10:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/10:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/10:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/20:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/20:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/20:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/30:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/30:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/30:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/40:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/40:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/40:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/50:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/50:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/50:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/60:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/60:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/60:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/70:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/70:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/70:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/80:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/80:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/80:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-300\/90:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-300\/90:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-300\/90:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400:focus) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400:hover) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400:active) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/10:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/10:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/10:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/20:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/20:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/20:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/30:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/30:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/30:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/40:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/40:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/40:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/50:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/50:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/50:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/60:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/60:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/60:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/70:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/70:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/70:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/80:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/80:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/80:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-400\/90:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-400\/90:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-400\/90:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500:focus) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500:hover) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500:active) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/10:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/10:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/10:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/20:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/20:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/20:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/30:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/30:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/30:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/40:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/40:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/40:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/50:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/50:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/50:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/60:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/60:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/60:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/70:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/70:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/70:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/80:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/80:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/80:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-500\/90:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-500\/90:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-500\/90:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600:focus) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600:hover) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600:active) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/10:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/10:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/10:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/20:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/20:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/20:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/30:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/30:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/30:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/40:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/40:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/40:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/50:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/50:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/50:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/60:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/60:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/60:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/70:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/70:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/70:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/80:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/80:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/80:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-600\/90:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-600\/90:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-600\/90:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700:focus) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700:hover) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700:active) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/10:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/10:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/10:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/20:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/20:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/20:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/30:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/30:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/30:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/40:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/40:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/40:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/50:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/50:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/50:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/60:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/60:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/60:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/70:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/70:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/70:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/80:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/80:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/80:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-700\/90:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-700\/90:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-700\/90:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800:focus) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800:hover) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800:active) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/10:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/10:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/10:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/20:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/20:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/20:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/30:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/30:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/30:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/40:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/40:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/40:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/50:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/50:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/50:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/60:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/60:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/60:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/70:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/70:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/70:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/80:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/80:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/80:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-800\/90:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-800\/90:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-800\/90:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900:focus) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900:hover) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900:active) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/10:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/10:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/10:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/20:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/20:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/20:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/30:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/30:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/30:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/40:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/40:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/40:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/50:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/50:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/50:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/60:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/60:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/60:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/70:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/70:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/70:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/80:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/80:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/80:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-orange-900\/90:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-orange-900\/90:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-orange-900\/90:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50:focus) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50:hover) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50:active) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-50\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-50\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-50\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100:focus) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100:hover) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100:active) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-100\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-100\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-100\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200:focus) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200:hover) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200:active) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-200\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-200\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-200\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300:focus) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300:hover) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300:active) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-300\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-300\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-300\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400:focus) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400:hover) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400:active) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-400\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-400\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-400\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500:focus) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500:hover) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500:active) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-500\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-500\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-500\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600:focus) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600:hover) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600:active) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-600\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-600\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-600\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700:focus) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700:hover) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700:active) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-700\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-700\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-700\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800:focus) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800:hover) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800:active) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-800\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-800\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-800\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900:focus) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900:hover) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900:active) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-bluegray-900\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-bluegray-900\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-bluegray-900\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50:focus) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50:hover) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50:active) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/10:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/10:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/10:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/20:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/20:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/20:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/30:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/30:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/30:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/40:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/40:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/40:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/50:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/50:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/50:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/60:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/60:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/60:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/70:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/70:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/70:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/80:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/80:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/80:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-50\/90:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-50\/90:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-50\/90:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100:focus) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100:hover) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100:active) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/10:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/10:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/10:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/20:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/20:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/20:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/30:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/30:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/30:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/40:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/40:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/40:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/50:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/50:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/50:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/60:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/60:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/60:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/70:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/70:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/70:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/80:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/80:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/80:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-100\/90:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-100\/90:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-100\/90:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200:focus) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200:hover) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200:active) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/10:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/10:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/10:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/20:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/20:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/20:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/30:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/30:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/30:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/40:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/40:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/40:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/50:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/50:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/50:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/60:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/60:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/60:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/70:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/70:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/70:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/80:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/80:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/80:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-200\/90:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-200\/90:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-200\/90:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300:focus) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300:hover) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300:active) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/10:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/10:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/10:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/20:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/20:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/20:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/30:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/30:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/30:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/40:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/40:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/40:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/50:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/50:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/50:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/60:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/60:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/60:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/70:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/70:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/70:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/80:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/80:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/80:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-300\/90:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-300\/90:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-300\/90:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400:focus) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400:hover) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400:active) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/10:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/10:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/10:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/20:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/20:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/20:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/30:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/30:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/30:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/40:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/40:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/40:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/50:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/50:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/50:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/60:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/60:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/60:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/70:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/70:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/70:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/80:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/80:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/80:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-400\/90:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-400\/90:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-400\/90:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500:focus) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500:hover) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500:active) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/10:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/10:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/10:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/20:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/20:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/20:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/30:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/30:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/30:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/40:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/40:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/40:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/50:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/50:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/50:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/60:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/60:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/60:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/70:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/70:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/70:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/80:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/80:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/80:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-500\/90:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-500\/90:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-500\/90:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600:focus) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600:hover) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600:active) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/10:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/10:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/10:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/20:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/20:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/20:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/30:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/30:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/30:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/40:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/40:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/40:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/50:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/50:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/50:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/60:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/60:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/60:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/70:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/70:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/70:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/80:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/80:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/80:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-600\/90:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-600\/90:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-600\/90:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700:focus) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700:hover) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700:active) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/10:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/10:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/10:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/20:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/20:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/20:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/30:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/30:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/30:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/40:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/40:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/40:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/50:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/50:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/50:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/60:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/60:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/60:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/70:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/70:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/70:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/80:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/80:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/80:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-700\/90:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-700\/90:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-700\/90:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800:focus) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800:hover) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800:active) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/10:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/10:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/10:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/20:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/20:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/20:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/30:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/30:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/30:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/40:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/40:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/40:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/50:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/50:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/50:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/60:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/60:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/60:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/70:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/70:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/70:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/80:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/80:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/80:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-800\/90:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-800\/90:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-800\/90:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900:focus) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900:hover) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900:active) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/10:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/10:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/10:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/20:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/20:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/20:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/30:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/30:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/30:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/40:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/40:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/40:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/50:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/50:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/50:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/60:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/60:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/60:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/70:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/70:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/70:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/80:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/80:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/80:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-purple-900\/90:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-purple-900\/90:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-purple-900\/90:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50:focus) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50:hover) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50:active) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/10:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/10:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/10:active) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/20:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/20:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/20:active) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/30:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/30:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/30:active) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/40:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/40:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/40:active) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/50:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/50:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/50:active) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/60:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/60:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/60:active) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/70:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/70:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/70:active) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/80:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/80:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/80:active) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-50\/90:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-50\/90:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-50\/90:active) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100:focus) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100:hover) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100:active) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/10:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/10:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/10:active) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/20:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/20:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/20:active) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/30:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/30:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/30:active) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/40:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/40:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/40:active) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/50:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/50:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/50:active) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/60:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/60:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/60:active) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/70:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/70:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/70:active) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/80:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/80:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/80:active) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-100\/90:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-100\/90:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-100\/90:active) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200:focus) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200:hover) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200:active) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/10:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/10:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/10:active) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/20:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/20:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/20:active) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/30:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/30:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/30:active) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/40:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/40:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/40:active) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/50:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/50:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/50:active) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/60:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/60:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/60:active) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/70:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/70:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/70:active) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/80:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/80:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/80:active) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-200\/90:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-200\/90:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-200\/90:active) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300:focus) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300:hover) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300:active) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/10:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/10:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/10:active) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/20:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/20:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/20:active) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/30:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/30:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/30:active) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/40:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/40:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/40:active) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/50:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/50:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/50:active) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/60:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/60:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/60:active) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/70:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/70:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/70:active) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/80:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/80:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/80:active) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-300\/90:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-300\/90:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-300\/90:active) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400:focus) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400:hover) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400:active) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/10:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/10:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/10:active) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/20:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/20:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/20:active) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/30:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/30:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/30:active) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/40:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/40:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/40:active) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/50:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/50:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/50:active) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/60:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/60:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/60:active) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/70:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/70:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/70:active) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/80:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/80:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/80:active) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-400\/90:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-400\/90:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-400\/90:active) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500:focus) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500:hover) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500:active) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/10:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/10:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/10:active) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/20:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/20:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/20:active) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/30:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/30:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/30:active) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/40:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/40:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/40:active) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/50:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/50:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/50:active) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/60:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/60:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/60:active) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/70:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/70:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/70:active) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/80:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/80:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/80:active) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-500\/90:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-500\/90:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-500\/90:active) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600:focus) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600:hover) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600:active) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/10:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/10:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/10:active) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/20:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/20:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/20:active) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/30:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/30:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/30:active) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/40:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/40:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/40:active) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/50:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/50:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/50:active) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/60:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/60:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/60:active) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/70:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/70:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/70:active) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/80:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/80:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/80:active) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-600\/90:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-600\/90:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-600\/90:active) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700:focus) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700:hover) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700:active) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/10:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/10:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/10:active) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/20:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/20:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/20:active) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/30:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/30:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/30:active) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/40:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/40:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/40:active) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/50:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/50:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/50:active) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/60:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/60:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/60:active) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/70:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/70:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/70:active) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/80:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/80:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/80:active) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-700\/90:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-700\/90:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-700\/90:active) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800:focus) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800:hover) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800:active) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/10:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/10:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/10:active) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/20:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/20:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/20:active) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/30:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/30:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/30:active) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/40:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/40:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/40:active) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/50:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/50:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/50:active) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/60:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/60:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/60:active) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/70:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/70:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/70:active) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/80:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/80:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/80:active) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-800\/90:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-800\/90:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-800\/90:active) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900:focus) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900:hover) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900:active) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/10:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/10:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/10:active) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/20:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/20:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/20:active) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/30:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/30:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/30:active) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/40:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/40:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/40:active) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/50:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/50:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/50:active) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/60:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/60:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/60:active) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/70:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/70:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/70:active) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/80:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/80:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/80:active) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-red-900\/90:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-red-900\/90:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-red-900\/90:active) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50:focus) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50:hover) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50:active) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/10:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/10:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/10:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/20:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/20:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/20:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/30:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/30:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/30:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/40:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/40:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/40:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/50:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/50:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/50:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/60:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/60:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/60:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/70:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/70:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/70:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/80:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/80:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/80:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-50\/90:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-50\/90:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-50\/90:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100:focus) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100:hover) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100:active) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/10:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/10:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/10:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/20:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/20:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/20:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/30:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/30:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/30:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/40:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/40:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/40:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/50:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/50:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/50:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/60:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/60:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/60:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/70:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/70:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/70:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/80:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/80:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/80:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-100\/90:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-100\/90:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-100\/90:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200:focus) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200:hover) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200:active) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/10:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/10:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/10:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/20:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/20:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/20:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/30:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/30:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/30:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/40:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/40:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/40:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/50:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/50:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/50:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/60:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/60:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/60:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/70:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/70:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/70:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/80:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/80:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/80:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-200\/90:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-200\/90:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-200\/90:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300:focus) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300:hover) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300:active) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/10:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/10:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/10:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/20:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/20:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/20:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/30:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/30:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/30:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/40:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/40:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/40:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/50:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/50:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/50:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/60:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/60:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/60:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/70:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/70:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/70:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/80:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/80:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/80:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-300\/90:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-300\/90:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-300\/90:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400:focus) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400:hover) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400:active) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/10:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/10:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/10:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/20:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/20:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/20:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/30:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/30:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/30:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/40:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/40:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/40:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/50:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/50:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/50:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/60:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/60:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/60:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/70:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/70:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/70:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/80:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/80:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/80:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-400\/90:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-400\/90:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-400\/90:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500:focus) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500:hover) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500:active) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/10:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/10:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/10:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/20:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/20:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/20:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/30:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/30:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/30:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/40:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/40:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/40:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/50:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/50:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/50:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/60:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/60:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/60:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/70:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/70:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/70:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/80:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/80:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/80:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-500\/90:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-500\/90:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-500\/90:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600:focus) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600:hover) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600:active) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/10:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/10:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/10:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/20:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/20:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/20:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/30:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/30:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/30:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/40:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/40:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/40:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/50:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/50:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/50:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/60:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/60:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/60:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/70:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/70:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/70:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/80:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/80:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/80:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-600\/90:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-600\/90:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-600\/90:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700:focus) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700:hover) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700:active) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/10:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/10:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/10:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/20:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/20:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/20:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/30:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/30:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/30:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/40:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/40:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/40:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/50:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/50:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/50:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/60:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/60:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/60:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/70:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/70:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/70:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/80:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/80:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/80:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-700\/90:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-700\/90:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-700\/90:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800:focus) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800:hover) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800:active) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/10:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/10:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/10:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/20:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/20:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/20:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/30:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/30:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/30:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/40:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/40:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/40:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/50:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/50:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/50:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/60:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/60:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/60:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/70:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/70:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/70:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/80:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/80:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/80:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-800\/90:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-800\/90:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-800\/90:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900:focus) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900:hover) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900:active) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/10:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/10:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/10:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/20:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/20:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/20:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/30:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/30:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/30:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/40:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/40:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/40:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/50:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/50:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/50:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/60:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/60:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/60:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/70:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/70:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/70:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/80:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/80:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/80:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-gray-900\/90:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-gray-900\/90:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-gray-900\/90:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0:focus) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0:hover) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0:active) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/10:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/10:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/10:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/20:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/20:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/20:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/30:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/30:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/30:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/40:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/40:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/40:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/50:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/50:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/50:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/60:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/60:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/60:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/70:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/70:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/70:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/80:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/80:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/80:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-0\/90:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-0\/90:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-0\/90:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50:focus) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50:hover) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50:active) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/10:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/10:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/10:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/20:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/20:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/20:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/30:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/30:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/30:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/40:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/40:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/40:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/50:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/50:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/50:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/60:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/60:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/60:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/70:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/70:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/70:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/80:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/80:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/80:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-50\/90:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-50\/90:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-50\/90:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100:focus) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100:hover) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100:active) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/10:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/10:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/10:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/20:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/20:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/20:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/30:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/30:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/30:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/40:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/40:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/40:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/50:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/50:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/50:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/60:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/60:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/60:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/70:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/70:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/70:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/80:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/80:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/80:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-100\/90:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-100\/90:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-100\/90:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200:focus) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200:hover) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200:active) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/10:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/10:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/10:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/20:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/20:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/20:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/30:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/30:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/30:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/40:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/40:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/40:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/50:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/50:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/50:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/60:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/60:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/60:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/70:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/70:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/70:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/80:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/80:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/80:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-200\/90:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-200\/90:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-200\/90:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300:focus) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300:hover) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300:active) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/10:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/10:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/10:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/20:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/20:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/20:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/30:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/30:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/30:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/40:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/40:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/40:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/50:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/50:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/50:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/60:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/60:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/60:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/70:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/70:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/70:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/80:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/80:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/80:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-300\/90:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-300\/90:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-300\/90:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400:focus) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400:hover) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400:active) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/10:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/10:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/10:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/20:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/20:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/20:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/30:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/30:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/30:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/40:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/40:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/40:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/50:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/50:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/50:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/60:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/60:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/60:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/70:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/70:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/70:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/80:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/80:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/80:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-400\/90:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-400\/90:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-400\/90:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500:focus) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500:hover) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500:active) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/10:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/10:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/10:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/20:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/20:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/20:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/30:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/30:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/30:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/40:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/40:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/40:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/50:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/50:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/50:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/60:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/60:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/60:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/70:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/70:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/70:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/80:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/80:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/80:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-500\/90:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-500\/90:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-500\/90:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600:focus) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600:hover) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600:active) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/10:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/10:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/10:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/20:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/20:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/20:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/30:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/30:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/30:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/40:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/40:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/40:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/50:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/50:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/50:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/60:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/60:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/60:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/70:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/70:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/70:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/80:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/80:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/80:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-600\/90:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-600\/90:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-600\/90:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700:focus) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700:hover) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700:active) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/10:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/10:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/10:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/20:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/20:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/20:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/30:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/30:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/30:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/40:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/40:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/40:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/50:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/50:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/50:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/60:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/60:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/60:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/70:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/70:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/70:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/80:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/80:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/80:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-700\/90:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-700\/90:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-700\/90:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800:focus) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800:hover) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800:active) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/10:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/10:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/10:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/20:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/20:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/20:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/30:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/30:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/30:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/40:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/40:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/40:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/50:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/50:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/50:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/60:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/60:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/60:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/70:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/70:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/70:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/80:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/80:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/80:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-800\/90:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-800\/90:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-800\/90:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900:focus) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900:hover) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900:active) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/10:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/10:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/10:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/20:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/20:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/20:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/30:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/30:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/30:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/40:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/40:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/40:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/50:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/50:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/50:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/60:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/60:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/60:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/70:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/70:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/70:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/80:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/80:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/80:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-surface-900\/90:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-surface-900\/90:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-surface-900\/90:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50:focus) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50:hover) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50:active) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/10:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/10:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/10:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/20:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/20:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/20:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/30:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/30:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/30:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/40:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/40:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/40:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/50:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/50:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/50:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/60:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/60:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/60:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/70:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/70:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/70:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/80:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/80:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/80:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-50\/90:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-50\/90:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-50\/90:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100:focus) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100:hover) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100:active) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/10:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/10:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/10:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/20:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/20:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/20:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/30:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/30:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/30:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/40:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/40:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/40:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/50:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/50:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/50:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/60:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/60:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/60:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/70:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/70:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/70:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/80:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/80:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/80:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-100\/90:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-100\/90:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-100\/90:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200:focus) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200:hover) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200:active) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/10:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/10:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/10:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/20:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/20:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/20:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/30:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/30:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/30:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/40:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/40:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/40:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/50:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/50:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/50:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/60:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/60:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/60:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/70:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/70:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/70:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/80:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/80:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/80:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-200\/90:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-200\/90:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-200\/90:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300:focus) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300:hover) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300:active) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/10:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/10:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/10:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/20:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/20:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/20:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/30:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/30:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/30:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/40:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/40:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/40:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/50:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/50:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/50:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/60:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/60:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/60:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/70:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/70:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/70:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/80:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/80:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/80:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-300\/90:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-300\/90:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-300\/90:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400:focus) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400:hover) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400:active) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/10:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/10:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/10:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/20:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/20:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/20:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/30:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/30:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/30:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/40:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/40:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/40:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/50:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/50:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/50:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/60:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/60:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/60:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/70:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/70:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/70:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/80:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/80:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/80:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-400\/90:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-400\/90:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-400\/90:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500:focus) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500:hover) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500:active) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/10:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/10:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/10:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/20:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/20:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/20:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/30:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/30:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/30:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/40:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/40:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/40:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/50:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/50:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/50:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/60:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/60:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/60:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/70:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/70:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/70:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/80:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/80:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/80:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-500\/90:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-500\/90:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-500\/90:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600:focus) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600:hover) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600:active) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/10:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/10:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/10:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/20:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/20:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/20:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/30:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/30:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/30:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/40:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/40:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/40:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/50:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/50:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/50:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/60:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/60:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/60:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/70:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/70:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/70:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/80:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/80:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/80:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-600\/90:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-600\/90:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-600\/90:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700:focus) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700:hover) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700:active) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/10:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/10:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/10:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/20:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/20:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/20:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/30:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/30:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/30:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/40:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/40:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/40:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/50:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/50:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/50:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/60:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/60:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/60:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/70:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/70:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/70:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/80:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/80:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/80:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-700\/90:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-700\/90:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-700\/90:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800:focus) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800:hover) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800:active) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/10:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/10:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/10:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/20:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/20:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/20:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/30:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/30:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/30:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/40:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/40:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/40:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/50:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/50:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/50:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/60:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/60:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/60:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/70:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/70:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/70:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/80:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/80:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/80:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-800\/90:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-800\/90:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-800\/90:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900:focus) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900:hover) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900:active) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/10:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/10:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/10:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/20:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/20:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/20:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/30:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/30:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/30:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/40:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/40:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/40:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/50:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/50:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/50:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/60:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/60:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/60:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/70:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/70:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/70:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/80:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/80:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/80:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-primary-900\/90:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-primary-900\/90:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-primary-900\/90:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/10) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/20) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/30) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/40) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/50) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/60) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/70) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/80) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-50\/90) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/10) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/20) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/30) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/40) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/50) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/60) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/70) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/80) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-100\/90) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/10) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/20) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/30) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/40) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/50) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/60) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/70) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/80) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-200\/90) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/10) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/20) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/30) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/40) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/50) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/60) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/70) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/80) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-300\/90) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/10) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/20) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/30) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/40) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/50) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/60) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/70) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/80) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-400\/90) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/10) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/20) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/30) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/40) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/50) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/60) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/70) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/80) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-500\/90) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/10) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/20) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/30) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/40) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/50) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/60) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/70) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/80) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-600\/90) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/10) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/20) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/30) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/40) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/50) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/60) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/70) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/80) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-700\/90) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/10) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/20) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/30) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/40) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/50) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/60) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/70) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/80) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-800\/90) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/10) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/20) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/30) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/40) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/50) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/60) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/70) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/80) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-blue-900\/90) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/10) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/20) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/30) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/40) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/50) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/60) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/70) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/80) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-50\/90) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/10) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/20) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/30) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/40) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/50) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/60) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/70) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/80) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-100\/90) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/10) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/20) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/30) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/40) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/50) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/60) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/70) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/80) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-200\/90) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/10) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/20) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/30) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/40) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/50) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/60) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/70) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/80) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-300\/90) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/10) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/20) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/30) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/40) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/50) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/60) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/70) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/80) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-400\/90) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/10) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/20) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/30) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/40) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/50) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/60) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/70) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/80) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-500\/90) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/10) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/20) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/30) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/40) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/50) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/60) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/70) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/80) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-600\/90) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/10) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/20) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/30) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/40) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/50) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/60) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/70) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/80) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-700\/90) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/10) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/20) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/30) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/40) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/50) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/60) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/70) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/80) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-800\/90) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/10) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/20) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/30) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/40) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/50) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/60) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/70) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/80) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-green-900\/90) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/10) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/20) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/30) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/40) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/50) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/60) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/70) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/80) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-50\/90) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/10) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/20) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/30) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/40) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/50) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/60) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/70) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/80) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-100\/90) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/10) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/20) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/30) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/40) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/50) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/60) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/70) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/80) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-200\/90) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/10) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/20) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/30) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/40) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/50) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/60) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/70) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/80) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-300\/90) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/10) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/20) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/30) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/40) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/50) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/60) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/70) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/80) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-400\/90) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/10) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/20) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/30) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/40) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/50) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/60) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/70) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/80) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-500\/90) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/10) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/20) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/30) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/40) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/50) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/60) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/70) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/80) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-600\/90) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/10) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/20) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/30) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/40) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/50) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/60) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/70) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/80) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-700\/90) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/10) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/20) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/30) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/40) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/50) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/60) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/70) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/80) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-800\/90) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/10) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/20) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/30) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/40) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/50) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/60) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/70) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/80) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-yellow-900\/90) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/10) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/20) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/30) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/40) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/50) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/60) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/70) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/80) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-50\/90) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/10) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/20) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/30) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/40) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/50) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/60) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/70) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/80) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-100\/90) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/10) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/20) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/30) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/40) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/50) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/60) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/70) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/80) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-200\/90) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/10) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/20) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/30) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/40) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/50) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/60) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/70) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/80) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-300\/90) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/10) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/20) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/30) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/40) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/50) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/60) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/70) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/80) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-400\/90) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/10) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/20) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/30) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/40) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/50) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/60) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/70) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/80) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-500\/90) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/10) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/20) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/30) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/40) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/50) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/60) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/70) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/80) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-600\/90) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/10) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/20) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/30) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/40) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/50) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/60) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/70) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/80) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-700\/90) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/10) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/20) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/30) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/40) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/50) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/60) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/70) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/80) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-800\/90) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/10) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/20) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/30) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/40) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/50) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/60) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/70) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/80) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-cyan-900\/90) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/10) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/20) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/30) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/40) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/50) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/60) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/70) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/80) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-50\/90) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/10) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/20) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/30) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/40) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/50) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/60) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/70) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/80) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-100\/90) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/10) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/20) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/30) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/40) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/50) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/60) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/70) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/80) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-200\/90) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/10) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/20) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/30) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/40) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/50) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/60) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/70) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/80) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-300\/90) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/10) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/20) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/30) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/40) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/50) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/60) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/70) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/80) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-400\/90) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/10) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/20) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/30) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/40) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/50) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/60) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/70) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/80) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-500\/90) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/10) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/20) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/30) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/40) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/50) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/60) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/70) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/80) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-600\/90) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/10) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/20) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/30) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/40) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/50) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/60) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/70) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/80) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-700\/90) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/10) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/20) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/30) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/40) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/50) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/60) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/70) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/80) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-800\/90) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/10) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/20) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/30) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/40) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/50) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/60) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/70) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/80) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-pink-900\/90) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/10) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/20) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/30) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/40) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/50) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/60) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/70) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/80) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-50\/90) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/10) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/20) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/30) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/40) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/50) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/60) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/70) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/80) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-100\/90) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/10) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/20) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/30) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/40) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/50) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/60) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/70) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/80) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-200\/90) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/10) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/20) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/30) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/40) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/50) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/60) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/70) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/80) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-300\/90) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/10) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/20) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/30) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/40) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/50) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/60) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/70) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/80) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-400\/90) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/10) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/20) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/30) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/40) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/50) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/60) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/70) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/80) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-500\/90) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/10) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/20) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/30) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/40) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/50) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/60) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/70) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/80) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-600\/90) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/10) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/20) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/30) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/40) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/50) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/60) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/70) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/80) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-700\/90) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/10) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/20) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/30) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/40) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/50) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/60) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/70) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/80) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-800\/90) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/10) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/20) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/30) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/40) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/50) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/60) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/70) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/80) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-indigo-900\/90) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/10) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/20) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/30) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/40) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/50) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/60) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/70) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/80) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-50\/90) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/10) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/20) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/30) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/40) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/50) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/60) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/70) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/80) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-100\/90) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/10) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/20) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/30) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/40) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/50) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/60) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/70) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/80) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-200\/90) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/10) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/20) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/30) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/40) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/50) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/60) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/70) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/80) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-300\/90) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/10) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/20) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/30) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/40) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/50) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/60) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/70) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/80) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-400\/90) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/10) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/20) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/30) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/40) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/50) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/60) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/70) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/80) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-500\/90) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/10) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/20) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/30) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/40) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/50) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/60) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/70) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/80) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-600\/90) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/10) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/20) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/30) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/40) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/50) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/60) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/70) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/80) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-700\/90) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/10) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/20) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/30) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/40) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/50) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/60) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/70) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/80) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-800\/90) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/10) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/20) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/30) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/40) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/50) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/60) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/70) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/80) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-teal-900\/90) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/10) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/20) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/30) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/40) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/50) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/60) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/70) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/80) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-50\/90) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/10) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/20) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/30) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/40) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/50) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/60) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/70) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/80) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-100\/90) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/10) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/20) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/30) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/40) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/50) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/60) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/70) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/80) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-200\/90) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/10) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/20) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/30) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/40) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/50) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/60) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/70) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/80) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-300\/90) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/10) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/20) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/30) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/40) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/50) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/60) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/70) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/80) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-400\/90) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/10) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/20) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/30) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/40) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/50) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/60) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/70) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/80) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-500\/90) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/10) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/20) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/30) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/40) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/50) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/60) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/70) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/80) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-600\/90) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/10) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/20) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/30) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/40) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/50) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/60) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/70) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/80) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-700\/90) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/10) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/20) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/30) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/40) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/50) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/60) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/70) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/80) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-800\/90) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/10) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/20) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/30) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/40) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/50) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/60) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/70) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/80) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-orange-900\/90) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/10) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/20) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/30) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/40) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/50) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/60) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/70) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/80) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-50\/90) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/10) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/20) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/30) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/40) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/50) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/60) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/70) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/80) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-100\/90) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/10) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/20) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/30) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/40) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/50) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/60) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/70) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/80) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-200\/90) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/10) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/20) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/30) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/40) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/50) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/60) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/70) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/80) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-300\/90) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/10) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/20) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/30) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/40) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/50) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/60) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/70) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/80) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-400\/90) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/10) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/20) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/30) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/40) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/50) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/60) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/70) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/80) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-500\/90) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/10) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/20) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/30) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/40) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/50) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/60) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/70) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/80) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-600\/90) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/10) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/20) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/30) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/40) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/50) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/60) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/70) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/80) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-700\/90) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/10) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/20) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/30) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/40) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/50) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/60) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/70) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/80) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-800\/90) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/10) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/20) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/30) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/40) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/50) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/60) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/70) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/80) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-bluegray-900\/90) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/10) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/20) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/30) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/40) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/50) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/60) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/70) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/80) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-50\/90) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/10) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/20) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/30) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/40) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/50) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/60) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/70) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/80) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-100\/90) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/10) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/20) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/30) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/40) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/50) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/60) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/70) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/80) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-200\/90) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/10) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/20) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/30) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/40) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/50) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/60) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/70) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/80) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-300\/90) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/10) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/20) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/30) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/40) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/50) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/60) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/70) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/80) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-400\/90) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/10) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/20) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/30) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/40) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/50) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/60) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/70) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/80) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-500\/90) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/10) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/20) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/30) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/40) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/50) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/60) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/70) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/80) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-600\/90) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/10) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/20) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/30) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/40) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/50) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/60) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/70) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/80) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-700\/90) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/10) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/20) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/30) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/40) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/50) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/60) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/70) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/80) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-800\/90) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/10) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/20) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/30) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/40) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/50) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/60) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/70) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/80) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-purple-900\/90) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/10) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/20) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/30) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/40) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/50) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/60) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/70) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/80) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-50\/90) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/10) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/20) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/30) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/40) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/50) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/60) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/70) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/80) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-100\/90) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/10) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/20) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/30) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/40) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/50) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/60) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/70) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/80) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-200\/90) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/10) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/20) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/30) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/40) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/50) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/60) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/70) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/80) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-300\/90) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/10) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/20) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/30) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/40) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/50) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/60) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/70) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/80) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-400\/90) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/10) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/20) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/30) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/40) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/50) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/60) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/70) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/80) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-500\/90) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/10) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/20) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/30) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/40) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/50) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/60) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/70) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/80) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-600\/90) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/10) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/20) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/30) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/40) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/50) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/60) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/70) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/80) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-700\/90) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/10) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/20) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/30) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/40) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/50) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/60) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/70) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/80) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-800\/90) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/10) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/20) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/30) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/40) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/50) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/60) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/70) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/80) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-red-900\/90) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/10) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/20) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/30) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/40) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/50) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/60) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/70) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/80) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-50\/90) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/10) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/20) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/30) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/40) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/50) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/60) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/70) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/80) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-100\/90) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/10) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/20) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/30) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/40) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/50) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/60) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/70) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/80) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-200\/90) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/10) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/20) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/30) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/40) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/50) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/60) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/70) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/80) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-300\/90) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/10) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/20) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/30) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/40) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/50) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/60) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/70) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/80) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-400\/90) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/10) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/20) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/30) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/40) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/50) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/60) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/70) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/80) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-500\/90) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/10) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/20) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/30) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/40) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/50) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/60) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/70) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/80) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-600\/90) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/10) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/20) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/30) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/40) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/50) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/60) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/70) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/80) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-700\/90) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/10) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/20) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/30) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/40) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/50) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/60) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/70) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/80) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-800\/90) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/10) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/20) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/30) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/40) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/50) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/60) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/70) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/80) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-gray-900\/90) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/10) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/20) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/30) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/40) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/50) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/60) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/70) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/80) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-0\/90) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/10) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/20) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/30) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/40) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/50) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/60) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/70) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/80) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-50\/90) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/10) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/20) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/30) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/40) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/50) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/60) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/70) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/80) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-100\/90) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/10) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/20) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/30) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/40) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/50) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/60) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/70) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/80) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-200\/90) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/10) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/20) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/30) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/40) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/50) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/60) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/70) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/80) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-300\/90) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/10) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/20) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/30) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/40) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/50) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/60) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/70) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/80) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-400\/90) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/10) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/20) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/30) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/40) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/50) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/60) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/70) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/80) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-500\/90) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/10) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/20) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/30) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/40) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/50) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/60) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/70) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/80) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-600\/90) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/10) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/20) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/30) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/40) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/50) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/60) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/70) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/80) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-700\/90) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/10) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/20) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/30) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/40) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/50) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/60) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/70) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/80) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-800\/90) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/10) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/20) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/30) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/40) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/50) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/60) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/70) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/80) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-surface-900\/90) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/10) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/20) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/30) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/40) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/50) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/60) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/70) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/80) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-50\/90) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/10) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/20) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/30) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/40) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/50) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/60) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/70) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/80) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-100\/90) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/10) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/20) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/30) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/40) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/50) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/60) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/70) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/80) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-200\/90) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/10) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/20) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/30) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/40) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/50) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/60) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/70) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/80) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-300\/90) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/10) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/20) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/30) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/40) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/50) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/60) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/70) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/80) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-400\/90) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/10) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/20) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/30) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/40) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/50) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/60) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/70) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/80) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-500\/90) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/10) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/20) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/30) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/40) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/50) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/60) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/70) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/80) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-600\/90) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/10) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/20) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/30) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/40) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/50) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/60) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/70) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/80) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-700\/90) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/10) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/20) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/30) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/40) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/50) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/60) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/70) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/80) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-800\/90) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/10) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/20) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/30) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/40) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/50) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/60) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/70) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/80) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-primary-900\/90) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50:focus) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50:hover) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50:active) { + background-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/10:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/10:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/10:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/20:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/20:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/20:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/30:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/30:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/30:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/40:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/40:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/40:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/50:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/50:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/50:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/60:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/60:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/60:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/70:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/70:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/70:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/80:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/80:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/80:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-50\/90:focus) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-50\/90:hover) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-50\/90:active) { + background-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100:focus) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100:hover) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100:active) { + background-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/10:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/10:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/10:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/20:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/20:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/20:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/30:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/30:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/30:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/40:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/40:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/40:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/50:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/50:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/50:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/60:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/60:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/60:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/70:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/70:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/70:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/80:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/80:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/80:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-100\/90:focus) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-100\/90:hover) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-100\/90:active) { + background-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200:focus) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200:hover) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200:active) { + background-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/10:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/10:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/10:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/20:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/20:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/20:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/30:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/30:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/30:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/40:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/40:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/40:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/50:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/50:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/50:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/60:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/60:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/60:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/70:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/70:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/70:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/80:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/80:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/80:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-200\/90:focus) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-200\/90:hover) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-200\/90:active) { + background-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300:focus) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300:hover) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300:active) { + background-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/10:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/10:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/10:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/20:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/20:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/20:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/30:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/30:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/30:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/40:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/40:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/40:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/50:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/50:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/50:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/60:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/60:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/60:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/70:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/70:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/70:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/80:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/80:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/80:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-300\/90:focus) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-300\/90:hover) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-300\/90:active) { + background-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400:focus) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400:hover) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400:active) { + background-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/10:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/10:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/10:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/20:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/20:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/20:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/30:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/30:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/30:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/40:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/40:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/40:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/50:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/50:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/50:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/60:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/60:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/60:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/70:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/70:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/70:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/80:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/80:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/80:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-400\/90:focus) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-400\/90:hover) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-400\/90:active) { + background-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500:focus) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500:hover) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500:active) { + background-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/10:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/10:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/10:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/20:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/20:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/20:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/30:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/30:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/30:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/40:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/40:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/40:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/50:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/50:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/50:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/60:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/60:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/60:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/70:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/70:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/70:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/80:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/80:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/80:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-500\/90:focus) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-500\/90:hover) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-500\/90:active) { + background-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600:focus) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600:hover) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600:active) { + background-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/10:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/10:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/10:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/20:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/20:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/20:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/30:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/30:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/30:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/40:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/40:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/40:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/50:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/50:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/50:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/60:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/60:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/60:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/70:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/70:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/70:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/80:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/80:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/80:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-600\/90:focus) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-600\/90:hover) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-600\/90:active) { + background-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700:focus) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700:hover) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700:active) { + background-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/10:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/10:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/10:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/20:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/20:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/20:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/30:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/30:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/30:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/40:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/40:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/40:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/50:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/50:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/50:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/60:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/60:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/60:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/70:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/70:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/70:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/80:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/80:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/80:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-700\/90:focus) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-700\/90:hover) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-700\/90:active) { + background-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800:focus) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800:hover) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800:active) { + background-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/10:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/10:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/10:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/20:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/20:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/20:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/30:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/30:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/30:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/40:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/40:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/40:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/50:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/50:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/50:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/60:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/60:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/60:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/70:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/70:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/70:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/80:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/80:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/80:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-800\/90:focus) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-800\/90:hover) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-800\/90:active) { + background-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900:focus) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900:hover) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900:active) { + background-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/10:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/10:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/10:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/20:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/20:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/20:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/30:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/30:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/30:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/40:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/40:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/40:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/50:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/50:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/50:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/60:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/60:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/60:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/70:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/70:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/70:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/80:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/80:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/80:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-blue-900\/90:focus) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-blue-900\/90:hover) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-blue-900\/90:active) { + background-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50:focus) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50:hover) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50:active) { + background-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/10:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/10:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/10:active) { + background-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/20:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/20:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/20:active) { + background-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/30:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/30:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/30:active) { + background-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/40:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/40:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/40:active) { + background-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/50:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/50:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/50:active) { + background-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/60:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/60:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/60:active) { + background-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/70:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/70:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/70:active) { + background-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/80:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/80:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/80:active) { + background-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-50\/90:focus) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-50\/90:hover) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-50\/90:active) { + background-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100:focus) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100:hover) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100:active) { + background-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/10:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/10:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/10:active) { + background-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/20:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/20:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/20:active) { + background-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/30:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/30:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/30:active) { + background-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/40:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/40:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/40:active) { + background-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/50:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/50:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/50:active) { + background-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/60:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/60:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/60:active) { + background-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/70:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/70:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/70:active) { + background-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/80:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/80:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/80:active) { + background-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-100\/90:focus) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-100\/90:hover) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-100\/90:active) { + background-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200:focus) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200:hover) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200:active) { + background-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/10:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/10:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/10:active) { + background-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/20:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/20:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/20:active) { + background-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/30:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/30:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/30:active) { + background-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/40:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/40:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/40:active) { + background-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/50:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/50:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/50:active) { + background-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/60:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/60:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/60:active) { + background-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/70:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/70:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/70:active) { + background-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/80:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/80:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/80:active) { + background-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-200\/90:focus) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-200\/90:hover) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-200\/90:active) { + background-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300:focus) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300:hover) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300:active) { + background-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/10:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/10:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/10:active) { + background-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/20:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/20:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/20:active) { + background-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/30:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/30:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/30:active) { + background-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/40:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/40:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/40:active) { + background-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/50:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/50:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/50:active) { + background-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/60:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/60:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/60:active) { + background-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/70:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/70:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/70:active) { + background-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/80:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/80:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/80:active) { + background-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-300\/90:focus) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-300\/90:hover) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-300\/90:active) { + background-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400:focus) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400:hover) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400:active) { + background-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/10:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/10:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/10:active) { + background-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/20:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/20:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/20:active) { + background-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/30:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/30:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/30:active) { + background-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/40:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/40:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/40:active) { + background-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/50:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/50:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/50:active) { + background-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/60:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/60:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/60:active) { + background-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/70:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/70:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/70:active) { + background-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/80:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/80:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/80:active) { + background-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-400\/90:focus) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-400\/90:hover) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-400\/90:active) { + background-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500:focus) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500:hover) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500:active) { + background-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/10:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/10:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/10:active) { + background-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/20:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/20:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/20:active) { + background-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/30:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/30:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/30:active) { + background-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/40:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/40:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/40:active) { + background-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/50:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/50:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/50:active) { + background-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/60:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/60:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/60:active) { + background-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/70:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/70:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/70:active) { + background-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/80:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/80:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/80:active) { + background-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-500\/90:focus) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-500\/90:hover) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-500\/90:active) { + background-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600:focus) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600:hover) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600:active) { + background-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/10:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/10:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/10:active) { + background-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/20:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/20:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/20:active) { + background-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/30:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/30:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/30:active) { + background-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/40:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/40:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/40:active) { + background-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/50:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/50:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/50:active) { + background-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/60:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/60:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/60:active) { + background-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/70:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/70:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/70:active) { + background-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/80:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/80:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/80:active) { + background-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-600\/90:focus) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-600\/90:hover) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-600\/90:active) { + background-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700:focus) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700:hover) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700:active) { + background-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/10:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/10:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/10:active) { + background-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/20:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/20:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/20:active) { + background-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/30:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/30:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/30:active) { + background-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/40:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/40:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/40:active) { + background-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/50:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/50:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/50:active) { + background-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/60:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/60:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/60:active) { + background-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/70:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/70:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/70:active) { + background-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/80:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/80:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/80:active) { + background-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-700\/90:focus) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-700\/90:hover) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-700\/90:active) { + background-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800:focus) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800:hover) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800:active) { + background-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/10:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/10:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/10:active) { + background-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/20:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/20:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/20:active) { + background-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/30:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/30:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/30:active) { + background-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/40:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/40:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/40:active) { + background-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/50:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/50:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/50:active) { + background-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/60:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/60:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/60:active) { + background-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/70:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/70:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/70:active) { + background-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/80:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/80:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/80:active) { + background-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-800\/90:focus) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-800\/90:hover) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-800\/90:active) { + background-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900:focus) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900:hover) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900:active) { + background-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/10:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/10:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/10:active) { + background-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/20:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/20:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/20:active) { + background-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/30:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/30:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/30:active) { + background-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/40:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/40:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/40:active) { + background-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/50:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/50:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/50:active) { + background-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/60:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/60:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/60:active) { + background-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/70:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/70:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/70:active) { + background-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/80:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/80:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/80:active) { + background-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-green-900\/90:focus) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-green-900\/90:hover) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-green-900\/90:active) { + background-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50:focus) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50:hover) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50:active) { + background-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/10:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/20:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/30:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/40:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/50:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/60:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/70:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/80:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-50\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-50\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-50\/90:active) { + background-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100:focus) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100:hover) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100:active) { + background-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/10:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/20:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/30:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/40:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/50:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/60:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/70:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/80:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-100\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-100\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-100\/90:active) { + background-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200:focus) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200:hover) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200:active) { + background-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/10:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/20:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/30:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/40:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/50:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/60:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/70:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/80:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-200\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-200\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-200\/90:active) { + background-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300:focus) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300:hover) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300:active) { + background-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/10:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/20:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/30:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/40:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/50:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/60:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/70:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/80:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-300\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-300\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-300\/90:active) { + background-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400:focus) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400:hover) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400:active) { + background-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/10:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/20:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/30:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/40:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/50:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/60:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/70:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/80:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-400\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-400\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-400\/90:active) { + background-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500:focus) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500:hover) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500:active) { + background-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/10:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/20:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/30:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/40:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/50:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/60:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/70:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/80:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-500\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-500\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-500\/90:active) { + background-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600:focus) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600:hover) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600:active) { + background-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/10:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/20:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/30:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/40:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/50:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/60:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/70:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/80:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-600\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-600\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-600\/90:active) { + background-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700:focus) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700:hover) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700:active) { + background-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/10:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/20:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/30:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/40:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/50:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/60:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/70:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/80:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-700\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-700\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-700\/90:active) { + background-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800:focus) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800:hover) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800:active) { + background-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/10:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/20:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/30:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/40:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/50:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/60:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/70:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/80:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-800\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-800\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-800\/90:active) { + background-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900:focus) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900:hover) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900:active) { + background-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/10:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/10:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/10:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/20:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/20:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/20:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/30:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/30:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/30:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/40:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/40:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/40:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/50:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/50:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/50:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/60:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/60:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/60:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/70:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/70:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/70:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/80:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/80:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/80:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-yellow-900\/90:focus) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-yellow-900\/90:hover) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-yellow-900\/90:active) { + background-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50:focus) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50:hover) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50:active) { + background-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/10:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/20:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/30:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/40:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/50:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/60:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/70:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/80:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-50\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-50\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-50\/90:active) { + background-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100:focus) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100:hover) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100:active) { + background-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/10:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/20:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/30:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/40:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/50:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/60:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/70:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/80:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-100\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-100\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-100\/90:active) { + background-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200:focus) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200:hover) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200:active) { + background-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/10:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/20:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/30:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/40:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/50:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/60:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/70:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/80:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-200\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-200\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-200\/90:active) { + background-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300:focus) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300:hover) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300:active) { + background-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/10:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/20:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/30:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/40:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/50:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/60:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/70:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/80:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-300\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-300\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-300\/90:active) { + background-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400:focus) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400:hover) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400:active) { + background-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/10:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/20:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/30:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/40:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/50:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/60:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/70:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/80:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-400\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-400\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-400\/90:active) { + background-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500:focus) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500:hover) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500:active) { + background-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/10:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/20:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/30:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/40:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/50:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/60:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/70:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/80:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-500\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-500\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-500\/90:active) { + background-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600:focus) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600:hover) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600:active) { + background-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/10:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/20:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/30:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/40:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/50:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/60:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/70:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/80:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-600\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-600\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-600\/90:active) { + background-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700:focus) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700:hover) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700:active) { + background-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/10:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/20:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/30:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/40:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/50:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/60:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/70:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/80:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-700\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-700\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-700\/90:active) { + background-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800:focus) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800:hover) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800:active) { + background-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/10:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/20:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/30:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/40:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/50:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/60:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/70:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/80:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-800\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-800\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-800\/90:active) { + background-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900:focus) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900:hover) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900:active) { + background-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/10:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/10:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/10:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/20:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/20:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/20:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/30:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/30:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/30:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/40:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/40:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/40:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/50:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/50:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/50:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/60:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/60:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/60:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/70:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/70:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/70:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/80:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/80:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/80:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-cyan-900\/90:focus) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-cyan-900\/90:hover) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-cyan-900\/90:active) { + background-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50:focus) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50:hover) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50:active) { + background-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/10:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/10:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/10:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/20:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/20:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/20:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/30:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/30:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/30:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/40:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/40:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/40:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/50:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/50:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/50:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/60:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/60:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/60:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/70:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/70:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/70:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/80:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/80:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/80:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-50\/90:focus) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-50\/90:hover) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-50\/90:active) { + background-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100:focus) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100:hover) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100:active) { + background-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/10:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/10:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/10:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/20:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/20:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/20:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/30:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/30:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/30:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/40:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/40:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/40:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/50:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/50:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/50:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/60:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/60:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/60:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/70:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/70:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/70:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/80:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/80:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/80:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-100\/90:focus) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-100\/90:hover) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-100\/90:active) { + background-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200:focus) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200:hover) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200:active) { + background-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/10:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/10:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/10:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/20:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/20:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/20:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/30:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/30:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/30:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/40:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/40:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/40:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/50:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/50:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/50:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/60:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/60:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/60:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/70:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/70:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/70:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/80:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/80:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/80:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-200\/90:focus) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-200\/90:hover) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-200\/90:active) { + background-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300:focus) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300:hover) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300:active) { + background-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/10:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/10:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/10:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/20:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/20:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/20:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/30:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/30:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/30:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/40:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/40:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/40:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/50:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/50:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/50:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/60:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/60:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/60:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/70:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/70:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/70:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/80:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/80:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/80:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-300\/90:focus) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-300\/90:hover) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-300\/90:active) { + background-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400:focus) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400:hover) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400:active) { + background-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/10:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/10:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/10:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/20:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/20:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/20:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/30:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/30:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/30:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/40:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/40:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/40:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/50:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/50:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/50:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/60:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/60:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/60:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/70:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/70:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/70:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/80:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/80:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/80:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-400\/90:focus) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-400\/90:hover) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-400\/90:active) { + background-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500:focus) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500:hover) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500:active) { + background-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/10:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/10:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/10:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/20:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/20:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/20:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/30:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/30:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/30:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/40:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/40:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/40:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/50:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/50:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/50:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/60:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/60:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/60:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/70:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/70:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/70:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/80:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/80:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/80:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-500\/90:focus) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-500\/90:hover) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-500\/90:active) { + background-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600:focus) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600:hover) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600:active) { + background-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/10:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/10:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/10:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/20:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/20:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/20:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/30:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/30:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/30:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/40:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/40:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/40:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/50:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/50:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/50:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/60:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/60:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/60:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/70:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/70:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/70:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/80:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/80:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/80:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-600\/90:focus) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-600\/90:hover) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-600\/90:active) { + background-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700:focus) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700:hover) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700:active) { + background-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/10:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/10:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/10:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/20:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/20:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/20:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/30:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/30:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/30:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/40:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/40:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/40:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/50:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/50:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/50:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/60:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/60:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/60:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/70:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/70:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/70:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/80:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/80:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/80:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-700\/90:focus) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-700\/90:hover) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-700\/90:active) { + background-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800:focus) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800:hover) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800:active) { + background-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/10:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/10:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/10:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/20:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/20:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/20:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/30:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/30:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/30:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/40:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/40:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/40:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/50:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/50:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/50:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/60:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/60:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/60:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/70:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/70:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/70:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/80:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/80:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/80:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-800\/90:focus) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-800\/90:hover) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-800\/90:active) { + background-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900:focus) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900:hover) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900:active) { + background-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/10:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/10:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/10:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/20:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/20:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/20:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/30:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/30:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/30:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/40:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/40:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/40:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/50:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/50:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/50:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/60:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/60:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/60:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/70:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/70:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/70:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/80:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/80:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/80:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-pink-900\/90:focus) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-pink-900\/90:hover) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-pink-900\/90:active) { + background-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50:focus) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50:hover) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50:active) { + background-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/10:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/20:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/30:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/40:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/50:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/60:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/70:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/80:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-50\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-50\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-50\/90:active) { + background-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100:focus) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100:hover) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100:active) { + background-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/10:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/20:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/30:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/40:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/50:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/60:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/70:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/80:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-100\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-100\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-100\/90:active) { + background-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200:focus) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200:hover) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200:active) { + background-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/10:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/20:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/30:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/40:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/50:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/60:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/70:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/80:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-200\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-200\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-200\/90:active) { + background-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300:focus) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300:hover) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300:active) { + background-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/10:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/20:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/30:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/40:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/50:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/60:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/70:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/80:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-300\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-300\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-300\/90:active) { + background-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400:focus) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400:hover) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400:active) { + background-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/10:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/20:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/30:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/40:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/50:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/60:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/70:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/80:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-400\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-400\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-400\/90:active) { + background-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500:focus) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500:hover) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500:active) { + background-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/10:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/20:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/30:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/40:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/50:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/60:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/70:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/80:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-500\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-500\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-500\/90:active) { + background-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600:focus) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600:hover) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600:active) { + background-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/10:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/20:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/30:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/40:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/50:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/60:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/70:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/80:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-600\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-600\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-600\/90:active) { + background-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700:focus) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700:hover) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700:active) { + background-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/10:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/20:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/30:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/40:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/50:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/60:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/70:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/80:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-700\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-700\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-700\/90:active) { + background-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800:focus) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800:hover) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800:active) { + background-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/10:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/20:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/30:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/40:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/50:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/60:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/70:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/80:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-800\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-800\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-800\/90:active) { + background-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900:focus) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900:hover) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900:active) { + background-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/10:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/10:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/10:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/20:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/20:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/20:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/30:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/30:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/30:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/40:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/40:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/40:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/50:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/50:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/50:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/60:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/60:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/60:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/70:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/70:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/70:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/80:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/80:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/80:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-indigo-900\/90:focus) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-indigo-900\/90:hover) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-indigo-900\/90:active) { + background-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50:focus) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50:hover) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50:active) { + background-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/10:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/10:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/10:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/20:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/20:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/20:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/30:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/30:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/30:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/40:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/40:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/40:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/50:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/50:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/50:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/60:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/60:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/60:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/70:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/70:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/70:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/80:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/80:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/80:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-50\/90:focus) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-50\/90:hover) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-50\/90:active) { + background-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100:focus) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100:hover) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100:active) { + background-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/10:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/10:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/10:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/20:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/20:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/20:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/30:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/30:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/30:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/40:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/40:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/40:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/50:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/50:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/50:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/60:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/60:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/60:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/70:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/70:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/70:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/80:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/80:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/80:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-100\/90:focus) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-100\/90:hover) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-100\/90:active) { + background-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200:focus) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200:hover) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200:active) { + background-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/10:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/10:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/10:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/20:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/20:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/20:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/30:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/30:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/30:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/40:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/40:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/40:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/50:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/50:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/50:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/60:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/60:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/60:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/70:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/70:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/70:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/80:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/80:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/80:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-200\/90:focus) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-200\/90:hover) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-200\/90:active) { + background-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300:focus) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300:hover) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300:active) { + background-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/10:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/10:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/10:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/20:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/20:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/20:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/30:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/30:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/30:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/40:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/40:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/40:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/50:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/50:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/50:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/60:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/60:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/60:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/70:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/70:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/70:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/80:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/80:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/80:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-300\/90:focus) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-300\/90:hover) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-300\/90:active) { + background-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400:focus) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400:hover) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400:active) { + background-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/10:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/10:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/10:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/20:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/20:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/20:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/30:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/30:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/30:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/40:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/40:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/40:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/50:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/50:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/50:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/60:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/60:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/60:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/70:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/70:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/70:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/80:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/80:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/80:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-400\/90:focus) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-400\/90:hover) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-400\/90:active) { + background-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500:focus) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500:hover) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500:active) { + background-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/10:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/10:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/10:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/20:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/20:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/20:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/30:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/30:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/30:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/40:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/40:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/40:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/50:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/50:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/50:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/60:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/60:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/60:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/70:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/70:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/70:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/80:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/80:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/80:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-500\/90:focus) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-500\/90:hover) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-500\/90:active) { + background-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600:focus) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600:hover) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600:active) { + background-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/10:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/10:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/10:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/20:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/20:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/20:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/30:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/30:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/30:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/40:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/40:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/40:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/50:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/50:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/50:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/60:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/60:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/60:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/70:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/70:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/70:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/80:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/80:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/80:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-600\/90:focus) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-600\/90:hover) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-600\/90:active) { + background-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700:focus) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700:hover) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700:active) { + background-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/10:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/10:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/10:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/20:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/20:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/20:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/30:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/30:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/30:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/40:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/40:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/40:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/50:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/50:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/50:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/60:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/60:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/60:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/70:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/70:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/70:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/80:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/80:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/80:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-700\/90:focus) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-700\/90:hover) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-700\/90:active) { + background-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800:focus) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800:hover) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800:active) { + background-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/10:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/10:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/10:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/20:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/20:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/20:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/30:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/30:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/30:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/40:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/40:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/40:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/50:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/50:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/50:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/60:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/60:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/60:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/70:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/70:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/70:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/80:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/80:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/80:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-800\/90:focus) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-800\/90:hover) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-800\/90:active) { + background-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900:focus) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900:hover) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900:active) { + background-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/10:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/10:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/10:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/20:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/20:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/20:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/30:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/30:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/30:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/40:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/40:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/40:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/50:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/50:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/50:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/60:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/60:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/60:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/70:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/70:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/70:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/80:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/80:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/80:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-teal-900\/90:focus) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-teal-900\/90:hover) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-teal-900\/90:active) { + background-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50:focus) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50:hover) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50:active) { + background-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/10:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/10:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/10:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/20:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/20:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/20:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/30:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/30:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/30:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/40:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/40:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/40:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/50:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/50:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/50:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/60:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/60:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/60:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/70:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/70:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/70:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/80:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/80:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/80:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-50\/90:focus) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-50\/90:hover) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-50\/90:active) { + background-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100:focus) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100:hover) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100:active) { + background-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/10:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/10:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/10:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/20:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/20:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/20:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/30:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/30:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/30:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/40:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/40:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/40:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/50:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/50:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/50:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/60:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/60:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/60:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/70:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/70:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/70:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/80:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/80:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/80:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-100\/90:focus) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-100\/90:hover) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-100\/90:active) { + background-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200:focus) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200:hover) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200:active) { + background-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/10:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/10:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/10:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/20:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/20:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/20:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/30:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/30:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/30:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/40:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/40:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/40:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/50:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/50:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/50:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/60:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/60:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/60:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/70:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/70:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/70:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/80:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/80:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/80:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-200\/90:focus) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-200\/90:hover) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-200\/90:active) { + background-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300:focus) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300:hover) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300:active) { + background-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/10:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/10:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/10:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/20:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/20:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/20:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/30:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/30:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/30:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/40:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/40:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/40:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/50:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/50:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/50:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/60:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/60:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/60:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/70:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/70:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/70:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/80:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/80:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/80:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-300\/90:focus) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-300\/90:hover) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-300\/90:active) { + background-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400:focus) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400:hover) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400:active) { + background-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/10:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/10:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/10:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/20:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/20:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/20:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/30:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/30:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/30:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/40:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/40:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/40:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/50:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/50:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/50:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/60:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/60:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/60:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/70:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/70:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/70:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/80:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/80:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/80:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-400\/90:focus) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-400\/90:hover) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-400\/90:active) { + background-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500:focus) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500:hover) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500:active) { + background-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/10:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/10:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/10:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/20:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/20:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/20:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/30:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/30:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/30:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/40:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/40:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/40:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/50:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/50:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/50:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/60:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/60:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/60:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/70:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/70:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/70:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/80:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/80:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/80:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-500\/90:focus) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-500\/90:hover) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-500\/90:active) { + background-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600:focus) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600:hover) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600:active) { + background-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/10:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/10:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/10:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/20:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/20:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/20:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/30:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/30:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/30:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/40:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/40:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/40:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/50:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/50:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/50:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/60:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/60:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/60:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/70:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/70:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/70:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/80:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/80:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/80:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-600\/90:focus) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-600\/90:hover) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-600\/90:active) { + background-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700:focus) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700:hover) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700:active) { + background-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/10:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/10:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/10:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/20:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/20:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/20:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/30:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/30:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/30:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/40:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/40:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/40:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/50:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/50:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/50:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/60:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/60:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/60:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/70:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/70:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/70:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/80:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/80:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/80:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-700\/90:focus) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-700\/90:hover) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-700\/90:active) { + background-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800:focus) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800:hover) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800:active) { + background-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/10:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/10:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/10:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/20:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/20:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/20:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/30:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/30:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/30:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/40:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/40:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/40:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/50:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/50:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/50:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/60:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/60:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/60:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/70:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/70:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/70:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/80:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/80:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/80:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-800\/90:focus) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-800\/90:hover) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-800\/90:active) { + background-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900:focus) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900:hover) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900:active) { + background-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/10:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/10:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/10:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/20:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/20:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/20:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/30:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/30:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/30:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/40:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/40:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/40:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/50:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/50:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/50:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/60:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/60:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/60:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/70:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/70:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/70:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/80:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/80:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/80:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-orange-900\/90:focus) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-orange-900\/90:hover) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-orange-900\/90:active) { + background-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50:focus) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50:hover) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50:active) { + background-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-50\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-50\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-50\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100:focus) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100:hover) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100:active) { + background-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-100\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-100\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-100\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200:focus) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200:hover) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200:active) { + background-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-200\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-200\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-200\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300:focus) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300:hover) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300:active) { + background-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-300\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-300\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-300\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400:focus) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400:hover) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400:active) { + background-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-400\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-400\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-400\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500:focus) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500:hover) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500:active) { + background-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-500\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-500\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-500\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600:focus) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600:hover) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600:active) { + background-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-600\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-600\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-600\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700:focus) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700:hover) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700:active) { + background-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-700\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-700\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-700\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800:focus) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800:hover) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800:active) { + background-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-800\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-800\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-800\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900:focus) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900:hover) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900:active) { + background-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/10:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/10:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/10:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/20:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/20:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/20:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/30:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/30:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/30:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/40:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/40:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/40:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/50:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/50:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/50:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/60:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/60:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/60:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/70:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/70:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/70:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/80:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/80:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/80:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-bluegray-900\/90:focus) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-bluegray-900\/90:hover) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-bluegray-900\/90:active) { + background-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50:focus) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50:hover) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50:active) { + background-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/10:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/10:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/10:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/20:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/20:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/20:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/30:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/30:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/30:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/40:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/40:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/40:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/50:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/50:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/50:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/60:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/60:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/60:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/70:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/70:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/70:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/80:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/80:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/80:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-50\/90:focus) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-50\/90:hover) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-50\/90:active) { + background-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100:focus) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100:hover) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100:active) { + background-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/10:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/10:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/10:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/20:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/20:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/20:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/30:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/30:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/30:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/40:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/40:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/40:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/50:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/50:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/50:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/60:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/60:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/60:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/70:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/70:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/70:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/80:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/80:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/80:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-100\/90:focus) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-100\/90:hover) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-100\/90:active) { + background-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200:focus) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200:hover) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200:active) { + background-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/10:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/10:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/10:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/20:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/20:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/20:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/30:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/30:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/30:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/40:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/40:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/40:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/50:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/50:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/50:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/60:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/60:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/60:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/70:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/70:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/70:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/80:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/80:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/80:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-200\/90:focus) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-200\/90:hover) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-200\/90:active) { + background-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300:focus) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300:hover) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300:active) { + background-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/10:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/10:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/10:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/20:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/20:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/20:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/30:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/30:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/30:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/40:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/40:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/40:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/50:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/50:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/50:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/60:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/60:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/60:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/70:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/70:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/70:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/80:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/80:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/80:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-300\/90:focus) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-300\/90:hover) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-300\/90:active) { + background-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400:focus) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400:hover) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400:active) { + background-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/10:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/10:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/10:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/20:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/20:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/20:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/30:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/30:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/30:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/40:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/40:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/40:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/50:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/50:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/50:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/60:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/60:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/60:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/70:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/70:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/70:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/80:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/80:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/80:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-400\/90:focus) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-400\/90:hover) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-400\/90:active) { + background-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500:focus) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500:hover) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500:active) { + background-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/10:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/10:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/10:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/20:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/20:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/20:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/30:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/30:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/30:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/40:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/40:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/40:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/50:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/50:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/50:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/60:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/60:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/60:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/70:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/70:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/70:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/80:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/80:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/80:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-500\/90:focus) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-500\/90:hover) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-500\/90:active) { + background-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600:focus) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600:hover) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600:active) { + background-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/10:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/10:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/10:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/20:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/20:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/20:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/30:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/30:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/30:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/40:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/40:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/40:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/50:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/50:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/50:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/60:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/60:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/60:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/70:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/70:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/70:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/80:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/80:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/80:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-600\/90:focus) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-600\/90:hover) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-600\/90:active) { + background-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700:focus) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700:hover) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700:active) { + background-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/10:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/10:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/10:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/20:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/20:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/20:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/30:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/30:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/30:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/40:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/40:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/40:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/50:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/50:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/50:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/60:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/60:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/60:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/70:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/70:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/70:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/80:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/80:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/80:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-700\/90:focus) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-700\/90:hover) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-700\/90:active) { + background-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800:focus) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800:hover) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800:active) { + background-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/10:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/10:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/10:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/20:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/20:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/20:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/30:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/30:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/30:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/40:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/40:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/40:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/50:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/50:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/50:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/60:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/60:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/60:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/70:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/70:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/70:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/80:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/80:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/80:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-800\/90:focus) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-800\/90:hover) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-800\/90:active) { + background-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900:focus) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900:hover) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900:active) { + background-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/10:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/10:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/10:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/20:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/20:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/20:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/30:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/30:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/30:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/40:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/40:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/40:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/50:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/50:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/50:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/60:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/60:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/60:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/70:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/70:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/70:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/80:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/80:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/80:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-purple-900\/90:focus) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-purple-900\/90:hover) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-purple-900\/90:active) { + background-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50:focus) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50:hover) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50:active) { + background-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/10:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/10:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/10:active) { + background-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/20:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/20:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/20:active) { + background-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/30:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/30:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/30:active) { + background-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/40:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/40:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/40:active) { + background-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/50:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/50:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/50:active) { + background-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/60:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/60:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/60:active) { + background-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/70:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/70:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/70:active) { + background-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/80:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/80:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/80:active) { + background-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-50\/90:focus) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-50\/90:hover) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-50\/90:active) { + background-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100:focus) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100:hover) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100:active) { + background-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/10:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/10:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/10:active) { + background-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/20:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/20:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/20:active) { + background-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/30:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/30:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/30:active) { + background-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/40:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/40:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/40:active) { + background-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/50:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/50:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/50:active) { + background-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/60:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/60:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/60:active) { + background-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/70:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/70:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/70:active) { + background-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/80:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/80:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/80:active) { + background-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-100\/90:focus) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-100\/90:hover) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-100\/90:active) { + background-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200:focus) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200:hover) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200:active) { + background-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/10:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/10:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/10:active) { + background-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/20:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/20:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/20:active) { + background-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/30:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/30:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/30:active) { + background-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/40:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/40:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/40:active) { + background-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/50:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/50:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/50:active) { + background-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/60:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/60:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/60:active) { + background-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/70:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/70:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/70:active) { + background-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/80:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/80:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/80:active) { + background-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-200\/90:focus) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-200\/90:hover) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-200\/90:active) { + background-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300:focus) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300:hover) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300:active) { + background-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/10:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/10:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/10:active) { + background-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/20:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/20:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/20:active) { + background-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/30:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/30:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/30:active) { + background-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/40:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/40:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/40:active) { + background-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/50:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/50:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/50:active) { + background-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/60:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/60:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/60:active) { + background-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/70:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/70:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/70:active) { + background-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/80:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/80:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/80:active) { + background-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-300\/90:focus) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-300\/90:hover) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-300\/90:active) { + background-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400:focus) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400:hover) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400:active) { + background-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/10:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/10:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/10:active) { + background-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/20:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/20:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/20:active) { + background-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/30:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/30:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/30:active) { + background-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/40:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/40:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/40:active) { + background-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/50:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/50:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/50:active) { + background-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/60:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/60:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/60:active) { + background-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/70:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/70:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/70:active) { + background-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/80:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/80:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/80:active) { + background-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-400\/90:focus) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-400\/90:hover) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-400\/90:active) { + background-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500:focus) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500:hover) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500:active) { + background-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/10:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/10:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/10:active) { + background-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/20:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/20:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/20:active) { + background-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/30:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/30:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/30:active) { + background-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/40:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/40:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/40:active) { + background-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/50:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/50:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/50:active) { + background-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/60:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/60:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/60:active) { + background-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/70:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/70:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/70:active) { + background-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/80:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/80:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/80:active) { + background-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-500\/90:focus) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-500\/90:hover) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-500\/90:active) { + background-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600:focus) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600:hover) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600:active) { + background-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/10:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/10:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/10:active) { + background-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/20:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/20:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/20:active) { + background-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/30:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/30:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/30:active) { + background-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/40:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/40:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/40:active) { + background-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/50:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/50:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/50:active) { + background-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/60:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/60:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/60:active) { + background-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/70:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/70:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/70:active) { + background-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/80:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/80:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/80:active) { + background-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-600\/90:focus) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-600\/90:hover) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-600\/90:active) { + background-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700:focus) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700:hover) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700:active) { + background-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/10:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/10:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/10:active) { + background-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/20:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/20:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/20:active) { + background-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/30:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/30:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/30:active) { + background-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/40:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/40:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/40:active) { + background-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/50:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/50:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/50:active) { + background-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/60:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/60:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/60:active) { + background-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/70:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/70:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/70:active) { + background-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/80:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/80:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/80:active) { + background-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-700\/90:focus) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-700\/90:hover) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-700\/90:active) { + background-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800:focus) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800:hover) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800:active) { + background-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/10:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/10:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/10:active) { + background-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/20:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/20:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/20:active) { + background-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/30:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/30:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/30:active) { + background-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/40:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/40:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/40:active) { + background-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/50:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/50:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/50:active) { + background-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/60:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/60:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/60:active) { + background-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/70:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/70:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/70:active) { + background-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/80:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/80:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/80:active) { + background-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-800\/90:focus) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-800\/90:hover) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-800\/90:active) { + background-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900:focus) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900:hover) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900:active) { + background-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/10:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/10:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/10:active) { + background-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/20:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/20:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/20:active) { + background-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/30:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/30:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/30:active) { + background-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/40:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/40:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/40:active) { + background-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/50:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/50:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/50:active) { + background-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/60:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/60:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/60:active) { + background-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/70:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/70:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/70:active) { + background-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/80:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/80:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/80:active) { + background-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-red-900\/90:focus) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-red-900\/90:hover) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-red-900\/90:active) { + background-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50:focus) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50:hover) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50:active) { + background-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/10:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/10:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/10:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/20:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/20:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/20:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/30:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/30:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/30:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/40:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/40:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/40:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/50:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/50:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/50:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/60:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/60:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/60:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/70:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/70:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/70:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/80:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/80:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/80:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-50\/90:focus) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-50\/90:hover) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-50\/90:active) { + background-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100:focus) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100:hover) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100:active) { + background-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/10:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/10:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/10:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/20:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/20:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/20:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/30:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/30:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/30:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/40:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/40:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/40:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/50:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/50:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/50:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/60:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/60:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/60:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/70:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/70:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/70:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/80:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/80:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/80:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-100\/90:focus) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-100\/90:hover) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-100\/90:active) { + background-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200:focus) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200:hover) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200:active) { + background-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/10:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/10:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/10:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/20:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/20:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/20:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/30:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/30:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/30:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/40:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/40:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/40:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/50:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/50:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/50:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/60:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/60:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/60:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/70:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/70:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/70:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/80:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/80:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/80:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-200\/90:focus) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-200\/90:hover) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-200\/90:active) { + background-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300:focus) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300:hover) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300:active) { + background-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/10:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/10:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/10:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/20:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/20:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/20:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/30:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/30:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/30:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/40:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/40:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/40:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/50:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/50:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/50:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/60:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/60:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/60:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/70:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/70:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/70:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/80:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/80:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/80:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-300\/90:focus) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-300\/90:hover) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-300\/90:active) { + background-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400:focus) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400:hover) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400:active) { + background-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/10:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/10:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/10:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/20:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/20:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/20:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/30:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/30:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/30:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/40:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/40:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/40:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/50:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/50:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/50:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/60:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/60:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/60:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/70:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/70:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/70:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/80:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/80:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/80:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-400\/90:focus) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-400\/90:hover) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-400\/90:active) { + background-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500:focus) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500:hover) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500:active) { + background-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/10:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/10:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/10:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/20:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/20:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/20:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/30:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/30:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/30:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/40:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/40:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/40:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/50:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/50:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/50:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/60:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/60:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/60:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/70:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/70:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/70:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/80:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/80:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/80:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-500\/90:focus) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-500\/90:hover) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-500\/90:active) { + background-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600:focus) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600:hover) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600:active) { + background-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/10:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/10:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/10:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/20:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/20:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/20:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/30:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/30:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/30:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/40:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/40:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/40:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/50:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/50:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/50:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/60:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/60:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/60:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/70:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/70:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/70:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/80:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/80:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/80:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-600\/90:focus) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-600\/90:hover) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-600\/90:active) { + background-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700:focus) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700:hover) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700:active) { + background-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/10:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/10:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/10:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/20:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/20:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/20:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/30:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/30:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/30:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/40:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/40:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/40:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/50:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/50:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/50:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/60:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/60:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/60:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/70:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/70:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/70:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/80:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/80:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/80:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-700\/90:focus) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-700\/90:hover) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-700\/90:active) { + background-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800:focus) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800:hover) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800:active) { + background-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/10:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/10:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/10:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/20:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/20:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/20:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/30:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/30:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/30:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/40:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/40:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/40:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/50:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/50:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/50:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/60:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/60:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/60:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/70:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/70:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/70:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/80:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/80:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/80:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-800\/90:focus) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-800\/90:hover) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-800\/90:active) { + background-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900:focus) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900:hover) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900:active) { + background-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/10:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/10:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/10:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/20:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/20:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/20:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/30:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/30:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/30:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/40:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/40:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/40:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/50:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/50:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/50:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/60:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/60:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/60:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/70:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/70:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/70:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/80:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/80:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/80:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-gray-900\/90:focus) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-gray-900\/90:hover) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-gray-900\/90:active) { + background-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0:focus) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0:hover) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0:active) { + background-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/10:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/10:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/10:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/20:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/20:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/20:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/30:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/30:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/30:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/40:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/40:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/40:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/50:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/50:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/50:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/60:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/60:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/60:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/70:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/70:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/70:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/80:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/80:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/80:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-0\/90:focus) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-0\/90:hover) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-0\/90:active) { + background-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50:focus) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50:hover) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50:active) { + background-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/10:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/10:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/10:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/20:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/20:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/20:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/30:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/30:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/30:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/40:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/40:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/40:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/50:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/50:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/50:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/60:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/60:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/60:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/70:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/70:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/70:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/80:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/80:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/80:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-50\/90:focus) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-50\/90:hover) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-50\/90:active) { + background-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100:focus) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100:hover) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100:active) { + background-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/10:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/10:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/10:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/20:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/20:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/20:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/30:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/30:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/30:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/40:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/40:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/40:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/50:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/50:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/50:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/60:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/60:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/60:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/70:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/70:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/70:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/80:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/80:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/80:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-100\/90:focus) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-100\/90:hover) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-100\/90:active) { + background-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200:focus) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200:hover) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200:active) { + background-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/10:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/10:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/10:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/20:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/20:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/20:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/30:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/30:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/30:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/40:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/40:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/40:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/50:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/50:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/50:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/60:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/60:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/60:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/70:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/70:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/70:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/80:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/80:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/80:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-200\/90:focus) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-200\/90:hover) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-200\/90:active) { + background-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300:focus) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300:hover) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300:active) { + background-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/10:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/10:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/10:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/20:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/20:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/20:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/30:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/30:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/30:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/40:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/40:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/40:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/50:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/50:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/50:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/60:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/60:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/60:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/70:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/70:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/70:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/80:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/80:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/80:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-300\/90:focus) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-300\/90:hover) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-300\/90:active) { + background-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400:focus) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400:hover) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400:active) { + background-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/10:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/10:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/10:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/20:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/20:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/20:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/30:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/30:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/30:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/40:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/40:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/40:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/50:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/50:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/50:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/60:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/60:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/60:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/70:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/70:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/70:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/80:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/80:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/80:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-400\/90:focus) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-400\/90:hover) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-400\/90:active) { + background-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500:focus) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500:hover) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500:active) { + background-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/10:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/10:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/10:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/20:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/20:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/20:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/30:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/30:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/30:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/40:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/40:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/40:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/50:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/50:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/50:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/60:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/60:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/60:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/70:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/70:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/70:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/80:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/80:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/80:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-500\/90:focus) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-500\/90:hover) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-500\/90:active) { + background-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600:focus) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600:hover) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600:active) { + background-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/10:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/10:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/10:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/20:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/20:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/20:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/30:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/30:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/30:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/40:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/40:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/40:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/50:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/50:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/50:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/60:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/60:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/60:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/70:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/70:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/70:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/80:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/80:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/80:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-600\/90:focus) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-600\/90:hover) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-600\/90:active) { + background-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700:focus) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700:hover) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700:active) { + background-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/10:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/10:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/10:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/20:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/20:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/20:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/30:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/30:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/30:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/40:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/40:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/40:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/50:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/50:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/50:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/60:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/60:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/60:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/70:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/70:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/70:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/80:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/80:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/80:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-700\/90:focus) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-700\/90:hover) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-700\/90:active) { + background-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800:focus) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800:hover) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800:active) { + background-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/10:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/10:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/10:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/20:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/20:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/20:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/30:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/30:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/30:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/40:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/40:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/40:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/50:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/50:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/50:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/60:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/60:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/60:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/70:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/70:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/70:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/80:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/80:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/80:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-800\/90:focus) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-800\/90:hover) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-800\/90:active) { + background-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900:focus) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900:hover) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900:active) { + background-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/10:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/10:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/10:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/20:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/20:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/20:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/30:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/30:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/30:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/40:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/40:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/40:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/50:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/50:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/50:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/60:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/60:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/60:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/70:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/70:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/70:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/80:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/80:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/80:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-surface-900\/90:focus) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-surface-900\/90:hover) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-surface-900\/90:active) { + background-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50:focus) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50:hover) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50:active) { + background-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/10:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/10:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/10:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/20:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/20:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/20:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/30:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/30:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/30:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/40:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/40:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/40:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/50:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/50:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/50:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/60:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/60:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/60:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/70:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/70:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/70:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/80:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/80:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/80:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-50\/90:focus) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-50\/90:hover) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-50\/90:active) { + background-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100:focus) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100:hover) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100:active) { + background-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/10:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/10:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/10:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/20:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/20:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/20:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/30:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/30:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/30:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/40:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/40:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/40:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/50:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/50:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/50:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/60:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/60:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/60:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/70:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/70:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/70:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/80:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/80:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/80:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-100\/90:focus) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-100\/90:hover) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-100\/90:active) { + background-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200:focus) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200:hover) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200:active) { + background-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/10:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/10:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/10:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/20:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/20:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/20:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/30:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/30:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/30:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/40:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/40:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/40:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/50:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/50:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/50:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/60:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/60:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/60:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/70:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/70:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/70:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/80:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/80:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/80:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-200\/90:focus) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-200\/90:hover) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-200\/90:active) { + background-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300:focus) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300:hover) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300:active) { + background-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/10:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/10:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/10:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/20:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/20:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/20:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/30:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/30:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/30:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/40:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/40:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/40:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/50:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/50:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/50:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/60:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/60:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/60:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/70:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/70:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/70:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/80:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/80:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/80:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-300\/90:focus) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-300\/90:hover) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-300\/90:active) { + background-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400:focus) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400:hover) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400:active) { + background-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/10:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/10:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/10:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/20:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/20:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/20:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/30:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/30:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/30:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/40:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/40:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/40:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/50:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/50:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/50:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/60:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/60:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/60:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/70:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/70:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/70:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/80:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/80:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/80:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-400\/90:focus) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-400\/90:hover) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-400\/90:active) { + background-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500:focus) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500:hover) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500:active) { + background-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/10:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/10:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/10:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/20:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/20:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/20:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/30:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/30:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/30:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/40:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/40:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/40:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/50:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/50:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/50:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/60:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/60:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/60:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/70:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/70:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/70:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/80:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/80:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/80:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-500\/90:focus) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-500\/90:hover) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-500\/90:active) { + background-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600:focus) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600:hover) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600:active) { + background-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/10:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/10:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/10:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/20:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/20:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/20:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/30:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/30:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/30:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/40:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/40:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/40:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/50:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/50:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/50:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/60:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/60:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/60:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/70:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/70:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/70:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/80:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/80:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/80:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-600\/90:focus) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-600\/90:hover) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-600\/90:active) { + background-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700:focus) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700:hover) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700:active) { + background-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/10:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/10:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/10:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/20:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/20:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/20:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/30:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/30:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/30:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/40:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/40:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/40:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/50:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/50:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/50:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/60:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/60:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/60:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/70:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/70:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/70:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/80:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/80:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/80:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-700\/90:focus) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-700\/90:hover) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-700\/90:active) { + background-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800:focus) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800:hover) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800:active) { + background-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/10:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/10:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/10:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/20:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/20:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/20:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/30:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/30:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/30:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/40:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/40:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/40:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/50:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/50:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/50:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/60:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/60:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/60:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/70:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/70:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/70:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/80:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/80:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/80:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-800\/90:focus) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-800\/90:hover) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-800\/90:active) { + background-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900:focus) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900:hover) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900:active) { + background-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/10:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/10:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/10:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/20:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/20:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/20:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/30:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/30:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/30:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/40:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/40:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/40:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/50:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/50:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/50:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/60:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/60:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/60:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/70:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/70:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/70:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/80:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/80:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/80:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-primary-900\/90:focus) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-primary-900\/90:hover) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-primary-900\/90:active) { + background-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.surface-0 { + background-color: var(---surface-0) +} +.surface-0\/10 { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.surface-0\/20 { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.surface-0\/30 { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.surface-0\/40 { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.surface-0\/50 { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.surface-0\/60 { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.surface-0\/70 { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.surface-0\/80 { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.surface-0\/90 { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.surface-50 { + background-color: var(---surface-50) +} +.surface-50\/10 { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.surface-50\/20 { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.surface-50\/30 { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.surface-50\/40 { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.surface-50\/50 { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.surface-50\/60 { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.surface-50\/70 { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.surface-50\/80 { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.surface-50\/90 { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.surface-100 { + background-color: var(---surface-100) +} +.surface-100\/10 { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.surface-100\/20 { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.surface-100\/30 { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.surface-100\/40 { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.surface-100\/50 { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.surface-100\/60 { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.surface-100\/70 { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.surface-100\/80 { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.surface-100\/90 { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.surface-200 { + background-color: var(---surface-200) +} +.surface-200\/10 { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.surface-200\/20 { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.surface-200\/30 { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.surface-200\/40 { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.surface-200\/50 { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.surface-200\/60 { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.surface-200\/70 { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.surface-200\/80 { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.surface-200\/90 { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.surface-300 { + background-color: var(---surface-300) +} +.surface-300\/10 { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.surface-300\/20 { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.surface-300\/30 { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.surface-300\/40 { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.surface-300\/50 { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.surface-300\/60 { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.surface-300\/70 { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.surface-300\/80 { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.surface-300\/90 { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.surface-400 { + background-color: var(---surface-400) +} +.surface-400\/10 { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.surface-400\/20 { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.surface-400\/30 { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.surface-400\/40 { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.surface-400\/50 { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.surface-400\/60 { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.surface-400\/70 { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.surface-400\/80 { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.surface-400\/90 { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.surface-500 { + background-color: var(---surface-500) +} +.surface-500\/10 { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.surface-500\/20 { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.surface-500\/30 { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.surface-500\/40 { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.surface-500\/50 { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.surface-500\/60 { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.surface-500\/70 { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.surface-500\/80 { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.surface-500\/90 { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.surface-600 { + background-color: var(---surface-600) +} +.surface-600\/10 { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.surface-600\/20 { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.surface-600\/30 { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.surface-600\/40 { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.surface-600\/50 { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.surface-600\/60 { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.surface-600\/70 { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.surface-600\/80 { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.surface-600\/90 { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.surface-700 { + background-color: var(---surface-700) +} +.surface-700\/10 { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.surface-700\/20 { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.surface-700\/30 { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.surface-700\/40 { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.surface-700\/50 { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.surface-700\/60 { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.surface-700\/70 { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.surface-700\/80 { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.surface-700\/90 { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.surface-800 { + background-color: var(---surface-800) +} +.surface-800\/10 { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.surface-800\/20 { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.surface-800\/30 { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.surface-800\/40 { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.surface-800\/50 { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.surface-800\/60 { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.surface-800\/70 { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.surface-800\/80 { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.surface-800\/90 { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.surface-900 { + background-color: var(---surface-900) +} +.surface-900\/10 { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.surface-900\/20 { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.surface-900\/30 { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.surface-900\/40 { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.surface-900\/50 { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.surface-900\/60 { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.surface-900\/70 { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.surface-900\/80 { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.surface-900\/90 { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.focus\:surface-0:focus { + background-color: var(---surface-0) +} +.hover\:surface-0:hover { + background-color: var(---surface-0) +} +.active\:surface-0:active { + background-color: var(---surface-0) +} +.focus\:surface-0\/10:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.hover\:surface-0\/10:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.active\:surface-0\/10:active { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.focus\:surface-0\/20:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.hover\:surface-0\/20:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.active\:surface-0\/20:active { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.focus\:surface-0\/30:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.hover\:surface-0\/30:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.active\:surface-0\/30:active { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.focus\:surface-0\/40:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.hover\:surface-0\/40:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.active\:surface-0\/40:active { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.focus\:surface-0\/50:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.hover\:surface-0\/50:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.active\:surface-0\/50:active { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.focus\:surface-0\/60:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.hover\:surface-0\/60:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.active\:surface-0\/60:active { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.focus\:surface-0\/70:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.hover\:surface-0\/70:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.active\:surface-0\/70:active { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.focus\:surface-0\/80:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.hover\:surface-0\/80:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.active\:surface-0\/80:active { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.focus\:surface-0\/90:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.hover\:surface-0\/90:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.active\:surface-0\/90:active { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.focus\:surface-50:focus { + background-color: var(---surface-50) +} +.hover\:surface-50:hover { + background-color: var(---surface-50) +} +.active\:surface-50:active { + background-color: var(---surface-50) +} +.focus\:surface-50\/10:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.hover\:surface-50\/10:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.active\:surface-50\/10:active { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.focus\:surface-50\/20:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.hover\:surface-50\/20:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.active\:surface-50\/20:active { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.focus\:surface-50\/30:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.hover\:surface-50\/30:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.active\:surface-50\/30:active { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.focus\:surface-50\/40:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.hover\:surface-50\/40:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.active\:surface-50\/40:active { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.focus\:surface-50\/50:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.hover\:surface-50\/50:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.active\:surface-50\/50:active { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.focus\:surface-50\/60:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.hover\:surface-50\/60:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.active\:surface-50\/60:active { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.focus\:surface-50\/70:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.hover\:surface-50\/70:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.active\:surface-50\/70:active { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.focus\:surface-50\/80:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.hover\:surface-50\/80:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.active\:surface-50\/80:active { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.focus\:surface-50\/90:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.hover\:surface-50\/90:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.active\:surface-50\/90:active { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.focus\:surface-100:focus { + background-color: var(---surface-100) +} +.hover\:surface-100:hover { + background-color: var(---surface-100) +} +.active\:surface-100:active { + background-color: var(---surface-100) +} +.focus\:surface-100\/10:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.hover\:surface-100\/10:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.active\:surface-100\/10:active { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.focus\:surface-100\/20:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.hover\:surface-100\/20:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.active\:surface-100\/20:active { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.focus\:surface-100\/30:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.hover\:surface-100\/30:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.active\:surface-100\/30:active { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.focus\:surface-100\/40:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.hover\:surface-100\/40:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.active\:surface-100\/40:active { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.focus\:surface-100\/50:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.hover\:surface-100\/50:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.active\:surface-100\/50:active { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.focus\:surface-100\/60:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.hover\:surface-100\/60:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.active\:surface-100\/60:active { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.focus\:surface-100\/70:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.hover\:surface-100\/70:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.active\:surface-100\/70:active { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.focus\:surface-100\/80:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.hover\:surface-100\/80:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.active\:surface-100\/80:active { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.focus\:surface-100\/90:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.hover\:surface-100\/90:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.active\:surface-100\/90:active { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.focus\:surface-200:focus { + background-color: var(---surface-200) +} +.hover\:surface-200:hover { + background-color: var(---surface-200) +} +.active\:surface-200:active { + background-color: var(---surface-200) +} +.focus\:surface-200\/10:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.hover\:surface-200\/10:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.active\:surface-200\/10:active { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.focus\:surface-200\/20:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.hover\:surface-200\/20:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.active\:surface-200\/20:active { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.focus\:surface-200\/30:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.hover\:surface-200\/30:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.active\:surface-200\/30:active { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.focus\:surface-200\/40:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.hover\:surface-200\/40:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.active\:surface-200\/40:active { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.focus\:surface-200\/50:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.hover\:surface-200\/50:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.active\:surface-200\/50:active { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.focus\:surface-200\/60:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.hover\:surface-200\/60:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.active\:surface-200\/60:active { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.focus\:surface-200\/70:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.hover\:surface-200\/70:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.active\:surface-200\/70:active { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.focus\:surface-200\/80:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.hover\:surface-200\/80:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.active\:surface-200\/80:active { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.focus\:surface-200\/90:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.hover\:surface-200\/90:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.active\:surface-200\/90:active { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.focus\:surface-300:focus { + background-color: var(---surface-300) +} +.hover\:surface-300:hover { + background-color: var(---surface-300) +} +.active\:surface-300:active { + background-color: var(---surface-300) +} +.focus\:surface-300\/10:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.hover\:surface-300\/10:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.active\:surface-300\/10:active { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.focus\:surface-300\/20:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.hover\:surface-300\/20:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.active\:surface-300\/20:active { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.focus\:surface-300\/30:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.hover\:surface-300\/30:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.active\:surface-300\/30:active { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.focus\:surface-300\/40:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.hover\:surface-300\/40:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.active\:surface-300\/40:active { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.focus\:surface-300\/50:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.hover\:surface-300\/50:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.active\:surface-300\/50:active { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.focus\:surface-300\/60:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.hover\:surface-300\/60:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.active\:surface-300\/60:active { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.focus\:surface-300\/70:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.hover\:surface-300\/70:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.active\:surface-300\/70:active { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.focus\:surface-300\/80:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.hover\:surface-300\/80:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.active\:surface-300\/80:active { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.focus\:surface-300\/90:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.hover\:surface-300\/90:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.active\:surface-300\/90:active { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.focus\:surface-400:focus { + background-color: var(---surface-400) +} +.hover\:surface-400:hover { + background-color: var(---surface-400) +} +.active\:surface-400:active { + background-color: var(---surface-400) +} +.focus\:surface-400\/10:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.hover\:surface-400\/10:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.active\:surface-400\/10:active { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.focus\:surface-400\/20:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.hover\:surface-400\/20:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.active\:surface-400\/20:active { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.focus\:surface-400\/30:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.hover\:surface-400\/30:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.active\:surface-400\/30:active { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.focus\:surface-400\/40:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.hover\:surface-400\/40:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.active\:surface-400\/40:active { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.focus\:surface-400\/50:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.hover\:surface-400\/50:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.active\:surface-400\/50:active { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.focus\:surface-400\/60:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.hover\:surface-400\/60:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.active\:surface-400\/60:active { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.focus\:surface-400\/70:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.hover\:surface-400\/70:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.active\:surface-400\/70:active { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.focus\:surface-400\/80:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.hover\:surface-400\/80:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.active\:surface-400\/80:active { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.focus\:surface-400\/90:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.hover\:surface-400\/90:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.active\:surface-400\/90:active { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.focus\:surface-500:focus { + background-color: var(---surface-500) +} +.hover\:surface-500:hover { + background-color: var(---surface-500) +} +.active\:surface-500:active { + background-color: var(---surface-500) +} +.focus\:surface-500\/10:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.hover\:surface-500\/10:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.active\:surface-500\/10:active { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.focus\:surface-500\/20:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.hover\:surface-500\/20:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.active\:surface-500\/20:active { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.focus\:surface-500\/30:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.hover\:surface-500\/30:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.active\:surface-500\/30:active { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.focus\:surface-500\/40:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.hover\:surface-500\/40:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.active\:surface-500\/40:active { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.focus\:surface-500\/50:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.hover\:surface-500\/50:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.active\:surface-500\/50:active { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.focus\:surface-500\/60:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.hover\:surface-500\/60:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.active\:surface-500\/60:active { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.focus\:surface-500\/70:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.hover\:surface-500\/70:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.active\:surface-500\/70:active { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.focus\:surface-500\/80:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.hover\:surface-500\/80:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.active\:surface-500\/80:active { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.focus\:surface-500\/90:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.hover\:surface-500\/90:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.active\:surface-500\/90:active { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.focus\:surface-600:focus { + background-color: var(---surface-600) +} +.hover\:surface-600:hover { + background-color: var(---surface-600) +} +.active\:surface-600:active { + background-color: var(---surface-600) +} +.focus\:surface-600\/10:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.hover\:surface-600\/10:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.active\:surface-600\/10:active { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.focus\:surface-600\/20:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.hover\:surface-600\/20:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.active\:surface-600\/20:active { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.focus\:surface-600\/30:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.hover\:surface-600\/30:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.active\:surface-600\/30:active { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.focus\:surface-600\/40:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.hover\:surface-600\/40:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.active\:surface-600\/40:active { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.focus\:surface-600\/50:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.hover\:surface-600\/50:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.active\:surface-600\/50:active { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.focus\:surface-600\/60:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.hover\:surface-600\/60:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.active\:surface-600\/60:active { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.focus\:surface-600\/70:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.hover\:surface-600\/70:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.active\:surface-600\/70:active { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.focus\:surface-600\/80:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.hover\:surface-600\/80:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.active\:surface-600\/80:active { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.focus\:surface-600\/90:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.hover\:surface-600\/90:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.active\:surface-600\/90:active { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.focus\:surface-700:focus { + background-color: var(---surface-700) +} +.hover\:surface-700:hover { + background-color: var(---surface-700) +} +.active\:surface-700:active { + background-color: var(---surface-700) +} +.focus\:surface-700\/10:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.hover\:surface-700\/10:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.active\:surface-700\/10:active { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.focus\:surface-700\/20:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.hover\:surface-700\/20:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.active\:surface-700\/20:active { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.focus\:surface-700\/30:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.hover\:surface-700\/30:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.active\:surface-700\/30:active { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.focus\:surface-700\/40:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.hover\:surface-700\/40:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.active\:surface-700\/40:active { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.focus\:surface-700\/50:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.hover\:surface-700\/50:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.active\:surface-700\/50:active { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.focus\:surface-700\/60:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.hover\:surface-700\/60:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.active\:surface-700\/60:active { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.focus\:surface-700\/70:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.hover\:surface-700\/70:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.active\:surface-700\/70:active { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.focus\:surface-700\/80:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.hover\:surface-700\/80:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.active\:surface-700\/80:active { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.focus\:surface-700\/90:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.hover\:surface-700\/90:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.active\:surface-700\/90:active { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.focus\:surface-800:focus { + background-color: var(---surface-800) +} +.hover\:surface-800:hover { + background-color: var(---surface-800) +} +.active\:surface-800:active { + background-color: var(---surface-800) +} +.focus\:surface-800\/10:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.hover\:surface-800\/10:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.active\:surface-800\/10:active { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.focus\:surface-800\/20:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.hover\:surface-800\/20:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.active\:surface-800\/20:active { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.focus\:surface-800\/30:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.hover\:surface-800\/30:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.active\:surface-800\/30:active { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.focus\:surface-800\/40:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.hover\:surface-800\/40:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.active\:surface-800\/40:active { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.focus\:surface-800\/50:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.hover\:surface-800\/50:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.active\:surface-800\/50:active { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.focus\:surface-800\/60:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.hover\:surface-800\/60:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.active\:surface-800\/60:active { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.focus\:surface-800\/70:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.hover\:surface-800\/70:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.active\:surface-800\/70:active { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.focus\:surface-800\/80:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.hover\:surface-800\/80:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.active\:surface-800\/80:active { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.focus\:surface-800\/90:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.hover\:surface-800\/90:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.active\:surface-800\/90:active { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.focus\:surface-900:focus { + background-color: var(---surface-900) +} +.hover\:surface-900:hover { + background-color: var(---surface-900) +} +.active\:surface-900:active { + background-color: var(---surface-900) +} +.focus\:surface-900\/10:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.hover\:surface-900\/10:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.active\:surface-900\/10:active { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.focus\:surface-900\/20:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.hover\:surface-900\/20:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.active\:surface-900\/20:active { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.focus\:surface-900\/30:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.hover\:surface-900\/30:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.active\:surface-900\/30:active { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.focus\:surface-900\/40:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.hover\:surface-900\/40:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.active\:surface-900\/40:active { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.focus\:surface-900\/50:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.hover\:surface-900\/50:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.active\:surface-900\/50:active { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.focus\:surface-900\/60:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.hover\:surface-900\/60:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.active\:surface-900\/60:active { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.focus\:surface-900\/70:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.hover\:surface-900\/70:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.active\:surface-900\/70:active { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.focus\:surface-900\/80:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.hover\:surface-900\/80:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.active\:surface-900\/80:active { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.focus\:surface-900\/90:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.hover\:surface-900\/90:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.active\:surface-900\/90:active { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:surface-0 { + background-color: var(---surface-0) + } + .sm\:surface-0\/10 { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:surface-0\/20 { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:surface-0\/30 { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:surface-0\/40 { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:surface-0\/50 { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:surface-0\/60 { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:surface-0\/70 { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:surface-0\/80 { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:surface-0\/90 { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:surface-50 { + background-color: var(---surface-50) + } + .sm\:surface-50\/10 { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:surface-50\/20 { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:surface-50\/30 { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:surface-50\/40 { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:surface-50\/50 { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:surface-50\/60 { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:surface-50\/70 { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:surface-50\/80 { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:surface-50\/90 { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:surface-100 { + background-color: var(---surface-100) + } + .sm\:surface-100\/10 { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:surface-100\/20 { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:surface-100\/30 { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:surface-100\/40 { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:surface-100\/50 { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:surface-100\/60 { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:surface-100\/70 { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:surface-100\/80 { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:surface-100\/90 { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:surface-200 { + background-color: var(---surface-200) + } + .sm\:surface-200\/10 { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:surface-200\/20 { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:surface-200\/30 { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:surface-200\/40 { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:surface-200\/50 { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:surface-200\/60 { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:surface-200\/70 { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:surface-200\/80 { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:surface-200\/90 { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:surface-300 { + background-color: var(---surface-300) + } + .sm\:surface-300\/10 { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:surface-300\/20 { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:surface-300\/30 { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:surface-300\/40 { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:surface-300\/50 { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:surface-300\/60 { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:surface-300\/70 { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:surface-300\/80 { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:surface-300\/90 { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:surface-400 { + background-color: var(---surface-400) + } + .sm\:surface-400\/10 { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:surface-400\/20 { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:surface-400\/30 { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:surface-400\/40 { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:surface-400\/50 { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:surface-400\/60 { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:surface-400\/70 { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:surface-400\/80 { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:surface-400\/90 { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:surface-500 { + background-color: var(---surface-500) + } + .sm\:surface-500\/10 { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:surface-500\/20 { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:surface-500\/30 { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:surface-500\/40 { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:surface-500\/50 { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:surface-500\/60 { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:surface-500\/70 { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:surface-500\/80 { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:surface-500\/90 { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:surface-600 { + background-color: var(---surface-600) + } + .sm\:surface-600\/10 { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:surface-600\/20 { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:surface-600\/30 { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:surface-600\/40 { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:surface-600\/50 { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:surface-600\/60 { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:surface-600\/70 { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:surface-600\/80 { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:surface-600\/90 { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:surface-700 { + background-color: var(---surface-700) + } + .sm\:surface-700\/10 { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:surface-700\/20 { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:surface-700\/30 { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:surface-700\/40 { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:surface-700\/50 { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:surface-700\/60 { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:surface-700\/70 { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:surface-700\/80 { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:surface-700\/90 { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:surface-800 { + background-color: var(---surface-800) + } + .sm\:surface-800\/10 { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:surface-800\/20 { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:surface-800\/30 { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:surface-800\/40 { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:surface-800\/50 { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:surface-800\/60 { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:surface-800\/70 { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:surface-800\/80 { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:surface-800\/90 { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:surface-900 { + background-color: var(---surface-900) + } + .sm\:surface-900\/10 { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:surface-900\/20 { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:surface-900\/30 { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:surface-900\/40 { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:surface-900\/50 { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:surface-900\/60 { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:surface-900\/70 { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:surface-900\/80 { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:surface-900\/90 { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:focus\:surface-0:focus { + background-color: var(---surface-0) + } + .sm\:hover\:surface-0:hover { + background-color: var(---surface-0) + } + .sm\:active\:surface-0:active { + background-color: var(---surface-0) + } + .sm\:focus\:surface-0\/10:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:hover\:surface-0\/10:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:active\:surface-0\/10:active { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:focus\:surface-0\/20:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:hover\:surface-0\/20:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:active\:surface-0\/20:active { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:focus\:surface-0\/30:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:hover\:surface-0\/30:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:active\:surface-0\/30:active { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:focus\:surface-0\/40:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:hover\:surface-0\/40:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:active\:surface-0\/40:active { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:focus\:surface-0\/50:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:hover\:surface-0\/50:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:active\:surface-0\/50:active { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:focus\:surface-0\/60:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:hover\:surface-0\/60:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:active\:surface-0\/60:active { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:focus\:surface-0\/70:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:hover\:surface-0\/70:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:active\:surface-0\/70:active { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:focus\:surface-0\/80:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:hover\:surface-0\/80:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:active\:surface-0\/80:active { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:focus\:surface-0\/90:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:hover\:surface-0\/90:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:active\:surface-0\/90:active { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:focus\:surface-50:focus { + background-color: var(---surface-50) + } + .sm\:hover\:surface-50:hover { + background-color: var(---surface-50) + } + .sm\:active\:surface-50:active { + background-color: var(---surface-50) + } + .sm\:focus\:surface-50\/10:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:hover\:surface-50\/10:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:active\:surface-50\/10:active { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:focus\:surface-50\/20:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:hover\:surface-50\/20:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:active\:surface-50\/20:active { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:focus\:surface-50\/30:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:hover\:surface-50\/30:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:active\:surface-50\/30:active { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:focus\:surface-50\/40:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:hover\:surface-50\/40:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:active\:surface-50\/40:active { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:focus\:surface-50\/50:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:hover\:surface-50\/50:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:active\:surface-50\/50:active { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:focus\:surface-50\/60:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:hover\:surface-50\/60:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:active\:surface-50\/60:active { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:focus\:surface-50\/70:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:hover\:surface-50\/70:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:active\:surface-50\/70:active { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:focus\:surface-50\/80:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:hover\:surface-50\/80:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:active\:surface-50\/80:active { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:focus\:surface-50\/90:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:hover\:surface-50\/90:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:active\:surface-50\/90:active { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:focus\:surface-100:focus { + background-color: var(---surface-100) + } + .sm\:hover\:surface-100:hover { + background-color: var(---surface-100) + } + .sm\:active\:surface-100:active { + background-color: var(---surface-100) + } + .sm\:focus\:surface-100\/10:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:hover\:surface-100\/10:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:active\:surface-100\/10:active { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:focus\:surface-100\/20:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:hover\:surface-100\/20:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:active\:surface-100\/20:active { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:focus\:surface-100\/30:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:hover\:surface-100\/30:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:active\:surface-100\/30:active { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:focus\:surface-100\/40:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:hover\:surface-100\/40:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:active\:surface-100\/40:active { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:focus\:surface-100\/50:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:hover\:surface-100\/50:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:active\:surface-100\/50:active { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:focus\:surface-100\/60:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:hover\:surface-100\/60:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:active\:surface-100\/60:active { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:focus\:surface-100\/70:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:hover\:surface-100\/70:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:active\:surface-100\/70:active { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:focus\:surface-100\/80:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:hover\:surface-100\/80:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:active\:surface-100\/80:active { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:focus\:surface-100\/90:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:hover\:surface-100\/90:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:active\:surface-100\/90:active { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:focus\:surface-200:focus { + background-color: var(---surface-200) + } + .sm\:hover\:surface-200:hover { + background-color: var(---surface-200) + } + .sm\:active\:surface-200:active { + background-color: var(---surface-200) + } + .sm\:focus\:surface-200\/10:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:hover\:surface-200\/10:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:active\:surface-200\/10:active { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:focus\:surface-200\/20:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:hover\:surface-200\/20:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:active\:surface-200\/20:active { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:focus\:surface-200\/30:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:hover\:surface-200\/30:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:active\:surface-200\/30:active { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:focus\:surface-200\/40:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:hover\:surface-200\/40:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:active\:surface-200\/40:active { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:focus\:surface-200\/50:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:hover\:surface-200\/50:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:active\:surface-200\/50:active { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:focus\:surface-200\/60:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:hover\:surface-200\/60:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:active\:surface-200\/60:active { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:focus\:surface-200\/70:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:hover\:surface-200\/70:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:active\:surface-200\/70:active { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:focus\:surface-200\/80:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:hover\:surface-200\/80:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:active\:surface-200\/80:active { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:focus\:surface-200\/90:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:hover\:surface-200\/90:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:active\:surface-200\/90:active { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:focus\:surface-300:focus { + background-color: var(---surface-300) + } + .sm\:hover\:surface-300:hover { + background-color: var(---surface-300) + } + .sm\:active\:surface-300:active { + background-color: var(---surface-300) + } + .sm\:focus\:surface-300\/10:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:hover\:surface-300\/10:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:active\:surface-300\/10:active { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:focus\:surface-300\/20:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:hover\:surface-300\/20:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:active\:surface-300\/20:active { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:focus\:surface-300\/30:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:hover\:surface-300\/30:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:active\:surface-300\/30:active { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:focus\:surface-300\/40:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:hover\:surface-300\/40:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:active\:surface-300\/40:active { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:focus\:surface-300\/50:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:hover\:surface-300\/50:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:active\:surface-300\/50:active { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:focus\:surface-300\/60:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:hover\:surface-300\/60:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:active\:surface-300\/60:active { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:focus\:surface-300\/70:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:hover\:surface-300\/70:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:active\:surface-300\/70:active { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:focus\:surface-300\/80:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:hover\:surface-300\/80:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:active\:surface-300\/80:active { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:focus\:surface-300\/90:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:hover\:surface-300\/90:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:active\:surface-300\/90:active { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:focus\:surface-400:focus { + background-color: var(---surface-400) + } + .sm\:hover\:surface-400:hover { + background-color: var(---surface-400) + } + .sm\:active\:surface-400:active { + background-color: var(---surface-400) + } + .sm\:focus\:surface-400\/10:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:hover\:surface-400\/10:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:active\:surface-400\/10:active { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:focus\:surface-400\/20:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:hover\:surface-400\/20:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:active\:surface-400\/20:active { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:focus\:surface-400\/30:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:hover\:surface-400\/30:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:active\:surface-400\/30:active { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:focus\:surface-400\/40:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:hover\:surface-400\/40:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:active\:surface-400\/40:active { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:focus\:surface-400\/50:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:hover\:surface-400\/50:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:active\:surface-400\/50:active { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:focus\:surface-400\/60:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:hover\:surface-400\/60:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:active\:surface-400\/60:active { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:focus\:surface-400\/70:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:hover\:surface-400\/70:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:active\:surface-400\/70:active { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:focus\:surface-400\/80:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:hover\:surface-400\/80:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:active\:surface-400\/80:active { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:focus\:surface-400\/90:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:hover\:surface-400\/90:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:active\:surface-400\/90:active { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:focus\:surface-500:focus { + background-color: var(---surface-500) + } + .sm\:hover\:surface-500:hover { + background-color: var(---surface-500) + } + .sm\:active\:surface-500:active { + background-color: var(---surface-500) + } + .sm\:focus\:surface-500\/10:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:hover\:surface-500\/10:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:active\:surface-500\/10:active { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:focus\:surface-500\/20:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:hover\:surface-500\/20:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:active\:surface-500\/20:active { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:focus\:surface-500\/30:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:hover\:surface-500\/30:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:active\:surface-500\/30:active { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:focus\:surface-500\/40:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:hover\:surface-500\/40:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:active\:surface-500\/40:active { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:focus\:surface-500\/50:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:hover\:surface-500\/50:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:active\:surface-500\/50:active { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:focus\:surface-500\/60:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:hover\:surface-500\/60:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:active\:surface-500\/60:active { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:focus\:surface-500\/70:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:hover\:surface-500\/70:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:active\:surface-500\/70:active { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:focus\:surface-500\/80:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:hover\:surface-500\/80:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:active\:surface-500\/80:active { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:focus\:surface-500\/90:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:hover\:surface-500\/90:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:active\:surface-500\/90:active { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:focus\:surface-600:focus { + background-color: var(---surface-600) + } + .sm\:hover\:surface-600:hover { + background-color: var(---surface-600) + } + .sm\:active\:surface-600:active { + background-color: var(---surface-600) + } + .sm\:focus\:surface-600\/10:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:hover\:surface-600\/10:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:active\:surface-600\/10:active { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:focus\:surface-600\/20:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:hover\:surface-600\/20:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:active\:surface-600\/20:active { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:focus\:surface-600\/30:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:hover\:surface-600\/30:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:active\:surface-600\/30:active { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:focus\:surface-600\/40:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:hover\:surface-600\/40:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:active\:surface-600\/40:active { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:focus\:surface-600\/50:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:hover\:surface-600\/50:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:active\:surface-600\/50:active { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:focus\:surface-600\/60:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:hover\:surface-600\/60:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:active\:surface-600\/60:active { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:focus\:surface-600\/70:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:hover\:surface-600\/70:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:active\:surface-600\/70:active { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:focus\:surface-600\/80:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:hover\:surface-600\/80:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:active\:surface-600\/80:active { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:focus\:surface-600\/90:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:hover\:surface-600\/90:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:active\:surface-600\/90:active { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:focus\:surface-700:focus { + background-color: var(---surface-700) + } + .sm\:hover\:surface-700:hover { + background-color: var(---surface-700) + } + .sm\:active\:surface-700:active { + background-color: var(---surface-700) + } + .sm\:focus\:surface-700\/10:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:hover\:surface-700\/10:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:active\:surface-700\/10:active { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:focus\:surface-700\/20:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:hover\:surface-700\/20:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:active\:surface-700\/20:active { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:focus\:surface-700\/30:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:hover\:surface-700\/30:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:active\:surface-700\/30:active { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:focus\:surface-700\/40:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:hover\:surface-700\/40:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:active\:surface-700\/40:active { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:focus\:surface-700\/50:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:hover\:surface-700\/50:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:active\:surface-700\/50:active { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:focus\:surface-700\/60:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:hover\:surface-700\/60:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:active\:surface-700\/60:active { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:focus\:surface-700\/70:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:hover\:surface-700\/70:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:active\:surface-700\/70:active { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:focus\:surface-700\/80:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:hover\:surface-700\/80:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:active\:surface-700\/80:active { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:focus\:surface-700\/90:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:hover\:surface-700\/90:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:active\:surface-700\/90:active { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:focus\:surface-800:focus { + background-color: var(---surface-800) + } + .sm\:hover\:surface-800:hover { + background-color: var(---surface-800) + } + .sm\:active\:surface-800:active { + background-color: var(---surface-800) + } + .sm\:focus\:surface-800\/10:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:hover\:surface-800\/10:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:active\:surface-800\/10:active { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:focus\:surface-800\/20:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:hover\:surface-800\/20:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:active\:surface-800\/20:active { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:focus\:surface-800\/30:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:hover\:surface-800\/30:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:active\:surface-800\/30:active { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:focus\:surface-800\/40:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:hover\:surface-800\/40:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:active\:surface-800\/40:active { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:focus\:surface-800\/50:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:hover\:surface-800\/50:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:active\:surface-800\/50:active { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:focus\:surface-800\/60:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:hover\:surface-800\/60:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:active\:surface-800\/60:active { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:focus\:surface-800\/70:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:hover\:surface-800\/70:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:active\:surface-800\/70:active { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:focus\:surface-800\/80:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:hover\:surface-800\/80:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:active\:surface-800\/80:active { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:focus\:surface-800\/90:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:hover\:surface-800\/90:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:active\:surface-800\/90:active { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:focus\:surface-900:focus { + background-color: var(---surface-900) + } + .sm\:hover\:surface-900:hover { + background-color: var(---surface-900) + } + .sm\:active\:surface-900:active { + background-color: var(---surface-900) + } + .sm\:focus\:surface-900\/10:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:hover\:surface-900\/10:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:active\:surface-900\/10:active { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:focus\:surface-900\/20:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:hover\:surface-900\/20:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:active\:surface-900\/20:active { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:focus\:surface-900\/30:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:hover\:surface-900\/30:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:active\:surface-900\/30:active { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:focus\:surface-900\/40:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:hover\:surface-900\/40:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:active\:surface-900\/40:active { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:focus\:surface-900\/50:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:hover\:surface-900\/50:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:active\:surface-900\/50:active { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:focus\:surface-900\/60:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:hover\:surface-900\/60:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:active\:surface-900\/60:active { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:focus\:surface-900\/70:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:hover\:surface-900\/70:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:active\:surface-900\/70:active { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:focus\:surface-900\/80:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:hover\:surface-900\/80:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:active\:surface-900\/80:active { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:focus\:surface-900\/90:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:hover\:surface-900\/90:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:active\:surface-900\/90:active { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:surface-0 { + background-color: var(---surface-0) + } + .md\:surface-0\/10 { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:surface-0\/20 { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:surface-0\/30 { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:surface-0\/40 { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:surface-0\/50 { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:surface-0\/60 { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:surface-0\/70 { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:surface-0\/80 { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:surface-0\/90 { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:surface-50 { + background-color: var(---surface-50) + } + .md\:surface-50\/10 { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:surface-50\/20 { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:surface-50\/30 { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:surface-50\/40 { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:surface-50\/50 { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:surface-50\/60 { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:surface-50\/70 { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:surface-50\/80 { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:surface-50\/90 { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:surface-100 { + background-color: var(---surface-100) + } + .md\:surface-100\/10 { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:surface-100\/20 { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:surface-100\/30 { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:surface-100\/40 { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:surface-100\/50 { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:surface-100\/60 { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:surface-100\/70 { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:surface-100\/80 { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:surface-100\/90 { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:surface-200 { + background-color: var(---surface-200) + } + .md\:surface-200\/10 { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:surface-200\/20 { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:surface-200\/30 { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:surface-200\/40 { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:surface-200\/50 { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:surface-200\/60 { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:surface-200\/70 { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:surface-200\/80 { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:surface-200\/90 { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:surface-300 { + background-color: var(---surface-300) + } + .md\:surface-300\/10 { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:surface-300\/20 { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:surface-300\/30 { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:surface-300\/40 { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:surface-300\/50 { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:surface-300\/60 { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:surface-300\/70 { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:surface-300\/80 { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:surface-300\/90 { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:surface-400 { + background-color: var(---surface-400) + } + .md\:surface-400\/10 { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:surface-400\/20 { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:surface-400\/30 { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:surface-400\/40 { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:surface-400\/50 { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:surface-400\/60 { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:surface-400\/70 { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:surface-400\/80 { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:surface-400\/90 { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:surface-500 { + background-color: var(---surface-500) + } + .md\:surface-500\/10 { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:surface-500\/20 { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:surface-500\/30 { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:surface-500\/40 { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:surface-500\/50 { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:surface-500\/60 { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:surface-500\/70 { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:surface-500\/80 { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:surface-500\/90 { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:surface-600 { + background-color: var(---surface-600) + } + .md\:surface-600\/10 { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:surface-600\/20 { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:surface-600\/30 { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:surface-600\/40 { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:surface-600\/50 { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:surface-600\/60 { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:surface-600\/70 { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:surface-600\/80 { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:surface-600\/90 { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:surface-700 { + background-color: var(---surface-700) + } + .md\:surface-700\/10 { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:surface-700\/20 { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:surface-700\/30 { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:surface-700\/40 { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:surface-700\/50 { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:surface-700\/60 { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:surface-700\/70 { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:surface-700\/80 { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:surface-700\/90 { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:surface-800 { + background-color: var(---surface-800) + } + .md\:surface-800\/10 { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:surface-800\/20 { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:surface-800\/30 { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:surface-800\/40 { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:surface-800\/50 { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:surface-800\/60 { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:surface-800\/70 { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:surface-800\/80 { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:surface-800\/90 { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:surface-900 { + background-color: var(---surface-900) + } + .md\:surface-900\/10 { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:surface-900\/20 { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:surface-900\/30 { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:surface-900\/40 { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:surface-900\/50 { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:surface-900\/60 { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:surface-900\/70 { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:surface-900\/80 { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:surface-900\/90 { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:focus\:surface-0:focus { + background-color: var(---surface-0) + } + .md\:hover\:surface-0:hover { + background-color: var(---surface-0) + } + .md\:active\:surface-0:active { + background-color: var(---surface-0) + } + .md\:focus\:surface-0\/10:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:hover\:surface-0\/10:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:active\:surface-0\/10:active { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:focus\:surface-0\/20:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:hover\:surface-0\/20:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:active\:surface-0\/20:active { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:focus\:surface-0\/30:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:hover\:surface-0\/30:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:active\:surface-0\/30:active { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:focus\:surface-0\/40:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:hover\:surface-0\/40:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:active\:surface-0\/40:active { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:focus\:surface-0\/50:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:hover\:surface-0\/50:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:active\:surface-0\/50:active { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:focus\:surface-0\/60:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:hover\:surface-0\/60:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:active\:surface-0\/60:active { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:focus\:surface-0\/70:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:hover\:surface-0\/70:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:active\:surface-0\/70:active { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:focus\:surface-0\/80:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:hover\:surface-0\/80:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:active\:surface-0\/80:active { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:focus\:surface-0\/90:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:hover\:surface-0\/90:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:active\:surface-0\/90:active { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:focus\:surface-50:focus { + background-color: var(---surface-50) + } + .md\:hover\:surface-50:hover { + background-color: var(---surface-50) + } + .md\:active\:surface-50:active { + background-color: var(---surface-50) + } + .md\:focus\:surface-50\/10:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:hover\:surface-50\/10:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:active\:surface-50\/10:active { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:focus\:surface-50\/20:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:hover\:surface-50\/20:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:active\:surface-50\/20:active { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:focus\:surface-50\/30:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:hover\:surface-50\/30:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:active\:surface-50\/30:active { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:focus\:surface-50\/40:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:hover\:surface-50\/40:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:active\:surface-50\/40:active { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:focus\:surface-50\/50:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:hover\:surface-50\/50:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:active\:surface-50\/50:active { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:focus\:surface-50\/60:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:hover\:surface-50\/60:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:active\:surface-50\/60:active { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:focus\:surface-50\/70:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:hover\:surface-50\/70:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:active\:surface-50\/70:active { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:focus\:surface-50\/80:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:hover\:surface-50\/80:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:active\:surface-50\/80:active { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:focus\:surface-50\/90:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:hover\:surface-50\/90:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:active\:surface-50\/90:active { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:focus\:surface-100:focus { + background-color: var(---surface-100) + } + .md\:hover\:surface-100:hover { + background-color: var(---surface-100) + } + .md\:active\:surface-100:active { + background-color: var(---surface-100) + } + .md\:focus\:surface-100\/10:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:hover\:surface-100\/10:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:active\:surface-100\/10:active { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:focus\:surface-100\/20:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:hover\:surface-100\/20:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:active\:surface-100\/20:active { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:focus\:surface-100\/30:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:hover\:surface-100\/30:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:active\:surface-100\/30:active { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:focus\:surface-100\/40:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:hover\:surface-100\/40:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:active\:surface-100\/40:active { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:focus\:surface-100\/50:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:hover\:surface-100\/50:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:active\:surface-100\/50:active { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:focus\:surface-100\/60:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:hover\:surface-100\/60:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:active\:surface-100\/60:active { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:focus\:surface-100\/70:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:hover\:surface-100\/70:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:active\:surface-100\/70:active { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:focus\:surface-100\/80:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:hover\:surface-100\/80:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:active\:surface-100\/80:active { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:focus\:surface-100\/90:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:hover\:surface-100\/90:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:active\:surface-100\/90:active { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:focus\:surface-200:focus { + background-color: var(---surface-200) + } + .md\:hover\:surface-200:hover { + background-color: var(---surface-200) + } + .md\:active\:surface-200:active { + background-color: var(---surface-200) + } + .md\:focus\:surface-200\/10:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:hover\:surface-200\/10:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:active\:surface-200\/10:active { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:focus\:surface-200\/20:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:hover\:surface-200\/20:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:active\:surface-200\/20:active { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:focus\:surface-200\/30:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:hover\:surface-200\/30:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:active\:surface-200\/30:active { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:focus\:surface-200\/40:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:hover\:surface-200\/40:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:active\:surface-200\/40:active { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:focus\:surface-200\/50:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:hover\:surface-200\/50:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:active\:surface-200\/50:active { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:focus\:surface-200\/60:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:hover\:surface-200\/60:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:active\:surface-200\/60:active { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:focus\:surface-200\/70:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:hover\:surface-200\/70:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:active\:surface-200\/70:active { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:focus\:surface-200\/80:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:hover\:surface-200\/80:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:active\:surface-200\/80:active { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:focus\:surface-200\/90:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:hover\:surface-200\/90:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:active\:surface-200\/90:active { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:focus\:surface-300:focus { + background-color: var(---surface-300) + } + .md\:hover\:surface-300:hover { + background-color: var(---surface-300) + } + .md\:active\:surface-300:active { + background-color: var(---surface-300) + } + .md\:focus\:surface-300\/10:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:hover\:surface-300\/10:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:active\:surface-300\/10:active { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:focus\:surface-300\/20:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:hover\:surface-300\/20:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:active\:surface-300\/20:active { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:focus\:surface-300\/30:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:hover\:surface-300\/30:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:active\:surface-300\/30:active { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:focus\:surface-300\/40:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:hover\:surface-300\/40:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:active\:surface-300\/40:active { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:focus\:surface-300\/50:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:hover\:surface-300\/50:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:active\:surface-300\/50:active { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:focus\:surface-300\/60:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:hover\:surface-300\/60:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:active\:surface-300\/60:active { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:focus\:surface-300\/70:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:hover\:surface-300\/70:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:active\:surface-300\/70:active { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:focus\:surface-300\/80:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:hover\:surface-300\/80:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:active\:surface-300\/80:active { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:focus\:surface-300\/90:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:hover\:surface-300\/90:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:active\:surface-300\/90:active { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:focus\:surface-400:focus { + background-color: var(---surface-400) + } + .md\:hover\:surface-400:hover { + background-color: var(---surface-400) + } + .md\:active\:surface-400:active { + background-color: var(---surface-400) + } + .md\:focus\:surface-400\/10:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:hover\:surface-400\/10:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:active\:surface-400\/10:active { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:focus\:surface-400\/20:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:hover\:surface-400\/20:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:active\:surface-400\/20:active { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:focus\:surface-400\/30:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:hover\:surface-400\/30:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:active\:surface-400\/30:active { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:focus\:surface-400\/40:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:hover\:surface-400\/40:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:active\:surface-400\/40:active { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:focus\:surface-400\/50:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:hover\:surface-400\/50:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:active\:surface-400\/50:active { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:focus\:surface-400\/60:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:hover\:surface-400\/60:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:active\:surface-400\/60:active { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:focus\:surface-400\/70:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:hover\:surface-400\/70:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:active\:surface-400\/70:active { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:focus\:surface-400\/80:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:hover\:surface-400\/80:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:active\:surface-400\/80:active { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:focus\:surface-400\/90:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:hover\:surface-400\/90:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:active\:surface-400\/90:active { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:focus\:surface-500:focus { + background-color: var(---surface-500) + } + .md\:hover\:surface-500:hover { + background-color: var(---surface-500) + } + .md\:active\:surface-500:active { + background-color: var(---surface-500) + } + .md\:focus\:surface-500\/10:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:hover\:surface-500\/10:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:active\:surface-500\/10:active { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:focus\:surface-500\/20:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:hover\:surface-500\/20:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:active\:surface-500\/20:active { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:focus\:surface-500\/30:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:hover\:surface-500\/30:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:active\:surface-500\/30:active { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:focus\:surface-500\/40:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:hover\:surface-500\/40:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:active\:surface-500\/40:active { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:focus\:surface-500\/50:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:hover\:surface-500\/50:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:active\:surface-500\/50:active { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:focus\:surface-500\/60:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:hover\:surface-500\/60:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:active\:surface-500\/60:active { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:focus\:surface-500\/70:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:hover\:surface-500\/70:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:active\:surface-500\/70:active { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:focus\:surface-500\/80:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:hover\:surface-500\/80:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:active\:surface-500\/80:active { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:focus\:surface-500\/90:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:hover\:surface-500\/90:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:active\:surface-500\/90:active { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:focus\:surface-600:focus { + background-color: var(---surface-600) + } + .md\:hover\:surface-600:hover { + background-color: var(---surface-600) + } + .md\:active\:surface-600:active { + background-color: var(---surface-600) + } + .md\:focus\:surface-600\/10:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:hover\:surface-600\/10:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:active\:surface-600\/10:active { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:focus\:surface-600\/20:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:hover\:surface-600\/20:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:active\:surface-600\/20:active { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:focus\:surface-600\/30:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:hover\:surface-600\/30:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:active\:surface-600\/30:active { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:focus\:surface-600\/40:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:hover\:surface-600\/40:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:active\:surface-600\/40:active { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:focus\:surface-600\/50:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:hover\:surface-600\/50:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:active\:surface-600\/50:active { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:focus\:surface-600\/60:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:hover\:surface-600\/60:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:active\:surface-600\/60:active { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:focus\:surface-600\/70:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:hover\:surface-600\/70:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:active\:surface-600\/70:active { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:focus\:surface-600\/80:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:hover\:surface-600\/80:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:active\:surface-600\/80:active { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:focus\:surface-600\/90:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:hover\:surface-600\/90:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:active\:surface-600\/90:active { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:focus\:surface-700:focus { + background-color: var(---surface-700) + } + .md\:hover\:surface-700:hover { + background-color: var(---surface-700) + } + .md\:active\:surface-700:active { + background-color: var(---surface-700) + } + .md\:focus\:surface-700\/10:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:hover\:surface-700\/10:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:active\:surface-700\/10:active { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:focus\:surface-700\/20:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:hover\:surface-700\/20:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:active\:surface-700\/20:active { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:focus\:surface-700\/30:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:hover\:surface-700\/30:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:active\:surface-700\/30:active { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:focus\:surface-700\/40:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:hover\:surface-700\/40:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:active\:surface-700\/40:active { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:focus\:surface-700\/50:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:hover\:surface-700\/50:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:active\:surface-700\/50:active { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:focus\:surface-700\/60:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:hover\:surface-700\/60:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:active\:surface-700\/60:active { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:focus\:surface-700\/70:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:hover\:surface-700\/70:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:active\:surface-700\/70:active { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:focus\:surface-700\/80:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:hover\:surface-700\/80:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:active\:surface-700\/80:active { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:focus\:surface-700\/90:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:hover\:surface-700\/90:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:active\:surface-700\/90:active { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:focus\:surface-800:focus { + background-color: var(---surface-800) + } + .md\:hover\:surface-800:hover { + background-color: var(---surface-800) + } + .md\:active\:surface-800:active { + background-color: var(---surface-800) + } + .md\:focus\:surface-800\/10:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:hover\:surface-800\/10:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:active\:surface-800\/10:active { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:focus\:surface-800\/20:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:hover\:surface-800\/20:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:active\:surface-800\/20:active { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:focus\:surface-800\/30:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:hover\:surface-800\/30:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:active\:surface-800\/30:active { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:focus\:surface-800\/40:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:hover\:surface-800\/40:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:active\:surface-800\/40:active { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:focus\:surface-800\/50:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:hover\:surface-800\/50:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:active\:surface-800\/50:active { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:focus\:surface-800\/60:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:hover\:surface-800\/60:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:active\:surface-800\/60:active { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:focus\:surface-800\/70:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:hover\:surface-800\/70:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:active\:surface-800\/70:active { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:focus\:surface-800\/80:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:hover\:surface-800\/80:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:active\:surface-800\/80:active { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:focus\:surface-800\/90:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:hover\:surface-800\/90:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:active\:surface-800\/90:active { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:focus\:surface-900:focus { + background-color: var(---surface-900) + } + .md\:hover\:surface-900:hover { + background-color: var(---surface-900) + } + .md\:active\:surface-900:active { + background-color: var(---surface-900) + } + .md\:focus\:surface-900\/10:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:hover\:surface-900\/10:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:active\:surface-900\/10:active { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:focus\:surface-900\/20:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:hover\:surface-900\/20:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:active\:surface-900\/20:active { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:focus\:surface-900\/30:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:hover\:surface-900\/30:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:active\:surface-900\/30:active { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:focus\:surface-900\/40:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:hover\:surface-900\/40:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:active\:surface-900\/40:active { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:focus\:surface-900\/50:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:hover\:surface-900\/50:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:active\:surface-900\/50:active { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:focus\:surface-900\/60:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:hover\:surface-900\/60:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:active\:surface-900\/60:active { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:focus\:surface-900\/70:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:hover\:surface-900\/70:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:active\:surface-900\/70:active { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:focus\:surface-900\/80:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:hover\:surface-900\/80:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:active\:surface-900\/80:active { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:focus\:surface-900\/90:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:hover\:surface-900\/90:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:active\:surface-900\/90:active { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:surface-0 { + background-color: var(---surface-0) + } + .lg\:surface-0\/10 { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:surface-0\/20 { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:surface-0\/30 { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:surface-0\/40 { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:surface-0\/50 { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:surface-0\/60 { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:surface-0\/70 { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:surface-0\/80 { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:surface-0\/90 { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:surface-50 { + background-color: var(---surface-50) + } + .lg\:surface-50\/10 { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:surface-50\/20 { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:surface-50\/30 { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:surface-50\/40 { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:surface-50\/50 { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:surface-50\/60 { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:surface-50\/70 { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:surface-50\/80 { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:surface-50\/90 { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:surface-100 { + background-color: var(---surface-100) + } + .lg\:surface-100\/10 { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:surface-100\/20 { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:surface-100\/30 { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:surface-100\/40 { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:surface-100\/50 { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:surface-100\/60 { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:surface-100\/70 { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:surface-100\/80 { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:surface-100\/90 { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:surface-200 { + background-color: var(---surface-200) + } + .lg\:surface-200\/10 { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:surface-200\/20 { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:surface-200\/30 { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:surface-200\/40 { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:surface-200\/50 { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:surface-200\/60 { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:surface-200\/70 { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:surface-200\/80 { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:surface-200\/90 { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:surface-300 { + background-color: var(---surface-300) + } + .lg\:surface-300\/10 { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:surface-300\/20 { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:surface-300\/30 { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:surface-300\/40 { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:surface-300\/50 { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:surface-300\/60 { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:surface-300\/70 { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:surface-300\/80 { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:surface-300\/90 { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:surface-400 { + background-color: var(---surface-400) + } + .lg\:surface-400\/10 { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:surface-400\/20 { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:surface-400\/30 { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:surface-400\/40 { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:surface-400\/50 { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:surface-400\/60 { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:surface-400\/70 { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:surface-400\/80 { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:surface-400\/90 { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:surface-500 { + background-color: var(---surface-500) + } + .lg\:surface-500\/10 { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:surface-500\/20 { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:surface-500\/30 { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:surface-500\/40 { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:surface-500\/50 { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:surface-500\/60 { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:surface-500\/70 { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:surface-500\/80 { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:surface-500\/90 { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:surface-600 { + background-color: var(---surface-600) + } + .lg\:surface-600\/10 { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:surface-600\/20 { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:surface-600\/30 { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:surface-600\/40 { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:surface-600\/50 { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:surface-600\/60 { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:surface-600\/70 { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:surface-600\/80 { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:surface-600\/90 { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:surface-700 { + background-color: var(---surface-700) + } + .lg\:surface-700\/10 { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:surface-700\/20 { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:surface-700\/30 { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:surface-700\/40 { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:surface-700\/50 { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:surface-700\/60 { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:surface-700\/70 { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:surface-700\/80 { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:surface-700\/90 { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:surface-800 { + background-color: var(---surface-800) + } + .lg\:surface-800\/10 { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:surface-800\/20 { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:surface-800\/30 { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:surface-800\/40 { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:surface-800\/50 { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:surface-800\/60 { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:surface-800\/70 { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:surface-800\/80 { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:surface-800\/90 { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:surface-900 { + background-color: var(---surface-900) + } + .lg\:surface-900\/10 { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:surface-900\/20 { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:surface-900\/30 { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:surface-900\/40 { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:surface-900\/50 { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:surface-900\/60 { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:surface-900\/70 { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:surface-900\/80 { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:surface-900\/90 { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:focus\:surface-0:focus { + background-color: var(---surface-0) + } + .lg\:hover\:surface-0:hover { + background-color: var(---surface-0) + } + .lg\:active\:surface-0:active { + background-color: var(---surface-0) + } + .lg\:focus\:surface-0\/10:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:hover\:surface-0\/10:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:active\:surface-0\/10:active { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:focus\:surface-0\/20:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:hover\:surface-0\/20:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:active\:surface-0\/20:active { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:focus\:surface-0\/30:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:hover\:surface-0\/30:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:active\:surface-0\/30:active { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:focus\:surface-0\/40:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:hover\:surface-0\/40:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:active\:surface-0\/40:active { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:focus\:surface-0\/50:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:hover\:surface-0\/50:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:active\:surface-0\/50:active { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:focus\:surface-0\/60:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:hover\:surface-0\/60:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:active\:surface-0\/60:active { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:focus\:surface-0\/70:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:hover\:surface-0\/70:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:active\:surface-0\/70:active { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:focus\:surface-0\/80:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:hover\:surface-0\/80:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:active\:surface-0\/80:active { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:focus\:surface-0\/90:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:hover\:surface-0\/90:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:active\:surface-0\/90:active { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:focus\:surface-50:focus { + background-color: var(---surface-50) + } + .lg\:hover\:surface-50:hover { + background-color: var(---surface-50) + } + .lg\:active\:surface-50:active { + background-color: var(---surface-50) + } + .lg\:focus\:surface-50\/10:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:hover\:surface-50\/10:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:active\:surface-50\/10:active { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:focus\:surface-50\/20:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:hover\:surface-50\/20:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:active\:surface-50\/20:active { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:focus\:surface-50\/30:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:hover\:surface-50\/30:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:active\:surface-50\/30:active { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:focus\:surface-50\/40:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:hover\:surface-50\/40:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:active\:surface-50\/40:active { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:focus\:surface-50\/50:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:hover\:surface-50\/50:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:active\:surface-50\/50:active { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:focus\:surface-50\/60:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:hover\:surface-50\/60:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:active\:surface-50\/60:active { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:focus\:surface-50\/70:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:hover\:surface-50\/70:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:active\:surface-50\/70:active { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:focus\:surface-50\/80:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:hover\:surface-50\/80:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:active\:surface-50\/80:active { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:focus\:surface-50\/90:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:hover\:surface-50\/90:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:active\:surface-50\/90:active { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:focus\:surface-100:focus { + background-color: var(---surface-100) + } + .lg\:hover\:surface-100:hover { + background-color: var(---surface-100) + } + .lg\:active\:surface-100:active { + background-color: var(---surface-100) + } + .lg\:focus\:surface-100\/10:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:hover\:surface-100\/10:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:active\:surface-100\/10:active { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:focus\:surface-100\/20:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:hover\:surface-100\/20:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:active\:surface-100\/20:active { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:focus\:surface-100\/30:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:hover\:surface-100\/30:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:active\:surface-100\/30:active { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:focus\:surface-100\/40:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:hover\:surface-100\/40:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:active\:surface-100\/40:active { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:focus\:surface-100\/50:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:hover\:surface-100\/50:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:active\:surface-100\/50:active { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:focus\:surface-100\/60:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:hover\:surface-100\/60:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:active\:surface-100\/60:active { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:focus\:surface-100\/70:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:hover\:surface-100\/70:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:active\:surface-100\/70:active { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:focus\:surface-100\/80:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:hover\:surface-100\/80:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:active\:surface-100\/80:active { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:focus\:surface-100\/90:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:hover\:surface-100\/90:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:active\:surface-100\/90:active { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:focus\:surface-200:focus { + background-color: var(---surface-200) + } + .lg\:hover\:surface-200:hover { + background-color: var(---surface-200) + } + .lg\:active\:surface-200:active { + background-color: var(---surface-200) + } + .lg\:focus\:surface-200\/10:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:hover\:surface-200\/10:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:active\:surface-200\/10:active { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:focus\:surface-200\/20:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:hover\:surface-200\/20:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:active\:surface-200\/20:active { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:focus\:surface-200\/30:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:hover\:surface-200\/30:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:active\:surface-200\/30:active { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:focus\:surface-200\/40:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:hover\:surface-200\/40:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:active\:surface-200\/40:active { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:focus\:surface-200\/50:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:hover\:surface-200\/50:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:active\:surface-200\/50:active { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:focus\:surface-200\/60:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:hover\:surface-200\/60:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:active\:surface-200\/60:active { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:focus\:surface-200\/70:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:hover\:surface-200\/70:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:active\:surface-200\/70:active { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:focus\:surface-200\/80:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:hover\:surface-200\/80:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:active\:surface-200\/80:active { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:focus\:surface-200\/90:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:hover\:surface-200\/90:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:active\:surface-200\/90:active { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:focus\:surface-300:focus { + background-color: var(---surface-300) + } + .lg\:hover\:surface-300:hover { + background-color: var(---surface-300) + } + .lg\:active\:surface-300:active { + background-color: var(---surface-300) + } + .lg\:focus\:surface-300\/10:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:hover\:surface-300\/10:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:active\:surface-300\/10:active { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:focus\:surface-300\/20:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:hover\:surface-300\/20:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:active\:surface-300\/20:active { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:focus\:surface-300\/30:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:hover\:surface-300\/30:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:active\:surface-300\/30:active { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:focus\:surface-300\/40:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:hover\:surface-300\/40:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:active\:surface-300\/40:active { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:focus\:surface-300\/50:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:hover\:surface-300\/50:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:active\:surface-300\/50:active { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:focus\:surface-300\/60:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:hover\:surface-300\/60:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:active\:surface-300\/60:active { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:focus\:surface-300\/70:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:hover\:surface-300\/70:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:active\:surface-300\/70:active { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:focus\:surface-300\/80:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:hover\:surface-300\/80:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:active\:surface-300\/80:active { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:focus\:surface-300\/90:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:hover\:surface-300\/90:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:active\:surface-300\/90:active { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:focus\:surface-400:focus { + background-color: var(---surface-400) + } + .lg\:hover\:surface-400:hover { + background-color: var(---surface-400) + } + .lg\:active\:surface-400:active { + background-color: var(---surface-400) + } + .lg\:focus\:surface-400\/10:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:hover\:surface-400\/10:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:active\:surface-400\/10:active { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:focus\:surface-400\/20:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:hover\:surface-400\/20:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:active\:surface-400\/20:active { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:focus\:surface-400\/30:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:hover\:surface-400\/30:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:active\:surface-400\/30:active { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:focus\:surface-400\/40:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:hover\:surface-400\/40:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:active\:surface-400\/40:active { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:focus\:surface-400\/50:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:hover\:surface-400\/50:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:active\:surface-400\/50:active { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:focus\:surface-400\/60:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:hover\:surface-400\/60:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:active\:surface-400\/60:active { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:focus\:surface-400\/70:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:hover\:surface-400\/70:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:active\:surface-400\/70:active { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:focus\:surface-400\/80:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:hover\:surface-400\/80:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:active\:surface-400\/80:active { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:focus\:surface-400\/90:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:hover\:surface-400\/90:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:active\:surface-400\/90:active { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:focus\:surface-500:focus { + background-color: var(---surface-500) + } + .lg\:hover\:surface-500:hover { + background-color: var(---surface-500) + } + .lg\:active\:surface-500:active { + background-color: var(---surface-500) + } + .lg\:focus\:surface-500\/10:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:hover\:surface-500\/10:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:active\:surface-500\/10:active { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:focus\:surface-500\/20:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:hover\:surface-500\/20:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:active\:surface-500\/20:active { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:focus\:surface-500\/30:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:hover\:surface-500\/30:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:active\:surface-500\/30:active { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:focus\:surface-500\/40:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:hover\:surface-500\/40:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:active\:surface-500\/40:active { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:focus\:surface-500\/50:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:hover\:surface-500\/50:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:active\:surface-500\/50:active { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:focus\:surface-500\/60:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:hover\:surface-500\/60:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:active\:surface-500\/60:active { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:focus\:surface-500\/70:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:hover\:surface-500\/70:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:active\:surface-500\/70:active { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:focus\:surface-500\/80:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:hover\:surface-500\/80:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:active\:surface-500\/80:active { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:focus\:surface-500\/90:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:hover\:surface-500\/90:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:active\:surface-500\/90:active { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:focus\:surface-600:focus { + background-color: var(---surface-600) + } + .lg\:hover\:surface-600:hover { + background-color: var(---surface-600) + } + .lg\:active\:surface-600:active { + background-color: var(---surface-600) + } + .lg\:focus\:surface-600\/10:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:hover\:surface-600\/10:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:active\:surface-600\/10:active { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:focus\:surface-600\/20:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:hover\:surface-600\/20:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:active\:surface-600\/20:active { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:focus\:surface-600\/30:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:hover\:surface-600\/30:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:active\:surface-600\/30:active { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:focus\:surface-600\/40:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:hover\:surface-600\/40:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:active\:surface-600\/40:active { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:focus\:surface-600\/50:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:hover\:surface-600\/50:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:active\:surface-600\/50:active { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:focus\:surface-600\/60:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:hover\:surface-600\/60:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:active\:surface-600\/60:active { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:focus\:surface-600\/70:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:hover\:surface-600\/70:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:active\:surface-600\/70:active { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:focus\:surface-600\/80:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:hover\:surface-600\/80:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:active\:surface-600\/80:active { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:focus\:surface-600\/90:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:hover\:surface-600\/90:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:active\:surface-600\/90:active { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:focus\:surface-700:focus { + background-color: var(---surface-700) + } + .lg\:hover\:surface-700:hover { + background-color: var(---surface-700) + } + .lg\:active\:surface-700:active { + background-color: var(---surface-700) + } + .lg\:focus\:surface-700\/10:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:hover\:surface-700\/10:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:active\:surface-700\/10:active { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:focus\:surface-700\/20:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:hover\:surface-700\/20:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:active\:surface-700\/20:active { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:focus\:surface-700\/30:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:hover\:surface-700\/30:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:active\:surface-700\/30:active { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:focus\:surface-700\/40:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:hover\:surface-700\/40:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:active\:surface-700\/40:active { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:focus\:surface-700\/50:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:hover\:surface-700\/50:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:active\:surface-700\/50:active { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:focus\:surface-700\/60:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:hover\:surface-700\/60:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:active\:surface-700\/60:active { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:focus\:surface-700\/70:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:hover\:surface-700\/70:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:active\:surface-700\/70:active { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:focus\:surface-700\/80:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:hover\:surface-700\/80:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:active\:surface-700\/80:active { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:focus\:surface-700\/90:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:hover\:surface-700\/90:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:active\:surface-700\/90:active { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:focus\:surface-800:focus { + background-color: var(---surface-800) + } + .lg\:hover\:surface-800:hover { + background-color: var(---surface-800) + } + .lg\:active\:surface-800:active { + background-color: var(---surface-800) + } + .lg\:focus\:surface-800\/10:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:hover\:surface-800\/10:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:active\:surface-800\/10:active { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:focus\:surface-800\/20:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:hover\:surface-800\/20:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:active\:surface-800\/20:active { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:focus\:surface-800\/30:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:hover\:surface-800\/30:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:active\:surface-800\/30:active { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:focus\:surface-800\/40:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:hover\:surface-800\/40:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:active\:surface-800\/40:active { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:focus\:surface-800\/50:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:hover\:surface-800\/50:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:active\:surface-800\/50:active { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:focus\:surface-800\/60:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:hover\:surface-800\/60:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:active\:surface-800\/60:active { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:focus\:surface-800\/70:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:hover\:surface-800\/70:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:active\:surface-800\/70:active { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:focus\:surface-800\/80:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:hover\:surface-800\/80:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:active\:surface-800\/80:active { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:focus\:surface-800\/90:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:hover\:surface-800\/90:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:active\:surface-800\/90:active { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:focus\:surface-900:focus { + background-color: var(---surface-900) + } + .lg\:hover\:surface-900:hover { + background-color: var(---surface-900) + } + .lg\:active\:surface-900:active { + background-color: var(---surface-900) + } + .lg\:focus\:surface-900\/10:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:hover\:surface-900\/10:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:active\:surface-900\/10:active { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:focus\:surface-900\/20:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:hover\:surface-900\/20:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:active\:surface-900\/20:active { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:focus\:surface-900\/30:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:hover\:surface-900\/30:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:active\:surface-900\/30:active { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:focus\:surface-900\/40:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:hover\:surface-900\/40:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:active\:surface-900\/40:active { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:focus\:surface-900\/50:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:hover\:surface-900\/50:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:active\:surface-900\/50:active { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:focus\:surface-900\/60:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:hover\:surface-900\/60:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:active\:surface-900\/60:active { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:focus\:surface-900\/70:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:hover\:surface-900\/70:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:active\:surface-900\/70:active { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:focus\:surface-900\/80:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:hover\:surface-900\/80:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:active\:surface-900\/80:active { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:focus\:surface-900\/90:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:hover\:surface-900\/90:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:active\:surface-900\/90:active { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:surface-0 { + background-color: var(---surface-0) + } + .xl\:surface-0\/10 { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:surface-0\/20 { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:surface-0\/30 { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:surface-0\/40 { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:surface-0\/50 { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:surface-0\/60 { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:surface-0\/70 { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:surface-0\/80 { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:surface-0\/90 { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:surface-50 { + background-color: var(---surface-50) + } + .xl\:surface-50\/10 { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:surface-50\/20 { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:surface-50\/30 { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:surface-50\/40 { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:surface-50\/50 { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:surface-50\/60 { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:surface-50\/70 { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:surface-50\/80 { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:surface-50\/90 { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:surface-100 { + background-color: var(---surface-100) + } + .xl\:surface-100\/10 { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:surface-100\/20 { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:surface-100\/30 { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:surface-100\/40 { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:surface-100\/50 { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:surface-100\/60 { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:surface-100\/70 { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:surface-100\/80 { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:surface-100\/90 { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:surface-200 { + background-color: var(---surface-200) + } + .xl\:surface-200\/10 { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:surface-200\/20 { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:surface-200\/30 { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:surface-200\/40 { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:surface-200\/50 { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:surface-200\/60 { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:surface-200\/70 { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:surface-200\/80 { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:surface-200\/90 { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:surface-300 { + background-color: var(---surface-300) + } + .xl\:surface-300\/10 { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:surface-300\/20 { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:surface-300\/30 { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:surface-300\/40 { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:surface-300\/50 { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:surface-300\/60 { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:surface-300\/70 { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:surface-300\/80 { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:surface-300\/90 { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:surface-400 { + background-color: var(---surface-400) + } + .xl\:surface-400\/10 { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:surface-400\/20 { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:surface-400\/30 { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:surface-400\/40 { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:surface-400\/50 { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:surface-400\/60 { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:surface-400\/70 { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:surface-400\/80 { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:surface-400\/90 { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:surface-500 { + background-color: var(---surface-500) + } + .xl\:surface-500\/10 { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:surface-500\/20 { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:surface-500\/30 { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:surface-500\/40 { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:surface-500\/50 { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:surface-500\/60 { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:surface-500\/70 { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:surface-500\/80 { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:surface-500\/90 { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:surface-600 { + background-color: var(---surface-600) + } + .xl\:surface-600\/10 { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:surface-600\/20 { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:surface-600\/30 { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:surface-600\/40 { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:surface-600\/50 { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:surface-600\/60 { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:surface-600\/70 { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:surface-600\/80 { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:surface-600\/90 { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:surface-700 { + background-color: var(---surface-700) + } + .xl\:surface-700\/10 { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:surface-700\/20 { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:surface-700\/30 { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:surface-700\/40 { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:surface-700\/50 { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:surface-700\/60 { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:surface-700\/70 { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:surface-700\/80 { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:surface-700\/90 { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:surface-800 { + background-color: var(---surface-800) + } + .xl\:surface-800\/10 { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:surface-800\/20 { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:surface-800\/30 { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:surface-800\/40 { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:surface-800\/50 { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:surface-800\/60 { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:surface-800\/70 { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:surface-800\/80 { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:surface-800\/90 { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:surface-900 { + background-color: var(---surface-900) + } + .xl\:surface-900\/10 { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:surface-900\/20 { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:surface-900\/30 { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:surface-900\/40 { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:surface-900\/50 { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:surface-900\/60 { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:surface-900\/70 { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:surface-900\/80 { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:surface-900\/90 { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:focus\:surface-0:focus { + background-color: var(---surface-0) + } + .xl\:hover\:surface-0:hover { + background-color: var(---surface-0) + } + .xl\:active\:surface-0:active { + background-color: var(---surface-0) + } + .xl\:focus\:surface-0\/10:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:hover\:surface-0\/10:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:active\:surface-0\/10:active { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:focus\:surface-0\/20:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:hover\:surface-0\/20:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:active\:surface-0\/20:active { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:focus\:surface-0\/30:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:hover\:surface-0\/30:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:active\:surface-0\/30:active { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:focus\:surface-0\/40:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:hover\:surface-0\/40:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:active\:surface-0\/40:active { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:focus\:surface-0\/50:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:hover\:surface-0\/50:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:active\:surface-0\/50:active { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:focus\:surface-0\/60:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:hover\:surface-0\/60:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:active\:surface-0\/60:active { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:focus\:surface-0\/70:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:hover\:surface-0\/70:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:active\:surface-0\/70:active { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:focus\:surface-0\/80:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:hover\:surface-0\/80:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:active\:surface-0\/80:active { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:focus\:surface-0\/90:focus { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:hover\:surface-0\/90:hover { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:active\:surface-0\/90:active { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:focus\:surface-50:focus { + background-color: var(---surface-50) + } + .xl\:hover\:surface-50:hover { + background-color: var(---surface-50) + } + .xl\:active\:surface-50:active { + background-color: var(---surface-50) + } + .xl\:focus\:surface-50\/10:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:hover\:surface-50\/10:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:active\:surface-50\/10:active { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:focus\:surface-50\/20:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:hover\:surface-50\/20:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:active\:surface-50\/20:active { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:focus\:surface-50\/30:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:hover\:surface-50\/30:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:active\:surface-50\/30:active { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:focus\:surface-50\/40:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:hover\:surface-50\/40:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:active\:surface-50\/40:active { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:focus\:surface-50\/50:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:hover\:surface-50\/50:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:active\:surface-50\/50:active { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:focus\:surface-50\/60:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:hover\:surface-50\/60:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:active\:surface-50\/60:active { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:focus\:surface-50\/70:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:hover\:surface-50\/70:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:active\:surface-50\/70:active { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:focus\:surface-50\/80:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:hover\:surface-50\/80:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:active\:surface-50\/80:active { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:focus\:surface-50\/90:focus { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:hover\:surface-50\/90:hover { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:active\:surface-50\/90:active { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:focus\:surface-100:focus { + background-color: var(---surface-100) + } + .xl\:hover\:surface-100:hover { + background-color: var(---surface-100) + } + .xl\:active\:surface-100:active { + background-color: var(---surface-100) + } + .xl\:focus\:surface-100\/10:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:hover\:surface-100\/10:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:active\:surface-100\/10:active { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:focus\:surface-100\/20:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:hover\:surface-100\/20:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:active\:surface-100\/20:active { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:focus\:surface-100\/30:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:hover\:surface-100\/30:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:active\:surface-100\/30:active { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:focus\:surface-100\/40:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:hover\:surface-100\/40:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:active\:surface-100\/40:active { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:focus\:surface-100\/50:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:hover\:surface-100\/50:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:active\:surface-100\/50:active { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:focus\:surface-100\/60:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:hover\:surface-100\/60:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:active\:surface-100\/60:active { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:focus\:surface-100\/70:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:hover\:surface-100\/70:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:active\:surface-100\/70:active { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:focus\:surface-100\/80:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:hover\:surface-100\/80:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:active\:surface-100\/80:active { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:focus\:surface-100\/90:focus { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:hover\:surface-100\/90:hover { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:active\:surface-100\/90:active { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:focus\:surface-200:focus { + background-color: var(---surface-200) + } + .xl\:hover\:surface-200:hover { + background-color: var(---surface-200) + } + .xl\:active\:surface-200:active { + background-color: var(---surface-200) + } + .xl\:focus\:surface-200\/10:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:hover\:surface-200\/10:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:active\:surface-200\/10:active { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:focus\:surface-200\/20:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:hover\:surface-200\/20:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:active\:surface-200\/20:active { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:focus\:surface-200\/30:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:hover\:surface-200\/30:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:active\:surface-200\/30:active { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:focus\:surface-200\/40:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:hover\:surface-200\/40:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:active\:surface-200\/40:active { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:focus\:surface-200\/50:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:hover\:surface-200\/50:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:active\:surface-200\/50:active { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:focus\:surface-200\/60:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:hover\:surface-200\/60:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:active\:surface-200\/60:active { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:focus\:surface-200\/70:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:hover\:surface-200\/70:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:active\:surface-200\/70:active { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:focus\:surface-200\/80:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:hover\:surface-200\/80:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:active\:surface-200\/80:active { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:focus\:surface-200\/90:focus { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:hover\:surface-200\/90:hover { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:active\:surface-200\/90:active { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:focus\:surface-300:focus { + background-color: var(---surface-300) + } + .xl\:hover\:surface-300:hover { + background-color: var(---surface-300) + } + .xl\:active\:surface-300:active { + background-color: var(---surface-300) + } + .xl\:focus\:surface-300\/10:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:hover\:surface-300\/10:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:active\:surface-300\/10:active { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:focus\:surface-300\/20:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:hover\:surface-300\/20:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:active\:surface-300\/20:active { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:focus\:surface-300\/30:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:hover\:surface-300\/30:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:active\:surface-300\/30:active { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:focus\:surface-300\/40:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:hover\:surface-300\/40:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:active\:surface-300\/40:active { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:focus\:surface-300\/50:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:hover\:surface-300\/50:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:active\:surface-300\/50:active { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:focus\:surface-300\/60:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:hover\:surface-300\/60:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:active\:surface-300\/60:active { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:focus\:surface-300\/70:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:hover\:surface-300\/70:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:active\:surface-300\/70:active { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:focus\:surface-300\/80:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:hover\:surface-300\/80:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:active\:surface-300\/80:active { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:focus\:surface-300\/90:focus { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:hover\:surface-300\/90:hover { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:active\:surface-300\/90:active { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:focus\:surface-400:focus { + background-color: var(---surface-400) + } + .xl\:hover\:surface-400:hover { + background-color: var(---surface-400) + } + .xl\:active\:surface-400:active { + background-color: var(---surface-400) + } + .xl\:focus\:surface-400\/10:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:hover\:surface-400\/10:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:active\:surface-400\/10:active { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:focus\:surface-400\/20:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:hover\:surface-400\/20:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:active\:surface-400\/20:active { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:focus\:surface-400\/30:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:hover\:surface-400\/30:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:active\:surface-400\/30:active { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:focus\:surface-400\/40:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:hover\:surface-400\/40:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:active\:surface-400\/40:active { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:focus\:surface-400\/50:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:hover\:surface-400\/50:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:active\:surface-400\/50:active { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:focus\:surface-400\/60:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:hover\:surface-400\/60:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:active\:surface-400\/60:active { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:focus\:surface-400\/70:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:hover\:surface-400\/70:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:active\:surface-400\/70:active { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:focus\:surface-400\/80:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:hover\:surface-400\/80:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:active\:surface-400\/80:active { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:focus\:surface-400\/90:focus { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:hover\:surface-400\/90:hover { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:active\:surface-400\/90:active { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:focus\:surface-500:focus { + background-color: var(---surface-500) + } + .xl\:hover\:surface-500:hover { + background-color: var(---surface-500) + } + .xl\:active\:surface-500:active { + background-color: var(---surface-500) + } + .xl\:focus\:surface-500\/10:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:hover\:surface-500\/10:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:active\:surface-500\/10:active { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:focus\:surface-500\/20:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:hover\:surface-500\/20:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:active\:surface-500\/20:active { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:focus\:surface-500\/30:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:hover\:surface-500\/30:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:active\:surface-500\/30:active { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:focus\:surface-500\/40:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:hover\:surface-500\/40:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:active\:surface-500\/40:active { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:focus\:surface-500\/50:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:hover\:surface-500\/50:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:active\:surface-500\/50:active { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:focus\:surface-500\/60:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:hover\:surface-500\/60:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:active\:surface-500\/60:active { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:focus\:surface-500\/70:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:hover\:surface-500\/70:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:active\:surface-500\/70:active { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:focus\:surface-500\/80:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:hover\:surface-500\/80:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:active\:surface-500\/80:active { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:focus\:surface-500\/90:focus { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:hover\:surface-500\/90:hover { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:active\:surface-500\/90:active { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:focus\:surface-600:focus { + background-color: var(---surface-600) + } + .xl\:hover\:surface-600:hover { + background-color: var(---surface-600) + } + .xl\:active\:surface-600:active { + background-color: var(---surface-600) + } + .xl\:focus\:surface-600\/10:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:hover\:surface-600\/10:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:active\:surface-600\/10:active { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:focus\:surface-600\/20:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:hover\:surface-600\/20:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:active\:surface-600\/20:active { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:focus\:surface-600\/30:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:hover\:surface-600\/30:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:active\:surface-600\/30:active { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:focus\:surface-600\/40:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:hover\:surface-600\/40:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:active\:surface-600\/40:active { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:focus\:surface-600\/50:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:hover\:surface-600\/50:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:active\:surface-600\/50:active { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:focus\:surface-600\/60:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:hover\:surface-600\/60:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:active\:surface-600\/60:active { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:focus\:surface-600\/70:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:hover\:surface-600\/70:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:active\:surface-600\/70:active { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:focus\:surface-600\/80:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:hover\:surface-600\/80:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:active\:surface-600\/80:active { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:focus\:surface-600\/90:focus { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:hover\:surface-600\/90:hover { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:active\:surface-600\/90:active { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:focus\:surface-700:focus { + background-color: var(---surface-700) + } + .xl\:hover\:surface-700:hover { + background-color: var(---surface-700) + } + .xl\:active\:surface-700:active { + background-color: var(---surface-700) + } + .xl\:focus\:surface-700\/10:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:hover\:surface-700\/10:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:active\:surface-700\/10:active { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:focus\:surface-700\/20:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:hover\:surface-700\/20:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:active\:surface-700\/20:active { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:focus\:surface-700\/30:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:hover\:surface-700\/30:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:active\:surface-700\/30:active { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:focus\:surface-700\/40:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:hover\:surface-700\/40:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:active\:surface-700\/40:active { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:focus\:surface-700\/50:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:hover\:surface-700\/50:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:active\:surface-700\/50:active { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:focus\:surface-700\/60:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:hover\:surface-700\/60:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:active\:surface-700\/60:active { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:focus\:surface-700\/70:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:hover\:surface-700\/70:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:active\:surface-700\/70:active { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:focus\:surface-700\/80:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:hover\:surface-700\/80:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:active\:surface-700\/80:active { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:focus\:surface-700\/90:focus { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:hover\:surface-700\/90:hover { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:active\:surface-700\/90:active { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:focus\:surface-800:focus { + background-color: var(---surface-800) + } + .xl\:hover\:surface-800:hover { + background-color: var(---surface-800) + } + .xl\:active\:surface-800:active { + background-color: var(---surface-800) + } + .xl\:focus\:surface-800\/10:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:hover\:surface-800\/10:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:active\:surface-800\/10:active { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:focus\:surface-800\/20:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:hover\:surface-800\/20:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:active\:surface-800\/20:active { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:focus\:surface-800\/30:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:hover\:surface-800\/30:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:active\:surface-800\/30:active { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:focus\:surface-800\/40:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:hover\:surface-800\/40:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:active\:surface-800\/40:active { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:focus\:surface-800\/50:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:hover\:surface-800\/50:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:active\:surface-800\/50:active { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:focus\:surface-800\/60:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:hover\:surface-800\/60:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:active\:surface-800\/60:active { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:focus\:surface-800\/70:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:hover\:surface-800\/70:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:active\:surface-800\/70:active { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:focus\:surface-800\/80:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:hover\:surface-800\/80:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:active\:surface-800\/80:active { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:focus\:surface-800\/90:focus { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:hover\:surface-800\/90:hover { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:active\:surface-800\/90:active { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:focus\:surface-900:focus { + background-color: var(---surface-900) + } + .xl\:hover\:surface-900:hover { + background-color: var(---surface-900) + } + .xl\:active\:surface-900:active { + background-color: var(---surface-900) + } + .xl\:focus\:surface-900\/10:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:hover\:surface-900\/10:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:active\:surface-900\/10:active { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:focus\:surface-900\/20:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:hover\:surface-900\/20:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:active\:surface-900\/20:active { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:focus\:surface-900\/30:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:hover\:surface-900\/30:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:active\:surface-900\/30:active { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:focus\:surface-900\/40:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:hover\:surface-900\/40:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:active\:surface-900\/40:active { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:focus\:surface-900\/50:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:hover\:surface-900\/50:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:active\:surface-900\/50:active { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:focus\:surface-900\/60:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:hover\:surface-900\/60:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:active\:surface-900\/60:active { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:focus\:surface-900\/70:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:hover\:surface-900\/70:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:active\:surface-900\/70:active { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:focus\:surface-900\/80:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:hover\:surface-900\/80:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:active\:surface-900\/80:active { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:focus\:surface-900\/90:focus { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:hover\:surface-900\/90:hover { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:active\:surface-900\/90:active { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0) { + background-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/10) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/20) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/30) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/40) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/50) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/60) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/70) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/80) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-0\/90) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50) { + background-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/10) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/20) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/30) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/40) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/50) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/60) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/70) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/80) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-50\/90) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100) { + background-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/10) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/20) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/30) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/40) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/50) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/60) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/70) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/80) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-100\/90) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200) { + background-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/10) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/20) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/30) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/40) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/50) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/60) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/70) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/80) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-200\/90) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300) { + background-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/10) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/20) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/30) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/40) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/50) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/60) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/70) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/80) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-300\/90) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400) { + background-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/10) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/20) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/30) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/40) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/50) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/60) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/70) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/80) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-400\/90) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500) { + background-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/10) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/20) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/30) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/40) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/50) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/60) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/70) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/80) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-500\/90) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600) { + background-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/10) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/20) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/30) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/40) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/50) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/60) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/70) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/80) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-600\/90) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700) { + background-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/10) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/20) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/30) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/40) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/50) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/60) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/70) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/80) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-700\/90) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800) { + background-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/10) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/20) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/30) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/40) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/50) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/60) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/70) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/80) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-800\/90) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900) { + background-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/10) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/20) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/30) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/40) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/50) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/60) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/70) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/80) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-900\/90) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0:focus) { + background-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0:hover) { + background-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0:active) { + background-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/10:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/10:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/10:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/20:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/20:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/20:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/30:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/30:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/30:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/40:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/40:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/40:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/50:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/50:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/50:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/60:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/60:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/60:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/70:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/70:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/70:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/80:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/80:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/80:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-0\/90:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-0\/90:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-0\/90:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50:focus) { + background-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50:hover) { + background-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50:active) { + background-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/10:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/10:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/10:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/20:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/20:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/20:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/30:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/30:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/30:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/40:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/40:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/40:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/50:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/50:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/50:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/60:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/60:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/60:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/70:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/70:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/70:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/80:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/80:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/80:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-50\/90:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-50\/90:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-50\/90:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100:focus) { + background-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100:hover) { + background-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100:active) { + background-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/10:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/10:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/10:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/20:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/20:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/20:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/30:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/30:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/30:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/40:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/40:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/40:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/50:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/50:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/50:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/60:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/60:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/60:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/70:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/70:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/70:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/80:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/80:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/80:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-100\/90:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-100\/90:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-100\/90:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200:focus) { + background-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200:hover) { + background-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200:active) { + background-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/10:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/10:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/10:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/20:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/20:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/20:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/30:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/30:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/30:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/40:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/40:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/40:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/50:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/50:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/50:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/60:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/60:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/60:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/70:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/70:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/70:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/80:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/80:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/80:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-200\/90:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-200\/90:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-200\/90:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300:focus) { + background-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300:hover) { + background-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300:active) { + background-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/10:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/10:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/10:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/20:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/20:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/20:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/30:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/30:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/30:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/40:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/40:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/40:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/50:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/50:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/50:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/60:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/60:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/60:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/70:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/70:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/70:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/80:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/80:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/80:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-300\/90:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-300\/90:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-300\/90:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400:focus) { + background-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400:hover) { + background-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400:active) { + background-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/10:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/10:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/10:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/20:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/20:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/20:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/30:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/30:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/30:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/40:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/40:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/40:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/50:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/50:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/50:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/60:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/60:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/60:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/70:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/70:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/70:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/80:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/80:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/80:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-400\/90:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-400\/90:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-400\/90:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500:focus) { + background-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500:hover) { + background-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500:active) { + background-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/10:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/10:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/10:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/20:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/20:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/20:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/30:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/30:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/30:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/40:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/40:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/40:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/50:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/50:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/50:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/60:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/60:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/60:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/70:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/70:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/70:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/80:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/80:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/80:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-500\/90:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-500\/90:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-500\/90:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600:focus) { + background-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600:hover) { + background-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600:active) { + background-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/10:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/10:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/10:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/20:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/20:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/20:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/30:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/30:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/30:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/40:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/40:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/40:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/50:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/50:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/50:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/60:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/60:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/60:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/70:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/70:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/70:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/80:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/80:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/80:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-600\/90:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-600\/90:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-600\/90:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700:focus) { + background-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700:hover) { + background-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700:active) { + background-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/10:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/10:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/10:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/20:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/20:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/20:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/30:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/30:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/30:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/40:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/40:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/40:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/50:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/50:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/50:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/60:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/60:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/60:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/70:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/70:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/70:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/80:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/80:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/80:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-700\/90:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-700\/90:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-700\/90:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800:focus) { + background-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800:hover) { + background-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800:active) { + background-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/10:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/10:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/10:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/20:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/20:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/20:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/30:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/30:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/30:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/40:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/40:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/40:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/50:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/50:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/50:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/60:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/60:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/60:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/70:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/70:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/70:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/80:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/80:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/80:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-800\/90:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-800\/90:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-800\/90:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900:focus) { + background-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900:hover) { + background-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900:active) { + background-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/10:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/10:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/10:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/20:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/20:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/20:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/30:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/30:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/30:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/40:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/40:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/40:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/50:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/50:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/50:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/60:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/60:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/60:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/70:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/70:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/70:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/80:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/80:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/80:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-900\/90:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-900\/90:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-900\/90:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/10) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/20) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/30) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/40) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/50) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/60) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/70) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/80) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-0\/90) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/10) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/20) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/30) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/40) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/50) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/60) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/70) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/80) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-50\/90) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/10) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/20) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/30) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/40) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/50) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/60) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/70) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/80) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-100\/90) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/10) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/20) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/30) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/40) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/50) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/60) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/70) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/80) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-200\/90) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/10) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/20) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/30) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/40) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/50) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/60) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/70) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/80) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-300\/90) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/10) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/20) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/30) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/40) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/50) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/60) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/70) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/80) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-400\/90) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/10) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/20) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/30) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/40) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/50) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/60) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/70) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/80) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-500\/90) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/10) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/20) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/30) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/40) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/50) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/60) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/70) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/80) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-600\/90) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/10) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/20) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/30) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/40) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/50) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/60) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/70) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/80) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-700\/90) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/10) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/20) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/30) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/40) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/50) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/60) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/70) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/80) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-800\/90) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/10) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/20) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/30) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/40) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/50) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/60) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/70) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/80) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-900\/90) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0:focus) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0:hover) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0:active) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/10:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/10:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/10:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/20:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/20:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/20:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/30:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/30:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/30:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/40:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/40:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/40:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/50:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/50:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/50:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/60:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/60:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/60:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/70:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/70:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/70:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/80:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/80:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/80:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-0\/90:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-0\/90:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-0\/90:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50:focus) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50:hover) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50:active) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/10:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/10:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/10:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/20:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/20:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/20:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/30:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/30:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/30:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/40:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/40:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/40:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/50:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/50:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/50:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/60:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/60:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/60:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/70:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/70:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/70:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/80:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/80:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/80:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-50\/90:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-50\/90:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-50\/90:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100:focus) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100:hover) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100:active) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/10:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/10:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/10:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/20:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/20:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/20:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/30:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/30:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/30:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/40:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/40:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/40:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/50:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/50:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/50:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/60:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/60:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/60:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/70:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/70:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/70:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/80:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/80:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/80:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-100\/90:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-100\/90:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-100\/90:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200:focus) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200:hover) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200:active) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/10:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/10:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/10:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/20:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/20:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/20:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/30:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/30:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/30:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/40:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/40:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/40:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/50:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/50:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/50:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/60:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/60:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/60:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/70:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/70:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/70:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/80:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/80:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/80:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-200\/90:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-200\/90:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-200\/90:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300:focus) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300:hover) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300:active) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/10:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/10:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/10:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/20:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/20:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/20:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/30:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/30:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/30:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/40:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/40:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/40:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/50:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/50:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/50:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/60:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/60:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/60:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/70:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/70:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/70:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/80:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/80:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/80:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-300\/90:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-300\/90:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-300\/90:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400:focus) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400:hover) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400:active) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/10:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/10:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/10:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/20:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/20:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/20:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/30:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/30:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/30:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/40:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/40:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/40:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/50:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/50:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/50:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/60:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/60:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/60:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/70:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/70:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/70:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/80:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/80:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/80:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-400\/90:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-400\/90:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-400\/90:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500:focus) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500:hover) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500:active) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/10:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/10:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/10:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/20:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/20:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/20:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/30:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/30:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/30:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/40:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/40:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/40:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/50:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/50:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/50:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/60:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/60:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/60:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/70:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/70:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/70:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/80:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/80:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/80:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-500\/90:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-500\/90:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-500\/90:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600:focus) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600:hover) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600:active) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/10:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/10:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/10:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/20:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/20:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/20:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/30:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/30:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/30:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/40:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/40:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/40:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/50:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/50:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/50:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/60:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/60:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/60:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/70:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/70:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/70:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/80:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/80:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/80:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-600\/90:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-600\/90:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-600\/90:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700:focus) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700:hover) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700:active) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/10:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/10:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/10:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/20:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/20:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/20:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/30:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/30:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/30:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/40:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/40:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/40:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/50:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/50:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/50:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/60:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/60:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/60:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/70:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/70:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/70:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/80:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/80:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/80:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-700\/90:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-700\/90:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-700\/90:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800:focus) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800:hover) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800:active) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/10:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/10:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/10:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/20:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/20:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/20:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/30:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/30:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/30:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/40:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/40:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/40:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/50:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/50:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/50:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/60:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/60:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/60:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/70:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/70:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/70:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/80:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/80:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/80:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-800\/90:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-800\/90:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-800\/90:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900:focus) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900:hover) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900:active) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/10:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/10:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/10:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/20:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/20:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/20:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/30:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/30:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/30:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/40:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/40:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/40:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/50:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/50:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/50:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/60:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/60:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/60:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/70:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/70:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/70:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/80:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/80:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/80:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-900\/90:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-900\/90:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-900\/90:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/10) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/20) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/30) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/40) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/50) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/60) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/70) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/80) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-0\/90) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/10) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/20) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/30) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/40) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/50) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/60) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/70) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/80) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-50\/90) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/10) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/20) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/30) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/40) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/50) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/60) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/70) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/80) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-100\/90) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/10) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/20) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/30) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/40) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/50) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/60) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/70) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/80) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-200\/90) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/10) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/20) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/30) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/40) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/50) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/60) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/70) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/80) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-300\/90) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/10) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/20) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/30) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/40) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/50) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/60) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/70) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/80) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-400\/90) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/10) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/20) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/30) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/40) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/50) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/60) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/70) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/80) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-500\/90) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/10) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/20) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/30) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/40) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/50) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/60) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/70) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/80) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-600\/90) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/10) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/20) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/30) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/40) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/50) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/60) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/70) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/80) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-700\/90) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/10) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/20) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/30) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/40) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/50) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/60) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/70) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/80) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-800\/90) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/10) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/20) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/30) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/40) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/50) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/60) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/70) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/80) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-900\/90) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0:focus) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0:hover) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0:active) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/10:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/10:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/10:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/20:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/20:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/20:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/30:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/30:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/30:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/40:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/40:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/40:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/50:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/50:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/50:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/60:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/60:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/60:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/70:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/70:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/70:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/80:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/80:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/80:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-0\/90:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-0\/90:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-0\/90:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50:focus) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50:hover) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50:active) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/10:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/10:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/10:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/20:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/20:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/20:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/30:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/30:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/30:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/40:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/40:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/40:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/50:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/50:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/50:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/60:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/60:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/60:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/70:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/70:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/70:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/80:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/80:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/80:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-50\/90:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-50\/90:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-50\/90:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100:focus) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100:hover) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100:active) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/10:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/10:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/10:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/20:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/20:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/20:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/30:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/30:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/30:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/40:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/40:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/40:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/50:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/50:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/50:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/60:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/60:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/60:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/70:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/70:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/70:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/80:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/80:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/80:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-100\/90:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-100\/90:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-100\/90:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200:focus) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200:hover) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200:active) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/10:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/10:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/10:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/20:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/20:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/20:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/30:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/30:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/30:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/40:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/40:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/40:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/50:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/50:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/50:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/60:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/60:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/60:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/70:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/70:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/70:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/80:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/80:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/80:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-200\/90:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-200\/90:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-200\/90:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300:focus) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300:hover) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300:active) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/10:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/10:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/10:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/20:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/20:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/20:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/30:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/30:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/30:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/40:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/40:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/40:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/50:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/50:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/50:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/60:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/60:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/60:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/70:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/70:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/70:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/80:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/80:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/80:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-300\/90:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-300\/90:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-300\/90:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400:focus) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400:hover) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400:active) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/10:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/10:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/10:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/20:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/20:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/20:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/30:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/30:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/30:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/40:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/40:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/40:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/50:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/50:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/50:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/60:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/60:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/60:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/70:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/70:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/70:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/80:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/80:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/80:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-400\/90:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-400\/90:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-400\/90:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500:focus) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500:hover) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500:active) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/10:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/10:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/10:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/20:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/20:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/20:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/30:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/30:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/30:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/40:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/40:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/40:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/50:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/50:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/50:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/60:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/60:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/60:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/70:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/70:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/70:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/80:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/80:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/80:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-500\/90:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-500\/90:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-500\/90:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600:focus) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600:hover) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600:active) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/10:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/10:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/10:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/20:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/20:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/20:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/30:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/30:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/30:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/40:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/40:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/40:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/50:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/50:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/50:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/60:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/60:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/60:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/70:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/70:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/70:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/80:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/80:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/80:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-600\/90:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-600\/90:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-600\/90:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700:focus) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700:hover) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700:active) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/10:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/10:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/10:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/20:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/20:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/20:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/30:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/30:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/30:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/40:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/40:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/40:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/50:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/50:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/50:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/60:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/60:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/60:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/70:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/70:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/70:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/80:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/80:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/80:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-700\/90:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-700\/90:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-700\/90:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800:focus) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800:hover) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800:active) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/10:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/10:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/10:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/20:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/20:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/20:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/30:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/30:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/30:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/40:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/40:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/40:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/50:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/50:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/50:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/60:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/60:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/60:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/70:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/70:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/70:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/80:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/80:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/80:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-800\/90:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-800\/90:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-800\/90:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900:focus) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900:hover) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900:active) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/10:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/10:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/10:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/20:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/20:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/20:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/30:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/30:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/30:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/40:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/40:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/40:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/50:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/50:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/50:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/60:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/60:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/60:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/70:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/70:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/70:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/80:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/80:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/80:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-900\/90:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-900\/90:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-900\/90:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/10) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/20) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/30) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/40) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/50) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/60) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/70) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/80) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-0\/90) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/10) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/20) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/30) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/40) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/50) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/60) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/70) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/80) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-50\/90) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/10) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/20) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/30) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/40) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/50) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/60) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/70) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/80) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-100\/90) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/10) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/20) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/30) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/40) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/50) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/60) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/70) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/80) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-200\/90) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/10) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/20) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/30) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/40) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/50) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/60) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/70) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/80) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-300\/90) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/10) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/20) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/30) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/40) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/50) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/60) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/70) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/80) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-400\/90) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/10) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/20) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/30) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/40) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/50) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/60) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/70) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/80) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-500\/90) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/10) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/20) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/30) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/40) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/50) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/60) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/70) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/80) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-600\/90) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/10) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/20) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/30) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/40) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/50) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/60) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/70) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/80) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-700\/90) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/10) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/20) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/30) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/40) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/50) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/60) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/70) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/80) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-800\/90) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/10) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/20) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/30) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/40) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/50) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/60) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/70) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/80) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-900\/90) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0:focus) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0:hover) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0:active) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/10:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/10:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/10:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/20:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/20:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/20:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/30:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/30:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/30:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/40:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/40:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/40:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/50:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/50:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/50:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/60:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/60:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/60:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/70:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/70:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/70:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/80:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/80:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/80:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-0\/90:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-0\/90:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-0\/90:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50:focus) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50:hover) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50:active) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/10:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/10:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/10:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/20:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/20:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/20:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/30:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/30:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/30:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/40:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/40:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/40:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/50:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/50:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/50:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/60:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/60:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/60:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/70:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/70:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/70:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/80:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/80:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/80:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-50\/90:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-50\/90:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-50\/90:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100:focus) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100:hover) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100:active) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/10:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/10:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/10:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/20:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/20:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/20:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/30:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/30:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/30:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/40:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/40:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/40:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/50:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/50:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/50:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/60:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/60:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/60:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/70:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/70:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/70:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/80:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/80:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/80:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-100\/90:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-100\/90:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-100\/90:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200:focus) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200:hover) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200:active) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/10:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/10:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/10:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/20:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/20:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/20:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/30:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/30:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/30:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/40:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/40:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/40:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/50:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/50:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/50:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/60:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/60:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/60:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/70:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/70:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/70:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/80:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/80:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/80:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-200\/90:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-200\/90:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-200\/90:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300:focus) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300:hover) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300:active) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/10:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/10:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/10:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/20:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/20:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/20:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/30:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/30:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/30:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/40:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/40:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/40:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/50:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/50:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/50:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/60:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/60:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/60:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/70:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/70:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/70:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/80:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/80:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/80:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-300\/90:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-300\/90:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-300\/90:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400:focus) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400:hover) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400:active) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/10:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/10:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/10:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/20:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/20:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/20:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/30:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/30:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/30:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/40:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/40:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/40:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/50:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/50:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/50:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/60:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/60:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/60:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/70:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/70:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/70:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/80:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/80:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/80:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-400\/90:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-400\/90:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-400\/90:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500:focus) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500:hover) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500:active) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/10:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/10:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/10:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/20:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/20:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/20:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/30:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/30:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/30:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/40:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/40:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/40:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/50:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/50:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/50:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/60:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/60:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/60:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/70:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/70:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/70:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/80:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/80:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/80:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-500\/90:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-500\/90:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-500\/90:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600:focus) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600:hover) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600:active) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/10:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/10:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/10:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/20:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/20:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/20:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/30:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/30:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/30:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/40:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/40:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/40:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/50:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/50:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/50:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/60:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/60:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/60:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/70:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/70:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/70:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/80:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/80:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/80:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-600\/90:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-600\/90:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-600\/90:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700:focus) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700:hover) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700:active) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/10:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/10:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/10:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/20:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/20:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/20:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/30:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/30:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/30:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/40:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/40:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/40:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/50:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/50:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/50:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/60:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/60:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/60:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/70:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/70:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/70:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/80:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/80:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/80:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-700\/90:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-700\/90:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-700\/90:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800:focus) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800:hover) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800:active) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/10:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/10:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/10:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/20:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/20:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/20:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/30:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/30:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/30:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/40:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/40:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/40:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/50:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/50:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/50:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/60:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/60:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/60:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/70:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/70:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/70:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/80:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/80:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/80:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-800\/90:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-800\/90:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-800\/90:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900:focus) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900:hover) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900:active) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/10:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/10:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/10:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/20:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/20:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/20:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/30:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/30:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/30:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/40:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/40:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/40:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/50:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/50:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/50:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/60:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/60:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/60:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/70:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/70:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/70:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/80:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/80:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/80:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-900\/90:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-900\/90:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-900\/90:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/10) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/20) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/30) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/40) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/50) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/60) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/70) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/80) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-0\/90) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/10) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/20) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/30) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/40) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/50) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/60) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/70) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/80) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-50\/90) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/10) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/20) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/30) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/40) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/50) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/60) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/70) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/80) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-100\/90) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/10) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/20) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/30) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/40) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/50) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/60) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/70) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/80) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-200\/90) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/10) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/20) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/30) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/40) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/50) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/60) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/70) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/80) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-300\/90) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/10) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/20) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/30) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/40) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/50) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/60) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/70) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/80) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-400\/90) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/10) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/20) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/30) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/40) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/50) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/60) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/70) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/80) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-500\/90) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/10) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/20) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/30) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/40) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/50) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/60) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/70) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/80) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-600\/90) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/10) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/20) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/30) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/40) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/50) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/60) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/70) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/80) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-700\/90) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/10) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/20) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/30) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/40) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/50) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/60) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/70) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/80) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-800\/90) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/10) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/20) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/30) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/40) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/50) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/60) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/70) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/80) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-900\/90) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0:focus) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0:hover) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0:active) { + background-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/10:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/10:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/10:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/20:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/20:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/20:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/30:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/30:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/30:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/40:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/40:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/40:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/50:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/50:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/50:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/60:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/60:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/60:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/70:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/70:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/70:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/80:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/80:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/80:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-0\/90:focus) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-0\/90:hover) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-0\/90:active) { + background-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50:focus) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50:hover) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50:active) { + background-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/10:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/10:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/10:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/20:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/20:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/20:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/30:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/30:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/30:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/40:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/40:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/40:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/50:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/50:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/50:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/60:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/60:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/60:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/70:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/70:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/70:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/80:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/80:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/80:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-50\/90:focus) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-50\/90:hover) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-50\/90:active) { + background-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100:focus) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100:hover) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100:active) { + background-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/10:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/10:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/10:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/20:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/20:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/20:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/30:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/30:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/30:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/40:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/40:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/40:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/50:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/50:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/50:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/60:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/60:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/60:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/70:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/70:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/70:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/80:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/80:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/80:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-100\/90:focus) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-100\/90:hover) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-100\/90:active) { + background-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200:focus) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200:hover) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200:active) { + background-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/10:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/10:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/10:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/20:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/20:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/20:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/30:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/30:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/30:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/40:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/40:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/40:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/50:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/50:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/50:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/60:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/60:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/60:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/70:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/70:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/70:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/80:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/80:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/80:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-200\/90:focus) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-200\/90:hover) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-200\/90:active) { + background-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300:focus) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300:hover) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300:active) { + background-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/10:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/10:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/10:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/20:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/20:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/20:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/30:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/30:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/30:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/40:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/40:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/40:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/50:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/50:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/50:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/60:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/60:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/60:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/70:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/70:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/70:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/80:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/80:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/80:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-300\/90:focus) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-300\/90:hover) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-300\/90:active) { + background-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400:focus) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400:hover) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400:active) { + background-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/10:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/10:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/10:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/20:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/20:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/20:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/30:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/30:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/30:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/40:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/40:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/40:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/50:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/50:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/50:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/60:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/60:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/60:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/70:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/70:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/70:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/80:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/80:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/80:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-400\/90:focus) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-400\/90:hover) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-400\/90:active) { + background-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500:focus) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500:hover) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500:active) { + background-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/10:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/10:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/10:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/20:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/20:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/20:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/30:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/30:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/30:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/40:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/40:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/40:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/50:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/50:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/50:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/60:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/60:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/60:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/70:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/70:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/70:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/80:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/80:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/80:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-500\/90:focus) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-500\/90:hover) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-500\/90:active) { + background-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600:focus) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600:hover) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600:active) { + background-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/10:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/10:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/10:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/20:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/20:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/20:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/30:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/30:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/30:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/40:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/40:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/40:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/50:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/50:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/50:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/60:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/60:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/60:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/70:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/70:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/70:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/80:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/80:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/80:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-600\/90:focus) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-600\/90:hover) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-600\/90:active) { + background-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700:focus) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700:hover) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700:active) { + background-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/10:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/10:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/10:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/20:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/20:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/20:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/30:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/30:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/30:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/40:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/40:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/40:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/50:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/50:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/50:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/60:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/60:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/60:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/70:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/70:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/70:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/80:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/80:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/80:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-700\/90:focus) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-700\/90:hover) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-700\/90:active) { + background-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800:focus) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800:hover) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800:active) { + background-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/10:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/10:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/10:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/20:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/20:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/20:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/30:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/30:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/30:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/40:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/40:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/40:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/50:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/50:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/50:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/60:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/60:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/60:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/70:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/70:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/70:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/80:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/80:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/80:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-800\/90:focus) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-800\/90:hover) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-800\/90:active) { + background-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900:focus) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900:hover) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900:active) { + background-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/10:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/10:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/10:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/20:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/20:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/20:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/30:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/30:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/30:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/40:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/40:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/40:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/50:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/50:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/50:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/60:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/60:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/60:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/70:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/70:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/70:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/80:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/80:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/80:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-900\/90:focus) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-900\/90:hover) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-900\/90:active) { + background-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +.bg-white\/10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.bg-white-alpha-10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.bg-black\/10 { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.bg-black-alpha-10 { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.bg-white\/20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.bg-white-alpha-20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.bg-black\/20 { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.bg-black-alpha-20 { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.bg-white\/30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.bg-white-alpha-30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.bg-black\/30 { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.bg-black-alpha-30 { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.bg-white\/40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.bg-white-alpha-40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.bg-black\/40 { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.bg-black-alpha-40 { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.bg-white\/50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.bg-white-alpha-50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.bg-black\/50 { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.bg-black-alpha-50 { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.bg-white\/60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.bg-white-alpha-60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.bg-black\/60 { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.bg-black-alpha-60 { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.bg-white\/70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.bg-white-alpha-70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.bg-black\/70 { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.bg-black-alpha-70 { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.bg-white\/80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.bg-white-alpha-80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.bg-black\/80 { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.bg-black-alpha-80 { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.bg-white\/90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.bg-white-alpha-90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.bg-black\/90 { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.bg-black-alpha-90 { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:bg-white\/10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:bg-white\/10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:bg-white\/10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:bg-white-alpha-10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:bg-white-alpha-10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:bg-white-alpha-10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:bg-black\/10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:bg-black\/10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:bg-black\/10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:bg-black-alpha-10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:bg-black-alpha-10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:bg-black-alpha-10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:bg-white\/20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:bg-white\/20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:bg-white\/20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:bg-white-alpha-20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:bg-white-alpha-20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:bg-white-alpha-20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:bg-black\/20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:bg-black\/20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:bg-black\/20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:bg-black-alpha-20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:bg-black-alpha-20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:bg-black-alpha-20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:bg-white\/30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:bg-white\/30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:bg-white\/30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:bg-white-alpha-30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:bg-white-alpha-30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:bg-white-alpha-30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:bg-black\/30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:bg-black\/30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:bg-black\/30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:bg-black-alpha-30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:bg-black-alpha-30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:bg-black-alpha-30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:bg-white\/40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:bg-white\/40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:bg-white\/40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:bg-white-alpha-40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:bg-white-alpha-40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:bg-white-alpha-40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:bg-black\/40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:bg-black\/40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:bg-black\/40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:bg-black-alpha-40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:bg-black-alpha-40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:bg-black-alpha-40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:bg-white\/50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:bg-white\/50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:bg-white\/50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:bg-white-alpha-50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:bg-white-alpha-50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:bg-white-alpha-50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:bg-black\/50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:bg-black\/50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:bg-black\/50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:bg-black-alpha-50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:bg-black-alpha-50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:bg-black-alpha-50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:bg-white\/60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:bg-white\/60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:bg-white\/60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:bg-white-alpha-60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:bg-white-alpha-60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:bg-white-alpha-60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:bg-black\/60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:bg-black\/60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:bg-black\/60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:bg-black-alpha-60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:bg-black-alpha-60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:bg-black-alpha-60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:bg-white\/70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:bg-white\/70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:bg-white\/70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:bg-white-alpha-70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:bg-white-alpha-70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:bg-white-alpha-70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:bg-black\/70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:bg-black\/70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:bg-black\/70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:bg-black-alpha-70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:bg-black-alpha-70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:bg-black-alpha-70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:bg-white\/80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:bg-white\/80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:bg-white\/80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:bg-white-alpha-80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:bg-white-alpha-80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:bg-white-alpha-80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:bg-black\/80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:bg-black\/80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:bg-black\/80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:bg-black-alpha-80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:bg-black-alpha-80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:bg-black-alpha-80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:bg-white\/90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:bg-white\/90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:bg-white\/90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:bg-white-alpha-90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:bg-white-alpha-90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:bg-white-alpha-90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:bg-black\/90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:bg-black\/90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:bg-black\/90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:bg-black-alpha-90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:bg-black-alpha-90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:bg-black-alpha-90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:bg-white\/10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:bg-white-alpha-10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:bg-black\/10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:bg-black-alpha-10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:bg-white\/20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:bg-white-alpha-20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:bg-black\/20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:bg-black-alpha-20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:bg-white\/30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:bg-white-alpha-30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:bg-black\/30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:bg-black-alpha-30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:bg-white\/40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:bg-white-alpha-40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:bg-black\/40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:bg-black-alpha-40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:bg-white\/50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:bg-white-alpha-50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:bg-black\/50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:bg-black-alpha-50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:bg-white\/60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:bg-white-alpha-60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:bg-black\/60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:bg-black-alpha-60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:bg-white\/70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:bg-white-alpha-70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:bg-black\/70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:bg-black-alpha-70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:bg-white\/80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:bg-white-alpha-80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:bg-black\/80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:bg-black-alpha-80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:bg-white\/90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:bg-white-alpha-90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:bg-black\/90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:bg-black-alpha-90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:bg-white\/10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:bg-white\/10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:bg-white\/10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:bg-white-alpha-10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:bg-white-alpha-10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:bg-white-alpha-10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:bg-black\/10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:bg-black\/10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:bg-black\/10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:bg-black-alpha-10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:bg-black-alpha-10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:bg-black-alpha-10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:bg-white\/20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:bg-white\/20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:bg-white\/20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:bg-white-alpha-20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:bg-white-alpha-20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:bg-white-alpha-20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:bg-black\/20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:bg-black\/20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:bg-black\/20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:bg-black-alpha-20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:bg-black-alpha-20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:bg-black-alpha-20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:bg-white\/30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:bg-white\/30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:bg-white\/30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:bg-white-alpha-30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:bg-white-alpha-30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:bg-white-alpha-30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:bg-black\/30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:bg-black\/30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:bg-black\/30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:bg-black-alpha-30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:bg-black-alpha-30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:bg-black-alpha-30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:bg-white\/40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:bg-white\/40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:bg-white\/40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:bg-white-alpha-40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:bg-white-alpha-40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:bg-white-alpha-40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:bg-black\/40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:bg-black\/40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:bg-black\/40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:bg-black-alpha-40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:bg-black-alpha-40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:bg-black-alpha-40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:bg-white\/50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:bg-white\/50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:bg-white\/50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:bg-white-alpha-50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:bg-white-alpha-50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:bg-white-alpha-50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:bg-black\/50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:bg-black\/50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:bg-black\/50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:bg-black-alpha-50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:bg-black-alpha-50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:bg-black-alpha-50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:bg-white\/60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:bg-white\/60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:bg-white\/60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:bg-white-alpha-60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:bg-white-alpha-60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:bg-white-alpha-60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:bg-black\/60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:bg-black\/60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:bg-black\/60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:bg-black-alpha-60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:bg-black-alpha-60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:bg-black-alpha-60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:bg-white\/70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:bg-white\/70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:bg-white\/70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:bg-white-alpha-70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:bg-white-alpha-70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:bg-white-alpha-70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:bg-black\/70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:bg-black\/70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:bg-black\/70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:bg-black-alpha-70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:bg-black-alpha-70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:bg-black-alpha-70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:bg-white\/80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:bg-white\/80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:bg-white\/80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:bg-white-alpha-80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:bg-white-alpha-80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:bg-white-alpha-80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:bg-black\/80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:bg-black\/80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:bg-black\/80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:bg-black-alpha-80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:bg-black-alpha-80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:bg-black-alpha-80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:bg-white\/90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:bg-white\/90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:bg-white\/90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:bg-white-alpha-90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:bg-white-alpha-90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:bg-white-alpha-90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:bg-black\/90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:bg-black\/90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:bg-black\/90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:bg-black-alpha-90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:bg-black-alpha-90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:bg-black-alpha-90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:bg-white\/10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:bg-white-alpha-10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:bg-black\/10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:bg-black-alpha-10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:bg-white\/20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:bg-white-alpha-20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:bg-black\/20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:bg-black-alpha-20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:bg-white\/30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:bg-white-alpha-30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:bg-black\/30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:bg-black-alpha-30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:bg-white\/40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:bg-white-alpha-40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:bg-black\/40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:bg-black-alpha-40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:bg-white\/50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:bg-white-alpha-50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:bg-black\/50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:bg-black-alpha-50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:bg-white\/60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:bg-white-alpha-60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:bg-black\/60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:bg-black-alpha-60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:bg-white\/70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:bg-white-alpha-70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:bg-black\/70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:bg-black-alpha-70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:bg-white\/80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:bg-white-alpha-80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:bg-black\/80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:bg-black-alpha-80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:bg-white\/90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:bg-white-alpha-90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:bg-black\/90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:bg-black-alpha-90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:bg-white\/10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:bg-white\/10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:bg-white\/10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:bg-white-alpha-10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:bg-white-alpha-10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:bg-white-alpha-10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:bg-black\/10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:bg-black\/10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:bg-black\/10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:bg-black-alpha-10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:bg-black-alpha-10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:bg-black-alpha-10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:bg-white\/20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:bg-white\/20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:bg-white\/20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:bg-white-alpha-20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:bg-white-alpha-20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:bg-white-alpha-20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:bg-black\/20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:bg-black\/20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:bg-black\/20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:bg-black-alpha-20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:bg-black-alpha-20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:bg-black-alpha-20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:bg-white\/30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:bg-white\/30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:bg-white\/30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:bg-white-alpha-30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:bg-white-alpha-30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:bg-white-alpha-30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:bg-black\/30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:bg-black\/30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:bg-black\/30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:bg-black-alpha-30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:bg-black-alpha-30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:bg-black-alpha-30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:bg-white\/40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:bg-white\/40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:bg-white\/40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:bg-white-alpha-40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:bg-white-alpha-40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:bg-white-alpha-40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:bg-black\/40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:bg-black\/40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:bg-black\/40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:bg-black-alpha-40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:bg-black-alpha-40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:bg-black-alpha-40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:bg-white\/50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:bg-white\/50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:bg-white\/50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:bg-white-alpha-50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:bg-white-alpha-50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:bg-white-alpha-50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:bg-black\/50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:bg-black\/50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:bg-black\/50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:bg-black-alpha-50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:bg-black-alpha-50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:bg-black-alpha-50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:bg-white\/60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:bg-white\/60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:bg-white\/60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:bg-white-alpha-60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:bg-white-alpha-60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:bg-white-alpha-60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:bg-black\/60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:bg-black\/60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:bg-black\/60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:bg-black-alpha-60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:bg-black-alpha-60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:bg-black-alpha-60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:bg-white\/70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:bg-white\/70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:bg-white\/70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:bg-white-alpha-70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:bg-white-alpha-70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:bg-white-alpha-70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:bg-black\/70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:bg-black\/70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:bg-black\/70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:bg-black-alpha-70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:bg-black-alpha-70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:bg-black-alpha-70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:bg-white\/80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:bg-white\/80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:bg-white\/80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:bg-white-alpha-80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:bg-white-alpha-80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:bg-white-alpha-80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:bg-black\/80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:bg-black\/80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:bg-black\/80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:bg-black-alpha-80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:bg-black-alpha-80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:bg-black-alpha-80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:bg-white\/90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:bg-white\/90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:bg-white\/90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:bg-white-alpha-90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:bg-white-alpha-90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:bg-white-alpha-90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:bg-black\/90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:bg-black\/90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:bg-black\/90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:bg-black-alpha-90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:bg-black-alpha-90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:bg-black-alpha-90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:bg-white\/10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:bg-white-alpha-10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:bg-black\/10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:bg-black-alpha-10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:bg-white\/20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:bg-white-alpha-20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:bg-black\/20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:bg-black-alpha-20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:bg-white\/30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:bg-white-alpha-30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:bg-black\/30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:bg-black-alpha-30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:bg-white\/40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:bg-white-alpha-40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:bg-black\/40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:bg-black-alpha-40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:bg-white\/50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:bg-white-alpha-50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:bg-black\/50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:bg-black-alpha-50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:bg-white\/60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:bg-white-alpha-60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:bg-black\/60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:bg-black-alpha-60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:bg-white\/70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:bg-white-alpha-70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:bg-black\/70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:bg-black-alpha-70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:bg-white\/80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:bg-white-alpha-80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:bg-black\/80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:bg-black-alpha-80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:bg-white\/90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:bg-white-alpha-90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:bg-black\/90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:bg-black-alpha-90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:bg-white\/10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:bg-white\/10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:bg-white\/10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:bg-white-alpha-10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:bg-white-alpha-10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:bg-white-alpha-10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:bg-black\/10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:bg-black\/10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:bg-black\/10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:bg-black-alpha-10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:bg-black-alpha-10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:bg-black-alpha-10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:bg-white\/20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:bg-white\/20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:bg-white\/20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:bg-white-alpha-20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:bg-white-alpha-20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:bg-white-alpha-20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:bg-black\/20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:bg-black\/20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:bg-black\/20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:bg-black-alpha-20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:bg-black-alpha-20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:bg-black-alpha-20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:bg-white\/30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:bg-white\/30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:bg-white\/30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:bg-white-alpha-30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:bg-white-alpha-30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:bg-white-alpha-30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:bg-black\/30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:bg-black\/30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:bg-black\/30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:bg-black-alpha-30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:bg-black-alpha-30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:bg-black-alpha-30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:bg-white\/40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:bg-white\/40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:bg-white\/40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:bg-white-alpha-40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:bg-white-alpha-40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:bg-white-alpha-40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:bg-black\/40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:bg-black\/40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:bg-black\/40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:bg-black-alpha-40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:bg-black-alpha-40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:bg-black-alpha-40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:bg-white\/50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:bg-white\/50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:bg-white\/50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:bg-white-alpha-50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:bg-white-alpha-50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:bg-white-alpha-50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:bg-black\/50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:bg-black\/50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:bg-black\/50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:bg-black-alpha-50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:bg-black-alpha-50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:bg-black-alpha-50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:bg-white\/60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:bg-white\/60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:bg-white\/60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:bg-white-alpha-60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:bg-white-alpha-60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:bg-white-alpha-60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:bg-black\/60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:bg-black\/60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:bg-black\/60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:bg-black-alpha-60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:bg-black-alpha-60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:bg-black-alpha-60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:bg-white\/70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:bg-white\/70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:bg-white\/70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:bg-white-alpha-70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:bg-white-alpha-70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:bg-white-alpha-70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:bg-black\/70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:bg-black\/70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:bg-black\/70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:bg-black-alpha-70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:bg-black-alpha-70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:bg-black-alpha-70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:bg-white\/80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:bg-white\/80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:bg-white\/80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:bg-white-alpha-80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:bg-white-alpha-80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:bg-white-alpha-80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:bg-black\/80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:bg-black\/80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:bg-black\/80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:bg-black-alpha-80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:bg-black-alpha-80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:bg-black-alpha-80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:bg-white\/90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:bg-white\/90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:bg-white\/90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:bg-white-alpha-90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:bg-white-alpha-90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:bg-white-alpha-90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:bg-black\/90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:bg-black\/90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:bg-black\/90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:bg-black-alpha-90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:bg-black-alpha-90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:bg-black-alpha-90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-white\/10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:bg-white-alpha-10 { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:bg-black\/10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:bg-black-alpha-10 { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:bg-white\/20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:bg-white-alpha-20 { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:bg-black\/20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:bg-black-alpha-20 { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:bg-white\/30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:bg-white-alpha-30 { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:bg-black\/30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:bg-black-alpha-30 { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:bg-white\/40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:bg-white-alpha-40 { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:bg-black\/40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:bg-black-alpha-40 { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:bg-white\/50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:bg-white-alpha-50 { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:bg-black\/50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:bg-black-alpha-50 { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:bg-white\/60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:bg-white-alpha-60 { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:bg-black\/60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:bg-black-alpha-60 { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:bg-white\/70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:bg-white-alpha-70 { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:bg-black\/70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:bg-black-alpha-70 { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:bg-white\/80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:bg-white-alpha-80 { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:bg-black\/80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:bg-black-alpha-80 { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:bg-white\/90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:bg-white-alpha-90 { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:bg-black\/90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:bg-black-alpha-90 { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:bg-white\/10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:bg-white\/10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:bg-white\/10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:bg-white-alpha-10:focus { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:bg-white-alpha-10:hover { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:bg-white-alpha-10:active { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:bg-black\/10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:bg-black\/10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:bg-black\/10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:bg-black-alpha-10:focus { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:bg-black-alpha-10:hover { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:bg-black-alpha-10:active { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:bg-white\/20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:bg-white\/20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:bg-white\/20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:bg-white-alpha-20:focus { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:bg-white-alpha-20:hover { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:bg-white-alpha-20:active { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:bg-black\/20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:bg-black\/20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:bg-black\/20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:bg-black-alpha-20:focus { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:bg-black-alpha-20:hover { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:bg-black-alpha-20:active { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:bg-white\/30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:bg-white\/30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:bg-white\/30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:bg-white-alpha-30:focus { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:bg-white-alpha-30:hover { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:bg-white-alpha-30:active { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:bg-black\/30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:bg-black\/30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:bg-black\/30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:bg-black-alpha-30:focus { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:bg-black-alpha-30:hover { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:bg-black-alpha-30:active { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:bg-white\/40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:bg-white\/40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:bg-white\/40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:bg-white-alpha-40:focus { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:bg-white-alpha-40:hover { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:bg-white-alpha-40:active { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:bg-black\/40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:bg-black\/40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:bg-black\/40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:bg-black-alpha-40:focus { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:bg-black-alpha-40:hover { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:bg-black-alpha-40:active { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:bg-white\/50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:bg-white\/50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:bg-white\/50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:bg-white-alpha-50:focus { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:bg-white-alpha-50:hover { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:bg-white-alpha-50:active { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:bg-black\/50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:bg-black\/50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:bg-black\/50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:bg-black-alpha-50:focus { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:bg-black-alpha-50:hover { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:bg-black-alpha-50:active { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:bg-white\/60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:bg-white\/60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:bg-white\/60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:bg-white-alpha-60:focus { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:bg-white-alpha-60:hover { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:bg-white-alpha-60:active { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:bg-black\/60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:bg-black\/60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:bg-black\/60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:bg-black-alpha-60:focus { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:bg-black-alpha-60:hover { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:bg-black-alpha-60:active { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:bg-white\/70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:bg-white\/70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:bg-white\/70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:bg-white-alpha-70:focus { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:bg-white-alpha-70:hover { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:bg-white-alpha-70:active { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:bg-black\/70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:bg-black\/70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:bg-black\/70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:bg-black-alpha-70:focus { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:bg-black-alpha-70:hover { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:bg-black-alpha-70:active { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:bg-white\/80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:bg-white\/80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:bg-white\/80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:bg-white-alpha-80:focus { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:bg-white-alpha-80:hover { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:bg-white-alpha-80:active { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:bg-black\/80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:bg-black\/80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:bg-black\/80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:bg-black-alpha-80:focus { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:bg-black-alpha-80:hover { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:bg-black-alpha-80:active { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:bg-white\/90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:bg-white\/90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:bg-white\/90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:bg-white-alpha-90:focus { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:bg-white-alpha-90:hover { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:bg-white-alpha-90:active { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:bg-black\/90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:bg-black\/90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:bg-black\/90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:bg-black-alpha-90:focus { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:bg-black-alpha-90:hover { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:bg-black-alpha-90:active { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/10) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-10) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/20) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-20) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/30) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-30) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/40) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-40) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/50) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-50) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/60) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-60) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/70) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-70) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/80) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-80) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white\/90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-white-alpha-90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black\/90) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:bg-black-alpha-90) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white\/90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white\/90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white\/90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-white-alpha-90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-white-alpha-90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-white-alpha-90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black\/90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black\/90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black\/90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:bg-black-alpha-90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:bg-black-alpha-90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:bg-black-alpha-90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white\/90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-white-alpha-90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black\/90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:bg-black-alpha-90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white\/90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white\/90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white\/90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-white-alpha-90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-white-alpha-90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-white-alpha-90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black\/90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black\/90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black\/90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:bg-black-alpha-90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:bg-black-alpha-90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:bg-black-alpha-90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white\/90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-white-alpha-90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black\/90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:bg-black-alpha-90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white\/90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white\/90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white\/90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-white-alpha-90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-white-alpha-90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-white-alpha-90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black\/90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black\/90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black\/90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:bg-black-alpha-90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:bg-black-alpha-90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:bg-black-alpha-90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white\/90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-white-alpha-90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black\/90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:bg-black-alpha-90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white\/90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white\/90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white\/90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-white-alpha-90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-white-alpha-90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-white-alpha-90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black\/90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black\/90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black\/90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:bg-black-alpha-90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:bg-black-alpha-90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:bg-black-alpha-90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-10) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-10) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-20) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-20) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-30) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-30) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-40) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-40) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-50) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-50) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-60) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-60) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-70) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-70) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-80) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-80) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white\/90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-white-alpha-90) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black\/90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:bg-black-alpha-90) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-10:focus) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-10:hover) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-10:active) { + background-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-10:focus) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-10:hover) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-10:active) { + background-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-20:focus) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-20:hover) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-20:active) { + background-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-20:focus) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-20:hover) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-20:active) { + background-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-30:focus) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-30:hover) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-30:active) { + background-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-30:focus) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-30:hover) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-30:active) { + background-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-40:focus) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-40:hover) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-40:active) { + background-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-40:focus) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-40:hover) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-40:active) { + background-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-50:focus) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-50:hover) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-50:active) { + background-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-50:focus) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-50:hover) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-50:active) { + background-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-60:focus) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-60:hover) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-60:active) { + background-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-60:focus) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-60:hover) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-60:active) { + background-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-70:focus) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-70:hover) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-70:active) { + background-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-70:focus) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-70:hover) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-70:active) { + background-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-80:focus) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-80:hover) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-80:active) { + background-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-80:focus) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-80:hover) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-80:active) { + background-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white\/90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white\/90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white\/90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-white-alpha-90:focus) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-white-alpha-90:hover) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-white-alpha-90:active) { + background-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black\/90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black\/90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black\/90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:bg-black-alpha-90:focus) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:bg-black-alpha-90:hover) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:bg-black-alpha-90:active) { + background-color: color-mix(in srgb, #000000 90%, transparent) + } +} +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-t { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-tr { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-r { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-br { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-b { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-bl { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-l { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.bg-radial-gradient-to-tl { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-t:focus { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-t:hover { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-t:active { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-tr:focus { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-tr:hover { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-tr:active { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-r:focus { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-r:hover { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-r:active { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-br:focus { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-br:active { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-b:focus { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-b:hover { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-b:active { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-bl:focus { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-bl:hover { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-bl:active { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-l:focus { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-l:hover { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-l:active { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-gradient-to-tl:focus { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-gradient-to-tl:hover { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-gradient-to-tl:active { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-t:focus { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-t:hover { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-t:active { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-tr:focus { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-tr:hover { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-tr:active { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-r:focus { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-r:hover { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-r:active { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-br:focus { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-br:hover { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-br:active { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-b:focus { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-b:hover { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-b:active { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-bl:focus { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-bl:hover { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-bl:active { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-l:focus { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-l:hover { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-l:active { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.focus\:bg-radial-gradient-to-tl:focus { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.hover\:bg-radial-gradient-to-tl:hover { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +.active\:bg-radial-gradient-to-tl:active { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) +} +@media screen and (min-width: 576px) { + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-t { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-tr { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-r { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-br { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-b { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-bl { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-l { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:bg-radial-gradient-to-tl { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-t:focus { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-t:hover { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-t:active { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-tr:focus { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-tr:hover { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-tr:active { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-r:focus { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-r:hover { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-r:active { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-br:focus { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-br:active { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-b:focus { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-b:hover { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-b:active { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-bl:focus { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-bl:hover { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-bl:active { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-l:focus { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-l:hover { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-l:active { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-gradient-to-tl:focus { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-gradient-to-tl:hover { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-gradient-to-tl:active { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-t:focus { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-t:hover { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-t:active { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-tr:focus { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-tr:hover { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-tr:active { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-r:focus { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-r:hover { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-r:active { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-br:focus { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-br:hover { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-br:active { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-b:focus { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-b:hover { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-b:active { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-bl:focus { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-bl:hover { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-bl:active { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-l:focus { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-l:hover { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-l:active { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:focus\:bg-radial-gradient-to-tl:focus { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:hover\:bg-radial-gradient-to-tl:hover { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .sm\:active\:bg-radial-gradient-to-tl:active { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } +} +@media screen and (min-width: 768px) { + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-t { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-tr { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-r { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-br { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-b { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-bl { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-l { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:bg-radial-gradient-to-tl { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-t:focus { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-t:hover { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-t:active { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-tr:focus { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-tr:hover { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-tr:active { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-r:focus { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-r:hover { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-r:active { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-br:focus { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-br:active { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-b:focus { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-b:hover { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-b:active { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-bl:focus { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-bl:hover { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-bl:active { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-l:focus { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-l:hover { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-l:active { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-gradient-to-tl:focus { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-gradient-to-tl:hover { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-gradient-to-tl:active { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-t:focus { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-t:hover { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-t:active { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-tr:focus { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-tr:hover { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-tr:active { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-r:focus { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-r:hover { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-r:active { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-br:focus { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-br:hover { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-br:active { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-b:focus { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-b:hover { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-b:active { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-bl:focus { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-bl:hover { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-bl:active { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-l:focus { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-l:hover { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-l:active { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:focus\:bg-radial-gradient-to-tl:focus { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:hover\:bg-radial-gradient-to-tl:hover { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .md\:active\:bg-radial-gradient-to-tl:active { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } +} +@media screen and (min-width: 992px) { + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-t { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-tr { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-r { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-br { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-b { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-bl { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-l { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:bg-radial-gradient-to-tl { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-t:focus { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-t:hover { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-t:active { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-tr:focus { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-tr:hover { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-tr:active { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-r:focus { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-r:hover { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-r:active { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-br:focus { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-br:active { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-b:focus { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-b:hover { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-b:active { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-bl:focus { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-bl:hover { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-bl:active { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-l:focus { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-l:hover { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-l:active { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-gradient-to-tl:focus { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-gradient-to-tl:hover { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-gradient-to-tl:active { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-t:focus { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-t:hover { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-t:active { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-tr:focus { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-tr:hover { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-tr:active { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-r:focus { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-r:hover { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-r:active { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-br:focus { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-br:hover { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-br:active { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-b:focus { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-b:hover { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-b:active { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-bl:focus { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-bl:hover { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-bl:active { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-l:focus { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-l:hover { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-l:active { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:focus\:bg-radial-gradient-to-tl:focus { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:hover\:bg-radial-gradient-to-tl:hover { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .lg\:active\:bg-radial-gradient-to-tl:active { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-t { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-tr { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-r { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-br { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-b { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-bl { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-l { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:bg-radial-gradient-to-tl { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-t:focus { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-t:hover { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-t:active { + background-image: linear-gradient(to top, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-tr:focus { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-tr:hover { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-tr:active { + background-image: linear-gradient(to top right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-r:focus { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-r:hover { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-r:active { + background-image: linear-gradient(to right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-br:focus { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-br:hover { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-br:active { + background-image: linear-gradient(to bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-b:focus { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-b:hover { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-b:active { + background-image: linear-gradient(to bottom, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-bl:focus { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-bl:hover { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-bl:active { + background-image: linear-gradient(to bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-l:focus { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-l:hover { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-l:active { + background-image: linear-gradient(to left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-gradient-to-tl:focus { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-gradient-to-tl:hover { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-gradient-to-tl:active { + background-image: linear-gradient(to top left, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-t:focus { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-t:hover { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-t:active { + background-image: radial-gradient(at top, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-tr:focus { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-tr:hover { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-tr:active { + background-image: radial-gradient(at top right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-r:focus { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-r:hover { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-r:active { + background-image: radial-gradient(at right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-br:focus { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-br:hover { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-br:active { + background-image: radial-gradient(at bottom right, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-b:focus { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-b:hover { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-b:active { + background-image: radial-gradient(at bottom, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-bl:focus { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-bl:hover { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-bl:active { + background-image: radial-gradient(at bottom left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-l:focus { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-l:hover { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-l:active { + background-image: radial-gradient(at left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:focus\:bg-radial-gradient-to-tl:focus { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:hover\:bg-radial-gradient-to-tl:hover { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } + .xl\:active\:bg-radial-gradient-to-tl:active { + background-image: radial-gradient(at top left, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%)) + } +} +.bg-none { + background-image: none +} +.focus\:bg-none:focus { + background-image: none +} +.hover\:bg-none:hover { + background-image: none +} +.active\:bg-none:active { + background-image: none +} +@media screen and (min-width: 576px) { + .sm\:bg-none { + background-image: none + } + .sm\:focus\:bg-none:focus { + background-image: none + } + .sm\:hover\:bg-none:hover { + background-image: none + } + .sm\:active\:bg-none:active { + background-image: none + } +} +@media screen and (min-width: 768px) { + .md\:bg-none { + background-image: none + } + .md\:focus\:bg-none:focus { + background-image: none + } + .md\:hover\:bg-none:hover { + background-image: none + } + .md\:active\:bg-none:active { + background-image: none + } +} +@media screen and (min-width: 992px) { + .lg\:bg-none { + background-image: none + } + .lg\:focus\:bg-none:focus { + background-image: none + } + .lg\:hover\:bg-none:hover { + background-image: none + } + .lg\:active\:bg-none:active { + background-image: none + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-none { + background-image: none + } + .xl\:focus\:bg-none:focus { + background-image: none + } + .xl\:hover\:bg-none:hover { + background-image: none + } + .xl\:active\:bg-none:active { + background-image: none + } +} +.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 +} +@media screen and (min-width: 576px) { + .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 + } +} +@media screen and (min-width: 768px) { + .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 + } +} +@media screen and (min-width: 992px) { + .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 + } +} +@media screen and (min-width: 1200px) { + .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 + } +} +.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 +} +@media screen and (min-width: 576px) { + .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 + } +} +@media screen and (min-width: 768px) { + .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 + } +} +@media screen and (min-width: 992px) { + .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 + } +} +@media screen and (min-width: 1200px) { + .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 + } +} +.bg-auto { + background-size: auto +} +.bg-cover { + background-size: cover +} +.bg-contain { + background-size: contain +} +@media screen and (min-width: 576px) { + .sm\:bg-auto { + background-size: auto + } + .sm\:bg-cover { + background-size: cover + } + .sm\:bg-contain { + background-size: contain + } +} +@media screen and (min-width: 768px) { + .md\:bg-auto { + background-size: auto + } + .md\:bg-cover { + background-size: cover + } + .md\:bg-contain { + background-size: contain + } +} +@media screen and (min-width: 992px) { + .lg\:bg-auto { + background-size: auto + } + .lg\:bg-cover { + background-size: cover + } + .lg\:bg-contain { + background-size: contain + } +} +@media screen and (min-width: 1200px) { + .xl\:bg-auto { + background-size: auto + } + .xl\:bg-cover { + background-size: cover + } + .xl\:bg-contain { + background-size: contain + } +} +.from-from-to { + --gradient-from: var(--from-from-color); + --gradient-to: var(--from-to-color, var(--from-from-color), transparent) +} +.from-blue-50 { + --gradient-from: var(--blue-50) +} +.from-blue-50\/10 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.from-blue-50\/20 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.from-blue-50\/30 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.from-blue-50\/40 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.from-blue-50\/50 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.from-blue-50\/60 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.from-blue-50\/70 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.from-blue-50\/80 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.from-blue-50\/90 { + --gradient-from: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.from-blue-100 { + --gradient-from: var(--blue-100) +} +.from-blue-100\/10 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.from-blue-100\/20 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.from-blue-100\/30 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.from-blue-100\/40 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.from-blue-100\/50 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.from-blue-100\/60 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.from-blue-100\/70 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.from-blue-100\/80 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.from-blue-100\/90 { + --gradient-from: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.from-blue-200 { + --gradient-from: var(--blue-200) +} +.from-blue-200\/10 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.from-blue-200\/20 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.from-blue-200\/30 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.from-blue-200\/40 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.from-blue-200\/50 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.from-blue-200\/60 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.from-blue-200\/70 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.from-blue-200\/80 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.from-blue-200\/90 { + --gradient-from: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.from-blue-300 { + --gradient-from: var(--blue-300) +} +.from-blue-300\/10 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.from-blue-300\/20 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.from-blue-300\/30 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.from-blue-300\/40 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.from-blue-300\/50 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.from-blue-300\/60 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.from-blue-300\/70 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.from-blue-300\/80 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.from-blue-300\/90 { + --gradient-from: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.from-blue-400 { + --gradient-from: var(--blue-400) +} +.from-blue-400\/10 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.from-blue-400\/20 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.from-blue-400\/30 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.from-blue-400\/40 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.from-blue-400\/50 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.from-blue-400\/60 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.from-blue-400\/70 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.from-blue-400\/80 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.from-blue-400\/90 { + --gradient-from: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.from-blue-500 { + --gradient-from: var(--blue-500) +} +.from-blue-500\/10 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.from-blue-500\/20 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.from-blue-500\/30 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.from-blue-500\/40 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.from-blue-500\/50 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.from-blue-500\/60 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.from-blue-500\/70 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.from-blue-500\/80 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.from-blue-500\/90 { + --gradient-from: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.from-blue-600 { + --gradient-from: var(--blue-600) +} +.from-blue-600\/10 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.from-blue-600\/20 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.from-blue-600\/30 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.from-blue-600\/40 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.from-blue-600\/50 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.from-blue-600\/60 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.from-blue-600\/70 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.from-blue-600\/80 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.from-blue-600\/90 { + --gradient-from: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.from-blue-700 { + --gradient-from: var(--blue-700) +} +.from-blue-700\/10 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.from-blue-700\/20 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.from-blue-700\/30 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.from-blue-700\/40 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.from-blue-700\/50 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.from-blue-700\/60 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.from-blue-700\/70 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.from-blue-700\/80 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.from-blue-700\/90 { + --gradient-from: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.from-blue-800 { + --gradient-from: var(--blue-800) +} +.from-blue-800\/10 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.from-blue-800\/20 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.from-blue-800\/30 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.from-blue-800\/40 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.from-blue-800\/50 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.from-blue-800\/60 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.from-blue-800\/70 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.from-blue-800\/80 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.from-blue-800\/90 { + --gradient-from: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.from-blue-900 { + --gradient-from: var(--blue-900) +} +.from-blue-900\/10 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.from-blue-900\/20 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.from-blue-900\/30 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.from-blue-900\/40 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.from-blue-900\/50 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.from-blue-900\/60 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.from-blue-900\/70 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.from-blue-900\/80 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.from-blue-900\/90 { + --gradient-from: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.from-green-50 { + --gradient-from: var(--green-50) +} +.from-green-50\/10 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.from-green-50\/20 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.from-green-50\/30 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.from-green-50\/40 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.from-green-50\/50 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.from-green-50\/60 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.from-green-50\/70 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.from-green-50\/80 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.from-green-50\/90 { + --gradient-from: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.from-green-100 { + --gradient-from: var(--green-100) +} +.from-green-100\/10 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.from-green-100\/20 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.from-green-100\/30 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.from-green-100\/40 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.from-green-100\/50 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.from-green-100\/60 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.from-green-100\/70 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.from-green-100\/80 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.from-green-100\/90 { + --gradient-from: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.from-green-200 { + --gradient-from: var(--green-200) +} +.from-green-200\/10 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.from-green-200\/20 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.from-green-200\/30 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.from-green-200\/40 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.from-green-200\/50 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.from-green-200\/60 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.from-green-200\/70 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.from-green-200\/80 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.from-green-200\/90 { + --gradient-from: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.from-green-300 { + --gradient-from: var(--green-300) +} +.from-green-300\/10 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.from-green-300\/20 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.from-green-300\/30 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.from-green-300\/40 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.from-green-300\/50 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.from-green-300\/60 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.from-green-300\/70 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.from-green-300\/80 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.from-green-300\/90 { + --gradient-from: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.from-green-400 { + --gradient-from: var(--green-400) +} +.from-green-400\/10 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.from-green-400\/20 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.from-green-400\/30 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.from-green-400\/40 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.from-green-400\/50 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.from-green-400\/60 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.from-green-400\/70 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.from-green-400\/80 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.from-green-400\/90 { + --gradient-from: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.from-green-500 { + --gradient-from: var(--green-500) +} +.from-green-500\/10 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.from-green-500\/20 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.from-green-500\/30 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.from-green-500\/40 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.from-green-500\/50 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.from-green-500\/60 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.from-green-500\/70 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.from-green-500\/80 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.from-green-500\/90 { + --gradient-from: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.from-green-600 { + --gradient-from: var(--green-600) +} +.from-green-600\/10 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.from-green-600\/20 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.from-green-600\/30 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.from-green-600\/40 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.from-green-600\/50 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.from-green-600\/60 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.from-green-600\/70 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.from-green-600\/80 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.from-green-600\/90 { + --gradient-from: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.from-green-700 { + --gradient-from: var(--green-700) +} +.from-green-700\/10 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.from-green-700\/20 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.from-green-700\/30 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.from-green-700\/40 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.from-green-700\/50 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.from-green-700\/60 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.from-green-700\/70 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.from-green-700\/80 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.from-green-700\/90 { + --gradient-from: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.from-green-800 { + --gradient-from: var(--green-800) +} +.from-green-800\/10 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.from-green-800\/20 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.from-green-800\/30 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.from-green-800\/40 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.from-green-800\/50 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.from-green-800\/60 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.from-green-800\/70 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.from-green-800\/80 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.from-green-800\/90 { + --gradient-from: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.from-green-900 { + --gradient-from: var(--green-900) +} +.from-green-900\/10 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.from-green-900\/20 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.from-green-900\/30 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.from-green-900\/40 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.from-green-900\/50 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.from-green-900\/60 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.from-green-900\/70 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.from-green-900\/80 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.from-green-900\/90 { + --gradient-from: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.from-yellow-50 { + --gradient-from: var(--yellow-50) +} +.from-yellow-50\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.from-yellow-50\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.from-yellow-50\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.from-yellow-50\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.from-yellow-50\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.from-yellow-50\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.from-yellow-50\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.from-yellow-50\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.from-yellow-50\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.from-yellow-100 { + --gradient-from: var(--yellow-100) +} +.from-yellow-100\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.from-yellow-100\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.from-yellow-100\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.from-yellow-100\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.from-yellow-100\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.from-yellow-100\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.from-yellow-100\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.from-yellow-100\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.from-yellow-100\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.from-yellow-200 { + --gradient-from: var(--yellow-200) +} +.from-yellow-200\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.from-yellow-200\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.from-yellow-200\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.from-yellow-200\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.from-yellow-200\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.from-yellow-200\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.from-yellow-200\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.from-yellow-200\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.from-yellow-200\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.from-yellow-300 { + --gradient-from: var(--yellow-300) +} +.from-yellow-300\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.from-yellow-300\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.from-yellow-300\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.from-yellow-300\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.from-yellow-300\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.from-yellow-300\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.from-yellow-300\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.from-yellow-300\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.from-yellow-300\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.from-yellow-400 { + --gradient-from: var(--yellow-400) +} +.from-yellow-400\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.from-yellow-400\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.from-yellow-400\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.from-yellow-400\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.from-yellow-400\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.from-yellow-400\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.from-yellow-400\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.from-yellow-400\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.from-yellow-400\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.from-yellow-500 { + --gradient-from: var(--yellow-500) +} +.from-yellow-500\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.from-yellow-500\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.from-yellow-500\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.from-yellow-500\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.from-yellow-500\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.from-yellow-500\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.from-yellow-500\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.from-yellow-500\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.from-yellow-500\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.from-yellow-600 { + --gradient-from: var(--yellow-600) +} +.from-yellow-600\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.from-yellow-600\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.from-yellow-600\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.from-yellow-600\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.from-yellow-600\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.from-yellow-600\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.from-yellow-600\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.from-yellow-600\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.from-yellow-600\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.from-yellow-700 { + --gradient-from: var(--yellow-700) +} +.from-yellow-700\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.from-yellow-700\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.from-yellow-700\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.from-yellow-700\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.from-yellow-700\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.from-yellow-700\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.from-yellow-700\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.from-yellow-700\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.from-yellow-700\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.from-yellow-800 { + --gradient-from: var(--yellow-800) +} +.from-yellow-800\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.from-yellow-800\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.from-yellow-800\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.from-yellow-800\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.from-yellow-800\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.from-yellow-800\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.from-yellow-800\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.from-yellow-800\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.from-yellow-800\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.from-yellow-900 { + --gradient-from: var(--yellow-900) +} +.from-yellow-900\/10 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.from-yellow-900\/20 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.from-yellow-900\/30 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.from-yellow-900\/40 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.from-yellow-900\/50 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.from-yellow-900\/60 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.from-yellow-900\/70 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.from-yellow-900\/80 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.from-yellow-900\/90 { + --gradient-from: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.from-cyan-50 { + --gradient-from: var(--cyan-50) +} +.from-cyan-50\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.from-cyan-50\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.from-cyan-50\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.from-cyan-50\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.from-cyan-50\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.from-cyan-50\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.from-cyan-50\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.from-cyan-50\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.from-cyan-50\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.from-cyan-100 { + --gradient-from: var(--cyan-100) +} +.from-cyan-100\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.from-cyan-100\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.from-cyan-100\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.from-cyan-100\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.from-cyan-100\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.from-cyan-100\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.from-cyan-100\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.from-cyan-100\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.from-cyan-100\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.from-cyan-200 { + --gradient-from: var(--cyan-200) +} +.from-cyan-200\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.from-cyan-200\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.from-cyan-200\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.from-cyan-200\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.from-cyan-200\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.from-cyan-200\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.from-cyan-200\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.from-cyan-200\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.from-cyan-200\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.from-cyan-300 { + --gradient-from: var(--cyan-300) +} +.from-cyan-300\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.from-cyan-300\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.from-cyan-300\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.from-cyan-300\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.from-cyan-300\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.from-cyan-300\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.from-cyan-300\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.from-cyan-300\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.from-cyan-300\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.from-cyan-400 { + --gradient-from: var(--cyan-400) +} +.from-cyan-400\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.from-cyan-400\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.from-cyan-400\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.from-cyan-400\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.from-cyan-400\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.from-cyan-400\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.from-cyan-400\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.from-cyan-400\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.from-cyan-400\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.from-cyan-500 { + --gradient-from: var(--cyan-500) +} +.from-cyan-500\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.from-cyan-500\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.from-cyan-500\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.from-cyan-500\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.from-cyan-500\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.from-cyan-500\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.from-cyan-500\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.from-cyan-500\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.from-cyan-500\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.from-cyan-600 { + --gradient-from: var(--cyan-600) +} +.from-cyan-600\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.from-cyan-600\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.from-cyan-600\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.from-cyan-600\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.from-cyan-600\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.from-cyan-600\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.from-cyan-600\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.from-cyan-600\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.from-cyan-600\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.from-cyan-700 { + --gradient-from: var(--cyan-700) +} +.from-cyan-700\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.from-cyan-700\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.from-cyan-700\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.from-cyan-700\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.from-cyan-700\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.from-cyan-700\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.from-cyan-700\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.from-cyan-700\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.from-cyan-700\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.from-cyan-800 { + --gradient-from: var(--cyan-800) +} +.from-cyan-800\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.from-cyan-800\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.from-cyan-800\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.from-cyan-800\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.from-cyan-800\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.from-cyan-800\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.from-cyan-800\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.from-cyan-800\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.from-cyan-800\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.from-cyan-900 { + --gradient-from: var(--cyan-900) +} +.from-cyan-900\/10 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.from-cyan-900\/20 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.from-cyan-900\/30 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.from-cyan-900\/40 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.from-cyan-900\/50 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.from-cyan-900\/60 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.from-cyan-900\/70 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.from-cyan-900\/80 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.from-cyan-900\/90 { + --gradient-from: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.from-pink-50 { + --gradient-from: var(--pink-50) +} +.from-pink-50\/10 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.from-pink-50\/20 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.from-pink-50\/30 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.from-pink-50\/40 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.from-pink-50\/50 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.from-pink-50\/60 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.from-pink-50\/70 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.from-pink-50\/80 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.from-pink-50\/90 { + --gradient-from: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.from-pink-100 { + --gradient-from: var(--pink-100) +} +.from-pink-100\/10 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.from-pink-100\/20 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.from-pink-100\/30 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.from-pink-100\/40 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.from-pink-100\/50 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.from-pink-100\/60 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.from-pink-100\/70 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.from-pink-100\/80 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.from-pink-100\/90 { + --gradient-from: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.from-pink-200 { + --gradient-from: var(--pink-200) +} +.from-pink-200\/10 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.from-pink-200\/20 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.from-pink-200\/30 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.from-pink-200\/40 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.from-pink-200\/50 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.from-pink-200\/60 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.from-pink-200\/70 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.from-pink-200\/80 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.from-pink-200\/90 { + --gradient-from: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.from-pink-300 { + --gradient-from: var(--pink-300) +} +.from-pink-300\/10 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.from-pink-300\/20 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.from-pink-300\/30 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.from-pink-300\/40 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.from-pink-300\/50 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.from-pink-300\/60 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.from-pink-300\/70 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.from-pink-300\/80 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.from-pink-300\/90 { + --gradient-from: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.from-pink-400 { + --gradient-from: var(--pink-400) +} +.from-pink-400\/10 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.from-pink-400\/20 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.from-pink-400\/30 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.from-pink-400\/40 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.from-pink-400\/50 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.from-pink-400\/60 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.from-pink-400\/70 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.from-pink-400\/80 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.from-pink-400\/90 { + --gradient-from: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.from-pink-500 { + --gradient-from: var(--pink-500) +} +.from-pink-500\/10 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.from-pink-500\/20 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.from-pink-500\/30 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.from-pink-500\/40 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.from-pink-500\/50 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.from-pink-500\/60 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.from-pink-500\/70 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.from-pink-500\/80 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.from-pink-500\/90 { + --gradient-from: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.from-pink-600 { + --gradient-from: var(--pink-600) +} +.from-pink-600\/10 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.from-pink-600\/20 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.from-pink-600\/30 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.from-pink-600\/40 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.from-pink-600\/50 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.from-pink-600\/60 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.from-pink-600\/70 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.from-pink-600\/80 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.from-pink-600\/90 { + --gradient-from: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.from-pink-700 { + --gradient-from: var(--pink-700) +} +.from-pink-700\/10 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.from-pink-700\/20 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.from-pink-700\/30 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.from-pink-700\/40 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.from-pink-700\/50 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.from-pink-700\/60 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.from-pink-700\/70 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.from-pink-700\/80 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.from-pink-700\/90 { + --gradient-from: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.from-pink-800 { + --gradient-from: var(--pink-800) +} +.from-pink-800\/10 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.from-pink-800\/20 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.from-pink-800\/30 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.from-pink-800\/40 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.from-pink-800\/50 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.from-pink-800\/60 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.from-pink-800\/70 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.from-pink-800\/80 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.from-pink-800\/90 { + --gradient-from: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.from-pink-900 { + --gradient-from: var(--pink-900) +} +.from-pink-900\/10 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.from-pink-900\/20 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.from-pink-900\/30 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.from-pink-900\/40 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.from-pink-900\/50 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.from-pink-900\/60 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.from-pink-900\/70 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.from-pink-900\/80 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.from-pink-900\/90 { + --gradient-from: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.from-indigo-50 { + --gradient-from: var(--indigo-50) +} +.from-indigo-50\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.from-indigo-50\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.from-indigo-50\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.from-indigo-50\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.from-indigo-50\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.from-indigo-50\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.from-indigo-50\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.from-indigo-50\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.from-indigo-50\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.from-indigo-100 { + --gradient-from: var(--indigo-100) +} +.from-indigo-100\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.from-indigo-100\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.from-indigo-100\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.from-indigo-100\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.from-indigo-100\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.from-indigo-100\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.from-indigo-100\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.from-indigo-100\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.from-indigo-100\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.from-indigo-200 { + --gradient-from: var(--indigo-200) +} +.from-indigo-200\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.from-indigo-200\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.from-indigo-200\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.from-indigo-200\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.from-indigo-200\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.from-indigo-200\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.from-indigo-200\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.from-indigo-200\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.from-indigo-200\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.from-indigo-300 { + --gradient-from: var(--indigo-300) +} +.from-indigo-300\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.from-indigo-300\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.from-indigo-300\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.from-indigo-300\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.from-indigo-300\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.from-indigo-300\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.from-indigo-300\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.from-indigo-300\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.from-indigo-300\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.from-indigo-400 { + --gradient-from: var(--indigo-400) +} +.from-indigo-400\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.from-indigo-400\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.from-indigo-400\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.from-indigo-400\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.from-indigo-400\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.from-indigo-400\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.from-indigo-400\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.from-indigo-400\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.from-indigo-400\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.from-indigo-500 { + --gradient-from: var(--indigo-500) +} +.from-indigo-500\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.from-indigo-500\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.from-indigo-500\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.from-indigo-500\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.from-indigo-500\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.from-indigo-500\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.from-indigo-500\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.from-indigo-500\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.from-indigo-500\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.from-indigo-600 { + --gradient-from: var(--indigo-600) +} +.from-indigo-600\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.from-indigo-600\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.from-indigo-600\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.from-indigo-600\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.from-indigo-600\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.from-indigo-600\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.from-indigo-600\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.from-indigo-600\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.from-indigo-600\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.from-indigo-700 { + --gradient-from: var(--indigo-700) +} +.from-indigo-700\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.from-indigo-700\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.from-indigo-700\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.from-indigo-700\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.from-indigo-700\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.from-indigo-700\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.from-indigo-700\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.from-indigo-700\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.from-indigo-700\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.from-indigo-800 { + --gradient-from: var(--indigo-800) +} +.from-indigo-800\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.from-indigo-800\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.from-indigo-800\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.from-indigo-800\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.from-indigo-800\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.from-indigo-800\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.from-indigo-800\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.from-indigo-800\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.from-indigo-800\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.from-indigo-900 { + --gradient-from: var(--indigo-900) +} +.from-indigo-900\/10 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.from-indigo-900\/20 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.from-indigo-900\/30 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.from-indigo-900\/40 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.from-indigo-900\/50 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.from-indigo-900\/60 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.from-indigo-900\/70 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.from-indigo-900\/80 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.from-indigo-900\/90 { + --gradient-from: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.from-teal-50 { + --gradient-from: var(--teal-50) +} +.from-teal-50\/10 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.from-teal-50\/20 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.from-teal-50\/30 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.from-teal-50\/40 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.from-teal-50\/50 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.from-teal-50\/60 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.from-teal-50\/70 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.from-teal-50\/80 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.from-teal-50\/90 { + --gradient-from: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.from-teal-100 { + --gradient-from: var(--teal-100) +} +.from-teal-100\/10 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.from-teal-100\/20 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.from-teal-100\/30 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.from-teal-100\/40 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.from-teal-100\/50 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.from-teal-100\/60 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.from-teal-100\/70 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.from-teal-100\/80 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.from-teal-100\/90 { + --gradient-from: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.from-teal-200 { + --gradient-from: var(--teal-200) +} +.from-teal-200\/10 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.from-teal-200\/20 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.from-teal-200\/30 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.from-teal-200\/40 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.from-teal-200\/50 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.from-teal-200\/60 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.from-teal-200\/70 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.from-teal-200\/80 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.from-teal-200\/90 { + --gradient-from: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.from-teal-300 { + --gradient-from: var(--teal-300) +} +.from-teal-300\/10 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.from-teal-300\/20 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.from-teal-300\/30 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.from-teal-300\/40 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.from-teal-300\/50 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.from-teal-300\/60 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.from-teal-300\/70 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.from-teal-300\/80 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.from-teal-300\/90 { + --gradient-from: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.from-teal-400 { + --gradient-from: var(--teal-400) +} +.from-teal-400\/10 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.from-teal-400\/20 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.from-teal-400\/30 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.from-teal-400\/40 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.from-teal-400\/50 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.from-teal-400\/60 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.from-teal-400\/70 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.from-teal-400\/80 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.from-teal-400\/90 { + --gradient-from: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.from-teal-500 { + --gradient-from: var(--teal-500) +} +.from-teal-500\/10 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.from-teal-500\/20 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.from-teal-500\/30 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.from-teal-500\/40 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.from-teal-500\/50 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.from-teal-500\/60 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.from-teal-500\/70 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.from-teal-500\/80 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.from-teal-500\/90 { + --gradient-from: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.from-teal-600 { + --gradient-from: var(--teal-600) +} +.from-teal-600\/10 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.from-teal-600\/20 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.from-teal-600\/30 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.from-teal-600\/40 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.from-teal-600\/50 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.from-teal-600\/60 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.from-teal-600\/70 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.from-teal-600\/80 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.from-teal-600\/90 { + --gradient-from: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.from-teal-700 { + --gradient-from: var(--teal-700) +} +.from-teal-700\/10 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.from-teal-700\/20 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.from-teal-700\/30 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.from-teal-700\/40 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.from-teal-700\/50 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.from-teal-700\/60 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.from-teal-700\/70 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.from-teal-700\/80 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.from-teal-700\/90 { + --gradient-from: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.from-teal-800 { + --gradient-from: var(--teal-800) +} +.from-teal-800\/10 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.from-teal-800\/20 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.from-teal-800\/30 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.from-teal-800\/40 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.from-teal-800\/50 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.from-teal-800\/60 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.from-teal-800\/70 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.from-teal-800\/80 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.from-teal-800\/90 { + --gradient-from: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.from-teal-900 { + --gradient-from: var(--teal-900) +} +.from-teal-900\/10 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.from-teal-900\/20 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.from-teal-900\/30 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.from-teal-900\/40 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.from-teal-900\/50 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.from-teal-900\/60 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.from-teal-900\/70 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.from-teal-900\/80 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.from-teal-900\/90 { + --gradient-from: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.from-orange-50 { + --gradient-from: var(--orange-50) +} +.from-orange-50\/10 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.from-orange-50\/20 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.from-orange-50\/30 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.from-orange-50\/40 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.from-orange-50\/50 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.from-orange-50\/60 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.from-orange-50\/70 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.from-orange-50\/80 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.from-orange-50\/90 { + --gradient-from: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.from-orange-100 { + --gradient-from: var(--orange-100) +} +.from-orange-100\/10 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.from-orange-100\/20 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.from-orange-100\/30 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.from-orange-100\/40 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.from-orange-100\/50 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.from-orange-100\/60 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.from-orange-100\/70 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.from-orange-100\/80 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.from-orange-100\/90 { + --gradient-from: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.from-orange-200 { + --gradient-from: var(--orange-200) +} +.from-orange-200\/10 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.from-orange-200\/20 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.from-orange-200\/30 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.from-orange-200\/40 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.from-orange-200\/50 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.from-orange-200\/60 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.from-orange-200\/70 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.from-orange-200\/80 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.from-orange-200\/90 { + --gradient-from: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.from-orange-300 { + --gradient-from: var(--orange-300) +} +.from-orange-300\/10 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.from-orange-300\/20 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.from-orange-300\/30 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.from-orange-300\/40 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.from-orange-300\/50 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.from-orange-300\/60 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.from-orange-300\/70 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.from-orange-300\/80 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.from-orange-300\/90 { + --gradient-from: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.from-orange-400 { + --gradient-from: var(--orange-400) +} +.from-orange-400\/10 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.from-orange-400\/20 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.from-orange-400\/30 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.from-orange-400\/40 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.from-orange-400\/50 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.from-orange-400\/60 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.from-orange-400\/70 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.from-orange-400\/80 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.from-orange-400\/90 { + --gradient-from: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.from-orange-500 { + --gradient-from: var(--orange-500) +} +.from-orange-500\/10 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.from-orange-500\/20 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.from-orange-500\/30 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.from-orange-500\/40 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.from-orange-500\/50 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.from-orange-500\/60 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.from-orange-500\/70 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.from-orange-500\/80 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.from-orange-500\/90 { + --gradient-from: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.from-orange-600 { + --gradient-from: var(--orange-600) +} +.from-orange-600\/10 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.from-orange-600\/20 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.from-orange-600\/30 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.from-orange-600\/40 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.from-orange-600\/50 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.from-orange-600\/60 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.from-orange-600\/70 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.from-orange-600\/80 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.from-orange-600\/90 { + --gradient-from: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.from-orange-700 { + --gradient-from: var(--orange-700) +} +.from-orange-700\/10 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.from-orange-700\/20 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.from-orange-700\/30 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.from-orange-700\/40 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.from-orange-700\/50 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.from-orange-700\/60 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.from-orange-700\/70 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.from-orange-700\/80 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.from-orange-700\/90 { + --gradient-from: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.from-orange-800 { + --gradient-from: var(--orange-800) +} +.from-orange-800\/10 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.from-orange-800\/20 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.from-orange-800\/30 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.from-orange-800\/40 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.from-orange-800\/50 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.from-orange-800\/60 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.from-orange-800\/70 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.from-orange-800\/80 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.from-orange-800\/90 { + --gradient-from: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.from-orange-900 { + --gradient-from: var(--orange-900) +} +.from-orange-900\/10 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.from-orange-900\/20 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.from-orange-900\/30 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.from-orange-900\/40 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.from-orange-900\/50 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.from-orange-900\/60 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.from-orange-900\/70 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.from-orange-900\/80 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.from-orange-900\/90 { + --gradient-from: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.from-bluegray-50 { + --gradient-from: var(--bluegray-50) +} +.from-bluegray-50\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.from-bluegray-50\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.from-bluegray-50\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.from-bluegray-50\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.from-bluegray-50\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.from-bluegray-50\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.from-bluegray-50\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.from-bluegray-50\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.from-bluegray-50\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.from-bluegray-100 { + --gradient-from: var(--bluegray-100) +} +.from-bluegray-100\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.from-bluegray-100\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.from-bluegray-100\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.from-bluegray-100\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.from-bluegray-100\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.from-bluegray-100\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.from-bluegray-100\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.from-bluegray-100\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.from-bluegray-100\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.from-bluegray-200 { + --gradient-from: var(--bluegray-200) +} +.from-bluegray-200\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.from-bluegray-200\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.from-bluegray-200\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.from-bluegray-200\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.from-bluegray-200\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.from-bluegray-200\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.from-bluegray-200\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.from-bluegray-200\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.from-bluegray-200\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.from-bluegray-300 { + --gradient-from: var(--bluegray-300) +} +.from-bluegray-300\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.from-bluegray-300\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.from-bluegray-300\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.from-bluegray-300\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.from-bluegray-300\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.from-bluegray-300\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.from-bluegray-300\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.from-bluegray-300\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.from-bluegray-300\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.from-bluegray-400 { + --gradient-from: var(--bluegray-400) +} +.from-bluegray-400\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.from-bluegray-400\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.from-bluegray-400\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.from-bluegray-400\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.from-bluegray-400\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.from-bluegray-400\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.from-bluegray-400\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.from-bluegray-400\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.from-bluegray-400\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.from-bluegray-500 { + --gradient-from: var(--bluegray-500) +} +.from-bluegray-500\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.from-bluegray-500\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.from-bluegray-500\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.from-bluegray-500\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.from-bluegray-500\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.from-bluegray-500\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.from-bluegray-500\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.from-bluegray-500\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.from-bluegray-500\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.from-bluegray-600 { + --gradient-from: var(--bluegray-600) +} +.from-bluegray-600\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.from-bluegray-600\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.from-bluegray-600\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.from-bluegray-600\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.from-bluegray-600\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.from-bluegray-600\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.from-bluegray-600\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.from-bluegray-600\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.from-bluegray-600\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.from-bluegray-700 { + --gradient-from: var(--bluegray-700) +} +.from-bluegray-700\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.from-bluegray-700\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.from-bluegray-700\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.from-bluegray-700\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.from-bluegray-700\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.from-bluegray-700\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.from-bluegray-700\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.from-bluegray-700\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.from-bluegray-700\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.from-bluegray-800 { + --gradient-from: var(--bluegray-800) +} +.from-bluegray-800\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.from-bluegray-800\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.from-bluegray-800\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.from-bluegray-800\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.from-bluegray-800\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.from-bluegray-800\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.from-bluegray-800\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.from-bluegray-800\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.from-bluegray-800\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.from-bluegray-900 { + --gradient-from: var(--bluegray-900) +} +.from-bluegray-900\/10 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.from-bluegray-900\/20 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.from-bluegray-900\/30 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.from-bluegray-900\/40 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.from-bluegray-900\/50 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.from-bluegray-900\/60 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.from-bluegray-900\/70 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.from-bluegray-900\/80 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.from-bluegray-900\/90 { + --gradient-from: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.from-purple-50 { + --gradient-from: var(--purple-50) +} +.from-purple-50\/10 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.from-purple-50\/20 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.from-purple-50\/30 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.from-purple-50\/40 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.from-purple-50\/50 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.from-purple-50\/60 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.from-purple-50\/70 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.from-purple-50\/80 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.from-purple-50\/90 { + --gradient-from: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.from-purple-100 { + --gradient-from: var(--purple-100) +} +.from-purple-100\/10 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.from-purple-100\/20 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.from-purple-100\/30 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.from-purple-100\/40 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.from-purple-100\/50 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.from-purple-100\/60 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.from-purple-100\/70 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.from-purple-100\/80 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.from-purple-100\/90 { + --gradient-from: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.from-purple-200 { + --gradient-from: var(--purple-200) +} +.from-purple-200\/10 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.from-purple-200\/20 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.from-purple-200\/30 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.from-purple-200\/40 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.from-purple-200\/50 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.from-purple-200\/60 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.from-purple-200\/70 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.from-purple-200\/80 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.from-purple-200\/90 { + --gradient-from: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.from-purple-300 { + --gradient-from: var(--purple-300) +} +.from-purple-300\/10 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.from-purple-300\/20 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.from-purple-300\/30 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.from-purple-300\/40 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.from-purple-300\/50 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.from-purple-300\/60 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.from-purple-300\/70 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.from-purple-300\/80 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.from-purple-300\/90 { + --gradient-from: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.from-purple-400 { + --gradient-from: var(--purple-400) +} +.from-purple-400\/10 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.from-purple-400\/20 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.from-purple-400\/30 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.from-purple-400\/40 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.from-purple-400\/50 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.from-purple-400\/60 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.from-purple-400\/70 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.from-purple-400\/80 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.from-purple-400\/90 { + --gradient-from: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.from-purple-500 { + --gradient-from: var(--purple-500) +} +.from-purple-500\/10 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.from-purple-500\/20 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.from-purple-500\/30 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.from-purple-500\/40 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.from-purple-500\/50 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.from-purple-500\/60 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.from-purple-500\/70 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.from-purple-500\/80 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.from-purple-500\/90 { + --gradient-from: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.from-purple-600 { + --gradient-from: var(--purple-600) +} +.from-purple-600\/10 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.from-purple-600\/20 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.from-purple-600\/30 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.from-purple-600\/40 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.from-purple-600\/50 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.from-purple-600\/60 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.from-purple-600\/70 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.from-purple-600\/80 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.from-purple-600\/90 { + --gradient-from: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.from-purple-700 { + --gradient-from: var(--purple-700) +} +.from-purple-700\/10 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.from-purple-700\/20 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.from-purple-700\/30 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.from-purple-700\/40 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.from-purple-700\/50 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.from-purple-700\/60 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.from-purple-700\/70 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.from-purple-700\/80 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.from-purple-700\/90 { + --gradient-from: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.from-purple-800 { + --gradient-from: var(--purple-800) +} +.from-purple-800\/10 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.from-purple-800\/20 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.from-purple-800\/30 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.from-purple-800\/40 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.from-purple-800\/50 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.from-purple-800\/60 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.from-purple-800\/70 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.from-purple-800\/80 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.from-purple-800\/90 { + --gradient-from: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.from-purple-900 { + --gradient-from: var(--purple-900) +} +.from-purple-900\/10 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.from-purple-900\/20 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.from-purple-900\/30 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.from-purple-900\/40 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.from-purple-900\/50 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.from-purple-900\/60 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.from-purple-900\/70 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.from-purple-900\/80 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.from-purple-900\/90 { + --gradient-from: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.from-red-50 { + --gradient-from: var(--red-50) +} +.from-red-50\/10 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.from-red-50\/20 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.from-red-50\/30 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.from-red-50\/40 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.from-red-50\/50 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.from-red-50\/60 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.from-red-50\/70 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.from-red-50\/80 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.from-red-50\/90 { + --gradient-from: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.from-red-100 { + --gradient-from: var(--red-100) +} +.from-red-100\/10 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.from-red-100\/20 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.from-red-100\/30 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.from-red-100\/40 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.from-red-100\/50 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.from-red-100\/60 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.from-red-100\/70 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.from-red-100\/80 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.from-red-100\/90 { + --gradient-from: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.from-red-200 { + --gradient-from: var(--red-200) +} +.from-red-200\/10 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.from-red-200\/20 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.from-red-200\/30 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.from-red-200\/40 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.from-red-200\/50 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.from-red-200\/60 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.from-red-200\/70 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.from-red-200\/80 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.from-red-200\/90 { + --gradient-from: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.from-red-300 { + --gradient-from: var(--red-300) +} +.from-red-300\/10 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.from-red-300\/20 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.from-red-300\/30 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.from-red-300\/40 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.from-red-300\/50 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.from-red-300\/60 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.from-red-300\/70 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.from-red-300\/80 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.from-red-300\/90 { + --gradient-from: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.from-red-400 { + --gradient-from: var(--red-400) +} +.from-red-400\/10 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.from-red-400\/20 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.from-red-400\/30 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.from-red-400\/40 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.from-red-400\/50 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.from-red-400\/60 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.from-red-400\/70 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.from-red-400\/80 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.from-red-400\/90 { + --gradient-from: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.from-red-500 { + --gradient-from: var(--red-500) +} +.from-red-500\/10 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.from-red-500\/20 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.from-red-500\/30 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.from-red-500\/40 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.from-red-500\/50 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.from-red-500\/60 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.from-red-500\/70 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.from-red-500\/80 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.from-red-500\/90 { + --gradient-from: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.from-red-600 { + --gradient-from: var(--red-600) +} +.from-red-600\/10 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.from-red-600\/20 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.from-red-600\/30 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.from-red-600\/40 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.from-red-600\/50 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.from-red-600\/60 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.from-red-600\/70 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.from-red-600\/80 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.from-red-600\/90 { + --gradient-from: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.from-red-700 { + --gradient-from: var(--red-700) +} +.from-red-700\/10 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.from-red-700\/20 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.from-red-700\/30 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.from-red-700\/40 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.from-red-700\/50 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.from-red-700\/60 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.from-red-700\/70 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.from-red-700\/80 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.from-red-700\/90 { + --gradient-from: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.from-red-800 { + --gradient-from: var(--red-800) +} +.from-red-800\/10 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.from-red-800\/20 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.from-red-800\/30 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.from-red-800\/40 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.from-red-800\/50 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.from-red-800\/60 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.from-red-800\/70 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.from-red-800\/80 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.from-red-800\/90 { + --gradient-from: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.from-red-900 { + --gradient-from: var(--red-900) +} +.from-red-900\/10 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.from-red-900\/20 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.from-red-900\/30 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.from-red-900\/40 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.from-red-900\/50 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.from-red-900\/60 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.from-red-900\/70 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.from-red-900\/80 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.from-red-900\/90 { + --gradient-from: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.from-gray-50 { + --gradient-from: var(--gray-50) +} +.from-gray-50\/10 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.from-gray-50\/20 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.from-gray-50\/30 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.from-gray-50\/40 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.from-gray-50\/50 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.from-gray-50\/60 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.from-gray-50\/70 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.from-gray-50\/80 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.from-gray-50\/90 { + --gradient-from: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.from-gray-100 { + --gradient-from: var(--gray-100) +} +.from-gray-100\/10 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.from-gray-100\/20 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.from-gray-100\/30 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.from-gray-100\/40 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.from-gray-100\/50 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.from-gray-100\/60 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.from-gray-100\/70 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.from-gray-100\/80 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.from-gray-100\/90 { + --gradient-from: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.from-gray-200 { + --gradient-from: var(--gray-200) +} +.from-gray-200\/10 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.from-gray-200\/20 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.from-gray-200\/30 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.from-gray-200\/40 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.from-gray-200\/50 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.from-gray-200\/60 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.from-gray-200\/70 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.from-gray-200\/80 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.from-gray-200\/90 { + --gradient-from: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.from-gray-300 { + --gradient-from: var(--gray-300) +} +.from-gray-300\/10 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.from-gray-300\/20 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.from-gray-300\/30 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.from-gray-300\/40 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.from-gray-300\/50 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.from-gray-300\/60 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.from-gray-300\/70 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.from-gray-300\/80 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.from-gray-300\/90 { + --gradient-from: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.from-gray-400 { + --gradient-from: var(--gray-400) +} +.from-gray-400\/10 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.from-gray-400\/20 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.from-gray-400\/30 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.from-gray-400\/40 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.from-gray-400\/50 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.from-gray-400\/60 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.from-gray-400\/70 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.from-gray-400\/80 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.from-gray-400\/90 { + --gradient-from: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.from-gray-500 { + --gradient-from: var(--gray-500) +} +.from-gray-500\/10 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.from-gray-500\/20 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.from-gray-500\/30 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.from-gray-500\/40 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.from-gray-500\/50 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.from-gray-500\/60 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.from-gray-500\/70 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.from-gray-500\/80 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.from-gray-500\/90 { + --gradient-from: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.from-gray-600 { + --gradient-from: var(--gray-600) +} +.from-gray-600\/10 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.from-gray-600\/20 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.from-gray-600\/30 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.from-gray-600\/40 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.from-gray-600\/50 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.from-gray-600\/60 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.from-gray-600\/70 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.from-gray-600\/80 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.from-gray-600\/90 { + --gradient-from: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.from-gray-700 { + --gradient-from: var(--gray-700) +} +.from-gray-700\/10 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.from-gray-700\/20 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.from-gray-700\/30 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.from-gray-700\/40 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.from-gray-700\/50 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.from-gray-700\/60 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.from-gray-700\/70 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.from-gray-700\/80 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.from-gray-700\/90 { + --gradient-from: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.from-gray-800 { + --gradient-from: var(--gray-800) +} +.from-gray-800\/10 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.from-gray-800\/20 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.from-gray-800\/30 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.from-gray-800\/40 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.from-gray-800\/50 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.from-gray-800\/60 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.from-gray-800\/70 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.from-gray-800\/80 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.from-gray-800\/90 { + --gradient-from: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.from-gray-900 { + --gradient-from: var(--gray-900) +} +.from-gray-900\/10 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.from-gray-900\/20 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.from-gray-900\/30 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.from-gray-900\/40 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.from-gray-900\/50 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.from-gray-900\/60 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.from-gray-900\/70 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.from-gray-900\/80 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.from-gray-900\/90 { + --gradient-from: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.from-surface-0 { + --gradient-from: var(--surface-0) +} +.from-surface-0\/10 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.from-surface-0\/20 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.from-surface-0\/30 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.from-surface-0\/40 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.from-surface-0\/50 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.from-surface-0\/60 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.from-surface-0\/70 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.from-surface-0\/80 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.from-surface-0\/90 { + --gradient-from: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.from-surface-50 { + --gradient-from: var(--surface-50) +} +.from-surface-50\/10 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.from-surface-50\/20 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.from-surface-50\/30 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.from-surface-50\/40 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.from-surface-50\/50 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.from-surface-50\/60 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.from-surface-50\/70 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.from-surface-50\/80 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.from-surface-50\/90 { + --gradient-from: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.from-surface-100 { + --gradient-from: var(--surface-100) +} +.from-surface-100\/10 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.from-surface-100\/20 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.from-surface-100\/30 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.from-surface-100\/40 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.from-surface-100\/50 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.from-surface-100\/60 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.from-surface-100\/70 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.from-surface-100\/80 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.from-surface-100\/90 { + --gradient-from: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.from-surface-200 { + --gradient-from: var(--surface-200) +} +.from-surface-200\/10 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.from-surface-200\/20 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.from-surface-200\/30 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.from-surface-200\/40 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.from-surface-200\/50 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.from-surface-200\/60 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.from-surface-200\/70 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.from-surface-200\/80 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.from-surface-200\/90 { + --gradient-from: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.from-surface-300 { + --gradient-from: var(--surface-300) +} +.from-surface-300\/10 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.from-surface-300\/20 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.from-surface-300\/30 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.from-surface-300\/40 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.from-surface-300\/50 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.from-surface-300\/60 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.from-surface-300\/70 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.from-surface-300\/80 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.from-surface-300\/90 { + --gradient-from: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.from-surface-400 { + --gradient-from: var(--surface-400) +} +.from-surface-400\/10 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.from-surface-400\/20 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.from-surface-400\/30 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.from-surface-400\/40 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.from-surface-400\/50 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.from-surface-400\/60 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.from-surface-400\/70 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.from-surface-400\/80 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.from-surface-400\/90 { + --gradient-from: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.from-surface-500 { + --gradient-from: var(--surface-500) +} +.from-surface-500\/10 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.from-surface-500\/20 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.from-surface-500\/30 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.from-surface-500\/40 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.from-surface-500\/50 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.from-surface-500\/60 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.from-surface-500\/70 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.from-surface-500\/80 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.from-surface-500\/90 { + --gradient-from: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.from-surface-600 { + --gradient-from: var(--surface-600) +} +.from-surface-600\/10 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.from-surface-600\/20 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.from-surface-600\/30 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.from-surface-600\/40 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.from-surface-600\/50 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.from-surface-600\/60 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.from-surface-600\/70 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.from-surface-600\/80 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.from-surface-600\/90 { + --gradient-from: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.from-surface-700 { + --gradient-from: var(--surface-700) +} +.from-surface-700\/10 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.from-surface-700\/20 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.from-surface-700\/30 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.from-surface-700\/40 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.from-surface-700\/50 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.from-surface-700\/60 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.from-surface-700\/70 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.from-surface-700\/80 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.from-surface-700\/90 { + --gradient-from: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.from-surface-800 { + --gradient-from: var(--surface-800) +} +.from-surface-800\/10 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.from-surface-800\/20 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.from-surface-800\/30 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.from-surface-800\/40 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.from-surface-800\/50 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.from-surface-800\/60 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.from-surface-800\/70 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.from-surface-800\/80 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.from-surface-800\/90 { + --gradient-from: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.from-surface-900 { + --gradient-from: var(--surface-900) +} +.from-surface-900\/10 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.from-surface-900\/20 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.from-surface-900\/30 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.from-surface-900\/40 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.from-surface-900\/50 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.from-surface-900\/60 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.from-surface-900\/70 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.from-surface-900\/80 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.from-surface-900\/90 { + --gradient-from: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.from-primary-50 { + --gradient-from: var(--primary-50) +} +.from-primary-50\/10 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.from-primary-50\/20 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.from-primary-50\/30 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.from-primary-50\/40 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.from-primary-50\/50 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.from-primary-50\/60 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.from-primary-50\/70 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.from-primary-50\/80 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.from-primary-50\/90 { + --gradient-from: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.from-primary-100 { + --gradient-from: var(--primary-100) +} +.from-primary-100\/10 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.from-primary-100\/20 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.from-primary-100\/30 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.from-primary-100\/40 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.from-primary-100\/50 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.from-primary-100\/60 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.from-primary-100\/70 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.from-primary-100\/80 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.from-primary-100\/90 { + --gradient-from: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.from-primary-200 { + --gradient-from: var(--primary-200) +} +.from-primary-200\/10 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.from-primary-200\/20 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.from-primary-200\/30 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.from-primary-200\/40 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.from-primary-200\/50 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.from-primary-200\/60 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.from-primary-200\/70 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.from-primary-200\/80 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.from-primary-200\/90 { + --gradient-from: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.from-primary-300 { + --gradient-from: var(--primary-300) +} +.from-primary-300\/10 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.from-primary-300\/20 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.from-primary-300\/30 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.from-primary-300\/40 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.from-primary-300\/50 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.from-primary-300\/60 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.from-primary-300\/70 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.from-primary-300\/80 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.from-primary-300\/90 { + --gradient-from: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.from-primary-400 { + --gradient-from: var(--primary-400) +} +.from-primary-400\/10 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.from-primary-400\/20 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.from-primary-400\/30 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.from-primary-400\/40 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.from-primary-400\/50 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.from-primary-400\/60 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.from-primary-400\/70 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.from-primary-400\/80 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.from-primary-400\/90 { + --gradient-from: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.from-primary-500 { + --gradient-from: var(--primary-500) +} +.from-primary-500\/10 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.from-primary-500\/20 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.from-primary-500\/30 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.from-primary-500\/40 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.from-primary-500\/50 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.from-primary-500\/60 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.from-primary-500\/70 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.from-primary-500\/80 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.from-primary-500\/90 { + --gradient-from: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.from-primary-600 { + --gradient-from: var(--primary-600) +} +.from-primary-600\/10 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.from-primary-600\/20 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.from-primary-600\/30 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.from-primary-600\/40 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.from-primary-600\/50 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.from-primary-600\/60 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.from-primary-600\/70 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.from-primary-600\/80 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.from-primary-600\/90 { + --gradient-from: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.from-primary-700 { + --gradient-from: var(--primary-700) +} +.from-primary-700\/10 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.from-primary-700\/20 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.from-primary-700\/30 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.from-primary-700\/40 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.from-primary-700\/50 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.from-primary-700\/60 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.from-primary-700\/70 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.from-primary-700\/80 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.from-primary-700\/90 { + --gradient-from: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.from-primary-800 { + --gradient-from: var(--primary-800) +} +.from-primary-800\/10 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.from-primary-800\/20 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.from-primary-800\/30 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.from-primary-800\/40 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.from-primary-800\/50 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.from-primary-800\/60 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.from-primary-800\/70 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.from-primary-800\/80 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.from-primary-800\/90 { + --gradient-from: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.from-primary-900 { + --gradient-from: var(--primary-900) +} +.from-primary-900\/10 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.from-primary-900\/20 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.from-primary-900\/30 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.from-primary-900\/40 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.from-primary-900\/50 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.from-primary-900\/60 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.from-primary-900\/70 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.from-primary-900\/80 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.from-primary-900\/90 { + --gradient-from: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.from-white\/10 { + --gradient-from: color-mix(in srgb, #ffffff 10%, transparent) +} +.from-white-alpha-10 { + --gradient-from: color-mix(in srgb, #ffffff 10%, transparent) +} +.from-black\/10 { + --gradient-from: color-mix(in srgb, #000000 10%, transparent) +} +.from-black-alpha-10 { + --gradient-from: color-mix(in srgb, #000000 10%, transparent) +} +.from-white\/20 { + --gradient-from: color-mix(in srgb, #ffffff 20%, transparent) +} +.from-white-alpha-20 { + --gradient-from: color-mix(in srgb, #ffffff 20%, transparent) +} +.from-black\/20 { + --gradient-from: color-mix(in srgb, #000000 20%, transparent) +} +.from-black-alpha-20 { + --gradient-from: color-mix(in srgb, #000000 20%, transparent) +} +.from-white\/30 { + --gradient-from: color-mix(in srgb, #ffffff 30%, transparent) +} +.from-white-alpha-30 { + --gradient-from: color-mix(in srgb, #ffffff 30%, transparent) +} +.from-black\/30 { + --gradient-from: color-mix(in srgb, #000000 30%, transparent) +} +.from-black-alpha-30 { + --gradient-from: color-mix(in srgb, #000000 30%, transparent) +} +.from-white\/40 { + --gradient-from: color-mix(in srgb, #ffffff 40%, transparent) +} +.from-white-alpha-40 { + --gradient-from: color-mix(in srgb, #ffffff 40%, transparent) +} +.from-black\/40 { + --gradient-from: color-mix(in srgb, #000000 40%, transparent) +} +.from-black-alpha-40 { + --gradient-from: color-mix(in srgb, #000000 40%, transparent) +} +.from-white\/50 { + --gradient-from: color-mix(in srgb, #ffffff 50%, transparent) +} +.from-white-alpha-50 { + --gradient-from: color-mix(in srgb, #ffffff 50%, transparent) +} +.from-black\/50 { + --gradient-from: color-mix(in srgb, #000000 50%, transparent) +} +.from-black-alpha-50 { + --gradient-from: color-mix(in srgb, #000000 50%, transparent) +} +.from-white\/60 { + --gradient-from: color-mix(in srgb, #ffffff 60%, transparent) +} +.from-white-alpha-60 { + --gradient-from: color-mix(in srgb, #ffffff 60%, transparent) +} +.from-black\/60 { + --gradient-from: color-mix(in srgb, #000000 60%, transparent) +} +.from-black-alpha-60 { + --gradient-from: color-mix(in srgb, #000000 60%, transparent) +} +.from-white\/70 { + --gradient-from: color-mix(in srgb, #ffffff 70%, transparent) +} +.from-white-alpha-70 { + --gradient-from: color-mix(in srgb, #ffffff 70%, transparent) +} +.from-black\/70 { + --gradient-from: color-mix(in srgb, #000000 70%, transparent) +} +.from-black-alpha-70 { + --gradient-from: color-mix(in srgb, #000000 70%, transparent) +} +.from-white\/80 { + --gradient-from: color-mix(in srgb, #ffffff 80%, transparent) +} +.from-white-alpha-80 { + --gradient-from: color-mix(in srgb, #ffffff 80%, transparent) +} +.from-black\/80 { + --gradient-from: color-mix(in srgb, #000000 80%, transparent) +} +.from-black-alpha-80 { + --gradient-from: color-mix(in srgb, #000000 80%, transparent) +} +.from-white\/90 { + --gradient-from: color-mix(in srgb, #ffffff 90%, transparent) +} +.from-white-alpha-90 { + --gradient-from: color-mix(in srgb, #ffffff 90%, transparent) +} +.from-black\/90 { + --gradient-from: color-mix(in srgb, #000000 90%, transparent) +} +.from-black-alpha-90 { + --gradient-from: color-mix(in srgb, #000000 90%, transparent) +} +.via-from-to { + --gradient-from: var(--via-from-color); + --gradient-to: var(--via-to-color, var(--via-from-color), transparent) +} +.via-blue-50 { + --gradient-via: var(--blue-50) +} +.via-blue-50\/10 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.via-blue-50\/20 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.via-blue-50\/30 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.via-blue-50\/40 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.via-blue-50\/50 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.via-blue-50\/60 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.via-blue-50\/70 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.via-blue-50\/80 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.via-blue-50\/90 { + --gradient-via: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.via-blue-100 { + --gradient-via: var(--blue-100) +} +.via-blue-100\/10 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.via-blue-100\/20 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.via-blue-100\/30 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.via-blue-100\/40 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.via-blue-100\/50 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.via-blue-100\/60 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.via-blue-100\/70 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.via-blue-100\/80 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.via-blue-100\/90 { + --gradient-via: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.via-blue-200 { + --gradient-via: var(--blue-200) +} +.via-blue-200\/10 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.via-blue-200\/20 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.via-blue-200\/30 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.via-blue-200\/40 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.via-blue-200\/50 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.via-blue-200\/60 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.via-blue-200\/70 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.via-blue-200\/80 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.via-blue-200\/90 { + --gradient-via: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.via-blue-300 { + --gradient-via: var(--blue-300) +} +.via-blue-300\/10 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.via-blue-300\/20 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.via-blue-300\/30 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.via-blue-300\/40 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.via-blue-300\/50 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.via-blue-300\/60 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.via-blue-300\/70 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.via-blue-300\/80 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.via-blue-300\/90 { + --gradient-via: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.via-blue-400 { + --gradient-via: var(--blue-400) +} +.via-blue-400\/10 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.via-blue-400\/20 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.via-blue-400\/30 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.via-blue-400\/40 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.via-blue-400\/50 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.via-blue-400\/60 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.via-blue-400\/70 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.via-blue-400\/80 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.via-blue-400\/90 { + --gradient-via: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.via-blue-500 { + --gradient-via: var(--blue-500) +} +.via-blue-500\/10 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.via-blue-500\/20 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.via-blue-500\/30 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.via-blue-500\/40 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.via-blue-500\/50 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.via-blue-500\/60 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.via-blue-500\/70 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.via-blue-500\/80 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.via-blue-500\/90 { + --gradient-via: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.via-blue-600 { + --gradient-via: var(--blue-600) +} +.via-blue-600\/10 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.via-blue-600\/20 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.via-blue-600\/30 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.via-blue-600\/40 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.via-blue-600\/50 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.via-blue-600\/60 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.via-blue-600\/70 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.via-blue-600\/80 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.via-blue-600\/90 { + --gradient-via: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.via-blue-700 { + --gradient-via: var(--blue-700) +} +.via-blue-700\/10 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.via-blue-700\/20 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.via-blue-700\/30 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.via-blue-700\/40 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.via-blue-700\/50 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.via-blue-700\/60 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.via-blue-700\/70 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.via-blue-700\/80 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.via-blue-700\/90 { + --gradient-via: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.via-blue-800 { + --gradient-via: var(--blue-800) +} +.via-blue-800\/10 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.via-blue-800\/20 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.via-blue-800\/30 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.via-blue-800\/40 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.via-blue-800\/50 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.via-blue-800\/60 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.via-blue-800\/70 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.via-blue-800\/80 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.via-blue-800\/90 { + --gradient-via: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.via-blue-900 { + --gradient-via: var(--blue-900) +} +.via-blue-900\/10 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.via-blue-900\/20 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.via-blue-900\/30 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.via-blue-900\/40 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.via-blue-900\/50 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.via-blue-900\/60 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.via-blue-900\/70 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.via-blue-900\/80 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.via-blue-900\/90 { + --gradient-via: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.via-green-50 { + --gradient-via: var(--green-50) +} +.via-green-50\/10 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.via-green-50\/20 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.via-green-50\/30 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.via-green-50\/40 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.via-green-50\/50 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.via-green-50\/60 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.via-green-50\/70 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.via-green-50\/80 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.via-green-50\/90 { + --gradient-via: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.via-green-100 { + --gradient-via: var(--green-100) +} +.via-green-100\/10 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.via-green-100\/20 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.via-green-100\/30 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.via-green-100\/40 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.via-green-100\/50 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.via-green-100\/60 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.via-green-100\/70 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.via-green-100\/80 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.via-green-100\/90 { + --gradient-via: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.via-green-200 { + --gradient-via: var(--green-200) +} +.via-green-200\/10 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.via-green-200\/20 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.via-green-200\/30 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.via-green-200\/40 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.via-green-200\/50 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.via-green-200\/60 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.via-green-200\/70 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.via-green-200\/80 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.via-green-200\/90 { + --gradient-via: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.via-green-300 { + --gradient-via: var(--green-300) +} +.via-green-300\/10 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.via-green-300\/20 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.via-green-300\/30 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.via-green-300\/40 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.via-green-300\/50 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.via-green-300\/60 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.via-green-300\/70 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.via-green-300\/80 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.via-green-300\/90 { + --gradient-via: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.via-green-400 { + --gradient-via: var(--green-400) +} +.via-green-400\/10 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.via-green-400\/20 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.via-green-400\/30 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.via-green-400\/40 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.via-green-400\/50 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.via-green-400\/60 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.via-green-400\/70 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.via-green-400\/80 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.via-green-400\/90 { + --gradient-via: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.via-green-500 { + --gradient-via: var(--green-500) +} +.via-green-500\/10 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.via-green-500\/20 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.via-green-500\/30 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.via-green-500\/40 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.via-green-500\/50 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.via-green-500\/60 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.via-green-500\/70 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.via-green-500\/80 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.via-green-500\/90 { + --gradient-via: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.via-green-600 { + --gradient-via: var(--green-600) +} +.via-green-600\/10 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.via-green-600\/20 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.via-green-600\/30 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.via-green-600\/40 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.via-green-600\/50 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.via-green-600\/60 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.via-green-600\/70 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.via-green-600\/80 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.via-green-600\/90 { + --gradient-via: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.via-green-700 { + --gradient-via: var(--green-700) +} +.via-green-700\/10 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.via-green-700\/20 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.via-green-700\/30 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.via-green-700\/40 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.via-green-700\/50 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.via-green-700\/60 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.via-green-700\/70 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.via-green-700\/80 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.via-green-700\/90 { + --gradient-via: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.via-green-800 { + --gradient-via: var(--green-800) +} +.via-green-800\/10 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.via-green-800\/20 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.via-green-800\/30 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.via-green-800\/40 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.via-green-800\/50 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.via-green-800\/60 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.via-green-800\/70 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.via-green-800\/80 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.via-green-800\/90 { + --gradient-via: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.via-green-900 { + --gradient-via: var(--green-900) +} +.via-green-900\/10 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.via-green-900\/20 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.via-green-900\/30 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.via-green-900\/40 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.via-green-900\/50 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.via-green-900\/60 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.via-green-900\/70 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.via-green-900\/80 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.via-green-900\/90 { + --gradient-via: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.via-yellow-50 { + --gradient-via: var(--yellow-50) +} +.via-yellow-50\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.via-yellow-50\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.via-yellow-50\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.via-yellow-50\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.via-yellow-50\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.via-yellow-50\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.via-yellow-50\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.via-yellow-50\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.via-yellow-50\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.via-yellow-100 { + --gradient-via: var(--yellow-100) +} +.via-yellow-100\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.via-yellow-100\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.via-yellow-100\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.via-yellow-100\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.via-yellow-100\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.via-yellow-100\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.via-yellow-100\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.via-yellow-100\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.via-yellow-100\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.via-yellow-200 { + --gradient-via: var(--yellow-200) +} +.via-yellow-200\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.via-yellow-200\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.via-yellow-200\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.via-yellow-200\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.via-yellow-200\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.via-yellow-200\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.via-yellow-200\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.via-yellow-200\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.via-yellow-200\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.via-yellow-300 { + --gradient-via: var(--yellow-300) +} +.via-yellow-300\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.via-yellow-300\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.via-yellow-300\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.via-yellow-300\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.via-yellow-300\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.via-yellow-300\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.via-yellow-300\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.via-yellow-300\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.via-yellow-300\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.via-yellow-400 { + --gradient-via: var(--yellow-400) +} +.via-yellow-400\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.via-yellow-400\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.via-yellow-400\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.via-yellow-400\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.via-yellow-400\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.via-yellow-400\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.via-yellow-400\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.via-yellow-400\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.via-yellow-400\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.via-yellow-500 { + --gradient-via: var(--yellow-500) +} +.via-yellow-500\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.via-yellow-500\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.via-yellow-500\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.via-yellow-500\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.via-yellow-500\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.via-yellow-500\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.via-yellow-500\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.via-yellow-500\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.via-yellow-500\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.via-yellow-600 { + --gradient-via: var(--yellow-600) +} +.via-yellow-600\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.via-yellow-600\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.via-yellow-600\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.via-yellow-600\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.via-yellow-600\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.via-yellow-600\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.via-yellow-600\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.via-yellow-600\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.via-yellow-600\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.via-yellow-700 { + --gradient-via: var(--yellow-700) +} +.via-yellow-700\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.via-yellow-700\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.via-yellow-700\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.via-yellow-700\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.via-yellow-700\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.via-yellow-700\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.via-yellow-700\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.via-yellow-700\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.via-yellow-700\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.via-yellow-800 { + --gradient-via: var(--yellow-800) +} +.via-yellow-800\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.via-yellow-800\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.via-yellow-800\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.via-yellow-800\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.via-yellow-800\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.via-yellow-800\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.via-yellow-800\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.via-yellow-800\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.via-yellow-800\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.via-yellow-900 { + --gradient-via: var(--yellow-900) +} +.via-yellow-900\/10 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.via-yellow-900\/20 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.via-yellow-900\/30 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.via-yellow-900\/40 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.via-yellow-900\/50 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.via-yellow-900\/60 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.via-yellow-900\/70 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.via-yellow-900\/80 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.via-yellow-900\/90 { + --gradient-via: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.via-cyan-50 { + --gradient-via: var(--cyan-50) +} +.via-cyan-50\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.via-cyan-50\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.via-cyan-50\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.via-cyan-50\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.via-cyan-50\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.via-cyan-50\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.via-cyan-50\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.via-cyan-50\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.via-cyan-50\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.via-cyan-100 { + --gradient-via: var(--cyan-100) +} +.via-cyan-100\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.via-cyan-100\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.via-cyan-100\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.via-cyan-100\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.via-cyan-100\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.via-cyan-100\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.via-cyan-100\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.via-cyan-100\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.via-cyan-100\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.via-cyan-200 { + --gradient-via: var(--cyan-200) +} +.via-cyan-200\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.via-cyan-200\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.via-cyan-200\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.via-cyan-200\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.via-cyan-200\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.via-cyan-200\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.via-cyan-200\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.via-cyan-200\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.via-cyan-200\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.via-cyan-300 { + --gradient-via: var(--cyan-300) +} +.via-cyan-300\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.via-cyan-300\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.via-cyan-300\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.via-cyan-300\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.via-cyan-300\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.via-cyan-300\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.via-cyan-300\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.via-cyan-300\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.via-cyan-300\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.via-cyan-400 { + --gradient-via: var(--cyan-400) +} +.via-cyan-400\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.via-cyan-400\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.via-cyan-400\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.via-cyan-400\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.via-cyan-400\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.via-cyan-400\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.via-cyan-400\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.via-cyan-400\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.via-cyan-400\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.via-cyan-500 { + --gradient-via: var(--cyan-500) +} +.via-cyan-500\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.via-cyan-500\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.via-cyan-500\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.via-cyan-500\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.via-cyan-500\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.via-cyan-500\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.via-cyan-500\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.via-cyan-500\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.via-cyan-500\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.via-cyan-600 { + --gradient-via: var(--cyan-600) +} +.via-cyan-600\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.via-cyan-600\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.via-cyan-600\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.via-cyan-600\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.via-cyan-600\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.via-cyan-600\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.via-cyan-600\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.via-cyan-600\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.via-cyan-600\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.via-cyan-700 { + --gradient-via: var(--cyan-700) +} +.via-cyan-700\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.via-cyan-700\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.via-cyan-700\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.via-cyan-700\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.via-cyan-700\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.via-cyan-700\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.via-cyan-700\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.via-cyan-700\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.via-cyan-700\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.via-cyan-800 { + --gradient-via: var(--cyan-800) +} +.via-cyan-800\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.via-cyan-800\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.via-cyan-800\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.via-cyan-800\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.via-cyan-800\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.via-cyan-800\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.via-cyan-800\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.via-cyan-800\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.via-cyan-800\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.via-cyan-900 { + --gradient-via: var(--cyan-900) +} +.via-cyan-900\/10 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.via-cyan-900\/20 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.via-cyan-900\/30 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.via-cyan-900\/40 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.via-cyan-900\/50 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.via-cyan-900\/60 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.via-cyan-900\/70 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.via-cyan-900\/80 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.via-cyan-900\/90 { + --gradient-via: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.via-pink-50 { + --gradient-via: var(--pink-50) +} +.via-pink-50\/10 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.via-pink-50\/20 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.via-pink-50\/30 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.via-pink-50\/40 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.via-pink-50\/50 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.via-pink-50\/60 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.via-pink-50\/70 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.via-pink-50\/80 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.via-pink-50\/90 { + --gradient-via: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.via-pink-100 { + --gradient-via: var(--pink-100) +} +.via-pink-100\/10 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.via-pink-100\/20 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.via-pink-100\/30 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.via-pink-100\/40 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.via-pink-100\/50 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.via-pink-100\/60 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.via-pink-100\/70 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.via-pink-100\/80 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.via-pink-100\/90 { + --gradient-via: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.via-pink-200 { + --gradient-via: var(--pink-200) +} +.via-pink-200\/10 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.via-pink-200\/20 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.via-pink-200\/30 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.via-pink-200\/40 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.via-pink-200\/50 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.via-pink-200\/60 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.via-pink-200\/70 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.via-pink-200\/80 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.via-pink-200\/90 { + --gradient-via: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.via-pink-300 { + --gradient-via: var(--pink-300) +} +.via-pink-300\/10 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.via-pink-300\/20 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.via-pink-300\/30 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.via-pink-300\/40 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.via-pink-300\/50 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.via-pink-300\/60 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.via-pink-300\/70 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.via-pink-300\/80 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.via-pink-300\/90 { + --gradient-via: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.via-pink-400 { + --gradient-via: var(--pink-400) +} +.via-pink-400\/10 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.via-pink-400\/20 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.via-pink-400\/30 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.via-pink-400\/40 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.via-pink-400\/50 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.via-pink-400\/60 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.via-pink-400\/70 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.via-pink-400\/80 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.via-pink-400\/90 { + --gradient-via: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.via-pink-500 { + --gradient-via: var(--pink-500) +} +.via-pink-500\/10 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.via-pink-500\/20 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.via-pink-500\/30 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.via-pink-500\/40 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.via-pink-500\/50 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.via-pink-500\/60 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.via-pink-500\/70 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.via-pink-500\/80 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.via-pink-500\/90 { + --gradient-via: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.via-pink-600 { + --gradient-via: var(--pink-600) +} +.via-pink-600\/10 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.via-pink-600\/20 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.via-pink-600\/30 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.via-pink-600\/40 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.via-pink-600\/50 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.via-pink-600\/60 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.via-pink-600\/70 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.via-pink-600\/80 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.via-pink-600\/90 { + --gradient-via: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.via-pink-700 { + --gradient-via: var(--pink-700) +} +.via-pink-700\/10 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.via-pink-700\/20 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.via-pink-700\/30 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.via-pink-700\/40 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.via-pink-700\/50 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.via-pink-700\/60 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.via-pink-700\/70 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.via-pink-700\/80 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.via-pink-700\/90 { + --gradient-via: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.via-pink-800 { + --gradient-via: var(--pink-800) +} +.via-pink-800\/10 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.via-pink-800\/20 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.via-pink-800\/30 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.via-pink-800\/40 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.via-pink-800\/50 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.via-pink-800\/60 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.via-pink-800\/70 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.via-pink-800\/80 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.via-pink-800\/90 { + --gradient-via: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.via-pink-900 { + --gradient-via: var(--pink-900) +} +.via-pink-900\/10 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.via-pink-900\/20 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.via-pink-900\/30 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.via-pink-900\/40 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.via-pink-900\/50 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.via-pink-900\/60 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.via-pink-900\/70 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.via-pink-900\/80 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.via-pink-900\/90 { + --gradient-via: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.via-indigo-50 { + --gradient-via: var(--indigo-50) +} +.via-indigo-50\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.via-indigo-50\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.via-indigo-50\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.via-indigo-50\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.via-indigo-50\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.via-indigo-50\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.via-indigo-50\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.via-indigo-50\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.via-indigo-50\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.via-indigo-100 { + --gradient-via: var(--indigo-100) +} +.via-indigo-100\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.via-indigo-100\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.via-indigo-100\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.via-indigo-100\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.via-indigo-100\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.via-indigo-100\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.via-indigo-100\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.via-indigo-100\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.via-indigo-100\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.via-indigo-200 { + --gradient-via: var(--indigo-200) +} +.via-indigo-200\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.via-indigo-200\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.via-indigo-200\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.via-indigo-200\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.via-indigo-200\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.via-indigo-200\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.via-indigo-200\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.via-indigo-200\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.via-indigo-200\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.via-indigo-300 { + --gradient-via: var(--indigo-300) +} +.via-indigo-300\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.via-indigo-300\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.via-indigo-300\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.via-indigo-300\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.via-indigo-300\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.via-indigo-300\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.via-indigo-300\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.via-indigo-300\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.via-indigo-300\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.via-indigo-400 { + --gradient-via: var(--indigo-400) +} +.via-indigo-400\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.via-indigo-400\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.via-indigo-400\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.via-indigo-400\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.via-indigo-400\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.via-indigo-400\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.via-indigo-400\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.via-indigo-400\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.via-indigo-400\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.via-indigo-500 { + --gradient-via: var(--indigo-500) +} +.via-indigo-500\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.via-indigo-500\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.via-indigo-500\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.via-indigo-500\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.via-indigo-500\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.via-indigo-500\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.via-indigo-500\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.via-indigo-500\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.via-indigo-500\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.via-indigo-600 { + --gradient-via: var(--indigo-600) +} +.via-indigo-600\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.via-indigo-600\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.via-indigo-600\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.via-indigo-600\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.via-indigo-600\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.via-indigo-600\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.via-indigo-600\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.via-indigo-600\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.via-indigo-600\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.via-indigo-700 { + --gradient-via: var(--indigo-700) +} +.via-indigo-700\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.via-indigo-700\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.via-indigo-700\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.via-indigo-700\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.via-indigo-700\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.via-indigo-700\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.via-indigo-700\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.via-indigo-700\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.via-indigo-700\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.via-indigo-800 { + --gradient-via: var(--indigo-800) +} +.via-indigo-800\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.via-indigo-800\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.via-indigo-800\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.via-indigo-800\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.via-indigo-800\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.via-indigo-800\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.via-indigo-800\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.via-indigo-800\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.via-indigo-800\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.via-indigo-900 { + --gradient-via: var(--indigo-900) +} +.via-indigo-900\/10 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.via-indigo-900\/20 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.via-indigo-900\/30 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.via-indigo-900\/40 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.via-indigo-900\/50 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.via-indigo-900\/60 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.via-indigo-900\/70 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.via-indigo-900\/80 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.via-indigo-900\/90 { + --gradient-via: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.via-teal-50 { + --gradient-via: var(--teal-50) +} +.via-teal-50\/10 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.via-teal-50\/20 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.via-teal-50\/30 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.via-teal-50\/40 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.via-teal-50\/50 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.via-teal-50\/60 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.via-teal-50\/70 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.via-teal-50\/80 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.via-teal-50\/90 { + --gradient-via: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.via-teal-100 { + --gradient-via: var(--teal-100) +} +.via-teal-100\/10 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.via-teal-100\/20 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.via-teal-100\/30 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.via-teal-100\/40 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.via-teal-100\/50 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.via-teal-100\/60 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.via-teal-100\/70 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.via-teal-100\/80 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.via-teal-100\/90 { + --gradient-via: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.via-teal-200 { + --gradient-via: var(--teal-200) +} +.via-teal-200\/10 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.via-teal-200\/20 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.via-teal-200\/30 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.via-teal-200\/40 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.via-teal-200\/50 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.via-teal-200\/60 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.via-teal-200\/70 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.via-teal-200\/80 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.via-teal-200\/90 { + --gradient-via: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.via-teal-300 { + --gradient-via: var(--teal-300) +} +.via-teal-300\/10 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.via-teal-300\/20 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.via-teal-300\/30 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.via-teal-300\/40 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.via-teal-300\/50 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.via-teal-300\/60 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.via-teal-300\/70 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.via-teal-300\/80 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.via-teal-300\/90 { + --gradient-via: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.via-teal-400 { + --gradient-via: var(--teal-400) +} +.via-teal-400\/10 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.via-teal-400\/20 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.via-teal-400\/30 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.via-teal-400\/40 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.via-teal-400\/50 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.via-teal-400\/60 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.via-teal-400\/70 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.via-teal-400\/80 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.via-teal-400\/90 { + --gradient-via: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.via-teal-500 { + --gradient-via: var(--teal-500) +} +.via-teal-500\/10 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.via-teal-500\/20 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.via-teal-500\/30 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.via-teal-500\/40 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.via-teal-500\/50 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.via-teal-500\/60 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.via-teal-500\/70 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.via-teal-500\/80 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.via-teal-500\/90 { + --gradient-via: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.via-teal-600 { + --gradient-via: var(--teal-600) +} +.via-teal-600\/10 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.via-teal-600\/20 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.via-teal-600\/30 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.via-teal-600\/40 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.via-teal-600\/50 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.via-teal-600\/60 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.via-teal-600\/70 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.via-teal-600\/80 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.via-teal-600\/90 { + --gradient-via: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.via-teal-700 { + --gradient-via: var(--teal-700) +} +.via-teal-700\/10 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.via-teal-700\/20 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.via-teal-700\/30 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.via-teal-700\/40 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.via-teal-700\/50 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.via-teal-700\/60 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.via-teal-700\/70 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.via-teal-700\/80 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.via-teal-700\/90 { + --gradient-via: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.via-teal-800 { + --gradient-via: var(--teal-800) +} +.via-teal-800\/10 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.via-teal-800\/20 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.via-teal-800\/30 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.via-teal-800\/40 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.via-teal-800\/50 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.via-teal-800\/60 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.via-teal-800\/70 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.via-teal-800\/80 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.via-teal-800\/90 { + --gradient-via: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.via-teal-900 { + --gradient-via: var(--teal-900) +} +.via-teal-900\/10 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.via-teal-900\/20 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.via-teal-900\/30 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.via-teal-900\/40 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.via-teal-900\/50 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.via-teal-900\/60 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.via-teal-900\/70 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.via-teal-900\/80 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.via-teal-900\/90 { + --gradient-via: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.via-orange-50 { + --gradient-via: var(--orange-50) +} +.via-orange-50\/10 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.via-orange-50\/20 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.via-orange-50\/30 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.via-orange-50\/40 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.via-orange-50\/50 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.via-orange-50\/60 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.via-orange-50\/70 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.via-orange-50\/80 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.via-orange-50\/90 { + --gradient-via: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.via-orange-100 { + --gradient-via: var(--orange-100) +} +.via-orange-100\/10 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.via-orange-100\/20 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.via-orange-100\/30 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.via-orange-100\/40 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.via-orange-100\/50 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.via-orange-100\/60 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.via-orange-100\/70 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.via-orange-100\/80 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.via-orange-100\/90 { + --gradient-via: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.via-orange-200 { + --gradient-via: var(--orange-200) +} +.via-orange-200\/10 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.via-orange-200\/20 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.via-orange-200\/30 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.via-orange-200\/40 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.via-orange-200\/50 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.via-orange-200\/60 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.via-orange-200\/70 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.via-orange-200\/80 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.via-orange-200\/90 { + --gradient-via: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.via-orange-300 { + --gradient-via: var(--orange-300) +} +.via-orange-300\/10 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.via-orange-300\/20 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.via-orange-300\/30 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.via-orange-300\/40 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.via-orange-300\/50 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.via-orange-300\/60 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.via-orange-300\/70 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.via-orange-300\/80 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.via-orange-300\/90 { + --gradient-via: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.via-orange-400 { + --gradient-via: var(--orange-400) +} +.via-orange-400\/10 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.via-orange-400\/20 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.via-orange-400\/30 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.via-orange-400\/40 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.via-orange-400\/50 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.via-orange-400\/60 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.via-orange-400\/70 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.via-orange-400\/80 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.via-orange-400\/90 { + --gradient-via: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.via-orange-500 { + --gradient-via: var(--orange-500) +} +.via-orange-500\/10 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.via-orange-500\/20 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.via-orange-500\/30 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.via-orange-500\/40 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.via-orange-500\/50 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.via-orange-500\/60 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.via-orange-500\/70 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.via-orange-500\/80 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.via-orange-500\/90 { + --gradient-via: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.via-orange-600 { + --gradient-via: var(--orange-600) +} +.via-orange-600\/10 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.via-orange-600\/20 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.via-orange-600\/30 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.via-orange-600\/40 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.via-orange-600\/50 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.via-orange-600\/60 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.via-orange-600\/70 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.via-orange-600\/80 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.via-orange-600\/90 { + --gradient-via: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.via-orange-700 { + --gradient-via: var(--orange-700) +} +.via-orange-700\/10 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.via-orange-700\/20 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.via-orange-700\/30 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.via-orange-700\/40 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.via-orange-700\/50 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.via-orange-700\/60 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.via-orange-700\/70 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.via-orange-700\/80 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.via-orange-700\/90 { + --gradient-via: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.via-orange-800 { + --gradient-via: var(--orange-800) +} +.via-orange-800\/10 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.via-orange-800\/20 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.via-orange-800\/30 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.via-orange-800\/40 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.via-orange-800\/50 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.via-orange-800\/60 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.via-orange-800\/70 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.via-orange-800\/80 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.via-orange-800\/90 { + --gradient-via: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.via-orange-900 { + --gradient-via: var(--orange-900) +} +.via-orange-900\/10 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.via-orange-900\/20 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.via-orange-900\/30 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.via-orange-900\/40 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.via-orange-900\/50 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.via-orange-900\/60 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.via-orange-900\/70 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.via-orange-900\/80 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.via-orange-900\/90 { + --gradient-via: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.via-bluegray-50 { + --gradient-via: var(--bluegray-50) +} +.via-bluegray-50\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.via-bluegray-50\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.via-bluegray-50\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.via-bluegray-50\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.via-bluegray-50\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.via-bluegray-50\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.via-bluegray-50\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.via-bluegray-50\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.via-bluegray-50\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.via-bluegray-100 { + --gradient-via: var(--bluegray-100) +} +.via-bluegray-100\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.via-bluegray-100\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.via-bluegray-100\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.via-bluegray-100\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.via-bluegray-100\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.via-bluegray-100\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.via-bluegray-100\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.via-bluegray-100\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.via-bluegray-100\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.via-bluegray-200 { + --gradient-via: var(--bluegray-200) +} +.via-bluegray-200\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.via-bluegray-200\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.via-bluegray-200\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.via-bluegray-200\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.via-bluegray-200\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.via-bluegray-200\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.via-bluegray-200\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.via-bluegray-200\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.via-bluegray-200\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.via-bluegray-300 { + --gradient-via: var(--bluegray-300) +} +.via-bluegray-300\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.via-bluegray-300\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.via-bluegray-300\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.via-bluegray-300\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.via-bluegray-300\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.via-bluegray-300\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.via-bluegray-300\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.via-bluegray-300\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.via-bluegray-300\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.via-bluegray-400 { + --gradient-via: var(--bluegray-400) +} +.via-bluegray-400\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.via-bluegray-400\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.via-bluegray-400\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.via-bluegray-400\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.via-bluegray-400\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.via-bluegray-400\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.via-bluegray-400\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.via-bluegray-400\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.via-bluegray-400\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.via-bluegray-500 { + --gradient-via: var(--bluegray-500) +} +.via-bluegray-500\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.via-bluegray-500\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.via-bluegray-500\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.via-bluegray-500\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.via-bluegray-500\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.via-bluegray-500\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.via-bluegray-500\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.via-bluegray-500\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.via-bluegray-500\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.via-bluegray-600 { + --gradient-via: var(--bluegray-600) +} +.via-bluegray-600\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.via-bluegray-600\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.via-bluegray-600\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.via-bluegray-600\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.via-bluegray-600\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.via-bluegray-600\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.via-bluegray-600\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.via-bluegray-600\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.via-bluegray-600\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.via-bluegray-700 { + --gradient-via: var(--bluegray-700) +} +.via-bluegray-700\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.via-bluegray-700\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.via-bluegray-700\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.via-bluegray-700\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.via-bluegray-700\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.via-bluegray-700\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.via-bluegray-700\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.via-bluegray-700\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.via-bluegray-700\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.via-bluegray-800 { + --gradient-via: var(--bluegray-800) +} +.via-bluegray-800\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.via-bluegray-800\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.via-bluegray-800\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.via-bluegray-800\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.via-bluegray-800\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.via-bluegray-800\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.via-bluegray-800\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.via-bluegray-800\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.via-bluegray-800\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.via-bluegray-900 { + --gradient-via: var(--bluegray-900) +} +.via-bluegray-900\/10 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.via-bluegray-900\/20 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.via-bluegray-900\/30 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.via-bluegray-900\/40 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.via-bluegray-900\/50 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.via-bluegray-900\/60 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.via-bluegray-900\/70 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.via-bluegray-900\/80 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.via-bluegray-900\/90 { + --gradient-via: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.via-purple-50 { + --gradient-via: var(--purple-50) +} +.via-purple-50\/10 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.via-purple-50\/20 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.via-purple-50\/30 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.via-purple-50\/40 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.via-purple-50\/50 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.via-purple-50\/60 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.via-purple-50\/70 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.via-purple-50\/80 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.via-purple-50\/90 { + --gradient-via: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.via-purple-100 { + --gradient-via: var(--purple-100) +} +.via-purple-100\/10 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.via-purple-100\/20 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.via-purple-100\/30 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.via-purple-100\/40 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.via-purple-100\/50 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.via-purple-100\/60 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.via-purple-100\/70 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.via-purple-100\/80 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.via-purple-100\/90 { + --gradient-via: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.via-purple-200 { + --gradient-via: var(--purple-200) +} +.via-purple-200\/10 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.via-purple-200\/20 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.via-purple-200\/30 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.via-purple-200\/40 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.via-purple-200\/50 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.via-purple-200\/60 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.via-purple-200\/70 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.via-purple-200\/80 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.via-purple-200\/90 { + --gradient-via: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.via-purple-300 { + --gradient-via: var(--purple-300) +} +.via-purple-300\/10 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.via-purple-300\/20 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.via-purple-300\/30 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.via-purple-300\/40 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.via-purple-300\/50 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.via-purple-300\/60 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.via-purple-300\/70 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.via-purple-300\/80 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.via-purple-300\/90 { + --gradient-via: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.via-purple-400 { + --gradient-via: var(--purple-400) +} +.via-purple-400\/10 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.via-purple-400\/20 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.via-purple-400\/30 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.via-purple-400\/40 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.via-purple-400\/50 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.via-purple-400\/60 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.via-purple-400\/70 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.via-purple-400\/80 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.via-purple-400\/90 { + --gradient-via: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.via-purple-500 { + --gradient-via: var(--purple-500) +} +.via-purple-500\/10 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.via-purple-500\/20 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.via-purple-500\/30 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.via-purple-500\/40 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.via-purple-500\/50 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.via-purple-500\/60 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.via-purple-500\/70 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.via-purple-500\/80 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.via-purple-500\/90 { + --gradient-via: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.via-purple-600 { + --gradient-via: var(--purple-600) +} +.via-purple-600\/10 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.via-purple-600\/20 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.via-purple-600\/30 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.via-purple-600\/40 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.via-purple-600\/50 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.via-purple-600\/60 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.via-purple-600\/70 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.via-purple-600\/80 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.via-purple-600\/90 { + --gradient-via: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.via-purple-700 { + --gradient-via: var(--purple-700) +} +.via-purple-700\/10 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.via-purple-700\/20 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.via-purple-700\/30 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.via-purple-700\/40 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.via-purple-700\/50 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.via-purple-700\/60 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.via-purple-700\/70 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.via-purple-700\/80 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.via-purple-700\/90 { + --gradient-via: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.via-purple-800 { + --gradient-via: var(--purple-800) +} +.via-purple-800\/10 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.via-purple-800\/20 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.via-purple-800\/30 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.via-purple-800\/40 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.via-purple-800\/50 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.via-purple-800\/60 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.via-purple-800\/70 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.via-purple-800\/80 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.via-purple-800\/90 { + --gradient-via: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.via-purple-900 { + --gradient-via: var(--purple-900) +} +.via-purple-900\/10 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.via-purple-900\/20 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.via-purple-900\/30 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.via-purple-900\/40 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.via-purple-900\/50 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.via-purple-900\/60 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.via-purple-900\/70 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.via-purple-900\/80 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.via-purple-900\/90 { + --gradient-via: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.via-red-50 { + --gradient-via: var(--red-50) +} +.via-red-50\/10 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.via-red-50\/20 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.via-red-50\/30 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.via-red-50\/40 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.via-red-50\/50 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.via-red-50\/60 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.via-red-50\/70 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.via-red-50\/80 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.via-red-50\/90 { + --gradient-via: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.via-red-100 { + --gradient-via: var(--red-100) +} +.via-red-100\/10 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.via-red-100\/20 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.via-red-100\/30 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.via-red-100\/40 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.via-red-100\/50 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.via-red-100\/60 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.via-red-100\/70 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.via-red-100\/80 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.via-red-100\/90 { + --gradient-via: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.via-red-200 { + --gradient-via: var(--red-200) +} +.via-red-200\/10 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.via-red-200\/20 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.via-red-200\/30 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.via-red-200\/40 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.via-red-200\/50 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.via-red-200\/60 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.via-red-200\/70 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.via-red-200\/80 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.via-red-200\/90 { + --gradient-via: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.via-red-300 { + --gradient-via: var(--red-300) +} +.via-red-300\/10 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.via-red-300\/20 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.via-red-300\/30 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.via-red-300\/40 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.via-red-300\/50 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.via-red-300\/60 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.via-red-300\/70 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.via-red-300\/80 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.via-red-300\/90 { + --gradient-via: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.via-red-400 { + --gradient-via: var(--red-400) +} +.via-red-400\/10 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.via-red-400\/20 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.via-red-400\/30 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.via-red-400\/40 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.via-red-400\/50 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.via-red-400\/60 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.via-red-400\/70 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.via-red-400\/80 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.via-red-400\/90 { + --gradient-via: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.via-red-500 { + --gradient-via: var(--red-500) +} +.via-red-500\/10 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.via-red-500\/20 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.via-red-500\/30 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.via-red-500\/40 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.via-red-500\/50 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.via-red-500\/60 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.via-red-500\/70 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.via-red-500\/80 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.via-red-500\/90 { + --gradient-via: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.via-red-600 { + --gradient-via: var(--red-600) +} +.via-red-600\/10 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.via-red-600\/20 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.via-red-600\/30 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.via-red-600\/40 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.via-red-600\/50 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.via-red-600\/60 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.via-red-600\/70 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.via-red-600\/80 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.via-red-600\/90 { + --gradient-via: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.via-red-700 { + --gradient-via: var(--red-700) +} +.via-red-700\/10 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.via-red-700\/20 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.via-red-700\/30 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.via-red-700\/40 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.via-red-700\/50 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.via-red-700\/60 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.via-red-700\/70 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.via-red-700\/80 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.via-red-700\/90 { + --gradient-via: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.via-red-800 { + --gradient-via: var(--red-800) +} +.via-red-800\/10 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.via-red-800\/20 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.via-red-800\/30 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.via-red-800\/40 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.via-red-800\/50 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.via-red-800\/60 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.via-red-800\/70 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.via-red-800\/80 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.via-red-800\/90 { + --gradient-via: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.via-red-900 { + --gradient-via: var(--red-900) +} +.via-red-900\/10 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.via-red-900\/20 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.via-red-900\/30 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.via-red-900\/40 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.via-red-900\/50 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.via-red-900\/60 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.via-red-900\/70 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.via-red-900\/80 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.via-red-900\/90 { + --gradient-via: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.via-gray-50 { + --gradient-via: var(--gray-50) +} +.via-gray-50\/10 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.via-gray-50\/20 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.via-gray-50\/30 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.via-gray-50\/40 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.via-gray-50\/50 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.via-gray-50\/60 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.via-gray-50\/70 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.via-gray-50\/80 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.via-gray-50\/90 { + --gradient-via: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.via-gray-100 { + --gradient-via: var(--gray-100) +} +.via-gray-100\/10 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.via-gray-100\/20 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.via-gray-100\/30 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.via-gray-100\/40 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.via-gray-100\/50 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.via-gray-100\/60 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.via-gray-100\/70 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.via-gray-100\/80 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.via-gray-100\/90 { + --gradient-via: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.via-gray-200 { + --gradient-via: var(--gray-200) +} +.via-gray-200\/10 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.via-gray-200\/20 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.via-gray-200\/30 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.via-gray-200\/40 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.via-gray-200\/50 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.via-gray-200\/60 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.via-gray-200\/70 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.via-gray-200\/80 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.via-gray-200\/90 { + --gradient-via: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.via-gray-300 { + --gradient-via: var(--gray-300) +} +.via-gray-300\/10 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.via-gray-300\/20 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.via-gray-300\/30 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.via-gray-300\/40 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.via-gray-300\/50 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.via-gray-300\/60 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.via-gray-300\/70 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.via-gray-300\/80 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.via-gray-300\/90 { + --gradient-via: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.via-gray-400 { + --gradient-via: var(--gray-400) +} +.via-gray-400\/10 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.via-gray-400\/20 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.via-gray-400\/30 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.via-gray-400\/40 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.via-gray-400\/50 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.via-gray-400\/60 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.via-gray-400\/70 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.via-gray-400\/80 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.via-gray-400\/90 { + --gradient-via: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.via-gray-500 { + --gradient-via: var(--gray-500) +} +.via-gray-500\/10 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.via-gray-500\/20 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.via-gray-500\/30 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.via-gray-500\/40 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.via-gray-500\/50 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.via-gray-500\/60 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.via-gray-500\/70 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.via-gray-500\/80 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.via-gray-500\/90 { + --gradient-via: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.via-gray-600 { + --gradient-via: var(--gray-600) +} +.via-gray-600\/10 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.via-gray-600\/20 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.via-gray-600\/30 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.via-gray-600\/40 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.via-gray-600\/50 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.via-gray-600\/60 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.via-gray-600\/70 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.via-gray-600\/80 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.via-gray-600\/90 { + --gradient-via: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.via-gray-700 { + --gradient-via: var(--gray-700) +} +.via-gray-700\/10 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.via-gray-700\/20 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.via-gray-700\/30 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.via-gray-700\/40 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.via-gray-700\/50 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.via-gray-700\/60 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.via-gray-700\/70 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.via-gray-700\/80 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.via-gray-700\/90 { + --gradient-via: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.via-gray-800 { + --gradient-via: var(--gray-800) +} +.via-gray-800\/10 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.via-gray-800\/20 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.via-gray-800\/30 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.via-gray-800\/40 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.via-gray-800\/50 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.via-gray-800\/60 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.via-gray-800\/70 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.via-gray-800\/80 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.via-gray-800\/90 { + --gradient-via: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.via-gray-900 { + --gradient-via: var(--gray-900) +} +.via-gray-900\/10 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.via-gray-900\/20 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.via-gray-900\/30 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.via-gray-900\/40 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.via-gray-900\/50 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.via-gray-900\/60 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.via-gray-900\/70 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.via-gray-900\/80 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.via-gray-900\/90 { + --gradient-via: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.via-surface-0 { + --gradient-via: var(--surface-0) +} +.via-surface-0\/10 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.via-surface-0\/20 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.via-surface-0\/30 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.via-surface-0\/40 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.via-surface-0\/50 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.via-surface-0\/60 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.via-surface-0\/70 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.via-surface-0\/80 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.via-surface-0\/90 { + --gradient-via: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.via-surface-50 { + --gradient-via: var(--surface-50) +} +.via-surface-50\/10 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.via-surface-50\/20 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.via-surface-50\/30 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.via-surface-50\/40 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.via-surface-50\/50 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.via-surface-50\/60 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.via-surface-50\/70 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.via-surface-50\/80 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.via-surface-50\/90 { + --gradient-via: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.via-surface-100 { + --gradient-via: var(--surface-100) +} +.via-surface-100\/10 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.via-surface-100\/20 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.via-surface-100\/30 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.via-surface-100\/40 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.via-surface-100\/50 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.via-surface-100\/60 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.via-surface-100\/70 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.via-surface-100\/80 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.via-surface-100\/90 { + --gradient-via: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.via-surface-200 { + --gradient-via: var(--surface-200) +} +.via-surface-200\/10 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.via-surface-200\/20 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.via-surface-200\/30 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.via-surface-200\/40 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.via-surface-200\/50 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.via-surface-200\/60 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.via-surface-200\/70 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.via-surface-200\/80 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.via-surface-200\/90 { + --gradient-via: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.via-surface-300 { + --gradient-via: var(--surface-300) +} +.via-surface-300\/10 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.via-surface-300\/20 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.via-surface-300\/30 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.via-surface-300\/40 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.via-surface-300\/50 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.via-surface-300\/60 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.via-surface-300\/70 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.via-surface-300\/80 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.via-surface-300\/90 { + --gradient-via: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.via-surface-400 { + --gradient-via: var(--surface-400) +} +.via-surface-400\/10 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.via-surface-400\/20 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.via-surface-400\/30 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.via-surface-400\/40 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.via-surface-400\/50 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.via-surface-400\/60 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.via-surface-400\/70 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.via-surface-400\/80 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.via-surface-400\/90 { + --gradient-via: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.via-surface-500 { + --gradient-via: var(--surface-500) +} +.via-surface-500\/10 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.via-surface-500\/20 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.via-surface-500\/30 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.via-surface-500\/40 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.via-surface-500\/50 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.via-surface-500\/60 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.via-surface-500\/70 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.via-surface-500\/80 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.via-surface-500\/90 { + --gradient-via: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.via-surface-600 { + --gradient-via: var(--surface-600) +} +.via-surface-600\/10 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.via-surface-600\/20 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.via-surface-600\/30 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.via-surface-600\/40 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.via-surface-600\/50 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.via-surface-600\/60 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.via-surface-600\/70 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.via-surface-600\/80 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.via-surface-600\/90 { + --gradient-via: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.via-surface-700 { + --gradient-via: var(--surface-700) +} +.via-surface-700\/10 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.via-surface-700\/20 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.via-surface-700\/30 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.via-surface-700\/40 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.via-surface-700\/50 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.via-surface-700\/60 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.via-surface-700\/70 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.via-surface-700\/80 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.via-surface-700\/90 { + --gradient-via: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.via-surface-800 { + --gradient-via: var(--surface-800) +} +.via-surface-800\/10 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.via-surface-800\/20 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.via-surface-800\/30 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.via-surface-800\/40 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.via-surface-800\/50 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.via-surface-800\/60 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.via-surface-800\/70 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.via-surface-800\/80 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.via-surface-800\/90 { + --gradient-via: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.via-surface-900 { + --gradient-via: var(--surface-900) +} +.via-surface-900\/10 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.via-surface-900\/20 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.via-surface-900\/30 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.via-surface-900\/40 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.via-surface-900\/50 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.via-surface-900\/60 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.via-surface-900\/70 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.via-surface-900\/80 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.via-surface-900\/90 { + --gradient-via: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.via-primary-50 { + --gradient-via: var(--primary-50) +} +.via-primary-50\/10 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.via-primary-50\/20 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.via-primary-50\/30 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.via-primary-50\/40 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.via-primary-50\/50 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.via-primary-50\/60 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.via-primary-50\/70 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.via-primary-50\/80 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.via-primary-50\/90 { + --gradient-via: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.via-primary-100 { + --gradient-via: var(--primary-100) +} +.via-primary-100\/10 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.via-primary-100\/20 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.via-primary-100\/30 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.via-primary-100\/40 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.via-primary-100\/50 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.via-primary-100\/60 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.via-primary-100\/70 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.via-primary-100\/80 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.via-primary-100\/90 { + --gradient-via: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.via-primary-200 { + --gradient-via: var(--primary-200) +} +.via-primary-200\/10 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.via-primary-200\/20 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.via-primary-200\/30 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.via-primary-200\/40 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.via-primary-200\/50 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.via-primary-200\/60 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.via-primary-200\/70 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.via-primary-200\/80 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.via-primary-200\/90 { + --gradient-via: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.via-primary-300 { + --gradient-via: var(--primary-300) +} +.via-primary-300\/10 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.via-primary-300\/20 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.via-primary-300\/30 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.via-primary-300\/40 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.via-primary-300\/50 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.via-primary-300\/60 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.via-primary-300\/70 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.via-primary-300\/80 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.via-primary-300\/90 { + --gradient-via: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.via-primary-400 { + --gradient-via: var(--primary-400) +} +.via-primary-400\/10 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.via-primary-400\/20 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.via-primary-400\/30 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.via-primary-400\/40 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.via-primary-400\/50 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.via-primary-400\/60 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.via-primary-400\/70 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.via-primary-400\/80 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.via-primary-400\/90 { + --gradient-via: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.via-primary-500 { + --gradient-via: var(--primary-500) +} +.via-primary-500\/10 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.via-primary-500\/20 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.via-primary-500\/30 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.via-primary-500\/40 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.via-primary-500\/50 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.via-primary-500\/60 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.via-primary-500\/70 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.via-primary-500\/80 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.via-primary-500\/90 { + --gradient-via: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.via-primary-600 { + --gradient-via: var(--primary-600) +} +.via-primary-600\/10 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.via-primary-600\/20 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.via-primary-600\/30 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.via-primary-600\/40 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.via-primary-600\/50 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.via-primary-600\/60 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.via-primary-600\/70 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.via-primary-600\/80 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.via-primary-600\/90 { + --gradient-via: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.via-primary-700 { + --gradient-via: var(--primary-700) +} +.via-primary-700\/10 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.via-primary-700\/20 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.via-primary-700\/30 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.via-primary-700\/40 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.via-primary-700\/50 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.via-primary-700\/60 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.via-primary-700\/70 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.via-primary-700\/80 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.via-primary-700\/90 { + --gradient-via: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.via-primary-800 { + --gradient-via: var(--primary-800) +} +.via-primary-800\/10 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.via-primary-800\/20 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.via-primary-800\/30 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.via-primary-800\/40 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.via-primary-800\/50 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.via-primary-800\/60 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.via-primary-800\/70 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.via-primary-800\/80 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.via-primary-800\/90 { + --gradient-via: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.via-primary-900 { + --gradient-via: var(--primary-900) +} +.via-primary-900\/10 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.via-primary-900\/20 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.via-primary-900\/30 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.via-primary-900\/40 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.via-primary-900\/50 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.via-primary-900\/60 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.via-primary-900\/70 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.via-primary-900\/80 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.via-primary-900\/90 { + --gradient-via: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.via-white\/10 { + --gradient-via: color-mix(in srgb, #ffffff 10%, transparent) +} +.via-white-alpha-10 { + --gradient-via: color-mix(in srgb, #ffffff 10%, transparent) +} +.via-black\/10 { + --gradient-via: color-mix(in srgb, #000000 10%, transparent) +} +.via-black-alpha-10 { + --gradient-via: color-mix(in srgb, #000000 10%, transparent) +} +.via-white\/20 { + --gradient-via: color-mix(in srgb, #ffffff 20%, transparent) +} +.via-white-alpha-20 { + --gradient-via: color-mix(in srgb, #ffffff 20%, transparent) +} +.via-black\/20 { + --gradient-via: color-mix(in srgb, #000000 20%, transparent) +} +.via-black-alpha-20 { + --gradient-via: color-mix(in srgb, #000000 20%, transparent) +} +.via-white\/30 { + --gradient-via: color-mix(in srgb, #ffffff 30%, transparent) +} +.via-white-alpha-30 { + --gradient-via: color-mix(in srgb, #ffffff 30%, transparent) +} +.via-black\/30 { + --gradient-via: color-mix(in srgb, #000000 30%, transparent) +} +.via-black-alpha-30 { + --gradient-via: color-mix(in srgb, #000000 30%, transparent) +} +.via-white\/40 { + --gradient-via: color-mix(in srgb, #ffffff 40%, transparent) +} +.via-white-alpha-40 { + --gradient-via: color-mix(in srgb, #ffffff 40%, transparent) +} +.via-black\/40 { + --gradient-via: color-mix(in srgb, #000000 40%, transparent) +} +.via-black-alpha-40 { + --gradient-via: color-mix(in srgb, #000000 40%, transparent) +} +.via-white\/50 { + --gradient-via: color-mix(in srgb, #ffffff 50%, transparent) +} +.via-white-alpha-50 { + --gradient-via: color-mix(in srgb, #ffffff 50%, transparent) +} +.via-black\/50 { + --gradient-via: color-mix(in srgb, #000000 50%, transparent) +} +.via-black-alpha-50 { + --gradient-via: color-mix(in srgb, #000000 50%, transparent) +} +.via-white\/60 { + --gradient-via: color-mix(in srgb, #ffffff 60%, transparent) +} +.via-white-alpha-60 { + --gradient-via: color-mix(in srgb, #ffffff 60%, transparent) +} +.via-black\/60 { + --gradient-via: color-mix(in srgb, #000000 60%, transparent) +} +.via-black-alpha-60 { + --gradient-via: color-mix(in srgb, #000000 60%, transparent) +} +.via-white\/70 { + --gradient-via: color-mix(in srgb, #ffffff 70%, transparent) +} +.via-white-alpha-70 { + --gradient-via: color-mix(in srgb, #ffffff 70%, transparent) +} +.via-black\/70 { + --gradient-via: color-mix(in srgb, #000000 70%, transparent) +} +.via-black-alpha-70 { + --gradient-via: color-mix(in srgb, #000000 70%, transparent) +} +.via-white\/80 { + --gradient-via: color-mix(in srgb, #ffffff 80%, transparent) +} +.via-white-alpha-80 { + --gradient-via: color-mix(in srgb, #ffffff 80%, transparent) +} +.via-black\/80 { + --gradient-via: color-mix(in srgb, #000000 80%, transparent) +} +.via-black-alpha-80 { + --gradient-via: color-mix(in srgb, #000000 80%, transparent) +} +.via-white\/90 { + --gradient-via: color-mix(in srgb, #ffffff 90%, transparent) +} +.via-white-alpha-90 { + --gradient-via: color-mix(in srgb, #ffffff 90%, transparent) +} +.via-black\/90 { + --gradient-via: color-mix(in srgb, #000000 90%, transparent) +} +.via-black-alpha-90 { + --gradient-via: color-mix(in srgb, #000000 90%, transparent) +} +.to-from-to { + --gradient-from: var(--to-from-color); + --gradient-to: var(--to-to-color, var(--to-from-color), transparent) +} +.to-blue-50 { + --gradient-to: var(--blue-50) +} +.to-blue-50\/10 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.to-blue-50\/20 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.to-blue-50\/30 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.to-blue-50\/40 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.to-blue-50\/50 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.to-blue-50\/60 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.to-blue-50\/70 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.to-blue-50\/80 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.to-blue-50\/90 { + --gradient-to: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.to-blue-100 { + --gradient-to: var(--blue-100) +} +.to-blue-100\/10 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.to-blue-100\/20 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.to-blue-100\/30 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.to-blue-100\/40 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.to-blue-100\/50 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.to-blue-100\/60 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.to-blue-100\/70 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.to-blue-100\/80 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.to-blue-100\/90 { + --gradient-to: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.to-blue-200 { + --gradient-to: var(--blue-200) +} +.to-blue-200\/10 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.to-blue-200\/20 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.to-blue-200\/30 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.to-blue-200\/40 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.to-blue-200\/50 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.to-blue-200\/60 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.to-blue-200\/70 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.to-blue-200\/80 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.to-blue-200\/90 { + --gradient-to: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.to-blue-300 { + --gradient-to: var(--blue-300) +} +.to-blue-300\/10 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.to-blue-300\/20 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.to-blue-300\/30 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.to-blue-300\/40 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.to-blue-300\/50 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.to-blue-300\/60 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.to-blue-300\/70 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.to-blue-300\/80 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.to-blue-300\/90 { + --gradient-to: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.to-blue-400 { + --gradient-to: var(--blue-400) +} +.to-blue-400\/10 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.to-blue-400\/20 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.to-blue-400\/30 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.to-blue-400\/40 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.to-blue-400\/50 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.to-blue-400\/60 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.to-blue-400\/70 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.to-blue-400\/80 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.to-blue-400\/90 { + --gradient-to: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.to-blue-500 { + --gradient-to: var(--blue-500) +} +.to-blue-500\/10 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.to-blue-500\/20 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.to-blue-500\/30 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.to-blue-500\/40 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.to-blue-500\/50 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.to-blue-500\/60 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.to-blue-500\/70 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.to-blue-500\/80 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.to-blue-500\/90 { + --gradient-to: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.to-blue-600 { + --gradient-to: var(--blue-600) +} +.to-blue-600\/10 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.to-blue-600\/20 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.to-blue-600\/30 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.to-blue-600\/40 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.to-blue-600\/50 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.to-blue-600\/60 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.to-blue-600\/70 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.to-blue-600\/80 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.to-blue-600\/90 { + --gradient-to: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.to-blue-700 { + --gradient-to: var(--blue-700) +} +.to-blue-700\/10 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.to-blue-700\/20 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.to-blue-700\/30 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.to-blue-700\/40 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.to-blue-700\/50 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.to-blue-700\/60 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.to-blue-700\/70 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.to-blue-700\/80 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.to-blue-700\/90 { + --gradient-to: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.to-blue-800 { + --gradient-to: var(--blue-800) +} +.to-blue-800\/10 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.to-blue-800\/20 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.to-blue-800\/30 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.to-blue-800\/40 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.to-blue-800\/50 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.to-blue-800\/60 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.to-blue-800\/70 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.to-blue-800\/80 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.to-blue-800\/90 { + --gradient-to: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.to-blue-900 { + --gradient-to: var(--blue-900) +} +.to-blue-900\/10 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.to-blue-900\/20 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.to-blue-900\/30 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.to-blue-900\/40 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.to-blue-900\/50 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.to-blue-900\/60 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.to-blue-900\/70 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.to-blue-900\/80 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.to-blue-900\/90 { + --gradient-to: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.to-green-50 { + --gradient-to: var(--green-50) +} +.to-green-50\/10 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.to-green-50\/20 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.to-green-50\/30 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.to-green-50\/40 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.to-green-50\/50 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.to-green-50\/60 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.to-green-50\/70 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.to-green-50\/80 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.to-green-50\/90 { + --gradient-to: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.to-green-100 { + --gradient-to: var(--green-100) +} +.to-green-100\/10 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.to-green-100\/20 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.to-green-100\/30 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.to-green-100\/40 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.to-green-100\/50 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.to-green-100\/60 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.to-green-100\/70 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.to-green-100\/80 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.to-green-100\/90 { + --gradient-to: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.to-green-200 { + --gradient-to: var(--green-200) +} +.to-green-200\/10 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.to-green-200\/20 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.to-green-200\/30 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.to-green-200\/40 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.to-green-200\/50 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.to-green-200\/60 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.to-green-200\/70 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.to-green-200\/80 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.to-green-200\/90 { + --gradient-to: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.to-green-300 { + --gradient-to: var(--green-300) +} +.to-green-300\/10 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.to-green-300\/20 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.to-green-300\/30 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.to-green-300\/40 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.to-green-300\/50 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.to-green-300\/60 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.to-green-300\/70 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.to-green-300\/80 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.to-green-300\/90 { + --gradient-to: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.to-green-400 { + --gradient-to: var(--green-400) +} +.to-green-400\/10 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.to-green-400\/20 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.to-green-400\/30 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.to-green-400\/40 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.to-green-400\/50 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.to-green-400\/60 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.to-green-400\/70 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.to-green-400\/80 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.to-green-400\/90 { + --gradient-to: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.to-green-500 { + --gradient-to: var(--green-500) +} +.to-green-500\/10 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.to-green-500\/20 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.to-green-500\/30 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.to-green-500\/40 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.to-green-500\/50 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.to-green-500\/60 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.to-green-500\/70 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.to-green-500\/80 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.to-green-500\/90 { + --gradient-to: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.to-green-600 { + --gradient-to: var(--green-600) +} +.to-green-600\/10 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.to-green-600\/20 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.to-green-600\/30 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.to-green-600\/40 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.to-green-600\/50 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.to-green-600\/60 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.to-green-600\/70 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.to-green-600\/80 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.to-green-600\/90 { + --gradient-to: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.to-green-700 { + --gradient-to: var(--green-700) +} +.to-green-700\/10 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.to-green-700\/20 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.to-green-700\/30 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.to-green-700\/40 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.to-green-700\/50 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.to-green-700\/60 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.to-green-700\/70 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.to-green-700\/80 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.to-green-700\/90 { + --gradient-to: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.to-green-800 { + --gradient-to: var(--green-800) +} +.to-green-800\/10 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.to-green-800\/20 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.to-green-800\/30 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.to-green-800\/40 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.to-green-800\/50 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.to-green-800\/60 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.to-green-800\/70 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.to-green-800\/80 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.to-green-800\/90 { + --gradient-to: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.to-green-900 { + --gradient-to: var(--green-900) +} +.to-green-900\/10 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.to-green-900\/20 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.to-green-900\/30 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.to-green-900\/40 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.to-green-900\/50 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.to-green-900\/60 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.to-green-900\/70 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.to-green-900\/80 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.to-green-900\/90 { + --gradient-to: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.to-yellow-50 { + --gradient-to: var(--yellow-50) +} +.to-yellow-50\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.to-yellow-50\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.to-yellow-50\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.to-yellow-50\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.to-yellow-50\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.to-yellow-50\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.to-yellow-50\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.to-yellow-50\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.to-yellow-50\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.to-yellow-100 { + --gradient-to: var(--yellow-100) +} +.to-yellow-100\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.to-yellow-100\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.to-yellow-100\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.to-yellow-100\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.to-yellow-100\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.to-yellow-100\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.to-yellow-100\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.to-yellow-100\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.to-yellow-100\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.to-yellow-200 { + --gradient-to: var(--yellow-200) +} +.to-yellow-200\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.to-yellow-200\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.to-yellow-200\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.to-yellow-200\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.to-yellow-200\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.to-yellow-200\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.to-yellow-200\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.to-yellow-200\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.to-yellow-200\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.to-yellow-300 { + --gradient-to: var(--yellow-300) +} +.to-yellow-300\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.to-yellow-300\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.to-yellow-300\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.to-yellow-300\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.to-yellow-300\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.to-yellow-300\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.to-yellow-300\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.to-yellow-300\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.to-yellow-300\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.to-yellow-400 { + --gradient-to: var(--yellow-400) +} +.to-yellow-400\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.to-yellow-400\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.to-yellow-400\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.to-yellow-400\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.to-yellow-400\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.to-yellow-400\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.to-yellow-400\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.to-yellow-400\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.to-yellow-400\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.to-yellow-500 { + --gradient-to: var(--yellow-500) +} +.to-yellow-500\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.to-yellow-500\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.to-yellow-500\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.to-yellow-500\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.to-yellow-500\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.to-yellow-500\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.to-yellow-500\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.to-yellow-500\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.to-yellow-500\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.to-yellow-600 { + --gradient-to: var(--yellow-600) +} +.to-yellow-600\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.to-yellow-600\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.to-yellow-600\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.to-yellow-600\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.to-yellow-600\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.to-yellow-600\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.to-yellow-600\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.to-yellow-600\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.to-yellow-600\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.to-yellow-700 { + --gradient-to: var(--yellow-700) +} +.to-yellow-700\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.to-yellow-700\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.to-yellow-700\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.to-yellow-700\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.to-yellow-700\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.to-yellow-700\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.to-yellow-700\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.to-yellow-700\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.to-yellow-700\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.to-yellow-800 { + --gradient-to: var(--yellow-800) +} +.to-yellow-800\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.to-yellow-800\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.to-yellow-800\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.to-yellow-800\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.to-yellow-800\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.to-yellow-800\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.to-yellow-800\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.to-yellow-800\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.to-yellow-800\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.to-yellow-900 { + --gradient-to: var(--yellow-900) +} +.to-yellow-900\/10 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.to-yellow-900\/20 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.to-yellow-900\/30 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.to-yellow-900\/40 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.to-yellow-900\/50 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.to-yellow-900\/60 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.to-yellow-900\/70 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.to-yellow-900\/80 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.to-yellow-900\/90 { + --gradient-to: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.to-cyan-50 { + --gradient-to: var(--cyan-50) +} +.to-cyan-50\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.to-cyan-50\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.to-cyan-50\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.to-cyan-50\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.to-cyan-50\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.to-cyan-50\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.to-cyan-50\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.to-cyan-50\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.to-cyan-50\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.to-cyan-100 { + --gradient-to: var(--cyan-100) +} +.to-cyan-100\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.to-cyan-100\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.to-cyan-100\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.to-cyan-100\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.to-cyan-100\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.to-cyan-100\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.to-cyan-100\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.to-cyan-100\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.to-cyan-100\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.to-cyan-200 { + --gradient-to: var(--cyan-200) +} +.to-cyan-200\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.to-cyan-200\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.to-cyan-200\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.to-cyan-200\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.to-cyan-200\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.to-cyan-200\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.to-cyan-200\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.to-cyan-200\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.to-cyan-200\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.to-cyan-300 { + --gradient-to: var(--cyan-300) +} +.to-cyan-300\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.to-cyan-300\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.to-cyan-300\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.to-cyan-300\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.to-cyan-300\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.to-cyan-300\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.to-cyan-300\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.to-cyan-300\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.to-cyan-300\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.to-cyan-400 { + --gradient-to: var(--cyan-400) +} +.to-cyan-400\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.to-cyan-400\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.to-cyan-400\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.to-cyan-400\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.to-cyan-400\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.to-cyan-400\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.to-cyan-400\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.to-cyan-400\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.to-cyan-400\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.to-cyan-500 { + --gradient-to: var(--cyan-500) +} +.to-cyan-500\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.to-cyan-500\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.to-cyan-500\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.to-cyan-500\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.to-cyan-500\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.to-cyan-500\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.to-cyan-500\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.to-cyan-500\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.to-cyan-500\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.to-cyan-600 { + --gradient-to: var(--cyan-600) +} +.to-cyan-600\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.to-cyan-600\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.to-cyan-600\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.to-cyan-600\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.to-cyan-600\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.to-cyan-600\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.to-cyan-600\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.to-cyan-600\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.to-cyan-600\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.to-cyan-700 { + --gradient-to: var(--cyan-700) +} +.to-cyan-700\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.to-cyan-700\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.to-cyan-700\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.to-cyan-700\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.to-cyan-700\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.to-cyan-700\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.to-cyan-700\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.to-cyan-700\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.to-cyan-700\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.to-cyan-800 { + --gradient-to: var(--cyan-800) +} +.to-cyan-800\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.to-cyan-800\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.to-cyan-800\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.to-cyan-800\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.to-cyan-800\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.to-cyan-800\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.to-cyan-800\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.to-cyan-800\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.to-cyan-800\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.to-cyan-900 { + --gradient-to: var(--cyan-900) +} +.to-cyan-900\/10 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.to-cyan-900\/20 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.to-cyan-900\/30 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.to-cyan-900\/40 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.to-cyan-900\/50 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.to-cyan-900\/60 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.to-cyan-900\/70 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.to-cyan-900\/80 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.to-cyan-900\/90 { + --gradient-to: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.to-pink-50 { + --gradient-to: var(--pink-50) +} +.to-pink-50\/10 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.to-pink-50\/20 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.to-pink-50\/30 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.to-pink-50\/40 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.to-pink-50\/50 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.to-pink-50\/60 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.to-pink-50\/70 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.to-pink-50\/80 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.to-pink-50\/90 { + --gradient-to: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.to-pink-100 { + --gradient-to: var(--pink-100) +} +.to-pink-100\/10 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.to-pink-100\/20 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.to-pink-100\/30 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.to-pink-100\/40 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.to-pink-100\/50 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.to-pink-100\/60 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.to-pink-100\/70 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.to-pink-100\/80 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.to-pink-100\/90 { + --gradient-to: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.to-pink-200 { + --gradient-to: var(--pink-200) +} +.to-pink-200\/10 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.to-pink-200\/20 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.to-pink-200\/30 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.to-pink-200\/40 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.to-pink-200\/50 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.to-pink-200\/60 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.to-pink-200\/70 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.to-pink-200\/80 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.to-pink-200\/90 { + --gradient-to: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.to-pink-300 { + --gradient-to: var(--pink-300) +} +.to-pink-300\/10 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.to-pink-300\/20 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.to-pink-300\/30 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.to-pink-300\/40 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.to-pink-300\/50 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.to-pink-300\/60 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.to-pink-300\/70 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.to-pink-300\/80 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.to-pink-300\/90 { + --gradient-to: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.to-pink-400 { + --gradient-to: var(--pink-400) +} +.to-pink-400\/10 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.to-pink-400\/20 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.to-pink-400\/30 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.to-pink-400\/40 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.to-pink-400\/50 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.to-pink-400\/60 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.to-pink-400\/70 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.to-pink-400\/80 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.to-pink-400\/90 { + --gradient-to: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.to-pink-500 { + --gradient-to: var(--pink-500) +} +.to-pink-500\/10 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.to-pink-500\/20 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.to-pink-500\/30 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.to-pink-500\/40 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.to-pink-500\/50 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.to-pink-500\/60 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.to-pink-500\/70 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.to-pink-500\/80 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.to-pink-500\/90 { + --gradient-to: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.to-pink-600 { + --gradient-to: var(--pink-600) +} +.to-pink-600\/10 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.to-pink-600\/20 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.to-pink-600\/30 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.to-pink-600\/40 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.to-pink-600\/50 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.to-pink-600\/60 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.to-pink-600\/70 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.to-pink-600\/80 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.to-pink-600\/90 { + --gradient-to: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.to-pink-700 { + --gradient-to: var(--pink-700) +} +.to-pink-700\/10 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.to-pink-700\/20 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.to-pink-700\/30 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.to-pink-700\/40 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.to-pink-700\/50 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.to-pink-700\/60 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.to-pink-700\/70 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.to-pink-700\/80 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.to-pink-700\/90 { + --gradient-to: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.to-pink-800 { + --gradient-to: var(--pink-800) +} +.to-pink-800\/10 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.to-pink-800\/20 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.to-pink-800\/30 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.to-pink-800\/40 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.to-pink-800\/50 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.to-pink-800\/60 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.to-pink-800\/70 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.to-pink-800\/80 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.to-pink-800\/90 { + --gradient-to: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.to-pink-900 { + --gradient-to: var(--pink-900) +} +.to-pink-900\/10 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.to-pink-900\/20 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.to-pink-900\/30 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.to-pink-900\/40 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.to-pink-900\/50 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.to-pink-900\/60 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.to-pink-900\/70 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.to-pink-900\/80 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.to-pink-900\/90 { + --gradient-to: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.to-indigo-50 { + --gradient-to: var(--indigo-50) +} +.to-indigo-50\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.to-indigo-50\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.to-indigo-50\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.to-indigo-50\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.to-indigo-50\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.to-indigo-50\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.to-indigo-50\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.to-indigo-50\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.to-indigo-50\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.to-indigo-100 { + --gradient-to: var(--indigo-100) +} +.to-indigo-100\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.to-indigo-100\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.to-indigo-100\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.to-indigo-100\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.to-indigo-100\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.to-indigo-100\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.to-indigo-100\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.to-indigo-100\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.to-indigo-100\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.to-indigo-200 { + --gradient-to: var(--indigo-200) +} +.to-indigo-200\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.to-indigo-200\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.to-indigo-200\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.to-indigo-200\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.to-indigo-200\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.to-indigo-200\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.to-indigo-200\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.to-indigo-200\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.to-indigo-200\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.to-indigo-300 { + --gradient-to: var(--indigo-300) +} +.to-indigo-300\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.to-indigo-300\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.to-indigo-300\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.to-indigo-300\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.to-indigo-300\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.to-indigo-300\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.to-indigo-300\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.to-indigo-300\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.to-indigo-300\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.to-indigo-400 { + --gradient-to: var(--indigo-400) +} +.to-indigo-400\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.to-indigo-400\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.to-indigo-400\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.to-indigo-400\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.to-indigo-400\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.to-indigo-400\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.to-indigo-400\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.to-indigo-400\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.to-indigo-400\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.to-indigo-500 { + --gradient-to: var(--indigo-500) +} +.to-indigo-500\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.to-indigo-500\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.to-indigo-500\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.to-indigo-500\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.to-indigo-500\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.to-indigo-500\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.to-indigo-500\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.to-indigo-500\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.to-indigo-500\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.to-indigo-600 { + --gradient-to: var(--indigo-600) +} +.to-indigo-600\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.to-indigo-600\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.to-indigo-600\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.to-indigo-600\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.to-indigo-600\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.to-indigo-600\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.to-indigo-600\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.to-indigo-600\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.to-indigo-600\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.to-indigo-700 { + --gradient-to: var(--indigo-700) +} +.to-indigo-700\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.to-indigo-700\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.to-indigo-700\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.to-indigo-700\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.to-indigo-700\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.to-indigo-700\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.to-indigo-700\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.to-indigo-700\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.to-indigo-700\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.to-indigo-800 { + --gradient-to: var(--indigo-800) +} +.to-indigo-800\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.to-indigo-800\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.to-indigo-800\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.to-indigo-800\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.to-indigo-800\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.to-indigo-800\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.to-indigo-800\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.to-indigo-800\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.to-indigo-800\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.to-indigo-900 { + --gradient-to: var(--indigo-900) +} +.to-indigo-900\/10 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.to-indigo-900\/20 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.to-indigo-900\/30 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.to-indigo-900\/40 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.to-indigo-900\/50 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.to-indigo-900\/60 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.to-indigo-900\/70 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.to-indigo-900\/80 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.to-indigo-900\/90 { + --gradient-to: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.to-teal-50 { + --gradient-to: var(--teal-50) +} +.to-teal-50\/10 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.to-teal-50\/20 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.to-teal-50\/30 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.to-teal-50\/40 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.to-teal-50\/50 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.to-teal-50\/60 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.to-teal-50\/70 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.to-teal-50\/80 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.to-teal-50\/90 { + --gradient-to: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.to-teal-100 { + --gradient-to: var(--teal-100) +} +.to-teal-100\/10 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.to-teal-100\/20 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.to-teal-100\/30 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.to-teal-100\/40 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.to-teal-100\/50 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.to-teal-100\/60 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.to-teal-100\/70 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.to-teal-100\/80 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.to-teal-100\/90 { + --gradient-to: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.to-teal-200 { + --gradient-to: var(--teal-200) +} +.to-teal-200\/10 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.to-teal-200\/20 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.to-teal-200\/30 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.to-teal-200\/40 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.to-teal-200\/50 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.to-teal-200\/60 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.to-teal-200\/70 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.to-teal-200\/80 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.to-teal-200\/90 { + --gradient-to: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.to-teal-300 { + --gradient-to: var(--teal-300) +} +.to-teal-300\/10 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.to-teal-300\/20 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.to-teal-300\/30 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.to-teal-300\/40 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.to-teal-300\/50 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.to-teal-300\/60 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.to-teal-300\/70 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.to-teal-300\/80 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.to-teal-300\/90 { + --gradient-to: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.to-teal-400 { + --gradient-to: var(--teal-400) +} +.to-teal-400\/10 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.to-teal-400\/20 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.to-teal-400\/30 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.to-teal-400\/40 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.to-teal-400\/50 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.to-teal-400\/60 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.to-teal-400\/70 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.to-teal-400\/80 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.to-teal-400\/90 { + --gradient-to: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.to-teal-500 { + --gradient-to: var(--teal-500) +} +.to-teal-500\/10 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.to-teal-500\/20 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.to-teal-500\/30 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.to-teal-500\/40 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.to-teal-500\/50 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.to-teal-500\/60 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.to-teal-500\/70 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.to-teal-500\/80 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.to-teal-500\/90 { + --gradient-to: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.to-teal-600 { + --gradient-to: var(--teal-600) +} +.to-teal-600\/10 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.to-teal-600\/20 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.to-teal-600\/30 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.to-teal-600\/40 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.to-teal-600\/50 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.to-teal-600\/60 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.to-teal-600\/70 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.to-teal-600\/80 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.to-teal-600\/90 { + --gradient-to: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.to-teal-700 { + --gradient-to: var(--teal-700) +} +.to-teal-700\/10 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.to-teal-700\/20 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.to-teal-700\/30 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.to-teal-700\/40 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.to-teal-700\/50 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.to-teal-700\/60 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.to-teal-700\/70 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.to-teal-700\/80 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.to-teal-700\/90 { + --gradient-to: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.to-teal-800 { + --gradient-to: var(--teal-800) +} +.to-teal-800\/10 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.to-teal-800\/20 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.to-teal-800\/30 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.to-teal-800\/40 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.to-teal-800\/50 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.to-teal-800\/60 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.to-teal-800\/70 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.to-teal-800\/80 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.to-teal-800\/90 { + --gradient-to: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.to-teal-900 { + --gradient-to: var(--teal-900) +} +.to-teal-900\/10 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.to-teal-900\/20 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.to-teal-900\/30 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.to-teal-900\/40 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.to-teal-900\/50 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.to-teal-900\/60 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.to-teal-900\/70 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.to-teal-900\/80 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.to-teal-900\/90 { + --gradient-to: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.to-orange-50 { + --gradient-to: var(--orange-50) +} +.to-orange-50\/10 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.to-orange-50\/20 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.to-orange-50\/30 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.to-orange-50\/40 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.to-orange-50\/50 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.to-orange-50\/60 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.to-orange-50\/70 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.to-orange-50\/80 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.to-orange-50\/90 { + --gradient-to: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.to-orange-100 { + --gradient-to: var(--orange-100) +} +.to-orange-100\/10 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.to-orange-100\/20 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.to-orange-100\/30 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.to-orange-100\/40 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.to-orange-100\/50 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.to-orange-100\/60 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.to-orange-100\/70 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.to-orange-100\/80 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.to-orange-100\/90 { + --gradient-to: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.to-orange-200 { + --gradient-to: var(--orange-200) +} +.to-orange-200\/10 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.to-orange-200\/20 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.to-orange-200\/30 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.to-orange-200\/40 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.to-orange-200\/50 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.to-orange-200\/60 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.to-orange-200\/70 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.to-orange-200\/80 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.to-orange-200\/90 { + --gradient-to: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.to-orange-300 { + --gradient-to: var(--orange-300) +} +.to-orange-300\/10 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.to-orange-300\/20 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.to-orange-300\/30 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.to-orange-300\/40 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.to-orange-300\/50 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.to-orange-300\/60 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.to-orange-300\/70 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.to-orange-300\/80 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.to-orange-300\/90 { + --gradient-to: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.to-orange-400 { + --gradient-to: var(--orange-400) +} +.to-orange-400\/10 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.to-orange-400\/20 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.to-orange-400\/30 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.to-orange-400\/40 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.to-orange-400\/50 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.to-orange-400\/60 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.to-orange-400\/70 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.to-orange-400\/80 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.to-orange-400\/90 { + --gradient-to: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.to-orange-500 { + --gradient-to: var(--orange-500) +} +.to-orange-500\/10 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.to-orange-500\/20 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.to-orange-500\/30 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.to-orange-500\/40 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.to-orange-500\/50 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.to-orange-500\/60 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.to-orange-500\/70 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.to-orange-500\/80 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.to-orange-500\/90 { + --gradient-to: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.to-orange-600 { + --gradient-to: var(--orange-600) +} +.to-orange-600\/10 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.to-orange-600\/20 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.to-orange-600\/30 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.to-orange-600\/40 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.to-orange-600\/50 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.to-orange-600\/60 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.to-orange-600\/70 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.to-orange-600\/80 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.to-orange-600\/90 { + --gradient-to: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.to-orange-700 { + --gradient-to: var(--orange-700) +} +.to-orange-700\/10 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.to-orange-700\/20 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.to-orange-700\/30 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.to-orange-700\/40 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.to-orange-700\/50 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.to-orange-700\/60 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.to-orange-700\/70 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.to-orange-700\/80 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.to-orange-700\/90 { + --gradient-to: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.to-orange-800 { + --gradient-to: var(--orange-800) +} +.to-orange-800\/10 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.to-orange-800\/20 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.to-orange-800\/30 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.to-orange-800\/40 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.to-orange-800\/50 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.to-orange-800\/60 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.to-orange-800\/70 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.to-orange-800\/80 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.to-orange-800\/90 { + --gradient-to: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.to-orange-900 { + --gradient-to: var(--orange-900) +} +.to-orange-900\/10 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.to-orange-900\/20 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.to-orange-900\/30 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.to-orange-900\/40 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.to-orange-900\/50 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.to-orange-900\/60 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.to-orange-900\/70 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.to-orange-900\/80 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.to-orange-900\/90 { + --gradient-to: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.to-bluegray-50 { + --gradient-to: var(--bluegray-50) +} +.to-bluegray-50\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.to-bluegray-50\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.to-bluegray-50\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.to-bluegray-50\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.to-bluegray-50\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.to-bluegray-50\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.to-bluegray-50\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.to-bluegray-50\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.to-bluegray-50\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.to-bluegray-100 { + --gradient-to: var(--bluegray-100) +} +.to-bluegray-100\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.to-bluegray-100\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.to-bluegray-100\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.to-bluegray-100\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.to-bluegray-100\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.to-bluegray-100\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.to-bluegray-100\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.to-bluegray-100\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.to-bluegray-100\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.to-bluegray-200 { + --gradient-to: var(--bluegray-200) +} +.to-bluegray-200\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.to-bluegray-200\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.to-bluegray-200\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.to-bluegray-200\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.to-bluegray-200\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.to-bluegray-200\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.to-bluegray-200\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.to-bluegray-200\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.to-bluegray-200\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.to-bluegray-300 { + --gradient-to: var(--bluegray-300) +} +.to-bluegray-300\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.to-bluegray-300\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.to-bluegray-300\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.to-bluegray-300\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.to-bluegray-300\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.to-bluegray-300\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.to-bluegray-300\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.to-bluegray-300\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.to-bluegray-300\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.to-bluegray-400 { + --gradient-to: var(--bluegray-400) +} +.to-bluegray-400\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.to-bluegray-400\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.to-bluegray-400\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.to-bluegray-400\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.to-bluegray-400\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.to-bluegray-400\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.to-bluegray-400\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.to-bluegray-400\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.to-bluegray-400\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.to-bluegray-500 { + --gradient-to: var(--bluegray-500) +} +.to-bluegray-500\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.to-bluegray-500\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.to-bluegray-500\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.to-bluegray-500\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.to-bluegray-500\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.to-bluegray-500\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.to-bluegray-500\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.to-bluegray-500\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.to-bluegray-500\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.to-bluegray-600 { + --gradient-to: var(--bluegray-600) +} +.to-bluegray-600\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.to-bluegray-600\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.to-bluegray-600\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.to-bluegray-600\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.to-bluegray-600\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.to-bluegray-600\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.to-bluegray-600\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.to-bluegray-600\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.to-bluegray-600\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.to-bluegray-700 { + --gradient-to: var(--bluegray-700) +} +.to-bluegray-700\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.to-bluegray-700\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.to-bluegray-700\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.to-bluegray-700\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.to-bluegray-700\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.to-bluegray-700\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.to-bluegray-700\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.to-bluegray-700\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.to-bluegray-700\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.to-bluegray-800 { + --gradient-to: var(--bluegray-800) +} +.to-bluegray-800\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.to-bluegray-800\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.to-bluegray-800\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.to-bluegray-800\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.to-bluegray-800\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.to-bluegray-800\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.to-bluegray-800\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.to-bluegray-800\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.to-bluegray-800\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.to-bluegray-900 { + --gradient-to: var(--bluegray-900) +} +.to-bluegray-900\/10 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.to-bluegray-900\/20 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.to-bluegray-900\/30 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.to-bluegray-900\/40 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.to-bluegray-900\/50 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.to-bluegray-900\/60 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.to-bluegray-900\/70 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.to-bluegray-900\/80 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.to-bluegray-900\/90 { + --gradient-to: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.to-purple-50 { + --gradient-to: var(--purple-50) +} +.to-purple-50\/10 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.to-purple-50\/20 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.to-purple-50\/30 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.to-purple-50\/40 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.to-purple-50\/50 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.to-purple-50\/60 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.to-purple-50\/70 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.to-purple-50\/80 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.to-purple-50\/90 { + --gradient-to: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.to-purple-100 { + --gradient-to: var(--purple-100) +} +.to-purple-100\/10 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.to-purple-100\/20 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.to-purple-100\/30 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.to-purple-100\/40 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.to-purple-100\/50 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.to-purple-100\/60 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.to-purple-100\/70 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.to-purple-100\/80 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.to-purple-100\/90 { + --gradient-to: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.to-purple-200 { + --gradient-to: var(--purple-200) +} +.to-purple-200\/10 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.to-purple-200\/20 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.to-purple-200\/30 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.to-purple-200\/40 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.to-purple-200\/50 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.to-purple-200\/60 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.to-purple-200\/70 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.to-purple-200\/80 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.to-purple-200\/90 { + --gradient-to: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.to-purple-300 { + --gradient-to: var(--purple-300) +} +.to-purple-300\/10 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.to-purple-300\/20 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.to-purple-300\/30 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.to-purple-300\/40 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.to-purple-300\/50 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.to-purple-300\/60 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.to-purple-300\/70 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.to-purple-300\/80 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.to-purple-300\/90 { + --gradient-to: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.to-purple-400 { + --gradient-to: var(--purple-400) +} +.to-purple-400\/10 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.to-purple-400\/20 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.to-purple-400\/30 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.to-purple-400\/40 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.to-purple-400\/50 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.to-purple-400\/60 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.to-purple-400\/70 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.to-purple-400\/80 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.to-purple-400\/90 { + --gradient-to: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.to-purple-500 { + --gradient-to: var(--purple-500) +} +.to-purple-500\/10 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.to-purple-500\/20 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.to-purple-500\/30 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.to-purple-500\/40 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.to-purple-500\/50 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.to-purple-500\/60 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.to-purple-500\/70 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.to-purple-500\/80 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.to-purple-500\/90 { + --gradient-to: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.to-purple-600 { + --gradient-to: var(--purple-600) +} +.to-purple-600\/10 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.to-purple-600\/20 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.to-purple-600\/30 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.to-purple-600\/40 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.to-purple-600\/50 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.to-purple-600\/60 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.to-purple-600\/70 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.to-purple-600\/80 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.to-purple-600\/90 { + --gradient-to: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.to-purple-700 { + --gradient-to: var(--purple-700) +} +.to-purple-700\/10 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.to-purple-700\/20 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.to-purple-700\/30 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.to-purple-700\/40 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.to-purple-700\/50 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.to-purple-700\/60 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.to-purple-700\/70 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.to-purple-700\/80 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.to-purple-700\/90 { + --gradient-to: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.to-purple-800 { + --gradient-to: var(--purple-800) +} +.to-purple-800\/10 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.to-purple-800\/20 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.to-purple-800\/30 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.to-purple-800\/40 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.to-purple-800\/50 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.to-purple-800\/60 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.to-purple-800\/70 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.to-purple-800\/80 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.to-purple-800\/90 { + --gradient-to: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.to-purple-900 { + --gradient-to: var(--purple-900) +} +.to-purple-900\/10 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.to-purple-900\/20 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.to-purple-900\/30 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.to-purple-900\/40 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.to-purple-900\/50 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.to-purple-900\/60 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.to-purple-900\/70 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.to-purple-900\/80 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.to-purple-900\/90 { + --gradient-to: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.to-red-50 { + --gradient-to: var(--red-50) +} +.to-red-50\/10 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.to-red-50\/20 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.to-red-50\/30 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.to-red-50\/40 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.to-red-50\/50 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.to-red-50\/60 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.to-red-50\/70 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.to-red-50\/80 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.to-red-50\/90 { + --gradient-to: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.to-red-100 { + --gradient-to: var(--red-100) +} +.to-red-100\/10 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.to-red-100\/20 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.to-red-100\/30 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.to-red-100\/40 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.to-red-100\/50 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.to-red-100\/60 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.to-red-100\/70 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.to-red-100\/80 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.to-red-100\/90 { + --gradient-to: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.to-red-200 { + --gradient-to: var(--red-200) +} +.to-red-200\/10 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.to-red-200\/20 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.to-red-200\/30 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.to-red-200\/40 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.to-red-200\/50 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.to-red-200\/60 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.to-red-200\/70 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.to-red-200\/80 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.to-red-200\/90 { + --gradient-to: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.to-red-300 { + --gradient-to: var(--red-300) +} +.to-red-300\/10 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.to-red-300\/20 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.to-red-300\/30 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.to-red-300\/40 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.to-red-300\/50 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.to-red-300\/60 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.to-red-300\/70 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.to-red-300\/80 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.to-red-300\/90 { + --gradient-to: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.to-red-400 { + --gradient-to: var(--red-400) +} +.to-red-400\/10 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.to-red-400\/20 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.to-red-400\/30 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.to-red-400\/40 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.to-red-400\/50 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.to-red-400\/60 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.to-red-400\/70 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.to-red-400\/80 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.to-red-400\/90 { + --gradient-to: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.to-red-500 { + --gradient-to: var(--red-500) +} +.to-red-500\/10 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.to-red-500\/20 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.to-red-500\/30 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.to-red-500\/40 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.to-red-500\/50 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.to-red-500\/60 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.to-red-500\/70 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.to-red-500\/80 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.to-red-500\/90 { + --gradient-to: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.to-red-600 { + --gradient-to: var(--red-600) +} +.to-red-600\/10 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.to-red-600\/20 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.to-red-600\/30 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.to-red-600\/40 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.to-red-600\/50 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.to-red-600\/60 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.to-red-600\/70 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.to-red-600\/80 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.to-red-600\/90 { + --gradient-to: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.to-red-700 { + --gradient-to: var(--red-700) +} +.to-red-700\/10 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.to-red-700\/20 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.to-red-700\/30 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.to-red-700\/40 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.to-red-700\/50 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.to-red-700\/60 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.to-red-700\/70 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.to-red-700\/80 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.to-red-700\/90 { + --gradient-to: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.to-red-800 { + --gradient-to: var(--red-800) +} +.to-red-800\/10 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.to-red-800\/20 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.to-red-800\/30 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.to-red-800\/40 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.to-red-800\/50 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.to-red-800\/60 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.to-red-800\/70 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.to-red-800\/80 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.to-red-800\/90 { + --gradient-to: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.to-red-900 { + --gradient-to: var(--red-900) +} +.to-red-900\/10 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.to-red-900\/20 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.to-red-900\/30 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.to-red-900\/40 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.to-red-900\/50 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.to-red-900\/60 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.to-red-900\/70 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.to-red-900\/80 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.to-red-900\/90 { + --gradient-to: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.to-gray-50 { + --gradient-to: var(--gray-50) +} +.to-gray-50\/10 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.to-gray-50\/20 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.to-gray-50\/30 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.to-gray-50\/40 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.to-gray-50\/50 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.to-gray-50\/60 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.to-gray-50\/70 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.to-gray-50\/80 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.to-gray-50\/90 { + --gradient-to: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.to-gray-100 { + --gradient-to: var(--gray-100) +} +.to-gray-100\/10 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.to-gray-100\/20 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.to-gray-100\/30 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.to-gray-100\/40 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.to-gray-100\/50 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.to-gray-100\/60 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.to-gray-100\/70 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.to-gray-100\/80 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.to-gray-100\/90 { + --gradient-to: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.to-gray-200 { + --gradient-to: var(--gray-200) +} +.to-gray-200\/10 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.to-gray-200\/20 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.to-gray-200\/30 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.to-gray-200\/40 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.to-gray-200\/50 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.to-gray-200\/60 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.to-gray-200\/70 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.to-gray-200\/80 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.to-gray-200\/90 { + --gradient-to: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.to-gray-300 { + --gradient-to: var(--gray-300) +} +.to-gray-300\/10 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.to-gray-300\/20 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.to-gray-300\/30 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.to-gray-300\/40 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.to-gray-300\/50 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.to-gray-300\/60 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.to-gray-300\/70 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.to-gray-300\/80 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.to-gray-300\/90 { + --gradient-to: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.to-gray-400 { + --gradient-to: var(--gray-400) +} +.to-gray-400\/10 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.to-gray-400\/20 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.to-gray-400\/30 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.to-gray-400\/40 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.to-gray-400\/50 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.to-gray-400\/60 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.to-gray-400\/70 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.to-gray-400\/80 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.to-gray-400\/90 { + --gradient-to: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.to-gray-500 { + --gradient-to: var(--gray-500) +} +.to-gray-500\/10 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.to-gray-500\/20 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.to-gray-500\/30 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.to-gray-500\/40 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.to-gray-500\/50 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.to-gray-500\/60 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.to-gray-500\/70 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.to-gray-500\/80 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.to-gray-500\/90 { + --gradient-to: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.to-gray-600 { + --gradient-to: var(--gray-600) +} +.to-gray-600\/10 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.to-gray-600\/20 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.to-gray-600\/30 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.to-gray-600\/40 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.to-gray-600\/50 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.to-gray-600\/60 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.to-gray-600\/70 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.to-gray-600\/80 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.to-gray-600\/90 { + --gradient-to: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.to-gray-700 { + --gradient-to: var(--gray-700) +} +.to-gray-700\/10 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.to-gray-700\/20 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.to-gray-700\/30 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.to-gray-700\/40 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.to-gray-700\/50 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.to-gray-700\/60 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.to-gray-700\/70 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.to-gray-700\/80 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.to-gray-700\/90 { + --gradient-to: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.to-gray-800 { + --gradient-to: var(--gray-800) +} +.to-gray-800\/10 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.to-gray-800\/20 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.to-gray-800\/30 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.to-gray-800\/40 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.to-gray-800\/50 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.to-gray-800\/60 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.to-gray-800\/70 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.to-gray-800\/80 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.to-gray-800\/90 { + --gradient-to: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.to-gray-900 { + --gradient-to: var(--gray-900) +} +.to-gray-900\/10 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.to-gray-900\/20 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.to-gray-900\/30 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.to-gray-900\/40 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.to-gray-900\/50 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.to-gray-900\/60 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.to-gray-900\/70 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.to-gray-900\/80 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.to-gray-900\/90 { + --gradient-to: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.to-surface-0 { + --gradient-to: var(--surface-0) +} +.to-surface-0\/10 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.to-surface-0\/20 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.to-surface-0\/30 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.to-surface-0\/40 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.to-surface-0\/50 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.to-surface-0\/60 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.to-surface-0\/70 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.to-surface-0\/80 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.to-surface-0\/90 { + --gradient-to: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.to-surface-50 { + --gradient-to: var(--surface-50) +} +.to-surface-50\/10 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.to-surface-50\/20 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.to-surface-50\/30 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.to-surface-50\/40 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.to-surface-50\/50 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.to-surface-50\/60 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.to-surface-50\/70 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.to-surface-50\/80 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.to-surface-50\/90 { + --gradient-to: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.to-surface-100 { + --gradient-to: var(--surface-100) +} +.to-surface-100\/10 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.to-surface-100\/20 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.to-surface-100\/30 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.to-surface-100\/40 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.to-surface-100\/50 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.to-surface-100\/60 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.to-surface-100\/70 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.to-surface-100\/80 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.to-surface-100\/90 { + --gradient-to: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.to-surface-200 { + --gradient-to: var(--surface-200) +} +.to-surface-200\/10 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.to-surface-200\/20 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.to-surface-200\/30 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.to-surface-200\/40 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.to-surface-200\/50 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.to-surface-200\/60 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.to-surface-200\/70 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.to-surface-200\/80 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.to-surface-200\/90 { + --gradient-to: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.to-surface-300 { + --gradient-to: var(--surface-300) +} +.to-surface-300\/10 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.to-surface-300\/20 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.to-surface-300\/30 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.to-surface-300\/40 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.to-surface-300\/50 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.to-surface-300\/60 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.to-surface-300\/70 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.to-surface-300\/80 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.to-surface-300\/90 { + --gradient-to: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.to-surface-400 { + --gradient-to: var(--surface-400) +} +.to-surface-400\/10 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.to-surface-400\/20 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.to-surface-400\/30 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.to-surface-400\/40 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.to-surface-400\/50 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.to-surface-400\/60 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.to-surface-400\/70 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.to-surface-400\/80 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.to-surface-400\/90 { + --gradient-to: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.to-surface-500 { + --gradient-to: var(--surface-500) +} +.to-surface-500\/10 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.to-surface-500\/20 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.to-surface-500\/30 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.to-surface-500\/40 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.to-surface-500\/50 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.to-surface-500\/60 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.to-surface-500\/70 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.to-surface-500\/80 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.to-surface-500\/90 { + --gradient-to: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.to-surface-600 { + --gradient-to: var(--surface-600) +} +.to-surface-600\/10 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.to-surface-600\/20 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.to-surface-600\/30 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.to-surface-600\/40 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.to-surface-600\/50 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.to-surface-600\/60 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.to-surface-600\/70 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.to-surface-600\/80 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.to-surface-600\/90 { + --gradient-to: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.to-surface-700 { + --gradient-to: var(--surface-700) +} +.to-surface-700\/10 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.to-surface-700\/20 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.to-surface-700\/30 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.to-surface-700\/40 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.to-surface-700\/50 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.to-surface-700\/60 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.to-surface-700\/70 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.to-surface-700\/80 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.to-surface-700\/90 { + --gradient-to: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.to-surface-800 { + --gradient-to: var(--surface-800) +} +.to-surface-800\/10 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.to-surface-800\/20 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.to-surface-800\/30 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.to-surface-800\/40 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.to-surface-800\/50 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.to-surface-800\/60 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.to-surface-800\/70 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.to-surface-800\/80 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.to-surface-800\/90 { + --gradient-to: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.to-surface-900 { + --gradient-to: var(--surface-900) +} +.to-surface-900\/10 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.to-surface-900\/20 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.to-surface-900\/30 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.to-surface-900\/40 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.to-surface-900\/50 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.to-surface-900\/60 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.to-surface-900\/70 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.to-surface-900\/80 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.to-surface-900\/90 { + --gradient-to: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.to-primary-50 { + --gradient-to: var(--primary-50) +} +.to-primary-50\/10 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.to-primary-50\/20 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.to-primary-50\/30 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.to-primary-50\/40 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.to-primary-50\/50 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.to-primary-50\/60 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.to-primary-50\/70 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.to-primary-50\/80 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.to-primary-50\/90 { + --gradient-to: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.to-primary-100 { + --gradient-to: var(--primary-100) +} +.to-primary-100\/10 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.to-primary-100\/20 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.to-primary-100\/30 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.to-primary-100\/40 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.to-primary-100\/50 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.to-primary-100\/60 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.to-primary-100\/70 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.to-primary-100\/80 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.to-primary-100\/90 { + --gradient-to: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.to-primary-200 { + --gradient-to: var(--primary-200) +} +.to-primary-200\/10 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.to-primary-200\/20 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.to-primary-200\/30 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.to-primary-200\/40 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.to-primary-200\/50 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.to-primary-200\/60 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.to-primary-200\/70 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.to-primary-200\/80 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.to-primary-200\/90 { + --gradient-to: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.to-primary-300 { + --gradient-to: var(--primary-300) +} +.to-primary-300\/10 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.to-primary-300\/20 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.to-primary-300\/30 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.to-primary-300\/40 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.to-primary-300\/50 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.to-primary-300\/60 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.to-primary-300\/70 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.to-primary-300\/80 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.to-primary-300\/90 { + --gradient-to: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.to-primary-400 { + --gradient-to: var(--primary-400) +} +.to-primary-400\/10 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.to-primary-400\/20 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.to-primary-400\/30 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.to-primary-400\/40 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.to-primary-400\/50 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.to-primary-400\/60 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.to-primary-400\/70 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.to-primary-400\/80 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.to-primary-400\/90 { + --gradient-to: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.to-primary-500 { + --gradient-to: var(--primary-500) +} +.to-primary-500\/10 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.to-primary-500\/20 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.to-primary-500\/30 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.to-primary-500\/40 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.to-primary-500\/50 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.to-primary-500\/60 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.to-primary-500\/70 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.to-primary-500\/80 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.to-primary-500\/90 { + --gradient-to: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.to-primary-600 { + --gradient-to: var(--primary-600) +} +.to-primary-600\/10 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.to-primary-600\/20 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.to-primary-600\/30 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.to-primary-600\/40 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.to-primary-600\/50 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.to-primary-600\/60 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.to-primary-600\/70 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.to-primary-600\/80 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.to-primary-600\/90 { + --gradient-to: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.to-primary-700 { + --gradient-to: var(--primary-700) +} +.to-primary-700\/10 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.to-primary-700\/20 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.to-primary-700\/30 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.to-primary-700\/40 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.to-primary-700\/50 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.to-primary-700\/60 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.to-primary-700\/70 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.to-primary-700\/80 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.to-primary-700\/90 { + --gradient-to: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.to-primary-800 { + --gradient-to: var(--primary-800) +} +.to-primary-800\/10 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.to-primary-800\/20 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.to-primary-800\/30 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.to-primary-800\/40 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.to-primary-800\/50 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.to-primary-800\/60 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.to-primary-800\/70 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.to-primary-800\/80 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.to-primary-800\/90 { + --gradient-to: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.to-primary-900 { + --gradient-to: var(--primary-900) +} +.to-primary-900\/10 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.to-primary-900\/20 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.to-primary-900\/30 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.to-primary-900\/40 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.to-primary-900\/50 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.to-primary-900\/60 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.to-primary-900\/70 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.to-primary-900\/80 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.to-primary-900\/90 { + --gradient-to: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.to-white\/10 { + --gradient-to: color-mix(in srgb, #ffffff 10%, transparent) +} +.to-white-alpha-10 { + --gradient-to: color-mix(in srgb, #ffffff 10%, transparent) +} +.to-black\/10 { + --gradient-to: color-mix(in srgb, #000000 10%, transparent) +} +.to-black-alpha-10 { + --gradient-to: color-mix(in srgb, #000000 10%, transparent) +} +.to-white\/20 { + --gradient-to: color-mix(in srgb, #ffffff 20%, transparent) +} +.to-white-alpha-20 { + --gradient-to: color-mix(in srgb, #ffffff 20%, transparent) +} +.to-black\/20 { + --gradient-to: color-mix(in srgb, #000000 20%, transparent) +} +.to-black-alpha-20 { + --gradient-to: color-mix(in srgb, #000000 20%, transparent) +} +.to-white\/30 { + --gradient-to: color-mix(in srgb, #ffffff 30%, transparent) +} +.to-white-alpha-30 { + --gradient-to: color-mix(in srgb, #ffffff 30%, transparent) +} +.to-black\/30 { + --gradient-to: color-mix(in srgb, #000000 30%, transparent) +} +.to-black-alpha-30 { + --gradient-to: color-mix(in srgb, #000000 30%, transparent) +} +.to-white\/40 { + --gradient-to: color-mix(in srgb, #ffffff 40%, transparent) +} +.to-white-alpha-40 { + --gradient-to: color-mix(in srgb, #ffffff 40%, transparent) +} +.to-black\/40 { + --gradient-to: color-mix(in srgb, #000000 40%, transparent) +} +.to-black-alpha-40 { + --gradient-to: color-mix(in srgb, #000000 40%, transparent) +} +.to-white\/50 { + --gradient-to: color-mix(in srgb, #ffffff 50%, transparent) +} +.to-white-alpha-50 { + --gradient-to: color-mix(in srgb, #ffffff 50%, transparent) +} +.to-black\/50 { + --gradient-to: color-mix(in srgb, #000000 50%, transparent) +} +.to-black-alpha-50 { + --gradient-to: color-mix(in srgb, #000000 50%, transparent) +} +.to-white\/60 { + --gradient-to: color-mix(in srgb, #ffffff 60%, transparent) +} +.to-white-alpha-60 { + --gradient-to: color-mix(in srgb, #ffffff 60%, transparent) +} +.to-black\/60 { + --gradient-to: color-mix(in srgb, #000000 60%, transparent) +} +.to-black-alpha-60 { + --gradient-to: color-mix(in srgb, #000000 60%, transparent) +} +.to-white\/70 { + --gradient-to: color-mix(in srgb, #ffffff 70%, transparent) +} +.to-white-alpha-70 { + --gradient-to: color-mix(in srgb, #ffffff 70%, transparent) +} +.to-black\/70 { + --gradient-to: color-mix(in srgb, #000000 70%, transparent) +} +.to-black-alpha-70 { + --gradient-to: color-mix(in srgb, #000000 70%, transparent) +} +.to-white\/80 { + --gradient-to: color-mix(in srgb, #ffffff 80%, transparent) +} +.to-white-alpha-80 { + --gradient-to: color-mix(in srgb, #ffffff 80%, transparent) +} +.to-black\/80 { + --gradient-to: color-mix(in srgb, #000000 80%, transparent) +} +.to-black-alpha-80 { + --gradient-to: color-mix(in srgb, #000000 80%, transparent) +} +.to-white\/90 { + --gradient-to: color-mix(in srgb, #ffffff 90%, transparent) +} +.to-white-alpha-90 { + --gradient-to: color-mix(in srgb, #ffffff 90%, transparent) +} +.to-black\/90 { + --gradient-to: color-mix(in srgb, #000000 90%, transparent) +} +.to-black-alpha-90 { + --gradient-to: color-mix(in srgb, #000000 90%, transparent) +} +.from-0\% { + --gradient-from-percentage: 0% +} +.via-0\% { + --gradient-via-percentage: 0% +} +.to-0\% { + --gradient-to-percentage: 0% +} +.from-10\% { + --gradient-from-percentage: 10% +} +.via-10\% { + --gradient-via-percentage: 10% +} +.to-10\% { + --gradient-to-percentage: 10% +} +.from-20\% { + --gradient-from-percentage: 20% +} +.via-20\% { + --gradient-via-percentage: 20% +} +.to-20\% { + --gradient-to-percentage: 20% +} +.from-30\% { + --gradient-from-percentage: 30% +} +.via-30\% { + --gradient-via-percentage: 30% +} +.to-30\% { + --gradient-to-percentage: 30% +} +.from-40\% { + --gradient-from-percentage: 40% +} +.via-40\% { + --gradient-via-percentage: 40% +} +.to-40\% { + --gradient-to-percentage: 40% +} +.from-50\% { + --gradient-from-percentage: 50% +} +.via-50\% { + --gradient-via-percentage: 50% +} +.to-50\% { + --gradient-to-percentage: 50% +} +.from-60\% { + --gradient-from-percentage: 60% +} +.via-60\% { + --gradient-via-percentage: 60% +} +.to-60\% { + --gradient-to-percentage: 60% +} +.from-70\% { + --gradient-from-percentage: 70% +} +.via-70\% { + --gradient-via-percentage: 70% +} +.to-70\% { + --gradient-to-percentage: 70% +} +.from-80\% { + --gradient-from-percentage: 80% +} +.via-80\% { + --gradient-via-percentage: 80% +} +.to-80\% { + --gradient-to-percentage: 80% +} +.from-90\% { + --gradient-from-percentage: 90% +} +.via-90\% { + --gradient-via-percentage: 90% +} +.to-90\% { + --gradient-to-percentage: 90% +} +.from-100\% { + --gradient-from-percentage: 100% +} +.via-100\% { + --gradient-via-percentage: 100% +} +.to-100\% { + --gradient-to-percentage: 100% +} +.border-primary { + border-color: var(--primary-color) +} +.border-white { + border-color: #ffffff +} +.surface-border { + border-color: var(--surface-border) +} +.focus\:border-primary:focus { + border-color: var(--primary-color) +} +.hover\:border-primary:hover { + border-color: var(--primary-color) +} +.active\:border-primary:active { + border-color: var(--primary-color) +} +.focus\:border-white:focus { + border-color: #ffffff +} +.hover\:border-white:hover { + border-color: #ffffff +} +.active\:border-white:active { + border-color: #ffffff +} +.focus\:surface-border:focus { + border-color: var(--surface-border) +} +.hover\:surface-border:hover { + border-color: var(--surface-border) +} +.active\:surface-border:active { + border-color: var(--surface-border) +} +@media screen and (min-width: 576px) { + .sm\:border-primary { + border-color: var(--primary-color) + } + .sm\:border-white { + border-color: #ffffff + } + .sm\:surface-border { + border-color: var(--surface-border) + } + .sm\:focus\:border-primary:focus { + border-color: var(--primary-color) + } + .sm\:hover\:border-primary:hover { + border-color: var(--primary-color) + } + .sm\:active\:border-primary:active { + border-color: var(--primary-color) + } + .sm\:focus\:border-white:focus { + border-color: #ffffff + } + .sm\:hover\:border-white:hover { + border-color: #ffffff + } + .sm\:active\:border-white:active { + border-color: #ffffff + } + .sm\:focus\:surface-border:focus { + border-color: var(--surface-border) + } + .sm\:hover\:surface-border:hover { + border-color: var(--surface-border) + } + .sm\:active\:surface-border:active { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 768px) { + .md\:border-primary { + border-color: var(--primary-color) + } + .md\:border-white { + border-color: #ffffff + } + .md\:surface-border { + border-color: var(--surface-border) + } + .md\:focus\:border-primary:focus { + border-color: var(--primary-color) + } + .md\:hover\:border-primary:hover { + border-color: var(--primary-color) + } + .md\:active\:border-primary:active { + border-color: var(--primary-color) + } + .md\:focus\:border-white:focus { + border-color: #ffffff + } + .md\:hover\:border-white:hover { + border-color: #ffffff + } + .md\:active\:border-white:active { + border-color: #ffffff + } + .md\:focus\:surface-border:focus { + border-color: var(--surface-border) + } + .md\:hover\:surface-border:hover { + border-color: var(--surface-border) + } + .md\:active\:surface-border:active { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 992px) { + .lg\:border-primary { + border-color: var(--primary-color) + } + .lg\:border-white { + border-color: #ffffff + } + .lg\:surface-border { + border-color: var(--surface-border) + } + .lg\:focus\:border-primary:focus { + border-color: var(--primary-color) + } + .lg\:hover\:border-primary:hover { + border-color: var(--primary-color) + } + .lg\:active\:border-primary:active { + border-color: var(--primary-color) + } + .lg\:focus\:border-white:focus { + border-color: #ffffff + } + .lg\:hover\:border-white:hover { + border-color: #ffffff + } + .lg\:active\:border-white:active { + border-color: #ffffff + } + .lg\:focus\:surface-border:focus { + border-color: var(--surface-border) + } + .lg\:hover\:surface-border:hover { + border-color: var(--surface-border) + } + .lg\:active\:surface-border:active { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 1200px) { + .xl\:border-primary { + border-color: var(--primary-color) + } + .xl\:border-white { + border-color: #ffffff + } + .xl\:surface-border { + border-color: var(--surface-border) + } + .xl\:focus\:border-primary:focus { + border-color: var(--primary-color) + } + .xl\:hover\:border-primary:hover { + border-color: var(--primary-color) + } + .xl\:active\:border-primary:active { + border-color: var(--primary-color) + } + .xl\:focus\:border-white:focus { + border-color: #ffffff + } + .xl\:hover\:border-white:hover { + border-color: #ffffff + } + .xl\:active\:border-white:active { + border-color: #ffffff + } + .xl\:focus\:surface-border:focus { + border-color: var(--surface-border) + } + .xl\:hover\:surface-border:hover { + border-color: var(--surface-border) + } + .xl\:active\:surface-border:active { + border-color: var(--surface-border) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary) { + border-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white) { + border-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:surface-border) { + border-color: var(--surface-border) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary:focus) { + border-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary:hover) { + border-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary:active) { + border-color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white:focus) { + border-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white:hover) { + border-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white:active) { + border-color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:surface-border:focus) { + border-color: var(--surface-border) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:surface-border:hover) { + border-color: var(--surface-border) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:surface-border:active) { + border-color: var(--surface-border) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:surface-border) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary:focus) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary:hover) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary:active) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white:focus) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white:hover) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white:active) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:surface-border:focus) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:surface-border:hover) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:surface-border:active) { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:surface-border) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary:focus) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary:hover) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary:active) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white:focus) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white:hover) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white:active) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:surface-border:focus) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:surface-border:hover) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:surface-border:active) { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:surface-border) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary:focus) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary:hover) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary:active) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white:focus) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white:hover) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white:active) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:surface-border:focus) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:surface-border:hover) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:surface-border:active) { + border-color: var(--surface-border) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:surface-border) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary:focus) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary:hover) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary:active) { + border-color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white:focus) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white:hover) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white:active) { + border-color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:surface-border:focus) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:surface-border:hover) { + border-color: var(--surface-border) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:surface-border:active) { + border-color: var(--surface-border) + } +} +.border-blue-50 { + border-color: var(--blue-50) +} +.border-blue-50\/10 { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.border-blue-50\/20 { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.border-blue-50\/30 { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.border-blue-50\/40 { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.border-blue-50\/50 { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.border-blue-50\/60 { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.border-blue-50\/70 { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.border-blue-50\/80 { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.border-blue-50\/90 { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.border-blue-100 { + border-color: var(--blue-100) +} +.border-blue-100\/10 { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.border-blue-100\/20 { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.border-blue-100\/30 { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.border-blue-100\/40 { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.border-blue-100\/50 { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.border-blue-100\/60 { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.border-blue-100\/70 { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.border-blue-100\/80 { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.border-blue-100\/90 { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.border-blue-200 { + border-color: var(--blue-200) +} +.border-blue-200\/10 { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.border-blue-200\/20 { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.border-blue-200\/30 { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.border-blue-200\/40 { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.border-blue-200\/50 { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.border-blue-200\/60 { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.border-blue-200\/70 { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.border-blue-200\/80 { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.border-blue-200\/90 { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.border-blue-300 { + border-color: var(--blue-300) +} +.border-blue-300\/10 { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.border-blue-300\/20 { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.border-blue-300\/30 { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.border-blue-300\/40 { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.border-blue-300\/50 { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.border-blue-300\/60 { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.border-blue-300\/70 { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.border-blue-300\/80 { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.border-blue-300\/90 { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.border-blue-400 { + border-color: var(--blue-400) +} +.border-blue-400\/10 { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.border-blue-400\/20 { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.border-blue-400\/30 { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.border-blue-400\/40 { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.border-blue-400\/50 { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.border-blue-400\/60 { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.border-blue-400\/70 { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.border-blue-400\/80 { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.border-blue-400\/90 { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.border-blue-500 { + border-color: var(--blue-500) +} +.border-blue-500\/10 { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.border-blue-500\/20 { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.border-blue-500\/30 { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.border-blue-500\/40 { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.border-blue-500\/50 { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.border-blue-500\/60 { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.border-blue-500\/70 { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.border-blue-500\/80 { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.border-blue-500\/90 { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.border-blue-600 { + border-color: var(--blue-600) +} +.border-blue-600\/10 { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.border-blue-600\/20 { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.border-blue-600\/30 { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.border-blue-600\/40 { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.border-blue-600\/50 { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.border-blue-600\/60 { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.border-blue-600\/70 { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.border-blue-600\/80 { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.border-blue-600\/90 { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.border-blue-700 { + border-color: var(--blue-700) +} +.border-blue-700\/10 { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.border-blue-700\/20 { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.border-blue-700\/30 { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.border-blue-700\/40 { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.border-blue-700\/50 { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.border-blue-700\/60 { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.border-blue-700\/70 { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.border-blue-700\/80 { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.border-blue-700\/90 { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.border-blue-800 { + border-color: var(--blue-800) +} +.border-blue-800\/10 { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.border-blue-800\/20 { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.border-blue-800\/30 { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.border-blue-800\/40 { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.border-blue-800\/50 { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.border-blue-800\/60 { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.border-blue-800\/70 { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.border-blue-800\/80 { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.border-blue-800\/90 { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.border-blue-900 { + border-color: var(--blue-900) +} +.border-blue-900\/10 { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.border-blue-900\/20 { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.border-blue-900\/30 { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.border-blue-900\/40 { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.border-blue-900\/50 { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.border-blue-900\/60 { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.border-blue-900\/70 { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.border-blue-900\/80 { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.border-blue-900\/90 { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.border-green-50 { + border-color: var(--green-50) +} +.border-green-50\/10 { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.border-green-50\/20 { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.border-green-50\/30 { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.border-green-50\/40 { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.border-green-50\/50 { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.border-green-50\/60 { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.border-green-50\/70 { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.border-green-50\/80 { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.border-green-50\/90 { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.border-green-100 { + border-color: var(--green-100) +} +.border-green-100\/10 { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.border-green-100\/20 { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.border-green-100\/30 { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.border-green-100\/40 { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.border-green-100\/50 { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.border-green-100\/60 { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.border-green-100\/70 { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.border-green-100\/80 { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.border-green-100\/90 { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.border-green-200 { + border-color: var(--green-200) +} +.border-green-200\/10 { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.border-green-200\/20 { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.border-green-200\/30 { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.border-green-200\/40 { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.border-green-200\/50 { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.border-green-200\/60 { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.border-green-200\/70 { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.border-green-200\/80 { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.border-green-200\/90 { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.border-green-300 { + border-color: var(--green-300) +} +.border-green-300\/10 { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.border-green-300\/20 { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.border-green-300\/30 { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.border-green-300\/40 { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.border-green-300\/50 { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.border-green-300\/60 { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.border-green-300\/70 { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.border-green-300\/80 { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.border-green-300\/90 { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.border-green-400 { + border-color: var(--green-400) +} +.border-green-400\/10 { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.border-green-400\/20 { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.border-green-400\/30 { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.border-green-400\/40 { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.border-green-400\/50 { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.border-green-400\/60 { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.border-green-400\/70 { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.border-green-400\/80 { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.border-green-400\/90 { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.border-green-500 { + border-color: var(--green-500) +} +.border-green-500\/10 { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.border-green-500\/20 { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.border-green-500\/30 { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.border-green-500\/40 { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.border-green-500\/50 { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.border-green-500\/60 { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.border-green-500\/70 { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.border-green-500\/80 { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.border-green-500\/90 { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.border-green-600 { + border-color: var(--green-600) +} +.border-green-600\/10 { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.border-green-600\/20 { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.border-green-600\/30 { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.border-green-600\/40 { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.border-green-600\/50 { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.border-green-600\/60 { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.border-green-600\/70 { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.border-green-600\/80 { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.border-green-600\/90 { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.border-green-700 { + border-color: var(--green-700) +} +.border-green-700\/10 { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.border-green-700\/20 { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.border-green-700\/30 { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.border-green-700\/40 { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.border-green-700\/50 { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.border-green-700\/60 { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.border-green-700\/70 { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.border-green-700\/80 { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.border-green-700\/90 { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.border-green-800 { + border-color: var(--green-800) +} +.border-green-800\/10 { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.border-green-800\/20 { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.border-green-800\/30 { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.border-green-800\/40 { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.border-green-800\/50 { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.border-green-800\/60 { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.border-green-800\/70 { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.border-green-800\/80 { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.border-green-800\/90 { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.border-green-900 { + border-color: var(--green-900) +} +.border-green-900\/10 { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.border-green-900\/20 { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.border-green-900\/30 { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.border-green-900\/40 { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.border-green-900\/50 { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.border-green-900\/60 { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.border-green-900\/70 { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.border-green-900\/80 { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.border-green-900\/90 { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.border-yellow-50 { + border-color: var(--yellow-50) +} +.border-yellow-50\/10 { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.border-yellow-50\/20 { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.border-yellow-50\/30 { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.border-yellow-50\/40 { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.border-yellow-50\/50 { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.border-yellow-50\/60 { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.border-yellow-50\/70 { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.border-yellow-50\/80 { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.border-yellow-50\/90 { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.border-yellow-100 { + border-color: var(--yellow-100) +} +.border-yellow-100\/10 { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.border-yellow-100\/20 { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.border-yellow-100\/30 { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.border-yellow-100\/40 { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.border-yellow-100\/50 { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.border-yellow-100\/60 { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.border-yellow-100\/70 { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.border-yellow-100\/80 { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.border-yellow-100\/90 { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.border-yellow-200 { + border-color: var(--yellow-200) +} +.border-yellow-200\/10 { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.border-yellow-200\/20 { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.border-yellow-200\/30 { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.border-yellow-200\/40 { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.border-yellow-200\/50 { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.border-yellow-200\/60 { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.border-yellow-200\/70 { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.border-yellow-200\/80 { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.border-yellow-200\/90 { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.border-yellow-300 { + border-color: var(--yellow-300) +} +.border-yellow-300\/10 { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.border-yellow-300\/20 { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.border-yellow-300\/30 { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.border-yellow-300\/40 { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.border-yellow-300\/50 { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.border-yellow-300\/60 { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.border-yellow-300\/70 { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.border-yellow-300\/80 { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.border-yellow-300\/90 { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.border-yellow-400 { + border-color: var(--yellow-400) +} +.border-yellow-400\/10 { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.border-yellow-400\/20 { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.border-yellow-400\/30 { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.border-yellow-400\/40 { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.border-yellow-400\/50 { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.border-yellow-400\/60 { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.border-yellow-400\/70 { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.border-yellow-400\/80 { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.border-yellow-400\/90 { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.border-yellow-500 { + border-color: var(--yellow-500) +} +.border-yellow-500\/10 { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.border-yellow-500\/20 { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.border-yellow-500\/30 { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.border-yellow-500\/40 { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.border-yellow-500\/50 { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.border-yellow-500\/60 { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.border-yellow-500\/70 { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.border-yellow-500\/80 { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.border-yellow-500\/90 { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.border-yellow-600 { + border-color: var(--yellow-600) +} +.border-yellow-600\/10 { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.border-yellow-600\/20 { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.border-yellow-600\/30 { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.border-yellow-600\/40 { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.border-yellow-600\/50 { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.border-yellow-600\/60 { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.border-yellow-600\/70 { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.border-yellow-600\/80 { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.border-yellow-600\/90 { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.border-yellow-700 { + border-color: var(--yellow-700) +} +.border-yellow-700\/10 { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.border-yellow-700\/20 { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.border-yellow-700\/30 { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.border-yellow-700\/40 { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.border-yellow-700\/50 { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.border-yellow-700\/60 { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.border-yellow-700\/70 { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.border-yellow-700\/80 { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.border-yellow-700\/90 { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.border-yellow-800 { + border-color: var(--yellow-800) +} +.border-yellow-800\/10 { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.border-yellow-800\/20 { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.border-yellow-800\/30 { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.border-yellow-800\/40 { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.border-yellow-800\/50 { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.border-yellow-800\/60 { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.border-yellow-800\/70 { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.border-yellow-800\/80 { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.border-yellow-800\/90 { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.border-yellow-900 { + border-color: var(--yellow-900) +} +.border-yellow-900\/10 { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.border-yellow-900\/20 { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.border-yellow-900\/30 { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.border-yellow-900\/40 { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.border-yellow-900\/50 { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.border-yellow-900\/60 { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.border-yellow-900\/70 { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.border-yellow-900\/80 { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.border-yellow-900\/90 { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.border-cyan-50 { + border-color: var(--cyan-50) +} +.border-cyan-50\/10 { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.border-cyan-50\/20 { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.border-cyan-50\/30 { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.border-cyan-50\/40 { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.border-cyan-50\/50 { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.border-cyan-50\/60 { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.border-cyan-50\/70 { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.border-cyan-50\/80 { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.border-cyan-50\/90 { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.border-cyan-100 { + border-color: var(--cyan-100) +} +.border-cyan-100\/10 { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.border-cyan-100\/20 { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.border-cyan-100\/30 { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.border-cyan-100\/40 { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.border-cyan-100\/50 { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.border-cyan-100\/60 { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.border-cyan-100\/70 { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.border-cyan-100\/80 { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.border-cyan-100\/90 { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.border-cyan-200 { + border-color: var(--cyan-200) +} +.border-cyan-200\/10 { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.border-cyan-200\/20 { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.border-cyan-200\/30 { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.border-cyan-200\/40 { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.border-cyan-200\/50 { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.border-cyan-200\/60 { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.border-cyan-200\/70 { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.border-cyan-200\/80 { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.border-cyan-200\/90 { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.border-cyan-300 { + border-color: var(--cyan-300) +} +.border-cyan-300\/10 { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.border-cyan-300\/20 { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.border-cyan-300\/30 { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.border-cyan-300\/40 { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.border-cyan-300\/50 { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.border-cyan-300\/60 { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.border-cyan-300\/70 { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.border-cyan-300\/80 { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.border-cyan-300\/90 { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.border-cyan-400 { + border-color: var(--cyan-400) +} +.border-cyan-400\/10 { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.border-cyan-400\/20 { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.border-cyan-400\/30 { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.border-cyan-400\/40 { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.border-cyan-400\/50 { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.border-cyan-400\/60 { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.border-cyan-400\/70 { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.border-cyan-400\/80 { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.border-cyan-400\/90 { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.border-cyan-500 { + border-color: var(--cyan-500) +} +.border-cyan-500\/10 { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.border-cyan-500\/20 { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.border-cyan-500\/30 { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.border-cyan-500\/40 { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.border-cyan-500\/50 { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.border-cyan-500\/60 { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.border-cyan-500\/70 { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.border-cyan-500\/80 { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.border-cyan-500\/90 { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.border-cyan-600 { + border-color: var(--cyan-600) +} +.border-cyan-600\/10 { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.border-cyan-600\/20 { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.border-cyan-600\/30 { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.border-cyan-600\/40 { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.border-cyan-600\/50 { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.border-cyan-600\/60 { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.border-cyan-600\/70 { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.border-cyan-600\/80 { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.border-cyan-600\/90 { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.border-cyan-700 { + border-color: var(--cyan-700) +} +.border-cyan-700\/10 { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.border-cyan-700\/20 { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.border-cyan-700\/30 { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.border-cyan-700\/40 { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.border-cyan-700\/50 { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.border-cyan-700\/60 { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.border-cyan-700\/70 { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.border-cyan-700\/80 { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.border-cyan-700\/90 { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.border-cyan-800 { + border-color: var(--cyan-800) +} +.border-cyan-800\/10 { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.border-cyan-800\/20 { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.border-cyan-800\/30 { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.border-cyan-800\/40 { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.border-cyan-800\/50 { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.border-cyan-800\/60 { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.border-cyan-800\/70 { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.border-cyan-800\/80 { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.border-cyan-800\/90 { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.border-cyan-900 { + border-color: var(--cyan-900) +} +.border-cyan-900\/10 { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.border-cyan-900\/20 { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.border-cyan-900\/30 { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.border-cyan-900\/40 { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.border-cyan-900\/50 { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.border-cyan-900\/60 { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.border-cyan-900\/70 { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.border-cyan-900\/80 { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.border-cyan-900\/90 { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.border-pink-50 { + border-color: var(--pink-50) +} +.border-pink-50\/10 { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.border-pink-50\/20 { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.border-pink-50\/30 { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.border-pink-50\/40 { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.border-pink-50\/50 { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.border-pink-50\/60 { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.border-pink-50\/70 { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.border-pink-50\/80 { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.border-pink-50\/90 { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.border-pink-100 { + border-color: var(--pink-100) +} +.border-pink-100\/10 { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.border-pink-100\/20 { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.border-pink-100\/30 { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.border-pink-100\/40 { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.border-pink-100\/50 { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.border-pink-100\/60 { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.border-pink-100\/70 { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.border-pink-100\/80 { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.border-pink-100\/90 { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.border-pink-200 { + border-color: var(--pink-200) +} +.border-pink-200\/10 { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.border-pink-200\/20 { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.border-pink-200\/30 { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.border-pink-200\/40 { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.border-pink-200\/50 { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.border-pink-200\/60 { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.border-pink-200\/70 { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.border-pink-200\/80 { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.border-pink-200\/90 { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.border-pink-300 { + border-color: var(--pink-300) +} +.border-pink-300\/10 { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.border-pink-300\/20 { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.border-pink-300\/30 { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.border-pink-300\/40 { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.border-pink-300\/50 { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.border-pink-300\/60 { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.border-pink-300\/70 { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.border-pink-300\/80 { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.border-pink-300\/90 { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.border-pink-400 { + border-color: var(--pink-400) +} +.border-pink-400\/10 { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.border-pink-400\/20 { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.border-pink-400\/30 { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.border-pink-400\/40 { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.border-pink-400\/50 { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.border-pink-400\/60 { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.border-pink-400\/70 { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.border-pink-400\/80 { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.border-pink-400\/90 { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.border-pink-500 { + border-color: var(--pink-500) +} +.border-pink-500\/10 { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.border-pink-500\/20 { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.border-pink-500\/30 { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.border-pink-500\/40 { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.border-pink-500\/50 { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.border-pink-500\/60 { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.border-pink-500\/70 { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.border-pink-500\/80 { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.border-pink-500\/90 { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.border-pink-600 { + border-color: var(--pink-600) +} +.border-pink-600\/10 { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.border-pink-600\/20 { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.border-pink-600\/30 { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.border-pink-600\/40 { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.border-pink-600\/50 { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.border-pink-600\/60 { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.border-pink-600\/70 { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.border-pink-600\/80 { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.border-pink-600\/90 { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.border-pink-700 { + border-color: var(--pink-700) +} +.border-pink-700\/10 { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.border-pink-700\/20 { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.border-pink-700\/30 { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.border-pink-700\/40 { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.border-pink-700\/50 { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.border-pink-700\/60 { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.border-pink-700\/70 { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.border-pink-700\/80 { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.border-pink-700\/90 { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.border-pink-800 { + border-color: var(--pink-800) +} +.border-pink-800\/10 { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.border-pink-800\/20 { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.border-pink-800\/30 { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.border-pink-800\/40 { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.border-pink-800\/50 { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.border-pink-800\/60 { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.border-pink-800\/70 { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.border-pink-800\/80 { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.border-pink-800\/90 { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.border-pink-900 { + border-color: var(--pink-900) +} +.border-pink-900\/10 { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.border-pink-900\/20 { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.border-pink-900\/30 { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.border-pink-900\/40 { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.border-pink-900\/50 { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.border-pink-900\/60 { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.border-pink-900\/70 { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.border-pink-900\/80 { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.border-pink-900\/90 { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.border-indigo-50 { + border-color: var(--indigo-50) +} +.border-indigo-50\/10 { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.border-indigo-50\/20 { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.border-indigo-50\/30 { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.border-indigo-50\/40 { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.border-indigo-50\/50 { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.border-indigo-50\/60 { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.border-indigo-50\/70 { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.border-indigo-50\/80 { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.border-indigo-50\/90 { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.border-indigo-100 { + border-color: var(--indigo-100) +} +.border-indigo-100\/10 { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.border-indigo-100\/20 { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.border-indigo-100\/30 { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.border-indigo-100\/40 { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.border-indigo-100\/50 { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.border-indigo-100\/60 { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.border-indigo-100\/70 { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.border-indigo-100\/80 { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.border-indigo-100\/90 { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.border-indigo-200 { + border-color: var(--indigo-200) +} +.border-indigo-200\/10 { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.border-indigo-200\/20 { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.border-indigo-200\/30 { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.border-indigo-200\/40 { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.border-indigo-200\/50 { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.border-indigo-200\/60 { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.border-indigo-200\/70 { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.border-indigo-200\/80 { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.border-indigo-200\/90 { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.border-indigo-300 { + border-color: var(--indigo-300) +} +.border-indigo-300\/10 { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.border-indigo-300\/20 { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.border-indigo-300\/30 { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.border-indigo-300\/40 { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.border-indigo-300\/50 { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.border-indigo-300\/60 { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.border-indigo-300\/70 { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.border-indigo-300\/80 { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.border-indigo-300\/90 { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.border-indigo-400 { + border-color: var(--indigo-400) +} +.border-indigo-400\/10 { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.border-indigo-400\/20 { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.border-indigo-400\/30 { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.border-indigo-400\/40 { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.border-indigo-400\/50 { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.border-indigo-400\/60 { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.border-indigo-400\/70 { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.border-indigo-400\/80 { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.border-indigo-400\/90 { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.border-indigo-500 { + border-color: var(--indigo-500) +} +.border-indigo-500\/10 { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.border-indigo-500\/20 { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.border-indigo-500\/30 { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.border-indigo-500\/40 { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.border-indigo-500\/50 { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.border-indigo-500\/60 { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.border-indigo-500\/70 { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.border-indigo-500\/80 { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.border-indigo-500\/90 { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.border-indigo-600 { + border-color: var(--indigo-600) +} +.border-indigo-600\/10 { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.border-indigo-600\/20 { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.border-indigo-600\/30 { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.border-indigo-600\/40 { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.border-indigo-600\/50 { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.border-indigo-600\/60 { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.border-indigo-600\/70 { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.border-indigo-600\/80 { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.border-indigo-600\/90 { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.border-indigo-700 { + border-color: var(--indigo-700) +} +.border-indigo-700\/10 { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.border-indigo-700\/20 { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.border-indigo-700\/30 { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.border-indigo-700\/40 { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.border-indigo-700\/50 { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.border-indigo-700\/60 { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.border-indigo-700\/70 { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.border-indigo-700\/80 { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.border-indigo-700\/90 { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.border-indigo-800 { + border-color: var(--indigo-800) +} +.border-indigo-800\/10 { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.border-indigo-800\/20 { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.border-indigo-800\/30 { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.border-indigo-800\/40 { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.border-indigo-800\/50 { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.border-indigo-800\/60 { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.border-indigo-800\/70 { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.border-indigo-800\/80 { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.border-indigo-800\/90 { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.border-indigo-900 { + border-color: var(--indigo-900) +} +.border-indigo-900\/10 { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.border-indigo-900\/20 { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.border-indigo-900\/30 { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.border-indigo-900\/40 { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.border-indigo-900\/50 { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.border-indigo-900\/60 { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.border-indigo-900\/70 { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.border-indigo-900\/80 { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.border-indigo-900\/90 { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.border-teal-50 { + border-color: var(--teal-50) +} +.border-teal-50\/10 { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.border-teal-50\/20 { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.border-teal-50\/30 { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.border-teal-50\/40 { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.border-teal-50\/50 { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.border-teal-50\/60 { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.border-teal-50\/70 { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.border-teal-50\/80 { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.border-teal-50\/90 { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.border-teal-100 { + border-color: var(--teal-100) +} +.border-teal-100\/10 { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.border-teal-100\/20 { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.border-teal-100\/30 { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.border-teal-100\/40 { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.border-teal-100\/50 { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.border-teal-100\/60 { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.border-teal-100\/70 { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.border-teal-100\/80 { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.border-teal-100\/90 { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.border-teal-200 { + border-color: var(--teal-200) +} +.border-teal-200\/10 { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.border-teal-200\/20 { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.border-teal-200\/30 { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.border-teal-200\/40 { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.border-teal-200\/50 { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.border-teal-200\/60 { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.border-teal-200\/70 { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.border-teal-200\/80 { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.border-teal-200\/90 { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.border-teal-300 { + border-color: var(--teal-300) +} +.border-teal-300\/10 { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.border-teal-300\/20 { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.border-teal-300\/30 { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.border-teal-300\/40 { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.border-teal-300\/50 { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.border-teal-300\/60 { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.border-teal-300\/70 { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.border-teal-300\/80 { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.border-teal-300\/90 { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.border-teal-400 { + border-color: var(--teal-400) +} +.border-teal-400\/10 { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.border-teal-400\/20 { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.border-teal-400\/30 { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.border-teal-400\/40 { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.border-teal-400\/50 { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.border-teal-400\/60 { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.border-teal-400\/70 { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.border-teal-400\/80 { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.border-teal-400\/90 { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.border-teal-500 { + border-color: var(--teal-500) +} +.border-teal-500\/10 { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.border-teal-500\/20 { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.border-teal-500\/30 { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.border-teal-500\/40 { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.border-teal-500\/50 { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.border-teal-500\/60 { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.border-teal-500\/70 { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.border-teal-500\/80 { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.border-teal-500\/90 { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.border-teal-600 { + border-color: var(--teal-600) +} +.border-teal-600\/10 { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.border-teal-600\/20 { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.border-teal-600\/30 { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.border-teal-600\/40 { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.border-teal-600\/50 { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.border-teal-600\/60 { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.border-teal-600\/70 { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.border-teal-600\/80 { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.border-teal-600\/90 { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.border-teal-700 { + border-color: var(--teal-700) +} +.border-teal-700\/10 { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.border-teal-700\/20 { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.border-teal-700\/30 { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.border-teal-700\/40 { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.border-teal-700\/50 { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.border-teal-700\/60 { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.border-teal-700\/70 { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.border-teal-700\/80 { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.border-teal-700\/90 { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.border-teal-800 { + border-color: var(--teal-800) +} +.border-teal-800\/10 { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.border-teal-800\/20 { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.border-teal-800\/30 { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.border-teal-800\/40 { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.border-teal-800\/50 { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.border-teal-800\/60 { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.border-teal-800\/70 { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.border-teal-800\/80 { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.border-teal-800\/90 { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.border-teal-900 { + border-color: var(--teal-900) +} +.border-teal-900\/10 { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.border-teal-900\/20 { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.border-teal-900\/30 { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.border-teal-900\/40 { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.border-teal-900\/50 { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.border-teal-900\/60 { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.border-teal-900\/70 { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.border-teal-900\/80 { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.border-teal-900\/90 { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.border-orange-50 { + border-color: var(--orange-50) +} +.border-orange-50\/10 { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.border-orange-50\/20 { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.border-orange-50\/30 { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.border-orange-50\/40 { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.border-orange-50\/50 { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.border-orange-50\/60 { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.border-orange-50\/70 { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.border-orange-50\/80 { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.border-orange-50\/90 { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.border-orange-100 { + border-color: var(--orange-100) +} +.border-orange-100\/10 { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.border-orange-100\/20 { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.border-orange-100\/30 { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.border-orange-100\/40 { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.border-orange-100\/50 { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.border-orange-100\/60 { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.border-orange-100\/70 { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.border-orange-100\/80 { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.border-orange-100\/90 { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.border-orange-200 { + border-color: var(--orange-200) +} +.border-orange-200\/10 { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.border-orange-200\/20 { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.border-orange-200\/30 { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.border-orange-200\/40 { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.border-orange-200\/50 { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.border-orange-200\/60 { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.border-orange-200\/70 { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.border-orange-200\/80 { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.border-orange-200\/90 { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.border-orange-300 { + border-color: var(--orange-300) +} +.border-orange-300\/10 { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.border-orange-300\/20 { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.border-orange-300\/30 { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.border-orange-300\/40 { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.border-orange-300\/50 { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.border-orange-300\/60 { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.border-orange-300\/70 { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.border-orange-300\/80 { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.border-orange-300\/90 { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.border-orange-400 { + border-color: var(--orange-400) +} +.border-orange-400\/10 { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.border-orange-400\/20 { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.border-orange-400\/30 { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.border-orange-400\/40 { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.border-orange-400\/50 { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.border-orange-400\/60 { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.border-orange-400\/70 { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.border-orange-400\/80 { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.border-orange-400\/90 { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.border-orange-500 { + border-color: var(--orange-500) +} +.border-orange-500\/10 { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.border-orange-500\/20 { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.border-orange-500\/30 { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.border-orange-500\/40 { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.border-orange-500\/50 { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.border-orange-500\/60 { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.border-orange-500\/70 { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.border-orange-500\/80 { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.border-orange-500\/90 { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.border-orange-600 { + border-color: var(--orange-600) +} +.border-orange-600\/10 { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.border-orange-600\/20 { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.border-orange-600\/30 { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.border-orange-600\/40 { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.border-orange-600\/50 { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.border-orange-600\/60 { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.border-orange-600\/70 { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.border-orange-600\/80 { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.border-orange-600\/90 { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.border-orange-700 { + border-color: var(--orange-700) +} +.border-orange-700\/10 { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.border-orange-700\/20 { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.border-orange-700\/30 { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.border-orange-700\/40 { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.border-orange-700\/50 { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.border-orange-700\/60 { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.border-orange-700\/70 { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.border-orange-700\/80 { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.border-orange-700\/90 { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.border-orange-800 { + border-color: var(--orange-800) +} +.border-orange-800\/10 { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.border-orange-800\/20 { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.border-orange-800\/30 { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.border-orange-800\/40 { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.border-orange-800\/50 { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.border-orange-800\/60 { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.border-orange-800\/70 { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.border-orange-800\/80 { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.border-orange-800\/90 { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.border-orange-900 { + border-color: var(--orange-900) +} +.border-orange-900\/10 { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.border-orange-900\/20 { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.border-orange-900\/30 { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.border-orange-900\/40 { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.border-orange-900\/50 { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.border-orange-900\/60 { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.border-orange-900\/70 { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.border-orange-900\/80 { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.border-orange-900\/90 { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.border-bluegray-50 { + border-color: var(--bluegray-50) +} +.border-bluegray-50\/10 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.border-bluegray-50\/20 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.border-bluegray-50\/30 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.border-bluegray-50\/40 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.border-bluegray-50\/50 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.border-bluegray-50\/60 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.border-bluegray-50\/70 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.border-bluegray-50\/80 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.border-bluegray-50\/90 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.border-bluegray-100 { + border-color: var(--bluegray-100) +} +.border-bluegray-100\/10 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.border-bluegray-100\/20 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.border-bluegray-100\/30 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.border-bluegray-100\/40 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.border-bluegray-100\/50 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.border-bluegray-100\/60 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.border-bluegray-100\/70 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.border-bluegray-100\/80 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.border-bluegray-100\/90 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.border-bluegray-200 { + border-color: var(--bluegray-200) +} +.border-bluegray-200\/10 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.border-bluegray-200\/20 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.border-bluegray-200\/30 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.border-bluegray-200\/40 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.border-bluegray-200\/50 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.border-bluegray-200\/60 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.border-bluegray-200\/70 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.border-bluegray-200\/80 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.border-bluegray-200\/90 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.border-bluegray-300 { + border-color: var(--bluegray-300) +} +.border-bluegray-300\/10 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.border-bluegray-300\/20 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.border-bluegray-300\/30 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.border-bluegray-300\/40 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.border-bluegray-300\/50 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.border-bluegray-300\/60 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.border-bluegray-300\/70 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.border-bluegray-300\/80 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.border-bluegray-300\/90 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.border-bluegray-400 { + border-color: var(--bluegray-400) +} +.border-bluegray-400\/10 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.border-bluegray-400\/20 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.border-bluegray-400\/30 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.border-bluegray-400\/40 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.border-bluegray-400\/50 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.border-bluegray-400\/60 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.border-bluegray-400\/70 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.border-bluegray-400\/80 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.border-bluegray-400\/90 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.border-bluegray-500 { + border-color: var(--bluegray-500) +} +.border-bluegray-500\/10 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.border-bluegray-500\/20 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.border-bluegray-500\/30 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.border-bluegray-500\/40 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.border-bluegray-500\/50 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.border-bluegray-500\/60 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.border-bluegray-500\/70 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.border-bluegray-500\/80 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.border-bluegray-500\/90 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.border-bluegray-600 { + border-color: var(--bluegray-600) +} +.border-bluegray-600\/10 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.border-bluegray-600\/20 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.border-bluegray-600\/30 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.border-bluegray-600\/40 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.border-bluegray-600\/50 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.border-bluegray-600\/60 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.border-bluegray-600\/70 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.border-bluegray-600\/80 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.border-bluegray-600\/90 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.border-bluegray-700 { + border-color: var(--bluegray-700) +} +.border-bluegray-700\/10 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.border-bluegray-700\/20 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.border-bluegray-700\/30 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.border-bluegray-700\/40 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.border-bluegray-700\/50 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.border-bluegray-700\/60 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.border-bluegray-700\/70 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.border-bluegray-700\/80 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.border-bluegray-700\/90 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.border-bluegray-800 { + border-color: var(--bluegray-800) +} +.border-bluegray-800\/10 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.border-bluegray-800\/20 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.border-bluegray-800\/30 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.border-bluegray-800\/40 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.border-bluegray-800\/50 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.border-bluegray-800\/60 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.border-bluegray-800\/70 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.border-bluegray-800\/80 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.border-bluegray-800\/90 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.border-bluegray-900 { + border-color: var(--bluegray-900) +} +.border-bluegray-900\/10 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.border-bluegray-900\/20 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.border-bluegray-900\/30 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.border-bluegray-900\/40 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.border-bluegray-900\/50 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.border-bluegray-900\/60 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.border-bluegray-900\/70 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.border-bluegray-900\/80 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.border-bluegray-900\/90 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.border-purple-50 { + border-color: var(--purple-50) +} +.border-purple-50\/10 { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.border-purple-50\/20 { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.border-purple-50\/30 { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.border-purple-50\/40 { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.border-purple-50\/50 { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.border-purple-50\/60 { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.border-purple-50\/70 { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.border-purple-50\/80 { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.border-purple-50\/90 { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.border-purple-100 { + border-color: var(--purple-100) +} +.border-purple-100\/10 { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.border-purple-100\/20 { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.border-purple-100\/30 { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.border-purple-100\/40 { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.border-purple-100\/50 { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.border-purple-100\/60 { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.border-purple-100\/70 { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.border-purple-100\/80 { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.border-purple-100\/90 { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.border-purple-200 { + border-color: var(--purple-200) +} +.border-purple-200\/10 { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.border-purple-200\/20 { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.border-purple-200\/30 { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.border-purple-200\/40 { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.border-purple-200\/50 { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.border-purple-200\/60 { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.border-purple-200\/70 { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.border-purple-200\/80 { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.border-purple-200\/90 { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.border-purple-300 { + border-color: var(--purple-300) +} +.border-purple-300\/10 { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.border-purple-300\/20 { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.border-purple-300\/30 { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.border-purple-300\/40 { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.border-purple-300\/50 { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.border-purple-300\/60 { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.border-purple-300\/70 { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.border-purple-300\/80 { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.border-purple-300\/90 { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.border-purple-400 { + border-color: var(--purple-400) +} +.border-purple-400\/10 { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.border-purple-400\/20 { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.border-purple-400\/30 { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.border-purple-400\/40 { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.border-purple-400\/50 { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.border-purple-400\/60 { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.border-purple-400\/70 { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.border-purple-400\/80 { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.border-purple-400\/90 { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.border-purple-500 { + border-color: var(--purple-500) +} +.border-purple-500\/10 { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.border-purple-500\/20 { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.border-purple-500\/30 { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.border-purple-500\/40 { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.border-purple-500\/50 { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.border-purple-500\/60 { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.border-purple-500\/70 { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.border-purple-500\/80 { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.border-purple-500\/90 { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.border-purple-600 { + border-color: var(--purple-600) +} +.border-purple-600\/10 { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.border-purple-600\/20 { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.border-purple-600\/30 { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.border-purple-600\/40 { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.border-purple-600\/50 { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.border-purple-600\/60 { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.border-purple-600\/70 { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.border-purple-600\/80 { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.border-purple-600\/90 { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.border-purple-700 { + border-color: var(--purple-700) +} +.border-purple-700\/10 { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.border-purple-700\/20 { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.border-purple-700\/30 { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.border-purple-700\/40 { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.border-purple-700\/50 { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.border-purple-700\/60 { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.border-purple-700\/70 { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.border-purple-700\/80 { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.border-purple-700\/90 { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.border-purple-800 { + border-color: var(--purple-800) +} +.border-purple-800\/10 { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.border-purple-800\/20 { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.border-purple-800\/30 { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.border-purple-800\/40 { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.border-purple-800\/50 { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.border-purple-800\/60 { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.border-purple-800\/70 { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.border-purple-800\/80 { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.border-purple-800\/90 { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.border-purple-900 { + border-color: var(--purple-900) +} +.border-purple-900\/10 { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.border-purple-900\/20 { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.border-purple-900\/30 { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.border-purple-900\/40 { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.border-purple-900\/50 { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.border-purple-900\/60 { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.border-purple-900\/70 { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.border-purple-900\/80 { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.border-purple-900\/90 { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.border-red-50 { + border-color: var(--red-50) +} +.border-red-50\/10 { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.border-red-50\/20 { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.border-red-50\/30 { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.border-red-50\/40 { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.border-red-50\/50 { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.border-red-50\/60 { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.border-red-50\/70 { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.border-red-50\/80 { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.border-red-50\/90 { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.border-red-100 { + border-color: var(--red-100) +} +.border-red-100\/10 { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.border-red-100\/20 { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.border-red-100\/30 { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.border-red-100\/40 { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.border-red-100\/50 { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.border-red-100\/60 { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.border-red-100\/70 { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.border-red-100\/80 { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.border-red-100\/90 { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.border-red-200 { + border-color: var(--red-200) +} +.border-red-200\/10 { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.border-red-200\/20 { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.border-red-200\/30 { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.border-red-200\/40 { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.border-red-200\/50 { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.border-red-200\/60 { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.border-red-200\/70 { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.border-red-200\/80 { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.border-red-200\/90 { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.border-red-300 { + border-color: var(--red-300) +} +.border-red-300\/10 { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.border-red-300\/20 { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.border-red-300\/30 { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.border-red-300\/40 { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.border-red-300\/50 { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.border-red-300\/60 { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.border-red-300\/70 { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.border-red-300\/80 { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.border-red-300\/90 { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.border-red-400 { + border-color: var(--red-400) +} +.border-red-400\/10 { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.border-red-400\/20 { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.border-red-400\/30 { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.border-red-400\/40 { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.border-red-400\/50 { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.border-red-400\/60 { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.border-red-400\/70 { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.border-red-400\/80 { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.border-red-400\/90 { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.border-red-500 { + border-color: var(--red-500) +} +.border-red-500\/10 { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.border-red-500\/20 { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.border-red-500\/30 { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.border-red-500\/40 { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.border-red-500\/50 { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.border-red-500\/60 { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.border-red-500\/70 { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.border-red-500\/80 { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.border-red-500\/90 { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.border-red-600 { + border-color: var(--red-600) +} +.border-red-600\/10 { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.border-red-600\/20 { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.border-red-600\/30 { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.border-red-600\/40 { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.border-red-600\/50 { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.border-red-600\/60 { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.border-red-600\/70 { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.border-red-600\/80 { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.border-red-600\/90 { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.border-red-700 { + border-color: var(--red-700) +} +.border-red-700\/10 { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.border-red-700\/20 { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.border-red-700\/30 { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.border-red-700\/40 { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.border-red-700\/50 { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.border-red-700\/60 { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.border-red-700\/70 { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.border-red-700\/80 { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.border-red-700\/90 { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.border-red-800 { + border-color: var(--red-800) +} +.border-red-800\/10 { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.border-red-800\/20 { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.border-red-800\/30 { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.border-red-800\/40 { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.border-red-800\/50 { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.border-red-800\/60 { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.border-red-800\/70 { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.border-red-800\/80 { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.border-red-800\/90 { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.border-red-900 { + border-color: var(--red-900) +} +.border-red-900\/10 { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.border-red-900\/20 { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.border-red-900\/30 { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.border-red-900\/40 { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.border-red-900\/50 { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.border-red-900\/60 { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.border-red-900\/70 { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.border-red-900\/80 { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.border-red-900\/90 { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.border-gray-50 { + border-color: var(--gray-50) +} +.border-gray-50\/10 { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.border-gray-50\/20 { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.border-gray-50\/30 { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.border-gray-50\/40 { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.border-gray-50\/50 { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.border-gray-50\/60 { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.border-gray-50\/70 { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.border-gray-50\/80 { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.border-gray-50\/90 { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.border-gray-100 { + border-color: var(--gray-100) +} +.border-gray-100\/10 { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.border-gray-100\/20 { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.border-gray-100\/30 { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.border-gray-100\/40 { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.border-gray-100\/50 { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.border-gray-100\/60 { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.border-gray-100\/70 { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.border-gray-100\/80 { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.border-gray-100\/90 { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.border-gray-200 { + border-color: var(--gray-200) +} +.border-gray-200\/10 { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.border-gray-200\/20 { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.border-gray-200\/30 { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.border-gray-200\/40 { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.border-gray-200\/50 { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.border-gray-200\/60 { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.border-gray-200\/70 { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.border-gray-200\/80 { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.border-gray-200\/90 { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.border-gray-300 { + border-color: var(--gray-300) +} +.border-gray-300\/10 { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.border-gray-300\/20 { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.border-gray-300\/30 { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.border-gray-300\/40 { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.border-gray-300\/50 { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.border-gray-300\/60 { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.border-gray-300\/70 { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.border-gray-300\/80 { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.border-gray-300\/90 { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.border-gray-400 { + border-color: var(--gray-400) +} +.border-gray-400\/10 { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.border-gray-400\/20 { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.border-gray-400\/30 { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.border-gray-400\/40 { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.border-gray-400\/50 { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.border-gray-400\/60 { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.border-gray-400\/70 { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.border-gray-400\/80 { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.border-gray-400\/90 { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.border-gray-500 { + border-color: var(--gray-500) +} +.border-gray-500\/10 { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.border-gray-500\/20 { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.border-gray-500\/30 { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.border-gray-500\/40 { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.border-gray-500\/50 { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.border-gray-500\/60 { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.border-gray-500\/70 { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.border-gray-500\/80 { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.border-gray-500\/90 { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.border-gray-600 { + border-color: var(--gray-600) +} +.border-gray-600\/10 { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.border-gray-600\/20 { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.border-gray-600\/30 { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.border-gray-600\/40 { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.border-gray-600\/50 { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.border-gray-600\/60 { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.border-gray-600\/70 { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.border-gray-600\/80 { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.border-gray-600\/90 { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.border-gray-700 { + border-color: var(--gray-700) +} +.border-gray-700\/10 { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.border-gray-700\/20 { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.border-gray-700\/30 { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.border-gray-700\/40 { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.border-gray-700\/50 { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.border-gray-700\/60 { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.border-gray-700\/70 { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.border-gray-700\/80 { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.border-gray-700\/90 { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.border-gray-800 { + border-color: var(--gray-800) +} +.border-gray-800\/10 { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.border-gray-800\/20 { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.border-gray-800\/30 { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.border-gray-800\/40 { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.border-gray-800\/50 { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.border-gray-800\/60 { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.border-gray-800\/70 { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.border-gray-800\/80 { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.border-gray-800\/90 { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.border-gray-900 { + border-color: var(--gray-900) +} +.border-gray-900\/10 { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.border-gray-900\/20 { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.border-gray-900\/30 { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.border-gray-900\/40 { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.border-gray-900\/50 { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.border-gray-900\/60 { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.border-gray-900\/70 { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.border-gray-900\/80 { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.border-gray-900\/90 { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.border-surface-0 { + border-color: var(--surface-0) +} +.border-surface-0\/10 { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.border-surface-0\/20 { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.border-surface-0\/30 { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.border-surface-0\/40 { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.border-surface-0\/50 { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.border-surface-0\/60 { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.border-surface-0\/70 { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.border-surface-0\/80 { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.border-surface-0\/90 { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.border-surface-50 { + border-color: var(--surface-50) +} +.border-surface-50\/10 { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.border-surface-50\/20 { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.border-surface-50\/30 { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.border-surface-50\/40 { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.border-surface-50\/50 { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.border-surface-50\/60 { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.border-surface-50\/70 { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.border-surface-50\/80 { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.border-surface-50\/90 { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.border-surface-100 { + border-color: var(--surface-100) +} +.border-surface-100\/10 { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.border-surface-100\/20 { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.border-surface-100\/30 { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.border-surface-100\/40 { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.border-surface-100\/50 { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.border-surface-100\/60 { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.border-surface-100\/70 { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.border-surface-100\/80 { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.border-surface-100\/90 { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.border-surface-200 { + border-color: var(--surface-200) +} +.border-surface-200\/10 { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.border-surface-200\/20 { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.border-surface-200\/30 { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.border-surface-200\/40 { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.border-surface-200\/50 { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.border-surface-200\/60 { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.border-surface-200\/70 { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.border-surface-200\/80 { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.border-surface-200\/90 { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.border-surface-300 { + border-color: var(--surface-300) +} +.border-surface-300\/10 { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.border-surface-300\/20 { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.border-surface-300\/30 { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.border-surface-300\/40 { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.border-surface-300\/50 { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.border-surface-300\/60 { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.border-surface-300\/70 { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.border-surface-300\/80 { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.border-surface-300\/90 { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.border-surface-400 { + border-color: var(--surface-400) +} +.border-surface-400\/10 { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.border-surface-400\/20 { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.border-surface-400\/30 { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.border-surface-400\/40 { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.border-surface-400\/50 { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.border-surface-400\/60 { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.border-surface-400\/70 { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.border-surface-400\/80 { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.border-surface-400\/90 { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.border-surface-500 { + border-color: var(--surface-500) +} +.border-surface-500\/10 { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.border-surface-500\/20 { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.border-surface-500\/30 { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.border-surface-500\/40 { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.border-surface-500\/50 { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.border-surface-500\/60 { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.border-surface-500\/70 { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.border-surface-500\/80 { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.border-surface-500\/90 { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.border-surface-600 { + border-color: var(--surface-600) +} +.border-surface-600\/10 { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.border-surface-600\/20 { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.border-surface-600\/30 { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.border-surface-600\/40 { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.border-surface-600\/50 { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.border-surface-600\/60 { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.border-surface-600\/70 { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.border-surface-600\/80 { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.border-surface-600\/90 { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.border-surface-700 { + border-color: var(--surface-700) +} +.border-surface-700\/10 { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.border-surface-700\/20 { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.border-surface-700\/30 { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.border-surface-700\/40 { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.border-surface-700\/50 { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.border-surface-700\/60 { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.border-surface-700\/70 { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.border-surface-700\/80 { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.border-surface-700\/90 { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.border-surface-800 { + border-color: var(--surface-800) +} +.border-surface-800\/10 { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.border-surface-800\/20 { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.border-surface-800\/30 { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.border-surface-800\/40 { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.border-surface-800\/50 { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.border-surface-800\/60 { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.border-surface-800\/70 { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.border-surface-800\/80 { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.border-surface-800\/90 { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.border-surface-900 { + border-color: var(--surface-900) +} +.border-surface-900\/10 { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.border-surface-900\/20 { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.border-surface-900\/30 { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.border-surface-900\/40 { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.border-surface-900\/50 { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.border-surface-900\/60 { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.border-surface-900\/70 { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.border-surface-900\/80 { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.border-surface-900\/90 { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.border-primary-50 { + border-color: var(--primary-50) +} +.border-primary-50\/10 { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.border-primary-50\/20 { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.border-primary-50\/30 { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.border-primary-50\/40 { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.border-primary-50\/50 { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.border-primary-50\/60 { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.border-primary-50\/70 { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.border-primary-50\/80 { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.border-primary-50\/90 { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.border-primary-100 { + border-color: var(--primary-100) +} +.border-primary-100\/10 { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.border-primary-100\/20 { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.border-primary-100\/30 { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.border-primary-100\/40 { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.border-primary-100\/50 { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.border-primary-100\/60 { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.border-primary-100\/70 { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.border-primary-100\/80 { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.border-primary-100\/90 { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.border-primary-200 { + border-color: var(--primary-200) +} +.border-primary-200\/10 { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.border-primary-200\/20 { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.border-primary-200\/30 { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.border-primary-200\/40 { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.border-primary-200\/50 { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.border-primary-200\/60 { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.border-primary-200\/70 { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.border-primary-200\/80 { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.border-primary-200\/90 { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.border-primary-300 { + border-color: var(--primary-300) +} +.border-primary-300\/10 { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.border-primary-300\/20 { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.border-primary-300\/30 { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.border-primary-300\/40 { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.border-primary-300\/50 { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.border-primary-300\/60 { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.border-primary-300\/70 { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.border-primary-300\/80 { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.border-primary-300\/90 { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.border-primary-400 { + border-color: var(--primary-400) +} +.border-primary-400\/10 { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.border-primary-400\/20 { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.border-primary-400\/30 { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.border-primary-400\/40 { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.border-primary-400\/50 { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.border-primary-400\/60 { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.border-primary-400\/70 { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.border-primary-400\/80 { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.border-primary-400\/90 { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.border-primary-500 { + border-color: var(--primary-500) +} +.border-primary-500\/10 { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.border-primary-500\/20 { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.border-primary-500\/30 { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.border-primary-500\/40 { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.border-primary-500\/50 { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.border-primary-500\/60 { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.border-primary-500\/70 { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.border-primary-500\/80 { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.border-primary-500\/90 { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.border-primary-600 { + border-color: var(--primary-600) +} +.border-primary-600\/10 { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.border-primary-600\/20 { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.border-primary-600\/30 { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.border-primary-600\/40 { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.border-primary-600\/50 { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.border-primary-600\/60 { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.border-primary-600\/70 { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.border-primary-600\/80 { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.border-primary-600\/90 { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.border-primary-700 { + border-color: var(--primary-700) +} +.border-primary-700\/10 { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.border-primary-700\/20 { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.border-primary-700\/30 { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.border-primary-700\/40 { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.border-primary-700\/50 { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.border-primary-700\/60 { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.border-primary-700\/70 { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.border-primary-700\/80 { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.border-primary-700\/90 { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.border-primary-800 { + border-color: var(--primary-800) +} +.border-primary-800\/10 { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.border-primary-800\/20 { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.border-primary-800\/30 { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.border-primary-800\/40 { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.border-primary-800\/50 { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.border-primary-800\/60 { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.border-primary-800\/70 { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.border-primary-800\/80 { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.border-primary-800\/90 { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.border-primary-900 { + border-color: var(--primary-900) +} +.border-primary-900\/10 { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.border-primary-900\/20 { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.border-primary-900\/30 { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.border-primary-900\/40 { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.border-primary-900\/50 { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.border-primary-900\/60 { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.border-primary-900\/70 { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.border-primary-900\/80 { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.border-primary-900\/90 { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:border-blue-50:focus { + border-color: var(--blue-50) +} +.hover\:border-blue-50:hover { + border-color: var(--blue-50) +} +.active\:border-blue-50:active { + border-color: var(--blue-50) +} +.focus\:border-blue-50\/10:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:border-blue-50\/10:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:border-blue-50\/10:active { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:border-blue-50\/20:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:border-blue-50\/20:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:border-blue-50\/20:active { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:border-blue-50\/30:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:border-blue-50\/30:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:border-blue-50\/30:active { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:border-blue-50\/40:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:border-blue-50\/40:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:border-blue-50\/40:active { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:border-blue-50\/50:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:border-blue-50\/50:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:border-blue-50\/50:active { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:border-blue-50\/60:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:border-blue-50\/60:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:border-blue-50\/60:active { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:border-blue-50\/70:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:border-blue-50\/70:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:border-blue-50\/70:active { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:border-blue-50\/80:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:border-blue-50\/80:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:border-blue-50\/80:active { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:border-blue-50\/90:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:border-blue-50\/90:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:border-blue-50\/90:active { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:border-blue-100:focus { + border-color: var(--blue-100) +} +.hover\:border-blue-100:hover { + border-color: var(--blue-100) +} +.active\:border-blue-100:active { + border-color: var(--blue-100) +} +.focus\:border-blue-100\/10:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:border-blue-100\/10:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:border-blue-100\/10:active { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:border-blue-100\/20:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:border-blue-100\/20:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:border-blue-100\/20:active { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:border-blue-100\/30:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:border-blue-100\/30:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:border-blue-100\/30:active { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:border-blue-100\/40:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:border-blue-100\/40:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:border-blue-100\/40:active { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:border-blue-100\/50:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:border-blue-100\/50:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:border-blue-100\/50:active { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:border-blue-100\/60:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:border-blue-100\/60:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:border-blue-100\/60:active { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:border-blue-100\/70:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:border-blue-100\/70:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:border-blue-100\/70:active { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:border-blue-100\/80:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:border-blue-100\/80:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:border-blue-100\/80:active { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:border-blue-100\/90:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:border-blue-100\/90:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:border-blue-100\/90:active { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:border-blue-200:focus { + border-color: var(--blue-200) +} +.hover\:border-blue-200:hover { + border-color: var(--blue-200) +} +.active\:border-blue-200:active { + border-color: var(--blue-200) +} +.focus\:border-blue-200\/10:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:border-blue-200\/10:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:border-blue-200\/10:active { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:border-blue-200\/20:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:border-blue-200\/20:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:border-blue-200\/20:active { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:border-blue-200\/30:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:border-blue-200\/30:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:border-blue-200\/30:active { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:border-blue-200\/40:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:border-blue-200\/40:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:border-blue-200\/40:active { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:border-blue-200\/50:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:border-blue-200\/50:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:border-blue-200\/50:active { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:border-blue-200\/60:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:border-blue-200\/60:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:border-blue-200\/60:active { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:border-blue-200\/70:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:border-blue-200\/70:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:border-blue-200\/70:active { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:border-blue-200\/80:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:border-blue-200\/80:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:border-blue-200\/80:active { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:border-blue-200\/90:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:border-blue-200\/90:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:border-blue-200\/90:active { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:border-blue-300:focus { + border-color: var(--blue-300) +} +.hover\:border-blue-300:hover { + border-color: var(--blue-300) +} +.active\:border-blue-300:active { + border-color: var(--blue-300) +} +.focus\:border-blue-300\/10:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:border-blue-300\/10:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:border-blue-300\/10:active { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:border-blue-300\/20:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:border-blue-300\/20:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:border-blue-300\/20:active { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:border-blue-300\/30:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:border-blue-300\/30:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:border-blue-300\/30:active { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:border-blue-300\/40:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:border-blue-300\/40:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:border-blue-300\/40:active { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:border-blue-300\/50:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:border-blue-300\/50:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:border-blue-300\/50:active { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:border-blue-300\/60:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:border-blue-300\/60:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:border-blue-300\/60:active { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:border-blue-300\/70:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:border-blue-300\/70:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:border-blue-300\/70:active { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:border-blue-300\/80:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:border-blue-300\/80:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:border-blue-300\/80:active { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:border-blue-300\/90:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:border-blue-300\/90:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:border-blue-300\/90:active { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:border-blue-400:focus { + border-color: var(--blue-400) +} +.hover\:border-blue-400:hover { + border-color: var(--blue-400) +} +.active\:border-blue-400:active { + border-color: var(--blue-400) +} +.focus\:border-blue-400\/10:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:border-blue-400\/10:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:border-blue-400\/10:active { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:border-blue-400\/20:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:border-blue-400\/20:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:border-blue-400\/20:active { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:border-blue-400\/30:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:border-blue-400\/30:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:border-blue-400\/30:active { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:border-blue-400\/40:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:border-blue-400\/40:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:border-blue-400\/40:active { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:border-blue-400\/50:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:border-blue-400\/50:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:border-blue-400\/50:active { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:border-blue-400\/60:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:border-blue-400\/60:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:border-blue-400\/60:active { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:border-blue-400\/70:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:border-blue-400\/70:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:border-blue-400\/70:active { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:border-blue-400\/80:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:border-blue-400\/80:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:border-blue-400\/80:active { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:border-blue-400\/90:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:border-blue-400\/90:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:border-blue-400\/90:active { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:border-blue-500:focus { + border-color: var(--blue-500) +} +.hover\:border-blue-500:hover { + border-color: var(--blue-500) +} +.active\:border-blue-500:active { + border-color: var(--blue-500) +} +.focus\:border-blue-500\/10:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:border-blue-500\/10:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:border-blue-500\/10:active { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:border-blue-500\/20:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:border-blue-500\/20:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:border-blue-500\/20:active { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:border-blue-500\/30:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:border-blue-500\/30:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:border-blue-500\/30:active { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:border-blue-500\/40:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:border-blue-500\/40:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:border-blue-500\/40:active { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:border-blue-500\/50:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:border-blue-500\/50:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:border-blue-500\/50:active { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:border-blue-500\/60:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:border-blue-500\/60:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:border-blue-500\/60:active { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:border-blue-500\/70:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:border-blue-500\/70:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:border-blue-500\/70:active { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:border-blue-500\/80:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:border-blue-500\/80:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:border-blue-500\/80:active { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:border-blue-500\/90:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:border-blue-500\/90:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:border-blue-500\/90:active { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:border-blue-600:focus { + border-color: var(--blue-600) +} +.hover\:border-blue-600:hover { + border-color: var(--blue-600) +} +.active\:border-blue-600:active { + border-color: var(--blue-600) +} +.focus\:border-blue-600\/10:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:border-blue-600\/10:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:border-blue-600\/10:active { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:border-blue-600\/20:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:border-blue-600\/20:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:border-blue-600\/20:active { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:border-blue-600\/30:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:border-blue-600\/30:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:border-blue-600\/30:active { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:border-blue-600\/40:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:border-blue-600\/40:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:border-blue-600\/40:active { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:border-blue-600\/50:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:border-blue-600\/50:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:border-blue-600\/50:active { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:border-blue-600\/60:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:border-blue-600\/60:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:border-blue-600\/60:active { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:border-blue-600\/70:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:border-blue-600\/70:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:border-blue-600\/70:active { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:border-blue-600\/80:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:border-blue-600\/80:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:border-blue-600\/80:active { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:border-blue-600\/90:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:border-blue-600\/90:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:border-blue-600\/90:active { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:border-blue-700:focus { + border-color: var(--blue-700) +} +.hover\:border-blue-700:hover { + border-color: var(--blue-700) +} +.active\:border-blue-700:active { + border-color: var(--blue-700) +} +.focus\:border-blue-700\/10:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:border-blue-700\/10:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:border-blue-700\/10:active { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:border-blue-700\/20:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:border-blue-700\/20:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:border-blue-700\/20:active { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:border-blue-700\/30:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:border-blue-700\/30:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:border-blue-700\/30:active { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:border-blue-700\/40:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:border-blue-700\/40:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:border-blue-700\/40:active { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:border-blue-700\/50:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:border-blue-700\/50:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:border-blue-700\/50:active { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:border-blue-700\/60:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:border-blue-700\/60:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:border-blue-700\/60:active { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:border-blue-700\/70:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:border-blue-700\/70:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:border-blue-700\/70:active { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:border-blue-700\/80:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:border-blue-700\/80:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:border-blue-700\/80:active { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:border-blue-700\/90:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:border-blue-700\/90:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:border-blue-700\/90:active { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:border-blue-800:focus { + border-color: var(--blue-800) +} +.hover\:border-blue-800:hover { + border-color: var(--blue-800) +} +.active\:border-blue-800:active { + border-color: var(--blue-800) +} +.focus\:border-blue-800\/10:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:border-blue-800\/10:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:border-blue-800\/10:active { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:border-blue-800\/20:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:border-blue-800\/20:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:border-blue-800\/20:active { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:border-blue-800\/30:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:border-blue-800\/30:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:border-blue-800\/30:active { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:border-blue-800\/40:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:border-blue-800\/40:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:border-blue-800\/40:active { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:border-blue-800\/50:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:border-blue-800\/50:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:border-blue-800\/50:active { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:border-blue-800\/60:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:border-blue-800\/60:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:border-blue-800\/60:active { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:border-blue-800\/70:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:border-blue-800\/70:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:border-blue-800\/70:active { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:border-blue-800\/80:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:border-blue-800\/80:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:border-blue-800\/80:active { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:border-blue-800\/90:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:border-blue-800\/90:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:border-blue-800\/90:active { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:border-blue-900:focus { + border-color: var(--blue-900) +} +.hover\:border-blue-900:hover { + border-color: var(--blue-900) +} +.active\:border-blue-900:active { + border-color: var(--blue-900) +} +.focus\:border-blue-900\/10:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:border-blue-900\/10:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:border-blue-900\/10:active { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:border-blue-900\/20:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:border-blue-900\/20:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:border-blue-900\/20:active { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:border-blue-900\/30:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:border-blue-900\/30:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:border-blue-900\/30:active { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:border-blue-900\/40:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:border-blue-900\/40:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:border-blue-900\/40:active { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:border-blue-900\/50:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:border-blue-900\/50:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:border-blue-900\/50:active { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:border-blue-900\/60:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:border-blue-900\/60:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:border-blue-900\/60:active { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:border-blue-900\/70:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:border-blue-900\/70:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:border-blue-900\/70:active { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:border-blue-900\/80:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:border-blue-900\/80:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:border-blue-900\/80:active { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:border-blue-900\/90:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:border-blue-900\/90:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:border-blue-900\/90:active { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:border-green-50:focus { + border-color: var(--green-50) +} +.hover\:border-green-50:hover { + border-color: var(--green-50) +} +.active\:border-green-50:active { + border-color: var(--green-50) +} +.focus\:border-green-50\/10:focus { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:border-green-50\/10:hover { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:border-green-50\/10:active { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:border-green-50\/20:focus { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:border-green-50\/20:hover { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:border-green-50\/20:active { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:border-green-50\/30:focus { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:border-green-50\/30:hover { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:border-green-50\/30:active { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:border-green-50\/40:focus { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:border-green-50\/40:hover { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:border-green-50\/40:active { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:border-green-50\/50:focus { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:border-green-50\/50:hover { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:border-green-50\/50:active { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:border-green-50\/60:focus { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:border-green-50\/60:hover { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:border-green-50\/60:active { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:border-green-50\/70:focus { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:border-green-50\/70:hover { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:border-green-50\/70:active { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:border-green-50\/80:focus { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:border-green-50\/80:hover { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:border-green-50\/80:active { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:border-green-50\/90:focus { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:border-green-50\/90:hover { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:border-green-50\/90:active { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:border-green-100:focus { + border-color: var(--green-100) +} +.hover\:border-green-100:hover { + border-color: var(--green-100) +} +.active\:border-green-100:active { + border-color: var(--green-100) +} +.focus\:border-green-100\/10:focus { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:border-green-100\/10:hover { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:border-green-100\/10:active { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:border-green-100\/20:focus { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:border-green-100\/20:hover { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:border-green-100\/20:active { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:border-green-100\/30:focus { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:border-green-100\/30:hover { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:border-green-100\/30:active { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:border-green-100\/40:focus { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:border-green-100\/40:hover { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:border-green-100\/40:active { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:border-green-100\/50:focus { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:border-green-100\/50:hover { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:border-green-100\/50:active { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:border-green-100\/60:focus { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:border-green-100\/60:hover { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:border-green-100\/60:active { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:border-green-100\/70:focus { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:border-green-100\/70:hover { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:border-green-100\/70:active { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:border-green-100\/80:focus { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:border-green-100\/80:hover { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:border-green-100\/80:active { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:border-green-100\/90:focus { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:border-green-100\/90:hover { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:border-green-100\/90:active { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:border-green-200:focus { + border-color: var(--green-200) +} +.hover\:border-green-200:hover { + border-color: var(--green-200) +} +.active\:border-green-200:active { + border-color: var(--green-200) +} +.focus\:border-green-200\/10:focus { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:border-green-200\/10:hover { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:border-green-200\/10:active { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:border-green-200\/20:focus { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:border-green-200\/20:hover { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:border-green-200\/20:active { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:border-green-200\/30:focus { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:border-green-200\/30:hover { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:border-green-200\/30:active { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:border-green-200\/40:focus { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:border-green-200\/40:hover { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:border-green-200\/40:active { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:border-green-200\/50:focus { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:border-green-200\/50:hover { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:border-green-200\/50:active { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:border-green-200\/60:focus { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:border-green-200\/60:hover { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:border-green-200\/60:active { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:border-green-200\/70:focus { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:border-green-200\/70:hover { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:border-green-200\/70:active { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:border-green-200\/80:focus { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:border-green-200\/80:hover { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:border-green-200\/80:active { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:border-green-200\/90:focus { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:border-green-200\/90:hover { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:border-green-200\/90:active { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:border-green-300:focus { + border-color: var(--green-300) +} +.hover\:border-green-300:hover { + border-color: var(--green-300) +} +.active\:border-green-300:active { + border-color: var(--green-300) +} +.focus\:border-green-300\/10:focus { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:border-green-300\/10:hover { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:border-green-300\/10:active { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:border-green-300\/20:focus { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:border-green-300\/20:hover { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:border-green-300\/20:active { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:border-green-300\/30:focus { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:border-green-300\/30:hover { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:border-green-300\/30:active { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:border-green-300\/40:focus { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:border-green-300\/40:hover { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:border-green-300\/40:active { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:border-green-300\/50:focus { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:border-green-300\/50:hover { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:border-green-300\/50:active { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:border-green-300\/60:focus { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:border-green-300\/60:hover { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:border-green-300\/60:active { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:border-green-300\/70:focus { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:border-green-300\/70:hover { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:border-green-300\/70:active { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:border-green-300\/80:focus { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:border-green-300\/80:hover { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:border-green-300\/80:active { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:border-green-300\/90:focus { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:border-green-300\/90:hover { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:border-green-300\/90:active { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:border-green-400:focus { + border-color: var(--green-400) +} +.hover\:border-green-400:hover { + border-color: var(--green-400) +} +.active\:border-green-400:active { + border-color: var(--green-400) +} +.focus\:border-green-400\/10:focus { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:border-green-400\/10:hover { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:border-green-400\/10:active { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:border-green-400\/20:focus { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:border-green-400\/20:hover { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:border-green-400\/20:active { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:border-green-400\/30:focus { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:border-green-400\/30:hover { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:border-green-400\/30:active { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:border-green-400\/40:focus { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:border-green-400\/40:hover { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:border-green-400\/40:active { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:border-green-400\/50:focus { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:border-green-400\/50:hover { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:border-green-400\/50:active { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:border-green-400\/60:focus { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:border-green-400\/60:hover { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:border-green-400\/60:active { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:border-green-400\/70:focus { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:border-green-400\/70:hover { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:border-green-400\/70:active { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:border-green-400\/80:focus { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:border-green-400\/80:hover { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:border-green-400\/80:active { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:border-green-400\/90:focus { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:border-green-400\/90:hover { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:border-green-400\/90:active { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:border-green-500:focus { + border-color: var(--green-500) +} +.hover\:border-green-500:hover { + border-color: var(--green-500) +} +.active\:border-green-500:active { + border-color: var(--green-500) +} +.focus\:border-green-500\/10:focus { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:border-green-500\/10:hover { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:border-green-500\/10:active { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:border-green-500\/20:focus { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:border-green-500\/20:hover { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:border-green-500\/20:active { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:border-green-500\/30:focus { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:border-green-500\/30:hover { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:border-green-500\/30:active { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:border-green-500\/40:focus { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:border-green-500\/40:hover { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:border-green-500\/40:active { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:border-green-500\/50:focus { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:border-green-500\/50:hover { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:border-green-500\/50:active { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:border-green-500\/60:focus { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:border-green-500\/60:hover { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:border-green-500\/60:active { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:border-green-500\/70:focus { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:border-green-500\/70:hover { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:border-green-500\/70:active { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:border-green-500\/80:focus { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:border-green-500\/80:hover { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:border-green-500\/80:active { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:border-green-500\/90:focus { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:border-green-500\/90:hover { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:border-green-500\/90:active { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:border-green-600:focus { + border-color: var(--green-600) +} +.hover\:border-green-600:hover { + border-color: var(--green-600) +} +.active\:border-green-600:active { + border-color: var(--green-600) +} +.focus\:border-green-600\/10:focus { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:border-green-600\/10:hover { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:border-green-600\/10:active { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:border-green-600\/20:focus { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:border-green-600\/20:hover { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:border-green-600\/20:active { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:border-green-600\/30:focus { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:border-green-600\/30:hover { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:border-green-600\/30:active { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:border-green-600\/40:focus { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:border-green-600\/40:hover { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:border-green-600\/40:active { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:border-green-600\/50:focus { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:border-green-600\/50:hover { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:border-green-600\/50:active { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:border-green-600\/60:focus { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:border-green-600\/60:hover { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:border-green-600\/60:active { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:border-green-600\/70:focus { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:border-green-600\/70:hover { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:border-green-600\/70:active { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:border-green-600\/80:focus { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:border-green-600\/80:hover { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:border-green-600\/80:active { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:border-green-600\/90:focus { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:border-green-600\/90:hover { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:border-green-600\/90:active { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:border-green-700:focus { + border-color: var(--green-700) +} +.hover\:border-green-700:hover { + border-color: var(--green-700) +} +.active\:border-green-700:active { + border-color: var(--green-700) +} +.focus\:border-green-700\/10:focus { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:border-green-700\/10:hover { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:border-green-700\/10:active { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:border-green-700\/20:focus { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:border-green-700\/20:hover { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:border-green-700\/20:active { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:border-green-700\/30:focus { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:border-green-700\/30:hover { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:border-green-700\/30:active { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:border-green-700\/40:focus { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:border-green-700\/40:hover { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:border-green-700\/40:active { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:border-green-700\/50:focus { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:border-green-700\/50:hover { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:border-green-700\/50:active { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:border-green-700\/60:focus { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:border-green-700\/60:hover { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:border-green-700\/60:active { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:border-green-700\/70:focus { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:border-green-700\/70:hover { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:border-green-700\/70:active { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:border-green-700\/80:focus { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:border-green-700\/80:hover { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:border-green-700\/80:active { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:border-green-700\/90:focus { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:border-green-700\/90:hover { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:border-green-700\/90:active { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:border-green-800:focus { + border-color: var(--green-800) +} +.hover\:border-green-800:hover { + border-color: var(--green-800) +} +.active\:border-green-800:active { + border-color: var(--green-800) +} +.focus\:border-green-800\/10:focus { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:border-green-800\/10:hover { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:border-green-800\/10:active { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:border-green-800\/20:focus { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:border-green-800\/20:hover { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:border-green-800\/20:active { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:border-green-800\/30:focus { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:border-green-800\/30:hover { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:border-green-800\/30:active { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:border-green-800\/40:focus { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:border-green-800\/40:hover { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:border-green-800\/40:active { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:border-green-800\/50:focus { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:border-green-800\/50:hover { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:border-green-800\/50:active { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:border-green-800\/60:focus { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:border-green-800\/60:hover { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:border-green-800\/60:active { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:border-green-800\/70:focus { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:border-green-800\/70:hover { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:border-green-800\/70:active { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:border-green-800\/80:focus { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:border-green-800\/80:hover { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:border-green-800\/80:active { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:border-green-800\/90:focus { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:border-green-800\/90:hover { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:border-green-800\/90:active { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:border-green-900:focus { + border-color: var(--green-900) +} +.hover\:border-green-900:hover { + border-color: var(--green-900) +} +.active\:border-green-900:active { + border-color: var(--green-900) +} +.focus\:border-green-900\/10:focus { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:border-green-900\/10:hover { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:border-green-900\/10:active { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:border-green-900\/20:focus { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:border-green-900\/20:hover { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:border-green-900\/20:active { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:border-green-900\/30:focus { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:border-green-900\/30:hover { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:border-green-900\/30:active { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:border-green-900\/40:focus { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:border-green-900\/40:hover { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:border-green-900\/40:active { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:border-green-900\/50:focus { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:border-green-900\/50:hover { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:border-green-900\/50:active { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:border-green-900\/60:focus { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:border-green-900\/60:hover { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:border-green-900\/60:active { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:border-green-900\/70:focus { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:border-green-900\/70:hover { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:border-green-900\/70:active { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:border-green-900\/80:focus { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:border-green-900\/80:hover { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:border-green-900\/80:active { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:border-green-900\/90:focus { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:border-green-900\/90:hover { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:border-green-900\/90:active { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:border-yellow-50:focus { + border-color: var(--yellow-50) +} +.hover\:border-yellow-50:hover { + border-color: var(--yellow-50) +} +.active\:border-yellow-50:active { + border-color: var(--yellow-50) +} +.focus\:border-yellow-50\/10:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:border-yellow-50\/10:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:border-yellow-50\/10:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:border-yellow-50\/20:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:border-yellow-50\/20:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:border-yellow-50\/20:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:border-yellow-50\/30:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:border-yellow-50\/30:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:border-yellow-50\/30:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:border-yellow-50\/40:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:border-yellow-50\/40:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:border-yellow-50\/40:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:border-yellow-50\/50:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:border-yellow-50\/50:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:border-yellow-50\/50:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:border-yellow-50\/60:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:border-yellow-50\/60:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:border-yellow-50\/60:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:border-yellow-50\/70:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:border-yellow-50\/70:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:border-yellow-50\/70:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:border-yellow-50\/80:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:border-yellow-50\/80:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:border-yellow-50\/80:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:border-yellow-50\/90:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:border-yellow-50\/90:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:border-yellow-50\/90:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:border-yellow-100:focus { + border-color: var(--yellow-100) +} +.hover\:border-yellow-100:hover { + border-color: var(--yellow-100) +} +.active\:border-yellow-100:active { + border-color: var(--yellow-100) +} +.focus\:border-yellow-100\/10:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:border-yellow-100\/10:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:border-yellow-100\/10:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:border-yellow-100\/20:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:border-yellow-100\/20:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:border-yellow-100\/20:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:border-yellow-100\/30:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:border-yellow-100\/30:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:border-yellow-100\/30:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:border-yellow-100\/40:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:border-yellow-100\/40:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:border-yellow-100\/40:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:border-yellow-100\/50:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:border-yellow-100\/50:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:border-yellow-100\/50:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:border-yellow-100\/60:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:border-yellow-100\/60:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:border-yellow-100\/60:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:border-yellow-100\/70:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:border-yellow-100\/70:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:border-yellow-100\/70:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:border-yellow-100\/80:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:border-yellow-100\/80:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:border-yellow-100\/80:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:border-yellow-100\/90:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:border-yellow-100\/90:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:border-yellow-100\/90:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:border-yellow-200:focus { + border-color: var(--yellow-200) +} +.hover\:border-yellow-200:hover { + border-color: var(--yellow-200) +} +.active\:border-yellow-200:active { + border-color: var(--yellow-200) +} +.focus\:border-yellow-200\/10:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:border-yellow-200\/10:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:border-yellow-200\/10:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:border-yellow-200\/20:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:border-yellow-200\/20:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:border-yellow-200\/20:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:border-yellow-200\/30:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:border-yellow-200\/30:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:border-yellow-200\/30:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:border-yellow-200\/40:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:border-yellow-200\/40:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:border-yellow-200\/40:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:border-yellow-200\/50:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:border-yellow-200\/50:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:border-yellow-200\/50:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:border-yellow-200\/60:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:border-yellow-200\/60:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:border-yellow-200\/60:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:border-yellow-200\/70:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:border-yellow-200\/70:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:border-yellow-200\/70:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:border-yellow-200\/80:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:border-yellow-200\/80:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:border-yellow-200\/80:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:border-yellow-200\/90:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:border-yellow-200\/90:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:border-yellow-200\/90:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:border-yellow-300:focus { + border-color: var(--yellow-300) +} +.hover\:border-yellow-300:hover { + border-color: var(--yellow-300) +} +.active\:border-yellow-300:active { + border-color: var(--yellow-300) +} +.focus\:border-yellow-300\/10:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:border-yellow-300\/10:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:border-yellow-300\/10:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:border-yellow-300\/20:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:border-yellow-300\/20:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:border-yellow-300\/20:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:border-yellow-300\/30:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:border-yellow-300\/30:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:border-yellow-300\/30:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:border-yellow-300\/40:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:border-yellow-300\/40:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:border-yellow-300\/40:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:border-yellow-300\/50:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:border-yellow-300\/50:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:border-yellow-300\/50:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:border-yellow-300\/60:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:border-yellow-300\/60:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:border-yellow-300\/60:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:border-yellow-300\/70:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:border-yellow-300\/70:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:border-yellow-300\/70:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:border-yellow-300\/80:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:border-yellow-300\/80:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:border-yellow-300\/80:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:border-yellow-300\/90:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:border-yellow-300\/90:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:border-yellow-300\/90:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:border-yellow-400:focus { + border-color: var(--yellow-400) +} +.hover\:border-yellow-400:hover { + border-color: var(--yellow-400) +} +.active\:border-yellow-400:active { + border-color: var(--yellow-400) +} +.focus\:border-yellow-400\/10:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:border-yellow-400\/10:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:border-yellow-400\/10:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:border-yellow-400\/20:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:border-yellow-400\/20:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:border-yellow-400\/20:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:border-yellow-400\/30:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:border-yellow-400\/30:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:border-yellow-400\/30:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:border-yellow-400\/40:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:border-yellow-400\/40:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:border-yellow-400\/40:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:border-yellow-400\/50:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:border-yellow-400\/50:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:border-yellow-400\/50:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:border-yellow-400\/60:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:border-yellow-400\/60:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:border-yellow-400\/60:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:border-yellow-400\/70:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:border-yellow-400\/70:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:border-yellow-400\/70:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:border-yellow-400\/80:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:border-yellow-400\/80:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:border-yellow-400\/80:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:border-yellow-400\/90:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:border-yellow-400\/90:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:border-yellow-400\/90:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:border-yellow-500:focus { + border-color: var(--yellow-500) +} +.hover\:border-yellow-500:hover { + border-color: var(--yellow-500) +} +.active\:border-yellow-500:active { + border-color: var(--yellow-500) +} +.focus\:border-yellow-500\/10:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:border-yellow-500\/10:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:border-yellow-500\/10:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:border-yellow-500\/20:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:border-yellow-500\/20:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:border-yellow-500\/20:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:border-yellow-500\/30:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:border-yellow-500\/30:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:border-yellow-500\/30:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:border-yellow-500\/40:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:border-yellow-500\/40:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:border-yellow-500\/40:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:border-yellow-500\/50:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:border-yellow-500\/50:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:border-yellow-500\/50:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:border-yellow-500\/60:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:border-yellow-500\/60:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:border-yellow-500\/60:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:border-yellow-500\/70:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:border-yellow-500\/70:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:border-yellow-500\/70:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:border-yellow-500\/80:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:border-yellow-500\/80:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:border-yellow-500\/80:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:border-yellow-500\/90:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:border-yellow-500\/90:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:border-yellow-500\/90:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:border-yellow-600:focus { + border-color: var(--yellow-600) +} +.hover\:border-yellow-600:hover { + border-color: var(--yellow-600) +} +.active\:border-yellow-600:active { + border-color: var(--yellow-600) +} +.focus\:border-yellow-600\/10:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:border-yellow-600\/10:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:border-yellow-600\/10:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:border-yellow-600\/20:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:border-yellow-600\/20:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:border-yellow-600\/20:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:border-yellow-600\/30:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:border-yellow-600\/30:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:border-yellow-600\/30:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:border-yellow-600\/40:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:border-yellow-600\/40:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:border-yellow-600\/40:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:border-yellow-600\/50:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:border-yellow-600\/50:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:border-yellow-600\/50:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:border-yellow-600\/60:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:border-yellow-600\/60:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:border-yellow-600\/60:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:border-yellow-600\/70:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:border-yellow-600\/70:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:border-yellow-600\/70:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:border-yellow-600\/80:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:border-yellow-600\/80:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:border-yellow-600\/80:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:border-yellow-600\/90:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:border-yellow-600\/90:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:border-yellow-600\/90:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:border-yellow-700:focus { + border-color: var(--yellow-700) +} +.hover\:border-yellow-700:hover { + border-color: var(--yellow-700) +} +.active\:border-yellow-700:active { + border-color: var(--yellow-700) +} +.focus\:border-yellow-700\/10:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:border-yellow-700\/10:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:border-yellow-700\/10:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:border-yellow-700\/20:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:border-yellow-700\/20:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:border-yellow-700\/20:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:border-yellow-700\/30:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:border-yellow-700\/30:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:border-yellow-700\/30:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:border-yellow-700\/40:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:border-yellow-700\/40:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:border-yellow-700\/40:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:border-yellow-700\/50:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:border-yellow-700\/50:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:border-yellow-700\/50:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:border-yellow-700\/60:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:border-yellow-700\/60:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:border-yellow-700\/60:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:border-yellow-700\/70:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:border-yellow-700\/70:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:border-yellow-700\/70:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:border-yellow-700\/80:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:border-yellow-700\/80:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:border-yellow-700\/80:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:border-yellow-700\/90:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:border-yellow-700\/90:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:border-yellow-700\/90:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:border-yellow-800:focus { + border-color: var(--yellow-800) +} +.hover\:border-yellow-800:hover { + border-color: var(--yellow-800) +} +.active\:border-yellow-800:active { + border-color: var(--yellow-800) +} +.focus\:border-yellow-800\/10:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:border-yellow-800\/10:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:border-yellow-800\/10:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:border-yellow-800\/20:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:border-yellow-800\/20:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:border-yellow-800\/20:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:border-yellow-800\/30:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:border-yellow-800\/30:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:border-yellow-800\/30:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:border-yellow-800\/40:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:border-yellow-800\/40:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:border-yellow-800\/40:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:border-yellow-800\/50:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:border-yellow-800\/50:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:border-yellow-800\/50:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:border-yellow-800\/60:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:border-yellow-800\/60:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:border-yellow-800\/60:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:border-yellow-800\/70:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:border-yellow-800\/70:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:border-yellow-800\/70:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:border-yellow-800\/80:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:border-yellow-800\/80:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:border-yellow-800\/80:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:border-yellow-800\/90:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:border-yellow-800\/90:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:border-yellow-800\/90:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:border-yellow-900:focus { + border-color: var(--yellow-900) +} +.hover\:border-yellow-900:hover { + border-color: var(--yellow-900) +} +.active\:border-yellow-900:active { + border-color: var(--yellow-900) +} +.focus\:border-yellow-900\/10:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:border-yellow-900\/10:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:border-yellow-900\/10:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:border-yellow-900\/20:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:border-yellow-900\/20:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:border-yellow-900\/20:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:border-yellow-900\/30:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:border-yellow-900\/30:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:border-yellow-900\/30:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:border-yellow-900\/40:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:border-yellow-900\/40:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:border-yellow-900\/40:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:border-yellow-900\/50:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:border-yellow-900\/50:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:border-yellow-900\/50:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:border-yellow-900\/60:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:border-yellow-900\/60:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:border-yellow-900\/60:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:border-yellow-900\/70:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:border-yellow-900\/70:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:border-yellow-900\/70:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:border-yellow-900\/80:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:border-yellow-900\/80:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:border-yellow-900\/80:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:border-yellow-900\/90:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:border-yellow-900\/90:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:border-yellow-900\/90:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:border-cyan-50:focus { + border-color: var(--cyan-50) +} +.hover\:border-cyan-50:hover { + border-color: var(--cyan-50) +} +.active\:border-cyan-50:active { + border-color: var(--cyan-50) +} +.focus\:border-cyan-50\/10:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:border-cyan-50\/10:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:border-cyan-50\/10:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:border-cyan-50\/20:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:border-cyan-50\/20:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:border-cyan-50\/20:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:border-cyan-50\/30:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:border-cyan-50\/30:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:border-cyan-50\/30:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:border-cyan-50\/40:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:border-cyan-50\/40:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:border-cyan-50\/40:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:border-cyan-50\/50:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:border-cyan-50\/50:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:border-cyan-50\/50:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:border-cyan-50\/60:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:border-cyan-50\/60:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:border-cyan-50\/60:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:border-cyan-50\/70:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:border-cyan-50\/70:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:border-cyan-50\/70:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:border-cyan-50\/80:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:border-cyan-50\/80:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:border-cyan-50\/80:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:border-cyan-50\/90:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:border-cyan-50\/90:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:border-cyan-50\/90:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:border-cyan-100:focus { + border-color: var(--cyan-100) +} +.hover\:border-cyan-100:hover { + border-color: var(--cyan-100) +} +.active\:border-cyan-100:active { + border-color: var(--cyan-100) +} +.focus\:border-cyan-100\/10:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:border-cyan-100\/10:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:border-cyan-100\/10:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:border-cyan-100\/20:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:border-cyan-100\/20:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:border-cyan-100\/20:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:border-cyan-100\/30:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:border-cyan-100\/30:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:border-cyan-100\/30:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:border-cyan-100\/40:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:border-cyan-100\/40:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:border-cyan-100\/40:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:border-cyan-100\/50:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:border-cyan-100\/50:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:border-cyan-100\/50:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:border-cyan-100\/60:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:border-cyan-100\/60:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:border-cyan-100\/60:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:border-cyan-100\/70:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:border-cyan-100\/70:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:border-cyan-100\/70:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:border-cyan-100\/80:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:border-cyan-100\/80:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:border-cyan-100\/80:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:border-cyan-100\/90:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:border-cyan-100\/90:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:border-cyan-100\/90:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:border-cyan-200:focus { + border-color: var(--cyan-200) +} +.hover\:border-cyan-200:hover { + border-color: var(--cyan-200) +} +.active\:border-cyan-200:active { + border-color: var(--cyan-200) +} +.focus\:border-cyan-200\/10:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:border-cyan-200\/10:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:border-cyan-200\/10:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:border-cyan-200\/20:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:border-cyan-200\/20:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:border-cyan-200\/20:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:border-cyan-200\/30:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:border-cyan-200\/30:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:border-cyan-200\/30:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:border-cyan-200\/40:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:border-cyan-200\/40:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:border-cyan-200\/40:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:border-cyan-200\/50:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:border-cyan-200\/50:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:border-cyan-200\/50:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:border-cyan-200\/60:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:border-cyan-200\/60:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:border-cyan-200\/60:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:border-cyan-200\/70:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:border-cyan-200\/70:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:border-cyan-200\/70:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:border-cyan-200\/80:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:border-cyan-200\/80:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:border-cyan-200\/80:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:border-cyan-200\/90:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:border-cyan-200\/90:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:border-cyan-200\/90:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:border-cyan-300:focus { + border-color: var(--cyan-300) +} +.hover\:border-cyan-300:hover { + border-color: var(--cyan-300) +} +.active\:border-cyan-300:active { + border-color: var(--cyan-300) +} +.focus\:border-cyan-300\/10:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:border-cyan-300\/10:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:border-cyan-300\/10:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:border-cyan-300\/20:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:border-cyan-300\/20:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:border-cyan-300\/20:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:border-cyan-300\/30:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:border-cyan-300\/30:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:border-cyan-300\/30:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:border-cyan-300\/40:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:border-cyan-300\/40:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:border-cyan-300\/40:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:border-cyan-300\/50:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:border-cyan-300\/50:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:border-cyan-300\/50:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:border-cyan-300\/60:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:border-cyan-300\/60:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:border-cyan-300\/60:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:border-cyan-300\/70:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:border-cyan-300\/70:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:border-cyan-300\/70:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:border-cyan-300\/80:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:border-cyan-300\/80:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:border-cyan-300\/80:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:border-cyan-300\/90:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:border-cyan-300\/90:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:border-cyan-300\/90:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:border-cyan-400:focus { + border-color: var(--cyan-400) +} +.hover\:border-cyan-400:hover { + border-color: var(--cyan-400) +} +.active\:border-cyan-400:active { + border-color: var(--cyan-400) +} +.focus\:border-cyan-400\/10:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:border-cyan-400\/10:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:border-cyan-400\/10:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:border-cyan-400\/20:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:border-cyan-400\/20:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:border-cyan-400\/20:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:border-cyan-400\/30:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:border-cyan-400\/30:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:border-cyan-400\/30:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:border-cyan-400\/40:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:border-cyan-400\/40:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:border-cyan-400\/40:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:border-cyan-400\/50:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:border-cyan-400\/50:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:border-cyan-400\/50:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:border-cyan-400\/60:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:border-cyan-400\/60:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:border-cyan-400\/60:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:border-cyan-400\/70:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:border-cyan-400\/70:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:border-cyan-400\/70:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:border-cyan-400\/80:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:border-cyan-400\/80:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:border-cyan-400\/80:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:border-cyan-400\/90:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:border-cyan-400\/90:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:border-cyan-400\/90:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:border-cyan-500:focus { + border-color: var(--cyan-500) +} +.hover\:border-cyan-500:hover { + border-color: var(--cyan-500) +} +.active\:border-cyan-500:active { + border-color: var(--cyan-500) +} +.focus\:border-cyan-500\/10:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:border-cyan-500\/10:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:border-cyan-500\/10:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:border-cyan-500\/20:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:border-cyan-500\/20:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:border-cyan-500\/20:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:border-cyan-500\/30:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:border-cyan-500\/30:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:border-cyan-500\/30:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:border-cyan-500\/40:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:border-cyan-500\/40:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:border-cyan-500\/40:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:border-cyan-500\/50:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:border-cyan-500\/50:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:border-cyan-500\/50:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:border-cyan-500\/60:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:border-cyan-500\/60:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:border-cyan-500\/60:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:border-cyan-500\/70:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:border-cyan-500\/70:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:border-cyan-500\/70:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:border-cyan-500\/80:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:border-cyan-500\/80:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:border-cyan-500\/80:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:border-cyan-500\/90:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:border-cyan-500\/90:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:border-cyan-500\/90:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:border-cyan-600:focus { + border-color: var(--cyan-600) +} +.hover\:border-cyan-600:hover { + border-color: var(--cyan-600) +} +.active\:border-cyan-600:active { + border-color: var(--cyan-600) +} +.focus\:border-cyan-600\/10:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:border-cyan-600\/10:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:border-cyan-600\/10:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:border-cyan-600\/20:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:border-cyan-600\/20:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:border-cyan-600\/20:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:border-cyan-600\/30:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:border-cyan-600\/30:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:border-cyan-600\/30:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:border-cyan-600\/40:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:border-cyan-600\/40:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:border-cyan-600\/40:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:border-cyan-600\/50:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:border-cyan-600\/50:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:border-cyan-600\/50:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:border-cyan-600\/60:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:border-cyan-600\/60:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:border-cyan-600\/60:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:border-cyan-600\/70:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:border-cyan-600\/70:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:border-cyan-600\/70:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:border-cyan-600\/80:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:border-cyan-600\/80:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:border-cyan-600\/80:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:border-cyan-600\/90:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:border-cyan-600\/90:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:border-cyan-600\/90:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:border-cyan-700:focus { + border-color: var(--cyan-700) +} +.hover\:border-cyan-700:hover { + border-color: var(--cyan-700) +} +.active\:border-cyan-700:active { + border-color: var(--cyan-700) +} +.focus\:border-cyan-700\/10:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:border-cyan-700\/10:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:border-cyan-700\/10:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:border-cyan-700\/20:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:border-cyan-700\/20:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:border-cyan-700\/20:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:border-cyan-700\/30:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:border-cyan-700\/30:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:border-cyan-700\/30:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:border-cyan-700\/40:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:border-cyan-700\/40:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:border-cyan-700\/40:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:border-cyan-700\/50:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:border-cyan-700\/50:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:border-cyan-700\/50:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:border-cyan-700\/60:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:border-cyan-700\/60:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:border-cyan-700\/60:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:border-cyan-700\/70:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:border-cyan-700\/70:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:border-cyan-700\/70:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:border-cyan-700\/80:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:border-cyan-700\/80:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:border-cyan-700\/80:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:border-cyan-700\/90:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:border-cyan-700\/90:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:border-cyan-700\/90:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:border-cyan-800:focus { + border-color: var(--cyan-800) +} +.hover\:border-cyan-800:hover { + border-color: var(--cyan-800) +} +.active\:border-cyan-800:active { + border-color: var(--cyan-800) +} +.focus\:border-cyan-800\/10:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:border-cyan-800\/10:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:border-cyan-800\/10:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:border-cyan-800\/20:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:border-cyan-800\/20:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:border-cyan-800\/20:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:border-cyan-800\/30:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:border-cyan-800\/30:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:border-cyan-800\/30:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:border-cyan-800\/40:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:border-cyan-800\/40:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:border-cyan-800\/40:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:border-cyan-800\/50:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:border-cyan-800\/50:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:border-cyan-800\/50:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:border-cyan-800\/60:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:border-cyan-800\/60:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:border-cyan-800\/60:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:border-cyan-800\/70:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:border-cyan-800\/70:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:border-cyan-800\/70:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:border-cyan-800\/80:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:border-cyan-800\/80:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:border-cyan-800\/80:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:border-cyan-800\/90:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:border-cyan-800\/90:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:border-cyan-800\/90:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:border-cyan-900:focus { + border-color: var(--cyan-900) +} +.hover\:border-cyan-900:hover { + border-color: var(--cyan-900) +} +.active\:border-cyan-900:active { + border-color: var(--cyan-900) +} +.focus\:border-cyan-900\/10:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:border-cyan-900\/10:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:border-cyan-900\/10:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:border-cyan-900\/20:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:border-cyan-900\/20:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:border-cyan-900\/20:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:border-cyan-900\/30:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:border-cyan-900\/30:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:border-cyan-900\/30:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:border-cyan-900\/40:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:border-cyan-900\/40:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:border-cyan-900\/40:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:border-cyan-900\/50:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:border-cyan-900\/50:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:border-cyan-900\/50:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:border-cyan-900\/60:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:border-cyan-900\/60:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:border-cyan-900\/60:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:border-cyan-900\/70:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:border-cyan-900\/70:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:border-cyan-900\/70:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:border-cyan-900\/80:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:border-cyan-900\/80:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:border-cyan-900\/80:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:border-cyan-900\/90:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:border-cyan-900\/90:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:border-cyan-900\/90:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:border-pink-50:focus { + border-color: var(--pink-50) +} +.hover\:border-pink-50:hover { + border-color: var(--pink-50) +} +.active\:border-pink-50:active { + border-color: var(--pink-50) +} +.focus\:border-pink-50\/10:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:border-pink-50\/10:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:border-pink-50\/10:active { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:border-pink-50\/20:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:border-pink-50\/20:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:border-pink-50\/20:active { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:border-pink-50\/30:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:border-pink-50\/30:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:border-pink-50\/30:active { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:border-pink-50\/40:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:border-pink-50\/40:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:border-pink-50\/40:active { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:border-pink-50\/50:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:border-pink-50\/50:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:border-pink-50\/50:active { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:border-pink-50\/60:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:border-pink-50\/60:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:border-pink-50\/60:active { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:border-pink-50\/70:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:border-pink-50\/70:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:border-pink-50\/70:active { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:border-pink-50\/80:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:border-pink-50\/80:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:border-pink-50\/80:active { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:border-pink-50\/90:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:border-pink-50\/90:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:border-pink-50\/90:active { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:border-pink-100:focus { + border-color: var(--pink-100) +} +.hover\:border-pink-100:hover { + border-color: var(--pink-100) +} +.active\:border-pink-100:active { + border-color: var(--pink-100) +} +.focus\:border-pink-100\/10:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:border-pink-100\/10:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:border-pink-100\/10:active { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:border-pink-100\/20:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:border-pink-100\/20:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:border-pink-100\/20:active { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:border-pink-100\/30:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:border-pink-100\/30:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:border-pink-100\/30:active { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:border-pink-100\/40:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:border-pink-100\/40:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:border-pink-100\/40:active { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:border-pink-100\/50:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:border-pink-100\/50:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:border-pink-100\/50:active { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:border-pink-100\/60:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:border-pink-100\/60:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:border-pink-100\/60:active { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:border-pink-100\/70:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:border-pink-100\/70:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:border-pink-100\/70:active { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:border-pink-100\/80:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:border-pink-100\/80:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:border-pink-100\/80:active { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:border-pink-100\/90:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:border-pink-100\/90:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:border-pink-100\/90:active { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:border-pink-200:focus { + border-color: var(--pink-200) +} +.hover\:border-pink-200:hover { + border-color: var(--pink-200) +} +.active\:border-pink-200:active { + border-color: var(--pink-200) +} +.focus\:border-pink-200\/10:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:border-pink-200\/10:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:border-pink-200\/10:active { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:border-pink-200\/20:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:border-pink-200\/20:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:border-pink-200\/20:active { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:border-pink-200\/30:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:border-pink-200\/30:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:border-pink-200\/30:active { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:border-pink-200\/40:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:border-pink-200\/40:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:border-pink-200\/40:active { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:border-pink-200\/50:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:border-pink-200\/50:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:border-pink-200\/50:active { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:border-pink-200\/60:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:border-pink-200\/60:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:border-pink-200\/60:active { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:border-pink-200\/70:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:border-pink-200\/70:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:border-pink-200\/70:active { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:border-pink-200\/80:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:border-pink-200\/80:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:border-pink-200\/80:active { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:border-pink-200\/90:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:border-pink-200\/90:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:border-pink-200\/90:active { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:border-pink-300:focus { + border-color: var(--pink-300) +} +.hover\:border-pink-300:hover { + border-color: var(--pink-300) +} +.active\:border-pink-300:active { + border-color: var(--pink-300) +} +.focus\:border-pink-300\/10:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:border-pink-300\/10:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:border-pink-300\/10:active { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:border-pink-300\/20:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:border-pink-300\/20:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:border-pink-300\/20:active { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:border-pink-300\/30:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:border-pink-300\/30:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:border-pink-300\/30:active { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:border-pink-300\/40:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:border-pink-300\/40:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:border-pink-300\/40:active { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:border-pink-300\/50:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:border-pink-300\/50:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:border-pink-300\/50:active { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:border-pink-300\/60:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:border-pink-300\/60:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:border-pink-300\/60:active { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:border-pink-300\/70:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:border-pink-300\/70:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:border-pink-300\/70:active { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:border-pink-300\/80:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:border-pink-300\/80:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:border-pink-300\/80:active { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:border-pink-300\/90:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:border-pink-300\/90:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:border-pink-300\/90:active { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:border-pink-400:focus { + border-color: var(--pink-400) +} +.hover\:border-pink-400:hover { + border-color: var(--pink-400) +} +.active\:border-pink-400:active { + border-color: var(--pink-400) +} +.focus\:border-pink-400\/10:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:border-pink-400\/10:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:border-pink-400\/10:active { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:border-pink-400\/20:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:border-pink-400\/20:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:border-pink-400\/20:active { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:border-pink-400\/30:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:border-pink-400\/30:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:border-pink-400\/30:active { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:border-pink-400\/40:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:border-pink-400\/40:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:border-pink-400\/40:active { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:border-pink-400\/50:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:border-pink-400\/50:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:border-pink-400\/50:active { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:border-pink-400\/60:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:border-pink-400\/60:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:border-pink-400\/60:active { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:border-pink-400\/70:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:border-pink-400\/70:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:border-pink-400\/70:active { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:border-pink-400\/80:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:border-pink-400\/80:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:border-pink-400\/80:active { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:border-pink-400\/90:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:border-pink-400\/90:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:border-pink-400\/90:active { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:border-pink-500:focus { + border-color: var(--pink-500) +} +.hover\:border-pink-500:hover { + border-color: var(--pink-500) +} +.active\:border-pink-500:active { + border-color: var(--pink-500) +} +.focus\:border-pink-500\/10:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:border-pink-500\/10:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:border-pink-500\/10:active { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:border-pink-500\/20:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:border-pink-500\/20:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:border-pink-500\/20:active { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:border-pink-500\/30:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:border-pink-500\/30:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:border-pink-500\/30:active { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:border-pink-500\/40:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:border-pink-500\/40:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:border-pink-500\/40:active { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:border-pink-500\/50:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:border-pink-500\/50:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:border-pink-500\/50:active { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:border-pink-500\/60:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:border-pink-500\/60:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:border-pink-500\/60:active { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:border-pink-500\/70:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:border-pink-500\/70:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:border-pink-500\/70:active { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:border-pink-500\/80:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:border-pink-500\/80:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:border-pink-500\/80:active { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:border-pink-500\/90:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:border-pink-500\/90:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:border-pink-500\/90:active { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:border-pink-600:focus { + border-color: var(--pink-600) +} +.hover\:border-pink-600:hover { + border-color: var(--pink-600) +} +.active\:border-pink-600:active { + border-color: var(--pink-600) +} +.focus\:border-pink-600\/10:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:border-pink-600\/10:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:border-pink-600\/10:active { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:border-pink-600\/20:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:border-pink-600\/20:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:border-pink-600\/20:active { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:border-pink-600\/30:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:border-pink-600\/30:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:border-pink-600\/30:active { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:border-pink-600\/40:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:border-pink-600\/40:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:border-pink-600\/40:active { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:border-pink-600\/50:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:border-pink-600\/50:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:border-pink-600\/50:active { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:border-pink-600\/60:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:border-pink-600\/60:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:border-pink-600\/60:active { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:border-pink-600\/70:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:border-pink-600\/70:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:border-pink-600\/70:active { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:border-pink-600\/80:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:border-pink-600\/80:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:border-pink-600\/80:active { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:border-pink-600\/90:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:border-pink-600\/90:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:border-pink-600\/90:active { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:border-pink-700:focus { + border-color: var(--pink-700) +} +.hover\:border-pink-700:hover { + border-color: var(--pink-700) +} +.active\:border-pink-700:active { + border-color: var(--pink-700) +} +.focus\:border-pink-700\/10:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:border-pink-700\/10:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:border-pink-700\/10:active { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:border-pink-700\/20:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:border-pink-700\/20:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:border-pink-700\/20:active { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:border-pink-700\/30:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:border-pink-700\/30:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:border-pink-700\/30:active { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:border-pink-700\/40:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:border-pink-700\/40:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:border-pink-700\/40:active { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:border-pink-700\/50:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:border-pink-700\/50:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:border-pink-700\/50:active { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:border-pink-700\/60:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:border-pink-700\/60:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:border-pink-700\/60:active { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:border-pink-700\/70:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:border-pink-700\/70:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:border-pink-700\/70:active { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:border-pink-700\/80:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:border-pink-700\/80:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:border-pink-700\/80:active { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:border-pink-700\/90:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:border-pink-700\/90:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:border-pink-700\/90:active { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:border-pink-800:focus { + border-color: var(--pink-800) +} +.hover\:border-pink-800:hover { + border-color: var(--pink-800) +} +.active\:border-pink-800:active { + border-color: var(--pink-800) +} +.focus\:border-pink-800\/10:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:border-pink-800\/10:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:border-pink-800\/10:active { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:border-pink-800\/20:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:border-pink-800\/20:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:border-pink-800\/20:active { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:border-pink-800\/30:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:border-pink-800\/30:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:border-pink-800\/30:active { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:border-pink-800\/40:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:border-pink-800\/40:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:border-pink-800\/40:active { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:border-pink-800\/50:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:border-pink-800\/50:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:border-pink-800\/50:active { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:border-pink-800\/60:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:border-pink-800\/60:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:border-pink-800\/60:active { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:border-pink-800\/70:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:border-pink-800\/70:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:border-pink-800\/70:active { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:border-pink-800\/80:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:border-pink-800\/80:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:border-pink-800\/80:active { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:border-pink-800\/90:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:border-pink-800\/90:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:border-pink-800\/90:active { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:border-pink-900:focus { + border-color: var(--pink-900) +} +.hover\:border-pink-900:hover { + border-color: var(--pink-900) +} +.active\:border-pink-900:active { + border-color: var(--pink-900) +} +.focus\:border-pink-900\/10:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:border-pink-900\/10:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:border-pink-900\/10:active { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:border-pink-900\/20:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:border-pink-900\/20:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:border-pink-900\/20:active { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:border-pink-900\/30:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:border-pink-900\/30:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:border-pink-900\/30:active { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:border-pink-900\/40:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:border-pink-900\/40:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:border-pink-900\/40:active { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:border-pink-900\/50:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:border-pink-900\/50:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:border-pink-900\/50:active { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:border-pink-900\/60:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:border-pink-900\/60:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:border-pink-900\/60:active { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:border-pink-900\/70:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:border-pink-900\/70:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:border-pink-900\/70:active { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:border-pink-900\/80:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:border-pink-900\/80:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:border-pink-900\/80:active { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:border-pink-900\/90:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:border-pink-900\/90:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:border-pink-900\/90:active { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:border-indigo-50:focus { + border-color: var(--indigo-50) +} +.hover\:border-indigo-50:hover { + border-color: var(--indigo-50) +} +.active\:border-indigo-50:active { + border-color: var(--indigo-50) +} +.focus\:border-indigo-50\/10:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:border-indigo-50\/10:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:border-indigo-50\/10:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:border-indigo-50\/20:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:border-indigo-50\/20:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:border-indigo-50\/20:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:border-indigo-50\/30:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:border-indigo-50\/30:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:border-indigo-50\/30:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:border-indigo-50\/40:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:border-indigo-50\/40:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:border-indigo-50\/40:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:border-indigo-50\/50:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:border-indigo-50\/50:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:border-indigo-50\/50:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:border-indigo-50\/60:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:border-indigo-50\/60:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:border-indigo-50\/60:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:border-indigo-50\/70:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:border-indigo-50\/70:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:border-indigo-50\/70:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:border-indigo-50\/80:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:border-indigo-50\/80:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:border-indigo-50\/80:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:border-indigo-50\/90:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:border-indigo-50\/90:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:border-indigo-50\/90:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:border-indigo-100:focus { + border-color: var(--indigo-100) +} +.hover\:border-indigo-100:hover { + border-color: var(--indigo-100) +} +.active\:border-indigo-100:active { + border-color: var(--indigo-100) +} +.focus\:border-indigo-100\/10:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:border-indigo-100\/10:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:border-indigo-100\/10:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:border-indigo-100\/20:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:border-indigo-100\/20:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:border-indigo-100\/20:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:border-indigo-100\/30:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:border-indigo-100\/30:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:border-indigo-100\/30:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:border-indigo-100\/40:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:border-indigo-100\/40:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:border-indigo-100\/40:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:border-indigo-100\/50:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:border-indigo-100\/50:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:border-indigo-100\/50:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:border-indigo-100\/60:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:border-indigo-100\/60:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:border-indigo-100\/60:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:border-indigo-100\/70:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:border-indigo-100\/70:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:border-indigo-100\/70:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:border-indigo-100\/80:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:border-indigo-100\/80:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:border-indigo-100\/80:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:border-indigo-100\/90:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:border-indigo-100\/90:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:border-indigo-100\/90:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:border-indigo-200:focus { + border-color: var(--indigo-200) +} +.hover\:border-indigo-200:hover { + border-color: var(--indigo-200) +} +.active\:border-indigo-200:active { + border-color: var(--indigo-200) +} +.focus\:border-indigo-200\/10:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:border-indigo-200\/10:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:border-indigo-200\/10:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:border-indigo-200\/20:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:border-indigo-200\/20:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:border-indigo-200\/20:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:border-indigo-200\/30:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:border-indigo-200\/30:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:border-indigo-200\/30:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:border-indigo-200\/40:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:border-indigo-200\/40:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:border-indigo-200\/40:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:border-indigo-200\/50:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:border-indigo-200\/50:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:border-indigo-200\/50:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:border-indigo-200\/60:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:border-indigo-200\/60:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:border-indigo-200\/60:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:border-indigo-200\/70:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:border-indigo-200\/70:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:border-indigo-200\/70:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:border-indigo-200\/80:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:border-indigo-200\/80:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:border-indigo-200\/80:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:border-indigo-200\/90:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:border-indigo-200\/90:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:border-indigo-200\/90:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:border-indigo-300:focus { + border-color: var(--indigo-300) +} +.hover\:border-indigo-300:hover { + border-color: var(--indigo-300) +} +.active\:border-indigo-300:active { + border-color: var(--indigo-300) +} +.focus\:border-indigo-300\/10:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:border-indigo-300\/10:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:border-indigo-300\/10:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:border-indigo-300\/20:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:border-indigo-300\/20:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:border-indigo-300\/20:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:border-indigo-300\/30:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:border-indigo-300\/30:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:border-indigo-300\/30:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:border-indigo-300\/40:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:border-indigo-300\/40:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:border-indigo-300\/40:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:border-indigo-300\/50:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:border-indigo-300\/50:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:border-indigo-300\/50:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:border-indigo-300\/60:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:border-indigo-300\/60:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:border-indigo-300\/60:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:border-indigo-300\/70:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:border-indigo-300\/70:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:border-indigo-300\/70:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:border-indigo-300\/80:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:border-indigo-300\/80:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:border-indigo-300\/80:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:border-indigo-300\/90:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:border-indigo-300\/90:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:border-indigo-300\/90:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:border-indigo-400:focus { + border-color: var(--indigo-400) +} +.hover\:border-indigo-400:hover { + border-color: var(--indigo-400) +} +.active\:border-indigo-400:active { + border-color: var(--indigo-400) +} +.focus\:border-indigo-400\/10:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:border-indigo-400\/10:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:border-indigo-400\/10:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:border-indigo-400\/20:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:border-indigo-400\/20:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:border-indigo-400\/20:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:border-indigo-400\/30:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:border-indigo-400\/30:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:border-indigo-400\/30:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:border-indigo-400\/40:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:border-indigo-400\/40:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:border-indigo-400\/40:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:border-indigo-400\/50:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:border-indigo-400\/50:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:border-indigo-400\/50:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:border-indigo-400\/60:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:border-indigo-400\/60:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:border-indigo-400\/60:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:border-indigo-400\/70:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:border-indigo-400\/70:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:border-indigo-400\/70:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:border-indigo-400\/80:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:border-indigo-400\/80:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:border-indigo-400\/80:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:border-indigo-400\/90:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:border-indigo-400\/90:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:border-indigo-400\/90:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:border-indigo-500:focus { + border-color: var(--indigo-500) +} +.hover\:border-indigo-500:hover { + border-color: var(--indigo-500) +} +.active\:border-indigo-500:active { + border-color: var(--indigo-500) +} +.focus\:border-indigo-500\/10:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:border-indigo-500\/10:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:border-indigo-500\/10:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:border-indigo-500\/20:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:border-indigo-500\/20:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:border-indigo-500\/20:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:border-indigo-500\/30:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:border-indigo-500\/30:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:border-indigo-500\/30:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:border-indigo-500\/40:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:border-indigo-500\/40:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:border-indigo-500\/40:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:border-indigo-500\/50:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:border-indigo-500\/50:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:border-indigo-500\/50:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:border-indigo-500\/60:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:border-indigo-500\/60:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:border-indigo-500\/60:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:border-indigo-500\/70:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:border-indigo-500\/70:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:border-indigo-500\/70:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:border-indigo-500\/80:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:border-indigo-500\/80:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:border-indigo-500\/80:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:border-indigo-500\/90:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:border-indigo-500\/90:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:border-indigo-500\/90:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:border-indigo-600:focus { + border-color: var(--indigo-600) +} +.hover\:border-indigo-600:hover { + border-color: var(--indigo-600) +} +.active\:border-indigo-600:active { + border-color: var(--indigo-600) +} +.focus\:border-indigo-600\/10:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:border-indigo-600\/10:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:border-indigo-600\/10:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:border-indigo-600\/20:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:border-indigo-600\/20:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:border-indigo-600\/20:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:border-indigo-600\/30:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:border-indigo-600\/30:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:border-indigo-600\/30:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:border-indigo-600\/40:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:border-indigo-600\/40:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:border-indigo-600\/40:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:border-indigo-600\/50:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:border-indigo-600\/50:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:border-indigo-600\/50:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:border-indigo-600\/60:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:border-indigo-600\/60:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:border-indigo-600\/60:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:border-indigo-600\/70:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:border-indigo-600\/70:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:border-indigo-600\/70:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:border-indigo-600\/80:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:border-indigo-600\/80:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:border-indigo-600\/80:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:border-indigo-600\/90:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:border-indigo-600\/90:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:border-indigo-600\/90:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:border-indigo-700:focus { + border-color: var(--indigo-700) +} +.hover\:border-indigo-700:hover { + border-color: var(--indigo-700) +} +.active\:border-indigo-700:active { + border-color: var(--indigo-700) +} +.focus\:border-indigo-700\/10:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:border-indigo-700\/10:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:border-indigo-700\/10:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:border-indigo-700\/20:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:border-indigo-700\/20:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:border-indigo-700\/20:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:border-indigo-700\/30:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:border-indigo-700\/30:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:border-indigo-700\/30:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:border-indigo-700\/40:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:border-indigo-700\/40:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:border-indigo-700\/40:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:border-indigo-700\/50:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:border-indigo-700\/50:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:border-indigo-700\/50:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:border-indigo-700\/60:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:border-indigo-700\/60:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:border-indigo-700\/60:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:border-indigo-700\/70:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:border-indigo-700\/70:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:border-indigo-700\/70:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:border-indigo-700\/80:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:border-indigo-700\/80:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:border-indigo-700\/80:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:border-indigo-700\/90:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:border-indigo-700\/90:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:border-indigo-700\/90:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:border-indigo-800:focus { + border-color: var(--indigo-800) +} +.hover\:border-indigo-800:hover { + border-color: var(--indigo-800) +} +.active\:border-indigo-800:active { + border-color: var(--indigo-800) +} +.focus\:border-indigo-800\/10:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:border-indigo-800\/10:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:border-indigo-800\/10:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:border-indigo-800\/20:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:border-indigo-800\/20:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:border-indigo-800\/20:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:border-indigo-800\/30:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:border-indigo-800\/30:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:border-indigo-800\/30:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:border-indigo-800\/40:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:border-indigo-800\/40:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:border-indigo-800\/40:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:border-indigo-800\/50:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:border-indigo-800\/50:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:border-indigo-800\/50:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:border-indigo-800\/60:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:border-indigo-800\/60:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:border-indigo-800\/60:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:border-indigo-800\/70:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:border-indigo-800\/70:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:border-indigo-800\/70:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:border-indigo-800\/80:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:border-indigo-800\/80:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:border-indigo-800\/80:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:border-indigo-800\/90:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:border-indigo-800\/90:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:border-indigo-800\/90:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:border-indigo-900:focus { + border-color: var(--indigo-900) +} +.hover\:border-indigo-900:hover { + border-color: var(--indigo-900) +} +.active\:border-indigo-900:active { + border-color: var(--indigo-900) +} +.focus\:border-indigo-900\/10:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:border-indigo-900\/10:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:border-indigo-900\/10:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:border-indigo-900\/20:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:border-indigo-900\/20:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:border-indigo-900\/20:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:border-indigo-900\/30:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:border-indigo-900\/30:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:border-indigo-900\/30:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:border-indigo-900\/40:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:border-indigo-900\/40:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:border-indigo-900\/40:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:border-indigo-900\/50:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:border-indigo-900\/50:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:border-indigo-900\/50:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:border-indigo-900\/60:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:border-indigo-900\/60:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:border-indigo-900\/60:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:border-indigo-900\/70:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:border-indigo-900\/70:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:border-indigo-900\/70:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:border-indigo-900\/80:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:border-indigo-900\/80:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:border-indigo-900\/80:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:border-indigo-900\/90:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:border-indigo-900\/90:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:border-indigo-900\/90:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:border-teal-50:focus { + border-color: var(--teal-50) +} +.hover\:border-teal-50:hover { + border-color: var(--teal-50) +} +.active\:border-teal-50:active { + border-color: var(--teal-50) +} +.focus\:border-teal-50\/10:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:border-teal-50\/10:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:border-teal-50\/10:active { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:border-teal-50\/20:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:border-teal-50\/20:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:border-teal-50\/20:active { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:border-teal-50\/30:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:border-teal-50\/30:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:border-teal-50\/30:active { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:border-teal-50\/40:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:border-teal-50\/40:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:border-teal-50\/40:active { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:border-teal-50\/50:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:border-teal-50\/50:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:border-teal-50\/50:active { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:border-teal-50\/60:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:border-teal-50\/60:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:border-teal-50\/60:active { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:border-teal-50\/70:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:border-teal-50\/70:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:border-teal-50\/70:active { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:border-teal-50\/80:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:border-teal-50\/80:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:border-teal-50\/80:active { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:border-teal-50\/90:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:border-teal-50\/90:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:border-teal-50\/90:active { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:border-teal-100:focus { + border-color: var(--teal-100) +} +.hover\:border-teal-100:hover { + border-color: var(--teal-100) +} +.active\:border-teal-100:active { + border-color: var(--teal-100) +} +.focus\:border-teal-100\/10:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:border-teal-100\/10:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:border-teal-100\/10:active { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:border-teal-100\/20:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:border-teal-100\/20:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:border-teal-100\/20:active { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:border-teal-100\/30:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:border-teal-100\/30:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:border-teal-100\/30:active { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:border-teal-100\/40:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:border-teal-100\/40:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:border-teal-100\/40:active { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:border-teal-100\/50:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:border-teal-100\/50:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:border-teal-100\/50:active { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:border-teal-100\/60:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:border-teal-100\/60:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:border-teal-100\/60:active { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:border-teal-100\/70:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:border-teal-100\/70:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:border-teal-100\/70:active { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:border-teal-100\/80:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:border-teal-100\/80:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:border-teal-100\/80:active { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:border-teal-100\/90:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:border-teal-100\/90:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:border-teal-100\/90:active { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:border-teal-200:focus { + border-color: var(--teal-200) +} +.hover\:border-teal-200:hover { + border-color: var(--teal-200) +} +.active\:border-teal-200:active { + border-color: var(--teal-200) +} +.focus\:border-teal-200\/10:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:border-teal-200\/10:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:border-teal-200\/10:active { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:border-teal-200\/20:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:border-teal-200\/20:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:border-teal-200\/20:active { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:border-teal-200\/30:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:border-teal-200\/30:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:border-teal-200\/30:active { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:border-teal-200\/40:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:border-teal-200\/40:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:border-teal-200\/40:active { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:border-teal-200\/50:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:border-teal-200\/50:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:border-teal-200\/50:active { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:border-teal-200\/60:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:border-teal-200\/60:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:border-teal-200\/60:active { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:border-teal-200\/70:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:border-teal-200\/70:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:border-teal-200\/70:active { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:border-teal-200\/80:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:border-teal-200\/80:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:border-teal-200\/80:active { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:border-teal-200\/90:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:border-teal-200\/90:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:border-teal-200\/90:active { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:border-teal-300:focus { + border-color: var(--teal-300) +} +.hover\:border-teal-300:hover { + border-color: var(--teal-300) +} +.active\:border-teal-300:active { + border-color: var(--teal-300) +} +.focus\:border-teal-300\/10:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:border-teal-300\/10:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:border-teal-300\/10:active { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:border-teal-300\/20:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:border-teal-300\/20:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:border-teal-300\/20:active { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:border-teal-300\/30:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:border-teal-300\/30:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:border-teal-300\/30:active { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:border-teal-300\/40:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:border-teal-300\/40:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:border-teal-300\/40:active { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:border-teal-300\/50:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:border-teal-300\/50:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:border-teal-300\/50:active { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:border-teal-300\/60:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:border-teal-300\/60:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:border-teal-300\/60:active { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:border-teal-300\/70:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:border-teal-300\/70:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:border-teal-300\/70:active { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:border-teal-300\/80:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:border-teal-300\/80:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:border-teal-300\/80:active { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:border-teal-300\/90:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:border-teal-300\/90:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:border-teal-300\/90:active { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:border-teal-400:focus { + border-color: var(--teal-400) +} +.hover\:border-teal-400:hover { + border-color: var(--teal-400) +} +.active\:border-teal-400:active { + border-color: var(--teal-400) +} +.focus\:border-teal-400\/10:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:border-teal-400\/10:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:border-teal-400\/10:active { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:border-teal-400\/20:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:border-teal-400\/20:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:border-teal-400\/20:active { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:border-teal-400\/30:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:border-teal-400\/30:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:border-teal-400\/30:active { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:border-teal-400\/40:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:border-teal-400\/40:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:border-teal-400\/40:active { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:border-teal-400\/50:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:border-teal-400\/50:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:border-teal-400\/50:active { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:border-teal-400\/60:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:border-teal-400\/60:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:border-teal-400\/60:active { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:border-teal-400\/70:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:border-teal-400\/70:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:border-teal-400\/70:active { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:border-teal-400\/80:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:border-teal-400\/80:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:border-teal-400\/80:active { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:border-teal-400\/90:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:border-teal-400\/90:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:border-teal-400\/90:active { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:border-teal-500:focus { + border-color: var(--teal-500) +} +.hover\:border-teal-500:hover { + border-color: var(--teal-500) +} +.active\:border-teal-500:active { + border-color: var(--teal-500) +} +.focus\:border-teal-500\/10:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:border-teal-500\/10:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:border-teal-500\/10:active { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:border-teal-500\/20:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:border-teal-500\/20:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:border-teal-500\/20:active { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:border-teal-500\/30:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:border-teal-500\/30:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:border-teal-500\/30:active { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:border-teal-500\/40:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:border-teal-500\/40:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:border-teal-500\/40:active { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:border-teal-500\/50:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:border-teal-500\/50:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:border-teal-500\/50:active { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:border-teal-500\/60:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:border-teal-500\/60:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:border-teal-500\/60:active { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:border-teal-500\/70:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:border-teal-500\/70:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:border-teal-500\/70:active { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:border-teal-500\/80:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:border-teal-500\/80:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:border-teal-500\/80:active { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:border-teal-500\/90:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:border-teal-500\/90:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:border-teal-500\/90:active { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:border-teal-600:focus { + border-color: var(--teal-600) +} +.hover\:border-teal-600:hover { + border-color: var(--teal-600) +} +.active\:border-teal-600:active { + border-color: var(--teal-600) +} +.focus\:border-teal-600\/10:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:border-teal-600\/10:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:border-teal-600\/10:active { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:border-teal-600\/20:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:border-teal-600\/20:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:border-teal-600\/20:active { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:border-teal-600\/30:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:border-teal-600\/30:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:border-teal-600\/30:active { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:border-teal-600\/40:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:border-teal-600\/40:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:border-teal-600\/40:active { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:border-teal-600\/50:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:border-teal-600\/50:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:border-teal-600\/50:active { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:border-teal-600\/60:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:border-teal-600\/60:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:border-teal-600\/60:active { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:border-teal-600\/70:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:border-teal-600\/70:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:border-teal-600\/70:active { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:border-teal-600\/80:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:border-teal-600\/80:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:border-teal-600\/80:active { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:border-teal-600\/90:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:border-teal-600\/90:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:border-teal-600\/90:active { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:border-teal-700:focus { + border-color: var(--teal-700) +} +.hover\:border-teal-700:hover { + border-color: var(--teal-700) +} +.active\:border-teal-700:active { + border-color: var(--teal-700) +} +.focus\:border-teal-700\/10:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:border-teal-700\/10:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:border-teal-700\/10:active { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:border-teal-700\/20:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:border-teal-700\/20:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:border-teal-700\/20:active { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:border-teal-700\/30:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:border-teal-700\/30:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:border-teal-700\/30:active { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:border-teal-700\/40:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:border-teal-700\/40:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:border-teal-700\/40:active { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:border-teal-700\/50:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:border-teal-700\/50:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:border-teal-700\/50:active { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:border-teal-700\/60:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:border-teal-700\/60:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:border-teal-700\/60:active { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:border-teal-700\/70:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:border-teal-700\/70:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:border-teal-700\/70:active { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:border-teal-700\/80:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:border-teal-700\/80:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:border-teal-700\/80:active { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:border-teal-700\/90:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:border-teal-700\/90:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:border-teal-700\/90:active { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:border-teal-800:focus { + border-color: var(--teal-800) +} +.hover\:border-teal-800:hover { + border-color: var(--teal-800) +} +.active\:border-teal-800:active { + border-color: var(--teal-800) +} +.focus\:border-teal-800\/10:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:border-teal-800\/10:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:border-teal-800\/10:active { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:border-teal-800\/20:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:border-teal-800\/20:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:border-teal-800\/20:active { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:border-teal-800\/30:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:border-teal-800\/30:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:border-teal-800\/30:active { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:border-teal-800\/40:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:border-teal-800\/40:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:border-teal-800\/40:active { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:border-teal-800\/50:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:border-teal-800\/50:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:border-teal-800\/50:active { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:border-teal-800\/60:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:border-teal-800\/60:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:border-teal-800\/60:active { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:border-teal-800\/70:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:border-teal-800\/70:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:border-teal-800\/70:active { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:border-teal-800\/80:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:border-teal-800\/80:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:border-teal-800\/80:active { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:border-teal-800\/90:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:border-teal-800\/90:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:border-teal-800\/90:active { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:border-teal-900:focus { + border-color: var(--teal-900) +} +.hover\:border-teal-900:hover { + border-color: var(--teal-900) +} +.active\:border-teal-900:active { + border-color: var(--teal-900) +} +.focus\:border-teal-900\/10:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:border-teal-900\/10:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:border-teal-900\/10:active { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:border-teal-900\/20:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:border-teal-900\/20:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:border-teal-900\/20:active { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:border-teal-900\/30:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:border-teal-900\/30:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:border-teal-900\/30:active { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:border-teal-900\/40:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:border-teal-900\/40:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:border-teal-900\/40:active { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:border-teal-900\/50:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:border-teal-900\/50:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:border-teal-900\/50:active { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:border-teal-900\/60:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:border-teal-900\/60:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:border-teal-900\/60:active { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:border-teal-900\/70:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:border-teal-900\/70:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:border-teal-900\/70:active { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:border-teal-900\/80:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:border-teal-900\/80:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:border-teal-900\/80:active { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:border-teal-900\/90:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:border-teal-900\/90:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:border-teal-900\/90:active { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:border-orange-50:focus { + border-color: var(--orange-50) +} +.hover\:border-orange-50:hover { + border-color: var(--orange-50) +} +.active\:border-orange-50:active { + border-color: var(--orange-50) +} +.focus\:border-orange-50\/10:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:border-orange-50\/10:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:border-orange-50\/10:active { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:border-orange-50\/20:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:border-orange-50\/20:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:border-orange-50\/20:active { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:border-orange-50\/30:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:border-orange-50\/30:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:border-orange-50\/30:active { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:border-orange-50\/40:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:border-orange-50\/40:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:border-orange-50\/40:active { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:border-orange-50\/50:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:border-orange-50\/50:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:border-orange-50\/50:active { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:border-orange-50\/60:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:border-orange-50\/60:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:border-orange-50\/60:active { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:border-orange-50\/70:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:border-orange-50\/70:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:border-orange-50\/70:active { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:border-orange-50\/80:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:border-orange-50\/80:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:border-orange-50\/80:active { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:border-orange-50\/90:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:border-orange-50\/90:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:border-orange-50\/90:active { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:border-orange-100:focus { + border-color: var(--orange-100) +} +.hover\:border-orange-100:hover { + border-color: var(--orange-100) +} +.active\:border-orange-100:active { + border-color: var(--orange-100) +} +.focus\:border-orange-100\/10:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:border-orange-100\/10:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:border-orange-100\/10:active { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:border-orange-100\/20:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:border-orange-100\/20:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:border-orange-100\/20:active { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:border-orange-100\/30:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:border-orange-100\/30:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:border-orange-100\/30:active { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:border-orange-100\/40:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:border-orange-100\/40:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:border-orange-100\/40:active { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:border-orange-100\/50:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:border-orange-100\/50:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:border-orange-100\/50:active { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:border-orange-100\/60:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:border-orange-100\/60:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:border-orange-100\/60:active { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:border-orange-100\/70:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:border-orange-100\/70:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:border-orange-100\/70:active { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:border-orange-100\/80:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:border-orange-100\/80:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:border-orange-100\/80:active { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:border-orange-100\/90:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:border-orange-100\/90:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:border-orange-100\/90:active { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:border-orange-200:focus { + border-color: var(--orange-200) +} +.hover\:border-orange-200:hover { + border-color: var(--orange-200) +} +.active\:border-orange-200:active { + border-color: var(--orange-200) +} +.focus\:border-orange-200\/10:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:border-orange-200\/10:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:border-orange-200\/10:active { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:border-orange-200\/20:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:border-orange-200\/20:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:border-orange-200\/20:active { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:border-orange-200\/30:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:border-orange-200\/30:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:border-orange-200\/30:active { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:border-orange-200\/40:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:border-orange-200\/40:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:border-orange-200\/40:active { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:border-orange-200\/50:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:border-orange-200\/50:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:border-orange-200\/50:active { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:border-orange-200\/60:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:border-orange-200\/60:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:border-orange-200\/60:active { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:border-orange-200\/70:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:border-orange-200\/70:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:border-orange-200\/70:active { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:border-orange-200\/80:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:border-orange-200\/80:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:border-orange-200\/80:active { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:border-orange-200\/90:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:border-orange-200\/90:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:border-orange-200\/90:active { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:border-orange-300:focus { + border-color: var(--orange-300) +} +.hover\:border-orange-300:hover { + border-color: var(--orange-300) +} +.active\:border-orange-300:active { + border-color: var(--orange-300) +} +.focus\:border-orange-300\/10:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:border-orange-300\/10:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:border-orange-300\/10:active { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:border-orange-300\/20:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:border-orange-300\/20:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:border-orange-300\/20:active { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:border-orange-300\/30:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:border-orange-300\/30:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:border-orange-300\/30:active { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:border-orange-300\/40:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:border-orange-300\/40:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:border-orange-300\/40:active { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:border-orange-300\/50:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:border-orange-300\/50:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:border-orange-300\/50:active { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:border-orange-300\/60:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:border-orange-300\/60:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:border-orange-300\/60:active { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:border-orange-300\/70:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:border-orange-300\/70:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:border-orange-300\/70:active { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:border-orange-300\/80:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:border-orange-300\/80:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:border-orange-300\/80:active { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:border-orange-300\/90:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:border-orange-300\/90:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:border-orange-300\/90:active { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:border-orange-400:focus { + border-color: var(--orange-400) +} +.hover\:border-orange-400:hover { + border-color: var(--orange-400) +} +.active\:border-orange-400:active { + border-color: var(--orange-400) +} +.focus\:border-orange-400\/10:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:border-orange-400\/10:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:border-orange-400\/10:active { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:border-orange-400\/20:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:border-orange-400\/20:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:border-orange-400\/20:active { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:border-orange-400\/30:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:border-orange-400\/30:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:border-orange-400\/30:active { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:border-orange-400\/40:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:border-orange-400\/40:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:border-orange-400\/40:active { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:border-orange-400\/50:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:border-orange-400\/50:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:border-orange-400\/50:active { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:border-orange-400\/60:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:border-orange-400\/60:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:border-orange-400\/60:active { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:border-orange-400\/70:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:border-orange-400\/70:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:border-orange-400\/70:active { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:border-orange-400\/80:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:border-orange-400\/80:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:border-orange-400\/80:active { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:border-orange-400\/90:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:border-orange-400\/90:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:border-orange-400\/90:active { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:border-orange-500:focus { + border-color: var(--orange-500) +} +.hover\:border-orange-500:hover { + border-color: var(--orange-500) +} +.active\:border-orange-500:active { + border-color: var(--orange-500) +} +.focus\:border-orange-500\/10:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:border-orange-500\/10:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:border-orange-500\/10:active { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:border-orange-500\/20:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:border-orange-500\/20:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:border-orange-500\/20:active { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:border-orange-500\/30:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:border-orange-500\/30:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:border-orange-500\/30:active { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:border-orange-500\/40:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:border-orange-500\/40:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:border-orange-500\/40:active { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:border-orange-500\/50:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:border-orange-500\/50:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:border-orange-500\/50:active { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:border-orange-500\/60:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:border-orange-500\/60:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:border-orange-500\/60:active { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:border-orange-500\/70:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:border-orange-500\/70:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:border-orange-500\/70:active { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:border-orange-500\/80:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:border-orange-500\/80:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:border-orange-500\/80:active { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:border-orange-500\/90:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:border-orange-500\/90:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:border-orange-500\/90:active { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:border-orange-600:focus { + border-color: var(--orange-600) +} +.hover\:border-orange-600:hover { + border-color: var(--orange-600) +} +.active\:border-orange-600:active { + border-color: var(--orange-600) +} +.focus\:border-orange-600\/10:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:border-orange-600\/10:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:border-orange-600\/10:active { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:border-orange-600\/20:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:border-orange-600\/20:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:border-orange-600\/20:active { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:border-orange-600\/30:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:border-orange-600\/30:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:border-orange-600\/30:active { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:border-orange-600\/40:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:border-orange-600\/40:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:border-orange-600\/40:active { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:border-orange-600\/50:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:border-orange-600\/50:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:border-orange-600\/50:active { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:border-orange-600\/60:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:border-orange-600\/60:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:border-orange-600\/60:active { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:border-orange-600\/70:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:border-orange-600\/70:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:border-orange-600\/70:active { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:border-orange-600\/80:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:border-orange-600\/80:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:border-orange-600\/80:active { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:border-orange-600\/90:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:border-orange-600\/90:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:border-orange-600\/90:active { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:border-orange-700:focus { + border-color: var(--orange-700) +} +.hover\:border-orange-700:hover { + border-color: var(--orange-700) +} +.active\:border-orange-700:active { + border-color: var(--orange-700) +} +.focus\:border-orange-700\/10:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:border-orange-700\/10:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:border-orange-700\/10:active { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:border-orange-700\/20:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:border-orange-700\/20:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:border-orange-700\/20:active { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:border-orange-700\/30:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:border-orange-700\/30:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:border-orange-700\/30:active { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:border-orange-700\/40:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:border-orange-700\/40:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:border-orange-700\/40:active { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:border-orange-700\/50:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:border-orange-700\/50:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:border-orange-700\/50:active { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:border-orange-700\/60:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:border-orange-700\/60:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:border-orange-700\/60:active { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:border-orange-700\/70:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:border-orange-700\/70:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:border-orange-700\/70:active { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:border-orange-700\/80:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:border-orange-700\/80:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:border-orange-700\/80:active { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:border-orange-700\/90:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:border-orange-700\/90:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:border-orange-700\/90:active { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:border-orange-800:focus { + border-color: var(--orange-800) +} +.hover\:border-orange-800:hover { + border-color: var(--orange-800) +} +.active\:border-orange-800:active { + border-color: var(--orange-800) +} +.focus\:border-orange-800\/10:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:border-orange-800\/10:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:border-orange-800\/10:active { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:border-orange-800\/20:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:border-orange-800\/20:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:border-orange-800\/20:active { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:border-orange-800\/30:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:border-orange-800\/30:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:border-orange-800\/30:active { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:border-orange-800\/40:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:border-orange-800\/40:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:border-orange-800\/40:active { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:border-orange-800\/50:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:border-orange-800\/50:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:border-orange-800\/50:active { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:border-orange-800\/60:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:border-orange-800\/60:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:border-orange-800\/60:active { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:border-orange-800\/70:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:border-orange-800\/70:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:border-orange-800\/70:active { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:border-orange-800\/80:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:border-orange-800\/80:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:border-orange-800\/80:active { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:border-orange-800\/90:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:border-orange-800\/90:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:border-orange-800\/90:active { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:border-orange-900:focus { + border-color: var(--orange-900) +} +.hover\:border-orange-900:hover { + border-color: var(--orange-900) +} +.active\:border-orange-900:active { + border-color: var(--orange-900) +} +.focus\:border-orange-900\/10:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:border-orange-900\/10:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:border-orange-900\/10:active { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:border-orange-900\/20:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:border-orange-900\/20:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:border-orange-900\/20:active { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:border-orange-900\/30:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:border-orange-900\/30:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:border-orange-900\/30:active { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:border-orange-900\/40:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:border-orange-900\/40:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:border-orange-900\/40:active { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:border-orange-900\/50:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:border-orange-900\/50:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:border-orange-900\/50:active { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:border-orange-900\/60:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:border-orange-900\/60:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:border-orange-900\/60:active { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:border-orange-900\/70:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:border-orange-900\/70:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:border-orange-900\/70:active { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:border-orange-900\/80:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:border-orange-900\/80:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:border-orange-900\/80:active { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:border-orange-900\/90:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:border-orange-900\/90:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:border-orange-900\/90:active { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:border-bluegray-50:focus { + border-color: var(--bluegray-50) +} +.hover\:border-bluegray-50:hover { + border-color: var(--bluegray-50) +} +.active\:border-bluegray-50:active { + border-color: var(--bluegray-50) +} +.focus\:border-bluegray-50\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:border-bluegray-50\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:border-bluegray-50\/10:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:border-bluegray-50\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:border-bluegray-50\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:border-bluegray-50\/20:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:border-bluegray-50\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:border-bluegray-50\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:border-bluegray-50\/30:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:border-bluegray-50\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:border-bluegray-50\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:border-bluegray-50\/40:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:border-bluegray-50\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:border-bluegray-50\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:border-bluegray-50\/50:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:border-bluegray-50\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:border-bluegray-50\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:border-bluegray-50\/60:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:border-bluegray-50\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:border-bluegray-50\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:border-bluegray-50\/70:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:border-bluegray-50\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:border-bluegray-50\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:border-bluegray-50\/80:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:border-bluegray-50\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:border-bluegray-50\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:border-bluegray-50\/90:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:border-bluegray-100:focus { + border-color: var(--bluegray-100) +} +.hover\:border-bluegray-100:hover { + border-color: var(--bluegray-100) +} +.active\:border-bluegray-100:active { + border-color: var(--bluegray-100) +} +.focus\:border-bluegray-100\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:border-bluegray-100\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:border-bluegray-100\/10:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:border-bluegray-100\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:border-bluegray-100\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:border-bluegray-100\/20:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:border-bluegray-100\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:border-bluegray-100\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:border-bluegray-100\/30:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:border-bluegray-100\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:border-bluegray-100\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:border-bluegray-100\/40:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:border-bluegray-100\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:border-bluegray-100\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:border-bluegray-100\/50:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:border-bluegray-100\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:border-bluegray-100\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:border-bluegray-100\/60:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:border-bluegray-100\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:border-bluegray-100\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:border-bluegray-100\/70:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:border-bluegray-100\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:border-bluegray-100\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:border-bluegray-100\/80:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:border-bluegray-100\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:border-bluegray-100\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:border-bluegray-100\/90:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:border-bluegray-200:focus { + border-color: var(--bluegray-200) +} +.hover\:border-bluegray-200:hover { + border-color: var(--bluegray-200) +} +.active\:border-bluegray-200:active { + border-color: var(--bluegray-200) +} +.focus\:border-bluegray-200\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:border-bluegray-200\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:border-bluegray-200\/10:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:border-bluegray-200\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:border-bluegray-200\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:border-bluegray-200\/20:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:border-bluegray-200\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:border-bluegray-200\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:border-bluegray-200\/30:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:border-bluegray-200\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:border-bluegray-200\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:border-bluegray-200\/40:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:border-bluegray-200\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:border-bluegray-200\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:border-bluegray-200\/50:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:border-bluegray-200\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:border-bluegray-200\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:border-bluegray-200\/60:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:border-bluegray-200\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:border-bluegray-200\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:border-bluegray-200\/70:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:border-bluegray-200\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:border-bluegray-200\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:border-bluegray-200\/80:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:border-bluegray-200\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:border-bluegray-200\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:border-bluegray-200\/90:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:border-bluegray-300:focus { + border-color: var(--bluegray-300) +} +.hover\:border-bluegray-300:hover { + border-color: var(--bluegray-300) +} +.active\:border-bluegray-300:active { + border-color: var(--bluegray-300) +} +.focus\:border-bluegray-300\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:border-bluegray-300\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:border-bluegray-300\/10:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:border-bluegray-300\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:border-bluegray-300\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:border-bluegray-300\/20:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:border-bluegray-300\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:border-bluegray-300\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:border-bluegray-300\/30:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:border-bluegray-300\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:border-bluegray-300\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:border-bluegray-300\/40:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:border-bluegray-300\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:border-bluegray-300\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:border-bluegray-300\/50:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:border-bluegray-300\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:border-bluegray-300\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:border-bluegray-300\/60:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:border-bluegray-300\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:border-bluegray-300\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:border-bluegray-300\/70:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:border-bluegray-300\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:border-bluegray-300\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:border-bluegray-300\/80:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:border-bluegray-300\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:border-bluegray-300\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:border-bluegray-300\/90:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:border-bluegray-400:focus { + border-color: var(--bluegray-400) +} +.hover\:border-bluegray-400:hover { + border-color: var(--bluegray-400) +} +.active\:border-bluegray-400:active { + border-color: var(--bluegray-400) +} +.focus\:border-bluegray-400\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:border-bluegray-400\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:border-bluegray-400\/10:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:border-bluegray-400\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:border-bluegray-400\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:border-bluegray-400\/20:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:border-bluegray-400\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:border-bluegray-400\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:border-bluegray-400\/30:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:border-bluegray-400\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:border-bluegray-400\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:border-bluegray-400\/40:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:border-bluegray-400\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:border-bluegray-400\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:border-bluegray-400\/50:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:border-bluegray-400\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:border-bluegray-400\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:border-bluegray-400\/60:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:border-bluegray-400\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:border-bluegray-400\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:border-bluegray-400\/70:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:border-bluegray-400\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:border-bluegray-400\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:border-bluegray-400\/80:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:border-bluegray-400\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:border-bluegray-400\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:border-bluegray-400\/90:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:border-bluegray-500:focus { + border-color: var(--bluegray-500) +} +.hover\:border-bluegray-500:hover { + border-color: var(--bluegray-500) +} +.active\:border-bluegray-500:active { + border-color: var(--bluegray-500) +} +.focus\:border-bluegray-500\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:border-bluegray-500\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:border-bluegray-500\/10:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:border-bluegray-500\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:border-bluegray-500\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:border-bluegray-500\/20:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:border-bluegray-500\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:border-bluegray-500\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:border-bluegray-500\/30:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:border-bluegray-500\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:border-bluegray-500\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:border-bluegray-500\/40:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:border-bluegray-500\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:border-bluegray-500\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:border-bluegray-500\/50:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:border-bluegray-500\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:border-bluegray-500\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:border-bluegray-500\/60:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:border-bluegray-500\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:border-bluegray-500\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:border-bluegray-500\/70:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:border-bluegray-500\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:border-bluegray-500\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:border-bluegray-500\/80:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:border-bluegray-500\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:border-bluegray-500\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:border-bluegray-500\/90:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:border-bluegray-600:focus { + border-color: var(--bluegray-600) +} +.hover\:border-bluegray-600:hover { + border-color: var(--bluegray-600) +} +.active\:border-bluegray-600:active { + border-color: var(--bluegray-600) +} +.focus\:border-bluegray-600\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:border-bluegray-600\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:border-bluegray-600\/10:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:border-bluegray-600\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:border-bluegray-600\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:border-bluegray-600\/20:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:border-bluegray-600\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:border-bluegray-600\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:border-bluegray-600\/30:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:border-bluegray-600\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:border-bluegray-600\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:border-bluegray-600\/40:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:border-bluegray-600\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:border-bluegray-600\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:border-bluegray-600\/50:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:border-bluegray-600\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:border-bluegray-600\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:border-bluegray-600\/60:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:border-bluegray-600\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:border-bluegray-600\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:border-bluegray-600\/70:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:border-bluegray-600\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:border-bluegray-600\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:border-bluegray-600\/80:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:border-bluegray-600\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:border-bluegray-600\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:border-bluegray-600\/90:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:border-bluegray-700:focus { + border-color: var(--bluegray-700) +} +.hover\:border-bluegray-700:hover { + border-color: var(--bluegray-700) +} +.active\:border-bluegray-700:active { + border-color: var(--bluegray-700) +} +.focus\:border-bluegray-700\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:border-bluegray-700\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:border-bluegray-700\/10:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:border-bluegray-700\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:border-bluegray-700\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:border-bluegray-700\/20:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:border-bluegray-700\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:border-bluegray-700\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:border-bluegray-700\/30:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:border-bluegray-700\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:border-bluegray-700\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:border-bluegray-700\/40:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:border-bluegray-700\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:border-bluegray-700\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:border-bluegray-700\/50:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:border-bluegray-700\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:border-bluegray-700\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:border-bluegray-700\/60:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:border-bluegray-700\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:border-bluegray-700\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:border-bluegray-700\/70:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:border-bluegray-700\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:border-bluegray-700\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:border-bluegray-700\/80:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:border-bluegray-700\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:border-bluegray-700\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:border-bluegray-700\/90:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:border-bluegray-800:focus { + border-color: var(--bluegray-800) +} +.hover\:border-bluegray-800:hover { + border-color: var(--bluegray-800) +} +.active\:border-bluegray-800:active { + border-color: var(--bluegray-800) +} +.focus\:border-bluegray-800\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:border-bluegray-800\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:border-bluegray-800\/10:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:border-bluegray-800\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:border-bluegray-800\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:border-bluegray-800\/20:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:border-bluegray-800\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:border-bluegray-800\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:border-bluegray-800\/30:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:border-bluegray-800\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:border-bluegray-800\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:border-bluegray-800\/40:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:border-bluegray-800\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:border-bluegray-800\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:border-bluegray-800\/50:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:border-bluegray-800\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:border-bluegray-800\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:border-bluegray-800\/60:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:border-bluegray-800\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:border-bluegray-800\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:border-bluegray-800\/70:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:border-bluegray-800\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:border-bluegray-800\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:border-bluegray-800\/80:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:border-bluegray-800\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:border-bluegray-800\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:border-bluegray-800\/90:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:border-bluegray-900:focus { + border-color: var(--bluegray-900) +} +.hover\:border-bluegray-900:hover { + border-color: var(--bluegray-900) +} +.active\:border-bluegray-900:active { + border-color: var(--bluegray-900) +} +.focus\:border-bluegray-900\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:border-bluegray-900\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:border-bluegray-900\/10:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:border-bluegray-900\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:border-bluegray-900\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:border-bluegray-900\/20:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:border-bluegray-900\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:border-bluegray-900\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:border-bluegray-900\/30:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:border-bluegray-900\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:border-bluegray-900\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:border-bluegray-900\/40:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:border-bluegray-900\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:border-bluegray-900\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:border-bluegray-900\/50:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:border-bluegray-900\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:border-bluegray-900\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:border-bluegray-900\/60:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:border-bluegray-900\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:border-bluegray-900\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:border-bluegray-900\/70:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:border-bluegray-900\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:border-bluegray-900\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:border-bluegray-900\/80:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:border-bluegray-900\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:border-bluegray-900\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:border-bluegray-900\/90:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:border-purple-50:focus { + border-color: var(--purple-50) +} +.hover\:border-purple-50:hover { + border-color: var(--purple-50) +} +.active\:border-purple-50:active { + border-color: var(--purple-50) +} +.focus\:border-purple-50\/10:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:border-purple-50\/10:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:border-purple-50\/10:active { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:border-purple-50\/20:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:border-purple-50\/20:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:border-purple-50\/20:active { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:border-purple-50\/30:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:border-purple-50\/30:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:border-purple-50\/30:active { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:border-purple-50\/40:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:border-purple-50\/40:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:border-purple-50\/40:active { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:border-purple-50\/50:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:border-purple-50\/50:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:border-purple-50\/50:active { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:border-purple-50\/60:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:border-purple-50\/60:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:border-purple-50\/60:active { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:border-purple-50\/70:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:border-purple-50\/70:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:border-purple-50\/70:active { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:border-purple-50\/80:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:border-purple-50\/80:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:border-purple-50\/80:active { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:border-purple-50\/90:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:border-purple-50\/90:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:border-purple-50\/90:active { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:border-purple-100:focus { + border-color: var(--purple-100) +} +.hover\:border-purple-100:hover { + border-color: var(--purple-100) +} +.active\:border-purple-100:active { + border-color: var(--purple-100) +} +.focus\:border-purple-100\/10:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:border-purple-100\/10:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:border-purple-100\/10:active { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:border-purple-100\/20:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:border-purple-100\/20:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:border-purple-100\/20:active { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:border-purple-100\/30:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:border-purple-100\/30:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:border-purple-100\/30:active { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:border-purple-100\/40:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:border-purple-100\/40:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:border-purple-100\/40:active { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:border-purple-100\/50:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:border-purple-100\/50:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:border-purple-100\/50:active { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:border-purple-100\/60:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:border-purple-100\/60:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:border-purple-100\/60:active { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:border-purple-100\/70:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:border-purple-100\/70:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:border-purple-100\/70:active { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:border-purple-100\/80:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:border-purple-100\/80:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:border-purple-100\/80:active { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:border-purple-100\/90:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:border-purple-100\/90:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:border-purple-100\/90:active { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:border-purple-200:focus { + border-color: var(--purple-200) +} +.hover\:border-purple-200:hover { + border-color: var(--purple-200) +} +.active\:border-purple-200:active { + border-color: var(--purple-200) +} +.focus\:border-purple-200\/10:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:border-purple-200\/10:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:border-purple-200\/10:active { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:border-purple-200\/20:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:border-purple-200\/20:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:border-purple-200\/20:active { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:border-purple-200\/30:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:border-purple-200\/30:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:border-purple-200\/30:active { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:border-purple-200\/40:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:border-purple-200\/40:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:border-purple-200\/40:active { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:border-purple-200\/50:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:border-purple-200\/50:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:border-purple-200\/50:active { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:border-purple-200\/60:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:border-purple-200\/60:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:border-purple-200\/60:active { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:border-purple-200\/70:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:border-purple-200\/70:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:border-purple-200\/70:active { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:border-purple-200\/80:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:border-purple-200\/80:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:border-purple-200\/80:active { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:border-purple-200\/90:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:border-purple-200\/90:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:border-purple-200\/90:active { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:border-purple-300:focus { + border-color: var(--purple-300) +} +.hover\:border-purple-300:hover { + border-color: var(--purple-300) +} +.active\:border-purple-300:active { + border-color: var(--purple-300) +} +.focus\:border-purple-300\/10:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:border-purple-300\/10:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:border-purple-300\/10:active { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:border-purple-300\/20:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:border-purple-300\/20:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:border-purple-300\/20:active { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:border-purple-300\/30:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:border-purple-300\/30:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:border-purple-300\/30:active { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:border-purple-300\/40:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:border-purple-300\/40:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:border-purple-300\/40:active { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:border-purple-300\/50:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:border-purple-300\/50:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:border-purple-300\/50:active { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:border-purple-300\/60:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:border-purple-300\/60:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:border-purple-300\/60:active { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:border-purple-300\/70:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:border-purple-300\/70:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:border-purple-300\/70:active { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:border-purple-300\/80:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:border-purple-300\/80:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:border-purple-300\/80:active { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:border-purple-300\/90:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:border-purple-300\/90:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:border-purple-300\/90:active { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:border-purple-400:focus { + border-color: var(--purple-400) +} +.hover\:border-purple-400:hover { + border-color: var(--purple-400) +} +.active\:border-purple-400:active { + border-color: var(--purple-400) +} +.focus\:border-purple-400\/10:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:border-purple-400\/10:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:border-purple-400\/10:active { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:border-purple-400\/20:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:border-purple-400\/20:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:border-purple-400\/20:active { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:border-purple-400\/30:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:border-purple-400\/30:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:border-purple-400\/30:active { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:border-purple-400\/40:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:border-purple-400\/40:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:border-purple-400\/40:active { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:border-purple-400\/50:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:border-purple-400\/50:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:border-purple-400\/50:active { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:border-purple-400\/60:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:border-purple-400\/60:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:border-purple-400\/60:active { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:border-purple-400\/70:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:border-purple-400\/70:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:border-purple-400\/70:active { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:border-purple-400\/80:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:border-purple-400\/80:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:border-purple-400\/80:active { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:border-purple-400\/90:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:border-purple-400\/90:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:border-purple-400\/90:active { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:border-purple-500:focus { + border-color: var(--purple-500) +} +.hover\:border-purple-500:hover { + border-color: var(--purple-500) +} +.active\:border-purple-500:active { + border-color: var(--purple-500) +} +.focus\:border-purple-500\/10:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:border-purple-500\/10:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:border-purple-500\/10:active { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:border-purple-500\/20:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:border-purple-500\/20:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:border-purple-500\/20:active { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:border-purple-500\/30:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:border-purple-500\/30:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:border-purple-500\/30:active { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:border-purple-500\/40:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:border-purple-500\/40:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:border-purple-500\/40:active { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:border-purple-500\/50:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:border-purple-500\/50:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:border-purple-500\/50:active { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:border-purple-500\/60:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:border-purple-500\/60:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:border-purple-500\/60:active { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:border-purple-500\/70:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:border-purple-500\/70:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:border-purple-500\/70:active { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:border-purple-500\/80:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:border-purple-500\/80:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:border-purple-500\/80:active { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:border-purple-500\/90:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:border-purple-500\/90:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:border-purple-500\/90:active { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:border-purple-600:focus { + border-color: var(--purple-600) +} +.hover\:border-purple-600:hover { + border-color: var(--purple-600) +} +.active\:border-purple-600:active { + border-color: var(--purple-600) +} +.focus\:border-purple-600\/10:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:border-purple-600\/10:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:border-purple-600\/10:active { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:border-purple-600\/20:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:border-purple-600\/20:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:border-purple-600\/20:active { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:border-purple-600\/30:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:border-purple-600\/30:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:border-purple-600\/30:active { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:border-purple-600\/40:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:border-purple-600\/40:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:border-purple-600\/40:active { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:border-purple-600\/50:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:border-purple-600\/50:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:border-purple-600\/50:active { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:border-purple-600\/60:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:border-purple-600\/60:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:border-purple-600\/60:active { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:border-purple-600\/70:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:border-purple-600\/70:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:border-purple-600\/70:active { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:border-purple-600\/80:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:border-purple-600\/80:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:border-purple-600\/80:active { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:border-purple-600\/90:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:border-purple-600\/90:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:border-purple-600\/90:active { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:border-purple-700:focus { + border-color: var(--purple-700) +} +.hover\:border-purple-700:hover { + border-color: var(--purple-700) +} +.active\:border-purple-700:active { + border-color: var(--purple-700) +} +.focus\:border-purple-700\/10:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:border-purple-700\/10:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:border-purple-700\/10:active { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:border-purple-700\/20:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:border-purple-700\/20:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:border-purple-700\/20:active { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:border-purple-700\/30:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:border-purple-700\/30:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:border-purple-700\/30:active { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:border-purple-700\/40:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:border-purple-700\/40:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:border-purple-700\/40:active { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:border-purple-700\/50:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:border-purple-700\/50:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:border-purple-700\/50:active { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:border-purple-700\/60:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:border-purple-700\/60:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:border-purple-700\/60:active { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:border-purple-700\/70:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:border-purple-700\/70:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:border-purple-700\/70:active { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:border-purple-700\/80:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:border-purple-700\/80:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:border-purple-700\/80:active { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:border-purple-700\/90:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:border-purple-700\/90:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:border-purple-700\/90:active { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:border-purple-800:focus { + border-color: var(--purple-800) +} +.hover\:border-purple-800:hover { + border-color: var(--purple-800) +} +.active\:border-purple-800:active { + border-color: var(--purple-800) +} +.focus\:border-purple-800\/10:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:border-purple-800\/10:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:border-purple-800\/10:active { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:border-purple-800\/20:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:border-purple-800\/20:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:border-purple-800\/20:active { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:border-purple-800\/30:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:border-purple-800\/30:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:border-purple-800\/30:active { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:border-purple-800\/40:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:border-purple-800\/40:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:border-purple-800\/40:active { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:border-purple-800\/50:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:border-purple-800\/50:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:border-purple-800\/50:active { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:border-purple-800\/60:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:border-purple-800\/60:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:border-purple-800\/60:active { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:border-purple-800\/70:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:border-purple-800\/70:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:border-purple-800\/70:active { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:border-purple-800\/80:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:border-purple-800\/80:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:border-purple-800\/80:active { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:border-purple-800\/90:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:border-purple-800\/90:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:border-purple-800\/90:active { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:border-purple-900:focus { + border-color: var(--purple-900) +} +.hover\:border-purple-900:hover { + border-color: var(--purple-900) +} +.active\:border-purple-900:active { + border-color: var(--purple-900) +} +.focus\:border-purple-900\/10:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:border-purple-900\/10:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:border-purple-900\/10:active { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:border-purple-900\/20:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:border-purple-900\/20:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:border-purple-900\/20:active { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:border-purple-900\/30:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:border-purple-900\/30:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:border-purple-900\/30:active { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:border-purple-900\/40:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:border-purple-900\/40:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:border-purple-900\/40:active { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:border-purple-900\/50:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:border-purple-900\/50:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:border-purple-900\/50:active { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:border-purple-900\/60:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:border-purple-900\/60:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:border-purple-900\/60:active { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:border-purple-900\/70:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:border-purple-900\/70:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:border-purple-900\/70:active { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:border-purple-900\/80:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:border-purple-900\/80:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:border-purple-900\/80:active { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:border-purple-900\/90:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:border-purple-900\/90:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:border-purple-900\/90:active { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:border-red-50:focus { + border-color: var(--red-50) +} +.hover\:border-red-50:hover { + border-color: var(--red-50) +} +.active\:border-red-50:active { + border-color: var(--red-50) +} +.focus\:border-red-50\/10:focus { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:border-red-50\/10:hover { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:border-red-50\/10:active { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:border-red-50\/20:focus { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:border-red-50\/20:hover { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:border-red-50\/20:active { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:border-red-50\/30:focus { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:border-red-50\/30:hover { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:border-red-50\/30:active { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:border-red-50\/40:focus { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:border-red-50\/40:hover { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:border-red-50\/40:active { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:border-red-50\/50:focus { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:border-red-50\/50:hover { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:border-red-50\/50:active { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:border-red-50\/60:focus { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:border-red-50\/60:hover { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:border-red-50\/60:active { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:border-red-50\/70:focus { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:border-red-50\/70:hover { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:border-red-50\/70:active { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:border-red-50\/80:focus { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:border-red-50\/80:hover { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:border-red-50\/80:active { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:border-red-50\/90:focus { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:border-red-50\/90:hover { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:border-red-50\/90:active { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:border-red-100:focus { + border-color: var(--red-100) +} +.hover\:border-red-100:hover { + border-color: var(--red-100) +} +.active\:border-red-100:active { + border-color: var(--red-100) +} +.focus\:border-red-100\/10:focus { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:border-red-100\/10:hover { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:border-red-100\/10:active { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:border-red-100\/20:focus { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:border-red-100\/20:hover { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:border-red-100\/20:active { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:border-red-100\/30:focus { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:border-red-100\/30:hover { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:border-red-100\/30:active { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:border-red-100\/40:focus { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:border-red-100\/40:hover { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:border-red-100\/40:active { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:border-red-100\/50:focus { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:border-red-100\/50:hover { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:border-red-100\/50:active { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:border-red-100\/60:focus { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:border-red-100\/60:hover { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:border-red-100\/60:active { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:border-red-100\/70:focus { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:border-red-100\/70:hover { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:border-red-100\/70:active { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:border-red-100\/80:focus { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:border-red-100\/80:hover { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:border-red-100\/80:active { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:border-red-100\/90:focus { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:border-red-100\/90:hover { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:border-red-100\/90:active { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:border-red-200:focus { + border-color: var(--red-200) +} +.hover\:border-red-200:hover { + border-color: var(--red-200) +} +.active\:border-red-200:active { + border-color: var(--red-200) +} +.focus\:border-red-200\/10:focus { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:border-red-200\/10:hover { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:border-red-200\/10:active { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:border-red-200\/20:focus { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:border-red-200\/20:hover { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:border-red-200\/20:active { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:border-red-200\/30:focus { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:border-red-200\/30:hover { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:border-red-200\/30:active { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:border-red-200\/40:focus { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:border-red-200\/40:hover { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:border-red-200\/40:active { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:border-red-200\/50:focus { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:border-red-200\/50:hover { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:border-red-200\/50:active { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:border-red-200\/60:focus { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:border-red-200\/60:hover { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:border-red-200\/60:active { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:border-red-200\/70:focus { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:border-red-200\/70:hover { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:border-red-200\/70:active { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:border-red-200\/80:focus { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:border-red-200\/80:hover { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:border-red-200\/80:active { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:border-red-200\/90:focus { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:border-red-200\/90:hover { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:border-red-200\/90:active { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:border-red-300:focus { + border-color: var(--red-300) +} +.hover\:border-red-300:hover { + border-color: var(--red-300) +} +.active\:border-red-300:active { + border-color: var(--red-300) +} +.focus\:border-red-300\/10:focus { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:border-red-300\/10:hover { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:border-red-300\/10:active { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:border-red-300\/20:focus { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:border-red-300\/20:hover { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:border-red-300\/20:active { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:border-red-300\/30:focus { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:border-red-300\/30:hover { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:border-red-300\/30:active { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:border-red-300\/40:focus { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:border-red-300\/40:hover { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:border-red-300\/40:active { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:border-red-300\/50:focus { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:border-red-300\/50:hover { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:border-red-300\/50:active { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:border-red-300\/60:focus { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:border-red-300\/60:hover { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:border-red-300\/60:active { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:border-red-300\/70:focus { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:border-red-300\/70:hover { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:border-red-300\/70:active { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:border-red-300\/80:focus { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:border-red-300\/80:hover { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:border-red-300\/80:active { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:border-red-300\/90:focus { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:border-red-300\/90:hover { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:border-red-300\/90:active { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:border-red-400:focus { + border-color: var(--red-400) +} +.hover\:border-red-400:hover { + border-color: var(--red-400) +} +.active\:border-red-400:active { + border-color: var(--red-400) +} +.focus\:border-red-400\/10:focus { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:border-red-400\/10:hover { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:border-red-400\/10:active { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:border-red-400\/20:focus { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:border-red-400\/20:hover { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:border-red-400\/20:active { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:border-red-400\/30:focus { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:border-red-400\/30:hover { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:border-red-400\/30:active { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:border-red-400\/40:focus { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:border-red-400\/40:hover { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:border-red-400\/40:active { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:border-red-400\/50:focus { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:border-red-400\/50:hover { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:border-red-400\/50:active { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:border-red-400\/60:focus { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:border-red-400\/60:hover { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:border-red-400\/60:active { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:border-red-400\/70:focus { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:border-red-400\/70:hover { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:border-red-400\/70:active { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:border-red-400\/80:focus { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:border-red-400\/80:hover { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:border-red-400\/80:active { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:border-red-400\/90:focus { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:border-red-400\/90:hover { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:border-red-400\/90:active { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:border-red-500:focus { + border-color: var(--red-500) +} +.hover\:border-red-500:hover { + border-color: var(--red-500) +} +.active\:border-red-500:active { + border-color: var(--red-500) +} +.focus\:border-red-500\/10:focus { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:border-red-500\/10:hover { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:border-red-500\/10:active { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:border-red-500\/20:focus { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:border-red-500\/20:hover { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:border-red-500\/20:active { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:border-red-500\/30:focus { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:border-red-500\/30:hover { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:border-red-500\/30:active { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:border-red-500\/40:focus { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:border-red-500\/40:hover { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:border-red-500\/40:active { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:border-red-500\/50:focus { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:border-red-500\/50:hover { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:border-red-500\/50:active { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:border-red-500\/60:focus { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:border-red-500\/60:hover { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:border-red-500\/60:active { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:border-red-500\/70:focus { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:border-red-500\/70:hover { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:border-red-500\/70:active { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:border-red-500\/80:focus { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:border-red-500\/80:hover { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:border-red-500\/80:active { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:border-red-500\/90:focus { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:border-red-500\/90:hover { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:border-red-500\/90:active { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:border-red-600:focus { + border-color: var(--red-600) +} +.hover\:border-red-600:hover { + border-color: var(--red-600) +} +.active\:border-red-600:active { + border-color: var(--red-600) +} +.focus\:border-red-600\/10:focus { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:border-red-600\/10:hover { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:border-red-600\/10:active { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:border-red-600\/20:focus { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:border-red-600\/20:hover { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:border-red-600\/20:active { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:border-red-600\/30:focus { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:border-red-600\/30:hover { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:border-red-600\/30:active { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:border-red-600\/40:focus { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:border-red-600\/40:hover { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:border-red-600\/40:active { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:border-red-600\/50:focus { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:border-red-600\/50:hover { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:border-red-600\/50:active { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:border-red-600\/60:focus { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:border-red-600\/60:hover { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:border-red-600\/60:active { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:border-red-600\/70:focus { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:border-red-600\/70:hover { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:border-red-600\/70:active { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:border-red-600\/80:focus { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:border-red-600\/80:hover { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:border-red-600\/80:active { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:border-red-600\/90:focus { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:border-red-600\/90:hover { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:border-red-600\/90:active { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:border-red-700:focus { + border-color: var(--red-700) +} +.hover\:border-red-700:hover { + border-color: var(--red-700) +} +.active\:border-red-700:active { + border-color: var(--red-700) +} +.focus\:border-red-700\/10:focus { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:border-red-700\/10:hover { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:border-red-700\/10:active { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:border-red-700\/20:focus { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:border-red-700\/20:hover { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:border-red-700\/20:active { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:border-red-700\/30:focus { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:border-red-700\/30:hover { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:border-red-700\/30:active { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:border-red-700\/40:focus { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:border-red-700\/40:hover { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:border-red-700\/40:active { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:border-red-700\/50:focus { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:border-red-700\/50:hover { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:border-red-700\/50:active { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:border-red-700\/60:focus { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:border-red-700\/60:hover { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:border-red-700\/60:active { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:border-red-700\/70:focus { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:border-red-700\/70:hover { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:border-red-700\/70:active { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:border-red-700\/80:focus { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:border-red-700\/80:hover { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:border-red-700\/80:active { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:border-red-700\/90:focus { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:border-red-700\/90:hover { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:border-red-700\/90:active { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:border-red-800:focus { + border-color: var(--red-800) +} +.hover\:border-red-800:hover { + border-color: var(--red-800) +} +.active\:border-red-800:active { + border-color: var(--red-800) +} +.focus\:border-red-800\/10:focus { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:border-red-800\/10:hover { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:border-red-800\/10:active { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:border-red-800\/20:focus { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:border-red-800\/20:hover { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:border-red-800\/20:active { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:border-red-800\/30:focus { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:border-red-800\/30:hover { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:border-red-800\/30:active { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:border-red-800\/40:focus { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:border-red-800\/40:hover { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:border-red-800\/40:active { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:border-red-800\/50:focus { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:border-red-800\/50:hover { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:border-red-800\/50:active { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:border-red-800\/60:focus { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:border-red-800\/60:hover { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:border-red-800\/60:active { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:border-red-800\/70:focus { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:border-red-800\/70:hover { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:border-red-800\/70:active { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:border-red-800\/80:focus { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:border-red-800\/80:hover { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:border-red-800\/80:active { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:border-red-800\/90:focus { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:border-red-800\/90:hover { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:border-red-800\/90:active { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:border-red-900:focus { + border-color: var(--red-900) +} +.hover\:border-red-900:hover { + border-color: var(--red-900) +} +.active\:border-red-900:active { + border-color: var(--red-900) +} +.focus\:border-red-900\/10:focus { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:border-red-900\/10:hover { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:border-red-900\/10:active { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:border-red-900\/20:focus { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:border-red-900\/20:hover { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:border-red-900\/20:active { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:border-red-900\/30:focus { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:border-red-900\/30:hover { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:border-red-900\/30:active { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:border-red-900\/40:focus { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:border-red-900\/40:hover { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:border-red-900\/40:active { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:border-red-900\/50:focus { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:border-red-900\/50:hover { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:border-red-900\/50:active { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:border-red-900\/60:focus { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:border-red-900\/60:hover { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:border-red-900\/60:active { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:border-red-900\/70:focus { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:border-red-900\/70:hover { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:border-red-900\/70:active { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:border-red-900\/80:focus { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:border-red-900\/80:hover { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:border-red-900\/80:active { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:border-red-900\/90:focus { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:border-red-900\/90:hover { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:border-red-900\/90:active { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:border-gray-50:focus { + border-color: var(--gray-50) +} +.hover\:border-gray-50:hover { + border-color: var(--gray-50) +} +.active\:border-gray-50:active { + border-color: var(--gray-50) +} +.focus\:border-gray-50\/10:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:border-gray-50\/10:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:border-gray-50\/10:active { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:border-gray-50\/20:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:border-gray-50\/20:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:border-gray-50\/20:active { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:border-gray-50\/30:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:border-gray-50\/30:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:border-gray-50\/30:active { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:border-gray-50\/40:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:border-gray-50\/40:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:border-gray-50\/40:active { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:border-gray-50\/50:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:border-gray-50\/50:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:border-gray-50\/50:active { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:border-gray-50\/60:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:border-gray-50\/60:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:border-gray-50\/60:active { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:border-gray-50\/70:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:border-gray-50\/70:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:border-gray-50\/70:active { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:border-gray-50\/80:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:border-gray-50\/80:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:border-gray-50\/80:active { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:border-gray-50\/90:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:border-gray-50\/90:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:border-gray-50\/90:active { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:border-gray-100:focus { + border-color: var(--gray-100) +} +.hover\:border-gray-100:hover { + border-color: var(--gray-100) +} +.active\:border-gray-100:active { + border-color: var(--gray-100) +} +.focus\:border-gray-100\/10:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:border-gray-100\/10:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:border-gray-100\/10:active { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:border-gray-100\/20:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:border-gray-100\/20:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:border-gray-100\/20:active { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:border-gray-100\/30:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:border-gray-100\/30:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:border-gray-100\/30:active { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:border-gray-100\/40:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:border-gray-100\/40:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:border-gray-100\/40:active { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:border-gray-100\/50:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:border-gray-100\/50:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:border-gray-100\/50:active { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:border-gray-100\/60:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:border-gray-100\/60:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:border-gray-100\/60:active { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:border-gray-100\/70:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:border-gray-100\/70:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:border-gray-100\/70:active { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:border-gray-100\/80:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:border-gray-100\/80:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:border-gray-100\/80:active { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:border-gray-100\/90:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:border-gray-100\/90:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:border-gray-100\/90:active { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:border-gray-200:focus { + border-color: var(--gray-200) +} +.hover\:border-gray-200:hover { + border-color: var(--gray-200) +} +.active\:border-gray-200:active { + border-color: var(--gray-200) +} +.focus\:border-gray-200\/10:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:border-gray-200\/10:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:border-gray-200\/10:active { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:border-gray-200\/20:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:border-gray-200\/20:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:border-gray-200\/20:active { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:border-gray-200\/30:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:border-gray-200\/30:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:border-gray-200\/30:active { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:border-gray-200\/40:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:border-gray-200\/40:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:border-gray-200\/40:active { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:border-gray-200\/50:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:border-gray-200\/50:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:border-gray-200\/50:active { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:border-gray-200\/60:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:border-gray-200\/60:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:border-gray-200\/60:active { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:border-gray-200\/70:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:border-gray-200\/70:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:border-gray-200\/70:active { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:border-gray-200\/80:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:border-gray-200\/80:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:border-gray-200\/80:active { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:border-gray-200\/90:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:border-gray-200\/90:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:border-gray-200\/90:active { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:border-gray-300:focus { + border-color: var(--gray-300) +} +.hover\:border-gray-300:hover { + border-color: var(--gray-300) +} +.active\:border-gray-300:active { + border-color: var(--gray-300) +} +.focus\:border-gray-300\/10:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:border-gray-300\/10:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:border-gray-300\/10:active { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:border-gray-300\/20:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:border-gray-300\/20:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:border-gray-300\/20:active { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:border-gray-300\/30:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:border-gray-300\/30:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:border-gray-300\/30:active { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:border-gray-300\/40:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:border-gray-300\/40:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:border-gray-300\/40:active { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:border-gray-300\/50:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:border-gray-300\/50:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:border-gray-300\/50:active { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:border-gray-300\/60:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:border-gray-300\/60:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:border-gray-300\/60:active { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:border-gray-300\/70:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:border-gray-300\/70:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:border-gray-300\/70:active { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:border-gray-300\/80:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:border-gray-300\/80:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:border-gray-300\/80:active { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:border-gray-300\/90:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:border-gray-300\/90:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:border-gray-300\/90:active { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:border-gray-400:focus { + border-color: var(--gray-400) +} +.hover\:border-gray-400:hover { + border-color: var(--gray-400) +} +.active\:border-gray-400:active { + border-color: var(--gray-400) +} +.focus\:border-gray-400\/10:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:border-gray-400\/10:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:border-gray-400\/10:active { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:border-gray-400\/20:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:border-gray-400\/20:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:border-gray-400\/20:active { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:border-gray-400\/30:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:border-gray-400\/30:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:border-gray-400\/30:active { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:border-gray-400\/40:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:border-gray-400\/40:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:border-gray-400\/40:active { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:border-gray-400\/50:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:border-gray-400\/50:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:border-gray-400\/50:active { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:border-gray-400\/60:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:border-gray-400\/60:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:border-gray-400\/60:active { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:border-gray-400\/70:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:border-gray-400\/70:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:border-gray-400\/70:active { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:border-gray-400\/80:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:border-gray-400\/80:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:border-gray-400\/80:active { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:border-gray-400\/90:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:border-gray-400\/90:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:border-gray-400\/90:active { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:border-gray-500:focus { + border-color: var(--gray-500) +} +.hover\:border-gray-500:hover { + border-color: var(--gray-500) +} +.active\:border-gray-500:active { + border-color: var(--gray-500) +} +.focus\:border-gray-500\/10:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:border-gray-500\/10:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:border-gray-500\/10:active { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:border-gray-500\/20:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:border-gray-500\/20:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:border-gray-500\/20:active { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:border-gray-500\/30:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:border-gray-500\/30:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:border-gray-500\/30:active { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:border-gray-500\/40:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:border-gray-500\/40:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:border-gray-500\/40:active { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:border-gray-500\/50:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:border-gray-500\/50:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:border-gray-500\/50:active { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:border-gray-500\/60:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:border-gray-500\/60:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:border-gray-500\/60:active { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:border-gray-500\/70:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:border-gray-500\/70:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:border-gray-500\/70:active { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:border-gray-500\/80:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:border-gray-500\/80:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:border-gray-500\/80:active { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:border-gray-500\/90:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:border-gray-500\/90:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:border-gray-500\/90:active { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:border-gray-600:focus { + border-color: var(--gray-600) +} +.hover\:border-gray-600:hover { + border-color: var(--gray-600) +} +.active\:border-gray-600:active { + border-color: var(--gray-600) +} +.focus\:border-gray-600\/10:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:border-gray-600\/10:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:border-gray-600\/10:active { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:border-gray-600\/20:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:border-gray-600\/20:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:border-gray-600\/20:active { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:border-gray-600\/30:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:border-gray-600\/30:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:border-gray-600\/30:active { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:border-gray-600\/40:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:border-gray-600\/40:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:border-gray-600\/40:active { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:border-gray-600\/50:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:border-gray-600\/50:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:border-gray-600\/50:active { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:border-gray-600\/60:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:border-gray-600\/60:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:border-gray-600\/60:active { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:border-gray-600\/70:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:border-gray-600\/70:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:border-gray-600\/70:active { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:border-gray-600\/80:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:border-gray-600\/80:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:border-gray-600\/80:active { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:border-gray-600\/90:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:border-gray-600\/90:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:border-gray-600\/90:active { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:border-gray-700:focus { + border-color: var(--gray-700) +} +.hover\:border-gray-700:hover { + border-color: var(--gray-700) +} +.active\:border-gray-700:active { + border-color: var(--gray-700) +} +.focus\:border-gray-700\/10:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:border-gray-700\/10:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:border-gray-700\/10:active { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:border-gray-700\/20:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:border-gray-700\/20:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:border-gray-700\/20:active { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:border-gray-700\/30:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:border-gray-700\/30:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:border-gray-700\/30:active { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:border-gray-700\/40:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:border-gray-700\/40:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:border-gray-700\/40:active { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:border-gray-700\/50:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:border-gray-700\/50:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:border-gray-700\/50:active { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:border-gray-700\/60:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:border-gray-700\/60:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:border-gray-700\/60:active { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:border-gray-700\/70:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:border-gray-700\/70:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:border-gray-700\/70:active { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:border-gray-700\/80:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:border-gray-700\/80:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:border-gray-700\/80:active { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:border-gray-700\/90:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:border-gray-700\/90:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:border-gray-700\/90:active { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:border-gray-800:focus { + border-color: var(--gray-800) +} +.hover\:border-gray-800:hover { + border-color: var(--gray-800) +} +.active\:border-gray-800:active { + border-color: var(--gray-800) +} +.focus\:border-gray-800\/10:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:border-gray-800\/10:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:border-gray-800\/10:active { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:border-gray-800\/20:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:border-gray-800\/20:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:border-gray-800\/20:active { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:border-gray-800\/30:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:border-gray-800\/30:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:border-gray-800\/30:active { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:border-gray-800\/40:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:border-gray-800\/40:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:border-gray-800\/40:active { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:border-gray-800\/50:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:border-gray-800\/50:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:border-gray-800\/50:active { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:border-gray-800\/60:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:border-gray-800\/60:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:border-gray-800\/60:active { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:border-gray-800\/70:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:border-gray-800\/70:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:border-gray-800\/70:active { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:border-gray-800\/80:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:border-gray-800\/80:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:border-gray-800\/80:active { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:border-gray-800\/90:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:border-gray-800\/90:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:border-gray-800\/90:active { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:border-gray-900:focus { + border-color: var(--gray-900) +} +.hover\:border-gray-900:hover { + border-color: var(--gray-900) +} +.active\:border-gray-900:active { + border-color: var(--gray-900) +} +.focus\:border-gray-900\/10:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:border-gray-900\/10:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:border-gray-900\/10:active { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:border-gray-900\/20:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:border-gray-900\/20:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:border-gray-900\/20:active { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:border-gray-900\/30:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:border-gray-900\/30:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:border-gray-900\/30:active { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:border-gray-900\/40:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:border-gray-900\/40:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:border-gray-900\/40:active { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:border-gray-900\/50:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:border-gray-900\/50:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:border-gray-900\/50:active { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:border-gray-900\/60:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:border-gray-900\/60:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:border-gray-900\/60:active { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:border-gray-900\/70:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:border-gray-900\/70:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:border-gray-900\/70:active { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:border-gray-900\/80:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:border-gray-900\/80:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:border-gray-900\/80:active { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:border-gray-900\/90:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:border-gray-900\/90:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:border-gray-900\/90:active { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:border-surface-0:focus { + border-color: var(--surface-0) +} +.hover\:border-surface-0:hover { + border-color: var(--surface-0) +} +.active\:border-surface-0:active { + border-color: var(--surface-0) +} +.focus\:border-surface-0\/10:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:border-surface-0\/10:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:border-surface-0\/10:active { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:border-surface-0\/20:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:border-surface-0\/20:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:border-surface-0\/20:active { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:border-surface-0\/30:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:border-surface-0\/30:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:border-surface-0\/30:active { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:border-surface-0\/40:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:border-surface-0\/40:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:border-surface-0\/40:active { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:border-surface-0\/50:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:border-surface-0\/50:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:border-surface-0\/50:active { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:border-surface-0\/60:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:border-surface-0\/60:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:border-surface-0\/60:active { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:border-surface-0\/70:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:border-surface-0\/70:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:border-surface-0\/70:active { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:border-surface-0\/80:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:border-surface-0\/80:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:border-surface-0\/80:active { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:border-surface-0\/90:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:border-surface-0\/90:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:border-surface-0\/90:active { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:border-surface-50:focus { + border-color: var(--surface-50) +} +.hover\:border-surface-50:hover { + border-color: var(--surface-50) +} +.active\:border-surface-50:active { + border-color: var(--surface-50) +} +.focus\:border-surface-50\/10:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:border-surface-50\/10:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:border-surface-50\/10:active { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:border-surface-50\/20:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:border-surface-50\/20:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:border-surface-50\/20:active { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:border-surface-50\/30:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:border-surface-50\/30:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:border-surface-50\/30:active { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:border-surface-50\/40:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:border-surface-50\/40:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:border-surface-50\/40:active { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:border-surface-50\/50:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:border-surface-50\/50:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:border-surface-50\/50:active { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:border-surface-50\/60:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:border-surface-50\/60:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:border-surface-50\/60:active { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:border-surface-50\/70:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:border-surface-50\/70:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:border-surface-50\/70:active { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:border-surface-50\/80:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:border-surface-50\/80:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:border-surface-50\/80:active { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:border-surface-50\/90:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:border-surface-50\/90:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:border-surface-50\/90:active { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:border-surface-100:focus { + border-color: var(--surface-100) +} +.hover\:border-surface-100:hover { + border-color: var(--surface-100) +} +.active\:border-surface-100:active { + border-color: var(--surface-100) +} +.focus\:border-surface-100\/10:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:border-surface-100\/10:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:border-surface-100\/10:active { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:border-surface-100\/20:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:border-surface-100\/20:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:border-surface-100\/20:active { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:border-surface-100\/30:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:border-surface-100\/30:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:border-surface-100\/30:active { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:border-surface-100\/40:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:border-surface-100\/40:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:border-surface-100\/40:active { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:border-surface-100\/50:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:border-surface-100\/50:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:border-surface-100\/50:active { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:border-surface-100\/60:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:border-surface-100\/60:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:border-surface-100\/60:active { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:border-surface-100\/70:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:border-surface-100\/70:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:border-surface-100\/70:active { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:border-surface-100\/80:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:border-surface-100\/80:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:border-surface-100\/80:active { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:border-surface-100\/90:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:border-surface-100\/90:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:border-surface-100\/90:active { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:border-surface-200:focus { + border-color: var(--surface-200) +} +.hover\:border-surface-200:hover { + border-color: var(--surface-200) +} +.active\:border-surface-200:active { + border-color: var(--surface-200) +} +.focus\:border-surface-200\/10:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:border-surface-200\/10:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:border-surface-200\/10:active { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:border-surface-200\/20:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:border-surface-200\/20:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:border-surface-200\/20:active { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:border-surface-200\/30:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:border-surface-200\/30:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:border-surface-200\/30:active { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:border-surface-200\/40:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:border-surface-200\/40:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:border-surface-200\/40:active { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:border-surface-200\/50:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:border-surface-200\/50:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:border-surface-200\/50:active { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:border-surface-200\/60:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:border-surface-200\/60:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:border-surface-200\/60:active { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:border-surface-200\/70:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:border-surface-200\/70:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:border-surface-200\/70:active { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:border-surface-200\/80:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:border-surface-200\/80:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:border-surface-200\/80:active { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:border-surface-200\/90:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:border-surface-200\/90:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:border-surface-200\/90:active { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:border-surface-300:focus { + border-color: var(--surface-300) +} +.hover\:border-surface-300:hover { + border-color: var(--surface-300) +} +.active\:border-surface-300:active { + border-color: var(--surface-300) +} +.focus\:border-surface-300\/10:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:border-surface-300\/10:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:border-surface-300\/10:active { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:border-surface-300\/20:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:border-surface-300\/20:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:border-surface-300\/20:active { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:border-surface-300\/30:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:border-surface-300\/30:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:border-surface-300\/30:active { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:border-surface-300\/40:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:border-surface-300\/40:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:border-surface-300\/40:active { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:border-surface-300\/50:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:border-surface-300\/50:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:border-surface-300\/50:active { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:border-surface-300\/60:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:border-surface-300\/60:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:border-surface-300\/60:active { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:border-surface-300\/70:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:border-surface-300\/70:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:border-surface-300\/70:active { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:border-surface-300\/80:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:border-surface-300\/80:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:border-surface-300\/80:active { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:border-surface-300\/90:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:border-surface-300\/90:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:border-surface-300\/90:active { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:border-surface-400:focus { + border-color: var(--surface-400) +} +.hover\:border-surface-400:hover { + border-color: var(--surface-400) +} +.active\:border-surface-400:active { + border-color: var(--surface-400) +} +.focus\:border-surface-400\/10:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:border-surface-400\/10:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:border-surface-400\/10:active { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:border-surface-400\/20:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:border-surface-400\/20:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:border-surface-400\/20:active { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:border-surface-400\/30:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:border-surface-400\/30:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:border-surface-400\/30:active { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:border-surface-400\/40:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:border-surface-400\/40:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:border-surface-400\/40:active { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:border-surface-400\/50:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:border-surface-400\/50:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:border-surface-400\/50:active { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:border-surface-400\/60:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:border-surface-400\/60:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:border-surface-400\/60:active { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:border-surface-400\/70:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:border-surface-400\/70:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:border-surface-400\/70:active { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:border-surface-400\/80:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:border-surface-400\/80:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:border-surface-400\/80:active { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:border-surface-400\/90:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:border-surface-400\/90:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:border-surface-400\/90:active { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:border-surface-500:focus { + border-color: var(--surface-500) +} +.hover\:border-surface-500:hover { + border-color: var(--surface-500) +} +.active\:border-surface-500:active { + border-color: var(--surface-500) +} +.focus\:border-surface-500\/10:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:border-surface-500\/10:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:border-surface-500\/10:active { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:border-surface-500\/20:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:border-surface-500\/20:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:border-surface-500\/20:active { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:border-surface-500\/30:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:border-surface-500\/30:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:border-surface-500\/30:active { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:border-surface-500\/40:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:border-surface-500\/40:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:border-surface-500\/40:active { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:border-surface-500\/50:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:border-surface-500\/50:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:border-surface-500\/50:active { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:border-surface-500\/60:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:border-surface-500\/60:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:border-surface-500\/60:active { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:border-surface-500\/70:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:border-surface-500\/70:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:border-surface-500\/70:active { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:border-surface-500\/80:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:border-surface-500\/80:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:border-surface-500\/80:active { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:border-surface-500\/90:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:border-surface-500\/90:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:border-surface-500\/90:active { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:border-surface-600:focus { + border-color: var(--surface-600) +} +.hover\:border-surface-600:hover { + border-color: var(--surface-600) +} +.active\:border-surface-600:active { + border-color: var(--surface-600) +} +.focus\:border-surface-600\/10:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:border-surface-600\/10:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:border-surface-600\/10:active { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:border-surface-600\/20:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:border-surface-600\/20:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:border-surface-600\/20:active { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:border-surface-600\/30:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:border-surface-600\/30:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:border-surface-600\/30:active { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:border-surface-600\/40:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:border-surface-600\/40:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:border-surface-600\/40:active { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:border-surface-600\/50:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:border-surface-600\/50:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:border-surface-600\/50:active { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:border-surface-600\/60:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:border-surface-600\/60:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:border-surface-600\/60:active { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:border-surface-600\/70:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:border-surface-600\/70:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:border-surface-600\/70:active { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:border-surface-600\/80:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:border-surface-600\/80:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:border-surface-600\/80:active { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:border-surface-600\/90:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:border-surface-600\/90:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:border-surface-600\/90:active { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:border-surface-700:focus { + border-color: var(--surface-700) +} +.hover\:border-surface-700:hover { + border-color: var(--surface-700) +} +.active\:border-surface-700:active { + border-color: var(--surface-700) +} +.focus\:border-surface-700\/10:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:border-surface-700\/10:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:border-surface-700\/10:active { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:border-surface-700\/20:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:border-surface-700\/20:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:border-surface-700\/20:active { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:border-surface-700\/30:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:border-surface-700\/30:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:border-surface-700\/30:active { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:border-surface-700\/40:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:border-surface-700\/40:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:border-surface-700\/40:active { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:border-surface-700\/50:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:border-surface-700\/50:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:border-surface-700\/50:active { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:border-surface-700\/60:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:border-surface-700\/60:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:border-surface-700\/60:active { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:border-surface-700\/70:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:border-surface-700\/70:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:border-surface-700\/70:active { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:border-surface-700\/80:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:border-surface-700\/80:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:border-surface-700\/80:active { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:border-surface-700\/90:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:border-surface-700\/90:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:border-surface-700\/90:active { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:border-surface-800:focus { + border-color: var(--surface-800) +} +.hover\:border-surface-800:hover { + border-color: var(--surface-800) +} +.active\:border-surface-800:active { + border-color: var(--surface-800) +} +.focus\:border-surface-800\/10:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:border-surface-800\/10:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:border-surface-800\/10:active { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:border-surface-800\/20:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:border-surface-800\/20:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:border-surface-800\/20:active { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:border-surface-800\/30:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:border-surface-800\/30:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:border-surface-800\/30:active { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:border-surface-800\/40:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:border-surface-800\/40:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:border-surface-800\/40:active { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:border-surface-800\/50:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:border-surface-800\/50:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:border-surface-800\/50:active { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:border-surface-800\/60:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:border-surface-800\/60:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:border-surface-800\/60:active { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:border-surface-800\/70:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:border-surface-800\/70:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:border-surface-800\/70:active { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:border-surface-800\/80:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:border-surface-800\/80:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:border-surface-800\/80:active { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:border-surface-800\/90:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:border-surface-800\/90:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:border-surface-800\/90:active { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:border-surface-900:focus { + border-color: var(--surface-900) +} +.hover\:border-surface-900:hover { + border-color: var(--surface-900) +} +.active\:border-surface-900:active { + border-color: var(--surface-900) +} +.focus\:border-surface-900\/10:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:border-surface-900\/10:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:border-surface-900\/10:active { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:border-surface-900\/20:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:border-surface-900\/20:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:border-surface-900\/20:active { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:border-surface-900\/30:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:border-surface-900\/30:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:border-surface-900\/30:active { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:border-surface-900\/40:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:border-surface-900\/40:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:border-surface-900\/40:active { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:border-surface-900\/50:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:border-surface-900\/50:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:border-surface-900\/50:active { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:border-surface-900\/60:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:border-surface-900\/60:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:border-surface-900\/60:active { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:border-surface-900\/70:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:border-surface-900\/70:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:border-surface-900\/70:active { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:border-surface-900\/80:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:border-surface-900\/80:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:border-surface-900\/80:active { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:border-surface-900\/90:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:border-surface-900\/90:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:border-surface-900\/90:active { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:border-primary-50:focus { + border-color: var(--primary-50) +} +.hover\:border-primary-50:hover { + border-color: var(--primary-50) +} +.active\:border-primary-50:active { + border-color: var(--primary-50) +} +.focus\:border-primary-50\/10:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:border-primary-50\/10:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:border-primary-50\/10:active { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:border-primary-50\/20:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:border-primary-50\/20:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:border-primary-50\/20:active { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:border-primary-50\/30:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:border-primary-50\/30:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:border-primary-50\/30:active { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:border-primary-50\/40:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:border-primary-50\/40:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:border-primary-50\/40:active { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:border-primary-50\/50:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:border-primary-50\/50:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:border-primary-50\/50:active { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:border-primary-50\/60:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:border-primary-50\/60:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:border-primary-50\/60:active { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:border-primary-50\/70:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:border-primary-50\/70:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:border-primary-50\/70:active { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:border-primary-50\/80:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:border-primary-50\/80:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:border-primary-50\/80:active { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:border-primary-50\/90:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:border-primary-50\/90:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:border-primary-50\/90:active { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:border-primary-100:focus { + border-color: var(--primary-100) +} +.hover\:border-primary-100:hover { + border-color: var(--primary-100) +} +.active\:border-primary-100:active { + border-color: var(--primary-100) +} +.focus\:border-primary-100\/10:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:border-primary-100\/10:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:border-primary-100\/10:active { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:border-primary-100\/20:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:border-primary-100\/20:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:border-primary-100\/20:active { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:border-primary-100\/30:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:border-primary-100\/30:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:border-primary-100\/30:active { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:border-primary-100\/40:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:border-primary-100\/40:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:border-primary-100\/40:active { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:border-primary-100\/50:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:border-primary-100\/50:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:border-primary-100\/50:active { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:border-primary-100\/60:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:border-primary-100\/60:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:border-primary-100\/60:active { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:border-primary-100\/70:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:border-primary-100\/70:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:border-primary-100\/70:active { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:border-primary-100\/80:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:border-primary-100\/80:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:border-primary-100\/80:active { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:border-primary-100\/90:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:border-primary-100\/90:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:border-primary-100\/90:active { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:border-primary-200:focus { + border-color: var(--primary-200) +} +.hover\:border-primary-200:hover { + border-color: var(--primary-200) +} +.active\:border-primary-200:active { + border-color: var(--primary-200) +} +.focus\:border-primary-200\/10:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:border-primary-200\/10:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:border-primary-200\/10:active { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:border-primary-200\/20:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:border-primary-200\/20:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:border-primary-200\/20:active { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:border-primary-200\/30:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:border-primary-200\/30:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:border-primary-200\/30:active { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:border-primary-200\/40:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:border-primary-200\/40:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:border-primary-200\/40:active { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:border-primary-200\/50:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:border-primary-200\/50:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:border-primary-200\/50:active { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:border-primary-200\/60:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:border-primary-200\/60:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:border-primary-200\/60:active { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:border-primary-200\/70:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:border-primary-200\/70:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:border-primary-200\/70:active { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:border-primary-200\/80:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:border-primary-200\/80:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:border-primary-200\/80:active { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:border-primary-200\/90:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:border-primary-200\/90:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:border-primary-200\/90:active { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:border-primary-300:focus { + border-color: var(--primary-300) +} +.hover\:border-primary-300:hover { + border-color: var(--primary-300) +} +.active\:border-primary-300:active { + border-color: var(--primary-300) +} +.focus\:border-primary-300\/10:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:border-primary-300\/10:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:border-primary-300\/10:active { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:border-primary-300\/20:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:border-primary-300\/20:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:border-primary-300\/20:active { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:border-primary-300\/30:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:border-primary-300\/30:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:border-primary-300\/30:active { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:border-primary-300\/40:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:border-primary-300\/40:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:border-primary-300\/40:active { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:border-primary-300\/50:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:border-primary-300\/50:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:border-primary-300\/50:active { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:border-primary-300\/60:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:border-primary-300\/60:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:border-primary-300\/60:active { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:border-primary-300\/70:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:border-primary-300\/70:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:border-primary-300\/70:active { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:border-primary-300\/80:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:border-primary-300\/80:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:border-primary-300\/80:active { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:border-primary-300\/90:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:border-primary-300\/90:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:border-primary-300\/90:active { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:border-primary-400:focus { + border-color: var(--primary-400) +} +.hover\:border-primary-400:hover { + border-color: var(--primary-400) +} +.active\:border-primary-400:active { + border-color: var(--primary-400) +} +.focus\:border-primary-400\/10:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:border-primary-400\/10:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:border-primary-400\/10:active { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:border-primary-400\/20:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:border-primary-400\/20:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:border-primary-400\/20:active { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:border-primary-400\/30:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:border-primary-400\/30:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:border-primary-400\/30:active { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:border-primary-400\/40:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:border-primary-400\/40:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:border-primary-400\/40:active { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:border-primary-400\/50:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:border-primary-400\/50:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:border-primary-400\/50:active { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:border-primary-400\/60:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:border-primary-400\/60:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:border-primary-400\/60:active { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:border-primary-400\/70:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:border-primary-400\/70:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:border-primary-400\/70:active { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:border-primary-400\/80:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:border-primary-400\/80:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:border-primary-400\/80:active { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:border-primary-400\/90:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:border-primary-400\/90:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:border-primary-400\/90:active { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:border-primary-500:focus { + border-color: var(--primary-500) +} +.hover\:border-primary-500:hover { + border-color: var(--primary-500) +} +.active\:border-primary-500:active { + border-color: var(--primary-500) +} +.focus\:border-primary-500\/10:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:border-primary-500\/10:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:border-primary-500\/10:active { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:border-primary-500\/20:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:border-primary-500\/20:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:border-primary-500\/20:active { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:border-primary-500\/30:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:border-primary-500\/30:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:border-primary-500\/30:active { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:border-primary-500\/40:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:border-primary-500\/40:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:border-primary-500\/40:active { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:border-primary-500\/50:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:border-primary-500\/50:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:border-primary-500\/50:active { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:border-primary-500\/60:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:border-primary-500\/60:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:border-primary-500\/60:active { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:border-primary-500\/70:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:border-primary-500\/70:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:border-primary-500\/70:active { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:border-primary-500\/80:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:border-primary-500\/80:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:border-primary-500\/80:active { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:border-primary-500\/90:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:border-primary-500\/90:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:border-primary-500\/90:active { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:border-primary-600:focus { + border-color: var(--primary-600) +} +.hover\:border-primary-600:hover { + border-color: var(--primary-600) +} +.active\:border-primary-600:active { + border-color: var(--primary-600) +} +.focus\:border-primary-600\/10:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:border-primary-600\/10:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:border-primary-600\/10:active { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:border-primary-600\/20:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:border-primary-600\/20:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:border-primary-600\/20:active { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:border-primary-600\/30:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:border-primary-600\/30:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:border-primary-600\/30:active { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:border-primary-600\/40:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:border-primary-600\/40:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:border-primary-600\/40:active { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:border-primary-600\/50:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:border-primary-600\/50:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:border-primary-600\/50:active { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:border-primary-600\/60:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:border-primary-600\/60:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:border-primary-600\/60:active { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:border-primary-600\/70:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:border-primary-600\/70:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:border-primary-600\/70:active { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:border-primary-600\/80:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:border-primary-600\/80:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:border-primary-600\/80:active { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:border-primary-600\/90:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:border-primary-600\/90:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:border-primary-600\/90:active { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:border-primary-700:focus { + border-color: var(--primary-700) +} +.hover\:border-primary-700:hover { + border-color: var(--primary-700) +} +.active\:border-primary-700:active { + border-color: var(--primary-700) +} +.focus\:border-primary-700\/10:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:border-primary-700\/10:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:border-primary-700\/10:active { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:border-primary-700\/20:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:border-primary-700\/20:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:border-primary-700\/20:active { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:border-primary-700\/30:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:border-primary-700\/30:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:border-primary-700\/30:active { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:border-primary-700\/40:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:border-primary-700\/40:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:border-primary-700\/40:active { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:border-primary-700\/50:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:border-primary-700\/50:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:border-primary-700\/50:active { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:border-primary-700\/60:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:border-primary-700\/60:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:border-primary-700\/60:active { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:border-primary-700\/70:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:border-primary-700\/70:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:border-primary-700\/70:active { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:border-primary-700\/80:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:border-primary-700\/80:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:border-primary-700\/80:active { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:border-primary-700\/90:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:border-primary-700\/90:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:border-primary-700\/90:active { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:border-primary-800:focus { + border-color: var(--primary-800) +} +.hover\:border-primary-800:hover { + border-color: var(--primary-800) +} +.active\:border-primary-800:active { + border-color: var(--primary-800) +} +.focus\:border-primary-800\/10:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:border-primary-800\/10:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:border-primary-800\/10:active { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:border-primary-800\/20:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:border-primary-800\/20:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:border-primary-800\/20:active { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:border-primary-800\/30:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:border-primary-800\/30:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:border-primary-800\/30:active { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:border-primary-800\/40:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:border-primary-800\/40:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:border-primary-800\/40:active { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:border-primary-800\/50:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:border-primary-800\/50:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:border-primary-800\/50:active { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:border-primary-800\/60:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:border-primary-800\/60:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:border-primary-800\/60:active { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:border-primary-800\/70:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:border-primary-800\/70:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:border-primary-800\/70:active { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:border-primary-800\/80:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:border-primary-800\/80:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:border-primary-800\/80:active { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:border-primary-800\/90:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:border-primary-800\/90:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:border-primary-800\/90:active { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:border-primary-900:focus { + border-color: var(--primary-900) +} +.hover\:border-primary-900:hover { + border-color: var(--primary-900) +} +.active\:border-primary-900:active { + border-color: var(--primary-900) +} +.focus\:border-primary-900\/10:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:border-primary-900\/10:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:border-primary-900\/10:active { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:border-primary-900\/20:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:border-primary-900\/20:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:border-primary-900\/20:active { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:border-primary-900\/30:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:border-primary-900\/30:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:border-primary-900\/30:active { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:border-primary-900\/40:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:border-primary-900\/40:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:border-primary-900\/40:active { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:border-primary-900\/50:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:border-primary-900\/50:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:border-primary-900\/50:active { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:border-primary-900\/60:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:border-primary-900\/60:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:border-primary-900\/60:active { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:border-primary-900\/70:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:border-primary-900\/70:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:border-primary-900\/70:active { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:border-primary-900\/80:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:border-primary-900\/80:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:border-primary-900\/80:active { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:border-primary-900\/90:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:border-primary-900\/90:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:border-primary-900\/90:active { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:border-blue-50 { + border-color: var(--blue-50) + } + .sm\:border-blue-50\/10 { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:border-blue-50\/20 { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:border-blue-50\/30 { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:border-blue-50\/40 { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:border-blue-50\/50 { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:border-blue-50\/60 { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:border-blue-50\/70 { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:border-blue-50\/80 { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:border-blue-50\/90 { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:border-blue-100 { + border-color: var(--blue-100) + } + .sm\:border-blue-100\/10 { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:border-blue-100\/20 { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:border-blue-100\/30 { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:border-blue-100\/40 { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:border-blue-100\/50 { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:border-blue-100\/60 { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:border-blue-100\/70 { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:border-blue-100\/80 { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:border-blue-100\/90 { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:border-blue-200 { + border-color: var(--blue-200) + } + .sm\:border-blue-200\/10 { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:border-blue-200\/20 { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:border-blue-200\/30 { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:border-blue-200\/40 { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:border-blue-200\/50 { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:border-blue-200\/60 { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:border-blue-200\/70 { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:border-blue-200\/80 { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:border-blue-200\/90 { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:border-blue-300 { + border-color: var(--blue-300) + } + .sm\:border-blue-300\/10 { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:border-blue-300\/20 { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:border-blue-300\/30 { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:border-blue-300\/40 { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:border-blue-300\/50 { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:border-blue-300\/60 { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:border-blue-300\/70 { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:border-blue-300\/80 { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:border-blue-300\/90 { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:border-blue-400 { + border-color: var(--blue-400) + } + .sm\:border-blue-400\/10 { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:border-blue-400\/20 { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:border-blue-400\/30 { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:border-blue-400\/40 { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:border-blue-400\/50 { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:border-blue-400\/60 { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:border-blue-400\/70 { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:border-blue-400\/80 { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:border-blue-400\/90 { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:border-blue-500 { + border-color: var(--blue-500) + } + .sm\:border-blue-500\/10 { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:border-blue-500\/20 { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:border-blue-500\/30 { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:border-blue-500\/40 { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:border-blue-500\/50 { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:border-blue-500\/60 { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:border-blue-500\/70 { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:border-blue-500\/80 { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:border-blue-500\/90 { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:border-blue-600 { + border-color: var(--blue-600) + } + .sm\:border-blue-600\/10 { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:border-blue-600\/20 { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:border-blue-600\/30 { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:border-blue-600\/40 { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:border-blue-600\/50 { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:border-blue-600\/60 { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:border-blue-600\/70 { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:border-blue-600\/80 { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:border-blue-600\/90 { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:border-blue-700 { + border-color: var(--blue-700) + } + .sm\:border-blue-700\/10 { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:border-blue-700\/20 { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:border-blue-700\/30 { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:border-blue-700\/40 { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:border-blue-700\/50 { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:border-blue-700\/60 { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:border-blue-700\/70 { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:border-blue-700\/80 { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:border-blue-700\/90 { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:border-blue-800 { + border-color: var(--blue-800) + } + .sm\:border-blue-800\/10 { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:border-blue-800\/20 { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:border-blue-800\/30 { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:border-blue-800\/40 { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:border-blue-800\/50 { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:border-blue-800\/60 { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:border-blue-800\/70 { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:border-blue-800\/80 { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:border-blue-800\/90 { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:border-blue-900 { + border-color: var(--blue-900) + } + .sm\:border-blue-900\/10 { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:border-blue-900\/20 { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:border-blue-900\/30 { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:border-blue-900\/40 { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:border-blue-900\/50 { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:border-blue-900\/60 { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:border-blue-900\/70 { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:border-blue-900\/80 { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:border-blue-900\/90 { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:border-green-50 { + border-color: var(--green-50) + } + .sm\:border-green-50\/10 { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:border-green-50\/20 { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:border-green-50\/30 { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:border-green-50\/40 { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:border-green-50\/50 { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:border-green-50\/60 { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:border-green-50\/70 { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:border-green-50\/80 { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:border-green-50\/90 { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:border-green-100 { + border-color: var(--green-100) + } + .sm\:border-green-100\/10 { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:border-green-100\/20 { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:border-green-100\/30 { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:border-green-100\/40 { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:border-green-100\/50 { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:border-green-100\/60 { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:border-green-100\/70 { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:border-green-100\/80 { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:border-green-100\/90 { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:border-green-200 { + border-color: var(--green-200) + } + .sm\:border-green-200\/10 { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:border-green-200\/20 { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:border-green-200\/30 { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:border-green-200\/40 { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:border-green-200\/50 { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:border-green-200\/60 { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:border-green-200\/70 { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:border-green-200\/80 { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:border-green-200\/90 { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:border-green-300 { + border-color: var(--green-300) + } + .sm\:border-green-300\/10 { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:border-green-300\/20 { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:border-green-300\/30 { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:border-green-300\/40 { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:border-green-300\/50 { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:border-green-300\/60 { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:border-green-300\/70 { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:border-green-300\/80 { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:border-green-300\/90 { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:border-green-400 { + border-color: var(--green-400) + } + .sm\:border-green-400\/10 { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:border-green-400\/20 { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:border-green-400\/30 { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:border-green-400\/40 { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:border-green-400\/50 { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:border-green-400\/60 { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:border-green-400\/70 { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:border-green-400\/80 { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:border-green-400\/90 { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:border-green-500 { + border-color: var(--green-500) + } + .sm\:border-green-500\/10 { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:border-green-500\/20 { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:border-green-500\/30 { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:border-green-500\/40 { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:border-green-500\/50 { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:border-green-500\/60 { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:border-green-500\/70 { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:border-green-500\/80 { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:border-green-500\/90 { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:border-green-600 { + border-color: var(--green-600) + } + .sm\:border-green-600\/10 { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:border-green-600\/20 { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:border-green-600\/30 { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:border-green-600\/40 { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:border-green-600\/50 { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:border-green-600\/60 { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:border-green-600\/70 { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:border-green-600\/80 { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:border-green-600\/90 { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:border-green-700 { + border-color: var(--green-700) + } + .sm\:border-green-700\/10 { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:border-green-700\/20 { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:border-green-700\/30 { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:border-green-700\/40 { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:border-green-700\/50 { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:border-green-700\/60 { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:border-green-700\/70 { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:border-green-700\/80 { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:border-green-700\/90 { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:border-green-800 { + border-color: var(--green-800) + } + .sm\:border-green-800\/10 { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:border-green-800\/20 { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:border-green-800\/30 { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:border-green-800\/40 { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:border-green-800\/50 { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:border-green-800\/60 { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:border-green-800\/70 { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:border-green-800\/80 { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:border-green-800\/90 { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:border-green-900 { + border-color: var(--green-900) + } + .sm\:border-green-900\/10 { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:border-green-900\/20 { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:border-green-900\/30 { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:border-green-900\/40 { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:border-green-900\/50 { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:border-green-900\/60 { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:border-green-900\/70 { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:border-green-900\/80 { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:border-green-900\/90 { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:border-yellow-50 { + border-color: var(--yellow-50) + } + .sm\:border-yellow-50\/10 { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:border-yellow-50\/20 { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:border-yellow-50\/30 { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:border-yellow-50\/40 { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:border-yellow-50\/50 { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:border-yellow-50\/60 { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:border-yellow-50\/70 { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:border-yellow-50\/80 { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:border-yellow-50\/90 { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:border-yellow-100 { + border-color: var(--yellow-100) + } + .sm\:border-yellow-100\/10 { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:border-yellow-100\/20 { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:border-yellow-100\/30 { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:border-yellow-100\/40 { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:border-yellow-100\/50 { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:border-yellow-100\/60 { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:border-yellow-100\/70 { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:border-yellow-100\/80 { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:border-yellow-100\/90 { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:border-yellow-200 { + border-color: var(--yellow-200) + } + .sm\:border-yellow-200\/10 { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:border-yellow-200\/20 { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:border-yellow-200\/30 { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:border-yellow-200\/40 { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:border-yellow-200\/50 { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:border-yellow-200\/60 { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:border-yellow-200\/70 { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:border-yellow-200\/80 { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:border-yellow-200\/90 { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:border-yellow-300 { + border-color: var(--yellow-300) + } + .sm\:border-yellow-300\/10 { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:border-yellow-300\/20 { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:border-yellow-300\/30 { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:border-yellow-300\/40 { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:border-yellow-300\/50 { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:border-yellow-300\/60 { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:border-yellow-300\/70 { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:border-yellow-300\/80 { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:border-yellow-300\/90 { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:border-yellow-400 { + border-color: var(--yellow-400) + } + .sm\:border-yellow-400\/10 { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:border-yellow-400\/20 { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:border-yellow-400\/30 { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:border-yellow-400\/40 { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:border-yellow-400\/50 { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:border-yellow-400\/60 { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:border-yellow-400\/70 { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:border-yellow-400\/80 { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:border-yellow-400\/90 { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:border-yellow-500 { + border-color: var(--yellow-500) + } + .sm\:border-yellow-500\/10 { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:border-yellow-500\/20 { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:border-yellow-500\/30 { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:border-yellow-500\/40 { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:border-yellow-500\/50 { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:border-yellow-500\/60 { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:border-yellow-500\/70 { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:border-yellow-500\/80 { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:border-yellow-500\/90 { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:border-yellow-600 { + border-color: var(--yellow-600) + } + .sm\:border-yellow-600\/10 { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:border-yellow-600\/20 { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:border-yellow-600\/30 { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:border-yellow-600\/40 { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:border-yellow-600\/50 { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:border-yellow-600\/60 { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:border-yellow-600\/70 { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:border-yellow-600\/80 { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:border-yellow-600\/90 { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:border-yellow-700 { + border-color: var(--yellow-700) + } + .sm\:border-yellow-700\/10 { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:border-yellow-700\/20 { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:border-yellow-700\/30 { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:border-yellow-700\/40 { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:border-yellow-700\/50 { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:border-yellow-700\/60 { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:border-yellow-700\/70 { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:border-yellow-700\/80 { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:border-yellow-700\/90 { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:border-yellow-800 { + border-color: var(--yellow-800) + } + .sm\:border-yellow-800\/10 { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:border-yellow-800\/20 { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:border-yellow-800\/30 { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:border-yellow-800\/40 { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:border-yellow-800\/50 { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:border-yellow-800\/60 { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:border-yellow-800\/70 { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:border-yellow-800\/80 { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:border-yellow-800\/90 { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:border-yellow-900 { + border-color: var(--yellow-900) + } + .sm\:border-yellow-900\/10 { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:border-yellow-900\/20 { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:border-yellow-900\/30 { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:border-yellow-900\/40 { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:border-yellow-900\/50 { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:border-yellow-900\/60 { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:border-yellow-900\/70 { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:border-yellow-900\/80 { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:border-yellow-900\/90 { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:border-cyan-50 { + border-color: var(--cyan-50) + } + .sm\:border-cyan-50\/10 { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:border-cyan-50\/20 { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:border-cyan-50\/30 { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:border-cyan-50\/40 { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:border-cyan-50\/50 { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:border-cyan-50\/60 { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:border-cyan-50\/70 { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:border-cyan-50\/80 { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:border-cyan-50\/90 { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:border-cyan-100 { + border-color: var(--cyan-100) + } + .sm\:border-cyan-100\/10 { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:border-cyan-100\/20 { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:border-cyan-100\/30 { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:border-cyan-100\/40 { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:border-cyan-100\/50 { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:border-cyan-100\/60 { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:border-cyan-100\/70 { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:border-cyan-100\/80 { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:border-cyan-100\/90 { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:border-cyan-200 { + border-color: var(--cyan-200) + } + .sm\:border-cyan-200\/10 { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:border-cyan-200\/20 { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:border-cyan-200\/30 { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:border-cyan-200\/40 { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:border-cyan-200\/50 { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:border-cyan-200\/60 { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:border-cyan-200\/70 { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:border-cyan-200\/80 { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:border-cyan-200\/90 { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:border-cyan-300 { + border-color: var(--cyan-300) + } + .sm\:border-cyan-300\/10 { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:border-cyan-300\/20 { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:border-cyan-300\/30 { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:border-cyan-300\/40 { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:border-cyan-300\/50 { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:border-cyan-300\/60 { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:border-cyan-300\/70 { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:border-cyan-300\/80 { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:border-cyan-300\/90 { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:border-cyan-400 { + border-color: var(--cyan-400) + } + .sm\:border-cyan-400\/10 { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:border-cyan-400\/20 { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:border-cyan-400\/30 { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:border-cyan-400\/40 { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:border-cyan-400\/50 { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:border-cyan-400\/60 { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:border-cyan-400\/70 { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:border-cyan-400\/80 { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:border-cyan-400\/90 { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:border-cyan-500 { + border-color: var(--cyan-500) + } + .sm\:border-cyan-500\/10 { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:border-cyan-500\/20 { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:border-cyan-500\/30 { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:border-cyan-500\/40 { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:border-cyan-500\/50 { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:border-cyan-500\/60 { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:border-cyan-500\/70 { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:border-cyan-500\/80 { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:border-cyan-500\/90 { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:border-cyan-600 { + border-color: var(--cyan-600) + } + .sm\:border-cyan-600\/10 { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:border-cyan-600\/20 { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:border-cyan-600\/30 { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:border-cyan-600\/40 { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:border-cyan-600\/50 { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:border-cyan-600\/60 { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:border-cyan-600\/70 { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:border-cyan-600\/80 { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:border-cyan-600\/90 { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:border-cyan-700 { + border-color: var(--cyan-700) + } + .sm\:border-cyan-700\/10 { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:border-cyan-700\/20 { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:border-cyan-700\/30 { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:border-cyan-700\/40 { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:border-cyan-700\/50 { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:border-cyan-700\/60 { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:border-cyan-700\/70 { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:border-cyan-700\/80 { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:border-cyan-700\/90 { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:border-cyan-800 { + border-color: var(--cyan-800) + } + .sm\:border-cyan-800\/10 { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:border-cyan-800\/20 { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:border-cyan-800\/30 { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:border-cyan-800\/40 { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:border-cyan-800\/50 { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:border-cyan-800\/60 { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:border-cyan-800\/70 { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:border-cyan-800\/80 { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:border-cyan-800\/90 { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:border-cyan-900 { + border-color: var(--cyan-900) + } + .sm\:border-cyan-900\/10 { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:border-cyan-900\/20 { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:border-cyan-900\/30 { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:border-cyan-900\/40 { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:border-cyan-900\/50 { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:border-cyan-900\/60 { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:border-cyan-900\/70 { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:border-cyan-900\/80 { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:border-cyan-900\/90 { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:border-pink-50 { + border-color: var(--pink-50) + } + .sm\:border-pink-50\/10 { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:border-pink-50\/20 { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:border-pink-50\/30 { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:border-pink-50\/40 { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:border-pink-50\/50 { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:border-pink-50\/60 { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:border-pink-50\/70 { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:border-pink-50\/80 { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:border-pink-50\/90 { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:border-pink-100 { + border-color: var(--pink-100) + } + .sm\:border-pink-100\/10 { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:border-pink-100\/20 { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:border-pink-100\/30 { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:border-pink-100\/40 { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:border-pink-100\/50 { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:border-pink-100\/60 { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:border-pink-100\/70 { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:border-pink-100\/80 { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:border-pink-100\/90 { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:border-pink-200 { + border-color: var(--pink-200) + } + .sm\:border-pink-200\/10 { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:border-pink-200\/20 { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:border-pink-200\/30 { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:border-pink-200\/40 { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:border-pink-200\/50 { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:border-pink-200\/60 { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:border-pink-200\/70 { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:border-pink-200\/80 { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:border-pink-200\/90 { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:border-pink-300 { + border-color: var(--pink-300) + } + .sm\:border-pink-300\/10 { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:border-pink-300\/20 { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:border-pink-300\/30 { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:border-pink-300\/40 { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:border-pink-300\/50 { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:border-pink-300\/60 { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:border-pink-300\/70 { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:border-pink-300\/80 { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:border-pink-300\/90 { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:border-pink-400 { + border-color: var(--pink-400) + } + .sm\:border-pink-400\/10 { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:border-pink-400\/20 { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:border-pink-400\/30 { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:border-pink-400\/40 { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:border-pink-400\/50 { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:border-pink-400\/60 { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:border-pink-400\/70 { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:border-pink-400\/80 { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:border-pink-400\/90 { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:border-pink-500 { + border-color: var(--pink-500) + } + .sm\:border-pink-500\/10 { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:border-pink-500\/20 { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:border-pink-500\/30 { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:border-pink-500\/40 { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:border-pink-500\/50 { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:border-pink-500\/60 { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:border-pink-500\/70 { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:border-pink-500\/80 { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:border-pink-500\/90 { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:border-pink-600 { + border-color: var(--pink-600) + } + .sm\:border-pink-600\/10 { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:border-pink-600\/20 { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:border-pink-600\/30 { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:border-pink-600\/40 { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:border-pink-600\/50 { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:border-pink-600\/60 { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:border-pink-600\/70 { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:border-pink-600\/80 { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:border-pink-600\/90 { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:border-pink-700 { + border-color: var(--pink-700) + } + .sm\:border-pink-700\/10 { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:border-pink-700\/20 { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:border-pink-700\/30 { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:border-pink-700\/40 { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:border-pink-700\/50 { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:border-pink-700\/60 { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:border-pink-700\/70 { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:border-pink-700\/80 { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:border-pink-700\/90 { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:border-pink-800 { + border-color: var(--pink-800) + } + .sm\:border-pink-800\/10 { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:border-pink-800\/20 { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:border-pink-800\/30 { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:border-pink-800\/40 { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:border-pink-800\/50 { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:border-pink-800\/60 { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:border-pink-800\/70 { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:border-pink-800\/80 { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:border-pink-800\/90 { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:border-pink-900 { + border-color: var(--pink-900) + } + .sm\:border-pink-900\/10 { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:border-pink-900\/20 { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:border-pink-900\/30 { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:border-pink-900\/40 { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:border-pink-900\/50 { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:border-pink-900\/60 { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:border-pink-900\/70 { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:border-pink-900\/80 { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:border-pink-900\/90 { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:border-indigo-50 { + border-color: var(--indigo-50) + } + .sm\:border-indigo-50\/10 { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:border-indigo-50\/20 { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:border-indigo-50\/30 { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:border-indigo-50\/40 { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:border-indigo-50\/50 { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:border-indigo-50\/60 { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:border-indigo-50\/70 { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:border-indigo-50\/80 { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:border-indigo-50\/90 { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:border-indigo-100 { + border-color: var(--indigo-100) + } + .sm\:border-indigo-100\/10 { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:border-indigo-100\/20 { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:border-indigo-100\/30 { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:border-indigo-100\/40 { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:border-indigo-100\/50 { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:border-indigo-100\/60 { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:border-indigo-100\/70 { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:border-indigo-100\/80 { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:border-indigo-100\/90 { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:border-indigo-200 { + border-color: var(--indigo-200) + } + .sm\:border-indigo-200\/10 { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:border-indigo-200\/20 { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:border-indigo-200\/30 { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:border-indigo-200\/40 { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:border-indigo-200\/50 { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:border-indigo-200\/60 { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:border-indigo-200\/70 { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:border-indigo-200\/80 { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:border-indigo-200\/90 { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:border-indigo-300 { + border-color: var(--indigo-300) + } + .sm\:border-indigo-300\/10 { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:border-indigo-300\/20 { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:border-indigo-300\/30 { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:border-indigo-300\/40 { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:border-indigo-300\/50 { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:border-indigo-300\/60 { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:border-indigo-300\/70 { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:border-indigo-300\/80 { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:border-indigo-300\/90 { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:border-indigo-400 { + border-color: var(--indigo-400) + } + .sm\:border-indigo-400\/10 { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:border-indigo-400\/20 { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:border-indigo-400\/30 { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:border-indigo-400\/40 { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:border-indigo-400\/50 { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:border-indigo-400\/60 { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:border-indigo-400\/70 { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:border-indigo-400\/80 { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:border-indigo-400\/90 { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:border-indigo-500 { + border-color: var(--indigo-500) + } + .sm\:border-indigo-500\/10 { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:border-indigo-500\/20 { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:border-indigo-500\/30 { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:border-indigo-500\/40 { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:border-indigo-500\/50 { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:border-indigo-500\/60 { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:border-indigo-500\/70 { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:border-indigo-500\/80 { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:border-indigo-500\/90 { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:border-indigo-600 { + border-color: var(--indigo-600) + } + .sm\:border-indigo-600\/10 { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:border-indigo-600\/20 { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:border-indigo-600\/30 { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:border-indigo-600\/40 { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:border-indigo-600\/50 { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:border-indigo-600\/60 { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:border-indigo-600\/70 { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:border-indigo-600\/80 { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:border-indigo-600\/90 { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:border-indigo-700 { + border-color: var(--indigo-700) + } + .sm\:border-indigo-700\/10 { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:border-indigo-700\/20 { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:border-indigo-700\/30 { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:border-indigo-700\/40 { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:border-indigo-700\/50 { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:border-indigo-700\/60 { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:border-indigo-700\/70 { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:border-indigo-700\/80 { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:border-indigo-700\/90 { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:border-indigo-800 { + border-color: var(--indigo-800) + } + .sm\:border-indigo-800\/10 { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:border-indigo-800\/20 { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:border-indigo-800\/30 { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:border-indigo-800\/40 { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:border-indigo-800\/50 { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:border-indigo-800\/60 { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:border-indigo-800\/70 { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:border-indigo-800\/80 { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:border-indigo-800\/90 { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:border-indigo-900 { + border-color: var(--indigo-900) + } + .sm\:border-indigo-900\/10 { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:border-indigo-900\/20 { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:border-indigo-900\/30 { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:border-indigo-900\/40 { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:border-indigo-900\/50 { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:border-indigo-900\/60 { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:border-indigo-900\/70 { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:border-indigo-900\/80 { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:border-indigo-900\/90 { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:border-teal-50 { + border-color: var(--teal-50) + } + .sm\:border-teal-50\/10 { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:border-teal-50\/20 { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:border-teal-50\/30 { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:border-teal-50\/40 { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:border-teal-50\/50 { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:border-teal-50\/60 { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:border-teal-50\/70 { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:border-teal-50\/80 { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:border-teal-50\/90 { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:border-teal-100 { + border-color: var(--teal-100) + } + .sm\:border-teal-100\/10 { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:border-teal-100\/20 { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:border-teal-100\/30 { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:border-teal-100\/40 { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:border-teal-100\/50 { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:border-teal-100\/60 { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:border-teal-100\/70 { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:border-teal-100\/80 { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:border-teal-100\/90 { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:border-teal-200 { + border-color: var(--teal-200) + } + .sm\:border-teal-200\/10 { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:border-teal-200\/20 { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:border-teal-200\/30 { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:border-teal-200\/40 { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:border-teal-200\/50 { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:border-teal-200\/60 { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:border-teal-200\/70 { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:border-teal-200\/80 { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:border-teal-200\/90 { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:border-teal-300 { + border-color: var(--teal-300) + } + .sm\:border-teal-300\/10 { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:border-teal-300\/20 { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:border-teal-300\/30 { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:border-teal-300\/40 { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:border-teal-300\/50 { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:border-teal-300\/60 { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:border-teal-300\/70 { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:border-teal-300\/80 { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:border-teal-300\/90 { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:border-teal-400 { + border-color: var(--teal-400) + } + .sm\:border-teal-400\/10 { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:border-teal-400\/20 { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:border-teal-400\/30 { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:border-teal-400\/40 { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:border-teal-400\/50 { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:border-teal-400\/60 { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:border-teal-400\/70 { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:border-teal-400\/80 { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:border-teal-400\/90 { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:border-teal-500 { + border-color: var(--teal-500) + } + .sm\:border-teal-500\/10 { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:border-teal-500\/20 { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:border-teal-500\/30 { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:border-teal-500\/40 { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:border-teal-500\/50 { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:border-teal-500\/60 { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:border-teal-500\/70 { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:border-teal-500\/80 { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:border-teal-500\/90 { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:border-teal-600 { + border-color: var(--teal-600) + } + .sm\:border-teal-600\/10 { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:border-teal-600\/20 { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:border-teal-600\/30 { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:border-teal-600\/40 { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:border-teal-600\/50 { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:border-teal-600\/60 { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:border-teal-600\/70 { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:border-teal-600\/80 { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:border-teal-600\/90 { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:border-teal-700 { + border-color: var(--teal-700) + } + .sm\:border-teal-700\/10 { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:border-teal-700\/20 { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:border-teal-700\/30 { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:border-teal-700\/40 { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:border-teal-700\/50 { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:border-teal-700\/60 { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:border-teal-700\/70 { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:border-teal-700\/80 { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:border-teal-700\/90 { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:border-teal-800 { + border-color: var(--teal-800) + } + .sm\:border-teal-800\/10 { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:border-teal-800\/20 { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:border-teal-800\/30 { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:border-teal-800\/40 { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:border-teal-800\/50 { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:border-teal-800\/60 { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:border-teal-800\/70 { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:border-teal-800\/80 { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:border-teal-800\/90 { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:border-teal-900 { + border-color: var(--teal-900) + } + .sm\:border-teal-900\/10 { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:border-teal-900\/20 { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:border-teal-900\/30 { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:border-teal-900\/40 { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:border-teal-900\/50 { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:border-teal-900\/60 { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:border-teal-900\/70 { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:border-teal-900\/80 { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:border-teal-900\/90 { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:border-orange-50 { + border-color: var(--orange-50) + } + .sm\:border-orange-50\/10 { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:border-orange-50\/20 { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:border-orange-50\/30 { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:border-orange-50\/40 { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:border-orange-50\/50 { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:border-orange-50\/60 { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:border-orange-50\/70 { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:border-orange-50\/80 { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:border-orange-50\/90 { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:border-orange-100 { + border-color: var(--orange-100) + } + .sm\:border-orange-100\/10 { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:border-orange-100\/20 { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:border-orange-100\/30 { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:border-orange-100\/40 { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:border-orange-100\/50 { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:border-orange-100\/60 { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:border-orange-100\/70 { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:border-orange-100\/80 { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:border-orange-100\/90 { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:border-orange-200 { + border-color: var(--orange-200) + } + .sm\:border-orange-200\/10 { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:border-orange-200\/20 { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:border-orange-200\/30 { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:border-orange-200\/40 { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:border-orange-200\/50 { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:border-orange-200\/60 { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:border-orange-200\/70 { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:border-orange-200\/80 { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:border-orange-200\/90 { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:border-orange-300 { + border-color: var(--orange-300) + } + .sm\:border-orange-300\/10 { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:border-orange-300\/20 { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:border-orange-300\/30 { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:border-orange-300\/40 { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:border-orange-300\/50 { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:border-orange-300\/60 { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:border-orange-300\/70 { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:border-orange-300\/80 { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:border-orange-300\/90 { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:border-orange-400 { + border-color: var(--orange-400) + } + .sm\:border-orange-400\/10 { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:border-orange-400\/20 { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:border-orange-400\/30 { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:border-orange-400\/40 { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:border-orange-400\/50 { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:border-orange-400\/60 { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:border-orange-400\/70 { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:border-orange-400\/80 { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:border-orange-400\/90 { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:border-orange-500 { + border-color: var(--orange-500) + } + .sm\:border-orange-500\/10 { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:border-orange-500\/20 { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:border-orange-500\/30 { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:border-orange-500\/40 { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:border-orange-500\/50 { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:border-orange-500\/60 { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:border-orange-500\/70 { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:border-orange-500\/80 { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:border-orange-500\/90 { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:border-orange-600 { + border-color: var(--orange-600) + } + .sm\:border-orange-600\/10 { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:border-orange-600\/20 { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:border-orange-600\/30 { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:border-orange-600\/40 { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:border-orange-600\/50 { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:border-orange-600\/60 { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:border-orange-600\/70 { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:border-orange-600\/80 { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:border-orange-600\/90 { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:border-orange-700 { + border-color: var(--orange-700) + } + .sm\:border-orange-700\/10 { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:border-orange-700\/20 { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:border-orange-700\/30 { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:border-orange-700\/40 { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:border-orange-700\/50 { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:border-orange-700\/60 { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:border-orange-700\/70 { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:border-orange-700\/80 { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:border-orange-700\/90 { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:border-orange-800 { + border-color: var(--orange-800) + } + .sm\:border-orange-800\/10 { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:border-orange-800\/20 { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:border-orange-800\/30 { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:border-orange-800\/40 { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:border-orange-800\/50 { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:border-orange-800\/60 { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:border-orange-800\/70 { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:border-orange-800\/80 { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:border-orange-800\/90 { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:border-orange-900 { + border-color: var(--orange-900) + } + .sm\:border-orange-900\/10 { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:border-orange-900\/20 { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:border-orange-900\/30 { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:border-orange-900\/40 { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:border-orange-900\/50 { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:border-orange-900\/60 { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:border-orange-900\/70 { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:border-orange-900\/80 { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:border-orange-900\/90 { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:border-bluegray-50 { + border-color: var(--bluegray-50) + } + .sm\:border-bluegray-50\/10 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:border-bluegray-50\/20 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:border-bluegray-50\/30 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:border-bluegray-50\/40 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:border-bluegray-50\/50 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:border-bluegray-50\/60 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:border-bluegray-50\/70 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:border-bluegray-50\/80 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:border-bluegray-50\/90 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:border-bluegray-100 { + border-color: var(--bluegray-100) + } + .sm\:border-bluegray-100\/10 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:border-bluegray-100\/20 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:border-bluegray-100\/30 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:border-bluegray-100\/40 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:border-bluegray-100\/50 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:border-bluegray-100\/60 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:border-bluegray-100\/70 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:border-bluegray-100\/80 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:border-bluegray-100\/90 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:border-bluegray-200 { + border-color: var(--bluegray-200) + } + .sm\:border-bluegray-200\/10 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:border-bluegray-200\/20 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:border-bluegray-200\/30 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:border-bluegray-200\/40 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:border-bluegray-200\/50 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:border-bluegray-200\/60 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:border-bluegray-200\/70 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:border-bluegray-200\/80 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:border-bluegray-200\/90 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:border-bluegray-300 { + border-color: var(--bluegray-300) + } + .sm\:border-bluegray-300\/10 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:border-bluegray-300\/20 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:border-bluegray-300\/30 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:border-bluegray-300\/40 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:border-bluegray-300\/50 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:border-bluegray-300\/60 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:border-bluegray-300\/70 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:border-bluegray-300\/80 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:border-bluegray-300\/90 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:border-bluegray-400 { + border-color: var(--bluegray-400) + } + .sm\:border-bluegray-400\/10 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:border-bluegray-400\/20 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:border-bluegray-400\/30 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:border-bluegray-400\/40 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:border-bluegray-400\/50 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:border-bluegray-400\/60 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:border-bluegray-400\/70 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:border-bluegray-400\/80 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:border-bluegray-400\/90 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:border-bluegray-500 { + border-color: var(--bluegray-500) + } + .sm\:border-bluegray-500\/10 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:border-bluegray-500\/20 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:border-bluegray-500\/30 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:border-bluegray-500\/40 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:border-bluegray-500\/50 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:border-bluegray-500\/60 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:border-bluegray-500\/70 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:border-bluegray-500\/80 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:border-bluegray-500\/90 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:border-bluegray-600 { + border-color: var(--bluegray-600) + } + .sm\:border-bluegray-600\/10 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:border-bluegray-600\/20 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:border-bluegray-600\/30 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:border-bluegray-600\/40 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:border-bluegray-600\/50 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:border-bluegray-600\/60 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:border-bluegray-600\/70 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:border-bluegray-600\/80 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:border-bluegray-600\/90 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:border-bluegray-700 { + border-color: var(--bluegray-700) + } + .sm\:border-bluegray-700\/10 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:border-bluegray-700\/20 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:border-bluegray-700\/30 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:border-bluegray-700\/40 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:border-bluegray-700\/50 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:border-bluegray-700\/60 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:border-bluegray-700\/70 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:border-bluegray-700\/80 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:border-bluegray-700\/90 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:border-bluegray-800 { + border-color: var(--bluegray-800) + } + .sm\:border-bluegray-800\/10 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:border-bluegray-800\/20 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:border-bluegray-800\/30 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:border-bluegray-800\/40 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:border-bluegray-800\/50 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:border-bluegray-800\/60 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:border-bluegray-800\/70 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:border-bluegray-800\/80 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:border-bluegray-800\/90 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:border-bluegray-900 { + border-color: var(--bluegray-900) + } + .sm\:border-bluegray-900\/10 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:border-bluegray-900\/20 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:border-bluegray-900\/30 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:border-bluegray-900\/40 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:border-bluegray-900\/50 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:border-bluegray-900\/60 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:border-bluegray-900\/70 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:border-bluegray-900\/80 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:border-bluegray-900\/90 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:border-purple-50 { + border-color: var(--purple-50) + } + .sm\:border-purple-50\/10 { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:border-purple-50\/20 { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:border-purple-50\/30 { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:border-purple-50\/40 { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:border-purple-50\/50 { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:border-purple-50\/60 { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:border-purple-50\/70 { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:border-purple-50\/80 { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:border-purple-50\/90 { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:border-purple-100 { + border-color: var(--purple-100) + } + .sm\:border-purple-100\/10 { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:border-purple-100\/20 { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:border-purple-100\/30 { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:border-purple-100\/40 { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:border-purple-100\/50 { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:border-purple-100\/60 { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:border-purple-100\/70 { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:border-purple-100\/80 { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:border-purple-100\/90 { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:border-purple-200 { + border-color: var(--purple-200) + } + .sm\:border-purple-200\/10 { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:border-purple-200\/20 { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:border-purple-200\/30 { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:border-purple-200\/40 { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:border-purple-200\/50 { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:border-purple-200\/60 { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:border-purple-200\/70 { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:border-purple-200\/80 { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:border-purple-200\/90 { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:border-purple-300 { + border-color: var(--purple-300) + } + .sm\:border-purple-300\/10 { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:border-purple-300\/20 { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:border-purple-300\/30 { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:border-purple-300\/40 { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:border-purple-300\/50 { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:border-purple-300\/60 { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:border-purple-300\/70 { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:border-purple-300\/80 { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:border-purple-300\/90 { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:border-purple-400 { + border-color: var(--purple-400) + } + .sm\:border-purple-400\/10 { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:border-purple-400\/20 { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:border-purple-400\/30 { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:border-purple-400\/40 { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:border-purple-400\/50 { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:border-purple-400\/60 { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:border-purple-400\/70 { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:border-purple-400\/80 { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:border-purple-400\/90 { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:border-purple-500 { + border-color: var(--purple-500) + } + .sm\:border-purple-500\/10 { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:border-purple-500\/20 { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:border-purple-500\/30 { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:border-purple-500\/40 { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:border-purple-500\/50 { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:border-purple-500\/60 { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:border-purple-500\/70 { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:border-purple-500\/80 { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:border-purple-500\/90 { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:border-purple-600 { + border-color: var(--purple-600) + } + .sm\:border-purple-600\/10 { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:border-purple-600\/20 { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:border-purple-600\/30 { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:border-purple-600\/40 { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:border-purple-600\/50 { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:border-purple-600\/60 { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:border-purple-600\/70 { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:border-purple-600\/80 { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:border-purple-600\/90 { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:border-purple-700 { + border-color: var(--purple-700) + } + .sm\:border-purple-700\/10 { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:border-purple-700\/20 { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:border-purple-700\/30 { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:border-purple-700\/40 { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:border-purple-700\/50 { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:border-purple-700\/60 { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:border-purple-700\/70 { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:border-purple-700\/80 { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:border-purple-700\/90 { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:border-purple-800 { + border-color: var(--purple-800) + } + .sm\:border-purple-800\/10 { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:border-purple-800\/20 { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:border-purple-800\/30 { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:border-purple-800\/40 { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:border-purple-800\/50 { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:border-purple-800\/60 { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:border-purple-800\/70 { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:border-purple-800\/80 { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:border-purple-800\/90 { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:border-purple-900 { + border-color: var(--purple-900) + } + .sm\:border-purple-900\/10 { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:border-purple-900\/20 { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:border-purple-900\/30 { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:border-purple-900\/40 { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:border-purple-900\/50 { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:border-purple-900\/60 { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:border-purple-900\/70 { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:border-purple-900\/80 { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:border-purple-900\/90 { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:border-red-50 { + border-color: var(--red-50) + } + .sm\:border-red-50\/10 { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:border-red-50\/20 { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:border-red-50\/30 { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:border-red-50\/40 { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:border-red-50\/50 { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:border-red-50\/60 { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:border-red-50\/70 { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:border-red-50\/80 { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:border-red-50\/90 { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:border-red-100 { + border-color: var(--red-100) + } + .sm\:border-red-100\/10 { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:border-red-100\/20 { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:border-red-100\/30 { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:border-red-100\/40 { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:border-red-100\/50 { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:border-red-100\/60 { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:border-red-100\/70 { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:border-red-100\/80 { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:border-red-100\/90 { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:border-red-200 { + border-color: var(--red-200) + } + .sm\:border-red-200\/10 { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:border-red-200\/20 { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:border-red-200\/30 { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:border-red-200\/40 { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:border-red-200\/50 { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:border-red-200\/60 { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:border-red-200\/70 { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:border-red-200\/80 { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:border-red-200\/90 { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:border-red-300 { + border-color: var(--red-300) + } + .sm\:border-red-300\/10 { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:border-red-300\/20 { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:border-red-300\/30 { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:border-red-300\/40 { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:border-red-300\/50 { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:border-red-300\/60 { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:border-red-300\/70 { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:border-red-300\/80 { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:border-red-300\/90 { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:border-red-400 { + border-color: var(--red-400) + } + .sm\:border-red-400\/10 { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:border-red-400\/20 { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:border-red-400\/30 { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:border-red-400\/40 { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:border-red-400\/50 { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:border-red-400\/60 { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:border-red-400\/70 { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:border-red-400\/80 { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:border-red-400\/90 { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:border-red-500 { + border-color: var(--red-500) + } + .sm\:border-red-500\/10 { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:border-red-500\/20 { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:border-red-500\/30 { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:border-red-500\/40 { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:border-red-500\/50 { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:border-red-500\/60 { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:border-red-500\/70 { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:border-red-500\/80 { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:border-red-500\/90 { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:border-red-600 { + border-color: var(--red-600) + } + .sm\:border-red-600\/10 { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:border-red-600\/20 { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:border-red-600\/30 { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:border-red-600\/40 { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:border-red-600\/50 { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:border-red-600\/60 { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:border-red-600\/70 { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:border-red-600\/80 { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:border-red-600\/90 { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:border-red-700 { + border-color: var(--red-700) + } + .sm\:border-red-700\/10 { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:border-red-700\/20 { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:border-red-700\/30 { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:border-red-700\/40 { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:border-red-700\/50 { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:border-red-700\/60 { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:border-red-700\/70 { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:border-red-700\/80 { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:border-red-700\/90 { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:border-red-800 { + border-color: var(--red-800) + } + .sm\:border-red-800\/10 { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:border-red-800\/20 { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:border-red-800\/30 { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:border-red-800\/40 { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:border-red-800\/50 { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:border-red-800\/60 { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:border-red-800\/70 { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:border-red-800\/80 { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:border-red-800\/90 { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:border-red-900 { + border-color: var(--red-900) + } + .sm\:border-red-900\/10 { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:border-red-900\/20 { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:border-red-900\/30 { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:border-red-900\/40 { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:border-red-900\/50 { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:border-red-900\/60 { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:border-red-900\/70 { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:border-red-900\/80 { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:border-red-900\/90 { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:border-gray-50 { + border-color: var(--gray-50) + } + .sm\:border-gray-50\/10 { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:border-gray-50\/20 { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:border-gray-50\/30 { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:border-gray-50\/40 { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:border-gray-50\/50 { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:border-gray-50\/60 { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:border-gray-50\/70 { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:border-gray-50\/80 { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:border-gray-50\/90 { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:border-gray-100 { + border-color: var(--gray-100) + } + .sm\:border-gray-100\/10 { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:border-gray-100\/20 { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:border-gray-100\/30 { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:border-gray-100\/40 { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:border-gray-100\/50 { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:border-gray-100\/60 { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:border-gray-100\/70 { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:border-gray-100\/80 { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:border-gray-100\/90 { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:border-gray-200 { + border-color: var(--gray-200) + } + .sm\:border-gray-200\/10 { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:border-gray-200\/20 { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:border-gray-200\/30 { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:border-gray-200\/40 { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:border-gray-200\/50 { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:border-gray-200\/60 { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:border-gray-200\/70 { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:border-gray-200\/80 { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:border-gray-200\/90 { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:border-gray-300 { + border-color: var(--gray-300) + } + .sm\:border-gray-300\/10 { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:border-gray-300\/20 { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:border-gray-300\/30 { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:border-gray-300\/40 { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:border-gray-300\/50 { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:border-gray-300\/60 { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:border-gray-300\/70 { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:border-gray-300\/80 { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:border-gray-300\/90 { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:border-gray-400 { + border-color: var(--gray-400) + } + .sm\:border-gray-400\/10 { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:border-gray-400\/20 { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:border-gray-400\/30 { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:border-gray-400\/40 { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:border-gray-400\/50 { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:border-gray-400\/60 { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:border-gray-400\/70 { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:border-gray-400\/80 { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:border-gray-400\/90 { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:border-gray-500 { + border-color: var(--gray-500) + } + .sm\:border-gray-500\/10 { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:border-gray-500\/20 { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:border-gray-500\/30 { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:border-gray-500\/40 { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:border-gray-500\/50 { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:border-gray-500\/60 { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:border-gray-500\/70 { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:border-gray-500\/80 { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:border-gray-500\/90 { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:border-gray-600 { + border-color: var(--gray-600) + } + .sm\:border-gray-600\/10 { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:border-gray-600\/20 { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:border-gray-600\/30 { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:border-gray-600\/40 { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:border-gray-600\/50 { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:border-gray-600\/60 { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:border-gray-600\/70 { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:border-gray-600\/80 { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:border-gray-600\/90 { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:border-gray-700 { + border-color: var(--gray-700) + } + .sm\:border-gray-700\/10 { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:border-gray-700\/20 { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:border-gray-700\/30 { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:border-gray-700\/40 { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:border-gray-700\/50 { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:border-gray-700\/60 { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:border-gray-700\/70 { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:border-gray-700\/80 { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:border-gray-700\/90 { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:border-gray-800 { + border-color: var(--gray-800) + } + .sm\:border-gray-800\/10 { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:border-gray-800\/20 { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:border-gray-800\/30 { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:border-gray-800\/40 { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:border-gray-800\/50 { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:border-gray-800\/60 { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:border-gray-800\/70 { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:border-gray-800\/80 { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:border-gray-800\/90 { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:border-gray-900 { + border-color: var(--gray-900) + } + .sm\:border-gray-900\/10 { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:border-gray-900\/20 { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:border-gray-900\/30 { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:border-gray-900\/40 { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:border-gray-900\/50 { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:border-gray-900\/60 { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:border-gray-900\/70 { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:border-gray-900\/80 { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:border-gray-900\/90 { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:border-surface-0 { + border-color: var(--surface-0) + } + .sm\:border-surface-0\/10 { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:border-surface-0\/20 { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:border-surface-0\/30 { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:border-surface-0\/40 { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:border-surface-0\/50 { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:border-surface-0\/60 { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:border-surface-0\/70 { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:border-surface-0\/80 { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:border-surface-0\/90 { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:border-surface-50 { + border-color: var(--surface-50) + } + .sm\:border-surface-50\/10 { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:border-surface-50\/20 { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:border-surface-50\/30 { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:border-surface-50\/40 { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:border-surface-50\/50 { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:border-surface-50\/60 { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:border-surface-50\/70 { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:border-surface-50\/80 { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:border-surface-50\/90 { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:border-surface-100 { + border-color: var(--surface-100) + } + .sm\:border-surface-100\/10 { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:border-surface-100\/20 { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:border-surface-100\/30 { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:border-surface-100\/40 { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:border-surface-100\/50 { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:border-surface-100\/60 { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:border-surface-100\/70 { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:border-surface-100\/80 { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:border-surface-100\/90 { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:border-surface-200 { + border-color: var(--surface-200) + } + .sm\:border-surface-200\/10 { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:border-surface-200\/20 { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:border-surface-200\/30 { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:border-surface-200\/40 { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:border-surface-200\/50 { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:border-surface-200\/60 { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:border-surface-200\/70 { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:border-surface-200\/80 { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:border-surface-200\/90 { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:border-surface-300 { + border-color: var(--surface-300) + } + .sm\:border-surface-300\/10 { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:border-surface-300\/20 { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:border-surface-300\/30 { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:border-surface-300\/40 { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:border-surface-300\/50 { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:border-surface-300\/60 { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:border-surface-300\/70 { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:border-surface-300\/80 { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:border-surface-300\/90 { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:border-surface-400 { + border-color: var(--surface-400) + } + .sm\:border-surface-400\/10 { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:border-surface-400\/20 { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:border-surface-400\/30 { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:border-surface-400\/40 { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:border-surface-400\/50 { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:border-surface-400\/60 { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:border-surface-400\/70 { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:border-surface-400\/80 { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:border-surface-400\/90 { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:border-surface-500 { + border-color: var(--surface-500) + } + .sm\:border-surface-500\/10 { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:border-surface-500\/20 { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:border-surface-500\/30 { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:border-surface-500\/40 { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:border-surface-500\/50 { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:border-surface-500\/60 { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:border-surface-500\/70 { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:border-surface-500\/80 { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:border-surface-500\/90 { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:border-surface-600 { + border-color: var(--surface-600) + } + .sm\:border-surface-600\/10 { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:border-surface-600\/20 { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:border-surface-600\/30 { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:border-surface-600\/40 { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:border-surface-600\/50 { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:border-surface-600\/60 { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:border-surface-600\/70 { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:border-surface-600\/80 { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:border-surface-600\/90 { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:border-surface-700 { + border-color: var(--surface-700) + } + .sm\:border-surface-700\/10 { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:border-surface-700\/20 { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:border-surface-700\/30 { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:border-surface-700\/40 { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:border-surface-700\/50 { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:border-surface-700\/60 { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:border-surface-700\/70 { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:border-surface-700\/80 { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:border-surface-700\/90 { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:border-surface-800 { + border-color: var(--surface-800) + } + .sm\:border-surface-800\/10 { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:border-surface-800\/20 { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:border-surface-800\/30 { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:border-surface-800\/40 { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:border-surface-800\/50 { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:border-surface-800\/60 { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:border-surface-800\/70 { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:border-surface-800\/80 { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:border-surface-800\/90 { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:border-surface-900 { + border-color: var(--surface-900) + } + .sm\:border-surface-900\/10 { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:border-surface-900\/20 { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:border-surface-900\/30 { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:border-surface-900\/40 { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:border-surface-900\/50 { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:border-surface-900\/60 { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:border-surface-900\/70 { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:border-surface-900\/80 { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:border-surface-900\/90 { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:border-primary-50 { + border-color: var(--primary-50) + } + .sm\:border-primary-50\/10 { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:border-primary-50\/20 { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:border-primary-50\/30 { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:border-primary-50\/40 { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:border-primary-50\/50 { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:border-primary-50\/60 { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:border-primary-50\/70 { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:border-primary-50\/80 { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:border-primary-50\/90 { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:border-primary-100 { + border-color: var(--primary-100) + } + .sm\:border-primary-100\/10 { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:border-primary-100\/20 { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:border-primary-100\/30 { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:border-primary-100\/40 { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:border-primary-100\/50 { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:border-primary-100\/60 { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:border-primary-100\/70 { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:border-primary-100\/80 { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:border-primary-100\/90 { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:border-primary-200 { + border-color: var(--primary-200) + } + .sm\:border-primary-200\/10 { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:border-primary-200\/20 { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:border-primary-200\/30 { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:border-primary-200\/40 { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:border-primary-200\/50 { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:border-primary-200\/60 { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:border-primary-200\/70 { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:border-primary-200\/80 { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:border-primary-200\/90 { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:border-primary-300 { + border-color: var(--primary-300) + } + .sm\:border-primary-300\/10 { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:border-primary-300\/20 { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:border-primary-300\/30 { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:border-primary-300\/40 { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:border-primary-300\/50 { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:border-primary-300\/60 { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:border-primary-300\/70 { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:border-primary-300\/80 { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:border-primary-300\/90 { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:border-primary-400 { + border-color: var(--primary-400) + } + .sm\:border-primary-400\/10 { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:border-primary-400\/20 { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:border-primary-400\/30 { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:border-primary-400\/40 { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:border-primary-400\/50 { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:border-primary-400\/60 { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:border-primary-400\/70 { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:border-primary-400\/80 { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:border-primary-400\/90 { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:border-primary-500 { + border-color: var(--primary-500) + } + .sm\:border-primary-500\/10 { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:border-primary-500\/20 { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:border-primary-500\/30 { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:border-primary-500\/40 { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:border-primary-500\/50 { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:border-primary-500\/60 { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:border-primary-500\/70 { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:border-primary-500\/80 { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:border-primary-500\/90 { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:border-primary-600 { + border-color: var(--primary-600) + } + .sm\:border-primary-600\/10 { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:border-primary-600\/20 { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:border-primary-600\/30 { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:border-primary-600\/40 { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:border-primary-600\/50 { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:border-primary-600\/60 { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:border-primary-600\/70 { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:border-primary-600\/80 { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:border-primary-600\/90 { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:border-primary-700 { + border-color: var(--primary-700) + } + .sm\:border-primary-700\/10 { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:border-primary-700\/20 { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:border-primary-700\/30 { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:border-primary-700\/40 { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:border-primary-700\/50 { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:border-primary-700\/60 { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:border-primary-700\/70 { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:border-primary-700\/80 { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:border-primary-700\/90 { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:border-primary-800 { + border-color: var(--primary-800) + } + .sm\:border-primary-800\/10 { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:border-primary-800\/20 { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:border-primary-800\/30 { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:border-primary-800\/40 { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:border-primary-800\/50 { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:border-primary-800\/60 { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:border-primary-800\/70 { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:border-primary-800\/80 { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:border-primary-800\/90 { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:border-primary-900 { + border-color: var(--primary-900) + } + .sm\:border-primary-900\/10 { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:border-primary-900\/20 { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:border-primary-900\/30 { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:border-primary-900\/40 { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:border-primary-900\/50 { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:border-primary-900\/60 { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:border-primary-900\/70 { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:border-primary-900\/80 { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:border-primary-900\/90 { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:border-blue-50:focus { + border-color: var(--blue-50) + } + .sm\:hover\:border-blue-50:hover { + border-color: var(--blue-50) + } + .sm\:active\:border-blue-50:active { + border-color: var(--blue-50) + } + .sm\:focus\:border-blue-50\/10:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:border-blue-50\/10:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:border-blue-50\/10:active { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:border-blue-50\/20:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:border-blue-50\/20:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:border-blue-50\/20:active { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:border-blue-50\/30:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:border-blue-50\/30:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:border-blue-50\/30:active { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:border-blue-50\/40:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:border-blue-50\/40:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:border-blue-50\/40:active { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:border-blue-50\/50:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:border-blue-50\/50:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:border-blue-50\/50:active { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:border-blue-50\/60:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:border-blue-50\/60:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:border-blue-50\/60:active { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:border-blue-50\/70:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:border-blue-50\/70:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:border-blue-50\/70:active { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:border-blue-50\/80:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:border-blue-50\/80:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:border-blue-50\/80:active { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:border-blue-50\/90:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:border-blue-50\/90:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:border-blue-50\/90:active { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:border-blue-100:focus { + border-color: var(--blue-100) + } + .sm\:hover\:border-blue-100:hover { + border-color: var(--blue-100) + } + .sm\:active\:border-blue-100:active { + border-color: var(--blue-100) + } + .sm\:focus\:border-blue-100\/10:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:border-blue-100\/10:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:border-blue-100\/10:active { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:border-blue-100\/20:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:border-blue-100\/20:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:border-blue-100\/20:active { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:border-blue-100\/30:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:border-blue-100\/30:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:border-blue-100\/30:active { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:border-blue-100\/40:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:border-blue-100\/40:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:border-blue-100\/40:active { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:border-blue-100\/50:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:border-blue-100\/50:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:border-blue-100\/50:active { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:border-blue-100\/60:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:border-blue-100\/60:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:border-blue-100\/60:active { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:border-blue-100\/70:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:border-blue-100\/70:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:border-blue-100\/70:active { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:border-blue-100\/80:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:border-blue-100\/80:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:border-blue-100\/80:active { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:border-blue-100\/90:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:border-blue-100\/90:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:border-blue-100\/90:active { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:border-blue-200:focus { + border-color: var(--blue-200) + } + .sm\:hover\:border-blue-200:hover { + border-color: var(--blue-200) + } + .sm\:active\:border-blue-200:active { + border-color: var(--blue-200) + } + .sm\:focus\:border-blue-200\/10:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:border-blue-200\/10:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:border-blue-200\/10:active { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:border-blue-200\/20:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:border-blue-200\/20:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:border-blue-200\/20:active { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:border-blue-200\/30:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:border-blue-200\/30:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:border-blue-200\/30:active { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:border-blue-200\/40:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:border-blue-200\/40:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:border-blue-200\/40:active { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:border-blue-200\/50:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:border-blue-200\/50:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:border-blue-200\/50:active { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:border-blue-200\/60:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:border-blue-200\/60:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:border-blue-200\/60:active { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:border-blue-200\/70:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:border-blue-200\/70:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:border-blue-200\/70:active { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:border-blue-200\/80:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:border-blue-200\/80:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:border-blue-200\/80:active { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:border-blue-200\/90:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:border-blue-200\/90:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:border-blue-200\/90:active { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:border-blue-300:focus { + border-color: var(--blue-300) + } + .sm\:hover\:border-blue-300:hover { + border-color: var(--blue-300) + } + .sm\:active\:border-blue-300:active { + border-color: var(--blue-300) + } + .sm\:focus\:border-blue-300\/10:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:border-blue-300\/10:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:border-blue-300\/10:active { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:border-blue-300\/20:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:border-blue-300\/20:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:border-blue-300\/20:active { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:border-blue-300\/30:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:border-blue-300\/30:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:border-blue-300\/30:active { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:border-blue-300\/40:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:border-blue-300\/40:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:border-blue-300\/40:active { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:border-blue-300\/50:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:border-blue-300\/50:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:border-blue-300\/50:active { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:border-blue-300\/60:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:border-blue-300\/60:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:border-blue-300\/60:active { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:border-blue-300\/70:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:border-blue-300\/70:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:border-blue-300\/70:active { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:border-blue-300\/80:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:border-blue-300\/80:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:border-blue-300\/80:active { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:border-blue-300\/90:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:border-blue-300\/90:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:border-blue-300\/90:active { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:border-blue-400:focus { + border-color: var(--blue-400) + } + .sm\:hover\:border-blue-400:hover { + border-color: var(--blue-400) + } + .sm\:active\:border-blue-400:active { + border-color: var(--blue-400) + } + .sm\:focus\:border-blue-400\/10:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:border-blue-400\/10:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:border-blue-400\/10:active { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:border-blue-400\/20:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:border-blue-400\/20:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:border-blue-400\/20:active { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:border-blue-400\/30:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:border-blue-400\/30:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:border-blue-400\/30:active { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:border-blue-400\/40:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:border-blue-400\/40:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:border-blue-400\/40:active { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:border-blue-400\/50:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:border-blue-400\/50:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:border-blue-400\/50:active { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:border-blue-400\/60:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:border-blue-400\/60:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:border-blue-400\/60:active { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:border-blue-400\/70:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:border-blue-400\/70:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:border-blue-400\/70:active { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:border-blue-400\/80:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:border-blue-400\/80:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:border-blue-400\/80:active { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:border-blue-400\/90:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:border-blue-400\/90:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:border-blue-400\/90:active { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:border-blue-500:focus { + border-color: var(--blue-500) + } + .sm\:hover\:border-blue-500:hover { + border-color: var(--blue-500) + } + .sm\:active\:border-blue-500:active { + border-color: var(--blue-500) + } + .sm\:focus\:border-blue-500\/10:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:border-blue-500\/10:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:border-blue-500\/10:active { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:border-blue-500\/20:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:border-blue-500\/20:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:border-blue-500\/20:active { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:border-blue-500\/30:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:border-blue-500\/30:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:border-blue-500\/30:active { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:border-blue-500\/40:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:border-blue-500\/40:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:border-blue-500\/40:active { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:border-blue-500\/50:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:border-blue-500\/50:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:border-blue-500\/50:active { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:border-blue-500\/60:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:border-blue-500\/60:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:border-blue-500\/60:active { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:border-blue-500\/70:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:border-blue-500\/70:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:border-blue-500\/70:active { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:border-blue-500\/80:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:border-blue-500\/80:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:border-blue-500\/80:active { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:border-blue-500\/90:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:border-blue-500\/90:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:border-blue-500\/90:active { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:border-blue-600:focus { + border-color: var(--blue-600) + } + .sm\:hover\:border-blue-600:hover { + border-color: var(--blue-600) + } + .sm\:active\:border-blue-600:active { + border-color: var(--blue-600) + } + .sm\:focus\:border-blue-600\/10:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:border-blue-600\/10:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:border-blue-600\/10:active { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:border-blue-600\/20:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:border-blue-600\/20:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:border-blue-600\/20:active { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:border-blue-600\/30:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:border-blue-600\/30:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:border-blue-600\/30:active { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:border-blue-600\/40:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:border-blue-600\/40:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:border-blue-600\/40:active { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:border-blue-600\/50:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:border-blue-600\/50:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:border-blue-600\/50:active { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:border-blue-600\/60:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:border-blue-600\/60:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:border-blue-600\/60:active { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:border-blue-600\/70:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:border-blue-600\/70:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:border-blue-600\/70:active { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:border-blue-600\/80:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:border-blue-600\/80:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:border-blue-600\/80:active { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:border-blue-600\/90:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:border-blue-600\/90:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:border-blue-600\/90:active { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:border-blue-700:focus { + border-color: var(--blue-700) + } + .sm\:hover\:border-blue-700:hover { + border-color: var(--blue-700) + } + .sm\:active\:border-blue-700:active { + border-color: var(--blue-700) + } + .sm\:focus\:border-blue-700\/10:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:border-blue-700\/10:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:border-blue-700\/10:active { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:border-blue-700\/20:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:border-blue-700\/20:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:border-blue-700\/20:active { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:border-blue-700\/30:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:border-blue-700\/30:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:border-blue-700\/30:active { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:border-blue-700\/40:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:border-blue-700\/40:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:border-blue-700\/40:active { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:border-blue-700\/50:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:border-blue-700\/50:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:border-blue-700\/50:active { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:border-blue-700\/60:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:border-blue-700\/60:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:border-blue-700\/60:active { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:border-blue-700\/70:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:border-blue-700\/70:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:border-blue-700\/70:active { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:border-blue-700\/80:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:border-blue-700\/80:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:border-blue-700\/80:active { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:border-blue-700\/90:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:border-blue-700\/90:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:border-blue-700\/90:active { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:border-blue-800:focus { + border-color: var(--blue-800) + } + .sm\:hover\:border-blue-800:hover { + border-color: var(--blue-800) + } + .sm\:active\:border-blue-800:active { + border-color: var(--blue-800) + } + .sm\:focus\:border-blue-800\/10:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:border-blue-800\/10:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:border-blue-800\/10:active { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:border-blue-800\/20:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:border-blue-800\/20:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:border-blue-800\/20:active { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:border-blue-800\/30:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:border-blue-800\/30:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:border-blue-800\/30:active { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:border-blue-800\/40:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:border-blue-800\/40:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:border-blue-800\/40:active { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:border-blue-800\/50:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:border-blue-800\/50:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:border-blue-800\/50:active { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:border-blue-800\/60:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:border-blue-800\/60:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:border-blue-800\/60:active { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:border-blue-800\/70:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:border-blue-800\/70:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:border-blue-800\/70:active { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:border-blue-800\/80:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:border-blue-800\/80:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:border-blue-800\/80:active { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:border-blue-800\/90:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:border-blue-800\/90:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:border-blue-800\/90:active { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:border-blue-900:focus { + border-color: var(--blue-900) + } + .sm\:hover\:border-blue-900:hover { + border-color: var(--blue-900) + } + .sm\:active\:border-blue-900:active { + border-color: var(--blue-900) + } + .sm\:focus\:border-blue-900\/10:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:border-blue-900\/10:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:border-blue-900\/10:active { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:border-blue-900\/20:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:border-blue-900\/20:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:border-blue-900\/20:active { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:border-blue-900\/30:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:border-blue-900\/30:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:border-blue-900\/30:active { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:border-blue-900\/40:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:border-blue-900\/40:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:border-blue-900\/40:active { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:border-blue-900\/50:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:border-blue-900\/50:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:border-blue-900\/50:active { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:border-blue-900\/60:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:border-blue-900\/60:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:border-blue-900\/60:active { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:border-blue-900\/70:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:border-blue-900\/70:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:border-blue-900\/70:active { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:border-blue-900\/80:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:border-blue-900\/80:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:border-blue-900\/80:active { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:border-blue-900\/90:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:border-blue-900\/90:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:border-blue-900\/90:active { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:border-green-50:focus { + border-color: var(--green-50) + } + .sm\:hover\:border-green-50:hover { + border-color: var(--green-50) + } + .sm\:active\:border-green-50:active { + border-color: var(--green-50) + } + .sm\:focus\:border-green-50\/10:focus { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:border-green-50\/10:hover { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:border-green-50\/10:active { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:border-green-50\/20:focus { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:border-green-50\/20:hover { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:border-green-50\/20:active { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:border-green-50\/30:focus { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:border-green-50\/30:hover { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:border-green-50\/30:active { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:border-green-50\/40:focus { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:border-green-50\/40:hover { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:border-green-50\/40:active { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:border-green-50\/50:focus { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:border-green-50\/50:hover { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:border-green-50\/50:active { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:border-green-50\/60:focus { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:border-green-50\/60:hover { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:border-green-50\/60:active { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:border-green-50\/70:focus { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:border-green-50\/70:hover { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:border-green-50\/70:active { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:border-green-50\/80:focus { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:border-green-50\/80:hover { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:border-green-50\/80:active { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:border-green-50\/90:focus { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:border-green-50\/90:hover { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:border-green-50\/90:active { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:border-green-100:focus { + border-color: var(--green-100) + } + .sm\:hover\:border-green-100:hover { + border-color: var(--green-100) + } + .sm\:active\:border-green-100:active { + border-color: var(--green-100) + } + .sm\:focus\:border-green-100\/10:focus { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:border-green-100\/10:hover { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:border-green-100\/10:active { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:border-green-100\/20:focus { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:border-green-100\/20:hover { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:border-green-100\/20:active { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:border-green-100\/30:focus { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:border-green-100\/30:hover { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:border-green-100\/30:active { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:border-green-100\/40:focus { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:border-green-100\/40:hover { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:border-green-100\/40:active { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:border-green-100\/50:focus { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:border-green-100\/50:hover { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:border-green-100\/50:active { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:border-green-100\/60:focus { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:border-green-100\/60:hover { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:border-green-100\/60:active { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:border-green-100\/70:focus { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:border-green-100\/70:hover { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:border-green-100\/70:active { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:border-green-100\/80:focus { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:border-green-100\/80:hover { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:border-green-100\/80:active { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:border-green-100\/90:focus { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:border-green-100\/90:hover { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:border-green-100\/90:active { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:border-green-200:focus { + border-color: var(--green-200) + } + .sm\:hover\:border-green-200:hover { + border-color: var(--green-200) + } + .sm\:active\:border-green-200:active { + border-color: var(--green-200) + } + .sm\:focus\:border-green-200\/10:focus { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:border-green-200\/10:hover { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:border-green-200\/10:active { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:border-green-200\/20:focus { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:border-green-200\/20:hover { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:border-green-200\/20:active { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:border-green-200\/30:focus { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:border-green-200\/30:hover { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:border-green-200\/30:active { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:border-green-200\/40:focus { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:border-green-200\/40:hover { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:border-green-200\/40:active { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:border-green-200\/50:focus { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:border-green-200\/50:hover { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:border-green-200\/50:active { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:border-green-200\/60:focus { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:border-green-200\/60:hover { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:border-green-200\/60:active { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:border-green-200\/70:focus { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:border-green-200\/70:hover { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:border-green-200\/70:active { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:border-green-200\/80:focus { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:border-green-200\/80:hover { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:border-green-200\/80:active { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:border-green-200\/90:focus { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:border-green-200\/90:hover { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:border-green-200\/90:active { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:border-green-300:focus { + border-color: var(--green-300) + } + .sm\:hover\:border-green-300:hover { + border-color: var(--green-300) + } + .sm\:active\:border-green-300:active { + border-color: var(--green-300) + } + .sm\:focus\:border-green-300\/10:focus { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:border-green-300\/10:hover { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:border-green-300\/10:active { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:border-green-300\/20:focus { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:border-green-300\/20:hover { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:border-green-300\/20:active { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:border-green-300\/30:focus { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:border-green-300\/30:hover { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:border-green-300\/30:active { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:border-green-300\/40:focus { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:border-green-300\/40:hover { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:border-green-300\/40:active { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:border-green-300\/50:focus { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:border-green-300\/50:hover { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:border-green-300\/50:active { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:border-green-300\/60:focus { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:border-green-300\/60:hover { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:border-green-300\/60:active { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:border-green-300\/70:focus { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:border-green-300\/70:hover { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:border-green-300\/70:active { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:border-green-300\/80:focus { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:border-green-300\/80:hover { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:border-green-300\/80:active { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:border-green-300\/90:focus { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:border-green-300\/90:hover { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:border-green-300\/90:active { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:border-green-400:focus { + border-color: var(--green-400) + } + .sm\:hover\:border-green-400:hover { + border-color: var(--green-400) + } + .sm\:active\:border-green-400:active { + border-color: var(--green-400) + } + .sm\:focus\:border-green-400\/10:focus { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:border-green-400\/10:hover { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:border-green-400\/10:active { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:border-green-400\/20:focus { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:border-green-400\/20:hover { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:border-green-400\/20:active { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:border-green-400\/30:focus { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:border-green-400\/30:hover { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:border-green-400\/30:active { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:border-green-400\/40:focus { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:border-green-400\/40:hover { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:border-green-400\/40:active { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:border-green-400\/50:focus { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:border-green-400\/50:hover { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:border-green-400\/50:active { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:border-green-400\/60:focus { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:border-green-400\/60:hover { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:border-green-400\/60:active { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:border-green-400\/70:focus { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:border-green-400\/70:hover { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:border-green-400\/70:active { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:border-green-400\/80:focus { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:border-green-400\/80:hover { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:border-green-400\/80:active { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:border-green-400\/90:focus { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:border-green-400\/90:hover { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:border-green-400\/90:active { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:border-green-500:focus { + border-color: var(--green-500) + } + .sm\:hover\:border-green-500:hover { + border-color: var(--green-500) + } + .sm\:active\:border-green-500:active { + border-color: var(--green-500) + } + .sm\:focus\:border-green-500\/10:focus { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:border-green-500\/10:hover { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:border-green-500\/10:active { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:border-green-500\/20:focus { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:border-green-500\/20:hover { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:border-green-500\/20:active { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:border-green-500\/30:focus { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:border-green-500\/30:hover { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:border-green-500\/30:active { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:border-green-500\/40:focus { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:border-green-500\/40:hover { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:border-green-500\/40:active { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:border-green-500\/50:focus { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:border-green-500\/50:hover { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:border-green-500\/50:active { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:border-green-500\/60:focus { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:border-green-500\/60:hover { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:border-green-500\/60:active { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:border-green-500\/70:focus { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:border-green-500\/70:hover { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:border-green-500\/70:active { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:border-green-500\/80:focus { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:border-green-500\/80:hover { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:border-green-500\/80:active { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:border-green-500\/90:focus { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:border-green-500\/90:hover { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:border-green-500\/90:active { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:border-green-600:focus { + border-color: var(--green-600) + } + .sm\:hover\:border-green-600:hover { + border-color: var(--green-600) + } + .sm\:active\:border-green-600:active { + border-color: var(--green-600) + } + .sm\:focus\:border-green-600\/10:focus { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:border-green-600\/10:hover { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:border-green-600\/10:active { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:border-green-600\/20:focus { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:border-green-600\/20:hover { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:border-green-600\/20:active { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:border-green-600\/30:focus { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:border-green-600\/30:hover { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:border-green-600\/30:active { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:border-green-600\/40:focus { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:border-green-600\/40:hover { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:border-green-600\/40:active { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:border-green-600\/50:focus { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:border-green-600\/50:hover { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:border-green-600\/50:active { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:border-green-600\/60:focus { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:border-green-600\/60:hover { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:border-green-600\/60:active { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:border-green-600\/70:focus { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:border-green-600\/70:hover { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:border-green-600\/70:active { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:border-green-600\/80:focus { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:border-green-600\/80:hover { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:border-green-600\/80:active { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:border-green-600\/90:focus { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:border-green-600\/90:hover { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:border-green-600\/90:active { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:border-green-700:focus { + border-color: var(--green-700) + } + .sm\:hover\:border-green-700:hover { + border-color: var(--green-700) + } + .sm\:active\:border-green-700:active { + border-color: var(--green-700) + } + .sm\:focus\:border-green-700\/10:focus { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:border-green-700\/10:hover { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:border-green-700\/10:active { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:border-green-700\/20:focus { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:border-green-700\/20:hover { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:border-green-700\/20:active { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:border-green-700\/30:focus { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:border-green-700\/30:hover { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:border-green-700\/30:active { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:border-green-700\/40:focus { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:border-green-700\/40:hover { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:border-green-700\/40:active { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:border-green-700\/50:focus { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:border-green-700\/50:hover { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:border-green-700\/50:active { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:border-green-700\/60:focus { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:border-green-700\/60:hover { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:border-green-700\/60:active { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:border-green-700\/70:focus { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:border-green-700\/70:hover { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:border-green-700\/70:active { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:border-green-700\/80:focus { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:border-green-700\/80:hover { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:border-green-700\/80:active { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:border-green-700\/90:focus { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:border-green-700\/90:hover { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:border-green-700\/90:active { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:border-green-800:focus { + border-color: var(--green-800) + } + .sm\:hover\:border-green-800:hover { + border-color: var(--green-800) + } + .sm\:active\:border-green-800:active { + border-color: var(--green-800) + } + .sm\:focus\:border-green-800\/10:focus { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:border-green-800\/10:hover { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:border-green-800\/10:active { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:border-green-800\/20:focus { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:border-green-800\/20:hover { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:border-green-800\/20:active { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:border-green-800\/30:focus { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:border-green-800\/30:hover { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:border-green-800\/30:active { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:border-green-800\/40:focus { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:border-green-800\/40:hover { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:border-green-800\/40:active { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:border-green-800\/50:focus { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:border-green-800\/50:hover { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:border-green-800\/50:active { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:border-green-800\/60:focus { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:border-green-800\/60:hover { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:border-green-800\/60:active { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:border-green-800\/70:focus { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:border-green-800\/70:hover { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:border-green-800\/70:active { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:border-green-800\/80:focus { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:border-green-800\/80:hover { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:border-green-800\/80:active { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:border-green-800\/90:focus { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:border-green-800\/90:hover { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:border-green-800\/90:active { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:border-green-900:focus { + border-color: var(--green-900) + } + .sm\:hover\:border-green-900:hover { + border-color: var(--green-900) + } + .sm\:active\:border-green-900:active { + border-color: var(--green-900) + } + .sm\:focus\:border-green-900\/10:focus { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:border-green-900\/10:hover { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:border-green-900\/10:active { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:border-green-900\/20:focus { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:border-green-900\/20:hover { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:border-green-900\/20:active { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:border-green-900\/30:focus { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:border-green-900\/30:hover { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:border-green-900\/30:active { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:border-green-900\/40:focus { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:border-green-900\/40:hover { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:border-green-900\/40:active { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:border-green-900\/50:focus { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:border-green-900\/50:hover { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:border-green-900\/50:active { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:border-green-900\/60:focus { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:border-green-900\/60:hover { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:border-green-900\/60:active { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:border-green-900\/70:focus { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:border-green-900\/70:hover { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:border-green-900\/70:active { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:border-green-900\/80:focus { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:border-green-900\/80:hover { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:border-green-900\/80:active { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:border-green-900\/90:focus { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:border-green-900\/90:hover { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:border-green-900\/90:active { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:border-yellow-50:focus { + border-color: var(--yellow-50) + } + .sm\:hover\:border-yellow-50:hover { + border-color: var(--yellow-50) + } + .sm\:active\:border-yellow-50:active { + border-color: var(--yellow-50) + } + .sm\:focus\:border-yellow-50\/10:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:border-yellow-50\/10:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:border-yellow-50\/10:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:border-yellow-50\/20:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:border-yellow-50\/20:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:border-yellow-50\/20:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:border-yellow-50\/30:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:border-yellow-50\/30:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:border-yellow-50\/30:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:border-yellow-50\/40:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:border-yellow-50\/40:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:border-yellow-50\/40:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:border-yellow-50\/50:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:border-yellow-50\/50:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:border-yellow-50\/50:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:border-yellow-50\/60:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:border-yellow-50\/60:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:border-yellow-50\/60:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:border-yellow-50\/70:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:border-yellow-50\/70:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:border-yellow-50\/70:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:border-yellow-50\/80:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:border-yellow-50\/80:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:border-yellow-50\/80:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:border-yellow-50\/90:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:border-yellow-50\/90:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:border-yellow-50\/90:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:border-yellow-100:focus { + border-color: var(--yellow-100) + } + .sm\:hover\:border-yellow-100:hover { + border-color: var(--yellow-100) + } + .sm\:active\:border-yellow-100:active { + border-color: var(--yellow-100) + } + .sm\:focus\:border-yellow-100\/10:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:border-yellow-100\/10:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:border-yellow-100\/10:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:border-yellow-100\/20:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:border-yellow-100\/20:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:border-yellow-100\/20:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:border-yellow-100\/30:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:border-yellow-100\/30:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:border-yellow-100\/30:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:border-yellow-100\/40:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:border-yellow-100\/40:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:border-yellow-100\/40:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:border-yellow-100\/50:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:border-yellow-100\/50:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:border-yellow-100\/50:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:border-yellow-100\/60:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:border-yellow-100\/60:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:border-yellow-100\/60:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:border-yellow-100\/70:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:border-yellow-100\/70:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:border-yellow-100\/70:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:border-yellow-100\/80:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:border-yellow-100\/80:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:border-yellow-100\/80:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:border-yellow-100\/90:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:border-yellow-100\/90:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:border-yellow-100\/90:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:border-yellow-200:focus { + border-color: var(--yellow-200) + } + .sm\:hover\:border-yellow-200:hover { + border-color: var(--yellow-200) + } + .sm\:active\:border-yellow-200:active { + border-color: var(--yellow-200) + } + .sm\:focus\:border-yellow-200\/10:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:border-yellow-200\/10:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:border-yellow-200\/10:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:border-yellow-200\/20:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:border-yellow-200\/20:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:border-yellow-200\/20:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:border-yellow-200\/30:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:border-yellow-200\/30:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:border-yellow-200\/30:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:border-yellow-200\/40:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:border-yellow-200\/40:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:border-yellow-200\/40:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:border-yellow-200\/50:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:border-yellow-200\/50:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:border-yellow-200\/50:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:border-yellow-200\/60:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:border-yellow-200\/60:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:border-yellow-200\/60:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:border-yellow-200\/70:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:border-yellow-200\/70:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:border-yellow-200\/70:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:border-yellow-200\/80:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:border-yellow-200\/80:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:border-yellow-200\/80:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:border-yellow-200\/90:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:border-yellow-200\/90:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:border-yellow-200\/90:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:border-yellow-300:focus { + border-color: var(--yellow-300) + } + .sm\:hover\:border-yellow-300:hover { + border-color: var(--yellow-300) + } + .sm\:active\:border-yellow-300:active { + border-color: var(--yellow-300) + } + .sm\:focus\:border-yellow-300\/10:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:border-yellow-300\/10:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:border-yellow-300\/10:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:border-yellow-300\/20:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:border-yellow-300\/20:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:border-yellow-300\/20:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:border-yellow-300\/30:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:border-yellow-300\/30:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:border-yellow-300\/30:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:border-yellow-300\/40:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:border-yellow-300\/40:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:border-yellow-300\/40:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:border-yellow-300\/50:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:border-yellow-300\/50:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:border-yellow-300\/50:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:border-yellow-300\/60:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:border-yellow-300\/60:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:border-yellow-300\/60:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:border-yellow-300\/70:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:border-yellow-300\/70:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:border-yellow-300\/70:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:border-yellow-300\/80:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:border-yellow-300\/80:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:border-yellow-300\/80:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:border-yellow-300\/90:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:border-yellow-300\/90:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:border-yellow-300\/90:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:border-yellow-400:focus { + border-color: var(--yellow-400) + } + .sm\:hover\:border-yellow-400:hover { + border-color: var(--yellow-400) + } + .sm\:active\:border-yellow-400:active { + border-color: var(--yellow-400) + } + .sm\:focus\:border-yellow-400\/10:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:border-yellow-400\/10:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:border-yellow-400\/10:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:border-yellow-400\/20:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:border-yellow-400\/20:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:border-yellow-400\/20:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:border-yellow-400\/30:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:border-yellow-400\/30:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:border-yellow-400\/30:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:border-yellow-400\/40:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:border-yellow-400\/40:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:border-yellow-400\/40:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:border-yellow-400\/50:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:border-yellow-400\/50:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:border-yellow-400\/50:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:border-yellow-400\/60:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:border-yellow-400\/60:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:border-yellow-400\/60:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:border-yellow-400\/70:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:border-yellow-400\/70:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:border-yellow-400\/70:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:border-yellow-400\/80:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:border-yellow-400\/80:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:border-yellow-400\/80:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:border-yellow-400\/90:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:border-yellow-400\/90:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:border-yellow-400\/90:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:border-yellow-500:focus { + border-color: var(--yellow-500) + } + .sm\:hover\:border-yellow-500:hover { + border-color: var(--yellow-500) + } + .sm\:active\:border-yellow-500:active { + border-color: var(--yellow-500) + } + .sm\:focus\:border-yellow-500\/10:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:border-yellow-500\/10:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:border-yellow-500\/10:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:border-yellow-500\/20:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:border-yellow-500\/20:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:border-yellow-500\/20:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:border-yellow-500\/30:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:border-yellow-500\/30:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:border-yellow-500\/30:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:border-yellow-500\/40:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:border-yellow-500\/40:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:border-yellow-500\/40:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:border-yellow-500\/50:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:border-yellow-500\/50:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:border-yellow-500\/50:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:border-yellow-500\/60:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:border-yellow-500\/60:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:border-yellow-500\/60:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:border-yellow-500\/70:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:border-yellow-500\/70:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:border-yellow-500\/70:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:border-yellow-500\/80:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:border-yellow-500\/80:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:border-yellow-500\/80:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:border-yellow-500\/90:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:border-yellow-500\/90:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:border-yellow-500\/90:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:border-yellow-600:focus { + border-color: var(--yellow-600) + } + .sm\:hover\:border-yellow-600:hover { + border-color: var(--yellow-600) + } + .sm\:active\:border-yellow-600:active { + border-color: var(--yellow-600) + } + .sm\:focus\:border-yellow-600\/10:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:border-yellow-600\/10:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:border-yellow-600\/10:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:border-yellow-600\/20:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:border-yellow-600\/20:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:border-yellow-600\/20:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:border-yellow-600\/30:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:border-yellow-600\/30:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:border-yellow-600\/30:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:border-yellow-600\/40:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:border-yellow-600\/40:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:border-yellow-600\/40:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:border-yellow-600\/50:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:border-yellow-600\/50:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:border-yellow-600\/50:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:border-yellow-600\/60:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:border-yellow-600\/60:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:border-yellow-600\/60:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:border-yellow-600\/70:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:border-yellow-600\/70:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:border-yellow-600\/70:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:border-yellow-600\/80:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:border-yellow-600\/80:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:border-yellow-600\/80:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:border-yellow-600\/90:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:border-yellow-600\/90:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:border-yellow-600\/90:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:border-yellow-700:focus { + border-color: var(--yellow-700) + } + .sm\:hover\:border-yellow-700:hover { + border-color: var(--yellow-700) + } + .sm\:active\:border-yellow-700:active { + border-color: var(--yellow-700) + } + .sm\:focus\:border-yellow-700\/10:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:border-yellow-700\/10:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:border-yellow-700\/10:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:border-yellow-700\/20:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:border-yellow-700\/20:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:border-yellow-700\/20:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:border-yellow-700\/30:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:border-yellow-700\/30:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:border-yellow-700\/30:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:border-yellow-700\/40:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:border-yellow-700\/40:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:border-yellow-700\/40:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:border-yellow-700\/50:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:border-yellow-700\/50:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:border-yellow-700\/50:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:border-yellow-700\/60:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:border-yellow-700\/60:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:border-yellow-700\/60:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:border-yellow-700\/70:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:border-yellow-700\/70:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:border-yellow-700\/70:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:border-yellow-700\/80:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:border-yellow-700\/80:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:border-yellow-700\/80:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:border-yellow-700\/90:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:border-yellow-700\/90:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:border-yellow-700\/90:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:border-yellow-800:focus { + border-color: var(--yellow-800) + } + .sm\:hover\:border-yellow-800:hover { + border-color: var(--yellow-800) + } + .sm\:active\:border-yellow-800:active { + border-color: var(--yellow-800) + } + .sm\:focus\:border-yellow-800\/10:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:border-yellow-800\/10:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:border-yellow-800\/10:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:border-yellow-800\/20:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:border-yellow-800\/20:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:border-yellow-800\/20:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:border-yellow-800\/30:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:border-yellow-800\/30:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:border-yellow-800\/30:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:border-yellow-800\/40:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:border-yellow-800\/40:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:border-yellow-800\/40:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:border-yellow-800\/50:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:border-yellow-800\/50:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:border-yellow-800\/50:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:border-yellow-800\/60:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:border-yellow-800\/60:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:border-yellow-800\/60:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:border-yellow-800\/70:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:border-yellow-800\/70:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:border-yellow-800\/70:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:border-yellow-800\/80:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:border-yellow-800\/80:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:border-yellow-800\/80:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:border-yellow-800\/90:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:border-yellow-800\/90:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:border-yellow-800\/90:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:border-yellow-900:focus { + border-color: var(--yellow-900) + } + .sm\:hover\:border-yellow-900:hover { + border-color: var(--yellow-900) + } + .sm\:active\:border-yellow-900:active { + border-color: var(--yellow-900) + } + .sm\:focus\:border-yellow-900\/10:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:border-yellow-900\/10:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:border-yellow-900\/10:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:border-yellow-900\/20:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:border-yellow-900\/20:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:border-yellow-900\/20:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:border-yellow-900\/30:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:border-yellow-900\/30:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:border-yellow-900\/30:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:border-yellow-900\/40:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:border-yellow-900\/40:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:border-yellow-900\/40:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:border-yellow-900\/50:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:border-yellow-900\/50:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:border-yellow-900\/50:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:border-yellow-900\/60:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:border-yellow-900\/60:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:border-yellow-900\/60:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:border-yellow-900\/70:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:border-yellow-900\/70:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:border-yellow-900\/70:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:border-yellow-900\/80:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:border-yellow-900\/80:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:border-yellow-900\/80:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:border-yellow-900\/90:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:border-yellow-900\/90:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:border-yellow-900\/90:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:border-cyan-50:focus { + border-color: var(--cyan-50) + } + .sm\:hover\:border-cyan-50:hover { + border-color: var(--cyan-50) + } + .sm\:active\:border-cyan-50:active { + border-color: var(--cyan-50) + } + .sm\:focus\:border-cyan-50\/10:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:border-cyan-50\/10:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:border-cyan-50\/10:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:border-cyan-50\/20:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:border-cyan-50\/20:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:border-cyan-50\/20:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:border-cyan-50\/30:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:border-cyan-50\/30:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:border-cyan-50\/30:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:border-cyan-50\/40:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:border-cyan-50\/40:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:border-cyan-50\/40:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:border-cyan-50\/50:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:border-cyan-50\/50:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:border-cyan-50\/50:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:border-cyan-50\/60:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:border-cyan-50\/60:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:border-cyan-50\/60:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:border-cyan-50\/70:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:border-cyan-50\/70:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:border-cyan-50\/70:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:border-cyan-50\/80:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:border-cyan-50\/80:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:border-cyan-50\/80:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:border-cyan-50\/90:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:border-cyan-50\/90:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:border-cyan-50\/90:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:border-cyan-100:focus { + border-color: var(--cyan-100) + } + .sm\:hover\:border-cyan-100:hover { + border-color: var(--cyan-100) + } + .sm\:active\:border-cyan-100:active { + border-color: var(--cyan-100) + } + .sm\:focus\:border-cyan-100\/10:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:border-cyan-100\/10:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:border-cyan-100\/10:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:border-cyan-100\/20:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:border-cyan-100\/20:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:border-cyan-100\/20:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:border-cyan-100\/30:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:border-cyan-100\/30:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:border-cyan-100\/30:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:border-cyan-100\/40:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:border-cyan-100\/40:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:border-cyan-100\/40:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:border-cyan-100\/50:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:border-cyan-100\/50:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:border-cyan-100\/50:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:border-cyan-100\/60:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:border-cyan-100\/60:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:border-cyan-100\/60:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:border-cyan-100\/70:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:border-cyan-100\/70:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:border-cyan-100\/70:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:border-cyan-100\/80:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:border-cyan-100\/80:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:border-cyan-100\/80:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:border-cyan-100\/90:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:border-cyan-100\/90:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:border-cyan-100\/90:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:border-cyan-200:focus { + border-color: var(--cyan-200) + } + .sm\:hover\:border-cyan-200:hover { + border-color: var(--cyan-200) + } + .sm\:active\:border-cyan-200:active { + border-color: var(--cyan-200) + } + .sm\:focus\:border-cyan-200\/10:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:border-cyan-200\/10:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:border-cyan-200\/10:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:border-cyan-200\/20:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:border-cyan-200\/20:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:border-cyan-200\/20:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:border-cyan-200\/30:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:border-cyan-200\/30:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:border-cyan-200\/30:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:border-cyan-200\/40:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:border-cyan-200\/40:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:border-cyan-200\/40:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:border-cyan-200\/50:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:border-cyan-200\/50:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:border-cyan-200\/50:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:border-cyan-200\/60:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:border-cyan-200\/60:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:border-cyan-200\/60:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:border-cyan-200\/70:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:border-cyan-200\/70:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:border-cyan-200\/70:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:border-cyan-200\/80:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:border-cyan-200\/80:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:border-cyan-200\/80:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:border-cyan-200\/90:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:border-cyan-200\/90:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:border-cyan-200\/90:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:border-cyan-300:focus { + border-color: var(--cyan-300) + } + .sm\:hover\:border-cyan-300:hover { + border-color: var(--cyan-300) + } + .sm\:active\:border-cyan-300:active { + border-color: var(--cyan-300) + } + .sm\:focus\:border-cyan-300\/10:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:border-cyan-300\/10:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:border-cyan-300\/10:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:border-cyan-300\/20:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:border-cyan-300\/20:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:border-cyan-300\/20:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:border-cyan-300\/30:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:border-cyan-300\/30:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:border-cyan-300\/30:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:border-cyan-300\/40:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:border-cyan-300\/40:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:border-cyan-300\/40:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:border-cyan-300\/50:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:border-cyan-300\/50:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:border-cyan-300\/50:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:border-cyan-300\/60:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:border-cyan-300\/60:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:border-cyan-300\/60:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:border-cyan-300\/70:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:border-cyan-300\/70:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:border-cyan-300\/70:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:border-cyan-300\/80:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:border-cyan-300\/80:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:border-cyan-300\/80:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:border-cyan-300\/90:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:border-cyan-300\/90:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:border-cyan-300\/90:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:border-cyan-400:focus { + border-color: var(--cyan-400) + } + .sm\:hover\:border-cyan-400:hover { + border-color: var(--cyan-400) + } + .sm\:active\:border-cyan-400:active { + border-color: var(--cyan-400) + } + .sm\:focus\:border-cyan-400\/10:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:border-cyan-400\/10:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:border-cyan-400\/10:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:border-cyan-400\/20:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:border-cyan-400\/20:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:border-cyan-400\/20:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:border-cyan-400\/30:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:border-cyan-400\/30:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:border-cyan-400\/30:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:border-cyan-400\/40:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:border-cyan-400\/40:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:border-cyan-400\/40:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:border-cyan-400\/50:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:border-cyan-400\/50:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:border-cyan-400\/50:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:border-cyan-400\/60:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:border-cyan-400\/60:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:border-cyan-400\/60:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:border-cyan-400\/70:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:border-cyan-400\/70:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:border-cyan-400\/70:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:border-cyan-400\/80:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:border-cyan-400\/80:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:border-cyan-400\/80:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:border-cyan-400\/90:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:border-cyan-400\/90:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:border-cyan-400\/90:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:border-cyan-500:focus { + border-color: var(--cyan-500) + } + .sm\:hover\:border-cyan-500:hover { + border-color: var(--cyan-500) + } + .sm\:active\:border-cyan-500:active { + border-color: var(--cyan-500) + } + .sm\:focus\:border-cyan-500\/10:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:border-cyan-500\/10:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:border-cyan-500\/10:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:border-cyan-500\/20:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:border-cyan-500\/20:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:border-cyan-500\/20:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:border-cyan-500\/30:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:border-cyan-500\/30:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:border-cyan-500\/30:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:border-cyan-500\/40:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:border-cyan-500\/40:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:border-cyan-500\/40:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:border-cyan-500\/50:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:border-cyan-500\/50:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:border-cyan-500\/50:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:border-cyan-500\/60:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:border-cyan-500\/60:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:border-cyan-500\/60:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:border-cyan-500\/70:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:border-cyan-500\/70:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:border-cyan-500\/70:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:border-cyan-500\/80:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:border-cyan-500\/80:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:border-cyan-500\/80:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:border-cyan-500\/90:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:border-cyan-500\/90:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:border-cyan-500\/90:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:border-cyan-600:focus { + border-color: var(--cyan-600) + } + .sm\:hover\:border-cyan-600:hover { + border-color: var(--cyan-600) + } + .sm\:active\:border-cyan-600:active { + border-color: var(--cyan-600) + } + .sm\:focus\:border-cyan-600\/10:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:border-cyan-600\/10:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:border-cyan-600\/10:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:border-cyan-600\/20:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:border-cyan-600\/20:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:border-cyan-600\/20:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:border-cyan-600\/30:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:border-cyan-600\/30:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:border-cyan-600\/30:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:border-cyan-600\/40:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:border-cyan-600\/40:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:border-cyan-600\/40:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:border-cyan-600\/50:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:border-cyan-600\/50:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:border-cyan-600\/50:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:border-cyan-600\/60:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:border-cyan-600\/60:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:border-cyan-600\/60:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:border-cyan-600\/70:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:border-cyan-600\/70:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:border-cyan-600\/70:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:border-cyan-600\/80:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:border-cyan-600\/80:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:border-cyan-600\/80:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:border-cyan-600\/90:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:border-cyan-600\/90:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:border-cyan-600\/90:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:border-cyan-700:focus { + border-color: var(--cyan-700) + } + .sm\:hover\:border-cyan-700:hover { + border-color: var(--cyan-700) + } + .sm\:active\:border-cyan-700:active { + border-color: var(--cyan-700) + } + .sm\:focus\:border-cyan-700\/10:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:border-cyan-700\/10:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:border-cyan-700\/10:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:border-cyan-700\/20:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:border-cyan-700\/20:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:border-cyan-700\/20:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:border-cyan-700\/30:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:border-cyan-700\/30:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:border-cyan-700\/30:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:border-cyan-700\/40:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:border-cyan-700\/40:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:border-cyan-700\/40:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:border-cyan-700\/50:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:border-cyan-700\/50:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:border-cyan-700\/50:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:border-cyan-700\/60:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:border-cyan-700\/60:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:border-cyan-700\/60:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:border-cyan-700\/70:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:border-cyan-700\/70:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:border-cyan-700\/70:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:border-cyan-700\/80:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:border-cyan-700\/80:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:border-cyan-700\/80:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:border-cyan-700\/90:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:border-cyan-700\/90:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:border-cyan-700\/90:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:border-cyan-800:focus { + border-color: var(--cyan-800) + } + .sm\:hover\:border-cyan-800:hover { + border-color: var(--cyan-800) + } + .sm\:active\:border-cyan-800:active { + border-color: var(--cyan-800) + } + .sm\:focus\:border-cyan-800\/10:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:border-cyan-800\/10:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:border-cyan-800\/10:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:border-cyan-800\/20:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:border-cyan-800\/20:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:border-cyan-800\/20:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:border-cyan-800\/30:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:border-cyan-800\/30:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:border-cyan-800\/30:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:border-cyan-800\/40:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:border-cyan-800\/40:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:border-cyan-800\/40:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:border-cyan-800\/50:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:border-cyan-800\/50:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:border-cyan-800\/50:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:border-cyan-800\/60:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:border-cyan-800\/60:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:border-cyan-800\/60:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:border-cyan-800\/70:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:border-cyan-800\/70:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:border-cyan-800\/70:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:border-cyan-800\/80:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:border-cyan-800\/80:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:border-cyan-800\/80:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:border-cyan-800\/90:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:border-cyan-800\/90:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:border-cyan-800\/90:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:border-cyan-900:focus { + border-color: var(--cyan-900) + } + .sm\:hover\:border-cyan-900:hover { + border-color: var(--cyan-900) + } + .sm\:active\:border-cyan-900:active { + border-color: var(--cyan-900) + } + .sm\:focus\:border-cyan-900\/10:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:border-cyan-900\/10:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:border-cyan-900\/10:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:border-cyan-900\/20:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:border-cyan-900\/20:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:border-cyan-900\/20:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:border-cyan-900\/30:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:border-cyan-900\/30:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:border-cyan-900\/30:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:border-cyan-900\/40:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:border-cyan-900\/40:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:border-cyan-900\/40:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:border-cyan-900\/50:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:border-cyan-900\/50:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:border-cyan-900\/50:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:border-cyan-900\/60:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:border-cyan-900\/60:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:border-cyan-900\/60:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:border-cyan-900\/70:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:border-cyan-900\/70:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:border-cyan-900\/70:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:border-cyan-900\/80:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:border-cyan-900\/80:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:border-cyan-900\/80:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:border-cyan-900\/90:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:border-cyan-900\/90:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:border-cyan-900\/90:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:border-pink-50:focus { + border-color: var(--pink-50) + } + .sm\:hover\:border-pink-50:hover { + border-color: var(--pink-50) + } + .sm\:active\:border-pink-50:active { + border-color: var(--pink-50) + } + .sm\:focus\:border-pink-50\/10:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:border-pink-50\/10:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:border-pink-50\/10:active { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:border-pink-50\/20:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:border-pink-50\/20:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:border-pink-50\/20:active { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:border-pink-50\/30:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:border-pink-50\/30:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:border-pink-50\/30:active { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:border-pink-50\/40:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:border-pink-50\/40:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:border-pink-50\/40:active { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:border-pink-50\/50:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:border-pink-50\/50:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:border-pink-50\/50:active { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:border-pink-50\/60:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:border-pink-50\/60:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:border-pink-50\/60:active { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:border-pink-50\/70:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:border-pink-50\/70:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:border-pink-50\/70:active { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:border-pink-50\/80:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:border-pink-50\/80:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:border-pink-50\/80:active { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:border-pink-50\/90:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:border-pink-50\/90:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:border-pink-50\/90:active { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:border-pink-100:focus { + border-color: var(--pink-100) + } + .sm\:hover\:border-pink-100:hover { + border-color: var(--pink-100) + } + .sm\:active\:border-pink-100:active { + border-color: var(--pink-100) + } + .sm\:focus\:border-pink-100\/10:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:border-pink-100\/10:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:border-pink-100\/10:active { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:border-pink-100\/20:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:border-pink-100\/20:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:border-pink-100\/20:active { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:border-pink-100\/30:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:border-pink-100\/30:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:border-pink-100\/30:active { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:border-pink-100\/40:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:border-pink-100\/40:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:border-pink-100\/40:active { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:border-pink-100\/50:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:border-pink-100\/50:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:border-pink-100\/50:active { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:border-pink-100\/60:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:border-pink-100\/60:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:border-pink-100\/60:active { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:border-pink-100\/70:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:border-pink-100\/70:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:border-pink-100\/70:active { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:border-pink-100\/80:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:border-pink-100\/80:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:border-pink-100\/80:active { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:border-pink-100\/90:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:border-pink-100\/90:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:border-pink-100\/90:active { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:border-pink-200:focus { + border-color: var(--pink-200) + } + .sm\:hover\:border-pink-200:hover { + border-color: var(--pink-200) + } + .sm\:active\:border-pink-200:active { + border-color: var(--pink-200) + } + .sm\:focus\:border-pink-200\/10:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:border-pink-200\/10:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:border-pink-200\/10:active { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:border-pink-200\/20:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:border-pink-200\/20:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:border-pink-200\/20:active { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:border-pink-200\/30:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:border-pink-200\/30:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:border-pink-200\/30:active { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:border-pink-200\/40:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:border-pink-200\/40:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:border-pink-200\/40:active { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:border-pink-200\/50:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:border-pink-200\/50:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:border-pink-200\/50:active { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:border-pink-200\/60:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:border-pink-200\/60:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:border-pink-200\/60:active { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:border-pink-200\/70:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:border-pink-200\/70:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:border-pink-200\/70:active { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:border-pink-200\/80:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:border-pink-200\/80:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:border-pink-200\/80:active { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:border-pink-200\/90:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:border-pink-200\/90:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:border-pink-200\/90:active { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:border-pink-300:focus { + border-color: var(--pink-300) + } + .sm\:hover\:border-pink-300:hover { + border-color: var(--pink-300) + } + .sm\:active\:border-pink-300:active { + border-color: var(--pink-300) + } + .sm\:focus\:border-pink-300\/10:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:border-pink-300\/10:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:border-pink-300\/10:active { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:border-pink-300\/20:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:border-pink-300\/20:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:border-pink-300\/20:active { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:border-pink-300\/30:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:border-pink-300\/30:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:border-pink-300\/30:active { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:border-pink-300\/40:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:border-pink-300\/40:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:border-pink-300\/40:active { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:border-pink-300\/50:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:border-pink-300\/50:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:border-pink-300\/50:active { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:border-pink-300\/60:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:border-pink-300\/60:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:border-pink-300\/60:active { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:border-pink-300\/70:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:border-pink-300\/70:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:border-pink-300\/70:active { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:border-pink-300\/80:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:border-pink-300\/80:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:border-pink-300\/80:active { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:border-pink-300\/90:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:border-pink-300\/90:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:border-pink-300\/90:active { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:border-pink-400:focus { + border-color: var(--pink-400) + } + .sm\:hover\:border-pink-400:hover { + border-color: var(--pink-400) + } + .sm\:active\:border-pink-400:active { + border-color: var(--pink-400) + } + .sm\:focus\:border-pink-400\/10:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:border-pink-400\/10:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:border-pink-400\/10:active { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:border-pink-400\/20:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:border-pink-400\/20:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:border-pink-400\/20:active { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:border-pink-400\/30:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:border-pink-400\/30:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:border-pink-400\/30:active { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:border-pink-400\/40:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:border-pink-400\/40:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:border-pink-400\/40:active { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:border-pink-400\/50:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:border-pink-400\/50:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:border-pink-400\/50:active { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:border-pink-400\/60:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:border-pink-400\/60:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:border-pink-400\/60:active { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:border-pink-400\/70:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:border-pink-400\/70:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:border-pink-400\/70:active { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:border-pink-400\/80:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:border-pink-400\/80:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:border-pink-400\/80:active { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:border-pink-400\/90:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:border-pink-400\/90:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:border-pink-400\/90:active { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:border-pink-500:focus { + border-color: var(--pink-500) + } + .sm\:hover\:border-pink-500:hover { + border-color: var(--pink-500) + } + .sm\:active\:border-pink-500:active { + border-color: var(--pink-500) + } + .sm\:focus\:border-pink-500\/10:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:border-pink-500\/10:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:border-pink-500\/10:active { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:border-pink-500\/20:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:border-pink-500\/20:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:border-pink-500\/20:active { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:border-pink-500\/30:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:border-pink-500\/30:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:border-pink-500\/30:active { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:border-pink-500\/40:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:border-pink-500\/40:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:border-pink-500\/40:active { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:border-pink-500\/50:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:border-pink-500\/50:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:border-pink-500\/50:active { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:border-pink-500\/60:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:border-pink-500\/60:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:border-pink-500\/60:active { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:border-pink-500\/70:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:border-pink-500\/70:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:border-pink-500\/70:active { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:border-pink-500\/80:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:border-pink-500\/80:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:border-pink-500\/80:active { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:border-pink-500\/90:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:border-pink-500\/90:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:border-pink-500\/90:active { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:border-pink-600:focus { + border-color: var(--pink-600) + } + .sm\:hover\:border-pink-600:hover { + border-color: var(--pink-600) + } + .sm\:active\:border-pink-600:active { + border-color: var(--pink-600) + } + .sm\:focus\:border-pink-600\/10:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:border-pink-600\/10:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:border-pink-600\/10:active { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:border-pink-600\/20:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:border-pink-600\/20:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:border-pink-600\/20:active { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:border-pink-600\/30:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:border-pink-600\/30:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:border-pink-600\/30:active { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:border-pink-600\/40:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:border-pink-600\/40:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:border-pink-600\/40:active { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:border-pink-600\/50:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:border-pink-600\/50:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:border-pink-600\/50:active { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:border-pink-600\/60:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:border-pink-600\/60:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:border-pink-600\/60:active { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:border-pink-600\/70:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:border-pink-600\/70:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:border-pink-600\/70:active { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:border-pink-600\/80:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:border-pink-600\/80:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:border-pink-600\/80:active { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:border-pink-600\/90:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:border-pink-600\/90:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:border-pink-600\/90:active { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:border-pink-700:focus { + border-color: var(--pink-700) + } + .sm\:hover\:border-pink-700:hover { + border-color: var(--pink-700) + } + .sm\:active\:border-pink-700:active { + border-color: var(--pink-700) + } + .sm\:focus\:border-pink-700\/10:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:border-pink-700\/10:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:border-pink-700\/10:active { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:border-pink-700\/20:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:border-pink-700\/20:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:border-pink-700\/20:active { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:border-pink-700\/30:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:border-pink-700\/30:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:border-pink-700\/30:active { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:border-pink-700\/40:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:border-pink-700\/40:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:border-pink-700\/40:active { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:border-pink-700\/50:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:border-pink-700\/50:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:border-pink-700\/50:active { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:border-pink-700\/60:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:border-pink-700\/60:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:border-pink-700\/60:active { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:border-pink-700\/70:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:border-pink-700\/70:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:border-pink-700\/70:active { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:border-pink-700\/80:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:border-pink-700\/80:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:border-pink-700\/80:active { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:border-pink-700\/90:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:border-pink-700\/90:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:border-pink-700\/90:active { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:border-pink-800:focus { + border-color: var(--pink-800) + } + .sm\:hover\:border-pink-800:hover { + border-color: var(--pink-800) + } + .sm\:active\:border-pink-800:active { + border-color: var(--pink-800) + } + .sm\:focus\:border-pink-800\/10:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:border-pink-800\/10:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:border-pink-800\/10:active { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:border-pink-800\/20:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:border-pink-800\/20:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:border-pink-800\/20:active { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:border-pink-800\/30:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:border-pink-800\/30:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:border-pink-800\/30:active { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:border-pink-800\/40:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:border-pink-800\/40:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:border-pink-800\/40:active { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:border-pink-800\/50:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:border-pink-800\/50:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:border-pink-800\/50:active { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:border-pink-800\/60:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:border-pink-800\/60:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:border-pink-800\/60:active { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:border-pink-800\/70:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:border-pink-800\/70:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:border-pink-800\/70:active { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:border-pink-800\/80:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:border-pink-800\/80:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:border-pink-800\/80:active { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:border-pink-800\/90:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:border-pink-800\/90:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:border-pink-800\/90:active { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:border-pink-900:focus { + border-color: var(--pink-900) + } + .sm\:hover\:border-pink-900:hover { + border-color: var(--pink-900) + } + .sm\:active\:border-pink-900:active { + border-color: var(--pink-900) + } + .sm\:focus\:border-pink-900\/10:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:border-pink-900\/10:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:border-pink-900\/10:active { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:border-pink-900\/20:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:border-pink-900\/20:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:border-pink-900\/20:active { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:border-pink-900\/30:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:border-pink-900\/30:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:border-pink-900\/30:active { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:border-pink-900\/40:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:border-pink-900\/40:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:border-pink-900\/40:active { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:border-pink-900\/50:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:border-pink-900\/50:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:border-pink-900\/50:active { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:border-pink-900\/60:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:border-pink-900\/60:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:border-pink-900\/60:active { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:border-pink-900\/70:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:border-pink-900\/70:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:border-pink-900\/70:active { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:border-pink-900\/80:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:border-pink-900\/80:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:border-pink-900\/80:active { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:border-pink-900\/90:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:border-pink-900\/90:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:border-pink-900\/90:active { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:border-indigo-50:focus { + border-color: var(--indigo-50) + } + .sm\:hover\:border-indigo-50:hover { + border-color: var(--indigo-50) + } + .sm\:active\:border-indigo-50:active { + border-color: var(--indigo-50) + } + .sm\:focus\:border-indigo-50\/10:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:border-indigo-50\/10:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:border-indigo-50\/10:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:border-indigo-50\/20:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:border-indigo-50\/20:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:border-indigo-50\/20:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:border-indigo-50\/30:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:border-indigo-50\/30:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:border-indigo-50\/30:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:border-indigo-50\/40:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:border-indigo-50\/40:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:border-indigo-50\/40:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:border-indigo-50\/50:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:border-indigo-50\/50:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:border-indigo-50\/50:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:border-indigo-50\/60:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:border-indigo-50\/60:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:border-indigo-50\/60:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:border-indigo-50\/70:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:border-indigo-50\/70:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:border-indigo-50\/70:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:border-indigo-50\/80:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:border-indigo-50\/80:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:border-indigo-50\/80:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:border-indigo-50\/90:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:border-indigo-50\/90:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:border-indigo-50\/90:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:border-indigo-100:focus { + border-color: var(--indigo-100) + } + .sm\:hover\:border-indigo-100:hover { + border-color: var(--indigo-100) + } + .sm\:active\:border-indigo-100:active { + border-color: var(--indigo-100) + } + .sm\:focus\:border-indigo-100\/10:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:border-indigo-100\/10:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:border-indigo-100\/10:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:border-indigo-100\/20:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:border-indigo-100\/20:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:border-indigo-100\/20:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:border-indigo-100\/30:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:border-indigo-100\/30:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:border-indigo-100\/30:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:border-indigo-100\/40:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:border-indigo-100\/40:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:border-indigo-100\/40:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:border-indigo-100\/50:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:border-indigo-100\/50:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:border-indigo-100\/50:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:border-indigo-100\/60:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:border-indigo-100\/60:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:border-indigo-100\/60:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:border-indigo-100\/70:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:border-indigo-100\/70:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:border-indigo-100\/70:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:border-indigo-100\/80:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:border-indigo-100\/80:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:border-indigo-100\/80:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:border-indigo-100\/90:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:border-indigo-100\/90:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:border-indigo-100\/90:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:border-indigo-200:focus { + border-color: var(--indigo-200) + } + .sm\:hover\:border-indigo-200:hover { + border-color: var(--indigo-200) + } + .sm\:active\:border-indigo-200:active { + border-color: var(--indigo-200) + } + .sm\:focus\:border-indigo-200\/10:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:border-indigo-200\/10:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:border-indigo-200\/10:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:border-indigo-200\/20:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:border-indigo-200\/20:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:border-indigo-200\/20:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:border-indigo-200\/30:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:border-indigo-200\/30:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:border-indigo-200\/30:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:border-indigo-200\/40:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:border-indigo-200\/40:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:border-indigo-200\/40:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:border-indigo-200\/50:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:border-indigo-200\/50:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:border-indigo-200\/50:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:border-indigo-200\/60:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:border-indigo-200\/60:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:border-indigo-200\/60:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:border-indigo-200\/70:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:border-indigo-200\/70:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:border-indigo-200\/70:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:border-indigo-200\/80:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:border-indigo-200\/80:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:border-indigo-200\/80:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:border-indigo-200\/90:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:border-indigo-200\/90:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:border-indigo-200\/90:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:border-indigo-300:focus { + border-color: var(--indigo-300) + } + .sm\:hover\:border-indigo-300:hover { + border-color: var(--indigo-300) + } + .sm\:active\:border-indigo-300:active { + border-color: var(--indigo-300) + } + .sm\:focus\:border-indigo-300\/10:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:border-indigo-300\/10:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:border-indigo-300\/10:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:border-indigo-300\/20:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:border-indigo-300\/20:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:border-indigo-300\/20:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:border-indigo-300\/30:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:border-indigo-300\/30:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:border-indigo-300\/30:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:border-indigo-300\/40:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:border-indigo-300\/40:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:border-indigo-300\/40:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:border-indigo-300\/50:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:border-indigo-300\/50:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:border-indigo-300\/50:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:border-indigo-300\/60:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:border-indigo-300\/60:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:border-indigo-300\/60:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:border-indigo-300\/70:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:border-indigo-300\/70:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:border-indigo-300\/70:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:border-indigo-300\/80:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:border-indigo-300\/80:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:border-indigo-300\/80:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:border-indigo-300\/90:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:border-indigo-300\/90:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:border-indigo-300\/90:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:border-indigo-400:focus { + border-color: var(--indigo-400) + } + .sm\:hover\:border-indigo-400:hover { + border-color: var(--indigo-400) + } + .sm\:active\:border-indigo-400:active { + border-color: var(--indigo-400) + } + .sm\:focus\:border-indigo-400\/10:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:border-indigo-400\/10:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:border-indigo-400\/10:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:border-indigo-400\/20:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:border-indigo-400\/20:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:border-indigo-400\/20:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:border-indigo-400\/30:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:border-indigo-400\/30:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:border-indigo-400\/30:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:border-indigo-400\/40:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:border-indigo-400\/40:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:border-indigo-400\/40:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:border-indigo-400\/50:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:border-indigo-400\/50:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:border-indigo-400\/50:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:border-indigo-400\/60:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:border-indigo-400\/60:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:border-indigo-400\/60:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:border-indigo-400\/70:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:border-indigo-400\/70:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:border-indigo-400\/70:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:border-indigo-400\/80:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:border-indigo-400\/80:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:border-indigo-400\/80:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:border-indigo-400\/90:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:border-indigo-400\/90:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:border-indigo-400\/90:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:border-indigo-500:focus { + border-color: var(--indigo-500) + } + .sm\:hover\:border-indigo-500:hover { + border-color: var(--indigo-500) + } + .sm\:active\:border-indigo-500:active { + border-color: var(--indigo-500) + } + .sm\:focus\:border-indigo-500\/10:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:border-indigo-500\/10:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:border-indigo-500\/10:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:border-indigo-500\/20:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:border-indigo-500\/20:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:border-indigo-500\/20:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:border-indigo-500\/30:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:border-indigo-500\/30:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:border-indigo-500\/30:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:border-indigo-500\/40:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:border-indigo-500\/40:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:border-indigo-500\/40:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:border-indigo-500\/50:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:border-indigo-500\/50:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:border-indigo-500\/50:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:border-indigo-500\/60:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:border-indigo-500\/60:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:border-indigo-500\/60:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:border-indigo-500\/70:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:border-indigo-500\/70:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:border-indigo-500\/70:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:border-indigo-500\/80:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:border-indigo-500\/80:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:border-indigo-500\/80:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:border-indigo-500\/90:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:border-indigo-500\/90:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:border-indigo-500\/90:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:border-indigo-600:focus { + border-color: var(--indigo-600) + } + .sm\:hover\:border-indigo-600:hover { + border-color: var(--indigo-600) + } + .sm\:active\:border-indigo-600:active { + border-color: var(--indigo-600) + } + .sm\:focus\:border-indigo-600\/10:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:border-indigo-600\/10:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:border-indigo-600\/10:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:border-indigo-600\/20:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:border-indigo-600\/20:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:border-indigo-600\/20:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:border-indigo-600\/30:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:border-indigo-600\/30:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:border-indigo-600\/30:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:border-indigo-600\/40:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:border-indigo-600\/40:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:border-indigo-600\/40:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:border-indigo-600\/50:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:border-indigo-600\/50:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:border-indigo-600\/50:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:border-indigo-600\/60:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:border-indigo-600\/60:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:border-indigo-600\/60:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:border-indigo-600\/70:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:border-indigo-600\/70:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:border-indigo-600\/70:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:border-indigo-600\/80:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:border-indigo-600\/80:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:border-indigo-600\/80:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:border-indigo-600\/90:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:border-indigo-600\/90:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:border-indigo-600\/90:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:border-indigo-700:focus { + border-color: var(--indigo-700) + } + .sm\:hover\:border-indigo-700:hover { + border-color: var(--indigo-700) + } + .sm\:active\:border-indigo-700:active { + border-color: var(--indigo-700) + } + .sm\:focus\:border-indigo-700\/10:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:border-indigo-700\/10:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:border-indigo-700\/10:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:border-indigo-700\/20:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:border-indigo-700\/20:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:border-indigo-700\/20:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:border-indigo-700\/30:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:border-indigo-700\/30:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:border-indigo-700\/30:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:border-indigo-700\/40:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:border-indigo-700\/40:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:border-indigo-700\/40:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:border-indigo-700\/50:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:border-indigo-700\/50:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:border-indigo-700\/50:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:border-indigo-700\/60:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:border-indigo-700\/60:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:border-indigo-700\/60:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:border-indigo-700\/70:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:border-indigo-700\/70:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:border-indigo-700\/70:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:border-indigo-700\/80:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:border-indigo-700\/80:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:border-indigo-700\/80:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:border-indigo-700\/90:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:border-indigo-700\/90:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:border-indigo-700\/90:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:border-indigo-800:focus { + border-color: var(--indigo-800) + } + .sm\:hover\:border-indigo-800:hover { + border-color: var(--indigo-800) + } + .sm\:active\:border-indigo-800:active { + border-color: var(--indigo-800) + } + .sm\:focus\:border-indigo-800\/10:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:border-indigo-800\/10:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:border-indigo-800\/10:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:border-indigo-800\/20:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:border-indigo-800\/20:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:border-indigo-800\/20:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:border-indigo-800\/30:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:border-indigo-800\/30:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:border-indigo-800\/30:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:border-indigo-800\/40:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:border-indigo-800\/40:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:border-indigo-800\/40:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:border-indigo-800\/50:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:border-indigo-800\/50:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:border-indigo-800\/50:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:border-indigo-800\/60:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:border-indigo-800\/60:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:border-indigo-800\/60:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:border-indigo-800\/70:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:border-indigo-800\/70:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:border-indigo-800\/70:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:border-indigo-800\/80:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:border-indigo-800\/80:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:border-indigo-800\/80:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:border-indigo-800\/90:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:border-indigo-800\/90:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:border-indigo-800\/90:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:border-indigo-900:focus { + border-color: var(--indigo-900) + } + .sm\:hover\:border-indigo-900:hover { + border-color: var(--indigo-900) + } + .sm\:active\:border-indigo-900:active { + border-color: var(--indigo-900) + } + .sm\:focus\:border-indigo-900\/10:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:border-indigo-900\/10:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:border-indigo-900\/10:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:border-indigo-900\/20:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:border-indigo-900\/20:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:border-indigo-900\/20:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:border-indigo-900\/30:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:border-indigo-900\/30:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:border-indigo-900\/30:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:border-indigo-900\/40:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:border-indigo-900\/40:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:border-indigo-900\/40:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:border-indigo-900\/50:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:border-indigo-900\/50:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:border-indigo-900\/50:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:border-indigo-900\/60:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:border-indigo-900\/60:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:border-indigo-900\/60:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:border-indigo-900\/70:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:border-indigo-900\/70:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:border-indigo-900\/70:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:border-indigo-900\/80:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:border-indigo-900\/80:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:border-indigo-900\/80:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:border-indigo-900\/90:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:border-indigo-900\/90:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:border-indigo-900\/90:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:border-teal-50:focus { + border-color: var(--teal-50) + } + .sm\:hover\:border-teal-50:hover { + border-color: var(--teal-50) + } + .sm\:active\:border-teal-50:active { + border-color: var(--teal-50) + } + .sm\:focus\:border-teal-50\/10:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:border-teal-50\/10:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:border-teal-50\/10:active { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:border-teal-50\/20:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:border-teal-50\/20:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:border-teal-50\/20:active { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:border-teal-50\/30:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:border-teal-50\/30:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:border-teal-50\/30:active { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:border-teal-50\/40:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:border-teal-50\/40:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:border-teal-50\/40:active { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:border-teal-50\/50:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:border-teal-50\/50:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:border-teal-50\/50:active { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:border-teal-50\/60:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:border-teal-50\/60:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:border-teal-50\/60:active { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:border-teal-50\/70:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:border-teal-50\/70:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:border-teal-50\/70:active { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:border-teal-50\/80:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:border-teal-50\/80:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:border-teal-50\/80:active { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:border-teal-50\/90:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:border-teal-50\/90:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:border-teal-50\/90:active { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:border-teal-100:focus { + border-color: var(--teal-100) + } + .sm\:hover\:border-teal-100:hover { + border-color: var(--teal-100) + } + .sm\:active\:border-teal-100:active { + border-color: var(--teal-100) + } + .sm\:focus\:border-teal-100\/10:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:border-teal-100\/10:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:border-teal-100\/10:active { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:border-teal-100\/20:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:border-teal-100\/20:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:border-teal-100\/20:active { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:border-teal-100\/30:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:border-teal-100\/30:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:border-teal-100\/30:active { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:border-teal-100\/40:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:border-teal-100\/40:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:border-teal-100\/40:active { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:border-teal-100\/50:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:border-teal-100\/50:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:border-teal-100\/50:active { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:border-teal-100\/60:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:border-teal-100\/60:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:border-teal-100\/60:active { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:border-teal-100\/70:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:border-teal-100\/70:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:border-teal-100\/70:active { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:border-teal-100\/80:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:border-teal-100\/80:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:border-teal-100\/80:active { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:border-teal-100\/90:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:border-teal-100\/90:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:border-teal-100\/90:active { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:border-teal-200:focus { + border-color: var(--teal-200) + } + .sm\:hover\:border-teal-200:hover { + border-color: var(--teal-200) + } + .sm\:active\:border-teal-200:active { + border-color: var(--teal-200) + } + .sm\:focus\:border-teal-200\/10:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:border-teal-200\/10:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:border-teal-200\/10:active { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:border-teal-200\/20:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:border-teal-200\/20:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:border-teal-200\/20:active { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:border-teal-200\/30:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:border-teal-200\/30:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:border-teal-200\/30:active { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:border-teal-200\/40:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:border-teal-200\/40:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:border-teal-200\/40:active { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:border-teal-200\/50:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:border-teal-200\/50:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:border-teal-200\/50:active { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:border-teal-200\/60:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:border-teal-200\/60:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:border-teal-200\/60:active { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:border-teal-200\/70:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:border-teal-200\/70:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:border-teal-200\/70:active { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:border-teal-200\/80:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:border-teal-200\/80:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:border-teal-200\/80:active { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:border-teal-200\/90:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:border-teal-200\/90:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:border-teal-200\/90:active { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:border-teal-300:focus { + border-color: var(--teal-300) + } + .sm\:hover\:border-teal-300:hover { + border-color: var(--teal-300) + } + .sm\:active\:border-teal-300:active { + border-color: var(--teal-300) + } + .sm\:focus\:border-teal-300\/10:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:border-teal-300\/10:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:border-teal-300\/10:active { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:border-teal-300\/20:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:border-teal-300\/20:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:border-teal-300\/20:active { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:border-teal-300\/30:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:border-teal-300\/30:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:border-teal-300\/30:active { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:border-teal-300\/40:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:border-teal-300\/40:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:border-teal-300\/40:active { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:border-teal-300\/50:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:border-teal-300\/50:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:border-teal-300\/50:active { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:border-teal-300\/60:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:border-teal-300\/60:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:border-teal-300\/60:active { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:border-teal-300\/70:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:border-teal-300\/70:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:border-teal-300\/70:active { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:border-teal-300\/80:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:border-teal-300\/80:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:border-teal-300\/80:active { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:border-teal-300\/90:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:border-teal-300\/90:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:border-teal-300\/90:active { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:border-teal-400:focus { + border-color: var(--teal-400) + } + .sm\:hover\:border-teal-400:hover { + border-color: var(--teal-400) + } + .sm\:active\:border-teal-400:active { + border-color: var(--teal-400) + } + .sm\:focus\:border-teal-400\/10:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:border-teal-400\/10:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:border-teal-400\/10:active { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:border-teal-400\/20:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:border-teal-400\/20:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:border-teal-400\/20:active { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:border-teal-400\/30:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:border-teal-400\/30:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:border-teal-400\/30:active { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:border-teal-400\/40:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:border-teal-400\/40:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:border-teal-400\/40:active { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:border-teal-400\/50:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:border-teal-400\/50:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:border-teal-400\/50:active { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:border-teal-400\/60:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:border-teal-400\/60:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:border-teal-400\/60:active { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:border-teal-400\/70:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:border-teal-400\/70:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:border-teal-400\/70:active { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:border-teal-400\/80:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:border-teal-400\/80:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:border-teal-400\/80:active { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:border-teal-400\/90:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:border-teal-400\/90:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:border-teal-400\/90:active { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:border-teal-500:focus { + border-color: var(--teal-500) + } + .sm\:hover\:border-teal-500:hover { + border-color: var(--teal-500) + } + .sm\:active\:border-teal-500:active { + border-color: var(--teal-500) + } + .sm\:focus\:border-teal-500\/10:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:border-teal-500\/10:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:border-teal-500\/10:active { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:border-teal-500\/20:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:border-teal-500\/20:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:border-teal-500\/20:active { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:border-teal-500\/30:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:border-teal-500\/30:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:border-teal-500\/30:active { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:border-teal-500\/40:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:border-teal-500\/40:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:border-teal-500\/40:active { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:border-teal-500\/50:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:border-teal-500\/50:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:border-teal-500\/50:active { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:border-teal-500\/60:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:border-teal-500\/60:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:border-teal-500\/60:active { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:border-teal-500\/70:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:border-teal-500\/70:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:border-teal-500\/70:active { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:border-teal-500\/80:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:border-teal-500\/80:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:border-teal-500\/80:active { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:border-teal-500\/90:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:border-teal-500\/90:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:border-teal-500\/90:active { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:border-teal-600:focus { + border-color: var(--teal-600) + } + .sm\:hover\:border-teal-600:hover { + border-color: var(--teal-600) + } + .sm\:active\:border-teal-600:active { + border-color: var(--teal-600) + } + .sm\:focus\:border-teal-600\/10:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:border-teal-600\/10:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:border-teal-600\/10:active { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:border-teal-600\/20:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:border-teal-600\/20:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:border-teal-600\/20:active { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:border-teal-600\/30:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:border-teal-600\/30:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:border-teal-600\/30:active { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:border-teal-600\/40:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:border-teal-600\/40:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:border-teal-600\/40:active { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:border-teal-600\/50:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:border-teal-600\/50:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:border-teal-600\/50:active { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:border-teal-600\/60:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:border-teal-600\/60:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:border-teal-600\/60:active { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:border-teal-600\/70:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:border-teal-600\/70:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:border-teal-600\/70:active { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:border-teal-600\/80:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:border-teal-600\/80:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:border-teal-600\/80:active { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:border-teal-600\/90:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:border-teal-600\/90:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:border-teal-600\/90:active { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:border-teal-700:focus { + border-color: var(--teal-700) + } + .sm\:hover\:border-teal-700:hover { + border-color: var(--teal-700) + } + .sm\:active\:border-teal-700:active { + border-color: var(--teal-700) + } + .sm\:focus\:border-teal-700\/10:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:border-teal-700\/10:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:border-teal-700\/10:active { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:border-teal-700\/20:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:border-teal-700\/20:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:border-teal-700\/20:active { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:border-teal-700\/30:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:border-teal-700\/30:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:border-teal-700\/30:active { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:border-teal-700\/40:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:border-teal-700\/40:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:border-teal-700\/40:active { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:border-teal-700\/50:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:border-teal-700\/50:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:border-teal-700\/50:active { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:border-teal-700\/60:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:border-teal-700\/60:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:border-teal-700\/60:active { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:border-teal-700\/70:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:border-teal-700\/70:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:border-teal-700\/70:active { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:border-teal-700\/80:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:border-teal-700\/80:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:border-teal-700\/80:active { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:border-teal-700\/90:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:border-teal-700\/90:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:border-teal-700\/90:active { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:border-teal-800:focus { + border-color: var(--teal-800) + } + .sm\:hover\:border-teal-800:hover { + border-color: var(--teal-800) + } + .sm\:active\:border-teal-800:active { + border-color: var(--teal-800) + } + .sm\:focus\:border-teal-800\/10:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:border-teal-800\/10:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:border-teal-800\/10:active { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:border-teal-800\/20:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:border-teal-800\/20:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:border-teal-800\/20:active { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:border-teal-800\/30:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:border-teal-800\/30:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:border-teal-800\/30:active { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:border-teal-800\/40:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:border-teal-800\/40:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:border-teal-800\/40:active { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:border-teal-800\/50:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:border-teal-800\/50:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:border-teal-800\/50:active { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:border-teal-800\/60:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:border-teal-800\/60:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:border-teal-800\/60:active { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:border-teal-800\/70:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:border-teal-800\/70:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:border-teal-800\/70:active { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:border-teal-800\/80:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:border-teal-800\/80:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:border-teal-800\/80:active { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:border-teal-800\/90:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:border-teal-800\/90:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:border-teal-800\/90:active { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:border-teal-900:focus { + border-color: var(--teal-900) + } + .sm\:hover\:border-teal-900:hover { + border-color: var(--teal-900) + } + .sm\:active\:border-teal-900:active { + border-color: var(--teal-900) + } + .sm\:focus\:border-teal-900\/10:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:border-teal-900\/10:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:border-teal-900\/10:active { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:border-teal-900\/20:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:border-teal-900\/20:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:border-teal-900\/20:active { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:border-teal-900\/30:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:border-teal-900\/30:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:border-teal-900\/30:active { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:border-teal-900\/40:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:border-teal-900\/40:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:border-teal-900\/40:active { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:border-teal-900\/50:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:border-teal-900\/50:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:border-teal-900\/50:active { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:border-teal-900\/60:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:border-teal-900\/60:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:border-teal-900\/60:active { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:border-teal-900\/70:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:border-teal-900\/70:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:border-teal-900\/70:active { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:border-teal-900\/80:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:border-teal-900\/80:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:border-teal-900\/80:active { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:border-teal-900\/90:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:border-teal-900\/90:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:border-teal-900\/90:active { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:border-orange-50:focus { + border-color: var(--orange-50) + } + .sm\:hover\:border-orange-50:hover { + border-color: var(--orange-50) + } + .sm\:active\:border-orange-50:active { + border-color: var(--orange-50) + } + .sm\:focus\:border-orange-50\/10:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:border-orange-50\/10:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:border-orange-50\/10:active { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:border-orange-50\/20:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:border-orange-50\/20:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:border-orange-50\/20:active { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:border-orange-50\/30:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:border-orange-50\/30:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:border-orange-50\/30:active { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:border-orange-50\/40:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:border-orange-50\/40:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:border-orange-50\/40:active { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:border-orange-50\/50:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:border-orange-50\/50:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:border-orange-50\/50:active { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:border-orange-50\/60:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:border-orange-50\/60:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:border-orange-50\/60:active { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:border-orange-50\/70:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:border-orange-50\/70:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:border-orange-50\/70:active { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:border-orange-50\/80:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:border-orange-50\/80:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:border-orange-50\/80:active { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:border-orange-50\/90:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:border-orange-50\/90:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:border-orange-50\/90:active { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:border-orange-100:focus { + border-color: var(--orange-100) + } + .sm\:hover\:border-orange-100:hover { + border-color: var(--orange-100) + } + .sm\:active\:border-orange-100:active { + border-color: var(--orange-100) + } + .sm\:focus\:border-orange-100\/10:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:border-orange-100\/10:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:border-orange-100\/10:active { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:border-orange-100\/20:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:border-orange-100\/20:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:border-orange-100\/20:active { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:border-orange-100\/30:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:border-orange-100\/30:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:border-orange-100\/30:active { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:border-orange-100\/40:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:border-orange-100\/40:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:border-orange-100\/40:active { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:border-orange-100\/50:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:border-orange-100\/50:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:border-orange-100\/50:active { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:border-orange-100\/60:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:border-orange-100\/60:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:border-orange-100\/60:active { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:border-orange-100\/70:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:border-orange-100\/70:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:border-orange-100\/70:active { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:border-orange-100\/80:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:border-orange-100\/80:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:border-orange-100\/80:active { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:border-orange-100\/90:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:border-orange-100\/90:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:border-orange-100\/90:active { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:border-orange-200:focus { + border-color: var(--orange-200) + } + .sm\:hover\:border-orange-200:hover { + border-color: var(--orange-200) + } + .sm\:active\:border-orange-200:active { + border-color: var(--orange-200) + } + .sm\:focus\:border-orange-200\/10:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:border-orange-200\/10:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:border-orange-200\/10:active { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:border-orange-200\/20:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:border-orange-200\/20:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:border-orange-200\/20:active { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:border-orange-200\/30:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:border-orange-200\/30:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:border-orange-200\/30:active { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:border-orange-200\/40:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:border-orange-200\/40:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:border-orange-200\/40:active { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:border-orange-200\/50:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:border-orange-200\/50:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:border-orange-200\/50:active { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:border-orange-200\/60:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:border-orange-200\/60:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:border-orange-200\/60:active { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:border-orange-200\/70:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:border-orange-200\/70:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:border-orange-200\/70:active { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:border-orange-200\/80:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:border-orange-200\/80:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:border-orange-200\/80:active { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:border-orange-200\/90:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:border-orange-200\/90:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:border-orange-200\/90:active { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:border-orange-300:focus { + border-color: var(--orange-300) + } + .sm\:hover\:border-orange-300:hover { + border-color: var(--orange-300) + } + .sm\:active\:border-orange-300:active { + border-color: var(--orange-300) + } + .sm\:focus\:border-orange-300\/10:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:border-orange-300\/10:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:border-orange-300\/10:active { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:border-orange-300\/20:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:border-orange-300\/20:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:border-orange-300\/20:active { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:border-orange-300\/30:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:border-orange-300\/30:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:border-orange-300\/30:active { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:border-orange-300\/40:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:border-orange-300\/40:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:border-orange-300\/40:active { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:border-orange-300\/50:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:border-orange-300\/50:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:border-orange-300\/50:active { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:border-orange-300\/60:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:border-orange-300\/60:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:border-orange-300\/60:active { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:border-orange-300\/70:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:border-orange-300\/70:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:border-orange-300\/70:active { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:border-orange-300\/80:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:border-orange-300\/80:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:border-orange-300\/80:active { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:border-orange-300\/90:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:border-orange-300\/90:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:border-orange-300\/90:active { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:border-orange-400:focus { + border-color: var(--orange-400) + } + .sm\:hover\:border-orange-400:hover { + border-color: var(--orange-400) + } + .sm\:active\:border-orange-400:active { + border-color: var(--orange-400) + } + .sm\:focus\:border-orange-400\/10:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:border-orange-400\/10:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:border-orange-400\/10:active { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:border-orange-400\/20:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:border-orange-400\/20:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:border-orange-400\/20:active { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:border-orange-400\/30:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:border-orange-400\/30:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:border-orange-400\/30:active { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:border-orange-400\/40:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:border-orange-400\/40:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:border-orange-400\/40:active { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:border-orange-400\/50:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:border-orange-400\/50:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:border-orange-400\/50:active { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:border-orange-400\/60:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:border-orange-400\/60:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:border-orange-400\/60:active { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:border-orange-400\/70:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:border-orange-400\/70:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:border-orange-400\/70:active { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:border-orange-400\/80:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:border-orange-400\/80:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:border-orange-400\/80:active { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:border-orange-400\/90:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:border-orange-400\/90:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:border-orange-400\/90:active { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:border-orange-500:focus { + border-color: var(--orange-500) + } + .sm\:hover\:border-orange-500:hover { + border-color: var(--orange-500) + } + .sm\:active\:border-orange-500:active { + border-color: var(--orange-500) + } + .sm\:focus\:border-orange-500\/10:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:border-orange-500\/10:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:border-orange-500\/10:active { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:border-orange-500\/20:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:border-orange-500\/20:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:border-orange-500\/20:active { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:border-orange-500\/30:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:border-orange-500\/30:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:border-orange-500\/30:active { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:border-orange-500\/40:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:border-orange-500\/40:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:border-orange-500\/40:active { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:border-orange-500\/50:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:border-orange-500\/50:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:border-orange-500\/50:active { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:border-orange-500\/60:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:border-orange-500\/60:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:border-orange-500\/60:active { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:border-orange-500\/70:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:border-orange-500\/70:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:border-orange-500\/70:active { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:border-orange-500\/80:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:border-orange-500\/80:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:border-orange-500\/80:active { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:border-orange-500\/90:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:border-orange-500\/90:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:border-orange-500\/90:active { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:border-orange-600:focus { + border-color: var(--orange-600) + } + .sm\:hover\:border-orange-600:hover { + border-color: var(--orange-600) + } + .sm\:active\:border-orange-600:active { + border-color: var(--orange-600) + } + .sm\:focus\:border-orange-600\/10:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:border-orange-600\/10:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:border-orange-600\/10:active { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:border-orange-600\/20:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:border-orange-600\/20:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:border-orange-600\/20:active { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:border-orange-600\/30:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:border-orange-600\/30:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:border-orange-600\/30:active { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:border-orange-600\/40:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:border-orange-600\/40:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:border-orange-600\/40:active { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:border-orange-600\/50:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:border-orange-600\/50:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:border-orange-600\/50:active { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:border-orange-600\/60:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:border-orange-600\/60:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:border-orange-600\/60:active { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:border-orange-600\/70:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:border-orange-600\/70:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:border-orange-600\/70:active { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:border-orange-600\/80:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:border-orange-600\/80:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:border-orange-600\/80:active { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:border-orange-600\/90:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:border-orange-600\/90:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:border-orange-600\/90:active { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:border-orange-700:focus { + border-color: var(--orange-700) + } + .sm\:hover\:border-orange-700:hover { + border-color: var(--orange-700) + } + .sm\:active\:border-orange-700:active { + border-color: var(--orange-700) + } + .sm\:focus\:border-orange-700\/10:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:border-orange-700\/10:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:border-orange-700\/10:active { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:border-orange-700\/20:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:border-orange-700\/20:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:border-orange-700\/20:active { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:border-orange-700\/30:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:border-orange-700\/30:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:border-orange-700\/30:active { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:border-orange-700\/40:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:border-orange-700\/40:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:border-orange-700\/40:active { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:border-orange-700\/50:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:border-orange-700\/50:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:border-orange-700\/50:active { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:border-orange-700\/60:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:border-orange-700\/60:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:border-orange-700\/60:active { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:border-orange-700\/70:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:border-orange-700\/70:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:border-orange-700\/70:active { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:border-orange-700\/80:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:border-orange-700\/80:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:border-orange-700\/80:active { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:border-orange-700\/90:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:border-orange-700\/90:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:border-orange-700\/90:active { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:border-orange-800:focus { + border-color: var(--orange-800) + } + .sm\:hover\:border-orange-800:hover { + border-color: var(--orange-800) + } + .sm\:active\:border-orange-800:active { + border-color: var(--orange-800) + } + .sm\:focus\:border-orange-800\/10:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:border-orange-800\/10:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:border-orange-800\/10:active { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:border-orange-800\/20:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:border-orange-800\/20:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:border-orange-800\/20:active { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:border-orange-800\/30:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:border-orange-800\/30:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:border-orange-800\/30:active { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:border-orange-800\/40:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:border-orange-800\/40:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:border-orange-800\/40:active { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:border-orange-800\/50:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:border-orange-800\/50:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:border-orange-800\/50:active { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:border-orange-800\/60:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:border-orange-800\/60:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:border-orange-800\/60:active { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:border-orange-800\/70:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:border-orange-800\/70:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:border-orange-800\/70:active { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:border-orange-800\/80:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:border-orange-800\/80:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:border-orange-800\/80:active { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:border-orange-800\/90:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:border-orange-800\/90:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:border-orange-800\/90:active { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:border-orange-900:focus { + border-color: var(--orange-900) + } + .sm\:hover\:border-orange-900:hover { + border-color: var(--orange-900) + } + .sm\:active\:border-orange-900:active { + border-color: var(--orange-900) + } + .sm\:focus\:border-orange-900\/10:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:border-orange-900\/10:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:border-orange-900\/10:active { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:border-orange-900\/20:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:border-orange-900\/20:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:border-orange-900\/20:active { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:border-orange-900\/30:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:border-orange-900\/30:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:border-orange-900\/30:active { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:border-orange-900\/40:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:border-orange-900\/40:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:border-orange-900\/40:active { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:border-orange-900\/50:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:border-orange-900\/50:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:border-orange-900\/50:active { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:border-orange-900\/60:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:border-orange-900\/60:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:border-orange-900\/60:active { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:border-orange-900\/70:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:border-orange-900\/70:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:border-orange-900\/70:active { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:border-orange-900\/80:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:border-orange-900\/80:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:border-orange-900\/80:active { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:border-orange-900\/90:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:border-orange-900\/90:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:border-orange-900\/90:active { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-50:focus { + border-color: var(--bluegray-50) + } + .sm\:hover\:border-bluegray-50:hover { + border-color: var(--bluegray-50) + } + .sm\:active\:border-bluegray-50:active { + border-color: var(--bluegray-50) + } + .sm\:focus\:border-bluegray-50\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-50\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:border-bluegray-50\/10:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-50\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-50\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:border-bluegray-50\/20:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-50\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-50\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:border-bluegray-50\/30:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-50\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-50\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:border-bluegray-50\/40:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-50\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-50\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:border-bluegray-50\/50:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-50\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-50\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:border-bluegray-50\/60:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-50\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-50\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:border-bluegray-50\/70:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-50\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-50\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:border-bluegray-50\/80:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-50\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-50\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:border-bluegray-50\/90:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-100:focus { + border-color: var(--bluegray-100) + } + .sm\:hover\:border-bluegray-100:hover { + border-color: var(--bluegray-100) + } + .sm\:active\:border-bluegray-100:active { + border-color: var(--bluegray-100) + } + .sm\:focus\:border-bluegray-100\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-100\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:border-bluegray-100\/10:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-100\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-100\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:border-bluegray-100\/20:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-100\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-100\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:border-bluegray-100\/30:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-100\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-100\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:border-bluegray-100\/40:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-100\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-100\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:border-bluegray-100\/50:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-100\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-100\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:border-bluegray-100\/60:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-100\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-100\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:border-bluegray-100\/70:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-100\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-100\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:border-bluegray-100\/80:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-100\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-100\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:border-bluegray-100\/90:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-200:focus { + border-color: var(--bluegray-200) + } + .sm\:hover\:border-bluegray-200:hover { + border-color: var(--bluegray-200) + } + .sm\:active\:border-bluegray-200:active { + border-color: var(--bluegray-200) + } + .sm\:focus\:border-bluegray-200\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-200\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:border-bluegray-200\/10:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-200\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-200\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:border-bluegray-200\/20:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-200\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-200\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:border-bluegray-200\/30:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-200\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-200\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:border-bluegray-200\/40:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-200\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-200\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:border-bluegray-200\/50:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-200\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-200\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:border-bluegray-200\/60:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-200\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-200\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:border-bluegray-200\/70:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-200\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-200\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:border-bluegray-200\/80:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-200\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-200\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:border-bluegray-200\/90:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-300:focus { + border-color: var(--bluegray-300) + } + .sm\:hover\:border-bluegray-300:hover { + border-color: var(--bluegray-300) + } + .sm\:active\:border-bluegray-300:active { + border-color: var(--bluegray-300) + } + .sm\:focus\:border-bluegray-300\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-300\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:border-bluegray-300\/10:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-300\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-300\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:border-bluegray-300\/20:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-300\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-300\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:border-bluegray-300\/30:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-300\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-300\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:border-bluegray-300\/40:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-300\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-300\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:border-bluegray-300\/50:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-300\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-300\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:border-bluegray-300\/60:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-300\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-300\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:border-bluegray-300\/70:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-300\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-300\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:border-bluegray-300\/80:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-300\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-300\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:border-bluegray-300\/90:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-400:focus { + border-color: var(--bluegray-400) + } + .sm\:hover\:border-bluegray-400:hover { + border-color: var(--bluegray-400) + } + .sm\:active\:border-bluegray-400:active { + border-color: var(--bluegray-400) + } + .sm\:focus\:border-bluegray-400\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-400\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:border-bluegray-400\/10:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-400\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-400\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:border-bluegray-400\/20:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-400\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-400\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:border-bluegray-400\/30:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-400\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-400\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:border-bluegray-400\/40:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-400\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-400\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:border-bluegray-400\/50:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-400\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-400\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:border-bluegray-400\/60:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-400\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-400\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:border-bluegray-400\/70:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-400\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-400\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:border-bluegray-400\/80:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-400\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-400\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:border-bluegray-400\/90:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-500:focus { + border-color: var(--bluegray-500) + } + .sm\:hover\:border-bluegray-500:hover { + border-color: var(--bluegray-500) + } + .sm\:active\:border-bluegray-500:active { + border-color: var(--bluegray-500) + } + .sm\:focus\:border-bluegray-500\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-500\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:border-bluegray-500\/10:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-500\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-500\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:border-bluegray-500\/20:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-500\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-500\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:border-bluegray-500\/30:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-500\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-500\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:border-bluegray-500\/40:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-500\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-500\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:border-bluegray-500\/50:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-500\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-500\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:border-bluegray-500\/60:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-500\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-500\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:border-bluegray-500\/70:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-500\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-500\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:border-bluegray-500\/80:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-500\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-500\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:border-bluegray-500\/90:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-600:focus { + border-color: var(--bluegray-600) + } + .sm\:hover\:border-bluegray-600:hover { + border-color: var(--bluegray-600) + } + .sm\:active\:border-bluegray-600:active { + border-color: var(--bluegray-600) + } + .sm\:focus\:border-bluegray-600\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-600\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:border-bluegray-600\/10:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-600\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-600\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:border-bluegray-600\/20:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-600\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-600\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:border-bluegray-600\/30:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-600\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-600\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:border-bluegray-600\/40:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-600\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-600\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:border-bluegray-600\/50:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-600\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-600\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:border-bluegray-600\/60:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-600\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-600\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:border-bluegray-600\/70:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-600\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-600\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:border-bluegray-600\/80:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-600\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-600\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:border-bluegray-600\/90:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-700:focus { + border-color: var(--bluegray-700) + } + .sm\:hover\:border-bluegray-700:hover { + border-color: var(--bluegray-700) + } + .sm\:active\:border-bluegray-700:active { + border-color: var(--bluegray-700) + } + .sm\:focus\:border-bluegray-700\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-700\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:border-bluegray-700\/10:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-700\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-700\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:border-bluegray-700\/20:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-700\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-700\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:border-bluegray-700\/30:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-700\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-700\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:border-bluegray-700\/40:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-700\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-700\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:border-bluegray-700\/50:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-700\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-700\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:border-bluegray-700\/60:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-700\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-700\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:border-bluegray-700\/70:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-700\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-700\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:border-bluegray-700\/80:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-700\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-700\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:border-bluegray-700\/90:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-800:focus { + border-color: var(--bluegray-800) + } + .sm\:hover\:border-bluegray-800:hover { + border-color: var(--bluegray-800) + } + .sm\:active\:border-bluegray-800:active { + border-color: var(--bluegray-800) + } + .sm\:focus\:border-bluegray-800\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-800\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:border-bluegray-800\/10:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-800\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-800\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:border-bluegray-800\/20:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-800\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-800\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:border-bluegray-800\/30:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-800\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-800\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:border-bluegray-800\/40:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-800\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-800\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:border-bluegray-800\/50:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-800\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-800\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:border-bluegray-800\/60:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-800\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-800\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:border-bluegray-800\/70:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-800\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-800\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:border-bluegray-800\/80:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-800\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-800\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:border-bluegray-800\/90:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:border-bluegray-900:focus { + border-color: var(--bluegray-900) + } + .sm\:hover\:border-bluegray-900:hover { + border-color: var(--bluegray-900) + } + .sm\:active\:border-bluegray-900:active { + border-color: var(--bluegray-900) + } + .sm\:focus\:border-bluegray-900\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:border-bluegray-900\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:border-bluegray-900\/10:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:border-bluegray-900\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:border-bluegray-900\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:border-bluegray-900\/20:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:border-bluegray-900\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:border-bluegray-900\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:border-bluegray-900\/30:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:border-bluegray-900\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:border-bluegray-900\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:border-bluegray-900\/40:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:border-bluegray-900\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:border-bluegray-900\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:border-bluegray-900\/50:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:border-bluegray-900\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:border-bluegray-900\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:border-bluegray-900\/60:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:border-bluegray-900\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:border-bluegray-900\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:border-bluegray-900\/70:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:border-bluegray-900\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:border-bluegray-900\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:border-bluegray-900\/80:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:border-bluegray-900\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:border-bluegray-900\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:border-bluegray-900\/90:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:border-purple-50:focus { + border-color: var(--purple-50) + } + .sm\:hover\:border-purple-50:hover { + border-color: var(--purple-50) + } + .sm\:active\:border-purple-50:active { + border-color: var(--purple-50) + } + .sm\:focus\:border-purple-50\/10:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:border-purple-50\/10:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:border-purple-50\/10:active { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:border-purple-50\/20:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:border-purple-50\/20:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:border-purple-50\/20:active { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:border-purple-50\/30:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:border-purple-50\/30:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:border-purple-50\/30:active { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:border-purple-50\/40:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:border-purple-50\/40:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:border-purple-50\/40:active { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:border-purple-50\/50:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:border-purple-50\/50:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:border-purple-50\/50:active { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:border-purple-50\/60:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:border-purple-50\/60:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:border-purple-50\/60:active { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:border-purple-50\/70:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:border-purple-50\/70:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:border-purple-50\/70:active { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:border-purple-50\/80:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:border-purple-50\/80:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:border-purple-50\/80:active { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:border-purple-50\/90:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:border-purple-50\/90:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:border-purple-50\/90:active { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:border-purple-100:focus { + border-color: var(--purple-100) + } + .sm\:hover\:border-purple-100:hover { + border-color: var(--purple-100) + } + .sm\:active\:border-purple-100:active { + border-color: var(--purple-100) + } + .sm\:focus\:border-purple-100\/10:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:border-purple-100\/10:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:border-purple-100\/10:active { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:border-purple-100\/20:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:border-purple-100\/20:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:border-purple-100\/20:active { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:border-purple-100\/30:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:border-purple-100\/30:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:border-purple-100\/30:active { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:border-purple-100\/40:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:border-purple-100\/40:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:border-purple-100\/40:active { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:border-purple-100\/50:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:border-purple-100\/50:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:border-purple-100\/50:active { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:border-purple-100\/60:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:border-purple-100\/60:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:border-purple-100\/60:active { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:border-purple-100\/70:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:border-purple-100\/70:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:border-purple-100\/70:active { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:border-purple-100\/80:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:border-purple-100\/80:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:border-purple-100\/80:active { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:border-purple-100\/90:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:border-purple-100\/90:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:border-purple-100\/90:active { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:border-purple-200:focus { + border-color: var(--purple-200) + } + .sm\:hover\:border-purple-200:hover { + border-color: var(--purple-200) + } + .sm\:active\:border-purple-200:active { + border-color: var(--purple-200) + } + .sm\:focus\:border-purple-200\/10:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:border-purple-200\/10:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:border-purple-200\/10:active { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:border-purple-200\/20:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:border-purple-200\/20:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:border-purple-200\/20:active { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:border-purple-200\/30:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:border-purple-200\/30:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:border-purple-200\/30:active { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:border-purple-200\/40:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:border-purple-200\/40:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:border-purple-200\/40:active { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:border-purple-200\/50:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:border-purple-200\/50:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:border-purple-200\/50:active { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:border-purple-200\/60:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:border-purple-200\/60:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:border-purple-200\/60:active { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:border-purple-200\/70:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:border-purple-200\/70:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:border-purple-200\/70:active { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:border-purple-200\/80:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:border-purple-200\/80:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:border-purple-200\/80:active { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:border-purple-200\/90:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:border-purple-200\/90:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:border-purple-200\/90:active { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:border-purple-300:focus { + border-color: var(--purple-300) + } + .sm\:hover\:border-purple-300:hover { + border-color: var(--purple-300) + } + .sm\:active\:border-purple-300:active { + border-color: var(--purple-300) + } + .sm\:focus\:border-purple-300\/10:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:border-purple-300\/10:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:border-purple-300\/10:active { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:border-purple-300\/20:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:border-purple-300\/20:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:border-purple-300\/20:active { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:border-purple-300\/30:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:border-purple-300\/30:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:border-purple-300\/30:active { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:border-purple-300\/40:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:border-purple-300\/40:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:border-purple-300\/40:active { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:border-purple-300\/50:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:border-purple-300\/50:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:border-purple-300\/50:active { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:border-purple-300\/60:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:border-purple-300\/60:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:border-purple-300\/60:active { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:border-purple-300\/70:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:border-purple-300\/70:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:border-purple-300\/70:active { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:border-purple-300\/80:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:border-purple-300\/80:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:border-purple-300\/80:active { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:border-purple-300\/90:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:border-purple-300\/90:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:border-purple-300\/90:active { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:border-purple-400:focus { + border-color: var(--purple-400) + } + .sm\:hover\:border-purple-400:hover { + border-color: var(--purple-400) + } + .sm\:active\:border-purple-400:active { + border-color: var(--purple-400) + } + .sm\:focus\:border-purple-400\/10:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:border-purple-400\/10:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:border-purple-400\/10:active { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:border-purple-400\/20:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:border-purple-400\/20:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:border-purple-400\/20:active { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:border-purple-400\/30:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:border-purple-400\/30:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:border-purple-400\/30:active { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:border-purple-400\/40:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:border-purple-400\/40:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:border-purple-400\/40:active { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:border-purple-400\/50:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:border-purple-400\/50:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:border-purple-400\/50:active { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:border-purple-400\/60:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:border-purple-400\/60:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:border-purple-400\/60:active { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:border-purple-400\/70:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:border-purple-400\/70:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:border-purple-400\/70:active { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:border-purple-400\/80:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:border-purple-400\/80:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:border-purple-400\/80:active { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:border-purple-400\/90:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:border-purple-400\/90:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:border-purple-400\/90:active { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:border-purple-500:focus { + border-color: var(--purple-500) + } + .sm\:hover\:border-purple-500:hover { + border-color: var(--purple-500) + } + .sm\:active\:border-purple-500:active { + border-color: var(--purple-500) + } + .sm\:focus\:border-purple-500\/10:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:border-purple-500\/10:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:border-purple-500\/10:active { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:border-purple-500\/20:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:border-purple-500\/20:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:border-purple-500\/20:active { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:border-purple-500\/30:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:border-purple-500\/30:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:border-purple-500\/30:active { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:border-purple-500\/40:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:border-purple-500\/40:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:border-purple-500\/40:active { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:border-purple-500\/50:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:border-purple-500\/50:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:border-purple-500\/50:active { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:border-purple-500\/60:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:border-purple-500\/60:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:border-purple-500\/60:active { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:border-purple-500\/70:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:border-purple-500\/70:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:border-purple-500\/70:active { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:border-purple-500\/80:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:border-purple-500\/80:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:border-purple-500\/80:active { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:border-purple-500\/90:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:border-purple-500\/90:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:border-purple-500\/90:active { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:border-purple-600:focus { + border-color: var(--purple-600) + } + .sm\:hover\:border-purple-600:hover { + border-color: var(--purple-600) + } + .sm\:active\:border-purple-600:active { + border-color: var(--purple-600) + } + .sm\:focus\:border-purple-600\/10:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:border-purple-600\/10:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:border-purple-600\/10:active { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:border-purple-600\/20:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:border-purple-600\/20:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:border-purple-600\/20:active { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:border-purple-600\/30:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:border-purple-600\/30:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:border-purple-600\/30:active { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:border-purple-600\/40:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:border-purple-600\/40:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:border-purple-600\/40:active { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:border-purple-600\/50:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:border-purple-600\/50:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:border-purple-600\/50:active { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:border-purple-600\/60:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:border-purple-600\/60:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:border-purple-600\/60:active { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:border-purple-600\/70:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:border-purple-600\/70:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:border-purple-600\/70:active { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:border-purple-600\/80:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:border-purple-600\/80:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:border-purple-600\/80:active { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:border-purple-600\/90:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:border-purple-600\/90:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:border-purple-600\/90:active { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:border-purple-700:focus { + border-color: var(--purple-700) + } + .sm\:hover\:border-purple-700:hover { + border-color: var(--purple-700) + } + .sm\:active\:border-purple-700:active { + border-color: var(--purple-700) + } + .sm\:focus\:border-purple-700\/10:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:border-purple-700\/10:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:border-purple-700\/10:active { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:border-purple-700\/20:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:border-purple-700\/20:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:border-purple-700\/20:active { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:border-purple-700\/30:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:border-purple-700\/30:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:border-purple-700\/30:active { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:border-purple-700\/40:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:border-purple-700\/40:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:border-purple-700\/40:active { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:border-purple-700\/50:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:border-purple-700\/50:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:border-purple-700\/50:active { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:border-purple-700\/60:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:border-purple-700\/60:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:border-purple-700\/60:active { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:border-purple-700\/70:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:border-purple-700\/70:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:border-purple-700\/70:active { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:border-purple-700\/80:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:border-purple-700\/80:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:border-purple-700\/80:active { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:border-purple-700\/90:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:border-purple-700\/90:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:border-purple-700\/90:active { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:border-purple-800:focus { + border-color: var(--purple-800) + } + .sm\:hover\:border-purple-800:hover { + border-color: var(--purple-800) + } + .sm\:active\:border-purple-800:active { + border-color: var(--purple-800) + } + .sm\:focus\:border-purple-800\/10:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:border-purple-800\/10:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:border-purple-800\/10:active { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:border-purple-800\/20:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:border-purple-800\/20:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:border-purple-800\/20:active { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:border-purple-800\/30:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:border-purple-800\/30:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:border-purple-800\/30:active { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:border-purple-800\/40:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:border-purple-800\/40:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:border-purple-800\/40:active { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:border-purple-800\/50:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:border-purple-800\/50:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:border-purple-800\/50:active { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:border-purple-800\/60:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:border-purple-800\/60:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:border-purple-800\/60:active { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:border-purple-800\/70:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:border-purple-800\/70:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:border-purple-800\/70:active { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:border-purple-800\/80:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:border-purple-800\/80:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:border-purple-800\/80:active { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:border-purple-800\/90:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:border-purple-800\/90:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:border-purple-800\/90:active { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:border-purple-900:focus { + border-color: var(--purple-900) + } + .sm\:hover\:border-purple-900:hover { + border-color: var(--purple-900) + } + .sm\:active\:border-purple-900:active { + border-color: var(--purple-900) + } + .sm\:focus\:border-purple-900\/10:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:border-purple-900\/10:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:border-purple-900\/10:active { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:border-purple-900\/20:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:border-purple-900\/20:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:border-purple-900\/20:active { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:border-purple-900\/30:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:border-purple-900\/30:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:border-purple-900\/30:active { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:border-purple-900\/40:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:border-purple-900\/40:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:border-purple-900\/40:active { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:border-purple-900\/50:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:border-purple-900\/50:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:border-purple-900\/50:active { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:border-purple-900\/60:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:border-purple-900\/60:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:border-purple-900\/60:active { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:border-purple-900\/70:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:border-purple-900\/70:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:border-purple-900\/70:active { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:border-purple-900\/80:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:border-purple-900\/80:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:border-purple-900\/80:active { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:border-purple-900\/90:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:border-purple-900\/90:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:border-purple-900\/90:active { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:border-red-50:focus { + border-color: var(--red-50) + } + .sm\:hover\:border-red-50:hover { + border-color: var(--red-50) + } + .sm\:active\:border-red-50:active { + border-color: var(--red-50) + } + .sm\:focus\:border-red-50\/10:focus { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:border-red-50\/10:hover { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:border-red-50\/10:active { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:border-red-50\/20:focus { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:border-red-50\/20:hover { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:border-red-50\/20:active { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:border-red-50\/30:focus { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:border-red-50\/30:hover { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:border-red-50\/30:active { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:border-red-50\/40:focus { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:border-red-50\/40:hover { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:border-red-50\/40:active { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:border-red-50\/50:focus { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:border-red-50\/50:hover { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:border-red-50\/50:active { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:border-red-50\/60:focus { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:border-red-50\/60:hover { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:border-red-50\/60:active { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:border-red-50\/70:focus { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:border-red-50\/70:hover { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:border-red-50\/70:active { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:border-red-50\/80:focus { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:border-red-50\/80:hover { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:border-red-50\/80:active { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:border-red-50\/90:focus { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:border-red-50\/90:hover { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:border-red-50\/90:active { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:border-red-100:focus { + border-color: var(--red-100) + } + .sm\:hover\:border-red-100:hover { + border-color: var(--red-100) + } + .sm\:active\:border-red-100:active { + border-color: var(--red-100) + } + .sm\:focus\:border-red-100\/10:focus { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:border-red-100\/10:hover { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:border-red-100\/10:active { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:border-red-100\/20:focus { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:border-red-100\/20:hover { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:border-red-100\/20:active { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:border-red-100\/30:focus { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:border-red-100\/30:hover { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:border-red-100\/30:active { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:border-red-100\/40:focus { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:border-red-100\/40:hover { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:border-red-100\/40:active { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:border-red-100\/50:focus { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:border-red-100\/50:hover { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:border-red-100\/50:active { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:border-red-100\/60:focus { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:border-red-100\/60:hover { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:border-red-100\/60:active { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:border-red-100\/70:focus { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:border-red-100\/70:hover { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:border-red-100\/70:active { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:border-red-100\/80:focus { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:border-red-100\/80:hover { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:border-red-100\/80:active { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:border-red-100\/90:focus { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:border-red-100\/90:hover { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:border-red-100\/90:active { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:border-red-200:focus { + border-color: var(--red-200) + } + .sm\:hover\:border-red-200:hover { + border-color: var(--red-200) + } + .sm\:active\:border-red-200:active { + border-color: var(--red-200) + } + .sm\:focus\:border-red-200\/10:focus { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:border-red-200\/10:hover { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:border-red-200\/10:active { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:border-red-200\/20:focus { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:border-red-200\/20:hover { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:border-red-200\/20:active { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:border-red-200\/30:focus { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:border-red-200\/30:hover { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:border-red-200\/30:active { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:border-red-200\/40:focus { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:border-red-200\/40:hover { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:border-red-200\/40:active { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:border-red-200\/50:focus { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:border-red-200\/50:hover { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:border-red-200\/50:active { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:border-red-200\/60:focus { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:border-red-200\/60:hover { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:border-red-200\/60:active { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:border-red-200\/70:focus { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:border-red-200\/70:hover { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:border-red-200\/70:active { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:border-red-200\/80:focus { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:border-red-200\/80:hover { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:border-red-200\/80:active { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:border-red-200\/90:focus { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:border-red-200\/90:hover { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:border-red-200\/90:active { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:border-red-300:focus { + border-color: var(--red-300) + } + .sm\:hover\:border-red-300:hover { + border-color: var(--red-300) + } + .sm\:active\:border-red-300:active { + border-color: var(--red-300) + } + .sm\:focus\:border-red-300\/10:focus { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:border-red-300\/10:hover { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:border-red-300\/10:active { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:border-red-300\/20:focus { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:border-red-300\/20:hover { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:border-red-300\/20:active { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:border-red-300\/30:focus { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:border-red-300\/30:hover { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:border-red-300\/30:active { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:border-red-300\/40:focus { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:border-red-300\/40:hover { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:border-red-300\/40:active { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:border-red-300\/50:focus { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:border-red-300\/50:hover { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:border-red-300\/50:active { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:border-red-300\/60:focus { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:border-red-300\/60:hover { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:border-red-300\/60:active { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:border-red-300\/70:focus { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:border-red-300\/70:hover { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:border-red-300\/70:active { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:border-red-300\/80:focus { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:border-red-300\/80:hover { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:border-red-300\/80:active { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:border-red-300\/90:focus { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:border-red-300\/90:hover { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:border-red-300\/90:active { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:border-red-400:focus { + border-color: var(--red-400) + } + .sm\:hover\:border-red-400:hover { + border-color: var(--red-400) + } + .sm\:active\:border-red-400:active { + border-color: var(--red-400) + } + .sm\:focus\:border-red-400\/10:focus { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:border-red-400\/10:hover { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:border-red-400\/10:active { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:border-red-400\/20:focus { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:border-red-400\/20:hover { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:border-red-400\/20:active { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:border-red-400\/30:focus { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:border-red-400\/30:hover { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:border-red-400\/30:active { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:border-red-400\/40:focus { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:border-red-400\/40:hover { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:border-red-400\/40:active { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:border-red-400\/50:focus { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:border-red-400\/50:hover { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:border-red-400\/50:active { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:border-red-400\/60:focus { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:border-red-400\/60:hover { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:border-red-400\/60:active { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:border-red-400\/70:focus { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:border-red-400\/70:hover { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:border-red-400\/70:active { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:border-red-400\/80:focus { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:border-red-400\/80:hover { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:border-red-400\/80:active { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:border-red-400\/90:focus { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:border-red-400\/90:hover { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:border-red-400\/90:active { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:border-red-500:focus { + border-color: var(--red-500) + } + .sm\:hover\:border-red-500:hover { + border-color: var(--red-500) + } + .sm\:active\:border-red-500:active { + border-color: var(--red-500) + } + .sm\:focus\:border-red-500\/10:focus { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:border-red-500\/10:hover { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:border-red-500\/10:active { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:border-red-500\/20:focus { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:border-red-500\/20:hover { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:border-red-500\/20:active { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:border-red-500\/30:focus { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:border-red-500\/30:hover { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:border-red-500\/30:active { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:border-red-500\/40:focus { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:border-red-500\/40:hover { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:border-red-500\/40:active { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:border-red-500\/50:focus { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:border-red-500\/50:hover { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:border-red-500\/50:active { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:border-red-500\/60:focus { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:border-red-500\/60:hover { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:border-red-500\/60:active { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:border-red-500\/70:focus { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:border-red-500\/70:hover { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:border-red-500\/70:active { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:border-red-500\/80:focus { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:border-red-500\/80:hover { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:border-red-500\/80:active { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:border-red-500\/90:focus { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:border-red-500\/90:hover { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:border-red-500\/90:active { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:border-red-600:focus { + border-color: var(--red-600) + } + .sm\:hover\:border-red-600:hover { + border-color: var(--red-600) + } + .sm\:active\:border-red-600:active { + border-color: var(--red-600) + } + .sm\:focus\:border-red-600\/10:focus { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:border-red-600\/10:hover { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:border-red-600\/10:active { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:border-red-600\/20:focus { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:border-red-600\/20:hover { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:border-red-600\/20:active { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:border-red-600\/30:focus { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:border-red-600\/30:hover { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:border-red-600\/30:active { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:border-red-600\/40:focus { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:border-red-600\/40:hover { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:border-red-600\/40:active { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:border-red-600\/50:focus { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:border-red-600\/50:hover { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:border-red-600\/50:active { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:border-red-600\/60:focus { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:border-red-600\/60:hover { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:border-red-600\/60:active { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:border-red-600\/70:focus { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:border-red-600\/70:hover { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:border-red-600\/70:active { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:border-red-600\/80:focus { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:border-red-600\/80:hover { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:border-red-600\/80:active { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:border-red-600\/90:focus { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:border-red-600\/90:hover { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:border-red-600\/90:active { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:border-red-700:focus { + border-color: var(--red-700) + } + .sm\:hover\:border-red-700:hover { + border-color: var(--red-700) + } + .sm\:active\:border-red-700:active { + border-color: var(--red-700) + } + .sm\:focus\:border-red-700\/10:focus { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:border-red-700\/10:hover { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:border-red-700\/10:active { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:border-red-700\/20:focus { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:border-red-700\/20:hover { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:border-red-700\/20:active { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:border-red-700\/30:focus { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:border-red-700\/30:hover { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:border-red-700\/30:active { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:border-red-700\/40:focus { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:border-red-700\/40:hover { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:border-red-700\/40:active { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:border-red-700\/50:focus { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:border-red-700\/50:hover { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:border-red-700\/50:active { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:border-red-700\/60:focus { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:border-red-700\/60:hover { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:border-red-700\/60:active { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:border-red-700\/70:focus { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:border-red-700\/70:hover { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:border-red-700\/70:active { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:border-red-700\/80:focus { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:border-red-700\/80:hover { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:border-red-700\/80:active { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:border-red-700\/90:focus { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:border-red-700\/90:hover { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:border-red-700\/90:active { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:border-red-800:focus { + border-color: var(--red-800) + } + .sm\:hover\:border-red-800:hover { + border-color: var(--red-800) + } + .sm\:active\:border-red-800:active { + border-color: var(--red-800) + } + .sm\:focus\:border-red-800\/10:focus { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:border-red-800\/10:hover { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:border-red-800\/10:active { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:border-red-800\/20:focus { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:border-red-800\/20:hover { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:border-red-800\/20:active { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:border-red-800\/30:focus { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:border-red-800\/30:hover { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:border-red-800\/30:active { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:border-red-800\/40:focus { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:border-red-800\/40:hover { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:border-red-800\/40:active { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:border-red-800\/50:focus { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:border-red-800\/50:hover { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:border-red-800\/50:active { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:border-red-800\/60:focus { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:border-red-800\/60:hover { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:border-red-800\/60:active { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:border-red-800\/70:focus { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:border-red-800\/70:hover { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:border-red-800\/70:active { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:border-red-800\/80:focus { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:border-red-800\/80:hover { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:border-red-800\/80:active { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:border-red-800\/90:focus { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:border-red-800\/90:hover { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:border-red-800\/90:active { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:border-red-900:focus { + border-color: var(--red-900) + } + .sm\:hover\:border-red-900:hover { + border-color: var(--red-900) + } + .sm\:active\:border-red-900:active { + border-color: var(--red-900) + } + .sm\:focus\:border-red-900\/10:focus { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:border-red-900\/10:hover { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:border-red-900\/10:active { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:border-red-900\/20:focus { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:border-red-900\/20:hover { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:border-red-900\/20:active { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:border-red-900\/30:focus { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:border-red-900\/30:hover { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:border-red-900\/30:active { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:border-red-900\/40:focus { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:border-red-900\/40:hover { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:border-red-900\/40:active { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:border-red-900\/50:focus { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:border-red-900\/50:hover { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:border-red-900\/50:active { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:border-red-900\/60:focus { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:border-red-900\/60:hover { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:border-red-900\/60:active { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:border-red-900\/70:focus { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:border-red-900\/70:hover { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:border-red-900\/70:active { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:border-red-900\/80:focus { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:border-red-900\/80:hover { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:border-red-900\/80:active { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:border-red-900\/90:focus { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:border-red-900\/90:hover { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:border-red-900\/90:active { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:border-gray-50:focus { + border-color: var(--gray-50) + } + .sm\:hover\:border-gray-50:hover { + border-color: var(--gray-50) + } + .sm\:active\:border-gray-50:active { + border-color: var(--gray-50) + } + .sm\:focus\:border-gray-50\/10:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:border-gray-50\/10:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:border-gray-50\/10:active { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:border-gray-50\/20:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:border-gray-50\/20:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:border-gray-50\/20:active { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:border-gray-50\/30:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:border-gray-50\/30:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:border-gray-50\/30:active { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:border-gray-50\/40:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:border-gray-50\/40:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:border-gray-50\/40:active { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:border-gray-50\/50:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:border-gray-50\/50:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:border-gray-50\/50:active { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:border-gray-50\/60:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:border-gray-50\/60:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:border-gray-50\/60:active { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:border-gray-50\/70:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:border-gray-50\/70:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:border-gray-50\/70:active { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:border-gray-50\/80:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:border-gray-50\/80:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:border-gray-50\/80:active { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:border-gray-50\/90:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:border-gray-50\/90:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:border-gray-50\/90:active { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:border-gray-100:focus { + border-color: var(--gray-100) + } + .sm\:hover\:border-gray-100:hover { + border-color: var(--gray-100) + } + .sm\:active\:border-gray-100:active { + border-color: var(--gray-100) + } + .sm\:focus\:border-gray-100\/10:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:border-gray-100\/10:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:border-gray-100\/10:active { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:border-gray-100\/20:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:border-gray-100\/20:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:border-gray-100\/20:active { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:border-gray-100\/30:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:border-gray-100\/30:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:border-gray-100\/30:active { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:border-gray-100\/40:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:border-gray-100\/40:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:border-gray-100\/40:active { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:border-gray-100\/50:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:border-gray-100\/50:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:border-gray-100\/50:active { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:border-gray-100\/60:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:border-gray-100\/60:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:border-gray-100\/60:active { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:border-gray-100\/70:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:border-gray-100\/70:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:border-gray-100\/70:active { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:border-gray-100\/80:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:border-gray-100\/80:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:border-gray-100\/80:active { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:border-gray-100\/90:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:border-gray-100\/90:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:border-gray-100\/90:active { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:border-gray-200:focus { + border-color: var(--gray-200) + } + .sm\:hover\:border-gray-200:hover { + border-color: var(--gray-200) + } + .sm\:active\:border-gray-200:active { + border-color: var(--gray-200) + } + .sm\:focus\:border-gray-200\/10:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:border-gray-200\/10:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:border-gray-200\/10:active { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:border-gray-200\/20:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:border-gray-200\/20:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:border-gray-200\/20:active { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:border-gray-200\/30:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:border-gray-200\/30:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:border-gray-200\/30:active { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:border-gray-200\/40:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:border-gray-200\/40:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:border-gray-200\/40:active { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:border-gray-200\/50:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:border-gray-200\/50:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:border-gray-200\/50:active { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:border-gray-200\/60:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:border-gray-200\/60:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:border-gray-200\/60:active { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:border-gray-200\/70:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:border-gray-200\/70:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:border-gray-200\/70:active { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:border-gray-200\/80:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:border-gray-200\/80:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:border-gray-200\/80:active { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:border-gray-200\/90:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:border-gray-200\/90:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:border-gray-200\/90:active { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:border-gray-300:focus { + border-color: var(--gray-300) + } + .sm\:hover\:border-gray-300:hover { + border-color: var(--gray-300) + } + .sm\:active\:border-gray-300:active { + border-color: var(--gray-300) + } + .sm\:focus\:border-gray-300\/10:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:border-gray-300\/10:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:border-gray-300\/10:active { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:border-gray-300\/20:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:border-gray-300\/20:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:border-gray-300\/20:active { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:border-gray-300\/30:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:border-gray-300\/30:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:border-gray-300\/30:active { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:border-gray-300\/40:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:border-gray-300\/40:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:border-gray-300\/40:active { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:border-gray-300\/50:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:border-gray-300\/50:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:border-gray-300\/50:active { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:border-gray-300\/60:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:border-gray-300\/60:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:border-gray-300\/60:active { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:border-gray-300\/70:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:border-gray-300\/70:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:border-gray-300\/70:active { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:border-gray-300\/80:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:border-gray-300\/80:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:border-gray-300\/80:active { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:border-gray-300\/90:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:border-gray-300\/90:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:border-gray-300\/90:active { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:border-gray-400:focus { + border-color: var(--gray-400) + } + .sm\:hover\:border-gray-400:hover { + border-color: var(--gray-400) + } + .sm\:active\:border-gray-400:active { + border-color: var(--gray-400) + } + .sm\:focus\:border-gray-400\/10:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:border-gray-400\/10:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:border-gray-400\/10:active { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:border-gray-400\/20:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:border-gray-400\/20:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:border-gray-400\/20:active { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:border-gray-400\/30:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:border-gray-400\/30:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:border-gray-400\/30:active { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:border-gray-400\/40:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:border-gray-400\/40:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:border-gray-400\/40:active { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:border-gray-400\/50:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:border-gray-400\/50:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:border-gray-400\/50:active { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:border-gray-400\/60:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:border-gray-400\/60:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:border-gray-400\/60:active { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:border-gray-400\/70:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:border-gray-400\/70:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:border-gray-400\/70:active { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:border-gray-400\/80:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:border-gray-400\/80:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:border-gray-400\/80:active { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:border-gray-400\/90:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:border-gray-400\/90:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:border-gray-400\/90:active { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:border-gray-500:focus { + border-color: var(--gray-500) + } + .sm\:hover\:border-gray-500:hover { + border-color: var(--gray-500) + } + .sm\:active\:border-gray-500:active { + border-color: var(--gray-500) + } + .sm\:focus\:border-gray-500\/10:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:border-gray-500\/10:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:border-gray-500\/10:active { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:border-gray-500\/20:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:border-gray-500\/20:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:border-gray-500\/20:active { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:border-gray-500\/30:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:border-gray-500\/30:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:border-gray-500\/30:active { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:border-gray-500\/40:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:border-gray-500\/40:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:border-gray-500\/40:active { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:border-gray-500\/50:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:border-gray-500\/50:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:border-gray-500\/50:active { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:border-gray-500\/60:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:border-gray-500\/60:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:border-gray-500\/60:active { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:border-gray-500\/70:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:border-gray-500\/70:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:border-gray-500\/70:active { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:border-gray-500\/80:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:border-gray-500\/80:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:border-gray-500\/80:active { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:border-gray-500\/90:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:border-gray-500\/90:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:border-gray-500\/90:active { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:border-gray-600:focus { + border-color: var(--gray-600) + } + .sm\:hover\:border-gray-600:hover { + border-color: var(--gray-600) + } + .sm\:active\:border-gray-600:active { + border-color: var(--gray-600) + } + .sm\:focus\:border-gray-600\/10:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:border-gray-600\/10:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:border-gray-600\/10:active { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:border-gray-600\/20:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:border-gray-600\/20:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:border-gray-600\/20:active { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:border-gray-600\/30:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:border-gray-600\/30:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:border-gray-600\/30:active { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:border-gray-600\/40:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:border-gray-600\/40:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:border-gray-600\/40:active { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:border-gray-600\/50:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:border-gray-600\/50:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:border-gray-600\/50:active { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:border-gray-600\/60:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:border-gray-600\/60:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:border-gray-600\/60:active { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:border-gray-600\/70:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:border-gray-600\/70:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:border-gray-600\/70:active { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:border-gray-600\/80:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:border-gray-600\/80:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:border-gray-600\/80:active { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:border-gray-600\/90:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:border-gray-600\/90:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:border-gray-600\/90:active { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:border-gray-700:focus { + border-color: var(--gray-700) + } + .sm\:hover\:border-gray-700:hover { + border-color: var(--gray-700) + } + .sm\:active\:border-gray-700:active { + border-color: var(--gray-700) + } + .sm\:focus\:border-gray-700\/10:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:border-gray-700\/10:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:border-gray-700\/10:active { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:border-gray-700\/20:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:border-gray-700\/20:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:border-gray-700\/20:active { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:border-gray-700\/30:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:border-gray-700\/30:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:border-gray-700\/30:active { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:border-gray-700\/40:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:border-gray-700\/40:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:border-gray-700\/40:active { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:border-gray-700\/50:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:border-gray-700\/50:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:border-gray-700\/50:active { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:border-gray-700\/60:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:border-gray-700\/60:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:border-gray-700\/60:active { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:border-gray-700\/70:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:border-gray-700\/70:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:border-gray-700\/70:active { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:border-gray-700\/80:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:border-gray-700\/80:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:border-gray-700\/80:active { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:border-gray-700\/90:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:border-gray-700\/90:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:border-gray-700\/90:active { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:border-gray-800:focus { + border-color: var(--gray-800) + } + .sm\:hover\:border-gray-800:hover { + border-color: var(--gray-800) + } + .sm\:active\:border-gray-800:active { + border-color: var(--gray-800) + } + .sm\:focus\:border-gray-800\/10:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:border-gray-800\/10:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:border-gray-800\/10:active { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:border-gray-800\/20:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:border-gray-800\/20:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:border-gray-800\/20:active { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:border-gray-800\/30:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:border-gray-800\/30:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:border-gray-800\/30:active { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:border-gray-800\/40:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:border-gray-800\/40:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:border-gray-800\/40:active { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:border-gray-800\/50:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:border-gray-800\/50:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:border-gray-800\/50:active { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:border-gray-800\/60:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:border-gray-800\/60:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:border-gray-800\/60:active { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:border-gray-800\/70:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:border-gray-800\/70:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:border-gray-800\/70:active { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:border-gray-800\/80:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:border-gray-800\/80:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:border-gray-800\/80:active { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:border-gray-800\/90:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:border-gray-800\/90:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:border-gray-800\/90:active { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:border-gray-900:focus { + border-color: var(--gray-900) + } + .sm\:hover\:border-gray-900:hover { + border-color: var(--gray-900) + } + .sm\:active\:border-gray-900:active { + border-color: var(--gray-900) + } + .sm\:focus\:border-gray-900\/10:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:border-gray-900\/10:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:border-gray-900\/10:active { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:border-gray-900\/20:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:border-gray-900\/20:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:border-gray-900\/20:active { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:border-gray-900\/30:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:border-gray-900\/30:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:border-gray-900\/30:active { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:border-gray-900\/40:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:border-gray-900\/40:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:border-gray-900\/40:active { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:border-gray-900\/50:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:border-gray-900\/50:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:border-gray-900\/50:active { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:border-gray-900\/60:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:border-gray-900\/60:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:border-gray-900\/60:active { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:border-gray-900\/70:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:border-gray-900\/70:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:border-gray-900\/70:active { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:border-gray-900\/80:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:border-gray-900\/80:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:border-gray-900\/80:active { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:border-gray-900\/90:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:border-gray-900\/90:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:border-gray-900\/90:active { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:border-surface-0:focus { + border-color: var(--surface-0) + } + .sm\:hover\:border-surface-0:hover { + border-color: var(--surface-0) + } + .sm\:active\:border-surface-0:active { + border-color: var(--surface-0) + } + .sm\:focus\:border-surface-0\/10:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:border-surface-0\/10:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:border-surface-0\/10:active { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:border-surface-0\/20:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:border-surface-0\/20:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:border-surface-0\/20:active { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:border-surface-0\/30:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:border-surface-0\/30:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:border-surface-0\/30:active { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:border-surface-0\/40:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:border-surface-0\/40:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:border-surface-0\/40:active { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:border-surface-0\/50:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:border-surface-0\/50:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:border-surface-0\/50:active { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:border-surface-0\/60:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:border-surface-0\/60:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:border-surface-0\/60:active { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:border-surface-0\/70:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:border-surface-0\/70:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:border-surface-0\/70:active { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:border-surface-0\/80:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:border-surface-0\/80:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:border-surface-0\/80:active { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:border-surface-0\/90:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:border-surface-0\/90:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:border-surface-0\/90:active { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:border-surface-50:focus { + border-color: var(--surface-50) + } + .sm\:hover\:border-surface-50:hover { + border-color: var(--surface-50) + } + .sm\:active\:border-surface-50:active { + border-color: var(--surface-50) + } + .sm\:focus\:border-surface-50\/10:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:border-surface-50\/10:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:border-surface-50\/10:active { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:border-surface-50\/20:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:border-surface-50\/20:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:border-surface-50\/20:active { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:border-surface-50\/30:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:border-surface-50\/30:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:border-surface-50\/30:active { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:border-surface-50\/40:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:border-surface-50\/40:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:border-surface-50\/40:active { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:border-surface-50\/50:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:border-surface-50\/50:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:border-surface-50\/50:active { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:border-surface-50\/60:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:border-surface-50\/60:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:border-surface-50\/60:active { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:border-surface-50\/70:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:border-surface-50\/70:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:border-surface-50\/70:active { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:border-surface-50\/80:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:border-surface-50\/80:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:border-surface-50\/80:active { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:border-surface-50\/90:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:border-surface-50\/90:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:border-surface-50\/90:active { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:border-surface-100:focus { + border-color: var(--surface-100) + } + .sm\:hover\:border-surface-100:hover { + border-color: var(--surface-100) + } + .sm\:active\:border-surface-100:active { + border-color: var(--surface-100) + } + .sm\:focus\:border-surface-100\/10:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:border-surface-100\/10:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:border-surface-100\/10:active { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:border-surface-100\/20:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:border-surface-100\/20:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:border-surface-100\/20:active { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:border-surface-100\/30:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:border-surface-100\/30:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:border-surface-100\/30:active { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:border-surface-100\/40:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:border-surface-100\/40:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:border-surface-100\/40:active { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:border-surface-100\/50:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:border-surface-100\/50:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:border-surface-100\/50:active { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:border-surface-100\/60:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:border-surface-100\/60:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:border-surface-100\/60:active { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:border-surface-100\/70:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:border-surface-100\/70:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:border-surface-100\/70:active { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:border-surface-100\/80:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:border-surface-100\/80:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:border-surface-100\/80:active { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:border-surface-100\/90:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:border-surface-100\/90:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:border-surface-100\/90:active { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:border-surface-200:focus { + border-color: var(--surface-200) + } + .sm\:hover\:border-surface-200:hover { + border-color: var(--surface-200) + } + .sm\:active\:border-surface-200:active { + border-color: var(--surface-200) + } + .sm\:focus\:border-surface-200\/10:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:border-surface-200\/10:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:border-surface-200\/10:active { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:border-surface-200\/20:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:border-surface-200\/20:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:border-surface-200\/20:active { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:border-surface-200\/30:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:border-surface-200\/30:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:border-surface-200\/30:active { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:border-surface-200\/40:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:border-surface-200\/40:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:border-surface-200\/40:active { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:border-surface-200\/50:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:border-surface-200\/50:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:border-surface-200\/50:active { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:border-surface-200\/60:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:border-surface-200\/60:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:border-surface-200\/60:active { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:border-surface-200\/70:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:border-surface-200\/70:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:border-surface-200\/70:active { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:border-surface-200\/80:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:border-surface-200\/80:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:border-surface-200\/80:active { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:border-surface-200\/90:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:border-surface-200\/90:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:border-surface-200\/90:active { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:border-surface-300:focus { + border-color: var(--surface-300) + } + .sm\:hover\:border-surface-300:hover { + border-color: var(--surface-300) + } + .sm\:active\:border-surface-300:active { + border-color: var(--surface-300) + } + .sm\:focus\:border-surface-300\/10:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:border-surface-300\/10:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:border-surface-300\/10:active { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:border-surface-300\/20:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:border-surface-300\/20:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:border-surface-300\/20:active { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:border-surface-300\/30:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:border-surface-300\/30:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:border-surface-300\/30:active { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:border-surface-300\/40:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:border-surface-300\/40:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:border-surface-300\/40:active { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:border-surface-300\/50:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:border-surface-300\/50:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:border-surface-300\/50:active { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:border-surface-300\/60:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:border-surface-300\/60:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:border-surface-300\/60:active { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:border-surface-300\/70:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:border-surface-300\/70:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:border-surface-300\/70:active { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:border-surface-300\/80:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:border-surface-300\/80:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:border-surface-300\/80:active { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:border-surface-300\/90:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:border-surface-300\/90:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:border-surface-300\/90:active { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:border-surface-400:focus { + border-color: var(--surface-400) + } + .sm\:hover\:border-surface-400:hover { + border-color: var(--surface-400) + } + .sm\:active\:border-surface-400:active { + border-color: var(--surface-400) + } + .sm\:focus\:border-surface-400\/10:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:border-surface-400\/10:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:border-surface-400\/10:active { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:border-surface-400\/20:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:border-surface-400\/20:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:border-surface-400\/20:active { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:border-surface-400\/30:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:border-surface-400\/30:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:border-surface-400\/30:active { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:border-surface-400\/40:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:border-surface-400\/40:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:border-surface-400\/40:active { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:border-surface-400\/50:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:border-surface-400\/50:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:border-surface-400\/50:active { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:border-surface-400\/60:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:border-surface-400\/60:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:border-surface-400\/60:active { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:border-surface-400\/70:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:border-surface-400\/70:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:border-surface-400\/70:active { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:border-surface-400\/80:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:border-surface-400\/80:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:border-surface-400\/80:active { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:border-surface-400\/90:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:border-surface-400\/90:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:border-surface-400\/90:active { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:border-surface-500:focus { + border-color: var(--surface-500) + } + .sm\:hover\:border-surface-500:hover { + border-color: var(--surface-500) + } + .sm\:active\:border-surface-500:active { + border-color: var(--surface-500) + } + .sm\:focus\:border-surface-500\/10:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:border-surface-500\/10:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:border-surface-500\/10:active { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:border-surface-500\/20:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:border-surface-500\/20:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:border-surface-500\/20:active { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:border-surface-500\/30:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:border-surface-500\/30:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:border-surface-500\/30:active { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:border-surface-500\/40:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:border-surface-500\/40:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:border-surface-500\/40:active { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:border-surface-500\/50:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:border-surface-500\/50:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:border-surface-500\/50:active { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:border-surface-500\/60:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:border-surface-500\/60:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:border-surface-500\/60:active { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:border-surface-500\/70:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:border-surface-500\/70:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:border-surface-500\/70:active { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:border-surface-500\/80:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:border-surface-500\/80:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:border-surface-500\/80:active { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:border-surface-500\/90:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:border-surface-500\/90:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:border-surface-500\/90:active { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:border-surface-600:focus { + border-color: var(--surface-600) + } + .sm\:hover\:border-surface-600:hover { + border-color: var(--surface-600) + } + .sm\:active\:border-surface-600:active { + border-color: var(--surface-600) + } + .sm\:focus\:border-surface-600\/10:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:border-surface-600\/10:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:border-surface-600\/10:active { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:border-surface-600\/20:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:border-surface-600\/20:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:border-surface-600\/20:active { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:border-surface-600\/30:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:border-surface-600\/30:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:border-surface-600\/30:active { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:border-surface-600\/40:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:border-surface-600\/40:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:border-surface-600\/40:active { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:border-surface-600\/50:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:border-surface-600\/50:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:border-surface-600\/50:active { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:border-surface-600\/60:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:border-surface-600\/60:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:border-surface-600\/60:active { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:border-surface-600\/70:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:border-surface-600\/70:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:border-surface-600\/70:active { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:border-surface-600\/80:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:border-surface-600\/80:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:border-surface-600\/80:active { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:border-surface-600\/90:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:border-surface-600\/90:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:border-surface-600\/90:active { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:border-surface-700:focus { + border-color: var(--surface-700) + } + .sm\:hover\:border-surface-700:hover { + border-color: var(--surface-700) + } + .sm\:active\:border-surface-700:active { + border-color: var(--surface-700) + } + .sm\:focus\:border-surface-700\/10:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:border-surface-700\/10:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:border-surface-700\/10:active { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:border-surface-700\/20:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:border-surface-700\/20:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:border-surface-700\/20:active { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:border-surface-700\/30:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:border-surface-700\/30:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:border-surface-700\/30:active { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:border-surface-700\/40:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:border-surface-700\/40:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:border-surface-700\/40:active { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:border-surface-700\/50:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:border-surface-700\/50:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:border-surface-700\/50:active { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:border-surface-700\/60:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:border-surface-700\/60:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:border-surface-700\/60:active { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:border-surface-700\/70:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:border-surface-700\/70:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:border-surface-700\/70:active { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:border-surface-700\/80:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:border-surface-700\/80:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:border-surface-700\/80:active { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:border-surface-700\/90:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:border-surface-700\/90:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:border-surface-700\/90:active { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:border-surface-800:focus { + border-color: var(--surface-800) + } + .sm\:hover\:border-surface-800:hover { + border-color: var(--surface-800) + } + .sm\:active\:border-surface-800:active { + border-color: var(--surface-800) + } + .sm\:focus\:border-surface-800\/10:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:border-surface-800\/10:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:border-surface-800\/10:active { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:border-surface-800\/20:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:border-surface-800\/20:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:border-surface-800\/20:active { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:border-surface-800\/30:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:border-surface-800\/30:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:border-surface-800\/30:active { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:border-surface-800\/40:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:border-surface-800\/40:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:border-surface-800\/40:active { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:border-surface-800\/50:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:border-surface-800\/50:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:border-surface-800\/50:active { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:border-surface-800\/60:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:border-surface-800\/60:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:border-surface-800\/60:active { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:border-surface-800\/70:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:border-surface-800\/70:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:border-surface-800\/70:active { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:border-surface-800\/80:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:border-surface-800\/80:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:border-surface-800\/80:active { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:border-surface-800\/90:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:border-surface-800\/90:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:border-surface-800\/90:active { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:border-surface-900:focus { + border-color: var(--surface-900) + } + .sm\:hover\:border-surface-900:hover { + border-color: var(--surface-900) + } + .sm\:active\:border-surface-900:active { + border-color: var(--surface-900) + } + .sm\:focus\:border-surface-900\/10:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:border-surface-900\/10:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:border-surface-900\/10:active { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:border-surface-900\/20:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:border-surface-900\/20:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:border-surface-900\/20:active { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:border-surface-900\/30:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:border-surface-900\/30:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:border-surface-900\/30:active { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:border-surface-900\/40:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:border-surface-900\/40:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:border-surface-900\/40:active { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:border-surface-900\/50:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:border-surface-900\/50:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:border-surface-900\/50:active { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:border-surface-900\/60:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:border-surface-900\/60:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:border-surface-900\/60:active { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:border-surface-900\/70:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:border-surface-900\/70:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:border-surface-900\/70:active { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:border-surface-900\/80:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:border-surface-900\/80:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:border-surface-900\/80:active { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:border-surface-900\/90:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:border-surface-900\/90:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:border-surface-900\/90:active { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:border-primary-50:focus { + border-color: var(--primary-50) + } + .sm\:hover\:border-primary-50:hover { + border-color: var(--primary-50) + } + .sm\:active\:border-primary-50:active { + border-color: var(--primary-50) + } + .sm\:focus\:border-primary-50\/10:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:border-primary-50\/10:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:border-primary-50\/10:active { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:border-primary-50\/20:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:border-primary-50\/20:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:border-primary-50\/20:active { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:border-primary-50\/30:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:border-primary-50\/30:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:border-primary-50\/30:active { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:border-primary-50\/40:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:border-primary-50\/40:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:border-primary-50\/40:active { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:border-primary-50\/50:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:border-primary-50\/50:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:border-primary-50\/50:active { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:border-primary-50\/60:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:border-primary-50\/60:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:border-primary-50\/60:active { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:border-primary-50\/70:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:border-primary-50\/70:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:border-primary-50\/70:active { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:border-primary-50\/80:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:border-primary-50\/80:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:border-primary-50\/80:active { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:border-primary-50\/90:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:border-primary-50\/90:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:border-primary-50\/90:active { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:border-primary-100:focus { + border-color: var(--primary-100) + } + .sm\:hover\:border-primary-100:hover { + border-color: var(--primary-100) + } + .sm\:active\:border-primary-100:active { + border-color: var(--primary-100) + } + .sm\:focus\:border-primary-100\/10:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:border-primary-100\/10:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:border-primary-100\/10:active { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:border-primary-100\/20:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:border-primary-100\/20:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:border-primary-100\/20:active { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:border-primary-100\/30:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:border-primary-100\/30:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:border-primary-100\/30:active { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:border-primary-100\/40:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:border-primary-100\/40:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:border-primary-100\/40:active { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:border-primary-100\/50:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:border-primary-100\/50:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:border-primary-100\/50:active { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:border-primary-100\/60:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:border-primary-100\/60:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:border-primary-100\/60:active { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:border-primary-100\/70:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:border-primary-100\/70:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:border-primary-100\/70:active { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:border-primary-100\/80:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:border-primary-100\/80:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:border-primary-100\/80:active { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:border-primary-100\/90:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:border-primary-100\/90:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:border-primary-100\/90:active { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:border-primary-200:focus { + border-color: var(--primary-200) + } + .sm\:hover\:border-primary-200:hover { + border-color: var(--primary-200) + } + .sm\:active\:border-primary-200:active { + border-color: var(--primary-200) + } + .sm\:focus\:border-primary-200\/10:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:border-primary-200\/10:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:border-primary-200\/10:active { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:border-primary-200\/20:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:border-primary-200\/20:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:border-primary-200\/20:active { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:border-primary-200\/30:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:border-primary-200\/30:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:border-primary-200\/30:active { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:border-primary-200\/40:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:border-primary-200\/40:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:border-primary-200\/40:active { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:border-primary-200\/50:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:border-primary-200\/50:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:border-primary-200\/50:active { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:border-primary-200\/60:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:border-primary-200\/60:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:border-primary-200\/60:active { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:border-primary-200\/70:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:border-primary-200\/70:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:border-primary-200\/70:active { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:border-primary-200\/80:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:border-primary-200\/80:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:border-primary-200\/80:active { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:border-primary-200\/90:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:border-primary-200\/90:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:border-primary-200\/90:active { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:border-primary-300:focus { + border-color: var(--primary-300) + } + .sm\:hover\:border-primary-300:hover { + border-color: var(--primary-300) + } + .sm\:active\:border-primary-300:active { + border-color: var(--primary-300) + } + .sm\:focus\:border-primary-300\/10:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:border-primary-300\/10:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:border-primary-300\/10:active { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:border-primary-300\/20:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:border-primary-300\/20:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:border-primary-300\/20:active { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:border-primary-300\/30:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:border-primary-300\/30:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:border-primary-300\/30:active { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:border-primary-300\/40:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:border-primary-300\/40:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:border-primary-300\/40:active { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:border-primary-300\/50:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:border-primary-300\/50:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:border-primary-300\/50:active { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:border-primary-300\/60:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:border-primary-300\/60:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:border-primary-300\/60:active { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:border-primary-300\/70:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:border-primary-300\/70:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:border-primary-300\/70:active { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:border-primary-300\/80:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:border-primary-300\/80:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:border-primary-300\/80:active { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:border-primary-300\/90:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:border-primary-300\/90:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:border-primary-300\/90:active { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:border-primary-400:focus { + border-color: var(--primary-400) + } + .sm\:hover\:border-primary-400:hover { + border-color: var(--primary-400) + } + .sm\:active\:border-primary-400:active { + border-color: var(--primary-400) + } + .sm\:focus\:border-primary-400\/10:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:border-primary-400\/10:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:border-primary-400\/10:active { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:border-primary-400\/20:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:border-primary-400\/20:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:border-primary-400\/20:active { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:border-primary-400\/30:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:border-primary-400\/30:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:border-primary-400\/30:active { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:border-primary-400\/40:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:border-primary-400\/40:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:border-primary-400\/40:active { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:border-primary-400\/50:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:border-primary-400\/50:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:border-primary-400\/50:active { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:border-primary-400\/60:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:border-primary-400\/60:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:border-primary-400\/60:active { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:border-primary-400\/70:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:border-primary-400\/70:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:border-primary-400\/70:active { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:border-primary-400\/80:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:border-primary-400\/80:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:border-primary-400\/80:active { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:border-primary-400\/90:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:border-primary-400\/90:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:border-primary-400\/90:active { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:border-primary-500:focus { + border-color: var(--primary-500) + } + .sm\:hover\:border-primary-500:hover { + border-color: var(--primary-500) + } + .sm\:active\:border-primary-500:active { + border-color: var(--primary-500) + } + .sm\:focus\:border-primary-500\/10:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:border-primary-500\/10:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:border-primary-500\/10:active { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:border-primary-500\/20:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:border-primary-500\/20:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:border-primary-500\/20:active { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:border-primary-500\/30:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:border-primary-500\/30:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:border-primary-500\/30:active { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:border-primary-500\/40:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:border-primary-500\/40:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:border-primary-500\/40:active { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:border-primary-500\/50:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:border-primary-500\/50:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:border-primary-500\/50:active { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:border-primary-500\/60:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:border-primary-500\/60:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:border-primary-500\/60:active { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:border-primary-500\/70:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:border-primary-500\/70:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:border-primary-500\/70:active { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:border-primary-500\/80:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:border-primary-500\/80:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:border-primary-500\/80:active { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:border-primary-500\/90:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:border-primary-500\/90:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:border-primary-500\/90:active { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:border-primary-600:focus { + border-color: var(--primary-600) + } + .sm\:hover\:border-primary-600:hover { + border-color: var(--primary-600) + } + .sm\:active\:border-primary-600:active { + border-color: var(--primary-600) + } + .sm\:focus\:border-primary-600\/10:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:border-primary-600\/10:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:border-primary-600\/10:active { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:border-primary-600\/20:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:border-primary-600\/20:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:border-primary-600\/20:active { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:border-primary-600\/30:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:border-primary-600\/30:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:border-primary-600\/30:active { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:border-primary-600\/40:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:border-primary-600\/40:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:border-primary-600\/40:active { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:border-primary-600\/50:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:border-primary-600\/50:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:border-primary-600\/50:active { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:border-primary-600\/60:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:border-primary-600\/60:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:border-primary-600\/60:active { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:border-primary-600\/70:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:border-primary-600\/70:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:border-primary-600\/70:active { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:border-primary-600\/80:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:border-primary-600\/80:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:border-primary-600\/80:active { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:border-primary-600\/90:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:border-primary-600\/90:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:border-primary-600\/90:active { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:border-primary-700:focus { + border-color: var(--primary-700) + } + .sm\:hover\:border-primary-700:hover { + border-color: var(--primary-700) + } + .sm\:active\:border-primary-700:active { + border-color: var(--primary-700) + } + .sm\:focus\:border-primary-700\/10:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:border-primary-700\/10:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:border-primary-700\/10:active { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:border-primary-700\/20:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:border-primary-700\/20:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:border-primary-700\/20:active { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:border-primary-700\/30:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:border-primary-700\/30:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:border-primary-700\/30:active { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:border-primary-700\/40:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:border-primary-700\/40:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:border-primary-700\/40:active { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:border-primary-700\/50:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:border-primary-700\/50:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:border-primary-700\/50:active { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:border-primary-700\/60:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:border-primary-700\/60:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:border-primary-700\/60:active { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:border-primary-700\/70:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:border-primary-700\/70:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:border-primary-700\/70:active { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:border-primary-700\/80:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:border-primary-700\/80:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:border-primary-700\/80:active { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:border-primary-700\/90:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:border-primary-700\/90:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:border-primary-700\/90:active { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:border-primary-800:focus { + border-color: var(--primary-800) + } + .sm\:hover\:border-primary-800:hover { + border-color: var(--primary-800) + } + .sm\:active\:border-primary-800:active { + border-color: var(--primary-800) + } + .sm\:focus\:border-primary-800\/10:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:border-primary-800\/10:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:border-primary-800\/10:active { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:border-primary-800\/20:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:border-primary-800\/20:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:border-primary-800\/20:active { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:border-primary-800\/30:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:border-primary-800\/30:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:border-primary-800\/30:active { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:border-primary-800\/40:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:border-primary-800\/40:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:border-primary-800\/40:active { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:border-primary-800\/50:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:border-primary-800\/50:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:border-primary-800\/50:active { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:border-primary-800\/60:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:border-primary-800\/60:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:border-primary-800\/60:active { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:border-primary-800\/70:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:border-primary-800\/70:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:border-primary-800\/70:active { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:border-primary-800\/80:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:border-primary-800\/80:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:border-primary-800\/80:active { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:border-primary-800\/90:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:border-primary-800\/90:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:border-primary-800\/90:active { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:border-primary-900:focus { + border-color: var(--primary-900) + } + .sm\:hover\:border-primary-900:hover { + border-color: var(--primary-900) + } + .sm\:active\:border-primary-900:active { + border-color: var(--primary-900) + } + .sm\:focus\:border-primary-900\/10:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:border-primary-900\/10:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:border-primary-900\/10:active { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:border-primary-900\/20:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:border-primary-900\/20:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:border-primary-900\/20:active { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:border-primary-900\/30:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:border-primary-900\/30:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:border-primary-900\/30:active { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:border-primary-900\/40:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:border-primary-900\/40:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:border-primary-900\/40:active { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:border-primary-900\/50:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:border-primary-900\/50:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:border-primary-900\/50:active { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:border-primary-900\/60:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:border-primary-900\/60:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:border-primary-900\/60:active { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:border-primary-900\/70:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:border-primary-900\/70:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:border-primary-900\/70:active { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:border-primary-900\/80:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:border-primary-900\/80:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:border-primary-900\/80:active { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:border-primary-900\/90:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:border-primary-900\/90:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:border-primary-900\/90:active { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:border-blue-50 { + border-color: var(--blue-50) + } + .md\:border-blue-50\/10 { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:border-blue-50\/20 { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:border-blue-50\/30 { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:border-blue-50\/40 { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:border-blue-50\/50 { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:border-blue-50\/60 { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:border-blue-50\/70 { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:border-blue-50\/80 { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:border-blue-50\/90 { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:border-blue-100 { + border-color: var(--blue-100) + } + .md\:border-blue-100\/10 { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:border-blue-100\/20 { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:border-blue-100\/30 { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:border-blue-100\/40 { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:border-blue-100\/50 { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:border-blue-100\/60 { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:border-blue-100\/70 { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:border-blue-100\/80 { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:border-blue-100\/90 { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:border-blue-200 { + border-color: var(--blue-200) + } + .md\:border-blue-200\/10 { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:border-blue-200\/20 { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:border-blue-200\/30 { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:border-blue-200\/40 { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:border-blue-200\/50 { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:border-blue-200\/60 { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:border-blue-200\/70 { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:border-blue-200\/80 { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:border-blue-200\/90 { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:border-blue-300 { + border-color: var(--blue-300) + } + .md\:border-blue-300\/10 { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:border-blue-300\/20 { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:border-blue-300\/30 { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:border-blue-300\/40 { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:border-blue-300\/50 { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:border-blue-300\/60 { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:border-blue-300\/70 { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:border-blue-300\/80 { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:border-blue-300\/90 { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:border-blue-400 { + border-color: var(--blue-400) + } + .md\:border-blue-400\/10 { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:border-blue-400\/20 { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:border-blue-400\/30 { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:border-blue-400\/40 { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:border-blue-400\/50 { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:border-blue-400\/60 { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:border-blue-400\/70 { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:border-blue-400\/80 { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:border-blue-400\/90 { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:border-blue-500 { + border-color: var(--blue-500) + } + .md\:border-blue-500\/10 { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:border-blue-500\/20 { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:border-blue-500\/30 { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:border-blue-500\/40 { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:border-blue-500\/50 { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:border-blue-500\/60 { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:border-blue-500\/70 { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:border-blue-500\/80 { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:border-blue-500\/90 { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:border-blue-600 { + border-color: var(--blue-600) + } + .md\:border-blue-600\/10 { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:border-blue-600\/20 { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:border-blue-600\/30 { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:border-blue-600\/40 { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:border-blue-600\/50 { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:border-blue-600\/60 { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:border-blue-600\/70 { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:border-blue-600\/80 { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:border-blue-600\/90 { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:border-blue-700 { + border-color: var(--blue-700) + } + .md\:border-blue-700\/10 { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:border-blue-700\/20 { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:border-blue-700\/30 { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:border-blue-700\/40 { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:border-blue-700\/50 { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:border-blue-700\/60 { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:border-blue-700\/70 { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:border-blue-700\/80 { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:border-blue-700\/90 { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:border-blue-800 { + border-color: var(--blue-800) + } + .md\:border-blue-800\/10 { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:border-blue-800\/20 { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:border-blue-800\/30 { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:border-blue-800\/40 { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:border-blue-800\/50 { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:border-blue-800\/60 { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:border-blue-800\/70 { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:border-blue-800\/80 { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:border-blue-800\/90 { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:border-blue-900 { + border-color: var(--blue-900) + } + .md\:border-blue-900\/10 { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:border-blue-900\/20 { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:border-blue-900\/30 { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:border-blue-900\/40 { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:border-blue-900\/50 { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:border-blue-900\/60 { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:border-blue-900\/70 { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:border-blue-900\/80 { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:border-blue-900\/90 { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:border-green-50 { + border-color: var(--green-50) + } + .md\:border-green-50\/10 { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:border-green-50\/20 { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:border-green-50\/30 { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:border-green-50\/40 { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:border-green-50\/50 { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:border-green-50\/60 { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:border-green-50\/70 { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:border-green-50\/80 { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:border-green-50\/90 { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:border-green-100 { + border-color: var(--green-100) + } + .md\:border-green-100\/10 { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:border-green-100\/20 { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:border-green-100\/30 { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:border-green-100\/40 { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:border-green-100\/50 { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:border-green-100\/60 { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:border-green-100\/70 { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:border-green-100\/80 { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:border-green-100\/90 { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:border-green-200 { + border-color: var(--green-200) + } + .md\:border-green-200\/10 { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:border-green-200\/20 { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:border-green-200\/30 { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:border-green-200\/40 { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:border-green-200\/50 { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:border-green-200\/60 { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:border-green-200\/70 { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:border-green-200\/80 { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:border-green-200\/90 { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:border-green-300 { + border-color: var(--green-300) + } + .md\:border-green-300\/10 { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:border-green-300\/20 { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:border-green-300\/30 { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:border-green-300\/40 { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:border-green-300\/50 { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:border-green-300\/60 { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:border-green-300\/70 { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:border-green-300\/80 { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:border-green-300\/90 { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:border-green-400 { + border-color: var(--green-400) + } + .md\:border-green-400\/10 { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:border-green-400\/20 { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:border-green-400\/30 { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:border-green-400\/40 { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:border-green-400\/50 { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:border-green-400\/60 { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:border-green-400\/70 { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:border-green-400\/80 { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:border-green-400\/90 { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:border-green-500 { + border-color: var(--green-500) + } + .md\:border-green-500\/10 { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:border-green-500\/20 { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:border-green-500\/30 { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:border-green-500\/40 { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:border-green-500\/50 { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:border-green-500\/60 { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:border-green-500\/70 { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:border-green-500\/80 { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:border-green-500\/90 { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:border-green-600 { + border-color: var(--green-600) + } + .md\:border-green-600\/10 { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:border-green-600\/20 { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:border-green-600\/30 { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:border-green-600\/40 { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:border-green-600\/50 { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:border-green-600\/60 { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:border-green-600\/70 { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:border-green-600\/80 { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:border-green-600\/90 { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:border-green-700 { + border-color: var(--green-700) + } + .md\:border-green-700\/10 { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:border-green-700\/20 { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:border-green-700\/30 { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:border-green-700\/40 { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:border-green-700\/50 { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:border-green-700\/60 { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:border-green-700\/70 { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:border-green-700\/80 { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:border-green-700\/90 { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:border-green-800 { + border-color: var(--green-800) + } + .md\:border-green-800\/10 { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:border-green-800\/20 { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:border-green-800\/30 { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:border-green-800\/40 { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:border-green-800\/50 { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:border-green-800\/60 { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:border-green-800\/70 { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:border-green-800\/80 { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:border-green-800\/90 { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:border-green-900 { + border-color: var(--green-900) + } + .md\:border-green-900\/10 { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:border-green-900\/20 { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:border-green-900\/30 { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:border-green-900\/40 { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:border-green-900\/50 { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:border-green-900\/60 { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:border-green-900\/70 { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:border-green-900\/80 { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:border-green-900\/90 { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:border-yellow-50 { + border-color: var(--yellow-50) + } + .md\:border-yellow-50\/10 { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:border-yellow-50\/20 { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:border-yellow-50\/30 { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:border-yellow-50\/40 { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:border-yellow-50\/50 { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:border-yellow-50\/60 { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:border-yellow-50\/70 { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:border-yellow-50\/80 { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:border-yellow-50\/90 { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:border-yellow-100 { + border-color: var(--yellow-100) + } + .md\:border-yellow-100\/10 { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:border-yellow-100\/20 { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:border-yellow-100\/30 { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:border-yellow-100\/40 { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:border-yellow-100\/50 { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:border-yellow-100\/60 { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:border-yellow-100\/70 { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:border-yellow-100\/80 { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:border-yellow-100\/90 { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:border-yellow-200 { + border-color: var(--yellow-200) + } + .md\:border-yellow-200\/10 { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:border-yellow-200\/20 { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:border-yellow-200\/30 { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:border-yellow-200\/40 { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:border-yellow-200\/50 { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:border-yellow-200\/60 { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:border-yellow-200\/70 { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:border-yellow-200\/80 { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:border-yellow-200\/90 { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:border-yellow-300 { + border-color: var(--yellow-300) + } + .md\:border-yellow-300\/10 { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:border-yellow-300\/20 { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:border-yellow-300\/30 { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:border-yellow-300\/40 { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:border-yellow-300\/50 { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:border-yellow-300\/60 { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:border-yellow-300\/70 { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:border-yellow-300\/80 { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:border-yellow-300\/90 { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:border-yellow-400 { + border-color: var(--yellow-400) + } + .md\:border-yellow-400\/10 { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:border-yellow-400\/20 { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:border-yellow-400\/30 { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:border-yellow-400\/40 { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:border-yellow-400\/50 { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:border-yellow-400\/60 { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:border-yellow-400\/70 { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:border-yellow-400\/80 { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:border-yellow-400\/90 { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:border-yellow-500 { + border-color: var(--yellow-500) + } + .md\:border-yellow-500\/10 { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:border-yellow-500\/20 { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:border-yellow-500\/30 { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:border-yellow-500\/40 { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:border-yellow-500\/50 { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:border-yellow-500\/60 { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:border-yellow-500\/70 { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:border-yellow-500\/80 { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:border-yellow-500\/90 { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:border-yellow-600 { + border-color: var(--yellow-600) + } + .md\:border-yellow-600\/10 { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:border-yellow-600\/20 { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:border-yellow-600\/30 { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:border-yellow-600\/40 { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:border-yellow-600\/50 { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:border-yellow-600\/60 { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:border-yellow-600\/70 { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:border-yellow-600\/80 { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:border-yellow-600\/90 { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:border-yellow-700 { + border-color: var(--yellow-700) + } + .md\:border-yellow-700\/10 { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:border-yellow-700\/20 { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:border-yellow-700\/30 { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:border-yellow-700\/40 { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:border-yellow-700\/50 { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:border-yellow-700\/60 { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:border-yellow-700\/70 { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:border-yellow-700\/80 { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:border-yellow-700\/90 { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:border-yellow-800 { + border-color: var(--yellow-800) + } + .md\:border-yellow-800\/10 { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:border-yellow-800\/20 { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:border-yellow-800\/30 { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:border-yellow-800\/40 { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:border-yellow-800\/50 { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:border-yellow-800\/60 { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:border-yellow-800\/70 { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:border-yellow-800\/80 { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:border-yellow-800\/90 { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:border-yellow-900 { + border-color: var(--yellow-900) + } + .md\:border-yellow-900\/10 { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:border-yellow-900\/20 { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:border-yellow-900\/30 { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:border-yellow-900\/40 { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:border-yellow-900\/50 { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:border-yellow-900\/60 { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:border-yellow-900\/70 { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:border-yellow-900\/80 { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:border-yellow-900\/90 { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:border-cyan-50 { + border-color: var(--cyan-50) + } + .md\:border-cyan-50\/10 { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:border-cyan-50\/20 { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:border-cyan-50\/30 { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:border-cyan-50\/40 { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:border-cyan-50\/50 { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:border-cyan-50\/60 { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:border-cyan-50\/70 { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:border-cyan-50\/80 { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:border-cyan-50\/90 { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:border-cyan-100 { + border-color: var(--cyan-100) + } + .md\:border-cyan-100\/10 { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:border-cyan-100\/20 { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:border-cyan-100\/30 { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:border-cyan-100\/40 { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:border-cyan-100\/50 { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:border-cyan-100\/60 { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:border-cyan-100\/70 { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:border-cyan-100\/80 { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:border-cyan-100\/90 { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:border-cyan-200 { + border-color: var(--cyan-200) + } + .md\:border-cyan-200\/10 { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:border-cyan-200\/20 { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:border-cyan-200\/30 { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:border-cyan-200\/40 { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:border-cyan-200\/50 { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:border-cyan-200\/60 { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:border-cyan-200\/70 { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:border-cyan-200\/80 { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:border-cyan-200\/90 { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:border-cyan-300 { + border-color: var(--cyan-300) + } + .md\:border-cyan-300\/10 { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:border-cyan-300\/20 { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:border-cyan-300\/30 { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:border-cyan-300\/40 { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:border-cyan-300\/50 { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:border-cyan-300\/60 { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:border-cyan-300\/70 { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:border-cyan-300\/80 { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:border-cyan-300\/90 { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:border-cyan-400 { + border-color: var(--cyan-400) + } + .md\:border-cyan-400\/10 { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:border-cyan-400\/20 { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:border-cyan-400\/30 { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:border-cyan-400\/40 { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:border-cyan-400\/50 { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:border-cyan-400\/60 { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:border-cyan-400\/70 { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:border-cyan-400\/80 { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:border-cyan-400\/90 { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:border-cyan-500 { + border-color: var(--cyan-500) + } + .md\:border-cyan-500\/10 { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:border-cyan-500\/20 { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:border-cyan-500\/30 { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:border-cyan-500\/40 { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:border-cyan-500\/50 { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:border-cyan-500\/60 { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:border-cyan-500\/70 { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:border-cyan-500\/80 { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:border-cyan-500\/90 { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:border-cyan-600 { + border-color: var(--cyan-600) + } + .md\:border-cyan-600\/10 { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:border-cyan-600\/20 { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:border-cyan-600\/30 { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:border-cyan-600\/40 { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:border-cyan-600\/50 { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:border-cyan-600\/60 { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:border-cyan-600\/70 { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:border-cyan-600\/80 { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:border-cyan-600\/90 { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:border-cyan-700 { + border-color: var(--cyan-700) + } + .md\:border-cyan-700\/10 { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:border-cyan-700\/20 { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:border-cyan-700\/30 { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:border-cyan-700\/40 { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:border-cyan-700\/50 { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:border-cyan-700\/60 { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:border-cyan-700\/70 { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:border-cyan-700\/80 { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:border-cyan-700\/90 { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:border-cyan-800 { + border-color: var(--cyan-800) + } + .md\:border-cyan-800\/10 { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:border-cyan-800\/20 { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:border-cyan-800\/30 { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:border-cyan-800\/40 { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:border-cyan-800\/50 { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:border-cyan-800\/60 { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:border-cyan-800\/70 { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:border-cyan-800\/80 { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:border-cyan-800\/90 { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:border-cyan-900 { + border-color: var(--cyan-900) + } + .md\:border-cyan-900\/10 { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:border-cyan-900\/20 { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:border-cyan-900\/30 { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:border-cyan-900\/40 { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:border-cyan-900\/50 { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:border-cyan-900\/60 { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:border-cyan-900\/70 { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:border-cyan-900\/80 { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:border-cyan-900\/90 { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:border-pink-50 { + border-color: var(--pink-50) + } + .md\:border-pink-50\/10 { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:border-pink-50\/20 { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:border-pink-50\/30 { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:border-pink-50\/40 { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:border-pink-50\/50 { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:border-pink-50\/60 { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:border-pink-50\/70 { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:border-pink-50\/80 { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:border-pink-50\/90 { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:border-pink-100 { + border-color: var(--pink-100) + } + .md\:border-pink-100\/10 { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:border-pink-100\/20 { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:border-pink-100\/30 { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:border-pink-100\/40 { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:border-pink-100\/50 { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:border-pink-100\/60 { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:border-pink-100\/70 { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:border-pink-100\/80 { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:border-pink-100\/90 { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:border-pink-200 { + border-color: var(--pink-200) + } + .md\:border-pink-200\/10 { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:border-pink-200\/20 { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:border-pink-200\/30 { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:border-pink-200\/40 { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:border-pink-200\/50 { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:border-pink-200\/60 { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:border-pink-200\/70 { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:border-pink-200\/80 { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:border-pink-200\/90 { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:border-pink-300 { + border-color: var(--pink-300) + } + .md\:border-pink-300\/10 { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:border-pink-300\/20 { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:border-pink-300\/30 { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:border-pink-300\/40 { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:border-pink-300\/50 { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:border-pink-300\/60 { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:border-pink-300\/70 { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:border-pink-300\/80 { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:border-pink-300\/90 { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:border-pink-400 { + border-color: var(--pink-400) + } + .md\:border-pink-400\/10 { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:border-pink-400\/20 { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:border-pink-400\/30 { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:border-pink-400\/40 { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:border-pink-400\/50 { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:border-pink-400\/60 { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:border-pink-400\/70 { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:border-pink-400\/80 { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:border-pink-400\/90 { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:border-pink-500 { + border-color: var(--pink-500) + } + .md\:border-pink-500\/10 { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:border-pink-500\/20 { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:border-pink-500\/30 { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:border-pink-500\/40 { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:border-pink-500\/50 { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:border-pink-500\/60 { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:border-pink-500\/70 { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:border-pink-500\/80 { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:border-pink-500\/90 { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:border-pink-600 { + border-color: var(--pink-600) + } + .md\:border-pink-600\/10 { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:border-pink-600\/20 { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:border-pink-600\/30 { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:border-pink-600\/40 { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:border-pink-600\/50 { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:border-pink-600\/60 { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:border-pink-600\/70 { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:border-pink-600\/80 { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:border-pink-600\/90 { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:border-pink-700 { + border-color: var(--pink-700) + } + .md\:border-pink-700\/10 { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:border-pink-700\/20 { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:border-pink-700\/30 { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:border-pink-700\/40 { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:border-pink-700\/50 { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:border-pink-700\/60 { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:border-pink-700\/70 { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:border-pink-700\/80 { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:border-pink-700\/90 { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:border-pink-800 { + border-color: var(--pink-800) + } + .md\:border-pink-800\/10 { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:border-pink-800\/20 { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:border-pink-800\/30 { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:border-pink-800\/40 { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:border-pink-800\/50 { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:border-pink-800\/60 { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:border-pink-800\/70 { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:border-pink-800\/80 { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:border-pink-800\/90 { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:border-pink-900 { + border-color: var(--pink-900) + } + .md\:border-pink-900\/10 { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:border-pink-900\/20 { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:border-pink-900\/30 { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:border-pink-900\/40 { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:border-pink-900\/50 { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:border-pink-900\/60 { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:border-pink-900\/70 { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:border-pink-900\/80 { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:border-pink-900\/90 { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:border-indigo-50 { + border-color: var(--indigo-50) + } + .md\:border-indigo-50\/10 { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:border-indigo-50\/20 { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:border-indigo-50\/30 { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:border-indigo-50\/40 { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:border-indigo-50\/50 { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:border-indigo-50\/60 { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:border-indigo-50\/70 { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:border-indigo-50\/80 { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:border-indigo-50\/90 { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:border-indigo-100 { + border-color: var(--indigo-100) + } + .md\:border-indigo-100\/10 { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:border-indigo-100\/20 { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:border-indigo-100\/30 { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:border-indigo-100\/40 { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:border-indigo-100\/50 { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:border-indigo-100\/60 { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:border-indigo-100\/70 { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:border-indigo-100\/80 { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:border-indigo-100\/90 { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:border-indigo-200 { + border-color: var(--indigo-200) + } + .md\:border-indigo-200\/10 { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:border-indigo-200\/20 { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:border-indigo-200\/30 { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:border-indigo-200\/40 { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:border-indigo-200\/50 { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:border-indigo-200\/60 { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:border-indigo-200\/70 { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:border-indigo-200\/80 { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:border-indigo-200\/90 { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:border-indigo-300 { + border-color: var(--indigo-300) + } + .md\:border-indigo-300\/10 { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:border-indigo-300\/20 { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:border-indigo-300\/30 { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:border-indigo-300\/40 { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:border-indigo-300\/50 { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:border-indigo-300\/60 { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:border-indigo-300\/70 { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:border-indigo-300\/80 { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:border-indigo-300\/90 { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:border-indigo-400 { + border-color: var(--indigo-400) + } + .md\:border-indigo-400\/10 { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:border-indigo-400\/20 { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:border-indigo-400\/30 { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:border-indigo-400\/40 { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:border-indigo-400\/50 { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:border-indigo-400\/60 { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:border-indigo-400\/70 { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:border-indigo-400\/80 { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:border-indigo-400\/90 { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:border-indigo-500 { + border-color: var(--indigo-500) + } + .md\:border-indigo-500\/10 { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:border-indigo-500\/20 { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:border-indigo-500\/30 { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:border-indigo-500\/40 { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:border-indigo-500\/50 { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:border-indigo-500\/60 { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:border-indigo-500\/70 { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:border-indigo-500\/80 { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:border-indigo-500\/90 { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:border-indigo-600 { + border-color: var(--indigo-600) + } + .md\:border-indigo-600\/10 { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:border-indigo-600\/20 { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:border-indigo-600\/30 { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:border-indigo-600\/40 { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:border-indigo-600\/50 { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:border-indigo-600\/60 { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:border-indigo-600\/70 { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:border-indigo-600\/80 { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:border-indigo-600\/90 { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:border-indigo-700 { + border-color: var(--indigo-700) + } + .md\:border-indigo-700\/10 { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:border-indigo-700\/20 { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:border-indigo-700\/30 { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:border-indigo-700\/40 { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:border-indigo-700\/50 { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:border-indigo-700\/60 { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:border-indigo-700\/70 { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:border-indigo-700\/80 { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:border-indigo-700\/90 { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:border-indigo-800 { + border-color: var(--indigo-800) + } + .md\:border-indigo-800\/10 { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:border-indigo-800\/20 { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:border-indigo-800\/30 { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:border-indigo-800\/40 { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:border-indigo-800\/50 { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:border-indigo-800\/60 { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:border-indigo-800\/70 { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:border-indigo-800\/80 { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:border-indigo-800\/90 { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:border-indigo-900 { + border-color: var(--indigo-900) + } + .md\:border-indigo-900\/10 { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:border-indigo-900\/20 { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:border-indigo-900\/30 { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:border-indigo-900\/40 { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:border-indigo-900\/50 { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:border-indigo-900\/60 { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:border-indigo-900\/70 { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:border-indigo-900\/80 { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:border-indigo-900\/90 { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:border-teal-50 { + border-color: var(--teal-50) + } + .md\:border-teal-50\/10 { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:border-teal-50\/20 { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:border-teal-50\/30 { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:border-teal-50\/40 { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:border-teal-50\/50 { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:border-teal-50\/60 { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:border-teal-50\/70 { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:border-teal-50\/80 { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:border-teal-50\/90 { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:border-teal-100 { + border-color: var(--teal-100) + } + .md\:border-teal-100\/10 { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:border-teal-100\/20 { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:border-teal-100\/30 { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:border-teal-100\/40 { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:border-teal-100\/50 { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:border-teal-100\/60 { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:border-teal-100\/70 { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:border-teal-100\/80 { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:border-teal-100\/90 { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:border-teal-200 { + border-color: var(--teal-200) + } + .md\:border-teal-200\/10 { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:border-teal-200\/20 { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:border-teal-200\/30 { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:border-teal-200\/40 { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:border-teal-200\/50 { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:border-teal-200\/60 { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:border-teal-200\/70 { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:border-teal-200\/80 { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:border-teal-200\/90 { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:border-teal-300 { + border-color: var(--teal-300) + } + .md\:border-teal-300\/10 { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:border-teal-300\/20 { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:border-teal-300\/30 { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:border-teal-300\/40 { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:border-teal-300\/50 { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:border-teal-300\/60 { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:border-teal-300\/70 { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:border-teal-300\/80 { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:border-teal-300\/90 { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:border-teal-400 { + border-color: var(--teal-400) + } + .md\:border-teal-400\/10 { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:border-teal-400\/20 { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:border-teal-400\/30 { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:border-teal-400\/40 { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:border-teal-400\/50 { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:border-teal-400\/60 { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:border-teal-400\/70 { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:border-teal-400\/80 { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:border-teal-400\/90 { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:border-teal-500 { + border-color: var(--teal-500) + } + .md\:border-teal-500\/10 { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:border-teal-500\/20 { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:border-teal-500\/30 { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:border-teal-500\/40 { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:border-teal-500\/50 { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:border-teal-500\/60 { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:border-teal-500\/70 { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:border-teal-500\/80 { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:border-teal-500\/90 { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:border-teal-600 { + border-color: var(--teal-600) + } + .md\:border-teal-600\/10 { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:border-teal-600\/20 { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:border-teal-600\/30 { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:border-teal-600\/40 { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:border-teal-600\/50 { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:border-teal-600\/60 { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:border-teal-600\/70 { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:border-teal-600\/80 { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:border-teal-600\/90 { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:border-teal-700 { + border-color: var(--teal-700) + } + .md\:border-teal-700\/10 { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:border-teal-700\/20 { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:border-teal-700\/30 { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:border-teal-700\/40 { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:border-teal-700\/50 { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:border-teal-700\/60 { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:border-teal-700\/70 { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:border-teal-700\/80 { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:border-teal-700\/90 { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:border-teal-800 { + border-color: var(--teal-800) + } + .md\:border-teal-800\/10 { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:border-teal-800\/20 { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:border-teal-800\/30 { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:border-teal-800\/40 { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:border-teal-800\/50 { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:border-teal-800\/60 { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:border-teal-800\/70 { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:border-teal-800\/80 { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:border-teal-800\/90 { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:border-teal-900 { + border-color: var(--teal-900) + } + .md\:border-teal-900\/10 { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:border-teal-900\/20 { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:border-teal-900\/30 { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:border-teal-900\/40 { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:border-teal-900\/50 { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:border-teal-900\/60 { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:border-teal-900\/70 { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:border-teal-900\/80 { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:border-teal-900\/90 { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:border-orange-50 { + border-color: var(--orange-50) + } + .md\:border-orange-50\/10 { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:border-orange-50\/20 { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:border-orange-50\/30 { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:border-orange-50\/40 { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:border-orange-50\/50 { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:border-orange-50\/60 { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:border-orange-50\/70 { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:border-orange-50\/80 { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:border-orange-50\/90 { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:border-orange-100 { + border-color: var(--orange-100) + } + .md\:border-orange-100\/10 { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:border-orange-100\/20 { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:border-orange-100\/30 { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:border-orange-100\/40 { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:border-orange-100\/50 { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:border-orange-100\/60 { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:border-orange-100\/70 { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:border-orange-100\/80 { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:border-orange-100\/90 { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:border-orange-200 { + border-color: var(--orange-200) + } + .md\:border-orange-200\/10 { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:border-orange-200\/20 { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:border-orange-200\/30 { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:border-orange-200\/40 { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:border-orange-200\/50 { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:border-orange-200\/60 { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:border-orange-200\/70 { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:border-orange-200\/80 { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:border-orange-200\/90 { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:border-orange-300 { + border-color: var(--orange-300) + } + .md\:border-orange-300\/10 { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:border-orange-300\/20 { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:border-orange-300\/30 { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:border-orange-300\/40 { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:border-orange-300\/50 { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:border-orange-300\/60 { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:border-orange-300\/70 { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:border-orange-300\/80 { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:border-orange-300\/90 { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:border-orange-400 { + border-color: var(--orange-400) + } + .md\:border-orange-400\/10 { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:border-orange-400\/20 { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:border-orange-400\/30 { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:border-orange-400\/40 { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:border-orange-400\/50 { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:border-orange-400\/60 { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:border-orange-400\/70 { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:border-orange-400\/80 { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:border-orange-400\/90 { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:border-orange-500 { + border-color: var(--orange-500) + } + .md\:border-orange-500\/10 { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:border-orange-500\/20 { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:border-orange-500\/30 { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:border-orange-500\/40 { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:border-orange-500\/50 { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:border-orange-500\/60 { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:border-orange-500\/70 { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:border-orange-500\/80 { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:border-orange-500\/90 { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:border-orange-600 { + border-color: var(--orange-600) + } + .md\:border-orange-600\/10 { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:border-orange-600\/20 { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:border-orange-600\/30 { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:border-orange-600\/40 { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:border-orange-600\/50 { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:border-orange-600\/60 { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:border-orange-600\/70 { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:border-orange-600\/80 { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:border-orange-600\/90 { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:border-orange-700 { + border-color: var(--orange-700) + } + .md\:border-orange-700\/10 { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:border-orange-700\/20 { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:border-orange-700\/30 { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:border-orange-700\/40 { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:border-orange-700\/50 { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:border-orange-700\/60 { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:border-orange-700\/70 { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:border-orange-700\/80 { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:border-orange-700\/90 { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:border-orange-800 { + border-color: var(--orange-800) + } + .md\:border-orange-800\/10 { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:border-orange-800\/20 { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:border-orange-800\/30 { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:border-orange-800\/40 { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:border-orange-800\/50 { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:border-orange-800\/60 { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:border-orange-800\/70 { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:border-orange-800\/80 { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:border-orange-800\/90 { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:border-orange-900 { + border-color: var(--orange-900) + } + .md\:border-orange-900\/10 { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:border-orange-900\/20 { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:border-orange-900\/30 { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:border-orange-900\/40 { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:border-orange-900\/50 { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:border-orange-900\/60 { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:border-orange-900\/70 { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:border-orange-900\/80 { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:border-orange-900\/90 { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:border-bluegray-50 { + border-color: var(--bluegray-50) + } + .md\:border-bluegray-50\/10 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:border-bluegray-50\/20 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:border-bluegray-50\/30 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:border-bluegray-50\/40 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:border-bluegray-50\/50 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:border-bluegray-50\/60 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:border-bluegray-50\/70 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:border-bluegray-50\/80 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:border-bluegray-50\/90 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:border-bluegray-100 { + border-color: var(--bluegray-100) + } + .md\:border-bluegray-100\/10 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:border-bluegray-100\/20 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:border-bluegray-100\/30 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:border-bluegray-100\/40 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:border-bluegray-100\/50 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:border-bluegray-100\/60 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:border-bluegray-100\/70 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:border-bluegray-100\/80 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:border-bluegray-100\/90 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:border-bluegray-200 { + border-color: var(--bluegray-200) + } + .md\:border-bluegray-200\/10 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:border-bluegray-200\/20 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:border-bluegray-200\/30 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:border-bluegray-200\/40 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:border-bluegray-200\/50 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:border-bluegray-200\/60 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:border-bluegray-200\/70 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:border-bluegray-200\/80 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:border-bluegray-200\/90 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:border-bluegray-300 { + border-color: var(--bluegray-300) + } + .md\:border-bluegray-300\/10 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:border-bluegray-300\/20 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:border-bluegray-300\/30 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:border-bluegray-300\/40 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:border-bluegray-300\/50 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:border-bluegray-300\/60 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:border-bluegray-300\/70 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:border-bluegray-300\/80 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:border-bluegray-300\/90 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:border-bluegray-400 { + border-color: var(--bluegray-400) + } + .md\:border-bluegray-400\/10 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:border-bluegray-400\/20 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:border-bluegray-400\/30 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:border-bluegray-400\/40 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:border-bluegray-400\/50 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:border-bluegray-400\/60 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:border-bluegray-400\/70 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:border-bluegray-400\/80 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:border-bluegray-400\/90 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:border-bluegray-500 { + border-color: var(--bluegray-500) + } + .md\:border-bluegray-500\/10 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:border-bluegray-500\/20 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:border-bluegray-500\/30 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:border-bluegray-500\/40 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:border-bluegray-500\/50 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:border-bluegray-500\/60 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:border-bluegray-500\/70 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:border-bluegray-500\/80 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:border-bluegray-500\/90 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:border-bluegray-600 { + border-color: var(--bluegray-600) + } + .md\:border-bluegray-600\/10 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:border-bluegray-600\/20 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:border-bluegray-600\/30 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:border-bluegray-600\/40 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:border-bluegray-600\/50 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:border-bluegray-600\/60 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:border-bluegray-600\/70 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:border-bluegray-600\/80 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:border-bluegray-600\/90 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:border-bluegray-700 { + border-color: var(--bluegray-700) + } + .md\:border-bluegray-700\/10 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:border-bluegray-700\/20 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:border-bluegray-700\/30 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:border-bluegray-700\/40 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:border-bluegray-700\/50 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:border-bluegray-700\/60 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:border-bluegray-700\/70 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:border-bluegray-700\/80 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:border-bluegray-700\/90 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:border-bluegray-800 { + border-color: var(--bluegray-800) + } + .md\:border-bluegray-800\/10 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:border-bluegray-800\/20 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:border-bluegray-800\/30 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:border-bluegray-800\/40 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:border-bluegray-800\/50 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:border-bluegray-800\/60 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:border-bluegray-800\/70 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:border-bluegray-800\/80 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:border-bluegray-800\/90 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:border-bluegray-900 { + border-color: var(--bluegray-900) + } + .md\:border-bluegray-900\/10 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:border-bluegray-900\/20 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:border-bluegray-900\/30 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:border-bluegray-900\/40 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:border-bluegray-900\/50 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:border-bluegray-900\/60 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:border-bluegray-900\/70 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:border-bluegray-900\/80 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:border-bluegray-900\/90 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:border-purple-50 { + border-color: var(--purple-50) + } + .md\:border-purple-50\/10 { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:border-purple-50\/20 { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:border-purple-50\/30 { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:border-purple-50\/40 { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:border-purple-50\/50 { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:border-purple-50\/60 { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:border-purple-50\/70 { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:border-purple-50\/80 { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:border-purple-50\/90 { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:border-purple-100 { + border-color: var(--purple-100) + } + .md\:border-purple-100\/10 { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:border-purple-100\/20 { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:border-purple-100\/30 { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:border-purple-100\/40 { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:border-purple-100\/50 { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:border-purple-100\/60 { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:border-purple-100\/70 { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:border-purple-100\/80 { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:border-purple-100\/90 { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:border-purple-200 { + border-color: var(--purple-200) + } + .md\:border-purple-200\/10 { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:border-purple-200\/20 { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:border-purple-200\/30 { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:border-purple-200\/40 { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:border-purple-200\/50 { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:border-purple-200\/60 { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:border-purple-200\/70 { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:border-purple-200\/80 { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:border-purple-200\/90 { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:border-purple-300 { + border-color: var(--purple-300) + } + .md\:border-purple-300\/10 { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:border-purple-300\/20 { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:border-purple-300\/30 { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:border-purple-300\/40 { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:border-purple-300\/50 { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:border-purple-300\/60 { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:border-purple-300\/70 { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:border-purple-300\/80 { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:border-purple-300\/90 { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:border-purple-400 { + border-color: var(--purple-400) + } + .md\:border-purple-400\/10 { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:border-purple-400\/20 { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:border-purple-400\/30 { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:border-purple-400\/40 { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:border-purple-400\/50 { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:border-purple-400\/60 { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:border-purple-400\/70 { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:border-purple-400\/80 { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:border-purple-400\/90 { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:border-purple-500 { + border-color: var(--purple-500) + } + .md\:border-purple-500\/10 { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:border-purple-500\/20 { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:border-purple-500\/30 { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:border-purple-500\/40 { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:border-purple-500\/50 { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:border-purple-500\/60 { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:border-purple-500\/70 { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:border-purple-500\/80 { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:border-purple-500\/90 { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:border-purple-600 { + border-color: var(--purple-600) + } + .md\:border-purple-600\/10 { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:border-purple-600\/20 { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:border-purple-600\/30 { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:border-purple-600\/40 { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:border-purple-600\/50 { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:border-purple-600\/60 { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:border-purple-600\/70 { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:border-purple-600\/80 { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:border-purple-600\/90 { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:border-purple-700 { + border-color: var(--purple-700) + } + .md\:border-purple-700\/10 { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:border-purple-700\/20 { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:border-purple-700\/30 { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:border-purple-700\/40 { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:border-purple-700\/50 { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:border-purple-700\/60 { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:border-purple-700\/70 { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:border-purple-700\/80 { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:border-purple-700\/90 { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:border-purple-800 { + border-color: var(--purple-800) + } + .md\:border-purple-800\/10 { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:border-purple-800\/20 { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:border-purple-800\/30 { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:border-purple-800\/40 { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:border-purple-800\/50 { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:border-purple-800\/60 { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:border-purple-800\/70 { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:border-purple-800\/80 { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:border-purple-800\/90 { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:border-purple-900 { + border-color: var(--purple-900) + } + .md\:border-purple-900\/10 { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:border-purple-900\/20 { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:border-purple-900\/30 { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:border-purple-900\/40 { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:border-purple-900\/50 { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:border-purple-900\/60 { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:border-purple-900\/70 { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:border-purple-900\/80 { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:border-purple-900\/90 { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:border-red-50 { + border-color: var(--red-50) + } + .md\:border-red-50\/10 { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:border-red-50\/20 { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:border-red-50\/30 { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:border-red-50\/40 { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:border-red-50\/50 { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:border-red-50\/60 { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:border-red-50\/70 { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:border-red-50\/80 { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:border-red-50\/90 { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:border-red-100 { + border-color: var(--red-100) + } + .md\:border-red-100\/10 { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:border-red-100\/20 { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:border-red-100\/30 { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:border-red-100\/40 { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:border-red-100\/50 { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:border-red-100\/60 { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:border-red-100\/70 { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:border-red-100\/80 { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:border-red-100\/90 { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:border-red-200 { + border-color: var(--red-200) + } + .md\:border-red-200\/10 { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:border-red-200\/20 { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:border-red-200\/30 { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:border-red-200\/40 { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:border-red-200\/50 { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:border-red-200\/60 { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:border-red-200\/70 { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:border-red-200\/80 { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:border-red-200\/90 { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:border-red-300 { + border-color: var(--red-300) + } + .md\:border-red-300\/10 { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:border-red-300\/20 { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:border-red-300\/30 { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:border-red-300\/40 { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:border-red-300\/50 { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:border-red-300\/60 { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:border-red-300\/70 { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:border-red-300\/80 { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:border-red-300\/90 { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:border-red-400 { + border-color: var(--red-400) + } + .md\:border-red-400\/10 { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:border-red-400\/20 { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:border-red-400\/30 { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:border-red-400\/40 { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:border-red-400\/50 { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:border-red-400\/60 { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:border-red-400\/70 { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:border-red-400\/80 { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:border-red-400\/90 { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:border-red-500 { + border-color: var(--red-500) + } + .md\:border-red-500\/10 { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:border-red-500\/20 { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:border-red-500\/30 { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:border-red-500\/40 { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:border-red-500\/50 { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:border-red-500\/60 { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:border-red-500\/70 { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:border-red-500\/80 { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:border-red-500\/90 { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:border-red-600 { + border-color: var(--red-600) + } + .md\:border-red-600\/10 { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:border-red-600\/20 { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:border-red-600\/30 { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:border-red-600\/40 { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:border-red-600\/50 { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:border-red-600\/60 { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:border-red-600\/70 { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:border-red-600\/80 { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:border-red-600\/90 { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:border-red-700 { + border-color: var(--red-700) + } + .md\:border-red-700\/10 { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:border-red-700\/20 { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:border-red-700\/30 { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:border-red-700\/40 { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:border-red-700\/50 { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:border-red-700\/60 { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:border-red-700\/70 { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:border-red-700\/80 { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:border-red-700\/90 { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:border-red-800 { + border-color: var(--red-800) + } + .md\:border-red-800\/10 { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:border-red-800\/20 { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:border-red-800\/30 { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:border-red-800\/40 { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:border-red-800\/50 { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:border-red-800\/60 { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:border-red-800\/70 { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:border-red-800\/80 { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:border-red-800\/90 { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:border-red-900 { + border-color: var(--red-900) + } + .md\:border-red-900\/10 { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:border-red-900\/20 { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:border-red-900\/30 { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:border-red-900\/40 { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:border-red-900\/50 { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:border-red-900\/60 { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:border-red-900\/70 { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:border-red-900\/80 { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:border-red-900\/90 { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:border-gray-50 { + border-color: var(--gray-50) + } + .md\:border-gray-50\/10 { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:border-gray-50\/20 { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:border-gray-50\/30 { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:border-gray-50\/40 { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:border-gray-50\/50 { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:border-gray-50\/60 { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:border-gray-50\/70 { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:border-gray-50\/80 { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:border-gray-50\/90 { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:border-gray-100 { + border-color: var(--gray-100) + } + .md\:border-gray-100\/10 { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:border-gray-100\/20 { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:border-gray-100\/30 { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:border-gray-100\/40 { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:border-gray-100\/50 { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:border-gray-100\/60 { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:border-gray-100\/70 { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:border-gray-100\/80 { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:border-gray-100\/90 { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:border-gray-200 { + border-color: var(--gray-200) + } + .md\:border-gray-200\/10 { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:border-gray-200\/20 { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:border-gray-200\/30 { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:border-gray-200\/40 { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:border-gray-200\/50 { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:border-gray-200\/60 { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:border-gray-200\/70 { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:border-gray-200\/80 { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:border-gray-200\/90 { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:border-gray-300 { + border-color: var(--gray-300) + } + .md\:border-gray-300\/10 { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:border-gray-300\/20 { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:border-gray-300\/30 { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:border-gray-300\/40 { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:border-gray-300\/50 { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:border-gray-300\/60 { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:border-gray-300\/70 { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:border-gray-300\/80 { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:border-gray-300\/90 { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:border-gray-400 { + border-color: var(--gray-400) + } + .md\:border-gray-400\/10 { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:border-gray-400\/20 { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:border-gray-400\/30 { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:border-gray-400\/40 { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:border-gray-400\/50 { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:border-gray-400\/60 { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:border-gray-400\/70 { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:border-gray-400\/80 { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:border-gray-400\/90 { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:border-gray-500 { + border-color: var(--gray-500) + } + .md\:border-gray-500\/10 { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:border-gray-500\/20 { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:border-gray-500\/30 { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:border-gray-500\/40 { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:border-gray-500\/50 { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:border-gray-500\/60 { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:border-gray-500\/70 { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:border-gray-500\/80 { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:border-gray-500\/90 { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:border-gray-600 { + border-color: var(--gray-600) + } + .md\:border-gray-600\/10 { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:border-gray-600\/20 { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:border-gray-600\/30 { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:border-gray-600\/40 { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:border-gray-600\/50 { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:border-gray-600\/60 { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:border-gray-600\/70 { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:border-gray-600\/80 { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:border-gray-600\/90 { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:border-gray-700 { + border-color: var(--gray-700) + } + .md\:border-gray-700\/10 { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:border-gray-700\/20 { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:border-gray-700\/30 { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:border-gray-700\/40 { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:border-gray-700\/50 { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:border-gray-700\/60 { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:border-gray-700\/70 { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:border-gray-700\/80 { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:border-gray-700\/90 { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:border-gray-800 { + border-color: var(--gray-800) + } + .md\:border-gray-800\/10 { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:border-gray-800\/20 { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:border-gray-800\/30 { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:border-gray-800\/40 { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:border-gray-800\/50 { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:border-gray-800\/60 { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:border-gray-800\/70 { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:border-gray-800\/80 { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:border-gray-800\/90 { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:border-gray-900 { + border-color: var(--gray-900) + } + .md\:border-gray-900\/10 { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:border-gray-900\/20 { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:border-gray-900\/30 { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:border-gray-900\/40 { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:border-gray-900\/50 { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:border-gray-900\/60 { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:border-gray-900\/70 { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:border-gray-900\/80 { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:border-gray-900\/90 { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:border-surface-0 { + border-color: var(--surface-0) + } + .md\:border-surface-0\/10 { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:border-surface-0\/20 { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:border-surface-0\/30 { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:border-surface-0\/40 { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:border-surface-0\/50 { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:border-surface-0\/60 { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:border-surface-0\/70 { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:border-surface-0\/80 { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:border-surface-0\/90 { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:border-surface-50 { + border-color: var(--surface-50) + } + .md\:border-surface-50\/10 { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:border-surface-50\/20 { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:border-surface-50\/30 { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:border-surface-50\/40 { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:border-surface-50\/50 { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:border-surface-50\/60 { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:border-surface-50\/70 { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:border-surface-50\/80 { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:border-surface-50\/90 { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:border-surface-100 { + border-color: var(--surface-100) + } + .md\:border-surface-100\/10 { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:border-surface-100\/20 { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:border-surface-100\/30 { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:border-surface-100\/40 { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:border-surface-100\/50 { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:border-surface-100\/60 { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:border-surface-100\/70 { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:border-surface-100\/80 { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:border-surface-100\/90 { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:border-surface-200 { + border-color: var(--surface-200) + } + .md\:border-surface-200\/10 { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:border-surface-200\/20 { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:border-surface-200\/30 { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:border-surface-200\/40 { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:border-surface-200\/50 { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:border-surface-200\/60 { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:border-surface-200\/70 { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:border-surface-200\/80 { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:border-surface-200\/90 { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:border-surface-300 { + border-color: var(--surface-300) + } + .md\:border-surface-300\/10 { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:border-surface-300\/20 { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:border-surface-300\/30 { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:border-surface-300\/40 { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:border-surface-300\/50 { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:border-surface-300\/60 { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:border-surface-300\/70 { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:border-surface-300\/80 { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:border-surface-300\/90 { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:border-surface-400 { + border-color: var(--surface-400) + } + .md\:border-surface-400\/10 { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:border-surface-400\/20 { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:border-surface-400\/30 { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:border-surface-400\/40 { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:border-surface-400\/50 { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:border-surface-400\/60 { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:border-surface-400\/70 { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:border-surface-400\/80 { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:border-surface-400\/90 { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:border-surface-500 { + border-color: var(--surface-500) + } + .md\:border-surface-500\/10 { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:border-surface-500\/20 { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:border-surface-500\/30 { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:border-surface-500\/40 { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:border-surface-500\/50 { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:border-surface-500\/60 { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:border-surface-500\/70 { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:border-surface-500\/80 { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:border-surface-500\/90 { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:border-surface-600 { + border-color: var(--surface-600) + } + .md\:border-surface-600\/10 { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:border-surface-600\/20 { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:border-surface-600\/30 { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:border-surface-600\/40 { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:border-surface-600\/50 { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:border-surface-600\/60 { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:border-surface-600\/70 { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:border-surface-600\/80 { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:border-surface-600\/90 { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:border-surface-700 { + border-color: var(--surface-700) + } + .md\:border-surface-700\/10 { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:border-surface-700\/20 { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:border-surface-700\/30 { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:border-surface-700\/40 { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:border-surface-700\/50 { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:border-surface-700\/60 { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:border-surface-700\/70 { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:border-surface-700\/80 { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:border-surface-700\/90 { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:border-surface-800 { + border-color: var(--surface-800) + } + .md\:border-surface-800\/10 { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:border-surface-800\/20 { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:border-surface-800\/30 { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:border-surface-800\/40 { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:border-surface-800\/50 { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:border-surface-800\/60 { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:border-surface-800\/70 { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:border-surface-800\/80 { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:border-surface-800\/90 { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:border-surface-900 { + border-color: var(--surface-900) + } + .md\:border-surface-900\/10 { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:border-surface-900\/20 { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:border-surface-900\/30 { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:border-surface-900\/40 { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:border-surface-900\/50 { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:border-surface-900\/60 { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:border-surface-900\/70 { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:border-surface-900\/80 { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:border-surface-900\/90 { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:border-primary-50 { + border-color: var(--primary-50) + } + .md\:border-primary-50\/10 { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:border-primary-50\/20 { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:border-primary-50\/30 { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:border-primary-50\/40 { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:border-primary-50\/50 { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:border-primary-50\/60 { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:border-primary-50\/70 { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:border-primary-50\/80 { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:border-primary-50\/90 { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:border-primary-100 { + border-color: var(--primary-100) + } + .md\:border-primary-100\/10 { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:border-primary-100\/20 { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:border-primary-100\/30 { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:border-primary-100\/40 { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:border-primary-100\/50 { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:border-primary-100\/60 { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:border-primary-100\/70 { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:border-primary-100\/80 { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:border-primary-100\/90 { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:border-primary-200 { + border-color: var(--primary-200) + } + .md\:border-primary-200\/10 { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:border-primary-200\/20 { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:border-primary-200\/30 { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:border-primary-200\/40 { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:border-primary-200\/50 { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:border-primary-200\/60 { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:border-primary-200\/70 { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:border-primary-200\/80 { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:border-primary-200\/90 { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:border-primary-300 { + border-color: var(--primary-300) + } + .md\:border-primary-300\/10 { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:border-primary-300\/20 { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:border-primary-300\/30 { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:border-primary-300\/40 { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:border-primary-300\/50 { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:border-primary-300\/60 { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:border-primary-300\/70 { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:border-primary-300\/80 { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:border-primary-300\/90 { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:border-primary-400 { + border-color: var(--primary-400) + } + .md\:border-primary-400\/10 { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:border-primary-400\/20 { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:border-primary-400\/30 { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:border-primary-400\/40 { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:border-primary-400\/50 { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:border-primary-400\/60 { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:border-primary-400\/70 { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:border-primary-400\/80 { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:border-primary-400\/90 { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:border-primary-500 { + border-color: var(--primary-500) + } + .md\:border-primary-500\/10 { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:border-primary-500\/20 { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:border-primary-500\/30 { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:border-primary-500\/40 { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:border-primary-500\/50 { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:border-primary-500\/60 { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:border-primary-500\/70 { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:border-primary-500\/80 { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:border-primary-500\/90 { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:border-primary-600 { + border-color: var(--primary-600) + } + .md\:border-primary-600\/10 { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:border-primary-600\/20 { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:border-primary-600\/30 { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:border-primary-600\/40 { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:border-primary-600\/50 { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:border-primary-600\/60 { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:border-primary-600\/70 { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:border-primary-600\/80 { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:border-primary-600\/90 { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:border-primary-700 { + border-color: var(--primary-700) + } + .md\:border-primary-700\/10 { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:border-primary-700\/20 { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:border-primary-700\/30 { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:border-primary-700\/40 { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:border-primary-700\/50 { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:border-primary-700\/60 { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:border-primary-700\/70 { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:border-primary-700\/80 { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:border-primary-700\/90 { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:border-primary-800 { + border-color: var(--primary-800) + } + .md\:border-primary-800\/10 { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:border-primary-800\/20 { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:border-primary-800\/30 { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:border-primary-800\/40 { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:border-primary-800\/50 { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:border-primary-800\/60 { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:border-primary-800\/70 { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:border-primary-800\/80 { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:border-primary-800\/90 { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:border-primary-900 { + border-color: var(--primary-900) + } + .md\:border-primary-900\/10 { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:border-primary-900\/20 { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:border-primary-900\/30 { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:border-primary-900\/40 { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:border-primary-900\/50 { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:border-primary-900\/60 { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:border-primary-900\/70 { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:border-primary-900\/80 { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:border-primary-900\/90 { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:border-blue-50:focus { + border-color: var(--blue-50) + } + .md\:hover\:border-blue-50:hover { + border-color: var(--blue-50) + } + .md\:active\:border-blue-50:active { + border-color: var(--blue-50) + } + .md\:focus\:border-blue-50\/10:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:border-blue-50\/10:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:border-blue-50\/10:active { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:border-blue-50\/20:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:border-blue-50\/20:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:border-blue-50\/20:active { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:border-blue-50\/30:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:border-blue-50\/30:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:border-blue-50\/30:active { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:border-blue-50\/40:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:border-blue-50\/40:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:border-blue-50\/40:active { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:border-blue-50\/50:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:border-blue-50\/50:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:border-blue-50\/50:active { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:border-blue-50\/60:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:border-blue-50\/60:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:border-blue-50\/60:active { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:border-blue-50\/70:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:border-blue-50\/70:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:border-blue-50\/70:active { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:border-blue-50\/80:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:border-blue-50\/80:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:border-blue-50\/80:active { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:border-blue-50\/90:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:border-blue-50\/90:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:border-blue-50\/90:active { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:border-blue-100:focus { + border-color: var(--blue-100) + } + .md\:hover\:border-blue-100:hover { + border-color: var(--blue-100) + } + .md\:active\:border-blue-100:active { + border-color: var(--blue-100) + } + .md\:focus\:border-blue-100\/10:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:border-blue-100\/10:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:border-blue-100\/10:active { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:border-blue-100\/20:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:border-blue-100\/20:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:border-blue-100\/20:active { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:border-blue-100\/30:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:border-blue-100\/30:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:border-blue-100\/30:active { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:border-blue-100\/40:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:border-blue-100\/40:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:border-blue-100\/40:active { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:border-blue-100\/50:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:border-blue-100\/50:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:border-blue-100\/50:active { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:border-blue-100\/60:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:border-blue-100\/60:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:border-blue-100\/60:active { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:border-blue-100\/70:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:border-blue-100\/70:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:border-blue-100\/70:active { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:border-blue-100\/80:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:border-blue-100\/80:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:border-blue-100\/80:active { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:border-blue-100\/90:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:border-blue-100\/90:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:border-blue-100\/90:active { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:border-blue-200:focus { + border-color: var(--blue-200) + } + .md\:hover\:border-blue-200:hover { + border-color: var(--blue-200) + } + .md\:active\:border-blue-200:active { + border-color: var(--blue-200) + } + .md\:focus\:border-blue-200\/10:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:border-blue-200\/10:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:border-blue-200\/10:active { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:border-blue-200\/20:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:border-blue-200\/20:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:border-blue-200\/20:active { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:border-blue-200\/30:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:border-blue-200\/30:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:border-blue-200\/30:active { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:border-blue-200\/40:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:border-blue-200\/40:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:border-blue-200\/40:active { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:border-blue-200\/50:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:border-blue-200\/50:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:border-blue-200\/50:active { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:border-blue-200\/60:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:border-blue-200\/60:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:border-blue-200\/60:active { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:border-blue-200\/70:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:border-blue-200\/70:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:border-blue-200\/70:active { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:border-blue-200\/80:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:border-blue-200\/80:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:border-blue-200\/80:active { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:border-blue-200\/90:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:border-blue-200\/90:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:border-blue-200\/90:active { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:border-blue-300:focus { + border-color: var(--blue-300) + } + .md\:hover\:border-blue-300:hover { + border-color: var(--blue-300) + } + .md\:active\:border-blue-300:active { + border-color: var(--blue-300) + } + .md\:focus\:border-blue-300\/10:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:border-blue-300\/10:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:border-blue-300\/10:active { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:border-blue-300\/20:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:border-blue-300\/20:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:border-blue-300\/20:active { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:border-blue-300\/30:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:border-blue-300\/30:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:border-blue-300\/30:active { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:border-blue-300\/40:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:border-blue-300\/40:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:border-blue-300\/40:active { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:border-blue-300\/50:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:border-blue-300\/50:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:border-blue-300\/50:active { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:border-blue-300\/60:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:border-blue-300\/60:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:border-blue-300\/60:active { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:border-blue-300\/70:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:border-blue-300\/70:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:border-blue-300\/70:active { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:border-blue-300\/80:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:border-blue-300\/80:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:border-blue-300\/80:active { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:border-blue-300\/90:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:border-blue-300\/90:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:border-blue-300\/90:active { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:border-blue-400:focus { + border-color: var(--blue-400) + } + .md\:hover\:border-blue-400:hover { + border-color: var(--blue-400) + } + .md\:active\:border-blue-400:active { + border-color: var(--blue-400) + } + .md\:focus\:border-blue-400\/10:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:border-blue-400\/10:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:border-blue-400\/10:active { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:border-blue-400\/20:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:border-blue-400\/20:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:border-blue-400\/20:active { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:border-blue-400\/30:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:border-blue-400\/30:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:border-blue-400\/30:active { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:border-blue-400\/40:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:border-blue-400\/40:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:border-blue-400\/40:active { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:border-blue-400\/50:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:border-blue-400\/50:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:border-blue-400\/50:active { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:border-blue-400\/60:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:border-blue-400\/60:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:border-blue-400\/60:active { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:border-blue-400\/70:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:border-blue-400\/70:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:border-blue-400\/70:active { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:border-blue-400\/80:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:border-blue-400\/80:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:border-blue-400\/80:active { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:border-blue-400\/90:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:border-blue-400\/90:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:border-blue-400\/90:active { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:border-blue-500:focus { + border-color: var(--blue-500) + } + .md\:hover\:border-blue-500:hover { + border-color: var(--blue-500) + } + .md\:active\:border-blue-500:active { + border-color: var(--blue-500) + } + .md\:focus\:border-blue-500\/10:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:border-blue-500\/10:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:border-blue-500\/10:active { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:border-blue-500\/20:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:border-blue-500\/20:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:border-blue-500\/20:active { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:border-blue-500\/30:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:border-blue-500\/30:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:border-blue-500\/30:active { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:border-blue-500\/40:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:border-blue-500\/40:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:border-blue-500\/40:active { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:border-blue-500\/50:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:border-blue-500\/50:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:border-blue-500\/50:active { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:border-blue-500\/60:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:border-blue-500\/60:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:border-blue-500\/60:active { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:border-blue-500\/70:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:border-blue-500\/70:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:border-blue-500\/70:active { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:border-blue-500\/80:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:border-blue-500\/80:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:border-blue-500\/80:active { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:border-blue-500\/90:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:border-blue-500\/90:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:border-blue-500\/90:active { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:border-blue-600:focus { + border-color: var(--blue-600) + } + .md\:hover\:border-blue-600:hover { + border-color: var(--blue-600) + } + .md\:active\:border-blue-600:active { + border-color: var(--blue-600) + } + .md\:focus\:border-blue-600\/10:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:border-blue-600\/10:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:border-blue-600\/10:active { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:border-blue-600\/20:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:border-blue-600\/20:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:border-blue-600\/20:active { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:border-blue-600\/30:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:border-blue-600\/30:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:border-blue-600\/30:active { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:border-blue-600\/40:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:border-blue-600\/40:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:border-blue-600\/40:active { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:border-blue-600\/50:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:border-blue-600\/50:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:border-blue-600\/50:active { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:border-blue-600\/60:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:border-blue-600\/60:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:border-blue-600\/60:active { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:border-blue-600\/70:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:border-blue-600\/70:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:border-blue-600\/70:active { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:border-blue-600\/80:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:border-blue-600\/80:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:border-blue-600\/80:active { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:border-blue-600\/90:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:border-blue-600\/90:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:border-blue-600\/90:active { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:border-blue-700:focus { + border-color: var(--blue-700) + } + .md\:hover\:border-blue-700:hover { + border-color: var(--blue-700) + } + .md\:active\:border-blue-700:active { + border-color: var(--blue-700) + } + .md\:focus\:border-blue-700\/10:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:border-blue-700\/10:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:border-blue-700\/10:active { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:border-blue-700\/20:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:border-blue-700\/20:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:border-blue-700\/20:active { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:border-blue-700\/30:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:border-blue-700\/30:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:border-blue-700\/30:active { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:border-blue-700\/40:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:border-blue-700\/40:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:border-blue-700\/40:active { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:border-blue-700\/50:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:border-blue-700\/50:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:border-blue-700\/50:active { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:border-blue-700\/60:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:border-blue-700\/60:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:border-blue-700\/60:active { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:border-blue-700\/70:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:border-blue-700\/70:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:border-blue-700\/70:active { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:border-blue-700\/80:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:border-blue-700\/80:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:border-blue-700\/80:active { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:border-blue-700\/90:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:border-blue-700\/90:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:border-blue-700\/90:active { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:border-blue-800:focus { + border-color: var(--blue-800) + } + .md\:hover\:border-blue-800:hover { + border-color: var(--blue-800) + } + .md\:active\:border-blue-800:active { + border-color: var(--blue-800) + } + .md\:focus\:border-blue-800\/10:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:border-blue-800\/10:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:border-blue-800\/10:active { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:border-blue-800\/20:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:border-blue-800\/20:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:border-blue-800\/20:active { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:border-blue-800\/30:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:border-blue-800\/30:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:border-blue-800\/30:active { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:border-blue-800\/40:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:border-blue-800\/40:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:border-blue-800\/40:active { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:border-blue-800\/50:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:border-blue-800\/50:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:border-blue-800\/50:active { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:border-blue-800\/60:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:border-blue-800\/60:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:border-blue-800\/60:active { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:border-blue-800\/70:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:border-blue-800\/70:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:border-blue-800\/70:active { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:border-blue-800\/80:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:border-blue-800\/80:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:border-blue-800\/80:active { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:border-blue-800\/90:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:border-blue-800\/90:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:border-blue-800\/90:active { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:border-blue-900:focus { + border-color: var(--blue-900) + } + .md\:hover\:border-blue-900:hover { + border-color: var(--blue-900) + } + .md\:active\:border-blue-900:active { + border-color: var(--blue-900) + } + .md\:focus\:border-blue-900\/10:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:border-blue-900\/10:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:border-blue-900\/10:active { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:border-blue-900\/20:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:border-blue-900\/20:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:border-blue-900\/20:active { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:border-blue-900\/30:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:border-blue-900\/30:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:border-blue-900\/30:active { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:border-blue-900\/40:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:border-blue-900\/40:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:border-blue-900\/40:active { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:border-blue-900\/50:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:border-blue-900\/50:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:border-blue-900\/50:active { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:border-blue-900\/60:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:border-blue-900\/60:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:border-blue-900\/60:active { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:border-blue-900\/70:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:border-blue-900\/70:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:border-blue-900\/70:active { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:border-blue-900\/80:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:border-blue-900\/80:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:border-blue-900\/80:active { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:border-blue-900\/90:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:border-blue-900\/90:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:border-blue-900\/90:active { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:border-green-50:focus { + border-color: var(--green-50) + } + .md\:hover\:border-green-50:hover { + border-color: var(--green-50) + } + .md\:active\:border-green-50:active { + border-color: var(--green-50) + } + .md\:focus\:border-green-50\/10:focus { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:border-green-50\/10:hover { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:border-green-50\/10:active { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:border-green-50\/20:focus { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:border-green-50\/20:hover { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:border-green-50\/20:active { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:border-green-50\/30:focus { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:border-green-50\/30:hover { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:border-green-50\/30:active { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:border-green-50\/40:focus { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:border-green-50\/40:hover { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:border-green-50\/40:active { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:border-green-50\/50:focus { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:border-green-50\/50:hover { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:border-green-50\/50:active { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:border-green-50\/60:focus { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:border-green-50\/60:hover { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:border-green-50\/60:active { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:border-green-50\/70:focus { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:border-green-50\/70:hover { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:border-green-50\/70:active { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:border-green-50\/80:focus { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:border-green-50\/80:hover { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:border-green-50\/80:active { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:border-green-50\/90:focus { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:border-green-50\/90:hover { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:border-green-50\/90:active { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:border-green-100:focus { + border-color: var(--green-100) + } + .md\:hover\:border-green-100:hover { + border-color: var(--green-100) + } + .md\:active\:border-green-100:active { + border-color: var(--green-100) + } + .md\:focus\:border-green-100\/10:focus { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:border-green-100\/10:hover { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:border-green-100\/10:active { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:border-green-100\/20:focus { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:border-green-100\/20:hover { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:border-green-100\/20:active { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:border-green-100\/30:focus { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:border-green-100\/30:hover { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:border-green-100\/30:active { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:border-green-100\/40:focus { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:border-green-100\/40:hover { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:border-green-100\/40:active { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:border-green-100\/50:focus { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:border-green-100\/50:hover { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:border-green-100\/50:active { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:border-green-100\/60:focus { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:border-green-100\/60:hover { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:border-green-100\/60:active { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:border-green-100\/70:focus { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:border-green-100\/70:hover { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:border-green-100\/70:active { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:border-green-100\/80:focus { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:border-green-100\/80:hover { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:border-green-100\/80:active { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:border-green-100\/90:focus { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:border-green-100\/90:hover { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:border-green-100\/90:active { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:border-green-200:focus { + border-color: var(--green-200) + } + .md\:hover\:border-green-200:hover { + border-color: var(--green-200) + } + .md\:active\:border-green-200:active { + border-color: var(--green-200) + } + .md\:focus\:border-green-200\/10:focus { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:border-green-200\/10:hover { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:border-green-200\/10:active { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:border-green-200\/20:focus { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:border-green-200\/20:hover { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:border-green-200\/20:active { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:border-green-200\/30:focus { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:border-green-200\/30:hover { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:border-green-200\/30:active { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:border-green-200\/40:focus { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:border-green-200\/40:hover { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:border-green-200\/40:active { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:border-green-200\/50:focus { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:border-green-200\/50:hover { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:border-green-200\/50:active { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:border-green-200\/60:focus { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:border-green-200\/60:hover { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:border-green-200\/60:active { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:border-green-200\/70:focus { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:border-green-200\/70:hover { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:border-green-200\/70:active { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:border-green-200\/80:focus { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:border-green-200\/80:hover { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:border-green-200\/80:active { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:border-green-200\/90:focus { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:border-green-200\/90:hover { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:border-green-200\/90:active { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:border-green-300:focus { + border-color: var(--green-300) + } + .md\:hover\:border-green-300:hover { + border-color: var(--green-300) + } + .md\:active\:border-green-300:active { + border-color: var(--green-300) + } + .md\:focus\:border-green-300\/10:focus { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:border-green-300\/10:hover { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:border-green-300\/10:active { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:border-green-300\/20:focus { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:border-green-300\/20:hover { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:border-green-300\/20:active { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:border-green-300\/30:focus { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:border-green-300\/30:hover { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:border-green-300\/30:active { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:border-green-300\/40:focus { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:border-green-300\/40:hover { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:border-green-300\/40:active { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:border-green-300\/50:focus { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:border-green-300\/50:hover { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:border-green-300\/50:active { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:border-green-300\/60:focus { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:border-green-300\/60:hover { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:border-green-300\/60:active { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:border-green-300\/70:focus { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:border-green-300\/70:hover { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:border-green-300\/70:active { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:border-green-300\/80:focus { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:border-green-300\/80:hover { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:border-green-300\/80:active { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:border-green-300\/90:focus { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:border-green-300\/90:hover { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:border-green-300\/90:active { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:border-green-400:focus { + border-color: var(--green-400) + } + .md\:hover\:border-green-400:hover { + border-color: var(--green-400) + } + .md\:active\:border-green-400:active { + border-color: var(--green-400) + } + .md\:focus\:border-green-400\/10:focus { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:border-green-400\/10:hover { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:border-green-400\/10:active { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:border-green-400\/20:focus { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:border-green-400\/20:hover { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:border-green-400\/20:active { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:border-green-400\/30:focus { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:border-green-400\/30:hover { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:border-green-400\/30:active { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:border-green-400\/40:focus { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:border-green-400\/40:hover { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:border-green-400\/40:active { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:border-green-400\/50:focus { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:border-green-400\/50:hover { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:border-green-400\/50:active { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:border-green-400\/60:focus { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:border-green-400\/60:hover { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:border-green-400\/60:active { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:border-green-400\/70:focus { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:border-green-400\/70:hover { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:border-green-400\/70:active { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:border-green-400\/80:focus { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:border-green-400\/80:hover { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:border-green-400\/80:active { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:border-green-400\/90:focus { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:border-green-400\/90:hover { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:border-green-400\/90:active { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:border-green-500:focus { + border-color: var(--green-500) + } + .md\:hover\:border-green-500:hover { + border-color: var(--green-500) + } + .md\:active\:border-green-500:active { + border-color: var(--green-500) + } + .md\:focus\:border-green-500\/10:focus { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:border-green-500\/10:hover { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:border-green-500\/10:active { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:border-green-500\/20:focus { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:border-green-500\/20:hover { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:border-green-500\/20:active { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:border-green-500\/30:focus { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:border-green-500\/30:hover { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:border-green-500\/30:active { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:border-green-500\/40:focus { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:border-green-500\/40:hover { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:border-green-500\/40:active { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:border-green-500\/50:focus { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:border-green-500\/50:hover { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:border-green-500\/50:active { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:border-green-500\/60:focus { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:border-green-500\/60:hover { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:border-green-500\/60:active { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:border-green-500\/70:focus { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:border-green-500\/70:hover { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:border-green-500\/70:active { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:border-green-500\/80:focus { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:border-green-500\/80:hover { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:border-green-500\/80:active { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:border-green-500\/90:focus { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:border-green-500\/90:hover { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:border-green-500\/90:active { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:border-green-600:focus { + border-color: var(--green-600) + } + .md\:hover\:border-green-600:hover { + border-color: var(--green-600) + } + .md\:active\:border-green-600:active { + border-color: var(--green-600) + } + .md\:focus\:border-green-600\/10:focus { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:border-green-600\/10:hover { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:border-green-600\/10:active { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:border-green-600\/20:focus { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:border-green-600\/20:hover { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:border-green-600\/20:active { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:border-green-600\/30:focus { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:border-green-600\/30:hover { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:border-green-600\/30:active { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:border-green-600\/40:focus { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:border-green-600\/40:hover { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:border-green-600\/40:active { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:border-green-600\/50:focus { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:border-green-600\/50:hover { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:border-green-600\/50:active { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:border-green-600\/60:focus { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:border-green-600\/60:hover { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:border-green-600\/60:active { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:border-green-600\/70:focus { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:border-green-600\/70:hover { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:border-green-600\/70:active { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:border-green-600\/80:focus { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:border-green-600\/80:hover { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:border-green-600\/80:active { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:border-green-600\/90:focus { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:border-green-600\/90:hover { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:border-green-600\/90:active { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:border-green-700:focus { + border-color: var(--green-700) + } + .md\:hover\:border-green-700:hover { + border-color: var(--green-700) + } + .md\:active\:border-green-700:active { + border-color: var(--green-700) + } + .md\:focus\:border-green-700\/10:focus { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:border-green-700\/10:hover { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:border-green-700\/10:active { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:border-green-700\/20:focus { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:border-green-700\/20:hover { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:border-green-700\/20:active { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:border-green-700\/30:focus { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:border-green-700\/30:hover { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:border-green-700\/30:active { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:border-green-700\/40:focus { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:border-green-700\/40:hover { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:border-green-700\/40:active { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:border-green-700\/50:focus { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:border-green-700\/50:hover { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:border-green-700\/50:active { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:border-green-700\/60:focus { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:border-green-700\/60:hover { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:border-green-700\/60:active { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:border-green-700\/70:focus { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:border-green-700\/70:hover { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:border-green-700\/70:active { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:border-green-700\/80:focus { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:border-green-700\/80:hover { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:border-green-700\/80:active { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:border-green-700\/90:focus { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:border-green-700\/90:hover { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:border-green-700\/90:active { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:border-green-800:focus { + border-color: var(--green-800) + } + .md\:hover\:border-green-800:hover { + border-color: var(--green-800) + } + .md\:active\:border-green-800:active { + border-color: var(--green-800) + } + .md\:focus\:border-green-800\/10:focus { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:border-green-800\/10:hover { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:border-green-800\/10:active { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:border-green-800\/20:focus { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:border-green-800\/20:hover { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:border-green-800\/20:active { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:border-green-800\/30:focus { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:border-green-800\/30:hover { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:border-green-800\/30:active { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:border-green-800\/40:focus { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:border-green-800\/40:hover { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:border-green-800\/40:active { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:border-green-800\/50:focus { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:border-green-800\/50:hover { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:border-green-800\/50:active { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:border-green-800\/60:focus { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:border-green-800\/60:hover { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:border-green-800\/60:active { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:border-green-800\/70:focus { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:border-green-800\/70:hover { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:border-green-800\/70:active { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:border-green-800\/80:focus { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:border-green-800\/80:hover { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:border-green-800\/80:active { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:border-green-800\/90:focus { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:border-green-800\/90:hover { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:border-green-800\/90:active { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:border-green-900:focus { + border-color: var(--green-900) + } + .md\:hover\:border-green-900:hover { + border-color: var(--green-900) + } + .md\:active\:border-green-900:active { + border-color: var(--green-900) + } + .md\:focus\:border-green-900\/10:focus { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:border-green-900\/10:hover { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:border-green-900\/10:active { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:border-green-900\/20:focus { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:border-green-900\/20:hover { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:border-green-900\/20:active { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:border-green-900\/30:focus { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:border-green-900\/30:hover { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:border-green-900\/30:active { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:border-green-900\/40:focus { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:border-green-900\/40:hover { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:border-green-900\/40:active { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:border-green-900\/50:focus { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:border-green-900\/50:hover { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:border-green-900\/50:active { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:border-green-900\/60:focus { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:border-green-900\/60:hover { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:border-green-900\/60:active { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:border-green-900\/70:focus { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:border-green-900\/70:hover { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:border-green-900\/70:active { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:border-green-900\/80:focus { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:border-green-900\/80:hover { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:border-green-900\/80:active { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:border-green-900\/90:focus { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:border-green-900\/90:hover { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:border-green-900\/90:active { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:border-yellow-50:focus { + border-color: var(--yellow-50) + } + .md\:hover\:border-yellow-50:hover { + border-color: var(--yellow-50) + } + .md\:active\:border-yellow-50:active { + border-color: var(--yellow-50) + } + .md\:focus\:border-yellow-50\/10:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:border-yellow-50\/10:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:border-yellow-50\/10:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:border-yellow-50\/20:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:border-yellow-50\/20:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:border-yellow-50\/20:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:border-yellow-50\/30:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:border-yellow-50\/30:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:border-yellow-50\/30:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:border-yellow-50\/40:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:border-yellow-50\/40:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:border-yellow-50\/40:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:border-yellow-50\/50:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:border-yellow-50\/50:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:border-yellow-50\/50:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:border-yellow-50\/60:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:border-yellow-50\/60:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:border-yellow-50\/60:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:border-yellow-50\/70:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:border-yellow-50\/70:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:border-yellow-50\/70:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:border-yellow-50\/80:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:border-yellow-50\/80:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:border-yellow-50\/80:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:border-yellow-50\/90:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:border-yellow-50\/90:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:border-yellow-50\/90:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:border-yellow-100:focus { + border-color: var(--yellow-100) + } + .md\:hover\:border-yellow-100:hover { + border-color: var(--yellow-100) + } + .md\:active\:border-yellow-100:active { + border-color: var(--yellow-100) + } + .md\:focus\:border-yellow-100\/10:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:border-yellow-100\/10:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:border-yellow-100\/10:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:border-yellow-100\/20:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:border-yellow-100\/20:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:border-yellow-100\/20:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:border-yellow-100\/30:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:border-yellow-100\/30:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:border-yellow-100\/30:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:border-yellow-100\/40:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:border-yellow-100\/40:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:border-yellow-100\/40:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:border-yellow-100\/50:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:border-yellow-100\/50:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:border-yellow-100\/50:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:border-yellow-100\/60:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:border-yellow-100\/60:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:border-yellow-100\/60:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:border-yellow-100\/70:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:border-yellow-100\/70:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:border-yellow-100\/70:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:border-yellow-100\/80:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:border-yellow-100\/80:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:border-yellow-100\/80:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:border-yellow-100\/90:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:border-yellow-100\/90:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:border-yellow-100\/90:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:border-yellow-200:focus { + border-color: var(--yellow-200) + } + .md\:hover\:border-yellow-200:hover { + border-color: var(--yellow-200) + } + .md\:active\:border-yellow-200:active { + border-color: var(--yellow-200) + } + .md\:focus\:border-yellow-200\/10:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:border-yellow-200\/10:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:border-yellow-200\/10:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:border-yellow-200\/20:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:border-yellow-200\/20:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:border-yellow-200\/20:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:border-yellow-200\/30:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:border-yellow-200\/30:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:border-yellow-200\/30:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:border-yellow-200\/40:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:border-yellow-200\/40:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:border-yellow-200\/40:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:border-yellow-200\/50:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:border-yellow-200\/50:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:border-yellow-200\/50:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:border-yellow-200\/60:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:border-yellow-200\/60:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:border-yellow-200\/60:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:border-yellow-200\/70:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:border-yellow-200\/70:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:border-yellow-200\/70:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:border-yellow-200\/80:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:border-yellow-200\/80:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:border-yellow-200\/80:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:border-yellow-200\/90:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:border-yellow-200\/90:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:border-yellow-200\/90:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:border-yellow-300:focus { + border-color: var(--yellow-300) + } + .md\:hover\:border-yellow-300:hover { + border-color: var(--yellow-300) + } + .md\:active\:border-yellow-300:active { + border-color: var(--yellow-300) + } + .md\:focus\:border-yellow-300\/10:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:border-yellow-300\/10:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:border-yellow-300\/10:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:border-yellow-300\/20:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:border-yellow-300\/20:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:border-yellow-300\/20:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:border-yellow-300\/30:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:border-yellow-300\/30:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:border-yellow-300\/30:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:border-yellow-300\/40:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:border-yellow-300\/40:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:border-yellow-300\/40:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:border-yellow-300\/50:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:border-yellow-300\/50:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:border-yellow-300\/50:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:border-yellow-300\/60:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:border-yellow-300\/60:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:border-yellow-300\/60:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:border-yellow-300\/70:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:border-yellow-300\/70:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:border-yellow-300\/70:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:border-yellow-300\/80:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:border-yellow-300\/80:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:border-yellow-300\/80:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:border-yellow-300\/90:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:border-yellow-300\/90:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:border-yellow-300\/90:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:border-yellow-400:focus { + border-color: var(--yellow-400) + } + .md\:hover\:border-yellow-400:hover { + border-color: var(--yellow-400) + } + .md\:active\:border-yellow-400:active { + border-color: var(--yellow-400) + } + .md\:focus\:border-yellow-400\/10:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:border-yellow-400\/10:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:border-yellow-400\/10:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:border-yellow-400\/20:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:border-yellow-400\/20:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:border-yellow-400\/20:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:border-yellow-400\/30:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:border-yellow-400\/30:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:border-yellow-400\/30:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:border-yellow-400\/40:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:border-yellow-400\/40:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:border-yellow-400\/40:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:border-yellow-400\/50:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:border-yellow-400\/50:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:border-yellow-400\/50:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:border-yellow-400\/60:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:border-yellow-400\/60:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:border-yellow-400\/60:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:border-yellow-400\/70:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:border-yellow-400\/70:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:border-yellow-400\/70:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:border-yellow-400\/80:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:border-yellow-400\/80:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:border-yellow-400\/80:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:border-yellow-400\/90:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:border-yellow-400\/90:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:border-yellow-400\/90:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:border-yellow-500:focus { + border-color: var(--yellow-500) + } + .md\:hover\:border-yellow-500:hover { + border-color: var(--yellow-500) + } + .md\:active\:border-yellow-500:active { + border-color: var(--yellow-500) + } + .md\:focus\:border-yellow-500\/10:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:border-yellow-500\/10:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:border-yellow-500\/10:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:border-yellow-500\/20:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:border-yellow-500\/20:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:border-yellow-500\/20:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:border-yellow-500\/30:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:border-yellow-500\/30:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:border-yellow-500\/30:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:border-yellow-500\/40:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:border-yellow-500\/40:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:border-yellow-500\/40:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:border-yellow-500\/50:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:border-yellow-500\/50:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:border-yellow-500\/50:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:border-yellow-500\/60:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:border-yellow-500\/60:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:border-yellow-500\/60:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:border-yellow-500\/70:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:border-yellow-500\/70:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:border-yellow-500\/70:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:border-yellow-500\/80:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:border-yellow-500\/80:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:border-yellow-500\/80:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:border-yellow-500\/90:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:border-yellow-500\/90:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:border-yellow-500\/90:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:border-yellow-600:focus { + border-color: var(--yellow-600) + } + .md\:hover\:border-yellow-600:hover { + border-color: var(--yellow-600) + } + .md\:active\:border-yellow-600:active { + border-color: var(--yellow-600) + } + .md\:focus\:border-yellow-600\/10:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:border-yellow-600\/10:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:border-yellow-600\/10:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:border-yellow-600\/20:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:border-yellow-600\/20:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:border-yellow-600\/20:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:border-yellow-600\/30:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:border-yellow-600\/30:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:border-yellow-600\/30:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:border-yellow-600\/40:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:border-yellow-600\/40:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:border-yellow-600\/40:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:border-yellow-600\/50:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:border-yellow-600\/50:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:border-yellow-600\/50:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:border-yellow-600\/60:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:border-yellow-600\/60:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:border-yellow-600\/60:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:border-yellow-600\/70:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:border-yellow-600\/70:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:border-yellow-600\/70:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:border-yellow-600\/80:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:border-yellow-600\/80:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:border-yellow-600\/80:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:border-yellow-600\/90:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:border-yellow-600\/90:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:border-yellow-600\/90:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:border-yellow-700:focus { + border-color: var(--yellow-700) + } + .md\:hover\:border-yellow-700:hover { + border-color: var(--yellow-700) + } + .md\:active\:border-yellow-700:active { + border-color: var(--yellow-700) + } + .md\:focus\:border-yellow-700\/10:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:border-yellow-700\/10:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:border-yellow-700\/10:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:border-yellow-700\/20:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:border-yellow-700\/20:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:border-yellow-700\/20:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:border-yellow-700\/30:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:border-yellow-700\/30:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:border-yellow-700\/30:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:border-yellow-700\/40:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:border-yellow-700\/40:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:border-yellow-700\/40:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:border-yellow-700\/50:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:border-yellow-700\/50:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:border-yellow-700\/50:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:border-yellow-700\/60:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:border-yellow-700\/60:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:border-yellow-700\/60:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:border-yellow-700\/70:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:border-yellow-700\/70:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:border-yellow-700\/70:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:border-yellow-700\/80:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:border-yellow-700\/80:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:border-yellow-700\/80:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:border-yellow-700\/90:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:border-yellow-700\/90:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:border-yellow-700\/90:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:border-yellow-800:focus { + border-color: var(--yellow-800) + } + .md\:hover\:border-yellow-800:hover { + border-color: var(--yellow-800) + } + .md\:active\:border-yellow-800:active { + border-color: var(--yellow-800) + } + .md\:focus\:border-yellow-800\/10:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:border-yellow-800\/10:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:border-yellow-800\/10:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:border-yellow-800\/20:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:border-yellow-800\/20:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:border-yellow-800\/20:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:border-yellow-800\/30:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:border-yellow-800\/30:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:border-yellow-800\/30:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:border-yellow-800\/40:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:border-yellow-800\/40:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:border-yellow-800\/40:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:border-yellow-800\/50:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:border-yellow-800\/50:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:border-yellow-800\/50:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:border-yellow-800\/60:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:border-yellow-800\/60:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:border-yellow-800\/60:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:border-yellow-800\/70:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:border-yellow-800\/70:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:border-yellow-800\/70:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:border-yellow-800\/80:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:border-yellow-800\/80:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:border-yellow-800\/80:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:border-yellow-800\/90:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:border-yellow-800\/90:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:border-yellow-800\/90:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:border-yellow-900:focus { + border-color: var(--yellow-900) + } + .md\:hover\:border-yellow-900:hover { + border-color: var(--yellow-900) + } + .md\:active\:border-yellow-900:active { + border-color: var(--yellow-900) + } + .md\:focus\:border-yellow-900\/10:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:border-yellow-900\/10:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:border-yellow-900\/10:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:border-yellow-900\/20:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:border-yellow-900\/20:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:border-yellow-900\/20:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:border-yellow-900\/30:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:border-yellow-900\/30:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:border-yellow-900\/30:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:border-yellow-900\/40:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:border-yellow-900\/40:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:border-yellow-900\/40:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:border-yellow-900\/50:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:border-yellow-900\/50:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:border-yellow-900\/50:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:border-yellow-900\/60:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:border-yellow-900\/60:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:border-yellow-900\/60:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:border-yellow-900\/70:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:border-yellow-900\/70:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:border-yellow-900\/70:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:border-yellow-900\/80:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:border-yellow-900\/80:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:border-yellow-900\/80:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:border-yellow-900\/90:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:border-yellow-900\/90:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:border-yellow-900\/90:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:border-cyan-50:focus { + border-color: var(--cyan-50) + } + .md\:hover\:border-cyan-50:hover { + border-color: var(--cyan-50) + } + .md\:active\:border-cyan-50:active { + border-color: var(--cyan-50) + } + .md\:focus\:border-cyan-50\/10:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:border-cyan-50\/10:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:border-cyan-50\/10:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:border-cyan-50\/20:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:border-cyan-50\/20:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:border-cyan-50\/20:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:border-cyan-50\/30:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:border-cyan-50\/30:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:border-cyan-50\/30:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:border-cyan-50\/40:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:border-cyan-50\/40:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:border-cyan-50\/40:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:border-cyan-50\/50:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:border-cyan-50\/50:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:border-cyan-50\/50:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:border-cyan-50\/60:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:border-cyan-50\/60:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:border-cyan-50\/60:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:border-cyan-50\/70:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:border-cyan-50\/70:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:border-cyan-50\/70:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:border-cyan-50\/80:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:border-cyan-50\/80:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:border-cyan-50\/80:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:border-cyan-50\/90:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:border-cyan-50\/90:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:border-cyan-50\/90:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:border-cyan-100:focus { + border-color: var(--cyan-100) + } + .md\:hover\:border-cyan-100:hover { + border-color: var(--cyan-100) + } + .md\:active\:border-cyan-100:active { + border-color: var(--cyan-100) + } + .md\:focus\:border-cyan-100\/10:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:border-cyan-100\/10:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:border-cyan-100\/10:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:border-cyan-100\/20:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:border-cyan-100\/20:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:border-cyan-100\/20:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:border-cyan-100\/30:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:border-cyan-100\/30:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:border-cyan-100\/30:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:border-cyan-100\/40:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:border-cyan-100\/40:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:border-cyan-100\/40:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:border-cyan-100\/50:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:border-cyan-100\/50:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:border-cyan-100\/50:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:border-cyan-100\/60:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:border-cyan-100\/60:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:border-cyan-100\/60:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:border-cyan-100\/70:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:border-cyan-100\/70:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:border-cyan-100\/70:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:border-cyan-100\/80:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:border-cyan-100\/80:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:border-cyan-100\/80:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:border-cyan-100\/90:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:border-cyan-100\/90:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:border-cyan-100\/90:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:border-cyan-200:focus { + border-color: var(--cyan-200) + } + .md\:hover\:border-cyan-200:hover { + border-color: var(--cyan-200) + } + .md\:active\:border-cyan-200:active { + border-color: var(--cyan-200) + } + .md\:focus\:border-cyan-200\/10:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:border-cyan-200\/10:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:border-cyan-200\/10:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:border-cyan-200\/20:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:border-cyan-200\/20:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:border-cyan-200\/20:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:border-cyan-200\/30:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:border-cyan-200\/30:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:border-cyan-200\/30:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:border-cyan-200\/40:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:border-cyan-200\/40:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:border-cyan-200\/40:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:border-cyan-200\/50:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:border-cyan-200\/50:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:border-cyan-200\/50:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:border-cyan-200\/60:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:border-cyan-200\/60:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:border-cyan-200\/60:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:border-cyan-200\/70:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:border-cyan-200\/70:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:border-cyan-200\/70:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:border-cyan-200\/80:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:border-cyan-200\/80:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:border-cyan-200\/80:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:border-cyan-200\/90:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:border-cyan-200\/90:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:border-cyan-200\/90:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:border-cyan-300:focus { + border-color: var(--cyan-300) + } + .md\:hover\:border-cyan-300:hover { + border-color: var(--cyan-300) + } + .md\:active\:border-cyan-300:active { + border-color: var(--cyan-300) + } + .md\:focus\:border-cyan-300\/10:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:border-cyan-300\/10:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:border-cyan-300\/10:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:border-cyan-300\/20:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:border-cyan-300\/20:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:border-cyan-300\/20:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:border-cyan-300\/30:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:border-cyan-300\/30:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:border-cyan-300\/30:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:border-cyan-300\/40:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:border-cyan-300\/40:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:border-cyan-300\/40:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:border-cyan-300\/50:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:border-cyan-300\/50:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:border-cyan-300\/50:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:border-cyan-300\/60:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:border-cyan-300\/60:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:border-cyan-300\/60:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:border-cyan-300\/70:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:border-cyan-300\/70:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:border-cyan-300\/70:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:border-cyan-300\/80:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:border-cyan-300\/80:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:border-cyan-300\/80:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:border-cyan-300\/90:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:border-cyan-300\/90:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:border-cyan-300\/90:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:border-cyan-400:focus { + border-color: var(--cyan-400) + } + .md\:hover\:border-cyan-400:hover { + border-color: var(--cyan-400) + } + .md\:active\:border-cyan-400:active { + border-color: var(--cyan-400) + } + .md\:focus\:border-cyan-400\/10:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:border-cyan-400\/10:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:border-cyan-400\/10:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:border-cyan-400\/20:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:border-cyan-400\/20:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:border-cyan-400\/20:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:border-cyan-400\/30:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:border-cyan-400\/30:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:border-cyan-400\/30:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:border-cyan-400\/40:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:border-cyan-400\/40:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:border-cyan-400\/40:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:border-cyan-400\/50:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:border-cyan-400\/50:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:border-cyan-400\/50:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:border-cyan-400\/60:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:border-cyan-400\/60:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:border-cyan-400\/60:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:border-cyan-400\/70:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:border-cyan-400\/70:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:border-cyan-400\/70:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:border-cyan-400\/80:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:border-cyan-400\/80:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:border-cyan-400\/80:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:border-cyan-400\/90:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:border-cyan-400\/90:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:border-cyan-400\/90:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:border-cyan-500:focus { + border-color: var(--cyan-500) + } + .md\:hover\:border-cyan-500:hover { + border-color: var(--cyan-500) + } + .md\:active\:border-cyan-500:active { + border-color: var(--cyan-500) + } + .md\:focus\:border-cyan-500\/10:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:border-cyan-500\/10:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:border-cyan-500\/10:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:border-cyan-500\/20:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:border-cyan-500\/20:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:border-cyan-500\/20:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:border-cyan-500\/30:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:border-cyan-500\/30:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:border-cyan-500\/30:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:border-cyan-500\/40:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:border-cyan-500\/40:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:border-cyan-500\/40:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:border-cyan-500\/50:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:border-cyan-500\/50:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:border-cyan-500\/50:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:border-cyan-500\/60:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:border-cyan-500\/60:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:border-cyan-500\/60:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:border-cyan-500\/70:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:border-cyan-500\/70:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:border-cyan-500\/70:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:border-cyan-500\/80:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:border-cyan-500\/80:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:border-cyan-500\/80:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:border-cyan-500\/90:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:border-cyan-500\/90:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:border-cyan-500\/90:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:border-cyan-600:focus { + border-color: var(--cyan-600) + } + .md\:hover\:border-cyan-600:hover { + border-color: var(--cyan-600) + } + .md\:active\:border-cyan-600:active { + border-color: var(--cyan-600) + } + .md\:focus\:border-cyan-600\/10:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:border-cyan-600\/10:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:border-cyan-600\/10:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:border-cyan-600\/20:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:border-cyan-600\/20:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:border-cyan-600\/20:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:border-cyan-600\/30:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:border-cyan-600\/30:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:border-cyan-600\/30:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:border-cyan-600\/40:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:border-cyan-600\/40:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:border-cyan-600\/40:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:border-cyan-600\/50:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:border-cyan-600\/50:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:border-cyan-600\/50:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:border-cyan-600\/60:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:border-cyan-600\/60:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:border-cyan-600\/60:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:border-cyan-600\/70:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:border-cyan-600\/70:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:border-cyan-600\/70:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:border-cyan-600\/80:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:border-cyan-600\/80:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:border-cyan-600\/80:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:border-cyan-600\/90:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:border-cyan-600\/90:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:border-cyan-600\/90:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:border-cyan-700:focus { + border-color: var(--cyan-700) + } + .md\:hover\:border-cyan-700:hover { + border-color: var(--cyan-700) + } + .md\:active\:border-cyan-700:active { + border-color: var(--cyan-700) + } + .md\:focus\:border-cyan-700\/10:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:border-cyan-700\/10:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:border-cyan-700\/10:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:border-cyan-700\/20:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:border-cyan-700\/20:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:border-cyan-700\/20:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:border-cyan-700\/30:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:border-cyan-700\/30:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:border-cyan-700\/30:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:border-cyan-700\/40:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:border-cyan-700\/40:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:border-cyan-700\/40:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:border-cyan-700\/50:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:border-cyan-700\/50:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:border-cyan-700\/50:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:border-cyan-700\/60:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:border-cyan-700\/60:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:border-cyan-700\/60:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:border-cyan-700\/70:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:border-cyan-700\/70:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:border-cyan-700\/70:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:border-cyan-700\/80:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:border-cyan-700\/80:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:border-cyan-700\/80:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:border-cyan-700\/90:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:border-cyan-700\/90:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:border-cyan-700\/90:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:border-cyan-800:focus { + border-color: var(--cyan-800) + } + .md\:hover\:border-cyan-800:hover { + border-color: var(--cyan-800) + } + .md\:active\:border-cyan-800:active { + border-color: var(--cyan-800) + } + .md\:focus\:border-cyan-800\/10:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:border-cyan-800\/10:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:border-cyan-800\/10:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:border-cyan-800\/20:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:border-cyan-800\/20:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:border-cyan-800\/20:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:border-cyan-800\/30:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:border-cyan-800\/30:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:border-cyan-800\/30:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:border-cyan-800\/40:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:border-cyan-800\/40:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:border-cyan-800\/40:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:border-cyan-800\/50:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:border-cyan-800\/50:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:border-cyan-800\/50:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:border-cyan-800\/60:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:border-cyan-800\/60:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:border-cyan-800\/60:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:border-cyan-800\/70:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:border-cyan-800\/70:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:border-cyan-800\/70:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:border-cyan-800\/80:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:border-cyan-800\/80:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:border-cyan-800\/80:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:border-cyan-800\/90:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:border-cyan-800\/90:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:border-cyan-800\/90:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:border-cyan-900:focus { + border-color: var(--cyan-900) + } + .md\:hover\:border-cyan-900:hover { + border-color: var(--cyan-900) + } + .md\:active\:border-cyan-900:active { + border-color: var(--cyan-900) + } + .md\:focus\:border-cyan-900\/10:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:border-cyan-900\/10:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:border-cyan-900\/10:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:border-cyan-900\/20:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:border-cyan-900\/20:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:border-cyan-900\/20:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:border-cyan-900\/30:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:border-cyan-900\/30:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:border-cyan-900\/30:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:border-cyan-900\/40:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:border-cyan-900\/40:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:border-cyan-900\/40:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:border-cyan-900\/50:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:border-cyan-900\/50:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:border-cyan-900\/50:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:border-cyan-900\/60:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:border-cyan-900\/60:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:border-cyan-900\/60:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:border-cyan-900\/70:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:border-cyan-900\/70:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:border-cyan-900\/70:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:border-cyan-900\/80:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:border-cyan-900\/80:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:border-cyan-900\/80:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:border-cyan-900\/90:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:border-cyan-900\/90:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:border-cyan-900\/90:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:border-pink-50:focus { + border-color: var(--pink-50) + } + .md\:hover\:border-pink-50:hover { + border-color: var(--pink-50) + } + .md\:active\:border-pink-50:active { + border-color: var(--pink-50) + } + .md\:focus\:border-pink-50\/10:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:border-pink-50\/10:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:border-pink-50\/10:active { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:border-pink-50\/20:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:border-pink-50\/20:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:border-pink-50\/20:active { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:border-pink-50\/30:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:border-pink-50\/30:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:border-pink-50\/30:active { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:border-pink-50\/40:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:border-pink-50\/40:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:border-pink-50\/40:active { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:border-pink-50\/50:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:border-pink-50\/50:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:border-pink-50\/50:active { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:border-pink-50\/60:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:border-pink-50\/60:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:border-pink-50\/60:active { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:border-pink-50\/70:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:border-pink-50\/70:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:border-pink-50\/70:active { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:border-pink-50\/80:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:border-pink-50\/80:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:border-pink-50\/80:active { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:border-pink-50\/90:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:border-pink-50\/90:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:border-pink-50\/90:active { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:border-pink-100:focus { + border-color: var(--pink-100) + } + .md\:hover\:border-pink-100:hover { + border-color: var(--pink-100) + } + .md\:active\:border-pink-100:active { + border-color: var(--pink-100) + } + .md\:focus\:border-pink-100\/10:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:border-pink-100\/10:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:border-pink-100\/10:active { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:border-pink-100\/20:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:border-pink-100\/20:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:border-pink-100\/20:active { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:border-pink-100\/30:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:border-pink-100\/30:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:border-pink-100\/30:active { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:border-pink-100\/40:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:border-pink-100\/40:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:border-pink-100\/40:active { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:border-pink-100\/50:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:border-pink-100\/50:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:border-pink-100\/50:active { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:border-pink-100\/60:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:border-pink-100\/60:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:border-pink-100\/60:active { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:border-pink-100\/70:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:border-pink-100\/70:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:border-pink-100\/70:active { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:border-pink-100\/80:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:border-pink-100\/80:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:border-pink-100\/80:active { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:border-pink-100\/90:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:border-pink-100\/90:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:border-pink-100\/90:active { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:border-pink-200:focus { + border-color: var(--pink-200) + } + .md\:hover\:border-pink-200:hover { + border-color: var(--pink-200) + } + .md\:active\:border-pink-200:active { + border-color: var(--pink-200) + } + .md\:focus\:border-pink-200\/10:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:border-pink-200\/10:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:border-pink-200\/10:active { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:border-pink-200\/20:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:border-pink-200\/20:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:border-pink-200\/20:active { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:border-pink-200\/30:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:border-pink-200\/30:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:border-pink-200\/30:active { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:border-pink-200\/40:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:border-pink-200\/40:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:border-pink-200\/40:active { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:border-pink-200\/50:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:border-pink-200\/50:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:border-pink-200\/50:active { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:border-pink-200\/60:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:border-pink-200\/60:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:border-pink-200\/60:active { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:border-pink-200\/70:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:border-pink-200\/70:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:border-pink-200\/70:active { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:border-pink-200\/80:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:border-pink-200\/80:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:border-pink-200\/80:active { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:border-pink-200\/90:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:border-pink-200\/90:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:border-pink-200\/90:active { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:border-pink-300:focus { + border-color: var(--pink-300) + } + .md\:hover\:border-pink-300:hover { + border-color: var(--pink-300) + } + .md\:active\:border-pink-300:active { + border-color: var(--pink-300) + } + .md\:focus\:border-pink-300\/10:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:border-pink-300\/10:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:border-pink-300\/10:active { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:border-pink-300\/20:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:border-pink-300\/20:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:border-pink-300\/20:active { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:border-pink-300\/30:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:border-pink-300\/30:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:border-pink-300\/30:active { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:border-pink-300\/40:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:border-pink-300\/40:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:border-pink-300\/40:active { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:border-pink-300\/50:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:border-pink-300\/50:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:border-pink-300\/50:active { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:border-pink-300\/60:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:border-pink-300\/60:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:border-pink-300\/60:active { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:border-pink-300\/70:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:border-pink-300\/70:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:border-pink-300\/70:active { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:border-pink-300\/80:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:border-pink-300\/80:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:border-pink-300\/80:active { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:border-pink-300\/90:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:border-pink-300\/90:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:border-pink-300\/90:active { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:border-pink-400:focus { + border-color: var(--pink-400) + } + .md\:hover\:border-pink-400:hover { + border-color: var(--pink-400) + } + .md\:active\:border-pink-400:active { + border-color: var(--pink-400) + } + .md\:focus\:border-pink-400\/10:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:border-pink-400\/10:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:border-pink-400\/10:active { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:border-pink-400\/20:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:border-pink-400\/20:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:border-pink-400\/20:active { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:border-pink-400\/30:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:border-pink-400\/30:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:border-pink-400\/30:active { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:border-pink-400\/40:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:border-pink-400\/40:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:border-pink-400\/40:active { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:border-pink-400\/50:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:border-pink-400\/50:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:border-pink-400\/50:active { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:border-pink-400\/60:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:border-pink-400\/60:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:border-pink-400\/60:active { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:border-pink-400\/70:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:border-pink-400\/70:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:border-pink-400\/70:active { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:border-pink-400\/80:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:border-pink-400\/80:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:border-pink-400\/80:active { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:border-pink-400\/90:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:border-pink-400\/90:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:border-pink-400\/90:active { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:border-pink-500:focus { + border-color: var(--pink-500) + } + .md\:hover\:border-pink-500:hover { + border-color: var(--pink-500) + } + .md\:active\:border-pink-500:active { + border-color: var(--pink-500) + } + .md\:focus\:border-pink-500\/10:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:border-pink-500\/10:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:border-pink-500\/10:active { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:border-pink-500\/20:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:border-pink-500\/20:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:border-pink-500\/20:active { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:border-pink-500\/30:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:border-pink-500\/30:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:border-pink-500\/30:active { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:border-pink-500\/40:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:border-pink-500\/40:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:border-pink-500\/40:active { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:border-pink-500\/50:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:border-pink-500\/50:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:border-pink-500\/50:active { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:border-pink-500\/60:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:border-pink-500\/60:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:border-pink-500\/60:active { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:border-pink-500\/70:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:border-pink-500\/70:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:border-pink-500\/70:active { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:border-pink-500\/80:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:border-pink-500\/80:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:border-pink-500\/80:active { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:border-pink-500\/90:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:border-pink-500\/90:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:border-pink-500\/90:active { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:border-pink-600:focus { + border-color: var(--pink-600) + } + .md\:hover\:border-pink-600:hover { + border-color: var(--pink-600) + } + .md\:active\:border-pink-600:active { + border-color: var(--pink-600) + } + .md\:focus\:border-pink-600\/10:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:border-pink-600\/10:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:border-pink-600\/10:active { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:border-pink-600\/20:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:border-pink-600\/20:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:border-pink-600\/20:active { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:border-pink-600\/30:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:border-pink-600\/30:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:border-pink-600\/30:active { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:border-pink-600\/40:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:border-pink-600\/40:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:border-pink-600\/40:active { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:border-pink-600\/50:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:border-pink-600\/50:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:border-pink-600\/50:active { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:border-pink-600\/60:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:border-pink-600\/60:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:border-pink-600\/60:active { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:border-pink-600\/70:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:border-pink-600\/70:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:border-pink-600\/70:active { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:border-pink-600\/80:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:border-pink-600\/80:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:border-pink-600\/80:active { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:border-pink-600\/90:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:border-pink-600\/90:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:border-pink-600\/90:active { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:border-pink-700:focus { + border-color: var(--pink-700) + } + .md\:hover\:border-pink-700:hover { + border-color: var(--pink-700) + } + .md\:active\:border-pink-700:active { + border-color: var(--pink-700) + } + .md\:focus\:border-pink-700\/10:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:border-pink-700\/10:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:border-pink-700\/10:active { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:border-pink-700\/20:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:border-pink-700\/20:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:border-pink-700\/20:active { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:border-pink-700\/30:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:border-pink-700\/30:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:border-pink-700\/30:active { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:border-pink-700\/40:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:border-pink-700\/40:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:border-pink-700\/40:active { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:border-pink-700\/50:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:border-pink-700\/50:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:border-pink-700\/50:active { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:border-pink-700\/60:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:border-pink-700\/60:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:border-pink-700\/60:active { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:border-pink-700\/70:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:border-pink-700\/70:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:border-pink-700\/70:active { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:border-pink-700\/80:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:border-pink-700\/80:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:border-pink-700\/80:active { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:border-pink-700\/90:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:border-pink-700\/90:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:border-pink-700\/90:active { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:border-pink-800:focus { + border-color: var(--pink-800) + } + .md\:hover\:border-pink-800:hover { + border-color: var(--pink-800) + } + .md\:active\:border-pink-800:active { + border-color: var(--pink-800) + } + .md\:focus\:border-pink-800\/10:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:border-pink-800\/10:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:border-pink-800\/10:active { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:border-pink-800\/20:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:border-pink-800\/20:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:border-pink-800\/20:active { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:border-pink-800\/30:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:border-pink-800\/30:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:border-pink-800\/30:active { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:border-pink-800\/40:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:border-pink-800\/40:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:border-pink-800\/40:active { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:border-pink-800\/50:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:border-pink-800\/50:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:border-pink-800\/50:active { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:border-pink-800\/60:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:border-pink-800\/60:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:border-pink-800\/60:active { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:border-pink-800\/70:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:border-pink-800\/70:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:border-pink-800\/70:active { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:border-pink-800\/80:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:border-pink-800\/80:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:border-pink-800\/80:active { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:border-pink-800\/90:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:border-pink-800\/90:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:border-pink-800\/90:active { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:border-pink-900:focus { + border-color: var(--pink-900) + } + .md\:hover\:border-pink-900:hover { + border-color: var(--pink-900) + } + .md\:active\:border-pink-900:active { + border-color: var(--pink-900) + } + .md\:focus\:border-pink-900\/10:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:border-pink-900\/10:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:border-pink-900\/10:active { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:border-pink-900\/20:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:border-pink-900\/20:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:border-pink-900\/20:active { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:border-pink-900\/30:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:border-pink-900\/30:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:border-pink-900\/30:active { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:border-pink-900\/40:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:border-pink-900\/40:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:border-pink-900\/40:active { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:border-pink-900\/50:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:border-pink-900\/50:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:border-pink-900\/50:active { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:border-pink-900\/60:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:border-pink-900\/60:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:border-pink-900\/60:active { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:border-pink-900\/70:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:border-pink-900\/70:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:border-pink-900\/70:active { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:border-pink-900\/80:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:border-pink-900\/80:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:border-pink-900\/80:active { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:border-pink-900\/90:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:border-pink-900\/90:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:border-pink-900\/90:active { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:border-indigo-50:focus { + border-color: var(--indigo-50) + } + .md\:hover\:border-indigo-50:hover { + border-color: var(--indigo-50) + } + .md\:active\:border-indigo-50:active { + border-color: var(--indigo-50) + } + .md\:focus\:border-indigo-50\/10:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:border-indigo-50\/10:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:border-indigo-50\/10:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:border-indigo-50\/20:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:border-indigo-50\/20:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:border-indigo-50\/20:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:border-indigo-50\/30:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:border-indigo-50\/30:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:border-indigo-50\/30:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:border-indigo-50\/40:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:border-indigo-50\/40:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:border-indigo-50\/40:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:border-indigo-50\/50:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:border-indigo-50\/50:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:border-indigo-50\/50:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:border-indigo-50\/60:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:border-indigo-50\/60:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:border-indigo-50\/60:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:border-indigo-50\/70:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:border-indigo-50\/70:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:border-indigo-50\/70:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:border-indigo-50\/80:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:border-indigo-50\/80:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:border-indigo-50\/80:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:border-indigo-50\/90:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:border-indigo-50\/90:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:border-indigo-50\/90:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:border-indigo-100:focus { + border-color: var(--indigo-100) + } + .md\:hover\:border-indigo-100:hover { + border-color: var(--indigo-100) + } + .md\:active\:border-indigo-100:active { + border-color: var(--indigo-100) + } + .md\:focus\:border-indigo-100\/10:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:border-indigo-100\/10:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:border-indigo-100\/10:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:border-indigo-100\/20:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:border-indigo-100\/20:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:border-indigo-100\/20:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:border-indigo-100\/30:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:border-indigo-100\/30:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:border-indigo-100\/30:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:border-indigo-100\/40:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:border-indigo-100\/40:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:border-indigo-100\/40:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:border-indigo-100\/50:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:border-indigo-100\/50:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:border-indigo-100\/50:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:border-indigo-100\/60:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:border-indigo-100\/60:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:border-indigo-100\/60:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:border-indigo-100\/70:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:border-indigo-100\/70:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:border-indigo-100\/70:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:border-indigo-100\/80:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:border-indigo-100\/80:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:border-indigo-100\/80:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:border-indigo-100\/90:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:border-indigo-100\/90:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:border-indigo-100\/90:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:border-indigo-200:focus { + border-color: var(--indigo-200) + } + .md\:hover\:border-indigo-200:hover { + border-color: var(--indigo-200) + } + .md\:active\:border-indigo-200:active { + border-color: var(--indigo-200) + } + .md\:focus\:border-indigo-200\/10:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:border-indigo-200\/10:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:border-indigo-200\/10:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:border-indigo-200\/20:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:border-indigo-200\/20:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:border-indigo-200\/20:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:border-indigo-200\/30:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:border-indigo-200\/30:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:border-indigo-200\/30:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:border-indigo-200\/40:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:border-indigo-200\/40:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:border-indigo-200\/40:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:border-indigo-200\/50:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:border-indigo-200\/50:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:border-indigo-200\/50:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:border-indigo-200\/60:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:border-indigo-200\/60:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:border-indigo-200\/60:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:border-indigo-200\/70:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:border-indigo-200\/70:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:border-indigo-200\/70:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:border-indigo-200\/80:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:border-indigo-200\/80:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:border-indigo-200\/80:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:border-indigo-200\/90:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:border-indigo-200\/90:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:border-indigo-200\/90:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:border-indigo-300:focus { + border-color: var(--indigo-300) + } + .md\:hover\:border-indigo-300:hover { + border-color: var(--indigo-300) + } + .md\:active\:border-indigo-300:active { + border-color: var(--indigo-300) + } + .md\:focus\:border-indigo-300\/10:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:border-indigo-300\/10:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:border-indigo-300\/10:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:border-indigo-300\/20:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:border-indigo-300\/20:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:border-indigo-300\/20:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:border-indigo-300\/30:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:border-indigo-300\/30:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:border-indigo-300\/30:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:border-indigo-300\/40:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:border-indigo-300\/40:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:border-indigo-300\/40:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:border-indigo-300\/50:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:border-indigo-300\/50:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:border-indigo-300\/50:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:border-indigo-300\/60:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:border-indigo-300\/60:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:border-indigo-300\/60:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:border-indigo-300\/70:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:border-indigo-300\/70:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:border-indigo-300\/70:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:border-indigo-300\/80:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:border-indigo-300\/80:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:border-indigo-300\/80:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:border-indigo-300\/90:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:border-indigo-300\/90:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:border-indigo-300\/90:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:border-indigo-400:focus { + border-color: var(--indigo-400) + } + .md\:hover\:border-indigo-400:hover { + border-color: var(--indigo-400) + } + .md\:active\:border-indigo-400:active { + border-color: var(--indigo-400) + } + .md\:focus\:border-indigo-400\/10:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:border-indigo-400\/10:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:border-indigo-400\/10:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:border-indigo-400\/20:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:border-indigo-400\/20:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:border-indigo-400\/20:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:border-indigo-400\/30:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:border-indigo-400\/30:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:border-indigo-400\/30:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:border-indigo-400\/40:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:border-indigo-400\/40:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:border-indigo-400\/40:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:border-indigo-400\/50:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:border-indigo-400\/50:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:border-indigo-400\/50:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:border-indigo-400\/60:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:border-indigo-400\/60:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:border-indigo-400\/60:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:border-indigo-400\/70:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:border-indigo-400\/70:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:border-indigo-400\/70:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:border-indigo-400\/80:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:border-indigo-400\/80:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:border-indigo-400\/80:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:border-indigo-400\/90:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:border-indigo-400\/90:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:border-indigo-400\/90:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:border-indigo-500:focus { + border-color: var(--indigo-500) + } + .md\:hover\:border-indigo-500:hover { + border-color: var(--indigo-500) + } + .md\:active\:border-indigo-500:active { + border-color: var(--indigo-500) + } + .md\:focus\:border-indigo-500\/10:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:border-indigo-500\/10:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:border-indigo-500\/10:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:border-indigo-500\/20:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:border-indigo-500\/20:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:border-indigo-500\/20:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:border-indigo-500\/30:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:border-indigo-500\/30:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:border-indigo-500\/30:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:border-indigo-500\/40:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:border-indigo-500\/40:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:border-indigo-500\/40:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:border-indigo-500\/50:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:border-indigo-500\/50:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:border-indigo-500\/50:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:border-indigo-500\/60:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:border-indigo-500\/60:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:border-indigo-500\/60:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:border-indigo-500\/70:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:border-indigo-500\/70:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:border-indigo-500\/70:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:border-indigo-500\/80:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:border-indigo-500\/80:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:border-indigo-500\/80:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:border-indigo-500\/90:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:border-indigo-500\/90:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:border-indigo-500\/90:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:border-indigo-600:focus { + border-color: var(--indigo-600) + } + .md\:hover\:border-indigo-600:hover { + border-color: var(--indigo-600) + } + .md\:active\:border-indigo-600:active { + border-color: var(--indigo-600) + } + .md\:focus\:border-indigo-600\/10:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:border-indigo-600\/10:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:border-indigo-600\/10:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:border-indigo-600\/20:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:border-indigo-600\/20:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:border-indigo-600\/20:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:border-indigo-600\/30:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:border-indigo-600\/30:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:border-indigo-600\/30:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:border-indigo-600\/40:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:border-indigo-600\/40:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:border-indigo-600\/40:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:border-indigo-600\/50:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:border-indigo-600\/50:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:border-indigo-600\/50:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:border-indigo-600\/60:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:border-indigo-600\/60:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:border-indigo-600\/60:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:border-indigo-600\/70:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:border-indigo-600\/70:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:border-indigo-600\/70:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:border-indigo-600\/80:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:border-indigo-600\/80:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:border-indigo-600\/80:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:border-indigo-600\/90:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:border-indigo-600\/90:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:border-indigo-600\/90:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:border-indigo-700:focus { + border-color: var(--indigo-700) + } + .md\:hover\:border-indigo-700:hover { + border-color: var(--indigo-700) + } + .md\:active\:border-indigo-700:active { + border-color: var(--indigo-700) + } + .md\:focus\:border-indigo-700\/10:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:border-indigo-700\/10:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:border-indigo-700\/10:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:border-indigo-700\/20:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:border-indigo-700\/20:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:border-indigo-700\/20:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:border-indigo-700\/30:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:border-indigo-700\/30:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:border-indigo-700\/30:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:border-indigo-700\/40:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:border-indigo-700\/40:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:border-indigo-700\/40:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:border-indigo-700\/50:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:border-indigo-700\/50:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:border-indigo-700\/50:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:border-indigo-700\/60:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:border-indigo-700\/60:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:border-indigo-700\/60:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:border-indigo-700\/70:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:border-indigo-700\/70:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:border-indigo-700\/70:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:border-indigo-700\/80:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:border-indigo-700\/80:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:border-indigo-700\/80:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:border-indigo-700\/90:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:border-indigo-700\/90:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:border-indigo-700\/90:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:border-indigo-800:focus { + border-color: var(--indigo-800) + } + .md\:hover\:border-indigo-800:hover { + border-color: var(--indigo-800) + } + .md\:active\:border-indigo-800:active { + border-color: var(--indigo-800) + } + .md\:focus\:border-indigo-800\/10:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:border-indigo-800\/10:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:border-indigo-800\/10:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:border-indigo-800\/20:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:border-indigo-800\/20:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:border-indigo-800\/20:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:border-indigo-800\/30:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:border-indigo-800\/30:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:border-indigo-800\/30:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:border-indigo-800\/40:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:border-indigo-800\/40:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:border-indigo-800\/40:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:border-indigo-800\/50:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:border-indigo-800\/50:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:border-indigo-800\/50:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:border-indigo-800\/60:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:border-indigo-800\/60:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:border-indigo-800\/60:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:border-indigo-800\/70:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:border-indigo-800\/70:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:border-indigo-800\/70:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:border-indigo-800\/80:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:border-indigo-800\/80:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:border-indigo-800\/80:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:border-indigo-800\/90:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:border-indigo-800\/90:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:border-indigo-800\/90:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:border-indigo-900:focus { + border-color: var(--indigo-900) + } + .md\:hover\:border-indigo-900:hover { + border-color: var(--indigo-900) + } + .md\:active\:border-indigo-900:active { + border-color: var(--indigo-900) + } + .md\:focus\:border-indigo-900\/10:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:border-indigo-900\/10:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:border-indigo-900\/10:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:border-indigo-900\/20:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:border-indigo-900\/20:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:border-indigo-900\/20:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:border-indigo-900\/30:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:border-indigo-900\/30:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:border-indigo-900\/30:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:border-indigo-900\/40:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:border-indigo-900\/40:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:border-indigo-900\/40:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:border-indigo-900\/50:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:border-indigo-900\/50:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:border-indigo-900\/50:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:border-indigo-900\/60:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:border-indigo-900\/60:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:border-indigo-900\/60:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:border-indigo-900\/70:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:border-indigo-900\/70:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:border-indigo-900\/70:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:border-indigo-900\/80:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:border-indigo-900\/80:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:border-indigo-900\/80:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:border-indigo-900\/90:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:border-indigo-900\/90:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:border-indigo-900\/90:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:border-teal-50:focus { + border-color: var(--teal-50) + } + .md\:hover\:border-teal-50:hover { + border-color: var(--teal-50) + } + .md\:active\:border-teal-50:active { + border-color: var(--teal-50) + } + .md\:focus\:border-teal-50\/10:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:border-teal-50\/10:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:border-teal-50\/10:active { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:border-teal-50\/20:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:border-teal-50\/20:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:border-teal-50\/20:active { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:border-teal-50\/30:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:border-teal-50\/30:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:border-teal-50\/30:active { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:border-teal-50\/40:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:border-teal-50\/40:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:border-teal-50\/40:active { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:border-teal-50\/50:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:border-teal-50\/50:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:border-teal-50\/50:active { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:border-teal-50\/60:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:border-teal-50\/60:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:border-teal-50\/60:active { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:border-teal-50\/70:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:border-teal-50\/70:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:border-teal-50\/70:active { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:border-teal-50\/80:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:border-teal-50\/80:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:border-teal-50\/80:active { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:border-teal-50\/90:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:border-teal-50\/90:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:border-teal-50\/90:active { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:border-teal-100:focus { + border-color: var(--teal-100) + } + .md\:hover\:border-teal-100:hover { + border-color: var(--teal-100) + } + .md\:active\:border-teal-100:active { + border-color: var(--teal-100) + } + .md\:focus\:border-teal-100\/10:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:border-teal-100\/10:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:border-teal-100\/10:active { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:border-teal-100\/20:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:border-teal-100\/20:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:border-teal-100\/20:active { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:border-teal-100\/30:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:border-teal-100\/30:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:border-teal-100\/30:active { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:border-teal-100\/40:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:border-teal-100\/40:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:border-teal-100\/40:active { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:border-teal-100\/50:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:border-teal-100\/50:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:border-teal-100\/50:active { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:border-teal-100\/60:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:border-teal-100\/60:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:border-teal-100\/60:active { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:border-teal-100\/70:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:border-teal-100\/70:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:border-teal-100\/70:active { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:border-teal-100\/80:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:border-teal-100\/80:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:border-teal-100\/80:active { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:border-teal-100\/90:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:border-teal-100\/90:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:border-teal-100\/90:active { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:border-teal-200:focus { + border-color: var(--teal-200) + } + .md\:hover\:border-teal-200:hover { + border-color: var(--teal-200) + } + .md\:active\:border-teal-200:active { + border-color: var(--teal-200) + } + .md\:focus\:border-teal-200\/10:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:border-teal-200\/10:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:border-teal-200\/10:active { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:border-teal-200\/20:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:border-teal-200\/20:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:border-teal-200\/20:active { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:border-teal-200\/30:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:border-teal-200\/30:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:border-teal-200\/30:active { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:border-teal-200\/40:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:border-teal-200\/40:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:border-teal-200\/40:active { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:border-teal-200\/50:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:border-teal-200\/50:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:border-teal-200\/50:active { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:border-teal-200\/60:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:border-teal-200\/60:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:border-teal-200\/60:active { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:border-teal-200\/70:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:border-teal-200\/70:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:border-teal-200\/70:active { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:border-teal-200\/80:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:border-teal-200\/80:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:border-teal-200\/80:active { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:border-teal-200\/90:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:border-teal-200\/90:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:border-teal-200\/90:active { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:border-teal-300:focus { + border-color: var(--teal-300) + } + .md\:hover\:border-teal-300:hover { + border-color: var(--teal-300) + } + .md\:active\:border-teal-300:active { + border-color: var(--teal-300) + } + .md\:focus\:border-teal-300\/10:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:border-teal-300\/10:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:border-teal-300\/10:active { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:border-teal-300\/20:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:border-teal-300\/20:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:border-teal-300\/20:active { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:border-teal-300\/30:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:border-teal-300\/30:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:border-teal-300\/30:active { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:border-teal-300\/40:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:border-teal-300\/40:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:border-teal-300\/40:active { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:border-teal-300\/50:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:border-teal-300\/50:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:border-teal-300\/50:active { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:border-teal-300\/60:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:border-teal-300\/60:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:border-teal-300\/60:active { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:border-teal-300\/70:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:border-teal-300\/70:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:border-teal-300\/70:active { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:border-teal-300\/80:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:border-teal-300\/80:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:border-teal-300\/80:active { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:border-teal-300\/90:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:border-teal-300\/90:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:border-teal-300\/90:active { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:border-teal-400:focus { + border-color: var(--teal-400) + } + .md\:hover\:border-teal-400:hover { + border-color: var(--teal-400) + } + .md\:active\:border-teal-400:active { + border-color: var(--teal-400) + } + .md\:focus\:border-teal-400\/10:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:border-teal-400\/10:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:border-teal-400\/10:active { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:border-teal-400\/20:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:border-teal-400\/20:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:border-teal-400\/20:active { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:border-teal-400\/30:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:border-teal-400\/30:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:border-teal-400\/30:active { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:border-teal-400\/40:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:border-teal-400\/40:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:border-teal-400\/40:active { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:border-teal-400\/50:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:border-teal-400\/50:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:border-teal-400\/50:active { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:border-teal-400\/60:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:border-teal-400\/60:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:border-teal-400\/60:active { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:border-teal-400\/70:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:border-teal-400\/70:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:border-teal-400\/70:active { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:border-teal-400\/80:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:border-teal-400\/80:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:border-teal-400\/80:active { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:border-teal-400\/90:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:border-teal-400\/90:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:border-teal-400\/90:active { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:border-teal-500:focus { + border-color: var(--teal-500) + } + .md\:hover\:border-teal-500:hover { + border-color: var(--teal-500) + } + .md\:active\:border-teal-500:active { + border-color: var(--teal-500) + } + .md\:focus\:border-teal-500\/10:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:border-teal-500\/10:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:border-teal-500\/10:active { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:border-teal-500\/20:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:border-teal-500\/20:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:border-teal-500\/20:active { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:border-teal-500\/30:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:border-teal-500\/30:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:border-teal-500\/30:active { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:border-teal-500\/40:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:border-teal-500\/40:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:border-teal-500\/40:active { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:border-teal-500\/50:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:border-teal-500\/50:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:border-teal-500\/50:active { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:border-teal-500\/60:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:border-teal-500\/60:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:border-teal-500\/60:active { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:border-teal-500\/70:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:border-teal-500\/70:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:border-teal-500\/70:active { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:border-teal-500\/80:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:border-teal-500\/80:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:border-teal-500\/80:active { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:border-teal-500\/90:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:border-teal-500\/90:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:border-teal-500\/90:active { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:border-teal-600:focus { + border-color: var(--teal-600) + } + .md\:hover\:border-teal-600:hover { + border-color: var(--teal-600) + } + .md\:active\:border-teal-600:active { + border-color: var(--teal-600) + } + .md\:focus\:border-teal-600\/10:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:border-teal-600\/10:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:border-teal-600\/10:active { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:border-teal-600\/20:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:border-teal-600\/20:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:border-teal-600\/20:active { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:border-teal-600\/30:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:border-teal-600\/30:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:border-teal-600\/30:active { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:border-teal-600\/40:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:border-teal-600\/40:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:border-teal-600\/40:active { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:border-teal-600\/50:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:border-teal-600\/50:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:border-teal-600\/50:active { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:border-teal-600\/60:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:border-teal-600\/60:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:border-teal-600\/60:active { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:border-teal-600\/70:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:border-teal-600\/70:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:border-teal-600\/70:active { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:border-teal-600\/80:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:border-teal-600\/80:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:border-teal-600\/80:active { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:border-teal-600\/90:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:border-teal-600\/90:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:border-teal-600\/90:active { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:border-teal-700:focus { + border-color: var(--teal-700) + } + .md\:hover\:border-teal-700:hover { + border-color: var(--teal-700) + } + .md\:active\:border-teal-700:active { + border-color: var(--teal-700) + } + .md\:focus\:border-teal-700\/10:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:border-teal-700\/10:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:border-teal-700\/10:active { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:border-teal-700\/20:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:border-teal-700\/20:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:border-teal-700\/20:active { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:border-teal-700\/30:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:border-teal-700\/30:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:border-teal-700\/30:active { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:border-teal-700\/40:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:border-teal-700\/40:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:border-teal-700\/40:active { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:border-teal-700\/50:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:border-teal-700\/50:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:border-teal-700\/50:active { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:border-teal-700\/60:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:border-teal-700\/60:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:border-teal-700\/60:active { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:border-teal-700\/70:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:border-teal-700\/70:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:border-teal-700\/70:active { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:border-teal-700\/80:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:border-teal-700\/80:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:border-teal-700\/80:active { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:border-teal-700\/90:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:border-teal-700\/90:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:border-teal-700\/90:active { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:border-teal-800:focus { + border-color: var(--teal-800) + } + .md\:hover\:border-teal-800:hover { + border-color: var(--teal-800) + } + .md\:active\:border-teal-800:active { + border-color: var(--teal-800) + } + .md\:focus\:border-teal-800\/10:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:border-teal-800\/10:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:border-teal-800\/10:active { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:border-teal-800\/20:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:border-teal-800\/20:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:border-teal-800\/20:active { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:border-teal-800\/30:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:border-teal-800\/30:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:border-teal-800\/30:active { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:border-teal-800\/40:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:border-teal-800\/40:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:border-teal-800\/40:active { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:border-teal-800\/50:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:border-teal-800\/50:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:border-teal-800\/50:active { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:border-teal-800\/60:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:border-teal-800\/60:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:border-teal-800\/60:active { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:border-teal-800\/70:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:border-teal-800\/70:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:border-teal-800\/70:active { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:border-teal-800\/80:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:border-teal-800\/80:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:border-teal-800\/80:active { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:border-teal-800\/90:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:border-teal-800\/90:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:border-teal-800\/90:active { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:border-teal-900:focus { + border-color: var(--teal-900) + } + .md\:hover\:border-teal-900:hover { + border-color: var(--teal-900) + } + .md\:active\:border-teal-900:active { + border-color: var(--teal-900) + } + .md\:focus\:border-teal-900\/10:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:border-teal-900\/10:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:border-teal-900\/10:active { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:border-teal-900\/20:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:border-teal-900\/20:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:border-teal-900\/20:active { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:border-teal-900\/30:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:border-teal-900\/30:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:border-teal-900\/30:active { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:border-teal-900\/40:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:border-teal-900\/40:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:border-teal-900\/40:active { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:border-teal-900\/50:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:border-teal-900\/50:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:border-teal-900\/50:active { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:border-teal-900\/60:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:border-teal-900\/60:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:border-teal-900\/60:active { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:border-teal-900\/70:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:border-teal-900\/70:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:border-teal-900\/70:active { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:border-teal-900\/80:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:border-teal-900\/80:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:border-teal-900\/80:active { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:border-teal-900\/90:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:border-teal-900\/90:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:border-teal-900\/90:active { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:border-orange-50:focus { + border-color: var(--orange-50) + } + .md\:hover\:border-orange-50:hover { + border-color: var(--orange-50) + } + .md\:active\:border-orange-50:active { + border-color: var(--orange-50) + } + .md\:focus\:border-orange-50\/10:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:border-orange-50\/10:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:border-orange-50\/10:active { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:border-orange-50\/20:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:border-orange-50\/20:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:border-orange-50\/20:active { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:border-orange-50\/30:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:border-orange-50\/30:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:border-orange-50\/30:active { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:border-orange-50\/40:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:border-orange-50\/40:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:border-orange-50\/40:active { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:border-orange-50\/50:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:border-orange-50\/50:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:border-orange-50\/50:active { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:border-orange-50\/60:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:border-orange-50\/60:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:border-orange-50\/60:active { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:border-orange-50\/70:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:border-orange-50\/70:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:border-orange-50\/70:active { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:border-orange-50\/80:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:border-orange-50\/80:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:border-orange-50\/80:active { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:border-orange-50\/90:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:border-orange-50\/90:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:border-orange-50\/90:active { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:border-orange-100:focus { + border-color: var(--orange-100) + } + .md\:hover\:border-orange-100:hover { + border-color: var(--orange-100) + } + .md\:active\:border-orange-100:active { + border-color: var(--orange-100) + } + .md\:focus\:border-orange-100\/10:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:border-orange-100\/10:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:border-orange-100\/10:active { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:border-orange-100\/20:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:border-orange-100\/20:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:border-orange-100\/20:active { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:border-orange-100\/30:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:border-orange-100\/30:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:border-orange-100\/30:active { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:border-orange-100\/40:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:border-orange-100\/40:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:border-orange-100\/40:active { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:border-orange-100\/50:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:border-orange-100\/50:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:border-orange-100\/50:active { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:border-orange-100\/60:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:border-orange-100\/60:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:border-orange-100\/60:active { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:border-orange-100\/70:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:border-orange-100\/70:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:border-orange-100\/70:active { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:border-orange-100\/80:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:border-orange-100\/80:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:border-orange-100\/80:active { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:border-orange-100\/90:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:border-orange-100\/90:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:border-orange-100\/90:active { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:border-orange-200:focus { + border-color: var(--orange-200) + } + .md\:hover\:border-orange-200:hover { + border-color: var(--orange-200) + } + .md\:active\:border-orange-200:active { + border-color: var(--orange-200) + } + .md\:focus\:border-orange-200\/10:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:border-orange-200\/10:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:border-orange-200\/10:active { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:border-orange-200\/20:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:border-orange-200\/20:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:border-orange-200\/20:active { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:border-orange-200\/30:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:border-orange-200\/30:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:border-orange-200\/30:active { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:border-orange-200\/40:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:border-orange-200\/40:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:border-orange-200\/40:active { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:border-orange-200\/50:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:border-orange-200\/50:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:border-orange-200\/50:active { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:border-orange-200\/60:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:border-orange-200\/60:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:border-orange-200\/60:active { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:border-orange-200\/70:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:border-orange-200\/70:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:border-orange-200\/70:active { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:border-orange-200\/80:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:border-orange-200\/80:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:border-orange-200\/80:active { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:border-orange-200\/90:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:border-orange-200\/90:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:border-orange-200\/90:active { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:border-orange-300:focus { + border-color: var(--orange-300) + } + .md\:hover\:border-orange-300:hover { + border-color: var(--orange-300) + } + .md\:active\:border-orange-300:active { + border-color: var(--orange-300) + } + .md\:focus\:border-orange-300\/10:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:border-orange-300\/10:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:border-orange-300\/10:active { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:border-orange-300\/20:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:border-orange-300\/20:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:border-orange-300\/20:active { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:border-orange-300\/30:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:border-orange-300\/30:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:border-orange-300\/30:active { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:border-orange-300\/40:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:border-orange-300\/40:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:border-orange-300\/40:active { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:border-orange-300\/50:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:border-orange-300\/50:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:border-orange-300\/50:active { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:border-orange-300\/60:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:border-orange-300\/60:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:border-orange-300\/60:active { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:border-orange-300\/70:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:border-orange-300\/70:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:border-orange-300\/70:active { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:border-orange-300\/80:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:border-orange-300\/80:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:border-orange-300\/80:active { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:border-orange-300\/90:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:border-orange-300\/90:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:border-orange-300\/90:active { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:border-orange-400:focus { + border-color: var(--orange-400) + } + .md\:hover\:border-orange-400:hover { + border-color: var(--orange-400) + } + .md\:active\:border-orange-400:active { + border-color: var(--orange-400) + } + .md\:focus\:border-orange-400\/10:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:border-orange-400\/10:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:border-orange-400\/10:active { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:border-orange-400\/20:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:border-orange-400\/20:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:border-orange-400\/20:active { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:border-orange-400\/30:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:border-orange-400\/30:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:border-orange-400\/30:active { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:border-orange-400\/40:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:border-orange-400\/40:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:border-orange-400\/40:active { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:border-orange-400\/50:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:border-orange-400\/50:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:border-orange-400\/50:active { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:border-orange-400\/60:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:border-orange-400\/60:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:border-orange-400\/60:active { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:border-orange-400\/70:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:border-orange-400\/70:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:border-orange-400\/70:active { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:border-orange-400\/80:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:border-orange-400\/80:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:border-orange-400\/80:active { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:border-orange-400\/90:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:border-orange-400\/90:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:border-orange-400\/90:active { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:border-orange-500:focus { + border-color: var(--orange-500) + } + .md\:hover\:border-orange-500:hover { + border-color: var(--orange-500) + } + .md\:active\:border-orange-500:active { + border-color: var(--orange-500) + } + .md\:focus\:border-orange-500\/10:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:border-orange-500\/10:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:border-orange-500\/10:active { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:border-orange-500\/20:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:border-orange-500\/20:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:border-orange-500\/20:active { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:border-orange-500\/30:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:border-orange-500\/30:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:border-orange-500\/30:active { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:border-orange-500\/40:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:border-orange-500\/40:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:border-orange-500\/40:active { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:border-orange-500\/50:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:border-orange-500\/50:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:border-orange-500\/50:active { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:border-orange-500\/60:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:border-orange-500\/60:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:border-orange-500\/60:active { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:border-orange-500\/70:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:border-orange-500\/70:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:border-orange-500\/70:active { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:border-orange-500\/80:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:border-orange-500\/80:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:border-orange-500\/80:active { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:border-orange-500\/90:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:border-orange-500\/90:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:border-orange-500\/90:active { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:border-orange-600:focus { + border-color: var(--orange-600) + } + .md\:hover\:border-orange-600:hover { + border-color: var(--orange-600) + } + .md\:active\:border-orange-600:active { + border-color: var(--orange-600) + } + .md\:focus\:border-orange-600\/10:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:border-orange-600\/10:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:border-orange-600\/10:active { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:border-orange-600\/20:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:border-orange-600\/20:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:border-orange-600\/20:active { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:border-orange-600\/30:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:border-orange-600\/30:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:border-orange-600\/30:active { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:border-orange-600\/40:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:border-orange-600\/40:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:border-orange-600\/40:active { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:border-orange-600\/50:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:border-orange-600\/50:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:border-orange-600\/50:active { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:border-orange-600\/60:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:border-orange-600\/60:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:border-orange-600\/60:active { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:border-orange-600\/70:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:border-orange-600\/70:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:border-orange-600\/70:active { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:border-orange-600\/80:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:border-orange-600\/80:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:border-orange-600\/80:active { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:border-orange-600\/90:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:border-orange-600\/90:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:border-orange-600\/90:active { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:border-orange-700:focus { + border-color: var(--orange-700) + } + .md\:hover\:border-orange-700:hover { + border-color: var(--orange-700) + } + .md\:active\:border-orange-700:active { + border-color: var(--orange-700) + } + .md\:focus\:border-orange-700\/10:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:border-orange-700\/10:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:border-orange-700\/10:active { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:border-orange-700\/20:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:border-orange-700\/20:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:border-orange-700\/20:active { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:border-orange-700\/30:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:border-orange-700\/30:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:border-orange-700\/30:active { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:border-orange-700\/40:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:border-orange-700\/40:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:border-orange-700\/40:active { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:border-orange-700\/50:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:border-orange-700\/50:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:border-orange-700\/50:active { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:border-orange-700\/60:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:border-orange-700\/60:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:border-orange-700\/60:active { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:border-orange-700\/70:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:border-orange-700\/70:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:border-orange-700\/70:active { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:border-orange-700\/80:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:border-orange-700\/80:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:border-orange-700\/80:active { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:border-orange-700\/90:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:border-orange-700\/90:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:border-orange-700\/90:active { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:border-orange-800:focus { + border-color: var(--orange-800) + } + .md\:hover\:border-orange-800:hover { + border-color: var(--orange-800) + } + .md\:active\:border-orange-800:active { + border-color: var(--orange-800) + } + .md\:focus\:border-orange-800\/10:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:border-orange-800\/10:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:border-orange-800\/10:active { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:border-orange-800\/20:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:border-orange-800\/20:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:border-orange-800\/20:active { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:border-orange-800\/30:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:border-orange-800\/30:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:border-orange-800\/30:active { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:border-orange-800\/40:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:border-orange-800\/40:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:border-orange-800\/40:active { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:border-orange-800\/50:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:border-orange-800\/50:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:border-orange-800\/50:active { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:border-orange-800\/60:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:border-orange-800\/60:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:border-orange-800\/60:active { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:border-orange-800\/70:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:border-orange-800\/70:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:border-orange-800\/70:active { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:border-orange-800\/80:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:border-orange-800\/80:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:border-orange-800\/80:active { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:border-orange-800\/90:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:border-orange-800\/90:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:border-orange-800\/90:active { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:border-orange-900:focus { + border-color: var(--orange-900) + } + .md\:hover\:border-orange-900:hover { + border-color: var(--orange-900) + } + .md\:active\:border-orange-900:active { + border-color: var(--orange-900) + } + .md\:focus\:border-orange-900\/10:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:border-orange-900\/10:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:border-orange-900\/10:active { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:border-orange-900\/20:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:border-orange-900\/20:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:border-orange-900\/20:active { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:border-orange-900\/30:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:border-orange-900\/30:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:border-orange-900\/30:active { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:border-orange-900\/40:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:border-orange-900\/40:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:border-orange-900\/40:active { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:border-orange-900\/50:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:border-orange-900\/50:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:border-orange-900\/50:active { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:border-orange-900\/60:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:border-orange-900\/60:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:border-orange-900\/60:active { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:border-orange-900\/70:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:border-orange-900\/70:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:border-orange-900\/70:active { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:border-orange-900\/80:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:border-orange-900\/80:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:border-orange-900\/80:active { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:border-orange-900\/90:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:border-orange-900\/90:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:border-orange-900\/90:active { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:border-bluegray-50:focus { + border-color: var(--bluegray-50) + } + .md\:hover\:border-bluegray-50:hover { + border-color: var(--bluegray-50) + } + .md\:active\:border-bluegray-50:active { + border-color: var(--bluegray-50) + } + .md\:focus\:border-bluegray-50\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:border-bluegray-50\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:border-bluegray-50\/10:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:border-bluegray-50\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:border-bluegray-50\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:border-bluegray-50\/20:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:border-bluegray-50\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:border-bluegray-50\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:border-bluegray-50\/30:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:border-bluegray-50\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:border-bluegray-50\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:border-bluegray-50\/40:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:border-bluegray-50\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:border-bluegray-50\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:border-bluegray-50\/50:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:border-bluegray-50\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:border-bluegray-50\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:border-bluegray-50\/60:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:border-bluegray-50\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:border-bluegray-50\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:border-bluegray-50\/70:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:border-bluegray-50\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:border-bluegray-50\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:border-bluegray-50\/80:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:border-bluegray-50\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:border-bluegray-50\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:border-bluegray-50\/90:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:border-bluegray-100:focus { + border-color: var(--bluegray-100) + } + .md\:hover\:border-bluegray-100:hover { + border-color: var(--bluegray-100) + } + .md\:active\:border-bluegray-100:active { + border-color: var(--bluegray-100) + } + .md\:focus\:border-bluegray-100\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:border-bluegray-100\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:border-bluegray-100\/10:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:border-bluegray-100\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:border-bluegray-100\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:border-bluegray-100\/20:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:border-bluegray-100\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:border-bluegray-100\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:border-bluegray-100\/30:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:border-bluegray-100\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:border-bluegray-100\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:border-bluegray-100\/40:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:border-bluegray-100\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:border-bluegray-100\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:border-bluegray-100\/50:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:border-bluegray-100\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:border-bluegray-100\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:border-bluegray-100\/60:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:border-bluegray-100\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:border-bluegray-100\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:border-bluegray-100\/70:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:border-bluegray-100\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:border-bluegray-100\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:border-bluegray-100\/80:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:border-bluegray-100\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:border-bluegray-100\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:border-bluegray-100\/90:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:border-bluegray-200:focus { + border-color: var(--bluegray-200) + } + .md\:hover\:border-bluegray-200:hover { + border-color: var(--bluegray-200) + } + .md\:active\:border-bluegray-200:active { + border-color: var(--bluegray-200) + } + .md\:focus\:border-bluegray-200\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:border-bluegray-200\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:border-bluegray-200\/10:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:border-bluegray-200\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:border-bluegray-200\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:border-bluegray-200\/20:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:border-bluegray-200\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:border-bluegray-200\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:border-bluegray-200\/30:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:border-bluegray-200\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:border-bluegray-200\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:border-bluegray-200\/40:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:border-bluegray-200\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:border-bluegray-200\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:border-bluegray-200\/50:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:border-bluegray-200\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:border-bluegray-200\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:border-bluegray-200\/60:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:border-bluegray-200\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:border-bluegray-200\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:border-bluegray-200\/70:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:border-bluegray-200\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:border-bluegray-200\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:border-bluegray-200\/80:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:border-bluegray-200\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:border-bluegray-200\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:border-bluegray-200\/90:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:border-bluegray-300:focus { + border-color: var(--bluegray-300) + } + .md\:hover\:border-bluegray-300:hover { + border-color: var(--bluegray-300) + } + .md\:active\:border-bluegray-300:active { + border-color: var(--bluegray-300) + } + .md\:focus\:border-bluegray-300\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:border-bluegray-300\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:border-bluegray-300\/10:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:border-bluegray-300\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:border-bluegray-300\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:border-bluegray-300\/20:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:border-bluegray-300\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:border-bluegray-300\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:border-bluegray-300\/30:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:border-bluegray-300\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:border-bluegray-300\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:border-bluegray-300\/40:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:border-bluegray-300\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:border-bluegray-300\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:border-bluegray-300\/50:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:border-bluegray-300\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:border-bluegray-300\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:border-bluegray-300\/60:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:border-bluegray-300\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:border-bluegray-300\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:border-bluegray-300\/70:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:border-bluegray-300\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:border-bluegray-300\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:border-bluegray-300\/80:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:border-bluegray-300\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:border-bluegray-300\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:border-bluegray-300\/90:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:border-bluegray-400:focus { + border-color: var(--bluegray-400) + } + .md\:hover\:border-bluegray-400:hover { + border-color: var(--bluegray-400) + } + .md\:active\:border-bluegray-400:active { + border-color: var(--bluegray-400) + } + .md\:focus\:border-bluegray-400\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:border-bluegray-400\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:border-bluegray-400\/10:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:border-bluegray-400\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:border-bluegray-400\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:border-bluegray-400\/20:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:border-bluegray-400\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:border-bluegray-400\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:border-bluegray-400\/30:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:border-bluegray-400\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:border-bluegray-400\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:border-bluegray-400\/40:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:border-bluegray-400\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:border-bluegray-400\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:border-bluegray-400\/50:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:border-bluegray-400\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:border-bluegray-400\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:border-bluegray-400\/60:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:border-bluegray-400\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:border-bluegray-400\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:border-bluegray-400\/70:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:border-bluegray-400\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:border-bluegray-400\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:border-bluegray-400\/80:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:border-bluegray-400\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:border-bluegray-400\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:border-bluegray-400\/90:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:border-bluegray-500:focus { + border-color: var(--bluegray-500) + } + .md\:hover\:border-bluegray-500:hover { + border-color: var(--bluegray-500) + } + .md\:active\:border-bluegray-500:active { + border-color: var(--bluegray-500) + } + .md\:focus\:border-bluegray-500\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:border-bluegray-500\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:border-bluegray-500\/10:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:border-bluegray-500\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:border-bluegray-500\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:border-bluegray-500\/20:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:border-bluegray-500\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:border-bluegray-500\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:border-bluegray-500\/30:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:border-bluegray-500\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:border-bluegray-500\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:border-bluegray-500\/40:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:border-bluegray-500\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:border-bluegray-500\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:border-bluegray-500\/50:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:border-bluegray-500\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:border-bluegray-500\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:border-bluegray-500\/60:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:border-bluegray-500\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:border-bluegray-500\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:border-bluegray-500\/70:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:border-bluegray-500\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:border-bluegray-500\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:border-bluegray-500\/80:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:border-bluegray-500\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:border-bluegray-500\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:border-bluegray-500\/90:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:border-bluegray-600:focus { + border-color: var(--bluegray-600) + } + .md\:hover\:border-bluegray-600:hover { + border-color: var(--bluegray-600) + } + .md\:active\:border-bluegray-600:active { + border-color: var(--bluegray-600) + } + .md\:focus\:border-bluegray-600\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:border-bluegray-600\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:border-bluegray-600\/10:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:border-bluegray-600\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:border-bluegray-600\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:border-bluegray-600\/20:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:border-bluegray-600\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:border-bluegray-600\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:border-bluegray-600\/30:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:border-bluegray-600\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:border-bluegray-600\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:border-bluegray-600\/40:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:border-bluegray-600\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:border-bluegray-600\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:border-bluegray-600\/50:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:border-bluegray-600\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:border-bluegray-600\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:border-bluegray-600\/60:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:border-bluegray-600\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:border-bluegray-600\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:border-bluegray-600\/70:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:border-bluegray-600\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:border-bluegray-600\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:border-bluegray-600\/80:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:border-bluegray-600\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:border-bluegray-600\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:border-bluegray-600\/90:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:border-bluegray-700:focus { + border-color: var(--bluegray-700) + } + .md\:hover\:border-bluegray-700:hover { + border-color: var(--bluegray-700) + } + .md\:active\:border-bluegray-700:active { + border-color: var(--bluegray-700) + } + .md\:focus\:border-bluegray-700\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:border-bluegray-700\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:border-bluegray-700\/10:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:border-bluegray-700\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:border-bluegray-700\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:border-bluegray-700\/20:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:border-bluegray-700\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:border-bluegray-700\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:border-bluegray-700\/30:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:border-bluegray-700\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:border-bluegray-700\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:border-bluegray-700\/40:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:border-bluegray-700\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:border-bluegray-700\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:border-bluegray-700\/50:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:border-bluegray-700\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:border-bluegray-700\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:border-bluegray-700\/60:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:border-bluegray-700\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:border-bluegray-700\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:border-bluegray-700\/70:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:border-bluegray-700\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:border-bluegray-700\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:border-bluegray-700\/80:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:border-bluegray-700\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:border-bluegray-700\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:border-bluegray-700\/90:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:border-bluegray-800:focus { + border-color: var(--bluegray-800) + } + .md\:hover\:border-bluegray-800:hover { + border-color: var(--bluegray-800) + } + .md\:active\:border-bluegray-800:active { + border-color: var(--bluegray-800) + } + .md\:focus\:border-bluegray-800\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:border-bluegray-800\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:border-bluegray-800\/10:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:border-bluegray-800\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:border-bluegray-800\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:border-bluegray-800\/20:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:border-bluegray-800\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:border-bluegray-800\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:border-bluegray-800\/30:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:border-bluegray-800\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:border-bluegray-800\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:border-bluegray-800\/40:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:border-bluegray-800\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:border-bluegray-800\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:border-bluegray-800\/50:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:border-bluegray-800\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:border-bluegray-800\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:border-bluegray-800\/60:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:border-bluegray-800\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:border-bluegray-800\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:border-bluegray-800\/70:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:border-bluegray-800\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:border-bluegray-800\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:border-bluegray-800\/80:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:border-bluegray-800\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:border-bluegray-800\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:border-bluegray-800\/90:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:border-bluegray-900:focus { + border-color: var(--bluegray-900) + } + .md\:hover\:border-bluegray-900:hover { + border-color: var(--bluegray-900) + } + .md\:active\:border-bluegray-900:active { + border-color: var(--bluegray-900) + } + .md\:focus\:border-bluegray-900\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:border-bluegray-900\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:border-bluegray-900\/10:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:border-bluegray-900\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:border-bluegray-900\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:border-bluegray-900\/20:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:border-bluegray-900\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:border-bluegray-900\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:border-bluegray-900\/30:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:border-bluegray-900\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:border-bluegray-900\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:border-bluegray-900\/40:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:border-bluegray-900\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:border-bluegray-900\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:border-bluegray-900\/50:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:border-bluegray-900\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:border-bluegray-900\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:border-bluegray-900\/60:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:border-bluegray-900\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:border-bluegray-900\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:border-bluegray-900\/70:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:border-bluegray-900\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:border-bluegray-900\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:border-bluegray-900\/80:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:border-bluegray-900\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:border-bluegray-900\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:border-bluegray-900\/90:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:border-purple-50:focus { + border-color: var(--purple-50) + } + .md\:hover\:border-purple-50:hover { + border-color: var(--purple-50) + } + .md\:active\:border-purple-50:active { + border-color: var(--purple-50) + } + .md\:focus\:border-purple-50\/10:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:border-purple-50\/10:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:border-purple-50\/10:active { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:border-purple-50\/20:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:border-purple-50\/20:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:border-purple-50\/20:active { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:border-purple-50\/30:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:border-purple-50\/30:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:border-purple-50\/30:active { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:border-purple-50\/40:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:border-purple-50\/40:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:border-purple-50\/40:active { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:border-purple-50\/50:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:border-purple-50\/50:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:border-purple-50\/50:active { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:border-purple-50\/60:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:border-purple-50\/60:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:border-purple-50\/60:active { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:border-purple-50\/70:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:border-purple-50\/70:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:border-purple-50\/70:active { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:border-purple-50\/80:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:border-purple-50\/80:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:border-purple-50\/80:active { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:border-purple-50\/90:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:border-purple-50\/90:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:border-purple-50\/90:active { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:border-purple-100:focus { + border-color: var(--purple-100) + } + .md\:hover\:border-purple-100:hover { + border-color: var(--purple-100) + } + .md\:active\:border-purple-100:active { + border-color: var(--purple-100) + } + .md\:focus\:border-purple-100\/10:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:border-purple-100\/10:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:border-purple-100\/10:active { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:border-purple-100\/20:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:border-purple-100\/20:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:border-purple-100\/20:active { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:border-purple-100\/30:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:border-purple-100\/30:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:border-purple-100\/30:active { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:border-purple-100\/40:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:border-purple-100\/40:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:border-purple-100\/40:active { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:border-purple-100\/50:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:border-purple-100\/50:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:border-purple-100\/50:active { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:border-purple-100\/60:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:border-purple-100\/60:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:border-purple-100\/60:active { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:border-purple-100\/70:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:border-purple-100\/70:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:border-purple-100\/70:active { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:border-purple-100\/80:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:border-purple-100\/80:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:border-purple-100\/80:active { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:border-purple-100\/90:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:border-purple-100\/90:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:border-purple-100\/90:active { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:border-purple-200:focus { + border-color: var(--purple-200) + } + .md\:hover\:border-purple-200:hover { + border-color: var(--purple-200) + } + .md\:active\:border-purple-200:active { + border-color: var(--purple-200) + } + .md\:focus\:border-purple-200\/10:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:border-purple-200\/10:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:border-purple-200\/10:active { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:border-purple-200\/20:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:border-purple-200\/20:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:border-purple-200\/20:active { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:border-purple-200\/30:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:border-purple-200\/30:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:border-purple-200\/30:active { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:border-purple-200\/40:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:border-purple-200\/40:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:border-purple-200\/40:active { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:border-purple-200\/50:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:border-purple-200\/50:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:border-purple-200\/50:active { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:border-purple-200\/60:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:border-purple-200\/60:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:border-purple-200\/60:active { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:border-purple-200\/70:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:border-purple-200\/70:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:border-purple-200\/70:active { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:border-purple-200\/80:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:border-purple-200\/80:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:border-purple-200\/80:active { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:border-purple-200\/90:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:border-purple-200\/90:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:border-purple-200\/90:active { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:border-purple-300:focus { + border-color: var(--purple-300) + } + .md\:hover\:border-purple-300:hover { + border-color: var(--purple-300) + } + .md\:active\:border-purple-300:active { + border-color: var(--purple-300) + } + .md\:focus\:border-purple-300\/10:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:border-purple-300\/10:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:border-purple-300\/10:active { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:border-purple-300\/20:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:border-purple-300\/20:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:border-purple-300\/20:active { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:border-purple-300\/30:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:border-purple-300\/30:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:border-purple-300\/30:active { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:border-purple-300\/40:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:border-purple-300\/40:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:border-purple-300\/40:active { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:border-purple-300\/50:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:border-purple-300\/50:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:border-purple-300\/50:active { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:border-purple-300\/60:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:border-purple-300\/60:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:border-purple-300\/60:active { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:border-purple-300\/70:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:border-purple-300\/70:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:border-purple-300\/70:active { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:border-purple-300\/80:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:border-purple-300\/80:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:border-purple-300\/80:active { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:border-purple-300\/90:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:border-purple-300\/90:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:border-purple-300\/90:active { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:border-purple-400:focus { + border-color: var(--purple-400) + } + .md\:hover\:border-purple-400:hover { + border-color: var(--purple-400) + } + .md\:active\:border-purple-400:active { + border-color: var(--purple-400) + } + .md\:focus\:border-purple-400\/10:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:border-purple-400\/10:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:border-purple-400\/10:active { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:border-purple-400\/20:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:border-purple-400\/20:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:border-purple-400\/20:active { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:border-purple-400\/30:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:border-purple-400\/30:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:border-purple-400\/30:active { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:border-purple-400\/40:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:border-purple-400\/40:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:border-purple-400\/40:active { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:border-purple-400\/50:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:border-purple-400\/50:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:border-purple-400\/50:active { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:border-purple-400\/60:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:border-purple-400\/60:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:border-purple-400\/60:active { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:border-purple-400\/70:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:border-purple-400\/70:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:border-purple-400\/70:active { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:border-purple-400\/80:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:border-purple-400\/80:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:border-purple-400\/80:active { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:border-purple-400\/90:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:border-purple-400\/90:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:border-purple-400\/90:active { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:border-purple-500:focus { + border-color: var(--purple-500) + } + .md\:hover\:border-purple-500:hover { + border-color: var(--purple-500) + } + .md\:active\:border-purple-500:active { + border-color: var(--purple-500) + } + .md\:focus\:border-purple-500\/10:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:border-purple-500\/10:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:border-purple-500\/10:active { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:border-purple-500\/20:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:border-purple-500\/20:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:border-purple-500\/20:active { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:border-purple-500\/30:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:border-purple-500\/30:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:border-purple-500\/30:active { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:border-purple-500\/40:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:border-purple-500\/40:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:border-purple-500\/40:active { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:border-purple-500\/50:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:border-purple-500\/50:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:border-purple-500\/50:active { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:border-purple-500\/60:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:border-purple-500\/60:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:border-purple-500\/60:active { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:border-purple-500\/70:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:border-purple-500\/70:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:border-purple-500\/70:active { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:border-purple-500\/80:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:border-purple-500\/80:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:border-purple-500\/80:active { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:border-purple-500\/90:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:border-purple-500\/90:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:border-purple-500\/90:active { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:border-purple-600:focus { + border-color: var(--purple-600) + } + .md\:hover\:border-purple-600:hover { + border-color: var(--purple-600) + } + .md\:active\:border-purple-600:active { + border-color: var(--purple-600) + } + .md\:focus\:border-purple-600\/10:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:border-purple-600\/10:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:border-purple-600\/10:active { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:border-purple-600\/20:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:border-purple-600\/20:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:border-purple-600\/20:active { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:border-purple-600\/30:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:border-purple-600\/30:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:border-purple-600\/30:active { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:border-purple-600\/40:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:border-purple-600\/40:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:border-purple-600\/40:active { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:border-purple-600\/50:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:border-purple-600\/50:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:border-purple-600\/50:active { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:border-purple-600\/60:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:border-purple-600\/60:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:border-purple-600\/60:active { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:border-purple-600\/70:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:border-purple-600\/70:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:border-purple-600\/70:active { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:border-purple-600\/80:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:border-purple-600\/80:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:border-purple-600\/80:active { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:border-purple-600\/90:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:border-purple-600\/90:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:border-purple-600\/90:active { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:border-purple-700:focus { + border-color: var(--purple-700) + } + .md\:hover\:border-purple-700:hover { + border-color: var(--purple-700) + } + .md\:active\:border-purple-700:active { + border-color: var(--purple-700) + } + .md\:focus\:border-purple-700\/10:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:border-purple-700\/10:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:border-purple-700\/10:active { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:border-purple-700\/20:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:border-purple-700\/20:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:border-purple-700\/20:active { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:border-purple-700\/30:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:border-purple-700\/30:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:border-purple-700\/30:active { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:border-purple-700\/40:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:border-purple-700\/40:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:border-purple-700\/40:active { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:border-purple-700\/50:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:border-purple-700\/50:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:border-purple-700\/50:active { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:border-purple-700\/60:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:border-purple-700\/60:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:border-purple-700\/60:active { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:border-purple-700\/70:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:border-purple-700\/70:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:border-purple-700\/70:active { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:border-purple-700\/80:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:border-purple-700\/80:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:border-purple-700\/80:active { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:border-purple-700\/90:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:border-purple-700\/90:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:border-purple-700\/90:active { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:border-purple-800:focus { + border-color: var(--purple-800) + } + .md\:hover\:border-purple-800:hover { + border-color: var(--purple-800) + } + .md\:active\:border-purple-800:active { + border-color: var(--purple-800) + } + .md\:focus\:border-purple-800\/10:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:border-purple-800\/10:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:border-purple-800\/10:active { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:border-purple-800\/20:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:border-purple-800\/20:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:border-purple-800\/20:active { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:border-purple-800\/30:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:border-purple-800\/30:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:border-purple-800\/30:active { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:border-purple-800\/40:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:border-purple-800\/40:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:border-purple-800\/40:active { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:border-purple-800\/50:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:border-purple-800\/50:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:border-purple-800\/50:active { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:border-purple-800\/60:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:border-purple-800\/60:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:border-purple-800\/60:active { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:border-purple-800\/70:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:border-purple-800\/70:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:border-purple-800\/70:active { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:border-purple-800\/80:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:border-purple-800\/80:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:border-purple-800\/80:active { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:border-purple-800\/90:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:border-purple-800\/90:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:border-purple-800\/90:active { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:border-purple-900:focus { + border-color: var(--purple-900) + } + .md\:hover\:border-purple-900:hover { + border-color: var(--purple-900) + } + .md\:active\:border-purple-900:active { + border-color: var(--purple-900) + } + .md\:focus\:border-purple-900\/10:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:border-purple-900\/10:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:border-purple-900\/10:active { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:border-purple-900\/20:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:border-purple-900\/20:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:border-purple-900\/20:active { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:border-purple-900\/30:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:border-purple-900\/30:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:border-purple-900\/30:active { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:border-purple-900\/40:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:border-purple-900\/40:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:border-purple-900\/40:active { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:border-purple-900\/50:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:border-purple-900\/50:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:border-purple-900\/50:active { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:border-purple-900\/60:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:border-purple-900\/60:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:border-purple-900\/60:active { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:border-purple-900\/70:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:border-purple-900\/70:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:border-purple-900\/70:active { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:border-purple-900\/80:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:border-purple-900\/80:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:border-purple-900\/80:active { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:border-purple-900\/90:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:border-purple-900\/90:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:border-purple-900\/90:active { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:border-red-50:focus { + border-color: var(--red-50) + } + .md\:hover\:border-red-50:hover { + border-color: var(--red-50) + } + .md\:active\:border-red-50:active { + border-color: var(--red-50) + } + .md\:focus\:border-red-50\/10:focus { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:border-red-50\/10:hover { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:border-red-50\/10:active { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:border-red-50\/20:focus { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:border-red-50\/20:hover { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:border-red-50\/20:active { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:border-red-50\/30:focus { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:border-red-50\/30:hover { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:border-red-50\/30:active { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:border-red-50\/40:focus { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:border-red-50\/40:hover { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:border-red-50\/40:active { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:border-red-50\/50:focus { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:border-red-50\/50:hover { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:border-red-50\/50:active { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:border-red-50\/60:focus { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:border-red-50\/60:hover { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:border-red-50\/60:active { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:border-red-50\/70:focus { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:border-red-50\/70:hover { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:border-red-50\/70:active { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:border-red-50\/80:focus { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:border-red-50\/80:hover { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:border-red-50\/80:active { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:border-red-50\/90:focus { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:border-red-50\/90:hover { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:border-red-50\/90:active { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:border-red-100:focus { + border-color: var(--red-100) + } + .md\:hover\:border-red-100:hover { + border-color: var(--red-100) + } + .md\:active\:border-red-100:active { + border-color: var(--red-100) + } + .md\:focus\:border-red-100\/10:focus { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:border-red-100\/10:hover { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:border-red-100\/10:active { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:border-red-100\/20:focus { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:border-red-100\/20:hover { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:border-red-100\/20:active { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:border-red-100\/30:focus { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:border-red-100\/30:hover { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:border-red-100\/30:active { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:border-red-100\/40:focus { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:border-red-100\/40:hover { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:border-red-100\/40:active { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:border-red-100\/50:focus { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:border-red-100\/50:hover { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:border-red-100\/50:active { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:border-red-100\/60:focus { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:border-red-100\/60:hover { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:border-red-100\/60:active { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:border-red-100\/70:focus { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:border-red-100\/70:hover { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:border-red-100\/70:active { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:border-red-100\/80:focus { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:border-red-100\/80:hover { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:border-red-100\/80:active { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:border-red-100\/90:focus { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:border-red-100\/90:hover { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:border-red-100\/90:active { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:border-red-200:focus { + border-color: var(--red-200) + } + .md\:hover\:border-red-200:hover { + border-color: var(--red-200) + } + .md\:active\:border-red-200:active { + border-color: var(--red-200) + } + .md\:focus\:border-red-200\/10:focus { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:border-red-200\/10:hover { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:border-red-200\/10:active { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:border-red-200\/20:focus { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:border-red-200\/20:hover { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:border-red-200\/20:active { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:border-red-200\/30:focus { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:border-red-200\/30:hover { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:border-red-200\/30:active { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:border-red-200\/40:focus { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:border-red-200\/40:hover { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:border-red-200\/40:active { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:border-red-200\/50:focus { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:border-red-200\/50:hover { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:border-red-200\/50:active { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:border-red-200\/60:focus { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:border-red-200\/60:hover { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:border-red-200\/60:active { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:border-red-200\/70:focus { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:border-red-200\/70:hover { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:border-red-200\/70:active { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:border-red-200\/80:focus { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:border-red-200\/80:hover { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:border-red-200\/80:active { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:border-red-200\/90:focus { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:border-red-200\/90:hover { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:border-red-200\/90:active { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:border-red-300:focus { + border-color: var(--red-300) + } + .md\:hover\:border-red-300:hover { + border-color: var(--red-300) + } + .md\:active\:border-red-300:active { + border-color: var(--red-300) + } + .md\:focus\:border-red-300\/10:focus { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:border-red-300\/10:hover { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:border-red-300\/10:active { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:border-red-300\/20:focus { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:border-red-300\/20:hover { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:border-red-300\/20:active { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:border-red-300\/30:focus { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:border-red-300\/30:hover { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:border-red-300\/30:active { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:border-red-300\/40:focus { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:border-red-300\/40:hover { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:border-red-300\/40:active { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:border-red-300\/50:focus { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:border-red-300\/50:hover { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:border-red-300\/50:active { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:border-red-300\/60:focus { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:border-red-300\/60:hover { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:border-red-300\/60:active { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:border-red-300\/70:focus { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:border-red-300\/70:hover { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:border-red-300\/70:active { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:border-red-300\/80:focus { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:border-red-300\/80:hover { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:border-red-300\/80:active { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:border-red-300\/90:focus { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:border-red-300\/90:hover { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:border-red-300\/90:active { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:border-red-400:focus { + border-color: var(--red-400) + } + .md\:hover\:border-red-400:hover { + border-color: var(--red-400) + } + .md\:active\:border-red-400:active { + border-color: var(--red-400) + } + .md\:focus\:border-red-400\/10:focus { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:border-red-400\/10:hover { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:border-red-400\/10:active { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:border-red-400\/20:focus { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:border-red-400\/20:hover { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:border-red-400\/20:active { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:border-red-400\/30:focus { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:border-red-400\/30:hover { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:border-red-400\/30:active { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:border-red-400\/40:focus { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:border-red-400\/40:hover { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:border-red-400\/40:active { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:border-red-400\/50:focus { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:border-red-400\/50:hover { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:border-red-400\/50:active { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:border-red-400\/60:focus { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:border-red-400\/60:hover { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:border-red-400\/60:active { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:border-red-400\/70:focus { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:border-red-400\/70:hover { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:border-red-400\/70:active { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:border-red-400\/80:focus { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:border-red-400\/80:hover { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:border-red-400\/80:active { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:border-red-400\/90:focus { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:border-red-400\/90:hover { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:border-red-400\/90:active { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:border-red-500:focus { + border-color: var(--red-500) + } + .md\:hover\:border-red-500:hover { + border-color: var(--red-500) + } + .md\:active\:border-red-500:active { + border-color: var(--red-500) + } + .md\:focus\:border-red-500\/10:focus { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:border-red-500\/10:hover { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:border-red-500\/10:active { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:border-red-500\/20:focus { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:border-red-500\/20:hover { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:border-red-500\/20:active { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:border-red-500\/30:focus { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:border-red-500\/30:hover { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:border-red-500\/30:active { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:border-red-500\/40:focus { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:border-red-500\/40:hover { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:border-red-500\/40:active { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:border-red-500\/50:focus { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:border-red-500\/50:hover { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:border-red-500\/50:active { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:border-red-500\/60:focus { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:border-red-500\/60:hover { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:border-red-500\/60:active { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:border-red-500\/70:focus { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:border-red-500\/70:hover { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:border-red-500\/70:active { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:border-red-500\/80:focus { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:border-red-500\/80:hover { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:border-red-500\/80:active { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:border-red-500\/90:focus { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:border-red-500\/90:hover { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:border-red-500\/90:active { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:border-red-600:focus { + border-color: var(--red-600) + } + .md\:hover\:border-red-600:hover { + border-color: var(--red-600) + } + .md\:active\:border-red-600:active { + border-color: var(--red-600) + } + .md\:focus\:border-red-600\/10:focus { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:border-red-600\/10:hover { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:border-red-600\/10:active { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:border-red-600\/20:focus { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:border-red-600\/20:hover { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:border-red-600\/20:active { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:border-red-600\/30:focus { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:border-red-600\/30:hover { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:border-red-600\/30:active { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:border-red-600\/40:focus { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:border-red-600\/40:hover { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:border-red-600\/40:active { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:border-red-600\/50:focus { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:border-red-600\/50:hover { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:border-red-600\/50:active { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:border-red-600\/60:focus { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:border-red-600\/60:hover { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:border-red-600\/60:active { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:border-red-600\/70:focus { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:border-red-600\/70:hover { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:border-red-600\/70:active { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:border-red-600\/80:focus { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:border-red-600\/80:hover { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:border-red-600\/80:active { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:border-red-600\/90:focus { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:border-red-600\/90:hover { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:border-red-600\/90:active { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:border-red-700:focus { + border-color: var(--red-700) + } + .md\:hover\:border-red-700:hover { + border-color: var(--red-700) + } + .md\:active\:border-red-700:active { + border-color: var(--red-700) + } + .md\:focus\:border-red-700\/10:focus { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:border-red-700\/10:hover { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:border-red-700\/10:active { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:border-red-700\/20:focus { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:border-red-700\/20:hover { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:border-red-700\/20:active { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:border-red-700\/30:focus { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:border-red-700\/30:hover { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:border-red-700\/30:active { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:border-red-700\/40:focus { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:border-red-700\/40:hover { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:border-red-700\/40:active { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:border-red-700\/50:focus { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:border-red-700\/50:hover { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:border-red-700\/50:active { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:border-red-700\/60:focus { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:border-red-700\/60:hover { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:border-red-700\/60:active { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:border-red-700\/70:focus { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:border-red-700\/70:hover { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:border-red-700\/70:active { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:border-red-700\/80:focus { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:border-red-700\/80:hover { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:border-red-700\/80:active { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:border-red-700\/90:focus { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:border-red-700\/90:hover { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:border-red-700\/90:active { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:border-red-800:focus { + border-color: var(--red-800) + } + .md\:hover\:border-red-800:hover { + border-color: var(--red-800) + } + .md\:active\:border-red-800:active { + border-color: var(--red-800) + } + .md\:focus\:border-red-800\/10:focus { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:border-red-800\/10:hover { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:border-red-800\/10:active { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:border-red-800\/20:focus { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:border-red-800\/20:hover { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:border-red-800\/20:active { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:border-red-800\/30:focus { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:border-red-800\/30:hover { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:border-red-800\/30:active { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:border-red-800\/40:focus { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:border-red-800\/40:hover { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:border-red-800\/40:active { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:border-red-800\/50:focus { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:border-red-800\/50:hover { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:border-red-800\/50:active { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:border-red-800\/60:focus { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:border-red-800\/60:hover { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:border-red-800\/60:active { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:border-red-800\/70:focus { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:border-red-800\/70:hover { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:border-red-800\/70:active { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:border-red-800\/80:focus { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:border-red-800\/80:hover { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:border-red-800\/80:active { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:border-red-800\/90:focus { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:border-red-800\/90:hover { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:border-red-800\/90:active { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:border-red-900:focus { + border-color: var(--red-900) + } + .md\:hover\:border-red-900:hover { + border-color: var(--red-900) + } + .md\:active\:border-red-900:active { + border-color: var(--red-900) + } + .md\:focus\:border-red-900\/10:focus { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:border-red-900\/10:hover { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:border-red-900\/10:active { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:border-red-900\/20:focus { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:border-red-900\/20:hover { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:border-red-900\/20:active { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:border-red-900\/30:focus { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:border-red-900\/30:hover { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:border-red-900\/30:active { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:border-red-900\/40:focus { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:border-red-900\/40:hover { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:border-red-900\/40:active { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:border-red-900\/50:focus { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:border-red-900\/50:hover { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:border-red-900\/50:active { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:border-red-900\/60:focus { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:border-red-900\/60:hover { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:border-red-900\/60:active { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:border-red-900\/70:focus { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:border-red-900\/70:hover { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:border-red-900\/70:active { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:border-red-900\/80:focus { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:border-red-900\/80:hover { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:border-red-900\/80:active { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:border-red-900\/90:focus { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:border-red-900\/90:hover { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:border-red-900\/90:active { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:border-gray-50:focus { + border-color: var(--gray-50) + } + .md\:hover\:border-gray-50:hover { + border-color: var(--gray-50) + } + .md\:active\:border-gray-50:active { + border-color: var(--gray-50) + } + .md\:focus\:border-gray-50\/10:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:border-gray-50\/10:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:border-gray-50\/10:active { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:border-gray-50\/20:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:border-gray-50\/20:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:border-gray-50\/20:active { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:border-gray-50\/30:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:border-gray-50\/30:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:border-gray-50\/30:active { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:border-gray-50\/40:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:border-gray-50\/40:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:border-gray-50\/40:active { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:border-gray-50\/50:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:border-gray-50\/50:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:border-gray-50\/50:active { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:border-gray-50\/60:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:border-gray-50\/60:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:border-gray-50\/60:active { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:border-gray-50\/70:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:border-gray-50\/70:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:border-gray-50\/70:active { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:border-gray-50\/80:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:border-gray-50\/80:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:border-gray-50\/80:active { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:border-gray-50\/90:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:border-gray-50\/90:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:border-gray-50\/90:active { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:border-gray-100:focus { + border-color: var(--gray-100) + } + .md\:hover\:border-gray-100:hover { + border-color: var(--gray-100) + } + .md\:active\:border-gray-100:active { + border-color: var(--gray-100) + } + .md\:focus\:border-gray-100\/10:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:border-gray-100\/10:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:border-gray-100\/10:active { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:border-gray-100\/20:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:border-gray-100\/20:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:border-gray-100\/20:active { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:border-gray-100\/30:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:border-gray-100\/30:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:border-gray-100\/30:active { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:border-gray-100\/40:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:border-gray-100\/40:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:border-gray-100\/40:active { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:border-gray-100\/50:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:border-gray-100\/50:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:border-gray-100\/50:active { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:border-gray-100\/60:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:border-gray-100\/60:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:border-gray-100\/60:active { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:border-gray-100\/70:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:border-gray-100\/70:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:border-gray-100\/70:active { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:border-gray-100\/80:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:border-gray-100\/80:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:border-gray-100\/80:active { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:border-gray-100\/90:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:border-gray-100\/90:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:border-gray-100\/90:active { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:border-gray-200:focus { + border-color: var(--gray-200) + } + .md\:hover\:border-gray-200:hover { + border-color: var(--gray-200) + } + .md\:active\:border-gray-200:active { + border-color: var(--gray-200) + } + .md\:focus\:border-gray-200\/10:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:border-gray-200\/10:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:border-gray-200\/10:active { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:border-gray-200\/20:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:border-gray-200\/20:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:border-gray-200\/20:active { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:border-gray-200\/30:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:border-gray-200\/30:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:border-gray-200\/30:active { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:border-gray-200\/40:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:border-gray-200\/40:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:border-gray-200\/40:active { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:border-gray-200\/50:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:border-gray-200\/50:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:border-gray-200\/50:active { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:border-gray-200\/60:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:border-gray-200\/60:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:border-gray-200\/60:active { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:border-gray-200\/70:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:border-gray-200\/70:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:border-gray-200\/70:active { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:border-gray-200\/80:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:border-gray-200\/80:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:border-gray-200\/80:active { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:border-gray-200\/90:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:border-gray-200\/90:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:border-gray-200\/90:active { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:border-gray-300:focus { + border-color: var(--gray-300) + } + .md\:hover\:border-gray-300:hover { + border-color: var(--gray-300) + } + .md\:active\:border-gray-300:active { + border-color: var(--gray-300) + } + .md\:focus\:border-gray-300\/10:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:border-gray-300\/10:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:border-gray-300\/10:active { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:border-gray-300\/20:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:border-gray-300\/20:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:border-gray-300\/20:active { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:border-gray-300\/30:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:border-gray-300\/30:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:border-gray-300\/30:active { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:border-gray-300\/40:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:border-gray-300\/40:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:border-gray-300\/40:active { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:border-gray-300\/50:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:border-gray-300\/50:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:border-gray-300\/50:active { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:border-gray-300\/60:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:border-gray-300\/60:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:border-gray-300\/60:active { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:border-gray-300\/70:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:border-gray-300\/70:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:border-gray-300\/70:active { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:border-gray-300\/80:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:border-gray-300\/80:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:border-gray-300\/80:active { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:border-gray-300\/90:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:border-gray-300\/90:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:border-gray-300\/90:active { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:border-gray-400:focus { + border-color: var(--gray-400) + } + .md\:hover\:border-gray-400:hover { + border-color: var(--gray-400) + } + .md\:active\:border-gray-400:active { + border-color: var(--gray-400) + } + .md\:focus\:border-gray-400\/10:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:border-gray-400\/10:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:border-gray-400\/10:active { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:border-gray-400\/20:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:border-gray-400\/20:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:border-gray-400\/20:active { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:border-gray-400\/30:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:border-gray-400\/30:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:border-gray-400\/30:active { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:border-gray-400\/40:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:border-gray-400\/40:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:border-gray-400\/40:active { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:border-gray-400\/50:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:border-gray-400\/50:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:border-gray-400\/50:active { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:border-gray-400\/60:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:border-gray-400\/60:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:border-gray-400\/60:active { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:border-gray-400\/70:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:border-gray-400\/70:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:border-gray-400\/70:active { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:border-gray-400\/80:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:border-gray-400\/80:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:border-gray-400\/80:active { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:border-gray-400\/90:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:border-gray-400\/90:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:border-gray-400\/90:active { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:border-gray-500:focus { + border-color: var(--gray-500) + } + .md\:hover\:border-gray-500:hover { + border-color: var(--gray-500) + } + .md\:active\:border-gray-500:active { + border-color: var(--gray-500) + } + .md\:focus\:border-gray-500\/10:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:border-gray-500\/10:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:border-gray-500\/10:active { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:border-gray-500\/20:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:border-gray-500\/20:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:border-gray-500\/20:active { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:border-gray-500\/30:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:border-gray-500\/30:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:border-gray-500\/30:active { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:border-gray-500\/40:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:border-gray-500\/40:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:border-gray-500\/40:active { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:border-gray-500\/50:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:border-gray-500\/50:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:border-gray-500\/50:active { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:border-gray-500\/60:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:border-gray-500\/60:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:border-gray-500\/60:active { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:border-gray-500\/70:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:border-gray-500\/70:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:border-gray-500\/70:active { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:border-gray-500\/80:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:border-gray-500\/80:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:border-gray-500\/80:active { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:border-gray-500\/90:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:border-gray-500\/90:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:border-gray-500\/90:active { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:border-gray-600:focus { + border-color: var(--gray-600) + } + .md\:hover\:border-gray-600:hover { + border-color: var(--gray-600) + } + .md\:active\:border-gray-600:active { + border-color: var(--gray-600) + } + .md\:focus\:border-gray-600\/10:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:border-gray-600\/10:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:border-gray-600\/10:active { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:border-gray-600\/20:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:border-gray-600\/20:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:border-gray-600\/20:active { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:border-gray-600\/30:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:border-gray-600\/30:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:border-gray-600\/30:active { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:border-gray-600\/40:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:border-gray-600\/40:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:border-gray-600\/40:active { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:border-gray-600\/50:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:border-gray-600\/50:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:border-gray-600\/50:active { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:border-gray-600\/60:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:border-gray-600\/60:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:border-gray-600\/60:active { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:border-gray-600\/70:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:border-gray-600\/70:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:border-gray-600\/70:active { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:border-gray-600\/80:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:border-gray-600\/80:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:border-gray-600\/80:active { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:border-gray-600\/90:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:border-gray-600\/90:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:border-gray-600\/90:active { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:border-gray-700:focus { + border-color: var(--gray-700) + } + .md\:hover\:border-gray-700:hover { + border-color: var(--gray-700) + } + .md\:active\:border-gray-700:active { + border-color: var(--gray-700) + } + .md\:focus\:border-gray-700\/10:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:border-gray-700\/10:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:border-gray-700\/10:active { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:border-gray-700\/20:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:border-gray-700\/20:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:border-gray-700\/20:active { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:border-gray-700\/30:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:border-gray-700\/30:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:border-gray-700\/30:active { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:border-gray-700\/40:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:border-gray-700\/40:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:border-gray-700\/40:active { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:border-gray-700\/50:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:border-gray-700\/50:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:border-gray-700\/50:active { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:border-gray-700\/60:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:border-gray-700\/60:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:border-gray-700\/60:active { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:border-gray-700\/70:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:border-gray-700\/70:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:border-gray-700\/70:active { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:border-gray-700\/80:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:border-gray-700\/80:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:border-gray-700\/80:active { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:border-gray-700\/90:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:border-gray-700\/90:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:border-gray-700\/90:active { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:border-gray-800:focus { + border-color: var(--gray-800) + } + .md\:hover\:border-gray-800:hover { + border-color: var(--gray-800) + } + .md\:active\:border-gray-800:active { + border-color: var(--gray-800) + } + .md\:focus\:border-gray-800\/10:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:border-gray-800\/10:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:border-gray-800\/10:active { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:border-gray-800\/20:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:border-gray-800\/20:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:border-gray-800\/20:active { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:border-gray-800\/30:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:border-gray-800\/30:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:border-gray-800\/30:active { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:border-gray-800\/40:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:border-gray-800\/40:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:border-gray-800\/40:active { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:border-gray-800\/50:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:border-gray-800\/50:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:border-gray-800\/50:active { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:border-gray-800\/60:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:border-gray-800\/60:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:border-gray-800\/60:active { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:border-gray-800\/70:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:border-gray-800\/70:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:border-gray-800\/70:active { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:border-gray-800\/80:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:border-gray-800\/80:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:border-gray-800\/80:active { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:border-gray-800\/90:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:border-gray-800\/90:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:border-gray-800\/90:active { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:border-gray-900:focus { + border-color: var(--gray-900) + } + .md\:hover\:border-gray-900:hover { + border-color: var(--gray-900) + } + .md\:active\:border-gray-900:active { + border-color: var(--gray-900) + } + .md\:focus\:border-gray-900\/10:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:border-gray-900\/10:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:border-gray-900\/10:active { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:border-gray-900\/20:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:border-gray-900\/20:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:border-gray-900\/20:active { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:border-gray-900\/30:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:border-gray-900\/30:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:border-gray-900\/30:active { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:border-gray-900\/40:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:border-gray-900\/40:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:border-gray-900\/40:active { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:border-gray-900\/50:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:border-gray-900\/50:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:border-gray-900\/50:active { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:border-gray-900\/60:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:border-gray-900\/60:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:border-gray-900\/60:active { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:border-gray-900\/70:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:border-gray-900\/70:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:border-gray-900\/70:active { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:border-gray-900\/80:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:border-gray-900\/80:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:border-gray-900\/80:active { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:border-gray-900\/90:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:border-gray-900\/90:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:border-gray-900\/90:active { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:border-surface-0:focus { + border-color: var(--surface-0) + } + .md\:hover\:border-surface-0:hover { + border-color: var(--surface-0) + } + .md\:active\:border-surface-0:active { + border-color: var(--surface-0) + } + .md\:focus\:border-surface-0\/10:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:border-surface-0\/10:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:border-surface-0\/10:active { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:border-surface-0\/20:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:border-surface-0\/20:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:border-surface-0\/20:active { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:border-surface-0\/30:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:border-surface-0\/30:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:border-surface-0\/30:active { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:border-surface-0\/40:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:border-surface-0\/40:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:border-surface-0\/40:active { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:border-surface-0\/50:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:border-surface-0\/50:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:border-surface-0\/50:active { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:border-surface-0\/60:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:border-surface-0\/60:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:border-surface-0\/60:active { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:border-surface-0\/70:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:border-surface-0\/70:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:border-surface-0\/70:active { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:border-surface-0\/80:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:border-surface-0\/80:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:border-surface-0\/80:active { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:border-surface-0\/90:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:border-surface-0\/90:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:border-surface-0\/90:active { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:border-surface-50:focus { + border-color: var(--surface-50) + } + .md\:hover\:border-surface-50:hover { + border-color: var(--surface-50) + } + .md\:active\:border-surface-50:active { + border-color: var(--surface-50) + } + .md\:focus\:border-surface-50\/10:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:border-surface-50\/10:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:border-surface-50\/10:active { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:border-surface-50\/20:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:border-surface-50\/20:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:border-surface-50\/20:active { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:border-surface-50\/30:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:border-surface-50\/30:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:border-surface-50\/30:active { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:border-surface-50\/40:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:border-surface-50\/40:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:border-surface-50\/40:active { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:border-surface-50\/50:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:border-surface-50\/50:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:border-surface-50\/50:active { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:border-surface-50\/60:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:border-surface-50\/60:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:border-surface-50\/60:active { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:border-surface-50\/70:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:border-surface-50\/70:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:border-surface-50\/70:active { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:border-surface-50\/80:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:border-surface-50\/80:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:border-surface-50\/80:active { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:border-surface-50\/90:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:border-surface-50\/90:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:border-surface-50\/90:active { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:border-surface-100:focus { + border-color: var(--surface-100) + } + .md\:hover\:border-surface-100:hover { + border-color: var(--surface-100) + } + .md\:active\:border-surface-100:active { + border-color: var(--surface-100) + } + .md\:focus\:border-surface-100\/10:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:border-surface-100\/10:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:border-surface-100\/10:active { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:border-surface-100\/20:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:border-surface-100\/20:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:border-surface-100\/20:active { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:border-surface-100\/30:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:border-surface-100\/30:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:border-surface-100\/30:active { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:border-surface-100\/40:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:border-surface-100\/40:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:border-surface-100\/40:active { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:border-surface-100\/50:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:border-surface-100\/50:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:border-surface-100\/50:active { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:border-surface-100\/60:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:border-surface-100\/60:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:border-surface-100\/60:active { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:border-surface-100\/70:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:border-surface-100\/70:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:border-surface-100\/70:active { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:border-surface-100\/80:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:border-surface-100\/80:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:border-surface-100\/80:active { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:border-surface-100\/90:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:border-surface-100\/90:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:border-surface-100\/90:active { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:border-surface-200:focus { + border-color: var(--surface-200) + } + .md\:hover\:border-surface-200:hover { + border-color: var(--surface-200) + } + .md\:active\:border-surface-200:active { + border-color: var(--surface-200) + } + .md\:focus\:border-surface-200\/10:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:border-surface-200\/10:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:border-surface-200\/10:active { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:border-surface-200\/20:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:border-surface-200\/20:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:border-surface-200\/20:active { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:border-surface-200\/30:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:border-surface-200\/30:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:border-surface-200\/30:active { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:border-surface-200\/40:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:border-surface-200\/40:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:border-surface-200\/40:active { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:border-surface-200\/50:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:border-surface-200\/50:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:border-surface-200\/50:active { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:border-surface-200\/60:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:border-surface-200\/60:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:border-surface-200\/60:active { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:border-surface-200\/70:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:border-surface-200\/70:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:border-surface-200\/70:active { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:border-surface-200\/80:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:border-surface-200\/80:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:border-surface-200\/80:active { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:border-surface-200\/90:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:border-surface-200\/90:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:border-surface-200\/90:active { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:border-surface-300:focus { + border-color: var(--surface-300) + } + .md\:hover\:border-surface-300:hover { + border-color: var(--surface-300) + } + .md\:active\:border-surface-300:active { + border-color: var(--surface-300) + } + .md\:focus\:border-surface-300\/10:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:border-surface-300\/10:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:border-surface-300\/10:active { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:border-surface-300\/20:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:border-surface-300\/20:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:border-surface-300\/20:active { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:border-surface-300\/30:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:border-surface-300\/30:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:border-surface-300\/30:active { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:border-surface-300\/40:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:border-surface-300\/40:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:border-surface-300\/40:active { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:border-surface-300\/50:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:border-surface-300\/50:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:border-surface-300\/50:active { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:border-surface-300\/60:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:border-surface-300\/60:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:border-surface-300\/60:active { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:border-surface-300\/70:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:border-surface-300\/70:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:border-surface-300\/70:active { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:border-surface-300\/80:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:border-surface-300\/80:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:border-surface-300\/80:active { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:border-surface-300\/90:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:border-surface-300\/90:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:border-surface-300\/90:active { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:border-surface-400:focus { + border-color: var(--surface-400) + } + .md\:hover\:border-surface-400:hover { + border-color: var(--surface-400) + } + .md\:active\:border-surface-400:active { + border-color: var(--surface-400) + } + .md\:focus\:border-surface-400\/10:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:border-surface-400\/10:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:border-surface-400\/10:active { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:border-surface-400\/20:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:border-surface-400\/20:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:border-surface-400\/20:active { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:border-surface-400\/30:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:border-surface-400\/30:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:border-surface-400\/30:active { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:border-surface-400\/40:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:border-surface-400\/40:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:border-surface-400\/40:active { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:border-surface-400\/50:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:border-surface-400\/50:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:border-surface-400\/50:active { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:border-surface-400\/60:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:border-surface-400\/60:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:border-surface-400\/60:active { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:border-surface-400\/70:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:border-surface-400\/70:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:border-surface-400\/70:active { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:border-surface-400\/80:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:border-surface-400\/80:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:border-surface-400\/80:active { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:border-surface-400\/90:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:border-surface-400\/90:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:border-surface-400\/90:active { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:border-surface-500:focus { + border-color: var(--surface-500) + } + .md\:hover\:border-surface-500:hover { + border-color: var(--surface-500) + } + .md\:active\:border-surface-500:active { + border-color: var(--surface-500) + } + .md\:focus\:border-surface-500\/10:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:border-surface-500\/10:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:border-surface-500\/10:active { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:border-surface-500\/20:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:border-surface-500\/20:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:border-surface-500\/20:active { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:border-surface-500\/30:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:border-surface-500\/30:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:border-surface-500\/30:active { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:border-surface-500\/40:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:border-surface-500\/40:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:border-surface-500\/40:active { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:border-surface-500\/50:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:border-surface-500\/50:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:border-surface-500\/50:active { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:border-surface-500\/60:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:border-surface-500\/60:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:border-surface-500\/60:active { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:border-surface-500\/70:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:border-surface-500\/70:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:border-surface-500\/70:active { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:border-surface-500\/80:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:border-surface-500\/80:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:border-surface-500\/80:active { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:border-surface-500\/90:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:border-surface-500\/90:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:border-surface-500\/90:active { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:border-surface-600:focus { + border-color: var(--surface-600) + } + .md\:hover\:border-surface-600:hover { + border-color: var(--surface-600) + } + .md\:active\:border-surface-600:active { + border-color: var(--surface-600) + } + .md\:focus\:border-surface-600\/10:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:border-surface-600\/10:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:border-surface-600\/10:active { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:border-surface-600\/20:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:border-surface-600\/20:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:border-surface-600\/20:active { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:border-surface-600\/30:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:border-surface-600\/30:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:border-surface-600\/30:active { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:border-surface-600\/40:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:border-surface-600\/40:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:border-surface-600\/40:active { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:border-surface-600\/50:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:border-surface-600\/50:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:border-surface-600\/50:active { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:border-surface-600\/60:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:border-surface-600\/60:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:border-surface-600\/60:active { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:border-surface-600\/70:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:border-surface-600\/70:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:border-surface-600\/70:active { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:border-surface-600\/80:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:border-surface-600\/80:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:border-surface-600\/80:active { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:border-surface-600\/90:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:border-surface-600\/90:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:border-surface-600\/90:active { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:border-surface-700:focus { + border-color: var(--surface-700) + } + .md\:hover\:border-surface-700:hover { + border-color: var(--surface-700) + } + .md\:active\:border-surface-700:active { + border-color: var(--surface-700) + } + .md\:focus\:border-surface-700\/10:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:border-surface-700\/10:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:border-surface-700\/10:active { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:border-surface-700\/20:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:border-surface-700\/20:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:border-surface-700\/20:active { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:border-surface-700\/30:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:border-surface-700\/30:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:border-surface-700\/30:active { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:border-surface-700\/40:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:border-surface-700\/40:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:border-surface-700\/40:active { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:border-surface-700\/50:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:border-surface-700\/50:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:border-surface-700\/50:active { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:border-surface-700\/60:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:border-surface-700\/60:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:border-surface-700\/60:active { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:border-surface-700\/70:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:border-surface-700\/70:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:border-surface-700\/70:active { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:border-surface-700\/80:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:border-surface-700\/80:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:border-surface-700\/80:active { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:border-surface-700\/90:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:border-surface-700\/90:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:border-surface-700\/90:active { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:border-surface-800:focus { + border-color: var(--surface-800) + } + .md\:hover\:border-surface-800:hover { + border-color: var(--surface-800) + } + .md\:active\:border-surface-800:active { + border-color: var(--surface-800) + } + .md\:focus\:border-surface-800\/10:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:border-surface-800\/10:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:border-surface-800\/10:active { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:border-surface-800\/20:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:border-surface-800\/20:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:border-surface-800\/20:active { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:border-surface-800\/30:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:border-surface-800\/30:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:border-surface-800\/30:active { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:border-surface-800\/40:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:border-surface-800\/40:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:border-surface-800\/40:active { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:border-surface-800\/50:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:border-surface-800\/50:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:border-surface-800\/50:active { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:border-surface-800\/60:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:border-surface-800\/60:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:border-surface-800\/60:active { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:border-surface-800\/70:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:border-surface-800\/70:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:border-surface-800\/70:active { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:border-surface-800\/80:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:border-surface-800\/80:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:border-surface-800\/80:active { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:border-surface-800\/90:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:border-surface-800\/90:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:border-surface-800\/90:active { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:border-surface-900:focus { + border-color: var(--surface-900) + } + .md\:hover\:border-surface-900:hover { + border-color: var(--surface-900) + } + .md\:active\:border-surface-900:active { + border-color: var(--surface-900) + } + .md\:focus\:border-surface-900\/10:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:border-surface-900\/10:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:border-surface-900\/10:active { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:border-surface-900\/20:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:border-surface-900\/20:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:border-surface-900\/20:active { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:border-surface-900\/30:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:border-surface-900\/30:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:border-surface-900\/30:active { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:border-surface-900\/40:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:border-surface-900\/40:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:border-surface-900\/40:active { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:border-surface-900\/50:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:border-surface-900\/50:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:border-surface-900\/50:active { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:border-surface-900\/60:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:border-surface-900\/60:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:border-surface-900\/60:active { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:border-surface-900\/70:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:border-surface-900\/70:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:border-surface-900\/70:active { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:border-surface-900\/80:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:border-surface-900\/80:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:border-surface-900\/80:active { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:border-surface-900\/90:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:border-surface-900\/90:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:border-surface-900\/90:active { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:border-primary-50:focus { + border-color: var(--primary-50) + } + .md\:hover\:border-primary-50:hover { + border-color: var(--primary-50) + } + .md\:active\:border-primary-50:active { + border-color: var(--primary-50) + } + .md\:focus\:border-primary-50\/10:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:border-primary-50\/10:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:border-primary-50\/10:active { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:border-primary-50\/20:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:border-primary-50\/20:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:border-primary-50\/20:active { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:border-primary-50\/30:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:border-primary-50\/30:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:border-primary-50\/30:active { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:border-primary-50\/40:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:border-primary-50\/40:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:border-primary-50\/40:active { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:border-primary-50\/50:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:border-primary-50\/50:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:border-primary-50\/50:active { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:border-primary-50\/60:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:border-primary-50\/60:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:border-primary-50\/60:active { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:border-primary-50\/70:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:border-primary-50\/70:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:border-primary-50\/70:active { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:border-primary-50\/80:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:border-primary-50\/80:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:border-primary-50\/80:active { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:border-primary-50\/90:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:border-primary-50\/90:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:border-primary-50\/90:active { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:border-primary-100:focus { + border-color: var(--primary-100) + } + .md\:hover\:border-primary-100:hover { + border-color: var(--primary-100) + } + .md\:active\:border-primary-100:active { + border-color: var(--primary-100) + } + .md\:focus\:border-primary-100\/10:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:border-primary-100\/10:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:border-primary-100\/10:active { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:border-primary-100\/20:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:border-primary-100\/20:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:border-primary-100\/20:active { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:border-primary-100\/30:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:border-primary-100\/30:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:border-primary-100\/30:active { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:border-primary-100\/40:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:border-primary-100\/40:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:border-primary-100\/40:active { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:border-primary-100\/50:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:border-primary-100\/50:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:border-primary-100\/50:active { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:border-primary-100\/60:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:border-primary-100\/60:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:border-primary-100\/60:active { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:border-primary-100\/70:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:border-primary-100\/70:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:border-primary-100\/70:active { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:border-primary-100\/80:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:border-primary-100\/80:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:border-primary-100\/80:active { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:border-primary-100\/90:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:border-primary-100\/90:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:border-primary-100\/90:active { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:border-primary-200:focus { + border-color: var(--primary-200) + } + .md\:hover\:border-primary-200:hover { + border-color: var(--primary-200) + } + .md\:active\:border-primary-200:active { + border-color: var(--primary-200) + } + .md\:focus\:border-primary-200\/10:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:border-primary-200\/10:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:border-primary-200\/10:active { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:border-primary-200\/20:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:border-primary-200\/20:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:border-primary-200\/20:active { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:border-primary-200\/30:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:border-primary-200\/30:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:border-primary-200\/30:active { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:border-primary-200\/40:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:border-primary-200\/40:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:border-primary-200\/40:active { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:border-primary-200\/50:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:border-primary-200\/50:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:border-primary-200\/50:active { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:border-primary-200\/60:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:border-primary-200\/60:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:border-primary-200\/60:active { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:border-primary-200\/70:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:border-primary-200\/70:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:border-primary-200\/70:active { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:border-primary-200\/80:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:border-primary-200\/80:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:border-primary-200\/80:active { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:border-primary-200\/90:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:border-primary-200\/90:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:border-primary-200\/90:active { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:border-primary-300:focus { + border-color: var(--primary-300) + } + .md\:hover\:border-primary-300:hover { + border-color: var(--primary-300) + } + .md\:active\:border-primary-300:active { + border-color: var(--primary-300) + } + .md\:focus\:border-primary-300\/10:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:border-primary-300\/10:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:border-primary-300\/10:active { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:border-primary-300\/20:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:border-primary-300\/20:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:border-primary-300\/20:active { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:border-primary-300\/30:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:border-primary-300\/30:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:border-primary-300\/30:active { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:border-primary-300\/40:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:border-primary-300\/40:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:border-primary-300\/40:active { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:border-primary-300\/50:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:border-primary-300\/50:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:border-primary-300\/50:active { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:border-primary-300\/60:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:border-primary-300\/60:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:border-primary-300\/60:active { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:border-primary-300\/70:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:border-primary-300\/70:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:border-primary-300\/70:active { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:border-primary-300\/80:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:border-primary-300\/80:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:border-primary-300\/80:active { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:border-primary-300\/90:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:border-primary-300\/90:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:border-primary-300\/90:active { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:border-primary-400:focus { + border-color: var(--primary-400) + } + .md\:hover\:border-primary-400:hover { + border-color: var(--primary-400) + } + .md\:active\:border-primary-400:active { + border-color: var(--primary-400) + } + .md\:focus\:border-primary-400\/10:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:border-primary-400\/10:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:border-primary-400\/10:active { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:border-primary-400\/20:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:border-primary-400\/20:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:border-primary-400\/20:active { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:border-primary-400\/30:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:border-primary-400\/30:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:border-primary-400\/30:active { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:border-primary-400\/40:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:border-primary-400\/40:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:border-primary-400\/40:active { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:border-primary-400\/50:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:border-primary-400\/50:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:border-primary-400\/50:active { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:border-primary-400\/60:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:border-primary-400\/60:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:border-primary-400\/60:active { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:border-primary-400\/70:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:border-primary-400\/70:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:border-primary-400\/70:active { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:border-primary-400\/80:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:border-primary-400\/80:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:border-primary-400\/80:active { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:border-primary-400\/90:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:border-primary-400\/90:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:border-primary-400\/90:active { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:border-primary-500:focus { + border-color: var(--primary-500) + } + .md\:hover\:border-primary-500:hover { + border-color: var(--primary-500) + } + .md\:active\:border-primary-500:active { + border-color: var(--primary-500) + } + .md\:focus\:border-primary-500\/10:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:border-primary-500\/10:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:border-primary-500\/10:active { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:border-primary-500\/20:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:border-primary-500\/20:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:border-primary-500\/20:active { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:border-primary-500\/30:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:border-primary-500\/30:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:border-primary-500\/30:active { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:border-primary-500\/40:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:border-primary-500\/40:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:border-primary-500\/40:active { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:border-primary-500\/50:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:border-primary-500\/50:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:border-primary-500\/50:active { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:border-primary-500\/60:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:border-primary-500\/60:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:border-primary-500\/60:active { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:border-primary-500\/70:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:border-primary-500\/70:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:border-primary-500\/70:active { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:border-primary-500\/80:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:border-primary-500\/80:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:border-primary-500\/80:active { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:border-primary-500\/90:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:border-primary-500\/90:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:border-primary-500\/90:active { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:border-primary-600:focus { + border-color: var(--primary-600) + } + .md\:hover\:border-primary-600:hover { + border-color: var(--primary-600) + } + .md\:active\:border-primary-600:active { + border-color: var(--primary-600) + } + .md\:focus\:border-primary-600\/10:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:border-primary-600\/10:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:border-primary-600\/10:active { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:border-primary-600\/20:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:border-primary-600\/20:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:border-primary-600\/20:active { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:border-primary-600\/30:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:border-primary-600\/30:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:border-primary-600\/30:active { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:border-primary-600\/40:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:border-primary-600\/40:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:border-primary-600\/40:active { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:border-primary-600\/50:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:border-primary-600\/50:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:border-primary-600\/50:active { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:border-primary-600\/60:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:border-primary-600\/60:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:border-primary-600\/60:active { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:border-primary-600\/70:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:border-primary-600\/70:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:border-primary-600\/70:active { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:border-primary-600\/80:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:border-primary-600\/80:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:border-primary-600\/80:active { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:border-primary-600\/90:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:border-primary-600\/90:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:border-primary-600\/90:active { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:border-primary-700:focus { + border-color: var(--primary-700) + } + .md\:hover\:border-primary-700:hover { + border-color: var(--primary-700) + } + .md\:active\:border-primary-700:active { + border-color: var(--primary-700) + } + .md\:focus\:border-primary-700\/10:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:border-primary-700\/10:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:border-primary-700\/10:active { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:border-primary-700\/20:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:border-primary-700\/20:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:border-primary-700\/20:active { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:border-primary-700\/30:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:border-primary-700\/30:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:border-primary-700\/30:active { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:border-primary-700\/40:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:border-primary-700\/40:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:border-primary-700\/40:active { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:border-primary-700\/50:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:border-primary-700\/50:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:border-primary-700\/50:active { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:border-primary-700\/60:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:border-primary-700\/60:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:border-primary-700\/60:active { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:border-primary-700\/70:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:border-primary-700\/70:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:border-primary-700\/70:active { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:border-primary-700\/80:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:border-primary-700\/80:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:border-primary-700\/80:active { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:border-primary-700\/90:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:border-primary-700\/90:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:border-primary-700\/90:active { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:border-primary-800:focus { + border-color: var(--primary-800) + } + .md\:hover\:border-primary-800:hover { + border-color: var(--primary-800) + } + .md\:active\:border-primary-800:active { + border-color: var(--primary-800) + } + .md\:focus\:border-primary-800\/10:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:border-primary-800\/10:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:border-primary-800\/10:active { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:border-primary-800\/20:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:border-primary-800\/20:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:border-primary-800\/20:active { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:border-primary-800\/30:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:border-primary-800\/30:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:border-primary-800\/30:active { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:border-primary-800\/40:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:border-primary-800\/40:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:border-primary-800\/40:active { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:border-primary-800\/50:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:border-primary-800\/50:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:border-primary-800\/50:active { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:border-primary-800\/60:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:border-primary-800\/60:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:border-primary-800\/60:active { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:border-primary-800\/70:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:border-primary-800\/70:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:border-primary-800\/70:active { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:border-primary-800\/80:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:border-primary-800\/80:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:border-primary-800\/80:active { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:border-primary-800\/90:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:border-primary-800\/90:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:border-primary-800\/90:active { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:border-primary-900:focus { + border-color: var(--primary-900) + } + .md\:hover\:border-primary-900:hover { + border-color: var(--primary-900) + } + .md\:active\:border-primary-900:active { + border-color: var(--primary-900) + } + .md\:focus\:border-primary-900\/10:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:border-primary-900\/10:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:border-primary-900\/10:active { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:border-primary-900\/20:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:border-primary-900\/20:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:border-primary-900\/20:active { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:border-primary-900\/30:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:border-primary-900\/30:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:border-primary-900\/30:active { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:border-primary-900\/40:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:border-primary-900\/40:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:border-primary-900\/40:active { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:border-primary-900\/50:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:border-primary-900\/50:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:border-primary-900\/50:active { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:border-primary-900\/60:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:border-primary-900\/60:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:border-primary-900\/60:active { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:border-primary-900\/70:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:border-primary-900\/70:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:border-primary-900\/70:active { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:border-primary-900\/80:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:border-primary-900\/80:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:border-primary-900\/80:active { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:border-primary-900\/90:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:border-primary-900\/90:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:border-primary-900\/90:active { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:border-blue-50 { + border-color: var(--blue-50) + } + .lg\:border-blue-50\/10 { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:border-blue-50\/20 { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:border-blue-50\/30 { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:border-blue-50\/40 { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:border-blue-50\/50 { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:border-blue-50\/60 { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:border-blue-50\/70 { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:border-blue-50\/80 { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:border-blue-50\/90 { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:border-blue-100 { + border-color: var(--blue-100) + } + .lg\:border-blue-100\/10 { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:border-blue-100\/20 { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:border-blue-100\/30 { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:border-blue-100\/40 { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:border-blue-100\/50 { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:border-blue-100\/60 { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:border-blue-100\/70 { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:border-blue-100\/80 { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:border-blue-100\/90 { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:border-blue-200 { + border-color: var(--blue-200) + } + .lg\:border-blue-200\/10 { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:border-blue-200\/20 { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:border-blue-200\/30 { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:border-blue-200\/40 { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:border-blue-200\/50 { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:border-blue-200\/60 { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:border-blue-200\/70 { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:border-blue-200\/80 { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:border-blue-200\/90 { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:border-blue-300 { + border-color: var(--blue-300) + } + .lg\:border-blue-300\/10 { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:border-blue-300\/20 { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:border-blue-300\/30 { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:border-blue-300\/40 { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:border-blue-300\/50 { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:border-blue-300\/60 { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:border-blue-300\/70 { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:border-blue-300\/80 { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:border-blue-300\/90 { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:border-blue-400 { + border-color: var(--blue-400) + } + .lg\:border-blue-400\/10 { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:border-blue-400\/20 { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:border-blue-400\/30 { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:border-blue-400\/40 { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:border-blue-400\/50 { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:border-blue-400\/60 { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:border-blue-400\/70 { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:border-blue-400\/80 { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:border-blue-400\/90 { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:border-blue-500 { + border-color: var(--blue-500) + } + .lg\:border-blue-500\/10 { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:border-blue-500\/20 { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:border-blue-500\/30 { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:border-blue-500\/40 { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:border-blue-500\/50 { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:border-blue-500\/60 { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:border-blue-500\/70 { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:border-blue-500\/80 { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:border-blue-500\/90 { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:border-blue-600 { + border-color: var(--blue-600) + } + .lg\:border-blue-600\/10 { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:border-blue-600\/20 { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:border-blue-600\/30 { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:border-blue-600\/40 { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:border-blue-600\/50 { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:border-blue-600\/60 { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:border-blue-600\/70 { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:border-blue-600\/80 { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:border-blue-600\/90 { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:border-blue-700 { + border-color: var(--blue-700) + } + .lg\:border-blue-700\/10 { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:border-blue-700\/20 { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:border-blue-700\/30 { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:border-blue-700\/40 { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:border-blue-700\/50 { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:border-blue-700\/60 { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:border-blue-700\/70 { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:border-blue-700\/80 { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:border-blue-700\/90 { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:border-blue-800 { + border-color: var(--blue-800) + } + .lg\:border-blue-800\/10 { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:border-blue-800\/20 { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:border-blue-800\/30 { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:border-blue-800\/40 { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:border-blue-800\/50 { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:border-blue-800\/60 { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:border-blue-800\/70 { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:border-blue-800\/80 { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:border-blue-800\/90 { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:border-blue-900 { + border-color: var(--blue-900) + } + .lg\:border-blue-900\/10 { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:border-blue-900\/20 { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:border-blue-900\/30 { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:border-blue-900\/40 { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:border-blue-900\/50 { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:border-blue-900\/60 { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:border-blue-900\/70 { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:border-blue-900\/80 { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:border-blue-900\/90 { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:border-green-50 { + border-color: var(--green-50) + } + .lg\:border-green-50\/10 { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:border-green-50\/20 { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:border-green-50\/30 { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:border-green-50\/40 { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:border-green-50\/50 { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:border-green-50\/60 { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:border-green-50\/70 { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:border-green-50\/80 { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:border-green-50\/90 { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:border-green-100 { + border-color: var(--green-100) + } + .lg\:border-green-100\/10 { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:border-green-100\/20 { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:border-green-100\/30 { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:border-green-100\/40 { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:border-green-100\/50 { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:border-green-100\/60 { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:border-green-100\/70 { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:border-green-100\/80 { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:border-green-100\/90 { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:border-green-200 { + border-color: var(--green-200) + } + .lg\:border-green-200\/10 { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:border-green-200\/20 { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:border-green-200\/30 { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:border-green-200\/40 { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:border-green-200\/50 { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:border-green-200\/60 { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:border-green-200\/70 { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:border-green-200\/80 { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:border-green-200\/90 { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:border-green-300 { + border-color: var(--green-300) + } + .lg\:border-green-300\/10 { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:border-green-300\/20 { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:border-green-300\/30 { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:border-green-300\/40 { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:border-green-300\/50 { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:border-green-300\/60 { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:border-green-300\/70 { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:border-green-300\/80 { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:border-green-300\/90 { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:border-green-400 { + border-color: var(--green-400) + } + .lg\:border-green-400\/10 { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:border-green-400\/20 { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:border-green-400\/30 { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:border-green-400\/40 { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:border-green-400\/50 { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:border-green-400\/60 { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:border-green-400\/70 { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:border-green-400\/80 { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:border-green-400\/90 { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:border-green-500 { + border-color: var(--green-500) + } + .lg\:border-green-500\/10 { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:border-green-500\/20 { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:border-green-500\/30 { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:border-green-500\/40 { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:border-green-500\/50 { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:border-green-500\/60 { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:border-green-500\/70 { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:border-green-500\/80 { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:border-green-500\/90 { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:border-green-600 { + border-color: var(--green-600) + } + .lg\:border-green-600\/10 { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:border-green-600\/20 { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:border-green-600\/30 { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:border-green-600\/40 { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:border-green-600\/50 { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:border-green-600\/60 { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:border-green-600\/70 { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:border-green-600\/80 { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:border-green-600\/90 { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:border-green-700 { + border-color: var(--green-700) + } + .lg\:border-green-700\/10 { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:border-green-700\/20 { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:border-green-700\/30 { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:border-green-700\/40 { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:border-green-700\/50 { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:border-green-700\/60 { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:border-green-700\/70 { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:border-green-700\/80 { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:border-green-700\/90 { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:border-green-800 { + border-color: var(--green-800) + } + .lg\:border-green-800\/10 { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:border-green-800\/20 { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:border-green-800\/30 { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:border-green-800\/40 { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:border-green-800\/50 { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:border-green-800\/60 { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:border-green-800\/70 { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:border-green-800\/80 { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:border-green-800\/90 { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:border-green-900 { + border-color: var(--green-900) + } + .lg\:border-green-900\/10 { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:border-green-900\/20 { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:border-green-900\/30 { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:border-green-900\/40 { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:border-green-900\/50 { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:border-green-900\/60 { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:border-green-900\/70 { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:border-green-900\/80 { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:border-green-900\/90 { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:border-yellow-50 { + border-color: var(--yellow-50) + } + .lg\:border-yellow-50\/10 { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:border-yellow-50\/20 { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:border-yellow-50\/30 { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:border-yellow-50\/40 { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:border-yellow-50\/50 { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:border-yellow-50\/60 { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:border-yellow-50\/70 { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:border-yellow-50\/80 { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:border-yellow-50\/90 { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:border-yellow-100 { + border-color: var(--yellow-100) + } + .lg\:border-yellow-100\/10 { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:border-yellow-100\/20 { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:border-yellow-100\/30 { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:border-yellow-100\/40 { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:border-yellow-100\/50 { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:border-yellow-100\/60 { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:border-yellow-100\/70 { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:border-yellow-100\/80 { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:border-yellow-100\/90 { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:border-yellow-200 { + border-color: var(--yellow-200) + } + .lg\:border-yellow-200\/10 { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:border-yellow-200\/20 { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:border-yellow-200\/30 { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:border-yellow-200\/40 { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:border-yellow-200\/50 { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:border-yellow-200\/60 { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:border-yellow-200\/70 { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:border-yellow-200\/80 { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:border-yellow-200\/90 { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:border-yellow-300 { + border-color: var(--yellow-300) + } + .lg\:border-yellow-300\/10 { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:border-yellow-300\/20 { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:border-yellow-300\/30 { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:border-yellow-300\/40 { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:border-yellow-300\/50 { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:border-yellow-300\/60 { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:border-yellow-300\/70 { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:border-yellow-300\/80 { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:border-yellow-300\/90 { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:border-yellow-400 { + border-color: var(--yellow-400) + } + .lg\:border-yellow-400\/10 { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:border-yellow-400\/20 { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:border-yellow-400\/30 { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:border-yellow-400\/40 { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:border-yellow-400\/50 { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:border-yellow-400\/60 { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:border-yellow-400\/70 { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:border-yellow-400\/80 { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:border-yellow-400\/90 { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:border-yellow-500 { + border-color: var(--yellow-500) + } + .lg\:border-yellow-500\/10 { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:border-yellow-500\/20 { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:border-yellow-500\/30 { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:border-yellow-500\/40 { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:border-yellow-500\/50 { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:border-yellow-500\/60 { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:border-yellow-500\/70 { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:border-yellow-500\/80 { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:border-yellow-500\/90 { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:border-yellow-600 { + border-color: var(--yellow-600) + } + .lg\:border-yellow-600\/10 { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:border-yellow-600\/20 { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:border-yellow-600\/30 { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:border-yellow-600\/40 { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:border-yellow-600\/50 { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:border-yellow-600\/60 { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:border-yellow-600\/70 { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:border-yellow-600\/80 { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:border-yellow-600\/90 { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:border-yellow-700 { + border-color: var(--yellow-700) + } + .lg\:border-yellow-700\/10 { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:border-yellow-700\/20 { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:border-yellow-700\/30 { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:border-yellow-700\/40 { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:border-yellow-700\/50 { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:border-yellow-700\/60 { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:border-yellow-700\/70 { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:border-yellow-700\/80 { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:border-yellow-700\/90 { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:border-yellow-800 { + border-color: var(--yellow-800) + } + .lg\:border-yellow-800\/10 { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:border-yellow-800\/20 { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:border-yellow-800\/30 { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:border-yellow-800\/40 { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:border-yellow-800\/50 { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:border-yellow-800\/60 { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:border-yellow-800\/70 { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:border-yellow-800\/80 { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:border-yellow-800\/90 { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:border-yellow-900 { + border-color: var(--yellow-900) + } + .lg\:border-yellow-900\/10 { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:border-yellow-900\/20 { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:border-yellow-900\/30 { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:border-yellow-900\/40 { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:border-yellow-900\/50 { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:border-yellow-900\/60 { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:border-yellow-900\/70 { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:border-yellow-900\/80 { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:border-yellow-900\/90 { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:border-cyan-50 { + border-color: var(--cyan-50) + } + .lg\:border-cyan-50\/10 { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:border-cyan-50\/20 { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:border-cyan-50\/30 { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:border-cyan-50\/40 { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:border-cyan-50\/50 { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:border-cyan-50\/60 { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:border-cyan-50\/70 { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:border-cyan-50\/80 { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:border-cyan-50\/90 { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:border-cyan-100 { + border-color: var(--cyan-100) + } + .lg\:border-cyan-100\/10 { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:border-cyan-100\/20 { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:border-cyan-100\/30 { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:border-cyan-100\/40 { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:border-cyan-100\/50 { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:border-cyan-100\/60 { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:border-cyan-100\/70 { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:border-cyan-100\/80 { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:border-cyan-100\/90 { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:border-cyan-200 { + border-color: var(--cyan-200) + } + .lg\:border-cyan-200\/10 { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:border-cyan-200\/20 { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:border-cyan-200\/30 { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:border-cyan-200\/40 { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:border-cyan-200\/50 { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:border-cyan-200\/60 { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:border-cyan-200\/70 { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:border-cyan-200\/80 { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:border-cyan-200\/90 { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:border-cyan-300 { + border-color: var(--cyan-300) + } + .lg\:border-cyan-300\/10 { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:border-cyan-300\/20 { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:border-cyan-300\/30 { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:border-cyan-300\/40 { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:border-cyan-300\/50 { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:border-cyan-300\/60 { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:border-cyan-300\/70 { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:border-cyan-300\/80 { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:border-cyan-300\/90 { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:border-cyan-400 { + border-color: var(--cyan-400) + } + .lg\:border-cyan-400\/10 { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:border-cyan-400\/20 { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:border-cyan-400\/30 { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:border-cyan-400\/40 { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:border-cyan-400\/50 { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:border-cyan-400\/60 { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:border-cyan-400\/70 { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:border-cyan-400\/80 { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:border-cyan-400\/90 { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:border-cyan-500 { + border-color: var(--cyan-500) + } + .lg\:border-cyan-500\/10 { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:border-cyan-500\/20 { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:border-cyan-500\/30 { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:border-cyan-500\/40 { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:border-cyan-500\/50 { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:border-cyan-500\/60 { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:border-cyan-500\/70 { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:border-cyan-500\/80 { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:border-cyan-500\/90 { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:border-cyan-600 { + border-color: var(--cyan-600) + } + .lg\:border-cyan-600\/10 { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:border-cyan-600\/20 { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:border-cyan-600\/30 { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:border-cyan-600\/40 { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:border-cyan-600\/50 { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:border-cyan-600\/60 { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:border-cyan-600\/70 { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:border-cyan-600\/80 { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:border-cyan-600\/90 { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:border-cyan-700 { + border-color: var(--cyan-700) + } + .lg\:border-cyan-700\/10 { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:border-cyan-700\/20 { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:border-cyan-700\/30 { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:border-cyan-700\/40 { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:border-cyan-700\/50 { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:border-cyan-700\/60 { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:border-cyan-700\/70 { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:border-cyan-700\/80 { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:border-cyan-700\/90 { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:border-cyan-800 { + border-color: var(--cyan-800) + } + .lg\:border-cyan-800\/10 { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:border-cyan-800\/20 { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:border-cyan-800\/30 { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:border-cyan-800\/40 { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:border-cyan-800\/50 { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:border-cyan-800\/60 { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:border-cyan-800\/70 { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:border-cyan-800\/80 { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:border-cyan-800\/90 { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:border-cyan-900 { + border-color: var(--cyan-900) + } + .lg\:border-cyan-900\/10 { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:border-cyan-900\/20 { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:border-cyan-900\/30 { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:border-cyan-900\/40 { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:border-cyan-900\/50 { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:border-cyan-900\/60 { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:border-cyan-900\/70 { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:border-cyan-900\/80 { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:border-cyan-900\/90 { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:border-pink-50 { + border-color: var(--pink-50) + } + .lg\:border-pink-50\/10 { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:border-pink-50\/20 { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:border-pink-50\/30 { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:border-pink-50\/40 { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:border-pink-50\/50 { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:border-pink-50\/60 { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:border-pink-50\/70 { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:border-pink-50\/80 { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:border-pink-50\/90 { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:border-pink-100 { + border-color: var(--pink-100) + } + .lg\:border-pink-100\/10 { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:border-pink-100\/20 { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:border-pink-100\/30 { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:border-pink-100\/40 { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:border-pink-100\/50 { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:border-pink-100\/60 { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:border-pink-100\/70 { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:border-pink-100\/80 { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:border-pink-100\/90 { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:border-pink-200 { + border-color: var(--pink-200) + } + .lg\:border-pink-200\/10 { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:border-pink-200\/20 { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:border-pink-200\/30 { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:border-pink-200\/40 { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:border-pink-200\/50 { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:border-pink-200\/60 { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:border-pink-200\/70 { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:border-pink-200\/80 { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:border-pink-200\/90 { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:border-pink-300 { + border-color: var(--pink-300) + } + .lg\:border-pink-300\/10 { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:border-pink-300\/20 { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:border-pink-300\/30 { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:border-pink-300\/40 { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:border-pink-300\/50 { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:border-pink-300\/60 { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:border-pink-300\/70 { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:border-pink-300\/80 { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:border-pink-300\/90 { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:border-pink-400 { + border-color: var(--pink-400) + } + .lg\:border-pink-400\/10 { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:border-pink-400\/20 { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:border-pink-400\/30 { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:border-pink-400\/40 { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:border-pink-400\/50 { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:border-pink-400\/60 { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:border-pink-400\/70 { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:border-pink-400\/80 { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:border-pink-400\/90 { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:border-pink-500 { + border-color: var(--pink-500) + } + .lg\:border-pink-500\/10 { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:border-pink-500\/20 { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:border-pink-500\/30 { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:border-pink-500\/40 { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:border-pink-500\/50 { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:border-pink-500\/60 { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:border-pink-500\/70 { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:border-pink-500\/80 { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:border-pink-500\/90 { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:border-pink-600 { + border-color: var(--pink-600) + } + .lg\:border-pink-600\/10 { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:border-pink-600\/20 { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:border-pink-600\/30 { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:border-pink-600\/40 { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:border-pink-600\/50 { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:border-pink-600\/60 { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:border-pink-600\/70 { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:border-pink-600\/80 { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:border-pink-600\/90 { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:border-pink-700 { + border-color: var(--pink-700) + } + .lg\:border-pink-700\/10 { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:border-pink-700\/20 { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:border-pink-700\/30 { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:border-pink-700\/40 { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:border-pink-700\/50 { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:border-pink-700\/60 { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:border-pink-700\/70 { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:border-pink-700\/80 { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:border-pink-700\/90 { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:border-pink-800 { + border-color: var(--pink-800) + } + .lg\:border-pink-800\/10 { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:border-pink-800\/20 { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:border-pink-800\/30 { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:border-pink-800\/40 { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:border-pink-800\/50 { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:border-pink-800\/60 { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:border-pink-800\/70 { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:border-pink-800\/80 { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:border-pink-800\/90 { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:border-pink-900 { + border-color: var(--pink-900) + } + .lg\:border-pink-900\/10 { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:border-pink-900\/20 { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:border-pink-900\/30 { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:border-pink-900\/40 { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:border-pink-900\/50 { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:border-pink-900\/60 { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:border-pink-900\/70 { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:border-pink-900\/80 { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:border-pink-900\/90 { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:border-indigo-50 { + border-color: var(--indigo-50) + } + .lg\:border-indigo-50\/10 { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:border-indigo-50\/20 { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:border-indigo-50\/30 { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:border-indigo-50\/40 { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:border-indigo-50\/50 { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:border-indigo-50\/60 { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:border-indigo-50\/70 { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:border-indigo-50\/80 { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:border-indigo-50\/90 { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:border-indigo-100 { + border-color: var(--indigo-100) + } + .lg\:border-indigo-100\/10 { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:border-indigo-100\/20 { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:border-indigo-100\/30 { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:border-indigo-100\/40 { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:border-indigo-100\/50 { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:border-indigo-100\/60 { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:border-indigo-100\/70 { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:border-indigo-100\/80 { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:border-indigo-100\/90 { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:border-indigo-200 { + border-color: var(--indigo-200) + } + .lg\:border-indigo-200\/10 { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:border-indigo-200\/20 { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:border-indigo-200\/30 { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:border-indigo-200\/40 { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:border-indigo-200\/50 { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:border-indigo-200\/60 { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:border-indigo-200\/70 { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:border-indigo-200\/80 { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:border-indigo-200\/90 { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:border-indigo-300 { + border-color: var(--indigo-300) + } + .lg\:border-indigo-300\/10 { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:border-indigo-300\/20 { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:border-indigo-300\/30 { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:border-indigo-300\/40 { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:border-indigo-300\/50 { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:border-indigo-300\/60 { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:border-indigo-300\/70 { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:border-indigo-300\/80 { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:border-indigo-300\/90 { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:border-indigo-400 { + border-color: var(--indigo-400) + } + .lg\:border-indigo-400\/10 { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:border-indigo-400\/20 { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:border-indigo-400\/30 { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:border-indigo-400\/40 { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:border-indigo-400\/50 { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:border-indigo-400\/60 { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:border-indigo-400\/70 { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:border-indigo-400\/80 { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:border-indigo-400\/90 { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:border-indigo-500 { + border-color: var(--indigo-500) + } + .lg\:border-indigo-500\/10 { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:border-indigo-500\/20 { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:border-indigo-500\/30 { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:border-indigo-500\/40 { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:border-indigo-500\/50 { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:border-indigo-500\/60 { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:border-indigo-500\/70 { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:border-indigo-500\/80 { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:border-indigo-500\/90 { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:border-indigo-600 { + border-color: var(--indigo-600) + } + .lg\:border-indigo-600\/10 { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:border-indigo-600\/20 { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:border-indigo-600\/30 { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:border-indigo-600\/40 { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:border-indigo-600\/50 { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:border-indigo-600\/60 { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:border-indigo-600\/70 { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:border-indigo-600\/80 { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:border-indigo-600\/90 { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:border-indigo-700 { + border-color: var(--indigo-700) + } + .lg\:border-indigo-700\/10 { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:border-indigo-700\/20 { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:border-indigo-700\/30 { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:border-indigo-700\/40 { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:border-indigo-700\/50 { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:border-indigo-700\/60 { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:border-indigo-700\/70 { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:border-indigo-700\/80 { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:border-indigo-700\/90 { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:border-indigo-800 { + border-color: var(--indigo-800) + } + .lg\:border-indigo-800\/10 { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:border-indigo-800\/20 { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:border-indigo-800\/30 { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:border-indigo-800\/40 { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:border-indigo-800\/50 { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:border-indigo-800\/60 { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:border-indigo-800\/70 { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:border-indigo-800\/80 { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:border-indigo-800\/90 { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:border-indigo-900 { + border-color: var(--indigo-900) + } + .lg\:border-indigo-900\/10 { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:border-indigo-900\/20 { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:border-indigo-900\/30 { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:border-indigo-900\/40 { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:border-indigo-900\/50 { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:border-indigo-900\/60 { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:border-indigo-900\/70 { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:border-indigo-900\/80 { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:border-indigo-900\/90 { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:border-teal-50 { + border-color: var(--teal-50) + } + .lg\:border-teal-50\/10 { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:border-teal-50\/20 { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:border-teal-50\/30 { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:border-teal-50\/40 { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:border-teal-50\/50 { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:border-teal-50\/60 { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:border-teal-50\/70 { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:border-teal-50\/80 { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:border-teal-50\/90 { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:border-teal-100 { + border-color: var(--teal-100) + } + .lg\:border-teal-100\/10 { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:border-teal-100\/20 { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:border-teal-100\/30 { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:border-teal-100\/40 { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:border-teal-100\/50 { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:border-teal-100\/60 { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:border-teal-100\/70 { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:border-teal-100\/80 { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:border-teal-100\/90 { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:border-teal-200 { + border-color: var(--teal-200) + } + .lg\:border-teal-200\/10 { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:border-teal-200\/20 { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:border-teal-200\/30 { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:border-teal-200\/40 { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:border-teal-200\/50 { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:border-teal-200\/60 { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:border-teal-200\/70 { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:border-teal-200\/80 { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:border-teal-200\/90 { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:border-teal-300 { + border-color: var(--teal-300) + } + .lg\:border-teal-300\/10 { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:border-teal-300\/20 { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:border-teal-300\/30 { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:border-teal-300\/40 { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:border-teal-300\/50 { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:border-teal-300\/60 { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:border-teal-300\/70 { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:border-teal-300\/80 { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:border-teal-300\/90 { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:border-teal-400 { + border-color: var(--teal-400) + } + .lg\:border-teal-400\/10 { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:border-teal-400\/20 { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:border-teal-400\/30 { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:border-teal-400\/40 { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:border-teal-400\/50 { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:border-teal-400\/60 { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:border-teal-400\/70 { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:border-teal-400\/80 { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:border-teal-400\/90 { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:border-teal-500 { + border-color: var(--teal-500) + } + .lg\:border-teal-500\/10 { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:border-teal-500\/20 { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:border-teal-500\/30 { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:border-teal-500\/40 { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:border-teal-500\/50 { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:border-teal-500\/60 { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:border-teal-500\/70 { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:border-teal-500\/80 { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:border-teal-500\/90 { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:border-teal-600 { + border-color: var(--teal-600) + } + .lg\:border-teal-600\/10 { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:border-teal-600\/20 { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:border-teal-600\/30 { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:border-teal-600\/40 { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:border-teal-600\/50 { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:border-teal-600\/60 { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:border-teal-600\/70 { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:border-teal-600\/80 { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:border-teal-600\/90 { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:border-teal-700 { + border-color: var(--teal-700) + } + .lg\:border-teal-700\/10 { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:border-teal-700\/20 { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:border-teal-700\/30 { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:border-teal-700\/40 { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:border-teal-700\/50 { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:border-teal-700\/60 { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:border-teal-700\/70 { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:border-teal-700\/80 { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:border-teal-700\/90 { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:border-teal-800 { + border-color: var(--teal-800) + } + .lg\:border-teal-800\/10 { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:border-teal-800\/20 { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:border-teal-800\/30 { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:border-teal-800\/40 { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:border-teal-800\/50 { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:border-teal-800\/60 { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:border-teal-800\/70 { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:border-teal-800\/80 { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:border-teal-800\/90 { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:border-teal-900 { + border-color: var(--teal-900) + } + .lg\:border-teal-900\/10 { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:border-teal-900\/20 { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:border-teal-900\/30 { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:border-teal-900\/40 { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:border-teal-900\/50 { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:border-teal-900\/60 { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:border-teal-900\/70 { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:border-teal-900\/80 { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:border-teal-900\/90 { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:border-orange-50 { + border-color: var(--orange-50) + } + .lg\:border-orange-50\/10 { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:border-orange-50\/20 { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:border-orange-50\/30 { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:border-orange-50\/40 { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:border-orange-50\/50 { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:border-orange-50\/60 { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:border-orange-50\/70 { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:border-orange-50\/80 { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:border-orange-50\/90 { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:border-orange-100 { + border-color: var(--orange-100) + } + .lg\:border-orange-100\/10 { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:border-orange-100\/20 { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:border-orange-100\/30 { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:border-orange-100\/40 { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:border-orange-100\/50 { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:border-orange-100\/60 { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:border-orange-100\/70 { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:border-orange-100\/80 { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:border-orange-100\/90 { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:border-orange-200 { + border-color: var(--orange-200) + } + .lg\:border-orange-200\/10 { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:border-orange-200\/20 { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:border-orange-200\/30 { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:border-orange-200\/40 { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:border-orange-200\/50 { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:border-orange-200\/60 { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:border-orange-200\/70 { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:border-orange-200\/80 { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:border-orange-200\/90 { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:border-orange-300 { + border-color: var(--orange-300) + } + .lg\:border-orange-300\/10 { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:border-orange-300\/20 { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:border-orange-300\/30 { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:border-orange-300\/40 { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:border-orange-300\/50 { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:border-orange-300\/60 { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:border-orange-300\/70 { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:border-orange-300\/80 { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:border-orange-300\/90 { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:border-orange-400 { + border-color: var(--orange-400) + } + .lg\:border-orange-400\/10 { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:border-orange-400\/20 { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:border-orange-400\/30 { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:border-orange-400\/40 { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:border-orange-400\/50 { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:border-orange-400\/60 { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:border-orange-400\/70 { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:border-orange-400\/80 { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:border-orange-400\/90 { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:border-orange-500 { + border-color: var(--orange-500) + } + .lg\:border-orange-500\/10 { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:border-orange-500\/20 { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:border-orange-500\/30 { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:border-orange-500\/40 { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:border-orange-500\/50 { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:border-orange-500\/60 { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:border-orange-500\/70 { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:border-orange-500\/80 { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:border-orange-500\/90 { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:border-orange-600 { + border-color: var(--orange-600) + } + .lg\:border-orange-600\/10 { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:border-orange-600\/20 { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:border-orange-600\/30 { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:border-orange-600\/40 { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:border-orange-600\/50 { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:border-orange-600\/60 { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:border-orange-600\/70 { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:border-orange-600\/80 { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:border-orange-600\/90 { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:border-orange-700 { + border-color: var(--orange-700) + } + .lg\:border-orange-700\/10 { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:border-orange-700\/20 { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:border-orange-700\/30 { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:border-orange-700\/40 { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:border-orange-700\/50 { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:border-orange-700\/60 { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:border-orange-700\/70 { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:border-orange-700\/80 { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:border-orange-700\/90 { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:border-orange-800 { + border-color: var(--orange-800) + } + .lg\:border-orange-800\/10 { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:border-orange-800\/20 { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:border-orange-800\/30 { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:border-orange-800\/40 { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:border-orange-800\/50 { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:border-orange-800\/60 { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:border-orange-800\/70 { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:border-orange-800\/80 { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:border-orange-800\/90 { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:border-orange-900 { + border-color: var(--orange-900) + } + .lg\:border-orange-900\/10 { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:border-orange-900\/20 { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:border-orange-900\/30 { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:border-orange-900\/40 { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:border-orange-900\/50 { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:border-orange-900\/60 { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:border-orange-900\/70 { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:border-orange-900\/80 { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:border-orange-900\/90 { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:border-bluegray-50 { + border-color: var(--bluegray-50) + } + .lg\:border-bluegray-50\/10 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:border-bluegray-50\/20 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:border-bluegray-50\/30 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:border-bluegray-50\/40 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:border-bluegray-50\/50 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:border-bluegray-50\/60 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:border-bluegray-50\/70 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:border-bluegray-50\/80 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:border-bluegray-50\/90 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:border-bluegray-100 { + border-color: var(--bluegray-100) + } + .lg\:border-bluegray-100\/10 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:border-bluegray-100\/20 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:border-bluegray-100\/30 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:border-bluegray-100\/40 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:border-bluegray-100\/50 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:border-bluegray-100\/60 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:border-bluegray-100\/70 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:border-bluegray-100\/80 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:border-bluegray-100\/90 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:border-bluegray-200 { + border-color: var(--bluegray-200) + } + .lg\:border-bluegray-200\/10 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:border-bluegray-200\/20 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:border-bluegray-200\/30 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:border-bluegray-200\/40 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:border-bluegray-200\/50 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:border-bluegray-200\/60 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:border-bluegray-200\/70 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:border-bluegray-200\/80 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:border-bluegray-200\/90 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:border-bluegray-300 { + border-color: var(--bluegray-300) + } + .lg\:border-bluegray-300\/10 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:border-bluegray-300\/20 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:border-bluegray-300\/30 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:border-bluegray-300\/40 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:border-bluegray-300\/50 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:border-bluegray-300\/60 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:border-bluegray-300\/70 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:border-bluegray-300\/80 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:border-bluegray-300\/90 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:border-bluegray-400 { + border-color: var(--bluegray-400) + } + .lg\:border-bluegray-400\/10 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:border-bluegray-400\/20 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:border-bluegray-400\/30 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:border-bluegray-400\/40 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:border-bluegray-400\/50 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:border-bluegray-400\/60 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:border-bluegray-400\/70 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:border-bluegray-400\/80 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:border-bluegray-400\/90 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:border-bluegray-500 { + border-color: var(--bluegray-500) + } + .lg\:border-bluegray-500\/10 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:border-bluegray-500\/20 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:border-bluegray-500\/30 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:border-bluegray-500\/40 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:border-bluegray-500\/50 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:border-bluegray-500\/60 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:border-bluegray-500\/70 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:border-bluegray-500\/80 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:border-bluegray-500\/90 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:border-bluegray-600 { + border-color: var(--bluegray-600) + } + .lg\:border-bluegray-600\/10 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:border-bluegray-600\/20 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:border-bluegray-600\/30 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:border-bluegray-600\/40 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:border-bluegray-600\/50 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:border-bluegray-600\/60 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:border-bluegray-600\/70 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:border-bluegray-600\/80 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:border-bluegray-600\/90 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:border-bluegray-700 { + border-color: var(--bluegray-700) + } + .lg\:border-bluegray-700\/10 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:border-bluegray-700\/20 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:border-bluegray-700\/30 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:border-bluegray-700\/40 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:border-bluegray-700\/50 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:border-bluegray-700\/60 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:border-bluegray-700\/70 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:border-bluegray-700\/80 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:border-bluegray-700\/90 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:border-bluegray-800 { + border-color: var(--bluegray-800) + } + .lg\:border-bluegray-800\/10 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:border-bluegray-800\/20 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:border-bluegray-800\/30 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:border-bluegray-800\/40 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:border-bluegray-800\/50 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:border-bluegray-800\/60 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:border-bluegray-800\/70 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:border-bluegray-800\/80 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:border-bluegray-800\/90 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:border-bluegray-900 { + border-color: var(--bluegray-900) + } + .lg\:border-bluegray-900\/10 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:border-bluegray-900\/20 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:border-bluegray-900\/30 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:border-bluegray-900\/40 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:border-bluegray-900\/50 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:border-bluegray-900\/60 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:border-bluegray-900\/70 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:border-bluegray-900\/80 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:border-bluegray-900\/90 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:border-purple-50 { + border-color: var(--purple-50) + } + .lg\:border-purple-50\/10 { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:border-purple-50\/20 { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:border-purple-50\/30 { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:border-purple-50\/40 { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:border-purple-50\/50 { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:border-purple-50\/60 { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:border-purple-50\/70 { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:border-purple-50\/80 { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:border-purple-50\/90 { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:border-purple-100 { + border-color: var(--purple-100) + } + .lg\:border-purple-100\/10 { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:border-purple-100\/20 { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:border-purple-100\/30 { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:border-purple-100\/40 { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:border-purple-100\/50 { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:border-purple-100\/60 { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:border-purple-100\/70 { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:border-purple-100\/80 { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:border-purple-100\/90 { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:border-purple-200 { + border-color: var(--purple-200) + } + .lg\:border-purple-200\/10 { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:border-purple-200\/20 { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:border-purple-200\/30 { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:border-purple-200\/40 { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:border-purple-200\/50 { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:border-purple-200\/60 { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:border-purple-200\/70 { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:border-purple-200\/80 { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:border-purple-200\/90 { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:border-purple-300 { + border-color: var(--purple-300) + } + .lg\:border-purple-300\/10 { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:border-purple-300\/20 { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:border-purple-300\/30 { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:border-purple-300\/40 { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:border-purple-300\/50 { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:border-purple-300\/60 { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:border-purple-300\/70 { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:border-purple-300\/80 { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:border-purple-300\/90 { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:border-purple-400 { + border-color: var(--purple-400) + } + .lg\:border-purple-400\/10 { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:border-purple-400\/20 { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:border-purple-400\/30 { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:border-purple-400\/40 { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:border-purple-400\/50 { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:border-purple-400\/60 { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:border-purple-400\/70 { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:border-purple-400\/80 { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:border-purple-400\/90 { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:border-purple-500 { + border-color: var(--purple-500) + } + .lg\:border-purple-500\/10 { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:border-purple-500\/20 { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:border-purple-500\/30 { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:border-purple-500\/40 { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:border-purple-500\/50 { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:border-purple-500\/60 { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:border-purple-500\/70 { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:border-purple-500\/80 { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:border-purple-500\/90 { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:border-purple-600 { + border-color: var(--purple-600) + } + .lg\:border-purple-600\/10 { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:border-purple-600\/20 { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:border-purple-600\/30 { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:border-purple-600\/40 { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:border-purple-600\/50 { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:border-purple-600\/60 { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:border-purple-600\/70 { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:border-purple-600\/80 { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:border-purple-600\/90 { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:border-purple-700 { + border-color: var(--purple-700) + } + .lg\:border-purple-700\/10 { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:border-purple-700\/20 { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:border-purple-700\/30 { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:border-purple-700\/40 { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:border-purple-700\/50 { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:border-purple-700\/60 { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:border-purple-700\/70 { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:border-purple-700\/80 { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:border-purple-700\/90 { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:border-purple-800 { + border-color: var(--purple-800) + } + .lg\:border-purple-800\/10 { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:border-purple-800\/20 { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:border-purple-800\/30 { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:border-purple-800\/40 { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:border-purple-800\/50 { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:border-purple-800\/60 { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:border-purple-800\/70 { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:border-purple-800\/80 { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:border-purple-800\/90 { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:border-purple-900 { + border-color: var(--purple-900) + } + .lg\:border-purple-900\/10 { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:border-purple-900\/20 { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:border-purple-900\/30 { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:border-purple-900\/40 { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:border-purple-900\/50 { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:border-purple-900\/60 { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:border-purple-900\/70 { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:border-purple-900\/80 { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:border-purple-900\/90 { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:border-red-50 { + border-color: var(--red-50) + } + .lg\:border-red-50\/10 { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:border-red-50\/20 { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:border-red-50\/30 { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:border-red-50\/40 { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:border-red-50\/50 { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:border-red-50\/60 { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:border-red-50\/70 { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:border-red-50\/80 { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:border-red-50\/90 { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:border-red-100 { + border-color: var(--red-100) + } + .lg\:border-red-100\/10 { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:border-red-100\/20 { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:border-red-100\/30 { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:border-red-100\/40 { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:border-red-100\/50 { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:border-red-100\/60 { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:border-red-100\/70 { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:border-red-100\/80 { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:border-red-100\/90 { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:border-red-200 { + border-color: var(--red-200) + } + .lg\:border-red-200\/10 { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:border-red-200\/20 { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:border-red-200\/30 { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:border-red-200\/40 { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:border-red-200\/50 { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:border-red-200\/60 { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:border-red-200\/70 { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:border-red-200\/80 { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:border-red-200\/90 { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:border-red-300 { + border-color: var(--red-300) + } + .lg\:border-red-300\/10 { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:border-red-300\/20 { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:border-red-300\/30 { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:border-red-300\/40 { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:border-red-300\/50 { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:border-red-300\/60 { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:border-red-300\/70 { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:border-red-300\/80 { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:border-red-300\/90 { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:border-red-400 { + border-color: var(--red-400) + } + .lg\:border-red-400\/10 { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:border-red-400\/20 { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:border-red-400\/30 { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:border-red-400\/40 { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:border-red-400\/50 { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:border-red-400\/60 { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:border-red-400\/70 { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:border-red-400\/80 { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:border-red-400\/90 { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:border-red-500 { + border-color: var(--red-500) + } + .lg\:border-red-500\/10 { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:border-red-500\/20 { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:border-red-500\/30 { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:border-red-500\/40 { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:border-red-500\/50 { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:border-red-500\/60 { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:border-red-500\/70 { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:border-red-500\/80 { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:border-red-500\/90 { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:border-red-600 { + border-color: var(--red-600) + } + .lg\:border-red-600\/10 { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:border-red-600\/20 { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:border-red-600\/30 { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:border-red-600\/40 { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:border-red-600\/50 { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:border-red-600\/60 { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:border-red-600\/70 { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:border-red-600\/80 { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:border-red-600\/90 { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:border-red-700 { + border-color: var(--red-700) + } + .lg\:border-red-700\/10 { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:border-red-700\/20 { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:border-red-700\/30 { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:border-red-700\/40 { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:border-red-700\/50 { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:border-red-700\/60 { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:border-red-700\/70 { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:border-red-700\/80 { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:border-red-700\/90 { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:border-red-800 { + border-color: var(--red-800) + } + .lg\:border-red-800\/10 { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:border-red-800\/20 { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:border-red-800\/30 { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:border-red-800\/40 { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:border-red-800\/50 { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:border-red-800\/60 { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:border-red-800\/70 { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:border-red-800\/80 { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:border-red-800\/90 { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:border-red-900 { + border-color: var(--red-900) + } + .lg\:border-red-900\/10 { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:border-red-900\/20 { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:border-red-900\/30 { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:border-red-900\/40 { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:border-red-900\/50 { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:border-red-900\/60 { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:border-red-900\/70 { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:border-red-900\/80 { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:border-red-900\/90 { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:border-gray-50 { + border-color: var(--gray-50) + } + .lg\:border-gray-50\/10 { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:border-gray-50\/20 { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:border-gray-50\/30 { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:border-gray-50\/40 { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:border-gray-50\/50 { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:border-gray-50\/60 { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:border-gray-50\/70 { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:border-gray-50\/80 { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:border-gray-50\/90 { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:border-gray-100 { + border-color: var(--gray-100) + } + .lg\:border-gray-100\/10 { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:border-gray-100\/20 { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:border-gray-100\/30 { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:border-gray-100\/40 { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:border-gray-100\/50 { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:border-gray-100\/60 { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:border-gray-100\/70 { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:border-gray-100\/80 { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:border-gray-100\/90 { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:border-gray-200 { + border-color: var(--gray-200) + } + .lg\:border-gray-200\/10 { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:border-gray-200\/20 { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:border-gray-200\/30 { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:border-gray-200\/40 { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:border-gray-200\/50 { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:border-gray-200\/60 { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:border-gray-200\/70 { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:border-gray-200\/80 { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:border-gray-200\/90 { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:border-gray-300 { + border-color: var(--gray-300) + } + .lg\:border-gray-300\/10 { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:border-gray-300\/20 { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:border-gray-300\/30 { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:border-gray-300\/40 { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:border-gray-300\/50 { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:border-gray-300\/60 { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:border-gray-300\/70 { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:border-gray-300\/80 { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:border-gray-300\/90 { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:border-gray-400 { + border-color: var(--gray-400) + } + .lg\:border-gray-400\/10 { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:border-gray-400\/20 { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:border-gray-400\/30 { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:border-gray-400\/40 { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:border-gray-400\/50 { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:border-gray-400\/60 { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:border-gray-400\/70 { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:border-gray-400\/80 { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:border-gray-400\/90 { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:border-gray-500 { + border-color: var(--gray-500) + } + .lg\:border-gray-500\/10 { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:border-gray-500\/20 { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:border-gray-500\/30 { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:border-gray-500\/40 { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:border-gray-500\/50 { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:border-gray-500\/60 { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:border-gray-500\/70 { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:border-gray-500\/80 { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:border-gray-500\/90 { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:border-gray-600 { + border-color: var(--gray-600) + } + .lg\:border-gray-600\/10 { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:border-gray-600\/20 { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:border-gray-600\/30 { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:border-gray-600\/40 { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:border-gray-600\/50 { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:border-gray-600\/60 { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:border-gray-600\/70 { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:border-gray-600\/80 { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:border-gray-600\/90 { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:border-gray-700 { + border-color: var(--gray-700) + } + .lg\:border-gray-700\/10 { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:border-gray-700\/20 { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:border-gray-700\/30 { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:border-gray-700\/40 { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:border-gray-700\/50 { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:border-gray-700\/60 { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:border-gray-700\/70 { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:border-gray-700\/80 { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:border-gray-700\/90 { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:border-gray-800 { + border-color: var(--gray-800) + } + .lg\:border-gray-800\/10 { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:border-gray-800\/20 { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:border-gray-800\/30 { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:border-gray-800\/40 { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:border-gray-800\/50 { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:border-gray-800\/60 { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:border-gray-800\/70 { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:border-gray-800\/80 { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:border-gray-800\/90 { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:border-gray-900 { + border-color: var(--gray-900) + } + .lg\:border-gray-900\/10 { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:border-gray-900\/20 { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:border-gray-900\/30 { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:border-gray-900\/40 { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:border-gray-900\/50 { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:border-gray-900\/60 { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:border-gray-900\/70 { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:border-gray-900\/80 { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:border-gray-900\/90 { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:border-surface-0 { + border-color: var(--surface-0) + } + .lg\:border-surface-0\/10 { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:border-surface-0\/20 { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:border-surface-0\/30 { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:border-surface-0\/40 { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:border-surface-0\/50 { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:border-surface-0\/60 { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:border-surface-0\/70 { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:border-surface-0\/80 { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:border-surface-0\/90 { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:border-surface-50 { + border-color: var(--surface-50) + } + .lg\:border-surface-50\/10 { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:border-surface-50\/20 { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:border-surface-50\/30 { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:border-surface-50\/40 { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:border-surface-50\/50 { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:border-surface-50\/60 { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:border-surface-50\/70 { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:border-surface-50\/80 { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:border-surface-50\/90 { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:border-surface-100 { + border-color: var(--surface-100) + } + .lg\:border-surface-100\/10 { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:border-surface-100\/20 { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:border-surface-100\/30 { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:border-surface-100\/40 { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:border-surface-100\/50 { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:border-surface-100\/60 { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:border-surface-100\/70 { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:border-surface-100\/80 { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:border-surface-100\/90 { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:border-surface-200 { + border-color: var(--surface-200) + } + .lg\:border-surface-200\/10 { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:border-surface-200\/20 { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:border-surface-200\/30 { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:border-surface-200\/40 { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:border-surface-200\/50 { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:border-surface-200\/60 { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:border-surface-200\/70 { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:border-surface-200\/80 { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:border-surface-200\/90 { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:border-surface-300 { + border-color: var(--surface-300) + } + .lg\:border-surface-300\/10 { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:border-surface-300\/20 { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:border-surface-300\/30 { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:border-surface-300\/40 { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:border-surface-300\/50 { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:border-surface-300\/60 { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:border-surface-300\/70 { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:border-surface-300\/80 { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:border-surface-300\/90 { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:border-surface-400 { + border-color: var(--surface-400) + } + .lg\:border-surface-400\/10 { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:border-surface-400\/20 { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:border-surface-400\/30 { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:border-surface-400\/40 { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:border-surface-400\/50 { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:border-surface-400\/60 { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:border-surface-400\/70 { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:border-surface-400\/80 { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:border-surface-400\/90 { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:border-surface-500 { + border-color: var(--surface-500) + } + .lg\:border-surface-500\/10 { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:border-surface-500\/20 { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:border-surface-500\/30 { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:border-surface-500\/40 { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:border-surface-500\/50 { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:border-surface-500\/60 { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:border-surface-500\/70 { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:border-surface-500\/80 { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:border-surface-500\/90 { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:border-surface-600 { + border-color: var(--surface-600) + } + .lg\:border-surface-600\/10 { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:border-surface-600\/20 { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:border-surface-600\/30 { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:border-surface-600\/40 { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:border-surface-600\/50 { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:border-surface-600\/60 { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:border-surface-600\/70 { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:border-surface-600\/80 { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:border-surface-600\/90 { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:border-surface-700 { + border-color: var(--surface-700) + } + .lg\:border-surface-700\/10 { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:border-surface-700\/20 { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:border-surface-700\/30 { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:border-surface-700\/40 { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:border-surface-700\/50 { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:border-surface-700\/60 { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:border-surface-700\/70 { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:border-surface-700\/80 { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:border-surface-700\/90 { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:border-surface-800 { + border-color: var(--surface-800) + } + .lg\:border-surface-800\/10 { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:border-surface-800\/20 { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:border-surface-800\/30 { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:border-surface-800\/40 { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:border-surface-800\/50 { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:border-surface-800\/60 { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:border-surface-800\/70 { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:border-surface-800\/80 { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:border-surface-800\/90 { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:border-surface-900 { + border-color: var(--surface-900) + } + .lg\:border-surface-900\/10 { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:border-surface-900\/20 { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:border-surface-900\/30 { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:border-surface-900\/40 { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:border-surface-900\/50 { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:border-surface-900\/60 { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:border-surface-900\/70 { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:border-surface-900\/80 { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:border-surface-900\/90 { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:border-primary-50 { + border-color: var(--primary-50) + } + .lg\:border-primary-50\/10 { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:border-primary-50\/20 { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:border-primary-50\/30 { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:border-primary-50\/40 { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:border-primary-50\/50 { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:border-primary-50\/60 { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:border-primary-50\/70 { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:border-primary-50\/80 { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:border-primary-50\/90 { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:border-primary-100 { + border-color: var(--primary-100) + } + .lg\:border-primary-100\/10 { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:border-primary-100\/20 { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:border-primary-100\/30 { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:border-primary-100\/40 { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:border-primary-100\/50 { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:border-primary-100\/60 { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:border-primary-100\/70 { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:border-primary-100\/80 { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:border-primary-100\/90 { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:border-primary-200 { + border-color: var(--primary-200) + } + .lg\:border-primary-200\/10 { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:border-primary-200\/20 { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:border-primary-200\/30 { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:border-primary-200\/40 { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:border-primary-200\/50 { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:border-primary-200\/60 { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:border-primary-200\/70 { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:border-primary-200\/80 { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:border-primary-200\/90 { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:border-primary-300 { + border-color: var(--primary-300) + } + .lg\:border-primary-300\/10 { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:border-primary-300\/20 { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:border-primary-300\/30 { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:border-primary-300\/40 { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:border-primary-300\/50 { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:border-primary-300\/60 { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:border-primary-300\/70 { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:border-primary-300\/80 { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:border-primary-300\/90 { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:border-primary-400 { + border-color: var(--primary-400) + } + .lg\:border-primary-400\/10 { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:border-primary-400\/20 { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:border-primary-400\/30 { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:border-primary-400\/40 { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:border-primary-400\/50 { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:border-primary-400\/60 { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:border-primary-400\/70 { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:border-primary-400\/80 { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:border-primary-400\/90 { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:border-primary-500 { + border-color: var(--primary-500) + } + .lg\:border-primary-500\/10 { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:border-primary-500\/20 { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:border-primary-500\/30 { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:border-primary-500\/40 { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:border-primary-500\/50 { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:border-primary-500\/60 { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:border-primary-500\/70 { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:border-primary-500\/80 { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:border-primary-500\/90 { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:border-primary-600 { + border-color: var(--primary-600) + } + .lg\:border-primary-600\/10 { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:border-primary-600\/20 { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:border-primary-600\/30 { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:border-primary-600\/40 { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:border-primary-600\/50 { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:border-primary-600\/60 { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:border-primary-600\/70 { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:border-primary-600\/80 { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:border-primary-600\/90 { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:border-primary-700 { + border-color: var(--primary-700) + } + .lg\:border-primary-700\/10 { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:border-primary-700\/20 { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:border-primary-700\/30 { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:border-primary-700\/40 { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:border-primary-700\/50 { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:border-primary-700\/60 { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:border-primary-700\/70 { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:border-primary-700\/80 { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:border-primary-700\/90 { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:border-primary-800 { + border-color: var(--primary-800) + } + .lg\:border-primary-800\/10 { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:border-primary-800\/20 { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:border-primary-800\/30 { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:border-primary-800\/40 { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:border-primary-800\/50 { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:border-primary-800\/60 { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:border-primary-800\/70 { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:border-primary-800\/80 { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:border-primary-800\/90 { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:border-primary-900 { + border-color: var(--primary-900) + } + .lg\:border-primary-900\/10 { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:border-primary-900\/20 { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:border-primary-900\/30 { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:border-primary-900\/40 { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:border-primary-900\/50 { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:border-primary-900\/60 { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:border-primary-900\/70 { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:border-primary-900\/80 { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:border-primary-900\/90 { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:border-blue-50:focus { + border-color: var(--blue-50) + } + .lg\:hover\:border-blue-50:hover { + border-color: var(--blue-50) + } + .lg\:active\:border-blue-50:active { + border-color: var(--blue-50) + } + .lg\:focus\:border-blue-50\/10:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:border-blue-50\/10:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:border-blue-50\/10:active { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:border-blue-50\/20:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:border-blue-50\/20:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:border-blue-50\/20:active { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:border-blue-50\/30:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:border-blue-50\/30:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:border-blue-50\/30:active { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:border-blue-50\/40:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:border-blue-50\/40:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:border-blue-50\/40:active { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:border-blue-50\/50:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:border-blue-50\/50:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:border-blue-50\/50:active { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:border-blue-50\/60:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:border-blue-50\/60:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:border-blue-50\/60:active { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:border-blue-50\/70:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:border-blue-50\/70:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:border-blue-50\/70:active { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:border-blue-50\/80:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:border-blue-50\/80:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:border-blue-50\/80:active { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:border-blue-50\/90:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:border-blue-50\/90:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:border-blue-50\/90:active { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:border-blue-100:focus { + border-color: var(--blue-100) + } + .lg\:hover\:border-blue-100:hover { + border-color: var(--blue-100) + } + .lg\:active\:border-blue-100:active { + border-color: var(--blue-100) + } + .lg\:focus\:border-blue-100\/10:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:border-blue-100\/10:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:border-blue-100\/10:active { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:border-blue-100\/20:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:border-blue-100\/20:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:border-blue-100\/20:active { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:border-blue-100\/30:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:border-blue-100\/30:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:border-blue-100\/30:active { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:border-blue-100\/40:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:border-blue-100\/40:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:border-blue-100\/40:active { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:border-blue-100\/50:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:border-blue-100\/50:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:border-blue-100\/50:active { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:border-blue-100\/60:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:border-blue-100\/60:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:border-blue-100\/60:active { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:border-blue-100\/70:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:border-blue-100\/70:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:border-blue-100\/70:active { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:border-blue-100\/80:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:border-blue-100\/80:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:border-blue-100\/80:active { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:border-blue-100\/90:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:border-blue-100\/90:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:border-blue-100\/90:active { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:border-blue-200:focus { + border-color: var(--blue-200) + } + .lg\:hover\:border-blue-200:hover { + border-color: var(--blue-200) + } + .lg\:active\:border-blue-200:active { + border-color: var(--blue-200) + } + .lg\:focus\:border-blue-200\/10:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:border-blue-200\/10:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:border-blue-200\/10:active { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:border-blue-200\/20:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:border-blue-200\/20:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:border-blue-200\/20:active { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:border-blue-200\/30:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:border-blue-200\/30:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:border-blue-200\/30:active { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:border-blue-200\/40:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:border-blue-200\/40:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:border-blue-200\/40:active { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:border-blue-200\/50:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:border-blue-200\/50:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:border-blue-200\/50:active { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:border-blue-200\/60:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:border-blue-200\/60:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:border-blue-200\/60:active { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:border-blue-200\/70:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:border-blue-200\/70:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:border-blue-200\/70:active { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:border-blue-200\/80:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:border-blue-200\/80:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:border-blue-200\/80:active { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:border-blue-200\/90:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:border-blue-200\/90:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:border-blue-200\/90:active { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:border-blue-300:focus { + border-color: var(--blue-300) + } + .lg\:hover\:border-blue-300:hover { + border-color: var(--blue-300) + } + .lg\:active\:border-blue-300:active { + border-color: var(--blue-300) + } + .lg\:focus\:border-blue-300\/10:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:border-blue-300\/10:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:border-blue-300\/10:active { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:border-blue-300\/20:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:border-blue-300\/20:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:border-blue-300\/20:active { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:border-blue-300\/30:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:border-blue-300\/30:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:border-blue-300\/30:active { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:border-blue-300\/40:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:border-blue-300\/40:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:border-blue-300\/40:active { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:border-blue-300\/50:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:border-blue-300\/50:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:border-blue-300\/50:active { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:border-blue-300\/60:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:border-blue-300\/60:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:border-blue-300\/60:active { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:border-blue-300\/70:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:border-blue-300\/70:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:border-blue-300\/70:active { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:border-blue-300\/80:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:border-blue-300\/80:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:border-blue-300\/80:active { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:border-blue-300\/90:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:border-blue-300\/90:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:border-blue-300\/90:active { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:border-blue-400:focus { + border-color: var(--blue-400) + } + .lg\:hover\:border-blue-400:hover { + border-color: var(--blue-400) + } + .lg\:active\:border-blue-400:active { + border-color: var(--blue-400) + } + .lg\:focus\:border-blue-400\/10:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:border-blue-400\/10:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:border-blue-400\/10:active { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:border-blue-400\/20:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:border-blue-400\/20:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:border-blue-400\/20:active { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:border-blue-400\/30:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:border-blue-400\/30:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:border-blue-400\/30:active { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:border-blue-400\/40:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:border-blue-400\/40:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:border-blue-400\/40:active { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:border-blue-400\/50:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:border-blue-400\/50:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:border-blue-400\/50:active { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:border-blue-400\/60:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:border-blue-400\/60:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:border-blue-400\/60:active { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:border-blue-400\/70:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:border-blue-400\/70:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:border-blue-400\/70:active { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:border-blue-400\/80:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:border-blue-400\/80:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:border-blue-400\/80:active { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:border-blue-400\/90:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:border-blue-400\/90:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:border-blue-400\/90:active { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:border-blue-500:focus { + border-color: var(--blue-500) + } + .lg\:hover\:border-blue-500:hover { + border-color: var(--blue-500) + } + .lg\:active\:border-blue-500:active { + border-color: var(--blue-500) + } + .lg\:focus\:border-blue-500\/10:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:border-blue-500\/10:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:border-blue-500\/10:active { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:border-blue-500\/20:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:border-blue-500\/20:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:border-blue-500\/20:active { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:border-blue-500\/30:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:border-blue-500\/30:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:border-blue-500\/30:active { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:border-blue-500\/40:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:border-blue-500\/40:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:border-blue-500\/40:active { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:border-blue-500\/50:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:border-blue-500\/50:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:border-blue-500\/50:active { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:border-blue-500\/60:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:border-blue-500\/60:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:border-blue-500\/60:active { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:border-blue-500\/70:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:border-blue-500\/70:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:border-blue-500\/70:active { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:border-blue-500\/80:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:border-blue-500\/80:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:border-blue-500\/80:active { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:border-blue-500\/90:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:border-blue-500\/90:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:border-blue-500\/90:active { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:border-blue-600:focus { + border-color: var(--blue-600) + } + .lg\:hover\:border-blue-600:hover { + border-color: var(--blue-600) + } + .lg\:active\:border-blue-600:active { + border-color: var(--blue-600) + } + .lg\:focus\:border-blue-600\/10:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:border-blue-600\/10:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:border-blue-600\/10:active { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:border-blue-600\/20:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:border-blue-600\/20:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:border-blue-600\/20:active { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:border-blue-600\/30:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:border-blue-600\/30:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:border-blue-600\/30:active { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:border-blue-600\/40:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:border-blue-600\/40:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:border-blue-600\/40:active { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:border-blue-600\/50:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:border-blue-600\/50:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:border-blue-600\/50:active { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:border-blue-600\/60:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:border-blue-600\/60:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:border-blue-600\/60:active { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:border-blue-600\/70:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:border-blue-600\/70:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:border-blue-600\/70:active { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:border-blue-600\/80:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:border-blue-600\/80:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:border-blue-600\/80:active { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:border-blue-600\/90:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:border-blue-600\/90:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:border-blue-600\/90:active { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:border-blue-700:focus { + border-color: var(--blue-700) + } + .lg\:hover\:border-blue-700:hover { + border-color: var(--blue-700) + } + .lg\:active\:border-blue-700:active { + border-color: var(--blue-700) + } + .lg\:focus\:border-blue-700\/10:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:border-blue-700\/10:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:border-blue-700\/10:active { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:border-blue-700\/20:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:border-blue-700\/20:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:border-blue-700\/20:active { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:border-blue-700\/30:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:border-blue-700\/30:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:border-blue-700\/30:active { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:border-blue-700\/40:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:border-blue-700\/40:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:border-blue-700\/40:active { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:border-blue-700\/50:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:border-blue-700\/50:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:border-blue-700\/50:active { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:border-blue-700\/60:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:border-blue-700\/60:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:border-blue-700\/60:active { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:border-blue-700\/70:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:border-blue-700\/70:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:border-blue-700\/70:active { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:border-blue-700\/80:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:border-blue-700\/80:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:border-blue-700\/80:active { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:border-blue-700\/90:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:border-blue-700\/90:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:border-blue-700\/90:active { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:border-blue-800:focus { + border-color: var(--blue-800) + } + .lg\:hover\:border-blue-800:hover { + border-color: var(--blue-800) + } + .lg\:active\:border-blue-800:active { + border-color: var(--blue-800) + } + .lg\:focus\:border-blue-800\/10:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:border-blue-800\/10:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:border-blue-800\/10:active { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:border-blue-800\/20:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:border-blue-800\/20:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:border-blue-800\/20:active { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:border-blue-800\/30:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:border-blue-800\/30:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:border-blue-800\/30:active { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:border-blue-800\/40:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:border-blue-800\/40:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:border-blue-800\/40:active { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:border-blue-800\/50:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:border-blue-800\/50:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:border-blue-800\/50:active { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:border-blue-800\/60:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:border-blue-800\/60:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:border-blue-800\/60:active { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:border-blue-800\/70:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:border-blue-800\/70:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:border-blue-800\/70:active { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:border-blue-800\/80:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:border-blue-800\/80:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:border-blue-800\/80:active { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:border-blue-800\/90:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:border-blue-800\/90:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:border-blue-800\/90:active { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:border-blue-900:focus { + border-color: var(--blue-900) + } + .lg\:hover\:border-blue-900:hover { + border-color: var(--blue-900) + } + .lg\:active\:border-blue-900:active { + border-color: var(--blue-900) + } + .lg\:focus\:border-blue-900\/10:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:border-blue-900\/10:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:border-blue-900\/10:active { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:border-blue-900\/20:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:border-blue-900\/20:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:border-blue-900\/20:active { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:border-blue-900\/30:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:border-blue-900\/30:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:border-blue-900\/30:active { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:border-blue-900\/40:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:border-blue-900\/40:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:border-blue-900\/40:active { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:border-blue-900\/50:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:border-blue-900\/50:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:border-blue-900\/50:active { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:border-blue-900\/60:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:border-blue-900\/60:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:border-blue-900\/60:active { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:border-blue-900\/70:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:border-blue-900\/70:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:border-blue-900\/70:active { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:border-blue-900\/80:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:border-blue-900\/80:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:border-blue-900\/80:active { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:border-blue-900\/90:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:border-blue-900\/90:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:border-blue-900\/90:active { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:border-green-50:focus { + border-color: var(--green-50) + } + .lg\:hover\:border-green-50:hover { + border-color: var(--green-50) + } + .lg\:active\:border-green-50:active { + border-color: var(--green-50) + } + .lg\:focus\:border-green-50\/10:focus { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:border-green-50\/10:hover { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:border-green-50\/10:active { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:border-green-50\/20:focus { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:border-green-50\/20:hover { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:border-green-50\/20:active { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:border-green-50\/30:focus { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:border-green-50\/30:hover { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:border-green-50\/30:active { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:border-green-50\/40:focus { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:border-green-50\/40:hover { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:border-green-50\/40:active { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:border-green-50\/50:focus { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:border-green-50\/50:hover { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:border-green-50\/50:active { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:border-green-50\/60:focus { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:border-green-50\/60:hover { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:border-green-50\/60:active { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:border-green-50\/70:focus { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:border-green-50\/70:hover { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:border-green-50\/70:active { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:border-green-50\/80:focus { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:border-green-50\/80:hover { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:border-green-50\/80:active { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:border-green-50\/90:focus { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:border-green-50\/90:hover { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:border-green-50\/90:active { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:border-green-100:focus { + border-color: var(--green-100) + } + .lg\:hover\:border-green-100:hover { + border-color: var(--green-100) + } + .lg\:active\:border-green-100:active { + border-color: var(--green-100) + } + .lg\:focus\:border-green-100\/10:focus { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:border-green-100\/10:hover { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:border-green-100\/10:active { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:border-green-100\/20:focus { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:border-green-100\/20:hover { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:border-green-100\/20:active { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:border-green-100\/30:focus { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:border-green-100\/30:hover { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:border-green-100\/30:active { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:border-green-100\/40:focus { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:border-green-100\/40:hover { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:border-green-100\/40:active { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:border-green-100\/50:focus { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:border-green-100\/50:hover { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:border-green-100\/50:active { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:border-green-100\/60:focus { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:border-green-100\/60:hover { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:border-green-100\/60:active { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:border-green-100\/70:focus { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:border-green-100\/70:hover { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:border-green-100\/70:active { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:border-green-100\/80:focus { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:border-green-100\/80:hover { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:border-green-100\/80:active { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:border-green-100\/90:focus { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:border-green-100\/90:hover { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:border-green-100\/90:active { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:border-green-200:focus { + border-color: var(--green-200) + } + .lg\:hover\:border-green-200:hover { + border-color: var(--green-200) + } + .lg\:active\:border-green-200:active { + border-color: var(--green-200) + } + .lg\:focus\:border-green-200\/10:focus { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:border-green-200\/10:hover { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:border-green-200\/10:active { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:border-green-200\/20:focus { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:border-green-200\/20:hover { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:border-green-200\/20:active { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:border-green-200\/30:focus { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:border-green-200\/30:hover { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:border-green-200\/30:active { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:border-green-200\/40:focus { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:border-green-200\/40:hover { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:border-green-200\/40:active { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:border-green-200\/50:focus { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:border-green-200\/50:hover { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:border-green-200\/50:active { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:border-green-200\/60:focus { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:border-green-200\/60:hover { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:border-green-200\/60:active { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:border-green-200\/70:focus { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:border-green-200\/70:hover { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:border-green-200\/70:active { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:border-green-200\/80:focus { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:border-green-200\/80:hover { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:border-green-200\/80:active { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:border-green-200\/90:focus { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:border-green-200\/90:hover { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:border-green-200\/90:active { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:border-green-300:focus { + border-color: var(--green-300) + } + .lg\:hover\:border-green-300:hover { + border-color: var(--green-300) + } + .lg\:active\:border-green-300:active { + border-color: var(--green-300) + } + .lg\:focus\:border-green-300\/10:focus { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:border-green-300\/10:hover { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:border-green-300\/10:active { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:border-green-300\/20:focus { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:border-green-300\/20:hover { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:border-green-300\/20:active { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:border-green-300\/30:focus { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:border-green-300\/30:hover { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:border-green-300\/30:active { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:border-green-300\/40:focus { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:border-green-300\/40:hover { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:border-green-300\/40:active { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:border-green-300\/50:focus { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:border-green-300\/50:hover { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:border-green-300\/50:active { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:border-green-300\/60:focus { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:border-green-300\/60:hover { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:border-green-300\/60:active { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:border-green-300\/70:focus { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:border-green-300\/70:hover { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:border-green-300\/70:active { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:border-green-300\/80:focus { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:border-green-300\/80:hover { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:border-green-300\/80:active { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:border-green-300\/90:focus { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:border-green-300\/90:hover { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:border-green-300\/90:active { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:border-green-400:focus { + border-color: var(--green-400) + } + .lg\:hover\:border-green-400:hover { + border-color: var(--green-400) + } + .lg\:active\:border-green-400:active { + border-color: var(--green-400) + } + .lg\:focus\:border-green-400\/10:focus { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:border-green-400\/10:hover { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:border-green-400\/10:active { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:border-green-400\/20:focus { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:border-green-400\/20:hover { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:border-green-400\/20:active { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:border-green-400\/30:focus { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:border-green-400\/30:hover { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:border-green-400\/30:active { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:border-green-400\/40:focus { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:border-green-400\/40:hover { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:border-green-400\/40:active { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:border-green-400\/50:focus { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:border-green-400\/50:hover { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:border-green-400\/50:active { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:border-green-400\/60:focus { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:border-green-400\/60:hover { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:border-green-400\/60:active { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:border-green-400\/70:focus { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:border-green-400\/70:hover { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:border-green-400\/70:active { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:border-green-400\/80:focus { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:border-green-400\/80:hover { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:border-green-400\/80:active { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:border-green-400\/90:focus { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:border-green-400\/90:hover { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:border-green-400\/90:active { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:border-green-500:focus { + border-color: var(--green-500) + } + .lg\:hover\:border-green-500:hover { + border-color: var(--green-500) + } + .lg\:active\:border-green-500:active { + border-color: var(--green-500) + } + .lg\:focus\:border-green-500\/10:focus { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:border-green-500\/10:hover { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:border-green-500\/10:active { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:border-green-500\/20:focus { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:border-green-500\/20:hover { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:border-green-500\/20:active { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:border-green-500\/30:focus { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:border-green-500\/30:hover { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:border-green-500\/30:active { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:border-green-500\/40:focus { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:border-green-500\/40:hover { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:border-green-500\/40:active { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:border-green-500\/50:focus { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:border-green-500\/50:hover { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:border-green-500\/50:active { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:border-green-500\/60:focus { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:border-green-500\/60:hover { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:border-green-500\/60:active { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:border-green-500\/70:focus { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:border-green-500\/70:hover { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:border-green-500\/70:active { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:border-green-500\/80:focus { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:border-green-500\/80:hover { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:border-green-500\/80:active { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:border-green-500\/90:focus { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:border-green-500\/90:hover { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:border-green-500\/90:active { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:border-green-600:focus { + border-color: var(--green-600) + } + .lg\:hover\:border-green-600:hover { + border-color: var(--green-600) + } + .lg\:active\:border-green-600:active { + border-color: var(--green-600) + } + .lg\:focus\:border-green-600\/10:focus { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:border-green-600\/10:hover { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:border-green-600\/10:active { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:border-green-600\/20:focus { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:border-green-600\/20:hover { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:border-green-600\/20:active { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:border-green-600\/30:focus { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:border-green-600\/30:hover { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:border-green-600\/30:active { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:border-green-600\/40:focus { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:border-green-600\/40:hover { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:border-green-600\/40:active { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:border-green-600\/50:focus { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:border-green-600\/50:hover { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:border-green-600\/50:active { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:border-green-600\/60:focus { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:border-green-600\/60:hover { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:border-green-600\/60:active { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:border-green-600\/70:focus { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:border-green-600\/70:hover { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:border-green-600\/70:active { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:border-green-600\/80:focus { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:border-green-600\/80:hover { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:border-green-600\/80:active { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:border-green-600\/90:focus { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:border-green-600\/90:hover { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:border-green-600\/90:active { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:border-green-700:focus { + border-color: var(--green-700) + } + .lg\:hover\:border-green-700:hover { + border-color: var(--green-700) + } + .lg\:active\:border-green-700:active { + border-color: var(--green-700) + } + .lg\:focus\:border-green-700\/10:focus { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:border-green-700\/10:hover { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:border-green-700\/10:active { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:border-green-700\/20:focus { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:border-green-700\/20:hover { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:border-green-700\/20:active { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:border-green-700\/30:focus { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:border-green-700\/30:hover { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:border-green-700\/30:active { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:border-green-700\/40:focus { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:border-green-700\/40:hover { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:border-green-700\/40:active { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:border-green-700\/50:focus { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:border-green-700\/50:hover { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:border-green-700\/50:active { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:border-green-700\/60:focus { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:border-green-700\/60:hover { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:border-green-700\/60:active { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:border-green-700\/70:focus { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:border-green-700\/70:hover { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:border-green-700\/70:active { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:border-green-700\/80:focus { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:border-green-700\/80:hover { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:border-green-700\/80:active { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:border-green-700\/90:focus { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:border-green-700\/90:hover { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:border-green-700\/90:active { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:border-green-800:focus { + border-color: var(--green-800) + } + .lg\:hover\:border-green-800:hover { + border-color: var(--green-800) + } + .lg\:active\:border-green-800:active { + border-color: var(--green-800) + } + .lg\:focus\:border-green-800\/10:focus { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:border-green-800\/10:hover { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:border-green-800\/10:active { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:border-green-800\/20:focus { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:border-green-800\/20:hover { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:border-green-800\/20:active { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:border-green-800\/30:focus { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:border-green-800\/30:hover { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:border-green-800\/30:active { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:border-green-800\/40:focus { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:border-green-800\/40:hover { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:border-green-800\/40:active { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:border-green-800\/50:focus { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:border-green-800\/50:hover { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:border-green-800\/50:active { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:border-green-800\/60:focus { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:border-green-800\/60:hover { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:border-green-800\/60:active { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:border-green-800\/70:focus { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:border-green-800\/70:hover { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:border-green-800\/70:active { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:border-green-800\/80:focus { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:border-green-800\/80:hover { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:border-green-800\/80:active { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:border-green-800\/90:focus { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:border-green-800\/90:hover { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:border-green-800\/90:active { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:border-green-900:focus { + border-color: var(--green-900) + } + .lg\:hover\:border-green-900:hover { + border-color: var(--green-900) + } + .lg\:active\:border-green-900:active { + border-color: var(--green-900) + } + .lg\:focus\:border-green-900\/10:focus { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:border-green-900\/10:hover { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:border-green-900\/10:active { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:border-green-900\/20:focus { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:border-green-900\/20:hover { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:border-green-900\/20:active { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:border-green-900\/30:focus { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:border-green-900\/30:hover { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:border-green-900\/30:active { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:border-green-900\/40:focus { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:border-green-900\/40:hover { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:border-green-900\/40:active { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:border-green-900\/50:focus { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:border-green-900\/50:hover { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:border-green-900\/50:active { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:border-green-900\/60:focus { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:border-green-900\/60:hover { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:border-green-900\/60:active { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:border-green-900\/70:focus { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:border-green-900\/70:hover { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:border-green-900\/70:active { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:border-green-900\/80:focus { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:border-green-900\/80:hover { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:border-green-900\/80:active { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:border-green-900\/90:focus { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:border-green-900\/90:hover { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:border-green-900\/90:active { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:border-yellow-50:focus { + border-color: var(--yellow-50) + } + .lg\:hover\:border-yellow-50:hover { + border-color: var(--yellow-50) + } + .lg\:active\:border-yellow-50:active { + border-color: var(--yellow-50) + } + .lg\:focus\:border-yellow-50\/10:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:border-yellow-50\/10:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:border-yellow-50\/10:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:border-yellow-50\/20:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:border-yellow-50\/20:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:border-yellow-50\/20:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:border-yellow-50\/30:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:border-yellow-50\/30:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:border-yellow-50\/30:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:border-yellow-50\/40:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:border-yellow-50\/40:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:border-yellow-50\/40:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:border-yellow-50\/50:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:border-yellow-50\/50:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:border-yellow-50\/50:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:border-yellow-50\/60:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:border-yellow-50\/60:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:border-yellow-50\/60:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:border-yellow-50\/70:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:border-yellow-50\/70:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:border-yellow-50\/70:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:border-yellow-50\/80:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:border-yellow-50\/80:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:border-yellow-50\/80:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:border-yellow-50\/90:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:border-yellow-50\/90:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:border-yellow-50\/90:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:border-yellow-100:focus { + border-color: var(--yellow-100) + } + .lg\:hover\:border-yellow-100:hover { + border-color: var(--yellow-100) + } + .lg\:active\:border-yellow-100:active { + border-color: var(--yellow-100) + } + .lg\:focus\:border-yellow-100\/10:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:border-yellow-100\/10:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:border-yellow-100\/10:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:border-yellow-100\/20:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:border-yellow-100\/20:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:border-yellow-100\/20:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:border-yellow-100\/30:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:border-yellow-100\/30:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:border-yellow-100\/30:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:border-yellow-100\/40:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:border-yellow-100\/40:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:border-yellow-100\/40:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:border-yellow-100\/50:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:border-yellow-100\/50:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:border-yellow-100\/50:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:border-yellow-100\/60:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:border-yellow-100\/60:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:border-yellow-100\/60:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:border-yellow-100\/70:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:border-yellow-100\/70:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:border-yellow-100\/70:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:border-yellow-100\/80:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:border-yellow-100\/80:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:border-yellow-100\/80:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:border-yellow-100\/90:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:border-yellow-100\/90:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:border-yellow-100\/90:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:border-yellow-200:focus { + border-color: var(--yellow-200) + } + .lg\:hover\:border-yellow-200:hover { + border-color: var(--yellow-200) + } + .lg\:active\:border-yellow-200:active { + border-color: var(--yellow-200) + } + .lg\:focus\:border-yellow-200\/10:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:border-yellow-200\/10:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:border-yellow-200\/10:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:border-yellow-200\/20:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:border-yellow-200\/20:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:border-yellow-200\/20:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:border-yellow-200\/30:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:border-yellow-200\/30:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:border-yellow-200\/30:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:border-yellow-200\/40:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:border-yellow-200\/40:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:border-yellow-200\/40:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:border-yellow-200\/50:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:border-yellow-200\/50:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:border-yellow-200\/50:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:border-yellow-200\/60:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:border-yellow-200\/60:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:border-yellow-200\/60:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:border-yellow-200\/70:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:border-yellow-200\/70:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:border-yellow-200\/70:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:border-yellow-200\/80:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:border-yellow-200\/80:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:border-yellow-200\/80:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:border-yellow-200\/90:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:border-yellow-200\/90:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:border-yellow-200\/90:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:border-yellow-300:focus { + border-color: var(--yellow-300) + } + .lg\:hover\:border-yellow-300:hover { + border-color: var(--yellow-300) + } + .lg\:active\:border-yellow-300:active { + border-color: var(--yellow-300) + } + .lg\:focus\:border-yellow-300\/10:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:border-yellow-300\/10:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:border-yellow-300\/10:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:border-yellow-300\/20:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:border-yellow-300\/20:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:border-yellow-300\/20:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:border-yellow-300\/30:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:border-yellow-300\/30:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:border-yellow-300\/30:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:border-yellow-300\/40:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:border-yellow-300\/40:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:border-yellow-300\/40:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:border-yellow-300\/50:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:border-yellow-300\/50:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:border-yellow-300\/50:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:border-yellow-300\/60:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:border-yellow-300\/60:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:border-yellow-300\/60:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:border-yellow-300\/70:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:border-yellow-300\/70:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:border-yellow-300\/70:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:border-yellow-300\/80:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:border-yellow-300\/80:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:border-yellow-300\/80:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:border-yellow-300\/90:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:border-yellow-300\/90:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:border-yellow-300\/90:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:border-yellow-400:focus { + border-color: var(--yellow-400) + } + .lg\:hover\:border-yellow-400:hover { + border-color: var(--yellow-400) + } + .lg\:active\:border-yellow-400:active { + border-color: var(--yellow-400) + } + .lg\:focus\:border-yellow-400\/10:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:border-yellow-400\/10:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:border-yellow-400\/10:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:border-yellow-400\/20:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:border-yellow-400\/20:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:border-yellow-400\/20:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:border-yellow-400\/30:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:border-yellow-400\/30:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:border-yellow-400\/30:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:border-yellow-400\/40:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:border-yellow-400\/40:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:border-yellow-400\/40:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:border-yellow-400\/50:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:border-yellow-400\/50:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:border-yellow-400\/50:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:border-yellow-400\/60:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:border-yellow-400\/60:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:border-yellow-400\/60:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:border-yellow-400\/70:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:border-yellow-400\/70:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:border-yellow-400\/70:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:border-yellow-400\/80:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:border-yellow-400\/80:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:border-yellow-400\/80:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:border-yellow-400\/90:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:border-yellow-400\/90:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:border-yellow-400\/90:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:border-yellow-500:focus { + border-color: var(--yellow-500) + } + .lg\:hover\:border-yellow-500:hover { + border-color: var(--yellow-500) + } + .lg\:active\:border-yellow-500:active { + border-color: var(--yellow-500) + } + .lg\:focus\:border-yellow-500\/10:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:border-yellow-500\/10:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:border-yellow-500\/10:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:border-yellow-500\/20:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:border-yellow-500\/20:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:border-yellow-500\/20:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:border-yellow-500\/30:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:border-yellow-500\/30:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:border-yellow-500\/30:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:border-yellow-500\/40:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:border-yellow-500\/40:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:border-yellow-500\/40:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:border-yellow-500\/50:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:border-yellow-500\/50:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:border-yellow-500\/50:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:border-yellow-500\/60:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:border-yellow-500\/60:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:border-yellow-500\/60:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:border-yellow-500\/70:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:border-yellow-500\/70:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:border-yellow-500\/70:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:border-yellow-500\/80:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:border-yellow-500\/80:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:border-yellow-500\/80:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:border-yellow-500\/90:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:border-yellow-500\/90:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:border-yellow-500\/90:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:border-yellow-600:focus { + border-color: var(--yellow-600) + } + .lg\:hover\:border-yellow-600:hover { + border-color: var(--yellow-600) + } + .lg\:active\:border-yellow-600:active { + border-color: var(--yellow-600) + } + .lg\:focus\:border-yellow-600\/10:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:border-yellow-600\/10:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:border-yellow-600\/10:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:border-yellow-600\/20:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:border-yellow-600\/20:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:border-yellow-600\/20:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:border-yellow-600\/30:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:border-yellow-600\/30:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:border-yellow-600\/30:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:border-yellow-600\/40:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:border-yellow-600\/40:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:border-yellow-600\/40:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:border-yellow-600\/50:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:border-yellow-600\/50:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:border-yellow-600\/50:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:border-yellow-600\/60:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:border-yellow-600\/60:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:border-yellow-600\/60:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:border-yellow-600\/70:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:border-yellow-600\/70:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:border-yellow-600\/70:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:border-yellow-600\/80:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:border-yellow-600\/80:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:border-yellow-600\/80:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:border-yellow-600\/90:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:border-yellow-600\/90:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:border-yellow-600\/90:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:border-yellow-700:focus { + border-color: var(--yellow-700) + } + .lg\:hover\:border-yellow-700:hover { + border-color: var(--yellow-700) + } + .lg\:active\:border-yellow-700:active { + border-color: var(--yellow-700) + } + .lg\:focus\:border-yellow-700\/10:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:border-yellow-700\/10:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:border-yellow-700\/10:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:border-yellow-700\/20:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:border-yellow-700\/20:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:border-yellow-700\/20:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:border-yellow-700\/30:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:border-yellow-700\/30:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:border-yellow-700\/30:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:border-yellow-700\/40:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:border-yellow-700\/40:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:border-yellow-700\/40:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:border-yellow-700\/50:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:border-yellow-700\/50:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:border-yellow-700\/50:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:border-yellow-700\/60:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:border-yellow-700\/60:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:border-yellow-700\/60:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:border-yellow-700\/70:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:border-yellow-700\/70:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:border-yellow-700\/70:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:border-yellow-700\/80:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:border-yellow-700\/80:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:border-yellow-700\/80:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:border-yellow-700\/90:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:border-yellow-700\/90:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:border-yellow-700\/90:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:border-yellow-800:focus { + border-color: var(--yellow-800) + } + .lg\:hover\:border-yellow-800:hover { + border-color: var(--yellow-800) + } + .lg\:active\:border-yellow-800:active { + border-color: var(--yellow-800) + } + .lg\:focus\:border-yellow-800\/10:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:border-yellow-800\/10:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:border-yellow-800\/10:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:border-yellow-800\/20:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:border-yellow-800\/20:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:border-yellow-800\/20:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:border-yellow-800\/30:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:border-yellow-800\/30:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:border-yellow-800\/30:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:border-yellow-800\/40:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:border-yellow-800\/40:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:border-yellow-800\/40:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:border-yellow-800\/50:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:border-yellow-800\/50:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:border-yellow-800\/50:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:border-yellow-800\/60:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:border-yellow-800\/60:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:border-yellow-800\/60:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:border-yellow-800\/70:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:border-yellow-800\/70:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:border-yellow-800\/70:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:border-yellow-800\/80:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:border-yellow-800\/80:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:border-yellow-800\/80:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:border-yellow-800\/90:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:border-yellow-800\/90:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:border-yellow-800\/90:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:border-yellow-900:focus { + border-color: var(--yellow-900) + } + .lg\:hover\:border-yellow-900:hover { + border-color: var(--yellow-900) + } + .lg\:active\:border-yellow-900:active { + border-color: var(--yellow-900) + } + .lg\:focus\:border-yellow-900\/10:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:border-yellow-900\/10:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:border-yellow-900\/10:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:border-yellow-900\/20:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:border-yellow-900\/20:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:border-yellow-900\/20:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:border-yellow-900\/30:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:border-yellow-900\/30:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:border-yellow-900\/30:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:border-yellow-900\/40:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:border-yellow-900\/40:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:border-yellow-900\/40:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:border-yellow-900\/50:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:border-yellow-900\/50:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:border-yellow-900\/50:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:border-yellow-900\/60:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:border-yellow-900\/60:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:border-yellow-900\/60:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:border-yellow-900\/70:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:border-yellow-900\/70:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:border-yellow-900\/70:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:border-yellow-900\/80:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:border-yellow-900\/80:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:border-yellow-900\/80:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:border-yellow-900\/90:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:border-yellow-900\/90:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:border-yellow-900\/90:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:border-cyan-50:focus { + border-color: var(--cyan-50) + } + .lg\:hover\:border-cyan-50:hover { + border-color: var(--cyan-50) + } + .lg\:active\:border-cyan-50:active { + border-color: var(--cyan-50) + } + .lg\:focus\:border-cyan-50\/10:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:border-cyan-50\/10:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:border-cyan-50\/10:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:border-cyan-50\/20:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:border-cyan-50\/20:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:border-cyan-50\/20:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:border-cyan-50\/30:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:border-cyan-50\/30:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:border-cyan-50\/30:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:border-cyan-50\/40:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:border-cyan-50\/40:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:border-cyan-50\/40:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:border-cyan-50\/50:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:border-cyan-50\/50:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:border-cyan-50\/50:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:border-cyan-50\/60:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:border-cyan-50\/60:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:border-cyan-50\/60:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:border-cyan-50\/70:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:border-cyan-50\/70:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:border-cyan-50\/70:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:border-cyan-50\/80:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:border-cyan-50\/80:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:border-cyan-50\/80:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:border-cyan-50\/90:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:border-cyan-50\/90:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:border-cyan-50\/90:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:border-cyan-100:focus { + border-color: var(--cyan-100) + } + .lg\:hover\:border-cyan-100:hover { + border-color: var(--cyan-100) + } + .lg\:active\:border-cyan-100:active { + border-color: var(--cyan-100) + } + .lg\:focus\:border-cyan-100\/10:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:border-cyan-100\/10:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:border-cyan-100\/10:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:border-cyan-100\/20:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:border-cyan-100\/20:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:border-cyan-100\/20:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:border-cyan-100\/30:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:border-cyan-100\/30:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:border-cyan-100\/30:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:border-cyan-100\/40:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:border-cyan-100\/40:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:border-cyan-100\/40:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:border-cyan-100\/50:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:border-cyan-100\/50:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:border-cyan-100\/50:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:border-cyan-100\/60:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:border-cyan-100\/60:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:border-cyan-100\/60:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:border-cyan-100\/70:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:border-cyan-100\/70:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:border-cyan-100\/70:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:border-cyan-100\/80:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:border-cyan-100\/80:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:border-cyan-100\/80:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:border-cyan-100\/90:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:border-cyan-100\/90:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:border-cyan-100\/90:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:border-cyan-200:focus { + border-color: var(--cyan-200) + } + .lg\:hover\:border-cyan-200:hover { + border-color: var(--cyan-200) + } + .lg\:active\:border-cyan-200:active { + border-color: var(--cyan-200) + } + .lg\:focus\:border-cyan-200\/10:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:border-cyan-200\/10:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:border-cyan-200\/10:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:border-cyan-200\/20:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:border-cyan-200\/20:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:border-cyan-200\/20:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:border-cyan-200\/30:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:border-cyan-200\/30:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:border-cyan-200\/30:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:border-cyan-200\/40:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:border-cyan-200\/40:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:border-cyan-200\/40:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:border-cyan-200\/50:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:border-cyan-200\/50:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:border-cyan-200\/50:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:border-cyan-200\/60:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:border-cyan-200\/60:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:border-cyan-200\/60:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:border-cyan-200\/70:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:border-cyan-200\/70:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:border-cyan-200\/70:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:border-cyan-200\/80:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:border-cyan-200\/80:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:border-cyan-200\/80:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:border-cyan-200\/90:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:border-cyan-200\/90:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:border-cyan-200\/90:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:border-cyan-300:focus { + border-color: var(--cyan-300) + } + .lg\:hover\:border-cyan-300:hover { + border-color: var(--cyan-300) + } + .lg\:active\:border-cyan-300:active { + border-color: var(--cyan-300) + } + .lg\:focus\:border-cyan-300\/10:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:border-cyan-300\/10:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:border-cyan-300\/10:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:border-cyan-300\/20:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:border-cyan-300\/20:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:border-cyan-300\/20:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:border-cyan-300\/30:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:border-cyan-300\/30:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:border-cyan-300\/30:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:border-cyan-300\/40:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:border-cyan-300\/40:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:border-cyan-300\/40:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:border-cyan-300\/50:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:border-cyan-300\/50:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:border-cyan-300\/50:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:border-cyan-300\/60:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:border-cyan-300\/60:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:border-cyan-300\/60:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:border-cyan-300\/70:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:border-cyan-300\/70:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:border-cyan-300\/70:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:border-cyan-300\/80:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:border-cyan-300\/80:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:border-cyan-300\/80:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:border-cyan-300\/90:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:border-cyan-300\/90:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:border-cyan-300\/90:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:border-cyan-400:focus { + border-color: var(--cyan-400) + } + .lg\:hover\:border-cyan-400:hover { + border-color: var(--cyan-400) + } + .lg\:active\:border-cyan-400:active { + border-color: var(--cyan-400) + } + .lg\:focus\:border-cyan-400\/10:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:border-cyan-400\/10:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:border-cyan-400\/10:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:border-cyan-400\/20:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:border-cyan-400\/20:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:border-cyan-400\/20:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:border-cyan-400\/30:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:border-cyan-400\/30:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:border-cyan-400\/30:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:border-cyan-400\/40:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:border-cyan-400\/40:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:border-cyan-400\/40:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:border-cyan-400\/50:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:border-cyan-400\/50:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:border-cyan-400\/50:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:border-cyan-400\/60:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:border-cyan-400\/60:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:border-cyan-400\/60:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:border-cyan-400\/70:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:border-cyan-400\/70:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:border-cyan-400\/70:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:border-cyan-400\/80:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:border-cyan-400\/80:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:border-cyan-400\/80:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:border-cyan-400\/90:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:border-cyan-400\/90:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:border-cyan-400\/90:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:border-cyan-500:focus { + border-color: var(--cyan-500) + } + .lg\:hover\:border-cyan-500:hover { + border-color: var(--cyan-500) + } + .lg\:active\:border-cyan-500:active { + border-color: var(--cyan-500) + } + .lg\:focus\:border-cyan-500\/10:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:border-cyan-500\/10:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:border-cyan-500\/10:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:border-cyan-500\/20:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:border-cyan-500\/20:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:border-cyan-500\/20:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:border-cyan-500\/30:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:border-cyan-500\/30:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:border-cyan-500\/30:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:border-cyan-500\/40:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:border-cyan-500\/40:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:border-cyan-500\/40:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:border-cyan-500\/50:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:border-cyan-500\/50:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:border-cyan-500\/50:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:border-cyan-500\/60:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:border-cyan-500\/60:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:border-cyan-500\/60:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:border-cyan-500\/70:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:border-cyan-500\/70:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:border-cyan-500\/70:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:border-cyan-500\/80:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:border-cyan-500\/80:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:border-cyan-500\/80:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:border-cyan-500\/90:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:border-cyan-500\/90:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:border-cyan-500\/90:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:border-cyan-600:focus { + border-color: var(--cyan-600) + } + .lg\:hover\:border-cyan-600:hover { + border-color: var(--cyan-600) + } + .lg\:active\:border-cyan-600:active { + border-color: var(--cyan-600) + } + .lg\:focus\:border-cyan-600\/10:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:border-cyan-600\/10:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:border-cyan-600\/10:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:border-cyan-600\/20:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:border-cyan-600\/20:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:border-cyan-600\/20:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:border-cyan-600\/30:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:border-cyan-600\/30:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:border-cyan-600\/30:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:border-cyan-600\/40:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:border-cyan-600\/40:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:border-cyan-600\/40:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:border-cyan-600\/50:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:border-cyan-600\/50:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:border-cyan-600\/50:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:border-cyan-600\/60:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:border-cyan-600\/60:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:border-cyan-600\/60:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:border-cyan-600\/70:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:border-cyan-600\/70:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:border-cyan-600\/70:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:border-cyan-600\/80:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:border-cyan-600\/80:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:border-cyan-600\/80:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:border-cyan-600\/90:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:border-cyan-600\/90:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:border-cyan-600\/90:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:border-cyan-700:focus { + border-color: var(--cyan-700) + } + .lg\:hover\:border-cyan-700:hover { + border-color: var(--cyan-700) + } + .lg\:active\:border-cyan-700:active { + border-color: var(--cyan-700) + } + .lg\:focus\:border-cyan-700\/10:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:border-cyan-700\/10:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:border-cyan-700\/10:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:border-cyan-700\/20:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:border-cyan-700\/20:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:border-cyan-700\/20:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:border-cyan-700\/30:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:border-cyan-700\/30:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:border-cyan-700\/30:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:border-cyan-700\/40:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:border-cyan-700\/40:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:border-cyan-700\/40:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:border-cyan-700\/50:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:border-cyan-700\/50:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:border-cyan-700\/50:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:border-cyan-700\/60:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:border-cyan-700\/60:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:border-cyan-700\/60:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:border-cyan-700\/70:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:border-cyan-700\/70:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:border-cyan-700\/70:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:border-cyan-700\/80:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:border-cyan-700\/80:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:border-cyan-700\/80:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:border-cyan-700\/90:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:border-cyan-700\/90:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:border-cyan-700\/90:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:border-cyan-800:focus { + border-color: var(--cyan-800) + } + .lg\:hover\:border-cyan-800:hover { + border-color: var(--cyan-800) + } + .lg\:active\:border-cyan-800:active { + border-color: var(--cyan-800) + } + .lg\:focus\:border-cyan-800\/10:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:border-cyan-800\/10:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:border-cyan-800\/10:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:border-cyan-800\/20:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:border-cyan-800\/20:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:border-cyan-800\/20:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:border-cyan-800\/30:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:border-cyan-800\/30:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:border-cyan-800\/30:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:border-cyan-800\/40:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:border-cyan-800\/40:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:border-cyan-800\/40:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:border-cyan-800\/50:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:border-cyan-800\/50:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:border-cyan-800\/50:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:border-cyan-800\/60:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:border-cyan-800\/60:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:border-cyan-800\/60:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:border-cyan-800\/70:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:border-cyan-800\/70:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:border-cyan-800\/70:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:border-cyan-800\/80:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:border-cyan-800\/80:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:border-cyan-800\/80:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:border-cyan-800\/90:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:border-cyan-800\/90:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:border-cyan-800\/90:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:border-cyan-900:focus { + border-color: var(--cyan-900) + } + .lg\:hover\:border-cyan-900:hover { + border-color: var(--cyan-900) + } + .lg\:active\:border-cyan-900:active { + border-color: var(--cyan-900) + } + .lg\:focus\:border-cyan-900\/10:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:border-cyan-900\/10:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:border-cyan-900\/10:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:border-cyan-900\/20:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:border-cyan-900\/20:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:border-cyan-900\/20:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:border-cyan-900\/30:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:border-cyan-900\/30:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:border-cyan-900\/30:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:border-cyan-900\/40:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:border-cyan-900\/40:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:border-cyan-900\/40:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:border-cyan-900\/50:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:border-cyan-900\/50:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:border-cyan-900\/50:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:border-cyan-900\/60:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:border-cyan-900\/60:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:border-cyan-900\/60:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:border-cyan-900\/70:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:border-cyan-900\/70:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:border-cyan-900\/70:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:border-cyan-900\/80:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:border-cyan-900\/80:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:border-cyan-900\/80:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:border-cyan-900\/90:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:border-cyan-900\/90:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:border-cyan-900\/90:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:border-pink-50:focus { + border-color: var(--pink-50) + } + .lg\:hover\:border-pink-50:hover { + border-color: var(--pink-50) + } + .lg\:active\:border-pink-50:active { + border-color: var(--pink-50) + } + .lg\:focus\:border-pink-50\/10:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:border-pink-50\/10:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:border-pink-50\/10:active { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:border-pink-50\/20:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:border-pink-50\/20:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:border-pink-50\/20:active { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:border-pink-50\/30:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:border-pink-50\/30:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:border-pink-50\/30:active { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:border-pink-50\/40:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:border-pink-50\/40:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:border-pink-50\/40:active { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:border-pink-50\/50:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:border-pink-50\/50:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:border-pink-50\/50:active { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:border-pink-50\/60:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:border-pink-50\/60:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:border-pink-50\/60:active { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:border-pink-50\/70:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:border-pink-50\/70:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:border-pink-50\/70:active { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:border-pink-50\/80:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:border-pink-50\/80:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:border-pink-50\/80:active { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:border-pink-50\/90:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:border-pink-50\/90:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:border-pink-50\/90:active { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:border-pink-100:focus { + border-color: var(--pink-100) + } + .lg\:hover\:border-pink-100:hover { + border-color: var(--pink-100) + } + .lg\:active\:border-pink-100:active { + border-color: var(--pink-100) + } + .lg\:focus\:border-pink-100\/10:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:border-pink-100\/10:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:border-pink-100\/10:active { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:border-pink-100\/20:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:border-pink-100\/20:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:border-pink-100\/20:active { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:border-pink-100\/30:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:border-pink-100\/30:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:border-pink-100\/30:active { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:border-pink-100\/40:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:border-pink-100\/40:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:border-pink-100\/40:active { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:border-pink-100\/50:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:border-pink-100\/50:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:border-pink-100\/50:active { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:border-pink-100\/60:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:border-pink-100\/60:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:border-pink-100\/60:active { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:border-pink-100\/70:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:border-pink-100\/70:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:border-pink-100\/70:active { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:border-pink-100\/80:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:border-pink-100\/80:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:border-pink-100\/80:active { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:border-pink-100\/90:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:border-pink-100\/90:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:border-pink-100\/90:active { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:border-pink-200:focus { + border-color: var(--pink-200) + } + .lg\:hover\:border-pink-200:hover { + border-color: var(--pink-200) + } + .lg\:active\:border-pink-200:active { + border-color: var(--pink-200) + } + .lg\:focus\:border-pink-200\/10:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:border-pink-200\/10:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:border-pink-200\/10:active { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:border-pink-200\/20:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:border-pink-200\/20:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:border-pink-200\/20:active { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:border-pink-200\/30:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:border-pink-200\/30:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:border-pink-200\/30:active { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:border-pink-200\/40:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:border-pink-200\/40:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:border-pink-200\/40:active { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:border-pink-200\/50:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:border-pink-200\/50:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:border-pink-200\/50:active { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:border-pink-200\/60:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:border-pink-200\/60:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:border-pink-200\/60:active { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:border-pink-200\/70:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:border-pink-200\/70:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:border-pink-200\/70:active { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:border-pink-200\/80:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:border-pink-200\/80:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:border-pink-200\/80:active { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:border-pink-200\/90:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:border-pink-200\/90:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:border-pink-200\/90:active { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:border-pink-300:focus { + border-color: var(--pink-300) + } + .lg\:hover\:border-pink-300:hover { + border-color: var(--pink-300) + } + .lg\:active\:border-pink-300:active { + border-color: var(--pink-300) + } + .lg\:focus\:border-pink-300\/10:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:border-pink-300\/10:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:border-pink-300\/10:active { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:border-pink-300\/20:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:border-pink-300\/20:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:border-pink-300\/20:active { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:border-pink-300\/30:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:border-pink-300\/30:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:border-pink-300\/30:active { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:border-pink-300\/40:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:border-pink-300\/40:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:border-pink-300\/40:active { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:border-pink-300\/50:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:border-pink-300\/50:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:border-pink-300\/50:active { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:border-pink-300\/60:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:border-pink-300\/60:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:border-pink-300\/60:active { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:border-pink-300\/70:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:border-pink-300\/70:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:border-pink-300\/70:active { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:border-pink-300\/80:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:border-pink-300\/80:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:border-pink-300\/80:active { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:border-pink-300\/90:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:border-pink-300\/90:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:border-pink-300\/90:active { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:border-pink-400:focus { + border-color: var(--pink-400) + } + .lg\:hover\:border-pink-400:hover { + border-color: var(--pink-400) + } + .lg\:active\:border-pink-400:active { + border-color: var(--pink-400) + } + .lg\:focus\:border-pink-400\/10:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:border-pink-400\/10:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:border-pink-400\/10:active { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:border-pink-400\/20:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:border-pink-400\/20:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:border-pink-400\/20:active { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:border-pink-400\/30:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:border-pink-400\/30:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:border-pink-400\/30:active { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:border-pink-400\/40:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:border-pink-400\/40:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:border-pink-400\/40:active { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:border-pink-400\/50:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:border-pink-400\/50:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:border-pink-400\/50:active { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:border-pink-400\/60:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:border-pink-400\/60:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:border-pink-400\/60:active { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:border-pink-400\/70:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:border-pink-400\/70:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:border-pink-400\/70:active { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:border-pink-400\/80:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:border-pink-400\/80:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:border-pink-400\/80:active { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:border-pink-400\/90:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:border-pink-400\/90:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:border-pink-400\/90:active { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:border-pink-500:focus { + border-color: var(--pink-500) + } + .lg\:hover\:border-pink-500:hover { + border-color: var(--pink-500) + } + .lg\:active\:border-pink-500:active { + border-color: var(--pink-500) + } + .lg\:focus\:border-pink-500\/10:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:border-pink-500\/10:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:border-pink-500\/10:active { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:border-pink-500\/20:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:border-pink-500\/20:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:border-pink-500\/20:active { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:border-pink-500\/30:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:border-pink-500\/30:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:border-pink-500\/30:active { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:border-pink-500\/40:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:border-pink-500\/40:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:border-pink-500\/40:active { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:border-pink-500\/50:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:border-pink-500\/50:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:border-pink-500\/50:active { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:border-pink-500\/60:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:border-pink-500\/60:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:border-pink-500\/60:active { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:border-pink-500\/70:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:border-pink-500\/70:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:border-pink-500\/70:active { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:border-pink-500\/80:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:border-pink-500\/80:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:border-pink-500\/80:active { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:border-pink-500\/90:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:border-pink-500\/90:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:border-pink-500\/90:active { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:border-pink-600:focus { + border-color: var(--pink-600) + } + .lg\:hover\:border-pink-600:hover { + border-color: var(--pink-600) + } + .lg\:active\:border-pink-600:active { + border-color: var(--pink-600) + } + .lg\:focus\:border-pink-600\/10:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:border-pink-600\/10:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:border-pink-600\/10:active { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:border-pink-600\/20:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:border-pink-600\/20:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:border-pink-600\/20:active { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:border-pink-600\/30:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:border-pink-600\/30:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:border-pink-600\/30:active { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:border-pink-600\/40:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:border-pink-600\/40:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:border-pink-600\/40:active { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:border-pink-600\/50:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:border-pink-600\/50:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:border-pink-600\/50:active { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:border-pink-600\/60:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:border-pink-600\/60:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:border-pink-600\/60:active { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:border-pink-600\/70:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:border-pink-600\/70:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:border-pink-600\/70:active { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:border-pink-600\/80:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:border-pink-600\/80:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:border-pink-600\/80:active { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:border-pink-600\/90:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:border-pink-600\/90:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:border-pink-600\/90:active { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:border-pink-700:focus { + border-color: var(--pink-700) + } + .lg\:hover\:border-pink-700:hover { + border-color: var(--pink-700) + } + .lg\:active\:border-pink-700:active { + border-color: var(--pink-700) + } + .lg\:focus\:border-pink-700\/10:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:border-pink-700\/10:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:border-pink-700\/10:active { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:border-pink-700\/20:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:border-pink-700\/20:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:border-pink-700\/20:active { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:border-pink-700\/30:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:border-pink-700\/30:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:border-pink-700\/30:active { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:border-pink-700\/40:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:border-pink-700\/40:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:border-pink-700\/40:active { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:border-pink-700\/50:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:border-pink-700\/50:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:border-pink-700\/50:active { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:border-pink-700\/60:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:border-pink-700\/60:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:border-pink-700\/60:active { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:border-pink-700\/70:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:border-pink-700\/70:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:border-pink-700\/70:active { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:border-pink-700\/80:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:border-pink-700\/80:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:border-pink-700\/80:active { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:border-pink-700\/90:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:border-pink-700\/90:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:border-pink-700\/90:active { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:border-pink-800:focus { + border-color: var(--pink-800) + } + .lg\:hover\:border-pink-800:hover { + border-color: var(--pink-800) + } + .lg\:active\:border-pink-800:active { + border-color: var(--pink-800) + } + .lg\:focus\:border-pink-800\/10:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:border-pink-800\/10:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:border-pink-800\/10:active { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:border-pink-800\/20:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:border-pink-800\/20:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:border-pink-800\/20:active { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:border-pink-800\/30:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:border-pink-800\/30:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:border-pink-800\/30:active { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:border-pink-800\/40:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:border-pink-800\/40:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:border-pink-800\/40:active { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:border-pink-800\/50:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:border-pink-800\/50:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:border-pink-800\/50:active { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:border-pink-800\/60:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:border-pink-800\/60:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:border-pink-800\/60:active { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:border-pink-800\/70:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:border-pink-800\/70:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:border-pink-800\/70:active { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:border-pink-800\/80:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:border-pink-800\/80:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:border-pink-800\/80:active { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:border-pink-800\/90:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:border-pink-800\/90:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:border-pink-800\/90:active { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:border-pink-900:focus { + border-color: var(--pink-900) + } + .lg\:hover\:border-pink-900:hover { + border-color: var(--pink-900) + } + .lg\:active\:border-pink-900:active { + border-color: var(--pink-900) + } + .lg\:focus\:border-pink-900\/10:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:border-pink-900\/10:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:border-pink-900\/10:active { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:border-pink-900\/20:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:border-pink-900\/20:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:border-pink-900\/20:active { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:border-pink-900\/30:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:border-pink-900\/30:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:border-pink-900\/30:active { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:border-pink-900\/40:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:border-pink-900\/40:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:border-pink-900\/40:active { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:border-pink-900\/50:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:border-pink-900\/50:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:border-pink-900\/50:active { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:border-pink-900\/60:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:border-pink-900\/60:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:border-pink-900\/60:active { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:border-pink-900\/70:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:border-pink-900\/70:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:border-pink-900\/70:active { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:border-pink-900\/80:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:border-pink-900\/80:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:border-pink-900\/80:active { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:border-pink-900\/90:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:border-pink-900\/90:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:border-pink-900\/90:active { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:border-indigo-50:focus { + border-color: var(--indigo-50) + } + .lg\:hover\:border-indigo-50:hover { + border-color: var(--indigo-50) + } + .lg\:active\:border-indigo-50:active { + border-color: var(--indigo-50) + } + .lg\:focus\:border-indigo-50\/10:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:border-indigo-50\/10:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:border-indigo-50\/10:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:border-indigo-50\/20:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:border-indigo-50\/20:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:border-indigo-50\/20:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:border-indigo-50\/30:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:border-indigo-50\/30:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:border-indigo-50\/30:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:border-indigo-50\/40:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:border-indigo-50\/40:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:border-indigo-50\/40:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:border-indigo-50\/50:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:border-indigo-50\/50:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:border-indigo-50\/50:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:border-indigo-50\/60:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:border-indigo-50\/60:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:border-indigo-50\/60:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:border-indigo-50\/70:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:border-indigo-50\/70:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:border-indigo-50\/70:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:border-indigo-50\/80:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:border-indigo-50\/80:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:border-indigo-50\/80:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:border-indigo-50\/90:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:border-indigo-50\/90:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:border-indigo-50\/90:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:border-indigo-100:focus { + border-color: var(--indigo-100) + } + .lg\:hover\:border-indigo-100:hover { + border-color: var(--indigo-100) + } + .lg\:active\:border-indigo-100:active { + border-color: var(--indigo-100) + } + .lg\:focus\:border-indigo-100\/10:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:border-indigo-100\/10:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:border-indigo-100\/10:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:border-indigo-100\/20:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:border-indigo-100\/20:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:border-indigo-100\/20:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:border-indigo-100\/30:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:border-indigo-100\/30:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:border-indigo-100\/30:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:border-indigo-100\/40:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:border-indigo-100\/40:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:border-indigo-100\/40:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:border-indigo-100\/50:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:border-indigo-100\/50:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:border-indigo-100\/50:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:border-indigo-100\/60:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:border-indigo-100\/60:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:border-indigo-100\/60:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:border-indigo-100\/70:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:border-indigo-100\/70:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:border-indigo-100\/70:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:border-indigo-100\/80:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:border-indigo-100\/80:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:border-indigo-100\/80:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:border-indigo-100\/90:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:border-indigo-100\/90:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:border-indigo-100\/90:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:border-indigo-200:focus { + border-color: var(--indigo-200) + } + .lg\:hover\:border-indigo-200:hover { + border-color: var(--indigo-200) + } + .lg\:active\:border-indigo-200:active { + border-color: var(--indigo-200) + } + .lg\:focus\:border-indigo-200\/10:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:border-indigo-200\/10:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:border-indigo-200\/10:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:border-indigo-200\/20:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:border-indigo-200\/20:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:border-indigo-200\/20:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:border-indigo-200\/30:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:border-indigo-200\/30:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:border-indigo-200\/30:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:border-indigo-200\/40:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:border-indigo-200\/40:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:border-indigo-200\/40:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:border-indigo-200\/50:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:border-indigo-200\/50:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:border-indigo-200\/50:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:border-indigo-200\/60:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:border-indigo-200\/60:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:border-indigo-200\/60:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:border-indigo-200\/70:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:border-indigo-200\/70:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:border-indigo-200\/70:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:border-indigo-200\/80:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:border-indigo-200\/80:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:border-indigo-200\/80:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:border-indigo-200\/90:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:border-indigo-200\/90:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:border-indigo-200\/90:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:border-indigo-300:focus { + border-color: var(--indigo-300) + } + .lg\:hover\:border-indigo-300:hover { + border-color: var(--indigo-300) + } + .lg\:active\:border-indigo-300:active { + border-color: var(--indigo-300) + } + .lg\:focus\:border-indigo-300\/10:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:border-indigo-300\/10:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:border-indigo-300\/10:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:border-indigo-300\/20:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:border-indigo-300\/20:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:border-indigo-300\/20:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:border-indigo-300\/30:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:border-indigo-300\/30:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:border-indigo-300\/30:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:border-indigo-300\/40:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:border-indigo-300\/40:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:border-indigo-300\/40:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:border-indigo-300\/50:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:border-indigo-300\/50:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:border-indigo-300\/50:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:border-indigo-300\/60:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:border-indigo-300\/60:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:border-indigo-300\/60:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:border-indigo-300\/70:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:border-indigo-300\/70:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:border-indigo-300\/70:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:border-indigo-300\/80:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:border-indigo-300\/80:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:border-indigo-300\/80:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:border-indigo-300\/90:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:border-indigo-300\/90:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:border-indigo-300\/90:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:border-indigo-400:focus { + border-color: var(--indigo-400) + } + .lg\:hover\:border-indigo-400:hover { + border-color: var(--indigo-400) + } + .lg\:active\:border-indigo-400:active { + border-color: var(--indigo-400) + } + .lg\:focus\:border-indigo-400\/10:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:border-indigo-400\/10:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:border-indigo-400\/10:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:border-indigo-400\/20:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:border-indigo-400\/20:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:border-indigo-400\/20:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:border-indigo-400\/30:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:border-indigo-400\/30:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:border-indigo-400\/30:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:border-indigo-400\/40:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:border-indigo-400\/40:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:border-indigo-400\/40:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:border-indigo-400\/50:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:border-indigo-400\/50:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:border-indigo-400\/50:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:border-indigo-400\/60:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:border-indigo-400\/60:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:border-indigo-400\/60:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:border-indigo-400\/70:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:border-indigo-400\/70:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:border-indigo-400\/70:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:border-indigo-400\/80:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:border-indigo-400\/80:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:border-indigo-400\/80:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:border-indigo-400\/90:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:border-indigo-400\/90:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:border-indigo-400\/90:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:border-indigo-500:focus { + border-color: var(--indigo-500) + } + .lg\:hover\:border-indigo-500:hover { + border-color: var(--indigo-500) + } + .lg\:active\:border-indigo-500:active { + border-color: var(--indigo-500) + } + .lg\:focus\:border-indigo-500\/10:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:border-indigo-500\/10:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:border-indigo-500\/10:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:border-indigo-500\/20:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:border-indigo-500\/20:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:border-indigo-500\/20:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:border-indigo-500\/30:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:border-indigo-500\/30:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:border-indigo-500\/30:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:border-indigo-500\/40:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:border-indigo-500\/40:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:border-indigo-500\/40:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:border-indigo-500\/50:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:border-indigo-500\/50:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:border-indigo-500\/50:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:border-indigo-500\/60:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:border-indigo-500\/60:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:border-indigo-500\/60:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:border-indigo-500\/70:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:border-indigo-500\/70:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:border-indigo-500\/70:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:border-indigo-500\/80:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:border-indigo-500\/80:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:border-indigo-500\/80:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:border-indigo-500\/90:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:border-indigo-500\/90:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:border-indigo-500\/90:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:border-indigo-600:focus { + border-color: var(--indigo-600) + } + .lg\:hover\:border-indigo-600:hover { + border-color: var(--indigo-600) + } + .lg\:active\:border-indigo-600:active { + border-color: var(--indigo-600) + } + .lg\:focus\:border-indigo-600\/10:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:border-indigo-600\/10:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:border-indigo-600\/10:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:border-indigo-600\/20:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:border-indigo-600\/20:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:border-indigo-600\/20:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:border-indigo-600\/30:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:border-indigo-600\/30:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:border-indigo-600\/30:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:border-indigo-600\/40:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:border-indigo-600\/40:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:border-indigo-600\/40:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:border-indigo-600\/50:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:border-indigo-600\/50:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:border-indigo-600\/50:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:border-indigo-600\/60:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:border-indigo-600\/60:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:border-indigo-600\/60:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:border-indigo-600\/70:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:border-indigo-600\/70:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:border-indigo-600\/70:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:border-indigo-600\/80:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:border-indigo-600\/80:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:border-indigo-600\/80:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:border-indigo-600\/90:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:border-indigo-600\/90:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:border-indigo-600\/90:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:border-indigo-700:focus { + border-color: var(--indigo-700) + } + .lg\:hover\:border-indigo-700:hover { + border-color: var(--indigo-700) + } + .lg\:active\:border-indigo-700:active { + border-color: var(--indigo-700) + } + .lg\:focus\:border-indigo-700\/10:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:border-indigo-700\/10:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:border-indigo-700\/10:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:border-indigo-700\/20:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:border-indigo-700\/20:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:border-indigo-700\/20:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:border-indigo-700\/30:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:border-indigo-700\/30:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:border-indigo-700\/30:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:border-indigo-700\/40:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:border-indigo-700\/40:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:border-indigo-700\/40:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:border-indigo-700\/50:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:border-indigo-700\/50:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:border-indigo-700\/50:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:border-indigo-700\/60:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:border-indigo-700\/60:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:border-indigo-700\/60:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:border-indigo-700\/70:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:border-indigo-700\/70:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:border-indigo-700\/70:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:border-indigo-700\/80:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:border-indigo-700\/80:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:border-indigo-700\/80:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:border-indigo-700\/90:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:border-indigo-700\/90:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:border-indigo-700\/90:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:border-indigo-800:focus { + border-color: var(--indigo-800) + } + .lg\:hover\:border-indigo-800:hover { + border-color: var(--indigo-800) + } + .lg\:active\:border-indigo-800:active { + border-color: var(--indigo-800) + } + .lg\:focus\:border-indigo-800\/10:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:border-indigo-800\/10:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:border-indigo-800\/10:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:border-indigo-800\/20:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:border-indigo-800\/20:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:border-indigo-800\/20:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:border-indigo-800\/30:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:border-indigo-800\/30:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:border-indigo-800\/30:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:border-indigo-800\/40:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:border-indigo-800\/40:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:border-indigo-800\/40:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:border-indigo-800\/50:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:border-indigo-800\/50:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:border-indigo-800\/50:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:border-indigo-800\/60:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:border-indigo-800\/60:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:border-indigo-800\/60:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:border-indigo-800\/70:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:border-indigo-800\/70:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:border-indigo-800\/70:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:border-indigo-800\/80:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:border-indigo-800\/80:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:border-indigo-800\/80:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:border-indigo-800\/90:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:border-indigo-800\/90:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:border-indigo-800\/90:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:border-indigo-900:focus { + border-color: var(--indigo-900) + } + .lg\:hover\:border-indigo-900:hover { + border-color: var(--indigo-900) + } + .lg\:active\:border-indigo-900:active { + border-color: var(--indigo-900) + } + .lg\:focus\:border-indigo-900\/10:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:border-indigo-900\/10:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:border-indigo-900\/10:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:border-indigo-900\/20:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:border-indigo-900\/20:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:border-indigo-900\/20:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:border-indigo-900\/30:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:border-indigo-900\/30:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:border-indigo-900\/30:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:border-indigo-900\/40:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:border-indigo-900\/40:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:border-indigo-900\/40:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:border-indigo-900\/50:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:border-indigo-900\/50:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:border-indigo-900\/50:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:border-indigo-900\/60:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:border-indigo-900\/60:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:border-indigo-900\/60:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:border-indigo-900\/70:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:border-indigo-900\/70:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:border-indigo-900\/70:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:border-indigo-900\/80:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:border-indigo-900\/80:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:border-indigo-900\/80:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:border-indigo-900\/90:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:border-indigo-900\/90:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:border-indigo-900\/90:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:border-teal-50:focus { + border-color: var(--teal-50) + } + .lg\:hover\:border-teal-50:hover { + border-color: var(--teal-50) + } + .lg\:active\:border-teal-50:active { + border-color: var(--teal-50) + } + .lg\:focus\:border-teal-50\/10:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:border-teal-50\/10:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:border-teal-50\/10:active { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:border-teal-50\/20:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:border-teal-50\/20:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:border-teal-50\/20:active { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:border-teal-50\/30:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:border-teal-50\/30:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:border-teal-50\/30:active { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:border-teal-50\/40:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:border-teal-50\/40:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:border-teal-50\/40:active { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:border-teal-50\/50:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:border-teal-50\/50:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:border-teal-50\/50:active { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:border-teal-50\/60:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:border-teal-50\/60:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:border-teal-50\/60:active { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:border-teal-50\/70:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:border-teal-50\/70:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:border-teal-50\/70:active { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:border-teal-50\/80:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:border-teal-50\/80:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:border-teal-50\/80:active { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:border-teal-50\/90:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:border-teal-50\/90:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:border-teal-50\/90:active { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:border-teal-100:focus { + border-color: var(--teal-100) + } + .lg\:hover\:border-teal-100:hover { + border-color: var(--teal-100) + } + .lg\:active\:border-teal-100:active { + border-color: var(--teal-100) + } + .lg\:focus\:border-teal-100\/10:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:border-teal-100\/10:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:border-teal-100\/10:active { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:border-teal-100\/20:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:border-teal-100\/20:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:border-teal-100\/20:active { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:border-teal-100\/30:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:border-teal-100\/30:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:border-teal-100\/30:active { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:border-teal-100\/40:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:border-teal-100\/40:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:border-teal-100\/40:active { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:border-teal-100\/50:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:border-teal-100\/50:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:border-teal-100\/50:active { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:border-teal-100\/60:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:border-teal-100\/60:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:border-teal-100\/60:active { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:border-teal-100\/70:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:border-teal-100\/70:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:border-teal-100\/70:active { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:border-teal-100\/80:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:border-teal-100\/80:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:border-teal-100\/80:active { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:border-teal-100\/90:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:border-teal-100\/90:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:border-teal-100\/90:active { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:border-teal-200:focus { + border-color: var(--teal-200) + } + .lg\:hover\:border-teal-200:hover { + border-color: var(--teal-200) + } + .lg\:active\:border-teal-200:active { + border-color: var(--teal-200) + } + .lg\:focus\:border-teal-200\/10:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:border-teal-200\/10:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:border-teal-200\/10:active { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:border-teal-200\/20:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:border-teal-200\/20:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:border-teal-200\/20:active { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:border-teal-200\/30:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:border-teal-200\/30:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:border-teal-200\/30:active { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:border-teal-200\/40:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:border-teal-200\/40:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:border-teal-200\/40:active { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:border-teal-200\/50:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:border-teal-200\/50:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:border-teal-200\/50:active { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:border-teal-200\/60:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:border-teal-200\/60:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:border-teal-200\/60:active { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:border-teal-200\/70:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:border-teal-200\/70:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:border-teal-200\/70:active { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:border-teal-200\/80:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:border-teal-200\/80:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:border-teal-200\/80:active { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:border-teal-200\/90:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:border-teal-200\/90:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:border-teal-200\/90:active { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:border-teal-300:focus { + border-color: var(--teal-300) + } + .lg\:hover\:border-teal-300:hover { + border-color: var(--teal-300) + } + .lg\:active\:border-teal-300:active { + border-color: var(--teal-300) + } + .lg\:focus\:border-teal-300\/10:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:border-teal-300\/10:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:border-teal-300\/10:active { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:border-teal-300\/20:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:border-teal-300\/20:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:border-teal-300\/20:active { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:border-teal-300\/30:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:border-teal-300\/30:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:border-teal-300\/30:active { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:border-teal-300\/40:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:border-teal-300\/40:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:border-teal-300\/40:active { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:border-teal-300\/50:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:border-teal-300\/50:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:border-teal-300\/50:active { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:border-teal-300\/60:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:border-teal-300\/60:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:border-teal-300\/60:active { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:border-teal-300\/70:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:border-teal-300\/70:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:border-teal-300\/70:active { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:border-teal-300\/80:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:border-teal-300\/80:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:border-teal-300\/80:active { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:border-teal-300\/90:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:border-teal-300\/90:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:border-teal-300\/90:active { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:border-teal-400:focus { + border-color: var(--teal-400) + } + .lg\:hover\:border-teal-400:hover { + border-color: var(--teal-400) + } + .lg\:active\:border-teal-400:active { + border-color: var(--teal-400) + } + .lg\:focus\:border-teal-400\/10:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:border-teal-400\/10:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:border-teal-400\/10:active { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:border-teal-400\/20:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:border-teal-400\/20:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:border-teal-400\/20:active { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:border-teal-400\/30:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:border-teal-400\/30:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:border-teal-400\/30:active { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:border-teal-400\/40:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:border-teal-400\/40:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:border-teal-400\/40:active { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:border-teal-400\/50:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:border-teal-400\/50:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:border-teal-400\/50:active { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:border-teal-400\/60:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:border-teal-400\/60:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:border-teal-400\/60:active { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:border-teal-400\/70:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:border-teal-400\/70:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:border-teal-400\/70:active { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:border-teal-400\/80:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:border-teal-400\/80:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:border-teal-400\/80:active { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:border-teal-400\/90:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:border-teal-400\/90:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:border-teal-400\/90:active { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:border-teal-500:focus { + border-color: var(--teal-500) + } + .lg\:hover\:border-teal-500:hover { + border-color: var(--teal-500) + } + .lg\:active\:border-teal-500:active { + border-color: var(--teal-500) + } + .lg\:focus\:border-teal-500\/10:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:border-teal-500\/10:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:border-teal-500\/10:active { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:border-teal-500\/20:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:border-teal-500\/20:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:border-teal-500\/20:active { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:border-teal-500\/30:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:border-teal-500\/30:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:border-teal-500\/30:active { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:border-teal-500\/40:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:border-teal-500\/40:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:border-teal-500\/40:active { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:border-teal-500\/50:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:border-teal-500\/50:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:border-teal-500\/50:active { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:border-teal-500\/60:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:border-teal-500\/60:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:border-teal-500\/60:active { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:border-teal-500\/70:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:border-teal-500\/70:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:border-teal-500\/70:active { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:border-teal-500\/80:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:border-teal-500\/80:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:border-teal-500\/80:active { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:border-teal-500\/90:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:border-teal-500\/90:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:border-teal-500\/90:active { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:border-teal-600:focus { + border-color: var(--teal-600) + } + .lg\:hover\:border-teal-600:hover { + border-color: var(--teal-600) + } + .lg\:active\:border-teal-600:active { + border-color: var(--teal-600) + } + .lg\:focus\:border-teal-600\/10:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:border-teal-600\/10:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:border-teal-600\/10:active { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:border-teal-600\/20:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:border-teal-600\/20:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:border-teal-600\/20:active { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:border-teal-600\/30:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:border-teal-600\/30:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:border-teal-600\/30:active { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:border-teal-600\/40:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:border-teal-600\/40:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:border-teal-600\/40:active { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:border-teal-600\/50:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:border-teal-600\/50:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:border-teal-600\/50:active { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:border-teal-600\/60:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:border-teal-600\/60:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:border-teal-600\/60:active { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:border-teal-600\/70:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:border-teal-600\/70:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:border-teal-600\/70:active { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:border-teal-600\/80:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:border-teal-600\/80:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:border-teal-600\/80:active { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:border-teal-600\/90:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:border-teal-600\/90:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:border-teal-600\/90:active { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:border-teal-700:focus { + border-color: var(--teal-700) + } + .lg\:hover\:border-teal-700:hover { + border-color: var(--teal-700) + } + .lg\:active\:border-teal-700:active { + border-color: var(--teal-700) + } + .lg\:focus\:border-teal-700\/10:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:border-teal-700\/10:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:border-teal-700\/10:active { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:border-teal-700\/20:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:border-teal-700\/20:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:border-teal-700\/20:active { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:border-teal-700\/30:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:border-teal-700\/30:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:border-teal-700\/30:active { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:border-teal-700\/40:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:border-teal-700\/40:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:border-teal-700\/40:active { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:border-teal-700\/50:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:border-teal-700\/50:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:border-teal-700\/50:active { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:border-teal-700\/60:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:border-teal-700\/60:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:border-teal-700\/60:active { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:border-teal-700\/70:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:border-teal-700\/70:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:border-teal-700\/70:active { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:border-teal-700\/80:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:border-teal-700\/80:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:border-teal-700\/80:active { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:border-teal-700\/90:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:border-teal-700\/90:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:border-teal-700\/90:active { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:border-teal-800:focus { + border-color: var(--teal-800) + } + .lg\:hover\:border-teal-800:hover { + border-color: var(--teal-800) + } + .lg\:active\:border-teal-800:active { + border-color: var(--teal-800) + } + .lg\:focus\:border-teal-800\/10:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:border-teal-800\/10:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:border-teal-800\/10:active { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:border-teal-800\/20:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:border-teal-800\/20:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:border-teal-800\/20:active { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:border-teal-800\/30:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:border-teal-800\/30:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:border-teal-800\/30:active { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:border-teal-800\/40:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:border-teal-800\/40:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:border-teal-800\/40:active { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:border-teal-800\/50:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:border-teal-800\/50:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:border-teal-800\/50:active { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:border-teal-800\/60:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:border-teal-800\/60:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:border-teal-800\/60:active { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:border-teal-800\/70:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:border-teal-800\/70:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:border-teal-800\/70:active { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:border-teal-800\/80:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:border-teal-800\/80:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:border-teal-800\/80:active { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:border-teal-800\/90:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:border-teal-800\/90:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:border-teal-800\/90:active { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:border-teal-900:focus { + border-color: var(--teal-900) + } + .lg\:hover\:border-teal-900:hover { + border-color: var(--teal-900) + } + .lg\:active\:border-teal-900:active { + border-color: var(--teal-900) + } + .lg\:focus\:border-teal-900\/10:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:border-teal-900\/10:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:border-teal-900\/10:active { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:border-teal-900\/20:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:border-teal-900\/20:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:border-teal-900\/20:active { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:border-teal-900\/30:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:border-teal-900\/30:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:border-teal-900\/30:active { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:border-teal-900\/40:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:border-teal-900\/40:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:border-teal-900\/40:active { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:border-teal-900\/50:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:border-teal-900\/50:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:border-teal-900\/50:active { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:border-teal-900\/60:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:border-teal-900\/60:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:border-teal-900\/60:active { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:border-teal-900\/70:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:border-teal-900\/70:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:border-teal-900\/70:active { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:border-teal-900\/80:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:border-teal-900\/80:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:border-teal-900\/80:active { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:border-teal-900\/90:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:border-teal-900\/90:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:border-teal-900\/90:active { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:border-orange-50:focus { + border-color: var(--orange-50) + } + .lg\:hover\:border-orange-50:hover { + border-color: var(--orange-50) + } + .lg\:active\:border-orange-50:active { + border-color: var(--orange-50) + } + .lg\:focus\:border-orange-50\/10:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:border-orange-50\/10:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:border-orange-50\/10:active { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:border-orange-50\/20:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:border-orange-50\/20:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:border-orange-50\/20:active { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:border-orange-50\/30:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:border-orange-50\/30:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:border-orange-50\/30:active { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:border-orange-50\/40:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:border-orange-50\/40:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:border-orange-50\/40:active { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:border-orange-50\/50:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:border-orange-50\/50:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:border-orange-50\/50:active { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:border-orange-50\/60:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:border-orange-50\/60:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:border-orange-50\/60:active { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:border-orange-50\/70:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:border-orange-50\/70:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:border-orange-50\/70:active { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:border-orange-50\/80:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:border-orange-50\/80:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:border-orange-50\/80:active { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:border-orange-50\/90:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:border-orange-50\/90:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:border-orange-50\/90:active { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:border-orange-100:focus { + border-color: var(--orange-100) + } + .lg\:hover\:border-orange-100:hover { + border-color: var(--orange-100) + } + .lg\:active\:border-orange-100:active { + border-color: var(--orange-100) + } + .lg\:focus\:border-orange-100\/10:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:border-orange-100\/10:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:border-orange-100\/10:active { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:border-orange-100\/20:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:border-orange-100\/20:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:border-orange-100\/20:active { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:border-orange-100\/30:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:border-orange-100\/30:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:border-orange-100\/30:active { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:border-orange-100\/40:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:border-orange-100\/40:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:border-orange-100\/40:active { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:border-orange-100\/50:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:border-orange-100\/50:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:border-orange-100\/50:active { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:border-orange-100\/60:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:border-orange-100\/60:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:border-orange-100\/60:active { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:border-orange-100\/70:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:border-orange-100\/70:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:border-orange-100\/70:active { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:border-orange-100\/80:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:border-orange-100\/80:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:border-orange-100\/80:active { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:border-orange-100\/90:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:border-orange-100\/90:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:border-orange-100\/90:active { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:border-orange-200:focus { + border-color: var(--orange-200) + } + .lg\:hover\:border-orange-200:hover { + border-color: var(--orange-200) + } + .lg\:active\:border-orange-200:active { + border-color: var(--orange-200) + } + .lg\:focus\:border-orange-200\/10:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:border-orange-200\/10:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:border-orange-200\/10:active { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:border-orange-200\/20:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:border-orange-200\/20:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:border-orange-200\/20:active { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:border-orange-200\/30:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:border-orange-200\/30:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:border-orange-200\/30:active { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:border-orange-200\/40:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:border-orange-200\/40:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:border-orange-200\/40:active { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:border-orange-200\/50:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:border-orange-200\/50:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:border-orange-200\/50:active { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:border-orange-200\/60:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:border-orange-200\/60:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:border-orange-200\/60:active { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:border-orange-200\/70:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:border-orange-200\/70:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:border-orange-200\/70:active { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:border-orange-200\/80:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:border-orange-200\/80:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:border-orange-200\/80:active { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:border-orange-200\/90:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:border-orange-200\/90:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:border-orange-200\/90:active { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:border-orange-300:focus { + border-color: var(--orange-300) + } + .lg\:hover\:border-orange-300:hover { + border-color: var(--orange-300) + } + .lg\:active\:border-orange-300:active { + border-color: var(--orange-300) + } + .lg\:focus\:border-orange-300\/10:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:border-orange-300\/10:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:border-orange-300\/10:active { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:border-orange-300\/20:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:border-orange-300\/20:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:border-orange-300\/20:active { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:border-orange-300\/30:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:border-orange-300\/30:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:border-orange-300\/30:active { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:border-orange-300\/40:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:border-orange-300\/40:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:border-orange-300\/40:active { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:border-orange-300\/50:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:border-orange-300\/50:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:border-orange-300\/50:active { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:border-orange-300\/60:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:border-orange-300\/60:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:border-orange-300\/60:active { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:border-orange-300\/70:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:border-orange-300\/70:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:border-orange-300\/70:active { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:border-orange-300\/80:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:border-orange-300\/80:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:border-orange-300\/80:active { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:border-orange-300\/90:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:border-orange-300\/90:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:border-orange-300\/90:active { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:border-orange-400:focus { + border-color: var(--orange-400) + } + .lg\:hover\:border-orange-400:hover { + border-color: var(--orange-400) + } + .lg\:active\:border-orange-400:active { + border-color: var(--orange-400) + } + .lg\:focus\:border-orange-400\/10:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:border-orange-400\/10:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:border-orange-400\/10:active { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:border-orange-400\/20:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:border-orange-400\/20:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:border-orange-400\/20:active { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:border-orange-400\/30:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:border-orange-400\/30:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:border-orange-400\/30:active { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:border-orange-400\/40:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:border-orange-400\/40:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:border-orange-400\/40:active { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:border-orange-400\/50:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:border-orange-400\/50:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:border-orange-400\/50:active { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:border-orange-400\/60:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:border-orange-400\/60:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:border-orange-400\/60:active { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:border-orange-400\/70:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:border-orange-400\/70:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:border-orange-400\/70:active { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:border-orange-400\/80:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:border-orange-400\/80:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:border-orange-400\/80:active { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:border-orange-400\/90:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:border-orange-400\/90:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:border-orange-400\/90:active { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:border-orange-500:focus { + border-color: var(--orange-500) + } + .lg\:hover\:border-orange-500:hover { + border-color: var(--orange-500) + } + .lg\:active\:border-orange-500:active { + border-color: var(--orange-500) + } + .lg\:focus\:border-orange-500\/10:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:border-orange-500\/10:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:border-orange-500\/10:active { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:border-orange-500\/20:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:border-orange-500\/20:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:border-orange-500\/20:active { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:border-orange-500\/30:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:border-orange-500\/30:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:border-orange-500\/30:active { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:border-orange-500\/40:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:border-orange-500\/40:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:border-orange-500\/40:active { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:border-orange-500\/50:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:border-orange-500\/50:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:border-orange-500\/50:active { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:border-orange-500\/60:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:border-orange-500\/60:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:border-orange-500\/60:active { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:border-orange-500\/70:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:border-orange-500\/70:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:border-orange-500\/70:active { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:border-orange-500\/80:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:border-orange-500\/80:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:border-orange-500\/80:active { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:border-orange-500\/90:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:border-orange-500\/90:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:border-orange-500\/90:active { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:border-orange-600:focus { + border-color: var(--orange-600) + } + .lg\:hover\:border-orange-600:hover { + border-color: var(--orange-600) + } + .lg\:active\:border-orange-600:active { + border-color: var(--orange-600) + } + .lg\:focus\:border-orange-600\/10:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:border-orange-600\/10:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:border-orange-600\/10:active { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:border-orange-600\/20:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:border-orange-600\/20:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:border-orange-600\/20:active { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:border-orange-600\/30:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:border-orange-600\/30:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:border-orange-600\/30:active { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:border-orange-600\/40:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:border-orange-600\/40:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:border-orange-600\/40:active { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:border-orange-600\/50:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:border-orange-600\/50:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:border-orange-600\/50:active { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:border-orange-600\/60:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:border-orange-600\/60:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:border-orange-600\/60:active { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:border-orange-600\/70:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:border-orange-600\/70:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:border-orange-600\/70:active { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:border-orange-600\/80:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:border-orange-600\/80:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:border-orange-600\/80:active { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:border-orange-600\/90:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:border-orange-600\/90:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:border-orange-600\/90:active { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:border-orange-700:focus { + border-color: var(--orange-700) + } + .lg\:hover\:border-orange-700:hover { + border-color: var(--orange-700) + } + .lg\:active\:border-orange-700:active { + border-color: var(--orange-700) + } + .lg\:focus\:border-orange-700\/10:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:border-orange-700\/10:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:border-orange-700\/10:active { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:border-orange-700\/20:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:border-orange-700\/20:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:border-orange-700\/20:active { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:border-orange-700\/30:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:border-orange-700\/30:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:border-orange-700\/30:active { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:border-orange-700\/40:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:border-orange-700\/40:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:border-orange-700\/40:active { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:border-orange-700\/50:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:border-orange-700\/50:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:border-orange-700\/50:active { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:border-orange-700\/60:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:border-orange-700\/60:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:border-orange-700\/60:active { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:border-orange-700\/70:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:border-orange-700\/70:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:border-orange-700\/70:active { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:border-orange-700\/80:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:border-orange-700\/80:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:border-orange-700\/80:active { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:border-orange-700\/90:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:border-orange-700\/90:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:border-orange-700\/90:active { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:border-orange-800:focus { + border-color: var(--orange-800) + } + .lg\:hover\:border-orange-800:hover { + border-color: var(--orange-800) + } + .lg\:active\:border-orange-800:active { + border-color: var(--orange-800) + } + .lg\:focus\:border-orange-800\/10:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:border-orange-800\/10:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:border-orange-800\/10:active { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:border-orange-800\/20:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:border-orange-800\/20:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:border-orange-800\/20:active { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:border-orange-800\/30:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:border-orange-800\/30:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:border-orange-800\/30:active { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:border-orange-800\/40:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:border-orange-800\/40:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:border-orange-800\/40:active { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:border-orange-800\/50:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:border-orange-800\/50:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:border-orange-800\/50:active { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:border-orange-800\/60:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:border-orange-800\/60:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:border-orange-800\/60:active { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:border-orange-800\/70:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:border-orange-800\/70:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:border-orange-800\/70:active { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:border-orange-800\/80:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:border-orange-800\/80:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:border-orange-800\/80:active { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:border-orange-800\/90:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:border-orange-800\/90:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:border-orange-800\/90:active { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:border-orange-900:focus { + border-color: var(--orange-900) + } + .lg\:hover\:border-orange-900:hover { + border-color: var(--orange-900) + } + .lg\:active\:border-orange-900:active { + border-color: var(--orange-900) + } + .lg\:focus\:border-orange-900\/10:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:border-orange-900\/10:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:border-orange-900\/10:active { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:border-orange-900\/20:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:border-orange-900\/20:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:border-orange-900\/20:active { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:border-orange-900\/30:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:border-orange-900\/30:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:border-orange-900\/30:active { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:border-orange-900\/40:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:border-orange-900\/40:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:border-orange-900\/40:active { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:border-orange-900\/50:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:border-orange-900\/50:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:border-orange-900\/50:active { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:border-orange-900\/60:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:border-orange-900\/60:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:border-orange-900\/60:active { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:border-orange-900\/70:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:border-orange-900\/70:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:border-orange-900\/70:active { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:border-orange-900\/80:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:border-orange-900\/80:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:border-orange-900\/80:active { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:border-orange-900\/90:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:border-orange-900\/90:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:border-orange-900\/90:active { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-50:focus { + border-color: var(--bluegray-50) + } + .lg\:hover\:border-bluegray-50:hover { + border-color: var(--bluegray-50) + } + .lg\:active\:border-bluegray-50:active { + border-color: var(--bluegray-50) + } + .lg\:focus\:border-bluegray-50\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-50\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:border-bluegray-50\/10:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-50\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-50\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:border-bluegray-50\/20:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-50\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-50\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:border-bluegray-50\/30:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-50\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-50\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:border-bluegray-50\/40:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-50\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-50\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:border-bluegray-50\/50:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-50\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-50\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:border-bluegray-50\/60:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-50\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-50\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:border-bluegray-50\/70:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-50\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-50\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:border-bluegray-50\/80:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-50\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-50\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:border-bluegray-50\/90:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-100:focus { + border-color: var(--bluegray-100) + } + .lg\:hover\:border-bluegray-100:hover { + border-color: var(--bluegray-100) + } + .lg\:active\:border-bluegray-100:active { + border-color: var(--bluegray-100) + } + .lg\:focus\:border-bluegray-100\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-100\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:border-bluegray-100\/10:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-100\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-100\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:border-bluegray-100\/20:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-100\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-100\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:border-bluegray-100\/30:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-100\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-100\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:border-bluegray-100\/40:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-100\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-100\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:border-bluegray-100\/50:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-100\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-100\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:border-bluegray-100\/60:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-100\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-100\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:border-bluegray-100\/70:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-100\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-100\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:border-bluegray-100\/80:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-100\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-100\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:border-bluegray-100\/90:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-200:focus { + border-color: var(--bluegray-200) + } + .lg\:hover\:border-bluegray-200:hover { + border-color: var(--bluegray-200) + } + .lg\:active\:border-bluegray-200:active { + border-color: var(--bluegray-200) + } + .lg\:focus\:border-bluegray-200\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-200\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:border-bluegray-200\/10:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-200\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-200\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:border-bluegray-200\/20:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-200\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-200\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:border-bluegray-200\/30:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-200\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-200\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:border-bluegray-200\/40:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-200\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-200\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:border-bluegray-200\/50:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-200\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-200\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:border-bluegray-200\/60:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-200\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-200\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:border-bluegray-200\/70:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-200\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-200\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:border-bluegray-200\/80:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-200\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-200\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:border-bluegray-200\/90:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-300:focus { + border-color: var(--bluegray-300) + } + .lg\:hover\:border-bluegray-300:hover { + border-color: var(--bluegray-300) + } + .lg\:active\:border-bluegray-300:active { + border-color: var(--bluegray-300) + } + .lg\:focus\:border-bluegray-300\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-300\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:border-bluegray-300\/10:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-300\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-300\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:border-bluegray-300\/20:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-300\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-300\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:border-bluegray-300\/30:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-300\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-300\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:border-bluegray-300\/40:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-300\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-300\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:border-bluegray-300\/50:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-300\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-300\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:border-bluegray-300\/60:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-300\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-300\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:border-bluegray-300\/70:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-300\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-300\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:border-bluegray-300\/80:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-300\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-300\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:border-bluegray-300\/90:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-400:focus { + border-color: var(--bluegray-400) + } + .lg\:hover\:border-bluegray-400:hover { + border-color: var(--bluegray-400) + } + .lg\:active\:border-bluegray-400:active { + border-color: var(--bluegray-400) + } + .lg\:focus\:border-bluegray-400\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-400\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:border-bluegray-400\/10:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-400\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-400\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:border-bluegray-400\/20:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-400\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-400\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:border-bluegray-400\/30:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-400\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-400\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:border-bluegray-400\/40:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-400\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-400\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:border-bluegray-400\/50:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-400\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-400\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:border-bluegray-400\/60:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-400\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-400\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:border-bluegray-400\/70:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-400\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-400\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:border-bluegray-400\/80:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-400\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-400\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:border-bluegray-400\/90:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-500:focus { + border-color: var(--bluegray-500) + } + .lg\:hover\:border-bluegray-500:hover { + border-color: var(--bluegray-500) + } + .lg\:active\:border-bluegray-500:active { + border-color: var(--bluegray-500) + } + .lg\:focus\:border-bluegray-500\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-500\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:border-bluegray-500\/10:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-500\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-500\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:border-bluegray-500\/20:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-500\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-500\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:border-bluegray-500\/30:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-500\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-500\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:border-bluegray-500\/40:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-500\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-500\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:border-bluegray-500\/50:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-500\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-500\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:border-bluegray-500\/60:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-500\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-500\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:border-bluegray-500\/70:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-500\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-500\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:border-bluegray-500\/80:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-500\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-500\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:border-bluegray-500\/90:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-600:focus { + border-color: var(--bluegray-600) + } + .lg\:hover\:border-bluegray-600:hover { + border-color: var(--bluegray-600) + } + .lg\:active\:border-bluegray-600:active { + border-color: var(--bluegray-600) + } + .lg\:focus\:border-bluegray-600\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-600\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:border-bluegray-600\/10:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-600\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-600\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:border-bluegray-600\/20:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-600\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-600\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:border-bluegray-600\/30:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-600\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-600\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:border-bluegray-600\/40:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-600\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-600\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:border-bluegray-600\/50:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-600\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-600\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:border-bluegray-600\/60:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-600\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-600\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:border-bluegray-600\/70:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-600\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-600\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:border-bluegray-600\/80:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-600\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-600\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:border-bluegray-600\/90:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-700:focus { + border-color: var(--bluegray-700) + } + .lg\:hover\:border-bluegray-700:hover { + border-color: var(--bluegray-700) + } + .lg\:active\:border-bluegray-700:active { + border-color: var(--bluegray-700) + } + .lg\:focus\:border-bluegray-700\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-700\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:border-bluegray-700\/10:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-700\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-700\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:border-bluegray-700\/20:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-700\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-700\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:border-bluegray-700\/30:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-700\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-700\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:border-bluegray-700\/40:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-700\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-700\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:border-bluegray-700\/50:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-700\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-700\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:border-bluegray-700\/60:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-700\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-700\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:border-bluegray-700\/70:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-700\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-700\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:border-bluegray-700\/80:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-700\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-700\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:border-bluegray-700\/90:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-800:focus { + border-color: var(--bluegray-800) + } + .lg\:hover\:border-bluegray-800:hover { + border-color: var(--bluegray-800) + } + .lg\:active\:border-bluegray-800:active { + border-color: var(--bluegray-800) + } + .lg\:focus\:border-bluegray-800\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-800\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:border-bluegray-800\/10:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-800\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-800\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:border-bluegray-800\/20:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-800\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-800\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:border-bluegray-800\/30:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-800\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-800\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:border-bluegray-800\/40:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-800\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-800\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:border-bluegray-800\/50:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-800\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-800\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:border-bluegray-800\/60:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-800\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-800\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:border-bluegray-800\/70:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-800\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-800\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:border-bluegray-800\/80:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-800\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-800\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:border-bluegray-800\/90:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:border-bluegray-900:focus { + border-color: var(--bluegray-900) + } + .lg\:hover\:border-bluegray-900:hover { + border-color: var(--bluegray-900) + } + .lg\:active\:border-bluegray-900:active { + border-color: var(--bluegray-900) + } + .lg\:focus\:border-bluegray-900\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:border-bluegray-900\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:border-bluegray-900\/10:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:border-bluegray-900\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:border-bluegray-900\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:border-bluegray-900\/20:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:border-bluegray-900\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:border-bluegray-900\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:border-bluegray-900\/30:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:border-bluegray-900\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:border-bluegray-900\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:border-bluegray-900\/40:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:border-bluegray-900\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:border-bluegray-900\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:border-bluegray-900\/50:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:border-bluegray-900\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:border-bluegray-900\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:border-bluegray-900\/60:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:border-bluegray-900\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:border-bluegray-900\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:border-bluegray-900\/70:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:border-bluegray-900\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:border-bluegray-900\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:border-bluegray-900\/80:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:border-bluegray-900\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:border-bluegray-900\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:border-bluegray-900\/90:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:border-purple-50:focus { + border-color: var(--purple-50) + } + .lg\:hover\:border-purple-50:hover { + border-color: var(--purple-50) + } + .lg\:active\:border-purple-50:active { + border-color: var(--purple-50) + } + .lg\:focus\:border-purple-50\/10:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:border-purple-50\/10:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:border-purple-50\/10:active { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:border-purple-50\/20:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:border-purple-50\/20:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:border-purple-50\/20:active { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:border-purple-50\/30:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:border-purple-50\/30:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:border-purple-50\/30:active { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:border-purple-50\/40:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:border-purple-50\/40:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:border-purple-50\/40:active { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:border-purple-50\/50:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:border-purple-50\/50:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:border-purple-50\/50:active { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:border-purple-50\/60:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:border-purple-50\/60:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:border-purple-50\/60:active { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:border-purple-50\/70:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:border-purple-50\/70:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:border-purple-50\/70:active { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:border-purple-50\/80:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:border-purple-50\/80:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:border-purple-50\/80:active { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:border-purple-50\/90:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:border-purple-50\/90:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:border-purple-50\/90:active { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:border-purple-100:focus { + border-color: var(--purple-100) + } + .lg\:hover\:border-purple-100:hover { + border-color: var(--purple-100) + } + .lg\:active\:border-purple-100:active { + border-color: var(--purple-100) + } + .lg\:focus\:border-purple-100\/10:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:border-purple-100\/10:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:border-purple-100\/10:active { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:border-purple-100\/20:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:border-purple-100\/20:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:border-purple-100\/20:active { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:border-purple-100\/30:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:border-purple-100\/30:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:border-purple-100\/30:active { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:border-purple-100\/40:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:border-purple-100\/40:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:border-purple-100\/40:active { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:border-purple-100\/50:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:border-purple-100\/50:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:border-purple-100\/50:active { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:border-purple-100\/60:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:border-purple-100\/60:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:border-purple-100\/60:active { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:border-purple-100\/70:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:border-purple-100\/70:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:border-purple-100\/70:active { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:border-purple-100\/80:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:border-purple-100\/80:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:border-purple-100\/80:active { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:border-purple-100\/90:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:border-purple-100\/90:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:border-purple-100\/90:active { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:border-purple-200:focus { + border-color: var(--purple-200) + } + .lg\:hover\:border-purple-200:hover { + border-color: var(--purple-200) + } + .lg\:active\:border-purple-200:active { + border-color: var(--purple-200) + } + .lg\:focus\:border-purple-200\/10:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:border-purple-200\/10:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:border-purple-200\/10:active { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:border-purple-200\/20:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:border-purple-200\/20:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:border-purple-200\/20:active { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:border-purple-200\/30:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:border-purple-200\/30:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:border-purple-200\/30:active { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:border-purple-200\/40:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:border-purple-200\/40:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:border-purple-200\/40:active { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:border-purple-200\/50:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:border-purple-200\/50:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:border-purple-200\/50:active { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:border-purple-200\/60:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:border-purple-200\/60:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:border-purple-200\/60:active { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:border-purple-200\/70:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:border-purple-200\/70:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:border-purple-200\/70:active { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:border-purple-200\/80:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:border-purple-200\/80:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:border-purple-200\/80:active { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:border-purple-200\/90:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:border-purple-200\/90:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:border-purple-200\/90:active { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:border-purple-300:focus { + border-color: var(--purple-300) + } + .lg\:hover\:border-purple-300:hover { + border-color: var(--purple-300) + } + .lg\:active\:border-purple-300:active { + border-color: var(--purple-300) + } + .lg\:focus\:border-purple-300\/10:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:border-purple-300\/10:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:border-purple-300\/10:active { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:border-purple-300\/20:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:border-purple-300\/20:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:border-purple-300\/20:active { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:border-purple-300\/30:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:border-purple-300\/30:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:border-purple-300\/30:active { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:border-purple-300\/40:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:border-purple-300\/40:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:border-purple-300\/40:active { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:border-purple-300\/50:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:border-purple-300\/50:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:border-purple-300\/50:active { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:border-purple-300\/60:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:border-purple-300\/60:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:border-purple-300\/60:active { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:border-purple-300\/70:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:border-purple-300\/70:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:border-purple-300\/70:active { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:border-purple-300\/80:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:border-purple-300\/80:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:border-purple-300\/80:active { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:border-purple-300\/90:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:border-purple-300\/90:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:border-purple-300\/90:active { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:border-purple-400:focus { + border-color: var(--purple-400) + } + .lg\:hover\:border-purple-400:hover { + border-color: var(--purple-400) + } + .lg\:active\:border-purple-400:active { + border-color: var(--purple-400) + } + .lg\:focus\:border-purple-400\/10:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:border-purple-400\/10:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:border-purple-400\/10:active { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:border-purple-400\/20:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:border-purple-400\/20:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:border-purple-400\/20:active { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:border-purple-400\/30:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:border-purple-400\/30:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:border-purple-400\/30:active { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:border-purple-400\/40:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:border-purple-400\/40:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:border-purple-400\/40:active { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:border-purple-400\/50:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:border-purple-400\/50:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:border-purple-400\/50:active { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:border-purple-400\/60:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:border-purple-400\/60:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:border-purple-400\/60:active { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:border-purple-400\/70:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:border-purple-400\/70:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:border-purple-400\/70:active { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:border-purple-400\/80:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:border-purple-400\/80:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:border-purple-400\/80:active { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:border-purple-400\/90:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:border-purple-400\/90:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:border-purple-400\/90:active { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:border-purple-500:focus { + border-color: var(--purple-500) + } + .lg\:hover\:border-purple-500:hover { + border-color: var(--purple-500) + } + .lg\:active\:border-purple-500:active { + border-color: var(--purple-500) + } + .lg\:focus\:border-purple-500\/10:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:border-purple-500\/10:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:border-purple-500\/10:active { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:border-purple-500\/20:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:border-purple-500\/20:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:border-purple-500\/20:active { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:border-purple-500\/30:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:border-purple-500\/30:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:border-purple-500\/30:active { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:border-purple-500\/40:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:border-purple-500\/40:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:border-purple-500\/40:active { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:border-purple-500\/50:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:border-purple-500\/50:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:border-purple-500\/50:active { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:border-purple-500\/60:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:border-purple-500\/60:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:border-purple-500\/60:active { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:border-purple-500\/70:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:border-purple-500\/70:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:border-purple-500\/70:active { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:border-purple-500\/80:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:border-purple-500\/80:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:border-purple-500\/80:active { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:border-purple-500\/90:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:border-purple-500\/90:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:border-purple-500\/90:active { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:border-purple-600:focus { + border-color: var(--purple-600) + } + .lg\:hover\:border-purple-600:hover { + border-color: var(--purple-600) + } + .lg\:active\:border-purple-600:active { + border-color: var(--purple-600) + } + .lg\:focus\:border-purple-600\/10:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:border-purple-600\/10:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:border-purple-600\/10:active { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:border-purple-600\/20:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:border-purple-600\/20:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:border-purple-600\/20:active { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:border-purple-600\/30:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:border-purple-600\/30:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:border-purple-600\/30:active { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:border-purple-600\/40:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:border-purple-600\/40:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:border-purple-600\/40:active { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:border-purple-600\/50:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:border-purple-600\/50:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:border-purple-600\/50:active { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:border-purple-600\/60:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:border-purple-600\/60:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:border-purple-600\/60:active { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:border-purple-600\/70:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:border-purple-600\/70:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:border-purple-600\/70:active { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:border-purple-600\/80:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:border-purple-600\/80:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:border-purple-600\/80:active { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:border-purple-600\/90:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:border-purple-600\/90:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:border-purple-600\/90:active { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:border-purple-700:focus { + border-color: var(--purple-700) + } + .lg\:hover\:border-purple-700:hover { + border-color: var(--purple-700) + } + .lg\:active\:border-purple-700:active { + border-color: var(--purple-700) + } + .lg\:focus\:border-purple-700\/10:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:border-purple-700\/10:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:border-purple-700\/10:active { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:border-purple-700\/20:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:border-purple-700\/20:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:border-purple-700\/20:active { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:border-purple-700\/30:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:border-purple-700\/30:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:border-purple-700\/30:active { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:border-purple-700\/40:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:border-purple-700\/40:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:border-purple-700\/40:active { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:border-purple-700\/50:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:border-purple-700\/50:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:border-purple-700\/50:active { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:border-purple-700\/60:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:border-purple-700\/60:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:border-purple-700\/60:active { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:border-purple-700\/70:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:border-purple-700\/70:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:border-purple-700\/70:active { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:border-purple-700\/80:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:border-purple-700\/80:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:border-purple-700\/80:active { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:border-purple-700\/90:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:border-purple-700\/90:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:border-purple-700\/90:active { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:border-purple-800:focus { + border-color: var(--purple-800) + } + .lg\:hover\:border-purple-800:hover { + border-color: var(--purple-800) + } + .lg\:active\:border-purple-800:active { + border-color: var(--purple-800) + } + .lg\:focus\:border-purple-800\/10:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:border-purple-800\/10:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:border-purple-800\/10:active { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:border-purple-800\/20:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:border-purple-800\/20:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:border-purple-800\/20:active { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:border-purple-800\/30:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:border-purple-800\/30:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:border-purple-800\/30:active { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:border-purple-800\/40:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:border-purple-800\/40:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:border-purple-800\/40:active { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:border-purple-800\/50:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:border-purple-800\/50:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:border-purple-800\/50:active { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:border-purple-800\/60:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:border-purple-800\/60:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:border-purple-800\/60:active { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:border-purple-800\/70:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:border-purple-800\/70:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:border-purple-800\/70:active { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:border-purple-800\/80:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:border-purple-800\/80:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:border-purple-800\/80:active { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:border-purple-800\/90:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:border-purple-800\/90:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:border-purple-800\/90:active { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:border-purple-900:focus { + border-color: var(--purple-900) + } + .lg\:hover\:border-purple-900:hover { + border-color: var(--purple-900) + } + .lg\:active\:border-purple-900:active { + border-color: var(--purple-900) + } + .lg\:focus\:border-purple-900\/10:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:border-purple-900\/10:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:border-purple-900\/10:active { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:border-purple-900\/20:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:border-purple-900\/20:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:border-purple-900\/20:active { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:border-purple-900\/30:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:border-purple-900\/30:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:border-purple-900\/30:active { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:border-purple-900\/40:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:border-purple-900\/40:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:border-purple-900\/40:active { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:border-purple-900\/50:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:border-purple-900\/50:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:border-purple-900\/50:active { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:border-purple-900\/60:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:border-purple-900\/60:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:border-purple-900\/60:active { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:border-purple-900\/70:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:border-purple-900\/70:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:border-purple-900\/70:active { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:border-purple-900\/80:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:border-purple-900\/80:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:border-purple-900\/80:active { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:border-purple-900\/90:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:border-purple-900\/90:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:border-purple-900\/90:active { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:border-red-50:focus { + border-color: var(--red-50) + } + .lg\:hover\:border-red-50:hover { + border-color: var(--red-50) + } + .lg\:active\:border-red-50:active { + border-color: var(--red-50) + } + .lg\:focus\:border-red-50\/10:focus { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:border-red-50\/10:hover { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:border-red-50\/10:active { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:border-red-50\/20:focus { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:border-red-50\/20:hover { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:border-red-50\/20:active { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:border-red-50\/30:focus { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:border-red-50\/30:hover { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:border-red-50\/30:active { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:border-red-50\/40:focus { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:border-red-50\/40:hover { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:border-red-50\/40:active { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:border-red-50\/50:focus { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:border-red-50\/50:hover { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:border-red-50\/50:active { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:border-red-50\/60:focus { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:border-red-50\/60:hover { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:border-red-50\/60:active { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:border-red-50\/70:focus { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:border-red-50\/70:hover { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:border-red-50\/70:active { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:border-red-50\/80:focus { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:border-red-50\/80:hover { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:border-red-50\/80:active { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:border-red-50\/90:focus { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:border-red-50\/90:hover { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:border-red-50\/90:active { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:border-red-100:focus { + border-color: var(--red-100) + } + .lg\:hover\:border-red-100:hover { + border-color: var(--red-100) + } + .lg\:active\:border-red-100:active { + border-color: var(--red-100) + } + .lg\:focus\:border-red-100\/10:focus { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:border-red-100\/10:hover { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:border-red-100\/10:active { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:border-red-100\/20:focus { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:border-red-100\/20:hover { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:border-red-100\/20:active { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:border-red-100\/30:focus { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:border-red-100\/30:hover { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:border-red-100\/30:active { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:border-red-100\/40:focus { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:border-red-100\/40:hover { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:border-red-100\/40:active { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:border-red-100\/50:focus { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:border-red-100\/50:hover { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:border-red-100\/50:active { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:border-red-100\/60:focus { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:border-red-100\/60:hover { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:border-red-100\/60:active { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:border-red-100\/70:focus { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:border-red-100\/70:hover { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:border-red-100\/70:active { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:border-red-100\/80:focus { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:border-red-100\/80:hover { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:border-red-100\/80:active { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:border-red-100\/90:focus { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:border-red-100\/90:hover { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:border-red-100\/90:active { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:border-red-200:focus { + border-color: var(--red-200) + } + .lg\:hover\:border-red-200:hover { + border-color: var(--red-200) + } + .lg\:active\:border-red-200:active { + border-color: var(--red-200) + } + .lg\:focus\:border-red-200\/10:focus { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:border-red-200\/10:hover { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:border-red-200\/10:active { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:border-red-200\/20:focus { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:border-red-200\/20:hover { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:border-red-200\/20:active { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:border-red-200\/30:focus { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:border-red-200\/30:hover { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:border-red-200\/30:active { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:border-red-200\/40:focus { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:border-red-200\/40:hover { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:border-red-200\/40:active { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:border-red-200\/50:focus { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:border-red-200\/50:hover { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:border-red-200\/50:active { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:border-red-200\/60:focus { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:border-red-200\/60:hover { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:border-red-200\/60:active { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:border-red-200\/70:focus { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:border-red-200\/70:hover { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:border-red-200\/70:active { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:border-red-200\/80:focus { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:border-red-200\/80:hover { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:border-red-200\/80:active { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:border-red-200\/90:focus { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:border-red-200\/90:hover { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:border-red-200\/90:active { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:border-red-300:focus { + border-color: var(--red-300) + } + .lg\:hover\:border-red-300:hover { + border-color: var(--red-300) + } + .lg\:active\:border-red-300:active { + border-color: var(--red-300) + } + .lg\:focus\:border-red-300\/10:focus { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:border-red-300\/10:hover { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:border-red-300\/10:active { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:border-red-300\/20:focus { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:border-red-300\/20:hover { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:border-red-300\/20:active { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:border-red-300\/30:focus { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:border-red-300\/30:hover { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:border-red-300\/30:active { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:border-red-300\/40:focus { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:border-red-300\/40:hover { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:border-red-300\/40:active { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:border-red-300\/50:focus { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:border-red-300\/50:hover { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:border-red-300\/50:active { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:border-red-300\/60:focus { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:border-red-300\/60:hover { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:border-red-300\/60:active { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:border-red-300\/70:focus { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:border-red-300\/70:hover { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:border-red-300\/70:active { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:border-red-300\/80:focus { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:border-red-300\/80:hover { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:border-red-300\/80:active { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:border-red-300\/90:focus { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:border-red-300\/90:hover { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:border-red-300\/90:active { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:border-red-400:focus { + border-color: var(--red-400) + } + .lg\:hover\:border-red-400:hover { + border-color: var(--red-400) + } + .lg\:active\:border-red-400:active { + border-color: var(--red-400) + } + .lg\:focus\:border-red-400\/10:focus { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:border-red-400\/10:hover { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:border-red-400\/10:active { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:border-red-400\/20:focus { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:border-red-400\/20:hover { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:border-red-400\/20:active { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:border-red-400\/30:focus { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:border-red-400\/30:hover { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:border-red-400\/30:active { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:border-red-400\/40:focus { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:border-red-400\/40:hover { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:border-red-400\/40:active { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:border-red-400\/50:focus { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:border-red-400\/50:hover { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:border-red-400\/50:active { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:border-red-400\/60:focus { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:border-red-400\/60:hover { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:border-red-400\/60:active { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:border-red-400\/70:focus { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:border-red-400\/70:hover { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:border-red-400\/70:active { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:border-red-400\/80:focus { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:border-red-400\/80:hover { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:border-red-400\/80:active { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:border-red-400\/90:focus { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:border-red-400\/90:hover { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:border-red-400\/90:active { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:border-red-500:focus { + border-color: var(--red-500) + } + .lg\:hover\:border-red-500:hover { + border-color: var(--red-500) + } + .lg\:active\:border-red-500:active { + border-color: var(--red-500) + } + .lg\:focus\:border-red-500\/10:focus { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:border-red-500\/10:hover { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:border-red-500\/10:active { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:border-red-500\/20:focus { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:border-red-500\/20:hover { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:border-red-500\/20:active { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:border-red-500\/30:focus { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:border-red-500\/30:hover { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:border-red-500\/30:active { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:border-red-500\/40:focus { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:border-red-500\/40:hover { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:border-red-500\/40:active { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:border-red-500\/50:focus { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:border-red-500\/50:hover { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:border-red-500\/50:active { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:border-red-500\/60:focus { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:border-red-500\/60:hover { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:border-red-500\/60:active { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:border-red-500\/70:focus { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:border-red-500\/70:hover { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:border-red-500\/70:active { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:border-red-500\/80:focus { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:border-red-500\/80:hover { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:border-red-500\/80:active { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:border-red-500\/90:focus { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:border-red-500\/90:hover { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:border-red-500\/90:active { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:border-red-600:focus { + border-color: var(--red-600) + } + .lg\:hover\:border-red-600:hover { + border-color: var(--red-600) + } + .lg\:active\:border-red-600:active { + border-color: var(--red-600) + } + .lg\:focus\:border-red-600\/10:focus { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:border-red-600\/10:hover { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:border-red-600\/10:active { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:border-red-600\/20:focus { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:border-red-600\/20:hover { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:border-red-600\/20:active { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:border-red-600\/30:focus { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:border-red-600\/30:hover { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:border-red-600\/30:active { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:border-red-600\/40:focus { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:border-red-600\/40:hover { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:border-red-600\/40:active { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:border-red-600\/50:focus { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:border-red-600\/50:hover { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:border-red-600\/50:active { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:border-red-600\/60:focus { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:border-red-600\/60:hover { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:border-red-600\/60:active { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:border-red-600\/70:focus { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:border-red-600\/70:hover { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:border-red-600\/70:active { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:border-red-600\/80:focus { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:border-red-600\/80:hover { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:border-red-600\/80:active { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:border-red-600\/90:focus { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:border-red-600\/90:hover { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:border-red-600\/90:active { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:border-red-700:focus { + border-color: var(--red-700) + } + .lg\:hover\:border-red-700:hover { + border-color: var(--red-700) + } + .lg\:active\:border-red-700:active { + border-color: var(--red-700) + } + .lg\:focus\:border-red-700\/10:focus { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:border-red-700\/10:hover { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:border-red-700\/10:active { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:border-red-700\/20:focus { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:border-red-700\/20:hover { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:border-red-700\/20:active { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:border-red-700\/30:focus { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:border-red-700\/30:hover { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:border-red-700\/30:active { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:border-red-700\/40:focus { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:border-red-700\/40:hover { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:border-red-700\/40:active { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:border-red-700\/50:focus { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:border-red-700\/50:hover { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:border-red-700\/50:active { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:border-red-700\/60:focus { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:border-red-700\/60:hover { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:border-red-700\/60:active { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:border-red-700\/70:focus { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:border-red-700\/70:hover { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:border-red-700\/70:active { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:border-red-700\/80:focus { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:border-red-700\/80:hover { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:border-red-700\/80:active { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:border-red-700\/90:focus { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:border-red-700\/90:hover { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:border-red-700\/90:active { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:border-red-800:focus { + border-color: var(--red-800) + } + .lg\:hover\:border-red-800:hover { + border-color: var(--red-800) + } + .lg\:active\:border-red-800:active { + border-color: var(--red-800) + } + .lg\:focus\:border-red-800\/10:focus { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:border-red-800\/10:hover { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:border-red-800\/10:active { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:border-red-800\/20:focus { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:border-red-800\/20:hover { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:border-red-800\/20:active { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:border-red-800\/30:focus { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:border-red-800\/30:hover { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:border-red-800\/30:active { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:border-red-800\/40:focus { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:border-red-800\/40:hover { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:border-red-800\/40:active { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:border-red-800\/50:focus { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:border-red-800\/50:hover { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:border-red-800\/50:active { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:border-red-800\/60:focus { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:border-red-800\/60:hover { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:border-red-800\/60:active { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:border-red-800\/70:focus { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:border-red-800\/70:hover { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:border-red-800\/70:active { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:border-red-800\/80:focus { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:border-red-800\/80:hover { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:border-red-800\/80:active { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:border-red-800\/90:focus { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:border-red-800\/90:hover { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:border-red-800\/90:active { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:border-red-900:focus { + border-color: var(--red-900) + } + .lg\:hover\:border-red-900:hover { + border-color: var(--red-900) + } + .lg\:active\:border-red-900:active { + border-color: var(--red-900) + } + .lg\:focus\:border-red-900\/10:focus { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:border-red-900\/10:hover { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:border-red-900\/10:active { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:border-red-900\/20:focus { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:border-red-900\/20:hover { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:border-red-900\/20:active { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:border-red-900\/30:focus { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:border-red-900\/30:hover { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:border-red-900\/30:active { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:border-red-900\/40:focus { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:border-red-900\/40:hover { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:border-red-900\/40:active { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:border-red-900\/50:focus { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:border-red-900\/50:hover { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:border-red-900\/50:active { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:border-red-900\/60:focus { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:border-red-900\/60:hover { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:border-red-900\/60:active { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:border-red-900\/70:focus { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:border-red-900\/70:hover { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:border-red-900\/70:active { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:border-red-900\/80:focus { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:border-red-900\/80:hover { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:border-red-900\/80:active { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:border-red-900\/90:focus { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:border-red-900\/90:hover { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:border-red-900\/90:active { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:border-gray-50:focus { + border-color: var(--gray-50) + } + .lg\:hover\:border-gray-50:hover { + border-color: var(--gray-50) + } + .lg\:active\:border-gray-50:active { + border-color: var(--gray-50) + } + .lg\:focus\:border-gray-50\/10:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:border-gray-50\/10:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:border-gray-50\/10:active { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:border-gray-50\/20:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:border-gray-50\/20:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:border-gray-50\/20:active { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:border-gray-50\/30:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:border-gray-50\/30:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:border-gray-50\/30:active { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:border-gray-50\/40:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:border-gray-50\/40:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:border-gray-50\/40:active { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:border-gray-50\/50:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:border-gray-50\/50:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:border-gray-50\/50:active { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:border-gray-50\/60:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:border-gray-50\/60:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:border-gray-50\/60:active { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:border-gray-50\/70:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:border-gray-50\/70:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:border-gray-50\/70:active { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:border-gray-50\/80:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:border-gray-50\/80:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:border-gray-50\/80:active { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:border-gray-50\/90:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:border-gray-50\/90:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:border-gray-50\/90:active { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:border-gray-100:focus { + border-color: var(--gray-100) + } + .lg\:hover\:border-gray-100:hover { + border-color: var(--gray-100) + } + .lg\:active\:border-gray-100:active { + border-color: var(--gray-100) + } + .lg\:focus\:border-gray-100\/10:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:border-gray-100\/10:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:border-gray-100\/10:active { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:border-gray-100\/20:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:border-gray-100\/20:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:border-gray-100\/20:active { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:border-gray-100\/30:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:border-gray-100\/30:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:border-gray-100\/30:active { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:border-gray-100\/40:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:border-gray-100\/40:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:border-gray-100\/40:active { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:border-gray-100\/50:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:border-gray-100\/50:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:border-gray-100\/50:active { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:border-gray-100\/60:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:border-gray-100\/60:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:border-gray-100\/60:active { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:border-gray-100\/70:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:border-gray-100\/70:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:border-gray-100\/70:active { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:border-gray-100\/80:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:border-gray-100\/80:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:border-gray-100\/80:active { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:border-gray-100\/90:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:border-gray-100\/90:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:border-gray-100\/90:active { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:border-gray-200:focus { + border-color: var(--gray-200) + } + .lg\:hover\:border-gray-200:hover { + border-color: var(--gray-200) + } + .lg\:active\:border-gray-200:active { + border-color: var(--gray-200) + } + .lg\:focus\:border-gray-200\/10:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:border-gray-200\/10:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:border-gray-200\/10:active { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:border-gray-200\/20:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:border-gray-200\/20:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:border-gray-200\/20:active { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:border-gray-200\/30:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:border-gray-200\/30:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:border-gray-200\/30:active { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:border-gray-200\/40:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:border-gray-200\/40:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:border-gray-200\/40:active { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:border-gray-200\/50:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:border-gray-200\/50:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:border-gray-200\/50:active { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:border-gray-200\/60:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:border-gray-200\/60:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:border-gray-200\/60:active { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:border-gray-200\/70:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:border-gray-200\/70:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:border-gray-200\/70:active { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:border-gray-200\/80:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:border-gray-200\/80:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:border-gray-200\/80:active { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:border-gray-200\/90:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:border-gray-200\/90:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:border-gray-200\/90:active { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:border-gray-300:focus { + border-color: var(--gray-300) + } + .lg\:hover\:border-gray-300:hover { + border-color: var(--gray-300) + } + .lg\:active\:border-gray-300:active { + border-color: var(--gray-300) + } + .lg\:focus\:border-gray-300\/10:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:border-gray-300\/10:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:border-gray-300\/10:active { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:border-gray-300\/20:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:border-gray-300\/20:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:border-gray-300\/20:active { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:border-gray-300\/30:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:border-gray-300\/30:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:border-gray-300\/30:active { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:border-gray-300\/40:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:border-gray-300\/40:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:border-gray-300\/40:active { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:border-gray-300\/50:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:border-gray-300\/50:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:border-gray-300\/50:active { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:border-gray-300\/60:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:border-gray-300\/60:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:border-gray-300\/60:active { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:border-gray-300\/70:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:border-gray-300\/70:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:border-gray-300\/70:active { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:border-gray-300\/80:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:border-gray-300\/80:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:border-gray-300\/80:active { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:border-gray-300\/90:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:border-gray-300\/90:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:border-gray-300\/90:active { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:border-gray-400:focus { + border-color: var(--gray-400) + } + .lg\:hover\:border-gray-400:hover { + border-color: var(--gray-400) + } + .lg\:active\:border-gray-400:active { + border-color: var(--gray-400) + } + .lg\:focus\:border-gray-400\/10:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:border-gray-400\/10:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:border-gray-400\/10:active { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:border-gray-400\/20:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:border-gray-400\/20:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:border-gray-400\/20:active { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:border-gray-400\/30:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:border-gray-400\/30:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:border-gray-400\/30:active { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:border-gray-400\/40:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:border-gray-400\/40:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:border-gray-400\/40:active { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:border-gray-400\/50:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:border-gray-400\/50:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:border-gray-400\/50:active { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:border-gray-400\/60:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:border-gray-400\/60:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:border-gray-400\/60:active { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:border-gray-400\/70:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:border-gray-400\/70:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:border-gray-400\/70:active { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:border-gray-400\/80:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:border-gray-400\/80:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:border-gray-400\/80:active { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:border-gray-400\/90:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:border-gray-400\/90:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:border-gray-400\/90:active { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:border-gray-500:focus { + border-color: var(--gray-500) + } + .lg\:hover\:border-gray-500:hover { + border-color: var(--gray-500) + } + .lg\:active\:border-gray-500:active { + border-color: var(--gray-500) + } + .lg\:focus\:border-gray-500\/10:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:border-gray-500\/10:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:border-gray-500\/10:active { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:border-gray-500\/20:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:border-gray-500\/20:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:border-gray-500\/20:active { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:border-gray-500\/30:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:border-gray-500\/30:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:border-gray-500\/30:active { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:border-gray-500\/40:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:border-gray-500\/40:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:border-gray-500\/40:active { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:border-gray-500\/50:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:border-gray-500\/50:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:border-gray-500\/50:active { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:border-gray-500\/60:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:border-gray-500\/60:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:border-gray-500\/60:active { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:border-gray-500\/70:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:border-gray-500\/70:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:border-gray-500\/70:active { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:border-gray-500\/80:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:border-gray-500\/80:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:border-gray-500\/80:active { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:border-gray-500\/90:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:border-gray-500\/90:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:border-gray-500\/90:active { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:border-gray-600:focus { + border-color: var(--gray-600) + } + .lg\:hover\:border-gray-600:hover { + border-color: var(--gray-600) + } + .lg\:active\:border-gray-600:active { + border-color: var(--gray-600) + } + .lg\:focus\:border-gray-600\/10:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:border-gray-600\/10:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:border-gray-600\/10:active { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:border-gray-600\/20:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:border-gray-600\/20:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:border-gray-600\/20:active { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:border-gray-600\/30:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:border-gray-600\/30:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:border-gray-600\/30:active { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:border-gray-600\/40:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:border-gray-600\/40:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:border-gray-600\/40:active { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:border-gray-600\/50:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:border-gray-600\/50:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:border-gray-600\/50:active { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:border-gray-600\/60:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:border-gray-600\/60:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:border-gray-600\/60:active { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:border-gray-600\/70:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:border-gray-600\/70:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:border-gray-600\/70:active { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:border-gray-600\/80:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:border-gray-600\/80:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:border-gray-600\/80:active { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:border-gray-600\/90:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:border-gray-600\/90:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:border-gray-600\/90:active { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:border-gray-700:focus { + border-color: var(--gray-700) + } + .lg\:hover\:border-gray-700:hover { + border-color: var(--gray-700) + } + .lg\:active\:border-gray-700:active { + border-color: var(--gray-700) + } + .lg\:focus\:border-gray-700\/10:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:border-gray-700\/10:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:border-gray-700\/10:active { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:border-gray-700\/20:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:border-gray-700\/20:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:border-gray-700\/20:active { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:border-gray-700\/30:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:border-gray-700\/30:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:border-gray-700\/30:active { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:border-gray-700\/40:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:border-gray-700\/40:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:border-gray-700\/40:active { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:border-gray-700\/50:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:border-gray-700\/50:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:border-gray-700\/50:active { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:border-gray-700\/60:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:border-gray-700\/60:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:border-gray-700\/60:active { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:border-gray-700\/70:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:border-gray-700\/70:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:border-gray-700\/70:active { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:border-gray-700\/80:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:border-gray-700\/80:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:border-gray-700\/80:active { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:border-gray-700\/90:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:border-gray-700\/90:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:border-gray-700\/90:active { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:border-gray-800:focus { + border-color: var(--gray-800) + } + .lg\:hover\:border-gray-800:hover { + border-color: var(--gray-800) + } + .lg\:active\:border-gray-800:active { + border-color: var(--gray-800) + } + .lg\:focus\:border-gray-800\/10:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:border-gray-800\/10:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:border-gray-800\/10:active { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:border-gray-800\/20:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:border-gray-800\/20:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:border-gray-800\/20:active { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:border-gray-800\/30:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:border-gray-800\/30:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:border-gray-800\/30:active { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:border-gray-800\/40:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:border-gray-800\/40:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:border-gray-800\/40:active { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:border-gray-800\/50:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:border-gray-800\/50:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:border-gray-800\/50:active { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:border-gray-800\/60:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:border-gray-800\/60:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:border-gray-800\/60:active { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:border-gray-800\/70:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:border-gray-800\/70:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:border-gray-800\/70:active { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:border-gray-800\/80:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:border-gray-800\/80:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:border-gray-800\/80:active { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:border-gray-800\/90:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:border-gray-800\/90:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:border-gray-800\/90:active { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:border-gray-900:focus { + border-color: var(--gray-900) + } + .lg\:hover\:border-gray-900:hover { + border-color: var(--gray-900) + } + .lg\:active\:border-gray-900:active { + border-color: var(--gray-900) + } + .lg\:focus\:border-gray-900\/10:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:border-gray-900\/10:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:border-gray-900\/10:active { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:border-gray-900\/20:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:border-gray-900\/20:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:border-gray-900\/20:active { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:border-gray-900\/30:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:border-gray-900\/30:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:border-gray-900\/30:active { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:border-gray-900\/40:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:border-gray-900\/40:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:border-gray-900\/40:active { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:border-gray-900\/50:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:border-gray-900\/50:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:border-gray-900\/50:active { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:border-gray-900\/60:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:border-gray-900\/60:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:border-gray-900\/60:active { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:border-gray-900\/70:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:border-gray-900\/70:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:border-gray-900\/70:active { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:border-gray-900\/80:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:border-gray-900\/80:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:border-gray-900\/80:active { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:border-gray-900\/90:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:border-gray-900\/90:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:border-gray-900\/90:active { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:border-surface-0:focus { + border-color: var(--surface-0) + } + .lg\:hover\:border-surface-0:hover { + border-color: var(--surface-0) + } + .lg\:active\:border-surface-0:active { + border-color: var(--surface-0) + } + .lg\:focus\:border-surface-0\/10:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:border-surface-0\/10:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:border-surface-0\/10:active { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:border-surface-0\/20:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:border-surface-0\/20:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:border-surface-0\/20:active { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:border-surface-0\/30:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:border-surface-0\/30:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:border-surface-0\/30:active { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:border-surface-0\/40:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:border-surface-0\/40:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:border-surface-0\/40:active { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:border-surface-0\/50:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:border-surface-0\/50:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:border-surface-0\/50:active { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:border-surface-0\/60:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:border-surface-0\/60:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:border-surface-0\/60:active { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:border-surface-0\/70:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:border-surface-0\/70:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:border-surface-0\/70:active { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:border-surface-0\/80:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:border-surface-0\/80:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:border-surface-0\/80:active { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:border-surface-0\/90:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:border-surface-0\/90:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:border-surface-0\/90:active { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:border-surface-50:focus { + border-color: var(--surface-50) + } + .lg\:hover\:border-surface-50:hover { + border-color: var(--surface-50) + } + .lg\:active\:border-surface-50:active { + border-color: var(--surface-50) + } + .lg\:focus\:border-surface-50\/10:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:border-surface-50\/10:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:border-surface-50\/10:active { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:border-surface-50\/20:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:border-surface-50\/20:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:border-surface-50\/20:active { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:border-surface-50\/30:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:border-surface-50\/30:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:border-surface-50\/30:active { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:border-surface-50\/40:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:border-surface-50\/40:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:border-surface-50\/40:active { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:border-surface-50\/50:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:border-surface-50\/50:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:border-surface-50\/50:active { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:border-surface-50\/60:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:border-surface-50\/60:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:border-surface-50\/60:active { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:border-surface-50\/70:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:border-surface-50\/70:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:border-surface-50\/70:active { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:border-surface-50\/80:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:border-surface-50\/80:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:border-surface-50\/80:active { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:border-surface-50\/90:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:border-surface-50\/90:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:border-surface-50\/90:active { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:border-surface-100:focus { + border-color: var(--surface-100) + } + .lg\:hover\:border-surface-100:hover { + border-color: var(--surface-100) + } + .lg\:active\:border-surface-100:active { + border-color: var(--surface-100) + } + .lg\:focus\:border-surface-100\/10:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:border-surface-100\/10:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:border-surface-100\/10:active { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:border-surface-100\/20:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:border-surface-100\/20:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:border-surface-100\/20:active { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:border-surface-100\/30:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:border-surface-100\/30:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:border-surface-100\/30:active { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:border-surface-100\/40:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:border-surface-100\/40:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:border-surface-100\/40:active { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:border-surface-100\/50:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:border-surface-100\/50:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:border-surface-100\/50:active { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:border-surface-100\/60:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:border-surface-100\/60:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:border-surface-100\/60:active { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:border-surface-100\/70:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:border-surface-100\/70:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:border-surface-100\/70:active { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:border-surface-100\/80:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:border-surface-100\/80:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:border-surface-100\/80:active { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:border-surface-100\/90:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:border-surface-100\/90:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:border-surface-100\/90:active { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:border-surface-200:focus { + border-color: var(--surface-200) + } + .lg\:hover\:border-surface-200:hover { + border-color: var(--surface-200) + } + .lg\:active\:border-surface-200:active { + border-color: var(--surface-200) + } + .lg\:focus\:border-surface-200\/10:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:border-surface-200\/10:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:border-surface-200\/10:active { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:border-surface-200\/20:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:border-surface-200\/20:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:border-surface-200\/20:active { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:border-surface-200\/30:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:border-surface-200\/30:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:border-surface-200\/30:active { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:border-surface-200\/40:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:border-surface-200\/40:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:border-surface-200\/40:active { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:border-surface-200\/50:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:border-surface-200\/50:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:border-surface-200\/50:active { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:border-surface-200\/60:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:border-surface-200\/60:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:border-surface-200\/60:active { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:border-surface-200\/70:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:border-surface-200\/70:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:border-surface-200\/70:active { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:border-surface-200\/80:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:border-surface-200\/80:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:border-surface-200\/80:active { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:border-surface-200\/90:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:border-surface-200\/90:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:border-surface-200\/90:active { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:border-surface-300:focus { + border-color: var(--surface-300) + } + .lg\:hover\:border-surface-300:hover { + border-color: var(--surface-300) + } + .lg\:active\:border-surface-300:active { + border-color: var(--surface-300) + } + .lg\:focus\:border-surface-300\/10:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:border-surface-300\/10:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:border-surface-300\/10:active { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:border-surface-300\/20:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:border-surface-300\/20:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:border-surface-300\/20:active { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:border-surface-300\/30:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:border-surface-300\/30:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:border-surface-300\/30:active { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:border-surface-300\/40:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:border-surface-300\/40:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:border-surface-300\/40:active { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:border-surface-300\/50:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:border-surface-300\/50:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:border-surface-300\/50:active { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:border-surface-300\/60:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:border-surface-300\/60:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:border-surface-300\/60:active { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:border-surface-300\/70:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:border-surface-300\/70:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:border-surface-300\/70:active { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:border-surface-300\/80:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:border-surface-300\/80:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:border-surface-300\/80:active { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:border-surface-300\/90:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:border-surface-300\/90:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:border-surface-300\/90:active { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:border-surface-400:focus { + border-color: var(--surface-400) + } + .lg\:hover\:border-surface-400:hover { + border-color: var(--surface-400) + } + .lg\:active\:border-surface-400:active { + border-color: var(--surface-400) + } + .lg\:focus\:border-surface-400\/10:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:border-surface-400\/10:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:border-surface-400\/10:active { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:border-surface-400\/20:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:border-surface-400\/20:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:border-surface-400\/20:active { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:border-surface-400\/30:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:border-surface-400\/30:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:border-surface-400\/30:active { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:border-surface-400\/40:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:border-surface-400\/40:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:border-surface-400\/40:active { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:border-surface-400\/50:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:border-surface-400\/50:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:border-surface-400\/50:active { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:border-surface-400\/60:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:border-surface-400\/60:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:border-surface-400\/60:active { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:border-surface-400\/70:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:border-surface-400\/70:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:border-surface-400\/70:active { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:border-surface-400\/80:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:border-surface-400\/80:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:border-surface-400\/80:active { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:border-surface-400\/90:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:border-surface-400\/90:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:border-surface-400\/90:active { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:border-surface-500:focus { + border-color: var(--surface-500) + } + .lg\:hover\:border-surface-500:hover { + border-color: var(--surface-500) + } + .lg\:active\:border-surface-500:active { + border-color: var(--surface-500) + } + .lg\:focus\:border-surface-500\/10:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:border-surface-500\/10:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:border-surface-500\/10:active { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:border-surface-500\/20:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:border-surface-500\/20:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:border-surface-500\/20:active { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:border-surface-500\/30:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:border-surface-500\/30:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:border-surface-500\/30:active { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:border-surface-500\/40:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:border-surface-500\/40:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:border-surface-500\/40:active { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:border-surface-500\/50:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:border-surface-500\/50:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:border-surface-500\/50:active { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:border-surface-500\/60:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:border-surface-500\/60:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:border-surface-500\/60:active { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:border-surface-500\/70:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:border-surface-500\/70:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:border-surface-500\/70:active { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:border-surface-500\/80:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:border-surface-500\/80:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:border-surface-500\/80:active { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:border-surface-500\/90:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:border-surface-500\/90:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:border-surface-500\/90:active { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:border-surface-600:focus { + border-color: var(--surface-600) + } + .lg\:hover\:border-surface-600:hover { + border-color: var(--surface-600) + } + .lg\:active\:border-surface-600:active { + border-color: var(--surface-600) + } + .lg\:focus\:border-surface-600\/10:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:border-surface-600\/10:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:border-surface-600\/10:active { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:border-surface-600\/20:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:border-surface-600\/20:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:border-surface-600\/20:active { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:border-surface-600\/30:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:border-surface-600\/30:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:border-surface-600\/30:active { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:border-surface-600\/40:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:border-surface-600\/40:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:border-surface-600\/40:active { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:border-surface-600\/50:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:border-surface-600\/50:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:border-surface-600\/50:active { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:border-surface-600\/60:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:border-surface-600\/60:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:border-surface-600\/60:active { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:border-surface-600\/70:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:border-surface-600\/70:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:border-surface-600\/70:active { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:border-surface-600\/80:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:border-surface-600\/80:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:border-surface-600\/80:active { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:border-surface-600\/90:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:border-surface-600\/90:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:border-surface-600\/90:active { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:border-surface-700:focus { + border-color: var(--surface-700) + } + .lg\:hover\:border-surface-700:hover { + border-color: var(--surface-700) + } + .lg\:active\:border-surface-700:active { + border-color: var(--surface-700) + } + .lg\:focus\:border-surface-700\/10:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:border-surface-700\/10:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:border-surface-700\/10:active { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:border-surface-700\/20:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:border-surface-700\/20:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:border-surface-700\/20:active { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:border-surface-700\/30:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:border-surface-700\/30:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:border-surface-700\/30:active { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:border-surface-700\/40:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:border-surface-700\/40:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:border-surface-700\/40:active { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:border-surface-700\/50:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:border-surface-700\/50:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:border-surface-700\/50:active { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:border-surface-700\/60:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:border-surface-700\/60:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:border-surface-700\/60:active { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:border-surface-700\/70:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:border-surface-700\/70:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:border-surface-700\/70:active { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:border-surface-700\/80:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:border-surface-700\/80:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:border-surface-700\/80:active { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:border-surface-700\/90:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:border-surface-700\/90:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:border-surface-700\/90:active { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:border-surface-800:focus { + border-color: var(--surface-800) + } + .lg\:hover\:border-surface-800:hover { + border-color: var(--surface-800) + } + .lg\:active\:border-surface-800:active { + border-color: var(--surface-800) + } + .lg\:focus\:border-surface-800\/10:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:border-surface-800\/10:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:border-surface-800\/10:active { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:border-surface-800\/20:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:border-surface-800\/20:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:border-surface-800\/20:active { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:border-surface-800\/30:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:border-surface-800\/30:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:border-surface-800\/30:active { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:border-surface-800\/40:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:border-surface-800\/40:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:border-surface-800\/40:active { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:border-surface-800\/50:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:border-surface-800\/50:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:border-surface-800\/50:active { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:border-surface-800\/60:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:border-surface-800\/60:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:border-surface-800\/60:active { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:border-surface-800\/70:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:border-surface-800\/70:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:border-surface-800\/70:active { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:border-surface-800\/80:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:border-surface-800\/80:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:border-surface-800\/80:active { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:border-surface-800\/90:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:border-surface-800\/90:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:border-surface-800\/90:active { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:border-surface-900:focus { + border-color: var(--surface-900) + } + .lg\:hover\:border-surface-900:hover { + border-color: var(--surface-900) + } + .lg\:active\:border-surface-900:active { + border-color: var(--surface-900) + } + .lg\:focus\:border-surface-900\/10:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:border-surface-900\/10:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:border-surface-900\/10:active { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:border-surface-900\/20:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:border-surface-900\/20:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:border-surface-900\/20:active { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:border-surface-900\/30:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:border-surface-900\/30:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:border-surface-900\/30:active { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:border-surface-900\/40:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:border-surface-900\/40:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:border-surface-900\/40:active { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:border-surface-900\/50:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:border-surface-900\/50:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:border-surface-900\/50:active { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:border-surface-900\/60:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:border-surface-900\/60:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:border-surface-900\/60:active { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:border-surface-900\/70:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:border-surface-900\/70:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:border-surface-900\/70:active { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:border-surface-900\/80:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:border-surface-900\/80:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:border-surface-900\/80:active { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:border-surface-900\/90:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:border-surface-900\/90:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:border-surface-900\/90:active { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:border-primary-50:focus { + border-color: var(--primary-50) + } + .lg\:hover\:border-primary-50:hover { + border-color: var(--primary-50) + } + .lg\:active\:border-primary-50:active { + border-color: var(--primary-50) + } + .lg\:focus\:border-primary-50\/10:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:border-primary-50\/10:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:border-primary-50\/10:active { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:border-primary-50\/20:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:border-primary-50\/20:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:border-primary-50\/20:active { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:border-primary-50\/30:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:border-primary-50\/30:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:border-primary-50\/30:active { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:border-primary-50\/40:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:border-primary-50\/40:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:border-primary-50\/40:active { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:border-primary-50\/50:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:border-primary-50\/50:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:border-primary-50\/50:active { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:border-primary-50\/60:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:border-primary-50\/60:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:border-primary-50\/60:active { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:border-primary-50\/70:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:border-primary-50\/70:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:border-primary-50\/70:active { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:border-primary-50\/80:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:border-primary-50\/80:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:border-primary-50\/80:active { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:border-primary-50\/90:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:border-primary-50\/90:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:border-primary-50\/90:active { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:border-primary-100:focus { + border-color: var(--primary-100) + } + .lg\:hover\:border-primary-100:hover { + border-color: var(--primary-100) + } + .lg\:active\:border-primary-100:active { + border-color: var(--primary-100) + } + .lg\:focus\:border-primary-100\/10:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:border-primary-100\/10:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:border-primary-100\/10:active { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:border-primary-100\/20:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:border-primary-100\/20:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:border-primary-100\/20:active { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:border-primary-100\/30:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:border-primary-100\/30:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:border-primary-100\/30:active { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:border-primary-100\/40:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:border-primary-100\/40:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:border-primary-100\/40:active { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:border-primary-100\/50:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:border-primary-100\/50:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:border-primary-100\/50:active { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:border-primary-100\/60:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:border-primary-100\/60:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:border-primary-100\/60:active { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:border-primary-100\/70:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:border-primary-100\/70:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:border-primary-100\/70:active { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:border-primary-100\/80:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:border-primary-100\/80:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:border-primary-100\/80:active { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:border-primary-100\/90:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:border-primary-100\/90:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:border-primary-100\/90:active { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:border-primary-200:focus { + border-color: var(--primary-200) + } + .lg\:hover\:border-primary-200:hover { + border-color: var(--primary-200) + } + .lg\:active\:border-primary-200:active { + border-color: var(--primary-200) + } + .lg\:focus\:border-primary-200\/10:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:border-primary-200\/10:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:border-primary-200\/10:active { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:border-primary-200\/20:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:border-primary-200\/20:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:border-primary-200\/20:active { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:border-primary-200\/30:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:border-primary-200\/30:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:border-primary-200\/30:active { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:border-primary-200\/40:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:border-primary-200\/40:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:border-primary-200\/40:active { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:border-primary-200\/50:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:border-primary-200\/50:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:border-primary-200\/50:active { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:border-primary-200\/60:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:border-primary-200\/60:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:border-primary-200\/60:active { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:border-primary-200\/70:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:border-primary-200\/70:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:border-primary-200\/70:active { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:border-primary-200\/80:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:border-primary-200\/80:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:border-primary-200\/80:active { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:border-primary-200\/90:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:border-primary-200\/90:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:border-primary-200\/90:active { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:border-primary-300:focus { + border-color: var(--primary-300) + } + .lg\:hover\:border-primary-300:hover { + border-color: var(--primary-300) + } + .lg\:active\:border-primary-300:active { + border-color: var(--primary-300) + } + .lg\:focus\:border-primary-300\/10:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:border-primary-300\/10:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:border-primary-300\/10:active { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:border-primary-300\/20:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:border-primary-300\/20:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:border-primary-300\/20:active { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:border-primary-300\/30:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:border-primary-300\/30:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:border-primary-300\/30:active { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:border-primary-300\/40:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:border-primary-300\/40:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:border-primary-300\/40:active { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:border-primary-300\/50:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:border-primary-300\/50:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:border-primary-300\/50:active { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:border-primary-300\/60:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:border-primary-300\/60:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:border-primary-300\/60:active { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:border-primary-300\/70:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:border-primary-300\/70:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:border-primary-300\/70:active { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:border-primary-300\/80:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:border-primary-300\/80:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:border-primary-300\/80:active { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:border-primary-300\/90:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:border-primary-300\/90:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:border-primary-300\/90:active { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:border-primary-400:focus { + border-color: var(--primary-400) + } + .lg\:hover\:border-primary-400:hover { + border-color: var(--primary-400) + } + .lg\:active\:border-primary-400:active { + border-color: var(--primary-400) + } + .lg\:focus\:border-primary-400\/10:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:border-primary-400\/10:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:border-primary-400\/10:active { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:border-primary-400\/20:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:border-primary-400\/20:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:border-primary-400\/20:active { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:border-primary-400\/30:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:border-primary-400\/30:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:border-primary-400\/30:active { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:border-primary-400\/40:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:border-primary-400\/40:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:border-primary-400\/40:active { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:border-primary-400\/50:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:border-primary-400\/50:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:border-primary-400\/50:active { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:border-primary-400\/60:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:border-primary-400\/60:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:border-primary-400\/60:active { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:border-primary-400\/70:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:border-primary-400\/70:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:border-primary-400\/70:active { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:border-primary-400\/80:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:border-primary-400\/80:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:border-primary-400\/80:active { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:border-primary-400\/90:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:border-primary-400\/90:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:border-primary-400\/90:active { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:border-primary-500:focus { + border-color: var(--primary-500) + } + .lg\:hover\:border-primary-500:hover { + border-color: var(--primary-500) + } + .lg\:active\:border-primary-500:active { + border-color: var(--primary-500) + } + .lg\:focus\:border-primary-500\/10:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:border-primary-500\/10:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:border-primary-500\/10:active { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:border-primary-500\/20:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:border-primary-500\/20:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:border-primary-500\/20:active { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:border-primary-500\/30:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:border-primary-500\/30:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:border-primary-500\/30:active { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:border-primary-500\/40:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:border-primary-500\/40:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:border-primary-500\/40:active { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:border-primary-500\/50:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:border-primary-500\/50:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:border-primary-500\/50:active { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:border-primary-500\/60:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:border-primary-500\/60:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:border-primary-500\/60:active { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:border-primary-500\/70:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:border-primary-500\/70:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:border-primary-500\/70:active { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:border-primary-500\/80:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:border-primary-500\/80:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:border-primary-500\/80:active { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:border-primary-500\/90:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:border-primary-500\/90:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:border-primary-500\/90:active { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:border-primary-600:focus { + border-color: var(--primary-600) + } + .lg\:hover\:border-primary-600:hover { + border-color: var(--primary-600) + } + .lg\:active\:border-primary-600:active { + border-color: var(--primary-600) + } + .lg\:focus\:border-primary-600\/10:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:border-primary-600\/10:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:border-primary-600\/10:active { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:border-primary-600\/20:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:border-primary-600\/20:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:border-primary-600\/20:active { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:border-primary-600\/30:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:border-primary-600\/30:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:border-primary-600\/30:active { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:border-primary-600\/40:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:border-primary-600\/40:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:border-primary-600\/40:active { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:border-primary-600\/50:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:border-primary-600\/50:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:border-primary-600\/50:active { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:border-primary-600\/60:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:border-primary-600\/60:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:border-primary-600\/60:active { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:border-primary-600\/70:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:border-primary-600\/70:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:border-primary-600\/70:active { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:border-primary-600\/80:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:border-primary-600\/80:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:border-primary-600\/80:active { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:border-primary-600\/90:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:border-primary-600\/90:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:border-primary-600\/90:active { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:border-primary-700:focus { + border-color: var(--primary-700) + } + .lg\:hover\:border-primary-700:hover { + border-color: var(--primary-700) + } + .lg\:active\:border-primary-700:active { + border-color: var(--primary-700) + } + .lg\:focus\:border-primary-700\/10:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:border-primary-700\/10:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:border-primary-700\/10:active { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:border-primary-700\/20:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:border-primary-700\/20:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:border-primary-700\/20:active { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:border-primary-700\/30:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:border-primary-700\/30:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:border-primary-700\/30:active { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:border-primary-700\/40:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:border-primary-700\/40:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:border-primary-700\/40:active { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:border-primary-700\/50:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:border-primary-700\/50:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:border-primary-700\/50:active { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:border-primary-700\/60:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:border-primary-700\/60:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:border-primary-700\/60:active { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:border-primary-700\/70:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:border-primary-700\/70:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:border-primary-700\/70:active { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:border-primary-700\/80:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:border-primary-700\/80:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:border-primary-700\/80:active { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:border-primary-700\/90:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:border-primary-700\/90:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:border-primary-700\/90:active { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:border-primary-800:focus { + border-color: var(--primary-800) + } + .lg\:hover\:border-primary-800:hover { + border-color: var(--primary-800) + } + .lg\:active\:border-primary-800:active { + border-color: var(--primary-800) + } + .lg\:focus\:border-primary-800\/10:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:border-primary-800\/10:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:border-primary-800\/10:active { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:border-primary-800\/20:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:border-primary-800\/20:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:border-primary-800\/20:active { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:border-primary-800\/30:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:border-primary-800\/30:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:border-primary-800\/30:active { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:border-primary-800\/40:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:border-primary-800\/40:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:border-primary-800\/40:active { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:border-primary-800\/50:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:border-primary-800\/50:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:border-primary-800\/50:active { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:border-primary-800\/60:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:border-primary-800\/60:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:border-primary-800\/60:active { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:border-primary-800\/70:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:border-primary-800\/70:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:border-primary-800\/70:active { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:border-primary-800\/80:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:border-primary-800\/80:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:border-primary-800\/80:active { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:border-primary-800\/90:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:border-primary-800\/90:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:border-primary-800\/90:active { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:border-primary-900:focus { + border-color: var(--primary-900) + } + .lg\:hover\:border-primary-900:hover { + border-color: var(--primary-900) + } + .lg\:active\:border-primary-900:active { + border-color: var(--primary-900) + } + .lg\:focus\:border-primary-900\/10:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:border-primary-900\/10:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:border-primary-900\/10:active { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:border-primary-900\/20:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:border-primary-900\/20:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:border-primary-900\/20:active { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:border-primary-900\/30:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:border-primary-900\/30:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:border-primary-900\/30:active { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:border-primary-900\/40:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:border-primary-900\/40:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:border-primary-900\/40:active { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:border-primary-900\/50:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:border-primary-900\/50:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:border-primary-900\/50:active { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:border-primary-900\/60:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:border-primary-900\/60:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:border-primary-900\/60:active { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:border-primary-900\/70:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:border-primary-900\/70:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:border-primary-900\/70:active { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:border-primary-900\/80:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:border-primary-900\/80:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:border-primary-900\/80:active { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:border-primary-900\/90:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:border-primary-900\/90:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:border-primary-900\/90:active { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:border-blue-50 { + border-color: var(--blue-50) + } + .xl\:border-blue-50\/10 { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:border-blue-50\/20 { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:border-blue-50\/30 { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:border-blue-50\/40 { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:border-blue-50\/50 { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:border-blue-50\/60 { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:border-blue-50\/70 { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:border-blue-50\/80 { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:border-blue-50\/90 { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:border-blue-100 { + border-color: var(--blue-100) + } + .xl\:border-blue-100\/10 { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:border-blue-100\/20 { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:border-blue-100\/30 { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:border-blue-100\/40 { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:border-blue-100\/50 { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:border-blue-100\/60 { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:border-blue-100\/70 { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:border-blue-100\/80 { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:border-blue-100\/90 { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:border-blue-200 { + border-color: var(--blue-200) + } + .xl\:border-blue-200\/10 { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:border-blue-200\/20 { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:border-blue-200\/30 { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:border-blue-200\/40 { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:border-blue-200\/50 { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:border-blue-200\/60 { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:border-blue-200\/70 { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:border-blue-200\/80 { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:border-blue-200\/90 { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:border-blue-300 { + border-color: var(--blue-300) + } + .xl\:border-blue-300\/10 { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:border-blue-300\/20 { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:border-blue-300\/30 { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:border-blue-300\/40 { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:border-blue-300\/50 { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:border-blue-300\/60 { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:border-blue-300\/70 { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:border-blue-300\/80 { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:border-blue-300\/90 { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:border-blue-400 { + border-color: var(--blue-400) + } + .xl\:border-blue-400\/10 { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:border-blue-400\/20 { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:border-blue-400\/30 { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:border-blue-400\/40 { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:border-blue-400\/50 { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:border-blue-400\/60 { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:border-blue-400\/70 { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:border-blue-400\/80 { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:border-blue-400\/90 { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:border-blue-500 { + border-color: var(--blue-500) + } + .xl\:border-blue-500\/10 { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:border-blue-500\/20 { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:border-blue-500\/30 { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:border-blue-500\/40 { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:border-blue-500\/50 { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:border-blue-500\/60 { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:border-blue-500\/70 { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:border-blue-500\/80 { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:border-blue-500\/90 { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:border-blue-600 { + border-color: var(--blue-600) + } + .xl\:border-blue-600\/10 { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:border-blue-600\/20 { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:border-blue-600\/30 { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:border-blue-600\/40 { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:border-blue-600\/50 { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:border-blue-600\/60 { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:border-blue-600\/70 { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:border-blue-600\/80 { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:border-blue-600\/90 { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:border-blue-700 { + border-color: var(--blue-700) + } + .xl\:border-blue-700\/10 { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:border-blue-700\/20 { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:border-blue-700\/30 { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:border-blue-700\/40 { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:border-blue-700\/50 { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:border-blue-700\/60 { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:border-blue-700\/70 { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:border-blue-700\/80 { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:border-blue-700\/90 { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:border-blue-800 { + border-color: var(--blue-800) + } + .xl\:border-blue-800\/10 { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:border-blue-800\/20 { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:border-blue-800\/30 { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:border-blue-800\/40 { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:border-blue-800\/50 { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:border-blue-800\/60 { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:border-blue-800\/70 { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:border-blue-800\/80 { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:border-blue-800\/90 { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:border-blue-900 { + border-color: var(--blue-900) + } + .xl\:border-blue-900\/10 { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:border-blue-900\/20 { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:border-blue-900\/30 { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:border-blue-900\/40 { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:border-blue-900\/50 { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:border-blue-900\/60 { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:border-blue-900\/70 { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:border-blue-900\/80 { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:border-blue-900\/90 { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:border-green-50 { + border-color: var(--green-50) + } + .xl\:border-green-50\/10 { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:border-green-50\/20 { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:border-green-50\/30 { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:border-green-50\/40 { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:border-green-50\/50 { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:border-green-50\/60 { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:border-green-50\/70 { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:border-green-50\/80 { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:border-green-50\/90 { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:border-green-100 { + border-color: var(--green-100) + } + .xl\:border-green-100\/10 { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:border-green-100\/20 { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:border-green-100\/30 { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:border-green-100\/40 { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:border-green-100\/50 { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:border-green-100\/60 { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:border-green-100\/70 { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:border-green-100\/80 { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:border-green-100\/90 { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:border-green-200 { + border-color: var(--green-200) + } + .xl\:border-green-200\/10 { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:border-green-200\/20 { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:border-green-200\/30 { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:border-green-200\/40 { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:border-green-200\/50 { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:border-green-200\/60 { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:border-green-200\/70 { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:border-green-200\/80 { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:border-green-200\/90 { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:border-green-300 { + border-color: var(--green-300) + } + .xl\:border-green-300\/10 { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:border-green-300\/20 { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:border-green-300\/30 { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:border-green-300\/40 { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:border-green-300\/50 { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:border-green-300\/60 { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:border-green-300\/70 { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:border-green-300\/80 { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:border-green-300\/90 { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:border-green-400 { + border-color: var(--green-400) + } + .xl\:border-green-400\/10 { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:border-green-400\/20 { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:border-green-400\/30 { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:border-green-400\/40 { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:border-green-400\/50 { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:border-green-400\/60 { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:border-green-400\/70 { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:border-green-400\/80 { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:border-green-400\/90 { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:border-green-500 { + border-color: var(--green-500) + } + .xl\:border-green-500\/10 { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:border-green-500\/20 { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:border-green-500\/30 { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:border-green-500\/40 { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:border-green-500\/50 { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:border-green-500\/60 { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:border-green-500\/70 { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:border-green-500\/80 { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:border-green-500\/90 { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:border-green-600 { + border-color: var(--green-600) + } + .xl\:border-green-600\/10 { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:border-green-600\/20 { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:border-green-600\/30 { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:border-green-600\/40 { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:border-green-600\/50 { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:border-green-600\/60 { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:border-green-600\/70 { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:border-green-600\/80 { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:border-green-600\/90 { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:border-green-700 { + border-color: var(--green-700) + } + .xl\:border-green-700\/10 { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:border-green-700\/20 { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:border-green-700\/30 { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:border-green-700\/40 { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:border-green-700\/50 { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:border-green-700\/60 { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:border-green-700\/70 { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:border-green-700\/80 { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:border-green-700\/90 { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:border-green-800 { + border-color: var(--green-800) + } + .xl\:border-green-800\/10 { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:border-green-800\/20 { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:border-green-800\/30 { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:border-green-800\/40 { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:border-green-800\/50 { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:border-green-800\/60 { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:border-green-800\/70 { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:border-green-800\/80 { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:border-green-800\/90 { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:border-green-900 { + border-color: var(--green-900) + } + .xl\:border-green-900\/10 { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:border-green-900\/20 { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:border-green-900\/30 { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:border-green-900\/40 { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:border-green-900\/50 { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:border-green-900\/60 { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:border-green-900\/70 { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:border-green-900\/80 { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:border-green-900\/90 { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:border-yellow-50 { + border-color: var(--yellow-50) + } + .xl\:border-yellow-50\/10 { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:border-yellow-50\/20 { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:border-yellow-50\/30 { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:border-yellow-50\/40 { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:border-yellow-50\/50 { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:border-yellow-50\/60 { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:border-yellow-50\/70 { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:border-yellow-50\/80 { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:border-yellow-50\/90 { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:border-yellow-100 { + border-color: var(--yellow-100) + } + .xl\:border-yellow-100\/10 { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:border-yellow-100\/20 { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:border-yellow-100\/30 { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:border-yellow-100\/40 { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:border-yellow-100\/50 { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:border-yellow-100\/60 { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:border-yellow-100\/70 { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:border-yellow-100\/80 { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:border-yellow-100\/90 { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:border-yellow-200 { + border-color: var(--yellow-200) + } + .xl\:border-yellow-200\/10 { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:border-yellow-200\/20 { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:border-yellow-200\/30 { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:border-yellow-200\/40 { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:border-yellow-200\/50 { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:border-yellow-200\/60 { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:border-yellow-200\/70 { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:border-yellow-200\/80 { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:border-yellow-200\/90 { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:border-yellow-300 { + border-color: var(--yellow-300) + } + .xl\:border-yellow-300\/10 { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:border-yellow-300\/20 { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:border-yellow-300\/30 { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:border-yellow-300\/40 { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:border-yellow-300\/50 { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:border-yellow-300\/60 { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:border-yellow-300\/70 { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:border-yellow-300\/80 { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:border-yellow-300\/90 { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:border-yellow-400 { + border-color: var(--yellow-400) + } + .xl\:border-yellow-400\/10 { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:border-yellow-400\/20 { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:border-yellow-400\/30 { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:border-yellow-400\/40 { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:border-yellow-400\/50 { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:border-yellow-400\/60 { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:border-yellow-400\/70 { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:border-yellow-400\/80 { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:border-yellow-400\/90 { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:border-yellow-500 { + border-color: var(--yellow-500) + } + .xl\:border-yellow-500\/10 { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:border-yellow-500\/20 { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:border-yellow-500\/30 { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:border-yellow-500\/40 { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:border-yellow-500\/50 { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:border-yellow-500\/60 { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:border-yellow-500\/70 { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:border-yellow-500\/80 { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:border-yellow-500\/90 { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:border-yellow-600 { + border-color: var(--yellow-600) + } + .xl\:border-yellow-600\/10 { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:border-yellow-600\/20 { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:border-yellow-600\/30 { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:border-yellow-600\/40 { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:border-yellow-600\/50 { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:border-yellow-600\/60 { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:border-yellow-600\/70 { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:border-yellow-600\/80 { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:border-yellow-600\/90 { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:border-yellow-700 { + border-color: var(--yellow-700) + } + .xl\:border-yellow-700\/10 { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:border-yellow-700\/20 { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:border-yellow-700\/30 { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:border-yellow-700\/40 { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:border-yellow-700\/50 { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:border-yellow-700\/60 { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:border-yellow-700\/70 { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:border-yellow-700\/80 { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:border-yellow-700\/90 { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:border-yellow-800 { + border-color: var(--yellow-800) + } + .xl\:border-yellow-800\/10 { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:border-yellow-800\/20 { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:border-yellow-800\/30 { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:border-yellow-800\/40 { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:border-yellow-800\/50 { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:border-yellow-800\/60 { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:border-yellow-800\/70 { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:border-yellow-800\/80 { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:border-yellow-800\/90 { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:border-yellow-900 { + border-color: var(--yellow-900) + } + .xl\:border-yellow-900\/10 { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:border-yellow-900\/20 { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:border-yellow-900\/30 { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:border-yellow-900\/40 { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:border-yellow-900\/50 { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:border-yellow-900\/60 { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:border-yellow-900\/70 { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:border-yellow-900\/80 { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:border-yellow-900\/90 { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:border-cyan-50 { + border-color: var(--cyan-50) + } + .xl\:border-cyan-50\/10 { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:border-cyan-50\/20 { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:border-cyan-50\/30 { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:border-cyan-50\/40 { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:border-cyan-50\/50 { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:border-cyan-50\/60 { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:border-cyan-50\/70 { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:border-cyan-50\/80 { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:border-cyan-50\/90 { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:border-cyan-100 { + border-color: var(--cyan-100) + } + .xl\:border-cyan-100\/10 { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:border-cyan-100\/20 { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:border-cyan-100\/30 { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:border-cyan-100\/40 { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:border-cyan-100\/50 { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:border-cyan-100\/60 { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:border-cyan-100\/70 { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:border-cyan-100\/80 { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:border-cyan-100\/90 { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:border-cyan-200 { + border-color: var(--cyan-200) + } + .xl\:border-cyan-200\/10 { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:border-cyan-200\/20 { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:border-cyan-200\/30 { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:border-cyan-200\/40 { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:border-cyan-200\/50 { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:border-cyan-200\/60 { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:border-cyan-200\/70 { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:border-cyan-200\/80 { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:border-cyan-200\/90 { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:border-cyan-300 { + border-color: var(--cyan-300) + } + .xl\:border-cyan-300\/10 { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:border-cyan-300\/20 { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:border-cyan-300\/30 { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:border-cyan-300\/40 { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:border-cyan-300\/50 { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:border-cyan-300\/60 { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:border-cyan-300\/70 { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:border-cyan-300\/80 { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:border-cyan-300\/90 { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:border-cyan-400 { + border-color: var(--cyan-400) + } + .xl\:border-cyan-400\/10 { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:border-cyan-400\/20 { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:border-cyan-400\/30 { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:border-cyan-400\/40 { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:border-cyan-400\/50 { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:border-cyan-400\/60 { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:border-cyan-400\/70 { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:border-cyan-400\/80 { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:border-cyan-400\/90 { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:border-cyan-500 { + border-color: var(--cyan-500) + } + .xl\:border-cyan-500\/10 { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:border-cyan-500\/20 { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:border-cyan-500\/30 { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:border-cyan-500\/40 { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:border-cyan-500\/50 { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:border-cyan-500\/60 { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:border-cyan-500\/70 { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:border-cyan-500\/80 { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:border-cyan-500\/90 { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:border-cyan-600 { + border-color: var(--cyan-600) + } + .xl\:border-cyan-600\/10 { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:border-cyan-600\/20 { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:border-cyan-600\/30 { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:border-cyan-600\/40 { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:border-cyan-600\/50 { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:border-cyan-600\/60 { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:border-cyan-600\/70 { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:border-cyan-600\/80 { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:border-cyan-600\/90 { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:border-cyan-700 { + border-color: var(--cyan-700) + } + .xl\:border-cyan-700\/10 { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:border-cyan-700\/20 { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:border-cyan-700\/30 { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:border-cyan-700\/40 { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:border-cyan-700\/50 { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:border-cyan-700\/60 { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:border-cyan-700\/70 { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:border-cyan-700\/80 { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:border-cyan-700\/90 { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:border-cyan-800 { + border-color: var(--cyan-800) + } + .xl\:border-cyan-800\/10 { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:border-cyan-800\/20 { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:border-cyan-800\/30 { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:border-cyan-800\/40 { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:border-cyan-800\/50 { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:border-cyan-800\/60 { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:border-cyan-800\/70 { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:border-cyan-800\/80 { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:border-cyan-800\/90 { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:border-cyan-900 { + border-color: var(--cyan-900) + } + .xl\:border-cyan-900\/10 { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:border-cyan-900\/20 { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:border-cyan-900\/30 { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:border-cyan-900\/40 { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:border-cyan-900\/50 { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:border-cyan-900\/60 { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:border-cyan-900\/70 { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:border-cyan-900\/80 { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:border-cyan-900\/90 { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:border-pink-50 { + border-color: var(--pink-50) + } + .xl\:border-pink-50\/10 { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:border-pink-50\/20 { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:border-pink-50\/30 { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:border-pink-50\/40 { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:border-pink-50\/50 { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:border-pink-50\/60 { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:border-pink-50\/70 { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:border-pink-50\/80 { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:border-pink-50\/90 { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:border-pink-100 { + border-color: var(--pink-100) + } + .xl\:border-pink-100\/10 { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:border-pink-100\/20 { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:border-pink-100\/30 { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:border-pink-100\/40 { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:border-pink-100\/50 { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:border-pink-100\/60 { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:border-pink-100\/70 { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:border-pink-100\/80 { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:border-pink-100\/90 { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:border-pink-200 { + border-color: var(--pink-200) + } + .xl\:border-pink-200\/10 { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:border-pink-200\/20 { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:border-pink-200\/30 { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:border-pink-200\/40 { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:border-pink-200\/50 { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:border-pink-200\/60 { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:border-pink-200\/70 { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:border-pink-200\/80 { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:border-pink-200\/90 { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:border-pink-300 { + border-color: var(--pink-300) + } + .xl\:border-pink-300\/10 { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:border-pink-300\/20 { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:border-pink-300\/30 { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:border-pink-300\/40 { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:border-pink-300\/50 { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:border-pink-300\/60 { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:border-pink-300\/70 { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:border-pink-300\/80 { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:border-pink-300\/90 { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:border-pink-400 { + border-color: var(--pink-400) + } + .xl\:border-pink-400\/10 { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:border-pink-400\/20 { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:border-pink-400\/30 { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:border-pink-400\/40 { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:border-pink-400\/50 { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:border-pink-400\/60 { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:border-pink-400\/70 { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:border-pink-400\/80 { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:border-pink-400\/90 { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:border-pink-500 { + border-color: var(--pink-500) + } + .xl\:border-pink-500\/10 { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:border-pink-500\/20 { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:border-pink-500\/30 { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:border-pink-500\/40 { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:border-pink-500\/50 { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:border-pink-500\/60 { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:border-pink-500\/70 { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:border-pink-500\/80 { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:border-pink-500\/90 { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:border-pink-600 { + border-color: var(--pink-600) + } + .xl\:border-pink-600\/10 { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:border-pink-600\/20 { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:border-pink-600\/30 { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:border-pink-600\/40 { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:border-pink-600\/50 { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:border-pink-600\/60 { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:border-pink-600\/70 { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:border-pink-600\/80 { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:border-pink-600\/90 { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:border-pink-700 { + border-color: var(--pink-700) + } + .xl\:border-pink-700\/10 { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:border-pink-700\/20 { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:border-pink-700\/30 { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:border-pink-700\/40 { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:border-pink-700\/50 { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:border-pink-700\/60 { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:border-pink-700\/70 { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:border-pink-700\/80 { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:border-pink-700\/90 { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:border-pink-800 { + border-color: var(--pink-800) + } + .xl\:border-pink-800\/10 { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:border-pink-800\/20 { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:border-pink-800\/30 { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:border-pink-800\/40 { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:border-pink-800\/50 { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:border-pink-800\/60 { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:border-pink-800\/70 { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:border-pink-800\/80 { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:border-pink-800\/90 { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:border-pink-900 { + border-color: var(--pink-900) + } + .xl\:border-pink-900\/10 { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:border-pink-900\/20 { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:border-pink-900\/30 { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:border-pink-900\/40 { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:border-pink-900\/50 { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:border-pink-900\/60 { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:border-pink-900\/70 { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:border-pink-900\/80 { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:border-pink-900\/90 { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:border-indigo-50 { + border-color: var(--indigo-50) + } + .xl\:border-indigo-50\/10 { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:border-indigo-50\/20 { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:border-indigo-50\/30 { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:border-indigo-50\/40 { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:border-indigo-50\/50 { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:border-indigo-50\/60 { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:border-indigo-50\/70 { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:border-indigo-50\/80 { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:border-indigo-50\/90 { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:border-indigo-100 { + border-color: var(--indigo-100) + } + .xl\:border-indigo-100\/10 { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:border-indigo-100\/20 { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:border-indigo-100\/30 { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:border-indigo-100\/40 { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:border-indigo-100\/50 { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:border-indigo-100\/60 { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:border-indigo-100\/70 { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:border-indigo-100\/80 { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:border-indigo-100\/90 { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:border-indigo-200 { + border-color: var(--indigo-200) + } + .xl\:border-indigo-200\/10 { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:border-indigo-200\/20 { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:border-indigo-200\/30 { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:border-indigo-200\/40 { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:border-indigo-200\/50 { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:border-indigo-200\/60 { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:border-indigo-200\/70 { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:border-indigo-200\/80 { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:border-indigo-200\/90 { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:border-indigo-300 { + border-color: var(--indigo-300) + } + .xl\:border-indigo-300\/10 { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:border-indigo-300\/20 { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:border-indigo-300\/30 { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:border-indigo-300\/40 { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:border-indigo-300\/50 { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:border-indigo-300\/60 { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:border-indigo-300\/70 { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:border-indigo-300\/80 { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:border-indigo-300\/90 { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:border-indigo-400 { + border-color: var(--indigo-400) + } + .xl\:border-indigo-400\/10 { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:border-indigo-400\/20 { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:border-indigo-400\/30 { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:border-indigo-400\/40 { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:border-indigo-400\/50 { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:border-indigo-400\/60 { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:border-indigo-400\/70 { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:border-indigo-400\/80 { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:border-indigo-400\/90 { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:border-indigo-500 { + border-color: var(--indigo-500) + } + .xl\:border-indigo-500\/10 { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:border-indigo-500\/20 { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:border-indigo-500\/30 { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:border-indigo-500\/40 { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:border-indigo-500\/50 { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:border-indigo-500\/60 { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:border-indigo-500\/70 { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:border-indigo-500\/80 { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:border-indigo-500\/90 { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:border-indigo-600 { + border-color: var(--indigo-600) + } + .xl\:border-indigo-600\/10 { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:border-indigo-600\/20 { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:border-indigo-600\/30 { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:border-indigo-600\/40 { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:border-indigo-600\/50 { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:border-indigo-600\/60 { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:border-indigo-600\/70 { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:border-indigo-600\/80 { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:border-indigo-600\/90 { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:border-indigo-700 { + border-color: var(--indigo-700) + } + .xl\:border-indigo-700\/10 { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:border-indigo-700\/20 { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:border-indigo-700\/30 { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:border-indigo-700\/40 { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:border-indigo-700\/50 { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:border-indigo-700\/60 { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:border-indigo-700\/70 { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:border-indigo-700\/80 { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:border-indigo-700\/90 { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:border-indigo-800 { + border-color: var(--indigo-800) + } + .xl\:border-indigo-800\/10 { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:border-indigo-800\/20 { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:border-indigo-800\/30 { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:border-indigo-800\/40 { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:border-indigo-800\/50 { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:border-indigo-800\/60 { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:border-indigo-800\/70 { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:border-indigo-800\/80 { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:border-indigo-800\/90 { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:border-indigo-900 { + border-color: var(--indigo-900) + } + .xl\:border-indigo-900\/10 { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:border-indigo-900\/20 { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:border-indigo-900\/30 { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:border-indigo-900\/40 { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:border-indigo-900\/50 { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:border-indigo-900\/60 { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:border-indigo-900\/70 { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:border-indigo-900\/80 { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:border-indigo-900\/90 { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:border-teal-50 { + border-color: var(--teal-50) + } + .xl\:border-teal-50\/10 { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:border-teal-50\/20 { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:border-teal-50\/30 { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:border-teal-50\/40 { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:border-teal-50\/50 { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:border-teal-50\/60 { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:border-teal-50\/70 { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:border-teal-50\/80 { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:border-teal-50\/90 { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:border-teal-100 { + border-color: var(--teal-100) + } + .xl\:border-teal-100\/10 { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:border-teal-100\/20 { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:border-teal-100\/30 { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:border-teal-100\/40 { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:border-teal-100\/50 { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:border-teal-100\/60 { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:border-teal-100\/70 { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:border-teal-100\/80 { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:border-teal-100\/90 { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:border-teal-200 { + border-color: var(--teal-200) + } + .xl\:border-teal-200\/10 { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:border-teal-200\/20 { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:border-teal-200\/30 { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:border-teal-200\/40 { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:border-teal-200\/50 { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:border-teal-200\/60 { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:border-teal-200\/70 { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:border-teal-200\/80 { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:border-teal-200\/90 { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:border-teal-300 { + border-color: var(--teal-300) + } + .xl\:border-teal-300\/10 { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:border-teal-300\/20 { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:border-teal-300\/30 { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:border-teal-300\/40 { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:border-teal-300\/50 { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:border-teal-300\/60 { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:border-teal-300\/70 { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:border-teal-300\/80 { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:border-teal-300\/90 { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:border-teal-400 { + border-color: var(--teal-400) + } + .xl\:border-teal-400\/10 { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:border-teal-400\/20 { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:border-teal-400\/30 { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:border-teal-400\/40 { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:border-teal-400\/50 { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:border-teal-400\/60 { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:border-teal-400\/70 { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:border-teal-400\/80 { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:border-teal-400\/90 { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:border-teal-500 { + border-color: var(--teal-500) + } + .xl\:border-teal-500\/10 { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:border-teal-500\/20 { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:border-teal-500\/30 { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:border-teal-500\/40 { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:border-teal-500\/50 { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:border-teal-500\/60 { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:border-teal-500\/70 { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:border-teal-500\/80 { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:border-teal-500\/90 { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:border-teal-600 { + border-color: var(--teal-600) + } + .xl\:border-teal-600\/10 { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:border-teal-600\/20 { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:border-teal-600\/30 { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:border-teal-600\/40 { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:border-teal-600\/50 { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:border-teal-600\/60 { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:border-teal-600\/70 { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:border-teal-600\/80 { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:border-teal-600\/90 { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:border-teal-700 { + border-color: var(--teal-700) + } + .xl\:border-teal-700\/10 { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:border-teal-700\/20 { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:border-teal-700\/30 { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:border-teal-700\/40 { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:border-teal-700\/50 { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:border-teal-700\/60 { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:border-teal-700\/70 { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:border-teal-700\/80 { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:border-teal-700\/90 { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:border-teal-800 { + border-color: var(--teal-800) + } + .xl\:border-teal-800\/10 { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:border-teal-800\/20 { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:border-teal-800\/30 { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:border-teal-800\/40 { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:border-teal-800\/50 { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:border-teal-800\/60 { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:border-teal-800\/70 { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:border-teal-800\/80 { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:border-teal-800\/90 { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:border-teal-900 { + border-color: var(--teal-900) + } + .xl\:border-teal-900\/10 { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:border-teal-900\/20 { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:border-teal-900\/30 { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:border-teal-900\/40 { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:border-teal-900\/50 { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:border-teal-900\/60 { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:border-teal-900\/70 { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:border-teal-900\/80 { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:border-teal-900\/90 { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:border-orange-50 { + border-color: var(--orange-50) + } + .xl\:border-orange-50\/10 { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:border-orange-50\/20 { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:border-orange-50\/30 { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:border-orange-50\/40 { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:border-orange-50\/50 { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:border-orange-50\/60 { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:border-orange-50\/70 { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:border-orange-50\/80 { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:border-orange-50\/90 { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:border-orange-100 { + border-color: var(--orange-100) + } + .xl\:border-orange-100\/10 { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:border-orange-100\/20 { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:border-orange-100\/30 { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:border-orange-100\/40 { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:border-orange-100\/50 { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:border-orange-100\/60 { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:border-orange-100\/70 { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:border-orange-100\/80 { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:border-orange-100\/90 { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:border-orange-200 { + border-color: var(--orange-200) + } + .xl\:border-orange-200\/10 { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:border-orange-200\/20 { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:border-orange-200\/30 { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:border-orange-200\/40 { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:border-orange-200\/50 { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:border-orange-200\/60 { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:border-orange-200\/70 { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:border-orange-200\/80 { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:border-orange-200\/90 { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:border-orange-300 { + border-color: var(--orange-300) + } + .xl\:border-orange-300\/10 { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:border-orange-300\/20 { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:border-orange-300\/30 { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:border-orange-300\/40 { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:border-orange-300\/50 { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:border-orange-300\/60 { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:border-orange-300\/70 { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:border-orange-300\/80 { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:border-orange-300\/90 { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:border-orange-400 { + border-color: var(--orange-400) + } + .xl\:border-orange-400\/10 { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:border-orange-400\/20 { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:border-orange-400\/30 { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:border-orange-400\/40 { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:border-orange-400\/50 { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:border-orange-400\/60 { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:border-orange-400\/70 { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:border-orange-400\/80 { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:border-orange-400\/90 { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:border-orange-500 { + border-color: var(--orange-500) + } + .xl\:border-orange-500\/10 { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:border-orange-500\/20 { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:border-orange-500\/30 { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:border-orange-500\/40 { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:border-orange-500\/50 { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:border-orange-500\/60 { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:border-orange-500\/70 { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:border-orange-500\/80 { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:border-orange-500\/90 { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:border-orange-600 { + border-color: var(--orange-600) + } + .xl\:border-orange-600\/10 { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:border-orange-600\/20 { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:border-orange-600\/30 { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:border-orange-600\/40 { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:border-orange-600\/50 { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:border-orange-600\/60 { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:border-orange-600\/70 { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:border-orange-600\/80 { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:border-orange-600\/90 { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:border-orange-700 { + border-color: var(--orange-700) + } + .xl\:border-orange-700\/10 { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:border-orange-700\/20 { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:border-orange-700\/30 { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:border-orange-700\/40 { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:border-orange-700\/50 { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:border-orange-700\/60 { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:border-orange-700\/70 { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:border-orange-700\/80 { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:border-orange-700\/90 { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:border-orange-800 { + border-color: var(--orange-800) + } + .xl\:border-orange-800\/10 { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:border-orange-800\/20 { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:border-orange-800\/30 { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:border-orange-800\/40 { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:border-orange-800\/50 { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:border-orange-800\/60 { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:border-orange-800\/70 { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:border-orange-800\/80 { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:border-orange-800\/90 { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:border-orange-900 { + border-color: var(--orange-900) + } + .xl\:border-orange-900\/10 { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:border-orange-900\/20 { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:border-orange-900\/30 { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:border-orange-900\/40 { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:border-orange-900\/50 { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:border-orange-900\/60 { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:border-orange-900\/70 { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:border-orange-900\/80 { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:border-orange-900\/90 { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:border-bluegray-50 { + border-color: var(--bluegray-50) + } + .xl\:border-bluegray-50\/10 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:border-bluegray-50\/20 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:border-bluegray-50\/30 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:border-bluegray-50\/40 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:border-bluegray-50\/50 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:border-bluegray-50\/60 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:border-bluegray-50\/70 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:border-bluegray-50\/80 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:border-bluegray-50\/90 { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:border-bluegray-100 { + border-color: var(--bluegray-100) + } + .xl\:border-bluegray-100\/10 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:border-bluegray-100\/20 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:border-bluegray-100\/30 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:border-bluegray-100\/40 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:border-bluegray-100\/50 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:border-bluegray-100\/60 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:border-bluegray-100\/70 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:border-bluegray-100\/80 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:border-bluegray-100\/90 { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:border-bluegray-200 { + border-color: var(--bluegray-200) + } + .xl\:border-bluegray-200\/10 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:border-bluegray-200\/20 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:border-bluegray-200\/30 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:border-bluegray-200\/40 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:border-bluegray-200\/50 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:border-bluegray-200\/60 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:border-bluegray-200\/70 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:border-bluegray-200\/80 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:border-bluegray-200\/90 { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:border-bluegray-300 { + border-color: var(--bluegray-300) + } + .xl\:border-bluegray-300\/10 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:border-bluegray-300\/20 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:border-bluegray-300\/30 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:border-bluegray-300\/40 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:border-bluegray-300\/50 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:border-bluegray-300\/60 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:border-bluegray-300\/70 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:border-bluegray-300\/80 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:border-bluegray-300\/90 { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:border-bluegray-400 { + border-color: var(--bluegray-400) + } + .xl\:border-bluegray-400\/10 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:border-bluegray-400\/20 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:border-bluegray-400\/30 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:border-bluegray-400\/40 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:border-bluegray-400\/50 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:border-bluegray-400\/60 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:border-bluegray-400\/70 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:border-bluegray-400\/80 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:border-bluegray-400\/90 { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:border-bluegray-500 { + border-color: var(--bluegray-500) + } + .xl\:border-bluegray-500\/10 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:border-bluegray-500\/20 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:border-bluegray-500\/30 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:border-bluegray-500\/40 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:border-bluegray-500\/50 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:border-bluegray-500\/60 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:border-bluegray-500\/70 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:border-bluegray-500\/80 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:border-bluegray-500\/90 { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:border-bluegray-600 { + border-color: var(--bluegray-600) + } + .xl\:border-bluegray-600\/10 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:border-bluegray-600\/20 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:border-bluegray-600\/30 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:border-bluegray-600\/40 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:border-bluegray-600\/50 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:border-bluegray-600\/60 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:border-bluegray-600\/70 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:border-bluegray-600\/80 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:border-bluegray-600\/90 { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:border-bluegray-700 { + border-color: var(--bluegray-700) + } + .xl\:border-bluegray-700\/10 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:border-bluegray-700\/20 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:border-bluegray-700\/30 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:border-bluegray-700\/40 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:border-bluegray-700\/50 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:border-bluegray-700\/60 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:border-bluegray-700\/70 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:border-bluegray-700\/80 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:border-bluegray-700\/90 { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:border-bluegray-800 { + border-color: var(--bluegray-800) + } + .xl\:border-bluegray-800\/10 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:border-bluegray-800\/20 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:border-bluegray-800\/30 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:border-bluegray-800\/40 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:border-bluegray-800\/50 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:border-bluegray-800\/60 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:border-bluegray-800\/70 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:border-bluegray-800\/80 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:border-bluegray-800\/90 { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:border-bluegray-900 { + border-color: var(--bluegray-900) + } + .xl\:border-bluegray-900\/10 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:border-bluegray-900\/20 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:border-bluegray-900\/30 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:border-bluegray-900\/40 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:border-bluegray-900\/50 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:border-bluegray-900\/60 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:border-bluegray-900\/70 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:border-bluegray-900\/80 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:border-bluegray-900\/90 { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:border-purple-50 { + border-color: var(--purple-50) + } + .xl\:border-purple-50\/10 { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:border-purple-50\/20 { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:border-purple-50\/30 { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:border-purple-50\/40 { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:border-purple-50\/50 { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:border-purple-50\/60 { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:border-purple-50\/70 { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:border-purple-50\/80 { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:border-purple-50\/90 { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:border-purple-100 { + border-color: var(--purple-100) + } + .xl\:border-purple-100\/10 { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:border-purple-100\/20 { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:border-purple-100\/30 { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:border-purple-100\/40 { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:border-purple-100\/50 { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:border-purple-100\/60 { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:border-purple-100\/70 { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:border-purple-100\/80 { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:border-purple-100\/90 { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:border-purple-200 { + border-color: var(--purple-200) + } + .xl\:border-purple-200\/10 { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:border-purple-200\/20 { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:border-purple-200\/30 { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:border-purple-200\/40 { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:border-purple-200\/50 { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:border-purple-200\/60 { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:border-purple-200\/70 { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:border-purple-200\/80 { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:border-purple-200\/90 { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:border-purple-300 { + border-color: var(--purple-300) + } + .xl\:border-purple-300\/10 { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:border-purple-300\/20 { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:border-purple-300\/30 { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:border-purple-300\/40 { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:border-purple-300\/50 { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:border-purple-300\/60 { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:border-purple-300\/70 { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:border-purple-300\/80 { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:border-purple-300\/90 { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:border-purple-400 { + border-color: var(--purple-400) + } + .xl\:border-purple-400\/10 { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:border-purple-400\/20 { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:border-purple-400\/30 { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:border-purple-400\/40 { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:border-purple-400\/50 { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:border-purple-400\/60 { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:border-purple-400\/70 { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:border-purple-400\/80 { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:border-purple-400\/90 { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:border-purple-500 { + border-color: var(--purple-500) + } + .xl\:border-purple-500\/10 { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:border-purple-500\/20 { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:border-purple-500\/30 { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:border-purple-500\/40 { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:border-purple-500\/50 { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:border-purple-500\/60 { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:border-purple-500\/70 { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:border-purple-500\/80 { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:border-purple-500\/90 { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:border-purple-600 { + border-color: var(--purple-600) + } + .xl\:border-purple-600\/10 { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:border-purple-600\/20 { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:border-purple-600\/30 { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:border-purple-600\/40 { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:border-purple-600\/50 { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:border-purple-600\/60 { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:border-purple-600\/70 { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:border-purple-600\/80 { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:border-purple-600\/90 { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:border-purple-700 { + border-color: var(--purple-700) + } + .xl\:border-purple-700\/10 { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:border-purple-700\/20 { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:border-purple-700\/30 { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:border-purple-700\/40 { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:border-purple-700\/50 { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:border-purple-700\/60 { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:border-purple-700\/70 { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:border-purple-700\/80 { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:border-purple-700\/90 { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:border-purple-800 { + border-color: var(--purple-800) + } + .xl\:border-purple-800\/10 { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:border-purple-800\/20 { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:border-purple-800\/30 { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:border-purple-800\/40 { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:border-purple-800\/50 { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:border-purple-800\/60 { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:border-purple-800\/70 { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:border-purple-800\/80 { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:border-purple-800\/90 { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:border-purple-900 { + border-color: var(--purple-900) + } + .xl\:border-purple-900\/10 { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:border-purple-900\/20 { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:border-purple-900\/30 { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:border-purple-900\/40 { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:border-purple-900\/50 { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:border-purple-900\/60 { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:border-purple-900\/70 { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:border-purple-900\/80 { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:border-purple-900\/90 { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:border-red-50 { + border-color: var(--red-50) + } + .xl\:border-red-50\/10 { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:border-red-50\/20 { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:border-red-50\/30 { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:border-red-50\/40 { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:border-red-50\/50 { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:border-red-50\/60 { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:border-red-50\/70 { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:border-red-50\/80 { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:border-red-50\/90 { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:border-red-100 { + border-color: var(--red-100) + } + .xl\:border-red-100\/10 { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:border-red-100\/20 { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:border-red-100\/30 { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:border-red-100\/40 { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:border-red-100\/50 { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:border-red-100\/60 { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:border-red-100\/70 { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:border-red-100\/80 { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:border-red-100\/90 { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:border-red-200 { + border-color: var(--red-200) + } + .xl\:border-red-200\/10 { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:border-red-200\/20 { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:border-red-200\/30 { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:border-red-200\/40 { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:border-red-200\/50 { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:border-red-200\/60 { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:border-red-200\/70 { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:border-red-200\/80 { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:border-red-200\/90 { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:border-red-300 { + border-color: var(--red-300) + } + .xl\:border-red-300\/10 { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:border-red-300\/20 { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:border-red-300\/30 { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:border-red-300\/40 { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:border-red-300\/50 { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:border-red-300\/60 { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:border-red-300\/70 { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:border-red-300\/80 { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:border-red-300\/90 { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:border-red-400 { + border-color: var(--red-400) + } + .xl\:border-red-400\/10 { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:border-red-400\/20 { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:border-red-400\/30 { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:border-red-400\/40 { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:border-red-400\/50 { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:border-red-400\/60 { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:border-red-400\/70 { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:border-red-400\/80 { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:border-red-400\/90 { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:border-red-500 { + border-color: var(--red-500) + } + .xl\:border-red-500\/10 { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:border-red-500\/20 { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:border-red-500\/30 { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:border-red-500\/40 { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:border-red-500\/50 { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:border-red-500\/60 { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:border-red-500\/70 { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:border-red-500\/80 { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:border-red-500\/90 { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:border-red-600 { + border-color: var(--red-600) + } + .xl\:border-red-600\/10 { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:border-red-600\/20 { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:border-red-600\/30 { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:border-red-600\/40 { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:border-red-600\/50 { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:border-red-600\/60 { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:border-red-600\/70 { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:border-red-600\/80 { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:border-red-600\/90 { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:border-red-700 { + border-color: var(--red-700) + } + .xl\:border-red-700\/10 { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:border-red-700\/20 { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:border-red-700\/30 { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:border-red-700\/40 { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:border-red-700\/50 { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:border-red-700\/60 { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:border-red-700\/70 { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:border-red-700\/80 { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:border-red-700\/90 { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:border-red-800 { + border-color: var(--red-800) + } + .xl\:border-red-800\/10 { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:border-red-800\/20 { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:border-red-800\/30 { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:border-red-800\/40 { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:border-red-800\/50 { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:border-red-800\/60 { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:border-red-800\/70 { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:border-red-800\/80 { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:border-red-800\/90 { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:border-red-900 { + border-color: var(--red-900) + } + .xl\:border-red-900\/10 { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:border-red-900\/20 { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:border-red-900\/30 { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:border-red-900\/40 { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:border-red-900\/50 { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:border-red-900\/60 { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:border-red-900\/70 { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:border-red-900\/80 { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:border-red-900\/90 { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:border-gray-50 { + border-color: var(--gray-50) + } + .xl\:border-gray-50\/10 { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:border-gray-50\/20 { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:border-gray-50\/30 { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:border-gray-50\/40 { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:border-gray-50\/50 { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:border-gray-50\/60 { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:border-gray-50\/70 { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:border-gray-50\/80 { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:border-gray-50\/90 { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:border-gray-100 { + border-color: var(--gray-100) + } + .xl\:border-gray-100\/10 { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:border-gray-100\/20 { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:border-gray-100\/30 { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:border-gray-100\/40 { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:border-gray-100\/50 { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:border-gray-100\/60 { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:border-gray-100\/70 { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:border-gray-100\/80 { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:border-gray-100\/90 { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:border-gray-200 { + border-color: var(--gray-200) + } + .xl\:border-gray-200\/10 { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:border-gray-200\/20 { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:border-gray-200\/30 { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:border-gray-200\/40 { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:border-gray-200\/50 { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:border-gray-200\/60 { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:border-gray-200\/70 { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:border-gray-200\/80 { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:border-gray-200\/90 { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:border-gray-300 { + border-color: var(--gray-300) + } + .xl\:border-gray-300\/10 { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:border-gray-300\/20 { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:border-gray-300\/30 { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:border-gray-300\/40 { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:border-gray-300\/50 { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:border-gray-300\/60 { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:border-gray-300\/70 { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:border-gray-300\/80 { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:border-gray-300\/90 { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:border-gray-400 { + border-color: var(--gray-400) + } + .xl\:border-gray-400\/10 { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:border-gray-400\/20 { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:border-gray-400\/30 { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:border-gray-400\/40 { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:border-gray-400\/50 { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:border-gray-400\/60 { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:border-gray-400\/70 { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:border-gray-400\/80 { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:border-gray-400\/90 { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:border-gray-500 { + border-color: var(--gray-500) + } + .xl\:border-gray-500\/10 { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:border-gray-500\/20 { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:border-gray-500\/30 { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:border-gray-500\/40 { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:border-gray-500\/50 { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:border-gray-500\/60 { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:border-gray-500\/70 { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:border-gray-500\/80 { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:border-gray-500\/90 { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:border-gray-600 { + border-color: var(--gray-600) + } + .xl\:border-gray-600\/10 { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:border-gray-600\/20 { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:border-gray-600\/30 { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:border-gray-600\/40 { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:border-gray-600\/50 { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:border-gray-600\/60 { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:border-gray-600\/70 { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:border-gray-600\/80 { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:border-gray-600\/90 { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:border-gray-700 { + border-color: var(--gray-700) + } + .xl\:border-gray-700\/10 { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:border-gray-700\/20 { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:border-gray-700\/30 { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:border-gray-700\/40 { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:border-gray-700\/50 { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:border-gray-700\/60 { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:border-gray-700\/70 { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:border-gray-700\/80 { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:border-gray-700\/90 { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:border-gray-800 { + border-color: var(--gray-800) + } + .xl\:border-gray-800\/10 { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:border-gray-800\/20 { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:border-gray-800\/30 { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:border-gray-800\/40 { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:border-gray-800\/50 { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:border-gray-800\/60 { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:border-gray-800\/70 { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:border-gray-800\/80 { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:border-gray-800\/90 { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:border-gray-900 { + border-color: var(--gray-900) + } + .xl\:border-gray-900\/10 { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:border-gray-900\/20 { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:border-gray-900\/30 { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:border-gray-900\/40 { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:border-gray-900\/50 { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:border-gray-900\/60 { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:border-gray-900\/70 { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:border-gray-900\/80 { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:border-gray-900\/90 { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:border-surface-0 { + border-color: var(--surface-0) + } + .xl\:border-surface-0\/10 { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:border-surface-0\/20 { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:border-surface-0\/30 { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:border-surface-0\/40 { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:border-surface-0\/50 { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:border-surface-0\/60 { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:border-surface-0\/70 { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:border-surface-0\/80 { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:border-surface-0\/90 { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:border-surface-50 { + border-color: var(--surface-50) + } + .xl\:border-surface-50\/10 { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:border-surface-50\/20 { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:border-surface-50\/30 { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:border-surface-50\/40 { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:border-surface-50\/50 { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:border-surface-50\/60 { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:border-surface-50\/70 { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:border-surface-50\/80 { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:border-surface-50\/90 { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:border-surface-100 { + border-color: var(--surface-100) + } + .xl\:border-surface-100\/10 { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:border-surface-100\/20 { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:border-surface-100\/30 { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:border-surface-100\/40 { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:border-surface-100\/50 { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:border-surface-100\/60 { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:border-surface-100\/70 { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:border-surface-100\/80 { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:border-surface-100\/90 { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:border-surface-200 { + border-color: var(--surface-200) + } + .xl\:border-surface-200\/10 { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:border-surface-200\/20 { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:border-surface-200\/30 { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:border-surface-200\/40 { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:border-surface-200\/50 { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:border-surface-200\/60 { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:border-surface-200\/70 { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:border-surface-200\/80 { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:border-surface-200\/90 { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:border-surface-300 { + border-color: var(--surface-300) + } + .xl\:border-surface-300\/10 { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:border-surface-300\/20 { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:border-surface-300\/30 { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:border-surface-300\/40 { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:border-surface-300\/50 { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:border-surface-300\/60 { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:border-surface-300\/70 { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:border-surface-300\/80 { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:border-surface-300\/90 { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:border-surface-400 { + border-color: var(--surface-400) + } + .xl\:border-surface-400\/10 { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:border-surface-400\/20 { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:border-surface-400\/30 { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:border-surface-400\/40 { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:border-surface-400\/50 { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:border-surface-400\/60 { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:border-surface-400\/70 { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:border-surface-400\/80 { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:border-surface-400\/90 { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:border-surface-500 { + border-color: var(--surface-500) + } + .xl\:border-surface-500\/10 { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:border-surface-500\/20 { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:border-surface-500\/30 { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:border-surface-500\/40 { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:border-surface-500\/50 { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:border-surface-500\/60 { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:border-surface-500\/70 { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:border-surface-500\/80 { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:border-surface-500\/90 { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:border-surface-600 { + border-color: var(--surface-600) + } + .xl\:border-surface-600\/10 { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:border-surface-600\/20 { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:border-surface-600\/30 { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:border-surface-600\/40 { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:border-surface-600\/50 { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:border-surface-600\/60 { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:border-surface-600\/70 { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:border-surface-600\/80 { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:border-surface-600\/90 { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:border-surface-700 { + border-color: var(--surface-700) + } + .xl\:border-surface-700\/10 { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:border-surface-700\/20 { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:border-surface-700\/30 { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:border-surface-700\/40 { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:border-surface-700\/50 { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:border-surface-700\/60 { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:border-surface-700\/70 { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:border-surface-700\/80 { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:border-surface-700\/90 { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:border-surface-800 { + border-color: var(--surface-800) + } + .xl\:border-surface-800\/10 { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:border-surface-800\/20 { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:border-surface-800\/30 { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:border-surface-800\/40 { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:border-surface-800\/50 { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:border-surface-800\/60 { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:border-surface-800\/70 { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:border-surface-800\/80 { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:border-surface-800\/90 { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:border-surface-900 { + border-color: var(--surface-900) + } + .xl\:border-surface-900\/10 { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:border-surface-900\/20 { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:border-surface-900\/30 { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:border-surface-900\/40 { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:border-surface-900\/50 { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:border-surface-900\/60 { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:border-surface-900\/70 { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:border-surface-900\/80 { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:border-surface-900\/90 { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:border-primary-50 { + border-color: var(--primary-50) + } + .xl\:border-primary-50\/10 { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:border-primary-50\/20 { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:border-primary-50\/30 { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:border-primary-50\/40 { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:border-primary-50\/50 { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:border-primary-50\/60 { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:border-primary-50\/70 { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:border-primary-50\/80 { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:border-primary-50\/90 { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:border-primary-100 { + border-color: var(--primary-100) + } + .xl\:border-primary-100\/10 { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:border-primary-100\/20 { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:border-primary-100\/30 { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:border-primary-100\/40 { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:border-primary-100\/50 { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:border-primary-100\/60 { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:border-primary-100\/70 { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:border-primary-100\/80 { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:border-primary-100\/90 { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:border-primary-200 { + border-color: var(--primary-200) + } + .xl\:border-primary-200\/10 { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:border-primary-200\/20 { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:border-primary-200\/30 { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:border-primary-200\/40 { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:border-primary-200\/50 { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:border-primary-200\/60 { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:border-primary-200\/70 { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:border-primary-200\/80 { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:border-primary-200\/90 { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:border-primary-300 { + border-color: var(--primary-300) + } + .xl\:border-primary-300\/10 { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:border-primary-300\/20 { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:border-primary-300\/30 { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:border-primary-300\/40 { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:border-primary-300\/50 { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:border-primary-300\/60 { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:border-primary-300\/70 { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:border-primary-300\/80 { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:border-primary-300\/90 { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:border-primary-400 { + border-color: var(--primary-400) + } + .xl\:border-primary-400\/10 { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:border-primary-400\/20 { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:border-primary-400\/30 { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:border-primary-400\/40 { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:border-primary-400\/50 { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:border-primary-400\/60 { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:border-primary-400\/70 { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:border-primary-400\/80 { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:border-primary-400\/90 { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:border-primary-500 { + border-color: var(--primary-500) + } + .xl\:border-primary-500\/10 { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:border-primary-500\/20 { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:border-primary-500\/30 { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:border-primary-500\/40 { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:border-primary-500\/50 { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:border-primary-500\/60 { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:border-primary-500\/70 { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:border-primary-500\/80 { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:border-primary-500\/90 { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:border-primary-600 { + border-color: var(--primary-600) + } + .xl\:border-primary-600\/10 { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:border-primary-600\/20 { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:border-primary-600\/30 { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:border-primary-600\/40 { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:border-primary-600\/50 { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:border-primary-600\/60 { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:border-primary-600\/70 { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:border-primary-600\/80 { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:border-primary-600\/90 { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:border-primary-700 { + border-color: var(--primary-700) + } + .xl\:border-primary-700\/10 { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:border-primary-700\/20 { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:border-primary-700\/30 { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:border-primary-700\/40 { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:border-primary-700\/50 { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:border-primary-700\/60 { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:border-primary-700\/70 { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:border-primary-700\/80 { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:border-primary-700\/90 { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:border-primary-800 { + border-color: var(--primary-800) + } + .xl\:border-primary-800\/10 { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:border-primary-800\/20 { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:border-primary-800\/30 { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:border-primary-800\/40 { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:border-primary-800\/50 { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:border-primary-800\/60 { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:border-primary-800\/70 { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:border-primary-800\/80 { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:border-primary-800\/90 { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:border-primary-900 { + border-color: var(--primary-900) + } + .xl\:border-primary-900\/10 { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:border-primary-900\/20 { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:border-primary-900\/30 { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:border-primary-900\/40 { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:border-primary-900\/50 { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:border-primary-900\/60 { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:border-primary-900\/70 { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:border-primary-900\/80 { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:border-primary-900\/90 { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:border-blue-50:focus { + border-color: var(--blue-50) + } + .xl\:hover\:border-blue-50:hover { + border-color: var(--blue-50) + } + .xl\:active\:border-blue-50:active { + border-color: var(--blue-50) + } + .xl\:focus\:border-blue-50\/10:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:border-blue-50\/10:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:border-blue-50\/10:active { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:border-blue-50\/20:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:border-blue-50\/20:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:border-blue-50\/20:active { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:border-blue-50\/30:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:border-blue-50\/30:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:border-blue-50\/30:active { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:border-blue-50\/40:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:border-blue-50\/40:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:border-blue-50\/40:active { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:border-blue-50\/50:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:border-blue-50\/50:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:border-blue-50\/50:active { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:border-blue-50\/60:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:border-blue-50\/60:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:border-blue-50\/60:active { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:border-blue-50\/70:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:border-blue-50\/70:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:border-blue-50\/70:active { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:border-blue-50\/80:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:border-blue-50\/80:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:border-blue-50\/80:active { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:border-blue-50\/90:focus { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:border-blue-50\/90:hover { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:border-blue-50\/90:active { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:border-blue-100:focus { + border-color: var(--blue-100) + } + .xl\:hover\:border-blue-100:hover { + border-color: var(--blue-100) + } + .xl\:active\:border-blue-100:active { + border-color: var(--blue-100) + } + .xl\:focus\:border-blue-100\/10:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:border-blue-100\/10:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:border-blue-100\/10:active { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:border-blue-100\/20:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:border-blue-100\/20:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:border-blue-100\/20:active { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:border-blue-100\/30:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:border-blue-100\/30:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:border-blue-100\/30:active { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:border-blue-100\/40:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:border-blue-100\/40:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:border-blue-100\/40:active { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:border-blue-100\/50:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:border-blue-100\/50:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:border-blue-100\/50:active { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:border-blue-100\/60:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:border-blue-100\/60:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:border-blue-100\/60:active { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:border-blue-100\/70:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:border-blue-100\/70:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:border-blue-100\/70:active { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:border-blue-100\/80:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:border-blue-100\/80:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:border-blue-100\/80:active { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:border-blue-100\/90:focus { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:border-blue-100\/90:hover { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:border-blue-100\/90:active { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:border-blue-200:focus { + border-color: var(--blue-200) + } + .xl\:hover\:border-blue-200:hover { + border-color: var(--blue-200) + } + .xl\:active\:border-blue-200:active { + border-color: var(--blue-200) + } + .xl\:focus\:border-blue-200\/10:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:border-blue-200\/10:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:border-blue-200\/10:active { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:border-blue-200\/20:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:border-blue-200\/20:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:border-blue-200\/20:active { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:border-blue-200\/30:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:border-blue-200\/30:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:border-blue-200\/30:active { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:border-blue-200\/40:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:border-blue-200\/40:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:border-blue-200\/40:active { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:border-blue-200\/50:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:border-blue-200\/50:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:border-blue-200\/50:active { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:border-blue-200\/60:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:border-blue-200\/60:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:border-blue-200\/60:active { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:border-blue-200\/70:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:border-blue-200\/70:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:border-blue-200\/70:active { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:border-blue-200\/80:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:border-blue-200\/80:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:border-blue-200\/80:active { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:border-blue-200\/90:focus { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:border-blue-200\/90:hover { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:border-blue-200\/90:active { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:border-blue-300:focus { + border-color: var(--blue-300) + } + .xl\:hover\:border-blue-300:hover { + border-color: var(--blue-300) + } + .xl\:active\:border-blue-300:active { + border-color: var(--blue-300) + } + .xl\:focus\:border-blue-300\/10:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:border-blue-300\/10:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:border-blue-300\/10:active { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:border-blue-300\/20:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:border-blue-300\/20:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:border-blue-300\/20:active { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:border-blue-300\/30:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:border-blue-300\/30:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:border-blue-300\/30:active { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:border-blue-300\/40:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:border-blue-300\/40:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:border-blue-300\/40:active { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:border-blue-300\/50:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:border-blue-300\/50:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:border-blue-300\/50:active { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:border-blue-300\/60:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:border-blue-300\/60:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:border-blue-300\/60:active { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:border-blue-300\/70:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:border-blue-300\/70:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:border-blue-300\/70:active { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:border-blue-300\/80:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:border-blue-300\/80:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:border-blue-300\/80:active { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:border-blue-300\/90:focus { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:border-blue-300\/90:hover { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:border-blue-300\/90:active { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:border-blue-400:focus { + border-color: var(--blue-400) + } + .xl\:hover\:border-blue-400:hover { + border-color: var(--blue-400) + } + .xl\:active\:border-blue-400:active { + border-color: var(--blue-400) + } + .xl\:focus\:border-blue-400\/10:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:border-blue-400\/10:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:border-blue-400\/10:active { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:border-blue-400\/20:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:border-blue-400\/20:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:border-blue-400\/20:active { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:border-blue-400\/30:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:border-blue-400\/30:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:border-blue-400\/30:active { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:border-blue-400\/40:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:border-blue-400\/40:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:border-blue-400\/40:active { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:border-blue-400\/50:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:border-blue-400\/50:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:border-blue-400\/50:active { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:border-blue-400\/60:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:border-blue-400\/60:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:border-blue-400\/60:active { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:border-blue-400\/70:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:border-blue-400\/70:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:border-blue-400\/70:active { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:border-blue-400\/80:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:border-blue-400\/80:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:border-blue-400\/80:active { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:border-blue-400\/90:focus { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:border-blue-400\/90:hover { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:border-blue-400\/90:active { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:border-blue-500:focus { + border-color: var(--blue-500) + } + .xl\:hover\:border-blue-500:hover { + border-color: var(--blue-500) + } + .xl\:active\:border-blue-500:active { + border-color: var(--blue-500) + } + .xl\:focus\:border-blue-500\/10:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:border-blue-500\/10:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:border-blue-500\/10:active { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:border-blue-500\/20:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:border-blue-500\/20:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:border-blue-500\/20:active { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:border-blue-500\/30:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:border-blue-500\/30:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:border-blue-500\/30:active { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:border-blue-500\/40:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:border-blue-500\/40:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:border-blue-500\/40:active { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:border-blue-500\/50:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:border-blue-500\/50:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:border-blue-500\/50:active { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:border-blue-500\/60:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:border-blue-500\/60:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:border-blue-500\/60:active { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:border-blue-500\/70:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:border-blue-500\/70:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:border-blue-500\/70:active { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:border-blue-500\/80:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:border-blue-500\/80:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:border-blue-500\/80:active { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:border-blue-500\/90:focus { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:border-blue-500\/90:hover { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:border-blue-500\/90:active { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:border-blue-600:focus { + border-color: var(--blue-600) + } + .xl\:hover\:border-blue-600:hover { + border-color: var(--blue-600) + } + .xl\:active\:border-blue-600:active { + border-color: var(--blue-600) + } + .xl\:focus\:border-blue-600\/10:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:border-blue-600\/10:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:border-blue-600\/10:active { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:border-blue-600\/20:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:border-blue-600\/20:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:border-blue-600\/20:active { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:border-blue-600\/30:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:border-blue-600\/30:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:border-blue-600\/30:active { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:border-blue-600\/40:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:border-blue-600\/40:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:border-blue-600\/40:active { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:border-blue-600\/50:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:border-blue-600\/50:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:border-blue-600\/50:active { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:border-blue-600\/60:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:border-blue-600\/60:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:border-blue-600\/60:active { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:border-blue-600\/70:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:border-blue-600\/70:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:border-blue-600\/70:active { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:border-blue-600\/80:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:border-blue-600\/80:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:border-blue-600\/80:active { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:border-blue-600\/90:focus { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:border-blue-600\/90:hover { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:border-blue-600\/90:active { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:border-blue-700:focus { + border-color: var(--blue-700) + } + .xl\:hover\:border-blue-700:hover { + border-color: var(--blue-700) + } + .xl\:active\:border-blue-700:active { + border-color: var(--blue-700) + } + .xl\:focus\:border-blue-700\/10:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:border-blue-700\/10:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:border-blue-700\/10:active { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:border-blue-700\/20:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:border-blue-700\/20:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:border-blue-700\/20:active { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:border-blue-700\/30:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:border-blue-700\/30:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:border-blue-700\/30:active { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:border-blue-700\/40:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:border-blue-700\/40:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:border-blue-700\/40:active { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:border-blue-700\/50:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:border-blue-700\/50:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:border-blue-700\/50:active { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:border-blue-700\/60:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:border-blue-700\/60:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:border-blue-700\/60:active { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:border-blue-700\/70:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:border-blue-700\/70:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:border-blue-700\/70:active { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:border-blue-700\/80:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:border-blue-700\/80:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:border-blue-700\/80:active { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:border-blue-700\/90:focus { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:border-blue-700\/90:hover { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:border-blue-700\/90:active { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:border-blue-800:focus { + border-color: var(--blue-800) + } + .xl\:hover\:border-blue-800:hover { + border-color: var(--blue-800) + } + .xl\:active\:border-blue-800:active { + border-color: var(--blue-800) + } + .xl\:focus\:border-blue-800\/10:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:border-blue-800\/10:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:border-blue-800\/10:active { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:border-blue-800\/20:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:border-blue-800\/20:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:border-blue-800\/20:active { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:border-blue-800\/30:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:border-blue-800\/30:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:border-blue-800\/30:active { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:border-blue-800\/40:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:border-blue-800\/40:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:border-blue-800\/40:active { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:border-blue-800\/50:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:border-blue-800\/50:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:border-blue-800\/50:active { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:border-blue-800\/60:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:border-blue-800\/60:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:border-blue-800\/60:active { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:border-blue-800\/70:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:border-blue-800\/70:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:border-blue-800\/70:active { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:border-blue-800\/80:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:border-blue-800\/80:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:border-blue-800\/80:active { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:border-blue-800\/90:focus { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:border-blue-800\/90:hover { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:border-blue-800\/90:active { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:border-blue-900:focus { + border-color: var(--blue-900) + } + .xl\:hover\:border-blue-900:hover { + border-color: var(--blue-900) + } + .xl\:active\:border-blue-900:active { + border-color: var(--blue-900) + } + .xl\:focus\:border-blue-900\/10:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:border-blue-900\/10:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:border-blue-900\/10:active { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:border-blue-900\/20:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:border-blue-900\/20:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:border-blue-900\/20:active { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:border-blue-900\/30:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:border-blue-900\/30:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:border-blue-900\/30:active { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:border-blue-900\/40:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:border-blue-900\/40:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:border-blue-900\/40:active { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:border-blue-900\/50:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:border-blue-900\/50:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:border-blue-900\/50:active { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:border-blue-900\/60:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:border-blue-900\/60:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:border-blue-900\/60:active { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:border-blue-900\/70:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:border-blue-900\/70:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:border-blue-900\/70:active { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:border-blue-900\/80:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:border-blue-900\/80:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:border-blue-900\/80:active { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:border-blue-900\/90:focus { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:border-blue-900\/90:hover { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:border-blue-900\/90:active { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:border-green-50:focus { + border-color: var(--green-50) + } + .xl\:hover\:border-green-50:hover { + border-color: var(--green-50) + } + .xl\:active\:border-green-50:active { + border-color: var(--green-50) + } + .xl\:focus\:border-green-50\/10:focus { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:border-green-50\/10:hover { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:border-green-50\/10:active { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:border-green-50\/20:focus { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:border-green-50\/20:hover { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:border-green-50\/20:active { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:border-green-50\/30:focus { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:border-green-50\/30:hover { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:border-green-50\/30:active { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:border-green-50\/40:focus { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:border-green-50\/40:hover { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:border-green-50\/40:active { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:border-green-50\/50:focus { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:border-green-50\/50:hover { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:border-green-50\/50:active { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:border-green-50\/60:focus { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:border-green-50\/60:hover { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:border-green-50\/60:active { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:border-green-50\/70:focus { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:border-green-50\/70:hover { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:border-green-50\/70:active { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:border-green-50\/80:focus { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:border-green-50\/80:hover { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:border-green-50\/80:active { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:border-green-50\/90:focus { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:border-green-50\/90:hover { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:border-green-50\/90:active { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:border-green-100:focus { + border-color: var(--green-100) + } + .xl\:hover\:border-green-100:hover { + border-color: var(--green-100) + } + .xl\:active\:border-green-100:active { + border-color: var(--green-100) + } + .xl\:focus\:border-green-100\/10:focus { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:border-green-100\/10:hover { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:border-green-100\/10:active { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:border-green-100\/20:focus { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:border-green-100\/20:hover { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:border-green-100\/20:active { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:border-green-100\/30:focus { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:border-green-100\/30:hover { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:border-green-100\/30:active { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:border-green-100\/40:focus { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:border-green-100\/40:hover { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:border-green-100\/40:active { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:border-green-100\/50:focus { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:border-green-100\/50:hover { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:border-green-100\/50:active { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:border-green-100\/60:focus { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:border-green-100\/60:hover { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:border-green-100\/60:active { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:border-green-100\/70:focus { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:border-green-100\/70:hover { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:border-green-100\/70:active { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:border-green-100\/80:focus { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:border-green-100\/80:hover { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:border-green-100\/80:active { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:border-green-100\/90:focus { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:border-green-100\/90:hover { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:border-green-100\/90:active { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:border-green-200:focus { + border-color: var(--green-200) + } + .xl\:hover\:border-green-200:hover { + border-color: var(--green-200) + } + .xl\:active\:border-green-200:active { + border-color: var(--green-200) + } + .xl\:focus\:border-green-200\/10:focus { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:border-green-200\/10:hover { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:border-green-200\/10:active { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:border-green-200\/20:focus { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:border-green-200\/20:hover { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:border-green-200\/20:active { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:border-green-200\/30:focus { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:border-green-200\/30:hover { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:border-green-200\/30:active { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:border-green-200\/40:focus { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:border-green-200\/40:hover { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:border-green-200\/40:active { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:border-green-200\/50:focus { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:border-green-200\/50:hover { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:border-green-200\/50:active { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:border-green-200\/60:focus { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:border-green-200\/60:hover { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:border-green-200\/60:active { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:border-green-200\/70:focus { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:border-green-200\/70:hover { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:border-green-200\/70:active { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:border-green-200\/80:focus { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:border-green-200\/80:hover { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:border-green-200\/80:active { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:border-green-200\/90:focus { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:border-green-200\/90:hover { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:border-green-200\/90:active { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:border-green-300:focus { + border-color: var(--green-300) + } + .xl\:hover\:border-green-300:hover { + border-color: var(--green-300) + } + .xl\:active\:border-green-300:active { + border-color: var(--green-300) + } + .xl\:focus\:border-green-300\/10:focus { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:border-green-300\/10:hover { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:border-green-300\/10:active { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:border-green-300\/20:focus { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:border-green-300\/20:hover { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:border-green-300\/20:active { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:border-green-300\/30:focus { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:border-green-300\/30:hover { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:border-green-300\/30:active { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:border-green-300\/40:focus { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:border-green-300\/40:hover { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:border-green-300\/40:active { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:border-green-300\/50:focus { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:border-green-300\/50:hover { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:border-green-300\/50:active { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:border-green-300\/60:focus { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:border-green-300\/60:hover { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:border-green-300\/60:active { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:border-green-300\/70:focus { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:border-green-300\/70:hover { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:border-green-300\/70:active { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:border-green-300\/80:focus { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:border-green-300\/80:hover { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:border-green-300\/80:active { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:border-green-300\/90:focus { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:border-green-300\/90:hover { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:border-green-300\/90:active { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:border-green-400:focus { + border-color: var(--green-400) + } + .xl\:hover\:border-green-400:hover { + border-color: var(--green-400) + } + .xl\:active\:border-green-400:active { + border-color: var(--green-400) + } + .xl\:focus\:border-green-400\/10:focus { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:border-green-400\/10:hover { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:border-green-400\/10:active { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:border-green-400\/20:focus { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:border-green-400\/20:hover { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:border-green-400\/20:active { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:border-green-400\/30:focus { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:border-green-400\/30:hover { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:border-green-400\/30:active { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:border-green-400\/40:focus { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:border-green-400\/40:hover { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:border-green-400\/40:active { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:border-green-400\/50:focus { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:border-green-400\/50:hover { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:border-green-400\/50:active { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:border-green-400\/60:focus { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:border-green-400\/60:hover { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:border-green-400\/60:active { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:border-green-400\/70:focus { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:border-green-400\/70:hover { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:border-green-400\/70:active { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:border-green-400\/80:focus { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:border-green-400\/80:hover { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:border-green-400\/80:active { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:border-green-400\/90:focus { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:border-green-400\/90:hover { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:border-green-400\/90:active { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:border-green-500:focus { + border-color: var(--green-500) + } + .xl\:hover\:border-green-500:hover { + border-color: var(--green-500) + } + .xl\:active\:border-green-500:active { + border-color: var(--green-500) + } + .xl\:focus\:border-green-500\/10:focus { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:border-green-500\/10:hover { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:border-green-500\/10:active { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:border-green-500\/20:focus { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:border-green-500\/20:hover { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:border-green-500\/20:active { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:border-green-500\/30:focus { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:border-green-500\/30:hover { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:border-green-500\/30:active { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:border-green-500\/40:focus { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:border-green-500\/40:hover { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:border-green-500\/40:active { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:border-green-500\/50:focus { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:border-green-500\/50:hover { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:border-green-500\/50:active { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:border-green-500\/60:focus { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:border-green-500\/60:hover { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:border-green-500\/60:active { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:border-green-500\/70:focus { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:border-green-500\/70:hover { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:border-green-500\/70:active { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:border-green-500\/80:focus { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:border-green-500\/80:hover { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:border-green-500\/80:active { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:border-green-500\/90:focus { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:border-green-500\/90:hover { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:border-green-500\/90:active { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:border-green-600:focus { + border-color: var(--green-600) + } + .xl\:hover\:border-green-600:hover { + border-color: var(--green-600) + } + .xl\:active\:border-green-600:active { + border-color: var(--green-600) + } + .xl\:focus\:border-green-600\/10:focus { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:border-green-600\/10:hover { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:border-green-600\/10:active { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:border-green-600\/20:focus { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:border-green-600\/20:hover { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:border-green-600\/20:active { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:border-green-600\/30:focus { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:border-green-600\/30:hover { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:border-green-600\/30:active { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:border-green-600\/40:focus { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:border-green-600\/40:hover { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:border-green-600\/40:active { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:border-green-600\/50:focus { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:border-green-600\/50:hover { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:border-green-600\/50:active { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:border-green-600\/60:focus { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:border-green-600\/60:hover { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:border-green-600\/60:active { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:border-green-600\/70:focus { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:border-green-600\/70:hover { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:border-green-600\/70:active { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:border-green-600\/80:focus { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:border-green-600\/80:hover { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:border-green-600\/80:active { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:border-green-600\/90:focus { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:border-green-600\/90:hover { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:border-green-600\/90:active { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:border-green-700:focus { + border-color: var(--green-700) + } + .xl\:hover\:border-green-700:hover { + border-color: var(--green-700) + } + .xl\:active\:border-green-700:active { + border-color: var(--green-700) + } + .xl\:focus\:border-green-700\/10:focus { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:border-green-700\/10:hover { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:border-green-700\/10:active { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:border-green-700\/20:focus { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:border-green-700\/20:hover { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:border-green-700\/20:active { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:border-green-700\/30:focus { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:border-green-700\/30:hover { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:border-green-700\/30:active { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:border-green-700\/40:focus { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:border-green-700\/40:hover { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:border-green-700\/40:active { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:border-green-700\/50:focus { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:border-green-700\/50:hover { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:border-green-700\/50:active { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:border-green-700\/60:focus { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:border-green-700\/60:hover { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:border-green-700\/60:active { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:border-green-700\/70:focus { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:border-green-700\/70:hover { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:border-green-700\/70:active { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:border-green-700\/80:focus { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:border-green-700\/80:hover { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:border-green-700\/80:active { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:border-green-700\/90:focus { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:border-green-700\/90:hover { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:border-green-700\/90:active { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:border-green-800:focus { + border-color: var(--green-800) + } + .xl\:hover\:border-green-800:hover { + border-color: var(--green-800) + } + .xl\:active\:border-green-800:active { + border-color: var(--green-800) + } + .xl\:focus\:border-green-800\/10:focus { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:border-green-800\/10:hover { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:border-green-800\/10:active { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:border-green-800\/20:focus { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:border-green-800\/20:hover { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:border-green-800\/20:active { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:border-green-800\/30:focus { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:border-green-800\/30:hover { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:border-green-800\/30:active { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:border-green-800\/40:focus { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:border-green-800\/40:hover { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:border-green-800\/40:active { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:border-green-800\/50:focus { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:border-green-800\/50:hover { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:border-green-800\/50:active { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:border-green-800\/60:focus { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:border-green-800\/60:hover { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:border-green-800\/60:active { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:border-green-800\/70:focus { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:border-green-800\/70:hover { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:border-green-800\/70:active { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:border-green-800\/80:focus { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:border-green-800\/80:hover { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:border-green-800\/80:active { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:border-green-800\/90:focus { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:border-green-800\/90:hover { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:border-green-800\/90:active { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:border-green-900:focus { + border-color: var(--green-900) + } + .xl\:hover\:border-green-900:hover { + border-color: var(--green-900) + } + .xl\:active\:border-green-900:active { + border-color: var(--green-900) + } + .xl\:focus\:border-green-900\/10:focus { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:border-green-900\/10:hover { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:border-green-900\/10:active { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:border-green-900\/20:focus { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:border-green-900\/20:hover { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:border-green-900\/20:active { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:border-green-900\/30:focus { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:border-green-900\/30:hover { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:border-green-900\/30:active { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:border-green-900\/40:focus { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:border-green-900\/40:hover { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:border-green-900\/40:active { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:border-green-900\/50:focus { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:border-green-900\/50:hover { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:border-green-900\/50:active { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:border-green-900\/60:focus { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:border-green-900\/60:hover { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:border-green-900\/60:active { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:border-green-900\/70:focus { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:border-green-900\/70:hover { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:border-green-900\/70:active { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:border-green-900\/80:focus { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:border-green-900\/80:hover { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:border-green-900\/80:active { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:border-green-900\/90:focus { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:border-green-900\/90:hover { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:border-green-900\/90:active { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:border-yellow-50:focus { + border-color: var(--yellow-50) + } + .xl\:hover\:border-yellow-50:hover { + border-color: var(--yellow-50) + } + .xl\:active\:border-yellow-50:active { + border-color: var(--yellow-50) + } + .xl\:focus\:border-yellow-50\/10:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:border-yellow-50\/10:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:border-yellow-50\/10:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:border-yellow-50\/20:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:border-yellow-50\/20:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:border-yellow-50\/20:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:border-yellow-50\/30:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:border-yellow-50\/30:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:border-yellow-50\/30:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:border-yellow-50\/40:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:border-yellow-50\/40:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:border-yellow-50\/40:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:border-yellow-50\/50:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:border-yellow-50\/50:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:border-yellow-50\/50:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:border-yellow-50\/60:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:border-yellow-50\/60:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:border-yellow-50\/60:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:border-yellow-50\/70:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:border-yellow-50\/70:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:border-yellow-50\/70:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:border-yellow-50\/80:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:border-yellow-50\/80:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:border-yellow-50\/80:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:border-yellow-50\/90:focus { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:border-yellow-50\/90:hover { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:border-yellow-50\/90:active { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:border-yellow-100:focus { + border-color: var(--yellow-100) + } + .xl\:hover\:border-yellow-100:hover { + border-color: var(--yellow-100) + } + .xl\:active\:border-yellow-100:active { + border-color: var(--yellow-100) + } + .xl\:focus\:border-yellow-100\/10:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:border-yellow-100\/10:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:border-yellow-100\/10:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:border-yellow-100\/20:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:border-yellow-100\/20:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:border-yellow-100\/20:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:border-yellow-100\/30:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:border-yellow-100\/30:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:border-yellow-100\/30:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:border-yellow-100\/40:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:border-yellow-100\/40:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:border-yellow-100\/40:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:border-yellow-100\/50:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:border-yellow-100\/50:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:border-yellow-100\/50:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:border-yellow-100\/60:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:border-yellow-100\/60:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:border-yellow-100\/60:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:border-yellow-100\/70:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:border-yellow-100\/70:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:border-yellow-100\/70:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:border-yellow-100\/80:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:border-yellow-100\/80:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:border-yellow-100\/80:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:border-yellow-100\/90:focus { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:border-yellow-100\/90:hover { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:border-yellow-100\/90:active { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:border-yellow-200:focus { + border-color: var(--yellow-200) + } + .xl\:hover\:border-yellow-200:hover { + border-color: var(--yellow-200) + } + .xl\:active\:border-yellow-200:active { + border-color: var(--yellow-200) + } + .xl\:focus\:border-yellow-200\/10:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:border-yellow-200\/10:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:border-yellow-200\/10:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:border-yellow-200\/20:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:border-yellow-200\/20:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:border-yellow-200\/20:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:border-yellow-200\/30:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:border-yellow-200\/30:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:border-yellow-200\/30:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:border-yellow-200\/40:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:border-yellow-200\/40:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:border-yellow-200\/40:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:border-yellow-200\/50:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:border-yellow-200\/50:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:border-yellow-200\/50:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:border-yellow-200\/60:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:border-yellow-200\/60:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:border-yellow-200\/60:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:border-yellow-200\/70:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:border-yellow-200\/70:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:border-yellow-200\/70:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:border-yellow-200\/80:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:border-yellow-200\/80:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:border-yellow-200\/80:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:border-yellow-200\/90:focus { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:border-yellow-200\/90:hover { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:border-yellow-200\/90:active { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:border-yellow-300:focus { + border-color: var(--yellow-300) + } + .xl\:hover\:border-yellow-300:hover { + border-color: var(--yellow-300) + } + .xl\:active\:border-yellow-300:active { + border-color: var(--yellow-300) + } + .xl\:focus\:border-yellow-300\/10:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:border-yellow-300\/10:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:border-yellow-300\/10:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:border-yellow-300\/20:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:border-yellow-300\/20:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:border-yellow-300\/20:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:border-yellow-300\/30:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:border-yellow-300\/30:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:border-yellow-300\/30:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:border-yellow-300\/40:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:border-yellow-300\/40:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:border-yellow-300\/40:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:border-yellow-300\/50:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:border-yellow-300\/50:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:border-yellow-300\/50:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:border-yellow-300\/60:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:border-yellow-300\/60:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:border-yellow-300\/60:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:border-yellow-300\/70:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:border-yellow-300\/70:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:border-yellow-300\/70:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:border-yellow-300\/80:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:border-yellow-300\/80:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:border-yellow-300\/80:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:border-yellow-300\/90:focus { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:border-yellow-300\/90:hover { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:border-yellow-300\/90:active { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:border-yellow-400:focus { + border-color: var(--yellow-400) + } + .xl\:hover\:border-yellow-400:hover { + border-color: var(--yellow-400) + } + .xl\:active\:border-yellow-400:active { + border-color: var(--yellow-400) + } + .xl\:focus\:border-yellow-400\/10:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:border-yellow-400\/10:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:border-yellow-400\/10:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:border-yellow-400\/20:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:border-yellow-400\/20:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:border-yellow-400\/20:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:border-yellow-400\/30:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:border-yellow-400\/30:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:border-yellow-400\/30:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:border-yellow-400\/40:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:border-yellow-400\/40:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:border-yellow-400\/40:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:border-yellow-400\/50:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:border-yellow-400\/50:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:border-yellow-400\/50:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:border-yellow-400\/60:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:border-yellow-400\/60:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:border-yellow-400\/60:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:border-yellow-400\/70:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:border-yellow-400\/70:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:border-yellow-400\/70:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:border-yellow-400\/80:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:border-yellow-400\/80:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:border-yellow-400\/80:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:border-yellow-400\/90:focus { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:border-yellow-400\/90:hover { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:border-yellow-400\/90:active { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:border-yellow-500:focus { + border-color: var(--yellow-500) + } + .xl\:hover\:border-yellow-500:hover { + border-color: var(--yellow-500) + } + .xl\:active\:border-yellow-500:active { + border-color: var(--yellow-500) + } + .xl\:focus\:border-yellow-500\/10:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:border-yellow-500\/10:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:border-yellow-500\/10:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:border-yellow-500\/20:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:border-yellow-500\/20:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:border-yellow-500\/20:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:border-yellow-500\/30:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:border-yellow-500\/30:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:border-yellow-500\/30:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:border-yellow-500\/40:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:border-yellow-500\/40:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:border-yellow-500\/40:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:border-yellow-500\/50:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:border-yellow-500\/50:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:border-yellow-500\/50:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:border-yellow-500\/60:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:border-yellow-500\/60:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:border-yellow-500\/60:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:border-yellow-500\/70:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:border-yellow-500\/70:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:border-yellow-500\/70:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:border-yellow-500\/80:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:border-yellow-500\/80:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:border-yellow-500\/80:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:border-yellow-500\/90:focus { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:border-yellow-500\/90:hover { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:border-yellow-500\/90:active { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:border-yellow-600:focus { + border-color: var(--yellow-600) + } + .xl\:hover\:border-yellow-600:hover { + border-color: var(--yellow-600) + } + .xl\:active\:border-yellow-600:active { + border-color: var(--yellow-600) + } + .xl\:focus\:border-yellow-600\/10:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:border-yellow-600\/10:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:border-yellow-600\/10:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:border-yellow-600\/20:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:border-yellow-600\/20:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:border-yellow-600\/20:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:border-yellow-600\/30:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:border-yellow-600\/30:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:border-yellow-600\/30:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:border-yellow-600\/40:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:border-yellow-600\/40:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:border-yellow-600\/40:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:border-yellow-600\/50:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:border-yellow-600\/50:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:border-yellow-600\/50:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:border-yellow-600\/60:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:border-yellow-600\/60:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:border-yellow-600\/60:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:border-yellow-600\/70:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:border-yellow-600\/70:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:border-yellow-600\/70:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:border-yellow-600\/80:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:border-yellow-600\/80:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:border-yellow-600\/80:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:border-yellow-600\/90:focus { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:border-yellow-600\/90:hover { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:border-yellow-600\/90:active { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:border-yellow-700:focus { + border-color: var(--yellow-700) + } + .xl\:hover\:border-yellow-700:hover { + border-color: var(--yellow-700) + } + .xl\:active\:border-yellow-700:active { + border-color: var(--yellow-700) + } + .xl\:focus\:border-yellow-700\/10:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:border-yellow-700\/10:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:border-yellow-700\/10:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:border-yellow-700\/20:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:border-yellow-700\/20:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:border-yellow-700\/20:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:border-yellow-700\/30:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:border-yellow-700\/30:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:border-yellow-700\/30:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:border-yellow-700\/40:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:border-yellow-700\/40:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:border-yellow-700\/40:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:border-yellow-700\/50:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:border-yellow-700\/50:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:border-yellow-700\/50:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:border-yellow-700\/60:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:border-yellow-700\/60:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:border-yellow-700\/60:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:border-yellow-700\/70:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:border-yellow-700\/70:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:border-yellow-700\/70:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:border-yellow-700\/80:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:border-yellow-700\/80:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:border-yellow-700\/80:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:border-yellow-700\/90:focus { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:border-yellow-700\/90:hover { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:border-yellow-700\/90:active { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:border-yellow-800:focus { + border-color: var(--yellow-800) + } + .xl\:hover\:border-yellow-800:hover { + border-color: var(--yellow-800) + } + .xl\:active\:border-yellow-800:active { + border-color: var(--yellow-800) + } + .xl\:focus\:border-yellow-800\/10:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:border-yellow-800\/10:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:border-yellow-800\/10:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:border-yellow-800\/20:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:border-yellow-800\/20:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:border-yellow-800\/20:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:border-yellow-800\/30:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:border-yellow-800\/30:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:border-yellow-800\/30:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:border-yellow-800\/40:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:border-yellow-800\/40:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:border-yellow-800\/40:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:border-yellow-800\/50:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:border-yellow-800\/50:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:border-yellow-800\/50:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:border-yellow-800\/60:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:border-yellow-800\/60:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:border-yellow-800\/60:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:border-yellow-800\/70:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:border-yellow-800\/70:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:border-yellow-800\/70:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:border-yellow-800\/80:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:border-yellow-800\/80:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:border-yellow-800\/80:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:border-yellow-800\/90:focus { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:border-yellow-800\/90:hover { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:border-yellow-800\/90:active { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:border-yellow-900:focus { + border-color: var(--yellow-900) + } + .xl\:hover\:border-yellow-900:hover { + border-color: var(--yellow-900) + } + .xl\:active\:border-yellow-900:active { + border-color: var(--yellow-900) + } + .xl\:focus\:border-yellow-900\/10:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:border-yellow-900\/10:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:border-yellow-900\/10:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:border-yellow-900\/20:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:border-yellow-900\/20:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:border-yellow-900\/20:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:border-yellow-900\/30:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:border-yellow-900\/30:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:border-yellow-900\/30:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:border-yellow-900\/40:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:border-yellow-900\/40:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:border-yellow-900\/40:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:border-yellow-900\/50:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:border-yellow-900\/50:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:border-yellow-900\/50:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:border-yellow-900\/60:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:border-yellow-900\/60:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:border-yellow-900\/60:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:border-yellow-900\/70:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:border-yellow-900\/70:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:border-yellow-900\/70:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:border-yellow-900\/80:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:border-yellow-900\/80:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:border-yellow-900\/80:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:border-yellow-900\/90:focus { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:border-yellow-900\/90:hover { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:border-yellow-900\/90:active { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:border-cyan-50:focus { + border-color: var(--cyan-50) + } + .xl\:hover\:border-cyan-50:hover { + border-color: var(--cyan-50) + } + .xl\:active\:border-cyan-50:active { + border-color: var(--cyan-50) + } + .xl\:focus\:border-cyan-50\/10:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:border-cyan-50\/10:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:border-cyan-50\/10:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:border-cyan-50\/20:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:border-cyan-50\/20:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:border-cyan-50\/20:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:border-cyan-50\/30:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:border-cyan-50\/30:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:border-cyan-50\/30:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:border-cyan-50\/40:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:border-cyan-50\/40:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:border-cyan-50\/40:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:border-cyan-50\/50:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:border-cyan-50\/50:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:border-cyan-50\/50:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:border-cyan-50\/60:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:border-cyan-50\/60:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:border-cyan-50\/60:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:border-cyan-50\/70:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:border-cyan-50\/70:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:border-cyan-50\/70:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:border-cyan-50\/80:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:border-cyan-50\/80:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:border-cyan-50\/80:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:border-cyan-50\/90:focus { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:border-cyan-50\/90:hover { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:border-cyan-50\/90:active { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:border-cyan-100:focus { + border-color: var(--cyan-100) + } + .xl\:hover\:border-cyan-100:hover { + border-color: var(--cyan-100) + } + .xl\:active\:border-cyan-100:active { + border-color: var(--cyan-100) + } + .xl\:focus\:border-cyan-100\/10:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:border-cyan-100\/10:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:border-cyan-100\/10:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:border-cyan-100\/20:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:border-cyan-100\/20:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:border-cyan-100\/20:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:border-cyan-100\/30:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:border-cyan-100\/30:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:border-cyan-100\/30:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:border-cyan-100\/40:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:border-cyan-100\/40:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:border-cyan-100\/40:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:border-cyan-100\/50:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:border-cyan-100\/50:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:border-cyan-100\/50:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:border-cyan-100\/60:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:border-cyan-100\/60:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:border-cyan-100\/60:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:border-cyan-100\/70:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:border-cyan-100\/70:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:border-cyan-100\/70:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:border-cyan-100\/80:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:border-cyan-100\/80:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:border-cyan-100\/80:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:border-cyan-100\/90:focus { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:border-cyan-100\/90:hover { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:border-cyan-100\/90:active { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:border-cyan-200:focus { + border-color: var(--cyan-200) + } + .xl\:hover\:border-cyan-200:hover { + border-color: var(--cyan-200) + } + .xl\:active\:border-cyan-200:active { + border-color: var(--cyan-200) + } + .xl\:focus\:border-cyan-200\/10:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:border-cyan-200\/10:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:border-cyan-200\/10:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:border-cyan-200\/20:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:border-cyan-200\/20:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:border-cyan-200\/20:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:border-cyan-200\/30:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:border-cyan-200\/30:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:border-cyan-200\/30:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:border-cyan-200\/40:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:border-cyan-200\/40:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:border-cyan-200\/40:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:border-cyan-200\/50:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:border-cyan-200\/50:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:border-cyan-200\/50:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:border-cyan-200\/60:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:border-cyan-200\/60:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:border-cyan-200\/60:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:border-cyan-200\/70:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:border-cyan-200\/70:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:border-cyan-200\/70:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:border-cyan-200\/80:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:border-cyan-200\/80:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:border-cyan-200\/80:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:border-cyan-200\/90:focus { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:border-cyan-200\/90:hover { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:border-cyan-200\/90:active { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:border-cyan-300:focus { + border-color: var(--cyan-300) + } + .xl\:hover\:border-cyan-300:hover { + border-color: var(--cyan-300) + } + .xl\:active\:border-cyan-300:active { + border-color: var(--cyan-300) + } + .xl\:focus\:border-cyan-300\/10:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:border-cyan-300\/10:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:border-cyan-300\/10:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:border-cyan-300\/20:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:border-cyan-300\/20:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:border-cyan-300\/20:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:border-cyan-300\/30:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:border-cyan-300\/30:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:border-cyan-300\/30:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:border-cyan-300\/40:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:border-cyan-300\/40:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:border-cyan-300\/40:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:border-cyan-300\/50:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:border-cyan-300\/50:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:border-cyan-300\/50:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:border-cyan-300\/60:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:border-cyan-300\/60:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:border-cyan-300\/60:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:border-cyan-300\/70:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:border-cyan-300\/70:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:border-cyan-300\/70:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:border-cyan-300\/80:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:border-cyan-300\/80:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:border-cyan-300\/80:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:border-cyan-300\/90:focus { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:border-cyan-300\/90:hover { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:border-cyan-300\/90:active { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:border-cyan-400:focus { + border-color: var(--cyan-400) + } + .xl\:hover\:border-cyan-400:hover { + border-color: var(--cyan-400) + } + .xl\:active\:border-cyan-400:active { + border-color: var(--cyan-400) + } + .xl\:focus\:border-cyan-400\/10:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:border-cyan-400\/10:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:border-cyan-400\/10:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:border-cyan-400\/20:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:border-cyan-400\/20:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:border-cyan-400\/20:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:border-cyan-400\/30:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:border-cyan-400\/30:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:border-cyan-400\/30:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:border-cyan-400\/40:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:border-cyan-400\/40:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:border-cyan-400\/40:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:border-cyan-400\/50:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:border-cyan-400\/50:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:border-cyan-400\/50:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:border-cyan-400\/60:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:border-cyan-400\/60:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:border-cyan-400\/60:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:border-cyan-400\/70:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:border-cyan-400\/70:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:border-cyan-400\/70:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:border-cyan-400\/80:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:border-cyan-400\/80:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:border-cyan-400\/80:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:border-cyan-400\/90:focus { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:border-cyan-400\/90:hover { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:border-cyan-400\/90:active { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:border-cyan-500:focus { + border-color: var(--cyan-500) + } + .xl\:hover\:border-cyan-500:hover { + border-color: var(--cyan-500) + } + .xl\:active\:border-cyan-500:active { + border-color: var(--cyan-500) + } + .xl\:focus\:border-cyan-500\/10:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:border-cyan-500\/10:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:border-cyan-500\/10:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:border-cyan-500\/20:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:border-cyan-500\/20:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:border-cyan-500\/20:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:border-cyan-500\/30:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:border-cyan-500\/30:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:border-cyan-500\/30:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:border-cyan-500\/40:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:border-cyan-500\/40:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:border-cyan-500\/40:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:border-cyan-500\/50:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:border-cyan-500\/50:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:border-cyan-500\/50:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:border-cyan-500\/60:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:border-cyan-500\/60:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:border-cyan-500\/60:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:border-cyan-500\/70:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:border-cyan-500\/70:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:border-cyan-500\/70:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:border-cyan-500\/80:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:border-cyan-500\/80:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:border-cyan-500\/80:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:border-cyan-500\/90:focus { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:border-cyan-500\/90:hover { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:border-cyan-500\/90:active { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:border-cyan-600:focus { + border-color: var(--cyan-600) + } + .xl\:hover\:border-cyan-600:hover { + border-color: var(--cyan-600) + } + .xl\:active\:border-cyan-600:active { + border-color: var(--cyan-600) + } + .xl\:focus\:border-cyan-600\/10:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:border-cyan-600\/10:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:border-cyan-600\/10:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:border-cyan-600\/20:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:border-cyan-600\/20:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:border-cyan-600\/20:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:border-cyan-600\/30:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:border-cyan-600\/30:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:border-cyan-600\/30:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:border-cyan-600\/40:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:border-cyan-600\/40:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:border-cyan-600\/40:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:border-cyan-600\/50:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:border-cyan-600\/50:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:border-cyan-600\/50:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:border-cyan-600\/60:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:border-cyan-600\/60:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:border-cyan-600\/60:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:border-cyan-600\/70:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:border-cyan-600\/70:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:border-cyan-600\/70:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:border-cyan-600\/80:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:border-cyan-600\/80:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:border-cyan-600\/80:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:border-cyan-600\/90:focus { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:border-cyan-600\/90:hover { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:border-cyan-600\/90:active { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:border-cyan-700:focus { + border-color: var(--cyan-700) + } + .xl\:hover\:border-cyan-700:hover { + border-color: var(--cyan-700) + } + .xl\:active\:border-cyan-700:active { + border-color: var(--cyan-700) + } + .xl\:focus\:border-cyan-700\/10:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:border-cyan-700\/10:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:border-cyan-700\/10:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:border-cyan-700\/20:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:border-cyan-700\/20:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:border-cyan-700\/20:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:border-cyan-700\/30:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:border-cyan-700\/30:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:border-cyan-700\/30:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:border-cyan-700\/40:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:border-cyan-700\/40:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:border-cyan-700\/40:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:border-cyan-700\/50:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:border-cyan-700\/50:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:border-cyan-700\/50:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:border-cyan-700\/60:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:border-cyan-700\/60:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:border-cyan-700\/60:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:border-cyan-700\/70:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:border-cyan-700\/70:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:border-cyan-700\/70:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:border-cyan-700\/80:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:border-cyan-700\/80:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:border-cyan-700\/80:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:border-cyan-700\/90:focus { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:border-cyan-700\/90:hover { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:border-cyan-700\/90:active { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:border-cyan-800:focus { + border-color: var(--cyan-800) + } + .xl\:hover\:border-cyan-800:hover { + border-color: var(--cyan-800) + } + .xl\:active\:border-cyan-800:active { + border-color: var(--cyan-800) + } + .xl\:focus\:border-cyan-800\/10:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:border-cyan-800\/10:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:border-cyan-800\/10:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:border-cyan-800\/20:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:border-cyan-800\/20:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:border-cyan-800\/20:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:border-cyan-800\/30:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:border-cyan-800\/30:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:border-cyan-800\/30:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:border-cyan-800\/40:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:border-cyan-800\/40:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:border-cyan-800\/40:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:border-cyan-800\/50:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:border-cyan-800\/50:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:border-cyan-800\/50:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:border-cyan-800\/60:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:border-cyan-800\/60:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:border-cyan-800\/60:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:border-cyan-800\/70:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:border-cyan-800\/70:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:border-cyan-800\/70:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:border-cyan-800\/80:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:border-cyan-800\/80:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:border-cyan-800\/80:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:border-cyan-800\/90:focus { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:border-cyan-800\/90:hover { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:border-cyan-800\/90:active { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:border-cyan-900:focus { + border-color: var(--cyan-900) + } + .xl\:hover\:border-cyan-900:hover { + border-color: var(--cyan-900) + } + .xl\:active\:border-cyan-900:active { + border-color: var(--cyan-900) + } + .xl\:focus\:border-cyan-900\/10:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:border-cyan-900\/10:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:border-cyan-900\/10:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:border-cyan-900\/20:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:border-cyan-900\/20:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:border-cyan-900\/20:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:border-cyan-900\/30:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:border-cyan-900\/30:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:border-cyan-900\/30:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:border-cyan-900\/40:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:border-cyan-900\/40:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:border-cyan-900\/40:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:border-cyan-900\/50:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:border-cyan-900\/50:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:border-cyan-900\/50:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:border-cyan-900\/60:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:border-cyan-900\/60:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:border-cyan-900\/60:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:border-cyan-900\/70:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:border-cyan-900\/70:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:border-cyan-900\/70:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:border-cyan-900\/80:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:border-cyan-900\/80:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:border-cyan-900\/80:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:border-cyan-900\/90:focus { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:border-cyan-900\/90:hover { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:border-cyan-900\/90:active { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:border-pink-50:focus { + border-color: var(--pink-50) + } + .xl\:hover\:border-pink-50:hover { + border-color: var(--pink-50) + } + .xl\:active\:border-pink-50:active { + border-color: var(--pink-50) + } + .xl\:focus\:border-pink-50\/10:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:border-pink-50\/10:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:border-pink-50\/10:active { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:border-pink-50\/20:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:border-pink-50\/20:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:border-pink-50\/20:active { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:border-pink-50\/30:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:border-pink-50\/30:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:border-pink-50\/30:active { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:border-pink-50\/40:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:border-pink-50\/40:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:border-pink-50\/40:active { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:border-pink-50\/50:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:border-pink-50\/50:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:border-pink-50\/50:active { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:border-pink-50\/60:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:border-pink-50\/60:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:border-pink-50\/60:active { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:border-pink-50\/70:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:border-pink-50\/70:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:border-pink-50\/70:active { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:border-pink-50\/80:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:border-pink-50\/80:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:border-pink-50\/80:active { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:border-pink-50\/90:focus { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:border-pink-50\/90:hover { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:border-pink-50\/90:active { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:border-pink-100:focus { + border-color: var(--pink-100) + } + .xl\:hover\:border-pink-100:hover { + border-color: var(--pink-100) + } + .xl\:active\:border-pink-100:active { + border-color: var(--pink-100) + } + .xl\:focus\:border-pink-100\/10:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:border-pink-100\/10:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:border-pink-100\/10:active { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:border-pink-100\/20:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:border-pink-100\/20:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:border-pink-100\/20:active { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:border-pink-100\/30:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:border-pink-100\/30:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:border-pink-100\/30:active { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:border-pink-100\/40:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:border-pink-100\/40:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:border-pink-100\/40:active { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:border-pink-100\/50:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:border-pink-100\/50:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:border-pink-100\/50:active { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:border-pink-100\/60:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:border-pink-100\/60:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:border-pink-100\/60:active { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:border-pink-100\/70:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:border-pink-100\/70:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:border-pink-100\/70:active { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:border-pink-100\/80:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:border-pink-100\/80:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:border-pink-100\/80:active { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:border-pink-100\/90:focus { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:border-pink-100\/90:hover { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:border-pink-100\/90:active { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:border-pink-200:focus { + border-color: var(--pink-200) + } + .xl\:hover\:border-pink-200:hover { + border-color: var(--pink-200) + } + .xl\:active\:border-pink-200:active { + border-color: var(--pink-200) + } + .xl\:focus\:border-pink-200\/10:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:border-pink-200\/10:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:border-pink-200\/10:active { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:border-pink-200\/20:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:border-pink-200\/20:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:border-pink-200\/20:active { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:border-pink-200\/30:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:border-pink-200\/30:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:border-pink-200\/30:active { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:border-pink-200\/40:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:border-pink-200\/40:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:border-pink-200\/40:active { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:border-pink-200\/50:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:border-pink-200\/50:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:border-pink-200\/50:active { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:border-pink-200\/60:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:border-pink-200\/60:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:border-pink-200\/60:active { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:border-pink-200\/70:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:border-pink-200\/70:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:border-pink-200\/70:active { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:border-pink-200\/80:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:border-pink-200\/80:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:border-pink-200\/80:active { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:border-pink-200\/90:focus { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:border-pink-200\/90:hover { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:border-pink-200\/90:active { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:border-pink-300:focus { + border-color: var(--pink-300) + } + .xl\:hover\:border-pink-300:hover { + border-color: var(--pink-300) + } + .xl\:active\:border-pink-300:active { + border-color: var(--pink-300) + } + .xl\:focus\:border-pink-300\/10:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:border-pink-300\/10:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:border-pink-300\/10:active { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:border-pink-300\/20:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:border-pink-300\/20:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:border-pink-300\/20:active { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:border-pink-300\/30:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:border-pink-300\/30:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:border-pink-300\/30:active { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:border-pink-300\/40:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:border-pink-300\/40:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:border-pink-300\/40:active { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:border-pink-300\/50:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:border-pink-300\/50:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:border-pink-300\/50:active { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:border-pink-300\/60:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:border-pink-300\/60:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:border-pink-300\/60:active { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:border-pink-300\/70:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:border-pink-300\/70:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:border-pink-300\/70:active { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:border-pink-300\/80:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:border-pink-300\/80:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:border-pink-300\/80:active { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:border-pink-300\/90:focus { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:border-pink-300\/90:hover { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:border-pink-300\/90:active { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:border-pink-400:focus { + border-color: var(--pink-400) + } + .xl\:hover\:border-pink-400:hover { + border-color: var(--pink-400) + } + .xl\:active\:border-pink-400:active { + border-color: var(--pink-400) + } + .xl\:focus\:border-pink-400\/10:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:border-pink-400\/10:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:border-pink-400\/10:active { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:border-pink-400\/20:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:border-pink-400\/20:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:border-pink-400\/20:active { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:border-pink-400\/30:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:border-pink-400\/30:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:border-pink-400\/30:active { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:border-pink-400\/40:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:border-pink-400\/40:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:border-pink-400\/40:active { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:border-pink-400\/50:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:border-pink-400\/50:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:border-pink-400\/50:active { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:border-pink-400\/60:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:border-pink-400\/60:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:border-pink-400\/60:active { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:border-pink-400\/70:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:border-pink-400\/70:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:border-pink-400\/70:active { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:border-pink-400\/80:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:border-pink-400\/80:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:border-pink-400\/80:active { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:border-pink-400\/90:focus { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:border-pink-400\/90:hover { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:border-pink-400\/90:active { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:border-pink-500:focus { + border-color: var(--pink-500) + } + .xl\:hover\:border-pink-500:hover { + border-color: var(--pink-500) + } + .xl\:active\:border-pink-500:active { + border-color: var(--pink-500) + } + .xl\:focus\:border-pink-500\/10:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:border-pink-500\/10:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:border-pink-500\/10:active { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:border-pink-500\/20:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:border-pink-500\/20:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:border-pink-500\/20:active { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:border-pink-500\/30:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:border-pink-500\/30:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:border-pink-500\/30:active { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:border-pink-500\/40:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:border-pink-500\/40:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:border-pink-500\/40:active { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:border-pink-500\/50:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:border-pink-500\/50:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:border-pink-500\/50:active { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:border-pink-500\/60:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:border-pink-500\/60:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:border-pink-500\/60:active { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:border-pink-500\/70:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:border-pink-500\/70:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:border-pink-500\/70:active { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:border-pink-500\/80:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:border-pink-500\/80:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:border-pink-500\/80:active { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:border-pink-500\/90:focus { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:border-pink-500\/90:hover { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:border-pink-500\/90:active { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:border-pink-600:focus { + border-color: var(--pink-600) + } + .xl\:hover\:border-pink-600:hover { + border-color: var(--pink-600) + } + .xl\:active\:border-pink-600:active { + border-color: var(--pink-600) + } + .xl\:focus\:border-pink-600\/10:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:border-pink-600\/10:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:border-pink-600\/10:active { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:border-pink-600\/20:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:border-pink-600\/20:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:border-pink-600\/20:active { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:border-pink-600\/30:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:border-pink-600\/30:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:border-pink-600\/30:active { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:border-pink-600\/40:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:border-pink-600\/40:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:border-pink-600\/40:active { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:border-pink-600\/50:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:border-pink-600\/50:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:border-pink-600\/50:active { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:border-pink-600\/60:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:border-pink-600\/60:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:border-pink-600\/60:active { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:border-pink-600\/70:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:border-pink-600\/70:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:border-pink-600\/70:active { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:border-pink-600\/80:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:border-pink-600\/80:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:border-pink-600\/80:active { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:border-pink-600\/90:focus { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:border-pink-600\/90:hover { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:border-pink-600\/90:active { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:border-pink-700:focus { + border-color: var(--pink-700) + } + .xl\:hover\:border-pink-700:hover { + border-color: var(--pink-700) + } + .xl\:active\:border-pink-700:active { + border-color: var(--pink-700) + } + .xl\:focus\:border-pink-700\/10:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:border-pink-700\/10:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:border-pink-700\/10:active { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:border-pink-700\/20:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:border-pink-700\/20:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:border-pink-700\/20:active { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:border-pink-700\/30:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:border-pink-700\/30:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:border-pink-700\/30:active { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:border-pink-700\/40:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:border-pink-700\/40:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:border-pink-700\/40:active { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:border-pink-700\/50:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:border-pink-700\/50:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:border-pink-700\/50:active { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:border-pink-700\/60:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:border-pink-700\/60:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:border-pink-700\/60:active { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:border-pink-700\/70:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:border-pink-700\/70:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:border-pink-700\/70:active { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:border-pink-700\/80:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:border-pink-700\/80:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:border-pink-700\/80:active { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:border-pink-700\/90:focus { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:border-pink-700\/90:hover { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:border-pink-700\/90:active { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:border-pink-800:focus { + border-color: var(--pink-800) + } + .xl\:hover\:border-pink-800:hover { + border-color: var(--pink-800) + } + .xl\:active\:border-pink-800:active { + border-color: var(--pink-800) + } + .xl\:focus\:border-pink-800\/10:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:border-pink-800\/10:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:border-pink-800\/10:active { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:border-pink-800\/20:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:border-pink-800\/20:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:border-pink-800\/20:active { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:border-pink-800\/30:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:border-pink-800\/30:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:border-pink-800\/30:active { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:border-pink-800\/40:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:border-pink-800\/40:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:border-pink-800\/40:active { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:border-pink-800\/50:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:border-pink-800\/50:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:border-pink-800\/50:active { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:border-pink-800\/60:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:border-pink-800\/60:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:border-pink-800\/60:active { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:border-pink-800\/70:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:border-pink-800\/70:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:border-pink-800\/70:active { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:border-pink-800\/80:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:border-pink-800\/80:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:border-pink-800\/80:active { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:border-pink-800\/90:focus { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:border-pink-800\/90:hover { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:border-pink-800\/90:active { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:border-pink-900:focus { + border-color: var(--pink-900) + } + .xl\:hover\:border-pink-900:hover { + border-color: var(--pink-900) + } + .xl\:active\:border-pink-900:active { + border-color: var(--pink-900) + } + .xl\:focus\:border-pink-900\/10:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:border-pink-900\/10:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:border-pink-900\/10:active { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:border-pink-900\/20:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:border-pink-900\/20:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:border-pink-900\/20:active { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:border-pink-900\/30:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:border-pink-900\/30:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:border-pink-900\/30:active { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:border-pink-900\/40:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:border-pink-900\/40:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:border-pink-900\/40:active { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:border-pink-900\/50:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:border-pink-900\/50:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:border-pink-900\/50:active { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:border-pink-900\/60:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:border-pink-900\/60:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:border-pink-900\/60:active { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:border-pink-900\/70:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:border-pink-900\/70:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:border-pink-900\/70:active { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:border-pink-900\/80:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:border-pink-900\/80:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:border-pink-900\/80:active { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:border-pink-900\/90:focus { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:border-pink-900\/90:hover { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:border-pink-900\/90:active { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:border-indigo-50:focus { + border-color: var(--indigo-50) + } + .xl\:hover\:border-indigo-50:hover { + border-color: var(--indigo-50) + } + .xl\:active\:border-indigo-50:active { + border-color: var(--indigo-50) + } + .xl\:focus\:border-indigo-50\/10:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:border-indigo-50\/10:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:border-indigo-50\/10:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:border-indigo-50\/20:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:border-indigo-50\/20:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:border-indigo-50\/20:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:border-indigo-50\/30:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:border-indigo-50\/30:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:border-indigo-50\/30:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:border-indigo-50\/40:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:border-indigo-50\/40:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:border-indigo-50\/40:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:border-indigo-50\/50:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:border-indigo-50\/50:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:border-indigo-50\/50:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:border-indigo-50\/60:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:border-indigo-50\/60:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:border-indigo-50\/60:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:border-indigo-50\/70:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:border-indigo-50\/70:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:border-indigo-50\/70:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:border-indigo-50\/80:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:border-indigo-50\/80:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:border-indigo-50\/80:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:border-indigo-50\/90:focus { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:border-indigo-50\/90:hover { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:border-indigo-50\/90:active { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:border-indigo-100:focus { + border-color: var(--indigo-100) + } + .xl\:hover\:border-indigo-100:hover { + border-color: var(--indigo-100) + } + .xl\:active\:border-indigo-100:active { + border-color: var(--indigo-100) + } + .xl\:focus\:border-indigo-100\/10:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:border-indigo-100\/10:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:border-indigo-100\/10:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:border-indigo-100\/20:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:border-indigo-100\/20:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:border-indigo-100\/20:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:border-indigo-100\/30:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:border-indigo-100\/30:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:border-indigo-100\/30:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:border-indigo-100\/40:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:border-indigo-100\/40:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:border-indigo-100\/40:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:border-indigo-100\/50:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:border-indigo-100\/50:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:border-indigo-100\/50:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:border-indigo-100\/60:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:border-indigo-100\/60:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:border-indigo-100\/60:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:border-indigo-100\/70:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:border-indigo-100\/70:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:border-indigo-100\/70:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:border-indigo-100\/80:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:border-indigo-100\/80:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:border-indigo-100\/80:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:border-indigo-100\/90:focus { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:border-indigo-100\/90:hover { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:border-indigo-100\/90:active { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:border-indigo-200:focus { + border-color: var(--indigo-200) + } + .xl\:hover\:border-indigo-200:hover { + border-color: var(--indigo-200) + } + .xl\:active\:border-indigo-200:active { + border-color: var(--indigo-200) + } + .xl\:focus\:border-indigo-200\/10:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:border-indigo-200\/10:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:border-indigo-200\/10:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:border-indigo-200\/20:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:border-indigo-200\/20:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:border-indigo-200\/20:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:border-indigo-200\/30:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:border-indigo-200\/30:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:border-indigo-200\/30:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:border-indigo-200\/40:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:border-indigo-200\/40:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:border-indigo-200\/40:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:border-indigo-200\/50:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:border-indigo-200\/50:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:border-indigo-200\/50:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:border-indigo-200\/60:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:border-indigo-200\/60:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:border-indigo-200\/60:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:border-indigo-200\/70:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:border-indigo-200\/70:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:border-indigo-200\/70:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:border-indigo-200\/80:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:border-indigo-200\/80:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:border-indigo-200\/80:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:border-indigo-200\/90:focus { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:border-indigo-200\/90:hover { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:border-indigo-200\/90:active { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:border-indigo-300:focus { + border-color: var(--indigo-300) + } + .xl\:hover\:border-indigo-300:hover { + border-color: var(--indigo-300) + } + .xl\:active\:border-indigo-300:active { + border-color: var(--indigo-300) + } + .xl\:focus\:border-indigo-300\/10:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:border-indigo-300\/10:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:border-indigo-300\/10:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:border-indigo-300\/20:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:border-indigo-300\/20:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:border-indigo-300\/20:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:border-indigo-300\/30:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:border-indigo-300\/30:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:border-indigo-300\/30:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:border-indigo-300\/40:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:border-indigo-300\/40:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:border-indigo-300\/40:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:border-indigo-300\/50:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:border-indigo-300\/50:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:border-indigo-300\/50:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:border-indigo-300\/60:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:border-indigo-300\/60:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:border-indigo-300\/60:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:border-indigo-300\/70:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:border-indigo-300\/70:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:border-indigo-300\/70:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:border-indigo-300\/80:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:border-indigo-300\/80:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:border-indigo-300\/80:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:border-indigo-300\/90:focus { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:border-indigo-300\/90:hover { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:border-indigo-300\/90:active { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:border-indigo-400:focus { + border-color: var(--indigo-400) + } + .xl\:hover\:border-indigo-400:hover { + border-color: var(--indigo-400) + } + .xl\:active\:border-indigo-400:active { + border-color: var(--indigo-400) + } + .xl\:focus\:border-indigo-400\/10:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:border-indigo-400\/10:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:border-indigo-400\/10:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:border-indigo-400\/20:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:border-indigo-400\/20:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:border-indigo-400\/20:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:border-indigo-400\/30:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:border-indigo-400\/30:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:border-indigo-400\/30:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:border-indigo-400\/40:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:border-indigo-400\/40:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:border-indigo-400\/40:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:border-indigo-400\/50:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:border-indigo-400\/50:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:border-indigo-400\/50:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:border-indigo-400\/60:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:border-indigo-400\/60:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:border-indigo-400\/60:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:border-indigo-400\/70:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:border-indigo-400\/70:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:border-indigo-400\/70:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:border-indigo-400\/80:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:border-indigo-400\/80:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:border-indigo-400\/80:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:border-indigo-400\/90:focus { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:border-indigo-400\/90:hover { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:border-indigo-400\/90:active { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:border-indigo-500:focus { + border-color: var(--indigo-500) + } + .xl\:hover\:border-indigo-500:hover { + border-color: var(--indigo-500) + } + .xl\:active\:border-indigo-500:active { + border-color: var(--indigo-500) + } + .xl\:focus\:border-indigo-500\/10:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:border-indigo-500\/10:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:border-indigo-500\/10:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:border-indigo-500\/20:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:border-indigo-500\/20:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:border-indigo-500\/20:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:border-indigo-500\/30:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:border-indigo-500\/30:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:border-indigo-500\/30:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:border-indigo-500\/40:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:border-indigo-500\/40:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:border-indigo-500\/40:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:border-indigo-500\/50:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:border-indigo-500\/50:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:border-indigo-500\/50:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:border-indigo-500\/60:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:border-indigo-500\/60:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:border-indigo-500\/60:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:border-indigo-500\/70:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:border-indigo-500\/70:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:border-indigo-500\/70:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:border-indigo-500\/80:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:border-indigo-500\/80:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:border-indigo-500\/80:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:border-indigo-500\/90:focus { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:border-indigo-500\/90:hover { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:border-indigo-500\/90:active { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:border-indigo-600:focus { + border-color: var(--indigo-600) + } + .xl\:hover\:border-indigo-600:hover { + border-color: var(--indigo-600) + } + .xl\:active\:border-indigo-600:active { + border-color: var(--indigo-600) + } + .xl\:focus\:border-indigo-600\/10:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:border-indigo-600\/10:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:border-indigo-600\/10:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:border-indigo-600\/20:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:border-indigo-600\/20:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:border-indigo-600\/20:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:border-indigo-600\/30:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:border-indigo-600\/30:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:border-indigo-600\/30:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:border-indigo-600\/40:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:border-indigo-600\/40:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:border-indigo-600\/40:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:border-indigo-600\/50:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:border-indigo-600\/50:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:border-indigo-600\/50:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:border-indigo-600\/60:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:border-indigo-600\/60:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:border-indigo-600\/60:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:border-indigo-600\/70:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:border-indigo-600\/70:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:border-indigo-600\/70:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:border-indigo-600\/80:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:border-indigo-600\/80:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:border-indigo-600\/80:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:border-indigo-600\/90:focus { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:border-indigo-600\/90:hover { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:border-indigo-600\/90:active { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:border-indigo-700:focus { + border-color: var(--indigo-700) + } + .xl\:hover\:border-indigo-700:hover { + border-color: var(--indigo-700) + } + .xl\:active\:border-indigo-700:active { + border-color: var(--indigo-700) + } + .xl\:focus\:border-indigo-700\/10:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:border-indigo-700\/10:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:border-indigo-700\/10:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:border-indigo-700\/20:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:border-indigo-700\/20:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:border-indigo-700\/20:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:border-indigo-700\/30:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:border-indigo-700\/30:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:border-indigo-700\/30:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:border-indigo-700\/40:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:border-indigo-700\/40:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:border-indigo-700\/40:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:border-indigo-700\/50:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:border-indigo-700\/50:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:border-indigo-700\/50:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:border-indigo-700\/60:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:border-indigo-700\/60:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:border-indigo-700\/60:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:border-indigo-700\/70:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:border-indigo-700\/70:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:border-indigo-700\/70:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:border-indigo-700\/80:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:border-indigo-700\/80:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:border-indigo-700\/80:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:border-indigo-700\/90:focus { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:border-indigo-700\/90:hover { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:border-indigo-700\/90:active { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:border-indigo-800:focus { + border-color: var(--indigo-800) + } + .xl\:hover\:border-indigo-800:hover { + border-color: var(--indigo-800) + } + .xl\:active\:border-indigo-800:active { + border-color: var(--indigo-800) + } + .xl\:focus\:border-indigo-800\/10:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:border-indigo-800\/10:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:border-indigo-800\/10:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:border-indigo-800\/20:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:border-indigo-800\/20:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:border-indigo-800\/20:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:border-indigo-800\/30:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:border-indigo-800\/30:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:border-indigo-800\/30:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:border-indigo-800\/40:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:border-indigo-800\/40:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:border-indigo-800\/40:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:border-indigo-800\/50:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:border-indigo-800\/50:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:border-indigo-800\/50:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:border-indigo-800\/60:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:border-indigo-800\/60:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:border-indigo-800\/60:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:border-indigo-800\/70:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:border-indigo-800\/70:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:border-indigo-800\/70:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:border-indigo-800\/80:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:border-indigo-800\/80:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:border-indigo-800\/80:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:border-indigo-800\/90:focus { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:border-indigo-800\/90:hover { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:border-indigo-800\/90:active { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:border-indigo-900:focus { + border-color: var(--indigo-900) + } + .xl\:hover\:border-indigo-900:hover { + border-color: var(--indigo-900) + } + .xl\:active\:border-indigo-900:active { + border-color: var(--indigo-900) + } + .xl\:focus\:border-indigo-900\/10:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:border-indigo-900\/10:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:border-indigo-900\/10:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:border-indigo-900\/20:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:border-indigo-900\/20:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:border-indigo-900\/20:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:border-indigo-900\/30:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:border-indigo-900\/30:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:border-indigo-900\/30:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:border-indigo-900\/40:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:border-indigo-900\/40:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:border-indigo-900\/40:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:border-indigo-900\/50:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:border-indigo-900\/50:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:border-indigo-900\/50:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:border-indigo-900\/60:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:border-indigo-900\/60:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:border-indigo-900\/60:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:border-indigo-900\/70:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:border-indigo-900\/70:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:border-indigo-900\/70:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:border-indigo-900\/80:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:border-indigo-900\/80:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:border-indigo-900\/80:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:border-indigo-900\/90:focus { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:border-indigo-900\/90:hover { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:border-indigo-900\/90:active { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:border-teal-50:focus { + border-color: var(--teal-50) + } + .xl\:hover\:border-teal-50:hover { + border-color: var(--teal-50) + } + .xl\:active\:border-teal-50:active { + border-color: var(--teal-50) + } + .xl\:focus\:border-teal-50\/10:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:border-teal-50\/10:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:border-teal-50\/10:active { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:border-teal-50\/20:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:border-teal-50\/20:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:border-teal-50\/20:active { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:border-teal-50\/30:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:border-teal-50\/30:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:border-teal-50\/30:active { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:border-teal-50\/40:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:border-teal-50\/40:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:border-teal-50\/40:active { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:border-teal-50\/50:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:border-teal-50\/50:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:border-teal-50\/50:active { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:border-teal-50\/60:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:border-teal-50\/60:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:border-teal-50\/60:active { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:border-teal-50\/70:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:border-teal-50\/70:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:border-teal-50\/70:active { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:border-teal-50\/80:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:border-teal-50\/80:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:border-teal-50\/80:active { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:border-teal-50\/90:focus { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:border-teal-50\/90:hover { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:border-teal-50\/90:active { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:border-teal-100:focus { + border-color: var(--teal-100) + } + .xl\:hover\:border-teal-100:hover { + border-color: var(--teal-100) + } + .xl\:active\:border-teal-100:active { + border-color: var(--teal-100) + } + .xl\:focus\:border-teal-100\/10:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:border-teal-100\/10:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:border-teal-100\/10:active { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:border-teal-100\/20:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:border-teal-100\/20:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:border-teal-100\/20:active { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:border-teal-100\/30:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:border-teal-100\/30:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:border-teal-100\/30:active { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:border-teal-100\/40:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:border-teal-100\/40:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:border-teal-100\/40:active { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:border-teal-100\/50:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:border-teal-100\/50:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:border-teal-100\/50:active { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:border-teal-100\/60:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:border-teal-100\/60:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:border-teal-100\/60:active { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:border-teal-100\/70:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:border-teal-100\/70:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:border-teal-100\/70:active { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:border-teal-100\/80:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:border-teal-100\/80:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:border-teal-100\/80:active { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:border-teal-100\/90:focus { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:border-teal-100\/90:hover { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:border-teal-100\/90:active { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:border-teal-200:focus { + border-color: var(--teal-200) + } + .xl\:hover\:border-teal-200:hover { + border-color: var(--teal-200) + } + .xl\:active\:border-teal-200:active { + border-color: var(--teal-200) + } + .xl\:focus\:border-teal-200\/10:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:border-teal-200\/10:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:border-teal-200\/10:active { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:border-teal-200\/20:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:border-teal-200\/20:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:border-teal-200\/20:active { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:border-teal-200\/30:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:border-teal-200\/30:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:border-teal-200\/30:active { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:border-teal-200\/40:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:border-teal-200\/40:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:border-teal-200\/40:active { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:border-teal-200\/50:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:border-teal-200\/50:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:border-teal-200\/50:active { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:border-teal-200\/60:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:border-teal-200\/60:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:border-teal-200\/60:active { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:border-teal-200\/70:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:border-teal-200\/70:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:border-teal-200\/70:active { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:border-teal-200\/80:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:border-teal-200\/80:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:border-teal-200\/80:active { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:border-teal-200\/90:focus { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:border-teal-200\/90:hover { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:border-teal-200\/90:active { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:border-teal-300:focus { + border-color: var(--teal-300) + } + .xl\:hover\:border-teal-300:hover { + border-color: var(--teal-300) + } + .xl\:active\:border-teal-300:active { + border-color: var(--teal-300) + } + .xl\:focus\:border-teal-300\/10:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:border-teal-300\/10:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:border-teal-300\/10:active { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:border-teal-300\/20:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:border-teal-300\/20:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:border-teal-300\/20:active { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:border-teal-300\/30:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:border-teal-300\/30:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:border-teal-300\/30:active { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:border-teal-300\/40:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:border-teal-300\/40:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:border-teal-300\/40:active { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:border-teal-300\/50:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:border-teal-300\/50:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:border-teal-300\/50:active { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:border-teal-300\/60:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:border-teal-300\/60:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:border-teal-300\/60:active { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:border-teal-300\/70:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:border-teal-300\/70:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:border-teal-300\/70:active { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:border-teal-300\/80:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:border-teal-300\/80:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:border-teal-300\/80:active { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:border-teal-300\/90:focus { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:border-teal-300\/90:hover { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:border-teal-300\/90:active { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:border-teal-400:focus { + border-color: var(--teal-400) + } + .xl\:hover\:border-teal-400:hover { + border-color: var(--teal-400) + } + .xl\:active\:border-teal-400:active { + border-color: var(--teal-400) + } + .xl\:focus\:border-teal-400\/10:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:border-teal-400\/10:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:border-teal-400\/10:active { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:border-teal-400\/20:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:border-teal-400\/20:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:border-teal-400\/20:active { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:border-teal-400\/30:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:border-teal-400\/30:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:border-teal-400\/30:active { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:border-teal-400\/40:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:border-teal-400\/40:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:border-teal-400\/40:active { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:border-teal-400\/50:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:border-teal-400\/50:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:border-teal-400\/50:active { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:border-teal-400\/60:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:border-teal-400\/60:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:border-teal-400\/60:active { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:border-teal-400\/70:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:border-teal-400\/70:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:border-teal-400\/70:active { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:border-teal-400\/80:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:border-teal-400\/80:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:border-teal-400\/80:active { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:border-teal-400\/90:focus { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:border-teal-400\/90:hover { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:border-teal-400\/90:active { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:border-teal-500:focus { + border-color: var(--teal-500) + } + .xl\:hover\:border-teal-500:hover { + border-color: var(--teal-500) + } + .xl\:active\:border-teal-500:active { + border-color: var(--teal-500) + } + .xl\:focus\:border-teal-500\/10:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:border-teal-500\/10:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:border-teal-500\/10:active { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:border-teal-500\/20:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:border-teal-500\/20:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:border-teal-500\/20:active { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:border-teal-500\/30:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:border-teal-500\/30:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:border-teal-500\/30:active { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:border-teal-500\/40:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:border-teal-500\/40:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:border-teal-500\/40:active { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:border-teal-500\/50:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:border-teal-500\/50:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:border-teal-500\/50:active { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:border-teal-500\/60:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:border-teal-500\/60:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:border-teal-500\/60:active { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:border-teal-500\/70:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:border-teal-500\/70:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:border-teal-500\/70:active { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:border-teal-500\/80:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:border-teal-500\/80:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:border-teal-500\/80:active { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:border-teal-500\/90:focus { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:border-teal-500\/90:hover { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:border-teal-500\/90:active { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:border-teal-600:focus { + border-color: var(--teal-600) + } + .xl\:hover\:border-teal-600:hover { + border-color: var(--teal-600) + } + .xl\:active\:border-teal-600:active { + border-color: var(--teal-600) + } + .xl\:focus\:border-teal-600\/10:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:border-teal-600\/10:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:border-teal-600\/10:active { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:border-teal-600\/20:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:border-teal-600\/20:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:border-teal-600\/20:active { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:border-teal-600\/30:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:border-teal-600\/30:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:border-teal-600\/30:active { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:border-teal-600\/40:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:border-teal-600\/40:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:border-teal-600\/40:active { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:border-teal-600\/50:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:border-teal-600\/50:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:border-teal-600\/50:active { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:border-teal-600\/60:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:border-teal-600\/60:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:border-teal-600\/60:active { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:border-teal-600\/70:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:border-teal-600\/70:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:border-teal-600\/70:active { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:border-teal-600\/80:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:border-teal-600\/80:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:border-teal-600\/80:active { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:border-teal-600\/90:focus { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:border-teal-600\/90:hover { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:border-teal-600\/90:active { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:border-teal-700:focus { + border-color: var(--teal-700) + } + .xl\:hover\:border-teal-700:hover { + border-color: var(--teal-700) + } + .xl\:active\:border-teal-700:active { + border-color: var(--teal-700) + } + .xl\:focus\:border-teal-700\/10:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:border-teal-700\/10:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:border-teal-700\/10:active { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:border-teal-700\/20:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:border-teal-700\/20:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:border-teal-700\/20:active { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:border-teal-700\/30:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:border-teal-700\/30:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:border-teal-700\/30:active { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:border-teal-700\/40:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:border-teal-700\/40:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:border-teal-700\/40:active { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:border-teal-700\/50:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:border-teal-700\/50:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:border-teal-700\/50:active { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:border-teal-700\/60:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:border-teal-700\/60:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:border-teal-700\/60:active { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:border-teal-700\/70:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:border-teal-700\/70:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:border-teal-700\/70:active { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:border-teal-700\/80:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:border-teal-700\/80:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:border-teal-700\/80:active { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:border-teal-700\/90:focus { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:border-teal-700\/90:hover { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:border-teal-700\/90:active { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:border-teal-800:focus { + border-color: var(--teal-800) + } + .xl\:hover\:border-teal-800:hover { + border-color: var(--teal-800) + } + .xl\:active\:border-teal-800:active { + border-color: var(--teal-800) + } + .xl\:focus\:border-teal-800\/10:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:border-teal-800\/10:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:border-teal-800\/10:active { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:border-teal-800\/20:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:border-teal-800\/20:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:border-teal-800\/20:active { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:border-teal-800\/30:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:border-teal-800\/30:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:border-teal-800\/30:active { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:border-teal-800\/40:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:border-teal-800\/40:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:border-teal-800\/40:active { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:border-teal-800\/50:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:border-teal-800\/50:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:border-teal-800\/50:active { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:border-teal-800\/60:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:border-teal-800\/60:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:border-teal-800\/60:active { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:border-teal-800\/70:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:border-teal-800\/70:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:border-teal-800\/70:active { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:border-teal-800\/80:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:border-teal-800\/80:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:border-teal-800\/80:active { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:border-teal-800\/90:focus { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:border-teal-800\/90:hover { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:border-teal-800\/90:active { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:border-teal-900:focus { + border-color: var(--teal-900) + } + .xl\:hover\:border-teal-900:hover { + border-color: var(--teal-900) + } + .xl\:active\:border-teal-900:active { + border-color: var(--teal-900) + } + .xl\:focus\:border-teal-900\/10:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:border-teal-900\/10:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:border-teal-900\/10:active { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:border-teal-900\/20:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:border-teal-900\/20:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:border-teal-900\/20:active { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:border-teal-900\/30:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:border-teal-900\/30:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:border-teal-900\/30:active { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:border-teal-900\/40:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:border-teal-900\/40:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:border-teal-900\/40:active { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:border-teal-900\/50:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:border-teal-900\/50:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:border-teal-900\/50:active { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:border-teal-900\/60:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:border-teal-900\/60:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:border-teal-900\/60:active { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:border-teal-900\/70:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:border-teal-900\/70:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:border-teal-900\/70:active { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:border-teal-900\/80:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:border-teal-900\/80:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:border-teal-900\/80:active { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:border-teal-900\/90:focus { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:border-teal-900\/90:hover { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:border-teal-900\/90:active { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:border-orange-50:focus { + border-color: var(--orange-50) + } + .xl\:hover\:border-orange-50:hover { + border-color: var(--orange-50) + } + .xl\:active\:border-orange-50:active { + border-color: var(--orange-50) + } + .xl\:focus\:border-orange-50\/10:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:border-orange-50\/10:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:border-orange-50\/10:active { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:border-orange-50\/20:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:border-orange-50\/20:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:border-orange-50\/20:active { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:border-orange-50\/30:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:border-orange-50\/30:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:border-orange-50\/30:active { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:border-orange-50\/40:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:border-orange-50\/40:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:border-orange-50\/40:active { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:border-orange-50\/50:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:border-orange-50\/50:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:border-orange-50\/50:active { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:border-orange-50\/60:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:border-orange-50\/60:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:border-orange-50\/60:active { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:border-orange-50\/70:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:border-orange-50\/70:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:border-orange-50\/70:active { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:border-orange-50\/80:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:border-orange-50\/80:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:border-orange-50\/80:active { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:border-orange-50\/90:focus { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:border-orange-50\/90:hover { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:border-orange-50\/90:active { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:border-orange-100:focus { + border-color: var(--orange-100) + } + .xl\:hover\:border-orange-100:hover { + border-color: var(--orange-100) + } + .xl\:active\:border-orange-100:active { + border-color: var(--orange-100) + } + .xl\:focus\:border-orange-100\/10:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:border-orange-100\/10:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:border-orange-100\/10:active { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:border-orange-100\/20:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:border-orange-100\/20:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:border-orange-100\/20:active { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:border-orange-100\/30:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:border-orange-100\/30:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:border-orange-100\/30:active { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:border-orange-100\/40:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:border-orange-100\/40:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:border-orange-100\/40:active { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:border-orange-100\/50:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:border-orange-100\/50:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:border-orange-100\/50:active { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:border-orange-100\/60:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:border-orange-100\/60:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:border-orange-100\/60:active { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:border-orange-100\/70:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:border-orange-100\/70:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:border-orange-100\/70:active { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:border-orange-100\/80:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:border-orange-100\/80:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:border-orange-100\/80:active { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:border-orange-100\/90:focus { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:border-orange-100\/90:hover { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:border-orange-100\/90:active { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:border-orange-200:focus { + border-color: var(--orange-200) + } + .xl\:hover\:border-orange-200:hover { + border-color: var(--orange-200) + } + .xl\:active\:border-orange-200:active { + border-color: var(--orange-200) + } + .xl\:focus\:border-orange-200\/10:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:border-orange-200\/10:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:border-orange-200\/10:active { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:border-orange-200\/20:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:border-orange-200\/20:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:border-orange-200\/20:active { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:border-orange-200\/30:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:border-orange-200\/30:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:border-orange-200\/30:active { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:border-orange-200\/40:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:border-orange-200\/40:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:border-orange-200\/40:active { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:border-orange-200\/50:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:border-orange-200\/50:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:border-orange-200\/50:active { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:border-orange-200\/60:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:border-orange-200\/60:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:border-orange-200\/60:active { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:border-orange-200\/70:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:border-orange-200\/70:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:border-orange-200\/70:active { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:border-orange-200\/80:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:border-orange-200\/80:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:border-orange-200\/80:active { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:border-orange-200\/90:focus { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:border-orange-200\/90:hover { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:border-orange-200\/90:active { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:border-orange-300:focus { + border-color: var(--orange-300) + } + .xl\:hover\:border-orange-300:hover { + border-color: var(--orange-300) + } + .xl\:active\:border-orange-300:active { + border-color: var(--orange-300) + } + .xl\:focus\:border-orange-300\/10:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:border-orange-300\/10:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:border-orange-300\/10:active { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:border-orange-300\/20:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:border-orange-300\/20:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:border-orange-300\/20:active { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:border-orange-300\/30:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:border-orange-300\/30:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:border-orange-300\/30:active { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:border-orange-300\/40:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:border-orange-300\/40:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:border-orange-300\/40:active { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:border-orange-300\/50:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:border-orange-300\/50:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:border-orange-300\/50:active { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:border-orange-300\/60:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:border-orange-300\/60:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:border-orange-300\/60:active { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:border-orange-300\/70:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:border-orange-300\/70:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:border-orange-300\/70:active { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:border-orange-300\/80:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:border-orange-300\/80:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:border-orange-300\/80:active { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:border-orange-300\/90:focus { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:border-orange-300\/90:hover { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:border-orange-300\/90:active { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:border-orange-400:focus { + border-color: var(--orange-400) + } + .xl\:hover\:border-orange-400:hover { + border-color: var(--orange-400) + } + .xl\:active\:border-orange-400:active { + border-color: var(--orange-400) + } + .xl\:focus\:border-orange-400\/10:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:border-orange-400\/10:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:border-orange-400\/10:active { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:border-orange-400\/20:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:border-orange-400\/20:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:border-orange-400\/20:active { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:border-orange-400\/30:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:border-orange-400\/30:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:border-orange-400\/30:active { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:border-orange-400\/40:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:border-orange-400\/40:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:border-orange-400\/40:active { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:border-orange-400\/50:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:border-orange-400\/50:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:border-orange-400\/50:active { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:border-orange-400\/60:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:border-orange-400\/60:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:border-orange-400\/60:active { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:border-orange-400\/70:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:border-orange-400\/70:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:border-orange-400\/70:active { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:border-orange-400\/80:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:border-orange-400\/80:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:border-orange-400\/80:active { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:border-orange-400\/90:focus { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:border-orange-400\/90:hover { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:border-orange-400\/90:active { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:border-orange-500:focus { + border-color: var(--orange-500) + } + .xl\:hover\:border-orange-500:hover { + border-color: var(--orange-500) + } + .xl\:active\:border-orange-500:active { + border-color: var(--orange-500) + } + .xl\:focus\:border-orange-500\/10:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:border-orange-500\/10:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:border-orange-500\/10:active { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:border-orange-500\/20:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:border-orange-500\/20:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:border-orange-500\/20:active { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:border-orange-500\/30:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:border-orange-500\/30:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:border-orange-500\/30:active { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:border-orange-500\/40:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:border-orange-500\/40:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:border-orange-500\/40:active { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:border-orange-500\/50:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:border-orange-500\/50:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:border-orange-500\/50:active { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:border-orange-500\/60:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:border-orange-500\/60:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:border-orange-500\/60:active { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:border-orange-500\/70:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:border-orange-500\/70:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:border-orange-500\/70:active { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:border-orange-500\/80:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:border-orange-500\/80:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:border-orange-500\/80:active { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:border-orange-500\/90:focus { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:border-orange-500\/90:hover { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:border-orange-500\/90:active { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:border-orange-600:focus { + border-color: var(--orange-600) + } + .xl\:hover\:border-orange-600:hover { + border-color: var(--orange-600) + } + .xl\:active\:border-orange-600:active { + border-color: var(--orange-600) + } + .xl\:focus\:border-orange-600\/10:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:border-orange-600\/10:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:border-orange-600\/10:active { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:border-orange-600\/20:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:border-orange-600\/20:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:border-orange-600\/20:active { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:border-orange-600\/30:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:border-orange-600\/30:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:border-orange-600\/30:active { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:border-orange-600\/40:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:border-orange-600\/40:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:border-orange-600\/40:active { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:border-orange-600\/50:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:border-orange-600\/50:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:border-orange-600\/50:active { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:border-orange-600\/60:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:border-orange-600\/60:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:border-orange-600\/60:active { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:border-orange-600\/70:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:border-orange-600\/70:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:border-orange-600\/70:active { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:border-orange-600\/80:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:border-orange-600\/80:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:border-orange-600\/80:active { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:border-orange-600\/90:focus { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:border-orange-600\/90:hover { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:border-orange-600\/90:active { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:border-orange-700:focus { + border-color: var(--orange-700) + } + .xl\:hover\:border-orange-700:hover { + border-color: var(--orange-700) + } + .xl\:active\:border-orange-700:active { + border-color: var(--orange-700) + } + .xl\:focus\:border-orange-700\/10:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:border-orange-700\/10:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:border-orange-700\/10:active { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:border-orange-700\/20:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:border-orange-700\/20:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:border-orange-700\/20:active { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:border-orange-700\/30:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:border-orange-700\/30:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:border-orange-700\/30:active { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:border-orange-700\/40:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:border-orange-700\/40:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:border-orange-700\/40:active { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:border-orange-700\/50:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:border-orange-700\/50:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:border-orange-700\/50:active { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:border-orange-700\/60:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:border-orange-700\/60:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:border-orange-700\/60:active { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:border-orange-700\/70:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:border-orange-700\/70:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:border-orange-700\/70:active { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:border-orange-700\/80:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:border-orange-700\/80:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:border-orange-700\/80:active { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:border-orange-700\/90:focus { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:border-orange-700\/90:hover { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:border-orange-700\/90:active { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:border-orange-800:focus { + border-color: var(--orange-800) + } + .xl\:hover\:border-orange-800:hover { + border-color: var(--orange-800) + } + .xl\:active\:border-orange-800:active { + border-color: var(--orange-800) + } + .xl\:focus\:border-orange-800\/10:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:border-orange-800\/10:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:border-orange-800\/10:active { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:border-orange-800\/20:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:border-orange-800\/20:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:border-orange-800\/20:active { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:border-orange-800\/30:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:border-orange-800\/30:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:border-orange-800\/30:active { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:border-orange-800\/40:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:border-orange-800\/40:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:border-orange-800\/40:active { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:border-orange-800\/50:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:border-orange-800\/50:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:border-orange-800\/50:active { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:border-orange-800\/60:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:border-orange-800\/60:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:border-orange-800\/60:active { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:border-orange-800\/70:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:border-orange-800\/70:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:border-orange-800\/70:active { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:border-orange-800\/80:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:border-orange-800\/80:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:border-orange-800\/80:active { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:border-orange-800\/90:focus { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:border-orange-800\/90:hover { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:border-orange-800\/90:active { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:border-orange-900:focus { + border-color: var(--orange-900) + } + .xl\:hover\:border-orange-900:hover { + border-color: var(--orange-900) + } + .xl\:active\:border-orange-900:active { + border-color: var(--orange-900) + } + .xl\:focus\:border-orange-900\/10:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:border-orange-900\/10:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:border-orange-900\/10:active { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:border-orange-900\/20:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:border-orange-900\/20:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:border-orange-900\/20:active { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:border-orange-900\/30:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:border-orange-900\/30:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:border-orange-900\/30:active { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:border-orange-900\/40:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:border-orange-900\/40:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:border-orange-900\/40:active { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:border-orange-900\/50:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:border-orange-900\/50:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:border-orange-900\/50:active { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:border-orange-900\/60:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:border-orange-900\/60:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:border-orange-900\/60:active { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:border-orange-900\/70:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:border-orange-900\/70:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:border-orange-900\/70:active { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:border-orange-900\/80:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:border-orange-900\/80:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:border-orange-900\/80:active { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:border-orange-900\/90:focus { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:border-orange-900\/90:hover { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:border-orange-900\/90:active { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-50:focus { + border-color: var(--bluegray-50) + } + .xl\:hover\:border-bluegray-50:hover { + border-color: var(--bluegray-50) + } + .xl\:active\:border-bluegray-50:active { + border-color: var(--bluegray-50) + } + .xl\:focus\:border-bluegray-50\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-50\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:border-bluegray-50\/10:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-50\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-50\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:border-bluegray-50\/20:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-50\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-50\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:border-bluegray-50\/30:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-50\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-50\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:border-bluegray-50\/40:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-50\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-50\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:border-bluegray-50\/50:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-50\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-50\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:border-bluegray-50\/60:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-50\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-50\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:border-bluegray-50\/70:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-50\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-50\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:border-bluegray-50\/80:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-50\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-50\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:border-bluegray-50\/90:active { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-100:focus { + border-color: var(--bluegray-100) + } + .xl\:hover\:border-bluegray-100:hover { + border-color: var(--bluegray-100) + } + .xl\:active\:border-bluegray-100:active { + border-color: var(--bluegray-100) + } + .xl\:focus\:border-bluegray-100\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-100\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:border-bluegray-100\/10:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-100\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-100\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:border-bluegray-100\/20:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-100\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-100\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:border-bluegray-100\/30:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-100\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-100\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:border-bluegray-100\/40:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-100\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-100\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:border-bluegray-100\/50:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-100\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-100\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:border-bluegray-100\/60:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-100\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-100\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:border-bluegray-100\/70:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-100\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-100\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:border-bluegray-100\/80:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-100\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-100\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:border-bluegray-100\/90:active { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-200:focus { + border-color: var(--bluegray-200) + } + .xl\:hover\:border-bluegray-200:hover { + border-color: var(--bluegray-200) + } + .xl\:active\:border-bluegray-200:active { + border-color: var(--bluegray-200) + } + .xl\:focus\:border-bluegray-200\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-200\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:border-bluegray-200\/10:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-200\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-200\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:border-bluegray-200\/20:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-200\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-200\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:border-bluegray-200\/30:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-200\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-200\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:border-bluegray-200\/40:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-200\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-200\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:border-bluegray-200\/50:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-200\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-200\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:border-bluegray-200\/60:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-200\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-200\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:border-bluegray-200\/70:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-200\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-200\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:border-bluegray-200\/80:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-200\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-200\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:border-bluegray-200\/90:active { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-300:focus { + border-color: var(--bluegray-300) + } + .xl\:hover\:border-bluegray-300:hover { + border-color: var(--bluegray-300) + } + .xl\:active\:border-bluegray-300:active { + border-color: var(--bluegray-300) + } + .xl\:focus\:border-bluegray-300\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-300\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:border-bluegray-300\/10:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-300\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-300\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:border-bluegray-300\/20:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-300\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-300\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:border-bluegray-300\/30:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-300\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-300\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:border-bluegray-300\/40:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-300\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-300\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:border-bluegray-300\/50:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-300\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-300\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:border-bluegray-300\/60:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-300\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-300\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:border-bluegray-300\/70:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-300\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-300\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:border-bluegray-300\/80:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-300\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-300\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:border-bluegray-300\/90:active { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-400:focus { + border-color: var(--bluegray-400) + } + .xl\:hover\:border-bluegray-400:hover { + border-color: var(--bluegray-400) + } + .xl\:active\:border-bluegray-400:active { + border-color: var(--bluegray-400) + } + .xl\:focus\:border-bluegray-400\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-400\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:border-bluegray-400\/10:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-400\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-400\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:border-bluegray-400\/20:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-400\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-400\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:border-bluegray-400\/30:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-400\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-400\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:border-bluegray-400\/40:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-400\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-400\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:border-bluegray-400\/50:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-400\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-400\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:border-bluegray-400\/60:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-400\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-400\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:border-bluegray-400\/70:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-400\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-400\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:border-bluegray-400\/80:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-400\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-400\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:border-bluegray-400\/90:active { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-500:focus { + border-color: var(--bluegray-500) + } + .xl\:hover\:border-bluegray-500:hover { + border-color: var(--bluegray-500) + } + .xl\:active\:border-bluegray-500:active { + border-color: var(--bluegray-500) + } + .xl\:focus\:border-bluegray-500\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-500\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:border-bluegray-500\/10:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-500\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-500\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:border-bluegray-500\/20:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-500\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-500\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:border-bluegray-500\/30:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-500\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-500\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:border-bluegray-500\/40:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-500\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-500\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:border-bluegray-500\/50:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-500\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-500\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:border-bluegray-500\/60:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-500\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-500\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:border-bluegray-500\/70:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-500\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-500\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:border-bluegray-500\/80:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-500\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-500\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:border-bluegray-500\/90:active { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-600:focus { + border-color: var(--bluegray-600) + } + .xl\:hover\:border-bluegray-600:hover { + border-color: var(--bluegray-600) + } + .xl\:active\:border-bluegray-600:active { + border-color: var(--bluegray-600) + } + .xl\:focus\:border-bluegray-600\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-600\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:border-bluegray-600\/10:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-600\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-600\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:border-bluegray-600\/20:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-600\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-600\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:border-bluegray-600\/30:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-600\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-600\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:border-bluegray-600\/40:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-600\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-600\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:border-bluegray-600\/50:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-600\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-600\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:border-bluegray-600\/60:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-600\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-600\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:border-bluegray-600\/70:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-600\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-600\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:border-bluegray-600\/80:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-600\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-600\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:border-bluegray-600\/90:active { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-700:focus { + border-color: var(--bluegray-700) + } + .xl\:hover\:border-bluegray-700:hover { + border-color: var(--bluegray-700) + } + .xl\:active\:border-bluegray-700:active { + border-color: var(--bluegray-700) + } + .xl\:focus\:border-bluegray-700\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-700\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:border-bluegray-700\/10:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-700\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-700\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:border-bluegray-700\/20:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-700\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-700\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:border-bluegray-700\/30:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-700\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-700\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:border-bluegray-700\/40:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-700\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-700\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:border-bluegray-700\/50:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-700\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-700\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:border-bluegray-700\/60:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-700\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-700\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:border-bluegray-700\/70:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-700\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-700\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:border-bluegray-700\/80:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-700\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-700\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:border-bluegray-700\/90:active { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-800:focus { + border-color: var(--bluegray-800) + } + .xl\:hover\:border-bluegray-800:hover { + border-color: var(--bluegray-800) + } + .xl\:active\:border-bluegray-800:active { + border-color: var(--bluegray-800) + } + .xl\:focus\:border-bluegray-800\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-800\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:border-bluegray-800\/10:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-800\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-800\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:border-bluegray-800\/20:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-800\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-800\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:border-bluegray-800\/30:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-800\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-800\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:border-bluegray-800\/40:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-800\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-800\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:border-bluegray-800\/50:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-800\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-800\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:border-bluegray-800\/60:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-800\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-800\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:border-bluegray-800\/70:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-800\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-800\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:border-bluegray-800\/80:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-800\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-800\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:border-bluegray-800\/90:active { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:border-bluegray-900:focus { + border-color: var(--bluegray-900) + } + .xl\:hover\:border-bluegray-900:hover { + border-color: var(--bluegray-900) + } + .xl\:active\:border-bluegray-900:active { + border-color: var(--bluegray-900) + } + .xl\:focus\:border-bluegray-900\/10:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:border-bluegray-900\/10:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:border-bluegray-900\/10:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:border-bluegray-900\/20:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:border-bluegray-900\/20:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:border-bluegray-900\/20:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:border-bluegray-900\/30:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:border-bluegray-900\/30:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:border-bluegray-900\/30:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:border-bluegray-900\/40:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:border-bluegray-900\/40:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:border-bluegray-900\/40:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:border-bluegray-900\/50:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:border-bluegray-900\/50:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:border-bluegray-900\/50:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:border-bluegray-900\/60:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:border-bluegray-900\/60:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:border-bluegray-900\/60:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:border-bluegray-900\/70:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:border-bluegray-900\/70:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:border-bluegray-900\/70:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:border-bluegray-900\/80:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:border-bluegray-900\/80:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:border-bluegray-900\/80:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:border-bluegray-900\/90:focus { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:border-bluegray-900\/90:hover { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:border-bluegray-900\/90:active { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:border-purple-50:focus { + border-color: var(--purple-50) + } + .xl\:hover\:border-purple-50:hover { + border-color: var(--purple-50) + } + .xl\:active\:border-purple-50:active { + border-color: var(--purple-50) + } + .xl\:focus\:border-purple-50\/10:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:border-purple-50\/10:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:border-purple-50\/10:active { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:border-purple-50\/20:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:border-purple-50\/20:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:border-purple-50\/20:active { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:border-purple-50\/30:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:border-purple-50\/30:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:border-purple-50\/30:active { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:border-purple-50\/40:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:border-purple-50\/40:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:border-purple-50\/40:active { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:border-purple-50\/50:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:border-purple-50\/50:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:border-purple-50\/50:active { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:border-purple-50\/60:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:border-purple-50\/60:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:border-purple-50\/60:active { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:border-purple-50\/70:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:border-purple-50\/70:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:border-purple-50\/70:active { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:border-purple-50\/80:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:border-purple-50\/80:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:border-purple-50\/80:active { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:border-purple-50\/90:focus { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:border-purple-50\/90:hover { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:border-purple-50\/90:active { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:border-purple-100:focus { + border-color: var(--purple-100) + } + .xl\:hover\:border-purple-100:hover { + border-color: var(--purple-100) + } + .xl\:active\:border-purple-100:active { + border-color: var(--purple-100) + } + .xl\:focus\:border-purple-100\/10:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:border-purple-100\/10:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:border-purple-100\/10:active { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:border-purple-100\/20:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:border-purple-100\/20:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:border-purple-100\/20:active { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:border-purple-100\/30:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:border-purple-100\/30:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:border-purple-100\/30:active { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:border-purple-100\/40:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:border-purple-100\/40:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:border-purple-100\/40:active { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:border-purple-100\/50:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:border-purple-100\/50:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:border-purple-100\/50:active { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:border-purple-100\/60:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:border-purple-100\/60:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:border-purple-100\/60:active { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:border-purple-100\/70:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:border-purple-100\/70:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:border-purple-100\/70:active { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:border-purple-100\/80:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:border-purple-100\/80:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:border-purple-100\/80:active { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:border-purple-100\/90:focus { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:border-purple-100\/90:hover { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:border-purple-100\/90:active { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:border-purple-200:focus { + border-color: var(--purple-200) + } + .xl\:hover\:border-purple-200:hover { + border-color: var(--purple-200) + } + .xl\:active\:border-purple-200:active { + border-color: var(--purple-200) + } + .xl\:focus\:border-purple-200\/10:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:border-purple-200\/10:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:border-purple-200\/10:active { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:border-purple-200\/20:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:border-purple-200\/20:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:border-purple-200\/20:active { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:border-purple-200\/30:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:border-purple-200\/30:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:border-purple-200\/30:active { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:border-purple-200\/40:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:border-purple-200\/40:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:border-purple-200\/40:active { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:border-purple-200\/50:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:border-purple-200\/50:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:border-purple-200\/50:active { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:border-purple-200\/60:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:border-purple-200\/60:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:border-purple-200\/60:active { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:border-purple-200\/70:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:border-purple-200\/70:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:border-purple-200\/70:active { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:border-purple-200\/80:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:border-purple-200\/80:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:border-purple-200\/80:active { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:border-purple-200\/90:focus { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:border-purple-200\/90:hover { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:border-purple-200\/90:active { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:border-purple-300:focus { + border-color: var(--purple-300) + } + .xl\:hover\:border-purple-300:hover { + border-color: var(--purple-300) + } + .xl\:active\:border-purple-300:active { + border-color: var(--purple-300) + } + .xl\:focus\:border-purple-300\/10:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:border-purple-300\/10:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:border-purple-300\/10:active { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:border-purple-300\/20:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:border-purple-300\/20:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:border-purple-300\/20:active { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:border-purple-300\/30:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:border-purple-300\/30:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:border-purple-300\/30:active { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:border-purple-300\/40:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:border-purple-300\/40:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:border-purple-300\/40:active { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:border-purple-300\/50:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:border-purple-300\/50:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:border-purple-300\/50:active { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:border-purple-300\/60:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:border-purple-300\/60:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:border-purple-300\/60:active { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:border-purple-300\/70:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:border-purple-300\/70:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:border-purple-300\/70:active { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:border-purple-300\/80:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:border-purple-300\/80:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:border-purple-300\/80:active { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:border-purple-300\/90:focus { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:border-purple-300\/90:hover { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:border-purple-300\/90:active { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:border-purple-400:focus { + border-color: var(--purple-400) + } + .xl\:hover\:border-purple-400:hover { + border-color: var(--purple-400) + } + .xl\:active\:border-purple-400:active { + border-color: var(--purple-400) + } + .xl\:focus\:border-purple-400\/10:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:border-purple-400\/10:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:border-purple-400\/10:active { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:border-purple-400\/20:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:border-purple-400\/20:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:border-purple-400\/20:active { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:border-purple-400\/30:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:border-purple-400\/30:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:border-purple-400\/30:active { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:border-purple-400\/40:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:border-purple-400\/40:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:border-purple-400\/40:active { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:border-purple-400\/50:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:border-purple-400\/50:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:border-purple-400\/50:active { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:border-purple-400\/60:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:border-purple-400\/60:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:border-purple-400\/60:active { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:border-purple-400\/70:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:border-purple-400\/70:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:border-purple-400\/70:active { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:border-purple-400\/80:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:border-purple-400\/80:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:border-purple-400\/80:active { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:border-purple-400\/90:focus { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:border-purple-400\/90:hover { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:border-purple-400\/90:active { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:border-purple-500:focus { + border-color: var(--purple-500) + } + .xl\:hover\:border-purple-500:hover { + border-color: var(--purple-500) + } + .xl\:active\:border-purple-500:active { + border-color: var(--purple-500) + } + .xl\:focus\:border-purple-500\/10:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:border-purple-500\/10:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:border-purple-500\/10:active { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:border-purple-500\/20:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:border-purple-500\/20:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:border-purple-500\/20:active { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:border-purple-500\/30:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:border-purple-500\/30:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:border-purple-500\/30:active { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:border-purple-500\/40:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:border-purple-500\/40:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:border-purple-500\/40:active { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:border-purple-500\/50:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:border-purple-500\/50:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:border-purple-500\/50:active { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:border-purple-500\/60:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:border-purple-500\/60:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:border-purple-500\/60:active { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:border-purple-500\/70:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:border-purple-500\/70:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:border-purple-500\/70:active { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:border-purple-500\/80:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:border-purple-500\/80:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:border-purple-500\/80:active { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:border-purple-500\/90:focus { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:border-purple-500\/90:hover { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:border-purple-500\/90:active { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:border-purple-600:focus { + border-color: var(--purple-600) + } + .xl\:hover\:border-purple-600:hover { + border-color: var(--purple-600) + } + .xl\:active\:border-purple-600:active { + border-color: var(--purple-600) + } + .xl\:focus\:border-purple-600\/10:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:border-purple-600\/10:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:border-purple-600\/10:active { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:border-purple-600\/20:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:border-purple-600\/20:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:border-purple-600\/20:active { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:border-purple-600\/30:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:border-purple-600\/30:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:border-purple-600\/30:active { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:border-purple-600\/40:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:border-purple-600\/40:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:border-purple-600\/40:active { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:border-purple-600\/50:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:border-purple-600\/50:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:border-purple-600\/50:active { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:border-purple-600\/60:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:border-purple-600\/60:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:border-purple-600\/60:active { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:border-purple-600\/70:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:border-purple-600\/70:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:border-purple-600\/70:active { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:border-purple-600\/80:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:border-purple-600\/80:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:border-purple-600\/80:active { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:border-purple-600\/90:focus { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:border-purple-600\/90:hover { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:border-purple-600\/90:active { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:border-purple-700:focus { + border-color: var(--purple-700) + } + .xl\:hover\:border-purple-700:hover { + border-color: var(--purple-700) + } + .xl\:active\:border-purple-700:active { + border-color: var(--purple-700) + } + .xl\:focus\:border-purple-700\/10:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:border-purple-700\/10:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:border-purple-700\/10:active { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:border-purple-700\/20:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:border-purple-700\/20:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:border-purple-700\/20:active { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:border-purple-700\/30:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:border-purple-700\/30:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:border-purple-700\/30:active { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:border-purple-700\/40:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:border-purple-700\/40:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:border-purple-700\/40:active { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:border-purple-700\/50:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:border-purple-700\/50:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:border-purple-700\/50:active { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:border-purple-700\/60:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:border-purple-700\/60:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:border-purple-700\/60:active { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:border-purple-700\/70:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:border-purple-700\/70:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:border-purple-700\/70:active { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:border-purple-700\/80:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:border-purple-700\/80:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:border-purple-700\/80:active { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:border-purple-700\/90:focus { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:border-purple-700\/90:hover { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:border-purple-700\/90:active { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:border-purple-800:focus { + border-color: var(--purple-800) + } + .xl\:hover\:border-purple-800:hover { + border-color: var(--purple-800) + } + .xl\:active\:border-purple-800:active { + border-color: var(--purple-800) + } + .xl\:focus\:border-purple-800\/10:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:border-purple-800\/10:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:border-purple-800\/10:active { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:border-purple-800\/20:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:border-purple-800\/20:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:border-purple-800\/20:active { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:border-purple-800\/30:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:border-purple-800\/30:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:border-purple-800\/30:active { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:border-purple-800\/40:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:border-purple-800\/40:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:border-purple-800\/40:active { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:border-purple-800\/50:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:border-purple-800\/50:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:border-purple-800\/50:active { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:border-purple-800\/60:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:border-purple-800\/60:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:border-purple-800\/60:active { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:border-purple-800\/70:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:border-purple-800\/70:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:border-purple-800\/70:active { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:border-purple-800\/80:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:border-purple-800\/80:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:border-purple-800\/80:active { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:border-purple-800\/90:focus { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:border-purple-800\/90:hover { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:border-purple-800\/90:active { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:border-purple-900:focus { + border-color: var(--purple-900) + } + .xl\:hover\:border-purple-900:hover { + border-color: var(--purple-900) + } + .xl\:active\:border-purple-900:active { + border-color: var(--purple-900) + } + .xl\:focus\:border-purple-900\/10:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:border-purple-900\/10:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:border-purple-900\/10:active { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:border-purple-900\/20:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:border-purple-900\/20:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:border-purple-900\/20:active { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:border-purple-900\/30:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:border-purple-900\/30:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:border-purple-900\/30:active { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:border-purple-900\/40:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:border-purple-900\/40:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:border-purple-900\/40:active { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:border-purple-900\/50:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:border-purple-900\/50:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:border-purple-900\/50:active { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:border-purple-900\/60:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:border-purple-900\/60:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:border-purple-900\/60:active { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:border-purple-900\/70:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:border-purple-900\/70:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:border-purple-900\/70:active { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:border-purple-900\/80:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:border-purple-900\/80:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:border-purple-900\/80:active { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:border-purple-900\/90:focus { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:border-purple-900\/90:hover { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:border-purple-900\/90:active { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:border-red-50:focus { + border-color: var(--red-50) + } + .xl\:hover\:border-red-50:hover { + border-color: var(--red-50) + } + .xl\:active\:border-red-50:active { + border-color: var(--red-50) + } + .xl\:focus\:border-red-50\/10:focus { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:border-red-50\/10:hover { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:border-red-50\/10:active { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:border-red-50\/20:focus { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:border-red-50\/20:hover { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:border-red-50\/20:active { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:border-red-50\/30:focus { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:border-red-50\/30:hover { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:border-red-50\/30:active { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:border-red-50\/40:focus { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:border-red-50\/40:hover { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:border-red-50\/40:active { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:border-red-50\/50:focus { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:border-red-50\/50:hover { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:border-red-50\/50:active { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:border-red-50\/60:focus { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:border-red-50\/60:hover { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:border-red-50\/60:active { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:border-red-50\/70:focus { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:border-red-50\/70:hover { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:border-red-50\/70:active { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:border-red-50\/80:focus { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:border-red-50\/80:hover { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:border-red-50\/80:active { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:border-red-50\/90:focus { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:border-red-50\/90:hover { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:border-red-50\/90:active { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:border-red-100:focus { + border-color: var(--red-100) + } + .xl\:hover\:border-red-100:hover { + border-color: var(--red-100) + } + .xl\:active\:border-red-100:active { + border-color: var(--red-100) + } + .xl\:focus\:border-red-100\/10:focus { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:border-red-100\/10:hover { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:border-red-100\/10:active { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:border-red-100\/20:focus { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:border-red-100\/20:hover { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:border-red-100\/20:active { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:border-red-100\/30:focus { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:border-red-100\/30:hover { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:border-red-100\/30:active { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:border-red-100\/40:focus { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:border-red-100\/40:hover { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:border-red-100\/40:active { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:border-red-100\/50:focus { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:border-red-100\/50:hover { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:border-red-100\/50:active { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:border-red-100\/60:focus { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:border-red-100\/60:hover { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:border-red-100\/60:active { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:border-red-100\/70:focus { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:border-red-100\/70:hover { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:border-red-100\/70:active { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:border-red-100\/80:focus { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:border-red-100\/80:hover { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:border-red-100\/80:active { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:border-red-100\/90:focus { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:border-red-100\/90:hover { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:border-red-100\/90:active { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:border-red-200:focus { + border-color: var(--red-200) + } + .xl\:hover\:border-red-200:hover { + border-color: var(--red-200) + } + .xl\:active\:border-red-200:active { + border-color: var(--red-200) + } + .xl\:focus\:border-red-200\/10:focus { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:border-red-200\/10:hover { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:border-red-200\/10:active { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:border-red-200\/20:focus { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:border-red-200\/20:hover { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:border-red-200\/20:active { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:border-red-200\/30:focus { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:border-red-200\/30:hover { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:border-red-200\/30:active { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:border-red-200\/40:focus { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:border-red-200\/40:hover { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:border-red-200\/40:active { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:border-red-200\/50:focus { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:border-red-200\/50:hover { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:border-red-200\/50:active { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:border-red-200\/60:focus { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:border-red-200\/60:hover { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:border-red-200\/60:active { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:border-red-200\/70:focus { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:border-red-200\/70:hover { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:border-red-200\/70:active { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:border-red-200\/80:focus { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:border-red-200\/80:hover { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:border-red-200\/80:active { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:border-red-200\/90:focus { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:border-red-200\/90:hover { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:border-red-200\/90:active { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:border-red-300:focus { + border-color: var(--red-300) + } + .xl\:hover\:border-red-300:hover { + border-color: var(--red-300) + } + .xl\:active\:border-red-300:active { + border-color: var(--red-300) + } + .xl\:focus\:border-red-300\/10:focus { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:border-red-300\/10:hover { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:border-red-300\/10:active { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:border-red-300\/20:focus { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:border-red-300\/20:hover { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:border-red-300\/20:active { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:border-red-300\/30:focus { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:border-red-300\/30:hover { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:border-red-300\/30:active { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:border-red-300\/40:focus { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:border-red-300\/40:hover { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:border-red-300\/40:active { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:border-red-300\/50:focus { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:border-red-300\/50:hover { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:border-red-300\/50:active { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:border-red-300\/60:focus { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:border-red-300\/60:hover { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:border-red-300\/60:active { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:border-red-300\/70:focus { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:border-red-300\/70:hover { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:border-red-300\/70:active { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:border-red-300\/80:focus { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:border-red-300\/80:hover { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:border-red-300\/80:active { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:border-red-300\/90:focus { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:border-red-300\/90:hover { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:border-red-300\/90:active { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:border-red-400:focus { + border-color: var(--red-400) + } + .xl\:hover\:border-red-400:hover { + border-color: var(--red-400) + } + .xl\:active\:border-red-400:active { + border-color: var(--red-400) + } + .xl\:focus\:border-red-400\/10:focus { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:border-red-400\/10:hover { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:border-red-400\/10:active { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:border-red-400\/20:focus { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:border-red-400\/20:hover { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:border-red-400\/20:active { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:border-red-400\/30:focus { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:border-red-400\/30:hover { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:border-red-400\/30:active { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:border-red-400\/40:focus { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:border-red-400\/40:hover { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:border-red-400\/40:active { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:border-red-400\/50:focus { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:border-red-400\/50:hover { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:border-red-400\/50:active { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:border-red-400\/60:focus { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:border-red-400\/60:hover { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:border-red-400\/60:active { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:border-red-400\/70:focus { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:border-red-400\/70:hover { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:border-red-400\/70:active { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:border-red-400\/80:focus { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:border-red-400\/80:hover { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:border-red-400\/80:active { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:border-red-400\/90:focus { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:border-red-400\/90:hover { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:border-red-400\/90:active { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:border-red-500:focus { + border-color: var(--red-500) + } + .xl\:hover\:border-red-500:hover { + border-color: var(--red-500) + } + .xl\:active\:border-red-500:active { + border-color: var(--red-500) + } + .xl\:focus\:border-red-500\/10:focus { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:border-red-500\/10:hover { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:border-red-500\/10:active { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:border-red-500\/20:focus { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:border-red-500\/20:hover { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:border-red-500\/20:active { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:border-red-500\/30:focus { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:border-red-500\/30:hover { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:border-red-500\/30:active { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:border-red-500\/40:focus { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:border-red-500\/40:hover { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:border-red-500\/40:active { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:border-red-500\/50:focus { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:border-red-500\/50:hover { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:border-red-500\/50:active { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:border-red-500\/60:focus { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:border-red-500\/60:hover { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:border-red-500\/60:active { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:border-red-500\/70:focus { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:border-red-500\/70:hover { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:border-red-500\/70:active { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:border-red-500\/80:focus { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:border-red-500\/80:hover { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:border-red-500\/80:active { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:border-red-500\/90:focus { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:border-red-500\/90:hover { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:border-red-500\/90:active { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:border-red-600:focus { + border-color: var(--red-600) + } + .xl\:hover\:border-red-600:hover { + border-color: var(--red-600) + } + .xl\:active\:border-red-600:active { + border-color: var(--red-600) + } + .xl\:focus\:border-red-600\/10:focus { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:border-red-600\/10:hover { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:border-red-600\/10:active { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:border-red-600\/20:focus { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:border-red-600\/20:hover { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:border-red-600\/20:active { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:border-red-600\/30:focus { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:border-red-600\/30:hover { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:border-red-600\/30:active { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:border-red-600\/40:focus { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:border-red-600\/40:hover { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:border-red-600\/40:active { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:border-red-600\/50:focus { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:border-red-600\/50:hover { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:border-red-600\/50:active { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:border-red-600\/60:focus { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:border-red-600\/60:hover { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:border-red-600\/60:active { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:border-red-600\/70:focus { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:border-red-600\/70:hover { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:border-red-600\/70:active { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:border-red-600\/80:focus { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:border-red-600\/80:hover { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:border-red-600\/80:active { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:border-red-600\/90:focus { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:border-red-600\/90:hover { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:border-red-600\/90:active { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:border-red-700:focus { + border-color: var(--red-700) + } + .xl\:hover\:border-red-700:hover { + border-color: var(--red-700) + } + .xl\:active\:border-red-700:active { + border-color: var(--red-700) + } + .xl\:focus\:border-red-700\/10:focus { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:border-red-700\/10:hover { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:border-red-700\/10:active { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:border-red-700\/20:focus { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:border-red-700\/20:hover { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:border-red-700\/20:active { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:border-red-700\/30:focus { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:border-red-700\/30:hover { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:border-red-700\/30:active { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:border-red-700\/40:focus { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:border-red-700\/40:hover { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:border-red-700\/40:active { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:border-red-700\/50:focus { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:border-red-700\/50:hover { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:border-red-700\/50:active { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:border-red-700\/60:focus { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:border-red-700\/60:hover { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:border-red-700\/60:active { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:border-red-700\/70:focus { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:border-red-700\/70:hover { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:border-red-700\/70:active { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:border-red-700\/80:focus { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:border-red-700\/80:hover { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:border-red-700\/80:active { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:border-red-700\/90:focus { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:border-red-700\/90:hover { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:border-red-700\/90:active { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:border-red-800:focus { + border-color: var(--red-800) + } + .xl\:hover\:border-red-800:hover { + border-color: var(--red-800) + } + .xl\:active\:border-red-800:active { + border-color: var(--red-800) + } + .xl\:focus\:border-red-800\/10:focus { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:border-red-800\/10:hover { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:border-red-800\/10:active { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:border-red-800\/20:focus { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:border-red-800\/20:hover { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:border-red-800\/20:active { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:border-red-800\/30:focus { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:border-red-800\/30:hover { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:border-red-800\/30:active { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:border-red-800\/40:focus { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:border-red-800\/40:hover { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:border-red-800\/40:active { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:border-red-800\/50:focus { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:border-red-800\/50:hover { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:border-red-800\/50:active { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:border-red-800\/60:focus { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:border-red-800\/60:hover { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:border-red-800\/60:active { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:border-red-800\/70:focus { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:border-red-800\/70:hover { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:border-red-800\/70:active { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:border-red-800\/80:focus { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:border-red-800\/80:hover { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:border-red-800\/80:active { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:border-red-800\/90:focus { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:border-red-800\/90:hover { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:border-red-800\/90:active { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:border-red-900:focus { + border-color: var(--red-900) + } + .xl\:hover\:border-red-900:hover { + border-color: var(--red-900) + } + .xl\:active\:border-red-900:active { + border-color: var(--red-900) + } + .xl\:focus\:border-red-900\/10:focus { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:border-red-900\/10:hover { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:border-red-900\/10:active { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:border-red-900\/20:focus { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:border-red-900\/20:hover { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:border-red-900\/20:active { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:border-red-900\/30:focus { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:border-red-900\/30:hover { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:border-red-900\/30:active { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:border-red-900\/40:focus { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:border-red-900\/40:hover { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:border-red-900\/40:active { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:border-red-900\/50:focus { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:border-red-900\/50:hover { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:border-red-900\/50:active { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:border-red-900\/60:focus { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:border-red-900\/60:hover { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:border-red-900\/60:active { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:border-red-900\/70:focus { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:border-red-900\/70:hover { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:border-red-900\/70:active { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:border-red-900\/80:focus { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:border-red-900\/80:hover { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:border-red-900\/80:active { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:border-red-900\/90:focus { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:border-red-900\/90:hover { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:border-red-900\/90:active { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:border-gray-50:focus { + border-color: var(--gray-50) + } + .xl\:hover\:border-gray-50:hover { + border-color: var(--gray-50) + } + .xl\:active\:border-gray-50:active { + border-color: var(--gray-50) + } + .xl\:focus\:border-gray-50\/10:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:border-gray-50\/10:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:border-gray-50\/10:active { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:border-gray-50\/20:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:border-gray-50\/20:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:border-gray-50\/20:active { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:border-gray-50\/30:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:border-gray-50\/30:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:border-gray-50\/30:active { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:border-gray-50\/40:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:border-gray-50\/40:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:border-gray-50\/40:active { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:border-gray-50\/50:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:border-gray-50\/50:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:border-gray-50\/50:active { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:border-gray-50\/60:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:border-gray-50\/60:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:border-gray-50\/60:active { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:border-gray-50\/70:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:border-gray-50\/70:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:border-gray-50\/70:active { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:border-gray-50\/80:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:border-gray-50\/80:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:border-gray-50\/80:active { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:border-gray-50\/90:focus { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:border-gray-50\/90:hover { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:border-gray-50\/90:active { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:border-gray-100:focus { + border-color: var(--gray-100) + } + .xl\:hover\:border-gray-100:hover { + border-color: var(--gray-100) + } + .xl\:active\:border-gray-100:active { + border-color: var(--gray-100) + } + .xl\:focus\:border-gray-100\/10:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:border-gray-100\/10:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:border-gray-100\/10:active { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:border-gray-100\/20:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:border-gray-100\/20:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:border-gray-100\/20:active { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:border-gray-100\/30:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:border-gray-100\/30:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:border-gray-100\/30:active { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:border-gray-100\/40:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:border-gray-100\/40:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:border-gray-100\/40:active { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:border-gray-100\/50:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:border-gray-100\/50:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:border-gray-100\/50:active { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:border-gray-100\/60:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:border-gray-100\/60:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:border-gray-100\/60:active { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:border-gray-100\/70:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:border-gray-100\/70:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:border-gray-100\/70:active { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:border-gray-100\/80:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:border-gray-100\/80:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:border-gray-100\/80:active { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:border-gray-100\/90:focus { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:border-gray-100\/90:hover { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:border-gray-100\/90:active { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:border-gray-200:focus { + border-color: var(--gray-200) + } + .xl\:hover\:border-gray-200:hover { + border-color: var(--gray-200) + } + .xl\:active\:border-gray-200:active { + border-color: var(--gray-200) + } + .xl\:focus\:border-gray-200\/10:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:border-gray-200\/10:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:border-gray-200\/10:active { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:border-gray-200\/20:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:border-gray-200\/20:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:border-gray-200\/20:active { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:border-gray-200\/30:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:border-gray-200\/30:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:border-gray-200\/30:active { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:border-gray-200\/40:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:border-gray-200\/40:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:border-gray-200\/40:active { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:border-gray-200\/50:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:border-gray-200\/50:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:border-gray-200\/50:active { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:border-gray-200\/60:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:border-gray-200\/60:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:border-gray-200\/60:active { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:border-gray-200\/70:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:border-gray-200\/70:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:border-gray-200\/70:active { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:border-gray-200\/80:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:border-gray-200\/80:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:border-gray-200\/80:active { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:border-gray-200\/90:focus { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:border-gray-200\/90:hover { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:border-gray-200\/90:active { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:border-gray-300:focus { + border-color: var(--gray-300) + } + .xl\:hover\:border-gray-300:hover { + border-color: var(--gray-300) + } + .xl\:active\:border-gray-300:active { + border-color: var(--gray-300) + } + .xl\:focus\:border-gray-300\/10:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:border-gray-300\/10:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:border-gray-300\/10:active { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:border-gray-300\/20:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:border-gray-300\/20:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:border-gray-300\/20:active { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:border-gray-300\/30:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:border-gray-300\/30:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:border-gray-300\/30:active { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:border-gray-300\/40:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:border-gray-300\/40:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:border-gray-300\/40:active { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:border-gray-300\/50:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:border-gray-300\/50:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:border-gray-300\/50:active { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:border-gray-300\/60:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:border-gray-300\/60:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:border-gray-300\/60:active { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:border-gray-300\/70:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:border-gray-300\/70:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:border-gray-300\/70:active { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:border-gray-300\/80:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:border-gray-300\/80:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:border-gray-300\/80:active { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:border-gray-300\/90:focus { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:border-gray-300\/90:hover { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:border-gray-300\/90:active { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:border-gray-400:focus { + border-color: var(--gray-400) + } + .xl\:hover\:border-gray-400:hover { + border-color: var(--gray-400) + } + .xl\:active\:border-gray-400:active { + border-color: var(--gray-400) + } + .xl\:focus\:border-gray-400\/10:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:border-gray-400\/10:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:border-gray-400\/10:active { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:border-gray-400\/20:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:border-gray-400\/20:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:border-gray-400\/20:active { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:border-gray-400\/30:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:border-gray-400\/30:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:border-gray-400\/30:active { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:border-gray-400\/40:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:border-gray-400\/40:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:border-gray-400\/40:active { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:border-gray-400\/50:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:border-gray-400\/50:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:border-gray-400\/50:active { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:border-gray-400\/60:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:border-gray-400\/60:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:border-gray-400\/60:active { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:border-gray-400\/70:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:border-gray-400\/70:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:border-gray-400\/70:active { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:border-gray-400\/80:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:border-gray-400\/80:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:border-gray-400\/80:active { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:border-gray-400\/90:focus { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:border-gray-400\/90:hover { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:border-gray-400\/90:active { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:border-gray-500:focus { + border-color: var(--gray-500) + } + .xl\:hover\:border-gray-500:hover { + border-color: var(--gray-500) + } + .xl\:active\:border-gray-500:active { + border-color: var(--gray-500) + } + .xl\:focus\:border-gray-500\/10:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:border-gray-500\/10:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:border-gray-500\/10:active { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:border-gray-500\/20:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:border-gray-500\/20:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:border-gray-500\/20:active { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:border-gray-500\/30:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:border-gray-500\/30:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:border-gray-500\/30:active { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:border-gray-500\/40:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:border-gray-500\/40:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:border-gray-500\/40:active { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:border-gray-500\/50:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:border-gray-500\/50:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:border-gray-500\/50:active { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:border-gray-500\/60:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:border-gray-500\/60:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:border-gray-500\/60:active { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:border-gray-500\/70:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:border-gray-500\/70:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:border-gray-500\/70:active { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:border-gray-500\/80:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:border-gray-500\/80:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:border-gray-500\/80:active { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:border-gray-500\/90:focus { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:border-gray-500\/90:hover { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:border-gray-500\/90:active { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:border-gray-600:focus { + border-color: var(--gray-600) + } + .xl\:hover\:border-gray-600:hover { + border-color: var(--gray-600) + } + .xl\:active\:border-gray-600:active { + border-color: var(--gray-600) + } + .xl\:focus\:border-gray-600\/10:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:border-gray-600\/10:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:border-gray-600\/10:active { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:border-gray-600\/20:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:border-gray-600\/20:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:border-gray-600\/20:active { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:border-gray-600\/30:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:border-gray-600\/30:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:border-gray-600\/30:active { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:border-gray-600\/40:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:border-gray-600\/40:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:border-gray-600\/40:active { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:border-gray-600\/50:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:border-gray-600\/50:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:border-gray-600\/50:active { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:border-gray-600\/60:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:border-gray-600\/60:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:border-gray-600\/60:active { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:border-gray-600\/70:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:border-gray-600\/70:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:border-gray-600\/70:active { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:border-gray-600\/80:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:border-gray-600\/80:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:border-gray-600\/80:active { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:border-gray-600\/90:focus { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:border-gray-600\/90:hover { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:border-gray-600\/90:active { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:border-gray-700:focus { + border-color: var(--gray-700) + } + .xl\:hover\:border-gray-700:hover { + border-color: var(--gray-700) + } + .xl\:active\:border-gray-700:active { + border-color: var(--gray-700) + } + .xl\:focus\:border-gray-700\/10:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:border-gray-700\/10:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:border-gray-700\/10:active { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:border-gray-700\/20:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:border-gray-700\/20:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:border-gray-700\/20:active { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:border-gray-700\/30:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:border-gray-700\/30:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:border-gray-700\/30:active { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:border-gray-700\/40:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:border-gray-700\/40:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:border-gray-700\/40:active { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:border-gray-700\/50:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:border-gray-700\/50:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:border-gray-700\/50:active { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:border-gray-700\/60:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:border-gray-700\/60:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:border-gray-700\/60:active { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:border-gray-700\/70:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:border-gray-700\/70:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:border-gray-700\/70:active { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:border-gray-700\/80:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:border-gray-700\/80:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:border-gray-700\/80:active { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:border-gray-700\/90:focus { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:border-gray-700\/90:hover { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:border-gray-700\/90:active { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:border-gray-800:focus { + border-color: var(--gray-800) + } + .xl\:hover\:border-gray-800:hover { + border-color: var(--gray-800) + } + .xl\:active\:border-gray-800:active { + border-color: var(--gray-800) + } + .xl\:focus\:border-gray-800\/10:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:border-gray-800\/10:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:border-gray-800\/10:active { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:border-gray-800\/20:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:border-gray-800\/20:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:border-gray-800\/20:active { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:border-gray-800\/30:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:border-gray-800\/30:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:border-gray-800\/30:active { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:border-gray-800\/40:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:border-gray-800\/40:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:border-gray-800\/40:active { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:border-gray-800\/50:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:border-gray-800\/50:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:border-gray-800\/50:active { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:border-gray-800\/60:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:border-gray-800\/60:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:border-gray-800\/60:active { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:border-gray-800\/70:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:border-gray-800\/70:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:border-gray-800\/70:active { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:border-gray-800\/80:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:border-gray-800\/80:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:border-gray-800\/80:active { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:border-gray-800\/90:focus { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:border-gray-800\/90:hover { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:border-gray-800\/90:active { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:border-gray-900:focus { + border-color: var(--gray-900) + } + .xl\:hover\:border-gray-900:hover { + border-color: var(--gray-900) + } + .xl\:active\:border-gray-900:active { + border-color: var(--gray-900) + } + .xl\:focus\:border-gray-900\/10:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:border-gray-900\/10:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:border-gray-900\/10:active { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:border-gray-900\/20:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:border-gray-900\/20:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:border-gray-900\/20:active { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:border-gray-900\/30:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:border-gray-900\/30:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:border-gray-900\/30:active { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:border-gray-900\/40:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:border-gray-900\/40:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:border-gray-900\/40:active { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:border-gray-900\/50:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:border-gray-900\/50:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:border-gray-900\/50:active { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:border-gray-900\/60:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:border-gray-900\/60:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:border-gray-900\/60:active { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:border-gray-900\/70:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:border-gray-900\/70:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:border-gray-900\/70:active { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:border-gray-900\/80:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:border-gray-900\/80:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:border-gray-900\/80:active { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:border-gray-900\/90:focus { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:border-gray-900\/90:hover { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:border-gray-900\/90:active { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:border-surface-0:focus { + border-color: var(--surface-0) + } + .xl\:hover\:border-surface-0:hover { + border-color: var(--surface-0) + } + .xl\:active\:border-surface-0:active { + border-color: var(--surface-0) + } + .xl\:focus\:border-surface-0\/10:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:border-surface-0\/10:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:border-surface-0\/10:active { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:border-surface-0\/20:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:border-surface-0\/20:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:border-surface-0\/20:active { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:border-surface-0\/30:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:border-surface-0\/30:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:border-surface-0\/30:active { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:border-surface-0\/40:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:border-surface-0\/40:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:border-surface-0\/40:active { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:border-surface-0\/50:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:border-surface-0\/50:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:border-surface-0\/50:active { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:border-surface-0\/60:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:border-surface-0\/60:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:border-surface-0\/60:active { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:border-surface-0\/70:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:border-surface-0\/70:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:border-surface-0\/70:active { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:border-surface-0\/80:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:border-surface-0\/80:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:border-surface-0\/80:active { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:border-surface-0\/90:focus { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:border-surface-0\/90:hover { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:border-surface-0\/90:active { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:border-surface-50:focus { + border-color: var(--surface-50) + } + .xl\:hover\:border-surface-50:hover { + border-color: var(--surface-50) + } + .xl\:active\:border-surface-50:active { + border-color: var(--surface-50) + } + .xl\:focus\:border-surface-50\/10:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:border-surface-50\/10:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:border-surface-50\/10:active { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:border-surface-50\/20:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:border-surface-50\/20:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:border-surface-50\/20:active { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:border-surface-50\/30:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:border-surface-50\/30:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:border-surface-50\/30:active { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:border-surface-50\/40:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:border-surface-50\/40:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:border-surface-50\/40:active { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:border-surface-50\/50:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:border-surface-50\/50:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:border-surface-50\/50:active { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:border-surface-50\/60:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:border-surface-50\/60:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:border-surface-50\/60:active { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:border-surface-50\/70:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:border-surface-50\/70:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:border-surface-50\/70:active { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:border-surface-50\/80:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:border-surface-50\/80:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:border-surface-50\/80:active { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:border-surface-50\/90:focus { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:border-surface-50\/90:hover { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:border-surface-50\/90:active { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:border-surface-100:focus { + border-color: var(--surface-100) + } + .xl\:hover\:border-surface-100:hover { + border-color: var(--surface-100) + } + .xl\:active\:border-surface-100:active { + border-color: var(--surface-100) + } + .xl\:focus\:border-surface-100\/10:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:border-surface-100\/10:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:border-surface-100\/10:active { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:border-surface-100\/20:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:border-surface-100\/20:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:border-surface-100\/20:active { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:border-surface-100\/30:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:border-surface-100\/30:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:border-surface-100\/30:active { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:border-surface-100\/40:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:border-surface-100\/40:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:border-surface-100\/40:active { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:border-surface-100\/50:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:border-surface-100\/50:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:border-surface-100\/50:active { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:border-surface-100\/60:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:border-surface-100\/60:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:border-surface-100\/60:active { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:border-surface-100\/70:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:border-surface-100\/70:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:border-surface-100\/70:active { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:border-surface-100\/80:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:border-surface-100\/80:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:border-surface-100\/80:active { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:border-surface-100\/90:focus { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:border-surface-100\/90:hover { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:border-surface-100\/90:active { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:border-surface-200:focus { + border-color: var(--surface-200) + } + .xl\:hover\:border-surface-200:hover { + border-color: var(--surface-200) + } + .xl\:active\:border-surface-200:active { + border-color: var(--surface-200) + } + .xl\:focus\:border-surface-200\/10:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:border-surface-200\/10:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:border-surface-200\/10:active { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:border-surface-200\/20:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:border-surface-200\/20:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:border-surface-200\/20:active { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:border-surface-200\/30:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:border-surface-200\/30:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:border-surface-200\/30:active { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:border-surface-200\/40:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:border-surface-200\/40:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:border-surface-200\/40:active { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:border-surface-200\/50:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:border-surface-200\/50:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:border-surface-200\/50:active { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:border-surface-200\/60:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:border-surface-200\/60:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:border-surface-200\/60:active { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:border-surface-200\/70:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:border-surface-200\/70:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:border-surface-200\/70:active { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:border-surface-200\/80:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:border-surface-200\/80:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:border-surface-200\/80:active { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:border-surface-200\/90:focus { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:border-surface-200\/90:hover { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:border-surface-200\/90:active { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:border-surface-300:focus { + border-color: var(--surface-300) + } + .xl\:hover\:border-surface-300:hover { + border-color: var(--surface-300) + } + .xl\:active\:border-surface-300:active { + border-color: var(--surface-300) + } + .xl\:focus\:border-surface-300\/10:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:border-surface-300\/10:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:border-surface-300\/10:active { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:border-surface-300\/20:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:border-surface-300\/20:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:border-surface-300\/20:active { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:border-surface-300\/30:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:border-surface-300\/30:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:border-surface-300\/30:active { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:border-surface-300\/40:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:border-surface-300\/40:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:border-surface-300\/40:active { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:border-surface-300\/50:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:border-surface-300\/50:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:border-surface-300\/50:active { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:border-surface-300\/60:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:border-surface-300\/60:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:border-surface-300\/60:active { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:border-surface-300\/70:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:border-surface-300\/70:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:border-surface-300\/70:active { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:border-surface-300\/80:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:border-surface-300\/80:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:border-surface-300\/80:active { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:border-surface-300\/90:focus { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:border-surface-300\/90:hover { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:border-surface-300\/90:active { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:border-surface-400:focus { + border-color: var(--surface-400) + } + .xl\:hover\:border-surface-400:hover { + border-color: var(--surface-400) + } + .xl\:active\:border-surface-400:active { + border-color: var(--surface-400) + } + .xl\:focus\:border-surface-400\/10:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:border-surface-400\/10:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:border-surface-400\/10:active { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:border-surface-400\/20:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:border-surface-400\/20:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:border-surface-400\/20:active { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:border-surface-400\/30:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:border-surface-400\/30:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:border-surface-400\/30:active { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:border-surface-400\/40:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:border-surface-400\/40:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:border-surface-400\/40:active { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:border-surface-400\/50:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:border-surface-400\/50:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:border-surface-400\/50:active { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:border-surface-400\/60:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:border-surface-400\/60:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:border-surface-400\/60:active { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:border-surface-400\/70:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:border-surface-400\/70:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:border-surface-400\/70:active { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:border-surface-400\/80:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:border-surface-400\/80:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:border-surface-400\/80:active { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:border-surface-400\/90:focus { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:border-surface-400\/90:hover { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:border-surface-400\/90:active { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:border-surface-500:focus { + border-color: var(--surface-500) + } + .xl\:hover\:border-surface-500:hover { + border-color: var(--surface-500) + } + .xl\:active\:border-surface-500:active { + border-color: var(--surface-500) + } + .xl\:focus\:border-surface-500\/10:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:border-surface-500\/10:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:border-surface-500\/10:active { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:border-surface-500\/20:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:border-surface-500\/20:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:border-surface-500\/20:active { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:border-surface-500\/30:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:border-surface-500\/30:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:border-surface-500\/30:active { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:border-surface-500\/40:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:border-surface-500\/40:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:border-surface-500\/40:active { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:border-surface-500\/50:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:border-surface-500\/50:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:border-surface-500\/50:active { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:border-surface-500\/60:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:border-surface-500\/60:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:border-surface-500\/60:active { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:border-surface-500\/70:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:border-surface-500\/70:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:border-surface-500\/70:active { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:border-surface-500\/80:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:border-surface-500\/80:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:border-surface-500\/80:active { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:border-surface-500\/90:focus { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:border-surface-500\/90:hover { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:border-surface-500\/90:active { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:border-surface-600:focus { + border-color: var(--surface-600) + } + .xl\:hover\:border-surface-600:hover { + border-color: var(--surface-600) + } + .xl\:active\:border-surface-600:active { + border-color: var(--surface-600) + } + .xl\:focus\:border-surface-600\/10:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:border-surface-600\/10:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:border-surface-600\/10:active { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:border-surface-600\/20:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:border-surface-600\/20:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:border-surface-600\/20:active { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:border-surface-600\/30:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:border-surface-600\/30:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:border-surface-600\/30:active { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:border-surface-600\/40:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:border-surface-600\/40:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:border-surface-600\/40:active { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:border-surface-600\/50:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:border-surface-600\/50:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:border-surface-600\/50:active { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:border-surface-600\/60:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:border-surface-600\/60:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:border-surface-600\/60:active { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:border-surface-600\/70:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:border-surface-600\/70:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:border-surface-600\/70:active { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:border-surface-600\/80:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:border-surface-600\/80:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:border-surface-600\/80:active { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:border-surface-600\/90:focus { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:border-surface-600\/90:hover { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:border-surface-600\/90:active { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:border-surface-700:focus { + border-color: var(--surface-700) + } + .xl\:hover\:border-surface-700:hover { + border-color: var(--surface-700) + } + .xl\:active\:border-surface-700:active { + border-color: var(--surface-700) + } + .xl\:focus\:border-surface-700\/10:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:border-surface-700\/10:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:border-surface-700\/10:active { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:border-surface-700\/20:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:border-surface-700\/20:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:border-surface-700\/20:active { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:border-surface-700\/30:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:border-surface-700\/30:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:border-surface-700\/30:active { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:border-surface-700\/40:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:border-surface-700\/40:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:border-surface-700\/40:active { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:border-surface-700\/50:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:border-surface-700\/50:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:border-surface-700\/50:active { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:border-surface-700\/60:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:border-surface-700\/60:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:border-surface-700\/60:active { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:border-surface-700\/70:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:border-surface-700\/70:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:border-surface-700\/70:active { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:border-surface-700\/80:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:border-surface-700\/80:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:border-surface-700\/80:active { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:border-surface-700\/90:focus { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:border-surface-700\/90:hover { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:border-surface-700\/90:active { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:border-surface-800:focus { + border-color: var(--surface-800) + } + .xl\:hover\:border-surface-800:hover { + border-color: var(--surface-800) + } + .xl\:active\:border-surface-800:active { + border-color: var(--surface-800) + } + .xl\:focus\:border-surface-800\/10:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:border-surface-800\/10:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:border-surface-800\/10:active { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:border-surface-800\/20:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:border-surface-800\/20:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:border-surface-800\/20:active { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:border-surface-800\/30:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:border-surface-800\/30:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:border-surface-800\/30:active { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:border-surface-800\/40:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:border-surface-800\/40:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:border-surface-800\/40:active { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:border-surface-800\/50:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:border-surface-800\/50:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:border-surface-800\/50:active { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:border-surface-800\/60:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:border-surface-800\/60:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:border-surface-800\/60:active { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:border-surface-800\/70:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:border-surface-800\/70:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:border-surface-800\/70:active { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:border-surface-800\/80:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:border-surface-800\/80:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:border-surface-800\/80:active { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:border-surface-800\/90:focus { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:border-surface-800\/90:hover { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:border-surface-800\/90:active { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:border-surface-900:focus { + border-color: var(--surface-900) + } + .xl\:hover\:border-surface-900:hover { + border-color: var(--surface-900) + } + .xl\:active\:border-surface-900:active { + border-color: var(--surface-900) + } + .xl\:focus\:border-surface-900\/10:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:border-surface-900\/10:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:border-surface-900\/10:active { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:border-surface-900\/20:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:border-surface-900\/20:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:border-surface-900\/20:active { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:border-surface-900\/30:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:border-surface-900\/30:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:border-surface-900\/30:active { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:border-surface-900\/40:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:border-surface-900\/40:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:border-surface-900\/40:active { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:border-surface-900\/50:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:border-surface-900\/50:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:border-surface-900\/50:active { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:border-surface-900\/60:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:border-surface-900\/60:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:border-surface-900\/60:active { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:border-surface-900\/70:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:border-surface-900\/70:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:border-surface-900\/70:active { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:border-surface-900\/80:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:border-surface-900\/80:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:border-surface-900\/80:active { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:border-surface-900\/90:focus { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:border-surface-900\/90:hover { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:border-surface-900\/90:active { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:border-primary-50:focus { + border-color: var(--primary-50) + } + .xl\:hover\:border-primary-50:hover { + border-color: var(--primary-50) + } + .xl\:active\:border-primary-50:active { + border-color: var(--primary-50) + } + .xl\:focus\:border-primary-50\/10:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:border-primary-50\/10:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:border-primary-50\/10:active { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:border-primary-50\/20:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:border-primary-50\/20:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:border-primary-50\/20:active { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:border-primary-50\/30:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:border-primary-50\/30:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:border-primary-50\/30:active { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:border-primary-50\/40:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:border-primary-50\/40:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:border-primary-50\/40:active { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:border-primary-50\/50:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:border-primary-50\/50:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:border-primary-50\/50:active { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:border-primary-50\/60:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:border-primary-50\/60:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:border-primary-50\/60:active { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:border-primary-50\/70:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:border-primary-50\/70:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:border-primary-50\/70:active { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:border-primary-50\/80:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:border-primary-50\/80:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:border-primary-50\/80:active { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:border-primary-50\/90:focus { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:border-primary-50\/90:hover { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:border-primary-50\/90:active { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:border-primary-100:focus { + border-color: var(--primary-100) + } + .xl\:hover\:border-primary-100:hover { + border-color: var(--primary-100) + } + .xl\:active\:border-primary-100:active { + border-color: var(--primary-100) + } + .xl\:focus\:border-primary-100\/10:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:border-primary-100\/10:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:border-primary-100\/10:active { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:border-primary-100\/20:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:border-primary-100\/20:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:border-primary-100\/20:active { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:border-primary-100\/30:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:border-primary-100\/30:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:border-primary-100\/30:active { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:border-primary-100\/40:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:border-primary-100\/40:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:border-primary-100\/40:active { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:border-primary-100\/50:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:border-primary-100\/50:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:border-primary-100\/50:active { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:border-primary-100\/60:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:border-primary-100\/60:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:border-primary-100\/60:active { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:border-primary-100\/70:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:border-primary-100\/70:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:border-primary-100\/70:active { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:border-primary-100\/80:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:border-primary-100\/80:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:border-primary-100\/80:active { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:border-primary-100\/90:focus { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:border-primary-100\/90:hover { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:border-primary-100\/90:active { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:border-primary-200:focus { + border-color: var(--primary-200) + } + .xl\:hover\:border-primary-200:hover { + border-color: var(--primary-200) + } + .xl\:active\:border-primary-200:active { + border-color: var(--primary-200) + } + .xl\:focus\:border-primary-200\/10:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:border-primary-200\/10:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:border-primary-200\/10:active { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:border-primary-200\/20:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:border-primary-200\/20:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:border-primary-200\/20:active { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:border-primary-200\/30:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:border-primary-200\/30:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:border-primary-200\/30:active { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:border-primary-200\/40:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:border-primary-200\/40:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:border-primary-200\/40:active { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:border-primary-200\/50:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:border-primary-200\/50:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:border-primary-200\/50:active { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:border-primary-200\/60:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:border-primary-200\/60:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:border-primary-200\/60:active { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:border-primary-200\/70:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:border-primary-200\/70:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:border-primary-200\/70:active { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:border-primary-200\/80:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:border-primary-200\/80:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:border-primary-200\/80:active { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:border-primary-200\/90:focus { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:border-primary-200\/90:hover { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:border-primary-200\/90:active { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:border-primary-300:focus { + border-color: var(--primary-300) + } + .xl\:hover\:border-primary-300:hover { + border-color: var(--primary-300) + } + .xl\:active\:border-primary-300:active { + border-color: var(--primary-300) + } + .xl\:focus\:border-primary-300\/10:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:border-primary-300\/10:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:border-primary-300\/10:active { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:border-primary-300\/20:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:border-primary-300\/20:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:border-primary-300\/20:active { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:border-primary-300\/30:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:border-primary-300\/30:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:border-primary-300\/30:active { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:border-primary-300\/40:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:border-primary-300\/40:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:border-primary-300\/40:active { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:border-primary-300\/50:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:border-primary-300\/50:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:border-primary-300\/50:active { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:border-primary-300\/60:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:border-primary-300\/60:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:border-primary-300\/60:active { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:border-primary-300\/70:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:border-primary-300\/70:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:border-primary-300\/70:active { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:border-primary-300\/80:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:border-primary-300\/80:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:border-primary-300\/80:active { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:border-primary-300\/90:focus { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:border-primary-300\/90:hover { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:border-primary-300\/90:active { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:border-primary-400:focus { + border-color: var(--primary-400) + } + .xl\:hover\:border-primary-400:hover { + border-color: var(--primary-400) + } + .xl\:active\:border-primary-400:active { + border-color: var(--primary-400) + } + .xl\:focus\:border-primary-400\/10:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:border-primary-400\/10:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:border-primary-400\/10:active { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:border-primary-400\/20:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:border-primary-400\/20:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:border-primary-400\/20:active { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:border-primary-400\/30:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:border-primary-400\/30:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:border-primary-400\/30:active { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:border-primary-400\/40:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:border-primary-400\/40:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:border-primary-400\/40:active { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:border-primary-400\/50:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:border-primary-400\/50:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:border-primary-400\/50:active { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:border-primary-400\/60:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:border-primary-400\/60:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:border-primary-400\/60:active { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:border-primary-400\/70:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:border-primary-400\/70:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:border-primary-400\/70:active { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:border-primary-400\/80:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:border-primary-400\/80:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:border-primary-400\/80:active { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:border-primary-400\/90:focus { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:border-primary-400\/90:hover { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:border-primary-400\/90:active { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:border-primary-500:focus { + border-color: var(--primary-500) + } + .xl\:hover\:border-primary-500:hover { + border-color: var(--primary-500) + } + .xl\:active\:border-primary-500:active { + border-color: var(--primary-500) + } + .xl\:focus\:border-primary-500\/10:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:border-primary-500\/10:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:border-primary-500\/10:active { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:border-primary-500\/20:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:border-primary-500\/20:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:border-primary-500\/20:active { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:border-primary-500\/30:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:border-primary-500\/30:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:border-primary-500\/30:active { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:border-primary-500\/40:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:border-primary-500\/40:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:border-primary-500\/40:active { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:border-primary-500\/50:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:border-primary-500\/50:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:border-primary-500\/50:active { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:border-primary-500\/60:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:border-primary-500\/60:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:border-primary-500\/60:active { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:border-primary-500\/70:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:border-primary-500\/70:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:border-primary-500\/70:active { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:border-primary-500\/80:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:border-primary-500\/80:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:border-primary-500\/80:active { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:border-primary-500\/90:focus { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:border-primary-500\/90:hover { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:border-primary-500\/90:active { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:border-primary-600:focus { + border-color: var(--primary-600) + } + .xl\:hover\:border-primary-600:hover { + border-color: var(--primary-600) + } + .xl\:active\:border-primary-600:active { + border-color: var(--primary-600) + } + .xl\:focus\:border-primary-600\/10:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:border-primary-600\/10:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:border-primary-600\/10:active { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:border-primary-600\/20:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:border-primary-600\/20:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:border-primary-600\/20:active { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:border-primary-600\/30:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:border-primary-600\/30:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:border-primary-600\/30:active { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:border-primary-600\/40:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:border-primary-600\/40:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:border-primary-600\/40:active { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:border-primary-600\/50:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:border-primary-600\/50:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:border-primary-600\/50:active { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:border-primary-600\/60:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:border-primary-600\/60:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:border-primary-600\/60:active { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:border-primary-600\/70:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:border-primary-600\/70:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:border-primary-600\/70:active { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:border-primary-600\/80:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:border-primary-600\/80:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:border-primary-600\/80:active { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:border-primary-600\/90:focus { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:border-primary-600\/90:hover { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:border-primary-600\/90:active { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:border-primary-700:focus { + border-color: var(--primary-700) + } + .xl\:hover\:border-primary-700:hover { + border-color: var(--primary-700) + } + .xl\:active\:border-primary-700:active { + border-color: var(--primary-700) + } + .xl\:focus\:border-primary-700\/10:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:border-primary-700\/10:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:border-primary-700\/10:active { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:border-primary-700\/20:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:border-primary-700\/20:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:border-primary-700\/20:active { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:border-primary-700\/30:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:border-primary-700\/30:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:border-primary-700\/30:active { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:border-primary-700\/40:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:border-primary-700\/40:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:border-primary-700\/40:active { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:border-primary-700\/50:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:border-primary-700\/50:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:border-primary-700\/50:active { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:border-primary-700\/60:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:border-primary-700\/60:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:border-primary-700\/60:active { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:border-primary-700\/70:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:border-primary-700\/70:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:border-primary-700\/70:active { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:border-primary-700\/80:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:border-primary-700\/80:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:border-primary-700\/80:active { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:border-primary-700\/90:focus { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:border-primary-700\/90:hover { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:border-primary-700\/90:active { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:border-primary-800:focus { + border-color: var(--primary-800) + } + .xl\:hover\:border-primary-800:hover { + border-color: var(--primary-800) + } + .xl\:active\:border-primary-800:active { + border-color: var(--primary-800) + } + .xl\:focus\:border-primary-800\/10:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:border-primary-800\/10:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:border-primary-800\/10:active { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:border-primary-800\/20:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:border-primary-800\/20:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:border-primary-800\/20:active { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:border-primary-800\/30:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:border-primary-800\/30:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:border-primary-800\/30:active { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:border-primary-800\/40:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:border-primary-800\/40:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:border-primary-800\/40:active { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:border-primary-800\/50:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:border-primary-800\/50:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:border-primary-800\/50:active { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:border-primary-800\/60:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:border-primary-800\/60:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:border-primary-800\/60:active { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:border-primary-800\/70:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:border-primary-800\/70:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:border-primary-800\/70:active { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:border-primary-800\/80:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:border-primary-800\/80:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:border-primary-800\/80:active { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:border-primary-800\/90:focus { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:border-primary-800\/90:hover { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:border-primary-800\/90:active { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:border-primary-900:focus { + border-color: var(--primary-900) + } + .xl\:hover\:border-primary-900:hover { + border-color: var(--primary-900) + } + .xl\:active\:border-primary-900:active { + border-color: var(--primary-900) + } + .xl\:focus\:border-primary-900\/10:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:border-primary-900\/10:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:border-primary-900\/10:active { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:border-primary-900\/20:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:border-primary-900\/20:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:border-primary-900\/20:active { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:border-primary-900\/30:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:border-primary-900\/30:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:border-primary-900\/30:active { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:border-primary-900\/40:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:border-primary-900\/40:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:border-primary-900\/40:active { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:border-primary-900\/50:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:border-primary-900\/50:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:border-primary-900\/50:active { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:border-primary-900\/60:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:border-primary-900\/60:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:border-primary-900\/60:active { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:border-primary-900\/70:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:border-primary-900\/70:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:border-primary-900\/70:active { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:border-primary-900\/80:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:border-primary-900\/80:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:border-primary-900\/80:active { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:border-primary-900\/90:focus { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:border-primary-900\/90:hover { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:border-primary-900\/90:active { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50) { + border-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/10) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/20) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/30) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/40) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/50) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/60) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/70) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/80) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-50\/90) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100) { + border-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/10) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/20) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/30) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/40) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/50) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/60) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/70) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/80) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-100\/90) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200) { + border-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/10) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/20) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/30) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/40) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/50) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/60) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/70) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/80) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-200\/90) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300) { + border-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/10) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/20) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/30) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/40) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/50) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/60) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/70) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/80) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-300\/90) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400) { + border-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/10) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/20) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/30) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/40) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/50) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/60) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/70) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/80) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-400\/90) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500) { + border-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/10) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/20) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/30) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/40) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/50) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/60) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/70) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/80) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-500\/90) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600) { + border-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/10) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/20) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/30) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/40) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/50) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/60) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/70) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/80) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-600\/90) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700) { + border-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/10) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/20) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/30) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/40) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/50) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/60) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/70) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/80) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-700\/90) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800) { + border-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/10) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/20) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/30) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/40) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/50) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/60) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/70) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/80) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-800\/90) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900) { + border-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/10) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/20) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/30) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/40) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/50) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/60) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/70) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/80) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-blue-900\/90) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50) { + border-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/10) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/20) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/30) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/40) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/50) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/60) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/70) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/80) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-50\/90) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100) { + border-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/10) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/20) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/30) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/40) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/50) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/60) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/70) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/80) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-100\/90) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200) { + border-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/10) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/20) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/30) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/40) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/50) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/60) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/70) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/80) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-200\/90) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300) { + border-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/10) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/20) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/30) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/40) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/50) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/60) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/70) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/80) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-300\/90) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400) { + border-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/10) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/20) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/30) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/40) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/50) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/60) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/70) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/80) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-400\/90) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500) { + border-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/10) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/20) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/30) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/40) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/50) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/60) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/70) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/80) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-500\/90) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600) { + border-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/10) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/20) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/30) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/40) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/50) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/60) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/70) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/80) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-600\/90) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700) { + border-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/10) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/20) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/30) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/40) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/50) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/60) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/70) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/80) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-700\/90) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800) { + border-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/10) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/20) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/30) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/40) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/50) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/60) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/70) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/80) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-800\/90) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900) { + border-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/10) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/20) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/30) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/40) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/50) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/60) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/70) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/80) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-green-900\/90) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50) { + border-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/10) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/20) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/30) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/40) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/50) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/60) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/70) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/80) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-50\/90) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100) { + border-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/10) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/20) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/30) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/40) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/50) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/60) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/70) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/80) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-100\/90) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200) { + border-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/10) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/20) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/30) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/40) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/50) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/60) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/70) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/80) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-200\/90) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300) { + border-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/10) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/20) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/30) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/40) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/50) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/60) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/70) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/80) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-300\/90) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400) { + border-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/10) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/20) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/30) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/40) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/50) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/60) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/70) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/80) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-400\/90) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500) { + border-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/10) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/20) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/30) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/40) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/50) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/60) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/70) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/80) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-500\/90) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600) { + border-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/10) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/20) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/30) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/40) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/50) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/60) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/70) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/80) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-600\/90) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700) { + border-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/10) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/20) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/30) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/40) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/50) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/60) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/70) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/80) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-700\/90) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800) { + border-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/10) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/20) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/30) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/40) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/50) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/60) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/70) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/80) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-800\/90) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900) { + border-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/10) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/20) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/30) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/40) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/50) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/60) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/70) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/80) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-yellow-900\/90) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50) { + border-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/10) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/20) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/30) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/40) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/50) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/60) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/70) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/80) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-50\/90) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100) { + border-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/10) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/20) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/30) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/40) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/50) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/60) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/70) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/80) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-100\/90) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200) { + border-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/10) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/20) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/30) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/40) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/50) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/60) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/70) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/80) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-200\/90) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300) { + border-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/10) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/20) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/30) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/40) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/50) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/60) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/70) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/80) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-300\/90) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400) { + border-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/10) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/20) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/30) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/40) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/50) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/60) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/70) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/80) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-400\/90) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500) { + border-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/10) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/20) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/30) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/40) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/50) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/60) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/70) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/80) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-500\/90) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600) { + border-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/10) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/20) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/30) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/40) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/50) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/60) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/70) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/80) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-600\/90) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700) { + border-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/10) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/20) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/30) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/40) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/50) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/60) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/70) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/80) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-700\/90) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800) { + border-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/10) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/20) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/30) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/40) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/50) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/60) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/70) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/80) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-800\/90) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900) { + border-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/10) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/20) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/30) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/40) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/50) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/60) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/70) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/80) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-cyan-900\/90) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50) { + border-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/10) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/20) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/30) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/40) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/50) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/60) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/70) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/80) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-50\/90) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100) { + border-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/10) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/20) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/30) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/40) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/50) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/60) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/70) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/80) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-100\/90) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200) { + border-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/10) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/20) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/30) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/40) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/50) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/60) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/70) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/80) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-200\/90) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300) { + border-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/10) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/20) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/30) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/40) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/50) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/60) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/70) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/80) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-300\/90) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400) { + border-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/10) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/20) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/30) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/40) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/50) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/60) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/70) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/80) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-400\/90) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500) { + border-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/10) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/20) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/30) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/40) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/50) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/60) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/70) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/80) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-500\/90) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600) { + border-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/10) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/20) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/30) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/40) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/50) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/60) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/70) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/80) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-600\/90) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700) { + border-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/10) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/20) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/30) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/40) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/50) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/60) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/70) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/80) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-700\/90) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800) { + border-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/10) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/20) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/30) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/40) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/50) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/60) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/70) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/80) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-800\/90) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900) { + border-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/10) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/20) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/30) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/40) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/50) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/60) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/70) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/80) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-pink-900\/90) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50) { + border-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/10) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/20) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/30) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/40) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/50) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/60) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/70) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/80) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-50\/90) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100) { + border-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/10) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/20) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/30) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/40) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/50) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/60) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/70) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/80) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-100\/90) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200) { + border-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/10) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/20) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/30) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/40) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/50) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/60) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/70) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/80) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-200\/90) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300) { + border-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/10) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/20) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/30) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/40) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/50) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/60) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/70) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/80) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-300\/90) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400) { + border-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/10) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/20) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/30) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/40) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/50) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/60) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/70) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/80) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-400\/90) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500) { + border-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/10) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/20) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/30) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/40) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/50) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/60) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/70) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/80) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-500\/90) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600) { + border-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/10) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/20) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/30) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/40) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/50) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/60) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/70) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/80) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-600\/90) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700) { + border-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/10) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/20) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/30) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/40) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/50) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/60) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/70) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/80) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-700\/90) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800) { + border-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/10) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/20) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/30) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/40) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/50) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/60) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/70) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/80) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-800\/90) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900) { + border-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/10) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/20) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/30) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/40) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/50) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/60) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/70) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/80) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-indigo-900\/90) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50) { + border-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/10) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/20) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/30) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/40) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/50) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/60) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/70) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/80) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-50\/90) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100) { + border-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/10) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/20) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/30) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/40) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/50) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/60) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/70) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/80) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-100\/90) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200) { + border-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/10) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/20) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/30) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/40) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/50) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/60) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/70) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/80) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-200\/90) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300) { + border-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/10) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/20) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/30) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/40) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/50) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/60) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/70) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/80) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-300\/90) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400) { + border-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/10) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/20) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/30) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/40) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/50) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/60) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/70) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/80) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-400\/90) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500) { + border-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/10) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/20) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/30) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/40) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/50) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/60) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/70) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/80) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-500\/90) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600) { + border-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/10) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/20) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/30) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/40) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/50) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/60) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/70) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/80) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-600\/90) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700) { + border-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/10) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/20) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/30) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/40) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/50) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/60) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/70) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/80) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-700\/90) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800) { + border-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/10) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/20) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/30) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/40) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/50) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/60) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/70) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/80) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-800\/90) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900) { + border-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/10) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/20) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/30) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/40) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/50) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/60) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/70) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/80) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-teal-900\/90) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50) { + border-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/10) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/20) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/30) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/40) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/50) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/60) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/70) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/80) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-50\/90) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100) { + border-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/10) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/20) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/30) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/40) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/50) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/60) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/70) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/80) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-100\/90) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200) { + border-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/10) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/20) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/30) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/40) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/50) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/60) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/70) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/80) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-200\/90) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300) { + border-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/10) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/20) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/30) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/40) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/50) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/60) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/70) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/80) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-300\/90) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400) { + border-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/10) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/20) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/30) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/40) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/50) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/60) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/70) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/80) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-400\/90) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500) { + border-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/10) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/20) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/30) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/40) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/50) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/60) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/70) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/80) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-500\/90) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600) { + border-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/10) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/20) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/30) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/40) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/50) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/60) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/70) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/80) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-600\/90) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700) { + border-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/10) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/20) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/30) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/40) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/50) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/60) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/70) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/80) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-700\/90) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800) { + border-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/10) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/20) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/30) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/40) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/50) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/60) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/70) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/80) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-800\/90) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900) { + border-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/10) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/20) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/30) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/40) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/50) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/60) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/70) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/80) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-orange-900\/90) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50) { + border-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/10) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/20) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/30) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/40) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/50) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/60) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/70) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/80) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-50\/90) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100) { + border-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/10) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/20) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/30) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/40) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/50) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/60) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/70) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/80) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-100\/90) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200) { + border-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/10) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/20) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/30) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/40) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/50) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/60) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/70) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/80) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-200\/90) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300) { + border-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/10) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/20) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/30) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/40) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/50) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/60) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/70) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/80) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-300\/90) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400) { + border-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/10) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/20) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/30) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/40) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/50) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/60) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/70) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/80) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-400\/90) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500) { + border-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/10) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/20) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/30) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/40) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/50) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/60) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/70) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/80) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-500\/90) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600) { + border-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/10) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/20) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/30) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/40) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/50) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/60) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/70) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/80) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-600\/90) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700) { + border-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/10) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/20) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/30) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/40) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/50) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/60) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/70) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/80) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-700\/90) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800) { + border-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/10) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/20) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/30) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/40) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/50) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/60) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/70) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/80) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-800\/90) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900) { + border-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/10) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/20) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/30) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/40) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/50) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/60) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/70) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/80) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-bluegray-900\/90) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50) { + border-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/10) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/20) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/30) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/40) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/50) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/60) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/70) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/80) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-50\/90) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100) { + border-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/10) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/20) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/30) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/40) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/50) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/60) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/70) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/80) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-100\/90) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200) { + border-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/10) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/20) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/30) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/40) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/50) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/60) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/70) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/80) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-200\/90) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300) { + border-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/10) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/20) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/30) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/40) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/50) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/60) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/70) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/80) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-300\/90) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400) { + border-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/10) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/20) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/30) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/40) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/50) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/60) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/70) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/80) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-400\/90) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500) { + border-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/10) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/20) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/30) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/40) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/50) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/60) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/70) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/80) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-500\/90) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600) { + border-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/10) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/20) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/30) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/40) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/50) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/60) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/70) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/80) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-600\/90) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700) { + border-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/10) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/20) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/30) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/40) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/50) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/60) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/70) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/80) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-700\/90) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800) { + border-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/10) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/20) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/30) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/40) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/50) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/60) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/70) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/80) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-800\/90) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900) { + border-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/10) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/20) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/30) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/40) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/50) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/60) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/70) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/80) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-purple-900\/90) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50) { + border-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/10) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/20) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/30) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/40) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/50) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/60) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/70) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/80) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-50\/90) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100) { + border-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/10) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/20) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/30) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/40) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/50) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/60) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/70) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/80) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-100\/90) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200) { + border-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/10) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/20) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/30) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/40) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/50) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/60) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/70) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/80) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-200\/90) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300) { + border-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/10) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/20) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/30) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/40) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/50) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/60) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/70) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/80) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-300\/90) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400) { + border-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/10) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/20) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/30) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/40) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/50) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/60) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/70) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/80) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-400\/90) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500) { + border-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/10) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/20) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/30) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/40) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/50) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/60) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/70) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/80) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-500\/90) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600) { + border-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/10) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/20) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/30) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/40) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/50) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/60) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/70) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/80) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-600\/90) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700) { + border-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/10) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/20) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/30) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/40) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/50) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/60) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/70) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/80) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-700\/90) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800) { + border-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/10) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/20) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/30) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/40) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/50) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/60) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/70) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/80) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-800\/90) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900) { + border-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/10) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/20) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/30) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/40) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/50) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/60) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/70) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/80) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-red-900\/90) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50) { + border-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/10) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/20) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/30) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/40) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/50) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/60) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/70) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/80) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-50\/90) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100) { + border-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/10) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/20) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/30) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/40) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/50) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/60) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/70) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/80) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-100\/90) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200) { + border-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/10) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/20) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/30) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/40) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/50) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/60) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/70) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/80) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-200\/90) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300) { + border-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/10) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/20) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/30) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/40) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/50) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/60) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/70) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/80) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-300\/90) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400) { + border-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/10) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/20) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/30) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/40) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/50) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/60) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/70) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/80) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-400\/90) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500) { + border-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/10) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/20) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/30) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/40) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/50) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/60) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/70) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/80) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-500\/90) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600) { + border-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/10) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/20) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/30) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/40) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/50) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/60) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/70) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/80) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-600\/90) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700) { + border-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/10) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/20) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/30) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/40) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/50) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/60) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/70) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/80) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-700\/90) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800) { + border-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/10) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/20) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/30) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/40) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/50) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/60) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/70) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/80) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-800\/90) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900) { + border-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/10) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/20) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/30) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/40) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/50) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/60) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/70) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/80) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-gray-900\/90) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0) { + border-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/10) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/20) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/30) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/40) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/50) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/60) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/70) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/80) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-0\/90) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50) { + border-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/10) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/20) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/30) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/40) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/50) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/60) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/70) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/80) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-50\/90) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100) { + border-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/10) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/20) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/30) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/40) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/50) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/60) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/70) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/80) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-100\/90) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200) { + border-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/10) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/20) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/30) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/40) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/50) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/60) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/70) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/80) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-200\/90) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300) { + border-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/10) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/20) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/30) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/40) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/50) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/60) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/70) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/80) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-300\/90) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400) { + border-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/10) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/20) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/30) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/40) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/50) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/60) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/70) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/80) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-400\/90) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500) { + border-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/10) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/20) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/30) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/40) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/50) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/60) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/70) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/80) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-500\/90) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600) { + border-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/10) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/20) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/30) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/40) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/50) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/60) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/70) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/80) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-600\/90) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700) { + border-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/10) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/20) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/30) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/40) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/50) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/60) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/70) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/80) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-700\/90) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800) { + border-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/10) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/20) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/30) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/40) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/50) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/60) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/70) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/80) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-800\/90) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900) { + border-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/10) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/20) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/30) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/40) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/50) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/60) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/70) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/80) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-surface-900\/90) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50) { + border-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/10) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/20) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/30) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/40) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/50) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/60) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/70) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/80) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-50\/90) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100) { + border-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/10) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/20) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/30) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/40) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/50) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/60) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/70) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/80) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-100\/90) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200) { + border-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/10) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/20) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/30) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/40) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/50) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/60) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/70) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/80) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-200\/90) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300) { + border-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/10) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/20) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/30) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/40) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/50) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/60) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/70) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/80) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-300\/90) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400) { + border-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/10) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/20) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/30) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/40) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/50) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/60) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/70) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/80) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-400\/90) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500) { + border-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/10) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/20) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/30) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/40) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/50) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/60) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/70) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/80) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-500\/90) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600) { + border-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/10) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/20) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/30) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/40) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/50) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/60) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/70) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/80) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-600\/90) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700) { + border-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/10) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/20) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/30) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/40) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/50) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/60) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/70) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/80) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-700\/90) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800) { + border-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/10) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/20) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/30) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/40) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/50) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/60) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/70) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/80) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-800\/90) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900) { + border-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/10) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/20) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/30) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/40) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/50) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/60) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/70) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/80) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-primary-900\/90) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50:focus) { + border-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50:hover) { + border-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50:active) { + border-color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/10:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/10:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/10:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/20:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/20:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/20:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/30:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/30:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/30:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/40:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/40:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/40:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/50:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/50:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/50:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/60:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/60:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/60:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/70:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/70:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/70:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/80:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/80:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/80:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-50\/90:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-50\/90:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-50\/90:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100:focus) { + border-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100:hover) { + border-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100:active) { + border-color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/10:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/10:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/10:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/20:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/20:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/20:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/30:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/30:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/30:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/40:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/40:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/40:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/50:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/50:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/50:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/60:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/60:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/60:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/70:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/70:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/70:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/80:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/80:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/80:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-100\/90:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-100\/90:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-100\/90:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200:focus) { + border-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200:hover) { + border-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200:active) { + border-color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/10:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/10:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/10:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/20:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/20:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/20:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/30:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/30:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/30:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/40:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/40:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/40:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/50:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/50:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/50:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/60:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/60:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/60:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/70:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/70:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/70:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/80:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/80:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/80:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-200\/90:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-200\/90:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-200\/90:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300:focus) { + border-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300:hover) { + border-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300:active) { + border-color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/10:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/10:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/10:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/20:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/20:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/20:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/30:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/30:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/30:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/40:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/40:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/40:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/50:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/50:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/50:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/60:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/60:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/60:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/70:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/70:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/70:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/80:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/80:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/80:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-300\/90:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-300\/90:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-300\/90:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400:focus) { + border-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400:hover) { + border-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400:active) { + border-color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/10:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/10:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/10:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/20:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/20:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/20:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/30:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/30:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/30:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/40:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/40:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/40:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/50:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/50:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/50:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/60:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/60:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/60:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/70:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/70:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/70:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/80:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/80:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/80:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-400\/90:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-400\/90:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-400\/90:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500:focus) { + border-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500:hover) { + border-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500:active) { + border-color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/10:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/10:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/10:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/20:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/20:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/20:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/30:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/30:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/30:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/40:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/40:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/40:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/50:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/50:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/50:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/60:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/60:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/60:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/70:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/70:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/70:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/80:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/80:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/80:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-500\/90:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-500\/90:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-500\/90:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600:focus) { + border-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600:hover) { + border-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600:active) { + border-color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/10:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/10:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/10:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/20:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/20:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/20:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/30:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/30:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/30:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/40:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/40:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/40:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/50:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/50:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/50:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/60:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/60:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/60:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/70:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/70:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/70:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/80:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/80:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/80:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-600\/90:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-600\/90:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-600\/90:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700:focus) { + border-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700:hover) { + border-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700:active) { + border-color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/10:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/10:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/10:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/20:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/20:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/20:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/30:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/30:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/30:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/40:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/40:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/40:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/50:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/50:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/50:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/60:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/60:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/60:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/70:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/70:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/70:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/80:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/80:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/80:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-700\/90:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-700\/90:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-700\/90:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800:focus) { + border-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800:hover) { + border-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800:active) { + border-color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/10:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/10:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/10:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/20:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/20:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/20:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/30:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/30:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/30:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/40:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/40:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/40:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/50:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/50:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/50:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/60:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/60:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/60:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/70:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/70:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/70:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/80:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/80:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/80:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-800\/90:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-800\/90:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-800\/90:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900:focus) { + border-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900:hover) { + border-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900:active) { + border-color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/10:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/10:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/10:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/20:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/20:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/20:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/30:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/30:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/30:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/40:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/40:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/40:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/50:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/50:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/50:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/60:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/60:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/60:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/70:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/70:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/70:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/80:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/80:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/80:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-blue-900\/90:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-blue-900\/90:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-blue-900\/90:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50:focus) { + border-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50:hover) { + border-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50:active) { + border-color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/10:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/10:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/10:active) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/20:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/20:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/20:active) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/30:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/30:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/30:active) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/40:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/40:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/40:active) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/50:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/50:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/50:active) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/60:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/60:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/60:active) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/70:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/70:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/70:active) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/80:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/80:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/80:active) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-50\/90:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-50\/90:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-50\/90:active) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100:focus) { + border-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100:hover) { + border-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100:active) { + border-color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/10:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/10:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/10:active) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/20:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/20:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/20:active) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/30:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/30:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/30:active) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/40:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/40:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/40:active) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/50:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/50:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/50:active) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/60:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/60:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/60:active) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/70:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/70:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/70:active) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/80:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/80:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/80:active) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-100\/90:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-100\/90:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-100\/90:active) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200:focus) { + border-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200:hover) { + border-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200:active) { + border-color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/10:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/10:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/10:active) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/20:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/20:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/20:active) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/30:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/30:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/30:active) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/40:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/40:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/40:active) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/50:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/50:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/50:active) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/60:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/60:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/60:active) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/70:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/70:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/70:active) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/80:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/80:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/80:active) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-200\/90:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-200\/90:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-200\/90:active) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300:focus) { + border-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300:hover) { + border-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300:active) { + border-color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/10:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/10:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/10:active) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/20:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/20:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/20:active) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/30:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/30:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/30:active) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/40:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/40:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/40:active) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/50:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/50:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/50:active) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/60:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/60:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/60:active) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/70:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/70:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/70:active) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/80:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/80:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/80:active) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-300\/90:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-300\/90:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-300\/90:active) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400:focus) { + border-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400:hover) { + border-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400:active) { + border-color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/10:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/10:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/10:active) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/20:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/20:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/20:active) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/30:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/30:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/30:active) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/40:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/40:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/40:active) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/50:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/50:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/50:active) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/60:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/60:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/60:active) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/70:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/70:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/70:active) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/80:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/80:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/80:active) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-400\/90:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-400\/90:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-400\/90:active) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500:focus) { + border-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500:hover) { + border-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500:active) { + border-color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/10:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/10:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/10:active) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/20:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/20:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/20:active) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/30:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/30:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/30:active) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/40:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/40:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/40:active) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/50:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/50:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/50:active) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/60:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/60:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/60:active) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/70:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/70:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/70:active) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/80:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/80:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/80:active) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-500\/90:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-500\/90:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-500\/90:active) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600:focus) { + border-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600:hover) { + border-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600:active) { + border-color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/10:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/10:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/10:active) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/20:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/20:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/20:active) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/30:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/30:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/30:active) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/40:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/40:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/40:active) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/50:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/50:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/50:active) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/60:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/60:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/60:active) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/70:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/70:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/70:active) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/80:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/80:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/80:active) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-600\/90:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-600\/90:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-600\/90:active) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700:focus) { + border-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700:hover) { + border-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700:active) { + border-color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/10:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/10:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/10:active) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/20:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/20:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/20:active) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/30:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/30:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/30:active) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/40:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/40:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/40:active) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/50:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/50:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/50:active) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/60:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/60:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/60:active) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/70:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/70:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/70:active) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/80:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/80:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/80:active) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-700\/90:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-700\/90:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-700\/90:active) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800:focus) { + border-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800:hover) { + border-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800:active) { + border-color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/10:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/10:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/10:active) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/20:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/20:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/20:active) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/30:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/30:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/30:active) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/40:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/40:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/40:active) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/50:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/50:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/50:active) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/60:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/60:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/60:active) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/70:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/70:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/70:active) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/80:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/80:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/80:active) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-800\/90:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-800\/90:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-800\/90:active) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900:focus) { + border-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900:hover) { + border-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900:active) { + border-color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/10:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/10:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/10:active) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/20:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/20:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/20:active) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/30:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/30:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/30:active) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/40:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/40:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/40:active) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/50:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/50:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/50:active) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/60:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/60:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/60:active) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/70:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/70:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/70:active) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/80:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/80:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/80:active) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-green-900\/90:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-green-900\/90:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-green-900\/90:active) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50:focus) { + border-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50:hover) { + border-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50:active) { + border-color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/10:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/20:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/30:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/40:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/50:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/60:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/70:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/80:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-50\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-50\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-50\/90:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100:focus) { + border-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100:hover) { + border-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100:active) { + border-color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/10:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/20:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/30:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/40:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/50:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/60:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/70:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/80:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-100\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-100\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-100\/90:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200:focus) { + border-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200:hover) { + border-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200:active) { + border-color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/10:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/20:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/30:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/40:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/50:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/60:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/70:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/80:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-200\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-200\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-200\/90:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300:focus) { + border-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300:hover) { + border-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300:active) { + border-color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/10:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/20:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/30:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/40:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/50:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/60:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/70:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/80:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-300\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-300\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-300\/90:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400:focus) { + border-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400:hover) { + border-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400:active) { + border-color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/10:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/20:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/30:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/40:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/50:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/60:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/70:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/80:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-400\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-400\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-400\/90:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500:focus) { + border-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500:hover) { + border-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500:active) { + border-color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/10:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/20:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/30:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/40:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/50:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/60:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/70:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/80:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-500\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-500\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-500\/90:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600:focus) { + border-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600:hover) { + border-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600:active) { + border-color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/10:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/20:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/30:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/40:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/50:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/60:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/70:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/80:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-600\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-600\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-600\/90:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700:focus) { + border-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700:hover) { + border-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700:active) { + border-color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/10:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/20:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/30:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/40:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/50:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/60:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/70:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/80:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-700\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-700\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-700\/90:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800:focus) { + border-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800:hover) { + border-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800:active) { + border-color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/10:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/20:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/30:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/40:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/50:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/60:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/70:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/80:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-800\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-800\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-800\/90:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900:focus) { + border-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900:hover) { + border-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900:active) { + border-color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/10:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/20:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/30:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/40:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/50:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/60:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/70:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/80:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-yellow-900\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-yellow-900\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-yellow-900\/90:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50:focus) { + border-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50:hover) { + border-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50:active) { + border-color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/10:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/20:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/30:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/40:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/50:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/60:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/70:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/80:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-50\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-50\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-50\/90:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100:focus) { + border-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100:hover) { + border-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100:active) { + border-color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/10:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/20:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/30:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/40:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/50:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/60:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/70:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/80:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-100\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-100\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-100\/90:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200:focus) { + border-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200:hover) { + border-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200:active) { + border-color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/10:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/20:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/30:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/40:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/50:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/60:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/70:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/80:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-200\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-200\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-200\/90:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300:focus) { + border-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300:hover) { + border-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300:active) { + border-color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/10:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/20:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/30:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/40:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/50:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/60:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/70:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/80:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-300\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-300\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-300\/90:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400:focus) { + border-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400:hover) { + border-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400:active) { + border-color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/10:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/20:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/30:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/40:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/50:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/60:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/70:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/80:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-400\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-400\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-400\/90:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500:focus) { + border-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500:hover) { + border-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500:active) { + border-color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/10:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/20:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/30:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/40:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/50:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/60:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/70:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/80:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-500\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-500\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-500\/90:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600:focus) { + border-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600:hover) { + border-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600:active) { + border-color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/10:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/20:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/30:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/40:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/50:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/60:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/70:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/80:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-600\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-600\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-600\/90:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700:focus) { + border-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700:hover) { + border-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700:active) { + border-color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/10:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/20:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/30:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/40:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/50:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/60:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/70:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/80:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-700\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-700\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-700\/90:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800:focus) { + border-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800:hover) { + border-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800:active) { + border-color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/10:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/20:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/30:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/40:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/50:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/60:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/70:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/80:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-800\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-800\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-800\/90:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900:focus) { + border-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900:hover) { + border-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900:active) { + border-color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/10:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/20:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/30:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/40:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/50:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/60:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/70:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/80:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-cyan-900\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-cyan-900\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-cyan-900\/90:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50:focus) { + border-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50:hover) { + border-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50:active) { + border-color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/10:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/10:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/10:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/20:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/20:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/20:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/30:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/30:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/30:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/40:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/40:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/40:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/50:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/50:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/50:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/60:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/60:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/60:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/70:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/70:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/70:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/80:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/80:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/80:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-50\/90:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-50\/90:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-50\/90:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100:focus) { + border-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100:hover) { + border-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100:active) { + border-color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/10:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/10:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/10:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/20:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/20:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/20:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/30:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/30:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/30:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/40:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/40:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/40:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/50:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/50:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/50:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/60:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/60:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/60:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/70:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/70:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/70:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/80:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/80:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/80:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-100\/90:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-100\/90:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-100\/90:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200:focus) { + border-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200:hover) { + border-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200:active) { + border-color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/10:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/10:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/10:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/20:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/20:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/20:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/30:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/30:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/30:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/40:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/40:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/40:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/50:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/50:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/50:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/60:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/60:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/60:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/70:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/70:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/70:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/80:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/80:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/80:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-200\/90:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-200\/90:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-200\/90:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300:focus) { + border-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300:hover) { + border-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300:active) { + border-color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/10:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/10:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/10:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/20:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/20:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/20:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/30:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/30:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/30:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/40:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/40:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/40:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/50:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/50:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/50:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/60:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/60:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/60:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/70:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/70:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/70:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/80:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/80:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/80:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-300\/90:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-300\/90:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-300\/90:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400:focus) { + border-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400:hover) { + border-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400:active) { + border-color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/10:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/10:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/10:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/20:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/20:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/20:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/30:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/30:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/30:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/40:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/40:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/40:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/50:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/50:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/50:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/60:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/60:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/60:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/70:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/70:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/70:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/80:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/80:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/80:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-400\/90:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-400\/90:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-400\/90:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500:focus) { + border-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500:hover) { + border-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500:active) { + border-color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/10:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/10:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/10:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/20:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/20:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/20:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/30:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/30:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/30:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/40:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/40:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/40:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/50:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/50:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/50:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/60:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/60:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/60:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/70:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/70:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/70:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/80:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/80:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/80:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-500\/90:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-500\/90:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-500\/90:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600:focus) { + border-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600:hover) { + border-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600:active) { + border-color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/10:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/10:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/10:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/20:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/20:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/20:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/30:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/30:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/30:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/40:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/40:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/40:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/50:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/50:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/50:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/60:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/60:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/60:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/70:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/70:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/70:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/80:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/80:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/80:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-600\/90:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-600\/90:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-600\/90:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700:focus) { + border-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700:hover) { + border-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700:active) { + border-color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/10:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/10:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/10:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/20:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/20:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/20:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/30:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/30:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/30:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/40:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/40:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/40:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/50:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/50:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/50:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/60:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/60:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/60:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/70:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/70:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/70:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/80:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/80:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/80:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-700\/90:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-700\/90:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-700\/90:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800:focus) { + border-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800:hover) { + border-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800:active) { + border-color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/10:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/10:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/10:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/20:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/20:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/20:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/30:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/30:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/30:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/40:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/40:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/40:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/50:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/50:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/50:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/60:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/60:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/60:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/70:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/70:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/70:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/80:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/80:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/80:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-800\/90:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-800\/90:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-800\/90:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900:focus) { + border-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900:hover) { + border-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900:active) { + border-color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/10:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/10:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/10:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/20:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/20:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/20:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/30:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/30:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/30:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/40:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/40:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/40:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/50:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/50:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/50:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/60:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/60:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/60:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/70:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/70:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/70:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/80:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/80:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/80:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-pink-900\/90:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-pink-900\/90:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-pink-900\/90:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50:focus) { + border-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50:hover) { + border-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50:active) { + border-color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/10:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/20:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/30:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/40:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/50:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/60:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/70:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/80:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-50\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-50\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-50\/90:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100:focus) { + border-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100:hover) { + border-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100:active) { + border-color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/10:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/20:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/30:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/40:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/50:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/60:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/70:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/80:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-100\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-100\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-100\/90:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200:focus) { + border-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200:hover) { + border-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200:active) { + border-color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/10:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/20:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/30:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/40:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/50:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/60:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/70:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/80:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-200\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-200\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-200\/90:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300:focus) { + border-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300:hover) { + border-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300:active) { + border-color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/10:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/20:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/30:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/40:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/50:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/60:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/70:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/80:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-300\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-300\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-300\/90:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400:focus) { + border-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400:hover) { + border-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400:active) { + border-color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/10:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/20:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/30:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/40:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/50:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/60:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/70:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/80:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-400\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-400\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-400\/90:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500:focus) { + border-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500:hover) { + border-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500:active) { + border-color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/10:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/20:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/30:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/40:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/50:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/60:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/70:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/80:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-500\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-500\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-500\/90:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600:focus) { + border-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600:hover) { + border-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600:active) { + border-color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/10:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/20:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/30:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/40:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/50:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/60:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/70:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/80:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-600\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-600\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-600\/90:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700:focus) { + border-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700:hover) { + border-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700:active) { + border-color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/10:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/20:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/30:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/40:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/50:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/60:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/70:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/80:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-700\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-700\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-700\/90:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800:focus) { + border-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800:hover) { + border-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800:active) { + border-color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/10:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/20:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/30:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/40:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/50:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/60:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/70:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/80:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-800\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-800\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-800\/90:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900:focus) { + border-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900:hover) { + border-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900:active) { + border-color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/10:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/20:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/30:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/40:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/50:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/60:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/70:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/80:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-indigo-900\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-indigo-900\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-indigo-900\/90:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50:focus) { + border-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50:hover) { + border-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50:active) { + border-color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/10:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/10:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/10:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/20:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/20:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/20:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/30:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/30:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/30:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/40:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/40:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/40:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/50:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/50:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/50:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/60:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/60:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/60:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/70:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/70:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/70:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/80:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/80:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/80:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-50\/90:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-50\/90:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-50\/90:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100:focus) { + border-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100:hover) { + border-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100:active) { + border-color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/10:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/10:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/10:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/20:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/20:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/20:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/30:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/30:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/30:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/40:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/40:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/40:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/50:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/50:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/50:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/60:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/60:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/60:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/70:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/70:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/70:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/80:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/80:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/80:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-100\/90:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-100\/90:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-100\/90:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200:focus) { + border-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200:hover) { + border-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200:active) { + border-color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/10:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/10:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/10:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/20:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/20:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/20:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/30:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/30:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/30:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/40:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/40:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/40:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/50:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/50:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/50:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/60:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/60:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/60:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/70:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/70:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/70:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/80:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/80:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/80:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-200\/90:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-200\/90:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-200\/90:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300:focus) { + border-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300:hover) { + border-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300:active) { + border-color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/10:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/10:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/10:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/20:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/20:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/20:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/30:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/30:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/30:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/40:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/40:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/40:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/50:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/50:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/50:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/60:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/60:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/60:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/70:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/70:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/70:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/80:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/80:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/80:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-300\/90:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-300\/90:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-300\/90:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400:focus) { + border-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400:hover) { + border-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400:active) { + border-color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/10:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/10:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/10:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/20:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/20:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/20:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/30:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/30:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/30:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/40:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/40:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/40:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/50:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/50:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/50:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/60:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/60:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/60:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/70:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/70:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/70:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/80:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/80:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/80:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-400\/90:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-400\/90:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-400\/90:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500:focus) { + border-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500:hover) { + border-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500:active) { + border-color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/10:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/10:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/10:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/20:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/20:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/20:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/30:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/30:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/30:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/40:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/40:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/40:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/50:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/50:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/50:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/60:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/60:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/60:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/70:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/70:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/70:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/80:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/80:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/80:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-500\/90:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-500\/90:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-500\/90:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600:focus) { + border-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600:hover) { + border-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600:active) { + border-color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/10:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/10:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/10:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/20:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/20:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/20:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/30:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/30:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/30:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/40:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/40:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/40:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/50:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/50:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/50:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/60:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/60:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/60:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/70:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/70:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/70:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/80:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/80:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/80:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-600\/90:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-600\/90:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-600\/90:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700:focus) { + border-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700:hover) { + border-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700:active) { + border-color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/10:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/10:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/10:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/20:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/20:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/20:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/30:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/30:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/30:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/40:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/40:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/40:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/50:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/50:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/50:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/60:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/60:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/60:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/70:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/70:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/70:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/80:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/80:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/80:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-700\/90:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-700\/90:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-700\/90:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800:focus) { + border-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800:hover) { + border-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800:active) { + border-color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/10:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/10:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/10:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/20:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/20:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/20:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/30:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/30:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/30:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/40:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/40:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/40:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/50:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/50:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/50:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/60:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/60:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/60:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/70:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/70:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/70:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/80:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/80:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/80:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-800\/90:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-800\/90:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-800\/90:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900:focus) { + border-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900:hover) { + border-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900:active) { + border-color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/10:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/10:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/10:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/20:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/20:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/20:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/30:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/30:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/30:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/40:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/40:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/40:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/50:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/50:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/50:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/60:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/60:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/60:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/70:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/70:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/70:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/80:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/80:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/80:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-teal-900\/90:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-teal-900\/90:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-teal-900\/90:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50:focus) { + border-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50:hover) { + border-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50:active) { + border-color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/10:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/10:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/10:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/20:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/20:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/20:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/30:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/30:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/30:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/40:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/40:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/40:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/50:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/50:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/50:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/60:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/60:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/60:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/70:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/70:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/70:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/80:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/80:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/80:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-50\/90:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-50\/90:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-50\/90:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100:focus) { + border-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100:hover) { + border-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100:active) { + border-color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/10:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/10:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/10:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/20:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/20:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/20:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/30:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/30:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/30:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/40:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/40:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/40:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/50:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/50:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/50:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/60:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/60:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/60:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/70:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/70:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/70:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/80:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/80:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/80:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-100\/90:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-100\/90:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-100\/90:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200:focus) { + border-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200:hover) { + border-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200:active) { + border-color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/10:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/10:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/10:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/20:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/20:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/20:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/30:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/30:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/30:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/40:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/40:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/40:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/50:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/50:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/50:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/60:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/60:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/60:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/70:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/70:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/70:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/80:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/80:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/80:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-200\/90:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-200\/90:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-200\/90:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300:focus) { + border-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300:hover) { + border-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300:active) { + border-color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/10:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/10:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/10:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/20:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/20:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/20:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/30:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/30:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/30:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/40:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/40:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/40:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/50:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/50:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/50:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/60:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/60:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/60:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/70:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/70:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/70:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/80:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/80:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/80:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-300\/90:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-300\/90:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-300\/90:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400:focus) { + border-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400:hover) { + border-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400:active) { + border-color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/10:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/10:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/10:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/20:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/20:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/20:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/30:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/30:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/30:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/40:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/40:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/40:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/50:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/50:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/50:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/60:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/60:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/60:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/70:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/70:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/70:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/80:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/80:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/80:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-400\/90:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-400\/90:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-400\/90:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500:focus) { + border-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500:hover) { + border-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500:active) { + border-color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/10:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/10:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/10:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/20:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/20:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/20:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/30:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/30:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/30:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/40:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/40:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/40:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/50:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/50:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/50:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/60:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/60:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/60:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/70:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/70:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/70:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/80:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/80:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/80:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-500\/90:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-500\/90:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-500\/90:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600:focus) { + border-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600:hover) { + border-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600:active) { + border-color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/10:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/10:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/10:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/20:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/20:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/20:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/30:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/30:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/30:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/40:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/40:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/40:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/50:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/50:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/50:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/60:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/60:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/60:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/70:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/70:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/70:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/80:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/80:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/80:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-600\/90:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-600\/90:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-600\/90:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700:focus) { + border-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700:hover) { + border-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700:active) { + border-color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/10:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/10:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/10:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/20:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/20:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/20:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/30:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/30:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/30:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/40:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/40:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/40:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/50:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/50:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/50:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/60:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/60:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/60:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/70:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/70:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/70:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/80:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/80:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/80:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-700\/90:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-700\/90:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-700\/90:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800:focus) { + border-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800:hover) { + border-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800:active) { + border-color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/10:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/10:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/10:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/20:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/20:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/20:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/30:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/30:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/30:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/40:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/40:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/40:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/50:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/50:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/50:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/60:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/60:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/60:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/70:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/70:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/70:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/80:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/80:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/80:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-800\/90:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-800\/90:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-800\/90:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900:focus) { + border-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900:hover) { + border-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900:active) { + border-color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/10:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/10:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/10:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/20:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/20:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/20:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/30:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/30:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/30:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/40:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/40:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/40:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/50:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/50:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/50:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/60:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/60:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/60:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/70:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/70:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/70:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/80:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/80:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/80:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-orange-900\/90:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-orange-900\/90:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-orange-900\/90:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50:focus) { + border-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50:hover) { + border-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50:active) { + border-color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-50\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-50\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-50\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100:focus) { + border-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100:hover) { + border-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100:active) { + border-color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-100\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-100\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-100\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200:focus) { + border-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200:hover) { + border-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200:active) { + border-color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-200\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-200\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-200\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300:focus) { + border-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300:hover) { + border-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300:active) { + border-color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-300\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-300\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-300\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400:focus) { + border-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400:hover) { + border-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400:active) { + border-color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-400\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-400\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-400\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500:focus) { + border-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500:hover) { + border-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500:active) { + border-color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-500\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-500\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-500\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600:focus) { + border-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600:hover) { + border-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600:active) { + border-color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-600\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-600\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-600\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700:focus) { + border-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700:hover) { + border-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700:active) { + border-color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-700\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-700\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-700\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800:focus) { + border-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800:hover) { + border-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800:active) { + border-color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-800\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-800\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-800\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900:focus) { + border-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900:hover) { + border-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900:active) { + border-color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-bluegray-900\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-bluegray-900\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-bluegray-900\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50:focus) { + border-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50:hover) { + border-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50:active) { + border-color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/10:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/10:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/10:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/20:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/20:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/20:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/30:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/30:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/30:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/40:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/40:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/40:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/50:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/50:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/50:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/60:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/60:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/60:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/70:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/70:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/70:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/80:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/80:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/80:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-50\/90:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-50\/90:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-50\/90:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100:focus) { + border-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100:hover) { + border-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100:active) { + border-color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/10:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/10:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/10:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/20:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/20:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/20:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/30:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/30:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/30:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/40:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/40:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/40:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/50:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/50:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/50:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/60:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/60:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/60:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/70:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/70:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/70:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/80:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/80:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/80:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-100\/90:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-100\/90:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-100\/90:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200:focus) { + border-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200:hover) { + border-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200:active) { + border-color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/10:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/10:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/10:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/20:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/20:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/20:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/30:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/30:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/30:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/40:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/40:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/40:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/50:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/50:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/50:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/60:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/60:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/60:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/70:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/70:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/70:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/80:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/80:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/80:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-200\/90:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-200\/90:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-200\/90:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300:focus) { + border-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300:hover) { + border-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300:active) { + border-color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/10:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/10:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/10:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/20:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/20:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/20:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/30:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/30:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/30:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/40:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/40:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/40:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/50:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/50:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/50:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/60:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/60:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/60:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/70:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/70:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/70:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/80:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/80:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/80:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-300\/90:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-300\/90:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-300\/90:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400:focus) { + border-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400:hover) { + border-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400:active) { + border-color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/10:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/10:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/10:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/20:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/20:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/20:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/30:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/30:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/30:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/40:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/40:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/40:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/50:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/50:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/50:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/60:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/60:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/60:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/70:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/70:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/70:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/80:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/80:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/80:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-400\/90:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-400\/90:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-400\/90:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500:focus) { + border-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500:hover) { + border-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500:active) { + border-color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/10:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/10:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/10:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/20:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/20:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/20:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/30:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/30:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/30:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/40:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/40:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/40:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/50:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/50:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/50:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/60:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/60:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/60:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/70:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/70:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/70:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/80:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/80:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/80:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-500\/90:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-500\/90:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-500\/90:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600:focus) { + border-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600:hover) { + border-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600:active) { + border-color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/10:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/10:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/10:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/20:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/20:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/20:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/30:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/30:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/30:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/40:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/40:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/40:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/50:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/50:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/50:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/60:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/60:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/60:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/70:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/70:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/70:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/80:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/80:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/80:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-600\/90:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-600\/90:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-600\/90:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700:focus) { + border-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700:hover) { + border-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700:active) { + border-color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/10:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/10:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/10:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/20:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/20:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/20:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/30:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/30:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/30:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/40:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/40:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/40:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/50:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/50:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/50:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/60:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/60:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/60:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/70:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/70:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/70:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/80:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/80:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/80:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-700\/90:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-700\/90:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-700\/90:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800:focus) { + border-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800:hover) { + border-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800:active) { + border-color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/10:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/10:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/10:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/20:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/20:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/20:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/30:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/30:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/30:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/40:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/40:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/40:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/50:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/50:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/50:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/60:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/60:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/60:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/70:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/70:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/70:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/80:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/80:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/80:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-800\/90:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-800\/90:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-800\/90:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900:focus) { + border-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900:hover) { + border-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900:active) { + border-color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/10:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/10:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/10:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/20:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/20:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/20:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/30:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/30:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/30:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/40:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/40:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/40:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/50:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/50:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/50:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/60:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/60:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/60:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/70:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/70:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/70:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/80:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/80:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/80:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-purple-900\/90:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-purple-900\/90:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-purple-900\/90:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50:focus) { + border-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50:hover) { + border-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50:active) { + border-color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/10:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/10:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/10:active) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/20:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/20:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/20:active) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/30:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/30:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/30:active) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/40:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/40:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/40:active) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/50:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/50:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/50:active) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/60:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/60:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/60:active) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/70:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/70:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/70:active) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/80:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/80:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/80:active) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-50\/90:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-50\/90:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-50\/90:active) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100:focus) { + border-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100:hover) { + border-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100:active) { + border-color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/10:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/10:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/10:active) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/20:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/20:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/20:active) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/30:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/30:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/30:active) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/40:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/40:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/40:active) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/50:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/50:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/50:active) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/60:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/60:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/60:active) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/70:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/70:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/70:active) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/80:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/80:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/80:active) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-100\/90:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-100\/90:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-100\/90:active) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200:focus) { + border-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200:hover) { + border-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200:active) { + border-color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/10:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/10:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/10:active) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/20:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/20:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/20:active) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/30:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/30:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/30:active) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/40:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/40:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/40:active) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/50:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/50:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/50:active) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/60:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/60:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/60:active) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/70:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/70:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/70:active) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/80:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/80:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/80:active) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-200\/90:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-200\/90:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-200\/90:active) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300:focus) { + border-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300:hover) { + border-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300:active) { + border-color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/10:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/10:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/10:active) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/20:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/20:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/20:active) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/30:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/30:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/30:active) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/40:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/40:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/40:active) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/50:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/50:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/50:active) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/60:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/60:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/60:active) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/70:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/70:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/70:active) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/80:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/80:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/80:active) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-300\/90:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-300\/90:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-300\/90:active) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400:focus) { + border-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400:hover) { + border-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400:active) { + border-color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/10:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/10:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/10:active) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/20:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/20:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/20:active) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/30:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/30:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/30:active) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/40:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/40:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/40:active) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/50:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/50:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/50:active) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/60:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/60:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/60:active) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/70:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/70:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/70:active) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/80:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/80:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/80:active) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-400\/90:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-400\/90:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-400\/90:active) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500:focus) { + border-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500:hover) { + border-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500:active) { + border-color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/10:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/10:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/10:active) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/20:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/20:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/20:active) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/30:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/30:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/30:active) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/40:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/40:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/40:active) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/50:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/50:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/50:active) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/60:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/60:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/60:active) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/70:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/70:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/70:active) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/80:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/80:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/80:active) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-500\/90:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-500\/90:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-500\/90:active) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600:focus) { + border-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600:hover) { + border-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600:active) { + border-color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/10:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/10:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/10:active) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/20:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/20:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/20:active) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/30:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/30:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/30:active) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/40:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/40:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/40:active) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/50:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/50:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/50:active) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/60:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/60:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/60:active) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/70:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/70:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/70:active) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/80:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/80:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/80:active) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-600\/90:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-600\/90:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-600\/90:active) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700:focus) { + border-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700:hover) { + border-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700:active) { + border-color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/10:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/10:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/10:active) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/20:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/20:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/20:active) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/30:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/30:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/30:active) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/40:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/40:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/40:active) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/50:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/50:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/50:active) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/60:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/60:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/60:active) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/70:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/70:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/70:active) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/80:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/80:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/80:active) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-700\/90:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-700\/90:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-700\/90:active) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800:focus) { + border-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800:hover) { + border-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800:active) { + border-color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/10:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/10:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/10:active) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/20:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/20:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/20:active) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/30:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/30:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/30:active) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/40:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/40:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/40:active) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/50:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/50:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/50:active) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/60:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/60:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/60:active) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/70:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/70:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/70:active) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/80:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/80:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/80:active) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-800\/90:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-800\/90:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-800\/90:active) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900:focus) { + border-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900:hover) { + border-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900:active) { + border-color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/10:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/10:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/10:active) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/20:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/20:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/20:active) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/30:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/30:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/30:active) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/40:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/40:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/40:active) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/50:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/50:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/50:active) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/60:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/60:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/60:active) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/70:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/70:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/70:active) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/80:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/80:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/80:active) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-red-900\/90:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-red-900\/90:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-red-900\/90:active) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50:focus) { + border-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50:hover) { + border-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50:active) { + border-color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/10:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/10:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/10:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/20:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/20:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/20:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/30:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/30:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/30:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/40:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/40:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/40:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/50:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/50:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/50:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/60:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/60:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/60:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/70:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/70:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/70:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/80:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/80:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/80:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-50\/90:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-50\/90:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-50\/90:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100:focus) { + border-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100:hover) { + border-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100:active) { + border-color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/10:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/10:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/10:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/20:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/20:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/20:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/30:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/30:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/30:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/40:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/40:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/40:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/50:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/50:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/50:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/60:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/60:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/60:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/70:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/70:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/70:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/80:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/80:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/80:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-100\/90:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-100\/90:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-100\/90:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200:focus) { + border-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200:hover) { + border-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200:active) { + border-color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/10:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/10:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/10:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/20:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/20:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/20:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/30:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/30:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/30:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/40:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/40:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/40:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/50:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/50:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/50:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/60:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/60:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/60:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/70:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/70:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/70:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/80:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/80:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/80:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-200\/90:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-200\/90:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-200\/90:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300:focus) { + border-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300:hover) { + border-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300:active) { + border-color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/10:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/10:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/10:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/20:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/20:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/20:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/30:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/30:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/30:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/40:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/40:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/40:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/50:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/50:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/50:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/60:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/60:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/60:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/70:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/70:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/70:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/80:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/80:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/80:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-300\/90:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-300\/90:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-300\/90:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400:focus) { + border-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400:hover) { + border-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400:active) { + border-color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/10:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/10:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/10:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/20:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/20:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/20:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/30:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/30:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/30:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/40:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/40:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/40:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/50:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/50:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/50:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/60:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/60:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/60:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/70:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/70:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/70:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/80:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/80:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/80:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-400\/90:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-400\/90:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-400\/90:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500:focus) { + border-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500:hover) { + border-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500:active) { + border-color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/10:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/10:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/10:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/20:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/20:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/20:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/30:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/30:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/30:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/40:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/40:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/40:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/50:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/50:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/50:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/60:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/60:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/60:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/70:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/70:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/70:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/80:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/80:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/80:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-500\/90:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-500\/90:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-500\/90:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600:focus) { + border-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600:hover) { + border-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600:active) { + border-color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/10:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/10:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/10:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/20:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/20:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/20:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/30:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/30:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/30:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/40:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/40:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/40:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/50:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/50:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/50:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/60:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/60:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/60:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/70:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/70:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/70:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/80:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/80:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/80:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-600\/90:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-600\/90:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-600\/90:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700:focus) { + border-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700:hover) { + border-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700:active) { + border-color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/10:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/10:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/10:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/20:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/20:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/20:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/30:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/30:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/30:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/40:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/40:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/40:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/50:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/50:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/50:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/60:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/60:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/60:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/70:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/70:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/70:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/80:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/80:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/80:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-700\/90:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-700\/90:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-700\/90:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800:focus) { + border-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800:hover) { + border-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800:active) { + border-color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/10:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/10:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/10:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/20:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/20:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/20:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/30:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/30:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/30:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/40:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/40:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/40:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/50:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/50:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/50:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/60:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/60:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/60:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/70:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/70:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/70:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/80:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/80:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/80:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-800\/90:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-800\/90:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-800\/90:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900:focus) { + border-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900:hover) { + border-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900:active) { + border-color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/10:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/10:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/10:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/20:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/20:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/20:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/30:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/30:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/30:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/40:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/40:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/40:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/50:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/50:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/50:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/60:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/60:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/60:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/70:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/70:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/70:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/80:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/80:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/80:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-gray-900\/90:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-gray-900\/90:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-gray-900\/90:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0:focus) { + border-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0:hover) { + border-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0:active) { + border-color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/10:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/10:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/10:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/20:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/20:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/20:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/30:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/30:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/30:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/40:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/40:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/40:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/50:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/50:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/50:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/60:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/60:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/60:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/70:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/70:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/70:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/80:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/80:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/80:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-0\/90:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-0\/90:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-0\/90:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50:focus) { + border-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50:hover) { + border-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50:active) { + border-color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/10:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/10:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/10:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/20:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/20:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/20:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/30:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/30:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/30:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/40:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/40:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/40:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/50:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/50:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/50:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/60:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/60:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/60:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/70:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/70:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/70:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/80:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/80:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/80:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-50\/90:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-50\/90:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-50\/90:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100:focus) { + border-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100:hover) { + border-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100:active) { + border-color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/10:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/10:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/10:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/20:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/20:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/20:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/30:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/30:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/30:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/40:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/40:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/40:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/50:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/50:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/50:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/60:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/60:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/60:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/70:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/70:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/70:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/80:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/80:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/80:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-100\/90:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-100\/90:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-100\/90:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200:focus) { + border-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200:hover) { + border-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200:active) { + border-color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/10:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/10:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/10:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/20:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/20:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/20:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/30:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/30:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/30:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/40:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/40:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/40:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/50:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/50:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/50:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/60:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/60:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/60:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/70:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/70:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/70:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/80:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/80:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/80:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-200\/90:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-200\/90:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-200\/90:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300:focus) { + border-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300:hover) { + border-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300:active) { + border-color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/10:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/10:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/10:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/20:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/20:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/20:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/30:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/30:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/30:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/40:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/40:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/40:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/50:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/50:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/50:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/60:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/60:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/60:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/70:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/70:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/70:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/80:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/80:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/80:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-300\/90:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-300\/90:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-300\/90:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400:focus) { + border-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400:hover) { + border-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400:active) { + border-color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/10:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/10:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/10:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/20:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/20:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/20:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/30:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/30:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/30:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/40:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/40:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/40:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/50:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/50:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/50:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/60:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/60:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/60:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/70:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/70:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/70:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/80:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/80:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/80:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-400\/90:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-400\/90:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-400\/90:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500:focus) { + border-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500:hover) { + border-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500:active) { + border-color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/10:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/10:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/10:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/20:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/20:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/20:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/30:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/30:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/30:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/40:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/40:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/40:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/50:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/50:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/50:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/60:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/60:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/60:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/70:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/70:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/70:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/80:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/80:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/80:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-500\/90:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-500\/90:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-500\/90:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600:focus) { + border-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600:hover) { + border-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600:active) { + border-color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/10:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/10:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/10:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/20:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/20:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/20:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/30:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/30:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/30:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/40:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/40:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/40:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/50:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/50:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/50:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/60:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/60:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/60:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/70:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/70:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/70:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/80:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/80:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/80:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-600\/90:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-600\/90:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-600\/90:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700:focus) { + border-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700:hover) { + border-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700:active) { + border-color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/10:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/10:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/10:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/20:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/20:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/20:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/30:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/30:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/30:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/40:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/40:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/40:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/50:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/50:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/50:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/60:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/60:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/60:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/70:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/70:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/70:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/80:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/80:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/80:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-700\/90:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-700\/90:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-700\/90:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800:focus) { + border-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800:hover) { + border-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800:active) { + border-color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/10:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/10:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/10:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/20:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/20:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/20:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/30:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/30:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/30:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/40:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/40:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/40:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/50:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/50:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/50:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/60:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/60:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/60:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/70:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/70:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/70:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/80:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/80:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/80:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-800\/90:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-800\/90:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-800\/90:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900:focus) { + border-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900:hover) { + border-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900:active) { + border-color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/10:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/10:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/10:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/20:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/20:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/20:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/30:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/30:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/30:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/40:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/40:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/40:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/50:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/50:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/50:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/60:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/60:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/60:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/70:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/70:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/70:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/80:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/80:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/80:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-surface-900\/90:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-surface-900\/90:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-surface-900\/90:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50:focus) { + border-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50:hover) { + border-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50:active) { + border-color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/10:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/10:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/10:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/20:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/20:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/20:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/30:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/30:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/30:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/40:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/40:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/40:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/50:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/50:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/50:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/60:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/60:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/60:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/70:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/70:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/70:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/80:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/80:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/80:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-50\/90:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-50\/90:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-50\/90:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100:focus) { + border-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100:hover) { + border-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100:active) { + border-color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/10:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/10:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/10:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/20:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/20:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/20:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/30:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/30:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/30:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/40:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/40:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/40:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/50:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/50:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/50:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/60:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/60:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/60:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/70:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/70:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/70:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/80:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/80:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/80:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-100\/90:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-100\/90:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-100\/90:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200:focus) { + border-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200:hover) { + border-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200:active) { + border-color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/10:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/10:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/10:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/20:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/20:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/20:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/30:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/30:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/30:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/40:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/40:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/40:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/50:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/50:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/50:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/60:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/60:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/60:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/70:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/70:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/70:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/80:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/80:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/80:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-200\/90:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-200\/90:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-200\/90:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300:focus) { + border-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300:hover) { + border-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300:active) { + border-color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/10:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/10:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/10:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/20:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/20:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/20:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/30:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/30:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/30:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/40:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/40:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/40:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/50:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/50:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/50:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/60:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/60:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/60:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/70:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/70:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/70:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/80:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/80:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/80:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-300\/90:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-300\/90:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-300\/90:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400:focus) { + border-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400:hover) { + border-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400:active) { + border-color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/10:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/10:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/10:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/20:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/20:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/20:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/30:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/30:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/30:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/40:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/40:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/40:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/50:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/50:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/50:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/60:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/60:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/60:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/70:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/70:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/70:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/80:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/80:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/80:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-400\/90:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-400\/90:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-400\/90:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500:focus) { + border-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500:hover) { + border-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500:active) { + border-color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/10:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/10:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/10:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/20:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/20:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/20:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/30:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/30:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/30:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/40:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/40:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/40:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/50:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/50:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/50:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/60:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/60:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/60:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/70:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/70:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/70:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/80:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/80:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/80:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-500\/90:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-500\/90:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-500\/90:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600:focus) { + border-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600:hover) { + border-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600:active) { + border-color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/10:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/10:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/10:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/20:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/20:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/20:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/30:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/30:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/30:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/40:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/40:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/40:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/50:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/50:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/50:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/60:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/60:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/60:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/70:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/70:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/70:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/80:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/80:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/80:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-600\/90:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-600\/90:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-600\/90:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700:focus) { + border-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700:hover) { + border-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700:active) { + border-color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/10:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/10:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/10:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/20:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/20:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/20:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/30:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/30:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/30:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/40:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/40:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/40:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/50:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/50:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/50:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/60:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/60:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/60:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/70:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/70:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/70:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/80:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/80:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/80:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-700\/90:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-700\/90:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-700\/90:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800:focus) { + border-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800:hover) { + border-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800:active) { + border-color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/10:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/10:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/10:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/20:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/20:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/20:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/30:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/30:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/30:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/40:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/40:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/40:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/50:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/50:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/50:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/60:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/60:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/60:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/70:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/70:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/70:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/80:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/80:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/80:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-800\/90:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-800\/90:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-800\/90:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900:focus) { + border-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900:hover) { + border-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900:active) { + border-color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/10:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/10:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/10:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/20:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/20:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/20:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/30:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/30:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/30:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/40:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/40:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/40:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/50:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/50:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/50:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/60:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/60:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/60:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/70:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/70:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/70:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/80:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/80:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/80:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-primary-900\/90:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-primary-900\/90:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-primary-900\/90:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/10) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/20) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/30) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/40) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/50) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/60) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/70) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/80) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-50\/90) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/10) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/20) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/30) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/40) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/50) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/60) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/70) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/80) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-100\/90) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/10) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/20) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/30) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/40) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/50) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/60) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/70) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/80) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-200\/90) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/10) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/20) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/30) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/40) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/50) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/60) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/70) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/80) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-300\/90) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/10) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/20) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/30) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/40) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/50) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/60) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/70) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/80) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-400\/90) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/10) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/20) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/30) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/40) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/50) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/60) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/70) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/80) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-500\/90) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/10) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/20) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/30) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/40) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/50) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/60) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/70) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/80) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-600\/90) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/10) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/20) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/30) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/40) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/50) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/60) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/70) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/80) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-700\/90) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/10) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/20) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/30) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/40) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/50) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/60) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/70) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/80) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-800\/90) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/10) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/20) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/30) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/40) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/50) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/60) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/70) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/80) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-blue-900\/90) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/10) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/20) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/30) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/40) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/50) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/60) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/70) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/80) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-50\/90) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/10) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/20) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/30) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/40) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/50) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/60) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/70) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/80) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-100\/90) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/10) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/20) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/30) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/40) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/50) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/60) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/70) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/80) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-200\/90) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/10) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/20) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/30) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/40) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/50) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/60) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/70) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/80) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-300\/90) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/10) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/20) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/30) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/40) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/50) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/60) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/70) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/80) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-400\/90) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/10) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/20) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/30) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/40) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/50) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/60) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/70) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/80) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-500\/90) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/10) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/20) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/30) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/40) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/50) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/60) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/70) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/80) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-600\/90) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/10) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/20) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/30) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/40) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/50) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/60) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/70) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/80) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-700\/90) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/10) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/20) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/30) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/40) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/50) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/60) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/70) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/80) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-800\/90) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/10) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/20) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/30) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/40) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/50) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/60) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/70) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/80) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-green-900\/90) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/10) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/20) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/30) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/40) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/50) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/60) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/70) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/80) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-50\/90) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/10) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/20) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/30) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/40) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/50) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/60) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/70) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/80) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-100\/90) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/10) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/20) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/30) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/40) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/50) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/60) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/70) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/80) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-200\/90) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/10) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/20) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/30) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/40) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/50) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/60) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/70) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/80) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-300\/90) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/10) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/20) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/30) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/40) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/50) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/60) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/70) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/80) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-400\/90) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/10) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/20) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/30) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/40) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/50) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/60) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/70) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/80) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-500\/90) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/10) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/20) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/30) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/40) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/50) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/60) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/70) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/80) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-600\/90) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/10) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/20) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/30) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/40) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/50) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/60) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/70) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/80) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-700\/90) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/10) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/20) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/30) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/40) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/50) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/60) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/70) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/80) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-800\/90) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/10) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/20) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/30) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/40) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/50) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/60) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/70) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/80) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-yellow-900\/90) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/10) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/20) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/30) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/40) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/50) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/60) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/70) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/80) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-50\/90) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/10) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/20) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/30) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/40) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/50) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/60) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/70) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/80) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-100\/90) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/10) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/20) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/30) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/40) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/50) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/60) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/70) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/80) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-200\/90) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/10) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/20) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/30) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/40) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/50) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/60) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/70) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/80) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-300\/90) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/10) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/20) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/30) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/40) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/50) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/60) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/70) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/80) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-400\/90) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/10) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/20) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/30) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/40) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/50) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/60) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/70) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/80) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-500\/90) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/10) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/20) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/30) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/40) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/50) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/60) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/70) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/80) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-600\/90) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/10) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/20) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/30) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/40) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/50) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/60) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/70) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/80) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-700\/90) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/10) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/20) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/30) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/40) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/50) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/60) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/70) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/80) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-800\/90) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/10) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/20) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/30) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/40) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/50) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/60) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/70) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/80) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-cyan-900\/90) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/10) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/20) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/30) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/40) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/50) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/60) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/70) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/80) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-50\/90) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/10) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/20) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/30) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/40) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/50) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/60) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/70) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/80) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-100\/90) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/10) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/20) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/30) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/40) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/50) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/60) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/70) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/80) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-200\/90) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/10) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/20) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/30) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/40) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/50) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/60) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/70) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/80) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-300\/90) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/10) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/20) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/30) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/40) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/50) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/60) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/70) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/80) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-400\/90) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/10) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/20) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/30) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/40) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/50) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/60) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/70) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/80) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-500\/90) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/10) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/20) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/30) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/40) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/50) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/60) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/70) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/80) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-600\/90) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/10) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/20) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/30) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/40) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/50) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/60) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/70) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/80) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-700\/90) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/10) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/20) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/30) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/40) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/50) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/60) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/70) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/80) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-800\/90) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/10) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/20) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/30) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/40) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/50) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/60) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/70) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/80) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-pink-900\/90) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/10) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/20) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/30) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/40) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/50) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/60) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/70) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/80) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-50\/90) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/10) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/20) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/30) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/40) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/50) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/60) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/70) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/80) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-100\/90) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/10) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/20) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/30) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/40) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/50) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/60) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/70) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/80) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-200\/90) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/10) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/20) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/30) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/40) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/50) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/60) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/70) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/80) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-300\/90) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/10) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/20) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/30) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/40) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/50) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/60) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/70) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/80) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-400\/90) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/10) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/20) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/30) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/40) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/50) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/60) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/70) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/80) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-500\/90) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/10) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/20) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/30) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/40) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/50) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/60) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/70) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/80) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-600\/90) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/10) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/20) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/30) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/40) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/50) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/60) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/70) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/80) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-700\/90) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/10) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/20) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/30) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/40) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/50) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/60) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/70) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/80) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-800\/90) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/10) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/20) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/30) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/40) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/50) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/60) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/70) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/80) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-indigo-900\/90) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/10) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/20) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/30) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/40) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/50) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/60) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/70) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/80) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-50\/90) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/10) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/20) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/30) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/40) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/50) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/60) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/70) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/80) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-100\/90) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/10) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/20) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/30) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/40) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/50) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/60) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/70) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/80) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-200\/90) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/10) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/20) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/30) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/40) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/50) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/60) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/70) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/80) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-300\/90) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/10) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/20) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/30) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/40) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/50) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/60) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/70) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/80) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-400\/90) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/10) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/20) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/30) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/40) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/50) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/60) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/70) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/80) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-500\/90) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/10) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/20) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/30) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/40) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/50) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/60) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/70) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/80) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-600\/90) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/10) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/20) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/30) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/40) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/50) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/60) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/70) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/80) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-700\/90) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/10) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/20) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/30) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/40) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/50) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/60) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/70) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/80) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-800\/90) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/10) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/20) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/30) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/40) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/50) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/60) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/70) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/80) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-teal-900\/90) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/10) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/20) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/30) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/40) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/50) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/60) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/70) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/80) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-50\/90) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/10) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/20) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/30) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/40) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/50) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/60) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/70) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/80) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-100\/90) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/10) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/20) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/30) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/40) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/50) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/60) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/70) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/80) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-200\/90) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/10) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/20) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/30) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/40) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/50) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/60) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/70) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/80) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-300\/90) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/10) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/20) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/30) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/40) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/50) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/60) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/70) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/80) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-400\/90) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/10) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/20) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/30) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/40) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/50) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/60) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/70) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/80) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-500\/90) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/10) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/20) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/30) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/40) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/50) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/60) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/70) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/80) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-600\/90) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/10) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/20) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/30) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/40) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/50) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/60) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/70) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/80) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-700\/90) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/10) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/20) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/30) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/40) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/50) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/60) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/70) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/80) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-800\/90) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/10) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/20) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/30) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/40) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/50) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/60) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/70) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/80) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-orange-900\/90) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/10) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/20) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/30) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/40) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/50) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/60) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/70) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/80) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-50\/90) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/10) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/20) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/30) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/40) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/50) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/60) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/70) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/80) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-100\/90) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/10) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/20) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/30) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/40) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/50) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/60) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/70) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/80) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-200\/90) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/10) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/20) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/30) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/40) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/50) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/60) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/70) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/80) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-300\/90) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/10) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/20) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/30) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/40) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/50) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/60) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/70) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/80) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-400\/90) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/10) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/20) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/30) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/40) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/50) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/60) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/70) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/80) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-500\/90) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/10) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/20) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/30) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/40) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/50) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/60) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/70) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/80) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-600\/90) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/10) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/20) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/30) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/40) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/50) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/60) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/70) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/80) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-700\/90) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/10) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/20) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/30) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/40) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/50) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/60) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/70) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/80) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-800\/90) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/10) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/20) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/30) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/40) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/50) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/60) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/70) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/80) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-bluegray-900\/90) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/10) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/20) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/30) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/40) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/50) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/60) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/70) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/80) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-50\/90) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/10) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/20) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/30) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/40) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/50) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/60) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/70) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/80) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-100\/90) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/10) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/20) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/30) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/40) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/50) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/60) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/70) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/80) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-200\/90) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/10) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/20) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/30) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/40) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/50) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/60) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/70) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/80) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-300\/90) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/10) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/20) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/30) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/40) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/50) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/60) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/70) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/80) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-400\/90) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/10) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/20) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/30) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/40) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/50) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/60) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/70) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/80) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-500\/90) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/10) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/20) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/30) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/40) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/50) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/60) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/70) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/80) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-600\/90) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/10) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/20) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/30) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/40) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/50) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/60) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/70) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/80) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-700\/90) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/10) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/20) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/30) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/40) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/50) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/60) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/70) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/80) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-800\/90) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/10) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/20) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/30) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/40) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/50) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/60) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/70) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/80) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-purple-900\/90) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/10) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/20) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/30) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/40) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/50) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/60) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/70) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/80) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-50\/90) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/10) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/20) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/30) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/40) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/50) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/60) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/70) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/80) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-100\/90) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/10) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/20) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/30) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/40) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/50) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/60) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/70) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/80) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-200\/90) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/10) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/20) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/30) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/40) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/50) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/60) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/70) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/80) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-300\/90) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/10) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/20) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/30) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/40) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/50) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/60) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/70) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/80) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-400\/90) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/10) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/20) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/30) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/40) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/50) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/60) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/70) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/80) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-500\/90) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/10) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/20) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/30) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/40) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/50) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/60) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/70) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/80) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-600\/90) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/10) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/20) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/30) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/40) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/50) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/60) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/70) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/80) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-700\/90) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/10) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/20) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/30) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/40) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/50) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/60) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/70) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/80) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-800\/90) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/10) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/20) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/30) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/40) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/50) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/60) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/70) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/80) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-red-900\/90) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/10) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/20) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/30) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/40) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/50) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/60) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/70) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/80) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-50\/90) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/10) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/20) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/30) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/40) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/50) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/60) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/70) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/80) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-100\/90) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/10) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/20) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/30) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/40) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/50) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/60) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/70) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/80) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-200\/90) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/10) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/20) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/30) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/40) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/50) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/60) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/70) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/80) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-300\/90) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/10) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/20) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/30) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/40) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/50) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/60) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/70) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/80) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-400\/90) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/10) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/20) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/30) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/40) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/50) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/60) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/70) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/80) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-500\/90) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/10) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/20) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/30) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/40) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/50) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/60) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/70) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/80) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-600\/90) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/10) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/20) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/30) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/40) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/50) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/60) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/70) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/80) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-700\/90) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/10) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/20) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/30) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/40) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/50) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/60) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/70) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/80) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-800\/90) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/10) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/20) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/30) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/40) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/50) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/60) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/70) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/80) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-gray-900\/90) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/10) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/20) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/30) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/40) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/50) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/60) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/70) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/80) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-0\/90) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/10) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/20) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/30) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/40) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/50) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/60) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/70) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/80) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-50\/90) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/10) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/20) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/30) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/40) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/50) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/60) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/70) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/80) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-100\/90) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/10) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/20) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/30) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/40) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/50) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/60) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/70) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/80) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-200\/90) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/10) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/20) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/30) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/40) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/50) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/60) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/70) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/80) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-300\/90) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/10) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/20) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/30) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/40) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/50) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/60) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/70) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/80) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-400\/90) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/10) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/20) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/30) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/40) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/50) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/60) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/70) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/80) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-500\/90) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/10) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/20) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/30) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/40) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/50) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/60) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/70) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/80) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-600\/90) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/10) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/20) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/30) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/40) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/50) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/60) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/70) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/80) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-700\/90) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/10) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/20) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/30) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/40) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/50) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/60) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/70) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/80) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-800\/90) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/10) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/20) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/30) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/40) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/50) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/60) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/70) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/80) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-surface-900\/90) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/10) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/20) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/30) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/40) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/50) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/60) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/70) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/80) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-50\/90) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/10) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/20) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/30) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/40) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/50) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/60) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/70) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/80) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-100\/90) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/10) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/20) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/30) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/40) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/50) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/60) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/70) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/80) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-200\/90) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/10) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/20) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/30) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/40) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/50) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/60) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/70) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/80) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-300\/90) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/10) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/20) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/30) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/40) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/50) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/60) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/70) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/80) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-400\/90) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/10) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/20) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/30) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/40) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/50) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/60) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/70) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/80) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-500\/90) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/10) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/20) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/30) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/40) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/50) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/60) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/70) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/80) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-600\/90) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/10) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/20) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/30) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/40) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/50) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/60) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/70) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/80) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-700\/90) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/10) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/20) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/30) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/40) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/50) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/60) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/70) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/80) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-800\/90) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/10) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/20) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/30) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/40) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/50) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/60) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/70) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/80) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-primary-900\/90) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50:focus) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50:hover) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50:active) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/10:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/10:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/10:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/20:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/20:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/20:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/30:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/30:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/30:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/40:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/40:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/40:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/50:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/50:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/50:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/60:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/60:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/60:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/70:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/70:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/70:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/80:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/80:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/80:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-50\/90:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-50\/90:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-50\/90:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100:focus) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100:hover) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100:active) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/10:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/10:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/10:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/20:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/20:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/20:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/30:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/30:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/30:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/40:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/40:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/40:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/50:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/50:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/50:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/60:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/60:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/60:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/70:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/70:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/70:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/80:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/80:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/80:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-100\/90:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-100\/90:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-100\/90:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200:focus) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200:hover) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200:active) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/10:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/10:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/10:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/20:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/20:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/20:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/30:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/30:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/30:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/40:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/40:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/40:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/50:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/50:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/50:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/60:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/60:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/60:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/70:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/70:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/70:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/80:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/80:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/80:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-200\/90:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-200\/90:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-200\/90:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300:focus) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300:hover) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300:active) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/10:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/10:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/10:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/20:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/20:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/20:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/30:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/30:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/30:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/40:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/40:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/40:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/50:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/50:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/50:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/60:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/60:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/60:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/70:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/70:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/70:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/80:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/80:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/80:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-300\/90:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-300\/90:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-300\/90:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400:focus) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400:hover) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400:active) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/10:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/10:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/10:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/20:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/20:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/20:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/30:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/30:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/30:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/40:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/40:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/40:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/50:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/50:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/50:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/60:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/60:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/60:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/70:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/70:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/70:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/80:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/80:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/80:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-400\/90:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-400\/90:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-400\/90:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500:focus) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500:hover) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500:active) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/10:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/10:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/10:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/20:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/20:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/20:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/30:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/30:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/30:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/40:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/40:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/40:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/50:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/50:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/50:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/60:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/60:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/60:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/70:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/70:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/70:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/80:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/80:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/80:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-500\/90:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-500\/90:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-500\/90:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600:focus) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600:hover) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600:active) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/10:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/10:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/10:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/20:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/20:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/20:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/30:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/30:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/30:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/40:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/40:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/40:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/50:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/50:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/50:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/60:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/60:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/60:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/70:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/70:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/70:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/80:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/80:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/80:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-600\/90:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-600\/90:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-600\/90:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700:focus) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700:hover) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700:active) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/10:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/10:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/10:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/20:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/20:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/20:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/30:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/30:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/30:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/40:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/40:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/40:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/50:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/50:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/50:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/60:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/60:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/60:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/70:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/70:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/70:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/80:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/80:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/80:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-700\/90:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-700\/90:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-700\/90:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800:focus) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800:hover) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800:active) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/10:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/10:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/10:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/20:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/20:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/20:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/30:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/30:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/30:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/40:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/40:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/40:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/50:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/50:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/50:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/60:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/60:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/60:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/70:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/70:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/70:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/80:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/80:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/80:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-800\/90:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-800\/90:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-800\/90:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900:focus) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900:hover) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900:active) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/10:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/10:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/10:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/20:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/20:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/20:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/30:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/30:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/30:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/40:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/40:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/40:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/50:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/50:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/50:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/60:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/60:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/60:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/70:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/70:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/70:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/80:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/80:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/80:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-blue-900\/90:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-blue-900\/90:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-blue-900\/90:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50:focus) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50:hover) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50:active) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/10:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/10:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/10:active) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/20:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/20:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/20:active) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/30:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/30:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/30:active) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/40:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/40:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/40:active) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/50:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/50:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/50:active) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/60:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/60:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/60:active) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/70:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/70:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/70:active) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/80:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/80:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/80:active) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-50\/90:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-50\/90:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-50\/90:active) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100:focus) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100:hover) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100:active) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/10:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/10:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/10:active) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/20:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/20:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/20:active) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/30:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/30:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/30:active) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/40:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/40:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/40:active) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/50:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/50:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/50:active) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/60:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/60:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/60:active) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/70:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/70:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/70:active) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/80:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/80:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/80:active) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-100\/90:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-100\/90:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-100\/90:active) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200:focus) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200:hover) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200:active) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/10:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/10:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/10:active) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/20:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/20:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/20:active) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/30:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/30:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/30:active) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/40:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/40:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/40:active) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/50:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/50:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/50:active) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/60:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/60:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/60:active) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/70:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/70:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/70:active) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/80:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/80:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/80:active) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-200\/90:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-200\/90:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-200\/90:active) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300:focus) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300:hover) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300:active) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/10:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/10:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/10:active) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/20:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/20:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/20:active) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/30:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/30:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/30:active) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/40:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/40:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/40:active) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/50:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/50:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/50:active) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/60:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/60:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/60:active) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/70:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/70:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/70:active) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/80:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/80:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/80:active) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-300\/90:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-300\/90:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-300\/90:active) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400:focus) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400:hover) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400:active) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/10:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/10:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/10:active) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/20:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/20:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/20:active) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/30:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/30:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/30:active) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/40:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/40:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/40:active) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/50:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/50:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/50:active) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/60:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/60:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/60:active) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/70:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/70:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/70:active) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/80:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/80:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/80:active) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-400\/90:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-400\/90:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-400\/90:active) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500:focus) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500:hover) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500:active) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/10:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/10:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/10:active) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/20:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/20:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/20:active) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/30:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/30:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/30:active) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/40:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/40:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/40:active) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/50:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/50:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/50:active) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/60:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/60:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/60:active) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/70:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/70:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/70:active) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/80:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/80:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/80:active) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-500\/90:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-500\/90:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-500\/90:active) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600:focus) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600:hover) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600:active) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/10:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/10:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/10:active) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/20:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/20:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/20:active) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/30:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/30:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/30:active) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/40:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/40:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/40:active) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/50:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/50:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/50:active) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/60:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/60:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/60:active) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/70:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/70:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/70:active) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/80:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/80:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/80:active) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-600\/90:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-600\/90:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-600\/90:active) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700:focus) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700:hover) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700:active) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/10:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/10:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/10:active) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/20:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/20:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/20:active) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/30:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/30:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/30:active) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/40:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/40:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/40:active) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/50:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/50:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/50:active) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/60:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/60:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/60:active) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/70:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/70:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/70:active) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/80:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/80:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/80:active) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-700\/90:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-700\/90:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-700\/90:active) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800:focus) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800:hover) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800:active) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/10:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/10:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/10:active) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/20:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/20:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/20:active) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/30:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/30:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/30:active) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/40:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/40:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/40:active) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/50:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/50:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/50:active) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/60:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/60:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/60:active) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/70:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/70:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/70:active) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/80:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/80:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/80:active) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-800\/90:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-800\/90:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-800\/90:active) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900:focus) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900:hover) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900:active) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/10:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/10:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/10:active) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/20:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/20:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/20:active) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/30:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/30:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/30:active) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/40:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/40:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/40:active) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/50:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/50:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/50:active) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/60:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/60:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/60:active) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/70:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/70:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/70:active) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/80:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/80:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/80:active) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-green-900\/90:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-green-900\/90:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-green-900\/90:active) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50:focus) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50:hover) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50:active) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/10:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/20:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/30:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/40:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/50:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/60:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/70:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/80:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-50\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-50\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-50\/90:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100:focus) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100:hover) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100:active) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/10:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/20:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/30:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/40:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/50:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/60:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/70:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/80:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-100\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-100\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-100\/90:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200:focus) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200:hover) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200:active) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/10:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/20:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/30:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/40:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/50:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/60:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/70:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/80:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-200\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-200\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-200\/90:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300:focus) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300:hover) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300:active) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/10:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/20:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/30:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/40:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/50:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/60:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/70:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/80:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-300\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-300\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-300\/90:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400:focus) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400:hover) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400:active) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/10:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/20:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/30:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/40:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/50:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/60:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/70:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/80:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-400\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-400\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-400\/90:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500:focus) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500:hover) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500:active) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/10:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/20:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/30:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/40:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/50:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/60:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/70:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/80:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-500\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-500\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-500\/90:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600:focus) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600:hover) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600:active) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/10:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/20:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/30:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/40:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/50:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/60:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/70:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/80:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-600\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-600\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-600\/90:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700:focus) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700:hover) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700:active) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/10:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/20:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/30:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/40:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/50:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/60:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/70:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/80:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-700\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-700\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-700\/90:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800:focus) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800:hover) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800:active) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/10:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/20:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/30:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/40:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/50:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/60:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/70:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/80:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-800\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-800\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-800\/90:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900:focus) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900:hover) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900:active) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/10:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/20:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/30:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/40:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/50:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/60:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/70:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/80:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-yellow-900\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-yellow-900\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-yellow-900\/90:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50:focus) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50:hover) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50:active) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/10:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/20:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/30:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/40:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/50:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/60:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/70:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/80:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-50\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-50\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-50\/90:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100:focus) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100:hover) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100:active) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/10:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/20:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/30:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/40:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/50:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/60:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/70:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/80:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-100\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-100\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-100\/90:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200:focus) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200:hover) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200:active) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/10:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/20:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/30:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/40:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/50:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/60:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/70:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/80:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-200\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-200\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-200\/90:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300:focus) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300:hover) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300:active) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/10:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/20:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/30:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/40:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/50:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/60:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/70:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/80:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-300\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-300\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-300\/90:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400:focus) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400:hover) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400:active) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/10:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/20:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/30:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/40:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/50:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/60:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/70:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/80:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-400\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-400\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-400\/90:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500:focus) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500:hover) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500:active) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/10:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/20:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/30:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/40:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/50:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/60:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/70:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/80:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-500\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-500\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-500\/90:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600:focus) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600:hover) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600:active) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/10:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/20:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/30:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/40:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/50:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/60:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/70:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/80:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-600\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-600\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-600\/90:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700:focus) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700:hover) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700:active) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/10:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/20:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/30:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/40:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/50:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/60:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/70:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/80:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-700\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-700\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-700\/90:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800:focus) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800:hover) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800:active) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/10:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/20:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/30:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/40:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/50:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/60:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/70:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/80:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-800\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-800\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-800\/90:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900:focus) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900:hover) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900:active) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/10:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/20:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/30:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/40:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/50:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/60:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/70:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/80:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-cyan-900\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-cyan-900\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-cyan-900\/90:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50:focus) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50:hover) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50:active) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/10:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/10:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/10:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/20:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/20:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/20:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/30:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/30:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/30:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/40:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/40:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/40:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/50:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/50:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/50:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/60:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/60:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/60:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/70:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/70:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/70:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/80:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/80:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/80:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-50\/90:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-50\/90:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-50\/90:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100:focus) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100:hover) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100:active) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/10:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/10:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/10:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/20:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/20:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/20:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/30:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/30:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/30:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/40:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/40:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/40:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/50:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/50:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/50:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/60:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/60:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/60:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/70:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/70:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/70:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/80:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/80:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/80:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-100\/90:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-100\/90:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-100\/90:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200:focus) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200:hover) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200:active) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/10:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/10:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/10:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/20:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/20:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/20:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/30:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/30:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/30:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/40:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/40:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/40:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/50:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/50:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/50:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/60:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/60:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/60:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/70:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/70:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/70:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/80:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/80:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/80:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-200\/90:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-200\/90:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-200\/90:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300:focus) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300:hover) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300:active) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/10:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/10:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/10:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/20:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/20:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/20:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/30:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/30:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/30:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/40:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/40:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/40:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/50:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/50:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/50:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/60:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/60:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/60:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/70:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/70:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/70:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/80:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/80:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/80:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-300\/90:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-300\/90:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-300\/90:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400:focus) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400:hover) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400:active) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/10:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/10:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/10:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/20:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/20:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/20:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/30:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/30:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/30:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/40:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/40:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/40:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/50:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/50:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/50:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/60:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/60:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/60:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/70:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/70:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/70:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/80:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/80:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/80:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-400\/90:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-400\/90:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-400\/90:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500:focus) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500:hover) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500:active) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/10:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/10:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/10:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/20:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/20:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/20:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/30:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/30:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/30:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/40:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/40:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/40:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/50:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/50:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/50:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/60:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/60:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/60:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/70:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/70:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/70:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/80:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/80:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/80:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-500\/90:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-500\/90:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-500\/90:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600:focus) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600:hover) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600:active) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/10:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/10:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/10:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/20:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/20:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/20:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/30:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/30:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/30:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/40:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/40:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/40:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/50:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/50:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/50:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/60:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/60:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/60:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/70:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/70:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/70:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/80:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/80:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/80:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-600\/90:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-600\/90:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-600\/90:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700:focus) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700:hover) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700:active) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/10:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/10:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/10:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/20:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/20:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/20:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/30:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/30:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/30:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/40:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/40:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/40:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/50:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/50:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/50:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/60:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/60:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/60:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/70:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/70:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/70:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/80:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/80:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/80:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-700\/90:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-700\/90:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-700\/90:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800:focus) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800:hover) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800:active) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/10:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/10:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/10:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/20:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/20:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/20:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/30:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/30:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/30:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/40:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/40:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/40:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/50:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/50:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/50:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/60:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/60:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/60:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/70:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/70:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/70:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/80:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/80:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/80:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-800\/90:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-800\/90:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-800\/90:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900:focus) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900:hover) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900:active) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/10:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/10:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/10:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/20:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/20:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/20:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/30:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/30:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/30:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/40:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/40:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/40:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/50:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/50:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/50:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/60:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/60:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/60:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/70:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/70:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/70:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/80:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/80:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/80:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-pink-900\/90:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-pink-900\/90:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-pink-900\/90:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50:focus) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50:hover) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50:active) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/10:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/20:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/30:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/40:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/50:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/60:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/70:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/80:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-50\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-50\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-50\/90:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100:focus) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100:hover) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100:active) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/10:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/20:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/30:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/40:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/50:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/60:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/70:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/80:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-100\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-100\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-100\/90:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200:focus) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200:hover) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200:active) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/10:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/20:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/30:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/40:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/50:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/60:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/70:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/80:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-200\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-200\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-200\/90:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300:focus) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300:hover) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300:active) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/10:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/20:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/30:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/40:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/50:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/60:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/70:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/80:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-300\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-300\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-300\/90:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400:focus) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400:hover) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400:active) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/10:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/20:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/30:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/40:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/50:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/60:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/70:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/80:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-400\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-400\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-400\/90:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500:focus) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500:hover) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500:active) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/10:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/20:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/30:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/40:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/50:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/60:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/70:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/80:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-500\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-500\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-500\/90:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600:focus) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600:hover) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600:active) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/10:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/20:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/30:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/40:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/50:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/60:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/70:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/80:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-600\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-600\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-600\/90:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700:focus) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700:hover) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700:active) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/10:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/20:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/30:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/40:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/50:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/60:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/70:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/80:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-700\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-700\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-700\/90:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800:focus) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800:hover) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800:active) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/10:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/20:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/30:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/40:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/50:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/60:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/70:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/80:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-800\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-800\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-800\/90:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900:focus) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900:hover) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900:active) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/10:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/20:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/30:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/40:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/50:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/60:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/70:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/80:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-indigo-900\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-indigo-900\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-indigo-900\/90:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50:focus) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50:hover) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50:active) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/10:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/10:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/10:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/20:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/20:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/20:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/30:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/30:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/30:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/40:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/40:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/40:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/50:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/50:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/50:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/60:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/60:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/60:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/70:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/70:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/70:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/80:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/80:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/80:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-50\/90:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-50\/90:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-50\/90:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100:focus) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100:hover) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100:active) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/10:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/10:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/10:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/20:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/20:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/20:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/30:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/30:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/30:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/40:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/40:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/40:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/50:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/50:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/50:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/60:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/60:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/60:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/70:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/70:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/70:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/80:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/80:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/80:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-100\/90:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-100\/90:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-100\/90:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200:focus) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200:hover) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200:active) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/10:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/10:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/10:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/20:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/20:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/20:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/30:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/30:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/30:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/40:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/40:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/40:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/50:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/50:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/50:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/60:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/60:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/60:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/70:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/70:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/70:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/80:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/80:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/80:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-200\/90:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-200\/90:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-200\/90:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300:focus) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300:hover) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300:active) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/10:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/10:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/10:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/20:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/20:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/20:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/30:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/30:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/30:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/40:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/40:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/40:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/50:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/50:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/50:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/60:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/60:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/60:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/70:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/70:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/70:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/80:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/80:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/80:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-300\/90:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-300\/90:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-300\/90:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400:focus) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400:hover) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400:active) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/10:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/10:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/10:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/20:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/20:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/20:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/30:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/30:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/30:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/40:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/40:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/40:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/50:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/50:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/50:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/60:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/60:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/60:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/70:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/70:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/70:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/80:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/80:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/80:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-400\/90:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-400\/90:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-400\/90:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500:focus) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500:hover) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500:active) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/10:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/10:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/10:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/20:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/20:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/20:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/30:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/30:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/30:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/40:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/40:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/40:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/50:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/50:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/50:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/60:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/60:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/60:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/70:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/70:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/70:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/80:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/80:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/80:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-500\/90:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-500\/90:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-500\/90:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600:focus) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600:hover) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600:active) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/10:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/10:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/10:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/20:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/20:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/20:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/30:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/30:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/30:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/40:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/40:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/40:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/50:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/50:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/50:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/60:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/60:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/60:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/70:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/70:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/70:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/80:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/80:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/80:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-600\/90:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-600\/90:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-600\/90:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700:focus) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700:hover) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700:active) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/10:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/10:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/10:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/20:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/20:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/20:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/30:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/30:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/30:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/40:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/40:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/40:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/50:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/50:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/50:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/60:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/60:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/60:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/70:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/70:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/70:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/80:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/80:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/80:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-700\/90:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-700\/90:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-700\/90:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800:focus) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800:hover) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800:active) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/10:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/10:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/10:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/20:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/20:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/20:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/30:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/30:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/30:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/40:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/40:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/40:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/50:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/50:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/50:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/60:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/60:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/60:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/70:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/70:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/70:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/80:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/80:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/80:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-800\/90:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-800\/90:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-800\/90:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900:focus) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900:hover) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900:active) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/10:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/10:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/10:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/20:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/20:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/20:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/30:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/30:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/30:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/40:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/40:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/40:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/50:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/50:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/50:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/60:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/60:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/60:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/70:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/70:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/70:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/80:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/80:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/80:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-teal-900\/90:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-teal-900\/90:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-teal-900\/90:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50:focus) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50:hover) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50:active) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/10:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/10:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/10:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/20:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/20:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/20:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/30:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/30:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/30:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/40:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/40:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/40:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/50:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/50:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/50:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/60:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/60:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/60:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/70:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/70:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/70:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/80:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/80:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/80:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-50\/90:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-50\/90:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-50\/90:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100:focus) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100:hover) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100:active) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/10:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/10:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/10:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/20:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/20:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/20:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/30:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/30:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/30:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/40:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/40:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/40:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/50:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/50:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/50:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/60:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/60:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/60:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/70:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/70:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/70:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/80:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/80:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/80:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-100\/90:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-100\/90:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-100\/90:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200:focus) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200:hover) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200:active) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/10:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/10:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/10:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/20:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/20:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/20:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/30:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/30:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/30:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/40:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/40:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/40:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/50:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/50:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/50:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/60:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/60:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/60:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/70:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/70:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/70:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/80:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/80:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/80:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-200\/90:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-200\/90:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-200\/90:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300:focus) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300:hover) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300:active) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/10:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/10:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/10:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/20:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/20:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/20:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/30:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/30:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/30:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/40:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/40:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/40:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/50:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/50:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/50:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/60:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/60:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/60:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/70:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/70:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/70:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/80:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/80:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/80:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-300\/90:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-300\/90:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-300\/90:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400:focus) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400:hover) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400:active) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/10:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/10:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/10:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/20:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/20:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/20:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/30:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/30:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/30:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/40:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/40:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/40:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/50:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/50:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/50:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/60:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/60:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/60:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/70:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/70:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/70:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/80:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/80:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/80:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-400\/90:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-400\/90:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-400\/90:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500:focus) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500:hover) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500:active) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/10:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/10:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/10:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/20:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/20:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/20:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/30:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/30:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/30:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/40:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/40:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/40:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/50:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/50:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/50:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/60:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/60:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/60:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/70:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/70:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/70:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/80:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/80:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/80:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-500\/90:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-500\/90:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-500\/90:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600:focus) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600:hover) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600:active) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/10:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/10:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/10:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/20:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/20:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/20:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/30:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/30:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/30:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/40:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/40:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/40:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/50:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/50:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/50:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/60:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/60:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/60:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/70:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/70:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/70:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/80:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/80:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/80:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-600\/90:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-600\/90:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-600\/90:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700:focus) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700:hover) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700:active) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/10:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/10:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/10:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/20:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/20:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/20:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/30:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/30:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/30:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/40:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/40:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/40:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/50:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/50:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/50:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/60:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/60:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/60:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/70:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/70:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/70:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/80:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/80:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/80:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-700\/90:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-700\/90:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-700\/90:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800:focus) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800:hover) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800:active) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/10:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/10:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/10:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/20:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/20:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/20:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/30:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/30:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/30:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/40:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/40:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/40:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/50:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/50:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/50:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/60:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/60:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/60:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/70:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/70:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/70:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/80:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/80:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/80:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-800\/90:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-800\/90:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-800\/90:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900:focus) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900:hover) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900:active) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/10:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/10:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/10:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/20:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/20:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/20:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/30:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/30:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/30:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/40:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/40:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/40:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/50:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/50:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/50:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/60:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/60:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/60:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/70:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/70:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/70:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/80:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/80:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/80:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-orange-900\/90:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-orange-900\/90:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-orange-900\/90:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50:focus) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50:hover) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50:active) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-50\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-50\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-50\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100:focus) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100:hover) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100:active) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-100\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-100\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-100\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200:focus) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200:hover) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200:active) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-200\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-200\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-200\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300:focus) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300:hover) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300:active) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-300\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-300\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-300\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400:focus) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400:hover) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400:active) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-400\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-400\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-400\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500:focus) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500:hover) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500:active) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-500\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-500\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-500\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600:focus) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600:hover) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600:active) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-600\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-600\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-600\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700:focus) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700:hover) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700:active) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-700\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-700\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-700\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800:focus) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800:hover) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800:active) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-800\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-800\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-800\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900:focus) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900:hover) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900:active) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-bluegray-900\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-bluegray-900\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-bluegray-900\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50:focus) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50:hover) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50:active) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/10:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/10:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/10:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/20:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/20:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/20:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/30:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/30:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/30:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/40:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/40:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/40:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/50:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/50:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/50:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/60:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/60:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/60:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/70:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/70:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/70:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/80:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/80:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/80:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-50\/90:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-50\/90:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-50\/90:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100:focus) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100:hover) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100:active) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/10:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/10:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/10:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/20:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/20:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/20:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/30:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/30:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/30:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/40:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/40:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/40:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/50:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/50:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/50:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/60:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/60:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/60:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/70:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/70:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/70:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/80:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/80:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/80:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-100\/90:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-100\/90:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-100\/90:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200:focus) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200:hover) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200:active) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/10:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/10:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/10:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/20:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/20:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/20:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/30:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/30:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/30:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/40:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/40:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/40:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/50:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/50:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/50:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/60:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/60:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/60:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/70:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/70:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/70:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/80:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/80:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/80:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-200\/90:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-200\/90:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-200\/90:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300:focus) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300:hover) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300:active) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/10:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/10:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/10:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/20:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/20:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/20:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/30:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/30:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/30:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/40:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/40:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/40:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/50:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/50:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/50:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/60:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/60:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/60:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/70:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/70:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/70:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/80:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/80:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/80:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-300\/90:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-300\/90:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-300\/90:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400:focus) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400:hover) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400:active) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/10:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/10:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/10:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/20:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/20:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/20:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/30:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/30:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/30:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/40:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/40:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/40:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/50:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/50:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/50:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/60:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/60:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/60:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/70:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/70:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/70:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/80:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/80:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/80:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-400\/90:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-400\/90:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-400\/90:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500:focus) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500:hover) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500:active) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/10:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/10:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/10:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/20:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/20:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/20:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/30:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/30:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/30:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/40:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/40:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/40:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/50:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/50:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/50:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/60:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/60:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/60:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/70:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/70:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/70:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/80:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/80:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/80:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-500\/90:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-500\/90:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-500\/90:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600:focus) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600:hover) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600:active) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/10:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/10:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/10:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/20:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/20:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/20:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/30:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/30:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/30:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/40:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/40:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/40:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/50:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/50:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/50:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/60:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/60:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/60:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/70:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/70:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/70:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/80:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/80:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/80:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-600\/90:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-600\/90:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-600\/90:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700:focus) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700:hover) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700:active) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/10:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/10:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/10:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/20:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/20:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/20:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/30:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/30:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/30:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/40:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/40:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/40:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/50:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/50:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/50:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/60:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/60:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/60:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/70:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/70:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/70:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/80:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/80:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/80:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-700\/90:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-700\/90:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-700\/90:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800:focus) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800:hover) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800:active) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/10:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/10:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/10:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/20:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/20:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/20:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/30:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/30:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/30:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/40:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/40:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/40:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/50:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/50:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/50:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/60:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/60:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/60:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/70:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/70:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/70:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/80:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/80:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/80:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-800\/90:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-800\/90:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-800\/90:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900:focus) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900:hover) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900:active) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/10:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/10:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/10:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/20:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/20:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/20:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/30:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/30:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/30:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/40:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/40:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/40:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/50:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/50:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/50:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/60:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/60:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/60:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/70:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/70:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/70:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/80:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/80:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/80:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-purple-900\/90:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-purple-900\/90:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-purple-900\/90:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50:focus) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50:hover) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50:active) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/10:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/10:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/10:active) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/20:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/20:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/20:active) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/30:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/30:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/30:active) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/40:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/40:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/40:active) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/50:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/50:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/50:active) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/60:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/60:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/60:active) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/70:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/70:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/70:active) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/80:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/80:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/80:active) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-50\/90:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-50\/90:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-50\/90:active) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100:focus) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100:hover) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100:active) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/10:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/10:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/10:active) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/20:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/20:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/20:active) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/30:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/30:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/30:active) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/40:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/40:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/40:active) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/50:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/50:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/50:active) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/60:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/60:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/60:active) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/70:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/70:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/70:active) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/80:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/80:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/80:active) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-100\/90:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-100\/90:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-100\/90:active) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200:focus) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200:hover) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200:active) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/10:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/10:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/10:active) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/20:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/20:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/20:active) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/30:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/30:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/30:active) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/40:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/40:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/40:active) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/50:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/50:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/50:active) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/60:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/60:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/60:active) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/70:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/70:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/70:active) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/80:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/80:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/80:active) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-200\/90:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-200\/90:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-200\/90:active) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300:focus) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300:hover) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300:active) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/10:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/10:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/10:active) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/20:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/20:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/20:active) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/30:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/30:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/30:active) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/40:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/40:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/40:active) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/50:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/50:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/50:active) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/60:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/60:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/60:active) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/70:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/70:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/70:active) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/80:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/80:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/80:active) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-300\/90:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-300\/90:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-300\/90:active) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400:focus) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400:hover) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400:active) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/10:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/10:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/10:active) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/20:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/20:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/20:active) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/30:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/30:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/30:active) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/40:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/40:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/40:active) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/50:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/50:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/50:active) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/60:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/60:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/60:active) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/70:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/70:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/70:active) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/80:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/80:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/80:active) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-400\/90:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-400\/90:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-400\/90:active) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500:focus) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500:hover) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500:active) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/10:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/10:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/10:active) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/20:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/20:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/20:active) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/30:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/30:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/30:active) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/40:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/40:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/40:active) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/50:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/50:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/50:active) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/60:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/60:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/60:active) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/70:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/70:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/70:active) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/80:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/80:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/80:active) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-500\/90:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-500\/90:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-500\/90:active) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600:focus) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600:hover) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600:active) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/10:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/10:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/10:active) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/20:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/20:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/20:active) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/30:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/30:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/30:active) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/40:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/40:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/40:active) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/50:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/50:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/50:active) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/60:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/60:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/60:active) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/70:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/70:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/70:active) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/80:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/80:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/80:active) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-600\/90:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-600\/90:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-600\/90:active) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700:focus) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700:hover) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700:active) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/10:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/10:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/10:active) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/20:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/20:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/20:active) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/30:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/30:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/30:active) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/40:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/40:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/40:active) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/50:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/50:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/50:active) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/60:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/60:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/60:active) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/70:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/70:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/70:active) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/80:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/80:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/80:active) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-700\/90:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-700\/90:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-700\/90:active) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800:focus) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800:hover) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800:active) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/10:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/10:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/10:active) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/20:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/20:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/20:active) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/30:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/30:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/30:active) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/40:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/40:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/40:active) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/50:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/50:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/50:active) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/60:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/60:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/60:active) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/70:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/70:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/70:active) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/80:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/80:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/80:active) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-800\/90:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-800\/90:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-800\/90:active) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900:focus) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900:hover) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900:active) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/10:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/10:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/10:active) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/20:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/20:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/20:active) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/30:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/30:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/30:active) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/40:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/40:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/40:active) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/50:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/50:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/50:active) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/60:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/60:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/60:active) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/70:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/70:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/70:active) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/80:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/80:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/80:active) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-red-900\/90:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-red-900\/90:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-red-900\/90:active) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50:focus) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50:hover) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50:active) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/10:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/10:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/10:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/20:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/20:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/20:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/30:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/30:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/30:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/40:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/40:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/40:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/50:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/50:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/50:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/60:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/60:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/60:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/70:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/70:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/70:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/80:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/80:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/80:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-50\/90:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-50\/90:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-50\/90:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100:focus) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100:hover) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100:active) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/10:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/10:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/10:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/20:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/20:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/20:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/30:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/30:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/30:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/40:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/40:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/40:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/50:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/50:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/50:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/60:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/60:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/60:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/70:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/70:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/70:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/80:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/80:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/80:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-100\/90:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-100\/90:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-100\/90:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200:focus) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200:hover) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200:active) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/10:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/10:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/10:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/20:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/20:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/20:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/30:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/30:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/30:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/40:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/40:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/40:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/50:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/50:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/50:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/60:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/60:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/60:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/70:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/70:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/70:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/80:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/80:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/80:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-200\/90:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-200\/90:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-200\/90:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300:focus) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300:hover) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300:active) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/10:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/10:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/10:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/20:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/20:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/20:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/30:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/30:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/30:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/40:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/40:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/40:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/50:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/50:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/50:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/60:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/60:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/60:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/70:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/70:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/70:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/80:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/80:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/80:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-300\/90:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-300\/90:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-300\/90:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400:focus) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400:hover) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400:active) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/10:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/10:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/10:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/20:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/20:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/20:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/30:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/30:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/30:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/40:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/40:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/40:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/50:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/50:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/50:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/60:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/60:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/60:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/70:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/70:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/70:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/80:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/80:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/80:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-400\/90:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-400\/90:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-400\/90:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500:focus) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500:hover) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500:active) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/10:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/10:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/10:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/20:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/20:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/20:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/30:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/30:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/30:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/40:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/40:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/40:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/50:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/50:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/50:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/60:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/60:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/60:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/70:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/70:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/70:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/80:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/80:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/80:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-500\/90:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-500\/90:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-500\/90:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600:focus) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600:hover) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600:active) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/10:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/10:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/10:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/20:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/20:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/20:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/30:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/30:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/30:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/40:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/40:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/40:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/50:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/50:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/50:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/60:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/60:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/60:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/70:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/70:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/70:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/80:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/80:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/80:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-600\/90:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-600\/90:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-600\/90:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700:focus) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700:hover) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700:active) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/10:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/10:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/10:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/20:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/20:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/20:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/30:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/30:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/30:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/40:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/40:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/40:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/50:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/50:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/50:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/60:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/60:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/60:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/70:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/70:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/70:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/80:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/80:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/80:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-700\/90:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-700\/90:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-700\/90:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800:focus) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800:hover) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800:active) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/10:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/10:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/10:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/20:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/20:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/20:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/30:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/30:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/30:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/40:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/40:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/40:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/50:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/50:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/50:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/60:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/60:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/60:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/70:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/70:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/70:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/80:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/80:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/80:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-800\/90:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-800\/90:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-800\/90:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900:focus) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900:hover) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900:active) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/10:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/10:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/10:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/20:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/20:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/20:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/30:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/30:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/30:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/40:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/40:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/40:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/50:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/50:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/50:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/60:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/60:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/60:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/70:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/70:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/70:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/80:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/80:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/80:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-gray-900\/90:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-gray-900\/90:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-gray-900\/90:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0:focus) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0:hover) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0:active) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/10:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/10:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/10:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/20:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/20:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/20:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/30:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/30:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/30:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/40:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/40:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/40:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/50:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/50:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/50:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/60:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/60:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/60:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/70:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/70:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/70:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/80:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/80:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/80:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-0\/90:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-0\/90:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-0\/90:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50:focus) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50:hover) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50:active) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/10:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/10:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/10:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/20:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/20:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/20:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/30:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/30:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/30:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/40:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/40:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/40:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/50:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/50:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/50:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/60:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/60:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/60:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/70:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/70:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/70:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/80:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/80:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/80:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-50\/90:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-50\/90:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-50\/90:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100:focus) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100:hover) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100:active) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/10:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/10:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/10:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/20:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/20:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/20:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/30:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/30:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/30:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/40:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/40:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/40:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/50:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/50:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/50:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/60:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/60:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/60:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/70:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/70:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/70:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/80:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/80:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/80:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-100\/90:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-100\/90:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-100\/90:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200:focus) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200:hover) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200:active) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/10:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/10:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/10:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/20:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/20:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/20:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/30:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/30:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/30:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/40:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/40:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/40:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/50:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/50:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/50:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/60:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/60:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/60:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/70:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/70:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/70:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/80:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/80:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/80:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-200\/90:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-200\/90:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-200\/90:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300:focus) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300:hover) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300:active) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/10:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/10:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/10:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/20:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/20:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/20:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/30:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/30:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/30:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/40:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/40:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/40:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/50:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/50:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/50:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/60:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/60:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/60:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/70:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/70:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/70:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/80:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/80:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/80:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-300\/90:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-300\/90:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-300\/90:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400:focus) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400:hover) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400:active) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/10:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/10:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/10:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/20:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/20:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/20:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/30:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/30:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/30:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/40:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/40:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/40:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/50:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/50:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/50:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/60:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/60:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/60:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/70:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/70:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/70:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/80:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/80:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/80:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-400\/90:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-400\/90:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-400\/90:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500:focus) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500:hover) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500:active) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/10:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/10:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/10:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/20:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/20:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/20:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/30:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/30:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/30:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/40:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/40:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/40:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/50:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/50:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/50:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/60:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/60:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/60:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/70:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/70:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/70:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/80:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/80:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/80:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-500\/90:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-500\/90:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-500\/90:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600:focus) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600:hover) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600:active) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/10:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/10:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/10:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/20:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/20:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/20:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/30:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/30:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/30:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/40:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/40:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/40:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/50:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/50:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/50:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/60:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/60:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/60:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/70:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/70:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/70:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/80:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/80:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/80:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-600\/90:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-600\/90:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-600\/90:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700:focus) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700:hover) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700:active) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/10:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/10:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/10:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/20:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/20:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/20:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/30:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/30:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/30:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/40:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/40:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/40:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/50:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/50:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/50:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/60:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/60:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/60:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/70:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/70:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/70:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/80:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/80:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/80:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-700\/90:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-700\/90:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-700\/90:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800:focus) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800:hover) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800:active) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/10:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/10:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/10:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/20:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/20:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/20:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/30:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/30:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/30:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/40:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/40:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/40:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/50:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/50:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/50:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/60:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/60:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/60:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/70:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/70:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/70:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/80:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/80:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/80:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-800\/90:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-800\/90:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-800\/90:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900:focus) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900:hover) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900:active) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/10:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/10:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/10:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/20:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/20:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/20:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/30:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/30:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/30:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/40:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/40:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/40:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/50:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/50:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/50:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/60:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/60:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/60:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/70:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/70:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/70:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/80:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/80:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/80:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-surface-900\/90:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-surface-900\/90:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-surface-900\/90:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50:focus) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50:hover) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50:active) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/10:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/10:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/10:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/20:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/20:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/20:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/30:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/30:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/30:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/40:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/40:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/40:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/50:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/50:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/50:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/60:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/60:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/60:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/70:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/70:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/70:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/80:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/80:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/80:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-50\/90:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-50\/90:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-50\/90:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100:focus) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100:hover) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100:active) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/10:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/10:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/10:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/20:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/20:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/20:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/30:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/30:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/30:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/40:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/40:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/40:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/50:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/50:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/50:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/60:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/60:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/60:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/70:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/70:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/70:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/80:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/80:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/80:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-100\/90:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-100\/90:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-100\/90:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200:focus) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200:hover) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200:active) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/10:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/10:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/10:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/20:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/20:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/20:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/30:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/30:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/30:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/40:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/40:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/40:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/50:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/50:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/50:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/60:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/60:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/60:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/70:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/70:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/70:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/80:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/80:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/80:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-200\/90:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-200\/90:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-200\/90:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300:focus) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300:hover) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300:active) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/10:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/10:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/10:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/20:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/20:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/20:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/30:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/30:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/30:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/40:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/40:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/40:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/50:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/50:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/50:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/60:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/60:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/60:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/70:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/70:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/70:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/80:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/80:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/80:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-300\/90:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-300\/90:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-300\/90:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400:focus) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400:hover) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400:active) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/10:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/10:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/10:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/20:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/20:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/20:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/30:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/30:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/30:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/40:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/40:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/40:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/50:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/50:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/50:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/60:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/60:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/60:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/70:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/70:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/70:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/80:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/80:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/80:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-400\/90:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-400\/90:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-400\/90:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500:focus) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500:hover) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500:active) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/10:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/10:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/10:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/20:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/20:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/20:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/30:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/30:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/30:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/40:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/40:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/40:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/50:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/50:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/50:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/60:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/60:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/60:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/70:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/70:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/70:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/80:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/80:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/80:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-500\/90:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-500\/90:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-500\/90:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600:focus) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600:hover) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600:active) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/10:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/10:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/10:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/20:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/20:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/20:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/30:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/30:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/30:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/40:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/40:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/40:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/50:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/50:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/50:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/60:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/60:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/60:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/70:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/70:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/70:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/80:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/80:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/80:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-600\/90:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-600\/90:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-600\/90:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700:focus) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700:hover) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700:active) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/10:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/10:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/10:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/20:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/20:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/20:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/30:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/30:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/30:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/40:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/40:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/40:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/50:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/50:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/50:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/60:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/60:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/60:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/70:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/70:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/70:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/80:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/80:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/80:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-700\/90:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-700\/90:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-700\/90:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800:focus) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800:hover) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800:active) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/10:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/10:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/10:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/20:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/20:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/20:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/30:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/30:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/30:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/40:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/40:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/40:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/50:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/50:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/50:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/60:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/60:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/60:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/70:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/70:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/70:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/80:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/80:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/80:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-800\/90:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-800\/90:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-800\/90:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900:focus) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900:hover) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900:active) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/10:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/10:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/10:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/20:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/20:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/20:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/30:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/30:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/30:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/40:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/40:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/40:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/50:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/50:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/50:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/60:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/60:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/60:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/70:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/70:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/70:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/80:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/80:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/80:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-primary-900\/90:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-primary-900\/90:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-primary-900\/90:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/10) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/20) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/30) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/40) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/50) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/60) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/70) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/80) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-50\/90) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/10) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/20) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/30) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/40) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/50) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/60) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/70) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/80) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-100\/90) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/10) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/20) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/30) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/40) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/50) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/60) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/70) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/80) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-200\/90) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/10) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/20) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/30) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/40) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/50) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/60) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/70) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/80) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-300\/90) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/10) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/20) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/30) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/40) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/50) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/60) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/70) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/80) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-400\/90) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/10) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/20) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/30) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/40) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/50) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/60) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/70) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/80) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-500\/90) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/10) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/20) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/30) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/40) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/50) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/60) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/70) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/80) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-600\/90) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/10) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/20) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/30) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/40) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/50) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/60) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/70) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/80) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-700\/90) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/10) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/20) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/30) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/40) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/50) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/60) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/70) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/80) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-800\/90) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/10) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/20) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/30) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/40) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/50) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/60) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/70) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/80) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-blue-900\/90) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/10) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/20) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/30) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/40) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/50) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/60) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/70) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/80) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-50\/90) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/10) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/20) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/30) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/40) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/50) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/60) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/70) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/80) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-100\/90) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/10) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/20) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/30) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/40) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/50) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/60) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/70) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/80) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-200\/90) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/10) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/20) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/30) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/40) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/50) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/60) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/70) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/80) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-300\/90) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/10) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/20) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/30) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/40) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/50) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/60) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/70) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/80) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-400\/90) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/10) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/20) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/30) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/40) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/50) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/60) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/70) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/80) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-500\/90) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/10) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/20) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/30) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/40) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/50) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/60) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/70) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/80) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-600\/90) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/10) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/20) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/30) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/40) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/50) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/60) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/70) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/80) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-700\/90) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/10) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/20) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/30) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/40) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/50) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/60) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/70) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/80) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-800\/90) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/10) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/20) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/30) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/40) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/50) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/60) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/70) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/80) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-green-900\/90) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/10) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/20) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/30) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/40) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/50) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/60) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/70) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/80) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-50\/90) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/10) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/20) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/30) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/40) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/50) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/60) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/70) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/80) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-100\/90) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/10) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/20) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/30) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/40) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/50) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/60) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/70) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/80) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-200\/90) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/10) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/20) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/30) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/40) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/50) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/60) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/70) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/80) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-300\/90) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/10) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/20) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/30) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/40) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/50) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/60) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/70) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/80) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-400\/90) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/10) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/20) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/30) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/40) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/50) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/60) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/70) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/80) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-500\/90) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/10) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/20) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/30) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/40) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/50) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/60) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/70) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/80) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-600\/90) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/10) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/20) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/30) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/40) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/50) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/60) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/70) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/80) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-700\/90) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/10) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/20) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/30) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/40) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/50) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/60) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/70) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/80) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-800\/90) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/10) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/20) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/30) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/40) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/50) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/60) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/70) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/80) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-yellow-900\/90) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/10) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/20) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/30) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/40) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/50) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/60) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/70) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/80) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-50\/90) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/10) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/20) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/30) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/40) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/50) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/60) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/70) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/80) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-100\/90) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/10) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/20) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/30) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/40) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/50) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/60) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/70) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/80) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-200\/90) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/10) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/20) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/30) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/40) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/50) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/60) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/70) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/80) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-300\/90) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/10) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/20) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/30) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/40) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/50) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/60) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/70) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/80) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-400\/90) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/10) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/20) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/30) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/40) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/50) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/60) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/70) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/80) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-500\/90) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/10) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/20) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/30) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/40) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/50) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/60) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/70) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/80) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-600\/90) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/10) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/20) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/30) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/40) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/50) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/60) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/70) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/80) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-700\/90) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/10) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/20) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/30) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/40) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/50) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/60) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/70) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/80) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-800\/90) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/10) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/20) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/30) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/40) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/50) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/60) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/70) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/80) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-cyan-900\/90) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/10) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/20) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/30) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/40) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/50) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/60) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/70) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/80) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-50\/90) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/10) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/20) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/30) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/40) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/50) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/60) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/70) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/80) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-100\/90) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/10) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/20) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/30) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/40) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/50) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/60) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/70) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/80) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-200\/90) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/10) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/20) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/30) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/40) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/50) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/60) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/70) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/80) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-300\/90) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/10) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/20) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/30) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/40) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/50) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/60) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/70) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/80) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-400\/90) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/10) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/20) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/30) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/40) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/50) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/60) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/70) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/80) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-500\/90) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/10) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/20) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/30) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/40) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/50) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/60) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/70) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/80) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-600\/90) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/10) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/20) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/30) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/40) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/50) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/60) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/70) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/80) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-700\/90) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/10) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/20) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/30) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/40) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/50) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/60) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/70) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/80) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-800\/90) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/10) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/20) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/30) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/40) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/50) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/60) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/70) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/80) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-pink-900\/90) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/10) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/20) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/30) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/40) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/50) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/60) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/70) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/80) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-50\/90) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/10) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/20) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/30) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/40) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/50) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/60) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/70) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/80) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-100\/90) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/10) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/20) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/30) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/40) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/50) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/60) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/70) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/80) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-200\/90) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/10) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/20) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/30) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/40) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/50) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/60) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/70) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/80) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-300\/90) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/10) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/20) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/30) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/40) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/50) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/60) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/70) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/80) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-400\/90) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/10) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/20) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/30) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/40) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/50) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/60) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/70) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/80) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-500\/90) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/10) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/20) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/30) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/40) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/50) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/60) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/70) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/80) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-600\/90) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/10) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/20) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/30) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/40) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/50) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/60) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/70) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/80) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-700\/90) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/10) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/20) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/30) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/40) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/50) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/60) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/70) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/80) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-800\/90) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/10) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/20) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/30) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/40) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/50) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/60) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/70) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/80) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-indigo-900\/90) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/10) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/20) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/30) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/40) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/50) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/60) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/70) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/80) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-50\/90) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/10) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/20) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/30) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/40) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/50) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/60) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/70) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/80) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-100\/90) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/10) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/20) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/30) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/40) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/50) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/60) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/70) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/80) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-200\/90) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/10) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/20) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/30) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/40) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/50) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/60) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/70) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/80) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-300\/90) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/10) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/20) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/30) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/40) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/50) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/60) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/70) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/80) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-400\/90) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/10) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/20) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/30) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/40) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/50) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/60) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/70) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/80) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-500\/90) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/10) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/20) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/30) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/40) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/50) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/60) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/70) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/80) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-600\/90) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/10) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/20) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/30) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/40) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/50) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/60) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/70) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/80) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-700\/90) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/10) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/20) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/30) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/40) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/50) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/60) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/70) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/80) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-800\/90) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/10) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/20) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/30) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/40) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/50) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/60) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/70) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/80) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-teal-900\/90) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/10) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/20) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/30) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/40) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/50) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/60) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/70) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/80) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-50\/90) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/10) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/20) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/30) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/40) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/50) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/60) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/70) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/80) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-100\/90) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/10) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/20) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/30) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/40) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/50) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/60) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/70) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/80) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-200\/90) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/10) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/20) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/30) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/40) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/50) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/60) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/70) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/80) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-300\/90) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/10) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/20) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/30) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/40) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/50) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/60) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/70) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/80) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-400\/90) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/10) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/20) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/30) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/40) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/50) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/60) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/70) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/80) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-500\/90) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/10) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/20) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/30) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/40) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/50) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/60) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/70) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/80) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-600\/90) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/10) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/20) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/30) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/40) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/50) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/60) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/70) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/80) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-700\/90) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/10) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/20) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/30) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/40) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/50) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/60) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/70) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/80) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-800\/90) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/10) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/20) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/30) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/40) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/50) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/60) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/70) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/80) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-orange-900\/90) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/10) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/20) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/30) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/40) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/50) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/60) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/70) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/80) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-50\/90) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/10) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/20) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/30) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/40) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/50) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/60) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/70) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/80) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-100\/90) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/10) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/20) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/30) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/40) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/50) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/60) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/70) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/80) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-200\/90) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/10) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/20) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/30) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/40) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/50) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/60) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/70) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/80) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-300\/90) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/10) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/20) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/30) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/40) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/50) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/60) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/70) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/80) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-400\/90) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/10) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/20) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/30) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/40) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/50) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/60) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/70) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/80) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-500\/90) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/10) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/20) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/30) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/40) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/50) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/60) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/70) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/80) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-600\/90) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/10) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/20) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/30) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/40) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/50) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/60) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/70) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/80) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-700\/90) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/10) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/20) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/30) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/40) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/50) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/60) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/70) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/80) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-800\/90) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/10) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/20) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/30) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/40) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/50) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/60) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/70) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/80) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-bluegray-900\/90) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/10) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/20) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/30) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/40) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/50) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/60) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/70) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/80) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-50\/90) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/10) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/20) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/30) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/40) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/50) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/60) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/70) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/80) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-100\/90) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/10) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/20) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/30) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/40) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/50) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/60) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/70) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/80) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-200\/90) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/10) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/20) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/30) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/40) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/50) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/60) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/70) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/80) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-300\/90) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/10) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/20) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/30) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/40) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/50) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/60) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/70) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/80) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-400\/90) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/10) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/20) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/30) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/40) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/50) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/60) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/70) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/80) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-500\/90) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/10) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/20) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/30) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/40) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/50) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/60) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/70) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/80) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-600\/90) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/10) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/20) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/30) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/40) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/50) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/60) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/70) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/80) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-700\/90) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/10) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/20) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/30) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/40) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/50) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/60) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/70) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/80) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-800\/90) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/10) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/20) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/30) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/40) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/50) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/60) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/70) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/80) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-purple-900\/90) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/10) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/20) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/30) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/40) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/50) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/60) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/70) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/80) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-50\/90) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/10) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/20) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/30) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/40) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/50) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/60) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/70) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/80) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-100\/90) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/10) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/20) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/30) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/40) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/50) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/60) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/70) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/80) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-200\/90) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/10) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/20) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/30) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/40) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/50) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/60) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/70) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/80) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-300\/90) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/10) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/20) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/30) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/40) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/50) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/60) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/70) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/80) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-400\/90) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/10) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/20) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/30) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/40) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/50) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/60) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/70) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/80) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-500\/90) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/10) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/20) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/30) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/40) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/50) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/60) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/70) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/80) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-600\/90) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/10) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/20) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/30) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/40) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/50) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/60) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/70) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/80) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-700\/90) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/10) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/20) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/30) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/40) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/50) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/60) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/70) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/80) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-800\/90) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/10) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/20) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/30) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/40) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/50) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/60) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/70) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/80) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-red-900\/90) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/10) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/20) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/30) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/40) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/50) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/60) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/70) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/80) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-50\/90) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/10) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/20) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/30) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/40) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/50) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/60) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/70) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/80) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-100\/90) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/10) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/20) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/30) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/40) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/50) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/60) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/70) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/80) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-200\/90) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/10) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/20) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/30) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/40) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/50) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/60) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/70) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/80) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-300\/90) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/10) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/20) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/30) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/40) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/50) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/60) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/70) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/80) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-400\/90) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/10) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/20) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/30) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/40) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/50) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/60) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/70) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/80) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-500\/90) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/10) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/20) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/30) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/40) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/50) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/60) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/70) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/80) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-600\/90) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/10) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/20) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/30) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/40) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/50) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/60) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/70) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/80) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-700\/90) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/10) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/20) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/30) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/40) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/50) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/60) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/70) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/80) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-800\/90) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/10) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/20) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/30) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/40) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/50) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/60) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/70) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/80) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-gray-900\/90) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/10) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/20) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/30) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/40) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/50) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/60) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/70) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/80) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-0\/90) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/10) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/20) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/30) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/40) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/50) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/60) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/70) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/80) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-50\/90) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/10) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/20) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/30) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/40) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/50) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/60) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/70) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/80) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-100\/90) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/10) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/20) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/30) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/40) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/50) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/60) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/70) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/80) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-200\/90) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/10) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/20) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/30) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/40) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/50) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/60) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/70) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/80) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-300\/90) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/10) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/20) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/30) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/40) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/50) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/60) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/70) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/80) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-400\/90) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/10) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/20) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/30) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/40) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/50) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/60) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/70) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/80) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-500\/90) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/10) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/20) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/30) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/40) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/50) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/60) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/70) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/80) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-600\/90) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/10) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/20) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/30) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/40) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/50) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/60) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/70) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/80) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-700\/90) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/10) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/20) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/30) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/40) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/50) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/60) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/70) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/80) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-800\/90) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/10) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/20) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/30) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/40) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/50) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/60) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/70) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/80) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-surface-900\/90) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/10) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/20) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/30) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/40) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/50) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/60) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/70) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/80) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-50\/90) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/10) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/20) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/30) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/40) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/50) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/60) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/70) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/80) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-100\/90) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/10) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/20) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/30) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/40) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/50) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/60) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/70) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/80) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-200\/90) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/10) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/20) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/30) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/40) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/50) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/60) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/70) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/80) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-300\/90) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/10) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/20) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/30) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/40) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/50) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/60) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/70) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/80) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-400\/90) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/10) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/20) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/30) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/40) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/50) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/60) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/70) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/80) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-500\/90) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/10) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/20) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/30) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/40) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/50) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/60) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/70) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/80) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-600\/90) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/10) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/20) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/30) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/40) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/50) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/60) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/70) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/80) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-700\/90) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/10) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/20) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/30) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/40) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/50) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/60) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/70) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/80) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-800\/90) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/10) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/20) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/30) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/40) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/50) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/60) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/70) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/80) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-primary-900\/90) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50:focus) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50:hover) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50:active) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/10:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/10:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/10:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/20:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/20:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/20:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/30:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/30:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/30:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/40:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/40:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/40:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/50:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/50:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/50:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/60:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/60:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/60:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/70:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/70:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/70:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/80:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/80:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/80:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-50\/90:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-50\/90:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-50\/90:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100:focus) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100:hover) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100:active) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/10:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/10:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/10:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/20:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/20:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/20:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/30:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/30:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/30:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/40:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/40:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/40:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/50:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/50:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/50:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/60:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/60:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/60:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/70:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/70:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/70:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/80:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/80:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/80:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-100\/90:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-100\/90:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-100\/90:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200:focus) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200:hover) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200:active) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/10:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/10:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/10:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/20:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/20:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/20:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/30:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/30:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/30:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/40:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/40:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/40:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/50:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/50:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/50:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/60:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/60:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/60:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/70:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/70:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/70:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/80:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/80:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/80:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-200\/90:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-200\/90:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-200\/90:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300:focus) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300:hover) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300:active) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/10:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/10:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/10:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/20:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/20:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/20:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/30:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/30:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/30:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/40:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/40:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/40:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/50:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/50:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/50:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/60:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/60:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/60:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/70:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/70:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/70:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/80:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/80:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/80:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-300\/90:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-300\/90:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-300\/90:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400:focus) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400:hover) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400:active) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/10:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/10:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/10:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/20:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/20:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/20:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/30:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/30:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/30:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/40:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/40:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/40:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/50:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/50:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/50:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/60:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/60:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/60:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/70:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/70:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/70:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/80:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/80:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/80:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-400\/90:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-400\/90:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-400\/90:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500:focus) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500:hover) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500:active) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/10:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/10:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/10:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/20:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/20:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/20:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/30:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/30:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/30:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/40:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/40:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/40:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/50:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/50:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/50:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/60:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/60:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/60:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/70:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/70:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/70:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/80:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/80:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/80:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-500\/90:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-500\/90:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-500\/90:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600:focus) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600:hover) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600:active) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/10:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/10:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/10:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/20:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/20:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/20:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/30:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/30:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/30:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/40:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/40:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/40:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/50:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/50:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/50:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/60:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/60:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/60:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/70:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/70:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/70:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/80:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/80:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/80:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-600\/90:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-600\/90:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-600\/90:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700:focus) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700:hover) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700:active) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/10:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/10:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/10:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/20:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/20:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/20:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/30:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/30:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/30:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/40:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/40:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/40:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/50:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/50:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/50:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/60:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/60:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/60:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/70:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/70:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/70:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/80:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/80:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/80:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-700\/90:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-700\/90:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-700\/90:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800:focus) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800:hover) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800:active) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/10:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/10:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/10:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/20:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/20:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/20:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/30:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/30:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/30:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/40:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/40:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/40:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/50:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/50:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/50:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/60:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/60:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/60:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/70:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/70:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/70:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/80:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/80:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/80:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-800\/90:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-800\/90:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-800\/90:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900:focus) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900:hover) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900:active) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/10:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/10:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/10:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/20:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/20:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/20:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/30:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/30:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/30:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/40:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/40:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/40:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/50:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/50:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/50:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/60:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/60:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/60:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/70:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/70:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/70:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/80:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/80:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/80:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-blue-900\/90:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-blue-900\/90:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-blue-900\/90:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50:focus) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50:hover) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50:active) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/10:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/10:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/10:active) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/20:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/20:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/20:active) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/30:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/30:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/30:active) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/40:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/40:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/40:active) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/50:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/50:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/50:active) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/60:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/60:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/60:active) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/70:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/70:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/70:active) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/80:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/80:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/80:active) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-50\/90:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-50\/90:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-50\/90:active) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100:focus) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100:hover) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100:active) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/10:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/10:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/10:active) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/20:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/20:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/20:active) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/30:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/30:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/30:active) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/40:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/40:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/40:active) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/50:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/50:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/50:active) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/60:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/60:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/60:active) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/70:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/70:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/70:active) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/80:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/80:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/80:active) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-100\/90:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-100\/90:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-100\/90:active) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200:focus) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200:hover) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200:active) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/10:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/10:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/10:active) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/20:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/20:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/20:active) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/30:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/30:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/30:active) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/40:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/40:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/40:active) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/50:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/50:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/50:active) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/60:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/60:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/60:active) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/70:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/70:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/70:active) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/80:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/80:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/80:active) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-200\/90:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-200\/90:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-200\/90:active) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300:focus) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300:hover) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300:active) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/10:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/10:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/10:active) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/20:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/20:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/20:active) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/30:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/30:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/30:active) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/40:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/40:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/40:active) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/50:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/50:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/50:active) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/60:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/60:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/60:active) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/70:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/70:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/70:active) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/80:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/80:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/80:active) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-300\/90:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-300\/90:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-300\/90:active) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400:focus) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400:hover) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400:active) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/10:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/10:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/10:active) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/20:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/20:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/20:active) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/30:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/30:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/30:active) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/40:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/40:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/40:active) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/50:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/50:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/50:active) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/60:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/60:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/60:active) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/70:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/70:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/70:active) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/80:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/80:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/80:active) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-400\/90:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-400\/90:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-400\/90:active) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500:focus) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500:hover) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500:active) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/10:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/10:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/10:active) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/20:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/20:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/20:active) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/30:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/30:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/30:active) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/40:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/40:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/40:active) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/50:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/50:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/50:active) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/60:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/60:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/60:active) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/70:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/70:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/70:active) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/80:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/80:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/80:active) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-500\/90:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-500\/90:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-500\/90:active) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600:focus) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600:hover) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600:active) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/10:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/10:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/10:active) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/20:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/20:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/20:active) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/30:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/30:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/30:active) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/40:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/40:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/40:active) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/50:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/50:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/50:active) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/60:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/60:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/60:active) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/70:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/70:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/70:active) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/80:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/80:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/80:active) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-600\/90:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-600\/90:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-600\/90:active) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700:focus) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700:hover) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700:active) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/10:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/10:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/10:active) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/20:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/20:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/20:active) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/30:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/30:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/30:active) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/40:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/40:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/40:active) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/50:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/50:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/50:active) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/60:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/60:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/60:active) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/70:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/70:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/70:active) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/80:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/80:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/80:active) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-700\/90:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-700\/90:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-700\/90:active) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800:focus) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800:hover) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800:active) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/10:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/10:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/10:active) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/20:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/20:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/20:active) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/30:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/30:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/30:active) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/40:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/40:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/40:active) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/50:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/50:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/50:active) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/60:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/60:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/60:active) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/70:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/70:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/70:active) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/80:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/80:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/80:active) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-800\/90:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-800\/90:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-800\/90:active) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900:focus) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900:hover) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900:active) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/10:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/10:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/10:active) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/20:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/20:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/20:active) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/30:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/30:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/30:active) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/40:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/40:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/40:active) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/50:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/50:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/50:active) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/60:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/60:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/60:active) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/70:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/70:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/70:active) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/80:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/80:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/80:active) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-green-900\/90:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-green-900\/90:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-green-900\/90:active) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50:focus) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50:hover) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50:active) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/10:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/20:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/30:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/40:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/50:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/60:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/70:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/80:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-50\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-50\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-50\/90:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100:focus) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100:hover) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100:active) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/10:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/20:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/30:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/40:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/50:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/60:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/70:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/80:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-100\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-100\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-100\/90:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200:focus) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200:hover) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200:active) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/10:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/20:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/30:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/40:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/50:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/60:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/70:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/80:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-200\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-200\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-200\/90:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300:focus) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300:hover) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300:active) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/10:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/20:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/30:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/40:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/50:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/60:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/70:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/80:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-300\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-300\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-300\/90:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400:focus) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400:hover) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400:active) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/10:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/20:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/30:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/40:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/50:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/60:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/70:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/80:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-400\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-400\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-400\/90:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500:focus) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500:hover) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500:active) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/10:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/20:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/30:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/40:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/50:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/60:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/70:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/80:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-500\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-500\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-500\/90:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600:focus) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600:hover) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600:active) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/10:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/20:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/30:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/40:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/50:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/60:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/70:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/80:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-600\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-600\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-600\/90:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700:focus) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700:hover) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700:active) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/10:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/20:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/30:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/40:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/50:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/60:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/70:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/80:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-700\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-700\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-700\/90:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800:focus) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800:hover) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800:active) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/10:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/20:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/30:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/40:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/50:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/60:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/70:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/80:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-800\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-800\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-800\/90:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900:focus) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900:hover) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900:active) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/10:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/20:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/30:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/40:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/50:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/60:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/70:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/80:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-yellow-900\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-yellow-900\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-yellow-900\/90:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50:focus) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50:hover) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50:active) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/10:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/20:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/30:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/40:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/50:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/60:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/70:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/80:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-50\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-50\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-50\/90:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100:focus) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100:hover) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100:active) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/10:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/20:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/30:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/40:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/50:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/60:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/70:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/80:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-100\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-100\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-100\/90:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200:focus) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200:hover) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200:active) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/10:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/20:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/30:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/40:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/50:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/60:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/70:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/80:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-200\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-200\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-200\/90:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300:focus) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300:hover) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300:active) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/10:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/20:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/30:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/40:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/50:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/60:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/70:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/80:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-300\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-300\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-300\/90:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400:focus) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400:hover) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400:active) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/10:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/20:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/30:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/40:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/50:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/60:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/70:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/80:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-400\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-400\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-400\/90:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500:focus) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500:hover) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500:active) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/10:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/20:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/30:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/40:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/50:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/60:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/70:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/80:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-500\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-500\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-500\/90:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600:focus) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600:hover) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600:active) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/10:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/20:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/30:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/40:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/50:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/60:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/70:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/80:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-600\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-600\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-600\/90:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700:focus) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700:hover) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700:active) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/10:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/20:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/30:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/40:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/50:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/60:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/70:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/80:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-700\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-700\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-700\/90:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800:focus) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800:hover) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800:active) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/10:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/20:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/30:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/40:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/50:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/60:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/70:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/80:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-800\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-800\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-800\/90:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900:focus) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900:hover) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900:active) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/10:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/20:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/30:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/40:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/50:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/60:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/70:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/80:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-cyan-900\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-cyan-900\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-cyan-900\/90:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50:focus) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50:hover) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50:active) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/10:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/10:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/10:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/20:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/20:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/20:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/30:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/30:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/30:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/40:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/40:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/40:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/50:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/50:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/50:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/60:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/60:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/60:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/70:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/70:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/70:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/80:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/80:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/80:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-50\/90:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-50\/90:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-50\/90:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100:focus) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100:hover) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100:active) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/10:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/10:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/10:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/20:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/20:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/20:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/30:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/30:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/30:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/40:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/40:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/40:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/50:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/50:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/50:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/60:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/60:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/60:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/70:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/70:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/70:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/80:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/80:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/80:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-100\/90:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-100\/90:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-100\/90:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200:focus) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200:hover) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200:active) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/10:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/10:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/10:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/20:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/20:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/20:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/30:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/30:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/30:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/40:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/40:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/40:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/50:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/50:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/50:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/60:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/60:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/60:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/70:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/70:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/70:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/80:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/80:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/80:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-200\/90:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-200\/90:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-200\/90:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300:focus) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300:hover) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300:active) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/10:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/10:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/10:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/20:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/20:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/20:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/30:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/30:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/30:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/40:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/40:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/40:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/50:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/50:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/50:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/60:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/60:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/60:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/70:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/70:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/70:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/80:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/80:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/80:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-300\/90:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-300\/90:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-300\/90:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400:focus) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400:hover) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400:active) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/10:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/10:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/10:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/20:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/20:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/20:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/30:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/30:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/30:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/40:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/40:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/40:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/50:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/50:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/50:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/60:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/60:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/60:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/70:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/70:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/70:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/80:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/80:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/80:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-400\/90:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-400\/90:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-400\/90:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500:focus) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500:hover) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500:active) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/10:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/10:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/10:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/20:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/20:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/20:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/30:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/30:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/30:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/40:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/40:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/40:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/50:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/50:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/50:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/60:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/60:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/60:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/70:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/70:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/70:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/80:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/80:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/80:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-500\/90:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-500\/90:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-500\/90:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600:focus) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600:hover) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600:active) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/10:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/10:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/10:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/20:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/20:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/20:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/30:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/30:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/30:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/40:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/40:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/40:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/50:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/50:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/50:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/60:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/60:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/60:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/70:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/70:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/70:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/80:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/80:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/80:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-600\/90:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-600\/90:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-600\/90:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700:focus) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700:hover) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700:active) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/10:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/10:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/10:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/20:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/20:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/20:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/30:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/30:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/30:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/40:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/40:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/40:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/50:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/50:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/50:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/60:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/60:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/60:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/70:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/70:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/70:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/80:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/80:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/80:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-700\/90:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-700\/90:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-700\/90:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800:focus) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800:hover) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800:active) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/10:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/10:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/10:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/20:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/20:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/20:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/30:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/30:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/30:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/40:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/40:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/40:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/50:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/50:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/50:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/60:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/60:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/60:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/70:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/70:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/70:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/80:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/80:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/80:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-800\/90:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-800\/90:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-800\/90:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900:focus) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900:hover) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900:active) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/10:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/10:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/10:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/20:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/20:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/20:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/30:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/30:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/30:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/40:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/40:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/40:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/50:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/50:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/50:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/60:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/60:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/60:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/70:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/70:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/70:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/80:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/80:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/80:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-pink-900\/90:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-pink-900\/90:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-pink-900\/90:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50:focus) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50:hover) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50:active) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/10:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/20:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/30:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/40:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/50:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/60:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/70:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/80:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-50\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-50\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-50\/90:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100:focus) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100:hover) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100:active) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/10:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/20:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/30:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/40:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/50:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/60:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/70:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/80:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-100\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-100\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-100\/90:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200:focus) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200:hover) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200:active) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/10:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/20:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/30:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/40:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/50:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/60:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/70:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/80:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-200\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-200\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-200\/90:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300:focus) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300:hover) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300:active) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/10:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/20:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/30:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/40:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/50:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/60:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/70:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/80:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-300\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-300\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-300\/90:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400:focus) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400:hover) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400:active) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/10:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/20:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/30:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/40:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/50:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/60:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/70:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/80:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-400\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-400\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-400\/90:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500:focus) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500:hover) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500:active) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/10:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/20:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/30:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/40:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/50:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/60:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/70:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/80:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-500\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-500\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-500\/90:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600:focus) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600:hover) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600:active) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/10:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/20:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/30:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/40:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/50:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/60:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/70:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/80:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-600\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-600\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-600\/90:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700:focus) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700:hover) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700:active) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/10:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/20:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/30:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/40:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/50:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/60:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/70:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/80:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-700\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-700\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-700\/90:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800:focus) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800:hover) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800:active) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/10:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/20:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/30:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/40:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/50:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/60:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/70:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/80:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-800\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-800\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-800\/90:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900:focus) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900:hover) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900:active) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/10:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/20:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/30:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/40:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/50:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/60:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/70:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/80:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-indigo-900\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-indigo-900\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-indigo-900\/90:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50:focus) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50:hover) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50:active) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/10:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/10:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/10:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/20:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/20:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/20:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/30:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/30:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/30:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/40:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/40:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/40:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/50:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/50:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/50:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/60:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/60:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/60:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/70:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/70:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/70:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/80:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/80:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/80:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-50\/90:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-50\/90:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-50\/90:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100:focus) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100:hover) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100:active) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/10:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/10:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/10:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/20:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/20:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/20:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/30:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/30:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/30:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/40:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/40:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/40:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/50:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/50:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/50:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/60:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/60:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/60:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/70:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/70:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/70:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/80:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/80:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/80:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-100\/90:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-100\/90:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-100\/90:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200:focus) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200:hover) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200:active) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/10:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/10:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/10:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/20:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/20:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/20:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/30:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/30:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/30:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/40:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/40:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/40:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/50:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/50:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/50:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/60:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/60:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/60:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/70:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/70:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/70:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/80:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/80:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/80:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-200\/90:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-200\/90:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-200\/90:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300:focus) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300:hover) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300:active) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/10:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/10:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/10:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/20:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/20:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/20:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/30:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/30:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/30:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/40:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/40:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/40:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/50:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/50:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/50:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/60:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/60:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/60:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/70:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/70:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/70:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/80:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/80:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/80:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-300\/90:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-300\/90:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-300\/90:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400:focus) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400:hover) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400:active) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/10:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/10:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/10:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/20:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/20:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/20:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/30:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/30:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/30:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/40:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/40:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/40:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/50:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/50:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/50:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/60:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/60:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/60:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/70:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/70:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/70:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/80:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/80:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/80:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-400\/90:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-400\/90:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-400\/90:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500:focus) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500:hover) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500:active) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/10:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/10:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/10:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/20:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/20:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/20:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/30:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/30:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/30:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/40:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/40:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/40:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/50:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/50:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/50:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/60:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/60:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/60:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/70:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/70:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/70:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/80:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/80:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/80:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-500\/90:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-500\/90:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-500\/90:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600:focus) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600:hover) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600:active) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/10:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/10:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/10:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/20:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/20:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/20:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/30:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/30:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/30:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/40:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/40:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/40:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/50:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/50:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/50:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/60:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/60:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/60:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/70:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/70:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/70:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/80:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/80:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/80:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-600\/90:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-600\/90:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-600\/90:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700:focus) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700:hover) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700:active) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/10:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/10:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/10:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/20:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/20:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/20:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/30:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/30:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/30:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/40:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/40:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/40:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/50:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/50:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/50:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/60:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/60:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/60:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/70:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/70:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/70:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/80:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/80:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/80:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-700\/90:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-700\/90:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-700\/90:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800:focus) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800:hover) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800:active) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/10:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/10:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/10:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/20:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/20:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/20:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/30:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/30:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/30:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/40:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/40:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/40:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/50:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/50:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/50:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/60:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/60:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/60:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/70:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/70:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/70:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/80:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/80:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/80:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-800\/90:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-800\/90:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-800\/90:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900:focus) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900:hover) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900:active) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/10:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/10:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/10:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/20:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/20:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/20:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/30:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/30:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/30:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/40:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/40:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/40:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/50:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/50:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/50:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/60:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/60:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/60:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/70:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/70:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/70:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/80:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/80:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/80:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-teal-900\/90:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-teal-900\/90:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-teal-900\/90:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50:focus) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50:hover) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50:active) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/10:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/10:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/10:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/20:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/20:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/20:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/30:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/30:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/30:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/40:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/40:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/40:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/50:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/50:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/50:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/60:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/60:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/60:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/70:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/70:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/70:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/80:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/80:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/80:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-50\/90:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-50\/90:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-50\/90:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100:focus) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100:hover) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100:active) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/10:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/10:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/10:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/20:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/20:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/20:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/30:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/30:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/30:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/40:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/40:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/40:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/50:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/50:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/50:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/60:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/60:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/60:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/70:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/70:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/70:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/80:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/80:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/80:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-100\/90:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-100\/90:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-100\/90:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200:focus) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200:hover) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200:active) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/10:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/10:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/10:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/20:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/20:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/20:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/30:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/30:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/30:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/40:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/40:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/40:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/50:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/50:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/50:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/60:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/60:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/60:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/70:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/70:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/70:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/80:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/80:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/80:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-200\/90:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-200\/90:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-200\/90:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300:focus) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300:hover) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300:active) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/10:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/10:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/10:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/20:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/20:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/20:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/30:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/30:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/30:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/40:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/40:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/40:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/50:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/50:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/50:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/60:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/60:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/60:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/70:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/70:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/70:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/80:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/80:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/80:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-300\/90:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-300\/90:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-300\/90:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400:focus) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400:hover) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400:active) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/10:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/10:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/10:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/20:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/20:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/20:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/30:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/30:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/30:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/40:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/40:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/40:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/50:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/50:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/50:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/60:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/60:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/60:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/70:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/70:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/70:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/80:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/80:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/80:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-400\/90:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-400\/90:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-400\/90:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500:focus) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500:hover) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500:active) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/10:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/10:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/10:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/20:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/20:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/20:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/30:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/30:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/30:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/40:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/40:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/40:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/50:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/50:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/50:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/60:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/60:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/60:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/70:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/70:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/70:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/80:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/80:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/80:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-500\/90:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-500\/90:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-500\/90:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600:focus) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600:hover) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600:active) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/10:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/10:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/10:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/20:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/20:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/20:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/30:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/30:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/30:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/40:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/40:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/40:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/50:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/50:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/50:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/60:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/60:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/60:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/70:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/70:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/70:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/80:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/80:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/80:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-600\/90:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-600\/90:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-600\/90:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700:focus) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700:hover) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700:active) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/10:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/10:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/10:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/20:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/20:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/20:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/30:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/30:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/30:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/40:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/40:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/40:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/50:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/50:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/50:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/60:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/60:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/60:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/70:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/70:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/70:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/80:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/80:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/80:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-700\/90:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-700\/90:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-700\/90:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800:focus) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800:hover) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800:active) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/10:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/10:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/10:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/20:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/20:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/20:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/30:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/30:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/30:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/40:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/40:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/40:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/50:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/50:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/50:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/60:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/60:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/60:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/70:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/70:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/70:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/80:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/80:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/80:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-800\/90:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-800\/90:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-800\/90:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900:focus) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900:hover) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900:active) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/10:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/10:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/10:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/20:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/20:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/20:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/30:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/30:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/30:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/40:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/40:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/40:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/50:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/50:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/50:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/60:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/60:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/60:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/70:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/70:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/70:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/80:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/80:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/80:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-orange-900\/90:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-orange-900\/90:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-orange-900\/90:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50:focus) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50:hover) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50:active) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-50\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-50\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-50\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100:focus) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100:hover) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100:active) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-100\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-100\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-100\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200:focus) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200:hover) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200:active) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-200\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-200\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-200\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300:focus) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300:hover) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300:active) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-300\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-300\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-300\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400:focus) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400:hover) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400:active) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-400\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-400\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-400\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500:focus) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500:hover) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500:active) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-500\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-500\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-500\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600:focus) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600:hover) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600:active) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-600\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-600\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-600\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700:focus) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700:hover) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700:active) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-700\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-700\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-700\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800:focus) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800:hover) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800:active) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-800\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-800\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-800\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900:focus) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900:hover) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900:active) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-bluegray-900\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-bluegray-900\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-bluegray-900\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50:focus) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50:hover) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50:active) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/10:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/10:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/10:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/20:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/20:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/20:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/30:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/30:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/30:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/40:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/40:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/40:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/50:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/50:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/50:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/60:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/60:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/60:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/70:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/70:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/70:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/80:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/80:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/80:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-50\/90:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-50\/90:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-50\/90:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100:focus) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100:hover) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100:active) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/10:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/10:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/10:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/20:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/20:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/20:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/30:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/30:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/30:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/40:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/40:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/40:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/50:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/50:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/50:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/60:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/60:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/60:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/70:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/70:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/70:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/80:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/80:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/80:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-100\/90:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-100\/90:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-100\/90:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200:focus) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200:hover) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200:active) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/10:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/10:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/10:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/20:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/20:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/20:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/30:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/30:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/30:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/40:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/40:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/40:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/50:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/50:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/50:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/60:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/60:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/60:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/70:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/70:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/70:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/80:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/80:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/80:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-200\/90:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-200\/90:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-200\/90:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300:focus) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300:hover) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300:active) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/10:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/10:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/10:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/20:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/20:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/20:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/30:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/30:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/30:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/40:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/40:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/40:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/50:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/50:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/50:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/60:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/60:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/60:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/70:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/70:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/70:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/80:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/80:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/80:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-300\/90:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-300\/90:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-300\/90:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400:focus) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400:hover) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400:active) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/10:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/10:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/10:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/20:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/20:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/20:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/30:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/30:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/30:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/40:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/40:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/40:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/50:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/50:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/50:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/60:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/60:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/60:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/70:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/70:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/70:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/80:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/80:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/80:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-400\/90:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-400\/90:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-400\/90:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500:focus) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500:hover) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500:active) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/10:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/10:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/10:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/20:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/20:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/20:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/30:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/30:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/30:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/40:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/40:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/40:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/50:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/50:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/50:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/60:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/60:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/60:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/70:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/70:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/70:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/80:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/80:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/80:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-500\/90:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-500\/90:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-500\/90:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600:focus) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600:hover) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600:active) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/10:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/10:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/10:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/20:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/20:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/20:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/30:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/30:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/30:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/40:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/40:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/40:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/50:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/50:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/50:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/60:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/60:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/60:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/70:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/70:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/70:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/80:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/80:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/80:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-600\/90:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-600\/90:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-600\/90:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700:focus) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700:hover) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700:active) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/10:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/10:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/10:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/20:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/20:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/20:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/30:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/30:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/30:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/40:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/40:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/40:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/50:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/50:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/50:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/60:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/60:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/60:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/70:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/70:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/70:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/80:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/80:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/80:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-700\/90:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-700\/90:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-700\/90:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800:focus) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800:hover) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800:active) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/10:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/10:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/10:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/20:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/20:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/20:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/30:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/30:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/30:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/40:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/40:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/40:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/50:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/50:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/50:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/60:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/60:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/60:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/70:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/70:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/70:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/80:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/80:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/80:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-800\/90:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-800\/90:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-800\/90:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900:focus) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900:hover) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900:active) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/10:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/10:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/10:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/20:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/20:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/20:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/30:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/30:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/30:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/40:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/40:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/40:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/50:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/50:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/50:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/60:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/60:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/60:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/70:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/70:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/70:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/80:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/80:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/80:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-purple-900\/90:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-purple-900\/90:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-purple-900\/90:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50:focus) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50:hover) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50:active) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/10:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/10:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/10:active) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/20:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/20:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/20:active) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/30:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/30:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/30:active) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/40:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/40:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/40:active) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/50:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/50:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/50:active) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/60:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/60:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/60:active) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/70:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/70:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/70:active) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/80:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/80:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/80:active) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-50\/90:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-50\/90:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-50\/90:active) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100:focus) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100:hover) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100:active) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/10:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/10:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/10:active) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/20:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/20:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/20:active) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/30:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/30:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/30:active) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/40:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/40:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/40:active) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/50:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/50:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/50:active) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/60:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/60:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/60:active) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/70:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/70:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/70:active) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/80:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/80:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/80:active) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-100\/90:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-100\/90:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-100\/90:active) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200:focus) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200:hover) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200:active) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/10:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/10:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/10:active) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/20:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/20:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/20:active) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/30:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/30:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/30:active) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/40:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/40:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/40:active) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/50:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/50:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/50:active) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/60:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/60:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/60:active) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/70:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/70:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/70:active) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/80:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/80:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/80:active) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-200\/90:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-200\/90:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-200\/90:active) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300:focus) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300:hover) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300:active) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/10:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/10:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/10:active) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/20:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/20:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/20:active) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/30:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/30:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/30:active) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/40:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/40:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/40:active) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/50:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/50:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/50:active) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/60:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/60:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/60:active) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/70:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/70:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/70:active) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/80:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/80:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/80:active) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-300\/90:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-300\/90:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-300\/90:active) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400:focus) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400:hover) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400:active) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/10:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/10:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/10:active) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/20:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/20:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/20:active) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/30:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/30:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/30:active) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/40:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/40:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/40:active) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/50:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/50:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/50:active) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/60:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/60:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/60:active) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/70:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/70:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/70:active) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/80:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/80:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/80:active) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-400\/90:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-400\/90:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-400\/90:active) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500:focus) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500:hover) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500:active) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/10:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/10:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/10:active) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/20:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/20:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/20:active) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/30:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/30:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/30:active) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/40:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/40:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/40:active) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/50:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/50:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/50:active) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/60:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/60:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/60:active) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/70:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/70:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/70:active) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/80:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/80:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/80:active) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-500\/90:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-500\/90:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-500\/90:active) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600:focus) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600:hover) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600:active) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/10:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/10:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/10:active) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/20:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/20:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/20:active) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/30:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/30:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/30:active) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/40:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/40:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/40:active) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/50:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/50:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/50:active) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/60:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/60:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/60:active) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/70:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/70:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/70:active) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/80:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/80:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/80:active) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-600\/90:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-600\/90:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-600\/90:active) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700:focus) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700:hover) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700:active) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/10:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/10:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/10:active) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/20:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/20:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/20:active) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/30:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/30:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/30:active) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/40:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/40:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/40:active) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/50:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/50:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/50:active) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/60:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/60:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/60:active) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/70:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/70:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/70:active) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/80:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/80:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/80:active) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-700\/90:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-700\/90:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-700\/90:active) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800:focus) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800:hover) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800:active) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/10:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/10:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/10:active) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/20:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/20:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/20:active) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/30:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/30:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/30:active) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/40:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/40:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/40:active) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/50:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/50:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/50:active) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/60:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/60:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/60:active) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/70:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/70:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/70:active) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/80:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/80:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/80:active) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-800\/90:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-800\/90:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-800\/90:active) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900:focus) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900:hover) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900:active) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/10:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/10:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/10:active) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/20:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/20:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/20:active) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/30:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/30:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/30:active) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/40:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/40:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/40:active) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/50:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/50:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/50:active) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/60:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/60:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/60:active) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/70:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/70:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/70:active) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/80:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/80:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/80:active) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-red-900\/90:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-red-900\/90:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-red-900\/90:active) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50:focus) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50:hover) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50:active) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/10:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/10:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/10:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/20:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/20:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/20:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/30:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/30:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/30:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/40:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/40:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/40:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/50:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/50:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/50:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/60:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/60:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/60:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/70:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/70:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/70:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/80:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/80:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/80:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-50\/90:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-50\/90:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-50\/90:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100:focus) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100:hover) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100:active) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/10:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/10:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/10:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/20:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/20:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/20:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/30:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/30:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/30:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/40:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/40:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/40:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/50:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/50:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/50:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/60:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/60:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/60:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/70:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/70:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/70:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/80:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/80:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/80:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-100\/90:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-100\/90:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-100\/90:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200:focus) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200:hover) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200:active) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/10:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/10:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/10:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/20:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/20:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/20:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/30:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/30:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/30:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/40:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/40:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/40:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/50:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/50:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/50:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/60:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/60:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/60:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/70:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/70:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/70:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/80:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/80:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/80:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-200\/90:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-200\/90:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-200\/90:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300:focus) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300:hover) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300:active) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/10:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/10:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/10:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/20:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/20:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/20:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/30:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/30:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/30:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/40:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/40:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/40:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/50:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/50:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/50:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/60:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/60:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/60:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/70:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/70:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/70:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/80:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/80:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/80:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-300\/90:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-300\/90:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-300\/90:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400:focus) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400:hover) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400:active) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/10:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/10:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/10:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/20:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/20:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/20:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/30:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/30:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/30:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/40:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/40:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/40:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/50:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/50:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/50:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/60:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/60:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/60:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/70:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/70:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/70:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/80:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/80:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/80:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-400\/90:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-400\/90:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-400\/90:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500:focus) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500:hover) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500:active) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/10:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/10:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/10:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/20:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/20:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/20:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/30:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/30:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/30:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/40:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/40:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/40:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/50:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/50:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/50:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/60:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/60:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/60:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/70:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/70:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/70:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/80:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/80:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/80:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-500\/90:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-500\/90:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-500\/90:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600:focus) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600:hover) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600:active) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/10:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/10:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/10:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/20:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/20:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/20:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/30:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/30:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/30:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/40:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/40:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/40:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/50:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/50:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/50:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/60:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/60:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/60:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/70:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/70:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/70:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/80:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/80:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/80:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-600\/90:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-600\/90:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-600\/90:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700:focus) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700:hover) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700:active) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/10:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/10:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/10:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/20:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/20:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/20:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/30:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/30:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/30:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/40:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/40:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/40:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/50:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/50:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/50:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/60:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/60:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/60:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/70:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/70:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/70:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/80:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/80:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/80:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-700\/90:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-700\/90:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-700\/90:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800:focus) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800:hover) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800:active) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/10:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/10:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/10:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/20:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/20:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/20:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/30:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/30:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/30:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/40:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/40:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/40:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/50:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/50:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/50:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/60:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/60:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/60:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/70:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/70:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/70:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/80:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/80:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/80:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-800\/90:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-800\/90:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-800\/90:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900:focus) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900:hover) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900:active) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/10:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/10:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/10:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/20:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/20:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/20:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/30:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/30:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/30:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/40:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/40:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/40:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/50:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/50:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/50:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/60:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/60:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/60:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/70:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/70:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/70:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/80:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/80:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/80:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-gray-900\/90:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-gray-900\/90:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-gray-900\/90:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0:focus) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0:hover) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0:active) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/10:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/10:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/10:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/20:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/20:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/20:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/30:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/30:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/30:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/40:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/40:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/40:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/50:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/50:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/50:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/60:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/60:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/60:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/70:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/70:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/70:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/80:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/80:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/80:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-0\/90:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-0\/90:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-0\/90:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50:focus) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50:hover) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50:active) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/10:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/10:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/10:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/20:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/20:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/20:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/30:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/30:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/30:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/40:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/40:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/40:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/50:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/50:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/50:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/60:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/60:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/60:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/70:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/70:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/70:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/80:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/80:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/80:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-50\/90:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-50\/90:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-50\/90:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100:focus) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100:hover) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100:active) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/10:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/10:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/10:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/20:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/20:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/20:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/30:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/30:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/30:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/40:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/40:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/40:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/50:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/50:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/50:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/60:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/60:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/60:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/70:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/70:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/70:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/80:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/80:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/80:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-100\/90:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-100\/90:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-100\/90:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200:focus) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200:hover) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200:active) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/10:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/10:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/10:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/20:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/20:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/20:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/30:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/30:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/30:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/40:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/40:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/40:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/50:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/50:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/50:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/60:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/60:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/60:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/70:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/70:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/70:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/80:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/80:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/80:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-200\/90:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-200\/90:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-200\/90:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300:focus) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300:hover) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300:active) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/10:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/10:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/10:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/20:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/20:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/20:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/30:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/30:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/30:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/40:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/40:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/40:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/50:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/50:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/50:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/60:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/60:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/60:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/70:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/70:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/70:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/80:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/80:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/80:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-300\/90:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-300\/90:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-300\/90:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400:focus) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400:hover) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400:active) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/10:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/10:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/10:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/20:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/20:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/20:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/30:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/30:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/30:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/40:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/40:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/40:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/50:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/50:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/50:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/60:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/60:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/60:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/70:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/70:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/70:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/80:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/80:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/80:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-400\/90:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-400\/90:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-400\/90:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500:focus) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500:hover) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500:active) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/10:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/10:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/10:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/20:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/20:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/20:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/30:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/30:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/30:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/40:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/40:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/40:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/50:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/50:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/50:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/60:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/60:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/60:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/70:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/70:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/70:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/80:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/80:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/80:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-500\/90:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-500\/90:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-500\/90:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600:focus) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600:hover) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600:active) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/10:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/10:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/10:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/20:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/20:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/20:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/30:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/30:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/30:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/40:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/40:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/40:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/50:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/50:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/50:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/60:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/60:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/60:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/70:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/70:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/70:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/80:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/80:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/80:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-600\/90:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-600\/90:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-600\/90:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700:focus) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700:hover) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700:active) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/10:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/10:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/10:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/20:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/20:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/20:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/30:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/30:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/30:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/40:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/40:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/40:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/50:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/50:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/50:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/60:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/60:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/60:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/70:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/70:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/70:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/80:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/80:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/80:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-700\/90:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-700\/90:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-700\/90:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800:focus) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800:hover) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800:active) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/10:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/10:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/10:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/20:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/20:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/20:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/30:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/30:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/30:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/40:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/40:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/40:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/50:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/50:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/50:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/60:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/60:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/60:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/70:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/70:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/70:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/80:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/80:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/80:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-800\/90:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-800\/90:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-800\/90:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900:focus) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900:hover) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900:active) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/10:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/10:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/10:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/20:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/20:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/20:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/30:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/30:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/30:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/40:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/40:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/40:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/50:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/50:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/50:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/60:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/60:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/60:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/70:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/70:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/70:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/80:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/80:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/80:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-surface-900\/90:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-surface-900\/90:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-surface-900\/90:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50:focus) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50:hover) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50:active) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/10:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/10:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/10:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/20:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/20:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/20:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/30:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/30:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/30:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/40:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/40:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/40:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/50:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/50:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/50:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/60:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/60:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/60:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/70:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/70:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/70:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/80:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/80:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/80:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-50\/90:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-50\/90:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-50\/90:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100:focus) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100:hover) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100:active) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/10:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/10:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/10:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/20:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/20:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/20:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/30:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/30:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/30:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/40:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/40:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/40:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/50:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/50:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/50:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/60:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/60:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/60:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/70:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/70:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/70:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/80:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/80:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/80:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-100\/90:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-100\/90:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-100\/90:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200:focus) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200:hover) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200:active) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/10:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/10:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/10:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/20:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/20:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/20:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/30:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/30:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/30:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/40:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/40:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/40:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/50:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/50:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/50:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/60:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/60:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/60:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/70:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/70:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/70:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/80:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/80:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/80:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-200\/90:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-200\/90:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-200\/90:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300:focus) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300:hover) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300:active) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/10:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/10:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/10:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/20:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/20:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/20:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/30:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/30:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/30:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/40:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/40:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/40:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/50:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/50:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/50:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/60:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/60:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/60:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/70:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/70:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/70:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/80:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/80:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/80:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-300\/90:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-300\/90:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-300\/90:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400:focus) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400:hover) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400:active) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/10:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/10:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/10:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/20:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/20:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/20:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/30:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/30:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/30:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/40:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/40:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/40:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/50:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/50:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/50:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/60:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/60:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/60:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/70:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/70:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/70:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/80:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/80:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/80:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-400\/90:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-400\/90:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-400\/90:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500:focus) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500:hover) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500:active) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/10:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/10:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/10:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/20:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/20:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/20:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/30:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/30:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/30:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/40:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/40:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/40:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/50:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/50:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/50:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/60:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/60:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/60:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/70:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/70:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/70:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/80:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/80:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/80:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-500\/90:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-500\/90:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-500\/90:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600:focus) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600:hover) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600:active) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/10:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/10:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/10:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/20:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/20:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/20:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/30:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/30:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/30:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/40:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/40:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/40:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/50:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/50:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/50:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/60:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/60:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/60:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/70:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/70:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/70:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/80:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/80:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/80:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-600\/90:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-600\/90:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-600\/90:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700:focus) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700:hover) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700:active) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/10:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/10:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/10:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/20:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/20:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/20:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/30:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/30:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/30:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/40:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/40:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/40:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/50:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/50:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/50:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/60:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/60:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/60:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/70:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/70:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/70:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/80:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/80:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/80:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-700\/90:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-700\/90:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-700\/90:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800:focus) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800:hover) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800:active) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/10:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/10:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/10:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/20:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/20:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/20:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/30:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/30:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/30:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/40:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/40:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/40:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/50:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/50:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/50:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/60:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/60:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/60:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/70:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/70:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/70:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/80:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/80:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/80:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-800\/90:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-800\/90:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-800\/90:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900:focus) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900:hover) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900:active) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/10:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/10:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/10:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/20:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/20:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/20:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/30:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/30:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/30:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/40:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/40:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/40:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/50:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/50:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/50:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/60:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/60:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/60:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/70:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/70:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/70:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/80:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/80:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/80:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-primary-900\/90:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-primary-900\/90:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-primary-900\/90:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/10) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/20) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/30) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/40) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/50) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/60) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/70) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/80) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-50\/90) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/10) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/20) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/30) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/40) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/50) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/60) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/70) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/80) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-100\/90) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/10) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/20) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/30) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/40) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/50) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/60) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/70) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/80) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-200\/90) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/10) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/20) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/30) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/40) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/50) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/60) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/70) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/80) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-300\/90) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/10) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/20) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/30) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/40) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/50) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/60) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/70) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/80) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-400\/90) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/10) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/20) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/30) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/40) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/50) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/60) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/70) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/80) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-500\/90) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/10) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/20) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/30) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/40) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/50) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/60) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/70) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/80) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-600\/90) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/10) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/20) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/30) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/40) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/50) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/60) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/70) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/80) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-700\/90) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/10) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/20) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/30) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/40) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/50) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/60) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/70) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/80) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-800\/90) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/10) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/20) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/30) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/40) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/50) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/60) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/70) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/80) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-blue-900\/90) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/10) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/20) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/30) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/40) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/50) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/60) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/70) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/80) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-50\/90) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/10) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/20) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/30) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/40) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/50) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/60) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/70) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/80) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-100\/90) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/10) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/20) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/30) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/40) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/50) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/60) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/70) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/80) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-200\/90) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/10) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/20) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/30) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/40) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/50) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/60) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/70) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/80) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-300\/90) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/10) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/20) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/30) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/40) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/50) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/60) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/70) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/80) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-400\/90) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/10) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/20) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/30) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/40) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/50) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/60) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/70) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/80) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-500\/90) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/10) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/20) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/30) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/40) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/50) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/60) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/70) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/80) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-600\/90) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/10) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/20) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/30) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/40) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/50) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/60) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/70) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/80) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-700\/90) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/10) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/20) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/30) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/40) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/50) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/60) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/70) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/80) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-800\/90) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/10) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/20) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/30) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/40) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/50) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/60) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/70) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/80) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-green-900\/90) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/10) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/20) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/30) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/40) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/50) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/60) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/70) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/80) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-50\/90) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/10) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/20) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/30) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/40) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/50) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/60) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/70) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/80) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-100\/90) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/10) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/20) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/30) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/40) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/50) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/60) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/70) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/80) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-200\/90) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/10) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/20) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/30) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/40) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/50) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/60) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/70) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/80) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-300\/90) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/10) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/20) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/30) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/40) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/50) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/60) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/70) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/80) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-400\/90) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/10) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/20) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/30) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/40) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/50) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/60) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/70) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/80) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-500\/90) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/10) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/20) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/30) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/40) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/50) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/60) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/70) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/80) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-600\/90) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/10) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/20) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/30) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/40) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/50) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/60) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/70) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/80) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-700\/90) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/10) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/20) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/30) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/40) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/50) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/60) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/70) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/80) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-800\/90) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/10) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/20) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/30) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/40) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/50) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/60) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/70) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/80) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-yellow-900\/90) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/10) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/20) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/30) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/40) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/50) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/60) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/70) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/80) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-50\/90) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/10) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/20) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/30) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/40) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/50) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/60) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/70) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/80) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-100\/90) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/10) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/20) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/30) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/40) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/50) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/60) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/70) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/80) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-200\/90) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/10) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/20) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/30) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/40) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/50) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/60) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/70) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/80) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-300\/90) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/10) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/20) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/30) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/40) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/50) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/60) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/70) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/80) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-400\/90) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/10) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/20) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/30) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/40) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/50) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/60) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/70) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/80) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-500\/90) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/10) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/20) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/30) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/40) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/50) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/60) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/70) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/80) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-600\/90) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/10) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/20) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/30) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/40) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/50) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/60) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/70) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/80) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-700\/90) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/10) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/20) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/30) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/40) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/50) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/60) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/70) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/80) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-800\/90) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/10) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/20) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/30) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/40) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/50) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/60) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/70) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/80) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-cyan-900\/90) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/10) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/20) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/30) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/40) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/50) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/60) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/70) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/80) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-50\/90) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/10) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/20) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/30) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/40) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/50) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/60) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/70) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/80) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-100\/90) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/10) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/20) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/30) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/40) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/50) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/60) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/70) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/80) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-200\/90) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/10) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/20) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/30) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/40) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/50) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/60) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/70) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/80) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-300\/90) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/10) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/20) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/30) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/40) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/50) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/60) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/70) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/80) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-400\/90) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/10) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/20) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/30) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/40) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/50) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/60) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/70) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/80) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-500\/90) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/10) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/20) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/30) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/40) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/50) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/60) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/70) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/80) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-600\/90) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/10) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/20) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/30) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/40) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/50) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/60) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/70) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/80) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-700\/90) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/10) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/20) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/30) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/40) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/50) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/60) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/70) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/80) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-800\/90) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/10) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/20) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/30) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/40) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/50) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/60) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/70) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/80) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-pink-900\/90) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/10) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/20) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/30) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/40) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/50) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/60) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/70) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/80) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-50\/90) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/10) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/20) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/30) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/40) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/50) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/60) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/70) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/80) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-100\/90) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/10) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/20) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/30) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/40) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/50) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/60) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/70) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/80) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-200\/90) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/10) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/20) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/30) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/40) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/50) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/60) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/70) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/80) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-300\/90) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/10) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/20) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/30) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/40) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/50) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/60) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/70) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/80) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-400\/90) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/10) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/20) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/30) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/40) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/50) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/60) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/70) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/80) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-500\/90) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/10) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/20) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/30) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/40) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/50) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/60) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/70) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/80) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-600\/90) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/10) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/20) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/30) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/40) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/50) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/60) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/70) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/80) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-700\/90) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/10) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/20) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/30) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/40) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/50) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/60) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/70) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/80) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-800\/90) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/10) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/20) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/30) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/40) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/50) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/60) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/70) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/80) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-indigo-900\/90) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/10) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/20) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/30) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/40) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/50) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/60) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/70) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/80) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-50\/90) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/10) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/20) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/30) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/40) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/50) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/60) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/70) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/80) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-100\/90) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/10) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/20) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/30) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/40) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/50) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/60) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/70) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/80) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-200\/90) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/10) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/20) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/30) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/40) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/50) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/60) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/70) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/80) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-300\/90) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/10) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/20) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/30) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/40) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/50) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/60) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/70) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/80) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-400\/90) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/10) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/20) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/30) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/40) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/50) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/60) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/70) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/80) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-500\/90) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/10) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/20) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/30) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/40) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/50) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/60) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/70) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/80) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-600\/90) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/10) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/20) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/30) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/40) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/50) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/60) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/70) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/80) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-700\/90) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/10) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/20) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/30) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/40) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/50) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/60) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/70) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/80) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-800\/90) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/10) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/20) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/30) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/40) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/50) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/60) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/70) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/80) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-teal-900\/90) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/10) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/20) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/30) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/40) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/50) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/60) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/70) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/80) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-50\/90) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/10) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/20) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/30) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/40) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/50) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/60) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/70) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/80) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-100\/90) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/10) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/20) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/30) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/40) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/50) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/60) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/70) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/80) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-200\/90) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/10) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/20) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/30) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/40) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/50) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/60) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/70) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/80) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-300\/90) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/10) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/20) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/30) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/40) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/50) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/60) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/70) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/80) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-400\/90) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/10) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/20) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/30) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/40) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/50) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/60) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/70) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/80) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-500\/90) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/10) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/20) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/30) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/40) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/50) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/60) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/70) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/80) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-600\/90) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/10) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/20) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/30) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/40) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/50) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/60) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/70) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/80) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-700\/90) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/10) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/20) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/30) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/40) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/50) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/60) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/70) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/80) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-800\/90) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/10) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/20) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/30) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/40) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/50) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/60) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/70) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/80) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-orange-900\/90) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/10) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/20) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/30) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/40) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/50) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/60) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/70) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/80) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-50\/90) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/10) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/20) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/30) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/40) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/50) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/60) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/70) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/80) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-100\/90) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/10) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/20) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/30) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/40) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/50) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/60) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/70) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/80) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-200\/90) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/10) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/20) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/30) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/40) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/50) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/60) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/70) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/80) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-300\/90) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/10) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/20) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/30) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/40) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/50) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/60) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/70) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/80) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-400\/90) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/10) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/20) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/30) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/40) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/50) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/60) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/70) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/80) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-500\/90) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/10) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/20) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/30) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/40) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/50) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/60) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/70) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/80) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-600\/90) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/10) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/20) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/30) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/40) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/50) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/60) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/70) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/80) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-700\/90) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/10) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/20) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/30) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/40) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/50) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/60) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/70) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/80) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-800\/90) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/10) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/20) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/30) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/40) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/50) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/60) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/70) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/80) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-bluegray-900\/90) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/10) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/20) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/30) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/40) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/50) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/60) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/70) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/80) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-50\/90) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/10) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/20) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/30) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/40) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/50) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/60) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/70) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/80) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-100\/90) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/10) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/20) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/30) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/40) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/50) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/60) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/70) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/80) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-200\/90) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/10) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/20) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/30) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/40) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/50) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/60) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/70) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/80) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-300\/90) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/10) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/20) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/30) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/40) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/50) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/60) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/70) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/80) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-400\/90) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/10) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/20) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/30) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/40) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/50) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/60) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/70) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/80) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-500\/90) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/10) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/20) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/30) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/40) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/50) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/60) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/70) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/80) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-600\/90) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/10) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/20) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/30) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/40) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/50) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/60) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/70) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/80) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-700\/90) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/10) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/20) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/30) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/40) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/50) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/60) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/70) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/80) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-800\/90) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/10) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/20) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/30) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/40) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/50) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/60) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/70) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/80) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-purple-900\/90) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/10) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/20) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/30) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/40) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/50) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/60) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/70) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/80) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-50\/90) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/10) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/20) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/30) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/40) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/50) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/60) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/70) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/80) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-100\/90) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/10) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/20) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/30) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/40) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/50) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/60) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/70) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/80) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-200\/90) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/10) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/20) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/30) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/40) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/50) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/60) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/70) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/80) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-300\/90) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/10) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/20) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/30) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/40) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/50) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/60) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/70) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/80) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-400\/90) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/10) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/20) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/30) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/40) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/50) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/60) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/70) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/80) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-500\/90) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/10) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/20) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/30) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/40) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/50) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/60) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/70) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/80) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-600\/90) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/10) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/20) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/30) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/40) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/50) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/60) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/70) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/80) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-700\/90) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/10) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/20) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/30) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/40) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/50) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/60) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/70) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/80) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-800\/90) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/10) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/20) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/30) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/40) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/50) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/60) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/70) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/80) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-red-900\/90) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/10) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/20) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/30) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/40) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/50) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/60) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/70) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/80) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-50\/90) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/10) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/20) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/30) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/40) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/50) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/60) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/70) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/80) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-100\/90) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/10) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/20) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/30) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/40) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/50) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/60) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/70) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/80) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-200\/90) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/10) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/20) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/30) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/40) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/50) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/60) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/70) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/80) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-300\/90) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/10) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/20) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/30) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/40) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/50) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/60) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/70) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/80) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-400\/90) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/10) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/20) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/30) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/40) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/50) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/60) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/70) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/80) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-500\/90) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/10) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/20) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/30) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/40) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/50) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/60) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/70) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/80) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-600\/90) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/10) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/20) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/30) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/40) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/50) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/60) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/70) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/80) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-700\/90) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/10) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/20) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/30) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/40) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/50) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/60) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/70) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/80) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-800\/90) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/10) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/20) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/30) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/40) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/50) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/60) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/70) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/80) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-gray-900\/90) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/10) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/20) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/30) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/40) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/50) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/60) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/70) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/80) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-0\/90) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/10) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/20) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/30) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/40) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/50) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/60) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/70) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/80) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-50\/90) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/10) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/20) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/30) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/40) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/50) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/60) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/70) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/80) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-100\/90) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/10) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/20) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/30) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/40) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/50) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/60) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/70) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/80) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-200\/90) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/10) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/20) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/30) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/40) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/50) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/60) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/70) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/80) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-300\/90) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/10) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/20) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/30) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/40) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/50) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/60) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/70) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/80) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-400\/90) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/10) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/20) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/30) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/40) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/50) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/60) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/70) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/80) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-500\/90) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/10) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/20) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/30) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/40) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/50) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/60) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/70) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/80) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-600\/90) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/10) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/20) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/30) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/40) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/50) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/60) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/70) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/80) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-700\/90) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/10) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/20) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/30) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/40) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/50) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/60) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/70) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/80) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-800\/90) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/10) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/20) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/30) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/40) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/50) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/60) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/70) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/80) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-surface-900\/90) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/10) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/20) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/30) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/40) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/50) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/60) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/70) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/80) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-50\/90) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/10) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/20) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/30) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/40) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/50) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/60) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/70) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/80) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-100\/90) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/10) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/20) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/30) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/40) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/50) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/60) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/70) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/80) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-200\/90) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/10) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/20) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/30) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/40) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/50) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/60) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/70) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/80) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-300\/90) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/10) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/20) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/30) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/40) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/50) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/60) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/70) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/80) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-400\/90) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/10) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/20) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/30) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/40) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/50) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/60) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/70) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/80) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-500\/90) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/10) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/20) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/30) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/40) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/50) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/60) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/70) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/80) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-600\/90) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/10) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/20) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/30) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/40) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/50) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/60) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/70) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/80) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-700\/90) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/10) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/20) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/30) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/40) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/50) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/60) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/70) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/80) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-800\/90) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/10) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/20) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/30) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/40) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/50) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/60) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/70) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/80) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-primary-900\/90) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50:focus) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50:hover) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50:active) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/10:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/10:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/10:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/20:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/20:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/20:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/30:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/30:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/30:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/40:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/40:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/40:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/50:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/50:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/50:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/60:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/60:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/60:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/70:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/70:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/70:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/80:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/80:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/80:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-50\/90:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-50\/90:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-50\/90:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100:focus) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100:hover) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100:active) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/10:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/10:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/10:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/20:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/20:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/20:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/30:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/30:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/30:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/40:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/40:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/40:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/50:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/50:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/50:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/60:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/60:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/60:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/70:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/70:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/70:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/80:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/80:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/80:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-100\/90:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-100\/90:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-100\/90:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200:focus) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200:hover) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200:active) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/10:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/10:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/10:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/20:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/20:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/20:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/30:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/30:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/30:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/40:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/40:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/40:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/50:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/50:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/50:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/60:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/60:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/60:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/70:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/70:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/70:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/80:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/80:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/80:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-200\/90:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-200\/90:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-200\/90:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300:focus) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300:hover) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300:active) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/10:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/10:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/10:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/20:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/20:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/20:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/30:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/30:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/30:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/40:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/40:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/40:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/50:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/50:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/50:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/60:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/60:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/60:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/70:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/70:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/70:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/80:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/80:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/80:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-300\/90:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-300\/90:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-300\/90:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400:focus) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400:hover) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400:active) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/10:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/10:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/10:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/20:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/20:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/20:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/30:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/30:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/30:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/40:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/40:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/40:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/50:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/50:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/50:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/60:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/60:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/60:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/70:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/70:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/70:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/80:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/80:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/80:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-400\/90:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-400\/90:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-400\/90:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500:focus) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500:hover) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500:active) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/10:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/10:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/10:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/20:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/20:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/20:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/30:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/30:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/30:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/40:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/40:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/40:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/50:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/50:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/50:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/60:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/60:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/60:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/70:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/70:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/70:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/80:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/80:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/80:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-500\/90:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-500\/90:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-500\/90:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600:focus) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600:hover) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600:active) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/10:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/10:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/10:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/20:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/20:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/20:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/30:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/30:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/30:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/40:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/40:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/40:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/50:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/50:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/50:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/60:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/60:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/60:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/70:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/70:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/70:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/80:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/80:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/80:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-600\/90:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-600\/90:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-600\/90:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700:focus) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700:hover) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700:active) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/10:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/10:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/10:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/20:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/20:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/20:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/30:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/30:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/30:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/40:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/40:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/40:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/50:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/50:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/50:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/60:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/60:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/60:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/70:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/70:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/70:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/80:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/80:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/80:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-700\/90:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-700\/90:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-700\/90:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800:focus) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800:hover) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800:active) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/10:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/10:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/10:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/20:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/20:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/20:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/30:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/30:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/30:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/40:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/40:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/40:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/50:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/50:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/50:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/60:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/60:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/60:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/70:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/70:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/70:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/80:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/80:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/80:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-800\/90:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-800\/90:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-800\/90:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900:focus) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900:hover) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900:active) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/10:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/10:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/10:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/20:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/20:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/20:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/30:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/30:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/30:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/40:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/40:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/40:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/50:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/50:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/50:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/60:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/60:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/60:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/70:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/70:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/70:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/80:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/80:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/80:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-blue-900\/90:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-blue-900\/90:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-blue-900\/90:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50:focus) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50:hover) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50:active) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/10:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/10:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/10:active) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/20:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/20:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/20:active) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/30:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/30:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/30:active) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/40:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/40:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/40:active) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/50:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/50:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/50:active) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/60:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/60:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/60:active) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/70:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/70:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/70:active) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/80:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/80:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/80:active) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-50\/90:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-50\/90:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-50\/90:active) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100:focus) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100:hover) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100:active) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/10:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/10:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/10:active) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/20:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/20:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/20:active) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/30:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/30:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/30:active) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/40:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/40:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/40:active) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/50:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/50:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/50:active) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/60:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/60:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/60:active) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/70:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/70:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/70:active) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/80:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/80:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/80:active) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-100\/90:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-100\/90:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-100\/90:active) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200:focus) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200:hover) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200:active) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/10:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/10:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/10:active) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/20:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/20:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/20:active) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/30:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/30:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/30:active) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/40:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/40:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/40:active) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/50:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/50:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/50:active) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/60:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/60:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/60:active) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/70:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/70:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/70:active) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/80:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/80:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/80:active) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-200\/90:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-200\/90:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-200\/90:active) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300:focus) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300:hover) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300:active) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/10:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/10:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/10:active) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/20:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/20:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/20:active) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/30:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/30:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/30:active) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/40:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/40:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/40:active) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/50:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/50:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/50:active) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/60:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/60:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/60:active) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/70:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/70:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/70:active) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/80:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/80:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/80:active) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-300\/90:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-300\/90:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-300\/90:active) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400:focus) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400:hover) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400:active) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/10:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/10:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/10:active) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/20:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/20:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/20:active) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/30:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/30:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/30:active) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/40:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/40:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/40:active) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/50:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/50:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/50:active) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/60:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/60:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/60:active) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/70:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/70:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/70:active) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/80:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/80:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/80:active) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-400\/90:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-400\/90:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-400\/90:active) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500:focus) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500:hover) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500:active) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/10:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/10:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/10:active) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/20:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/20:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/20:active) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/30:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/30:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/30:active) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/40:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/40:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/40:active) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/50:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/50:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/50:active) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/60:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/60:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/60:active) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/70:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/70:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/70:active) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/80:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/80:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/80:active) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-500\/90:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-500\/90:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-500\/90:active) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600:focus) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600:hover) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600:active) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/10:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/10:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/10:active) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/20:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/20:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/20:active) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/30:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/30:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/30:active) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/40:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/40:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/40:active) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/50:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/50:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/50:active) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/60:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/60:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/60:active) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/70:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/70:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/70:active) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/80:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/80:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/80:active) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-600\/90:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-600\/90:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-600\/90:active) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700:focus) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700:hover) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700:active) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/10:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/10:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/10:active) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/20:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/20:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/20:active) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/30:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/30:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/30:active) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/40:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/40:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/40:active) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/50:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/50:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/50:active) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/60:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/60:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/60:active) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/70:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/70:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/70:active) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/80:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/80:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/80:active) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-700\/90:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-700\/90:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-700\/90:active) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800:focus) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800:hover) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800:active) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/10:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/10:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/10:active) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/20:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/20:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/20:active) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/30:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/30:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/30:active) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/40:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/40:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/40:active) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/50:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/50:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/50:active) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/60:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/60:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/60:active) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/70:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/70:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/70:active) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/80:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/80:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/80:active) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-800\/90:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-800\/90:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-800\/90:active) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900:focus) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900:hover) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900:active) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/10:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/10:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/10:active) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/20:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/20:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/20:active) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/30:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/30:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/30:active) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/40:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/40:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/40:active) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/50:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/50:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/50:active) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/60:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/60:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/60:active) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/70:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/70:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/70:active) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/80:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/80:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/80:active) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-green-900\/90:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-green-900\/90:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-green-900\/90:active) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50:focus) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50:hover) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50:active) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/10:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/20:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/30:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/40:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/50:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/60:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/70:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/80:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-50\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-50\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-50\/90:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100:focus) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100:hover) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100:active) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/10:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/20:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/30:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/40:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/50:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/60:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/70:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/80:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-100\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-100\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-100\/90:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200:focus) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200:hover) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200:active) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/10:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/20:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/30:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/40:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/50:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/60:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/70:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/80:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-200\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-200\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-200\/90:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300:focus) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300:hover) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300:active) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/10:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/20:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/30:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/40:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/50:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/60:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/70:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/80:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-300\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-300\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-300\/90:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400:focus) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400:hover) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400:active) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/10:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/20:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/30:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/40:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/50:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/60:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/70:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/80:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-400\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-400\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-400\/90:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500:focus) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500:hover) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500:active) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/10:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/20:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/30:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/40:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/50:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/60:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/70:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/80:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-500\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-500\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-500\/90:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600:focus) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600:hover) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600:active) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/10:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/20:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/30:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/40:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/50:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/60:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/70:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/80:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-600\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-600\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-600\/90:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700:focus) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700:hover) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700:active) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/10:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/20:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/30:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/40:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/50:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/60:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/70:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/80:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-700\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-700\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-700\/90:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800:focus) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800:hover) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800:active) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/10:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/20:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/30:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/40:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/50:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/60:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/70:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/80:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-800\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-800\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-800\/90:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900:focus) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900:hover) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900:active) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/10:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/20:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/30:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/40:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/50:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/60:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/70:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/80:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-yellow-900\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-yellow-900\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-yellow-900\/90:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50:focus) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50:hover) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50:active) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/10:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/20:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/30:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/40:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/50:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/60:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/70:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/80:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-50\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-50\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-50\/90:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100:focus) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100:hover) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100:active) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/10:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/20:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/30:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/40:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/50:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/60:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/70:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/80:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-100\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-100\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-100\/90:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200:focus) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200:hover) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200:active) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/10:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/20:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/30:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/40:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/50:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/60:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/70:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/80:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-200\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-200\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-200\/90:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300:focus) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300:hover) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300:active) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/10:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/20:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/30:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/40:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/50:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/60:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/70:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/80:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-300\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-300\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-300\/90:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400:focus) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400:hover) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400:active) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/10:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/20:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/30:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/40:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/50:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/60:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/70:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/80:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-400\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-400\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-400\/90:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500:focus) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500:hover) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500:active) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/10:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/20:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/30:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/40:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/50:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/60:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/70:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/80:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-500\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-500\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-500\/90:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600:focus) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600:hover) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600:active) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/10:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/20:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/30:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/40:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/50:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/60:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/70:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/80:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-600\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-600\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-600\/90:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700:focus) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700:hover) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700:active) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/10:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/20:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/30:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/40:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/50:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/60:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/70:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/80:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-700\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-700\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-700\/90:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800:focus) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800:hover) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800:active) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/10:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/20:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/30:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/40:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/50:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/60:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/70:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/80:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-800\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-800\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-800\/90:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900:focus) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900:hover) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900:active) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/10:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/20:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/30:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/40:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/50:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/60:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/70:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/80:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-cyan-900\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-cyan-900\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-cyan-900\/90:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50:focus) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50:hover) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50:active) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/10:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/10:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/10:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/20:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/20:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/20:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/30:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/30:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/30:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/40:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/40:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/40:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/50:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/50:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/50:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/60:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/60:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/60:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/70:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/70:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/70:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/80:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/80:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/80:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-50\/90:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-50\/90:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-50\/90:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100:focus) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100:hover) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100:active) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/10:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/10:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/10:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/20:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/20:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/20:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/30:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/30:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/30:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/40:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/40:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/40:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/50:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/50:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/50:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/60:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/60:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/60:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/70:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/70:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/70:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/80:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/80:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/80:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-100\/90:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-100\/90:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-100\/90:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200:focus) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200:hover) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200:active) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/10:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/10:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/10:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/20:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/20:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/20:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/30:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/30:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/30:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/40:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/40:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/40:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/50:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/50:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/50:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/60:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/60:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/60:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/70:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/70:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/70:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/80:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/80:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/80:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-200\/90:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-200\/90:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-200\/90:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300:focus) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300:hover) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300:active) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/10:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/10:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/10:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/20:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/20:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/20:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/30:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/30:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/30:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/40:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/40:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/40:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/50:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/50:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/50:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/60:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/60:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/60:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/70:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/70:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/70:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/80:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/80:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/80:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-300\/90:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-300\/90:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-300\/90:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400:focus) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400:hover) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400:active) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/10:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/10:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/10:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/20:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/20:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/20:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/30:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/30:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/30:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/40:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/40:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/40:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/50:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/50:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/50:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/60:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/60:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/60:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/70:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/70:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/70:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/80:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/80:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/80:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-400\/90:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-400\/90:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-400\/90:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500:focus) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500:hover) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500:active) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/10:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/10:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/10:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/20:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/20:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/20:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/30:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/30:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/30:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/40:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/40:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/40:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/50:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/50:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/50:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/60:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/60:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/60:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/70:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/70:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/70:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/80:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/80:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/80:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-500\/90:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-500\/90:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-500\/90:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600:focus) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600:hover) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600:active) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/10:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/10:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/10:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/20:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/20:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/20:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/30:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/30:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/30:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/40:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/40:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/40:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/50:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/50:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/50:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/60:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/60:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/60:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/70:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/70:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/70:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/80:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/80:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/80:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-600\/90:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-600\/90:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-600\/90:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700:focus) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700:hover) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700:active) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/10:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/10:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/10:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/20:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/20:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/20:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/30:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/30:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/30:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/40:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/40:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/40:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/50:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/50:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/50:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/60:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/60:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/60:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/70:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/70:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/70:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/80:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/80:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/80:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-700\/90:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-700\/90:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-700\/90:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800:focus) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800:hover) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800:active) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/10:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/10:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/10:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/20:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/20:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/20:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/30:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/30:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/30:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/40:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/40:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/40:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/50:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/50:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/50:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/60:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/60:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/60:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/70:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/70:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/70:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/80:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/80:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/80:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-800\/90:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-800\/90:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-800\/90:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900:focus) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900:hover) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900:active) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/10:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/10:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/10:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/20:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/20:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/20:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/30:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/30:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/30:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/40:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/40:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/40:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/50:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/50:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/50:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/60:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/60:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/60:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/70:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/70:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/70:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/80:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/80:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/80:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-pink-900\/90:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-pink-900\/90:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-pink-900\/90:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50:focus) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50:hover) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50:active) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/10:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/20:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/30:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/40:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/50:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/60:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/70:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/80:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-50\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-50\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-50\/90:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100:focus) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100:hover) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100:active) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/10:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/20:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/30:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/40:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/50:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/60:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/70:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/80:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-100\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-100\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-100\/90:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200:focus) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200:hover) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200:active) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/10:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/20:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/30:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/40:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/50:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/60:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/70:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/80:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-200\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-200\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-200\/90:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300:focus) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300:hover) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300:active) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/10:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/20:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/30:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/40:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/50:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/60:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/70:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/80:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-300\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-300\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-300\/90:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400:focus) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400:hover) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400:active) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/10:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/20:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/30:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/40:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/50:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/60:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/70:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/80:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-400\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-400\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-400\/90:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500:focus) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500:hover) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500:active) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/10:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/20:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/30:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/40:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/50:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/60:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/70:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/80:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-500\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-500\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-500\/90:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600:focus) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600:hover) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600:active) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/10:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/20:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/30:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/40:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/50:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/60:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/70:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/80:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-600\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-600\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-600\/90:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700:focus) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700:hover) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700:active) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/10:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/20:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/30:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/40:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/50:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/60:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/70:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/80:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-700\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-700\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-700\/90:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800:focus) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800:hover) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800:active) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/10:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/20:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/30:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/40:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/50:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/60:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/70:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/80:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-800\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-800\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-800\/90:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900:focus) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900:hover) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900:active) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/10:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/20:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/30:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/40:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/50:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/60:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/70:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/80:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-indigo-900\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-indigo-900\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-indigo-900\/90:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50:focus) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50:hover) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50:active) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/10:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/10:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/10:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/20:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/20:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/20:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/30:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/30:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/30:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/40:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/40:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/40:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/50:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/50:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/50:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/60:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/60:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/60:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/70:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/70:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/70:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/80:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/80:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/80:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-50\/90:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-50\/90:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-50\/90:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100:focus) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100:hover) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100:active) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/10:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/10:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/10:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/20:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/20:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/20:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/30:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/30:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/30:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/40:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/40:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/40:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/50:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/50:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/50:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/60:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/60:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/60:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/70:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/70:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/70:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/80:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/80:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/80:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-100\/90:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-100\/90:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-100\/90:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200:focus) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200:hover) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200:active) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/10:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/10:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/10:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/20:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/20:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/20:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/30:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/30:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/30:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/40:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/40:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/40:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/50:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/50:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/50:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/60:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/60:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/60:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/70:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/70:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/70:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/80:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/80:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/80:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-200\/90:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-200\/90:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-200\/90:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300:focus) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300:hover) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300:active) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/10:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/10:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/10:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/20:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/20:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/20:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/30:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/30:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/30:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/40:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/40:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/40:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/50:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/50:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/50:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/60:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/60:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/60:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/70:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/70:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/70:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/80:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/80:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/80:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-300\/90:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-300\/90:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-300\/90:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400:focus) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400:hover) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400:active) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/10:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/10:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/10:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/20:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/20:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/20:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/30:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/30:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/30:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/40:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/40:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/40:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/50:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/50:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/50:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/60:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/60:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/60:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/70:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/70:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/70:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/80:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/80:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/80:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-400\/90:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-400\/90:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-400\/90:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500:focus) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500:hover) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500:active) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/10:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/10:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/10:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/20:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/20:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/20:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/30:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/30:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/30:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/40:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/40:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/40:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/50:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/50:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/50:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/60:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/60:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/60:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/70:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/70:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/70:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/80:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/80:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/80:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-500\/90:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-500\/90:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-500\/90:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600:focus) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600:hover) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600:active) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/10:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/10:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/10:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/20:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/20:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/20:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/30:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/30:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/30:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/40:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/40:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/40:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/50:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/50:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/50:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/60:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/60:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/60:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/70:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/70:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/70:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/80:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/80:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/80:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-600\/90:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-600\/90:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-600\/90:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700:focus) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700:hover) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700:active) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/10:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/10:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/10:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/20:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/20:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/20:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/30:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/30:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/30:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/40:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/40:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/40:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/50:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/50:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/50:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/60:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/60:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/60:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/70:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/70:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/70:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/80:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/80:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/80:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-700\/90:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-700\/90:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-700\/90:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800:focus) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800:hover) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800:active) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/10:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/10:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/10:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/20:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/20:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/20:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/30:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/30:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/30:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/40:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/40:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/40:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/50:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/50:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/50:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/60:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/60:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/60:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/70:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/70:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/70:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/80:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/80:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/80:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-800\/90:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-800\/90:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-800\/90:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900:focus) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900:hover) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900:active) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/10:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/10:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/10:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/20:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/20:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/20:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/30:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/30:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/30:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/40:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/40:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/40:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/50:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/50:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/50:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/60:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/60:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/60:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/70:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/70:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/70:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/80:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/80:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/80:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-teal-900\/90:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-teal-900\/90:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-teal-900\/90:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50:focus) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50:hover) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50:active) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/10:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/10:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/10:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/20:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/20:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/20:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/30:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/30:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/30:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/40:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/40:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/40:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/50:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/50:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/50:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/60:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/60:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/60:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/70:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/70:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/70:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/80:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/80:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/80:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-50\/90:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-50\/90:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-50\/90:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100:focus) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100:hover) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100:active) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/10:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/10:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/10:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/20:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/20:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/20:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/30:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/30:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/30:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/40:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/40:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/40:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/50:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/50:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/50:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/60:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/60:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/60:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/70:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/70:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/70:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/80:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/80:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/80:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-100\/90:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-100\/90:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-100\/90:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200:focus) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200:hover) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200:active) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/10:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/10:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/10:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/20:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/20:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/20:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/30:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/30:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/30:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/40:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/40:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/40:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/50:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/50:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/50:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/60:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/60:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/60:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/70:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/70:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/70:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/80:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/80:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/80:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-200\/90:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-200\/90:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-200\/90:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300:focus) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300:hover) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300:active) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/10:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/10:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/10:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/20:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/20:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/20:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/30:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/30:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/30:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/40:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/40:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/40:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/50:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/50:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/50:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/60:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/60:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/60:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/70:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/70:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/70:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/80:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/80:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/80:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-300\/90:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-300\/90:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-300\/90:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400:focus) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400:hover) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400:active) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/10:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/10:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/10:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/20:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/20:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/20:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/30:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/30:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/30:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/40:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/40:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/40:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/50:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/50:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/50:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/60:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/60:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/60:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/70:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/70:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/70:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/80:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/80:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/80:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-400\/90:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-400\/90:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-400\/90:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500:focus) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500:hover) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500:active) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/10:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/10:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/10:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/20:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/20:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/20:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/30:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/30:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/30:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/40:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/40:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/40:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/50:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/50:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/50:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/60:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/60:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/60:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/70:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/70:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/70:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/80:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/80:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/80:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-500\/90:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-500\/90:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-500\/90:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600:focus) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600:hover) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600:active) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/10:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/10:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/10:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/20:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/20:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/20:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/30:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/30:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/30:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/40:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/40:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/40:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/50:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/50:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/50:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/60:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/60:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/60:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/70:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/70:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/70:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/80:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/80:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/80:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-600\/90:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-600\/90:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-600\/90:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700:focus) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700:hover) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700:active) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/10:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/10:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/10:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/20:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/20:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/20:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/30:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/30:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/30:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/40:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/40:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/40:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/50:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/50:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/50:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/60:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/60:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/60:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/70:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/70:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/70:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/80:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/80:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/80:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-700\/90:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-700\/90:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-700\/90:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800:focus) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800:hover) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800:active) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/10:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/10:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/10:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/20:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/20:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/20:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/30:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/30:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/30:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/40:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/40:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/40:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/50:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/50:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/50:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/60:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/60:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/60:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/70:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/70:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/70:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/80:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/80:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/80:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-800\/90:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-800\/90:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-800\/90:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900:focus) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900:hover) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900:active) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/10:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/10:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/10:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/20:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/20:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/20:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/30:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/30:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/30:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/40:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/40:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/40:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/50:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/50:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/50:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/60:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/60:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/60:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/70:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/70:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/70:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/80:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/80:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/80:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-orange-900\/90:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-orange-900\/90:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-orange-900\/90:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50:focus) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50:hover) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50:active) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-50\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-50\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-50\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100:focus) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100:hover) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100:active) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-100\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-100\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-100\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200:focus) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200:hover) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200:active) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-200\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-200\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-200\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300:focus) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300:hover) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300:active) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-300\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-300\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-300\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400:focus) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400:hover) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400:active) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-400\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-400\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-400\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500:focus) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500:hover) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500:active) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-500\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-500\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-500\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600:focus) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600:hover) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600:active) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-600\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-600\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-600\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700:focus) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700:hover) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700:active) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-700\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-700\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-700\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800:focus) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800:hover) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800:active) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-800\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-800\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-800\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900:focus) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900:hover) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900:active) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-bluegray-900\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-bluegray-900\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-bluegray-900\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50:focus) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50:hover) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50:active) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/10:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/10:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/10:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/20:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/20:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/20:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/30:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/30:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/30:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/40:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/40:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/40:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/50:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/50:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/50:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/60:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/60:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/60:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/70:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/70:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/70:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/80:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/80:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/80:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-50\/90:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-50\/90:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-50\/90:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100:focus) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100:hover) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100:active) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/10:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/10:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/10:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/20:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/20:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/20:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/30:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/30:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/30:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/40:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/40:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/40:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/50:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/50:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/50:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/60:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/60:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/60:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/70:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/70:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/70:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/80:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/80:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/80:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-100\/90:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-100\/90:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-100\/90:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200:focus) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200:hover) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200:active) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/10:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/10:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/10:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/20:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/20:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/20:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/30:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/30:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/30:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/40:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/40:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/40:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/50:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/50:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/50:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/60:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/60:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/60:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/70:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/70:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/70:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/80:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/80:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/80:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-200\/90:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-200\/90:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-200\/90:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300:focus) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300:hover) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300:active) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/10:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/10:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/10:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/20:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/20:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/20:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/30:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/30:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/30:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/40:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/40:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/40:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/50:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/50:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/50:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/60:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/60:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/60:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/70:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/70:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/70:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/80:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/80:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/80:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-300\/90:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-300\/90:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-300\/90:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400:focus) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400:hover) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400:active) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/10:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/10:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/10:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/20:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/20:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/20:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/30:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/30:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/30:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/40:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/40:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/40:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/50:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/50:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/50:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/60:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/60:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/60:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/70:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/70:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/70:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/80:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/80:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/80:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-400\/90:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-400\/90:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-400\/90:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500:focus) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500:hover) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500:active) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/10:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/10:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/10:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/20:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/20:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/20:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/30:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/30:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/30:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/40:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/40:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/40:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/50:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/50:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/50:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/60:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/60:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/60:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/70:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/70:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/70:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/80:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/80:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/80:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-500\/90:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-500\/90:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-500\/90:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600:focus) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600:hover) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600:active) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/10:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/10:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/10:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/20:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/20:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/20:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/30:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/30:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/30:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/40:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/40:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/40:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/50:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/50:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/50:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/60:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/60:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/60:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/70:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/70:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/70:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/80:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/80:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/80:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-600\/90:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-600\/90:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-600\/90:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700:focus) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700:hover) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700:active) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/10:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/10:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/10:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/20:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/20:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/20:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/30:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/30:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/30:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/40:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/40:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/40:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/50:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/50:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/50:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/60:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/60:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/60:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/70:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/70:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/70:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/80:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/80:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/80:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-700\/90:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-700\/90:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-700\/90:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800:focus) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800:hover) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800:active) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/10:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/10:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/10:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/20:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/20:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/20:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/30:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/30:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/30:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/40:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/40:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/40:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/50:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/50:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/50:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/60:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/60:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/60:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/70:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/70:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/70:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/80:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/80:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/80:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-800\/90:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-800\/90:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-800\/90:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900:focus) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900:hover) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900:active) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/10:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/10:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/10:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/20:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/20:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/20:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/30:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/30:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/30:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/40:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/40:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/40:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/50:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/50:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/50:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/60:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/60:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/60:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/70:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/70:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/70:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/80:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/80:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/80:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-purple-900\/90:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-purple-900\/90:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-purple-900\/90:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50:focus) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50:hover) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50:active) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/10:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/10:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/10:active) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/20:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/20:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/20:active) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/30:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/30:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/30:active) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/40:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/40:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/40:active) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/50:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/50:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/50:active) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/60:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/60:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/60:active) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/70:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/70:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/70:active) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/80:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/80:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/80:active) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-50\/90:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-50\/90:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-50\/90:active) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100:focus) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100:hover) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100:active) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/10:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/10:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/10:active) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/20:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/20:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/20:active) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/30:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/30:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/30:active) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/40:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/40:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/40:active) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/50:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/50:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/50:active) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/60:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/60:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/60:active) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/70:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/70:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/70:active) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/80:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/80:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/80:active) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-100\/90:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-100\/90:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-100\/90:active) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200:focus) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200:hover) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200:active) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/10:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/10:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/10:active) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/20:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/20:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/20:active) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/30:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/30:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/30:active) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/40:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/40:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/40:active) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/50:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/50:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/50:active) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/60:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/60:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/60:active) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/70:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/70:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/70:active) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/80:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/80:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/80:active) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-200\/90:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-200\/90:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-200\/90:active) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300:focus) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300:hover) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300:active) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/10:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/10:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/10:active) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/20:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/20:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/20:active) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/30:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/30:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/30:active) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/40:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/40:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/40:active) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/50:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/50:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/50:active) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/60:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/60:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/60:active) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/70:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/70:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/70:active) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/80:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/80:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/80:active) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-300\/90:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-300\/90:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-300\/90:active) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400:focus) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400:hover) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400:active) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/10:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/10:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/10:active) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/20:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/20:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/20:active) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/30:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/30:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/30:active) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/40:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/40:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/40:active) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/50:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/50:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/50:active) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/60:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/60:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/60:active) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/70:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/70:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/70:active) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/80:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/80:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/80:active) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-400\/90:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-400\/90:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-400\/90:active) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500:focus) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500:hover) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500:active) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/10:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/10:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/10:active) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/20:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/20:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/20:active) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/30:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/30:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/30:active) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/40:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/40:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/40:active) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/50:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/50:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/50:active) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/60:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/60:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/60:active) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/70:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/70:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/70:active) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/80:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/80:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/80:active) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-500\/90:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-500\/90:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-500\/90:active) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600:focus) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600:hover) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600:active) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/10:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/10:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/10:active) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/20:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/20:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/20:active) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/30:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/30:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/30:active) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/40:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/40:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/40:active) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/50:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/50:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/50:active) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/60:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/60:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/60:active) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/70:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/70:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/70:active) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/80:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/80:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/80:active) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-600\/90:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-600\/90:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-600\/90:active) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700:focus) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700:hover) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700:active) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/10:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/10:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/10:active) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/20:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/20:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/20:active) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/30:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/30:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/30:active) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/40:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/40:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/40:active) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/50:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/50:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/50:active) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/60:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/60:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/60:active) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/70:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/70:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/70:active) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/80:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/80:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/80:active) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-700\/90:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-700\/90:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-700\/90:active) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800:focus) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800:hover) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800:active) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/10:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/10:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/10:active) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/20:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/20:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/20:active) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/30:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/30:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/30:active) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/40:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/40:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/40:active) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/50:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/50:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/50:active) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/60:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/60:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/60:active) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/70:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/70:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/70:active) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/80:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/80:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/80:active) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-800\/90:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-800\/90:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-800\/90:active) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900:focus) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900:hover) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900:active) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/10:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/10:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/10:active) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/20:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/20:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/20:active) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/30:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/30:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/30:active) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/40:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/40:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/40:active) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/50:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/50:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/50:active) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/60:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/60:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/60:active) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/70:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/70:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/70:active) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/80:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/80:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/80:active) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-red-900\/90:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-red-900\/90:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-red-900\/90:active) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50:focus) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50:hover) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50:active) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/10:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/10:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/10:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/20:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/20:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/20:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/30:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/30:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/30:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/40:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/40:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/40:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/50:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/50:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/50:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/60:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/60:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/60:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/70:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/70:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/70:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/80:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/80:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/80:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-50\/90:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-50\/90:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-50\/90:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100:focus) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100:hover) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100:active) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/10:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/10:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/10:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/20:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/20:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/20:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/30:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/30:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/30:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/40:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/40:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/40:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/50:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/50:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/50:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/60:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/60:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/60:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/70:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/70:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/70:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/80:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/80:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/80:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-100\/90:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-100\/90:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-100\/90:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200:focus) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200:hover) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200:active) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/10:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/10:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/10:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/20:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/20:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/20:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/30:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/30:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/30:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/40:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/40:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/40:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/50:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/50:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/50:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/60:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/60:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/60:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/70:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/70:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/70:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/80:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/80:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/80:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-200\/90:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-200\/90:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-200\/90:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300:focus) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300:hover) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300:active) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/10:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/10:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/10:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/20:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/20:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/20:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/30:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/30:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/30:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/40:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/40:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/40:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/50:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/50:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/50:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/60:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/60:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/60:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/70:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/70:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/70:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/80:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/80:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/80:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-300\/90:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-300\/90:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-300\/90:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400:focus) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400:hover) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400:active) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/10:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/10:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/10:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/20:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/20:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/20:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/30:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/30:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/30:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/40:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/40:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/40:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/50:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/50:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/50:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/60:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/60:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/60:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/70:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/70:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/70:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/80:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/80:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/80:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-400\/90:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-400\/90:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-400\/90:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500:focus) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500:hover) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500:active) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/10:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/10:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/10:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/20:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/20:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/20:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/30:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/30:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/30:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/40:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/40:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/40:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/50:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/50:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/50:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/60:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/60:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/60:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/70:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/70:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/70:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/80:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/80:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/80:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-500\/90:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-500\/90:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-500\/90:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600:focus) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600:hover) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600:active) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/10:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/10:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/10:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/20:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/20:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/20:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/30:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/30:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/30:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/40:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/40:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/40:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/50:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/50:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/50:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/60:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/60:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/60:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/70:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/70:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/70:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/80:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/80:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/80:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-600\/90:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-600\/90:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-600\/90:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700:focus) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700:hover) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700:active) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/10:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/10:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/10:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/20:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/20:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/20:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/30:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/30:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/30:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/40:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/40:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/40:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/50:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/50:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/50:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/60:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/60:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/60:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/70:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/70:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/70:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/80:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/80:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/80:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-700\/90:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-700\/90:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-700\/90:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800:focus) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800:hover) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800:active) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/10:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/10:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/10:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/20:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/20:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/20:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/30:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/30:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/30:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/40:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/40:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/40:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/50:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/50:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/50:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/60:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/60:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/60:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/70:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/70:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/70:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/80:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/80:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/80:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-800\/90:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-800\/90:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-800\/90:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900:focus) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900:hover) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900:active) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/10:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/10:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/10:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/20:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/20:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/20:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/30:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/30:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/30:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/40:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/40:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/40:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/50:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/50:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/50:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/60:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/60:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/60:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/70:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/70:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/70:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/80:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/80:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/80:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-gray-900\/90:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-gray-900\/90:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-gray-900\/90:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0:focus) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0:hover) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0:active) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/10:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/10:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/10:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/20:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/20:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/20:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/30:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/30:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/30:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/40:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/40:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/40:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/50:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/50:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/50:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/60:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/60:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/60:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/70:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/70:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/70:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/80:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/80:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/80:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-0\/90:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-0\/90:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-0\/90:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50:focus) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50:hover) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50:active) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/10:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/10:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/10:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/20:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/20:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/20:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/30:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/30:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/30:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/40:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/40:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/40:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/50:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/50:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/50:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/60:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/60:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/60:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/70:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/70:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/70:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/80:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/80:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/80:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-50\/90:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-50\/90:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-50\/90:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100:focus) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100:hover) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100:active) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/10:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/10:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/10:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/20:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/20:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/20:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/30:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/30:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/30:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/40:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/40:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/40:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/50:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/50:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/50:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/60:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/60:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/60:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/70:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/70:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/70:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/80:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/80:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/80:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-100\/90:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-100\/90:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-100\/90:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200:focus) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200:hover) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200:active) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/10:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/10:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/10:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/20:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/20:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/20:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/30:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/30:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/30:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/40:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/40:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/40:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/50:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/50:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/50:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/60:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/60:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/60:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/70:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/70:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/70:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/80:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/80:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/80:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-200\/90:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-200\/90:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-200\/90:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300:focus) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300:hover) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300:active) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/10:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/10:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/10:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/20:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/20:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/20:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/30:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/30:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/30:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/40:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/40:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/40:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/50:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/50:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/50:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/60:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/60:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/60:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/70:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/70:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/70:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/80:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/80:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/80:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-300\/90:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-300\/90:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-300\/90:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400:focus) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400:hover) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400:active) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/10:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/10:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/10:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/20:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/20:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/20:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/30:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/30:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/30:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/40:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/40:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/40:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/50:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/50:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/50:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/60:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/60:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/60:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/70:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/70:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/70:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/80:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/80:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/80:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-400\/90:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-400\/90:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-400\/90:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500:focus) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500:hover) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500:active) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/10:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/10:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/10:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/20:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/20:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/20:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/30:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/30:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/30:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/40:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/40:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/40:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/50:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/50:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/50:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/60:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/60:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/60:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/70:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/70:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/70:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/80:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/80:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/80:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-500\/90:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-500\/90:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-500\/90:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600:focus) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600:hover) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600:active) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/10:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/10:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/10:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/20:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/20:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/20:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/30:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/30:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/30:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/40:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/40:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/40:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/50:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/50:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/50:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/60:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/60:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/60:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/70:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/70:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/70:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/80:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/80:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/80:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-600\/90:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-600\/90:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-600\/90:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700:focus) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700:hover) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700:active) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/10:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/10:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/10:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/20:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/20:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/20:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/30:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/30:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/30:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/40:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/40:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/40:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/50:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/50:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/50:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/60:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/60:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/60:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/70:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/70:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/70:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/80:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/80:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/80:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-700\/90:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-700\/90:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-700\/90:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800:focus) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800:hover) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800:active) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/10:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/10:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/10:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/20:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/20:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/20:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/30:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/30:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/30:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/40:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/40:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/40:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/50:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/50:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/50:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/60:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/60:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/60:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/70:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/70:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/70:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/80:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/80:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/80:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-800\/90:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-800\/90:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-800\/90:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900:focus) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900:hover) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900:active) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/10:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/10:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/10:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/20:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/20:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/20:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/30:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/30:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/30:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/40:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/40:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/40:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/50:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/50:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/50:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/60:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/60:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/60:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/70:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/70:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/70:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/80:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/80:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/80:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-surface-900\/90:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-surface-900\/90:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-surface-900\/90:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50:focus) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50:hover) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50:active) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/10:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/10:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/10:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/20:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/20:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/20:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/30:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/30:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/30:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/40:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/40:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/40:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/50:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/50:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/50:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/60:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/60:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/60:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/70:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/70:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/70:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/80:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/80:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/80:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-50\/90:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-50\/90:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-50\/90:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100:focus) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100:hover) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100:active) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/10:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/10:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/10:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/20:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/20:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/20:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/30:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/30:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/30:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/40:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/40:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/40:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/50:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/50:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/50:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/60:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/60:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/60:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/70:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/70:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/70:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/80:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/80:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/80:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-100\/90:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-100\/90:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-100\/90:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200:focus) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200:hover) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200:active) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/10:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/10:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/10:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/20:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/20:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/20:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/30:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/30:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/30:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/40:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/40:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/40:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/50:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/50:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/50:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/60:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/60:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/60:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/70:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/70:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/70:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/80:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/80:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/80:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-200\/90:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-200\/90:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-200\/90:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300:focus) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300:hover) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300:active) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/10:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/10:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/10:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/20:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/20:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/20:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/30:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/30:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/30:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/40:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/40:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/40:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/50:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/50:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/50:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/60:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/60:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/60:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/70:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/70:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/70:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/80:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/80:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/80:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-300\/90:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-300\/90:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-300\/90:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400:focus) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400:hover) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400:active) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/10:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/10:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/10:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/20:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/20:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/20:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/30:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/30:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/30:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/40:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/40:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/40:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/50:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/50:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/50:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/60:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/60:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/60:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/70:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/70:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/70:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/80:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/80:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/80:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-400\/90:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-400\/90:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-400\/90:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500:focus) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500:hover) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500:active) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/10:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/10:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/10:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/20:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/20:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/20:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/30:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/30:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/30:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/40:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/40:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/40:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/50:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/50:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/50:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/60:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/60:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/60:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/70:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/70:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/70:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/80:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/80:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/80:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-500\/90:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-500\/90:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-500\/90:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600:focus) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600:hover) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600:active) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/10:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/10:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/10:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/20:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/20:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/20:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/30:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/30:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/30:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/40:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/40:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/40:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/50:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/50:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/50:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/60:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/60:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/60:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/70:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/70:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/70:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/80:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/80:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/80:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-600\/90:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-600\/90:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-600\/90:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700:focus) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700:hover) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700:active) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/10:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/10:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/10:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/20:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/20:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/20:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/30:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/30:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/30:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/40:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/40:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/40:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/50:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/50:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/50:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/60:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/60:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/60:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/70:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/70:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/70:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/80:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/80:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/80:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-700\/90:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-700\/90:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-700\/90:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800:focus) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800:hover) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800:active) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/10:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/10:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/10:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/20:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/20:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/20:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/30:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/30:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/30:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/40:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/40:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/40:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/50:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/50:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/50:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/60:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/60:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/60:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/70:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/70:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/70:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/80:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/80:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/80:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-800\/90:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-800\/90:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-800\/90:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900:focus) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900:hover) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900:active) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/10:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/10:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/10:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/20:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/20:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/20:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/30:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/30:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/30:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/40:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/40:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/40:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/50:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/50:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/50:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/60:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/60:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/60:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/70:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/70:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/70:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/80:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/80:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/80:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-primary-900\/90:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-primary-900\/90:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-primary-900\/90:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/10) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/20) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/30) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/40) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/50) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/60) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/70) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/80) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-50\/90) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/10) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/20) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/30) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/40) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/50) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/60) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/70) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/80) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-100\/90) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/10) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/20) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/30) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/40) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/50) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/60) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/70) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/80) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-200\/90) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/10) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/20) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/30) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/40) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/50) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/60) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/70) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/80) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-300\/90) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/10) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/20) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/30) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/40) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/50) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/60) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/70) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/80) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-400\/90) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/10) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/20) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/30) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/40) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/50) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/60) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/70) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/80) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-500\/90) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/10) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/20) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/30) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/40) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/50) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/60) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/70) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/80) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-600\/90) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/10) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/20) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/30) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/40) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/50) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/60) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/70) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/80) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-700\/90) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/10) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/20) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/30) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/40) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/50) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/60) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/70) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/80) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-800\/90) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/10) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/20) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/30) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/40) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/50) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/60) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/70) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/80) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-blue-900\/90) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/10) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/20) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/30) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/40) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/50) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/60) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/70) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/80) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-50\/90) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/10) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/20) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/30) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/40) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/50) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/60) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/70) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/80) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-100\/90) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/10) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/20) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/30) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/40) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/50) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/60) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/70) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/80) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-200\/90) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/10) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/20) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/30) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/40) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/50) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/60) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/70) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/80) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-300\/90) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/10) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/20) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/30) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/40) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/50) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/60) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/70) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/80) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-400\/90) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/10) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/20) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/30) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/40) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/50) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/60) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/70) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/80) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-500\/90) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/10) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/20) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/30) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/40) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/50) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/60) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/70) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/80) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-600\/90) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/10) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/20) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/30) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/40) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/50) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/60) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/70) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/80) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-700\/90) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/10) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/20) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/30) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/40) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/50) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/60) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/70) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/80) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-800\/90) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/10) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/20) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/30) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/40) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/50) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/60) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/70) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/80) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-green-900\/90) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/10) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/20) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/30) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/40) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/50) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/60) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/70) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/80) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-50\/90) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/10) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/20) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/30) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/40) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/50) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/60) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/70) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/80) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-100\/90) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/10) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/20) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/30) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/40) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/50) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/60) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/70) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/80) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-200\/90) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/10) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/20) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/30) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/40) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/50) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/60) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/70) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/80) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-300\/90) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/10) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/20) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/30) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/40) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/50) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/60) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/70) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/80) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-400\/90) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/10) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/20) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/30) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/40) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/50) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/60) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/70) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/80) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-500\/90) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/10) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/20) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/30) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/40) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/50) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/60) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/70) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/80) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-600\/90) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/10) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/20) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/30) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/40) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/50) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/60) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/70) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/80) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-700\/90) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/10) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/20) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/30) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/40) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/50) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/60) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/70) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/80) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-800\/90) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/10) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/20) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/30) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/40) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/50) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/60) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/70) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/80) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-yellow-900\/90) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/10) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/20) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/30) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/40) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/50) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/60) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/70) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/80) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-50\/90) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/10) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/20) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/30) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/40) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/50) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/60) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/70) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/80) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-100\/90) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/10) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/20) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/30) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/40) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/50) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/60) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/70) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/80) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-200\/90) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/10) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/20) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/30) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/40) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/50) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/60) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/70) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/80) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-300\/90) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/10) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/20) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/30) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/40) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/50) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/60) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/70) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/80) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-400\/90) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/10) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/20) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/30) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/40) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/50) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/60) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/70) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/80) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-500\/90) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/10) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/20) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/30) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/40) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/50) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/60) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/70) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/80) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-600\/90) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/10) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/20) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/30) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/40) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/50) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/60) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/70) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/80) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-700\/90) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/10) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/20) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/30) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/40) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/50) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/60) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/70) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/80) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-800\/90) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/10) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/20) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/30) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/40) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/50) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/60) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/70) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/80) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-cyan-900\/90) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/10) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/20) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/30) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/40) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/50) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/60) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/70) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/80) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-50\/90) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/10) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/20) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/30) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/40) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/50) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/60) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/70) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/80) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-100\/90) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/10) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/20) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/30) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/40) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/50) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/60) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/70) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/80) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-200\/90) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/10) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/20) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/30) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/40) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/50) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/60) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/70) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/80) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-300\/90) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/10) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/20) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/30) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/40) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/50) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/60) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/70) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/80) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-400\/90) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/10) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/20) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/30) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/40) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/50) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/60) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/70) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/80) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-500\/90) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/10) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/20) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/30) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/40) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/50) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/60) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/70) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/80) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-600\/90) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/10) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/20) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/30) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/40) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/50) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/60) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/70) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/80) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-700\/90) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/10) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/20) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/30) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/40) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/50) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/60) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/70) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/80) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-800\/90) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/10) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/20) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/30) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/40) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/50) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/60) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/70) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/80) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-pink-900\/90) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/10) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/20) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/30) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/40) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/50) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/60) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/70) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/80) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-50\/90) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/10) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/20) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/30) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/40) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/50) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/60) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/70) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/80) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-100\/90) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/10) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/20) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/30) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/40) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/50) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/60) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/70) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/80) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-200\/90) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/10) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/20) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/30) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/40) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/50) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/60) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/70) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/80) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-300\/90) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/10) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/20) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/30) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/40) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/50) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/60) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/70) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/80) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-400\/90) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/10) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/20) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/30) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/40) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/50) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/60) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/70) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/80) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-500\/90) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/10) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/20) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/30) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/40) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/50) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/60) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/70) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/80) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-600\/90) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/10) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/20) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/30) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/40) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/50) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/60) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/70) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/80) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-700\/90) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/10) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/20) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/30) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/40) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/50) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/60) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/70) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/80) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-800\/90) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/10) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/20) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/30) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/40) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/50) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/60) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/70) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/80) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-indigo-900\/90) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/10) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/20) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/30) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/40) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/50) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/60) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/70) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/80) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-50\/90) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/10) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/20) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/30) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/40) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/50) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/60) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/70) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/80) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-100\/90) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/10) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/20) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/30) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/40) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/50) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/60) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/70) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/80) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-200\/90) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/10) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/20) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/30) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/40) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/50) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/60) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/70) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/80) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-300\/90) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/10) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/20) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/30) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/40) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/50) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/60) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/70) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/80) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-400\/90) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/10) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/20) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/30) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/40) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/50) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/60) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/70) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/80) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-500\/90) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/10) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/20) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/30) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/40) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/50) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/60) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/70) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/80) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-600\/90) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/10) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/20) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/30) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/40) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/50) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/60) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/70) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/80) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-700\/90) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/10) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/20) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/30) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/40) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/50) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/60) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/70) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/80) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-800\/90) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/10) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/20) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/30) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/40) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/50) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/60) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/70) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/80) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-teal-900\/90) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/10) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/20) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/30) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/40) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/50) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/60) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/70) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/80) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-50\/90) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/10) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/20) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/30) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/40) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/50) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/60) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/70) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/80) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-100\/90) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/10) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/20) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/30) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/40) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/50) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/60) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/70) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/80) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-200\/90) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/10) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/20) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/30) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/40) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/50) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/60) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/70) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/80) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-300\/90) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/10) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/20) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/30) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/40) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/50) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/60) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/70) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/80) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-400\/90) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/10) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/20) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/30) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/40) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/50) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/60) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/70) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/80) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-500\/90) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/10) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/20) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/30) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/40) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/50) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/60) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/70) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/80) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-600\/90) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/10) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/20) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/30) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/40) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/50) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/60) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/70) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/80) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-700\/90) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/10) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/20) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/30) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/40) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/50) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/60) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/70) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/80) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-800\/90) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/10) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/20) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/30) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/40) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/50) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/60) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/70) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/80) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-orange-900\/90) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/10) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/20) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/30) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/40) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/50) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/60) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/70) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/80) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-50\/90) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/10) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/20) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/30) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/40) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/50) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/60) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/70) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/80) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-100\/90) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/10) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/20) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/30) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/40) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/50) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/60) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/70) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/80) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-200\/90) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/10) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/20) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/30) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/40) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/50) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/60) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/70) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/80) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-300\/90) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/10) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/20) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/30) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/40) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/50) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/60) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/70) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/80) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-400\/90) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/10) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/20) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/30) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/40) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/50) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/60) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/70) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/80) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-500\/90) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/10) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/20) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/30) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/40) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/50) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/60) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/70) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/80) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-600\/90) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/10) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/20) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/30) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/40) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/50) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/60) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/70) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/80) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-700\/90) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/10) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/20) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/30) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/40) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/50) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/60) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/70) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/80) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-800\/90) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/10) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/20) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/30) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/40) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/50) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/60) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/70) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/80) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-bluegray-900\/90) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/10) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/20) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/30) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/40) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/50) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/60) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/70) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/80) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-50\/90) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/10) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/20) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/30) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/40) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/50) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/60) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/70) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/80) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-100\/90) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/10) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/20) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/30) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/40) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/50) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/60) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/70) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/80) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-200\/90) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/10) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/20) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/30) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/40) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/50) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/60) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/70) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/80) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-300\/90) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/10) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/20) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/30) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/40) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/50) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/60) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/70) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/80) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-400\/90) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/10) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/20) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/30) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/40) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/50) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/60) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/70) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/80) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-500\/90) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/10) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/20) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/30) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/40) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/50) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/60) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/70) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/80) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-600\/90) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/10) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/20) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/30) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/40) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/50) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/60) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/70) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/80) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-700\/90) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/10) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/20) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/30) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/40) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/50) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/60) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/70) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/80) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-800\/90) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/10) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/20) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/30) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/40) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/50) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/60) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/70) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/80) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-purple-900\/90) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/10) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/20) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/30) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/40) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/50) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/60) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/70) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/80) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-50\/90) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/10) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/20) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/30) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/40) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/50) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/60) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/70) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/80) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-100\/90) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/10) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/20) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/30) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/40) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/50) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/60) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/70) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/80) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-200\/90) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/10) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/20) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/30) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/40) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/50) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/60) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/70) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/80) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-300\/90) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/10) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/20) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/30) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/40) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/50) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/60) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/70) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/80) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-400\/90) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/10) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/20) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/30) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/40) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/50) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/60) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/70) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/80) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-500\/90) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/10) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/20) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/30) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/40) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/50) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/60) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/70) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/80) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-600\/90) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/10) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/20) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/30) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/40) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/50) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/60) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/70) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/80) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-700\/90) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/10) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/20) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/30) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/40) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/50) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/60) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/70) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/80) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-800\/90) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/10) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/20) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/30) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/40) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/50) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/60) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/70) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/80) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-red-900\/90) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/10) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/20) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/30) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/40) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/50) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/60) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/70) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/80) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-50\/90) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/10) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/20) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/30) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/40) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/50) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/60) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/70) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/80) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-100\/90) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/10) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/20) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/30) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/40) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/50) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/60) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/70) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/80) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-200\/90) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/10) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/20) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/30) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/40) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/50) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/60) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/70) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/80) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-300\/90) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/10) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/20) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/30) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/40) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/50) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/60) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/70) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/80) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-400\/90) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/10) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/20) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/30) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/40) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/50) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/60) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/70) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/80) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-500\/90) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/10) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/20) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/30) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/40) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/50) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/60) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/70) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/80) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-600\/90) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/10) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/20) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/30) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/40) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/50) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/60) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/70) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/80) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-700\/90) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/10) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/20) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/30) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/40) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/50) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/60) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/70) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/80) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-800\/90) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/10) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/20) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/30) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/40) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/50) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/60) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/70) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/80) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-gray-900\/90) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/10) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/20) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/30) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/40) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/50) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/60) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/70) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/80) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-0\/90) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/10) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/20) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/30) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/40) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/50) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/60) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/70) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/80) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-50\/90) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/10) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/20) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/30) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/40) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/50) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/60) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/70) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/80) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-100\/90) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/10) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/20) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/30) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/40) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/50) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/60) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/70) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/80) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-200\/90) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/10) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/20) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/30) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/40) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/50) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/60) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/70) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/80) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-300\/90) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/10) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/20) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/30) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/40) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/50) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/60) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/70) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/80) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-400\/90) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/10) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/20) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/30) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/40) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/50) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/60) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/70) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/80) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-500\/90) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/10) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/20) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/30) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/40) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/50) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/60) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/70) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/80) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-600\/90) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/10) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/20) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/30) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/40) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/50) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/60) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/70) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/80) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-700\/90) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/10) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/20) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/30) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/40) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/50) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/60) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/70) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/80) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-800\/90) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/10) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/20) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/30) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/40) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/50) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/60) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/70) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/80) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-surface-900\/90) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/10) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/20) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/30) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/40) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/50) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/60) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/70) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/80) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-50\/90) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/10) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/20) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/30) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/40) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/50) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/60) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/70) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/80) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-100\/90) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/10) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/20) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/30) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/40) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/50) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/60) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/70) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/80) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-200\/90) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/10) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/20) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/30) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/40) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/50) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/60) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/70) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/80) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-300\/90) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/10) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/20) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/30) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/40) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/50) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/60) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/70) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/80) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-400\/90) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/10) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/20) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/30) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/40) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/50) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/60) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/70) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/80) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-500\/90) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/10) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/20) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/30) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/40) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/50) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/60) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/70) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/80) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-600\/90) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/10) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/20) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/30) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/40) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/50) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/60) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/70) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/80) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-700\/90) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/10) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/20) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/30) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/40) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/50) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/60) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/70) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/80) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-800\/90) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/10) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/20) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/30) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/40) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/50) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/60) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/70) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/80) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-primary-900\/90) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50:focus) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50:hover) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50:active) { + border-color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/10:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/10:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/10:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/20:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/20:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/20:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/30:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/30:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/30:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/40:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/40:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/40:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/50:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/50:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/50:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/60:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/60:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/60:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/70:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/70:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/70:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/80:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/80:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/80:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-50\/90:focus) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-50\/90:hover) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-50\/90:active) { + border-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100:focus) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100:hover) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100:active) { + border-color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/10:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/10:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/10:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/20:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/20:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/20:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/30:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/30:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/30:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/40:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/40:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/40:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/50:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/50:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/50:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/60:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/60:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/60:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/70:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/70:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/70:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/80:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/80:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/80:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-100\/90:focus) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-100\/90:hover) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-100\/90:active) { + border-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200:focus) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200:hover) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200:active) { + border-color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/10:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/10:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/10:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/20:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/20:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/20:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/30:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/30:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/30:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/40:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/40:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/40:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/50:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/50:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/50:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/60:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/60:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/60:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/70:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/70:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/70:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/80:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/80:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/80:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-200\/90:focus) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-200\/90:hover) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-200\/90:active) { + border-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300:focus) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300:hover) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300:active) { + border-color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/10:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/10:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/10:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/20:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/20:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/20:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/30:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/30:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/30:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/40:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/40:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/40:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/50:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/50:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/50:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/60:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/60:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/60:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/70:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/70:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/70:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/80:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/80:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/80:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-300\/90:focus) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-300\/90:hover) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-300\/90:active) { + border-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400:focus) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400:hover) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400:active) { + border-color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/10:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/10:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/10:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/20:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/20:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/20:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/30:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/30:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/30:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/40:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/40:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/40:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/50:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/50:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/50:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/60:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/60:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/60:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/70:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/70:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/70:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/80:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/80:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/80:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-400\/90:focus) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-400\/90:hover) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-400\/90:active) { + border-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500:focus) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500:hover) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500:active) { + border-color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/10:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/10:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/10:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/20:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/20:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/20:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/30:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/30:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/30:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/40:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/40:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/40:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/50:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/50:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/50:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/60:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/60:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/60:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/70:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/70:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/70:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/80:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/80:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/80:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-500\/90:focus) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-500\/90:hover) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-500\/90:active) { + border-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600:focus) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600:hover) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600:active) { + border-color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/10:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/10:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/10:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/20:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/20:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/20:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/30:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/30:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/30:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/40:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/40:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/40:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/50:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/50:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/50:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/60:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/60:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/60:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/70:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/70:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/70:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/80:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/80:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/80:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-600\/90:focus) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-600\/90:hover) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-600\/90:active) { + border-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700:focus) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700:hover) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700:active) { + border-color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/10:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/10:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/10:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/20:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/20:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/20:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/30:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/30:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/30:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/40:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/40:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/40:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/50:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/50:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/50:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/60:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/60:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/60:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/70:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/70:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/70:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/80:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/80:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/80:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-700\/90:focus) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-700\/90:hover) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-700\/90:active) { + border-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800:focus) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800:hover) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800:active) { + border-color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/10:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/10:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/10:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/20:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/20:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/20:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/30:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/30:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/30:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/40:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/40:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/40:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/50:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/50:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/50:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/60:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/60:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/60:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/70:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/70:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/70:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/80:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/80:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/80:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-800\/90:focus) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-800\/90:hover) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-800\/90:active) { + border-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900:focus) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900:hover) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900:active) { + border-color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/10:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/10:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/10:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/20:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/20:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/20:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/30:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/30:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/30:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/40:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/40:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/40:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/50:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/50:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/50:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/60:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/60:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/60:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/70:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/70:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/70:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/80:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/80:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/80:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-blue-900\/90:focus) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-blue-900\/90:hover) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-blue-900\/90:active) { + border-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50:focus) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50:hover) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50:active) { + border-color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/10:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/10:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/10:active) { + border-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/20:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/20:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/20:active) { + border-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/30:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/30:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/30:active) { + border-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/40:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/40:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/40:active) { + border-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/50:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/50:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/50:active) { + border-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/60:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/60:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/60:active) { + border-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/70:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/70:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/70:active) { + border-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/80:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/80:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/80:active) { + border-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-50\/90:focus) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-50\/90:hover) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-50\/90:active) { + border-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100:focus) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100:hover) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100:active) { + border-color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/10:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/10:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/10:active) { + border-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/20:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/20:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/20:active) { + border-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/30:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/30:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/30:active) { + border-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/40:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/40:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/40:active) { + border-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/50:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/50:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/50:active) { + border-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/60:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/60:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/60:active) { + border-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/70:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/70:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/70:active) { + border-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/80:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/80:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/80:active) { + border-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-100\/90:focus) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-100\/90:hover) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-100\/90:active) { + border-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200:focus) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200:hover) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200:active) { + border-color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/10:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/10:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/10:active) { + border-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/20:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/20:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/20:active) { + border-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/30:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/30:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/30:active) { + border-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/40:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/40:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/40:active) { + border-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/50:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/50:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/50:active) { + border-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/60:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/60:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/60:active) { + border-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/70:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/70:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/70:active) { + border-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/80:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/80:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/80:active) { + border-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-200\/90:focus) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-200\/90:hover) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-200\/90:active) { + border-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300:focus) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300:hover) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300:active) { + border-color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/10:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/10:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/10:active) { + border-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/20:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/20:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/20:active) { + border-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/30:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/30:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/30:active) { + border-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/40:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/40:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/40:active) { + border-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/50:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/50:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/50:active) { + border-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/60:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/60:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/60:active) { + border-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/70:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/70:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/70:active) { + border-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/80:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/80:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/80:active) { + border-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-300\/90:focus) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-300\/90:hover) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-300\/90:active) { + border-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400:focus) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400:hover) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400:active) { + border-color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/10:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/10:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/10:active) { + border-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/20:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/20:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/20:active) { + border-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/30:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/30:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/30:active) { + border-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/40:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/40:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/40:active) { + border-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/50:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/50:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/50:active) { + border-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/60:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/60:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/60:active) { + border-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/70:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/70:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/70:active) { + border-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/80:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/80:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/80:active) { + border-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-400\/90:focus) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-400\/90:hover) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-400\/90:active) { + border-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500:focus) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500:hover) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500:active) { + border-color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/10:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/10:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/10:active) { + border-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/20:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/20:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/20:active) { + border-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/30:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/30:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/30:active) { + border-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/40:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/40:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/40:active) { + border-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/50:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/50:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/50:active) { + border-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/60:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/60:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/60:active) { + border-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/70:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/70:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/70:active) { + border-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/80:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/80:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/80:active) { + border-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-500\/90:focus) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-500\/90:hover) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-500\/90:active) { + border-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600:focus) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600:hover) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600:active) { + border-color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/10:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/10:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/10:active) { + border-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/20:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/20:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/20:active) { + border-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/30:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/30:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/30:active) { + border-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/40:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/40:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/40:active) { + border-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/50:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/50:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/50:active) { + border-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/60:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/60:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/60:active) { + border-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/70:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/70:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/70:active) { + border-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/80:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/80:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/80:active) { + border-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-600\/90:focus) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-600\/90:hover) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-600\/90:active) { + border-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700:focus) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700:hover) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700:active) { + border-color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/10:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/10:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/10:active) { + border-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/20:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/20:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/20:active) { + border-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/30:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/30:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/30:active) { + border-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/40:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/40:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/40:active) { + border-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/50:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/50:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/50:active) { + border-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/60:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/60:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/60:active) { + border-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/70:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/70:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/70:active) { + border-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/80:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/80:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/80:active) { + border-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-700\/90:focus) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-700\/90:hover) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-700\/90:active) { + border-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800:focus) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800:hover) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800:active) { + border-color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/10:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/10:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/10:active) { + border-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/20:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/20:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/20:active) { + border-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/30:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/30:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/30:active) { + border-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/40:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/40:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/40:active) { + border-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/50:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/50:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/50:active) { + border-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/60:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/60:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/60:active) { + border-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/70:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/70:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/70:active) { + border-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/80:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/80:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/80:active) { + border-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-800\/90:focus) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-800\/90:hover) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-800\/90:active) { + border-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900:focus) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900:hover) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900:active) { + border-color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/10:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/10:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/10:active) { + border-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/20:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/20:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/20:active) { + border-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/30:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/30:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/30:active) { + border-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/40:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/40:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/40:active) { + border-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/50:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/50:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/50:active) { + border-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/60:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/60:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/60:active) { + border-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/70:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/70:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/70:active) { + border-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/80:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/80:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/80:active) { + border-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-green-900\/90:focus) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-green-900\/90:hover) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-green-900\/90:active) { + border-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50:focus) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50:hover) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50:active) { + border-color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/10:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/20:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/30:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/40:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/50:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/60:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/70:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/80:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-50\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-50\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-50\/90:active) { + border-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100:focus) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100:hover) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100:active) { + border-color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/10:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/20:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/30:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/40:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/50:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/60:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/70:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/80:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-100\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-100\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-100\/90:active) { + border-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200:focus) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200:hover) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200:active) { + border-color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/10:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/20:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/30:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/40:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/50:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/60:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/70:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/80:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-200\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-200\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-200\/90:active) { + border-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300:focus) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300:hover) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300:active) { + border-color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/10:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/20:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/30:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/40:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/50:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/60:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/70:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/80:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-300\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-300\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-300\/90:active) { + border-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400:focus) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400:hover) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400:active) { + border-color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/10:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/20:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/30:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/40:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/50:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/60:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/70:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/80:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-400\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-400\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-400\/90:active) { + border-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500:focus) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500:hover) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500:active) { + border-color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/10:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/20:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/30:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/40:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/50:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/60:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/70:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/80:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-500\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-500\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-500\/90:active) { + border-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600:focus) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600:hover) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600:active) { + border-color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/10:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/20:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/30:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/40:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/50:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/60:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/70:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/80:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-600\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-600\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-600\/90:active) { + border-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700:focus) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700:hover) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700:active) { + border-color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/10:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/20:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/30:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/40:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/50:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/60:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/70:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/80:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-700\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-700\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-700\/90:active) { + border-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800:focus) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800:hover) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800:active) { + border-color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/10:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/20:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/30:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/40:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/50:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/60:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/70:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/80:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-800\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-800\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-800\/90:active) { + border-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900:focus) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900:hover) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900:active) { + border-color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/10:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/10:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/10:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/20:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/20:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/20:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/30:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/30:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/30:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/40:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/40:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/40:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/50:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/50:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/50:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/60:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/60:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/60:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/70:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/70:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/70:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/80:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/80:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/80:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-yellow-900\/90:focus) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-yellow-900\/90:hover) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-yellow-900\/90:active) { + border-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50:focus) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50:hover) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50:active) { + border-color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/10:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/20:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/30:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/40:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/50:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/60:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/70:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/80:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-50\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-50\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-50\/90:active) { + border-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100:focus) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100:hover) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100:active) { + border-color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/10:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/20:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/30:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/40:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/50:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/60:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/70:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/80:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-100\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-100\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-100\/90:active) { + border-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200:focus) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200:hover) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200:active) { + border-color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/10:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/20:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/30:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/40:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/50:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/60:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/70:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/80:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-200\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-200\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-200\/90:active) { + border-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300:focus) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300:hover) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300:active) { + border-color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/10:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/20:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/30:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/40:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/50:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/60:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/70:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/80:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-300\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-300\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-300\/90:active) { + border-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400:focus) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400:hover) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400:active) { + border-color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/10:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/20:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/30:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/40:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/50:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/60:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/70:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/80:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-400\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-400\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-400\/90:active) { + border-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500:focus) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500:hover) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500:active) { + border-color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/10:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/20:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/30:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/40:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/50:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/60:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/70:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/80:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-500\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-500\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-500\/90:active) { + border-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600:focus) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600:hover) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600:active) { + border-color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/10:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/20:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/30:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/40:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/50:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/60:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/70:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/80:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-600\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-600\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-600\/90:active) { + border-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700:focus) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700:hover) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700:active) { + border-color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/10:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/20:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/30:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/40:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/50:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/60:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/70:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/80:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-700\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-700\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-700\/90:active) { + border-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800:focus) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800:hover) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800:active) { + border-color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/10:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/20:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/30:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/40:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/50:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/60:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/70:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/80:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-800\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-800\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-800\/90:active) { + border-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900:focus) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900:hover) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900:active) { + border-color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/10:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/10:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/10:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/20:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/20:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/20:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/30:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/30:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/30:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/40:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/40:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/40:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/50:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/50:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/50:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/60:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/60:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/60:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/70:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/70:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/70:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/80:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/80:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/80:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-cyan-900\/90:focus) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-cyan-900\/90:hover) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-cyan-900\/90:active) { + border-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50:focus) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50:hover) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50:active) { + border-color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/10:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/10:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/10:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/20:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/20:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/20:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/30:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/30:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/30:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/40:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/40:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/40:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/50:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/50:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/50:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/60:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/60:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/60:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/70:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/70:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/70:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/80:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/80:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/80:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-50\/90:focus) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-50\/90:hover) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-50\/90:active) { + border-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100:focus) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100:hover) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100:active) { + border-color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/10:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/10:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/10:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/20:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/20:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/20:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/30:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/30:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/30:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/40:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/40:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/40:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/50:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/50:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/50:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/60:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/60:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/60:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/70:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/70:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/70:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/80:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/80:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/80:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-100\/90:focus) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-100\/90:hover) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-100\/90:active) { + border-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200:focus) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200:hover) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200:active) { + border-color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/10:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/10:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/10:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/20:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/20:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/20:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/30:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/30:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/30:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/40:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/40:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/40:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/50:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/50:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/50:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/60:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/60:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/60:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/70:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/70:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/70:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/80:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/80:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/80:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-200\/90:focus) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-200\/90:hover) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-200\/90:active) { + border-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300:focus) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300:hover) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300:active) { + border-color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/10:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/10:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/10:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/20:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/20:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/20:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/30:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/30:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/30:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/40:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/40:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/40:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/50:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/50:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/50:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/60:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/60:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/60:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/70:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/70:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/70:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/80:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/80:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/80:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-300\/90:focus) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-300\/90:hover) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-300\/90:active) { + border-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400:focus) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400:hover) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400:active) { + border-color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/10:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/10:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/10:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/20:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/20:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/20:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/30:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/30:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/30:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/40:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/40:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/40:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/50:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/50:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/50:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/60:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/60:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/60:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/70:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/70:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/70:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/80:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/80:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/80:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-400\/90:focus) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-400\/90:hover) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-400\/90:active) { + border-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500:focus) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500:hover) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500:active) { + border-color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/10:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/10:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/10:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/20:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/20:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/20:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/30:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/30:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/30:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/40:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/40:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/40:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/50:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/50:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/50:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/60:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/60:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/60:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/70:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/70:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/70:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/80:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/80:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/80:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-500\/90:focus) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-500\/90:hover) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-500\/90:active) { + border-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600:focus) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600:hover) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600:active) { + border-color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/10:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/10:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/10:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/20:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/20:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/20:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/30:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/30:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/30:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/40:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/40:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/40:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/50:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/50:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/50:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/60:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/60:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/60:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/70:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/70:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/70:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/80:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/80:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/80:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-600\/90:focus) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-600\/90:hover) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-600\/90:active) { + border-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700:focus) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700:hover) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700:active) { + border-color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/10:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/10:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/10:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/20:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/20:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/20:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/30:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/30:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/30:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/40:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/40:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/40:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/50:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/50:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/50:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/60:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/60:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/60:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/70:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/70:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/70:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/80:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/80:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/80:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-700\/90:focus) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-700\/90:hover) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-700\/90:active) { + border-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800:focus) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800:hover) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800:active) { + border-color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/10:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/10:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/10:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/20:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/20:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/20:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/30:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/30:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/30:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/40:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/40:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/40:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/50:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/50:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/50:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/60:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/60:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/60:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/70:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/70:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/70:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/80:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/80:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/80:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-800\/90:focus) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-800\/90:hover) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-800\/90:active) { + border-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900:focus) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900:hover) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900:active) { + border-color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/10:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/10:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/10:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/20:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/20:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/20:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/30:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/30:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/30:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/40:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/40:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/40:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/50:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/50:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/50:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/60:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/60:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/60:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/70:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/70:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/70:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/80:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/80:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/80:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-pink-900\/90:focus) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-pink-900\/90:hover) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-pink-900\/90:active) { + border-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50:focus) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50:hover) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50:active) { + border-color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/10:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/20:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/30:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/40:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/50:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/60:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/70:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/80:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-50\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-50\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-50\/90:active) { + border-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100:focus) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100:hover) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100:active) { + border-color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/10:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/20:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/30:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/40:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/50:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/60:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/70:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/80:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-100\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-100\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-100\/90:active) { + border-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200:focus) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200:hover) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200:active) { + border-color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/10:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/20:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/30:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/40:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/50:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/60:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/70:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/80:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-200\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-200\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-200\/90:active) { + border-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300:focus) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300:hover) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300:active) { + border-color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/10:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/20:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/30:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/40:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/50:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/60:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/70:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/80:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-300\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-300\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-300\/90:active) { + border-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400:focus) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400:hover) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400:active) { + border-color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/10:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/20:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/30:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/40:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/50:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/60:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/70:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/80:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-400\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-400\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-400\/90:active) { + border-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500:focus) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500:hover) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500:active) { + border-color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/10:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/20:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/30:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/40:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/50:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/60:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/70:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/80:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-500\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-500\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-500\/90:active) { + border-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600:focus) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600:hover) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600:active) { + border-color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/10:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/20:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/30:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/40:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/50:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/60:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/70:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/80:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-600\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-600\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-600\/90:active) { + border-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700:focus) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700:hover) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700:active) { + border-color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/10:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/20:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/30:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/40:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/50:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/60:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/70:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/80:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-700\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-700\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-700\/90:active) { + border-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800:focus) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800:hover) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800:active) { + border-color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/10:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/20:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/30:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/40:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/50:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/60:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/70:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/80:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-800\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-800\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-800\/90:active) { + border-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900:focus) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900:hover) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900:active) { + border-color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/10:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/10:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/10:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/20:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/20:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/20:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/30:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/30:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/30:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/40:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/40:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/40:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/50:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/50:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/50:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/60:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/60:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/60:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/70:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/70:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/70:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/80:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/80:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/80:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-indigo-900\/90:focus) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-indigo-900\/90:hover) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-indigo-900\/90:active) { + border-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50:focus) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50:hover) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50:active) { + border-color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/10:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/10:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/10:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/20:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/20:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/20:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/30:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/30:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/30:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/40:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/40:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/40:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/50:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/50:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/50:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/60:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/60:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/60:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/70:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/70:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/70:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/80:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/80:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/80:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-50\/90:focus) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-50\/90:hover) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-50\/90:active) { + border-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100:focus) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100:hover) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100:active) { + border-color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/10:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/10:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/10:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/20:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/20:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/20:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/30:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/30:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/30:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/40:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/40:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/40:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/50:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/50:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/50:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/60:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/60:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/60:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/70:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/70:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/70:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/80:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/80:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/80:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-100\/90:focus) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-100\/90:hover) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-100\/90:active) { + border-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200:focus) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200:hover) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200:active) { + border-color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/10:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/10:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/10:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/20:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/20:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/20:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/30:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/30:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/30:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/40:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/40:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/40:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/50:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/50:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/50:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/60:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/60:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/60:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/70:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/70:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/70:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/80:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/80:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/80:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-200\/90:focus) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-200\/90:hover) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-200\/90:active) { + border-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300:focus) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300:hover) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300:active) { + border-color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/10:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/10:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/10:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/20:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/20:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/20:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/30:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/30:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/30:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/40:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/40:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/40:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/50:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/50:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/50:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/60:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/60:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/60:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/70:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/70:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/70:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/80:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/80:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/80:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-300\/90:focus) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-300\/90:hover) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-300\/90:active) { + border-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400:focus) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400:hover) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400:active) { + border-color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/10:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/10:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/10:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/20:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/20:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/20:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/30:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/30:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/30:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/40:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/40:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/40:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/50:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/50:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/50:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/60:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/60:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/60:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/70:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/70:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/70:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/80:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/80:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/80:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-400\/90:focus) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-400\/90:hover) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-400\/90:active) { + border-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500:focus) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500:hover) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500:active) { + border-color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/10:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/10:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/10:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/20:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/20:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/20:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/30:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/30:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/30:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/40:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/40:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/40:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/50:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/50:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/50:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/60:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/60:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/60:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/70:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/70:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/70:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/80:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/80:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/80:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-500\/90:focus) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-500\/90:hover) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-500\/90:active) { + border-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600:focus) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600:hover) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600:active) { + border-color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/10:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/10:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/10:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/20:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/20:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/20:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/30:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/30:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/30:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/40:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/40:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/40:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/50:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/50:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/50:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/60:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/60:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/60:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/70:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/70:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/70:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/80:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/80:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/80:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-600\/90:focus) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-600\/90:hover) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-600\/90:active) { + border-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700:focus) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700:hover) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700:active) { + border-color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/10:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/10:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/10:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/20:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/20:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/20:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/30:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/30:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/30:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/40:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/40:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/40:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/50:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/50:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/50:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/60:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/60:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/60:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/70:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/70:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/70:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/80:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/80:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/80:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-700\/90:focus) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-700\/90:hover) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-700\/90:active) { + border-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800:focus) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800:hover) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800:active) { + border-color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/10:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/10:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/10:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/20:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/20:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/20:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/30:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/30:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/30:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/40:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/40:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/40:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/50:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/50:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/50:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/60:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/60:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/60:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/70:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/70:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/70:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/80:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/80:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/80:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-800\/90:focus) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-800\/90:hover) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-800\/90:active) { + border-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900:focus) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900:hover) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900:active) { + border-color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/10:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/10:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/10:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/20:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/20:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/20:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/30:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/30:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/30:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/40:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/40:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/40:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/50:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/50:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/50:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/60:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/60:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/60:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/70:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/70:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/70:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/80:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/80:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/80:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-teal-900\/90:focus) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-teal-900\/90:hover) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-teal-900\/90:active) { + border-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50:focus) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50:hover) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50:active) { + border-color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/10:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/10:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/10:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/20:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/20:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/20:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/30:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/30:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/30:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/40:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/40:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/40:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/50:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/50:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/50:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/60:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/60:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/60:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/70:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/70:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/70:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/80:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/80:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/80:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-50\/90:focus) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-50\/90:hover) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-50\/90:active) { + border-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100:focus) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100:hover) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100:active) { + border-color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/10:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/10:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/10:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/20:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/20:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/20:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/30:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/30:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/30:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/40:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/40:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/40:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/50:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/50:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/50:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/60:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/60:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/60:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/70:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/70:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/70:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/80:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/80:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/80:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-100\/90:focus) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-100\/90:hover) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-100\/90:active) { + border-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200:focus) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200:hover) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200:active) { + border-color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/10:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/10:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/10:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/20:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/20:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/20:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/30:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/30:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/30:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/40:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/40:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/40:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/50:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/50:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/50:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/60:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/60:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/60:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/70:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/70:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/70:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/80:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/80:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/80:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-200\/90:focus) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-200\/90:hover) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-200\/90:active) { + border-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300:focus) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300:hover) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300:active) { + border-color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/10:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/10:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/10:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/20:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/20:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/20:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/30:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/30:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/30:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/40:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/40:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/40:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/50:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/50:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/50:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/60:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/60:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/60:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/70:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/70:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/70:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/80:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/80:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/80:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-300\/90:focus) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-300\/90:hover) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-300\/90:active) { + border-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400:focus) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400:hover) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400:active) { + border-color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/10:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/10:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/10:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/20:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/20:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/20:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/30:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/30:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/30:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/40:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/40:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/40:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/50:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/50:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/50:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/60:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/60:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/60:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/70:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/70:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/70:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/80:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/80:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/80:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-400\/90:focus) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-400\/90:hover) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-400\/90:active) { + border-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500:focus) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500:hover) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500:active) { + border-color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/10:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/10:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/10:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/20:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/20:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/20:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/30:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/30:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/30:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/40:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/40:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/40:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/50:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/50:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/50:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/60:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/60:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/60:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/70:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/70:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/70:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/80:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/80:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/80:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-500\/90:focus) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-500\/90:hover) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-500\/90:active) { + border-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600:focus) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600:hover) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600:active) { + border-color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/10:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/10:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/10:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/20:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/20:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/20:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/30:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/30:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/30:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/40:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/40:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/40:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/50:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/50:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/50:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/60:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/60:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/60:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/70:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/70:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/70:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/80:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/80:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/80:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-600\/90:focus) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-600\/90:hover) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-600\/90:active) { + border-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700:focus) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700:hover) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700:active) { + border-color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/10:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/10:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/10:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/20:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/20:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/20:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/30:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/30:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/30:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/40:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/40:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/40:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/50:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/50:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/50:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/60:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/60:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/60:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/70:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/70:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/70:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/80:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/80:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/80:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-700\/90:focus) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-700\/90:hover) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-700\/90:active) { + border-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800:focus) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800:hover) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800:active) { + border-color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/10:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/10:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/10:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/20:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/20:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/20:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/30:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/30:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/30:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/40:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/40:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/40:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/50:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/50:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/50:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/60:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/60:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/60:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/70:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/70:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/70:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/80:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/80:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/80:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-800\/90:focus) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-800\/90:hover) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-800\/90:active) { + border-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900:focus) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900:hover) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900:active) { + border-color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/10:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/10:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/10:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/20:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/20:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/20:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/30:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/30:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/30:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/40:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/40:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/40:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/50:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/50:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/50:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/60:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/60:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/60:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/70:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/70:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/70:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/80:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/80:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/80:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-orange-900\/90:focus) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-orange-900\/90:hover) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-orange-900\/90:active) { + border-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50:focus) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50:hover) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50:active) { + border-color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-50\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-50\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-50\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100:focus) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100:hover) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100:active) { + border-color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-100\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-100\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-100\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200:focus) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200:hover) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200:active) { + border-color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-200\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-200\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-200\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300:focus) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300:hover) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300:active) { + border-color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-300\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-300\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-300\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400:focus) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400:hover) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400:active) { + border-color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-400\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-400\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-400\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500:focus) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500:hover) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500:active) { + border-color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-500\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-500\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-500\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600:focus) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600:hover) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600:active) { + border-color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-600\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-600\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-600\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700:focus) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700:hover) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700:active) { + border-color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-700\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-700\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-700\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800:focus) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800:hover) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800:active) { + border-color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-800\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-800\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-800\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900:focus) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900:hover) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900:active) { + border-color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/10:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/10:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/10:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/20:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/20:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/20:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/30:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/30:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/30:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/40:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/40:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/40:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/50:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/50:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/50:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/60:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/60:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/60:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/70:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/70:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/70:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/80:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/80:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/80:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-bluegray-900\/90:focus) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-bluegray-900\/90:hover) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-bluegray-900\/90:active) { + border-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50:focus) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50:hover) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50:active) { + border-color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/10:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/10:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/10:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/20:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/20:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/20:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/30:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/30:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/30:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/40:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/40:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/40:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/50:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/50:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/50:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/60:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/60:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/60:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/70:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/70:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/70:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/80:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/80:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/80:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-50\/90:focus) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-50\/90:hover) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-50\/90:active) { + border-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100:focus) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100:hover) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100:active) { + border-color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/10:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/10:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/10:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/20:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/20:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/20:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/30:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/30:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/30:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/40:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/40:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/40:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/50:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/50:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/50:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/60:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/60:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/60:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/70:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/70:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/70:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/80:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/80:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/80:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-100\/90:focus) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-100\/90:hover) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-100\/90:active) { + border-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200:focus) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200:hover) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200:active) { + border-color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/10:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/10:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/10:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/20:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/20:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/20:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/30:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/30:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/30:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/40:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/40:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/40:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/50:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/50:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/50:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/60:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/60:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/60:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/70:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/70:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/70:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/80:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/80:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/80:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-200\/90:focus) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-200\/90:hover) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-200\/90:active) { + border-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300:focus) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300:hover) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300:active) { + border-color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/10:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/10:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/10:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/20:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/20:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/20:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/30:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/30:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/30:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/40:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/40:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/40:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/50:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/50:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/50:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/60:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/60:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/60:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/70:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/70:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/70:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/80:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/80:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/80:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-300\/90:focus) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-300\/90:hover) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-300\/90:active) { + border-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400:focus) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400:hover) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400:active) { + border-color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/10:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/10:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/10:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/20:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/20:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/20:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/30:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/30:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/30:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/40:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/40:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/40:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/50:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/50:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/50:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/60:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/60:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/60:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/70:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/70:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/70:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/80:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/80:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/80:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-400\/90:focus) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-400\/90:hover) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-400\/90:active) { + border-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500:focus) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500:hover) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500:active) { + border-color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/10:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/10:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/10:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/20:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/20:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/20:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/30:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/30:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/30:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/40:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/40:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/40:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/50:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/50:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/50:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/60:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/60:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/60:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/70:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/70:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/70:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/80:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/80:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/80:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-500\/90:focus) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-500\/90:hover) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-500\/90:active) { + border-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600:focus) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600:hover) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600:active) { + border-color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/10:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/10:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/10:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/20:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/20:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/20:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/30:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/30:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/30:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/40:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/40:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/40:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/50:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/50:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/50:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/60:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/60:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/60:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/70:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/70:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/70:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/80:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/80:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/80:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-600\/90:focus) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-600\/90:hover) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-600\/90:active) { + border-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700:focus) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700:hover) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700:active) { + border-color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/10:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/10:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/10:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/20:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/20:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/20:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/30:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/30:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/30:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/40:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/40:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/40:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/50:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/50:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/50:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/60:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/60:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/60:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/70:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/70:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/70:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/80:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/80:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/80:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-700\/90:focus) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-700\/90:hover) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-700\/90:active) { + border-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800:focus) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800:hover) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800:active) { + border-color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/10:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/10:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/10:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/20:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/20:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/20:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/30:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/30:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/30:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/40:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/40:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/40:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/50:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/50:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/50:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/60:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/60:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/60:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/70:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/70:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/70:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/80:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/80:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/80:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-800\/90:focus) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-800\/90:hover) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-800\/90:active) { + border-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900:focus) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900:hover) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900:active) { + border-color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/10:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/10:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/10:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/20:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/20:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/20:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/30:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/30:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/30:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/40:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/40:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/40:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/50:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/50:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/50:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/60:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/60:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/60:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/70:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/70:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/70:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/80:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/80:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/80:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-purple-900\/90:focus) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-purple-900\/90:hover) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-purple-900\/90:active) { + border-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50:focus) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50:hover) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50:active) { + border-color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/10:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/10:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/10:active) { + border-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/20:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/20:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/20:active) { + border-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/30:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/30:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/30:active) { + border-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/40:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/40:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/40:active) { + border-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/50:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/50:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/50:active) { + border-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/60:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/60:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/60:active) { + border-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/70:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/70:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/70:active) { + border-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/80:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/80:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/80:active) { + border-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-50\/90:focus) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-50\/90:hover) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-50\/90:active) { + border-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100:focus) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100:hover) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100:active) { + border-color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/10:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/10:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/10:active) { + border-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/20:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/20:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/20:active) { + border-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/30:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/30:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/30:active) { + border-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/40:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/40:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/40:active) { + border-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/50:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/50:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/50:active) { + border-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/60:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/60:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/60:active) { + border-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/70:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/70:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/70:active) { + border-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/80:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/80:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/80:active) { + border-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-100\/90:focus) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-100\/90:hover) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-100\/90:active) { + border-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200:focus) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200:hover) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200:active) { + border-color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/10:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/10:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/10:active) { + border-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/20:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/20:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/20:active) { + border-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/30:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/30:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/30:active) { + border-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/40:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/40:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/40:active) { + border-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/50:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/50:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/50:active) { + border-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/60:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/60:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/60:active) { + border-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/70:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/70:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/70:active) { + border-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/80:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/80:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/80:active) { + border-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-200\/90:focus) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-200\/90:hover) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-200\/90:active) { + border-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300:focus) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300:hover) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300:active) { + border-color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/10:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/10:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/10:active) { + border-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/20:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/20:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/20:active) { + border-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/30:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/30:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/30:active) { + border-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/40:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/40:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/40:active) { + border-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/50:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/50:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/50:active) { + border-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/60:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/60:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/60:active) { + border-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/70:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/70:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/70:active) { + border-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/80:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/80:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/80:active) { + border-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-300\/90:focus) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-300\/90:hover) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-300\/90:active) { + border-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400:focus) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400:hover) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400:active) { + border-color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/10:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/10:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/10:active) { + border-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/20:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/20:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/20:active) { + border-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/30:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/30:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/30:active) { + border-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/40:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/40:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/40:active) { + border-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/50:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/50:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/50:active) { + border-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/60:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/60:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/60:active) { + border-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/70:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/70:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/70:active) { + border-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/80:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/80:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/80:active) { + border-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-400\/90:focus) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-400\/90:hover) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-400\/90:active) { + border-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500:focus) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500:hover) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500:active) { + border-color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/10:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/10:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/10:active) { + border-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/20:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/20:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/20:active) { + border-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/30:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/30:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/30:active) { + border-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/40:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/40:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/40:active) { + border-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/50:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/50:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/50:active) { + border-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/60:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/60:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/60:active) { + border-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/70:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/70:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/70:active) { + border-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/80:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/80:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/80:active) { + border-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-500\/90:focus) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-500\/90:hover) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-500\/90:active) { + border-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600:focus) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600:hover) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600:active) { + border-color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/10:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/10:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/10:active) { + border-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/20:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/20:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/20:active) { + border-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/30:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/30:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/30:active) { + border-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/40:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/40:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/40:active) { + border-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/50:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/50:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/50:active) { + border-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/60:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/60:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/60:active) { + border-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/70:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/70:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/70:active) { + border-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/80:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/80:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/80:active) { + border-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-600\/90:focus) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-600\/90:hover) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-600\/90:active) { + border-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700:focus) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700:hover) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700:active) { + border-color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/10:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/10:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/10:active) { + border-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/20:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/20:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/20:active) { + border-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/30:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/30:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/30:active) { + border-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/40:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/40:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/40:active) { + border-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/50:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/50:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/50:active) { + border-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/60:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/60:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/60:active) { + border-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/70:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/70:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/70:active) { + border-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/80:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/80:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/80:active) { + border-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-700\/90:focus) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-700\/90:hover) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-700\/90:active) { + border-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800:focus) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800:hover) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800:active) { + border-color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/10:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/10:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/10:active) { + border-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/20:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/20:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/20:active) { + border-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/30:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/30:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/30:active) { + border-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/40:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/40:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/40:active) { + border-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/50:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/50:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/50:active) { + border-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/60:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/60:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/60:active) { + border-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/70:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/70:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/70:active) { + border-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/80:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/80:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/80:active) { + border-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-800\/90:focus) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-800\/90:hover) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-800\/90:active) { + border-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900:focus) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900:hover) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900:active) { + border-color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/10:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/10:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/10:active) { + border-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/20:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/20:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/20:active) { + border-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/30:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/30:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/30:active) { + border-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/40:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/40:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/40:active) { + border-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/50:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/50:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/50:active) { + border-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/60:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/60:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/60:active) { + border-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/70:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/70:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/70:active) { + border-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/80:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/80:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/80:active) { + border-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-red-900\/90:focus) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-red-900\/90:hover) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-red-900\/90:active) { + border-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50:focus) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50:hover) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50:active) { + border-color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/10:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/10:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/10:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/20:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/20:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/20:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/30:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/30:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/30:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/40:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/40:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/40:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/50:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/50:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/50:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/60:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/60:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/60:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/70:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/70:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/70:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/80:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/80:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/80:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-50\/90:focus) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-50\/90:hover) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-50\/90:active) { + border-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100:focus) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100:hover) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100:active) { + border-color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/10:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/10:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/10:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/20:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/20:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/20:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/30:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/30:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/30:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/40:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/40:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/40:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/50:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/50:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/50:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/60:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/60:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/60:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/70:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/70:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/70:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/80:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/80:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/80:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-100\/90:focus) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-100\/90:hover) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-100\/90:active) { + border-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200:focus) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200:hover) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200:active) { + border-color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/10:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/10:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/10:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/20:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/20:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/20:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/30:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/30:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/30:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/40:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/40:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/40:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/50:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/50:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/50:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/60:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/60:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/60:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/70:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/70:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/70:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/80:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/80:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/80:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-200\/90:focus) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-200\/90:hover) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-200\/90:active) { + border-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300:focus) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300:hover) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300:active) { + border-color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/10:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/10:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/10:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/20:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/20:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/20:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/30:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/30:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/30:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/40:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/40:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/40:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/50:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/50:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/50:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/60:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/60:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/60:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/70:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/70:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/70:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/80:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/80:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/80:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-300\/90:focus) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-300\/90:hover) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-300\/90:active) { + border-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400:focus) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400:hover) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400:active) { + border-color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/10:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/10:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/10:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/20:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/20:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/20:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/30:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/30:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/30:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/40:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/40:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/40:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/50:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/50:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/50:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/60:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/60:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/60:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/70:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/70:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/70:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/80:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/80:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/80:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-400\/90:focus) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-400\/90:hover) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-400\/90:active) { + border-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500:focus) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500:hover) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500:active) { + border-color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/10:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/10:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/10:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/20:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/20:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/20:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/30:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/30:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/30:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/40:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/40:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/40:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/50:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/50:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/50:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/60:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/60:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/60:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/70:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/70:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/70:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/80:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/80:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/80:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-500\/90:focus) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-500\/90:hover) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-500\/90:active) { + border-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600:focus) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600:hover) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600:active) { + border-color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/10:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/10:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/10:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/20:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/20:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/20:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/30:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/30:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/30:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/40:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/40:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/40:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/50:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/50:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/50:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/60:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/60:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/60:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/70:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/70:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/70:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/80:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/80:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/80:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-600\/90:focus) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-600\/90:hover) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-600\/90:active) { + border-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700:focus) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700:hover) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700:active) { + border-color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/10:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/10:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/10:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/20:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/20:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/20:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/30:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/30:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/30:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/40:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/40:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/40:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/50:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/50:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/50:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/60:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/60:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/60:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/70:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/70:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/70:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/80:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/80:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/80:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-700\/90:focus) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-700\/90:hover) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-700\/90:active) { + border-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800:focus) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800:hover) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800:active) { + border-color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/10:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/10:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/10:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/20:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/20:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/20:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/30:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/30:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/30:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/40:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/40:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/40:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/50:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/50:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/50:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/60:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/60:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/60:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/70:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/70:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/70:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/80:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/80:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/80:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-800\/90:focus) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-800\/90:hover) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-800\/90:active) { + border-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900:focus) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900:hover) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900:active) { + border-color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/10:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/10:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/10:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/20:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/20:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/20:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/30:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/30:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/30:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/40:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/40:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/40:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/50:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/50:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/50:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/60:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/60:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/60:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/70:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/70:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/70:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/80:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/80:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/80:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-gray-900\/90:focus) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-gray-900\/90:hover) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-gray-900\/90:active) { + border-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0:focus) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0:hover) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0:active) { + border-color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/10:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/10:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/10:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/20:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/20:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/20:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/30:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/30:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/30:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/40:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/40:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/40:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/50:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/50:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/50:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/60:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/60:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/60:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/70:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/70:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/70:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/80:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/80:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/80:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-0\/90:focus) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-0\/90:hover) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-0\/90:active) { + border-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50:focus) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50:hover) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50:active) { + border-color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/10:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/10:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/10:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/20:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/20:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/20:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/30:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/30:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/30:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/40:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/40:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/40:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/50:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/50:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/50:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/60:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/60:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/60:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/70:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/70:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/70:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/80:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/80:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/80:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-50\/90:focus) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-50\/90:hover) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-50\/90:active) { + border-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100:focus) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100:hover) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100:active) { + border-color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/10:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/10:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/10:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/20:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/20:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/20:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/30:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/30:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/30:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/40:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/40:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/40:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/50:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/50:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/50:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/60:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/60:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/60:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/70:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/70:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/70:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/80:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/80:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/80:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-100\/90:focus) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-100\/90:hover) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-100\/90:active) { + border-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200:focus) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200:hover) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200:active) { + border-color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/10:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/10:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/10:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/20:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/20:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/20:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/30:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/30:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/30:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/40:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/40:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/40:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/50:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/50:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/50:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/60:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/60:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/60:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/70:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/70:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/70:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/80:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/80:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/80:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-200\/90:focus) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-200\/90:hover) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-200\/90:active) { + border-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300:focus) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300:hover) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300:active) { + border-color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/10:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/10:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/10:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/20:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/20:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/20:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/30:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/30:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/30:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/40:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/40:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/40:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/50:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/50:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/50:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/60:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/60:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/60:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/70:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/70:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/70:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/80:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/80:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/80:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-300\/90:focus) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-300\/90:hover) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-300\/90:active) { + border-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400:focus) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400:hover) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400:active) { + border-color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/10:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/10:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/10:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/20:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/20:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/20:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/30:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/30:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/30:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/40:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/40:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/40:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/50:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/50:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/50:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/60:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/60:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/60:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/70:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/70:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/70:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/80:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/80:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/80:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-400\/90:focus) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-400\/90:hover) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-400\/90:active) { + border-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500:focus) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500:hover) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500:active) { + border-color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/10:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/10:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/10:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/20:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/20:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/20:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/30:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/30:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/30:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/40:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/40:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/40:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/50:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/50:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/50:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/60:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/60:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/60:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/70:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/70:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/70:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/80:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/80:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/80:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-500\/90:focus) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-500\/90:hover) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-500\/90:active) { + border-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600:focus) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600:hover) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600:active) { + border-color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/10:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/10:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/10:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/20:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/20:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/20:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/30:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/30:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/30:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/40:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/40:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/40:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/50:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/50:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/50:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/60:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/60:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/60:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/70:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/70:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/70:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/80:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/80:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/80:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-600\/90:focus) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-600\/90:hover) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-600\/90:active) { + border-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700:focus) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700:hover) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700:active) { + border-color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/10:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/10:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/10:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/20:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/20:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/20:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/30:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/30:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/30:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/40:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/40:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/40:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/50:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/50:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/50:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/60:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/60:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/60:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/70:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/70:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/70:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/80:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/80:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/80:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-700\/90:focus) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-700\/90:hover) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-700\/90:active) { + border-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800:focus) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800:hover) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800:active) { + border-color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/10:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/10:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/10:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/20:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/20:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/20:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/30:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/30:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/30:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/40:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/40:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/40:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/50:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/50:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/50:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/60:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/60:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/60:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/70:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/70:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/70:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/80:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/80:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/80:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-800\/90:focus) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-800\/90:hover) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-800\/90:active) { + border-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900:focus) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900:hover) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900:active) { + border-color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/10:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/10:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/10:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/20:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/20:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/20:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/30:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/30:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/30:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/40:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/40:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/40:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/50:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/50:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/50:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/60:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/60:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/60:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/70:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/70:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/70:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/80:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/80:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/80:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-surface-900\/90:focus) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-surface-900\/90:hover) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-surface-900\/90:active) { + border-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50:focus) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50:hover) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50:active) { + border-color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/10:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/10:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/10:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/20:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/20:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/20:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/30:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/30:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/30:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/40:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/40:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/40:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/50:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/50:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/50:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/60:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/60:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/60:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/70:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/70:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/70:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/80:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/80:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/80:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-50\/90:focus) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-50\/90:hover) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-50\/90:active) { + border-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100:focus) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100:hover) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100:active) { + border-color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/10:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/10:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/10:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/20:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/20:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/20:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/30:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/30:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/30:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/40:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/40:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/40:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/50:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/50:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/50:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/60:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/60:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/60:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/70:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/70:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/70:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/80:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/80:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/80:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-100\/90:focus) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-100\/90:hover) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-100\/90:active) { + border-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200:focus) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200:hover) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200:active) { + border-color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/10:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/10:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/10:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/20:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/20:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/20:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/30:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/30:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/30:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/40:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/40:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/40:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/50:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/50:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/50:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/60:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/60:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/60:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/70:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/70:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/70:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/80:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/80:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/80:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-200\/90:focus) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-200\/90:hover) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-200\/90:active) { + border-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300:focus) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300:hover) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300:active) { + border-color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/10:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/10:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/10:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/20:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/20:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/20:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/30:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/30:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/30:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/40:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/40:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/40:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/50:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/50:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/50:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/60:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/60:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/60:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/70:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/70:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/70:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/80:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/80:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/80:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-300\/90:focus) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-300\/90:hover) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-300\/90:active) { + border-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400:focus) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400:hover) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400:active) { + border-color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/10:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/10:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/10:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/20:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/20:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/20:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/30:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/30:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/30:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/40:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/40:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/40:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/50:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/50:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/50:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/60:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/60:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/60:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/70:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/70:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/70:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/80:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/80:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/80:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-400\/90:focus) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-400\/90:hover) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-400\/90:active) { + border-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500:focus) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500:hover) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500:active) { + border-color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/10:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/10:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/10:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/20:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/20:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/20:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/30:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/30:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/30:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/40:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/40:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/40:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/50:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/50:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/50:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/60:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/60:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/60:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/70:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/70:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/70:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/80:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/80:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/80:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-500\/90:focus) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-500\/90:hover) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-500\/90:active) { + border-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600:focus) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600:hover) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600:active) { + border-color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/10:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/10:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/10:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/20:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/20:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/20:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/30:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/30:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/30:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/40:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/40:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/40:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/50:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/50:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/50:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/60:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/60:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/60:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/70:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/70:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/70:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/80:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/80:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/80:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-600\/90:focus) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-600\/90:hover) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-600\/90:active) { + border-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700:focus) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700:hover) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700:active) { + border-color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/10:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/10:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/10:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/20:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/20:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/20:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/30:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/30:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/30:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/40:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/40:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/40:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/50:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/50:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/50:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/60:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/60:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/60:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/70:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/70:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/70:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/80:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/80:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/80:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-700\/90:focus) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-700\/90:hover) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-700\/90:active) { + border-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800:focus) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800:hover) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800:active) { + border-color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/10:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/10:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/10:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/20:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/20:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/20:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/30:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/30:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/30:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/40:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/40:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/40:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/50:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/50:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/50:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/60:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/60:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/60:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/70:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/70:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/70:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/80:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/80:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/80:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-800\/90:focus) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-800\/90:hover) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-800\/90:active) { + border-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900:focus) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900:hover) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900:active) { + border-color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/10:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/10:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/10:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/20:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/20:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/20:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/30:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/30:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/30:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/40:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/40:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/40:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/50:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/50:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/50:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/60:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/60:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/60:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/70:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/70:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/70:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/80:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/80:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/80:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-primary-900\/90:focus) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-primary-900\/90:hover) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-primary-900\/90:active) { + border-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.border-0 { + border-color: var(---surface-0) +} +.border-0\/10 { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.border-0\/20 { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.border-0\/30 { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.border-0\/40 { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.border-0\/50 { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.border-0\/60 { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.border-0\/70 { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.border-0\/80 { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.border-0\/90 { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.border-50 { + border-color: var(---surface-50) +} +.border-50\/10 { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.border-50\/20 { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.border-50\/30 { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.border-50\/40 { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.border-50\/50 { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.border-50\/60 { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.border-50\/70 { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.border-50\/80 { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.border-50\/90 { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.border-100 { + border-color: var(---surface-100) +} +.border-100\/10 { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.border-100\/20 { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.border-100\/30 { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.border-100\/40 { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.border-100\/50 { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.border-100\/60 { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.border-100\/70 { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.border-100\/80 { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.border-100\/90 { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.border-200 { + border-color: var(---surface-200) +} +.border-200\/10 { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.border-200\/20 { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.border-200\/30 { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.border-200\/40 { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.border-200\/50 { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.border-200\/60 { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.border-200\/70 { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.border-200\/80 { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.border-200\/90 { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.border-300 { + border-color: var(---surface-300) +} +.border-300\/10 { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.border-300\/20 { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.border-300\/30 { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.border-300\/40 { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.border-300\/50 { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.border-300\/60 { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.border-300\/70 { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.border-300\/80 { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.border-300\/90 { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.border-400 { + border-color: var(---surface-400) +} +.border-400\/10 { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.border-400\/20 { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.border-400\/30 { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.border-400\/40 { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.border-400\/50 { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.border-400\/60 { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.border-400\/70 { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.border-400\/80 { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.border-400\/90 { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.border-500 { + border-color: var(---surface-500) +} +.border-500\/10 { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.border-500\/20 { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.border-500\/30 { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.border-500\/40 { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.border-500\/50 { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.border-500\/60 { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.border-500\/70 { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.border-500\/80 { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.border-500\/90 { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.border-600 { + border-color: var(---surface-600) +} +.border-600\/10 { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.border-600\/20 { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.border-600\/30 { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.border-600\/40 { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.border-600\/50 { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.border-600\/60 { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.border-600\/70 { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.border-600\/80 { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.border-600\/90 { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.border-700 { + border-color: var(---surface-700) +} +.border-700\/10 { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.border-700\/20 { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.border-700\/30 { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.border-700\/40 { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.border-700\/50 { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.border-700\/60 { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.border-700\/70 { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.border-700\/80 { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.border-700\/90 { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.border-800 { + border-color: var(---surface-800) +} +.border-800\/10 { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.border-800\/20 { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.border-800\/30 { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.border-800\/40 { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.border-800\/50 { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.border-800\/60 { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.border-800\/70 { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.border-800\/80 { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.border-800\/90 { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.border-900 { + border-color: var(---surface-900) +} +.border-900\/10 { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.border-900\/20 { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.border-900\/30 { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.border-900\/40 { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.border-900\/50 { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.border-900\/60 { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.border-900\/70 { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.border-900\/80 { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.border-900\/90 { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.focus\:border-0:focus { + border-color: var(---surface-0) +} +.hover\:border-0:hover { + border-color: var(---surface-0) +} +.active\:border-0:active { + border-color: var(---surface-0) +} +.focus\:border-0\/10:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.hover\:border-0\/10:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.active\:border-0\/10:active { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.focus\:border-0\/20:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.hover\:border-0\/20:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.active\:border-0\/20:active { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.focus\:border-0\/30:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.hover\:border-0\/30:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.active\:border-0\/30:active { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.focus\:border-0\/40:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.hover\:border-0\/40:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.active\:border-0\/40:active { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.focus\:border-0\/50:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.hover\:border-0\/50:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.active\:border-0\/50:active { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.focus\:border-0\/60:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.hover\:border-0\/60:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.active\:border-0\/60:active { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.focus\:border-0\/70:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.hover\:border-0\/70:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.active\:border-0\/70:active { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.focus\:border-0\/80:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.hover\:border-0\/80:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.active\:border-0\/80:active { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.focus\:border-0\/90:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.hover\:border-0\/90:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.active\:border-0\/90:active { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.focus\:border-50:focus { + border-color: var(---surface-50) +} +.hover\:border-50:hover { + border-color: var(---surface-50) +} +.active\:border-50:active { + border-color: var(---surface-50) +} +.focus\:border-50\/10:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.hover\:border-50\/10:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.active\:border-50\/10:active { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.focus\:border-50\/20:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.hover\:border-50\/20:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.active\:border-50\/20:active { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.focus\:border-50\/30:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.hover\:border-50\/30:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.active\:border-50\/30:active { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.focus\:border-50\/40:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.hover\:border-50\/40:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.active\:border-50\/40:active { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.focus\:border-50\/50:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.hover\:border-50\/50:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.active\:border-50\/50:active { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.focus\:border-50\/60:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.hover\:border-50\/60:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.active\:border-50\/60:active { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.focus\:border-50\/70:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.hover\:border-50\/70:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.active\:border-50\/70:active { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.focus\:border-50\/80:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.hover\:border-50\/80:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.active\:border-50\/80:active { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.focus\:border-50\/90:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.hover\:border-50\/90:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.active\:border-50\/90:active { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.focus\:border-100:focus { + border-color: var(---surface-100) +} +.hover\:border-100:hover { + border-color: var(---surface-100) +} +.active\:border-100:active { + border-color: var(---surface-100) +} +.focus\:border-100\/10:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.hover\:border-100\/10:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.active\:border-100\/10:active { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.focus\:border-100\/20:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.hover\:border-100\/20:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.active\:border-100\/20:active { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.focus\:border-100\/30:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.hover\:border-100\/30:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.active\:border-100\/30:active { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.focus\:border-100\/40:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.hover\:border-100\/40:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.active\:border-100\/40:active { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.focus\:border-100\/50:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.hover\:border-100\/50:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.active\:border-100\/50:active { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.focus\:border-100\/60:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.hover\:border-100\/60:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.active\:border-100\/60:active { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.focus\:border-100\/70:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.hover\:border-100\/70:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.active\:border-100\/70:active { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.focus\:border-100\/80:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.hover\:border-100\/80:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.active\:border-100\/80:active { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.focus\:border-100\/90:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.hover\:border-100\/90:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.active\:border-100\/90:active { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.focus\:border-200:focus { + border-color: var(---surface-200) +} +.hover\:border-200:hover { + border-color: var(---surface-200) +} +.active\:border-200:active { + border-color: var(---surface-200) +} +.focus\:border-200\/10:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.hover\:border-200\/10:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.active\:border-200\/10:active { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.focus\:border-200\/20:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.hover\:border-200\/20:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.active\:border-200\/20:active { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.focus\:border-200\/30:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.hover\:border-200\/30:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.active\:border-200\/30:active { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.focus\:border-200\/40:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.hover\:border-200\/40:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.active\:border-200\/40:active { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.focus\:border-200\/50:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.hover\:border-200\/50:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.active\:border-200\/50:active { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.focus\:border-200\/60:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.hover\:border-200\/60:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.active\:border-200\/60:active { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.focus\:border-200\/70:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.hover\:border-200\/70:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.active\:border-200\/70:active { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.focus\:border-200\/80:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.hover\:border-200\/80:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.active\:border-200\/80:active { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.focus\:border-200\/90:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.hover\:border-200\/90:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.active\:border-200\/90:active { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.focus\:border-300:focus { + border-color: var(---surface-300) +} +.hover\:border-300:hover { + border-color: var(---surface-300) +} +.active\:border-300:active { + border-color: var(---surface-300) +} +.focus\:border-300\/10:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.hover\:border-300\/10:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.active\:border-300\/10:active { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.focus\:border-300\/20:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.hover\:border-300\/20:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.active\:border-300\/20:active { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.focus\:border-300\/30:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.hover\:border-300\/30:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.active\:border-300\/30:active { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.focus\:border-300\/40:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.hover\:border-300\/40:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.active\:border-300\/40:active { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.focus\:border-300\/50:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.hover\:border-300\/50:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.active\:border-300\/50:active { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.focus\:border-300\/60:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.hover\:border-300\/60:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.active\:border-300\/60:active { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.focus\:border-300\/70:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.hover\:border-300\/70:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.active\:border-300\/70:active { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.focus\:border-300\/80:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.hover\:border-300\/80:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.active\:border-300\/80:active { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.focus\:border-300\/90:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.hover\:border-300\/90:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.active\:border-300\/90:active { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.focus\:border-400:focus { + border-color: var(---surface-400) +} +.hover\:border-400:hover { + border-color: var(---surface-400) +} +.active\:border-400:active { + border-color: var(---surface-400) +} +.focus\:border-400\/10:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.hover\:border-400\/10:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.active\:border-400\/10:active { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.focus\:border-400\/20:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.hover\:border-400\/20:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.active\:border-400\/20:active { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.focus\:border-400\/30:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.hover\:border-400\/30:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.active\:border-400\/30:active { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.focus\:border-400\/40:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.hover\:border-400\/40:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.active\:border-400\/40:active { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.focus\:border-400\/50:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.hover\:border-400\/50:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.active\:border-400\/50:active { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.focus\:border-400\/60:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.hover\:border-400\/60:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.active\:border-400\/60:active { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.focus\:border-400\/70:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.hover\:border-400\/70:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.active\:border-400\/70:active { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.focus\:border-400\/80:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.hover\:border-400\/80:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.active\:border-400\/80:active { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.focus\:border-400\/90:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.hover\:border-400\/90:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.active\:border-400\/90:active { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.focus\:border-500:focus { + border-color: var(---surface-500) +} +.hover\:border-500:hover { + border-color: var(---surface-500) +} +.active\:border-500:active { + border-color: var(---surface-500) +} +.focus\:border-500\/10:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.hover\:border-500\/10:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.active\:border-500\/10:active { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.focus\:border-500\/20:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.hover\:border-500\/20:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.active\:border-500\/20:active { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.focus\:border-500\/30:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.hover\:border-500\/30:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.active\:border-500\/30:active { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.focus\:border-500\/40:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.hover\:border-500\/40:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.active\:border-500\/40:active { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.focus\:border-500\/50:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.hover\:border-500\/50:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.active\:border-500\/50:active { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.focus\:border-500\/60:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.hover\:border-500\/60:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.active\:border-500\/60:active { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.focus\:border-500\/70:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.hover\:border-500\/70:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.active\:border-500\/70:active { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.focus\:border-500\/80:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.hover\:border-500\/80:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.active\:border-500\/80:active { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.focus\:border-500\/90:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.hover\:border-500\/90:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.active\:border-500\/90:active { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.focus\:border-600:focus { + border-color: var(---surface-600) +} +.hover\:border-600:hover { + border-color: var(---surface-600) +} +.active\:border-600:active { + border-color: var(---surface-600) +} +.focus\:border-600\/10:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.hover\:border-600\/10:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.active\:border-600\/10:active { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.focus\:border-600\/20:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.hover\:border-600\/20:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.active\:border-600\/20:active { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.focus\:border-600\/30:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.hover\:border-600\/30:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.active\:border-600\/30:active { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.focus\:border-600\/40:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.hover\:border-600\/40:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.active\:border-600\/40:active { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.focus\:border-600\/50:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.hover\:border-600\/50:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.active\:border-600\/50:active { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.focus\:border-600\/60:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.hover\:border-600\/60:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.active\:border-600\/60:active { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.focus\:border-600\/70:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.hover\:border-600\/70:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.active\:border-600\/70:active { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.focus\:border-600\/80:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.hover\:border-600\/80:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.active\:border-600\/80:active { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.focus\:border-600\/90:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.hover\:border-600\/90:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.active\:border-600\/90:active { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.focus\:border-700:focus { + border-color: var(---surface-700) +} +.hover\:border-700:hover { + border-color: var(---surface-700) +} +.active\:border-700:active { + border-color: var(---surface-700) +} +.focus\:border-700\/10:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.hover\:border-700\/10:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.active\:border-700\/10:active { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.focus\:border-700\/20:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.hover\:border-700\/20:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.active\:border-700\/20:active { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.focus\:border-700\/30:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.hover\:border-700\/30:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.active\:border-700\/30:active { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.focus\:border-700\/40:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.hover\:border-700\/40:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.active\:border-700\/40:active { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.focus\:border-700\/50:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.hover\:border-700\/50:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.active\:border-700\/50:active { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.focus\:border-700\/60:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.hover\:border-700\/60:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.active\:border-700\/60:active { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.focus\:border-700\/70:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.hover\:border-700\/70:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.active\:border-700\/70:active { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.focus\:border-700\/80:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.hover\:border-700\/80:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.active\:border-700\/80:active { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.focus\:border-700\/90:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.hover\:border-700\/90:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.active\:border-700\/90:active { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.focus\:border-800:focus { + border-color: var(---surface-800) +} +.hover\:border-800:hover { + border-color: var(---surface-800) +} +.active\:border-800:active { + border-color: var(---surface-800) +} +.focus\:border-800\/10:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.hover\:border-800\/10:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.active\:border-800\/10:active { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.focus\:border-800\/20:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.hover\:border-800\/20:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.active\:border-800\/20:active { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.focus\:border-800\/30:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.hover\:border-800\/30:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.active\:border-800\/30:active { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.focus\:border-800\/40:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.hover\:border-800\/40:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.active\:border-800\/40:active { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.focus\:border-800\/50:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.hover\:border-800\/50:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.active\:border-800\/50:active { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.focus\:border-800\/60:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.hover\:border-800\/60:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.active\:border-800\/60:active { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.focus\:border-800\/70:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.hover\:border-800\/70:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.active\:border-800\/70:active { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.focus\:border-800\/80:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.hover\:border-800\/80:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.active\:border-800\/80:active { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.focus\:border-800\/90:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.hover\:border-800\/90:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.active\:border-800\/90:active { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.focus\:border-900:focus { + border-color: var(---surface-900) +} +.hover\:border-900:hover { + border-color: var(---surface-900) +} +.active\:border-900:active { + border-color: var(---surface-900) +} +.focus\:border-900\/10:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.hover\:border-900\/10:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.active\:border-900\/10:active { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.focus\:border-900\/20:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.hover\:border-900\/20:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.active\:border-900\/20:active { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.focus\:border-900\/30:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.hover\:border-900\/30:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.active\:border-900\/30:active { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.focus\:border-900\/40:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.hover\:border-900\/40:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.active\:border-900\/40:active { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.focus\:border-900\/50:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.hover\:border-900\/50:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.active\:border-900\/50:active { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.focus\:border-900\/60:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.hover\:border-900\/60:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.active\:border-900\/60:active { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.focus\:border-900\/70:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.hover\:border-900\/70:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.active\:border-900\/70:active { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.focus\:border-900\/80:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.hover\:border-900\/80:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.active\:border-900\/80:active { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.focus\:border-900\/90:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.hover\:border-900\/90:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.active\:border-900\/90:active { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:border-0 { + border-color: var(---surface-0) + } + .sm\:border-0\/10 { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:border-0\/20 { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:border-0\/30 { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:border-0\/40 { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:border-0\/50 { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:border-0\/60 { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:border-0\/70 { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:border-0\/80 { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:border-0\/90 { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:border-50 { + border-color: var(---surface-50) + } + .sm\:border-50\/10 { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:border-50\/20 { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:border-50\/30 { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:border-50\/40 { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:border-50\/50 { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:border-50\/60 { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:border-50\/70 { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:border-50\/80 { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:border-50\/90 { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:border-100 { + border-color: var(---surface-100) + } + .sm\:border-100\/10 { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:border-100\/20 { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:border-100\/30 { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:border-100\/40 { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:border-100\/50 { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:border-100\/60 { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:border-100\/70 { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:border-100\/80 { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:border-100\/90 { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:border-200 { + border-color: var(---surface-200) + } + .sm\:border-200\/10 { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:border-200\/20 { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:border-200\/30 { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:border-200\/40 { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:border-200\/50 { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:border-200\/60 { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:border-200\/70 { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:border-200\/80 { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:border-200\/90 { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:border-300 { + border-color: var(---surface-300) + } + .sm\:border-300\/10 { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:border-300\/20 { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:border-300\/30 { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:border-300\/40 { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:border-300\/50 { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:border-300\/60 { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:border-300\/70 { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:border-300\/80 { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:border-300\/90 { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:border-400 { + border-color: var(---surface-400) + } + .sm\:border-400\/10 { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:border-400\/20 { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:border-400\/30 { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:border-400\/40 { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:border-400\/50 { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:border-400\/60 { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:border-400\/70 { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:border-400\/80 { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:border-400\/90 { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:border-500 { + border-color: var(---surface-500) + } + .sm\:border-500\/10 { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:border-500\/20 { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:border-500\/30 { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:border-500\/40 { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:border-500\/50 { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:border-500\/60 { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:border-500\/70 { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:border-500\/80 { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:border-500\/90 { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:border-600 { + border-color: var(---surface-600) + } + .sm\:border-600\/10 { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:border-600\/20 { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:border-600\/30 { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:border-600\/40 { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:border-600\/50 { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:border-600\/60 { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:border-600\/70 { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:border-600\/80 { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:border-600\/90 { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:border-700 { + border-color: var(---surface-700) + } + .sm\:border-700\/10 { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:border-700\/20 { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:border-700\/30 { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:border-700\/40 { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:border-700\/50 { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:border-700\/60 { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:border-700\/70 { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:border-700\/80 { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:border-700\/90 { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:border-800 { + border-color: var(---surface-800) + } + .sm\:border-800\/10 { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:border-800\/20 { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:border-800\/30 { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:border-800\/40 { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:border-800\/50 { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:border-800\/60 { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:border-800\/70 { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:border-800\/80 { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:border-800\/90 { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:border-900 { + border-color: var(---surface-900) + } + .sm\:border-900\/10 { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:border-900\/20 { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:border-900\/30 { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:border-900\/40 { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:border-900\/50 { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:border-900\/60 { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:border-900\/70 { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:border-900\/80 { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:border-900\/90 { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:focus\:border-0:focus { + border-color: var(---surface-0) + } + .sm\:hover\:border-0:hover { + border-color: var(---surface-0) + } + .sm\:active\:border-0:active { + border-color: var(---surface-0) + } + .sm\:focus\:border-0\/10:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:hover\:border-0\/10:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:active\:border-0\/10:active { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:focus\:border-0\/20:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:hover\:border-0\/20:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:active\:border-0\/20:active { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:focus\:border-0\/30:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:hover\:border-0\/30:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:active\:border-0\/30:active { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:focus\:border-0\/40:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:hover\:border-0\/40:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:active\:border-0\/40:active { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:focus\:border-0\/50:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:hover\:border-0\/50:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:active\:border-0\/50:active { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:focus\:border-0\/60:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:hover\:border-0\/60:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:active\:border-0\/60:active { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:focus\:border-0\/70:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:hover\:border-0\/70:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:active\:border-0\/70:active { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:focus\:border-0\/80:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:hover\:border-0\/80:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:active\:border-0\/80:active { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:focus\:border-0\/90:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:hover\:border-0\/90:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:active\:border-0\/90:active { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:focus\:border-50:focus { + border-color: var(---surface-50) + } + .sm\:hover\:border-50:hover { + border-color: var(---surface-50) + } + .sm\:active\:border-50:active { + border-color: var(---surface-50) + } + .sm\:focus\:border-50\/10:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:hover\:border-50\/10:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:active\:border-50\/10:active { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:focus\:border-50\/20:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:hover\:border-50\/20:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:active\:border-50\/20:active { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:focus\:border-50\/30:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:hover\:border-50\/30:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:active\:border-50\/30:active { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:focus\:border-50\/40:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:hover\:border-50\/40:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:active\:border-50\/40:active { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:focus\:border-50\/50:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:hover\:border-50\/50:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:active\:border-50\/50:active { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:focus\:border-50\/60:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:hover\:border-50\/60:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:active\:border-50\/60:active { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:focus\:border-50\/70:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:hover\:border-50\/70:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:active\:border-50\/70:active { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:focus\:border-50\/80:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:hover\:border-50\/80:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:active\:border-50\/80:active { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:focus\:border-50\/90:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:hover\:border-50\/90:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:active\:border-50\/90:active { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:focus\:border-100:focus { + border-color: var(---surface-100) + } + .sm\:hover\:border-100:hover { + border-color: var(---surface-100) + } + .sm\:active\:border-100:active { + border-color: var(---surface-100) + } + .sm\:focus\:border-100\/10:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:hover\:border-100\/10:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:active\:border-100\/10:active { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:focus\:border-100\/20:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:hover\:border-100\/20:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:active\:border-100\/20:active { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:focus\:border-100\/30:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:hover\:border-100\/30:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:active\:border-100\/30:active { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:focus\:border-100\/40:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:hover\:border-100\/40:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:active\:border-100\/40:active { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:focus\:border-100\/50:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:hover\:border-100\/50:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:active\:border-100\/50:active { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:focus\:border-100\/60:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:hover\:border-100\/60:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:active\:border-100\/60:active { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:focus\:border-100\/70:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:hover\:border-100\/70:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:active\:border-100\/70:active { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:focus\:border-100\/80:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:hover\:border-100\/80:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:active\:border-100\/80:active { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:focus\:border-100\/90:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:hover\:border-100\/90:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:active\:border-100\/90:active { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:focus\:border-200:focus { + border-color: var(---surface-200) + } + .sm\:hover\:border-200:hover { + border-color: var(---surface-200) + } + .sm\:active\:border-200:active { + border-color: var(---surface-200) + } + .sm\:focus\:border-200\/10:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:hover\:border-200\/10:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:active\:border-200\/10:active { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:focus\:border-200\/20:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:hover\:border-200\/20:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:active\:border-200\/20:active { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:focus\:border-200\/30:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:hover\:border-200\/30:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:active\:border-200\/30:active { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:focus\:border-200\/40:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:hover\:border-200\/40:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:active\:border-200\/40:active { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:focus\:border-200\/50:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:hover\:border-200\/50:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:active\:border-200\/50:active { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:focus\:border-200\/60:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:hover\:border-200\/60:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:active\:border-200\/60:active { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:focus\:border-200\/70:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:hover\:border-200\/70:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:active\:border-200\/70:active { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:focus\:border-200\/80:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:hover\:border-200\/80:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:active\:border-200\/80:active { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:focus\:border-200\/90:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:hover\:border-200\/90:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:active\:border-200\/90:active { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:focus\:border-300:focus { + border-color: var(---surface-300) + } + .sm\:hover\:border-300:hover { + border-color: var(---surface-300) + } + .sm\:active\:border-300:active { + border-color: var(---surface-300) + } + .sm\:focus\:border-300\/10:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:hover\:border-300\/10:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:active\:border-300\/10:active { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:focus\:border-300\/20:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:hover\:border-300\/20:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:active\:border-300\/20:active { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:focus\:border-300\/30:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:hover\:border-300\/30:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:active\:border-300\/30:active { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:focus\:border-300\/40:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:hover\:border-300\/40:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:active\:border-300\/40:active { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:focus\:border-300\/50:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:hover\:border-300\/50:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:active\:border-300\/50:active { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:focus\:border-300\/60:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:hover\:border-300\/60:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:active\:border-300\/60:active { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:focus\:border-300\/70:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:hover\:border-300\/70:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:active\:border-300\/70:active { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:focus\:border-300\/80:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:hover\:border-300\/80:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:active\:border-300\/80:active { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:focus\:border-300\/90:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:hover\:border-300\/90:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:active\:border-300\/90:active { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:focus\:border-400:focus { + border-color: var(---surface-400) + } + .sm\:hover\:border-400:hover { + border-color: var(---surface-400) + } + .sm\:active\:border-400:active { + border-color: var(---surface-400) + } + .sm\:focus\:border-400\/10:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:hover\:border-400\/10:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:active\:border-400\/10:active { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:focus\:border-400\/20:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:hover\:border-400\/20:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:active\:border-400\/20:active { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:focus\:border-400\/30:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:hover\:border-400\/30:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:active\:border-400\/30:active { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:focus\:border-400\/40:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:hover\:border-400\/40:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:active\:border-400\/40:active { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:focus\:border-400\/50:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:hover\:border-400\/50:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:active\:border-400\/50:active { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:focus\:border-400\/60:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:hover\:border-400\/60:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:active\:border-400\/60:active { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:focus\:border-400\/70:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:hover\:border-400\/70:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:active\:border-400\/70:active { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:focus\:border-400\/80:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:hover\:border-400\/80:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:active\:border-400\/80:active { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:focus\:border-400\/90:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:hover\:border-400\/90:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:active\:border-400\/90:active { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:focus\:border-500:focus { + border-color: var(---surface-500) + } + .sm\:hover\:border-500:hover { + border-color: var(---surface-500) + } + .sm\:active\:border-500:active { + border-color: var(---surface-500) + } + .sm\:focus\:border-500\/10:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:hover\:border-500\/10:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:active\:border-500\/10:active { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:focus\:border-500\/20:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:hover\:border-500\/20:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:active\:border-500\/20:active { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:focus\:border-500\/30:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:hover\:border-500\/30:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:active\:border-500\/30:active { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:focus\:border-500\/40:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:hover\:border-500\/40:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:active\:border-500\/40:active { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:focus\:border-500\/50:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:hover\:border-500\/50:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:active\:border-500\/50:active { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:focus\:border-500\/60:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:hover\:border-500\/60:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:active\:border-500\/60:active { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:focus\:border-500\/70:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:hover\:border-500\/70:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:active\:border-500\/70:active { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:focus\:border-500\/80:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:hover\:border-500\/80:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:active\:border-500\/80:active { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:focus\:border-500\/90:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:hover\:border-500\/90:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:active\:border-500\/90:active { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:focus\:border-600:focus { + border-color: var(---surface-600) + } + .sm\:hover\:border-600:hover { + border-color: var(---surface-600) + } + .sm\:active\:border-600:active { + border-color: var(---surface-600) + } + .sm\:focus\:border-600\/10:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:hover\:border-600\/10:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:active\:border-600\/10:active { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:focus\:border-600\/20:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:hover\:border-600\/20:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:active\:border-600\/20:active { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:focus\:border-600\/30:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:hover\:border-600\/30:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:active\:border-600\/30:active { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:focus\:border-600\/40:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:hover\:border-600\/40:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:active\:border-600\/40:active { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:focus\:border-600\/50:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:hover\:border-600\/50:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:active\:border-600\/50:active { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:focus\:border-600\/60:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:hover\:border-600\/60:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:active\:border-600\/60:active { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:focus\:border-600\/70:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:hover\:border-600\/70:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:active\:border-600\/70:active { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:focus\:border-600\/80:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:hover\:border-600\/80:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:active\:border-600\/80:active { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:focus\:border-600\/90:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:hover\:border-600\/90:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:active\:border-600\/90:active { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:focus\:border-700:focus { + border-color: var(---surface-700) + } + .sm\:hover\:border-700:hover { + border-color: var(---surface-700) + } + .sm\:active\:border-700:active { + border-color: var(---surface-700) + } + .sm\:focus\:border-700\/10:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:hover\:border-700\/10:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:active\:border-700\/10:active { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:focus\:border-700\/20:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:hover\:border-700\/20:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:active\:border-700\/20:active { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:focus\:border-700\/30:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:hover\:border-700\/30:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:active\:border-700\/30:active { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:focus\:border-700\/40:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:hover\:border-700\/40:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:active\:border-700\/40:active { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:focus\:border-700\/50:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:hover\:border-700\/50:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:active\:border-700\/50:active { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:focus\:border-700\/60:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:hover\:border-700\/60:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:active\:border-700\/60:active { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:focus\:border-700\/70:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:hover\:border-700\/70:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:active\:border-700\/70:active { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:focus\:border-700\/80:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:hover\:border-700\/80:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:active\:border-700\/80:active { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:focus\:border-700\/90:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:hover\:border-700\/90:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:active\:border-700\/90:active { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:focus\:border-800:focus { + border-color: var(---surface-800) + } + .sm\:hover\:border-800:hover { + border-color: var(---surface-800) + } + .sm\:active\:border-800:active { + border-color: var(---surface-800) + } + .sm\:focus\:border-800\/10:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:hover\:border-800\/10:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:active\:border-800\/10:active { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:focus\:border-800\/20:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:hover\:border-800\/20:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:active\:border-800\/20:active { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:focus\:border-800\/30:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:hover\:border-800\/30:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:active\:border-800\/30:active { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:focus\:border-800\/40:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:hover\:border-800\/40:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:active\:border-800\/40:active { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:focus\:border-800\/50:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:hover\:border-800\/50:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:active\:border-800\/50:active { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:focus\:border-800\/60:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:hover\:border-800\/60:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:active\:border-800\/60:active { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:focus\:border-800\/70:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:hover\:border-800\/70:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:active\:border-800\/70:active { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:focus\:border-800\/80:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:hover\:border-800\/80:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:active\:border-800\/80:active { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:focus\:border-800\/90:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:hover\:border-800\/90:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:active\:border-800\/90:active { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:focus\:border-900:focus { + border-color: var(---surface-900) + } + .sm\:hover\:border-900:hover { + border-color: var(---surface-900) + } + .sm\:active\:border-900:active { + border-color: var(---surface-900) + } + .sm\:focus\:border-900\/10:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:hover\:border-900\/10:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:active\:border-900\/10:active { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:focus\:border-900\/20:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:hover\:border-900\/20:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:active\:border-900\/20:active { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:focus\:border-900\/30:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:hover\:border-900\/30:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:active\:border-900\/30:active { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:focus\:border-900\/40:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:hover\:border-900\/40:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:active\:border-900\/40:active { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:focus\:border-900\/50:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:hover\:border-900\/50:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:active\:border-900\/50:active { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:focus\:border-900\/60:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:hover\:border-900\/60:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:active\:border-900\/60:active { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:focus\:border-900\/70:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:hover\:border-900\/70:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:active\:border-900\/70:active { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:focus\:border-900\/80:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:hover\:border-900\/80:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:active\:border-900\/80:active { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:focus\:border-900\/90:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:hover\:border-900\/90:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:active\:border-900\/90:active { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:border-0 { + border-color: var(---surface-0) + } + .md\:border-0\/10 { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:border-0\/20 { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:border-0\/30 { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:border-0\/40 { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:border-0\/50 { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:border-0\/60 { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:border-0\/70 { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:border-0\/80 { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:border-0\/90 { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:border-50 { + border-color: var(---surface-50) + } + .md\:border-50\/10 { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:border-50\/20 { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:border-50\/30 { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:border-50\/40 { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:border-50\/50 { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:border-50\/60 { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:border-50\/70 { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:border-50\/80 { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:border-50\/90 { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:border-100 { + border-color: var(---surface-100) + } + .md\:border-100\/10 { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:border-100\/20 { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:border-100\/30 { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:border-100\/40 { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:border-100\/50 { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:border-100\/60 { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:border-100\/70 { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:border-100\/80 { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:border-100\/90 { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:border-200 { + border-color: var(---surface-200) + } + .md\:border-200\/10 { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:border-200\/20 { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:border-200\/30 { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:border-200\/40 { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:border-200\/50 { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:border-200\/60 { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:border-200\/70 { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:border-200\/80 { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:border-200\/90 { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:border-300 { + border-color: var(---surface-300) + } + .md\:border-300\/10 { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:border-300\/20 { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:border-300\/30 { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:border-300\/40 { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:border-300\/50 { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:border-300\/60 { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:border-300\/70 { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:border-300\/80 { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:border-300\/90 { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:border-400 { + border-color: var(---surface-400) + } + .md\:border-400\/10 { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:border-400\/20 { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:border-400\/30 { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:border-400\/40 { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:border-400\/50 { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:border-400\/60 { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:border-400\/70 { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:border-400\/80 { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:border-400\/90 { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:border-500 { + border-color: var(---surface-500) + } + .md\:border-500\/10 { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:border-500\/20 { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:border-500\/30 { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:border-500\/40 { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:border-500\/50 { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:border-500\/60 { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:border-500\/70 { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:border-500\/80 { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:border-500\/90 { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:border-600 { + border-color: var(---surface-600) + } + .md\:border-600\/10 { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:border-600\/20 { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:border-600\/30 { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:border-600\/40 { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:border-600\/50 { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:border-600\/60 { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:border-600\/70 { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:border-600\/80 { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:border-600\/90 { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:border-700 { + border-color: var(---surface-700) + } + .md\:border-700\/10 { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:border-700\/20 { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:border-700\/30 { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:border-700\/40 { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:border-700\/50 { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:border-700\/60 { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:border-700\/70 { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:border-700\/80 { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:border-700\/90 { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:border-800 { + border-color: var(---surface-800) + } + .md\:border-800\/10 { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:border-800\/20 { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:border-800\/30 { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:border-800\/40 { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:border-800\/50 { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:border-800\/60 { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:border-800\/70 { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:border-800\/80 { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:border-800\/90 { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:border-900 { + border-color: var(---surface-900) + } + .md\:border-900\/10 { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:border-900\/20 { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:border-900\/30 { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:border-900\/40 { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:border-900\/50 { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:border-900\/60 { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:border-900\/70 { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:border-900\/80 { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:border-900\/90 { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:focus\:border-0:focus { + border-color: var(---surface-0) + } + .md\:hover\:border-0:hover { + border-color: var(---surface-0) + } + .md\:active\:border-0:active { + border-color: var(---surface-0) + } + .md\:focus\:border-0\/10:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:hover\:border-0\/10:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:active\:border-0\/10:active { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:focus\:border-0\/20:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:hover\:border-0\/20:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:active\:border-0\/20:active { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:focus\:border-0\/30:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:hover\:border-0\/30:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:active\:border-0\/30:active { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:focus\:border-0\/40:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:hover\:border-0\/40:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:active\:border-0\/40:active { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:focus\:border-0\/50:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:hover\:border-0\/50:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:active\:border-0\/50:active { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:focus\:border-0\/60:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:hover\:border-0\/60:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:active\:border-0\/60:active { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:focus\:border-0\/70:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:hover\:border-0\/70:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:active\:border-0\/70:active { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:focus\:border-0\/80:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:hover\:border-0\/80:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:active\:border-0\/80:active { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:focus\:border-0\/90:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:hover\:border-0\/90:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:active\:border-0\/90:active { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:focus\:border-50:focus { + border-color: var(---surface-50) + } + .md\:hover\:border-50:hover { + border-color: var(---surface-50) + } + .md\:active\:border-50:active { + border-color: var(---surface-50) + } + .md\:focus\:border-50\/10:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:hover\:border-50\/10:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:active\:border-50\/10:active { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:focus\:border-50\/20:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:hover\:border-50\/20:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:active\:border-50\/20:active { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:focus\:border-50\/30:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:hover\:border-50\/30:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:active\:border-50\/30:active { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:focus\:border-50\/40:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:hover\:border-50\/40:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:active\:border-50\/40:active { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:focus\:border-50\/50:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:hover\:border-50\/50:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:active\:border-50\/50:active { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:focus\:border-50\/60:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:hover\:border-50\/60:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:active\:border-50\/60:active { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:focus\:border-50\/70:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:hover\:border-50\/70:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:active\:border-50\/70:active { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:focus\:border-50\/80:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:hover\:border-50\/80:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:active\:border-50\/80:active { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:focus\:border-50\/90:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:hover\:border-50\/90:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:active\:border-50\/90:active { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:focus\:border-100:focus { + border-color: var(---surface-100) + } + .md\:hover\:border-100:hover { + border-color: var(---surface-100) + } + .md\:active\:border-100:active { + border-color: var(---surface-100) + } + .md\:focus\:border-100\/10:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:hover\:border-100\/10:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:active\:border-100\/10:active { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:focus\:border-100\/20:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:hover\:border-100\/20:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:active\:border-100\/20:active { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:focus\:border-100\/30:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:hover\:border-100\/30:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:active\:border-100\/30:active { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:focus\:border-100\/40:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:hover\:border-100\/40:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:active\:border-100\/40:active { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:focus\:border-100\/50:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:hover\:border-100\/50:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:active\:border-100\/50:active { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:focus\:border-100\/60:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:hover\:border-100\/60:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:active\:border-100\/60:active { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:focus\:border-100\/70:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:hover\:border-100\/70:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:active\:border-100\/70:active { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:focus\:border-100\/80:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:hover\:border-100\/80:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:active\:border-100\/80:active { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:focus\:border-100\/90:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:hover\:border-100\/90:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:active\:border-100\/90:active { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:focus\:border-200:focus { + border-color: var(---surface-200) + } + .md\:hover\:border-200:hover { + border-color: var(---surface-200) + } + .md\:active\:border-200:active { + border-color: var(---surface-200) + } + .md\:focus\:border-200\/10:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:hover\:border-200\/10:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:active\:border-200\/10:active { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:focus\:border-200\/20:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:hover\:border-200\/20:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:active\:border-200\/20:active { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:focus\:border-200\/30:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:hover\:border-200\/30:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:active\:border-200\/30:active { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:focus\:border-200\/40:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:hover\:border-200\/40:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:active\:border-200\/40:active { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:focus\:border-200\/50:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:hover\:border-200\/50:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:active\:border-200\/50:active { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:focus\:border-200\/60:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:hover\:border-200\/60:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:active\:border-200\/60:active { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:focus\:border-200\/70:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:hover\:border-200\/70:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:active\:border-200\/70:active { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:focus\:border-200\/80:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:hover\:border-200\/80:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:active\:border-200\/80:active { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:focus\:border-200\/90:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:hover\:border-200\/90:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:active\:border-200\/90:active { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:focus\:border-300:focus { + border-color: var(---surface-300) + } + .md\:hover\:border-300:hover { + border-color: var(---surface-300) + } + .md\:active\:border-300:active { + border-color: var(---surface-300) + } + .md\:focus\:border-300\/10:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:hover\:border-300\/10:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:active\:border-300\/10:active { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:focus\:border-300\/20:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:hover\:border-300\/20:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:active\:border-300\/20:active { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:focus\:border-300\/30:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:hover\:border-300\/30:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:active\:border-300\/30:active { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:focus\:border-300\/40:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:hover\:border-300\/40:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:active\:border-300\/40:active { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:focus\:border-300\/50:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:hover\:border-300\/50:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:active\:border-300\/50:active { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:focus\:border-300\/60:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:hover\:border-300\/60:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:active\:border-300\/60:active { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:focus\:border-300\/70:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:hover\:border-300\/70:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:active\:border-300\/70:active { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:focus\:border-300\/80:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:hover\:border-300\/80:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:active\:border-300\/80:active { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:focus\:border-300\/90:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:hover\:border-300\/90:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:active\:border-300\/90:active { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:focus\:border-400:focus { + border-color: var(---surface-400) + } + .md\:hover\:border-400:hover { + border-color: var(---surface-400) + } + .md\:active\:border-400:active { + border-color: var(---surface-400) + } + .md\:focus\:border-400\/10:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:hover\:border-400\/10:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:active\:border-400\/10:active { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:focus\:border-400\/20:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:hover\:border-400\/20:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:active\:border-400\/20:active { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:focus\:border-400\/30:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:hover\:border-400\/30:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:active\:border-400\/30:active { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:focus\:border-400\/40:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:hover\:border-400\/40:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:active\:border-400\/40:active { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:focus\:border-400\/50:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:hover\:border-400\/50:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:active\:border-400\/50:active { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:focus\:border-400\/60:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:hover\:border-400\/60:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:active\:border-400\/60:active { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:focus\:border-400\/70:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:hover\:border-400\/70:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:active\:border-400\/70:active { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:focus\:border-400\/80:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:hover\:border-400\/80:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:active\:border-400\/80:active { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:focus\:border-400\/90:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:hover\:border-400\/90:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:active\:border-400\/90:active { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:focus\:border-500:focus { + border-color: var(---surface-500) + } + .md\:hover\:border-500:hover { + border-color: var(---surface-500) + } + .md\:active\:border-500:active { + border-color: var(---surface-500) + } + .md\:focus\:border-500\/10:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:hover\:border-500\/10:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:active\:border-500\/10:active { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:focus\:border-500\/20:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:hover\:border-500\/20:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:active\:border-500\/20:active { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:focus\:border-500\/30:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:hover\:border-500\/30:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:active\:border-500\/30:active { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:focus\:border-500\/40:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:hover\:border-500\/40:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:active\:border-500\/40:active { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:focus\:border-500\/50:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:hover\:border-500\/50:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:active\:border-500\/50:active { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:focus\:border-500\/60:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:hover\:border-500\/60:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:active\:border-500\/60:active { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:focus\:border-500\/70:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:hover\:border-500\/70:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:active\:border-500\/70:active { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:focus\:border-500\/80:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:hover\:border-500\/80:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:active\:border-500\/80:active { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:focus\:border-500\/90:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:hover\:border-500\/90:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:active\:border-500\/90:active { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:focus\:border-600:focus { + border-color: var(---surface-600) + } + .md\:hover\:border-600:hover { + border-color: var(---surface-600) + } + .md\:active\:border-600:active { + border-color: var(---surface-600) + } + .md\:focus\:border-600\/10:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:hover\:border-600\/10:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:active\:border-600\/10:active { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:focus\:border-600\/20:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:hover\:border-600\/20:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:active\:border-600\/20:active { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:focus\:border-600\/30:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:hover\:border-600\/30:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:active\:border-600\/30:active { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:focus\:border-600\/40:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:hover\:border-600\/40:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:active\:border-600\/40:active { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:focus\:border-600\/50:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:hover\:border-600\/50:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:active\:border-600\/50:active { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:focus\:border-600\/60:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:hover\:border-600\/60:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:active\:border-600\/60:active { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:focus\:border-600\/70:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:hover\:border-600\/70:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:active\:border-600\/70:active { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:focus\:border-600\/80:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:hover\:border-600\/80:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:active\:border-600\/80:active { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:focus\:border-600\/90:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:hover\:border-600\/90:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:active\:border-600\/90:active { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:focus\:border-700:focus { + border-color: var(---surface-700) + } + .md\:hover\:border-700:hover { + border-color: var(---surface-700) + } + .md\:active\:border-700:active { + border-color: var(---surface-700) + } + .md\:focus\:border-700\/10:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:hover\:border-700\/10:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:active\:border-700\/10:active { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:focus\:border-700\/20:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:hover\:border-700\/20:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:active\:border-700\/20:active { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:focus\:border-700\/30:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:hover\:border-700\/30:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:active\:border-700\/30:active { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:focus\:border-700\/40:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:hover\:border-700\/40:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:active\:border-700\/40:active { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:focus\:border-700\/50:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:hover\:border-700\/50:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:active\:border-700\/50:active { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:focus\:border-700\/60:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:hover\:border-700\/60:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:active\:border-700\/60:active { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:focus\:border-700\/70:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:hover\:border-700\/70:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:active\:border-700\/70:active { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:focus\:border-700\/80:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:hover\:border-700\/80:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:active\:border-700\/80:active { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:focus\:border-700\/90:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:hover\:border-700\/90:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:active\:border-700\/90:active { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:focus\:border-800:focus { + border-color: var(---surface-800) + } + .md\:hover\:border-800:hover { + border-color: var(---surface-800) + } + .md\:active\:border-800:active { + border-color: var(---surface-800) + } + .md\:focus\:border-800\/10:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:hover\:border-800\/10:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:active\:border-800\/10:active { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:focus\:border-800\/20:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:hover\:border-800\/20:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:active\:border-800\/20:active { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:focus\:border-800\/30:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:hover\:border-800\/30:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:active\:border-800\/30:active { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:focus\:border-800\/40:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:hover\:border-800\/40:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:active\:border-800\/40:active { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:focus\:border-800\/50:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:hover\:border-800\/50:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:active\:border-800\/50:active { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:focus\:border-800\/60:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:hover\:border-800\/60:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:active\:border-800\/60:active { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:focus\:border-800\/70:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:hover\:border-800\/70:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:active\:border-800\/70:active { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:focus\:border-800\/80:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:hover\:border-800\/80:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:active\:border-800\/80:active { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:focus\:border-800\/90:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:hover\:border-800\/90:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:active\:border-800\/90:active { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:focus\:border-900:focus { + border-color: var(---surface-900) + } + .md\:hover\:border-900:hover { + border-color: var(---surface-900) + } + .md\:active\:border-900:active { + border-color: var(---surface-900) + } + .md\:focus\:border-900\/10:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:hover\:border-900\/10:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:active\:border-900\/10:active { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:focus\:border-900\/20:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:hover\:border-900\/20:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:active\:border-900\/20:active { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:focus\:border-900\/30:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:hover\:border-900\/30:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:active\:border-900\/30:active { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:focus\:border-900\/40:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:hover\:border-900\/40:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:active\:border-900\/40:active { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:focus\:border-900\/50:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:hover\:border-900\/50:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:active\:border-900\/50:active { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:focus\:border-900\/60:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:hover\:border-900\/60:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:active\:border-900\/60:active { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:focus\:border-900\/70:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:hover\:border-900\/70:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:active\:border-900\/70:active { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:focus\:border-900\/80:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:hover\:border-900\/80:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:active\:border-900\/80:active { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:focus\:border-900\/90:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:hover\:border-900\/90:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:active\:border-900\/90:active { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:border-0 { + border-color: var(---surface-0) + } + .lg\:border-0\/10 { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:border-0\/20 { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:border-0\/30 { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:border-0\/40 { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:border-0\/50 { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:border-0\/60 { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:border-0\/70 { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:border-0\/80 { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:border-0\/90 { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:border-50 { + border-color: var(---surface-50) + } + .lg\:border-50\/10 { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:border-50\/20 { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:border-50\/30 { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:border-50\/40 { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:border-50\/50 { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:border-50\/60 { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:border-50\/70 { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:border-50\/80 { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:border-50\/90 { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:border-100 { + border-color: var(---surface-100) + } + .lg\:border-100\/10 { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:border-100\/20 { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:border-100\/30 { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:border-100\/40 { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:border-100\/50 { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:border-100\/60 { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:border-100\/70 { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:border-100\/80 { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:border-100\/90 { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:border-200 { + border-color: var(---surface-200) + } + .lg\:border-200\/10 { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:border-200\/20 { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:border-200\/30 { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:border-200\/40 { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:border-200\/50 { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:border-200\/60 { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:border-200\/70 { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:border-200\/80 { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:border-200\/90 { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:border-300 { + border-color: var(---surface-300) + } + .lg\:border-300\/10 { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:border-300\/20 { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:border-300\/30 { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:border-300\/40 { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:border-300\/50 { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:border-300\/60 { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:border-300\/70 { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:border-300\/80 { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:border-300\/90 { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:border-400 { + border-color: var(---surface-400) + } + .lg\:border-400\/10 { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:border-400\/20 { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:border-400\/30 { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:border-400\/40 { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:border-400\/50 { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:border-400\/60 { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:border-400\/70 { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:border-400\/80 { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:border-400\/90 { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:border-500 { + border-color: var(---surface-500) + } + .lg\:border-500\/10 { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:border-500\/20 { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:border-500\/30 { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:border-500\/40 { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:border-500\/50 { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:border-500\/60 { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:border-500\/70 { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:border-500\/80 { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:border-500\/90 { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:border-600 { + border-color: var(---surface-600) + } + .lg\:border-600\/10 { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:border-600\/20 { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:border-600\/30 { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:border-600\/40 { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:border-600\/50 { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:border-600\/60 { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:border-600\/70 { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:border-600\/80 { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:border-600\/90 { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:border-700 { + border-color: var(---surface-700) + } + .lg\:border-700\/10 { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:border-700\/20 { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:border-700\/30 { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:border-700\/40 { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:border-700\/50 { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:border-700\/60 { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:border-700\/70 { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:border-700\/80 { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:border-700\/90 { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:border-800 { + border-color: var(---surface-800) + } + .lg\:border-800\/10 { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:border-800\/20 { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:border-800\/30 { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:border-800\/40 { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:border-800\/50 { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:border-800\/60 { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:border-800\/70 { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:border-800\/80 { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:border-800\/90 { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:border-900 { + border-color: var(---surface-900) + } + .lg\:border-900\/10 { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:border-900\/20 { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:border-900\/30 { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:border-900\/40 { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:border-900\/50 { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:border-900\/60 { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:border-900\/70 { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:border-900\/80 { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:border-900\/90 { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:focus\:border-0:focus { + border-color: var(---surface-0) + } + .lg\:hover\:border-0:hover { + border-color: var(---surface-0) + } + .lg\:active\:border-0:active { + border-color: var(---surface-0) + } + .lg\:focus\:border-0\/10:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:hover\:border-0\/10:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:active\:border-0\/10:active { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:focus\:border-0\/20:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:hover\:border-0\/20:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:active\:border-0\/20:active { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:focus\:border-0\/30:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:hover\:border-0\/30:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:active\:border-0\/30:active { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:focus\:border-0\/40:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:hover\:border-0\/40:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:active\:border-0\/40:active { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:focus\:border-0\/50:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:hover\:border-0\/50:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:active\:border-0\/50:active { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:focus\:border-0\/60:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:hover\:border-0\/60:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:active\:border-0\/60:active { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:focus\:border-0\/70:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:hover\:border-0\/70:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:active\:border-0\/70:active { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:focus\:border-0\/80:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:hover\:border-0\/80:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:active\:border-0\/80:active { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:focus\:border-0\/90:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:hover\:border-0\/90:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:active\:border-0\/90:active { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:focus\:border-50:focus { + border-color: var(---surface-50) + } + .lg\:hover\:border-50:hover { + border-color: var(---surface-50) + } + .lg\:active\:border-50:active { + border-color: var(---surface-50) + } + .lg\:focus\:border-50\/10:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:hover\:border-50\/10:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:active\:border-50\/10:active { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:focus\:border-50\/20:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:hover\:border-50\/20:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:active\:border-50\/20:active { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:focus\:border-50\/30:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:hover\:border-50\/30:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:active\:border-50\/30:active { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:focus\:border-50\/40:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:hover\:border-50\/40:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:active\:border-50\/40:active { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:focus\:border-50\/50:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:hover\:border-50\/50:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:active\:border-50\/50:active { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:focus\:border-50\/60:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:hover\:border-50\/60:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:active\:border-50\/60:active { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:focus\:border-50\/70:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:hover\:border-50\/70:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:active\:border-50\/70:active { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:focus\:border-50\/80:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:hover\:border-50\/80:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:active\:border-50\/80:active { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:focus\:border-50\/90:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:hover\:border-50\/90:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:active\:border-50\/90:active { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:focus\:border-100:focus { + border-color: var(---surface-100) + } + .lg\:hover\:border-100:hover { + border-color: var(---surface-100) + } + .lg\:active\:border-100:active { + border-color: var(---surface-100) + } + .lg\:focus\:border-100\/10:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:hover\:border-100\/10:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:active\:border-100\/10:active { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:focus\:border-100\/20:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:hover\:border-100\/20:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:active\:border-100\/20:active { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:focus\:border-100\/30:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:hover\:border-100\/30:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:active\:border-100\/30:active { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:focus\:border-100\/40:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:hover\:border-100\/40:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:active\:border-100\/40:active { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:focus\:border-100\/50:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:hover\:border-100\/50:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:active\:border-100\/50:active { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:focus\:border-100\/60:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:hover\:border-100\/60:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:active\:border-100\/60:active { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:focus\:border-100\/70:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:hover\:border-100\/70:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:active\:border-100\/70:active { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:focus\:border-100\/80:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:hover\:border-100\/80:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:active\:border-100\/80:active { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:focus\:border-100\/90:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:hover\:border-100\/90:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:active\:border-100\/90:active { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:focus\:border-200:focus { + border-color: var(---surface-200) + } + .lg\:hover\:border-200:hover { + border-color: var(---surface-200) + } + .lg\:active\:border-200:active { + border-color: var(---surface-200) + } + .lg\:focus\:border-200\/10:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:hover\:border-200\/10:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:active\:border-200\/10:active { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:focus\:border-200\/20:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:hover\:border-200\/20:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:active\:border-200\/20:active { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:focus\:border-200\/30:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:hover\:border-200\/30:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:active\:border-200\/30:active { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:focus\:border-200\/40:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:hover\:border-200\/40:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:active\:border-200\/40:active { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:focus\:border-200\/50:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:hover\:border-200\/50:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:active\:border-200\/50:active { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:focus\:border-200\/60:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:hover\:border-200\/60:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:active\:border-200\/60:active { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:focus\:border-200\/70:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:hover\:border-200\/70:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:active\:border-200\/70:active { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:focus\:border-200\/80:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:hover\:border-200\/80:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:active\:border-200\/80:active { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:focus\:border-200\/90:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:hover\:border-200\/90:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:active\:border-200\/90:active { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:focus\:border-300:focus { + border-color: var(---surface-300) + } + .lg\:hover\:border-300:hover { + border-color: var(---surface-300) + } + .lg\:active\:border-300:active { + border-color: var(---surface-300) + } + .lg\:focus\:border-300\/10:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:hover\:border-300\/10:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:active\:border-300\/10:active { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:focus\:border-300\/20:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:hover\:border-300\/20:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:active\:border-300\/20:active { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:focus\:border-300\/30:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:hover\:border-300\/30:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:active\:border-300\/30:active { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:focus\:border-300\/40:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:hover\:border-300\/40:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:active\:border-300\/40:active { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:focus\:border-300\/50:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:hover\:border-300\/50:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:active\:border-300\/50:active { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:focus\:border-300\/60:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:hover\:border-300\/60:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:active\:border-300\/60:active { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:focus\:border-300\/70:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:hover\:border-300\/70:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:active\:border-300\/70:active { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:focus\:border-300\/80:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:hover\:border-300\/80:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:active\:border-300\/80:active { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:focus\:border-300\/90:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:hover\:border-300\/90:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:active\:border-300\/90:active { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:focus\:border-400:focus { + border-color: var(---surface-400) + } + .lg\:hover\:border-400:hover { + border-color: var(---surface-400) + } + .lg\:active\:border-400:active { + border-color: var(---surface-400) + } + .lg\:focus\:border-400\/10:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:hover\:border-400\/10:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:active\:border-400\/10:active { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:focus\:border-400\/20:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:hover\:border-400\/20:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:active\:border-400\/20:active { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:focus\:border-400\/30:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:hover\:border-400\/30:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:active\:border-400\/30:active { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:focus\:border-400\/40:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:hover\:border-400\/40:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:active\:border-400\/40:active { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:focus\:border-400\/50:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:hover\:border-400\/50:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:active\:border-400\/50:active { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:focus\:border-400\/60:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:hover\:border-400\/60:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:active\:border-400\/60:active { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:focus\:border-400\/70:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:hover\:border-400\/70:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:active\:border-400\/70:active { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:focus\:border-400\/80:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:hover\:border-400\/80:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:active\:border-400\/80:active { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:focus\:border-400\/90:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:hover\:border-400\/90:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:active\:border-400\/90:active { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:focus\:border-500:focus { + border-color: var(---surface-500) + } + .lg\:hover\:border-500:hover { + border-color: var(---surface-500) + } + .lg\:active\:border-500:active { + border-color: var(---surface-500) + } + .lg\:focus\:border-500\/10:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:hover\:border-500\/10:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:active\:border-500\/10:active { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:focus\:border-500\/20:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:hover\:border-500\/20:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:active\:border-500\/20:active { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:focus\:border-500\/30:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:hover\:border-500\/30:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:active\:border-500\/30:active { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:focus\:border-500\/40:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:hover\:border-500\/40:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:active\:border-500\/40:active { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:focus\:border-500\/50:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:hover\:border-500\/50:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:active\:border-500\/50:active { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:focus\:border-500\/60:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:hover\:border-500\/60:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:active\:border-500\/60:active { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:focus\:border-500\/70:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:hover\:border-500\/70:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:active\:border-500\/70:active { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:focus\:border-500\/80:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:hover\:border-500\/80:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:active\:border-500\/80:active { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:focus\:border-500\/90:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:hover\:border-500\/90:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:active\:border-500\/90:active { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:focus\:border-600:focus { + border-color: var(---surface-600) + } + .lg\:hover\:border-600:hover { + border-color: var(---surface-600) + } + .lg\:active\:border-600:active { + border-color: var(---surface-600) + } + .lg\:focus\:border-600\/10:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:hover\:border-600\/10:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:active\:border-600\/10:active { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:focus\:border-600\/20:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:hover\:border-600\/20:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:active\:border-600\/20:active { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:focus\:border-600\/30:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:hover\:border-600\/30:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:active\:border-600\/30:active { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:focus\:border-600\/40:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:hover\:border-600\/40:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:active\:border-600\/40:active { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:focus\:border-600\/50:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:hover\:border-600\/50:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:active\:border-600\/50:active { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:focus\:border-600\/60:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:hover\:border-600\/60:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:active\:border-600\/60:active { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:focus\:border-600\/70:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:hover\:border-600\/70:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:active\:border-600\/70:active { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:focus\:border-600\/80:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:hover\:border-600\/80:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:active\:border-600\/80:active { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:focus\:border-600\/90:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:hover\:border-600\/90:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:active\:border-600\/90:active { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:focus\:border-700:focus { + border-color: var(---surface-700) + } + .lg\:hover\:border-700:hover { + border-color: var(---surface-700) + } + .lg\:active\:border-700:active { + border-color: var(---surface-700) + } + .lg\:focus\:border-700\/10:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:hover\:border-700\/10:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:active\:border-700\/10:active { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:focus\:border-700\/20:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:hover\:border-700\/20:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:active\:border-700\/20:active { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:focus\:border-700\/30:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:hover\:border-700\/30:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:active\:border-700\/30:active { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:focus\:border-700\/40:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:hover\:border-700\/40:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:active\:border-700\/40:active { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:focus\:border-700\/50:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:hover\:border-700\/50:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:active\:border-700\/50:active { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:focus\:border-700\/60:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:hover\:border-700\/60:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:active\:border-700\/60:active { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:focus\:border-700\/70:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:hover\:border-700\/70:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:active\:border-700\/70:active { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:focus\:border-700\/80:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:hover\:border-700\/80:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:active\:border-700\/80:active { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:focus\:border-700\/90:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:hover\:border-700\/90:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:active\:border-700\/90:active { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:focus\:border-800:focus { + border-color: var(---surface-800) + } + .lg\:hover\:border-800:hover { + border-color: var(---surface-800) + } + .lg\:active\:border-800:active { + border-color: var(---surface-800) + } + .lg\:focus\:border-800\/10:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:hover\:border-800\/10:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:active\:border-800\/10:active { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:focus\:border-800\/20:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:hover\:border-800\/20:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:active\:border-800\/20:active { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:focus\:border-800\/30:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:hover\:border-800\/30:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:active\:border-800\/30:active { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:focus\:border-800\/40:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:hover\:border-800\/40:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:active\:border-800\/40:active { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:focus\:border-800\/50:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:hover\:border-800\/50:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:active\:border-800\/50:active { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:focus\:border-800\/60:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:hover\:border-800\/60:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:active\:border-800\/60:active { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:focus\:border-800\/70:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:hover\:border-800\/70:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:active\:border-800\/70:active { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:focus\:border-800\/80:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:hover\:border-800\/80:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:active\:border-800\/80:active { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:focus\:border-800\/90:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:hover\:border-800\/90:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:active\:border-800\/90:active { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:focus\:border-900:focus { + border-color: var(---surface-900) + } + .lg\:hover\:border-900:hover { + border-color: var(---surface-900) + } + .lg\:active\:border-900:active { + border-color: var(---surface-900) + } + .lg\:focus\:border-900\/10:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:hover\:border-900\/10:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:active\:border-900\/10:active { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:focus\:border-900\/20:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:hover\:border-900\/20:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:active\:border-900\/20:active { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:focus\:border-900\/30:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:hover\:border-900\/30:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:active\:border-900\/30:active { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:focus\:border-900\/40:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:hover\:border-900\/40:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:active\:border-900\/40:active { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:focus\:border-900\/50:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:hover\:border-900\/50:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:active\:border-900\/50:active { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:focus\:border-900\/60:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:hover\:border-900\/60:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:active\:border-900\/60:active { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:focus\:border-900\/70:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:hover\:border-900\/70:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:active\:border-900\/70:active { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:focus\:border-900\/80:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:hover\:border-900\/80:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:active\:border-900\/80:active { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:focus\:border-900\/90:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:hover\:border-900\/90:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:active\:border-900\/90:active { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:border-0 { + border-color: var(---surface-0) + } + .xl\:border-0\/10 { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:border-0\/20 { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:border-0\/30 { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:border-0\/40 { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:border-0\/50 { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:border-0\/60 { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:border-0\/70 { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:border-0\/80 { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:border-0\/90 { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:border-50 { + border-color: var(---surface-50) + } + .xl\:border-50\/10 { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:border-50\/20 { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:border-50\/30 { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:border-50\/40 { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:border-50\/50 { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:border-50\/60 { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:border-50\/70 { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:border-50\/80 { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:border-50\/90 { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:border-100 { + border-color: var(---surface-100) + } + .xl\:border-100\/10 { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:border-100\/20 { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:border-100\/30 { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:border-100\/40 { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:border-100\/50 { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:border-100\/60 { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:border-100\/70 { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:border-100\/80 { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:border-100\/90 { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:border-200 { + border-color: var(---surface-200) + } + .xl\:border-200\/10 { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:border-200\/20 { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:border-200\/30 { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:border-200\/40 { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:border-200\/50 { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:border-200\/60 { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:border-200\/70 { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:border-200\/80 { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:border-200\/90 { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:border-300 { + border-color: var(---surface-300) + } + .xl\:border-300\/10 { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:border-300\/20 { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:border-300\/30 { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:border-300\/40 { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:border-300\/50 { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:border-300\/60 { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:border-300\/70 { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:border-300\/80 { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:border-300\/90 { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:border-400 { + border-color: var(---surface-400) + } + .xl\:border-400\/10 { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:border-400\/20 { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:border-400\/30 { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:border-400\/40 { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:border-400\/50 { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:border-400\/60 { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:border-400\/70 { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:border-400\/80 { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:border-400\/90 { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:border-500 { + border-color: var(---surface-500) + } + .xl\:border-500\/10 { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:border-500\/20 { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:border-500\/30 { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:border-500\/40 { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:border-500\/50 { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:border-500\/60 { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:border-500\/70 { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:border-500\/80 { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:border-500\/90 { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:border-600 { + border-color: var(---surface-600) + } + .xl\:border-600\/10 { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:border-600\/20 { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:border-600\/30 { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:border-600\/40 { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:border-600\/50 { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:border-600\/60 { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:border-600\/70 { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:border-600\/80 { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:border-600\/90 { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:border-700 { + border-color: var(---surface-700) + } + .xl\:border-700\/10 { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:border-700\/20 { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:border-700\/30 { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:border-700\/40 { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:border-700\/50 { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:border-700\/60 { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:border-700\/70 { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:border-700\/80 { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:border-700\/90 { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:border-800 { + border-color: var(---surface-800) + } + .xl\:border-800\/10 { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:border-800\/20 { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:border-800\/30 { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:border-800\/40 { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:border-800\/50 { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:border-800\/60 { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:border-800\/70 { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:border-800\/80 { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:border-800\/90 { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:border-900 { + border-color: var(---surface-900) + } + .xl\:border-900\/10 { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:border-900\/20 { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:border-900\/30 { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:border-900\/40 { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:border-900\/50 { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:border-900\/60 { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:border-900\/70 { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:border-900\/80 { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:border-900\/90 { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:focus\:border-0:focus { + border-color: var(---surface-0) + } + .xl\:hover\:border-0:hover { + border-color: var(---surface-0) + } + .xl\:active\:border-0:active { + border-color: var(---surface-0) + } + .xl\:focus\:border-0\/10:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:hover\:border-0\/10:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:active\:border-0\/10:active { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:focus\:border-0\/20:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:hover\:border-0\/20:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:active\:border-0\/20:active { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:focus\:border-0\/30:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:hover\:border-0\/30:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:active\:border-0\/30:active { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:focus\:border-0\/40:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:hover\:border-0\/40:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:active\:border-0\/40:active { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:focus\:border-0\/50:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:hover\:border-0\/50:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:active\:border-0\/50:active { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:focus\:border-0\/60:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:hover\:border-0\/60:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:active\:border-0\/60:active { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:focus\:border-0\/70:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:hover\:border-0\/70:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:active\:border-0\/70:active { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:focus\:border-0\/80:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:hover\:border-0\/80:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:active\:border-0\/80:active { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:focus\:border-0\/90:focus { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:hover\:border-0\/90:hover { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:active\:border-0\/90:active { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:focus\:border-50:focus { + border-color: var(---surface-50) + } + .xl\:hover\:border-50:hover { + border-color: var(---surface-50) + } + .xl\:active\:border-50:active { + border-color: var(---surface-50) + } + .xl\:focus\:border-50\/10:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:hover\:border-50\/10:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:active\:border-50\/10:active { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:focus\:border-50\/20:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:hover\:border-50\/20:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:active\:border-50\/20:active { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:focus\:border-50\/30:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:hover\:border-50\/30:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:active\:border-50\/30:active { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:focus\:border-50\/40:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:hover\:border-50\/40:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:active\:border-50\/40:active { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:focus\:border-50\/50:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:hover\:border-50\/50:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:active\:border-50\/50:active { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:focus\:border-50\/60:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:hover\:border-50\/60:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:active\:border-50\/60:active { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:focus\:border-50\/70:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:hover\:border-50\/70:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:active\:border-50\/70:active { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:focus\:border-50\/80:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:hover\:border-50\/80:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:active\:border-50\/80:active { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:focus\:border-50\/90:focus { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:hover\:border-50\/90:hover { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:active\:border-50\/90:active { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:focus\:border-100:focus { + border-color: var(---surface-100) + } + .xl\:hover\:border-100:hover { + border-color: var(---surface-100) + } + .xl\:active\:border-100:active { + border-color: var(---surface-100) + } + .xl\:focus\:border-100\/10:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:hover\:border-100\/10:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:active\:border-100\/10:active { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:focus\:border-100\/20:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:hover\:border-100\/20:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:active\:border-100\/20:active { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:focus\:border-100\/30:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:hover\:border-100\/30:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:active\:border-100\/30:active { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:focus\:border-100\/40:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:hover\:border-100\/40:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:active\:border-100\/40:active { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:focus\:border-100\/50:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:hover\:border-100\/50:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:active\:border-100\/50:active { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:focus\:border-100\/60:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:hover\:border-100\/60:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:active\:border-100\/60:active { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:focus\:border-100\/70:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:hover\:border-100\/70:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:active\:border-100\/70:active { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:focus\:border-100\/80:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:hover\:border-100\/80:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:active\:border-100\/80:active { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:focus\:border-100\/90:focus { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:hover\:border-100\/90:hover { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:active\:border-100\/90:active { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:focus\:border-200:focus { + border-color: var(---surface-200) + } + .xl\:hover\:border-200:hover { + border-color: var(---surface-200) + } + .xl\:active\:border-200:active { + border-color: var(---surface-200) + } + .xl\:focus\:border-200\/10:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:hover\:border-200\/10:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:active\:border-200\/10:active { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:focus\:border-200\/20:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:hover\:border-200\/20:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:active\:border-200\/20:active { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:focus\:border-200\/30:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:hover\:border-200\/30:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:active\:border-200\/30:active { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:focus\:border-200\/40:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:hover\:border-200\/40:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:active\:border-200\/40:active { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:focus\:border-200\/50:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:hover\:border-200\/50:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:active\:border-200\/50:active { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:focus\:border-200\/60:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:hover\:border-200\/60:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:active\:border-200\/60:active { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:focus\:border-200\/70:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:hover\:border-200\/70:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:active\:border-200\/70:active { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:focus\:border-200\/80:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:hover\:border-200\/80:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:active\:border-200\/80:active { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:focus\:border-200\/90:focus { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:hover\:border-200\/90:hover { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:active\:border-200\/90:active { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:focus\:border-300:focus { + border-color: var(---surface-300) + } + .xl\:hover\:border-300:hover { + border-color: var(---surface-300) + } + .xl\:active\:border-300:active { + border-color: var(---surface-300) + } + .xl\:focus\:border-300\/10:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:hover\:border-300\/10:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:active\:border-300\/10:active { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:focus\:border-300\/20:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:hover\:border-300\/20:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:active\:border-300\/20:active { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:focus\:border-300\/30:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:hover\:border-300\/30:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:active\:border-300\/30:active { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:focus\:border-300\/40:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:hover\:border-300\/40:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:active\:border-300\/40:active { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:focus\:border-300\/50:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:hover\:border-300\/50:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:active\:border-300\/50:active { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:focus\:border-300\/60:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:hover\:border-300\/60:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:active\:border-300\/60:active { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:focus\:border-300\/70:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:hover\:border-300\/70:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:active\:border-300\/70:active { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:focus\:border-300\/80:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:hover\:border-300\/80:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:active\:border-300\/80:active { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:focus\:border-300\/90:focus { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:hover\:border-300\/90:hover { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:active\:border-300\/90:active { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:focus\:border-400:focus { + border-color: var(---surface-400) + } + .xl\:hover\:border-400:hover { + border-color: var(---surface-400) + } + .xl\:active\:border-400:active { + border-color: var(---surface-400) + } + .xl\:focus\:border-400\/10:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:hover\:border-400\/10:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:active\:border-400\/10:active { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:focus\:border-400\/20:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:hover\:border-400\/20:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:active\:border-400\/20:active { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:focus\:border-400\/30:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:hover\:border-400\/30:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:active\:border-400\/30:active { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:focus\:border-400\/40:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:hover\:border-400\/40:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:active\:border-400\/40:active { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:focus\:border-400\/50:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:hover\:border-400\/50:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:active\:border-400\/50:active { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:focus\:border-400\/60:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:hover\:border-400\/60:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:active\:border-400\/60:active { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:focus\:border-400\/70:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:hover\:border-400\/70:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:active\:border-400\/70:active { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:focus\:border-400\/80:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:hover\:border-400\/80:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:active\:border-400\/80:active { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:focus\:border-400\/90:focus { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:hover\:border-400\/90:hover { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:active\:border-400\/90:active { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:focus\:border-500:focus { + border-color: var(---surface-500) + } + .xl\:hover\:border-500:hover { + border-color: var(---surface-500) + } + .xl\:active\:border-500:active { + border-color: var(---surface-500) + } + .xl\:focus\:border-500\/10:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:hover\:border-500\/10:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:active\:border-500\/10:active { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:focus\:border-500\/20:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:hover\:border-500\/20:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:active\:border-500\/20:active { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:focus\:border-500\/30:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:hover\:border-500\/30:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:active\:border-500\/30:active { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:focus\:border-500\/40:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:hover\:border-500\/40:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:active\:border-500\/40:active { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:focus\:border-500\/50:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:hover\:border-500\/50:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:active\:border-500\/50:active { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:focus\:border-500\/60:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:hover\:border-500\/60:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:active\:border-500\/60:active { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:focus\:border-500\/70:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:hover\:border-500\/70:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:active\:border-500\/70:active { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:focus\:border-500\/80:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:hover\:border-500\/80:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:active\:border-500\/80:active { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:focus\:border-500\/90:focus { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:hover\:border-500\/90:hover { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:active\:border-500\/90:active { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:focus\:border-600:focus { + border-color: var(---surface-600) + } + .xl\:hover\:border-600:hover { + border-color: var(---surface-600) + } + .xl\:active\:border-600:active { + border-color: var(---surface-600) + } + .xl\:focus\:border-600\/10:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:hover\:border-600\/10:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:active\:border-600\/10:active { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:focus\:border-600\/20:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:hover\:border-600\/20:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:active\:border-600\/20:active { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:focus\:border-600\/30:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:hover\:border-600\/30:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:active\:border-600\/30:active { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:focus\:border-600\/40:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:hover\:border-600\/40:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:active\:border-600\/40:active { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:focus\:border-600\/50:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:hover\:border-600\/50:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:active\:border-600\/50:active { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:focus\:border-600\/60:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:hover\:border-600\/60:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:active\:border-600\/60:active { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:focus\:border-600\/70:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:hover\:border-600\/70:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:active\:border-600\/70:active { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:focus\:border-600\/80:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:hover\:border-600\/80:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:active\:border-600\/80:active { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:focus\:border-600\/90:focus { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:hover\:border-600\/90:hover { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:active\:border-600\/90:active { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:focus\:border-700:focus { + border-color: var(---surface-700) + } + .xl\:hover\:border-700:hover { + border-color: var(---surface-700) + } + .xl\:active\:border-700:active { + border-color: var(---surface-700) + } + .xl\:focus\:border-700\/10:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:hover\:border-700\/10:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:active\:border-700\/10:active { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:focus\:border-700\/20:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:hover\:border-700\/20:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:active\:border-700\/20:active { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:focus\:border-700\/30:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:hover\:border-700\/30:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:active\:border-700\/30:active { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:focus\:border-700\/40:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:hover\:border-700\/40:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:active\:border-700\/40:active { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:focus\:border-700\/50:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:hover\:border-700\/50:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:active\:border-700\/50:active { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:focus\:border-700\/60:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:hover\:border-700\/60:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:active\:border-700\/60:active { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:focus\:border-700\/70:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:hover\:border-700\/70:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:active\:border-700\/70:active { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:focus\:border-700\/80:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:hover\:border-700\/80:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:active\:border-700\/80:active { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:focus\:border-700\/90:focus { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:hover\:border-700\/90:hover { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:active\:border-700\/90:active { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:focus\:border-800:focus { + border-color: var(---surface-800) + } + .xl\:hover\:border-800:hover { + border-color: var(---surface-800) + } + .xl\:active\:border-800:active { + border-color: var(---surface-800) + } + .xl\:focus\:border-800\/10:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:hover\:border-800\/10:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:active\:border-800\/10:active { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:focus\:border-800\/20:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:hover\:border-800\/20:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:active\:border-800\/20:active { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:focus\:border-800\/30:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:hover\:border-800\/30:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:active\:border-800\/30:active { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:focus\:border-800\/40:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:hover\:border-800\/40:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:active\:border-800\/40:active { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:focus\:border-800\/50:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:hover\:border-800\/50:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:active\:border-800\/50:active { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:focus\:border-800\/60:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:hover\:border-800\/60:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:active\:border-800\/60:active { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:focus\:border-800\/70:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:hover\:border-800\/70:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:active\:border-800\/70:active { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:focus\:border-800\/80:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:hover\:border-800\/80:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:active\:border-800\/80:active { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:focus\:border-800\/90:focus { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:hover\:border-800\/90:hover { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:active\:border-800\/90:active { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:focus\:border-900:focus { + border-color: var(---surface-900) + } + .xl\:hover\:border-900:hover { + border-color: var(---surface-900) + } + .xl\:active\:border-900:active { + border-color: var(---surface-900) + } + .xl\:focus\:border-900\/10:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:hover\:border-900\/10:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:active\:border-900\/10:active { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:focus\:border-900\/20:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:hover\:border-900\/20:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:active\:border-900\/20:active { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:focus\:border-900\/30:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:hover\:border-900\/30:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:active\:border-900\/30:active { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:focus\:border-900\/40:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:hover\:border-900\/40:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:active\:border-900\/40:active { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:focus\:border-900\/50:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:hover\:border-900\/50:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:active\:border-900\/50:active { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:focus\:border-900\/60:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:hover\:border-900\/60:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:active\:border-900\/60:active { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:focus\:border-900\/70:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:hover\:border-900\/70:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:active\:border-900\/70:active { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:focus\:border-900\/80:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:hover\:border-900\/80:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:active\:border-900\/80:active { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:focus\:border-900\/90:focus { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:hover\:border-900\/90:hover { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:active\:border-900\/90:active { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0) { + border-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/10) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/20) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/30) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/40) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/50) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/60) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/70) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/80) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-0\/90) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50) { + border-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/10) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/20) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/30) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/40) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/50) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/60) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/70) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/80) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-50\/90) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100) { + border-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/10) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/20) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/30) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/40) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/50) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/60) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/70) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/80) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-100\/90) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200) { + border-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/10) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/20) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/30) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/40) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/50) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/60) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/70) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/80) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-200\/90) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300) { + border-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/10) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/20) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/30) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/40) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/50) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/60) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/70) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/80) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-300\/90) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400) { + border-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/10) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/20) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/30) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/40) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/50) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/60) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/70) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/80) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-400\/90) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500) { + border-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/10) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/20) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/30) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/40) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/50) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/60) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/70) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/80) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-500\/90) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600) { + border-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/10) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/20) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/30) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/40) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/50) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/60) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/70) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/80) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-600\/90) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700) { + border-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/10) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/20) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/30) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/40) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/50) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/60) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/70) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/80) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-700\/90) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800) { + border-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/10) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/20) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/30) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/40) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/50) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/60) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/70) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/80) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-800\/90) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900) { + border-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/10) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/20) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/30) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/40) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/50) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/60) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/70) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/80) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-900\/90) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0:focus) { + border-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0:hover) { + border-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0:active) { + border-color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/10:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/10:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/10:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/20:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/20:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/20:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/30:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/30:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/30:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/40:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/40:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/40:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/50:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/50:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/50:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/60:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/60:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/60:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/70:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/70:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/70:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/80:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/80:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/80:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-0\/90:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-0\/90:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-0\/90:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50:focus) { + border-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50:hover) { + border-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50:active) { + border-color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/10:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/10:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/10:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/20:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/20:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/20:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/30:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/30:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/30:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/40:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/40:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/40:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/50:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/50:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/50:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/60:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/60:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/60:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/70:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/70:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/70:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/80:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/80:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/80:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-50\/90:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-50\/90:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-50\/90:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100:focus) { + border-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100:hover) { + border-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100:active) { + border-color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/10:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/10:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/10:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/20:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/20:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/20:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/30:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/30:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/30:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/40:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/40:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/40:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/50:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/50:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/50:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/60:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/60:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/60:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/70:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/70:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/70:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/80:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/80:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/80:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-100\/90:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-100\/90:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-100\/90:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200:focus) { + border-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200:hover) { + border-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200:active) { + border-color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/10:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/10:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/10:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/20:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/20:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/20:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/30:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/30:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/30:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/40:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/40:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/40:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/50:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/50:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/50:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/60:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/60:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/60:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/70:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/70:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/70:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/80:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/80:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/80:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-200\/90:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-200\/90:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-200\/90:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300:focus) { + border-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300:hover) { + border-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300:active) { + border-color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/10:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/10:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/10:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/20:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/20:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/20:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/30:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/30:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/30:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/40:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/40:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/40:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/50:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/50:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/50:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/60:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/60:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/60:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/70:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/70:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/70:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/80:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/80:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/80:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-300\/90:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-300\/90:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-300\/90:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400:focus) { + border-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400:hover) { + border-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400:active) { + border-color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/10:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/10:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/10:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/20:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/20:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/20:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/30:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/30:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/30:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/40:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/40:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/40:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/50:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/50:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/50:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/60:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/60:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/60:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/70:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/70:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/70:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/80:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/80:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/80:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-400\/90:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-400\/90:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-400\/90:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500:focus) { + border-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500:hover) { + border-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500:active) { + border-color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/10:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/10:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/10:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/20:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/20:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/20:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/30:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/30:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/30:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/40:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/40:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/40:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/50:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/50:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/50:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/60:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/60:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/60:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/70:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/70:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/70:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/80:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/80:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/80:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-500\/90:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-500\/90:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-500\/90:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600:focus) { + border-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600:hover) { + border-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600:active) { + border-color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/10:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/10:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/10:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/20:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/20:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/20:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/30:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/30:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/30:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/40:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/40:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/40:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/50:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/50:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/50:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/60:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/60:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/60:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/70:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/70:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/70:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/80:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/80:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/80:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-600\/90:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-600\/90:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-600\/90:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700:focus) { + border-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700:hover) { + border-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700:active) { + border-color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/10:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/10:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/10:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/20:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/20:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/20:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/30:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/30:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/30:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/40:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/40:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/40:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/50:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/50:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/50:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/60:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/60:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/60:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/70:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/70:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/70:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/80:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/80:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/80:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-700\/90:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-700\/90:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-700\/90:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800:focus) { + border-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800:hover) { + border-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800:active) { + border-color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/10:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/10:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/10:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/20:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/20:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/20:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/30:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/30:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/30:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/40:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/40:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/40:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/50:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/50:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/50:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/60:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/60:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/60:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/70:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/70:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/70:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/80:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/80:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/80:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-800\/90:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-800\/90:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-800\/90:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900:focus) { + border-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900:hover) { + border-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900:active) { + border-color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/10:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/10:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/10:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/20:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/20:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/20:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/30:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/30:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/30:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/40:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/40:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/40:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/50:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/50:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/50:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/60:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/60:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/60:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/70:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/70:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/70:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/80:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/80:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/80:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-900\/90:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-900\/90:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-900\/90:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/10) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/20) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/30) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/40) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/50) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/60) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/70) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/80) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-0\/90) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/10) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/20) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/30) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/40) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/50) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/60) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/70) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/80) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-50\/90) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/10) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/20) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/30) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/40) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/50) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/60) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/70) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/80) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-100\/90) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/10) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/20) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/30) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/40) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/50) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/60) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/70) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/80) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-200\/90) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/10) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/20) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/30) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/40) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/50) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/60) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/70) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/80) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-300\/90) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/10) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/20) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/30) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/40) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/50) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/60) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/70) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/80) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-400\/90) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/10) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/20) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/30) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/40) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/50) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/60) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/70) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/80) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-500\/90) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/10) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/20) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/30) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/40) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/50) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/60) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/70) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/80) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-600\/90) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/10) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/20) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/30) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/40) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/50) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/60) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/70) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/80) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-700\/90) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/10) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/20) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/30) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/40) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/50) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/60) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/70) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/80) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-800\/90) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/10) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/20) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/30) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/40) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/50) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/60) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/70) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/80) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-900\/90) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0:focus) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0:hover) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0:active) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/10:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/10:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/10:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/20:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/20:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/20:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/30:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/30:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/30:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/40:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/40:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/40:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/50:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/50:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/50:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/60:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/60:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/60:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/70:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/70:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/70:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/80:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/80:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/80:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-0\/90:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-0\/90:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-0\/90:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50:focus) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50:hover) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50:active) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/10:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/10:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/10:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/20:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/20:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/20:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/30:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/30:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/30:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/40:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/40:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/40:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/50:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/50:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/50:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/60:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/60:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/60:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/70:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/70:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/70:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/80:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/80:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/80:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-50\/90:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-50\/90:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-50\/90:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100:focus) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100:hover) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100:active) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/10:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/10:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/10:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/20:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/20:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/20:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/30:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/30:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/30:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/40:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/40:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/40:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/50:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/50:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/50:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/60:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/60:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/60:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/70:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/70:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/70:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/80:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/80:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/80:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-100\/90:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-100\/90:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-100\/90:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200:focus) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200:hover) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200:active) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/10:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/10:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/10:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/20:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/20:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/20:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/30:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/30:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/30:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/40:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/40:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/40:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/50:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/50:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/50:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/60:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/60:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/60:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/70:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/70:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/70:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/80:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/80:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/80:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-200\/90:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-200\/90:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-200\/90:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300:focus) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300:hover) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300:active) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/10:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/10:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/10:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/20:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/20:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/20:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/30:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/30:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/30:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/40:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/40:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/40:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/50:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/50:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/50:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/60:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/60:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/60:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/70:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/70:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/70:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/80:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/80:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/80:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-300\/90:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-300\/90:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-300\/90:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400:focus) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400:hover) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400:active) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/10:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/10:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/10:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/20:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/20:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/20:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/30:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/30:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/30:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/40:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/40:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/40:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/50:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/50:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/50:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/60:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/60:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/60:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/70:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/70:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/70:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/80:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/80:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/80:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-400\/90:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-400\/90:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-400\/90:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500:focus) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500:hover) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500:active) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/10:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/10:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/10:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/20:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/20:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/20:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/30:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/30:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/30:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/40:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/40:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/40:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/50:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/50:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/50:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/60:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/60:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/60:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/70:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/70:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/70:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/80:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/80:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/80:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-500\/90:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-500\/90:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-500\/90:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600:focus) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600:hover) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600:active) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/10:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/10:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/10:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/20:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/20:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/20:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/30:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/30:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/30:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/40:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/40:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/40:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/50:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/50:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/50:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/60:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/60:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/60:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/70:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/70:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/70:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/80:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/80:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/80:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-600\/90:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-600\/90:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-600\/90:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700:focus) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700:hover) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700:active) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/10:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/10:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/10:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/20:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/20:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/20:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/30:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/30:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/30:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/40:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/40:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/40:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/50:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/50:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/50:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/60:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/60:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/60:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/70:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/70:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/70:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/80:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/80:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/80:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-700\/90:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-700\/90:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-700\/90:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800:focus) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800:hover) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800:active) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/10:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/10:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/10:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/20:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/20:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/20:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/30:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/30:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/30:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/40:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/40:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/40:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/50:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/50:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/50:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/60:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/60:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/60:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/70:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/70:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/70:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/80:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/80:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/80:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-800\/90:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-800\/90:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-800\/90:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900:focus) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900:hover) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900:active) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/10:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/10:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/10:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/20:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/20:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/20:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/30:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/30:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/30:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/40:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/40:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/40:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/50:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/50:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/50:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/60:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/60:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/60:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/70:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/70:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/70:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/80:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/80:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/80:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-900\/90:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-900\/90:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-900\/90:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/10) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/20) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/30) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/40) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/50) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/60) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/70) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/80) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-0\/90) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/10) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/20) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/30) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/40) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/50) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/60) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/70) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/80) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-50\/90) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/10) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/20) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/30) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/40) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/50) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/60) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/70) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/80) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-100\/90) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/10) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/20) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/30) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/40) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/50) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/60) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/70) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/80) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-200\/90) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/10) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/20) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/30) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/40) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/50) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/60) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/70) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/80) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-300\/90) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/10) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/20) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/30) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/40) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/50) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/60) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/70) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/80) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-400\/90) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/10) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/20) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/30) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/40) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/50) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/60) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/70) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/80) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-500\/90) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/10) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/20) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/30) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/40) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/50) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/60) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/70) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/80) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-600\/90) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/10) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/20) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/30) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/40) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/50) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/60) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/70) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/80) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-700\/90) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/10) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/20) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/30) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/40) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/50) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/60) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/70) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/80) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-800\/90) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/10) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/20) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/30) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/40) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/50) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/60) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/70) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/80) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-900\/90) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0:focus) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0:hover) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0:active) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/10:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/10:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/10:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/20:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/20:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/20:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/30:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/30:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/30:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/40:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/40:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/40:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/50:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/50:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/50:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/60:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/60:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/60:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/70:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/70:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/70:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/80:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/80:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/80:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-0\/90:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-0\/90:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-0\/90:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50:focus) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50:hover) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50:active) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/10:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/10:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/10:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/20:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/20:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/20:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/30:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/30:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/30:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/40:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/40:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/40:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/50:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/50:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/50:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/60:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/60:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/60:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/70:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/70:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/70:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/80:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/80:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/80:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-50\/90:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-50\/90:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-50\/90:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100:focus) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100:hover) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100:active) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/10:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/10:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/10:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/20:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/20:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/20:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/30:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/30:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/30:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/40:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/40:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/40:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/50:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/50:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/50:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/60:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/60:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/60:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/70:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/70:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/70:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/80:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/80:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/80:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-100\/90:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-100\/90:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-100\/90:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200:focus) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200:hover) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200:active) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/10:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/10:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/10:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/20:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/20:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/20:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/30:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/30:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/30:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/40:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/40:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/40:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/50:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/50:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/50:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/60:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/60:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/60:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/70:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/70:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/70:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/80:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/80:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/80:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-200\/90:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-200\/90:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-200\/90:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300:focus) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300:hover) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300:active) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/10:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/10:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/10:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/20:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/20:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/20:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/30:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/30:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/30:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/40:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/40:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/40:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/50:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/50:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/50:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/60:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/60:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/60:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/70:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/70:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/70:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/80:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/80:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/80:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-300\/90:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-300\/90:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-300\/90:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400:focus) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400:hover) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400:active) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/10:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/10:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/10:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/20:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/20:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/20:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/30:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/30:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/30:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/40:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/40:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/40:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/50:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/50:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/50:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/60:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/60:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/60:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/70:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/70:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/70:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/80:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/80:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/80:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-400\/90:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-400\/90:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-400\/90:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500:focus) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500:hover) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500:active) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/10:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/10:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/10:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/20:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/20:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/20:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/30:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/30:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/30:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/40:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/40:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/40:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/50:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/50:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/50:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/60:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/60:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/60:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/70:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/70:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/70:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/80:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/80:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/80:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-500\/90:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-500\/90:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-500\/90:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600:focus) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600:hover) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600:active) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/10:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/10:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/10:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/20:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/20:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/20:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/30:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/30:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/30:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/40:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/40:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/40:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/50:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/50:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/50:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/60:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/60:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/60:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/70:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/70:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/70:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/80:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/80:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/80:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-600\/90:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-600\/90:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-600\/90:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700:focus) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700:hover) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700:active) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/10:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/10:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/10:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/20:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/20:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/20:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/30:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/30:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/30:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/40:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/40:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/40:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/50:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/50:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/50:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/60:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/60:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/60:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/70:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/70:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/70:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/80:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/80:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/80:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-700\/90:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-700\/90:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-700\/90:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800:focus) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800:hover) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800:active) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/10:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/10:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/10:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/20:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/20:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/20:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/30:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/30:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/30:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/40:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/40:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/40:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/50:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/50:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/50:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/60:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/60:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/60:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/70:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/70:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/70:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/80:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/80:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/80:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-800\/90:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-800\/90:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-800\/90:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900:focus) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900:hover) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900:active) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/10:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/10:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/10:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/20:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/20:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/20:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/30:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/30:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/30:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/40:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/40:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/40:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/50:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/50:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/50:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/60:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/60:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/60:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/70:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/70:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/70:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/80:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/80:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/80:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-900\/90:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-900\/90:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-900\/90:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/10) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/20) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/30) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/40) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/50) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/60) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/70) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/80) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-0\/90) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/10) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/20) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/30) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/40) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/50) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/60) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/70) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/80) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-50\/90) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/10) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/20) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/30) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/40) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/50) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/60) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/70) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/80) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-100\/90) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/10) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/20) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/30) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/40) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/50) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/60) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/70) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/80) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-200\/90) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/10) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/20) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/30) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/40) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/50) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/60) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/70) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/80) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-300\/90) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/10) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/20) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/30) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/40) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/50) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/60) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/70) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/80) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-400\/90) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/10) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/20) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/30) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/40) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/50) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/60) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/70) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/80) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-500\/90) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/10) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/20) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/30) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/40) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/50) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/60) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/70) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/80) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-600\/90) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/10) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/20) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/30) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/40) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/50) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/60) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/70) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/80) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-700\/90) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/10) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/20) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/30) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/40) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/50) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/60) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/70) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/80) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-800\/90) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/10) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/20) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/30) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/40) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/50) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/60) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/70) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/80) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-900\/90) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0:focus) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0:hover) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0:active) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/10:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/10:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/10:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/20:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/20:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/20:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/30:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/30:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/30:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/40:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/40:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/40:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/50:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/50:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/50:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/60:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/60:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/60:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/70:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/70:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/70:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/80:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/80:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/80:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-0\/90:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-0\/90:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-0\/90:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50:focus) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50:hover) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50:active) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/10:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/10:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/10:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/20:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/20:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/20:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/30:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/30:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/30:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/40:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/40:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/40:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/50:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/50:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/50:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/60:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/60:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/60:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/70:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/70:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/70:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/80:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/80:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/80:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-50\/90:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-50\/90:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-50\/90:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100:focus) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100:hover) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100:active) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/10:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/10:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/10:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/20:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/20:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/20:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/30:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/30:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/30:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/40:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/40:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/40:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/50:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/50:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/50:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/60:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/60:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/60:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/70:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/70:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/70:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/80:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/80:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/80:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-100\/90:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-100\/90:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-100\/90:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200:focus) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200:hover) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200:active) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/10:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/10:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/10:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/20:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/20:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/20:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/30:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/30:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/30:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/40:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/40:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/40:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/50:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/50:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/50:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/60:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/60:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/60:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/70:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/70:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/70:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/80:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/80:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/80:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-200\/90:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-200\/90:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-200\/90:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300:focus) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300:hover) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300:active) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/10:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/10:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/10:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/20:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/20:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/20:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/30:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/30:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/30:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/40:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/40:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/40:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/50:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/50:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/50:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/60:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/60:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/60:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/70:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/70:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/70:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/80:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/80:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/80:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-300\/90:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-300\/90:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-300\/90:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400:focus) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400:hover) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400:active) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/10:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/10:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/10:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/20:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/20:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/20:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/30:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/30:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/30:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/40:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/40:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/40:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/50:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/50:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/50:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/60:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/60:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/60:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/70:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/70:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/70:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/80:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/80:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/80:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-400\/90:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-400\/90:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-400\/90:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500:focus) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500:hover) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500:active) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/10:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/10:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/10:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/20:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/20:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/20:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/30:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/30:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/30:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/40:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/40:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/40:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/50:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/50:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/50:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/60:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/60:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/60:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/70:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/70:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/70:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/80:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/80:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/80:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-500\/90:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-500\/90:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-500\/90:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600:focus) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600:hover) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600:active) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/10:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/10:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/10:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/20:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/20:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/20:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/30:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/30:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/30:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/40:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/40:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/40:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/50:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/50:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/50:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/60:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/60:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/60:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/70:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/70:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/70:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/80:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/80:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/80:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-600\/90:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-600\/90:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-600\/90:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700:focus) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700:hover) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700:active) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/10:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/10:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/10:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/20:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/20:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/20:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/30:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/30:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/30:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/40:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/40:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/40:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/50:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/50:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/50:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/60:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/60:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/60:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/70:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/70:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/70:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/80:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/80:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/80:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-700\/90:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-700\/90:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-700\/90:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800:focus) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800:hover) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800:active) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/10:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/10:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/10:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/20:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/20:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/20:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/30:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/30:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/30:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/40:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/40:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/40:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/50:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/50:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/50:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/60:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/60:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/60:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/70:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/70:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/70:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/80:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/80:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/80:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-800\/90:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-800\/90:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-800\/90:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900:focus) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900:hover) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900:active) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/10:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/10:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/10:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/20:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/20:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/20:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/30:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/30:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/30:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/40:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/40:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/40:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/50:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/50:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/50:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/60:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/60:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/60:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/70:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/70:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/70:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/80:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/80:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/80:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-900\/90:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-900\/90:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-900\/90:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/10) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/20) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/30) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/40) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/50) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/60) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/70) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/80) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-0\/90) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/10) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/20) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/30) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/40) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/50) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/60) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/70) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/80) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-50\/90) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/10) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/20) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/30) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/40) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/50) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/60) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/70) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/80) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-100\/90) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/10) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/20) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/30) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/40) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/50) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/60) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/70) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/80) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-200\/90) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/10) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/20) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/30) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/40) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/50) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/60) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/70) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/80) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-300\/90) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/10) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/20) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/30) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/40) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/50) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/60) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/70) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/80) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-400\/90) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/10) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/20) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/30) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/40) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/50) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/60) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/70) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/80) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-500\/90) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/10) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/20) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/30) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/40) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/50) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/60) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/70) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/80) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-600\/90) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/10) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/20) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/30) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/40) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/50) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/60) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/70) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/80) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-700\/90) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/10) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/20) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/30) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/40) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/50) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/60) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/70) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/80) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-800\/90) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/10) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/20) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/30) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/40) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/50) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/60) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/70) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/80) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-900\/90) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0:focus) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0:hover) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0:active) { + border-color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/10:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/10:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/10:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/20:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/20:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/20:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/30:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/30:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/30:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/40:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/40:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/40:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/50:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/50:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/50:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/60:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/60:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/60:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/70:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/70:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/70:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/80:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/80:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/80:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-0\/90:focus) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-0\/90:hover) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-0\/90:active) { + border-color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50:focus) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50:hover) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50:active) { + border-color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/10:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/10:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/10:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/20:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/20:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/20:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/30:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/30:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/30:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/40:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/40:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/40:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/50:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/50:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/50:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/60:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/60:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/60:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/70:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/70:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/70:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/80:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/80:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/80:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-50\/90:focus) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-50\/90:hover) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-50\/90:active) { + border-color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100:focus) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100:hover) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100:active) { + border-color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/10:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/10:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/10:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/20:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/20:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/20:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/30:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/30:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/30:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/40:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/40:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/40:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/50:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/50:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/50:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/60:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/60:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/60:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/70:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/70:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/70:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/80:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/80:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/80:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-100\/90:focus) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-100\/90:hover) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-100\/90:active) { + border-color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200:focus) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200:hover) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200:active) { + border-color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/10:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/10:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/10:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/20:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/20:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/20:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/30:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/30:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/30:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/40:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/40:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/40:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/50:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/50:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/50:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/60:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/60:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/60:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/70:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/70:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/70:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/80:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/80:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/80:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-200\/90:focus) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-200\/90:hover) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-200\/90:active) { + border-color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300:focus) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300:hover) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300:active) { + border-color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/10:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/10:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/10:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/20:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/20:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/20:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/30:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/30:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/30:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/40:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/40:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/40:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/50:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/50:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/50:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/60:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/60:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/60:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/70:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/70:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/70:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/80:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/80:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/80:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-300\/90:focus) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-300\/90:hover) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-300\/90:active) { + border-color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400:focus) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400:hover) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400:active) { + border-color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/10:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/10:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/10:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/20:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/20:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/20:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/30:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/30:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/30:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/40:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/40:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/40:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/50:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/50:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/50:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/60:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/60:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/60:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/70:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/70:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/70:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/80:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/80:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/80:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-400\/90:focus) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-400\/90:hover) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-400\/90:active) { + border-color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500:focus) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500:hover) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500:active) { + border-color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/10:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/10:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/10:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/20:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/20:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/20:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/30:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/30:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/30:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/40:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/40:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/40:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/50:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/50:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/50:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/60:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/60:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/60:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/70:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/70:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/70:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/80:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/80:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/80:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-500\/90:focus) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-500\/90:hover) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-500\/90:active) { + border-color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600:focus) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600:hover) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600:active) { + border-color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/10:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/10:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/10:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/20:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/20:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/20:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/30:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/30:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/30:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/40:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/40:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/40:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/50:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/50:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/50:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/60:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/60:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/60:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/70:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/70:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/70:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/80:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/80:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/80:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-600\/90:focus) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-600\/90:hover) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-600\/90:active) { + border-color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700:focus) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700:hover) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700:active) { + border-color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/10:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/10:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/10:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/20:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/20:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/20:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/30:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/30:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/30:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/40:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/40:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/40:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/50:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/50:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/50:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/60:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/60:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/60:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/70:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/70:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/70:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/80:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/80:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/80:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-700\/90:focus) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-700\/90:hover) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-700\/90:active) { + border-color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800:focus) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800:hover) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800:active) { + border-color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/10:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/10:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/10:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/20:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/20:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/20:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/30:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/30:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/30:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/40:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/40:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/40:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/50:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/50:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/50:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/60:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/60:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/60:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/70:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/70:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/70:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/80:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/80:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/80:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-800\/90:focus) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-800\/90:hover) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-800\/90:active) { + border-color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900:focus) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900:hover) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900:active) { + border-color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/10:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/10:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/10:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/20:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/20:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/20:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/30:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/30:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/30:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/40:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/40:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/40:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/50:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/50:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/50:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/60:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/60:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/60:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/70:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/70:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/70:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/80:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/80:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/80:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-900\/90:focus) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-900\/90:hover) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-900\/90:active) { + border-color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +.border-white\/10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.border-white-alpha-10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.border-black\/10 { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.border-black-alpha-10 { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.border-white\/20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.border-white-alpha-20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.border-black\/20 { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.border-black-alpha-20 { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.border-white\/30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.border-white-alpha-30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.border-black\/30 { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.border-black-alpha-30 { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.border-white\/40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.border-white-alpha-40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.border-black\/40 { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.border-black-alpha-40 { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.border-white\/50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.border-white-alpha-50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.border-black\/50 { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.border-black-alpha-50 { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.border-white\/60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.border-white-alpha-60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.border-black\/60 { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.border-black-alpha-60 { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.border-white\/70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.border-white-alpha-70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.border-black\/70 { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.border-black-alpha-70 { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.border-white\/80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.border-white-alpha-80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.border-black\/80 { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.border-black-alpha-80 { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.border-white\/90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.border-white-alpha-90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.border-black\/90 { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.border-black-alpha-90 { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:border-white\/10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:border-white\/10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:border-white\/10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:border-white-alpha-10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:border-white-alpha-10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:border-white-alpha-10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:border-black\/10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:border-black\/10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:border-black\/10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:border-black-alpha-10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:border-black-alpha-10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:border-black-alpha-10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:border-white\/20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:border-white\/20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:border-white\/20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:border-white-alpha-20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:border-white-alpha-20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:border-white-alpha-20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:border-black\/20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:border-black\/20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:border-black\/20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:border-black-alpha-20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:border-black-alpha-20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:border-black-alpha-20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:border-white\/30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:border-white\/30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:border-white\/30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:border-white-alpha-30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:border-white-alpha-30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:border-white-alpha-30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:border-black\/30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:border-black\/30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:border-black\/30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:border-black-alpha-30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:border-black-alpha-30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:border-black-alpha-30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:border-white\/40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:border-white\/40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:border-white\/40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:border-white-alpha-40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:border-white-alpha-40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:border-white-alpha-40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:border-black\/40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:border-black\/40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:border-black\/40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:border-black-alpha-40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:border-black-alpha-40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:border-black-alpha-40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:border-white\/50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:border-white\/50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:border-white\/50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:border-white-alpha-50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:border-white-alpha-50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:border-white-alpha-50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:border-black\/50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:border-black\/50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:border-black\/50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:border-black-alpha-50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:border-black-alpha-50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:border-black-alpha-50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:border-white\/60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:border-white\/60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:border-white\/60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:border-white-alpha-60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:border-white-alpha-60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:border-white-alpha-60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:border-black\/60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:border-black\/60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:border-black\/60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:border-black-alpha-60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:border-black-alpha-60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:border-black-alpha-60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:border-white\/70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:border-white\/70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:border-white\/70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:border-white-alpha-70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:border-white-alpha-70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:border-white-alpha-70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:border-black\/70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:border-black\/70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:border-black\/70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:border-black-alpha-70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:border-black-alpha-70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:border-black-alpha-70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:border-white\/80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:border-white\/80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:border-white\/80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:border-white-alpha-80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:border-white-alpha-80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:border-white-alpha-80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:border-black\/80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:border-black\/80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:border-black\/80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:border-black-alpha-80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:border-black-alpha-80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:border-black-alpha-80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:border-white\/90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:border-white\/90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:border-white\/90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:border-white-alpha-90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:border-white-alpha-90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:border-white-alpha-90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:border-black\/90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:border-black\/90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:border-black\/90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:border-black-alpha-90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:border-black-alpha-90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:border-black-alpha-90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:border-white\/10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:border-white-alpha-10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:border-black\/10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:border-black-alpha-10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:border-white\/20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:border-white-alpha-20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:border-black\/20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:border-black-alpha-20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:border-white\/30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:border-white-alpha-30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:border-black\/30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:border-black-alpha-30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:border-white\/40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:border-white-alpha-40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:border-black\/40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:border-black-alpha-40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:border-white\/50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:border-white-alpha-50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:border-black\/50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:border-black-alpha-50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:border-white\/60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:border-white-alpha-60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:border-black\/60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:border-black-alpha-60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:border-white\/70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:border-white-alpha-70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:border-black\/70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:border-black-alpha-70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:border-white\/80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:border-white-alpha-80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:border-black\/80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:border-black-alpha-80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:border-white\/90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:border-white-alpha-90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:border-black\/90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:border-black-alpha-90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:border-white\/10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:border-white\/10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:border-white\/10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:border-white-alpha-10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:border-white-alpha-10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:border-white-alpha-10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:border-black\/10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:border-black\/10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:border-black\/10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:border-black-alpha-10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:border-black-alpha-10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:border-black-alpha-10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:border-white\/20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:border-white\/20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:border-white\/20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:border-white-alpha-20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:border-white-alpha-20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:border-white-alpha-20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:border-black\/20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:border-black\/20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:border-black\/20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:border-black-alpha-20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:border-black-alpha-20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:border-black-alpha-20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:border-white\/30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:border-white\/30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:border-white\/30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:border-white-alpha-30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:border-white-alpha-30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:border-white-alpha-30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:border-black\/30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:border-black\/30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:border-black\/30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:border-black-alpha-30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:border-black-alpha-30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:border-black-alpha-30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:border-white\/40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:border-white\/40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:border-white\/40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:border-white-alpha-40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:border-white-alpha-40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:border-white-alpha-40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:border-black\/40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:border-black\/40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:border-black\/40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:border-black-alpha-40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:border-black-alpha-40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:border-black-alpha-40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:border-white\/50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:border-white\/50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:border-white\/50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:border-white-alpha-50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:border-white-alpha-50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:border-white-alpha-50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:border-black\/50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:border-black\/50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:border-black\/50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:border-black-alpha-50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:border-black-alpha-50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:border-black-alpha-50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:border-white\/60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:border-white\/60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:border-white\/60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:border-white-alpha-60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:border-white-alpha-60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:border-white-alpha-60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:border-black\/60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:border-black\/60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:border-black\/60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:border-black-alpha-60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:border-black-alpha-60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:border-black-alpha-60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:border-white\/70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:border-white\/70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:border-white\/70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:border-white-alpha-70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:border-white-alpha-70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:border-white-alpha-70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:border-black\/70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:border-black\/70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:border-black\/70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:border-black-alpha-70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:border-black-alpha-70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:border-black-alpha-70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:border-white\/80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:border-white\/80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:border-white\/80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:border-white-alpha-80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:border-white-alpha-80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:border-white-alpha-80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:border-black\/80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:border-black\/80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:border-black\/80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:border-black-alpha-80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:border-black-alpha-80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:border-black-alpha-80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:border-white\/90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:border-white\/90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:border-white\/90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:border-white-alpha-90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:border-white-alpha-90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:border-white-alpha-90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:border-black\/90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:border-black\/90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:border-black\/90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:border-black-alpha-90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:border-black-alpha-90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:border-black-alpha-90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:border-white\/10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:border-white-alpha-10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:border-black\/10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:border-black-alpha-10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:border-white\/20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:border-white-alpha-20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:border-black\/20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:border-black-alpha-20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:border-white\/30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:border-white-alpha-30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:border-black\/30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:border-black-alpha-30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:border-white\/40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:border-white-alpha-40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:border-black\/40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:border-black-alpha-40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:border-white\/50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:border-white-alpha-50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:border-black\/50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:border-black-alpha-50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:border-white\/60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:border-white-alpha-60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:border-black\/60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:border-black-alpha-60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:border-white\/70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:border-white-alpha-70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:border-black\/70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:border-black-alpha-70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:border-white\/80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:border-white-alpha-80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:border-black\/80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:border-black-alpha-80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:border-white\/90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:border-white-alpha-90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:border-black\/90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:border-black-alpha-90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:border-white\/10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:border-white\/10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:border-white\/10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:border-white-alpha-10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:border-white-alpha-10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:border-white-alpha-10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:border-black\/10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:border-black\/10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:border-black\/10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:border-black-alpha-10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:border-black-alpha-10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:border-black-alpha-10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:border-white\/20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:border-white\/20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:border-white\/20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:border-white-alpha-20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:border-white-alpha-20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:border-white-alpha-20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:border-black\/20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:border-black\/20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:border-black\/20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:border-black-alpha-20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:border-black-alpha-20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:border-black-alpha-20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:border-white\/30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:border-white\/30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:border-white\/30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:border-white-alpha-30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:border-white-alpha-30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:border-white-alpha-30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:border-black\/30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:border-black\/30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:border-black\/30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:border-black-alpha-30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:border-black-alpha-30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:border-black-alpha-30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:border-white\/40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:border-white\/40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:border-white\/40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:border-white-alpha-40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:border-white-alpha-40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:border-white-alpha-40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:border-black\/40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:border-black\/40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:border-black\/40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:border-black-alpha-40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:border-black-alpha-40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:border-black-alpha-40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:border-white\/50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:border-white\/50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:border-white\/50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:border-white-alpha-50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:border-white-alpha-50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:border-white-alpha-50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:border-black\/50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:border-black\/50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:border-black\/50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:border-black-alpha-50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:border-black-alpha-50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:border-black-alpha-50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:border-white\/60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:border-white\/60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:border-white\/60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:border-white-alpha-60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:border-white-alpha-60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:border-white-alpha-60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:border-black\/60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:border-black\/60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:border-black\/60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:border-black-alpha-60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:border-black-alpha-60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:border-black-alpha-60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:border-white\/70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:border-white\/70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:border-white\/70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:border-white-alpha-70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:border-white-alpha-70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:border-white-alpha-70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:border-black\/70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:border-black\/70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:border-black\/70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:border-black-alpha-70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:border-black-alpha-70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:border-black-alpha-70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:border-white\/80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:border-white\/80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:border-white\/80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:border-white-alpha-80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:border-white-alpha-80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:border-white-alpha-80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:border-black\/80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:border-black\/80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:border-black\/80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:border-black-alpha-80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:border-black-alpha-80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:border-black-alpha-80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:border-white\/90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:border-white\/90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:border-white\/90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:border-white-alpha-90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:border-white-alpha-90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:border-white-alpha-90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:border-black\/90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:border-black\/90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:border-black\/90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:border-black-alpha-90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:border-black-alpha-90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:border-black-alpha-90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:border-white\/10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:border-white-alpha-10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:border-black\/10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:border-black-alpha-10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:border-white\/20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:border-white-alpha-20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:border-black\/20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:border-black-alpha-20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:border-white\/30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:border-white-alpha-30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:border-black\/30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:border-black-alpha-30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:border-white\/40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:border-white-alpha-40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:border-black\/40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:border-black-alpha-40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:border-white\/50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:border-white-alpha-50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:border-black\/50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:border-black-alpha-50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:border-white\/60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:border-white-alpha-60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:border-black\/60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:border-black-alpha-60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:border-white\/70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:border-white-alpha-70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:border-black\/70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:border-black-alpha-70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:border-white\/80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:border-white-alpha-80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:border-black\/80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:border-black-alpha-80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:border-white\/90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:border-white-alpha-90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:border-black\/90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:border-black-alpha-90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:border-white\/10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:border-white\/10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:border-white\/10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:border-white-alpha-10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:border-white-alpha-10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:border-white-alpha-10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:border-black\/10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:border-black\/10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:border-black\/10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:border-black-alpha-10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:border-black-alpha-10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:border-black-alpha-10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:border-white\/20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:border-white\/20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:border-white\/20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:border-white-alpha-20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:border-white-alpha-20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:border-white-alpha-20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:border-black\/20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:border-black\/20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:border-black\/20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:border-black-alpha-20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:border-black-alpha-20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:border-black-alpha-20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:border-white\/30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:border-white\/30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:border-white\/30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:border-white-alpha-30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:border-white-alpha-30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:border-white-alpha-30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:border-black\/30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:border-black\/30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:border-black\/30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:border-black-alpha-30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:border-black-alpha-30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:border-black-alpha-30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:border-white\/40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:border-white\/40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:border-white\/40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:border-white-alpha-40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:border-white-alpha-40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:border-white-alpha-40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:border-black\/40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:border-black\/40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:border-black\/40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:border-black-alpha-40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:border-black-alpha-40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:border-black-alpha-40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:border-white\/50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:border-white\/50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:border-white\/50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:border-white-alpha-50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:border-white-alpha-50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:border-white-alpha-50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:border-black\/50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:border-black\/50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:border-black\/50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:border-black-alpha-50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:border-black-alpha-50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:border-black-alpha-50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:border-white\/60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:border-white\/60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:border-white\/60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:border-white-alpha-60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:border-white-alpha-60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:border-white-alpha-60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:border-black\/60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:border-black\/60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:border-black\/60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:border-black-alpha-60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:border-black-alpha-60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:border-black-alpha-60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:border-white\/70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:border-white\/70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:border-white\/70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:border-white-alpha-70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:border-white-alpha-70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:border-white-alpha-70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:border-black\/70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:border-black\/70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:border-black\/70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:border-black-alpha-70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:border-black-alpha-70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:border-black-alpha-70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:border-white\/80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:border-white\/80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:border-white\/80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:border-white-alpha-80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:border-white-alpha-80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:border-white-alpha-80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:border-black\/80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:border-black\/80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:border-black\/80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:border-black-alpha-80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:border-black-alpha-80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:border-black-alpha-80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:border-white\/90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:border-white\/90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:border-white\/90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:border-white-alpha-90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:border-white-alpha-90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:border-white-alpha-90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:border-black\/90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:border-black\/90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:border-black\/90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:border-black-alpha-90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:border-black-alpha-90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:border-black-alpha-90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:border-white\/10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:border-white-alpha-10 { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:border-black\/10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:border-black-alpha-10 { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:border-white\/20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:border-white-alpha-20 { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:border-black\/20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:border-black-alpha-20 { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:border-white\/30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:border-white-alpha-30 { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:border-black\/30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:border-black-alpha-30 { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:border-white\/40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:border-white-alpha-40 { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:border-black\/40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:border-black-alpha-40 { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:border-white\/50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:border-white-alpha-50 { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:border-black\/50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:border-black-alpha-50 { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:border-white\/60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:border-white-alpha-60 { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:border-black\/60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:border-black-alpha-60 { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:border-white\/70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:border-white-alpha-70 { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:border-black\/70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:border-black-alpha-70 { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:border-white\/80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:border-white-alpha-80 { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:border-black\/80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:border-black-alpha-80 { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:border-white\/90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:border-white-alpha-90 { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:border-black\/90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:border-black-alpha-90 { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:border-white\/10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:border-white\/10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:border-white\/10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:border-white-alpha-10:focus { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:border-white-alpha-10:hover { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:border-white-alpha-10:active { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:border-black\/10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:border-black\/10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:border-black\/10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:border-black-alpha-10:focus { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:border-black-alpha-10:hover { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:border-black-alpha-10:active { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:border-white\/20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:border-white\/20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:border-white\/20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:border-white-alpha-20:focus { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:border-white-alpha-20:hover { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:border-white-alpha-20:active { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:border-black\/20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:border-black\/20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:border-black\/20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:border-black-alpha-20:focus { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:border-black-alpha-20:hover { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:border-black-alpha-20:active { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:border-white\/30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:border-white\/30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:border-white\/30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:border-white-alpha-30:focus { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:border-white-alpha-30:hover { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:border-white-alpha-30:active { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:border-black\/30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:border-black\/30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:border-black\/30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:border-black-alpha-30:focus { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:border-black-alpha-30:hover { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:border-black-alpha-30:active { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:border-white\/40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:border-white\/40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:border-white\/40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:border-white-alpha-40:focus { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:border-white-alpha-40:hover { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:border-white-alpha-40:active { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:border-black\/40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:border-black\/40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:border-black\/40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:border-black-alpha-40:focus { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:border-black-alpha-40:hover { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:border-black-alpha-40:active { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:border-white\/50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:border-white\/50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:border-white\/50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:border-white-alpha-50:focus { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:border-white-alpha-50:hover { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:border-white-alpha-50:active { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:border-black\/50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:border-black\/50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:border-black\/50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:border-black-alpha-50:focus { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:border-black-alpha-50:hover { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:border-black-alpha-50:active { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:border-white\/60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:border-white\/60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:border-white\/60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:border-white-alpha-60:focus { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:border-white-alpha-60:hover { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:border-white-alpha-60:active { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:border-black\/60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:border-black\/60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:border-black\/60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:border-black-alpha-60:focus { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:border-black-alpha-60:hover { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:border-black-alpha-60:active { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:border-white\/70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:border-white\/70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:border-white\/70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:border-white-alpha-70:focus { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:border-white-alpha-70:hover { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:border-white-alpha-70:active { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:border-black\/70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:border-black\/70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:border-black\/70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:border-black-alpha-70:focus { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:border-black-alpha-70:hover { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:border-black-alpha-70:active { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:border-white\/80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:border-white\/80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:border-white\/80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:border-white-alpha-80:focus { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:border-white-alpha-80:hover { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:border-white-alpha-80:active { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:border-black\/80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:border-black\/80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:border-black\/80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:border-black-alpha-80:focus { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:border-black-alpha-80:hover { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:border-black-alpha-80:active { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:border-white\/90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:border-white\/90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:border-white\/90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:border-white-alpha-90:focus { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:border-white-alpha-90:hover { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:border-white-alpha-90:active { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:border-black\/90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:border-black\/90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:border-black\/90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:border-black-alpha-90:focus { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:border-black-alpha-90:hover { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:border-black-alpha-90:active { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/10) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-10) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/20) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-20) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/30) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-30) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/40) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-40) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/50) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-50) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/60) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-60) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/70) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-70) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/80) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-80) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white\/90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-white-alpha-90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black\/90) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:border-black-alpha-90) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white\/90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white\/90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white\/90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-white-alpha-90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-white-alpha-90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-white-alpha-90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black\/90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black\/90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black\/90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:border-black-alpha-90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:border-black-alpha-90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:border-black-alpha-90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white\/90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-white-alpha-90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black\/90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:border-black-alpha-90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white\/90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white\/90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white\/90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-white-alpha-90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-white-alpha-90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-white-alpha-90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black\/90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black\/90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black\/90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:border-black-alpha-90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:border-black-alpha-90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:border-black-alpha-90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white\/90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-white-alpha-90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black\/90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:border-black-alpha-90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white\/90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white\/90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white\/90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-white-alpha-90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-white-alpha-90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-white-alpha-90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black\/90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black\/90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black\/90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:border-black-alpha-90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:border-black-alpha-90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:border-black-alpha-90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white\/90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-white-alpha-90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black\/90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:border-black-alpha-90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white\/90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white\/90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white\/90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-white-alpha-90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-white-alpha-90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-white-alpha-90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black\/90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black\/90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black\/90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:border-black-alpha-90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:border-black-alpha-90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:border-black-alpha-90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-10) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-10) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-20) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-20) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-30) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-30) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-40) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-40) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-50) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-50) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-60) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-60) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-70) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-70) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-80) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-80) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white\/90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-white-alpha-90) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black\/90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:border-black-alpha-90) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-10:focus) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-10:hover) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-10:active) { + border-color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-10:focus) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-10:hover) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-10:active) { + border-color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-20:focus) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-20:hover) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-20:active) { + border-color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-20:focus) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-20:hover) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-20:active) { + border-color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-30:focus) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-30:hover) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-30:active) { + border-color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-30:focus) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-30:hover) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-30:active) { + border-color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-40:focus) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-40:hover) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-40:active) { + border-color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-40:focus) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-40:hover) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-40:active) { + border-color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-50:focus) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-50:hover) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-50:active) { + border-color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-50:focus) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-50:hover) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-50:active) { + border-color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-60:focus) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-60:hover) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-60:active) { + border-color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-60:focus) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-60:hover) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-60:active) { + border-color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-70:focus) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-70:hover) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-70:active) { + border-color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-70:focus) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-70:hover) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-70:active) { + border-color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-80:focus) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-80:hover) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-80:active) { + border-color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-80:focus) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-80:hover) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-80:active) { + border-color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white\/90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white\/90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white\/90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-white-alpha-90:focus) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-white-alpha-90:hover) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-white-alpha-90:active) { + border-color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black\/90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black\/90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black\/90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:border-black-alpha-90:focus) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:border-black-alpha-90:hover) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:border-black-alpha-90:active) { + border-color: color-mix(in srgb, #000000 90%, transparent) + } +} +.border-solid { + border-style: solid +} +.border-dashed { + border-style: dashed +} +.border-dotted { + border-style: dotted +} +.border-double { + border-style: double +} +@media screen and (min-width: 576px) { + .sm\:border-solid { + border-style: solid + } + .sm\:border-dashed { + border-style: dashed + } + .sm\:border-dotted { + border-style: dotted + } + .sm\:border-double { + border-style: double + } +} +@media screen and (min-width: 768px) { + .md\:border-solid { + border-style: solid + } + .md\:border-dashed { + border-style: dashed + } + .md\:border-dotted { + border-style: dotted + } + .md\:border-double { + border-style: double + } +} +@media screen and (min-width: 992px) { + .lg\:border-solid { + border-style: solid + } + .lg\:border-dashed { + border-style: dashed + } + .lg\:border-dotted { + border-style: dotted + } + .lg\:border-double { + border-style: double + } +} +@media screen and (min-width: 1200px) { + .xl\:border-solid { + border-style: solid + } + .xl\:border-dashed { + border-style: dashed + } + .xl\:border-dotted { + border-style: dotted + } + .xl\:border-double { + border-style: double + } +} +.border-noround { + border-radius: 0 +} +.border-round { + border-radius: var(--border-radius) +} +.border-circle { + border-radius: 50% +} +@media screen and (min-width: 576px) { + .sm\:border-noround { + border-radius: 0 + } + .sm\:border-round { + border-radius: var(--border-radius) + } + .sm\:border-circle { + border-radius: 50% + } +} +@media screen and (min-width: 768px) { + .md\:border-noround { + border-radius: 0 + } + .md\:border-round { + border-radius: var(--border-radius) + } + .md\:border-circle { + border-radius: 50% + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround { + border-radius: 0 + } + .lg\:border-round { + border-radius: var(--border-radius) + } + .lg\:border-circle { + border-radius: 50% + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround { + border-radius: 0 + } + .xl\:border-round { + border-radius: var(--border-radius) + } + .xl\:border-circle { + border-radius: 50% + } +} +.border-round-xs { + border-radius: 0.125rem +} +.border-round-sm { + border-radius: 0.25rem +} +.border-round-md { + border-radius: 0.375rem +} +.border-round-lg { + border-radius: 0.5rem +} +.border-round-xl { + border-radius: 0.75rem +} +.border-round-2xl { + border-radius: 1rem +} +.border-round-3xl { + border-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-round-xs { + border-radius: 0.125rem + } + .sm\:border-round-sm { + border-radius: 0.25rem + } + .sm\:border-round-md { + border-radius: 0.375rem + } + .sm\:border-round-lg { + border-radius: 0.5rem + } + .sm\:border-round-xl { + border-radius: 0.75rem + } + .sm\:border-round-2xl { + border-radius: 1rem + } + .sm\:border-round-3xl { + border-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-round-xs { + border-radius: 0.125rem + } + .md\:border-round-sm { + border-radius: 0.25rem + } + .md\:border-round-md { + border-radius: 0.375rem + } + .md\:border-round-lg { + border-radius: 0.5rem + } + .md\:border-round-xl { + border-radius: 0.75rem + } + .md\:border-round-2xl { + border-radius: 1rem + } + .md\:border-round-3xl { + border-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-round-xs { + border-radius: 0.125rem + } + .lg\:border-round-sm { + border-radius: 0.25rem + } + .lg\:border-round-md { + border-radius: 0.375rem + } + .lg\:border-round-lg { + border-radius: 0.5rem + } + .lg\:border-round-xl { + border-radius: 0.75rem + } + .lg\:border-round-2xl { + border-radius: 1rem + } + .lg\:border-round-3xl { + border-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-round-xs { + border-radius: 0.125rem + } + .xl\:border-round-sm { + border-radius: 0.25rem + } + .xl\:border-round-md { + border-radius: 0.375rem + } + .xl\:border-round-lg { + border-radius: 0.5rem + } + .xl\:border-round-xl { + border-radius: 0.75rem + } + .xl\:border-round-2xl { + border-radius: 1rem + } + .xl\:border-round-3xl { + border-radius: 1.5rem + } +} +.border-noround-top { + border-top-left-radius: 0; + border-top-right-radius: 0 +} +.border-round-top { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius) +} +.border-circle-top { + border-top-left-radius: 50%; + border-top-right-radius: 50% +} +.border-round-top-xs { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem +} +.border-round-top-sm { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem +} +.border-round-top-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem +} +.border-round-top-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem +} +.border-round-top-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem +} +.border-round-top-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem +} +.border-round-top-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-top { + border-top-left-radius: 0; + border-top-right-radius: 0 + } + .sm\:border-round-top { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius) + } + .sm\:border-circle-top { + border-top-left-radius: 50%; + border-top-right-radius: 50% + } + .sm\:border-round-top-xs { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem + } + .sm\:border-round-top-sm { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem + } + .sm\:border-round-top-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem + } + .sm\:border-round-top-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem + } + .sm\:border-round-top-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem + } + .sm\:border-round-top-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem + } + .sm\:border-round-top-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-top { + border-top-left-radius: 0; + border-top-right-radius: 0 + } + .md\:border-round-top { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius) + } + .md\:border-circle-top { + border-top-left-radius: 50%; + border-top-right-radius: 50% + } + .md\:border-round-top-xs { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem + } + .md\:border-round-top-sm { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem + } + .md\:border-round-top-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem + } + .md\:border-round-top-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem + } + .md\:border-round-top-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem + } + .md\:border-round-top-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem + } + .md\:border-round-top-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-top { + border-top-left-radius: 0; + border-top-right-radius: 0 + } + .lg\:border-round-top { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius) + } + .lg\:border-circle-top { + border-top-left-radius: 50%; + border-top-right-radius: 50% + } + .lg\:border-round-top-xs { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem + } + .lg\:border-round-top-sm { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem + } + .lg\:border-round-top-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem + } + .lg\:border-round-top-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem + } + .lg\:border-round-top-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem + } + .lg\:border-round-top-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem + } + .lg\:border-round-top-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-top { + border-top-left-radius: 0; + border-top-right-radius: 0 + } + .xl\:border-round-top { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius) + } + .xl\:border-circle-top { + border-top-left-radius: 50%; + border-top-right-radius: 50% + } + .xl\:border-round-top-xs { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem + } + .xl\:border-round-top-sm { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem + } + .xl\:border-round-top-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem + } + .xl\:border-round-top-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem + } + .xl\:border-round-top-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem + } + .xl\:border-round-top-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem + } + .xl\:border-round-top-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem + } +} +.border-noround-right { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} +.border-round-right { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) +} +.border-circle-right { + border-top-right-radius: 50%; + border-bottom-right-radius: 50% +} +.border-round-right-xs { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem +} +.border-round-right-sm { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem +} +.border-round-right-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem +} +.border-round-right-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem +} +.border-round-right-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem +} +.border-round-right-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem +} +.border-round-right-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-right { + border-top-right-radius: 0; + border-bottom-right-radius: 0 + } + .sm\:border-round-right { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .sm\:border-circle-right { + border-top-right-radius: 50%; + border-bottom-right-radius: 50% + } + .sm\:border-round-right-xs { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .sm\:border-round-right-sm { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .sm\:border-round-right-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .sm\:border-round-right-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .sm\:border-round-right-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .sm\:border-round-right-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem + } + .sm\:border-round-right-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-right { + border-top-right-radius: 0; + border-bottom-right-radius: 0 + } + .md\:border-round-right { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .md\:border-circle-right { + border-top-right-radius: 50%; + border-bottom-right-radius: 50% + } + .md\:border-round-right-xs { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .md\:border-round-right-sm { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .md\:border-round-right-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .md\:border-round-right-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .md\:border-round-right-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .md\:border-round-right-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem + } + .md\:border-round-right-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-right { + border-top-right-radius: 0; + border-bottom-right-radius: 0 + } + .lg\:border-round-right { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .lg\:border-circle-right { + border-top-right-radius: 50%; + border-bottom-right-radius: 50% + } + .lg\:border-round-right-xs { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .lg\:border-round-right-sm { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .lg\:border-round-right-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .lg\:border-round-right-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .lg\:border-round-right-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .lg\:border-round-right-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem + } + .lg\:border-round-right-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-right { + border-top-right-radius: 0; + border-bottom-right-radius: 0 + } + .xl\:border-round-right { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .xl\:border-circle-right { + border-top-right-radius: 50%; + border-bottom-right-radius: 50% + } + .xl\:border-round-right-xs { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .xl\:border-round-right-sm { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .xl\:border-round-right-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .xl\:border-round-right-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .xl\:border-round-right-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .xl\:border-round-right-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem + } + .xl\:border-round-right-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +.border-noround-bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 +} +.border-round-bottom { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) +} +.border-circle-bottom { + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50% +} +.border-round-bottom-xs { + border-bottom-left-radius: 0.125rem; + border-bottom-right-radius: 0.125rem +} +.border-round-bottom-sm { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem +} +.border-round-bottom-md { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem +} +.border-round-bottom-lg { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem +} +.border-round-bottom-xl { + border-bottom-left-radius: 0.75rem; + border-bottom-right-radius: 0.75rem +} +.border-round-bottom-2xl { + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem +} +.border-round-bottom-3xl { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 + } + .sm\:border-round-bottom { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .sm\:border-circle-bottom { + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50% + } + .sm\:border-round-bottom-xs { + border-bottom-left-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .sm\:border-round-bottom-sm { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .sm\:border-round-bottom-md { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .sm\:border-round-bottom-lg { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .sm\:border-round-bottom-xl { + border-bottom-left-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .sm\:border-round-bottom-2xl { + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem + } + .sm\:border-round-bottom-3xl { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 + } + .md\:border-round-bottom { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .md\:border-circle-bottom { + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50% + } + .md\:border-round-bottom-xs { + border-bottom-left-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .md\:border-round-bottom-sm { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .md\:border-round-bottom-md { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .md\:border-round-bottom-lg { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .md\:border-round-bottom-xl { + border-bottom-left-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .md\:border-round-bottom-2xl { + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem + } + .md\:border-round-bottom-3xl { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 + } + .lg\:border-round-bottom { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .lg\:border-circle-bottom { + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50% + } + .lg\:border-round-bottom-xs { + border-bottom-left-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .lg\:border-round-bottom-sm { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .lg\:border-round-bottom-md { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .lg\:border-round-bottom-lg { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .lg\:border-round-bottom-xl { + border-bottom-left-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .lg\:border-round-bottom-2xl { + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem + } + .lg\:border-round-bottom-3xl { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-bottom { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 + } + .xl\:border-round-bottom { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius) + } + .xl\:border-circle-bottom { + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50% + } + .xl\:border-round-bottom-xs { + border-bottom-left-radius: 0.125rem; + border-bottom-right-radius: 0.125rem + } + .xl\:border-round-bottom-sm { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem + } + .xl\:border-round-bottom-md { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem + } + .xl\:border-round-bottom-lg { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem + } + .xl\:border-round-bottom-xl { + border-bottom-left-radius: 0.75rem; + border-bottom-right-radius: 0.75rem + } + .xl\:border-round-bottom-2xl { + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem + } + .xl\:border-round-bottom-3xl { + border-bottom-left-radius: 1.5rem; + border-bottom-right-radius: 1.5rem + } +} +.border-noround-left { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} +.border-round-left { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius) +} +.border-circle-left { + border-top-left-radius: 50%; + border-bottom-left-radius: 50% +} +.border-round-left-xs { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem +} +.border-round-left-sm { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem +} +.border-round-left-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem +} +.border-round-left-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem +} +.border-round-left-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem +} +.border-round-left-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem +} +.border-round-left-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-left { + border-top-left-radius: 0; + border-bottom-left-radius: 0 + } + .sm\:border-round-left { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius) + } + .sm\:border-circle-left { + border-top-left-radius: 50%; + border-bottom-left-radius: 50% + } + .sm\:border-round-left-xs { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem + } + .sm\:border-round-left-sm { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem + } + .sm\:border-round-left-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem + } + .sm\:border-round-left-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem + } + .sm\:border-round-left-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem + } + .sm\:border-round-left-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem + } + .sm\:border-round-left-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-left { + border-top-left-radius: 0; + border-bottom-left-radius: 0 + } + .md\:border-round-left { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius) + } + .md\:border-circle-left { + border-top-left-radius: 50%; + border-bottom-left-radius: 50% + } + .md\:border-round-left-xs { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem + } + .md\:border-round-left-sm { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem + } + .md\:border-round-left-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem + } + .md\:border-round-left-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem + } + .md\:border-round-left-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem + } + .md\:border-round-left-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem + } + .md\:border-round-left-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-left { + border-top-left-radius: 0; + border-bottom-left-radius: 0 + } + .lg\:border-round-left { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius) + } + .lg\:border-circle-left { + border-top-left-radius: 50%; + border-bottom-left-radius: 50% + } + .lg\:border-round-left-xs { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem + } + .lg\:border-round-left-sm { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem + } + .lg\:border-round-left-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem + } + .lg\:border-round-left-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem + } + .lg\:border-round-left-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem + } + .lg\:border-round-left-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem + } + .lg\:border-round-left-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-left { + border-top-left-radius: 0; + border-bottom-left-radius: 0 + } + .xl\:border-round-left { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius) + } + .xl\:border-circle-left { + border-top-left-radius: 50%; + border-bottom-left-radius: 50% + } + .xl\:border-round-left-xs { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem + } + .xl\:border-round-left-sm { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem + } + .xl\:border-round-left-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem + } + .xl\:border-round-left-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem + } + .xl\:border-round-left-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem + } + .xl\:border-round-left-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem + } + .xl\:border-round-left-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem + } +} +.border-noround-start { + border-start-start-radius: 0; + border-end-start-radius: 0 +} +.border-round-start { + border-start-start-radius: var(--border-radius); + border-end-start-radius: var(--border-radius) +} +.border-circle-start { + border-start-start-radius: 50%; + border-end-start-radius: 50% +} +.border-round-start-xs { + border-start-start-radius: 0.125rem; + border-end-start-radius: 0.125rem +} +.border-round-start-sm { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem +} +.border-round-start-md { + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem +} +.border-round-start-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem +} +.border-round-start-xl { + border-start-start-radius: 0.75rem; + border-end-start-radius: 0.75rem +} +.border-round-start-2xl { + border-start-start-radius: 1rem; + border-end-start-radius: 1rem +} +.border-round-start-3xl { + border-start-start-radius: 1.5rem; + border-end-start-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-start { + border-start-start-radius: 0; + border-end-start-radius: 0 + } + .sm\:border-round-start { + border-start-start-radius: var(--border-radius); + border-end-start-radius: var(--border-radius) + } + .sm\:border-circle-start { + border-start-start-radius: 50%; + border-end-start-radius: 50% + } + .sm\:border-round-start-xs { + border-start-start-radius: 0.125rem; + border-end-start-radius: 0.125rem + } + .sm\:border-round-start-sm { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem + } + .sm\:border-round-start-md { + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem + } + .sm\:border-round-start-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem + } + .sm\:border-round-start-xl { + border-start-start-radius: 0.75rem; + border-end-start-radius: 0.75rem + } + .sm\:border-round-start-2xl { + border-start-start-radius: 1rem; + border-end-start-radius: 1rem + } + .sm\:border-round-start-3xl { + border-start-start-radius: 1.5rem; + border-end-start-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-start { + border-start-start-radius: 0; + border-end-start-radius: 0 + } + .md\:border-round-start { + border-start-start-radius: var(--border-radius); + border-end-start-radius: var(--border-radius) + } + .md\:border-circle-start { + border-start-start-radius: 50%; + border-end-start-radius: 50% + } + .md\:border-round-start-xs { + border-start-start-radius: 0.125rem; + border-end-start-radius: 0.125rem + } + .md\:border-round-start-sm { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem + } + .md\:border-round-start-md { + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem + } + .md\:border-round-start-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem + } + .md\:border-round-start-xl { + border-start-start-radius: 0.75rem; + border-end-start-radius: 0.75rem + } + .md\:border-round-start-2xl { + border-start-start-radius: 1rem; + border-end-start-radius: 1rem + } + .md\:border-round-start-3xl { + border-start-start-radius: 1.5rem; + border-end-start-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-start { + border-start-start-radius: 0; + border-end-start-radius: 0 + } + .lg\:border-round-start { + border-start-start-radius: var(--border-radius); + border-end-start-radius: var(--border-radius) + } + .lg\:border-circle-start { + border-start-start-radius: 50%; + border-end-start-radius: 50% + } + .lg\:border-round-start-xs { + border-start-start-radius: 0.125rem; + border-end-start-radius: 0.125rem + } + .lg\:border-round-start-sm { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem + } + .lg\:border-round-start-md { + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem + } + .lg\:border-round-start-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem + } + .lg\:border-round-start-xl { + border-start-start-radius: 0.75rem; + border-end-start-radius: 0.75rem + } + .lg\:border-round-start-2xl { + border-start-start-radius: 1rem; + border-end-start-radius: 1rem + } + .lg\:border-round-start-3xl { + border-start-start-radius: 1.5rem; + border-end-start-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-start { + border-start-start-radius: 0; + border-end-start-radius: 0 + } + .xl\:border-round-start { + border-start-start-radius: var(--border-radius); + border-end-start-radius: var(--border-radius) + } + .xl\:border-circle-start { + border-start-start-radius: 50%; + border-end-start-radius: 50% + } + .xl\:border-round-start-xs { + border-start-start-radius: 0.125rem; + border-end-start-radius: 0.125rem + } + .xl\:border-round-start-sm { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem + } + .xl\:border-round-start-md { + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem + } + .xl\:border-round-start-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem + } + .xl\:border-round-start-xl { + border-start-start-radius: 0.75rem; + border-end-start-radius: 0.75rem + } + .xl\:border-round-start-2xl { + border-start-start-radius: 1rem; + border-end-start-radius: 1rem + } + .xl\:border-round-start-3xl { + border-start-start-radius: 1.5rem; + border-end-start-radius: 1.5rem + } +} +.border-noround-end { + border-start-end-radius: 0; + border-end-end-radius: 0 +} +.border-round-end { + border-start-end-radius: var(--border-radius); + border-end-end-radius: var(--border-radius) +} +.border-circle-end { + border-start-end-radius: 50%; + border-end-end-radius: 50% +} +.border-round-end-xs { + border-start-end-radius: 0.125rem; + border-end-end-radius: 0.125rem +} +.border-round-end-sm { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem +} +.border-round-end-md { + border-start-end-radius: 0.375rem; + border-end-end-radius: 0.375rem +} +.border-round-end-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem +} +.border-round-end-xl { + border-start-end-radius: 0.75rem; + border-end-end-radius: 0.75rem +} +.border-round-end-2xl { + border-start-end-radius: 1rem; + border-end-end-radius: 1rem +} +.border-round-end-3xl { + border-start-end-radius: 1.5rem; + border-end-end-radius: 1.5rem +} +@media screen and (min-width: 576px) { + .sm\:border-noround-end { + border-start-end-radius: 0; + border-end-end-radius: 0 + } + .sm\:border-round-end { + border-start-end-radius: var(--border-radius); + border-end-end-radius: var(--border-radius) + } + .sm\:border-circle-end { + border-start-end-radius: 50%; + border-end-end-radius: 50% + } + .sm\:border-round-end-xs { + border-start-end-radius: 0.125rem; + border-end-end-radius: 0.125rem + } + .sm\:border-round-end-sm { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem + } + .sm\:border-round-end-md { + border-start-end-radius: 0.375rem; + border-end-end-radius: 0.375rem + } + .sm\:border-round-end-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem + } + .sm\:border-round-end-xl { + border-start-end-radius: 0.75rem; + border-end-end-radius: 0.75rem + } + .sm\:border-round-end-2xl { + border-start-end-radius: 1rem; + border-end-end-radius: 1rem + } + .sm\:border-round-end-3xl { + border-start-end-radius: 1.5rem; + border-end-end-radius: 1.5rem + } +} +@media screen and (min-width: 768px) { + .md\:border-noround-end { + border-start-end-radius: 0; + border-end-end-radius: 0 + } + .md\:border-round-end { + border-start-end-radius: var(--border-radius); + border-end-end-radius: var(--border-radius) + } + .md\:border-circle-end { + border-start-end-radius: 50%; + border-end-end-radius: 50% + } + .md\:border-round-end-xs { + border-start-end-radius: 0.125rem; + border-end-end-radius: 0.125rem + } + .md\:border-round-end-sm { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem + } + .md\:border-round-end-md { + border-start-end-radius: 0.375rem; + border-end-end-radius: 0.375rem + } + .md\:border-round-end-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem + } + .md\:border-round-end-xl { + border-start-end-radius: 0.75rem; + border-end-end-radius: 0.75rem + } + .md\:border-round-end-2xl { + border-start-end-radius: 1rem; + border-end-end-radius: 1rem + } + .md\:border-round-end-3xl { + border-start-end-radius: 1.5rem; + border-end-end-radius: 1.5rem + } +} +@media screen and (min-width: 992px) { + .lg\:border-noround-end { + border-start-end-radius: 0; + border-end-end-radius: 0 + } + .lg\:border-round-end { + border-start-end-radius: var(--border-radius); + border-end-end-radius: var(--border-radius) + } + .lg\:border-circle-end { + border-start-end-radius: 50%; + border-end-end-radius: 50% + } + .lg\:border-round-end-xs { + border-start-end-radius: 0.125rem; + border-end-end-radius: 0.125rem + } + .lg\:border-round-end-sm { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem + } + .lg\:border-round-end-md { + border-start-end-radius: 0.375rem; + border-end-end-radius: 0.375rem + } + .lg\:border-round-end-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem + } + .lg\:border-round-end-xl { + border-start-end-radius: 0.75rem; + border-end-end-radius: 0.75rem + } + .lg\:border-round-end-2xl { + border-start-end-radius: 1rem; + border-end-end-radius: 1rem + } + .lg\:border-round-end-3xl { + border-start-end-radius: 1.5rem; + border-end-end-radius: 1.5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:border-noround-end { + border-start-end-radius: 0; + border-end-end-radius: 0 + } + .xl\:border-round-end { + border-start-end-radius: var(--border-radius); + border-end-end-radius: var(--border-radius) + } + .xl\:border-circle-end { + border-start-end-radius: 50%; + border-end-end-radius: 50% + } + .xl\:border-round-end-xs { + border-start-end-radius: 0.125rem; + border-end-end-radius: 0.125rem + } + .xl\:border-round-end-sm { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem + } + .xl\:border-round-end-md { + border-start-end-radius: 0.375rem; + border-end-end-radius: 0.375rem + } + .xl\:border-round-end-lg { + border-start-end-radius: 0.5rem; + border-end-end-radius: 0.5rem + } + .xl\:border-round-end-xl { + border-start-end-radius: 0.75rem; + border-end-end-radius: 0.75rem + } + .xl\:border-round-end-2xl { + border-start-end-radius: 1rem; + border-end-end-radius: 1rem + } + .xl\:border-round-end-3xl { + border-start-end-radius: 1.5rem; + border-end-end-radius: 1.5rem + } +} +.border-none { + border-style: none; + border-width: 0 +} +.border-1 { + border-style: solid; + border-width: 1 +} +.border-2 { + border-style: solid; + border-width: 2 +} +.border-3 { + border-style: solid; + border-width: 3 +} +.border-top-none { + border-top-style: none; + border-top-width: 0 +} +.border-top-1 { + border-top-style: solid; + border-top-width: 1 +} +.border-top-2 { + border-top-style: solid; + border-top-width: 2 +} +.border-top-3 { + border-top-style: solid; + border-top-width: 3 +} +.border-right-none { + border-right-style: none; + border-right-width: 0 +} +.border-right-1 { + border-right-style: solid; + border-right-width: 1 +} +.border-right-2 { + border-right-style: solid; + border-right-width: 2 +} +.border-right-3 { + border-right-style: solid; + border-right-width: 3 +} +.border-bottom-none { + border-bottom-style: none; + border-bottom-width: 0 +} +.border-bottom-1 { + border-bottom-style: solid; + border-bottom-width: 1 +} +.border-bottom-2 { + border-bottom-style: solid; + border-bottom-width: 2 +} +.border-bottom-3 { + border-bottom-style: solid; + border-bottom-width: 3 +} +.border-left-none { + border-left-style: none; + border-left-width: 0 +} +.border-left-1 { + border-left-style: solid; + border-left-width: 1 +} +.border-left-2 { + border-left-style: solid; + border-left-width: 2 +} +.border-left-3 { + border-left-style: solid; + border-left-width: 3 +} +.border-start-none { + border-inline-start-style: none; + border-inline-start-style: 0 +} +.border-start-1 { + border-inline-start-style: solid; + border-inline-start-style: 1 +} +.border-start-2 { + border-inline-start-style: solid; + border-inline-start-style: 2 +} +.border-start-3 { + border-inline-start-style: solid; + border-inline-start-style: 3 +} +.border-end-none { + border-inline-end-style: none; + border-inline-end-style: 0 +} +.border-end-1 { + border-inline-end-style: solid; + border-inline-end-style: 1 +} +.border-end-2 { + border-inline-end-style: solid; + border-inline-end-style: 2 +} +.border-end-3 { + border-inline-end-style: solid; + border-inline-end-style: 3 +} +.border-x-none { + border-left-width: 0; + border-left-style: none; + border-right-width: 0; + border-right-style: none +} +.border-x-1 { + border-left-width: 1; + border-left-style: solid; + border-right-width: 1; + border-right-style: solid +} +.border-x-2 { + border-left-width: 2; + border-left-style: solid; + border-right-width: 2; + border-right-style: solid +} +.border-x-3 { + border-left-width: 3; + border-left-style: solid; + border-right-width: 3; + border-right-style: solid +} +.border-y-none { + border-top-width: 0; + border-top-style: none; + border-bottom-width: 0; + border-bottom-style: none +} +.border-y-1 { + border-top-width: 1; + border-top-style: solid; + border-bottom-width: 1; + border-bottom-style: solid +} +.border-y-2 { + border-top-width: 2; + border-top-style: solid; + border-bottom-width: 2; + border-bottom-style: solid +} +.border-y-3 { + border-top-width: 3; + border-top-style: solid; + border-bottom-width: 3; + border-bottom-style: solid +} +@media screen and (min-width: 576px) { + .sm\:border-none { + border-style: none; + border-width: 0 + } + .sm\:border-1 { + border-style: solid; + border-width: 1 + } + .sm\:border-2 { + border-style: solid; + border-width: 2 + } + .sm\:border-3 { + border-style: solid; + border-width: 3 + } + .sm\:border-top-none { + border-top-style: none; + border-top-width: 0 + } + .sm\:border-top-1 { + border-top-style: solid; + border-top-width: 1 + } + .sm\:border-top-2 { + border-top-style: solid; + border-top-width: 2 + } + .sm\:border-top-3 { + border-top-style: solid; + border-top-width: 3 + } + .sm\:border-right-none { + border-right-style: none; + border-right-width: 0 + } + .sm\:border-right-1 { + border-right-style: solid; + border-right-width: 1 + } + .sm\:border-right-2 { + border-right-style: solid; + border-right-width: 2 + } + .sm\:border-right-3 { + border-right-style: solid; + border-right-width: 3 + } + .sm\:border-bottom-none { + border-bottom-style: none; + border-bottom-width: 0 + } + .sm\:border-bottom-1 { + border-bottom-style: solid; + border-bottom-width: 1 + } + .sm\:border-bottom-2 { + border-bottom-style: solid; + border-bottom-width: 2 + } + .sm\:border-bottom-3 { + border-bottom-style: solid; + border-bottom-width: 3 + } + .sm\:border-left-none { + border-left-style: none; + border-left-width: 0 + } + .sm\:border-left-1 { + border-left-style: solid; + border-left-width: 1 + } + .sm\:border-left-2 { + border-left-style: solid; + border-left-width: 2 + } + .sm\:border-left-3 { + border-left-style: solid; + border-left-width: 3 + } + .sm\:border-start-none { + border-inline-start-style: none; + border-inline-start-style: 0 + } + .sm\:border-start-1 { + border-inline-start-style: solid; + border-inline-start-style: 1 + } + .sm\:border-start-2 { + border-inline-start-style: solid; + border-inline-start-style: 2 + } + .sm\:border-start-3 { + border-inline-start-style: solid; + border-inline-start-style: 3 + } + .sm\:border-end-none { + border-inline-end-style: none; + border-inline-end-style: 0 + } + .sm\:border-end-1 { + border-inline-end-style: solid; + border-inline-end-style: 1 + } + .sm\:border-end-2 { + border-inline-end-style: solid; + border-inline-end-style: 2 + } + .sm\:border-end-3 { + border-inline-end-style: solid; + border-inline-end-style: 3 + } + .sm\:border-x-none { + border-left-width: 0; + border-left-style: none; + border-right-width: 0; + border-right-style: none + } + .sm\:border-x-1 { + border-left-width: 1; + border-left-style: solid; + border-right-width: 1; + border-right-style: solid + } + .sm\:border-x-2 { + border-left-width: 2; + border-left-style: solid; + border-right-width: 2; + border-right-style: solid + } + .sm\:border-x-3 { + border-left-width: 3; + border-left-style: solid; + border-right-width: 3; + border-right-style: solid + } + .sm\:border-y-none { + border-top-width: 0; + border-top-style: none; + border-bottom-width: 0; + border-bottom-style: none + } + .sm\:border-y-1 { + border-top-width: 1; + border-top-style: solid; + border-bottom-width: 1; + border-bottom-style: solid + } + .sm\:border-y-2 { + border-top-width: 2; + border-top-style: solid; + border-bottom-width: 2; + border-bottom-style: solid + } + .sm\:border-y-3 { + border-top-width: 3; + border-top-style: solid; + border-bottom-width: 3; + border-bottom-style: solid + } +} +@media screen and (min-width: 768px) { + .md\:border-none { + border-style: none; + border-width: 0 + } + .md\:border-1 { + border-style: solid; + border-width: 1 + } + .md\:border-2 { + border-style: solid; + border-width: 2 + } + .md\:border-3 { + border-style: solid; + border-width: 3 + } + .md\:border-top-none { + border-top-style: none; + border-top-width: 0 + } + .md\:border-top-1 { + border-top-style: solid; + border-top-width: 1 + } + .md\:border-top-2 { + border-top-style: solid; + border-top-width: 2 + } + .md\:border-top-3 { + border-top-style: solid; + border-top-width: 3 + } + .md\:border-right-none { + border-right-style: none; + border-right-width: 0 + } + .md\:border-right-1 { + border-right-style: solid; + border-right-width: 1 + } + .md\:border-right-2 { + border-right-style: solid; + border-right-width: 2 + } + .md\:border-right-3 { + border-right-style: solid; + border-right-width: 3 + } + .md\:border-bottom-none { + border-bottom-style: none; + border-bottom-width: 0 + } + .md\:border-bottom-1 { + border-bottom-style: solid; + border-bottom-width: 1 + } + .md\:border-bottom-2 { + border-bottom-style: solid; + border-bottom-width: 2 + } + .md\:border-bottom-3 { + border-bottom-style: solid; + border-bottom-width: 3 + } + .md\:border-left-none { + border-left-style: none; + border-left-width: 0 + } + .md\:border-left-1 { + border-left-style: solid; + border-left-width: 1 + } + .md\:border-left-2 { + border-left-style: solid; + border-left-width: 2 + } + .md\:border-left-3 { + border-left-style: solid; + border-left-width: 3 + } + .md\:border-start-none { + border-inline-start-style: none; + border-inline-start-style: 0 + } + .md\:border-start-1 { + border-inline-start-style: solid; + border-inline-start-style: 1 + } + .md\:border-start-2 { + border-inline-start-style: solid; + border-inline-start-style: 2 + } + .md\:border-start-3 { + border-inline-start-style: solid; + border-inline-start-style: 3 + } + .md\:border-end-none { + border-inline-end-style: none; + border-inline-end-style: 0 + } + .md\:border-end-1 { + border-inline-end-style: solid; + border-inline-end-style: 1 + } + .md\:border-end-2 { + border-inline-end-style: solid; + border-inline-end-style: 2 + } + .md\:border-end-3 { + border-inline-end-style: solid; + border-inline-end-style: 3 + } + .md\:border-x-none { + border-left-width: 0; + border-left-style: none; + border-right-width: 0; + border-right-style: none + } + .md\:border-x-1 { + border-left-width: 1; + border-left-style: solid; + border-right-width: 1; + border-right-style: solid + } + .md\:border-x-2 { + border-left-width: 2; + border-left-style: solid; + border-right-width: 2; + border-right-style: solid + } + .md\:border-x-3 { + border-left-width: 3; + border-left-style: solid; + border-right-width: 3; + border-right-style: solid + } + .md\:border-y-none { + border-top-width: 0; + border-top-style: none; + border-bottom-width: 0; + border-bottom-style: none + } + .md\:border-y-1 { + border-top-width: 1; + border-top-style: solid; + border-bottom-width: 1; + border-bottom-style: solid + } + .md\:border-y-2 { + border-top-width: 2; + border-top-style: solid; + border-bottom-width: 2; + border-bottom-style: solid + } + .md\:border-y-3 { + border-top-width: 3; + border-top-style: solid; + border-bottom-width: 3; + border-bottom-style: solid + } +} +@media screen and (min-width: 992px) { + .lg\:border-none { + border-style: none; + border-width: 0 + } + .lg\:border-1 { + border-style: solid; + border-width: 1 + } + .lg\:border-2 { + border-style: solid; + border-width: 2 + } + .lg\:border-3 { + border-style: solid; + border-width: 3 + } + .lg\:border-top-none { + border-top-style: none; + border-top-width: 0 + } + .lg\:border-top-1 { + border-top-style: solid; + border-top-width: 1 + } + .lg\:border-top-2 { + border-top-style: solid; + border-top-width: 2 + } + .lg\:border-top-3 { + border-top-style: solid; + border-top-width: 3 + } + .lg\:border-right-none { + border-right-style: none; + border-right-width: 0 + } + .lg\:border-right-1 { + border-right-style: solid; + border-right-width: 1 + } + .lg\:border-right-2 { + border-right-style: solid; + border-right-width: 2 + } + .lg\:border-right-3 { + border-right-style: solid; + border-right-width: 3 + } + .lg\:border-bottom-none { + border-bottom-style: none; + border-bottom-width: 0 + } + .lg\:border-bottom-1 { + border-bottom-style: solid; + border-bottom-width: 1 + } + .lg\:border-bottom-2 { + border-bottom-style: solid; + border-bottom-width: 2 + } + .lg\:border-bottom-3 { + border-bottom-style: solid; + border-bottom-width: 3 + } + .lg\:border-left-none { + border-left-style: none; + border-left-width: 0 + } + .lg\:border-left-1 { + border-left-style: solid; + border-left-width: 1 + } + .lg\:border-left-2 { + border-left-style: solid; + border-left-width: 2 + } + .lg\:border-left-3 { + border-left-style: solid; + border-left-width: 3 + } + .lg\:border-start-none { + border-inline-start-style: none; + border-inline-start-style: 0 + } + .lg\:border-start-1 { + border-inline-start-style: solid; + border-inline-start-style: 1 + } + .lg\:border-start-2 { + border-inline-start-style: solid; + border-inline-start-style: 2 + } + .lg\:border-start-3 { + border-inline-start-style: solid; + border-inline-start-style: 3 + } + .lg\:border-end-none { + border-inline-end-style: none; + border-inline-end-style: 0 + } + .lg\:border-end-1 { + border-inline-end-style: solid; + border-inline-end-style: 1 + } + .lg\:border-end-2 { + border-inline-end-style: solid; + border-inline-end-style: 2 + } + .lg\:border-end-3 { + border-inline-end-style: solid; + border-inline-end-style: 3 + } + .lg\:border-x-none { + border-left-width: 0; + border-left-style: none; + border-right-width: 0; + border-right-style: none + } + .lg\:border-x-1 { + border-left-width: 1; + border-left-style: solid; + border-right-width: 1; + border-right-style: solid + } + .lg\:border-x-2 { + border-left-width: 2; + border-left-style: solid; + border-right-width: 2; + border-right-style: solid + } + .lg\:border-x-3 { + border-left-width: 3; + border-left-style: solid; + border-right-width: 3; + border-right-style: solid + } + .lg\:border-y-none { + border-top-width: 0; + border-top-style: none; + border-bottom-width: 0; + border-bottom-style: none + } + .lg\:border-y-1 { + border-top-width: 1; + border-top-style: solid; + border-bottom-width: 1; + border-bottom-style: solid + } + .lg\:border-y-2 { + border-top-width: 2; + border-top-style: solid; + border-bottom-width: 2; + border-bottom-style: solid + } + .lg\:border-y-3 { + border-top-width: 3; + border-top-style: solid; + border-bottom-width: 3; + border-bottom-style: solid + } +} +@media screen and (min-width: 1200px) { + .xl\:border-none { + border-style: none; + border-width: 0 + } + .xl\:border-1 { + border-style: solid; + border-width: 1 + } + .xl\:border-2 { + border-style: solid; + border-width: 2 + } + .xl\:border-3 { + border-style: solid; + border-width: 3 + } + .xl\:border-top-none { + border-top-style: none; + border-top-width: 0 + } + .xl\:border-top-1 { + border-top-style: solid; + border-top-width: 1 + } + .xl\:border-top-2 { + border-top-style: solid; + border-top-width: 2 + } + .xl\:border-top-3 { + border-top-style: solid; + border-top-width: 3 + } + .xl\:border-right-none { + border-right-style: none; + border-right-width: 0 + } + .xl\:border-right-1 { + border-right-style: solid; + border-right-width: 1 + } + .xl\:border-right-2 { + border-right-style: solid; + border-right-width: 2 + } + .xl\:border-right-3 { + border-right-style: solid; + border-right-width: 3 + } + .xl\:border-bottom-none { + border-bottom-style: none; + border-bottom-width: 0 + } + .xl\:border-bottom-1 { + border-bottom-style: solid; + border-bottom-width: 1 + } + .xl\:border-bottom-2 { + border-bottom-style: solid; + border-bottom-width: 2 + } + .xl\:border-bottom-3 { + border-bottom-style: solid; + border-bottom-width: 3 + } + .xl\:border-left-none { + border-left-style: none; + border-left-width: 0 + } + .xl\:border-left-1 { + border-left-style: solid; + border-left-width: 1 + } + .xl\:border-left-2 { + border-left-style: solid; + border-left-width: 2 + } + .xl\:border-left-3 { + border-left-style: solid; + border-left-width: 3 + } + .xl\:border-start-none { + border-inline-start-style: none; + border-inline-start-style: 0 + } + .xl\:border-start-1 { + border-inline-start-style: solid; + border-inline-start-style: 1 + } + .xl\:border-start-2 { + border-inline-start-style: solid; + border-inline-start-style: 2 + } + .xl\:border-start-3 { + border-inline-start-style: solid; + border-inline-start-style: 3 + } + .xl\:border-end-none { + border-inline-end-style: none; + border-inline-end-style: 0 + } + .xl\:border-end-1 { + border-inline-end-style: solid; + border-inline-end-style: 1 + } + .xl\:border-end-2 { + border-inline-end-style: solid; + border-inline-end-style: 2 + } + .xl\:border-end-3 { + border-inline-end-style: solid; + border-inline-end-style: 3 + } + .xl\:border-x-none { + border-left-width: 0; + border-left-style: none; + border-right-width: 0; + border-right-style: none + } + .xl\:border-x-1 { + border-left-width: 1; + border-left-style: solid; + border-right-width: 1; + border-right-style: solid + } + .xl\:border-x-2 { + border-left-width: 2; + border-left-style: solid; + border-right-width: 2; + border-right-style: solid + } + .xl\:border-x-3 { + border-left-width: 3; + border-left-style: solid; + border-right-width: 3; + border-right-style: solid + } + .xl\:border-y-none { + border-top-width: 0; + border-top-style: none; + border-bottom-width: 0; + border-bottom-style: none + } + .xl\:border-y-1 { + border-top-width: 1; + border-top-style: solid; + border-bottom-width: 1; + border-bottom-style: solid + } + .xl\:border-y-2 { + border-top-width: 2; + border-top-style: solid; + border-bottom-width: 2; + border-bottom-style: solid + } + .xl\:border-y-3 { + border-top-width: 3; + border-top-style: solid; + border-bottom-width: 3; + border-bottom-style: solid + } +} +.bottom-auto { + bottom: auto +} +.bottom-0 { + bottom: 0px +} +.bottom-50 { + bottom: 50% +} +.bottom-100 { + bottom: 100% +} +@media screen and (min-width: 576px) { + .sm\:bottom-auto { + bottom: auto + } + .sm\:bottom-0 { + bottom: 0px + } + .sm\:bottom-50 { + bottom: 50% + } + .sm\:bottom-100 { + bottom: 100% + } +} +@media screen and (min-width: 768px) { + .md\:bottom-auto { + bottom: auto + } + .md\:bottom-0 { + bottom: 0px + } + .md\:bottom-50 { + bottom: 50% + } + .md\:bottom-100 { + bottom: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:bottom-auto { + bottom: auto + } + .lg\:bottom-0 { + bottom: 0px + } + .lg\:bottom-50 { + bottom: 50% + } + .lg\:bottom-100 { + bottom: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:bottom-auto { + bottom: auto + } + .xl\:bottom-0 { + bottom: 0px + } + .xl\:bottom-50 { + bottom: 50% + } + .xl\:bottom-100 { + bottom: 100% + } +} +.shadow-none { + box-shadow: none +} +.shadow-1 { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) +} +.shadow-2 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) +} +.shadow-3 { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) +} +.shadow-4 { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) +} +.shadow-5 { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) +} +.shadow-6 { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) +} +.shadow-7 { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) +} +.shadow-8 { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) +} +.focus\:shadow-none:focus { + box-shadow: none +} +.hover\:shadow-none:hover { + box-shadow: none +} +.active\:shadow-none:active { + box-shadow: none +} +.focus\:shadow-1:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) +} +.hover\:shadow-1:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) +} +.active\:shadow-1:active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) +} +.focus\:shadow-2:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) +} +.hover\:shadow-2:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) +} +.active\:shadow-2:active { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) +} +.focus\:shadow-3:focus { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) +} +.hover\:shadow-3:hover { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) +} +.active\:shadow-3:active { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) +} +.focus\:shadow-4:focus { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) +} +.hover\:shadow-4:hover { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) +} +.active\:shadow-4:active { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) +} +.focus\:shadow-5:focus { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) +} +.hover\:shadow-5:hover { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) +} +.active\:shadow-5:active { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) +} +.focus\:shadow-6:focus { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) +} +.hover\:shadow-6:hover { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) +} +.active\:shadow-6:active { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) +} +.focus\:shadow-7:focus { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) +} +.hover\:shadow-7:hover { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) +} +.active\:shadow-7:active { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) +} +.focus\:shadow-8:focus { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) +} +.hover\:shadow-8:hover { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) +} +.active\:shadow-8:active { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) +} +@media screen and (min-width: 576px) { + .sm\:shadow-none { + box-shadow: none + } + .sm\:shadow-1 { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .sm\:shadow-2 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .sm\:shadow-3 { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .sm\:shadow-4 { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .sm\:shadow-5 { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .sm\:shadow-6 { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .sm\:shadow-7 { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .sm\:shadow-8 { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .sm\:focus\:shadow-none:focus { + box-shadow: none + } + .sm\:hover\:shadow-none:hover { + box-shadow: none + } + .sm\:active\:shadow-none:active { + box-shadow: none + } + .sm\:focus\:shadow-1:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .sm\:hover\:shadow-1:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .sm\:active\:shadow-1:active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .sm\:focus\:shadow-2:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .sm\:hover\:shadow-2:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .sm\:active\:shadow-2:active { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .sm\:focus\:shadow-3:focus { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .sm\:hover\:shadow-3:hover { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .sm\:active\:shadow-3:active { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .sm\:focus\:shadow-4:focus { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .sm\:hover\:shadow-4:hover { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .sm\:active\:shadow-4:active { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .sm\:focus\:shadow-5:focus { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .sm\:hover\:shadow-5:hover { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .sm\:active\:shadow-5:active { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .sm\:focus\:shadow-6:focus { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .sm\:hover\:shadow-6:hover { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .sm\:active\:shadow-6:active { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .sm\:focus\:shadow-7:focus { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .sm\:hover\:shadow-7:hover { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .sm\:active\:shadow-7:active { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .sm\:focus\:shadow-8:focus { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .sm\:hover\:shadow-8:hover { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .sm\:active\:shadow-8:active { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } +} +@media screen and (min-width: 768px) { + .md\:shadow-none { + box-shadow: none + } + .md\:shadow-1 { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .md\:shadow-2 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .md\:shadow-3 { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .md\:shadow-4 { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .md\:shadow-5 { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .md\:shadow-6 { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .md\:shadow-7 { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .md\:shadow-8 { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .md\:focus\:shadow-none:focus { + box-shadow: none + } + .md\:hover\:shadow-none:hover { + box-shadow: none + } + .md\:active\:shadow-none:active { + box-shadow: none + } + .md\:focus\:shadow-1:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .md\:hover\:shadow-1:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .md\:active\:shadow-1:active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .md\:focus\:shadow-2:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .md\:hover\:shadow-2:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .md\:active\:shadow-2:active { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .md\:focus\:shadow-3:focus { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .md\:hover\:shadow-3:hover { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .md\:active\:shadow-3:active { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .md\:focus\:shadow-4:focus { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .md\:hover\:shadow-4:hover { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .md\:active\:shadow-4:active { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .md\:focus\:shadow-5:focus { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .md\:hover\:shadow-5:hover { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .md\:active\:shadow-5:active { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .md\:focus\:shadow-6:focus { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .md\:hover\:shadow-6:hover { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .md\:active\:shadow-6:active { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .md\:focus\:shadow-7:focus { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .md\:hover\:shadow-7:hover { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .md\:active\:shadow-7:active { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .md\:focus\:shadow-8:focus { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .md\:hover\:shadow-8:hover { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .md\:active\:shadow-8:active { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } +} +@media screen and (min-width: 992px) { + .lg\:shadow-none { + box-shadow: none + } + .lg\:shadow-1 { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .lg\:shadow-2 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .lg\:shadow-3 { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .lg\:shadow-4 { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .lg\:shadow-5 { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .lg\:shadow-6 { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .lg\:shadow-7 { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .lg\:shadow-8 { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .lg\:focus\:shadow-none:focus { + box-shadow: none + } + .lg\:hover\:shadow-none:hover { + box-shadow: none + } + .lg\:active\:shadow-none:active { + box-shadow: none + } + .lg\:focus\:shadow-1:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .lg\:hover\:shadow-1:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .lg\:active\:shadow-1:active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .lg\:focus\:shadow-2:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .lg\:hover\:shadow-2:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .lg\:active\:shadow-2:active { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .lg\:focus\:shadow-3:focus { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .lg\:hover\:shadow-3:hover { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .lg\:active\:shadow-3:active { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .lg\:focus\:shadow-4:focus { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .lg\:hover\:shadow-4:hover { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .lg\:active\:shadow-4:active { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .lg\:focus\:shadow-5:focus { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .lg\:hover\:shadow-5:hover { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .lg\:active\:shadow-5:active { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .lg\:focus\:shadow-6:focus { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .lg\:hover\:shadow-6:hover { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .lg\:active\:shadow-6:active { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .lg\:focus\:shadow-7:focus { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .lg\:hover\:shadow-7:hover { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .lg\:active\:shadow-7:active { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .lg\:focus\:shadow-8:focus { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .lg\:hover\:shadow-8:hover { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .lg\:active\:shadow-8:active { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } +} +@media screen and (min-width: 1200px) { + .xl\:shadow-none { + box-shadow: none + } + .xl\:shadow-1 { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .xl\:shadow-2 { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .xl\:shadow-3 { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .xl\:shadow-4 { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .xl\:shadow-5 { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .xl\:shadow-6 { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .xl\:shadow-7 { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .xl\:shadow-8 { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .xl\:focus\:shadow-none:focus { + box-shadow: none + } + .xl\:hover\:shadow-none:hover { + box-shadow: none + } + .xl\:active\:shadow-none:active { + box-shadow: none + } + .xl\:focus\:shadow-1:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .xl\:hover\:shadow-1:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .xl\:active\:shadow-1:active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) + } + .xl\:focus\:shadow-2:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .xl\:hover\:shadow-2:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .xl\:active\:shadow-2:active { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08) + } + .xl\:focus\:shadow-3:focus { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .xl\:hover\:shadow-3:hover { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .xl\:active\:shadow-3:active { + box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.09), 0 2px 4px -1px rgba(0, 0, 0, 0.06) + } + .xl\:focus\:shadow-4:focus { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .xl\:hover\:shadow-4:hover { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .xl\:active\:shadow-4:active { + box-shadow: 0 10px 16px -3px rgba(0, 0, 0, 0.1), 0 5px 7px -3px rgba(0, 0, 0, 0.07) + } + .xl\:focus\:shadow-5:focus { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .xl\:hover\:shadow-5:hover { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .xl\:active\:shadow-5:active { + box-shadow: 0 11px 17px -3px rgba(0, 0, 0, 0.1), 0 5px 8px -2px rgba(0, 0, 0, 0.08) + } + .xl\:focus\:shadow-6:focus { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .xl\:hover\:shadow-6:hover { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .xl\:active\:shadow-6:active { + box-shadow: 0 20px 26px -5px rgba(0, 0, 0, 0.11), 0 9px 11px -5px rgba(0, 0, 0, 0.08) + } + .xl\:focus\:shadow-7:focus { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .xl\:hover\:shadow-7:hover { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .xl\:active\:shadow-7:active { + box-shadow: 0 25px 30px -6px rgba(0, 0, 0, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.09) + } + .xl\:focus\:shadow-8:focus { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .xl\:hover\:shadow-8:hover { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } + .xl\:active\:shadow-8:active { + box-shadow: 0 30px 35px -7px rgba(0, 0, 0, 0.13), 0 15px 20px -10px rgba(0, 0, 0, 0.10) + } +} +.box-border { + box-sizing: border-box +} +.box-content { + box-sizing: content-box +} +.text-primary { + color: var(--primary-color) +} +.text-white { + color: #ffffff +} +.text-color { + color: var(--text-color) +} +.text-color-secondary { + color: var(--text-color-secondary) +} +.text-primary-invert { + color: var(--primary-color-text) +} +.focus\:text-primary:focus { + color: var(--primary-color) +} +.hover\:text-primary:hover { + color: var(--primary-color) +} +.active\:text-primary:active { + color: var(--primary-color) +} +.focus\:text-white:focus { + color: #ffffff +} +.hover\:text-white:hover { + color: #ffffff +} +.active\:text-white:active { + color: #ffffff +} +.focus\:text-color:focus { + color: var(--text-color) +} +.hover\:text-color:hover { + color: var(--text-color) +} +.active\:text-color:active { + color: var(--text-color) +} +.focus\:text-color-secondary:focus { + color: var(--text-color-secondary) +} +.hover\:text-color-secondary:hover { + color: var(--text-color-secondary) +} +.active\:text-color-secondary:active { + color: var(--text-color-secondary) +} +.focus\:text-primary-invert:focus { + color: var(--primary-color-text) +} +.hover\:text-primary-invert:hover { + color: var(--primary-color-text) +} +.active\:text-primary-invert:active { + color: var(--primary-color-text) +} +@media screen and (min-width: 576px) { + .sm\:text-primary { + color: var(--primary-color) + } + .sm\:text-white { + color: #ffffff + } + .sm\:text-color { + color: var(--text-color) + } + .sm\:text-color-secondary { + color: var(--text-color-secondary) + } + .sm\:text-primary-invert { + color: var(--primary-color-text) + } + .sm\:focus\:text-primary:focus { + color: var(--primary-color) + } + .sm\:hover\:text-primary:hover { + color: var(--primary-color) + } + .sm\:active\:text-primary:active { + color: var(--primary-color) + } + .sm\:focus\:text-white:focus { + color: #ffffff + } + .sm\:hover\:text-white:hover { + color: #ffffff + } + .sm\:active\:text-white:active { + color: #ffffff + } + .sm\:focus\:text-color:focus { + color: var(--text-color) + } + .sm\:hover\:text-color:hover { + color: var(--text-color) + } + .sm\:active\:text-color:active { + color: var(--text-color) + } + .sm\:focus\:text-color-secondary:focus { + color: var(--text-color-secondary) + } + .sm\:hover\:text-color-secondary:hover { + color: var(--text-color-secondary) + } + .sm\:active\:text-color-secondary:active { + color: var(--text-color-secondary) + } + .sm\:focus\:text-primary-invert:focus { + color: var(--primary-color-text) + } + .sm\:hover\:text-primary-invert:hover { + color: var(--primary-color-text) + } + .sm\:active\:text-primary-invert:active { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 768px) { + .md\:text-primary { + color: var(--primary-color) + } + .md\:text-white { + color: #ffffff + } + .md\:text-color { + color: var(--text-color) + } + .md\:text-color-secondary { + color: var(--text-color-secondary) + } + .md\:text-primary-invert { + color: var(--primary-color-text) + } + .md\:focus\:text-primary:focus { + color: var(--primary-color) + } + .md\:hover\:text-primary:hover { + color: var(--primary-color) + } + .md\:active\:text-primary:active { + color: var(--primary-color) + } + .md\:focus\:text-white:focus { + color: #ffffff + } + .md\:hover\:text-white:hover { + color: #ffffff + } + .md\:active\:text-white:active { + color: #ffffff + } + .md\:focus\:text-color:focus { + color: var(--text-color) + } + .md\:hover\:text-color:hover { + color: var(--text-color) + } + .md\:active\:text-color:active { + color: var(--text-color) + } + .md\:focus\:text-color-secondary:focus { + color: var(--text-color-secondary) + } + .md\:hover\:text-color-secondary:hover { + color: var(--text-color-secondary) + } + .md\:active\:text-color-secondary:active { + color: var(--text-color-secondary) + } + .md\:focus\:text-primary-invert:focus { + color: var(--primary-color-text) + } + .md\:hover\:text-primary-invert:hover { + color: var(--primary-color-text) + } + .md\:active\:text-primary-invert:active { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 992px) { + .lg\:text-primary { + color: var(--primary-color) + } + .lg\:text-white { + color: #ffffff + } + .lg\:text-color { + color: var(--text-color) + } + .lg\:text-color-secondary { + color: var(--text-color-secondary) + } + .lg\:text-primary-invert { + color: var(--primary-color-text) + } + .lg\:focus\:text-primary:focus { + color: var(--primary-color) + } + .lg\:hover\:text-primary:hover { + color: var(--primary-color) + } + .lg\:active\:text-primary:active { + color: var(--primary-color) + } + .lg\:focus\:text-white:focus { + color: #ffffff + } + .lg\:hover\:text-white:hover { + color: #ffffff + } + .lg\:active\:text-white:active { + color: #ffffff + } + .lg\:focus\:text-color:focus { + color: var(--text-color) + } + .lg\:hover\:text-color:hover { + color: var(--text-color) + } + .lg\:active\:text-color:active { + color: var(--text-color) + } + .lg\:focus\:text-color-secondary:focus { + color: var(--text-color-secondary) + } + .lg\:hover\:text-color-secondary:hover { + color: var(--text-color-secondary) + } + .lg\:active\:text-color-secondary:active { + color: var(--text-color-secondary) + } + .lg\:focus\:text-primary-invert:focus { + color: var(--primary-color-text) + } + .lg\:hover\:text-primary-invert:hover { + color: var(--primary-color-text) + } + .lg\:active\:text-primary-invert:active { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 1200px) { + .xl\:text-primary { + color: var(--primary-color) + } + .xl\:text-white { + color: #ffffff + } + .xl\:text-color { + color: var(--text-color) + } + .xl\:text-color-secondary { + color: var(--text-color-secondary) + } + .xl\:text-primary-invert { + color: var(--primary-color-text) + } + .xl\:focus\:text-primary:focus { + color: var(--primary-color) + } + .xl\:hover\:text-primary:hover { + color: var(--primary-color) + } + .xl\:active\:text-primary:active { + color: var(--primary-color) + } + .xl\:focus\:text-white:focus { + color: #ffffff + } + .xl\:hover\:text-white:hover { + color: #ffffff + } + .xl\:active\:text-white:active { + color: #ffffff + } + .xl\:focus\:text-color:focus { + color: var(--text-color) + } + .xl\:hover\:text-color:hover { + color: var(--text-color) + } + .xl\:active\:text-color:active { + color: var(--text-color) + } + .xl\:focus\:text-color-secondary:focus { + color: var(--text-color-secondary) + } + .xl\:hover\:text-color-secondary:hover { + color: var(--text-color-secondary) + } + .xl\:active\:text-color-secondary:active { + color: var(--text-color-secondary) + } + .xl\:focus\:text-primary-invert:focus { + color: var(--primary-color-text) + } + .xl\:hover\:text-primary-invert:hover { + color: var(--primary-color-text) + } + .xl\:active\:text-primary-invert:active { + color: var(--primary-color-text) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary) { + color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white) { + color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-color) { + color: var(--text-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-color-secondary) { + color: var(--text-color-secondary) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-invert) { + color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary:focus) { + color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary:hover) { + color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary:active) { + color: var(--primary-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white:focus) { + color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white:hover) { + color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white:active) { + color: #ffffff +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-color:focus) { + color: var(--text-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-color:hover) { + color: var(--text-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-color:active) { + color: var(--text-color) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-color-secondary:focus) { + color: var(--text-color-secondary) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-color-secondary:hover) { + color: var(--text-color-secondary) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-color-secondary:active) { + color: var(--text-color-secondary) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-invert:focus) { + color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-invert:hover) { + color: var(--primary-color-text) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-invert:active) { + color: var(--primary-color-text) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-color) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-color-secondary) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-invert) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary:focus) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary:hover) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary:active) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white:focus) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white:hover) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white:active) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-color:focus) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-color:hover) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-color:active) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-color-secondary:focus) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-color-secondary:hover) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-color-secondary:active) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-invert:focus) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-invert:hover) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-invert:active) { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-color) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-color-secondary) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-invert) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary:focus) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary:hover) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary:active) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white:focus) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white:hover) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white:active) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-color:focus) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-color:hover) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-color:active) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-color-secondary:focus) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-color-secondary:hover) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-color-secondary:active) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-invert:focus) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-invert:hover) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-invert:active) { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-color) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-color-secondary) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-invert) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary:focus) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary:hover) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary:active) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white:focus) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white:hover) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white:active) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-color:focus) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-color:hover) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-color:active) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-color-secondary:focus) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-color-secondary:hover) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-color-secondary:active) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-invert:focus) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-invert:hover) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-invert:active) { + color: var(--primary-color-text) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-color) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-color-secondary) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-invert) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary:focus) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary:hover) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary:active) { + color: var(--primary-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white:focus) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white:hover) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white:active) { + color: #ffffff + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-color:focus) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-color:hover) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-color:active) { + color: var(--text-color) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-color-secondary:focus) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-color-secondary:hover) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-color-secondary:active) { + color: var(--text-color-secondary) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-invert:focus) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-invert:hover) { + color: var(--primary-color-text) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-invert:active) { + color: var(--primary-color-text) + } +} +.text-blue-50 { + color: var(--blue-50) +} +.text-blue-50\/10 { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.text-blue-50\/20 { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.text-blue-50\/30 { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.text-blue-50\/40 { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.text-blue-50\/50 { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.text-blue-50\/60 { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.text-blue-50\/70 { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.text-blue-50\/80 { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.text-blue-50\/90 { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.text-blue-100 { + color: var(--blue-100) +} +.text-blue-100\/10 { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.text-blue-100\/20 { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.text-blue-100\/30 { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.text-blue-100\/40 { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.text-blue-100\/50 { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.text-blue-100\/60 { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.text-blue-100\/70 { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.text-blue-100\/80 { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.text-blue-100\/90 { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.text-blue-200 { + color: var(--blue-200) +} +.text-blue-200\/10 { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.text-blue-200\/20 { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.text-blue-200\/30 { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.text-blue-200\/40 { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.text-blue-200\/50 { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.text-blue-200\/60 { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.text-blue-200\/70 { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.text-blue-200\/80 { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.text-blue-200\/90 { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.text-blue-300 { + color: var(--blue-300) +} +.text-blue-300\/10 { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.text-blue-300\/20 { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.text-blue-300\/30 { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.text-blue-300\/40 { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.text-blue-300\/50 { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.text-blue-300\/60 { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.text-blue-300\/70 { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.text-blue-300\/80 { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.text-blue-300\/90 { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.text-blue-400 { + color: var(--blue-400) +} +.text-blue-400\/10 { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.text-blue-400\/20 { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.text-blue-400\/30 { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.text-blue-400\/40 { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.text-blue-400\/50 { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.text-blue-400\/60 { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.text-blue-400\/70 { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.text-blue-400\/80 { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.text-blue-400\/90 { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.text-blue-500 { + color: var(--blue-500) +} +.text-blue-500\/10 { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.text-blue-500\/20 { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.text-blue-500\/30 { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.text-blue-500\/40 { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.text-blue-500\/50 { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.text-blue-500\/60 { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.text-blue-500\/70 { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.text-blue-500\/80 { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.text-blue-500\/90 { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.text-blue-600 { + color: var(--blue-600) +} +.text-blue-600\/10 { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.text-blue-600\/20 { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.text-blue-600\/30 { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.text-blue-600\/40 { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.text-blue-600\/50 { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.text-blue-600\/60 { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.text-blue-600\/70 { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.text-blue-600\/80 { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.text-blue-600\/90 { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.text-blue-700 { + color: var(--blue-700) +} +.text-blue-700\/10 { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.text-blue-700\/20 { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.text-blue-700\/30 { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.text-blue-700\/40 { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.text-blue-700\/50 { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.text-blue-700\/60 { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.text-blue-700\/70 { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.text-blue-700\/80 { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.text-blue-700\/90 { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.text-blue-800 { + color: var(--blue-800) +} +.text-blue-800\/10 { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.text-blue-800\/20 { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.text-blue-800\/30 { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.text-blue-800\/40 { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.text-blue-800\/50 { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.text-blue-800\/60 { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.text-blue-800\/70 { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.text-blue-800\/80 { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.text-blue-800\/90 { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.text-blue-900 { + color: var(--blue-900) +} +.text-blue-900\/10 { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.text-blue-900\/20 { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.text-blue-900\/30 { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.text-blue-900\/40 { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.text-blue-900\/50 { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.text-blue-900\/60 { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.text-blue-900\/70 { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.text-blue-900\/80 { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.text-blue-900\/90 { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.text-green-50 { + color: var(--green-50) +} +.text-green-50\/10 { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.text-green-50\/20 { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.text-green-50\/30 { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.text-green-50\/40 { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.text-green-50\/50 { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.text-green-50\/60 { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.text-green-50\/70 { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.text-green-50\/80 { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.text-green-50\/90 { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.text-green-100 { + color: var(--green-100) +} +.text-green-100\/10 { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.text-green-100\/20 { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.text-green-100\/30 { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.text-green-100\/40 { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.text-green-100\/50 { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.text-green-100\/60 { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.text-green-100\/70 { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.text-green-100\/80 { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.text-green-100\/90 { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.text-green-200 { + color: var(--green-200) +} +.text-green-200\/10 { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.text-green-200\/20 { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.text-green-200\/30 { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.text-green-200\/40 { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.text-green-200\/50 { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.text-green-200\/60 { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.text-green-200\/70 { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.text-green-200\/80 { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.text-green-200\/90 { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.text-green-300 { + color: var(--green-300) +} +.text-green-300\/10 { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.text-green-300\/20 { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.text-green-300\/30 { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.text-green-300\/40 { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.text-green-300\/50 { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.text-green-300\/60 { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.text-green-300\/70 { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.text-green-300\/80 { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.text-green-300\/90 { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.text-green-400 { + color: var(--green-400) +} +.text-green-400\/10 { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.text-green-400\/20 { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.text-green-400\/30 { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.text-green-400\/40 { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.text-green-400\/50 { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.text-green-400\/60 { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.text-green-400\/70 { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.text-green-400\/80 { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.text-green-400\/90 { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.text-green-500 { + color: var(--green-500) +} +.text-green-500\/10 { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.text-green-500\/20 { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.text-green-500\/30 { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.text-green-500\/40 { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.text-green-500\/50 { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.text-green-500\/60 { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.text-green-500\/70 { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.text-green-500\/80 { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.text-green-500\/90 { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.text-green-600 { + color: var(--green-600) +} +.text-green-600\/10 { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.text-green-600\/20 { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.text-green-600\/30 { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.text-green-600\/40 { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.text-green-600\/50 { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.text-green-600\/60 { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.text-green-600\/70 { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.text-green-600\/80 { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.text-green-600\/90 { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.text-green-700 { + color: var(--green-700) +} +.text-green-700\/10 { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.text-green-700\/20 { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.text-green-700\/30 { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.text-green-700\/40 { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.text-green-700\/50 { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.text-green-700\/60 { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.text-green-700\/70 { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.text-green-700\/80 { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.text-green-700\/90 { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.text-green-800 { + color: var(--green-800) +} +.text-green-800\/10 { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.text-green-800\/20 { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.text-green-800\/30 { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.text-green-800\/40 { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.text-green-800\/50 { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.text-green-800\/60 { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.text-green-800\/70 { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.text-green-800\/80 { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.text-green-800\/90 { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.text-green-900 { + color: var(--green-900) +} +.text-green-900\/10 { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.text-green-900\/20 { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.text-green-900\/30 { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.text-green-900\/40 { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.text-green-900\/50 { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.text-green-900\/60 { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.text-green-900\/70 { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.text-green-900\/80 { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.text-green-900\/90 { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.text-yellow-50 { + color: var(--yellow-50) +} +.text-yellow-50\/10 { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.text-yellow-50\/20 { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.text-yellow-50\/30 { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.text-yellow-50\/40 { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.text-yellow-50\/50 { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.text-yellow-50\/60 { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.text-yellow-50\/70 { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.text-yellow-50\/80 { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.text-yellow-50\/90 { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.text-yellow-100 { + color: var(--yellow-100) +} +.text-yellow-100\/10 { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.text-yellow-100\/20 { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.text-yellow-100\/30 { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.text-yellow-100\/40 { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.text-yellow-100\/50 { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.text-yellow-100\/60 { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.text-yellow-100\/70 { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.text-yellow-100\/80 { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.text-yellow-100\/90 { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.text-yellow-200 { + color: var(--yellow-200) +} +.text-yellow-200\/10 { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.text-yellow-200\/20 { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.text-yellow-200\/30 { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.text-yellow-200\/40 { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.text-yellow-200\/50 { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.text-yellow-200\/60 { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.text-yellow-200\/70 { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.text-yellow-200\/80 { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.text-yellow-200\/90 { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.text-yellow-300 { + color: var(--yellow-300) +} +.text-yellow-300\/10 { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.text-yellow-300\/20 { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.text-yellow-300\/30 { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.text-yellow-300\/40 { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.text-yellow-300\/50 { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.text-yellow-300\/60 { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.text-yellow-300\/70 { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.text-yellow-300\/80 { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.text-yellow-300\/90 { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.text-yellow-400 { + color: var(--yellow-400) +} +.text-yellow-400\/10 { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.text-yellow-400\/20 { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.text-yellow-400\/30 { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.text-yellow-400\/40 { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.text-yellow-400\/50 { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.text-yellow-400\/60 { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.text-yellow-400\/70 { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.text-yellow-400\/80 { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.text-yellow-400\/90 { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.text-yellow-500 { + color: var(--yellow-500) +} +.text-yellow-500\/10 { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.text-yellow-500\/20 { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.text-yellow-500\/30 { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.text-yellow-500\/40 { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.text-yellow-500\/50 { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.text-yellow-500\/60 { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.text-yellow-500\/70 { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.text-yellow-500\/80 { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.text-yellow-500\/90 { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.text-yellow-600 { + color: var(--yellow-600) +} +.text-yellow-600\/10 { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.text-yellow-600\/20 { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.text-yellow-600\/30 { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.text-yellow-600\/40 { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.text-yellow-600\/50 { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.text-yellow-600\/60 { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.text-yellow-600\/70 { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.text-yellow-600\/80 { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.text-yellow-600\/90 { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.text-yellow-700 { + color: var(--yellow-700) +} +.text-yellow-700\/10 { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.text-yellow-700\/20 { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.text-yellow-700\/30 { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.text-yellow-700\/40 { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.text-yellow-700\/50 { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.text-yellow-700\/60 { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.text-yellow-700\/70 { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.text-yellow-700\/80 { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.text-yellow-700\/90 { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.text-yellow-800 { + color: var(--yellow-800) +} +.text-yellow-800\/10 { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.text-yellow-800\/20 { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.text-yellow-800\/30 { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.text-yellow-800\/40 { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.text-yellow-800\/50 { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.text-yellow-800\/60 { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.text-yellow-800\/70 { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.text-yellow-800\/80 { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.text-yellow-800\/90 { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.text-yellow-900 { + color: var(--yellow-900) +} +.text-yellow-900\/10 { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.text-yellow-900\/20 { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.text-yellow-900\/30 { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.text-yellow-900\/40 { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.text-yellow-900\/50 { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.text-yellow-900\/60 { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.text-yellow-900\/70 { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.text-yellow-900\/80 { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.text-yellow-900\/90 { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.text-cyan-50 { + color: var(--cyan-50) +} +.text-cyan-50\/10 { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.text-cyan-50\/20 { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.text-cyan-50\/30 { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.text-cyan-50\/40 { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.text-cyan-50\/50 { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.text-cyan-50\/60 { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.text-cyan-50\/70 { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.text-cyan-50\/80 { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.text-cyan-50\/90 { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.text-cyan-100 { + color: var(--cyan-100) +} +.text-cyan-100\/10 { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.text-cyan-100\/20 { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.text-cyan-100\/30 { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.text-cyan-100\/40 { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.text-cyan-100\/50 { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.text-cyan-100\/60 { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.text-cyan-100\/70 { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.text-cyan-100\/80 { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.text-cyan-100\/90 { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.text-cyan-200 { + color: var(--cyan-200) +} +.text-cyan-200\/10 { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.text-cyan-200\/20 { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.text-cyan-200\/30 { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.text-cyan-200\/40 { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.text-cyan-200\/50 { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.text-cyan-200\/60 { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.text-cyan-200\/70 { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.text-cyan-200\/80 { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.text-cyan-200\/90 { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.text-cyan-300 { + color: var(--cyan-300) +} +.text-cyan-300\/10 { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.text-cyan-300\/20 { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.text-cyan-300\/30 { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.text-cyan-300\/40 { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.text-cyan-300\/50 { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.text-cyan-300\/60 { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.text-cyan-300\/70 { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.text-cyan-300\/80 { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.text-cyan-300\/90 { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.text-cyan-400 { + color: var(--cyan-400) +} +.text-cyan-400\/10 { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.text-cyan-400\/20 { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.text-cyan-400\/30 { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.text-cyan-400\/40 { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.text-cyan-400\/50 { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.text-cyan-400\/60 { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.text-cyan-400\/70 { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.text-cyan-400\/80 { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.text-cyan-400\/90 { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.text-cyan-500 { + color: var(--cyan-500) +} +.text-cyan-500\/10 { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.text-cyan-500\/20 { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.text-cyan-500\/30 { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.text-cyan-500\/40 { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.text-cyan-500\/50 { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.text-cyan-500\/60 { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.text-cyan-500\/70 { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.text-cyan-500\/80 { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.text-cyan-500\/90 { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.text-cyan-600 { + color: var(--cyan-600) +} +.text-cyan-600\/10 { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.text-cyan-600\/20 { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.text-cyan-600\/30 { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.text-cyan-600\/40 { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.text-cyan-600\/50 { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.text-cyan-600\/60 { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.text-cyan-600\/70 { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.text-cyan-600\/80 { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.text-cyan-600\/90 { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.text-cyan-700 { + color: var(--cyan-700) +} +.text-cyan-700\/10 { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.text-cyan-700\/20 { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.text-cyan-700\/30 { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.text-cyan-700\/40 { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.text-cyan-700\/50 { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.text-cyan-700\/60 { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.text-cyan-700\/70 { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.text-cyan-700\/80 { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.text-cyan-700\/90 { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.text-cyan-800 { + color: var(--cyan-800) +} +.text-cyan-800\/10 { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.text-cyan-800\/20 { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.text-cyan-800\/30 { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.text-cyan-800\/40 { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.text-cyan-800\/50 { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.text-cyan-800\/60 { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.text-cyan-800\/70 { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.text-cyan-800\/80 { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.text-cyan-800\/90 { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.text-cyan-900 { + color: var(--cyan-900) +} +.text-cyan-900\/10 { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.text-cyan-900\/20 { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.text-cyan-900\/30 { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.text-cyan-900\/40 { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.text-cyan-900\/50 { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.text-cyan-900\/60 { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.text-cyan-900\/70 { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.text-cyan-900\/80 { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.text-cyan-900\/90 { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.text-pink-50 { + color: var(--pink-50) +} +.text-pink-50\/10 { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.text-pink-50\/20 { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.text-pink-50\/30 { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.text-pink-50\/40 { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.text-pink-50\/50 { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.text-pink-50\/60 { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.text-pink-50\/70 { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.text-pink-50\/80 { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.text-pink-50\/90 { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.text-pink-100 { + color: var(--pink-100) +} +.text-pink-100\/10 { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.text-pink-100\/20 { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.text-pink-100\/30 { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.text-pink-100\/40 { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.text-pink-100\/50 { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.text-pink-100\/60 { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.text-pink-100\/70 { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.text-pink-100\/80 { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.text-pink-100\/90 { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.text-pink-200 { + color: var(--pink-200) +} +.text-pink-200\/10 { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.text-pink-200\/20 { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.text-pink-200\/30 { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.text-pink-200\/40 { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.text-pink-200\/50 { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.text-pink-200\/60 { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.text-pink-200\/70 { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.text-pink-200\/80 { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.text-pink-200\/90 { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.text-pink-300 { + color: var(--pink-300) +} +.text-pink-300\/10 { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.text-pink-300\/20 { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.text-pink-300\/30 { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.text-pink-300\/40 { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.text-pink-300\/50 { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.text-pink-300\/60 { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.text-pink-300\/70 { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.text-pink-300\/80 { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.text-pink-300\/90 { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.text-pink-400 { + color: var(--pink-400) +} +.text-pink-400\/10 { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.text-pink-400\/20 { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.text-pink-400\/30 { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.text-pink-400\/40 { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.text-pink-400\/50 { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.text-pink-400\/60 { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.text-pink-400\/70 { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.text-pink-400\/80 { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.text-pink-400\/90 { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.text-pink-500 { + color: var(--pink-500) +} +.text-pink-500\/10 { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.text-pink-500\/20 { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.text-pink-500\/30 { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.text-pink-500\/40 { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.text-pink-500\/50 { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.text-pink-500\/60 { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.text-pink-500\/70 { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.text-pink-500\/80 { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.text-pink-500\/90 { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.text-pink-600 { + color: var(--pink-600) +} +.text-pink-600\/10 { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.text-pink-600\/20 { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.text-pink-600\/30 { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.text-pink-600\/40 { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.text-pink-600\/50 { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.text-pink-600\/60 { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.text-pink-600\/70 { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.text-pink-600\/80 { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.text-pink-600\/90 { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.text-pink-700 { + color: var(--pink-700) +} +.text-pink-700\/10 { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.text-pink-700\/20 { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.text-pink-700\/30 { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.text-pink-700\/40 { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.text-pink-700\/50 { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.text-pink-700\/60 { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.text-pink-700\/70 { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.text-pink-700\/80 { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.text-pink-700\/90 { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.text-pink-800 { + color: var(--pink-800) +} +.text-pink-800\/10 { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.text-pink-800\/20 { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.text-pink-800\/30 { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.text-pink-800\/40 { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.text-pink-800\/50 { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.text-pink-800\/60 { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.text-pink-800\/70 { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.text-pink-800\/80 { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.text-pink-800\/90 { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.text-pink-900 { + color: var(--pink-900) +} +.text-pink-900\/10 { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.text-pink-900\/20 { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.text-pink-900\/30 { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.text-pink-900\/40 { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.text-pink-900\/50 { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.text-pink-900\/60 { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.text-pink-900\/70 { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.text-pink-900\/80 { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.text-pink-900\/90 { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.text-indigo-50 { + color: var(--indigo-50) +} +.text-indigo-50\/10 { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.text-indigo-50\/20 { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.text-indigo-50\/30 { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.text-indigo-50\/40 { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.text-indigo-50\/50 { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.text-indigo-50\/60 { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.text-indigo-50\/70 { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.text-indigo-50\/80 { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.text-indigo-50\/90 { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.text-indigo-100 { + color: var(--indigo-100) +} +.text-indigo-100\/10 { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.text-indigo-100\/20 { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.text-indigo-100\/30 { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.text-indigo-100\/40 { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.text-indigo-100\/50 { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.text-indigo-100\/60 { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.text-indigo-100\/70 { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.text-indigo-100\/80 { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.text-indigo-100\/90 { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.text-indigo-200 { + color: var(--indigo-200) +} +.text-indigo-200\/10 { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.text-indigo-200\/20 { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.text-indigo-200\/30 { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.text-indigo-200\/40 { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.text-indigo-200\/50 { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.text-indigo-200\/60 { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.text-indigo-200\/70 { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.text-indigo-200\/80 { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.text-indigo-200\/90 { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.text-indigo-300 { + color: var(--indigo-300) +} +.text-indigo-300\/10 { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.text-indigo-300\/20 { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.text-indigo-300\/30 { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.text-indigo-300\/40 { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.text-indigo-300\/50 { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.text-indigo-300\/60 { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.text-indigo-300\/70 { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.text-indigo-300\/80 { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.text-indigo-300\/90 { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.text-indigo-400 { + color: var(--indigo-400) +} +.text-indigo-400\/10 { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.text-indigo-400\/20 { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.text-indigo-400\/30 { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.text-indigo-400\/40 { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.text-indigo-400\/50 { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.text-indigo-400\/60 { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.text-indigo-400\/70 { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.text-indigo-400\/80 { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.text-indigo-400\/90 { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.text-indigo-500 { + color: var(--indigo-500) +} +.text-indigo-500\/10 { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.text-indigo-500\/20 { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.text-indigo-500\/30 { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.text-indigo-500\/40 { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.text-indigo-500\/50 { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.text-indigo-500\/60 { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.text-indigo-500\/70 { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.text-indigo-500\/80 { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.text-indigo-500\/90 { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.text-indigo-600 { + color: var(--indigo-600) +} +.text-indigo-600\/10 { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.text-indigo-600\/20 { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.text-indigo-600\/30 { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.text-indigo-600\/40 { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.text-indigo-600\/50 { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.text-indigo-600\/60 { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.text-indigo-600\/70 { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.text-indigo-600\/80 { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.text-indigo-600\/90 { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.text-indigo-700 { + color: var(--indigo-700) +} +.text-indigo-700\/10 { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.text-indigo-700\/20 { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.text-indigo-700\/30 { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.text-indigo-700\/40 { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.text-indigo-700\/50 { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.text-indigo-700\/60 { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.text-indigo-700\/70 { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.text-indigo-700\/80 { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.text-indigo-700\/90 { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.text-indigo-800 { + color: var(--indigo-800) +} +.text-indigo-800\/10 { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.text-indigo-800\/20 { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.text-indigo-800\/30 { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.text-indigo-800\/40 { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.text-indigo-800\/50 { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.text-indigo-800\/60 { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.text-indigo-800\/70 { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.text-indigo-800\/80 { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.text-indigo-800\/90 { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.text-indigo-900 { + color: var(--indigo-900) +} +.text-indigo-900\/10 { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.text-indigo-900\/20 { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.text-indigo-900\/30 { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.text-indigo-900\/40 { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.text-indigo-900\/50 { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.text-indigo-900\/60 { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.text-indigo-900\/70 { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.text-indigo-900\/80 { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.text-indigo-900\/90 { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.text-teal-50 { + color: var(--teal-50) +} +.text-teal-50\/10 { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.text-teal-50\/20 { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.text-teal-50\/30 { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.text-teal-50\/40 { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.text-teal-50\/50 { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.text-teal-50\/60 { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.text-teal-50\/70 { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.text-teal-50\/80 { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.text-teal-50\/90 { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.text-teal-100 { + color: var(--teal-100) +} +.text-teal-100\/10 { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.text-teal-100\/20 { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.text-teal-100\/30 { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.text-teal-100\/40 { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.text-teal-100\/50 { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.text-teal-100\/60 { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.text-teal-100\/70 { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.text-teal-100\/80 { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.text-teal-100\/90 { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.text-teal-200 { + color: var(--teal-200) +} +.text-teal-200\/10 { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.text-teal-200\/20 { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.text-teal-200\/30 { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.text-teal-200\/40 { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.text-teal-200\/50 { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.text-teal-200\/60 { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.text-teal-200\/70 { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.text-teal-200\/80 { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.text-teal-200\/90 { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.text-teal-300 { + color: var(--teal-300) +} +.text-teal-300\/10 { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.text-teal-300\/20 { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.text-teal-300\/30 { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.text-teal-300\/40 { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.text-teal-300\/50 { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.text-teal-300\/60 { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.text-teal-300\/70 { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.text-teal-300\/80 { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.text-teal-300\/90 { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.text-teal-400 { + color: var(--teal-400) +} +.text-teal-400\/10 { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.text-teal-400\/20 { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.text-teal-400\/30 { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.text-teal-400\/40 { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.text-teal-400\/50 { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.text-teal-400\/60 { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.text-teal-400\/70 { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.text-teal-400\/80 { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.text-teal-400\/90 { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.text-teal-500 { + color: var(--teal-500) +} +.text-teal-500\/10 { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.text-teal-500\/20 { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.text-teal-500\/30 { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.text-teal-500\/40 { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.text-teal-500\/50 { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.text-teal-500\/60 { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.text-teal-500\/70 { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.text-teal-500\/80 { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.text-teal-500\/90 { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.text-teal-600 { + color: var(--teal-600) +} +.text-teal-600\/10 { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.text-teal-600\/20 { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.text-teal-600\/30 { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.text-teal-600\/40 { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.text-teal-600\/50 { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.text-teal-600\/60 { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.text-teal-600\/70 { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.text-teal-600\/80 { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.text-teal-600\/90 { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.text-teal-700 { + color: var(--teal-700) +} +.text-teal-700\/10 { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.text-teal-700\/20 { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.text-teal-700\/30 { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.text-teal-700\/40 { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.text-teal-700\/50 { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.text-teal-700\/60 { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.text-teal-700\/70 { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.text-teal-700\/80 { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.text-teal-700\/90 { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.text-teal-800 { + color: var(--teal-800) +} +.text-teal-800\/10 { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.text-teal-800\/20 { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.text-teal-800\/30 { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.text-teal-800\/40 { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.text-teal-800\/50 { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.text-teal-800\/60 { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.text-teal-800\/70 { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.text-teal-800\/80 { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.text-teal-800\/90 { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.text-teal-900 { + color: var(--teal-900) +} +.text-teal-900\/10 { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.text-teal-900\/20 { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.text-teal-900\/30 { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.text-teal-900\/40 { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.text-teal-900\/50 { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.text-teal-900\/60 { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.text-teal-900\/70 { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.text-teal-900\/80 { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.text-teal-900\/90 { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.text-orange-50 { + color: var(--orange-50) +} +.text-orange-50\/10 { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.text-orange-50\/20 { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.text-orange-50\/30 { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.text-orange-50\/40 { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.text-orange-50\/50 { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.text-orange-50\/60 { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.text-orange-50\/70 { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.text-orange-50\/80 { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.text-orange-50\/90 { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.text-orange-100 { + color: var(--orange-100) +} +.text-orange-100\/10 { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.text-orange-100\/20 { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.text-orange-100\/30 { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.text-orange-100\/40 { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.text-orange-100\/50 { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.text-orange-100\/60 { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.text-orange-100\/70 { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.text-orange-100\/80 { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.text-orange-100\/90 { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.text-orange-200 { + color: var(--orange-200) +} +.text-orange-200\/10 { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.text-orange-200\/20 { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.text-orange-200\/30 { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.text-orange-200\/40 { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.text-orange-200\/50 { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.text-orange-200\/60 { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.text-orange-200\/70 { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.text-orange-200\/80 { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.text-orange-200\/90 { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.text-orange-300 { + color: var(--orange-300) +} +.text-orange-300\/10 { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.text-orange-300\/20 { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.text-orange-300\/30 { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.text-orange-300\/40 { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.text-orange-300\/50 { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.text-orange-300\/60 { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.text-orange-300\/70 { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.text-orange-300\/80 { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.text-orange-300\/90 { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.text-orange-400 { + color: var(--orange-400) +} +.text-orange-400\/10 { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.text-orange-400\/20 { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.text-orange-400\/30 { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.text-orange-400\/40 { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.text-orange-400\/50 { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.text-orange-400\/60 { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.text-orange-400\/70 { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.text-orange-400\/80 { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.text-orange-400\/90 { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.text-orange-500 { + color: var(--orange-500) +} +.text-orange-500\/10 { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.text-orange-500\/20 { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.text-orange-500\/30 { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.text-orange-500\/40 { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.text-orange-500\/50 { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.text-orange-500\/60 { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.text-orange-500\/70 { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.text-orange-500\/80 { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.text-orange-500\/90 { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.text-orange-600 { + color: var(--orange-600) +} +.text-orange-600\/10 { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.text-orange-600\/20 { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.text-orange-600\/30 { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.text-orange-600\/40 { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.text-orange-600\/50 { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.text-orange-600\/60 { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.text-orange-600\/70 { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.text-orange-600\/80 { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.text-orange-600\/90 { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.text-orange-700 { + color: var(--orange-700) +} +.text-orange-700\/10 { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.text-orange-700\/20 { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.text-orange-700\/30 { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.text-orange-700\/40 { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.text-orange-700\/50 { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.text-orange-700\/60 { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.text-orange-700\/70 { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.text-orange-700\/80 { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.text-orange-700\/90 { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.text-orange-800 { + color: var(--orange-800) +} +.text-orange-800\/10 { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.text-orange-800\/20 { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.text-orange-800\/30 { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.text-orange-800\/40 { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.text-orange-800\/50 { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.text-orange-800\/60 { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.text-orange-800\/70 { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.text-orange-800\/80 { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.text-orange-800\/90 { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.text-orange-900 { + color: var(--orange-900) +} +.text-orange-900\/10 { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.text-orange-900\/20 { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.text-orange-900\/30 { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.text-orange-900\/40 { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.text-orange-900\/50 { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.text-orange-900\/60 { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.text-orange-900\/70 { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.text-orange-900\/80 { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.text-orange-900\/90 { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.text-bluegray-50 { + color: var(--bluegray-50) +} +.text-bluegray-50\/10 { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.text-bluegray-50\/20 { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.text-bluegray-50\/30 { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.text-bluegray-50\/40 { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.text-bluegray-50\/50 { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.text-bluegray-50\/60 { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.text-bluegray-50\/70 { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.text-bluegray-50\/80 { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.text-bluegray-50\/90 { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.text-bluegray-100 { + color: var(--bluegray-100) +} +.text-bluegray-100\/10 { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.text-bluegray-100\/20 { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.text-bluegray-100\/30 { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.text-bluegray-100\/40 { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.text-bluegray-100\/50 { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.text-bluegray-100\/60 { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.text-bluegray-100\/70 { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.text-bluegray-100\/80 { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.text-bluegray-100\/90 { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.text-bluegray-200 { + color: var(--bluegray-200) +} +.text-bluegray-200\/10 { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.text-bluegray-200\/20 { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.text-bluegray-200\/30 { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.text-bluegray-200\/40 { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.text-bluegray-200\/50 { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.text-bluegray-200\/60 { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.text-bluegray-200\/70 { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.text-bluegray-200\/80 { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.text-bluegray-200\/90 { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.text-bluegray-300 { + color: var(--bluegray-300) +} +.text-bluegray-300\/10 { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.text-bluegray-300\/20 { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.text-bluegray-300\/30 { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.text-bluegray-300\/40 { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.text-bluegray-300\/50 { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.text-bluegray-300\/60 { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.text-bluegray-300\/70 { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.text-bluegray-300\/80 { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.text-bluegray-300\/90 { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.text-bluegray-400 { + color: var(--bluegray-400) +} +.text-bluegray-400\/10 { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.text-bluegray-400\/20 { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.text-bluegray-400\/30 { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.text-bluegray-400\/40 { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.text-bluegray-400\/50 { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.text-bluegray-400\/60 { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.text-bluegray-400\/70 { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.text-bluegray-400\/80 { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.text-bluegray-400\/90 { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.text-bluegray-500 { + color: var(--bluegray-500) +} +.text-bluegray-500\/10 { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.text-bluegray-500\/20 { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.text-bluegray-500\/30 { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.text-bluegray-500\/40 { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.text-bluegray-500\/50 { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.text-bluegray-500\/60 { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.text-bluegray-500\/70 { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.text-bluegray-500\/80 { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.text-bluegray-500\/90 { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.text-bluegray-600 { + color: var(--bluegray-600) +} +.text-bluegray-600\/10 { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.text-bluegray-600\/20 { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.text-bluegray-600\/30 { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.text-bluegray-600\/40 { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.text-bluegray-600\/50 { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.text-bluegray-600\/60 { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.text-bluegray-600\/70 { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.text-bluegray-600\/80 { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.text-bluegray-600\/90 { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.text-bluegray-700 { + color: var(--bluegray-700) +} +.text-bluegray-700\/10 { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.text-bluegray-700\/20 { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.text-bluegray-700\/30 { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.text-bluegray-700\/40 { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.text-bluegray-700\/50 { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.text-bluegray-700\/60 { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.text-bluegray-700\/70 { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.text-bluegray-700\/80 { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.text-bluegray-700\/90 { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.text-bluegray-800 { + color: var(--bluegray-800) +} +.text-bluegray-800\/10 { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.text-bluegray-800\/20 { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.text-bluegray-800\/30 { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.text-bluegray-800\/40 { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.text-bluegray-800\/50 { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.text-bluegray-800\/60 { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.text-bluegray-800\/70 { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.text-bluegray-800\/80 { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.text-bluegray-800\/90 { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.text-bluegray-900 { + color: var(--bluegray-900) +} +.text-bluegray-900\/10 { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.text-bluegray-900\/20 { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.text-bluegray-900\/30 { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.text-bluegray-900\/40 { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.text-bluegray-900\/50 { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.text-bluegray-900\/60 { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.text-bluegray-900\/70 { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.text-bluegray-900\/80 { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.text-bluegray-900\/90 { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.text-purple-50 { + color: var(--purple-50) +} +.text-purple-50\/10 { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.text-purple-50\/20 { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.text-purple-50\/30 { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.text-purple-50\/40 { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.text-purple-50\/50 { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.text-purple-50\/60 { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.text-purple-50\/70 { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.text-purple-50\/80 { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.text-purple-50\/90 { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.text-purple-100 { + color: var(--purple-100) +} +.text-purple-100\/10 { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.text-purple-100\/20 { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.text-purple-100\/30 { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.text-purple-100\/40 { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.text-purple-100\/50 { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.text-purple-100\/60 { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.text-purple-100\/70 { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.text-purple-100\/80 { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.text-purple-100\/90 { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.text-purple-200 { + color: var(--purple-200) +} +.text-purple-200\/10 { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.text-purple-200\/20 { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.text-purple-200\/30 { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.text-purple-200\/40 { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.text-purple-200\/50 { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.text-purple-200\/60 { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.text-purple-200\/70 { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.text-purple-200\/80 { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.text-purple-200\/90 { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.text-purple-300 { + color: var(--purple-300) +} +.text-purple-300\/10 { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.text-purple-300\/20 { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.text-purple-300\/30 { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.text-purple-300\/40 { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.text-purple-300\/50 { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.text-purple-300\/60 { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.text-purple-300\/70 { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.text-purple-300\/80 { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.text-purple-300\/90 { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.text-purple-400 { + color: var(--purple-400) +} +.text-purple-400\/10 { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.text-purple-400\/20 { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.text-purple-400\/30 { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.text-purple-400\/40 { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.text-purple-400\/50 { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.text-purple-400\/60 { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.text-purple-400\/70 { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.text-purple-400\/80 { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.text-purple-400\/90 { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.text-purple-500 { + color: var(--purple-500) +} +.text-purple-500\/10 { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.text-purple-500\/20 { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.text-purple-500\/30 { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.text-purple-500\/40 { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.text-purple-500\/50 { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.text-purple-500\/60 { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.text-purple-500\/70 { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.text-purple-500\/80 { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.text-purple-500\/90 { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.text-purple-600 { + color: var(--purple-600) +} +.text-purple-600\/10 { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.text-purple-600\/20 { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.text-purple-600\/30 { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.text-purple-600\/40 { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.text-purple-600\/50 { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.text-purple-600\/60 { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.text-purple-600\/70 { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.text-purple-600\/80 { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.text-purple-600\/90 { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.text-purple-700 { + color: var(--purple-700) +} +.text-purple-700\/10 { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.text-purple-700\/20 { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.text-purple-700\/30 { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.text-purple-700\/40 { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.text-purple-700\/50 { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.text-purple-700\/60 { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.text-purple-700\/70 { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.text-purple-700\/80 { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.text-purple-700\/90 { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.text-purple-800 { + color: var(--purple-800) +} +.text-purple-800\/10 { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.text-purple-800\/20 { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.text-purple-800\/30 { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.text-purple-800\/40 { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.text-purple-800\/50 { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.text-purple-800\/60 { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.text-purple-800\/70 { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.text-purple-800\/80 { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.text-purple-800\/90 { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.text-purple-900 { + color: var(--purple-900) +} +.text-purple-900\/10 { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.text-purple-900\/20 { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.text-purple-900\/30 { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.text-purple-900\/40 { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.text-purple-900\/50 { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.text-purple-900\/60 { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.text-purple-900\/70 { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.text-purple-900\/80 { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.text-purple-900\/90 { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.text-red-50 { + color: var(--red-50) +} +.text-red-50\/10 { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.text-red-50\/20 { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.text-red-50\/30 { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.text-red-50\/40 { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.text-red-50\/50 { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.text-red-50\/60 { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.text-red-50\/70 { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.text-red-50\/80 { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.text-red-50\/90 { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.text-red-100 { + color: var(--red-100) +} +.text-red-100\/10 { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.text-red-100\/20 { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.text-red-100\/30 { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.text-red-100\/40 { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.text-red-100\/50 { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.text-red-100\/60 { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.text-red-100\/70 { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.text-red-100\/80 { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.text-red-100\/90 { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.text-red-200 { + color: var(--red-200) +} +.text-red-200\/10 { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.text-red-200\/20 { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.text-red-200\/30 { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.text-red-200\/40 { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.text-red-200\/50 { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.text-red-200\/60 { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.text-red-200\/70 { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.text-red-200\/80 { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.text-red-200\/90 { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.text-red-300 { + color: var(--red-300) +} +.text-red-300\/10 { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.text-red-300\/20 { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.text-red-300\/30 { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.text-red-300\/40 { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.text-red-300\/50 { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.text-red-300\/60 { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.text-red-300\/70 { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.text-red-300\/80 { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.text-red-300\/90 { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.text-red-400 { + color: var(--red-400) +} +.text-red-400\/10 { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.text-red-400\/20 { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.text-red-400\/30 { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.text-red-400\/40 { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.text-red-400\/50 { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.text-red-400\/60 { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.text-red-400\/70 { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.text-red-400\/80 { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.text-red-400\/90 { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.text-red-500 { + color: var(--red-500) +} +.text-red-500\/10 { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.text-red-500\/20 { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.text-red-500\/30 { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.text-red-500\/40 { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.text-red-500\/50 { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.text-red-500\/60 { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.text-red-500\/70 { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.text-red-500\/80 { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.text-red-500\/90 { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.text-red-600 { + color: var(--red-600) +} +.text-red-600\/10 { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.text-red-600\/20 { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.text-red-600\/30 { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.text-red-600\/40 { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.text-red-600\/50 { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.text-red-600\/60 { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.text-red-600\/70 { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.text-red-600\/80 { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.text-red-600\/90 { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.text-red-700 { + color: var(--red-700) +} +.text-red-700\/10 { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.text-red-700\/20 { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.text-red-700\/30 { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.text-red-700\/40 { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.text-red-700\/50 { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.text-red-700\/60 { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.text-red-700\/70 { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.text-red-700\/80 { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.text-red-700\/90 { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.text-red-800 { + color: var(--red-800) +} +.text-red-800\/10 { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.text-red-800\/20 { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.text-red-800\/30 { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.text-red-800\/40 { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.text-red-800\/50 { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.text-red-800\/60 { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.text-red-800\/70 { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.text-red-800\/80 { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.text-red-800\/90 { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.text-red-900 { + color: var(--red-900) +} +.text-red-900\/10 { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.text-red-900\/20 { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.text-red-900\/30 { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.text-red-900\/40 { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.text-red-900\/50 { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.text-red-900\/60 { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.text-red-900\/70 { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.text-red-900\/80 { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.text-red-900\/90 { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.text-gray-50 { + color: var(--gray-50) +} +.text-gray-50\/10 { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.text-gray-50\/20 { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.text-gray-50\/30 { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.text-gray-50\/40 { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.text-gray-50\/50 { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.text-gray-50\/60 { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.text-gray-50\/70 { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.text-gray-50\/80 { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.text-gray-50\/90 { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.text-gray-100 { + color: var(--gray-100) +} +.text-gray-100\/10 { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.text-gray-100\/20 { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.text-gray-100\/30 { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.text-gray-100\/40 { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.text-gray-100\/50 { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.text-gray-100\/60 { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.text-gray-100\/70 { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.text-gray-100\/80 { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.text-gray-100\/90 { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.text-gray-200 { + color: var(--gray-200) +} +.text-gray-200\/10 { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.text-gray-200\/20 { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.text-gray-200\/30 { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.text-gray-200\/40 { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.text-gray-200\/50 { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.text-gray-200\/60 { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.text-gray-200\/70 { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.text-gray-200\/80 { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.text-gray-200\/90 { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.text-gray-300 { + color: var(--gray-300) +} +.text-gray-300\/10 { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.text-gray-300\/20 { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.text-gray-300\/30 { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.text-gray-300\/40 { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.text-gray-300\/50 { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.text-gray-300\/60 { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.text-gray-300\/70 { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.text-gray-300\/80 { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.text-gray-300\/90 { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.text-gray-400 { + color: var(--gray-400) +} +.text-gray-400\/10 { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.text-gray-400\/20 { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.text-gray-400\/30 { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.text-gray-400\/40 { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.text-gray-400\/50 { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.text-gray-400\/60 { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.text-gray-400\/70 { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.text-gray-400\/80 { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.text-gray-400\/90 { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.text-gray-500 { + color: var(--gray-500) +} +.text-gray-500\/10 { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.text-gray-500\/20 { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.text-gray-500\/30 { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.text-gray-500\/40 { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.text-gray-500\/50 { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.text-gray-500\/60 { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.text-gray-500\/70 { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.text-gray-500\/80 { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.text-gray-500\/90 { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.text-gray-600 { + color: var(--gray-600) +} +.text-gray-600\/10 { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.text-gray-600\/20 { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.text-gray-600\/30 { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.text-gray-600\/40 { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.text-gray-600\/50 { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.text-gray-600\/60 { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.text-gray-600\/70 { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.text-gray-600\/80 { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.text-gray-600\/90 { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.text-gray-700 { + color: var(--gray-700) +} +.text-gray-700\/10 { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.text-gray-700\/20 { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.text-gray-700\/30 { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.text-gray-700\/40 { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.text-gray-700\/50 { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.text-gray-700\/60 { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.text-gray-700\/70 { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.text-gray-700\/80 { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.text-gray-700\/90 { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.text-gray-800 { + color: var(--gray-800) +} +.text-gray-800\/10 { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.text-gray-800\/20 { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.text-gray-800\/30 { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.text-gray-800\/40 { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.text-gray-800\/50 { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.text-gray-800\/60 { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.text-gray-800\/70 { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.text-gray-800\/80 { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.text-gray-800\/90 { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.text-gray-900 { + color: var(--gray-900) +} +.text-gray-900\/10 { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.text-gray-900\/20 { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.text-gray-900\/30 { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.text-gray-900\/40 { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.text-gray-900\/50 { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.text-gray-900\/60 { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.text-gray-900\/70 { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.text-gray-900\/80 { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.text-gray-900\/90 { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.text-surface-0 { + color: var(--surface-0) +} +.text-surface-0\/10 { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.text-surface-0\/20 { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.text-surface-0\/30 { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.text-surface-0\/40 { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.text-surface-0\/50 { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.text-surface-0\/60 { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.text-surface-0\/70 { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.text-surface-0\/80 { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.text-surface-0\/90 { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.text-surface-50 { + color: var(--surface-50) +} +.text-surface-50\/10 { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.text-surface-50\/20 { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.text-surface-50\/30 { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.text-surface-50\/40 { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.text-surface-50\/50 { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.text-surface-50\/60 { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.text-surface-50\/70 { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.text-surface-50\/80 { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.text-surface-50\/90 { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.text-surface-100 { + color: var(--surface-100) +} +.text-surface-100\/10 { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.text-surface-100\/20 { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.text-surface-100\/30 { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.text-surface-100\/40 { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.text-surface-100\/50 { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.text-surface-100\/60 { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.text-surface-100\/70 { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.text-surface-100\/80 { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.text-surface-100\/90 { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.text-surface-200 { + color: var(--surface-200) +} +.text-surface-200\/10 { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.text-surface-200\/20 { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.text-surface-200\/30 { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.text-surface-200\/40 { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.text-surface-200\/50 { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.text-surface-200\/60 { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.text-surface-200\/70 { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.text-surface-200\/80 { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.text-surface-200\/90 { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.text-surface-300 { + color: var(--surface-300) +} +.text-surface-300\/10 { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.text-surface-300\/20 { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.text-surface-300\/30 { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.text-surface-300\/40 { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.text-surface-300\/50 { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.text-surface-300\/60 { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.text-surface-300\/70 { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.text-surface-300\/80 { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.text-surface-300\/90 { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.text-surface-400 { + color: var(--surface-400) +} +.text-surface-400\/10 { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.text-surface-400\/20 { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.text-surface-400\/30 { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.text-surface-400\/40 { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.text-surface-400\/50 { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.text-surface-400\/60 { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.text-surface-400\/70 { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.text-surface-400\/80 { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.text-surface-400\/90 { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.text-surface-500 { + color: var(--surface-500) +} +.text-surface-500\/10 { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.text-surface-500\/20 { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.text-surface-500\/30 { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.text-surface-500\/40 { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.text-surface-500\/50 { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.text-surface-500\/60 { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.text-surface-500\/70 { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.text-surface-500\/80 { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.text-surface-500\/90 { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.text-surface-600 { + color: var(--surface-600) +} +.text-surface-600\/10 { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.text-surface-600\/20 { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.text-surface-600\/30 { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.text-surface-600\/40 { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.text-surface-600\/50 { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.text-surface-600\/60 { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.text-surface-600\/70 { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.text-surface-600\/80 { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.text-surface-600\/90 { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.text-surface-700 { + color: var(--surface-700) +} +.text-surface-700\/10 { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.text-surface-700\/20 { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.text-surface-700\/30 { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.text-surface-700\/40 { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.text-surface-700\/50 { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.text-surface-700\/60 { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.text-surface-700\/70 { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.text-surface-700\/80 { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.text-surface-700\/90 { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.text-surface-800 { + color: var(--surface-800) +} +.text-surface-800\/10 { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.text-surface-800\/20 { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.text-surface-800\/30 { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.text-surface-800\/40 { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.text-surface-800\/50 { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.text-surface-800\/60 { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.text-surface-800\/70 { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.text-surface-800\/80 { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.text-surface-800\/90 { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.text-surface-900 { + color: var(--surface-900) +} +.text-surface-900\/10 { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.text-surface-900\/20 { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.text-surface-900\/30 { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.text-surface-900\/40 { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.text-surface-900\/50 { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.text-surface-900\/60 { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.text-surface-900\/70 { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.text-surface-900\/80 { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.text-surface-900\/90 { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.text-primary-50 { + color: var(--primary-50) +} +.text-primary-50\/10 { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.text-primary-50\/20 { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.text-primary-50\/30 { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.text-primary-50\/40 { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.text-primary-50\/50 { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.text-primary-50\/60 { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.text-primary-50\/70 { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.text-primary-50\/80 { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.text-primary-50\/90 { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.text-primary-100 { + color: var(--primary-100) +} +.text-primary-100\/10 { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.text-primary-100\/20 { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.text-primary-100\/30 { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.text-primary-100\/40 { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.text-primary-100\/50 { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.text-primary-100\/60 { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.text-primary-100\/70 { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.text-primary-100\/80 { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.text-primary-100\/90 { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.text-primary-200 { + color: var(--primary-200) +} +.text-primary-200\/10 { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.text-primary-200\/20 { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.text-primary-200\/30 { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.text-primary-200\/40 { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.text-primary-200\/50 { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.text-primary-200\/60 { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.text-primary-200\/70 { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.text-primary-200\/80 { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.text-primary-200\/90 { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.text-primary-300 { + color: var(--primary-300) +} +.text-primary-300\/10 { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.text-primary-300\/20 { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.text-primary-300\/30 { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.text-primary-300\/40 { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.text-primary-300\/50 { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.text-primary-300\/60 { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.text-primary-300\/70 { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.text-primary-300\/80 { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.text-primary-300\/90 { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.text-primary-400 { + color: var(--primary-400) +} +.text-primary-400\/10 { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.text-primary-400\/20 { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.text-primary-400\/30 { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.text-primary-400\/40 { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.text-primary-400\/50 { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.text-primary-400\/60 { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.text-primary-400\/70 { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.text-primary-400\/80 { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.text-primary-400\/90 { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.text-primary-500 { + color: var(--primary-500) +} +.text-primary-500\/10 { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.text-primary-500\/20 { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.text-primary-500\/30 { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.text-primary-500\/40 { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.text-primary-500\/50 { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.text-primary-500\/60 { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.text-primary-500\/70 { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.text-primary-500\/80 { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.text-primary-500\/90 { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.text-primary-600 { + color: var(--primary-600) +} +.text-primary-600\/10 { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.text-primary-600\/20 { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.text-primary-600\/30 { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.text-primary-600\/40 { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.text-primary-600\/50 { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.text-primary-600\/60 { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.text-primary-600\/70 { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.text-primary-600\/80 { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.text-primary-600\/90 { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.text-primary-700 { + color: var(--primary-700) +} +.text-primary-700\/10 { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.text-primary-700\/20 { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.text-primary-700\/30 { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.text-primary-700\/40 { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.text-primary-700\/50 { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.text-primary-700\/60 { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.text-primary-700\/70 { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.text-primary-700\/80 { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.text-primary-700\/90 { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.text-primary-800 { + color: var(--primary-800) +} +.text-primary-800\/10 { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.text-primary-800\/20 { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.text-primary-800\/30 { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.text-primary-800\/40 { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.text-primary-800\/50 { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.text-primary-800\/60 { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.text-primary-800\/70 { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.text-primary-800\/80 { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.text-primary-800\/90 { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.text-primary-900 { + color: var(--primary-900) +} +.text-primary-900\/10 { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.text-primary-900\/20 { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.text-primary-900\/30 { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.text-primary-900\/40 { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.text-primary-900\/50 { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.text-primary-900\/60 { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.text-primary-900\/70 { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.text-primary-900\/80 { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.text-primary-900\/90 { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:text-blue-50:focus { + color: var(--blue-50) +} +.hover\:text-blue-50:hover { + color: var(--blue-50) +} +.active\:text-blue-50:active { + color: var(--blue-50) +} +.focus\:text-blue-50\/10:focus { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:text-blue-50\/10:hover { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:text-blue-50\/10:active { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:text-blue-50\/20:focus { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:text-blue-50\/20:hover { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:text-blue-50\/20:active { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:text-blue-50\/30:focus { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:text-blue-50\/30:hover { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:text-blue-50\/30:active { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:text-blue-50\/40:focus { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:text-blue-50\/40:hover { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:text-blue-50\/40:active { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:text-blue-50\/50:focus { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:text-blue-50\/50:hover { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:text-blue-50\/50:active { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:text-blue-50\/60:focus { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:text-blue-50\/60:hover { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:text-blue-50\/60:active { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:text-blue-50\/70:focus { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:text-blue-50\/70:hover { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:text-blue-50\/70:active { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:text-blue-50\/80:focus { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:text-blue-50\/80:hover { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:text-blue-50\/80:active { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:text-blue-50\/90:focus { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:text-blue-50\/90:hover { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:text-blue-50\/90:active { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:text-blue-100:focus { + color: var(--blue-100) +} +.hover\:text-blue-100:hover { + color: var(--blue-100) +} +.active\:text-blue-100:active { + color: var(--blue-100) +} +.focus\:text-blue-100\/10:focus { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:text-blue-100\/10:hover { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:text-blue-100\/10:active { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:text-blue-100\/20:focus { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:text-blue-100\/20:hover { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:text-blue-100\/20:active { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:text-blue-100\/30:focus { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:text-blue-100\/30:hover { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:text-blue-100\/30:active { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:text-blue-100\/40:focus { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:text-blue-100\/40:hover { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:text-blue-100\/40:active { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:text-blue-100\/50:focus { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:text-blue-100\/50:hover { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:text-blue-100\/50:active { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:text-blue-100\/60:focus { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:text-blue-100\/60:hover { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:text-blue-100\/60:active { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:text-blue-100\/70:focus { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:text-blue-100\/70:hover { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:text-blue-100\/70:active { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:text-blue-100\/80:focus { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:text-blue-100\/80:hover { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:text-blue-100\/80:active { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:text-blue-100\/90:focus { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:text-blue-100\/90:hover { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:text-blue-100\/90:active { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:text-blue-200:focus { + color: var(--blue-200) +} +.hover\:text-blue-200:hover { + color: var(--blue-200) +} +.active\:text-blue-200:active { + color: var(--blue-200) +} +.focus\:text-blue-200\/10:focus { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:text-blue-200\/10:hover { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:text-blue-200\/10:active { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:text-blue-200\/20:focus { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:text-blue-200\/20:hover { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:text-blue-200\/20:active { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:text-blue-200\/30:focus { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:text-blue-200\/30:hover { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:text-blue-200\/30:active { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:text-blue-200\/40:focus { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:text-blue-200\/40:hover { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:text-blue-200\/40:active { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:text-blue-200\/50:focus { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:text-blue-200\/50:hover { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:text-blue-200\/50:active { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:text-blue-200\/60:focus { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:text-blue-200\/60:hover { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:text-blue-200\/60:active { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:text-blue-200\/70:focus { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:text-blue-200\/70:hover { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:text-blue-200\/70:active { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:text-blue-200\/80:focus { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:text-blue-200\/80:hover { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:text-blue-200\/80:active { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:text-blue-200\/90:focus { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:text-blue-200\/90:hover { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:text-blue-200\/90:active { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:text-blue-300:focus { + color: var(--blue-300) +} +.hover\:text-blue-300:hover { + color: var(--blue-300) +} +.active\:text-blue-300:active { + color: var(--blue-300) +} +.focus\:text-blue-300\/10:focus { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:text-blue-300\/10:hover { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:text-blue-300\/10:active { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:text-blue-300\/20:focus { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:text-blue-300\/20:hover { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:text-blue-300\/20:active { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:text-blue-300\/30:focus { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:text-blue-300\/30:hover { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:text-blue-300\/30:active { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:text-blue-300\/40:focus { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:text-blue-300\/40:hover { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:text-blue-300\/40:active { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:text-blue-300\/50:focus { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:text-blue-300\/50:hover { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:text-blue-300\/50:active { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:text-blue-300\/60:focus { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:text-blue-300\/60:hover { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:text-blue-300\/60:active { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:text-blue-300\/70:focus { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:text-blue-300\/70:hover { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:text-blue-300\/70:active { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:text-blue-300\/80:focus { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:text-blue-300\/80:hover { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:text-blue-300\/80:active { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:text-blue-300\/90:focus { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:text-blue-300\/90:hover { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:text-blue-300\/90:active { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:text-blue-400:focus { + color: var(--blue-400) +} +.hover\:text-blue-400:hover { + color: var(--blue-400) +} +.active\:text-blue-400:active { + color: var(--blue-400) +} +.focus\:text-blue-400\/10:focus { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:text-blue-400\/10:hover { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:text-blue-400\/10:active { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:text-blue-400\/20:focus { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:text-blue-400\/20:hover { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:text-blue-400\/20:active { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:text-blue-400\/30:focus { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:text-blue-400\/30:hover { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:text-blue-400\/30:active { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:text-blue-400\/40:focus { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:text-blue-400\/40:hover { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:text-blue-400\/40:active { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:text-blue-400\/50:focus { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:text-blue-400\/50:hover { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:text-blue-400\/50:active { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:text-blue-400\/60:focus { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:text-blue-400\/60:hover { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:text-blue-400\/60:active { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:text-blue-400\/70:focus { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:text-blue-400\/70:hover { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:text-blue-400\/70:active { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:text-blue-400\/80:focus { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:text-blue-400\/80:hover { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:text-blue-400\/80:active { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:text-blue-400\/90:focus { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:text-blue-400\/90:hover { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:text-blue-400\/90:active { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:text-blue-500:focus { + color: var(--blue-500) +} +.hover\:text-blue-500:hover { + color: var(--blue-500) +} +.active\:text-blue-500:active { + color: var(--blue-500) +} +.focus\:text-blue-500\/10:focus { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:text-blue-500\/10:hover { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:text-blue-500\/10:active { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:text-blue-500\/20:focus { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:text-blue-500\/20:hover { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:text-blue-500\/20:active { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:text-blue-500\/30:focus { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:text-blue-500\/30:hover { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:text-blue-500\/30:active { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:text-blue-500\/40:focus { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:text-blue-500\/40:hover { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:text-blue-500\/40:active { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:text-blue-500\/50:focus { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:text-blue-500\/50:hover { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:text-blue-500\/50:active { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:text-blue-500\/60:focus { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:text-blue-500\/60:hover { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:text-blue-500\/60:active { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:text-blue-500\/70:focus { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:text-blue-500\/70:hover { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:text-blue-500\/70:active { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:text-blue-500\/80:focus { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:text-blue-500\/80:hover { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:text-blue-500\/80:active { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:text-blue-500\/90:focus { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:text-blue-500\/90:hover { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:text-blue-500\/90:active { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:text-blue-600:focus { + color: var(--blue-600) +} +.hover\:text-blue-600:hover { + color: var(--blue-600) +} +.active\:text-blue-600:active { + color: var(--blue-600) +} +.focus\:text-blue-600\/10:focus { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:text-blue-600\/10:hover { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:text-blue-600\/10:active { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:text-blue-600\/20:focus { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:text-blue-600\/20:hover { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:text-blue-600\/20:active { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:text-blue-600\/30:focus { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:text-blue-600\/30:hover { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:text-blue-600\/30:active { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:text-blue-600\/40:focus { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:text-blue-600\/40:hover { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:text-blue-600\/40:active { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:text-blue-600\/50:focus { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:text-blue-600\/50:hover { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:text-blue-600\/50:active { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:text-blue-600\/60:focus { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:text-blue-600\/60:hover { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:text-blue-600\/60:active { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:text-blue-600\/70:focus { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:text-blue-600\/70:hover { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:text-blue-600\/70:active { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:text-blue-600\/80:focus { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:text-blue-600\/80:hover { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:text-blue-600\/80:active { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:text-blue-600\/90:focus { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:text-blue-600\/90:hover { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:text-blue-600\/90:active { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:text-blue-700:focus { + color: var(--blue-700) +} +.hover\:text-blue-700:hover { + color: var(--blue-700) +} +.active\:text-blue-700:active { + color: var(--blue-700) +} +.focus\:text-blue-700\/10:focus { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:text-blue-700\/10:hover { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:text-blue-700\/10:active { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:text-blue-700\/20:focus { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:text-blue-700\/20:hover { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:text-blue-700\/20:active { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:text-blue-700\/30:focus { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:text-blue-700\/30:hover { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:text-blue-700\/30:active { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:text-blue-700\/40:focus { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:text-blue-700\/40:hover { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:text-blue-700\/40:active { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:text-blue-700\/50:focus { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:text-blue-700\/50:hover { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:text-blue-700\/50:active { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:text-blue-700\/60:focus { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:text-blue-700\/60:hover { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:text-blue-700\/60:active { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:text-blue-700\/70:focus { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:text-blue-700\/70:hover { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:text-blue-700\/70:active { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:text-blue-700\/80:focus { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:text-blue-700\/80:hover { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:text-blue-700\/80:active { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:text-blue-700\/90:focus { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:text-blue-700\/90:hover { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:text-blue-700\/90:active { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:text-blue-800:focus { + color: var(--blue-800) +} +.hover\:text-blue-800:hover { + color: var(--blue-800) +} +.active\:text-blue-800:active { + color: var(--blue-800) +} +.focus\:text-blue-800\/10:focus { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:text-blue-800\/10:hover { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:text-blue-800\/10:active { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:text-blue-800\/20:focus { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:text-blue-800\/20:hover { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:text-blue-800\/20:active { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:text-blue-800\/30:focus { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:text-blue-800\/30:hover { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:text-blue-800\/30:active { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:text-blue-800\/40:focus { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:text-blue-800\/40:hover { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:text-blue-800\/40:active { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:text-blue-800\/50:focus { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:text-blue-800\/50:hover { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:text-blue-800\/50:active { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:text-blue-800\/60:focus { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:text-blue-800\/60:hover { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:text-blue-800\/60:active { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:text-blue-800\/70:focus { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:text-blue-800\/70:hover { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:text-blue-800\/70:active { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:text-blue-800\/80:focus { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:text-blue-800\/80:hover { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:text-blue-800\/80:active { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:text-blue-800\/90:focus { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:text-blue-800\/90:hover { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:text-blue-800\/90:active { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:text-blue-900:focus { + color: var(--blue-900) +} +.hover\:text-blue-900:hover { + color: var(--blue-900) +} +.active\:text-blue-900:active { + color: var(--blue-900) +} +.focus\:text-blue-900\/10:focus { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:text-blue-900\/10:hover { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:text-blue-900\/10:active { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:text-blue-900\/20:focus { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:text-blue-900\/20:hover { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:text-blue-900\/20:active { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:text-blue-900\/30:focus { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:text-blue-900\/30:hover { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:text-blue-900\/30:active { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:text-blue-900\/40:focus { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:text-blue-900\/40:hover { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:text-blue-900\/40:active { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:text-blue-900\/50:focus { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:text-blue-900\/50:hover { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:text-blue-900\/50:active { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:text-blue-900\/60:focus { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:text-blue-900\/60:hover { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:text-blue-900\/60:active { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:text-blue-900\/70:focus { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:text-blue-900\/70:hover { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:text-blue-900\/70:active { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:text-blue-900\/80:focus { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:text-blue-900\/80:hover { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:text-blue-900\/80:active { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:text-blue-900\/90:focus { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:text-blue-900\/90:hover { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:text-blue-900\/90:active { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:text-green-50:focus { + color: var(--green-50) +} +.hover\:text-green-50:hover { + color: var(--green-50) +} +.active\:text-green-50:active { + color: var(--green-50) +} +.focus\:text-green-50\/10:focus { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:text-green-50\/10:hover { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:text-green-50\/10:active { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:text-green-50\/20:focus { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:text-green-50\/20:hover { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:text-green-50\/20:active { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:text-green-50\/30:focus { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:text-green-50\/30:hover { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:text-green-50\/30:active { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:text-green-50\/40:focus { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:text-green-50\/40:hover { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:text-green-50\/40:active { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:text-green-50\/50:focus { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:text-green-50\/50:hover { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:text-green-50\/50:active { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:text-green-50\/60:focus { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:text-green-50\/60:hover { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:text-green-50\/60:active { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:text-green-50\/70:focus { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:text-green-50\/70:hover { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:text-green-50\/70:active { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:text-green-50\/80:focus { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:text-green-50\/80:hover { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:text-green-50\/80:active { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:text-green-50\/90:focus { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:text-green-50\/90:hover { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:text-green-50\/90:active { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:text-green-100:focus { + color: var(--green-100) +} +.hover\:text-green-100:hover { + color: var(--green-100) +} +.active\:text-green-100:active { + color: var(--green-100) +} +.focus\:text-green-100\/10:focus { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:text-green-100\/10:hover { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:text-green-100\/10:active { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:text-green-100\/20:focus { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:text-green-100\/20:hover { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:text-green-100\/20:active { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:text-green-100\/30:focus { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:text-green-100\/30:hover { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:text-green-100\/30:active { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:text-green-100\/40:focus { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:text-green-100\/40:hover { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:text-green-100\/40:active { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:text-green-100\/50:focus { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:text-green-100\/50:hover { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:text-green-100\/50:active { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:text-green-100\/60:focus { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:text-green-100\/60:hover { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:text-green-100\/60:active { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:text-green-100\/70:focus { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:text-green-100\/70:hover { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:text-green-100\/70:active { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:text-green-100\/80:focus { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:text-green-100\/80:hover { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:text-green-100\/80:active { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:text-green-100\/90:focus { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:text-green-100\/90:hover { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:text-green-100\/90:active { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:text-green-200:focus { + color: var(--green-200) +} +.hover\:text-green-200:hover { + color: var(--green-200) +} +.active\:text-green-200:active { + color: var(--green-200) +} +.focus\:text-green-200\/10:focus { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:text-green-200\/10:hover { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:text-green-200\/10:active { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:text-green-200\/20:focus { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:text-green-200\/20:hover { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:text-green-200\/20:active { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:text-green-200\/30:focus { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:text-green-200\/30:hover { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:text-green-200\/30:active { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:text-green-200\/40:focus { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:text-green-200\/40:hover { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:text-green-200\/40:active { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:text-green-200\/50:focus { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:text-green-200\/50:hover { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:text-green-200\/50:active { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:text-green-200\/60:focus { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:text-green-200\/60:hover { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:text-green-200\/60:active { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:text-green-200\/70:focus { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:text-green-200\/70:hover { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:text-green-200\/70:active { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:text-green-200\/80:focus { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:text-green-200\/80:hover { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:text-green-200\/80:active { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:text-green-200\/90:focus { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:text-green-200\/90:hover { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:text-green-200\/90:active { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:text-green-300:focus { + color: var(--green-300) +} +.hover\:text-green-300:hover { + color: var(--green-300) +} +.active\:text-green-300:active { + color: var(--green-300) +} +.focus\:text-green-300\/10:focus { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:text-green-300\/10:hover { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:text-green-300\/10:active { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:text-green-300\/20:focus { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:text-green-300\/20:hover { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:text-green-300\/20:active { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:text-green-300\/30:focus { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:text-green-300\/30:hover { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:text-green-300\/30:active { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:text-green-300\/40:focus { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:text-green-300\/40:hover { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:text-green-300\/40:active { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:text-green-300\/50:focus { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:text-green-300\/50:hover { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:text-green-300\/50:active { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:text-green-300\/60:focus { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:text-green-300\/60:hover { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:text-green-300\/60:active { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:text-green-300\/70:focus { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:text-green-300\/70:hover { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:text-green-300\/70:active { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:text-green-300\/80:focus { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:text-green-300\/80:hover { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:text-green-300\/80:active { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:text-green-300\/90:focus { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:text-green-300\/90:hover { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:text-green-300\/90:active { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:text-green-400:focus { + color: var(--green-400) +} +.hover\:text-green-400:hover { + color: var(--green-400) +} +.active\:text-green-400:active { + color: var(--green-400) +} +.focus\:text-green-400\/10:focus { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:text-green-400\/10:hover { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:text-green-400\/10:active { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:text-green-400\/20:focus { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:text-green-400\/20:hover { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:text-green-400\/20:active { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:text-green-400\/30:focus { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:text-green-400\/30:hover { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:text-green-400\/30:active { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:text-green-400\/40:focus { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:text-green-400\/40:hover { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:text-green-400\/40:active { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:text-green-400\/50:focus { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:text-green-400\/50:hover { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:text-green-400\/50:active { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:text-green-400\/60:focus { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:text-green-400\/60:hover { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:text-green-400\/60:active { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:text-green-400\/70:focus { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:text-green-400\/70:hover { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:text-green-400\/70:active { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:text-green-400\/80:focus { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:text-green-400\/80:hover { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:text-green-400\/80:active { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:text-green-400\/90:focus { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:text-green-400\/90:hover { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:text-green-400\/90:active { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:text-green-500:focus { + color: var(--green-500) +} +.hover\:text-green-500:hover { + color: var(--green-500) +} +.active\:text-green-500:active { + color: var(--green-500) +} +.focus\:text-green-500\/10:focus { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:text-green-500\/10:hover { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:text-green-500\/10:active { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:text-green-500\/20:focus { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:text-green-500\/20:hover { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:text-green-500\/20:active { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:text-green-500\/30:focus { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:text-green-500\/30:hover { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:text-green-500\/30:active { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:text-green-500\/40:focus { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:text-green-500\/40:hover { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:text-green-500\/40:active { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:text-green-500\/50:focus { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:text-green-500\/50:hover { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:text-green-500\/50:active { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:text-green-500\/60:focus { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:text-green-500\/60:hover { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:text-green-500\/60:active { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:text-green-500\/70:focus { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:text-green-500\/70:hover { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:text-green-500\/70:active { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:text-green-500\/80:focus { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:text-green-500\/80:hover { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:text-green-500\/80:active { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:text-green-500\/90:focus { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:text-green-500\/90:hover { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:text-green-500\/90:active { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:text-green-600:focus { + color: var(--green-600) +} +.hover\:text-green-600:hover { + color: var(--green-600) +} +.active\:text-green-600:active { + color: var(--green-600) +} +.focus\:text-green-600\/10:focus { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:text-green-600\/10:hover { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:text-green-600\/10:active { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:text-green-600\/20:focus { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:text-green-600\/20:hover { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:text-green-600\/20:active { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:text-green-600\/30:focus { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:text-green-600\/30:hover { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:text-green-600\/30:active { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:text-green-600\/40:focus { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:text-green-600\/40:hover { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:text-green-600\/40:active { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:text-green-600\/50:focus { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:text-green-600\/50:hover { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:text-green-600\/50:active { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:text-green-600\/60:focus { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:text-green-600\/60:hover { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:text-green-600\/60:active { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:text-green-600\/70:focus { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:text-green-600\/70:hover { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:text-green-600\/70:active { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:text-green-600\/80:focus { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:text-green-600\/80:hover { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:text-green-600\/80:active { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:text-green-600\/90:focus { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:text-green-600\/90:hover { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:text-green-600\/90:active { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:text-green-700:focus { + color: var(--green-700) +} +.hover\:text-green-700:hover { + color: var(--green-700) +} +.active\:text-green-700:active { + color: var(--green-700) +} +.focus\:text-green-700\/10:focus { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:text-green-700\/10:hover { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:text-green-700\/10:active { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:text-green-700\/20:focus { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:text-green-700\/20:hover { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:text-green-700\/20:active { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:text-green-700\/30:focus { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:text-green-700\/30:hover { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:text-green-700\/30:active { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:text-green-700\/40:focus { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:text-green-700\/40:hover { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:text-green-700\/40:active { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:text-green-700\/50:focus { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:text-green-700\/50:hover { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:text-green-700\/50:active { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:text-green-700\/60:focus { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:text-green-700\/60:hover { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:text-green-700\/60:active { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:text-green-700\/70:focus { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:text-green-700\/70:hover { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:text-green-700\/70:active { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:text-green-700\/80:focus { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:text-green-700\/80:hover { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:text-green-700\/80:active { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:text-green-700\/90:focus { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:text-green-700\/90:hover { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:text-green-700\/90:active { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:text-green-800:focus { + color: var(--green-800) +} +.hover\:text-green-800:hover { + color: var(--green-800) +} +.active\:text-green-800:active { + color: var(--green-800) +} +.focus\:text-green-800\/10:focus { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:text-green-800\/10:hover { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:text-green-800\/10:active { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:text-green-800\/20:focus { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:text-green-800\/20:hover { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:text-green-800\/20:active { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:text-green-800\/30:focus { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:text-green-800\/30:hover { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:text-green-800\/30:active { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:text-green-800\/40:focus { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:text-green-800\/40:hover { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:text-green-800\/40:active { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:text-green-800\/50:focus { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:text-green-800\/50:hover { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:text-green-800\/50:active { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:text-green-800\/60:focus { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:text-green-800\/60:hover { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:text-green-800\/60:active { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:text-green-800\/70:focus { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:text-green-800\/70:hover { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:text-green-800\/70:active { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:text-green-800\/80:focus { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:text-green-800\/80:hover { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:text-green-800\/80:active { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:text-green-800\/90:focus { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:text-green-800\/90:hover { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:text-green-800\/90:active { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:text-green-900:focus { + color: var(--green-900) +} +.hover\:text-green-900:hover { + color: var(--green-900) +} +.active\:text-green-900:active { + color: var(--green-900) +} +.focus\:text-green-900\/10:focus { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:text-green-900\/10:hover { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:text-green-900\/10:active { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:text-green-900\/20:focus { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:text-green-900\/20:hover { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:text-green-900\/20:active { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:text-green-900\/30:focus { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:text-green-900\/30:hover { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:text-green-900\/30:active { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:text-green-900\/40:focus { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:text-green-900\/40:hover { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:text-green-900\/40:active { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:text-green-900\/50:focus { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:text-green-900\/50:hover { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:text-green-900\/50:active { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:text-green-900\/60:focus { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:text-green-900\/60:hover { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:text-green-900\/60:active { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:text-green-900\/70:focus { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:text-green-900\/70:hover { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:text-green-900\/70:active { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:text-green-900\/80:focus { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:text-green-900\/80:hover { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:text-green-900\/80:active { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:text-green-900\/90:focus { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:text-green-900\/90:hover { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:text-green-900\/90:active { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:text-yellow-50:focus { + color: var(--yellow-50) +} +.hover\:text-yellow-50:hover { + color: var(--yellow-50) +} +.active\:text-yellow-50:active { + color: var(--yellow-50) +} +.focus\:text-yellow-50\/10:focus { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:text-yellow-50\/10:hover { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:text-yellow-50\/10:active { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:text-yellow-50\/20:focus { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:text-yellow-50\/20:hover { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:text-yellow-50\/20:active { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:text-yellow-50\/30:focus { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:text-yellow-50\/30:hover { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:text-yellow-50\/30:active { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:text-yellow-50\/40:focus { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:text-yellow-50\/40:hover { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:text-yellow-50\/40:active { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:text-yellow-50\/50:focus { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:text-yellow-50\/50:hover { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:text-yellow-50\/50:active { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:text-yellow-50\/60:focus { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:text-yellow-50\/60:hover { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:text-yellow-50\/60:active { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:text-yellow-50\/70:focus { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:text-yellow-50\/70:hover { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:text-yellow-50\/70:active { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:text-yellow-50\/80:focus { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:text-yellow-50\/80:hover { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:text-yellow-50\/80:active { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:text-yellow-50\/90:focus { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:text-yellow-50\/90:hover { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:text-yellow-50\/90:active { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:text-yellow-100:focus { + color: var(--yellow-100) +} +.hover\:text-yellow-100:hover { + color: var(--yellow-100) +} +.active\:text-yellow-100:active { + color: var(--yellow-100) +} +.focus\:text-yellow-100\/10:focus { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:text-yellow-100\/10:hover { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:text-yellow-100\/10:active { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:text-yellow-100\/20:focus { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:text-yellow-100\/20:hover { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:text-yellow-100\/20:active { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:text-yellow-100\/30:focus { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:text-yellow-100\/30:hover { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:text-yellow-100\/30:active { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:text-yellow-100\/40:focus { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:text-yellow-100\/40:hover { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:text-yellow-100\/40:active { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:text-yellow-100\/50:focus { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:text-yellow-100\/50:hover { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:text-yellow-100\/50:active { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:text-yellow-100\/60:focus { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:text-yellow-100\/60:hover { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:text-yellow-100\/60:active { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:text-yellow-100\/70:focus { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:text-yellow-100\/70:hover { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:text-yellow-100\/70:active { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:text-yellow-100\/80:focus { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:text-yellow-100\/80:hover { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:text-yellow-100\/80:active { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:text-yellow-100\/90:focus { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:text-yellow-100\/90:hover { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:text-yellow-100\/90:active { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:text-yellow-200:focus { + color: var(--yellow-200) +} +.hover\:text-yellow-200:hover { + color: var(--yellow-200) +} +.active\:text-yellow-200:active { + color: var(--yellow-200) +} +.focus\:text-yellow-200\/10:focus { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:text-yellow-200\/10:hover { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:text-yellow-200\/10:active { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:text-yellow-200\/20:focus { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:text-yellow-200\/20:hover { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:text-yellow-200\/20:active { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:text-yellow-200\/30:focus { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:text-yellow-200\/30:hover { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:text-yellow-200\/30:active { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:text-yellow-200\/40:focus { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:text-yellow-200\/40:hover { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:text-yellow-200\/40:active { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:text-yellow-200\/50:focus { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:text-yellow-200\/50:hover { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:text-yellow-200\/50:active { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:text-yellow-200\/60:focus { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:text-yellow-200\/60:hover { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:text-yellow-200\/60:active { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:text-yellow-200\/70:focus { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:text-yellow-200\/70:hover { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:text-yellow-200\/70:active { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:text-yellow-200\/80:focus { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:text-yellow-200\/80:hover { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:text-yellow-200\/80:active { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:text-yellow-200\/90:focus { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:text-yellow-200\/90:hover { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:text-yellow-200\/90:active { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:text-yellow-300:focus { + color: var(--yellow-300) +} +.hover\:text-yellow-300:hover { + color: var(--yellow-300) +} +.active\:text-yellow-300:active { + color: var(--yellow-300) +} +.focus\:text-yellow-300\/10:focus { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:text-yellow-300\/10:hover { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:text-yellow-300\/10:active { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:text-yellow-300\/20:focus { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:text-yellow-300\/20:hover { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:text-yellow-300\/20:active { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:text-yellow-300\/30:focus { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:text-yellow-300\/30:hover { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:text-yellow-300\/30:active { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:text-yellow-300\/40:focus { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:text-yellow-300\/40:hover { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:text-yellow-300\/40:active { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:text-yellow-300\/50:focus { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:text-yellow-300\/50:hover { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:text-yellow-300\/50:active { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:text-yellow-300\/60:focus { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:text-yellow-300\/60:hover { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:text-yellow-300\/60:active { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:text-yellow-300\/70:focus { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:text-yellow-300\/70:hover { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:text-yellow-300\/70:active { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:text-yellow-300\/80:focus { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:text-yellow-300\/80:hover { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:text-yellow-300\/80:active { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:text-yellow-300\/90:focus { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:text-yellow-300\/90:hover { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:text-yellow-300\/90:active { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:text-yellow-400:focus { + color: var(--yellow-400) +} +.hover\:text-yellow-400:hover { + color: var(--yellow-400) +} +.active\:text-yellow-400:active { + color: var(--yellow-400) +} +.focus\:text-yellow-400\/10:focus { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:text-yellow-400\/10:hover { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:text-yellow-400\/10:active { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:text-yellow-400\/20:focus { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:text-yellow-400\/20:hover { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:text-yellow-400\/20:active { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:text-yellow-400\/30:focus { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:text-yellow-400\/30:hover { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:text-yellow-400\/30:active { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:text-yellow-400\/40:focus { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:text-yellow-400\/40:hover { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:text-yellow-400\/40:active { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:text-yellow-400\/50:focus { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:text-yellow-400\/50:hover { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:text-yellow-400\/50:active { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:text-yellow-400\/60:focus { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:text-yellow-400\/60:hover { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:text-yellow-400\/60:active { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:text-yellow-400\/70:focus { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:text-yellow-400\/70:hover { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:text-yellow-400\/70:active { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:text-yellow-400\/80:focus { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:text-yellow-400\/80:hover { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:text-yellow-400\/80:active { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:text-yellow-400\/90:focus { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:text-yellow-400\/90:hover { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:text-yellow-400\/90:active { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:text-yellow-500:focus { + color: var(--yellow-500) +} +.hover\:text-yellow-500:hover { + color: var(--yellow-500) +} +.active\:text-yellow-500:active { + color: var(--yellow-500) +} +.focus\:text-yellow-500\/10:focus { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:text-yellow-500\/10:hover { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:text-yellow-500\/10:active { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:text-yellow-500\/20:focus { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:text-yellow-500\/20:hover { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:text-yellow-500\/20:active { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:text-yellow-500\/30:focus { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:text-yellow-500\/30:hover { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:text-yellow-500\/30:active { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:text-yellow-500\/40:focus { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:text-yellow-500\/40:hover { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:text-yellow-500\/40:active { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:text-yellow-500\/50:focus { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:text-yellow-500\/50:hover { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:text-yellow-500\/50:active { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:text-yellow-500\/60:focus { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:text-yellow-500\/60:hover { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:text-yellow-500\/60:active { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:text-yellow-500\/70:focus { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:text-yellow-500\/70:hover { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:text-yellow-500\/70:active { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:text-yellow-500\/80:focus { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:text-yellow-500\/80:hover { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:text-yellow-500\/80:active { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:text-yellow-500\/90:focus { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:text-yellow-500\/90:hover { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:text-yellow-500\/90:active { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:text-yellow-600:focus { + color: var(--yellow-600) +} +.hover\:text-yellow-600:hover { + color: var(--yellow-600) +} +.active\:text-yellow-600:active { + color: var(--yellow-600) +} +.focus\:text-yellow-600\/10:focus { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:text-yellow-600\/10:hover { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:text-yellow-600\/10:active { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:text-yellow-600\/20:focus { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:text-yellow-600\/20:hover { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:text-yellow-600\/20:active { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:text-yellow-600\/30:focus { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:text-yellow-600\/30:hover { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:text-yellow-600\/30:active { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:text-yellow-600\/40:focus { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:text-yellow-600\/40:hover { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:text-yellow-600\/40:active { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:text-yellow-600\/50:focus { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:text-yellow-600\/50:hover { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:text-yellow-600\/50:active { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:text-yellow-600\/60:focus { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:text-yellow-600\/60:hover { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:text-yellow-600\/60:active { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:text-yellow-600\/70:focus { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:text-yellow-600\/70:hover { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:text-yellow-600\/70:active { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:text-yellow-600\/80:focus { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:text-yellow-600\/80:hover { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:text-yellow-600\/80:active { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:text-yellow-600\/90:focus { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:text-yellow-600\/90:hover { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:text-yellow-600\/90:active { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:text-yellow-700:focus { + color: var(--yellow-700) +} +.hover\:text-yellow-700:hover { + color: var(--yellow-700) +} +.active\:text-yellow-700:active { + color: var(--yellow-700) +} +.focus\:text-yellow-700\/10:focus { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:text-yellow-700\/10:hover { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:text-yellow-700\/10:active { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:text-yellow-700\/20:focus { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:text-yellow-700\/20:hover { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:text-yellow-700\/20:active { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:text-yellow-700\/30:focus { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:text-yellow-700\/30:hover { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:text-yellow-700\/30:active { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:text-yellow-700\/40:focus { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:text-yellow-700\/40:hover { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:text-yellow-700\/40:active { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:text-yellow-700\/50:focus { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:text-yellow-700\/50:hover { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:text-yellow-700\/50:active { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:text-yellow-700\/60:focus { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:text-yellow-700\/60:hover { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:text-yellow-700\/60:active { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:text-yellow-700\/70:focus { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:text-yellow-700\/70:hover { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:text-yellow-700\/70:active { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:text-yellow-700\/80:focus { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:text-yellow-700\/80:hover { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:text-yellow-700\/80:active { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:text-yellow-700\/90:focus { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:text-yellow-700\/90:hover { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:text-yellow-700\/90:active { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:text-yellow-800:focus { + color: var(--yellow-800) +} +.hover\:text-yellow-800:hover { + color: var(--yellow-800) +} +.active\:text-yellow-800:active { + color: var(--yellow-800) +} +.focus\:text-yellow-800\/10:focus { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:text-yellow-800\/10:hover { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:text-yellow-800\/10:active { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:text-yellow-800\/20:focus { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:text-yellow-800\/20:hover { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:text-yellow-800\/20:active { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:text-yellow-800\/30:focus { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:text-yellow-800\/30:hover { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:text-yellow-800\/30:active { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:text-yellow-800\/40:focus { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:text-yellow-800\/40:hover { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:text-yellow-800\/40:active { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:text-yellow-800\/50:focus { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:text-yellow-800\/50:hover { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:text-yellow-800\/50:active { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:text-yellow-800\/60:focus { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:text-yellow-800\/60:hover { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:text-yellow-800\/60:active { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:text-yellow-800\/70:focus { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:text-yellow-800\/70:hover { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:text-yellow-800\/70:active { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:text-yellow-800\/80:focus { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:text-yellow-800\/80:hover { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:text-yellow-800\/80:active { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:text-yellow-800\/90:focus { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:text-yellow-800\/90:hover { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:text-yellow-800\/90:active { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:text-yellow-900:focus { + color: var(--yellow-900) +} +.hover\:text-yellow-900:hover { + color: var(--yellow-900) +} +.active\:text-yellow-900:active { + color: var(--yellow-900) +} +.focus\:text-yellow-900\/10:focus { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:text-yellow-900\/10:hover { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:text-yellow-900\/10:active { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:text-yellow-900\/20:focus { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:text-yellow-900\/20:hover { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:text-yellow-900\/20:active { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:text-yellow-900\/30:focus { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:text-yellow-900\/30:hover { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:text-yellow-900\/30:active { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:text-yellow-900\/40:focus { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:text-yellow-900\/40:hover { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:text-yellow-900\/40:active { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:text-yellow-900\/50:focus { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:text-yellow-900\/50:hover { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:text-yellow-900\/50:active { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:text-yellow-900\/60:focus { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:text-yellow-900\/60:hover { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:text-yellow-900\/60:active { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:text-yellow-900\/70:focus { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:text-yellow-900\/70:hover { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:text-yellow-900\/70:active { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:text-yellow-900\/80:focus { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:text-yellow-900\/80:hover { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:text-yellow-900\/80:active { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:text-yellow-900\/90:focus { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:text-yellow-900\/90:hover { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:text-yellow-900\/90:active { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:text-cyan-50:focus { + color: var(--cyan-50) +} +.hover\:text-cyan-50:hover { + color: var(--cyan-50) +} +.active\:text-cyan-50:active { + color: var(--cyan-50) +} +.focus\:text-cyan-50\/10:focus { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:text-cyan-50\/10:hover { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:text-cyan-50\/10:active { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:text-cyan-50\/20:focus { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:text-cyan-50\/20:hover { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:text-cyan-50\/20:active { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:text-cyan-50\/30:focus { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:text-cyan-50\/30:hover { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:text-cyan-50\/30:active { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:text-cyan-50\/40:focus { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:text-cyan-50\/40:hover { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:text-cyan-50\/40:active { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:text-cyan-50\/50:focus { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:text-cyan-50\/50:hover { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:text-cyan-50\/50:active { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:text-cyan-50\/60:focus { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:text-cyan-50\/60:hover { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:text-cyan-50\/60:active { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:text-cyan-50\/70:focus { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:text-cyan-50\/70:hover { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:text-cyan-50\/70:active { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:text-cyan-50\/80:focus { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:text-cyan-50\/80:hover { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:text-cyan-50\/80:active { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:text-cyan-50\/90:focus { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:text-cyan-50\/90:hover { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:text-cyan-50\/90:active { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:text-cyan-100:focus { + color: var(--cyan-100) +} +.hover\:text-cyan-100:hover { + color: var(--cyan-100) +} +.active\:text-cyan-100:active { + color: var(--cyan-100) +} +.focus\:text-cyan-100\/10:focus { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:text-cyan-100\/10:hover { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:text-cyan-100\/10:active { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:text-cyan-100\/20:focus { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:text-cyan-100\/20:hover { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:text-cyan-100\/20:active { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:text-cyan-100\/30:focus { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:text-cyan-100\/30:hover { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:text-cyan-100\/30:active { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:text-cyan-100\/40:focus { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:text-cyan-100\/40:hover { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:text-cyan-100\/40:active { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:text-cyan-100\/50:focus { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:text-cyan-100\/50:hover { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:text-cyan-100\/50:active { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:text-cyan-100\/60:focus { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:text-cyan-100\/60:hover { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:text-cyan-100\/60:active { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:text-cyan-100\/70:focus { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:text-cyan-100\/70:hover { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:text-cyan-100\/70:active { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:text-cyan-100\/80:focus { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:text-cyan-100\/80:hover { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:text-cyan-100\/80:active { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:text-cyan-100\/90:focus { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:text-cyan-100\/90:hover { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:text-cyan-100\/90:active { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:text-cyan-200:focus { + color: var(--cyan-200) +} +.hover\:text-cyan-200:hover { + color: var(--cyan-200) +} +.active\:text-cyan-200:active { + color: var(--cyan-200) +} +.focus\:text-cyan-200\/10:focus { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:text-cyan-200\/10:hover { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:text-cyan-200\/10:active { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:text-cyan-200\/20:focus { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:text-cyan-200\/20:hover { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:text-cyan-200\/20:active { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:text-cyan-200\/30:focus { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:text-cyan-200\/30:hover { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:text-cyan-200\/30:active { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:text-cyan-200\/40:focus { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:text-cyan-200\/40:hover { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:text-cyan-200\/40:active { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:text-cyan-200\/50:focus { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:text-cyan-200\/50:hover { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:text-cyan-200\/50:active { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:text-cyan-200\/60:focus { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:text-cyan-200\/60:hover { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:text-cyan-200\/60:active { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:text-cyan-200\/70:focus { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:text-cyan-200\/70:hover { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:text-cyan-200\/70:active { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:text-cyan-200\/80:focus { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:text-cyan-200\/80:hover { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:text-cyan-200\/80:active { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:text-cyan-200\/90:focus { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:text-cyan-200\/90:hover { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:text-cyan-200\/90:active { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:text-cyan-300:focus { + color: var(--cyan-300) +} +.hover\:text-cyan-300:hover { + color: var(--cyan-300) +} +.active\:text-cyan-300:active { + color: var(--cyan-300) +} +.focus\:text-cyan-300\/10:focus { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:text-cyan-300\/10:hover { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:text-cyan-300\/10:active { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:text-cyan-300\/20:focus { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:text-cyan-300\/20:hover { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:text-cyan-300\/20:active { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:text-cyan-300\/30:focus { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:text-cyan-300\/30:hover { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:text-cyan-300\/30:active { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:text-cyan-300\/40:focus { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:text-cyan-300\/40:hover { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:text-cyan-300\/40:active { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:text-cyan-300\/50:focus { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:text-cyan-300\/50:hover { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:text-cyan-300\/50:active { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:text-cyan-300\/60:focus { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:text-cyan-300\/60:hover { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:text-cyan-300\/60:active { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:text-cyan-300\/70:focus { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:text-cyan-300\/70:hover { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:text-cyan-300\/70:active { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:text-cyan-300\/80:focus { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:text-cyan-300\/80:hover { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:text-cyan-300\/80:active { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:text-cyan-300\/90:focus { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:text-cyan-300\/90:hover { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:text-cyan-300\/90:active { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:text-cyan-400:focus { + color: var(--cyan-400) +} +.hover\:text-cyan-400:hover { + color: var(--cyan-400) +} +.active\:text-cyan-400:active { + color: var(--cyan-400) +} +.focus\:text-cyan-400\/10:focus { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:text-cyan-400\/10:hover { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:text-cyan-400\/10:active { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:text-cyan-400\/20:focus { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:text-cyan-400\/20:hover { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:text-cyan-400\/20:active { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:text-cyan-400\/30:focus { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:text-cyan-400\/30:hover { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:text-cyan-400\/30:active { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:text-cyan-400\/40:focus { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:text-cyan-400\/40:hover { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:text-cyan-400\/40:active { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:text-cyan-400\/50:focus { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:text-cyan-400\/50:hover { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:text-cyan-400\/50:active { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:text-cyan-400\/60:focus { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:text-cyan-400\/60:hover { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:text-cyan-400\/60:active { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:text-cyan-400\/70:focus { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:text-cyan-400\/70:hover { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:text-cyan-400\/70:active { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:text-cyan-400\/80:focus { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:text-cyan-400\/80:hover { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:text-cyan-400\/80:active { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:text-cyan-400\/90:focus { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:text-cyan-400\/90:hover { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:text-cyan-400\/90:active { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:text-cyan-500:focus { + color: var(--cyan-500) +} +.hover\:text-cyan-500:hover { + color: var(--cyan-500) +} +.active\:text-cyan-500:active { + color: var(--cyan-500) +} +.focus\:text-cyan-500\/10:focus { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:text-cyan-500\/10:hover { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:text-cyan-500\/10:active { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:text-cyan-500\/20:focus { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:text-cyan-500\/20:hover { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:text-cyan-500\/20:active { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:text-cyan-500\/30:focus { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:text-cyan-500\/30:hover { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:text-cyan-500\/30:active { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:text-cyan-500\/40:focus { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:text-cyan-500\/40:hover { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:text-cyan-500\/40:active { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:text-cyan-500\/50:focus { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:text-cyan-500\/50:hover { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:text-cyan-500\/50:active { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:text-cyan-500\/60:focus { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:text-cyan-500\/60:hover { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:text-cyan-500\/60:active { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:text-cyan-500\/70:focus { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:text-cyan-500\/70:hover { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:text-cyan-500\/70:active { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:text-cyan-500\/80:focus { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:text-cyan-500\/80:hover { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:text-cyan-500\/80:active { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:text-cyan-500\/90:focus { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:text-cyan-500\/90:hover { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:text-cyan-500\/90:active { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:text-cyan-600:focus { + color: var(--cyan-600) +} +.hover\:text-cyan-600:hover { + color: var(--cyan-600) +} +.active\:text-cyan-600:active { + color: var(--cyan-600) +} +.focus\:text-cyan-600\/10:focus { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:text-cyan-600\/10:hover { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:text-cyan-600\/10:active { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:text-cyan-600\/20:focus { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:text-cyan-600\/20:hover { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:text-cyan-600\/20:active { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:text-cyan-600\/30:focus { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:text-cyan-600\/30:hover { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:text-cyan-600\/30:active { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:text-cyan-600\/40:focus { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:text-cyan-600\/40:hover { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:text-cyan-600\/40:active { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:text-cyan-600\/50:focus { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:text-cyan-600\/50:hover { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:text-cyan-600\/50:active { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:text-cyan-600\/60:focus { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:text-cyan-600\/60:hover { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:text-cyan-600\/60:active { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:text-cyan-600\/70:focus { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:text-cyan-600\/70:hover { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:text-cyan-600\/70:active { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:text-cyan-600\/80:focus { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:text-cyan-600\/80:hover { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:text-cyan-600\/80:active { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:text-cyan-600\/90:focus { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:text-cyan-600\/90:hover { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:text-cyan-600\/90:active { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:text-cyan-700:focus { + color: var(--cyan-700) +} +.hover\:text-cyan-700:hover { + color: var(--cyan-700) +} +.active\:text-cyan-700:active { + color: var(--cyan-700) +} +.focus\:text-cyan-700\/10:focus { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:text-cyan-700\/10:hover { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:text-cyan-700\/10:active { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:text-cyan-700\/20:focus { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:text-cyan-700\/20:hover { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:text-cyan-700\/20:active { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:text-cyan-700\/30:focus { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:text-cyan-700\/30:hover { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:text-cyan-700\/30:active { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:text-cyan-700\/40:focus { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:text-cyan-700\/40:hover { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:text-cyan-700\/40:active { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:text-cyan-700\/50:focus { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:text-cyan-700\/50:hover { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:text-cyan-700\/50:active { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:text-cyan-700\/60:focus { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:text-cyan-700\/60:hover { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:text-cyan-700\/60:active { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:text-cyan-700\/70:focus { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:text-cyan-700\/70:hover { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:text-cyan-700\/70:active { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:text-cyan-700\/80:focus { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:text-cyan-700\/80:hover { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:text-cyan-700\/80:active { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:text-cyan-700\/90:focus { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:text-cyan-700\/90:hover { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:text-cyan-700\/90:active { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:text-cyan-800:focus { + color: var(--cyan-800) +} +.hover\:text-cyan-800:hover { + color: var(--cyan-800) +} +.active\:text-cyan-800:active { + color: var(--cyan-800) +} +.focus\:text-cyan-800\/10:focus { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:text-cyan-800\/10:hover { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:text-cyan-800\/10:active { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:text-cyan-800\/20:focus { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:text-cyan-800\/20:hover { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:text-cyan-800\/20:active { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:text-cyan-800\/30:focus { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:text-cyan-800\/30:hover { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:text-cyan-800\/30:active { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:text-cyan-800\/40:focus { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:text-cyan-800\/40:hover { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:text-cyan-800\/40:active { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:text-cyan-800\/50:focus { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:text-cyan-800\/50:hover { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:text-cyan-800\/50:active { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:text-cyan-800\/60:focus { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:text-cyan-800\/60:hover { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:text-cyan-800\/60:active { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:text-cyan-800\/70:focus { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:text-cyan-800\/70:hover { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:text-cyan-800\/70:active { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:text-cyan-800\/80:focus { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:text-cyan-800\/80:hover { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:text-cyan-800\/80:active { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:text-cyan-800\/90:focus { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:text-cyan-800\/90:hover { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:text-cyan-800\/90:active { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:text-cyan-900:focus { + color: var(--cyan-900) +} +.hover\:text-cyan-900:hover { + color: var(--cyan-900) +} +.active\:text-cyan-900:active { + color: var(--cyan-900) +} +.focus\:text-cyan-900\/10:focus { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:text-cyan-900\/10:hover { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:text-cyan-900\/10:active { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:text-cyan-900\/20:focus { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:text-cyan-900\/20:hover { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:text-cyan-900\/20:active { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:text-cyan-900\/30:focus { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:text-cyan-900\/30:hover { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:text-cyan-900\/30:active { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:text-cyan-900\/40:focus { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:text-cyan-900\/40:hover { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:text-cyan-900\/40:active { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:text-cyan-900\/50:focus { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:text-cyan-900\/50:hover { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:text-cyan-900\/50:active { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:text-cyan-900\/60:focus { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:text-cyan-900\/60:hover { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:text-cyan-900\/60:active { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:text-cyan-900\/70:focus { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:text-cyan-900\/70:hover { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:text-cyan-900\/70:active { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:text-cyan-900\/80:focus { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:text-cyan-900\/80:hover { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:text-cyan-900\/80:active { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:text-cyan-900\/90:focus { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:text-cyan-900\/90:hover { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:text-cyan-900\/90:active { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:text-pink-50:focus { + color: var(--pink-50) +} +.hover\:text-pink-50:hover { + color: var(--pink-50) +} +.active\:text-pink-50:active { + color: var(--pink-50) +} +.focus\:text-pink-50\/10:focus { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:text-pink-50\/10:hover { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:text-pink-50\/10:active { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:text-pink-50\/20:focus { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:text-pink-50\/20:hover { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:text-pink-50\/20:active { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:text-pink-50\/30:focus { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:text-pink-50\/30:hover { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:text-pink-50\/30:active { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:text-pink-50\/40:focus { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:text-pink-50\/40:hover { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:text-pink-50\/40:active { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:text-pink-50\/50:focus { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:text-pink-50\/50:hover { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:text-pink-50\/50:active { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:text-pink-50\/60:focus { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:text-pink-50\/60:hover { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:text-pink-50\/60:active { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:text-pink-50\/70:focus { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:text-pink-50\/70:hover { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:text-pink-50\/70:active { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:text-pink-50\/80:focus { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:text-pink-50\/80:hover { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:text-pink-50\/80:active { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:text-pink-50\/90:focus { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:text-pink-50\/90:hover { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:text-pink-50\/90:active { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:text-pink-100:focus { + color: var(--pink-100) +} +.hover\:text-pink-100:hover { + color: var(--pink-100) +} +.active\:text-pink-100:active { + color: var(--pink-100) +} +.focus\:text-pink-100\/10:focus { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:text-pink-100\/10:hover { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:text-pink-100\/10:active { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:text-pink-100\/20:focus { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:text-pink-100\/20:hover { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:text-pink-100\/20:active { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:text-pink-100\/30:focus { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:text-pink-100\/30:hover { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:text-pink-100\/30:active { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:text-pink-100\/40:focus { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:text-pink-100\/40:hover { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:text-pink-100\/40:active { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:text-pink-100\/50:focus { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:text-pink-100\/50:hover { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:text-pink-100\/50:active { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:text-pink-100\/60:focus { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:text-pink-100\/60:hover { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:text-pink-100\/60:active { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:text-pink-100\/70:focus { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:text-pink-100\/70:hover { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:text-pink-100\/70:active { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:text-pink-100\/80:focus { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:text-pink-100\/80:hover { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:text-pink-100\/80:active { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:text-pink-100\/90:focus { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:text-pink-100\/90:hover { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:text-pink-100\/90:active { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:text-pink-200:focus { + color: var(--pink-200) +} +.hover\:text-pink-200:hover { + color: var(--pink-200) +} +.active\:text-pink-200:active { + color: var(--pink-200) +} +.focus\:text-pink-200\/10:focus { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:text-pink-200\/10:hover { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:text-pink-200\/10:active { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:text-pink-200\/20:focus { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:text-pink-200\/20:hover { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:text-pink-200\/20:active { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:text-pink-200\/30:focus { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:text-pink-200\/30:hover { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:text-pink-200\/30:active { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:text-pink-200\/40:focus { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:text-pink-200\/40:hover { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:text-pink-200\/40:active { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:text-pink-200\/50:focus { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:text-pink-200\/50:hover { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:text-pink-200\/50:active { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:text-pink-200\/60:focus { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:text-pink-200\/60:hover { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:text-pink-200\/60:active { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:text-pink-200\/70:focus { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:text-pink-200\/70:hover { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:text-pink-200\/70:active { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:text-pink-200\/80:focus { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:text-pink-200\/80:hover { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:text-pink-200\/80:active { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:text-pink-200\/90:focus { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:text-pink-200\/90:hover { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:text-pink-200\/90:active { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:text-pink-300:focus { + color: var(--pink-300) +} +.hover\:text-pink-300:hover { + color: var(--pink-300) +} +.active\:text-pink-300:active { + color: var(--pink-300) +} +.focus\:text-pink-300\/10:focus { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:text-pink-300\/10:hover { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:text-pink-300\/10:active { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:text-pink-300\/20:focus { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:text-pink-300\/20:hover { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:text-pink-300\/20:active { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:text-pink-300\/30:focus { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:text-pink-300\/30:hover { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:text-pink-300\/30:active { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:text-pink-300\/40:focus { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:text-pink-300\/40:hover { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:text-pink-300\/40:active { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:text-pink-300\/50:focus { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:text-pink-300\/50:hover { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:text-pink-300\/50:active { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:text-pink-300\/60:focus { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:text-pink-300\/60:hover { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:text-pink-300\/60:active { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:text-pink-300\/70:focus { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:text-pink-300\/70:hover { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:text-pink-300\/70:active { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:text-pink-300\/80:focus { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:text-pink-300\/80:hover { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:text-pink-300\/80:active { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:text-pink-300\/90:focus { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:text-pink-300\/90:hover { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:text-pink-300\/90:active { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:text-pink-400:focus { + color: var(--pink-400) +} +.hover\:text-pink-400:hover { + color: var(--pink-400) +} +.active\:text-pink-400:active { + color: var(--pink-400) +} +.focus\:text-pink-400\/10:focus { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:text-pink-400\/10:hover { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:text-pink-400\/10:active { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:text-pink-400\/20:focus { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:text-pink-400\/20:hover { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:text-pink-400\/20:active { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:text-pink-400\/30:focus { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:text-pink-400\/30:hover { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:text-pink-400\/30:active { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:text-pink-400\/40:focus { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:text-pink-400\/40:hover { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:text-pink-400\/40:active { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:text-pink-400\/50:focus { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:text-pink-400\/50:hover { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:text-pink-400\/50:active { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:text-pink-400\/60:focus { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:text-pink-400\/60:hover { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:text-pink-400\/60:active { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:text-pink-400\/70:focus { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:text-pink-400\/70:hover { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:text-pink-400\/70:active { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:text-pink-400\/80:focus { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:text-pink-400\/80:hover { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:text-pink-400\/80:active { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:text-pink-400\/90:focus { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:text-pink-400\/90:hover { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:text-pink-400\/90:active { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:text-pink-500:focus { + color: var(--pink-500) +} +.hover\:text-pink-500:hover { + color: var(--pink-500) +} +.active\:text-pink-500:active { + color: var(--pink-500) +} +.focus\:text-pink-500\/10:focus { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:text-pink-500\/10:hover { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:text-pink-500\/10:active { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:text-pink-500\/20:focus { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:text-pink-500\/20:hover { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:text-pink-500\/20:active { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:text-pink-500\/30:focus { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:text-pink-500\/30:hover { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:text-pink-500\/30:active { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:text-pink-500\/40:focus { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:text-pink-500\/40:hover { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:text-pink-500\/40:active { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:text-pink-500\/50:focus { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:text-pink-500\/50:hover { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:text-pink-500\/50:active { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:text-pink-500\/60:focus { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:text-pink-500\/60:hover { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:text-pink-500\/60:active { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:text-pink-500\/70:focus { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:text-pink-500\/70:hover { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:text-pink-500\/70:active { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:text-pink-500\/80:focus { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:text-pink-500\/80:hover { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:text-pink-500\/80:active { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:text-pink-500\/90:focus { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:text-pink-500\/90:hover { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:text-pink-500\/90:active { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:text-pink-600:focus { + color: var(--pink-600) +} +.hover\:text-pink-600:hover { + color: var(--pink-600) +} +.active\:text-pink-600:active { + color: var(--pink-600) +} +.focus\:text-pink-600\/10:focus { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:text-pink-600\/10:hover { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:text-pink-600\/10:active { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:text-pink-600\/20:focus { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:text-pink-600\/20:hover { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:text-pink-600\/20:active { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:text-pink-600\/30:focus { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:text-pink-600\/30:hover { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:text-pink-600\/30:active { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:text-pink-600\/40:focus { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:text-pink-600\/40:hover { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:text-pink-600\/40:active { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:text-pink-600\/50:focus { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:text-pink-600\/50:hover { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:text-pink-600\/50:active { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:text-pink-600\/60:focus { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:text-pink-600\/60:hover { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:text-pink-600\/60:active { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:text-pink-600\/70:focus { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:text-pink-600\/70:hover { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:text-pink-600\/70:active { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:text-pink-600\/80:focus { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:text-pink-600\/80:hover { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:text-pink-600\/80:active { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:text-pink-600\/90:focus { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:text-pink-600\/90:hover { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:text-pink-600\/90:active { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:text-pink-700:focus { + color: var(--pink-700) +} +.hover\:text-pink-700:hover { + color: var(--pink-700) +} +.active\:text-pink-700:active { + color: var(--pink-700) +} +.focus\:text-pink-700\/10:focus { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:text-pink-700\/10:hover { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:text-pink-700\/10:active { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:text-pink-700\/20:focus { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:text-pink-700\/20:hover { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:text-pink-700\/20:active { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:text-pink-700\/30:focus { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:text-pink-700\/30:hover { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:text-pink-700\/30:active { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:text-pink-700\/40:focus { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:text-pink-700\/40:hover { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:text-pink-700\/40:active { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:text-pink-700\/50:focus { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:text-pink-700\/50:hover { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:text-pink-700\/50:active { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:text-pink-700\/60:focus { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:text-pink-700\/60:hover { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:text-pink-700\/60:active { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:text-pink-700\/70:focus { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:text-pink-700\/70:hover { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:text-pink-700\/70:active { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:text-pink-700\/80:focus { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:text-pink-700\/80:hover { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:text-pink-700\/80:active { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:text-pink-700\/90:focus { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:text-pink-700\/90:hover { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:text-pink-700\/90:active { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:text-pink-800:focus { + color: var(--pink-800) +} +.hover\:text-pink-800:hover { + color: var(--pink-800) +} +.active\:text-pink-800:active { + color: var(--pink-800) +} +.focus\:text-pink-800\/10:focus { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:text-pink-800\/10:hover { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:text-pink-800\/10:active { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:text-pink-800\/20:focus { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:text-pink-800\/20:hover { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:text-pink-800\/20:active { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:text-pink-800\/30:focus { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:text-pink-800\/30:hover { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:text-pink-800\/30:active { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:text-pink-800\/40:focus { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:text-pink-800\/40:hover { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:text-pink-800\/40:active { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:text-pink-800\/50:focus { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:text-pink-800\/50:hover { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:text-pink-800\/50:active { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:text-pink-800\/60:focus { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:text-pink-800\/60:hover { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:text-pink-800\/60:active { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:text-pink-800\/70:focus { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:text-pink-800\/70:hover { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:text-pink-800\/70:active { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:text-pink-800\/80:focus { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:text-pink-800\/80:hover { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:text-pink-800\/80:active { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:text-pink-800\/90:focus { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:text-pink-800\/90:hover { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:text-pink-800\/90:active { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:text-pink-900:focus { + color: var(--pink-900) +} +.hover\:text-pink-900:hover { + color: var(--pink-900) +} +.active\:text-pink-900:active { + color: var(--pink-900) +} +.focus\:text-pink-900\/10:focus { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:text-pink-900\/10:hover { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:text-pink-900\/10:active { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:text-pink-900\/20:focus { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:text-pink-900\/20:hover { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:text-pink-900\/20:active { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:text-pink-900\/30:focus { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:text-pink-900\/30:hover { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:text-pink-900\/30:active { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:text-pink-900\/40:focus { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:text-pink-900\/40:hover { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:text-pink-900\/40:active { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:text-pink-900\/50:focus { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:text-pink-900\/50:hover { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:text-pink-900\/50:active { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:text-pink-900\/60:focus { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:text-pink-900\/60:hover { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:text-pink-900\/60:active { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:text-pink-900\/70:focus { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:text-pink-900\/70:hover { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:text-pink-900\/70:active { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:text-pink-900\/80:focus { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:text-pink-900\/80:hover { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:text-pink-900\/80:active { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:text-pink-900\/90:focus { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:text-pink-900\/90:hover { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:text-pink-900\/90:active { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:text-indigo-50:focus { + color: var(--indigo-50) +} +.hover\:text-indigo-50:hover { + color: var(--indigo-50) +} +.active\:text-indigo-50:active { + color: var(--indigo-50) +} +.focus\:text-indigo-50\/10:focus { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:text-indigo-50\/10:hover { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:text-indigo-50\/10:active { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:text-indigo-50\/20:focus { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:text-indigo-50\/20:hover { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:text-indigo-50\/20:active { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:text-indigo-50\/30:focus { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:text-indigo-50\/30:hover { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:text-indigo-50\/30:active { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:text-indigo-50\/40:focus { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:text-indigo-50\/40:hover { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:text-indigo-50\/40:active { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:text-indigo-50\/50:focus { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:text-indigo-50\/50:hover { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:text-indigo-50\/50:active { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:text-indigo-50\/60:focus { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:text-indigo-50\/60:hover { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:text-indigo-50\/60:active { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:text-indigo-50\/70:focus { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:text-indigo-50\/70:hover { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:text-indigo-50\/70:active { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:text-indigo-50\/80:focus { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:text-indigo-50\/80:hover { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:text-indigo-50\/80:active { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:text-indigo-50\/90:focus { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:text-indigo-50\/90:hover { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:text-indigo-50\/90:active { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:text-indigo-100:focus { + color: var(--indigo-100) +} +.hover\:text-indigo-100:hover { + color: var(--indigo-100) +} +.active\:text-indigo-100:active { + color: var(--indigo-100) +} +.focus\:text-indigo-100\/10:focus { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:text-indigo-100\/10:hover { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:text-indigo-100\/10:active { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:text-indigo-100\/20:focus { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:text-indigo-100\/20:hover { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:text-indigo-100\/20:active { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:text-indigo-100\/30:focus { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:text-indigo-100\/30:hover { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:text-indigo-100\/30:active { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:text-indigo-100\/40:focus { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:text-indigo-100\/40:hover { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:text-indigo-100\/40:active { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:text-indigo-100\/50:focus { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:text-indigo-100\/50:hover { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:text-indigo-100\/50:active { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:text-indigo-100\/60:focus { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:text-indigo-100\/60:hover { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:text-indigo-100\/60:active { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:text-indigo-100\/70:focus { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:text-indigo-100\/70:hover { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:text-indigo-100\/70:active { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:text-indigo-100\/80:focus { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:text-indigo-100\/80:hover { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:text-indigo-100\/80:active { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:text-indigo-100\/90:focus { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:text-indigo-100\/90:hover { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:text-indigo-100\/90:active { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:text-indigo-200:focus { + color: var(--indigo-200) +} +.hover\:text-indigo-200:hover { + color: var(--indigo-200) +} +.active\:text-indigo-200:active { + color: var(--indigo-200) +} +.focus\:text-indigo-200\/10:focus { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:text-indigo-200\/10:hover { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:text-indigo-200\/10:active { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:text-indigo-200\/20:focus { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:text-indigo-200\/20:hover { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:text-indigo-200\/20:active { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:text-indigo-200\/30:focus { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:text-indigo-200\/30:hover { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:text-indigo-200\/30:active { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:text-indigo-200\/40:focus { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:text-indigo-200\/40:hover { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:text-indigo-200\/40:active { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:text-indigo-200\/50:focus { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:text-indigo-200\/50:hover { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:text-indigo-200\/50:active { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:text-indigo-200\/60:focus { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:text-indigo-200\/60:hover { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:text-indigo-200\/60:active { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:text-indigo-200\/70:focus { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:text-indigo-200\/70:hover { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:text-indigo-200\/70:active { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:text-indigo-200\/80:focus { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:text-indigo-200\/80:hover { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:text-indigo-200\/80:active { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:text-indigo-200\/90:focus { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:text-indigo-200\/90:hover { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:text-indigo-200\/90:active { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:text-indigo-300:focus { + color: var(--indigo-300) +} +.hover\:text-indigo-300:hover { + color: var(--indigo-300) +} +.active\:text-indigo-300:active { + color: var(--indigo-300) +} +.focus\:text-indigo-300\/10:focus { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:text-indigo-300\/10:hover { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:text-indigo-300\/10:active { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:text-indigo-300\/20:focus { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:text-indigo-300\/20:hover { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:text-indigo-300\/20:active { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:text-indigo-300\/30:focus { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:text-indigo-300\/30:hover { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:text-indigo-300\/30:active { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:text-indigo-300\/40:focus { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:text-indigo-300\/40:hover { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:text-indigo-300\/40:active { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:text-indigo-300\/50:focus { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:text-indigo-300\/50:hover { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:text-indigo-300\/50:active { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:text-indigo-300\/60:focus { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:text-indigo-300\/60:hover { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:text-indigo-300\/60:active { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:text-indigo-300\/70:focus { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:text-indigo-300\/70:hover { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:text-indigo-300\/70:active { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:text-indigo-300\/80:focus { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:text-indigo-300\/80:hover { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:text-indigo-300\/80:active { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:text-indigo-300\/90:focus { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:text-indigo-300\/90:hover { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:text-indigo-300\/90:active { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:text-indigo-400:focus { + color: var(--indigo-400) +} +.hover\:text-indigo-400:hover { + color: var(--indigo-400) +} +.active\:text-indigo-400:active { + color: var(--indigo-400) +} +.focus\:text-indigo-400\/10:focus { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:text-indigo-400\/10:hover { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:text-indigo-400\/10:active { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:text-indigo-400\/20:focus { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:text-indigo-400\/20:hover { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:text-indigo-400\/20:active { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:text-indigo-400\/30:focus { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:text-indigo-400\/30:hover { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:text-indigo-400\/30:active { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:text-indigo-400\/40:focus { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:text-indigo-400\/40:hover { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:text-indigo-400\/40:active { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:text-indigo-400\/50:focus { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:text-indigo-400\/50:hover { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:text-indigo-400\/50:active { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:text-indigo-400\/60:focus { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:text-indigo-400\/60:hover { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:text-indigo-400\/60:active { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:text-indigo-400\/70:focus { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:text-indigo-400\/70:hover { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:text-indigo-400\/70:active { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:text-indigo-400\/80:focus { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:text-indigo-400\/80:hover { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:text-indigo-400\/80:active { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:text-indigo-400\/90:focus { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:text-indigo-400\/90:hover { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:text-indigo-400\/90:active { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:text-indigo-500:focus { + color: var(--indigo-500) +} +.hover\:text-indigo-500:hover { + color: var(--indigo-500) +} +.active\:text-indigo-500:active { + color: var(--indigo-500) +} +.focus\:text-indigo-500\/10:focus { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:text-indigo-500\/10:hover { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:text-indigo-500\/10:active { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:text-indigo-500\/20:focus { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:text-indigo-500\/20:hover { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:text-indigo-500\/20:active { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:text-indigo-500\/30:focus { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:text-indigo-500\/30:hover { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:text-indigo-500\/30:active { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:text-indigo-500\/40:focus { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:text-indigo-500\/40:hover { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:text-indigo-500\/40:active { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:text-indigo-500\/50:focus { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:text-indigo-500\/50:hover { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:text-indigo-500\/50:active { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:text-indigo-500\/60:focus { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:text-indigo-500\/60:hover { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:text-indigo-500\/60:active { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:text-indigo-500\/70:focus { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:text-indigo-500\/70:hover { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:text-indigo-500\/70:active { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:text-indigo-500\/80:focus { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:text-indigo-500\/80:hover { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:text-indigo-500\/80:active { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:text-indigo-500\/90:focus { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:text-indigo-500\/90:hover { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:text-indigo-500\/90:active { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:text-indigo-600:focus { + color: var(--indigo-600) +} +.hover\:text-indigo-600:hover { + color: var(--indigo-600) +} +.active\:text-indigo-600:active { + color: var(--indigo-600) +} +.focus\:text-indigo-600\/10:focus { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:text-indigo-600\/10:hover { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:text-indigo-600\/10:active { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:text-indigo-600\/20:focus { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:text-indigo-600\/20:hover { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:text-indigo-600\/20:active { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:text-indigo-600\/30:focus { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:text-indigo-600\/30:hover { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:text-indigo-600\/30:active { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:text-indigo-600\/40:focus { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:text-indigo-600\/40:hover { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:text-indigo-600\/40:active { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:text-indigo-600\/50:focus { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:text-indigo-600\/50:hover { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:text-indigo-600\/50:active { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:text-indigo-600\/60:focus { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:text-indigo-600\/60:hover { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:text-indigo-600\/60:active { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:text-indigo-600\/70:focus { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:text-indigo-600\/70:hover { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:text-indigo-600\/70:active { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:text-indigo-600\/80:focus { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:text-indigo-600\/80:hover { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:text-indigo-600\/80:active { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:text-indigo-600\/90:focus { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:text-indigo-600\/90:hover { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:text-indigo-600\/90:active { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:text-indigo-700:focus { + color: var(--indigo-700) +} +.hover\:text-indigo-700:hover { + color: var(--indigo-700) +} +.active\:text-indigo-700:active { + color: var(--indigo-700) +} +.focus\:text-indigo-700\/10:focus { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:text-indigo-700\/10:hover { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:text-indigo-700\/10:active { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:text-indigo-700\/20:focus { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:text-indigo-700\/20:hover { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:text-indigo-700\/20:active { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:text-indigo-700\/30:focus { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:text-indigo-700\/30:hover { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:text-indigo-700\/30:active { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:text-indigo-700\/40:focus { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:text-indigo-700\/40:hover { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:text-indigo-700\/40:active { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:text-indigo-700\/50:focus { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:text-indigo-700\/50:hover { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:text-indigo-700\/50:active { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:text-indigo-700\/60:focus { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:text-indigo-700\/60:hover { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:text-indigo-700\/60:active { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:text-indigo-700\/70:focus { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:text-indigo-700\/70:hover { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:text-indigo-700\/70:active { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:text-indigo-700\/80:focus { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:text-indigo-700\/80:hover { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:text-indigo-700\/80:active { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:text-indigo-700\/90:focus { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:text-indigo-700\/90:hover { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:text-indigo-700\/90:active { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:text-indigo-800:focus { + color: var(--indigo-800) +} +.hover\:text-indigo-800:hover { + color: var(--indigo-800) +} +.active\:text-indigo-800:active { + color: var(--indigo-800) +} +.focus\:text-indigo-800\/10:focus { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:text-indigo-800\/10:hover { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:text-indigo-800\/10:active { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:text-indigo-800\/20:focus { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:text-indigo-800\/20:hover { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:text-indigo-800\/20:active { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:text-indigo-800\/30:focus { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:text-indigo-800\/30:hover { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:text-indigo-800\/30:active { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:text-indigo-800\/40:focus { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:text-indigo-800\/40:hover { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:text-indigo-800\/40:active { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:text-indigo-800\/50:focus { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:text-indigo-800\/50:hover { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:text-indigo-800\/50:active { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:text-indigo-800\/60:focus { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:text-indigo-800\/60:hover { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:text-indigo-800\/60:active { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:text-indigo-800\/70:focus { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:text-indigo-800\/70:hover { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:text-indigo-800\/70:active { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:text-indigo-800\/80:focus { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:text-indigo-800\/80:hover { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:text-indigo-800\/80:active { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:text-indigo-800\/90:focus { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:text-indigo-800\/90:hover { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:text-indigo-800\/90:active { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:text-indigo-900:focus { + color: var(--indigo-900) +} +.hover\:text-indigo-900:hover { + color: var(--indigo-900) +} +.active\:text-indigo-900:active { + color: var(--indigo-900) +} +.focus\:text-indigo-900\/10:focus { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:text-indigo-900\/10:hover { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:text-indigo-900\/10:active { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:text-indigo-900\/20:focus { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:text-indigo-900\/20:hover { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:text-indigo-900\/20:active { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:text-indigo-900\/30:focus { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:text-indigo-900\/30:hover { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:text-indigo-900\/30:active { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:text-indigo-900\/40:focus { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:text-indigo-900\/40:hover { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:text-indigo-900\/40:active { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:text-indigo-900\/50:focus { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:text-indigo-900\/50:hover { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:text-indigo-900\/50:active { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:text-indigo-900\/60:focus { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:text-indigo-900\/60:hover { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:text-indigo-900\/60:active { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:text-indigo-900\/70:focus { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:text-indigo-900\/70:hover { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:text-indigo-900\/70:active { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:text-indigo-900\/80:focus { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:text-indigo-900\/80:hover { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:text-indigo-900\/80:active { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:text-indigo-900\/90:focus { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:text-indigo-900\/90:hover { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:text-indigo-900\/90:active { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:text-teal-50:focus { + color: var(--teal-50) +} +.hover\:text-teal-50:hover { + color: var(--teal-50) +} +.active\:text-teal-50:active { + color: var(--teal-50) +} +.focus\:text-teal-50\/10:focus { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:text-teal-50\/10:hover { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:text-teal-50\/10:active { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:text-teal-50\/20:focus { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:text-teal-50\/20:hover { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:text-teal-50\/20:active { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:text-teal-50\/30:focus { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:text-teal-50\/30:hover { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:text-teal-50\/30:active { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:text-teal-50\/40:focus { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:text-teal-50\/40:hover { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:text-teal-50\/40:active { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:text-teal-50\/50:focus { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:text-teal-50\/50:hover { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:text-teal-50\/50:active { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:text-teal-50\/60:focus { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:text-teal-50\/60:hover { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:text-teal-50\/60:active { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:text-teal-50\/70:focus { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:text-teal-50\/70:hover { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:text-teal-50\/70:active { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:text-teal-50\/80:focus { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:text-teal-50\/80:hover { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:text-teal-50\/80:active { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:text-teal-50\/90:focus { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:text-teal-50\/90:hover { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:text-teal-50\/90:active { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:text-teal-100:focus { + color: var(--teal-100) +} +.hover\:text-teal-100:hover { + color: var(--teal-100) +} +.active\:text-teal-100:active { + color: var(--teal-100) +} +.focus\:text-teal-100\/10:focus { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:text-teal-100\/10:hover { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:text-teal-100\/10:active { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:text-teal-100\/20:focus { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:text-teal-100\/20:hover { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:text-teal-100\/20:active { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:text-teal-100\/30:focus { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:text-teal-100\/30:hover { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:text-teal-100\/30:active { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:text-teal-100\/40:focus { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:text-teal-100\/40:hover { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:text-teal-100\/40:active { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:text-teal-100\/50:focus { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:text-teal-100\/50:hover { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:text-teal-100\/50:active { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:text-teal-100\/60:focus { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:text-teal-100\/60:hover { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:text-teal-100\/60:active { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:text-teal-100\/70:focus { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:text-teal-100\/70:hover { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:text-teal-100\/70:active { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:text-teal-100\/80:focus { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:text-teal-100\/80:hover { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:text-teal-100\/80:active { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:text-teal-100\/90:focus { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:text-teal-100\/90:hover { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:text-teal-100\/90:active { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:text-teal-200:focus { + color: var(--teal-200) +} +.hover\:text-teal-200:hover { + color: var(--teal-200) +} +.active\:text-teal-200:active { + color: var(--teal-200) +} +.focus\:text-teal-200\/10:focus { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:text-teal-200\/10:hover { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:text-teal-200\/10:active { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:text-teal-200\/20:focus { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:text-teal-200\/20:hover { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:text-teal-200\/20:active { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:text-teal-200\/30:focus { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:text-teal-200\/30:hover { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:text-teal-200\/30:active { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:text-teal-200\/40:focus { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:text-teal-200\/40:hover { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:text-teal-200\/40:active { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:text-teal-200\/50:focus { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:text-teal-200\/50:hover { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:text-teal-200\/50:active { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:text-teal-200\/60:focus { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:text-teal-200\/60:hover { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:text-teal-200\/60:active { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:text-teal-200\/70:focus { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:text-teal-200\/70:hover { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:text-teal-200\/70:active { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:text-teal-200\/80:focus { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:text-teal-200\/80:hover { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:text-teal-200\/80:active { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:text-teal-200\/90:focus { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:text-teal-200\/90:hover { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:text-teal-200\/90:active { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:text-teal-300:focus { + color: var(--teal-300) +} +.hover\:text-teal-300:hover { + color: var(--teal-300) +} +.active\:text-teal-300:active { + color: var(--teal-300) +} +.focus\:text-teal-300\/10:focus { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:text-teal-300\/10:hover { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:text-teal-300\/10:active { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:text-teal-300\/20:focus { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:text-teal-300\/20:hover { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:text-teal-300\/20:active { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:text-teal-300\/30:focus { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:text-teal-300\/30:hover { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:text-teal-300\/30:active { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:text-teal-300\/40:focus { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:text-teal-300\/40:hover { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:text-teal-300\/40:active { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:text-teal-300\/50:focus { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:text-teal-300\/50:hover { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:text-teal-300\/50:active { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:text-teal-300\/60:focus { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:text-teal-300\/60:hover { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:text-teal-300\/60:active { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:text-teal-300\/70:focus { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:text-teal-300\/70:hover { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:text-teal-300\/70:active { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:text-teal-300\/80:focus { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:text-teal-300\/80:hover { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:text-teal-300\/80:active { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:text-teal-300\/90:focus { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:text-teal-300\/90:hover { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:text-teal-300\/90:active { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:text-teal-400:focus { + color: var(--teal-400) +} +.hover\:text-teal-400:hover { + color: var(--teal-400) +} +.active\:text-teal-400:active { + color: var(--teal-400) +} +.focus\:text-teal-400\/10:focus { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:text-teal-400\/10:hover { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:text-teal-400\/10:active { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:text-teal-400\/20:focus { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:text-teal-400\/20:hover { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:text-teal-400\/20:active { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:text-teal-400\/30:focus { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:text-teal-400\/30:hover { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:text-teal-400\/30:active { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:text-teal-400\/40:focus { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:text-teal-400\/40:hover { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:text-teal-400\/40:active { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:text-teal-400\/50:focus { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:text-teal-400\/50:hover { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:text-teal-400\/50:active { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:text-teal-400\/60:focus { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:text-teal-400\/60:hover { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:text-teal-400\/60:active { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:text-teal-400\/70:focus { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:text-teal-400\/70:hover { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:text-teal-400\/70:active { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:text-teal-400\/80:focus { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:text-teal-400\/80:hover { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:text-teal-400\/80:active { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:text-teal-400\/90:focus { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:text-teal-400\/90:hover { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:text-teal-400\/90:active { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:text-teal-500:focus { + color: var(--teal-500) +} +.hover\:text-teal-500:hover { + color: var(--teal-500) +} +.active\:text-teal-500:active { + color: var(--teal-500) +} +.focus\:text-teal-500\/10:focus { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:text-teal-500\/10:hover { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:text-teal-500\/10:active { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:text-teal-500\/20:focus { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:text-teal-500\/20:hover { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:text-teal-500\/20:active { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:text-teal-500\/30:focus { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:text-teal-500\/30:hover { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:text-teal-500\/30:active { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:text-teal-500\/40:focus { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:text-teal-500\/40:hover { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:text-teal-500\/40:active { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:text-teal-500\/50:focus { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:text-teal-500\/50:hover { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:text-teal-500\/50:active { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:text-teal-500\/60:focus { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:text-teal-500\/60:hover { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:text-teal-500\/60:active { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:text-teal-500\/70:focus { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:text-teal-500\/70:hover { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:text-teal-500\/70:active { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:text-teal-500\/80:focus { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:text-teal-500\/80:hover { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:text-teal-500\/80:active { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:text-teal-500\/90:focus { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:text-teal-500\/90:hover { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:text-teal-500\/90:active { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:text-teal-600:focus { + color: var(--teal-600) +} +.hover\:text-teal-600:hover { + color: var(--teal-600) +} +.active\:text-teal-600:active { + color: var(--teal-600) +} +.focus\:text-teal-600\/10:focus { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:text-teal-600\/10:hover { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:text-teal-600\/10:active { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:text-teal-600\/20:focus { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:text-teal-600\/20:hover { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:text-teal-600\/20:active { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:text-teal-600\/30:focus { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:text-teal-600\/30:hover { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:text-teal-600\/30:active { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:text-teal-600\/40:focus { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:text-teal-600\/40:hover { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:text-teal-600\/40:active { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:text-teal-600\/50:focus { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:text-teal-600\/50:hover { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:text-teal-600\/50:active { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:text-teal-600\/60:focus { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:text-teal-600\/60:hover { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:text-teal-600\/60:active { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:text-teal-600\/70:focus { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:text-teal-600\/70:hover { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:text-teal-600\/70:active { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:text-teal-600\/80:focus { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:text-teal-600\/80:hover { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:text-teal-600\/80:active { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:text-teal-600\/90:focus { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:text-teal-600\/90:hover { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:text-teal-600\/90:active { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:text-teal-700:focus { + color: var(--teal-700) +} +.hover\:text-teal-700:hover { + color: var(--teal-700) +} +.active\:text-teal-700:active { + color: var(--teal-700) +} +.focus\:text-teal-700\/10:focus { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:text-teal-700\/10:hover { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:text-teal-700\/10:active { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:text-teal-700\/20:focus { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:text-teal-700\/20:hover { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:text-teal-700\/20:active { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:text-teal-700\/30:focus { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:text-teal-700\/30:hover { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:text-teal-700\/30:active { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:text-teal-700\/40:focus { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:text-teal-700\/40:hover { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:text-teal-700\/40:active { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:text-teal-700\/50:focus { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:text-teal-700\/50:hover { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:text-teal-700\/50:active { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:text-teal-700\/60:focus { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:text-teal-700\/60:hover { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:text-teal-700\/60:active { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:text-teal-700\/70:focus { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:text-teal-700\/70:hover { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:text-teal-700\/70:active { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:text-teal-700\/80:focus { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:text-teal-700\/80:hover { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:text-teal-700\/80:active { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:text-teal-700\/90:focus { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:text-teal-700\/90:hover { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:text-teal-700\/90:active { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:text-teal-800:focus { + color: var(--teal-800) +} +.hover\:text-teal-800:hover { + color: var(--teal-800) +} +.active\:text-teal-800:active { + color: var(--teal-800) +} +.focus\:text-teal-800\/10:focus { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:text-teal-800\/10:hover { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:text-teal-800\/10:active { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:text-teal-800\/20:focus { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:text-teal-800\/20:hover { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:text-teal-800\/20:active { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:text-teal-800\/30:focus { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:text-teal-800\/30:hover { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:text-teal-800\/30:active { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:text-teal-800\/40:focus { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:text-teal-800\/40:hover { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:text-teal-800\/40:active { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:text-teal-800\/50:focus { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:text-teal-800\/50:hover { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:text-teal-800\/50:active { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:text-teal-800\/60:focus { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:text-teal-800\/60:hover { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:text-teal-800\/60:active { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:text-teal-800\/70:focus { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:text-teal-800\/70:hover { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:text-teal-800\/70:active { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:text-teal-800\/80:focus { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:text-teal-800\/80:hover { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:text-teal-800\/80:active { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:text-teal-800\/90:focus { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:text-teal-800\/90:hover { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:text-teal-800\/90:active { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:text-teal-900:focus { + color: var(--teal-900) +} +.hover\:text-teal-900:hover { + color: var(--teal-900) +} +.active\:text-teal-900:active { + color: var(--teal-900) +} +.focus\:text-teal-900\/10:focus { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:text-teal-900\/10:hover { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:text-teal-900\/10:active { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:text-teal-900\/20:focus { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:text-teal-900\/20:hover { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:text-teal-900\/20:active { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:text-teal-900\/30:focus { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:text-teal-900\/30:hover { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:text-teal-900\/30:active { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:text-teal-900\/40:focus { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:text-teal-900\/40:hover { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:text-teal-900\/40:active { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:text-teal-900\/50:focus { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:text-teal-900\/50:hover { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:text-teal-900\/50:active { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:text-teal-900\/60:focus { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:text-teal-900\/60:hover { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:text-teal-900\/60:active { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:text-teal-900\/70:focus { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:text-teal-900\/70:hover { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:text-teal-900\/70:active { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:text-teal-900\/80:focus { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:text-teal-900\/80:hover { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:text-teal-900\/80:active { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:text-teal-900\/90:focus { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:text-teal-900\/90:hover { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:text-teal-900\/90:active { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:text-orange-50:focus { + color: var(--orange-50) +} +.hover\:text-orange-50:hover { + color: var(--orange-50) +} +.active\:text-orange-50:active { + color: var(--orange-50) +} +.focus\:text-orange-50\/10:focus { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:text-orange-50\/10:hover { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:text-orange-50\/10:active { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:text-orange-50\/20:focus { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:text-orange-50\/20:hover { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:text-orange-50\/20:active { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:text-orange-50\/30:focus { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:text-orange-50\/30:hover { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:text-orange-50\/30:active { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:text-orange-50\/40:focus { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:text-orange-50\/40:hover { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:text-orange-50\/40:active { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:text-orange-50\/50:focus { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:text-orange-50\/50:hover { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:text-orange-50\/50:active { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:text-orange-50\/60:focus { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:text-orange-50\/60:hover { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:text-orange-50\/60:active { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:text-orange-50\/70:focus { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:text-orange-50\/70:hover { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:text-orange-50\/70:active { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:text-orange-50\/80:focus { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:text-orange-50\/80:hover { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:text-orange-50\/80:active { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:text-orange-50\/90:focus { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:text-orange-50\/90:hover { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:text-orange-50\/90:active { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:text-orange-100:focus { + color: var(--orange-100) +} +.hover\:text-orange-100:hover { + color: var(--orange-100) +} +.active\:text-orange-100:active { + color: var(--orange-100) +} +.focus\:text-orange-100\/10:focus { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:text-orange-100\/10:hover { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:text-orange-100\/10:active { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:text-orange-100\/20:focus { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:text-orange-100\/20:hover { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:text-orange-100\/20:active { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:text-orange-100\/30:focus { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:text-orange-100\/30:hover { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:text-orange-100\/30:active { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:text-orange-100\/40:focus { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:text-orange-100\/40:hover { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:text-orange-100\/40:active { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:text-orange-100\/50:focus { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:text-orange-100\/50:hover { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:text-orange-100\/50:active { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:text-orange-100\/60:focus { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:text-orange-100\/60:hover { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:text-orange-100\/60:active { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:text-orange-100\/70:focus { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:text-orange-100\/70:hover { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:text-orange-100\/70:active { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:text-orange-100\/80:focus { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:text-orange-100\/80:hover { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:text-orange-100\/80:active { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:text-orange-100\/90:focus { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:text-orange-100\/90:hover { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:text-orange-100\/90:active { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:text-orange-200:focus { + color: var(--orange-200) +} +.hover\:text-orange-200:hover { + color: var(--orange-200) +} +.active\:text-orange-200:active { + color: var(--orange-200) +} +.focus\:text-orange-200\/10:focus { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:text-orange-200\/10:hover { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:text-orange-200\/10:active { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:text-orange-200\/20:focus { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:text-orange-200\/20:hover { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:text-orange-200\/20:active { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:text-orange-200\/30:focus { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:text-orange-200\/30:hover { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:text-orange-200\/30:active { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:text-orange-200\/40:focus { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:text-orange-200\/40:hover { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:text-orange-200\/40:active { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:text-orange-200\/50:focus { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:text-orange-200\/50:hover { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:text-orange-200\/50:active { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:text-orange-200\/60:focus { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:text-orange-200\/60:hover { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:text-orange-200\/60:active { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:text-orange-200\/70:focus { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:text-orange-200\/70:hover { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:text-orange-200\/70:active { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:text-orange-200\/80:focus { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:text-orange-200\/80:hover { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:text-orange-200\/80:active { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:text-orange-200\/90:focus { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:text-orange-200\/90:hover { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:text-orange-200\/90:active { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:text-orange-300:focus { + color: var(--orange-300) +} +.hover\:text-orange-300:hover { + color: var(--orange-300) +} +.active\:text-orange-300:active { + color: var(--orange-300) +} +.focus\:text-orange-300\/10:focus { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:text-orange-300\/10:hover { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:text-orange-300\/10:active { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:text-orange-300\/20:focus { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:text-orange-300\/20:hover { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:text-orange-300\/20:active { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:text-orange-300\/30:focus { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:text-orange-300\/30:hover { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:text-orange-300\/30:active { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:text-orange-300\/40:focus { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:text-orange-300\/40:hover { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:text-orange-300\/40:active { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:text-orange-300\/50:focus { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:text-orange-300\/50:hover { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:text-orange-300\/50:active { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:text-orange-300\/60:focus { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:text-orange-300\/60:hover { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:text-orange-300\/60:active { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:text-orange-300\/70:focus { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:text-orange-300\/70:hover { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:text-orange-300\/70:active { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:text-orange-300\/80:focus { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:text-orange-300\/80:hover { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:text-orange-300\/80:active { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:text-orange-300\/90:focus { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:text-orange-300\/90:hover { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:text-orange-300\/90:active { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:text-orange-400:focus { + color: var(--orange-400) +} +.hover\:text-orange-400:hover { + color: var(--orange-400) +} +.active\:text-orange-400:active { + color: var(--orange-400) +} +.focus\:text-orange-400\/10:focus { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:text-orange-400\/10:hover { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:text-orange-400\/10:active { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:text-orange-400\/20:focus { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:text-orange-400\/20:hover { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:text-orange-400\/20:active { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:text-orange-400\/30:focus { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:text-orange-400\/30:hover { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:text-orange-400\/30:active { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:text-orange-400\/40:focus { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:text-orange-400\/40:hover { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:text-orange-400\/40:active { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:text-orange-400\/50:focus { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:text-orange-400\/50:hover { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:text-orange-400\/50:active { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:text-orange-400\/60:focus { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:text-orange-400\/60:hover { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:text-orange-400\/60:active { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:text-orange-400\/70:focus { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:text-orange-400\/70:hover { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:text-orange-400\/70:active { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:text-orange-400\/80:focus { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:text-orange-400\/80:hover { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:text-orange-400\/80:active { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:text-orange-400\/90:focus { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:text-orange-400\/90:hover { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:text-orange-400\/90:active { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:text-orange-500:focus { + color: var(--orange-500) +} +.hover\:text-orange-500:hover { + color: var(--orange-500) +} +.active\:text-orange-500:active { + color: var(--orange-500) +} +.focus\:text-orange-500\/10:focus { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:text-orange-500\/10:hover { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:text-orange-500\/10:active { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:text-orange-500\/20:focus { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:text-orange-500\/20:hover { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:text-orange-500\/20:active { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:text-orange-500\/30:focus { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:text-orange-500\/30:hover { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:text-orange-500\/30:active { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:text-orange-500\/40:focus { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:text-orange-500\/40:hover { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:text-orange-500\/40:active { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:text-orange-500\/50:focus { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:text-orange-500\/50:hover { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:text-orange-500\/50:active { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:text-orange-500\/60:focus { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:text-orange-500\/60:hover { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:text-orange-500\/60:active { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:text-orange-500\/70:focus { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:text-orange-500\/70:hover { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:text-orange-500\/70:active { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:text-orange-500\/80:focus { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:text-orange-500\/80:hover { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:text-orange-500\/80:active { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:text-orange-500\/90:focus { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:text-orange-500\/90:hover { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:text-orange-500\/90:active { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:text-orange-600:focus { + color: var(--orange-600) +} +.hover\:text-orange-600:hover { + color: var(--orange-600) +} +.active\:text-orange-600:active { + color: var(--orange-600) +} +.focus\:text-orange-600\/10:focus { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:text-orange-600\/10:hover { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:text-orange-600\/10:active { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:text-orange-600\/20:focus { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:text-orange-600\/20:hover { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:text-orange-600\/20:active { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:text-orange-600\/30:focus { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:text-orange-600\/30:hover { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:text-orange-600\/30:active { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:text-orange-600\/40:focus { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:text-orange-600\/40:hover { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:text-orange-600\/40:active { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:text-orange-600\/50:focus { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:text-orange-600\/50:hover { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:text-orange-600\/50:active { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:text-orange-600\/60:focus { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:text-orange-600\/60:hover { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:text-orange-600\/60:active { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:text-orange-600\/70:focus { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:text-orange-600\/70:hover { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:text-orange-600\/70:active { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:text-orange-600\/80:focus { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:text-orange-600\/80:hover { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:text-orange-600\/80:active { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:text-orange-600\/90:focus { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:text-orange-600\/90:hover { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:text-orange-600\/90:active { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:text-orange-700:focus { + color: var(--orange-700) +} +.hover\:text-orange-700:hover { + color: var(--orange-700) +} +.active\:text-orange-700:active { + color: var(--orange-700) +} +.focus\:text-orange-700\/10:focus { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:text-orange-700\/10:hover { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:text-orange-700\/10:active { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:text-orange-700\/20:focus { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:text-orange-700\/20:hover { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:text-orange-700\/20:active { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:text-orange-700\/30:focus { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:text-orange-700\/30:hover { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:text-orange-700\/30:active { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:text-orange-700\/40:focus { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:text-orange-700\/40:hover { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:text-orange-700\/40:active { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:text-orange-700\/50:focus { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:text-orange-700\/50:hover { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:text-orange-700\/50:active { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:text-orange-700\/60:focus { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:text-orange-700\/60:hover { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:text-orange-700\/60:active { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:text-orange-700\/70:focus { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:text-orange-700\/70:hover { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:text-orange-700\/70:active { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:text-orange-700\/80:focus { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:text-orange-700\/80:hover { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:text-orange-700\/80:active { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:text-orange-700\/90:focus { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:text-orange-700\/90:hover { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:text-orange-700\/90:active { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:text-orange-800:focus { + color: var(--orange-800) +} +.hover\:text-orange-800:hover { + color: var(--orange-800) +} +.active\:text-orange-800:active { + color: var(--orange-800) +} +.focus\:text-orange-800\/10:focus { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:text-orange-800\/10:hover { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:text-orange-800\/10:active { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:text-orange-800\/20:focus { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:text-orange-800\/20:hover { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:text-orange-800\/20:active { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:text-orange-800\/30:focus { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:text-orange-800\/30:hover { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:text-orange-800\/30:active { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:text-orange-800\/40:focus { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:text-orange-800\/40:hover { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:text-orange-800\/40:active { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:text-orange-800\/50:focus { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:text-orange-800\/50:hover { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:text-orange-800\/50:active { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:text-orange-800\/60:focus { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:text-orange-800\/60:hover { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:text-orange-800\/60:active { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:text-orange-800\/70:focus { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:text-orange-800\/70:hover { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:text-orange-800\/70:active { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:text-orange-800\/80:focus { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:text-orange-800\/80:hover { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:text-orange-800\/80:active { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:text-orange-800\/90:focus { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:text-orange-800\/90:hover { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:text-orange-800\/90:active { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:text-orange-900:focus { + color: var(--orange-900) +} +.hover\:text-orange-900:hover { + color: var(--orange-900) +} +.active\:text-orange-900:active { + color: var(--orange-900) +} +.focus\:text-orange-900\/10:focus { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:text-orange-900\/10:hover { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:text-orange-900\/10:active { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:text-orange-900\/20:focus { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:text-orange-900\/20:hover { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:text-orange-900\/20:active { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:text-orange-900\/30:focus { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:text-orange-900\/30:hover { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:text-orange-900\/30:active { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:text-orange-900\/40:focus { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:text-orange-900\/40:hover { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:text-orange-900\/40:active { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:text-orange-900\/50:focus { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:text-orange-900\/50:hover { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:text-orange-900\/50:active { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:text-orange-900\/60:focus { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:text-orange-900\/60:hover { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:text-orange-900\/60:active { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:text-orange-900\/70:focus { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:text-orange-900\/70:hover { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:text-orange-900\/70:active { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:text-orange-900\/80:focus { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:text-orange-900\/80:hover { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:text-orange-900\/80:active { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:text-orange-900\/90:focus { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:text-orange-900\/90:hover { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:text-orange-900\/90:active { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:text-bluegray-50:focus { + color: var(--bluegray-50) +} +.hover\:text-bluegray-50:hover { + color: var(--bluegray-50) +} +.active\:text-bluegray-50:active { + color: var(--bluegray-50) +} +.focus\:text-bluegray-50\/10:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:text-bluegray-50\/10:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:text-bluegray-50\/10:active { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:text-bluegray-50\/20:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:text-bluegray-50\/20:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:text-bluegray-50\/20:active { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:text-bluegray-50\/30:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:text-bluegray-50\/30:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:text-bluegray-50\/30:active { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:text-bluegray-50\/40:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:text-bluegray-50\/40:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:text-bluegray-50\/40:active { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:text-bluegray-50\/50:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:text-bluegray-50\/50:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:text-bluegray-50\/50:active { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:text-bluegray-50\/60:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:text-bluegray-50\/60:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:text-bluegray-50\/60:active { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:text-bluegray-50\/70:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:text-bluegray-50\/70:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:text-bluegray-50\/70:active { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:text-bluegray-50\/80:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:text-bluegray-50\/80:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:text-bluegray-50\/80:active { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:text-bluegray-50\/90:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:text-bluegray-50\/90:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:text-bluegray-50\/90:active { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:text-bluegray-100:focus { + color: var(--bluegray-100) +} +.hover\:text-bluegray-100:hover { + color: var(--bluegray-100) +} +.active\:text-bluegray-100:active { + color: var(--bluegray-100) +} +.focus\:text-bluegray-100\/10:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:text-bluegray-100\/10:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:text-bluegray-100\/10:active { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:text-bluegray-100\/20:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:text-bluegray-100\/20:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:text-bluegray-100\/20:active { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:text-bluegray-100\/30:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:text-bluegray-100\/30:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:text-bluegray-100\/30:active { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:text-bluegray-100\/40:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:text-bluegray-100\/40:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:text-bluegray-100\/40:active { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:text-bluegray-100\/50:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:text-bluegray-100\/50:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:text-bluegray-100\/50:active { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:text-bluegray-100\/60:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:text-bluegray-100\/60:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:text-bluegray-100\/60:active { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:text-bluegray-100\/70:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:text-bluegray-100\/70:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:text-bluegray-100\/70:active { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:text-bluegray-100\/80:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:text-bluegray-100\/80:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:text-bluegray-100\/80:active { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:text-bluegray-100\/90:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:text-bluegray-100\/90:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:text-bluegray-100\/90:active { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:text-bluegray-200:focus { + color: var(--bluegray-200) +} +.hover\:text-bluegray-200:hover { + color: var(--bluegray-200) +} +.active\:text-bluegray-200:active { + color: var(--bluegray-200) +} +.focus\:text-bluegray-200\/10:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:text-bluegray-200\/10:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:text-bluegray-200\/10:active { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:text-bluegray-200\/20:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:text-bluegray-200\/20:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:text-bluegray-200\/20:active { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:text-bluegray-200\/30:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:text-bluegray-200\/30:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:text-bluegray-200\/30:active { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:text-bluegray-200\/40:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:text-bluegray-200\/40:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:text-bluegray-200\/40:active { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:text-bluegray-200\/50:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:text-bluegray-200\/50:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:text-bluegray-200\/50:active { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:text-bluegray-200\/60:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:text-bluegray-200\/60:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:text-bluegray-200\/60:active { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:text-bluegray-200\/70:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:text-bluegray-200\/70:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:text-bluegray-200\/70:active { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:text-bluegray-200\/80:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:text-bluegray-200\/80:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:text-bluegray-200\/80:active { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:text-bluegray-200\/90:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:text-bluegray-200\/90:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:text-bluegray-200\/90:active { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:text-bluegray-300:focus { + color: var(--bluegray-300) +} +.hover\:text-bluegray-300:hover { + color: var(--bluegray-300) +} +.active\:text-bluegray-300:active { + color: var(--bluegray-300) +} +.focus\:text-bluegray-300\/10:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:text-bluegray-300\/10:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:text-bluegray-300\/10:active { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:text-bluegray-300\/20:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:text-bluegray-300\/20:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:text-bluegray-300\/20:active { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:text-bluegray-300\/30:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:text-bluegray-300\/30:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:text-bluegray-300\/30:active { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:text-bluegray-300\/40:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:text-bluegray-300\/40:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:text-bluegray-300\/40:active { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:text-bluegray-300\/50:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:text-bluegray-300\/50:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:text-bluegray-300\/50:active { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:text-bluegray-300\/60:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:text-bluegray-300\/60:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:text-bluegray-300\/60:active { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:text-bluegray-300\/70:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:text-bluegray-300\/70:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:text-bluegray-300\/70:active { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:text-bluegray-300\/80:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:text-bluegray-300\/80:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:text-bluegray-300\/80:active { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:text-bluegray-300\/90:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:text-bluegray-300\/90:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:text-bluegray-300\/90:active { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:text-bluegray-400:focus { + color: var(--bluegray-400) +} +.hover\:text-bluegray-400:hover { + color: var(--bluegray-400) +} +.active\:text-bluegray-400:active { + color: var(--bluegray-400) +} +.focus\:text-bluegray-400\/10:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:text-bluegray-400\/10:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:text-bluegray-400\/10:active { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:text-bluegray-400\/20:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:text-bluegray-400\/20:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:text-bluegray-400\/20:active { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:text-bluegray-400\/30:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:text-bluegray-400\/30:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:text-bluegray-400\/30:active { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:text-bluegray-400\/40:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:text-bluegray-400\/40:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:text-bluegray-400\/40:active { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:text-bluegray-400\/50:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:text-bluegray-400\/50:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:text-bluegray-400\/50:active { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:text-bluegray-400\/60:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:text-bluegray-400\/60:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:text-bluegray-400\/60:active { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:text-bluegray-400\/70:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:text-bluegray-400\/70:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:text-bluegray-400\/70:active { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:text-bluegray-400\/80:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:text-bluegray-400\/80:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:text-bluegray-400\/80:active { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:text-bluegray-400\/90:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:text-bluegray-400\/90:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:text-bluegray-400\/90:active { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:text-bluegray-500:focus { + color: var(--bluegray-500) +} +.hover\:text-bluegray-500:hover { + color: var(--bluegray-500) +} +.active\:text-bluegray-500:active { + color: var(--bluegray-500) +} +.focus\:text-bluegray-500\/10:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:text-bluegray-500\/10:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:text-bluegray-500\/10:active { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:text-bluegray-500\/20:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:text-bluegray-500\/20:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:text-bluegray-500\/20:active { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:text-bluegray-500\/30:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:text-bluegray-500\/30:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:text-bluegray-500\/30:active { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:text-bluegray-500\/40:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:text-bluegray-500\/40:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:text-bluegray-500\/40:active { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:text-bluegray-500\/50:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:text-bluegray-500\/50:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:text-bluegray-500\/50:active { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:text-bluegray-500\/60:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:text-bluegray-500\/60:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:text-bluegray-500\/60:active { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:text-bluegray-500\/70:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:text-bluegray-500\/70:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:text-bluegray-500\/70:active { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:text-bluegray-500\/80:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:text-bluegray-500\/80:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:text-bluegray-500\/80:active { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:text-bluegray-500\/90:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:text-bluegray-500\/90:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:text-bluegray-500\/90:active { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:text-bluegray-600:focus { + color: var(--bluegray-600) +} +.hover\:text-bluegray-600:hover { + color: var(--bluegray-600) +} +.active\:text-bluegray-600:active { + color: var(--bluegray-600) +} +.focus\:text-bluegray-600\/10:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:text-bluegray-600\/10:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:text-bluegray-600\/10:active { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:text-bluegray-600\/20:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:text-bluegray-600\/20:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:text-bluegray-600\/20:active { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:text-bluegray-600\/30:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:text-bluegray-600\/30:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:text-bluegray-600\/30:active { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:text-bluegray-600\/40:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:text-bluegray-600\/40:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:text-bluegray-600\/40:active { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:text-bluegray-600\/50:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:text-bluegray-600\/50:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:text-bluegray-600\/50:active { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:text-bluegray-600\/60:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:text-bluegray-600\/60:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:text-bluegray-600\/60:active { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:text-bluegray-600\/70:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:text-bluegray-600\/70:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:text-bluegray-600\/70:active { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:text-bluegray-600\/80:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:text-bluegray-600\/80:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:text-bluegray-600\/80:active { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:text-bluegray-600\/90:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:text-bluegray-600\/90:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:text-bluegray-600\/90:active { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:text-bluegray-700:focus { + color: var(--bluegray-700) +} +.hover\:text-bluegray-700:hover { + color: var(--bluegray-700) +} +.active\:text-bluegray-700:active { + color: var(--bluegray-700) +} +.focus\:text-bluegray-700\/10:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:text-bluegray-700\/10:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:text-bluegray-700\/10:active { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:text-bluegray-700\/20:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:text-bluegray-700\/20:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:text-bluegray-700\/20:active { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:text-bluegray-700\/30:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:text-bluegray-700\/30:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:text-bluegray-700\/30:active { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:text-bluegray-700\/40:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:text-bluegray-700\/40:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:text-bluegray-700\/40:active { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:text-bluegray-700\/50:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:text-bluegray-700\/50:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:text-bluegray-700\/50:active { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:text-bluegray-700\/60:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:text-bluegray-700\/60:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:text-bluegray-700\/60:active { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:text-bluegray-700\/70:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:text-bluegray-700\/70:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:text-bluegray-700\/70:active { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:text-bluegray-700\/80:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:text-bluegray-700\/80:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:text-bluegray-700\/80:active { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:text-bluegray-700\/90:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:text-bluegray-700\/90:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:text-bluegray-700\/90:active { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:text-bluegray-800:focus { + color: var(--bluegray-800) +} +.hover\:text-bluegray-800:hover { + color: var(--bluegray-800) +} +.active\:text-bluegray-800:active { + color: var(--bluegray-800) +} +.focus\:text-bluegray-800\/10:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:text-bluegray-800\/10:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:text-bluegray-800\/10:active { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:text-bluegray-800\/20:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:text-bluegray-800\/20:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:text-bluegray-800\/20:active { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:text-bluegray-800\/30:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:text-bluegray-800\/30:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:text-bluegray-800\/30:active { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:text-bluegray-800\/40:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:text-bluegray-800\/40:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:text-bluegray-800\/40:active { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:text-bluegray-800\/50:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:text-bluegray-800\/50:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:text-bluegray-800\/50:active { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:text-bluegray-800\/60:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:text-bluegray-800\/60:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:text-bluegray-800\/60:active { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:text-bluegray-800\/70:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:text-bluegray-800\/70:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:text-bluegray-800\/70:active { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:text-bluegray-800\/80:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:text-bluegray-800\/80:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:text-bluegray-800\/80:active { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:text-bluegray-800\/90:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:text-bluegray-800\/90:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:text-bluegray-800\/90:active { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:text-bluegray-900:focus { + color: var(--bluegray-900) +} +.hover\:text-bluegray-900:hover { + color: var(--bluegray-900) +} +.active\:text-bluegray-900:active { + color: var(--bluegray-900) +} +.focus\:text-bluegray-900\/10:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:text-bluegray-900\/10:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:text-bluegray-900\/10:active { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:text-bluegray-900\/20:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:text-bluegray-900\/20:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:text-bluegray-900\/20:active { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:text-bluegray-900\/30:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:text-bluegray-900\/30:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:text-bluegray-900\/30:active { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:text-bluegray-900\/40:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:text-bluegray-900\/40:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:text-bluegray-900\/40:active { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:text-bluegray-900\/50:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:text-bluegray-900\/50:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:text-bluegray-900\/50:active { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:text-bluegray-900\/60:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:text-bluegray-900\/60:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:text-bluegray-900\/60:active { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:text-bluegray-900\/70:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:text-bluegray-900\/70:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:text-bluegray-900\/70:active { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:text-bluegray-900\/80:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:text-bluegray-900\/80:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:text-bluegray-900\/80:active { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:text-bluegray-900\/90:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:text-bluegray-900\/90:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:text-bluegray-900\/90:active { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:text-purple-50:focus { + color: var(--purple-50) +} +.hover\:text-purple-50:hover { + color: var(--purple-50) +} +.active\:text-purple-50:active { + color: var(--purple-50) +} +.focus\:text-purple-50\/10:focus { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:text-purple-50\/10:hover { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:text-purple-50\/10:active { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:text-purple-50\/20:focus { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:text-purple-50\/20:hover { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:text-purple-50\/20:active { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:text-purple-50\/30:focus { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:text-purple-50\/30:hover { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:text-purple-50\/30:active { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:text-purple-50\/40:focus { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:text-purple-50\/40:hover { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:text-purple-50\/40:active { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:text-purple-50\/50:focus { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:text-purple-50\/50:hover { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:text-purple-50\/50:active { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:text-purple-50\/60:focus { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:text-purple-50\/60:hover { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:text-purple-50\/60:active { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:text-purple-50\/70:focus { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:text-purple-50\/70:hover { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:text-purple-50\/70:active { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:text-purple-50\/80:focus { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:text-purple-50\/80:hover { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:text-purple-50\/80:active { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:text-purple-50\/90:focus { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:text-purple-50\/90:hover { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:text-purple-50\/90:active { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:text-purple-100:focus { + color: var(--purple-100) +} +.hover\:text-purple-100:hover { + color: var(--purple-100) +} +.active\:text-purple-100:active { + color: var(--purple-100) +} +.focus\:text-purple-100\/10:focus { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:text-purple-100\/10:hover { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:text-purple-100\/10:active { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:text-purple-100\/20:focus { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:text-purple-100\/20:hover { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:text-purple-100\/20:active { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:text-purple-100\/30:focus { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:text-purple-100\/30:hover { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:text-purple-100\/30:active { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:text-purple-100\/40:focus { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:text-purple-100\/40:hover { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:text-purple-100\/40:active { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:text-purple-100\/50:focus { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:text-purple-100\/50:hover { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:text-purple-100\/50:active { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:text-purple-100\/60:focus { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:text-purple-100\/60:hover { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:text-purple-100\/60:active { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:text-purple-100\/70:focus { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:text-purple-100\/70:hover { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:text-purple-100\/70:active { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:text-purple-100\/80:focus { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:text-purple-100\/80:hover { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:text-purple-100\/80:active { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:text-purple-100\/90:focus { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:text-purple-100\/90:hover { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:text-purple-100\/90:active { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:text-purple-200:focus { + color: var(--purple-200) +} +.hover\:text-purple-200:hover { + color: var(--purple-200) +} +.active\:text-purple-200:active { + color: var(--purple-200) +} +.focus\:text-purple-200\/10:focus { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:text-purple-200\/10:hover { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:text-purple-200\/10:active { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:text-purple-200\/20:focus { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:text-purple-200\/20:hover { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:text-purple-200\/20:active { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:text-purple-200\/30:focus { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:text-purple-200\/30:hover { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:text-purple-200\/30:active { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:text-purple-200\/40:focus { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:text-purple-200\/40:hover { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:text-purple-200\/40:active { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:text-purple-200\/50:focus { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:text-purple-200\/50:hover { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:text-purple-200\/50:active { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:text-purple-200\/60:focus { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:text-purple-200\/60:hover { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:text-purple-200\/60:active { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:text-purple-200\/70:focus { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:text-purple-200\/70:hover { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:text-purple-200\/70:active { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:text-purple-200\/80:focus { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:text-purple-200\/80:hover { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:text-purple-200\/80:active { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:text-purple-200\/90:focus { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:text-purple-200\/90:hover { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:text-purple-200\/90:active { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:text-purple-300:focus { + color: var(--purple-300) +} +.hover\:text-purple-300:hover { + color: var(--purple-300) +} +.active\:text-purple-300:active { + color: var(--purple-300) +} +.focus\:text-purple-300\/10:focus { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:text-purple-300\/10:hover { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:text-purple-300\/10:active { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:text-purple-300\/20:focus { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:text-purple-300\/20:hover { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:text-purple-300\/20:active { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:text-purple-300\/30:focus { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:text-purple-300\/30:hover { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:text-purple-300\/30:active { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:text-purple-300\/40:focus { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:text-purple-300\/40:hover { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:text-purple-300\/40:active { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:text-purple-300\/50:focus { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:text-purple-300\/50:hover { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:text-purple-300\/50:active { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:text-purple-300\/60:focus { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:text-purple-300\/60:hover { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:text-purple-300\/60:active { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:text-purple-300\/70:focus { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:text-purple-300\/70:hover { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:text-purple-300\/70:active { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:text-purple-300\/80:focus { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:text-purple-300\/80:hover { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:text-purple-300\/80:active { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:text-purple-300\/90:focus { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:text-purple-300\/90:hover { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:text-purple-300\/90:active { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:text-purple-400:focus { + color: var(--purple-400) +} +.hover\:text-purple-400:hover { + color: var(--purple-400) +} +.active\:text-purple-400:active { + color: var(--purple-400) +} +.focus\:text-purple-400\/10:focus { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:text-purple-400\/10:hover { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:text-purple-400\/10:active { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:text-purple-400\/20:focus { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:text-purple-400\/20:hover { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:text-purple-400\/20:active { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:text-purple-400\/30:focus { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:text-purple-400\/30:hover { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:text-purple-400\/30:active { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:text-purple-400\/40:focus { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:text-purple-400\/40:hover { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:text-purple-400\/40:active { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:text-purple-400\/50:focus { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:text-purple-400\/50:hover { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:text-purple-400\/50:active { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:text-purple-400\/60:focus { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:text-purple-400\/60:hover { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:text-purple-400\/60:active { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:text-purple-400\/70:focus { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:text-purple-400\/70:hover { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:text-purple-400\/70:active { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:text-purple-400\/80:focus { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:text-purple-400\/80:hover { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:text-purple-400\/80:active { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:text-purple-400\/90:focus { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:text-purple-400\/90:hover { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:text-purple-400\/90:active { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:text-purple-500:focus { + color: var(--purple-500) +} +.hover\:text-purple-500:hover { + color: var(--purple-500) +} +.active\:text-purple-500:active { + color: var(--purple-500) +} +.focus\:text-purple-500\/10:focus { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:text-purple-500\/10:hover { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:text-purple-500\/10:active { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:text-purple-500\/20:focus { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:text-purple-500\/20:hover { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:text-purple-500\/20:active { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:text-purple-500\/30:focus { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:text-purple-500\/30:hover { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:text-purple-500\/30:active { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:text-purple-500\/40:focus { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:text-purple-500\/40:hover { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:text-purple-500\/40:active { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:text-purple-500\/50:focus { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:text-purple-500\/50:hover { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:text-purple-500\/50:active { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:text-purple-500\/60:focus { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:text-purple-500\/60:hover { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:text-purple-500\/60:active { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:text-purple-500\/70:focus { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:text-purple-500\/70:hover { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:text-purple-500\/70:active { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:text-purple-500\/80:focus { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:text-purple-500\/80:hover { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:text-purple-500\/80:active { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:text-purple-500\/90:focus { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:text-purple-500\/90:hover { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:text-purple-500\/90:active { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:text-purple-600:focus { + color: var(--purple-600) +} +.hover\:text-purple-600:hover { + color: var(--purple-600) +} +.active\:text-purple-600:active { + color: var(--purple-600) +} +.focus\:text-purple-600\/10:focus { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:text-purple-600\/10:hover { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:text-purple-600\/10:active { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:text-purple-600\/20:focus { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:text-purple-600\/20:hover { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:text-purple-600\/20:active { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:text-purple-600\/30:focus { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:text-purple-600\/30:hover { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:text-purple-600\/30:active { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:text-purple-600\/40:focus { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:text-purple-600\/40:hover { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:text-purple-600\/40:active { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:text-purple-600\/50:focus { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:text-purple-600\/50:hover { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:text-purple-600\/50:active { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:text-purple-600\/60:focus { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:text-purple-600\/60:hover { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:text-purple-600\/60:active { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:text-purple-600\/70:focus { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:text-purple-600\/70:hover { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:text-purple-600\/70:active { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:text-purple-600\/80:focus { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:text-purple-600\/80:hover { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:text-purple-600\/80:active { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:text-purple-600\/90:focus { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:text-purple-600\/90:hover { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:text-purple-600\/90:active { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:text-purple-700:focus { + color: var(--purple-700) +} +.hover\:text-purple-700:hover { + color: var(--purple-700) +} +.active\:text-purple-700:active { + color: var(--purple-700) +} +.focus\:text-purple-700\/10:focus { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:text-purple-700\/10:hover { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:text-purple-700\/10:active { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:text-purple-700\/20:focus { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:text-purple-700\/20:hover { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:text-purple-700\/20:active { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:text-purple-700\/30:focus { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:text-purple-700\/30:hover { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:text-purple-700\/30:active { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:text-purple-700\/40:focus { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:text-purple-700\/40:hover { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:text-purple-700\/40:active { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:text-purple-700\/50:focus { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:text-purple-700\/50:hover { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:text-purple-700\/50:active { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:text-purple-700\/60:focus { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:text-purple-700\/60:hover { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:text-purple-700\/60:active { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:text-purple-700\/70:focus { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:text-purple-700\/70:hover { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:text-purple-700\/70:active { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:text-purple-700\/80:focus { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:text-purple-700\/80:hover { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:text-purple-700\/80:active { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:text-purple-700\/90:focus { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:text-purple-700\/90:hover { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:text-purple-700\/90:active { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:text-purple-800:focus { + color: var(--purple-800) +} +.hover\:text-purple-800:hover { + color: var(--purple-800) +} +.active\:text-purple-800:active { + color: var(--purple-800) +} +.focus\:text-purple-800\/10:focus { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:text-purple-800\/10:hover { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:text-purple-800\/10:active { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:text-purple-800\/20:focus { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:text-purple-800\/20:hover { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:text-purple-800\/20:active { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:text-purple-800\/30:focus { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:text-purple-800\/30:hover { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:text-purple-800\/30:active { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:text-purple-800\/40:focus { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:text-purple-800\/40:hover { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:text-purple-800\/40:active { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:text-purple-800\/50:focus { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:text-purple-800\/50:hover { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:text-purple-800\/50:active { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:text-purple-800\/60:focus { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:text-purple-800\/60:hover { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:text-purple-800\/60:active { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:text-purple-800\/70:focus { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:text-purple-800\/70:hover { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:text-purple-800\/70:active { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:text-purple-800\/80:focus { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:text-purple-800\/80:hover { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:text-purple-800\/80:active { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:text-purple-800\/90:focus { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:text-purple-800\/90:hover { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:text-purple-800\/90:active { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:text-purple-900:focus { + color: var(--purple-900) +} +.hover\:text-purple-900:hover { + color: var(--purple-900) +} +.active\:text-purple-900:active { + color: var(--purple-900) +} +.focus\:text-purple-900\/10:focus { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:text-purple-900\/10:hover { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:text-purple-900\/10:active { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:text-purple-900\/20:focus { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:text-purple-900\/20:hover { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:text-purple-900\/20:active { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:text-purple-900\/30:focus { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:text-purple-900\/30:hover { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:text-purple-900\/30:active { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:text-purple-900\/40:focus { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:text-purple-900\/40:hover { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:text-purple-900\/40:active { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:text-purple-900\/50:focus { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:text-purple-900\/50:hover { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:text-purple-900\/50:active { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:text-purple-900\/60:focus { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:text-purple-900\/60:hover { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:text-purple-900\/60:active { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:text-purple-900\/70:focus { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:text-purple-900\/70:hover { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:text-purple-900\/70:active { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:text-purple-900\/80:focus { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:text-purple-900\/80:hover { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:text-purple-900\/80:active { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:text-purple-900\/90:focus { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:text-purple-900\/90:hover { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:text-purple-900\/90:active { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:text-red-50:focus { + color: var(--red-50) +} +.hover\:text-red-50:hover { + color: var(--red-50) +} +.active\:text-red-50:active { + color: var(--red-50) +} +.focus\:text-red-50\/10:focus { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:text-red-50\/10:hover { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:text-red-50\/10:active { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:text-red-50\/20:focus { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:text-red-50\/20:hover { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:text-red-50\/20:active { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:text-red-50\/30:focus { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:text-red-50\/30:hover { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:text-red-50\/30:active { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:text-red-50\/40:focus { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:text-red-50\/40:hover { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:text-red-50\/40:active { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:text-red-50\/50:focus { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:text-red-50\/50:hover { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:text-red-50\/50:active { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:text-red-50\/60:focus { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:text-red-50\/60:hover { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:text-red-50\/60:active { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:text-red-50\/70:focus { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:text-red-50\/70:hover { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:text-red-50\/70:active { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:text-red-50\/80:focus { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:text-red-50\/80:hover { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:text-red-50\/80:active { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:text-red-50\/90:focus { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:text-red-50\/90:hover { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:text-red-50\/90:active { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:text-red-100:focus { + color: var(--red-100) +} +.hover\:text-red-100:hover { + color: var(--red-100) +} +.active\:text-red-100:active { + color: var(--red-100) +} +.focus\:text-red-100\/10:focus { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:text-red-100\/10:hover { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:text-red-100\/10:active { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:text-red-100\/20:focus { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:text-red-100\/20:hover { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:text-red-100\/20:active { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:text-red-100\/30:focus { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:text-red-100\/30:hover { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:text-red-100\/30:active { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:text-red-100\/40:focus { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:text-red-100\/40:hover { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:text-red-100\/40:active { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:text-red-100\/50:focus { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:text-red-100\/50:hover { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:text-red-100\/50:active { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:text-red-100\/60:focus { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:text-red-100\/60:hover { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:text-red-100\/60:active { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:text-red-100\/70:focus { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:text-red-100\/70:hover { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:text-red-100\/70:active { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:text-red-100\/80:focus { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:text-red-100\/80:hover { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:text-red-100\/80:active { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:text-red-100\/90:focus { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:text-red-100\/90:hover { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:text-red-100\/90:active { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:text-red-200:focus { + color: var(--red-200) +} +.hover\:text-red-200:hover { + color: var(--red-200) +} +.active\:text-red-200:active { + color: var(--red-200) +} +.focus\:text-red-200\/10:focus { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:text-red-200\/10:hover { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:text-red-200\/10:active { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:text-red-200\/20:focus { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:text-red-200\/20:hover { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:text-red-200\/20:active { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:text-red-200\/30:focus { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:text-red-200\/30:hover { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:text-red-200\/30:active { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:text-red-200\/40:focus { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:text-red-200\/40:hover { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:text-red-200\/40:active { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:text-red-200\/50:focus { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:text-red-200\/50:hover { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:text-red-200\/50:active { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:text-red-200\/60:focus { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:text-red-200\/60:hover { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:text-red-200\/60:active { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:text-red-200\/70:focus { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:text-red-200\/70:hover { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:text-red-200\/70:active { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:text-red-200\/80:focus { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:text-red-200\/80:hover { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:text-red-200\/80:active { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:text-red-200\/90:focus { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:text-red-200\/90:hover { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:text-red-200\/90:active { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:text-red-300:focus { + color: var(--red-300) +} +.hover\:text-red-300:hover { + color: var(--red-300) +} +.active\:text-red-300:active { + color: var(--red-300) +} +.focus\:text-red-300\/10:focus { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:text-red-300\/10:hover { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:text-red-300\/10:active { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:text-red-300\/20:focus { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:text-red-300\/20:hover { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:text-red-300\/20:active { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:text-red-300\/30:focus { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:text-red-300\/30:hover { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:text-red-300\/30:active { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:text-red-300\/40:focus { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:text-red-300\/40:hover { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:text-red-300\/40:active { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:text-red-300\/50:focus { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:text-red-300\/50:hover { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:text-red-300\/50:active { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:text-red-300\/60:focus { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:text-red-300\/60:hover { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:text-red-300\/60:active { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:text-red-300\/70:focus { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:text-red-300\/70:hover { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:text-red-300\/70:active { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:text-red-300\/80:focus { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:text-red-300\/80:hover { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:text-red-300\/80:active { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:text-red-300\/90:focus { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:text-red-300\/90:hover { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:text-red-300\/90:active { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:text-red-400:focus { + color: var(--red-400) +} +.hover\:text-red-400:hover { + color: var(--red-400) +} +.active\:text-red-400:active { + color: var(--red-400) +} +.focus\:text-red-400\/10:focus { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:text-red-400\/10:hover { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:text-red-400\/10:active { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:text-red-400\/20:focus { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:text-red-400\/20:hover { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:text-red-400\/20:active { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:text-red-400\/30:focus { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:text-red-400\/30:hover { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:text-red-400\/30:active { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:text-red-400\/40:focus { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:text-red-400\/40:hover { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:text-red-400\/40:active { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:text-red-400\/50:focus { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:text-red-400\/50:hover { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:text-red-400\/50:active { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:text-red-400\/60:focus { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:text-red-400\/60:hover { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:text-red-400\/60:active { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:text-red-400\/70:focus { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:text-red-400\/70:hover { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:text-red-400\/70:active { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:text-red-400\/80:focus { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:text-red-400\/80:hover { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:text-red-400\/80:active { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:text-red-400\/90:focus { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:text-red-400\/90:hover { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:text-red-400\/90:active { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:text-red-500:focus { + color: var(--red-500) +} +.hover\:text-red-500:hover { + color: var(--red-500) +} +.active\:text-red-500:active { + color: var(--red-500) +} +.focus\:text-red-500\/10:focus { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:text-red-500\/10:hover { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:text-red-500\/10:active { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:text-red-500\/20:focus { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:text-red-500\/20:hover { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:text-red-500\/20:active { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:text-red-500\/30:focus { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:text-red-500\/30:hover { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:text-red-500\/30:active { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:text-red-500\/40:focus { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:text-red-500\/40:hover { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:text-red-500\/40:active { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:text-red-500\/50:focus { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:text-red-500\/50:hover { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:text-red-500\/50:active { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:text-red-500\/60:focus { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:text-red-500\/60:hover { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:text-red-500\/60:active { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:text-red-500\/70:focus { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:text-red-500\/70:hover { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:text-red-500\/70:active { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:text-red-500\/80:focus { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:text-red-500\/80:hover { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:text-red-500\/80:active { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:text-red-500\/90:focus { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:text-red-500\/90:hover { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:text-red-500\/90:active { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:text-red-600:focus { + color: var(--red-600) +} +.hover\:text-red-600:hover { + color: var(--red-600) +} +.active\:text-red-600:active { + color: var(--red-600) +} +.focus\:text-red-600\/10:focus { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:text-red-600\/10:hover { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:text-red-600\/10:active { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:text-red-600\/20:focus { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:text-red-600\/20:hover { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:text-red-600\/20:active { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:text-red-600\/30:focus { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:text-red-600\/30:hover { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:text-red-600\/30:active { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:text-red-600\/40:focus { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:text-red-600\/40:hover { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:text-red-600\/40:active { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:text-red-600\/50:focus { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:text-red-600\/50:hover { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:text-red-600\/50:active { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:text-red-600\/60:focus { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:text-red-600\/60:hover { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:text-red-600\/60:active { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:text-red-600\/70:focus { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:text-red-600\/70:hover { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:text-red-600\/70:active { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:text-red-600\/80:focus { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:text-red-600\/80:hover { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:text-red-600\/80:active { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:text-red-600\/90:focus { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:text-red-600\/90:hover { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:text-red-600\/90:active { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:text-red-700:focus { + color: var(--red-700) +} +.hover\:text-red-700:hover { + color: var(--red-700) +} +.active\:text-red-700:active { + color: var(--red-700) +} +.focus\:text-red-700\/10:focus { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:text-red-700\/10:hover { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:text-red-700\/10:active { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:text-red-700\/20:focus { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:text-red-700\/20:hover { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:text-red-700\/20:active { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:text-red-700\/30:focus { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:text-red-700\/30:hover { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:text-red-700\/30:active { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:text-red-700\/40:focus { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:text-red-700\/40:hover { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:text-red-700\/40:active { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:text-red-700\/50:focus { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:text-red-700\/50:hover { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:text-red-700\/50:active { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:text-red-700\/60:focus { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:text-red-700\/60:hover { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:text-red-700\/60:active { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:text-red-700\/70:focus { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:text-red-700\/70:hover { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:text-red-700\/70:active { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:text-red-700\/80:focus { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:text-red-700\/80:hover { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:text-red-700\/80:active { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:text-red-700\/90:focus { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:text-red-700\/90:hover { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:text-red-700\/90:active { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:text-red-800:focus { + color: var(--red-800) +} +.hover\:text-red-800:hover { + color: var(--red-800) +} +.active\:text-red-800:active { + color: var(--red-800) +} +.focus\:text-red-800\/10:focus { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:text-red-800\/10:hover { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:text-red-800\/10:active { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:text-red-800\/20:focus { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:text-red-800\/20:hover { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:text-red-800\/20:active { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:text-red-800\/30:focus { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:text-red-800\/30:hover { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:text-red-800\/30:active { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:text-red-800\/40:focus { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:text-red-800\/40:hover { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:text-red-800\/40:active { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:text-red-800\/50:focus { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:text-red-800\/50:hover { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:text-red-800\/50:active { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:text-red-800\/60:focus { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:text-red-800\/60:hover { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:text-red-800\/60:active { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:text-red-800\/70:focus { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:text-red-800\/70:hover { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:text-red-800\/70:active { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:text-red-800\/80:focus { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:text-red-800\/80:hover { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:text-red-800\/80:active { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:text-red-800\/90:focus { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:text-red-800\/90:hover { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:text-red-800\/90:active { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:text-red-900:focus { + color: var(--red-900) +} +.hover\:text-red-900:hover { + color: var(--red-900) +} +.active\:text-red-900:active { + color: var(--red-900) +} +.focus\:text-red-900\/10:focus { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:text-red-900\/10:hover { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:text-red-900\/10:active { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:text-red-900\/20:focus { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:text-red-900\/20:hover { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:text-red-900\/20:active { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:text-red-900\/30:focus { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:text-red-900\/30:hover { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:text-red-900\/30:active { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:text-red-900\/40:focus { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:text-red-900\/40:hover { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:text-red-900\/40:active { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:text-red-900\/50:focus { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:text-red-900\/50:hover { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:text-red-900\/50:active { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:text-red-900\/60:focus { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:text-red-900\/60:hover { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:text-red-900\/60:active { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:text-red-900\/70:focus { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:text-red-900\/70:hover { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:text-red-900\/70:active { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:text-red-900\/80:focus { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:text-red-900\/80:hover { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:text-red-900\/80:active { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:text-red-900\/90:focus { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:text-red-900\/90:hover { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:text-red-900\/90:active { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:text-gray-50:focus { + color: var(--gray-50) +} +.hover\:text-gray-50:hover { + color: var(--gray-50) +} +.active\:text-gray-50:active { + color: var(--gray-50) +} +.focus\:text-gray-50\/10:focus { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:text-gray-50\/10:hover { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:text-gray-50\/10:active { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:text-gray-50\/20:focus { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:text-gray-50\/20:hover { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:text-gray-50\/20:active { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:text-gray-50\/30:focus { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:text-gray-50\/30:hover { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:text-gray-50\/30:active { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:text-gray-50\/40:focus { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:text-gray-50\/40:hover { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:text-gray-50\/40:active { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:text-gray-50\/50:focus { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:text-gray-50\/50:hover { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:text-gray-50\/50:active { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:text-gray-50\/60:focus { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:text-gray-50\/60:hover { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:text-gray-50\/60:active { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:text-gray-50\/70:focus { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:text-gray-50\/70:hover { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:text-gray-50\/70:active { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:text-gray-50\/80:focus { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:text-gray-50\/80:hover { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:text-gray-50\/80:active { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:text-gray-50\/90:focus { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:text-gray-50\/90:hover { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:text-gray-50\/90:active { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:text-gray-100:focus { + color: var(--gray-100) +} +.hover\:text-gray-100:hover { + color: var(--gray-100) +} +.active\:text-gray-100:active { + color: var(--gray-100) +} +.focus\:text-gray-100\/10:focus { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:text-gray-100\/10:hover { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:text-gray-100\/10:active { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:text-gray-100\/20:focus { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:text-gray-100\/20:hover { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:text-gray-100\/20:active { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:text-gray-100\/30:focus { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:text-gray-100\/30:hover { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:text-gray-100\/30:active { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:text-gray-100\/40:focus { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:text-gray-100\/40:hover { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:text-gray-100\/40:active { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:text-gray-100\/50:focus { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:text-gray-100\/50:hover { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:text-gray-100\/50:active { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:text-gray-100\/60:focus { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:text-gray-100\/60:hover { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:text-gray-100\/60:active { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:text-gray-100\/70:focus { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:text-gray-100\/70:hover { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:text-gray-100\/70:active { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:text-gray-100\/80:focus { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:text-gray-100\/80:hover { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:text-gray-100\/80:active { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:text-gray-100\/90:focus { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:text-gray-100\/90:hover { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:text-gray-100\/90:active { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:text-gray-200:focus { + color: var(--gray-200) +} +.hover\:text-gray-200:hover { + color: var(--gray-200) +} +.active\:text-gray-200:active { + color: var(--gray-200) +} +.focus\:text-gray-200\/10:focus { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:text-gray-200\/10:hover { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:text-gray-200\/10:active { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:text-gray-200\/20:focus { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:text-gray-200\/20:hover { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:text-gray-200\/20:active { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:text-gray-200\/30:focus { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:text-gray-200\/30:hover { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:text-gray-200\/30:active { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:text-gray-200\/40:focus { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:text-gray-200\/40:hover { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:text-gray-200\/40:active { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:text-gray-200\/50:focus { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:text-gray-200\/50:hover { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:text-gray-200\/50:active { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:text-gray-200\/60:focus { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:text-gray-200\/60:hover { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:text-gray-200\/60:active { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:text-gray-200\/70:focus { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:text-gray-200\/70:hover { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:text-gray-200\/70:active { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:text-gray-200\/80:focus { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:text-gray-200\/80:hover { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:text-gray-200\/80:active { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:text-gray-200\/90:focus { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:text-gray-200\/90:hover { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:text-gray-200\/90:active { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:text-gray-300:focus { + color: var(--gray-300) +} +.hover\:text-gray-300:hover { + color: var(--gray-300) +} +.active\:text-gray-300:active { + color: var(--gray-300) +} +.focus\:text-gray-300\/10:focus { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:text-gray-300\/10:hover { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:text-gray-300\/10:active { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:text-gray-300\/20:focus { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:text-gray-300\/20:hover { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:text-gray-300\/20:active { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:text-gray-300\/30:focus { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:text-gray-300\/30:hover { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:text-gray-300\/30:active { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:text-gray-300\/40:focus { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:text-gray-300\/40:hover { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:text-gray-300\/40:active { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:text-gray-300\/50:focus { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:text-gray-300\/50:hover { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:text-gray-300\/50:active { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:text-gray-300\/60:focus { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:text-gray-300\/60:hover { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:text-gray-300\/60:active { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:text-gray-300\/70:focus { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:text-gray-300\/70:hover { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:text-gray-300\/70:active { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:text-gray-300\/80:focus { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:text-gray-300\/80:hover { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:text-gray-300\/80:active { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:text-gray-300\/90:focus { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:text-gray-300\/90:hover { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:text-gray-300\/90:active { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:text-gray-400:focus { + color: var(--gray-400) +} +.hover\:text-gray-400:hover { + color: var(--gray-400) +} +.active\:text-gray-400:active { + color: var(--gray-400) +} +.focus\:text-gray-400\/10:focus { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:text-gray-400\/10:hover { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:text-gray-400\/10:active { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:text-gray-400\/20:focus { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:text-gray-400\/20:hover { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:text-gray-400\/20:active { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:text-gray-400\/30:focus { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:text-gray-400\/30:hover { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:text-gray-400\/30:active { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:text-gray-400\/40:focus { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:text-gray-400\/40:hover { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:text-gray-400\/40:active { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:text-gray-400\/50:focus { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:text-gray-400\/50:hover { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:text-gray-400\/50:active { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:text-gray-400\/60:focus { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:text-gray-400\/60:hover { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:text-gray-400\/60:active { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:text-gray-400\/70:focus { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:text-gray-400\/70:hover { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:text-gray-400\/70:active { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:text-gray-400\/80:focus { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:text-gray-400\/80:hover { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:text-gray-400\/80:active { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:text-gray-400\/90:focus { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:text-gray-400\/90:hover { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:text-gray-400\/90:active { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:text-gray-500:focus { + color: var(--gray-500) +} +.hover\:text-gray-500:hover { + color: var(--gray-500) +} +.active\:text-gray-500:active { + color: var(--gray-500) +} +.focus\:text-gray-500\/10:focus { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:text-gray-500\/10:hover { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:text-gray-500\/10:active { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:text-gray-500\/20:focus { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:text-gray-500\/20:hover { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:text-gray-500\/20:active { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:text-gray-500\/30:focus { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:text-gray-500\/30:hover { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:text-gray-500\/30:active { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:text-gray-500\/40:focus { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:text-gray-500\/40:hover { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:text-gray-500\/40:active { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:text-gray-500\/50:focus { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:text-gray-500\/50:hover { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:text-gray-500\/50:active { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:text-gray-500\/60:focus { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:text-gray-500\/60:hover { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:text-gray-500\/60:active { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:text-gray-500\/70:focus { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:text-gray-500\/70:hover { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:text-gray-500\/70:active { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:text-gray-500\/80:focus { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:text-gray-500\/80:hover { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:text-gray-500\/80:active { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:text-gray-500\/90:focus { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:text-gray-500\/90:hover { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:text-gray-500\/90:active { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:text-gray-600:focus { + color: var(--gray-600) +} +.hover\:text-gray-600:hover { + color: var(--gray-600) +} +.active\:text-gray-600:active { + color: var(--gray-600) +} +.focus\:text-gray-600\/10:focus { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:text-gray-600\/10:hover { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:text-gray-600\/10:active { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:text-gray-600\/20:focus { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:text-gray-600\/20:hover { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:text-gray-600\/20:active { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:text-gray-600\/30:focus { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:text-gray-600\/30:hover { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:text-gray-600\/30:active { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:text-gray-600\/40:focus { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:text-gray-600\/40:hover { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:text-gray-600\/40:active { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:text-gray-600\/50:focus { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:text-gray-600\/50:hover { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:text-gray-600\/50:active { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:text-gray-600\/60:focus { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:text-gray-600\/60:hover { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:text-gray-600\/60:active { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:text-gray-600\/70:focus { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:text-gray-600\/70:hover { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:text-gray-600\/70:active { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:text-gray-600\/80:focus { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:text-gray-600\/80:hover { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:text-gray-600\/80:active { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:text-gray-600\/90:focus { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:text-gray-600\/90:hover { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:text-gray-600\/90:active { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:text-gray-700:focus { + color: var(--gray-700) +} +.hover\:text-gray-700:hover { + color: var(--gray-700) +} +.active\:text-gray-700:active { + color: var(--gray-700) +} +.focus\:text-gray-700\/10:focus { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:text-gray-700\/10:hover { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:text-gray-700\/10:active { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:text-gray-700\/20:focus { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:text-gray-700\/20:hover { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:text-gray-700\/20:active { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:text-gray-700\/30:focus { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:text-gray-700\/30:hover { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:text-gray-700\/30:active { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:text-gray-700\/40:focus { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:text-gray-700\/40:hover { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:text-gray-700\/40:active { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:text-gray-700\/50:focus { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:text-gray-700\/50:hover { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:text-gray-700\/50:active { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:text-gray-700\/60:focus { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:text-gray-700\/60:hover { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:text-gray-700\/60:active { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:text-gray-700\/70:focus { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:text-gray-700\/70:hover { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:text-gray-700\/70:active { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:text-gray-700\/80:focus { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:text-gray-700\/80:hover { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:text-gray-700\/80:active { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:text-gray-700\/90:focus { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:text-gray-700\/90:hover { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:text-gray-700\/90:active { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:text-gray-800:focus { + color: var(--gray-800) +} +.hover\:text-gray-800:hover { + color: var(--gray-800) +} +.active\:text-gray-800:active { + color: var(--gray-800) +} +.focus\:text-gray-800\/10:focus { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:text-gray-800\/10:hover { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:text-gray-800\/10:active { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:text-gray-800\/20:focus { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:text-gray-800\/20:hover { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:text-gray-800\/20:active { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:text-gray-800\/30:focus { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:text-gray-800\/30:hover { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:text-gray-800\/30:active { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:text-gray-800\/40:focus { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:text-gray-800\/40:hover { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:text-gray-800\/40:active { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:text-gray-800\/50:focus { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:text-gray-800\/50:hover { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:text-gray-800\/50:active { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:text-gray-800\/60:focus { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:text-gray-800\/60:hover { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:text-gray-800\/60:active { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:text-gray-800\/70:focus { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:text-gray-800\/70:hover { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:text-gray-800\/70:active { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:text-gray-800\/80:focus { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:text-gray-800\/80:hover { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:text-gray-800\/80:active { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:text-gray-800\/90:focus { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:text-gray-800\/90:hover { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:text-gray-800\/90:active { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:text-gray-900:focus { + color: var(--gray-900) +} +.hover\:text-gray-900:hover { + color: var(--gray-900) +} +.active\:text-gray-900:active { + color: var(--gray-900) +} +.focus\:text-gray-900\/10:focus { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:text-gray-900\/10:hover { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:text-gray-900\/10:active { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:text-gray-900\/20:focus { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:text-gray-900\/20:hover { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:text-gray-900\/20:active { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:text-gray-900\/30:focus { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:text-gray-900\/30:hover { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:text-gray-900\/30:active { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:text-gray-900\/40:focus { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:text-gray-900\/40:hover { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:text-gray-900\/40:active { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:text-gray-900\/50:focus { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:text-gray-900\/50:hover { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:text-gray-900\/50:active { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:text-gray-900\/60:focus { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:text-gray-900\/60:hover { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:text-gray-900\/60:active { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:text-gray-900\/70:focus { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:text-gray-900\/70:hover { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:text-gray-900\/70:active { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:text-gray-900\/80:focus { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:text-gray-900\/80:hover { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:text-gray-900\/80:active { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:text-gray-900\/90:focus { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:text-gray-900\/90:hover { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:text-gray-900\/90:active { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:text-surface-0:focus { + color: var(--surface-0) +} +.hover\:text-surface-0:hover { + color: var(--surface-0) +} +.active\:text-surface-0:active { + color: var(--surface-0) +} +.focus\:text-surface-0\/10:focus { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:text-surface-0\/10:hover { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:text-surface-0\/10:active { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:text-surface-0\/20:focus { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:text-surface-0\/20:hover { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:text-surface-0\/20:active { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:text-surface-0\/30:focus { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:text-surface-0\/30:hover { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:text-surface-0\/30:active { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:text-surface-0\/40:focus { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:text-surface-0\/40:hover { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:text-surface-0\/40:active { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:text-surface-0\/50:focus { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:text-surface-0\/50:hover { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:text-surface-0\/50:active { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:text-surface-0\/60:focus { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:text-surface-0\/60:hover { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:text-surface-0\/60:active { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:text-surface-0\/70:focus { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:text-surface-0\/70:hover { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:text-surface-0\/70:active { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:text-surface-0\/80:focus { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:text-surface-0\/80:hover { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:text-surface-0\/80:active { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:text-surface-0\/90:focus { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:text-surface-0\/90:hover { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:text-surface-0\/90:active { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:text-surface-50:focus { + color: var(--surface-50) +} +.hover\:text-surface-50:hover { + color: var(--surface-50) +} +.active\:text-surface-50:active { + color: var(--surface-50) +} +.focus\:text-surface-50\/10:focus { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:text-surface-50\/10:hover { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:text-surface-50\/10:active { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:text-surface-50\/20:focus { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:text-surface-50\/20:hover { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:text-surface-50\/20:active { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:text-surface-50\/30:focus { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:text-surface-50\/30:hover { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:text-surface-50\/30:active { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:text-surface-50\/40:focus { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:text-surface-50\/40:hover { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:text-surface-50\/40:active { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:text-surface-50\/50:focus { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:text-surface-50\/50:hover { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:text-surface-50\/50:active { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:text-surface-50\/60:focus { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:text-surface-50\/60:hover { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:text-surface-50\/60:active { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:text-surface-50\/70:focus { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:text-surface-50\/70:hover { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:text-surface-50\/70:active { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:text-surface-50\/80:focus { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:text-surface-50\/80:hover { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:text-surface-50\/80:active { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:text-surface-50\/90:focus { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:text-surface-50\/90:hover { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:text-surface-50\/90:active { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:text-surface-100:focus { + color: var(--surface-100) +} +.hover\:text-surface-100:hover { + color: var(--surface-100) +} +.active\:text-surface-100:active { + color: var(--surface-100) +} +.focus\:text-surface-100\/10:focus { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:text-surface-100\/10:hover { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:text-surface-100\/10:active { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:text-surface-100\/20:focus { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:text-surface-100\/20:hover { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:text-surface-100\/20:active { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:text-surface-100\/30:focus { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:text-surface-100\/30:hover { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:text-surface-100\/30:active { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:text-surface-100\/40:focus { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:text-surface-100\/40:hover { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:text-surface-100\/40:active { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:text-surface-100\/50:focus { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:text-surface-100\/50:hover { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:text-surface-100\/50:active { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:text-surface-100\/60:focus { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:text-surface-100\/60:hover { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:text-surface-100\/60:active { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:text-surface-100\/70:focus { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:text-surface-100\/70:hover { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:text-surface-100\/70:active { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:text-surface-100\/80:focus { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:text-surface-100\/80:hover { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:text-surface-100\/80:active { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:text-surface-100\/90:focus { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:text-surface-100\/90:hover { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:text-surface-100\/90:active { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:text-surface-200:focus { + color: var(--surface-200) +} +.hover\:text-surface-200:hover { + color: var(--surface-200) +} +.active\:text-surface-200:active { + color: var(--surface-200) +} +.focus\:text-surface-200\/10:focus { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:text-surface-200\/10:hover { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:text-surface-200\/10:active { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:text-surface-200\/20:focus { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:text-surface-200\/20:hover { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:text-surface-200\/20:active { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:text-surface-200\/30:focus { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:text-surface-200\/30:hover { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:text-surface-200\/30:active { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:text-surface-200\/40:focus { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:text-surface-200\/40:hover { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:text-surface-200\/40:active { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:text-surface-200\/50:focus { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:text-surface-200\/50:hover { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:text-surface-200\/50:active { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:text-surface-200\/60:focus { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:text-surface-200\/60:hover { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:text-surface-200\/60:active { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:text-surface-200\/70:focus { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:text-surface-200\/70:hover { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:text-surface-200\/70:active { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:text-surface-200\/80:focus { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:text-surface-200\/80:hover { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:text-surface-200\/80:active { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:text-surface-200\/90:focus { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:text-surface-200\/90:hover { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:text-surface-200\/90:active { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:text-surface-300:focus { + color: var(--surface-300) +} +.hover\:text-surface-300:hover { + color: var(--surface-300) +} +.active\:text-surface-300:active { + color: var(--surface-300) +} +.focus\:text-surface-300\/10:focus { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:text-surface-300\/10:hover { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:text-surface-300\/10:active { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:text-surface-300\/20:focus { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:text-surface-300\/20:hover { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:text-surface-300\/20:active { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:text-surface-300\/30:focus { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:text-surface-300\/30:hover { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:text-surface-300\/30:active { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:text-surface-300\/40:focus { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:text-surface-300\/40:hover { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:text-surface-300\/40:active { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:text-surface-300\/50:focus { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:text-surface-300\/50:hover { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:text-surface-300\/50:active { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:text-surface-300\/60:focus { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:text-surface-300\/60:hover { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:text-surface-300\/60:active { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:text-surface-300\/70:focus { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:text-surface-300\/70:hover { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:text-surface-300\/70:active { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:text-surface-300\/80:focus { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:text-surface-300\/80:hover { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:text-surface-300\/80:active { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:text-surface-300\/90:focus { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:text-surface-300\/90:hover { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:text-surface-300\/90:active { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:text-surface-400:focus { + color: var(--surface-400) +} +.hover\:text-surface-400:hover { + color: var(--surface-400) +} +.active\:text-surface-400:active { + color: var(--surface-400) +} +.focus\:text-surface-400\/10:focus { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:text-surface-400\/10:hover { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:text-surface-400\/10:active { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:text-surface-400\/20:focus { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:text-surface-400\/20:hover { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:text-surface-400\/20:active { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:text-surface-400\/30:focus { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:text-surface-400\/30:hover { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:text-surface-400\/30:active { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:text-surface-400\/40:focus { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:text-surface-400\/40:hover { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:text-surface-400\/40:active { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:text-surface-400\/50:focus { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:text-surface-400\/50:hover { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:text-surface-400\/50:active { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:text-surface-400\/60:focus { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:text-surface-400\/60:hover { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:text-surface-400\/60:active { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:text-surface-400\/70:focus { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:text-surface-400\/70:hover { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:text-surface-400\/70:active { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:text-surface-400\/80:focus { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:text-surface-400\/80:hover { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:text-surface-400\/80:active { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:text-surface-400\/90:focus { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:text-surface-400\/90:hover { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:text-surface-400\/90:active { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:text-surface-500:focus { + color: var(--surface-500) +} +.hover\:text-surface-500:hover { + color: var(--surface-500) +} +.active\:text-surface-500:active { + color: var(--surface-500) +} +.focus\:text-surface-500\/10:focus { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:text-surface-500\/10:hover { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:text-surface-500\/10:active { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:text-surface-500\/20:focus { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:text-surface-500\/20:hover { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:text-surface-500\/20:active { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:text-surface-500\/30:focus { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:text-surface-500\/30:hover { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:text-surface-500\/30:active { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:text-surface-500\/40:focus { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:text-surface-500\/40:hover { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:text-surface-500\/40:active { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:text-surface-500\/50:focus { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:text-surface-500\/50:hover { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:text-surface-500\/50:active { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:text-surface-500\/60:focus { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:text-surface-500\/60:hover { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:text-surface-500\/60:active { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:text-surface-500\/70:focus { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:text-surface-500\/70:hover { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:text-surface-500\/70:active { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:text-surface-500\/80:focus { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:text-surface-500\/80:hover { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:text-surface-500\/80:active { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:text-surface-500\/90:focus { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:text-surface-500\/90:hover { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:text-surface-500\/90:active { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:text-surface-600:focus { + color: var(--surface-600) +} +.hover\:text-surface-600:hover { + color: var(--surface-600) +} +.active\:text-surface-600:active { + color: var(--surface-600) +} +.focus\:text-surface-600\/10:focus { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:text-surface-600\/10:hover { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:text-surface-600\/10:active { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:text-surface-600\/20:focus { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:text-surface-600\/20:hover { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:text-surface-600\/20:active { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:text-surface-600\/30:focus { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:text-surface-600\/30:hover { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:text-surface-600\/30:active { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:text-surface-600\/40:focus { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:text-surface-600\/40:hover { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:text-surface-600\/40:active { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:text-surface-600\/50:focus { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:text-surface-600\/50:hover { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:text-surface-600\/50:active { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:text-surface-600\/60:focus { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:text-surface-600\/60:hover { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:text-surface-600\/60:active { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:text-surface-600\/70:focus { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:text-surface-600\/70:hover { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:text-surface-600\/70:active { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:text-surface-600\/80:focus { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:text-surface-600\/80:hover { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:text-surface-600\/80:active { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:text-surface-600\/90:focus { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:text-surface-600\/90:hover { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:text-surface-600\/90:active { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:text-surface-700:focus { + color: var(--surface-700) +} +.hover\:text-surface-700:hover { + color: var(--surface-700) +} +.active\:text-surface-700:active { + color: var(--surface-700) +} +.focus\:text-surface-700\/10:focus { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:text-surface-700\/10:hover { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:text-surface-700\/10:active { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:text-surface-700\/20:focus { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:text-surface-700\/20:hover { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:text-surface-700\/20:active { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:text-surface-700\/30:focus { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:text-surface-700\/30:hover { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:text-surface-700\/30:active { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:text-surface-700\/40:focus { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:text-surface-700\/40:hover { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:text-surface-700\/40:active { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:text-surface-700\/50:focus { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:text-surface-700\/50:hover { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:text-surface-700\/50:active { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:text-surface-700\/60:focus { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:text-surface-700\/60:hover { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:text-surface-700\/60:active { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:text-surface-700\/70:focus { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:text-surface-700\/70:hover { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:text-surface-700\/70:active { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:text-surface-700\/80:focus { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:text-surface-700\/80:hover { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:text-surface-700\/80:active { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:text-surface-700\/90:focus { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:text-surface-700\/90:hover { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:text-surface-700\/90:active { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:text-surface-800:focus { + color: var(--surface-800) +} +.hover\:text-surface-800:hover { + color: var(--surface-800) +} +.active\:text-surface-800:active { + color: var(--surface-800) +} +.focus\:text-surface-800\/10:focus { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:text-surface-800\/10:hover { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:text-surface-800\/10:active { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:text-surface-800\/20:focus { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:text-surface-800\/20:hover { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:text-surface-800\/20:active { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:text-surface-800\/30:focus { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:text-surface-800\/30:hover { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:text-surface-800\/30:active { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:text-surface-800\/40:focus { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:text-surface-800\/40:hover { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:text-surface-800\/40:active { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:text-surface-800\/50:focus { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:text-surface-800\/50:hover { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:text-surface-800\/50:active { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:text-surface-800\/60:focus { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:text-surface-800\/60:hover { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:text-surface-800\/60:active { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:text-surface-800\/70:focus { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:text-surface-800\/70:hover { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:text-surface-800\/70:active { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:text-surface-800\/80:focus { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:text-surface-800\/80:hover { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:text-surface-800\/80:active { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:text-surface-800\/90:focus { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:text-surface-800\/90:hover { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:text-surface-800\/90:active { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:text-surface-900:focus { + color: var(--surface-900) +} +.hover\:text-surface-900:hover { + color: var(--surface-900) +} +.active\:text-surface-900:active { + color: var(--surface-900) +} +.focus\:text-surface-900\/10:focus { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:text-surface-900\/10:hover { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:text-surface-900\/10:active { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:text-surface-900\/20:focus { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:text-surface-900\/20:hover { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:text-surface-900\/20:active { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:text-surface-900\/30:focus { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:text-surface-900\/30:hover { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:text-surface-900\/30:active { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:text-surface-900\/40:focus { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:text-surface-900\/40:hover { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:text-surface-900\/40:active { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:text-surface-900\/50:focus { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:text-surface-900\/50:hover { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:text-surface-900\/50:active { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:text-surface-900\/60:focus { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:text-surface-900\/60:hover { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:text-surface-900\/60:active { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:text-surface-900\/70:focus { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:text-surface-900\/70:hover { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:text-surface-900\/70:active { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:text-surface-900\/80:focus { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:text-surface-900\/80:hover { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:text-surface-900\/80:active { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:text-surface-900\/90:focus { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:text-surface-900\/90:hover { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:text-surface-900\/90:active { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:text-primary-50:focus { + color: var(--primary-50) +} +.hover\:text-primary-50:hover { + color: var(--primary-50) +} +.active\:text-primary-50:active { + color: var(--primary-50) +} +.focus\:text-primary-50\/10:focus { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:text-primary-50\/10:hover { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:text-primary-50\/10:active { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:text-primary-50\/20:focus { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:text-primary-50\/20:hover { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:text-primary-50\/20:active { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:text-primary-50\/30:focus { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:text-primary-50\/30:hover { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:text-primary-50\/30:active { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:text-primary-50\/40:focus { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:text-primary-50\/40:hover { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:text-primary-50\/40:active { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:text-primary-50\/50:focus { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:text-primary-50\/50:hover { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:text-primary-50\/50:active { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:text-primary-50\/60:focus { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:text-primary-50\/60:hover { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:text-primary-50\/60:active { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:text-primary-50\/70:focus { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:text-primary-50\/70:hover { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:text-primary-50\/70:active { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:text-primary-50\/80:focus { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:text-primary-50\/80:hover { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:text-primary-50\/80:active { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:text-primary-50\/90:focus { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:text-primary-50\/90:hover { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:text-primary-50\/90:active { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:text-primary-100:focus { + color: var(--primary-100) +} +.hover\:text-primary-100:hover { + color: var(--primary-100) +} +.active\:text-primary-100:active { + color: var(--primary-100) +} +.focus\:text-primary-100\/10:focus { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:text-primary-100\/10:hover { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:text-primary-100\/10:active { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:text-primary-100\/20:focus { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:text-primary-100\/20:hover { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:text-primary-100\/20:active { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:text-primary-100\/30:focus { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:text-primary-100\/30:hover { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:text-primary-100\/30:active { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:text-primary-100\/40:focus { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:text-primary-100\/40:hover { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:text-primary-100\/40:active { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:text-primary-100\/50:focus { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:text-primary-100\/50:hover { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:text-primary-100\/50:active { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:text-primary-100\/60:focus { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:text-primary-100\/60:hover { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:text-primary-100\/60:active { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:text-primary-100\/70:focus { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:text-primary-100\/70:hover { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:text-primary-100\/70:active { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:text-primary-100\/80:focus { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:text-primary-100\/80:hover { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:text-primary-100\/80:active { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:text-primary-100\/90:focus { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:text-primary-100\/90:hover { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:text-primary-100\/90:active { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:text-primary-200:focus { + color: var(--primary-200) +} +.hover\:text-primary-200:hover { + color: var(--primary-200) +} +.active\:text-primary-200:active { + color: var(--primary-200) +} +.focus\:text-primary-200\/10:focus { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:text-primary-200\/10:hover { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:text-primary-200\/10:active { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:text-primary-200\/20:focus { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:text-primary-200\/20:hover { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:text-primary-200\/20:active { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:text-primary-200\/30:focus { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:text-primary-200\/30:hover { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:text-primary-200\/30:active { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:text-primary-200\/40:focus { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:text-primary-200\/40:hover { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:text-primary-200\/40:active { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:text-primary-200\/50:focus { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:text-primary-200\/50:hover { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:text-primary-200\/50:active { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:text-primary-200\/60:focus { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:text-primary-200\/60:hover { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:text-primary-200\/60:active { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:text-primary-200\/70:focus { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:text-primary-200\/70:hover { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:text-primary-200\/70:active { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:text-primary-200\/80:focus { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:text-primary-200\/80:hover { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:text-primary-200\/80:active { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:text-primary-200\/90:focus { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:text-primary-200\/90:hover { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:text-primary-200\/90:active { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:text-primary-300:focus { + color: var(--primary-300) +} +.hover\:text-primary-300:hover { + color: var(--primary-300) +} +.active\:text-primary-300:active { + color: var(--primary-300) +} +.focus\:text-primary-300\/10:focus { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:text-primary-300\/10:hover { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:text-primary-300\/10:active { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:text-primary-300\/20:focus { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:text-primary-300\/20:hover { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:text-primary-300\/20:active { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:text-primary-300\/30:focus { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:text-primary-300\/30:hover { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:text-primary-300\/30:active { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:text-primary-300\/40:focus { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:text-primary-300\/40:hover { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:text-primary-300\/40:active { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:text-primary-300\/50:focus { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:text-primary-300\/50:hover { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:text-primary-300\/50:active { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:text-primary-300\/60:focus { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:text-primary-300\/60:hover { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:text-primary-300\/60:active { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:text-primary-300\/70:focus { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:text-primary-300\/70:hover { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:text-primary-300\/70:active { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:text-primary-300\/80:focus { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:text-primary-300\/80:hover { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:text-primary-300\/80:active { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:text-primary-300\/90:focus { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:text-primary-300\/90:hover { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:text-primary-300\/90:active { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:text-primary-400:focus { + color: var(--primary-400) +} +.hover\:text-primary-400:hover { + color: var(--primary-400) +} +.active\:text-primary-400:active { + color: var(--primary-400) +} +.focus\:text-primary-400\/10:focus { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:text-primary-400\/10:hover { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:text-primary-400\/10:active { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:text-primary-400\/20:focus { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:text-primary-400\/20:hover { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:text-primary-400\/20:active { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:text-primary-400\/30:focus { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:text-primary-400\/30:hover { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:text-primary-400\/30:active { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:text-primary-400\/40:focus { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:text-primary-400\/40:hover { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:text-primary-400\/40:active { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:text-primary-400\/50:focus { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:text-primary-400\/50:hover { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:text-primary-400\/50:active { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:text-primary-400\/60:focus { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:text-primary-400\/60:hover { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:text-primary-400\/60:active { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:text-primary-400\/70:focus { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:text-primary-400\/70:hover { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:text-primary-400\/70:active { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:text-primary-400\/80:focus { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:text-primary-400\/80:hover { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:text-primary-400\/80:active { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:text-primary-400\/90:focus { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:text-primary-400\/90:hover { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:text-primary-400\/90:active { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:text-primary-500:focus { + color: var(--primary-500) +} +.hover\:text-primary-500:hover { + color: var(--primary-500) +} +.active\:text-primary-500:active { + color: var(--primary-500) +} +.focus\:text-primary-500\/10:focus { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:text-primary-500\/10:hover { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:text-primary-500\/10:active { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:text-primary-500\/20:focus { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:text-primary-500\/20:hover { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:text-primary-500\/20:active { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:text-primary-500\/30:focus { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:text-primary-500\/30:hover { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:text-primary-500\/30:active { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:text-primary-500\/40:focus { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:text-primary-500\/40:hover { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:text-primary-500\/40:active { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:text-primary-500\/50:focus { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:text-primary-500\/50:hover { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:text-primary-500\/50:active { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:text-primary-500\/60:focus { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:text-primary-500\/60:hover { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:text-primary-500\/60:active { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:text-primary-500\/70:focus { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:text-primary-500\/70:hover { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:text-primary-500\/70:active { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:text-primary-500\/80:focus { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:text-primary-500\/80:hover { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:text-primary-500\/80:active { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:text-primary-500\/90:focus { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:text-primary-500\/90:hover { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:text-primary-500\/90:active { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:text-primary-600:focus { + color: var(--primary-600) +} +.hover\:text-primary-600:hover { + color: var(--primary-600) +} +.active\:text-primary-600:active { + color: var(--primary-600) +} +.focus\:text-primary-600\/10:focus { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:text-primary-600\/10:hover { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:text-primary-600\/10:active { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:text-primary-600\/20:focus { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:text-primary-600\/20:hover { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:text-primary-600\/20:active { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:text-primary-600\/30:focus { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:text-primary-600\/30:hover { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:text-primary-600\/30:active { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:text-primary-600\/40:focus { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:text-primary-600\/40:hover { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:text-primary-600\/40:active { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:text-primary-600\/50:focus { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:text-primary-600\/50:hover { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:text-primary-600\/50:active { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:text-primary-600\/60:focus { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:text-primary-600\/60:hover { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:text-primary-600\/60:active { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:text-primary-600\/70:focus { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:text-primary-600\/70:hover { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:text-primary-600\/70:active { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:text-primary-600\/80:focus { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:text-primary-600\/80:hover { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:text-primary-600\/80:active { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:text-primary-600\/90:focus { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:text-primary-600\/90:hover { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:text-primary-600\/90:active { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:text-primary-700:focus { + color: var(--primary-700) +} +.hover\:text-primary-700:hover { + color: var(--primary-700) +} +.active\:text-primary-700:active { + color: var(--primary-700) +} +.focus\:text-primary-700\/10:focus { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:text-primary-700\/10:hover { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:text-primary-700\/10:active { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:text-primary-700\/20:focus { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:text-primary-700\/20:hover { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:text-primary-700\/20:active { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:text-primary-700\/30:focus { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:text-primary-700\/30:hover { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:text-primary-700\/30:active { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:text-primary-700\/40:focus { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:text-primary-700\/40:hover { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:text-primary-700\/40:active { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:text-primary-700\/50:focus { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:text-primary-700\/50:hover { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:text-primary-700\/50:active { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:text-primary-700\/60:focus { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:text-primary-700\/60:hover { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:text-primary-700\/60:active { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:text-primary-700\/70:focus { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:text-primary-700\/70:hover { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:text-primary-700\/70:active { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:text-primary-700\/80:focus { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:text-primary-700\/80:hover { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:text-primary-700\/80:active { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:text-primary-700\/90:focus { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:text-primary-700\/90:hover { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:text-primary-700\/90:active { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:text-primary-800:focus { + color: var(--primary-800) +} +.hover\:text-primary-800:hover { + color: var(--primary-800) +} +.active\:text-primary-800:active { + color: var(--primary-800) +} +.focus\:text-primary-800\/10:focus { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:text-primary-800\/10:hover { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:text-primary-800\/10:active { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:text-primary-800\/20:focus { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:text-primary-800\/20:hover { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:text-primary-800\/20:active { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:text-primary-800\/30:focus { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:text-primary-800\/30:hover { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:text-primary-800\/30:active { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:text-primary-800\/40:focus { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:text-primary-800\/40:hover { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:text-primary-800\/40:active { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:text-primary-800\/50:focus { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:text-primary-800\/50:hover { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:text-primary-800\/50:active { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:text-primary-800\/60:focus { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:text-primary-800\/60:hover { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:text-primary-800\/60:active { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:text-primary-800\/70:focus { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:text-primary-800\/70:hover { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:text-primary-800\/70:active { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:text-primary-800\/80:focus { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:text-primary-800\/80:hover { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:text-primary-800\/80:active { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:text-primary-800\/90:focus { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:text-primary-800\/90:hover { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:text-primary-800\/90:active { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:text-primary-900:focus { + color: var(--primary-900) +} +.hover\:text-primary-900:hover { + color: var(--primary-900) +} +.active\:text-primary-900:active { + color: var(--primary-900) +} +.focus\:text-primary-900\/10:focus { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:text-primary-900\/10:hover { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:text-primary-900\/10:active { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:text-primary-900\/20:focus { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:text-primary-900\/20:hover { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:text-primary-900\/20:active { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:text-primary-900\/30:focus { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:text-primary-900\/30:hover { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:text-primary-900\/30:active { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:text-primary-900\/40:focus { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:text-primary-900\/40:hover { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:text-primary-900\/40:active { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:text-primary-900\/50:focus { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:text-primary-900\/50:hover { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:text-primary-900\/50:active { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:text-primary-900\/60:focus { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:text-primary-900\/60:hover { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:text-primary-900\/60:active { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:text-primary-900\/70:focus { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:text-primary-900\/70:hover { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:text-primary-900\/70:active { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:text-primary-900\/80:focus { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:text-primary-900\/80:hover { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:text-primary-900\/80:active { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:text-primary-900\/90:focus { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:text-primary-900\/90:hover { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:text-primary-900\/90:active { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:text-blue-50 { + color: var(--blue-50) + } + .sm\:text-blue-50\/10 { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:text-blue-50\/20 { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:text-blue-50\/30 { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:text-blue-50\/40 { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:text-blue-50\/50 { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:text-blue-50\/60 { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:text-blue-50\/70 { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:text-blue-50\/80 { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:text-blue-50\/90 { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:text-blue-100 { + color: var(--blue-100) + } + .sm\:text-blue-100\/10 { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:text-blue-100\/20 { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:text-blue-100\/30 { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:text-blue-100\/40 { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:text-blue-100\/50 { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:text-blue-100\/60 { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:text-blue-100\/70 { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:text-blue-100\/80 { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:text-blue-100\/90 { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:text-blue-200 { + color: var(--blue-200) + } + .sm\:text-blue-200\/10 { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:text-blue-200\/20 { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:text-blue-200\/30 { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:text-blue-200\/40 { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:text-blue-200\/50 { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:text-blue-200\/60 { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:text-blue-200\/70 { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:text-blue-200\/80 { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:text-blue-200\/90 { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:text-blue-300 { + color: var(--blue-300) + } + .sm\:text-blue-300\/10 { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:text-blue-300\/20 { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:text-blue-300\/30 { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:text-blue-300\/40 { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:text-blue-300\/50 { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:text-blue-300\/60 { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:text-blue-300\/70 { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:text-blue-300\/80 { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:text-blue-300\/90 { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:text-blue-400 { + color: var(--blue-400) + } + .sm\:text-blue-400\/10 { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:text-blue-400\/20 { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:text-blue-400\/30 { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:text-blue-400\/40 { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:text-blue-400\/50 { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:text-blue-400\/60 { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:text-blue-400\/70 { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:text-blue-400\/80 { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:text-blue-400\/90 { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:text-blue-500 { + color: var(--blue-500) + } + .sm\:text-blue-500\/10 { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:text-blue-500\/20 { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:text-blue-500\/30 { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:text-blue-500\/40 { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:text-blue-500\/50 { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:text-blue-500\/60 { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:text-blue-500\/70 { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:text-blue-500\/80 { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:text-blue-500\/90 { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:text-blue-600 { + color: var(--blue-600) + } + .sm\:text-blue-600\/10 { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:text-blue-600\/20 { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:text-blue-600\/30 { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:text-blue-600\/40 { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:text-blue-600\/50 { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:text-blue-600\/60 { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:text-blue-600\/70 { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:text-blue-600\/80 { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:text-blue-600\/90 { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:text-blue-700 { + color: var(--blue-700) + } + .sm\:text-blue-700\/10 { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:text-blue-700\/20 { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:text-blue-700\/30 { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:text-blue-700\/40 { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:text-blue-700\/50 { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:text-blue-700\/60 { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:text-blue-700\/70 { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:text-blue-700\/80 { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:text-blue-700\/90 { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:text-blue-800 { + color: var(--blue-800) + } + .sm\:text-blue-800\/10 { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:text-blue-800\/20 { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:text-blue-800\/30 { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:text-blue-800\/40 { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:text-blue-800\/50 { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:text-blue-800\/60 { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:text-blue-800\/70 { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:text-blue-800\/80 { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:text-blue-800\/90 { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:text-blue-900 { + color: var(--blue-900) + } + .sm\:text-blue-900\/10 { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:text-blue-900\/20 { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:text-blue-900\/30 { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:text-blue-900\/40 { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:text-blue-900\/50 { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:text-blue-900\/60 { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:text-blue-900\/70 { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:text-blue-900\/80 { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:text-blue-900\/90 { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:text-green-50 { + color: var(--green-50) + } + .sm\:text-green-50\/10 { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:text-green-50\/20 { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:text-green-50\/30 { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:text-green-50\/40 { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:text-green-50\/50 { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:text-green-50\/60 { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:text-green-50\/70 { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:text-green-50\/80 { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:text-green-50\/90 { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:text-green-100 { + color: var(--green-100) + } + .sm\:text-green-100\/10 { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:text-green-100\/20 { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:text-green-100\/30 { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:text-green-100\/40 { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:text-green-100\/50 { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:text-green-100\/60 { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:text-green-100\/70 { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:text-green-100\/80 { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:text-green-100\/90 { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:text-green-200 { + color: var(--green-200) + } + .sm\:text-green-200\/10 { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:text-green-200\/20 { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:text-green-200\/30 { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:text-green-200\/40 { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:text-green-200\/50 { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:text-green-200\/60 { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:text-green-200\/70 { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:text-green-200\/80 { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:text-green-200\/90 { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:text-green-300 { + color: var(--green-300) + } + .sm\:text-green-300\/10 { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:text-green-300\/20 { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:text-green-300\/30 { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:text-green-300\/40 { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:text-green-300\/50 { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:text-green-300\/60 { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:text-green-300\/70 { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:text-green-300\/80 { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:text-green-300\/90 { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:text-green-400 { + color: var(--green-400) + } + .sm\:text-green-400\/10 { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:text-green-400\/20 { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:text-green-400\/30 { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:text-green-400\/40 { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:text-green-400\/50 { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:text-green-400\/60 { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:text-green-400\/70 { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:text-green-400\/80 { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:text-green-400\/90 { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:text-green-500 { + color: var(--green-500) + } + .sm\:text-green-500\/10 { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:text-green-500\/20 { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:text-green-500\/30 { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:text-green-500\/40 { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:text-green-500\/50 { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:text-green-500\/60 { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:text-green-500\/70 { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:text-green-500\/80 { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:text-green-500\/90 { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:text-green-600 { + color: var(--green-600) + } + .sm\:text-green-600\/10 { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:text-green-600\/20 { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:text-green-600\/30 { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:text-green-600\/40 { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:text-green-600\/50 { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:text-green-600\/60 { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:text-green-600\/70 { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:text-green-600\/80 { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:text-green-600\/90 { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:text-green-700 { + color: var(--green-700) + } + .sm\:text-green-700\/10 { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:text-green-700\/20 { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:text-green-700\/30 { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:text-green-700\/40 { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:text-green-700\/50 { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:text-green-700\/60 { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:text-green-700\/70 { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:text-green-700\/80 { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:text-green-700\/90 { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:text-green-800 { + color: var(--green-800) + } + .sm\:text-green-800\/10 { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:text-green-800\/20 { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:text-green-800\/30 { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:text-green-800\/40 { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:text-green-800\/50 { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:text-green-800\/60 { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:text-green-800\/70 { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:text-green-800\/80 { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:text-green-800\/90 { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:text-green-900 { + color: var(--green-900) + } + .sm\:text-green-900\/10 { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:text-green-900\/20 { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:text-green-900\/30 { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:text-green-900\/40 { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:text-green-900\/50 { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:text-green-900\/60 { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:text-green-900\/70 { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:text-green-900\/80 { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:text-green-900\/90 { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:text-yellow-50 { + color: var(--yellow-50) + } + .sm\:text-yellow-50\/10 { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:text-yellow-50\/20 { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:text-yellow-50\/30 { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:text-yellow-50\/40 { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:text-yellow-50\/50 { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:text-yellow-50\/60 { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:text-yellow-50\/70 { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:text-yellow-50\/80 { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:text-yellow-50\/90 { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:text-yellow-100 { + color: var(--yellow-100) + } + .sm\:text-yellow-100\/10 { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:text-yellow-100\/20 { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:text-yellow-100\/30 { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:text-yellow-100\/40 { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:text-yellow-100\/50 { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:text-yellow-100\/60 { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:text-yellow-100\/70 { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:text-yellow-100\/80 { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:text-yellow-100\/90 { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:text-yellow-200 { + color: var(--yellow-200) + } + .sm\:text-yellow-200\/10 { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:text-yellow-200\/20 { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:text-yellow-200\/30 { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:text-yellow-200\/40 { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:text-yellow-200\/50 { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:text-yellow-200\/60 { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:text-yellow-200\/70 { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:text-yellow-200\/80 { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:text-yellow-200\/90 { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:text-yellow-300 { + color: var(--yellow-300) + } + .sm\:text-yellow-300\/10 { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:text-yellow-300\/20 { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:text-yellow-300\/30 { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:text-yellow-300\/40 { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:text-yellow-300\/50 { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:text-yellow-300\/60 { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:text-yellow-300\/70 { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:text-yellow-300\/80 { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:text-yellow-300\/90 { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:text-yellow-400 { + color: var(--yellow-400) + } + .sm\:text-yellow-400\/10 { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:text-yellow-400\/20 { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:text-yellow-400\/30 { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:text-yellow-400\/40 { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:text-yellow-400\/50 { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:text-yellow-400\/60 { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:text-yellow-400\/70 { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:text-yellow-400\/80 { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:text-yellow-400\/90 { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:text-yellow-500 { + color: var(--yellow-500) + } + .sm\:text-yellow-500\/10 { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:text-yellow-500\/20 { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:text-yellow-500\/30 { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:text-yellow-500\/40 { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:text-yellow-500\/50 { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:text-yellow-500\/60 { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:text-yellow-500\/70 { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:text-yellow-500\/80 { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:text-yellow-500\/90 { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:text-yellow-600 { + color: var(--yellow-600) + } + .sm\:text-yellow-600\/10 { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:text-yellow-600\/20 { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:text-yellow-600\/30 { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:text-yellow-600\/40 { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:text-yellow-600\/50 { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:text-yellow-600\/60 { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:text-yellow-600\/70 { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:text-yellow-600\/80 { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:text-yellow-600\/90 { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:text-yellow-700 { + color: var(--yellow-700) + } + .sm\:text-yellow-700\/10 { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:text-yellow-700\/20 { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:text-yellow-700\/30 { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:text-yellow-700\/40 { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:text-yellow-700\/50 { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:text-yellow-700\/60 { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:text-yellow-700\/70 { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:text-yellow-700\/80 { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:text-yellow-700\/90 { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:text-yellow-800 { + color: var(--yellow-800) + } + .sm\:text-yellow-800\/10 { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:text-yellow-800\/20 { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:text-yellow-800\/30 { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:text-yellow-800\/40 { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:text-yellow-800\/50 { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:text-yellow-800\/60 { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:text-yellow-800\/70 { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:text-yellow-800\/80 { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:text-yellow-800\/90 { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:text-yellow-900 { + color: var(--yellow-900) + } + .sm\:text-yellow-900\/10 { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:text-yellow-900\/20 { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:text-yellow-900\/30 { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:text-yellow-900\/40 { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:text-yellow-900\/50 { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:text-yellow-900\/60 { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:text-yellow-900\/70 { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:text-yellow-900\/80 { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:text-yellow-900\/90 { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:text-cyan-50 { + color: var(--cyan-50) + } + .sm\:text-cyan-50\/10 { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:text-cyan-50\/20 { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:text-cyan-50\/30 { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:text-cyan-50\/40 { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:text-cyan-50\/50 { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:text-cyan-50\/60 { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:text-cyan-50\/70 { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:text-cyan-50\/80 { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:text-cyan-50\/90 { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:text-cyan-100 { + color: var(--cyan-100) + } + .sm\:text-cyan-100\/10 { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:text-cyan-100\/20 { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:text-cyan-100\/30 { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:text-cyan-100\/40 { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:text-cyan-100\/50 { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:text-cyan-100\/60 { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:text-cyan-100\/70 { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:text-cyan-100\/80 { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:text-cyan-100\/90 { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:text-cyan-200 { + color: var(--cyan-200) + } + .sm\:text-cyan-200\/10 { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:text-cyan-200\/20 { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:text-cyan-200\/30 { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:text-cyan-200\/40 { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:text-cyan-200\/50 { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:text-cyan-200\/60 { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:text-cyan-200\/70 { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:text-cyan-200\/80 { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:text-cyan-200\/90 { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:text-cyan-300 { + color: var(--cyan-300) + } + .sm\:text-cyan-300\/10 { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:text-cyan-300\/20 { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:text-cyan-300\/30 { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:text-cyan-300\/40 { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:text-cyan-300\/50 { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:text-cyan-300\/60 { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:text-cyan-300\/70 { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:text-cyan-300\/80 { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:text-cyan-300\/90 { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:text-cyan-400 { + color: var(--cyan-400) + } + .sm\:text-cyan-400\/10 { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:text-cyan-400\/20 { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:text-cyan-400\/30 { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:text-cyan-400\/40 { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:text-cyan-400\/50 { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:text-cyan-400\/60 { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:text-cyan-400\/70 { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:text-cyan-400\/80 { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:text-cyan-400\/90 { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:text-cyan-500 { + color: var(--cyan-500) + } + .sm\:text-cyan-500\/10 { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:text-cyan-500\/20 { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:text-cyan-500\/30 { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:text-cyan-500\/40 { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:text-cyan-500\/50 { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:text-cyan-500\/60 { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:text-cyan-500\/70 { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:text-cyan-500\/80 { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:text-cyan-500\/90 { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:text-cyan-600 { + color: var(--cyan-600) + } + .sm\:text-cyan-600\/10 { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:text-cyan-600\/20 { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:text-cyan-600\/30 { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:text-cyan-600\/40 { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:text-cyan-600\/50 { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:text-cyan-600\/60 { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:text-cyan-600\/70 { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:text-cyan-600\/80 { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:text-cyan-600\/90 { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:text-cyan-700 { + color: var(--cyan-700) + } + .sm\:text-cyan-700\/10 { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:text-cyan-700\/20 { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:text-cyan-700\/30 { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:text-cyan-700\/40 { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:text-cyan-700\/50 { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:text-cyan-700\/60 { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:text-cyan-700\/70 { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:text-cyan-700\/80 { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:text-cyan-700\/90 { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:text-cyan-800 { + color: var(--cyan-800) + } + .sm\:text-cyan-800\/10 { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:text-cyan-800\/20 { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:text-cyan-800\/30 { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:text-cyan-800\/40 { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:text-cyan-800\/50 { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:text-cyan-800\/60 { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:text-cyan-800\/70 { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:text-cyan-800\/80 { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:text-cyan-800\/90 { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:text-cyan-900 { + color: var(--cyan-900) + } + .sm\:text-cyan-900\/10 { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:text-cyan-900\/20 { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:text-cyan-900\/30 { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:text-cyan-900\/40 { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:text-cyan-900\/50 { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:text-cyan-900\/60 { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:text-cyan-900\/70 { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:text-cyan-900\/80 { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:text-cyan-900\/90 { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:text-pink-50 { + color: var(--pink-50) + } + .sm\:text-pink-50\/10 { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:text-pink-50\/20 { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:text-pink-50\/30 { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:text-pink-50\/40 { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:text-pink-50\/50 { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:text-pink-50\/60 { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:text-pink-50\/70 { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:text-pink-50\/80 { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:text-pink-50\/90 { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:text-pink-100 { + color: var(--pink-100) + } + .sm\:text-pink-100\/10 { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:text-pink-100\/20 { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:text-pink-100\/30 { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:text-pink-100\/40 { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:text-pink-100\/50 { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:text-pink-100\/60 { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:text-pink-100\/70 { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:text-pink-100\/80 { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:text-pink-100\/90 { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:text-pink-200 { + color: var(--pink-200) + } + .sm\:text-pink-200\/10 { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:text-pink-200\/20 { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:text-pink-200\/30 { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:text-pink-200\/40 { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:text-pink-200\/50 { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:text-pink-200\/60 { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:text-pink-200\/70 { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:text-pink-200\/80 { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:text-pink-200\/90 { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:text-pink-300 { + color: var(--pink-300) + } + .sm\:text-pink-300\/10 { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:text-pink-300\/20 { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:text-pink-300\/30 { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:text-pink-300\/40 { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:text-pink-300\/50 { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:text-pink-300\/60 { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:text-pink-300\/70 { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:text-pink-300\/80 { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:text-pink-300\/90 { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:text-pink-400 { + color: var(--pink-400) + } + .sm\:text-pink-400\/10 { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:text-pink-400\/20 { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:text-pink-400\/30 { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:text-pink-400\/40 { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:text-pink-400\/50 { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:text-pink-400\/60 { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:text-pink-400\/70 { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:text-pink-400\/80 { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:text-pink-400\/90 { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:text-pink-500 { + color: var(--pink-500) + } + .sm\:text-pink-500\/10 { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:text-pink-500\/20 { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:text-pink-500\/30 { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:text-pink-500\/40 { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:text-pink-500\/50 { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:text-pink-500\/60 { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:text-pink-500\/70 { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:text-pink-500\/80 { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:text-pink-500\/90 { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:text-pink-600 { + color: var(--pink-600) + } + .sm\:text-pink-600\/10 { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:text-pink-600\/20 { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:text-pink-600\/30 { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:text-pink-600\/40 { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:text-pink-600\/50 { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:text-pink-600\/60 { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:text-pink-600\/70 { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:text-pink-600\/80 { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:text-pink-600\/90 { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:text-pink-700 { + color: var(--pink-700) + } + .sm\:text-pink-700\/10 { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:text-pink-700\/20 { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:text-pink-700\/30 { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:text-pink-700\/40 { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:text-pink-700\/50 { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:text-pink-700\/60 { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:text-pink-700\/70 { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:text-pink-700\/80 { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:text-pink-700\/90 { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:text-pink-800 { + color: var(--pink-800) + } + .sm\:text-pink-800\/10 { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:text-pink-800\/20 { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:text-pink-800\/30 { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:text-pink-800\/40 { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:text-pink-800\/50 { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:text-pink-800\/60 { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:text-pink-800\/70 { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:text-pink-800\/80 { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:text-pink-800\/90 { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:text-pink-900 { + color: var(--pink-900) + } + .sm\:text-pink-900\/10 { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:text-pink-900\/20 { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:text-pink-900\/30 { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:text-pink-900\/40 { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:text-pink-900\/50 { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:text-pink-900\/60 { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:text-pink-900\/70 { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:text-pink-900\/80 { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:text-pink-900\/90 { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:text-indigo-50 { + color: var(--indigo-50) + } + .sm\:text-indigo-50\/10 { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:text-indigo-50\/20 { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:text-indigo-50\/30 { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:text-indigo-50\/40 { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:text-indigo-50\/50 { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:text-indigo-50\/60 { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:text-indigo-50\/70 { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:text-indigo-50\/80 { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:text-indigo-50\/90 { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:text-indigo-100 { + color: var(--indigo-100) + } + .sm\:text-indigo-100\/10 { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:text-indigo-100\/20 { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:text-indigo-100\/30 { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:text-indigo-100\/40 { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:text-indigo-100\/50 { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:text-indigo-100\/60 { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:text-indigo-100\/70 { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:text-indigo-100\/80 { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:text-indigo-100\/90 { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:text-indigo-200 { + color: var(--indigo-200) + } + .sm\:text-indigo-200\/10 { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:text-indigo-200\/20 { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:text-indigo-200\/30 { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:text-indigo-200\/40 { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:text-indigo-200\/50 { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:text-indigo-200\/60 { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:text-indigo-200\/70 { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:text-indigo-200\/80 { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:text-indigo-200\/90 { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:text-indigo-300 { + color: var(--indigo-300) + } + .sm\:text-indigo-300\/10 { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:text-indigo-300\/20 { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:text-indigo-300\/30 { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:text-indigo-300\/40 { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:text-indigo-300\/50 { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:text-indigo-300\/60 { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:text-indigo-300\/70 { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:text-indigo-300\/80 { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:text-indigo-300\/90 { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:text-indigo-400 { + color: var(--indigo-400) + } + .sm\:text-indigo-400\/10 { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:text-indigo-400\/20 { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:text-indigo-400\/30 { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:text-indigo-400\/40 { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:text-indigo-400\/50 { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:text-indigo-400\/60 { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:text-indigo-400\/70 { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:text-indigo-400\/80 { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:text-indigo-400\/90 { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:text-indigo-500 { + color: var(--indigo-500) + } + .sm\:text-indigo-500\/10 { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:text-indigo-500\/20 { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:text-indigo-500\/30 { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:text-indigo-500\/40 { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:text-indigo-500\/50 { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:text-indigo-500\/60 { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:text-indigo-500\/70 { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:text-indigo-500\/80 { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:text-indigo-500\/90 { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:text-indigo-600 { + color: var(--indigo-600) + } + .sm\:text-indigo-600\/10 { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:text-indigo-600\/20 { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:text-indigo-600\/30 { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:text-indigo-600\/40 { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:text-indigo-600\/50 { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:text-indigo-600\/60 { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:text-indigo-600\/70 { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:text-indigo-600\/80 { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:text-indigo-600\/90 { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:text-indigo-700 { + color: var(--indigo-700) + } + .sm\:text-indigo-700\/10 { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:text-indigo-700\/20 { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:text-indigo-700\/30 { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:text-indigo-700\/40 { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:text-indigo-700\/50 { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:text-indigo-700\/60 { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:text-indigo-700\/70 { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:text-indigo-700\/80 { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:text-indigo-700\/90 { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:text-indigo-800 { + color: var(--indigo-800) + } + .sm\:text-indigo-800\/10 { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:text-indigo-800\/20 { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:text-indigo-800\/30 { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:text-indigo-800\/40 { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:text-indigo-800\/50 { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:text-indigo-800\/60 { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:text-indigo-800\/70 { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:text-indigo-800\/80 { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:text-indigo-800\/90 { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:text-indigo-900 { + color: var(--indigo-900) + } + .sm\:text-indigo-900\/10 { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:text-indigo-900\/20 { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:text-indigo-900\/30 { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:text-indigo-900\/40 { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:text-indigo-900\/50 { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:text-indigo-900\/60 { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:text-indigo-900\/70 { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:text-indigo-900\/80 { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:text-indigo-900\/90 { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:text-teal-50 { + color: var(--teal-50) + } + .sm\:text-teal-50\/10 { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:text-teal-50\/20 { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:text-teal-50\/30 { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:text-teal-50\/40 { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:text-teal-50\/50 { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:text-teal-50\/60 { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:text-teal-50\/70 { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:text-teal-50\/80 { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:text-teal-50\/90 { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:text-teal-100 { + color: var(--teal-100) + } + .sm\:text-teal-100\/10 { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:text-teal-100\/20 { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:text-teal-100\/30 { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:text-teal-100\/40 { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:text-teal-100\/50 { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:text-teal-100\/60 { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:text-teal-100\/70 { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:text-teal-100\/80 { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:text-teal-100\/90 { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:text-teal-200 { + color: var(--teal-200) + } + .sm\:text-teal-200\/10 { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:text-teal-200\/20 { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:text-teal-200\/30 { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:text-teal-200\/40 { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:text-teal-200\/50 { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:text-teal-200\/60 { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:text-teal-200\/70 { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:text-teal-200\/80 { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:text-teal-200\/90 { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:text-teal-300 { + color: var(--teal-300) + } + .sm\:text-teal-300\/10 { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:text-teal-300\/20 { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:text-teal-300\/30 { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:text-teal-300\/40 { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:text-teal-300\/50 { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:text-teal-300\/60 { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:text-teal-300\/70 { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:text-teal-300\/80 { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:text-teal-300\/90 { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:text-teal-400 { + color: var(--teal-400) + } + .sm\:text-teal-400\/10 { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:text-teal-400\/20 { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:text-teal-400\/30 { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:text-teal-400\/40 { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:text-teal-400\/50 { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:text-teal-400\/60 { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:text-teal-400\/70 { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:text-teal-400\/80 { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:text-teal-400\/90 { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:text-teal-500 { + color: var(--teal-500) + } + .sm\:text-teal-500\/10 { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:text-teal-500\/20 { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:text-teal-500\/30 { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:text-teal-500\/40 { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:text-teal-500\/50 { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:text-teal-500\/60 { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:text-teal-500\/70 { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:text-teal-500\/80 { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:text-teal-500\/90 { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:text-teal-600 { + color: var(--teal-600) + } + .sm\:text-teal-600\/10 { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:text-teal-600\/20 { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:text-teal-600\/30 { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:text-teal-600\/40 { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:text-teal-600\/50 { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:text-teal-600\/60 { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:text-teal-600\/70 { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:text-teal-600\/80 { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:text-teal-600\/90 { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:text-teal-700 { + color: var(--teal-700) + } + .sm\:text-teal-700\/10 { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:text-teal-700\/20 { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:text-teal-700\/30 { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:text-teal-700\/40 { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:text-teal-700\/50 { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:text-teal-700\/60 { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:text-teal-700\/70 { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:text-teal-700\/80 { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:text-teal-700\/90 { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:text-teal-800 { + color: var(--teal-800) + } + .sm\:text-teal-800\/10 { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:text-teal-800\/20 { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:text-teal-800\/30 { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:text-teal-800\/40 { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:text-teal-800\/50 { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:text-teal-800\/60 { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:text-teal-800\/70 { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:text-teal-800\/80 { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:text-teal-800\/90 { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:text-teal-900 { + color: var(--teal-900) + } + .sm\:text-teal-900\/10 { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:text-teal-900\/20 { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:text-teal-900\/30 { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:text-teal-900\/40 { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:text-teal-900\/50 { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:text-teal-900\/60 { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:text-teal-900\/70 { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:text-teal-900\/80 { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:text-teal-900\/90 { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:text-orange-50 { + color: var(--orange-50) + } + .sm\:text-orange-50\/10 { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:text-orange-50\/20 { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:text-orange-50\/30 { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:text-orange-50\/40 { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:text-orange-50\/50 { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:text-orange-50\/60 { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:text-orange-50\/70 { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:text-orange-50\/80 { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:text-orange-50\/90 { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:text-orange-100 { + color: var(--orange-100) + } + .sm\:text-orange-100\/10 { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:text-orange-100\/20 { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:text-orange-100\/30 { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:text-orange-100\/40 { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:text-orange-100\/50 { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:text-orange-100\/60 { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:text-orange-100\/70 { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:text-orange-100\/80 { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:text-orange-100\/90 { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:text-orange-200 { + color: var(--orange-200) + } + .sm\:text-orange-200\/10 { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:text-orange-200\/20 { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:text-orange-200\/30 { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:text-orange-200\/40 { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:text-orange-200\/50 { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:text-orange-200\/60 { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:text-orange-200\/70 { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:text-orange-200\/80 { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:text-orange-200\/90 { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:text-orange-300 { + color: var(--orange-300) + } + .sm\:text-orange-300\/10 { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:text-orange-300\/20 { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:text-orange-300\/30 { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:text-orange-300\/40 { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:text-orange-300\/50 { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:text-orange-300\/60 { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:text-orange-300\/70 { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:text-orange-300\/80 { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:text-orange-300\/90 { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:text-orange-400 { + color: var(--orange-400) + } + .sm\:text-orange-400\/10 { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:text-orange-400\/20 { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:text-orange-400\/30 { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:text-orange-400\/40 { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:text-orange-400\/50 { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:text-orange-400\/60 { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:text-orange-400\/70 { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:text-orange-400\/80 { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:text-orange-400\/90 { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:text-orange-500 { + color: var(--orange-500) + } + .sm\:text-orange-500\/10 { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:text-orange-500\/20 { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:text-orange-500\/30 { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:text-orange-500\/40 { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:text-orange-500\/50 { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:text-orange-500\/60 { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:text-orange-500\/70 { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:text-orange-500\/80 { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:text-orange-500\/90 { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:text-orange-600 { + color: var(--orange-600) + } + .sm\:text-orange-600\/10 { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:text-orange-600\/20 { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:text-orange-600\/30 { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:text-orange-600\/40 { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:text-orange-600\/50 { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:text-orange-600\/60 { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:text-orange-600\/70 { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:text-orange-600\/80 { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:text-orange-600\/90 { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:text-orange-700 { + color: var(--orange-700) + } + .sm\:text-orange-700\/10 { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:text-orange-700\/20 { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:text-orange-700\/30 { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:text-orange-700\/40 { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:text-orange-700\/50 { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:text-orange-700\/60 { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:text-orange-700\/70 { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:text-orange-700\/80 { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:text-orange-700\/90 { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:text-orange-800 { + color: var(--orange-800) + } + .sm\:text-orange-800\/10 { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:text-orange-800\/20 { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:text-orange-800\/30 { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:text-orange-800\/40 { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:text-orange-800\/50 { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:text-orange-800\/60 { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:text-orange-800\/70 { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:text-orange-800\/80 { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:text-orange-800\/90 { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:text-orange-900 { + color: var(--orange-900) + } + .sm\:text-orange-900\/10 { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:text-orange-900\/20 { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:text-orange-900\/30 { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:text-orange-900\/40 { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:text-orange-900\/50 { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:text-orange-900\/60 { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:text-orange-900\/70 { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:text-orange-900\/80 { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:text-orange-900\/90 { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:text-bluegray-50 { + color: var(--bluegray-50) + } + .sm\:text-bluegray-50\/10 { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:text-bluegray-50\/20 { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:text-bluegray-50\/30 { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:text-bluegray-50\/40 { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:text-bluegray-50\/50 { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:text-bluegray-50\/60 { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:text-bluegray-50\/70 { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:text-bluegray-50\/80 { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:text-bluegray-50\/90 { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:text-bluegray-100 { + color: var(--bluegray-100) + } + .sm\:text-bluegray-100\/10 { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:text-bluegray-100\/20 { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:text-bluegray-100\/30 { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:text-bluegray-100\/40 { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:text-bluegray-100\/50 { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:text-bluegray-100\/60 { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:text-bluegray-100\/70 { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:text-bluegray-100\/80 { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:text-bluegray-100\/90 { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:text-bluegray-200 { + color: var(--bluegray-200) + } + .sm\:text-bluegray-200\/10 { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:text-bluegray-200\/20 { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:text-bluegray-200\/30 { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:text-bluegray-200\/40 { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:text-bluegray-200\/50 { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:text-bluegray-200\/60 { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:text-bluegray-200\/70 { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:text-bluegray-200\/80 { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:text-bluegray-200\/90 { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:text-bluegray-300 { + color: var(--bluegray-300) + } + .sm\:text-bluegray-300\/10 { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:text-bluegray-300\/20 { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:text-bluegray-300\/30 { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:text-bluegray-300\/40 { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:text-bluegray-300\/50 { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:text-bluegray-300\/60 { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:text-bluegray-300\/70 { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:text-bluegray-300\/80 { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:text-bluegray-300\/90 { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:text-bluegray-400 { + color: var(--bluegray-400) + } + .sm\:text-bluegray-400\/10 { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:text-bluegray-400\/20 { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:text-bluegray-400\/30 { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:text-bluegray-400\/40 { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:text-bluegray-400\/50 { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:text-bluegray-400\/60 { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:text-bluegray-400\/70 { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:text-bluegray-400\/80 { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:text-bluegray-400\/90 { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:text-bluegray-500 { + color: var(--bluegray-500) + } + .sm\:text-bluegray-500\/10 { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:text-bluegray-500\/20 { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:text-bluegray-500\/30 { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:text-bluegray-500\/40 { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:text-bluegray-500\/50 { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:text-bluegray-500\/60 { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:text-bluegray-500\/70 { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:text-bluegray-500\/80 { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:text-bluegray-500\/90 { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:text-bluegray-600 { + color: var(--bluegray-600) + } + .sm\:text-bluegray-600\/10 { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:text-bluegray-600\/20 { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:text-bluegray-600\/30 { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:text-bluegray-600\/40 { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:text-bluegray-600\/50 { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:text-bluegray-600\/60 { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:text-bluegray-600\/70 { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:text-bluegray-600\/80 { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:text-bluegray-600\/90 { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:text-bluegray-700 { + color: var(--bluegray-700) + } + .sm\:text-bluegray-700\/10 { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:text-bluegray-700\/20 { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:text-bluegray-700\/30 { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:text-bluegray-700\/40 { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:text-bluegray-700\/50 { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:text-bluegray-700\/60 { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:text-bluegray-700\/70 { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:text-bluegray-700\/80 { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:text-bluegray-700\/90 { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:text-bluegray-800 { + color: var(--bluegray-800) + } + .sm\:text-bluegray-800\/10 { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:text-bluegray-800\/20 { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:text-bluegray-800\/30 { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:text-bluegray-800\/40 { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:text-bluegray-800\/50 { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:text-bluegray-800\/60 { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:text-bluegray-800\/70 { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:text-bluegray-800\/80 { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:text-bluegray-800\/90 { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:text-bluegray-900 { + color: var(--bluegray-900) + } + .sm\:text-bluegray-900\/10 { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:text-bluegray-900\/20 { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:text-bluegray-900\/30 { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:text-bluegray-900\/40 { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:text-bluegray-900\/50 { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:text-bluegray-900\/60 { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:text-bluegray-900\/70 { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:text-bluegray-900\/80 { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:text-bluegray-900\/90 { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:text-purple-50 { + color: var(--purple-50) + } + .sm\:text-purple-50\/10 { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:text-purple-50\/20 { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:text-purple-50\/30 { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:text-purple-50\/40 { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:text-purple-50\/50 { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:text-purple-50\/60 { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:text-purple-50\/70 { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:text-purple-50\/80 { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:text-purple-50\/90 { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:text-purple-100 { + color: var(--purple-100) + } + .sm\:text-purple-100\/10 { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:text-purple-100\/20 { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:text-purple-100\/30 { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:text-purple-100\/40 { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:text-purple-100\/50 { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:text-purple-100\/60 { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:text-purple-100\/70 { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:text-purple-100\/80 { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:text-purple-100\/90 { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:text-purple-200 { + color: var(--purple-200) + } + .sm\:text-purple-200\/10 { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:text-purple-200\/20 { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:text-purple-200\/30 { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:text-purple-200\/40 { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:text-purple-200\/50 { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:text-purple-200\/60 { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:text-purple-200\/70 { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:text-purple-200\/80 { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:text-purple-200\/90 { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:text-purple-300 { + color: var(--purple-300) + } + .sm\:text-purple-300\/10 { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:text-purple-300\/20 { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:text-purple-300\/30 { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:text-purple-300\/40 { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:text-purple-300\/50 { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:text-purple-300\/60 { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:text-purple-300\/70 { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:text-purple-300\/80 { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:text-purple-300\/90 { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:text-purple-400 { + color: var(--purple-400) + } + .sm\:text-purple-400\/10 { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:text-purple-400\/20 { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:text-purple-400\/30 { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:text-purple-400\/40 { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:text-purple-400\/50 { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:text-purple-400\/60 { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:text-purple-400\/70 { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:text-purple-400\/80 { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:text-purple-400\/90 { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:text-purple-500 { + color: var(--purple-500) + } + .sm\:text-purple-500\/10 { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:text-purple-500\/20 { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:text-purple-500\/30 { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:text-purple-500\/40 { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:text-purple-500\/50 { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:text-purple-500\/60 { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:text-purple-500\/70 { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:text-purple-500\/80 { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:text-purple-500\/90 { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:text-purple-600 { + color: var(--purple-600) + } + .sm\:text-purple-600\/10 { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:text-purple-600\/20 { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:text-purple-600\/30 { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:text-purple-600\/40 { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:text-purple-600\/50 { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:text-purple-600\/60 { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:text-purple-600\/70 { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:text-purple-600\/80 { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:text-purple-600\/90 { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:text-purple-700 { + color: var(--purple-700) + } + .sm\:text-purple-700\/10 { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:text-purple-700\/20 { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:text-purple-700\/30 { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:text-purple-700\/40 { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:text-purple-700\/50 { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:text-purple-700\/60 { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:text-purple-700\/70 { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:text-purple-700\/80 { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:text-purple-700\/90 { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:text-purple-800 { + color: var(--purple-800) + } + .sm\:text-purple-800\/10 { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:text-purple-800\/20 { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:text-purple-800\/30 { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:text-purple-800\/40 { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:text-purple-800\/50 { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:text-purple-800\/60 { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:text-purple-800\/70 { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:text-purple-800\/80 { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:text-purple-800\/90 { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:text-purple-900 { + color: var(--purple-900) + } + .sm\:text-purple-900\/10 { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:text-purple-900\/20 { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:text-purple-900\/30 { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:text-purple-900\/40 { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:text-purple-900\/50 { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:text-purple-900\/60 { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:text-purple-900\/70 { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:text-purple-900\/80 { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:text-purple-900\/90 { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:text-red-50 { + color: var(--red-50) + } + .sm\:text-red-50\/10 { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:text-red-50\/20 { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:text-red-50\/30 { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:text-red-50\/40 { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:text-red-50\/50 { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:text-red-50\/60 { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:text-red-50\/70 { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:text-red-50\/80 { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:text-red-50\/90 { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:text-red-100 { + color: var(--red-100) + } + .sm\:text-red-100\/10 { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:text-red-100\/20 { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:text-red-100\/30 { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:text-red-100\/40 { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:text-red-100\/50 { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:text-red-100\/60 { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:text-red-100\/70 { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:text-red-100\/80 { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:text-red-100\/90 { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:text-red-200 { + color: var(--red-200) + } + .sm\:text-red-200\/10 { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:text-red-200\/20 { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:text-red-200\/30 { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:text-red-200\/40 { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:text-red-200\/50 { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:text-red-200\/60 { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:text-red-200\/70 { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:text-red-200\/80 { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:text-red-200\/90 { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:text-red-300 { + color: var(--red-300) + } + .sm\:text-red-300\/10 { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:text-red-300\/20 { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:text-red-300\/30 { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:text-red-300\/40 { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:text-red-300\/50 { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:text-red-300\/60 { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:text-red-300\/70 { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:text-red-300\/80 { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:text-red-300\/90 { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:text-red-400 { + color: var(--red-400) + } + .sm\:text-red-400\/10 { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:text-red-400\/20 { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:text-red-400\/30 { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:text-red-400\/40 { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:text-red-400\/50 { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:text-red-400\/60 { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:text-red-400\/70 { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:text-red-400\/80 { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:text-red-400\/90 { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:text-red-500 { + color: var(--red-500) + } + .sm\:text-red-500\/10 { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:text-red-500\/20 { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:text-red-500\/30 { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:text-red-500\/40 { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:text-red-500\/50 { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:text-red-500\/60 { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:text-red-500\/70 { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:text-red-500\/80 { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:text-red-500\/90 { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:text-red-600 { + color: var(--red-600) + } + .sm\:text-red-600\/10 { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:text-red-600\/20 { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:text-red-600\/30 { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:text-red-600\/40 { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:text-red-600\/50 { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:text-red-600\/60 { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:text-red-600\/70 { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:text-red-600\/80 { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:text-red-600\/90 { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:text-red-700 { + color: var(--red-700) + } + .sm\:text-red-700\/10 { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:text-red-700\/20 { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:text-red-700\/30 { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:text-red-700\/40 { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:text-red-700\/50 { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:text-red-700\/60 { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:text-red-700\/70 { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:text-red-700\/80 { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:text-red-700\/90 { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:text-red-800 { + color: var(--red-800) + } + .sm\:text-red-800\/10 { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:text-red-800\/20 { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:text-red-800\/30 { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:text-red-800\/40 { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:text-red-800\/50 { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:text-red-800\/60 { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:text-red-800\/70 { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:text-red-800\/80 { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:text-red-800\/90 { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:text-red-900 { + color: var(--red-900) + } + .sm\:text-red-900\/10 { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:text-red-900\/20 { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:text-red-900\/30 { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:text-red-900\/40 { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:text-red-900\/50 { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:text-red-900\/60 { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:text-red-900\/70 { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:text-red-900\/80 { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:text-red-900\/90 { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:text-gray-50 { + color: var(--gray-50) + } + .sm\:text-gray-50\/10 { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:text-gray-50\/20 { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:text-gray-50\/30 { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:text-gray-50\/40 { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:text-gray-50\/50 { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:text-gray-50\/60 { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:text-gray-50\/70 { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:text-gray-50\/80 { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:text-gray-50\/90 { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:text-gray-100 { + color: var(--gray-100) + } + .sm\:text-gray-100\/10 { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:text-gray-100\/20 { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:text-gray-100\/30 { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:text-gray-100\/40 { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:text-gray-100\/50 { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:text-gray-100\/60 { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:text-gray-100\/70 { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:text-gray-100\/80 { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:text-gray-100\/90 { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:text-gray-200 { + color: var(--gray-200) + } + .sm\:text-gray-200\/10 { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:text-gray-200\/20 { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:text-gray-200\/30 { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:text-gray-200\/40 { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:text-gray-200\/50 { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:text-gray-200\/60 { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:text-gray-200\/70 { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:text-gray-200\/80 { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:text-gray-200\/90 { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:text-gray-300 { + color: var(--gray-300) + } + .sm\:text-gray-300\/10 { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:text-gray-300\/20 { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:text-gray-300\/30 { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:text-gray-300\/40 { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:text-gray-300\/50 { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:text-gray-300\/60 { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:text-gray-300\/70 { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:text-gray-300\/80 { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:text-gray-300\/90 { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:text-gray-400 { + color: var(--gray-400) + } + .sm\:text-gray-400\/10 { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:text-gray-400\/20 { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:text-gray-400\/30 { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:text-gray-400\/40 { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:text-gray-400\/50 { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:text-gray-400\/60 { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:text-gray-400\/70 { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:text-gray-400\/80 { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:text-gray-400\/90 { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:text-gray-500 { + color: var(--gray-500) + } + .sm\:text-gray-500\/10 { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:text-gray-500\/20 { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:text-gray-500\/30 { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:text-gray-500\/40 { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:text-gray-500\/50 { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:text-gray-500\/60 { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:text-gray-500\/70 { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:text-gray-500\/80 { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:text-gray-500\/90 { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:text-gray-600 { + color: var(--gray-600) + } + .sm\:text-gray-600\/10 { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:text-gray-600\/20 { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:text-gray-600\/30 { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:text-gray-600\/40 { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:text-gray-600\/50 { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:text-gray-600\/60 { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:text-gray-600\/70 { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:text-gray-600\/80 { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:text-gray-600\/90 { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:text-gray-700 { + color: var(--gray-700) + } + .sm\:text-gray-700\/10 { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:text-gray-700\/20 { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:text-gray-700\/30 { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:text-gray-700\/40 { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:text-gray-700\/50 { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:text-gray-700\/60 { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:text-gray-700\/70 { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:text-gray-700\/80 { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:text-gray-700\/90 { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:text-gray-800 { + color: var(--gray-800) + } + .sm\:text-gray-800\/10 { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:text-gray-800\/20 { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:text-gray-800\/30 { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:text-gray-800\/40 { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:text-gray-800\/50 { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:text-gray-800\/60 { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:text-gray-800\/70 { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:text-gray-800\/80 { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:text-gray-800\/90 { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:text-gray-900 { + color: var(--gray-900) + } + .sm\:text-gray-900\/10 { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:text-gray-900\/20 { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:text-gray-900\/30 { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:text-gray-900\/40 { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:text-gray-900\/50 { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:text-gray-900\/60 { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:text-gray-900\/70 { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:text-gray-900\/80 { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:text-gray-900\/90 { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:text-surface-0 { + color: var(--surface-0) + } + .sm\:text-surface-0\/10 { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:text-surface-0\/20 { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:text-surface-0\/30 { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:text-surface-0\/40 { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:text-surface-0\/50 { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:text-surface-0\/60 { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:text-surface-0\/70 { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:text-surface-0\/80 { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:text-surface-0\/90 { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:text-surface-50 { + color: var(--surface-50) + } + .sm\:text-surface-50\/10 { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:text-surface-50\/20 { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:text-surface-50\/30 { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:text-surface-50\/40 { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:text-surface-50\/50 { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:text-surface-50\/60 { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:text-surface-50\/70 { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:text-surface-50\/80 { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:text-surface-50\/90 { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:text-surface-100 { + color: var(--surface-100) + } + .sm\:text-surface-100\/10 { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:text-surface-100\/20 { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:text-surface-100\/30 { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:text-surface-100\/40 { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:text-surface-100\/50 { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:text-surface-100\/60 { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:text-surface-100\/70 { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:text-surface-100\/80 { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:text-surface-100\/90 { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:text-surface-200 { + color: var(--surface-200) + } + .sm\:text-surface-200\/10 { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:text-surface-200\/20 { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:text-surface-200\/30 { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:text-surface-200\/40 { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:text-surface-200\/50 { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:text-surface-200\/60 { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:text-surface-200\/70 { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:text-surface-200\/80 { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:text-surface-200\/90 { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:text-surface-300 { + color: var(--surface-300) + } + .sm\:text-surface-300\/10 { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:text-surface-300\/20 { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:text-surface-300\/30 { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:text-surface-300\/40 { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:text-surface-300\/50 { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:text-surface-300\/60 { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:text-surface-300\/70 { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:text-surface-300\/80 { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:text-surface-300\/90 { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:text-surface-400 { + color: var(--surface-400) + } + .sm\:text-surface-400\/10 { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:text-surface-400\/20 { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:text-surface-400\/30 { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:text-surface-400\/40 { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:text-surface-400\/50 { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:text-surface-400\/60 { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:text-surface-400\/70 { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:text-surface-400\/80 { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:text-surface-400\/90 { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:text-surface-500 { + color: var(--surface-500) + } + .sm\:text-surface-500\/10 { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:text-surface-500\/20 { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:text-surface-500\/30 { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:text-surface-500\/40 { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:text-surface-500\/50 { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:text-surface-500\/60 { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:text-surface-500\/70 { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:text-surface-500\/80 { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:text-surface-500\/90 { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:text-surface-600 { + color: var(--surface-600) + } + .sm\:text-surface-600\/10 { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:text-surface-600\/20 { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:text-surface-600\/30 { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:text-surface-600\/40 { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:text-surface-600\/50 { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:text-surface-600\/60 { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:text-surface-600\/70 { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:text-surface-600\/80 { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:text-surface-600\/90 { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:text-surface-700 { + color: var(--surface-700) + } + .sm\:text-surface-700\/10 { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:text-surface-700\/20 { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:text-surface-700\/30 { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:text-surface-700\/40 { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:text-surface-700\/50 { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:text-surface-700\/60 { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:text-surface-700\/70 { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:text-surface-700\/80 { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:text-surface-700\/90 { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:text-surface-800 { + color: var(--surface-800) + } + .sm\:text-surface-800\/10 { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:text-surface-800\/20 { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:text-surface-800\/30 { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:text-surface-800\/40 { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:text-surface-800\/50 { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:text-surface-800\/60 { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:text-surface-800\/70 { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:text-surface-800\/80 { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:text-surface-800\/90 { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:text-surface-900 { + color: var(--surface-900) + } + .sm\:text-surface-900\/10 { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:text-surface-900\/20 { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:text-surface-900\/30 { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:text-surface-900\/40 { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:text-surface-900\/50 { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:text-surface-900\/60 { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:text-surface-900\/70 { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:text-surface-900\/80 { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:text-surface-900\/90 { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:text-primary-50 { + color: var(--primary-50) + } + .sm\:text-primary-50\/10 { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:text-primary-50\/20 { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:text-primary-50\/30 { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:text-primary-50\/40 { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:text-primary-50\/50 { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:text-primary-50\/60 { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:text-primary-50\/70 { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:text-primary-50\/80 { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:text-primary-50\/90 { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:text-primary-100 { + color: var(--primary-100) + } + .sm\:text-primary-100\/10 { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:text-primary-100\/20 { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:text-primary-100\/30 { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:text-primary-100\/40 { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:text-primary-100\/50 { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:text-primary-100\/60 { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:text-primary-100\/70 { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:text-primary-100\/80 { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:text-primary-100\/90 { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:text-primary-200 { + color: var(--primary-200) + } + .sm\:text-primary-200\/10 { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:text-primary-200\/20 { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:text-primary-200\/30 { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:text-primary-200\/40 { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:text-primary-200\/50 { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:text-primary-200\/60 { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:text-primary-200\/70 { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:text-primary-200\/80 { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:text-primary-200\/90 { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:text-primary-300 { + color: var(--primary-300) + } + .sm\:text-primary-300\/10 { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:text-primary-300\/20 { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:text-primary-300\/30 { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:text-primary-300\/40 { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:text-primary-300\/50 { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:text-primary-300\/60 { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:text-primary-300\/70 { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:text-primary-300\/80 { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:text-primary-300\/90 { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:text-primary-400 { + color: var(--primary-400) + } + .sm\:text-primary-400\/10 { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:text-primary-400\/20 { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:text-primary-400\/30 { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:text-primary-400\/40 { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:text-primary-400\/50 { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:text-primary-400\/60 { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:text-primary-400\/70 { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:text-primary-400\/80 { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:text-primary-400\/90 { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:text-primary-500 { + color: var(--primary-500) + } + .sm\:text-primary-500\/10 { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:text-primary-500\/20 { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:text-primary-500\/30 { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:text-primary-500\/40 { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:text-primary-500\/50 { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:text-primary-500\/60 { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:text-primary-500\/70 { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:text-primary-500\/80 { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:text-primary-500\/90 { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:text-primary-600 { + color: var(--primary-600) + } + .sm\:text-primary-600\/10 { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:text-primary-600\/20 { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:text-primary-600\/30 { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:text-primary-600\/40 { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:text-primary-600\/50 { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:text-primary-600\/60 { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:text-primary-600\/70 { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:text-primary-600\/80 { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:text-primary-600\/90 { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:text-primary-700 { + color: var(--primary-700) + } + .sm\:text-primary-700\/10 { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:text-primary-700\/20 { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:text-primary-700\/30 { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:text-primary-700\/40 { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:text-primary-700\/50 { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:text-primary-700\/60 { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:text-primary-700\/70 { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:text-primary-700\/80 { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:text-primary-700\/90 { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:text-primary-800 { + color: var(--primary-800) + } + .sm\:text-primary-800\/10 { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:text-primary-800\/20 { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:text-primary-800\/30 { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:text-primary-800\/40 { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:text-primary-800\/50 { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:text-primary-800\/60 { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:text-primary-800\/70 { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:text-primary-800\/80 { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:text-primary-800\/90 { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:text-primary-900 { + color: var(--primary-900) + } + .sm\:text-primary-900\/10 { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:text-primary-900\/20 { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:text-primary-900\/30 { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:text-primary-900\/40 { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:text-primary-900\/50 { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:text-primary-900\/60 { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:text-primary-900\/70 { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:text-primary-900\/80 { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:text-primary-900\/90 { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:text-blue-50:focus { + color: var(--blue-50) + } + .sm\:hover\:text-blue-50:hover { + color: var(--blue-50) + } + .sm\:active\:text-blue-50:active { + color: var(--blue-50) + } + .sm\:focus\:text-blue-50\/10:focus { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:text-blue-50\/10:hover { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:text-blue-50\/10:active { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:text-blue-50\/20:focus { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:text-blue-50\/20:hover { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:text-blue-50\/20:active { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:text-blue-50\/30:focus { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:text-blue-50\/30:hover { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:text-blue-50\/30:active { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:text-blue-50\/40:focus { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:text-blue-50\/40:hover { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:text-blue-50\/40:active { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:text-blue-50\/50:focus { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:text-blue-50\/50:hover { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:text-blue-50\/50:active { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:text-blue-50\/60:focus { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:text-blue-50\/60:hover { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:text-blue-50\/60:active { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:text-blue-50\/70:focus { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:text-blue-50\/70:hover { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:text-blue-50\/70:active { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:text-blue-50\/80:focus { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:text-blue-50\/80:hover { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:text-blue-50\/80:active { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:text-blue-50\/90:focus { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:text-blue-50\/90:hover { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:text-blue-50\/90:active { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:text-blue-100:focus { + color: var(--blue-100) + } + .sm\:hover\:text-blue-100:hover { + color: var(--blue-100) + } + .sm\:active\:text-blue-100:active { + color: var(--blue-100) + } + .sm\:focus\:text-blue-100\/10:focus { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:text-blue-100\/10:hover { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:text-blue-100\/10:active { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:text-blue-100\/20:focus { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:text-blue-100\/20:hover { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:text-blue-100\/20:active { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:text-blue-100\/30:focus { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:text-blue-100\/30:hover { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:text-blue-100\/30:active { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:text-blue-100\/40:focus { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:text-blue-100\/40:hover { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:text-blue-100\/40:active { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:text-blue-100\/50:focus { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:text-blue-100\/50:hover { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:text-blue-100\/50:active { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:text-blue-100\/60:focus { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:text-blue-100\/60:hover { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:text-blue-100\/60:active { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:text-blue-100\/70:focus { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:text-blue-100\/70:hover { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:text-blue-100\/70:active { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:text-blue-100\/80:focus { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:text-blue-100\/80:hover { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:text-blue-100\/80:active { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:text-blue-100\/90:focus { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:text-blue-100\/90:hover { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:text-blue-100\/90:active { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:text-blue-200:focus { + color: var(--blue-200) + } + .sm\:hover\:text-blue-200:hover { + color: var(--blue-200) + } + .sm\:active\:text-blue-200:active { + color: var(--blue-200) + } + .sm\:focus\:text-blue-200\/10:focus { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:text-blue-200\/10:hover { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:text-blue-200\/10:active { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:text-blue-200\/20:focus { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:text-blue-200\/20:hover { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:text-blue-200\/20:active { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:text-blue-200\/30:focus { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:text-blue-200\/30:hover { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:text-blue-200\/30:active { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:text-blue-200\/40:focus { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:text-blue-200\/40:hover { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:text-blue-200\/40:active { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:text-blue-200\/50:focus { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:text-blue-200\/50:hover { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:text-blue-200\/50:active { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:text-blue-200\/60:focus { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:text-blue-200\/60:hover { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:text-blue-200\/60:active { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:text-blue-200\/70:focus { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:text-blue-200\/70:hover { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:text-blue-200\/70:active { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:text-blue-200\/80:focus { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:text-blue-200\/80:hover { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:text-blue-200\/80:active { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:text-blue-200\/90:focus { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:text-blue-200\/90:hover { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:text-blue-200\/90:active { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:text-blue-300:focus { + color: var(--blue-300) + } + .sm\:hover\:text-blue-300:hover { + color: var(--blue-300) + } + .sm\:active\:text-blue-300:active { + color: var(--blue-300) + } + .sm\:focus\:text-blue-300\/10:focus { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:text-blue-300\/10:hover { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:text-blue-300\/10:active { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:text-blue-300\/20:focus { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:text-blue-300\/20:hover { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:text-blue-300\/20:active { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:text-blue-300\/30:focus { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:text-blue-300\/30:hover { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:text-blue-300\/30:active { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:text-blue-300\/40:focus { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:text-blue-300\/40:hover { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:text-blue-300\/40:active { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:text-blue-300\/50:focus { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:text-blue-300\/50:hover { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:text-blue-300\/50:active { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:text-blue-300\/60:focus { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:text-blue-300\/60:hover { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:text-blue-300\/60:active { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:text-blue-300\/70:focus { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:text-blue-300\/70:hover { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:text-blue-300\/70:active { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:text-blue-300\/80:focus { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:text-blue-300\/80:hover { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:text-blue-300\/80:active { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:text-blue-300\/90:focus { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:text-blue-300\/90:hover { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:text-blue-300\/90:active { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:text-blue-400:focus { + color: var(--blue-400) + } + .sm\:hover\:text-blue-400:hover { + color: var(--blue-400) + } + .sm\:active\:text-blue-400:active { + color: var(--blue-400) + } + .sm\:focus\:text-blue-400\/10:focus { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:text-blue-400\/10:hover { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:text-blue-400\/10:active { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:text-blue-400\/20:focus { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:text-blue-400\/20:hover { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:text-blue-400\/20:active { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:text-blue-400\/30:focus { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:text-blue-400\/30:hover { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:text-blue-400\/30:active { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:text-blue-400\/40:focus { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:text-blue-400\/40:hover { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:text-blue-400\/40:active { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:text-blue-400\/50:focus { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:text-blue-400\/50:hover { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:text-blue-400\/50:active { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:text-blue-400\/60:focus { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:text-blue-400\/60:hover { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:text-blue-400\/60:active { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:text-blue-400\/70:focus { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:text-blue-400\/70:hover { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:text-blue-400\/70:active { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:text-blue-400\/80:focus { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:text-blue-400\/80:hover { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:text-blue-400\/80:active { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:text-blue-400\/90:focus { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:text-blue-400\/90:hover { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:text-blue-400\/90:active { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:text-blue-500:focus { + color: var(--blue-500) + } + .sm\:hover\:text-blue-500:hover { + color: var(--blue-500) + } + .sm\:active\:text-blue-500:active { + color: var(--blue-500) + } + .sm\:focus\:text-blue-500\/10:focus { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:text-blue-500\/10:hover { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:text-blue-500\/10:active { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:text-blue-500\/20:focus { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:text-blue-500\/20:hover { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:text-blue-500\/20:active { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:text-blue-500\/30:focus { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:text-blue-500\/30:hover { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:text-blue-500\/30:active { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:text-blue-500\/40:focus { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:text-blue-500\/40:hover { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:text-blue-500\/40:active { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:text-blue-500\/50:focus { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:text-blue-500\/50:hover { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:text-blue-500\/50:active { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:text-blue-500\/60:focus { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:text-blue-500\/60:hover { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:text-blue-500\/60:active { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:text-blue-500\/70:focus { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:text-blue-500\/70:hover { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:text-blue-500\/70:active { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:text-blue-500\/80:focus { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:text-blue-500\/80:hover { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:text-blue-500\/80:active { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:text-blue-500\/90:focus { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:text-blue-500\/90:hover { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:text-blue-500\/90:active { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:text-blue-600:focus { + color: var(--blue-600) + } + .sm\:hover\:text-blue-600:hover { + color: var(--blue-600) + } + .sm\:active\:text-blue-600:active { + color: var(--blue-600) + } + .sm\:focus\:text-blue-600\/10:focus { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:text-blue-600\/10:hover { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:text-blue-600\/10:active { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:text-blue-600\/20:focus { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:text-blue-600\/20:hover { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:text-blue-600\/20:active { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:text-blue-600\/30:focus { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:text-blue-600\/30:hover { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:text-blue-600\/30:active { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:text-blue-600\/40:focus { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:text-blue-600\/40:hover { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:text-blue-600\/40:active { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:text-blue-600\/50:focus { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:text-blue-600\/50:hover { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:text-blue-600\/50:active { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:text-blue-600\/60:focus { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:text-blue-600\/60:hover { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:text-blue-600\/60:active { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:text-blue-600\/70:focus { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:text-blue-600\/70:hover { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:text-blue-600\/70:active { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:text-blue-600\/80:focus { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:text-blue-600\/80:hover { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:text-blue-600\/80:active { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:text-blue-600\/90:focus { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:text-blue-600\/90:hover { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:text-blue-600\/90:active { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:text-blue-700:focus { + color: var(--blue-700) + } + .sm\:hover\:text-blue-700:hover { + color: var(--blue-700) + } + .sm\:active\:text-blue-700:active { + color: var(--blue-700) + } + .sm\:focus\:text-blue-700\/10:focus { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:text-blue-700\/10:hover { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:text-blue-700\/10:active { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:text-blue-700\/20:focus { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:text-blue-700\/20:hover { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:text-blue-700\/20:active { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:text-blue-700\/30:focus { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:text-blue-700\/30:hover { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:text-blue-700\/30:active { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:text-blue-700\/40:focus { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:text-blue-700\/40:hover { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:text-blue-700\/40:active { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:text-blue-700\/50:focus { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:text-blue-700\/50:hover { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:text-blue-700\/50:active { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:text-blue-700\/60:focus { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:text-blue-700\/60:hover { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:text-blue-700\/60:active { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:text-blue-700\/70:focus { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:text-blue-700\/70:hover { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:text-blue-700\/70:active { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:text-blue-700\/80:focus { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:text-blue-700\/80:hover { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:text-blue-700\/80:active { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:text-blue-700\/90:focus { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:text-blue-700\/90:hover { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:text-blue-700\/90:active { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:text-blue-800:focus { + color: var(--blue-800) + } + .sm\:hover\:text-blue-800:hover { + color: var(--blue-800) + } + .sm\:active\:text-blue-800:active { + color: var(--blue-800) + } + .sm\:focus\:text-blue-800\/10:focus { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:text-blue-800\/10:hover { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:text-blue-800\/10:active { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:text-blue-800\/20:focus { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:text-blue-800\/20:hover { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:text-blue-800\/20:active { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:text-blue-800\/30:focus { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:text-blue-800\/30:hover { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:text-blue-800\/30:active { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:text-blue-800\/40:focus { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:text-blue-800\/40:hover { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:text-blue-800\/40:active { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:text-blue-800\/50:focus { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:text-blue-800\/50:hover { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:text-blue-800\/50:active { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:text-blue-800\/60:focus { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:text-blue-800\/60:hover { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:text-blue-800\/60:active { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:text-blue-800\/70:focus { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:text-blue-800\/70:hover { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:text-blue-800\/70:active { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:text-blue-800\/80:focus { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:text-blue-800\/80:hover { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:text-blue-800\/80:active { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:text-blue-800\/90:focus { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:text-blue-800\/90:hover { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:text-blue-800\/90:active { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:text-blue-900:focus { + color: var(--blue-900) + } + .sm\:hover\:text-blue-900:hover { + color: var(--blue-900) + } + .sm\:active\:text-blue-900:active { + color: var(--blue-900) + } + .sm\:focus\:text-blue-900\/10:focus { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:text-blue-900\/10:hover { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:text-blue-900\/10:active { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:text-blue-900\/20:focus { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:text-blue-900\/20:hover { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:text-blue-900\/20:active { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:text-blue-900\/30:focus { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:text-blue-900\/30:hover { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:text-blue-900\/30:active { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:text-blue-900\/40:focus { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:text-blue-900\/40:hover { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:text-blue-900\/40:active { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:text-blue-900\/50:focus { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:text-blue-900\/50:hover { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:text-blue-900\/50:active { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:text-blue-900\/60:focus { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:text-blue-900\/60:hover { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:text-blue-900\/60:active { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:text-blue-900\/70:focus { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:text-blue-900\/70:hover { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:text-blue-900\/70:active { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:text-blue-900\/80:focus { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:text-blue-900\/80:hover { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:text-blue-900\/80:active { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:text-blue-900\/90:focus { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:text-blue-900\/90:hover { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:text-blue-900\/90:active { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:text-green-50:focus { + color: var(--green-50) + } + .sm\:hover\:text-green-50:hover { + color: var(--green-50) + } + .sm\:active\:text-green-50:active { + color: var(--green-50) + } + .sm\:focus\:text-green-50\/10:focus { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:text-green-50\/10:hover { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:text-green-50\/10:active { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:text-green-50\/20:focus { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:text-green-50\/20:hover { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:text-green-50\/20:active { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:text-green-50\/30:focus { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:text-green-50\/30:hover { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:text-green-50\/30:active { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:text-green-50\/40:focus { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:text-green-50\/40:hover { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:text-green-50\/40:active { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:text-green-50\/50:focus { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:text-green-50\/50:hover { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:text-green-50\/50:active { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:text-green-50\/60:focus { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:text-green-50\/60:hover { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:text-green-50\/60:active { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:text-green-50\/70:focus { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:text-green-50\/70:hover { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:text-green-50\/70:active { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:text-green-50\/80:focus { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:text-green-50\/80:hover { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:text-green-50\/80:active { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:text-green-50\/90:focus { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:text-green-50\/90:hover { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:text-green-50\/90:active { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:text-green-100:focus { + color: var(--green-100) + } + .sm\:hover\:text-green-100:hover { + color: var(--green-100) + } + .sm\:active\:text-green-100:active { + color: var(--green-100) + } + .sm\:focus\:text-green-100\/10:focus { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:text-green-100\/10:hover { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:text-green-100\/10:active { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:text-green-100\/20:focus { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:text-green-100\/20:hover { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:text-green-100\/20:active { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:text-green-100\/30:focus { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:text-green-100\/30:hover { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:text-green-100\/30:active { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:text-green-100\/40:focus { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:text-green-100\/40:hover { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:text-green-100\/40:active { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:text-green-100\/50:focus { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:text-green-100\/50:hover { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:text-green-100\/50:active { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:text-green-100\/60:focus { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:text-green-100\/60:hover { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:text-green-100\/60:active { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:text-green-100\/70:focus { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:text-green-100\/70:hover { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:text-green-100\/70:active { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:text-green-100\/80:focus { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:text-green-100\/80:hover { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:text-green-100\/80:active { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:text-green-100\/90:focus { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:text-green-100\/90:hover { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:text-green-100\/90:active { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:text-green-200:focus { + color: var(--green-200) + } + .sm\:hover\:text-green-200:hover { + color: var(--green-200) + } + .sm\:active\:text-green-200:active { + color: var(--green-200) + } + .sm\:focus\:text-green-200\/10:focus { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:text-green-200\/10:hover { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:text-green-200\/10:active { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:text-green-200\/20:focus { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:text-green-200\/20:hover { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:text-green-200\/20:active { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:text-green-200\/30:focus { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:text-green-200\/30:hover { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:text-green-200\/30:active { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:text-green-200\/40:focus { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:text-green-200\/40:hover { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:text-green-200\/40:active { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:text-green-200\/50:focus { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:text-green-200\/50:hover { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:text-green-200\/50:active { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:text-green-200\/60:focus { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:text-green-200\/60:hover { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:text-green-200\/60:active { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:text-green-200\/70:focus { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:text-green-200\/70:hover { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:text-green-200\/70:active { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:text-green-200\/80:focus { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:text-green-200\/80:hover { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:text-green-200\/80:active { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:text-green-200\/90:focus { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:text-green-200\/90:hover { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:text-green-200\/90:active { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:text-green-300:focus { + color: var(--green-300) + } + .sm\:hover\:text-green-300:hover { + color: var(--green-300) + } + .sm\:active\:text-green-300:active { + color: var(--green-300) + } + .sm\:focus\:text-green-300\/10:focus { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:text-green-300\/10:hover { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:text-green-300\/10:active { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:text-green-300\/20:focus { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:text-green-300\/20:hover { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:text-green-300\/20:active { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:text-green-300\/30:focus { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:text-green-300\/30:hover { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:text-green-300\/30:active { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:text-green-300\/40:focus { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:text-green-300\/40:hover { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:text-green-300\/40:active { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:text-green-300\/50:focus { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:text-green-300\/50:hover { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:text-green-300\/50:active { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:text-green-300\/60:focus { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:text-green-300\/60:hover { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:text-green-300\/60:active { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:text-green-300\/70:focus { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:text-green-300\/70:hover { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:text-green-300\/70:active { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:text-green-300\/80:focus { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:text-green-300\/80:hover { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:text-green-300\/80:active { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:text-green-300\/90:focus { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:text-green-300\/90:hover { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:text-green-300\/90:active { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:text-green-400:focus { + color: var(--green-400) + } + .sm\:hover\:text-green-400:hover { + color: var(--green-400) + } + .sm\:active\:text-green-400:active { + color: var(--green-400) + } + .sm\:focus\:text-green-400\/10:focus { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:text-green-400\/10:hover { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:text-green-400\/10:active { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:text-green-400\/20:focus { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:text-green-400\/20:hover { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:text-green-400\/20:active { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:text-green-400\/30:focus { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:text-green-400\/30:hover { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:text-green-400\/30:active { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:text-green-400\/40:focus { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:text-green-400\/40:hover { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:text-green-400\/40:active { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:text-green-400\/50:focus { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:text-green-400\/50:hover { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:text-green-400\/50:active { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:text-green-400\/60:focus { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:text-green-400\/60:hover { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:text-green-400\/60:active { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:text-green-400\/70:focus { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:text-green-400\/70:hover { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:text-green-400\/70:active { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:text-green-400\/80:focus { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:text-green-400\/80:hover { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:text-green-400\/80:active { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:text-green-400\/90:focus { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:text-green-400\/90:hover { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:text-green-400\/90:active { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:text-green-500:focus { + color: var(--green-500) + } + .sm\:hover\:text-green-500:hover { + color: var(--green-500) + } + .sm\:active\:text-green-500:active { + color: var(--green-500) + } + .sm\:focus\:text-green-500\/10:focus { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:text-green-500\/10:hover { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:text-green-500\/10:active { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:text-green-500\/20:focus { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:text-green-500\/20:hover { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:text-green-500\/20:active { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:text-green-500\/30:focus { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:text-green-500\/30:hover { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:text-green-500\/30:active { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:text-green-500\/40:focus { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:text-green-500\/40:hover { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:text-green-500\/40:active { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:text-green-500\/50:focus { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:text-green-500\/50:hover { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:text-green-500\/50:active { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:text-green-500\/60:focus { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:text-green-500\/60:hover { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:text-green-500\/60:active { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:text-green-500\/70:focus { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:text-green-500\/70:hover { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:text-green-500\/70:active { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:text-green-500\/80:focus { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:text-green-500\/80:hover { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:text-green-500\/80:active { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:text-green-500\/90:focus { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:text-green-500\/90:hover { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:text-green-500\/90:active { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:text-green-600:focus { + color: var(--green-600) + } + .sm\:hover\:text-green-600:hover { + color: var(--green-600) + } + .sm\:active\:text-green-600:active { + color: var(--green-600) + } + .sm\:focus\:text-green-600\/10:focus { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:text-green-600\/10:hover { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:text-green-600\/10:active { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:text-green-600\/20:focus { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:text-green-600\/20:hover { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:text-green-600\/20:active { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:text-green-600\/30:focus { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:text-green-600\/30:hover { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:text-green-600\/30:active { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:text-green-600\/40:focus { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:text-green-600\/40:hover { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:text-green-600\/40:active { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:text-green-600\/50:focus { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:text-green-600\/50:hover { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:text-green-600\/50:active { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:text-green-600\/60:focus { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:text-green-600\/60:hover { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:text-green-600\/60:active { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:text-green-600\/70:focus { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:text-green-600\/70:hover { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:text-green-600\/70:active { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:text-green-600\/80:focus { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:text-green-600\/80:hover { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:text-green-600\/80:active { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:text-green-600\/90:focus { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:text-green-600\/90:hover { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:text-green-600\/90:active { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:text-green-700:focus { + color: var(--green-700) + } + .sm\:hover\:text-green-700:hover { + color: var(--green-700) + } + .sm\:active\:text-green-700:active { + color: var(--green-700) + } + .sm\:focus\:text-green-700\/10:focus { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:text-green-700\/10:hover { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:text-green-700\/10:active { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:text-green-700\/20:focus { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:text-green-700\/20:hover { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:text-green-700\/20:active { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:text-green-700\/30:focus { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:text-green-700\/30:hover { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:text-green-700\/30:active { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:text-green-700\/40:focus { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:text-green-700\/40:hover { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:text-green-700\/40:active { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:text-green-700\/50:focus { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:text-green-700\/50:hover { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:text-green-700\/50:active { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:text-green-700\/60:focus { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:text-green-700\/60:hover { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:text-green-700\/60:active { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:text-green-700\/70:focus { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:text-green-700\/70:hover { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:text-green-700\/70:active { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:text-green-700\/80:focus { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:text-green-700\/80:hover { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:text-green-700\/80:active { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:text-green-700\/90:focus { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:text-green-700\/90:hover { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:text-green-700\/90:active { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:text-green-800:focus { + color: var(--green-800) + } + .sm\:hover\:text-green-800:hover { + color: var(--green-800) + } + .sm\:active\:text-green-800:active { + color: var(--green-800) + } + .sm\:focus\:text-green-800\/10:focus { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:text-green-800\/10:hover { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:text-green-800\/10:active { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:text-green-800\/20:focus { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:text-green-800\/20:hover { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:text-green-800\/20:active { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:text-green-800\/30:focus { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:text-green-800\/30:hover { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:text-green-800\/30:active { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:text-green-800\/40:focus { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:text-green-800\/40:hover { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:text-green-800\/40:active { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:text-green-800\/50:focus { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:text-green-800\/50:hover { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:text-green-800\/50:active { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:text-green-800\/60:focus { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:text-green-800\/60:hover { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:text-green-800\/60:active { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:text-green-800\/70:focus { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:text-green-800\/70:hover { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:text-green-800\/70:active { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:text-green-800\/80:focus { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:text-green-800\/80:hover { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:text-green-800\/80:active { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:text-green-800\/90:focus { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:text-green-800\/90:hover { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:text-green-800\/90:active { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:text-green-900:focus { + color: var(--green-900) + } + .sm\:hover\:text-green-900:hover { + color: var(--green-900) + } + .sm\:active\:text-green-900:active { + color: var(--green-900) + } + .sm\:focus\:text-green-900\/10:focus { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:text-green-900\/10:hover { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:text-green-900\/10:active { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:text-green-900\/20:focus { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:text-green-900\/20:hover { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:text-green-900\/20:active { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:text-green-900\/30:focus { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:text-green-900\/30:hover { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:text-green-900\/30:active { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:text-green-900\/40:focus { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:text-green-900\/40:hover { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:text-green-900\/40:active { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:text-green-900\/50:focus { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:text-green-900\/50:hover { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:text-green-900\/50:active { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:text-green-900\/60:focus { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:text-green-900\/60:hover { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:text-green-900\/60:active { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:text-green-900\/70:focus { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:text-green-900\/70:hover { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:text-green-900\/70:active { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:text-green-900\/80:focus { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:text-green-900\/80:hover { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:text-green-900\/80:active { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:text-green-900\/90:focus { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:text-green-900\/90:hover { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:text-green-900\/90:active { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:text-yellow-50:focus { + color: var(--yellow-50) + } + .sm\:hover\:text-yellow-50:hover { + color: var(--yellow-50) + } + .sm\:active\:text-yellow-50:active { + color: var(--yellow-50) + } + .sm\:focus\:text-yellow-50\/10:focus { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:text-yellow-50\/10:hover { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:text-yellow-50\/10:active { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:text-yellow-50\/20:focus { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:text-yellow-50\/20:hover { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:text-yellow-50\/20:active { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:text-yellow-50\/30:focus { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:text-yellow-50\/30:hover { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:text-yellow-50\/30:active { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:text-yellow-50\/40:focus { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:text-yellow-50\/40:hover { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:text-yellow-50\/40:active { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:text-yellow-50\/50:focus { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:text-yellow-50\/50:hover { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:text-yellow-50\/50:active { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:text-yellow-50\/60:focus { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:text-yellow-50\/60:hover { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:text-yellow-50\/60:active { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:text-yellow-50\/70:focus { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:text-yellow-50\/70:hover { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:text-yellow-50\/70:active { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:text-yellow-50\/80:focus { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:text-yellow-50\/80:hover { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:text-yellow-50\/80:active { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:text-yellow-50\/90:focus { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:text-yellow-50\/90:hover { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:text-yellow-50\/90:active { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:text-yellow-100:focus { + color: var(--yellow-100) + } + .sm\:hover\:text-yellow-100:hover { + color: var(--yellow-100) + } + .sm\:active\:text-yellow-100:active { + color: var(--yellow-100) + } + .sm\:focus\:text-yellow-100\/10:focus { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:text-yellow-100\/10:hover { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:text-yellow-100\/10:active { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:text-yellow-100\/20:focus { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:text-yellow-100\/20:hover { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:text-yellow-100\/20:active { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:text-yellow-100\/30:focus { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:text-yellow-100\/30:hover { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:text-yellow-100\/30:active { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:text-yellow-100\/40:focus { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:text-yellow-100\/40:hover { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:text-yellow-100\/40:active { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:text-yellow-100\/50:focus { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:text-yellow-100\/50:hover { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:text-yellow-100\/50:active { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:text-yellow-100\/60:focus { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:text-yellow-100\/60:hover { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:text-yellow-100\/60:active { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:text-yellow-100\/70:focus { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:text-yellow-100\/70:hover { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:text-yellow-100\/70:active { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:text-yellow-100\/80:focus { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:text-yellow-100\/80:hover { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:text-yellow-100\/80:active { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:text-yellow-100\/90:focus { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:text-yellow-100\/90:hover { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:text-yellow-100\/90:active { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:text-yellow-200:focus { + color: var(--yellow-200) + } + .sm\:hover\:text-yellow-200:hover { + color: var(--yellow-200) + } + .sm\:active\:text-yellow-200:active { + color: var(--yellow-200) + } + .sm\:focus\:text-yellow-200\/10:focus { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:text-yellow-200\/10:hover { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:text-yellow-200\/10:active { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:text-yellow-200\/20:focus { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:text-yellow-200\/20:hover { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:text-yellow-200\/20:active { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:text-yellow-200\/30:focus { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:text-yellow-200\/30:hover { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:text-yellow-200\/30:active { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:text-yellow-200\/40:focus { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:text-yellow-200\/40:hover { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:text-yellow-200\/40:active { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:text-yellow-200\/50:focus { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:text-yellow-200\/50:hover { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:text-yellow-200\/50:active { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:text-yellow-200\/60:focus { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:text-yellow-200\/60:hover { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:text-yellow-200\/60:active { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:text-yellow-200\/70:focus { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:text-yellow-200\/70:hover { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:text-yellow-200\/70:active { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:text-yellow-200\/80:focus { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:text-yellow-200\/80:hover { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:text-yellow-200\/80:active { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:text-yellow-200\/90:focus { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:text-yellow-200\/90:hover { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:text-yellow-200\/90:active { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:text-yellow-300:focus { + color: var(--yellow-300) + } + .sm\:hover\:text-yellow-300:hover { + color: var(--yellow-300) + } + .sm\:active\:text-yellow-300:active { + color: var(--yellow-300) + } + .sm\:focus\:text-yellow-300\/10:focus { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:text-yellow-300\/10:hover { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:text-yellow-300\/10:active { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:text-yellow-300\/20:focus { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:text-yellow-300\/20:hover { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:text-yellow-300\/20:active { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:text-yellow-300\/30:focus { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:text-yellow-300\/30:hover { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:text-yellow-300\/30:active { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:text-yellow-300\/40:focus { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:text-yellow-300\/40:hover { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:text-yellow-300\/40:active { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:text-yellow-300\/50:focus { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:text-yellow-300\/50:hover { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:text-yellow-300\/50:active { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:text-yellow-300\/60:focus { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:text-yellow-300\/60:hover { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:text-yellow-300\/60:active { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:text-yellow-300\/70:focus { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:text-yellow-300\/70:hover { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:text-yellow-300\/70:active { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:text-yellow-300\/80:focus { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:text-yellow-300\/80:hover { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:text-yellow-300\/80:active { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:text-yellow-300\/90:focus { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:text-yellow-300\/90:hover { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:text-yellow-300\/90:active { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:text-yellow-400:focus { + color: var(--yellow-400) + } + .sm\:hover\:text-yellow-400:hover { + color: var(--yellow-400) + } + .sm\:active\:text-yellow-400:active { + color: var(--yellow-400) + } + .sm\:focus\:text-yellow-400\/10:focus { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:text-yellow-400\/10:hover { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:text-yellow-400\/10:active { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:text-yellow-400\/20:focus { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:text-yellow-400\/20:hover { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:text-yellow-400\/20:active { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:text-yellow-400\/30:focus { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:text-yellow-400\/30:hover { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:text-yellow-400\/30:active { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:text-yellow-400\/40:focus { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:text-yellow-400\/40:hover { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:text-yellow-400\/40:active { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:text-yellow-400\/50:focus { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:text-yellow-400\/50:hover { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:text-yellow-400\/50:active { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:text-yellow-400\/60:focus { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:text-yellow-400\/60:hover { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:text-yellow-400\/60:active { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:text-yellow-400\/70:focus { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:text-yellow-400\/70:hover { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:text-yellow-400\/70:active { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:text-yellow-400\/80:focus { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:text-yellow-400\/80:hover { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:text-yellow-400\/80:active { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:text-yellow-400\/90:focus { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:text-yellow-400\/90:hover { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:text-yellow-400\/90:active { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:text-yellow-500:focus { + color: var(--yellow-500) + } + .sm\:hover\:text-yellow-500:hover { + color: var(--yellow-500) + } + .sm\:active\:text-yellow-500:active { + color: var(--yellow-500) + } + .sm\:focus\:text-yellow-500\/10:focus { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:text-yellow-500\/10:hover { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:text-yellow-500\/10:active { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:text-yellow-500\/20:focus { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:text-yellow-500\/20:hover { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:text-yellow-500\/20:active { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:text-yellow-500\/30:focus { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:text-yellow-500\/30:hover { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:text-yellow-500\/30:active { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:text-yellow-500\/40:focus { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:text-yellow-500\/40:hover { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:text-yellow-500\/40:active { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:text-yellow-500\/50:focus { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:text-yellow-500\/50:hover { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:text-yellow-500\/50:active { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:text-yellow-500\/60:focus { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:text-yellow-500\/60:hover { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:text-yellow-500\/60:active { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:text-yellow-500\/70:focus { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:text-yellow-500\/70:hover { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:text-yellow-500\/70:active { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:text-yellow-500\/80:focus { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:text-yellow-500\/80:hover { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:text-yellow-500\/80:active { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:text-yellow-500\/90:focus { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:text-yellow-500\/90:hover { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:text-yellow-500\/90:active { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:text-yellow-600:focus { + color: var(--yellow-600) + } + .sm\:hover\:text-yellow-600:hover { + color: var(--yellow-600) + } + .sm\:active\:text-yellow-600:active { + color: var(--yellow-600) + } + .sm\:focus\:text-yellow-600\/10:focus { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:text-yellow-600\/10:hover { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:text-yellow-600\/10:active { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:text-yellow-600\/20:focus { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:text-yellow-600\/20:hover { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:text-yellow-600\/20:active { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:text-yellow-600\/30:focus { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:text-yellow-600\/30:hover { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:text-yellow-600\/30:active { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:text-yellow-600\/40:focus { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:text-yellow-600\/40:hover { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:text-yellow-600\/40:active { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:text-yellow-600\/50:focus { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:text-yellow-600\/50:hover { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:text-yellow-600\/50:active { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:text-yellow-600\/60:focus { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:text-yellow-600\/60:hover { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:text-yellow-600\/60:active { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:text-yellow-600\/70:focus { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:text-yellow-600\/70:hover { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:text-yellow-600\/70:active { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:text-yellow-600\/80:focus { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:text-yellow-600\/80:hover { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:text-yellow-600\/80:active { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:text-yellow-600\/90:focus { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:text-yellow-600\/90:hover { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:text-yellow-600\/90:active { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:text-yellow-700:focus { + color: var(--yellow-700) + } + .sm\:hover\:text-yellow-700:hover { + color: var(--yellow-700) + } + .sm\:active\:text-yellow-700:active { + color: var(--yellow-700) + } + .sm\:focus\:text-yellow-700\/10:focus { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:text-yellow-700\/10:hover { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:text-yellow-700\/10:active { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:text-yellow-700\/20:focus { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:text-yellow-700\/20:hover { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:text-yellow-700\/20:active { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:text-yellow-700\/30:focus { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:text-yellow-700\/30:hover { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:text-yellow-700\/30:active { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:text-yellow-700\/40:focus { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:text-yellow-700\/40:hover { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:text-yellow-700\/40:active { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:text-yellow-700\/50:focus { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:text-yellow-700\/50:hover { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:text-yellow-700\/50:active { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:text-yellow-700\/60:focus { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:text-yellow-700\/60:hover { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:text-yellow-700\/60:active { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:text-yellow-700\/70:focus { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:text-yellow-700\/70:hover { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:text-yellow-700\/70:active { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:text-yellow-700\/80:focus { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:text-yellow-700\/80:hover { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:text-yellow-700\/80:active { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:text-yellow-700\/90:focus { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:text-yellow-700\/90:hover { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:text-yellow-700\/90:active { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:text-yellow-800:focus { + color: var(--yellow-800) + } + .sm\:hover\:text-yellow-800:hover { + color: var(--yellow-800) + } + .sm\:active\:text-yellow-800:active { + color: var(--yellow-800) + } + .sm\:focus\:text-yellow-800\/10:focus { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:text-yellow-800\/10:hover { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:text-yellow-800\/10:active { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:text-yellow-800\/20:focus { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:text-yellow-800\/20:hover { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:text-yellow-800\/20:active { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:text-yellow-800\/30:focus { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:text-yellow-800\/30:hover { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:text-yellow-800\/30:active { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:text-yellow-800\/40:focus { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:text-yellow-800\/40:hover { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:text-yellow-800\/40:active { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:text-yellow-800\/50:focus { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:text-yellow-800\/50:hover { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:text-yellow-800\/50:active { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:text-yellow-800\/60:focus { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:text-yellow-800\/60:hover { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:text-yellow-800\/60:active { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:text-yellow-800\/70:focus { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:text-yellow-800\/70:hover { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:text-yellow-800\/70:active { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:text-yellow-800\/80:focus { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:text-yellow-800\/80:hover { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:text-yellow-800\/80:active { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:text-yellow-800\/90:focus { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:text-yellow-800\/90:hover { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:text-yellow-800\/90:active { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:text-yellow-900:focus { + color: var(--yellow-900) + } + .sm\:hover\:text-yellow-900:hover { + color: var(--yellow-900) + } + .sm\:active\:text-yellow-900:active { + color: var(--yellow-900) + } + .sm\:focus\:text-yellow-900\/10:focus { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:text-yellow-900\/10:hover { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:text-yellow-900\/10:active { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:text-yellow-900\/20:focus { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:text-yellow-900\/20:hover { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:text-yellow-900\/20:active { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:text-yellow-900\/30:focus { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:text-yellow-900\/30:hover { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:text-yellow-900\/30:active { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:text-yellow-900\/40:focus { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:text-yellow-900\/40:hover { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:text-yellow-900\/40:active { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:text-yellow-900\/50:focus { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:text-yellow-900\/50:hover { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:text-yellow-900\/50:active { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:text-yellow-900\/60:focus { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:text-yellow-900\/60:hover { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:text-yellow-900\/60:active { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:text-yellow-900\/70:focus { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:text-yellow-900\/70:hover { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:text-yellow-900\/70:active { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:text-yellow-900\/80:focus { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:text-yellow-900\/80:hover { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:text-yellow-900\/80:active { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:text-yellow-900\/90:focus { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:text-yellow-900\/90:hover { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:text-yellow-900\/90:active { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:text-cyan-50:focus { + color: var(--cyan-50) + } + .sm\:hover\:text-cyan-50:hover { + color: var(--cyan-50) + } + .sm\:active\:text-cyan-50:active { + color: var(--cyan-50) + } + .sm\:focus\:text-cyan-50\/10:focus { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:text-cyan-50\/10:hover { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:text-cyan-50\/10:active { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:text-cyan-50\/20:focus { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:text-cyan-50\/20:hover { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:text-cyan-50\/20:active { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:text-cyan-50\/30:focus { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:text-cyan-50\/30:hover { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:text-cyan-50\/30:active { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:text-cyan-50\/40:focus { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:text-cyan-50\/40:hover { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:text-cyan-50\/40:active { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:text-cyan-50\/50:focus { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:text-cyan-50\/50:hover { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:text-cyan-50\/50:active { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:text-cyan-50\/60:focus { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:text-cyan-50\/60:hover { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:text-cyan-50\/60:active { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:text-cyan-50\/70:focus { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:text-cyan-50\/70:hover { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:text-cyan-50\/70:active { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:text-cyan-50\/80:focus { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:text-cyan-50\/80:hover { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:text-cyan-50\/80:active { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:text-cyan-50\/90:focus { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:text-cyan-50\/90:hover { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:text-cyan-50\/90:active { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:text-cyan-100:focus { + color: var(--cyan-100) + } + .sm\:hover\:text-cyan-100:hover { + color: var(--cyan-100) + } + .sm\:active\:text-cyan-100:active { + color: var(--cyan-100) + } + .sm\:focus\:text-cyan-100\/10:focus { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:text-cyan-100\/10:hover { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:text-cyan-100\/10:active { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:text-cyan-100\/20:focus { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:text-cyan-100\/20:hover { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:text-cyan-100\/20:active { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:text-cyan-100\/30:focus { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:text-cyan-100\/30:hover { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:text-cyan-100\/30:active { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:text-cyan-100\/40:focus { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:text-cyan-100\/40:hover { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:text-cyan-100\/40:active { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:text-cyan-100\/50:focus { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:text-cyan-100\/50:hover { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:text-cyan-100\/50:active { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:text-cyan-100\/60:focus { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:text-cyan-100\/60:hover { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:text-cyan-100\/60:active { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:text-cyan-100\/70:focus { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:text-cyan-100\/70:hover { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:text-cyan-100\/70:active { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:text-cyan-100\/80:focus { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:text-cyan-100\/80:hover { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:text-cyan-100\/80:active { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:text-cyan-100\/90:focus { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:text-cyan-100\/90:hover { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:text-cyan-100\/90:active { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:text-cyan-200:focus { + color: var(--cyan-200) + } + .sm\:hover\:text-cyan-200:hover { + color: var(--cyan-200) + } + .sm\:active\:text-cyan-200:active { + color: var(--cyan-200) + } + .sm\:focus\:text-cyan-200\/10:focus { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:text-cyan-200\/10:hover { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:text-cyan-200\/10:active { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:text-cyan-200\/20:focus { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:text-cyan-200\/20:hover { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:text-cyan-200\/20:active { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:text-cyan-200\/30:focus { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:text-cyan-200\/30:hover { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:text-cyan-200\/30:active { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:text-cyan-200\/40:focus { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:text-cyan-200\/40:hover { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:text-cyan-200\/40:active { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:text-cyan-200\/50:focus { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:text-cyan-200\/50:hover { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:text-cyan-200\/50:active { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:text-cyan-200\/60:focus { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:text-cyan-200\/60:hover { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:text-cyan-200\/60:active { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:text-cyan-200\/70:focus { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:text-cyan-200\/70:hover { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:text-cyan-200\/70:active { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:text-cyan-200\/80:focus { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:text-cyan-200\/80:hover { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:text-cyan-200\/80:active { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:text-cyan-200\/90:focus { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:text-cyan-200\/90:hover { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:text-cyan-200\/90:active { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:text-cyan-300:focus { + color: var(--cyan-300) + } + .sm\:hover\:text-cyan-300:hover { + color: var(--cyan-300) + } + .sm\:active\:text-cyan-300:active { + color: var(--cyan-300) + } + .sm\:focus\:text-cyan-300\/10:focus { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:text-cyan-300\/10:hover { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:text-cyan-300\/10:active { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:text-cyan-300\/20:focus { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:text-cyan-300\/20:hover { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:text-cyan-300\/20:active { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:text-cyan-300\/30:focus { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:text-cyan-300\/30:hover { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:text-cyan-300\/30:active { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:text-cyan-300\/40:focus { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:text-cyan-300\/40:hover { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:text-cyan-300\/40:active { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:text-cyan-300\/50:focus { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:text-cyan-300\/50:hover { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:text-cyan-300\/50:active { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:text-cyan-300\/60:focus { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:text-cyan-300\/60:hover { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:text-cyan-300\/60:active { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:text-cyan-300\/70:focus { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:text-cyan-300\/70:hover { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:text-cyan-300\/70:active { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:text-cyan-300\/80:focus { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:text-cyan-300\/80:hover { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:text-cyan-300\/80:active { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:text-cyan-300\/90:focus { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:text-cyan-300\/90:hover { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:text-cyan-300\/90:active { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:text-cyan-400:focus { + color: var(--cyan-400) + } + .sm\:hover\:text-cyan-400:hover { + color: var(--cyan-400) + } + .sm\:active\:text-cyan-400:active { + color: var(--cyan-400) + } + .sm\:focus\:text-cyan-400\/10:focus { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:text-cyan-400\/10:hover { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:text-cyan-400\/10:active { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:text-cyan-400\/20:focus { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:text-cyan-400\/20:hover { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:text-cyan-400\/20:active { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:text-cyan-400\/30:focus { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:text-cyan-400\/30:hover { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:text-cyan-400\/30:active { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:text-cyan-400\/40:focus { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:text-cyan-400\/40:hover { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:text-cyan-400\/40:active { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:text-cyan-400\/50:focus { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:text-cyan-400\/50:hover { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:text-cyan-400\/50:active { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:text-cyan-400\/60:focus { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:text-cyan-400\/60:hover { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:text-cyan-400\/60:active { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:text-cyan-400\/70:focus { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:text-cyan-400\/70:hover { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:text-cyan-400\/70:active { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:text-cyan-400\/80:focus { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:text-cyan-400\/80:hover { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:text-cyan-400\/80:active { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:text-cyan-400\/90:focus { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:text-cyan-400\/90:hover { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:text-cyan-400\/90:active { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:text-cyan-500:focus { + color: var(--cyan-500) + } + .sm\:hover\:text-cyan-500:hover { + color: var(--cyan-500) + } + .sm\:active\:text-cyan-500:active { + color: var(--cyan-500) + } + .sm\:focus\:text-cyan-500\/10:focus { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:text-cyan-500\/10:hover { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:text-cyan-500\/10:active { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:text-cyan-500\/20:focus { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:text-cyan-500\/20:hover { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:text-cyan-500\/20:active { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:text-cyan-500\/30:focus { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:text-cyan-500\/30:hover { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:text-cyan-500\/30:active { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:text-cyan-500\/40:focus { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:text-cyan-500\/40:hover { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:text-cyan-500\/40:active { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:text-cyan-500\/50:focus { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:text-cyan-500\/50:hover { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:text-cyan-500\/50:active { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:text-cyan-500\/60:focus { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:text-cyan-500\/60:hover { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:text-cyan-500\/60:active { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:text-cyan-500\/70:focus { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:text-cyan-500\/70:hover { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:text-cyan-500\/70:active { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:text-cyan-500\/80:focus { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:text-cyan-500\/80:hover { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:text-cyan-500\/80:active { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:text-cyan-500\/90:focus { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:text-cyan-500\/90:hover { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:text-cyan-500\/90:active { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:text-cyan-600:focus { + color: var(--cyan-600) + } + .sm\:hover\:text-cyan-600:hover { + color: var(--cyan-600) + } + .sm\:active\:text-cyan-600:active { + color: var(--cyan-600) + } + .sm\:focus\:text-cyan-600\/10:focus { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:text-cyan-600\/10:hover { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:text-cyan-600\/10:active { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:text-cyan-600\/20:focus { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:text-cyan-600\/20:hover { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:text-cyan-600\/20:active { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:text-cyan-600\/30:focus { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:text-cyan-600\/30:hover { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:text-cyan-600\/30:active { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:text-cyan-600\/40:focus { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:text-cyan-600\/40:hover { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:text-cyan-600\/40:active { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:text-cyan-600\/50:focus { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:text-cyan-600\/50:hover { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:text-cyan-600\/50:active { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:text-cyan-600\/60:focus { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:text-cyan-600\/60:hover { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:text-cyan-600\/60:active { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:text-cyan-600\/70:focus { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:text-cyan-600\/70:hover { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:text-cyan-600\/70:active { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:text-cyan-600\/80:focus { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:text-cyan-600\/80:hover { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:text-cyan-600\/80:active { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:text-cyan-600\/90:focus { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:text-cyan-600\/90:hover { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:text-cyan-600\/90:active { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:text-cyan-700:focus { + color: var(--cyan-700) + } + .sm\:hover\:text-cyan-700:hover { + color: var(--cyan-700) + } + .sm\:active\:text-cyan-700:active { + color: var(--cyan-700) + } + .sm\:focus\:text-cyan-700\/10:focus { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:text-cyan-700\/10:hover { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:text-cyan-700\/10:active { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:text-cyan-700\/20:focus { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:text-cyan-700\/20:hover { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:text-cyan-700\/20:active { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:text-cyan-700\/30:focus { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:text-cyan-700\/30:hover { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:text-cyan-700\/30:active { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:text-cyan-700\/40:focus { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:text-cyan-700\/40:hover { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:text-cyan-700\/40:active { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:text-cyan-700\/50:focus { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:text-cyan-700\/50:hover { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:text-cyan-700\/50:active { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:text-cyan-700\/60:focus { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:text-cyan-700\/60:hover { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:text-cyan-700\/60:active { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:text-cyan-700\/70:focus { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:text-cyan-700\/70:hover { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:text-cyan-700\/70:active { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:text-cyan-700\/80:focus { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:text-cyan-700\/80:hover { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:text-cyan-700\/80:active { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:text-cyan-700\/90:focus { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:text-cyan-700\/90:hover { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:text-cyan-700\/90:active { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:text-cyan-800:focus { + color: var(--cyan-800) + } + .sm\:hover\:text-cyan-800:hover { + color: var(--cyan-800) + } + .sm\:active\:text-cyan-800:active { + color: var(--cyan-800) + } + .sm\:focus\:text-cyan-800\/10:focus { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:text-cyan-800\/10:hover { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:text-cyan-800\/10:active { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:text-cyan-800\/20:focus { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:text-cyan-800\/20:hover { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:text-cyan-800\/20:active { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:text-cyan-800\/30:focus { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:text-cyan-800\/30:hover { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:text-cyan-800\/30:active { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:text-cyan-800\/40:focus { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:text-cyan-800\/40:hover { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:text-cyan-800\/40:active { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:text-cyan-800\/50:focus { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:text-cyan-800\/50:hover { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:text-cyan-800\/50:active { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:text-cyan-800\/60:focus { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:text-cyan-800\/60:hover { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:text-cyan-800\/60:active { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:text-cyan-800\/70:focus { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:text-cyan-800\/70:hover { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:text-cyan-800\/70:active { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:text-cyan-800\/80:focus { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:text-cyan-800\/80:hover { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:text-cyan-800\/80:active { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:text-cyan-800\/90:focus { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:text-cyan-800\/90:hover { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:text-cyan-800\/90:active { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:text-cyan-900:focus { + color: var(--cyan-900) + } + .sm\:hover\:text-cyan-900:hover { + color: var(--cyan-900) + } + .sm\:active\:text-cyan-900:active { + color: var(--cyan-900) + } + .sm\:focus\:text-cyan-900\/10:focus { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:text-cyan-900\/10:hover { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:text-cyan-900\/10:active { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:text-cyan-900\/20:focus { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:text-cyan-900\/20:hover { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:text-cyan-900\/20:active { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:text-cyan-900\/30:focus { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:text-cyan-900\/30:hover { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:text-cyan-900\/30:active { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:text-cyan-900\/40:focus { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:text-cyan-900\/40:hover { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:text-cyan-900\/40:active { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:text-cyan-900\/50:focus { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:text-cyan-900\/50:hover { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:text-cyan-900\/50:active { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:text-cyan-900\/60:focus { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:text-cyan-900\/60:hover { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:text-cyan-900\/60:active { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:text-cyan-900\/70:focus { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:text-cyan-900\/70:hover { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:text-cyan-900\/70:active { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:text-cyan-900\/80:focus { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:text-cyan-900\/80:hover { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:text-cyan-900\/80:active { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:text-cyan-900\/90:focus { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:text-cyan-900\/90:hover { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:text-cyan-900\/90:active { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:text-pink-50:focus { + color: var(--pink-50) + } + .sm\:hover\:text-pink-50:hover { + color: var(--pink-50) + } + .sm\:active\:text-pink-50:active { + color: var(--pink-50) + } + .sm\:focus\:text-pink-50\/10:focus { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:text-pink-50\/10:hover { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:text-pink-50\/10:active { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:text-pink-50\/20:focus { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:text-pink-50\/20:hover { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:text-pink-50\/20:active { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:text-pink-50\/30:focus { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:text-pink-50\/30:hover { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:text-pink-50\/30:active { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:text-pink-50\/40:focus { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:text-pink-50\/40:hover { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:text-pink-50\/40:active { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:text-pink-50\/50:focus { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:text-pink-50\/50:hover { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:text-pink-50\/50:active { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:text-pink-50\/60:focus { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:text-pink-50\/60:hover { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:text-pink-50\/60:active { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:text-pink-50\/70:focus { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:text-pink-50\/70:hover { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:text-pink-50\/70:active { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:text-pink-50\/80:focus { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:text-pink-50\/80:hover { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:text-pink-50\/80:active { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:text-pink-50\/90:focus { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:text-pink-50\/90:hover { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:text-pink-50\/90:active { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:text-pink-100:focus { + color: var(--pink-100) + } + .sm\:hover\:text-pink-100:hover { + color: var(--pink-100) + } + .sm\:active\:text-pink-100:active { + color: var(--pink-100) + } + .sm\:focus\:text-pink-100\/10:focus { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:text-pink-100\/10:hover { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:text-pink-100\/10:active { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:text-pink-100\/20:focus { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:text-pink-100\/20:hover { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:text-pink-100\/20:active { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:text-pink-100\/30:focus { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:text-pink-100\/30:hover { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:text-pink-100\/30:active { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:text-pink-100\/40:focus { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:text-pink-100\/40:hover { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:text-pink-100\/40:active { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:text-pink-100\/50:focus { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:text-pink-100\/50:hover { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:text-pink-100\/50:active { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:text-pink-100\/60:focus { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:text-pink-100\/60:hover { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:text-pink-100\/60:active { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:text-pink-100\/70:focus { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:text-pink-100\/70:hover { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:text-pink-100\/70:active { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:text-pink-100\/80:focus { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:text-pink-100\/80:hover { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:text-pink-100\/80:active { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:text-pink-100\/90:focus { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:text-pink-100\/90:hover { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:text-pink-100\/90:active { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:text-pink-200:focus { + color: var(--pink-200) + } + .sm\:hover\:text-pink-200:hover { + color: var(--pink-200) + } + .sm\:active\:text-pink-200:active { + color: var(--pink-200) + } + .sm\:focus\:text-pink-200\/10:focus { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:text-pink-200\/10:hover { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:text-pink-200\/10:active { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:text-pink-200\/20:focus { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:text-pink-200\/20:hover { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:text-pink-200\/20:active { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:text-pink-200\/30:focus { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:text-pink-200\/30:hover { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:text-pink-200\/30:active { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:text-pink-200\/40:focus { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:text-pink-200\/40:hover { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:text-pink-200\/40:active { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:text-pink-200\/50:focus { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:text-pink-200\/50:hover { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:text-pink-200\/50:active { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:text-pink-200\/60:focus { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:text-pink-200\/60:hover { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:text-pink-200\/60:active { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:text-pink-200\/70:focus { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:text-pink-200\/70:hover { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:text-pink-200\/70:active { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:text-pink-200\/80:focus { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:text-pink-200\/80:hover { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:text-pink-200\/80:active { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:text-pink-200\/90:focus { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:text-pink-200\/90:hover { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:text-pink-200\/90:active { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:text-pink-300:focus { + color: var(--pink-300) + } + .sm\:hover\:text-pink-300:hover { + color: var(--pink-300) + } + .sm\:active\:text-pink-300:active { + color: var(--pink-300) + } + .sm\:focus\:text-pink-300\/10:focus { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:text-pink-300\/10:hover { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:text-pink-300\/10:active { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:text-pink-300\/20:focus { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:text-pink-300\/20:hover { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:text-pink-300\/20:active { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:text-pink-300\/30:focus { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:text-pink-300\/30:hover { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:text-pink-300\/30:active { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:text-pink-300\/40:focus { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:text-pink-300\/40:hover { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:text-pink-300\/40:active { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:text-pink-300\/50:focus { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:text-pink-300\/50:hover { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:text-pink-300\/50:active { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:text-pink-300\/60:focus { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:text-pink-300\/60:hover { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:text-pink-300\/60:active { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:text-pink-300\/70:focus { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:text-pink-300\/70:hover { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:text-pink-300\/70:active { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:text-pink-300\/80:focus { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:text-pink-300\/80:hover { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:text-pink-300\/80:active { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:text-pink-300\/90:focus { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:text-pink-300\/90:hover { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:text-pink-300\/90:active { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:text-pink-400:focus { + color: var(--pink-400) + } + .sm\:hover\:text-pink-400:hover { + color: var(--pink-400) + } + .sm\:active\:text-pink-400:active { + color: var(--pink-400) + } + .sm\:focus\:text-pink-400\/10:focus { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:text-pink-400\/10:hover { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:text-pink-400\/10:active { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:text-pink-400\/20:focus { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:text-pink-400\/20:hover { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:text-pink-400\/20:active { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:text-pink-400\/30:focus { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:text-pink-400\/30:hover { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:text-pink-400\/30:active { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:text-pink-400\/40:focus { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:text-pink-400\/40:hover { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:text-pink-400\/40:active { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:text-pink-400\/50:focus { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:text-pink-400\/50:hover { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:text-pink-400\/50:active { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:text-pink-400\/60:focus { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:text-pink-400\/60:hover { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:text-pink-400\/60:active { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:text-pink-400\/70:focus { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:text-pink-400\/70:hover { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:text-pink-400\/70:active { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:text-pink-400\/80:focus { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:text-pink-400\/80:hover { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:text-pink-400\/80:active { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:text-pink-400\/90:focus { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:text-pink-400\/90:hover { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:text-pink-400\/90:active { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:text-pink-500:focus { + color: var(--pink-500) + } + .sm\:hover\:text-pink-500:hover { + color: var(--pink-500) + } + .sm\:active\:text-pink-500:active { + color: var(--pink-500) + } + .sm\:focus\:text-pink-500\/10:focus { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:text-pink-500\/10:hover { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:text-pink-500\/10:active { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:text-pink-500\/20:focus { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:text-pink-500\/20:hover { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:text-pink-500\/20:active { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:text-pink-500\/30:focus { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:text-pink-500\/30:hover { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:text-pink-500\/30:active { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:text-pink-500\/40:focus { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:text-pink-500\/40:hover { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:text-pink-500\/40:active { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:text-pink-500\/50:focus { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:text-pink-500\/50:hover { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:text-pink-500\/50:active { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:text-pink-500\/60:focus { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:text-pink-500\/60:hover { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:text-pink-500\/60:active { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:text-pink-500\/70:focus { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:text-pink-500\/70:hover { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:text-pink-500\/70:active { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:text-pink-500\/80:focus { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:text-pink-500\/80:hover { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:text-pink-500\/80:active { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:text-pink-500\/90:focus { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:text-pink-500\/90:hover { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:text-pink-500\/90:active { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:text-pink-600:focus { + color: var(--pink-600) + } + .sm\:hover\:text-pink-600:hover { + color: var(--pink-600) + } + .sm\:active\:text-pink-600:active { + color: var(--pink-600) + } + .sm\:focus\:text-pink-600\/10:focus { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:text-pink-600\/10:hover { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:text-pink-600\/10:active { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:text-pink-600\/20:focus { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:text-pink-600\/20:hover { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:text-pink-600\/20:active { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:text-pink-600\/30:focus { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:text-pink-600\/30:hover { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:text-pink-600\/30:active { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:text-pink-600\/40:focus { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:text-pink-600\/40:hover { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:text-pink-600\/40:active { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:text-pink-600\/50:focus { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:text-pink-600\/50:hover { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:text-pink-600\/50:active { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:text-pink-600\/60:focus { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:text-pink-600\/60:hover { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:text-pink-600\/60:active { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:text-pink-600\/70:focus { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:text-pink-600\/70:hover { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:text-pink-600\/70:active { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:text-pink-600\/80:focus { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:text-pink-600\/80:hover { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:text-pink-600\/80:active { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:text-pink-600\/90:focus { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:text-pink-600\/90:hover { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:text-pink-600\/90:active { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:text-pink-700:focus { + color: var(--pink-700) + } + .sm\:hover\:text-pink-700:hover { + color: var(--pink-700) + } + .sm\:active\:text-pink-700:active { + color: var(--pink-700) + } + .sm\:focus\:text-pink-700\/10:focus { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:text-pink-700\/10:hover { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:text-pink-700\/10:active { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:text-pink-700\/20:focus { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:text-pink-700\/20:hover { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:text-pink-700\/20:active { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:text-pink-700\/30:focus { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:text-pink-700\/30:hover { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:text-pink-700\/30:active { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:text-pink-700\/40:focus { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:text-pink-700\/40:hover { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:text-pink-700\/40:active { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:text-pink-700\/50:focus { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:text-pink-700\/50:hover { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:text-pink-700\/50:active { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:text-pink-700\/60:focus { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:text-pink-700\/60:hover { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:text-pink-700\/60:active { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:text-pink-700\/70:focus { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:text-pink-700\/70:hover { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:text-pink-700\/70:active { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:text-pink-700\/80:focus { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:text-pink-700\/80:hover { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:text-pink-700\/80:active { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:text-pink-700\/90:focus { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:text-pink-700\/90:hover { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:text-pink-700\/90:active { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:text-pink-800:focus { + color: var(--pink-800) + } + .sm\:hover\:text-pink-800:hover { + color: var(--pink-800) + } + .sm\:active\:text-pink-800:active { + color: var(--pink-800) + } + .sm\:focus\:text-pink-800\/10:focus { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:text-pink-800\/10:hover { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:text-pink-800\/10:active { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:text-pink-800\/20:focus { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:text-pink-800\/20:hover { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:text-pink-800\/20:active { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:text-pink-800\/30:focus { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:text-pink-800\/30:hover { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:text-pink-800\/30:active { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:text-pink-800\/40:focus { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:text-pink-800\/40:hover { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:text-pink-800\/40:active { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:text-pink-800\/50:focus { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:text-pink-800\/50:hover { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:text-pink-800\/50:active { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:text-pink-800\/60:focus { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:text-pink-800\/60:hover { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:text-pink-800\/60:active { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:text-pink-800\/70:focus { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:text-pink-800\/70:hover { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:text-pink-800\/70:active { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:text-pink-800\/80:focus { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:text-pink-800\/80:hover { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:text-pink-800\/80:active { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:text-pink-800\/90:focus { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:text-pink-800\/90:hover { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:text-pink-800\/90:active { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:text-pink-900:focus { + color: var(--pink-900) + } + .sm\:hover\:text-pink-900:hover { + color: var(--pink-900) + } + .sm\:active\:text-pink-900:active { + color: var(--pink-900) + } + .sm\:focus\:text-pink-900\/10:focus { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:text-pink-900\/10:hover { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:text-pink-900\/10:active { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:text-pink-900\/20:focus { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:text-pink-900\/20:hover { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:text-pink-900\/20:active { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:text-pink-900\/30:focus { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:text-pink-900\/30:hover { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:text-pink-900\/30:active { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:text-pink-900\/40:focus { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:text-pink-900\/40:hover { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:text-pink-900\/40:active { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:text-pink-900\/50:focus { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:text-pink-900\/50:hover { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:text-pink-900\/50:active { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:text-pink-900\/60:focus { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:text-pink-900\/60:hover { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:text-pink-900\/60:active { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:text-pink-900\/70:focus { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:text-pink-900\/70:hover { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:text-pink-900\/70:active { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:text-pink-900\/80:focus { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:text-pink-900\/80:hover { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:text-pink-900\/80:active { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:text-pink-900\/90:focus { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:text-pink-900\/90:hover { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:text-pink-900\/90:active { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:text-indigo-50:focus { + color: var(--indigo-50) + } + .sm\:hover\:text-indigo-50:hover { + color: var(--indigo-50) + } + .sm\:active\:text-indigo-50:active { + color: var(--indigo-50) + } + .sm\:focus\:text-indigo-50\/10:focus { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:text-indigo-50\/10:hover { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:text-indigo-50\/10:active { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:text-indigo-50\/20:focus { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:text-indigo-50\/20:hover { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:text-indigo-50\/20:active { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:text-indigo-50\/30:focus { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:text-indigo-50\/30:hover { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:text-indigo-50\/30:active { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:text-indigo-50\/40:focus { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:text-indigo-50\/40:hover { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:text-indigo-50\/40:active { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:text-indigo-50\/50:focus { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:text-indigo-50\/50:hover { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:text-indigo-50\/50:active { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:text-indigo-50\/60:focus { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:text-indigo-50\/60:hover { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:text-indigo-50\/60:active { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:text-indigo-50\/70:focus { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:text-indigo-50\/70:hover { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:text-indigo-50\/70:active { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:text-indigo-50\/80:focus { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:text-indigo-50\/80:hover { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:text-indigo-50\/80:active { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:text-indigo-50\/90:focus { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:text-indigo-50\/90:hover { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:text-indigo-50\/90:active { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:text-indigo-100:focus { + color: var(--indigo-100) + } + .sm\:hover\:text-indigo-100:hover { + color: var(--indigo-100) + } + .sm\:active\:text-indigo-100:active { + color: var(--indigo-100) + } + .sm\:focus\:text-indigo-100\/10:focus { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:text-indigo-100\/10:hover { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:text-indigo-100\/10:active { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:text-indigo-100\/20:focus { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:text-indigo-100\/20:hover { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:text-indigo-100\/20:active { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:text-indigo-100\/30:focus { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:text-indigo-100\/30:hover { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:text-indigo-100\/30:active { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:text-indigo-100\/40:focus { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:text-indigo-100\/40:hover { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:text-indigo-100\/40:active { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:text-indigo-100\/50:focus { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:text-indigo-100\/50:hover { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:text-indigo-100\/50:active { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:text-indigo-100\/60:focus { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:text-indigo-100\/60:hover { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:text-indigo-100\/60:active { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:text-indigo-100\/70:focus { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:text-indigo-100\/70:hover { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:text-indigo-100\/70:active { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:text-indigo-100\/80:focus { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:text-indigo-100\/80:hover { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:text-indigo-100\/80:active { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:text-indigo-100\/90:focus { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:text-indigo-100\/90:hover { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:text-indigo-100\/90:active { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:text-indigo-200:focus { + color: var(--indigo-200) + } + .sm\:hover\:text-indigo-200:hover { + color: var(--indigo-200) + } + .sm\:active\:text-indigo-200:active { + color: var(--indigo-200) + } + .sm\:focus\:text-indigo-200\/10:focus { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:text-indigo-200\/10:hover { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:text-indigo-200\/10:active { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:text-indigo-200\/20:focus { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:text-indigo-200\/20:hover { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:text-indigo-200\/20:active { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:text-indigo-200\/30:focus { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:text-indigo-200\/30:hover { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:text-indigo-200\/30:active { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:text-indigo-200\/40:focus { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:text-indigo-200\/40:hover { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:text-indigo-200\/40:active { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:text-indigo-200\/50:focus { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:text-indigo-200\/50:hover { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:text-indigo-200\/50:active { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:text-indigo-200\/60:focus { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:text-indigo-200\/60:hover { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:text-indigo-200\/60:active { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:text-indigo-200\/70:focus { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:text-indigo-200\/70:hover { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:text-indigo-200\/70:active { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:text-indigo-200\/80:focus { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:text-indigo-200\/80:hover { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:text-indigo-200\/80:active { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:text-indigo-200\/90:focus { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:text-indigo-200\/90:hover { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:text-indigo-200\/90:active { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:text-indigo-300:focus { + color: var(--indigo-300) + } + .sm\:hover\:text-indigo-300:hover { + color: var(--indigo-300) + } + .sm\:active\:text-indigo-300:active { + color: var(--indigo-300) + } + .sm\:focus\:text-indigo-300\/10:focus { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:text-indigo-300\/10:hover { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:text-indigo-300\/10:active { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:text-indigo-300\/20:focus { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:text-indigo-300\/20:hover { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:text-indigo-300\/20:active { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:text-indigo-300\/30:focus { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:text-indigo-300\/30:hover { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:text-indigo-300\/30:active { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:text-indigo-300\/40:focus { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:text-indigo-300\/40:hover { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:text-indigo-300\/40:active { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:text-indigo-300\/50:focus { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:text-indigo-300\/50:hover { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:text-indigo-300\/50:active { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:text-indigo-300\/60:focus { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:text-indigo-300\/60:hover { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:text-indigo-300\/60:active { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:text-indigo-300\/70:focus { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:text-indigo-300\/70:hover { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:text-indigo-300\/70:active { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:text-indigo-300\/80:focus { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:text-indigo-300\/80:hover { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:text-indigo-300\/80:active { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:text-indigo-300\/90:focus { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:text-indigo-300\/90:hover { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:text-indigo-300\/90:active { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:text-indigo-400:focus { + color: var(--indigo-400) + } + .sm\:hover\:text-indigo-400:hover { + color: var(--indigo-400) + } + .sm\:active\:text-indigo-400:active { + color: var(--indigo-400) + } + .sm\:focus\:text-indigo-400\/10:focus { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:text-indigo-400\/10:hover { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:text-indigo-400\/10:active { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:text-indigo-400\/20:focus { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:text-indigo-400\/20:hover { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:text-indigo-400\/20:active { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:text-indigo-400\/30:focus { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:text-indigo-400\/30:hover { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:text-indigo-400\/30:active { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:text-indigo-400\/40:focus { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:text-indigo-400\/40:hover { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:text-indigo-400\/40:active { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:text-indigo-400\/50:focus { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:text-indigo-400\/50:hover { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:text-indigo-400\/50:active { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:text-indigo-400\/60:focus { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:text-indigo-400\/60:hover { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:text-indigo-400\/60:active { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:text-indigo-400\/70:focus { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:text-indigo-400\/70:hover { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:text-indigo-400\/70:active { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:text-indigo-400\/80:focus { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:text-indigo-400\/80:hover { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:text-indigo-400\/80:active { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:text-indigo-400\/90:focus { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:text-indigo-400\/90:hover { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:text-indigo-400\/90:active { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:text-indigo-500:focus { + color: var(--indigo-500) + } + .sm\:hover\:text-indigo-500:hover { + color: var(--indigo-500) + } + .sm\:active\:text-indigo-500:active { + color: var(--indigo-500) + } + .sm\:focus\:text-indigo-500\/10:focus { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:text-indigo-500\/10:hover { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:text-indigo-500\/10:active { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:text-indigo-500\/20:focus { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:text-indigo-500\/20:hover { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:text-indigo-500\/20:active { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:text-indigo-500\/30:focus { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:text-indigo-500\/30:hover { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:text-indigo-500\/30:active { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:text-indigo-500\/40:focus { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:text-indigo-500\/40:hover { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:text-indigo-500\/40:active { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:text-indigo-500\/50:focus { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:text-indigo-500\/50:hover { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:text-indigo-500\/50:active { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:text-indigo-500\/60:focus { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:text-indigo-500\/60:hover { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:text-indigo-500\/60:active { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:text-indigo-500\/70:focus { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:text-indigo-500\/70:hover { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:text-indigo-500\/70:active { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:text-indigo-500\/80:focus { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:text-indigo-500\/80:hover { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:text-indigo-500\/80:active { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:text-indigo-500\/90:focus { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:text-indigo-500\/90:hover { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:text-indigo-500\/90:active { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:text-indigo-600:focus { + color: var(--indigo-600) + } + .sm\:hover\:text-indigo-600:hover { + color: var(--indigo-600) + } + .sm\:active\:text-indigo-600:active { + color: var(--indigo-600) + } + .sm\:focus\:text-indigo-600\/10:focus { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:text-indigo-600\/10:hover { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:text-indigo-600\/10:active { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:text-indigo-600\/20:focus { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:text-indigo-600\/20:hover { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:text-indigo-600\/20:active { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:text-indigo-600\/30:focus { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:text-indigo-600\/30:hover { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:text-indigo-600\/30:active { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:text-indigo-600\/40:focus { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:text-indigo-600\/40:hover { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:text-indigo-600\/40:active { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:text-indigo-600\/50:focus { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:text-indigo-600\/50:hover { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:text-indigo-600\/50:active { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:text-indigo-600\/60:focus { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:text-indigo-600\/60:hover { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:text-indigo-600\/60:active { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:text-indigo-600\/70:focus { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:text-indigo-600\/70:hover { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:text-indigo-600\/70:active { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:text-indigo-600\/80:focus { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:text-indigo-600\/80:hover { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:text-indigo-600\/80:active { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:text-indigo-600\/90:focus { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:text-indigo-600\/90:hover { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:text-indigo-600\/90:active { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:text-indigo-700:focus { + color: var(--indigo-700) + } + .sm\:hover\:text-indigo-700:hover { + color: var(--indigo-700) + } + .sm\:active\:text-indigo-700:active { + color: var(--indigo-700) + } + .sm\:focus\:text-indigo-700\/10:focus { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:text-indigo-700\/10:hover { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:text-indigo-700\/10:active { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:text-indigo-700\/20:focus { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:text-indigo-700\/20:hover { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:text-indigo-700\/20:active { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:text-indigo-700\/30:focus { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:text-indigo-700\/30:hover { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:text-indigo-700\/30:active { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:text-indigo-700\/40:focus { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:text-indigo-700\/40:hover { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:text-indigo-700\/40:active { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:text-indigo-700\/50:focus { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:text-indigo-700\/50:hover { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:text-indigo-700\/50:active { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:text-indigo-700\/60:focus { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:text-indigo-700\/60:hover { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:text-indigo-700\/60:active { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:text-indigo-700\/70:focus { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:text-indigo-700\/70:hover { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:text-indigo-700\/70:active { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:text-indigo-700\/80:focus { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:text-indigo-700\/80:hover { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:text-indigo-700\/80:active { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:text-indigo-700\/90:focus { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:text-indigo-700\/90:hover { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:text-indigo-700\/90:active { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:text-indigo-800:focus { + color: var(--indigo-800) + } + .sm\:hover\:text-indigo-800:hover { + color: var(--indigo-800) + } + .sm\:active\:text-indigo-800:active { + color: var(--indigo-800) + } + .sm\:focus\:text-indigo-800\/10:focus { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:text-indigo-800\/10:hover { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:text-indigo-800\/10:active { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:text-indigo-800\/20:focus { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:text-indigo-800\/20:hover { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:text-indigo-800\/20:active { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:text-indigo-800\/30:focus { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:text-indigo-800\/30:hover { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:text-indigo-800\/30:active { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:text-indigo-800\/40:focus { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:text-indigo-800\/40:hover { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:text-indigo-800\/40:active { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:text-indigo-800\/50:focus { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:text-indigo-800\/50:hover { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:text-indigo-800\/50:active { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:text-indigo-800\/60:focus { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:text-indigo-800\/60:hover { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:text-indigo-800\/60:active { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:text-indigo-800\/70:focus { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:text-indigo-800\/70:hover { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:text-indigo-800\/70:active { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:text-indigo-800\/80:focus { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:text-indigo-800\/80:hover { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:text-indigo-800\/80:active { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:text-indigo-800\/90:focus { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:text-indigo-800\/90:hover { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:text-indigo-800\/90:active { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:text-indigo-900:focus { + color: var(--indigo-900) + } + .sm\:hover\:text-indigo-900:hover { + color: var(--indigo-900) + } + .sm\:active\:text-indigo-900:active { + color: var(--indigo-900) + } + .sm\:focus\:text-indigo-900\/10:focus { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:text-indigo-900\/10:hover { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:text-indigo-900\/10:active { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:text-indigo-900\/20:focus { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:text-indigo-900\/20:hover { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:text-indigo-900\/20:active { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:text-indigo-900\/30:focus { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:text-indigo-900\/30:hover { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:text-indigo-900\/30:active { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:text-indigo-900\/40:focus { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:text-indigo-900\/40:hover { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:text-indigo-900\/40:active { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:text-indigo-900\/50:focus { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:text-indigo-900\/50:hover { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:text-indigo-900\/50:active { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:text-indigo-900\/60:focus { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:text-indigo-900\/60:hover { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:text-indigo-900\/60:active { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:text-indigo-900\/70:focus { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:text-indigo-900\/70:hover { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:text-indigo-900\/70:active { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:text-indigo-900\/80:focus { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:text-indigo-900\/80:hover { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:text-indigo-900\/80:active { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:text-indigo-900\/90:focus { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:text-indigo-900\/90:hover { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:text-indigo-900\/90:active { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:text-teal-50:focus { + color: var(--teal-50) + } + .sm\:hover\:text-teal-50:hover { + color: var(--teal-50) + } + .sm\:active\:text-teal-50:active { + color: var(--teal-50) + } + .sm\:focus\:text-teal-50\/10:focus { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:text-teal-50\/10:hover { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:text-teal-50\/10:active { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:text-teal-50\/20:focus { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:text-teal-50\/20:hover { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:text-teal-50\/20:active { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:text-teal-50\/30:focus { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:text-teal-50\/30:hover { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:text-teal-50\/30:active { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:text-teal-50\/40:focus { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:text-teal-50\/40:hover { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:text-teal-50\/40:active { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:text-teal-50\/50:focus { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:text-teal-50\/50:hover { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:text-teal-50\/50:active { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:text-teal-50\/60:focus { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:text-teal-50\/60:hover { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:text-teal-50\/60:active { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:text-teal-50\/70:focus { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:text-teal-50\/70:hover { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:text-teal-50\/70:active { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:text-teal-50\/80:focus { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:text-teal-50\/80:hover { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:text-teal-50\/80:active { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:text-teal-50\/90:focus { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:text-teal-50\/90:hover { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:text-teal-50\/90:active { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:text-teal-100:focus { + color: var(--teal-100) + } + .sm\:hover\:text-teal-100:hover { + color: var(--teal-100) + } + .sm\:active\:text-teal-100:active { + color: var(--teal-100) + } + .sm\:focus\:text-teal-100\/10:focus { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:text-teal-100\/10:hover { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:text-teal-100\/10:active { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:text-teal-100\/20:focus { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:text-teal-100\/20:hover { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:text-teal-100\/20:active { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:text-teal-100\/30:focus { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:text-teal-100\/30:hover { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:text-teal-100\/30:active { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:text-teal-100\/40:focus { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:text-teal-100\/40:hover { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:text-teal-100\/40:active { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:text-teal-100\/50:focus { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:text-teal-100\/50:hover { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:text-teal-100\/50:active { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:text-teal-100\/60:focus { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:text-teal-100\/60:hover { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:text-teal-100\/60:active { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:text-teal-100\/70:focus { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:text-teal-100\/70:hover { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:text-teal-100\/70:active { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:text-teal-100\/80:focus { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:text-teal-100\/80:hover { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:text-teal-100\/80:active { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:text-teal-100\/90:focus { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:text-teal-100\/90:hover { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:text-teal-100\/90:active { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:text-teal-200:focus { + color: var(--teal-200) + } + .sm\:hover\:text-teal-200:hover { + color: var(--teal-200) + } + .sm\:active\:text-teal-200:active { + color: var(--teal-200) + } + .sm\:focus\:text-teal-200\/10:focus { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:text-teal-200\/10:hover { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:text-teal-200\/10:active { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:text-teal-200\/20:focus { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:text-teal-200\/20:hover { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:text-teal-200\/20:active { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:text-teal-200\/30:focus { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:text-teal-200\/30:hover { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:text-teal-200\/30:active { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:text-teal-200\/40:focus { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:text-teal-200\/40:hover { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:text-teal-200\/40:active { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:text-teal-200\/50:focus { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:text-teal-200\/50:hover { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:text-teal-200\/50:active { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:text-teal-200\/60:focus { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:text-teal-200\/60:hover { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:text-teal-200\/60:active { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:text-teal-200\/70:focus { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:text-teal-200\/70:hover { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:text-teal-200\/70:active { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:text-teal-200\/80:focus { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:text-teal-200\/80:hover { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:text-teal-200\/80:active { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:text-teal-200\/90:focus { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:text-teal-200\/90:hover { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:text-teal-200\/90:active { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:text-teal-300:focus { + color: var(--teal-300) + } + .sm\:hover\:text-teal-300:hover { + color: var(--teal-300) + } + .sm\:active\:text-teal-300:active { + color: var(--teal-300) + } + .sm\:focus\:text-teal-300\/10:focus { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:text-teal-300\/10:hover { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:text-teal-300\/10:active { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:text-teal-300\/20:focus { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:text-teal-300\/20:hover { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:text-teal-300\/20:active { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:text-teal-300\/30:focus { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:text-teal-300\/30:hover { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:text-teal-300\/30:active { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:text-teal-300\/40:focus { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:text-teal-300\/40:hover { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:text-teal-300\/40:active { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:text-teal-300\/50:focus { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:text-teal-300\/50:hover { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:text-teal-300\/50:active { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:text-teal-300\/60:focus { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:text-teal-300\/60:hover { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:text-teal-300\/60:active { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:text-teal-300\/70:focus { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:text-teal-300\/70:hover { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:text-teal-300\/70:active { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:text-teal-300\/80:focus { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:text-teal-300\/80:hover { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:text-teal-300\/80:active { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:text-teal-300\/90:focus { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:text-teal-300\/90:hover { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:text-teal-300\/90:active { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:text-teal-400:focus { + color: var(--teal-400) + } + .sm\:hover\:text-teal-400:hover { + color: var(--teal-400) + } + .sm\:active\:text-teal-400:active { + color: var(--teal-400) + } + .sm\:focus\:text-teal-400\/10:focus { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:text-teal-400\/10:hover { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:text-teal-400\/10:active { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:text-teal-400\/20:focus { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:text-teal-400\/20:hover { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:text-teal-400\/20:active { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:text-teal-400\/30:focus { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:text-teal-400\/30:hover { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:text-teal-400\/30:active { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:text-teal-400\/40:focus { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:text-teal-400\/40:hover { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:text-teal-400\/40:active { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:text-teal-400\/50:focus { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:text-teal-400\/50:hover { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:text-teal-400\/50:active { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:text-teal-400\/60:focus { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:text-teal-400\/60:hover { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:text-teal-400\/60:active { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:text-teal-400\/70:focus { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:text-teal-400\/70:hover { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:text-teal-400\/70:active { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:text-teal-400\/80:focus { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:text-teal-400\/80:hover { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:text-teal-400\/80:active { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:text-teal-400\/90:focus { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:text-teal-400\/90:hover { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:text-teal-400\/90:active { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:text-teal-500:focus { + color: var(--teal-500) + } + .sm\:hover\:text-teal-500:hover { + color: var(--teal-500) + } + .sm\:active\:text-teal-500:active { + color: var(--teal-500) + } + .sm\:focus\:text-teal-500\/10:focus { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:text-teal-500\/10:hover { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:text-teal-500\/10:active { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:text-teal-500\/20:focus { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:text-teal-500\/20:hover { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:text-teal-500\/20:active { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:text-teal-500\/30:focus { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:text-teal-500\/30:hover { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:text-teal-500\/30:active { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:text-teal-500\/40:focus { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:text-teal-500\/40:hover { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:text-teal-500\/40:active { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:text-teal-500\/50:focus { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:text-teal-500\/50:hover { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:text-teal-500\/50:active { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:text-teal-500\/60:focus { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:text-teal-500\/60:hover { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:text-teal-500\/60:active { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:text-teal-500\/70:focus { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:text-teal-500\/70:hover { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:text-teal-500\/70:active { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:text-teal-500\/80:focus { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:text-teal-500\/80:hover { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:text-teal-500\/80:active { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:text-teal-500\/90:focus { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:text-teal-500\/90:hover { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:text-teal-500\/90:active { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:text-teal-600:focus { + color: var(--teal-600) + } + .sm\:hover\:text-teal-600:hover { + color: var(--teal-600) + } + .sm\:active\:text-teal-600:active { + color: var(--teal-600) + } + .sm\:focus\:text-teal-600\/10:focus { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:text-teal-600\/10:hover { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:text-teal-600\/10:active { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:text-teal-600\/20:focus { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:text-teal-600\/20:hover { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:text-teal-600\/20:active { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:text-teal-600\/30:focus { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:text-teal-600\/30:hover { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:text-teal-600\/30:active { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:text-teal-600\/40:focus { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:text-teal-600\/40:hover { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:text-teal-600\/40:active { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:text-teal-600\/50:focus { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:text-teal-600\/50:hover { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:text-teal-600\/50:active { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:text-teal-600\/60:focus { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:text-teal-600\/60:hover { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:text-teal-600\/60:active { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:text-teal-600\/70:focus { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:text-teal-600\/70:hover { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:text-teal-600\/70:active { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:text-teal-600\/80:focus { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:text-teal-600\/80:hover { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:text-teal-600\/80:active { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:text-teal-600\/90:focus { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:text-teal-600\/90:hover { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:text-teal-600\/90:active { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:text-teal-700:focus { + color: var(--teal-700) + } + .sm\:hover\:text-teal-700:hover { + color: var(--teal-700) + } + .sm\:active\:text-teal-700:active { + color: var(--teal-700) + } + .sm\:focus\:text-teal-700\/10:focus { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:text-teal-700\/10:hover { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:text-teal-700\/10:active { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:text-teal-700\/20:focus { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:text-teal-700\/20:hover { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:text-teal-700\/20:active { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:text-teal-700\/30:focus { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:text-teal-700\/30:hover { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:text-teal-700\/30:active { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:text-teal-700\/40:focus { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:text-teal-700\/40:hover { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:text-teal-700\/40:active { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:text-teal-700\/50:focus { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:text-teal-700\/50:hover { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:text-teal-700\/50:active { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:text-teal-700\/60:focus { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:text-teal-700\/60:hover { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:text-teal-700\/60:active { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:text-teal-700\/70:focus { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:text-teal-700\/70:hover { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:text-teal-700\/70:active { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:text-teal-700\/80:focus { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:text-teal-700\/80:hover { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:text-teal-700\/80:active { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:text-teal-700\/90:focus { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:text-teal-700\/90:hover { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:text-teal-700\/90:active { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:text-teal-800:focus { + color: var(--teal-800) + } + .sm\:hover\:text-teal-800:hover { + color: var(--teal-800) + } + .sm\:active\:text-teal-800:active { + color: var(--teal-800) + } + .sm\:focus\:text-teal-800\/10:focus { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:text-teal-800\/10:hover { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:text-teal-800\/10:active { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:text-teal-800\/20:focus { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:text-teal-800\/20:hover { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:text-teal-800\/20:active { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:text-teal-800\/30:focus { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:text-teal-800\/30:hover { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:text-teal-800\/30:active { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:text-teal-800\/40:focus { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:text-teal-800\/40:hover { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:text-teal-800\/40:active { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:text-teal-800\/50:focus { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:text-teal-800\/50:hover { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:text-teal-800\/50:active { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:text-teal-800\/60:focus { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:text-teal-800\/60:hover { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:text-teal-800\/60:active { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:text-teal-800\/70:focus { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:text-teal-800\/70:hover { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:text-teal-800\/70:active { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:text-teal-800\/80:focus { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:text-teal-800\/80:hover { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:text-teal-800\/80:active { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:text-teal-800\/90:focus { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:text-teal-800\/90:hover { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:text-teal-800\/90:active { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:text-teal-900:focus { + color: var(--teal-900) + } + .sm\:hover\:text-teal-900:hover { + color: var(--teal-900) + } + .sm\:active\:text-teal-900:active { + color: var(--teal-900) + } + .sm\:focus\:text-teal-900\/10:focus { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:text-teal-900\/10:hover { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:text-teal-900\/10:active { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:text-teal-900\/20:focus { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:text-teal-900\/20:hover { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:text-teal-900\/20:active { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:text-teal-900\/30:focus { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:text-teal-900\/30:hover { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:text-teal-900\/30:active { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:text-teal-900\/40:focus { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:text-teal-900\/40:hover { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:text-teal-900\/40:active { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:text-teal-900\/50:focus { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:text-teal-900\/50:hover { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:text-teal-900\/50:active { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:text-teal-900\/60:focus { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:text-teal-900\/60:hover { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:text-teal-900\/60:active { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:text-teal-900\/70:focus { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:text-teal-900\/70:hover { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:text-teal-900\/70:active { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:text-teal-900\/80:focus { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:text-teal-900\/80:hover { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:text-teal-900\/80:active { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:text-teal-900\/90:focus { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:text-teal-900\/90:hover { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:text-teal-900\/90:active { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:text-orange-50:focus { + color: var(--orange-50) + } + .sm\:hover\:text-orange-50:hover { + color: var(--orange-50) + } + .sm\:active\:text-orange-50:active { + color: var(--orange-50) + } + .sm\:focus\:text-orange-50\/10:focus { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:text-orange-50\/10:hover { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:text-orange-50\/10:active { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:text-orange-50\/20:focus { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:text-orange-50\/20:hover { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:text-orange-50\/20:active { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:text-orange-50\/30:focus { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:text-orange-50\/30:hover { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:text-orange-50\/30:active { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:text-orange-50\/40:focus { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:text-orange-50\/40:hover { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:text-orange-50\/40:active { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:text-orange-50\/50:focus { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:text-orange-50\/50:hover { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:text-orange-50\/50:active { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:text-orange-50\/60:focus { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:text-orange-50\/60:hover { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:text-orange-50\/60:active { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:text-orange-50\/70:focus { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:text-orange-50\/70:hover { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:text-orange-50\/70:active { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:text-orange-50\/80:focus { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:text-orange-50\/80:hover { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:text-orange-50\/80:active { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:text-orange-50\/90:focus { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:text-orange-50\/90:hover { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:text-orange-50\/90:active { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:text-orange-100:focus { + color: var(--orange-100) + } + .sm\:hover\:text-orange-100:hover { + color: var(--orange-100) + } + .sm\:active\:text-orange-100:active { + color: var(--orange-100) + } + .sm\:focus\:text-orange-100\/10:focus { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:text-orange-100\/10:hover { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:text-orange-100\/10:active { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:text-orange-100\/20:focus { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:text-orange-100\/20:hover { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:text-orange-100\/20:active { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:text-orange-100\/30:focus { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:text-orange-100\/30:hover { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:text-orange-100\/30:active { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:text-orange-100\/40:focus { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:text-orange-100\/40:hover { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:text-orange-100\/40:active { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:text-orange-100\/50:focus { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:text-orange-100\/50:hover { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:text-orange-100\/50:active { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:text-orange-100\/60:focus { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:text-orange-100\/60:hover { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:text-orange-100\/60:active { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:text-orange-100\/70:focus { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:text-orange-100\/70:hover { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:text-orange-100\/70:active { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:text-orange-100\/80:focus { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:text-orange-100\/80:hover { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:text-orange-100\/80:active { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:text-orange-100\/90:focus { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:text-orange-100\/90:hover { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:text-orange-100\/90:active { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:text-orange-200:focus { + color: var(--orange-200) + } + .sm\:hover\:text-orange-200:hover { + color: var(--orange-200) + } + .sm\:active\:text-orange-200:active { + color: var(--orange-200) + } + .sm\:focus\:text-orange-200\/10:focus { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:text-orange-200\/10:hover { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:text-orange-200\/10:active { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:text-orange-200\/20:focus { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:text-orange-200\/20:hover { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:text-orange-200\/20:active { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:text-orange-200\/30:focus { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:text-orange-200\/30:hover { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:text-orange-200\/30:active { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:text-orange-200\/40:focus { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:text-orange-200\/40:hover { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:text-orange-200\/40:active { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:text-orange-200\/50:focus { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:text-orange-200\/50:hover { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:text-orange-200\/50:active { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:text-orange-200\/60:focus { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:text-orange-200\/60:hover { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:text-orange-200\/60:active { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:text-orange-200\/70:focus { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:text-orange-200\/70:hover { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:text-orange-200\/70:active { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:text-orange-200\/80:focus { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:text-orange-200\/80:hover { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:text-orange-200\/80:active { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:text-orange-200\/90:focus { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:text-orange-200\/90:hover { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:text-orange-200\/90:active { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:text-orange-300:focus { + color: var(--orange-300) + } + .sm\:hover\:text-orange-300:hover { + color: var(--orange-300) + } + .sm\:active\:text-orange-300:active { + color: var(--orange-300) + } + .sm\:focus\:text-orange-300\/10:focus { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:text-orange-300\/10:hover { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:text-orange-300\/10:active { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:text-orange-300\/20:focus { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:text-orange-300\/20:hover { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:text-orange-300\/20:active { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:text-orange-300\/30:focus { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:text-orange-300\/30:hover { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:text-orange-300\/30:active { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:text-orange-300\/40:focus { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:text-orange-300\/40:hover { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:text-orange-300\/40:active { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:text-orange-300\/50:focus { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:text-orange-300\/50:hover { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:text-orange-300\/50:active { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:text-orange-300\/60:focus { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:text-orange-300\/60:hover { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:text-orange-300\/60:active { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:text-orange-300\/70:focus { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:text-orange-300\/70:hover { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:text-orange-300\/70:active { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:text-orange-300\/80:focus { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:text-orange-300\/80:hover { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:text-orange-300\/80:active { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:text-orange-300\/90:focus { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:text-orange-300\/90:hover { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:text-orange-300\/90:active { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:text-orange-400:focus { + color: var(--orange-400) + } + .sm\:hover\:text-orange-400:hover { + color: var(--orange-400) + } + .sm\:active\:text-orange-400:active { + color: var(--orange-400) + } + .sm\:focus\:text-orange-400\/10:focus { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:text-orange-400\/10:hover { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:text-orange-400\/10:active { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:text-orange-400\/20:focus { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:text-orange-400\/20:hover { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:text-orange-400\/20:active { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:text-orange-400\/30:focus { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:text-orange-400\/30:hover { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:text-orange-400\/30:active { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:text-orange-400\/40:focus { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:text-orange-400\/40:hover { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:text-orange-400\/40:active { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:text-orange-400\/50:focus { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:text-orange-400\/50:hover { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:text-orange-400\/50:active { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:text-orange-400\/60:focus { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:text-orange-400\/60:hover { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:text-orange-400\/60:active { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:text-orange-400\/70:focus { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:text-orange-400\/70:hover { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:text-orange-400\/70:active { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:text-orange-400\/80:focus { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:text-orange-400\/80:hover { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:text-orange-400\/80:active { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:text-orange-400\/90:focus { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:text-orange-400\/90:hover { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:text-orange-400\/90:active { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:text-orange-500:focus { + color: var(--orange-500) + } + .sm\:hover\:text-orange-500:hover { + color: var(--orange-500) + } + .sm\:active\:text-orange-500:active { + color: var(--orange-500) + } + .sm\:focus\:text-orange-500\/10:focus { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:text-orange-500\/10:hover { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:text-orange-500\/10:active { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:text-orange-500\/20:focus { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:text-orange-500\/20:hover { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:text-orange-500\/20:active { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:text-orange-500\/30:focus { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:text-orange-500\/30:hover { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:text-orange-500\/30:active { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:text-orange-500\/40:focus { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:text-orange-500\/40:hover { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:text-orange-500\/40:active { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:text-orange-500\/50:focus { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:text-orange-500\/50:hover { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:text-orange-500\/50:active { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:text-orange-500\/60:focus { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:text-orange-500\/60:hover { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:text-orange-500\/60:active { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:text-orange-500\/70:focus { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:text-orange-500\/70:hover { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:text-orange-500\/70:active { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:text-orange-500\/80:focus { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:text-orange-500\/80:hover { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:text-orange-500\/80:active { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:text-orange-500\/90:focus { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:text-orange-500\/90:hover { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:text-orange-500\/90:active { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:text-orange-600:focus { + color: var(--orange-600) + } + .sm\:hover\:text-orange-600:hover { + color: var(--orange-600) + } + .sm\:active\:text-orange-600:active { + color: var(--orange-600) + } + .sm\:focus\:text-orange-600\/10:focus { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:text-orange-600\/10:hover { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:text-orange-600\/10:active { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:text-orange-600\/20:focus { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:text-orange-600\/20:hover { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:text-orange-600\/20:active { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:text-orange-600\/30:focus { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:text-orange-600\/30:hover { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:text-orange-600\/30:active { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:text-orange-600\/40:focus { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:text-orange-600\/40:hover { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:text-orange-600\/40:active { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:text-orange-600\/50:focus { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:text-orange-600\/50:hover { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:text-orange-600\/50:active { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:text-orange-600\/60:focus { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:text-orange-600\/60:hover { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:text-orange-600\/60:active { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:text-orange-600\/70:focus { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:text-orange-600\/70:hover { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:text-orange-600\/70:active { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:text-orange-600\/80:focus { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:text-orange-600\/80:hover { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:text-orange-600\/80:active { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:text-orange-600\/90:focus { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:text-orange-600\/90:hover { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:text-orange-600\/90:active { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:text-orange-700:focus { + color: var(--orange-700) + } + .sm\:hover\:text-orange-700:hover { + color: var(--orange-700) + } + .sm\:active\:text-orange-700:active { + color: var(--orange-700) + } + .sm\:focus\:text-orange-700\/10:focus { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:text-orange-700\/10:hover { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:text-orange-700\/10:active { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:text-orange-700\/20:focus { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:text-orange-700\/20:hover { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:text-orange-700\/20:active { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:text-orange-700\/30:focus { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:text-orange-700\/30:hover { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:text-orange-700\/30:active { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:text-orange-700\/40:focus { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:text-orange-700\/40:hover { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:text-orange-700\/40:active { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:text-orange-700\/50:focus { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:text-orange-700\/50:hover { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:text-orange-700\/50:active { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:text-orange-700\/60:focus { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:text-orange-700\/60:hover { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:text-orange-700\/60:active { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:text-orange-700\/70:focus { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:text-orange-700\/70:hover { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:text-orange-700\/70:active { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:text-orange-700\/80:focus { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:text-orange-700\/80:hover { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:text-orange-700\/80:active { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:text-orange-700\/90:focus { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:text-orange-700\/90:hover { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:text-orange-700\/90:active { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:text-orange-800:focus { + color: var(--orange-800) + } + .sm\:hover\:text-orange-800:hover { + color: var(--orange-800) + } + .sm\:active\:text-orange-800:active { + color: var(--orange-800) + } + .sm\:focus\:text-orange-800\/10:focus { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:text-orange-800\/10:hover { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:text-orange-800\/10:active { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:text-orange-800\/20:focus { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:text-orange-800\/20:hover { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:text-orange-800\/20:active { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:text-orange-800\/30:focus { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:text-orange-800\/30:hover { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:text-orange-800\/30:active { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:text-orange-800\/40:focus { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:text-orange-800\/40:hover { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:text-orange-800\/40:active { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:text-orange-800\/50:focus { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:text-orange-800\/50:hover { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:text-orange-800\/50:active { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:text-orange-800\/60:focus { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:text-orange-800\/60:hover { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:text-orange-800\/60:active { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:text-orange-800\/70:focus { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:text-orange-800\/70:hover { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:text-orange-800\/70:active { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:text-orange-800\/80:focus { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:text-orange-800\/80:hover { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:text-orange-800\/80:active { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:text-orange-800\/90:focus { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:text-orange-800\/90:hover { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:text-orange-800\/90:active { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:text-orange-900:focus { + color: var(--orange-900) + } + .sm\:hover\:text-orange-900:hover { + color: var(--orange-900) + } + .sm\:active\:text-orange-900:active { + color: var(--orange-900) + } + .sm\:focus\:text-orange-900\/10:focus { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:text-orange-900\/10:hover { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:text-orange-900\/10:active { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:text-orange-900\/20:focus { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:text-orange-900\/20:hover { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:text-orange-900\/20:active { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:text-orange-900\/30:focus { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:text-orange-900\/30:hover { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:text-orange-900\/30:active { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:text-orange-900\/40:focus { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:text-orange-900\/40:hover { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:text-orange-900\/40:active { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:text-orange-900\/50:focus { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:text-orange-900\/50:hover { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:text-orange-900\/50:active { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:text-orange-900\/60:focus { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:text-orange-900\/60:hover { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:text-orange-900\/60:active { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:text-orange-900\/70:focus { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:text-orange-900\/70:hover { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:text-orange-900\/70:active { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:text-orange-900\/80:focus { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:text-orange-900\/80:hover { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:text-orange-900\/80:active { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:text-orange-900\/90:focus { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:text-orange-900\/90:hover { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:text-orange-900\/90:active { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-50:focus { + color: var(--bluegray-50) + } + .sm\:hover\:text-bluegray-50:hover { + color: var(--bluegray-50) + } + .sm\:active\:text-bluegray-50:active { + color: var(--bluegray-50) + } + .sm\:focus\:text-bluegray-50\/10:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-50\/10:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:text-bluegray-50\/10:active { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-50\/20:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-50\/20:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:text-bluegray-50\/20:active { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-50\/30:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-50\/30:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:text-bluegray-50\/30:active { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-50\/40:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-50\/40:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:text-bluegray-50\/40:active { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-50\/50:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-50\/50:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:text-bluegray-50\/50:active { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-50\/60:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-50\/60:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:text-bluegray-50\/60:active { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-50\/70:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-50\/70:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:text-bluegray-50\/70:active { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-50\/80:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-50\/80:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:text-bluegray-50\/80:active { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-50\/90:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-50\/90:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:text-bluegray-50\/90:active { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-100:focus { + color: var(--bluegray-100) + } + .sm\:hover\:text-bluegray-100:hover { + color: var(--bluegray-100) + } + .sm\:active\:text-bluegray-100:active { + color: var(--bluegray-100) + } + .sm\:focus\:text-bluegray-100\/10:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-100\/10:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:text-bluegray-100\/10:active { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-100\/20:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-100\/20:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:text-bluegray-100\/20:active { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-100\/30:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-100\/30:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:text-bluegray-100\/30:active { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-100\/40:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-100\/40:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:text-bluegray-100\/40:active { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-100\/50:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-100\/50:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:text-bluegray-100\/50:active { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-100\/60:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-100\/60:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:text-bluegray-100\/60:active { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-100\/70:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-100\/70:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:text-bluegray-100\/70:active { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-100\/80:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-100\/80:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:text-bluegray-100\/80:active { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-100\/90:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-100\/90:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:text-bluegray-100\/90:active { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-200:focus { + color: var(--bluegray-200) + } + .sm\:hover\:text-bluegray-200:hover { + color: var(--bluegray-200) + } + .sm\:active\:text-bluegray-200:active { + color: var(--bluegray-200) + } + .sm\:focus\:text-bluegray-200\/10:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-200\/10:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:text-bluegray-200\/10:active { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-200\/20:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-200\/20:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:text-bluegray-200\/20:active { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-200\/30:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-200\/30:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:text-bluegray-200\/30:active { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-200\/40:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-200\/40:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:text-bluegray-200\/40:active { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-200\/50:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-200\/50:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:text-bluegray-200\/50:active { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-200\/60:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-200\/60:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:text-bluegray-200\/60:active { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-200\/70:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-200\/70:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:text-bluegray-200\/70:active { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-200\/80:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-200\/80:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:text-bluegray-200\/80:active { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-200\/90:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-200\/90:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:text-bluegray-200\/90:active { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-300:focus { + color: var(--bluegray-300) + } + .sm\:hover\:text-bluegray-300:hover { + color: var(--bluegray-300) + } + .sm\:active\:text-bluegray-300:active { + color: var(--bluegray-300) + } + .sm\:focus\:text-bluegray-300\/10:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-300\/10:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:text-bluegray-300\/10:active { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-300\/20:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-300\/20:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:text-bluegray-300\/20:active { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-300\/30:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-300\/30:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:text-bluegray-300\/30:active { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-300\/40:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-300\/40:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:text-bluegray-300\/40:active { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-300\/50:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-300\/50:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:text-bluegray-300\/50:active { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-300\/60:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-300\/60:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:text-bluegray-300\/60:active { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-300\/70:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-300\/70:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:text-bluegray-300\/70:active { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-300\/80:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-300\/80:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:text-bluegray-300\/80:active { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-300\/90:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-300\/90:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:text-bluegray-300\/90:active { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-400:focus { + color: var(--bluegray-400) + } + .sm\:hover\:text-bluegray-400:hover { + color: var(--bluegray-400) + } + .sm\:active\:text-bluegray-400:active { + color: var(--bluegray-400) + } + .sm\:focus\:text-bluegray-400\/10:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-400\/10:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:text-bluegray-400\/10:active { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-400\/20:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-400\/20:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:text-bluegray-400\/20:active { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-400\/30:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-400\/30:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:text-bluegray-400\/30:active { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-400\/40:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-400\/40:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:text-bluegray-400\/40:active { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-400\/50:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-400\/50:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:text-bluegray-400\/50:active { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-400\/60:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-400\/60:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:text-bluegray-400\/60:active { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-400\/70:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-400\/70:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:text-bluegray-400\/70:active { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-400\/80:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-400\/80:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:text-bluegray-400\/80:active { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-400\/90:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-400\/90:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:text-bluegray-400\/90:active { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-500:focus { + color: var(--bluegray-500) + } + .sm\:hover\:text-bluegray-500:hover { + color: var(--bluegray-500) + } + .sm\:active\:text-bluegray-500:active { + color: var(--bluegray-500) + } + .sm\:focus\:text-bluegray-500\/10:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-500\/10:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:text-bluegray-500\/10:active { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-500\/20:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-500\/20:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:text-bluegray-500\/20:active { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-500\/30:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-500\/30:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:text-bluegray-500\/30:active { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-500\/40:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-500\/40:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:text-bluegray-500\/40:active { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-500\/50:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-500\/50:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:text-bluegray-500\/50:active { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-500\/60:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-500\/60:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:text-bluegray-500\/60:active { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-500\/70:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-500\/70:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:text-bluegray-500\/70:active { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-500\/80:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-500\/80:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:text-bluegray-500\/80:active { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-500\/90:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-500\/90:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:text-bluegray-500\/90:active { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-600:focus { + color: var(--bluegray-600) + } + .sm\:hover\:text-bluegray-600:hover { + color: var(--bluegray-600) + } + .sm\:active\:text-bluegray-600:active { + color: var(--bluegray-600) + } + .sm\:focus\:text-bluegray-600\/10:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-600\/10:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:text-bluegray-600\/10:active { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-600\/20:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-600\/20:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:text-bluegray-600\/20:active { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-600\/30:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-600\/30:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:text-bluegray-600\/30:active { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-600\/40:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-600\/40:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:text-bluegray-600\/40:active { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-600\/50:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-600\/50:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:text-bluegray-600\/50:active { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-600\/60:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-600\/60:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:text-bluegray-600\/60:active { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-600\/70:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-600\/70:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:text-bluegray-600\/70:active { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-600\/80:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-600\/80:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:text-bluegray-600\/80:active { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-600\/90:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-600\/90:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:text-bluegray-600\/90:active { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-700:focus { + color: var(--bluegray-700) + } + .sm\:hover\:text-bluegray-700:hover { + color: var(--bluegray-700) + } + .sm\:active\:text-bluegray-700:active { + color: var(--bluegray-700) + } + .sm\:focus\:text-bluegray-700\/10:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-700\/10:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:text-bluegray-700\/10:active { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-700\/20:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-700\/20:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:text-bluegray-700\/20:active { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-700\/30:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-700\/30:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:text-bluegray-700\/30:active { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-700\/40:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-700\/40:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:text-bluegray-700\/40:active { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-700\/50:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-700\/50:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:text-bluegray-700\/50:active { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-700\/60:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-700\/60:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:text-bluegray-700\/60:active { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-700\/70:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-700\/70:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:text-bluegray-700\/70:active { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-700\/80:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-700\/80:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:text-bluegray-700\/80:active { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-700\/90:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-700\/90:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:text-bluegray-700\/90:active { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-800:focus { + color: var(--bluegray-800) + } + .sm\:hover\:text-bluegray-800:hover { + color: var(--bluegray-800) + } + .sm\:active\:text-bluegray-800:active { + color: var(--bluegray-800) + } + .sm\:focus\:text-bluegray-800\/10:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-800\/10:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:text-bluegray-800\/10:active { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-800\/20:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-800\/20:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:text-bluegray-800\/20:active { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-800\/30:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-800\/30:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:text-bluegray-800\/30:active { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-800\/40:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-800\/40:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:text-bluegray-800\/40:active { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-800\/50:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-800\/50:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:text-bluegray-800\/50:active { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-800\/60:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-800\/60:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:text-bluegray-800\/60:active { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-800\/70:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-800\/70:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:text-bluegray-800\/70:active { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-800\/80:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-800\/80:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:text-bluegray-800\/80:active { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-800\/90:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-800\/90:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:text-bluegray-800\/90:active { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:text-bluegray-900:focus { + color: var(--bluegray-900) + } + .sm\:hover\:text-bluegray-900:hover { + color: var(--bluegray-900) + } + .sm\:active\:text-bluegray-900:active { + color: var(--bluegray-900) + } + .sm\:focus\:text-bluegray-900\/10:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:text-bluegray-900\/10:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:text-bluegray-900\/10:active { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:text-bluegray-900\/20:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:text-bluegray-900\/20:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:text-bluegray-900\/20:active { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:text-bluegray-900\/30:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:text-bluegray-900\/30:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:text-bluegray-900\/30:active { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:text-bluegray-900\/40:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:text-bluegray-900\/40:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:text-bluegray-900\/40:active { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:text-bluegray-900\/50:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:text-bluegray-900\/50:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:text-bluegray-900\/50:active { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:text-bluegray-900\/60:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:text-bluegray-900\/60:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:text-bluegray-900\/60:active { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:text-bluegray-900\/70:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:text-bluegray-900\/70:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:text-bluegray-900\/70:active { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:text-bluegray-900\/80:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:text-bluegray-900\/80:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:text-bluegray-900\/80:active { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:text-bluegray-900\/90:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:text-bluegray-900\/90:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:text-bluegray-900\/90:active { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:text-purple-50:focus { + color: var(--purple-50) + } + .sm\:hover\:text-purple-50:hover { + color: var(--purple-50) + } + .sm\:active\:text-purple-50:active { + color: var(--purple-50) + } + .sm\:focus\:text-purple-50\/10:focus { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:text-purple-50\/10:hover { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:text-purple-50\/10:active { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:text-purple-50\/20:focus { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:text-purple-50\/20:hover { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:text-purple-50\/20:active { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:text-purple-50\/30:focus { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:text-purple-50\/30:hover { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:text-purple-50\/30:active { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:text-purple-50\/40:focus { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:text-purple-50\/40:hover { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:text-purple-50\/40:active { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:text-purple-50\/50:focus { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:text-purple-50\/50:hover { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:text-purple-50\/50:active { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:text-purple-50\/60:focus { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:text-purple-50\/60:hover { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:text-purple-50\/60:active { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:text-purple-50\/70:focus { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:text-purple-50\/70:hover { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:text-purple-50\/70:active { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:text-purple-50\/80:focus { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:text-purple-50\/80:hover { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:text-purple-50\/80:active { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:text-purple-50\/90:focus { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:text-purple-50\/90:hover { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:text-purple-50\/90:active { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:text-purple-100:focus { + color: var(--purple-100) + } + .sm\:hover\:text-purple-100:hover { + color: var(--purple-100) + } + .sm\:active\:text-purple-100:active { + color: var(--purple-100) + } + .sm\:focus\:text-purple-100\/10:focus { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:text-purple-100\/10:hover { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:text-purple-100\/10:active { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:text-purple-100\/20:focus { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:text-purple-100\/20:hover { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:text-purple-100\/20:active { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:text-purple-100\/30:focus { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:text-purple-100\/30:hover { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:text-purple-100\/30:active { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:text-purple-100\/40:focus { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:text-purple-100\/40:hover { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:text-purple-100\/40:active { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:text-purple-100\/50:focus { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:text-purple-100\/50:hover { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:text-purple-100\/50:active { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:text-purple-100\/60:focus { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:text-purple-100\/60:hover { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:text-purple-100\/60:active { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:text-purple-100\/70:focus { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:text-purple-100\/70:hover { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:text-purple-100\/70:active { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:text-purple-100\/80:focus { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:text-purple-100\/80:hover { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:text-purple-100\/80:active { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:text-purple-100\/90:focus { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:text-purple-100\/90:hover { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:text-purple-100\/90:active { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:text-purple-200:focus { + color: var(--purple-200) + } + .sm\:hover\:text-purple-200:hover { + color: var(--purple-200) + } + .sm\:active\:text-purple-200:active { + color: var(--purple-200) + } + .sm\:focus\:text-purple-200\/10:focus { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:text-purple-200\/10:hover { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:text-purple-200\/10:active { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:text-purple-200\/20:focus { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:text-purple-200\/20:hover { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:text-purple-200\/20:active { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:text-purple-200\/30:focus { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:text-purple-200\/30:hover { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:text-purple-200\/30:active { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:text-purple-200\/40:focus { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:text-purple-200\/40:hover { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:text-purple-200\/40:active { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:text-purple-200\/50:focus { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:text-purple-200\/50:hover { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:text-purple-200\/50:active { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:text-purple-200\/60:focus { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:text-purple-200\/60:hover { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:text-purple-200\/60:active { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:text-purple-200\/70:focus { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:text-purple-200\/70:hover { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:text-purple-200\/70:active { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:text-purple-200\/80:focus { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:text-purple-200\/80:hover { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:text-purple-200\/80:active { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:text-purple-200\/90:focus { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:text-purple-200\/90:hover { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:text-purple-200\/90:active { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:text-purple-300:focus { + color: var(--purple-300) + } + .sm\:hover\:text-purple-300:hover { + color: var(--purple-300) + } + .sm\:active\:text-purple-300:active { + color: var(--purple-300) + } + .sm\:focus\:text-purple-300\/10:focus { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:text-purple-300\/10:hover { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:text-purple-300\/10:active { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:text-purple-300\/20:focus { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:text-purple-300\/20:hover { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:text-purple-300\/20:active { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:text-purple-300\/30:focus { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:text-purple-300\/30:hover { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:text-purple-300\/30:active { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:text-purple-300\/40:focus { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:text-purple-300\/40:hover { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:text-purple-300\/40:active { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:text-purple-300\/50:focus { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:text-purple-300\/50:hover { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:text-purple-300\/50:active { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:text-purple-300\/60:focus { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:text-purple-300\/60:hover { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:text-purple-300\/60:active { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:text-purple-300\/70:focus { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:text-purple-300\/70:hover { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:text-purple-300\/70:active { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:text-purple-300\/80:focus { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:text-purple-300\/80:hover { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:text-purple-300\/80:active { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:text-purple-300\/90:focus { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:text-purple-300\/90:hover { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:text-purple-300\/90:active { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:text-purple-400:focus { + color: var(--purple-400) + } + .sm\:hover\:text-purple-400:hover { + color: var(--purple-400) + } + .sm\:active\:text-purple-400:active { + color: var(--purple-400) + } + .sm\:focus\:text-purple-400\/10:focus { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:text-purple-400\/10:hover { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:text-purple-400\/10:active { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:text-purple-400\/20:focus { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:text-purple-400\/20:hover { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:text-purple-400\/20:active { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:text-purple-400\/30:focus { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:text-purple-400\/30:hover { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:text-purple-400\/30:active { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:text-purple-400\/40:focus { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:text-purple-400\/40:hover { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:text-purple-400\/40:active { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:text-purple-400\/50:focus { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:text-purple-400\/50:hover { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:text-purple-400\/50:active { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:text-purple-400\/60:focus { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:text-purple-400\/60:hover { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:text-purple-400\/60:active { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:text-purple-400\/70:focus { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:text-purple-400\/70:hover { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:text-purple-400\/70:active { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:text-purple-400\/80:focus { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:text-purple-400\/80:hover { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:text-purple-400\/80:active { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:text-purple-400\/90:focus { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:text-purple-400\/90:hover { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:text-purple-400\/90:active { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:text-purple-500:focus { + color: var(--purple-500) + } + .sm\:hover\:text-purple-500:hover { + color: var(--purple-500) + } + .sm\:active\:text-purple-500:active { + color: var(--purple-500) + } + .sm\:focus\:text-purple-500\/10:focus { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:text-purple-500\/10:hover { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:text-purple-500\/10:active { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:text-purple-500\/20:focus { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:text-purple-500\/20:hover { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:text-purple-500\/20:active { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:text-purple-500\/30:focus { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:text-purple-500\/30:hover { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:text-purple-500\/30:active { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:text-purple-500\/40:focus { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:text-purple-500\/40:hover { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:text-purple-500\/40:active { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:text-purple-500\/50:focus { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:text-purple-500\/50:hover { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:text-purple-500\/50:active { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:text-purple-500\/60:focus { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:text-purple-500\/60:hover { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:text-purple-500\/60:active { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:text-purple-500\/70:focus { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:text-purple-500\/70:hover { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:text-purple-500\/70:active { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:text-purple-500\/80:focus { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:text-purple-500\/80:hover { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:text-purple-500\/80:active { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:text-purple-500\/90:focus { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:text-purple-500\/90:hover { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:text-purple-500\/90:active { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:text-purple-600:focus { + color: var(--purple-600) + } + .sm\:hover\:text-purple-600:hover { + color: var(--purple-600) + } + .sm\:active\:text-purple-600:active { + color: var(--purple-600) + } + .sm\:focus\:text-purple-600\/10:focus { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:text-purple-600\/10:hover { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:text-purple-600\/10:active { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:text-purple-600\/20:focus { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:text-purple-600\/20:hover { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:text-purple-600\/20:active { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:text-purple-600\/30:focus { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:text-purple-600\/30:hover { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:text-purple-600\/30:active { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:text-purple-600\/40:focus { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:text-purple-600\/40:hover { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:text-purple-600\/40:active { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:text-purple-600\/50:focus { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:text-purple-600\/50:hover { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:text-purple-600\/50:active { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:text-purple-600\/60:focus { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:text-purple-600\/60:hover { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:text-purple-600\/60:active { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:text-purple-600\/70:focus { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:text-purple-600\/70:hover { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:text-purple-600\/70:active { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:text-purple-600\/80:focus { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:text-purple-600\/80:hover { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:text-purple-600\/80:active { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:text-purple-600\/90:focus { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:text-purple-600\/90:hover { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:text-purple-600\/90:active { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:text-purple-700:focus { + color: var(--purple-700) + } + .sm\:hover\:text-purple-700:hover { + color: var(--purple-700) + } + .sm\:active\:text-purple-700:active { + color: var(--purple-700) + } + .sm\:focus\:text-purple-700\/10:focus { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:text-purple-700\/10:hover { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:text-purple-700\/10:active { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:text-purple-700\/20:focus { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:text-purple-700\/20:hover { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:text-purple-700\/20:active { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:text-purple-700\/30:focus { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:text-purple-700\/30:hover { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:text-purple-700\/30:active { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:text-purple-700\/40:focus { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:text-purple-700\/40:hover { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:text-purple-700\/40:active { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:text-purple-700\/50:focus { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:text-purple-700\/50:hover { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:text-purple-700\/50:active { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:text-purple-700\/60:focus { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:text-purple-700\/60:hover { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:text-purple-700\/60:active { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:text-purple-700\/70:focus { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:text-purple-700\/70:hover { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:text-purple-700\/70:active { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:text-purple-700\/80:focus { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:text-purple-700\/80:hover { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:text-purple-700\/80:active { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:text-purple-700\/90:focus { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:text-purple-700\/90:hover { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:text-purple-700\/90:active { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:text-purple-800:focus { + color: var(--purple-800) + } + .sm\:hover\:text-purple-800:hover { + color: var(--purple-800) + } + .sm\:active\:text-purple-800:active { + color: var(--purple-800) + } + .sm\:focus\:text-purple-800\/10:focus { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:text-purple-800\/10:hover { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:text-purple-800\/10:active { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:text-purple-800\/20:focus { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:text-purple-800\/20:hover { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:text-purple-800\/20:active { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:text-purple-800\/30:focus { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:text-purple-800\/30:hover { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:text-purple-800\/30:active { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:text-purple-800\/40:focus { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:text-purple-800\/40:hover { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:text-purple-800\/40:active { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:text-purple-800\/50:focus { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:text-purple-800\/50:hover { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:text-purple-800\/50:active { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:text-purple-800\/60:focus { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:text-purple-800\/60:hover { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:text-purple-800\/60:active { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:text-purple-800\/70:focus { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:text-purple-800\/70:hover { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:text-purple-800\/70:active { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:text-purple-800\/80:focus { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:text-purple-800\/80:hover { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:text-purple-800\/80:active { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:text-purple-800\/90:focus { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:text-purple-800\/90:hover { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:text-purple-800\/90:active { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:text-purple-900:focus { + color: var(--purple-900) + } + .sm\:hover\:text-purple-900:hover { + color: var(--purple-900) + } + .sm\:active\:text-purple-900:active { + color: var(--purple-900) + } + .sm\:focus\:text-purple-900\/10:focus { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:text-purple-900\/10:hover { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:text-purple-900\/10:active { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:text-purple-900\/20:focus { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:text-purple-900\/20:hover { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:text-purple-900\/20:active { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:text-purple-900\/30:focus { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:text-purple-900\/30:hover { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:text-purple-900\/30:active { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:text-purple-900\/40:focus { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:text-purple-900\/40:hover { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:text-purple-900\/40:active { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:text-purple-900\/50:focus { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:text-purple-900\/50:hover { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:text-purple-900\/50:active { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:text-purple-900\/60:focus { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:text-purple-900\/60:hover { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:text-purple-900\/60:active { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:text-purple-900\/70:focus { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:text-purple-900\/70:hover { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:text-purple-900\/70:active { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:text-purple-900\/80:focus { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:text-purple-900\/80:hover { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:text-purple-900\/80:active { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:text-purple-900\/90:focus { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:text-purple-900\/90:hover { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:text-purple-900\/90:active { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:text-red-50:focus { + color: var(--red-50) + } + .sm\:hover\:text-red-50:hover { + color: var(--red-50) + } + .sm\:active\:text-red-50:active { + color: var(--red-50) + } + .sm\:focus\:text-red-50\/10:focus { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:text-red-50\/10:hover { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:text-red-50\/10:active { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:text-red-50\/20:focus { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:text-red-50\/20:hover { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:text-red-50\/20:active { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:text-red-50\/30:focus { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:text-red-50\/30:hover { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:text-red-50\/30:active { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:text-red-50\/40:focus { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:text-red-50\/40:hover { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:text-red-50\/40:active { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:text-red-50\/50:focus { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:text-red-50\/50:hover { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:text-red-50\/50:active { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:text-red-50\/60:focus { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:text-red-50\/60:hover { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:text-red-50\/60:active { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:text-red-50\/70:focus { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:text-red-50\/70:hover { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:text-red-50\/70:active { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:text-red-50\/80:focus { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:text-red-50\/80:hover { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:text-red-50\/80:active { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:text-red-50\/90:focus { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:text-red-50\/90:hover { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:text-red-50\/90:active { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:text-red-100:focus { + color: var(--red-100) + } + .sm\:hover\:text-red-100:hover { + color: var(--red-100) + } + .sm\:active\:text-red-100:active { + color: var(--red-100) + } + .sm\:focus\:text-red-100\/10:focus { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:text-red-100\/10:hover { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:text-red-100\/10:active { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:text-red-100\/20:focus { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:text-red-100\/20:hover { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:text-red-100\/20:active { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:text-red-100\/30:focus { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:text-red-100\/30:hover { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:text-red-100\/30:active { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:text-red-100\/40:focus { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:text-red-100\/40:hover { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:text-red-100\/40:active { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:text-red-100\/50:focus { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:text-red-100\/50:hover { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:text-red-100\/50:active { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:text-red-100\/60:focus { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:text-red-100\/60:hover { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:text-red-100\/60:active { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:text-red-100\/70:focus { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:text-red-100\/70:hover { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:text-red-100\/70:active { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:text-red-100\/80:focus { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:text-red-100\/80:hover { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:text-red-100\/80:active { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:text-red-100\/90:focus { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:text-red-100\/90:hover { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:text-red-100\/90:active { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:text-red-200:focus { + color: var(--red-200) + } + .sm\:hover\:text-red-200:hover { + color: var(--red-200) + } + .sm\:active\:text-red-200:active { + color: var(--red-200) + } + .sm\:focus\:text-red-200\/10:focus { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:text-red-200\/10:hover { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:text-red-200\/10:active { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:text-red-200\/20:focus { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:text-red-200\/20:hover { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:text-red-200\/20:active { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:text-red-200\/30:focus { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:text-red-200\/30:hover { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:text-red-200\/30:active { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:text-red-200\/40:focus { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:text-red-200\/40:hover { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:text-red-200\/40:active { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:text-red-200\/50:focus { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:text-red-200\/50:hover { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:text-red-200\/50:active { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:text-red-200\/60:focus { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:text-red-200\/60:hover { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:text-red-200\/60:active { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:text-red-200\/70:focus { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:text-red-200\/70:hover { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:text-red-200\/70:active { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:text-red-200\/80:focus { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:text-red-200\/80:hover { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:text-red-200\/80:active { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:text-red-200\/90:focus { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:text-red-200\/90:hover { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:text-red-200\/90:active { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:text-red-300:focus { + color: var(--red-300) + } + .sm\:hover\:text-red-300:hover { + color: var(--red-300) + } + .sm\:active\:text-red-300:active { + color: var(--red-300) + } + .sm\:focus\:text-red-300\/10:focus { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:text-red-300\/10:hover { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:text-red-300\/10:active { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:text-red-300\/20:focus { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:text-red-300\/20:hover { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:text-red-300\/20:active { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:text-red-300\/30:focus { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:text-red-300\/30:hover { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:text-red-300\/30:active { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:text-red-300\/40:focus { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:text-red-300\/40:hover { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:text-red-300\/40:active { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:text-red-300\/50:focus { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:text-red-300\/50:hover { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:text-red-300\/50:active { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:text-red-300\/60:focus { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:text-red-300\/60:hover { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:text-red-300\/60:active { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:text-red-300\/70:focus { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:text-red-300\/70:hover { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:text-red-300\/70:active { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:text-red-300\/80:focus { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:text-red-300\/80:hover { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:text-red-300\/80:active { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:text-red-300\/90:focus { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:text-red-300\/90:hover { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:text-red-300\/90:active { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:text-red-400:focus { + color: var(--red-400) + } + .sm\:hover\:text-red-400:hover { + color: var(--red-400) + } + .sm\:active\:text-red-400:active { + color: var(--red-400) + } + .sm\:focus\:text-red-400\/10:focus { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:text-red-400\/10:hover { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:text-red-400\/10:active { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:text-red-400\/20:focus { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:text-red-400\/20:hover { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:text-red-400\/20:active { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:text-red-400\/30:focus { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:text-red-400\/30:hover { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:text-red-400\/30:active { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:text-red-400\/40:focus { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:text-red-400\/40:hover { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:text-red-400\/40:active { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:text-red-400\/50:focus { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:text-red-400\/50:hover { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:text-red-400\/50:active { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:text-red-400\/60:focus { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:text-red-400\/60:hover { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:text-red-400\/60:active { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:text-red-400\/70:focus { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:text-red-400\/70:hover { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:text-red-400\/70:active { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:text-red-400\/80:focus { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:text-red-400\/80:hover { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:text-red-400\/80:active { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:text-red-400\/90:focus { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:text-red-400\/90:hover { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:text-red-400\/90:active { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:text-red-500:focus { + color: var(--red-500) + } + .sm\:hover\:text-red-500:hover { + color: var(--red-500) + } + .sm\:active\:text-red-500:active { + color: var(--red-500) + } + .sm\:focus\:text-red-500\/10:focus { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:text-red-500\/10:hover { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:text-red-500\/10:active { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:text-red-500\/20:focus { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:text-red-500\/20:hover { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:text-red-500\/20:active { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:text-red-500\/30:focus { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:text-red-500\/30:hover { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:text-red-500\/30:active { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:text-red-500\/40:focus { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:text-red-500\/40:hover { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:text-red-500\/40:active { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:text-red-500\/50:focus { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:text-red-500\/50:hover { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:text-red-500\/50:active { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:text-red-500\/60:focus { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:text-red-500\/60:hover { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:text-red-500\/60:active { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:text-red-500\/70:focus { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:text-red-500\/70:hover { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:text-red-500\/70:active { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:text-red-500\/80:focus { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:text-red-500\/80:hover { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:text-red-500\/80:active { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:text-red-500\/90:focus { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:text-red-500\/90:hover { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:text-red-500\/90:active { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:text-red-600:focus { + color: var(--red-600) + } + .sm\:hover\:text-red-600:hover { + color: var(--red-600) + } + .sm\:active\:text-red-600:active { + color: var(--red-600) + } + .sm\:focus\:text-red-600\/10:focus { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:text-red-600\/10:hover { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:text-red-600\/10:active { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:text-red-600\/20:focus { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:text-red-600\/20:hover { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:text-red-600\/20:active { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:text-red-600\/30:focus { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:text-red-600\/30:hover { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:text-red-600\/30:active { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:text-red-600\/40:focus { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:text-red-600\/40:hover { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:text-red-600\/40:active { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:text-red-600\/50:focus { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:text-red-600\/50:hover { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:text-red-600\/50:active { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:text-red-600\/60:focus { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:text-red-600\/60:hover { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:text-red-600\/60:active { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:text-red-600\/70:focus { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:text-red-600\/70:hover { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:text-red-600\/70:active { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:text-red-600\/80:focus { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:text-red-600\/80:hover { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:text-red-600\/80:active { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:text-red-600\/90:focus { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:text-red-600\/90:hover { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:text-red-600\/90:active { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:text-red-700:focus { + color: var(--red-700) + } + .sm\:hover\:text-red-700:hover { + color: var(--red-700) + } + .sm\:active\:text-red-700:active { + color: var(--red-700) + } + .sm\:focus\:text-red-700\/10:focus { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:text-red-700\/10:hover { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:text-red-700\/10:active { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:text-red-700\/20:focus { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:text-red-700\/20:hover { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:text-red-700\/20:active { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:text-red-700\/30:focus { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:text-red-700\/30:hover { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:text-red-700\/30:active { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:text-red-700\/40:focus { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:text-red-700\/40:hover { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:text-red-700\/40:active { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:text-red-700\/50:focus { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:text-red-700\/50:hover { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:text-red-700\/50:active { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:text-red-700\/60:focus { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:text-red-700\/60:hover { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:text-red-700\/60:active { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:text-red-700\/70:focus { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:text-red-700\/70:hover { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:text-red-700\/70:active { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:text-red-700\/80:focus { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:text-red-700\/80:hover { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:text-red-700\/80:active { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:text-red-700\/90:focus { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:text-red-700\/90:hover { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:text-red-700\/90:active { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:text-red-800:focus { + color: var(--red-800) + } + .sm\:hover\:text-red-800:hover { + color: var(--red-800) + } + .sm\:active\:text-red-800:active { + color: var(--red-800) + } + .sm\:focus\:text-red-800\/10:focus { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:text-red-800\/10:hover { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:text-red-800\/10:active { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:text-red-800\/20:focus { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:text-red-800\/20:hover { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:text-red-800\/20:active { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:text-red-800\/30:focus { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:text-red-800\/30:hover { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:text-red-800\/30:active { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:text-red-800\/40:focus { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:text-red-800\/40:hover { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:text-red-800\/40:active { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:text-red-800\/50:focus { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:text-red-800\/50:hover { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:text-red-800\/50:active { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:text-red-800\/60:focus { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:text-red-800\/60:hover { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:text-red-800\/60:active { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:text-red-800\/70:focus { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:text-red-800\/70:hover { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:text-red-800\/70:active { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:text-red-800\/80:focus { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:text-red-800\/80:hover { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:text-red-800\/80:active { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:text-red-800\/90:focus { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:text-red-800\/90:hover { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:text-red-800\/90:active { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:text-red-900:focus { + color: var(--red-900) + } + .sm\:hover\:text-red-900:hover { + color: var(--red-900) + } + .sm\:active\:text-red-900:active { + color: var(--red-900) + } + .sm\:focus\:text-red-900\/10:focus { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:text-red-900\/10:hover { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:text-red-900\/10:active { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:text-red-900\/20:focus { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:text-red-900\/20:hover { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:text-red-900\/20:active { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:text-red-900\/30:focus { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:text-red-900\/30:hover { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:text-red-900\/30:active { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:text-red-900\/40:focus { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:text-red-900\/40:hover { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:text-red-900\/40:active { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:text-red-900\/50:focus { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:text-red-900\/50:hover { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:text-red-900\/50:active { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:text-red-900\/60:focus { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:text-red-900\/60:hover { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:text-red-900\/60:active { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:text-red-900\/70:focus { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:text-red-900\/70:hover { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:text-red-900\/70:active { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:text-red-900\/80:focus { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:text-red-900\/80:hover { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:text-red-900\/80:active { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:text-red-900\/90:focus { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:text-red-900\/90:hover { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:text-red-900\/90:active { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:text-gray-50:focus { + color: var(--gray-50) + } + .sm\:hover\:text-gray-50:hover { + color: var(--gray-50) + } + .sm\:active\:text-gray-50:active { + color: var(--gray-50) + } + .sm\:focus\:text-gray-50\/10:focus { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:text-gray-50\/10:hover { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:text-gray-50\/10:active { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:text-gray-50\/20:focus { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:text-gray-50\/20:hover { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:text-gray-50\/20:active { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:text-gray-50\/30:focus { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:text-gray-50\/30:hover { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:text-gray-50\/30:active { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:text-gray-50\/40:focus { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:text-gray-50\/40:hover { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:text-gray-50\/40:active { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:text-gray-50\/50:focus { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:text-gray-50\/50:hover { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:text-gray-50\/50:active { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:text-gray-50\/60:focus { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:text-gray-50\/60:hover { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:text-gray-50\/60:active { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:text-gray-50\/70:focus { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:text-gray-50\/70:hover { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:text-gray-50\/70:active { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:text-gray-50\/80:focus { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:text-gray-50\/80:hover { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:text-gray-50\/80:active { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:text-gray-50\/90:focus { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:text-gray-50\/90:hover { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:text-gray-50\/90:active { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:text-gray-100:focus { + color: var(--gray-100) + } + .sm\:hover\:text-gray-100:hover { + color: var(--gray-100) + } + .sm\:active\:text-gray-100:active { + color: var(--gray-100) + } + .sm\:focus\:text-gray-100\/10:focus { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:text-gray-100\/10:hover { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:text-gray-100\/10:active { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:text-gray-100\/20:focus { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:text-gray-100\/20:hover { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:text-gray-100\/20:active { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:text-gray-100\/30:focus { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:text-gray-100\/30:hover { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:text-gray-100\/30:active { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:text-gray-100\/40:focus { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:text-gray-100\/40:hover { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:text-gray-100\/40:active { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:text-gray-100\/50:focus { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:text-gray-100\/50:hover { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:text-gray-100\/50:active { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:text-gray-100\/60:focus { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:text-gray-100\/60:hover { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:text-gray-100\/60:active { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:text-gray-100\/70:focus { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:text-gray-100\/70:hover { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:text-gray-100\/70:active { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:text-gray-100\/80:focus { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:text-gray-100\/80:hover { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:text-gray-100\/80:active { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:text-gray-100\/90:focus { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:text-gray-100\/90:hover { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:text-gray-100\/90:active { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:text-gray-200:focus { + color: var(--gray-200) + } + .sm\:hover\:text-gray-200:hover { + color: var(--gray-200) + } + .sm\:active\:text-gray-200:active { + color: var(--gray-200) + } + .sm\:focus\:text-gray-200\/10:focus { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:text-gray-200\/10:hover { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:text-gray-200\/10:active { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:text-gray-200\/20:focus { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:text-gray-200\/20:hover { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:text-gray-200\/20:active { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:text-gray-200\/30:focus { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:text-gray-200\/30:hover { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:text-gray-200\/30:active { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:text-gray-200\/40:focus { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:text-gray-200\/40:hover { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:text-gray-200\/40:active { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:text-gray-200\/50:focus { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:text-gray-200\/50:hover { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:text-gray-200\/50:active { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:text-gray-200\/60:focus { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:text-gray-200\/60:hover { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:text-gray-200\/60:active { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:text-gray-200\/70:focus { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:text-gray-200\/70:hover { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:text-gray-200\/70:active { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:text-gray-200\/80:focus { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:text-gray-200\/80:hover { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:text-gray-200\/80:active { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:text-gray-200\/90:focus { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:text-gray-200\/90:hover { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:text-gray-200\/90:active { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:text-gray-300:focus { + color: var(--gray-300) + } + .sm\:hover\:text-gray-300:hover { + color: var(--gray-300) + } + .sm\:active\:text-gray-300:active { + color: var(--gray-300) + } + .sm\:focus\:text-gray-300\/10:focus { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:text-gray-300\/10:hover { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:text-gray-300\/10:active { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:text-gray-300\/20:focus { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:text-gray-300\/20:hover { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:text-gray-300\/20:active { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:text-gray-300\/30:focus { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:text-gray-300\/30:hover { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:text-gray-300\/30:active { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:text-gray-300\/40:focus { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:text-gray-300\/40:hover { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:text-gray-300\/40:active { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:text-gray-300\/50:focus { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:text-gray-300\/50:hover { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:text-gray-300\/50:active { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:text-gray-300\/60:focus { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:text-gray-300\/60:hover { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:text-gray-300\/60:active { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:text-gray-300\/70:focus { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:text-gray-300\/70:hover { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:text-gray-300\/70:active { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:text-gray-300\/80:focus { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:text-gray-300\/80:hover { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:text-gray-300\/80:active { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:text-gray-300\/90:focus { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:text-gray-300\/90:hover { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:text-gray-300\/90:active { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:text-gray-400:focus { + color: var(--gray-400) + } + .sm\:hover\:text-gray-400:hover { + color: var(--gray-400) + } + .sm\:active\:text-gray-400:active { + color: var(--gray-400) + } + .sm\:focus\:text-gray-400\/10:focus { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:text-gray-400\/10:hover { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:text-gray-400\/10:active { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:text-gray-400\/20:focus { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:text-gray-400\/20:hover { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:text-gray-400\/20:active { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:text-gray-400\/30:focus { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:text-gray-400\/30:hover { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:text-gray-400\/30:active { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:text-gray-400\/40:focus { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:text-gray-400\/40:hover { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:text-gray-400\/40:active { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:text-gray-400\/50:focus { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:text-gray-400\/50:hover { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:text-gray-400\/50:active { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:text-gray-400\/60:focus { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:text-gray-400\/60:hover { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:text-gray-400\/60:active { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:text-gray-400\/70:focus { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:text-gray-400\/70:hover { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:text-gray-400\/70:active { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:text-gray-400\/80:focus { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:text-gray-400\/80:hover { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:text-gray-400\/80:active { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:text-gray-400\/90:focus { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:text-gray-400\/90:hover { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:text-gray-400\/90:active { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:text-gray-500:focus { + color: var(--gray-500) + } + .sm\:hover\:text-gray-500:hover { + color: var(--gray-500) + } + .sm\:active\:text-gray-500:active { + color: var(--gray-500) + } + .sm\:focus\:text-gray-500\/10:focus { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:text-gray-500\/10:hover { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:text-gray-500\/10:active { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:text-gray-500\/20:focus { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:text-gray-500\/20:hover { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:text-gray-500\/20:active { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:text-gray-500\/30:focus { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:text-gray-500\/30:hover { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:text-gray-500\/30:active { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:text-gray-500\/40:focus { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:text-gray-500\/40:hover { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:text-gray-500\/40:active { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:text-gray-500\/50:focus { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:text-gray-500\/50:hover { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:text-gray-500\/50:active { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:text-gray-500\/60:focus { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:text-gray-500\/60:hover { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:text-gray-500\/60:active { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:text-gray-500\/70:focus { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:text-gray-500\/70:hover { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:text-gray-500\/70:active { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:text-gray-500\/80:focus { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:text-gray-500\/80:hover { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:text-gray-500\/80:active { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:text-gray-500\/90:focus { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:text-gray-500\/90:hover { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:text-gray-500\/90:active { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:text-gray-600:focus { + color: var(--gray-600) + } + .sm\:hover\:text-gray-600:hover { + color: var(--gray-600) + } + .sm\:active\:text-gray-600:active { + color: var(--gray-600) + } + .sm\:focus\:text-gray-600\/10:focus { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:text-gray-600\/10:hover { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:text-gray-600\/10:active { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:text-gray-600\/20:focus { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:text-gray-600\/20:hover { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:text-gray-600\/20:active { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:text-gray-600\/30:focus { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:text-gray-600\/30:hover { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:text-gray-600\/30:active { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:text-gray-600\/40:focus { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:text-gray-600\/40:hover { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:text-gray-600\/40:active { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:text-gray-600\/50:focus { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:text-gray-600\/50:hover { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:text-gray-600\/50:active { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:text-gray-600\/60:focus { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:text-gray-600\/60:hover { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:text-gray-600\/60:active { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:text-gray-600\/70:focus { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:text-gray-600\/70:hover { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:text-gray-600\/70:active { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:text-gray-600\/80:focus { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:text-gray-600\/80:hover { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:text-gray-600\/80:active { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:text-gray-600\/90:focus { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:text-gray-600\/90:hover { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:text-gray-600\/90:active { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:text-gray-700:focus { + color: var(--gray-700) + } + .sm\:hover\:text-gray-700:hover { + color: var(--gray-700) + } + .sm\:active\:text-gray-700:active { + color: var(--gray-700) + } + .sm\:focus\:text-gray-700\/10:focus { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:text-gray-700\/10:hover { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:text-gray-700\/10:active { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:text-gray-700\/20:focus { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:text-gray-700\/20:hover { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:text-gray-700\/20:active { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:text-gray-700\/30:focus { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:text-gray-700\/30:hover { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:text-gray-700\/30:active { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:text-gray-700\/40:focus { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:text-gray-700\/40:hover { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:text-gray-700\/40:active { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:text-gray-700\/50:focus { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:text-gray-700\/50:hover { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:text-gray-700\/50:active { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:text-gray-700\/60:focus { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:text-gray-700\/60:hover { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:text-gray-700\/60:active { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:text-gray-700\/70:focus { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:text-gray-700\/70:hover { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:text-gray-700\/70:active { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:text-gray-700\/80:focus { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:text-gray-700\/80:hover { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:text-gray-700\/80:active { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:text-gray-700\/90:focus { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:text-gray-700\/90:hover { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:text-gray-700\/90:active { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:text-gray-800:focus { + color: var(--gray-800) + } + .sm\:hover\:text-gray-800:hover { + color: var(--gray-800) + } + .sm\:active\:text-gray-800:active { + color: var(--gray-800) + } + .sm\:focus\:text-gray-800\/10:focus { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:text-gray-800\/10:hover { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:text-gray-800\/10:active { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:text-gray-800\/20:focus { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:text-gray-800\/20:hover { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:text-gray-800\/20:active { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:text-gray-800\/30:focus { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:text-gray-800\/30:hover { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:text-gray-800\/30:active { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:text-gray-800\/40:focus { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:text-gray-800\/40:hover { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:text-gray-800\/40:active { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:text-gray-800\/50:focus { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:text-gray-800\/50:hover { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:text-gray-800\/50:active { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:text-gray-800\/60:focus { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:text-gray-800\/60:hover { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:text-gray-800\/60:active { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:text-gray-800\/70:focus { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:text-gray-800\/70:hover { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:text-gray-800\/70:active { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:text-gray-800\/80:focus { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:text-gray-800\/80:hover { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:text-gray-800\/80:active { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:text-gray-800\/90:focus { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:text-gray-800\/90:hover { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:text-gray-800\/90:active { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:text-gray-900:focus { + color: var(--gray-900) + } + .sm\:hover\:text-gray-900:hover { + color: var(--gray-900) + } + .sm\:active\:text-gray-900:active { + color: var(--gray-900) + } + .sm\:focus\:text-gray-900\/10:focus { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:text-gray-900\/10:hover { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:text-gray-900\/10:active { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:text-gray-900\/20:focus { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:text-gray-900\/20:hover { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:text-gray-900\/20:active { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:text-gray-900\/30:focus { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:text-gray-900\/30:hover { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:text-gray-900\/30:active { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:text-gray-900\/40:focus { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:text-gray-900\/40:hover { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:text-gray-900\/40:active { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:text-gray-900\/50:focus { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:text-gray-900\/50:hover { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:text-gray-900\/50:active { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:text-gray-900\/60:focus { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:text-gray-900\/60:hover { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:text-gray-900\/60:active { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:text-gray-900\/70:focus { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:text-gray-900\/70:hover { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:text-gray-900\/70:active { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:text-gray-900\/80:focus { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:text-gray-900\/80:hover { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:text-gray-900\/80:active { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:text-gray-900\/90:focus { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:text-gray-900\/90:hover { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:text-gray-900\/90:active { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:text-surface-0:focus { + color: var(--surface-0) + } + .sm\:hover\:text-surface-0:hover { + color: var(--surface-0) + } + .sm\:active\:text-surface-0:active { + color: var(--surface-0) + } + .sm\:focus\:text-surface-0\/10:focus { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:text-surface-0\/10:hover { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:text-surface-0\/10:active { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:text-surface-0\/20:focus { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:text-surface-0\/20:hover { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:text-surface-0\/20:active { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:text-surface-0\/30:focus { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:text-surface-0\/30:hover { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:text-surface-0\/30:active { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:text-surface-0\/40:focus { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:text-surface-0\/40:hover { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:text-surface-0\/40:active { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:text-surface-0\/50:focus { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:text-surface-0\/50:hover { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:text-surface-0\/50:active { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:text-surface-0\/60:focus { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:text-surface-0\/60:hover { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:text-surface-0\/60:active { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:text-surface-0\/70:focus { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:text-surface-0\/70:hover { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:text-surface-0\/70:active { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:text-surface-0\/80:focus { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:text-surface-0\/80:hover { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:text-surface-0\/80:active { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:text-surface-0\/90:focus { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:text-surface-0\/90:hover { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:text-surface-0\/90:active { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:text-surface-50:focus { + color: var(--surface-50) + } + .sm\:hover\:text-surface-50:hover { + color: var(--surface-50) + } + .sm\:active\:text-surface-50:active { + color: var(--surface-50) + } + .sm\:focus\:text-surface-50\/10:focus { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:text-surface-50\/10:hover { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:text-surface-50\/10:active { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:text-surface-50\/20:focus { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:text-surface-50\/20:hover { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:text-surface-50\/20:active { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:text-surface-50\/30:focus { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:text-surface-50\/30:hover { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:text-surface-50\/30:active { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:text-surface-50\/40:focus { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:text-surface-50\/40:hover { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:text-surface-50\/40:active { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:text-surface-50\/50:focus { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:text-surface-50\/50:hover { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:text-surface-50\/50:active { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:text-surface-50\/60:focus { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:text-surface-50\/60:hover { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:text-surface-50\/60:active { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:text-surface-50\/70:focus { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:text-surface-50\/70:hover { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:text-surface-50\/70:active { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:text-surface-50\/80:focus { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:text-surface-50\/80:hover { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:text-surface-50\/80:active { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:text-surface-50\/90:focus { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:text-surface-50\/90:hover { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:text-surface-50\/90:active { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:text-surface-100:focus { + color: var(--surface-100) + } + .sm\:hover\:text-surface-100:hover { + color: var(--surface-100) + } + .sm\:active\:text-surface-100:active { + color: var(--surface-100) + } + .sm\:focus\:text-surface-100\/10:focus { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:text-surface-100\/10:hover { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:text-surface-100\/10:active { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:text-surface-100\/20:focus { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:text-surface-100\/20:hover { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:text-surface-100\/20:active { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:text-surface-100\/30:focus { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:text-surface-100\/30:hover { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:text-surface-100\/30:active { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:text-surface-100\/40:focus { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:text-surface-100\/40:hover { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:text-surface-100\/40:active { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:text-surface-100\/50:focus { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:text-surface-100\/50:hover { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:text-surface-100\/50:active { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:text-surface-100\/60:focus { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:text-surface-100\/60:hover { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:text-surface-100\/60:active { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:text-surface-100\/70:focus { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:text-surface-100\/70:hover { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:text-surface-100\/70:active { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:text-surface-100\/80:focus { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:text-surface-100\/80:hover { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:text-surface-100\/80:active { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:text-surface-100\/90:focus { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:text-surface-100\/90:hover { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:text-surface-100\/90:active { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:text-surface-200:focus { + color: var(--surface-200) + } + .sm\:hover\:text-surface-200:hover { + color: var(--surface-200) + } + .sm\:active\:text-surface-200:active { + color: var(--surface-200) + } + .sm\:focus\:text-surface-200\/10:focus { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:text-surface-200\/10:hover { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:text-surface-200\/10:active { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:text-surface-200\/20:focus { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:text-surface-200\/20:hover { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:text-surface-200\/20:active { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:text-surface-200\/30:focus { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:text-surface-200\/30:hover { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:text-surface-200\/30:active { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:text-surface-200\/40:focus { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:text-surface-200\/40:hover { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:text-surface-200\/40:active { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:text-surface-200\/50:focus { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:text-surface-200\/50:hover { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:text-surface-200\/50:active { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:text-surface-200\/60:focus { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:text-surface-200\/60:hover { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:text-surface-200\/60:active { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:text-surface-200\/70:focus { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:text-surface-200\/70:hover { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:text-surface-200\/70:active { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:text-surface-200\/80:focus { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:text-surface-200\/80:hover { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:text-surface-200\/80:active { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:text-surface-200\/90:focus { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:text-surface-200\/90:hover { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:text-surface-200\/90:active { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:text-surface-300:focus { + color: var(--surface-300) + } + .sm\:hover\:text-surface-300:hover { + color: var(--surface-300) + } + .sm\:active\:text-surface-300:active { + color: var(--surface-300) + } + .sm\:focus\:text-surface-300\/10:focus { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:text-surface-300\/10:hover { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:text-surface-300\/10:active { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:text-surface-300\/20:focus { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:text-surface-300\/20:hover { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:text-surface-300\/20:active { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:text-surface-300\/30:focus { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:text-surface-300\/30:hover { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:text-surface-300\/30:active { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:text-surface-300\/40:focus { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:text-surface-300\/40:hover { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:text-surface-300\/40:active { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:text-surface-300\/50:focus { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:text-surface-300\/50:hover { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:text-surface-300\/50:active { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:text-surface-300\/60:focus { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:text-surface-300\/60:hover { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:text-surface-300\/60:active { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:text-surface-300\/70:focus { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:text-surface-300\/70:hover { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:text-surface-300\/70:active { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:text-surface-300\/80:focus { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:text-surface-300\/80:hover { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:text-surface-300\/80:active { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:text-surface-300\/90:focus { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:text-surface-300\/90:hover { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:text-surface-300\/90:active { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:text-surface-400:focus { + color: var(--surface-400) + } + .sm\:hover\:text-surface-400:hover { + color: var(--surface-400) + } + .sm\:active\:text-surface-400:active { + color: var(--surface-400) + } + .sm\:focus\:text-surface-400\/10:focus { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:text-surface-400\/10:hover { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:text-surface-400\/10:active { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:text-surface-400\/20:focus { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:text-surface-400\/20:hover { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:text-surface-400\/20:active { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:text-surface-400\/30:focus { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:text-surface-400\/30:hover { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:text-surface-400\/30:active { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:text-surface-400\/40:focus { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:text-surface-400\/40:hover { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:text-surface-400\/40:active { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:text-surface-400\/50:focus { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:text-surface-400\/50:hover { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:text-surface-400\/50:active { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:text-surface-400\/60:focus { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:text-surface-400\/60:hover { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:text-surface-400\/60:active { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:text-surface-400\/70:focus { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:text-surface-400\/70:hover { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:text-surface-400\/70:active { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:text-surface-400\/80:focus { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:text-surface-400\/80:hover { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:text-surface-400\/80:active { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:text-surface-400\/90:focus { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:text-surface-400\/90:hover { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:text-surface-400\/90:active { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:text-surface-500:focus { + color: var(--surface-500) + } + .sm\:hover\:text-surface-500:hover { + color: var(--surface-500) + } + .sm\:active\:text-surface-500:active { + color: var(--surface-500) + } + .sm\:focus\:text-surface-500\/10:focus { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:text-surface-500\/10:hover { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:text-surface-500\/10:active { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:text-surface-500\/20:focus { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:text-surface-500\/20:hover { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:text-surface-500\/20:active { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:text-surface-500\/30:focus { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:text-surface-500\/30:hover { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:text-surface-500\/30:active { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:text-surface-500\/40:focus { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:text-surface-500\/40:hover { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:text-surface-500\/40:active { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:text-surface-500\/50:focus { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:text-surface-500\/50:hover { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:text-surface-500\/50:active { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:text-surface-500\/60:focus { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:text-surface-500\/60:hover { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:text-surface-500\/60:active { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:text-surface-500\/70:focus { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:text-surface-500\/70:hover { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:text-surface-500\/70:active { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:text-surface-500\/80:focus { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:text-surface-500\/80:hover { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:text-surface-500\/80:active { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:text-surface-500\/90:focus { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:text-surface-500\/90:hover { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:text-surface-500\/90:active { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:text-surface-600:focus { + color: var(--surface-600) + } + .sm\:hover\:text-surface-600:hover { + color: var(--surface-600) + } + .sm\:active\:text-surface-600:active { + color: var(--surface-600) + } + .sm\:focus\:text-surface-600\/10:focus { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:text-surface-600\/10:hover { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:text-surface-600\/10:active { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:text-surface-600\/20:focus { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:text-surface-600\/20:hover { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:text-surface-600\/20:active { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:text-surface-600\/30:focus { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:text-surface-600\/30:hover { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:text-surface-600\/30:active { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:text-surface-600\/40:focus { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:text-surface-600\/40:hover { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:text-surface-600\/40:active { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:text-surface-600\/50:focus { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:text-surface-600\/50:hover { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:text-surface-600\/50:active { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:text-surface-600\/60:focus { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:text-surface-600\/60:hover { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:text-surface-600\/60:active { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:text-surface-600\/70:focus { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:text-surface-600\/70:hover { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:text-surface-600\/70:active { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:text-surface-600\/80:focus { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:text-surface-600\/80:hover { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:text-surface-600\/80:active { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:text-surface-600\/90:focus { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:text-surface-600\/90:hover { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:text-surface-600\/90:active { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:text-surface-700:focus { + color: var(--surface-700) + } + .sm\:hover\:text-surface-700:hover { + color: var(--surface-700) + } + .sm\:active\:text-surface-700:active { + color: var(--surface-700) + } + .sm\:focus\:text-surface-700\/10:focus { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:text-surface-700\/10:hover { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:text-surface-700\/10:active { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:text-surface-700\/20:focus { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:text-surface-700\/20:hover { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:text-surface-700\/20:active { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:text-surface-700\/30:focus { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:text-surface-700\/30:hover { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:text-surface-700\/30:active { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:text-surface-700\/40:focus { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:text-surface-700\/40:hover { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:text-surface-700\/40:active { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:text-surface-700\/50:focus { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:text-surface-700\/50:hover { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:text-surface-700\/50:active { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:text-surface-700\/60:focus { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:text-surface-700\/60:hover { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:text-surface-700\/60:active { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:text-surface-700\/70:focus { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:text-surface-700\/70:hover { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:text-surface-700\/70:active { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:text-surface-700\/80:focus { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:text-surface-700\/80:hover { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:text-surface-700\/80:active { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:text-surface-700\/90:focus { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:text-surface-700\/90:hover { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:text-surface-700\/90:active { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:text-surface-800:focus { + color: var(--surface-800) + } + .sm\:hover\:text-surface-800:hover { + color: var(--surface-800) + } + .sm\:active\:text-surface-800:active { + color: var(--surface-800) + } + .sm\:focus\:text-surface-800\/10:focus { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:text-surface-800\/10:hover { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:text-surface-800\/10:active { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:text-surface-800\/20:focus { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:text-surface-800\/20:hover { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:text-surface-800\/20:active { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:text-surface-800\/30:focus { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:text-surface-800\/30:hover { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:text-surface-800\/30:active { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:text-surface-800\/40:focus { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:text-surface-800\/40:hover { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:text-surface-800\/40:active { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:text-surface-800\/50:focus { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:text-surface-800\/50:hover { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:text-surface-800\/50:active { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:text-surface-800\/60:focus { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:text-surface-800\/60:hover { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:text-surface-800\/60:active { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:text-surface-800\/70:focus { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:text-surface-800\/70:hover { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:text-surface-800\/70:active { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:text-surface-800\/80:focus { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:text-surface-800\/80:hover { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:text-surface-800\/80:active { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:text-surface-800\/90:focus { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:text-surface-800\/90:hover { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:text-surface-800\/90:active { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:text-surface-900:focus { + color: var(--surface-900) + } + .sm\:hover\:text-surface-900:hover { + color: var(--surface-900) + } + .sm\:active\:text-surface-900:active { + color: var(--surface-900) + } + .sm\:focus\:text-surface-900\/10:focus { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:text-surface-900\/10:hover { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:text-surface-900\/10:active { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:text-surface-900\/20:focus { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:text-surface-900\/20:hover { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:text-surface-900\/20:active { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:text-surface-900\/30:focus { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:text-surface-900\/30:hover { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:text-surface-900\/30:active { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:text-surface-900\/40:focus { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:text-surface-900\/40:hover { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:text-surface-900\/40:active { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:text-surface-900\/50:focus { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:text-surface-900\/50:hover { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:text-surface-900\/50:active { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:text-surface-900\/60:focus { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:text-surface-900\/60:hover { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:text-surface-900\/60:active { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:text-surface-900\/70:focus { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:text-surface-900\/70:hover { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:text-surface-900\/70:active { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:text-surface-900\/80:focus { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:text-surface-900\/80:hover { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:text-surface-900\/80:active { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:text-surface-900\/90:focus { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:text-surface-900\/90:hover { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:text-surface-900\/90:active { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:text-primary-50:focus { + color: var(--primary-50) + } + .sm\:hover\:text-primary-50:hover { + color: var(--primary-50) + } + .sm\:active\:text-primary-50:active { + color: var(--primary-50) + } + .sm\:focus\:text-primary-50\/10:focus { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:text-primary-50\/10:hover { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:text-primary-50\/10:active { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:text-primary-50\/20:focus { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:text-primary-50\/20:hover { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:text-primary-50\/20:active { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:text-primary-50\/30:focus { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:text-primary-50\/30:hover { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:text-primary-50\/30:active { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:text-primary-50\/40:focus { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:text-primary-50\/40:hover { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:text-primary-50\/40:active { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:text-primary-50\/50:focus { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:text-primary-50\/50:hover { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:text-primary-50\/50:active { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:text-primary-50\/60:focus { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:text-primary-50\/60:hover { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:text-primary-50\/60:active { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:text-primary-50\/70:focus { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:text-primary-50\/70:hover { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:text-primary-50\/70:active { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:text-primary-50\/80:focus { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:text-primary-50\/80:hover { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:text-primary-50\/80:active { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:text-primary-50\/90:focus { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:text-primary-50\/90:hover { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:text-primary-50\/90:active { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:text-primary-100:focus { + color: var(--primary-100) + } + .sm\:hover\:text-primary-100:hover { + color: var(--primary-100) + } + .sm\:active\:text-primary-100:active { + color: var(--primary-100) + } + .sm\:focus\:text-primary-100\/10:focus { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:text-primary-100\/10:hover { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:text-primary-100\/10:active { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:text-primary-100\/20:focus { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:text-primary-100\/20:hover { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:text-primary-100\/20:active { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:text-primary-100\/30:focus { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:text-primary-100\/30:hover { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:text-primary-100\/30:active { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:text-primary-100\/40:focus { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:text-primary-100\/40:hover { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:text-primary-100\/40:active { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:text-primary-100\/50:focus { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:text-primary-100\/50:hover { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:text-primary-100\/50:active { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:text-primary-100\/60:focus { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:text-primary-100\/60:hover { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:text-primary-100\/60:active { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:text-primary-100\/70:focus { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:text-primary-100\/70:hover { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:text-primary-100\/70:active { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:text-primary-100\/80:focus { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:text-primary-100\/80:hover { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:text-primary-100\/80:active { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:text-primary-100\/90:focus { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:text-primary-100\/90:hover { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:text-primary-100\/90:active { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:text-primary-200:focus { + color: var(--primary-200) + } + .sm\:hover\:text-primary-200:hover { + color: var(--primary-200) + } + .sm\:active\:text-primary-200:active { + color: var(--primary-200) + } + .sm\:focus\:text-primary-200\/10:focus { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:text-primary-200\/10:hover { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:text-primary-200\/10:active { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:text-primary-200\/20:focus { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:text-primary-200\/20:hover { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:text-primary-200\/20:active { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:text-primary-200\/30:focus { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:text-primary-200\/30:hover { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:text-primary-200\/30:active { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:text-primary-200\/40:focus { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:text-primary-200\/40:hover { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:text-primary-200\/40:active { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:text-primary-200\/50:focus { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:text-primary-200\/50:hover { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:text-primary-200\/50:active { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:text-primary-200\/60:focus { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:text-primary-200\/60:hover { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:text-primary-200\/60:active { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:text-primary-200\/70:focus { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:text-primary-200\/70:hover { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:text-primary-200\/70:active { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:text-primary-200\/80:focus { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:text-primary-200\/80:hover { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:text-primary-200\/80:active { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:text-primary-200\/90:focus { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:text-primary-200\/90:hover { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:text-primary-200\/90:active { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:text-primary-300:focus { + color: var(--primary-300) + } + .sm\:hover\:text-primary-300:hover { + color: var(--primary-300) + } + .sm\:active\:text-primary-300:active { + color: var(--primary-300) + } + .sm\:focus\:text-primary-300\/10:focus { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:text-primary-300\/10:hover { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:text-primary-300\/10:active { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:text-primary-300\/20:focus { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:text-primary-300\/20:hover { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:text-primary-300\/20:active { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:text-primary-300\/30:focus { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:text-primary-300\/30:hover { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:text-primary-300\/30:active { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:text-primary-300\/40:focus { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:text-primary-300\/40:hover { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:text-primary-300\/40:active { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:text-primary-300\/50:focus { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:text-primary-300\/50:hover { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:text-primary-300\/50:active { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:text-primary-300\/60:focus { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:text-primary-300\/60:hover { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:text-primary-300\/60:active { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:text-primary-300\/70:focus { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:text-primary-300\/70:hover { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:text-primary-300\/70:active { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:text-primary-300\/80:focus { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:text-primary-300\/80:hover { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:text-primary-300\/80:active { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:text-primary-300\/90:focus { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:text-primary-300\/90:hover { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:text-primary-300\/90:active { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:text-primary-400:focus { + color: var(--primary-400) + } + .sm\:hover\:text-primary-400:hover { + color: var(--primary-400) + } + .sm\:active\:text-primary-400:active { + color: var(--primary-400) + } + .sm\:focus\:text-primary-400\/10:focus { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:text-primary-400\/10:hover { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:text-primary-400\/10:active { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:text-primary-400\/20:focus { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:text-primary-400\/20:hover { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:text-primary-400\/20:active { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:text-primary-400\/30:focus { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:text-primary-400\/30:hover { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:text-primary-400\/30:active { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:text-primary-400\/40:focus { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:text-primary-400\/40:hover { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:text-primary-400\/40:active { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:text-primary-400\/50:focus { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:text-primary-400\/50:hover { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:text-primary-400\/50:active { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:text-primary-400\/60:focus { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:text-primary-400\/60:hover { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:text-primary-400\/60:active { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:text-primary-400\/70:focus { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:text-primary-400\/70:hover { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:text-primary-400\/70:active { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:text-primary-400\/80:focus { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:text-primary-400\/80:hover { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:text-primary-400\/80:active { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:text-primary-400\/90:focus { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:text-primary-400\/90:hover { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:text-primary-400\/90:active { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:text-primary-500:focus { + color: var(--primary-500) + } + .sm\:hover\:text-primary-500:hover { + color: var(--primary-500) + } + .sm\:active\:text-primary-500:active { + color: var(--primary-500) + } + .sm\:focus\:text-primary-500\/10:focus { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:text-primary-500\/10:hover { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:text-primary-500\/10:active { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:text-primary-500\/20:focus { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:text-primary-500\/20:hover { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:text-primary-500\/20:active { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:text-primary-500\/30:focus { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:text-primary-500\/30:hover { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:text-primary-500\/30:active { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:text-primary-500\/40:focus { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:text-primary-500\/40:hover { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:text-primary-500\/40:active { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:text-primary-500\/50:focus { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:text-primary-500\/50:hover { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:text-primary-500\/50:active { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:text-primary-500\/60:focus { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:text-primary-500\/60:hover { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:text-primary-500\/60:active { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:text-primary-500\/70:focus { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:text-primary-500\/70:hover { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:text-primary-500\/70:active { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:text-primary-500\/80:focus { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:text-primary-500\/80:hover { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:text-primary-500\/80:active { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:text-primary-500\/90:focus { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:text-primary-500\/90:hover { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:text-primary-500\/90:active { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:text-primary-600:focus { + color: var(--primary-600) + } + .sm\:hover\:text-primary-600:hover { + color: var(--primary-600) + } + .sm\:active\:text-primary-600:active { + color: var(--primary-600) + } + .sm\:focus\:text-primary-600\/10:focus { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:text-primary-600\/10:hover { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:text-primary-600\/10:active { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:text-primary-600\/20:focus { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:text-primary-600\/20:hover { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:text-primary-600\/20:active { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:text-primary-600\/30:focus { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:text-primary-600\/30:hover { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:text-primary-600\/30:active { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:text-primary-600\/40:focus { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:text-primary-600\/40:hover { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:text-primary-600\/40:active { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:text-primary-600\/50:focus { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:text-primary-600\/50:hover { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:text-primary-600\/50:active { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:text-primary-600\/60:focus { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:text-primary-600\/60:hover { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:text-primary-600\/60:active { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:text-primary-600\/70:focus { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:text-primary-600\/70:hover { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:text-primary-600\/70:active { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:text-primary-600\/80:focus { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:text-primary-600\/80:hover { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:text-primary-600\/80:active { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:text-primary-600\/90:focus { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:text-primary-600\/90:hover { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:text-primary-600\/90:active { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:text-primary-700:focus { + color: var(--primary-700) + } + .sm\:hover\:text-primary-700:hover { + color: var(--primary-700) + } + .sm\:active\:text-primary-700:active { + color: var(--primary-700) + } + .sm\:focus\:text-primary-700\/10:focus { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:text-primary-700\/10:hover { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:text-primary-700\/10:active { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:text-primary-700\/20:focus { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:text-primary-700\/20:hover { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:text-primary-700\/20:active { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:text-primary-700\/30:focus { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:text-primary-700\/30:hover { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:text-primary-700\/30:active { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:text-primary-700\/40:focus { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:text-primary-700\/40:hover { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:text-primary-700\/40:active { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:text-primary-700\/50:focus { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:text-primary-700\/50:hover { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:text-primary-700\/50:active { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:text-primary-700\/60:focus { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:text-primary-700\/60:hover { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:text-primary-700\/60:active { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:text-primary-700\/70:focus { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:text-primary-700\/70:hover { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:text-primary-700\/70:active { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:text-primary-700\/80:focus { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:text-primary-700\/80:hover { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:text-primary-700\/80:active { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:text-primary-700\/90:focus { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:text-primary-700\/90:hover { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:text-primary-700\/90:active { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:text-primary-800:focus { + color: var(--primary-800) + } + .sm\:hover\:text-primary-800:hover { + color: var(--primary-800) + } + .sm\:active\:text-primary-800:active { + color: var(--primary-800) + } + .sm\:focus\:text-primary-800\/10:focus { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:text-primary-800\/10:hover { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:text-primary-800\/10:active { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:text-primary-800\/20:focus { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:text-primary-800\/20:hover { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:text-primary-800\/20:active { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:text-primary-800\/30:focus { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:text-primary-800\/30:hover { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:text-primary-800\/30:active { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:text-primary-800\/40:focus { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:text-primary-800\/40:hover { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:text-primary-800\/40:active { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:text-primary-800\/50:focus { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:text-primary-800\/50:hover { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:text-primary-800\/50:active { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:text-primary-800\/60:focus { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:text-primary-800\/60:hover { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:text-primary-800\/60:active { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:text-primary-800\/70:focus { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:text-primary-800\/70:hover { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:text-primary-800\/70:active { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:text-primary-800\/80:focus { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:text-primary-800\/80:hover { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:text-primary-800\/80:active { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:text-primary-800\/90:focus { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:text-primary-800\/90:hover { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:text-primary-800\/90:active { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:text-primary-900:focus { + color: var(--primary-900) + } + .sm\:hover\:text-primary-900:hover { + color: var(--primary-900) + } + .sm\:active\:text-primary-900:active { + color: var(--primary-900) + } + .sm\:focus\:text-primary-900\/10:focus { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:text-primary-900\/10:hover { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:text-primary-900\/10:active { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:text-primary-900\/20:focus { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:text-primary-900\/20:hover { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:text-primary-900\/20:active { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:text-primary-900\/30:focus { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:text-primary-900\/30:hover { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:text-primary-900\/30:active { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:text-primary-900\/40:focus { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:text-primary-900\/40:hover { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:text-primary-900\/40:active { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:text-primary-900\/50:focus { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:text-primary-900\/50:hover { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:text-primary-900\/50:active { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:text-primary-900\/60:focus { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:text-primary-900\/60:hover { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:text-primary-900\/60:active { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:text-primary-900\/70:focus { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:text-primary-900\/70:hover { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:text-primary-900\/70:active { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:text-primary-900\/80:focus { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:text-primary-900\/80:hover { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:text-primary-900\/80:active { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:text-primary-900\/90:focus { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:text-primary-900\/90:hover { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:text-primary-900\/90:active { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:text-blue-50 { + color: var(--blue-50) + } + .md\:text-blue-50\/10 { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:text-blue-50\/20 { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:text-blue-50\/30 { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:text-blue-50\/40 { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:text-blue-50\/50 { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:text-blue-50\/60 { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:text-blue-50\/70 { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:text-blue-50\/80 { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:text-blue-50\/90 { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:text-blue-100 { + color: var(--blue-100) + } + .md\:text-blue-100\/10 { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:text-blue-100\/20 { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:text-blue-100\/30 { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:text-blue-100\/40 { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:text-blue-100\/50 { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:text-blue-100\/60 { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:text-blue-100\/70 { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:text-blue-100\/80 { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:text-blue-100\/90 { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:text-blue-200 { + color: var(--blue-200) + } + .md\:text-blue-200\/10 { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:text-blue-200\/20 { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:text-blue-200\/30 { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:text-blue-200\/40 { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:text-blue-200\/50 { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:text-blue-200\/60 { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:text-blue-200\/70 { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:text-blue-200\/80 { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:text-blue-200\/90 { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:text-blue-300 { + color: var(--blue-300) + } + .md\:text-blue-300\/10 { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:text-blue-300\/20 { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:text-blue-300\/30 { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:text-blue-300\/40 { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:text-blue-300\/50 { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:text-blue-300\/60 { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:text-blue-300\/70 { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:text-blue-300\/80 { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:text-blue-300\/90 { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:text-blue-400 { + color: var(--blue-400) + } + .md\:text-blue-400\/10 { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:text-blue-400\/20 { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:text-blue-400\/30 { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:text-blue-400\/40 { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:text-blue-400\/50 { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:text-blue-400\/60 { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:text-blue-400\/70 { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:text-blue-400\/80 { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:text-blue-400\/90 { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:text-blue-500 { + color: var(--blue-500) + } + .md\:text-blue-500\/10 { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:text-blue-500\/20 { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:text-blue-500\/30 { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:text-blue-500\/40 { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:text-blue-500\/50 { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:text-blue-500\/60 { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:text-blue-500\/70 { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:text-blue-500\/80 { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:text-blue-500\/90 { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:text-blue-600 { + color: var(--blue-600) + } + .md\:text-blue-600\/10 { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:text-blue-600\/20 { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:text-blue-600\/30 { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:text-blue-600\/40 { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:text-blue-600\/50 { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:text-blue-600\/60 { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:text-blue-600\/70 { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:text-blue-600\/80 { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:text-blue-600\/90 { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:text-blue-700 { + color: var(--blue-700) + } + .md\:text-blue-700\/10 { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:text-blue-700\/20 { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:text-blue-700\/30 { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:text-blue-700\/40 { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:text-blue-700\/50 { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:text-blue-700\/60 { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:text-blue-700\/70 { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:text-blue-700\/80 { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:text-blue-700\/90 { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:text-blue-800 { + color: var(--blue-800) + } + .md\:text-blue-800\/10 { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:text-blue-800\/20 { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:text-blue-800\/30 { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:text-blue-800\/40 { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:text-blue-800\/50 { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:text-blue-800\/60 { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:text-blue-800\/70 { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:text-blue-800\/80 { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:text-blue-800\/90 { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:text-blue-900 { + color: var(--blue-900) + } + .md\:text-blue-900\/10 { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:text-blue-900\/20 { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:text-blue-900\/30 { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:text-blue-900\/40 { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:text-blue-900\/50 { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:text-blue-900\/60 { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:text-blue-900\/70 { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:text-blue-900\/80 { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:text-blue-900\/90 { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:text-green-50 { + color: var(--green-50) + } + .md\:text-green-50\/10 { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:text-green-50\/20 { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:text-green-50\/30 { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:text-green-50\/40 { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:text-green-50\/50 { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:text-green-50\/60 { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:text-green-50\/70 { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:text-green-50\/80 { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:text-green-50\/90 { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:text-green-100 { + color: var(--green-100) + } + .md\:text-green-100\/10 { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:text-green-100\/20 { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:text-green-100\/30 { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:text-green-100\/40 { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:text-green-100\/50 { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:text-green-100\/60 { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:text-green-100\/70 { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:text-green-100\/80 { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:text-green-100\/90 { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:text-green-200 { + color: var(--green-200) + } + .md\:text-green-200\/10 { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:text-green-200\/20 { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:text-green-200\/30 { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:text-green-200\/40 { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:text-green-200\/50 { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:text-green-200\/60 { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:text-green-200\/70 { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:text-green-200\/80 { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:text-green-200\/90 { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:text-green-300 { + color: var(--green-300) + } + .md\:text-green-300\/10 { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:text-green-300\/20 { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:text-green-300\/30 { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:text-green-300\/40 { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:text-green-300\/50 { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:text-green-300\/60 { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:text-green-300\/70 { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:text-green-300\/80 { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:text-green-300\/90 { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:text-green-400 { + color: var(--green-400) + } + .md\:text-green-400\/10 { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:text-green-400\/20 { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:text-green-400\/30 { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:text-green-400\/40 { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:text-green-400\/50 { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:text-green-400\/60 { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:text-green-400\/70 { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:text-green-400\/80 { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:text-green-400\/90 { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:text-green-500 { + color: var(--green-500) + } + .md\:text-green-500\/10 { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:text-green-500\/20 { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:text-green-500\/30 { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:text-green-500\/40 { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:text-green-500\/50 { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:text-green-500\/60 { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:text-green-500\/70 { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:text-green-500\/80 { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:text-green-500\/90 { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:text-green-600 { + color: var(--green-600) + } + .md\:text-green-600\/10 { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:text-green-600\/20 { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:text-green-600\/30 { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:text-green-600\/40 { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:text-green-600\/50 { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:text-green-600\/60 { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:text-green-600\/70 { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:text-green-600\/80 { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:text-green-600\/90 { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:text-green-700 { + color: var(--green-700) + } + .md\:text-green-700\/10 { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:text-green-700\/20 { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:text-green-700\/30 { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:text-green-700\/40 { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:text-green-700\/50 { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:text-green-700\/60 { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:text-green-700\/70 { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:text-green-700\/80 { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:text-green-700\/90 { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:text-green-800 { + color: var(--green-800) + } + .md\:text-green-800\/10 { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:text-green-800\/20 { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:text-green-800\/30 { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:text-green-800\/40 { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:text-green-800\/50 { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:text-green-800\/60 { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:text-green-800\/70 { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:text-green-800\/80 { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:text-green-800\/90 { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:text-green-900 { + color: var(--green-900) + } + .md\:text-green-900\/10 { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:text-green-900\/20 { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:text-green-900\/30 { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:text-green-900\/40 { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:text-green-900\/50 { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:text-green-900\/60 { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:text-green-900\/70 { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:text-green-900\/80 { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:text-green-900\/90 { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:text-yellow-50 { + color: var(--yellow-50) + } + .md\:text-yellow-50\/10 { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:text-yellow-50\/20 { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:text-yellow-50\/30 { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:text-yellow-50\/40 { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:text-yellow-50\/50 { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:text-yellow-50\/60 { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:text-yellow-50\/70 { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:text-yellow-50\/80 { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:text-yellow-50\/90 { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:text-yellow-100 { + color: var(--yellow-100) + } + .md\:text-yellow-100\/10 { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:text-yellow-100\/20 { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:text-yellow-100\/30 { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:text-yellow-100\/40 { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:text-yellow-100\/50 { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:text-yellow-100\/60 { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:text-yellow-100\/70 { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:text-yellow-100\/80 { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:text-yellow-100\/90 { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:text-yellow-200 { + color: var(--yellow-200) + } + .md\:text-yellow-200\/10 { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:text-yellow-200\/20 { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:text-yellow-200\/30 { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:text-yellow-200\/40 { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:text-yellow-200\/50 { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:text-yellow-200\/60 { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:text-yellow-200\/70 { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:text-yellow-200\/80 { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:text-yellow-200\/90 { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:text-yellow-300 { + color: var(--yellow-300) + } + .md\:text-yellow-300\/10 { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:text-yellow-300\/20 { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:text-yellow-300\/30 { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:text-yellow-300\/40 { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:text-yellow-300\/50 { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:text-yellow-300\/60 { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:text-yellow-300\/70 { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:text-yellow-300\/80 { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:text-yellow-300\/90 { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:text-yellow-400 { + color: var(--yellow-400) + } + .md\:text-yellow-400\/10 { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:text-yellow-400\/20 { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:text-yellow-400\/30 { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:text-yellow-400\/40 { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:text-yellow-400\/50 { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:text-yellow-400\/60 { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:text-yellow-400\/70 { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:text-yellow-400\/80 { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:text-yellow-400\/90 { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:text-yellow-500 { + color: var(--yellow-500) + } + .md\:text-yellow-500\/10 { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:text-yellow-500\/20 { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:text-yellow-500\/30 { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:text-yellow-500\/40 { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:text-yellow-500\/50 { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:text-yellow-500\/60 { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:text-yellow-500\/70 { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:text-yellow-500\/80 { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:text-yellow-500\/90 { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:text-yellow-600 { + color: var(--yellow-600) + } + .md\:text-yellow-600\/10 { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:text-yellow-600\/20 { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:text-yellow-600\/30 { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:text-yellow-600\/40 { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:text-yellow-600\/50 { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:text-yellow-600\/60 { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:text-yellow-600\/70 { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:text-yellow-600\/80 { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:text-yellow-600\/90 { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:text-yellow-700 { + color: var(--yellow-700) + } + .md\:text-yellow-700\/10 { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:text-yellow-700\/20 { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:text-yellow-700\/30 { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:text-yellow-700\/40 { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:text-yellow-700\/50 { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:text-yellow-700\/60 { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:text-yellow-700\/70 { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:text-yellow-700\/80 { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:text-yellow-700\/90 { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:text-yellow-800 { + color: var(--yellow-800) + } + .md\:text-yellow-800\/10 { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:text-yellow-800\/20 { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:text-yellow-800\/30 { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:text-yellow-800\/40 { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:text-yellow-800\/50 { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:text-yellow-800\/60 { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:text-yellow-800\/70 { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:text-yellow-800\/80 { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:text-yellow-800\/90 { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:text-yellow-900 { + color: var(--yellow-900) + } + .md\:text-yellow-900\/10 { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:text-yellow-900\/20 { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:text-yellow-900\/30 { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:text-yellow-900\/40 { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:text-yellow-900\/50 { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:text-yellow-900\/60 { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:text-yellow-900\/70 { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:text-yellow-900\/80 { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:text-yellow-900\/90 { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:text-cyan-50 { + color: var(--cyan-50) + } + .md\:text-cyan-50\/10 { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:text-cyan-50\/20 { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:text-cyan-50\/30 { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:text-cyan-50\/40 { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:text-cyan-50\/50 { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:text-cyan-50\/60 { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:text-cyan-50\/70 { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:text-cyan-50\/80 { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:text-cyan-50\/90 { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:text-cyan-100 { + color: var(--cyan-100) + } + .md\:text-cyan-100\/10 { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:text-cyan-100\/20 { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:text-cyan-100\/30 { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:text-cyan-100\/40 { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:text-cyan-100\/50 { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:text-cyan-100\/60 { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:text-cyan-100\/70 { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:text-cyan-100\/80 { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:text-cyan-100\/90 { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:text-cyan-200 { + color: var(--cyan-200) + } + .md\:text-cyan-200\/10 { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:text-cyan-200\/20 { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:text-cyan-200\/30 { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:text-cyan-200\/40 { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:text-cyan-200\/50 { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:text-cyan-200\/60 { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:text-cyan-200\/70 { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:text-cyan-200\/80 { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:text-cyan-200\/90 { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:text-cyan-300 { + color: var(--cyan-300) + } + .md\:text-cyan-300\/10 { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:text-cyan-300\/20 { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:text-cyan-300\/30 { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:text-cyan-300\/40 { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:text-cyan-300\/50 { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:text-cyan-300\/60 { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:text-cyan-300\/70 { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:text-cyan-300\/80 { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:text-cyan-300\/90 { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:text-cyan-400 { + color: var(--cyan-400) + } + .md\:text-cyan-400\/10 { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:text-cyan-400\/20 { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:text-cyan-400\/30 { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:text-cyan-400\/40 { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:text-cyan-400\/50 { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:text-cyan-400\/60 { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:text-cyan-400\/70 { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:text-cyan-400\/80 { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:text-cyan-400\/90 { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:text-cyan-500 { + color: var(--cyan-500) + } + .md\:text-cyan-500\/10 { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:text-cyan-500\/20 { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:text-cyan-500\/30 { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:text-cyan-500\/40 { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:text-cyan-500\/50 { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:text-cyan-500\/60 { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:text-cyan-500\/70 { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:text-cyan-500\/80 { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:text-cyan-500\/90 { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:text-cyan-600 { + color: var(--cyan-600) + } + .md\:text-cyan-600\/10 { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:text-cyan-600\/20 { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:text-cyan-600\/30 { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:text-cyan-600\/40 { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:text-cyan-600\/50 { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:text-cyan-600\/60 { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:text-cyan-600\/70 { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:text-cyan-600\/80 { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:text-cyan-600\/90 { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:text-cyan-700 { + color: var(--cyan-700) + } + .md\:text-cyan-700\/10 { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:text-cyan-700\/20 { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:text-cyan-700\/30 { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:text-cyan-700\/40 { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:text-cyan-700\/50 { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:text-cyan-700\/60 { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:text-cyan-700\/70 { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:text-cyan-700\/80 { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:text-cyan-700\/90 { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:text-cyan-800 { + color: var(--cyan-800) + } + .md\:text-cyan-800\/10 { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:text-cyan-800\/20 { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:text-cyan-800\/30 { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:text-cyan-800\/40 { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:text-cyan-800\/50 { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:text-cyan-800\/60 { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:text-cyan-800\/70 { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:text-cyan-800\/80 { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:text-cyan-800\/90 { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:text-cyan-900 { + color: var(--cyan-900) + } + .md\:text-cyan-900\/10 { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:text-cyan-900\/20 { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:text-cyan-900\/30 { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:text-cyan-900\/40 { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:text-cyan-900\/50 { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:text-cyan-900\/60 { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:text-cyan-900\/70 { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:text-cyan-900\/80 { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:text-cyan-900\/90 { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:text-pink-50 { + color: var(--pink-50) + } + .md\:text-pink-50\/10 { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:text-pink-50\/20 { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:text-pink-50\/30 { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:text-pink-50\/40 { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:text-pink-50\/50 { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:text-pink-50\/60 { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:text-pink-50\/70 { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:text-pink-50\/80 { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:text-pink-50\/90 { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:text-pink-100 { + color: var(--pink-100) + } + .md\:text-pink-100\/10 { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:text-pink-100\/20 { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:text-pink-100\/30 { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:text-pink-100\/40 { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:text-pink-100\/50 { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:text-pink-100\/60 { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:text-pink-100\/70 { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:text-pink-100\/80 { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:text-pink-100\/90 { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:text-pink-200 { + color: var(--pink-200) + } + .md\:text-pink-200\/10 { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:text-pink-200\/20 { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:text-pink-200\/30 { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:text-pink-200\/40 { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:text-pink-200\/50 { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:text-pink-200\/60 { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:text-pink-200\/70 { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:text-pink-200\/80 { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:text-pink-200\/90 { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:text-pink-300 { + color: var(--pink-300) + } + .md\:text-pink-300\/10 { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:text-pink-300\/20 { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:text-pink-300\/30 { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:text-pink-300\/40 { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:text-pink-300\/50 { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:text-pink-300\/60 { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:text-pink-300\/70 { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:text-pink-300\/80 { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:text-pink-300\/90 { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:text-pink-400 { + color: var(--pink-400) + } + .md\:text-pink-400\/10 { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:text-pink-400\/20 { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:text-pink-400\/30 { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:text-pink-400\/40 { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:text-pink-400\/50 { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:text-pink-400\/60 { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:text-pink-400\/70 { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:text-pink-400\/80 { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:text-pink-400\/90 { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:text-pink-500 { + color: var(--pink-500) + } + .md\:text-pink-500\/10 { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:text-pink-500\/20 { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:text-pink-500\/30 { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:text-pink-500\/40 { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:text-pink-500\/50 { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:text-pink-500\/60 { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:text-pink-500\/70 { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:text-pink-500\/80 { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:text-pink-500\/90 { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:text-pink-600 { + color: var(--pink-600) + } + .md\:text-pink-600\/10 { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:text-pink-600\/20 { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:text-pink-600\/30 { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:text-pink-600\/40 { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:text-pink-600\/50 { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:text-pink-600\/60 { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:text-pink-600\/70 { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:text-pink-600\/80 { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:text-pink-600\/90 { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:text-pink-700 { + color: var(--pink-700) + } + .md\:text-pink-700\/10 { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:text-pink-700\/20 { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:text-pink-700\/30 { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:text-pink-700\/40 { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:text-pink-700\/50 { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:text-pink-700\/60 { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:text-pink-700\/70 { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:text-pink-700\/80 { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:text-pink-700\/90 { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:text-pink-800 { + color: var(--pink-800) + } + .md\:text-pink-800\/10 { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:text-pink-800\/20 { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:text-pink-800\/30 { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:text-pink-800\/40 { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:text-pink-800\/50 { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:text-pink-800\/60 { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:text-pink-800\/70 { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:text-pink-800\/80 { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:text-pink-800\/90 { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:text-pink-900 { + color: var(--pink-900) + } + .md\:text-pink-900\/10 { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:text-pink-900\/20 { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:text-pink-900\/30 { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:text-pink-900\/40 { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:text-pink-900\/50 { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:text-pink-900\/60 { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:text-pink-900\/70 { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:text-pink-900\/80 { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:text-pink-900\/90 { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:text-indigo-50 { + color: var(--indigo-50) + } + .md\:text-indigo-50\/10 { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:text-indigo-50\/20 { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:text-indigo-50\/30 { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:text-indigo-50\/40 { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:text-indigo-50\/50 { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:text-indigo-50\/60 { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:text-indigo-50\/70 { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:text-indigo-50\/80 { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:text-indigo-50\/90 { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:text-indigo-100 { + color: var(--indigo-100) + } + .md\:text-indigo-100\/10 { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:text-indigo-100\/20 { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:text-indigo-100\/30 { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:text-indigo-100\/40 { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:text-indigo-100\/50 { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:text-indigo-100\/60 { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:text-indigo-100\/70 { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:text-indigo-100\/80 { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:text-indigo-100\/90 { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:text-indigo-200 { + color: var(--indigo-200) + } + .md\:text-indigo-200\/10 { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:text-indigo-200\/20 { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:text-indigo-200\/30 { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:text-indigo-200\/40 { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:text-indigo-200\/50 { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:text-indigo-200\/60 { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:text-indigo-200\/70 { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:text-indigo-200\/80 { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:text-indigo-200\/90 { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:text-indigo-300 { + color: var(--indigo-300) + } + .md\:text-indigo-300\/10 { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:text-indigo-300\/20 { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:text-indigo-300\/30 { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:text-indigo-300\/40 { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:text-indigo-300\/50 { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:text-indigo-300\/60 { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:text-indigo-300\/70 { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:text-indigo-300\/80 { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:text-indigo-300\/90 { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:text-indigo-400 { + color: var(--indigo-400) + } + .md\:text-indigo-400\/10 { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:text-indigo-400\/20 { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:text-indigo-400\/30 { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:text-indigo-400\/40 { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:text-indigo-400\/50 { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:text-indigo-400\/60 { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:text-indigo-400\/70 { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:text-indigo-400\/80 { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:text-indigo-400\/90 { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:text-indigo-500 { + color: var(--indigo-500) + } + .md\:text-indigo-500\/10 { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:text-indigo-500\/20 { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:text-indigo-500\/30 { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:text-indigo-500\/40 { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:text-indigo-500\/50 { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:text-indigo-500\/60 { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:text-indigo-500\/70 { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:text-indigo-500\/80 { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:text-indigo-500\/90 { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:text-indigo-600 { + color: var(--indigo-600) + } + .md\:text-indigo-600\/10 { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:text-indigo-600\/20 { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:text-indigo-600\/30 { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:text-indigo-600\/40 { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:text-indigo-600\/50 { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:text-indigo-600\/60 { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:text-indigo-600\/70 { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:text-indigo-600\/80 { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:text-indigo-600\/90 { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:text-indigo-700 { + color: var(--indigo-700) + } + .md\:text-indigo-700\/10 { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:text-indigo-700\/20 { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:text-indigo-700\/30 { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:text-indigo-700\/40 { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:text-indigo-700\/50 { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:text-indigo-700\/60 { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:text-indigo-700\/70 { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:text-indigo-700\/80 { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:text-indigo-700\/90 { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:text-indigo-800 { + color: var(--indigo-800) + } + .md\:text-indigo-800\/10 { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:text-indigo-800\/20 { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:text-indigo-800\/30 { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:text-indigo-800\/40 { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:text-indigo-800\/50 { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:text-indigo-800\/60 { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:text-indigo-800\/70 { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:text-indigo-800\/80 { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:text-indigo-800\/90 { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:text-indigo-900 { + color: var(--indigo-900) + } + .md\:text-indigo-900\/10 { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:text-indigo-900\/20 { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:text-indigo-900\/30 { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:text-indigo-900\/40 { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:text-indigo-900\/50 { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:text-indigo-900\/60 { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:text-indigo-900\/70 { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:text-indigo-900\/80 { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:text-indigo-900\/90 { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:text-teal-50 { + color: var(--teal-50) + } + .md\:text-teal-50\/10 { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:text-teal-50\/20 { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:text-teal-50\/30 { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:text-teal-50\/40 { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:text-teal-50\/50 { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:text-teal-50\/60 { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:text-teal-50\/70 { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:text-teal-50\/80 { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:text-teal-50\/90 { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:text-teal-100 { + color: var(--teal-100) + } + .md\:text-teal-100\/10 { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:text-teal-100\/20 { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:text-teal-100\/30 { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:text-teal-100\/40 { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:text-teal-100\/50 { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:text-teal-100\/60 { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:text-teal-100\/70 { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:text-teal-100\/80 { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:text-teal-100\/90 { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:text-teal-200 { + color: var(--teal-200) + } + .md\:text-teal-200\/10 { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:text-teal-200\/20 { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:text-teal-200\/30 { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:text-teal-200\/40 { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:text-teal-200\/50 { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:text-teal-200\/60 { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:text-teal-200\/70 { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:text-teal-200\/80 { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:text-teal-200\/90 { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:text-teal-300 { + color: var(--teal-300) + } + .md\:text-teal-300\/10 { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:text-teal-300\/20 { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:text-teal-300\/30 { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:text-teal-300\/40 { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:text-teal-300\/50 { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:text-teal-300\/60 { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:text-teal-300\/70 { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:text-teal-300\/80 { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:text-teal-300\/90 { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:text-teal-400 { + color: var(--teal-400) + } + .md\:text-teal-400\/10 { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:text-teal-400\/20 { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:text-teal-400\/30 { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:text-teal-400\/40 { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:text-teal-400\/50 { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:text-teal-400\/60 { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:text-teal-400\/70 { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:text-teal-400\/80 { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:text-teal-400\/90 { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:text-teal-500 { + color: var(--teal-500) + } + .md\:text-teal-500\/10 { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:text-teal-500\/20 { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:text-teal-500\/30 { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:text-teal-500\/40 { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:text-teal-500\/50 { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:text-teal-500\/60 { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:text-teal-500\/70 { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:text-teal-500\/80 { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:text-teal-500\/90 { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:text-teal-600 { + color: var(--teal-600) + } + .md\:text-teal-600\/10 { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:text-teal-600\/20 { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:text-teal-600\/30 { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:text-teal-600\/40 { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:text-teal-600\/50 { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:text-teal-600\/60 { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:text-teal-600\/70 { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:text-teal-600\/80 { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:text-teal-600\/90 { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:text-teal-700 { + color: var(--teal-700) + } + .md\:text-teal-700\/10 { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:text-teal-700\/20 { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:text-teal-700\/30 { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:text-teal-700\/40 { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:text-teal-700\/50 { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:text-teal-700\/60 { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:text-teal-700\/70 { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:text-teal-700\/80 { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:text-teal-700\/90 { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:text-teal-800 { + color: var(--teal-800) + } + .md\:text-teal-800\/10 { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:text-teal-800\/20 { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:text-teal-800\/30 { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:text-teal-800\/40 { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:text-teal-800\/50 { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:text-teal-800\/60 { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:text-teal-800\/70 { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:text-teal-800\/80 { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:text-teal-800\/90 { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:text-teal-900 { + color: var(--teal-900) + } + .md\:text-teal-900\/10 { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:text-teal-900\/20 { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:text-teal-900\/30 { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:text-teal-900\/40 { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:text-teal-900\/50 { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:text-teal-900\/60 { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:text-teal-900\/70 { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:text-teal-900\/80 { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:text-teal-900\/90 { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:text-orange-50 { + color: var(--orange-50) + } + .md\:text-orange-50\/10 { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:text-orange-50\/20 { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:text-orange-50\/30 { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:text-orange-50\/40 { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:text-orange-50\/50 { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:text-orange-50\/60 { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:text-orange-50\/70 { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:text-orange-50\/80 { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:text-orange-50\/90 { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:text-orange-100 { + color: var(--orange-100) + } + .md\:text-orange-100\/10 { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:text-orange-100\/20 { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:text-orange-100\/30 { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:text-orange-100\/40 { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:text-orange-100\/50 { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:text-orange-100\/60 { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:text-orange-100\/70 { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:text-orange-100\/80 { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:text-orange-100\/90 { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:text-orange-200 { + color: var(--orange-200) + } + .md\:text-orange-200\/10 { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:text-orange-200\/20 { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:text-orange-200\/30 { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:text-orange-200\/40 { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:text-orange-200\/50 { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:text-orange-200\/60 { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:text-orange-200\/70 { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:text-orange-200\/80 { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:text-orange-200\/90 { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:text-orange-300 { + color: var(--orange-300) + } + .md\:text-orange-300\/10 { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:text-orange-300\/20 { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:text-orange-300\/30 { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:text-orange-300\/40 { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:text-orange-300\/50 { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:text-orange-300\/60 { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:text-orange-300\/70 { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:text-orange-300\/80 { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:text-orange-300\/90 { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:text-orange-400 { + color: var(--orange-400) + } + .md\:text-orange-400\/10 { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:text-orange-400\/20 { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:text-orange-400\/30 { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:text-orange-400\/40 { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:text-orange-400\/50 { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:text-orange-400\/60 { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:text-orange-400\/70 { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:text-orange-400\/80 { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:text-orange-400\/90 { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:text-orange-500 { + color: var(--orange-500) + } + .md\:text-orange-500\/10 { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:text-orange-500\/20 { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:text-orange-500\/30 { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:text-orange-500\/40 { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:text-orange-500\/50 { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:text-orange-500\/60 { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:text-orange-500\/70 { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:text-orange-500\/80 { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:text-orange-500\/90 { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:text-orange-600 { + color: var(--orange-600) + } + .md\:text-orange-600\/10 { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:text-orange-600\/20 { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:text-orange-600\/30 { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:text-orange-600\/40 { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:text-orange-600\/50 { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:text-orange-600\/60 { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:text-orange-600\/70 { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:text-orange-600\/80 { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:text-orange-600\/90 { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:text-orange-700 { + color: var(--orange-700) + } + .md\:text-orange-700\/10 { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:text-orange-700\/20 { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:text-orange-700\/30 { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:text-orange-700\/40 { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:text-orange-700\/50 { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:text-orange-700\/60 { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:text-orange-700\/70 { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:text-orange-700\/80 { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:text-orange-700\/90 { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:text-orange-800 { + color: var(--orange-800) + } + .md\:text-orange-800\/10 { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:text-orange-800\/20 { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:text-orange-800\/30 { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:text-orange-800\/40 { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:text-orange-800\/50 { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:text-orange-800\/60 { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:text-orange-800\/70 { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:text-orange-800\/80 { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:text-orange-800\/90 { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:text-orange-900 { + color: var(--orange-900) + } + .md\:text-orange-900\/10 { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:text-orange-900\/20 { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:text-orange-900\/30 { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:text-orange-900\/40 { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:text-orange-900\/50 { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:text-orange-900\/60 { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:text-orange-900\/70 { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:text-orange-900\/80 { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:text-orange-900\/90 { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:text-bluegray-50 { + color: var(--bluegray-50) + } + .md\:text-bluegray-50\/10 { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:text-bluegray-50\/20 { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:text-bluegray-50\/30 { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:text-bluegray-50\/40 { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:text-bluegray-50\/50 { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:text-bluegray-50\/60 { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:text-bluegray-50\/70 { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:text-bluegray-50\/80 { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:text-bluegray-50\/90 { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:text-bluegray-100 { + color: var(--bluegray-100) + } + .md\:text-bluegray-100\/10 { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:text-bluegray-100\/20 { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:text-bluegray-100\/30 { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:text-bluegray-100\/40 { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:text-bluegray-100\/50 { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:text-bluegray-100\/60 { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:text-bluegray-100\/70 { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:text-bluegray-100\/80 { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:text-bluegray-100\/90 { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:text-bluegray-200 { + color: var(--bluegray-200) + } + .md\:text-bluegray-200\/10 { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:text-bluegray-200\/20 { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:text-bluegray-200\/30 { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:text-bluegray-200\/40 { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:text-bluegray-200\/50 { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:text-bluegray-200\/60 { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:text-bluegray-200\/70 { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:text-bluegray-200\/80 { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:text-bluegray-200\/90 { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:text-bluegray-300 { + color: var(--bluegray-300) + } + .md\:text-bluegray-300\/10 { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:text-bluegray-300\/20 { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:text-bluegray-300\/30 { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:text-bluegray-300\/40 { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:text-bluegray-300\/50 { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:text-bluegray-300\/60 { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:text-bluegray-300\/70 { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:text-bluegray-300\/80 { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:text-bluegray-300\/90 { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:text-bluegray-400 { + color: var(--bluegray-400) + } + .md\:text-bluegray-400\/10 { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:text-bluegray-400\/20 { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:text-bluegray-400\/30 { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:text-bluegray-400\/40 { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:text-bluegray-400\/50 { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:text-bluegray-400\/60 { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:text-bluegray-400\/70 { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:text-bluegray-400\/80 { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:text-bluegray-400\/90 { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:text-bluegray-500 { + color: var(--bluegray-500) + } + .md\:text-bluegray-500\/10 { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:text-bluegray-500\/20 { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:text-bluegray-500\/30 { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:text-bluegray-500\/40 { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:text-bluegray-500\/50 { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:text-bluegray-500\/60 { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:text-bluegray-500\/70 { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:text-bluegray-500\/80 { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:text-bluegray-500\/90 { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:text-bluegray-600 { + color: var(--bluegray-600) + } + .md\:text-bluegray-600\/10 { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:text-bluegray-600\/20 { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:text-bluegray-600\/30 { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:text-bluegray-600\/40 { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:text-bluegray-600\/50 { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:text-bluegray-600\/60 { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:text-bluegray-600\/70 { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:text-bluegray-600\/80 { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:text-bluegray-600\/90 { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:text-bluegray-700 { + color: var(--bluegray-700) + } + .md\:text-bluegray-700\/10 { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:text-bluegray-700\/20 { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:text-bluegray-700\/30 { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:text-bluegray-700\/40 { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:text-bluegray-700\/50 { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:text-bluegray-700\/60 { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:text-bluegray-700\/70 { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:text-bluegray-700\/80 { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:text-bluegray-700\/90 { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:text-bluegray-800 { + color: var(--bluegray-800) + } + .md\:text-bluegray-800\/10 { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:text-bluegray-800\/20 { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:text-bluegray-800\/30 { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:text-bluegray-800\/40 { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:text-bluegray-800\/50 { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:text-bluegray-800\/60 { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:text-bluegray-800\/70 { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:text-bluegray-800\/80 { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:text-bluegray-800\/90 { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:text-bluegray-900 { + color: var(--bluegray-900) + } + .md\:text-bluegray-900\/10 { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:text-bluegray-900\/20 { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:text-bluegray-900\/30 { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:text-bluegray-900\/40 { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:text-bluegray-900\/50 { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:text-bluegray-900\/60 { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:text-bluegray-900\/70 { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:text-bluegray-900\/80 { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:text-bluegray-900\/90 { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:text-purple-50 { + color: var(--purple-50) + } + .md\:text-purple-50\/10 { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:text-purple-50\/20 { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:text-purple-50\/30 { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:text-purple-50\/40 { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:text-purple-50\/50 { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:text-purple-50\/60 { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:text-purple-50\/70 { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:text-purple-50\/80 { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:text-purple-50\/90 { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:text-purple-100 { + color: var(--purple-100) + } + .md\:text-purple-100\/10 { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:text-purple-100\/20 { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:text-purple-100\/30 { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:text-purple-100\/40 { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:text-purple-100\/50 { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:text-purple-100\/60 { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:text-purple-100\/70 { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:text-purple-100\/80 { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:text-purple-100\/90 { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:text-purple-200 { + color: var(--purple-200) + } + .md\:text-purple-200\/10 { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:text-purple-200\/20 { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:text-purple-200\/30 { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:text-purple-200\/40 { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:text-purple-200\/50 { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:text-purple-200\/60 { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:text-purple-200\/70 { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:text-purple-200\/80 { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:text-purple-200\/90 { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:text-purple-300 { + color: var(--purple-300) + } + .md\:text-purple-300\/10 { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:text-purple-300\/20 { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:text-purple-300\/30 { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:text-purple-300\/40 { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:text-purple-300\/50 { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:text-purple-300\/60 { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:text-purple-300\/70 { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:text-purple-300\/80 { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:text-purple-300\/90 { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:text-purple-400 { + color: var(--purple-400) + } + .md\:text-purple-400\/10 { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:text-purple-400\/20 { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:text-purple-400\/30 { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:text-purple-400\/40 { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:text-purple-400\/50 { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:text-purple-400\/60 { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:text-purple-400\/70 { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:text-purple-400\/80 { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:text-purple-400\/90 { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:text-purple-500 { + color: var(--purple-500) + } + .md\:text-purple-500\/10 { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:text-purple-500\/20 { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:text-purple-500\/30 { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:text-purple-500\/40 { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:text-purple-500\/50 { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:text-purple-500\/60 { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:text-purple-500\/70 { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:text-purple-500\/80 { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:text-purple-500\/90 { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:text-purple-600 { + color: var(--purple-600) + } + .md\:text-purple-600\/10 { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:text-purple-600\/20 { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:text-purple-600\/30 { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:text-purple-600\/40 { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:text-purple-600\/50 { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:text-purple-600\/60 { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:text-purple-600\/70 { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:text-purple-600\/80 { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:text-purple-600\/90 { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:text-purple-700 { + color: var(--purple-700) + } + .md\:text-purple-700\/10 { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:text-purple-700\/20 { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:text-purple-700\/30 { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:text-purple-700\/40 { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:text-purple-700\/50 { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:text-purple-700\/60 { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:text-purple-700\/70 { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:text-purple-700\/80 { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:text-purple-700\/90 { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:text-purple-800 { + color: var(--purple-800) + } + .md\:text-purple-800\/10 { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:text-purple-800\/20 { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:text-purple-800\/30 { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:text-purple-800\/40 { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:text-purple-800\/50 { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:text-purple-800\/60 { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:text-purple-800\/70 { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:text-purple-800\/80 { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:text-purple-800\/90 { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:text-purple-900 { + color: var(--purple-900) + } + .md\:text-purple-900\/10 { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:text-purple-900\/20 { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:text-purple-900\/30 { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:text-purple-900\/40 { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:text-purple-900\/50 { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:text-purple-900\/60 { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:text-purple-900\/70 { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:text-purple-900\/80 { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:text-purple-900\/90 { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:text-red-50 { + color: var(--red-50) + } + .md\:text-red-50\/10 { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:text-red-50\/20 { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:text-red-50\/30 { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:text-red-50\/40 { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:text-red-50\/50 { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:text-red-50\/60 { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:text-red-50\/70 { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:text-red-50\/80 { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:text-red-50\/90 { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:text-red-100 { + color: var(--red-100) + } + .md\:text-red-100\/10 { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:text-red-100\/20 { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:text-red-100\/30 { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:text-red-100\/40 { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:text-red-100\/50 { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:text-red-100\/60 { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:text-red-100\/70 { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:text-red-100\/80 { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:text-red-100\/90 { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:text-red-200 { + color: var(--red-200) + } + .md\:text-red-200\/10 { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:text-red-200\/20 { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:text-red-200\/30 { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:text-red-200\/40 { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:text-red-200\/50 { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:text-red-200\/60 { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:text-red-200\/70 { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:text-red-200\/80 { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:text-red-200\/90 { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:text-red-300 { + color: var(--red-300) + } + .md\:text-red-300\/10 { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:text-red-300\/20 { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:text-red-300\/30 { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:text-red-300\/40 { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:text-red-300\/50 { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:text-red-300\/60 { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:text-red-300\/70 { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:text-red-300\/80 { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:text-red-300\/90 { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:text-red-400 { + color: var(--red-400) + } + .md\:text-red-400\/10 { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:text-red-400\/20 { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:text-red-400\/30 { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:text-red-400\/40 { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:text-red-400\/50 { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:text-red-400\/60 { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:text-red-400\/70 { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:text-red-400\/80 { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:text-red-400\/90 { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:text-red-500 { + color: var(--red-500) + } + .md\:text-red-500\/10 { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:text-red-500\/20 { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:text-red-500\/30 { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:text-red-500\/40 { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:text-red-500\/50 { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:text-red-500\/60 { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:text-red-500\/70 { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:text-red-500\/80 { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:text-red-500\/90 { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:text-red-600 { + color: var(--red-600) + } + .md\:text-red-600\/10 { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:text-red-600\/20 { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:text-red-600\/30 { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:text-red-600\/40 { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:text-red-600\/50 { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:text-red-600\/60 { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:text-red-600\/70 { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:text-red-600\/80 { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:text-red-600\/90 { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:text-red-700 { + color: var(--red-700) + } + .md\:text-red-700\/10 { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:text-red-700\/20 { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:text-red-700\/30 { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:text-red-700\/40 { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:text-red-700\/50 { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:text-red-700\/60 { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:text-red-700\/70 { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:text-red-700\/80 { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:text-red-700\/90 { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:text-red-800 { + color: var(--red-800) + } + .md\:text-red-800\/10 { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:text-red-800\/20 { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:text-red-800\/30 { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:text-red-800\/40 { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:text-red-800\/50 { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:text-red-800\/60 { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:text-red-800\/70 { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:text-red-800\/80 { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:text-red-800\/90 { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:text-red-900 { + color: var(--red-900) + } + .md\:text-red-900\/10 { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:text-red-900\/20 { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:text-red-900\/30 { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:text-red-900\/40 { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:text-red-900\/50 { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:text-red-900\/60 { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:text-red-900\/70 { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:text-red-900\/80 { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:text-red-900\/90 { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:text-gray-50 { + color: var(--gray-50) + } + .md\:text-gray-50\/10 { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:text-gray-50\/20 { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:text-gray-50\/30 { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:text-gray-50\/40 { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:text-gray-50\/50 { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:text-gray-50\/60 { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:text-gray-50\/70 { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:text-gray-50\/80 { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:text-gray-50\/90 { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:text-gray-100 { + color: var(--gray-100) + } + .md\:text-gray-100\/10 { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:text-gray-100\/20 { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:text-gray-100\/30 { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:text-gray-100\/40 { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:text-gray-100\/50 { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:text-gray-100\/60 { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:text-gray-100\/70 { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:text-gray-100\/80 { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:text-gray-100\/90 { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:text-gray-200 { + color: var(--gray-200) + } + .md\:text-gray-200\/10 { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:text-gray-200\/20 { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:text-gray-200\/30 { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:text-gray-200\/40 { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:text-gray-200\/50 { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:text-gray-200\/60 { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:text-gray-200\/70 { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:text-gray-200\/80 { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:text-gray-200\/90 { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:text-gray-300 { + color: var(--gray-300) + } + .md\:text-gray-300\/10 { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:text-gray-300\/20 { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:text-gray-300\/30 { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:text-gray-300\/40 { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:text-gray-300\/50 { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:text-gray-300\/60 { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:text-gray-300\/70 { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:text-gray-300\/80 { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:text-gray-300\/90 { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:text-gray-400 { + color: var(--gray-400) + } + .md\:text-gray-400\/10 { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:text-gray-400\/20 { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:text-gray-400\/30 { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:text-gray-400\/40 { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:text-gray-400\/50 { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:text-gray-400\/60 { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:text-gray-400\/70 { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:text-gray-400\/80 { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:text-gray-400\/90 { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:text-gray-500 { + color: var(--gray-500) + } + .md\:text-gray-500\/10 { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:text-gray-500\/20 { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:text-gray-500\/30 { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:text-gray-500\/40 { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:text-gray-500\/50 { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:text-gray-500\/60 { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:text-gray-500\/70 { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:text-gray-500\/80 { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:text-gray-500\/90 { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:text-gray-600 { + color: var(--gray-600) + } + .md\:text-gray-600\/10 { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:text-gray-600\/20 { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:text-gray-600\/30 { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:text-gray-600\/40 { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:text-gray-600\/50 { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:text-gray-600\/60 { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:text-gray-600\/70 { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:text-gray-600\/80 { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:text-gray-600\/90 { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:text-gray-700 { + color: var(--gray-700) + } + .md\:text-gray-700\/10 { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:text-gray-700\/20 { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:text-gray-700\/30 { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:text-gray-700\/40 { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:text-gray-700\/50 { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:text-gray-700\/60 { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:text-gray-700\/70 { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:text-gray-700\/80 { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:text-gray-700\/90 { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:text-gray-800 { + color: var(--gray-800) + } + .md\:text-gray-800\/10 { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:text-gray-800\/20 { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:text-gray-800\/30 { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:text-gray-800\/40 { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:text-gray-800\/50 { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:text-gray-800\/60 { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:text-gray-800\/70 { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:text-gray-800\/80 { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:text-gray-800\/90 { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:text-gray-900 { + color: var(--gray-900) + } + .md\:text-gray-900\/10 { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:text-gray-900\/20 { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:text-gray-900\/30 { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:text-gray-900\/40 { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:text-gray-900\/50 { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:text-gray-900\/60 { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:text-gray-900\/70 { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:text-gray-900\/80 { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:text-gray-900\/90 { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:text-surface-0 { + color: var(--surface-0) + } + .md\:text-surface-0\/10 { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:text-surface-0\/20 { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:text-surface-0\/30 { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:text-surface-0\/40 { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:text-surface-0\/50 { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:text-surface-0\/60 { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:text-surface-0\/70 { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:text-surface-0\/80 { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:text-surface-0\/90 { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:text-surface-50 { + color: var(--surface-50) + } + .md\:text-surface-50\/10 { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:text-surface-50\/20 { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:text-surface-50\/30 { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:text-surface-50\/40 { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:text-surface-50\/50 { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:text-surface-50\/60 { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:text-surface-50\/70 { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:text-surface-50\/80 { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:text-surface-50\/90 { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:text-surface-100 { + color: var(--surface-100) + } + .md\:text-surface-100\/10 { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:text-surface-100\/20 { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:text-surface-100\/30 { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:text-surface-100\/40 { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:text-surface-100\/50 { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:text-surface-100\/60 { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:text-surface-100\/70 { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:text-surface-100\/80 { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:text-surface-100\/90 { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:text-surface-200 { + color: var(--surface-200) + } + .md\:text-surface-200\/10 { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:text-surface-200\/20 { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:text-surface-200\/30 { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:text-surface-200\/40 { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:text-surface-200\/50 { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:text-surface-200\/60 { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:text-surface-200\/70 { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:text-surface-200\/80 { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:text-surface-200\/90 { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:text-surface-300 { + color: var(--surface-300) + } + .md\:text-surface-300\/10 { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:text-surface-300\/20 { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:text-surface-300\/30 { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:text-surface-300\/40 { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:text-surface-300\/50 { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:text-surface-300\/60 { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:text-surface-300\/70 { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:text-surface-300\/80 { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:text-surface-300\/90 { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:text-surface-400 { + color: var(--surface-400) + } + .md\:text-surface-400\/10 { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:text-surface-400\/20 { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:text-surface-400\/30 { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:text-surface-400\/40 { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:text-surface-400\/50 { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:text-surface-400\/60 { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:text-surface-400\/70 { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:text-surface-400\/80 { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:text-surface-400\/90 { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:text-surface-500 { + color: var(--surface-500) + } + .md\:text-surface-500\/10 { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:text-surface-500\/20 { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:text-surface-500\/30 { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:text-surface-500\/40 { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:text-surface-500\/50 { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:text-surface-500\/60 { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:text-surface-500\/70 { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:text-surface-500\/80 { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:text-surface-500\/90 { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:text-surface-600 { + color: var(--surface-600) + } + .md\:text-surface-600\/10 { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:text-surface-600\/20 { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:text-surface-600\/30 { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:text-surface-600\/40 { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:text-surface-600\/50 { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:text-surface-600\/60 { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:text-surface-600\/70 { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:text-surface-600\/80 { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:text-surface-600\/90 { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:text-surface-700 { + color: var(--surface-700) + } + .md\:text-surface-700\/10 { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:text-surface-700\/20 { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:text-surface-700\/30 { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:text-surface-700\/40 { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:text-surface-700\/50 { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:text-surface-700\/60 { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:text-surface-700\/70 { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:text-surface-700\/80 { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:text-surface-700\/90 { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:text-surface-800 { + color: var(--surface-800) + } + .md\:text-surface-800\/10 { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:text-surface-800\/20 { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:text-surface-800\/30 { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:text-surface-800\/40 { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:text-surface-800\/50 { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:text-surface-800\/60 { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:text-surface-800\/70 { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:text-surface-800\/80 { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:text-surface-800\/90 { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:text-surface-900 { + color: var(--surface-900) + } + .md\:text-surface-900\/10 { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:text-surface-900\/20 { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:text-surface-900\/30 { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:text-surface-900\/40 { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:text-surface-900\/50 { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:text-surface-900\/60 { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:text-surface-900\/70 { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:text-surface-900\/80 { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:text-surface-900\/90 { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:text-primary-50 { + color: var(--primary-50) + } + .md\:text-primary-50\/10 { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:text-primary-50\/20 { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:text-primary-50\/30 { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:text-primary-50\/40 { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:text-primary-50\/50 { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:text-primary-50\/60 { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:text-primary-50\/70 { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:text-primary-50\/80 { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:text-primary-50\/90 { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:text-primary-100 { + color: var(--primary-100) + } + .md\:text-primary-100\/10 { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:text-primary-100\/20 { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:text-primary-100\/30 { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:text-primary-100\/40 { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:text-primary-100\/50 { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:text-primary-100\/60 { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:text-primary-100\/70 { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:text-primary-100\/80 { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:text-primary-100\/90 { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:text-primary-200 { + color: var(--primary-200) + } + .md\:text-primary-200\/10 { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:text-primary-200\/20 { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:text-primary-200\/30 { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:text-primary-200\/40 { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:text-primary-200\/50 { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:text-primary-200\/60 { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:text-primary-200\/70 { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:text-primary-200\/80 { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:text-primary-200\/90 { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:text-primary-300 { + color: var(--primary-300) + } + .md\:text-primary-300\/10 { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:text-primary-300\/20 { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:text-primary-300\/30 { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:text-primary-300\/40 { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:text-primary-300\/50 { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:text-primary-300\/60 { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:text-primary-300\/70 { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:text-primary-300\/80 { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:text-primary-300\/90 { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:text-primary-400 { + color: var(--primary-400) + } + .md\:text-primary-400\/10 { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:text-primary-400\/20 { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:text-primary-400\/30 { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:text-primary-400\/40 { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:text-primary-400\/50 { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:text-primary-400\/60 { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:text-primary-400\/70 { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:text-primary-400\/80 { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:text-primary-400\/90 { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:text-primary-500 { + color: var(--primary-500) + } + .md\:text-primary-500\/10 { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:text-primary-500\/20 { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:text-primary-500\/30 { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:text-primary-500\/40 { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:text-primary-500\/50 { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:text-primary-500\/60 { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:text-primary-500\/70 { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:text-primary-500\/80 { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:text-primary-500\/90 { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:text-primary-600 { + color: var(--primary-600) + } + .md\:text-primary-600\/10 { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:text-primary-600\/20 { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:text-primary-600\/30 { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:text-primary-600\/40 { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:text-primary-600\/50 { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:text-primary-600\/60 { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:text-primary-600\/70 { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:text-primary-600\/80 { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:text-primary-600\/90 { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:text-primary-700 { + color: var(--primary-700) + } + .md\:text-primary-700\/10 { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:text-primary-700\/20 { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:text-primary-700\/30 { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:text-primary-700\/40 { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:text-primary-700\/50 { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:text-primary-700\/60 { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:text-primary-700\/70 { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:text-primary-700\/80 { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:text-primary-700\/90 { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:text-primary-800 { + color: var(--primary-800) + } + .md\:text-primary-800\/10 { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:text-primary-800\/20 { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:text-primary-800\/30 { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:text-primary-800\/40 { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:text-primary-800\/50 { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:text-primary-800\/60 { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:text-primary-800\/70 { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:text-primary-800\/80 { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:text-primary-800\/90 { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:text-primary-900 { + color: var(--primary-900) + } + .md\:text-primary-900\/10 { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:text-primary-900\/20 { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:text-primary-900\/30 { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:text-primary-900\/40 { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:text-primary-900\/50 { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:text-primary-900\/60 { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:text-primary-900\/70 { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:text-primary-900\/80 { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:text-primary-900\/90 { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:text-blue-50:focus { + color: var(--blue-50) + } + .md\:hover\:text-blue-50:hover { + color: var(--blue-50) + } + .md\:active\:text-blue-50:active { + color: var(--blue-50) + } + .md\:focus\:text-blue-50\/10:focus { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:text-blue-50\/10:hover { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:text-blue-50\/10:active { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:text-blue-50\/20:focus { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:text-blue-50\/20:hover { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:text-blue-50\/20:active { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:text-blue-50\/30:focus { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:text-blue-50\/30:hover { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:text-blue-50\/30:active { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:text-blue-50\/40:focus { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:text-blue-50\/40:hover { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:text-blue-50\/40:active { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:text-blue-50\/50:focus { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:text-blue-50\/50:hover { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:text-blue-50\/50:active { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:text-blue-50\/60:focus { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:text-blue-50\/60:hover { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:text-blue-50\/60:active { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:text-blue-50\/70:focus { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:text-blue-50\/70:hover { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:text-blue-50\/70:active { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:text-blue-50\/80:focus { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:text-blue-50\/80:hover { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:text-blue-50\/80:active { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:text-blue-50\/90:focus { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:text-blue-50\/90:hover { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:text-blue-50\/90:active { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:text-blue-100:focus { + color: var(--blue-100) + } + .md\:hover\:text-blue-100:hover { + color: var(--blue-100) + } + .md\:active\:text-blue-100:active { + color: var(--blue-100) + } + .md\:focus\:text-blue-100\/10:focus { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:text-blue-100\/10:hover { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:text-blue-100\/10:active { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:text-blue-100\/20:focus { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:text-blue-100\/20:hover { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:text-blue-100\/20:active { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:text-blue-100\/30:focus { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:text-blue-100\/30:hover { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:text-blue-100\/30:active { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:text-blue-100\/40:focus { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:text-blue-100\/40:hover { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:text-blue-100\/40:active { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:text-blue-100\/50:focus { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:text-blue-100\/50:hover { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:text-blue-100\/50:active { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:text-blue-100\/60:focus { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:text-blue-100\/60:hover { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:text-blue-100\/60:active { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:text-blue-100\/70:focus { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:text-blue-100\/70:hover { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:text-blue-100\/70:active { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:text-blue-100\/80:focus { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:text-blue-100\/80:hover { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:text-blue-100\/80:active { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:text-blue-100\/90:focus { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:text-blue-100\/90:hover { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:text-blue-100\/90:active { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:text-blue-200:focus { + color: var(--blue-200) + } + .md\:hover\:text-blue-200:hover { + color: var(--blue-200) + } + .md\:active\:text-blue-200:active { + color: var(--blue-200) + } + .md\:focus\:text-blue-200\/10:focus { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:text-blue-200\/10:hover { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:text-blue-200\/10:active { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:text-blue-200\/20:focus { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:text-blue-200\/20:hover { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:text-blue-200\/20:active { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:text-blue-200\/30:focus { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:text-blue-200\/30:hover { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:text-blue-200\/30:active { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:text-blue-200\/40:focus { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:text-blue-200\/40:hover { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:text-blue-200\/40:active { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:text-blue-200\/50:focus { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:text-blue-200\/50:hover { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:text-blue-200\/50:active { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:text-blue-200\/60:focus { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:text-blue-200\/60:hover { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:text-blue-200\/60:active { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:text-blue-200\/70:focus { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:text-blue-200\/70:hover { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:text-blue-200\/70:active { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:text-blue-200\/80:focus { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:text-blue-200\/80:hover { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:text-blue-200\/80:active { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:text-blue-200\/90:focus { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:text-blue-200\/90:hover { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:text-blue-200\/90:active { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:text-blue-300:focus { + color: var(--blue-300) + } + .md\:hover\:text-blue-300:hover { + color: var(--blue-300) + } + .md\:active\:text-blue-300:active { + color: var(--blue-300) + } + .md\:focus\:text-blue-300\/10:focus { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:text-blue-300\/10:hover { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:text-blue-300\/10:active { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:text-blue-300\/20:focus { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:text-blue-300\/20:hover { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:text-blue-300\/20:active { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:text-blue-300\/30:focus { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:text-blue-300\/30:hover { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:text-blue-300\/30:active { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:text-blue-300\/40:focus { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:text-blue-300\/40:hover { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:text-blue-300\/40:active { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:text-blue-300\/50:focus { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:text-blue-300\/50:hover { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:text-blue-300\/50:active { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:text-blue-300\/60:focus { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:text-blue-300\/60:hover { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:text-blue-300\/60:active { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:text-blue-300\/70:focus { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:text-blue-300\/70:hover { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:text-blue-300\/70:active { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:text-blue-300\/80:focus { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:text-blue-300\/80:hover { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:text-blue-300\/80:active { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:text-blue-300\/90:focus { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:text-blue-300\/90:hover { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:text-blue-300\/90:active { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:text-blue-400:focus { + color: var(--blue-400) + } + .md\:hover\:text-blue-400:hover { + color: var(--blue-400) + } + .md\:active\:text-blue-400:active { + color: var(--blue-400) + } + .md\:focus\:text-blue-400\/10:focus { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:text-blue-400\/10:hover { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:text-blue-400\/10:active { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:text-blue-400\/20:focus { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:text-blue-400\/20:hover { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:text-blue-400\/20:active { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:text-blue-400\/30:focus { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:text-blue-400\/30:hover { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:text-blue-400\/30:active { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:text-blue-400\/40:focus { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:text-blue-400\/40:hover { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:text-blue-400\/40:active { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:text-blue-400\/50:focus { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:text-blue-400\/50:hover { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:text-blue-400\/50:active { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:text-blue-400\/60:focus { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:text-blue-400\/60:hover { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:text-blue-400\/60:active { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:text-blue-400\/70:focus { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:text-blue-400\/70:hover { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:text-blue-400\/70:active { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:text-blue-400\/80:focus { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:text-blue-400\/80:hover { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:text-blue-400\/80:active { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:text-blue-400\/90:focus { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:text-blue-400\/90:hover { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:text-blue-400\/90:active { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:text-blue-500:focus { + color: var(--blue-500) + } + .md\:hover\:text-blue-500:hover { + color: var(--blue-500) + } + .md\:active\:text-blue-500:active { + color: var(--blue-500) + } + .md\:focus\:text-blue-500\/10:focus { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:text-blue-500\/10:hover { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:text-blue-500\/10:active { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:text-blue-500\/20:focus { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:text-blue-500\/20:hover { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:text-blue-500\/20:active { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:text-blue-500\/30:focus { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:text-blue-500\/30:hover { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:text-blue-500\/30:active { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:text-blue-500\/40:focus { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:text-blue-500\/40:hover { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:text-blue-500\/40:active { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:text-blue-500\/50:focus { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:text-blue-500\/50:hover { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:text-blue-500\/50:active { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:text-blue-500\/60:focus { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:text-blue-500\/60:hover { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:text-blue-500\/60:active { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:text-blue-500\/70:focus { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:text-blue-500\/70:hover { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:text-blue-500\/70:active { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:text-blue-500\/80:focus { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:text-blue-500\/80:hover { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:text-blue-500\/80:active { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:text-blue-500\/90:focus { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:text-blue-500\/90:hover { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:text-blue-500\/90:active { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:text-blue-600:focus { + color: var(--blue-600) + } + .md\:hover\:text-blue-600:hover { + color: var(--blue-600) + } + .md\:active\:text-blue-600:active { + color: var(--blue-600) + } + .md\:focus\:text-blue-600\/10:focus { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:text-blue-600\/10:hover { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:text-blue-600\/10:active { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:text-blue-600\/20:focus { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:text-blue-600\/20:hover { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:text-blue-600\/20:active { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:text-blue-600\/30:focus { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:text-blue-600\/30:hover { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:text-blue-600\/30:active { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:text-blue-600\/40:focus { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:text-blue-600\/40:hover { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:text-blue-600\/40:active { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:text-blue-600\/50:focus { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:text-blue-600\/50:hover { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:text-blue-600\/50:active { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:text-blue-600\/60:focus { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:text-blue-600\/60:hover { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:text-blue-600\/60:active { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:text-blue-600\/70:focus { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:text-blue-600\/70:hover { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:text-blue-600\/70:active { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:text-blue-600\/80:focus { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:text-blue-600\/80:hover { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:text-blue-600\/80:active { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:text-blue-600\/90:focus { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:text-blue-600\/90:hover { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:text-blue-600\/90:active { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:text-blue-700:focus { + color: var(--blue-700) + } + .md\:hover\:text-blue-700:hover { + color: var(--blue-700) + } + .md\:active\:text-blue-700:active { + color: var(--blue-700) + } + .md\:focus\:text-blue-700\/10:focus { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:text-blue-700\/10:hover { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:text-blue-700\/10:active { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:text-blue-700\/20:focus { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:text-blue-700\/20:hover { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:text-blue-700\/20:active { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:text-blue-700\/30:focus { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:text-blue-700\/30:hover { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:text-blue-700\/30:active { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:text-blue-700\/40:focus { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:text-blue-700\/40:hover { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:text-blue-700\/40:active { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:text-blue-700\/50:focus { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:text-blue-700\/50:hover { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:text-blue-700\/50:active { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:text-blue-700\/60:focus { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:text-blue-700\/60:hover { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:text-blue-700\/60:active { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:text-blue-700\/70:focus { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:text-blue-700\/70:hover { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:text-blue-700\/70:active { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:text-blue-700\/80:focus { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:text-blue-700\/80:hover { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:text-blue-700\/80:active { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:text-blue-700\/90:focus { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:text-blue-700\/90:hover { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:text-blue-700\/90:active { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:text-blue-800:focus { + color: var(--blue-800) + } + .md\:hover\:text-blue-800:hover { + color: var(--blue-800) + } + .md\:active\:text-blue-800:active { + color: var(--blue-800) + } + .md\:focus\:text-blue-800\/10:focus { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:text-blue-800\/10:hover { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:text-blue-800\/10:active { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:text-blue-800\/20:focus { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:text-blue-800\/20:hover { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:text-blue-800\/20:active { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:text-blue-800\/30:focus { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:text-blue-800\/30:hover { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:text-blue-800\/30:active { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:text-blue-800\/40:focus { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:text-blue-800\/40:hover { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:text-blue-800\/40:active { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:text-blue-800\/50:focus { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:text-blue-800\/50:hover { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:text-blue-800\/50:active { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:text-blue-800\/60:focus { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:text-blue-800\/60:hover { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:text-blue-800\/60:active { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:text-blue-800\/70:focus { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:text-blue-800\/70:hover { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:text-blue-800\/70:active { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:text-blue-800\/80:focus { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:text-blue-800\/80:hover { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:text-blue-800\/80:active { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:text-blue-800\/90:focus { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:text-blue-800\/90:hover { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:text-blue-800\/90:active { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:text-blue-900:focus { + color: var(--blue-900) + } + .md\:hover\:text-blue-900:hover { + color: var(--blue-900) + } + .md\:active\:text-blue-900:active { + color: var(--blue-900) + } + .md\:focus\:text-blue-900\/10:focus { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:text-blue-900\/10:hover { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:text-blue-900\/10:active { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:text-blue-900\/20:focus { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:text-blue-900\/20:hover { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:text-blue-900\/20:active { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:text-blue-900\/30:focus { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:text-blue-900\/30:hover { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:text-blue-900\/30:active { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:text-blue-900\/40:focus { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:text-blue-900\/40:hover { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:text-blue-900\/40:active { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:text-blue-900\/50:focus { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:text-blue-900\/50:hover { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:text-blue-900\/50:active { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:text-blue-900\/60:focus { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:text-blue-900\/60:hover { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:text-blue-900\/60:active { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:text-blue-900\/70:focus { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:text-blue-900\/70:hover { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:text-blue-900\/70:active { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:text-blue-900\/80:focus { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:text-blue-900\/80:hover { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:text-blue-900\/80:active { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:text-blue-900\/90:focus { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:text-blue-900\/90:hover { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:text-blue-900\/90:active { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:text-green-50:focus { + color: var(--green-50) + } + .md\:hover\:text-green-50:hover { + color: var(--green-50) + } + .md\:active\:text-green-50:active { + color: var(--green-50) + } + .md\:focus\:text-green-50\/10:focus { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:text-green-50\/10:hover { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:text-green-50\/10:active { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:text-green-50\/20:focus { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:text-green-50\/20:hover { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:text-green-50\/20:active { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:text-green-50\/30:focus { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:text-green-50\/30:hover { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:text-green-50\/30:active { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:text-green-50\/40:focus { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:text-green-50\/40:hover { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:text-green-50\/40:active { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:text-green-50\/50:focus { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:text-green-50\/50:hover { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:text-green-50\/50:active { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:text-green-50\/60:focus { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:text-green-50\/60:hover { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:text-green-50\/60:active { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:text-green-50\/70:focus { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:text-green-50\/70:hover { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:text-green-50\/70:active { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:text-green-50\/80:focus { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:text-green-50\/80:hover { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:text-green-50\/80:active { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:text-green-50\/90:focus { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:text-green-50\/90:hover { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:text-green-50\/90:active { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:text-green-100:focus { + color: var(--green-100) + } + .md\:hover\:text-green-100:hover { + color: var(--green-100) + } + .md\:active\:text-green-100:active { + color: var(--green-100) + } + .md\:focus\:text-green-100\/10:focus { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:text-green-100\/10:hover { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:text-green-100\/10:active { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:text-green-100\/20:focus { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:text-green-100\/20:hover { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:text-green-100\/20:active { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:text-green-100\/30:focus { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:text-green-100\/30:hover { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:text-green-100\/30:active { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:text-green-100\/40:focus { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:text-green-100\/40:hover { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:text-green-100\/40:active { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:text-green-100\/50:focus { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:text-green-100\/50:hover { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:text-green-100\/50:active { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:text-green-100\/60:focus { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:text-green-100\/60:hover { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:text-green-100\/60:active { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:text-green-100\/70:focus { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:text-green-100\/70:hover { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:text-green-100\/70:active { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:text-green-100\/80:focus { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:text-green-100\/80:hover { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:text-green-100\/80:active { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:text-green-100\/90:focus { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:text-green-100\/90:hover { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:text-green-100\/90:active { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:text-green-200:focus { + color: var(--green-200) + } + .md\:hover\:text-green-200:hover { + color: var(--green-200) + } + .md\:active\:text-green-200:active { + color: var(--green-200) + } + .md\:focus\:text-green-200\/10:focus { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:text-green-200\/10:hover { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:text-green-200\/10:active { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:text-green-200\/20:focus { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:text-green-200\/20:hover { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:text-green-200\/20:active { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:text-green-200\/30:focus { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:text-green-200\/30:hover { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:text-green-200\/30:active { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:text-green-200\/40:focus { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:text-green-200\/40:hover { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:text-green-200\/40:active { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:text-green-200\/50:focus { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:text-green-200\/50:hover { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:text-green-200\/50:active { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:text-green-200\/60:focus { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:text-green-200\/60:hover { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:text-green-200\/60:active { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:text-green-200\/70:focus { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:text-green-200\/70:hover { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:text-green-200\/70:active { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:text-green-200\/80:focus { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:text-green-200\/80:hover { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:text-green-200\/80:active { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:text-green-200\/90:focus { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:text-green-200\/90:hover { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:text-green-200\/90:active { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:text-green-300:focus { + color: var(--green-300) + } + .md\:hover\:text-green-300:hover { + color: var(--green-300) + } + .md\:active\:text-green-300:active { + color: var(--green-300) + } + .md\:focus\:text-green-300\/10:focus { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:text-green-300\/10:hover { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:text-green-300\/10:active { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:text-green-300\/20:focus { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:text-green-300\/20:hover { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:text-green-300\/20:active { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:text-green-300\/30:focus { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:text-green-300\/30:hover { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:text-green-300\/30:active { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:text-green-300\/40:focus { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:text-green-300\/40:hover { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:text-green-300\/40:active { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:text-green-300\/50:focus { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:text-green-300\/50:hover { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:text-green-300\/50:active { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:text-green-300\/60:focus { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:text-green-300\/60:hover { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:text-green-300\/60:active { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:text-green-300\/70:focus { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:text-green-300\/70:hover { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:text-green-300\/70:active { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:text-green-300\/80:focus { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:text-green-300\/80:hover { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:text-green-300\/80:active { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:text-green-300\/90:focus { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:text-green-300\/90:hover { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:text-green-300\/90:active { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:text-green-400:focus { + color: var(--green-400) + } + .md\:hover\:text-green-400:hover { + color: var(--green-400) + } + .md\:active\:text-green-400:active { + color: var(--green-400) + } + .md\:focus\:text-green-400\/10:focus { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:text-green-400\/10:hover { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:text-green-400\/10:active { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:text-green-400\/20:focus { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:text-green-400\/20:hover { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:text-green-400\/20:active { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:text-green-400\/30:focus { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:text-green-400\/30:hover { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:text-green-400\/30:active { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:text-green-400\/40:focus { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:text-green-400\/40:hover { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:text-green-400\/40:active { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:text-green-400\/50:focus { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:text-green-400\/50:hover { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:text-green-400\/50:active { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:text-green-400\/60:focus { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:text-green-400\/60:hover { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:text-green-400\/60:active { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:text-green-400\/70:focus { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:text-green-400\/70:hover { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:text-green-400\/70:active { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:text-green-400\/80:focus { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:text-green-400\/80:hover { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:text-green-400\/80:active { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:text-green-400\/90:focus { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:text-green-400\/90:hover { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:text-green-400\/90:active { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:text-green-500:focus { + color: var(--green-500) + } + .md\:hover\:text-green-500:hover { + color: var(--green-500) + } + .md\:active\:text-green-500:active { + color: var(--green-500) + } + .md\:focus\:text-green-500\/10:focus { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:text-green-500\/10:hover { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:text-green-500\/10:active { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:text-green-500\/20:focus { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:text-green-500\/20:hover { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:text-green-500\/20:active { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:text-green-500\/30:focus { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:text-green-500\/30:hover { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:text-green-500\/30:active { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:text-green-500\/40:focus { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:text-green-500\/40:hover { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:text-green-500\/40:active { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:text-green-500\/50:focus { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:text-green-500\/50:hover { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:text-green-500\/50:active { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:text-green-500\/60:focus { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:text-green-500\/60:hover { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:text-green-500\/60:active { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:text-green-500\/70:focus { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:text-green-500\/70:hover { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:text-green-500\/70:active { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:text-green-500\/80:focus { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:text-green-500\/80:hover { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:text-green-500\/80:active { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:text-green-500\/90:focus { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:text-green-500\/90:hover { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:text-green-500\/90:active { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:text-green-600:focus { + color: var(--green-600) + } + .md\:hover\:text-green-600:hover { + color: var(--green-600) + } + .md\:active\:text-green-600:active { + color: var(--green-600) + } + .md\:focus\:text-green-600\/10:focus { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:text-green-600\/10:hover { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:text-green-600\/10:active { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:text-green-600\/20:focus { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:text-green-600\/20:hover { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:text-green-600\/20:active { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:text-green-600\/30:focus { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:text-green-600\/30:hover { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:text-green-600\/30:active { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:text-green-600\/40:focus { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:text-green-600\/40:hover { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:text-green-600\/40:active { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:text-green-600\/50:focus { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:text-green-600\/50:hover { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:text-green-600\/50:active { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:text-green-600\/60:focus { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:text-green-600\/60:hover { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:text-green-600\/60:active { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:text-green-600\/70:focus { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:text-green-600\/70:hover { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:text-green-600\/70:active { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:text-green-600\/80:focus { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:text-green-600\/80:hover { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:text-green-600\/80:active { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:text-green-600\/90:focus { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:text-green-600\/90:hover { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:text-green-600\/90:active { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:text-green-700:focus { + color: var(--green-700) + } + .md\:hover\:text-green-700:hover { + color: var(--green-700) + } + .md\:active\:text-green-700:active { + color: var(--green-700) + } + .md\:focus\:text-green-700\/10:focus { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:text-green-700\/10:hover { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:text-green-700\/10:active { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:text-green-700\/20:focus { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:text-green-700\/20:hover { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:text-green-700\/20:active { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:text-green-700\/30:focus { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:text-green-700\/30:hover { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:text-green-700\/30:active { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:text-green-700\/40:focus { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:text-green-700\/40:hover { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:text-green-700\/40:active { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:text-green-700\/50:focus { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:text-green-700\/50:hover { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:text-green-700\/50:active { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:text-green-700\/60:focus { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:text-green-700\/60:hover { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:text-green-700\/60:active { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:text-green-700\/70:focus { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:text-green-700\/70:hover { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:text-green-700\/70:active { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:text-green-700\/80:focus { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:text-green-700\/80:hover { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:text-green-700\/80:active { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:text-green-700\/90:focus { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:text-green-700\/90:hover { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:text-green-700\/90:active { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:text-green-800:focus { + color: var(--green-800) + } + .md\:hover\:text-green-800:hover { + color: var(--green-800) + } + .md\:active\:text-green-800:active { + color: var(--green-800) + } + .md\:focus\:text-green-800\/10:focus { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:text-green-800\/10:hover { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:text-green-800\/10:active { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:text-green-800\/20:focus { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:text-green-800\/20:hover { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:text-green-800\/20:active { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:text-green-800\/30:focus { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:text-green-800\/30:hover { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:text-green-800\/30:active { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:text-green-800\/40:focus { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:text-green-800\/40:hover { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:text-green-800\/40:active { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:text-green-800\/50:focus { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:text-green-800\/50:hover { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:text-green-800\/50:active { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:text-green-800\/60:focus { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:text-green-800\/60:hover { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:text-green-800\/60:active { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:text-green-800\/70:focus { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:text-green-800\/70:hover { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:text-green-800\/70:active { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:text-green-800\/80:focus { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:text-green-800\/80:hover { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:text-green-800\/80:active { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:text-green-800\/90:focus { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:text-green-800\/90:hover { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:text-green-800\/90:active { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:text-green-900:focus { + color: var(--green-900) + } + .md\:hover\:text-green-900:hover { + color: var(--green-900) + } + .md\:active\:text-green-900:active { + color: var(--green-900) + } + .md\:focus\:text-green-900\/10:focus { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:text-green-900\/10:hover { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:text-green-900\/10:active { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:text-green-900\/20:focus { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:text-green-900\/20:hover { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:text-green-900\/20:active { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:text-green-900\/30:focus { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:text-green-900\/30:hover { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:text-green-900\/30:active { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:text-green-900\/40:focus { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:text-green-900\/40:hover { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:text-green-900\/40:active { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:text-green-900\/50:focus { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:text-green-900\/50:hover { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:text-green-900\/50:active { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:text-green-900\/60:focus { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:text-green-900\/60:hover { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:text-green-900\/60:active { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:text-green-900\/70:focus { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:text-green-900\/70:hover { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:text-green-900\/70:active { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:text-green-900\/80:focus { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:text-green-900\/80:hover { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:text-green-900\/80:active { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:text-green-900\/90:focus { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:text-green-900\/90:hover { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:text-green-900\/90:active { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:text-yellow-50:focus { + color: var(--yellow-50) + } + .md\:hover\:text-yellow-50:hover { + color: var(--yellow-50) + } + .md\:active\:text-yellow-50:active { + color: var(--yellow-50) + } + .md\:focus\:text-yellow-50\/10:focus { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:text-yellow-50\/10:hover { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:text-yellow-50\/10:active { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:text-yellow-50\/20:focus { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:text-yellow-50\/20:hover { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:text-yellow-50\/20:active { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:text-yellow-50\/30:focus { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:text-yellow-50\/30:hover { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:text-yellow-50\/30:active { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:text-yellow-50\/40:focus { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:text-yellow-50\/40:hover { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:text-yellow-50\/40:active { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:text-yellow-50\/50:focus { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:text-yellow-50\/50:hover { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:text-yellow-50\/50:active { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:text-yellow-50\/60:focus { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:text-yellow-50\/60:hover { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:text-yellow-50\/60:active { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:text-yellow-50\/70:focus { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:text-yellow-50\/70:hover { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:text-yellow-50\/70:active { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:text-yellow-50\/80:focus { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:text-yellow-50\/80:hover { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:text-yellow-50\/80:active { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:text-yellow-50\/90:focus { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:text-yellow-50\/90:hover { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:text-yellow-50\/90:active { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:text-yellow-100:focus { + color: var(--yellow-100) + } + .md\:hover\:text-yellow-100:hover { + color: var(--yellow-100) + } + .md\:active\:text-yellow-100:active { + color: var(--yellow-100) + } + .md\:focus\:text-yellow-100\/10:focus { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:text-yellow-100\/10:hover { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:text-yellow-100\/10:active { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:text-yellow-100\/20:focus { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:text-yellow-100\/20:hover { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:text-yellow-100\/20:active { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:text-yellow-100\/30:focus { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:text-yellow-100\/30:hover { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:text-yellow-100\/30:active { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:text-yellow-100\/40:focus { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:text-yellow-100\/40:hover { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:text-yellow-100\/40:active { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:text-yellow-100\/50:focus { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:text-yellow-100\/50:hover { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:text-yellow-100\/50:active { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:text-yellow-100\/60:focus { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:text-yellow-100\/60:hover { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:text-yellow-100\/60:active { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:text-yellow-100\/70:focus { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:text-yellow-100\/70:hover { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:text-yellow-100\/70:active { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:text-yellow-100\/80:focus { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:text-yellow-100\/80:hover { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:text-yellow-100\/80:active { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:text-yellow-100\/90:focus { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:text-yellow-100\/90:hover { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:text-yellow-100\/90:active { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:text-yellow-200:focus { + color: var(--yellow-200) + } + .md\:hover\:text-yellow-200:hover { + color: var(--yellow-200) + } + .md\:active\:text-yellow-200:active { + color: var(--yellow-200) + } + .md\:focus\:text-yellow-200\/10:focus { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:text-yellow-200\/10:hover { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:text-yellow-200\/10:active { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:text-yellow-200\/20:focus { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:text-yellow-200\/20:hover { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:text-yellow-200\/20:active { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:text-yellow-200\/30:focus { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:text-yellow-200\/30:hover { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:text-yellow-200\/30:active { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:text-yellow-200\/40:focus { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:text-yellow-200\/40:hover { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:text-yellow-200\/40:active { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:text-yellow-200\/50:focus { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:text-yellow-200\/50:hover { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:text-yellow-200\/50:active { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:text-yellow-200\/60:focus { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:text-yellow-200\/60:hover { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:text-yellow-200\/60:active { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:text-yellow-200\/70:focus { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:text-yellow-200\/70:hover { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:text-yellow-200\/70:active { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:text-yellow-200\/80:focus { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:text-yellow-200\/80:hover { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:text-yellow-200\/80:active { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:text-yellow-200\/90:focus { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:text-yellow-200\/90:hover { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:text-yellow-200\/90:active { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:text-yellow-300:focus { + color: var(--yellow-300) + } + .md\:hover\:text-yellow-300:hover { + color: var(--yellow-300) + } + .md\:active\:text-yellow-300:active { + color: var(--yellow-300) + } + .md\:focus\:text-yellow-300\/10:focus { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:text-yellow-300\/10:hover { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:text-yellow-300\/10:active { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:text-yellow-300\/20:focus { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:text-yellow-300\/20:hover { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:text-yellow-300\/20:active { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:text-yellow-300\/30:focus { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:text-yellow-300\/30:hover { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:text-yellow-300\/30:active { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:text-yellow-300\/40:focus { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:text-yellow-300\/40:hover { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:text-yellow-300\/40:active { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:text-yellow-300\/50:focus { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:text-yellow-300\/50:hover { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:text-yellow-300\/50:active { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:text-yellow-300\/60:focus { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:text-yellow-300\/60:hover { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:text-yellow-300\/60:active { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:text-yellow-300\/70:focus { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:text-yellow-300\/70:hover { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:text-yellow-300\/70:active { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:text-yellow-300\/80:focus { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:text-yellow-300\/80:hover { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:text-yellow-300\/80:active { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:text-yellow-300\/90:focus { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:text-yellow-300\/90:hover { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:text-yellow-300\/90:active { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:text-yellow-400:focus { + color: var(--yellow-400) + } + .md\:hover\:text-yellow-400:hover { + color: var(--yellow-400) + } + .md\:active\:text-yellow-400:active { + color: var(--yellow-400) + } + .md\:focus\:text-yellow-400\/10:focus { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:text-yellow-400\/10:hover { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:text-yellow-400\/10:active { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:text-yellow-400\/20:focus { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:text-yellow-400\/20:hover { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:text-yellow-400\/20:active { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:text-yellow-400\/30:focus { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:text-yellow-400\/30:hover { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:text-yellow-400\/30:active { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:text-yellow-400\/40:focus { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:text-yellow-400\/40:hover { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:text-yellow-400\/40:active { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:text-yellow-400\/50:focus { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:text-yellow-400\/50:hover { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:text-yellow-400\/50:active { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:text-yellow-400\/60:focus { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:text-yellow-400\/60:hover { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:text-yellow-400\/60:active { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:text-yellow-400\/70:focus { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:text-yellow-400\/70:hover { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:text-yellow-400\/70:active { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:text-yellow-400\/80:focus { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:text-yellow-400\/80:hover { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:text-yellow-400\/80:active { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:text-yellow-400\/90:focus { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:text-yellow-400\/90:hover { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:text-yellow-400\/90:active { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:text-yellow-500:focus { + color: var(--yellow-500) + } + .md\:hover\:text-yellow-500:hover { + color: var(--yellow-500) + } + .md\:active\:text-yellow-500:active { + color: var(--yellow-500) + } + .md\:focus\:text-yellow-500\/10:focus { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:text-yellow-500\/10:hover { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:text-yellow-500\/10:active { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:text-yellow-500\/20:focus { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:text-yellow-500\/20:hover { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:text-yellow-500\/20:active { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:text-yellow-500\/30:focus { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:text-yellow-500\/30:hover { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:text-yellow-500\/30:active { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:text-yellow-500\/40:focus { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:text-yellow-500\/40:hover { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:text-yellow-500\/40:active { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:text-yellow-500\/50:focus { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:text-yellow-500\/50:hover { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:text-yellow-500\/50:active { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:text-yellow-500\/60:focus { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:text-yellow-500\/60:hover { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:text-yellow-500\/60:active { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:text-yellow-500\/70:focus { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:text-yellow-500\/70:hover { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:text-yellow-500\/70:active { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:text-yellow-500\/80:focus { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:text-yellow-500\/80:hover { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:text-yellow-500\/80:active { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:text-yellow-500\/90:focus { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:text-yellow-500\/90:hover { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:text-yellow-500\/90:active { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:text-yellow-600:focus { + color: var(--yellow-600) + } + .md\:hover\:text-yellow-600:hover { + color: var(--yellow-600) + } + .md\:active\:text-yellow-600:active { + color: var(--yellow-600) + } + .md\:focus\:text-yellow-600\/10:focus { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:text-yellow-600\/10:hover { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:text-yellow-600\/10:active { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:text-yellow-600\/20:focus { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:text-yellow-600\/20:hover { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:text-yellow-600\/20:active { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:text-yellow-600\/30:focus { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:text-yellow-600\/30:hover { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:text-yellow-600\/30:active { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:text-yellow-600\/40:focus { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:text-yellow-600\/40:hover { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:text-yellow-600\/40:active { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:text-yellow-600\/50:focus { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:text-yellow-600\/50:hover { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:text-yellow-600\/50:active { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:text-yellow-600\/60:focus { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:text-yellow-600\/60:hover { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:text-yellow-600\/60:active { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:text-yellow-600\/70:focus { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:text-yellow-600\/70:hover { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:text-yellow-600\/70:active { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:text-yellow-600\/80:focus { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:text-yellow-600\/80:hover { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:text-yellow-600\/80:active { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:text-yellow-600\/90:focus { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:text-yellow-600\/90:hover { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:text-yellow-600\/90:active { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:text-yellow-700:focus { + color: var(--yellow-700) + } + .md\:hover\:text-yellow-700:hover { + color: var(--yellow-700) + } + .md\:active\:text-yellow-700:active { + color: var(--yellow-700) + } + .md\:focus\:text-yellow-700\/10:focus { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:text-yellow-700\/10:hover { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:text-yellow-700\/10:active { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:text-yellow-700\/20:focus { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:text-yellow-700\/20:hover { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:text-yellow-700\/20:active { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:text-yellow-700\/30:focus { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:text-yellow-700\/30:hover { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:text-yellow-700\/30:active { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:text-yellow-700\/40:focus { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:text-yellow-700\/40:hover { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:text-yellow-700\/40:active { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:text-yellow-700\/50:focus { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:text-yellow-700\/50:hover { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:text-yellow-700\/50:active { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:text-yellow-700\/60:focus { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:text-yellow-700\/60:hover { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:text-yellow-700\/60:active { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:text-yellow-700\/70:focus { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:text-yellow-700\/70:hover { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:text-yellow-700\/70:active { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:text-yellow-700\/80:focus { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:text-yellow-700\/80:hover { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:text-yellow-700\/80:active { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:text-yellow-700\/90:focus { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:text-yellow-700\/90:hover { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:text-yellow-700\/90:active { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:text-yellow-800:focus { + color: var(--yellow-800) + } + .md\:hover\:text-yellow-800:hover { + color: var(--yellow-800) + } + .md\:active\:text-yellow-800:active { + color: var(--yellow-800) + } + .md\:focus\:text-yellow-800\/10:focus { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:text-yellow-800\/10:hover { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:text-yellow-800\/10:active { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:text-yellow-800\/20:focus { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:text-yellow-800\/20:hover { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:text-yellow-800\/20:active { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:text-yellow-800\/30:focus { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:text-yellow-800\/30:hover { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:text-yellow-800\/30:active { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:text-yellow-800\/40:focus { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:text-yellow-800\/40:hover { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:text-yellow-800\/40:active { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:text-yellow-800\/50:focus { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:text-yellow-800\/50:hover { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:text-yellow-800\/50:active { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:text-yellow-800\/60:focus { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:text-yellow-800\/60:hover { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:text-yellow-800\/60:active { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:text-yellow-800\/70:focus { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:text-yellow-800\/70:hover { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:text-yellow-800\/70:active { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:text-yellow-800\/80:focus { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:text-yellow-800\/80:hover { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:text-yellow-800\/80:active { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:text-yellow-800\/90:focus { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:text-yellow-800\/90:hover { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:text-yellow-800\/90:active { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:text-yellow-900:focus { + color: var(--yellow-900) + } + .md\:hover\:text-yellow-900:hover { + color: var(--yellow-900) + } + .md\:active\:text-yellow-900:active { + color: var(--yellow-900) + } + .md\:focus\:text-yellow-900\/10:focus { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:text-yellow-900\/10:hover { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:text-yellow-900\/10:active { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:text-yellow-900\/20:focus { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:text-yellow-900\/20:hover { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:text-yellow-900\/20:active { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:text-yellow-900\/30:focus { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:text-yellow-900\/30:hover { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:text-yellow-900\/30:active { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:text-yellow-900\/40:focus { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:text-yellow-900\/40:hover { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:text-yellow-900\/40:active { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:text-yellow-900\/50:focus { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:text-yellow-900\/50:hover { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:text-yellow-900\/50:active { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:text-yellow-900\/60:focus { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:text-yellow-900\/60:hover { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:text-yellow-900\/60:active { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:text-yellow-900\/70:focus { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:text-yellow-900\/70:hover { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:text-yellow-900\/70:active { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:text-yellow-900\/80:focus { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:text-yellow-900\/80:hover { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:text-yellow-900\/80:active { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:text-yellow-900\/90:focus { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:text-yellow-900\/90:hover { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:text-yellow-900\/90:active { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:text-cyan-50:focus { + color: var(--cyan-50) + } + .md\:hover\:text-cyan-50:hover { + color: var(--cyan-50) + } + .md\:active\:text-cyan-50:active { + color: var(--cyan-50) + } + .md\:focus\:text-cyan-50\/10:focus { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:text-cyan-50\/10:hover { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:text-cyan-50\/10:active { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:text-cyan-50\/20:focus { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:text-cyan-50\/20:hover { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:text-cyan-50\/20:active { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:text-cyan-50\/30:focus { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:text-cyan-50\/30:hover { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:text-cyan-50\/30:active { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:text-cyan-50\/40:focus { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:text-cyan-50\/40:hover { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:text-cyan-50\/40:active { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:text-cyan-50\/50:focus { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:text-cyan-50\/50:hover { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:text-cyan-50\/50:active { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:text-cyan-50\/60:focus { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:text-cyan-50\/60:hover { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:text-cyan-50\/60:active { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:text-cyan-50\/70:focus { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:text-cyan-50\/70:hover { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:text-cyan-50\/70:active { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:text-cyan-50\/80:focus { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:text-cyan-50\/80:hover { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:text-cyan-50\/80:active { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:text-cyan-50\/90:focus { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:text-cyan-50\/90:hover { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:text-cyan-50\/90:active { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:text-cyan-100:focus { + color: var(--cyan-100) + } + .md\:hover\:text-cyan-100:hover { + color: var(--cyan-100) + } + .md\:active\:text-cyan-100:active { + color: var(--cyan-100) + } + .md\:focus\:text-cyan-100\/10:focus { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:text-cyan-100\/10:hover { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:text-cyan-100\/10:active { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:text-cyan-100\/20:focus { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:text-cyan-100\/20:hover { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:text-cyan-100\/20:active { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:text-cyan-100\/30:focus { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:text-cyan-100\/30:hover { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:text-cyan-100\/30:active { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:text-cyan-100\/40:focus { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:text-cyan-100\/40:hover { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:text-cyan-100\/40:active { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:text-cyan-100\/50:focus { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:text-cyan-100\/50:hover { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:text-cyan-100\/50:active { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:text-cyan-100\/60:focus { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:text-cyan-100\/60:hover { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:text-cyan-100\/60:active { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:text-cyan-100\/70:focus { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:text-cyan-100\/70:hover { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:text-cyan-100\/70:active { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:text-cyan-100\/80:focus { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:text-cyan-100\/80:hover { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:text-cyan-100\/80:active { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:text-cyan-100\/90:focus { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:text-cyan-100\/90:hover { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:text-cyan-100\/90:active { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:text-cyan-200:focus { + color: var(--cyan-200) + } + .md\:hover\:text-cyan-200:hover { + color: var(--cyan-200) + } + .md\:active\:text-cyan-200:active { + color: var(--cyan-200) + } + .md\:focus\:text-cyan-200\/10:focus { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:text-cyan-200\/10:hover { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:text-cyan-200\/10:active { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:text-cyan-200\/20:focus { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:text-cyan-200\/20:hover { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:text-cyan-200\/20:active { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:text-cyan-200\/30:focus { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:text-cyan-200\/30:hover { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:text-cyan-200\/30:active { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:text-cyan-200\/40:focus { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:text-cyan-200\/40:hover { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:text-cyan-200\/40:active { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:text-cyan-200\/50:focus { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:text-cyan-200\/50:hover { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:text-cyan-200\/50:active { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:text-cyan-200\/60:focus { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:text-cyan-200\/60:hover { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:text-cyan-200\/60:active { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:text-cyan-200\/70:focus { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:text-cyan-200\/70:hover { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:text-cyan-200\/70:active { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:text-cyan-200\/80:focus { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:text-cyan-200\/80:hover { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:text-cyan-200\/80:active { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:text-cyan-200\/90:focus { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:text-cyan-200\/90:hover { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:text-cyan-200\/90:active { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:text-cyan-300:focus { + color: var(--cyan-300) + } + .md\:hover\:text-cyan-300:hover { + color: var(--cyan-300) + } + .md\:active\:text-cyan-300:active { + color: var(--cyan-300) + } + .md\:focus\:text-cyan-300\/10:focus { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:text-cyan-300\/10:hover { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:text-cyan-300\/10:active { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:text-cyan-300\/20:focus { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:text-cyan-300\/20:hover { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:text-cyan-300\/20:active { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:text-cyan-300\/30:focus { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:text-cyan-300\/30:hover { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:text-cyan-300\/30:active { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:text-cyan-300\/40:focus { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:text-cyan-300\/40:hover { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:text-cyan-300\/40:active { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:text-cyan-300\/50:focus { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:text-cyan-300\/50:hover { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:text-cyan-300\/50:active { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:text-cyan-300\/60:focus { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:text-cyan-300\/60:hover { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:text-cyan-300\/60:active { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:text-cyan-300\/70:focus { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:text-cyan-300\/70:hover { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:text-cyan-300\/70:active { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:text-cyan-300\/80:focus { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:text-cyan-300\/80:hover { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:text-cyan-300\/80:active { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:text-cyan-300\/90:focus { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:text-cyan-300\/90:hover { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:text-cyan-300\/90:active { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:text-cyan-400:focus { + color: var(--cyan-400) + } + .md\:hover\:text-cyan-400:hover { + color: var(--cyan-400) + } + .md\:active\:text-cyan-400:active { + color: var(--cyan-400) + } + .md\:focus\:text-cyan-400\/10:focus { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:text-cyan-400\/10:hover { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:text-cyan-400\/10:active { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:text-cyan-400\/20:focus { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:text-cyan-400\/20:hover { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:text-cyan-400\/20:active { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:text-cyan-400\/30:focus { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:text-cyan-400\/30:hover { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:text-cyan-400\/30:active { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:text-cyan-400\/40:focus { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:text-cyan-400\/40:hover { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:text-cyan-400\/40:active { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:text-cyan-400\/50:focus { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:text-cyan-400\/50:hover { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:text-cyan-400\/50:active { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:text-cyan-400\/60:focus { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:text-cyan-400\/60:hover { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:text-cyan-400\/60:active { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:text-cyan-400\/70:focus { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:text-cyan-400\/70:hover { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:text-cyan-400\/70:active { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:text-cyan-400\/80:focus { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:text-cyan-400\/80:hover { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:text-cyan-400\/80:active { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:text-cyan-400\/90:focus { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:text-cyan-400\/90:hover { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:text-cyan-400\/90:active { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:text-cyan-500:focus { + color: var(--cyan-500) + } + .md\:hover\:text-cyan-500:hover { + color: var(--cyan-500) + } + .md\:active\:text-cyan-500:active { + color: var(--cyan-500) + } + .md\:focus\:text-cyan-500\/10:focus { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:text-cyan-500\/10:hover { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:text-cyan-500\/10:active { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:text-cyan-500\/20:focus { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:text-cyan-500\/20:hover { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:text-cyan-500\/20:active { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:text-cyan-500\/30:focus { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:text-cyan-500\/30:hover { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:text-cyan-500\/30:active { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:text-cyan-500\/40:focus { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:text-cyan-500\/40:hover { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:text-cyan-500\/40:active { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:text-cyan-500\/50:focus { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:text-cyan-500\/50:hover { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:text-cyan-500\/50:active { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:text-cyan-500\/60:focus { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:text-cyan-500\/60:hover { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:text-cyan-500\/60:active { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:text-cyan-500\/70:focus { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:text-cyan-500\/70:hover { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:text-cyan-500\/70:active { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:text-cyan-500\/80:focus { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:text-cyan-500\/80:hover { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:text-cyan-500\/80:active { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:text-cyan-500\/90:focus { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:text-cyan-500\/90:hover { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:text-cyan-500\/90:active { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:text-cyan-600:focus { + color: var(--cyan-600) + } + .md\:hover\:text-cyan-600:hover { + color: var(--cyan-600) + } + .md\:active\:text-cyan-600:active { + color: var(--cyan-600) + } + .md\:focus\:text-cyan-600\/10:focus { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:text-cyan-600\/10:hover { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:text-cyan-600\/10:active { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:text-cyan-600\/20:focus { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:text-cyan-600\/20:hover { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:text-cyan-600\/20:active { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:text-cyan-600\/30:focus { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:text-cyan-600\/30:hover { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:text-cyan-600\/30:active { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:text-cyan-600\/40:focus { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:text-cyan-600\/40:hover { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:text-cyan-600\/40:active { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:text-cyan-600\/50:focus { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:text-cyan-600\/50:hover { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:text-cyan-600\/50:active { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:text-cyan-600\/60:focus { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:text-cyan-600\/60:hover { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:text-cyan-600\/60:active { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:text-cyan-600\/70:focus { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:text-cyan-600\/70:hover { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:text-cyan-600\/70:active { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:text-cyan-600\/80:focus { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:text-cyan-600\/80:hover { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:text-cyan-600\/80:active { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:text-cyan-600\/90:focus { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:text-cyan-600\/90:hover { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:text-cyan-600\/90:active { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:text-cyan-700:focus { + color: var(--cyan-700) + } + .md\:hover\:text-cyan-700:hover { + color: var(--cyan-700) + } + .md\:active\:text-cyan-700:active { + color: var(--cyan-700) + } + .md\:focus\:text-cyan-700\/10:focus { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:text-cyan-700\/10:hover { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:text-cyan-700\/10:active { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:text-cyan-700\/20:focus { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:text-cyan-700\/20:hover { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:text-cyan-700\/20:active { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:text-cyan-700\/30:focus { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:text-cyan-700\/30:hover { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:text-cyan-700\/30:active { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:text-cyan-700\/40:focus { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:text-cyan-700\/40:hover { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:text-cyan-700\/40:active { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:text-cyan-700\/50:focus { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:text-cyan-700\/50:hover { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:text-cyan-700\/50:active { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:text-cyan-700\/60:focus { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:text-cyan-700\/60:hover { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:text-cyan-700\/60:active { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:text-cyan-700\/70:focus { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:text-cyan-700\/70:hover { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:text-cyan-700\/70:active { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:text-cyan-700\/80:focus { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:text-cyan-700\/80:hover { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:text-cyan-700\/80:active { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:text-cyan-700\/90:focus { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:text-cyan-700\/90:hover { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:text-cyan-700\/90:active { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:text-cyan-800:focus { + color: var(--cyan-800) + } + .md\:hover\:text-cyan-800:hover { + color: var(--cyan-800) + } + .md\:active\:text-cyan-800:active { + color: var(--cyan-800) + } + .md\:focus\:text-cyan-800\/10:focus { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:text-cyan-800\/10:hover { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:text-cyan-800\/10:active { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:text-cyan-800\/20:focus { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:text-cyan-800\/20:hover { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:text-cyan-800\/20:active { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:text-cyan-800\/30:focus { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:text-cyan-800\/30:hover { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:text-cyan-800\/30:active { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:text-cyan-800\/40:focus { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:text-cyan-800\/40:hover { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:text-cyan-800\/40:active { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:text-cyan-800\/50:focus { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:text-cyan-800\/50:hover { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:text-cyan-800\/50:active { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:text-cyan-800\/60:focus { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:text-cyan-800\/60:hover { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:text-cyan-800\/60:active { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:text-cyan-800\/70:focus { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:text-cyan-800\/70:hover { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:text-cyan-800\/70:active { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:text-cyan-800\/80:focus { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:text-cyan-800\/80:hover { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:text-cyan-800\/80:active { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:text-cyan-800\/90:focus { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:text-cyan-800\/90:hover { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:text-cyan-800\/90:active { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:text-cyan-900:focus { + color: var(--cyan-900) + } + .md\:hover\:text-cyan-900:hover { + color: var(--cyan-900) + } + .md\:active\:text-cyan-900:active { + color: var(--cyan-900) + } + .md\:focus\:text-cyan-900\/10:focus { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:text-cyan-900\/10:hover { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:text-cyan-900\/10:active { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:text-cyan-900\/20:focus { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:text-cyan-900\/20:hover { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:text-cyan-900\/20:active { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:text-cyan-900\/30:focus { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:text-cyan-900\/30:hover { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:text-cyan-900\/30:active { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:text-cyan-900\/40:focus { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:text-cyan-900\/40:hover { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:text-cyan-900\/40:active { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:text-cyan-900\/50:focus { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:text-cyan-900\/50:hover { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:text-cyan-900\/50:active { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:text-cyan-900\/60:focus { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:text-cyan-900\/60:hover { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:text-cyan-900\/60:active { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:text-cyan-900\/70:focus { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:text-cyan-900\/70:hover { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:text-cyan-900\/70:active { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:text-cyan-900\/80:focus { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:text-cyan-900\/80:hover { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:text-cyan-900\/80:active { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:text-cyan-900\/90:focus { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:text-cyan-900\/90:hover { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:text-cyan-900\/90:active { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:text-pink-50:focus { + color: var(--pink-50) + } + .md\:hover\:text-pink-50:hover { + color: var(--pink-50) + } + .md\:active\:text-pink-50:active { + color: var(--pink-50) + } + .md\:focus\:text-pink-50\/10:focus { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:text-pink-50\/10:hover { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:text-pink-50\/10:active { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:text-pink-50\/20:focus { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:text-pink-50\/20:hover { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:text-pink-50\/20:active { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:text-pink-50\/30:focus { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:text-pink-50\/30:hover { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:text-pink-50\/30:active { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:text-pink-50\/40:focus { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:text-pink-50\/40:hover { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:text-pink-50\/40:active { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:text-pink-50\/50:focus { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:text-pink-50\/50:hover { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:text-pink-50\/50:active { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:text-pink-50\/60:focus { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:text-pink-50\/60:hover { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:text-pink-50\/60:active { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:text-pink-50\/70:focus { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:text-pink-50\/70:hover { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:text-pink-50\/70:active { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:text-pink-50\/80:focus { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:text-pink-50\/80:hover { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:text-pink-50\/80:active { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:text-pink-50\/90:focus { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:text-pink-50\/90:hover { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:text-pink-50\/90:active { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:text-pink-100:focus { + color: var(--pink-100) + } + .md\:hover\:text-pink-100:hover { + color: var(--pink-100) + } + .md\:active\:text-pink-100:active { + color: var(--pink-100) + } + .md\:focus\:text-pink-100\/10:focus { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:text-pink-100\/10:hover { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:text-pink-100\/10:active { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:text-pink-100\/20:focus { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:text-pink-100\/20:hover { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:text-pink-100\/20:active { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:text-pink-100\/30:focus { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:text-pink-100\/30:hover { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:text-pink-100\/30:active { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:text-pink-100\/40:focus { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:text-pink-100\/40:hover { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:text-pink-100\/40:active { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:text-pink-100\/50:focus { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:text-pink-100\/50:hover { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:text-pink-100\/50:active { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:text-pink-100\/60:focus { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:text-pink-100\/60:hover { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:text-pink-100\/60:active { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:text-pink-100\/70:focus { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:text-pink-100\/70:hover { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:text-pink-100\/70:active { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:text-pink-100\/80:focus { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:text-pink-100\/80:hover { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:text-pink-100\/80:active { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:text-pink-100\/90:focus { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:text-pink-100\/90:hover { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:text-pink-100\/90:active { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:text-pink-200:focus { + color: var(--pink-200) + } + .md\:hover\:text-pink-200:hover { + color: var(--pink-200) + } + .md\:active\:text-pink-200:active { + color: var(--pink-200) + } + .md\:focus\:text-pink-200\/10:focus { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:text-pink-200\/10:hover { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:text-pink-200\/10:active { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:text-pink-200\/20:focus { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:text-pink-200\/20:hover { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:text-pink-200\/20:active { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:text-pink-200\/30:focus { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:text-pink-200\/30:hover { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:text-pink-200\/30:active { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:text-pink-200\/40:focus { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:text-pink-200\/40:hover { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:text-pink-200\/40:active { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:text-pink-200\/50:focus { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:text-pink-200\/50:hover { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:text-pink-200\/50:active { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:text-pink-200\/60:focus { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:text-pink-200\/60:hover { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:text-pink-200\/60:active { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:text-pink-200\/70:focus { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:text-pink-200\/70:hover { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:text-pink-200\/70:active { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:text-pink-200\/80:focus { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:text-pink-200\/80:hover { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:text-pink-200\/80:active { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:text-pink-200\/90:focus { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:text-pink-200\/90:hover { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:text-pink-200\/90:active { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:text-pink-300:focus { + color: var(--pink-300) + } + .md\:hover\:text-pink-300:hover { + color: var(--pink-300) + } + .md\:active\:text-pink-300:active { + color: var(--pink-300) + } + .md\:focus\:text-pink-300\/10:focus { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:text-pink-300\/10:hover { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:text-pink-300\/10:active { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:text-pink-300\/20:focus { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:text-pink-300\/20:hover { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:text-pink-300\/20:active { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:text-pink-300\/30:focus { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:text-pink-300\/30:hover { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:text-pink-300\/30:active { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:text-pink-300\/40:focus { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:text-pink-300\/40:hover { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:text-pink-300\/40:active { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:text-pink-300\/50:focus { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:text-pink-300\/50:hover { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:text-pink-300\/50:active { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:text-pink-300\/60:focus { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:text-pink-300\/60:hover { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:text-pink-300\/60:active { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:text-pink-300\/70:focus { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:text-pink-300\/70:hover { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:text-pink-300\/70:active { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:text-pink-300\/80:focus { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:text-pink-300\/80:hover { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:text-pink-300\/80:active { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:text-pink-300\/90:focus { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:text-pink-300\/90:hover { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:text-pink-300\/90:active { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:text-pink-400:focus { + color: var(--pink-400) + } + .md\:hover\:text-pink-400:hover { + color: var(--pink-400) + } + .md\:active\:text-pink-400:active { + color: var(--pink-400) + } + .md\:focus\:text-pink-400\/10:focus { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:text-pink-400\/10:hover { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:text-pink-400\/10:active { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:text-pink-400\/20:focus { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:text-pink-400\/20:hover { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:text-pink-400\/20:active { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:text-pink-400\/30:focus { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:text-pink-400\/30:hover { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:text-pink-400\/30:active { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:text-pink-400\/40:focus { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:text-pink-400\/40:hover { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:text-pink-400\/40:active { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:text-pink-400\/50:focus { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:text-pink-400\/50:hover { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:text-pink-400\/50:active { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:text-pink-400\/60:focus { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:text-pink-400\/60:hover { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:text-pink-400\/60:active { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:text-pink-400\/70:focus { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:text-pink-400\/70:hover { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:text-pink-400\/70:active { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:text-pink-400\/80:focus { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:text-pink-400\/80:hover { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:text-pink-400\/80:active { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:text-pink-400\/90:focus { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:text-pink-400\/90:hover { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:text-pink-400\/90:active { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:text-pink-500:focus { + color: var(--pink-500) + } + .md\:hover\:text-pink-500:hover { + color: var(--pink-500) + } + .md\:active\:text-pink-500:active { + color: var(--pink-500) + } + .md\:focus\:text-pink-500\/10:focus { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:text-pink-500\/10:hover { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:text-pink-500\/10:active { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:text-pink-500\/20:focus { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:text-pink-500\/20:hover { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:text-pink-500\/20:active { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:text-pink-500\/30:focus { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:text-pink-500\/30:hover { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:text-pink-500\/30:active { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:text-pink-500\/40:focus { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:text-pink-500\/40:hover { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:text-pink-500\/40:active { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:text-pink-500\/50:focus { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:text-pink-500\/50:hover { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:text-pink-500\/50:active { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:text-pink-500\/60:focus { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:text-pink-500\/60:hover { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:text-pink-500\/60:active { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:text-pink-500\/70:focus { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:text-pink-500\/70:hover { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:text-pink-500\/70:active { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:text-pink-500\/80:focus { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:text-pink-500\/80:hover { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:text-pink-500\/80:active { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:text-pink-500\/90:focus { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:text-pink-500\/90:hover { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:text-pink-500\/90:active { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:text-pink-600:focus { + color: var(--pink-600) + } + .md\:hover\:text-pink-600:hover { + color: var(--pink-600) + } + .md\:active\:text-pink-600:active { + color: var(--pink-600) + } + .md\:focus\:text-pink-600\/10:focus { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:text-pink-600\/10:hover { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:text-pink-600\/10:active { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:text-pink-600\/20:focus { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:text-pink-600\/20:hover { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:text-pink-600\/20:active { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:text-pink-600\/30:focus { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:text-pink-600\/30:hover { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:text-pink-600\/30:active { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:text-pink-600\/40:focus { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:text-pink-600\/40:hover { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:text-pink-600\/40:active { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:text-pink-600\/50:focus { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:text-pink-600\/50:hover { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:text-pink-600\/50:active { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:text-pink-600\/60:focus { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:text-pink-600\/60:hover { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:text-pink-600\/60:active { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:text-pink-600\/70:focus { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:text-pink-600\/70:hover { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:text-pink-600\/70:active { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:text-pink-600\/80:focus { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:text-pink-600\/80:hover { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:text-pink-600\/80:active { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:text-pink-600\/90:focus { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:text-pink-600\/90:hover { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:text-pink-600\/90:active { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:text-pink-700:focus { + color: var(--pink-700) + } + .md\:hover\:text-pink-700:hover { + color: var(--pink-700) + } + .md\:active\:text-pink-700:active { + color: var(--pink-700) + } + .md\:focus\:text-pink-700\/10:focus { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:text-pink-700\/10:hover { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:text-pink-700\/10:active { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:text-pink-700\/20:focus { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:text-pink-700\/20:hover { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:text-pink-700\/20:active { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:text-pink-700\/30:focus { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:text-pink-700\/30:hover { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:text-pink-700\/30:active { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:text-pink-700\/40:focus { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:text-pink-700\/40:hover { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:text-pink-700\/40:active { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:text-pink-700\/50:focus { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:text-pink-700\/50:hover { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:text-pink-700\/50:active { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:text-pink-700\/60:focus { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:text-pink-700\/60:hover { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:text-pink-700\/60:active { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:text-pink-700\/70:focus { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:text-pink-700\/70:hover { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:text-pink-700\/70:active { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:text-pink-700\/80:focus { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:text-pink-700\/80:hover { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:text-pink-700\/80:active { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:text-pink-700\/90:focus { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:text-pink-700\/90:hover { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:text-pink-700\/90:active { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:text-pink-800:focus { + color: var(--pink-800) + } + .md\:hover\:text-pink-800:hover { + color: var(--pink-800) + } + .md\:active\:text-pink-800:active { + color: var(--pink-800) + } + .md\:focus\:text-pink-800\/10:focus { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:text-pink-800\/10:hover { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:text-pink-800\/10:active { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:text-pink-800\/20:focus { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:text-pink-800\/20:hover { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:text-pink-800\/20:active { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:text-pink-800\/30:focus { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:text-pink-800\/30:hover { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:text-pink-800\/30:active { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:text-pink-800\/40:focus { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:text-pink-800\/40:hover { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:text-pink-800\/40:active { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:text-pink-800\/50:focus { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:text-pink-800\/50:hover { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:text-pink-800\/50:active { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:text-pink-800\/60:focus { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:text-pink-800\/60:hover { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:text-pink-800\/60:active { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:text-pink-800\/70:focus { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:text-pink-800\/70:hover { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:text-pink-800\/70:active { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:text-pink-800\/80:focus { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:text-pink-800\/80:hover { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:text-pink-800\/80:active { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:text-pink-800\/90:focus { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:text-pink-800\/90:hover { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:text-pink-800\/90:active { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:text-pink-900:focus { + color: var(--pink-900) + } + .md\:hover\:text-pink-900:hover { + color: var(--pink-900) + } + .md\:active\:text-pink-900:active { + color: var(--pink-900) + } + .md\:focus\:text-pink-900\/10:focus { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:text-pink-900\/10:hover { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:text-pink-900\/10:active { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:text-pink-900\/20:focus { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:text-pink-900\/20:hover { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:text-pink-900\/20:active { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:text-pink-900\/30:focus { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:text-pink-900\/30:hover { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:text-pink-900\/30:active { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:text-pink-900\/40:focus { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:text-pink-900\/40:hover { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:text-pink-900\/40:active { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:text-pink-900\/50:focus { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:text-pink-900\/50:hover { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:text-pink-900\/50:active { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:text-pink-900\/60:focus { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:text-pink-900\/60:hover { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:text-pink-900\/60:active { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:text-pink-900\/70:focus { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:text-pink-900\/70:hover { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:text-pink-900\/70:active { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:text-pink-900\/80:focus { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:text-pink-900\/80:hover { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:text-pink-900\/80:active { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:text-pink-900\/90:focus { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:text-pink-900\/90:hover { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:text-pink-900\/90:active { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:text-indigo-50:focus { + color: var(--indigo-50) + } + .md\:hover\:text-indigo-50:hover { + color: var(--indigo-50) + } + .md\:active\:text-indigo-50:active { + color: var(--indigo-50) + } + .md\:focus\:text-indigo-50\/10:focus { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:text-indigo-50\/10:hover { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:text-indigo-50\/10:active { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:text-indigo-50\/20:focus { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:text-indigo-50\/20:hover { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:text-indigo-50\/20:active { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:text-indigo-50\/30:focus { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:text-indigo-50\/30:hover { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:text-indigo-50\/30:active { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:text-indigo-50\/40:focus { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:text-indigo-50\/40:hover { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:text-indigo-50\/40:active { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:text-indigo-50\/50:focus { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:text-indigo-50\/50:hover { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:text-indigo-50\/50:active { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:text-indigo-50\/60:focus { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:text-indigo-50\/60:hover { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:text-indigo-50\/60:active { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:text-indigo-50\/70:focus { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:text-indigo-50\/70:hover { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:text-indigo-50\/70:active { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:text-indigo-50\/80:focus { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:text-indigo-50\/80:hover { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:text-indigo-50\/80:active { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:text-indigo-50\/90:focus { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:text-indigo-50\/90:hover { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:text-indigo-50\/90:active { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:text-indigo-100:focus { + color: var(--indigo-100) + } + .md\:hover\:text-indigo-100:hover { + color: var(--indigo-100) + } + .md\:active\:text-indigo-100:active { + color: var(--indigo-100) + } + .md\:focus\:text-indigo-100\/10:focus { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:text-indigo-100\/10:hover { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:text-indigo-100\/10:active { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:text-indigo-100\/20:focus { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:text-indigo-100\/20:hover { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:text-indigo-100\/20:active { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:text-indigo-100\/30:focus { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:text-indigo-100\/30:hover { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:text-indigo-100\/30:active { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:text-indigo-100\/40:focus { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:text-indigo-100\/40:hover { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:text-indigo-100\/40:active { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:text-indigo-100\/50:focus { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:text-indigo-100\/50:hover { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:text-indigo-100\/50:active { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:text-indigo-100\/60:focus { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:text-indigo-100\/60:hover { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:text-indigo-100\/60:active { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:text-indigo-100\/70:focus { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:text-indigo-100\/70:hover { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:text-indigo-100\/70:active { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:text-indigo-100\/80:focus { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:text-indigo-100\/80:hover { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:text-indigo-100\/80:active { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:text-indigo-100\/90:focus { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:text-indigo-100\/90:hover { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:text-indigo-100\/90:active { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:text-indigo-200:focus { + color: var(--indigo-200) + } + .md\:hover\:text-indigo-200:hover { + color: var(--indigo-200) + } + .md\:active\:text-indigo-200:active { + color: var(--indigo-200) + } + .md\:focus\:text-indigo-200\/10:focus { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:text-indigo-200\/10:hover { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:text-indigo-200\/10:active { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:text-indigo-200\/20:focus { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:text-indigo-200\/20:hover { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:text-indigo-200\/20:active { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:text-indigo-200\/30:focus { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:text-indigo-200\/30:hover { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:text-indigo-200\/30:active { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:text-indigo-200\/40:focus { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:text-indigo-200\/40:hover { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:text-indigo-200\/40:active { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:text-indigo-200\/50:focus { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:text-indigo-200\/50:hover { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:text-indigo-200\/50:active { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:text-indigo-200\/60:focus { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:text-indigo-200\/60:hover { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:text-indigo-200\/60:active { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:text-indigo-200\/70:focus { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:text-indigo-200\/70:hover { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:text-indigo-200\/70:active { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:text-indigo-200\/80:focus { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:text-indigo-200\/80:hover { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:text-indigo-200\/80:active { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:text-indigo-200\/90:focus { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:text-indigo-200\/90:hover { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:text-indigo-200\/90:active { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:text-indigo-300:focus { + color: var(--indigo-300) + } + .md\:hover\:text-indigo-300:hover { + color: var(--indigo-300) + } + .md\:active\:text-indigo-300:active { + color: var(--indigo-300) + } + .md\:focus\:text-indigo-300\/10:focus { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:text-indigo-300\/10:hover { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:text-indigo-300\/10:active { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:text-indigo-300\/20:focus { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:text-indigo-300\/20:hover { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:text-indigo-300\/20:active { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:text-indigo-300\/30:focus { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:text-indigo-300\/30:hover { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:text-indigo-300\/30:active { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:text-indigo-300\/40:focus { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:text-indigo-300\/40:hover { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:text-indigo-300\/40:active { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:text-indigo-300\/50:focus { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:text-indigo-300\/50:hover { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:text-indigo-300\/50:active { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:text-indigo-300\/60:focus { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:text-indigo-300\/60:hover { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:text-indigo-300\/60:active { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:text-indigo-300\/70:focus { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:text-indigo-300\/70:hover { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:text-indigo-300\/70:active { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:text-indigo-300\/80:focus { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:text-indigo-300\/80:hover { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:text-indigo-300\/80:active { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:text-indigo-300\/90:focus { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:text-indigo-300\/90:hover { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:text-indigo-300\/90:active { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:text-indigo-400:focus { + color: var(--indigo-400) + } + .md\:hover\:text-indigo-400:hover { + color: var(--indigo-400) + } + .md\:active\:text-indigo-400:active { + color: var(--indigo-400) + } + .md\:focus\:text-indigo-400\/10:focus { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:text-indigo-400\/10:hover { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:text-indigo-400\/10:active { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:text-indigo-400\/20:focus { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:text-indigo-400\/20:hover { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:text-indigo-400\/20:active { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:text-indigo-400\/30:focus { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:text-indigo-400\/30:hover { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:text-indigo-400\/30:active { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:text-indigo-400\/40:focus { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:text-indigo-400\/40:hover { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:text-indigo-400\/40:active { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:text-indigo-400\/50:focus { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:text-indigo-400\/50:hover { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:text-indigo-400\/50:active { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:text-indigo-400\/60:focus { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:text-indigo-400\/60:hover { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:text-indigo-400\/60:active { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:text-indigo-400\/70:focus { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:text-indigo-400\/70:hover { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:text-indigo-400\/70:active { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:text-indigo-400\/80:focus { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:text-indigo-400\/80:hover { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:text-indigo-400\/80:active { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:text-indigo-400\/90:focus { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:text-indigo-400\/90:hover { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:text-indigo-400\/90:active { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:text-indigo-500:focus { + color: var(--indigo-500) + } + .md\:hover\:text-indigo-500:hover { + color: var(--indigo-500) + } + .md\:active\:text-indigo-500:active { + color: var(--indigo-500) + } + .md\:focus\:text-indigo-500\/10:focus { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:text-indigo-500\/10:hover { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:text-indigo-500\/10:active { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:text-indigo-500\/20:focus { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:text-indigo-500\/20:hover { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:text-indigo-500\/20:active { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:text-indigo-500\/30:focus { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:text-indigo-500\/30:hover { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:text-indigo-500\/30:active { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:text-indigo-500\/40:focus { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:text-indigo-500\/40:hover { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:text-indigo-500\/40:active { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:text-indigo-500\/50:focus { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:text-indigo-500\/50:hover { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:text-indigo-500\/50:active { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:text-indigo-500\/60:focus { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:text-indigo-500\/60:hover { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:text-indigo-500\/60:active { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:text-indigo-500\/70:focus { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:text-indigo-500\/70:hover { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:text-indigo-500\/70:active { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:text-indigo-500\/80:focus { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:text-indigo-500\/80:hover { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:text-indigo-500\/80:active { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:text-indigo-500\/90:focus { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:text-indigo-500\/90:hover { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:text-indigo-500\/90:active { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:text-indigo-600:focus { + color: var(--indigo-600) + } + .md\:hover\:text-indigo-600:hover { + color: var(--indigo-600) + } + .md\:active\:text-indigo-600:active { + color: var(--indigo-600) + } + .md\:focus\:text-indigo-600\/10:focus { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:text-indigo-600\/10:hover { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:text-indigo-600\/10:active { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:text-indigo-600\/20:focus { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:text-indigo-600\/20:hover { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:text-indigo-600\/20:active { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:text-indigo-600\/30:focus { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:text-indigo-600\/30:hover { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:text-indigo-600\/30:active { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:text-indigo-600\/40:focus { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:text-indigo-600\/40:hover { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:text-indigo-600\/40:active { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:text-indigo-600\/50:focus { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:text-indigo-600\/50:hover { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:text-indigo-600\/50:active { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:text-indigo-600\/60:focus { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:text-indigo-600\/60:hover { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:text-indigo-600\/60:active { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:text-indigo-600\/70:focus { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:text-indigo-600\/70:hover { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:text-indigo-600\/70:active { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:text-indigo-600\/80:focus { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:text-indigo-600\/80:hover { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:text-indigo-600\/80:active { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:text-indigo-600\/90:focus { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:text-indigo-600\/90:hover { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:text-indigo-600\/90:active { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:text-indigo-700:focus { + color: var(--indigo-700) + } + .md\:hover\:text-indigo-700:hover { + color: var(--indigo-700) + } + .md\:active\:text-indigo-700:active { + color: var(--indigo-700) + } + .md\:focus\:text-indigo-700\/10:focus { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:text-indigo-700\/10:hover { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:text-indigo-700\/10:active { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:text-indigo-700\/20:focus { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:text-indigo-700\/20:hover { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:text-indigo-700\/20:active { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:text-indigo-700\/30:focus { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:text-indigo-700\/30:hover { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:text-indigo-700\/30:active { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:text-indigo-700\/40:focus { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:text-indigo-700\/40:hover { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:text-indigo-700\/40:active { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:text-indigo-700\/50:focus { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:text-indigo-700\/50:hover { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:text-indigo-700\/50:active { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:text-indigo-700\/60:focus { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:text-indigo-700\/60:hover { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:text-indigo-700\/60:active { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:text-indigo-700\/70:focus { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:text-indigo-700\/70:hover { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:text-indigo-700\/70:active { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:text-indigo-700\/80:focus { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:text-indigo-700\/80:hover { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:text-indigo-700\/80:active { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:text-indigo-700\/90:focus { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:text-indigo-700\/90:hover { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:text-indigo-700\/90:active { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:text-indigo-800:focus { + color: var(--indigo-800) + } + .md\:hover\:text-indigo-800:hover { + color: var(--indigo-800) + } + .md\:active\:text-indigo-800:active { + color: var(--indigo-800) + } + .md\:focus\:text-indigo-800\/10:focus { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:text-indigo-800\/10:hover { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:text-indigo-800\/10:active { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:text-indigo-800\/20:focus { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:text-indigo-800\/20:hover { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:text-indigo-800\/20:active { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:text-indigo-800\/30:focus { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:text-indigo-800\/30:hover { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:text-indigo-800\/30:active { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:text-indigo-800\/40:focus { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:text-indigo-800\/40:hover { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:text-indigo-800\/40:active { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:text-indigo-800\/50:focus { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:text-indigo-800\/50:hover { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:text-indigo-800\/50:active { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:text-indigo-800\/60:focus { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:text-indigo-800\/60:hover { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:text-indigo-800\/60:active { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:text-indigo-800\/70:focus { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:text-indigo-800\/70:hover { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:text-indigo-800\/70:active { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:text-indigo-800\/80:focus { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:text-indigo-800\/80:hover { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:text-indigo-800\/80:active { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:text-indigo-800\/90:focus { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:text-indigo-800\/90:hover { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:text-indigo-800\/90:active { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:text-indigo-900:focus { + color: var(--indigo-900) + } + .md\:hover\:text-indigo-900:hover { + color: var(--indigo-900) + } + .md\:active\:text-indigo-900:active { + color: var(--indigo-900) + } + .md\:focus\:text-indigo-900\/10:focus { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:text-indigo-900\/10:hover { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:text-indigo-900\/10:active { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:text-indigo-900\/20:focus { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:text-indigo-900\/20:hover { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:text-indigo-900\/20:active { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:text-indigo-900\/30:focus { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:text-indigo-900\/30:hover { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:text-indigo-900\/30:active { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:text-indigo-900\/40:focus { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:text-indigo-900\/40:hover { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:text-indigo-900\/40:active { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:text-indigo-900\/50:focus { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:text-indigo-900\/50:hover { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:text-indigo-900\/50:active { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:text-indigo-900\/60:focus { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:text-indigo-900\/60:hover { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:text-indigo-900\/60:active { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:text-indigo-900\/70:focus { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:text-indigo-900\/70:hover { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:text-indigo-900\/70:active { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:text-indigo-900\/80:focus { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:text-indigo-900\/80:hover { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:text-indigo-900\/80:active { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:text-indigo-900\/90:focus { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:text-indigo-900\/90:hover { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:text-indigo-900\/90:active { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:text-teal-50:focus { + color: var(--teal-50) + } + .md\:hover\:text-teal-50:hover { + color: var(--teal-50) + } + .md\:active\:text-teal-50:active { + color: var(--teal-50) + } + .md\:focus\:text-teal-50\/10:focus { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:text-teal-50\/10:hover { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:text-teal-50\/10:active { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:text-teal-50\/20:focus { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:text-teal-50\/20:hover { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:text-teal-50\/20:active { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:text-teal-50\/30:focus { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:text-teal-50\/30:hover { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:text-teal-50\/30:active { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:text-teal-50\/40:focus { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:text-teal-50\/40:hover { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:text-teal-50\/40:active { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:text-teal-50\/50:focus { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:text-teal-50\/50:hover { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:text-teal-50\/50:active { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:text-teal-50\/60:focus { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:text-teal-50\/60:hover { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:text-teal-50\/60:active { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:text-teal-50\/70:focus { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:text-teal-50\/70:hover { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:text-teal-50\/70:active { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:text-teal-50\/80:focus { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:text-teal-50\/80:hover { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:text-teal-50\/80:active { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:text-teal-50\/90:focus { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:text-teal-50\/90:hover { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:text-teal-50\/90:active { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:text-teal-100:focus { + color: var(--teal-100) + } + .md\:hover\:text-teal-100:hover { + color: var(--teal-100) + } + .md\:active\:text-teal-100:active { + color: var(--teal-100) + } + .md\:focus\:text-teal-100\/10:focus { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:text-teal-100\/10:hover { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:text-teal-100\/10:active { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:text-teal-100\/20:focus { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:text-teal-100\/20:hover { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:text-teal-100\/20:active { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:text-teal-100\/30:focus { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:text-teal-100\/30:hover { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:text-teal-100\/30:active { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:text-teal-100\/40:focus { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:text-teal-100\/40:hover { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:text-teal-100\/40:active { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:text-teal-100\/50:focus { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:text-teal-100\/50:hover { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:text-teal-100\/50:active { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:text-teal-100\/60:focus { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:text-teal-100\/60:hover { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:text-teal-100\/60:active { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:text-teal-100\/70:focus { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:text-teal-100\/70:hover { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:text-teal-100\/70:active { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:text-teal-100\/80:focus { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:text-teal-100\/80:hover { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:text-teal-100\/80:active { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:text-teal-100\/90:focus { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:text-teal-100\/90:hover { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:text-teal-100\/90:active { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:text-teal-200:focus { + color: var(--teal-200) + } + .md\:hover\:text-teal-200:hover { + color: var(--teal-200) + } + .md\:active\:text-teal-200:active { + color: var(--teal-200) + } + .md\:focus\:text-teal-200\/10:focus { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:text-teal-200\/10:hover { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:text-teal-200\/10:active { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:text-teal-200\/20:focus { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:text-teal-200\/20:hover { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:text-teal-200\/20:active { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:text-teal-200\/30:focus { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:text-teal-200\/30:hover { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:text-teal-200\/30:active { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:text-teal-200\/40:focus { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:text-teal-200\/40:hover { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:text-teal-200\/40:active { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:text-teal-200\/50:focus { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:text-teal-200\/50:hover { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:text-teal-200\/50:active { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:text-teal-200\/60:focus { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:text-teal-200\/60:hover { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:text-teal-200\/60:active { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:text-teal-200\/70:focus { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:text-teal-200\/70:hover { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:text-teal-200\/70:active { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:text-teal-200\/80:focus { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:text-teal-200\/80:hover { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:text-teal-200\/80:active { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:text-teal-200\/90:focus { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:text-teal-200\/90:hover { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:text-teal-200\/90:active { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:text-teal-300:focus { + color: var(--teal-300) + } + .md\:hover\:text-teal-300:hover { + color: var(--teal-300) + } + .md\:active\:text-teal-300:active { + color: var(--teal-300) + } + .md\:focus\:text-teal-300\/10:focus { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:text-teal-300\/10:hover { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:text-teal-300\/10:active { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:text-teal-300\/20:focus { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:text-teal-300\/20:hover { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:text-teal-300\/20:active { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:text-teal-300\/30:focus { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:text-teal-300\/30:hover { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:text-teal-300\/30:active { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:text-teal-300\/40:focus { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:text-teal-300\/40:hover { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:text-teal-300\/40:active { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:text-teal-300\/50:focus { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:text-teal-300\/50:hover { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:text-teal-300\/50:active { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:text-teal-300\/60:focus { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:text-teal-300\/60:hover { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:text-teal-300\/60:active { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:text-teal-300\/70:focus { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:text-teal-300\/70:hover { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:text-teal-300\/70:active { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:text-teal-300\/80:focus { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:text-teal-300\/80:hover { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:text-teal-300\/80:active { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:text-teal-300\/90:focus { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:text-teal-300\/90:hover { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:text-teal-300\/90:active { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:text-teal-400:focus { + color: var(--teal-400) + } + .md\:hover\:text-teal-400:hover { + color: var(--teal-400) + } + .md\:active\:text-teal-400:active { + color: var(--teal-400) + } + .md\:focus\:text-teal-400\/10:focus { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:text-teal-400\/10:hover { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:text-teal-400\/10:active { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:text-teal-400\/20:focus { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:text-teal-400\/20:hover { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:text-teal-400\/20:active { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:text-teal-400\/30:focus { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:text-teal-400\/30:hover { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:text-teal-400\/30:active { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:text-teal-400\/40:focus { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:text-teal-400\/40:hover { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:text-teal-400\/40:active { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:text-teal-400\/50:focus { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:text-teal-400\/50:hover { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:text-teal-400\/50:active { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:text-teal-400\/60:focus { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:text-teal-400\/60:hover { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:text-teal-400\/60:active { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:text-teal-400\/70:focus { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:text-teal-400\/70:hover { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:text-teal-400\/70:active { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:text-teal-400\/80:focus { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:text-teal-400\/80:hover { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:text-teal-400\/80:active { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:text-teal-400\/90:focus { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:text-teal-400\/90:hover { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:text-teal-400\/90:active { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:text-teal-500:focus { + color: var(--teal-500) + } + .md\:hover\:text-teal-500:hover { + color: var(--teal-500) + } + .md\:active\:text-teal-500:active { + color: var(--teal-500) + } + .md\:focus\:text-teal-500\/10:focus { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:text-teal-500\/10:hover { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:text-teal-500\/10:active { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:text-teal-500\/20:focus { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:text-teal-500\/20:hover { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:text-teal-500\/20:active { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:text-teal-500\/30:focus { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:text-teal-500\/30:hover { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:text-teal-500\/30:active { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:text-teal-500\/40:focus { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:text-teal-500\/40:hover { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:text-teal-500\/40:active { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:text-teal-500\/50:focus { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:text-teal-500\/50:hover { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:text-teal-500\/50:active { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:text-teal-500\/60:focus { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:text-teal-500\/60:hover { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:text-teal-500\/60:active { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:text-teal-500\/70:focus { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:text-teal-500\/70:hover { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:text-teal-500\/70:active { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:text-teal-500\/80:focus { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:text-teal-500\/80:hover { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:text-teal-500\/80:active { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:text-teal-500\/90:focus { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:text-teal-500\/90:hover { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:text-teal-500\/90:active { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:text-teal-600:focus { + color: var(--teal-600) + } + .md\:hover\:text-teal-600:hover { + color: var(--teal-600) + } + .md\:active\:text-teal-600:active { + color: var(--teal-600) + } + .md\:focus\:text-teal-600\/10:focus { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:text-teal-600\/10:hover { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:text-teal-600\/10:active { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:text-teal-600\/20:focus { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:text-teal-600\/20:hover { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:text-teal-600\/20:active { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:text-teal-600\/30:focus { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:text-teal-600\/30:hover { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:text-teal-600\/30:active { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:text-teal-600\/40:focus { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:text-teal-600\/40:hover { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:text-teal-600\/40:active { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:text-teal-600\/50:focus { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:text-teal-600\/50:hover { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:text-teal-600\/50:active { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:text-teal-600\/60:focus { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:text-teal-600\/60:hover { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:text-teal-600\/60:active { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:text-teal-600\/70:focus { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:text-teal-600\/70:hover { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:text-teal-600\/70:active { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:text-teal-600\/80:focus { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:text-teal-600\/80:hover { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:text-teal-600\/80:active { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:text-teal-600\/90:focus { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:text-teal-600\/90:hover { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:text-teal-600\/90:active { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:text-teal-700:focus { + color: var(--teal-700) + } + .md\:hover\:text-teal-700:hover { + color: var(--teal-700) + } + .md\:active\:text-teal-700:active { + color: var(--teal-700) + } + .md\:focus\:text-teal-700\/10:focus { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:text-teal-700\/10:hover { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:text-teal-700\/10:active { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:text-teal-700\/20:focus { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:text-teal-700\/20:hover { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:text-teal-700\/20:active { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:text-teal-700\/30:focus { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:text-teal-700\/30:hover { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:text-teal-700\/30:active { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:text-teal-700\/40:focus { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:text-teal-700\/40:hover { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:text-teal-700\/40:active { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:text-teal-700\/50:focus { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:text-teal-700\/50:hover { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:text-teal-700\/50:active { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:text-teal-700\/60:focus { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:text-teal-700\/60:hover { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:text-teal-700\/60:active { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:text-teal-700\/70:focus { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:text-teal-700\/70:hover { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:text-teal-700\/70:active { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:text-teal-700\/80:focus { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:text-teal-700\/80:hover { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:text-teal-700\/80:active { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:text-teal-700\/90:focus { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:text-teal-700\/90:hover { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:text-teal-700\/90:active { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:text-teal-800:focus { + color: var(--teal-800) + } + .md\:hover\:text-teal-800:hover { + color: var(--teal-800) + } + .md\:active\:text-teal-800:active { + color: var(--teal-800) + } + .md\:focus\:text-teal-800\/10:focus { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:text-teal-800\/10:hover { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:text-teal-800\/10:active { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:text-teal-800\/20:focus { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:text-teal-800\/20:hover { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:text-teal-800\/20:active { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:text-teal-800\/30:focus { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:text-teal-800\/30:hover { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:text-teal-800\/30:active { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:text-teal-800\/40:focus { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:text-teal-800\/40:hover { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:text-teal-800\/40:active { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:text-teal-800\/50:focus { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:text-teal-800\/50:hover { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:text-teal-800\/50:active { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:text-teal-800\/60:focus { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:text-teal-800\/60:hover { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:text-teal-800\/60:active { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:text-teal-800\/70:focus { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:text-teal-800\/70:hover { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:text-teal-800\/70:active { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:text-teal-800\/80:focus { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:text-teal-800\/80:hover { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:text-teal-800\/80:active { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:text-teal-800\/90:focus { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:text-teal-800\/90:hover { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:text-teal-800\/90:active { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:text-teal-900:focus { + color: var(--teal-900) + } + .md\:hover\:text-teal-900:hover { + color: var(--teal-900) + } + .md\:active\:text-teal-900:active { + color: var(--teal-900) + } + .md\:focus\:text-teal-900\/10:focus { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:text-teal-900\/10:hover { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:text-teal-900\/10:active { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:text-teal-900\/20:focus { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:text-teal-900\/20:hover { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:text-teal-900\/20:active { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:text-teal-900\/30:focus { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:text-teal-900\/30:hover { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:text-teal-900\/30:active { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:text-teal-900\/40:focus { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:text-teal-900\/40:hover { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:text-teal-900\/40:active { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:text-teal-900\/50:focus { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:text-teal-900\/50:hover { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:text-teal-900\/50:active { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:text-teal-900\/60:focus { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:text-teal-900\/60:hover { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:text-teal-900\/60:active { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:text-teal-900\/70:focus { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:text-teal-900\/70:hover { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:text-teal-900\/70:active { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:text-teal-900\/80:focus { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:text-teal-900\/80:hover { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:text-teal-900\/80:active { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:text-teal-900\/90:focus { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:text-teal-900\/90:hover { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:text-teal-900\/90:active { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:text-orange-50:focus { + color: var(--orange-50) + } + .md\:hover\:text-orange-50:hover { + color: var(--orange-50) + } + .md\:active\:text-orange-50:active { + color: var(--orange-50) + } + .md\:focus\:text-orange-50\/10:focus { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:text-orange-50\/10:hover { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:text-orange-50\/10:active { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:text-orange-50\/20:focus { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:text-orange-50\/20:hover { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:text-orange-50\/20:active { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:text-orange-50\/30:focus { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:text-orange-50\/30:hover { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:text-orange-50\/30:active { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:text-orange-50\/40:focus { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:text-orange-50\/40:hover { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:text-orange-50\/40:active { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:text-orange-50\/50:focus { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:text-orange-50\/50:hover { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:text-orange-50\/50:active { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:text-orange-50\/60:focus { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:text-orange-50\/60:hover { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:text-orange-50\/60:active { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:text-orange-50\/70:focus { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:text-orange-50\/70:hover { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:text-orange-50\/70:active { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:text-orange-50\/80:focus { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:text-orange-50\/80:hover { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:text-orange-50\/80:active { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:text-orange-50\/90:focus { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:text-orange-50\/90:hover { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:text-orange-50\/90:active { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:text-orange-100:focus { + color: var(--orange-100) + } + .md\:hover\:text-orange-100:hover { + color: var(--orange-100) + } + .md\:active\:text-orange-100:active { + color: var(--orange-100) + } + .md\:focus\:text-orange-100\/10:focus { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:text-orange-100\/10:hover { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:text-orange-100\/10:active { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:text-orange-100\/20:focus { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:text-orange-100\/20:hover { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:text-orange-100\/20:active { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:text-orange-100\/30:focus { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:text-orange-100\/30:hover { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:text-orange-100\/30:active { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:text-orange-100\/40:focus { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:text-orange-100\/40:hover { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:text-orange-100\/40:active { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:text-orange-100\/50:focus { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:text-orange-100\/50:hover { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:text-orange-100\/50:active { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:text-orange-100\/60:focus { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:text-orange-100\/60:hover { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:text-orange-100\/60:active { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:text-orange-100\/70:focus { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:text-orange-100\/70:hover { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:text-orange-100\/70:active { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:text-orange-100\/80:focus { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:text-orange-100\/80:hover { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:text-orange-100\/80:active { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:text-orange-100\/90:focus { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:text-orange-100\/90:hover { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:text-orange-100\/90:active { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:text-orange-200:focus { + color: var(--orange-200) + } + .md\:hover\:text-orange-200:hover { + color: var(--orange-200) + } + .md\:active\:text-orange-200:active { + color: var(--orange-200) + } + .md\:focus\:text-orange-200\/10:focus { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:text-orange-200\/10:hover { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:text-orange-200\/10:active { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:text-orange-200\/20:focus { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:text-orange-200\/20:hover { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:text-orange-200\/20:active { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:text-orange-200\/30:focus { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:text-orange-200\/30:hover { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:text-orange-200\/30:active { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:text-orange-200\/40:focus { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:text-orange-200\/40:hover { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:text-orange-200\/40:active { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:text-orange-200\/50:focus { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:text-orange-200\/50:hover { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:text-orange-200\/50:active { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:text-orange-200\/60:focus { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:text-orange-200\/60:hover { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:text-orange-200\/60:active { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:text-orange-200\/70:focus { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:text-orange-200\/70:hover { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:text-orange-200\/70:active { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:text-orange-200\/80:focus { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:text-orange-200\/80:hover { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:text-orange-200\/80:active { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:text-orange-200\/90:focus { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:text-orange-200\/90:hover { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:text-orange-200\/90:active { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:text-orange-300:focus { + color: var(--orange-300) + } + .md\:hover\:text-orange-300:hover { + color: var(--orange-300) + } + .md\:active\:text-orange-300:active { + color: var(--orange-300) + } + .md\:focus\:text-orange-300\/10:focus { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:text-orange-300\/10:hover { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:text-orange-300\/10:active { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:text-orange-300\/20:focus { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:text-orange-300\/20:hover { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:text-orange-300\/20:active { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:text-orange-300\/30:focus { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:text-orange-300\/30:hover { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:text-orange-300\/30:active { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:text-orange-300\/40:focus { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:text-orange-300\/40:hover { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:text-orange-300\/40:active { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:text-orange-300\/50:focus { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:text-orange-300\/50:hover { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:text-orange-300\/50:active { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:text-orange-300\/60:focus { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:text-orange-300\/60:hover { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:text-orange-300\/60:active { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:text-orange-300\/70:focus { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:text-orange-300\/70:hover { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:text-orange-300\/70:active { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:text-orange-300\/80:focus { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:text-orange-300\/80:hover { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:text-orange-300\/80:active { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:text-orange-300\/90:focus { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:text-orange-300\/90:hover { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:text-orange-300\/90:active { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:text-orange-400:focus { + color: var(--orange-400) + } + .md\:hover\:text-orange-400:hover { + color: var(--orange-400) + } + .md\:active\:text-orange-400:active { + color: var(--orange-400) + } + .md\:focus\:text-orange-400\/10:focus { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:text-orange-400\/10:hover { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:text-orange-400\/10:active { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:text-orange-400\/20:focus { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:text-orange-400\/20:hover { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:text-orange-400\/20:active { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:text-orange-400\/30:focus { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:text-orange-400\/30:hover { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:text-orange-400\/30:active { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:text-orange-400\/40:focus { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:text-orange-400\/40:hover { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:text-orange-400\/40:active { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:text-orange-400\/50:focus { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:text-orange-400\/50:hover { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:text-orange-400\/50:active { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:text-orange-400\/60:focus { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:text-orange-400\/60:hover { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:text-orange-400\/60:active { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:text-orange-400\/70:focus { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:text-orange-400\/70:hover { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:text-orange-400\/70:active { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:text-orange-400\/80:focus { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:text-orange-400\/80:hover { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:text-orange-400\/80:active { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:text-orange-400\/90:focus { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:text-orange-400\/90:hover { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:text-orange-400\/90:active { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:text-orange-500:focus { + color: var(--orange-500) + } + .md\:hover\:text-orange-500:hover { + color: var(--orange-500) + } + .md\:active\:text-orange-500:active { + color: var(--orange-500) + } + .md\:focus\:text-orange-500\/10:focus { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:text-orange-500\/10:hover { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:text-orange-500\/10:active { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:text-orange-500\/20:focus { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:text-orange-500\/20:hover { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:text-orange-500\/20:active { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:text-orange-500\/30:focus { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:text-orange-500\/30:hover { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:text-orange-500\/30:active { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:text-orange-500\/40:focus { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:text-orange-500\/40:hover { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:text-orange-500\/40:active { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:text-orange-500\/50:focus { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:text-orange-500\/50:hover { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:text-orange-500\/50:active { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:text-orange-500\/60:focus { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:text-orange-500\/60:hover { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:text-orange-500\/60:active { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:text-orange-500\/70:focus { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:text-orange-500\/70:hover { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:text-orange-500\/70:active { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:text-orange-500\/80:focus { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:text-orange-500\/80:hover { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:text-orange-500\/80:active { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:text-orange-500\/90:focus { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:text-orange-500\/90:hover { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:text-orange-500\/90:active { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:text-orange-600:focus { + color: var(--orange-600) + } + .md\:hover\:text-orange-600:hover { + color: var(--orange-600) + } + .md\:active\:text-orange-600:active { + color: var(--orange-600) + } + .md\:focus\:text-orange-600\/10:focus { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:text-orange-600\/10:hover { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:text-orange-600\/10:active { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:text-orange-600\/20:focus { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:text-orange-600\/20:hover { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:text-orange-600\/20:active { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:text-orange-600\/30:focus { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:text-orange-600\/30:hover { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:text-orange-600\/30:active { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:text-orange-600\/40:focus { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:text-orange-600\/40:hover { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:text-orange-600\/40:active { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:text-orange-600\/50:focus { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:text-orange-600\/50:hover { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:text-orange-600\/50:active { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:text-orange-600\/60:focus { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:text-orange-600\/60:hover { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:text-orange-600\/60:active { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:text-orange-600\/70:focus { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:text-orange-600\/70:hover { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:text-orange-600\/70:active { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:text-orange-600\/80:focus { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:text-orange-600\/80:hover { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:text-orange-600\/80:active { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:text-orange-600\/90:focus { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:text-orange-600\/90:hover { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:text-orange-600\/90:active { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:text-orange-700:focus { + color: var(--orange-700) + } + .md\:hover\:text-orange-700:hover { + color: var(--orange-700) + } + .md\:active\:text-orange-700:active { + color: var(--orange-700) + } + .md\:focus\:text-orange-700\/10:focus { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:text-orange-700\/10:hover { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:text-orange-700\/10:active { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:text-orange-700\/20:focus { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:text-orange-700\/20:hover { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:text-orange-700\/20:active { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:text-orange-700\/30:focus { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:text-orange-700\/30:hover { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:text-orange-700\/30:active { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:text-orange-700\/40:focus { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:text-orange-700\/40:hover { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:text-orange-700\/40:active { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:text-orange-700\/50:focus { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:text-orange-700\/50:hover { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:text-orange-700\/50:active { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:text-orange-700\/60:focus { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:text-orange-700\/60:hover { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:text-orange-700\/60:active { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:text-orange-700\/70:focus { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:text-orange-700\/70:hover { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:text-orange-700\/70:active { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:text-orange-700\/80:focus { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:text-orange-700\/80:hover { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:text-orange-700\/80:active { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:text-orange-700\/90:focus { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:text-orange-700\/90:hover { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:text-orange-700\/90:active { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:text-orange-800:focus { + color: var(--orange-800) + } + .md\:hover\:text-orange-800:hover { + color: var(--orange-800) + } + .md\:active\:text-orange-800:active { + color: var(--orange-800) + } + .md\:focus\:text-orange-800\/10:focus { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:text-orange-800\/10:hover { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:text-orange-800\/10:active { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:text-orange-800\/20:focus { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:text-orange-800\/20:hover { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:text-orange-800\/20:active { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:text-orange-800\/30:focus { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:text-orange-800\/30:hover { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:text-orange-800\/30:active { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:text-orange-800\/40:focus { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:text-orange-800\/40:hover { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:text-orange-800\/40:active { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:text-orange-800\/50:focus { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:text-orange-800\/50:hover { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:text-orange-800\/50:active { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:text-orange-800\/60:focus { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:text-orange-800\/60:hover { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:text-orange-800\/60:active { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:text-orange-800\/70:focus { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:text-orange-800\/70:hover { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:text-orange-800\/70:active { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:text-orange-800\/80:focus { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:text-orange-800\/80:hover { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:text-orange-800\/80:active { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:text-orange-800\/90:focus { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:text-orange-800\/90:hover { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:text-orange-800\/90:active { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:text-orange-900:focus { + color: var(--orange-900) + } + .md\:hover\:text-orange-900:hover { + color: var(--orange-900) + } + .md\:active\:text-orange-900:active { + color: var(--orange-900) + } + .md\:focus\:text-orange-900\/10:focus { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:text-orange-900\/10:hover { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:text-orange-900\/10:active { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:text-orange-900\/20:focus { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:text-orange-900\/20:hover { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:text-orange-900\/20:active { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:text-orange-900\/30:focus { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:text-orange-900\/30:hover { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:text-orange-900\/30:active { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:text-orange-900\/40:focus { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:text-orange-900\/40:hover { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:text-orange-900\/40:active { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:text-orange-900\/50:focus { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:text-orange-900\/50:hover { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:text-orange-900\/50:active { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:text-orange-900\/60:focus { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:text-orange-900\/60:hover { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:text-orange-900\/60:active { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:text-orange-900\/70:focus { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:text-orange-900\/70:hover { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:text-orange-900\/70:active { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:text-orange-900\/80:focus { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:text-orange-900\/80:hover { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:text-orange-900\/80:active { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:text-orange-900\/90:focus { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:text-orange-900\/90:hover { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:text-orange-900\/90:active { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:text-bluegray-50:focus { + color: var(--bluegray-50) + } + .md\:hover\:text-bluegray-50:hover { + color: var(--bluegray-50) + } + .md\:active\:text-bluegray-50:active { + color: var(--bluegray-50) + } + .md\:focus\:text-bluegray-50\/10:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:text-bluegray-50\/10:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:text-bluegray-50\/10:active { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:text-bluegray-50\/20:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:text-bluegray-50\/20:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:text-bluegray-50\/20:active { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:text-bluegray-50\/30:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:text-bluegray-50\/30:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:text-bluegray-50\/30:active { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:text-bluegray-50\/40:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:text-bluegray-50\/40:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:text-bluegray-50\/40:active { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:text-bluegray-50\/50:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:text-bluegray-50\/50:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:text-bluegray-50\/50:active { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:text-bluegray-50\/60:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:text-bluegray-50\/60:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:text-bluegray-50\/60:active { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:text-bluegray-50\/70:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:text-bluegray-50\/70:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:text-bluegray-50\/70:active { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:text-bluegray-50\/80:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:text-bluegray-50\/80:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:text-bluegray-50\/80:active { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:text-bluegray-50\/90:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:text-bluegray-50\/90:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:text-bluegray-50\/90:active { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:text-bluegray-100:focus { + color: var(--bluegray-100) + } + .md\:hover\:text-bluegray-100:hover { + color: var(--bluegray-100) + } + .md\:active\:text-bluegray-100:active { + color: var(--bluegray-100) + } + .md\:focus\:text-bluegray-100\/10:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:text-bluegray-100\/10:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:text-bluegray-100\/10:active { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:text-bluegray-100\/20:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:text-bluegray-100\/20:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:text-bluegray-100\/20:active { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:text-bluegray-100\/30:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:text-bluegray-100\/30:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:text-bluegray-100\/30:active { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:text-bluegray-100\/40:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:text-bluegray-100\/40:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:text-bluegray-100\/40:active { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:text-bluegray-100\/50:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:text-bluegray-100\/50:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:text-bluegray-100\/50:active { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:text-bluegray-100\/60:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:text-bluegray-100\/60:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:text-bluegray-100\/60:active { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:text-bluegray-100\/70:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:text-bluegray-100\/70:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:text-bluegray-100\/70:active { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:text-bluegray-100\/80:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:text-bluegray-100\/80:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:text-bluegray-100\/80:active { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:text-bluegray-100\/90:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:text-bluegray-100\/90:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:text-bluegray-100\/90:active { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:text-bluegray-200:focus { + color: var(--bluegray-200) + } + .md\:hover\:text-bluegray-200:hover { + color: var(--bluegray-200) + } + .md\:active\:text-bluegray-200:active { + color: var(--bluegray-200) + } + .md\:focus\:text-bluegray-200\/10:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:text-bluegray-200\/10:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:text-bluegray-200\/10:active { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:text-bluegray-200\/20:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:text-bluegray-200\/20:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:text-bluegray-200\/20:active { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:text-bluegray-200\/30:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:text-bluegray-200\/30:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:text-bluegray-200\/30:active { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:text-bluegray-200\/40:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:text-bluegray-200\/40:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:text-bluegray-200\/40:active { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:text-bluegray-200\/50:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:text-bluegray-200\/50:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:text-bluegray-200\/50:active { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:text-bluegray-200\/60:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:text-bluegray-200\/60:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:text-bluegray-200\/60:active { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:text-bluegray-200\/70:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:text-bluegray-200\/70:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:text-bluegray-200\/70:active { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:text-bluegray-200\/80:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:text-bluegray-200\/80:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:text-bluegray-200\/80:active { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:text-bluegray-200\/90:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:text-bluegray-200\/90:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:text-bluegray-200\/90:active { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:text-bluegray-300:focus { + color: var(--bluegray-300) + } + .md\:hover\:text-bluegray-300:hover { + color: var(--bluegray-300) + } + .md\:active\:text-bluegray-300:active { + color: var(--bluegray-300) + } + .md\:focus\:text-bluegray-300\/10:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:text-bluegray-300\/10:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:text-bluegray-300\/10:active { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:text-bluegray-300\/20:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:text-bluegray-300\/20:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:text-bluegray-300\/20:active { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:text-bluegray-300\/30:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:text-bluegray-300\/30:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:text-bluegray-300\/30:active { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:text-bluegray-300\/40:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:text-bluegray-300\/40:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:text-bluegray-300\/40:active { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:text-bluegray-300\/50:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:text-bluegray-300\/50:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:text-bluegray-300\/50:active { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:text-bluegray-300\/60:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:text-bluegray-300\/60:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:text-bluegray-300\/60:active { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:text-bluegray-300\/70:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:text-bluegray-300\/70:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:text-bluegray-300\/70:active { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:text-bluegray-300\/80:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:text-bluegray-300\/80:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:text-bluegray-300\/80:active { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:text-bluegray-300\/90:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:text-bluegray-300\/90:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:text-bluegray-300\/90:active { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:text-bluegray-400:focus { + color: var(--bluegray-400) + } + .md\:hover\:text-bluegray-400:hover { + color: var(--bluegray-400) + } + .md\:active\:text-bluegray-400:active { + color: var(--bluegray-400) + } + .md\:focus\:text-bluegray-400\/10:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:text-bluegray-400\/10:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:text-bluegray-400\/10:active { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:text-bluegray-400\/20:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:text-bluegray-400\/20:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:text-bluegray-400\/20:active { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:text-bluegray-400\/30:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:text-bluegray-400\/30:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:text-bluegray-400\/30:active { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:text-bluegray-400\/40:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:text-bluegray-400\/40:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:text-bluegray-400\/40:active { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:text-bluegray-400\/50:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:text-bluegray-400\/50:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:text-bluegray-400\/50:active { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:text-bluegray-400\/60:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:text-bluegray-400\/60:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:text-bluegray-400\/60:active { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:text-bluegray-400\/70:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:text-bluegray-400\/70:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:text-bluegray-400\/70:active { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:text-bluegray-400\/80:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:text-bluegray-400\/80:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:text-bluegray-400\/80:active { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:text-bluegray-400\/90:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:text-bluegray-400\/90:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:text-bluegray-400\/90:active { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:text-bluegray-500:focus { + color: var(--bluegray-500) + } + .md\:hover\:text-bluegray-500:hover { + color: var(--bluegray-500) + } + .md\:active\:text-bluegray-500:active { + color: var(--bluegray-500) + } + .md\:focus\:text-bluegray-500\/10:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:text-bluegray-500\/10:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:text-bluegray-500\/10:active { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:text-bluegray-500\/20:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:text-bluegray-500\/20:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:text-bluegray-500\/20:active { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:text-bluegray-500\/30:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:text-bluegray-500\/30:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:text-bluegray-500\/30:active { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:text-bluegray-500\/40:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:text-bluegray-500\/40:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:text-bluegray-500\/40:active { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:text-bluegray-500\/50:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:text-bluegray-500\/50:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:text-bluegray-500\/50:active { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:text-bluegray-500\/60:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:text-bluegray-500\/60:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:text-bluegray-500\/60:active { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:text-bluegray-500\/70:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:text-bluegray-500\/70:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:text-bluegray-500\/70:active { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:text-bluegray-500\/80:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:text-bluegray-500\/80:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:text-bluegray-500\/80:active { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:text-bluegray-500\/90:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:text-bluegray-500\/90:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:text-bluegray-500\/90:active { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:text-bluegray-600:focus { + color: var(--bluegray-600) + } + .md\:hover\:text-bluegray-600:hover { + color: var(--bluegray-600) + } + .md\:active\:text-bluegray-600:active { + color: var(--bluegray-600) + } + .md\:focus\:text-bluegray-600\/10:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:text-bluegray-600\/10:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:text-bluegray-600\/10:active { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:text-bluegray-600\/20:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:text-bluegray-600\/20:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:text-bluegray-600\/20:active { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:text-bluegray-600\/30:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:text-bluegray-600\/30:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:text-bluegray-600\/30:active { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:text-bluegray-600\/40:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:text-bluegray-600\/40:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:text-bluegray-600\/40:active { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:text-bluegray-600\/50:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:text-bluegray-600\/50:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:text-bluegray-600\/50:active { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:text-bluegray-600\/60:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:text-bluegray-600\/60:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:text-bluegray-600\/60:active { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:text-bluegray-600\/70:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:text-bluegray-600\/70:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:text-bluegray-600\/70:active { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:text-bluegray-600\/80:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:text-bluegray-600\/80:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:text-bluegray-600\/80:active { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:text-bluegray-600\/90:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:text-bluegray-600\/90:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:text-bluegray-600\/90:active { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:text-bluegray-700:focus { + color: var(--bluegray-700) + } + .md\:hover\:text-bluegray-700:hover { + color: var(--bluegray-700) + } + .md\:active\:text-bluegray-700:active { + color: var(--bluegray-700) + } + .md\:focus\:text-bluegray-700\/10:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:text-bluegray-700\/10:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:text-bluegray-700\/10:active { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:text-bluegray-700\/20:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:text-bluegray-700\/20:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:text-bluegray-700\/20:active { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:text-bluegray-700\/30:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:text-bluegray-700\/30:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:text-bluegray-700\/30:active { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:text-bluegray-700\/40:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:text-bluegray-700\/40:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:text-bluegray-700\/40:active { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:text-bluegray-700\/50:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:text-bluegray-700\/50:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:text-bluegray-700\/50:active { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:text-bluegray-700\/60:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:text-bluegray-700\/60:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:text-bluegray-700\/60:active { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:text-bluegray-700\/70:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:text-bluegray-700\/70:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:text-bluegray-700\/70:active { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:text-bluegray-700\/80:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:text-bluegray-700\/80:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:text-bluegray-700\/80:active { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:text-bluegray-700\/90:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:text-bluegray-700\/90:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:text-bluegray-700\/90:active { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:text-bluegray-800:focus { + color: var(--bluegray-800) + } + .md\:hover\:text-bluegray-800:hover { + color: var(--bluegray-800) + } + .md\:active\:text-bluegray-800:active { + color: var(--bluegray-800) + } + .md\:focus\:text-bluegray-800\/10:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:text-bluegray-800\/10:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:text-bluegray-800\/10:active { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:text-bluegray-800\/20:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:text-bluegray-800\/20:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:text-bluegray-800\/20:active { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:text-bluegray-800\/30:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:text-bluegray-800\/30:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:text-bluegray-800\/30:active { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:text-bluegray-800\/40:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:text-bluegray-800\/40:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:text-bluegray-800\/40:active { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:text-bluegray-800\/50:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:text-bluegray-800\/50:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:text-bluegray-800\/50:active { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:text-bluegray-800\/60:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:text-bluegray-800\/60:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:text-bluegray-800\/60:active { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:text-bluegray-800\/70:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:text-bluegray-800\/70:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:text-bluegray-800\/70:active { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:text-bluegray-800\/80:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:text-bluegray-800\/80:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:text-bluegray-800\/80:active { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:text-bluegray-800\/90:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:text-bluegray-800\/90:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:text-bluegray-800\/90:active { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:text-bluegray-900:focus { + color: var(--bluegray-900) + } + .md\:hover\:text-bluegray-900:hover { + color: var(--bluegray-900) + } + .md\:active\:text-bluegray-900:active { + color: var(--bluegray-900) + } + .md\:focus\:text-bluegray-900\/10:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:text-bluegray-900\/10:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:text-bluegray-900\/10:active { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:text-bluegray-900\/20:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:text-bluegray-900\/20:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:text-bluegray-900\/20:active { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:text-bluegray-900\/30:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:text-bluegray-900\/30:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:text-bluegray-900\/30:active { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:text-bluegray-900\/40:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:text-bluegray-900\/40:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:text-bluegray-900\/40:active { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:text-bluegray-900\/50:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:text-bluegray-900\/50:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:text-bluegray-900\/50:active { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:text-bluegray-900\/60:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:text-bluegray-900\/60:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:text-bluegray-900\/60:active { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:text-bluegray-900\/70:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:text-bluegray-900\/70:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:text-bluegray-900\/70:active { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:text-bluegray-900\/80:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:text-bluegray-900\/80:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:text-bluegray-900\/80:active { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:text-bluegray-900\/90:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:text-bluegray-900\/90:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:text-bluegray-900\/90:active { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:text-purple-50:focus { + color: var(--purple-50) + } + .md\:hover\:text-purple-50:hover { + color: var(--purple-50) + } + .md\:active\:text-purple-50:active { + color: var(--purple-50) + } + .md\:focus\:text-purple-50\/10:focus { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:text-purple-50\/10:hover { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:text-purple-50\/10:active { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:text-purple-50\/20:focus { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:text-purple-50\/20:hover { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:text-purple-50\/20:active { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:text-purple-50\/30:focus { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:text-purple-50\/30:hover { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:text-purple-50\/30:active { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:text-purple-50\/40:focus { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:text-purple-50\/40:hover { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:text-purple-50\/40:active { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:text-purple-50\/50:focus { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:text-purple-50\/50:hover { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:text-purple-50\/50:active { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:text-purple-50\/60:focus { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:text-purple-50\/60:hover { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:text-purple-50\/60:active { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:text-purple-50\/70:focus { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:text-purple-50\/70:hover { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:text-purple-50\/70:active { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:text-purple-50\/80:focus { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:text-purple-50\/80:hover { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:text-purple-50\/80:active { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:text-purple-50\/90:focus { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:text-purple-50\/90:hover { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:text-purple-50\/90:active { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:text-purple-100:focus { + color: var(--purple-100) + } + .md\:hover\:text-purple-100:hover { + color: var(--purple-100) + } + .md\:active\:text-purple-100:active { + color: var(--purple-100) + } + .md\:focus\:text-purple-100\/10:focus { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:text-purple-100\/10:hover { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:text-purple-100\/10:active { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:text-purple-100\/20:focus { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:text-purple-100\/20:hover { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:text-purple-100\/20:active { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:text-purple-100\/30:focus { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:text-purple-100\/30:hover { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:text-purple-100\/30:active { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:text-purple-100\/40:focus { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:text-purple-100\/40:hover { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:text-purple-100\/40:active { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:text-purple-100\/50:focus { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:text-purple-100\/50:hover { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:text-purple-100\/50:active { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:text-purple-100\/60:focus { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:text-purple-100\/60:hover { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:text-purple-100\/60:active { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:text-purple-100\/70:focus { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:text-purple-100\/70:hover { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:text-purple-100\/70:active { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:text-purple-100\/80:focus { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:text-purple-100\/80:hover { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:text-purple-100\/80:active { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:text-purple-100\/90:focus { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:text-purple-100\/90:hover { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:text-purple-100\/90:active { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:text-purple-200:focus { + color: var(--purple-200) + } + .md\:hover\:text-purple-200:hover { + color: var(--purple-200) + } + .md\:active\:text-purple-200:active { + color: var(--purple-200) + } + .md\:focus\:text-purple-200\/10:focus { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:text-purple-200\/10:hover { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:text-purple-200\/10:active { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:text-purple-200\/20:focus { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:text-purple-200\/20:hover { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:text-purple-200\/20:active { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:text-purple-200\/30:focus { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:text-purple-200\/30:hover { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:text-purple-200\/30:active { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:text-purple-200\/40:focus { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:text-purple-200\/40:hover { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:text-purple-200\/40:active { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:text-purple-200\/50:focus { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:text-purple-200\/50:hover { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:text-purple-200\/50:active { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:text-purple-200\/60:focus { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:text-purple-200\/60:hover { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:text-purple-200\/60:active { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:text-purple-200\/70:focus { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:text-purple-200\/70:hover { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:text-purple-200\/70:active { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:text-purple-200\/80:focus { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:text-purple-200\/80:hover { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:text-purple-200\/80:active { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:text-purple-200\/90:focus { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:text-purple-200\/90:hover { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:text-purple-200\/90:active { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:text-purple-300:focus { + color: var(--purple-300) + } + .md\:hover\:text-purple-300:hover { + color: var(--purple-300) + } + .md\:active\:text-purple-300:active { + color: var(--purple-300) + } + .md\:focus\:text-purple-300\/10:focus { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:text-purple-300\/10:hover { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:text-purple-300\/10:active { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:text-purple-300\/20:focus { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:text-purple-300\/20:hover { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:text-purple-300\/20:active { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:text-purple-300\/30:focus { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:text-purple-300\/30:hover { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:text-purple-300\/30:active { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:text-purple-300\/40:focus { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:text-purple-300\/40:hover { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:text-purple-300\/40:active { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:text-purple-300\/50:focus { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:text-purple-300\/50:hover { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:text-purple-300\/50:active { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:text-purple-300\/60:focus { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:text-purple-300\/60:hover { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:text-purple-300\/60:active { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:text-purple-300\/70:focus { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:text-purple-300\/70:hover { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:text-purple-300\/70:active { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:text-purple-300\/80:focus { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:text-purple-300\/80:hover { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:text-purple-300\/80:active { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:text-purple-300\/90:focus { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:text-purple-300\/90:hover { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:text-purple-300\/90:active { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:text-purple-400:focus { + color: var(--purple-400) + } + .md\:hover\:text-purple-400:hover { + color: var(--purple-400) + } + .md\:active\:text-purple-400:active { + color: var(--purple-400) + } + .md\:focus\:text-purple-400\/10:focus { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:text-purple-400\/10:hover { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:text-purple-400\/10:active { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:text-purple-400\/20:focus { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:text-purple-400\/20:hover { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:text-purple-400\/20:active { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:text-purple-400\/30:focus { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:text-purple-400\/30:hover { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:text-purple-400\/30:active { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:text-purple-400\/40:focus { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:text-purple-400\/40:hover { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:text-purple-400\/40:active { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:text-purple-400\/50:focus { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:text-purple-400\/50:hover { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:text-purple-400\/50:active { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:text-purple-400\/60:focus { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:text-purple-400\/60:hover { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:text-purple-400\/60:active { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:text-purple-400\/70:focus { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:text-purple-400\/70:hover { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:text-purple-400\/70:active { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:text-purple-400\/80:focus { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:text-purple-400\/80:hover { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:text-purple-400\/80:active { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:text-purple-400\/90:focus { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:text-purple-400\/90:hover { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:text-purple-400\/90:active { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:text-purple-500:focus { + color: var(--purple-500) + } + .md\:hover\:text-purple-500:hover { + color: var(--purple-500) + } + .md\:active\:text-purple-500:active { + color: var(--purple-500) + } + .md\:focus\:text-purple-500\/10:focus { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:text-purple-500\/10:hover { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:text-purple-500\/10:active { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:text-purple-500\/20:focus { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:text-purple-500\/20:hover { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:text-purple-500\/20:active { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:text-purple-500\/30:focus { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:text-purple-500\/30:hover { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:text-purple-500\/30:active { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:text-purple-500\/40:focus { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:text-purple-500\/40:hover { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:text-purple-500\/40:active { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:text-purple-500\/50:focus { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:text-purple-500\/50:hover { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:text-purple-500\/50:active { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:text-purple-500\/60:focus { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:text-purple-500\/60:hover { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:text-purple-500\/60:active { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:text-purple-500\/70:focus { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:text-purple-500\/70:hover { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:text-purple-500\/70:active { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:text-purple-500\/80:focus { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:text-purple-500\/80:hover { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:text-purple-500\/80:active { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:text-purple-500\/90:focus { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:text-purple-500\/90:hover { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:text-purple-500\/90:active { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:text-purple-600:focus { + color: var(--purple-600) + } + .md\:hover\:text-purple-600:hover { + color: var(--purple-600) + } + .md\:active\:text-purple-600:active { + color: var(--purple-600) + } + .md\:focus\:text-purple-600\/10:focus { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:text-purple-600\/10:hover { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:text-purple-600\/10:active { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:text-purple-600\/20:focus { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:text-purple-600\/20:hover { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:text-purple-600\/20:active { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:text-purple-600\/30:focus { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:text-purple-600\/30:hover { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:text-purple-600\/30:active { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:text-purple-600\/40:focus { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:text-purple-600\/40:hover { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:text-purple-600\/40:active { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:text-purple-600\/50:focus { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:text-purple-600\/50:hover { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:text-purple-600\/50:active { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:text-purple-600\/60:focus { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:text-purple-600\/60:hover { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:text-purple-600\/60:active { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:text-purple-600\/70:focus { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:text-purple-600\/70:hover { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:text-purple-600\/70:active { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:text-purple-600\/80:focus { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:text-purple-600\/80:hover { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:text-purple-600\/80:active { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:text-purple-600\/90:focus { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:text-purple-600\/90:hover { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:text-purple-600\/90:active { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:text-purple-700:focus { + color: var(--purple-700) + } + .md\:hover\:text-purple-700:hover { + color: var(--purple-700) + } + .md\:active\:text-purple-700:active { + color: var(--purple-700) + } + .md\:focus\:text-purple-700\/10:focus { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:text-purple-700\/10:hover { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:text-purple-700\/10:active { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:text-purple-700\/20:focus { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:text-purple-700\/20:hover { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:text-purple-700\/20:active { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:text-purple-700\/30:focus { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:text-purple-700\/30:hover { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:text-purple-700\/30:active { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:text-purple-700\/40:focus { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:text-purple-700\/40:hover { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:text-purple-700\/40:active { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:text-purple-700\/50:focus { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:text-purple-700\/50:hover { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:text-purple-700\/50:active { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:text-purple-700\/60:focus { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:text-purple-700\/60:hover { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:text-purple-700\/60:active { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:text-purple-700\/70:focus { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:text-purple-700\/70:hover { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:text-purple-700\/70:active { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:text-purple-700\/80:focus { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:text-purple-700\/80:hover { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:text-purple-700\/80:active { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:text-purple-700\/90:focus { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:text-purple-700\/90:hover { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:text-purple-700\/90:active { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:text-purple-800:focus { + color: var(--purple-800) + } + .md\:hover\:text-purple-800:hover { + color: var(--purple-800) + } + .md\:active\:text-purple-800:active { + color: var(--purple-800) + } + .md\:focus\:text-purple-800\/10:focus { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:text-purple-800\/10:hover { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:text-purple-800\/10:active { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:text-purple-800\/20:focus { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:text-purple-800\/20:hover { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:text-purple-800\/20:active { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:text-purple-800\/30:focus { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:text-purple-800\/30:hover { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:text-purple-800\/30:active { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:text-purple-800\/40:focus { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:text-purple-800\/40:hover { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:text-purple-800\/40:active { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:text-purple-800\/50:focus { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:text-purple-800\/50:hover { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:text-purple-800\/50:active { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:text-purple-800\/60:focus { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:text-purple-800\/60:hover { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:text-purple-800\/60:active { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:text-purple-800\/70:focus { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:text-purple-800\/70:hover { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:text-purple-800\/70:active { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:text-purple-800\/80:focus { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:text-purple-800\/80:hover { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:text-purple-800\/80:active { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:text-purple-800\/90:focus { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:text-purple-800\/90:hover { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:text-purple-800\/90:active { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:text-purple-900:focus { + color: var(--purple-900) + } + .md\:hover\:text-purple-900:hover { + color: var(--purple-900) + } + .md\:active\:text-purple-900:active { + color: var(--purple-900) + } + .md\:focus\:text-purple-900\/10:focus { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:text-purple-900\/10:hover { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:text-purple-900\/10:active { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:text-purple-900\/20:focus { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:text-purple-900\/20:hover { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:text-purple-900\/20:active { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:text-purple-900\/30:focus { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:text-purple-900\/30:hover { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:text-purple-900\/30:active { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:text-purple-900\/40:focus { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:text-purple-900\/40:hover { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:text-purple-900\/40:active { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:text-purple-900\/50:focus { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:text-purple-900\/50:hover { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:text-purple-900\/50:active { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:text-purple-900\/60:focus { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:text-purple-900\/60:hover { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:text-purple-900\/60:active { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:text-purple-900\/70:focus { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:text-purple-900\/70:hover { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:text-purple-900\/70:active { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:text-purple-900\/80:focus { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:text-purple-900\/80:hover { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:text-purple-900\/80:active { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:text-purple-900\/90:focus { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:text-purple-900\/90:hover { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:text-purple-900\/90:active { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:text-red-50:focus { + color: var(--red-50) + } + .md\:hover\:text-red-50:hover { + color: var(--red-50) + } + .md\:active\:text-red-50:active { + color: var(--red-50) + } + .md\:focus\:text-red-50\/10:focus { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:text-red-50\/10:hover { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:text-red-50\/10:active { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:text-red-50\/20:focus { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:text-red-50\/20:hover { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:text-red-50\/20:active { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:text-red-50\/30:focus { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:text-red-50\/30:hover { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:text-red-50\/30:active { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:text-red-50\/40:focus { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:text-red-50\/40:hover { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:text-red-50\/40:active { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:text-red-50\/50:focus { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:text-red-50\/50:hover { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:text-red-50\/50:active { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:text-red-50\/60:focus { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:text-red-50\/60:hover { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:text-red-50\/60:active { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:text-red-50\/70:focus { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:text-red-50\/70:hover { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:text-red-50\/70:active { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:text-red-50\/80:focus { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:text-red-50\/80:hover { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:text-red-50\/80:active { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:text-red-50\/90:focus { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:text-red-50\/90:hover { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:text-red-50\/90:active { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:text-red-100:focus { + color: var(--red-100) + } + .md\:hover\:text-red-100:hover { + color: var(--red-100) + } + .md\:active\:text-red-100:active { + color: var(--red-100) + } + .md\:focus\:text-red-100\/10:focus { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:text-red-100\/10:hover { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:text-red-100\/10:active { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:text-red-100\/20:focus { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:text-red-100\/20:hover { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:text-red-100\/20:active { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:text-red-100\/30:focus { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:text-red-100\/30:hover { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:text-red-100\/30:active { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:text-red-100\/40:focus { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:text-red-100\/40:hover { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:text-red-100\/40:active { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:text-red-100\/50:focus { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:text-red-100\/50:hover { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:text-red-100\/50:active { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:text-red-100\/60:focus { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:text-red-100\/60:hover { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:text-red-100\/60:active { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:text-red-100\/70:focus { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:text-red-100\/70:hover { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:text-red-100\/70:active { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:text-red-100\/80:focus { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:text-red-100\/80:hover { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:text-red-100\/80:active { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:text-red-100\/90:focus { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:text-red-100\/90:hover { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:text-red-100\/90:active { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:text-red-200:focus { + color: var(--red-200) + } + .md\:hover\:text-red-200:hover { + color: var(--red-200) + } + .md\:active\:text-red-200:active { + color: var(--red-200) + } + .md\:focus\:text-red-200\/10:focus { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:text-red-200\/10:hover { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:text-red-200\/10:active { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:text-red-200\/20:focus { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:text-red-200\/20:hover { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:text-red-200\/20:active { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:text-red-200\/30:focus { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:text-red-200\/30:hover { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:text-red-200\/30:active { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:text-red-200\/40:focus { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:text-red-200\/40:hover { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:text-red-200\/40:active { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:text-red-200\/50:focus { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:text-red-200\/50:hover { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:text-red-200\/50:active { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:text-red-200\/60:focus { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:text-red-200\/60:hover { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:text-red-200\/60:active { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:text-red-200\/70:focus { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:text-red-200\/70:hover { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:text-red-200\/70:active { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:text-red-200\/80:focus { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:text-red-200\/80:hover { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:text-red-200\/80:active { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:text-red-200\/90:focus { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:text-red-200\/90:hover { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:text-red-200\/90:active { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:text-red-300:focus { + color: var(--red-300) + } + .md\:hover\:text-red-300:hover { + color: var(--red-300) + } + .md\:active\:text-red-300:active { + color: var(--red-300) + } + .md\:focus\:text-red-300\/10:focus { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:text-red-300\/10:hover { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:text-red-300\/10:active { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:text-red-300\/20:focus { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:text-red-300\/20:hover { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:text-red-300\/20:active { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:text-red-300\/30:focus { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:text-red-300\/30:hover { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:text-red-300\/30:active { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:text-red-300\/40:focus { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:text-red-300\/40:hover { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:text-red-300\/40:active { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:text-red-300\/50:focus { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:text-red-300\/50:hover { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:text-red-300\/50:active { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:text-red-300\/60:focus { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:text-red-300\/60:hover { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:text-red-300\/60:active { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:text-red-300\/70:focus { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:text-red-300\/70:hover { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:text-red-300\/70:active { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:text-red-300\/80:focus { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:text-red-300\/80:hover { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:text-red-300\/80:active { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:text-red-300\/90:focus { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:text-red-300\/90:hover { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:text-red-300\/90:active { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:text-red-400:focus { + color: var(--red-400) + } + .md\:hover\:text-red-400:hover { + color: var(--red-400) + } + .md\:active\:text-red-400:active { + color: var(--red-400) + } + .md\:focus\:text-red-400\/10:focus { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:text-red-400\/10:hover { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:text-red-400\/10:active { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:text-red-400\/20:focus { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:text-red-400\/20:hover { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:text-red-400\/20:active { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:text-red-400\/30:focus { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:text-red-400\/30:hover { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:text-red-400\/30:active { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:text-red-400\/40:focus { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:text-red-400\/40:hover { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:text-red-400\/40:active { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:text-red-400\/50:focus { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:text-red-400\/50:hover { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:text-red-400\/50:active { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:text-red-400\/60:focus { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:text-red-400\/60:hover { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:text-red-400\/60:active { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:text-red-400\/70:focus { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:text-red-400\/70:hover { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:text-red-400\/70:active { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:text-red-400\/80:focus { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:text-red-400\/80:hover { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:text-red-400\/80:active { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:text-red-400\/90:focus { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:text-red-400\/90:hover { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:text-red-400\/90:active { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:text-red-500:focus { + color: var(--red-500) + } + .md\:hover\:text-red-500:hover { + color: var(--red-500) + } + .md\:active\:text-red-500:active { + color: var(--red-500) + } + .md\:focus\:text-red-500\/10:focus { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:text-red-500\/10:hover { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:text-red-500\/10:active { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:text-red-500\/20:focus { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:text-red-500\/20:hover { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:text-red-500\/20:active { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:text-red-500\/30:focus { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:text-red-500\/30:hover { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:text-red-500\/30:active { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:text-red-500\/40:focus { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:text-red-500\/40:hover { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:text-red-500\/40:active { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:text-red-500\/50:focus { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:text-red-500\/50:hover { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:text-red-500\/50:active { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:text-red-500\/60:focus { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:text-red-500\/60:hover { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:text-red-500\/60:active { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:text-red-500\/70:focus { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:text-red-500\/70:hover { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:text-red-500\/70:active { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:text-red-500\/80:focus { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:text-red-500\/80:hover { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:text-red-500\/80:active { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:text-red-500\/90:focus { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:text-red-500\/90:hover { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:text-red-500\/90:active { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:text-red-600:focus { + color: var(--red-600) + } + .md\:hover\:text-red-600:hover { + color: var(--red-600) + } + .md\:active\:text-red-600:active { + color: var(--red-600) + } + .md\:focus\:text-red-600\/10:focus { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:text-red-600\/10:hover { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:text-red-600\/10:active { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:text-red-600\/20:focus { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:text-red-600\/20:hover { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:text-red-600\/20:active { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:text-red-600\/30:focus { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:text-red-600\/30:hover { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:text-red-600\/30:active { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:text-red-600\/40:focus { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:text-red-600\/40:hover { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:text-red-600\/40:active { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:text-red-600\/50:focus { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:text-red-600\/50:hover { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:text-red-600\/50:active { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:text-red-600\/60:focus { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:text-red-600\/60:hover { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:text-red-600\/60:active { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:text-red-600\/70:focus { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:text-red-600\/70:hover { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:text-red-600\/70:active { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:text-red-600\/80:focus { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:text-red-600\/80:hover { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:text-red-600\/80:active { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:text-red-600\/90:focus { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:text-red-600\/90:hover { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:text-red-600\/90:active { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:text-red-700:focus { + color: var(--red-700) + } + .md\:hover\:text-red-700:hover { + color: var(--red-700) + } + .md\:active\:text-red-700:active { + color: var(--red-700) + } + .md\:focus\:text-red-700\/10:focus { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:text-red-700\/10:hover { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:text-red-700\/10:active { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:text-red-700\/20:focus { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:text-red-700\/20:hover { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:text-red-700\/20:active { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:text-red-700\/30:focus { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:text-red-700\/30:hover { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:text-red-700\/30:active { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:text-red-700\/40:focus { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:text-red-700\/40:hover { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:text-red-700\/40:active { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:text-red-700\/50:focus { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:text-red-700\/50:hover { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:text-red-700\/50:active { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:text-red-700\/60:focus { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:text-red-700\/60:hover { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:text-red-700\/60:active { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:text-red-700\/70:focus { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:text-red-700\/70:hover { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:text-red-700\/70:active { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:text-red-700\/80:focus { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:text-red-700\/80:hover { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:text-red-700\/80:active { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:text-red-700\/90:focus { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:text-red-700\/90:hover { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:text-red-700\/90:active { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:text-red-800:focus { + color: var(--red-800) + } + .md\:hover\:text-red-800:hover { + color: var(--red-800) + } + .md\:active\:text-red-800:active { + color: var(--red-800) + } + .md\:focus\:text-red-800\/10:focus { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:text-red-800\/10:hover { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:text-red-800\/10:active { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:text-red-800\/20:focus { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:text-red-800\/20:hover { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:text-red-800\/20:active { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:text-red-800\/30:focus { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:text-red-800\/30:hover { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:text-red-800\/30:active { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:text-red-800\/40:focus { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:text-red-800\/40:hover { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:text-red-800\/40:active { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:text-red-800\/50:focus { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:text-red-800\/50:hover { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:text-red-800\/50:active { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:text-red-800\/60:focus { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:text-red-800\/60:hover { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:text-red-800\/60:active { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:text-red-800\/70:focus { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:text-red-800\/70:hover { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:text-red-800\/70:active { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:text-red-800\/80:focus { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:text-red-800\/80:hover { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:text-red-800\/80:active { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:text-red-800\/90:focus { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:text-red-800\/90:hover { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:text-red-800\/90:active { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:text-red-900:focus { + color: var(--red-900) + } + .md\:hover\:text-red-900:hover { + color: var(--red-900) + } + .md\:active\:text-red-900:active { + color: var(--red-900) + } + .md\:focus\:text-red-900\/10:focus { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:text-red-900\/10:hover { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:text-red-900\/10:active { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:text-red-900\/20:focus { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:text-red-900\/20:hover { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:text-red-900\/20:active { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:text-red-900\/30:focus { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:text-red-900\/30:hover { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:text-red-900\/30:active { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:text-red-900\/40:focus { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:text-red-900\/40:hover { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:text-red-900\/40:active { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:text-red-900\/50:focus { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:text-red-900\/50:hover { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:text-red-900\/50:active { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:text-red-900\/60:focus { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:text-red-900\/60:hover { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:text-red-900\/60:active { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:text-red-900\/70:focus { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:text-red-900\/70:hover { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:text-red-900\/70:active { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:text-red-900\/80:focus { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:text-red-900\/80:hover { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:text-red-900\/80:active { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:text-red-900\/90:focus { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:text-red-900\/90:hover { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:text-red-900\/90:active { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:text-gray-50:focus { + color: var(--gray-50) + } + .md\:hover\:text-gray-50:hover { + color: var(--gray-50) + } + .md\:active\:text-gray-50:active { + color: var(--gray-50) + } + .md\:focus\:text-gray-50\/10:focus { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:text-gray-50\/10:hover { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:text-gray-50\/10:active { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:text-gray-50\/20:focus { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:text-gray-50\/20:hover { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:text-gray-50\/20:active { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:text-gray-50\/30:focus { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:text-gray-50\/30:hover { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:text-gray-50\/30:active { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:text-gray-50\/40:focus { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:text-gray-50\/40:hover { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:text-gray-50\/40:active { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:text-gray-50\/50:focus { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:text-gray-50\/50:hover { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:text-gray-50\/50:active { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:text-gray-50\/60:focus { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:text-gray-50\/60:hover { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:text-gray-50\/60:active { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:text-gray-50\/70:focus { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:text-gray-50\/70:hover { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:text-gray-50\/70:active { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:text-gray-50\/80:focus { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:text-gray-50\/80:hover { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:text-gray-50\/80:active { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:text-gray-50\/90:focus { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:text-gray-50\/90:hover { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:text-gray-50\/90:active { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:text-gray-100:focus { + color: var(--gray-100) + } + .md\:hover\:text-gray-100:hover { + color: var(--gray-100) + } + .md\:active\:text-gray-100:active { + color: var(--gray-100) + } + .md\:focus\:text-gray-100\/10:focus { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:text-gray-100\/10:hover { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:text-gray-100\/10:active { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:text-gray-100\/20:focus { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:text-gray-100\/20:hover { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:text-gray-100\/20:active { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:text-gray-100\/30:focus { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:text-gray-100\/30:hover { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:text-gray-100\/30:active { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:text-gray-100\/40:focus { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:text-gray-100\/40:hover { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:text-gray-100\/40:active { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:text-gray-100\/50:focus { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:text-gray-100\/50:hover { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:text-gray-100\/50:active { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:text-gray-100\/60:focus { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:text-gray-100\/60:hover { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:text-gray-100\/60:active { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:text-gray-100\/70:focus { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:text-gray-100\/70:hover { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:text-gray-100\/70:active { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:text-gray-100\/80:focus { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:text-gray-100\/80:hover { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:text-gray-100\/80:active { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:text-gray-100\/90:focus { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:text-gray-100\/90:hover { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:text-gray-100\/90:active { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:text-gray-200:focus { + color: var(--gray-200) + } + .md\:hover\:text-gray-200:hover { + color: var(--gray-200) + } + .md\:active\:text-gray-200:active { + color: var(--gray-200) + } + .md\:focus\:text-gray-200\/10:focus { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:text-gray-200\/10:hover { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:text-gray-200\/10:active { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:text-gray-200\/20:focus { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:text-gray-200\/20:hover { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:text-gray-200\/20:active { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:text-gray-200\/30:focus { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:text-gray-200\/30:hover { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:text-gray-200\/30:active { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:text-gray-200\/40:focus { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:text-gray-200\/40:hover { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:text-gray-200\/40:active { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:text-gray-200\/50:focus { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:text-gray-200\/50:hover { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:text-gray-200\/50:active { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:text-gray-200\/60:focus { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:text-gray-200\/60:hover { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:text-gray-200\/60:active { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:text-gray-200\/70:focus { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:text-gray-200\/70:hover { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:text-gray-200\/70:active { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:text-gray-200\/80:focus { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:text-gray-200\/80:hover { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:text-gray-200\/80:active { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:text-gray-200\/90:focus { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:text-gray-200\/90:hover { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:text-gray-200\/90:active { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:text-gray-300:focus { + color: var(--gray-300) + } + .md\:hover\:text-gray-300:hover { + color: var(--gray-300) + } + .md\:active\:text-gray-300:active { + color: var(--gray-300) + } + .md\:focus\:text-gray-300\/10:focus { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:text-gray-300\/10:hover { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:text-gray-300\/10:active { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:text-gray-300\/20:focus { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:text-gray-300\/20:hover { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:text-gray-300\/20:active { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:text-gray-300\/30:focus { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:text-gray-300\/30:hover { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:text-gray-300\/30:active { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:text-gray-300\/40:focus { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:text-gray-300\/40:hover { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:text-gray-300\/40:active { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:text-gray-300\/50:focus { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:text-gray-300\/50:hover { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:text-gray-300\/50:active { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:text-gray-300\/60:focus { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:text-gray-300\/60:hover { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:text-gray-300\/60:active { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:text-gray-300\/70:focus { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:text-gray-300\/70:hover { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:text-gray-300\/70:active { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:text-gray-300\/80:focus { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:text-gray-300\/80:hover { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:text-gray-300\/80:active { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:text-gray-300\/90:focus { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:text-gray-300\/90:hover { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:text-gray-300\/90:active { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:text-gray-400:focus { + color: var(--gray-400) + } + .md\:hover\:text-gray-400:hover { + color: var(--gray-400) + } + .md\:active\:text-gray-400:active { + color: var(--gray-400) + } + .md\:focus\:text-gray-400\/10:focus { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:text-gray-400\/10:hover { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:text-gray-400\/10:active { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:text-gray-400\/20:focus { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:text-gray-400\/20:hover { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:text-gray-400\/20:active { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:text-gray-400\/30:focus { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:text-gray-400\/30:hover { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:text-gray-400\/30:active { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:text-gray-400\/40:focus { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:text-gray-400\/40:hover { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:text-gray-400\/40:active { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:text-gray-400\/50:focus { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:text-gray-400\/50:hover { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:text-gray-400\/50:active { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:text-gray-400\/60:focus { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:text-gray-400\/60:hover { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:text-gray-400\/60:active { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:text-gray-400\/70:focus { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:text-gray-400\/70:hover { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:text-gray-400\/70:active { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:text-gray-400\/80:focus { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:text-gray-400\/80:hover { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:text-gray-400\/80:active { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:text-gray-400\/90:focus { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:text-gray-400\/90:hover { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:text-gray-400\/90:active { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:text-gray-500:focus { + color: var(--gray-500) + } + .md\:hover\:text-gray-500:hover { + color: var(--gray-500) + } + .md\:active\:text-gray-500:active { + color: var(--gray-500) + } + .md\:focus\:text-gray-500\/10:focus { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:text-gray-500\/10:hover { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:text-gray-500\/10:active { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:text-gray-500\/20:focus { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:text-gray-500\/20:hover { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:text-gray-500\/20:active { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:text-gray-500\/30:focus { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:text-gray-500\/30:hover { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:text-gray-500\/30:active { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:text-gray-500\/40:focus { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:text-gray-500\/40:hover { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:text-gray-500\/40:active { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:text-gray-500\/50:focus { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:text-gray-500\/50:hover { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:text-gray-500\/50:active { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:text-gray-500\/60:focus { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:text-gray-500\/60:hover { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:text-gray-500\/60:active { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:text-gray-500\/70:focus { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:text-gray-500\/70:hover { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:text-gray-500\/70:active { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:text-gray-500\/80:focus { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:text-gray-500\/80:hover { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:text-gray-500\/80:active { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:text-gray-500\/90:focus { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:text-gray-500\/90:hover { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:text-gray-500\/90:active { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:text-gray-600:focus { + color: var(--gray-600) + } + .md\:hover\:text-gray-600:hover { + color: var(--gray-600) + } + .md\:active\:text-gray-600:active { + color: var(--gray-600) + } + .md\:focus\:text-gray-600\/10:focus { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:text-gray-600\/10:hover { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:text-gray-600\/10:active { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:text-gray-600\/20:focus { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:text-gray-600\/20:hover { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:text-gray-600\/20:active { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:text-gray-600\/30:focus { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:text-gray-600\/30:hover { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:text-gray-600\/30:active { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:text-gray-600\/40:focus { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:text-gray-600\/40:hover { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:text-gray-600\/40:active { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:text-gray-600\/50:focus { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:text-gray-600\/50:hover { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:text-gray-600\/50:active { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:text-gray-600\/60:focus { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:text-gray-600\/60:hover { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:text-gray-600\/60:active { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:text-gray-600\/70:focus { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:text-gray-600\/70:hover { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:text-gray-600\/70:active { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:text-gray-600\/80:focus { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:text-gray-600\/80:hover { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:text-gray-600\/80:active { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:text-gray-600\/90:focus { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:text-gray-600\/90:hover { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:text-gray-600\/90:active { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:text-gray-700:focus { + color: var(--gray-700) + } + .md\:hover\:text-gray-700:hover { + color: var(--gray-700) + } + .md\:active\:text-gray-700:active { + color: var(--gray-700) + } + .md\:focus\:text-gray-700\/10:focus { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:text-gray-700\/10:hover { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:text-gray-700\/10:active { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:text-gray-700\/20:focus { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:text-gray-700\/20:hover { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:text-gray-700\/20:active { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:text-gray-700\/30:focus { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:text-gray-700\/30:hover { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:text-gray-700\/30:active { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:text-gray-700\/40:focus { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:text-gray-700\/40:hover { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:text-gray-700\/40:active { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:text-gray-700\/50:focus { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:text-gray-700\/50:hover { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:text-gray-700\/50:active { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:text-gray-700\/60:focus { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:text-gray-700\/60:hover { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:text-gray-700\/60:active { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:text-gray-700\/70:focus { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:text-gray-700\/70:hover { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:text-gray-700\/70:active { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:text-gray-700\/80:focus { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:text-gray-700\/80:hover { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:text-gray-700\/80:active { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:text-gray-700\/90:focus { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:text-gray-700\/90:hover { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:text-gray-700\/90:active { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:text-gray-800:focus { + color: var(--gray-800) + } + .md\:hover\:text-gray-800:hover { + color: var(--gray-800) + } + .md\:active\:text-gray-800:active { + color: var(--gray-800) + } + .md\:focus\:text-gray-800\/10:focus { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:text-gray-800\/10:hover { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:text-gray-800\/10:active { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:text-gray-800\/20:focus { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:text-gray-800\/20:hover { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:text-gray-800\/20:active { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:text-gray-800\/30:focus { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:text-gray-800\/30:hover { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:text-gray-800\/30:active { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:text-gray-800\/40:focus { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:text-gray-800\/40:hover { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:text-gray-800\/40:active { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:text-gray-800\/50:focus { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:text-gray-800\/50:hover { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:text-gray-800\/50:active { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:text-gray-800\/60:focus { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:text-gray-800\/60:hover { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:text-gray-800\/60:active { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:text-gray-800\/70:focus { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:text-gray-800\/70:hover { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:text-gray-800\/70:active { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:text-gray-800\/80:focus { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:text-gray-800\/80:hover { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:text-gray-800\/80:active { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:text-gray-800\/90:focus { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:text-gray-800\/90:hover { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:text-gray-800\/90:active { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:text-gray-900:focus { + color: var(--gray-900) + } + .md\:hover\:text-gray-900:hover { + color: var(--gray-900) + } + .md\:active\:text-gray-900:active { + color: var(--gray-900) + } + .md\:focus\:text-gray-900\/10:focus { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:text-gray-900\/10:hover { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:text-gray-900\/10:active { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:text-gray-900\/20:focus { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:text-gray-900\/20:hover { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:text-gray-900\/20:active { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:text-gray-900\/30:focus { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:text-gray-900\/30:hover { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:text-gray-900\/30:active { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:text-gray-900\/40:focus { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:text-gray-900\/40:hover { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:text-gray-900\/40:active { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:text-gray-900\/50:focus { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:text-gray-900\/50:hover { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:text-gray-900\/50:active { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:text-gray-900\/60:focus { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:text-gray-900\/60:hover { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:text-gray-900\/60:active { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:text-gray-900\/70:focus { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:text-gray-900\/70:hover { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:text-gray-900\/70:active { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:text-gray-900\/80:focus { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:text-gray-900\/80:hover { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:text-gray-900\/80:active { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:text-gray-900\/90:focus { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:text-gray-900\/90:hover { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:text-gray-900\/90:active { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:text-surface-0:focus { + color: var(--surface-0) + } + .md\:hover\:text-surface-0:hover { + color: var(--surface-0) + } + .md\:active\:text-surface-0:active { + color: var(--surface-0) + } + .md\:focus\:text-surface-0\/10:focus { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:text-surface-0\/10:hover { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:text-surface-0\/10:active { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:text-surface-0\/20:focus { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:text-surface-0\/20:hover { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:text-surface-0\/20:active { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:text-surface-0\/30:focus { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:text-surface-0\/30:hover { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:text-surface-0\/30:active { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:text-surface-0\/40:focus { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:text-surface-0\/40:hover { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:text-surface-0\/40:active { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:text-surface-0\/50:focus { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:text-surface-0\/50:hover { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:text-surface-0\/50:active { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:text-surface-0\/60:focus { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:text-surface-0\/60:hover { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:text-surface-0\/60:active { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:text-surface-0\/70:focus { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:text-surface-0\/70:hover { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:text-surface-0\/70:active { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:text-surface-0\/80:focus { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:text-surface-0\/80:hover { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:text-surface-0\/80:active { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:text-surface-0\/90:focus { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:text-surface-0\/90:hover { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:text-surface-0\/90:active { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:text-surface-50:focus { + color: var(--surface-50) + } + .md\:hover\:text-surface-50:hover { + color: var(--surface-50) + } + .md\:active\:text-surface-50:active { + color: var(--surface-50) + } + .md\:focus\:text-surface-50\/10:focus { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:text-surface-50\/10:hover { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:text-surface-50\/10:active { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:text-surface-50\/20:focus { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:text-surface-50\/20:hover { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:text-surface-50\/20:active { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:text-surface-50\/30:focus { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:text-surface-50\/30:hover { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:text-surface-50\/30:active { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:text-surface-50\/40:focus { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:text-surface-50\/40:hover { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:text-surface-50\/40:active { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:text-surface-50\/50:focus { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:text-surface-50\/50:hover { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:text-surface-50\/50:active { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:text-surface-50\/60:focus { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:text-surface-50\/60:hover { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:text-surface-50\/60:active { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:text-surface-50\/70:focus { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:text-surface-50\/70:hover { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:text-surface-50\/70:active { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:text-surface-50\/80:focus { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:text-surface-50\/80:hover { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:text-surface-50\/80:active { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:text-surface-50\/90:focus { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:text-surface-50\/90:hover { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:text-surface-50\/90:active { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:text-surface-100:focus { + color: var(--surface-100) + } + .md\:hover\:text-surface-100:hover { + color: var(--surface-100) + } + .md\:active\:text-surface-100:active { + color: var(--surface-100) + } + .md\:focus\:text-surface-100\/10:focus { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:text-surface-100\/10:hover { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:text-surface-100\/10:active { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:text-surface-100\/20:focus { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:text-surface-100\/20:hover { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:text-surface-100\/20:active { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:text-surface-100\/30:focus { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:text-surface-100\/30:hover { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:text-surface-100\/30:active { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:text-surface-100\/40:focus { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:text-surface-100\/40:hover { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:text-surface-100\/40:active { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:text-surface-100\/50:focus { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:text-surface-100\/50:hover { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:text-surface-100\/50:active { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:text-surface-100\/60:focus { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:text-surface-100\/60:hover { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:text-surface-100\/60:active { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:text-surface-100\/70:focus { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:text-surface-100\/70:hover { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:text-surface-100\/70:active { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:text-surface-100\/80:focus { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:text-surface-100\/80:hover { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:text-surface-100\/80:active { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:text-surface-100\/90:focus { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:text-surface-100\/90:hover { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:text-surface-100\/90:active { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:text-surface-200:focus { + color: var(--surface-200) + } + .md\:hover\:text-surface-200:hover { + color: var(--surface-200) + } + .md\:active\:text-surface-200:active { + color: var(--surface-200) + } + .md\:focus\:text-surface-200\/10:focus { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:text-surface-200\/10:hover { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:text-surface-200\/10:active { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:text-surface-200\/20:focus { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:text-surface-200\/20:hover { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:text-surface-200\/20:active { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:text-surface-200\/30:focus { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:text-surface-200\/30:hover { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:text-surface-200\/30:active { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:text-surface-200\/40:focus { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:text-surface-200\/40:hover { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:text-surface-200\/40:active { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:text-surface-200\/50:focus { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:text-surface-200\/50:hover { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:text-surface-200\/50:active { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:text-surface-200\/60:focus { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:text-surface-200\/60:hover { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:text-surface-200\/60:active { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:text-surface-200\/70:focus { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:text-surface-200\/70:hover { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:text-surface-200\/70:active { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:text-surface-200\/80:focus { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:text-surface-200\/80:hover { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:text-surface-200\/80:active { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:text-surface-200\/90:focus { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:text-surface-200\/90:hover { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:text-surface-200\/90:active { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:text-surface-300:focus { + color: var(--surface-300) + } + .md\:hover\:text-surface-300:hover { + color: var(--surface-300) + } + .md\:active\:text-surface-300:active { + color: var(--surface-300) + } + .md\:focus\:text-surface-300\/10:focus { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:text-surface-300\/10:hover { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:text-surface-300\/10:active { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:text-surface-300\/20:focus { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:text-surface-300\/20:hover { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:text-surface-300\/20:active { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:text-surface-300\/30:focus { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:text-surface-300\/30:hover { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:text-surface-300\/30:active { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:text-surface-300\/40:focus { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:text-surface-300\/40:hover { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:text-surface-300\/40:active { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:text-surface-300\/50:focus { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:text-surface-300\/50:hover { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:text-surface-300\/50:active { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:text-surface-300\/60:focus { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:text-surface-300\/60:hover { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:text-surface-300\/60:active { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:text-surface-300\/70:focus { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:text-surface-300\/70:hover { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:text-surface-300\/70:active { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:text-surface-300\/80:focus { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:text-surface-300\/80:hover { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:text-surface-300\/80:active { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:text-surface-300\/90:focus { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:text-surface-300\/90:hover { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:text-surface-300\/90:active { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:text-surface-400:focus { + color: var(--surface-400) + } + .md\:hover\:text-surface-400:hover { + color: var(--surface-400) + } + .md\:active\:text-surface-400:active { + color: var(--surface-400) + } + .md\:focus\:text-surface-400\/10:focus { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:text-surface-400\/10:hover { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:text-surface-400\/10:active { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:text-surface-400\/20:focus { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:text-surface-400\/20:hover { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:text-surface-400\/20:active { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:text-surface-400\/30:focus { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:text-surface-400\/30:hover { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:text-surface-400\/30:active { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:text-surface-400\/40:focus { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:text-surface-400\/40:hover { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:text-surface-400\/40:active { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:text-surface-400\/50:focus { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:text-surface-400\/50:hover { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:text-surface-400\/50:active { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:text-surface-400\/60:focus { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:text-surface-400\/60:hover { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:text-surface-400\/60:active { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:text-surface-400\/70:focus { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:text-surface-400\/70:hover { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:text-surface-400\/70:active { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:text-surface-400\/80:focus { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:text-surface-400\/80:hover { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:text-surface-400\/80:active { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:text-surface-400\/90:focus { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:text-surface-400\/90:hover { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:text-surface-400\/90:active { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:text-surface-500:focus { + color: var(--surface-500) + } + .md\:hover\:text-surface-500:hover { + color: var(--surface-500) + } + .md\:active\:text-surface-500:active { + color: var(--surface-500) + } + .md\:focus\:text-surface-500\/10:focus { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:text-surface-500\/10:hover { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:text-surface-500\/10:active { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:text-surface-500\/20:focus { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:text-surface-500\/20:hover { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:text-surface-500\/20:active { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:text-surface-500\/30:focus { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:text-surface-500\/30:hover { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:text-surface-500\/30:active { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:text-surface-500\/40:focus { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:text-surface-500\/40:hover { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:text-surface-500\/40:active { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:text-surface-500\/50:focus { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:text-surface-500\/50:hover { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:text-surface-500\/50:active { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:text-surface-500\/60:focus { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:text-surface-500\/60:hover { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:text-surface-500\/60:active { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:text-surface-500\/70:focus { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:text-surface-500\/70:hover { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:text-surface-500\/70:active { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:text-surface-500\/80:focus { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:text-surface-500\/80:hover { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:text-surface-500\/80:active { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:text-surface-500\/90:focus { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:text-surface-500\/90:hover { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:text-surface-500\/90:active { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:text-surface-600:focus { + color: var(--surface-600) + } + .md\:hover\:text-surface-600:hover { + color: var(--surface-600) + } + .md\:active\:text-surface-600:active { + color: var(--surface-600) + } + .md\:focus\:text-surface-600\/10:focus { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:text-surface-600\/10:hover { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:text-surface-600\/10:active { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:text-surface-600\/20:focus { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:text-surface-600\/20:hover { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:text-surface-600\/20:active { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:text-surface-600\/30:focus { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:text-surface-600\/30:hover { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:text-surface-600\/30:active { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:text-surface-600\/40:focus { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:text-surface-600\/40:hover { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:text-surface-600\/40:active { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:text-surface-600\/50:focus { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:text-surface-600\/50:hover { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:text-surface-600\/50:active { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:text-surface-600\/60:focus { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:text-surface-600\/60:hover { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:text-surface-600\/60:active { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:text-surface-600\/70:focus { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:text-surface-600\/70:hover { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:text-surface-600\/70:active { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:text-surface-600\/80:focus { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:text-surface-600\/80:hover { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:text-surface-600\/80:active { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:text-surface-600\/90:focus { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:text-surface-600\/90:hover { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:text-surface-600\/90:active { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:text-surface-700:focus { + color: var(--surface-700) + } + .md\:hover\:text-surface-700:hover { + color: var(--surface-700) + } + .md\:active\:text-surface-700:active { + color: var(--surface-700) + } + .md\:focus\:text-surface-700\/10:focus { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:text-surface-700\/10:hover { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:text-surface-700\/10:active { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:text-surface-700\/20:focus { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:text-surface-700\/20:hover { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:text-surface-700\/20:active { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:text-surface-700\/30:focus { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:text-surface-700\/30:hover { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:text-surface-700\/30:active { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:text-surface-700\/40:focus { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:text-surface-700\/40:hover { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:text-surface-700\/40:active { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:text-surface-700\/50:focus { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:text-surface-700\/50:hover { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:text-surface-700\/50:active { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:text-surface-700\/60:focus { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:text-surface-700\/60:hover { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:text-surface-700\/60:active { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:text-surface-700\/70:focus { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:text-surface-700\/70:hover { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:text-surface-700\/70:active { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:text-surface-700\/80:focus { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:text-surface-700\/80:hover { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:text-surface-700\/80:active { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:text-surface-700\/90:focus { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:text-surface-700\/90:hover { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:text-surface-700\/90:active { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:text-surface-800:focus { + color: var(--surface-800) + } + .md\:hover\:text-surface-800:hover { + color: var(--surface-800) + } + .md\:active\:text-surface-800:active { + color: var(--surface-800) + } + .md\:focus\:text-surface-800\/10:focus { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:text-surface-800\/10:hover { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:text-surface-800\/10:active { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:text-surface-800\/20:focus { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:text-surface-800\/20:hover { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:text-surface-800\/20:active { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:text-surface-800\/30:focus { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:text-surface-800\/30:hover { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:text-surface-800\/30:active { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:text-surface-800\/40:focus { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:text-surface-800\/40:hover { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:text-surface-800\/40:active { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:text-surface-800\/50:focus { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:text-surface-800\/50:hover { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:text-surface-800\/50:active { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:text-surface-800\/60:focus { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:text-surface-800\/60:hover { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:text-surface-800\/60:active { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:text-surface-800\/70:focus { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:text-surface-800\/70:hover { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:text-surface-800\/70:active { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:text-surface-800\/80:focus { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:text-surface-800\/80:hover { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:text-surface-800\/80:active { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:text-surface-800\/90:focus { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:text-surface-800\/90:hover { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:text-surface-800\/90:active { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:text-surface-900:focus { + color: var(--surface-900) + } + .md\:hover\:text-surface-900:hover { + color: var(--surface-900) + } + .md\:active\:text-surface-900:active { + color: var(--surface-900) + } + .md\:focus\:text-surface-900\/10:focus { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:text-surface-900\/10:hover { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:text-surface-900\/10:active { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:text-surface-900\/20:focus { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:text-surface-900\/20:hover { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:text-surface-900\/20:active { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:text-surface-900\/30:focus { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:text-surface-900\/30:hover { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:text-surface-900\/30:active { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:text-surface-900\/40:focus { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:text-surface-900\/40:hover { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:text-surface-900\/40:active { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:text-surface-900\/50:focus { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:text-surface-900\/50:hover { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:text-surface-900\/50:active { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:text-surface-900\/60:focus { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:text-surface-900\/60:hover { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:text-surface-900\/60:active { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:text-surface-900\/70:focus { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:text-surface-900\/70:hover { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:text-surface-900\/70:active { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:text-surface-900\/80:focus { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:text-surface-900\/80:hover { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:text-surface-900\/80:active { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:text-surface-900\/90:focus { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:text-surface-900\/90:hover { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:text-surface-900\/90:active { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:text-primary-50:focus { + color: var(--primary-50) + } + .md\:hover\:text-primary-50:hover { + color: var(--primary-50) + } + .md\:active\:text-primary-50:active { + color: var(--primary-50) + } + .md\:focus\:text-primary-50\/10:focus { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:text-primary-50\/10:hover { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:text-primary-50\/10:active { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:text-primary-50\/20:focus { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:text-primary-50\/20:hover { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:text-primary-50\/20:active { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:text-primary-50\/30:focus { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:text-primary-50\/30:hover { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:text-primary-50\/30:active { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:text-primary-50\/40:focus { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:text-primary-50\/40:hover { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:text-primary-50\/40:active { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:text-primary-50\/50:focus { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:text-primary-50\/50:hover { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:text-primary-50\/50:active { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:text-primary-50\/60:focus { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:text-primary-50\/60:hover { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:text-primary-50\/60:active { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:text-primary-50\/70:focus { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:text-primary-50\/70:hover { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:text-primary-50\/70:active { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:text-primary-50\/80:focus { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:text-primary-50\/80:hover { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:text-primary-50\/80:active { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:text-primary-50\/90:focus { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:text-primary-50\/90:hover { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:text-primary-50\/90:active { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:text-primary-100:focus { + color: var(--primary-100) + } + .md\:hover\:text-primary-100:hover { + color: var(--primary-100) + } + .md\:active\:text-primary-100:active { + color: var(--primary-100) + } + .md\:focus\:text-primary-100\/10:focus { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:text-primary-100\/10:hover { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:text-primary-100\/10:active { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:text-primary-100\/20:focus { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:text-primary-100\/20:hover { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:text-primary-100\/20:active { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:text-primary-100\/30:focus { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:text-primary-100\/30:hover { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:text-primary-100\/30:active { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:text-primary-100\/40:focus { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:text-primary-100\/40:hover { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:text-primary-100\/40:active { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:text-primary-100\/50:focus { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:text-primary-100\/50:hover { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:text-primary-100\/50:active { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:text-primary-100\/60:focus { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:text-primary-100\/60:hover { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:text-primary-100\/60:active { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:text-primary-100\/70:focus { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:text-primary-100\/70:hover { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:text-primary-100\/70:active { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:text-primary-100\/80:focus { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:text-primary-100\/80:hover { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:text-primary-100\/80:active { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:text-primary-100\/90:focus { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:text-primary-100\/90:hover { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:text-primary-100\/90:active { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:text-primary-200:focus { + color: var(--primary-200) + } + .md\:hover\:text-primary-200:hover { + color: var(--primary-200) + } + .md\:active\:text-primary-200:active { + color: var(--primary-200) + } + .md\:focus\:text-primary-200\/10:focus { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:text-primary-200\/10:hover { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:text-primary-200\/10:active { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:text-primary-200\/20:focus { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:text-primary-200\/20:hover { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:text-primary-200\/20:active { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:text-primary-200\/30:focus { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:text-primary-200\/30:hover { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:text-primary-200\/30:active { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:text-primary-200\/40:focus { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:text-primary-200\/40:hover { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:text-primary-200\/40:active { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:text-primary-200\/50:focus { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:text-primary-200\/50:hover { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:text-primary-200\/50:active { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:text-primary-200\/60:focus { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:text-primary-200\/60:hover { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:text-primary-200\/60:active { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:text-primary-200\/70:focus { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:text-primary-200\/70:hover { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:text-primary-200\/70:active { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:text-primary-200\/80:focus { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:text-primary-200\/80:hover { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:text-primary-200\/80:active { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:text-primary-200\/90:focus { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:text-primary-200\/90:hover { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:text-primary-200\/90:active { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:text-primary-300:focus { + color: var(--primary-300) + } + .md\:hover\:text-primary-300:hover { + color: var(--primary-300) + } + .md\:active\:text-primary-300:active { + color: var(--primary-300) + } + .md\:focus\:text-primary-300\/10:focus { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:text-primary-300\/10:hover { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:text-primary-300\/10:active { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:text-primary-300\/20:focus { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:text-primary-300\/20:hover { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:text-primary-300\/20:active { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:text-primary-300\/30:focus { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:text-primary-300\/30:hover { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:text-primary-300\/30:active { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:text-primary-300\/40:focus { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:text-primary-300\/40:hover { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:text-primary-300\/40:active { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:text-primary-300\/50:focus { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:text-primary-300\/50:hover { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:text-primary-300\/50:active { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:text-primary-300\/60:focus { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:text-primary-300\/60:hover { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:text-primary-300\/60:active { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:text-primary-300\/70:focus { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:text-primary-300\/70:hover { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:text-primary-300\/70:active { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:text-primary-300\/80:focus { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:text-primary-300\/80:hover { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:text-primary-300\/80:active { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:text-primary-300\/90:focus { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:text-primary-300\/90:hover { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:text-primary-300\/90:active { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:text-primary-400:focus { + color: var(--primary-400) + } + .md\:hover\:text-primary-400:hover { + color: var(--primary-400) + } + .md\:active\:text-primary-400:active { + color: var(--primary-400) + } + .md\:focus\:text-primary-400\/10:focus { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:text-primary-400\/10:hover { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:text-primary-400\/10:active { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:text-primary-400\/20:focus { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:text-primary-400\/20:hover { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:text-primary-400\/20:active { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:text-primary-400\/30:focus { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:text-primary-400\/30:hover { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:text-primary-400\/30:active { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:text-primary-400\/40:focus { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:text-primary-400\/40:hover { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:text-primary-400\/40:active { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:text-primary-400\/50:focus { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:text-primary-400\/50:hover { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:text-primary-400\/50:active { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:text-primary-400\/60:focus { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:text-primary-400\/60:hover { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:text-primary-400\/60:active { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:text-primary-400\/70:focus { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:text-primary-400\/70:hover { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:text-primary-400\/70:active { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:text-primary-400\/80:focus { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:text-primary-400\/80:hover { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:text-primary-400\/80:active { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:text-primary-400\/90:focus { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:text-primary-400\/90:hover { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:text-primary-400\/90:active { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:text-primary-500:focus { + color: var(--primary-500) + } + .md\:hover\:text-primary-500:hover { + color: var(--primary-500) + } + .md\:active\:text-primary-500:active { + color: var(--primary-500) + } + .md\:focus\:text-primary-500\/10:focus { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:text-primary-500\/10:hover { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:text-primary-500\/10:active { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:text-primary-500\/20:focus { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:text-primary-500\/20:hover { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:text-primary-500\/20:active { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:text-primary-500\/30:focus { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:text-primary-500\/30:hover { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:text-primary-500\/30:active { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:text-primary-500\/40:focus { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:text-primary-500\/40:hover { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:text-primary-500\/40:active { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:text-primary-500\/50:focus { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:text-primary-500\/50:hover { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:text-primary-500\/50:active { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:text-primary-500\/60:focus { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:text-primary-500\/60:hover { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:text-primary-500\/60:active { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:text-primary-500\/70:focus { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:text-primary-500\/70:hover { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:text-primary-500\/70:active { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:text-primary-500\/80:focus { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:text-primary-500\/80:hover { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:text-primary-500\/80:active { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:text-primary-500\/90:focus { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:text-primary-500\/90:hover { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:text-primary-500\/90:active { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:text-primary-600:focus { + color: var(--primary-600) + } + .md\:hover\:text-primary-600:hover { + color: var(--primary-600) + } + .md\:active\:text-primary-600:active { + color: var(--primary-600) + } + .md\:focus\:text-primary-600\/10:focus { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:text-primary-600\/10:hover { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:text-primary-600\/10:active { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:text-primary-600\/20:focus { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:text-primary-600\/20:hover { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:text-primary-600\/20:active { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:text-primary-600\/30:focus { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:text-primary-600\/30:hover { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:text-primary-600\/30:active { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:text-primary-600\/40:focus { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:text-primary-600\/40:hover { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:text-primary-600\/40:active { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:text-primary-600\/50:focus { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:text-primary-600\/50:hover { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:text-primary-600\/50:active { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:text-primary-600\/60:focus { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:text-primary-600\/60:hover { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:text-primary-600\/60:active { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:text-primary-600\/70:focus { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:text-primary-600\/70:hover { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:text-primary-600\/70:active { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:text-primary-600\/80:focus { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:text-primary-600\/80:hover { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:text-primary-600\/80:active { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:text-primary-600\/90:focus { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:text-primary-600\/90:hover { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:text-primary-600\/90:active { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:text-primary-700:focus { + color: var(--primary-700) + } + .md\:hover\:text-primary-700:hover { + color: var(--primary-700) + } + .md\:active\:text-primary-700:active { + color: var(--primary-700) + } + .md\:focus\:text-primary-700\/10:focus { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:text-primary-700\/10:hover { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:text-primary-700\/10:active { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:text-primary-700\/20:focus { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:text-primary-700\/20:hover { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:text-primary-700\/20:active { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:text-primary-700\/30:focus { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:text-primary-700\/30:hover { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:text-primary-700\/30:active { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:text-primary-700\/40:focus { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:text-primary-700\/40:hover { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:text-primary-700\/40:active { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:text-primary-700\/50:focus { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:text-primary-700\/50:hover { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:text-primary-700\/50:active { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:text-primary-700\/60:focus { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:text-primary-700\/60:hover { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:text-primary-700\/60:active { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:text-primary-700\/70:focus { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:text-primary-700\/70:hover { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:text-primary-700\/70:active { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:text-primary-700\/80:focus { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:text-primary-700\/80:hover { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:text-primary-700\/80:active { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:text-primary-700\/90:focus { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:text-primary-700\/90:hover { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:text-primary-700\/90:active { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:text-primary-800:focus { + color: var(--primary-800) + } + .md\:hover\:text-primary-800:hover { + color: var(--primary-800) + } + .md\:active\:text-primary-800:active { + color: var(--primary-800) + } + .md\:focus\:text-primary-800\/10:focus { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:text-primary-800\/10:hover { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:text-primary-800\/10:active { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:text-primary-800\/20:focus { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:text-primary-800\/20:hover { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:text-primary-800\/20:active { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:text-primary-800\/30:focus { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:text-primary-800\/30:hover { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:text-primary-800\/30:active { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:text-primary-800\/40:focus { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:text-primary-800\/40:hover { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:text-primary-800\/40:active { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:text-primary-800\/50:focus { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:text-primary-800\/50:hover { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:text-primary-800\/50:active { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:text-primary-800\/60:focus { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:text-primary-800\/60:hover { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:text-primary-800\/60:active { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:text-primary-800\/70:focus { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:text-primary-800\/70:hover { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:text-primary-800\/70:active { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:text-primary-800\/80:focus { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:text-primary-800\/80:hover { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:text-primary-800\/80:active { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:text-primary-800\/90:focus { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:text-primary-800\/90:hover { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:text-primary-800\/90:active { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:text-primary-900:focus { + color: var(--primary-900) + } + .md\:hover\:text-primary-900:hover { + color: var(--primary-900) + } + .md\:active\:text-primary-900:active { + color: var(--primary-900) + } + .md\:focus\:text-primary-900\/10:focus { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:text-primary-900\/10:hover { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:text-primary-900\/10:active { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:text-primary-900\/20:focus { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:text-primary-900\/20:hover { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:text-primary-900\/20:active { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:text-primary-900\/30:focus { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:text-primary-900\/30:hover { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:text-primary-900\/30:active { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:text-primary-900\/40:focus { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:text-primary-900\/40:hover { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:text-primary-900\/40:active { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:text-primary-900\/50:focus { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:text-primary-900\/50:hover { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:text-primary-900\/50:active { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:text-primary-900\/60:focus { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:text-primary-900\/60:hover { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:text-primary-900\/60:active { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:text-primary-900\/70:focus { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:text-primary-900\/70:hover { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:text-primary-900\/70:active { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:text-primary-900\/80:focus { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:text-primary-900\/80:hover { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:text-primary-900\/80:active { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:text-primary-900\/90:focus { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:text-primary-900\/90:hover { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:text-primary-900\/90:active { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:text-blue-50 { + color: var(--blue-50) + } + .lg\:text-blue-50\/10 { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:text-blue-50\/20 { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:text-blue-50\/30 { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:text-blue-50\/40 { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:text-blue-50\/50 { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:text-blue-50\/60 { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:text-blue-50\/70 { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:text-blue-50\/80 { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:text-blue-50\/90 { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:text-blue-100 { + color: var(--blue-100) + } + .lg\:text-blue-100\/10 { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:text-blue-100\/20 { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:text-blue-100\/30 { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:text-blue-100\/40 { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:text-blue-100\/50 { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:text-blue-100\/60 { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:text-blue-100\/70 { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:text-blue-100\/80 { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:text-blue-100\/90 { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:text-blue-200 { + color: var(--blue-200) + } + .lg\:text-blue-200\/10 { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:text-blue-200\/20 { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:text-blue-200\/30 { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:text-blue-200\/40 { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:text-blue-200\/50 { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:text-blue-200\/60 { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:text-blue-200\/70 { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:text-blue-200\/80 { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:text-blue-200\/90 { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:text-blue-300 { + color: var(--blue-300) + } + .lg\:text-blue-300\/10 { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:text-blue-300\/20 { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:text-blue-300\/30 { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:text-blue-300\/40 { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:text-blue-300\/50 { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:text-blue-300\/60 { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:text-blue-300\/70 { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:text-blue-300\/80 { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:text-blue-300\/90 { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:text-blue-400 { + color: var(--blue-400) + } + .lg\:text-blue-400\/10 { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:text-blue-400\/20 { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:text-blue-400\/30 { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:text-blue-400\/40 { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:text-blue-400\/50 { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:text-blue-400\/60 { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:text-blue-400\/70 { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:text-blue-400\/80 { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:text-blue-400\/90 { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:text-blue-500 { + color: var(--blue-500) + } + .lg\:text-blue-500\/10 { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:text-blue-500\/20 { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:text-blue-500\/30 { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:text-blue-500\/40 { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:text-blue-500\/50 { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:text-blue-500\/60 { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:text-blue-500\/70 { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:text-blue-500\/80 { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:text-blue-500\/90 { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:text-blue-600 { + color: var(--blue-600) + } + .lg\:text-blue-600\/10 { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:text-blue-600\/20 { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:text-blue-600\/30 { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:text-blue-600\/40 { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:text-blue-600\/50 { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:text-blue-600\/60 { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:text-blue-600\/70 { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:text-blue-600\/80 { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:text-blue-600\/90 { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:text-blue-700 { + color: var(--blue-700) + } + .lg\:text-blue-700\/10 { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:text-blue-700\/20 { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:text-blue-700\/30 { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:text-blue-700\/40 { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:text-blue-700\/50 { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:text-blue-700\/60 { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:text-blue-700\/70 { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:text-blue-700\/80 { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:text-blue-700\/90 { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:text-blue-800 { + color: var(--blue-800) + } + .lg\:text-blue-800\/10 { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:text-blue-800\/20 { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:text-blue-800\/30 { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:text-blue-800\/40 { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:text-blue-800\/50 { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:text-blue-800\/60 { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:text-blue-800\/70 { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:text-blue-800\/80 { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:text-blue-800\/90 { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:text-blue-900 { + color: var(--blue-900) + } + .lg\:text-blue-900\/10 { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:text-blue-900\/20 { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:text-blue-900\/30 { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:text-blue-900\/40 { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:text-blue-900\/50 { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:text-blue-900\/60 { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:text-blue-900\/70 { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:text-blue-900\/80 { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:text-blue-900\/90 { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:text-green-50 { + color: var(--green-50) + } + .lg\:text-green-50\/10 { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:text-green-50\/20 { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:text-green-50\/30 { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:text-green-50\/40 { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:text-green-50\/50 { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:text-green-50\/60 { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:text-green-50\/70 { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:text-green-50\/80 { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:text-green-50\/90 { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:text-green-100 { + color: var(--green-100) + } + .lg\:text-green-100\/10 { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:text-green-100\/20 { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:text-green-100\/30 { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:text-green-100\/40 { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:text-green-100\/50 { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:text-green-100\/60 { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:text-green-100\/70 { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:text-green-100\/80 { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:text-green-100\/90 { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:text-green-200 { + color: var(--green-200) + } + .lg\:text-green-200\/10 { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:text-green-200\/20 { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:text-green-200\/30 { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:text-green-200\/40 { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:text-green-200\/50 { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:text-green-200\/60 { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:text-green-200\/70 { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:text-green-200\/80 { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:text-green-200\/90 { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:text-green-300 { + color: var(--green-300) + } + .lg\:text-green-300\/10 { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:text-green-300\/20 { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:text-green-300\/30 { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:text-green-300\/40 { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:text-green-300\/50 { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:text-green-300\/60 { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:text-green-300\/70 { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:text-green-300\/80 { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:text-green-300\/90 { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:text-green-400 { + color: var(--green-400) + } + .lg\:text-green-400\/10 { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:text-green-400\/20 { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:text-green-400\/30 { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:text-green-400\/40 { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:text-green-400\/50 { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:text-green-400\/60 { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:text-green-400\/70 { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:text-green-400\/80 { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:text-green-400\/90 { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:text-green-500 { + color: var(--green-500) + } + .lg\:text-green-500\/10 { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:text-green-500\/20 { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:text-green-500\/30 { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:text-green-500\/40 { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:text-green-500\/50 { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:text-green-500\/60 { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:text-green-500\/70 { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:text-green-500\/80 { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:text-green-500\/90 { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:text-green-600 { + color: var(--green-600) + } + .lg\:text-green-600\/10 { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:text-green-600\/20 { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:text-green-600\/30 { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:text-green-600\/40 { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:text-green-600\/50 { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:text-green-600\/60 { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:text-green-600\/70 { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:text-green-600\/80 { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:text-green-600\/90 { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:text-green-700 { + color: var(--green-700) + } + .lg\:text-green-700\/10 { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:text-green-700\/20 { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:text-green-700\/30 { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:text-green-700\/40 { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:text-green-700\/50 { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:text-green-700\/60 { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:text-green-700\/70 { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:text-green-700\/80 { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:text-green-700\/90 { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:text-green-800 { + color: var(--green-800) + } + .lg\:text-green-800\/10 { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:text-green-800\/20 { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:text-green-800\/30 { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:text-green-800\/40 { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:text-green-800\/50 { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:text-green-800\/60 { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:text-green-800\/70 { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:text-green-800\/80 { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:text-green-800\/90 { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:text-green-900 { + color: var(--green-900) + } + .lg\:text-green-900\/10 { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:text-green-900\/20 { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:text-green-900\/30 { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:text-green-900\/40 { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:text-green-900\/50 { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:text-green-900\/60 { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:text-green-900\/70 { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:text-green-900\/80 { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:text-green-900\/90 { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:text-yellow-50 { + color: var(--yellow-50) + } + .lg\:text-yellow-50\/10 { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:text-yellow-50\/20 { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:text-yellow-50\/30 { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:text-yellow-50\/40 { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:text-yellow-50\/50 { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:text-yellow-50\/60 { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:text-yellow-50\/70 { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:text-yellow-50\/80 { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:text-yellow-50\/90 { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:text-yellow-100 { + color: var(--yellow-100) + } + .lg\:text-yellow-100\/10 { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:text-yellow-100\/20 { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:text-yellow-100\/30 { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:text-yellow-100\/40 { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:text-yellow-100\/50 { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:text-yellow-100\/60 { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:text-yellow-100\/70 { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:text-yellow-100\/80 { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:text-yellow-100\/90 { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:text-yellow-200 { + color: var(--yellow-200) + } + .lg\:text-yellow-200\/10 { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:text-yellow-200\/20 { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:text-yellow-200\/30 { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:text-yellow-200\/40 { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:text-yellow-200\/50 { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:text-yellow-200\/60 { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:text-yellow-200\/70 { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:text-yellow-200\/80 { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:text-yellow-200\/90 { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:text-yellow-300 { + color: var(--yellow-300) + } + .lg\:text-yellow-300\/10 { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:text-yellow-300\/20 { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:text-yellow-300\/30 { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:text-yellow-300\/40 { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:text-yellow-300\/50 { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:text-yellow-300\/60 { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:text-yellow-300\/70 { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:text-yellow-300\/80 { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:text-yellow-300\/90 { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:text-yellow-400 { + color: var(--yellow-400) + } + .lg\:text-yellow-400\/10 { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:text-yellow-400\/20 { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:text-yellow-400\/30 { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:text-yellow-400\/40 { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:text-yellow-400\/50 { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:text-yellow-400\/60 { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:text-yellow-400\/70 { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:text-yellow-400\/80 { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:text-yellow-400\/90 { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:text-yellow-500 { + color: var(--yellow-500) + } + .lg\:text-yellow-500\/10 { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:text-yellow-500\/20 { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:text-yellow-500\/30 { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:text-yellow-500\/40 { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:text-yellow-500\/50 { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:text-yellow-500\/60 { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:text-yellow-500\/70 { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:text-yellow-500\/80 { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:text-yellow-500\/90 { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:text-yellow-600 { + color: var(--yellow-600) + } + .lg\:text-yellow-600\/10 { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:text-yellow-600\/20 { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:text-yellow-600\/30 { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:text-yellow-600\/40 { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:text-yellow-600\/50 { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:text-yellow-600\/60 { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:text-yellow-600\/70 { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:text-yellow-600\/80 { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:text-yellow-600\/90 { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:text-yellow-700 { + color: var(--yellow-700) + } + .lg\:text-yellow-700\/10 { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:text-yellow-700\/20 { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:text-yellow-700\/30 { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:text-yellow-700\/40 { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:text-yellow-700\/50 { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:text-yellow-700\/60 { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:text-yellow-700\/70 { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:text-yellow-700\/80 { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:text-yellow-700\/90 { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:text-yellow-800 { + color: var(--yellow-800) + } + .lg\:text-yellow-800\/10 { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:text-yellow-800\/20 { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:text-yellow-800\/30 { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:text-yellow-800\/40 { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:text-yellow-800\/50 { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:text-yellow-800\/60 { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:text-yellow-800\/70 { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:text-yellow-800\/80 { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:text-yellow-800\/90 { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:text-yellow-900 { + color: var(--yellow-900) + } + .lg\:text-yellow-900\/10 { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:text-yellow-900\/20 { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:text-yellow-900\/30 { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:text-yellow-900\/40 { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:text-yellow-900\/50 { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:text-yellow-900\/60 { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:text-yellow-900\/70 { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:text-yellow-900\/80 { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:text-yellow-900\/90 { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:text-cyan-50 { + color: var(--cyan-50) + } + .lg\:text-cyan-50\/10 { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:text-cyan-50\/20 { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:text-cyan-50\/30 { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:text-cyan-50\/40 { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:text-cyan-50\/50 { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:text-cyan-50\/60 { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:text-cyan-50\/70 { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:text-cyan-50\/80 { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:text-cyan-50\/90 { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:text-cyan-100 { + color: var(--cyan-100) + } + .lg\:text-cyan-100\/10 { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:text-cyan-100\/20 { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:text-cyan-100\/30 { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:text-cyan-100\/40 { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:text-cyan-100\/50 { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:text-cyan-100\/60 { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:text-cyan-100\/70 { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:text-cyan-100\/80 { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:text-cyan-100\/90 { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:text-cyan-200 { + color: var(--cyan-200) + } + .lg\:text-cyan-200\/10 { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:text-cyan-200\/20 { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:text-cyan-200\/30 { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:text-cyan-200\/40 { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:text-cyan-200\/50 { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:text-cyan-200\/60 { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:text-cyan-200\/70 { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:text-cyan-200\/80 { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:text-cyan-200\/90 { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:text-cyan-300 { + color: var(--cyan-300) + } + .lg\:text-cyan-300\/10 { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:text-cyan-300\/20 { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:text-cyan-300\/30 { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:text-cyan-300\/40 { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:text-cyan-300\/50 { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:text-cyan-300\/60 { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:text-cyan-300\/70 { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:text-cyan-300\/80 { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:text-cyan-300\/90 { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:text-cyan-400 { + color: var(--cyan-400) + } + .lg\:text-cyan-400\/10 { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:text-cyan-400\/20 { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:text-cyan-400\/30 { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:text-cyan-400\/40 { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:text-cyan-400\/50 { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:text-cyan-400\/60 { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:text-cyan-400\/70 { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:text-cyan-400\/80 { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:text-cyan-400\/90 { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:text-cyan-500 { + color: var(--cyan-500) + } + .lg\:text-cyan-500\/10 { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:text-cyan-500\/20 { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:text-cyan-500\/30 { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:text-cyan-500\/40 { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:text-cyan-500\/50 { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:text-cyan-500\/60 { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:text-cyan-500\/70 { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:text-cyan-500\/80 { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:text-cyan-500\/90 { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:text-cyan-600 { + color: var(--cyan-600) + } + .lg\:text-cyan-600\/10 { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:text-cyan-600\/20 { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:text-cyan-600\/30 { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:text-cyan-600\/40 { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:text-cyan-600\/50 { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:text-cyan-600\/60 { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:text-cyan-600\/70 { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:text-cyan-600\/80 { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:text-cyan-600\/90 { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:text-cyan-700 { + color: var(--cyan-700) + } + .lg\:text-cyan-700\/10 { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:text-cyan-700\/20 { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:text-cyan-700\/30 { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:text-cyan-700\/40 { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:text-cyan-700\/50 { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:text-cyan-700\/60 { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:text-cyan-700\/70 { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:text-cyan-700\/80 { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:text-cyan-700\/90 { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:text-cyan-800 { + color: var(--cyan-800) + } + .lg\:text-cyan-800\/10 { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:text-cyan-800\/20 { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:text-cyan-800\/30 { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:text-cyan-800\/40 { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:text-cyan-800\/50 { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:text-cyan-800\/60 { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:text-cyan-800\/70 { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:text-cyan-800\/80 { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:text-cyan-800\/90 { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:text-cyan-900 { + color: var(--cyan-900) + } + .lg\:text-cyan-900\/10 { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:text-cyan-900\/20 { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:text-cyan-900\/30 { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:text-cyan-900\/40 { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:text-cyan-900\/50 { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:text-cyan-900\/60 { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:text-cyan-900\/70 { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:text-cyan-900\/80 { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:text-cyan-900\/90 { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:text-pink-50 { + color: var(--pink-50) + } + .lg\:text-pink-50\/10 { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:text-pink-50\/20 { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:text-pink-50\/30 { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:text-pink-50\/40 { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:text-pink-50\/50 { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:text-pink-50\/60 { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:text-pink-50\/70 { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:text-pink-50\/80 { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:text-pink-50\/90 { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:text-pink-100 { + color: var(--pink-100) + } + .lg\:text-pink-100\/10 { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:text-pink-100\/20 { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:text-pink-100\/30 { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:text-pink-100\/40 { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:text-pink-100\/50 { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:text-pink-100\/60 { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:text-pink-100\/70 { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:text-pink-100\/80 { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:text-pink-100\/90 { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:text-pink-200 { + color: var(--pink-200) + } + .lg\:text-pink-200\/10 { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:text-pink-200\/20 { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:text-pink-200\/30 { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:text-pink-200\/40 { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:text-pink-200\/50 { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:text-pink-200\/60 { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:text-pink-200\/70 { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:text-pink-200\/80 { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:text-pink-200\/90 { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:text-pink-300 { + color: var(--pink-300) + } + .lg\:text-pink-300\/10 { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:text-pink-300\/20 { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:text-pink-300\/30 { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:text-pink-300\/40 { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:text-pink-300\/50 { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:text-pink-300\/60 { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:text-pink-300\/70 { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:text-pink-300\/80 { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:text-pink-300\/90 { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:text-pink-400 { + color: var(--pink-400) + } + .lg\:text-pink-400\/10 { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:text-pink-400\/20 { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:text-pink-400\/30 { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:text-pink-400\/40 { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:text-pink-400\/50 { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:text-pink-400\/60 { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:text-pink-400\/70 { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:text-pink-400\/80 { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:text-pink-400\/90 { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:text-pink-500 { + color: var(--pink-500) + } + .lg\:text-pink-500\/10 { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:text-pink-500\/20 { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:text-pink-500\/30 { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:text-pink-500\/40 { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:text-pink-500\/50 { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:text-pink-500\/60 { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:text-pink-500\/70 { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:text-pink-500\/80 { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:text-pink-500\/90 { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:text-pink-600 { + color: var(--pink-600) + } + .lg\:text-pink-600\/10 { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:text-pink-600\/20 { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:text-pink-600\/30 { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:text-pink-600\/40 { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:text-pink-600\/50 { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:text-pink-600\/60 { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:text-pink-600\/70 { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:text-pink-600\/80 { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:text-pink-600\/90 { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:text-pink-700 { + color: var(--pink-700) + } + .lg\:text-pink-700\/10 { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:text-pink-700\/20 { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:text-pink-700\/30 { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:text-pink-700\/40 { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:text-pink-700\/50 { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:text-pink-700\/60 { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:text-pink-700\/70 { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:text-pink-700\/80 { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:text-pink-700\/90 { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:text-pink-800 { + color: var(--pink-800) + } + .lg\:text-pink-800\/10 { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:text-pink-800\/20 { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:text-pink-800\/30 { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:text-pink-800\/40 { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:text-pink-800\/50 { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:text-pink-800\/60 { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:text-pink-800\/70 { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:text-pink-800\/80 { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:text-pink-800\/90 { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:text-pink-900 { + color: var(--pink-900) + } + .lg\:text-pink-900\/10 { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:text-pink-900\/20 { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:text-pink-900\/30 { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:text-pink-900\/40 { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:text-pink-900\/50 { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:text-pink-900\/60 { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:text-pink-900\/70 { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:text-pink-900\/80 { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:text-pink-900\/90 { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:text-indigo-50 { + color: var(--indigo-50) + } + .lg\:text-indigo-50\/10 { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:text-indigo-50\/20 { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:text-indigo-50\/30 { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:text-indigo-50\/40 { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:text-indigo-50\/50 { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:text-indigo-50\/60 { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:text-indigo-50\/70 { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:text-indigo-50\/80 { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:text-indigo-50\/90 { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:text-indigo-100 { + color: var(--indigo-100) + } + .lg\:text-indigo-100\/10 { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:text-indigo-100\/20 { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:text-indigo-100\/30 { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:text-indigo-100\/40 { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:text-indigo-100\/50 { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:text-indigo-100\/60 { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:text-indigo-100\/70 { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:text-indigo-100\/80 { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:text-indigo-100\/90 { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:text-indigo-200 { + color: var(--indigo-200) + } + .lg\:text-indigo-200\/10 { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:text-indigo-200\/20 { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:text-indigo-200\/30 { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:text-indigo-200\/40 { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:text-indigo-200\/50 { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:text-indigo-200\/60 { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:text-indigo-200\/70 { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:text-indigo-200\/80 { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:text-indigo-200\/90 { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:text-indigo-300 { + color: var(--indigo-300) + } + .lg\:text-indigo-300\/10 { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:text-indigo-300\/20 { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:text-indigo-300\/30 { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:text-indigo-300\/40 { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:text-indigo-300\/50 { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:text-indigo-300\/60 { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:text-indigo-300\/70 { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:text-indigo-300\/80 { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:text-indigo-300\/90 { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:text-indigo-400 { + color: var(--indigo-400) + } + .lg\:text-indigo-400\/10 { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:text-indigo-400\/20 { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:text-indigo-400\/30 { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:text-indigo-400\/40 { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:text-indigo-400\/50 { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:text-indigo-400\/60 { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:text-indigo-400\/70 { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:text-indigo-400\/80 { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:text-indigo-400\/90 { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:text-indigo-500 { + color: var(--indigo-500) + } + .lg\:text-indigo-500\/10 { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:text-indigo-500\/20 { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:text-indigo-500\/30 { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:text-indigo-500\/40 { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:text-indigo-500\/50 { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:text-indigo-500\/60 { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:text-indigo-500\/70 { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:text-indigo-500\/80 { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:text-indigo-500\/90 { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:text-indigo-600 { + color: var(--indigo-600) + } + .lg\:text-indigo-600\/10 { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:text-indigo-600\/20 { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:text-indigo-600\/30 { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:text-indigo-600\/40 { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:text-indigo-600\/50 { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:text-indigo-600\/60 { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:text-indigo-600\/70 { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:text-indigo-600\/80 { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:text-indigo-600\/90 { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:text-indigo-700 { + color: var(--indigo-700) + } + .lg\:text-indigo-700\/10 { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:text-indigo-700\/20 { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:text-indigo-700\/30 { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:text-indigo-700\/40 { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:text-indigo-700\/50 { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:text-indigo-700\/60 { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:text-indigo-700\/70 { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:text-indigo-700\/80 { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:text-indigo-700\/90 { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:text-indigo-800 { + color: var(--indigo-800) + } + .lg\:text-indigo-800\/10 { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:text-indigo-800\/20 { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:text-indigo-800\/30 { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:text-indigo-800\/40 { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:text-indigo-800\/50 { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:text-indigo-800\/60 { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:text-indigo-800\/70 { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:text-indigo-800\/80 { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:text-indigo-800\/90 { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:text-indigo-900 { + color: var(--indigo-900) + } + .lg\:text-indigo-900\/10 { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:text-indigo-900\/20 { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:text-indigo-900\/30 { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:text-indigo-900\/40 { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:text-indigo-900\/50 { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:text-indigo-900\/60 { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:text-indigo-900\/70 { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:text-indigo-900\/80 { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:text-indigo-900\/90 { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:text-teal-50 { + color: var(--teal-50) + } + .lg\:text-teal-50\/10 { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:text-teal-50\/20 { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:text-teal-50\/30 { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:text-teal-50\/40 { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:text-teal-50\/50 { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:text-teal-50\/60 { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:text-teal-50\/70 { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:text-teal-50\/80 { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:text-teal-50\/90 { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:text-teal-100 { + color: var(--teal-100) + } + .lg\:text-teal-100\/10 { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:text-teal-100\/20 { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:text-teal-100\/30 { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:text-teal-100\/40 { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:text-teal-100\/50 { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:text-teal-100\/60 { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:text-teal-100\/70 { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:text-teal-100\/80 { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:text-teal-100\/90 { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:text-teal-200 { + color: var(--teal-200) + } + .lg\:text-teal-200\/10 { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:text-teal-200\/20 { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:text-teal-200\/30 { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:text-teal-200\/40 { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:text-teal-200\/50 { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:text-teal-200\/60 { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:text-teal-200\/70 { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:text-teal-200\/80 { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:text-teal-200\/90 { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:text-teal-300 { + color: var(--teal-300) + } + .lg\:text-teal-300\/10 { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:text-teal-300\/20 { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:text-teal-300\/30 { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:text-teal-300\/40 { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:text-teal-300\/50 { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:text-teal-300\/60 { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:text-teal-300\/70 { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:text-teal-300\/80 { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:text-teal-300\/90 { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:text-teal-400 { + color: var(--teal-400) + } + .lg\:text-teal-400\/10 { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:text-teal-400\/20 { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:text-teal-400\/30 { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:text-teal-400\/40 { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:text-teal-400\/50 { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:text-teal-400\/60 { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:text-teal-400\/70 { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:text-teal-400\/80 { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:text-teal-400\/90 { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:text-teal-500 { + color: var(--teal-500) + } + .lg\:text-teal-500\/10 { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:text-teal-500\/20 { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:text-teal-500\/30 { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:text-teal-500\/40 { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:text-teal-500\/50 { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:text-teal-500\/60 { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:text-teal-500\/70 { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:text-teal-500\/80 { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:text-teal-500\/90 { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:text-teal-600 { + color: var(--teal-600) + } + .lg\:text-teal-600\/10 { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:text-teal-600\/20 { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:text-teal-600\/30 { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:text-teal-600\/40 { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:text-teal-600\/50 { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:text-teal-600\/60 { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:text-teal-600\/70 { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:text-teal-600\/80 { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:text-teal-600\/90 { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:text-teal-700 { + color: var(--teal-700) + } + .lg\:text-teal-700\/10 { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:text-teal-700\/20 { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:text-teal-700\/30 { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:text-teal-700\/40 { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:text-teal-700\/50 { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:text-teal-700\/60 { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:text-teal-700\/70 { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:text-teal-700\/80 { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:text-teal-700\/90 { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:text-teal-800 { + color: var(--teal-800) + } + .lg\:text-teal-800\/10 { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:text-teal-800\/20 { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:text-teal-800\/30 { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:text-teal-800\/40 { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:text-teal-800\/50 { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:text-teal-800\/60 { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:text-teal-800\/70 { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:text-teal-800\/80 { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:text-teal-800\/90 { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:text-teal-900 { + color: var(--teal-900) + } + .lg\:text-teal-900\/10 { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:text-teal-900\/20 { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:text-teal-900\/30 { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:text-teal-900\/40 { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:text-teal-900\/50 { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:text-teal-900\/60 { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:text-teal-900\/70 { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:text-teal-900\/80 { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:text-teal-900\/90 { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:text-orange-50 { + color: var(--orange-50) + } + .lg\:text-orange-50\/10 { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:text-orange-50\/20 { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:text-orange-50\/30 { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:text-orange-50\/40 { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:text-orange-50\/50 { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:text-orange-50\/60 { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:text-orange-50\/70 { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:text-orange-50\/80 { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:text-orange-50\/90 { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:text-orange-100 { + color: var(--orange-100) + } + .lg\:text-orange-100\/10 { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:text-orange-100\/20 { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:text-orange-100\/30 { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:text-orange-100\/40 { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:text-orange-100\/50 { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:text-orange-100\/60 { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:text-orange-100\/70 { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:text-orange-100\/80 { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:text-orange-100\/90 { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:text-orange-200 { + color: var(--orange-200) + } + .lg\:text-orange-200\/10 { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:text-orange-200\/20 { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:text-orange-200\/30 { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:text-orange-200\/40 { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:text-orange-200\/50 { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:text-orange-200\/60 { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:text-orange-200\/70 { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:text-orange-200\/80 { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:text-orange-200\/90 { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:text-orange-300 { + color: var(--orange-300) + } + .lg\:text-orange-300\/10 { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:text-orange-300\/20 { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:text-orange-300\/30 { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:text-orange-300\/40 { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:text-orange-300\/50 { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:text-orange-300\/60 { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:text-orange-300\/70 { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:text-orange-300\/80 { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:text-orange-300\/90 { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:text-orange-400 { + color: var(--orange-400) + } + .lg\:text-orange-400\/10 { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:text-orange-400\/20 { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:text-orange-400\/30 { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:text-orange-400\/40 { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:text-orange-400\/50 { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:text-orange-400\/60 { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:text-orange-400\/70 { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:text-orange-400\/80 { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:text-orange-400\/90 { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:text-orange-500 { + color: var(--orange-500) + } + .lg\:text-orange-500\/10 { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:text-orange-500\/20 { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:text-orange-500\/30 { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:text-orange-500\/40 { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:text-orange-500\/50 { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:text-orange-500\/60 { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:text-orange-500\/70 { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:text-orange-500\/80 { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:text-orange-500\/90 { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:text-orange-600 { + color: var(--orange-600) + } + .lg\:text-orange-600\/10 { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:text-orange-600\/20 { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:text-orange-600\/30 { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:text-orange-600\/40 { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:text-orange-600\/50 { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:text-orange-600\/60 { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:text-orange-600\/70 { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:text-orange-600\/80 { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:text-orange-600\/90 { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:text-orange-700 { + color: var(--orange-700) + } + .lg\:text-orange-700\/10 { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:text-orange-700\/20 { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:text-orange-700\/30 { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:text-orange-700\/40 { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:text-orange-700\/50 { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:text-orange-700\/60 { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:text-orange-700\/70 { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:text-orange-700\/80 { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:text-orange-700\/90 { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:text-orange-800 { + color: var(--orange-800) + } + .lg\:text-orange-800\/10 { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:text-orange-800\/20 { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:text-orange-800\/30 { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:text-orange-800\/40 { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:text-orange-800\/50 { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:text-orange-800\/60 { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:text-orange-800\/70 { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:text-orange-800\/80 { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:text-orange-800\/90 { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:text-orange-900 { + color: var(--orange-900) + } + .lg\:text-orange-900\/10 { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:text-orange-900\/20 { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:text-orange-900\/30 { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:text-orange-900\/40 { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:text-orange-900\/50 { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:text-orange-900\/60 { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:text-orange-900\/70 { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:text-orange-900\/80 { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:text-orange-900\/90 { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:text-bluegray-50 { + color: var(--bluegray-50) + } + .lg\:text-bluegray-50\/10 { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:text-bluegray-50\/20 { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:text-bluegray-50\/30 { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:text-bluegray-50\/40 { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:text-bluegray-50\/50 { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:text-bluegray-50\/60 { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:text-bluegray-50\/70 { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:text-bluegray-50\/80 { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:text-bluegray-50\/90 { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:text-bluegray-100 { + color: var(--bluegray-100) + } + .lg\:text-bluegray-100\/10 { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:text-bluegray-100\/20 { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:text-bluegray-100\/30 { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:text-bluegray-100\/40 { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:text-bluegray-100\/50 { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:text-bluegray-100\/60 { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:text-bluegray-100\/70 { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:text-bluegray-100\/80 { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:text-bluegray-100\/90 { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:text-bluegray-200 { + color: var(--bluegray-200) + } + .lg\:text-bluegray-200\/10 { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:text-bluegray-200\/20 { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:text-bluegray-200\/30 { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:text-bluegray-200\/40 { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:text-bluegray-200\/50 { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:text-bluegray-200\/60 { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:text-bluegray-200\/70 { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:text-bluegray-200\/80 { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:text-bluegray-200\/90 { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:text-bluegray-300 { + color: var(--bluegray-300) + } + .lg\:text-bluegray-300\/10 { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:text-bluegray-300\/20 { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:text-bluegray-300\/30 { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:text-bluegray-300\/40 { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:text-bluegray-300\/50 { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:text-bluegray-300\/60 { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:text-bluegray-300\/70 { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:text-bluegray-300\/80 { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:text-bluegray-300\/90 { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:text-bluegray-400 { + color: var(--bluegray-400) + } + .lg\:text-bluegray-400\/10 { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:text-bluegray-400\/20 { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:text-bluegray-400\/30 { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:text-bluegray-400\/40 { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:text-bluegray-400\/50 { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:text-bluegray-400\/60 { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:text-bluegray-400\/70 { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:text-bluegray-400\/80 { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:text-bluegray-400\/90 { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:text-bluegray-500 { + color: var(--bluegray-500) + } + .lg\:text-bluegray-500\/10 { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:text-bluegray-500\/20 { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:text-bluegray-500\/30 { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:text-bluegray-500\/40 { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:text-bluegray-500\/50 { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:text-bluegray-500\/60 { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:text-bluegray-500\/70 { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:text-bluegray-500\/80 { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:text-bluegray-500\/90 { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:text-bluegray-600 { + color: var(--bluegray-600) + } + .lg\:text-bluegray-600\/10 { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:text-bluegray-600\/20 { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:text-bluegray-600\/30 { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:text-bluegray-600\/40 { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:text-bluegray-600\/50 { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:text-bluegray-600\/60 { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:text-bluegray-600\/70 { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:text-bluegray-600\/80 { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:text-bluegray-600\/90 { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:text-bluegray-700 { + color: var(--bluegray-700) + } + .lg\:text-bluegray-700\/10 { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:text-bluegray-700\/20 { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:text-bluegray-700\/30 { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:text-bluegray-700\/40 { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:text-bluegray-700\/50 { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:text-bluegray-700\/60 { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:text-bluegray-700\/70 { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:text-bluegray-700\/80 { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:text-bluegray-700\/90 { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:text-bluegray-800 { + color: var(--bluegray-800) + } + .lg\:text-bluegray-800\/10 { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:text-bluegray-800\/20 { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:text-bluegray-800\/30 { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:text-bluegray-800\/40 { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:text-bluegray-800\/50 { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:text-bluegray-800\/60 { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:text-bluegray-800\/70 { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:text-bluegray-800\/80 { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:text-bluegray-800\/90 { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:text-bluegray-900 { + color: var(--bluegray-900) + } + .lg\:text-bluegray-900\/10 { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:text-bluegray-900\/20 { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:text-bluegray-900\/30 { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:text-bluegray-900\/40 { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:text-bluegray-900\/50 { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:text-bluegray-900\/60 { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:text-bluegray-900\/70 { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:text-bluegray-900\/80 { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:text-bluegray-900\/90 { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:text-purple-50 { + color: var(--purple-50) + } + .lg\:text-purple-50\/10 { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:text-purple-50\/20 { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:text-purple-50\/30 { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:text-purple-50\/40 { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:text-purple-50\/50 { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:text-purple-50\/60 { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:text-purple-50\/70 { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:text-purple-50\/80 { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:text-purple-50\/90 { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:text-purple-100 { + color: var(--purple-100) + } + .lg\:text-purple-100\/10 { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:text-purple-100\/20 { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:text-purple-100\/30 { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:text-purple-100\/40 { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:text-purple-100\/50 { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:text-purple-100\/60 { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:text-purple-100\/70 { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:text-purple-100\/80 { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:text-purple-100\/90 { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:text-purple-200 { + color: var(--purple-200) + } + .lg\:text-purple-200\/10 { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:text-purple-200\/20 { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:text-purple-200\/30 { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:text-purple-200\/40 { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:text-purple-200\/50 { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:text-purple-200\/60 { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:text-purple-200\/70 { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:text-purple-200\/80 { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:text-purple-200\/90 { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:text-purple-300 { + color: var(--purple-300) + } + .lg\:text-purple-300\/10 { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:text-purple-300\/20 { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:text-purple-300\/30 { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:text-purple-300\/40 { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:text-purple-300\/50 { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:text-purple-300\/60 { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:text-purple-300\/70 { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:text-purple-300\/80 { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:text-purple-300\/90 { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:text-purple-400 { + color: var(--purple-400) + } + .lg\:text-purple-400\/10 { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:text-purple-400\/20 { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:text-purple-400\/30 { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:text-purple-400\/40 { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:text-purple-400\/50 { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:text-purple-400\/60 { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:text-purple-400\/70 { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:text-purple-400\/80 { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:text-purple-400\/90 { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:text-purple-500 { + color: var(--purple-500) + } + .lg\:text-purple-500\/10 { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:text-purple-500\/20 { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:text-purple-500\/30 { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:text-purple-500\/40 { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:text-purple-500\/50 { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:text-purple-500\/60 { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:text-purple-500\/70 { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:text-purple-500\/80 { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:text-purple-500\/90 { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:text-purple-600 { + color: var(--purple-600) + } + .lg\:text-purple-600\/10 { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:text-purple-600\/20 { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:text-purple-600\/30 { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:text-purple-600\/40 { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:text-purple-600\/50 { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:text-purple-600\/60 { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:text-purple-600\/70 { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:text-purple-600\/80 { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:text-purple-600\/90 { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:text-purple-700 { + color: var(--purple-700) + } + .lg\:text-purple-700\/10 { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:text-purple-700\/20 { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:text-purple-700\/30 { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:text-purple-700\/40 { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:text-purple-700\/50 { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:text-purple-700\/60 { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:text-purple-700\/70 { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:text-purple-700\/80 { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:text-purple-700\/90 { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:text-purple-800 { + color: var(--purple-800) + } + .lg\:text-purple-800\/10 { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:text-purple-800\/20 { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:text-purple-800\/30 { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:text-purple-800\/40 { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:text-purple-800\/50 { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:text-purple-800\/60 { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:text-purple-800\/70 { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:text-purple-800\/80 { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:text-purple-800\/90 { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:text-purple-900 { + color: var(--purple-900) + } + .lg\:text-purple-900\/10 { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:text-purple-900\/20 { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:text-purple-900\/30 { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:text-purple-900\/40 { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:text-purple-900\/50 { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:text-purple-900\/60 { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:text-purple-900\/70 { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:text-purple-900\/80 { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:text-purple-900\/90 { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:text-red-50 { + color: var(--red-50) + } + .lg\:text-red-50\/10 { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:text-red-50\/20 { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:text-red-50\/30 { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:text-red-50\/40 { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:text-red-50\/50 { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:text-red-50\/60 { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:text-red-50\/70 { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:text-red-50\/80 { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:text-red-50\/90 { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:text-red-100 { + color: var(--red-100) + } + .lg\:text-red-100\/10 { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:text-red-100\/20 { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:text-red-100\/30 { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:text-red-100\/40 { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:text-red-100\/50 { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:text-red-100\/60 { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:text-red-100\/70 { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:text-red-100\/80 { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:text-red-100\/90 { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:text-red-200 { + color: var(--red-200) + } + .lg\:text-red-200\/10 { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:text-red-200\/20 { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:text-red-200\/30 { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:text-red-200\/40 { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:text-red-200\/50 { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:text-red-200\/60 { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:text-red-200\/70 { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:text-red-200\/80 { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:text-red-200\/90 { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:text-red-300 { + color: var(--red-300) + } + .lg\:text-red-300\/10 { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:text-red-300\/20 { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:text-red-300\/30 { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:text-red-300\/40 { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:text-red-300\/50 { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:text-red-300\/60 { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:text-red-300\/70 { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:text-red-300\/80 { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:text-red-300\/90 { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:text-red-400 { + color: var(--red-400) + } + .lg\:text-red-400\/10 { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:text-red-400\/20 { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:text-red-400\/30 { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:text-red-400\/40 { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:text-red-400\/50 { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:text-red-400\/60 { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:text-red-400\/70 { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:text-red-400\/80 { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:text-red-400\/90 { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:text-red-500 { + color: var(--red-500) + } + .lg\:text-red-500\/10 { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:text-red-500\/20 { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:text-red-500\/30 { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:text-red-500\/40 { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:text-red-500\/50 { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:text-red-500\/60 { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:text-red-500\/70 { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:text-red-500\/80 { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:text-red-500\/90 { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:text-red-600 { + color: var(--red-600) + } + .lg\:text-red-600\/10 { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:text-red-600\/20 { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:text-red-600\/30 { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:text-red-600\/40 { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:text-red-600\/50 { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:text-red-600\/60 { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:text-red-600\/70 { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:text-red-600\/80 { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:text-red-600\/90 { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:text-red-700 { + color: var(--red-700) + } + .lg\:text-red-700\/10 { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:text-red-700\/20 { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:text-red-700\/30 { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:text-red-700\/40 { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:text-red-700\/50 { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:text-red-700\/60 { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:text-red-700\/70 { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:text-red-700\/80 { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:text-red-700\/90 { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:text-red-800 { + color: var(--red-800) + } + .lg\:text-red-800\/10 { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:text-red-800\/20 { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:text-red-800\/30 { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:text-red-800\/40 { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:text-red-800\/50 { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:text-red-800\/60 { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:text-red-800\/70 { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:text-red-800\/80 { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:text-red-800\/90 { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:text-red-900 { + color: var(--red-900) + } + .lg\:text-red-900\/10 { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:text-red-900\/20 { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:text-red-900\/30 { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:text-red-900\/40 { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:text-red-900\/50 { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:text-red-900\/60 { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:text-red-900\/70 { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:text-red-900\/80 { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:text-red-900\/90 { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:text-gray-50 { + color: var(--gray-50) + } + .lg\:text-gray-50\/10 { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:text-gray-50\/20 { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:text-gray-50\/30 { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:text-gray-50\/40 { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:text-gray-50\/50 { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:text-gray-50\/60 { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:text-gray-50\/70 { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:text-gray-50\/80 { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:text-gray-50\/90 { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:text-gray-100 { + color: var(--gray-100) + } + .lg\:text-gray-100\/10 { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:text-gray-100\/20 { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:text-gray-100\/30 { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:text-gray-100\/40 { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:text-gray-100\/50 { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:text-gray-100\/60 { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:text-gray-100\/70 { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:text-gray-100\/80 { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:text-gray-100\/90 { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:text-gray-200 { + color: var(--gray-200) + } + .lg\:text-gray-200\/10 { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:text-gray-200\/20 { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:text-gray-200\/30 { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:text-gray-200\/40 { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:text-gray-200\/50 { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:text-gray-200\/60 { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:text-gray-200\/70 { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:text-gray-200\/80 { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:text-gray-200\/90 { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:text-gray-300 { + color: var(--gray-300) + } + .lg\:text-gray-300\/10 { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:text-gray-300\/20 { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:text-gray-300\/30 { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:text-gray-300\/40 { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:text-gray-300\/50 { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:text-gray-300\/60 { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:text-gray-300\/70 { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:text-gray-300\/80 { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:text-gray-300\/90 { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:text-gray-400 { + color: var(--gray-400) + } + .lg\:text-gray-400\/10 { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:text-gray-400\/20 { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:text-gray-400\/30 { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:text-gray-400\/40 { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:text-gray-400\/50 { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:text-gray-400\/60 { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:text-gray-400\/70 { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:text-gray-400\/80 { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:text-gray-400\/90 { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:text-gray-500 { + color: var(--gray-500) + } + .lg\:text-gray-500\/10 { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:text-gray-500\/20 { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:text-gray-500\/30 { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:text-gray-500\/40 { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:text-gray-500\/50 { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:text-gray-500\/60 { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:text-gray-500\/70 { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:text-gray-500\/80 { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:text-gray-500\/90 { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:text-gray-600 { + color: var(--gray-600) + } + .lg\:text-gray-600\/10 { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:text-gray-600\/20 { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:text-gray-600\/30 { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:text-gray-600\/40 { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:text-gray-600\/50 { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:text-gray-600\/60 { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:text-gray-600\/70 { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:text-gray-600\/80 { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:text-gray-600\/90 { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:text-gray-700 { + color: var(--gray-700) + } + .lg\:text-gray-700\/10 { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:text-gray-700\/20 { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:text-gray-700\/30 { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:text-gray-700\/40 { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:text-gray-700\/50 { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:text-gray-700\/60 { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:text-gray-700\/70 { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:text-gray-700\/80 { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:text-gray-700\/90 { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:text-gray-800 { + color: var(--gray-800) + } + .lg\:text-gray-800\/10 { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:text-gray-800\/20 { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:text-gray-800\/30 { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:text-gray-800\/40 { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:text-gray-800\/50 { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:text-gray-800\/60 { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:text-gray-800\/70 { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:text-gray-800\/80 { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:text-gray-800\/90 { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:text-gray-900 { + color: var(--gray-900) + } + .lg\:text-gray-900\/10 { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:text-gray-900\/20 { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:text-gray-900\/30 { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:text-gray-900\/40 { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:text-gray-900\/50 { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:text-gray-900\/60 { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:text-gray-900\/70 { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:text-gray-900\/80 { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:text-gray-900\/90 { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:text-surface-0 { + color: var(--surface-0) + } + .lg\:text-surface-0\/10 { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:text-surface-0\/20 { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:text-surface-0\/30 { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:text-surface-0\/40 { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:text-surface-0\/50 { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:text-surface-0\/60 { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:text-surface-0\/70 { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:text-surface-0\/80 { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:text-surface-0\/90 { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:text-surface-50 { + color: var(--surface-50) + } + .lg\:text-surface-50\/10 { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:text-surface-50\/20 { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:text-surface-50\/30 { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:text-surface-50\/40 { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:text-surface-50\/50 { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:text-surface-50\/60 { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:text-surface-50\/70 { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:text-surface-50\/80 { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:text-surface-50\/90 { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:text-surface-100 { + color: var(--surface-100) + } + .lg\:text-surface-100\/10 { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:text-surface-100\/20 { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:text-surface-100\/30 { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:text-surface-100\/40 { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:text-surface-100\/50 { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:text-surface-100\/60 { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:text-surface-100\/70 { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:text-surface-100\/80 { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:text-surface-100\/90 { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:text-surface-200 { + color: var(--surface-200) + } + .lg\:text-surface-200\/10 { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:text-surface-200\/20 { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:text-surface-200\/30 { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:text-surface-200\/40 { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:text-surface-200\/50 { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:text-surface-200\/60 { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:text-surface-200\/70 { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:text-surface-200\/80 { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:text-surface-200\/90 { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:text-surface-300 { + color: var(--surface-300) + } + .lg\:text-surface-300\/10 { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:text-surface-300\/20 { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:text-surface-300\/30 { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:text-surface-300\/40 { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:text-surface-300\/50 { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:text-surface-300\/60 { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:text-surface-300\/70 { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:text-surface-300\/80 { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:text-surface-300\/90 { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:text-surface-400 { + color: var(--surface-400) + } + .lg\:text-surface-400\/10 { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:text-surface-400\/20 { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:text-surface-400\/30 { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:text-surface-400\/40 { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:text-surface-400\/50 { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:text-surface-400\/60 { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:text-surface-400\/70 { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:text-surface-400\/80 { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:text-surface-400\/90 { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:text-surface-500 { + color: var(--surface-500) + } + .lg\:text-surface-500\/10 { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:text-surface-500\/20 { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:text-surface-500\/30 { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:text-surface-500\/40 { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:text-surface-500\/50 { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:text-surface-500\/60 { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:text-surface-500\/70 { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:text-surface-500\/80 { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:text-surface-500\/90 { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:text-surface-600 { + color: var(--surface-600) + } + .lg\:text-surface-600\/10 { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:text-surface-600\/20 { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:text-surface-600\/30 { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:text-surface-600\/40 { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:text-surface-600\/50 { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:text-surface-600\/60 { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:text-surface-600\/70 { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:text-surface-600\/80 { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:text-surface-600\/90 { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:text-surface-700 { + color: var(--surface-700) + } + .lg\:text-surface-700\/10 { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:text-surface-700\/20 { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:text-surface-700\/30 { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:text-surface-700\/40 { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:text-surface-700\/50 { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:text-surface-700\/60 { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:text-surface-700\/70 { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:text-surface-700\/80 { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:text-surface-700\/90 { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:text-surface-800 { + color: var(--surface-800) + } + .lg\:text-surface-800\/10 { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:text-surface-800\/20 { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:text-surface-800\/30 { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:text-surface-800\/40 { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:text-surface-800\/50 { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:text-surface-800\/60 { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:text-surface-800\/70 { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:text-surface-800\/80 { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:text-surface-800\/90 { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:text-surface-900 { + color: var(--surface-900) + } + .lg\:text-surface-900\/10 { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:text-surface-900\/20 { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:text-surface-900\/30 { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:text-surface-900\/40 { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:text-surface-900\/50 { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:text-surface-900\/60 { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:text-surface-900\/70 { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:text-surface-900\/80 { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:text-surface-900\/90 { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:text-primary-50 { + color: var(--primary-50) + } + .lg\:text-primary-50\/10 { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:text-primary-50\/20 { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:text-primary-50\/30 { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:text-primary-50\/40 { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:text-primary-50\/50 { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:text-primary-50\/60 { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:text-primary-50\/70 { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:text-primary-50\/80 { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:text-primary-50\/90 { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:text-primary-100 { + color: var(--primary-100) + } + .lg\:text-primary-100\/10 { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:text-primary-100\/20 { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:text-primary-100\/30 { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:text-primary-100\/40 { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:text-primary-100\/50 { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:text-primary-100\/60 { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:text-primary-100\/70 { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:text-primary-100\/80 { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:text-primary-100\/90 { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:text-primary-200 { + color: var(--primary-200) + } + .lg\:text-primary-200\/10 { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:text-primary-200\/20 { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:text-primary-200\/30 { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:text-primary-200\/40 { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:text-primary-200\/50 { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:text-primary-200\/60 { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:text-primary-200\/70 { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:text-primary-200\/80 { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:text-primary-200\/90 { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:text-primary-300 { + color: var(--primary-300) + } + .lg\:text-primary-300\/10 { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:text-primary-300\/20 { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:text-primary-300\/30 { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:text-primary-300\/40 { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:text-primary-300\/50 { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:text-primary-300\/60 { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:text-primary-300\/70 { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:text-primary-300\/80 { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:text-primary-300\/90 { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:text-primary-400 { + color: var(--primary-400) + } + .lg\:text-primary-400\/10 { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:text-primary-400\/20 { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:text-primary-400\/30 { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:text-primary-400\/40 { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:text-primary-400\/50 { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:text-primary-400\/60 { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:text-primary-400\/70 { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:text-primary-400\/80 { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:text-primary-400\/90 { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:text-primary-500 { + color: var(--primary-500) + } + .lg\:text-primary-500\/10 { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:text-primary-500\/20 { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:text-primary-500\/30 { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:text-primary-500\/40 { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:text-primary-500\/50 { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:text-primary-500\/60 { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:text-primary-500\/70 { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:text-primary-500\/80 { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:text-primary-500\/90 { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:text-primary-600 { + color: var(--primary-600) + } + .lg\:text-primary-600\/10 { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:text-primary-600\/20 { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:text-primary-600\/30 { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:text-primary-600\/40 { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:text-primary-600\/50 { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:text-primary-600\/60 { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:text-primary-600\/70 { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:text-primary-600\/80 { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:text-primary-600\/90 { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:text-primary-700 { + color: var(--primary-700) + } + .lg\:text-primary-700\/10 { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:text-primary-700\/20 { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:text-primary-700\/30 { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:text-primary-700\/40 { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:text-primary-700\/50 { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:text-primary-700\/60 { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:text-primary-700\/70 { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:text-primary-700\/80 { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:text-primary-700\/90 { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:text-primary-800 { + color: var(--primary-800) + } + .lg\:text-primary-800\/10 { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:text-primary-800\/20 { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:text-primary-800\/30 { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:text-primary-800\/40 { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:text-primary-800\/50 { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:text-primary-800\/60 { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:text-primary-800\/70 { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:text-primary-800\/80 { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:text-primary-800\/90 { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:text-primary-900 { + color: var(--primary-900) + } + .lg\:text-primary-900\/10 { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:text-primary-900\/20 { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:text-primary-900\/30 { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:text-primary-900\/40 { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:text-primary-900\/50 { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:text-primary-900\/60 { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:text-primary-900\/70 { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:text-primary-900\/80 { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:text-primary-900\/90 { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:text-blue-50:focus { + color: var(--blue-50) + } + .lg\:hover\:text-blue-50:hover { + color: var(--blue-50) + } + .lg\:active\:text-blue-50:active { + color: var(--blue-50) + } + .lg\:focus\:text-blue-50\/10:focus { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:text-blue-50\/10:hover { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:text-blue-50\/10:active { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:text-blue-50\/20:focus { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:text-blue-50\/20:hover { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:text-blue-50\/20:active { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:text-blue-50\/30:focus { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:text-blue-50\/30:hover { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:text-blue-50\/30:active { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:text-blue-50\/40:focus { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:text-blue-50\/40:hover { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:text-blue-50\/40:active { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:text-blue-50\/50:focus { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:text-blue-50\/50:hover { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:text-blue-50\/50:active { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:text-blue-50\/60:focus { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:text-blue-50\/60:hover { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:text-blue-50\/60:active { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:text-blue-50\/70:focus { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:text-blue-50\/70:hover { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:text-blue-50\/70:active { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:text-blue-50\/80:focus { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:text-blue-50\/80:hover { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:text-blue-50\/80:active { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:text-blue-50\/90:focus { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:text-blue-50\/90:hover { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:text-blue-50\/90:active { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:text-blue-100:focus { + color: var(--blue-100) + } + .lg\:hover\:text-blue-100:hover { + color: var(--blue-100) + } + .lg\:active\:text-blue-100:active { + color: var(--blue-100) + } + .lg\:focus\:text-blue-100\/10:focus { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:text-blue-100\/10:hover { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:text-blue-100\/10:active { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:text-blue-100\/20:focus { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:text-blue-100\/20:hover { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:text-blue-100\/20:active { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:text-blue-100\/30:focus { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:text-blue-100\/30:hover { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:text-blue-100\/30:active { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:text-blue-100\/40:focus { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:text-blue-100\/40:hover { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:text-blue-100\/40:active { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:text-blue-100\/50:focus { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:text-blue-100\/50:hover { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:text-blue-100\/50:active { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:text-blue-100\/60:focus { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:text-blue-100\/60:hover { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:text-blue-100\/60:active { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:text-blue-100\/70:focus { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:text-blue-100\/70:hover { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:text-blue-100\/70:active { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:text-blue-100\/80:focus { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:text-blue-100\/80:hover { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:text-blue-100\/80:active { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:text-blue-100\/90:focus { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:text-blue-100\/90:hover { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:text-blue-100\/90:active { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:text-blue-200:focus { + color: var(--blue-200) + } + .lg\:hover\:text-blue-200:hover { + color: var(--blue-200) + } + .lg\:active\:text-blue-200:active { + color: var(--blue-200) + } + .lg\:focus\:text-blue-200\/10:focus { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:text-blue-200\/10:hover { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:text-blue-200\/10:active { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:text-blue-200\/20:focus { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:text-blue-200\/20:hover { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:text-blue-200\/20:active { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:text-blue-200\/30:focus { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:text-blue-200\/30:hover { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:text-blue-200\/30:active { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:text-blue-200\/40:focus { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:text-blue-200\/40:hover { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:text-blue-200\/40:active { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:text-blue-200\/50:focus { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:text-blue-200\/50:hover { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:text-blue-200\/50:active { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:text-blue-200\/60:focus { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:text-blue-200\/60:hover { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:text-blue-200\/60:active { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:text-blue-200\/70:focus { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:text-blue-200\/70:hover { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:text-blue-200\/70:active { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:text-blue-200\/80:focus { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:text-blue-200\/80:hover { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:text-blue-200\/80:active { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:text-blue-200\/90:focus { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:text-blue-200\/90:hover { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:text-blue-200\/90:active { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:text-blue-300:focus { + color: var(--blue-300) + } + .lg\:hover\:text-blue-300:hover { + color: var(--blue-300) + } + .lg\:active\:text-blue-300:active { + color: var(--blue-300) + } + .lg\:focus\:text-blue-300\/10:focus { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:text-blue-300\/10:hover { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:text-blue-300\/10:active { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:text-blue-300\/20:focus { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:text-blue-300\/20:hover { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:text-blue-300\/20:active { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:text-blue-300\/30:focus { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:text-blue-300\/30:hover { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:text-blue-300\/30:active { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:text-blue-300\/40:focus { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:text-blue-300\/40:hover { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:text-blue-300\/40:active { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:text-blue-300\/50:focus { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:text-blue-300\/50:hover { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:text-blue-300\/50:active { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:text-blue-300\/60:focus { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:text-blue-300\/60:hover { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:text-blue-300\/60:active { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:text-blue-300\/70:focus { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:text-blue-300\/70:hover { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:text-blue-300\/70:active { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:text-blue-300\/80:focus { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:text-blue-300\/80:hover { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:text-blue-300\/80:active { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:text-blue-300\/90:focus { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:text-blue-300\/90:hover { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:text-blue-300\/90:active { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:text-blue-400:focus { + color: var(--blue-400) + } + .lg\:hover\:text-blue-400:hover { + color: var(--blue-400) + } + .lg\:active\:text-blue-400:active { + color: var(--blue-400) + } + .lg\:focus\:text-blue-400\/10:focus { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:text-blue-400\/10:hover { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:text-blue-400\/10:active { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:text-blue-400\/20:focus { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:text-blue-400\/20:hover { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:text-blue-400\/20:active { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:text-blue-400\/30:focus { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:text-blue-400\/30:hover { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:text-blue-400\/30:active { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:text-blue-400\/40:focus { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:text-blue-400\/40:hover { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:text-blue-400\/40:active { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:text-blue-400\/50:focus { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:text-blue-400\/50:hover { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:text-blue-400\/50:active { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:text-blue-400\/60:focus { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:text-blue-400\/60:hover { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:text-blue-400\/60:active { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:text-blue-400\/70:focus { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:text-blue-400\/70:hover { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:text-blue-400\/70:active { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:text-blue-400\/80:focus { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:text-blue-400\/80:hover { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:text-blue-400\/80:active { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:text-blue-400\/90:focus { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:text-blue-400\/90:hover { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:text-blue-400\/90:active { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:text-blue-500:focus { + color: var(--blue-500) + } + .lg\:hover\:text-blue-500:hover { + color: var(--blue-500) + } + .lg\:active\:text-blue-500:active { + color: var(--blue-500) + } + .lg\:focus\:text-blue-500\/10:focus { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:text-blue-500\/10:hover { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:text-blue-500\/10:active { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:text-blue-500\/20:focus { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:text-blue-500\/20:hover { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:text-blue-500\/20:active { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:text-blue-500\/30:focus { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:text-blue-500\/30:hover { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:text-blue-500\/30:active { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:text-blue-500\/40:focus { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:text-blue-500\/40:hover { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:text-blue-500\/40:active { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:text-blue-500\/50:focus { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:text-blue-500\/50:hover { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:text-blue-500\/50:active { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:text-blue-500\/60:focus { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:text-blue-500\/60:hover { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:text-blue-500\/60:active { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:text-blue-500\/70:focus { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:text-blue-500\/70:hover { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:text-blue-500\/70:active { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:text-blue-500\/80:focus { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:text-blue-500\/80:hover { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:text-blue-500\/80:active { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:text-blue-500\/90:focus { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:text-blue-500\/90:hover { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:text-blue-500\/90:active { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:text-blue-600:focus { + color: var(--blue-600) + } + .lg\:hover\:text-blue-600:hover { + color: var(--blue-600) + } + .lg\:active\:text-blue-600:active { + color: var(--blue-600) + } + .lg\:focus\:text-blue-600\/10:focus { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:text-blue-600\/10:hover { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:text-blue-600\/10:active { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:text-blue-600\/20:focus { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:text-blue-600\/20:hover { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:text-blue-600\/20:active { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:text-blue-600\/30:focus { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:text-blue-600\/30:hover { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:text-blue-600\/30:active { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:text-blue-600\/40:focus { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:text-blue-600\/40:hover { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:text-blue-600\/40:active { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:text-blue-600\/50:focus { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:text-blue-600\/50:hover { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:text-blue-600\/50:active { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:text-blue-600\/60:focus { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:text-blue-600\/60:hover { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:text-blue-600\/60:active { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:text-blue-600\/70:focus { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:text-blue-600\/70:hover { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:text-blue-600\/70:active { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:text-blue-600\/80:focus { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:text-blue-600\/80:hover { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:text-blue-600\/80:active { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:text-blue-600\/90:focus { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:text-blue-600\/90:hover { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:text-blue-600\/90:active { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:text-blue-700:focus { + color: var(--blue-700) + } + .lg\:hover\:text-blue-700:hover { + color: var(--blue-700) + } + .lg\:active\:text-blue-700:active { + color: var(--blue-700) + } + .lg\:focus\:text-blue-700\/10:focus { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:text-blue-700\/10:hover { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:text-blue-700\/10:active { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:text-blue-700\/20:focus { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:text-blue-700\/20:hover { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:text-blue-700\/20:active { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:text-blue-700\/30:focus { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:text-blue-700\/30:hover { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:text-blue-700\/30:active { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:text-blue-700\/40:focus { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:text-blue-700\/40:hover { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:text-blue-700\/40:active { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:text-blue-700\/50:focus { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:text-blue-700\/50:hover { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:text-blue-700\/50:active { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:text-blue-700\/60:focus { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:text-blue-700\/60:hover { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:text-blue-700\/60:active { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:text-blue-700\/70:focus { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:text-blue-700\/70:hover { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:text-blue-700\/70:active { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:text-blue-700\/80:focus { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:text-blue-700\/80:hover { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:text-blue-700\/80:active { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:text-blue-700\/90:focus { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:text-blue-700\/90:hover { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:text-blue-700\/90:active { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:text-blue-800:focus { + color: var(--blue-800) + } + .lg\:hover\:text-blue-800:hover { + color: var(--blue-800) + } + .lg\:active\:text-blue-800:active { + color: var(--blue-800) + } + .lg\:focus\:text-blue-800\/10:focus { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:text-blue-800\/10:hover { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:text-blue-800\/10:active { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:text-blue-800\/20:focus { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:text-blue-800\/20:hover { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:text-blue-800\/20:active { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:text-blue-800\/30:focus { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:text-blue-800\/30:hover { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:text-blue-800\/30:active { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:text-blue-800\/40:focus { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:text-blue-800\/40:hover { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:text-blue-800\/40:active { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:text-blue-800\/50:focus { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:text-blue-800\/50:hover { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:text-blue-800\/50:active { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:text-blue-800\/60:focus { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:text-blue-800\/60:hover { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:text-blue-800\/60:active { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:text-blue-800\/70:focus { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:text-blue-800\/70:hover { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:text-blue-800\/70:active { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:text-blue-800\/80:focus { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:text-blue-800\/80:hover { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:text-blue-800\/80:active { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:text-blue-800\/90:focus { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:text-blue-800\/90:hover { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:text-blue-800\/90:active { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:text-blue-900:focus { + color: var(--blue-900) + } + .lg\:hover\:text-blue-900:hover { + color: var(--blue-900) + } + .lg\:active\:text-blue-900:active { + color: var(--blue-900) + } + .lg\:focus\:text-blue-900\/10:focus { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:text-blue-900\/10:hover { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:text-blue-900\/10:active { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:text-blue-900\/20:focus { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:text-blue-900\/20:hover { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:text-blue-900\/20:active { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:text-blue-900\/30:focus { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:text-blue-900\/30:hover { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:text-blue-900\/30:active { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:text-blue-900\/40:focus { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:text-blue-900\/40:hover { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:text-blue-900\/40:active { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:text-blue-900\/50:focus { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:text-blue-900\/50:hover { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:text-blue-900\/50:active { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:text-blue-900\/60:focus { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:text-blue-900\/60:hover { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:text-blue-900\/60:active { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:text-blue-900\/70:focus { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:text-blue-900\/70:hover { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:text-blue-900\/70:active { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:text-blue-900\/80:focus { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:text-blue-900\/80:hover { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:text-blue-900\/80:active { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:text-blue-900\/90:focus { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:text-blue-900\/90:hover { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:text-blue-900\/90:active { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:text-green-50:focus { + color: var(--green-50) + } + .lg\:hover\:text-green-50:hover { + color: var(--green-50) + } + .lg\:active\:text-green-50:active { + color: var(--green-50) + } + .lg\:focus\:text-green-50\/10:focus { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:text-green-50\/10:hover { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:text-green-50\/10:active { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:text-green-50\/20:focus { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:text-green-50\/20:hover { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:text-green-50\/20:active { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:text-green-50\/30:focus { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:text-green-50\/30:hover { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:text-green-50\/30:active { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:text-green-50\/40:focus { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:text-green-50\/40:hover { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:text-green-50\/40:active { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:text-green-50\/50:focus { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:text-green-50\/50:hover { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:text-green-50\/50:active { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:text-green-50\/60:focus { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:text-green-50\/60:hover { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:text-green-50\/60:active { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:text-green-50\/70:focus { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:text-green-50\/70:hover { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:text-green-50\/70:active { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:text-green-50\/80:focus { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:text-green-50\/80:hover { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:text-green-50\/80:active { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:text-green-50\/90:focus { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:text-green-50\/90:hover { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:text-green-50\/90:active { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:text-green-100:focus { + color: var(--green-100) + } + .lg\:hover\:text-green-100:hover { + color: var(--green-100) + } + .lg\:active\:text-green-100:active { + color: var(--green-100) + } + .lg\:focus\:text-green-100\/10:focus { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:text-green-100\/10:hover { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:text-green-100\/10:active { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:text-green-100\/20:focus { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:text-green-100\/20:hover { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:text-green-100\/20:active { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:text-green-100\/30:focus { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:text-green-100\/30:hover { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:text-green-100\/30:active { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:text-green-100\/40:focus { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:text-green-100\/40:hover { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:text-green-100\/40:active { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:text-green-100\/50:focus { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:text-green-100\/50:hover { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:text-green-100\/50:active { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:text-green-100\/60:focus { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:text-green-100\/60:hover { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:text-green-100\/60:active { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:text-green-100\/70:focus { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:text-green-100\/70:hover { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:text-green-100\/70:active { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:text-green-100\/80:focus { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:text-green-100\/80:hover { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:text-green-100\/80:active { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:text-green-100\/90:focus { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:text-green-100\/90:hover { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:text-green-100\/90:active { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:text-green-200:focus { + color: var(--green-200) + } + .lg\:hover\:text-green-200:hover { + color: var(--green-200) + } + .lg\:active\:text-green-200:active { + color: var(--green-200) + } + .lg\:focus\:text-green-200\/10:focus { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:text-green-200\/10:hover { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:text-green-200\/10:active { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:text-green-200\/20:focus { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:text-green-200\/20:hover { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:text-green-200\/20:active { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:text-green-200\/30:focus { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:text-green-200\/30:hover { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:text-green-200\/30:active { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:text-green-200\/40:focus { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:text-green-200\/40:hover { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:text-green-200\/40:active { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:text-green-200\/50:focus { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:text-green-200\/50:hover { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:text-green-200\/50:active { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:text-green-200\/60:focus { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:text-green-200\/60:hover { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:text-green-200\/60:active { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:text-green-200\/70:focus { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:text-green-200\/70:hover { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:text-green-200\/70:active { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:text-green-200\/80:focus { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:text-green-200\/80:hover { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:text-green-200\/80:active { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:text-green-200\/90:focus { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:text-green-200\/90:hover { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:text-green-200\/90:active { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:text-green-300:focus { + color: var(--green-300) + } + .lg\:hover\:text-green-300:hover { + color: var(--green-300) + } + .lg\:active\:text-green-300:active { + color: var(--green-300) + } + .lg\:focus\:text-green-300\/10:focus { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:text-green-300\/10:hover { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:text-green-300\/10:active { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:text-green-300\/20:focus { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:text-green-300\/20:hover { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:text-green-300\/20:active { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:text-green-300\/30:focus { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:text-green-300\/30:hover { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:text-green-300\/30:active { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:text-green-300\/40:focus { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:text-green-300\/40:hover { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:text-green-300\/40:active { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:text-green-300\/50:focus { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:text-green-300\/50:hover { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:text-green-300\/50:active { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:text-green-300\/60:focus { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:text-green-300\/60:hover { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:text-green-300\/60:active { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:text-green-300\/70:focus { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:text-green-300\/70:hover { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:text-green-300\/70:active { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:text-green-300\/80:focus { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:text-green-300\/80:hover { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:text-green-300\/80:active { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:text-green-300\/90:focus { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:text-green-300\/90:hover { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:text-green-300\/90:active { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:text-green-400:focus { + color: var(--green-400) + } + .lg\:hover\:text-green-400:hover { + color: var(--green-400) + } + .lg\:active\:text-green-400:active { + color: var(--green-400) + } + .lg\:focus\:text-green-400\/10:focus { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:text-green-400\/10:hover { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:text-green-400\/10:active { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:text-green-400\/20:focus { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:text-green-400\/20:hover { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:text-green-400\/20:active { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:text-green-400\/30:focus { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:text-green-400\/30:hover { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:text-green-400\/30:active { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:text-green-400\/40:focus { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:text-green-400\/40:hover { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:text-green-400\/40:active { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:text-green-400\/50:focus { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:text-green-400\/50:hover { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:text-green-400\/50:active { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:text-green-400\/60:focus { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:text-green-400\/60:hover { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:text-green-400\/60:active { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:text-green-400\/70:focus { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:text-green-400\/70:hover { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:text-green-400\/70:active { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:text-green-400\/80:focus { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:text-green-400\/80:hover { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:text-green-400\/80:active { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:text-green-400\/90:focus { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:text-green-400\/90:hover { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:text-green-400\/90:active { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:text-green-500:focus { + color: var(--green-500) + } + .lg\:hover\:text-green-500:hover { + color: var(--green-500) + } + .lg\:active\:text-green-500:active { + color: var(--green-500) + } + .lg\:focus\:text-green-500\/10:focus { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:text-green-500\/10:hover { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:text-green-500\/10:active { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:text-green-500\/20:focus { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:text-green-500\/20:hover { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:text-green-500\/20:active { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:text-green-500\/30:focus { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:text-green-500\/30:hover { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:text-green-500\/30:active { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:text-green-500\/40:focus { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:text-green-500\/40:hover { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:text-green-500\/40:active { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:text-green-500\/50:focus { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:text-green-500\/50:hover { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:text-green-500\/50:active { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:text-green-500\/60:focus { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:text-green-500\/60:hover { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:text-green-500\/60:active { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:text-green-500\/70:focus { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:text-green-500\/70:hover { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:text-green-500\/70:active { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:text-green-500\/80:focus { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:text-green-500\/80:hover { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:text-green-500\/80:active { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:text-green-500\/90:focus { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:text-green-500\/90:hover { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:text-green-500\/90:active { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:text-green-600:focus { + color: var(--green-600) + } + .lg\:hover\:text-green-600:hover { + color: var(--green-600) + } + .lg\:active\:text-green-600:active { + color: var(--green-600) + } + .lg\:focus\:text-green-600\/10:focus { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:text-green-600\/10:hover { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:text-green-600\/10:active { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:text-green-600\/20:focus { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:text-green-600\/20:hover { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:text-green-600\/20:active { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:text-green-600\/30:focus { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:text-green-600\/30:hover { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:text-green-600\/30:active { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:text-green-600\/40:focus { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:text-green-600\/40:hover { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:text-green-600\/40:active { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:text-green-600\/50:focus { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:text-green-600\/50:hover { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:text-green-600\/50:active { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:text-green-600\/60:focus { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:text-green-600\/60:hover { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:text-green-600\/60:active { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:text-green-600\/70:focus { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:text-green-600\/70:hover { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:text-green-600\/70:active { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:text-green-600\/80:focus { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:text-green-600\/80:hover { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:text-green-600\/80:active { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:text-green-600\/90:focus { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:text-green-600\/90:hover { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:text-green-600\/90:active { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:text-green-700:focus { + color: var(--green-700) + } + .lg\:hover\:text-green-700:hover { + color: var(--green-700) + } + .lg\:active\:text-green-700:active { + color: var(--green-700) + } + .lg\:focus\:text-green-700\/10:focus { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:text-green-700\/10:hover { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:text-green-700\/10:active { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:text-green-700\/20:focus { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:text-green-700\/20:hover { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:text-green-700\/20:active { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:text-green-700\/30:focus { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:text-green-700\/30:hover { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:text-green-700\/30:active { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:text-green-700\/40:focus { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:text-green-700\/40:hover { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:text-green-700\/40:active { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:text-green-700\/50:focus { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:text-green-700\/50:hover { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:text-green-700\/50:active { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:text-green-700\/60:focus { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:text-green-700\/60:hover { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:text-green-700\/60:active { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:text-green-700\/70:focus { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:text-green-700\/70:hover { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:text-green-700\/70:active { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:text-green-700\/80:focus { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:text-green-700\/80:hover { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:text-green-700\/80:active { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:text-green-700\/90:focus { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:text-green-700\/90:hover { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:text-green-700\/90:active { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:text-green-800:focus { + color: var(--green-800) + } + .lg\:hover\:text-green-800:hover { + color: var(--green-800) + } + .lg\:active\:text-green-800:active { + color: var(--green-800) + } + .lg\:focus\:text-green-800\/10:focus { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:text-green-800\/10:hover { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:text-green-800\/10:active { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:text-green-800\/20:focus { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:text-green-800\/20:hover { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:text-green-800\/20:active { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:text-green-800\/30:focus { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:text-green-800\/30:hover { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:text-green-800\/30:active { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:text-green-800\/40:focus { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:text-green-800\/40:hover { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:text-green-800\/40:active { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:text-green-800\/50:focus { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:text-green-800\/50:hover { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:text-green-800\/50:active { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:text-green-800\/60:focus { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:text-green-800\/60:hover { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:text-green-800\/60:active { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:text-green-800\/70:focus { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:text-green-800\/70:hover { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:text-green-800\/70:active { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:text-green-800\/80:focus { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:text-green-800\/80:hover { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:text-green-800\/80:active { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:text-green-800\/90:focus { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:text-green-800\/90:hover { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:text-green-800\/90:active { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:text-green-900:focus { + color: var(--green-900) + } + .lg\:hover\:text-green-900:hover { + color: var(--green-900) + } + .lg\:active\:text-green-900:active { + color: var(--green-900) + } + .lg\:focus\:text-green-900\/10:focus { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:text-green-900\/10:hover { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:text-green-900\/10:active { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:text-green-900\/20:focus { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:text-green-900\/20:hover { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:text-green-900\/20:active { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:text-green-900\/30:focus { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:text-green-900\/30:hover { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:text-green-900\/30:active { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:text-green-900\/40:focus { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:text-green-900\/40:hover { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:text-green-900\/40:active { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:text-green-900\/50:focus { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:text-green-900\/50:hover { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:text-green-900\/50:active { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:text-green-900\/60:focus { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:text-green-900\/60:hover { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:text-green-900\/60:active { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:text-green-900\/70:focus { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:text-green-900\/70:hover { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:text-green-900\/70:active { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:text-green-900\/80:focus { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:text-green-900\/80:hover { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:text-green-900\/80:active { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:text-green-900\/90:focus { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:text-green-900\/90:hover { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:text-green-900\/90:active { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:text-yellow-50:focus { + color: var(--yellow-50) + } + .lg\:hover\:text-yellow-50:hover { + color: var(--yellow-50) + } + .lg\:active\:text-yellow-50:active { + color: var(--yellow-50) + } + .lg\:focus\:text-yellow-50\/10:focus { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:text-yellow-50\/10:hover { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:text-yellow-50\/10:active { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:text-yellow-50\/20:focus { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:text-yellow-50\/20:hover { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:text-yellow-50\/20:active { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:text-yellow-50\/30:focus { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:text-yellow-50\/30:hover { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:text-yellow-50\/30:active { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:text-yellow-50\/40:focus { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:text-yellow-50\/40:hover { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:text-yellow-50\/40:active { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:text-yellow-50\/50:focus { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:text-yellow-50\/50:hover { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:text-yellow-50\/50:active { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:text-yellow-50\/60:focus { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:text-yellow-50\/60:hover { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:text-yellow-50\/60:active { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:text-yellow-50\/70:focus { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:text-yellow-50\/70:hover { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:text-yellow-50\/70:active { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:text-yellow-50\/80:focus { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:text-yellow-50\/80:hover { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:text-yellow-50\/80:active { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:text-yellow-50\/90:focus { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:text-yellow-50\/90:hover { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:text-yellow-50\/90:active { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:text-yellow-100:focus { + color: var(--yellow-100) + } + .lg\:hover\:text-yellow-100:hover { + color: var(--yellow-100) + } + .lg\:active\:text-yellow-100:active { + color: var(--yellow-100) + } + .lg\:focus\:text-yellow-100\/10:focus { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:text-yellow-100\/10:hover { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:text-yellow-100\/10:active { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:text-yellow-100\/20:focus { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:text-yellow-100\/20:hover { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:text-yellow-100\/20:active { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:text-yellow-100\/30:focus { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:text-yellow-100\/30:hover { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:text-yellow-100\/30:active { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:text-yellow-100\/40:focus { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:text-yellow-100\/40:hover { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:text-yellow-100\/40:active { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:text-yellow-100\/50:focus { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:text-yellow-100\/50:hover { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:text-yellow-100\/50:active { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:text-yellow-100\/60:focus { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:text-yellow-100\/60:hover { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:text-yellow-100\/60:active { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:text-yellow-100\/70:focus { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:text-yellow-100\/70:hover { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:text-yellow-100\/70:active { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:text-yellow-100\/80:focus { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:text-yellow-100\/80:hover { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:text-yellow-100\/80:active { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:text-yellow-100\/90:focus { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:text-yellow-100\/90:hover { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:text-yellow-100\/90:active { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:text-yellow-200:focus { + color: var(--yellow-200) + } + .lg\:hover\:text-yellow-200:hover { + color: var(--yellow-200) + } + .lg\:active\:text-yellow-200:active { + color: var(--yellow-200) + } + .lg\:focus\:text-yellow-200\/10:focus { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:text-yellow-200\/10:hover { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:text-yellow-200\/10:active { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:text-yellow-200\/20:focus { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:text-yellow-200\/20:hover { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:text-yellow-200\/20:active { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:text-yellow-200\/30:focus { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:text-yellow-200\/30:hover { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:text-yellow-200\/30:active { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:text-yellow-200\/40:focus { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:text-yellow-200\/40:hover { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:text-yellow-200\/40:active { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:text-yellow-200\/50:focus { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:text-yellow-200\/50:hover { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:text-yellow-200\/50:active { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:text-yellow-200\/60:focus { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:text-yellow-200\/60:hover { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:text-yellow-200\/60:active { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:text-yellow-200\/70:focus { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:text-yellow-200\/70:hover { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:text-yellow-200\/70:active { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:text-yellow-200\/80:focus { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:text-yellow-200\/80:hover { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:text-yellow-200\/80:active { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:text-yellow-200\/90:focus { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:text-yellow-200\/90:hover { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:text-yellow-200\/90:active { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:text-yellow-300:focus { + color: var(--yellow-300) + } + .lg\:hover\:text-yellow-300:hover { + color: var(--yellow-300) + } + .lg\:active\:text-yellow-300:active { + color: var(--yellow-300) + } + .lg\:focus\:text-yellow-300\/10:focus { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:text-yellow-300\/10:hover { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:text-yellow-300\/10:active { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:text-yellow-300\/20:focus { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:text-yellow-300\/20:hover { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:text-yellow-300\/20:active { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:text-yellow-300\/30:focus { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:text-yellow-300\/30:hover { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:text-yellow-300\/30:active { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:text-yellow-300\/40:focus { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:text-yellow-300\/40:hover { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:text-yellow-300\/40:active { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:text-yellow-300\/50:focus { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:text-yellow-300\/50:hover { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:text-yellow-300\/50:active { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:text-yellow-300\/60:focus { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:text-yellow-300\/60:hover { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:text-yellow-300\/60:active { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:text-yellow-300\/70:focus { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:text-yellow-300\/70:hover { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:text-yellow-300\/70:active { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:text-yellow-300\/80:focus { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:text-yellow-300\/80:hover { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:text-yellow-300\/80:active { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:text-yellow-300\/90:focus { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:text-yellow-300\/90:hover { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:text-yellow-300\/90:active { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:text-yellow-400:focus { + color: var(--yellow-400) + } + .lg\:hover\:text-yellow-400:hover { + color: var(--yellow-400) + } + .lg\:active\:text-yellow-400:active { + color: var(--yellow-400) + } + .lg\:focus\:text-yellow-400\/10:focus { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:text-yellow-400\/10:hover { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:text-yellow-400\/10:active { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:text-yellow-400\/20:focus { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:text-yellow-400\/20:hover { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:text-yellow-400\/20:active { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:text-yellow-400\/30:focus { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:text-yellow-400\/30:hover { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:text-yellow-400\/30:active { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:text-yellow-400\/40:focus { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:text-yellow-400\/40:hover { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:text-yellow-400\/40:active { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:text-yellow-400\/50:focus { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:text-yellow-400\/50:hover { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:text-yellow-400\/50:active { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:text-yellow-400\/60:focus { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:text-yellow-400\/60:hover { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:text-yellow-400\/60:active { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:text-yellow-400\/70:focus { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:text-yellow-400\/70:hover { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:text-yellow-400\/70:active { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:text-yellow-400\/80:focus { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:text-yellow-400\/80:hover { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:text-yellow-400\/80:active { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:text-yellow-400\/90:focus { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:text-yellow-400\/90:hover { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:text-yellow-400\/90:active { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:text-yellow-500:focus { + color: var(--yellow-500) + } + .lg\:hover\:text-yellow-500:hover { + color: var(--yellow-500) + } + .lg\:active\:text-yellow-500:active { + color: var(--yellow-500) + } + .lg\:focus\:text-yellow-500\/10:focus { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:text-yellow-500\/10:hover { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:text-yellow-500\/10:active { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:text-yellow-500\/20:focus { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:text-yellow-500\/20:hover { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:text-yellow-500\/20:active { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:text-yellow-500\/30:focus { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:text-yellow-500\/30:hover { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:text-yellow-500\/30:active { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:text-yellow-500\/40:focus { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:text-yellow-500\/40:hover { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:text-yellow-500\/40:active { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:text-yellow-500\/50:focus { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:text-yellow-500\/50:hover { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:text-yellow-500\/50:active { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:text-yellow-500\/60:focus { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:text-yellow-500\/60:hover { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:text-yellow-500\/60:active { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:text-yellow-500\/70:focus { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:text-yellow-500\/70:hover { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:text-yellow-500\/70:active { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:text-yellow-500\/80:focus { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:text-yellow-500\/80:hover { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:text-yellow-500\/80:active { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:text-yellow-500\/90:focus { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:text-yellow-500\/90:hover { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:text-yellow-500\/90:active { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:text-yellow-600:focus { + color: var(--yellow-600) + } + .lg\:hover\:text-yellow-600:hover { + color: var(--yellow-600) + } + .lg\:active\:text-yellow-600:active { + color: var(--yellow-600) + } + .lg\:focus\:text-yellow-600\/10:focus { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:text-yellow-600\/10:hover { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:text-yellow-600\/10:active { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:text-yellow-600\/20:focus { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:text-yellow-600\/20:hover { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:text-yellow-600\/20:active { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:text-yellow-600\/30:focus { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:text-yellow-600\/30:hover { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:text-yellow-600\/30:active { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:text-yellow-600\/40:focus { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:text-yellow-600\/40:hover { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:text-yellow-600\/40:active { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:text-yellow-600\/50:focus { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:text-yellow-600\/50:hover { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:text-yellow-600\/50:active { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:text-yellow-600\/60:focus { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:text-yellow-600\/60:hover { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:text-yellow-600\/60:active { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:text-yellow-600\/70:focus { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:text-yellow-600\/70:hover { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:text-yellow-600\/70:active { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:text-yellow-600\/80:focus { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:text-yellow-600\/80:hover { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:text-yellow-600\/80:active { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:text-yellow-600\/90:focus { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:text-yellow-600\/90:hover { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:text-yellow-600\/90:active { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:text-yellow-700:focus { + color: var(--yellow-700) + } + .lg\:hover\:text-yellow-700:hover { + color: var(--yellow-700) + } + .lg\:active\:text-yellow-700:active { + color: var(--yellow-700) + } + .lg\:focus\:text-yellow-700\/10:focus { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:text-yellow-700\/10:hover { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:text-yellow-700\/10:active { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:text-yellow-700\/20:focus { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:text-yellow-700\/20:hover { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:text-yellow-700\/20:active { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:text-yellow-700\/30:focus { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:text-yellow-700\/30:hover { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:text-yellow-700\/30:active { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:text-yellow-700\/40:focus { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:text-yellow-700\/40:hover { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:text-yellow-700\/40:active { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:text-yellow-700\/50:focus { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:text-yellow-700\/50:hover { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:text-yellow-700\/50:active { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:text-yellow-700\/60:focus { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:text-yellow-700\/60:hover { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:text-yellow-700\/60:active { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:text-yellow-700\/70:focus { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:text-yellow-700\/70:hover { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:text-yellow-700\/70:active { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:text-yellow-700\/80:focus { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:text-yellow-700\/80:hover { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:text-yellow-700\/80:active { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:text-yellow-700\/90:focus { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:text-yellow-700\/90:hover { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:text-yellow-700\/90:active { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:text-yellow-800:focus { + color: var(--yellow-800) + } + .lg\:hover\:text-yellow-800:hover { + color: var(--yellow-800) + } + .lg\:active\:text-yellow-800:active { + color: var(--yellow-800) + } + .lg\:focus\:text-yellow-800\/10:focus { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:text-yellow-800\/10:hover { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:text-yellow-800\/10:active { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:text-yellow-800\/20:focus { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:text-yellow-800\/20:hover { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:text-yellow-800\/20:active { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:text-yellow-800\/30:focus { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:text-yellow-800\/30:hover { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:text-yellow-800\/30:active { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:text-yellow-800\/40:focus { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:text-yellow-800\/40:hover { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:text-yellow-800\/40:active { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:text-yellow-800\/50:focus { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:text-yellow-800\/50:hover { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:text-yellow-800\/50:active { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:text-yellow-800\/60:focus { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:text-yellow-800\/60:hover { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:text-yellow-800\/60:active { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:text-yellow-800\/70:focus { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:text-yellow-800\/70:hover { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:text-yellow-800\/70:active { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:text-yellow-800\/80:focus { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:text-yellow-800\/80:hover { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:text-yellow-800\/80:active { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:text-yellow-800\/90:focus { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:text-yellow-800\/90:hover { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:text-yellow-800\/90:active { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:text-yellow-900:focus { + color: var(--yellow-900) + } + .lg\:hover\:text-yellow-900:hover { + color: var(--yellow-900) + } + .lg\:active\:text-yellow-900:active { + color: var(--yellow-900) + } + .lg\:focus\:text-yellow-900\/10:focus { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:text-yellow-900\/10:hover { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:text-yellow-900\/10:active { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:text-yellow-900\/20:focus { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:text-yellow-900\/20:hover { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:text-yellow-900\/20:active { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:text-yellow-900\/30:focus { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:text-yellow-900\/30:hover { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:text-yellow-900\/30:active { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:text-yellow-900\/40:focus { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:text-yellow-900\/40:hover { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:text-yellow-900\/40:active { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:text-yellow-900\/50:focus { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:text-yellow-900\/50:hover { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:text-yellow-900\/50:active { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:text-yellow-900\/60:focus { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:text-yellow-900\/60:hover { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:text-yellow-900\/60:active { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:text-yellow-900\/70:focus { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:text-yellow-900\/70:hover { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:text-yellow-900\/70:active { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:text-yellow-900\/80:focus { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:text-yellow-900\/80:hover { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:text-yellow-900\/80:active { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:text-yellow-900\/90:focus { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:text-yellow-900\/90:hover { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:text-yellow-900\/90:active { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:text-cyan-50:focus { + color: var(--cyan-50) + } + .lg\:hover\:text-cyan-50:hover { + color: var(--cyan-50) + } + .lg\:active\:text-cyan-50:active { + color: var(--cyan-50) + } + .lg\:focus\:text-cyan-50\/10:focus { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:text-cyan-50\/10:hover { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:text-cyan-50\/10:active { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:text-cyan-50\/20:focus { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:text-cyan-50\/20:hover { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:text-cyan-50\/20:active { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:text-cyan-50\/30:focus { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:text-cyan-50\/30:hover { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:text-cyan-50\/30:active { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:text-cyan-50\/40:focus { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:text-cyan-50\/40:hover { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:text-cyan-50\/40:active { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:text-cyan-50\/50:focus { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:text-cyan-50\/50:hover { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:text-cyan-50\/50:active { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:text-cyan-50\/60:focus { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:text-cyan-50\/60:hover { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:text-cyan-50\/60:active { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:text-cyan-50\/70:focus { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:text-cyan-50\/70:hover { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:text-cyan-50\/70:active { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:text-cyan-50\/80:focus { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:text-cyan-50\/80:hover { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:text-cyan-50\/80:active { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:text-cyan-50\/90:focus { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:text-cyan-50\/90:hover { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:text-cyan-50\/90:active { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:text-cyan-100:focus { + color: var(--cyan-100) + } + .lg\:hover\:text-cyan-100:hover { + color: var(--cyan-100) + } + .lg\:active\:text-cyan-100:active { + color: var(--cyan-100) + } + .lg\:focus\:text-cyan-100\/10:focus { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:text-cyan-100\/10:hover { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:text-cyan-100\/10:active { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:text-cyan-100\/20:focus { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:text-cyan-100\/20:hover { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:text-cyan-100\/20:active { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:text-cyan-100\/30:focus { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:text-cyan-100\/30:hover { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:text-cyan-100\/30:active { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:text-cyan-100\/40:focus { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:text-cyan-100\/40:hover { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:text-cyan-100\/40:active { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:text-cyan-100\/50:focus { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:text-cyan-100\/50:hover { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:text-cyan-100\/50:active { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:text-cyan-100\/60:focus { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:text-cyan-100\/60:hover { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:text-cyan-100\/60:active { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:text-cyan-100\/70:focus { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:text-cyan-100\/70:hover { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:text-cyan-100\/70:active { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:text-cyan-100\/80:focus { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:text-cyan-100\/80:hover { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:text-cyan-100\/80:active { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:text-cyan-100\/90:focus { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:text-cyan-100\/90:hover { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:text-cyan-100\/90:active { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:text-cyan-200:focus { + color: var(--cyan-200) + } + .lg\:hover\:text-cyan-200:hover { + color: var(--cyan-200) + } + .lg\:active\:text-cyan-200:active { + color: var(--cyan-200) + } + .lg\:focus\:text-cyan-200\/10:focus { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:text-cyan-200\/10:hover { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:text-cyan-200\/10:active { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:text-cyan-200\/20:focus { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:text-cyan-200\/20:hover { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:text-cyan-200\/20:active { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:text-cyan-200\/30:focus { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:text-cyan-200\/30:hover { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:text-cyan-200\/30:active { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:text-cyan-200\/40:focus { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:text-cyan-200\/40:hover { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:text-cyan-200\/40:active { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:text-cyan-200\/50:focus { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:text-cyan-200\/50:hover { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:text-cyan-200\/50:active { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:text-cyan-200\/60:focus { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:text-cyan-200\/60:hover { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:text-cyan-200\/60:active { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:text-cyan-200\/70:focus { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:text-cyan-200\/70:hover { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:text-cyan-200\/70:active { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:text-cyan-200\/80:focus { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:text-cyan-200\/80:hover { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:text-cyan-200\/80:active { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:text-cyan-200\/90:focus { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:text-cyan-200\/90:hover { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:text-cyan-200\/90:active { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:text-cyan-300:focus { + color: var(--cyan-300) + } + .lg\:hover\:text-cyan-300:hover { + color: var(--cyan-300) + } + .lg\:active\:text-cyan-300:active { + color: var(--cyan-300) + } + .lg\:focus\:text-cyan-300\/10:focus { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:text-cyan-300\/10:hover { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:text-cyan-300\/10:active { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:text-cyan-300\/20:focus { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:text-cyan-300\/20:hover { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:text-cyan-300\/20:active { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:text-cyan-300\/30:focus { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:text-cyan-300\/30:hover { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:text-cyan-300\/30:active { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:text-cyan-300\/40:focus { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:text-cyan-300\/40:hover { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:text-cyan-300\/40:active { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:text-cyan-300\/50:focus { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:text-cyan-300\/50:hover { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:text-cyan-300\/50:active { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:text-cyan-300\/60:focus { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:text-cyan-300\/60:hover { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:text-cyan-300\/60:active { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:text-cyan-300\/70:focus { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:text-cyan-300\/70:hover { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:text-cyan-300\/70:active { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:text-cyan-300\/80:focus { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:text-cyan-300\/80:hover { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:text-cyan-300\/80:active { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:text-cyan-300\/90:focus { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:text-cyan-300\/90:hover { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:text-cyan-300\/90:active { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:text-cyan-400:focus { + color: var(--cyan-400) + } + .lg\:hover\:text-cyan-400:hover { + color: var(--cyan-400) + } + .lg\:active\:text-cyan-400:active { + color: var(--cyan-400) + } + .lg\:focus\:text-cyan-400\/10:focus { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:text-cyan-400\/10:hover { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:text-cyan-400\/10:active { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:text-cyan-400\/20:focus { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:text-cyan-400\/20:hover { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:text-cyan-400\/20:active { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:text-cyan-400\/30:focus { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:text-cyan-400\/30:hover { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:text-cyan-400\/30:active { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:text-cyan-400\/40:focus { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:text-cyan-400\/40:hover { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:text-cyan-400\/40:active { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:text-cyan-400\/50:focus { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:text-cyan-400\/50:hover { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:text-cyan-400\/50:active { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:text-cyan-400\/60:focus { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:text-cyan-400\/60:hover { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:text-cyan-400\/60:active { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:text-cyan-400\/70:focus { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:text-cyan-400\/70:hover { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:text-cyan-400\/70:active { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:text-cyan-400\/80:focus { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:text-cyan-400\/80:hover { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:text-cyan-400\/80:active { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:text-cyan-400\/90:focus { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:text-cyan-400\/90:hover { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:text-cyan-400\/90:active { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:text-cyan-500:focus { + color: var(--cyan-500) + } + .lg\:hover\:text-cyan-500:hover { + color: var(--cyan-500) + } + .lg\:active\:text-cyan-500:active { + color: var(--cyan-500) + } + .lg\:focus\:text-cyan-500\/10:focus { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:text-cyan-500\/10:hover { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:text-cyan-500\/10:active { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:text-cyan-500\/20:focus { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:text-cyan-500\/20:hover { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:text-cyan-500\/20:active { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:text-cyan-500\/30:focus { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:text-cyan-500\/30:hover { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:text-cyan-500\/30:active { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:text-cyan-500\/40:focus { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:text-cyan-500\/40:hover { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:text-cyan-500\/40:active { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:text-cyan-500\/50:focus { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:text-cyan-500\/50:hover { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:text-cyan-500\/50:active { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:text-cyan-500\/60:focus { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:text-cyan-500\/60:hover { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:text-cyan-500\/60:active { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:text-cyan-500\/70:focus { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:text-cyan-500\/70:hover { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:text-cyan-500\/70:active { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:text-cyan-500\/80:focus { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:text-cyan-500\/80:hover { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:text-cyan-500\/80:active { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:text-cyan-500\/90:focus { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:text-cyan-500\/90:hover { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:text-cyan-500\/90:active { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:text-cyan-600:focus { + color: var(--cyan-600) + } + .lg\:hover\:text-cyan-600:hover { + color: var(--cyan-600) + } + .lg\:active\:text-cyan-600:active { + color: var(--cyan-600) + } + .lg\:focus\:text-cyan-600\/10:focus { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:text-cyan-600\/10:hover { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:text-cyan-600\/10:active { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:text-cyan-600\/20:focus { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:text-cyan-600\/20:hover { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:text-cyan-600\/20:active { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:text-cyan-600\/30:focus { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:text-cyan-600\/30:hover { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:text-cyan-600\/30:active { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:text-cyan-600\/40:focus { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:text-cyan-600\/40:hover { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:text-cyan-600\/40:active { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:text-cyan-600\/50:focus { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:text-cyan-600\/50:hover { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:text-cyan-600\/50:active { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:text-cyan-600\/60:focus { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:text-cyan-600\/60:hover { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:text-cyan-600\/60:active { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:text-cyan-600\/70:focus { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:text-cyan-600\/70:hover { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:text-cyan-600\/70:active { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:text-cyan-600\/80:focus { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:text-cyan-600\/80:hover { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:text-cyan-600\/80:active { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:text-cyan-600\/90:focus { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:text-cyan-600\/90:hover { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:text-cyan-600\/90:active { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:text-cyan-700:focus { + color: var(--cyan-700) + } + .lg\:hover\:text-cyan-700:hover { + color: var(--cyan-700) + } + .lg\:active\:text-cyan-700:active { + color: var(--cyan-700) + } + .lg\:focus\:text-cyan-700\/10:focus { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:text-cyan-700\/10:hover { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:text-cyan-700\/10:active { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:text-cyan-700\/20:focus { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:text-cyan-700\/20:hover { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:text-cyan-700\/20:active { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:text-cyan-700\/30:focus { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:text-cyan-700\/30:hover { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:text-cyan-700\/30:active { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:text-cyan-700\/40:focus { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:text-cyan-700\/40:hover { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:text-cyan-700\/40:active { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:text-cyan-700\/50:focus { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:text-cyan-700\/50:hover { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:text-cyan-700\/50:active { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:text-cyan-700\/60:focus { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:text-cyan-700\/60:hover { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:text-cyan-700\/60:active { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:text-cyan-700\/70:focus { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:text-cyan-700\/70:hover { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:text-cyan-700\/70:active { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:text-cyan-700\/80:focus { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:text-cyan-700\/80:hover { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:text-cyan-700\/80:active { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:text-cyan-700\/90:focus { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:text-cyan-700\/90:hover { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:text-cyan-700\/90:active { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:text-cyan-800:focus { + color: var(--cyan-800) + } + .lg\:hover\:text-cyan-800:hover { + color: var(--cyan-800) + } + .lg\:active\:text-cyan-800:active { + color: var(--cyan-800) + } + .lg\:focus\:text-cyan-800\/10:focus { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:text-cyan-800\/10:hover { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:text-cyan-800\/10:active { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:text-cyan-800\/20:focus { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:text-cyan-800\/20:hover { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:text-cyan-800\/20:active { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:text-cyan-800\/30:focus { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:text-cyan-800\/30:hover { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:text-cyan-800\/30:active { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:text-cyan-800\/40:focus { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:text-cyan-800\/40:hover { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:text-cyan-800\/40:active { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:text-cyan-800\/50:focus { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:text-cyan-800\/50:hover { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:text-cyan-800\/50:active { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:text-cyan-800\/60:focus { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:text-cyan-800\/60:hover { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:text-cyan-800\/60:active { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:text-cyan-800\/70:focus { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:text-cyan-800\/70:hover { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:text-cyan-800\/70:active { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:text-cyan-800\/80:focus { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:text-cyan-800\/80:hover { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:text-cyan-800\/80:active { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:text-cyan-800\/90:focus { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:text-cyan-800\/90:hover { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:text-cyan-800\/90:active { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:text-cyan-900:focus { + color: var(--cyan-900) + } + .lg\:hover\:text-cyan-900:hover { + color: var(--cyan-900) + } + .lg\:active\:text-cyan-900:active { + color: var(--cyan-900) + } + .lg\:focus\:text-cyan-900\/10:focus { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:text-cyan-900\/10:hover { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:text-cyan-900\/10:active { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:text-cyan-900\/20:focus { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:text-cyan-900\/20:hover { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:text-cyan-900\/20:active { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:text-cyan-900\/30:focus { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:text-cyan-900\/30:hover { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:text-cyan-900\/30:active { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:text-cyan-900\/40:focus { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:text-cyan-900\/40:hover { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:text-cyan-900\/40:active { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:text-cyan-900\/50:focus { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:text-cyan-900\/50:hover { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:text-cyan-900\/50:active { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:text-cyan-900\/60:focus { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:text-cyan-900\/60:hover { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:text-cyan-900\/60:active { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:text-cyan-900\/70:focus { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:text-cyan-900\/70:hover { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:text-cyan-900\/70:active { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:text-cyan-900\/80:focus { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:text-cyan-900\/80:hover { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:text-cyan-900\/80:active { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:text-cyan-900\/90:focus { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:text-cyan-900\/90:hover { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:text-cyan-900\/90:active { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:text-pink-50:focus { + color: var(--pink-50) + } + .lg\:hover\:text-pink-50:hover { + color: var(--pink-50) + } + .lg\:active\:text-pink-50:active { + color: var(--pink-50) + } + .lg\:focus\:text-pink-50\/10:focus { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:text-pink-50\/10:hover { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:text-pink-50\/10:active { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:text-pink-50\/20:focus { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:text-pink-50\/20:hover { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:text-pink-50\/20:active { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:text-pink-50\/30:focus { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:text-pink-50\/30:hover { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:text-pink-50\/30:active { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:text-pink-50\/40:focus { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:text-pink-50\/40:hover { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:text-pink-50\/40:active { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:text-pink-50\/50:focus { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:text-pink-50\/50:hover { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:text-pink-50\/50:active { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:text-pink-50\/60:focus { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:text-pink-50\/60:hover { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:text-pink-50\/60:active { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:text-pink-50\/70:focus { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:text-pink-50\/70:hover { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:text-pink-50\/70:active { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:text-pink-50\/80:focus { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:text-pink-50\/80:hover { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:text-pink-50\/80:active { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:text-pink-50\/90:focus { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:text-pink-50\/90:hover { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:text-pink-50\/90:active { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:text-pink-100:focus { + color: var(--pink-100) + } + .lg\:hover\:text-pink-100:hover { + color: var(--pink-100) + } + .lg\:active\:text-pink-100:active { + color: var(--pink-100) + } + .lg\:focus\:text-pink-100\/10:focus { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:text-pink-100\/10:hover { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:text-pink-100\/10:active { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:text-pink-100\/20:focus { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:text-pink-100\/20:hover { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:text-pink-100\/20:active { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:text-pink-100\/30:focus { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:text-pink-100\/30:hover { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:text-pink-100\/30:active { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:text-pink-100\/40:focus { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:text-pink-100\/40:hover { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:text-pink-100\/40:active { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:text-pink-100\/50:focus { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:text-pink-100\/50:hover { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:text-pink-100\/50:active { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:text-pink-100\/60:focus { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:text-pink-100\/60:hover { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:text-pink-100\/60:active { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:text-pink-100\/70:focus { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:text-pink-100\/70:hover { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:text-pink-100\/70:active { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:text-pink-100\/80:focus { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:text-pink-100\/80:hover { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:text-pink-100\/80:active { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:text-pink-100\/90:focus { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:text-pink-100\/90:hover { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:text-pink-100\/90:active { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:text-pink-200:focus { + color: var(--pink-200) + } + .lg\:hover\:text-pink-200:hover { + color: var(--pink-200) + } + .lg\:active\:text-pink-200:active { + color: var(--pink-200) + } + .lg\:focus\:text-pink-200\/10:focus { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:text-pink-200\/10:hover { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:text-pink-200\/10:active { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:text-pink-200\/20:focus { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:text-pink-200\/20:hover { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:text-pink-200\/20:active { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:text-pink-200\/30:focus { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:text-pink-200\/30:hover { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:text-pink-200\/30:active { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:text-pink-200\/40:focus { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:text-pink-200\/40:hover { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:text-pink-200\/40:active { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:text-pink-200\/50:focus { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:text-pink-200\/50:hover { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:text-pink-200\/50:active { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:text-pink-200\/60:focus { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:text-pink-200\/60:hover { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:text-pink-200\/60:active { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:text-pink-200\/70:focus { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:text-pink-200\/70:hover { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:text-pink-200\/70:active { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:text-pink-200\/80:focus { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:text-pink-200\/80:hover { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:text-pink-200\/80:active { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:text-pink-200\/90:focus { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:text-pink-200\/90:hover { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:text-pink-200\/90:active { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:text-pink-300:focus { + color: var(--pink-300) + } + .lg\:hover\:text-pink-300:hover { + color: var(--pink-300) + } + .lg\:active\:text-pink-300:active { + color: var(--pink-300) + } + .lg\:focus\:text-pink-300\/10:focus { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:text-pink-300\/10:hover { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:text-pink-300\/10:active { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:text-pink-300\/20:focus { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:text-pink-300\/20:hover { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:text-pink-300\/20:active { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:text-pink-300\/30:focus { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:text-pink-300\/30:hover { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:text-pink-300\/30:active { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:text-pink-300\/40:focus { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:text-pink-300\/40:hover { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:text-pink-300\/40:active { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:text-pink-300\/50:focus { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:text-pink-300\/50:hover { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:text-pink-300\/50:active { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:text-pink-300\/60:focus { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:text-pink-300\/60:hover { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:text-pink-300\/60:active { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:text-pink-300\/70:focus { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:text-pink-300\/70:hover { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:text-pink-300\/70:active { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:text-pink-300\/80:focus { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:text-pink-300\/80:hover { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:text-pink-300\/80:active { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:text-pink-300\/90:focus { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:text-pink-300\/90:hover { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:text-pink-300\/90:active { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:text-pink-400:focus { + color: var(--pink-400) + } + .lg\:hover\:text-pink-400:hover { + color: var(--pink-400) + } + .lg\:active\:text-pink-400:active { + color: var(--pink-400) + } + .lg\:focus\:text-pink-400\/10:focus { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:text-pink-400\/10:hover { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:text-pink-400\/10:active { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:text-pink-400\/20:focus { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:text-pink-400\/20:hover { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:text-pink-400\/20:active { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:text-pink-400\/30:focus { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:text-pink-400\/30:hover { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:text-pink-400\/30:active { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:text-pink-400\/40:focus { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:text-pink-400\/40:hover { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:text-pink-400\/40:active { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:text-pink-400\/50:focus { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:text-pink-400\/50:hover { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:text-pink-400\/50:active { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:text-pink-400\/60:focus { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:text-pink-400\/60:hover { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:text-pink-400\/60:active { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:text-pink-400\/70:focus { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:text-pink-400\/70:hover { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:text-pink-400\/70:active { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:text-pink-400\/80:focus { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:text-pink-400\/80:hover { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:text-pink-400\/80:active { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:text-pink-400\/90:focus { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:text-pink-400\/90:hover { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:text-pink-400\/90:active { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:text-pink-500:focus { + color: var(--pink-500) + } + .lg\:hover\:text-pink-500:hover { + color: var(--pink-500) + } + .lg\:active\:text-pink-500:active { + color: var(--pink-500) + } + .lg\:focus\:text-pink-500\/10:focus { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:text-pink-500\/10:hover { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:text-pink-500\/10:active { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:text-pink-500\/20:focus { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:text-pink-500\/20:hover { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:text-pink-500\/20:active { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:text-pink-500\/30:focus { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:text-pink-500\/30:hover { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:text-pink-500\/30:active { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:text-pink-500\/40:focus { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:text-pink-500\/40:hover { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:text-pink-500\/40:active { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:text-pink-500\/50:focus { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:text-pink-500\/50:hover { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:text-pink-500\/50:active { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:text-pink-500\/60:focus { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:text-pink-500\/60:hover { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:text-pink-500\/60:active { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:text-pink-500\/70:focus { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:text-pink-500\/70:hover { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:text-pink-500\/70:active { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:text-pink-500\/80:focus { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:text-pink-500\/80:hover { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:text-pink-500\/80:active { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:text-pink-500\/90:focus { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:text-pink-500\/90:hover { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:text-pink-500\/90:active { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:text-pink-600:focus { + color: var(--pink-600) + } + .lg\:hover\:text-pink-600:hover { + color: var(--pink-600) + } + .lg\:active\:text-pink-600:active { + color: var(--pink-600) + } + .lg\:focus\:text-pink-600\/10:focus { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:text-pink-600\/10:hover { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:text-pink-600\/10:active { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:text-pink-600\/20:focus { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:text-pink-600\/20:hover { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:text-pink-600\/20:active { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:text-pink-600\/30:focus { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:text-pink-600\/30:hover { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:text-pink-600\/30:active { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:text-pink-600\/40:focus { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:text-pink-600\/40:hover { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:text-pink-600\/40:active { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:text-pink-600\/50:focus { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:text-pink-600\/50:hover { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:text-pink-600\/50:active { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:text-pink-600\/60:focus { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:text-pink-600\/60:hover { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:text-pink-600\/60:active { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:text-pink-600\/70:focus { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:text-pink-600\/70:hover { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:text-pink-600\/70:active { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:text-pink-600\/80:focus { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:text-pink-600\/80:hover { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:text-pink-600\/80:active { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:text-pink-600\/90:focus { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:text-pink-600\/90:hover { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:text-pink-600\/90:active { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:text-pink-700:focus { + color: var(--pink-700) + } + .lg\:hover\:text-pink-700:hover { + color: var(--pink-700) + } + .lg\:active\:text-pink-700:active { + color: var(--pink-700) + } + .lg\:focus\:text-pink-700\/10:focus { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:text-pink-700\/10:hover { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:text-pink-700\/10:active { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:text-pink-700\/20:focus { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:text-pink-700\/20:hover { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:text-pink-700\/20:active { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:text-pink-700\/30:focus { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:text-pink-700\/30:hover { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:text-pink-700\/30:active { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:text-pink-700\/40:focus { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:text-pink-700\/40:hover { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:text-pink-700\/40:active { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:text-pink-700\/50:focus { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:text-pink-700\/50:hover { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:text-pink-700\/50:active { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:text-pink-700\/60:focus { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:text-pink-700\/60:hover { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:text-pink-700\/60:active { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:text-pink-700\/70:focus { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:text-pink-700\/70:hover { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:text-pink-700\/70:active { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:text-pink-700\/80:focus { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:text-pink-700\/80:hover { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:text-pink-700\/80:active { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:text-pink-700\/90:focus { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:text-pink-700\/90:hover { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:text-pink-700\/90:active { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:text-pink-800:focus { + color: var(--pink-800) + } + .lg\:hover\:text-pink-800:hover { + color: var(--pink-800) + } + .lg\:active\:text-pink-800:active { + color: var(--pink-800) + } + .lg\:focus\:text-pink-800\/10:focus { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:text-pink-800\/10:hover { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:text-pink-800\/10:active { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:text-pink-800\/20:focus { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:text-pink-800\/20:hover { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:text-pink-800\/20:active { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:text-pink-800\/30:focus { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:text-pink-800\/30:hover { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:text-pink-800\/30:active { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:text-pink-800\/40:focus { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:text-pink-800\/40:hover { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:text-pink-800\/40:active { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:text-pink-800\/50:focus { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:text-pink-800\/50:hover { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:text-pink-800\/50:active { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:text-pink-800\/60:focus { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:text-pink-800\/60:hover { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:text-pink-800\/60:active { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:text-pink-800\/70:focus { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:text-pink-800\/70:hover { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:text-pink-800\/70:active { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:text-pink-800\/80:focus { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:text-pink-800\/80:hover { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:text-pink-800\/80:active { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:text-pink-800\/90:focus { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:text-pink-800\/90:hover { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:text-pink-800\/90:active { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:text-pink-900:focus { + color: var(--pink-900) + } + .lg\:hover\:text-pink-900:hover { + color: var(--pink-900) + } + .lg\:active\:text-pink-900:active { + color: var(--pink-900) + } + .lg\:focus\:text-pink-900\/10:focus { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:text-pink-900\/10:hover { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:text-pink-900\/10:active { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:text-pink-900\/20:focus { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:text-pink-900\/20:hover { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:text-pink-900\/20:active { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:text-pink-900\/30:focus { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:text-pink-900\/30:hover { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:text-pink-900\/30:active { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:text-pink-900\/40:focus { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:text-pink-900\/40:hover { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:text-pink-900\/40:active { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:text-pink-900\/50:focus { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:text-pink-900\/50:hover { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:text-pink-900\/50:active { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:text-pink-900\/60:focus { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:text-pink-900\/60:hover { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:text-pink-900\/60:active { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:text-pink-900\/70:focus { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:text-pink-900\/70:hover { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:text-pink-900\/70:active { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:text-pink-900\/80:focus { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:text-pink-900\/80:hover { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:text-pink-900\/80:active { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:text-pink-900\/90:focus { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:text-pink-900\/90:hover { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:text-pink-900\/90:active { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:text-indigo-50:focus { + color: var(--indigo-50) + } + .lg\:hover\:text-indigo-50:hover { + color: var(--indigo-50) + } + .lg\:active\:text-indigo-50:active { + color: var(--indigo-50) + } + .lg\:focus\:text-indigo-50\/10:focus { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:text-indigo-50\/10:hover { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:text-indigo-50\/10:active { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:text-indigo-50\/20:focus { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:text-indigo-50\/20:hover { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:text-indigo-50\/20:active { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:text-indigo-50\/30:focus { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:text-indigo-50\/30:hover { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:text-indigo-50\/30:active { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:text-indigo-50\/40:focus { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:text-indigo-50\/40:hover { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:text-indigo-50\/40:active { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:text-indigo-50\/50:focus { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:text-indigo-50\/50:hover { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:text-indigo-50\/50:active { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:text-indigo-50\/60:focus { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:text-indigo-50\/60:hover { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:text-indigo-50\/60:active { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:text-indigo-50\/70:focus { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:text-indigo-50\/70:hover { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:text-indigo-50\/70:active { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:text-indigo-50\/80:focus { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:text-indigo-50\/80:hover { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:text-indigo-50\/80:active { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:text-indigo-50\/90:focus { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:text-indigo-50\/90:hover { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:text-indigo-50\/90:active { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:text-indigo-100:focus { + color: var(--indigo-100) + } + .lg\:hover\:text-indigo-100:hover { + color: var(--indigo-100) + } + .lg\:active\:text-indigo-100:active { + color: var(--indigo-100) + } + .lg\:focus\:text-indigo-100\/10:focus { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:text-indigo-100\/10:hover { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:text-indigo-100\/10:active { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:text-indigo-100\/20:focus { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:text-indigo-100\/20:hover { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:text-indigo-100\/20:active { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:text-indigo-100\/30:focus { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:text-indigo-100\/30:hover { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:text-indigo-100\/30:active { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:text-indigo-100\/40:focus { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:text-indigo-100\/40:hover { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:text-indigo-100\/40:active { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:text-indigo-100\/50:focus { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:text-indigo-100\/50:hover { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:text-indigo-100\/50:active { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:text-indigo-100\/60:focus { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:text-indigo-100\/60:hover { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:text-indigo-100\/60:active { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:text-indigo-100\/70:focus { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:text-indigo-100\/70:hover { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:text-indigo-100\/70:active { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:text-indigo-100\/80:focus { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:text-indigo-100\/80:hover { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:text-indigo-100\/80:active { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:text-indigo-100\/90:focus { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:text-indigo-100\/90:hover { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:text-indigo-100\/90:active { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:text-indigo-200:focus { + color: var(--indigo-200) + } + .lg\:hover\:text-indigo-200:hover { + color: var(--indigo-200) + } + .lg\:active\:text-indigo-200:active { + color: var(--indigo-200) + } + .lg\:focus\:text-indigo-200\/10:focus { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:text-indigo-200\/10:hover { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:text-indigo-200\/10:active { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:text-indigo-200\/20:focus { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:text-indigo-200\/20:hover { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:text-indigo-200\/20:active { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:text-indigo-200\/30:focus { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:text-indigo-200\/30:hover { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:text-indigo-200\/30:active { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:text-indigo-200\/40:focus { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:text-indigo-200\/40:hover { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:text-indigo-200\/40:active { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:text-indigo-200\/50:focus { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:text-indigo-200\/50:hover { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:text-indigo-200\/50:active { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:text-indigo-200\/60:focus { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:text-indigo-200\/60:hover { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:text-indigo-200\/60:active { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:text-indigo-200\/70:focus { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:text-indigo-200\/70:hover { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:text-indigo-200\/70:active { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:text-indigo-200\/80:focus { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:text-indigo-200\/80:hover { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:text-indigo-200\/80:active { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:text-indigo-200\/90:focus { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:text-indigo-200\/90:hover { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:text-indigo-200\/90:active { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:text-indigo-300:focus { + color: var(--indigo-300) + } + .lg\:hover\:text-indigo-300:hover { + color: var(--indigo-300) + } + .lg\:active\:text-indigo-300:active { + color: var(--indigo-300) + } + .lg\:focus\:text-indigo-300\/10:focus { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:text-indigo-300\/10:hover { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:text-indigo-300\/10:active { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:text-indigo-300\/20:focus { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:text-indigo-300\/20:hover { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:text-indigo-300\/20:active { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:text-indigo-300\/30:focus { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:text-indigo-300\/30:hover { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:text-indigo-300\/30:active { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:text-indigo-300\/40:focus { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:text-indigo-300\/40:hover { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:text-indigo-300\/40:active { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:text-indigo-300\/50:focus { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:text-indigo-300\/50:hover { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:text-indigo-300\/50:active { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:text-indigo-300\/60:focus { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:text-indigo-300\/60:hover { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:text-indigo-300\/60:active { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:text-indigo-300\/70:focus { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:text-indigo-300\/70:hover { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:text-indigo-300\/70:active { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:text-indigo-300\/80:focus { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:text-indigo-300\/80:hover { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:text-indigo-300\/80:active { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:text-indigo-300\/90:focus { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:text-indigo-300\/90:hover { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:text-indigo-300\/90:active { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:text-indigo-400:focus { + color: var(--indigo-400) + } + .lg\:hover\:text-indigo-400:hover { + color: var(--indigo-400) + } + .lg\:active\:text-indigo-400:active { + color: var(--indigo-400) + } + .lg\:focus\:text-indigo-400\/10:focus { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:text-indigo-400\/10:hover { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:text-indigo-400\/10:active { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:text-indigo-400\/20:focus { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:text-indigo-400\/20:hover { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:text-indigo-400\/20:active { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:text-indigo-400\/30:focus { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:text-indigo-400\/30:hover { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:text-indigo-400\/30:active { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:text-indigo-400\/40:focus { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:text-indigo-400\/40:hover { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:text-indigo-400\/40:active { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:text-indigo-400\/50:focus { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:text-indigo-400\/50:hover { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:text-indigo-400\/50:active { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:text-indigo-400\/60:focus { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:text-indigo-400\/60:hover { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:text-indigo-400\/60:active { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:text-indigo-400\/70:focus { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:text-indigo-400\/70:hover { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:text-indigo-400\/70:active { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:text-indigo-400\/80:focus { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:text-indigo-400\/80:hover { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:text-indigo-400\/80:active { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:text-indigo-400\/90:focus { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:text-indigo-400\/90:hover { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:text-indigo-400\/90:active { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:text-indigo-500:focus { + color: var(--indigo-500) + } + .lg\:hover\:text-indigo-500:hover { + color: var(--indigo-500) + } + .lg\:active\:text-indigo-500:active { + color: var(--indigo-500) + } + .lg\:focus\:text-indigo-500\/10:focus { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:text-indigo-500\/10:hover { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:text-indigo-500\/10:active { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:text-indigo-500\/20:focus { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:text-indigo-500\/20:hover { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:text-indigo-500\/20:active { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:text-indigo-500\/30:focus { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:text-indigo-500\/30:hover { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:text-indigo-500\/30:active { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:text-indigo-500\/40:focus { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:text-indigo-500\/40:hover { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:text-indigo-500\/40:active { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:text-indigo-500\/50:focus { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:text-indigo-500\/50:hover { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:text-indigo-500\/50:active { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:text-indigo-500\/60:focus { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:text-indigo-500\/60:hover { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:text-indigo-500\/60:active { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:text-indigo-500\/70:focus { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:text-indigo-500\/70:hover { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:text-indigo-500\/70:active { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:text-indigo-500\/80:focus { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:text-indigo-500\/80:hover { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:text-indigo-500\/80:active { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:text-indigo-500\/90:focus { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:text-indigo-500\/90:hover { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:text-indigo-500\/90:active { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:text-indigo-600:focus { + color: var(--indigo-600) + } + .lg\:hover\:text-indigo-600:hover { + color: var(--indigo-600) + } + .lg\:active\:text-indigo-600:active { + color: var(--indigo-600) + } + .lg\:focus\:text-indigo-600\/10:focus { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:text-indigo-600\/10:hover { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:text-indigo-600\/10:active { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:text-indigo-600\/20:focus { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:text-indigo-600\/20:hover { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:text-indigo-600\/20:active { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:text-indigo-600\/30:focus { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:text-indigo-600\/30:hover { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:text-indigo-600\/30:active { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:text-indigo-600\/40:focus { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:text-indigo-600\/40:hover { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:text-indigo-600\/40:active { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:text-indigo-600\/50:focus { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:text-indigo-600\/50:hover { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:text-indigo-600\/50:active { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:text-indigo-600\/60:focus { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:text-indigo-600\/60:hover { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:text-indigo-600\/60:active { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:text-indigo-600\/70:focus { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:text-indigo-600\/70:hover { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:text-indigo-600\/70:active { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:text-indigo-600\/80:focus { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:text-indigo-600\/80:hover { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:text-indigo-600\/80:active { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:text-indigo-600\/90:focus { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:text-indigo-600\/90:hover { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:text-indigo-600\/90:active { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:text-indigo-700:focus { + color: var(--indigo-700) + } + .lg\:hover\:text-indigo-700:hover { + color: var(--indigo-700) + } + .lg\:active\:text-indigo-700:active { + color: var(--indigo-700) + } + .lg\:focus\:text-indigo-700\/10:focus { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:text-indigo-700\/10:hover { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:text-indigo-700\/10:active { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:text-indigo-700\/20:focus { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:text-indigo-700\/20:hover { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:text-indigo-700\/20:active { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:text-indigo-700\/30:focus { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:text-indigo-700\/30:hover { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:text-indigo-700\/30:active { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:text-indigo-700\/40:focus { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:text-indigo-700\/40:hover { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:text-indigo-700\/40:active { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:text-indigo-700\/50:focus { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:text-indigo-700\/50:hover { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:text-indigo-700\/50:active { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:text-indigo-700\/60:focus { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:text-indigo-700\/60:hover { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:text-indigo-700\/60:active { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:text-indigo-700\/70:focus { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:text-indigo-700\/70:hover { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:text-indigo-700\/70:active { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:text-indigo-700\/80:focus { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:text-indigo-700\/80:hover { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:text-indigo-700\/80:active { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:text-indigo-700\/90:focus { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:text-indigo-700\/90:hover { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:text-indigo-700\/90:active { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:text-indigo-800:focus { + color: var(--indigo-800) + } + .lg\:hover\:text-indigo-800:hover { + color: var(--indigo-800) + } + .lg\:active\:text-indigo-800:active { + color: var(--indigo-800) + } + .lg\:focus\:text-indigo-800\/10:focus { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:text-indigo-800\/10:hover { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:text-indigo-800\/10:active { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:text-indigo-800\/20:focus { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:text-indigo-800\/20:hover { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:text-indigo-800\/20:active { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:text-indigo-800\/30:focus { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:text-indigo-800\/30:hover { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:text-indigo-800\/30:active { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:text-indigo-800\/40:focus { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:text-indigo-800\/40:hover { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:text-indigo-800\/40:active { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:text-indigo-800\/50:focus { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:text-indigo-800\/50:hover { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:text-indigo-800\/50:active { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:text-indigo-800\/60:focus { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:text-indigo-800\/60:hover { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:text-indigo-800\/60:active { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:text-indigo-800\/70:focus { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:text-indigo-800\/70:hover { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:text-indigo-800\/70:active { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:text-indigo-800\/80:focus { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:text-indigo-800\/80:hover { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:text-indigo-800\/80:active { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:text-indigo-800\/90:focus { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:text-indigo-800\/90:hover { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:text-indigo-800\/90:active { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:text-indigo-900:focus { + color: var(--indigo-900) + } + .lg\:hover\:text-indigo-900:hover { + color: var(--indigo-900) + } + .lg\:active\:text-indigo-900:active { + color: var(--indigo-900) + } + .lg\:focus\:text-indigo-900\/10:focus { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:text-indigo-900\/10:hover { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:text-indigo-900\/10:active { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:text-indigo-900\/20:focus { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:text-indigo-900\/20:hover { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:text-indigo-900\/20:active { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:text-indigo-900\/30:focus { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:text-indigo-900\/30:hover { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:text-indigo-900\/30:active { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:text-indigo-900\/40:focus { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:text-indigo-900\/40:hover { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:text-indigo-900\/40:active { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:text-indigo-900\/50:focus { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:text-indigo-900\/50:hover { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:text-indigo-900\/50:active { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:text-indigo-900\/60:focus { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:text-indigo-900\/60:hover { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:text-indigo-900\/60:active { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:text-indigo-900\/70:focus { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:text-indigo-900\/70:hover { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:text-indigo-900\/70:active { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:text-indigo-900\/80:focus { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:text-indigo-900\/80:hover { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:text-indigo-900\/80:active { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:text-indigo-900\/90:focus { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:text-indigo-900\/90:hover { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:text-indigo-900\/90:active { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:text-teal-50:focus { + color: var(--teal-50) + } + .lg\:hover\:text-teal-50:hover { + color: var(--teal-50) + } + .lg\:active\:text-teal-50:active { + color: var(--teal-50) + } + .lg\:focus\:text-teal-50\/10:focus { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:text-teal-50\/10:hover { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:text-teal-50\/10:active { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:text-teal-50\/20:focus { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:text-teal-50\/20:hover { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:text-teal-50\/20:active { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:text-teal-50\/30:focus { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:text-teal-50\/30:hover { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:text-teal-50\/30:active { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:text-teal-50\/40:focus { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:text-teal-50\/40:hover { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:text-teal-50\/40:active { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:text-teal-50\/50:focus { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:text-teal-50\/50:hover { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:text-teal-50\/50:active { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:text-teal-50\/60:focus { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:text-teal-50\/60:hover { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:text-teal-50\/60:active { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:text-teal-50\/70:focus { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:text-teal-50\/70:hover { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:text-teal-50\/70:active { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:text-teal-50\/80:focus { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:text-teal-50\/80:hover { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:text-teal-50\/80:active { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:text-teal-50\/90:focus { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:text-teal-50\/90:hover { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:text-teal-50\/90:active { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:text-teal-100:focus { + color: var(--teal-100) + } + .lg\:hover\:text-teal-100:hover { + color: var(--teal-100) + } + .lg\:active\:text-teal-100:active { + color: var(--teal-100) + } + .lg\:focus\:text-teal-100\/10:focus { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:text-teal-100\/10:hover { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:text-teal-100\/10:active { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:text-teal-100\/20:focus { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:text-teal-100\/20:hover { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:text-teal-100\/20:active { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:text-teal-100\/30:focus { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:text-teal-100\/30:hover { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:text-teal-100\/30:active { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:text-teal-100\/40:focus { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:text-teal-100\/40:hover { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:text-teal-100\/40:active { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:text-teal-100\/50:focus { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:text-teal-100\/50:hover { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:text-teal-100\/50:active { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:text-teal-100\/60:focus { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:text-teal-100\/60:hover { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:text-teal-100\/60:active { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:text-teal-100\/70:focus { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:text-teal-100\/70:hover { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:text-teal-100\/70:active { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:text-teal-100\/80:focus { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:text-teal-100\/80:hover { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:text-teal-100\/80:active { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:text-teal-100\/90:focus { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:text-teal-100\/90:hover { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:text-teal-100\/90:active { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:text-teal-200:focus { + color: var(--teal-200) + } + .lg\:hover\:text-teal-200:hover { + color: var(--teal-200) + } + .lg\:active\:text-teal-200:active { + color: var(--teal-200) + } + .lg\:focus\:text-teal-200\/10:focus { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:text-teal-200\/10:hover { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:text-teal-200\/10:active { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:text-teal-200\/20:focus { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:text-teal-200\/20:hover { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:text-teal-200\/20:active { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:text-teal-200\/30:focus { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:text-teal-200\/30:hover { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:text-teal-200\/30:active { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:text-teal-200\/40:focus { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:text-teal-200\/40:hover { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:text-teal-200\/40:active { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:text-teal-200\/50:focus { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:text-teal-200\/50:hover { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:text-teal-200\/50:active { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:text-teal-200\/60:focus { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:text-teal-200\/60:hover { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:text-teal-200\/60:active { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:text-teal-200\/70:focus { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:text-teal-200\/70:hover { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:text-teal-200\/70:active { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:text-teal-200\/80:focus { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:text-teal-200\/80:hover { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:text-teal-200\/80:active { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:text-teal-200\/90:focus { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:text-teal-200\/90:hover { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:text-teal-200\/90:active { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:text-teal-300:focus { + color: var(--teal-300) + } + .lg\:hover\:text-teal-300:hover { + color: var(--teal-300) + } + .lg\:active\:text-teal-300:active { + color: var(--teal-300) + } + .lg\:focus\:text-teal-300\/10:focus { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:text-teal-300\/10:hover { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:text-teal-300\/10:active { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:text-teal-300\/20:focus { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:text-teal-300\/20:hover { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:text-teal-300\/20:active { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:text-teal-300\/30:focus { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:text-teal-300\/30:hover { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:text-teal-300\/30:active { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:text-teal-300\/40:focus { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:text-teal-300\/40:hover { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:text-teal-300\/40:active { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:text-teal-300\/50:focus { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:text-teal-300\/50:hover { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:text-teal-300\/50:active { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:text-teal-300\/60:focus { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:text-teal-300\/60:hover { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:text-teal-300\/60:active { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:text-teal-300\/70:focus { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:text-teal-300\/70:hover { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:text-teal-300\/70:active { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:text-teal-300\/80:focus { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:text-teal-300\/80:hover { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:text-teal-300\/80:active { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:text-teal-300\/90:focus { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:text-teal-300\/90:hover { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:text-teal-300\/90:active { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:text-teal-400:focus { + color: var(--teal-400) + } + .lg\:hover\:text-teal-400:hover { + color: var(--teal-400) + } + .lg\:active\:text-teal-400:active { + color: var(--teal-400) + } + .lg\:focus\:text-teal-400\/10:focus { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:text-teal-400\/10:hover { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:text-teal-400\/10:active { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:text-teal-400\/20:focus { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:text-teal-400\/20:hover { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:text-teal-400\/20:active { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:text-teal-400\/30:focus { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:text-teal-400\/30:hover { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:text-teal-400\/30:active { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:text-teal-400\/40:focus { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:text-teal-400\/40:hover { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:text-teal-400\/40:active { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:text-teal-400\/50:focus { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:text-teal-400\/50:hover { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:text-teal-400\/50:active { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:text-teal-400\/60:focus { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:text-teal-400\/60:hover { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:text-teal-400\/60:active { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:text-teal-400\/70:focus { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:text-teal-400\/70:hover { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:text-teal-400\/70:active { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:text-teal-400\/80:focus { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:text-teal-400\/80:hover { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:text-teal-400\/80:active { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:text-teal-400\/90:focus { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:text-teal-400\/90:hover { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:text-teal-400\/90:active { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:text-teal-500:focus { + color: var(--teal-500) + } + .lg\:hover\:text-teal-500:hover { + color: var(--teal-500) + } + .lg\:active\:text-teal-500:active { + color: var(--teal-500) + } + .lg\:focus\:text-teal-500\/10:focus { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:text-teal-500\/10:hover { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:text-teal-500\/10:active { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:text-teal-500\/20:focus { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:text-teal-500\/20:hover { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:text-teal-500\/20:active { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:text-teal-500\/30:focus { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:text-teal-500\/30:hover { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:text-teal-500\/30:active { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:text-teal-500\/40:focus { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:text-teal-500\/40:hover { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:text-teal-500\/40:active { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:text-teal-500\/50:focus { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:text-teal-500\/50:hover { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:text-teal-500\/50:active { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:text-teal-500\/60:focus { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:text-teal-500\/60:hover { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:text-teal-500\/60:active { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:text-teal-500\/70:focus { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:text-teal-500\/70:hover { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:text-teal-500\/70:active { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:text-teal-500\/80:focus { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:text-teal-500\/80:hover { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:text-teal-500\/80:active { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:text-teal-500\/90:focus { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:text-teal-500\/90:hover { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:text-teal-500\/90:active { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:text-teal-600:focus { + color: var(--teal-600) + } + .lg\:hover\:text-teal-600:hover { + color: var(--teal-600) + } + .lg\:active\:text-teal-600:active { + color: var(--teal-600) + } + .lg\:focus\:text-teal-600\/10:focus { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:text-teal-600\/10:hover { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:text-teal-600\/10:active { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:text-teal-600\/20:focus { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:text-teal-600\/20:hover { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:text-teal-600\/20:active { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:text-teal-600\/30:focus { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:text-teal-600\/30:hover { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:text-teal-600\/30:active { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:text-teal-600\/40:focus { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:text-teal-600\/40:hover { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:text-teal-600\/40:active { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:text-teal-600\/50:focus { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:text-teal-600\/50:hover { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:text-teal-600\/50:active { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:text-teal-600\/60:focus { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:text-teal-600\/60:hover { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:text-teal-600\/60:active { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:text-teal-600\/70:focus { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:text-teal-600\/70:hover { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:text-teal-600\/70:active { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:text-teal-600\/80:focus { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:text-teal-600\/80:hover { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:text-teal-600\/80:active { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:text-teal-600\/90:focus { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:text-teal-600\/90:hover { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:text-teal-600\/90:active { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:text-teal-700:focus { + color: var(--teal-700) + } + .lg\:hover\:text-teal-700:hover { + color: var(--teal-700) + } + .lg\:active\:text-teal-700:active { + color: var(--teal-700) + } + .lg\:focus\:text-teal-700\/10:focus { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:text-teal-700\/10:hover { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:text-teal-700\/10:active { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:text-teal-700\/20:focus { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:text-teal-700\/20:hover { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:text-teal-700\/20:active { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:text-teal-700\/30:focus { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:text-teal-700\/30:hover { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:text-teal-700\/30:active { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:text-teal-700\/40:focus { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:text-teal-700\/40:hover { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:text-teal-700\/40:active { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:text-teal-700\/50:focus { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:text-teal-700\/50:hover { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:text-teal-700\/50:active { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:text-teal-700\/60:focus { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:text-teal-700\/60:hover { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:text-teal-700\/60:active { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:text-teal-700\/70:focus { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:text-teal-700\/70:hover { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:text-teal-700\/70:active { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:text-teal-700\/80:focus { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:text-teal-700\/80:hover { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:text-teal-700\/80:active { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:text-teal-700\/90:focus { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:text-teal-700\/90:hover { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:text-teal-700\/90:active { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:text-teal-800:focus { + color: var(--teal-800) + } + .lg\:hover\:text-teal-800:hover { + color: var(--teal-800) + } + .lg\:active\:text-teal-800:active { + color: var(--teal-800) + } + .lg\:focus\:text-teal-800\/10:focus { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:text-teal-800\/10:hover { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:text-teal-800\/10:active { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:text-teal-800\/20:focus { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:text-teal-800\/20:hover { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:text-teal-800\/20:active { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:text-teal-800\/30:focus { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:text-teal-800\/30:hover { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:text-teal-800\/30:active { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:text-teal-800\/40:focus { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:text-teal-800\/40:hover { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:text-teal-800\/40:active { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:text-teal-800\/50:focus { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:text-teal-800\/50:hover { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:text-teal-800\/50:active { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:text-teal-800\/60:focus { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:text-teal-800\/60:hover { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:text-teal-800\/60:active { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:text-teal-800\/70:focus { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:text-teal-800\/70:hover { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:text-teal-800\/70:active { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:text-teal-800\/80:focus { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:text-teal-800\/80:hover { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:text-teal-800\/80:active { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:text-teal-800\/90:focus { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:text-teal-800\/90:hover { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:text-teal-800\/90:active { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:text-teal-900:focus { + color: var(--teal-900) + } + .lg\:hover\:text-teal-900:hover { + color: var(--teal-900) + } + .lg\:active\:text-teal-900:active { + color: var(--teal-900) + } + .lg\:focus\:text-teal-900\/10:focus { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:text-teal-900\/10:hover { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:text-teal-900\/10:active { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:text-teal-900\/20:focus { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:text-teal-900\/20:hover { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:text-teal-900\/20:active { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:text-teal-900\/30:focus { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:text-teal-900\/30:hover { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:text-teal-900\/30:active { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:text-teal-900\/40:focus { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:text-teal-900\/40:hover { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:text-teal-900\/40:active { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:text-teal-900\/50:focus { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:text-teal-900\/50:hover { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:text-teal-900\/50:active { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:text-teal-900\/60:focus { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:text-teal-900\/60:hover { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:text-teal-900\/60:active { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:text-teal-900\/70:focus { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:text-teal-900\/70:hover { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:text-teal-900\/70:active { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:text-teal-900\/80:focus { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:text-teal-900\/80:hover { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:text-teal-900\/80:active { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:text-teal-900\/90:focus { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:text-teal-900\/90:hover { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:text-teal-900\/90:active { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:text-orange-50:focus { + color: var(--orange-50) + } + .lg\:hover\:text-orange-50:hover { + color: var(--orange-50) + } + .lg\:active\:text-orange-50:active { + color: var(--orange-50) + } + .lg\:focus\:text-orange-50\/10:focus { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:text-orange-50\/10:hover { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:text-orange-50\/10:active { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:text-orange-50\/20:focus { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:text-orange-50\/20:hover { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:text-orange-50\/20:active { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:text-orange-50\/30:focus { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:text-orange-50\/30:hover { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:text-orange-50\/30:active { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:text-orange-50\/40:focus { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:text-orange-50\/40:hover { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:text-orange-50\/40:active { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:text-orange-50\/50:focus { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:text-orange-50\/50:hover { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:text-orange-50\/50:active { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:text-orange-50\/60:focus { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:text-orange-50\/60:hover { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:text-orange-50\/60:active { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:text-orange-50\/70:focus { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:text-orange-50\/70:hover { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:text-orange-50\/70:active { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:text-orange-50\/80:focus { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:text-orange-50\/80:hover { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:text-orange-50\/80:active { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:text-orange-50\/90:focus { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:text-orange-50\/90:hover { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:text-orange-50\/90:active { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:text-orange-100:focus { + color: var(--orange-100) + } + .lg\:hover\:text-orange-100:hover { + color: var(--orange-100) + } + .lg\:active\:text-orange-100:active { + color: var(--orange-100) + } + .lg\:focus\:text-orange-100\/10:focus { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:text-orange-100\/10:hover { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:text-orange-100\/10:active { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:text-orange-100\/20:focus { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:text-orange-100\/20:hover { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:text-orange-100\/20:active { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:text-orange-100\/30:focus { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:text-orange-100\/30:hover { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:text-orange-100\/30:active { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:text-orange-100\/40:focus { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:text-orange-100\/40:hover { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:text-orange-100\/40:active { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:text-orange-100\/50:focus { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:text-orange-100\/50:hover { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:text-orange-100\/50:active { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:text-orange-100\/60:focus { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:text-orange-100\/60:hover { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:text-orange-100\/60:active { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:text-orange-100\/70:focus { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:text-orange-100\/70:hover { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:text-orange-100\/70:active { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:text-orange-100\/80:focus { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:text-orange-100\/80:hover { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:text-orange-100\/80:active { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:text-orange-100\/90:focus { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:text-orange-100\/90:hover { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:text-orange-100\/90:active { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:text-orange-200:focus { + color: var(--orange-200) + } + .lg\:hover\:text-orange-200:hover { + color: var(--orange-200) + } + .lg\:active\:text-orange-200:active { + color: var(--orange-200) + } + .lg\:focus\:text-orange-200\/10:focus { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:text-orange-200\/10:hover { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:text-orange-200\/10:active { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:text-orange-200\/20:focus { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:text-orange-200\/20:hover { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:text-orange-200\/20:active { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:text-orange-200\/30:focus { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:text-orange-200\/30:hover { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:text-orange-200\/30:active { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:text-orange-200\/40:focus { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:text-orange-200\/40:hover { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:text-orange-200\/40:active { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:text-orange-200\/50:focus { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:text-orange-200\/50:hover { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:text-orange-200\/50:active { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:text-orange-200\/60:focus { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:text-orange-200\/60:hover { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:text-orange-200\/60:active { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:text-orange-200\/70:focus { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:text-orange-200\/70:hover { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:text-orange-200\/70:active { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:text-orange-200\/80:focus { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:text-orange-200\/80:hover { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:text-orange-200\/80:active { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:text-orange-200\/90:focus { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:text-orange-200\/90:hover { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:text-orange-200\/90:active { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:text-orange-300:focus { + color: var(--orange-300) + } + .lg\:hover\:text-orange-300:hover { + color: var(--orange-300) + } + .lg\:active\:text-orange-300:active { + color: var(--orange-300) + } + .lg\:focus\:text-orange-300\/10:focus { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:text-orange-300\/10:hover { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:text-orange-300\/10:active { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:text-orange-300\/20:focus { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:text-orange-300\/20:hover { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:text-orange-300\/20:active { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:text-orange-300\/30:focus { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:text-orange-300\/30:hover { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:text-orange-300\/30:active { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:text-orange-300\/40:focus { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:text-orange-300\/40:hover { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:text-orange-300\/40:active { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:text-orange-300\/50:focus { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:text-orange-300\/50:hover { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:text-orange-300\/50:active { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:text-orange-300\/60:focus { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:text-orange-300\/60:hover { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:text-orange-300\/60:active { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:text-orange-300\/70:focus { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:text-orange-300\/70:hover { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:text-orange-300\/70:active { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:text-orange-300\/80:focus { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:text-orange-300\/80:hover { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:text-orange-300\/80:active { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:text-orange-300\/90:focus { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:text-orange-300\/90:hover { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:text-orange-300\/90:active { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:text-orange-400:focus { + color: var(--orange-400) + } + .lg\:hover\:text-orange-400:hover { + color: var(--orange-400) + } + .lg\:active\:text-orange-400:active { + color: var(--orange-400) + } + .lg\:focus\:text-orange-400\/10:focus { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:text-orange-400\/10:hover { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:text-orange-400\/10:active { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:text-orange-400\/20:focus { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:text-orange-400\/20:hover { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:text-orange-400\/20:active { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:text-orange-400\/30:focus { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:text-orange-400\/30:hover { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:text-orange-400\/30:active { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:text-orange-400\/40:focus { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:text-orange-400\/40:hover { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:text-orange-400\/40:active { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:text-orange-400\/50:focus { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:text-orange-400\/50:hover { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:text-orange-400\/50:active { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:text-orange-400\/60:focus { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:text-orange-400\/60:hover { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:text-orange-400\/60:active { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:text-orange-400\/70:focus { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:text-orange-400\/70:hover { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:text-orange-400\/70:active { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:text-orange-400\/80:focus { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:text-orange-400\/80:hover { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:text-orange-400\/80:active { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:text-orange-400\/90:focus { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:text-orange-400\/90:hover { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:text-orange-400\/90:active { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:text-orange-500:focus { + color: var(--orange-500) + } + .lg\:hover\:text-orange-500:hover { + color: var(--orange-500) + } + .lg\:active\:text-orange-500:active { + color: var(--orange-500) + } + .lg\:focus\:text-orange-500\/10:focus { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:text-orange-500\/10:hover { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:text-orange-500\/10:active { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:text-orange-500\/20:focus { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:text-orange-500\/20:hover { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:text-orange-500\/20:active { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:text-orange-500\/30:focus { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:text-orange-500\/30:hover { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:text-orange-500\/30:active { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:text-orange-500\/40:focus { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:text-orange-500\/40:hover { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:text-orange-500\/40:active { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:text-orange-500\/50:focus { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:text-orange-500\/50:hover { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:text-orange-500\/50:active { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:text-orange-500\/60:focus { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:text-orange-500\/60:hover { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:text-orange-500\/60:active { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:text-orange-500\/70:focus { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:text-orange-500\/70:hover { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:text-orange-500\/70:active { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:text-orange-500\/80:focus { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:text-orange-500\/80:hover { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:text-orange-500\/80:active { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:text-orange-500\/90:focus { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:text-orange-500\/90:hover { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:text-orange-500\/90:active { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:text-orange-600:focus { + color: var(--orange-600) + } + .lg\:hover\:text-orange-600:hover { + color: var(--orange-600) + } + .lg\:active\:text-orange-600:active { + color: var(--orange-600) + } + .lg\:focus\:text-orange-600\/10:focus { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:text-orange-600\/10:hover { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:text-orange-600\/10:active { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:text-orange-600\/20:focus { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:text-orange-600\/20:hover { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:text-orange-600\/20:active { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:text-orange-600\/30:focus { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:text-orange-600\/30:hover { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:text-orange-600\/30:active { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:text-orange-600\/40:focus { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:text-orange-600\/40:hover { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:text-orange-600\/40:active { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:text-orange-600\/50:focus { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:text-orange-600\/50:hover { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:text-orange-600\/50:active { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:text-orange-600\/60:focus { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:text-orange-600\/60:hover { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:text-orange-600\/60:active { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:text-orange-600\/70:focus { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:text-orange-600\/70:hover { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:text-orange-600\/70:active { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:text-orange-600\/80:focus { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:text-orange-600\/80:hover { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:text-orange-600\/80:active { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:text-orange-600\/90:focus { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:text-orange-600\/90:hover { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:text-orange-600\/90:active { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:text-orange-700:focus { + color: var(--orange-700) + } + .lg\:hover\:text-orange-700:hover { + color: var(--orange-700) + } + .lg\:active\:text-orange-700:active { + color: var(--orange-700) + } + .lg\:focus\:text-orange-700\/10:focus { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:text-orange-700\/10:hover { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:text-orange-700\/10:active { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:text-orange-700\/20:focus { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:text-orange-700\/20:hover { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:text-orange-700\/20:active { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:text-orange-700\/30:focus { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:text-orange-700\/30:hover { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:text-orange-700\/30:active { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:text-orange-700\/40:focus { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:text-orange-700\/40:hover { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:text-orange-700\/40:active { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:text-orange-700\/50:focus { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:text-orange-700\/50:hover { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:text-orange-700\/50:active { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:text-orange-700\/60:focus { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:text-orange-700\/60:hover { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:text-orange-700\/60:active { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:text-orange-700\/70:focus { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:text-orange-700\/70:hover { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:text-orange-700\/70:active { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:text-orange-700\/80:focus { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:text-orange-700\/80:hover { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:text-orange-700\/80:active { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:text-orange-700\/90:focus { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:text-orange-700\/90:hover { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:text-orange-700\/90:active { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:text-orange-800:focus { + color: var(--orange-800) + } + .lg\:hover\:text-orange-800:hover { + color: var(--orange-800) + } + .lg\:active\:text-orange-800:active { + color: var(--orange-800) + } + .lg\:focus\:text-orange-800\/10:focus { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:text-orange-800\/10:hover { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:text-orange-800\/10:active { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:text-orange-800\/20:focus { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:text-orange-800\/20:hover { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:text-orange-800\/20:active { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:text-orange-800\/30:focus { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:text-orange-800\/30:hover { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:text-orange-800\/30:active { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:text-orange-800\/40:focus { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:text-orange-800\/40:hover { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:text-orange-800\/40:active { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:text-orange-800\/50:focus { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:text-orange-800\/50:hover { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:text-orange-800\/50:active { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:text-orange-800\/60:focus { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:text-orange-800\/60:hover { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:text-orange-800\/60:active { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:text-orange-800\/70:focus { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:text-orange-800\/70:hover { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:text-orange-800\/70:active { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:text-orange-800\/80:focus { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:text-orange-800\/80:hover { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:text-orange-800\/80:active { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:text-orange-800\/90:focus { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:text-orange-800\/90:hover { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:text-orange-800\/90:active { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:text-orange-900:focus { + color: var(--orange-900) + } + .lg\:hover\:text-orange-900:hover { + color: var(--orange-900) + } + .lg\:active\:text-orange-900:active { + color: var(--orange-900) + } + .lg\:focus\:text-orange-900\/10:focus { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:text-orange-900\/10:hover { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:text-orange-900\/10:active { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:text-orange-900\/20:focus { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:text-orange-900\/20:hover { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:text-orange-900\/20:active { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:text-orange-900\/30:focus { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:text-orange-900\/30:hover { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:text-orange-900\/30:active { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:text-orange-900\/40:focus { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:text-orange-900\/40:hover { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:text-orange-900\/40:active { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:text-orange-900\/50:focus { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:text-orange-900\/50:hover { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:text-orange-900\/50:active { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:text-orange-900\/60:focus { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:text-orange-900\/60:hover { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:text-orange-900\/60:active { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:text-orange-900\/70:focus { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:text-orange-900\/70:hover { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:text-orange-900\/70:active { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:text-orange-900\/80:focus { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:text-orange-900\/80:hover { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:text-orange-900\/80:active { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:text-orange-900\/90:focus { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:text-orange-900\/90:hover { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:text-orange-900\/90:active { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-50:focus { + color: var(--bluegray-50) + } + .lg\:hover\:text-bluegray-50:hover { + color: var(--bluegray-50) + } + .lg\:active\:text-bluegray-50:active { + color: var(--bluegray-50) + } + .lg\:focus\:text-bluegray-50\/10:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-50\/10:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:text-bluegray-50\/10:active { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-50\/20:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-50\/20:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:text-bluegray-50\/20:active { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-50\/30:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-50\/30:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:text-bluegray-50\/30:active { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-50\/40:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-50\/40:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:text-bluegray-50\/40:active { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-50\/50:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-50\/50:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:text-bluegray-50\/50:active { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-50\/60:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-50\/60:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:text-bluegray-50\/60:active { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-50\/70:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-50\/70:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:text-bluegray-50\/70:active { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-50\/80:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-50\/80:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:text-bluegray-50\/80:active { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-50\/90:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-50\/90:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:text-bluegray-50\/90:active { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-100:focus { + color: var(--bluegray-100) + } + .lg\:hover\:text-bluegray-100:hover { + color: var(--bluegray-100) + } + .lg\:active\:text-bluegray-100:active { + color: var(--bluegray-100) + } + .lg\:focus\:text-bluegray-100\/10:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-100\/10:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:text-bluegray-100\/10:active { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-100\/20:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-100\/20:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:text-bluegray-100\/20:active { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-100\/30:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-100\/30:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:text-bluegray-100\/30:active { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-100\/40:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-100\/40:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:text-bluegray-100\/40:active { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-100\/50:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-100\/50:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:text-bluegray-100\/50:active { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-100\/60:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-100\/60:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:text-bluegray-100\/60:active { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-100\/70:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-100\/70:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:text-bluegray-100\/70:active { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-100\/80:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-100\/80:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:text-bluegray-100\/80:active { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-100\/90:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-100\/90:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:text-bluegray-100\/90:active { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-200:focus { + color: var(--bluegray-200) + } + .lg\:hover\:text-bluegray-200:hover { + color: var(--bluegray-200) + } + .lg\:active\:text-bluegray-200:active { + color: var(--bluegray-200) + } + .lg\:focus\:text-bluegray-200\/10:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-200\/10:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:text-bluegray-200\/10:active { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-200\/20:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-200\/20:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:text-bluegray-200\/20:active { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-200\/30:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-200\/30:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:text-bluegray-200\/30:active { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-200\/40:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-200\/40:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:text-bluegray-200\/40:active { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-200\/50:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-200\/50:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:text-bluegray-200\/50:active { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-200\/60:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-200\/60:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:text-bluegray-200\/60:active { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-200\/70:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-200\/70:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:text-bluegray-200\/70:active { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-200\/80:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-200\/80:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:text-bluegray-200\/80:active { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-200\/90:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-200\/90:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:text-bluegray-200\/90:active { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-300:focus { + color: var(--bluegray-300) + } + .lg\:hover\:text-bluegray-300:hover { + color: var(--bluegray-300) + } + .lg\:active\:text-bluegray-300:active { + color: var(--bluegray-300) + } + .lg\:focus\:text-bluegray-300\/10:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-300\/10:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:text-bluegray-300\/10:active { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-300\/20:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-300\/20:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:text-bluegray-300\/20:active { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-300\/30:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-300\/30:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:text-bluegray-300\/30:active { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-300\/40:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-300\/40:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:text-bluegray-300\/40:active { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-300\/50:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-300\/50:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:text-bluegray-300\/50:active { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-300\/60:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-300\/60:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:text-bluegray-300\/60:active { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-300\/70:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-300\/70:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:text-bluegray-300\/70:active { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-300\/80:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-300\/80:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:text-bluegray-300\/80:active { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-300\/90:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-300\/90:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:text-bluegray-300\/90:active { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-400:focus { + color: var(--bluegray-400) + } + .lg\:hover\:text-bluegray-400:hover { + color: var(--bluegray-400) + } + .lg\:active\:text-bluegray-400:active { + color: var(--bluegray-400) + } + .lg\:focus\:text-bluegray-400\/10:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-400\/10:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:text-bluegray-400\/10:active { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-400\/20:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-400\/20:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:text-bluegray-400\/20:active { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-400\/30:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-400\/30:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:text-bluegray-400\/30:active { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-400\/40:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-400\/40:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:text-bluegray-400\/40:active { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-400\/50:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-400\/50:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:text-bluegray-400\/50:active { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-400\/60:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-400\/60:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:text-bluegray-400\/60:active { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-400\/70:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-400\/70:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:text-bluegray-400\/70:active { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-400\/80:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-400\/80:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:text-bluegray-400\/80:active { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-400\/90:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-400\/90:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:text-bluegray-400\/90:active { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-500:focus { + color: var(--bluegray-500) + } + .lg\:hover\:text-bluegray-500:hover { + color: var(--bluegray-500) + } + .lg\:active\:text-bluegray-500:active { + color: var(--bluegray-500) + } + .lg\:focus\:text-bluegray-500\/10:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-500\/10:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:text-bluegray-500\/10:active { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-500\/20:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-500\/20:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:text-bluegray-500\/20:active { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-500\/30:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-500\/30:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:text-bluegray-500\/30:active { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-500\/40:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-500\/40:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:text-bluegray-500\/40:active { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-500\/50:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-500\/50:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:text-bluegray-500\/50:active { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-500\/60:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-500\/60:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:text-bluegray-500\/60:active { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-500\/70:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-500\/70:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:text-bluegray-500\/70:active { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-500\/80:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-500\/80:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:text-bluegray-500\/80:active { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-500\/90:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-500\/90:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:text-bluegray-500\/90:active { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-600:focus { + color: var(--bluegray-600) + } + .lg\:hover\:text-bluegray-600:hover { + color: var(--bluegray-600) + } + .lg\:active\:text-bluegray-600:active { + color: var(--bluegray-600) + } + .lg\:focus\:text-bluegray-600\/10:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-600\/10:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:text-bluegray-600\/10:active { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-600\/20:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-600\/20:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:text-bluegray-600\/20:active { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-600\/30:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-600\/30:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:text-bluegray-600\/30:active { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-600\/40:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-600\/40:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:text-bluegray-600\/40:active { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-600\/50:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-600\/50:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:text-bluegray-600\/50:active { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-600\/60:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-600\/60:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:text-bluegray-600\/60:active { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-600\/70:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-600\/70:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:text-bluegray-600\/70:active { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-600\/80:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-600\/80:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:text-bluegray-600\/80:active { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-600\/90:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-600\/90:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:text-bluegray-600\/90:active { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-700:focus { + color: var(--bluegray-700) + } + .lg\:hover\:text-bluegray-700:hover { + color: var(--bluegray-700) + } + .lg\:active\:text-bluegray-700:active { + color: var(--bluegray-700) + } + .lg\:focus\:text-bluegray-700\/10:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-700\/10:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:text-bluegray-700\/10:active { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-700\/20:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-700\/20:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:text-bluegray-700\/20:active { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-700\/30:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-700\/30:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:text-bluegray-700\/30:active { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-700\/40:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-700\/40:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:text-bluegray-700\/40:active { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-700\/50:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-700\/50:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:text-bluegray-700\/50:active { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-700\/60:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-700\/60:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:text-bluegray-700\/60:active { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-700\/70:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-700\/70:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:text-bluegray-700\/70:active { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-700\/80:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-700\/80:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:text-bluegray-700\/80:active { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-700\/90:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-700\/90:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:text-bluegray-700\/90:active { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-800:focus { + color: var(--bluegray-800) + } + .lg\:hover\:text-bluegray-800:hover { + color: var(--bluegray-800) + } + .lg\:active\:text-bluegray-800:active { + color: var(--bluegray-800) + } + .lg\:focus\:text-bluegray-800\/10:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-800\/10:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:text-bluegray-800\/10:active { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-800\/20:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-800\/20:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:text-bluegray-800\/20:active { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-800\/30:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-800\/30:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:text-bluegray-800\/30:active { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-800\/40:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-800\/40:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:text-bluegray-800\/40:active { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-800\/50:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-800\/50:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:text-bluegray-800\/50:active { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-800\/60:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-800\/60:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:text-bluegray-800\/60:active { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-800\/70:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-800\/70:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:text-bluegray-800\/70:active { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-800\/80:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-800\/80:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:text-bluegray-800\/80:active { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-800\/90:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-800\/90:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:text-bluegray-800\/90:active { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:text-bluegray-900:focus { + color: var(--bluegray-900) + } + .lg\:hover\:text-bluegray-900:hover { + color: var(--bluegray-900) + } + .lg\:active\:text-bluegray-900:active { + color: var(--bluegray-900) + } + .lg\:focus\:text-bluegray-900\/10:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:text-bluegray-900\/10:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:text-bluegray-900\/10:active { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:text-bluegray-900\/20:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:text-bluegray-900\/20:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:text-bluegray-900\/20:active { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:text-bluegray-900\/30:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:text-bluegray-900\/30:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:text-bluegray-900\/30:active { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:text-bluegray-900\/40:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:text-bluegray-900\/40:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:text-bluegray-900\/40:active { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:text-bluegray-900\/50:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:text-bluegray-900\/50:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:text-bluegray-900\/50:active { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:text-bluegray-900\/60:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:text-bluegray-900\/60:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:text-bluegray-900\/60:active { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:text-bluegray-900\/70:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:text-bluegray-900\/70:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:text-bluegray-900\/70:active { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:text-bluegray-900\/80:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:text-bluegray-900\/80:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:text-bluegray-900\/80:active { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:text-bluegray-900\/90:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:text-bluegray-900\/90:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:text-bluegray-900\/90:active { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:text-purple-50:focus { + color: var(--purple-50) + } + .lg\:hover\:text-purple-50:hover { + color: var(--purple-50) + } + .lg\:active\:text-purple-50:active { + color: var(--purple-50) + } + .lg\:focus\:text-purple-50\/10:focus { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:text-purple-50\/10:hover { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:text-purple-50\/10:active { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:text-purple-50\/20:focus { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:text-purple-50\/20:hover { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:text-purple-50\/20:active { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:text-purple-50\/30:focus { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:text-purple-50\/30:hover { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:text-purple-50\/30:active { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:text-purple-50\/40:focus { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:text-purple-50\/40:hover { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:text-purple-50\/40:active { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:text-purple-50\/50:focus { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:text-purple-50\/50:hover { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:text-purple-50\/50:active { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:text-purple-50\/60:focus { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:text-purple-50\/60:hover { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:text-purple-50\/60:active { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:text-purple-50\/70:focus { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:text-purple-50\/70:hover { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:text-purple-50\/70:active { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:text-purple-50\/80:focus { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:text-purple-50\/80:hover { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:text-purple-50\/80:active { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:text-purple-50\/90:focus { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:text-purple-50\/90:hover { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:text-purple-50\/90:active { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:text-purple-100:focus { + color: var(--purple-100) + } + .lg\:hover\:text-purple-100:hover { + color: var(--purple-100) + } + .lg\:active\:text-purple-100:active { + color: var(--purple-100) + } + .lg\:focus\:text-purple-100\/10:focus { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:text-purple-100\/10:hover { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:text-purple-100\/10:active { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:text-purple-100\/20:focus { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:text-purple-100\/20:hover { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:text-purple-100\/20:active { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:text-purple-100\/30:focus { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:text-purple-100\/30:hover { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:text-purple-100\/30:active { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:text-purple-100\/40:focus { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:text-purple-100\/40:hover { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:text-purple-100\/40:active { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:text-purple-100\/50:focus { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:text-purple-100\/50:hover { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:text-purple-100\/50:active { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:text-purple-100\/60:focus { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:text-purple-100\/60:hover { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:text-purple-100\/60:active { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:text-purple-100\/70:focus { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:text-purple-100\/70:hover { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:text-purple-100\/70:active { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:text-purple-100\/80:focus { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:text-purple-100\/80:hover { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:text-purple-100\/80:active { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:text-purple-100\/90:focus { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:text-purple-100\/90:hover { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:text-purple-100\/90:active { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:text-purple-200:focus { + color: var(--purple-200) + } + .lg\:hover\:text-purple-200:hover { + color: var(--purple-200) + } + .lg\:active\:text-purple-200:active { + color: var(--purple-200) + } + .lg\:focus\:text-purple-200\/10:focus { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:text-purple-200\/10:hover { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:text-purple-200\/10:active { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:text-purple-200\/20:focus { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:text-purple-200\/20:hover { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:text-purple-200\/20:active { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:text-purple-200\/30:focus { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:text-purple-200\/30:hover { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:text-purple-200\/30:active { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:text-purple-200\/40:focus { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:text-purple-200\/40:hover { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:text-purple-200\/40:active { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:text-purple-200\/50:focus { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:text-purple-200\/50:hover { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:text-purple-200\/50:active { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:text-purple-200\/60:focus { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:text-purple-200\/60:hover { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:text-purple-200\/60:active { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:text-purple-200\/70:focus { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:text-purple-200\/70:hover { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:text-purple-200\/70:active { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:text-purple-200\/80:focus { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:text-purple-200\/80:hover { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:text-purple-200\/80:active { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:text-purple-200\/90:focus { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:text-purple-200\/90:hover { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:text-purple-200\/90:active { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:text-purple-300:focus { + color: var(--purple-300) + } + .lg\:hover\:text-purple-300:hover { + color: var(--purple-300) + } + .lg\:active\:text-purple-300:active { + color: var(--purple-300) + } + .lg\:focus\:text-purple-300\/10:focus { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:text-purple-300\/10:hover { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:text-purple-300\/10:active { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:text-purple-300\/20:focus { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:text-purple-300\/20:hover { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:text-purple-300\/20:active { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:text-purple-300\/30:focus { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:text-purple-300\/30:hover { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:text-purple-300\/30:active { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:text-purple-300\/40:focus { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:text-purple-300\/40:hover { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:text-purple-300\/40:active { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:text-purple-300\/50:focus { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:text-purple-300\/50:hover { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:text-purple-300\/50:active { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:text-purple-300\/60:focus { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:text-purple-300\/60:hover { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:text-purple-300\/60:active { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:text-purple-300\/70:focus { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:text-purple-300\/70:hover { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:text-purple-300\/70:active { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:text-purple-300\/80:focus { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:text-purple-300\/80:hover { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:text-purple-300\/80:active { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:text-purple-300\/90:focus { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:text-purple-300\/90:hover { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:text-purple-300\/90:active { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:text-purple-400:focus { + color: var(--purple-400) + } + .lg\:hover\:text-purple-400:hover { + color: var(--purple-400) + } + .lg\:active\:text-purple-400:active { + color: var(--purple-400) + } + .lg\:focus\:text-purple-400\/10:focus { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:text-purple-400\/10:hover { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:text-purple-400\/10:active { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:text-purple-400\/20:focus { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:text-purple-400\/20:hover { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:text-purple-400\/20:active { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:text-purple-400\/30:focus { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:text-purple-400\/30:hover { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:text-purple-400\/30:active { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:text-purple-400\/40:focus { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:text-purple-400\/40:hover { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:text-purple-400\/40:active { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:text-purple-400\/50:focus { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:text-purple-400\/50:hover { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:text-purple-400\/50:active { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:text-purple-400\/60:focus { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:text-purple-400\/60:hover { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:text-purple-400\/60:active { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:text-purple-400\/70:focus { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:text-purple-400\/70:hover { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:text-purple-400\/70:active { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:text-purple-400\/80:focus { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:text-purple-400\/80:hover { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:text-purple-400\/80:active { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:text-purple-400\/90:focus { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:text-purple-400\/90:hover { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:text-purple-400\/90:active { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:text-purple-500:focus { + color: var(--purple-500) + } + .lg\:hover\:text-purple-500:hover { + color: var(--purple-500) + } + .lg\:active\:text-purple-500:active { + color: var(--purple-500) + } + .lg\:focus\:text-purple-500\/10:focus { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:text-purple-500\/10:hover { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:text-purple-500\/10:active { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:text-purple-500\/20:focus { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:text-purple-500\/20:hover { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:text-purple-500\/20:active { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:text-purple-500\/30:focus { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:text-purple-500\/30:hover { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:text-purple-500\/30:active { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:text-purple-500\/40:focus { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:text-purple-500\/40:hover { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:text-purple-500\/40:active { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:text-purple-500\/50:focus { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:text-purple-500\/50:hover { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:text-purple-500\/50:active { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:text-purple-500\/60:focus { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:text-purple-500\/60:hover { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:text-purple-500\/60:active { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:text-purple-500\/70:focus { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:text-purple-500\/70:hover { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:text-purple-500\/70:active { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:text-purple-500\/80:focus { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:text-purple-500\/80:hover { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:text-purple-500\/80:active { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:text-purple-500\/90:focus { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:text-purple-500\/90:hover { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:text-purple-500\/90:active { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:text-purple-600:focus { + color: var(--purple-600) + } + .lg\:hover\:text-purple-600:hover { + color: var(--purple-600) + } + .lg\:active\:text-purple-600:active { + color: var(--purple-600) + } + .lg\:focus\:text-purple-600\/10:focus { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:text-purple-600\/10:hover { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:text-purple-600\/10:active { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:text-purple-600\/20:focus { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:text-purple-600\/20:hover { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:text-purple-600\/20:active { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:text-purple-600\/30:focus { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:text-purple-600\/30:hover { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:text-purple-600\/30:active { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:text-purple-600\/40:focus { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:text-purple-600\/40:hover { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:text-purple-600\/40:active { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:text-purple-600\/50:focus { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:text-purple-600\/50:hover { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:text-purple-600\/50:active { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:text-purple-600\/60:focus { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:text-purple-600\/60:hover { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:text-purple-600\/60:active { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:text-purple-600\/70:focus { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:text-purple-600\/70:hover { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:text-purple-600\/70:active { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:text-purple-600\/80:focus { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:text-purple-600\/80:hover { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:text-purple-600\/80:active { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:text-purple-600\/90:focus { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:text-purple-600\/90:hover { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:text-purple-600\/90:active { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:text-purple-700:focus { + color: var(--purple-700) + } + .lg\:hover\:text-purple-700:hover { + color: var(--purple-700) + } + .lg\:active\:text-purple-700:active { + color: var(--purple-700) + } + .lg\:focus\:text-purple-700\/10:focus { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:text-purple-700\/10:hover { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:text-purple-700\/10:active { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:text-purple-700\/20:focus { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:text-purple-700\/20:hover { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:text-purple-700\/20:active { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:text-purple-700\/30:focus { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:text-purple-700\/30:hover { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:text-purple-700\/30:active { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:text-purple-700\/40:focus { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:text-purple-700\/40:hover { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:text-purple-700\/40:active { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:text-purple-700\/50:focus { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:text-purple-700\/50:hover { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:text-purple-700\/50:active { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:text-purple-700\/60:focus { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:text-purple-700\/60:hover { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:text-purple-700\/60:active { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:text-purple-700\/70:focus { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:text-purple-700\/70:hover { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:text-purple-700\/70:active { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:text-purple-700\/80:focus { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:text-purple-700\/80:hover { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:text-purple-700\/80:active { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:text-purple-700\/90:focus { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:text-purple-700\/90:hover { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:text-purple-700\/90:active { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:text-purple-800:focus { + color: var(--purple-800) + } + .lg\:hover\:text-purple-800:hover { + color: var(--purple-800) + } + .lg\:active\:text-purple-800:active { + color: var(--purple-800) + } + .lg\:focus\:text-purple-800\/10:focus { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:text-purple-800\/10:hover { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:text-purple-800\/10:active { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:text-purple-800\/20:focus { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:text-purple-800\/20:hover { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:text-purple-800\/20:active { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:text-purple-800\/30:focus { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:text-purple-800\/30:hover { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:text-purple-800\/30:active { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:text-purple-800\/40:focus { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:text-purple-800\/40:hover { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:text-purple-800\/40:active { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:text-purple-800\/50:focus { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:text-purple-800\/50:hover { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:text-purple-800\/50:active { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:text-purple-800\/60:focus { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:text-purple-800\/60:hover { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:text-purple-800\/60:active { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:text-purple-800\/70:focus { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:text-purple-800\/70:hover { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:text-purple-800\/70:active { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:text-purple-800\/80:focus { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:text-purple-800\/80:hover { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:text-purple-800\/80:active { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:text-purple-800\/90:focus { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:text-purple-800\/90:hover { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:text-purple-800\/90:active { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:text-purple-900:focus { + color: var(--purple-900) + } + .lg\:hover\:text-purple-900:hover { + color: var(--purple-900) + } + .lg\:active\:text-purple-900:active { + color: var(--purple-900) + } + .lg\:focus\:text-purple-900\/10:focus { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:text-purple-900\/10:hover { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:text-purple-900\/10:active { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:text-purple-900\/20:focus { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:text-purple-900\/20:hover { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:text-purple-900\/20:active { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:text-purple-900\/30:focus { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:text-purple-900\/30:hover { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:text-purple-900\/30:active { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:text-purple-900\/40:focus { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:text-purple-900\/40:hover { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:text-purple-900\/40:active { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:text-purple-900\/50:focus { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:text-purple-900\/50:hover { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:text-purple-900\/50:active { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:text-purple-900\/60:focus { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:text-purple-900\/60:hover { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:text-purple-900\/60:active { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:text-purple-900\/70:focus { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:text-purple-900\/70:hover { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:text-purple-900\/70:active { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:text-purple-900\/80:focus { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:text-purple-900\/80:hover { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:text-purple-900\/80:active { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:text-purple-900\/90:focus { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:text-purple-900\/90:hover { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:text-purple-900\/90:active { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:text-red-50:focus { + color: var(--red-50) + } + .lg\:hover\:text-red-50:hover { + color: var(--red-50) + } + .lg\:active\:text-red-50:active { + color: var(--red-50) + } + .lg\:focus\:text-red-50\/10:focus { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:text-red-50\/10:hover { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:text-red-50\/10:active { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:text-red-50\/20:focus { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:text-red-50\/20:hover { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:text-red-50\/20:active { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:text-red-50\/30:focus { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:text-red-50\/30:hover { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:text-red-50\/30:active { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:text-red-50\/40:focus { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:text-red-50\/40:hover { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:text-red-50\/40:active { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:text-red-50\/50:focus { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:text-red-50\/50:hover { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:text-red-50\/50:active { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:text-red-50\/60:focus { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:text-red-50\/60:hover { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:text-red-50\/60:active { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:text-red-50\/70:focus { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:text-red-50\/70:hover { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:text-red-50\/70:active { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:text-red-50\/80:focus { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:text-red-50\/80:hover { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:text-red-50\/80:active { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:text-red-50\/90:focus { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:text-red-50\/90:hover { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:text-red-50\/90:active { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:text-red-100:focus { + color: var(--red-100) + } + .lg\:hover\:text-red-100:hover { + color: var(--red-100) + } + .lg\:active\:text-red-100:active { + color: var(--red-100) + } + .lg\:focus\:text-red-100\/10:focus { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:text-red-100\/10:hover { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:text-red-100\/10:active { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:text-red-100\/20:focus { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:text-red-100\/20:hover { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:text-red-100\/20:active { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:text-red-100\/30:focus { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:text-red-100\/30:hover { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:text-red-100\/30:active { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:text-red-100\/40:focus { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:text-red-100\/40:hover { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:text-red-100\/40:active { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:text-red-100\/50:focus { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:text-red-100\/50:hover { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:text-red-100\/50:active { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:text-red-100\/60:focus { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:text-red-100\/60:hover { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:text-red-100\/60:active { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:text-red-100\/70:focus { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:text-red-100\/70:hover { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:text-red-100\/70:active { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:text-red-100\/80:focus { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:text-red-100\/80:hover { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:text-red-100\/80:active { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:text-red-100\/90:focus { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:text-red-100\/90:hover { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:text-red-100\/90:active { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:text-red-200:focus { + color: var(--red-200) + } + .lg\:hover\:text-red-200:hover { + color: var(--red-200) + } + .lg\:active\:text-red-200:active { + color: var(--red-200) + } + .lg\:focus\:text-red-200\/10:focus { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:text-red-200\/10:hover { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:text-red-200\/10:active { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:text-red-200\/20:focus { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:text-red-200\/20:hover { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:text-red-200\/20:active { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:text-red-200\/30:focus { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:text-red-200\/30:hover { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:text-red-200\/30:active { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:text-red-200\/40:focus { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:text-red-200\/40:hover { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:text-red-200\/40:active { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:text-red-200\/50:focus { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:text-red-200\/50:hover { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:text-red-200\/50:active { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:text-red-200\/60:focus { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:text-red-200\/60:hover { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:text-red-200\/60:active { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:text-red-200\/70:focus { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:text-red-200\/70:hover { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:text-red-200\/70:active { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:text-red-200\/80:focus { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:text-red-200\/80:hover { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:text-red-200\/80:active { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:text-red-200\/90:focus { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:text-red-200\/90:hover { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:text-red-200\/90:active { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:text-red-300:focus { + color: var(--red-300) + } + .lg\:hover\:text-red-300:hover { + color: var(--red-300) + } + .lg\:active\:text-red-300:active { + color: var(--red-300) + } + .lg\:focus\:text-red-300\/10:focus { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:text-red-300\/10:hover { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:text-red-300\/10:active { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:text-red-300\/20:focus { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:text-red-300\/20:hover { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:text-red-300\/20:active { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:text-red-300\/30:focus { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:text-red-300\/30:hover { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:text-red-300\/30:active { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:text-red-300\/40:focus { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:text-red-300\/40:hover { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:text-red-300\/40:active { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:text-red-300\/50:focus { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:text-red-300\/50:hover { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:text-red-300\/50:active { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:text-red-300\/60:focus { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:text-red-300\/60:hover { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:text-red-300\/60:active { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:text-red-300\/70:focus { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:text-red-300\/70:hover { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:text-red-300\/70:active { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:text-red-300\/80:focus { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:text-red-300\/80:hover { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:text-red-300\/80:active { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:text-red-300\/90:focus { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:text-red-300\/90:hover { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:text-red-300\/90:active { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:text-red-400:focus { + color: var(--red-400) + } + .lg\:hover\:text-red-400:hover { + color: var(--red-400) + } + .lg\:active\:text-red-400:active { + color: var(--red-400) + } + .lg\:focus\:text-red-400\/10:focus { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:text-red-400\/10:hover { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:text-red-400\/10:active { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:text-red-400\/20:focus { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:text-red-400\/20:hover { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:text-red-400\/20:active { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:text-red-400\/30:focus { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:text-red-400\/30:hover { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:text-red-400\/30:active { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:text-red-400\/40:focus { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:text-red-400\/40:hover { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:text-red-400\/40:active { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:text-red-400\/50:focus { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:text-red-400\/50:hover { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:text-red-400\/50:active { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:text-red-400\/60:focus { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:text-red-400\/60:hover { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:text-red-400\/60:active { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:text-red-400\/70:focus { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:text-red-400\/70:hover { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:text-red-400\/70:active { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:text-red-400\/80:focus { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:text-red-400\/80:hover { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:text-red-400\/80:active { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:text-red-400\/90:focus { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:text-red-400\/90:hover { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:text-red-400\/90:active { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:text-red-500:focus { + color: var(--red-500) + } + .lg\:hover\:text-red-500:hover { + color: var(--red-500) + } + .lg\:active\:text-red-500:active { + color: var(--red-500) + } + .lg\:focus\:text-red-500\/10:focus { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:text-red-500\/10:hover { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:text-red-500\/10:active { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:text-red-500\/20:focus { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:text-red-500\/20:hover { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:text-red-500\/20:active { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:text-red-500\/30:focus { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:text-red-500\/30:hover { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:text-red-500\/30:active { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:text-red-500\/40:focus { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:text-red-500\/40:hover { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:text-red-500\/40:active { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:text-red-500\/50:focus { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:text-red-500\/50:hover { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:text-red-500\/50:active { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:text-red-500\/60:focus { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:text-red-500\/60:hover { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:text-red-500\/60:active { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:text-red-500\/70:focus { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:text-red-500\/70:hover { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:text-red-500\/70:active { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:text-red-500\/80:focus { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:text-red-500\/80:hover { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:text-red-500\/80:active { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:text-red-500\/90:focus { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:text-red-500\/90:hover { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:text-red-500\/90:active { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:text-red-600:focus { + color: var(--red-600) + } + .lg\:hover\:text-red-600:hover { + color: var(--red-600) + } + .lg\:active\:text-red-600:active { + color: var(--red-600) + } + .lg\:focus\:text-red-600\/10:focus { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:text-red-600\/10:hover { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:text-red-600\/10:active { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:text-red-600\/20:focus { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:text-red-600\/20:hover { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:text-red-600\/20:active { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:text-red-600\/30:focus { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:text-red-600\/30:hover { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:text-red-600\/30:active { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:text-red-600\/40:focus { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:text-red-600\/40:hover { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:text-red-600\/40:active { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:text-red-600\/50:focus { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:text-red-600\/50:hover { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:text-red-600\/50:active { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:text-red-600\/60:focus { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:text-red-600\/60:hover { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:text-red-600\/60:active { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:text-red-600\/70:focus { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:text-red-600\/70:hover { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:text-red-600\/70:active { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:text-red-600\/80:focus { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:text-red-600\/80:hover { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:text-red-600\/80:active { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:text-red-600\/90:focus { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:text-red-600\/90:hover { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:text-red-600\/90:active { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:text-red-700:focus { + color: var(--red-700) + } + .lg\:hover\:text-red-700:hover { + color: var(--red-700) + } + .lg\:active\:text-red-700:active { + color: var(--red-700) + } + .lg\:focus\:text-red-700\/10:focus { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:text-red-700\/10:hover { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:text-red-700\/10:active { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:text-red-700\/20:focus { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:text-red-700\/20:hover { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:text-red-700\/20:active { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:text-red-700\/30:focus { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:text-red-700\/30:hover { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:text-red-700\/30:active { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:text-red-700\/40:focus { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:text-red-700\/40:hover { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:text-red-700\/40:active { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:text-red-700\/50:focus { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:text-red-700\/50:hover { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:text-red-700\/50:active { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:text-red-700\/60:focus { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:text-red-700\/60:hover { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:text-red-700\/60:active { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:text-red-700\/70:focus { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:text-red-700\/70:hover { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:text-red-700\/70:active { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:text-red-700\/80:focus { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:text-red-700\/80:hover { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:text-red-700\/80:active { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:text-red-700\/90:focus { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:text-red-700\/90:hover { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:text-red-700\/90:active { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:text-red-800:focus { + color: var(--red-800) + } + .lg\:hover\:text-red-800:hover { + color: var(--red-800) + } + .lg\:active\:text-red-800:active { + color: var(--red-800) + } + .lg\:focus\:text-red-800\/10:focus { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:text-red-800\/10:hover { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:text-red-800\/10:active { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:text-red-800\/20:focus { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:text-red-800\/20:hover { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:text-red-800\/20:active { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:text-red-800\/30:focus { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:text-red-800\/30:hover { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:text-red-800\/30:active { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:text-red-800\/40:focus { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:text-red-800\/40:hover { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:text-red-800\/40:active { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:text-red-800\/50:focus { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:text-red-800\/50:hover { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:text-red-800\/50:active { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:text-red-800\/60:focus { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:text-red-800\/60:hover { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:text-red-800\/60:active { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:text-red-800\/70:focus { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:text-red-800\/70:hover { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:text-red-800\/70:active { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:text-red-800\/80:focus { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:text-red-800\/80:hover { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:text-red-800\/80:active { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:text-red-800\/90:focus { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:text-red-800\/90:hover { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:text-red-800\/90:active { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:text-red-900:focus { + color: var(--red-900) + } + .lg\:hover\:text-red-900:hover { + color: var(--red-900) + } + .lg\:active\:text-red-900:active { + color: var(--red-900) + } + .lg\:focus\:text-red-900\/10:focus { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:text-red-900\/10:hover { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:text-red-900\/10:active { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:text-red-900\/20:focus { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:text-red-900\/20:hover { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:text-red-900\/20:active { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:text-red-900\/30:focus { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:text-red-900\/30:hover { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:text-red-900\/30:active { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:text-red-900\/40:focus { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:text-red-900\/40:hover { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:text-red-900\/40:active { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:text-red-900\/50:focus { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:text-red-900\/50:hover { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:text-red-900\/50:active { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:text-red-900\/60:focus { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:text-red-900\/60:hover { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:text-red-900\/60:active { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:text-red-900\/70:focus { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:text-red-900\/70:hover { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:text-red-900\/70:active { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:text-red-900\/80:focus { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:text-red-900\/80:hover { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:text-red-900\/80:active { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:text-red-900\/90:focus { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:text-red-900\/90:hover { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:text-red-900\/90:active { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:text-gray-50:focus { + color: var(--gray-50) + } + .lg\:hover\:text-gray-50:hover { + color: var(--gray-50) + } + .lg\:active\:text-gray-50:active { + color: var(--gray-50) + } + .lg\:focus\:text-gray-50\/10:focus { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:text-gray-50\/10:hover { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:text-gray-50\/10:active { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:text-gray-50\/20:focus { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:text-gray-50\/20:hover { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:text-gray-50\/20:active { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:text-gray-50\/30:focus { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:text-gray-50\/30:hover { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:text-gray-50\/30:active { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:text-gray-50\/40:focus { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:text-gray-50\/40:hover { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:text-gray-50\/40:active { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:text-gray-50\/50:focus { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:text-gray-50\/50:hover { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:text-gray-50\/50:active { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:text-gray-50\/60:focus { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:text-gray-50\/60:hover { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:text-gray-50\/60:active { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:text-gray-50\/70:focus { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:text-gray-50\/70:hover { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:text-gray-50\/70:active { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:text-gray-50\/80:focus { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:text-gray-50\/80:hover { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:text-gray-50\/80:active { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:text-gray-50\/90:focus { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:text-gray-50\/90:hover { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:text-gray-50\/90:active { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:text-gray-100:focus { + color: var(--gray-100) + } + .lg\:hover\:text-gray-100:hover { + color: var(--gray-100) + } + .lg\:active\:text-gray-100:active { + color: var(--gray-100) + } + .lg\:focus\:text-gray-100\/10:focus { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:text-gray-100\/10:hover { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:text-gray-100\/10:active { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:text-gray-100\/20:focus { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:text-gray-100\/20:hover { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:text-gray-100\/20:active { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:text-gray-100\/30:focus { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:text-gray-100\/30:hover { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:text-gray-100\/30:active { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:text-gray-100\/40:focus { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:text-gray-100\/40:hover { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:text-gray-100\/40:active { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:text-gray-100\/50:focus { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:text-gray-100\/50:hover { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:text-gray-100\/50:active { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:text-gray-100\/60:focus { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:text-gray-100\/60:hover { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:text-gray-100\/60:active { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:text-gray-100\/70:focus { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:text-gray-100\/70:hover { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:text-gray-100\/70:active { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:text-gray-100\/80:focus { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:text-gray-100\/80:hover { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:text-gray-100\/80:active { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:text-gray-100\/90:focus { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:text-gray-100\/90:hover { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:text-gray-100\/90:active { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:text-gray-200:focus { + color: var(--gray-200) + } + .lg\:hover\:text-gray-200:hover { + color: var(--gray-200) + } + .lg\:active\:text-gray-200:active { + color: var(--gray-200) + } + .lg\:focus\:text-gray-200\/10:focus { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:text-gray-200\/10:hover { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:text-gray-200\/10:active { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:text-gray-200\/20:focus { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:text-gray-200\/20:hover { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:text-gray-200\/20:active { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:text-gray-200\/30:focus { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:text-gray-200\/30:hover { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:text-gray-200\/30:active { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:text-gray-200\/40:focus { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:text-gray-200\/40:hover { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:text-gray-200\/40:active { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:text-gray-200\/50:focus { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:text-gray-200\/50:hover { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:text-gray-200\/50:active { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:text-gray-200\/60:focus { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:text-gray-200\/60:hover { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:text-gray-200\/60:active { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:text-gray-200\/70:focus { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:text-gray-200\/70:hover { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:text-gray-200\/70:active { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:text-gray-200\/80:focus { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:text-gray-200\/80:hover { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:text-gray-200\/80:active { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:text-gray-200\/90:focus { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:text-gray-200\/90:hover { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:text-gray-200\/90:active { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:text-gray-300:focus { + color: var(--gray-300) + } + .lg\:hover\:text-gray-300:hover { + color: var(--gray-300) + } + .lg\:active\:text-gray-300:active { + color: var(--gray-300) + } + .lg\:focus\:text-gray-300\/10:focus { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:text-gray-300\/10:hover { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:text-gray-300\/10:active { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:text-gray-300\/20:focus { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:text-gray-300\/20:hover { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:text-gray-300\/20:active { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:text-gray-300\/30:focus { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:text-gray-300\/30:hover { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:text-gray-300\/30:active { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:text-gray-300\/40:focus { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:text-gray-300\/40:hover { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:text-gray-300\/40:active { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:text-gray-300\/50:focus { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:text-gray-300\/50:hover { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:text-gray-300\/50:active { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:text-gray-300\/60:focus { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:text-gray-300\/60:hover { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:text-gray-300\/60:active { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:text-gray-300\/70:focus { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:text-gray-300\/70:hover { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:text-gray-300\/70:active { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:text-gray-300\/80:focus { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:text-gray-300\/80:hover { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:text-gray-300\/80:active { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:text-gray-300\/90:focus { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:text-gray-300\/90:hover { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:text-gray-300\/90:active { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:text-gray-400:focus { + color: var(--gray-400) + } + .lg\:hover\:text-gray-400:hover { + color: var(--gray-400) + } + .lg\:active\:text-gray-400:active { + color: var(--gray-400) + } + .lg\:focus\:text-gray-400\/10:focus { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:text-gray-400\/10:hover { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:text-gray-400\/10:active { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:text-gray-400\/20:focus { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:text-gray-400\/20:hover { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:text-gray-400\/20:active { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:text-gray-400\/30:focus { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:text-gray-400\/30:hover { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:text-gray-400\/30:active { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:text-gray-400\/40:focus { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:text-gray-400\/40:hover { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:text-gray-400\/40:active { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:text-gray-400\/50:focus { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:text-gray-400\/50:hover { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:text-gray-400\/50:active { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:text-gray-400\/60:focus { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:text-gray-400\/60:hover { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:text-gray-400\/60:active { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:text-gray-400\/70:focus { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:text-gray-400\/70:hover { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:text-gray-400\/70:active { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:text-gray-400\/80:focus { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:text-gray-400\/80:hover { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:text-gray-400\/80:active { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:text-gray-400\/90:focus { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:text-gray-400\/90:hover { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:text-gray-400\/90:active { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:text-gray-500:focus { + color: var(--gray-500) + } + .lg\:hover\:text-gray-500:hover { + color: var(--gray-500) + } + .lg\:active\:text-gray-500:active { + color: var(--gray-500) + } + .lg\:focus\:text-gray-500\/10:focus { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:text-gray-500\/10:hover { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:text-gray-500\/10:active { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:text-gray-500\/20:focus { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:text-gray-500\/20:hover { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:text-gray-500\/20:active { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:text-gray-500\/30:focus { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:text-gray-500\/30:hover { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:text-gray-500\/30:active { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:text-gray-500\/40:focus { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:text-gray-500\/40:hover { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:text-gray-500\/40:active { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:text-gray-500\/50:focus { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:text-gray-500\/50:hover { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:text-gray-500\/50:active { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:text-gray-500\/60:focus { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:text-gray-500\/60:hover { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:text-gray-500\/60:active { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:text-gray-500\/70:focus { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:text-gray-500\/70:hover { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:text-gray-500\/70:active { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:text-gray-500\/80:focus { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:text-gray-500\/80:hover { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:text-gray-500\/80:active { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:text-gray-500\/90:focus { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:text-gray-500\/90:hover { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:text-gray-500\/90:active { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:text-gray-600:focus { + color: var(--gray-600) + } + .lg\:hover\:text-gray-600:hover { + color: var(--gray-600) + } + .lg\:active\:text-gray-600:active { + color: var(--gray-600) + } + .lg\:focus\:text-gray-600\/10:focus { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:text-gray-600\/10:hover { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:text-gray-600\/10:active { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:text-gray-600\/20:focus { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:text-gray-600\/20:hover { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:text-gray-600\/20:active { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:text-gray-600\/30:focus { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:text-gray-600\/30:hover { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:text-gray-600\/30:active { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:text-gray-600\/40:focus { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:text-gray-600\/40:hover { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:text-gray-600\/40:active { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:text-gray-600\/50:focus { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:text-gray-600\/50:hover { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:text-gray-600\/50:active { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:text-gray-600\/60:focus { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:text-gray-600\/60:hover { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:text-gray-600\/60:active { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:text-gray-600\/70:focus { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:text-gray-600\/70:hover { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:text-gray-600\/70:active { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:text-gray-600\/80:focus { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:text-gray-600\/80:hover { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:text-gray-600\/80:active { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:text-gray-600\/90:focus { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:text-gray-600\/90:hover { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:text-gray-600\/90:active { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:text-gray-700:focus { + color: var(--gray-700) + } + .lg\:hover\:text-gray-700:hover { + color: var(--gray-700) + } + .lg\:active\:text-gray-700:active { + color: var(--gray-700) + } + .lg\:focus\:text-gray-700\/10:focus { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:text-gray-700\/10:hover { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:text-gray-700\/10:active { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:text-gray-700\/20:focus { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:text-gray-700\/20:hover { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:text-gray-700\/20:active { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:text-gray-700\/30:focus { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:text-gray-700\/30:hover { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:text-gray-700\/30:active { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:text-gray-700\/40:focus { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:text-gray-700\/40:hover { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:text-gray-700\/40:active { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:text-gray-700\/50:focus { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:text-gray-700\/50:hover { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:text-gray-700\/50:active { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:text-gray-700\/60:focus { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:text-gray-700\/60:hover { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:text-gray-700\/60:active { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:text-gray-700\/70:focus { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:text-gray-700\/70:hover { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:text-gray-700\/70:active { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:text-gray-700\/80:focus { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:text-gray-700\/80:hover { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:text-gray-700\/80:active { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:text-gray-700\/90:focus { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:text-gray-700\/90:hover { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:text-gray-700\/90:active { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:text-gray-800:focus { + color: var(--gray-800) + } + .lg\:hover\:text-gray-800:hover { + color: var(--gray-800) + } + .lg\:active\:text-gray-800:active { + color: var(--gray-800) + } + .lg\:focus\:text-gray-800\/10:focus { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:text-gray-800\/10:hover { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:text-gray-800\/10:active { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:text-gray-800\/20:focus { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:text-gray-800\/20:hover { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:text-gray-800\/20:active { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:text-gray-800\/30:focus { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:text-gray-800\/30:hover { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:text-gray-800\/30:active { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:text-gray-800\/40:focus { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:text-gray-800\/40:hover { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:text-gray-800\/40:active { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:text-gray-800\/50:focus { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:text-gray-800\/50:hover { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:text-gray-800\/50:active { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:text-gray-800\/60:focus { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:text-gray-800\/60:hover { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:text-gray-800\/60:active { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:text-gray-800\/70:focus { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:text-gray-800\/70:hover { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:text-gray-800\/70:active { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:text-gray-800\/80:focus { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:text-gray-800\/80:hover { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:text-gray-800\/80:active { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:text-gray-800\/90:focus { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:text-gray-800\/90:hover { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:text-gray-800\/90:active { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:text-gray-900:focus { + color: var(--gray-900) + } + .lg\:hover\:text-gray-900:hover { + color: var(--gray-900) + } + .lg\:active\:text-gray-900:active { + color: var(--gray-900) + } + .lg\:focus\:text-gray-900\/10:focus { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:text-gray-900\/10:hover { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:text-gray-900\/10:active { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:text-gray-900\/20:focus { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:text-gray-900\/20:hover { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:text-gray-900\/20:active { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:text-gray-900\/30:focus { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:text-gray-900\/30:hover { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:text-gray-900\/30:active { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:text-gray-900\/40:focus { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:text-gray-900\/40:hover { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:text-gray-900\/40:active { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:text-gray-900\/50:focus { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:text-gray-900\/50:hover { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:text-gray-900\/50:active { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:text-gray-900\/60:focus { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:text-gray-900\/60:hover { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:text-gray-900\/60:active { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:text-gray-900\/70:focus { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:text-gray-900\/70:hover { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:text-gray-900\/70:active { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:text-gray-900\/80:focus { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:text-gray-900\/80:hover { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:text-gray-900\/80:active { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:text-gray-900\/90:focus { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:text-gray-900\/90:hover { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:text-gray-900\/90:active { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:text-surface-0:focus { + color: var(--surface-0) + } + .lg\:hover\:text-surface-0:hover { + color: var(--surface-0) + } + .lg\:active\:text-surface-0:active { + color: var(--surface-0) + } + .lg\:focus\:text-surface-0\/10:focus { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:text-surface-0\/10:hover { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:text-surface-0\/10:active { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:text-surface-0\/20:focus { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:text-surface-0\/20:hover { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:text-surface-0\/20:active { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:text-surface-0\/30:focus { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:text-surface-0\/30:hover { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:text-surface-0\/30:active { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:text-surface-0\/40:focus { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:text-surface-0\/40:hover { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:text-surface-0\/40:active { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:text-surface-0\/50:focus { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:text-surface-0\/50:hover { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:text-surface-0\/50:active { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:text-surface-0\/60:focus { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:text-surface-0\/60:hover { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:text-surface-0\/60:active { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:text-surface-0\/70:focus { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:text-surface-0\/70:hover { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:text-surface-0\/70:active { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:text-surface-0\/80:focus { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:text-surface-0\/80:hover { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:text-surface-0\/80:active { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:text-surface-0\/90:focus { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:text-surface-0\/90:hover { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:text-surface-0\/90:active { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:text-surface-50:focus { + color: var(--surface-50) + } + .lg\:hover\:text-surface-50:hover { + color: var(--surface-50) + } + .lg\:active\:text-surface-50:active { + color: var(--surface-50) + } + .lg\:focus\:text-surface-50\/10:focus { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:text-surface-50\/10:hover { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:text-surface-50\/10:active { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:text-surface-50\/20:focus { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:text-surface-50\/20:hover { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:text-surface-50\/20:active { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:text-surface-50\/30:focus { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:text-surface-50\/30:hover { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:text-surface-50\/30:active { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:text-surface-50\/40:focus { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:text-surface-50\/40:hover { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:text-surface-50\/40:active { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:text-surface-50\/50:focus { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:text-surface-50\/50:hover { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:text-surface-50\/50:active { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:text-surface-50\/60:focus { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:text-surface-50\/60:hover { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:text-surface-50\/60:active { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:text-surface-50\/70:focus { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:text-surface-50\/70:hover { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:text-surface-50\/70:active { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:text-surface-50\/80:focus { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:text-surface-50\/80:hover { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:text-surface-50\/80:active { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:text-surface-50\/90:focus { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:text-surface-50\/90:hover { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:text-surface-50\/90:active { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:text-surface-100:focus { + color: var(--surface-100) + } + .lg\:hover\:text-surface-100:hover { + color: var(--surface-100) + } + .lg\:active\:text-surface-100:active { + color: var(--surface-100) + } + .lg\:focus\:text-surface-100\/10:focus { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:text-surface-100\/10:hover { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:text-surface-100\/10:active { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:text-surface-100\/20:focus { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:text-surface-100\/20:hover { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:text-surface-100\/20:active { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:text-surface-100\/30:focus { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:text-surface-100\/30:hover { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:text-surface-100\/30:active { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:text-surface-100\/40:focus { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:text-surface-100\/40:hover { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:text-surface-100\/40:active { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:text-surface-100\/50:focus { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:text-surface-100\/50:hover { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:text-surface-100\/50:active { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:text-surface-100\/60:focus { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:text-surface-100\/60:hover { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:text-surface-100\/60:active { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:text-surface-100\/70:focus { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:text-surface-100\/70:hover { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:text-surface-100\/70:active { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:text-surface-100\/80:focus { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:text-surface-100\/80:hover { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:text-surface-100\/80:active { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:text-surface-100\/90:focus { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:text-surface-100\/90:hover { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:text-surface-100\/90:active { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:text-surface-200:focus { + color: var(--surface-200) + } + .lg\:hover\:text-surface-200:hover { + color: var(--surface-200) + } + .lg\:active\:text-surface-200:active { + color: var(--surface-200) + } + .lg\:focus\:text-surface-200\/10:focus { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:text-surface-200\/10:hover { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:text-surface-200\/10:active { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:text-surface-200\/20:focus { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:text-surface-200\/20:hover { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:text-surface-200\/20:active { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:text-surface-200\/30:focus { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:text-surface-200\/30:hover { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:text-surface-200\/30:active { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:text-surface-200\/40:focus { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:text-surface-200\/40:hover { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:text-surface-200\/40:active { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:text-surface-200\/50:focus { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:text-surface-200\/50:hover { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:text-surface-200\/50:active { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:text-surface-200\/60:focus { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:text-surface-200\/60:hover { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:text-surface-200\/60:active { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:text-surface-200\/70:focus { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:text-surface-200\/70:hover { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:text-surface-200\/70:active { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:text-surface-200\/80:focus { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:text-surface-200\/80:hover { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:text-surface-200\/80:active { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:text-surface-200\/90:focus { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:text-surface-200\/90:hover { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:text-surface-200\/90:active { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:text-surface-300:focus { + color: var(--surface-300) + } + .lg\:hover\:text-surface-300:hover { + color: var(--surface-300) + } + .lg\:active\:text-surface-300:active { + color: var(--surface-300) + } + .lg\:focus\:text-surface-300\/10:focus { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:text-surface-300\/10:hover { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:text-surface-300\/10:active { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:text-surface-300\/20:focus { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:text-surface-300\/20:hover { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:text-surface-300\/20:active { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:text-surface-300\/30:focus { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:text-surface-300\/30:hover { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:text-surface-300\/30:active { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:text-surface-300\/40:focus { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:text-surface-300\/40:hover { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:text-surface-300\/40:active { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:text-surface-300\/50:focus { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:text-surface-300\/50:hover { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:text-surface-300\/50:active { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:text-surface-300\/60:focus { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:text-surface-300\/60:hover { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:text-surface-300\/60:active { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:text-surface-300\/70:focus { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:text-surface-300\/70:hover { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:text-surface-300\/70:active { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:text-surface-300\/80:focus { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:text-surface-300\/80:hover { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:text-surface-300\/80:active { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:text-surface-300\/90:focus { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:text-surface-300\/90:hover { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:text-surface-300\/90:active { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:text-surface-400:focus { + color: var(--surface-400) + } + .lg\:hover\:text-surface-400:hover { + color: var(--surface-400) + } + .lg\:active\:text-surface-400:active { + color: var(--surface-400) + } + .lg\:focus\:text-surface-400\/10:focus { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:text-surface-400\/10:hover { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:text-surface-400\/10:active { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:text-surface-400\/20:focus { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:text-surface-400\/20:hover { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:text-surface-400\/20:active { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:text-surface-400\/30:focus { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:text-surface-400\/30:hover { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:text-surface-400\/30:active { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:text-surface-400\/40:focus { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:text-surface-400\/40:hover { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:text-surface-400\/40:active { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:text-surface-400\/50:focus { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:text-surface-400\/50:hover { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:text-surface-400\/50:active { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:text-surface-400\/60:focus { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:text-surface-400\/60:hover { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:text-surface-400\/60:active { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:text-surface-400\/70:focus { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:text-surface-400\/70:hover { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:text-surface-400\/70:active { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:text-surface-400\/80:focus { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:text-surface-400\/80:hover { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:text-surface-400\/80:active { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:text-surface-400\/90:focus { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:text-surface-400\/90:hover { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:text-surface-400\/90:active { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:text-surface-500:focus { + color: var(--surface-500) + } + .lg\:hover\:text-surface-500:hover { + color: var(--surface-500) + } + .lg\:active\:text-surface-500:active { + color: var(--surface-500) + } + .lg\:focus\:text-surface-500\/10:focus { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:text-surface-500\/10:hover { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:text-surface-500\/10:active { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:text-surface-500\/20:focus { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:text-surface-500\/20:hover { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:text-surface-500\/20:active { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:text-surface-500\/30:focus { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:text-surface-500\/30:hover { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:text-surface-500\/30:active { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:text-surface-500\/40:focus { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:text-surface-500\/40:hover { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:text-surface-500\/40:active { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:text-surface-500\/50:focus { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:text-surface-500\/50:hover { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:text-surface-500\/50:active { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:text-surface-500\/60:focus { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:text-surface-500\/60:hover { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:text-surface-500\/60:active { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:text-surface-500\/70:focus { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:text-surface-500\/70:hover { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:text-surface-500\/70:active { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:text-surface-500\/80:focus { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:text-surface-500\/80:hover { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:text-surface-500\/80:active { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:text-surface-500\/90:focus { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:text-surface-500\/90:hover { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:text-surface-500\/90:active { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:text-surface-600:focus { + color: var(--surface-600) + } + .lg\:hover\:text-surface-600:hover { + color: var(--surface-600) + } + .lg\:active\:text-surface-600:active { + color: var(--surface-600) + } + .lg\:focus\:text-surface-600\/10:focus { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:text-surface-600\/10:hover { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:text-surface-600\/10:active { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:text-surface-600\/20:focus { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:text-surface-600\/20:hover { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:text-surface-600\/20:active { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:text-surface-600\/30:focus { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:text-surface-600\/30:hover { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:text-surface-600\/30:active { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:text-surface-600\/40:focus { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:text-surface-600\/40:hover { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:text-surface-600\/40:active { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:text-surface-600\/50:focus { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:text-surface-600\/50:hover { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:text-surface-600\/50:active { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:text-surface-600\/60:focus { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:text-surface-600\/60:hover { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:text-surface-600\/60:active { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:text-surface-600\/70:focus { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:text-surface-600\/70:hover { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:text-surface-600\/70:active { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:text-surface-600\/80:focus { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:text-surface-600\/80:hover { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:text-surface-600\/80:active { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:text-surface-600\/90:focus { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:text-surface-600\/90:hover { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:text-surface-600\/90:active { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:text-surface-700:focus { + color: var(--surface-700) + } + .lg\:hover\:text-surface-700:hover { + color: var(--surface-700) + } + .lg\:active\:text-surface-700:active { + color: var(--surface-700) + } + .lg\:focus\:text-surface-700\/10:focus { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:text-surface-700\/10:hover { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:text-surface-700\/10:active { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:text-surface-700\/20:focus { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:text-surface-700\/20:hover { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:text-surface-700\/20:active { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:text-surface-700\/30:focus { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:text-surface-700\/30:hover { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:text-surface-700\/30:active { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:text-surface-700\/40:focus { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:text-surface-700\/40:hover { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:text-surface-700\/40:active { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:text-surface-700\/50:focus { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:text-surface-700\/50:hover { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:text-surface-700\/50:active { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:text-surface-700\/60:focus { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:text-surface-700\/60:hover { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:text-surface-700\/60:active { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:text-surface-700\/70:focus { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:text-surface-700\/70:hover { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:text-surface-700\/70:active { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:text-surface-700\/80:focus { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:text-surface-700\/80:hover { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:text-surface-700\/80:active { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:text-surface-700\/90:focus { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:text-surface-700\/90:hover { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:text-surface-700\/90:active { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:text-surface-800:focus { + color: var(--surface-800) + } + .lg\:hover\:text-surface-800:hover { + color: var(--surface-800) + } + .lg\:active\:text-surface-800:active { + color: var(--surface-800) + } + .lg\:focus\:text-surface-800\/10:focus { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:text-surface-800\/10:hover { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:text-surface-800\/10:active { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:text-surface-800\/20:focus { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:text-surface-800\/20:hover { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:text-surface-800\/20:active { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:text-surface-800\/30:focus { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:text-surface-800\/30:hover { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:text-surface-800\/30:active { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:text-surface-800\/40:focus { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:text-surface-800\/40:hover { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:text-surface-800\/40:active { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:text-surface-800\/50:focus { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:text-surface-800\/50:hover { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:text-surface-800\/50:active { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:text-surface-800\/60:focus { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:text-surface-800\/60:hover { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:text-surface-800\/60:active { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:text-surface-800\/70:focus { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:text-surface-800\/70:hover { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:text-surface-800\/70:active { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:text-surface-800\/80:focus { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:text-surface-800\/80:hover { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:text-surface-800\/80:active { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:text-surface-800\/90:focus { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:text-surface-800\/90:hover { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:text-surface-800\/90:active { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:text-surface-900:focus { + color: var(--surface-900) + } + .lg\:hover\:text-surface-900:hover { + color: var(--surface-900) + } + .lg\:active\:text-surface-900:active { + color: var(--surface-900) + } + .lg\:focus\:text-surface-900\/10:focus { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:text-surface-900\/10:hover { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:text-surface-900\/10:active { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:text-surface-900\/20:focus { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:text-surface-900\/20:hover { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:text-surface-900\/20:active { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:text-surface-900\/30:focus { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:text-surface-900\/30:hover { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:text-surface-900\/30:active { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:text-surface-900\/40:focus { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:text-surface-900\/40:hover { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:text-surface-900\/40:active { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:text-surface-900\/50:focus { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:text-surface-900\/50:hover { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:text-surface-900\/50:active { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:text-surface-900\/60:focus { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:text-surface-900\/60:hover { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:text-surface-900\/60:active { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:text-surface-900\/70:focus { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:text-surface-900\/70:hover { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:text-surface-900\/70:active { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:text-surface-900\/80:focus { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:text-surface-900\/80:hover { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:text-surface-900\/80:active { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:text-surface-900\/90:focus { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:text-surface-900\/90:hover { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:text-surface-900\/90:active { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:text-primary-50:focus { + color: var(--primary-50) + } + .lg\:hover\:text-primary-50:hover { + color: var(--primary-50) + } + .lg\:active\:text-primary-50:active { + color: var(--primary-50) + } + .lg\:focus\:text-primary-50\/10:focus { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:text-primary-50\/10:hover { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:text-primary-50\/10:active { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:text-primary-50\/20:focus { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:text-primary-50\/20:hover { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:text-primary-50\/20:active { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:text-primary-50\/30:focus { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:text-primary-50\/30:hover { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:text-primary-50\/30:active { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:text-primary-50\/40:focus { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:text-primary-50\/40:hover { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:text-primary-50\/40:active { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:text-primary-50\/50:focus { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:text-primary-50\/50:hover { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:text-primary-50\/50:active { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:text-primary-50\/60:focus { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:text-primary-50\/60:hover { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:text-primary-50\/60:active { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:text-primary-50\/70:focus { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:text-primary-50\/70:hover { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:text-primary-50\/70:active { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:text-primary-50\/80:focus { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:text-primary-50\/80:hover { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:text-primary-50\/80:active { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:text-primary-50\/90:focus { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:text-primary-50\/90:hover { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:text-primary-50\/90:active { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:text-primary-100:focus { + color: var(--primary-100) + } + .lg\:hover\:text-primary-100:hover { + color: var(--primary-100) + } + .lg\:active\:text-primary-100:active { + color: var(--primary-100) + } + .lg\:focus\:text-primary-100\/10:focus { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:text-primary-100\/10:hover { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:text-primary-100\/10:active { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:text-primary-100\/20:focus { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:text-primary-100\/20:hover { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:text-primary-100\/20:active { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:text-primary-100\/30:focus { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:text-primary-100\/30:hover { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:text-primary-100\/30:active { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:text-primary-100\/40:focus { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:text-primary-100\/40:hover { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:text-primary-100\/40:active { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:text-primary-100\/50:focus { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:text-primary-100\/50:hover { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:text-primary-100\/50:active { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:text-primary-100\/60:focus { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:text-primary-100\/60:hover { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:text-primary-100\/60:active { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:text-primary-100\/70:focus { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:text-primary-100\/70:hover { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:text-primary-100\/70:active { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:text-primary-100\/80:focus { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:text-primary-100\/80:hover { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:text-primary-100\/80:active { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:text-primary-100\/90:focus { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:text-primary-100\/90:hover { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:text-primary-100\/90:active { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:text-primary-200:focus { + color: var(--primary-200) + } + .lg\:hover\:text-primary-200:hover { + color: var(--primary-200) + } + .lg\:active\:text-primary-200:active { + color: var(--primary-200) + } + .lg\:focus\:text-primary-200\/10:focus { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:text-primary-200\/10:hover { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:text-primary-200\/10:active { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:text-primary-200\/20:focus { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:text-primary-200\/20:hover { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:text-primary-200\/20:active { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:text-primary-200\/30:focus { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:text-primary-200\/30:hover { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:text-primary-200\/30:active { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:text-primary-200\/40:focus { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:text-primary-200\/40:hover { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:text-primary-200\/40:active { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:text-primary-200\/50:focus { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:text-primary-200\/50:hover { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:text-primary-200\/50:active { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:text-primary-200\/60:focus { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:text-primary-200\/60:hover { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:text-primary-200\/60:active { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:text-primary-200\/70:focus { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:text-primary-200\/70:hover { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:text-primary-200\/70:active { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:text-primary-200\/80:focus { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:text-primary-200\/80:hover { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:text-primary-200\/80:active { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:text-primary-200\/90:focus { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:text-primary-200\/90:hover { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:text-primary-200\/90:active { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:text-primary-300:focus { + color: var(--primary-300) + } + .lg\:hover\:text-primary-300:hover { + color: var(--primary-300) + } + .lg\:active\:text-primary-300:active { + color: var(--primary-300) + } + .lg\:focus\:text-primary-300\/10:focus { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:text-primary-300\/10:hover { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:text-primary-300\/10:active { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:text-primary-300\/20:focus { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:text-primary-300\/20:hover { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:text-primary-300\/20:active { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:text-primary-300\/30:focus { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:text-primary-300\/30:hover { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:text-primary-300\/30:active { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:text-primary-300\/40:focus { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:text-primary-300\/40:hover { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:text-primary-300\/40:active { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:text-primary-300\/50:focus { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:text-primary-300\/50:hover { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:text-primary-300\/50:active { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:text-primary-300\/60:focus { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:text-primary-300\/60:hover { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:text-primary-300\/60:active { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:text-primary-300\/70:focus { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:text-primary-300\/70:hover { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:text-primary-300\/70:active { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:text-primary-300\/80:focus { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:text-primary-300\/80:hover { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:text-primary-300\/80:active { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:text-primary-300\/90:focus { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:text-primary-300\/90:hover { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:text-primary-300\/90:active { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:text-primary-400:focus { + color: var(--primary-400) + } + .lg\:hover\:text-primary-400:hover { + color: var(--primary-400) + } + .lg\:active\:text-primary-400:active { + color: var(--primary-400) + } + .lg\:focus\:text-primary-400\/10:focus { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:text-primary-400\/10:hover { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:text-primary-400\/10:active { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:text-primary-400\/20:focus { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:text-primary-400\/20:hover { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:text-primary-400\/20:active { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:text-primary-400\/30:focus { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:text-primary-400\/30:hover { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:text-primary-400\/30:active { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:text-primary-400\/40:focus { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:text-primary-400\/40:hover { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:text-primary-400\/40:active { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:text-primary-400\/50:focus { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:text-primary-400\/50:hover { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:text-primary-400\/50:active { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:text-primary-400\/60:focus { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:text-primary-400\/60:hover { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:text-primary-400\/60:active { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:text-primary-400\/70:focus { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:text-primary-400\/70:hover { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:text-primary-400\/70:active { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:text-primary-400\/80:focus { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:text-primary-400\/80:hover { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:text-primary-400\/80:active { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:text-primary-400\/90:focus { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:text-primary-400\/90:hover { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:text-primary-400\/90:active { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:text-primary-500:focus { + color: var(--primary-500) + } + .lg\:hover\:text-primary-500:hover { + color: var(--primary-500) + } + .lg\:active\:text-primary-500:active { + color: var(--primary-500) + } + .lg\:focus\:text-primary-500\/10:focus { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:text-primary-500\/10:hover { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:text-primary-500\/10:active { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:text-primary-500\/20:focus { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:text-primary-500\/20:hover { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:text-primary-500\/20:active { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:text-primary-500\/30:focus { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:text-primary-500\/30:hover { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:text-primary-500\/30:active { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:text-primary-500\/40:focus { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:text-primary-500\/40:hover { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:text-primary-500\/40:active { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:text-primary-500\/50:focus { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:text-primary-500\/50:hover { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:text-primary-500\/50:active { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:text-primary-500\/60:focus { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:text-primary-500\/60:hover { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:text-primary-500\/60:active { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:text-primary-500\/70:focus { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:text-primary-500\/70:hover { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:text-primary-500\/70:active { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:text-primary-500\/80:focus { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:text-primary-500\/80:hover { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:text-primary-500\/80:active { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:text-primary-500\/90:focus { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:text-primary-500\/90:hover { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:text-primary-500\/90:active { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:text-primary-600:focus { + color: var(--primary-600) + } + .lg\:hover\:text-primary-600:hover { + color: var(--primary-600) + } + .lg\:active\:text-primary-600:active { + color: var(--primary-600) + } + .lg\:focus\:text-primary-600\/10:focus { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:text-primary-600\/10:hover { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:text-primary-600\/10:active { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:text-primary-600\/20:focus { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:text-primary-600\/20:hover { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:text-primary-600\/20:active { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:text-primary-600\/30:focus { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:text-primary-600\/30:hover { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:text-primary-600\/30:active { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:text-primary-600\/40:focus { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:text-primary-600\/40:hover { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:text-primary-600\/40:active { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:text-primary-600\/50:focus { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:text-primary-600\/50:hover { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:text-primary-600\/50:active { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:text-primary-600\/60:focus { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:text-primary-600\/60:hover { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:text-primary-600\/60:active { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:text-primary-600\/70:focus { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:text-primary-600\/70:hover { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:text-primary-600\/70:active { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:text-primary-600\/80:focus { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:text-primary-600\/80:hover { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:text-primary-600\/80:active { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:text-primary-600\/90:focus { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:text-primary-600\/90:hover { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:text-primary-600\/90:active { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:text-primary-700:focus { + color: var(--primary-700) + } + .lg\:hover\:text-primary-700:hover { + color: var(--primary-700) + } + .lg\:active\:text-primary-700:active { + color: var(--primary-700) + } + .lg\:focus\:text-primary-700\/10:focus { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:text-primary-700\/10:hover { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:text-primary-700\/10:active { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:text-primary-700\/20:focus { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:text-primary-700\/20:hover { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:text-primary-700\/20:active { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:text-primary-700\/30:focus { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:text-primary-700\/30:hover { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:text-primary-700\/30:active { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:text-primary-700\/40:focus { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:text-primary-700\/40:hover { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:text-primary-700\/40:active { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:text-primary-700\/50:focus { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:text-primary-700\/50:hover { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:text-primary-700\/50:active { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:text-primary-700\/60:focus { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:text-primary-700\/60:hover { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:text-primary-700\/60:active { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:text-primary-700\/70:focus { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:text-primary-700\/70:hover { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:text-primary-700\/70:active { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:text-primary-700\/80:focus { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:text-primary-700\/80:hover { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:text-primary-700\/80:active { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:text-primary-700\/90:focus { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:text-primary-700\/90:hover { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:text-primary-700\/90:active { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:text-primary-800:focus { + color: var(--primary-800) + } + .lg\:hover\:text-primary-800:hover { + color: var(--primary-800) + } + .lg\:active\:text-primary-800:active { + color: var(--primary-800) + } + .lg\:focus\:text-primary-800\/10:focus { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:text-primary-800\/10:hover { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:text-primary-800\/10:active { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:text-primary-800\/20:focus { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:text-primary-800\/20:hover { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:text-primary-800\/20:active { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:text-primary-800\/30:focus { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:text-primary-800\/30:hover { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:text-primary-800\/30:active { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:text-primary-800\/40:focus { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:text-primary-800\/40:hover { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:text-primary-800\/40:active { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:text-primary-800\/50:focus { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:text-primary-800\/50:hover { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:text-primary-800\/50:active { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:text-primary-800\/60:focus { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:text-primary-800\/60:hover { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:text-primary-800\/60:active { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:text-primary-800\/70:focus { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:text-primary-800\/70:hover { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:text-primary-800\/70:active { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:text-primary-800\/80:focus { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:text-primary-800\/80:hover { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:text-primary-800\/80:active { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:text-primary-800\/90:focus { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:text-primary-800\/90:hover { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:text-primary-800\/90:active { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:text-primary-900:focus { + color: var(--primary-900) + } + .lg\:hover\:text-primary-900:hover { + color: var(--primary-900) + } + .lg\:active\:text-primary-900:active { + color: var(--primary-900) + } + .lg\:focus\:text-primary-900\/10:focus { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:text-primary-900\/10:hover { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:text-primary-900\/10:active { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:text-primary-900\/20:focus { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:text-primary-900\/20:hover { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:text-primary-900\/20:active { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:text-primary-900\/30:focus { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:text-primary-900\/30:hover { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:text-primary-900\/30:active { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:text-primary-900\/40:focus { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:text-primary-900\/40:hover { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:text-primary-900\/40:active { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:text-primary-900\/50:focus { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:text-primary-900\/50:hover { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:text-primary-900\/50:active { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:text-primary-900\/60:focus { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:text-primary-900\/60:hover { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:text-primary-900\/60:active { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:text-primary-900\/70:focus { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:text-primary-900\/70:hover { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:text-primary-900\/70:active { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:text-primary-900\/80:focus { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:text-primary-900\/80:hover { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:text-primary-900\/80:active { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:text-primary-900\/90:focus { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:text-primary-900\/90:hover { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:text-primary-900\/90:active { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:text-blue-50 { + color: var(--blue-50) + } + .xl\:text-blue-50\/10 { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:text-blue-50\/20 { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:text-blue-50\/30 { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:text-blue-50\/40 { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:text-blue-50\/50 { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:text-blue-50\/60 { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:text-blue-50\/70 { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:text-blue-50\/80 { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:text-blue-50\/90 { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:text-blue-100 { + color: var(--blue-100) + } + .xl\:text-blue-100\/10 { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:text-blue-100\/20 { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:text-blue-100\/30 { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:text-blue-100\/40 { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:text-blue-100\/50 { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:text-blue-100\/60 { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:text-blue-100\/70 { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:text-blue-100\/80 { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:text-blue-100\/90 { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:text-blue-200 { + color: var(--blue-200) + } + .xl\:text-blue-200\/10 { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:text-blue-200\/20 { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:text-blue-200\/30 { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:text-blue-200\/40 { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:text-blue-200\/50 { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:text-blue-200\/60 { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:text-blue-200\/70 { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:text-blue-200\/80 { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:text-blue-200\/90 { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:text-blue-300 { + color: var(--blue-300) + } + .xl\:text-blue-300\/10 { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:text-blue-300\/20 { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:text-blue-300\/30 { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:text-blue-300\/40 { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:text-blue-300\/50 { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:text-blue-300\/60 { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:text-blue-300\/70 { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:text-blue-300\/80 { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:text-blue-300\/90 { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:text-blue-400 { + color: var(--blue-400) + } + .xl\:text-blue-400\/10 { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:text-blue-400\/20 { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:text-blue-400\/30 { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:text-blue-400\/40 { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:text-blue-400\/50 { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:text-blue-400\/60 { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:text-blue-400\/70 { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:text-blue-400\/80 { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:text-blue-400\/90 { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:text-blue-500 { + color: var(--blue-500) + } + .xl\:text-blue-500\/10 { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:text-blue-500\/20 { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:text-blue-500\/30 { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:text-blue-500\/40 { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:text-blue-500\/50 { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:text-blue-500\/60 { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:text-blue-500\/70 { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:text-blue-500\/80 { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:text-blue-500\/90 { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:text-blue-600 { + color: var(--blue-600) + } + .xl\:text-blue-600\/10 { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:text-blue-600\/20 { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:text-blue-600\/30 { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:text-blue-600\/40 { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:text-blue-600\/50 { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:text-blue-600\/60 { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:text-blue-600\/70 { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:text-blue-600\/80 { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:text-blue-600\/90 { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:text-blue-700 { + color: var(--blue-700) + } + .xl\:text-blue-700\/10 { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:text-blue-700\/20 { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:text-blue-700\/30 { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:text-blue-700\/40 { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:text-blue-700\/50 { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:text-blue-700\/60 { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:text-blue-700\/70 { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:text-blue-700\/80 { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:text-blue-700\/90 { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:text-blue-800 { + color: var(--blue-800) + } + .xl\:text-blue-800\/10 { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:text-blue-800\/20 { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:text-blue-800\/30 { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:text-blue-800\/40 { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:text-blue-800\/50 { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:text-blue-800\/60 { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:text-blue-800\/70 { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:text-blue-800\/80 { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:text-blue-800\/90 { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:text-blue-900 { + color: var(--blue-900) + } + .xl\:text-blue-900\/10 { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:text-blue-900\/20 { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:text-blue-900\/30 { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:text-blue-900\/40 { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:text-blue-900\/50 { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:text-blue-900\/60 { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:text-blue-900\/70 { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:text-blue-900\/80 { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:text-blue-900\/90 { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:text-green-50 { + color: var(--green-50) + } + .xl\:text-green-50\/10 { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:text-green-50\/20 { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:text-green-50\/30 { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:text-green-50\/40 { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:text-green-50\/50 { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:text-green-50\/60 { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:text-green-50\/70 { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:text-green-50\/80 { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:text-green-50\/90 { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:text-green-100 { + color: var(--green-100) + } + .xl\:text-green-100\/10 { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:text-green-100\/20 { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:text-green-100\/30 { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:text-green-100\/40 { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:text-green-100\/50 { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:text-green-100\/60 { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:text-green-100\/70 { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:text-green-100\/80 { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:text-green-100\/90 { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:text-green-200 { + color: var(--green-200) + } + .xl\:text-green-200\/10 { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:text-green-200\/20 { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:text-green-200\/30 { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:text-green-200\/40 { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:text-green-200\/50 { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:text-green-200\/60 { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:text-green-200\/70 { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:text-green-200\/80 { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:text-green-200\/90 { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:text-green-300 { + color: var(--green-300) + } + .xl\:text-green-300\/10 { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:text-green-300\/20 { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:text-green-300\/30 { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:text-green-300\/40 { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:text-green-300\/50 { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:text-green-300\/60 { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:text-green-300\/70 { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:text-green-300\/80 { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:text-green-300\/90 { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:text-green-400 { + color: var(--green-400) + } + .xl\:text-green-400\/10 { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:text-green-400\/20 { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:text-green-400\/30 { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:text-green-400\/40 { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:text-green-400\/50 { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:text-green-400\/60 { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:text-green-400\/70 { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:text-green-400\/80 { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:text-green-400\/90 { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:text-green-500 { + color: var(--green-500) + } + .xl\:text-green-500\/10 { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:text-green-500\/20 { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:text-green-500\/30 { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:text-green-500\/40 { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:text-green-500\/50 { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:text-green-500\/60 { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:text-green-500\/70 { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:text-green-500\/80 { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:text-green-500\/90 { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:text-green-600 { + color: var(--green-600) + } + .xl\:text-green-600\/10 { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:text-green-600\/20 { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:text-green-600\/30 { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:text-green-600\/40 { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:text-green-600\/50 { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:text-green-600\/60 { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:text-green-600\/70 { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:text-green-600\/80 { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:text-green-600\/90 { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:text-green-700 { + color: var(--green-700) + } + .xl\:text-green-700\/10 { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:text-green-700\/20 { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:text-green-700\/30 { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:text-green-700\/40 { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:text-green-700\/50 { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:text-green-700\/60 { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:text-green-700\/70 { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:text-green-700\/80 { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:text-green-700\/90 { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:text-green-800 { + color: var(--green-800) + } + .xl\:text-green-800\/10 { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:text-green-800\/20 { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:text-green-800\/30 { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:text-green-800\/40 { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:text-green-800\/50 { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:text-green-800\/60 { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:text-green-800\/70 { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:text-green-800\/80 { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:text-green-800\/90 { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:text-green-900 { + color: var(--green-900) + } + .xl\:text-green-900\/10 { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:text-green-900\/20 { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:text-green-900\/30 { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:text-green-900\/40 { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:text-green-900\/50 { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:text-green-900\/60 { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:text-green-900\/70 { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:text-green-900\/80 { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:text-green-900\/90 { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:text-yellow-50 { + color: var(--yellow-50) + } + .xl\:text-yellow-50\/10 { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:text-yellow-50\/20 { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:text-yellow-50\/30 { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:text-yellow-50\/40 { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:text-yellow-50\/50 { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:text-yellow-50\/60 { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:text-yellow-50\/70 { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:text-yellow-50\/80 { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:text-yellow-50\/90 { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:text-yellow-100 { + color: var(--yellow-100) + } + .xl\:text-yellow-100\/10 { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:text-yellow-100\/20 { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:text-yellow-100\/30 { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:text-yellow-100\/40 { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:text-yellow-100\/50 { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:text-yellow-100\/60 { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:text-yellow-100\/70 { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:text-yellow-100\/80 { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:text-yellow-100\/90 { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:text-yellow-200 { + color: var(--yellow-200) + } + .xl\:text-yellow-200\/10 { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:text-yellow-200\/20 { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:text-yellow-200\/30 { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:text-yellow-200\/40 { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:text-yellow-200\/50 { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:text-yellow-200\/60 { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:text-yellow-200\/70 { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:text-yellow-200\/80 { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:text-yellow-200\/90 { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:text-yellow-300 { + color: var(--yellow-300) + } + .xl\:text-yellow-300\/10 { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:text-yellow-300\/20 { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:text-yellow-300\/30 { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:text-yellow-300\/40 { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:text-yellow-300\/50 { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:text-yellow-300\/60 { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:text-yellow-300\/70 { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:text-yellow-300\/80 { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:text-yellow-300\/90 { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:text-yellow-400 { + color: var(--yellow-400) + } + .xl\:text-yellow-400\/10 { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:text-yellow-400\/20 { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:text-yellow-400\/30 { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:text-yellow-400\/40 { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:text-yellow-400\/50 { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:text-yellow-400\/60 { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:text-yellow-400\/70 { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:text-yellow-400\/80 { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:text-yellow-400\/90 { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:text-yellow-500 { + color: var(--yellow-500) + } + .xl\:text-yellow-500\/10 { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:text-yellow-500\/20 { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:text-yellow-500\/30 { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:text-yellow-500\/40 { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:text-yellow-500\/50 { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:text-yellow-500\/60 { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:text-yellow-500\/70 { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:text-yellow-500\/80 { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:text-yellow-500\/90 { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:text-yellow-600 { + color: var(--yellow-600) + } + .xl\:text-yellow-600\/10 { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:text-yellow-600\/20 { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:text-yellow-600\/30 { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:text-yellow-600\/40 { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:text-yellow-600\/50 { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:text-yellow-600\/60 { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:text-yellow-600\/70 { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:text-yellow-600\/80 { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:text-yellow-600\/90 { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:text-yellow-700 { + color: var(--yellow-700) + } + .xl\:text-yellow-700\/10 { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:text-yellow-700\/20 { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:text-yellow-700\/30 { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:text-yellow-700\/40 { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:text-yellow-700\/50 { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:text-yellow-700\/60 { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:text-yellow-700\/70 { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:text-yellow-700\/80 { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:text-yellow-700\/90 { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:text-yellow-800 { + color: var(--yellow-800) + } + .xl\:text-yellow-800\/10 { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:text-yellow-800\/20 { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:text-yellow-800\/30 { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:text-yellow-800\/40 { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:text-yellow-800\/50 { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:text-yellow-800\/60 { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:text-yellow-800\/70 { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:text-yellow-800\/80 { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:text-yellow-800\/90 { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:text-yellow-900 { + color: var(--yellow-900) + } + .xl\:text-yellow-900\/10 { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:text-yellow-900\/20 { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:text-yellow-900\/30 { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:text-yellow-900\/40 { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:text-yellow-900\/50 { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:text-yellow-900\/60 { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:text-yellow-900\/70 { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:text-yellow-900\/80 { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:text-yellow-900\/90 { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:text-cyan-50 { + color: var(--cyan-50) + } + .xl\:text-cyan-50\/10 { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:text-cyan-50\/20 { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:text-cyan-50\/30 { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:text-cyan-50\/40 { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:text-cyan-50\/50 { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:text-cyan-50\/60 { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:text-cyan-50\/70 { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:text-cyan-50\/80 { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:text-cyan-50\/90 { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:text-cyan-100 { + color: var(--cyan-100) + } + .xl\:text-cyan-100\/10 { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:text-cyan-100\/20 { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:text-cyan-100\/30 { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:text-cyan-100\/40 { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:text-cyan-100\/50 { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:text-cyan-100\/60 { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:text-cyan-100\/70 { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:text-cyan-100\/80 { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:text-cyan-100\/90 { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:text-cyan-200 { + color: var(--cyan-200) + } + .xl\:text-cyan-200\/10 { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:text-cyan-200\/20 { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:text-cyan-200\/30 { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:text-cyan-200\/40 { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:text-cyan-200\/50 { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:text-cyan-200\/60 { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:text-cyan-200\/70 { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:text-cyan-200\/80 { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:text-cyan-200\/90 { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:text-cyan-300 { + color: var(--cyan-300) + } + .xl\:text-cyan-300\/10 { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:text-cyan-300\/20 { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:text-cyan-300\/30 { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:text-cyan-300\/40 { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:text-cyan-300\/50 { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:text-cyan-300\/60 { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:text-cyan-300\/70 { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:text-cyan-300\/80 { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:text-cyan-300\/90 { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:text-cyan-400 { + color: var(--cyan-400) + } + .xl\:text-cyan-400\/10 { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:text-cyan-400\/20 { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:text-cyan-400\/30 { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:text-cyan-400\/40 { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:text-cyan-400\/50 { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:text-cyan-400\/60 { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:text-cyan-400\/70 { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:text-cyan-400\/80 { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:text-cyan-400\/90 { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:text-cyan-500 { + color: var(--cyan-500) + } + .xl\:text-cyan-500\/10 { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:text-cyan-500\/20 { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:text-cyan-500\/30 { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:text-cyan-500\/40 { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:text-cyan-500\/50 { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:text-cyan-500\/60 { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:text-cyan-500\/70 { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:text-cyan-500\/80 { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:text-cyan-500\/90 { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:text-cyan-600 { + color: var(--cyan-600) + } + .xl\:text-cyan-600\/10 { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:text-cyan-600\/20 { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:text-cyan-600\/30 { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:text-cyan-600\/40 { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:text-cyan-600\/50 { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:text-cyan-600\/60 { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:text-cyan-600\/70 { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:text-cyan-600\/80 { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:text-cyan-600\/90 { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:text-cyan-700 { + color: var(--cyan-700) + } + .xl\:text-cyan-700\/10 { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:text-cyan-700\/20 { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:text-cyan-700\/30 { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:text-cyan-700\/40 { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:text-cyan-700\/50 { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:text-cyan-700\/60 { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:text-cyan-700\/70 { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:text-cyan-700\/80 { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:text-cyan-700\/90 { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:text-cyan-800 { + color: var(--cyan-800) + } + .xl\:text-cyan-800\/10 { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:text-cyan-800\/20 { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:text-cyan-800\/30 { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:text-cyan-800\/40 { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:text-cyan-800\/50 { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:text-cyan-800\/60 { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:text-cyan-800\/70 { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:text-cyan-800\/80 { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:text-cyan-800\/90 { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:text-cyan-900 { + color: var(--cyan-900) + } + .xl\:text-cyan-900\/10 { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:text-cyan-900\/20 { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:text-cyan-900\/30 { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:text-cyan-900\/40 { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:text-cyan-900\/50 { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:text-cyan-900\/60 { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:text-cyan-900\/70 { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:text-cyan-900\/80 { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:text-cyan-900\/90 { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:text-pink-50 { + color: var(--pink-50) + } + .xl\:text-pink-50\/10 { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:text-pink-50\/20 { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:text-pink-50\/30 { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:text-pink-50\/40 { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:text-pink-50\/50 { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:text-pink-50\/60 { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:text-pink-50\/70 { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:text-pink-50\/80 { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:text-pink-50\/90 { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:text-pink-100 { + color: var(--pink-100) + } + .xl\:text-pink-100\/10 { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:text-pink-100\/20 { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:text-pink-100\/30 { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:text-pink-100\/40 { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:text-pink-100\/50 { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:text-pink-100\/60 { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:text-pink-100\/70 { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:text-pink-100\/80 { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:text-pink-100\/90 { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:text-pink-200 { + color: var(--pink-200) + } + .xl\:text-pink-200\/10 { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:text-pink-200\/20 { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:text-pink-200\/30 { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:text-pink-200\/40 { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:text-pink-200\/50 { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:text-pink-200\/60 { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:text-pink-200\/70 { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:text-pink-200\/80 { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:text-pink-200\/90 { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:text-pink-300 { + color: var(--pink-300) + } + .xl\:text-pink-300\/10 { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:text-pink-300\/20 { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:text-pink-300\/30 { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:text-pink-300\/40 { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:text-pink-300\/50 { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:text-pink-300\/60 { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:text-pink-300\/70 { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:text-pink-300\/80 { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:text-pink-300\/90 { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:text-pink-400 { + color: var(--pink-400) + } + .xl\:text-pink-400\/10 { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:text-pink-400\/20 { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:text-pink-400\/30 { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:text-pink-400\/40 { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:text-pink-400\/50 { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:text-pink-400\/60 { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:text-pink-400\/70 { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:text-pink-400\/80 { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:text-pink-400\/90 { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:text-pink-500 { + color: var(--pink-500) + } + .xl\:text-pink-500\/10 { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:text-pink-500\/20 { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:text-pink-500\/30 { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:text-pink-500\/40 { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:text-pink-500\/50 { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:text-pink-500\/60 { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:text-pink-500\/70 { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:text-pink-500\/80 { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:text-pink-500\/90 { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:text-pink-600 { + color: var(--pink-600) + } + .xl\:text-pink-600\/10 { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:text-pink-600\/20 { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:text-pink-600\/30 { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:text-pink-600\/40 { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:text-pink-600\/50 { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:text-pink-600\/60 { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:text-pink-600\/70 { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:text-pink-600\/80 { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:text-pink-600\/90 { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:text-pink-700 { + color: var(--pink-700) + } + .xl\:text-pink-700\/10 { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:text-pink-700\/20 { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:text-pink-700\/30 { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:text-pink-700\/40 { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:text-pink-700\/50 { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:text-pink-700\/60 { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:text-pink-700\/70 { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:text-pink-700\/80 { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:text-pink-700\/90 { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:text-pink-800 { + color: var(--pink-800) + } + .xl\:text-pink-800\/10 { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:text-pink-800\/20 { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:text-pink-800\/30 { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:text-pink-800\/40 { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:text-pink-800\/50 { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:text-pink-800\/60 { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:text-pink-800\/70 { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:text-pink-800\/80 { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:text-pink-800\/90 { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:text-pink-900 { + color: var(--pink-900) + } + .xl\:text-pink-900\/10 { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:text-pink-900\/20 { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:text-pink-900\/30 { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:text-pink-900\/40 { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:text-pink-900\/50 { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:text-pink-900\/60 { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:text-pink-900\/70 { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:text-pink-900\/80 { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:text-pink-900\/90 { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:text-indigo-50 { + color: var(--indigo-50) + } + .xl\:text-indigo-50\/10 { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:text-indigo-50\/20 { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:text-indigo-50\/30 { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:text-indigo-50\/40 { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:text-indigo-50\/50 { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:text-indigo-50\/60 { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:text-indigo-50\/70 { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:text-indigo-50\/80 { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:text-indigo-50\/90 { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:text-indigo-100 { + color: var(--indigo-100) + } + .xl\:text-indigo-100\/10 { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:text-indigo-100\/20 { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:text-indigo-100\/30 { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:text-indigo-100\/40 { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:text-indigo-100\/50 { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:text-indigo-100\/60 { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:text-indigo-100\/70 { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:text-indigo-100\/80 { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:text-indigo-100\/90 { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:text-indigo-200 { + color: var(--indigo-200) + } + .xl\:text-indigo-200\/10 { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:text-indigo-200\/20 { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:text-indigo-200\/30 { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:text-indigo-200\/40 { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:text-indigo-200\/50 { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:text-indigo-200\/60 { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:text-indigo-200\/70 { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:text-indigo-200\/80 { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:text-indigo-200\/90 { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:text-indigo-300 { + color: var(--indigo-300) + } + .xl\:text-indigo-300\/10 { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:text-indigo-300\/20 { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:text-indigo-300\/30 { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:text-indigo-300\/40 { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:text-indigo-300\/50 { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:text-indigo-300\/60 { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:text-indigo-300\/70 { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:text-indigo-300\/80 { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:text-indigo-300\/90 { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:text-indigo-400 { + color: var(--indigo-400) + } + .xl\:text-indigo-400\/10 { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:text-indigo-400\/20 { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:text-indigo-400\/30 { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:text-indigo-400\/40 { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:text-indigo-400\/50 { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:text-indigo-400\/60 { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:text-indigo-400\/70 { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:text-indigo-400\/80 { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:text-indigo-400\/90 { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:text-indigo-500 { + color: var(--indigo-500) + } + .xl\:text-indigo-500\/10 { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:text-indigo-500\/20 { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:text-indigo-500\/30 { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:text-indigo-500\/40 { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:text-indigo-500\/50 { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:text-indigo-500\/60 { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:text-indigo-500\/70 { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:text-indigo-500\/80 { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:text-indigo-500\/90 { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:text-indigo-600 { + color: var(--indigo-600) + } + .xl\:text-indigo-600\/10 { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:text-indigo-600\/20 { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:text-indigo-600\/30 { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:text-indigo-600\/40 { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:text-indigo-600\/50 { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:text-indigo-600\/60 { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:text-indigo-600\/70 { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:text-indigo-600\/80 { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:text-indigo-600\/90 { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:text-indigo-700 { + color: var(--indigo-700) + } + .xl\:text-indigo-700\/10 { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:text-indigo-700\/20 { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:text-indigo-700\/30 { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:text-indigo-700\/40 { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:text-indigo-700\/50 { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:text-indigo-700\/60 { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:text-indigo-700\/70 { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:text-indigo-700\/80 { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:text-indigo-700\/90 { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:text-indigo-800 { + color: var(--indigo-800) + } + .xl\:text-indigo-800\/10 { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:text-indigo-800\/20 { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:text-indigo-800\/30 { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:text-indigo-800\/40 { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:text-indigo-800\/50 { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:text-indigo-800\/60 { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:text-indigo-800\/70 { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:text-indigo-800\/80 { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:text-indigo-800\/90 { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:text-indigo-900 { + color: var(--indigo-900) + } + .xl\:text-indigo-900\/10 { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:text-indigo-900\/20 { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:text-indigo-900\/30 { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:text-indigo-900\/40 { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:text-indigo-900\/50 { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:text-indigo-900\/60 { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:text-indigo-900\/70 { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:text-indigo-900\/80 { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:text-indigo-900\/90 { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:text-teal-50 { + color: var(--teal-50) + } + .xl\:text-teal-50\/10 { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:text-teal-50\/20 { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:text-teal-50\/30 { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:text-teal-50\/40 { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:text-teal-50\/50 { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:text-teal-50\/60 { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:text-teal-50\/70 { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:text-teal-50\/80 { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:text-teal-50\/90 { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:text-teal-100 { + color: var(--teal-100) + } + .xl\:text-teal-100\/10 { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:text-teal-100\/20 { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:text-teal-100\/30 { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:text-teal-100\/40 { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:text-teal-100\/50 { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:text-teal-100\/60 { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:text-teal-100\/70 { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:text-teal-100\/80 { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:text-teal-100\/90 { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:text-teal-200 { + color: var(--teal-200) + } + .xl\:text-teal-200\/10 { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:text-teal-200\/20 { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:text-teal-200\/30 { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:text-teal-200\/40 { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:text-teal-200\/50 { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:text-teal-200\/60 { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:text-teal-200\/70 { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:text-teal-200\/80 { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:text-teal-200\/90 { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:text-teal-300 { + color: var(--teal-300) + } + .xl\:text-teal-300\/10 { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:text-teal-300\/20 { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:text-teal-300\/30 { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:text-teal-300\/40 { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:text-teal-300\/50 { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:text-teal-300\/60 { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:text-teal-300\/70 { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:text-teal-300\/80 { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:text-teal-300\/90 { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:text-teal-400 { + color: var(--teal-400) + } + .xl\:text-teal-400\/10 { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:text-teal-400\/20 { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:text-teal-400\/30 { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:text-teal-400\/40 { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:text-teal-400\/50 { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:text-teal-400\/60 { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:text-teal-400\/70 { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:text-teal-400\/80 { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:text-teal-400\/90 { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:text-teal-500 { + color: var(--teal-500) + } + .xl\:text-teal-500\/10 { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:text-teal-500\/20 { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:text-teal-500\/30 { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:text-teal-500\/40 { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:text-teal-500\/50 { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:text-teal-500\/60 { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:text-teal-500\/70 { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:text-teal-500\/80 { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:text-teal-500\/90 { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:text-teal-600 { + color: var(--teal-600) + } + .xl\:text-teal-600\/10 { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:text-teal-600\/20 { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:text-teal-600\/30 { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:text-teal-600\/40 { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:text-teal-600\/50 { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:text-teal-600\/60 { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:text-teal-600\/70 { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:text-teal-600\/80 { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:text-teal-600\/90 { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:text-teal-700 { + color: var(--teal-700) + } + .xl\:text-teal-700\/10 { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:text-teal-700\/20 { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:text-teal-700\/30 { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:text-teal-700\/40 { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:text-teal-700\/50 { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:text-teal-700\/60 { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:text-teal-700\/70 { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:text-teal-700\/80 { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:text-teal-700\/90 { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:text-teal-800 { + color: var(--teal-800) + } + .xl\:text-teal-800\/10 { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:text-teal-800\/20 { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:text-teal-800\/30 { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:text-teal-800\/40 { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:text-teal-800\/50 { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:text-teal-800\/60 { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:text-teal-800\/70 { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:text-teal-800\/80 { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:text-teal-800\/90 { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:text-teal-900 { + color: var(--teal-900) + } + .xl\:text-teal-900\/10 { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:text-teal-900\/20 { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:text-teal-900\/30 { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:text-teal-900\/40 { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:text-teal-900\/50 { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:text-teal-900\/60 { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:text-teal-900\/70 { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:text-teal-900\/80 { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:text-teal-900\/90 { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:text-orange-50 { + color: var(--orange-50) + } + .xl\:text-orange-50\/10 { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:text-orange-50\/20 { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:text-orange-50\/30 { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:text-orange-50\/40 { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:text-orange-50\/50 { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:text-orange-50\/60 { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:text-orange-50\/70 { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:text-orange-50\/80 { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:text-orange-50\/90 { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:text-orange-100 { + color: var(--orange-100) + } + .xl\:text-orange-100\/10 { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:text-orange-100\/20 { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:text-orange-100\/30 { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:text-orange-100\/40 { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:text-orange-100\/50 { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:text-orange-100\/60 { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:text-orange-100\/70 { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:text-orange-100\/80 { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:text-orange-100\/90 { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:text-orange-200 { + color: var(--orange-200) + } + .xl\:text-orange-200\/10 { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:text-orange-200\/20 { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:text-orange-200\/30 { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:text-orange-200\/40 { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:text-orange-200\/50 { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:text-orange-200\/60 { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:text-orange-200\/70 { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:text-orange-200\/80 { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:text-orange-200\/90 { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:text-orange-300 { + color: var(--orange-300) + } + .xl\:text-orange-300\/10 { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:text-orange-300\/20 { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:text-orange-300\/30 { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:text-orange-300\/40 { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:text-orange-300\/50 { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:text-orange-300\/60 { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:text-orange-300\/70 { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:text-orange-300\/80 { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:text-orange-300\/90 { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:text-orange-400 { + color: var(--orange-400) + } + .xl\:text-orange-400\/10 { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:text-orange-400\/20 { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:text-orange-400\/30 { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:text-orange-400\/40 { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:text-orange-400\/50 { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:text-orange-400\/60 { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:text-orange-400\/70 { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:text-orange-400\/80 { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:text-orange-400\/90 { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:text-orange-500 { + color: var(--orange-500) + } + .xl\:text-orange-500\/10 { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:text-orange-500\/20 { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:text-orange-500\/30 { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:text-orange-500\/40 { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:text-orange-500\/50 { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:text-orange-500\/60 { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:text-orange-500\/70 { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:text-orange-500\/80 { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:text-orange-500\/90 { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:text-orange-600 { + color: var(--orange-600) + } + .xl\:text-orange-600\/10 { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:text-orange-600\/20 { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:text-orange-600\/30 { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:text-orange-600\/40 { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:text-orange-600\/50 { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:text-orange-600\/60 { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:text-orange-600\/70 { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:text-orange-600\/80 { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:text-orange-600\/90 { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:text-orange-700 { + color: var(--orange-700) + } + .xl\:text-orange-700\/10 { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:text-orange-700\/20 { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:text-orange-700\/30 { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:text-orange-700\/40 { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:text-orange-700\/50 { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:text-orange-700\/60 { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:text-orange-700\/70 { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:text-orange-700\/80 { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:text-orange-700\/90 { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:text-orange-800 { + color: var(--orange-800) + } + .xl\:text-orange-800\/10 { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:text-orange-800\/20 { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:text-orange-800\/30 { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:text-orange-800\/40 { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:text-orange-800\/50 { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:text-orange-800\/60 { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:text-orange-800\/70 { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:text-orange-800\/80 { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:text-orange-800\/90 { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:text-orange-900 { + color: var(--orange-900) + } + .xl\:text-orange-900\/10 { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:text-orange-900\/20 { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:text-orange-900\/30 { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:text-orange-900\/40 { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:text-orange-900\/50 { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:text-orange-900\/60 { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:text-orange-900\/70 { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:text-orange-900\/80 { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:text-orange-900\/90 { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:text-bluegray-50 { + color: var(--bluegray-50) + } + .xl\:text-bluegray-50\/10 { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:text-bluegray-50\/20 { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:text-bluegray-50\/30 { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:text-bluegray-50\/40 { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:text-bluegray-50\/50 { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:text-bluegray-50\/60 { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:text-bluegray-50\/70 { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:text-bluegray-50\/80 { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:text-bluegray-50\/90 { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:text-bluegray-100 { + color: var(--bluegray-100) + } + .xl\:text-bluegray-100\/10 { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:text-bluegray-100\/20 { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:text-bluegray-100\/30 { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:text-bluegray-100\/40 { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:text-bluegray-100\/50 { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:text-bluegray-100\/60 { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:text-bluegray-100\/70 { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:text-bluegray-100\/80 { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:text-bluegray-100\/90 { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:text-bluegray-200 { + color: var(--bluegray-200) + } + .xl\:text-bluegray-200\/10 { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:text-bluegray-200\/20 { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:text-bluegray-200\/30 { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:text-bluegray-200\/40 { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:text-bluegray-200\/50 { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:text-bluegray-200\/60 { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:text-bluegray-200\/70 { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:text-bluegray-200\/80 { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:text-bluegray-200\/90 { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:text-bluegray-300 { + color: var(--bluegray-300) + } + .xl\:text-bluegray-300\/10 { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:text-bluegray-300\/20 { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:text-bluegray-300\/30 { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:text-bluegray-300\/40 { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:text-bluegray-300\/50 { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:text-bluegray-300\/60 { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:text-bluegray-300\/70 { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:text-bluegray-300\/80 { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:text-bluegray-300\/90 { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:text-bluegray-400 { + color: var(--bluegray-400) + } + .xl\:text-bluegray-400\/10 { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:text-bluegray-400\/20 { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:text-bluegray-400\/30 { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:text-bluegray-400\/40 { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:text-bluegray-400\/50 { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:text-bluegray-400\/60 { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:text-bluegray-400\/70 { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:text-bluegray-400\/80 { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:text-bluegray-400\/90 { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:text-bluegray-500 { + color: var(--bluegray-500) + } + .xl\:text-bluegray-500\/10 { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:text-bluegray-500\/20 { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:text-bluegray-500\/30 { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:text-bluegray-500\/40 { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:text-bluegray-500\/50 { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:text-bluegray-500\/60 { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:text-bluegray-500\/70 { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:text-bluegray-500\/80 { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:text-bluegray-500\/90 { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:text-bluegray-600 { + color: var(--bluegray-600) + } + .xl\:text-bluegray-600\/10 { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:text-bluegray-600\/20 { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:text-bluegray-600\/30 { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:text-bluegray-600\/40 { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:text-bluegray-600\/50 { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:text-bluegray-600\/60 { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:text-bluegray-600\/70 { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:text-bluegray-600\/80 { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:text-bluegray-600\/90 { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:text-bluegray-700 { + color: var(--bluegray-700) + } + .xl\:text-bluegray-700\/10 { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:text-bluegray-700\/20 { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:text-bluegray-700\/30 { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:text-bluegray-700\/40 { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:text-bluegray-700\/50 { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:text-bluegray-700\/60 { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:text-bluegray-700\/70 { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:text-bluegray-700\/80 { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:text-bluegray-700\/90 { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:text-bluegray-800 { + color: var(--bluegray-800) + } + .xl\:text-bluegray-800\/10 { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:text-bluegray-800\/20 { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:text-bluegray-800\/30 { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:text-bluegray-800\/40 { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:text-bluegray-800\/50 { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:text-bluegray-800\/60 { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:text-bluegray-800\/70 { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:text-bluegray-800\/80 { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:text-bluegray-800\/90 { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:text-bluegray-900 { + color: var(--bluegray-900) + } + .xl\:text-bluegray-900\/10 { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:text-bluegray-900\/20 { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:text-bluegray-900\/30 { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:text-bluegray-900\/40 { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:text-bluegray-900\/50 { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:text-bluegray-900\/60 { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:text-bluegray-900\/70 { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:text-bluegray-900\/80 { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:text-bluegray-900\/90 { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:text-purple-50 { + color: var(--purple-50) + } + .xl\:text-purple-50\/10 { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:text-purple-50\/20 { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:text-purple-50\/30 { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:text-purple-50\/40 { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:text-purple-50\/50 { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:text-purple-50\/60 { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:text-purple-50\/70 { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:text-purple-50\/80 { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:text-purple-50\/90 { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:text-purple-100 { + color: var(--purple-100) + } + .xl\:text-purple-100\/10 { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:text-purple-100\/20 { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:text-purple-100\/30 { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:text-purple-100\/40 { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:text-purple-100\/50 { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:text-purple-100\/60 { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:text-purple-100\/70 { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:text-purple-100\/80 { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:text-purple-100\/90 { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:text-purple-200 { + color: var(--purple-200) + } + .xl\:text-purple-200\/10 { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:text-purple-200\/20 { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:text-purple-200\/30 { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:text-purple-200\/40 { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:text-purple-200\/50 { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:text-purple-200\/60 { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:text-purple-200\/70 { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:text-purple-200\/80 { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:text-purple-200\/90 { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:text-purple-300 { + color: var(--purple-300) + } + .xl\:text-purple-300\/10 { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:text-purple-300\/20 { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:text-purple-300\/30 { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:text-purple-300\/40 { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:text-purple-300\/50 { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:text-purple-300\/60 { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:text-purple-300\/70 { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:text-purple-300\/80 { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:text-purple-300\/90 { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:text-purple-400 { + color: var(--purple-400) + } + .xl\:text-purple-400\/10 { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:text-purple-400\/20 { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:text-purple-400\/30 { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:text-purple-400\/40 { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:text-purple-400\/50 { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:text-purple-400\/60 { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:text-purple-400\/70 { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:text-purple-400\/80 { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:text-purple-400\/90 { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:text-purple-500 { + color: var(--purple-500) + } + .xl\:text-purple-500\/10 { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:text-purple-500\/20 { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:text-purple-500\/30 { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:text-purple-500\/40 { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:text-purple-500\/50 { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:text-purple-500\/60 { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:text-purple-500\/70 { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:text-purple-500\/80 { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:text-purple-500\/90 { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:text-purple-600 { + color: var(--purple-600) + } + .xl\:text-purple-600\/10 { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:text-purple-600\/20 { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:text-purple-600\/30 { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:text-purple-600\/40 { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:text-purple-600\/50 { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:text-purple-600\/60 { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:text-purple-600\/70 { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:text-purple-600\/80 { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:text-purple-600\/90 { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:text-purple-700 { + color: var(--purple-700) + } + .xl\:text-purple-700\/10 { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:text-purple-700\/20 { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:text-purple-700\/30 { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:text-purple-700\/40 { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:text-purple-700\/50 { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:text-purple-700\/60 { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:text-purple-700\/70 { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:text-purple-700\/80 { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:text-purple-700\/90 { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:text-purple-800 { + color: var(--purple-800) + } + .xl\:text-purple-800\/10 { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:text-purple-800\/20 { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:text-purple-800\/30 { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:text-purple-800\/40 { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:text-purple-800\/50 { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:text-purple-800\/60 { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:text-purple-800\/70 { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:text-purple-800\/80 { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:text-purple-800\/90 { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:text-purple-900 { + color: var(--purple-900) + } + .xl\:text-purple-900\/10 { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:text-purple-900\/20 { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:text-purple-900\/30 { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:text-purple-900\/40 { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:text-purple-900\/50 { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:text-purple-900\/60 { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:text-purple-900\/70 { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:text-purple-900\/80 { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:text-purple-900\/90 { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:text-red-50 { + color: var(--red-50) + } + .xl\:text-red-50\/10 { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:text-red-50\/20 { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:text-red-50\/30 { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:text-red-50\/40 { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:text-red-50\/50 { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:text-red-50\/60 { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:text-red-50\/70 { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:text-red-50\/80 { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:text-red-50\/90 { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:text-red-100 { + color: var(--red-100) + } + .xl\:text-red-100\/10 { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:text-red-100\/20 { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:text-red-100\/30 { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:text-red-100\/40 { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:text-red-100\/50 { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:text-red-100\/60 { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:text-red-100\/70 { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:text-red-100\/80 { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:text-red-100\/90 { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:text-red-200 { + color: var(--red-200) + } + .xl\:text-red-200\/10 { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:text-red-200\/20 { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:text-red-200\/30 { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:text-red-200\/40 { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:text-red-200\/50 { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:text-red-200\/60 { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:text-red-200\/70 { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:text-red-200\/80 { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:text-red-200\/90 { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:text-red-300 { + color: var(--red-300) + } + .xl\:text-red-300\/10 { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:text-red-300\/20 { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:text-red-300\/30 { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:text-red-300\/40 { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:text-red-300\/50 { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:text-red-300\/60 { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:text-red-300\/70 { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:text-red-300\/80 { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:text-red-300\/90 { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:text-red-400 { + color: var(--red-400) + } + .xl\:text-red-400\/10 { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:text-red-400\/20 { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:text-red-400\/30 { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:text-red-400\/40 { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:text-red-400\/50 { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:text-red-400\/60 { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:text-red-400\/70 { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:text-red-400\/80 { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:text-red-400\/90 { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:text-red-500 { + color: var(--red-500) + } + .xl\:text-red-500\/10 { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:text-red-500\/20 { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:text-red-500\/30 { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:text-red-500\/40 { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:text-red-500\/50 { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:text-red-500\/60 { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:text-red-500\/70 { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:text-red-500\/80 { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:text-red-500\/90 { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:text-red-600 { + color: var(--red-600) + } + .xl\:text-red-600\/10 { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:text-red-600\/20 { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:text-red-600\/30 { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:text-red-600\/40 { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:text-red-600\/50 { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:text-red-600\/60 { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:text-red-600\/70 { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:text-red-600\/80 { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:text-red-600\/90 { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:text-red-700 { + color: var(--red-700) + } + .xl\:text-red-700\/10 { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:text-red-700\/20 { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:text-red-700\/30 { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:text-red-700\/40 { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:text-red-700\/50 { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:text-red-700\/60 { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:text-red-700\/70 { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:text-red-700\/80 { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:text-red-700\/90 { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:text-red-800 { + color: var(--red-800) + } + .xl\:text-red-800\/10 { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:text-red-800\/20 { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:text-red-800\/30 { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:text-red-800\/40 { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:text-red-800\/50 { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:text-red-800\/60 { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:text-red-800\/70 { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:text-red-800\/80 { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:text-red-800\/90 { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:text-red-900 { + color: var(--red-900) + } + .xl\:text-red-900\/10 { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:text-red-900\/20 { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:text-red-900\/30 { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:text-red-900\/40 { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:text-red-900\/50 { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:text-red-900\/60 { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:text-red-900\/70 { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:text-red-900\/80 { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:text-red-900\/90 { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:text-gray-50 { + color: var(--gray-50) + } + .xl\:text-gray-50\/10 { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:text-gray-50\/20 { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:text-gray-50\/30 { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:text-gray-50\/40 { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:text-gray-50\/50 { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:text-gray-50\/60 { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:text-gray-50\/70 { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:text-gray-50\/80 { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:text-gray-50\/90 { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:text-gray-100 { + color: var(--gray-100) + } + .xl\:text-gray-100\/10 { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:text-gray-100\/20 { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:text-gray-100\/30 { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:text-gray-100\/40 { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:text-gray-100\/50 { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:text-gray-100\/60 { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:text-gray-100\/70 { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:text-gray-100\/80 { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:text-gray-100\/90 { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:text-gray-200 { + color: var(--gray-200) + } + .xl\:text-gray-200\/10 { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:text-gray-200\/20 { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:text-gray-200\/30 { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:text-gray-200\/40 { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:text-gray-200\/50 { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:text-gray-200\/60 { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:text-gray-200\/70 { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:text-gray-200\/80 { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:text-gray-200\/90 { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:text-gray-300 { + color: var(--gray-300) + } + .xl\:text-gray-300\/10 { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:text-gray-300\/20 { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:text-gray-300\/30 { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:text-gray-300\/40 { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:text-gray-300\/50 { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:text-gray-300\/60 { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:text-gray-300\/70 { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:text-gray-300\/80 { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:text-gray-300\/90 { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:text-gray-400 { + color: var(--gray-400) + } + .xl\:text-gray-400\/10 { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:text-gray-400\/20 { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:text-gray-400\/30 { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:text-gray-400\/40 { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:text-gray-400\/50 { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:text-gray-400\/60 { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:text-gray-400\/70 { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:text-gray-400\/80 { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:text-gray-400\/90 { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:text-gray-500 { + color: var(--gray-500) + } + .xl\:text-gray-500\/10 { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:text-gray-500\/20 { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:text-gray-500\/30 { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:text-gray-500\/40 { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:text-gray-500\/50 { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:text-gray-500\/60 { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:text-gray-500\/70 { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:text-gray-500\/80 { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:text-gray-500\/90 { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:text-gray-600 { + color: var(--gray-600) + } + .xl\:text-gray-600\/10 { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:text-gray-600\/20 { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:text-gray-600\/30 { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:text-gray-600\/40 { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:text-gray-600\/50 { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:text-gray-600\/60 { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:text-gray-600\/70 { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:text-gray-600\/80 { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:text-gray-600\/90 { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:text-gray-700 { + color: var(--gray-700) + } + .xl\:text-gray-700\/10 { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:text-gray-700\/20 { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:text-gray-700\/30 { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:text-gray-700\/40 { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:text-gray-700\/50 { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:text-gray-700\/60 { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:text-gray-700\/70 { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:text-gray-700\/80 { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:text-gray-700\/90 { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:text-gray-800 { + color: var(--gray-800) + } + .xl\:text-gray-800\/10 { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:text-gray-800\/20 { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:text-gray-800\/30 { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:text-gray-800\/40 { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:text-gray-800\/50 { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:text-gray-800\/60 { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:text-gray-800\/70 { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:text-gray-800\/80 { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:text-gray-800\/90 { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:text-gray-900 { + color: var(--gray-900) + } + .xl\:text-gray-900\/10 { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:text-gray-900\/20 { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:text-gray-900\/30 { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:text-gray-900\/40 { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:text-gray-900\/50 { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:text-gray-900\/60 { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:text-gray-900\/70 { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:text-gray-900\/80 { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:text-gray-900\/90 { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:text-surface-0 { + color: var(--surface-0) + } + .xl\:text-surface-0\/10 { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:text-surface-0\/20 { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:text-surface-0\/30 { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:text-surface-0\/40 { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:text-surface-0\/50 { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:text-surface-0\/60 { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:text-surface-0\/70 { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:text-surface-0\/80 { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:text-surface-0\/90 { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:text-surface-50 { + color: var(--surface-50) + } + .xl\:text-surface-50\/10 { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:text-surface-50\/20 { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:text-surface-50\/30 { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:text-surface-50\/40 { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:text-surface-50\/50 { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:text-surface-50\/60 { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:text-surface-50\/70 { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:text-surface-50\/80 { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:text-surface-50\/90 { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:text-surface-100 { + color: var(--surface-100) + } + .xl\:text-surface-100\/10 { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:text-surface-100\/20 { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:text-surface-100\/30 { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:text-surface-100\/40 { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:text-surface-100\/50 { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:text-surface-100\/60 { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:text-surface-100\/70 { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:text-surface-100\/80 { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:text-surface-100\/90 { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:text-surface-200 { + color: var(--surface-200) + } + .xl\:text-surface-200\/10 { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:text-surface-200\/20 { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:text-surface-200\/30 { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:text-surface-200\/40 { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:text-surface-200\/50 { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:text-surface-200\/60 { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:text-surface-200\/70 { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:text-surface-200\/80 { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:text-surface-200\/90 { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:text-surface-300 { + color: var(--surface-300) + } + .xl\:text-surface-300\/10 { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:text-surface-300\/20 { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:text-surface-300\/30 { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:text-surface-300\/40 { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:text-surface-300\/50 { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:text-surface-300\/60 { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:text-surface-300\/70 { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:text-surface-300\/80 { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:text-surface-300\/90 { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:text-surface-400 { + color: var(--surface-400) + } + .xl\:text-surface-400\/10 { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:text-surface-400\/20 { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:text-surface-400\/30 { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:text-surface-400\/40 { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:text-surface-400\/50 { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:text-surface-400\/60 { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:text-surface-400\/70 { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:text-surface-400\/80 { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:text-surface-400\/90 { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:text-surface-500 { + color: var(--surface-500) + } + .xl\:text-surface-500\/10 { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:text-surface-500\/20 { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:text-surface-500\/30 { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:text-surface-500\/40 { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:text-surface-500\/50 { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:text-surface-500\/60 { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:text-surface-500\/70 { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:text-surface-500\/80 { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:text-surface-500\/90 { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:text-surface-600 { + color: var(--surface-600) + } + .xl\:text-surface-600\/10 { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:text-surface-600\/20 { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:text-surface-600\/30 { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:text-surface-600\/40 { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:text-surface-600\/50 { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:text-surface-600\/60 { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:text-surface-600\/70 { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:text-surface-600\/80 { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:text-surface-600\/90 { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:text-surface-700 { + color: var(--surface-700) + } + .xl\:text-surface-700\/10 { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:text-surface-700\/20 { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:text-surface-700\/30 { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:text-surface-700\/40 { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:text-surface-700\/50 { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:text-surface-700\/60 { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:text-surface-700\/70 { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:text-surface-700\/80 { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:text-surface-700\/90 { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:text-surface-800 { + color: var(--surface-800) + } + .xl\:text-surface-800\/10 { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:text-surface-800\/20 { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:text-surface-800\/30 { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:text-surface-800\/40 { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:text-surface-800\/50 { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:text-surface-800\/60 { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:text-surface-800\/70 { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:text-surface-800\/80 { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:text-surface-800\/90 { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:text-surface-900 { + color: var(--surface-900) + } + .xl\:text-surface-900\/10 { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:text-surface-900\/20 { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:text-surface-900\/30 { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:text-surface-900\/40 { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:text-surface-900\/50 { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:text-surface-900\/60 { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:text-surface-900\/70 { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:text-surface-900\/80 { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:text-surface-900\/90 { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:text-primary-50 { + color: var(--primary-50) + } + .xl\:text-primary-50\/10 { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:text-primary-50\/20 { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:text-primary-50\/30 { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:text-primary-50\/40 { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:text-primary-50\/50 { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:text-primary-50\/60 { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:text-primary-50\/70 { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:text-primary-50\/80 { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:text-primary-50\/90 { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:text-primary-100 { + color: var(--primary-100) + } + .xl\:text-primary-100\/10 { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:text-primary-100\/20 { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:text-primary-100\/30 { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:text-primary-100\/40 { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:text-primary-100\/50 { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:text-primary-100\/60 { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:text-primary-100\/70 { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:text-primary-100\/80 { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:text-primary-100\/90 { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:text-primary-200 { + color: var(--primary-200) + } + .xl\:text-primary-200\/10 { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:text-primary-200\/20 { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:text-primary-200\/30 { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:text-primary-200\/40 { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:text-primary-200\/50 { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:text-primary-200\/60 { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:text-primary-200\/70 { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:text-primary-200\/80 { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:text-primary-200\/90 { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:text-primary-300 { + color: var(--primary-300) + } + .xl\:text-primary-300\/10 { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:text-primary-300\/20 { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:text-primary-300\/30 { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:text-primary-300\/40 { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:text-primary-300\/50 { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:text-primary-300\/60 { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:text-primary-300\/70 { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:text-primary-300\/80 { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:text-primary-300\/90 { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:text-primary-400 { + color: var(--primary-400) + } + .xl\:text-primary-400\/10 { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:text-primary-400\/20 { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:text-primary-400\/30 { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:text-primary-400\/40 { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:text-primary-400\/50 { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:text-primary-400\/60 { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:text-primary-400\/70 { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:text-primary-400\/80 { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:text-primary-400\/90 { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:text-primary-500 { + color: var(--primary-500) + } + .xl\:text-primary-500\/10 { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:text-primary-500\/20 { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:text-primary-500\/30 { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:text-primary-500\/40 { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:text-primary-500\/50 { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:text-primary-500\/60 { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:text-primary-500\/70 { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:text-primary-500\/80 { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:text-primary-500\/90 { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:text-primary-600 { + color: var(--primary-600) + } + .xl\:text-primary-600\/10 { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:text-primary-600\/20 { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:text-primary-600\/30 { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:text-primary-600\/40 { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:text-primary-600\/50 { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:text-primary-600\/60 { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:text-primary-600\/70 { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:text-primary-600\/80 { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:text-primary-600\/90 { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:text-primary-700 { + color: var(--primary-700) + } + .xl\:text-primary-700\/10 { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:text-primary-700\/20 { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:text-primary-700\/30 { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:text-primary-700\/40 { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:text-primary-700\/50 { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:text-primary-700\/60 { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:text-primary-700\/70 { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:text-primary-700\/80 { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:text-primary-700\/90 { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:text-primary-800 { + color: var(--primary-800) + } + .xl\:text-primary-800\/10 { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:text-primary-800\/20 { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:text-primary-800\/30 { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:text-primary-800\/40 { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:text-primary-800\/50 { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:text-primary-800\/60 { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:text-primary-800\/70 { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:text-primary-800\/80 { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:text-primary-800\/90 { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:text-primary-900 { + color: var(--primary-900) + } + .xl\:text-primary-900\/10 { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:text-primary-900\/20 { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:text-primary-900\/30 { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:text-primary-900\/40 { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:text-primary-900\/50 { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:text-primary-900\/60 { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:text-primary-900\/70 { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:text-primary-900\/80 { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:text-primary-900\/90 { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:text-blue-50:focus { + color: var(--blue-50) + } + .xl\:hover\:text-blue-50:hover { + color: var(--blue-50) + } + .xl\:active\:text-blue-50:active { + color: var(--blue-50) + } + .xl\:focus\:text-blue-50\/10:focus { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:text-blue-50\/10:hover { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:text-blue-50\/10:active { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:text-blue-50\/20:focus { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:text-blue-50\/20:hover { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:text-blue-50\/20:active { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:text-blue-50\/30:focus { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:text-blue-50\/30:hover { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:text-blue-50\/30:active { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:text-blue-50\/40:focus { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:text-blue-50\/40:hover { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:text-blue-50\/40:active { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:text-blue-50\/50:focus { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:text-blue-50\/50:hover { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:text-blue-50\/50:active { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:text-blue-50\/60:focus { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:text-blue-50\/60:hover { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:text-blue-50\/60:active { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:text-blue-50\/70:focus { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:text-blue-50\/70:hover { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:text-blue-50\/70:active { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:text-blue-50\/80:focus { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:text-blue-50\/80:hover { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:text-blue-50\/80:active { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:text-blue-50\/90:focus { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:text-blue-50\/90:hover { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:text-blue-50\/90:active { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:text-blue-100:focus { + color: var(--blue-100) + } + .xl\:hover\:text-blue-100:hover { + color: var(--blue-100) + } + .xl\:active\:text-blue-100:active { + color: var(--blue-100) + } + .xl\:focus\:text-blue-100\/10:focus { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:text-blue-100\/10:hover { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:text-blue-100\/10:active { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:text-blue-100\/20:focus { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:text-blue-100\/20:hover { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:text-blue-100\/20:active { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:text-blue-100\/30:focus { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:text-blue-100\/30:hover { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:text-blue-100\/30:active { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:text-blue-100\/40:focus { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:text-blue-100\/40:hover { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:text-blue-100\/40:active { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:text-blue-100\/50:focus { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:text-blue-100\/50:hover { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:text-blue-100\/50:active { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:text-blue-100\/60:focus { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:text-blue-100\/60:hover { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:text-blue-100\/60:active { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:text-blue-100\/70:focus { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:text-blue-100\/70:hover { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:text-blue-100\/70:active { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:text-blue-100\/80:focus { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:text-blue-100\/80:hover { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:text-blue-100\/80:active { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:text-blue-100\/90:focus { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:text-blue-100\/90:hover { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:text-blue-100\/90:active { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:text-blue-200:focus { + color: var(--blue-200) + } + .xl\:hover\:text-blue-200:hover { + color: var(--blue-200) + } + .xl\:active\:text-blue-200:active { + color: var(--blue-200) + } + .xl\:focus\:text-blue-200\/10:focus { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:text-blue-200\/10:hover { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:text-blue-200\/10:active { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:text-blue-200\/20:focus { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:text-blue-200\/20:hover { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:text-blue-200\/20:active { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:text-blue-200\/30:focus { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:text-blue-200\/30:hover { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:text-blue-200\/30:active { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:text-blue-200\/40:focus { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:text-blue-200\/40:hover { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:text-blue-200\/40:active { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:text-blue-200\/50:focus { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:text-blue-200\/50:hover { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:text-blue-200\/50:active { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:text-blue-200\/60:focus { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:text-blue-200\/60:hover { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:text-blue-200\/60:active { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:text-blue-200\/70:focus { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:text-blue-200\/70:hover { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:text-blue-200\/70:active { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:text-blue-200\/80:focus { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:text-blue-200\/80:hover { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:text-blue-200\/80:active { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:text-blue-200\/90:focus { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:text-blue-200\/90:hover { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:text-blue-200\/90:active { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:text-blue-300:focus { + color: var(--blue-300) + } + .xl\:hover\:text-blue-300:hover { + color: var(--blue-300) + } + .xl\:active\:text-blue-300:active { + color: var(--blue-300) + } + .xl\:focus\:text-blue-300\/10:focus { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:text-blue-300\/10:hover { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:text-blue-300\/10:active { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:text-blue-300\/20:focus { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:text-blue-300\/20:hover { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:text-blue-300\/20:active { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:text-blue-300\/30:focus { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:text-blue-300\/30:hover { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:text-blue-300\/30:active { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:text-blue-300\/40:focus { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:text-blue-300\/40:hover { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:text-blue-300\/40:active { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:text-blue-300\/50:focus { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:text-blue-300\/50:hover { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:text-blue-300\/50:active { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:text-blue-300\/60:focus { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:text-blue-300\/60:hover { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:text-blue-300\/60:active { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:text-blue-300\/70:focus { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:text-blue-300\/70:hover { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:text-blue-300\/70:active { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:text-blue-300\/80:focus { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:text-blue-300\/80:hover { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:text-blue-300\/80:active { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:text-blue-300\/90:focus { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:text-blue-300\/90:hover { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:text-blue-300\/90:active { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:text-blue-400:focus { + color: var(--blue-400) + } + .xl\:hover\:text-blue-400:hover { + color: var(--blue-400) + } + .xl\:active\:text-blue-400:active { + color: var(--blue-400) + } + .xl\:focus\:text-blue-400\/10:focus { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:text-blue-400\/10:hover { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:text-blue-400\/10:active { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:text-blue-400\/20:focus { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:text-blue-400\/20:hover { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:text-blue-400\/20:active { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:text-blue-400\/30:focus { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:text-blue-400\/30:hover { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:text-blue-400\/30:active { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:text-blue-400\/40:focus { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:text-blue-400\/40:hover { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:text-blue-400\/40:active { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:text-blue-400\/50:focus { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:text-blue-400\/50:hover { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:text-blue-400\/50:active { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:text-blue-400\/60:focus { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:text-blue-400\/60:hover { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:text-blue-400\/60:active { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:text-blue-400\/70:focus { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:text-blue-400\/70:hover { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:text-blue-400\/70:active { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:text-blue-400\/80:focus { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:text-blue-400\/80:hover { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:text-blue-400\/80:active { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:text-blue-400\/90:focus { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:text-blue-400\/90:hover { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:text-blue-400\/90:active { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:text-blue-500:focus { + color: var(--blue-500) + } + .xl\:hover\:text-blue-500:hover { + color: var(--blue-500) + } + .xl\:active\:text-blue-500:active { + color: var(--blue-500) + } + .xl\:focus\:text-blue-500\/10:focus { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:text-blue-500\/10:hover { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:text-blue-500\/10:active { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:text-blue-500\/20:focus { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:text-blue-500\/20:hover { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:text-blue-500\/20:active { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:text-blue-500\/30:focus { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:text-blue-500\/30:hover { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:text-blue-500\/30:active { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:text-blue-500\/40:focus { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:text-blue-500\/40:hover { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:text-blue-500\/40:active { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:text-blue-500\/50:focus { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:text-blue-500\/50:hover { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:text-blue-500\/50:active { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:text-blue-500\/60:focus { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:text-blue-500\/60:hover { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:text-blue-500\/60:active { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:text-blue-500\/70:focus { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:text-blue-500\/70:hover { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:text-blue-500\/70:active { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:text-blue-500\/80:focus { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:text-blue-500\/80:hover { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:text-blue-500\/80:active { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:text-blue-500\/90:focus { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:text-blue-500\/90:hover { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:text-blue-500\/90:active { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:text-blue-600:focus { + color: var(--blue-600) + } + .xl\:hover\:text-blue-600:hover { + color: var(--blue-600) + } + .xl\:active\:text-blue-600:active { + color: var(--blue-600) + } + .xl\:focus\:text-blue-600\/10:focus { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:text-blue-600\/10:hover { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:text-blue-600\/10:active { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:text-blue-600\/20:focus { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:text-blue-600\/20:hover { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:text-blue-600\/20:active { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:text-blue-600\/30:focus { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:text-blue-600\/30:hover { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:text-blue-600\/30:active { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:text-blue-600\/40:focus { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:text-blue-600\/40:hover { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:text-blue-600\/40:active { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:text-blue-600\/50:focus { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:text-blue-600\/50:hover { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:text-blue-600\/50:active { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:text-blue-600\/60:focus { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:text-blue-600\/60:hover { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:text-blue-600\/60:active { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:text-blue-600\/70:focus { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:text-blue-600\/70:hover { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:text-blue-600\/70:active { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:text-blue-600\/80:focus { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:text-blue-600\/80:hover { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:text-blue-600\/80:active { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:text-blue-600\/90:focus { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:text-blue-600\/90:hover { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:text-blue-600\/90:active { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:text-blue-700:focus { + color: var(--blue-700) + } + .xl\:hover\:text-blue-700:hover { + color: var(--blue-700) + } + .xl\:active\:text-blue-700:active { + color: var(--blue-700) + } + .xl\:focus\:text-blue-700\/10:focus { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:text-blue-700\/10:hover { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:text-blue-700\/10:active { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:text-blue-700\/20:focus { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:text-blue-700\/20:hover { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:text-blue-700\/20:active { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:text-blue-700\/30:focus { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:text-blue-700\/30:hover { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:text-blue-700\/30:active { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:text-blue-700\/40:focus { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:text-blue-700\/40:hover { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:text-blue-700\/40:active { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:text-blue-700\/50:focus { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:text-blue-700\/50:hover { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:text-blue-700\/50:active { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:text-blue-700\/60:focus { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:text-blue-700\/60:hover { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:text-blue-700\/60:active { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:text-blue-700\/70:focus { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:text-blue-700\/70:hover { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:text-blue-700\/70:active { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:text-blue-700\/80:focus { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:text-blue-700\/80:hover { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:text-blue-700\/80:active { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:text-blue-700\/90:focus { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:text-blue-700\/90:hover { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:text-blue-700\/90:active { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:text-blue-800:focus { + color: var(--blue-800) + } + .xl\:hover\:text-blue-800:hover { + color: var(--blue-800) + } + .xl\:active\:text-blue-800:active { + color: var(--blue-800) + } + .xl\:focus\:text-blue-800\/10:focus { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:text-blue-800\/10:hover { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:text-blue-800\/10:active { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:text-blue-800\/20:focus { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:text-blue-800\/20:hover { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:text-blue-800\/20:active { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:text-blue-800\/30:focus { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:text-blue-800\/30:hover { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:text-blue-800\/30:active { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:text-blue-800\/40:focus { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:text-blue-800\/40:hover { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:text-blue-800\/40:active { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:text-blue-800\/50:focus { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:text-blue-800\/50:hover { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:text-blue-800\/50:active { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:text-blue-800\/60:focus { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:text-blue-800\/60:hover { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:text-blue-800\/60:active { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:text-blue-800\/70:focus { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:text-blue-800\/70:hover { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:text-blue-800\/70:active { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:text-blue-800\/80:focus { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:text-blue-800\/80:hover { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:text-blue-800\/80:active { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:text-blue-800\/90:focus { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:text-blue-800\/90:hover { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:text-blue-800\/90:active { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:text-blue-900:focus { + color: var(--blue-900) + } + .xl\:hover\:text-blue-900:hover { + color: var(--blue-900) + } + .xl\:active\:text-blue-900:active { + color: var(--blue-900) + } + .xl\:focus\:text-blue-900\/10:focus { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:text-blue-900\/10:hover { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:text-blue-900\/10:active { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:text-blue-900\/20:focus { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:text-blue-900\/20:hover { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:text-blue-900\/20:active { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:text-blue-900\/30:focus { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:text-blue-900\/30:hover { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:text-blue-900\/30:active { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:text-blue-900\/40:focus { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:text-blue-900\/40:hover { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:text-blue-900\/40:active { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:text-blue-900\/50:focus { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:text-blue-900\/50:hover { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:text-blue-900\/50:active { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:text-blue-900\/60:focus { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:text-blue-900\/60:hover { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:text-blue-900\/60:active { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:text-blue-900\/70:focus { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:text-blue-900\/70:hover { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:text-blue-900\/70:active { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:text-blue-900\/80:focus { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:text-blue-900\/80:hover { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:text-blue-900\/80:active { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:text-blue-900\/90:focus { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:text-blue-900\/90:hover { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:text-blue-900\/90:active { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:text-green-50:focus { + color: var(--green-50) + } + .xl\:hover\:text-green-50:hover { + color: var(--green-50) + } + .xl\:active\:text-green-50:active { + color: var(--green-50) + } + .xl\:focus\:text-green-50\/10:focus { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:text-green-50\/10:hover { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:text-green-50\/10:active { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:text-green-50\/20:focus { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:text-green-50\/20:hover { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:text-green-50\/20:active { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:text-green-50\/30:focus { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:text-green-50\/30:hover { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:text-green-50\/30:active { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:text-green-50\/40:focus { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:text-green-50\/40:hover { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:text-green-50\/40:active { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:text-green-50\/50:focus { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:text-green-50\/50:hover { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:text-green-50\/50:active { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:text-green-50\/60:focus { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:text-green-50\/60:hover { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:text-green-50\/60:active { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:text-green-50\/70:focus { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:text-green-50\/70:hover { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:text-green-50\/70:active { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:text-green-50\/80:focus { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:text-green-50\/80:hover { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:text-green-50\/80:active { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:text-green-50\/90:focus { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:text-green-50\/90:hover { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:text-green-50\/90:active { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:text-green-100:focus { + color: var(--green-100) + } + .xl\:hover\:text-green-100:hover { + color: var(--green-100) + } + .xl\:active\:text-green-100:active { + color: var(--green-100) + } + .xl\:focus\:text-green-100\/10:focus { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:text-green-100\/10:hover { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:text-green-100\/10:active { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:text-green-100\/20:focus { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:text-green-100\/20:hover { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:text-green-100\/20:active { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:text-green-100\/30:focus { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:text-green-100\/30:hover { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:text-green-100\/30:active { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:text-green-100\/40:focus { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:text-green-100\/40:hover { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:text-green-100\/40:active { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:text-green-100\/50:focus { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:text-green-100\/50:hover { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:text-green-100\/50:active { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:text-green-100\/60:focus { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:text-green-100\/60:hover { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:text-green-100\/60:active { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:text-green-100\/70:focus { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:text-green-100\/70:hover { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:text-green-100\/70:active { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:text-green-100\/80:focus { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:text-green-100\/80:hover { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:text-green-100\/80:active { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:text-green-100\/90:focus { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:text-green-100\/90:hover { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:text-green-100\/90:active { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:text-green-200:focus { + color: var(--green-200) + } + .xl\:hover\:text-green-200:hover { + color: var(--green-200) + } + .xl\:active\:text-green-200:active { + color: var(--green-200) + } + .xl\:focus\:text-green-200\/10:focus { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:text-green-200\/10:hover { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:text-green-200\/10:active { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:text-green-200\/20:focus { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:text-green-200\/20:hover { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:text-green-200\/20:active { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:text-green-200\/30:focus { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:text-green-200\/30:hover { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:text-green-200\/30:active { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:text-green-200\/40:focus { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:text-green-200\/40:hover { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:text-green-200\/40:active { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:text-green-200\/50:focus { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:text-green-200\/50:hover { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:text-green-200\/50:active { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:text-green-200\/60:focus { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:text-green-200\/60:hover { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:text-green-200\/60:active { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:text-green-200\/70:focus { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:text-green-200\/70:hover { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:text-green-200\/70:active { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:text-green-200\/80:focus { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:text-green-200\/80:hover { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:text-green-200\/80:active { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:text-green-200\/90:focus { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:text-green-200\/90:hover { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:text-green-200\/90:active { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:text-green-300:focus { + color: var(--green-300) + } + .xl\:hover\:text-green-300:hover { + color: var(--green-300) + } + .xl\:active\:text-green-300:active { + color: var(--green-300) + } + .xl\:focus\:text-green-300\/10:focus { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:text-green-300\/10:hover { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:text-green-300\/10:active { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:text-green-300\/20:focus { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:text-green-300\/20:hover { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:text-green-300\/20:active { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:text-green-300\/30:focus { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:text-green-300\/30:hover { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:text-green-300\/30:active { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:text-green-300\/40:focus { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:text-green-300\/40:hover { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:text-green-300\/40:active { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:text-green-300\/50:focus { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:text-green-300\/50:hover { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:text-green-300\/50:active { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:text-green-300\/60:focus { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:text-green-300\/60:hover { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:text-green-300\/60:active { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:text-green-300\/70:focus { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:text-green-300\/70:hover { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:text-green-300\/70:active { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:text-green-300\/80:focus { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:text-green-300\/80:hover { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:text-green-300\/80:active { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:text-green-300\/90:focus { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:text-green-300\/90:hover { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:text-green-300\/90:active { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:text-green-400:focus { + color: var(--green-400) + } + .xl\:hover\:text-green-400:hover { + color: var(--green-400) + } + .xl\:active\:text-green-400:active { + color: var(--green-400) + } + .xl\:focus\:text-green-400\/10:focus { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:text-green-400\/10:hover { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:text-green-400\/10:active { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:text-green-400\/20:focus { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:text-green-400\/20:hover { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:text-green-400\/20:active { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:text-green-400\/30:focus { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:text-green-400\/30:hover { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:text-green-400\/30:active { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:text-green-400\/40:focus { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:text-green-400\/40:hover { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:text-green-400\/40:active { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:text-green-400\/50:focus { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:text-green-400\/50:hover { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:text-green-400\/50:active { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:text-green-400\/60:focus { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:text-green-400\/60:hover { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:text-green-400\/60:active { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:text-green-400\/70:focus { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:text-green-400\/70:hover { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:text-green-400\/70:active { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:text-green-400\/80:focus { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:text-green-400\/80:hover { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:text-green-400\/80:active { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:text-green-400\/90:focus { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:text-green-400\/90:hover { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:text-green-400\/90:active { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:text-green-500:focus { + color: var(--green-500) + } + .xl\:hover\:text-green-500:hover { + color: var(--green-500) + } + .xl\:active\:text-green-500:active { + color: var(--green-500) + } + .xl\:focus\:text-green-500\/10:focus { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:text-green-500\/10:hover { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:text-green-500\/10:active { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:text-green-500\/20:focus { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:text-green-500\/20:hover { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:text-green-500\/20:active { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:text-green-500\/30:focus { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:text-green-500\/30:hover { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:text-green-500\/30:active { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:text-green-500\/40:focus { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:text-green-500\/40:hover { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:text-green-500\/40:active { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:text-green-500\/50:focus { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:text-green-500\/50:hover { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:text-green-500\/50:active { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:text-green-500\/60:focus { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:text-green-500\/60:hover { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:text-green-500\/60:active { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:text-green-500\/70:focus { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:text-green-500\/70:hover { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:text-green-500\/70:active { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:text-green-500\/80:focus { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:text-green-500\/80:hover { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:text-green-500\/80:active { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:text-green-500\/90:focus { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:text-green-500\/90:hover { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:text-green-500\/90:active { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:text-green-600:focus { + color: var(--green-600) + } + .xl\:hover\:text-green-600:hover { + color: var(--green-600) + } + .xl\:active\:text-green-600:active { + color: var(--green-600) + } + .xl\:focus\:text-green-600\/10:focus { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:text-green-600\/10:hover { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:text-green-600\/10:active { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:text-green-600\/20:focus { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:text-green-600\/20:hover { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:text-green-600\/20:active { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:text-green-600\/30:focus { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:text-green-600\/30:hover { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:text-green-600\/30:active { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:text-green-600\/40:focus { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:text-green-600\/40:hover { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:text-green-600\/40:active { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:text-green-600\/50:focus { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:text-green-600\/50:hover { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:text-green-600\/50:active { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:text-green-600\/60:focus { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:text-green-600\/60:hover { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:text-green-600\/60:active { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:text-green-600\/70:focus { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:text-green-600\/70:hover { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:text-green-600\/70:active { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:text-green-600\/80:focus { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:text-green-600\/80:hover { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:text-green-600\/80:active { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:text-green-600\/90:focus { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:text-green-600\/90:hover { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:text-green-600\/90:active { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:text-green-700:focus { + color: var(--green-700) + } + .xl\:hover\:text-green-700:hover { + color: var(--green-700) + } + .xl\:active\:text-green-700:active { + color: var(--green-700) + } + .xl\:focus\:text-green-700\/10:focus { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:text-green-700\/10:hover { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:text-green-700\/10:active { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:text-green-700\/20:focus { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:text-green-700\/20:hover { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:text-green-700\/20:active { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:text-green-700\/30:focus { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:text-green-700\/30:hover { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:text-green-700\/30:active { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:text-green-700\/40:focus { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:text-green-700\/40:hover { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:text-green-700\/40:active { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:text-green-700\/50:focus { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:text-green-700\/50:hover { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:text-green-700\/50:active { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:text-green-700\/60:focus { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:text-green-700\/60:hover { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:text-green-700\/60:active { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:text-green-700\/70:focus { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:text-green-700\/70:hover { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:text-green-700\/70:active { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:text-green-700\/80:focus { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:text-green-700\/80:hover { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:text-green-700\/80:active { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:text-green-700\/90:focus { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:text-green-700\/90:hover { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:text-green-700\/90:active { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:text-green-800:focus { + color: var(--green-800) + } + .xl\:hover\:text-green-800:hover { + color: var(--green-800) + } + .xl\:active\:text-green-800:active { + color: var(--green-800) + } + .xl\:focus\:text-green-800\/10:focus { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:text-green-800\/10:hover { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:text-green-800\/10:active { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:text-green-800\/20:focus { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:text-green-800\/20:hover { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:text-green-800\/20:active { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:text-green-800\/30:focus { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:text-green-800\/30:hover { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:text-green-800\/30:active { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:text-green-800\/40:focus { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:text-green-800\/40:hover { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:text-green-800\/40:active { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:text-green-800\/50:focus { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:text-green-800\/50:hover { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:text-green-800\/50:active { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:text-green-800\/60:focus { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:text-green-800\/60:hover { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:text-green-800\/60:active { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:text-green-800\/70:focus { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:text-green-800\/70:hover { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:text-green-800\/70:active { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:text-green-800\/80:focus { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:text-green-800\/80:hover { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:text-green-800\/80:active { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:text-green-800\/90:focus { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:text-green-800\/90:hover { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:text-green-800\/90:active { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:text-green-900:focus { + color: var(--green-900) + } + .xl\:hover\:text-green-900:hover { + color: var(--green-900) + } + .xl\:active\:text-green-900:active { + color: var(--green-900) + } + .xl\:focus\:text-green-900\/10:focus { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:text-green-900\/10:hover { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:text-green-900\/10:active { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:text-green-900\/20:focus { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:text-green-900\/20:hover { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:text-green-900\/20:active { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:text-green-900\/30:focus { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:text-green-900\/30:hover { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:text-green-900\/30:active { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:text-green-900\/40:focus { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:text-green-900\/40:hover { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:text-green-900\/40:active { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:text-green-900\/50:focus { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:text-green-900\/50:hover { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:text-green-900\/50:active { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:text-green-900\/60:focus { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:text-green-900\/60:hover { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:text-green-900\/60:active { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:text-green-900\/70:focus { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:text-green-900\/70:hover { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:text-green-900\/70:active { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:text-green-900\/80:focus { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:text-green-900\/80:hover { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:text-green-900\/80:active { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:text-green-900\/90:focus { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:text-green-900\/90:hover { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:text-green-900\/90:active { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:text-yellow-50:focus { + color: var(--yellow-50) + } + .xl\:hover\:text-yellow-50:hover { + color: var(--yellow-50) + } + .xl\:active\:text-yellow-50:active { + color: var(--yellow-50) + } + .xl\:focus\:text-yellow-50\/10:focus { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:text-yellow-50\/10:hover { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:text-yellow-50\/10:active { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:text-yellow-50\/20:focus { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:text-yellow-50\/20:hover { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:text-yellow-50\/20:active { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:text-yellow-50\/30:focus { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:text-yellow-50\/30:hover { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:text-yellow-50\/30:active { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:text-yellow-50\/40:focus { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:text-yellow-50\/40:hover { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:text-yellow-50\/40:active { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:text-yellow-50\/50:focus { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:text-yellow-50\/50:hover { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:text-yellow-50\/50:active { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:text-yellow-50\/60:focus { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:text-yellow-50\/60:hover { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:text-yellow-50\/60:active { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:text-yellow-50\/70:focus { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:text-yellow-50\/70:hover { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:text-yellow-50\/70:active { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:text-yellow-50\/80:focus { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:text-yellow-50\/80:hover { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:text-yellow-50\/80:active { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:text-yellow-50\/90:focus { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:text-yellow-50\/90:hover { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:text-yellow-50\/90:active { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:text-yellow-100:focus { + color: var(--yellow-100) + } + .xl\:hover\:text-yellow-100:hover { + color: var(--yellow-100) + } + .xl\:active\:text-yellow-100:active { + color: var(--yellow-100) + } + .xl\:focus\:text-yellow-100\/10:focus { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:text-yellow-100\/10:hover { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:text-yellow-100\/10:active { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:text-yellow-100\/20:focus { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:text-yellow-100\/20:hover { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:text-yellow-100\/20:active { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:text-yellow-100\/30:focus { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:text-yellow-100\/30:hover { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:text-yellow-100\/30:active { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:text-yellow-100\/40:focus { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:text-yellow-100\/40:hover { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:text-yellow-100\/40:active { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:text-yellow-100\/50:focus { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:text-yellow-100\/50:hover { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:text-yellow-100\/50:active { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:text-yellow-100\/60:focus { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:text-yellow-100\/60:hover { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:text-yellow-100\/60:active { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:text-yellow-100\/70:focus { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:text-yellow-100\/70:hover { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:text-yellow-100\/70:active { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:text-yellow-100\/80:focus { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:text-yellow-100\/80:hover { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:text-yellow-100\/80:active { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:text-yellow-100\/90:focus { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:text-yellow-100\/90:hover { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:text-yellow-100\/90:active { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:text-yellow-200:focus { + color: var(--yellow-200) + } + .xl\:hover\:text-yellow-200:hover { + color: var(--yellow-200) + } + .xl\:active\:text-yellow-200:active { + color: var(--yellow-200) + } + .xl\:focus\:text-yellow-200\/10:focus { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:text-yellow-200\/10:hover { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:text-yellow-200\/10:active { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:text-yellow-200\/20:focus { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:text-yellow-200\/20:hover { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:text-yellow-200\/20:active { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:text-yellow-200\/30:focus { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:text-yellow-200\/30:hover { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:text-yellow-200\/30:active { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:text-yellow-200\/40:focus { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:text-yellow-200\/40:hover { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:text-yellow-200\/40:active { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:text-yellow-200\/50:focus { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:text-yellow-200\/50:hover { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:text-yellow-200\/50:active { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:text-yellow-200\/60:focus { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:text-yellow-200\/60:hover { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:text-yellow-200\/60:active { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:text-yellow-200\/70:focus { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:text-yellow-200\/70:hover { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:text-yellow-200\/70:active { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:text-yellow-200\/80:focus { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:text-yellow-200\/80:hover { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:text-yellow-200\/80:active { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:text-yellow-200\/90:focus { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:text-yellow-200\/90:hover { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:text-yellow-200\/90:active { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:text-yellow-300:focus { + color: var(--yellow-300) + } + .xl\:hover\:text-yellow-300:hover { + color: var(--yellow-300) + } + .xl\:active\:text-yellow-300:active { + color: var(--yellow-300) + } + .xl\:focus\:text-yellow-300\/10:focus { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:text-yellow-300\/10:hover { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:text-yellow-300\/10:active { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:text-yellow-300\/20:focus { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:text-yellow-300\/20:hover { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:text-yellow-300\/20:active { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:text-yellow-300\/30:focus { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:text-yellow-300\/30:hover { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:text-yellow-300\/30:active { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:text-yellow-300\/40:focus { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:text-yellow-300\/40:hover { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:text-yellow-300\/40:active { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:text-yellow-300\/50:focus { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:text-yellow-300\/50:hover { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:text-yellow-300\/50:active { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:text-yellow-300\/60:focus { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:text-yellow-300\/60:hover { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:text-yellow-300\/60:active { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:text-yellow-300\/70:focus { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:text-yellow-300\/70:hover { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:text-yellow-300\/70:active { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:text-yellow-300\/80:focus { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:text-yellow-300\/80:hover { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:text-yellow-300\/80:active { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:text-yellow-300\/90:focus { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:text-yellow-300\/90:hover { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:text-yellow-300\/90:active { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:text-yellow-400:focus { + color: var(--yellow-400) + } + .xl\:hover\:text-yellow-400:hover { + color: var(--yellow-400) + } + .xl\:active\:text-yellow-400:active { + color: var(--yellow-400) + } + .xl\:focus\:text-yellow-400\/10:focus { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:text-yellow-400\/10:hover { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:text-yellow-400\/10:active { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:text-yellow-400\/20:focus { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:text-yellow-400\/20:hover { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:text-yellow-400\/20:active { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:text-yellow-400\/30:focus { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:text-yellow-400\/30:hover { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:text-yellow-400\/30:active { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:text-yellow-400\/40:focus { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:text-yellow-400\/40:hover { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:text-yellow-400\/40:active { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:text-yellow-400\/50:focus { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:text-yellow-400\/50:hover { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:text-yellow-400\/50:active { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:text-yellow-400\/60:focus { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:text-yellow-400\/60:hover { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:text-yellow-400\/60:active { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:text-yellow-400\/70:focus { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:text-yellow-400\/70:hover { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:text-yellow-400\/70:active { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:text-yellow-400\/80:focus { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:text-yellow-400\/80:hover { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:text-yellow-400\/80:active { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:text-yellow-400\/90:focus { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:text-yellow-400\/90:hover { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:text-yellow-400\/90:active { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:text-yellow-500:focus { + color: var(--yellow-500) + } + .xl\:hover\:text-yellow-500:hover { + color: var(--yellow-500) + } + .xl\:active\:text-yellow-500:active { + color: var(--yellow-500) + } + .xl\:focus\:text-yellow-500\/10:focus { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:text-yellow-500\/10:hover { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:text-yellow-500\/10:active { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:text-yellow-500\/20:focus { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:text-yellow-500\/20:hover { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:text-yellow-500\/20:active { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:text-yellow-500\/30:focus { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:text-yellow-500\/30:hover { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:text-yellow-500\/30:active { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:text-yellow-500\/40:focus { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:text-yellow-500\/40:hover { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:text-yellow-500\/40:active { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:text-yellow-500\/50:focus { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:text-yellow-500\/50:hover { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:text-yellow-500\/50:active { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:text-yellow-500\/60:focus { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:text-yellow-500\/60:hover { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:text-yellow-500\/60:active { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:text-yellow-500\/70:focus { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:text-yellow-500\/70:hover { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:text-yellow-500\/70:active { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:text-yellow-500\/80:focus { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:text-yellow-500\/80:hover { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:text-yellow-500\/80:active { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:text-yellow-500\/90:focus { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:text-yellow-500\/90:hover { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:text-yellow-500\/90:active { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:text-yellow-600:focus { + color: var(--yellow-600) + } + .xl\:hover\:text-yellow-600:hover { + color: var(--yellow-600) + } + .xl\:active\:text-yellow-600:active { + color: var(--yellow-600) + } + .xl\:focus\:text-yellow-600\/10:focus { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:text-yellow-600\/10:hover { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:text-yellow-600\/10:active { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:text-yellow-600\/20:focus { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:text-yellow-600\/20:hover { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:text-yellow-600\/20:active { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:text-yellow-600\/30:focus { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:text-yellow-600\/30:hover { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:text-yellow-600\/30:active { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:text-yellow-600\/40:focus { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:text-yellow-600\/40:hover { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:text-yellow-600\/40:active { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:text-yellow-600\/50:focus { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:text-yellow-600\/50:hover { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:text-yellow-600\/50:active { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:text-yellow-600\/60:focus { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:text-yellow-600\/60:hover { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:text-yellow-600\/60:active { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:text-yellow-600\/70:focus { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:text-yellow-600\/70:hover { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:text-yellow-600\/70:active { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:text-yellow-600\/80:focus { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:text-yellow-600\/80:hover { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:text-yellow-600\/80:active { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:text-yellow-600\/90:focus { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:text-yellow-600\/90:hover { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:text-yellow-600\/90:active { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:text-yellow-700:focus { + color: var(--yellow-700) + } + .xl\:hover\:text-yellow-700:hover { + color: var(--yellow-700) + } + .xl\:active\:text-yellow-700:active { + color: var(--yellow-700) + } + .xl\:focus\:text-yellow-700\/10:focus { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:text-yellow-700\/10:hover { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:text-yellow-700\/10:active { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:text-yellow-700\/20:focus { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:text-yellow-700\/20:hover { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:text-yellow-700\/20:active { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:text-yellow-700\/30:focus { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:text-yellow-700\/30:hover { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:text-yellow-700\/30:active { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:text-yellow-700\/40:focus { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:text-yellow-700\/40:hover { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:text-yellow-700\/40:active { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:text-yellow-700\/50:focus { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:text-yellow-700\/50:hover { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:text-yellow-700\/50:active { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:text-yellow-700\/60:focus { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:text-yellow-700\/60:hover { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:text-yellow-700\/60:active { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:text-yellow-700\/70:focus { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:text-yellow-700\/70:hover { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:text-yellow-700\/70:active { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:text-yellow-700\/80:focus { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:text-yellow-700\/80:hover { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:text-yellow-700\/80:active { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:text-yellow-700\/90:focus { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:text-yellow-700\/90:hover { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:text-yellow-700\/90:active { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:text-yellow-800:focus { + color: var(--yellow-800) + } + .xl\:hover\:text-yellow-800:hover { + color: var(--yellow-800) + } + .xl\:active\:text-yellow-800:active { + color: var(--yellow-800) + } + .xl\:focus\:text-yellow-800\/10:focus { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:text-yellow-800\/10:hover { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:text-yellow-800\/10:active { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:text-yellow-800\/20:focus { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:text-yellow-800\/20:hover { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:text-yellow-800\/20:active { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:text-yellow-800\/30:focus { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:text-yellow-800\/30:hover { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:text-yellow-800\/30:active { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:text-yellow-800\/40:focus { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:text-yellow-800\/40:hover { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:text-yellow-800\/40:active { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:text-yellow-800\/50:focus { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:text-yellow-800\/50:hover { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:text-yellow-800\/50:active { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:text-yellow-800\/60:focus { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:text-yellow-800\/60:hover { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:text-yellow-800\/60:active { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:text-yellow-800\/70:focus { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:text-yellow-800\/70:hover { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:text-yellow-800\/70:active { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:text-yellow-800\/80:focus { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:text-yellow-800\/80:hover { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:text-yellow-800\/80:active { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:text-yellow-800\/90:focus { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:text-yellow-800\/90:hover { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:text-yellow-800\/90:active { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:text-yellow-900:focus { + color: var(--yellow-900) + } + .xl\:hover\:text-yellow-900:hover { + color: var(--yellow-900) + } + .xl\:active\:text-yellow-900:active { + color: var(--yellow-900) + } + .xl\:focus\:text-yellow-900\/10:focus { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:text-yellow-900\/10:hover { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:text-yellow-900\/10:active { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:text-yellow-900\/20:focus { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:text-yellow-900\/20:hover { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:text-yellow-900\/20:active { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:text-yellow-900\/30:focus { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:text-yellow-900\/30:hover { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:text-yellow-900\/30:active { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:text-yellow-900\/40:focus { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:text-yellow-900\/40:hover { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:text-yellow-900\/40:active { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:text-yellow-900\/50:focus { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:text-yellow-900\/50:hover { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:text-yellow-900\/50:active { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:text-yellow-900\/60:focus { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:text-yellow-900\/60:hover { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:text-yellow-900\/60:active { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:text-yellow-900\/70:focus { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:text-yellow-900\/70:hover { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:text-yellow-900\/70:active { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:text-yellow-900\/80:focus { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:text-yellow-900\/80:hover { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:text-yellow-900\/80:active { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:text-yellow-900\/90:focus { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:text-yellow-900\/90:hover { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:text-yellow-900\/90:active { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:text-cyan-50:focus { + color: var(--cyan-50) + } + .xl\:hover\:text-cyan-50:hover { + color: var(--cyan-50) + } + .xl\:active\:text-cyan-50:active { + color: var(--cyan-50) + } + .xl\:focus\:text-cyan-50\/10:focus { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:text-cyan-50\/10:hover { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:text-cyan-50\/10:active { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:text-cyan-50\/20:focus { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:text-cyan-50\/20:hover { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:text-cyan-50\/20:active { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:text-cyan-50\/30:focus { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:text-cyan-50\/30:hover { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:text-cyan-50\/30:active { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:text-cyan-50\/40:focus { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:text-cyan-50\/40:hover { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:text-cyan-50\/40:active { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:text-cyan-50\/50:focus { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:text-cyan-50\/50:hover { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:text-cyan-50\/50:active { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:text-cyan-50\/60:focus { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:text-cyan-50\/60:hover { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:text-cyan-50\/60:active { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:text-cyan-50\/70:focus { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:text-cyan-50\/70:hover { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:text-cyan-50\/70:active { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:text-cyan-50\/80:focus { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:text-cyan-50\/80:hover { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:text-cyan-50\/80:active { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:text-cyan-50\/90:focus { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:text-cyan-50\/90:hover { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:text-cyan-50\/90:active { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:text-cyan-100:focus { + color: var(--cyan-100) + } + .xl\:hover\:text-cyan-100:hover { + color: var(--cyan-100) + } + .xl\:active\:text-cyan-100:active { + color: var(--cyan-100) + } + .xl\:focus\:text-cyan-100\/10:focus { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:text-cyan-100\/10:hover { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:text-cyan-100\/10:active { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:text-cyan-100\/20:focus { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:text-cyan-100\/20:hover { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:text-cyan-100\/20:active { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:text-cyan-100\/30:focus { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:text-cyan-100\/30:hover { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:text-cyan-100\/30:active { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:text-cyan-100\/40:focus { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:text-cyan-100\/40:hover { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:text-cyan-100\/40:active { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:text-cyan-100\/50:focus { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:text-cyan-100\/50:hover { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:text-cyan-100\/50:active { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:text-cyan-100\/60:focus { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:text-cyan-100\/60:hover { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:text-cyan-100\/60:active { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:text-cyan-100\/70:focus { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:text-cyan-100\/70:hover { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:text-cyan-100\/70:active { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:text-cyan-100\/80:focus { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:text-cyan-100\/80:hover { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:text-cyan-100\/80:active { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:text-cyan-100\/90:focus { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:text-cyan-100\/90:hover { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:text-cyan-100\/90:active { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:text-cyan-200:focus { + color: var(--cyan-200) + } + .xl\:hover\:text-cyan-200:hover { + color: var(--cyan-200) + } + .xl\:active\:text-cyan-200:active { + color: var(--cyan-200) + } + .xl\:focus\:text-cyan-200\/10:focus { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:text-cyan-200\/10:hover { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:text-cyan-200\/10:active { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:text-cyan-200\/20:focus { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:text-cyan-200\/20:hover { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:text-cyan-200\/20:active { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:text-cyan-200\/30:focus { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:text-cyan-200\/30:hover { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:text-cyan-200\/30:active { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:text-cyan-200\/40:focus { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:text-cyan-200\/40:hover { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:text-cyan-200\/40:active { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:text-cyan-200\/50:focus { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:text-cyan-200\/50:hover { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:text-cyan-200\/50:active { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:text-cyan-200\/60:focus { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:text-cyan-200\/60:hover { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:text-cyan-200\/60:active { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:text-cyan-200\/70:focus { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:text-cyan-200\/70:hover { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:text-cyan-200\/70:active { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:text-cyan-200\/80:focus { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:text-cyan-200\/80:hover { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:text-cyan-200\/80:active { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:text-cyan-200\/90:focus { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:text-cyan-200\/90:hover { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:text-cyan-200\/90:active { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:text-cyan-300:focus { + color: var(--cyan-300) + } + .xl\:hover\:text-cyan-300:hover { + color: var(--cyan-300) + } + .xl\:active\:text-cyan-300:active { + color: var(--cyan-300) + } + .xl\:focus\:text-cyan-300\/10:focus { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:text-cyan-300\/10:hover { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:text-cyan-300\/10:active { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:text-cyan-300\/20:focus { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:text-cyan-300\/20:hover { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:text-cyan-300\/20:active { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:text-cyan-300\/30:focus { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:text-cyan-300\/30:hover { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:text-cyan-300\/30:active { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:text-cyan-300\/40:focus { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:text-cyan-300\/40:hover { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:text-cyan-300\/40:active { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:text-cyan-300\/50:focus { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:text-cyan-300\/50:hover { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:text-cyan-300\/50:active { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:text-cyan-300\/60:focus { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:text-cyan-300\/60:hover { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:text-cyan-300\/60:active { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:text-cyan-300\/70:focus { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:text-cyan-300\/70:hover { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:text-cyan-300\/70:active { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:text-cyan-300\/80:focus { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:text-cyan-300\/80:hover { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:text-cyan-300\/80:active { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:text-cyan-300\/90:focus { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:text-cyan-300\/90:hover { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:text-cyan-300\/90:active { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:text-cyan-400:focus { + color: var(--cyan-400) + } + .xl\:hover\:text-cyan-400:hover { + color: var(--cyan-400) + } + .xl\:active\:text-cyan-400:active { + color: var(--cyan-400) + } + .xl\:focus\:text-cyan-400\/10:focus { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:text-cyan-400\/10:hover { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:text-cyan-400\/10:active { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:text-cyan-400\/20:focus { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:text-cyan-400\/20:hover { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:text-cyan-400\/20:active { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:text-cyan-400\/30:focus { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:text-cyan-400\/30:hover { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:text-cyan-400\/30:active { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:text-cyan-400\/40:focus { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:text-cyan-400\/40:hover { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:text-cyan-400\/40:active { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:text-cyan-400\/50:focus { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:text-cyan-400\/50:hover { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:text-cyan-400\/50:active { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:text-cyan-400\/60:focus { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:text-cyan-400\/60:hover { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:text-cyan-400\/60:active { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:text-cyan-400\/70:focus { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:text-cyan-400\/70:hover { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:text-cyan-400\/70:active { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:text-cyan-400\/80:focus { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:text-cyan-400\/80:hover { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:text-cyan-400\/80:active { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:text-cyan-400\/90:focus { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:text-cyan-400\/90:hover { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:text-cyan-400\/90:active { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:text-cyan-500:focus { + color: var(--cyan-500) + } + .xl\:hover\:text-cyan-500:hover { + color: var(--cyan-500) + } + .xl\:active\:text-cyan-500:active { + color: var(--cyan-500) + } + .xl\:focus\:text-cyan-500\/10:focus { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:text-cyan-500\/10:hover { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:text-cyan-500\/10:active { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:text-cyan-500\/20:focus { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:text-cyan-500\/20:hover { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:text-cyan-500\/20:active { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:text-cyan-500\/30:focus { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:text-cyan-500\/30:hover { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:text-cyan-500\/30:active { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:text-cyan-500\/40:focus { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:text-cyan-500\/40:hover { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:text-cyan-500\/40:active { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:text-cyan-500\/50:focus { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:text-cyan-500\/50:hover { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:text-cyan-500\/50:active { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:text-cyan-500\/60:focus { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:text-cyan-500\/60:hover { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:text-cyan-500\/60:active { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:text-cyan-500\/70:focus { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:text-cyan-500\/70:hover { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:text-cyan-500\/70:active { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:text-cyan-500\/80:focus { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:text-cyan-500\/80:hover { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:text-cyan-500\/80:active { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:text-cyan-500\/90:focus { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:text-cyan-500\/90:hover { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:text-cyan-500\/90:active { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:text-cyan-600:focus { + color: var(--cyan-600) + } + .xl\:hover\:text-cyan-600:hover { + color: var(--cyan-600) + } + .xl\:active\:text-cyan-600:active { + color: var(--cyan-600) + } + .xl\:focus\:text-cyan-600\/10:focus { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:text-cyan-600\/10:hover { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:text-cyan-600\/10:active { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:text-cyan-600\/20:focus { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:text-cyan-600\/20:hover { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:text-cyan-600\/20:active { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:text-cyan-600\/30:focus { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:text-cyan-600\/30:hover { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:text-cyan-600\/30:active { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:text-cyan-600\/40:focus { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:text-cyan-600\/40:hover { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:text-cyan-600\/40:active { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:text-cyan-600\/50:focus { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:text-cyan-600\/50:hover { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:text-cyan-600\/50:active { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:text-cyan-600\/60:focus { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:text-cyan-600\/60:hover { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:text-cyan-600\/60:active { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:text-cyan-600\/70:focus { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:text-cyan-600\/70:hover { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:text-cyan-600\/70:active { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:text-cyan-600\/80:focus { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:text-cyan-600\/80:hover { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:text-cyan-600\/80:active { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:text-cyan-600\/90:focus { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:text-cyan-600\/90:hover { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:text-cyan-600\/90:active { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:text-cyan-700:focus { + color: var(--cyan-700) + } + .xl\:hover\:text-cyan-700:hover { + color: var(--cyan-700) + } + .xl\:active\:text-cyan-700:active { + color: var(--cyan-700) + } + .xl\:focus\:text-cyan-700\/10:focus { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:text-cyan-700\/10:hover { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:text-cyan-700\/10:active { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:text-cyan-700\/20:focus { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:text-cyan-700\/20:hover { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:text-cyan-700\/20:active { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:text-cyan-700\/30:focus { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:text-cyan-700\/30:hover { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:text-cyan-700\/30:active { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:text-cyan-700\/40:focus { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:text-cyan-700\/40:hover { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:text-cyan-700\/40:active { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:text-cyan-700\/50:focus { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:text-cyan-700\/50:hover { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:text-cyan-700\/50:active { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:text-cyan-700\/60:focus { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:text-cyan-700\/60:hover { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:text-cyan-700\/60:active { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:text-cyan-700\/70:focus { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:text-cyan-700\/70:hover { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:text-cyan-700\/70:active { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:text-cyan-700\/80:focus { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:text-cyan-700\/80:hover { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:text-cyan-700\/80:active { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:text-cyan-700\/90:focus { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:text-cyan-700\/90:hover { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:text-cyan-700\/90:active { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:text-cyan-800:focus { + color: var(--cyan-800) + } + .xl\:hover\:text-cyan-800:hover { + color: var(--cyan-800) + } + .xl\:active\:text-cyan-800:active { + color: var(--cyan-800) + } + .xl\:focus\:text-cyan-800\/10:focus { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:text-cyan-800\/10:hover { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:text-cyan-800\/10:active { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:text-cyan-800\/20:focus { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:text-cyan-800\/20:hover { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:text-cyan-800\/20:active { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:text-cyan-800\/30:focus { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:text-cyan-800\/30:hover { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:text-cyan-800\/30:active { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:text-cyan-800\/40:focus { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:text-cyan-800\/40:hover { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:text-cyan-800\/40:active { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:text-cyan-800\/50:focus { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:text-cyan-800\/50:hover { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:text-cyan-800\/50:active { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:text-cyan-800\/60:focus { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:text-cyan-800\/60:hover { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:text-cyan-800\/60:active { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:text-cyan-800\/70:focus { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:text-cyan-800\/70:hover { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:text-cyan-800\/70:active { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:text-cyan-800\/80:focus { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:text-cyan-800\/80:hover { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:text-cyan-800\/80:active { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:text-cyan-800\/90:focus { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:text-cyan-800\/90:hover { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:text-cyan-800\/90:active { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:text-cyan-900:focus { + color: var(--cyan-900) + } + .xl\:hover\:text-cyan-900:hover { + color: var(--cyan-900) + } + .xl\:active\:text-cyan-900:active { + color: var(--cyan-900) + } + .xl\:focus\:text-cyan-900\/10:focus { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:text-cyan-900\/10:hover { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:text-cyan-900\/10:active { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:text-cyan-900\/20:focus { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:text-cyan-900\/20:hover { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:text-cyan-900\/20:active { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:text-cyan-900\/30:focus { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:text-cyan-900\/30:hover { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:text-cyan-900\/30:active { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:text-cyan-900\/40:focus { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:text-cyan-900\/40:hover { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:text-cyan-900\/40:active { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:text-cyan-900\/50:focus { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:text-cyan-900\/50:hover { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:text-cyan-900\/50:active { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:text-cyan-900\/60:focus { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:text-cyan-900\/60:hover { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:text-cyan-900\/60:active { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:text-cyan-900\/70:focus { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:text-cyan-900\/70:hover { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:text-cyan-900\/70:active { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:text-cyan-900\/80:focus { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:text-cyan-900\/80:hover { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:text-cyan-900\/80:active { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:text-cyan-900\/90:focus { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:text-cyan-900\/90:hover { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:text-cyan-900\/90:active { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:text-pink-50:focus { + color: var(--pink-50) + } + .xl\:hover\:text-pink-50:hover { + color: var(--pink-50) + } + .xl\:active\:text-pink-50:active { + color: var(--pink-50) + } + .xl\:focus\:text-pink-50\/10:focus { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:text-pink-50\/10:hover { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:text-pink-50\/10:active { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:text-pink-50\/20:focus { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:text-pink-50\/20:hover { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:text-pink-50\/20:active { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:text-pink-50\/30:focus { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:text-pink-50\/30:hover { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:text-pink-50\/30:active { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:text-pink-50\/40:focus { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:text-pink-50\/40:hover { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:text-pink-50\/40:active { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:text-pink-50\/50:focus { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:text-pink-50\/50:hover { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:text-pink-50\/50:active { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:text-pink-50\/60:focus { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:text-pink-50\/60:hover { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:text-pink-50\/60:active { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:text-pink-50\/70:focus { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:text-pink-50\/70:hover { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:text-pink-50\/70:active { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:text-pink-50\/80:focus { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:text-pink-50\/80:hover { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:text-pink-50\/80:active { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:text-pink-50\/90:focus { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:text-pink-50\/90:hover { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:text-pink-50\/90:active { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:text-pink-100:focus { + color: var(--pink-100) + } + .xl\:hover\:text-pink-100:hover { + color: var(--pink-100) + } + .xl\:active\:text-pink-100:active { + color: var(--pink-100) + } + .xl\:focus\:text-pink-100\/10:focus { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:text-pink-100\/10:hover { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:text-pink-100\/10:active { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:text-pink-100\/20:focus { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:text-pink-100\/20:hover { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:text-pink-100\/20:active { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:text-pink-100\/30:focus { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:text-pink-100\/30:hover { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:text-pink-100\/30:active { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:text-pink-100\/40:focus { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:text-pink-100\/40:hover { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:text-pink-100\/40:active { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:text-pink-100\/50:focus { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:text-pink-100\/50:hover { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:text-pink-100\/50:active { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:text-pink-100\/60:focus { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:text-pink-100\/60:hover { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:text-pink-100\/60:active { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:text-pink-100\/70:focus { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:text-pink-100\/70:hover { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:text-pink-100\/70:active { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:text-pink-100\/80:focus { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:text-pink-100\/80:hover { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:text-pink-100\/80:active { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:text-pink-100\/90:focus { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:text-pink-100\/90:hover { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:text-pink-100\/90:active { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:text-pink-200:focus { + color: var(--pink-200) + } + .xl\:hover\:text-pink-200:hover { + color: var(--pink-200) + } + .xl\:active\:text-pink-200:active { + color: var(--pink-200) + } + .xl\:focus\:text-pink-200\/10:focus { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:text-pink-200\/10:hover { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:text-pink-200\/10:active { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:text-pink-200\/20:focus { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:text-pink-200\/20:hover { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:text-pink-200\/20:active { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:text-pink-200\/30:focus { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:text-pink-200\/30:hover { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:text-pink-200\/30:active { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:text-pink-200\/40:focus { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:text-pink-200\/40:hover { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:text-pink-200\/40:active { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:text-pink-200\/50:focus { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:text-pink-200\/50:hover { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:text-pink-200\/50:active { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:text-pink-200\/60:focus { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:text-pink-200\/60:hover { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:text-pink-200\/60:active { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:text-pink-200\/70:focus { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:text-pink-200\/70:hover { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:text-pink-200\/70:active { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:text-pink-200\/80:focus { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:text-pink-200\/80:hover { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:text-pink-200\/80:active { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:text-pink-200\/90:focus { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:text-pink-200\/90:hover { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:text-pink-200\/90:active { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:text-pink-300:focus { + color: var(--pink-300) + } + .xl\:hover\:text-pink-300:hover { + color: var(--pink-300) + } + .xl\:active\:text-pink-300:active { + color: var(--pink-300) + } + .xl\:focus\:text-pink-300\/10:focus { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:text-pink-300\/10:hover { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:text-pink-300\/10:active { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:text-pink-300\/20:focus { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:text-pink-300\/20:hover { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:text-pink-300\/20:active { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:text-pink-300\/30:focus { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:text-pink-300\/30:hover { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:text-pink-300\/30:active { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:text-pink-300\/40:focus { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:text-pink-300\/40:hover { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:text-pink-300\/40:active { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:text-pink-300\/50:focus { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:text-pink-300\/50:hover { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:text-pink-300\/50:active { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:text-pink-300\/60:focus { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:text-pink-300\/60:hover { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:text-pink-300\/60:active { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:text-pink-300\/70:focus { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:text-pink-300\/70:hover { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:text-pink-300\/70:active { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:text-pink-300\/80:focus { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:text-pink-300\/80:hover { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:text-pink-300\/80:active { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:text-pink-300\/90:focus { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:text-pink-300\/90:hover { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:text-pink-300\/90:active { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:text-pink-400:focus { + color: var(--pink-400) + } + .xl\:hover\:text-pink-400:hover { + color: var(--pink-400) + } + .xl\:active\:text-pink-400:active { + color: var(--pink-400) + } + .xl\:focus\:text-pink-400\/10:focus { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:text-pink-400\/10:hover { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:text-pink-400\/10:active { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:text-pink-400\/20:focus { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:text-pink-400\/20:hover { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:text-pink-400\/20:active { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:text-pink-400\/30:focus { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:text-pink-400\/30:hover { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:text-pink-400\/30:active { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:text-pink-400\/40:focus { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:text-pink-400\/40:hover { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:text-pink-400\/40:active { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:text-pink-400\/50:focus { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:text-pink-400\/50:hover { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:text-pink-400\/50:active { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:text-pink-400\/60:focus { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:text-pink-400\/60:hover { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:text-pink-400\/60:active { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:text-pink-400\/70:focus { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:text-pink-400\/70:hover { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:text-pink-400\/70:active { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:text-pink-400\/80:focus { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:text-pink-400\/80:hover { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:text-pink-400\/80:active { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:text-pink-400\/90:focus { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:text-pink-400\/90:hover { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:text-pink-400\/90:active { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:text-pink-500:focus { + color: var(--pink-500) + } + .xl\:hover\:text-pink-500:hover { + color: var(--pink-500) + } + .xl\:active\:text-pink-500:active { + color: var(--pink-500) + } + .xl\:focus\:text-pink-500\/10:focus { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:text-pink-500\/10:hover { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:text-pink-500\/10:active { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:text-pink-500\/20:focus { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:text-pink-500\/20:hover { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:text-pink-500\/20:active { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:text-pink-500\/30:focus { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:text-pink-500\/30:hover { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:text-pink-500\/30:active { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:text-pink-500\/40:focus { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:text-pink-500\/40:hover { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:text-pink-500\/40:active { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:text-pink-500\/50:focus { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:text-pink-500\/50:hover { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:text-pink-500\/50:active { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:text-pink-500\/60:focus { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:text-pink-500\/60:hover { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:text-pink-500\/60:active { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:text-pink-500\/70:focus { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:text-pink-500\/70:hover { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:text-pink-500\/70:active { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:text-pink-500\/80:focus { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:text-pink-500\/80:hover { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:text-pink-500\/80:active { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:text-pink-500\/90:focus { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:text-pink-500\/90:hover { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:text-pink-500\/90:active { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:text-pink-600:focus { + color: var(--pink-600) + } + .xl\:hover\:text-pink-600:hover { + color: var(--pink-600) + } + .xl\:active\:text-pink-600:active { + color: var(--pink-600) + } + .xl\:focus\:text-pink-600\/10:focus { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:text-pink-600\/10:hover { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:text-pink-600\/10:active { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:text-pink-600\/20:focus { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:text-pink-600\/20:hover { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:text-pink-600\/20:active { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:text-pink-600\/30:focus { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:text-pink-600\/30:hover { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:text-pink-600\/30:active { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:text-pink-600\/40:focus { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:text-pink-600\/40:hover { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:text-pink-600\/40:active { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:text-pink-600\/50:focus { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:text-pink-600\/50:hover { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:text-pink-600\/50:active { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:text-pink-600\/60:focus { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:text-pink-600\/60:hover { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:text-pink-600\/60:active { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:text-pink-600\/70:focus { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:text-pink-600\/70:hover { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:text-pink-600\/70:active { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:text-pink-600\/80:focus { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:text-pink-600\/80:hover { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:text-pink-600\/80:active { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:text-pink-600\/90:focus { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:text-pink-600\/90:hover { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:text-pink-600\/90:active { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:text-pink-700:focus { + color: var(--pink-700) + } + .xl\:hover\:text-pink-700:hover { + color: var(--pink-700) + } + .xl\:active\:text-pink-700:active { + color: var(--pink-700) + } + .xl\:focus\:text-pink-700\/10:focus { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:text-pink-700\/10:hover { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:text-pink-700\/10:active { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:text-pink-700\/20:focus { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:text-pink-700\/20:hover { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:text-pink-700\/20:active { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:text-pink-700\/30:focus { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:text-pink-700\/30:hover { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:text-pink-700\/30:active { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:text-pink-700\/40:focus { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:text-pink-700\/40:hover { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:text-pink-700\/40:active { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:text-pink-700\/50:focus { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:text-pink-700\/50:hover { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:text-pink-700\/50:active { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:text-pink-700\/60:focus { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:text-pink-700\/60:hover { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:text-pink-700\/60:active { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:text-pink-700\/70:focus { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:text-pink-700\/70:hover { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:text-pink-700\/70:active { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:text-pink-700\/80:focus { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:text-pink-700\/80:hover { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:text-pink-700\/80:active { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:text-pink-700\/90:focus { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:text-pink-700\/90:hover { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:text-pink-700\/90:active { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:text-pink-800:focus { + color: var(--pink-800) + } + .xl\:hover\:text-pink-800:hover { + color: var(--pink-800) + } + .xl\:active\:text-pink-800:active { + color: var(--pink-800) + } + .xl\:focus\:text-pink-800\/10:focus { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:text-pink-800\/10:hover { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:text-pink-800\/10:active { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:text-pink-800\/20:focus { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:text-pink-800\/20:hover { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:text-pink-800\/20:active { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:text-pink-800\/30:focus { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:text-pink-800\/30:hover { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:text-pink-800\/30:active { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:text-pink-800\/40:focus { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:text-pink-800\/40:hover { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:text-pink-800\/40:active { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:text-pink-800\/50:focus { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:text-pink-800\/50:hover { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:text-pink-800\/50:active { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:text-pink-800\/60:focus { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:text-pink-800\/60:hover { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:text-pink-800\/60:active { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:text-pink-800\/70:focus { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:text-pink-800\/70:hover { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:text-pink-800\/70:active { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:text-pink-800\/80:focus { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:text-pink-800\/80:hover { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:text-pink-800\/80:active { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:text-pink-800\/90:focus { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:text-pink-800\/90:hover { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:text-pink-800\/90:active { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:text-pink-900:focus { + color: var(--pink-900) + } + .xl\:hover\:text-pink-900:hover { + color: var(--pink-900) + } + .xl\:active\:text-pink-900:active { + color: var(--pink-900) + } + .xl\:focus\:text-pink-900\/10:focus { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:text-pink-900\/10:hover { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:text-pink-900\/10:active { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:text-pink-900\/20:focus { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:text-pink-900\/20:hover { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:text-pink-900\/20:active { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:text-pink-900\/30:focus { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:text-pink-900\/30:hover { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:text-pink-900\/30:active { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:text-pink-900\/40:focus { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:text-pink-900\/40:hover { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:text-pink-900\/40:active { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:text-pink-900\/50:focus { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:text-pink-900\/50:hover { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:text-pink-900\/50:active { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:text-pink-900\/60:focus { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:text-pink-900\/60:hover { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:text-pink-900\/60:active { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:text-pink-900\/70:focus { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:text-pink-900\/70:hover { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:text-pink-900\/70:active { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:text-pink-900\/80:focus { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:text-pink-900\/80:hover { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:text-pink-900\/80:active { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:text-pink-900\/90:focus { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:text-pink-900\/90:hover { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:text-pink-900\/90:active { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:text-indigo-50:focus { + color: var(--indigo-50) + } + .xl\:hover\:text-indigo-50:hover { + color: var(--indigo-50) + } + .xl\:active\:text-indigo-50:active { + color: var(--indigo-50) + } + .xl\:focus\:text-indigo-50\/10:focus { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:text-indigo-50\/10:hover { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:text-indigo-50\/10:active { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:text-indigo-50\/20:focus { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:text-indigo-50\/20:hover { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:text-indigo-50\/20:active { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:text-indigo-50\/30:focus { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:text-indigo-50\/30:hover { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:text-indigo-50\/30:active { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:text-indigo-50\/40:focus { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:text-indigo-50\/40:hover { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:text-indigo-50\/40:active { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:text-indigo-50\/50:focus { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:text-indigo-50\/50:hover { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:text-indigo-50\/50:active { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:text-indigo-50\/60:focus { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:text-indigo-50\/60:hover { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:text-indigo-50\/60:active { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:text-indigo-50\/70:focus { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:text-indigo-50\/70:hover { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:text-indigo-50\/70:active { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:text-indigo-50\/80:focus { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:text-indigo-50\/80:hover { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:text-indigo-50\/80:active { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:text-indigo-50\/90:focus { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:text-indigo-50\/90:hover { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:text-indigo-50\/90:active { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:text-indigo-100:focus { + color: var(--indigo-100) + } + .xl\:hover\:text-indigo-100:hover { + color: var(--indigo-100) + } + .xl\:active\:text-indigo-100:active { + color: var(--indigo-100) + } + .xl\:focus\:text-indigo-100\/10:focus { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:text-indigo-100\/10:hover { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:text-indigo-100\/10:active { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:text-indigo-100\/20:focus { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:text-indigo-100\/20:hover { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:text-indigo-100\/20:active { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:text-indigo-100\/30:focus { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:text-indigo-100\/30:hover { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:text-indigo-100\/30:active { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:text-indigo-100\/40:focus { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:text-indigo-100\/40:hover { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:text-indigo-100\/40:active { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:text-indigo-100\/50:focus { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:text-indigo-100\/50:hover { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:text-indigo-100\/50:active { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:text-indigo-100\/60:focus { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:text-indigo-100\/60:hover { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:text-indigo-100\/60:active { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:text-indigo-100\/70:focus { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:text-indigo-100\/70:hover { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:text-indigo-100\/70:active { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:text-indigo-100\/80:focus { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:text-indigo-100\/80:hover { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:text-indigo-100\/80:active { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:text-indigo-100\/90:focus { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:text-indigo-100\/90:hover { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:text-indigo-100\/90:active { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:text-indigo-200:focus { + color: var(--indigo-200) + } + .xl\:hover\:text-indigo-200:hover { + color: var(--indigo-200) + } + .xl\:active\:text-indigo-200:active { + color: var(--indigo-200) + } + .xl\:focus\:text-indigo-200\/10:focus { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:text-indigo-200\/10:hover { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:text-indigo-200\/10:active { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:text-indigo-200\/20:focus { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:text-indigo-200\/20:hover { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:text-indigo-200\/20:active { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:text-indigo-200\/30:focus { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:text-indigo-200\/30:hover { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:text-indigo-200\/30:active { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:text-indigo-200\/40:focus { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:text-indigo-200\/40:hover { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:text-indigo-200\/40:active { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:text-indigo-200\/50:focus { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:text-indigo-200\/50:hover { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:text-indigo-200\/50:active { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:text-indigo-200\/60:focus { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:text-indigo-200\/60:hover { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:text-indigo-200\/60:active { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:text-indigo-200\/70:focus { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:text-indigo-200\/70:hover { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:text-indigo-200\/70:active { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:text-indigo-200\/80:focus { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:text-indigo-200\/80:hover { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:text-indigo-200\/80:active { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:text-indigo-200\/90:focus { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:text-indigo-200\/90:hover { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:text-indigo-200\/90:active { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:text-indigo-300:focus { + color: var(--indigo-300) + } + .xl\:hover\:text-indigo-300:hover { + color: var(--indigo-300) + } + .xl\:active\:text-indigo-300:active { + color: var(--indigo-300) + } + .xl\:focus\:text-indigo-300\/10:focus { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:text-indigo-300\/10:hover { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:text-indigo-300\/10:active { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:text-indigo-300\/20:focus { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:text-indigo-300\/20:hover { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:text-indigo-300\/20:active { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:text-indigo-300\/30:focus { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:text-indigo-300\/30:hover { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:text-indigo-300\/30:active { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:text-indigo-300\/40:focus { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:text-indigo-300\/40:hover { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:text-indigo-300\/40:active { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:text-indigo-300\/50:focus { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:text-indigo-300\/50:hover { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:text-indigo-300\/50:active { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:text-indigo-300\/60:focus { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:text-indigo-300\/60:hover { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:text-indigo-300\/60:active { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:text-indigo-300\/70:focus { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:text-indigo-300\/70:hover { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:text-indigo-300\/70:active { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:text-indigo-300\/80:focus { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:text-indigo-300\/80:hover { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:text-indigo-300\/80:active { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:text-indigo-300\/90:focus { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:text-indigo-300\/90:hover { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:text-indigo-300\/90:active { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:text-indigo-400:focus { + color: var(--indigo-400) + } + .xl\:hover\:text-indigo-400:hover { + color: var(--indigo-400) + } + .xl\:active\:text-indigo-400:active { + color: var(--indigo-400) + } + .xl\:focus\:text-indigo-400\/10:focus { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:text-indigo-400\/10:hover { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:text-indigo-400\/10:active { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:text-indigo-400\/20:focus { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:text-indigo-400\/20:hover { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:text-indigo-400\/20:active { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:text-indigo-400\/30:focus { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:text-indigo-400\/30:hover { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:text-indigo-400\/30:active { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:text-indigo-400\/40:focus { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:text-indigo-400\/40:hover { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:text-indigo-400\/40:active { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:text-indigo-400\/50:focus { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:text-indigo-400\/50:hover { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:text-indigo-400\/50:active { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:text-indigo-400\/60:focus { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:text-indigo-400\/60:hover { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:text-indigo-400\/60:active { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:text-indigo-400\/70:focus { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:text-indigo-400\/70:hover { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:text-indigo-400\/70:active { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:text-indigo-400\/80:focus { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:text-indigo-400\/80:hover { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:text-indigo-400\/80:active { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:text-indigo-400\/90:focus { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:text-indigo-400\/90:hover { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:text-indigo-400\/90:active { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:text-indigo-500:focus { + color: var(--indigo-500) + } + .xl\:hover\:text-indigo-500:hover { + color: var(--indigo-500) + } + .xl\:active\:text-indigo-500:active { + color: var(--indigo-500) + } + .xl\:focus\:text-indigo-500\/10:focus { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:text-indigo-500\/10:hover { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:text-indigo-500\/10:active { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:text-indigo-500\/20:focus { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:text-indigo-500\/20:hover { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:text-indigo-500\/20:active { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:text-indigo-500\/30:focus { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:text-indigo-500\/30:hover { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:text-indigo-500\/30:active { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:text-indigo-500\/40:focus { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:text-indigo-500\/40:hover { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:text-indigo-500\/40:active { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:text-indigo-500\/50:focus { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:text-indigo-500\/50:hover { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:text-indigo-500\/50:active { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:text-indigo-500\/60:focus { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:text-indigo-500\/60:hover { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:text-indigo-500\/60:active { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:text-indigo-500\/70:focus { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:text-indigo-500\/70:hover { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:text-indigo-500\/70:active { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:text-indigo-500\/80:focus { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:text-indigo-500\/80:hover { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:text-indigo-500\/80:active { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:text-indigo-500\/90:focus { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:text-indigo-500\/90:hover { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:text-indigo-500\/90:active { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:text-indigo-600:focus { + color: var(--indigo-600) + } + .xl\:hover\:text-indigo-600:hover { + color: var(--indigo-600) + } + .xl\:active\:text-indigo-600:active { + color: var(--indigo-600) + } + .xl\:focus\:text-indigo-600\/10:focus { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:text-indigo-600\/10:hover { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:text-indigo-600\/10:active { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:text-indigo-600\/20:focus { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:text-indigo-600\/20:hover { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:text-indigo-600\/20:active { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:text-indigo-600\/30:focus { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:text-indigo-600\/30:hover { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:text-indigo-600\/30:active { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:text-indigo-600\/40:focus { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:text-indigo-600\/40:hover { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:text-indigo-600\/40:active { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:text-indigo-600\/50:focus { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:text-indigo-600\/50:hover { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:text-indigo-600\/50:active { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:text-indigo-600\/60:focus { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:text-indigo-600\/60:hover { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:text-indigo-600\/60:active { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:text-indigo-600\/70:focus { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:text-indigo-600\/70:hover { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:text-indigo-600\/70:active { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:text-indigo-600\/80:focus { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:text-indigo-600\/80:hover { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:text-indigo-600\/80:active { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:text-indigo-600\/90:focus { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:text-indigo-600\/90:hover { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:text-indigo-600\/90:active { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:text-indigo-700:focus { + color: var(--indigo-700) + } + .xl\:hover\:text-indigo-700:hover { + color: var(--indigo-700) + } + .xl\:active\:text-indigo-700:active { + color: var(--indigo-700) + } + .xl\:focus\:text-indigo-700\/10:focus { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:text-indigo-700\/10:hover { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:text-indigo-700\/10:active { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:text-indigo-700\/20:focus { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:text-indigo-700\/20:hover { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:text-indigo-700\/20:active { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:text-indigo-700\/30:focus { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:text-indigo-700\/30:hover { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:text-indigo-700\/30:active { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:text-indigo-700\/40:focus { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:text-indigo-700\/40:hover { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:text-indigo-700\/40:active { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:text-indigo-700\/50:focus { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:text-indigo-700\/50:hover { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:text-indigo-700\/50:active { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:text-indigo-700\/60:focus { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:text-indigo-700\/60:hover { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:text-indigo-700\/60:active { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:text-indigo-700\/70:focus { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:text-indigo-700\/70:hover { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:text-indigo-700\/70:active { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:text-indigo-700\/80:focus { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:text-indigo-700\/80:hover { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:text-indigo-700\/80:active { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:text-indigo-700\/90:focus { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:text-indigo-700\/90:hover { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:text-indigo-700\/90:active { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:text-indigo-800:focus { + color: var(--indigo-800) + } + .xl\:hover\:text-indigo-800:hover { + color: var(--indigo-800) + } + .xl\:active\:text-indigo-800:active { + color: var(--indigo-800) + } + .xl\:focus\:text-indigo-800\/10:focus { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:text-indigo-800\/10:hover { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:text-indigo-800\/10:active { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:text-indigo-800\/20:focus { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:text-indigo-800\/20:hover { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:text-indigo-800\/20:active { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:text-indigo-800\/30:focus { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:text-indigo-800\/30:hover { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:text-indigo-800\/30:active { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:text-indigo-800\/40:focus { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:text-indigo-800\/40:hover { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:text-indigo-800\/40:active { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:text-indigo-800\/50:focus { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:text-indigo-800\/50:hover { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:text-indigo-800\/50:active { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:text-indigo-800\/60:focus { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:text-indigo-800\/60:hover { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:text-indigo-800\/60:active { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:text-indigo-800\/70:focus { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:text-indigo-800\/70:hover { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:text-indigo-800\/70:active { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:text-indigo-800\/80:focus { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:text-indigo-800\/80:hover { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:text-indigo-800\/80:active { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:text-indigo-800\/90:focus { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:text-indigo-800\/90:hover { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:text-indigo-800\/90:active { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:text-indigo-900:focus { + color: var(--indigo-900) + } + .xl\:hover\:text-indigo-900:hover { + color: var(--indigo-900) + } + .xl\:active\:text-indigo-900:active { + color: var(--indigo-900) + } + .xl\:focus\:text-indigo-900\/10:focus { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:text-indigo-900\/10:hover { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:text-indigo-900\/10:active { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:text-indigo-900\/20:focus { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:text-indigo-900\/20:hover { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:text-indigo-900\/20:active { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:text-indigo-900\/30:focus { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:text-indigo-900\/30:hover { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:text-indigo-900\/30:active { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:text-indigo-900\/40:focus { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:text-indigo-900\/40:hover { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:text-indigo-900\/40:active { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:text-indigo-900\/50:focus { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:text-indigo-900\/50:hover { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:text-indigo-900\/50:active { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:text-indigo-900\/60:focus { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:text-indigo-900\/60:hover { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:text-indigo-900\/60:active { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:text-indigo-900\/70:focus { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:text-indigo-900\/70:hover { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:text-indigo-900\/70:active { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:text-indigo-900\/80:focus { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:text-indigo-900\/80:hover { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:text-indigo-900\/80:active { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:text-indigo-900\/90:focus { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:text-indigo-900\/90:hover { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:text-indigo-900\/90:active { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:text-teal-50:focus { + color: var(--teal-50) + } + .xl\:hover\:text-teal-50:hover { + color: var(--teal-50) + } + .xl\:active\:text-teal-50:active { + color: var(--teal-50) + } + .xl\:focus\:text-teal-50\/10:focus { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:text-teal-50\/10:hover { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:text-teal-50\/10:active { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:text-teal-50\/20:focus { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:text-teal-50\/20:hover { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:text-teal-50\/20:active { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:text-teal-50\/30:focus { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:text-teal-50\/30:hover { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:text-teal-50\/30:active { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:text-teal-50\/40:focus { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:text-teal-50\/40:hover { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:text-teal-50\/40:active { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:text-teal-50\/50:focus { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:text-teal-50\/50:hover { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:text-teal-50\/50:active { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:text-teal-50\/60:focus { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:text-teal-50\/60:hover { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:text-teal-50\/60:active { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:text-teal-50\/70:focus { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:text-teal-50\/70:hover { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:text-teal-50\/70:active { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:text-teal-50\/80:focus { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:text-teal-50\/80:hover { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:text-teal-50\/80:active { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:text-teal-50\/90:focus { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:text-teal-50\/90:hover { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:text-teal-50\/90:active { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:text-teal-100:focus { + color: var(--teal-100) + } + .xl\:hover\:text-teal-100:hover { + color: var(--teal-100) + } + .xl\:active\:text-teal-100:active { + color: var(--teal-100) + } + .xl\:focus\:text-teal-100\/10:focus { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:text-teal-100\/10:hover { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:text-teal-100\/10:active { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:text-teal-100\/20:focus { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:text-teal-100\/20:hover { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:text-teal-100\/20:active { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:text-teal-100\/30:focus { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:text-teal-100\/30:hover { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:text-teal-100\/30:active { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:text-teal-100\/40:focus { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:text-teal-100\/40:hover { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:text-teal-100\/40:active { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:text-teal-100\/50:focus { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:text-teal-100\/50:hover { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:text-teal-100\/50:active { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:text-teal-100\/60:focus { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:text-teal-100\/60:hover { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:text-teal-100\/60:active { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:text-teal-100\/70:focus { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:text-teal-100\/70:hover { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:text-teal-100\/70:active { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:text-teal-100\/80:focus { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:text-teal-100\/80:hover { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:text-teal-100\/80:active { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:text-teal-100\/90:focus { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:text-teal-100\/90:hover { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:text-teal-100\/90:active { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:text-teal-200:focus { + color: var(--teal-200) + } + .xl\:hover\:text-teal-200:hover { + color: var(--teal-200) + } + .xl\:active\:text-teal-200:active { + color: var(--teal-200) + } + .xl\:focus\:text-teal-200\/10:focus { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:text-teal-200\/10:hover { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:text-teal-200\/10:active { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:text-teal-200\/20:focus { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:text-teal-200\/20:hover { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:text-teal-200\/20:active { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:text-teal-200\/30:focus { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:text-teal-200\/30:hover { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:text-teal-200\/30:active { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:text-teal-200\/40:focus { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:text-teal-200\/40:hover { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:text-teal-200\/40:active { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:text-teal-200\/50:focus { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:text-teal-200\/50:hover { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:text-teal-200\/50:active { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:text-teal-200\/60:focus { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:text-teal-200\/60:hover { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:text-teal-200\/60:active { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:text-teal-200\/70:focus { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:text-teal-200\/70:hover { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:text-teal-200\/70:active { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:text-teal-200\/80:focus { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:text-teal-200\/80:hover { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:text-teal-200\/80:active { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:text-teal-200\/90:focus { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:text-teal-200\/90:hover { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:text-teal-200\/90:active { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:text-teal-300:focus { + color: var(--teal-300) + } + .xl\:hover\:text-teal-300:hover { + color: var(--teal-300) + } + .xl\:active\:text-teal-300:active { + color: var(--teal-300) + } + .xl\:focus\:text-teal-300\/10:focus { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:text-teal-300\/10:hover { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:text-teal-300\/10:active { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:text-teal-300\/20:focus { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:text-teal-300\/20:hover { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:text-teal-300\/20:active { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:text-teal-300\/30:focus { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:text-teal-300\/30:hover { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:text-teal-300\/30:active { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:text-teal-300\/40:focus { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:text-teal-300\/40:hover { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:text-teal-300\/40:active { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:text-teal-300\/50:focus { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:text-teal-300\/50:hover { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:text-teal-300\/50:active { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:text-teal-300\/60:focus { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:text-teal-300\/60:hover { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:text-teal-300\/60:active { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:text-teal-300\/70:focus { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:text-teal-300\/70:hover { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:text-teal-300\/70:active { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:text-teal-300\/80:focus { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:text-teal-300\/80:hover { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:text-teal-300\/80:active { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:text-teal-300\/90:focus { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:text-teal-300\/90:hover { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:text-teal-300\/90:active { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:text-teal-400:focus { + color: var(--teal-400) + } + .xl\:hover\:text-teal-400:hover { + color: var(--teal-400) + } + .xl\:active\:text-teal-400:active { + color: var(--teal-400) + } + .xl\:focus\:text-teal-400\/10:focus { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:text-teal-400\/10:hover { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:text-teal-400\/10:active { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:text-teal-400\/20:focus { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:text-teal-400\/20:hover { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:text-teal-400\/20:active { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:text-teal-400\/30:focus { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:text-teal-400\/30:hover { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:text-teal-400\/30:active { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:text-teal-400\/40:focus { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:text-teal-400\/40:hover { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:text-teal-400\/40:active { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:text-teal-400\/50:focus { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:text-teal-400\/50:hover { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:text-teal-400\/50:active { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:text-teal-400\/60:focus { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:text-teal-400\/60:hover { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:text-teal-400\/60:active { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:text-teal-400\/70:focus { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:text-teal-400\/70:hover { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:text-teal-400\/70:active { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:text-teal-400\/80:focus { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:text-teal-400\/80:hover { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:text-teal-400\/80:active { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:text-teal-400\/90:focus { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:text-teal-400\/90:hover { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:text-teal-400\/90:active { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:text-teal-500:focus { + color: var(--teal-500) + } + .xl\:hover\:text-teal-500:hover { + color: var(--teal-500) + } + .xl\:active\:text-teal-500:active { + color: var(--teal-500) + } + .xl\:focus\:text-teal-500\/10:focus { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:text-teal-500\/10:hover { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:text-teal-500\/10:active { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:text-teal-500\/20:focus { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:text-teal-500\/20:hover { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:text-teal-500\/20:active { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:text-teal-500\/30:focus { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:text-teal-500\/30:hover { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:text-teal-500\/30:active { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:text-teal-500\/40:focus { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:text-teal-500\/40:hover { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:text-teal-500\/40:active { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:text-teal-500\/50:focus { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:text-teal-500\/50:hover { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:text-teal-500\/50:active { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:text-teal-500\/60:focus { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:text-teal-500\/60:hover { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:text-teal-500\/60:active { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:text-teal-500\/70:focus { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:text-teal-500\/70:hover { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:text-teal-500\/70:active { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:text-teal-500\/80:focus { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:text-teal-500\/80:hover { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:text-teal-500\/80:active { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:text-teal-500\/90:focus { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:text-teal-500\/90:hover { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:text-teal-500\/90:active { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:text-teal-600:focus { + color: var(--teal-600) + } + .xl\:hover\:text-teal-600:hover { + color: var(--teal-600) + } + .xl\:active\:text-teal-600:active { + color: var(--teal-600) + } + .xl\:focus\:text-teal-600\/10:focus { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:text-teal-600\/10:hover { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:text-teal-600\/10:active { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:text-teal-600\/20:focus { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:text-teal-600\/20:hover { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:text-teal-600\/20:active { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:text-teal-600\/30:focus { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:text-teal-600\/30:hover { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:text-teal-600\/30:active { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:text-teal-600\/40:focus { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:text-teal-600\/40:hover { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:text-teal-600\/40:active { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:text-teal-600\/50:focus { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:text-teal-600\/50:hover { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:text-teal-600\/50:active { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:text-teal-600\/60:focus { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:text-teal-600\/60:hover { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:text-teal-600\/60:active { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:text-teal-600\/70:focus { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:text-teal-600\/70:hover { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:text-teal-600\/70:active { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:text-teal-600\/80:focus { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:text-teal-600\/80:hover { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:text-teal-600\/80:active { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:text-teal-600\/90:focus { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:text-teal-600\/90:hover { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:text-teal-600\/90:active { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:text-teal-700:focus { + color: var(--teal-700) + } + .xl\:hover\:text-teal-700:hover { + color: var(--teal-700) + } + .xl\:active\:text-teal-700:active { + color: var(--teal-700) + } + .xl\:focus\:text-teal-700\/10:focus { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:text-teal-700\/10:hover { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:text-teal-700\/10:active { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:text-teal-700\/20:focus { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:text-teal-700\/20:hover { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:text-teal-700\/20:active { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:text-teal-700\/30:focus { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:text-teal-700\/30:hover { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:text-teal-700\/30:active { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:text-teal-700\/40:focus { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:text-teal-700\/40:hover { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:text-teal-700\/40:active { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:text-teal-700\/50:focus { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:text-teal-700\/50:hover { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:text-teal-700\/50:active { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:text-teal-700\/60:focus { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:text-teal-700\/60:hover { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:text-teal-700\/60:active { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:text-teal-700\/70:focus { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:text-teal-700\/70:hover { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:text-teal-700\/70:active { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:text-teal-700\/80:focus { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:text-teal-700\/80:hover { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:text-teal-700\/80:active { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:text-teal-700\/90:focus { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:text-teal-700\/90:hover { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:text-teal-700\/90:active { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:text-teal-800:focus { + color: var(--teal-800) + } + .xl\:hover\:text-teal-800:hover { + color: var(--teal-800) + } + .xl\:active\:text-teal-800:active { + color: var(--teal-800) + } + .xl\:focus\:text-teal-800\/10:focus { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:text-teal-800\/10:hover { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:text-teal-800\/10:active { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:text-teal-800\/20:focus { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:text-teal-800\/20:hover { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:text-teal-800\/20:active { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:text-teal-800\/30:focus { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:text-teal-800\/30:hover { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:text-teal-800\/30:active { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:text-teal-800\/40:focus { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:text-teal-800\/40:hover { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:text-teal-800\/40:active { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:text-teal-800\/50:focus { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:text-teal-800\/50:hover { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:text-teal-800\/50:active { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:text-teal-800\/60:focus { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:text-teal-800\/60:hover { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:text-teal-800\/60:active { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:text-teal-800\/70:focus { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:text-teal-800\/70:hover { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:text-teal-800\/70:active { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:text-teal-800\/80:focus { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:text-teal-800\/80:hover { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:text-teal-800\/80:active { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:text-teal-800\/90:focus { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:text-teal-800\/90:hover { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:text-teal-800\/90:active { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:text-teal-900:focus { + color: var(--teal-900) + } + .xl\:hover\:text-teal-900:hover { + color: var(--teal-900) + } + .xl\:active\:text-teal-900:active { + color: var(--teal-900) + } + .xl\:focus\:text-teal-900\/10:focus { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:text-teal-900\/10:hover { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:text-teal-900\/10:active { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:text-teal-900\/20:focus { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:text-teal-900\/20:hover { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:text-teal-900\/20:active { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:text-teal-900\/30:focus { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:text-teal-900\/30:hover { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:text-teal-900\/30:active { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:text-teal-900\/40:focus { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:text-teal-900\/40:hover { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:text-teal-900\/40:active { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:text-teal-900\/50:focus { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:text-teal-900\/50:hover { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:text-teal-900\/50:active { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:text-teal-900\/60:focus { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:text-teal-900\/60:hover { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:text-teal-900\/60:active { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:text-teal-900\/70:focus { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:text-teal-900\/70:hover { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:text-teal-900\/70:active { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:text-teal-900\/80:focus { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:text-teal-900\/80:hover { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:text-teal-900\/80:active { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:text-teal-900\/90:focus { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:text-teal-900\/90:hover { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:text-teal-900\/90:active { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:text-orange-50:focus { + color: var(--orange-50) + } + .xl\:hover\:text-orange-50:hover { + color: var(--orange-50) + } + .xl\:active\:text-orange-50:active { + color: var(--orange-50) + } + .xl\:focus\:text-orange-50\/10:focus { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:text-orange-50\/10:hover { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:text-orange-50\/10:active { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:text-orange-50\/20:focus { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:text-orange-50\/20:hover { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:text-orange-50\/20:active { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:text-orange-50\/30:focus { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:text-orange-50\/30:hover { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:text-orange-50\/30:active { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:text-orange-50\/40:focus { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:text-orange-50\/40:hover { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:text-orange-50\/40:active { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:text-orange-50\/50:focus { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:text-orange-50\/50:hover { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:text-orange-50\/50:active { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:text-orange-50\/60:focus { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:text-orange-50\/60:hover { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:text-orange-50\/60:active { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:text-orange-50\/70:focus { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:text-orange-50\/70:hover { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:text-orange-50\/70:active { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:text-orange-50\/80:focus { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:text-orange-50\/80:hover { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:text-orange-50\/80:active { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:text-orange-50\/90:focus { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:text-orange-50\/90:hover { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:text-orange-50\/90:active { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:text-orange-100:focus { + color: var(--orange-100) + } + .xl\:hover\:text-orange-100:hover { + color: var(--orange-100) + } + .xl\:active\:text-orange-100:active { + color: var(--orange-100) + } + .xl\:focus\:text-orange-100\/10:focus { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:text-orange-100\/10:hover { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:text-orange-100\/10:active { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:text-orange-100\/20:focus { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:text-orange-100\/20:hover { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:text-orange-100\/20:active { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:text-orange-100\/30:focus { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:text-orange-100\/30:hover { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:text-orange-100\/30:active { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:text-orange-100\/40:focus { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:text-orange-100\/40:hover { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:text-orange-100\/40:active { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:text-orange-100\/50:focus { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:text-orange-100\/50:hover { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:text-orange-100\/50:active { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:text-orange-100\/60:focus { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:text-orange-100\/60:hover { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:text-orange-100\/60:active { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:text-orange-100\/70:focus { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:text-orange-100\/70:hover { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:text-orange-100\/70:active { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:text-orange-100\/80:focus { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:text-orange-100\/80:hover { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:text-orange-100\/80:active { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:text-orange-100\/90:focus { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:text-orange-100\/90:hover { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:text-orange-100\/90:active { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:text-orange-200:focus { + color: var(--orange-200) + } + .xl\:hover\:text-orange-200:hover { + color: var(--orange-200) + } + .xl\:active\:text-orange-200:active { + color: var(--orange-200) + } + .xl\:focus\:text-orange-200\/10:focus { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:text-orange-200\/10:hover { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:text-orange-200\/10:active { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:text-orange-200\/20:focus { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:text-orange-200\/20:hover { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:text-orange-200\/20:active { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:text-orange-200\/30:focus { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:text-orange-200\/30:hover { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:text-orange-200\/30:active { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:text-orange-200\/40:focus { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:text-orange-200\/40:hover { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:text-orange-200\/40:active { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:text-orange-200\/50:focus { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:text-orange-200\/50:hover { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:text-orange-200\/50:active { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:text-orange-200\/60:focus { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:text-orange-200\/60:hover { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:text-orange-200\/60:active { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:text-orange-200\/70:focus { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:text-orange-200\/70:hover { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:text-orange-200\/70:active { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:text-orange-200\/80:focus { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:text-orange-200\/80:hover { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:text-orange-200\/80:active { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:text-orange-200\/90:focus { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:text-orange-200\/90:hover { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:text-orange-200\/90:active { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:text-orange-300:focus { + color: var(--orange-300) + } + .xl\:hover\:text-orange-300:hover { + color: var(--orange-300) + } + .xl\:active\:text-orange-300:active { + color: var(--orange-300) + } + .xl\:focus\:text-orange-300\/10:focus { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:text-orange-300\/10:hover { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:text-orange-300\/10:active { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:text-orange-300\/20:focus { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:text-orange-300\/20:hover { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:text-orange-300\/20:active { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:text-orange-300\/30:focus { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:text-orange-300\/30:hover { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:text-orange-300\/30:active { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:text-orange-300\/40:focus { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:text-orange-300\/40:hover { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:text-orange-300\/40:active { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:text-orange-300\/50:focus { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:text-orange-300\/50:hover { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:text-orange-300\/50:active { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:text-orange-300\/60:focus { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:text-orange-300\/60:hover { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:text-orange-300\/60:active { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:text-orange-300\/70:focus { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:text-orange-300\/70:hover { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:text-orange-300\/70:active { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:text-orange-300\/80:focus { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:text-orange-300\/80:hover { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:text-orange-300\/80:active { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:text-orange-300\/90:focus { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:text-orange-300\/90:hover { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:text-orange-300\/90:active { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:text-orange-400:focus { + color: var(--orange-400) + } + .xl\:hover\:text-orange-400:hover { + color: var(--orange-400) + } + .xl\:active\:text-orange-400:active { + color: var(--orange-400) + } + .xl\:focus\:text-orange-400\/10:focus { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:text-orange-400\/10:hover { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:text-orange-400\/10:active { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:text-orange-400\/20:focus { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:text-orange-400\/20:hover { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:text-orange-400\/20:active { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:text-orange-400\/30:focus { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:text-orange-400\/30:hover { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:text-orange-400\/30:active { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:text-orange-400\/40:focus { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:text-orange-400\/40:hover { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:text-orange-400\/40:active { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:text-orange-400\/50:focus { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:text-orange-400\/50:hover { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:text-orange-400\/50:active { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:text-orange-400\/60:focus { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:text-orange-400\/60:hover { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:text-orange-400\/60:active { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:text-orange-400\/70:focus { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:text-orange-400\/70:hover { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:text-orange-400\/70:active { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:text-orange-400\/80:focus { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:text-orange-400\/80:hover { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:text-orange-400\/80:active { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:text-orange-400\/90:focus { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:text-orange-400\/90:hover { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:text-orange-400\/90:active { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:text-orange-500:focus { + color: var(--orange-500) + } + .xl\:hover\:text-orange-500:hover { + color: var(--orange-500) + } + .xl\:active\:text-orange-500:active { + color: var(--orange-500) + } + .xl\:focus\:text-orange-500\/10:focus { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:text-orange-500\/10:hover { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:text-orange-500\/10:active { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:text-orange-500\/20:focus { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:text-orange-500\/20:hover { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:text-orange-500\/20:active { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:text-orange-500\/30:focus { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:text-orange-500\/30:hover { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:text-orange-500\/30:active { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:text-orange-500\/40:focus { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:text-orange-500\/40:hover { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:text-orange-500\/40:active { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:text-orange-500\/50:focus { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:text-orange-500\/50:hover { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:text-orange-500\/50:active { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:text-orange-500\/60:focus { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:text-orange-500\/60:hover { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:text-orange-500\/60:active { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:text-orange-500\/70:focus { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:text-orange-500\/70:hover { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:text-orange-500\/70:active { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:text-orange-500\/80:focus { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:text-orange-500\/80:hover { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:text-orange-500\/80:active { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:text-orange-500\/90:focus { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:text-orange-500\/90:hover { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:text-orange-500\/90:active { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:text-orange-600:focus { + color: var(--orange-600) + } + .xl\:hover\:text-orange-600:hover { + color: var(--orange-600) + } + .xl\:active\:text-orange-600:active { + color: var(--orange-600) + } + .xl\:focus\:text-orange-600\/10:focus { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:text-orange-600\/10:hover { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:text-orange-600\/10:active { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:text-orange-600\/20:focus { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:text-orange-600\/20:hover { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:text-orange-600\/20:active { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:text-orange-600\/30:focus { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:text-orange-600\/30:hover { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:text-orange-600\/30:active { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:text-orange-600\/40:focus { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:text-orange-600\/40:hover { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:text-orange-600\/40:active { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:text-orange-600\/50:focus { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:text-orange-600\/50:hover { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:text-orange-600\/50:active { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:text-orange-600\/60:focus { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:text-orange-600\/60:hover { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:text-orange-600\/60:active { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:text-orange-600\/70:focus { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:text-orange-600\/70:hover { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:text-orange-600\/70:active { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:text-orange-600\/80:focus { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:text-orange-600\/80:hover { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:text-orange-600\/80:active { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:text-orange-600\/90:focus { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:text-orange-600\/90:hover { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:text-orange-600\/90:active { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:text-orange-700:focus { + color: var(--orange-700) + } + .xl\:hover\:text-orange-700:hover { + color: var(--orange-700) + } + .xl\:active\:text-orange-700:active { + color: var(--orange-700) + } + .xl\:focus\:text-orange-700\/10:focus { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:text-orange-700\/10:hover { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:text-orange-700\/10:active { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:text-orange-700\/20:focus { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:text-orange-700\/20:hover { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:text-orange-700\/20:active { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:text-orange-700\/30:focus { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:text-orange-700\/30:hover { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:text-orange-700\/30:active { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:text-orange-700\/40:focus { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:text-orange-700\/40:hover { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:text-orange-700\/40:active { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:text-orange-700\/50:focus { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:text-orange-700\/50:hover { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:text-orange-700\/50:active { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:text-orange-700\/60:focus { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:text-orange-700\/60:hover { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:text-orange-700\/60:active { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:text-orange-700\/70:focus { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:text-orange-700\/70:hover { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:text-orange-700\/70:active { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:text-orange-700\/80:focus { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:text-orange-700\/80:hover { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:text-orange-700\/80:active { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:text-orange-700\/90:focus { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:text-orange-700\/90:hover { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:text-orange-700\/90:active { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:text-orange-800:focus { + color: var(--orange-800) + } + .xl\:hover\:text-orange-800:hover { + color: var(--orange-800) + } + .xl\:active\:text-orange-800:active { + color: var(--orange-800) + } + .xl\:focus\:text-orange-800\/10:focus { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:text-orange-800\/10:hover { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:text-orange-800\/10:active { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:text-orange-800\/20:focus { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:text-orange-800\/20:hover { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:text-orange-800\/20:active { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:text-orange-800\/30:focus { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:text-orange-800\/30:hover { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:text-orange-800\/30:active { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:text-orange-800\/40:focus { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:text-orange-800\/40:hover { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:text-orange-800\/40:active { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:text-orange-800\/50:focus { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:text-orange-800\/50:hover { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:text-orange-800\/50:active { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:text-orange-800\/60:focus { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:text-orange-800\/60:hover { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:text-orange-800\/60:active { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:text-orange-800\/70:focus { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:text-orange-800\/70:hover { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:text-orange-800\/70:active { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:text-orange-800\/80:focus { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:text-orange-800\/80:hover { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:text-orange-800\/80:active { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:text-orange-800\/90:focus { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:text-orange-800\/90:hover { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:text-orange-800\/90:active { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:text-orange-900:focus { + color: var(--orange-900) + } + .xl\:hover\:text-orange-900:hover { + color: var(--orange-900) + } + .xl\:active\:text-orange-900:active { + color: var(--orange-900) + } + .xl\:focus\:text-orange-900\/10:focus { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:text-orange-900\/10:hover { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:text-orange-900\/10:active { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:text-orange-900\/20:focus { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:text-orange-900\/20:hover { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:text-orange-900\/20:active { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:text-orange-900\/30:focus { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:text-orange-900\/30:hover { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:text-orange-900\/30:active { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:text-orange-900\/40:focus { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:text-orange-900\/40:hover { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:text-orange-900\/40:active { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:text-orange-900\/50:focus { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:text-orange-900\/50:hover { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:text-orange-900\/50:active { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:text-orange-900\/60:focus { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:text-orange-900\/60:hover { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:text-orange-900\/60:active { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:text-orange-900\/70:focus { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:text-orange-900\/70:hover { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:text-orange-900\/70:active { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:text-orange-900\/80:focus { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:text-orange-900\/80:hover { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:text-orange-900\/80:active { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:text-orange-900\/90:focus { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:text-orange-900\/90:hover { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:text-orange-900\/90:active { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-50:focus { + color: var(--bluegray-50) + } + .xl\:hover\:text-bluegray-50:hover { + color: var(--bluegray-50) + } + .xl\:active\:text-bluegray-50:active { + color: var(--bluegray-50) + } + .xl\:focus\:text-bluegray-50\/10:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-50\/10:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:text-bluegray-50\/10:active { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-50\/20:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-50\/20:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:text-bluegray-50\/20:active { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-50\/30:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-50\/30:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:text-bluegray-50\/30:active { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-50\/40:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-50\/40:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:text-bluegray-50\/40:active { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-50\/50:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-50\/50:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:text-bluegray-50\/50:active { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-50\/60:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-50\/60:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:text-bluegray-50\/60:active { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-50\/70:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-50\/70:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:text-bluegray-50\/70:active { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-50\/80:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-50\/80:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:text-bluegray-50\/80:active { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-50\/90:focus { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-50\/90:hover { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:text-bluegray-50\/90:active { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-100:focus { + color: var(--bluegray-100) + } + .xl\:hover\:text-bluegray-100:hover { + color: var(--bluegray-100) + } + .xl\:active\:text-bluegray-100:active { + color: var(--bluegray-100) + } + .xl\:focus\:text-bluegray-100\/10:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-100\/10:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:text-bluegray-100\/10:active { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-100\/20:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-100\/20:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:text-bluegray-100\/20:active { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-100\/30:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-100\/30:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:text-bluegray-100\/30:active { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-100\/40:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-100\/40:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:text-bluegray-100\/40:active { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-100\/50:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-100\/50:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:text-bluegray-100\/50:active { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-100\/60:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-100\/60:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:text-bluegray-100\/60:active { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-100\/70:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-100\/70:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:text-bluegray-100\/70:active { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-100\/80:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-100\/80:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:text-bluegray-100\/80:active { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-100\/90:focus { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-100\/90:hover { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:text-bluegray-100\/90:active { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-200:focus { + color: var(--bluegray-200) + } + .xl\:hover\:text-bluegray-200:hover { + color: var(--bluegray-200) + } + .xl\:active\:text-bluegray-200:active { + color: var(--bluegray-200) + } + .xl\:focus\:text-bluegray-200\/10:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-200\/10:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:text-bluegray-200\/10:active { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-200\/20:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-200\/20:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:text-bluegray-200\/20:active { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-200\/30:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-200\/30:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:text-bluegray-200\/30:active { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-200\/40:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-200\/40:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:text-bluegray-200\/40:active { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-200\/50:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-200\/50:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:text-bluegray-200\/50:active { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-200\/60:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-200\/60:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:text-bluegray-200\/60:active { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-200\/70:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-200\/70:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:text-bluegray-200\/70:active { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-200\/80:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-200\/80:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:text-bluegray-200\/80:active { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-200\/90:focus { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-200\/90:hover { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:text-bluegray-200\/90:active { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-300:focus { + color: var(--bluegray-300) + } + .xl\:hover\:text-bluegray-300:hover { + color: var(--bluegray-300) + } + .xl\:active\:text-bluegray-300:active { + color: var(--bluegray-300) + } + .xl\:focus\:text-bluegray-300\/10:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-300\/10:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:text-bluegray-300\/10:active { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-300\/20:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-300\/20:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:text-bluegray-300\/20:active { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-300\/30:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-300\/30:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:text-bluegray-300\/30:active { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-300\/40:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-300\/40:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:text-bluegray-300\/40:active { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-300\/50:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-300\/50:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:text-bluegray-300\/50:active { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-300\/60:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-300\/60:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:text-bluegray-300\/60:active { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-300\/70:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-300\/70:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:text-bluegray-300\/70:active { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-300\/80:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-300\/80:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:text-bluegray-300\/80:active { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-300\/90:focus { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-300\/90:hover { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:text-bluegray-300\/90:active { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-400:focus { + color: var(--bluegray-400) + } + .xl\:hover\:text-bluegray-400:hover { + color: var(--bluegray-400) + } + .xl\:active\:text-bluegray-400:active { + color: var(--bluegray-400) + } + .xl\:focus\:text-bluegray-400\/10:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-400\/10:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:text-bluegray-400\/10:active { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-400\/20:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-400\/20:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:text-bluegray-400\/20:active { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-400\/30:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-400\/30:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:text-bluegray-400\/30:active { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-400\/40:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-400\/40:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:text-bluegray-400\/40:active { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-400\/50:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-400\/50:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:text-bluegray-400\/50:active { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-400\/60:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-400\/60:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:text-bluegray-400\/60:active { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-400\/70:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-400\/70:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:text-bluegray-400\/70:active { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-400\/80:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-400\/80:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:text-bluegray-400\/80:active { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-400\/90:focus { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-400\/90:hover { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:text-bluegray-400\/90:active { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-500:focus { + color: var(--bluegray-500) + } + .xl\:hover\:text-bluegray-500:hover { + color: var(--bluegray-500) + } + .xl\:active\:text-bluegray-500:active { + color: var(--bluegray-500) + } + .xl\:focus\:text-bluegray-500\/10:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-500\/10:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:text-bluegray-500\/10:active { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-500\/20:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-500\/20:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:text-bluegray-500\/20:active { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-500\/30:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-500\/30:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:text-bluegray-500\/30:active { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-500\/40:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-500\/40:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:text-bluegray-500\/40:active { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-500\/50:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-500\/50:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:text-bluegray-500\/50:active { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-500\/60:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-500\/60:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:text-bluegray-500\/60:active { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-500\/70:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-500\/70:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:text-bluegray-500\/70:active { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-500\/80:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-500\/80:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:text-bluegray-500\/80:active { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-500\/90:focus { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-500\/90:hover { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:text-bluegray-500\/90:active { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-600:focus { + color: var(--bluegray-600) + } + .xl\:hover\:text-bluegray-600:hover { + color: var(--bluegray-600) + } + .xl\:active\:text-bluegray-600:active { + color: var(--bluegray-600) + } + .xl\:focus\:text-bluegray-600\/10:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-600\/10:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:text-bluegray-600\/10:active { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-600\/20:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-600\/20:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:text-bluegray-600\/20:active { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-600\/30:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-600\/30:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:text-bluegray-600\/30:active { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-600\/40:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-600\/40:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:text-bluegray-600\/40:active { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-600\/50:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-600\/50:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:text-bluegray-600\/50:active { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-600\/60:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-600\/60:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:text-bluegray-600\/60:active { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-600\/70:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-600\/70:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:text-bluegray-600\/70:active { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-600\/80:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-600\/80:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:text-bluegray-600\/80:active { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-600\/90:focus { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-600\/90:hover { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:text-bluegray-600\/90:active { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-700:focus { + color: var(--bluegray-700) + } + .xl\:hover\:text-bluegray-700:hover { + color: var(--bluegray-700) + } + .xl\:active\:text-bluegray-700:active { + color: var(--bluegray-700) + } + .xl\:focus\:text-bluegray-700\/10:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-700\/10:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:text-bluegray-700\/10:active { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-700\/20:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-700\/20:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:text-bluegray-700\/20:active { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-700\/30:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-700\/30:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:text-bluegray-700\/30:active { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-700\/40:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-700\/40:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:text-bluegray-700\/40:active { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-700\/50:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-700\/50:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:text-bluegray-700\/50:active { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-700\/60:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-700\/60:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:text-bluegray-700\/60:active { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-700\/70:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-700\/70:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:text-bluegray-700\/70:active { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-700\/80:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-700\/80:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:text-bluegray-700\/80:active { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-700\/90:focus { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-700\/90:hover { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:text-bluegray-700\/90:active { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-800:focus { + color: var(--bluegray-800) + } + .xl\:hover\:text-bluegray-800:hover { + color: var(--bluegray-800) + } + .xl\:active\:text-bluegray-800:active { + color: var(--bluegray-800) + } + .xl\:focus\:text-bluegray-800\/10:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-800\/10:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:text-bluegray-800\/10:active { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-800\/20:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-800\/20:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:text-bluegray-800\/20:active { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-800\/30:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-800\/30:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:text-bluegray-800\/30:active { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-800\/40:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-800\/40:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:text-bluegray-800\/40:active { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-800\/50:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-800\/50:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:text-bluegray-800\/50:active { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-800\/60:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-800\/60:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:text-bluegray-800\/60:active { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-800\/70:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-800\/70:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:text-bluegray-800\/70:active { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-800\/80:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-800\/80:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:text-bluegray-800\/80:active { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-800\/90:focus { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-800\/90:hover { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:text-bluegray-800\/90:active { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:text-bluegray-900:focus { + color: var(--bluegray-900) + } + .xl\:hover\:text-bluegray-900:hover { + color: var(--bluegray-900) + } + .xl\:active\:text-bluegray-900:active { + color: var(--bluegray-900) + } + .xl\:focus\:text-bluegray-900\/10:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:text-bluegray-900\/10:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:text-bluegray-900\/10:active { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:text-bluegray-900\/20:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:text-bluegray-900\/20:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:text-bluegray-900\/20:active { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:text-bluegray-900\/30:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:text-bluegray-900\/30:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:text-bluegray-900\/30:active { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:text-bluegray-900\/40:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:text-bluegray-900\/40:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:text-bluegray-900\/40:active { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:text-bluegray-900\/50:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:text-bluegray-900\/50:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:text-bluegray-900\/50:active { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:text-bluegray-900\/60:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:text-bluegray-900\/60:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:text-bluegray-900\/60:active { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:text-bluegray-900\/70:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:text-bluegray-900\/70:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:text-bluegray-900\/70:active { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:text-bluegray-900\/80:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:text-bluegray-900\/80:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:text-bluegray-900\/80:active { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:text-bluegray-900\/90:focus { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:text-bluegray-900\/90:hover { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:text-bluegray-900\/90:active { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:text-purple-50:focus { + color: var(--purple-50) + } + .xl\:hover\:text-purple-50:hover { + color: var(--purple-50) + } + .xl\:active\:text-purple-50:active { + color: var(--purple-50) + } + .xl\:focus\:text-purple-50\/10:focus { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:text-purple-50\/10:hover { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:text-purple-50\/10:active { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:text-purple-50\/20:focus { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:text-purple-50\/20:hover { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:text-purple-50\/20:active { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:text-purple-50\/30:focus { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:text-purple-50\/30:hover { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:text-purple-50\/30:active { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:text-purple-50\/40:focus { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:text-purple-50\/40:hover { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:text-purple-50\/40:active { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:text-purple-50\/50:focus { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:text-purple-50\/50:hover { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:text-purple-50\/50:active { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:text-purple-50\/60:focus { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:text-purple-50\/60:hover { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:text-purple-50\/60:active { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:text-purple-50\/70:focus { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:text-purple-50\/70:hover { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:text-purple-50\/70:active { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:text-purple-50\/80:focus { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:text-purple-50\/80:hover { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:text-purple-50\/80:active { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:text-purple-50\/90:focus { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:text-purple-50\/90:hover { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:text-purple-50\/90:active { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:text-purple-100:focus { + color: var(--purple-100) + } + .xl\:hover\:text-purple-100:hover { + color: var(--purple-100) + } + .xl\:active\:text-purple-100:active { + color: var(--purple-100) + } + .xl\:focus\:text-purple-100\/10:focus { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:text-purple-100\/10:hover { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:text-purple-100\/10:active { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:text-purple-100\/20:focus { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:text-purple-100\/20:hover { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:text-purple-100\/20:active { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:text-purple-100\/30:focus { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:text-purple-100\/30:hover { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:text-purple-100\/30:active { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:text-purple-100\/40:focus { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:text-purple-100\/40:hover { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:text-purple-100\/40:active { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:text-purple-100\/50:focus { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:text-purple-100\/50:hover { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:text-purple-100\/50:active { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:text-purple-100\/60:focus { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:text-purple-100\/60:hover { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:text-purple-100\/60:active { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:text-purple-100\/70:focus { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:text-purple-100\/70:hover { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:text-purple-100\/70:active { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:text-purple-100\/80:focus { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:text-purple-100\/80:hover { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:text-purple-100\/80:active { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:text-purple-100\/90:focus { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:text-purple-100\/90:hover { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:text-purple-100\/90:active { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:text-purple-200:focus { + color: var(--purple-200) + } + .xl\:hover\:text-purple-200:hover { + color: var(--purple-200) + } + .xl\:active\:text-purple-200:active { + color: var(--purple-200) + } + .xl\:focus\:text-purple-200\/10:focus { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:text-purple-200\/10:hover { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:text-purple-200\/10:active { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:text-purple-200\/20:focus { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:text-purple-200\/20:hover { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:text-purple-200\/20:active { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:text-purple-200\/30:focus { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:text-purple-200\/30:hover { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:text-purple-200\/30:active { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:text-purple-200\/40:focus { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:text-purple-200\/40:hover { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:text-purple-200\/40:active { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:text-purple-200\/50:focus { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:text-purple-200\/50:hover { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:text-purple-200\/50:active { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:text-purple-200\/60:focus { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:text-purple-200\/60:hover { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:text-purple-200\/60:active { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:text-purple-200\/70:focus { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:text-purple-200\/70:hover { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:text-purple-200\/70:active { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:text-purple-200\/80:focus { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:text-purple-200\/80:hover { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:text-purple-200\/80:active { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:text-purple-200\/90:focus { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:text-purple-200\/90:hover { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:text-purple-200\/90:active { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:text-purple-300:focus { + color: var(--purple-300) + } + .xl\:hover\:text-purple-300:hover { + color: var(--purple-300) + } + .xl\:active\:text-purple-300:active { + color: var(--purple-300) + } + .xl\:focus\:text-purple-300\/10:focus { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:text-purple-300\/10:hover { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:text-purple-300\/10:active { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:text-purple-300\/20:focus { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:text-purple-300\/20:hover { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:text-purple-300\/20:active { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:text-purple-300\/30:focus { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:text-purple-300\/30:hover { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:text-purple-300\/30:active { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:text-purple-300\/40:focus { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:text-purple-300\/40:hover { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:text-purple-300\/40:active { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:text-purple-300\/50:focus { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:text-purple-300\/50:hover { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:text-purple-300\/50:active { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:text-purple-300\/60:focus { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:text-purple-300\/60:hover { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:text-purple-300\/60:active { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:text-purple-300\/70:focus { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:text-purple-300\/70:hover { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:text-purple-300\/70:active { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:text-purple-300\/80:focus { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:text-purple-300\/80:hover { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:text-purple-300\/80:active { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:text-purple-300\/90:focus { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:text-purple-300\/90:hover { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:text-purple-300\/90:active { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:text-purple-400:focus { + color: var(--purple-400) + } + .xl\:hover\:text-purple-400:hover { + color: var(--purple-400) + } + .xl\:active\:text-purple-400:active { + color: var(--purple-400) + } + .xl\:focus\:text-purple-400\/10:focus { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:text-purple-400\/10:hover { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:text-purple-400\/10:active { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:text-purple-400\/20:focus { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:text-purple-400\/20:hover { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:text-purple-400\/20:active { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:text-purple-400\/30:focus { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:text-purple-400\/30:hover { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:text-purple-400\/30:active { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:text-purple-400\/40:focus { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:text-purple-400\/40:hover { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:text-purple-400\/40:active { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:text-purple-400\/50:focus { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:text-purple-400\/50:hover { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:text-purple-400\/50:active { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:text-purple-400\/60:focus { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:text-purple-400\/60:hover { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:text-purple-400\/60:active { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:text-purple-400\/70:focus { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:text-purple-400\/70:hover { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:text-purple-400\/70:active { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:text-purple-400\/80:focus { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:text-purple-400\/80:hover { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:text-purple-400\/80:active { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:text-purple-400\/90:focus { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:text-purple-400\/90:hover { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:text-purple-400\/90:active { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:text-purple-500:focus { + color: var(--purple-500) + } + .xl\:hover\:text-purple-500:hover { + color: var(--purple-500) + } + .xl\:active\:text-purple-500:active { + color: var(--purple-500) + } + .xl\:focus\:text-purple-500\/10:focus { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:text-purple-500\/10:hover { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:text-purple-500\/10:active { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:text-purple-500\/20:focus { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:text-purple-500\/20:hover { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:text-purple-500\/20:active { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:text-purple-500\/30:focus { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:text-purple-500\/30:hover { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:text-purple-500\/30:active { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:text-purple-500\/40:focus { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:text-purple-500\/40:hover { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:text-purple-500\/40:active { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:text-purple-500\/50:focus { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:text-purple-500\/50:hover { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:text-purple-500\/50:active { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:text-purple-500\/60:focus { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:text-purple-500\/60:hover { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:text-purple-500\/60:active { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:text-purple-500\/70:focus { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:text-purple-500\/70:hover { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:text-purple-500\/70:active { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:text-purple-500\/80:focus { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:text-purple-500\/80:hover { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:text-purple-500\/80:active { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:text-purple-500\/90:focus { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:text-purple-500\/90:hover { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:text-purple-500\/90:active { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:text-purple-600:focus { + color: var(--purple-600) + } + .xl\:hover\:text-purple-600:hover { + color: var(--purple-600) + } + .xl\:active\:text-purple-600:active { + color: var(--purple-600) + } + .xl\:focus\:text-purple-600\/10:focus { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:text-purple-600\/10:hover { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:text-purple-600\/10:active { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:text-purple-600\/20:focus { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:text-purple-600\/20:hover { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:text-purple-600\/20:active { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:text-purple-600\/30:focus { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:text-purple-600\/30:hover { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:text-purple-600\/30:active { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:text-purple-600\/40:focus { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:text-purple-600\/40:hover { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:text-purple-600\/40:active { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:text-purple-600\/50:focus { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:text-purple-600\/50:hover { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:text-purple-600\/50:active { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:text-purple-600\/60:focus { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:text-purple-600\/60:hover { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:text-purple-600\/60:active { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:text-purple-600\/70:focus { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:text-purple-600\/70:hover { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:text-purple-600\/70:active { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:text-purple-600\/80:focus { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:text-purple-600\/80:hover { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:text-purple-600\/80:active { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:text-purple-600\/90:focus { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:text-purple-600\/90:hover { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:text-purple-600\/90:active { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:text-purple-700:focus { + color: var(--purple-700) + } + .xl\:hover\:text-purple-700:hover { + color: var(--purple-700) + } + .xl\:active\:text-purple-700:active { + color: var(--purple-700) + } + .xl\:focus\:text-purple-700\/10:focus { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:text-purple-700\/10:hover { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:text-purple-700\/10:active { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:text-purple-700\/20:focus { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:text-purple-700\/20:hover { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:text-purple-700\/20:active { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:text-purple-700\/30:focus { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:text-purple-700\/30:hover { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:text-purple-700\/30:active { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:text-purple-700\/40:focus { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:text-purple-700\/40:hover { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:text-purple-700\/40:active { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:text-purple-700\/50:focus { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:text-purple-700\/50:hover { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:text-purple-700\/50:active { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:text-purple-700\/60:focus { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:text-purple-700\/60:hover { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:text-purple-700\/60:active { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:text-purple-700\/70:focus { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:text-purple-700\/70:hover { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:text-purple-700\/70:active { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:text-purple-700\/80:focus { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:text-purple-700\/80:hover { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:text-purple-700\/80:active { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:text-purple-700\/90:focus { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:text-purple-700\/90:hover { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:text-purple-700\/90:active { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:text-purple-800:focus { + color: var(--purple-800) + } + .xl\:hover\:text-purple-800:hover { + color: var(--purple-800) + } + .xl\:active\:text-purple-800:active { + color: var(--purple-800) + } + .xl\:focus\:text-purple-800\/10:focus { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:text-purple-800\/10:hover { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:text-purple-800\/10:active { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:text-purple-800\/20:focus { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:text-purple-800\/20:hover { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:text-purple-800\/20:active { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:text-purple-800\/30:focus { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:text-purple-800\/30:hover { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:text-purple-800\/30:active { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:text-purple-800\/40:focus { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:text-purple-800\/40:hover { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:text-purple-800\/40:active { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:text-purple-800\/50:focus { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:text-purple-800\/50:hover { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:text-purple-800\/50:active { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:text-purple-800\/60:focus { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:text-purple-800\/60:hover { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:text-purple-800\/60:active { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:text-purple-800\/70:focus { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:text-purple-800\/70:hover { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:text-purple-800\/70:active { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:text-purple-800\/80:focus { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:text-purple-800\/80:hover { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:text-purple-800\/80:active { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:text-purple-800\/90:focus { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:text-purple-800\/90:hover { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:text-purple-800\/90:active { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:text-purple-900:focus { + color: var(--purple-900) + } + .xl\:hover\:text-purple-900:hover { + color: var(--purple-900) + } + .xl\:active\:text-purple-900:active { + color: var(--purple-900) + } + .xl\:focus\:text-purple-900\/10:focus { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:text-purple-900\/10:hover { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:text-purple-900\/10:active { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:text-purple-900\/20:focus { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:text-purple-900\/20:hover { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:text-purple-900\/20:active { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:text-purple-900\/30:focus { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:text-purple-900\/30:hover { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:text-purple-900\/30:active { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:text-purple-900\/40:focus { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:text-purple-900\/40:hover { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:text-purple-900\/40:active { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:text-purple-900\/50:focus { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:text-purple-900\/50:hover { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:text-purple-900\/50:active { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:text-purple-900\/60:focus { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:text-purple-900\/60:hover { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:text-purple-900\/60:active { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:text-purple-900\/70:focus { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:text-purple-900\/70:hover { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:text-purple-900\/70:active { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:text-purple-900\/80:focus { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:text-purple-900\/80:hover { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:text-purple-900\/80:active { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:text-purple-900\/90:focus { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:text-purple-900\/90:hover { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:text-purple-900\/90:active { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:text-red-50:focus { + color: var(--red-50) + } + .xl\:hover\:text-red-50:hover { + color: var(--red-50) + } + .xl\:active\:text-red-50:active { + color: var(--red-50) + } + .xl\:focus\:text-red-50\/10:focus { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:text-red-50\/10:hover { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:text-red-50\/10:active { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:text-red-50\/20:focus { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:text-red-50\/20:hover { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:text-red-50\/20:active { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:text-red-50\/30:focus { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:text-red-50\/30:hover { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:text-red-50\/30:active { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:text-red-50\/40:focus { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:text-red-50\/40:hover { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:text-red-50\/40:active { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:text-red-50\/50:focus { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:text-red-50\/50:hover { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:text-red-50\/50:active { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:text-red-50\/60:focus { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:text-red-50\/60:hover { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:text-red-50\/60:active { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:text-red-50\/70:focus { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:text-red-50\/70:hover { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:text-red-50\/70:active { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:text-red-50\/80:focus { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:text-red-50\/80:hover { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:text-red-50\/80:active { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:text-red-50\/90:focus { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:text-red-50\/90:hover { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:text-red-50\/90:active { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:text-red-100:focus { + color: var(--red-100) + } + .xl\:hover\:text-red-100:hover { + color: var(--red-100) + } + .xl\:active\:text-red-100:active { + color: var(--red-100) + } + .xl\:focus\:text-red-100\/10:focus { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:text-red-100\/10:hover { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:text-red-100\/10:active { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:text-red-100\/20:focus { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:text-red-100\/20:hover { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:text-red-100\/20:active { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:text-red-100\/30:focus { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:text-red-100\/30:hover { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:text-red-100\/30:active { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:text-red-100\/40:focus { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:text-red-100\/40:hover { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:text-red-100\/40:active { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:text-red-100\/50:focus { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:text-red-100\/50:hover { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:text-red-100\/50:active { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:text-red-100\/60:focus { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:text-red-100\/60:hover { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:text-red-100\/60:active { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:text-red-100\/70:focus { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:text-red-100\/70:hover { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:text-red-100\/70:active { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:text-red-100\/80:focus { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:text-red-100\/80:hover { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:text-red-100\/80:active { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:text-red-100\/90:focus { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:text-red-100\/90:hover { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:text-red-100\/90:active { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:text-red-200:focus { + color: var(--red-200) + } + .xl\:hover\:text-red-200:hover { + color: var(--red-200) + } + .xl\:active\:text-red-200:active { + color: var(--red-200) + } + .xl\:focus\:text-red-200\/10:focus { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:text-red-200\/10:hover { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:text-red-200\/10:active { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:text-red-200\/20:focus { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:text-red-200\/20:hover { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:text-red-200\/20:active { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:text-red-200\/30:focus { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:text-red-200\/30:hover { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:text-red-200\/30:active { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:text-red-200\/40:focus { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:text-red-200\/40:hover { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:text-red-200\/40:active { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:text-red-200\/50:focus { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:text-red-200\/50:hover { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:text-red-200\/50:active { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:text-red-200\/60:focus { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:text-red-200\/60:hover { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:text-red-200\/60:active { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:text-red-200\/70:focus { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:text-red-200\/70:hover { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:text-red-200\/70:active { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:text-red-200\/80:focus { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:text-red-200\/80:hover { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:text-red-200\/80:active { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:text-red-200\/90:focus { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:text-red-200\/90:hover { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:text-red-200\/90:active { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:text-red-300:focus { + color: var(--red-300) + } + .xl\:hover\:text-red-300:hover { + color: var(--red-300) + } + .xl\:active\:text-red-300:active { + color: var(--red-300) + } + .xl\:focus\:text-red-300\/10:focus { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:text-red-300\/10:hover { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:text-red-300\/10:active { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:text-red-300\/20:focus { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:text-red-300\/20:hover { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:text-red-300\/20:active { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:text-red-300\/30:focus { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:text-red-300\/30:hover { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:text-red-300\/30:active { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:text-red-300\/40:focus { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:text-red-300\/40:hover { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:text-red-300\/40:active { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:text-red-300\/50:focus { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:text-red-300\/50:hover { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:text-red-300\/50:active { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:text-red-300\/60:focus { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:text-red-300\/60:hover { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:text-red-300\/60:active { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:text-red-300\/70:focus { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:text-red-300\/70:hover { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:text-red-300\/70:active { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:text-red-300\/80:focus { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:text-red-300\/80:hover { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:text-red-300\/80:active { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:text-red-300\/90:focus { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:text-red-300\/90:hover { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:text-red-300\/90:active { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:text-red-400:focus { + color: var(--red-400) + } + .xl\:hover\:text-red-400:hover { + color: var(--red-400) + } + .xl\:active\:text-red-400:active { + color: var(--red-400) + } + .xl\:focus\:text-red-400\/10:focus { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:text-red-400\/10:hover { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:text-red-400\/10:active { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:text-red-400\/20:focus { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:text-red-400\/20:hover { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:text-red-400\/20:active { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:text-red-400\/30:focus { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:text-red-400\/30:hover { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:text-red-400\/30:active { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:text-red-400\/40:focus { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:text-red-400\/40:hover { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:text-red-400\/40:active { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:text-red-400\/50:focus { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:text-red-400\/50:hover { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:text-red-400\/50:active { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:text-red-400\/60:focus { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:text-red-400\/60:hover { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:text-red-400\/60:active { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:text-red-400\/70:focus { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:text-red-400\/70:hover { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:text-red-400\/70:active { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:text-red-400\/80:focus { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:text-red-400\/80:hover { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:text-red-400\/80:active { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:text-red-400\/90:focus { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:text-red-400\/90:hover { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:text-red-400\/90:active { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:text-red-500:focus { + color: var(--red-500) + } + .xl\:hover\:text-red-500:hover { + color: var(--red-500) + } + .xl\:active\:text-red-500:active { + color: var(--red-500) + } + .xl\:focus\:text-red-500\/10:focus { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:text-red-500\/10:hover { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:text-red-500\/10:active { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:text-red-500\/20:focus { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:text-red-500\/20:hover { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:text-red-500\/20:active { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:text-red-500\/30:focus { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:text-red-500\/30:hover { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:text-red-500\/30:active { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:text-red-500\/40:focus { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:text-red-500\/40:hover { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:text-red-500\/40:active { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:text-red-500\/50:focus { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:text-red-500\/50:hover { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:text-red-500\/50:active { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:text-red-500\/60:focus { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:text-red-500\/60:hover { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:text-red-500\/60:active { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:text-red-500\/70:focus { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:text-red-500\/70:hover { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:text-red-500\/70:active { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:text-red-500\/80:focus { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:text-red-500\/80:hover { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:text-red-500\/80:active { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:text-red-500\/90:focus { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:text-red-500\/90:hover { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:text-red-500\/90:active { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:text-red-600:focus { + color: var(--red-600) + } + .xl\:hover\:text-red-600:hover { + color: var(--red-600) + } + .xl\:active\:text-red-600:active { + color: var(--red-600) + } + .xl\:focus\:text-red-600\/10:focus { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:text-red-600\/10:hover { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:text-red-600\/10:active { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:text-red-600\/20:focus { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:text-red-600\/20:hover { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:text-red-600\/20:active { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:text-red-600\/30:focus { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:text-red-600\/30:hover { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:text-red-600\/30:active { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:text-red-600\/40:focus { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:text-red-600\/40:hover { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:text-red-600\/40:active { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:text-red-600\/50:focus { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:text-red-600\/50:hover { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:text-red-600\/50:active { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:text-red-600\/60:focus { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:text-red-600\/60:hover { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:text-red-600\/60:active { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:text-red-600\/70:focus { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:text-red-600\/70:hover { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:text-red-600\/70:active { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:text-red-600\/80:focus { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:text-red-600\/80:hover { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:text-red-600\/80:active { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:text-red-600\/90:focus { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:text-red-600\/90:hover { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:text-red-600\/90:active { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:text-red-700:focus { + color: var(--red-700) + } + .xl\:hover\:text-red-700:hover { + color: var(--red-700) + } + .xl\:active\:text-red-700:active { + color: var(--red-700) + } + .xl\:focus\:text-red-700\/10:focus { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:text-red-700\/10:hover { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:text-red-700\/10:active { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:text-red-700\/20:focus { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:text-red-700\/20:hover { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:text-red-700\/20:active { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:text-red-700\/30:focus { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:text-red-700\/30:hover { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:text-red-700\/30:active { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:text-red-700\/40:focus { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:text-red-700\/40:hover { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:text-red-700\/40:active { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:text-red-700\/50:focus { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:text-red-700\/50:hover { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:text-red-700\/50:active { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:text-red-700\/60:focus { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:text-red-700\/60:hover { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:text-red-700\/60:active { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:text-red-700\/70:focus { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:text-red-700\/70:hover { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:text-red-700\/70:active { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:text-red-700\/80:focus { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:text-red-700\/80:hover { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:text-red-700\/80:active { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:text-red-700\/90:focus { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:text-red-700\/90:hover { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:text-red-700\/90:active { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:text-red-800:focus { + color: var(--red-800) + } + .xl\:hover\:text-red-800:hover { + color: var(--red-800) + } + .xl\:active\:text-red-800:active { + color: var(--red-800) + } + .xl\:focus\:text-red-800\/10:focus { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:text-red-800\/10:hover { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:text-red-800\/10:active { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:text-red-800\/20:focus { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:text-red-800\/20:hover { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:text-red-800\/20:active { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:text-red-800\/30:focus { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:text-red-800\/30:hover { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:text-red-800\/30:active { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:text-red-800\/40:focus { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:text-red-800\/40:hover { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:text-red-800\/40:active { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:text-red-800\/50:focus { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:text-red-800\/50:hover { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:text-red-800\/50:active { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:text-red-800\/60:focus { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:text-red-800\/60:hover { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:text-red-800\/60:active { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:text-red-800\/70:focus { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:text-red-800\/70:hover { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:text-red-800\/70:active { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:text-red-800\/80:focus { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:text-red-800\/80:hover { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:text-red-800\/80:active { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:text-red-800\/90:focus { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:text-red-800\/90:hover { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:text-red-800\/90:active { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:text-red-900:focus { + color: var(--red-900) + } + .xl\:hover\:text-red-900:hover { + color: var(--red-900) + } + .xl\:active\:text-red-900:active { + color: var(--red-900) + } + .xl\:focus\:text-red-900\/10:focus { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:text-red-900\/10:hover { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:text-red-900\/10:active { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:text-red-900\/20:focus { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:text-red-900\/20:hover { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:text-red-900\/20:active { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:text-red-900\/30:focus { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:text-red-900\/30:hover { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:text-red-900\/30:active { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:text-red-900\/40:focus { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:text-red-900\/40:hover { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:text-red-900\/40:active { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:text-red-900\/50:focus { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:text-red-900\/50:hover { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:text-red-900\/50:active { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:text-red-900\/60:focus { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:text-red-900\/60:hover { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:text-red-900\/60:active { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:text-red-900\/70:focus { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:text-red-900\/70:hover { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:text-red-900\/70:active { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:text-red-900\/80:focus { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:text-red-900\/80:hover { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:text-red-900\/80:active { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:text-red-900\/90:focus { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:text-red-900\/90:hover { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:text-red-900\/90:active { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:text-gray-50:focus { + color: var(--gray-50) + } + .xl\:hover\:text-gray-50:hover { + color: var(--gray-50) + } + .xl\:active\:text-gray-50:active { + color: var(--gray-50) + } + .xl\:focus\:text-gray-50\/10:focus { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:text-gray-50\/10:hover { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:text-gray-50\/10:active { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:text-gray-50\/20:focus { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:text-gray-50\/20:hover { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:text-gray-50\/20:active { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:text-gray-50\/30:focus { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:text-gray-50\/30:hover { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:text-gray-50\/30:active { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:text-gray-50\/40:focus { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:text-gray-50\/40:hover { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:text-gray-50\/40:active { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:text-gray-50\/50:focus { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:text-gray-50\/50:hover { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:text-gray-50\/50:active { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:text-gray-50\/60:focus { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:text-gray-50\/60:hover { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:text-gray-50\/60:active { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:text-gray-50\/70:focus { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:text-gray-50\/70:hover { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:text-gray-50\/70:active { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:text-gray-50\/80:focus { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:text-gray-50\/80:hover { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:text-gray-50\/80:active { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:text-gray-50\/90:focus { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:text-gray-50\/90:hover { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:text-gray-50\/90:active { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:text-gray-100:focus { + color: var(--gray-100) + } + .xl\:hover\:text-gray-100:hover { + color: var(--gray-100) + } + .xl\:active\:text-gray-100:active { + color: var(--gray-100) + } + .xl\:focus\:text-gray-100\/10:focus { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:text-gray-100\/10:hover { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:text-gray-100\/10:active { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:text-gray-100\/20:focus { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:text-gray-100\/20:hover { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:text-gray-100\/20:active { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:text-gray-100\/30:focus { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:text-gray-100\/30:hover { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:text-gray-100\/30:active { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:text-gray-100\/40:focus { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:text-gray-100\/40:hover { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:text-gray-100\/40:active { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:text-gray-100\/50:focus { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:text-gray-100\/50:hover { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:text-gray-100\/50:active { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:text-gray-100\/60:focus { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:text-gray-100\/60:hover { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:text-gray-100\/60:active { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:text-gray-100\/70:focus { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:text-gray-100\/70:hover { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:text-gray-100\/70:active { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:text-gray-100\/80:focus { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:text-gray-100\/80:hover { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:text-gray-100\/80:active { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:text-gray-100\/90:focus { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:text-gray-100\/90:hover { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:text-gray-100\/90:active { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:text-gray-200:focus { + color: var(--gray-200) + } + .xl\:hover\:text-gray-200:hover { + color: var(--gray-200) + } + .xl\:active\:text-gray-200:active { + color: var(--gray-200) + } + .xl\:focus\:text-gray-200\/10:focus { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:text-gray-200\/10:hover { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:text-gray-200\/10:active { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:text-gray-200\/20:focus { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:text-gray-200\/20:hover { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:text-gray-200\/20:active { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:text-gray-200\/30:focus { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:text-gray-200\/30:hover { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:text-gray-200\/30:active { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:text-gray-200\/40:focus { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:text-gray-200\/40:hover { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:text-gray-200\/40:active { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:text-gray-200\/50:focus { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:text-gray-200\/50:hover { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:text-gray-200\/50:active { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:text-gray-200\/60:focus { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:text-gray-200\/60:hover { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:text-gray-200\/60:active { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:text-gray-200\/70:focus { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:text-gray-200\/70:hover { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:text-gray-200\/70:active { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:text-gray-200\/80:focus { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:text-gray-200\/80:hover { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:text-gray-200\/80:active { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:text-gray-200\/90:focus { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:text-gray-200\/90:hover { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:text-gray-200\/90:active { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:text-gray-300:focus { + color: var(--gray-300) + } + .xl\:hover\:text-gray-300:hover { + color: var(--gray-300) + } + .xl\:active\:text-gray-300:active { + color: var(--gray-300) + } + .xl\:focus\:text-gray-300\/10:focus { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:text-gray-300\/10:hover { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:text-gray-300\/10:active { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:text-gray-300\/20:focus { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:text-gray-300\/20:hover { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:text-gray-300\/20:active { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:text-gray-300\/30:focus { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:text-gray-300\/30:hover { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:text-gray-300\/30:active { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:text-gray-300\/40:focus { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:text-gray-300\/40:hover { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:text-gray-300\/40:active { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:text-gray-300\/50:focus { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:text-gray-300\/50:hover { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:text-gray-300\/50:active { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:text-gray-300\/60:focus { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:text-gray-300\/60:hover { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:text-gray-300\/60:active { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:text-gray-300\/70:focus { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:text-gray-300\/70:hover { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:text-gray-300\/70:active { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:text-gray-300\/80:focus { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:text-gray-300\/80:hover { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:text-gray-300\/80:active { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:text-gray-300\/90:focus { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:text-gray-300\/90:hover { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:text-gray-300\/90:active { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:text-gray-400:focus { + color: var(--gray-400) + } + .xl\:hover\:text-gray-400:hover { + color: var(--gray-400) + } + .xl\:active\:text-gray-400:active { + color: var(--gray-400) + } + .xl\:focus\:text-gray-400\/10:focus { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:text-gray-400\/10:hover { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:text-gray-400\/10:active { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:text-gray-400\/20:focus { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:text-gray-400\/20:hover { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:text-gray-400\/20:active { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:text-gray-400\/30:focus { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:text-gray-400\/30:hover { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:text-gray-400\/30:active { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:text-gray-400\/40:focus { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:text-gray-400\/40:hover { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:text-gray-400\/40:active { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:text-gray-400\/50:focus { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:text-gray-400\/50:hover { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:text-gray-400\/50:active { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:text-gray-400\/60:focus { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:text-gray-400\/60:hover { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:text-gray-400\/60:active { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:text-gray-400\/70:focus { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:text-gray-400\/70:hover { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:text-gray-400\/70:active { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:text-gray-400\/80:focus { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:text-gray-400\/80:hover { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:text-gray-400\/80:active { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:text-gray-400\/90:focus { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:text-gray-400\/90:hover { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:text-gray-400\/90:active { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:text-gray-500:focus { + color: var(--gray-500) + } + .xl\:hover\:text-gray-500:hover { + color: var(--gray-500) + } + .xl\:active\:text-gray-500:active { + color: var(--gray-500) + } + .xl\:focus\:text-gray-500\/10:focus { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:text-gray-500\/10:hover { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:text-gray-500\/10:active { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:text-gray-500\/20:focus { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:text-gray-500\/20:hover { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:text-gray-500\/20:active { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:text-gray-500\/30:focus { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:text-gray-500\/30:hover { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:text-gray-500\/30:active { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:text-gray-500\/40:focus { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:text-gray-500\/40:hover { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:text-gray-500\/40:active { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:text-gray-500\/50:focus { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:text-gray-500\/50:hover { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:text-gray-500\/50:active { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:text-gray-500\/60:focus { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:text-gray-500\/60:hover { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:text-gray-500\/60:active { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:text-gray-500\/70:focus { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:text-gray-500\/70:hover { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:text-gray-500\/70:active { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:text-gray-500\/80:focus { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:text-gray-500\/80:hover { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:text-gray-500\/80:active { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:text-gray-500\/90:focus { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:text-gray-500\/90:hover { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:text-gray-500\/90:active { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:text-gray-600:focus { + color: var(--gray-600) + } + .xl\:hover\:text-gray-600:hover { + color: var(--gray-600) + } + .xl\:active\:text-gray-600:active { + color: var(--gray-600) + } + .xl\:focus\:text-gray-600\/10:focus { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:text-gray-600\/10:hover { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:text-gray-600\/10:active { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:text-gray-600\/20:focus { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:text-gray-600\/20:hover { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:text-gray-600\/20:active { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:text-gray-600\/30:focus { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:text-gray-600\/30:hover { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:text-gray-600\/30:active { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:text-gray-600\/40:focus { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:text-gray-600\/40:hover { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:text-gray-600\/40:active { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:text-gray-600\/50:focus { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:text-gray-600\/50:hover { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:text-gray-600\/50:active { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:text-gray-600\/60:focus { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:text-gray-600\/60:hover { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:text-gray-600\/60:active { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:text-gray-600\/70:focus { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:text-gray-600\/70:hover { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:text-gray-600\/70:active { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:text-gray-600\/80:focus { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:text-gray-600\/80:hover { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:text-gray-600\/80:active { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:text-gray-600\/90:focus { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:text-gray-600\/90:hover { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:text-gray-600\/90:active { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:text-gray-700:focus { + color: var(--gray-700) + } + .xl\:hover\:text-gray-700:hover { + color: var(--gray-700) + } + .xl\:active\:text-gray-700:active { + color: var(--gray-700) + } + .xl\:focus\:text-gray-700\/10:focus { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:text-gray-700\/10:hover { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:text-gray-700\/10:active { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:text-gray-700\/20:focus { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:text-gray-700\/20:hover { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:text-gray-700\/20:active { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:text-gray-700\/30:focus { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:text-gray-700\/30:hover { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:text-gray-700\/30:active { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:text-gray-700\/40:focus { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:text-gray-700\/40:hover { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:text-gray-700\/40:active { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:text-gray-700\/50:focus { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:text-gray-700\/50:hover { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:text-gray-700\/50:active { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:text-gray-700\/60:focus { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:text-gray-700\/60:hover { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:text-gray-700\/60:active { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:text-gray-700\/70:focus { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:text-gray-700\/70:hover { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:text-gray-700\/70:active { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:text-gray-700\/80:focus { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:text-gray-700\/80:hover { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:text-gray-700\/80:active { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:text-gray-700\/90:focus { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:text-gray-700\/90:hover { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:text-gray-700\/90:active { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:text-gray-800:focus { + color: var(--gray-800) + } + .xl\:hover\:text-gray-800:hover { + color: var(--gray-800) + } + .xl\:active\:text-gray-800:active { + color: var(--gray-800) + } + .xl\:focus\:text-gray-800\/10:focus { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:text-gray-800\/10:hover { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:text-gray-800\/10:active { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:text-gray-800\/20:focus { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:text-gray-800\/20:hover { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:text-gray-800\/20:active { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:text-gray-800\/30:focus { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:text-gray-800\/30:hover { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:text-gray-800\/30:active { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:text-gray-800\/40:focus { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:text-gray-800\/40:hover { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:text-gray-800\/40:active { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:text-gray-800\/50:focus { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:text-gray-800\/50:hover { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:text-gray-800\/50:active { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:text-gray-800\/60:focus { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:text-gray-800\/60:hover { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:text-gray-800\/60:active { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:text-gray-800\/70:focus { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:text-gray-800\/70:hover { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:text-gray-800\/70:active { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:text-gray-800\/80:focus { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:text-gray-800\/80:hover { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:text-gray-800\/80:active { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:text-gray-800\/90:focus { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:text-gray-800\/90:hover { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:text-gray-800\/90:active { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:text-gray-900:focus { + color: var(--gray-900) + } + .xl\:hover\:text-gray-900:hover { + color: var(--gray-900) + } + .xl\:active\:text-gray-900:active { + color: var(--gray-900) + } + .xl\:focus\:text-gray-900\/10:focus { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:text-gray-900\/10:hover { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:text-gray-900\/10:active { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:text-gray-900\/20:focus { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:text-gray-900\/20:hover { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:text-gray-900\/20:active { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:text-gray-900\/30:focus { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:text-gray-900\/30:hover { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:text-gray-900\/30:active { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:text-gray-900\/40:focus { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:text-gray-900\/40:hover { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:text-gray-900\/40:active { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:text-gray-900\/50:focus { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:text-gray-900\/50:hover { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:text-gray-900\/50:active { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:text-gray-900\/60:focus { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:text-gray-900\/60:hover { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:text-gray-900\/60:active { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:text-gray-900\/70:focus { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:text-gray-900\/70:hover { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:text-gray-900\/70:active { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:text-gray-900\/80:focus { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:text-gray-900\/80:hover { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:text-gray-900\/80:active { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:text-gray-900\/90:focus { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:text-gray-900\/90:hover { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:text-gray-900\/90:active { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:text-surface-0:focus { + color: var(--surface-0) + } + .xl\:hover\:text-surface-0:hover { + color: var(--surface-0) + } + .xl\:active\:text-surface-0:active { + color: var(--surface-0) + } + .xl\:focus\:text-surface-0\/10:focus { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:text-surface-0\/10:hover { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:text-surface-0\/10:active { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:text-surface-0\/20:focus { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:text-surface-0\/20:hover { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:text-surface-0\/20:active { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:text-surface-0\/30:focus { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:text-surface-0\/30:hover { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:text-surface-0\/30:active { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:text-surface-0\/40:focus { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:text-surface-0\/40:hover { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:text-surface-0\/40:active { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:text-surface-0\/50:focus { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:text-surface-0\/50:hover { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:text-surface-0\/50:active { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:text-surface-0\/60:focus { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:text-surface-0\/60:hover { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:text-surface-0\/60:active { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:text-surface-0\/70:focus { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:text-surface-0\/70:hover { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:text-surface-0\/70:active { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:text-surface-0\/80:focus { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:text-surface-0\/80:hover { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:text-surface-0\/80:active { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:text-surface-0\/90:focus { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:text-surface-0\/90:hover { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:text-surface-0\/90:active { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:text-surface-50:focus { + color: var(--surface-50) + } + .xl\:hover\:text-surface-50:hover { + color: var(--surface-50) + } + .xl\:active\:text-surface-50:active { + color: var(--surface-50) + } + .xl\:focus\:text-surface-50\/10:focus { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:text-surface-50\/10:hover { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:text-surface-50\/10:active { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:text-surface-50\/20:focus { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:text-surface-50\/20:hover { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:text-surface-50\/20:active { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:text-surface-50\/30:focus { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:text-surface-50\/30:hover { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:text-surface-50\/30:active { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:text-surface-50\/40:focus { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:text-surface-50\/40:hover { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:text-surface-50\/40:active { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:text-surface-50\/50:focus { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:text-surface-50\/50:hover { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:text-surface-50\/50:active { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:text-surface-50\/60:focus { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:text-surface-50\/60:hover { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:text-surface-50\/60:active { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:text-surface-50\/70:focus { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:text-surface-50\/70:hover { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:text-surface-50\/70:active { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:text-surface-50\/80:focus { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:text-surface-50\/80:hover { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:text-surface-50\/80:active { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:text-surface-50\/90:focus { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:text-surface-50\/90:hover { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:text-surface-50\/90:active { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:text-surface-100:focus { + color: var(--surface-100) + } + .xl\:hover\:text-surface-100:hover { + color: var(--surface-100) + } + .xl\:active\:text-surface-100:active { + color: var(--surface-100) + } + .xl\:focus\:text-surface-100\/10:focus { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:text-surface-100\/10:hover { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:text-surface-100\/10:active { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:text-surface-100\/20:focus { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:text-surface-100\/20:hover { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:text-surface-100\/20:active { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:text-surface-100\/30:focus { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:text-surface-100\/30:hover { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:text-surface-100\/30:active { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:text-surface-100\/40:focus { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:text-surface-100\/40:hover { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:text-surface-100\/40:active { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:text-surface-100\/50:focus { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:text-surface-100\/50:hover { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:text-surface-100\/50:active { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:text-surface-100\/60:focus { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:text-surface-100\/60:hover { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:text-surface-100\/60:active { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:text-surface-100\/70:focus { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:text-surface-100\/70:hover { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:text-surface-100\/70:active { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:text-surface-100\/80:focus { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:text-surface-100\/80:hover { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:text-surface-100\/80:active { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:text-surface-100\/90:focus { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:text-surface-100\/90:hover { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:text-surface-100\/90:active { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:text-surface-200:focus { + color: var(--surface-200) + } + .xl\:hover\:text-surface-200:hover { + color: var(--surface-200) + } + .xl\:active\:text-surface-200:active { + color: var(--surface-200) + } + .xl\:focus\:text-surface-200\/10:focus { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:text-surface-200\/10:hover { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:text-surface-200\/10:active { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:text-surface-200\/20:focus { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:text-surface-200\/20:hover { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:text-surface-200\/20:active { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:text-surface-200\/30:focus { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:text-surface-200\/30:hover { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:text-surface-200\/30:active { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:text-surface-200\/40:focus { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:text-surface-200\/40:hover { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:text-surface-200\/40:active { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:text-surface-200\/50:focus { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:text-surface-200\/50:hover { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:text-surface-200\/50:active { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:text-surface-200\/60:focus { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:text-surface-200\/60:hover { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:text-surface-200\/60:active { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:text-surface-200\/70:focus { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:text-surface-200\/70:hover { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:text-surface-200\/70:active { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:text-surface-200\/80:focus { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:text-surface-200\/80:hover { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:text-surface-200\/80:active { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:text-surface-200\/90:focus { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:text-surface-200\/90:hover { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:text-surface-200\/90:active { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:text-surface-300:focus { + color: var(--surface-300) + } + .xl\:hover\:text-surface-300:hover { + color: var(--surface-300) + } + .xl\:active\:text-surface-300:active { + color: var(--surface-300) + } + .xl\:focus\:text-surface-300\/10:focus { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:text-surface-300\/10:hover { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:text-surface-300\/10:active { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:text-surface-300\/20:focus { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:text-surface-300\/20:hover { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:text-surface-300\/20:active { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:text-surface-300\/30:focus { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:text-surface-300\/30:hover { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:text-surface-300\/30:active { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:text-surface-300\/40:focus { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:text-surface-300\/40:hover { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:text-surface-300\/40:active { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:text-surface-300\/50:focus { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:text-surface-300\/50:hover { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:text-surface-300\/50:active { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:text-surface-300\/60:focus { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:text-surface-300\/60:hover { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:text-surface-300\/60:active { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:text-surface-300\/70:focus { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:text-surface-300\/70:hover { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:text-surface-300\/70:active { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:text-surface-300\/80:focus { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:text-surface-300\/80:hover { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:text-surface-300\/80:active { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:text-surface-300\/90:focus { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:text-surface-300\/90:hover { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:text-surface-300\/90:active { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:text-surface-400:focus { + color: var(--surface-400) + } + .xl\:hover\:text-surface-400:hover { + color: var(--surface-400) + } + .xl\:active\:text-surface-400:active { + color: var(--surface-400) + } + .xl\:focus\:text-surface-400\/10:focus { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:text-surface-400\/10:hover { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:text-surface-400\/10:active { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:text-surface-400\/20:focus { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:text-surface-400\/20:hover { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:text-surface-400\/20:active { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:text-surface-400\/30:focus { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:text-surface-400\/30:hover { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:text-surface-400\/30:active { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:text-surface-400\/40:focus { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:text-surface-400\/40:hover { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:text-surface-400\/40:active { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:text-surface-400\/50:focus { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:text-surface-400\/50:hover { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:text-surface-400\/50:active { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:text-surface-400\/60:focus { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:text-surface-400\/60:hover { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:text-surface-400\/60:active { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:text-surface-400\/70:focus { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:text-surface-400\/70:hover { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:text-surface-400\/70:active { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:text-surface-400\/80:focus { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:text-surface-400\/80:hover { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:text-surface-400\/80:active { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:text-surface-400\/90:focus { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:text-surface-400\/90:hover { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:text-surface-400\/90:active { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:text-surface-500:focus { + color: var(--surface-500) + } + .xl\:hover\:text-surface-500:hover { + color: var(--surface-500) + } + .xl\:active\:text-surface-500:active { + color: var(--surface-500) + } + .xl\:focus\:text-surface-500\/10:focus { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:text-surface-500\/10:hover { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:text-surface-500\/10:active { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:text-surface-500\/20:focus { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:text-surface-500\/20:hover { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:text-surface-500\/20:active { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:text-surface-500\/30:focus { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:text-surface-500\/30:hover { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:text-surface-500\/30:active { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:text-surface-500\/40:focus { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:text-surface-500\/40:hover { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:text-surface-500\/40:active { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:text-surface-500\/50:focus { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:text-surface-500\/50:hover { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:text-surface-500\/50:active { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:text-surface-500\/60:focus { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:text-surface-500\/60:hover { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:text-surface-500\/60:active { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:text-surface-500\/70:focus { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:text-surface-500\/70:hover { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:text-surface-500\/70:active { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:text-surface-500\/80:focus { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:text-surface-500\/80:hover { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:text-surface-500\/80:active { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:text-surface-500\/90:focus { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:text-surface-500\/90:hover { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:text-surface-500\/90:active { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:text-surface-600:focus { + color: var(--surface-600) + } + .xl\:hover\:text-surface-600:hover { + color: var(--surface-600) + } + .xl\:active\:text-surface-600:active { + color: var(--surface-600) + } + .xl\:focus\:text-surface-600\/10:focus { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:text-surface-600\/10:hover { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:text-surface-600\/10:active { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:text-surface-600\/20:focus { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:text-surface-600\/20:hover { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:text-surface-600\/20:active { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:text-surface-600\/30:focus { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:text-surface-600\/30:hover { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:text-surface-600\/30:active { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:text-surface-600\/40:focus { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:text-surface-600\/40:hover { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:text-surface-600\/40:active { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:text-surface-600\/50:focus { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:text-surface-600\/50:hover { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:text-surface-600\/50:active { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:text-surface-600\/60:focus { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:text-surface-600\/60:hover { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:text-surface-600\/60:active { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:text-surface-600\/70:focus { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:text-surface-600\/70:hover { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:text-surface-600\/70:active { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:text-surface-600\/80:focus { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:text-surface-600\/80:hover { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:text-surface-600\/80:active { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:text-surface-600\/90:focus { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:text-surface-600\/90:hover { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:text-surface-600\/90:active { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:text-surface-700:focus { + color: var(--surface-700) + } + .xl\:hover\:text-surface-700:hover { + color: var(--surface-700) + } + .xl\:active\:text-surface-700:active { + color: var(--surface-700) + } + .xl\:focus\:text-surface-700\/10:focus { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:text-surface-700\/10:hover { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:text-surface-700\/10:active { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:text-surface-700\/20:focus { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:text-surface-700\/20:hover { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:text-surface-700\/20:active { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:text-surface-700\/30:focus { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:text-surface-700\/30:hover { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:text-surface-700\/30:active { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:text-surface-700\/40:focus { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:text-surface-700\/40:hover { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:text-surface-700\/40:active { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:text-surface-700\/50:focus { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:text-surface-700\/50:hover { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:text-surface-700\/50:active { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:text-surface-700\/60:focus { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:text-surface-700\/60:hover { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:text-surface-700\/60:active { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:text-surface-700\/70:focus { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:text-surface-700\/70:hover { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:text-surface-700\/70:active { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:text-surface-700\/80:focus { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:text-surface-700\/80:hover { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:text-surface-700\/80:active { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:text-surface-700\/90:focus { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:text-surface-700\/90:hover { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:text-surface-700\/90:active { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:text-surface-800:focus { + color: var(--surface-800) + } + .xl\:hover\:text-surface-800:hover { + color: var(--surface-800) + } + .xl\:active\:text-surface-800:active { + color: var(--surface-800) + } + .xl\:focus\:text-surface-800\/10:focus { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:text-surface-800\/10:hover { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:text-surface-800\/10:active { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:text-surface-800\/20:focus { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:text-surface-800\/20:hover { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:text-surface-800\/20:active { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:text-surface-800\/30:focus { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:text-surface-800\/30:hover { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:text-surface-800\/30:active { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:text-surface-800\/40:focus { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:text-surface-800\/40:hover { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:text-surface-800\/40:active { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:text-surface-800\/50:focus { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:text-surface-800\/50:hover { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:text-surface-800\/50:active { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:text-surface-800\/60:focus { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:text-surface-800\/60:hover { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:text-surface-800\/60:active { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:text-surface-800\/70:focus { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:text-surface-800\/70:hover { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:text-surface-800\/70:active { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:text-surface-800\/80:focus { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:text-surface-800\/80:hover { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:text-surface-800\/80:active { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:text-surface-800\/90:focus { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:text-surface-800\/90:hover { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:text-surface-800\/90:active { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:text-surface-900:focus { + color: var(--surface-900) + } + .xl\:hover\:text-surface-900:hover { + color: var(--surface-900) + } + .xl\:active\:text-surface-900:active { + color: var(--surface-900) + } + .xl\:focus\:text-surface-900\/10:focus { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:text-surface-900\/10:hover { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:text-surface-900\/10:active { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:text-surface-900\/20:focus { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:text-surface-900\/20:hover { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:text-surface-900\/20:active { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:text-surface-900\/30:focus { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:text-surface-900\/30:hover { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:text-surface-900\/30:active { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:text-surface-900\/40:focus { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:text-surface-900\/40:hover { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:text-surface-900\/40:active { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:text-surface-900\/50:focus { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:text-surface-900\/50:hover { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:text-surface-900\/50:active { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:text-surface-900\/60:focus { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:text-surface-900\/60:hover { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:text-surface-900\/60:active { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:text-surface-900\/70:focus { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:text-surface-900\/70:hover { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:text-surface-900\/70:active { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:text-surface-900\/80:focus { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:text-surface-900\/80:hover { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:text-surface-900\/80:active { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:text-surface-900\/90:focus { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:text-surface-900\/90:hover { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:text-surface-900\/90:active { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:text-primary-50:focus { + color: var(--primary-50) + } + .xl\:hover\:text-primary-50:hover { + color: var(--primary-50) + } + .xl\:active\:text-primary-50:active { + color: var(--primary-50) + } + .xl\:focus\:text-primary-50\/10:focus { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:text-primary-50\/10:hover { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:text-primary-50\/10:active { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:text-primary-50\/20:focus { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:text-primary-50\/20:hover { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:text-primary-50\/20:active { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:text-primary-50\/30:focus { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:text-primary-50\/30:hover { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:text-primary-50\/30:active { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:text-primary-50\/40:focus { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:text-primary-50\/40:hover { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:text-primary-50\/40:active { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:text-primary-50\/50:focus { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:text-primary-50\/50:hover { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:text-primary-50\/50:active { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:text-primary-50\/60:focus { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:text-primary-50\/60:hover { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:text-primary-50\/60:active { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:text-primary-50\/70:focus { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:text-primary-50\/70:hover { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:text-primary-50\/70:active { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:text-primary-50\/80:focus { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:text-primary-50\/80:hover { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:text-primary-50\/80:active { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:text-primary-50\/90:focus { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:text-primary-50\/90:hover { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:text-primary-50\/90:active { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:text-primary-100:focus { + color: var(--primary-100) + } + .xl\:hover\:text-primary-100:hover { + color: var(--primary-100) + } + .xl\:active\:text-primary-100:active { + color: var(--primary-100) + } + .xl\:focus\:text-primary-100\/10:focus { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:text-primary-100\/10:hover { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:text-primary-100\/10:active { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:text-primary-100\/20:focus { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:text-primary-100\/20:hover { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:text-primary-100\/20:active { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:text-primary-100\/30:focus { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:text-primary-100\/30:hover { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:text-primary-100\/30:active { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:text-primary-100\/40:focus { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:text-primary-100\/40:hover { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:text-primary-100\/40:active { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:text-primary-100\/50:focus { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:text-primary-100\/50:hover { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:text-primary-100\/50:active { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:text-primary-100\/60:focus { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:text-primary-100\/60:hover { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:text-primary-100\/60:active { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:text-primary-100\/70:focus { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:text-primary-100\/70:hover { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:text-primary-100\/70:active { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:text-primary-100\/80:focus { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:text-primary-100\/80:hover { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:text-primary-100\/80:active { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:text-primary-100\/90:focus { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:text-primary-100\/90:hover { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:text-primary-100\/90:active { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:text-primary-200:focus { + color: var(--primary-200) + } + .xl\:hover\:text-primary-200:hover { + color: var(--primary-200) + } + .xl\:active\:text-primary-200:active { + color: var(--primary-200) + } + .xl\:focus\:text-primary-200\/10:focus { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:text-primary-200\/10:hover { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:text-primary-200\/10:active { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:text-primary-200\/20:focus { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:text-primary-200\/20:hover { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:text-primary-200\/20:active { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:text-primary-200\/30:focus { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:text-primary-200\/30:hover { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:text-primary-200\/30:active { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:text-primary-200\/40:focus { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:text-primary-200\/40:hover { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:text-primary-200\/40:active { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:text-primary-200\/50:focus { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:text-primary-200\/50:hover { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:text-primary-200\/50:active { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:text-primary-200\/60:focus { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:text-primary-200\/60:hover { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:text-primary-200\/60:active { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:text-primary-200\/70:focus { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:text-primary-200\/70:hover { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:text-primary-200\/70:active { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:text-primary-200\/80:focus { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:text-primary-200\/80:hover { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:text-primary-200\/80:active { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:text-primary-200\/90:focus { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:text-primary-200\/90:hover { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:text-primary-200\/90:active { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:text-primary-300:focus { + color: var(--primary-300) + } + .xl\:hover\:text-primary-300:hover { + color: var(--primary-300) + } + .xl\:active\:text-primary-300:active { + color: var(--primary-300) + } + .xl\:focus\:text-primary-300\/10:focus { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:text-primary-300\/10:hover { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:text-primary-300\/10:active { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:text-primary-300\/20:focus { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:text-primary-300\/20:hover { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:text-primary-300\/20:active { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:text-primary-300\/30:focus { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:text-primary-300\/30:hover { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:text-primary-300\/30:active { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:text-primary-300\/40:focus { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:text-primary-300\/40:hover { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:text-primary-300\/40:active { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:text-primary-300\/50:focus { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:text-primary-300\/50:hover { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:text-primary-300\/50:active { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:text-primary-300\/60:focus { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:text-primary-300\/60:hover { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:text-primary-300\/60:active { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:text-primary-300\/70:focus { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:text-primary-300\/70:hover { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:text-primary-300\/70:active { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:text-primary-300\/80:focus { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:text-primary-300\/80:hover { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:text-primary-300\/80:active { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:text-primary-300\/90:focus { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:text-primary-300\/90:hover { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:text-primary-300\/90:active { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:text-primary-400:focus { + color: var(--primary-400) + } + .xl\:hover\:text-primary-400:hover { + color: var(--primary-400) + } + .xl\:active\:text-primary-400:active { + color: var(--primary-400) + } + .xl\:focus\:text-primary-400\/10:focus { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:text-primary-400\/10:hover { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:text-primary-400\/10:active { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:text-primary-400\/20:focus { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:text-primary-400\/20:hover { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:text-primary-400\/20:active { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:text-primary-400\/30:focus { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:text-primary-400\/30:hover { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:text-primary-400\/30:active { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:text-primary-400\/40:focus { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:text-primary-400\/40:hover { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:text-primary-400\/40:active { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:text-primary-400\/50:focus { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:text-primary-400\/50:hover { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:text-primary-400\/50:active { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:text-primary-400\/60:focus { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:text-primary-400\/60:hover { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:text-primary-400\/60:active { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:text-primary-400\/70:focus { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:text-primary-400\/70:hover { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:text-primary-400\/70:active { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:text-primary-400\/80:focus { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:text-primary-400\/80:hover { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:text-primary-400\/80:active { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:text-primary-400\/90:focus { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:text-primary-400\/90:hover { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:text-primary-400\/90:active { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:text-primary-500:focus { + color: var(--primary-500) + } + .xl\:hover\:text-primary-500:hover { + color: var(--primary-500) + } + .xl\:active\:text-primary-500:active { + color: var(--primary-500) + } + .xl\:focus\:text-primary-500\/10:focus { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:text-primary-500\/10:hover { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:text-primary-500\/10:active { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:text-primary-500\/20:focus { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:text-primary-500\/20:hover { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:text-primary-500\/20:active { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:text-primary-500\/30:focus { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:text-primary-500\/30:hover { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:text-primary-500\/30:active { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:text-primary-500\/40:focus { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:text-primary-500\/40:hover { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:text-primary-500\/40:active { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:text-primary-500\/50:focus { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:text-primary-500\/50:hover { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:text-primary-500\/50:active { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:text-primary-500\/60:focus { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:text-primary-500\/60:hover { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:text-primary-500\/60:active { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:text-primary-500\/70:focus { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:text-primary-500\/70:hover { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:text-primary-500\/70:active { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:text-primary-500\/80:focus { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:text-primary-500\/80:hover { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:text-primary-500\/80:active { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:text-primary-500\/90:focus { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:text-primary-500\/90:hover { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:text-primary-500\/90:active { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:text-primary-600:focus { + color: var(--primary-600) + } + .xl\:hover\:text-primary-600:hover { + color: var(--primary-600) + } + .xl\:active\:text-primary-600:active { + color: var(--primary-600) + } + .xl\:focus\:text-primary-600\/10:focus { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:text-primary-600\/10:hover { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:text-primary-600\/10:active { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:text-primary-600\/20:focus { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:text-primary-600\/20:hover { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:text-primary-600\/20:active { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:text-primary-600\/30:focus { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:text-primary-600\/30:hover { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:text-primary-600\/30:active { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:text-primary-600\/40:focus { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:text-primary-600\/40:hover { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:text-primary-600\/40:active { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:text-primary-600\/50:focus { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:text-primary-600\/50:hover { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:text-primary-600\/50:active { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:text-primary-600\/60:focus { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:text-primary-600\/60:hover { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:text-primary-600\/60:active { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:text-primary-600\/70:focus { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:text-primary-600\/70:hover { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:text-primary-600\/70:active { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:text-primary-600\/80:focus { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:text-primary-600\/80:hover { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:text-primary-600\/80:active { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:text-primary-600\/90:focus { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:text-primary-600\/90:hover { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:text-primary-600\/90:active { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:text-primary-700:focus { + color: var(--primary-700) + } + .xl\:hover\:text-primary-700:hover { + color: var(--primary-700) + } + .xl\:active\:text-primary-700:active { + color: var(--primary-700) + } + .xl\:focus\:text-primary-700\/10:focus { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:text-primary-700\/10:hover { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:text-primary-700\/10:active { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:text-primary-700\/20:focus { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:text-primary-700\/20:hover { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:text-primary-700\/20:active { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:text-primary-700\/30:focus { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:text-primary-700\/30:hover { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:text-primary-700\/30:active { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:text-primary-700\/40:focus { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:text-primary-700\/40:hover { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:text-primary-700\/40:active { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:text-primary-700\/50:focus { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:text-primary-700\/50:hover { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:text-primary-700\/50:active { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:text-primary-700\/60:focus { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:text-primary-700\/60:hover { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:text-primary-700\/60:active { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:text-primary-700\/70:focus { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:text-primary-700\/70:hover { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:text-primary-700\/70:active { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:text-primary-700\/80:focus { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:text-primary-700\/80:hover { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:text-primary-700\/80:active { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:text-primary-700\/90:focus { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:text-primary-700\/90:hover { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:text-primary-700\/90:active { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:text-primary-800:focus { + color: var(--primary-800) + } + .xl\:hover\:text-primary-800:hover { + color: var(--primary-800) + } + .xl\:active\:text-primary-800:active { + color: var(--primary-800) + } + .xl\:focus\:text-primary-800\/10:focus { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:text-primary-800\/10:hover { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:text-primary-800\/10:active { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:text-primary-800\/20:focus { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:text-primary-800\/20:hover { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:text-primary-800\/20:active { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:text-primary-800\/30:focus { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:text-primary-800\/30:hover { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:text-primary-800\/30:active { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:text-primary-800\/40:focus { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:text-primary-800\/40:hover { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:text-primary-800\/40:active { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:text-primary-800\/50:focus { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:text-primary-800\/50:hover { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:text-primary-800\/50:active { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:text-primary-800\/60:focus { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:text-primary-800\/60:hover { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:text-primary-800\/60:active { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:text-primary-800\/70:focus { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:text-primary-800\/70:hover { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:text-primary-800\/70:active { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:text-primary-800\/80:focus { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:text-primary-800\/80:hover { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:text-primary-800\/80:active { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:text-primary-800\/90:focus { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:text-primary-800\/90:hover { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:text-primary-800\/90:active { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:text-primary-900:focus { + color: var(--primary-900) + } + .xl\:hover\:text-primary-900:hover { + color: var(--primary-900) + } + .xl\:active\:text-primary-900:active { + color: var(--primary-900) + } + .xl\:focus\:text-primary-900\/10:focus { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:text-primary-900\/10:hover { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:text-primary-900\/10:active { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:text-primary-900\/20:focus { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:text-primary-900\/20:hover { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:text-primary-900\/20:active { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:text-primary-900\/30:focus { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:text-primary-900\/30:hover { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:text-primary-900\/30:active { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:text-primary-900\/40:focus { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:text-primary-900\/40:hover { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:text-primary-900\/40:active { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:text-primary-900\/50:focus { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:text-primary-900\/50:hover { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:text-primary-900\/50:active { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:text-primary-900\/60:focus { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:text-primary-900\/60:hover { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:text-primary-900\/60:active { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:text-primary-900\/70:focus { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:text-primary-900\/70:hover { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:text-primary-900\/70:active { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:text-primary-900\/80:focus { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:text-primary-900\/80:hover { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:text-primary-900\/80:active { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:text-primary-900\/90:focus { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:text-primary-900\/90:hover { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:text-primary-900\/90:active { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50) { + color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/10) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/20) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/30) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/40) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/50) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/60) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/70) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/80) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-50\/90) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100) { + color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/10) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/20) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/30) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/40) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/50) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/60) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/70) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/80) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-100\/90) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200) { + color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/10) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/20) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/30) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/40) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/50) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/60) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/70) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/80) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-200\/90) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300) { + color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/10) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/20) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/30) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/40) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/50) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/60) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/70) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/80) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-300\/90) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400) { + color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/10) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/20) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/30) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/40) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/50) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/60) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/70) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/80) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-400\/90) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500) { + color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/10) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/20) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/30) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/40) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/50) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/60) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/70) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/80) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-500\/90) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600) { + color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/10) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/20) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/30) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/40) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/50) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/60) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/70) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/80) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-600\/90) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700) { + color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/10) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/20) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/30) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/40) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/50) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/60) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/70) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/80) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-700\/90) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800) { + color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/10) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/20) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/30) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/40) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/50) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/60) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/70) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/80) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-800\/90) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900) { + color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/10) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/20) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/30) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/40) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/50) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/60) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/70) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/80) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-blue-900\/90) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50) { + color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/10) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/20) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/30) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/40) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/50) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/60) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/70) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/80) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-50\/90) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100) { + color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/10) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/20) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/30) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/40) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/50) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/60) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/70) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/80) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-100\/90) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200) { + color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/10) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/20) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/30) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/40) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/50) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/60) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/70) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/80) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-200\/90) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300) { + color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/10) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/20) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/30) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/40) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/50) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/60) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/70) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/80) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-300\/90) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400) { + color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/10) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/20) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/30) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/40) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/50) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/60) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/70) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/80) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-400\/90) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500) { + color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/10) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/20) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/30) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/40) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/50) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/60) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/70) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/80) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-500\/90) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600) { + color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/10) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/20) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/30) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/40) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/50) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/60) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/70) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/80) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-600\/90) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700) { + color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/10) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/20) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/30) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/40) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/50) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/60) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/70) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/80) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-700\/90) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800) { + color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/10) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/20) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/30) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/40) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/50) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/60) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/70) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/80) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-800\/90) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900) { + color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/10) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/20) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/30) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/40) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/50) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/60) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/70) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/80) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-green-900\/90) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50) { + color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/10) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/20) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/30) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/40) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/50) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/60) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/70) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/80) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-50\/90) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100) { + color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/10) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/20) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/30) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/40) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/50) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/60) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/70) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/80) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-100\/90) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200) { + color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/10) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/20) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/30) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/40) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/50) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/60) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/70) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/80) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-200\/90) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300) { + color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/10) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/20) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/30) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/40) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/50) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/60) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/70) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/80) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-300\/90) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400) { + color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/10) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/20) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/30) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/40) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/50) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/60) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/70) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/80) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-400\/90) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500) { + color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/10) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/20) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/30) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/40) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/50) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/60) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/70) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/80) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-500\/90) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600) { + color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/10) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/20) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/30) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/40) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/50) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/60) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/70) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/80) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-600\/90) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700) { + color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/10) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/20) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/30) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/40) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/50) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/60) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/70) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/80) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-700\/90) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800) { + color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/10) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/20) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/30) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/40) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/50) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/60) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/70) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/80) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-800\/90) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900) { + color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/10) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/20) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/30) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/40) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/50) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/60) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/70) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/80) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-yellow-900\/90) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50) { + color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/10) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/20) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/30) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/40) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/50) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/60) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/70) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/80) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-50\/90) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100) { + color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/10) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/20) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/30) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/40) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/50) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/60) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/70) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/80) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-100\/90) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200) { + color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/10) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/20) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/30) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/40) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/50) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/60) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/70) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/80) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-200\/90) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300) { + color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/10) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/20) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/30) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/40) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/50) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/60) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/70) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/80) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-300\/90) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400) { + color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/10) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/20) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/30) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/40) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/50) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/60) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/70) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/80) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-400\/90) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500) { + color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/10) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/20) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/30) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/40) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/50) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/60) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/70) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/80) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-500\/90) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600) { + color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/10) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/20) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/30) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/40) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/50) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/60) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/70) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/80) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-600\/90) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700) { + color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/10) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/20) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/30) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/40) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/50) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/60) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/70) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/80) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-700\/90) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800) { + color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/10) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/20) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/30) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/40) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/50) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/60) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/70) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/80) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-800\/90) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900) { + color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/10) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/20) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/30) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/40) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/50) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/60) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/70) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/80) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-cyan-900\/90) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50) { + color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/10) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/20) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/30) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/40) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/50) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/60) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/70) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/80) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-50\/90) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100) { + color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/10) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/20) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/30) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/40) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/50) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/60) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/70) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/80) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-100\/90) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200) { + color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/10) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/20) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/30) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/40) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/50) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/60) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/70) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/80) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-200\/90) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300) { + color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/10) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/20) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/30) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/40) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/50) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/60) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/70) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/80) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-300\/90) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400) { + color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/10) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/20) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/30) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/40) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/50) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/60) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/70) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/80) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-400\/90) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500) { + color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/10) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/20) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/30) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/40) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/50) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/60) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/70) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/80) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-500\/90) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600) { + color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/10) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/20) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/30) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/40) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/50) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/60) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/70) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/80) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-600\/90) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700) { + color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/10) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/20) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/30) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/40) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/50) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/60) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/70) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/80) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-700\/90) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800) { + color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/10) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/20) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/30) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/40) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/50) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/60) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/70) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/80) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-800\/90) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900) { + color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/10) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/20) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/30) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/40) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/50) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/60) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/70) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/80) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-pink-900\/90) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50) { + color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/10) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/20) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/30) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/40) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/50) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/60) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/70) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/80) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-50\/90) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100) { + color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/10) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/20) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/30) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/40) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/50) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/60) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/70) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/80) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-100\/90) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200) { + color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/10) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/20) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/30) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/40) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/50) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/60) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/70) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/80) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-200\/90) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300) { + color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/10) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/20) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/30) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/40) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/50) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/60) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/70) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/80) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-300\/90) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400) { + color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/10) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/20) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/30) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/40) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/50) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/60) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/70) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/80) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-400\/90) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500) { + color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/10) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/20) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/30) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/40) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/50) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/60) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/70) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/80) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-500\/90) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600) { + color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/10) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/20) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/30) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/40) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/50) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/60) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/70) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/80) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-600\/90) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700) { + color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/10) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/20) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/30) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/40) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/50) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/60) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/70) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/80) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-700\/90) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800) { + color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/10) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/20) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/30) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/40) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/50) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/60) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/70) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/80) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-800\/90) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900) { + color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/10) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/20) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/30) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/40) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/50) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/60) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/70) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/80) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-indigo-900\/90) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50) { + color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/10) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/20) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/30) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/40) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/50) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/60) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/70) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/80) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-50\/90) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100) { + color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/10) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/20) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/30) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/40) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/50) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/60) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/70) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/80) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-100\/90) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200) { + color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/10) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/20) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/30) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/40) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/50) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/60) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/70) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/80) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-200\/90) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300) { + color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/10) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/20) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/30) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/40) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/50) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/60) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/70) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/80) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-300\/90) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400) { + color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/10) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/20) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/30) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/40) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/50) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/60) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/70) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/80) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-400\/90) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500) { + color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/10) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/20) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/30) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/40) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/50) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/60) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/70) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/80) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-500\/90) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600) { + color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/10) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/20) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/30) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/40) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/50) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/60) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/70) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/80) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-600\/90) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700) { + color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/10) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/20) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/30) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/40) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/50) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/60) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/70) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/80) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-700\/90) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800) { + color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/10) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/20) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/30) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/40) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/50) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/60) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/70) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/80) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-800\/90) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900) { + color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/10) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/20) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/30) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/40) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/50) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/60) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/70) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/80) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-teal-900\/90) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50) { + color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/10) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/20) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/30) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/40) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/50) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/60) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/70) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/80) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-50\/90) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100) { + color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/10) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/20) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/30) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/40) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/50) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/60) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/70) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/80) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-100\/90) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200) { + color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/10) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/20) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/30) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/40) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/50) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/60) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/70) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/80) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-200\/90) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300) { + color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/10) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/20) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/30) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/40) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/50) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/60) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/70) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/80) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-300\/90) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400) { + color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/10) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/20) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/30) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/40) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/50) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/60) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/70) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/80) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-400\/90) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500) { + color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/10) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/20) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/30) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/40) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/50) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/60) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/70) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/80) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-500\/90) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600) { + color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/10) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/20) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/30) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/40) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/50) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/60) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/70) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/80) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-600\/90) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700) { + color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/10) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/20) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/30) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/40) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/50) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/60) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/70) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/80) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-700\/90) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800) { + color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/10) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/20) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/30) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/40) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/50) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/60) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/70) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/80) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-800\/90) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900) { + color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/10) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/20) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/30) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/40) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/50) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/60) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/70) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/80) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-orange-900\/90) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50) { + color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/10) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/20) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/30) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/40) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/50) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/60) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/70) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/80) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-50\/90) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100) { + color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/10) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/20) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/30) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/40) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/50) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/60) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/70) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/80) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-100\/90) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200) { + color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/10) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/20) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/30) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/40) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/50) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/60) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/70) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/80) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-200\/90) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300) { + color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/10) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/20) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/30) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/40) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/50) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/60) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/70) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/80) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-300\/90) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400) { + color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/10) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/20) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/30) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/40) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/50) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/60) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/70) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/80) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-400\/90) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500) { + color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/10) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/20) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/30) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/40) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/50) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/60) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/70) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/80) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-500\/90) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600) { + color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/10) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/20) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/30) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/40) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/50) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/60) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/70) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/80) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-600\/90) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700) { + color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/10) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/20) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/30) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/40) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/50) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/60) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/70) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/80) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-700\/90) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800) { + color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/10) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/20) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/30) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/40) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/50) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/60) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/70) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/80) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-800\/90) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900) { + color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/10) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/20) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/30) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/40) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/50) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/60) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/70) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/80) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-bluegray-900\/90) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50) { + color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/10) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/20) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/30) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/40) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/50) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/60) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/70) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/80) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-50\/90) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100) { + color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/10) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/20) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/30) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/40) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/50) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/60) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/70) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/80) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-100\/90) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200) { + color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/10) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/20) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/30) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/40) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/50) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/60) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/70) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/80) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-200\/90) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300) { + color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/10) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/20) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/30) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/40) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/50) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/60) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/70) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/80) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-300\/90) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400) { + color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/10) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/20) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/30) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/40) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/50) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/60) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/70) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/80) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-400\/90) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500) { + color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/10) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/20) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/30) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/40) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/50) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/60) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/70) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/80) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-500\/90) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600) { + color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/10) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/20) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/30) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/40) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/50) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/60) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/70) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/80) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-600\/90) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700) { + color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/10) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/20) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/30) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/40) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/50) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/60) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/70) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/80) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-700\/90) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800) { + color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/10) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/20) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/30) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/40) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/50) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/60) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/70) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/80) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-800\/90) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900) { + color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/10) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/20) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/30) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/40) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/50) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/60) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/70) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/80) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-purple-900\/90) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50) { + color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/10) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/20) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/30) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/40) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/50) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/60) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/70) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/80) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-50\/90) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100) { + color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/10) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/20) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/30) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/40) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/50) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/60) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/70) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/80) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-100\/90) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200) { + color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/10) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/20) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/30) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/40) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/50) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/60) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/70) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/80) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-200\/90) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300) { + color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/10) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/20) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/30) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/40) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/50) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/60) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/70) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/80) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-300\/90) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400) { + color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/10) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/20) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/30) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/40) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/50) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/60) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/70) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/80) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-400\/90) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500) { + color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/10) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/20) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/30) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/40) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/50) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/60) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/70) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/80) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-500\/90) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600) { + color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/10) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/20) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/30) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/40) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/50) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/60) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/70) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/80) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-600\/90) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700) { + color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/10) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/20) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/30) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/40) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/50) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/60) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/70) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/80) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-700\/90) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800) { + color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/10) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/20) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/30) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/40) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/50) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/60) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/70) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/80) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-800\/90) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900) { + color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/10) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/20) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/30) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/40) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/50) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/60) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/70) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/80) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-red-900\/90) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50) { + color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/10) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/20) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/30) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/40) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/50) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/60) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/70) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/80) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-50\/90) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100) { + color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/10) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/20) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/30) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/40) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/50) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/60) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/70) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/80) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-100\/90) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200) { + color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/10) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/20) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/30) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/40) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/50) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/60) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/70) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/80) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-200\/90) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300) { + color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/10) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/20) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/30) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/40) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/50) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/60) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/70) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/80) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-300\/90) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400) { + color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/10) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/20) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/30) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/40) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/50) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/60) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/70) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/80) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-400\/90) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500) { + color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/10) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/20) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/30) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/40) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/50) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/60) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/70) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/80) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-500\/90) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600) { + color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/10) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/20) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/30) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/40) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/50) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/60) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/70) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/80) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-600\/90) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700) { + color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/10) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/20) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/30) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/40) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/50) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/60) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/70) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/80) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-700\/90) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800) { + color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/10) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/20) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/30) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/40) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/50) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/60) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/70) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/80) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-800\/90) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900) { + color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/10) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/20) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/30) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/40) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/50) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/60) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/70) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/80) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-gray-900\/90) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0) { + color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/10) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/20) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/30) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/40) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/50) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/60) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/70) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/80) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-0\/90) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50) { + color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/10) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/20) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/30) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/40) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/50) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/60) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/70) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/80) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-50\/90) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100) { + color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/10) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/20) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/30) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/40) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/50) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/60) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/70) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/80) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-100\/90) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200) { + color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/10) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/20) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/30) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/40) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/50) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/60) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/70) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/80) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-200\/90) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300) { + color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/10) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/20) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/30) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/40) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/50) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/60) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/70) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/80) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-300\/90) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400) { + color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/10) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/20) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/30) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/40) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/50) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/60) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/70) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/80) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-400\/90) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500) { + color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/10) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/20) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/30) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/40) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/50) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/60) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/70) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/80) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-500\/90) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600) { + color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/10) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/20) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/30) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/40) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/50) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/60) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/70) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/80) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-600\/90) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700) { + color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/10) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/20) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/30) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/40) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/50) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/60) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/70) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/80) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-700\/90) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800) { + color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/10) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/20) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/30) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/40) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/50) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/60) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/70) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/80) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-800\/90) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900) { + color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/10) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/20) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/30) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/40) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/50) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/60) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/70) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/80) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-surface-900\/90) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50) { + color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/10) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/20) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/30) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/40) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/50) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/60) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/70) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/80) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-50\/90) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100) { + color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/10) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/20) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/30) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/40) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/50) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/60) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/70) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/80) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-100\/90) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200) { + color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/10) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/20) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/30) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/40) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/50) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/60) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/70) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/80) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-200\/90) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300) { + color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/10) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/20) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/30) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/40) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/50) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/60) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/70) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/80) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-300\/90) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400) { + color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/10) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/20) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/30) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/40) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/50) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/60) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/70) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/80) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-400\/90) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500) { + color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/10) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/20) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/30) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/40) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/50) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/60) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/70) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/80) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-500\/90) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600) { + color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/10) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/20) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/30) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/40) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/50) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/60) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/70) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/80) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-600\/90) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700) { + color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/10) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/20) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/30) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/40) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/50) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/60) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/70) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/80) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-700\/90) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800) { + color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/10) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/20) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/30) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/40) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/50) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/60) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/70) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/80) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-800\/90) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900) { + color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/10) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/20) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/30) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/40) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/50) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/60) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/70) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/80) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-primary-900\/90) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50:focus) { + color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50:hover) { + color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50:active) { + color: var(--blue-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/10:focus) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/10:hover) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/10:active) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/20:focus) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/20:hover) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/20:active) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/30:focus) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/30:hover) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/30:active) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/40:focus) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/40:hover) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/40:active) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/50:focus) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/50:hover) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/50:active) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/60:focus) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/60:hover) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/60:active) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/70:focus) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/70:hover) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/70:active) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/80:focus) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/80:hover) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/80:active) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-50\/90:focus) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-50\/90:hover) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-50\/90:active) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100:focus) { + color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100:hover) { + color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100:active) { + color: var(--blue-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/10:focus) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/10:hover) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/10:active) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/20:focus) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/20:hover) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/20:active) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/30:focus) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/30:hover) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/30:active) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/40:focus) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/40:hover) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/40:active) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/50:focus) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/50:hover) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/50:active) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/60:focus) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/60:hover) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/60:active) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/70:focus) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/70:hover) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/70:active) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/80:focus) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/80:hover) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/80:active) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-100\/90:focus) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-100\/90:hover) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-100\/90:active) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200:focus) { + color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200:hover) { + color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200:active) { + color: var(--blue-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/10:focus) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/10:hover) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/10:active) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/20:focus) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/20:hover) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/20:active) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/30:focus) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/30:hover) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/30:active) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/40:focus) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/40:hover) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/40:active) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/50:focus) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/50:hover) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/50:active) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/60:focus) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/60:hover) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/60:active) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/70:focus) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/70:hover) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/70:active) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/80:focus) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/80:hover) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/80:active) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-200\/90:focus) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-200\/90:hover) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-200\/90:active) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300:focus) { + color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300:hover) { + color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300:active) { + color: var(--blue-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/10:focus) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/10:hover) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/10:active) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/20:focus) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/20:hover) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/20:active) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/30:focus) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/30:hover) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/30:active) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/40:focus) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/40:hover) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/40:active) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/50:focus) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/50:hover) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/50:active) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/60:focus) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/60:hover) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/60:active) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/70:focus) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/70:hover) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/70:active) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/80:focus) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/80:hover) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/80:active) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-300\/90:focus) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-300\/90:hover) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-300\/90:active) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400:focus) { + color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400:hover) { + color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400:active) { + color: var(--blue-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/10:focus) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/10:hover) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/10:active) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/20:focus) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/20:hover) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/20:active) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/30:focus) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/30:hover) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/30:active) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/40:focus) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/40:hover) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/40:active) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/50:focus) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/50:hover) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/50:active) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/60:focus) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/60:hover) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/60:active) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/70:focus) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/70:hover) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/70:active) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/80:focus) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/80:hover) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/80:active) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-400\/90:focus) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-400\/90:hover) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-400\/90:active) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500:focus) { + color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500:hover) { + color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500:active) { + color: var(--blue-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/10:focus) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/10:hover) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/10:active) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/20:focus) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/20:hover) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/20:active) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/30:focus) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/30:hover) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/30:active) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/40:focus) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/40:hover) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/40:active) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/50:focus) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/50:hover) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/50:active) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/60:focus) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/60:hover) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/60:active) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/70:focus) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/70:hover) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/70:active) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/80:focus) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/80:hover) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/80:active) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-500\/90:focus) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-500\/90:hover) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-500\/90:active) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600:focus) { + color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600:hover) { + color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600:active) { + color: var(--blue-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/10:focus) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/10:hover) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/10:active) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/20:focus) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/20:hover) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/20:active) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/30:focus) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/30:hover) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/30:active) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/40:focus) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/40:hover) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/40:active) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/50:focus) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/50:hover) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/50:active) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/60:focus) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/60:hover) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/60:active) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/70:focus) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/70:hover) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/70:active) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/80:focus) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/80:hover) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/80:active) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-600\/90:focus) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-600\/90:hover) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-600\/90:active) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700:focus) { + color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700:hover) { + color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700:active) { + color: var(--blue-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/10:focus) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/10:hover) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/10:active) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/20:focus) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/20:hover) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/20:active) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/30:focus) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/30:hover) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/30:active) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/40:focus) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/40:hover) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/40:active) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/50:focus) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/50:hover) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/50:active) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/60:focus) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/60:hover) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/60:active) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/70:focus) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/70:hover) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/70:active) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/80:focus) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/80:hover) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/80:active) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-700\/90:focus) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-700\/90:hover) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-700\/90:active) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800:focus) { + color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800:hover) { + color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800:active) { + color: var(--blue-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/10:focus) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/10:hover) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/10:active) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/20:focus) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/20:hover) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/20:active) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/30:focus) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/30:hover) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/30:active) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/40:focus) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/40:hover) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/40:active) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/50:focus) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/50:hover) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/50:active) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/60:focus) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/60:hover) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/60:active) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/70:focus) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/70:hover) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/70:active) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/80:focus) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/80:hover) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/80:active) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-800\/90:focus) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-800\/90:hover) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-800\/90:active) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900:focus) { + color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900:hover) { + color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900:active) { + color: var(--blue-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/10:focus) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/10:hover) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/10:active) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/20:focus) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/20:hover) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/20:active) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/30:focus) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/30:hover) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/30:active) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/40:focus) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/40:hover) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/40:active) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/50:focus) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/50:hover) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/50:active) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/60:focus) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/60:hover) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/60:active) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/70:focus) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/70:hover) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/70:active) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/80:focus) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/80:hover) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/80:active) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-blue-900\/90:focus) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-blue-900\/90:hover) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-blue-900\/90:active) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50:focus) { + color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50:hover) { + color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50:active) { + color: var(--green-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/10:focus) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/10:hover) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/10:active) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/20:focus) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/20:hover) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/20:active) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/30:focus) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/30:hover) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/30:active) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/40:focus) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/40:hover) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/40:active) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/50:focus) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/50:hover) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/50:active) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/60:focus) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/60:hover) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/60:active) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/70:focus) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/70:hover) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/70:active) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/80:focus) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/80:hover) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/80:active) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-50\/90:focus) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-50\/90:hover) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-50\/90:active) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100:focus) { + color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100:hover) { + color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100:active) { + color: var(--green-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/10:focus) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/10:hover) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/10:active) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/20:focus) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/20:hover) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/20:active) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/30:focus) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/30:hover) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/30:active) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/40:focus) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/40:hover) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/40:active) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/50:focus) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/50:hover) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/50:active) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/60:focus) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/60:hover) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/60:active) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/70:focus) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/70:hover) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/70:active) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/80:focus) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/80:hover) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/80:active) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-100\/90:focus) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-100\/90:hover) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-100\/90:active) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200:focus) { + color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200:hover) { + color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200:active) { + color: var(--green-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/10:focus) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/10:hover) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/10:active) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/20:focus) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/20:hover) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/20:active) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/30:focus) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/30:hover) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/30:active) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/40:focus) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/40:hover) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/40:active) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/50:focus) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/50:hover) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/50:active) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/60:focus) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/60:hover) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/60:active) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/70:focus) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/70:hover) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/70:active) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/80:focus) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/80:hover) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/80:active) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-200\/90:focus) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-200\/90:hover) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-200\/90:active) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300:focus) { + color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300:hover) { + color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300:active) { + color: var(--green-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/10:focus) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/10:hover) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/10:active) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/20:focus) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/20:hover) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/20:active) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/30:focus) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/30:hover) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/30:active) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/40:focus) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/40:hover) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/40:active) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/50:focus) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/50:hover) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/50:active) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/60:focus) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/60:hover) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/60:active) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/70:focus) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/70:hover) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/70:active) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/80:focus) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/80:hover) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/80:active) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-300\/90:focus) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-300\/90:hover) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-300\/90:active) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400:focus) { + color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400:hover) { + color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400:active) { + color: var(--green-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/10:focus) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/10:hover) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/10:active) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/20:focus) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/20:hover) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/20:active) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/30:focus) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/30:hover) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/30:active) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/40:focus) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/40:hover) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/40:active) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/50:focus) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/50:hover) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/50:active) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/60:focus) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/60:hover) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/60:active) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/70:focus) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/70:hover) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/70:active) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/80:focus) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/80:hover) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/80:active) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-400\/90:focus) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-400\/90:hover) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-400\/90:active) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500:focus) { + color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500:hover) { + color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500:active) { + color: var(--green-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/10:focus) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/10:hover) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/10:active) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/20:focus) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/20:hover) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/20:active) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/30:focus) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/30:hover) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/30:active) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/40:focus) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/40:hover) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/40:active) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/50:focus) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/50:hover) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/50:active) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/60:focus) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/60:hover) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/60:active) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/70:focus) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/70:hover) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/70:active) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/80:focus) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/80:hover) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/80:active) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-500\/90:focus) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-500\/90:hover) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-500\/90:active) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600:focus) { + color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600:hover) { + color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600:active) { + color: var(--green-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/10:focus) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/10:hover) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/10:active) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/20:focus) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/20:hover) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/20:active) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/30:focus) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/30:hover) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/30:active) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/40:focus) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/40:hover) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/40:active) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/50:focus) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/50:hover) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/50:active) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/60:focus) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/60:hover) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/60:active) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/70:focus) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/70:hover) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/70:active) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/80:focus) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/80:hover) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/80:active) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-600\/90:focus) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-600\/90:hover) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-600\/90:active) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700:focus) { + color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700:hover) { + color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700:active) { + color: var(--green-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/10:focus) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/10:hover) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/10:active) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/20:focus) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/20:hover) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/20:active) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/30:focus) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/30:hover) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/30:active) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/40:focus) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/40:hover) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/40:active) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/50:focus) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/50:hover) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/50:active) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/60:focus) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/60:hover) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/60:active) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/70:focus) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/70:hover) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/70:active) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/80:focus) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/80:hover) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/80:active) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-700\/90:focus) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-700\/90:hover) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-700\/90:active) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800:focus) { + color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800:hover) { + color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800:active) { + color: var(--green-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/10:focus) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/10:hover) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/10:active) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/20:focus) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/20:hover) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/20:active) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/30:focus) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/30:hover) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/30:active) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/40:focus) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/40:hover) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/40:active) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/50:focus) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/50:hover) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/50:active) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/60:focus) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/60:hover) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/60:active) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/70:focus) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/70:hover) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/70:active) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/80:focus) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/80:hover) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/80:active) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-800\/90:focus) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-800\/90:hover) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-800\/90:active) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900:focus) { + color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900:hover) { + color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900:active) { + color: var(--green-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/10:focus) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/10:hover) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/10:active) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/20:focus) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/20:hover) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/20:active) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/30:focus) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/30:hover) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/30:active) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/40:focus) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/40:hover) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/40:active) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/50:focus) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/50:hover) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/50:active) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/60:focus) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/60:hover) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/60:active) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/70:focus) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/70:hover) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/70:active) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/80:focus) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/80:hover) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/80:active) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-green-900\/90:focus) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-green-900\/90:hover) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-green-900\/90:active) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50:focus) { + color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50:hover) { + color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50:active) { + color: var(--yellow-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/10:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/10:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/10:active) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/20:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/20:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/20:active) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/30:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/30:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/30:active) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/40:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/40:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/40:active) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/50:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/50:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/50:active) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/60:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/60:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/60:active) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/70:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/70:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/70:active) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/80:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/80:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/80:active) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-50\/90:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-50\/90:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-50\/90:active) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100:focus) { + color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100:hover) { + color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100:active) { + color: var(--yellow-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/10:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/10:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/10:active) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/20:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/20:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/20:active) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/30:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/30:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/30:active) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/40:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/40:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/40:active) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/50:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/50:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/50:active) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/60:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/60:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/60:active) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/70:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/70:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/70:active) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/80:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/80:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/80:active) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-100\/90:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-100\/90:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-100\/90:active) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200:focus) { + color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200:hover) { + color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200:active) { + color: var(--yellow-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/10:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/10:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/10:active) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/20:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/20:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/20:active) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/30:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/30:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/30:active) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/40:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/40:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/40:active) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/50:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/50:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/50:active) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/60:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/60:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/60:active) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/70:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/70:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/70:active) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/80:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/80:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/80:active) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-200\/90:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-200\/90:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-200\/90:active) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300:focus) { + color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300:hover) { + color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300:active) { + color: var(--yellow-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/10:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/10:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/10:active) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/20:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/20:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/20:active) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/30:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/30:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/30:active) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/40:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/40:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/40:active) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/50:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/50:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/50:active) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/60:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/60:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/60:active) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/70:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/70:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/70:active) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/80:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/80:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/80:active) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-300\/90:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-300\/90:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-300\/90:active) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400:focus) { + color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400:hover) { + color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400:active) { + color: var(--yellow-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/10:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/10:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/10:active) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/20:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/20:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/20:active) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/30:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/30:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/30:active) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/40:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/40:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/40:active) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/50:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/50:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/50:active) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/60:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/60:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/60:active) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/70:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/70:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/70:active) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/80:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/80:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/80:active) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-400\/90:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-400\/90:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-400\/90:active) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500:focus) { + color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500:hover) { + color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500:active) { + color: var(--yellow-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/10:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/10:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/10:active) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/20:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/20:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/20:active) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/30:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/30:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/30:active) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/40:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/40:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/40:active) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/50:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/50:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/50:active) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/60:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/60:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/60:active) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/70:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/70:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/70:active) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/80:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/80:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/80:active) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-500\/90:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-500\/90:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-500\/90:active) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600:focus) { + color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600:hover) { + color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600:active) { + color: var(--yellow-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/10:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/10:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/10:active) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/20:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/20:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/20:active) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/30:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/30:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/30:active) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/40:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/40:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/40:active) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/50:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/50:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/50:active) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/60:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/60:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/60:active) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/70:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/70:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/70:active) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/80:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/80:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/80:active) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-600\/90:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-600\/90:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-600\/90:active) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700:focus) { + color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700:hover) { + color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700:active) { + color: var(--yellow-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/10:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/10:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/10:active) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/20:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/20:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/20:active) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/30:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/30:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/30:active) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/40:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/40:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/40:active) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/50:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/50:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/50:active) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/60:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/60:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/60:active) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/70:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/70:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/70:active) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/80:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/80:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/80:active) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-700\/90:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-700\/90:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-700\/90:active) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800:focus) { + color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800:hover) { + color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800:active) { + color: var(--yellow-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/10:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/10:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/10:active) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/20:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/20:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/20:active) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/30:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/30:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/30:active) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/40:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/40:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/40:active) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/50:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/50:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/50:active) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/60:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/60:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/60:active) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/70:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/70:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/70:active) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/80:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/80:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/80:active) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-800\/90:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-800\/90:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-800\/90:active) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900:focus) { + color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900:hover) { + color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900:active) { + color: var(--yellow-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/10:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/10:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/10:active) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/20:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/20:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/20:active) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/30:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/30:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/30:active) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/40:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/40:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/40:active) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/50:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/50:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/50:active) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/60:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/60:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/60:active) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/70:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/70:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/70:active) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/80:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/80:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/80:active) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-yellow-900\/90:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-yellow-900\/90:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-yellow-900\/90:active) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50:focus) { + color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50:hover) { + color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50:active) { + color: var(--cyan-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/10:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/10:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/10:active) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/20:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/20:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/20:active) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/30:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/30:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/30:active) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/40:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/40:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/40:active) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/50:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/50:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/50:active) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/60:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/60:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/60:active) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/70:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/70:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/70:active) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/80:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/80:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/80:active) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-50\/90:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-50\/90:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-50\/90:active) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100:focus) { + color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100:hover) { + color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100:active) { + color: var(--cyan-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/10:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/10:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/10:active) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/20:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/20:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/20:active) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/30:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/30:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/30:active) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/40:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/40:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/40:active) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/50:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/50:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/50:active) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/60:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/60:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/60:active) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/70:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/70:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/70:active) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/80:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/80:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/80:active) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-100\/90:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-100\/90:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-100\/90:active) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200:focus) { + color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200:hover) { + color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200:active) { + color: var(--cyan-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/10:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/10:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/10:active) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/20:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/20:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/20:active) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/30:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/30:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/30:active) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/40:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/40:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/40:active) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/50:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/50:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/50:active) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/60:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/60:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/60:active) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/70:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/70:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/70:active) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/80:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/80:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/80:active) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-200\/90:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-200\/90:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-200\/90:active) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300:focus) { + color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300:hover) { + color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300:active) { + color: var(--cyan-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/10:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/10:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/10:active) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/20:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/20:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/20:active) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/30:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/30:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/30:active) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/40:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/40:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/40:active) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/50:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/50:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/50:active) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/60:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/60:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/60:active) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/70:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/70:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/70:active) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/80:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/80:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/80:active) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-300\/90:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-300\/90:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-300\/90:active) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400:focus) { + color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400:hover) { + color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400:active) { + color: var(--cyan-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/10:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/10:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/10:active) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/20:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/20:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/20:active) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/30:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/30:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/30:active) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/40:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/40:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/40:active) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/50:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/50:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/50:active) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/60:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/60:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/60:active) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/70:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/70:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/70:active) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/80:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/80:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/80:active) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-400\/90:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-400\/90:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-400\/90:active) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500:focus) { + color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500:hover) { + color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500:active) { + color: var(--cyan-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/10:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/10:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/10:active) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/20:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/20:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/20:active) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/30:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/30:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/30:active) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/40:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/40:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/40:active) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/50:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/50:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/50:active) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/60:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/60:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/60:active) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/70:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/70:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/70:active) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/80:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/80:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/80:active) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-500\/90:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-500\/90:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-500\/90:active) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600:focus) { + color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600:hover) { + color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600:active) { + color: var(--cyan-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/10:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/10:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/10:active) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/20:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/20:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/20:active) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/30:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/30:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/30:active) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/40:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/40:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/40:active) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/50:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/50:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/50:active) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/60:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/60:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/60:active) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/70:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/70:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/70:active) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/80:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/80:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/80:active) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-600\/90:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-600\/90:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-600\/90:active) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700:focus) { + color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700:hover) { + color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700:active) { + color: var(--cyan-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/10:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/10:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/10:active) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/20:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/20:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/20:active) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/30:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/30:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/30:active) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/40:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/40:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/40:active) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/50:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/50:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/50:active) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/60:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/60:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/60:active) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/70:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/70:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/70:active) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/80:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/80:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/80:active) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-700\/90:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-700\/90:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-700\/90:active) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800:focus) { + color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800:hover) { + color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800:active) { + color: var(--cyan-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/10:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/10:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/10:active) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/20:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/20:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/20:active) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/30:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/30:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/30:active) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/40:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/40:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/40:active) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/50:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/50:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/50:active) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/60:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/60:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/60:active) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/70:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/70:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/70:active) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/80:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/80:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/80:active) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-800\/90:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-800\/90:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-800\/90:active) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900:focus) { + color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900:hover) { + color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900:active) { + color: var(--cyan-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/10:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/10:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/10:active) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/20:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/20:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/20:active) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/30:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/30:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/30:active) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/40:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/40:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/40:active) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/50:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/50:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/50:active) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/60:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/60:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/60:active) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/70:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/70:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/70:active) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/80:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/80:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/80:active) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-cyan-900\/90:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-cyan-900\/90:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-cyan-900\/90:active) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50:focus) { + color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50:hover) { + color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50:active) { + color: var(--pink-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/10:focus) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/10:hover) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/10:active) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/20:focus) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/20:hover) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/20:active) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/30:focus) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/30:hover) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/30:active) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/40:focus) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/40:hover) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/40:active) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/50:focus) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/50:hover) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/50:active) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/60:focus) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/60:hover) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/60:active) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/70:focus) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/70:hover) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/70:active) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/80:focus) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/80:hover) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/80:active) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-50\/90:focus) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-50\/90:hover) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-50\/90:active) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100:focus) { + color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100:hover) { + color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100:active) { + color: var(--pink-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/10:focus) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/10:hover) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/10:active) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/20:focus) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/20:hover) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/20:active) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/30:focus) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/30:hover) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/30:active) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/40:focus) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/40:hover) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/40:active) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/50:focus) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/50:hover) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/50:active) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/60:focus) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/60:hover) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/60:active) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/70:focus) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/70:hover) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/70:active) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/80:focus) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/80:hover) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/80:active) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-100\/90:focus) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-100\/90:hover) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-100\/90:active) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200:focus) { + color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200:hover) { + color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200:active) { + color: var(--pink-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/10:focus) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/10:hover) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/10:active) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/20:focus) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/20:hover) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/20:active) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/30:focus) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/30:hover) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/30:active) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/40:focus) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/40:hover) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/40:active) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/50:focus) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/50:hover) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/50:active) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/60:focus) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/60:hover) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/60:active) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/70:focus) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/70:hover) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/70:active) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/80:focus) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/80:hover) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/80:active) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-200\/90:focus) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-200\/90:hover) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-200\/90:active) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300:focus) { + color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300:hover) { + color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300:active) { + color: var(--pink-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/10:focus) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/10:hover) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/10:active) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/20:focus) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/20:hover) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/20:active) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/30:focus) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/30:hover) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/30:active) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/40:focus) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/40:hover) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/40:active) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/50:focus) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/50:hover) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/50:active) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/60:focus) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/60:hover) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/60:active) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/70:focus) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/70:hover) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/70:active) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/80:focus) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/80:hover) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/80:active) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-300\/90:focus) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-300\/90:hover) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-300\/90:active) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400:focus) { + color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400:hover) { + color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400:active) { + color: var(--pink-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/10:focus) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/10:hover) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/10:active) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/20:focus) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/20:hover) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/20:active) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/30:focus) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/30:hover) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/30:active) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/40:focus) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/40:hover) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/40:active) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/50:focus) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/50:hover) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/50:active) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/60:focus) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/60:hover) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/60:active) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/70:focus) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/70:hover) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/70:active) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/80:focus) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/80:hover) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/80:active) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-400\/90:focus) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-400\/90:hover) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-400\/90:active) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500:focus) { + color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500:hover) { + color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500:active) { + color: var(--pink-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/10:focus) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/10:hover) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/10:active) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/20:focus) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/20:hover) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/20:active) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/30:focus) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/30:hover) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/30:active) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/40:focus) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/40:hover) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/40:active) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/50:focus) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/50:hover) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/50:active) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/60:focus) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/60:hover) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/60:active) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/70:focus) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/70:hover) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/70:active) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/80:focus) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/80:hover) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/80:active) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-500\/90:focus) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-500\/90:hover) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-500\/90:active) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600:focus) { + color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600:hover) { + color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600:active) { + color: var(--pink-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/10:focus) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/10:hover) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/10:active) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/20:focus) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/20:hover) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/20:active) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/30:focus) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/30:hover) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/30:active) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/40:focus) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/40:hover) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/40:active) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/50:focus) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/50:hover) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/50:active) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/60:focus) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/60:hover) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/60:active) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/70:focus) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/70:hover) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/70:active) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/80:focus) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/80:hover) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/80:active) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-600\/90:focus) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-600\/90:hover) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-600\/90:active) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700:focus) { + color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700:hover) { + color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700:active) { + color: var(--pink-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/10:focus) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/10:hover) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/10:active) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/20:focus) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/20:hover) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/20:active) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/30:focus) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/30:hover) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/30:active) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/40:focus) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/40:hover) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/40:active) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/50:focus) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/50:hover) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/50:active) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/60:focus) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/60:hover) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/60:active) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/70:focus) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/70:hover) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/70:active) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/80:focus) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/80:hover) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/80:active) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-700\/90:focus) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-700\/90:hover) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-700\/90:active) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800:focus) { + color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800:hover) { + color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800:active) { + color: var(--pink-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/10:focus) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/10:hover) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/10:active) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/20:focus) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/20:hover) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/20:active) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/30:focus) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/30:hover) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/30:active) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/40:focus) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/40:hover) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/40:active) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/50:focus) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/50:hover) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/50:active) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/60:focus) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/60:hover) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/60:active) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/70:focus) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/70:hover) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/70:active) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/80:focus) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/80:hover) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/80:active) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-800\/90:focus) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-800\/90:hover) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-800\/90:active) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900:focus) { + color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900:hover) { + color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900:active) { + color: var(--pink-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/10:focus) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/10:hover) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/10:active) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/20:focus) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/20:hover) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/20:active) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/30:focus) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/30:hover) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/30:active) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/40:focus) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/40:hover) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/40:active) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/50:focus) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/50:hover) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/50:active) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/60:focus) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/60:hover) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/60:active) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/70:focus) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/70:hover) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/70:active) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/80:focus) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/80:hover) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/80:active) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-pink-900\/90:focus) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-pink-900\/90:hover) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-pink-900\/90:active) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50:focus) { + color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50:hover) { + color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50:active) { + color: var(--indigo-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/10:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/10:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/10:active) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/20:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/20:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/20:active) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/30:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/30:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/30:active) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/40:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/40:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/40:active) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/50:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/50:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/50:active) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/60:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/60:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/60:active) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/70:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/70:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/70:active) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/80:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/80:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/80:active) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-50\/90:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-50\/90:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-50\/90:active) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100:focus) { + color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100:hover) { + color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100:active) { + color: var(--indigo-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/10:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/10:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/10:active) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/20:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/20:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/20:active) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/30:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/30:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/30:active) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/40:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/40:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/40:active) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/50:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/50:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/50:active) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/60:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/60:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/60:active) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/70:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/70:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/70:active) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/80:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/80:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/80:active) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-100\/90:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-100\/90:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-100\/90:active) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200:focus) { + color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200:hover) { + color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200:active) { + color: var(--indigo-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/10:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/10:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/10:active) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/20:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/20:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/20:active) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/30:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/30:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/30:active) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/40:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/40:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/40:active) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/50:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/50:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/50:active) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/60:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/60:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/60:active) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/70:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/70:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/70:active) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/80:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/80:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/80:active) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-200\/90:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-200\/90:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-200\/90:active) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300:focus) { + color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300:hover) { + color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300:active) { + color: var(--indigo-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/10:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/10:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/10:active) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/20:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/20:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/20:active) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/30:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/30:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/30:active) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/40:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/40:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/40:active) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/50:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/50:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/50:active) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/60:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/60:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/60:active) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/70:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/70:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/70:active) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/80:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/80:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/80:active) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-300\/90:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-300\/90:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-300\/90:active) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400:focus) { + color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400:hover) { + color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400:active) { + color: var(--indigo-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/10:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/10:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/10:active) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/20:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/20:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/20:active) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/30:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/30:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/30:active) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/40:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/40:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/40:active) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/50:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/50:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/50:active) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/60:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/60:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/60:active) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/70:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/70:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/70:active) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/80:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/80:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/80:active) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-400\/90:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-400\/90:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-400\/90:active) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500:focus) { + color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500:hover) { + color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500:active) { + color: var(--indigo-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/10:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/10:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/10:active) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/20:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/20:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/20:active) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/30:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/30:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/30:active) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/40:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/40:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/40:active) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/50:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/50:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/50:active) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/60:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/60:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/60:active) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/70:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/70:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/70:active) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/80:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/80:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/80:active) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-500\/90:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-500\/90:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-500\/90:active) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600:focus) { + color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600:hover) { + color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600:active) { + color: var(--indigo-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/10:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/10:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/10:active) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/20:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/20:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/20:active) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/30:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/30:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/30:active) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/40:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/40:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/40:active) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/50:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/50:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/50:active) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/60:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/60:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/60:active) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/70:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/70:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/70:active) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/80:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/80:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/80:active) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-600\/90:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-600\/90:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-600\/90:active) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700:focus) { + color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700:hover) { + color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700:active) { + color: var(--indigo-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/10:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/10:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/10:active) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/20:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/20:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/20:active) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/30:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/30:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/30:active) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/40:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/40:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/40:active) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/50:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/50:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/50:active) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/60:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/60:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/60:active) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/70:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/70:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/70:active) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/80:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/80:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/80:active) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-700\/90:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-700\/90:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-700\/90:active) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800:focus) { + color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800:hover) { + color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800:active) { + color: var(--indigo-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/10:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/10:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/10:active) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/20:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/20:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/20:active) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/30:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/30:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/30:active) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/40:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/40:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/40:active) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/50:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/50:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/50:active) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/60:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/60:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/60:active) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/70:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/70:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/70:active) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/80:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/80:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/80:active) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-800\/90:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-800\/90:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-800\/90:active) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900:focus) { + color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900:hover) { + color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900:active) { + color: var(--indigo-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/10:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/10:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/10:active) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/20:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/20:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/20:active) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/30:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/30:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/30:active) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/40:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/40:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/40:active) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/50:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/50:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/50:active) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/60:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/60:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/60:active) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/70:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/70:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/70:active) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/80:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/80:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/80:active) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-indigo-900\/90:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-indigo-900\/90:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-indigo-900\/90:active) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50:focus) { + color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50:hover) { + color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50:active) { + color: var(--teal-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/10:focus) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/10:hover) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/10:active) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/20:focus) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/20:hover) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/20:active) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/30:focus) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/30:hover) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/30:active) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/40:focus) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/40:hover) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/40:active) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/50:focus) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/50:hover) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/50:active) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/60:focus) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/60:hover) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/60:active) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/70:focus) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/70:hover) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/70:active) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/80:focus) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/80:hover) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/80:active) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-50\/90:focus) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-50\/90:hover) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-50\/90:active) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100:focus) { + color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100:hover) { + color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100:active) { + color: var(--teal-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/10:focus) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/10:hover) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/10:active) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/20:focus) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/20:hover) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/20:active) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/30:focus) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/30:hover) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/30:active) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/40:focus) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/40:hover) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/40:active) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/50:focus) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/50:hover) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/50:active) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/60:focus) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/60:hover) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/60:active) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/70:focus) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/70:hover) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/70:active) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/80:focus) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/80:hover) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/80:active) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-100\/90:focus) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-100\/90:hover) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-100\/90:active) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200:focus) { + color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200:hover) { + color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200:active) { + color: var(--teal-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/10:focus) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/10:hover) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/10:active) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/20:focus) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/20:hover) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/20:active) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/30:focus) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/30:hover) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/30:active) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/40:focus) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/40:hover) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/40:active) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/50:focus) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/50:hover) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/50:active) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/60:focus) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/60:hover) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/60:active) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/70:focus) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/70:hover) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/70:active) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/80:focus) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/80:hover) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/80:active) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-200\/90:focus) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-200\/90:hover) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-200\/90:active) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300:focus) { + color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300:hover) { + color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300:active) { + color: var(--teal-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/10:focus) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/10:hover) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/10:active) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/20:focus) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/20:hover) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/20:active) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/30:focus) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/30:hover) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/30:active) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/40:focus) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/40:hover) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/40:active) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/50:focus) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/50:hover) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/50:active) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/60:focus) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/60:hover) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/60:active) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/70:focus) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/70:hover) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/70:active) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/80:focus) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/80:hover) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/80:active) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-300\/90:focus) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-300\/90:hover) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-300\/90:active) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400:focus) { + color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400:hover) { + color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400:active) { + color: var(--teal-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/10:focus) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/10:hover) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/10:active) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/20:focus) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/20:hover) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/20:active) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/30:focus) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/30:hover) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/30:active) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/40:focus) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/40:hover) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/40:active) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/50:focus) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/50:hover) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/50:active) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/60:focus) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/60:hover) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/60:active) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/70:focus) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/70:hover) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/70:active) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/80:focus) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/80:hover) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/80:active) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-400\/90:focus) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-400\/90:hover) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-400\/90:active) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500:focus) { + color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500:hover) { + color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500:active) { + color: var(--teal-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/10:focus) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/10:hover) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/10:active) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/20:focus) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/20:hover) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/20:active) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/30:focus) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/30:hover) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/30:active) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/40:focus) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/40:hover) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/40:active) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/50:focus) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/50:hover) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/50:active) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/60:focus) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/60:hover) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/60:active) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/70:focus) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/70:hover) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/70:active) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/80:focus) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/80:hover) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/80:active) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-500\/90:focus) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-500\/90:hover) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-500\/90:active) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600:focus) { + color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600:hover) { + color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600:active) { + color: var(--teal-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/10:focus) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/10:hover) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/10:active) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/20:focus) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/20:hover) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/20:active) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/30:focus) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/30:hover) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/30:active) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/40:focus) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/40:hover) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/40:active) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/50:focus) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/50:hover) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/50:active) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/60:focus) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/60:hover) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/60:active) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/70:focus) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/70:hover) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/70:active) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/80:focus) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/80:hover) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/80:active) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-600\/90:focus) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-600\/90:hover) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-600\/90:active) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700:focus) { + color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700:hover) { + color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700:active) { + color: var(--teal-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/10:focus) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/10:hover) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/10:active) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/20:focus) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/20:hover) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/20:active) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/30:focus) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/30:hover) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/30:active) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/40:focus) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/40:hover) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/40:active) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/50:focus) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/50:hover) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/50:active) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/60:focus) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/60:hover) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/60:active) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/70:focus) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/70:hover) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/70:active) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/80:focus) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/80:hover) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/80:active) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-700\/90:focus) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-700\/90:hover) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-700\/90:active) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800:focus) { + color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800:hover) { + color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800:active) { + color: var(--teal-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/10:focus) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/10:hover) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/10:active) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/20:focus) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/20:hover) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/20:active) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/30:focus) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/30:hover) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/30:active) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/40:focus) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/40:hover) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/40:active) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/50:focus) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/50:hover) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/50:active) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/60:focus) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/60:hover) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/60:active) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/70:focus) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/70:hover) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/70:active) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/80:focus) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/80:hover) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/80:active) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-800\/90:focus) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-800\/90:hover) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-800\/90:active) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900:focus) { + color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900:hover) { + color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900:active) { + color: var(--teal-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/10:focus) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/10:hover) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/10:active) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/20:focus) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/20:hover) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/20:active) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/30:focus) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/30:hover) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/30:active) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/40:focus) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/40:hover) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/40:active) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/50:focus) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/50:hover) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/50:active) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/60:focus) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/60:hover) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/60:active) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/70:focus) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/70:hover) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/70:active) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/80:focus) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/80:hover) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/80:active) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-teal-900\/90:focus) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-teal-900\/90:hover) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-teal-900\/90:active) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50:focus) { + color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50:hover) { + color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50:active) { + color: var(--orange-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/10:focus) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/10:hover) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/10:active) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/20:focus) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/20:hover) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/20:active) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/30:focus) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/30:hover) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/30:active) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/40:focus) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/40:hover) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/40:active) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/50:focus) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/50:hover) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/50:active) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/60:focus) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/60:hover) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/60:active) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/70:focus) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/70:hover) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/70:active) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/80:focus) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/80:hover) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/80:active) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-50\/90:focus) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-50\/90:hover) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-50\/90:active) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100:focus) { + color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100:hover) { + color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100:active) { + color: var(--orange-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/10:focus) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/10:hover) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/10:active) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/20:focus) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/20:hover) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/20:active) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/30:focus) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/30:hover) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/30:active) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/40:focus) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/40:hover) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/40:active) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/50:focus) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/50:hover) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/50:active) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/60:focus) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/60:hover) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/60:active) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/70:focus) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/70:hover) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/70:active) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/80:focus) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/80:hover) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/80:active) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-100\/90:focus) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-100\/90:hover) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-100\/90:active) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200:focus) { + color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200:hover) { + color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200:active) { + color: var(--orange-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/10:focus) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/10:hover) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/10:active) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/20:focus) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/20:hover) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/20:active) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/30:focus) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/30:hover) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/30:active) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/40:focus) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/40:hover) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/40:active) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/50:focus) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/50:hover) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/50:active) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/60:focus) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/60:hover) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/60:active) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/70:focus) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/70:hover) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/70:active) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/80:focus) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/80:hover) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/80:active) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-200\/90:focus) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-200\/90:hover) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-200\/90:active) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300:focus) { + color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300:hover) { + color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300:active) { + color: var(--orange-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/10:focus) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/10:hover) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/10:active) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/20:focus) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/20:hover) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/20:active) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/30:focus) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/30:hover) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/30:active) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/40:focus) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/40:hover) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/40:active) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/50:focus) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/50:hover) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/50:active) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/60:focus) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/60:hover) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/60:active) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/70:focus) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/70:hover) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/70:active) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/80:focus) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/80:hover) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/80:active) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-300\/90:focus) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-300\/90:hover) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-300\/90:active) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400:focus) { + color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400:hover) { + color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400:active) { + color: var(--orange-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/10:focus) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/10:hover) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/10:active) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/20:focus) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/20:hover) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/20:active) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/30:focus) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/30:hover) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/30:active) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/40:focus) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/40:hover) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/40:active) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/50:focus) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/50:hover) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/50:active) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/60:focus) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/60:hover) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/60:active) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/70:focus) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/70:hover) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/70:active) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/80:focus) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/80:hover) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/80:active) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-400\/90:focus) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-400\/90:hover) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-400\/90:active) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500:focus) { + color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500:hover) { + color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500:active) { + color: var(--orange-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/10:focus) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/10:hover) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/10:active) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/20:focus) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/20:hover) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/20:active) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/30:focus) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/30:hover) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/30:active) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/40:focus) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/40:hover) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/40:active) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/50:focus) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/50:hover) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/50:active) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/60:focus) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/60:hover) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/60:active) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/70:focus) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/70:hover) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/70:active) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/80:focus) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/80:hover) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/80:active) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-500\/90:focus) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-500\/90:hover) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-500\/90:active) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600:focus) { + color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600:hover) { + color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600:active) { + color: var(--orange-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/10:focus) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/10:hover) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/10:active) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/20:focus) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/20:hover) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/20:active) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/30:focus) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/30:hover) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/30:active) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/40:focus) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/40:hover) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/40:active) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/50:focus) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/50:hover) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/50:active) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/60:focus) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/60:hover) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/60:active) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/70:focus) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/70:hover) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/70:active) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/80:focus) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/80:hover) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/80:active) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-600\/90:focus) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-600\/90:hover) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-600\/90:active) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700:focus) { + color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700:hover) { + color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700:active) { + color: var(--orange-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/10:focus) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/10:hover) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/10:active) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/20:focus) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/20:hover) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/20:active) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/30:focus) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/30:hover) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/30:active) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/40:focus) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/40:hover) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/40:active) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/50:focus) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/50:hover) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/50:active) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/60:focus) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/60:hover) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/60:active) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/70:focus) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/70:hover) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/70:active) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/80:focus) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/80:hover) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/80:active) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-700\/90:focus) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-700\/90:hover) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-700\/90:active) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800:focus) { + color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800:hover) { + color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800:active) { + color: var(--orange-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/10:focus) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/10:hover) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/10:active) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/20:focus) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/20:hover) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/20:active) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/30:focus) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/30:hover) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/30:active) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/40:focus) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/40:hover) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/40:active) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/50:focus) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/50:hover) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/50:active) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/60:focus) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/60:hover) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/60:active) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/70:focus) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/70:hover) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/70:active) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/80:focus) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/80:hover) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/80:active) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-800\/90:focus) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-800\/90:hover) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-800\/90:active) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900:focus) { + color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900:hover) { + color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900:active) { + color: var(--orange-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/10:focus) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/10:hover) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/10:active) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/20:focus) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/20:hover) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/20:active) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/30:focus) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/30:hover) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/30:active) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/40:focus) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/40:hover) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/40:active) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/50:focus) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/50:hover) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/50:active) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/60:focus) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/60:hover) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/60:active) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/70:focus) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/70:hover) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/70:active) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/80:focus) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/80:hover) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/80:active) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-orange-900\/90:focus) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-orange-900\/90:hover) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-orange-900\/90:active) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50:focus) { + color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50:hover) { + color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50:active) { + color: var(--bluegray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/10:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/10:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/10:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/20:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/20:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/20:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/30:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/30:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/30:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/40:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/40:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/40:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/50:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/50:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/50:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/60:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/60:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/60:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/70:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/70:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/70:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/80:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/80:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/80:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-50\/90:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-50\/90:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-50\/90:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100:focus) { + color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100:hover) { + color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100:active) { + color: var(--bluegray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/10:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/10:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/10:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/20:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/20:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/20:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/30:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/30:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/30:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/40:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/40:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/40:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/50:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/50:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/50:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/60:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/60:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/60:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/70:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/70:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/70:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/80:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/80:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/80:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-100\/90:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-100\/90:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-100\/90:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200:focus) { + color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200:hover) { + color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200:active) { + color: var(--bluegray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/10:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/10:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/10:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/20:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/20:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/20:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/30:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/30:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/30:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/40:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/40:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/40:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/50:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/50:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/50:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/60:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/60:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/60:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/70:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/70:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/70:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/80:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/80:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/80:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-200\/90:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-200\/90:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-200\/90:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300:focus) { + color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300:hover) { + color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300:active) { + color: var(--bluegray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/10:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/10:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/10:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/20:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/20:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/20:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/30:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/30:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/30:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/40:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/40:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/40:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/50:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/50:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/50:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/60:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/60:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/60:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/70:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/70:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/70:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/80:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/80:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/80:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-300\/90:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-300\/90:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-300\/90:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400:focus) { + color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400:hover) { + color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400:active) { + color: var(--bluegray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/10:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/10:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/10:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/20:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/20:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/20:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/30:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/30:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/30:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/40:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/40:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/40:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/50:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/50:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/50:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/60:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/60:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/60:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/70:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/70:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/70:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/80:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/80:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/80:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-400\/90:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-400\/90:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-400\/90:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500:focus) { + color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500:hover) { + color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500:active) { + color: var(--bluegray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/10:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/10:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/10:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/20:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/20:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/20:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/30:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/30:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/30:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/40:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/40:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/40:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/50:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/50:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/50:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/60:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/60:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/60:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/70:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/70:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/70:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/80:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/80:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/80:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-500\/90:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-500\/90:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-500\/90:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600:focus) { + color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600:hover) { + color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600:active) { + color: var(--bluegray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/10:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/10:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/10:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/20:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/20:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/20:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/30:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/30:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/30:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/40:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/40:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/40:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/50:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/50:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/50:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/60:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/60:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/60:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/70:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/70:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/70:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/80:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/80:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/80:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-600\/90:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-600\/90:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-600\/90:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700:focus) { + color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700:hover) { + color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700:active) { + color: var(--bluegray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/10:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/10:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/10:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/20:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/20:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/20:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/30:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/30:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/30:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/40:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/40:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/40:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/50:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/50:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/50:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/60:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/60:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/60:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/70:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/70:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/70:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/80:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/80:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/80:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-700\/90:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-700\/90:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-700\/90:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800:focus) { + color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800:hover) { + color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800:active) { + color: var(--bluegray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/10:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/10:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/10:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/20:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/20:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/20:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/30:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/30:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/30:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/40:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/40:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/40:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/50:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/50:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/50:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/60:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/60:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/60:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/70:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/70:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/70:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/80:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/80:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/80:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-800\/90:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-800\/90:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-800\/90:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900:focus) { + color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900:hover) { + color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900:active) { + color: var(--bluegray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/10:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/10:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/10:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/20:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/20:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/20:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/30:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/30:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/30:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/40:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/40:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/40:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/50:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/50:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/50:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/60:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/60:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/60:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/70:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/70:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/70:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/80:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/80:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/80:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-bluegray-900\/90:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-bluegray-900\/90:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-bluegray-900\/90:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50:focus) { + color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50:hover) { + color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50:active) { + color: var(--purple-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/10:focus) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/10:hover) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/10:active) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/20:focus) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/20:hover) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/20:active) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/30:focus) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/30:hover) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/30:active) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/40:focus) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/40:hover) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/40:active) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/50:focus) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/50:hover) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/50:active) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/60:focus) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/60:hover) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/60:active) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/70:focus) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/70:hover) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/70:active) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/80:focus) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/80:hover) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/80:active) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-50\/90:focus) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-50\/90:hover) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-50\/90:active) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100:focus) { + color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100:hover) { + color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100:active) { + color: var(--purple-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/10:focus) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/10:hover) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/10:active) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/20:focus) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/20:hover) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/20:active) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/30:focus) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/30:hover) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/30:active) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/40:focus) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/40:hover) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/40:active) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/50:focus) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/50:hover) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/50:active) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/60:focus) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/60:hover) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/60:active) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/70:focus) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/70:hover) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/70:active) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/80:focus) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/80:hover) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/80:active) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-100\/90:focus) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-100\/90:hover) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-100\/90:active) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200:focus) { + color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200:hover) { + color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200:active) { + color: var(--purple-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/10:focus) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/10:hover) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/10:active) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/20:focus) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/20:hover) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/20:active) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/30:focus) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/30:hover) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/30:active) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/40:focus) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/40:hover) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/40:active) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/50:focus) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/50:hover) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/50:active) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/60:focus) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/60:hover) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/60:active) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/70:focus) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/70:hover) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/70:active) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/80:focus) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/80:hover) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/80:active) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-200\/90:focus) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-200\/90:hover) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-200\/90:active) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300:focus) { + color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300:hover) { + color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300:active) { + color: var(--purple-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/10:focus) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/10:hover) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/10:active) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/20:focus) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/20:hover) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/20:active) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/30:focus) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/30:hover) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/30:active) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/40:focus) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/40:hover) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/40:active) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/50:focus) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/50:hover) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/50:active) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/60:focus) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/60:hover) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/60:active) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/70:focus) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/70:hover) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/70:active) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/80:focus) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/80:hover) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/80:active) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-300\/90:focus) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-300\/90:hover) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-300\/90:active) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400:focus) { + color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400:hover) { + color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400:active) { + color: var(--purple-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/10:focus) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/10:hover) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/10:active) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/20:focus) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/20:hover) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/20:active) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/30:focus) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/30:hover) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/30:active) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/40:focus) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/40:hover) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/40:active) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/50:focus) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/50:hover) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/50:active) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/60:focus) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/60:hover) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/60:active) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/70:focus) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/70:hover) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/70:active) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/80:focus) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/80:hover) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/80:active) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-400\/90:focus) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-400\/90:hover) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-400\/90:active) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500:focus) { + color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500:hover) { + color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500:active) { + color: var(--purple-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/10:focus) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/10:hover) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/10:active) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/20:focus) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/20:hover) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/20:active) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/30:focus) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/30:hover) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/30:active) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/40:focus) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/40:hover) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/40:active) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/50:focus) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/50:hover) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/50:active) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/60:focus) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/60:hover) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/60:active) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/70:focus) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/70:hover) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/70:active) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/80:focus) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/80:hover) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/80:active) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-500\/90:focus) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-500\/90:hover) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-500\/90:active) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600:focus) { + color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600:hover) { + color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600:active) { + color: var(--purple-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/10:focus) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/10:hover) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/10:active) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/20:focus) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/20:hover) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/20:active) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/30:focus) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/30:hover) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/30:active) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/40:focus) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/40:hover) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/40:active) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/50:focus) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/50:hover) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/50:active) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/60:focus) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/60:hover) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/60:active) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/70:focus) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/70:hover) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/70:active) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/80:focus) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/80:hover) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/80:active) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-600\/90:focus) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-600\/90:hover) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-600\/90:active) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700:focus) { + color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700:hover) { + color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700:active) { + color: var(--purple-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/10:focus) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/10:hover) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/10:active) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/20:focus) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/20:hover) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/20:active) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/30:focus) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/30:hover) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/30:active) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/40:focus) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/40:hover) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/40:active) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/50:focus) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/50:hover) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/50:active) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/60:focus) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/60:hover) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/60:active) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/70:focus) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/70:hover) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/70:active) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/80:focus) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/80:hover) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/80:active) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-700\/90:focus) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-700\/90:hover) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-700\/90:active) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800:focus) { + color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800:hover) { + color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800:active) { + color: var(--purple-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/10:focus) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/10:hover) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/10:active) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/20:focus) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/20:hover) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/20:active) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/30:focus) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/30:hover) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/30:active) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/40:focus) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/40:hover) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/40:active) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/50:focus) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/50:hover) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/50:active) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/60:focus) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/60:hover) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/60:active) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/70:focus) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/70:hover) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/70:active) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/80:focus) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/80:hover) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/80:active) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-800\/90:focus) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-800\/90:hover) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-800\/90:active) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900:focus) { + color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900:hover) { + color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900:active) { + color: var(--purple-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/10:focus) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/10:hover) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/10:active) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/20:focus) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/20:hover) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/20:active) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/30:focus) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/30:hover) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/30:active) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/40:focus) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/40:hover) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/40:active) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/50:focus) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/50:hover) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/50:active) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/60:focus) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/60:hover) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/60:active) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/70:focus) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/70:hover) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/70:active) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/80:focus) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/80:hover) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/80:active) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-purple-900\/90:focus) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-purple-900\/90:hover) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-purple-900\/90:active) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50:focus) { + color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50:hover) { + color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50:active) { + color: var(--red-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/10:focus) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/10:hover) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/10:active) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/20:focus) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/20:hover) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/20:active) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/30:focus) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/30:hover) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/30:active) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/40:focus) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/40:hover) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/40:active) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/50:focus) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/50:hover) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/50:active) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/60:focus) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/60:hover) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/60:active) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/70:focus) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/70:hover) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/70:active) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/80:focus) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/80:hover) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/80:active) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-50\/90:focus) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-50\/90:hover) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-50\/90:active) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100:focus) { + color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100:hover) { + color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100:active) { + color: var(--red-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/10:focus) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/10:hover) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/10:active) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/20:focus) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/20:hover) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/20:active) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/30:focus) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/30:hover) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/30:active) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/40:focus) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/40:hover) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/40:active) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/50:focus) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/50:hover) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/50:active) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/60:focus) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/60:hover) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/60:active) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/70:focus) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/70:hover) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/70:active) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/80:focus) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/80:hover) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/80:active) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-100\/90:focus) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-100\/90:hover) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-100\/90:active) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200:focus) { + color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200:hover) { + color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200:active) { + color: var(--red-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/10:focus) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/10:hover) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/10:active) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/20:focus) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/20:hover) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/20:active) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/30:focus) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/30:hover) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/30:active) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/40:focus) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/40:hover) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/40:active) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/50:focus) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/50:hover) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/50:active) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/60:focus) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/60:hover) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/60:active) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/70:focus) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/70:hover) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/70:active) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/80:focus) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/80:hover) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/80:active) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-200\/90:focus) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-200\/90:hover) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-200\/90:active) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300:focus) { + color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300:hover) { + color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300:active) { + color: var(--red-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/10:focus) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/10:hover) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/10:active) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/20:focus) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/20:hover) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/20:active) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/30:focus) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/30:hover) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/30:active) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/40:focus) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/40:hover) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/40:active) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/50:focus) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/50:hover) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/50:active) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/60:focus) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/60:hover) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/60:active) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/70:focus) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/70:hover) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/70:active) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/80:focus) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/80:hover) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/80:active) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-300\/90:focus) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-300\/90:hover) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-300\/90:active) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400:focus) { + color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400:hover) { + color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400:active) { + color: var(--red-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/10:focus) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/10:hover) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/10:active) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/20:focus) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/20:hover) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/20:active) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/30:focus) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/30:hover) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/30:active) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/40:focus) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/40:hover) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/40:active) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/50:focus) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/50:hover) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/50:active) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/60:focus) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/60:hover) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/60:active) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/70:focus) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/70:hover) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/70:active) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/80:focus) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/80:hover) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/80:active) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-400\/90:focus) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-400\/90:hover) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-400\/90:active) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500:focus) { + color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500:hover) { + color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500:active) { + color: var(--red-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/10:focus) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/10:hover) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/10:active) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/20:focus) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/20:hover) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/20:active) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/30:focus) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/30:hover) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/30:active) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/40:focus) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/40:hover) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/40:active) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/50:focus) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/50:hover) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/50:active) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/60:focus) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/60:hover) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/60:active) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/70:focus) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/70:hover) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/70:active) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/80:focus) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/80:hover) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/80:active) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-500\/90:focus) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-500\/90:hover) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-500\/90:active) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600:focus) { + color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600:hover) { + color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600:active) { + color: var(--red-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/10:focus) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/10:hover) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/10:active) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/20:focus) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/20:hover) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/20:active) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/30:focus) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/30:hover) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/30:active) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/40:focus) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/40:hover) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/40:active) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/50:focus) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/50:hover) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/50:active) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/60:focus) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/60:hover) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/60:active) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/70:focus) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/70:hover) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/70:active) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/80:focus) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/80:hover) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/80:active) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-600\/90:focus) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-600\/90:hover) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-600\/90:active) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700:focus) { + color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700:hover) { + color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700:active) { + color: var(--red-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/10:focus) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/10:hover) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/10:active) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/20:focus) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/20:hover) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/20:active) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/30:focus) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/30:hover) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/30:active) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/40:focus) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/40:hover) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/40:active) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/50:focus) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/50:hover) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/50:active) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/60:focus) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/60:hover) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/60:active) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/70:focus) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/70:hover) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/70:active) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/80:focus) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/80:hover) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/80:active) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-700\/90:focus) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-700\/90:hover) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-700\/90:active) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800:focus) { + color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800:hover) { + color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800:active) { + color: var(--red-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/10:focus) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/10:hover) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/10:active) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/20:focus) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/20:hover) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/20:active) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/30:focus) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/30:hover) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/30:active) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/40:focus) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/40:hover) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/40:active) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/50:focus) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/50:hover) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/50:active) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/60:focus) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/60:hover) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/60:active) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/70:focus) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/70:hover) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/70:active) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/80:focus) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/80:hover) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/80:active) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-800\/90:focus) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-800\/90:hover) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-800\/90:active) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900:focus) { + color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900:hover) { + color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900:active) { + color: var(--red-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/10:focus) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/10:hover) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/10:active) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/20:focus) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/20:hover) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/20:active) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/30:focus) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/30:hover) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/30:active) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/40:focus) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/40:hover) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/40:active) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/50:focus) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/50:hover) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/50:active) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/60:focus) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/60:hover) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/60:active) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/70:focus) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/70:hover) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/70:active) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/80:focus) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/80:hover) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/80:active) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-red-900\/90:focus) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-red-900\/90:hover) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-red-900\/90:active) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50:focus) { + color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50:hover) { + color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50:active) { + color: var(--gray-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/10:focus) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/10:hover) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/10:active) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/20:focus) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/20:hover) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/20:active) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/30:focus) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/30:hover) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/30:active) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/40:focus) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/40:hover) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/40:active) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/50:focus) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/50:hover) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/50:active) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/60:focus) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/60:hover) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/60:active) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/70:focus) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/70:hover) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/70:active) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/80:focus) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/80:hover) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/80:active) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-50\/90:focus) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-50\/90:hover) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-50\/90:active) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100:focus) { + color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100:hover) { + color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100:active) { + color: var(--gray-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/10:focus) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/10:hover) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/10:active) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/20:focus) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/20:hover) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/20:active) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/30:focus) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/30:hover) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/30:active) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/40:focus) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/40:hover) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/40:active) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/50:focus) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/50:hover) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/50:active) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/60:focus) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/60:hover) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/60:active) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/70:focus) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/70:hover) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/70:active) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/80:focus) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/80:hover) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/80:active) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-100\/90:focus) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-100\/90:hover) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-100\/90:active) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200:focus) { + color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200:hover) { + color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200:active) { + color: var(--gray-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/10:focus) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/10:hover) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/10:active) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/20:focus) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/20:hover) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/20:active) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/30:focus) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/30:hover) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/30:active) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/40:focus) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/40:hover) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/40:active) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/50:focus) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/50:hover) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/50:active) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/60:focus) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/60:hover) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/60:active) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/70:focus) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/70:hover) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/70:active) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/80:focus) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/80:hover) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/80:active) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-200\/90:focus) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-200\/90:hover) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-200\/90:active) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300:focus) { + color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300:hover) { + color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300:active) { + color: var(--gray-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/10:focus) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/10:hover) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/10:active) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/20:focus) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/20:hover) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/20:active) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/30:focus) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/30:hover) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/30:active) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/40:focus) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/40:hover) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/40:active) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/50:focus) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/50:hover) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/50:active) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/60:focus) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/60:hover) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/60:active) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/70:focus) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/70:hover) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/70:active) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/80:focus) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/80:hover) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/80:active) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-300\/90:focus) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-300\/90:hover) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-300\/90:active) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400:focus) { + color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400:hover) { + color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400:active) { + color: var(--gray-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/10:focus) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/10:hover) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/10:active) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/20:focus) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/20:hover) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/20:active) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/30:focus) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/30:hover) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/30:active) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/40:focus) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/40:hover) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/40:active) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/50:focus) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/50:hover) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/50:active) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/60:focus) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/60:hover) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/60:active) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/70:focus) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/70:hover) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/70:active) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/80:focus) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/80:hover) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/80:active) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-400\/90:focus) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-400\/90:hover) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-400\/90:active) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500:focus) { + color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500:hover) { + color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500:active) { + color: var(--gray-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/10:focus) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/10:hover) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/10:active) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/20:focus) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/20:hover) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/20:active) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/30:focus) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/30:hover) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/30:active) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/40:focus) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/40:hover) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/40:active) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/50:focus) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/50:hover) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/50:active) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/60:focus) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/60:hover) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/60:active) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/70:focus) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/70:hover) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/70:active) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/80:focus) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/80:hover) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/80:active) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-500\/90:focus) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-500\/90:hover) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-500\/90:active) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600:focus) { + color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600:hover) { + color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600:active) { + color: var(--gray-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/10:focus) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/10:hover) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/10:active) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/20:focus) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/20:hover) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/20:active) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/30:focus) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/30:hover) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/30:active) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/40:focus) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/40:hover) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/40:active) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/50:focus) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/50:hover) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/50:active) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/60:focus) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/60:hover) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/60:active) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/70:focus) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/70:hover) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/70:active) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/80:focus) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/80:hover) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/80:active) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-600\/90:focus) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-600\/90:hover) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-600\/90:active) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700:focus) { + color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700:hover) { + color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700:active) { + color: var(--gray-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/10:focus) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/10:hover) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/10:active) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/20:focus) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/20:hover) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/20:active) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/30:focus) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/30:hover) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/30:active) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/40:focus) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/40:hover) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/40:active) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/50:focus) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/50:hover) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/50:active) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/60:focus) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/60:hover) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/60:active) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/70:focus) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/70:hover) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/70:active) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/80:focus) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/80:hover) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/80:active) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-700\/90:focus) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-700\/90:hover) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-700\/90:active) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800:focus) { + color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800:hover) { + color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800:active) { + color: var(--gray-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/10:focus) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/10:hover) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/10:active) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/20:focus) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/20:hover) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/20:active) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/30:focus) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/30:hover) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/30:active) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/40:focus) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/40:hover) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/40:active) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/50:focus) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/50:hover) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/50:active) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/60:focus) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/60:hover) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/60:active) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/70:focus) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/70:hover) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/70:active) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/80:focus) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/80:hover) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/80:active) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-800\/90:focus) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-800\/90:hover) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-800\/90:active) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900:focus) { + color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900:hover) { + color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900:active) { + color: var(--gray-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/10:focus) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/10:hover) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/10:active) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/20:focus) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/20:hover) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/20:active) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/30:focus) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/30:hover) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/30:active) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/40:focus) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/40:hover) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/40:active) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/50:focus) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/50:hover) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/50:active) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/60:focus) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/60:hover) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/60:active) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/70:focus) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/70:hover) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/70:active) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/80:focus) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/80:hover) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/80:active) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-gray-900\/90:focus) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-gray-900\/90:hover) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-gray-900\/90:active) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0:focus) { + color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0:hover) { + color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0:active) { + color: var(--surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/10:focus) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/10:hover) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/10:active) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/20:focus) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/20:hover) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/20:active) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/30:focus) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/30:hover) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/30:active) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/40:focus) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/40:hover) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/40:active) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/50:focus) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/50:hover) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/50:active) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/60:focus) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/60:hover) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/60:active) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/70:focus) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/70:hover) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/70:active) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/80:focus) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/80:hover) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/80:active) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-0\/90:focus) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-0\/90:hover) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-0\/90:active) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50:focus) { + color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50:hover) { + color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50:active) { + color: var(--surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/10:focus) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/10:hover) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/10:active) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/20:focus) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/20:hover) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/20:active) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/30:focus) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/30:hover) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/30:active) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/40:focus) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/40:hover) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/40:active) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/50:focus) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/50:hover) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/50:active) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/60:focus) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/60:hover) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/60:active) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/70:focus) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/70:hover) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/70:active) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/80:focus) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/80:hover) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/80:active) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-50\/90:focus) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-50\/90:hover) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-50\/90:active) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100:focus) { + color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100:hover) { + color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100:active) { + color: var(--surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/10:focus) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/10:hover) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/10:active) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/20:focus) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/20:hover) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/20:active) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/30:focus) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/30:hover) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/30:active) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/40:focus) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/40:hover) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/40:active) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/50:focus) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/50:hover) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/50:active) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/60:focus) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/60:hover) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/60:active) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/70:focus) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/70:hover) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/70:active) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/80:focus) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/80:hover) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/80:active) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-100\/90:focus) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-100\/90:hover) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-100\/90:active) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200:focus) { + color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200:hover) { + color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200:active) { + color: var(--surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/10:focus) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/10:hover) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/10:active) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/20:focus) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/20:hover) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/20:active) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/30:focus) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/30:hover) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/30:active) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/40:focus) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/40:hover) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/40:active) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/50:focus) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/50:hover) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/50:active) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/60:focus) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/60:hover) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/60:active) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/70:focus) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/70:hover) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/70:active) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/80:focus) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/80:hover) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/80:active) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-200\/90:focus) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-200\/90:hover) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-200\/90:active) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300:focus) { + color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300:hover) { + color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300:active) { + color: var(--surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/10:focus) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/10:hover) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/10:active) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/20:focus) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/20:hover) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/20:active) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/30:focus) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/30:hover) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/30:active) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/40:focus) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/40:hover) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/40:active) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/50:focus) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/50:hover) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/50:active) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/60:focus) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/60:hover) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/60:active) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/70:focus) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/70:hover) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/70:active) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/80:focus) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/80:hover) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/80:active) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-300\/90:focus) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-300\/90:hover) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-300\/90:active) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400:focus) { + color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400:hover) { + color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400:active) { + color: var(--surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/10:focus) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/10:hover) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/10:active) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/20:focus) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/20:hover) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/20:active) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/30:focus) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/30:hover) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/30:active) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/40:focus) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/40:hover) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/40:active) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/50:focus) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/50:hover) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/50:active) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/60:focus) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/60:hover) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/60:active) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/70:focus) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/70:hover) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/70:active) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/80:focus) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/80:hover) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/80:active) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-400\/90:focus) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-400\/90:hover) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-400\/90:active) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500:focus) { + color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500:hover) { + color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500:active) { + color: var(--surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/10:focus) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/10:hover) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/10:active) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/20:focus) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/20:hover) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/20:active) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/30:focus) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/30:hover) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/30:active) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/40:focus) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/40:hover) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/40:active) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/50:focus) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/50:hover) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/50:active) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/60:focus) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/60:hover) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/60:active) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/70:focus) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/70:hover) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/70:active) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/80:focus) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/80:hover) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/80:active) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-500\/90:focus) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-500\/90:hover) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-500\/90:active) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600:focus) { + color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600:hover) { + color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600:active) { + color: var(--surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/10:focus) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/10:hover) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/10:active) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/20:focus) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/20:hover) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/20:active) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/30:focus) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/30:hover) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/30:active) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/40:focus) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/40:hover) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/40:active) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/50:focus) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/50:hover) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/50:active) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/60:focus) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/60:hover) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/60:active) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/70:focus) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/70:hover) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/70:active) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/80:focus) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/80:hover) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/80:active) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-600\/90:focus) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-600\/90:hover) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-600\/90:active) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700:focus) { + color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700:hover) { + color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700:active) { + color: var(--surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/10:focus) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/10:hover) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/10:active) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/20:focus) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/20:hover) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/20:active) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/30:focus) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/30:hover) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/30:active) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/40:focus) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/40:hover) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/40:active) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/50:focus) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/50:hover) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/50:active) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/60:focus) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/60:hover) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/60:active) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/70:focus) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/70:hover) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/70:active) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/80:focus) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/80:hover) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/80:active) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-700\/90:focus) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-700\/90:hover) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-700\/90:active) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800:focus) { + color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800:hover) { + color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800:active) { + color: var(--surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/10:focus) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/10:hover) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/10:active) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/20:focus) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/20:hover) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/20:active) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/30:focus) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/30:hover) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/30:active) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/40:focus) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/40:hover) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/40:active) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/50:focus) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/50:hover) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/50:active) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/60:focus) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/60:hover) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/60:active) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/70:focus) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/70:hover) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/70:active) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/80:focus) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/80:hover) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/80:active) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-800\/90:focus) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-800\/90:hover) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-800\/90:active) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900:focus) { + color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900:hover) { + color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900:active) { + color: var(--surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/10:focus) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/10:hover) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/10:active) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/20:focus) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/20:hover) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/20:active) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/30:focus) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/30:hover) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/30:active) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/40:focus) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/40:hover) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/40:active) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/50:focus) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/50:hover) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/50:active) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/60:focus) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/60:hover) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/60:active) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/70:focus) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/70:hover) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/70:active) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/80:focus) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/80:hover) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/80:active) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-surface-900\/90:focus) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-surface-900\/90:hover) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-surface-900\/90:active) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50:focus) { + color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50:hover) { + color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50:active) { + color: var(--primary-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/10:focus) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/10:hover) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/10:active) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/20:focus) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/20:hover) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/20:active) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/30:focus) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/30:hover) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/30:active) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/40:focus) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/40:hover) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/40:active) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/50:focus) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/50:hover) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/50:active) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/60:focus) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/60:hover) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/60:active) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/70:focus) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/70:hover) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/70:active) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/80:focus) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/80:hover) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/80:active) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-50\/90:focus) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-50\/90:hover) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-50\/90:active) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100:focus) { + color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100:hover) { + color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100:active) { + color: var(--primary-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/10:focus) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/10:hover) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/10:active) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/20:focus) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/20:hover) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/20:active) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/30:focus) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/30:hover) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/30:active) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/40:focus) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/40:hover) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/40:active) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/50:focus) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/50:hover) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/50:active) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/60:focus) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/60:hover) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/60:active) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/70:focus) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/70:hover) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/70:active) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/80:focus) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/80:hover) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/80:active) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-100\/90:focus) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-100\/90:hover) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-100\/90:active) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200:focus) { + color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200:hover) { + color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200:active) { + color: var(--primary-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/10:focus) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/10:hover) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/10:active) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/20:focus) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/20:hover) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/20:active) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/30:focus) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/30:hover) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/30:active) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/40:focus) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/40:hover) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/40:active) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/50:focus) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/50:hover) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/50:active) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/60:focus) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/60:hover) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/60:active) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/70:focus) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/70:hover) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/70:active) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/80:focus) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/80:hover) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/80:active) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-200\/90:focus) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-200\/90:hover) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-200\/90:active) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300:focus) { + color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300:hover) { + color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300:active) { + color: var(--primary-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/10:focus) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/10:hover) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/10:active) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/20:focus) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/20:hover) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/20:active) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/30:focus) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/30:hover) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/30:active) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/40:focus) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/40:hover) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/40:active) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/50:focus) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/50:hover) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/50:active) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/60:focus) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/60:hover) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/60:active) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/70:focus) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/70:hover) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/70:active) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/80:focus) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/80:hover) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/80:active) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-300\/90:focus) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-300\/90:hover) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-300\/90:active) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400:focus) { + color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400:hover) { + color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400:active) { + color: var(--primary-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/10:focus) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/10:hover) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/10:active) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/20:focus) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/20:hover) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/20:active) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/30:focus) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/30:hover) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/30:active) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/40:focus) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/40:hover) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/40:active) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/50:focus) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/50:hover) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/50:active) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/60:focus) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/60:hover) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/60:active) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/70:focus) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/70:hover) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/70:active) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/80:focus) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/80:hover) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/80:active) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-400\/90:focus) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-400\/90:hover) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-400\/90:active) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500:focus) { + color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500:hover) { + color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500:active) { + color: var(--primary-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/10:focus) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/10:hover) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/10:active) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/20:focus) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/20:hover) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/20:active) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/30:focus) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/30:hover) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/30:active) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/40:focus) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/40:hover) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/40:active) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/50:focus) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/50:hover) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/50:active) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/60:focus) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/60:hover) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/60:active) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/70:focus) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/70:hover) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/70:active) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/80:focus) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/80:hover) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/80:active) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-500\/90:focus) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-500\/90:hover) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-500\/90:active) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600:focus) { + color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600:hover) { + color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600:active) { + color: var(--primary-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/10:focus) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/10:hover) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/10:active) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/20:focus) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/20:hover) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/20:active) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/30:focus) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/30:hover) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/30:active) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/40:focus) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/40:hover) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/40:active) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/50:focus) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/50:hover) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/50:active) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/60:focus) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/60:hover) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/60:active) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/70:focus) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/70:hover) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/70:active) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/80:focus) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/80:hover) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/80:active) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-600\/90:focus) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-600\/90:hover) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-600\/90:active) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700:focus) { + color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700:hover) { + color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700:active) { + color: var(--primary-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/10:focus) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/10:hover) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/10:active) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/20:focus) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/20:hover) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/20:active) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/30:focus) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/30:hover) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/30:active) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/40:focus) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/40:hover) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/40:active) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/50:focus) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/50:hover) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/50:active) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/60:focus) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/60:hover) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/60:active) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/70:focus) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/70:hover) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/70:active) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/80:focus) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/80:hover) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/80:active) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-700\/90:focus) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-700\/90:hover) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-700\/90:active) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800:focus) { + color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800:hover) { + color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800:active) { + color: var(--primary-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/10:focus) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/10:hover) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/10:active) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/20:focus) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/20:hover) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/20:active) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/30:focus) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/30:hover) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/30:active) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/40:focus) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/40:hover) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/40:active) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/50:focus) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/50:hover) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/50:active) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/60:focus) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/60:hover) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/60:active) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/70:focus) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/70:hover) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/70:active) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/80:focus) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/80:hover) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/80:active) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-800\/90:focus) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-800\/90:hover) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-800\/90:active) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900:focus) { + color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900:hover) { + color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900:active) { + color: var(--primary-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/10:focus) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/10:hover) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/10:active) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/20:focus) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/20:hover) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/20:active) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/30:focus) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/30:hover) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/30:active) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/40:focus) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/40:hover) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/40:active) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/50:focus) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/50:hover) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/50:active) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/60:focus) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/60:hover) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/60:active) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/70:focus) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/70:hover) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/70:active) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/80:focus) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/80:hover) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/80:active) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-primary-900\/90:focus) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-primary-900\/90:hover) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-primary-900\/90:active) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/10) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/20) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/30) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/40) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/50) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/60) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/70) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/80) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-50\/90) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/10) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/20) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/30) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/40) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/50) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/60) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/70) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/80) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-100\/90) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/10) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/20) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/30) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/40) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/50) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/60) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/70) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/80) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-200\/90) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/10) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/20) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/30) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/40) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/50) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/60) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/70) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/80) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-300\/90) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/10) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/20) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/30) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/40) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/50) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/60) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/70) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/80) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-400\/90) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/10) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/20) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/30) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/40) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/50) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/60) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/70) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/80) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-500\/90) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/10) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/20) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/30) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/40) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/50) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/60) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/70) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/80) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-600\/90) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/10) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/20) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/30) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/40) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/50) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/60) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/70) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/80) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-700\/90) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/10) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/20) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/30) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/40) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/50) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/60) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/70) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/80) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-800\/90) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/10) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/20) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/30) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/40) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/50) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/60) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/70) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/80) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-blue-900\/90) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/10) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/20) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/30) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/40) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/50) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/60) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/70) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/80) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-50\/90) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/10) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/20) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/30) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/40) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/50) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/60) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/70) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/80) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-100\/90) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/10) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/20) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/30) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/40) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/50) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/60) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/70) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/80) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-200\/90) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/10) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/20) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/30) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/40) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/50) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/60) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/70) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/80) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-300\/90) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/10) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/20) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/30) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/40) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/50) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/60) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/70) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/80) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-400\/90) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/10) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/20) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/30) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/40) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/50) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/60) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/70) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/80) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-500\/90) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/10) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/20) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/30) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/40) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/50) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/60) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/70) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/80) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-600\/90) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/10) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/20) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/30) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/40) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/50) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/60) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/70) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/80) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-700\/90) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/10) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/20) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/30) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/40) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/50) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/60) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/70) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/80) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-800\/90) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/10) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/20) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/30) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/40) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/50) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/60) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/70) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/80) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-green-900\/90) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/10) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/20) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/30) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/40) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/50) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/60) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/70) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/80) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-50\/90) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/10) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/20) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/30) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/40) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/50) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/60) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/70) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/80) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-100\/90) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/10) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/20) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/30) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/40) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/50) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/60) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/70) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/80) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-200\/90) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/10) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/20) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/30) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/40) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/50) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/60) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/70) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/80) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-300\/90) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/10) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/20) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/30) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/40) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/50) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/60) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/70) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/80) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-400\/90) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/10) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/20) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/30) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/40) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/50) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/60) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/70) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/80) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-500\/90) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/10) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/20) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/30) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/40) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/50) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/60) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/70) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/80) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-600\/90) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/10) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/20) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/30) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/40) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/50) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/60) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/70) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/80) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-700\/90) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/10) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/20) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/30) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/40) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/50) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/60) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/70) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/80) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-800\/90) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/10) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/20) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/30) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/40) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/50) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/60) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/70) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/80) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-yellow-900\/90) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/10) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/20) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/30) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/40) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/50) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/60) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/70) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/80) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-50\/90) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/10) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/20) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/30) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/40) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/50) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/60) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/70) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/80) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-100\/90) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/10) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/20) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/30) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/40) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/50) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/60) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/70) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/80) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-200\/90) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/10) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/20) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/30) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/40) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/50) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/60) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/70) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/80) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-300\/90) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/10) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/20) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/30) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/40) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/50) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/60) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/70) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/80) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-400\/90) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/10) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/20) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/30) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/40) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/50) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/60) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/70) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/80) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-500\/90) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/10) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/20) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/30) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/40) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/50) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/60) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/70) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/80) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-600\/90) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/10) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/20) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/30) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/40) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/50) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/60) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/70) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/80) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-700\/90) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/10) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/20) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/30) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/40) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/50) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/60) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/70) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/80) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-800\/90) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/10) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/20) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/30) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/40) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/50) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/60) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/70) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/80) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-cyan-900\/90) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/10) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/20) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/30) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/40) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/50) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/60) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/70) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/80) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-50\/90) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/10) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/20) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/30) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/40) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/50) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/60) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/70) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/80) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-100\/90) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/10) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/20) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/30) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/40) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/50) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/60) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/70) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/80) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-200\/90) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/10) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/20) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/30) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/40) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/50) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/60) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/70) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/80) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-300\/90) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/10) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/20) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/30) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/40) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/50) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/60) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/70) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/80) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-400\/90) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/10) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/20) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/30) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/40) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/50) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/60) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/70) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/80) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-500\/90) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/10) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/20) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/30) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/40) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/50) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/60) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/70) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/80) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-600\/90) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/10) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/20) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/30) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/40) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/50) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/60) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/70) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/80) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-700\/90) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/10) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/20) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/30) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/40) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/50) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/60) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/70) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/80) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-800\/90) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/10) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/20) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/30) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/40) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/50) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/60) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/70) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/80) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-pink-900\/90) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/10) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/20) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/30) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/40) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/50) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/60) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/70) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/80) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-50\/90) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/10) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/20) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/30) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/40) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/50) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/60) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/70) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/80) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-100\/90) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/10) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/20) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/30) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/40) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/50) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/60) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/70) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/80) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-200\/90) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/10) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/20) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/30) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/40) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/50) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/60) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/70) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/80) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-300\/90) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/10) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/20) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/30) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/40) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/50) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/60) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/70) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/80) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-400\/90) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/10) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/20) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/30) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/40) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/50) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/60) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/70) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/80) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-500\/90) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/10) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/20) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/30) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/40) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/50) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/60) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/70) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/80) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-600\/90) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/10) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/20) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/30) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/40) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/50) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/60) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/70) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/80) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-700\/90) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/10) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/20) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/30) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/40) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/50) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/60) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/70) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/80) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-800\/90) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/10) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/20) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/30) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/40) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/50) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/60) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/70) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/80) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-indigo-900\/90) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/10) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/20) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/30) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/40) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/50) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/60) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/70) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/80) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-50\/90) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/10) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/20) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/30) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/40) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/50) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/60) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/70) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/80) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-100\/90) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/10) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/20) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/30) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/40) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/50) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/60) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/70) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/80) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-200\/90) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/10) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/20) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/30) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/40) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/50) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/60) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/70) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/80) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-300\/90) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/10) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/20) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/30) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/40) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/50) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/60) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/70) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/80) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-400\/90) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/10) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/20) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/30) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/40) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/50) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/60) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/70) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/80) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-500\/90) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/10) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/20) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/30) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/40) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/50) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/60) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/70) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/80) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-600\/90) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/10) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/20) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/30) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/40) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/50) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/60) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/70) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/80) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-700\/90) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/10) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/20) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/30) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/40) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/50) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/60) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/70) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/80) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-800\/90) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/10) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/20) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/30) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/40) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/50) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/60) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/70) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/80) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-teal-900\/90) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/10) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/20) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/30) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/40) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/50) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/60) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/70) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/80) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-50\/90) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/10) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/20) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/30) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/40) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/50) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/60) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/70) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/80) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-100\/90) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/10) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/20) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/30) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/40) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/50) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/60) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/70) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/80) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-200\/90) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/10) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/20) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/30) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/40) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/50) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/60) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/70) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/80) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-300\/90) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/10) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/20) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/30) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/40) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/50) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/60) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/70) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/80) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-400\/90) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/10) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/20) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/30) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/40) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/50) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/60) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/70) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/80) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-500\/90) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/10) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/20) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/30) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/40) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/50) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/60) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/70) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/80) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-600\/90) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/10) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/20) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/30) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/40) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/50) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/60) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/70) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/80) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-700\/90) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/10) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/20) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/30) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/40) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/50) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/60) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/70) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/80) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-800\/90) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/10) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/20) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/30) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/40) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/50) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/60) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/70) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/80) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-orange-900\/90) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/10) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/20) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/30) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/40) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/50) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/60) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/70) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/80) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-50\/90) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/10) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/20) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/30) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/40) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/50) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/60) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/70) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/80) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-100\/90) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/10) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/20) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/30) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/40) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/50) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/60) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/70) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/80) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-200\/90) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/10) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/20) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/30) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/40) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/50) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/60) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/70) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/80) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-300\/90) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/10) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/20) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/30) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/40) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/50) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/60) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/70) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/80) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-400\/90) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/10) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/20) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/30) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/40) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/50) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/60) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/70) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/80) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-500\/90) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/10) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/20) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/30) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/40) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/50) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/60) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/70) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/80) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-600\/90) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/10) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/20) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/30) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/40) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/50) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/60) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/70) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/80) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-700\/90) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/10) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/20) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/30) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/40) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/50) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/60) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/70) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/80) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-800\/90) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/10) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/20) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/30) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/40) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/50) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/60) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/70) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/80) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-bluegray-900\/90) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/10) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/20) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/30) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/40) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/50) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/60) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/70) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/80) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-50\/90) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/10) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/20) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/30) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/40) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/50) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/60) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/70) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/80) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-100\/90) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/10) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/20) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/30) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/40) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/50) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/60) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/70) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/80) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-200\/90) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/10) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/20) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/30) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/40) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/50) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/60) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/70) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/80) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-300\/90) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/10) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/20) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/30) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/40) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/50) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/60) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/70) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/80) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-400\/90) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/10) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/20) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/30) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/40) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/50) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/60) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/70) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/80) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-500\/90) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/10) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/20) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/30) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/40) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/50) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/60) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/70) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/80) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-600\/90) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/10) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/20) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/30) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/40) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/50) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/60) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/70) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/80) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-700\/90) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/10) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/20) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/30) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/40) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/50) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/60) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/70) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/80) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-800\/90) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/10) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/20) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/30) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/40) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/50) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/60) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/70) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/80) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-purple-900\/90) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/10) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/20) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/30) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/40) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/50) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/60) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/70) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/80) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-50\/90) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/10) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/20) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/30) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/40) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/50) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/60) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/70) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/80) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-100\/90) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/10) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/20) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/30) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/40) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/50) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/60) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/70) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/80) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-200\/90) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/10) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/20) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/30) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/40) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/50) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/60) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/70) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/80) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-300\/90) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/10) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/20) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/30) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/40) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/50) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/60) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/70) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/80) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-400\/90) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/10) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/20) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/30) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/40) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/50) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/60) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/70) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/80) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-500\/90) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/10) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/20) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/30) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/40) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/50) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/60) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/70) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/80) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-600\/90) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/10) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/20) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/30) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/40) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/50) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/60) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/70) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/80) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-700\/90) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/10) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/20) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/30) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/40) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/50) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/60) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/70) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/80) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-800\/90) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/10) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/20) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/30) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/40) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/50) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/60) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/70) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/80) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-red-900\/90) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/10) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/20) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/30) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/40) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/50) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/60) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/70) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/80) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-50\/90) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/10) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/20) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/30) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/40) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/50) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/60) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/70) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/80) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-100\/90) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/10) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/20) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/30) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/40) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/50) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/60) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/70) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/80) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-200\/90) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/10) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/20) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/30) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/40) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/50) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/60) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/70) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/80) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-300\/90) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/10) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/20) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/30) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/40) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/50) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/60) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/70) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/80) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-400\/90) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/10) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/20) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/30) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/40) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/50) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/60) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/70) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/80) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-500\/90) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/10) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/20) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/30) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/40) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/50) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/60) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/70) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/80) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-600\/90) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/10) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/20) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/30) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/40) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/50) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/60) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/70) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/80) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-700\/90) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/10) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/20) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/30) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/40) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/50) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/60) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/70) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/80) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-800\/90) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/10) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/20) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/30) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/40) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/50) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/60) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/70) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/80) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-gray-900\/90) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/10) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/20) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/30) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/40) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/50) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/60) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/70) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/80) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-0\/90) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/10) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/20) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/30) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/40) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/50) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/60) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/70) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/80) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-50\/90) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/10) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/20) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/30) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/40) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/50) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/60) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/70) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/80) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-100\/90) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/10) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/20) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/30) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/40) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/50) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/60) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/70) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/80) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-200\/90) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/10) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/20) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/30) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/40) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/50) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/60) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/70) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/80) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-300\/90) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/10) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/20) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/30) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/40) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/50) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/60) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/70) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/80) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-400\/90) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/10) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/20) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/30) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/40) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/50) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/60) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/70) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/80) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-500\/90) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/10) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/20) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/30) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/40) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/50) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/60) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/70) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/80) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-600\/90) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/10) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/20) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/30) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/40) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/50) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/60) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/70) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/80) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-700\/90) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/10) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/20) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/30) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/40) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/50) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/60) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/70) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/80) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-800\/90) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/10) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/20) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/30) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/40) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/50) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/60) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/70) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/80) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-surface-900\/90) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/10) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/20) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/30) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/40) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/50) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/60) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/70) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/80) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-50\/90) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/10) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/20) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/30) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/40) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/50) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/60) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/70) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/80) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-100\/90) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/10) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/20) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/30) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/40) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/50) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/60) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/70) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/80) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-200\/90) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/10) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/20) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/30) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/40) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/50) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/60) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/70) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/80) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-300\/90) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/10) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/20) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/30) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/40) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/50) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/60) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/70) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/80) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-400\/90) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/10) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/20) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/30) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/40) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/50) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/60) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/70) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/80) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-500\/90) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/10) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/20) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/30) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/40) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/50) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/60) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/70) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/80) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-600\/90) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/10) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/20) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/30) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/40) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/50) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/60) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/70) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/80) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-700\/90) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/10) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/20) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/30) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/40) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/50) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/60) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/70) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/80) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-800\/90) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/10) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/20) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/30) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/40) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/50) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/60) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/70) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/80) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-primary-900\/90) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50:focus) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50:hover) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50:active) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/10:focus) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/10:hover) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/10:active) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/20:focus) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/20:hover) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/20:active) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/30:focus) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/30:hover) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/30:active) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/40:focus) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/40:hover) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/40:active) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/50:focus) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/50:hover) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/50:active) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/60:focus) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/60:hover) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/60:active) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/70:focus) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/70:hover) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/70:active) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/80:focus) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/80:hover) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/80:active) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-50\/90:focus) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-50\/90:hover) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-50\/90:active) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100:focus) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100:hover) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100:active) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/10:focus) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/10:hover) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/10:active) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/20:focus) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/20:hover) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/20:active) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/30:focus) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/30:hover) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/30:active) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/40:focus) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/40:hover) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/40:active) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/50:focus) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/50:hover) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/50:active) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/60:focus) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/60:hover) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/60:active) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/70:focus) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/70:hover) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/70:active) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/80:focus) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/80:hover) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/80:active) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-100\/90:focus) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-100\/90:hover) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-100\/90:active) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200:focus) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200:hover) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200:active) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/10:focus) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/10:hover) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/10:active) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/20:focus) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/20:hover) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/20:active) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/30:focus) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/30:hover) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/30:active) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/40:focus) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/40:hover) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/40:active) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/50:focus) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/50:hover) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/50:active) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/60:focus) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/60:hover) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/60:active) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/70:focus) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/70:hover) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/70:active) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/80:focus) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/80:hover) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/80:active) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-200\/90:focus) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-200\/90:hover) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-200\/90:active) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300:focus) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300:hover) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300:active) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/10:focus) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/10:hover) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/10:active) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/20:focus) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/20:hover) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/20:active) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/30:focus) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/30:hover) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/30:active) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/40:focus) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/40:hover) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/40:active) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/50:focus) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/50:hover) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/50:active) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/60:focus) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/60:hover) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/60:active) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/70:focus) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/70:hover) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/70:active) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/80:focus) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/80:hover) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/80:active) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-300\/90:focus) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-300\/90:hover) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-300\/90:active) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400:focus) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400:hover) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400:active) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/10:focus) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/10:hover) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/10:active) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/20:focus) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/20:hover) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/20:active) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/30:focus) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/30:hover) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/30:active) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/40:focus) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/40:hover) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/40:active) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/50:focus) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/50:hover) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/50:active) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/60:focus) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/60:hover) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/60:active) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/70:focus) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/70:hover) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/70:active) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/80:focus) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/80:hover) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/80:active) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-400\/90:focus) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-400\/90:hover) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-400\/90:active) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500:focus) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500:hover) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500:active) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/10:focus) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/10:hover) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/10:active) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/20:focus) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/20:hover) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/20:active) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/30:focus) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/30:hover) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/30:active) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/40:focus) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/40:hover) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/40:active) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/50:focus) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/50:hover) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/50:active) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/60:focus) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/60:hover) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/60:active) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/70:focus) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/70:hover) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/70:active) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/80:focus) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/80:hover) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/80:active) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-500\/90:focus) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-500\/90:hover) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-500\/90:active) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600:focus) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600:hover) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600:active) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/10:focus) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/10:hover) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/10:active) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/20:focus) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/20:hover) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/20:active) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/30:focus) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/30:hover) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/30:active) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/40:focus) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/40:hover) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/40:active) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/50:focus) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/50:hover) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/50:active) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/60:focus) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/60:hover) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/60:active) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/70:focus) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/70:hover) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/70:active) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/80:focus) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/80:hover) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/80:active) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-600\/90:focus) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-600\/90:hover) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-600\/90:active) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700:focus) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700:hover) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700:active) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/10:focus) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/10:hover) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/10:active) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/20:focus) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/20:hover) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/20:active) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/30:focus) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/30:hover) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/30:active) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/40:focus) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/40:hover) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/40:active) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/50:focus) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/50:hover) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/50:active) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/60:focus) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/60:hover) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/60:active) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/70:focus) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/70:hover) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/70:active) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/80:focus) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/80:hover) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/80:active) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-700\/90:focus) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-700\/90:hover) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-700\/90:active) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800:focus) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800:hover) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800:active) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/10:focus) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/10:hover) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/10:active) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/20:focus) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/20:hover) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/20:active) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/30:focus) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/30:hover) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/30:active) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/40:focus) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/40:hover) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/40:active) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/50:focus) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/50:hover) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/50:active) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/60:focus) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/60:hover) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/60:active) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/70:focus) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/70:hover) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/70:active) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/80:focus) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/80:hover) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/80:active) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-800\/90:focus) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-800\/90:hover) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-800\/90:active) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900:focus) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900:hover) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900:active) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/10:focus) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/10:hover) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/10:active) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/20:focus) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/20:hover) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/20:active) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/30:focus) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/30:hover) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/30:active) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/40:focus) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/40:hover) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/40:active) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/50:focus) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/50:hover) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/50:active) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/60:focus) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/60:hover) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/60:active) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/70:focus) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/70:hover) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/70:active) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/80:focus) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/80:hover) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/80:active) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-blue-900\/90:focus) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-blue-900\/90:hover) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-blue-900\/90:active) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50:focus) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50:hover) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50:active) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/10:focus) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/10:hover) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/10:active) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/20:focus) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/20:hover) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/20:active) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/30:focus) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/30:hover) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/30:active) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/40:focus) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/40:hover) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/40:active) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/50:focus) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/50:hover) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/50:active) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/60:focus) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/60:hover) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/60:active) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/70:focus) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/70:hover) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/70:active) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/80:focus) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/80:hover) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/80:active) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-50\/90:focus) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-50\/90:hover) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-50\/90:active) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100:focus) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100:hover) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100:active) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/10:focus) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/10:hover) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/10:active) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/20:focus) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/20:hover) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/20:active) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/30:focus) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/30:hover) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/30:active) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/40:focus) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/40:hover) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/40:active) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/50:focus) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/50:hover) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/50:active) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/60:focus) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/60:hover) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/60:active) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/70:focus) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/70:hover) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/70:active) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/80:focus) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/80:hover) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/80:active) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-100\/90:focus) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-100\/90:hover) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-100\/90:active) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200:focus) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200:hover) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200:active) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/10:focus) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/10:hover) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/10:active) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/20:focus) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/20:hover) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/20:active) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/30:focus) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/30:hover) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/30:active) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/40:focus) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/40:hover) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/40:active) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/50:focus) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/50:hover) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/50:active) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/60:focus) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/60:hover) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/60:active) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/70:focus) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/70:hover) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/70:active) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/80:focus) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/80:hover) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/80:active) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-200\/90:focus) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-200\/90:hover) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-200\/90:active) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300:focus) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300:hover) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300:active) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/10:focus) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/10:hover) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/10:active) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/20:focus) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/20:hover) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/20:active) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/30:focus) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/30:hover) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/30:active) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/40:focus) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/40:hover) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/40:active) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/50:focus) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/50:hover) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/50:active) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/60:focus) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/60:hover) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/60:active) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/70:focus) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/70:hover) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/70:active) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/80:focus) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/80:hover) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/80:active) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-300\/90:focus) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-300\/90:hover) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-300\/90:active) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400:focus) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400:hover) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400:active) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/10:focus) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/10:hover) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/10:active) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/20:focus) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/20:hover) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/20:active) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/30:focus) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/30:hover) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/30:active) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/40:focus) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/40:hover) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/40:active) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/50:focus) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/50:hover) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/50:active) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/60:focus) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/60:hover) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/60:active) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/70:focus) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/70:hover) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/70:active) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/80:focus) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/80:hover) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/80:active) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-400\/90:focus) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-400\/90:hover) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-400\/90:active) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500:focus) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500:hover) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500:active) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/10:focus) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/10:hover) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/10:active) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/20:focus) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/20:hover) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/20:active) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/30:focus) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/30:hover) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/30:active) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/40:focus) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/40:hover) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/40:active) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/50:focus) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/50:hover) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/50:active) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/60:focus) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/60:hover) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/60:active) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/70:focus) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/70:hover) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/70:active) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/80:focus) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/80:hover) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/80:active) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-500\/90:focus) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-500\/90:hover) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-500\/90:active) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600:focus) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600:hover) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600:active) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/10:focus) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/10:hover) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/10:active) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/20:focus) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/20:hover) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/20:active) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/30:focus) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/30:hover) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/30:active) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/40:focus) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/40:hover) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/40:active) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/50:focus) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/50:hover) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/50:active) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/60:focus) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/60:hover) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/60:active) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/70:focus) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/70:hover) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/70:active) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/80:focus) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/80:hover) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/80:active) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-600\/90:focus) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-600\/90:hover) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-600\/90:active) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700:focus) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700:hover) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700:active) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/10:focus) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/10:hover) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/10:active) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/20:focus) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/20:hover) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/20:active) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/30:focus) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/30:hover) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/30:active) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/40:focus) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/40:hover) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/40:active) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/50:focus) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/50:hover) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/50:active) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/60:focus) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/60:hover) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/60:active) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/70:focus) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/70:hover) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/70:active) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/80:focus) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/80:hover) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/80:active) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-700\/90:focus) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-700\/90:hover) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-700\/90:active) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800:focus) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800:hover) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800:active) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/10:focus) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/10:hover) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/10:active) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/20:focus) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/20:hover) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/20:active) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/30:focus) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/30:hover) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/30:active) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/40:focus) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/40:hover) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/40:active) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/50:focus) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/50:hover) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/50:active) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/60:focus) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/60:hover) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/60:active) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/70:focus) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/70:hover) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/70:active) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/80:focus) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/80:hover) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/80:active) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-800\/90:focus) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-800\/90:hover) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-800\/90:active) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900:focus) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900:hover) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900:active) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/10:focus) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/10:hover) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/10:active) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/20:focus) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/20:hover) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/20:active) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/30:focus) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/30:hover) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/30:active) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/40:focus) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/40:hover) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/40:active) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/50:focus) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/50:hover) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/50:active) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/60:focus) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/60:hover) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/60:active) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/70:focus) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/70:hover) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/70:active) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/80:focus) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/80:hover) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/80:active) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-green-900\/90:focus) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-green-900\/90:hover) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-green-900\/90:active) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50:focus) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50:hover) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50:active) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/10:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/10:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/10:active) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/20:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/20:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/20:active) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/30:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/30:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/30:active) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/40:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/40:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/40:active) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/50:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/50:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/50:active) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/60:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/60:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/60:active) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/70:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/70:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/70:active) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/80:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/80:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/80:active) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-50\/90:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-50\/90:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-50\/90:active) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100:focus) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100:hover) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100:active) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/10:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/10:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/10:active) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/20:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/20:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/20:active) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/30:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/30:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/30:active) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/40:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/40:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/40:active) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/50:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/50:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/50:active) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/60:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/60:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/60:active) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/70:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/70:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/70:active) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/80:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/80:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/80:active) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-100\/90:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-100\/90:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-100\/90:active) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200:focus) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200:hover) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200:active) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/10:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/10:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/10:active) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/20:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/20:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/20:active) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/30:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/30:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/30:active) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/40:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/40:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/40:active) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/50:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/50:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/50:active) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/60:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/60:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/60:active) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/70:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/70:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/70:active) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/80:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/80:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/80:active) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-200\/90:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-200\/90:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-200\/90:active) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300:focus) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300:hover) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300:active) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/10:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/10:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/10:active) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/20:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/20:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/20:active) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/30:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/30:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/30:active) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/40:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/40:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/40:active) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/50:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/50:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/50:active) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/60:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/60:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/60:active) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/70:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/70:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/70:active) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/80:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/80:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/80:active) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-300\/90:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-300\/90:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-300\/90:active) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400:focus) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400:hover) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400:active) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/10:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/10:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/10:active) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/20:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/20:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/20:active) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/30:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/30:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/30:active) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/40:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/40:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/40:active) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/50:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/50:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/50:active) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/60:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/60:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/60:active) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/70:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/70:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/70:active) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/80:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/80:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/80:active) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-400\/90:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-400\/90:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-400\/90:active) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500:focus) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500:hover) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500:active) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/10:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/10:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/10:active) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/20:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/20:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/20:active) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/30:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/30:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/30:active) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/40:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/40:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/40:active) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/50:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/50:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/50:active) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/60:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/60:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/60:active) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/70:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/70:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/70:active) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/80:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/80:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/80:active) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-500\/90:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-500\/90:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-500\/90:active) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600:focus) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600:hover) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600:active) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/10:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/10:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/10:active) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/20:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/20:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/20:active) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/30:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/30:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/30:active) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/40:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/40:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/40:active) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/50:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/50:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/50:active) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/60:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/60:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/60:active) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/70:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/70:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/70:active) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/80:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/80:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/80:active) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-600\/90:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-600\/90:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-600\/90:active) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700:focus) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700:hover) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700:active) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/10:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/10:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/10:active) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/20:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/20:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/20:active) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/30:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/30:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/30:active) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/40:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/40:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/40:active) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/50:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/50:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/50:active) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/60:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/60:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/60:active) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/70:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/70:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/70:active) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/80:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/80:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/80:active) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-700\/90:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-700\/90:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-700\/90:active) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800:focus) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800:hover) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800:active) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/10:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/10:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/10:active) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/20:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/20:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/20:active) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/30:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/30:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/30:active) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/40:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/40:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/40:active) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/50:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/50:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/50:active) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/60:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/60:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/60:active) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/70:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/70:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/70:active) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/80:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/80:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/80:active) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-800\/90:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-800\/90:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-800\/90:active) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900:focus) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900:hover) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900:active) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/10:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/10:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/10:active) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/20:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/20:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/20:active) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/30:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/30:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/30:active) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/40:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/40:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/40:active) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/50:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/50:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/50:active) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/60:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/60:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/60:active) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/70:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/70:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/70:active) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/80:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/80:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/80:active) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-yellow-900\/90:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-yellow-900\/90:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-yellow-900\/90:active) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50:focus) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50:hover) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50:active) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/10:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/10:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/10:active) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/20:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/20:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/20:active) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/30:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/30:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/30:active) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/40:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/40:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/40:active) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/50:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/50:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/50:active) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/60:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/60:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/60:active) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/70:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/70:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/70:active) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/80:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/80:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/80:active) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-50\/90:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-50\/90:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-50\/90:active) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100:focus) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100:hover) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100:active) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/10:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/10:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/10:active) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/20:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/20:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/20:active) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/30:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/30:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/30:active) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/40:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/40:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/40:active) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/50:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/50:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/50:active) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/60:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/60:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/60:active) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/70:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/70:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/70:active) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/80:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/80:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/80:active) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-100\/90:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-100\/90:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-100\/90:active) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200:focus) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200:hover) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200:active) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/10:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/10:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/10:active) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/20:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/20:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/20:active) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/30:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/30:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/30:active) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/40:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/40:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/40:active) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/50:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/50:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/50:active) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/60:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/60:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/60:active) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/70:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/70:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/70:active) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/80:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/80:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/80:active) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-200\/90:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-200\/90:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-200\/90:active) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300:focus) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300:hover) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300:active) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/10:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/10:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/10:active) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/20:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/20:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/20:active) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/30:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/30:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/30:active) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/40:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/40:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/40:active) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/50:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/50:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/50:active) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/60:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/60:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/60:active) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/70:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/70:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/70:active) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/80:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/80:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/80:active) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-300\/90:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-300\/90:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-300\/90:active) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400:focus) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400:hover) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400:active) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/10:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/10:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/10:active) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/20:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/20:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/20:active) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/30:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/30:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/30:active) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/40:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/40:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/40:active) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/50:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/50:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/50:active) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/60:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/60:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/60:active) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/70:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/70:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/70:active) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/80:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/80:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/80:active) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-400\/90:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-400\/90:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-400\/90:active) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500:focus) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500:hover) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500:active) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/10:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/10:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/10:active) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/20:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/20:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/20:active) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/30:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/30:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/30:active) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/40:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/40:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/40:active) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/50:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/50:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/50:active) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/60:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/60:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/60:active) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/70:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/70:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/70:active) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/80:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/80:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/80:active) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-500\/90:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-500\/90:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-500\/90:active) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600:focus) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600:hover) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600:active) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/10:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/10:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/10:active) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/20:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/20:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/20:active) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/30:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/30:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/30:active) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/40:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/40:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/40:active) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/50:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/50:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/50:active) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/60:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/60:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/60:active) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/70:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/70:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/70:active) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/80:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/80:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/80:active) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-600\/90:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-600\/90:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-600\/90:active) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700:focus) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700:hover) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700:active) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/10:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/10:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/10:active) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/20:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/20:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/20:active) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/30:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/30:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/30:active) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/40:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/40:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/40:active) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/50:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/50:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/50:active) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/60:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/60:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/60:active) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/70:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/70:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/70:active) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/80:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/80:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/80:active) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-700\/90:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-700\/90:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-700\/90:active) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800:focus) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800:hover) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800:active) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/10:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/10:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/10:active) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/20:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/20:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/20:active) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/30:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/30:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/30:active) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/40:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/40:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/40:active) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/50:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/50:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/50:active) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/60:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/60:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/60:active) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/70:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/70:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/70:active) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/80:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/80:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/80:active) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-800\/90:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-800\/90:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-800\/90:active) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900:focus) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900:hover) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900:active) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/10:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/10:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/10:active) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/20:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/20:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/20:active) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/30:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/30:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/30:active) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/40:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/40:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/40:active) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/50:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/50:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/50:active) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/60:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/60:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/60:active) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/70:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/70:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/70:active) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/80:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/80:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/80:active) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-cyan-900\/90:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-cyan-900\/90:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-cyan-900\/90:active) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50:focus) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50:hover) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50:active) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/10:focus) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/10:hover) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/10:active) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/20:focus) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/20:hover) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/20:active) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/30:focus) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/30:hover) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/30:active) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/40:focus) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/40:hover) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/40:active) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/50:focus) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/50:hover) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/50:active) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/60:focus) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/60:hover) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/60:active) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/70:focus) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/70:hover) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/70:active) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/80:focus) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/80:hover) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/80:active) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-50\/90:focus) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-50\/90:hover) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-50\/90:active) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100:focus) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100:hover) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100:active) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/10:focus) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/10:hover) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/10:active) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/20:focus) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/20:hover) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/20:active) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/30:focus) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/30:hover) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/30:active) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/40:focus) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/40:hover) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/40:active) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/50:focus) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/50:hover) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/50:active) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/60:focus) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/60:hover) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/60:active) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/70:focus) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/70:hover) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/70:active) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/80:focus) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/80:hover) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/80:active) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-100\/90:focus) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-100\/90:hover) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-100\/90:active) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200:focus) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200:hover) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200:active) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/10:focus) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/10:hover) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/10:active) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/20:focus) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/20:hover) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/20:active) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/30:focus) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/30:hover) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/30:active) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/40:focus) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/40:hover) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/40:active) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/50:focus) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/50:hover) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/50:active) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/60:focus) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/60:hover) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/60:active) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/70:focus) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/70:hover) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/70:active) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/80:focus) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/80:hover) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/80:active) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-200\/90:focus) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-200\/90:hover) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-200\/90:active) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300:focus) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300:hover) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300:active) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/10:focus) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/10:hover) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/10:active) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/20:focus) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/20:hover) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/20:active) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/30:focus) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/30:hover) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/30:active) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/40:focus) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/40:hover) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/40:active) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/50:focus) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/50:hover) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/50:active) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/60:focus) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/60:hover) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/60:active) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/70:focus) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/70:hover) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/70:active) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/80:focus) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/80:hover) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/80:active) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-300\/90:focus) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-300\/90:hover) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-300\/90:active) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400:focus) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400:hover) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400:active) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/10:focus) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/10:hover) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/10:active) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/20:focus) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/20:hover) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/20:active) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/30:focus) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/30:hover) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/30:active) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/40:focus) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/40:hover) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/40:active) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/50:focus) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/50:hover) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/50:active) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/60:focus) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/60:hover) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/60:active) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/70:focus) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/70:hover) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/70:active) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/80:focus) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/80:hover) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/80:active) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-400\/90:focus) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-400\/90:hover) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-400\/90:active) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500:focus) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500:hover) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500:active) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/10:focus) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/10:hover) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/10:active) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/20:focus) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/20:hover) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/20:active) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/30:focus) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/30:hover) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/30:active) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/40:focus) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/40:hover) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/40:active) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/50:focus) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/50:hover) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/50:active) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/60:focus) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/60:hover) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/60:active) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/70:focus) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/70:hover) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/70:active) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/80:focus) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/80:hover) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/80:active) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-500\/90:focus) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-500\/90:hover) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-500\/90:active) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600:focus) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600:hover) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600:active) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/10:focus) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/10:hover) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/10:active) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/20:focus) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/20:hover) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/20:active) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/30:focus) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/30:hover) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/30:active) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/40:focus) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/40:hover) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/40:active) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/50:focus) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/50:hover) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/50:active) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/60:focus) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/60:hover) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/60:active) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/70:focus) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/70:hover) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/70:active) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/80:focus) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/80:hover) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/80:active) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-600\/90:focus) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-600\/90:hover) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-600\/90:active) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700:focus) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700:hover) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700:active) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/10:focus) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/10:hover) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/10:active) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/20:focus) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/20:hover) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/20:active) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/30:focus) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/30:hover) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/30:active) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/40:focus) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/40:hover) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/40:active) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/50:focus) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/50:hover) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/50:active) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/60:focus) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/60:hover) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/60:active) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/70:focus) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/70:hover) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/70:active) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/80:focus) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/80:hover) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/80:active) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-700\/90:focus) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-700\/90:hover) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-700\/90:active) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800:focus) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800:hover) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800:active) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/10:focus) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/10:hover) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/10:active) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/20:focus) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/20:hover) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/20:active) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/30:focus) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/30:hover) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/30:active) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/40:focus) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/40:hover) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/40:active) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/50:focus) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/50:hover) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/50:active) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/60:focus) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/60:hover) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/60:active) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/70:focus) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/70:hover) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/70:active) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/80:focus) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/80:hover) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/80:active) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-800\/90:focus) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-800\/90:hover) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-800\/90:active) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900:focus) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900:hover) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900:active) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/10:focus) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/10:hover) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/10:active) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/20:focus) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/20:hover) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/20:active) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/30:focus) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/30:hover) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/30:active) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/40:focus) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/40:hover) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/40:active) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/50:focus) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/50:hover) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/50:active) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/60:focus) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/60:hover) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/60:active) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/70:focus) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/70:hover) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/70:active) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/80:focus) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/80:hover) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/80:active) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-pink-900\/90:focus) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-pink-900\/90:hover) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-pink-900\/90:active) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50:focus) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50:hover) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50:active) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/10:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/10:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/10:active) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/20:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/20:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/20:active) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/30:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/30:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/30:active) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/40:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/40:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/40:active) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/50:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/50:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/50:active) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/60:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/60:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/60:active) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/70:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/70:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/70:active) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/80:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/80:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/80:active) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-50\/90:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-50\/90:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-50\/90:active) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100:focus) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100:hover) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100:active) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/10:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/10:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/10:active) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/20:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/20:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/20:active) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/30:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/30:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/30:active) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/40:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/40:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/40:active) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/50:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/50:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/50:active) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/60:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/60:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/60:active) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/70:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/70:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/70:active) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/80:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/80:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/80:active) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-100\/90:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-100\/90:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-100\/90:active) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200:focus) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200:hover) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200:active) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/10:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/10:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/10:active) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/20:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/20:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/20:active) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/30:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/30:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/30:active) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/40:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/40:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/40:active) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/50:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/50:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/50:active) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/60:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/60:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/60:active) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/70:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/70:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/70:active) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/80:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/80:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/80:active) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-200\/90:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-200\/90:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-200\/90:active) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300:focus) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300:hover) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300:active) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/10:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/10:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/10:active) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/20:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/20:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/20:active) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/30:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/30:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/30:active) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/40:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/40:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/40:active) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/50:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/50:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/50:active) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/60:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/60:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/60:active) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/70:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/70:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/70:active) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/80:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/80:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/80:active) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-300\/90:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-300\/90:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-300\/90:active) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400:focus) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400:hover) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400:active) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/10:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/10:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/10:active) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/20:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/20:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/20:active) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/30:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/30:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/30:active) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/40:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/40:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/40:active) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/50:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/50:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/50:active) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/60:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/60:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/60:active) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/70:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/70:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/70:active) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/80:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/80:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/80:active) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-400\/90:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-400\/90:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-400\/90:active) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500:focus) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500:hover) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500:active) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/10:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/10:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/10:active) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/20:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/20:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/20:active) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/30:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/30:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/30:active) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/40:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/40:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/40:active) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/50:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/50:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/50:active) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/60:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/60:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/60:active) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/70:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/70:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/70:active) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/80:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/80:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/80:active) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-500\/90:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-500\/90:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-500\/90:active) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600:focus) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600:hover) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600:active) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/10:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/10:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/10:active) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/20:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/20:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/20:active) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/30:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/30:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/30:active) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/40:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/40:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/40:active) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/50:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/50:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/50:active) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/60:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/60:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/60:active) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/70:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/70:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/70:active) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/80:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/80:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/80:active) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-600\/90:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-600\/90:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-600\/90:active) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700:focus) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700:hover) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700:active) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/10:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/10:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/10:active) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/20:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/20:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/20:active) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/30:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/30:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/30:active) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/40:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/40:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/40:active) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/50:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/50:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/50:active) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/60:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/60:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/60:active) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/70:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/70:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/70:active) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/80:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/80:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/80:active) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-700\/90:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-700\/90:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-700\/90:active) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800:focus) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800:hover) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800:active) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/10:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/10:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/10:active) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/20:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/20:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/20:active) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/30:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/30:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/30:active) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/40:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/40:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/40:active) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/50:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/50:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/50:active) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/60:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/60:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/60:active) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/70:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/70:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/70:active) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/80:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/80:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/80:active) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-800\/90:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-800\/90:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-800\/90:active) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900:focus) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900:hover) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900:active) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/10:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/10:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/10:active) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/20:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/20:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/20:active) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/30:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/30:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/30:active) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/40:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/40:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/40:active) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/50:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/50:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/50:active) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/60:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/60:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/60:active) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/70:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/70:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/70:active) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/80:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/80:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/80:active) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-indigo-900\/90:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-indigo-900\/90:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-indigo-900\/90:active) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50:focus) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50:hover) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50:active) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/10:focus) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/10:hover) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/10:active) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/20:focus) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/20:hover) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/20:active) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/30:focus) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/30:hover) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/30:active) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/40:focus) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/40:hover) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/40:active) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/50:focus) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/50:hover) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/50:active) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/60:focus) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/60:hover) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/60:active) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/70:focus) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/70:hover) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/70:active) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/80:focus) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/80:hover) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/80:active) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-50\/90:focus) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-50\/90:hover) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-50\/90:active) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100:focus) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100:hover) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100:active) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/10:focus) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/10:hover) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/10:active) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/20:focus) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/20:hover) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/20:active) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/30:focus) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/30:hover) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/30:active) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/40:focus) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/40:hover) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/40:active) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/50:focus) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/50:hover) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/50:active) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/60:focus) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/60:hover) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/60:active) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/70:focus) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/70:hover) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/70:active) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/80:focus) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/80:hover) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/80:active) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-100\/90:focus) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-100\/90:hover) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-100\/90:active) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200:focus) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200:hover) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200:active) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/10:focus) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/10:hover) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/10:active) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/20:focus) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/20:hover) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/20:active) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/30:focus) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/30:hover) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/30:active) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/40:focus) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/40:hover) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/40:active) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/50:focus) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/50:hover) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/50:active) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/60:focus) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/60:hover) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/60:active) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/70:focus) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/70:hover) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/70:active) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/80:focus) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/80:hover) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/80:active) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-200\/90:focus) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-200\/90:hover) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-200\/90:active) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300:focus) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300:hover) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300:active) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/10:focus) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/10:hover) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/10:active) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/20:focus) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/20:hover) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/20:active) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/30:focus) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/30:hover) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/30:active) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/40:focus) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/40:hover) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/40:active) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/50:focus) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/50:hover) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/50:active) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/60:focus) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/60:hover) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/60:active) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/70:focus) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/70:hover) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/70:active) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/80:focus) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/80:hover) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/80:active) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-300\/90:focus) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-300\/90:hover) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-300\/90:active) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400:focus) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400:hover) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400:active) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/10:focus) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/10:hover) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/10:active) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/20:focus) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/20:hover) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/20:active) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/30:focus) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/30:hover) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/30:active) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/40:focus) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/40:hover) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/40:active) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/50:focus) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/50:hover) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/50:active) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/60:focus) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/60:hover) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/60:active) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/70:focus) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/70:hover) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/70:active) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/80:focus) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/80:hover) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/80:active) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-400\/90:focus) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-400\/90:hover) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-400\/90:active) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500:focus) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500:hover) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500:active) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/10:focus) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/10:hover) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/10:active) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/20:focus) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/20:hover) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/20:active) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/30:focus) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/30:hover) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/30:active) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/40:focus) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/40:hover) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/40:active) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/50:focus) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/50:hover) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/50:active) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/60:focus) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/60:hover) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/60:active) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/70:focus) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/70:hover) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/70:active) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/80:focus) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/80:hover) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/80:active) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-500\/90:focus) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-500\/90:hover) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-500\/90:active) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600:focus) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600:hover) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600:active) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/10:focus) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/10:hover) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/10:active) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/20:focus) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/20:hover) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/20:active) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/30:focus) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/30:hover) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/30:active) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/40:focus) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/40:hover) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/40:active) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/50:focus) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/50:hover) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/50:active) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/60:focus) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/60:hover) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/60:active) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/70:focus) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/70:hover) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/70:active) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/80:focus) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/80:hover) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/80:active) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-600\/90:focus) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-600\/90:hover) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-600\/90:active) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700:focus) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700:hover) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700:active) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/10:focus) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/10:hover) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/10:active) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/20:focus) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/20:hover) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/20:active) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/30:focus) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/30:hover) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/30:active) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/40:focus) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/40:hover) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/40:active) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/50:focus) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/50:hover) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/50:active) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/60:focus) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/60:hover) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/60:active) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/70:focus) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/70:hover) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/70:active) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/80:focus) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/80:hover) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/80:active) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-700\/90:focus) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-700\/90:hover) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-700\/90:active) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800:focus) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800:hover) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800:active) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/10:focus) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/10:hover) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/10:active) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/20:focus) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/20:hover) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/20:active) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/30:focus) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/30:hover) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/30:active) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/40:focus) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/40:hover) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/40:active) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/50:focus) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/50:hover) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/50:active) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/60:focus) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/60:hover) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/60:active) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/70:focus) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/70:hover) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/70:active) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/80:focus) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/80:hover) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/80:active) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-800\/90:focus) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-800\/90:hover) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-800\/90:active) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900:focus) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900:hover) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900:active) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/10:focus) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/10:hover) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/10:active) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/20:focus) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/20:hover) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/20:active) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/30:focus) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/30:hover) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/30:active) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/40:focus) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/40:hover) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/40:active) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/50:focus) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/50:hover) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/50:active) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/60:focus) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/60:hover) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/60:active) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/70:focus) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/70:hover) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/70:active) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/80:focus) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/80:hover) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/80:active) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-teal-900\/90:focus) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-teal-900\/90:hover) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-teal-900\/90:active) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50:focus) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50:hover) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50:active) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/10:focus) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/10:hover) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/10:active) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/20:focus) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/20:hover) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/20:active) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/30:focus) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/30:hover) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/30:active) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/40:focus) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/40:hover) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/40:active) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/50:focus) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/50:hover) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/50:active) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/60:focus) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/60:hover) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/60:active) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/70:focus) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/70:hover) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/70:active) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/80:focus) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/80:hover) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/80:active) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-50\/90:focus) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-50\/90:hover) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-50\/90:active) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100:focus) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100:hover) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100:active) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/10:focus) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/10:hover) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/10:active) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/20:focus) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/20:hover) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/20:active) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/30:focus) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/30:hover) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/30:active) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/40:focus) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/40:hover) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/40:active) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/50:focus) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/50:hover) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/50:active) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/60:focus) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/60:hover) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/60:active) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/70:focus) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/70:hover) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/70:active) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/80:focus) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/80:hover) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/80:active) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-100\/90:focus) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-100\/90:hover) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-100\/90:active) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200:focus) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200:hover) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200:active) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/10:focus) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/10:hover) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/10:active) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/20:focus) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/20:hover) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/20:active) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/30:focus) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/30:hover) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/30:active) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/40:focus) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/40:hover) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/40:active) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/50:focus) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/50:hover) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/50:active) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/60:focus) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/60:hover) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/60:active) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/70:focus) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/70:hover) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/70:active) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/80:focus) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/80:hover) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/80:active) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-200\/90:focus) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-200\/90:hover) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-200\/90:active) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300:focus) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300:hover) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300:active) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/10:focus) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/10:hover) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/10:active) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/20:focus) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/20:hover) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/20:active) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/30:focus) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/30:hover) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/30:active) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/40:focus) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/40:hover) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/40:active) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/50:focus) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/50:hover) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/50:active) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/60:focus) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/60:hover) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/60:active) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/70:focus) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/70:hover) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/70:active) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/80:focus) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/80:hover) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/80:active) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-300\/90:focus) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-300\/90:hover) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-300\/90:active) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400:focus) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400:hover) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400:active) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/10:focus) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/10:hover) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/10:active) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/20:focus) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/20:hover) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/20:active) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/30:focus) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/30:hover) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/30:active) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/40:focus) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/40:hover) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/40:active) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/50:focus) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/50:hover) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/50:active) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/60:focus) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/60:hover) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/60:active) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/70:focus) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/70:hover) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/70:active) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/80:focus) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/80:hover) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/80:active) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-400\/90:focus) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-400\/90:hover) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-400\/90:active) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500:focus) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500:hover) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500:active) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/10:focus) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/10:hover) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/10:active) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/20:focus) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/20:hover) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/20:active) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/30:focus) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/30:hover) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/30:active) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/40:focus) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/40:hover) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/40:active) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/50:focus) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/50:hover) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/50:active) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/60:focus) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/60:hover) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/60:active) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/70:focus) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/70:hover) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/70:active) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/80:focus) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/80:hover) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/80:active) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-500\/90:focus) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-500\/90:hover) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-500\/90:active) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600:focus) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600:hover) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600:active) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/10:focus) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/10:hover) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/10:active) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/20:focus) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/20:hover) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/20:active) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/30:focus) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/30:hover) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/30:active) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/40:focus) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/40:hover) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/40:active) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/50:focus) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/50:hover) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/50:active) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/60:focus) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/60:hover) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/60:active) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/70:focus) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/70:hover) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/70:active) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/80:focus) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/80:hover) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/80:active) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-600\/90:focus) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-600\/90:hover) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-600\/90:active) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700:focus) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700:hover) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700:active) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/10:focus) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/10:hover) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/10:active) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/20:focus) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/20:hover) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/20:active) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/30:focus) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/30:hover) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/30:active) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/40:focus) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/40:hover) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/40:active) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/50:focus) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/50:hover) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/50:active) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/60:focus) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/60:hover) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/60:active) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/70:focus) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/70:hover) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/70:active) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/80:focus) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/80:hover) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/80:active) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-700\/90:focus) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-700\/90:hover) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-700\/90:active) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800:focus) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800:hover) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800:active) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/10:focus) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/10:hover) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/10:active) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/20:focus) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/20:hover) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/20:active) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/30:focus) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/30:hover) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/30:active) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/40:focus) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/40:hover) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/40:active) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/50:focus) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/50:hover) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/50:active) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/60:focus) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/60:hover) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/60:active) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/70:focus) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/70:hover) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/70:active) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/80:focus) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/80:hover) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/80:active) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-800\/90:focus) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-800\/90:hover) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-800\/90:active) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900:focus) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900:hover) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900:active) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/10:focus) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/10:hover) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/10:active) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/20:focus) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/20:hover) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/20:active) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/30:focus) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/30:hover) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/30:active) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/40:focus) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/40:hover) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/40:active) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/50:focus) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/50:hover) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/50:active) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/60:focus) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/60:hover) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/60:active) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/70:focus) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/70:hover) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/70:active) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/80:focus) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/80:hover) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/80:active) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-orange-900\/90:focus) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-orange-900\/90:hover) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-orange-900\/90:active) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50:focus) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50:hover) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50:active) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/10:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/10:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/10:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/20:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/20:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/20:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/30:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/30:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/30:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/40:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/40:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/40:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/50:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/50:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/50:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/60:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/60:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/60:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/70:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/70:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/70:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/80:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/80:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/80:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-50\/90:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-50\/90:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-50\/90:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100:focus) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100:hover) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100:active) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/10:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/10:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/10:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/20:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/20:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/20:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/30:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/30:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/30:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/40:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/40:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/40:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/50:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/50:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/50:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/60:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/60:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/60:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/70:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/70:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/70:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/80:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/80:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/80:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-100\/90:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-100\/90:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-100\/90:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200:focus) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200:hover) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200:active) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/10:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/10:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/10:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/20:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/20:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/20:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/30:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/30:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/30:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/40:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/40:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/40:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/50:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/50:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/50:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/60:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/60:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/60:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/70:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/70:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/70:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/80:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/80:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/80:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-200\/90:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-200\/90:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-200\/90:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300:focus) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300:hover) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300:active) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/10:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/10:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/10:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/20:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/20:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/20:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/30:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/30:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/30:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/40:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/40:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/40:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/50:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/50:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/50:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/60:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/60:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/60:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/70:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/70:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/70:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/80:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/80:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/80:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-300\/90:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-300\/90:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-300\/90:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400:focus) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400:hover) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400:active) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/10:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/10:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/10:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/20:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/20:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/20:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/30:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/30:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/30:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/40:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/40:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/40:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/50:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/50:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/50:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/60:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/60:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/60:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/70:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/70:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/70:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/80:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/80:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/80:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-400\/90:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-400\/90:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-400\/90:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500:focus) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500:hover) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500:active) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/10:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/10:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/10:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/20:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/20:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/20:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/30:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/30:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/30:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/40:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/40:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/40:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/50:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/50:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/50:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/60:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/60:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/60:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/70:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/70:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/70:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/80:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/80:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/80:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-500\/90:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-500\/90:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-500\/90:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600:focus) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600:hover) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600:active) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/10:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/10:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/10:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/20:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/20:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/20:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/30:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/30:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/30:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/40:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/40:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/40:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/50:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/50:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/50:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/60:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/60:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/60:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/70:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/70:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/70:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/80:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/80:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/80:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-600\/90:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-600\/90:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-600\/90:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700:focus) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700:hover) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700:active) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/10:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/10:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/10:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/20:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/20:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/20:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/30:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/30:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/30:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/40:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/40:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/40:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/50:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/50:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/50:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/60:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/60:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/60:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/70:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/70:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/70:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/80:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/80:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/80:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-700\/90:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-700\/90:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-700\/90:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800:focus) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800:hover) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800:active) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/10:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/10:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/10:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/20:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/20:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/20:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/30:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/30:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/30:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/40:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/40:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/40:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/50:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/50:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/50:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/60:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/60:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/60:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/70:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/70:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/70:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/80:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/80:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/80:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-800\/90:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-800\/90:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-800\/90:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900:focus) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900:hover) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900:active) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/10:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/10:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/10:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/20:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/20:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/20:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/30:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/30:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/30:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/40:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/40:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/40:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/50:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/50:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/50:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/60:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/60:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/60:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/70:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/70:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/70:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/80:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/80:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/80:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-bluegray-900\/90:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-bluegray-900\/90:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-bluegray-900\/90:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50:focus) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50:hover) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50:active) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/10:focus) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/10:hover) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/10:active) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/20:focus) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/20:hover) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/20:active) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/30:focus) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/30:hover) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/30:active) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/40:focus) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/40:hover) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/40:active) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/50:focus) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/50:hover) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/50:active) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/60:focus) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/60:hover) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/60:active) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/70:focus) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/70:hover) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/70:active) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/80:focus) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/80:hover) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/80:active) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-50\/90:focus) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-50\/90:hover) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-50\/90:active) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100:focus) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100:hover) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100:active) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/10:focus) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/10:hover) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/10:active) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/20:focus) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/20:hover) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/20:active) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/30:focus) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/30:hover) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/30:active) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/40:focus) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/40:hover) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/40:active) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/50:focus) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/50:hover) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/50:active) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/60:focus) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/60:hover) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/60:active) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/70:focus) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/70:hover) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/70:active) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/80:focus) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/80:hover) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/80:active) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-100\/90:focus) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-100\/90:hover) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-100\/90:active) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200:focus) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200:hover) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200:active) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/10:focus) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/10:hover) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/10:active) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/20:focus) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/20:hover) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/20:active) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/30:focus) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/30:hover) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/30:active) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/40:focus) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/40:hover) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/40:active) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/50:focus) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/50:hover) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/50:active) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/60:focus) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/60:hover) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/60:active) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/70:focus) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/70:hover) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/70:active) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/80:focus) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/80:hover) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/80:active) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-200\/90:focus) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-200\/90:hover) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-200\/90:active) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300:focus) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300:hover) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300:active) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/10:focus) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/10:hover) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/10:active) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/20:focus) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/20:hover) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/20:active) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/30:focus) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/30:hover) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/30:active) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/40:focus) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/40:hover) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/40:active) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/50:focus) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/50:hover) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/50:active) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/60:focus) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/60:hover) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/60:active) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/70:focus) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/70:hover) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/70:active) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/80:focus) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/80:hover) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/80:active) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-300\/90:focus) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-300\/90:hover) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-300\/90:active) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400:focus) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400:hover) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400:active) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/10:focus) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/10:hover) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/10:active) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/20:focus) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/20:hover) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/20:active) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/30:focus) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/30:hover) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/30:active) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/40:focus) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/40:hover) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/40:active) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/50:focus) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/50:hover) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/50:active) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/60:focus) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/60:hover) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/60:active) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/70:focus) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/70:hover) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/70:active) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/80:focus) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/80:hover) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/80:active) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-400\/90:focus) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-400\/90:hover) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-400\/90:active) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500:focus) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500:hover) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500:active) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/10:focus) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/10:hover) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/10:active) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/20:focus) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/20:hover) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/20:active) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/30:focus) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/30:hover) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/30:active) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/40:focus) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/40:hover) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/40:active) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/50:focus) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/50:hover) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/50:active) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/60:focus) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/60:hover) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/60:active) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/70:focus) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/70:hover) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/70:active) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/80:focus) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/80:hover) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/80:active) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-500\/90:focus) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-500\/90:hover) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-500\/90:active) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600:focus) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600:hover) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600:active) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/10:focus) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/10:hover) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/10:active) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/20:focus) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/20:hover) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/20:active) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/30:focus) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/30:hover) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/30:active) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/40:focus) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/40:hover) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/40:active) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/50:focus) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/50:hover) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/50:active) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/60:focus) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/60:hover) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/60:active) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/70:focus) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/70:hover) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/70:active) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/80:focus) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/80:hover) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/80:active) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-600\/90:focus) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-600\/90:hover) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-600\/90:active) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700:focus) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700:hover) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700:active) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/10:focus) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/10:hover) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/10:active) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/20:focus) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/20:hover) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/20:active) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/30:focus) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/30:hover) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/30:active) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/40:focus) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/40:hover) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/40:active) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/50:focus) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/50:hover) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/50:active) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/60:focus) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/60:hover) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/60:active) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/70:focus) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/70:hover) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/70:active) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/80:focus) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/80:hover) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/80:active) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-700\/90:focus) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-700\/90:hover) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-700\/90:active) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800:focus) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800:hover) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800:active) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/10:focus) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/10:hover) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/10:active) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/20:focus) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/20:hover) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/20:active) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/30:focus) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/30:hover) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/30:active) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/40:focus) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/40:hover) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/40:active) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/50:focus) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/50:hover) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/50:active) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/60:focus) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/60:hover) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/60:active) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/70:focus) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/70:hover) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/70:active) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/80:focus) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/80:hover) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/80:active) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-800\/90:focus) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-800\/90:hover) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-800\/90:active) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900:focus) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900:hover) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900:active) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/10:focus) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/10:hover) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/10:active) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/20:focus) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/20:hover) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/20:active) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/30:focus) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/30:hover) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/30:active) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/40:focus) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/40:hover) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/40:active) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/50:focus) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/50:hover) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/50:active) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/60:focus) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/60:hover) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/60:active) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/70:focus) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/70:hover) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/70:active) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/80:focus) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/80:hover) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/80:active) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-purple-900\/90:focus) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-purple-900\/90:hover) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-purple-900\/90:active) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50:focus) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50:hover) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50:active) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/10:focus) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/10:hover) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/10:active) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/20:focus) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/20:hover) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/20:active) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/30:focus) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/30:hover) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/30:active) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/40:focus) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/40:hover) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/40:active) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/50:focus) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/50:hover) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/50:active) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/60:focus) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/60:hover) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/60:active) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/70:focus) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/70:hover) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/70:active) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/80:focus) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/80:hover) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/80:active) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-50\/90:focus) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-50\/90:hover) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-50\/90:active) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100:focus) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100:hover) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100:active) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/10:focus) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/10:hover) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/10:active) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/20:focus) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/20:hover) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/20:active) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/30:focus) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/30:hover) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/30:active) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/40:focus) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/40:hover) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/40:active) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/50:focus) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/50:hover) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/50:active) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/60:focus) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/60:hover) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/60:active) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/70:focus) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/70:hover) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/70:active) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/80:focus) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/80:hover) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/80:active) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-100\/90:focus) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-100\/90:hover) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-100\/90:active) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200:focus) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200:hover) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200:active) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/10:focus) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/10:hover) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/10:active) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/20:focus) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/20:hover) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/20:active) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/30:focus) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/30:hover) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/30:active) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/40:focus) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/40:hover) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/40:active) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/50:focus) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/50:hover) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/50:active) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/60:focus) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/60:hover) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/60:active) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/70:focus) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/70:hover) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/70:active) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/80:focus) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/80:hover) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/80:active) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-200\/90:focus) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-200\/90:hover) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-200\/90:active) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300:focus) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300:hover) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300:active) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/10:focus) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/10:hover) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/10:active) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/20:focus) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/20:hover) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/20:active) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/30:focus) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/30:hover) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/30:active) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/40:focus) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/40:hover) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/40:active) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/50:focus) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/50:hover) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/50:active) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/60:focus) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/60:hover) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/60:active) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/70:focus) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/70:hover) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/70:active) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/80:focus) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/80:hover) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/80:active) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-300\/90:focus) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-300\/90:hover) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-300\/90:active) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400:focus) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400:hover) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400:active) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/10:focus) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/10:hover) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/10:active) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/20:focus) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/20:hover) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/20:active) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/30:focus) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/30:hover) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/30:active) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/40:focus) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/40:hover) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/40:active) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/50:focus) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/50:hover) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/50:active) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/60:focus) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/60:hover) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/60:active) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/70:focus) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/70:hover) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/70:active) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/80:focus) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/80:hover) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/80:active) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-400\/90:focus) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-400\/90:hover) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-400\/90:active) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500:focus) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500:hover) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500:active) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/10:focus) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/10:hover) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/10:active) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/20:focus) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/20:hover) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/20:active) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/30:focus) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/30:hover) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/30:active) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/40:focus) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/40:hover) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/40:active) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/50:focus) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/50:hover) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/50:active) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/60:focus) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/60:hover) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/60:active) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/70:focus) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/70:hover) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/70:active) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/80:focus) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/80:hover) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/80:active) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-500\/90:focus) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-500\/90:hover) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-500\/90:active) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600:focus) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600:hover) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600:active) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/10:focus) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/10:hover) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/10:active) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/20:focus) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/20:hover) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/20:active) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/30:focus) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/30:hover) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/30:active) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/40:focus) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/40:hover) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/40:active) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/50:focus) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/50:hover) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/50:active) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/60:focus) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/60:hover) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/60:active) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/70:focus) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/70:hover) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/70:active) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/80:focus) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/80:hover) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/80:active) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-600\/90:focus) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-600\/90:hover) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-600\/90:active) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700:focus) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700:hover) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700:active) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/10:focus) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/10:hover) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/10:active) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/20:focus) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/20:hover) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/20:active) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/30:focus) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/30:hover) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/30:active) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/40:focus) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/40:hover) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/40:active) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/50:focus) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/50:hover) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/50:active) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/60:focus) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/60:hover) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/60:active) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/70:focus) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/70:hover) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/70:active) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/80:focus) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/80:hover) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/80:active) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-700\/90:focus) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-700\/90:hover) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-700\/90:active) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800:focus) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800:hover) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800:active) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/10:focus) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/10:hover) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/10:active) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/20:focus) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/20:hover) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/20:active) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/30:focus) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/30:hover) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/30:active) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/40:focus) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/40:hover) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/40:active) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/50:focus) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/50:hover) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/50:active) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/60:focus) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/60:hover) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/60:active) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/70:focus) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/70:hover) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/70:active) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/80:focus) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/80:hover) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/80:active) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-800\/90:focus) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-800\/90:hover) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-800\/90:active) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900:focus) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900:hover) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900:active) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/10:focus) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/10:hover) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/10:active) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/20:focus) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/20:hover) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/20:active) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/30:focus) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/30:hover) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/30:active) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/40:focus) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/40:hover) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/40:active) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/50:focus) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/50:hover) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/50:active) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/60:focus) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/60:hover) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/60:active) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/70:focus) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/70:hover) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/70:active) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/80:focus) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/80:hover) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/80:active) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-red-900\/90:focus) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-red-900\/90:hover) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-red-900\/90:active) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50:focus) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50:hover) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50:active) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/10:focus) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/10:hover) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/10:active) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/20:focus) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/20:hover) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/20:active) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/30:focus) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/30:hover) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/30:active) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/40:focus) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/40:hover) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/40:active) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/50:focus) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/50:hover) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/50:active) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/60:focus) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/60:hover) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/60:active) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/70:focus) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/70:hover) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/70:active) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/80:focus) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/80:hover) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/80:active) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-50\/90:focus) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-50\/90:hover) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-50\/90:active) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100:focus) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100:hover) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100:active) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/10:focus) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/10:hover) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/10:active) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/20:focus) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/20:hover) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/20:active) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/30:focus) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/30:hover) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/30:active) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/40:focus) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/40:hover) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/40:active) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/50:focus) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/50:hover) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/50:active) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/60:focus) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/60:hover) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/60:active) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/70:focus) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/70:hover) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/70:active) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/80:focus) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/80:hover) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/80:active) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-100\/90:focus) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-100\/90:hover) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-100\/90:active) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200:focus) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200:hover) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200:active) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/10:focus) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/10:hover) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/10:active) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/20:focus) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/20:hover) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/20:active) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/30:focus) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/30:hover) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/30:active) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/40:focus) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/40:hover) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/40:active) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/50:focus) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/50:hover) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/50:active) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/60:focus) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/60:hover) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/60:active) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/70:focus) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/70:hover) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/70:active) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/80:focus) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/80:hover) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/80:active) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-200\/90:focus) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-200\/90:hover) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-200\/90:active) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300:focus) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300:hover) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300:active) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/10:focus) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/10:hover) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/10:active) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/20:focus) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/20:hover) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/20:active) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/30:focus) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/30:hover) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/30:active) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/40:focus) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/40:hover) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/40:active) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/50:focus) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/50:hover) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/50:active) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/60:focus) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/60:hover) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/60:active) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/70:focus) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/70:hover) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/70:active) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/80:focus) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/80:hover) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/80:active) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-300\/90:focus) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-300\/90:hover) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-300\/90:active) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400:focus) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400:hover) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400:active) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/10:focus) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/10:hover) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/10:active) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/20:focus) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/20:hover) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/20:active) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/30:focus) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/30:hover) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/30:active) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/40:focus) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/40:hover) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/40:active) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/50:focus) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/50:hover) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/50:active) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/60:focus) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/60:hover) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/60:active) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/70:focus) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/70:hover) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/70:active) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/80:focus) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/80:hover) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/80:active) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-400\/90:focus) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-400\/90:hover) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-400\/90:active) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500:focus) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500:hover) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500:active) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/10:focus) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/10:hover) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/10:active) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/20:focus) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/20:hover) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/20:active) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/30:focus) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/30:hover) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/30:active) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/40:focus) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/40:hover) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/40:active) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/50:focus) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/50:hover) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/50:active) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/60:focus) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/60:hover) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/60:active) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/70:focus) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/70:hover) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/70:active) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/80:focus) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/80:hover) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/80:active) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-500\/90:focus) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-500\/90:hover) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-500\/90:active) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600:focus) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600:hover) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600:active) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/10:focus) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/10:hover) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/10:active) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/20:focus) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/20:hover) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/20:active) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/30:focus) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/30:hover) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/30:active) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/40:focus) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/40:hover) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/40:active) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/50:focus) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/50:hover) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/50:active) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/60:focus) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/60:hover) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/60:active) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/70:focus) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/70:hover) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/70:active) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/80:focus) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/80:hover) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/80:active) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-600\/90:focus) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-600\/90:hover) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-600\/90:active) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700:focus) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700:hover) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700:active) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/10:focus) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/10:hover) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/10:active) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/20:focus) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/20:hover) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/20:active) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/30:focus) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/30:hover) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/30:active) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/40:focus) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/40:hover) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/40:active) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/50:focus) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/50:hover) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/50:active) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/60:focus) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/60:hover) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/60:active) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/70:focus) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/70:hover) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/70:active) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/80:focus) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/80:hover) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/80:active) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-700\/90:focus) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-700\/90:hover) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-700\/90:active) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800:focus) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800:hover) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800:active) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/10:focus) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/10:hover) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/10:active) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/20:focus) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/20:hover) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/20:active) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/30:focus) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/30:hover) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/30:active) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/40:focus) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/40:hover) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/40:active) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/50:focus) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/50:hover) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/50:active) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/60:focus) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/60:hover) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/60:active) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/70:focus) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/70:hover) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/70:active) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/80:focus) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/80:hover) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/80:active) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-800\/90:focus) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-800\/90:hover) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-800\/90:active) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900:focus) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900:hover) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900:active) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/10:focus) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/10:hover) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/10:active) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/20:focus) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/20:hover) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/20:active) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/30:focus) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/30:hover) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/30:active) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/40:focus) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/40:hover) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/40:active) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/50:focus) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/50:hover) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/50:active) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/60:focus) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/60:hover) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/60:active) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/70:focus) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/70:hover) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/70:active) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/80:focus) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/80:hover) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/80:active) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-gray-900\/90:focus) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-gray-900\/90:hover) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-gray-900\/90:active) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0:focus) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0:hover) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0:active) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/10:focus) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/10:hover) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/10:active) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/20:focus) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/20:hover) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/20:active) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/30:focus) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/30:hover) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/30:active) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/40:focus) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/40:hover) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/40:active) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/50:focus) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/50:hover) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/50:active) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/60:focus) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/60:hover) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/60:active) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/70:focus) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/70:hover) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/70:active) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/80:focus) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/80:hover) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/80:active) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-0\/90:focus) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-0\/90:hover) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-0\/90:active) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50:focus) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50:hover) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50:active) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/10:focus) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/10:hover) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/10:active) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/20:focus) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/20:hover) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/20:active) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/30:focus) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/30:hover) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/30:active) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/40:focus) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/40:hover) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/40:active) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/50:focus) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/50:hover) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/50:active) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/60:focus) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/60:hover) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/60:active) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/70:focus) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/70:hover) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/70:active) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/80:focus) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/80:hover) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/80:active) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-50\/90:focus) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-50\/90:hover) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-50\/90:active) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100:focus) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100:hover) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100:active) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/10:focus) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/10:hover) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/10:active) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/20:focus) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/20:hover) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/20:active) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/30:focus) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/30:hover) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/30:active) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/40:focus) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/40:hover) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/40:active) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/50:focus) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/50:hover) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/50:active) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/60:focus) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/60:hover) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/60:active) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/70:focus) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/70:hover) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/70:active) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/80:focus) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/80:hover) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/80:active) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-100\/90:focus) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-100\/90:hover) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-100\/90:active) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200:focus) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200:hover) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200:active) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/10:focus) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/10:hover) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/10:active) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/20:focus) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/20:hover) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/20:active) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/30:focus) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/30:hover) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/30:active) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/40:focus) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/40:hover) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/40:active) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/50:focus) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/50:hover) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/50:active) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/60:focus) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/60:hover) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/60:active) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/70:focus) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/70:hover) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/70:active) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/80:focus) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/80:hover) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/80:active) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-200\/90:focus) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-200\/90:hover) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-200\/90:active) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300:focus) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300:hover) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300:active) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/10:focus) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/10:hover) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/10:active) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/20:focus) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/20:hover) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/20:active) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/30:focus) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/30:hover) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/30:active) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/40:focus) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/40:hover) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/40:active) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/50:focus) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/50:hover) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/50:active) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/60:focus) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/60:hover) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/60:active) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/70:focus) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/70:hover) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/70:active) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/80:focus) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/80:hover) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/80:active) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-300\/90:focus) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-300\/90:hover) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-300\/90:active) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400:focus) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400:hover) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400:active) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/10:focus) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/10:hover) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/10:active) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/20:focus) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/20:hover) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/20:active) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/30:focus) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/30:hover) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/30:active) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/40:focus) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/40:hover) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/40:active) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/50:focus) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/50:hover) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/50:active) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/60:focus) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/60:hover) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/60:active) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/70:focus) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/70:hover) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/70:active) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/80:focus) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/80:hover) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/80:active) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-400\/90:focus) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-400\/90:hover) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-400\/90:active) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500:focus) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500:hover) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500:active) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/10:focus) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/10:hover) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/10:active) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/20:focus) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/20:hover) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/20:active) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/30:focus) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/30:hover) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/30:active) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/40:focus) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/40:hover) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/40:active) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/50:focus) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/50:hover) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/50:active) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/60:focus) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/60:hover) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/60:active) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/70:focus) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/70:hover) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/70:active) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/80:focus) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/80:hover) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/80:active) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-500\/90:focus) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-500\/90:hover) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-500\/90:active) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600:focus) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600:hover) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600:active) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/10:focus) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/10:hover) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/10:active) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/20:focus) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/20:hover) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/20:active) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/30:focus) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/30:hover) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/30:active) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/40:focus) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/40:hover) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/40:active) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/50:focus) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/50:hover) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/50:active) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/60:focus) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/60:hover) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/60:active) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/70:focus) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/70:hover) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/70:active) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/80:focus) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/80:hover) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/80:active) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-600\/90:focus) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-600\/90:hover) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-600\/90:active) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700:focus) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700:hover) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700:active) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/10:focus) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/10:hover) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/10:active) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/20:focus) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/20:hover) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/20:active) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/30:focus) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/30:hover) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/30:active) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/40:focus) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/40:hover) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/40:active) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/50:focus) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/50:hover) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/50:active) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/60:focus) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/60:hover) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/60:active) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/70:focus) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/70:hover) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/70:active) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/80:focus) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/80:hover) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/80:active) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-700\/90:focus) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-700\/90:hover) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-700\/90:active) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800:focus) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800:hover) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800:active) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/10:focus) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/10:hover) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/10:active) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/20:focus) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/20:hover) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/20:active) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/30:focus) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/30:hover) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/30:active) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/40:focus) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/40:hover) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/40:active) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/50:focus) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/50:hover) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/50:active) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/60:focus) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/60:hover) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/60:active) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/70:focus) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/70:hover) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/70:active) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/80:focus) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/80:hover) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/80:active) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-800\/90:focus) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-800\/90:hover) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-800\/90:active) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900:focus) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900:hover) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900:active) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/10:focus) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/10:hover) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/10:active) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/20:focus) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/20:hover) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/20:active) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/30:focus) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/30:hover) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/30:active) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/40:focus) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/40:hover) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/40:active) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/50:focus) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/50:hover) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/50:active) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/60:focus) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/60:hover) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/60:active) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/70:focus) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/70:hover) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/70:active) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/80:focus) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/80:hover) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/80:active) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-surface-900\/90:focus) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-surface-900\/90:hover) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-surface-900\/90:active) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50:focus) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50:hover) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50:active) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/10:focus) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/10:hover) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/10:active) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/20:focus) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/20:hover) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/20:active) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/30:focus) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/30:hover) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/30:active) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/40:focus) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/40:hover) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/40:active) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/50:focus) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/50:hover) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/50:active) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/60:focus) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/60:hover) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/60:active) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/70:focus) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/70:hover) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/70:active) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/80:focus) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/80:hover) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/80:active) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-50\/90:focus) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-50\/90:hover) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-50\/90:active) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100:focus) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100:hover) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100:active) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/10:focus) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/10:hover) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/10:active) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/20:focus) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/20:hover) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/20:active) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/30:focus) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/30:hover) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/30:active) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/40:focus) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/40:hover) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/40:active) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/50:focus) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/50:hover) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/50:active) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/60:focus) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/60:hover) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/60:active) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/70:focus) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/70:hover) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/70:active) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/80:focus) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/80:hover) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/80:active) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-100\/90:focus) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-100\/90:hover) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-100\/90:active) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200:focus) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200:hover) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200:active) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/10:focus) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/10:hover) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/10:active) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/20:focus) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/20:hover) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/20:active) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/30:focus) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/30:hover) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/30:active) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/40:focus) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/40:hover) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/40:active) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/50:focus) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/50:hover) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/50:active) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/60:focus) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/60:hover) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/60:active) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/70:focus) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/70:hover) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/70:active) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/80:focus) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/80:hover) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/80:active) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-200\/90:focus) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-200\/90:hover) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-200\/90:active) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300:focus) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300:hover) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300:active) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/10:focus) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/10:hover) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/10:active) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/20:focus) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/20:hover) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/20:active) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/30:focus) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/30:hover) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/30:active) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/40:focus) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/40:hover) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/40:active) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/50:focus) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/50:hover) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/50:active) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/60:focus) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/60:hover) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/60:active) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/70:focus) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/70:hover) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/70:active) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/80:focus) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/80:hover) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/80:active) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-300\/90:focus) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-300\/90:hover) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-300\/90:active) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400:focus) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400:hover) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400:active) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/10:focus) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/10:hover) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/10:active) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/20:focus) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/20:hover) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/20:active) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/30:focus) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/30:hover) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/30:active) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/40:focus) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/40:hover) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/40:active) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/50:focus) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/50:hover) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/50:active) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/60:focus) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/60:hover) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/60:active) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/70:focus) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/70:hover) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/70:active) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/80:focus) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/80:hover) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/80:active) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-400\/90:focus) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-400\/90:hover) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-400\/90:active) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500:focus) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500:hover) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500:active) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/10:focus) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/10:hover) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/10:active) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/20:focus) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/20:hover) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/20:active) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/30:focus) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/30:hover) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/30:active) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/40:focus) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/40:hover) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/40:active) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/50:focus) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/50:hover) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/50:active) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/60:focus) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/60:hover) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/60:active) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/70:focus) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/70:hover) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/70:active) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/80:focus) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/80:hover) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/80:active) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-500\/90:focus) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-500\/90:hover) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-500\/90:active) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600:focus) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600:hover) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600:active) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/10:focus) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/10:hover) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/10:active) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/20:focus) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/20:hover) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/20:active) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/30:focus) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/30:hover) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/30:active) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/40:focus) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/40:hover) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/40:active) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/50:focus) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/50:hover) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/50:active) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/60:focus) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/60:hover) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/60:active) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/70:focus) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/70:hover) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/70:active) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/80:focus) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/80:hover) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/80:active) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-600\/90:focus) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-600\/90:hover) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-600\/90:active) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700:focus) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700:hover) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700:active) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/10:focus) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/10:hover) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/10:active) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/20:focus) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/20:hover) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/20:active) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/30:focus) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/30:hover) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/30:active) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/40:focus) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/40:hover) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/40:active) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/50:focus) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/50:hover) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/50:active) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/60:focus) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/60:hover) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/60:active) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/70:focus) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/70:hover) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/70:active) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/80:focus) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/80:hover) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/80:active) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-700\/90:focus) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-700\/90:hover) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-700\/90:active) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800:focus) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800:hover) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800:active) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/10:focus) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/10:hover) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/10:active) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/20:focus) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/20:hover) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/20:active) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/30:focus) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/30:hover) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/30:active) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/40:focus) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/40:hover) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/40:active) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/50:focus) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/50:hover) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/50:active) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/60:focus) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/60:hover) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/60:active) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/70:focus) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/70:hover) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/70:active) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/80:focus) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/80:hover) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/80:active) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-800\/90:focus) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-800\/90:hover) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-800\/90:active) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900:focus) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900:hover) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900:active) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/10:focus) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/10:hover) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/10:active) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/20:focus) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/20:hover) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/20:active) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/30:focus) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/30:hover) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/30:active) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/40:focus) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/40:hover) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/40:active) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/50:focus) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/50:hover) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/50:active) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/60:focus) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/60:hover) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/60:active) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/70:focus) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/70:hover) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/70:active) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/80:focus) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/80:hover) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/80:active) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-primary-900\/90:focus) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-primary-900\/90:hover) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-primary-900\/90:active) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/10) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/20) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/30) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/40) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/50) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/60) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/70) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/80) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-50\/90) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/10) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/20) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/30) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/40) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/50) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/60) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/70) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/80) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-100\/90) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/10) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/20) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/30) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/40) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/50) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/60) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/70) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/80) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-200\/90) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/10) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/20) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/30) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/40) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/50) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/60) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/70) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/80) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-300\/90) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/10) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/20) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/30) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/40) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/50) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/60) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/70) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/80) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-400\/90) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/10) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/20) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/30) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/40) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/50) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/60) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/70) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/80) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-500\/90) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/10) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/20) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/30) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/40) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/50) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/60) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/70) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/80) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-600\/90) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/10) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/20) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/30) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/40) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/50) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/60) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/70) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/80) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-700\/90) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/10) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/20) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/30) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/40) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/50) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/60) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/70) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/80) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-800\/90) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/10) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/20) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/30) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/40) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/50) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/60) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/70) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/80) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-blue-900\/90) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/10) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/20) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/30) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/40) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/50) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/60) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/70) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/80) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-50\/90) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/10) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/20) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/30) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/40) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/50) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/60) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/70) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/80) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-100\/90) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/10) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/20) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/30) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/40) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/50) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/60) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/70) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/80) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-200\/90) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/10) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/20) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/30) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/40) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/50) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/60) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/70) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/80) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-300\/90) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/10) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/20) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/30) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/40) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/50) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/60) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/70) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/80) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-400\/90) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/10) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/20) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/30) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/40) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/50) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/60) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/70) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/80) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-500\/90) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/10) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/20) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/30) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/40) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/50) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/60) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/70) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/80) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-600\/90) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/10) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/20) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/30) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/40) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/50) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/60) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/70) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/80) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-700\/90) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/10) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/20) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/30) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/40) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/50) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/60) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/70) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/80) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-800\/90) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/10) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/20) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/30) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/40) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/50) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/60) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/70) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/80) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-green-900\/90) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/10) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/20) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/30) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/40) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/50) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/60) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/70) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/80) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-50\/90) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/10) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/20) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/30) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/40) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/50) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/60) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/70) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/80) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-100\/90) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/10) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/20) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/30) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/40) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/50) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/60) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/70) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/80) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-200\/90) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/10) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/20) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/30) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/40) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/50) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/60) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/70) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/80) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-300\/90) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/10) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/20) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/30) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/40) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/50) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/60) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/70) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/80) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-400\/90) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/10) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/20) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/30) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/40) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/50) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/60) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/70) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/80) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-500\/90) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/10) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/20) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/30) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/40) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/50) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/60) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/70) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/80) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-600\/90) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/10) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/20) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/30) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/40) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/50) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/60) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/70) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/80) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-700\/90) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/10) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/20) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/30) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/40) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/50) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/60) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/70) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/80) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-800\/90) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/10) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/20) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/30) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/40) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/50) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/60) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/70) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/80) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-yellow-900\/90) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/10) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/20) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/30) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/40) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/50) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/60) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/70) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/80) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-50\/90) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/10) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/20) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/30) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/40) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/50) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/60) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/70) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/80) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-100\/90) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/10) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/20) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/30) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/40) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/50) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/60) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/70) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/80) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-200\/90) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/10) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/20) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/30) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/40) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/50) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/60) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/70) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/80) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-300\/90) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/10) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/20) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/30) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/40) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/50) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/60) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/70) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/80) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-400\/90) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/10) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/20) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/30) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/40) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/50) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/60) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/70) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/80) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-500\/90) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/10) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/20) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/30) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/40) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/50) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/60) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/70) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/80) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-600\/90) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/10) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/20) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/30) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/40) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/50) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/60) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/70) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/80) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-700\/90) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/10) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/20) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/30) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/40) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/50) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/60) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/70) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/80) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-800\/90) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/10) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/20) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/30) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/40) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/50) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/60) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/70) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/80) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-cyan-900\/90) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/10) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/20) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/30) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/40) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/50) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/60) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/70) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/80) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-50\/90) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/10) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/20) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/30) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/40) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/50) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/60) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/70) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/80) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-100\/90) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/10) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/20) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/30) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/40) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/50) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/60) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/70) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/80) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-200\/90) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/10) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/20) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/30) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/40) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/50) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/60) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/70) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/80) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-300\/90) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/10) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/20) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/30) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/40) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/50) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/60) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/70) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/80) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-400\/90) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/10) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/20) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/30) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/40) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/50) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/60) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/70) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/80) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-500\/90) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/10) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/20) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/30) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/40) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/50) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/60) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/70) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/80) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-600\/90) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/10) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/20) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/30) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/40) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/50) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/60) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/70) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/80) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-700\/90) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/10) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/20) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/30) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/40) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/50) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/60) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/70) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/80) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-800\/90) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/10) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/20) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/30) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/40) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/50) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/60) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/70) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/80) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-pink-900\/90) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/10) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/20) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/30) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/40) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/50) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/60) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/70) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/80) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-50\/90) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/10) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/20) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/30) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/40) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/50) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/60) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/70) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/80) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-100\/90) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/10) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/20) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/30) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/40) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/50) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/60) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/70) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/80) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-200\/90) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/10) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/20) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/30) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/40) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/50) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/60) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/70) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/80) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-300\/90) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/10) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/20) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/30) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/40) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/50) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/60) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/70) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/80) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-400\/90) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/10) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/20) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/30) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/40) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/50) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/60) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/70) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/80) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-500\/90) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/10) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/20) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/30) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/40) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/50) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/60) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/70) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/80) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-600\/90) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/10) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/20) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/30) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/40) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/50) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/60) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/70) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/80) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-700\/90) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/10) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/20) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/30) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/40) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/50) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/60) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/70) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/80) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-800\/90) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/10) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/20) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/30) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/40) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/50) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/60) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/70) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/80) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-indigo-900\/90) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/10) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/20) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/30) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/40) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/50) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/60) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/70) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/80) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-50\/90) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/10) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/20) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/30) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/40) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/50) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/60) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/70) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/80) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-100\/90) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/10) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/20) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/30) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/40) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/50) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/60) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/70) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/80) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-200\/90) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/10) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/20) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/30) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/40) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/50) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/60) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/70) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/80) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-300\/90) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/10) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/20) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/30) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/40) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/50) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/60) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/70) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/80) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-400\/90) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/10) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/20) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/30) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/40) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/50) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/60) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/70) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/80) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-500\/90) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/10) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/20) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/30) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/40) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/50) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/60) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/70) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/80) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-600\/90) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/10) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/20) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/30) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/40) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/50) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/60) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/70) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/80) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-700\/90) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/10) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/20) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/30) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/40) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/50) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/60) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/70) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/80) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-800\/90) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/10) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/20) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/30) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/40) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/50) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/60) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/70) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/80) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-teal-900\/90) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/10) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/20) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/30) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/40) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/50) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/60) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/70) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/80) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-50\/90) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/10) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/20) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/30) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/40) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/50) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/60) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/70) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/80) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-100\/90) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/10) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/20) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/30) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/40) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/50) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/60) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/70) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/80) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-200\/90) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/10) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/20) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/30) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/40) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/50) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/60) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/70) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/80) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-300\/90) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/10) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/20) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/30) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/40) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/50) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/60) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/70) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/80) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-400\/90) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/10) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/20) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/30) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/40) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/50) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/60) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/70) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/80) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-500\/90) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/10) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/20) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/30) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/40) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/50) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/60) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/70) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/80) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-600\/90) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/10) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/20) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/30) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/40) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/50) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/60) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/70) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/80) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-700\/90) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/10) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/20) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/30) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/40) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/50) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/60) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/70) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/80) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-800\/90) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/10) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/20) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/30) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/40) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/50) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/60) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/70) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/80) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-orange-900\/90) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/10) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/20) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/30) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/40) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/50) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/60) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/70) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/80) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-50\/90) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/10) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/20) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/30) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/40) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/50) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/60) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/70) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/80) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-100\/90) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/10) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/20) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/30) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/40) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/50) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/60) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/70) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/80) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-200\/90) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/10) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/20) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/30) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/40) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/50) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/60) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/70) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/80) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-300\/90) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/10) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/20) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/30) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/40) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/50) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/60) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/70) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/80) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-400\/90) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/10) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/20) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/30) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/40) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/50) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/60) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/70) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/80) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-500\/90) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/10) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/20) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/30) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/40) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/50) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/60) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/70) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/80) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-600\/90) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/10) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/20) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/30) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/40) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/50) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/60) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/70) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/80) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-700\/90) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/10) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/20) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/30) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/40) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/50) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/60) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/70) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/80) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-800\/90) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/10) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/20) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/30) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/40) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/50) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/60) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/70) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/80) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-bluegray-900\/90) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/10) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/20) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/30) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/40) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/50) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/60) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/70) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/80) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-50\/90) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/10) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/20) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/30) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/40) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/50) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/60) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/70) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/80) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-100\/90) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/10) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/20) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/30) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/40) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/50) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/60) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/70) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/80) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-200\/90) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/10) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/20) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/30) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/40) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/50) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/60) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/70) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/80) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-300\/90) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/10) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/20) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/30) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/40) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/50) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/60) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/70) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/80) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-400\/90) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/10) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/20) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/30) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/40) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/50) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/60) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/70) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/80) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-500\/90) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/10) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/20) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/30) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/40) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/50) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/60) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/70) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/80) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-600\/90) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/10) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/20) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/30) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/40) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/50) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/60) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/70) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/80) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-700\/90) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/10) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/20) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/30) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/40) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/50) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/60) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/70) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/80) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-800\/90) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/10) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/20) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/30) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/40) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/50) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/60) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/70) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/80) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-purple-900\/90) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/10) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/20) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/30) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/40) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/50) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/60) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/70) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/80) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-50\/90) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/10) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/20) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/30) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/40) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/50) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/60) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/70) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/80) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-100\/90) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/10) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/20) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/30) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/40) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/50) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/60) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/70) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/80) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-200\/90) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/10) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/20) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/30) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/40) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/50) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/60) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/70) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/80) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-300\/90) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/10) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/20) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/30) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/40) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/50) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/60) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/70) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/80) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-400\/90) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/10) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/20) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/30) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/40) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/50) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/60) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/70) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/80) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-500\/90) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/10) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/20) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/30) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/40) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/50) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/60) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/70) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/80) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-600\/90) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/10) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/20) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/30) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/40) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/50) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/60) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/70) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/80) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-700\/90) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/10) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/20) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/30) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/40) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/50) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/60) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/70) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/80) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-800\/90) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/10) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/20) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/30) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/40) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/50) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/60) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/70) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/80) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-red-900\/90) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/10) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/20) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/30) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/40) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/50) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/60) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/70) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/80) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-50\/90) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/10) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/20) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/30) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/40) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/50) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/60) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/70) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/80) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-100\/90) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/10) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/20) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/30) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/40) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/50) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/60) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/70) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/80) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-200\/90) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/10) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/20) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/30) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/40) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/50) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/60) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/70) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/80) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-300\/90) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/10) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/20) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/30) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/40) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/50) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/60) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/70) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/80) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-400\/90) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/10) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/20) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/30) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/40) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/50) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/60) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/70) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/80) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-500\/90) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/10) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/20) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/30) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/40) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/50) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/60) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/70) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/80) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-600\/90) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/10) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/20) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/30) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/40) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/50) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/60) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/70) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/80) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-700\/90) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/10) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/20) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/30) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/40) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/50) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/60) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/70) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/80) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-800\/90) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/10) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/20) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/30) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/40) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/50) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/60) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/70) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/80) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-gray-900\/90) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/10) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/20) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/30) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/40) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/50) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/60) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/70) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/80) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-0\/90) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/10) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/20) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/30) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/40) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/50) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/60) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/70) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/80) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-50\/90) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/10) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/20) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/30) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/40) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/50) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/60) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/70) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/80) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-100\/90) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/10) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/20) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/30) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/40) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/50) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/60) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/70) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/80) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-200\/90) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/10) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/20) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/30) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/40) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/50) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/60) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/70) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/80) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-300\/90) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/10) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/20) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/30) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/40) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/50) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/60) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/70) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/80) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-400\/90) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/10) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/20) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/30) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/40) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/50) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/60) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/70) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/80) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-500\/90) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/10) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/20) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/30) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/40) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/50) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/60) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/70) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/80) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-600\/90) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/10) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/20) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/30) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/40) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/50) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/60) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/70) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/80) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-700\/90) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/10) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/20) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/30) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/40) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/50) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/60) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/70) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/80) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-800\/90) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/10) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/20) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/30) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/40) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/50) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/60) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/70) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/80) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-surface-900\/90) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/10) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/20) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/30) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/40) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/50) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/60) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/70) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/80) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-50\/90) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/10) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/20) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/30) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/40) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/50) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/60) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/70) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/80) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-100\/90) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/10) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/20) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/30) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/40) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/50) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/60) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/70) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/80) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-200\/90) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/10) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/20) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/30) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/40) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/50) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/60) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/70) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/80) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-300\/90) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/10) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/20) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/30) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/40) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/50) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/60) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/70) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/80) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-400\/90) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/10) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/20) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/30) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/40) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/50) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/60) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/70) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/80) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-500\/90) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/10) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/20) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/30) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/40) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/50) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/60) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/70) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/80) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-600\/90) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/10) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/20) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/30) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/40) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/50) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/60) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/70) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/80) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-700\/90) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/10) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/20) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/30) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/40) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/50) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/60) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/70) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/80) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-800\/90) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/10) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/20) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/30) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/40) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/50) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/60) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/70) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/80) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-primary-900\/90) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50:focus) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50:hover) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50:active) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/10:focus) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/10:hover) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/10:active) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/20:focus) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/20:hover) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/20:active) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/30:focus) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/30:hover) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/30:active) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/40:focus) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/40:hover) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/40:active) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/50:focus) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/50:hover) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/50:active) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/60:focus) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/60:hover) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/60:active) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/70:focus) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/70:hover) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/70:active) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/80:focus) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/80:hover) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/80:active) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-50\/90:focus) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-50\/90:hover) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-50\/90:active) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100:focus) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100:hover) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100:active) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/10:focus) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/10:hover) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/10:active) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/20:focus) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/20:hover) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/20:active) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/30:focus) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/30:hover) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/30:active) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/40:focus) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/40:hover) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/40:active) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/50:focus) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/50:hover) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/50:active) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/60:focus) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/60:hover) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/60:active) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/70:focus) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/70:hover) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/70:active) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/80:focus) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/80:hover) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/80:active) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-100\/90:focus) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-100\/90:hover) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-100\/90:active) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200:focus) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200:hover) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200:active) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/10:focus) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/10:hover) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/10:active) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/20:focus) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/20:hover) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/20:active) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/30:focus) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/30:hover) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/30:active) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/40:focus) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/40:hover) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/40:active) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/50:focus) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/50:hover) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/50:active) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/60:focus) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/60:hover) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/60:active) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/70:focus) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/70:hover) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/70:active) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/80:focus) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/80:hover) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/80:active) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-200\/90:focus) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-200\/90:hover) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-200\/90:active) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300:focus) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300:hover) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300:active) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/10:focus) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/10:hover) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/10:active) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/20:focus) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/20:hover) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/20:active) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/30:focus) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/30:hover) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/30:active) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/40:focus) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/40:hover) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/40:active) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/50:focus) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/50:hover) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/50:active) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/60:focus) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/60:hover) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/60:active) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/70:focus) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/70:hover) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/70:active) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/80:focus) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/80:hover) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/80:active) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-300\/90:focus) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-300\/90:hover) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-300\/90:active) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400:focus) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400:hover) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400:active) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/10:focus) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/10:hover) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/10:active) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/20:focus) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/20:hover) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/20:active) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/30:focus) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/30:hover) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/30:active) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/40:focus) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/40:hover) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/40:active) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/50:focus) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/50:hover) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/50:active) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/60:focus) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/60:hover) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/60:active) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/70:focus) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/70:hover) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/70:active) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/80:focus) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/80:hover) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/80:active) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-400\/90:focus) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-400\/90:hover) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-400\/90:active) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500:focus) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500:hover) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500:active) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/10:focus) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/10:hover) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/10:active) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/20:focus) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/20:hover) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/20:active) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/30:focus) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/30:hover) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/30:active) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/40:focus) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/40:hover) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/40:active) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/50:focus) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/50:hover) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/50:active) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/60:focus) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/60:hover) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/60:active) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/70:focus) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/70:hover) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/70:active) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/80:focus) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/80:hover) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/80:active) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-500\/90:focus) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-500\/90:hover) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-500\/90:active) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600:focus) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600:hover) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600:active) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/10:focus) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/10:hover) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/10:active) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/20:focus) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/20:hover) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/20:active) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/30:focus) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/30:hover) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/30:active) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/40:focus) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/40:hover) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/40:active) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/50:focus) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/50:hover) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/50:active) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/60:focus) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/60:hover) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/60:active) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/70:focus) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/70:hover) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/70:active) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/80:focus) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/80:hover) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/80:active) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-600\/90:focus) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-600\/90:hover) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-600\/90:active) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700:focus) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700:hover) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700:active) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/10:focus) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/10:hover) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/10:active) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/20:focus) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/20:hover) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/20:active) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/30:focus) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/30:hover) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/30:active) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/40:focus) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/40:hover) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/40:active) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/50:focus) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/50:hover) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/50:active) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/60:focus) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/60:hover) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/60:active) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/70:focus) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/70:hover) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/70:active) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/80:focus) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/80:hover) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/80:active) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-700\/90:focus) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-700\/90:hover) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-700\/90:active) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800:focus) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800:hover) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800:active) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/10:focus) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/10:hover) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/10:active) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/20:focus) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/20:hover) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/20:active) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/30:focus) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/30:hover) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/30:active) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/40:focus) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/40:hover) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/40:active) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/50:focus) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/50:hover) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/50:active) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/60:focus) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/60:hover) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/60:active) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/70:focus) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/70:hover) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/70:active) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/80:focus) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/80:hover) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/80:active) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-800\/90:focus) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-800\/90:hover) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-800\/90:active) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900:focus) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900:hover) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900:active) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/10:focus) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/10:hover) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/10:active) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/20:focus) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/20:hover) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/20:active) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/30:focus) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/30:hover) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/30:active) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/40:focus) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/40:hover) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/40:active) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/50:focus) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/50:hover) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/50:active) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/60:focus) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/60:hover) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/60:active) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/70:focus) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/70:hover) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/70:active) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/80:focus) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/80:hover) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/80:active) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-blue-900\/90:focus) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-blue-900\/90:hover) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-blue-900\/90:active) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50:focus) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50:hover) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50:active) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/10:focus) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/10:hover) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/10:active) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/20:focus) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/20:hover) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/20:active) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/30:focus) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/30:hover) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/30:active) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/40:focus) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/40:hover) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/40:active) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/50:focus) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/50:hover) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/50:active) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/60:focus) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/60:hover) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/60:active) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/70:focus) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/70:hover) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/70:active) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/80:focus) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/80:hover) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/80:active) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-50\/90:focus) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-50\/90:hover) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-50\/90:active) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100:focus) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100:hover) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100:active) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/10:focus) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/10:hover) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/10:active) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/20:focus) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/20:hover) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/20:active) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/30:focus) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/30:hover) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/30:active) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/40:focus) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/40:hover) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/40:active) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/50:focus) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/50:hover) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/50:active) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/60:focus) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/60:hover) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/60:active) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/70:focus) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/70:hover) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/70:active) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/80:focus) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/80:hover) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/80:active) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-100\/90:focus) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-100\/90:hover) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-100\/90:active) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200:focus) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200:hover) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200:active) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/10:focus) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/10:hover) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/10:active) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/20:focus) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/20:hover) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/20:active) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/30:focus) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/30:hover) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/30:active) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/40:focus) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/40:hover) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/40:active) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/50:focus) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/50:hover) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/50:active) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/60:focus) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/60:hover) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/60:active) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/70:focus) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/70:hover) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/70:active) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/80:focus) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/80:hover) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/80:active) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-200\/90:focus) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-200\/90:hover) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-200\/90:active) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300:focus) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300:hover) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300:active) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/10:focus) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/10:hover) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/10:active) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/20:focus) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/20:hover) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/20:active) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/30:focus) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/30:hover) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/30:active) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/40:focus) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/40:hover) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/40:active) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/50:focus) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/50:hover) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/50:active) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/60:focus) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/60:hover) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/60:active) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/70:focus) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/70:hover) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/70:active) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/80:focus) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/80:hover) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/80:active) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-300\/90:focus) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-300\/90:hover) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-300\/90:active) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400:focus) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400:hover) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400:active) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/10:focus) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/10:hover) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/10:active) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/20:focus) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/20:hover) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/20:active) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/30:focus) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/30:hover) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/30:active) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/40:focus) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/40:hover) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/40:active) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/50:focus) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/50:hover) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/50:active) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/60:focus) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/60:hover) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/60:active) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/70:focus) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/70:hover) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/70:active) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/80:focus) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/80:hover) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/80:active) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-400\/90:focus) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-400\/90:hover) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-400\/90:active) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500:focus) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500:hover) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500:active) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/10:focus) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/10:hover) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/10:active) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/20:focus) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/20:hover) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/20:active) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/30:focus) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/30:hover) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/30:active) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/40:focus) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/40:hover) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/40:active) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/50:focus) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/50:hover) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/50:active) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/60:focus) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/60:hover) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/60:active) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/70:focus) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/70:hover) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/70:active) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/80:focus) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/80:hover) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/80:active) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-500\/90:focus) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-500\/90:hover) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-500\/90:active) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600:focus) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600:hover) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600:active) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/10:focus) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/10:hover) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/10:active) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/20:focus) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/20:hover) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/20:active) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/30:focus) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/30:hover) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/30:active) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/40:focus) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/40:hover) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/40:active) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/50:focus) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/50:hover) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/50:active) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/60:focus) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/60:hover) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/60:active) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/70:focus) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/70:hover) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/70:active) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/80:focus) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/80:hover) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/80:active) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-600\/90:focus) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-600\/90:hover) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-600\/90:active) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700:focus) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700:hover) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700:active) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/10:focus) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/10:hover) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/10:active) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/20:focus) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/20:hover) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/20:active) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/30:focus) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/30:hover) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/30:active) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/40:focus) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/40:hover) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/40:active) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/50:focus) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/50:hover) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/50:active) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/60:focus) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/60:hover) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/60:active) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/70:focus) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/70:hover) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/70:active) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/80:focus) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/80:hover) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/80:active) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-700\/90:focus) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-700\/90:hover) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-700\/90:active) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800:focus) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800:hover) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800:active) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/10:focus) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/10:hover) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/10:active) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/20:focus) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/20:hover) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/20:active) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/30:focus) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/30:hover) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/30:active) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/40:focus) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/40:hover) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/40:active) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/50:focus) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/50:hover) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/50:active) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/60:focus) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/60:hover) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/60:active) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/70:focus) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/70:hover) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/70:active) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/80:focus) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/80:hover) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/80:active) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-800\/90:focus) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-800\/90:hover) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-800\/90:active) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900:focus) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900:hover) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900:active) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/10:focus) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/10:hover) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/10:active) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/20:focus) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/20:hover) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/20:active) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/30:focus) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/30:hover) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/30:active) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/40:focus) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/40:hover) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/40:active) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/50:focus) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/50:hover) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/50:active) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/60:focus) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/60:hover) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/60:active) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/70:focus) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/70:hover) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/70:active) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/80:focus) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/80:hover) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/80:active) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-green-900\/90:focus) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-green-900\/90:hover) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-green-900\/90:active) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50:focus) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50:hover) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50:active) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/10:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/10:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/10:active) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/20:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/20:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/20:active) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/30:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/30:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/30:active) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/40:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/40:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/40:active) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/50:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/50:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/50:active) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/60:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/60:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/60:active) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/70:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/70:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/70:active) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/80:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/80:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/80:active) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-50\/90:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-50\/90:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-50\/90:active) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100:focus) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100:hover) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100:active) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/10:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/10:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/10:active) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/20:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/20:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/20:active) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/30:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/30:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/30:active) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/40:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/40:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/40:active) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/50:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/50:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/50:active) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/60:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/60:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/60:active) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/70:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/70:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/70:active) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/80:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/80:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/80:active) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-100\/90:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-100\/90:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-100\/90:active) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200:focus) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200:hover) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200:active) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/10:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/10:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/10:active) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/20:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/20:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/20:active) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/30:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/30:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/30:active) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/40:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/40:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/40:active) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/50:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/50:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/50:active) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/60:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/60:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/60:active) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/70:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/70:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/70:active) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/80:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/80:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/80:active) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-200\/90:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-200\/90:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-200\/90:active) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300:focus) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300:hover) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300:active) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/10:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/10:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/10:active) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/20:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/20:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/20:active) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/30:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/30:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/30:active) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/40:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/40:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/40:active) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/50:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/50:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/50:active) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/60:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/60:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/60:active) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/70:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/70:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/70:active) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/80:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/80:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/80:active) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-300\/90:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-300\/90:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-300\/90:active) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400:focus) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400:hover) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400:active) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/10:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/10:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/10:active) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/20:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/20:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/20:active) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/30:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/30:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/30:active) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/40:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/40:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/40:active) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/50:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/50:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/50:active) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/60:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/60:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/60:active) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/70:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/70:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/70:active) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/80:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/80:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/80:active) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-400\/90:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-400\/90:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-400\/90:active) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500:focus) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500:hover) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500:active) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/10:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/10:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/10:active) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/20:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/20:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/20:active) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/30:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/30:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/30:active) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/40:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/40:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/40:active) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/50:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/50:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/50:active) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/60:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/60:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/60:active) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/70:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/70:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/70:active) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/80:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/80:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/80:active) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-500\/90:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-500\/90:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-500\/90:active) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600:focus) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600:hover) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600:active) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/10:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/10:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/10:active) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/20:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/20:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/20:active) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/30:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/30:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/30:active) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/40:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/40:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/40:active) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/50:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/50:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/50:active) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/60:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/60:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/60:active) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/70:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/70:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/70:active) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/80:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/80:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/80:active) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-600\/90:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-600\/90:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-600\/90:active) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700:focus) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700:hover) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700:active) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/10:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/10:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/10:active) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/20:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/20:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/20:active) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/30:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/30:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/30:active) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/40:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/40:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/40:active) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/50:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/50:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/50:active) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/60:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/60:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/60:active) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/70:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/70:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/70:active) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/80:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/80:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/80:active) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-700\/90:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-700\/90:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-700\/90:active) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800:focus) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800:hover) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800:active) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/10:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/10:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/10:active) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/20:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/20:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/20:active) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/30:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/30:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/30:active) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/40:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/40:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/40:active) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/50:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/50:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/50:active) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/60:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/60:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/60:active) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/70:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/70:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/70:active) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/80:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/80:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/80:active) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-800\/90:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-800\/90:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-800\/90:active) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900:focus) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900:hover) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900:active) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/10:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/10:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/10:active) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/20:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/20:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/20:active) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/30:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/30:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/30:active) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/40:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/40:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/40:active) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/50:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/50:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/50:active) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/60:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/60:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/60:active) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/70:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/70:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/70:active) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/80:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/80:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/80:active) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-yellow-900\/90:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-yellow-900\/90:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-yellow-900\/90:active) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50:focus) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50:hover) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50:active) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/10:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/10:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/10:active) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/20:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/20:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/20:active) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/30:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/30:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/30:active) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/40:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/40:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/40:active) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/50:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/50:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/50:active) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/60:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/60:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/60:active) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/70:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/70:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/70:active) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/80:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/80:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/80:active) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-50\/90:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-50\/90:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-50\/90:active) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100:focus) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100:hover) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100:active) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/10:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/10:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/10:active) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/20:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/20:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/20:active) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/30:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/30:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/30:active) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/40:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/40:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/40:active) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/50:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/50:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/50:active) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/60:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/60:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/60:active) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/70:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/70:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/70:active) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/80:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/80:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/80:active) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-100\/90:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-100\/90:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-100\/90:active) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200:focus) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200:hover) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200:active) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/10:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/10:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/10:active) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/20:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/20:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/20:active) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/30:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/30:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/30:active) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/40:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/40:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/40:active) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/50:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/50:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/50:active) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/60:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/60:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/60:active) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/70:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/70:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/70:active) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/80:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/80:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/80:active) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-200\/90:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-200\/90:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-200\/90:active) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300:focus) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300:hover) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300:active) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/10:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/10:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/10:active) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/20:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/20:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/20:active) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/30:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/30:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/30:active) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/40:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/40:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/40:active) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/50:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/50:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/50:active) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/60:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/60:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/60:active) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/70:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/70:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/70:active) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/80:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/80:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/80:active) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-300\/90:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-300\/90:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-300\/90:active) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400:focus) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400:hover) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400:active) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/10:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/10:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/10:active) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/20:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/20:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/20:active) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/30:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/30:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/30:active) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/40:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/40:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/40:active) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/50:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/50:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/50:active) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/60:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/60:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/60:active) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/70:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/70:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/70:active) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/80:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/80:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/80:active) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-400\/90:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-400\/90:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-400\/90:active) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500:focus) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500:hover) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500:active) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/10:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/10:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/10:active) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/20:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/20:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/20:active) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/30:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/30:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/30:active) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/40:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/40:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/40:active) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/50:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/50:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/50:active) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/60:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/60:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/60:active) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/70:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/70:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/70:active) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/80:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/80:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/80:active) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-500\/90:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-500\/90:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-500\/90:active) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600:focus) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600:hover) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600:active) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/10:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/10:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/10:active) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/20:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/20:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/20:active) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/30:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/30:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/30:active) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/40:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/40:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/40:active) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/50:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/50:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/50:active) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/60:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/60:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/60:active) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/70:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/70:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/70:active) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/80:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/80:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/80:active) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-600\/90:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-600\/90:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-600\/90:active) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700:focus) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700:hover) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700:active) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/10:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/10:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/10:active) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/20:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/20:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/20:active) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/30:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/30:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/30:active) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/40:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/40:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/40:active) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/50:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/50:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/50:active) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/60:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/60:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/60:active) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/70:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/70:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/70:active) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/80:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/80:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/80:active) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-700\/90:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-700\/90:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-700\/90:active) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800:focus) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800:hover) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800:active) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/10:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/10:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/10:active) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/20:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/20:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/20:active) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/30:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/30:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/30:active) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/40:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/40:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/40:active) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/50:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/50:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/50:active) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/60:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/60:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/60:active) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/70:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/70:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/70:active) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/80:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/80:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/80:active) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-800\/90:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-800\/90:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-800\/90:active) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900:focus) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900:hover) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900:active) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/10:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/10:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/10:active) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/20:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/20:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/20:active) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/30:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/30:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/30:active) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/40:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/40:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/40:active) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/50:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/50:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/50:active) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/60:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/60:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/60:active) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/70:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/70:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/70:active) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/80:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/80:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/80:active) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-cyan-900\/90:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-cyan-900\/90:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-cyan-900\/90:active) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50:focus) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50:hover) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50:active) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/10:focus) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/10:hover) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/10:active) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/20:focus) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/20:hover) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/20:active) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/30:focus) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/30:hover) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/30:active) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/40:focus) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/40:hover) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/40:active) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/50:focus) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/50:hover) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/50:active) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/60:focus) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/60:hover) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/60:active) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/70:focus) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/70:hover) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/70:active) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/80:focus) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/80:hover) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/80:active) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-50\/90:focus) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-50\/90:hover) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-50\/90:active) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100:focus) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100:hover) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100:active) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/10:focus) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/10:hover) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/10:active) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/20:focus) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/20:hover) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/20:active) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/30:focus) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/30:hover) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/30:active) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/40:focus) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/40:hover) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/40:active) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/50:focus) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/50:hover) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/50:active) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/60:focus) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/60:hover) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/60:active) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/70:focus) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/70:hover) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/70:active) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/80:focus) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/80:hover) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/80:active) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-100\/90:focus) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-100\/90:hover) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-100\/90:active) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200:focus) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200:hover) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200:active) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/10:focus) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/10:hover) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/10:active) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/20:focus) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/20:hover) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/20:active) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/30:focus) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/30:hover) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/30:active) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/40:focus) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/40:hover) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/40:active) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/50:focus) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/50:hover) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/50:active) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/60:focus) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/60:hover) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/60:active) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/70:focus) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/70:hover) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/70:active) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/80:focus) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/80:hover) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/80:active) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-200\/90:focus) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-200\/90:hover) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-200\/90:active) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300:focus) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300:hover) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300:active) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/10:focus) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/10:hover) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/10:active) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/20:focus) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/20:hover) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/20:active) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/30:focus) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/30:hover) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/30:active) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/40:focus) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/40:hover) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/40:active) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/50:focus) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/50:hover) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/50:active) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/60:focus) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/60:hover) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/60:active) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/70:focus) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/70:hover) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/70:active) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/80:focus) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/80:hover) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/80:active) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-300\/90:focus) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-300\/90:hover) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-300\/90:active) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400:focus) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400:hover) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400:active) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/10:focus) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/10:hover) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/10:active) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/20:focus) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/20:hover) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/20:active) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/30:focus) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/30:hover) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/30:active) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/40:focus) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/40:hover) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/40:active) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/50:focus) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/50:hover) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/50:active) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/60:focus) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/60:hover) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/60:active) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/70:focus) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/70:hover) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/70:active) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/80:focus) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/80:hover) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/80:active) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-400\/90:focus) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-400\/90:hover) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-400\/90:active) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500:focus) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500:hover) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500:active) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/10:focus) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/10:hover) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/10:active) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/20:focus) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/20:hover) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/20:active) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/30:focus) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/30:hover) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/30:active) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/40:focus) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/40:hover) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/40:active) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/50:focus) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/50:hover) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/50:active) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/60:focus) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/60:hover) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/60:active) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/70:focus) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/70:hover) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/70:active) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/80:focus) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/80:hover) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/80:active) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-500\/90:focus) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-500\/90:hover) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-500\/90:active) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600:focus) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600:hover) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600:active) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/10:focus) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/10:hover) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/10:active) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/20:focus) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/20:hover) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/20:active) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/30:focus) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/30:hover) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/30:active) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/40:focus) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/40:hover) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/40:active) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/50:focus) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/50:hover) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/50:active) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/60:focus) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/60:hover) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/60:active) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/70:focus) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/70:hover) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/70:active) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/80:focus) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/80:hover) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/80:active) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-600\/90:focus) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-600\/90:hover) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-600\/90:active) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700:focus) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700:hover) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700:active) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/10:focus) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/10:hover) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/10:active) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/20:focus) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/20:hover) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/20:active) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/30:focus) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/30:hover) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/30:active) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/40:focus) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/40:hover) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/40:active) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/50:focus) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/50:hover) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/50:active) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/60:focus) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/60:hover) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/60:active) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/70:focus) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/70:hover) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/70:active) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/80:focus) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/80:hover) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/80:active) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-700\/90:focus) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-700\/90:hover) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-700\/90:active) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800:focus) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800:hover) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800:active) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/10:focus) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/10:hover) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/10:active) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/20:focus) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/20:hover) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/20:active) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/30:focus) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/30:hover) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/30:active) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/40:focus) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/40:hover) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/40:active) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/50:focus) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/50:hover) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/50:active) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/60:focus) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/60:hover) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/60:active) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/70:focus) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/70:hover) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/70:active) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/80:focus) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/80:hover) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/80:active) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-800\/90:focus) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-800\/90:hover) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-800\/90:active) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900:focus) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900:hover) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900:active) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/10:focus) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/10:hover) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/10:active) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/20:focus) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/20:hover) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/20:active) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/30:focus) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/30:hover) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/30:active) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/40:focus) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/40:hover) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/40:active) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/50:focus) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/50:hover) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/50:active) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/60:focus) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/60:hover) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/60:active) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/70:focus) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/70:hover) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/70:active) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/80:focus) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/80:hover) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/80:active) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-pink-900\/90:focus) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-pink-900\/90:hover) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-pink-900\/90:active) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50:focus) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50:hover) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50:active) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/10:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/10:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/10:active) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/20:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/20:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/20:active) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/30:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/30:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/30:active) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/40:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/40:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/40:active) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/50:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/50:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/50:active) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/60:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/60:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/60:active) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/70:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/70:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/70:active) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/80:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/80:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/80:active) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-50\/90:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-50\/90:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-50\/90:active) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100:focus) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100:hover) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100:active) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/10:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/10:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/10:active) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/20:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/20:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/20:active) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/30:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/30:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/30:active) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/40:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/40:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/40:active) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/50:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/50:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/50:active) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/60:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/60:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/60:active) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/70:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/70:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/70:active) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/80:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/80:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/80:active) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-100\/90:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-100\/90:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-100\/90:active) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200:focus) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200:hover) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200:active) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/10:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/10:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/10:active) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/20:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/20:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/20:active) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/30:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/30:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/30:active) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/40:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/40:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/40:active) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/50:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/50:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/50:active) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/60:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/60:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/60:active) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/70:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/70:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/70:active) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/80:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/80:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/80:active) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-200\/90:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-200\/90:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-200\/90:active) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300:focus) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300:hover) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300:active) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/10:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/10:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/10:active) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/20:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/20:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/20:active) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/30:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/30:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/30:active) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/40:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/40:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/40:active) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/50:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/50:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/50:active) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/60:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/60:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/60:active) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/70:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/70:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/70:active) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/80:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/80:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/80:active) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-300\/90:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-300\/90:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-300\/90:active) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400:focus) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400:hover) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400:active) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/10:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/10:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/10:active) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/20:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/20:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/20:active) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/30:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/30:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/30:active) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/40:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/40:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/40:active) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/50:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/50:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/50:active) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/60:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/60:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/60:active) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/70:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/70:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/70:active) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/80:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/80:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/80:active) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-400\/90:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-400\/90:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-400\/90:active) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500:focus) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500:hover) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500:active) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/10:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/10:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/10:active) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/20:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/20:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/20:active) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/30:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/30:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/30:active) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/40:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/40:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/40:active) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/50:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/50:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/50:active) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/60:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/60:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/60:active) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/70:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/70:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/70:active) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/80:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/80:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/80:active) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-500\/90:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-500\/90:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-500\/90:active) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600:focus) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600:hover) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600:active) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/10:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/10:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/10:active) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/20:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/20:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/20:active) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/30:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/30:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/30:active) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/40:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/40:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/40:active) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/50:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/50:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/50:active) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/60:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/60:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/60:active) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/70:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/70:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/70:active) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/80:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/80:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/80:active) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-600\/90:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-600\/90:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-600\/90:active) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700:focus) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700:hover) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700:active) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/10:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/10:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/10:active) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/20:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/20:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/20:active) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/30:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/30:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/30:active) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/40:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/40:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/40:active) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/50:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/50:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/50:active) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/60:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/60:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/60:active) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/70:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/70:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/70:active) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/80:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/80:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/80:active) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-700\/90:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-700\/90:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-700\/90:active) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800:focus) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800:hover) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800:active) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/10:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/10:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/10:active) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/20:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/20:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/20:active) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/30:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/30:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/30:active) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/40:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/40:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/40:active) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/50:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/50:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/50:active) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/60:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/60:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/60:active) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/70:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/70:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/70:active) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/80:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/80:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/80:active) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-800\/90:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-800\/90:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-800\/90:active) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900:focus) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900:hover) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900:active) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/10:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/10:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/10:active) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/20:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/20:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/20:active) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/30:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/30:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/30:active) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/40:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/40:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/40:active) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/50:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/50:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/50:active) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/60:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/60:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/60:active) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/70:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/70:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/70:active) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/80:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/80:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/80:active) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-indigo-900\/90:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-indigo-900\/90:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-indigo-900\/90:active) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50:focus) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50:hover) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50:active) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/10:focus) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/10:hover) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/10:active) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/20:focus) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/20:hover) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/20:active) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/30:focus) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/30:hover) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/30:active) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/40:focus) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/40:hover) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/40:active) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/50:focus) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/50:hover) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/50:active) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/60:focus) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/60:hover) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/60:active) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/70:focus) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/70:hover) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/70:active) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/80:focus) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/80:hover) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/80:active) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-50\/90:focus) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-50\/90:hover) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-50\/90:active) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100:focus) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100:hover) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100:active) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/10:focus) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/10:hover) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/10:active) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/20:focus) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/20:hover) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/20:active) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/30:focus) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/30:hover) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/30:active) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/40:focus) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/40:hover) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/40:active) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/50:focus) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/50:hover) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/50:active) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/60:focus) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/60:hover) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/60:active) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/70:focus) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/70:hover) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/70:active) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/80:focus) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/80:hover) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/80:active) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-100\/90:focus) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-100\/90:hover) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-100\/90:active) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200:focus) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200:hover) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200:active) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/10:focus) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/10:hover) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/10:active) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/20:focus) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/20:hover) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/20:active) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/30:focus) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/30:hover) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/30:active) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/40:focus) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/40:hover) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/40:active) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/50:focus) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/50:hover) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/50:active) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/60:focus) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/60:hover) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/60:active) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/70:focus) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/70:hover) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/70:active) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/80:focus) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/80:hover) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/80:active) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-200\/90:focus) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-200\/90:hover) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-200\/90:active) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300:focus) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300:hover) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300:active) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/10:focus) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/10:hover) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/10:active) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/20:focus) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/20:hover) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/20:active) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/30:focus) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/30:hover) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/30:active) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/40:focus) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/40:hover) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/40:active) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/50:focus) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/50:hover) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/50:active) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/60:focus) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/60:hover) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/60:active) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/70:focus) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/70:hover) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/70:active) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/80:focus) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/80:hover) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/80:active) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-300\/90:focus) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-300\/90:hover) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-300\/90:active) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400:focus) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400:hover) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400:active) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/10:focus) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/10:hover) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/10:active) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/20:focus) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/20:hover) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/20:active) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/30:focus) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/30:hover) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/30:active) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/40:focus) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/40:hover) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/40:active) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/50:focus) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/50:hover) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/50:active) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/60:focus) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/60:hover) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/60:active) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/70:focus) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/70:hover) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/70:active) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/80:focus) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/80:hover) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/80:active) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-400\/90:focus) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-400\/90:hover) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-400\/90:active) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500:focus) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500:hover) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500:active) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/10:focus) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/10:hover) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/10:active) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/20:focus) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/20:hover) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/20:active) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/30:focus) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/30:hover) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/30:active) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/40:focus) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/40:hover) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/40:active) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/50:focus) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/50:hover) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/50:active) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/60:focus) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/60:hover) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/60:active) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/70:focus) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/70:hover) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/70:active) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/80:focus) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/80:hover) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/80:active) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-500\/90:focus) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-500\/90:hover) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-500\/90:active) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600:focus) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600:hover) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600:active) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/10:focus) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/10:hover) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/10:active) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/20:focus) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/20:hover) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/20:active) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/30:focus) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/30:hover) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/30:active) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/40:focus) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/40:hover) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/40:active) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/50:focus) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/50:hover) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/50:active) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/60:focus) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/60:hover) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/60:active) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/70:focus) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/70:hover) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/70:active) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/80:focus) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/80:hover) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/80:active) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-600\/90:focus) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-600\/90:hover) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-600\/90:active) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700:focus) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700:hover) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700:active) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/10:focus) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/10:hover) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/10:active) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/20:focus) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/20:hover) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/20:active) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/30:focus) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/30:hover) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/30:active) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/40:focus) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/40:hover) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/40:active) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/50:focus) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/50:hover) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/50:active) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/60:focus) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/60:hover) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/60:active) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/70:focus) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/70:hover) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/70:active) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/80:focus) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/80:hover) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/80:active) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-700\/90:focus) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-700\/90:hover) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-700\/90:active) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800:focus) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800:hover) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800:active) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/10:focus) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/10:hover) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/10:active) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/20:focus) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/20:hover) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/20:active) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/30:focus) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/30:hover) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/30:active) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/40:focus) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/40:hover) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/40:active) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/50:focus) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/50:hover) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/50:active) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/60:focus) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/60:hover) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/60:active) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/70:focus) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/70:hover) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/70:active) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/80:focus) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/80:hover) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/80:active) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-800\/90:focus) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-800\/90:hover) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-800\/90:active) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900:focus) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900:hover) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900:active) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/10:focus) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/10:hover) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/10:active) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/20:focus) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/20:hover) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/20:active) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/30:focus) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/30:hover) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/30:active) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/40:focus) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/40:hover) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/40:active) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/50:focus) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/50:hover) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/50:active) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/60:focus) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/60:hover) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/60:active) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/70:focus) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/70:hover) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/70:active) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/80:focus) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/80:hover) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/80:active) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-teal-900\/90:focus) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-teal-900\/90:hover) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-teal-900\/90:active) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50:focus) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50:hover) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50:active) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/10:focus) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/10:hover) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/10:active) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/20:focus) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/20:hover) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/20:active) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/30:focus) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/30:hover) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/30:active) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/40:focus) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/40:hover) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/40:active) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/50:focus) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/50:hover) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/50:active) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/60:focus) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/60:hover) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/60:active) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/70:focus) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/70:hover) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/70:active) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/80:focus) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/80:hover) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/80:active) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-50\/90:focus) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-50\/90:hover) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-50\/90:active) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100:focus) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100:hover) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100:active) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/10:focus) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/10:hover) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/10:active) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/20:focus) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/20:hover) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/20:active) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/30:focus) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/30:hover) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/30:active) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/40:focus) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/40:hover) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/40:active) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/50:focus) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/50:hover) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/50:active) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/60:focus) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/60:hover) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/60:active) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/70:focus) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/70:hover) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/70:active) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/80:focus) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/80:hover) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/80:active) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-100\/90:focus) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-100\/90:hover) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-100\/90:active) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200:focus) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200:hover) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200:active) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/10:focus) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/10:hover) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/10:active) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/20:focus) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/20:hover) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/20:active) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/30:focus) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/30:hover) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/30:active) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/40:focus) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/40:hover) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/40:active) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/50:focus) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/50:hover) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/50:active) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/60:focus) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/60:hover) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/60:active) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/70:focus) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/70:hover) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/70:active) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/80:focus) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/80:hover) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/80:active) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-200\/90:focus) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-200\/90:hover) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-200\/90:active) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300:focus) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300:hover) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300:active) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/10:focus) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/10:hover) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/10:active) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/20:focus) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/20:hover) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/20:active) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/30:focus) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/30:hover) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/30:active) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/40:focus) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/40:hover) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/40:active) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/50:focus) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/50:hover) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/50:active) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/60:focus) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/60:hover) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/60:active) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/70:focus) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/70:hover) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/70:active) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/80:focus) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/80:hover) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/80:active) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-300\/90:focus) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-300\/90:hover) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-300\/90:active) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400:focus) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400:hover) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400:active) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/10:focus) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/10:hover) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/10:active) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/20:focus) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/20:hover) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/20:active) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/30:focus) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/30:hover) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/30:active) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/40:focus) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/40:hover) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/40:active) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/50:focus) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/50:hover) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/50:active) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/60:focus) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/60:hover) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/60:active) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/70:focus) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/70:hover) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/70:active) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/80:focus) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/80:hover) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/80:active) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-400\/90:focus) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-400\/90:hover) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-400\/90:active) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500:focus) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500:hover) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500:active) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/10:focus) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/10:hover) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/10:active) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/20:focus) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/20:hover) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/20:active) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/30:focus) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/30:hover) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/30:active) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/40:focus) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/40:hover) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/40:active) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/50:focus) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/50:hover) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/50:active) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/60:focus) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/60:hover) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/60:active) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/70:focus) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/70:hover) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/70:active) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/80:focus) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/80:hover) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/80:active) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-500\/90:focus) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-500\/90:hover) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-500\/90:active) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600:focus) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600:hover) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600:active) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/10:focus) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/10:hover) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/10:active) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/20:focus) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/20:hover) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/20:active) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/30:focus) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/30:hover) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/30:active) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/40:focus) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/40:hover) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/40:active) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/50:focus) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/50:hover) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/50:active) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/60:focus) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/60:hover) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/60:active) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/70:focus) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/70:hover) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/70:active) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/80:focus) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/80:hover) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/80:active) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-600\/90:focus) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-600\/90:hover) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-600\/90:active) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700:focus) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700:hover) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700:active) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/10:focus) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/10:hover) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/10:active) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/20:focus) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/20:hover) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/20:active) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/30:focus) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/30:hover) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/30:active) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/40:focus) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/40:hover) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/40:active) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/50:focus) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/50:hover) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/50:active) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/60:focus) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/60:hover) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/60:active) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/70:focus) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/70:hover) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/70:active) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/80:focus) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/80:hover) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/80:active) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-700\/90:focus) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-700\/90:hover) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-700\/90:active) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800:focus) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800:hover) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800:active) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/10:focus) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/10:hover) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/10:active) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/20:focus) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/20:hover) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/20:active) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/30:focus) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/30:hover) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/30:active) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/40:focus) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/40:hover) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/40:active) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/50:focus) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/50:hover) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/50:active) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/60:focus) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/60:hover) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/60:active) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/70:focus) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/70:hover) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/70:active) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/80:focus) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/80:hover) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/80:active) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-800\/90:focus) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-800\/90:hover) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-800\/90:active) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900:focus) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900:hover) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900:active) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/10:focus) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/10:hover) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/10:active) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/20:focus) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/20:hover) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/20:active) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/30:focus) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/30:hover) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/30:active) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/40:focus) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/40:hover) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/40:active) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/50:focus) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/50:hover) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/50:active) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/60:focus) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/60:hover) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/60:active) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/70:focus) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/70:hover) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/70:active) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/80:focus) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/80:hover) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/80:active) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-orange-900\/90:focus) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-orange-900\/90:hover) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-orange-900\/90:active) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50:focus) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50:hover) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50:active) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/10:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/10:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/10:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/20:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/20:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/20:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/30:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/30:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/30:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/40:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/40:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/40:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/50:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/50:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/50:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/60:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/60:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/60:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/70:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/70:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/70:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/80:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/80:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/80:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-50\/90:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-50\/90:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-50\/90:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100:focus) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100:hover) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100:active) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/10:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/10:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/10:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/20:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/20:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/20:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/30:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/30:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/30:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/40:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/40:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/40:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/50:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/50:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/50:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/60:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/60:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/60:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/70:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/70:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/70:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/80:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/80:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/80:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-100\/90:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-100\/90:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-100\/90:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200:focus) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200:hover) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200:active) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/10:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/10:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/10:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/20:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/20:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/20:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/30:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/30:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/30:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/40:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/40:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/40:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/50:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/50:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/50:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/60:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/60:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/60:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/70:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/70:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/70:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/80:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/80:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/80:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-200\/90:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-200\/90:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-200\/90:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300:focus) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300:hover) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300:active) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/10:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/10:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/10:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/20:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/20:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/20:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/30:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/30:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/30:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/40:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/40:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/40:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/50:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/50:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/50:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/60:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/60:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/60:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/70:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/70:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/70:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/80:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/80:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/80:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-300\/90:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-300\/90:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-300\/90:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400:focus) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400:hover) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400:active) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/10:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/10:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/10:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/20:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/20:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/20:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/30:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/30:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/30:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/40:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/40:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/40:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/50:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/50:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/50:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/60:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/60:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/60:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/70:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/70:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/70:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/80:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/80:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/80:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-400\/90:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-400\/90:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-400\/90:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500:focus) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500:hover) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500:active) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/10:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/10:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/10:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/20:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/20:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/20:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/30:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/30:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/30:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/40:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/40:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/40:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/50:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/50:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/50:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/60:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/60:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/60:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/70:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/70:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/70:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/80:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/80:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/80:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-500\/90:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-500\/90:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-500\/90:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600:focus) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600:hover) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600:active) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/10:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/10:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/10:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/20:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/20:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/20:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/30:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/30:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/30:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/40:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/40:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/40:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/50:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/50:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/50:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/60:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/60:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/60:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/70:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/70:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/70:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/80:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/80:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/80:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-600\/90:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-600\/90:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-600\/90:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700:focus) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700:hover) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700:active) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/10:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/10:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/10:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/20:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/20:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/20:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/30:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/30:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/30:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/40:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/40:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/40:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/50:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/50:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/50:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/60:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/60:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/60:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/70:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/70:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/70:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/80:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/80:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/80:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-700\/90:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-700\/90:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-700\/90:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800:focus) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800:hover) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800:active) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/10:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/10:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/10:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/20:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/20:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/20:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/30:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/30:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/30:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/40:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/40:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/40:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/50:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/50:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/50:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/60:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/60:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/60:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/70:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/70:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/70:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/80:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/80:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/80:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-800\/90:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-800\/90:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-800\/90:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900:focus) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900:hover) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900:active) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/10:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/10:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/10:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/20:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/20:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/20:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/30:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/30:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/30:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/40:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/40:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/40:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/50:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/50:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/50:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/60:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/60:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/60:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/70:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/70:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/70:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/80:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/80:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/80:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-bluegray-900\/90:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-bluegray-900\/90:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-bluegray-900\/90:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50:focus) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50:hover) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50:active) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/10:focus) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/10:hover) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/10:active) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/20:focus) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/20:hover) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/20:active) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/30:focus) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/30:hover) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/30:active) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/40:focus) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/40:hover) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/40:active) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/50:focus) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/50:hover) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/50:active) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/60:focus) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/60:hover) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/60:active) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/70:focus) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/70:hover) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/70:active) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/80:focus) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/80:hover) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/80:active) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-50\/90:focus) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-50\/90:hover) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-50\/90:active) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100:focus) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100:hover) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100:active) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/10:focus) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/10:hover) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/10:active) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/20:focus) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/20:hover) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/20:active) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/30:focus) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/30:hover) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/30:active) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/40:focus) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/40:hover) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/40:active) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/50:focus) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/50:hover) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/50:active) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/60:focus) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/60:hover) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/60:active) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/70:focus) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/70:hover) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/70:active) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/80:focus) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/80:hover) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/80:active) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-100\/90:focus) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-100\/90:hover) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-100\/90:active) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200:focus) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200:hover) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200:active) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/10:focus) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/10:hover) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/10:active) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/20:focus) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/20:hover) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/20:active) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/30:focus) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/30:hover) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/30:active) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/40:focus) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/40:hover) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/40:active) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/50:focus) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/50:hover) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/50:active) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/60:focus) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/60:hover) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/60:active) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/70:focus) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/70:hover) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/70:active) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/80:focus) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/80:hover) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/80:active) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-200\/90:focus) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-200\/90:hover) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-200\/90:active) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300:focus) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300:hover) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300:active) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/10:focus) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/10:hover) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/10:active) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/20:focus) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/20:hover) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/20:active) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/30:focus) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/30:hover) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/30:active) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/40:focus) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/40:hover) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/40:active) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/50:focus) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/50:hover) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/50:active) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/60:focus) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/60:hover) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/60:active) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/70:focus) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/70:hover) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/70:active) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/80:focus) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/80:hover) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/80:active) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-300\/90:focus) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-300\/90:hover) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-300\/90:active) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400:focus) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400:hover) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400:active) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/10:focus) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/10:hover) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/10:active) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/20:focus) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/20:hover) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/20:active) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/30:focus) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/30:hover) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/30:active) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/40:focus) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/40:hover) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/40:active) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/50:focus) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/50:hover) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/50:active) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/60:focus) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/60:hover) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/60:active) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/70:focus) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/70:hover) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/70:active) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/80:focus) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/80:hover) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/80:active) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-400\/90:focus) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-400\/90:hover) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-400\/90:active) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500:focus) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500:hover) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500:active) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/10:focus) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/10:hover) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/10:active) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/20:focus) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/20:hover) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/20:active) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/30:focus) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/30:hover) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/30:active) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/40:focus) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/40:hover) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/40:active) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/50:focus) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/50:hover) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/50:active) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/60:focus) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/60:hover) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/60:active) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/70:focus) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/70:hover) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/70:active) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/80:focus) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/80:hover) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/80:active) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-500\/90:focus) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-500\/90:hover) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-500\/90:active) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600:focus) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600:hover) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600:active) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/10:focus) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/10:hover) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/10:active) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/20:focus) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/20:hover) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/20:active) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/30:focus) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/30:hover) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/30:active) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/40:focus) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/40:hover) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/40:active) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/50:focus) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/50:hover) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/50:active) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/60:focus) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/60:hover) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/60:active) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/70:focus) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/70:hover) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/70:active) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/80:focus) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/80:hover) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/80:active) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-600\/90:focus) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-600\/90:hover) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-600\/90:active) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700:focus) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700:hover) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700:active) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/10:focus) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/10:hover) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/10:active) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/20:focus) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/20:hover) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/20:active) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/30:focus) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/30:hover) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/30:active) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/40:focus) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/40:hover) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/40:active) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/50:focus) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/50:hover) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/50:active) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/60:focus) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/60:hover) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/60:active) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/70:focus) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/70:hover) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/70:active) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/80:focus) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/80:hover) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/80:active) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-700\/90:focus) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-700\/90:hover) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-700\/90:active) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800:focus) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800:hover) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800:active) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/10:focus) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/10:hover) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/10:active) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/20:focus) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/20:hover) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/20:active) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/30:focus) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/30:hover) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/30:active) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/40:focus) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/40:hover) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/40:active) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/50:focus) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/50:hover) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/50:active) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/60:focus) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/60:hover) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/60:active) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/70:focus) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/70:hover) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/70:active) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/80:focus) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/80:hover) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/80:active) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-800\/90:focus) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-800\/90:hover) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-800\/90:active) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900:focus) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900:hover) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900:active) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/10:focus) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/10:hover) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/10:active) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/20:focus) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/20:hover) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/20:active) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/30:focus) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/30:hover) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/30:active) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/40:focus) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/40:hover) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/40:active) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/50:focus) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/50:hover) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/50:active) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/60:focus) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/60:hover) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/60:active) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/70:focus) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/70:hover) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/70:active) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/80:focus) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/80:hover) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/80:active) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-purple-900\/90:focus) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-purple-900\/90:hover) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-purple-900\/90:active) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50:focus) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50:hover) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50:active) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/10:focus) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/10:hover) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/10:active) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/20:focus) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/20:hover) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/20:active) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/30:focus) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/30:hover) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/30:active) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/40:focus) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/40:hover) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/40:active) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/50:focus) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/50:hover) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/50:active) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/60:focus) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/60:hover) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/60:active) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/70:focus) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/70:hover) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/70:active) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/80:focus) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/80:hover) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/80:active) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-50\/90:focus) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-50\/90:hover) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-50\/90:active) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100:focus) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100:hover) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100:active) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/10:focus) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/10:hover) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/10:active) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/20:focus) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/20:hover) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/20:active) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/30:focus) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/30:hover) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/30:active) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/40:focus) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/40:hover) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/40:active) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/50:focus) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/50:hover) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/50:active) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/60:focus) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/60:hover) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/60:active) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/70:focus) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/70:hover) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/70:active) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/80:focus) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/80:hover) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/80:active) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-100\/90:focus) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-100\/90:hover) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-100\/90:active) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200:focus) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200:hover) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200:active) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/10:focus) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/10:hover) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/10:active) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/20:focus) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/20:hover) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/20:active) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/30:focus) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/30:hover) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/30:active) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/40:focus) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/40:hover) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/40:active) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/50:focus) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/50:hover) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/50:active) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/60:focus) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/60:hover) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/60:active) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/70:focus) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/70:hover) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/70:active) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/80:focus) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/80:hover) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/80:active) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-200\/90:focus) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-200\/90:hover) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-200\/90:active) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300:focus) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300:hover) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300:active) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/10:focus) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/10:hover) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/10:active) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/20:focus) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/20:hover) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/20:active) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/30:focus) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/30:hover) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/30:active) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/40:focus) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/40:hover) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/40:active) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/50:focus) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/50:hover) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/50:active) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/60:focus) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/60:hover) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/60:active) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/70:focus) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/70:hover) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/70:active) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/80:focus) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/80:hover) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/80:active) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-300\/90:focus) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-300\/90:hover) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-300\/90:active) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400:focus) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400:hover) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400:active) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/10:focus) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/10:hover) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/10:active) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/20:focus) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/20:hover) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/20:active) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/30:focus) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/30:hover) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/30:active) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/40:focus) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/40:hover) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/40:active) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/50:focus) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/50:hover) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/50:active) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/60:focus) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/60:hover) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/60:active) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/70:focus) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/70:hover) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/70:active) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/80:focus) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/80:hover) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/80:active) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-400\/90:focus) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-400\/90:hover) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-400\/90:active) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500:focus) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500:hover) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500:active) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/10:focus) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/10:hover) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/10:active) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/20:focus) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/20:hover) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/20:active) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/30:focus) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/30:hover) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/30:active) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/40:focus) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/40:hover) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/40:active) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/50:focus) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/50:hover) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/50:active) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/60:focus) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/60:hover) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/60:active) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/70:focus) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/70:hover) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/70:active) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/80:focus) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/80:hover) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/80:active) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-500\/90:focus) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-500\/90:hover) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-500\/90:active) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600:focus) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600:hover) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600:active) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/10:focus) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/10:hover) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/10:active) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/20:focus) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/20:hover) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/20:active) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/30:focus) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/30:hover) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/30:active) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/40:focus) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/40:hover) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/40:active) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/50:focus) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/50:hover) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/50:active) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/60:focus) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/60:hover) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/60:active) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/70:focus) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/70:hover) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/70:active) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/80:focus) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/80:hover) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/80:active) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-600\/90:focus) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-600\/90:hover) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-600\/90:active) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700:focus) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700:hover) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700:active) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/10:focus) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/10:hover) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/10:active) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/20:focus) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/20:hover) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/20:active) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/30:focus) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/30:hover) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/30:active) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/40:focus) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/40:hover) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/40:active) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/50:focus) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/50:hover) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/50:active) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/60:focus) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/60:hover) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/60:active) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/70:focus) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/70:hover) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/70:active) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/80:focus) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/80:hover) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/80:active) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-700\/90:focus) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-700\/90:hover) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-700\/90:active) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800:focus) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800:hover) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800:active) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/10:focus) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/10:hover) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/10:active) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/20:focus) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/20:hover) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/20:active) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/30:focus) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/30:hover) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/30:active) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/40:focus) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/40:hover) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/40:active) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/50:focus) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/50:hover) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/50:active) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/60:focus) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/60:hover) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/60:active) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/70:focus) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/70:hover) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/70:active) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/80:focus) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/80:hover) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/80:active) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-800\/90:focus) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-800\/90:hover) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-800\/90:active) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900:focus) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900:hover) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900:active) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/10:focus) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/10:hover) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/10:active) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/20:focus) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/20:hover) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/20:active) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/30:focus) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/30:hover) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/30:active) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/40:focus) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/40:hover) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/40:active) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/50:focus) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/50:hover) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/50:active) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/60:focus) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/60:hover) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/60:active) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/70:focus) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/70:hover) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/70:active) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/80:focus) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/80:hover) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/80:active) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-red-900\/90:focus) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-red-900\/90:hover) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-red-900\/90:active) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50:focus) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50:hover) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50:active) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/10:focus) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/10:hover) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/10:active) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/20:focus) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/20:hover) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/20:active) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/30:focus) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/30:hover) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/30:active) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/40:focus) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/40:hover) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/40:active) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/50:focus) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/50:hover) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/50:active) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/60:focus) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/60:hover) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/60:active) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/70:focus) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/70:hover) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/70:active) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/80:focus) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/80:hover) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/80:active) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-50\/90:focus) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-50\/90:hover) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-50\/90:active) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100:focus) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100:hover) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100:active) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/10:focus) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/10:hover) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/10:active) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/20:focus) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/20:hover) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/20:active) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/30:focus) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/30:hover) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/30:active) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/40:focus) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/40:hover) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/40:active) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/50:focus) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/50:hover) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/50:active) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/60:focus) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/60:hover) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/60:active) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/70:focus) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/70:hover) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/70:active) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/80:focus) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/80:hover) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/80:active) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-100\/90:focus) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-100\/90:hover) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-100\/90:active) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200:focus) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200:hover) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200:active) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/10:focus) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/10:hover) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/10:active) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/20:focus) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/20:hover) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/20:active) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/30:focus) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/30:hover) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/30:active) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/40:focus) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/40:hover) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/40:active) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/50:focus) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/50:hover) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/50:active) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/60:focus) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/60:hover) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/60:active) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/70:focus) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/70:hover) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/70:active) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/80:focus) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/80:hover) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/80:active) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-200\/90:focus) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-200\/90:hover) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-200\/90:active) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300:focus) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300:hover) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300:active) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/10:focus) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/10:hover) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/10:active) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/20:focus) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/20:hover) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/20:active) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/30:focus) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/30:hover) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/30:active) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/40:focus) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/40:hover) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/40:active) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/50:focus) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/50:hover) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/50:active) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/60:focus) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/60:hover) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/60:active) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/70:focus) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/70:hover) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/70:active) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/80:focus) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/80:hover) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/80:active) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-300\/90:focus) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-300\/90:hover) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-300\/90:active) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400:focus) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400:hover) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400:active) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/10:focus) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/10:hover) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/10:active) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/20:focus) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/20:hover) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/20:active) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/30:focus) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/30:hover) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/30:active) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/40:focus) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/40:hover) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/40:active) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/50:focus) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/50:hover) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/50:active) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/60:focus) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/60:hover) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/60:active) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/70:focus) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/70:hover) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/70:active) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/80:focus) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/80:hover) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/80:active) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-400\/90:focus) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-400\/90:hover) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-400\/90:active) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500:focus) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500:hover) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500:active) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/10:focus) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/10:hover) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/10:active) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/20:focus) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/20:hover) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/20:active) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/30:focus) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/30:hover) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/30:active) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/40:focus) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/40:hover) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/40:active) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/50:focus) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/50:hover) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/50:active) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/60:focus) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/60:hover) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/60:active) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/70:focus) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/70:hover) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/70:active) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/80:focus) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/80:hover) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/80:active) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-500\/90:focus) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-500\/90:hover) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-500\/90:active) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600:focus) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600:hover) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600:active) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/10:focus) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/10:hover) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/10:active) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/20:focus) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/20:hover) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/20:active) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/30:focus) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/30:hover) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/30:active) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/40:focus) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/40:hover) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/40:active) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/50:focus) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/50:hover) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/50:active) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/60:focus) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/60:hover) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/60:active) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/70:focus) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/70:hover) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/70:active) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/80:focus) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/80:hover) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/80:active) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-600\/90:focus) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-600\/90:hover) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-600\/90:active) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700:focus) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700:hover) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700:active) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/10:focus) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/10:hover) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/10:active) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/20:focus) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/20:hover) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/20:active) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/30:focus) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/30:hover) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/30:active) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/40:focus) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/40:hover) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/40:active) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/50:focus) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/50:hover) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/50:active) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/60:focus) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/60:hover) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/60:active) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/70:focus) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/70:hover) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/70:active) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/80:focus) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/80:hover) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/80:active) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-700\/90:focus) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-700\/90:hover) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-700\/90:active) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800:focus) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800:hover) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800:active) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/10:focus) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/10:hover) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/10:active) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/20:focus) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/20:hover) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/20:active) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/30:focus) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/30:hover) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/30:active) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/40:focus) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/40:hover) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/40:active) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/50:focus) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/50:hover) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/50:active) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/60:focus) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/60:hover) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/60:active) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/70:focus) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/70:hover) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/70:active) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/80:focus) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/80:hover) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/80:active) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-800\/90:focus) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-800\/90:hover) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-800\/90:active) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900:focus) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900:hover) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900:active) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/10:focus) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/10:hover) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/10:active) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/20:focus) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/20:hover) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/20:active) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/30:focus) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/30:hover) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/30:active) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/40:focus) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/40:hover) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/40:active) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/50:focus) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/50:hover) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/50:active) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/60:focus) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/60:hover) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/60:active) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/70:focus) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/70:hover) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/70:active) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/80:focus) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/80:hover) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/80:active) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-gray-900\/90:focus) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-gray-900\/90:hover) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-gray-900\/90:active) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0:focus) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0:hover) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0:active) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/10:focus) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/10:hover) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/10:active) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/20:focus) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/20:hover) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/20:active) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/30:focus) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/30:hover) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/30:active) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/40:focus) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/40:hover) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/40:active) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/50:focus) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/50:hover) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/50:active) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/60:focus) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/60:hover) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/60:active) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/70:focus) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/70:hover) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/70:active) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/80:focus) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/80:hover) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/80:active) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-0\/90:focus) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-0\/90:hover) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-0\/90:active) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50:focus) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50:hover) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50:active) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/10:focus) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/10:hover) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/10:active) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/20:focus) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/20:hover) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/20:active) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/30:focus) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/30:hover) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/30:active) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/40:focus) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/40:hover) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/40:active) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/50:focus) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/50:hover) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/50:active) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/60:focus) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/60:hover) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/60:active) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/70:focus) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/70:hover) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/70:active) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/80:focus) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/80:hover) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/80:active) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-50\/90:focus) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-50\/90:hover) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-50\/90:active) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100:focus) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100:hover) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100:active) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/10:focus) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/10:hover) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/10:active) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/20:focus) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/20:hover) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/20:active) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/30:focus) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/30:hover) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/30:active) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/40:focus) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/40:hover) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/40:active) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/50:focus) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/50:hover) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/50:active) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/60:focus) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/60:hover) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/60:active) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/70:focus) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/70:hover) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/70:active) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/80:focus) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/80:hover) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/80:active) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-100\/90:focus) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-100\/90:hover) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-100\/90:active) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200:focus) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200:hover) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200:active) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/10:focus) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/10:hover) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/10:active) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/20:focus) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/20:hover) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/20:active) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/30:focus) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/30:hover) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/30:active) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/40:focus) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/40:hover) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/40:active) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/50:focus) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/50:hover) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/50:active) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/60:focus) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/60:hover) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/60:active) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/70:focus) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/70:hover) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/70:active) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/80:focus) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/80:hover) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/80:active) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-200\/90:focus) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-200\/90:hover) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-200\/90:active) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300:focus) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300:hover) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300:active) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/10:focus) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/10:hover) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/10:active) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/20:focus) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/20:hover) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/20:active) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/30:focus) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/30:hover) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/30:active) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/40:focus) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/40:hover) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/40:active) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/50:focus) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/50:hover) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/50:active) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/60:focus) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/60:hover) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/60:active) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/70:focus) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/70:hover) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/70:active) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/80:focus) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/80:hover) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/80:active) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-300\/90:focus) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-300\/90:hover) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-300\/90:active) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400:focus) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400:hover) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400:active) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/10:focus) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/10:hover) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/10:active) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/20:focus) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/20:hover) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/20:active) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/30:focus) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/30:hover) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/30:active) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/40:focus) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/40:hover) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/40:active) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/50:focus) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/50:hover) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/50:active) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/60:focus) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/60:hover) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/60:active) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/70:focus) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/70:hover) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/70:active) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/80:focus) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/80:hover) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/80:active) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-400\/90:focus) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-400\/90:hover) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-400\/90:active) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500:focus) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500:hover) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500:active) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/10:focus) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/10:hover) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/10:active) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/20:focus) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/20:hover) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/20:active) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/30:focus) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/30:hover) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/30:active) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/40:focus) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/40:hover) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/40:active) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/50:focus) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/50:hover) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/50:active) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/60:focus) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/60:hover) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/60:active) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/70:focus) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/70:hover) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/70:active) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/80:focus) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/80:hover) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/80:active) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-500\/90:focus) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-500\/90:hover) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-500\/90:active) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600:focus) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600:hover) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600:active) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/10:focus) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/10:hover) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/10:active) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/20:focus) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/20:hover) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/20:active) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/30:focus) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/30:hover) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/30:active) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/40:focus) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/40:hover) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/40:active) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/50:focus) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/50:hover) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/50:active) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/60:focus) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/60:hover) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/60:active) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/70:focus) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/70:hover) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/70:active) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/80:focus) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/80:hover) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/80:active) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-600\/90:focus) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-600\/90:hover) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-600\/90:active) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700:focus) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700:hover) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700:active) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/10:focus) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/10:hover) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/10:active) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/20:focus) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/20:hover) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/20:active) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/30:focus) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/30:hover) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/30:active) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/40:focus) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/40:hover) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/40:active) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/50:focus) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/50:hover) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/50:active) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/60:focus) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/60:hover) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/60:active) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/70:focus) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/70:hover) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/70:active) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/80:focus) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/80:hover) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/80:active) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-700\/90:focus) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-700\/90:hover) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-700\/90:active) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800:focus) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800:hover) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800:active) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/10:focus) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/10:hover) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/10:active) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/20:focus) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/20:hover) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/20:active) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/30:focus) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/30:hover) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/30:active) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/40:focus) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/40:hover) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/40:active) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/50:focus) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/50:hover) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/50:active) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/60:focus) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/60:hover) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/60:active) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/70:focus) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/70:hover) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/70:active) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/80:focus) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/80:hover) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/80:active) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-800\/90:focus) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-800\/90:hover) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-800\/90:active) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900:focus) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900:hover) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900:active) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/10:focus) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/10:hover) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/10:active) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/20:focus) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/20:hover) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/20:active) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/30:focus) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/30:hover) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/30:active) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/40:focus) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/40:hover) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/40:active) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/50:focus) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/50:hover) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/50:active) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/60:focus) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/60:hover) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/60:active) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/70:focus) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/70:hover) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/70:active) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/80:focus) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/80:hover) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/80:active) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-surface-900\/90:focus) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-surface-900\/90:hover) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-surface-900\/90:active) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50:focus) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50:hover) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50:active) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/10:focus) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/10:hover) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/10:active) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/20:focus) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/20:hover) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/20:active) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/30:focus) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/30:hover) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/30:active) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/40:focus) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/40:hover) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/40:active) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/50:focus) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/50:hover) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/50:active) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/60:focus) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/60:hover) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/60:active) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/70:focus) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/70:hover) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/70:active) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/80:focus) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/80:hover) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/80:active) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-50\/90:focus) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-50\/90:hover) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-50\/90:active) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100:focus) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100:hover) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100:active) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/10:focus) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/10:hover) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/10:active) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/20:focus) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/20:hover) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/20:active) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/30:focus) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/30:hover) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/30:active) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/40:focus) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/40:hover) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/40:active) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/50:focus) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/50:hover) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/50:active) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/60:focus) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/60:hover) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/60:active) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/70:focus) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/70:hover) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/70:active) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/80:focus) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/80:hover) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/80:active) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-100\/90:focus) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-100\/90:hover) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-100\/90:active) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200:focus) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200:hover) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200:active) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/10:focus) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/10:hover) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/10:active) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/20:focus) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/20:hover) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/20:active) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/30:focus) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/30:hover) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/30:active) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/40:focus) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/40:hover) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/40:active) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/50:focus) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/50:hover) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/50:active) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/60:focus) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/60:hover) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/60:active) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/70:focus) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/70:hover) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/70:active) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/80:focus) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/80:hover) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/80:active) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-200\/90:focus) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-200\/90:hover) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-200\/90:active) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300:focus) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300:hover) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300:active) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/10:focus) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/10:hover) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/10:active) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/20:focus) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/20:hover) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/20:active) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/30:focus) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/30:hover) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/30:active) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/40:focus) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/40:hover) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/40:active) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/50:focus) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/50:hover) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/50:active) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/60:focus) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/60:hover) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/60:active) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/70:focus) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/70:hover) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/70:active) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/80:focus) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/80:hover) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/80:active) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-300\/90:focus) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-300\/90:hover) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-300\/90:active) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400:focus) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400:hover) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400:active) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/10:focus) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/10:hover) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/10:active) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/20:focus) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/20:hover) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/20:active) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/30:focus) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/30:hover) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/30:active) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/40:focus) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/40:hover) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/40:active) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/50:focus) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/50:hover) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/50:active) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/60:focus) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/60:hover) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/60:active) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/70:focus) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/70:hover) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/70:active) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/80:focus) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/80:hover) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/80:active) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-400\/90:focus) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-400\/90:hover) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-400\/90:active) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500:focus) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500:hover) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500:active) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/10:focus) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/10:hover) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/10:active) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/20:focus) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/20:hover) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/20:active) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/30:focus) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/30:hover) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/30:active) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/40:focus) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/40:hover) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/40:active) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/50:focus) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/50:hover) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/50:active) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/60:focus) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/60:hover) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/60:active) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/70:focus) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/70:hover) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/70:active) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/80:focus) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/80:hover) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/80:active) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-500\/90:focus) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-500\/90:hover) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-500\/90:active) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600:focus) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600:hover) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600:active) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/10:focus) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/10:hover) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/10:active) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/20:focus) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/20:hover) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/20:active) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/30:focus) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/30:hover) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/30:active) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/40:focus) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/40:hover) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/40:active) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/50:focus) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/50:hover) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/50:active) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/60:focus) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/60:hover) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/60:active) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/70:focus) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/70:hover) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/70:active) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/80:focus) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/80:hover) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/80:active) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-600\/90:focus) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-600\/90:hover) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-600\/90:active) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700:focus) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700:hover) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700:active) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/10:focus) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/10:hover) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/10:active) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/20:focus) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/20:hover) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/20:active) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/30:focus) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/30:hover) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/30:active) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/40:focus) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/40:hover) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/40:active) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/50:focus) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/50:hover) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/50:active) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/60:focus) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/60:hover) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/60:active) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/70:focus) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/70:hover) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/70:active) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/80:focus) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/80:hover) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/80:active) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-700\/90:focus) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-700\/90:hover) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-700\/90:active) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800:focus) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800:hover) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800:active) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/10:focus) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/10:hover) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/10:active) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/20:focus) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/20:hover) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/20:active) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/30:focus) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/30:hover) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/30:active) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/40:focus) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/40:hover) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/40:active) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/50:focus) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/50:hover) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/50:active) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/60:focus) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/60:hover) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/60:active) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/70:focus) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/70:hover) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/70:active) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/80:focus) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/80:hover) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/80:active) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-800\/90:focus) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-800\/90:hover) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-800\/90:active) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900:focus) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900:hover) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900:active) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/10:focus) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/10:hover) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/10:active) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/20:focus) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/20:hover) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/20:active) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/30:focus) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/30:hover) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/30:active) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/40:focus) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/40:hover) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/40:active) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/50:focus) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/50:hover) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/50:active) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/60:focus) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/60:hover) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/60:active) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/70:focus) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/70:hover) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/70:active) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/80:focus) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/80:hover) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/80:active) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-primary-900\/90:focus) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-primary-900\/90:hover) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-primary-900\/90:active) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/10) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/20) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/30) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/40) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/50) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/60) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/70) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/80) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-50\/90) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/10) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/20) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/30) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/40) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/50) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/60) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/70) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/80) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-100\/90) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/10) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/20) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/30) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/40) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/50) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/60) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/70) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/80) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-200\/90) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/10) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/20) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/30) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/40) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/50) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/60) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/70) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/80) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-300\/90) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/10) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/20) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/30) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/40) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/50) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/60) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/70) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/80) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-400\/90) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/10) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/20) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/30) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/40) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/50) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/60) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/70) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/80) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-500\/90) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/10) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/20) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/30) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/40) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/50) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/60) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/70) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/80) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-600\/90) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/10) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/20) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/30) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/40) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/50) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/60) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/70) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/80) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-700\/90) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/10) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/20) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/30) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/40) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/50) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/60) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/70) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/80) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-800\/90) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/10) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/20) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/30) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/40) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/50) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/60) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/70) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/80) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-blue-900\/90) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/10) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/20) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/30) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/40) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/50) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/60) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/70) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/80) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-50\/90) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/10) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/20) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/30) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/40) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/50) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/60) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/70) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/80) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-100\/90) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/10) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/20) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/30) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/40) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/50) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/60) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/70) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/80) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-200\/90) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/10) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/20) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/30) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/40) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/50) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/60) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/70) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/80) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-300\/90) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/10) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/20) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/30) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/40) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/50) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/60) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/70) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/80) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-400\/90) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/10) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/20) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/30) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/40) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/50) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/60) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/70) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/80) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-500\/90) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/10) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/20) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/30) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/40) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/50) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/60) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/70) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/80) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-600\/90) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/10) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/20) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/30) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/40) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/50) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/60) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/70) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/80) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-700\/90) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/10) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/20) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/30) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/40) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/50) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/60) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/70) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/80) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-800\/90) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/10) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/20) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/30) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/40) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/50) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/60) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/70) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/80) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-green-900\/90) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/10) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/20) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/30) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/40) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/50) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/60) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/70) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/80) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-50\/90) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/10) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/20) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/30) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/40) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/50) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/60) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/70) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/80) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-100\/90) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/10) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/20) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/30) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/40) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/50) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/60) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/70) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/80) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-200\/90) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/10) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/20) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/30) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/40) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/50) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/60) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/70) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/80) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-300\/90) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/10) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/20) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/30) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/40) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/50) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/60) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/70) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/80) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-400\/90) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/10) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/20) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/30) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/40) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/50) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/60) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/70) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/80) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-500\/90) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/10) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/20) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/30) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/40) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/50) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/60) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/70) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/80) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-600\/90) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/10) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/20) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/30) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/40) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/50) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/60) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/70) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/80) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-700\/90) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/10) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/20) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/30) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/40) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/50) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/60) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/70) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/80) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-800\/90) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/10) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/20) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/30) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/40) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/50) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/60) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/70) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/80) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-yellow-900\/90) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/10) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/20) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/30) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/40) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/50) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/60) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/70) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/80) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-50\/90) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/10) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/20) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/30) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/40) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/50) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/60) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/70) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/80) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-100\/90) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/10) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/20) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/30) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/40) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/50) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/60) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/70) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/80) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-200\/90) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/10) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/20) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/30) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/40) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/50) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/60) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/70) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/80) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-300\/90) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/10) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/20) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/30) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/40) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/50) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/60) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/70) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/80) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-400\/90) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/10) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/20) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/30) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/40) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/50) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/60) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/70) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/80) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-500\/90) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/10) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/20) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/30) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/40) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/50) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/60) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/70) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/80) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-600\/90) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/10) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/20) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/30) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/40) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/50) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/60) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/70) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/80) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-700\/90) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/10) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/20) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/30) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/40) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/50) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/60) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/70) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/80) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-800\/90) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/10) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/20) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/30) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/40) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/50) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/60) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/70) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/80) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-cyan-900\/90) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/10) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/20) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/30) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/40) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/50) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/60) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/70) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/80) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-50\/90) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/10) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/20) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/30) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/40) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/50) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/60) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/70) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/80) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-100\/90) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/10) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/20) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/30) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/40) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/50) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/60) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/70) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/80) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-200\/90) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/10) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/20) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/30) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/40) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/50) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/60) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/70) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/80) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-300\/90) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/10) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/20) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/30) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/40) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/50) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/60) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/70) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/80) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-400\/90) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/10) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/20) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/30) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/40) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/50) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/60) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/70) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/80) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-500\/90) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/10) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/20) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/30) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/40) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/50) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/60) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/70) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/80) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-600\/90) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/10) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/20) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/30) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/40) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/50) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/60) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/70) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/80) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-700\/90) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/10) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/20) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/30) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/40) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/50) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/60) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/70) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/80) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-800\/90) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/10) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/20) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/30) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/40) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/50) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/60) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/70) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/80) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-pink-900\/90) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/10) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/20) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/30) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/40) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/50) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/60) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/70) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/80) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-50\/90) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/10) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/20) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/30) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/40) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/50) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/60) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/70) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/80) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-100\/90) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/10) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/20) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/30) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/40) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/50) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/60) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/70) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/80) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-200\/90) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/10) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/20) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/30) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/40) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/50) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/60) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/70) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/80) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-300\/90) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/10) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/20) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/30) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/40) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/50) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/60) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/70) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/80) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-400\/90) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/10) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/20) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/30) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/40) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/50) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/60) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/70) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/80) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-500\/90) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/10) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/20) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/30) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/40) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/50) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/60) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/70) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/80) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-600\/90) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/10) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/20) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/30) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/40) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/50) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/60) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/70) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/80) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-700\/90) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/10) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/20) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/30) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/40) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/50) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/60) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/70) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/80) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-800\/90) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/10) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/20) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/30) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/40) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/50) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/60) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/70) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/80) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-indigo-900\/90) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/10) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/20) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/30) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/40) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/50) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/60) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/70) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/80) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-50\/90) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/10) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/20) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/30) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/40) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/50) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/60) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/70) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/80) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-100\/90) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/10) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/20) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/30) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/40) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/50) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/60) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/70) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/80) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-200\/90) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/10) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/20) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/30) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/40) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/50) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/60) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/70) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/80) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-300\/90) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/10) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/20) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/30) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/40) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/50) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/60) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/70) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/80) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-400\/90) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/10) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/20) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/30) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/40) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/50) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/60) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/70) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/80) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-500\/90) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/10) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/20) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/30) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/40) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/50) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/60) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/70) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/80) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-600\/90) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/10) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/20) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/30) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/40) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/50) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/60) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/70) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/80) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-700\/90) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/10) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/20) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/30) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/40) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/50) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/60) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/70) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/80) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-800\/90) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/10) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/20) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/30) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/40) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/50) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/60) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/70) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/80) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-teal-900\/90) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/10) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/20) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/30) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/40) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/50) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/60) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/70) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/80) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-50\/90) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/10) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/20) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/30) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/40) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/50) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/60) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/70) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/80) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-100\/90) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/10) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/20) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/30) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/40) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/50) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/60) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/70) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/80) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-200\/90) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/10) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/20) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/30) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/40) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/50) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/60) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/70) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/80) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-300\/90) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/10) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/20) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/30) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/40) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/50) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/60) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/70) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/80) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-400\/90) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/10) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/20) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/30) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/40) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/50) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/60) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/70) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/80) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-500\/90) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/10) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/20) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/30) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/40) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/50) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/60) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/70) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/80) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-600\/90) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/10) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/20) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/30) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/40) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/50) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/60) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/70) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/80) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-700\/90) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/10) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/20) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/30) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/40) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/50) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/60) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/70) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/80) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-800\/90) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/10) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/20) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/30) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/40) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/50) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/60) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/70) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/80) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-orange-900\/90) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/10) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/20) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/30) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/40) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/50) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/60) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/70) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/80) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-50\/90) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/10) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/20) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/30) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/40) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/50) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/60) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/70) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/80) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-100\/90) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/10) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/20) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/30) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/40) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/50) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/60) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/70) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/80) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-200\/90) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/10) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/20) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/30) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/40) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/50) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/60) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/70) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/80) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-300\/90) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/10) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/20) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/30) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/40) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/50) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/60) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/70) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/80) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-400\/90) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/10) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/20) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/30) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/40) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/50) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/60) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/70) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/80) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-500\/90) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/10) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/20) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/30) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/40) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/50) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/60) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/70) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/80) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-600\/90) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/10) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/20) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/30) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/40) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/50) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/60) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/70) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/80) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-700\/90) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/10) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/20) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/30) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/40) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/50) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/60) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/70) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/80) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-800\/90) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/10) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/20) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/30) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/40) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/50) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/60) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/70) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/80) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-bluegray-900\/90) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/10) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/20) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/30) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/40) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/50) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/60) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/70) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/80) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-50\/90) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/10) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/20) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/30) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/40) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/50) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/60) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/70) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/80) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-100\/90) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/10) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/20) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/30) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/40) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/50) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/60) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/70) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/80) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-200\/90) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/10) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/20) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/30) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/40) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/50) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/60) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/70) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/80) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-300\/90) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/10) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/20) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/30) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/40) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/50) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/60) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/70) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/80) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-400\/90) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/10) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/20) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/30) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/40) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/50) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/60) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/70) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/80) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-500\/90) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/10) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/20) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/30) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/40) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/50) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/60) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/70) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/80) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-600\/90) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/10) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/20) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/30) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/40) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/50) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/60) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/70) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/80) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-700\/90) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/10) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/20) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/30) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/40) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/50) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/60) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/70) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/80) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-800\/90) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/10) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/20) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/30) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/40) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/50) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/60) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/70) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/80) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-purple-900\/90) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/10) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/20) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/30) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/40) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/50) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/60) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/70) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/80) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-50\/90) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/10) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/20) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/30) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/40) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/50) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/60) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/70) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/80) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-100\/90) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/10) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/20) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/30) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/40) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/50) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/60) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/70) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/80) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-200\/90) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/10) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/20) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/30) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/40) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/50) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/60) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/70) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/80) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-300\/90) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/10) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/20) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/30) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/40) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/50) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/60) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/70) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/80) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-400\/90) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/10) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/20) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/30) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/40) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/50) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/60) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/70) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/80) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-500\/90) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/10) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/20) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/30) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/40) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/50) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/60) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/70) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/80) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-600\/90) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/10) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/20) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/30) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/40) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/50) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/60) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/70) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/80) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-700\/90) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/10) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/20) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/30) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/40) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/50) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/60) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/70) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/80) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-800\/90) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/10) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/20) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/30) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/40) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/50) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/60) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/70) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/80) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-red-900\/90) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/10) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/20) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/30) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/40) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/50) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/60) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/70) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/80) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-50\/90) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/10) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/20) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/30) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/40) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/50) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/60) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/70) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/80) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-100\/90) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/10) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/20) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/30) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/40) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/50) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/60) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/70) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/80) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-200\/90) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/10) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/20) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/30) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/40) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/50) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/60) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/70) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/80) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-300\/90) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/10) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/20) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/30) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/40) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/50) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/60) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/70) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/80) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-400\/90) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/10) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/20) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/30) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/40) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/50) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/60) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/70) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/80) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-500\/90) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/10) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/20) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/30) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/40) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/50) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/60) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/70) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/80) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-600\/90) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/10) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/20) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/30) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/40) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/50) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/60) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/70) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/80) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-700\/90) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/10) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/20) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/30) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/40) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/50) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/60) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/70) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/80) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-800\/90) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/10) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/20) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/30) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/40) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/50) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/60) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/70) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/80) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-gray-900\/90) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/10) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/20) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/30) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/40) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/50) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/60) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/70) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/80) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-0\/90) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/10) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/20) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/30) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/40) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/50) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/60) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/70) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/80) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-50\/90) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/10) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/20) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/30) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/40) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/50) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/60) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/70) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/80) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-100\/90) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/10) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/20) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/30) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/40) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/50) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/60) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/70) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/80) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-200\/90) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/10) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/20) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/30) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/40) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/50) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/60) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/70) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/80) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-300\/90) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/10) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/20) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/30) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/40) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/50) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/60) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/70) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/80) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-400\/90) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/10) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/20) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/30) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/40) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/50) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/60) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/70) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/80) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-500\/90) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/10) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/20) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/30) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/40) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/50) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/60) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/70) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/80) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-600\/90) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/10) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/20) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/30) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/40) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/50) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/60) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/70) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/80) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-700\/90) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/10) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/20) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/30) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/40) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/50) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/60) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/70) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/80) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-800\/90) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/10) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/20) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/30) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/40) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/50) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/60) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/70) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/80) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-surface-900\/90) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/10) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/20) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/30) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/40) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/50) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/60) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/70) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/80) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-50\/90) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/10) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/20) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/30) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/40) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/50) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/60) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/70) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/80) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-100\/90) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/10) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/20) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/30) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/40) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/50) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/60) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/70) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/80) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-200\/90) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/10) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/20) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/30) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/40) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/50) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/60) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/70) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/80) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-300\/90) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/10) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/20) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/30) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/40) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/50) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/60) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/70) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/80) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-400\/90) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/10) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/20) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/30) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/40) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/50) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/60) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/70) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/80) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-500\/90) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/10) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/20) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/30) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/40) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/50) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/60) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/70) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/80) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-600\/90) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/10) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/20) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/30) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/40) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/50) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/60) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/70) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/80) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-700\/90) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/10) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/20) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/30) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/40) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/50) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/60) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/70) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/80) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-800\/90) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/10) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/20) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/30) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/40) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/50) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/60) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/70) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/80) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-primary-900\/90) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50:focus) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50:hover) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50:active) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/10:focus) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/10:hover) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/10:active) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/20:focus) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/20:hover) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/20:active) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/30:focus) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/30:hover) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/30:active) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/40:focus) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/40:hover) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/40:active) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/50:focus) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/50:hover) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/50:active) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/60:focus) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/60:hover) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/60:active) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/70:focus) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/70:hover) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/70:active) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/80:focus) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/80:hover) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/80:active) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-50\/90:focus) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-50\/90:hover) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-50\/90:active) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100:focus) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100:hover) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100:active) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/10:focus) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/10:hover) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/10:active) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/20:focus) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/20:hover) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/20:active) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/30:focus) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/30:hover) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/30:active) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/40:focus) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/40:hover) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/40:active) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/50:focus) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/50:hover) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/50:active) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/60:focus) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/60:hover) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/60:active) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/70:focus) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/70:hover) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/70:active) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/80:focus) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/80:hover) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/80:active) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-100\/90:focus) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-100\/90:hover) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-100\/90:active) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200:focus) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200:hover) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200:active) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/10:focus) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/10:hover) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/10:active) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/20:focus) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/20:hover) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/20:active) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/30:focus) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/30:hover) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/30:active) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/40:focus) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/40:hover) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/40:active) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/50:focus) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/50:hover) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/50:active) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/60:focus) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/60:hover) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/60:active) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/70:focus) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/70:hover) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/70:active) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/80:focus) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/80:hover) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/80:active) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-200\/90:focus) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-200\/90:hover) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-200\/90:active) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300:focus) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300:hover) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300:active) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/10:focus) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/10:hover) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/10:active) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/20:focus) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/20:hover) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/20:active) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/30:focus) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/30:hover) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/30:active) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/40:focus) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/40:hover) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/40:active) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/50:focus) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/50:hover) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/50:active) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/60:focus) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/60:hover) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/60:active) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/70:focus) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/70:hover) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/70:active) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/80:focus) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/80:hover) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/80:active) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-300\/90:focus) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-300\/90:hover) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-300\/90:active) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400:focus) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400:hover) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400:active) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/10:focus) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/10:hover) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/10:active) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/20:focus) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/20:hover) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/20:active) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/30:focus) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/30:hover) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/30:active) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/40:focus) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/40:hover) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/40:active) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/50:focus) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/50:hover) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/50:active) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/60:focus) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/60:hover) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/60:active) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/70:focus) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/70:hover) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/70:active) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/80:focus) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/80:hover) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/80:active) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-400\/90:focus) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-400\/90:hover) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-400\/90:active) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500:focus) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500:hover) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500:active) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/10:focus) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/10:hover) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/10:active) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/20:focus) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/20:hover) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/20:active) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/30:focus) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/30:hover) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/30:active) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/40:focus) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/40:hover) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/40:active) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/50:focus) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/50:hover) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/50:active) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/60:focus) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/60:hover) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/60:active) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/70:focus) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/70:hover) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/70:active) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/80:focus) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/80:hover) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/80:active) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-500\/90:focus) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-500\/90:hover) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-500\/90:active) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600:focus) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600:hover) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600:active) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/10:focus) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/10:hover) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/10:active) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/20:focus) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/20:hover) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/20:active) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/30:focus) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/30:hover) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/30:active) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/40:focus) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/40:hover) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/40:active) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/50:focus) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/50:hover) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/50:active) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/60:focus) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/60:hover) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/60:active) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/70:focus) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/70:hover) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/70:active) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/80:focus) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/80:hover) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/80:active) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-600\/90:focus) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-600\/90:hover) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-600\/90:active) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700:focus) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700:hover) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700:active) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/10:focus) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/10:hover) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/10:active) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/20:focus) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/20:hover) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/20:active) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/30:focus) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/30:hover) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/30:active) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/40:focus) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/40:hover) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/40:active) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/50:focus) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/50:hover) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/50:active) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/60:focus) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/60:hover) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/60:active) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/70:focus) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/70:hover) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/70:active) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/80:focus) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/80:hover) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/80:active) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-700\/90:focus) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-700\/90:hover) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-700\/90:active) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800:focus) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800:hover) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800:active) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/10:focus) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/10:hover) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/10:active) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/20:focus) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/20:hover) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/20:active) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/30:focus) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/30:hover) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/30:active) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/40:focus) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/40:hover) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/40:active) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/50:focus) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/50:hover) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/50:active) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/60:focus) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/60:hover) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/60:active) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/70:focus) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/70:hover) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/70:active) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/80:focus) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/80:hover) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/80:active) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-800\/90:focus) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-800\/90:hover) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-800\/90:active) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900:focus) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900:hover) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900:active) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/10:focus) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/10:hover) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/10:active) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/20:focus) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/20:hover) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/20:active) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/30:focus) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/30:hover) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/30:active) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/40:focus) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/40:hover) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/40:active) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/50:focus) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/50:hover) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/50:active) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/60:focus) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/60:hover) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/60:active) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/70:focus) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/70:hover) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/70:active) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/80:focus) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/80:hover) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/80:active) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-blue-900\/90:focus) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-blue-900\/90:hover) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-blue-900\/90:active) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50:focus) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50:hover) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50:active) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/10:focus) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/10:hover) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/10:active) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/20:focus) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/20:hover) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/20:active) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/30:focus) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/30:hover) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/30:active) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/40:focus) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/40:hover) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/40:active) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/50:focus) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/50:hover) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/50:active) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/60:focus) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/60:hover) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/60:active) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/70:focus) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/70:hover) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/70:active) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/80:focus) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/80:hover) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/80:active) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-50\/90:focus) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-50\/90:hover) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-50\/90:active) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100:focus) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100:hover) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100:active) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/10:focus) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/10:hover) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/10:active) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/20:focus) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/20:hover) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/20:active) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/30:focus) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/30:hover) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/30:active) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/40:focus) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/40:hover) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/40:active) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/50:focus) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/50:hover) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/50:active) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/60:focus) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/60:hover) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/60:active) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/70:focus) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/70:hover) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/70:active) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/80:focus) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/80:hover) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/80:active) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-100\/90:focus) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-100\/90:hover) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-100\/90:active) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200:focus) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200:hover) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200:active) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/10:focus) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/10:hover) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/10:active) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/20:focus) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/20:hover) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/20:active) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/30:focus) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/30:hover) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/30:active) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/40:focus) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/40:hover) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/40:active) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/50:focus) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/50:hover) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/50:active) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/60:focus) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/60:hover) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/60:active) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/70:focus) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/70:hover) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/70:active) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/80:focus) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/80:hover) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/80:active) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-200\/90:focus) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-200\/90:hover) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-200\/90:active) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300:focus) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300:hover) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300:active) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/10:focus) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/10:hover) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/10:active) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/20:focus) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/20:hover) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/20:active) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/30:focus) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/30:hover) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/30:active) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/40:focus) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/40:hover) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/40:active) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/50:focus) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/50:hover) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/50:active) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/60:focus) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/60:hover) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/60:active) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/70:focus) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/70:hover) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/70:active) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/80:focus) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/80:hover) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/80:active) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-300\/90:focus) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-300\/90:hover) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-300\/90:active) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400:focus) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400:hover) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400:active) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/10:focus) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/10:hover) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/10:active) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/20:focus) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/20:hover) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/20:active) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/30:focus) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/30:hover) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/30:active) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/40:focus) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/40:hover) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/40:active) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/50:focus) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/50:hover) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/50:active) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/60:focus) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/60:hover) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/60:active) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/70:focus) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/70:hover) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/70:active) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/80:focus) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/80:hover) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/80:active) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-400\/90:focus) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-400\/90:hover) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-400\/90:active) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500:focus) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500:hover) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500:active) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/10:focus) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/10:hover) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/10:active) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/20:focus) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/20:hover) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/20:active) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/30:focus) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/30:hover) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/30:active) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/40:focus) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/40:hover) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/40:active) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/50:focus) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/50:hover) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/50:active) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/60:focus) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/60:hover) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/60:active) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/70:focus) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/70:hover) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/70:active) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/80:focus) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/80:hover) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/80:active) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-500\/90:focus) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-500\/90:hover) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-500\/90:active) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600:focus) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600:hover) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600:active) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/10:focus) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/10:hover) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/10:active) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/20:focus) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/20:hover) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/20:active) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/30:focus) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/30:hover) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/30:active) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/40:focus) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/40:hover) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/40:active) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/50:focus) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/50:hover) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/50:active) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/60:focus) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/60:hover) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/60:active) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/70:focus) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/70:hover) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/70:active) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/80:focus) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/80:hover) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/80:active) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-600\/90:focus) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-600\/90:hover) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-600\/90:active) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700:focus) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700:hover) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700:active) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/10:focus) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/10:hover) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/10:active) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/20:focus) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/20:hover) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/20:active) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/30:focus) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/30:hover) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/30:active) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/40:focus) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/40:hover) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/40:active) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/50:focus) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/50:hover) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/50:active) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/60:focus) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/60:hover) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/60:active) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/70:focus) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/70:hover) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/70:active) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/80:focus) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/80:hover) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/80:active) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-700\/90:focus) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-700\/90:hover) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-700\/90:active) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800:focus) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800:hover) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800:active) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/10:focus) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/10:hover) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/10:active) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/20:focus) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/20:hover) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/20:active) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/30:focus) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/30:hover) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/30:active) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/40:focus) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/40:hover) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/40:active) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/50:focus) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/50:hover) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/50:active) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/60:focus) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/60:hover) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/60:active) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/70:focus) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/70:hover) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/70:active) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/80:focus) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/80:hover) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/80:active) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-800\/90:focus) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-800\/90:hover) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-800\/90:active) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900:focus) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900:hover) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900:active) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/10:focus) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/10:hover) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/10:active) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/20:focus) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/20:hover) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/20:active) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/30:focus) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/30:hover) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/30:active) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/40:focus) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/40:hover) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/40:active) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/50:focus) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/50:hover) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/50:active) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/60:focus) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/60:hover) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/60:active) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/70:focus) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/70:hover) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/70:active) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/80:focus) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/80:hover) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/80:active) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-green-900\/90:focus) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-green-900\/90:hover) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-green-900\/90:active) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50:focus) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50:hover) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50:active) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/10:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/10:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/10:active) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/20:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/20:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/20:active) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/30:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/30:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/30:active) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/40:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/40:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/40:active) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/50:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/50:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/50:active) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/60:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/60:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/60:active) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/70:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/70:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/70:active) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/80:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/80:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/80:active) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-50\/90:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-50\/90:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-50\/90:active) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100:focus) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100:hover) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100:active) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/10:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/10:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/10:active) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/20:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/20:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/20:active) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/30:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/30:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/30:active) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/40:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/40:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/40:active) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/50:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/50:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/50:active) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/60:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/60:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/60:active) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/70:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/70:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/70:active) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/80:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/80:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/80:active) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-100\/90:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-100\/90:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-100\/90:active) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200:focus) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200:hover) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200:active) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/10:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/10:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/10:active) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/20:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/20:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/20:active) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/30:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/30:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/30:active) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/40:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/40:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/40:active) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/50:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/50:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/50:active) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/60:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/60:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/60:active) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/70:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/70:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/70:active) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/80:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/80:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/80:active) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-200\/90:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-200\/90:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-200\/90:active) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300:focus) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300:hover) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300:active) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/10:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/10:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/10:active) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/20:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/20:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/20:active) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/30:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/30:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/30:active) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/40:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/40:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/40:active) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/50:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/50:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/50:active) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/60:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/60:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/60:active) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/70:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/70:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/70:active) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/80:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/80:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/80:active) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-300\/90:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-300\/90:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-300\/90:active) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400:focus) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400:hover) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400:active) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/10:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/10:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/10:active) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/20:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/20:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/20:active) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/30:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/30:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/30:active) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/40:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/40:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/40:active) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/50:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/50:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/50:active) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/60:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/60:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/60:active) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/70:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/70:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/70:active) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/80:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/80:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/80:active) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-400\/90:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-400\/90:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-400\/90:active) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500:focus) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500:hover) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500:active) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/10:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/10:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/10:active) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/20:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/20:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/20:active) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/30:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/30:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/30:active) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/40:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/40:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/40:active) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/50:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/50:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/50:active) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/60:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/60:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/60:active) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/70:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/70:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/70:active) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/80:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/80:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/80:active) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-500\/90:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-500\/90:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-500\/90:active) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600:focus) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600:hover) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600:active) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/10:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/10:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/10:active) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/20:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/20:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/20:active) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/30:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/30:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/30:active) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/40:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/40:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/40:active) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/50:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/50:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/50:active) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/60:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/60:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/60:active) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/70:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/70:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/70:active) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/80:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/80:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/80:active) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-600\/90:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-600\/90:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-600\/90:active) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700:focus) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700:hover) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700:active) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/10:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/10:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/10:active) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/20:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/20:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/20:active) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/30:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/30:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/30:active) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/40:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/40:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/40:active) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/50:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/50:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/50:active) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/60:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/60:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/60:active) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/70:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/70:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/70:active) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/80:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/80:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/80:active) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-700\/90:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-700\/90:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-700\/90:active) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800:focus) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800:hover) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800:active) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/10:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/10:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/10:active) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/20:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/20:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/20:active) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/30:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/30:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/30:active) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/40:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/40:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/40:active) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/50:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/50:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/50:active) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/60:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/60:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/60:active) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/70:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/70:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/70:active) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/80:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/80:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/80:active) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-800\/90:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-800\/90:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-800\/90:active) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900:focus) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900:hover) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900:active) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/10:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/10:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/10:active) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/20:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/20:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/20:active) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/30:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/30:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/30:active) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/40:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/40:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/40:active) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/50:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/50:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/50:active) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/60:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/60:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/60:active) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/70:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/70:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/70:active) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/80:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/80:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/80:active) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-yellow-900\/90:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-yellow-900\/90:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-yellow-900\/90:active) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50:focus) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50:hover) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50:active) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/10:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/10:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/10:active) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/20:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/20:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/20:active) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/30:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/30:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/30:active) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/40:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/40:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/40:active) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/50:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/50:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/50:active) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/60:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/60:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/60:active) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/70:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/70:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/70:active) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/80:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/80:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/80:active) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-50\/90:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-50\/90:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-50\/90:active) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100:focus) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100:hover) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100:active) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/10:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/10:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/10:active) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/20:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/20:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/20:active) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/30:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/30:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/30:active) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/40:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/40:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/40:active) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/50:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/50:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/50:active) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/60:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/60:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/60:active) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/70:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/70:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/70:active) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/80:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/80:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/80:active) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-100\/90:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-100\/90:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-100\/90:active) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200:focus) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200:hover) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200:active) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/10:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/10:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/10:active) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/20:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/20:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/20:active) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/30:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/30:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/30:active) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/40:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/40:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/40:active) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/50:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/50:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/50:active) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/60:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/60:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/60:active) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/70:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/70:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/70:active) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/80:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/80:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/80:active) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-200\/90:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-200\/90:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-200\/90:active) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300:focus) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300:hover) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300:active) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/10:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/10:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/10:active) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/20:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/20:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/20:active) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/30:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/30:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/30:active) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/40:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/40:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/40:active) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/50:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/50:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/50:active) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/60:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/60:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/60:active) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/70:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/70:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/70:active) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/80:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/80:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/80:active) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-300\/90:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-300\/90:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-300\/90:active) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400:focus) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400:hover) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400:active) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/10:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/10:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/10:active) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/20:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/20:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/20:active) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/30:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/30:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/30:active) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/40:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/40:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/40:active) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/50:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/50:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/50:active) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/60:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/60:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/60:active) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/70:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/70:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/70:active) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/80:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/80:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/80:active) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-400\/90:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-400\/90:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-400\/90:active) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500:focus) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500:hover) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500:active) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/10:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/10:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/10:active) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/20:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/20:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/20:active) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/30:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/30:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/30:active) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/40:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/40:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/40:active) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/50:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/50:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/50:active) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/60:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/60:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/60:active) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/70:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/70:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/70:active) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/80:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/80:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/80:active) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-500\/90:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-500\/90:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-500\/90:active) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600:focus) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600:hover) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600:active) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/10:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/10:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/10:active) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/20:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/20:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/20:active) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/30:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/30:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/30:active) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/40:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/40:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/40:active) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/50:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/50:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/50:active) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/60:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/60:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/60:active) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/70:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/70:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/70:active) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/80:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/80:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/80:active) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-600\/90:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-600\/90:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-600\/90:active) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700:focus) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700:hover) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700:active) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/10:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/10:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/10:active) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/20:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/20:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/20:active) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/30:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/30:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/30:active) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/40:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/40:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/40:active) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/50:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/50:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/50:active) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/60:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/60:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/60:active) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/70:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/70:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/70:active) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/80:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/80:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/80:active) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-700\/90:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-700\/90:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-700\/90:active) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800:focus) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800:hover) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800:active) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/10:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/10:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/10:active) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/20:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/20:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/20:active) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/30:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/30:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/30:active) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/40:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/40:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/40:active) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/50:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/50:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/50:active) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/60:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/60:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/60:active) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/70:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/70:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/70:active) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/80:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/80:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/80:active) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-800\/90:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-800\/90:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-800\/90:active) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900:focus) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900:hover) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900:active) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/10:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/10:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/10:active) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/20:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/20:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/20:active) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/30:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/30:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/30:active) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/40:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/40:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/40:active) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/50:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/50:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/50:active) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/60:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/60:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/60:active) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/70:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/70:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/70:active) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/80:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/80:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/80:active) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-cyan-900\/90:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-cyan-900\/90:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-cyan-900\/90:active) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50:focus) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50:hover) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50:active) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/10:focus) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/10:hover) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/10:active) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/20:focus) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/20:hover) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/20:active) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/30:focus) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/30:hover) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/30:active) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/40:focus) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/40:hover) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/40:active) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/50:focus) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/50:hover) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/50:active) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/60:focus) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/60:hover) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/60:active) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/70:focus) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/70:hover) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/70:active) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/80:focus) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/80:hover) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/80:active) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-50\/90:focus) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-50\/90:hover) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-50\/90:active) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100:focus) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100:hover) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100:active) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/10:focus) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/10:hover) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/10:active) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/20:focus) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/20:hover) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/20:active) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/30:focus) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/30:hover) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/30:active) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/40:focus) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/40:hover) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/40:active) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/50:focus) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/50:hover) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/50:active) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/60:focus) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/60:hover) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/60:active) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/70:focus) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/70:hover) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/70:active) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/80:focus) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/80:hover) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/80:active) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-100\/90:focus) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-100\/90:hover) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-100\/90:active) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200:focus) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200:hover) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200:active) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/10:focus) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/10:hover) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/10:active) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/20:focus) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/20:hover) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/20:active) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/30:focus) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/30:hover) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/30:active) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/40:focus) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/40:hover) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/40:active) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/50:focus) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/50:hover) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/50:active) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/60:focus) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/60:hover) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/60:active) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/70:focus) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/70:hover) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/70:active) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/80:focus) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/80:hover) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/80:active) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-200\/90:focus) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-200\/90:hover) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-200\/90:active) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300:focus) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300:hover) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300:active) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/10:focus) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/10:hover) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/10:active) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/20:focus) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/20:hover) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/20:active) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/30:focus) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/30:hover) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/30:active) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/40:focus) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/40:hover) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/40:active) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/50:focus) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/50:hover) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/50:active) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/60:focus) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/60:hover) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/60:active) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/70:focus) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/70:hover) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/70:active) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/80:focus) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/80:hover) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/80:active) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-300\/90:focus) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-300\/90:hover) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-300\/90:active) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400:focus) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400:hover) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400:active) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/10:focus) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/10:hover) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/10:active) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/20:focus) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/20:hover) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/20:active) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/30:focus) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/30:hover) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/30:active) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/40:focus) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/40:hover) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/40:active) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/50:focus) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/50:hover) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/50:active) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/60:focus) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/60:hover) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/60:active) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/70:focus) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/70:hover) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/70:active) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/80:focus) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/80:hover) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/80:active) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-400\/90:focus) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-400\/90:hover) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-400\/90:active) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500:focus) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500:hover) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500:active) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/10:focus) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/10:hover) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/10:active) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/20:focus) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/20:hover) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/20:active) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/30:focus) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/30:hover) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/30:active) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/40:focus) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/40:hover) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/40:active) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/50:focus) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/50:hover) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/50:active) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/60:focus) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/60:hover) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/60:active) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/70:focus) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/70:hover) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/70:active) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/80:focus) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/80:hover) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/80:active) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-500\/90:focus) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-500\/90:hover) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-500\/90:active) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600:focus) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600:hover) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600:active) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/10:focus) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/10:hover) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/10:active) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/20:focus) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/20:hover) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/20:active) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/30:focus) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/30:hover) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/30:active) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/40:focus) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/40:hover) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/40:active) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/50:focus) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/50:hover) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/50:active) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/60:focus) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/60:hover) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/60:active) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/70:focus) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/70:hover) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/70:active) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/80:focus) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/80:hover) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/80:active) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-600\/90:focus) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-600\/90:hover) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-600\/90:active) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700:focus) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700:hover) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700:active) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/10:focus) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/10:hover) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/10:active) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/20:focus) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/20:hover) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/20:active) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/30:focus) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/30:hover) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/30:active) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/40:focus) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/40:hover) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/40:active) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/50:focus) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/50:hover) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/50:active) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/60:focus) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/60:hover) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/60:active) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/70:focus) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/70:hover) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/70:active) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/80:focus) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/80:hover) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/80:active) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-700\/90:focus) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-700\/90:hover) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-700\/90:active) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800:focus) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800:hover) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800:active) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/10:focus) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/10:hover) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/10:active) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/20:focus) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/20:hover) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/20:active) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/30:focus) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/30:hover) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/30:active) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/40:focus) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/40:hover) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/40:active) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/50:focus) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/50:hover) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/50:active) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/60:focus) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/60:hover) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/60:active) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/70:focus) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/70:hover) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/70:active) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/80:focus) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/80:hover) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/80:active) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-800\/90:focus) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-800\/90:hover) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-800\/90:active) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900:focus) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900:hover) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900:active) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/10:focus) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/10:hover) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/10:active) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/20:focus) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/20:hover) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/20:active) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/30:focus) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/30:hover) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/30:active) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/40:focus) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/40:hover) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/40:active) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/50:focus) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/50:hover) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/50:active) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/60:focus) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/60:hover) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/60:active) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/70:focus) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/70:hover) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/70:active) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/80:focus) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/80:hover) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/80:active) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-pink-900\/90:focus) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-pink-900\/90:hover) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-pink-900\/90:active) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50:focus) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50:hover) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50:active) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/10:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/10:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/10:active) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/20:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/20:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/20:active) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/30:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/30:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/30:active) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/40:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/40:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/40:active) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/50:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/50:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/50:active) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/60:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/60:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/60:active) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/70:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/70:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/70:active) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/80:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/80:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/80:active) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-50\/90:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-50\/90:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-50\/90:active) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100:focus) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100:hover) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100:active) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/10:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/10:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/10:active) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/20:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/20:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/20:active) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/30:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/30:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/30:active) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/40:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/40:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/40:active) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/50:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/50:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/50:active) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/60:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/60:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/60:active) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/70:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/70:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/70:active) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/80:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/80:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/80:active) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-100\/90:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-100\/90:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-100\/90:active) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200:focus) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200:hover) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200:active) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/10:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/10:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/10:active) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/20:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/20:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/20:active) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/30:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/30:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/30:active) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/40:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/40:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/40:active) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/50:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/50:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/50:active) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/60:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/60:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/60:active) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/70:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/70:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/70:active) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/80:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/80:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/80:active) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-200\/90:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-200\/90:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-200\/90:active) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300:focus) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300:hover) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300:active) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/10:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/10:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/10:active) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/20:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/20:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/20:active) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/30:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/30:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/30:active) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/40:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/40:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/40:active) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/50:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/50:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/50:active) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/60:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/60:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/60:active) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/70:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/70:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/70:active) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/80:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/80:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/80:active) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-300\/90:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-300\/90:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-300\/90:active) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400:focus) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400:hover) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400:active) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/10:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/10:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/10:active) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/20:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/20:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/20:active) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/30:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/30:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/30:active) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/40:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/40:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/40:active) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/50:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/50:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/50:active) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/60:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/60:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/60:active) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/70:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/70:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/70:active) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/80:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/80:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/80:active) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-400\/90:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-400\/90:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-400\/90:active) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500:focus) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500:hover) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500:active) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/10:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/10:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/10:active) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/20:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/20:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/20:active) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/30:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/30:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/30:active) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/40:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/40:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/40:active) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/50:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/50:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/50:active) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/60:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/60:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/60:active) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/70:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/70:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/70:active) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/80:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/80:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/80:active) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-500\/90:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-500\/90:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-500\/90:active) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600:focus) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600:hover) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600:active) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/10:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/10:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/10:active) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/20:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/20:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/20:active) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/30:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/30:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/30:active) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/40:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/40:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/40:active) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/50:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/50:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/50:active) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/60:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/60:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/60:active) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/70:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/70:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/70:active) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/80:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/80:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/80:active) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-600\/90:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-600\/90:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-600\/90:active) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700:focus) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700:hover) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700:active) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/10:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/10:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/10:active) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/20:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/20:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/20:active) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/30:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/30:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/30:active) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/40:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/40:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/40:active) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/50:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/50:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/50:active) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/60:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/60:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/60:active) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/70:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/70:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/70:active) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/80:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/80:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/80:active) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-700\/90:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-700\/90:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-700\/90:active) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800:focus) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800:hover) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800:active) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/10:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/10:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/10:active) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/20:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/20:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/20:active) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/30:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/30:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/30:active) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/40:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/40:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/40:active) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/50:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/50:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/50:active) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/60:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/60:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/60:active) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/70:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/70:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/70:active) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/80:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/80:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/80:active) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-800\/90:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-800\/90:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-800\/90:active) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900:focus) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900:hover) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900:active) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/10:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/10:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/10:active) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/20:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/20:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/20:active) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/30:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/30:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/30:active) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/40:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/40:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/40:active) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/50:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/50:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/50:active) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/60:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/60:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/60:active) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/70:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/70:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/70:active) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/80:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/80:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/80:active) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-indigo-900\/90:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-indigo-900\/90:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-indigo-900\/90:active) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50:focus) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50:hover) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50:active) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/10:focus) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/10:hover) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/10:active) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/20:focus) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/20:hover) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/20:active) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/30:focus) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/30:hover) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/30:active) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/40:focus) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/40:hover) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/40:active) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/50:focus) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/50:hover) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/50:active) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/60:focus) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/60:hover) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/60:active) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/70:focus) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/70:hover) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/70:active) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/80:focus) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/80:hover) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/80:active) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-50\/90:focus) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-50\/90:hover) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-50\/90:active) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100:focus) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100:hover) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100:active) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/10:focus) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/10:hover) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/10:active) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/20:focus) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/20:hover) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/20:active) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/30:focus) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/30:hover) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/30:active) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/40:focus) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/40:hover) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/40:active) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/50:focus) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/50:hover) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/50:active) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/60:focus) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/60:hover) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/60:active) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/70:focus) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/70:hover) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/70:active) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/80:focus) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/80:hover) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/80:active) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-100\/90:focus) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-100\/90:hover) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-100\/90:active) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200:focus) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200:hover) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200:active) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/10:focus) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/10:hover) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/10:active) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/20:focus) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/20:hover) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/20:active) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/30:focus) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/30:hover) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/30:active) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/40:focus) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/40:hover) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/40:active) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/50:focus) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/50:hover) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/50:active) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/60:focus) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/60:hover) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/60:active) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/70:focus) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/70:hover) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/70:active) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/80:focus) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/80:hover) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/80:active) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-200\/90:focus) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-200\/90:hover) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-200\/90:active) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300:focus) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300:hover) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300:active) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/10:focus) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/10:hover) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/10:active) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/20:focus) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/20:hover) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/20:active) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/30:focus) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/30:hover) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/30:active) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/40:focus) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/40:hover) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/40:active) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/50:focus) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/50:hover) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/50:active) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/60:focus) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/60:hover) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/60:active) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/70:focus) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/70:hover) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/70:active) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/80:focus) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/80:hover) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/80:active) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-300\/90:focus) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-300\/90:hover) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-300\/90:active) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400:focus) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400:hover) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400:active) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/10:focus) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/10:hover) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/10:active) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/20:focus) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/20:hover) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/20:active) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/30:focus) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/30:hover) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/30:active) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/40:focus) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/40:hover) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/40:active) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/50:focus) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/50:hover) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/50:active) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/60:focus) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/60:hover) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/60:active) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/70:focus) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/70:hover) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/70:active) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/80:focus) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/80:hover) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/80:active) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-400\/90:focus) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-400\/90:hover) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-400\/90:active) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500:focus) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500:hover) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500:active) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/10:focus) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/10:hover) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/10:active) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/20:focus) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/20:hover) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/20:active) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/30:focus) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/30:hover) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/30:active) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/40:focus) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/40:hover) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/40:active) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/50:focus) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/50:hover) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/50:active) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/60:focus) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/60:hover) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/60:active) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/70:focus) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/70:hover) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/70:active) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/80:focus) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/80:hover) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/80:active) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-500\/90:focus) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-500\/90:hover) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-500\/90:active) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600:focus) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600:hover) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600:active) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/10:focus) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/10:hover) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/10:active) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/20:focus) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/20:hover) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/20:active) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/30:focus) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/30:hover) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/30:active) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/40:focus) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/40:hover) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/40:active) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/50:focus) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/50:hover) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/50:active) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/60:focus) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/60:hover) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/60:active) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/70:focus) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/70:hover) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/70:active) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/80:focus) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/80:hover) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/80:active) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-600\/90:focus) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-600\/90:hover) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-600\/90:active) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700:focus) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700:hover) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700:active) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/10:focus) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/10:hover) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/10:active) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/20:focus) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/20:hover) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/20:active) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/30:focus) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/30:hover) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/30:active) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/40:focus) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/40:hover) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/40:active) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/50:focus) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/50:hover) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/50:active) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/60:focus) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/60:hover) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/60:active) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/70:focus) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/70:hover) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/70:active) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/80:focus) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/80:hover) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/80:active) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-700\/90:focus) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-700\/90:hover) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-700\/90:active) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800:focus) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800:hover) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800:active) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/10:focus) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/10:hover) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/10:active) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/20:focus) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/20:hover) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/20:active) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/30:focus) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/30:hover) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/30:active) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/40:focus) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/40:hover) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/40:active) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/50:focus) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/50:hover) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/50:active) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/60:focus) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/60:hover) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/60:active) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/70:focus) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/70:hover) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/70:active) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/80:focus) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/80:hover) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/80:active) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-800\/90:focus) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-800\/90:hover) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-800\/90:active) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900:focus) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900:hover) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900:active) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/10:focus) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/10:hover) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/10:active) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/20:focus) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/20:hover) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/20:active) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/30:focus) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/30:hover) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/30:active) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/40:focus) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/40:hover) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/40:active) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/50:focus) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/50:hover) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/50:active) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/60:focus) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/60:hover) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/60:active) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/70:focus) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/70:hover) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/70:active) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/80:focus) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/80:hover) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/80:active) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-teal-900\/90:focus) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-teal-900\/90:hover) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-teal-900\/90:active) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50:focus) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50:hover) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50:active) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/10:focus) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/10:hover) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/10:active) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/20:focus) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/20:hover) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/20:active) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/30:focus) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/30:hover) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/30:active) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/40:focus) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/40:hover) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/40:active) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/50:focus) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/50:hover) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/50:active) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/60:focus) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/60:hover) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/60:active) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/70:focus) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/70:hover) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/70:active) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/80:focus) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/80:hover) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/80:active) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-50\/90:focus) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-50\/90:hover) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-50\/90:active) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100:focus) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100:hover) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100:active) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/10:focus) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/10:hover) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/10:active) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/20:focus) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/20:hover) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/20:active) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/30:focus) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/30:hover) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/30:active) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/40:focus) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/40:hover) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/40:active) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/50:focus) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/50:hover) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/50:active) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/60:focus) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/60:hover) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/60:active) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/70:focus) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/70:hover) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/70:active) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/80:focus) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/80:hover) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/80:active) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-100\/90:focus) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-100\/90:hover) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-100\/90:active) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200:focus) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200:hover) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200:active) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/10:focus) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/10:hover) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/10:active) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/20:focus) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/20:hover) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/20:active) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/30:focus) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/30:hover) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/30:active) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/40:focus) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/40:hover) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/40:active) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/50:focus) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/50:hover) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/50:active) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/60:focus) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/60:hover) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/60:active) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/70:focus) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/70:hover) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/70:active) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/80:focus) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/80:hover) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/80:active) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-200\/90:focus) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-200\/90:hover) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-200\/90:active) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300:focus) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300:hover) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300:active) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/10:focus) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/10:hover) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/10:active) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/20:focus) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/20:hover) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/20:active) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/30:focus) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/30:hover) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/30:active) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/40:focus) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/40:hover) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/40:active) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/50:focus) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/50:hover) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/50:active) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/60:focus) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/60:hover) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/60:active) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/70:focus) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/70:hover) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/70:active) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/80:focus) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/80:hover) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/80:active) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-300\/90:focus) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-300\/90:hover) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-300\/90:active) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400:focus) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400:hover) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400:active) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/10:focus) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/10:hover) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/10:active) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/20:focus) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/20:hover) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/20:active) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/30:focus) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/30:hover) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/30:active) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/40:focus) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/40:hover) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/40:active) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/50:focus) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/50:hover) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/50:active) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/60:focus) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/60:hover) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/60:active) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/70:focus) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/70:hover) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/70:active) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/80:focus) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/80:hover) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/80:active) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-400\/90:focus) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-400\/90:hover) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-400\/90:active) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500:focus) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500:hover) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500:active) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/10:focus) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/10:hover) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/10:active) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/20:focus) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/20:hover) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/20:active) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/30:focus) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/30:hover) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/30:active) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/40:focus) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/40:hover) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/40:active) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/50:focus) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/50:hover) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/50:active) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/60:focus) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/60:hover) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/60:active) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/70:focus) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/70:hover) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/70:active) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/80:focus) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/80:hover) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/80:active) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-500\/90:focus) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-500\/90:hover) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-500\/90:active) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600:focus) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600:hover) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600:active) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/10:focus) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/10:hover) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/10:active) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/20:focus) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/20:hover) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/20:active) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/30:focus) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/30:hover) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/30:active) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/40:focus) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/40:hover) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/40:active) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/50:focus) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/50:hover) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/50:active) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/60:focus) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/60:hover) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/60:active) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/70:focus) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/70:hover) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/70:active) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/80:focus) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/80:hover) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/80:active) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-600\/90:focus) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-600\/90:hover) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-600\/90:active) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700:focus) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700:hover) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700:active) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/10:focus) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/10:hover) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/10:active) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/20:focus) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/20:hover) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/20:active) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/30:focus) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/30:hover) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/30:active) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/40:focus) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/40:hover) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/40:active) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/50:focus) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/50:hover) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/50:active) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/60:focus) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/60:hover) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/60:active) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/70:focus) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/70:hover) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/70:active) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/80:focus) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/80:hover) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/80:active) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-700\/90:focus) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-700\/90:hover) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-700\/90:active) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800:focus) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800:hover) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800:active) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/10:focus) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/10:hover) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/10:active) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/20:focus) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/20:hover) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/20:active) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/30:focus) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/30:hover) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/30:active) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/40:focus) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/40:hover) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/40:active) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/50:focus) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/50:hover) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/50:active) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/60:focus) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/60:hover) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/60:active) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/70:focus) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/70:hover) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/70:active) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/80:focus) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/80:hover) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/80:active) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-800\/90:focus) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-800\/90:hover) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-800\/90:active) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900:focus) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900:hover) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900:active) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/10:focus) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/10:hover) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/10:active) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/20:focus) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/20:hover) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/20:active) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/30:focus) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/30:hover) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/30:active) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/40:focus) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/40:hover) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/40:active) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/50:focus) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/50:hover) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/50:active) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/60:focus) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/60:hover) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/60:active) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/70:focus) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/70:hover) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/70:active) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/80:focus) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/80:hover) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/80:active) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-orange-900\/90:focus) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-orange-900\/90:hover) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-orange-900\/90:active) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50:focus) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50:hover) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50:active) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/10:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/10:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/10:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/20:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/20:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/20:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/30:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/30:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/30:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/40:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/40:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/40:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/50:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/50:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/50:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/60:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/60:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/60:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/70:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/70:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/70:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/80:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/80:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/80:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-50\/90:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-50\/90:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-50\/90:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100:focus) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100:hover) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100:active) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/10:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/10:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/10:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/20:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/20:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/20:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/30:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/30:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/30:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/40:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/40:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/40:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/50:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/50:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/50:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/60:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/60:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/60:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/70:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/70:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/70:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/80:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/80:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/80:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-100\/90:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-100\/90:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-100\/90:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200:focus) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200:hover) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200:active) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/10:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/10:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/10:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/20:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/20:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/20:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/30:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/30:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/30:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/40:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/40:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/40:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/50:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/50:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/50:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/60:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/60:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/60:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/70:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/70:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/70:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/80:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/80:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/80:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-200\/90:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-200\/90:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-200\/90:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300:focus) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300:hover) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300:active) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/10:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/10:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/10:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/20:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/20:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/20:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/30:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/30:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/30:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/40:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/40:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/40:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/50:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/50:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/50:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/60:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/60:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/60:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/70:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/70:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/70:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/80:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/80:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/80:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-300\/90:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-300\/90:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-300\/90:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400:focus) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400:hover) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400:active) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/10:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/10:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/10:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/20:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/20:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/20:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/30:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/30:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/30:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/40:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/40:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/40:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/50:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/50:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/50:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/60:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/60:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/60:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/70:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/70:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/70:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/80:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/80:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/80:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-400\/90:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-400\/90:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-400\/90:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500:focus) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500:hover) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500:active) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/10:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/10:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/10:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/20:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/20:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/20:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/30:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/30:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/30:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/40:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/40:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/40:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/50:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/50:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/50:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/60:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/60:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/60:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/70:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/70:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/70:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/80:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/80:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/80:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-500\/90:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-500\/90:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-500\/90:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600:focus) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600:hover) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600:active) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/10:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/10:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/10:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/20:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/20:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/20:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/30:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/30:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/30:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/40:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/40:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/40:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/50:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/50:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/50:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/60:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/60:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/60:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/70:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/70:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/70:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/80:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/80:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/80:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-600\/90:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-600\/90:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-600\/90:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700:focus) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700:hover) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700:active) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/10:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/10:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/10:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/20:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/20:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/20:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/30:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/30:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/30:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/40:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/40:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/40:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/50:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/50:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/50:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/60:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/60:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/60:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/70:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/70:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/70:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/80:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/80:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/80:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-700\/90:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-700\/90:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-700\/90:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800:focus) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800:hover) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800:active) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/10:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/10:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/10:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/20:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/20:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/20:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/30:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/30:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/30:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/40:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/40:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/40:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/50:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/50:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/50:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/60:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/60:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/60:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/70:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/70:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/70:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/80:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/80:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/80:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-800\/90:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-800\/90:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-800\/90:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900:focus) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900:hover) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900:active) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/10:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/10:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/10:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/20:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/20:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/20:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/30:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/30:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/30:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/40:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/40:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/40:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/50:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/50:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/50:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/60:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/60:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/60:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/70:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/70:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/70:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/80:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/80:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/80:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-bluegray-900\/90:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-bluegray-900\/90:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-bluegray-900\/90:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50:focus) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50:hover) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50:active) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/10:focus) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/10:hover) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/10:active) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/20:focus) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/20:hover) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/20:active) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/30:focus) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/30:hover) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/30:active) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/40:focus) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/40:hover) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/40:active) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/50:focus) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/50:hover) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/50:active) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/60:focus) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/60:hover) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/60:active) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/70:focus) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/70:hover) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/70:active) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/80:focus) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/80:hover) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/80:active) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-50\/90:focus) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-50\/90:hover) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-50\/90:active) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100:focus) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100:hover) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100:active) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/10:focus) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/10:hover) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/10:active) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/20:focus) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/20:hover) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/20:active) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/30:focus) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/30:hover) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/30:active) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/40:focus) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/40:hover) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/40:active) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/50:focus) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/50:hover) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/50:active) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/60:focus) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/60:hover) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/60:active) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/70:focus) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/70:hover) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/70:active) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/80:focus) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/80:hover) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/80:active) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-100\/90:focus) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-100\/90:hover) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-100\/90:active) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200:focus) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200:hover) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200:active) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/10:focus) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/10:hover) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/10:active) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/20:focus) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/20:hover) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/20:active) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/30:focus) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/30:hover) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/30:active) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/40:focus) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/40:hover) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/40:active) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/50:focus) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/50:hover) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/50:active) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/60:focus) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/60:hover) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/60:active) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/70:focus) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/70:hover) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/70:active) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/80:focus) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/80:hover) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/80:active) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-200\/90:focus) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-200\/90:hover) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-200\/90:active) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300:focus) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300:hover) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300:active) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/10:focus) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/10:hover) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/10:active) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/20:focus) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/20:hover) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/20:active) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/30:focus) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/30:hover) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/30:active) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/40:focus) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/40:hover) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/40:active) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/50:focus) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/50:hover) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/50:active) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/60:focus) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/60:hover) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/60:active) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/70:focus) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/70:hover) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/70:active) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/80:focus) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/80:hover) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/80:active) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-300\/90:focus) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-300\/90:hover) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-300\/90:active) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400:focus) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400:hover) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400:active) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/10:focus) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/10:hover) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/10:active) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/20:focus) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/20:hover) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/20:active) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/30:focus) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/30:hover) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/30:active) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/40:focus) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/40:hover) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/40:active) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/50:focus) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/50:hover) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/50:active) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/60:focus) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/60:hover) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/60:active) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/70:focus) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/70:hover) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/70:active) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/80:focus) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/80:hover) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/80:active) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-400\/90:focus) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-400\/90:hover) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-400\/90:active) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500:focus) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500:hover) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500:active) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/10:focus) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/10:hover) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/10:active) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/20:focus) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/20:hover) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/20:active) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/30:focus) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/30:hover) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/30:active) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/40:focus) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/40:hover) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/40:active) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/50:focus) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/50:hover) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/50:active) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/60:focus) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/60:hover) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/60:active) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/70:focus) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/70:hover) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/70:active) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/80:focus) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/80:hover) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/80:active) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-500\/90:focus) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-500\/90:hover) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-500\/90:active) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600:focus) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600:hover) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600:active) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/10:focus) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/10:hover) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/10:active) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/20:focus) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/20:hover) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/20:active) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/30:focus) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/30:hover) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/30:active) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/40:focus) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/40:hover) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/40:active) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/50:focus) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/50:hover) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/50:active) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/60:focus) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/60:hover) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/60:active) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/70:focus) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/70:hover) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/70:active) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/80:focus) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/80:hover) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/80:active) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-600\/90:focus) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-600\/90:hover) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-600\/90:active) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700:focus) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700:hover) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700:active) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/10:focus) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/10:hover) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/10:active) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/20:focus) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/20:hover) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/20:active) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/30:focus) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/30:hover) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/30:active) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/40:focus) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/40:hover) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/40:active) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/50:focus) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/50:hover) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/50:active) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/60:focus) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/60:hover) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/60:active) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/70:focus) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/70:hover) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/70:active) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/80:focus) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/80:hover) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/80:active) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-700\/90:focus) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-700\/90:hover) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-700\/90:active) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800:focus) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800:hover) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800:active) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/10:focus) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/10:hover) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/10:active) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/20:focus) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/20:hover) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/20:active) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/30:focus) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/30:hover) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/30:active) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/40:focus) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/40:hover) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/40:active) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/50:focus) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/50:hover) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/50:active) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/60:focus) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/60:hover) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/60:active) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/70:focus) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/70:hover) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/70:active) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/80:focus) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/80:hover) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/80:active) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-800\/90:focus) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-800\/90:hover) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-800\/90:active) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900:focus) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900:hover) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900:active) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/10:focus) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/10:hover) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/10:active) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/20:focus) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/20:hover) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/20:active) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/30:focus) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/30:hover) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/30:active) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/40:focus) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/40:hover) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/40:active) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/50:focus) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/50:hover) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/50:active) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/60:focus) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/60:hover) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/60:active) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/70:focus) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/70:hover) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/70:active) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/80:focus) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/80:hover) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/80:active) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-purple-900\/90:focus) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-purple-900\/90:hover) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-purple-900\/90:active) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50:focus) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50:hover) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50:active) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/10:focus) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/10:hover) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/10:active) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/20:focus) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/20:hover) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/20:active) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/30:focus) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/30:hover) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/30:active) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/40:focus) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/40:hover) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/40:active) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/50:focus) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/50:hover) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/50:active) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/60:focus) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/60:hover) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/60:active) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/70:focus) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/70:hover) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/70:active) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/80:focus) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/80:hover) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/80:active) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-50\/90:focus) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-50\/90:hover) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-50\/90:active) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100:focus) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100:hover) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100:active) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/10:focus) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/10:hover) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/10:active) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/20:focus) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/20:hover) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/20:active) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/30:focus) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/30:hover) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/30:active) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/40:focus) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/40:hover) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/40:active) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/50:focus) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/50:hover) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/50:active) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/60:focus) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/60:hover) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/60:active) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/70:focus) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/70:hover) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/70:active) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/80:focus) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/80:hover) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/80:active) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-100\/90:focus) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-100\/90:hover) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-100\/90:active) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200:focus) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200:hover) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200:active) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/10:focus) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/10:hover) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/10:active) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/20:focus) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/20:hover) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/20:active) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/30:focus) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/30:hover) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/30:active) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/40:focus) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/40:hover) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/40:active) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/50:focus) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/50:hover) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/50:active) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/60:focus) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/60:hover) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/60:active) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/70:focus) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/70:hover) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/70:active) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/80:focus) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/80:hover) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/80:active) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-200\/90:focus) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-200\/90:hover) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-200\/90:active) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300:focus) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300:hover) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300:active) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/10:focus) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/10:hover) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/10:active) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/20:focus) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/20:hover) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/20:active) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/30:focus) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/30:hover) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/30:active) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/40:focus) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/40:hover) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/40:active) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/50:focus) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/50:hover) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/50:active) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/60:focus) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/60:hover) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/60:active) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/70:focus) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/70:hover) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/70:active) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/80:focus) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/80:hover) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/80:active) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-300\/90:focus) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-300\/90:hover) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-300\/90:active) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400:focus) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400:hover) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400:active) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/10:focus) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/10:hover) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/10:active) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/20:focus) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/20:hover) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/20:active) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/30:focus) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/30:hover) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/30:active) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/40:focus) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/40:hover) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/40:active) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/50:focus) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/50:hover) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/50:active) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/60:focus) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/60:hover) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/60:active) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/70:focus) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/70:hover) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/70:active) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/80:focus) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/80:hover) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/80:active) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-400\/90:focus) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-400\/90:hover) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-400\/90:active) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500:focus) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500:hover) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500:active) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/10:focus) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/10:hover) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/10:active) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/20:focus) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/20:hover) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/20:active) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/30:focus) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/30:hover) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/30:active) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/40:focus) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/40:hover) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/40:active) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/50:focus) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/50:hover) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/50:active) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/60:focus) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/60:hover) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/60:active) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/70:focus) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/70:hover) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/70:active) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/80:focus) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/80:hover) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/80:active) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-500\/90:focus) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-500\/90:hover) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-500\/90:active) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600:focus) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600:hover) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600:active) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/10:focus) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/10:hover) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/10:active) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/20:focus) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/20:hover) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/20:active) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/30:focus) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/30:hover) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/30:active) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/40:focus) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/40:hover) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/40:active) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/50:focus) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/50:hover) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/50:active) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/60:focus) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/60:hover) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/60:active) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/70:focus) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/70:hover) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/70:active) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/80:focus) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/80:hover) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/80:active) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-600\/90:focus) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-600\/90:hover) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-600\/90:active) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700:focus) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700:hover) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700:active) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/10:focus) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/10:hover) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/10:active) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/20:focus) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/20:hover) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/20:active) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/30:focus) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/30:hover) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/30:active) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/40:focus) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/40:hover) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/40:active) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/50:focus) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/50:hover) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/50:active) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/60:focus) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/60:hover) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/60:active) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/70:focus) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/70:hover) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/70:active) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/80:focus) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/80:hover) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/80:active) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-700\/90:focus) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-700\/90:hover) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-700\/90:active) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800:focus) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800:hover) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800:active) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/10:focus) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/10:hover) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/10:active) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/20:focus) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/20:hover) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/20:active) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/30:focus) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/30:hover) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/30:active) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/40:focus) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/40:hover) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/40:active) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/50:focus) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/50:hover) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/50:active) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/60:focus) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/60:hover) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/60:active) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/70:focus) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/70:hover) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/70:active) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/80:focus) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/80:hover) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/80:active) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-800\/90:focus) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-800\/90:hover) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-800\/90:active) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900:focus) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900:hover) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900:active) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/10:focus) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/10:hover) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/10:active) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/20:focus) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/20:hover) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/20:active) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/30:focus) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/30:hover) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/30:active) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/40:focus) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/40:hover) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/40:active) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/50:focus) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/50:hover) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/50:active) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/60:focus) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/60:hover) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/60:active) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/70:focus) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/70:hover) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/70:active) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/80:focus) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/80:hover) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/80:active) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-red-900\/90:focus) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-red-900\/90:hover) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-red-900\/90:active) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50:focus) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50:hover) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50:active) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/10:focus) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/10:hover) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/10:active) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/20:focus) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/20:hover) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/20:active) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/30:focus) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/30:hover) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/30:active) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/40:focus) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/40:hover) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/40:active) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/50:focus) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/50:hover) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/50:active) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/60:focus) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/60:hover) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/60:active) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/70:focus) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/70:hover) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/70:active) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/80:focus) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/80:hover) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/80:active) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-50\/90:focus) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-50\/90:hover) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-50\/90:active) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100:focus) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100:hover) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100:active) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/10:focus) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/10:hover) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/10:active) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/20:focus) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/20:hover) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/20:active) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/30:focus) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/30:hover) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/30:active) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/40:focus) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/40:hover) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/40:active) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/50:focus) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/50:hover) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/50:active) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/60:focus) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/60:hover) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/60:active) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/70:focus) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/70:hover) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/70:active) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/80:focus) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/80:hover) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/80:active) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-100\/90:focus) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-100\/90:hover) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-100\/90:active) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200:focus) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200:hover) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200:active) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/10:focus) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/10:hover) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/10:active) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/20:focus) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/20:hover) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/20:active) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/30:focus) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/30:hover) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/30:active) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/40:focus) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/40:hover) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/40:active) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/50:focus) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/50:hover) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/50:active) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/60:focus) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/60:hover) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/60:active) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/70:focus) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/70:hover) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/70:active) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/80:focus) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/80:hover) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/80:active) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-200\/90:focus) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-200\/90:hover) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-200\/90:active) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300:focus) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300:hover) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300:active) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/10:focus) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/10:hover) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/10:active) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/20:focus) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/20:hover) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/20:active) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/30:focus) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/30:hover) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/30:active) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/40:focus) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/40:hover) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/40:active) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/50:focus) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/50:hover) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/50:active) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/60:focus) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/60:hover) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/60:active) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/70:focus) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/70:hover) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/70:active) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/80:focus) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/80:hover) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/80:active) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-300\/90:focus) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-300\/90:hover) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-300\/90:active) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400:focus) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400:hover) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400:active) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/10:focus) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/10:hover) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/10:active) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/20:focus) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/20:hover) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/20:active) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/30:focus) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/30:hover) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/30:active) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/40:focus) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/40:hover) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/40:active) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/50:focus) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/50:hover) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/50:active) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/60:focus) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/60:hover) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/60:active) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/70:focus) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/70:hover) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/70:active) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/80:focus) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/80:hover) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/80:active) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-400\/90:focus) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-400\/90:hover) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-400\/90:active) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500:focus) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500:hover) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500:active) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/10:focus) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/10:hover) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/10:active) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/20:focus) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/20:hover) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/20:active) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/30:focus) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/30:hover) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/30:active) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/40:focus) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/40:hover) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/40:active) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/50:focus) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/50:hover) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/50:active) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/60:focus) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/60:hover) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/60:active) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/70:focus) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/70:hover) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/70:active) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/80:focus) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/80:hover) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/80:active) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-500\/90:focus) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-500\/90:hover) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-500\/90:active) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600:focus) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600:hover) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600:active) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/10:focus) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/10:hover) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/10:active) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/20:focus) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/20:hover) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/20:active) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/30:focus) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/30:hover) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/30:active) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/40:focus) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/40:hover) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/40:active) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/50:focus) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/50:hover) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/50:active) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/60:focus) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/60:hover) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/60:active) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/70:focus) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/70:hover) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/70:active) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/80:focus) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/80:hover) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/80:active) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-600\/90:focus) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-600\/90:hover) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-600\/90:active) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700:focus) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700:hover) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700:active) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/10:focus) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/10:hover) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/10:active) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/20:focus) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/20:hover) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/20:active) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/30:focus) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/30:hover) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/30:active) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/40:focus) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/40:hover) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/40:active) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/50:focus) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/50:hover) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/50:active) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/60:focus) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/60:hover) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/60:active) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/70:focus) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/70:hover) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/70:active) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/80:focus) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/80:hover) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/80:active) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-700\/90:focus) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-700\/90:hover) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-700\/90:active) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800:focus) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800:hover) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800:active) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/10:focus) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/10:hover) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/10:active) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/20:focus) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/20:hover) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/20:active) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/30:focus) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/30:hover) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/30:active) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/40:focus) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/40:hover) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/40:active) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/50:focus) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/50:hover) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/50:active) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/60:focus) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/60:hover) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/60:active) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/70:focus) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/70:hover) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/70:active) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/80:focus) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/80:hover) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/80:active) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-800\/90:focus) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-800\/90:hover) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-800\/90:active) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900:focus) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900:hover) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900:active) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/10:focus) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/10:hover) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/10:active) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/20:focus) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/20:hover) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/20:active) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/30:focus) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/30:hover) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/30:active) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/40:focus) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/40:hover) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/40:active) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/50:focus) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/50:hover) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/50:active) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/60:focus) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/60:hover) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/60:active) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/70:focus) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/70:hover) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/70:active) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/80:focus) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/80:hover) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/80:active) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-gray-900\/90:focus) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-gray-900\/90:hover) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-gray-900\/90:active) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0:focus) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0:hover) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0:active) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/10:focus) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/10:hover) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/10:active) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/20:focus) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/20:hover) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/20:active) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/30:focus) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/30:hover) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/30:active) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/40:focus) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/40:hover) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/40:active) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/50:focus) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/50:hover) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/50:active) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/60:focus) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/60:hover) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/60:active) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/70:focus) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/70:hover) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/70:active) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/80:focus) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/80:hover) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/80:active) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-0\/90:focus) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-0\/90:hover) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-0\/90:active) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50:focus) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50:hover) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50:active) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/10:focus) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/10:hover) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/10:active) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/20:focus) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/20:hover) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/20:active) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/30:focus) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/30:hover) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/30:active) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/40:focus) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/40:hover) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/40:active) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/50:focus) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/50:hover) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/50:active) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/60:focus) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/60:hover) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/60:active) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/70:focus) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/70:hover) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/70:active) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/80:focus) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/80:hover) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/80:active) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-50\/90:focus) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-50\/90:hover) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-50\/90:active) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100:focus) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100:hover) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100:active) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/10:focus) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/10:hover) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/10:active) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/20:focus) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/20:hover) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/20:active) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/30:focus) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/30:hover) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/30:active) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/40:focus) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/40:hover) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/40:active) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/50:focus) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/50:hover) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/50:active) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/60:focus) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/60:hover) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/60:active) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/70:focus) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/70:hover) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/70:active) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/80:focus) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/80:hover) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/80:active) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-100\/90:focus) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-100\/90:hover) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-100\/90:active) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200:focus) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200:hover) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200:active) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/10:focus) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/10:hover) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/10:active) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/20:focus) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/20:hover) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/20:active) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/30:focus) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/30:hover) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/30:active) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/40:focus) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/40:hover) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/40:active) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/50:focus) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/50:hover) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/50:active) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/60:focus) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/60:hover) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/60:active) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/70:focus) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/70:hover) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/70:active) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/80:focus) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/80:hover) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/80:active) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-200\/90:focus) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-200\/90:hover) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-200\/90:active) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300:focus) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300:hover) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300:active) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/10:focus) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/10:hover) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/10:active) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/20:focus) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/20:hover) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/20:active) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/30:focus) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/30:hover) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/30:active) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/40:focus) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/40:hover) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/40:active) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/50:focus) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/50:hover) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/50:active) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/60:focus) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/60:hover) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/60:active) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/70:focus) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/70:hover) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/70:active) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/80:focus) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/80:hover) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/80:active) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-300\/90:focus) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-300\/90:hover) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-300\/90:active) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400:focus) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400:hover) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400:active) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/10:focus) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/10:hover) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/10:active) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/20:focus) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/20:hover) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/20:active) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/30:focus) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/30:hover) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/30:active) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/40:focus) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/40:hover) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/40:active) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/50:focus) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/50:hover) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/50:active) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/60:focus) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/60:hover) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/60:active) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/70:focus) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/70:hover) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/70:active) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/80:focus) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/80:hover) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/80:active) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-400\/90:focus) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-400\/90:hover) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-400\/90:active) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500:focus) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500:hover) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500:active) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/10:focus) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/10:hover) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/10:active) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/20:focus) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/20:hover) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/20:active) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/30:focus) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/30:hover) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/30:active) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/40:focus) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/40:hover) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/40:active) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/50:focus) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/50:hover) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/50:active) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/60:focus) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/60:hover) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/60:active) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/70:focus) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/70:hover) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/70:active) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/80:focus) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/80:hover) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/80:active) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-500\/90:focus) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-500\/90:hover) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-500\/90:active) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600:focus) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600:hover) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600:active) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/10:focus) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/10:hover) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/10:active) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/20:focus) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/20:hover) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/20:active) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/30:focus) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/30:hover) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/30:active) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/40:focus) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/40:hover) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/40:active) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/50:focus) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/50:hover) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/50:active) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/60:focus) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/60:hover) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/60:active) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/70:focus) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/70:hover) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/70:active) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/80:focus) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/80:hover) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/80:active) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-600\/90:focus) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-600\/90:hover) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-600\/90:active) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700:focus) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700:hover) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700:active) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/10:focus) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/10:hover) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/10:active) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/20:focus) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/20:hover) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/20:active) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/30:focus) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/30:hover) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/30:active) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/40:focus) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/40:hover) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/40:active) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/50:focus) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/50:hover) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/50:active) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/60:focus) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/60:hover) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/60:active) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/70:focus) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/70:hover) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/70:active) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/80:focus) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/80:hover) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/80:active) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-700\/90:focus) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-700\/90:hover) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-700\/90:active) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800:focus) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800:hover) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800:active) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/10:focus) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/10:hover) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/10:active) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/20:focus) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/20:hover) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/20:active) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/30:focus) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/30:hover) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/30:active) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/40:focus) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/40:hover) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/40:active) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/50:focus) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/50:hover) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/50:active) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/60:focus) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/60:hover) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/60:active) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/70:focus) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/70:hover) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/70:active) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/80:focus) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/80:hover) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/80:active) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-800\/90:focus) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-800\/90:hover) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-800\/90:active) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900:focus) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900:hover) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900:active) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/10:focus) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/10:hover) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/10:active) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/20:focus) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/20:hover) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/20:active) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/30:focus) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/30:hover) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/30:active) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/40:focus) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/40:hover) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/40:active) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/50:focus) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/50:hover) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/50:active) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/60:focus) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/60:hover) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/60:active) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/70:focus) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/70:hover) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/70:active) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/80:focus) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/80:hover) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/80:active) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-surface-900\/90:focus) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-surface-900\/90:hover) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-surface-900\/90:active) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50:focus) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50:hover) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50:active) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/10:focus) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/10:hover) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/10:active) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/20:focus) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/20:hover) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/20:active) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/30:focus) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/30:hover) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/30:active) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/40:focus) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/40:hover) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/40:active) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/50:focus) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/50:hover) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/50:active) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/60:focus) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/60:hover) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/60:active) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/70:focus) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/70:hover) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/70:active) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/80:focus) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/80:hover) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/80:active) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-50\/90:focus) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-50\/90:hover) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-50\/90:active) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100:focus) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100:hover) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100:active) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/10:focus) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/10:hover) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/10:active) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/20:focus) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/20:hover) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/20:active) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/30:focus) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/30:hover) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/30:active) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/40:focus) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/40:hover) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/40:active) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/50:focus) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/50:hover) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/50:active) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/60:focus) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/60:hover) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/60:active) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/70:focus) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/70:hover) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/70:active) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/80:focus) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/80:hover) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/80:active) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-100\/90:focus) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-100\/90:hover) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-100\/90:active) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200:focus) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200:hover) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200:active) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/10:focus) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/10:hover) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/10:active) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/20:focus) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/20:hover) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/20:active) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/30:focus) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/30:hover) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/30:active) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/40:focus) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/40:hover) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/40:active) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/50:focus) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/50:hover) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/50:active) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/60:focus) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/60:hover) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/60:active) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/70:focus) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/70:hover) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/70:active) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/80:focus) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/80:hover) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/80:active) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-200\/90:focus) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-200\/90:hover) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-200\/90:active) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300:focus) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300:hover) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300:active) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/10:focus) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/10:hover) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/10:active) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/20:focus) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/20:hover) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/20:active) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/30:focus) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/30:hover) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/30:active) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/40:focus) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/40:hover) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/40:active) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/50:focus) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/50:hover) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/50:active) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/60:focus) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/60:hover) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/60:active) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/70:focus) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/70:hover) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/70:active) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/80:focus) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/80:hover) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/80:active) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-300\/90:focus) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-300\/90:hover) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-300\/90:active) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400:focus) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400:hover) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400:active) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/10:focus) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/10:hover) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/10:active) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/20:focus) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/20:hover) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/20:active) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/30:focus) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/30:hover) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/30:active) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/40:focus) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/40:hover) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/40:active) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/50:focus) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/50:hover) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/50:active) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/60:focus) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/60:hover) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/60:active) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/70:focus) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/70:hover) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/70:active) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/80:focus) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/80:hover) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/80:active) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-400\/90:focus) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-400\/90:hover) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-400\/90:active) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500:focus) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500:hover) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500:active) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/10:focus) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/10:hover) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/10:active) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/20:focus) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/20:hover) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/20:active) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/30:focus) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/30:hover) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/30:active) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/40:focus) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/40:hover) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/40:active) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/50:focus) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/50:hover) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/50:active) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/60:focus) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/60:hover) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/60:active) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/70:focus) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/70:hover) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/70:active) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/80:focus) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/80:hover) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/80:active) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-500\/90:focus) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-500\/90:hover) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-500\/90:active) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600:focus) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600:hover) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600:active) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/10:focus) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/10:hover) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/10:active) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/20:focus) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/20:hover) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/20:active) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/30:focus) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/30:hover) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/30:active) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/40:focus) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/40:hover) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/40:active) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/50:focus) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/50:hover) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/50:active) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/60:focus) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/60:hover) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/60:active) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/70:focus) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/70:hover) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/70:active) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/80:focus) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/80:hover) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/80:active) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-600\/90:focus) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-600\/90:hover) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-600\/90:active) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700:focus) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700:hover) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700:active) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/10:focus) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/10:hover) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/10:active) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/20:focus) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/20:hover) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/20:active) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/30:focus) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/30:hover) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/30:active) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/40:focus) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/40:hover) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/40:active) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/50:focus) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/50:hover) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/50:active) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/60:focus) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/60:hover) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/60:active) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/70:focus) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/70:hover) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/70:active) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/80:focus) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/80:hover) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/80:active) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-700\/90:focus) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-700\/90:hover) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-700\/90:active) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800:focus) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800:hover) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800:active) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/10:focus) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/10:hover) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/10:active) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/20:focus) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/20:hover) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/20:active) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/30:focus) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/30:hover) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/30:active) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/40:focus) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/40:hover) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/40:active) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/50:focus) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/50:hover) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/50:active) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/60:focus) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/60:hover) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/60:active) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/70:focus) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/70:hover) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/70:active) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/80:focus) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/80:hover) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/80:active) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-800\/90:focus) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-800\/90:hover) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-800\/90:active) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900:focus) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900:hover) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900:active) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/10:focus) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/10:hover) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/10:active) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/20:focus) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/20:hover) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/20:active) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/30:focus) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/30:hover) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/30:active) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/40:focus) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/40:hover) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/40:active) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/50:focus) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/50:hover) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/50:active) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/60:focus) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/60:hover) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/60:active) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/70:focus) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/70:hover) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/70:active) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/80:focus) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/80:hover) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/80:active) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-primary-900\/90:focus) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-primary-900\/90:hover) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-primary-900\/90:active) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/10) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/20) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/30) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/40) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/50) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/60) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/70) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/80) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-50\/90) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/10) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/20) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/30) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/40) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/50) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/60) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/70) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/80) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-100\/90) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/10) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/20) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/30) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/40) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/50) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/60) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/70) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/80) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-200\/90) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/10) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/20) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/30) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/40) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/50) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/60) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/70) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/80) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-300\/90) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/10) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/20) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/30) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/40) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/50) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/60) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/70) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/80) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-400\/90) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/10) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/20) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/30) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/40) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/50) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/60) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/70) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/80) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-500\/90) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/10) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/20) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/30) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/40) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/50) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/60) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/70) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/80) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-600\/90) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/10) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/20) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/30) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/40) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/50) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/60) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/70) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/80) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-700\/90) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/10) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/20) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/30) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/40) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/50) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/60) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/70) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/80) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-800\/90) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/10) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/20) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/30) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/40) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/50) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/60) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/70) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/80) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-blue-900\/90) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/10) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/20) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/30) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/40) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/50) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/60) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/70) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/80) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-50\/90) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/10) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/20) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/30) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/40) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/50) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/60) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/70) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/80) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-100\/90) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/10) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/20) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/30) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/40) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/50) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/60) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/70) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/80) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-200\/90) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/10) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/20) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/30) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/40) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/50) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/60) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/70) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/80) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-300\/90) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/10) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/20) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/30) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/40) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/50) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/60) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/70) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/80) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-400\/90) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/10) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/20) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/30) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/40) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/50) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/60) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/70) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/80) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-500\/90) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/10) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/20) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/30) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/40) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/50) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/60) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/70) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/80) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-600\/90) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/10) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/20) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/30) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/40) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/50) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/60) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/70) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/80) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-700\/90) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/10) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/20) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/30) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/40) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/50) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/60) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/70) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/80) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-800\/90) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/10) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/20) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/30) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/40) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/50) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/60) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/70) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/80) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-green-900\/90) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/10) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/20) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/30) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/40) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/50) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/60) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/70) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/80) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-50\/90) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/10) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/20) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/30) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/40) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/50) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/60) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/70) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/80) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-100\/90) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/10) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/20) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/30) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/40) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/50) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/60) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/70) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/80) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-200\/90) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/10) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/20) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/30) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/40) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/50) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/60) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/70) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/80) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-300\/90) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/10) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/20) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/30) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/40) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/50) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/60) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/70) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/80) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-400\/90) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/10) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/20) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/30) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/40) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/50) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/60) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/70) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/80) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-500\/90) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/10) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/20) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/30) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/40) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/50) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/60) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/70) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/80) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-600\/90) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/10) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/20) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/30) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/40) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/50) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/60) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/70) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/80) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-700\/90) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/10) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/20) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/30) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/40) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/50) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/60) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/70) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/80) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-800\/90) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/10) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/20) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/30) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/40) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/50) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/60) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/70) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/80) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-yellow-900\/90) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/10) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/20) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/30) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/40) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/50) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/60) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/70) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/80) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-50\/90) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/10) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/20) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/30) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/40) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/50) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/60) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/70) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/80) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-100\/90) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/10) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/20) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/30) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/40) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/50) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/60) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/70) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/80) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-200\/90) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/10) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/20) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/30) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/40) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/50) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/60) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/70) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/80) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-300\/90) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/10) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/20) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/30) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/40) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/50) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/60) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/70) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/80) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-400\/90) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/10) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/20) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/30) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/40) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/50) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/60) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/70) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/80) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-500\/90) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/10) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/20) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/30) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/40) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/50) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/60) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/70) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/80) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-600\/90) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/10) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/20) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/30) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/40) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/50) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/60) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/70) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/80) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-700\/90) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/10) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/20) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/30) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/40) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/50) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/60) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/70) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/80) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-800\/90) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/10) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/20) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/30) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/40) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/50) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/60) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/70) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/80) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-cyan-900\/90) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/10) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/20) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/30) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/40) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/50) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/60) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/70) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/80) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-50\/90) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/10) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/20) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/30) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/40) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/50) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/60) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/70) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/80) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-100\/90) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/10) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/20) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/30) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/40) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/50) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/60) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/70) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/80) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-200\/90) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/10) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/20) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/30) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/40) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/50) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/60) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/70) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/80) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-300\/90) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/10) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/20) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/30) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/40) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/50) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/60) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/70) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/80) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-400\/90) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/10) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/20) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/30) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/40) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/50) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/60) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/70) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/80) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-500\/90) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/10) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/20) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/30) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/40) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/50) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/60) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/70) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/80) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-600\/90) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/10) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/20) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/30) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/40) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/50) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/60) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/70) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/80) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-700\/90) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/10) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/20) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/30) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/40) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/50) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/60) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/70) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/80) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-800\/90) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/10) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/20) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/30) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/40) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/50) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/60) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/70) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/80) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-pink-900\/90) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/10) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/20) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/30) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/40) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/50) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/60) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/70) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/80) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-50\/90) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/10) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/20) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/30) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/40) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/50) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/60) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/70) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/80) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-100\/90) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/10) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/20) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/30) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/40) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/50) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/60) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/70) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/80) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-200\/90) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/10) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/20) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/30) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/40) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/50) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/60) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/70) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/80) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-300\/90) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/10) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/20) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/30) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/40) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/50) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/60) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/70) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/80) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-400\/90) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/10) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/20) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/30) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/40) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/50) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/60) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/70) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/80) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-500\/90) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/10) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/20) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/30) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/40) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/50) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/60) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/70) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/80) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-600\/90) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/10) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/20) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/30) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/40) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/50) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/60) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/70) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/80) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-700\/90) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/10) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/20) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/30) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/40) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/50) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/60) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/70) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/80) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-800\/90) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/10) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/20) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/30) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/40) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/50) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/60) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/70) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/80) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-indigo-900\/90) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/10) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/20) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/30) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/40) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/50) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/60) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/70) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/80) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-50\/90) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/10) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/20) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/30) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/40) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/50) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/60) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/70) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/80) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-100\/90) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/10) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/20) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/30) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/40) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/50) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/60) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/70) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/80) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-200\/90) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/10) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/20) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/30) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/40) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/50) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/60) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/70) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/80) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-300\/90) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/10) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/20) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/30) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/40) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/50) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/60) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/70) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/80) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-400\/90) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/10) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/20) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/30) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/40) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/50) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/60) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/70) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/80) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-500\/90) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/10) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/20) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/30) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/40) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/50) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/60) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/70) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/80) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-600\/90) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/10) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/20) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/30) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/40) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/50) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/60) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/70) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/80) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-700\/90) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/10) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/20) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/30) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/40) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/50) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/60) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/70) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/80) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-800\/90) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/10) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/20) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/30) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/40) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/50) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/60) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/70) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/80) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-teal-900\/90) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/10) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/20) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/30) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/40) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/50) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/60) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/70) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/80) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-50\/90) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/10) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/20) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/30) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/40) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/50) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/60) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/70) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/80) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-100\/90) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/10) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/20) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/30) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/40) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/50) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/60) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/70) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/80) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-200\/90) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/10) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/20) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/30) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/40) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/50) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/60) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/70) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/80) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-300\/90) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/10) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/20) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/30) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/40) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/50) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/60) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/70) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/80) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-400\/90) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/10) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/20) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/30) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/40) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/50) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/60) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/70) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/80) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-500\/90) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/10) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/20) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/30) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/40) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/50) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/60) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/70) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/80) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-600\/90) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/10) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/20) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/30) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/40) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/50) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/60) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/70) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/80) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-700\/90) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/10) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/20) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/30) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/40) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/50) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/60) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/70) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/80) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-800\/90) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/10) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/20) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/30) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/40) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/50) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/60) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/70) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/80) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-orange-900\/90) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/10) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/20) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/30) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/40) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/50) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/60) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/70) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/80) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-50\/90) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/10) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/20) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/30) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/40) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/50) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/60) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/70) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/80) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-100\/90) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/10) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/20) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/30) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/40) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/50) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/60) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/70) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/80) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-200\/90) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/10) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/20) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/30) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/40) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/50) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/60) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/70) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/80) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-300\/90) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/10) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/20) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/30) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/40) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/50) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/60) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/70) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/80) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-400\/90) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/10) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/20) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/30) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/40) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/50) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/60) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/70) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/80) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-500\/90) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/10) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/20) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/30) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/40) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/50) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/60) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/70) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/80) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-600\/90) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/10) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/20) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/30) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/40) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/50) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/60) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/70) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/80) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-700\/90) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/10) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/20) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/30) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/40) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/50) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/60) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/70) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/80) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-800\/90) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/10) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/20) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/30) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/40) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/50) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/60) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/70) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/80) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-bluegray-900\/90) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/10) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/20) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/30) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/40) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/50) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/60) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/70) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/80) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-50\/90) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/10) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/20) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/30) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/40) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/50) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/60) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/70) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/80) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-100\/90) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/10) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/20) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/30) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/40) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/50) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/60) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/70) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/80) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-200\/90) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/10) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/20) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/30) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/40) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/50) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/60) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/70) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/80) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-300\/90) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/10) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/20) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/30) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/40) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/50) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/60) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/70) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/80) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-400\/90) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/10) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/20) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/30) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/40) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/50) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/60) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/70) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/80) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-500\/90) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/10) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/20) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/30) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/40) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/50) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/60) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/70) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/80) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-600\/90) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/10) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/20) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/30) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/40) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/50) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/60) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/70) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/80) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-700\/90) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/10) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/20) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/30) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/40) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/50) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/60) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/70) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/80) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-800\/90) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/10) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/20) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/30) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/40) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/50) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/60) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/70) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/80) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-purple-900\/90) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/10) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/20) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/30) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/40) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/50) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/60) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/70) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/80) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-50\/90) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/10) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/20) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/30) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/40) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/50) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/60) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/70) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/80) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-100\/90) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/10) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/20) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/30) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/40) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/50) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/60) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/70) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/80) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-200\/90) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/10) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/20) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/30) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/40) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/50) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/60) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/70) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/80) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-300\/90) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/10) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/20) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/30) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/40) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/50) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/60) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/70) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/80) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-400\/90) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/10) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/20) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/30) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/40) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/50) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/60) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/70) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/80) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-500\/90) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/10) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/20) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/30) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/40) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/50) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/60) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/70) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/80) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-600\/90) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/10) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/20) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/30) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/40) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/50) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/60) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/70) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/80) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-700\/90) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/10) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/20) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/30) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/40) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/50) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/60) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/70) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/80) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-800\/90) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/10) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/20) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/30) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/40) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/50) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/60) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/70) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/80) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-red-900\/90) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/10) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/20) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/30) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/40) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/50) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/60) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/70) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/80) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-50\/90) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/10) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/20) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/30) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/40) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/50) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/60) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/70) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/80) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-100\/90) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/10) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/20) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/30) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/40) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/50) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/60) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/70) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/80) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-200\/90) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/10) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/20) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/30) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/40) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/50) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/60) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/70) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/80) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-300\/90) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/10) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/20) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/30) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/40) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/50) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/60) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/70) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/80) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-400\/90) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/10) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/20) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/30) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/40) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/50) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/60) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/70) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/80) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-500\/90) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/10) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/20) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/30) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/40) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/50) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/60) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/70) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/80) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-600\/90) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/10) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/20) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/30) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/40) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/50) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/60) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/70) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/80) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-700\/90) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/10) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/20) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/30) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/40) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/50) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/60) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/70) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/80) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-800\/90) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/10) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/20) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/30) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/40) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/50) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/60) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/70) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/80) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-gray-900\/90) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/10) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/20) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/30) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/40) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/50) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/60) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/70) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/80) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-0\/90) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/10) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/20) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/30) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/40) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/50) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/60) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/70) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/80) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-50\/90) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/10) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/20) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/30) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/40) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/50) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/60) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/70) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/80) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-100\/90) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/10) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/20) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/30) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/40) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/50) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/60) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/70) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/80) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-200\/90) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/10) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/20) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/30) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/40) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/50) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/60) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/70) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/80) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-300\/90) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/10) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/20) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/30) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/40) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/50) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/60) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/70) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/80) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-400\/90) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/10) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/20) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/30) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/40) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/50) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/60) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/70) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/80) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-500\/90) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/10) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/20) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/30) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/40) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/50) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/60) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/70) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/80) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-600\/90) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/10) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/20) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/30) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/40) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/50) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/60) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/70) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/80) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-700\/90) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/10) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/20) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/30) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/40) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/50) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/60) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/70) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/80) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-800\/90) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/10) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/20) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/30) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/40) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/50) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/60) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/70) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/80) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-surface-900\/90) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/10) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/20) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/30) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/40) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/50) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/60) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/70) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/80) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-50\/90) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/10) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/20) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/30) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/40) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/50) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/60) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/70) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/80) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-100\/90) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/10) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/20) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/30) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/40) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/50) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/60) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/70) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/80) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-200\/90) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/10) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/20) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/30) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/40) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/50) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/60) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/70) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/80) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-300\/90) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/10) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/20) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/30) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/40) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/50) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/60) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/70) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/80) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-400\/90) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/10) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/20) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/30) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/40) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/50) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/60) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/70) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/80) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-500\/90) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/10) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/20) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/30) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/40) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/50) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/60) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/70) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/80) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-600\/90) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/10) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/20) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/30) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/40) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/50) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/60) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/70) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/80) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-700\/90) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/10) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/20) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/30) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/40) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/50) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/60) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/70) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/80) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-800\/90) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/10) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/20) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/30) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/40) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/50) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/60) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/70) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/80) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-primary-900\/90) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50:focus) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50:hover) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50:active) { + color: var(--blue-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/10:focus) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/10:hover) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/10:active) { + color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/20:focus) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/20:hover) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/20:active) { + color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/30:focus) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/30:hover) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/30:active) { + color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/40:focus) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/40:hover) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/40:active) { + color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/50:focus) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/50:hover) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/50:active) { + color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/60:focus) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/60:hover) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/60:active) { + color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/70:focus) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/70:hover) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/70:active) { + color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/80:focus) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/80:hover) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/80:active) { + color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-50\/90:focus) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-50\/90:hover) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-50\/90:active) { + color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100:focus) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100:hover) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100:active) { + color: var(--blue-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/10:focus) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/10:hover) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/10:active) { + color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/20:focus) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/20:hover) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/20:active) { + color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/30:focus) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/30:hover) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/30:active) { + color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/40:focus) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/40:hover) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/40:active) { + color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/50:focus) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/50:hover) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/50:active) { + color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/60:focus) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/60:hover) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/60:active) { + color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/70:focus) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/70:hover) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/70:active) { + color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/80:focus) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/80:hover) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/80:active) { + color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-100\/90:focus) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-100\/90:hover) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-100\/90:active) { + color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200:focus) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200:hover) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200:active) { + color: var(--blue-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/10:focus) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/10:hover) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/10:active) { + color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/20:focus) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/20:hover) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/20:active) { + color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/30:focus) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/30:hover) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/30:active) { + color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/40:focus) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/40:hover) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/40:active) { + color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/50:focus) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/50:hover) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/50:active) { + color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/60:focus) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/60:hover) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/60:active) { + color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/70:focus) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/70:hover) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/70:active) { + color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/80:focus) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/80:hover) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/80:active) { + color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-200\/90:focus) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-200\/90:hover) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-200\/90:active) { + color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300:focus) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300:hover) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300:active) { + color: var(--blue-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/10:focus) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/10:hover) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/10:active) { + color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/20:focus) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/20:hover) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/20:active) { + color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/30:focus) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/30:hover) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/30:active) { + color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/40:focus) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/40:hover) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/40:active) { + color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/50:focus) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/50:hover) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/50:active) { + color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/60:focus) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/60:hover) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/60:active) { + color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/70:focus) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/70:hover) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/70:active) { + color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/80:focus) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/80:hover) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/80:active) { + color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-300\/90:focus) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-300\/90:hover) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-300\/90:active) { + color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400:focus) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400:hover) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400:active) { + color: var(--blue-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/10:focus) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/10:hover) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/10:active) { + color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/20:focus) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/20:hover) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/20:active) { + color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/30:focus) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/30:hover) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/30:active) { + color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/40:focus) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/40:hover) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/40:active) { + color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/50:focus) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/50:hover) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/50:active) { + color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/60:focus) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/60:hover) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/60:active) { + color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/70:focus) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/70:hover) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/70:active) { + color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/80:focus) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/80:hover) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/80:active) { + color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-400\/90:focus) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-400\/90:hover) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-400\/90:active) { + color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500:focus) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500:hover) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500:active) { + color: var(--blue-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/10:focus) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/10:hover) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/10:active) { + color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/20:focus) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/20:hover) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/20:active) { + color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/30:focus) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/30:hover) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/30:active) { + color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/40:focus) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/40:hover) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/40:active) { + color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/50:focus) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/50:hover) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/50:active) { + color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/60:focus) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/60:hover) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/60:active) { + color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/70:focus) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/70:hover) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/70:active) { + color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/80:focus) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/80:hover) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/80:active) { + color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-500\/90:focus) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-500\/90:hover) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-500\/90:active) { + color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600:focus) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600:hover) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600:active) { + color: var(--blue-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/10:focus) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/10:hover) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/10:active) { + color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/20:focus) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/20:hover) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/20:active) { + color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/30:focus) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/30:hover) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/30:active) { + color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/40:focus) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/40:hover) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/40:active) { + color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/50:focus) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/50:hover) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/50:active) { + color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/60:focus) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/60:hover) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/60:active) { + color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/70:focus) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/70:hover) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/70:active) { + color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/80:focus) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/80:hover) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/80:active) { + color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-600\/90:focus) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-600\/90:hover) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-600\/90:active) { + color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700:focus) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700:hover) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700:active) { + color: var(--blue-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/10:focus) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/10:hover) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/10:active) { + color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/20:focus) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/20:hover) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/20:active) { + color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/30:focus) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/30:hover) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/30:active) { + color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/40:focus) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/40:hover) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/40:active) { + color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/50:focus) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/50:hover) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/50:active) { + color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/60:focus) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/60:hover) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/60:active) { + color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/70:focus) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/70:hover) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/70:active) { + color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/80:focus) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/80:hover) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/80:active) { + color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-700\/90:focus) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-700\/90:hover) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-700\/90:active) { + color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800:focus) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800:hover) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800:active) { + color: var(--blue-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/10:focus) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/10:hover) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/10:active) { + color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/20:focus) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/20:hover) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/20:active) { + color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/30:focus) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/30:hover) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/30:active) { + color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/40:focus) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/40:hover) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/40:active) { + color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/50:focus) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/50:hover) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/50:active) { + color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/60:focus) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/60:hover) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/60:active) { + color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/70:focus) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/70:hover) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/70:active) { + color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/80:focus) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/80:hover) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/80:active) { + color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-800\/90:focus) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-800\/90:hover) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-800\/90:active) { + color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900:focus) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900:hover) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900:active) { + color: var(--blue-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/10:focus) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/10:hover) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/10:active) { + color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/20:focus) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/20:hover) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/20:active) { + color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/30:focus) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/30:hover) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/30:active) { + color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/40:focus) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/40:hover) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/40:active) { + color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/50:focus) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/50:hover) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/50:active) { + color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/60:focus) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/60:hover) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/60:active) { + color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/70:focus) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/70:hover) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/70:active) { + color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/80:focus) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/80:hover) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/80:active) { + color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-blue-900\/90:focus) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-blue-900\/90:hover) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-blue-900\/90:active) { + color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50:focus) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50:hover) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50:active) { + color: var(--green-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/10:focus) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/10:hover) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/10:active) { + color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/20:focus) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/20:hover) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/20:active) { + color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/30:focus) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/30:hover) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/30:active) { + color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/40:focus) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/40:hover) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/40:active) { + color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/50:focus) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/50:hover) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/50:active) { + color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/60:focus) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/60:hover) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/60:active) { + color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/70:focus) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/70:hover) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/70:active) { + color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/80:focus) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/80:hover) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/80:active) { + color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-50\/90:focus) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-50\/90:hover) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-50\/90:active) { + color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100:focus) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100:hover) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100:active) { + color: var(--green-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/10:focus) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/10:hover) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/10:active) { + color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/20:focus) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/20:hover) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/20:active) { + color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/30:focus) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/30:hover) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/30:active) { + color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/40:focus) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/40:hover) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/40:active) { + color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/50:focus) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/50:hover) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/50:active) { + color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/60:focus) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/60:hover) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/60:active) { + color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/70:focus) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/70:hover) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/70:active) { + color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/80:focus) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/80:hover) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/80:active) { + color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-100\/90:focus) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-100\/90:hover) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-100\/90:active) { + color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200:focus) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200:hover) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200:active) { + color: var(--green-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/10:focus) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/10:hover) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/10:active) { + color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/20:focus) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/20:hover) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/20:active) { + color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/30:focus) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/30:hover) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/30:active) { + color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/40:focus) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/40:hover) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/40:active) { + color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/50:focus) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/50:hover) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/50:active) { + color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/60:focus) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/60:hover) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/60:active) { + color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/70:focus) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/70:hover) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/70:active) { + color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/80:focus) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/80:hover) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/80:active) { + color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-200\/90:focus) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-200\/90:hover) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-200\/90:active) { + color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300:focus) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300:hover) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300:active) { + color: var(--green-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/10:focus) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/10:hover) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/10:active) { + color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/20:focus) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/20:hover) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/20:active) { + color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/30:focus) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/30:hover) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/30:active) { + color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/40:focus) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/40:hover) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/40:active) { + color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/50:focus) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/50:hover) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/50:active) { + color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/60:focus) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/60:hover) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/60:active) { + color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/70:focus) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/70:hover) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/70:active) { + color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/80:focus) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/80:hover) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/80:active) { + color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-300\/90:focus) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-300\/90:hover) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-300\/90:active) { + color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400:focus) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400:hover) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400:active) { + color: var(--green-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/10:focus) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/10:hover) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/10:active) { + color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/20:focus) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/20:hover) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/20:active) { + color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/30:focus) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/30:hover) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/30:active) { + color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/40:focus) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/40:hover) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/40:active) { + color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/50:focus) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/50:hover) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/50:active) { + color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/60:focus) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/60:hover) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/60:active) { + color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/70:focus) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/70:hover) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/70:active) { + color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/80:focus) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/80:hover) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/80:active) { + color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-400\/90:focus) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-400\/90:hover) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-400\/90:active) { + color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500:focus) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500:hover) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500:active) { + color: var(--green-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/10:focus) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/10:hover) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/10:active) { + color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/20:focus) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/20:hover) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/20:active) { + color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/30:focus) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/30:hover) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/30:active) { + color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/40:focus) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/40:hover) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/40:active) { + color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/50:focus) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/50:hover) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/50:active) { + color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/60:focus) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/60:hover) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/60:active) { + color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/70:focus) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/70:hover) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/70:active) { + color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/80:focus) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/80:hover) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/80:active) { + color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-500\/90:focus) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-500\/90:hover) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-500\/90:active) { + color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600:focus) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600:hover) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600:active) { + color: var(--green-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/10:focus) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/10:hover) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/10:active) { + color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/20:focus) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/20:hover) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/20:active) { + color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/30:focus) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/30:hover) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/30:active) { + color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/40:focus) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/40:hover) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/40:active) { + color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/50:focus) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/50:hover) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/50:active) { + color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/60:focus) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/60:hover) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/60:active) { + color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/70:focus) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/70:hover) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/70:active) { + color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/80:focus) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/80:hover) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/80:active) { + color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-600\/90:focus) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-600\/90:hover) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-600\/90:active) { + color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700:focus) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700:hover) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700:active) { + color: var(--green-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/10:focus) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/10:hover) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/10:active) { + color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/20:focus) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/20:hover) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/20:active) { + color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/30:focus) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/30:hover) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/30:active) { + color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/40:focus) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/40:hover) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/40:active) { + color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/50:focus) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/50:hover) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/50:active) { + color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/60:focus) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/60:hover) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/60:active) { + color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/70:focus) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/70:hover) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/70:active) { + color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/80:focus) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/80:hover) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/80:active) { + color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-700\/90:focus) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-700\/90:hover) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-700\/90:active) { + color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800:focus) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800:hover) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800:active) { + color: var(--green-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/10:focus) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/10:hover) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/10:active) { + color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/20:focus) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/20:hover) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/20:active) { + color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/30:focus) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/30:hover) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/30:active) { + color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/40:focus) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/40:hover) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/40:active) { + color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/50:focus) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/50:hover) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/50:active) { + color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/60:focus) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/60:hover) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/60:active) { + color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/70:focus) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/70:hover) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/70:active) { + color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/80:focus) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/80:hover) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/80:active) { + color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-800\/90:focus) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-800\/90:hover) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-800\/90:active) { + color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900:focus) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900:hover) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900:active) { + color: var(--green-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/10:focus) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/10:hover) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/10:active) { + color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/20:focus) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/20:hover) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/20:active) { + color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/30:focus) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/30:hover) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/30:active) { + color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/40:focus) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/40:hover) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/40:active) { + color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/50:focus) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/50:hover) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/50:active) { + color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/60:focus) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/60:hover) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/60:active) { + color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/70:focus) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/70:hover) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/70:active) { + color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/80:focus) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/80:hover) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/80:active) { + color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-green-900\/90:focus) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-green-900\/90:hover) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-green-900\/90:active) { + color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50:focus) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50:hover) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50:active) { + color: var(--yellow-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/10:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/10:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/10:active) { + color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/20:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/20:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/20:active) { + color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/30:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/30:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/30:active) { + color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/40:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/40:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/40:active) { + color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/50:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/50:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/50:active) { + color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/60:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/60:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/60:active) { + color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/70:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/70:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/70:active) { + color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/80:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/80:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/80:active) { + color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-50\/90:focus) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-50\/90:hover) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-50\/90:active) { + color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100:focus) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100:hover) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100:active) { + color: var(--yellow-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/10:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/10:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/10:active) { + color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/20:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/20:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/20:active) { + color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/30:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/30:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/30:active) { + color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/40:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/40:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/40:active) { + color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/50:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/50:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/50:active) { + color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/60:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/60:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/60:active) { + color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/70:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/70:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/70:active) { + color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/80:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/80:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/80:active) { + color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-100\/90:focus) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-100\/90:hover) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-100\/90:active) { + color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200:focus) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200:hover) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200:active) { + color: var(--yellow-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/10:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/10:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/10:active) { + color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/20:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/20:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/20:active) { + color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/30:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/30:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/30:active) { + color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/40:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/40:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/40:active) { + color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/50:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/50:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/50:active) { + color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/60:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/60:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/60:active) { + color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/70:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/70:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/70:active) { + color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/80:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/80:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/80:active) { + color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-200\/90:focus) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-200\/90:hover) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-200\/90:active) { + color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300:focus) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300:hover) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300:active) { + color: var(--yellow-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/10:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/10:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/10:active) { + color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/20:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/20:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/20:active) { + color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/30:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/30:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/30:active) { + color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/40:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/40:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/40:active) { + color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/50:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/50:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/50:active) { + color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/60:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/60:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/60:active) { + color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/70:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/70:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/70:active) { + color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/80:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/80:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/80:active) { + color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-300\/90:focus) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-300\/90:hover) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-300\/90:active) { + color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400:focus) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400:hover) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400:active) { + color: var(--yellow-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/10:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/10:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/10:active) { + color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/20:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/20:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/20:active) { + color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/30:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/30:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/30:active) { + color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/40:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/40:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/40:active) { + color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/50:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/50:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/50:active) { + color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/60:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/60:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/60:active) { + color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/70:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/70:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/70:active) { + color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/80:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/80:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/80:active) { + color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-400\/90:focus) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-400\/90:hover) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-400\/90:active) { + color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500:focus) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500:hover) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500:active) { + color: var(--yellow-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/10:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/10:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/10:active) { + color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/20:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/20:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/20:active) { + color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/30:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/30:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/30:active) { + color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/40:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/40:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/40:active) { + color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/50:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/50:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/50:active) { + color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/60:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/60:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/60:active) { + color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/70:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/70:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/70:active) { + color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/80:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/80:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/80:active) { + color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-500\/90:focus) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-500\/90:hover) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-500\/90:active) { + color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600:focus) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600:hover) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600:active) { + color: var(--yellow-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/10:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/10:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/10:active) { + color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/20:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/20:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/20:active) { + color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/30:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/30:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/30:active) { + color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/40:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/40:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/40:active) { + color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/50:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/50:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/50:active) { + color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/60:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/60:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/60:active) { + color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/70:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/70:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/70:active) { + color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/80:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/80:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/80:active) { + color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-600\/90:focus) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-600\/90:hover) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-600\/90:active) { + color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700:focus) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700:hover) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700:active) { + color: var(--yellow-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/10:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/10:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/10:active) { + color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/20:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/20:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/20:active) { + color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/30:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/30:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/30:active) { + color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/40:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/40:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/40:active) { + color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/50:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/50:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/50:active) { + color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/60:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/60:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/60:active) { + color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/70:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/70:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/70:active) { + color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/80:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/80:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/80:active) { + color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-700\/90:focus) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-700\/90:hover) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-700\/90:active) { + color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800:focus) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800:hover) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800:active) { + color: var(--yellow-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/10:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/10:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/10:active) { + color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/20:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/20:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/20:active) { + color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/30:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/30:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/30:active) { + color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/40:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/40:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/40:active) { + color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/50:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/50:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/50:active) { + color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/60:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/60:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/60:active) { + color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/70:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/70:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/70:active) { + color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/80:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/80:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/80:active) { + color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-800\/90:focus) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-800\/90:hover) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-800\/90:active) { + color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900:focus) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900:hover) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900:active) { + color: var(--yellow-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/10:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/10:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/10:active) { + color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/20:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/20:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/20:active) { + color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/30:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/30:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/30:active) { + color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/40:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/40:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/40:active) { + color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/50:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/50:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/50:active) { + color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/60:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/60:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/60:active) { + color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/70:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/70:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/70:active) { + color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/80:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/80:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/80:active) { + color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-yellow-900\/90:focus) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-yellow-900\/90:hover) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-yellow-900\/90:active) { + color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50:focus) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50:hover) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50:active) { + color: var(--cyan-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/10:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/10:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/10:active) { + color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/20:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/20:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/20:active) { + color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/30:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/30:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/30:active) { + color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/40:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/40:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/40:active) { + color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/50:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/50:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/50:active) { + color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/60:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/60:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/60:active) { + color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/70:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/70:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/70:active) { + color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/80:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/80:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/80:active) { + color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-50\/90:focus) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-50\/90:hover) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-50\/90:active) { + color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100:focus) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100:hover) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100:active) { + color: var(--cyan-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/10:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/10:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/10:active) { + color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/20:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/20:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/20:active) { + color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/30:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/30:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/30:active) { + color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/40:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/40:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/40:active) { + color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/50:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/50:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/50:active) { + color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/60:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/60:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/60:active) { + color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/70:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/70:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/70:active) { + color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/80:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/80:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/80:active) { + color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-100\/90:focus) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-100\/90:hover) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-100\/90:active) { + color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200:focus) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200:hover) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200:active) { + color: var(--cyan-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/10:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/10:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/10:active) { + color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/20:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/20:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/20:active) { + color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/30:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/30:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/30:active) { + color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/40:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/40:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/40:active) { + color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/50:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/50:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/50:active) { + color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/60:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/60:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/60:active) { + color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/70:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/70:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/70:active) { + color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/80:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/80:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/80:active) { + color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-200\/90:focus) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-200\/90:hover) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-200\/90:active) { + color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300:focus) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300:hover) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300:active) { + color: var(--cyan-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/10:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/10:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/10:active) { + color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/20:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/20:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/20:active) { + color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/30:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/30:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/30:active) { + color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/40:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/40:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/40:active) { + color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/50:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/50:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/50:active) { + color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/60:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/60:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/60:active) { + color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/70:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/70:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/70:active) { + color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/80:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/80:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/80:active) { + color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-300\/90:focus) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-300\/90:hover) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-300\/90:active) { + color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400:focus) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400:hover) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400:active) { + color: var(--cyan-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/10:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/10:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/10:active) { + color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/20:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/20:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/20:active) { + color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/30:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/30:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/30:active) { + color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/40:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/40:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/40:active) { + color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/50:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/50:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/50:active) { + color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/60:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/60:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/60:active) { + color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/70:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/70:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/70:active) { + color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/80:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/80:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/80:active) { + color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-400\/90:focus) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-400\/90:hover) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-400\/90:active) { + color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500:focus) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500:hover) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500:active) { + color: var(--cyan-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/10:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/10:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/10:active) { + color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/20:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/20:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/20:active) { + color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/30:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/30:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/30:active) { + color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/40:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/40:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/40:active) { + color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/50:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/50:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/50:active) { + color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/60:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/60:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/60:active) { + color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/70:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/70:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/70:active) { + color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/80:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/80:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/80:active) { + color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-500\/90:focus) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-500\/90:hover) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-500\/90:active) { + color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600:focus) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600:hover) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600:active) { + color: var(--cyan-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/10:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/10:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/10:active) { + color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/20:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/20:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/20:active) { + color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/30:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/30:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/30:active) { + color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/40:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/40:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/40:active) { + color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/50:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/50:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/50:active) { + color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/60:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/60:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/60:active) { + color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/70:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/70:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/70:active) { + color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/80:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/80:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/80:active) { + color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-600\/90:focus) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-600\/90:hover) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-600\/90:active) { + color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700:focus) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700:hover) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700:active) { + color: var(--cyan-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/10:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/10:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/10:active) { + color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/20:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/20:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/20:active) { + color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/30:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/30:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/30:active) { + color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/40:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/40:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/40:active) { + color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/50:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/50:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/50:active) { + color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/60:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/60:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/60:active) { + color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/70:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/70:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/70:active) { + color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/80:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/80:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/80:active) { + color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-700\/90:focus) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-700\/90:hover) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-700\/90:active) { + color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800:focus) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800:hover) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800:active) { + color: var(--cyan-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/10:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/10:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/10:active) { + color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/20:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/20:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/20:active) { + color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/30:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/30:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/30:active) { + color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/40:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/40:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/40:active) { + color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/50:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/50:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/50:active) { + color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/60:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/60:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/60:active) { + color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/70:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/70:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/70:active) { + color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/80:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/80:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/80:active) { + color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-800\/90:focus) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-800\/90:hover) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-800\/90:active) { + color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900:focus) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900:hover) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900:active) { + color: var(--cyan-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/10:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/10:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/10:active) { + color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/20:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/20:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/20:active) { + color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/30:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/30:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/30:active) { + color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/40:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/40:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/40:active) { + color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/50:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/50:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/50:active) { + color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/60:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/60:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/60:active) { + color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/70:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/70:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/70:active) { + color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/80:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/80:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/80:active) { + color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-cyan-900\/90:focus) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-cyan-900\/90:hover) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-cyan-900\/90:active) { + color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50:focus) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50:hover) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50:active) { + color: var(--pink-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/10:focus) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/10:hover) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/10:active) { + color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/20:focus) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/20:hover) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/20:active) { + color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/30:focus) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/30:hover) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/30:active) { + color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/40:focus) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/40:hover) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/40:active) { + color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/50:focus) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/50:hover) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/50:active) { + color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/60:focus) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/60:hover) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/60:active) { + color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/70:focus) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/70:hover) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/70:active) { + color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/80:focus) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/80:hover) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/80:active) { + color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-50\/90:focus) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-50\/90:hover) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-50\/90:active) { + color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100:focus) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100:hover) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100:active) { + color: var(--pink-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/10:focus) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/10:hover) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/10:active) { + color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/20:focus) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/20:hover) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/20:active) { + color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/30:focus) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/30:hover) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/30:active) { + color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/40:focus) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/40:hover) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/40:active) { + color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/50:focus) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/50:hover) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/50:active) { + color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/60:focus) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/60:hover) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/60:active) { + color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/70:focus) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/70:hover) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/70:active) { + color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/80:focus) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/80:hover) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/80:active) { + color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-100\/90:focus) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-100\/90:hover) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-100\/90:active) { + color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200:focus) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200:hover) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200:active) { + color: var(--pink-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/10:focus) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/10:hover) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/10:active) { + color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/20:focus) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/20:hover) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/20:active) { + color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/30:focus) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/30:hover) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/30:active) { + color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/40:focus) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/40:hover) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/40:active) { + color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/50:focus) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/50:hover) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/50:active) { + color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/60:focus) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/60:hover) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/60:active) { + color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/70:focus) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/70:hover) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/70:active) { + color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/80:focus) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/80:hover) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/80:active) { + color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-200\/90:focus) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-200\/90:hover) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-200\/90:active) { + color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300:focus) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300:hover) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300:active) { + color: var(--pink-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/10:focus) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/10:hover) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/10:active) { + color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/20:focus) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/20:hover) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/20:active) { + color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/30:focus) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/30:hover) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/30:active) { + color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/40:focus) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/40:hover) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/40:active) { + color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/50:focus) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/50:hover) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/50:active) { + color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/60:focus) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/60:hover) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/60:active) { + color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/70:focus) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/70:hover) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/70:active) { + color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/80:focus) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/80:hover) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/80:active) { + color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-300\/90:focus) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-300\/90:hover) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-300\/90:active) { + color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400:focus) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400:hover) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400:active) { + color: var(--pink-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/10:focus) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/10:hover) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/10:active) { + color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/20:focus) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/20:hover) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/20:active) { + color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/30:focus) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/30:hover) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/30:active) { + color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/40:focus) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/40:hover) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/40:active) { + color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/50:focus) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/50:hover) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/50:active) { + color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/60:focus) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/60:hover) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/60:active) { + color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/70:focus) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/70:hover) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/70:active) { + color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/80:focus) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/80:hover) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/80:active) { + color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-400\/90:focus) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-400\/90:hover) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-400\/90:active) { + color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500:focus) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500:hover) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500:active) { + color: var(--pink-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/10:focus) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/10:hover) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/10:active) { + color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/20:focus) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/20:hover) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/20:active) { + color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/30:focus) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/30:hover) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/30:active) { + color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/40:focus) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/40:hover) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/40:active) { + color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/50:focus) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/50:hover) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/50:active) { + color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/60:focus) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/60:hover) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/60:active) { + color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/70:focus) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/70:hover) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/70:active) { + color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/80:focus) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/80:hover) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/80:active) { + color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-500\/90:focus) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-500\/90:hover) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-500\/90:active) { + color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600:focus) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600:hover) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600:active) { + color: var(--pink-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/10:focus) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/10:hover) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/10:active) { + color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/20:focus) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/20:hover) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/20:active) { + color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/30:focus) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/30:hover) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/30:active) { + color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/40:focus) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/40:hover) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/40:active) { + color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/50:focus) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/50:hover) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/50:active) { + color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/60:focus) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/60:hover) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/60:active) { + color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/70:focus) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/70:hover) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/70:active) { + color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/80:focus) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/80:hover) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/80:active) { + color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-600\/90:focus) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-600\/90:hover) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-600\/90:active) { + color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700:focus) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700:hover) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700:active) { + color: var(--pink-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/10:focus) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/10:hover) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/10:active) { + color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/20:focus) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/20:hover) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/20:active) { + color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/30:focus) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/30:hover) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/30:active) { + color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/40:focus) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/40:hover) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/40:active) { + color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/50:focus) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/50:hover) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/50:active) { + color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/60:focus) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/60:hover) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/60:active) { + color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/70:focus) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/70:hover) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/70:active) { + color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/80:focus) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/80:hover) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/80:active) { + color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-700\/90:focus) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-700\/90:hover) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-700\/90:active) { + color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800:focus) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800:hover) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800:active) { + color: var(--pink-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/10:focus) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/10:hover) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/10:active) { + color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/20:focus) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/20:hover) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/20:active) { + color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/30:focus) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/30:hover) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/30:active) { + color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/40:focus) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/40:hover) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/40:active) { + color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/50:focus) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/50:hover) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/50:active) { + color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/60:focus) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/60:hover) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/60:active) { + color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/70:focus) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/70:hover) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/70:active) { + color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/80:focus) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/80:hover) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/80:active) { + color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-800\/90:focus) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-800\/90:hover) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-800\/90:active) { + color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900:focus) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900:hover) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900:active) { + color: var(--pink-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/10:focus) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/10:hover) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/10:active) { + color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/20:focus) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/20:hover) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/20:active) { + color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/30:focus) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/30:hover) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/30:active) { + color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/40:focus) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/40:hover) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/40:active) { + color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/50:focus) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/50:hover) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/50:active) { + color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/60:focus) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/60:hover) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/60:active) { + color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/70:focus) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/70:hover) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/70:active) { + color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/80:focus) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/80:hover) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/80:active) { + color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-pink-900\/90:focus) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-pink-900\/90:hover) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-pink-900\/90:active) { + color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50:focus) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50:hover) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50:active) { + color: var(--indigo-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/10:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/10:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/10:active) { + color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/20:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/20:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/20:active) { + color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/30:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/30:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/30:active) { + color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/40:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/40:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/40:active) { + color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/50:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/50:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/50:active) { + color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/60:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/60:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/60:active) { + color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/70:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/70:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/70:active) { + color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/80:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/80:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/80:active) { + color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-50\/90:focus) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-50\/90:hover) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-50\/90:active) { + color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100:focus) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100:hover) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100:active) { + color: var(--indigo-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/10:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/10:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/10:active) { + color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/20:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/20:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/20:active) { + color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/30:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/30:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/30:active) { + color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/40:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/40:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/40:active) { + color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/50:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/50:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/50:active) { + color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/60:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/60:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/60:active) { + color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/70:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/70:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/70:active) { + color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/80:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/80:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/80:active) { + color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-100\/90:focus) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-100\/90:hover) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-100\/90:active) { + color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200:focus) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200:hover) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200:active) { + color: var(--indigo-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/10:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/10:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/10:active) { + color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/20:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/20:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/20:active) { + color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/30:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/30:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/30:active) { + color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/40:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/40:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/40:active) { + color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/50:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/50:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/50:active) { + color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/60:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/60:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/60:active) { + color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/70:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/70:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/70:active) { + color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/80:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/80:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/80:active) { + color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-200\/90:focus) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-200\/90:hover) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-200\/90:active) { + color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300:focus) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300:hover) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300:active) { + color: var(--indigo-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/10:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/10:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/10:active) { + color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/20:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/20:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/20:active) { + color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/30:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/30:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/30:active) { + color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/40:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/40:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/40:active) { + color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/50:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/50:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/50:active) { + color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/60:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/60:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/60:active) { + color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/70:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/70:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/70:active) { + color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/80:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/80:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/80:active) { + color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-300\/90:focus) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-300\/90:hover) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-300\/90:active) { + color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400:focus) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400:hover) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400:active) { + color: var(--indigo-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/10:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/10:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/10:active) { + color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/20:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/20:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/20:active) { + color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/30:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/30:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/30:active) { + color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/40:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/40:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/40:active) { + color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/50:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/50:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/50:active) { + color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/60:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/60:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/60:active) { + color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/70:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/70:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/70:active) { + color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/80:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/80:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/80:active) { + color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-400\/90:focus) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-400\/90:hover) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-400\/90:active) { + color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500:focus) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500:hover) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500:active) { + color: var(--indigo-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/10:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/10:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/10:active) { + color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/20:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/20:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/20:active) { + color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/30:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/30:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/30:active) { + color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/40:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/40:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/40:active) { + color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/50:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/50:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/50:active) { + color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/60:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/60:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/60:active) { + color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/70:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/70:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/70:active) { + color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/80:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/80:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/80:active) { + color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-500\/90:focus) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-500\/90:hover) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-500\/90:active) { + color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600:focus) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600:hover) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600:active) { + color: var(--indigo-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/10:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/10:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/10:active) { + color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/20:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/20:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/20:active) { + color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/30:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/30:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/30:active) { + color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/40:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/40:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/40:active) { + color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/50:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/50:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/50:active) { + color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/60:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/60:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/60:active) { + color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/70:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/70:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/70:active) { + color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/80:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/80:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/80:active) { + color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-600\/90:focus) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-600\/90:hover) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-600\/90:active) { + color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700:focus) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700:hover) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700:active) { + color: var(--indigo-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/10:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/10:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/10:active) { + color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/20:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/20:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/20:active) { + color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/30:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/30:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/30:active) { + color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/40:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/40:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/40:active) { + color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/50:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/50:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/50:active) { + color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/60:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/60:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/60:active) { + color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/70:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/70:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/70:active) { + color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/80:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/80:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/80:active) { + color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-700\/90:focus) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-700\/90:hover) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-700\/90:active) { + color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800:focus) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800:hover) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800:active) { + color: var(--indigo-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/10:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/10:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/10:active) { + color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/20:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/20:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/20:active) { + color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/30:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/30:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/30:active) { + color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/40:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/40:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/40:active) { + color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/50:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/50:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/50:active) { + color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/60:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/60:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/60:active) { + color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/70:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/70:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/70:active) { + color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/80:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/80:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/80:active) { + color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-800\/90:focus) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-800\/90:hover) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-800\/90:active) { + color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900:focus) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900:hover) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900:active) { + color: var(--indigo-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/10:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/10:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/10:active) { + color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/20:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/20:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/20:active) { + color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/30:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/30:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/30:active) { + color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/40:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/40:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/40:active) { + color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/50:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/50:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/50:active) { + color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/60:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/60:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/60:active) { + color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/70:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/70:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/70:active) { + color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/80:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/80:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/80:active) { + color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-indigo-900\/90:focus) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-indigo-900\/90:hover) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-indigo-900\/90:active) { + color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50:focus) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50:hover) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50:active) { + color: var(--teal-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/10:focus) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/10:hover) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/10:active) { + color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/20:focus) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/20:hover) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/20:active) { + color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/30:focus) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/30:hover) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/30:active) { + color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/40:focus) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/40:hover) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/40:active) { + color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/50:focus) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/50:hover) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/50:active) { + color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/60:focus) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/60:hover) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/60:active) { + color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/70:focus) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/70:hover) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/70:active) { + color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/80:focus) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/80:hover) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/80:active) { + color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-50\/90:focus) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-50\/90:hover) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-50\/90:active) { + color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100:focus) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100:hover) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100:active) { + color: var(--teal-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/10:focus) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/10:hover) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/10:active) { + color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/20:focus) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/20:hover) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/20:active) { + color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/30:focus) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/30:hover) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/30:active) { + color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/40:focus) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/40:hover) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/40:active) { + color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/50:focus) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/50:hover) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/50:active) { + color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/60:focus) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/60:hover) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/60:active) { + color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/70:focus) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/70:hover) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/70:active) { + color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/80:focus) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/80:hover) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/80:active) { + color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-100\/90:focus) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-100\/90:hover) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-100\/90:active) { + color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200:focus) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200:hover) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200:active) { + color: var(--teal-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/10:focus) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/10:hover) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/10:active) { + color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/20:focus) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/20:hover) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/20:active) { + color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/30:focus) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/30:hover) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/30:active) { + color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/40:focus) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/40:hover) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/40:active) { + color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/50:focus) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/50:hover) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/50:active) { + color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/60:focus) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/60:hover) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/60:active) { + color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/70:focus) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/70:hover) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/70:active) { + color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/80:focus) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/80:hover) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/80:active) { + color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-200\/90:focus) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-200\/90:hover) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-200\/90:active) { + color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300:focus) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300:hover) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300:active) { + color: var(--teal-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/10:focus) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/10:hover) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/10:active) { + color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/20:focus) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/20:hover) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/20:active) { + color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/30:focus) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/30:hover) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/30:active) { + color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/40:focus) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/40:hover) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/40:active) { + color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/50:focus) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/50:hover) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/50:active) { + color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/60:focus) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/60:hover) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/60:active) { + color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/70:focus) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/70:hover) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/70:active) { + color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/80:focus) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/80:hover) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/80:active) { + color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-300\/90:focus) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-300\/90:hover) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-300\/90:active) { + color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400:focus) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400:hover) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400:active) { + color: var(--teal-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/10:focus) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/10:hover) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/10:active) { + color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/20:focus) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/20:hover) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/20:active) { + color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/30:focus) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/30:hover) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/30:active) { + color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/40:focus) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/40:hover) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/40:active) { + color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/50:focus) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/50:hover) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/50:active) { + color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/60:focus) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/60:hover) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/60:active) { + color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/70:focus) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/70:hover) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/70:active) { + color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/80:focus) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/80:hover) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/80:active) { + color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-400\/90:focus) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-400\/90:hover) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-400\/90:active) { + color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500:focus) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500:hover) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500:active) { + color: var(--teal-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/10:focus) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/10:hover) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/10:active) { + color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/20:focus) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/20:hover) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/20:active) { + color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/30:focus) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/30:hover) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/30:active) { + color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/40:focus) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/40:hover) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/40:active) { + color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/50:focus) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/50:hover) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/50:active) { + color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/60:focus) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/60:hover) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/60:active) { + color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/70:focus) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/70:hover) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/70:active) { + color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/80:focus) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/80:hover) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/80:active) { + color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-500\/90:focus) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-500\/90:hover) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-500\/90:active) { + color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600:focus) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600:hover) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600:active) { + color: var(--teal-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/10:focus) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/10:hover) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/10:active) { + color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/20:focus) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/20:hover) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/20:active) { + color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/30:focus) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/30:hover) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/30:active) { + color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/40:focus) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/40:hover) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/40:active) { + color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/50:focus) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/50:hover) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/50:active) { + color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/60:focus) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/60:hover) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/60:active) { + color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/70:focus) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/70:hover) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/70:active) { + color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/80:focus) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/80:hover) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/80:active) { + color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-600\/90:focus) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-600\/90:hover) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-600\/90:active) { + color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700:focus) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700:hover) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700:active) { + color: var(--teal-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/10:focus) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/10:hover) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/10:active) { + color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/20:focus) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/20:hover) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/20:active) { + color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/30:focus) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/30:hover) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/30:active) { + color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/40:focus) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/40:hover) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/40:active) { + color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/50:focus) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/50:hover) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/50:active) { + color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/60:focus) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/60:hover) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/60:active) { + color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/70:focus) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/70:hover) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/70:active) { + color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/80:focus) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/80:hover) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/80:active) { + color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-700\/90:focus) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-700\/90:hover) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-700\/90:active) { + color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800:focus) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800:hover) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800:active) { + color: var(--teal-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/10:focus) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/10:hover) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/10:active) { + color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/20:focus) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/20:hover) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/20:active) { + color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/30:focus) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/30:hover) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/30:active) { + color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/40:focus) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/40:hover) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/40:active) { + color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/50:focus) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/50:hover) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/50:active) { + color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/60:focus) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/60:hover) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/60:active) { + color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/70:focus) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/70:hover) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/70:active) { + color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/80:focus) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/80:hover) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/80:active) { + color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-800\/90:focus) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-800\/90:hover) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-800\/90:active) { + color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900:focus) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900:hover) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900:active) { + color: var(--teal-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/10:focus) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/10:hover) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/10:active) { + color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/20:focus) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/20:hover) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/20:active) { + color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/30:focus) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/30:hover) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/30:active) { + color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/40:focus) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/40:hover) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/40:active) { + color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/50:focus) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/50:hover) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/50:active) { + color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/60:focus) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/60:hover) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/60:active) { + color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/70:focus) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/70:hover) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/70:active) { + color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/80:focus) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/80:hover) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/80:active) { + color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-teal-900\/90:focus) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-teal-900\/90:hover) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-teal-900\/90:active) { + color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50:focus) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50:hover) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50:active) { + color: var(--orange-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/10:focus) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/10:hover) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/10:active) { + color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/20:focus) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/20:hover) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/20:active) { + color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/30:focus) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/30:hover) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/30:active) { + color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/40:focus) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/40:hover) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/40:active) { + color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/50:focus) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/50:hover) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/50:active) { + color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/60:focus) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/60:hover) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/60:active) { + color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/70:focus) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/70:hover) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/70:active) { + color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/80:focus) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/80:hover) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/80:active) { + color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-50\/90:focus) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-50\/90:hover) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-50\/90:active) { + color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100:focus) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100:hover) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100:active) { + color: var(--orange-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/10:focus) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/10:hover) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/10:active) { + color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/20:focus) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/20:hover) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/20:active) { + color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/30:focus) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/30:hover) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/30:active) { + color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/40:focus) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/40:hover) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/40:active) { + color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/50:focus) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/50:hover) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/50:active) { + color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/60:focus) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/60:hover) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/60:active) { + color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/70:focus) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/70:hover) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/70:active) { + color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/80:focus) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/80:hover) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/80:active) { + color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-100\/90:focus) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-100\/90:hover) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-100\/90:active) { + color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200:focus) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200:hover) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200:active) { + color: var(--orange-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/10:focus) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/10:hover) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/10:active) { + color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/20:focus) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/20:hover) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/20:active) { + color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/30:focus) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/30:hover) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/30:active) { + color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/40:focus) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/40:hover) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/40:active) { + color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/50:focus) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/50:hover) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/50:active) { + color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/60:focus) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/60:hover) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/60:active) { + color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/70:focus) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/70:hover) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/70:active) { + color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/80:focus) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/80:hover) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/80:active) { + color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-200\/90:focus) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-200\/90:hover) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-200\/90:active) { + color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300:focus) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300:hover) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300:active) { + color: var(--orange-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/10:focus) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/10:hover) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/10:active) { + color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/20:focus) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/20:hover) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/20:active) { + color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/30:focus) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/30:hover) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/30:active) { + color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/40:focus) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/40:hover) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/40:active) { + color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/50:focus) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/50:hover) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/50:active) { + color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/60:focus) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/60:hover) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/60:active) { + color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/70:focus) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/70:hover) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/70:active) { + color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/80:focus) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/80:hover) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/80:active) { + color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-300\/90:focus) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-300\/90:hover) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-300\/90:active) { + color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400:focus) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400:hover) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400:active) { + color: var(--orange-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/10:focus) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/10:hover) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/10:active) { + color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/20:focus) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/20:hover) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/20:active) { + color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/30:focus) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/30:hover) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/30:active) { + color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/40:focus) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/40:hover) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/40:active) { + color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/50:focus) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/50:hover) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/50:active) { + color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/60:focus) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/60:hover) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/60:active) { + color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/70:focus) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/70:hover) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/70:active) { + color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/80:focus) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/80:hover) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/80:active) { + color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-400\/90:focus) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-400\/90:hover) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-400\/90:active) { + color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500:focus) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500:hover) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500:active) { + color: var(--orange-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/10:focus) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/10:hover) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/10:active) { + color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/20:focus) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/20:hover) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/20:active) { + color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/30:focus) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/30:hover) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/30:active) { + color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/40:focus) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/40:hover) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/40:active) { + color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/50:focus) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/50:hover) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/50:active) { + color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/60:focus) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/60:hover) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/60:active) { + color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/70:focus) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/70:hover) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/70:active) { + color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/80:focus) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/80:hover) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/80:active) { + color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-500\/90:focus) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-500\/90:hover) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-500\/90:active) { + color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600:focus) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600:hover) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600:active) { + color: var(--orange-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/10:focus) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/10:hover) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/10:active) { + color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/20:focus) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/20:hover) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/20:active) { + color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/30:focus) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/30:hover) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/30:active) { + color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/40:focus) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/40:hover) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/40:active) { + color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/50:focus) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/50:hover) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/50:active) { + color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/60:focus) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/60:hover) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/60:active) { + color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/70:focus) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/70:hover) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/70:active) { + color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/80:focus) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/80:hover) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/80:active) { + color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-600\/90:focus) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-600\/90:hover) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-600\/90:active) { + color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700:focus) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700:hover) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700:active) { + color: var(--orange-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/10:focus) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/10:hover) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/10:active) { + color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/20:focus) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/20:hover) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/20:active) { + color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/30:focus) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/30:hover) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/30:active) { + color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/40:focus) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/40:hover) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/40:active) { + color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/50:focus) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/50:hover) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/50:active) { + color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/60:focus) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/60:hover) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/60:active) { + color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/70:focus) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/70:hover) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/70:active) { + color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/80:focus) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/80:hover) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/80:active) { + color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-700\/90:focus) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-700\/90:hover) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-700\/90:active) { + color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800:focus) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800:hover) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800:active) { + color: var(--orange-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/10:focus) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/10:hover) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/10:active) { + color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/20:focus) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/20:hover) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/20:active) { + color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/30:focus) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/30:hover) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/30:active) { + color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/40:focus) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/40:hover) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/40:active) { + color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/50:focus) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/50:hover) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/50:active) { + color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/60:focus) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/60:hover) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/60:active) { + color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/70:focus) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/70:hover) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/70:active) { + color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/80:focus) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/80:hover) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/80:active) { + color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-800\/90:focus) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-800\/90:hover) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-800\/90:active) { + color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900:focus) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900:hover) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900:active) { + color: var(--orange-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/10:focus) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/10:hover) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/10:active) { + color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/20:focus) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/20:hover) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/20:active) { + color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/30:focus) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/30:hover) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/30:active) { + color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/40:focus) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/40:hover) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/40:active) { + color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/50:focus) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/50:hover) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/50:active) { + color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/60:focus) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/60:hover) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/60:active) { + color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/70:focus) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/70:hover) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/70:active) { + color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/80:focus) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/80:hover) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/80:active) { + color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-orange-900\/90:focus) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-orange-900\/90:hover) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-orange-900\/90:active) { + color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50:focus) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50:hover) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50:active) { + color: var(--bluegray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/10:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/10:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/10:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/20:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/20:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/20:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/30:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/30:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/30:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/40:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/40:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/40:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/50:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/50:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/50:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/60:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/60:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/60:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/70:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/70:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/70:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/80:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/80:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/80:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-50\/90:focus) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-50\/90:hover) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-50\/90:active) { + color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100:focus) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100:hover) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100:active) { + color: var(--bluegray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/10:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/10:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/10:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/20:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/20:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/20:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/30:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/30:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/30:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/40:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/40:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/40:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/50:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/50:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/50:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/60:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/60:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/60:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/70:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/70:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/70:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/80:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/80:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/80:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-100\/90:focus) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-100\/90:hover) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-100\/90:active) { + color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200:focus) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200:hover) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200:active) { + color: var(--bluegray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/10:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/10:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/10:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/20:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/20:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/20:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/30:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/30:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/30:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/40:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/40:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/40:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/50:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/50:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/50:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/60:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/60:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/60:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/70:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/70:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/70:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/80:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/80:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/80:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-200\/90:focus) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-200\/90:hover) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-200\/90:active) { + color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300:focus) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300:hover) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300:active) { + color: var(--bluegray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/10:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/10:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/10:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/20:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/20:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/20:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/30:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/30:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/30:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/40:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/40:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/40:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/50:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/50:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/50:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/60:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/60:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/60:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/70:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/70:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/70:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/80:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/80:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/80:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-300\/90:focus) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-300\/90:hover) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-300\/90:active) { + color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400:focus) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400:hover) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400:active) { + color: var(--bluegray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/10:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/10:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/10:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/20:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/20:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/20:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/30:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/30:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/30:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/40:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/40:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/40:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/50:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/50:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/50:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/60:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/60:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/60:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/70:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/70:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/70:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/80:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/80:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/80:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-400\/90:focus) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-400\/90:hover) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-400\/90:active) { + color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500:focus) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500:hover) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500:active) { + color: var(--bluegray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/10:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/10:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/10:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/20:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/20:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/20:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/30:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/30:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/30:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/40:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/40:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/40:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/50:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/50:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/50:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/60:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/60:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/60:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/70:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/70:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/70:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/80:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/80:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/80:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-500\/90:focus) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-500\/90:hover) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-500\/90:active) { + color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600:focus) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600:hover) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600:active) { + color: var(--bluegray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/10:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/10:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/10:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/20:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/20:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/20:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/30:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/30:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/30:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/40:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/40:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/40:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/50:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/50:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/50:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/60:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/60:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/60:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/70:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/70:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/70:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/80:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/80:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/80:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-600\/90:focus) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-600\/90:hover) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-600\/90:active) { + color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700:focus) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700:hover) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700:active) { + color: var(--bluegray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/10:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/10:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/10:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/20:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/20:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/20:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/30:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/30:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/30:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/40:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/40:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/40:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/50:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/50:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/50:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/60:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/60:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/60:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/70:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/70:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/70:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/80:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/80:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/80:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-700\/90:focus) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-700\/90:hover) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-700\/90:active) { + color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800:focus) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800:hover) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800:active) { + color: var(--bluegray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/10:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/10:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/10:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/20:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/20:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/20:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/30:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/30:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/30:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/40:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/40:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/40:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/50:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/50:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/50:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/60:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/60:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/60:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/70:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/70:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/70:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/80:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/80:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/80:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-800\/90:focus) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-800\/90:hover) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-800\/90:active) { + color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900:focus) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900:hover) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900:active) { + color: var(--bluegray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/10:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/10:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/10:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/20:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/20:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/20:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/30:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/30:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/30:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/40:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/40:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/40:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/50:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/50:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/50:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/60:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/60:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/60:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/70:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/70:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/70:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/80:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/80:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/80:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-bluegray-900\/90:focus) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-bluegray-900\/90:hover) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-bluegray-900\/90:active) { + color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50:focus) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50:hover) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50:active) { + color: var(--purple-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/10:focus) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/10:hover) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/10:active) { + color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/20:focus) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/20:hover) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/20:active) { + color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/30:focus) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/30:hover) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/30:active) { + color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/40:focus) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/40:hover) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/40:active) { + color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/50:focus) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/50:hover) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/50:active) { + color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/60:focus) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/60:hover) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/60:active) { + color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/70:focus) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/70:hover) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/70:active) { + color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/80:focus) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/80:hover) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/80:active) { + color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-50\/90:focus) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-50\/90:hover) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-50\/90:active) { + color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100:focus) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100:hover) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100:active) { + color: var(--purple-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/10:focus) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/10:hover) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/10:active) { + color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/20:focus) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/20:hover) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/20:active) { + color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/30:focus) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/30:hover) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/30:active) { + color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/40:focus) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/40:hover) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/40:active) { + color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/50:focus) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/50:hover) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/50:active) { + color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/60:focus) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/60:hover) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/60:active) { + color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/70:focus) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/70:hover) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/70:active) { + color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/80:focus) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/80:hover) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/80:active) { + color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-100\/90:focus) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-100\/90:hover) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-100\/90:active) { + color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200:focus) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200:hover) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200:active) { + color: var(--purple-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/10:focus) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/10:hover) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/10:active) { + color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/20:focus) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/20:hover) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/20:active) { + color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/30:focus) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/30:hover) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/30:active) { + color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/40:focus) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/40:hover) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/40:active) { + color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/50:focus) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/50:hover) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/50:active) { + color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/60:focus) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/60:hover) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/60:active) { + color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/70:focus) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/70:hover) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/70:active) { + color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/80:focus) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/80:hover) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/80:active) { + color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-200\/90:focus) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-200\/90:hover) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-200\/90:active) { + color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300:focus) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300:hover) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300:active) { + color: var(--purple-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/10:focus) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/10:hover) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/10:active) { + color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/20:focus) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/20:hover) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/20:active) { + color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/30:focus) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/30:hover) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/30:active) { + color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/40:focus) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/40:hover) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/40:active) { + color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/50:focus) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/50:hover) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/50:active) { + color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/60:focus) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/60:hover) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/60:active) { + color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/70:focus) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/70:hover) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/70:active) { + color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/80:focus) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/80:hover) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/80:active) { + color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-300\/90:focus) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-300\/90:hover) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-300\/90:active) { + color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400:focus) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400:hover) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400:active) { + color: var(--purple-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/10:focus) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/10:hover) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/10:active) { + color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/20:focus) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/20:hover) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/20:active) { + color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/30:focus) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/30:hover) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/30:active) { + color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/40:focus) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/40:hover) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/40:active) { + color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/50:focus) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/50:hover) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/50:active) { + color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/60:focus) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/60:hover) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/60:active) { + color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/70:focus) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/70:hover) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/70:active) { + color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/80:focus) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/80:hover) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/80:active) { + color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-400\/90:focus) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-400\/90:hover) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-400\/90:active) { + color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500:focus) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500:hover) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500:active) { + color: var(--purple-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/10:focus) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/10:hover) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/10:active) { + color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/20:focus) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/20:hover) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/20:active) { + color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/30:focus) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/30:hover) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/30:active) { + color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/40:focus) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/40:hover) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/40:active) { + color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/50:focus) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/50:hover) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/50:active) { + color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/60:focus) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/60:hover) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/60:active) { + color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/70:focus) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/70:hover) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/70:active) { + color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/80:focus) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/80:hover) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/80:active) { + color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-500\/90:focus) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-500\/90:hover) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-500\/90:active) { + color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600:focus) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600:hover) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600:active) { + color: var(--purple-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/10:focus) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/10:hover) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/10:active) { + color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/20:focus) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/20:hover) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/20:active) { + color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/30:focus) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/30:hover) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/30:active) { + color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/40:focus) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/40:hover) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/40:active) { + color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/50:focus) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/50:hover) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/50:active) { + color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/60:focus) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/60:hover) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/60:active) { + color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/70:focus) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/70:hover) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/70:active) { + color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/80:focus) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/80:hover) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/80:active) { + color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-600\/90:focus) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-600\/90:hover) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-600\/90:active) { + color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700:focus) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700:hover) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700:active) { + color: var(--purple-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/10:focus) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/10:hover) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/10:active) { + color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/20:focus) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/20:hover) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/20:active) { + color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/30:focus) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/30:hover) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/30:active) { + color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/40:focus) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/40:hover) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/40:active) { + color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/50:focus) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/50:hover) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/50:active) { + color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/60:focus) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/60:hover) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/60:active) { + color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/70:focus) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/70:hover) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/70:active) { + color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/80:focus) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/80:hover) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/80:active) { + color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-700\/90:focus) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-700\/90:hover) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-700\/90:active) { + color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800:focus) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800:hover) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800:active) { + color: var(--purple-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/10:focus) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/10:hover) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/10:active) { + color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/20:focus) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/20:hover) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/20:active) { + color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/30:focus) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/30:hover) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/30:active) { + color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/40:focus) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/40:hover) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/40:active) { + color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/50:focus) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/50:hover) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/50:active) { + color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/60:focus) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/60:hover) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/60:active) { + color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/70:focus) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/70:hover) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/70:active) { + color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/80:focus) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/80:hover) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/80:active) { + color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-800\/90:focus) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-800\/90:hover) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-800\/90:active) { + color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900:focus) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900:hover) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900:active) { + color: var(--purple-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/10:focus) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/10:hover) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/10:active) { + color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/20:focus) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/20:hover) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/20:active) { + color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/30:focus) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/30:hover) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/30:active) { + color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/40:focus) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/40:hover) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/40:active) { + color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/50:focus) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/50:hover) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/50:active) { + color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/60:focus) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/60:hover) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/60:active) { + color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/70:focus) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/70:hover) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/70:active) { + color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/80:focus) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/80:hover) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/80:active) { + color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-purple-900\/90:focus) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-purple-900\/90:hover) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-purple-900\/90:active) { + color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50:focus) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50:hover) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50:active) { + color: var(--red-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/10:focus) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/10:hover) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/10:active) { + color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/20:focus) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/20:hover) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/20:active) { + color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/30:focus) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/30:hover) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/30:active) { + color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/40:focus) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/40:hover) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/40:active) { + color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/50:focus) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/50:hover) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/50:active) { + color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/60:focus) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/60:hover) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/60:active) { + color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/70:focus) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/70:hover) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/70:active) { + color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/80:focus) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/80:hover) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/80:active) { + color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-50\/90:focus) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-50\/90:hover) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-50\/90:active) { + color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100:focus) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100:hover) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100:active) { + color: var(--red-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/10:focus) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/10:hover) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/10:active) { + color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/20:focus) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/20:hover) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/20:active) { + color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/30:focus) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/30:hover) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/30:active) { + color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/40:focus) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/40:hover) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/40:active) { + color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/50:focus) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/50:hover) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/50:active) { + color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/60:focus) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/60:hover) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/60:active) { + color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/70:focus) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/70:hover) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/70:active) { + color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/80:focus) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/80:hover) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/80:active) { + color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-100\/90:focus) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-100\/90:hover) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-100\/90:active) { + color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200:focus) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200:hover) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200:active) { + color: var(--red-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/10:focus) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/10:hover) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/10:active) { + color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/20:focus) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/20:hover) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/20:active) { + color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/30:focus) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/30:hover) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/30:active) { + color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/40:focus) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/40:hover) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/40:active) { + color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/50:focus) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/50:hover) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/50:active) { + color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/60:focus) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/60:hover) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/60:active) { + color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/70:focus) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/70:hover) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/70:active) { + color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/80:focus) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/80:hover) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/80:active) { + color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-200\/90:focus) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-200\/90:hover) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-200\/90:active) { + color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300:focus) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300:hover) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300:active) { + color: var(--red-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/10:focus) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/10:hover) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/10:active) { + color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/20:focus) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/20:hover) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/20:active) { + color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/30:focus) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/30:hover) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/30:active) { + color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/40:focus) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/40:hover) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/40:active) { + color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/50:focus) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/50:hover) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/50:active) { + color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/60:focus) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/60:hover) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/60:active) { + color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/70:focus) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/70:hover) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/70:active) { + color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/80:focus) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/80:hover) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/80:active) { + color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-300\/90:focus) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-300\/90:hover) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-300\/90:active) { + color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400:focus) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400:hover) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400:active) { + color: var(--red-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/10:focus) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/10:hover) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/10:active) { + color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/20:focus) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/20:hover) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/20:active) { + color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/30:focus) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/30:hover) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/30:active) { + color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/40:focus) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/40:hover) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/40:active) { + color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/50:focus) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/50:hover) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/50:active) { + color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/60:focus) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/60:hover) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/60:active) { + color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/70:focus) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/70:hover) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/70:active) { + color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/80:focus) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/80:hover) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/80:active) { + color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-400\/90:focus) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-400\/90:hover) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-400\/90:active) { + color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500:focus) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500:hover) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500:active) { + color: var(--red-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/10:focus) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/10:hover) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/10:active) { + color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/20:focus) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/20:hover) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/20:active) { + color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/30:focus) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/30:hover) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/30:active) { + color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/40:focus) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/40:hover) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/40:active) { + color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/50:focus) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/50:hover) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/50:active) { + color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/60:focus) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/60:hover) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/60:active) { + color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/70:focus) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/70:hover) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/70:active) { + color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/80:focus) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/80:hover) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/80:active) { + color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-500\/90:focus) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-500\/90:hover) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-500\/90:active) { + color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600:focus) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600:hover) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600:active) { + color: var(--red-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/10:focus) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/10:hover) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/10:active) { + color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/20:focus) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/20:hover) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/20:active) { + color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/30:focus) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/30:hover) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/30:active) { + color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/40:focus) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/40:hover) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/40:active) { + color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/50:focus) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/50:hover) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/50:active) { + color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/60:focus) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/60:hover) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/60:active) { + color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/70:focus) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/70:hover) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/70:active) { + color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/80:focus) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/80:hover) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/80:active) { + color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-600\/90:focus) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-600\/90:hover) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-600\/90:active) { + color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700:focus) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700:hover) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700:active) { + color: var(--red-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/10:focus) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/10:hover) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/10:active) { + color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/20:focus) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/20:hover) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/20:active) { + color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/30:focus) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/30:hover) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/30:active) { + color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/40:focus) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/40:hover) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/40:active) { + color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/50:focus) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/50:hover) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/50:active) { + color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/60:focus) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/60:hover) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/60:active) { + color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/70:focus) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/70:hover) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/70:active) { + color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/80:focus) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/80:hover) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/80:active) { + color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-700\/90:focus) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-700\/90:hover) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-700\/90:active) { + color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800:focus) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800:hover) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800:active) { + color: var(--red-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/10:focus) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/10:hover) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/10:active) { + color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/20:focus) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/20:hover) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/20:active) { + color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/30:focus) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/30:hover) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/30:active) { + color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/40:focus) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/40:hover) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/40:active) { + color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/50:focus) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/50:hover) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/50:active) { + color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/60:focus) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/60:hover) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/60:active) { + color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/70:focus) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/70:hover) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/70:active) { + color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/80:focus) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/80:hover) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/80:active) { + color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-800\/90:focus) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-800\/90:hover) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-800\/90:active) { + color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900:focus) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900:hover) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900:active) { + color: var(--red-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/10:focus) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/10:hover) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/10:active) { + color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/20:focus) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/20:hover) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/20:active) { + color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/30:focus) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/30:hover) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/30:active) { + color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/40:focus) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/40:hover) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/40:active) { + color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/50:focus) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/50:hover) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/50:active) { + color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/60:focus) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/60:hover) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/60:active) { + color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/70:focus) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/70:hover) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/70:active) { + color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/80:focus) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/80:hover) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/80:active) { + color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-red-900\/90:focus) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-red-900\/90:hover) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-red-900\/90:active) { + color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50:focus) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50:hover) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50:active) { + color: var(--gray-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/10:focus) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/10:hover) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/10:active) { + color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/20:focus) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/20:hover) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/20:active) { + color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/30:focus) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/30:hover) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/30:active) { + color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/40:focus) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/40:hover) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/40:active) { + color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/50:focus) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/50:hover) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/50:active) { + color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/60:focus) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/60:hover) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/60:active) { + color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/70:focus) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/70:hover) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/70:active) { + color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/80:focus) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/80:hover) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/80:active) { + color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-50\/90:focus) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-50\/90:hover) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-50\/90:active) { + color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100:focus) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100:hover) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100:active) { + color: var(--gray-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/10:focus) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/10:hover) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/10:active) { + color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/20:focus) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/20:hover) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/20:active) { + color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/30:focus) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/30:hover) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/30:active) { + color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/40:focus) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/40:hover) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/40:active) { + color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/50:focus) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/50:hover) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/50:active) { + color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/60:focus) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/60:hover) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/60:active) { + color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/70:focus) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/70:hover) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/70:active) { + color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/80:focus) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/80:hover) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/80:active) { + color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-100\/90:focus) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-100\/90:hover) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-100\/90:active) { + color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200:focus) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200:hover) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200:active) { + color: var(--gray-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/10:focus) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/10:hover) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/10:active) { + color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/20:focus) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/20:hover) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/20:active) { + color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/30:focus) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/30:hover) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/30:active) { + color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/40:focus) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/40:hover) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/40:active) { + color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/50:focus) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/50:hover) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/50:active) { + color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/60:focus) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/60:hover) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/60:active) { + color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/70:focus) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/70:hover) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/70:active) { + color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/80:focus) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/80:hover) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/80:active) { + color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-200\/90:focus) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-200\/90:hover) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-200\/90:active) { + color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300:focus) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300:hover) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300:active) { + color: var(--gray-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/10:focus) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/10:hover) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/10:active) { + color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/20:focus) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/20:hover) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/20:active) { + color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/30:focus) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/30:hover) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/30:active) { + color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/40:focus) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/40:hover) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/40:active) { + color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/50:focus) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/50:hover) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/50:active) { + color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/60:focus) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/60:hover) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/60:active) { + color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/70:focus) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/70:hover) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/70:active) { + color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/80:focus) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/80:hover) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/80:active) { + color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-300\/90:focus) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-300\/90:hover) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-300\/90:active) { + color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400:focus) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400:hover) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400:active) { + color: var(--gray-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/10:focus) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/10:hover) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/10:active) { + color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/20:focus) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/20:hover) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/20:active) { + color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/30:focus) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/30:hover) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/30:active) { + color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/40:focus) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/40:hover) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/40:active) { + color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/50:focus) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/50:hover) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/50:active) { + color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/60:focus) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/60:hover) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/60:active) { + color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/70:focus) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/70:hover) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/70:active) { + color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/80:focus) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/80:hover) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/80:active) { + color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-400\/90:focus) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-400\/90:hover) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-400\/90:active) { + color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500:focus) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500:hover) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500:active) { + color: var(--gray-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/10:focus) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/10:hover) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/10:active) { + color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/20:focus) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/20:hover) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/20:active) { + color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/30:focus) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/30:hover) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/30:active) { + color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/40:focus) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/40:hover) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/40:active) { + color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/50:focus) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/50:hover) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/50:active) { + color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/60:focus) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/60:hover) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/60:active) { + color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/70:focus) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/70:hover) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/70:active) { + color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/80:focus) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/80:hover) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/80:active) { + color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-500\/90:focus) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-500\/90:hover) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-500\/90:active) { + color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600:focus) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600:hover) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600:active) { + color: var(--gray-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/10:focus) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/10:hover) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/10:active) { + color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/20:focus) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/20:hover) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/20:active) { + color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/30:focus) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/30:hover) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/30:active) { + color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/40:focus) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/40:hover) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/40:active) { + color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/50:focus) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/50:hover) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/50:active) { + color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/60:focus) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/60:hover) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/60:active) { + color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/70:focus) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/70:hover) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/70:active) { + color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/80:focus) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/80:hover) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/80:active) { + color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-600\/90:focus) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-600\/90:hover) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-600\/90:active) { + color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700:focus) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700:hover) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700:active) { + color: var(--gray-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/10:focus) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/10:hover) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/10:active) { + color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/20:focus) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/20:hover) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/20:active) { + color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/30:focus) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/30:hover) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/30:active) { + color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/40:focus) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/40:hover) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/40:active) { + color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/50:focus) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/50:hover) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/50:active) { + color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/60:focus) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/60:hover) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/60:active) { + color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/70:focus) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/70:hover) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/70:active) { + color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/80:focus) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/80:hover) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/80:active) { + color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-700\/90:focus) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-700\/90:hover) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-700\/90:active) { + color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800:focus) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800:hover) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800:active) { + color: var(--gray-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/10:focus) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/10:hover) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/10:active) { + color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/20:focus) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/20:hover) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/20:active) { + color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/30:focus) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/30:hover) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/30:active) { + color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/40:focus) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/40:hover) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/40:active) { + color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/50:focus) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/50:hover) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/50:active) { + color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/60:focus) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/60:hover) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/60:active) { + color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/70:focus) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/70:hover) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/70:active) { + color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/80:focus) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/80:hover) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/80:active) { + color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-800\/90:focus) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-800\/90:hover) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-800\/90:active) { + color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900:focus) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900:hover) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900:active) { + color: var(--gray-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/10:focus) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/10:hover) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/10:active) { + color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/20:focus) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/20:hover) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/20:active) { + color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/30:focus) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/30:hover) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/30:active) { + color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/40:focus) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/40:hover) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/40:active) { + color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/50:focus) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/50:hover) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/50:active) { + color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/60:focus) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/60:hover) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/60:active) { + color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/70:focus) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/70:hover) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/70:active) { + color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/80:focus) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/80:hover) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/80:active) { + color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-gray-900\/90:focus) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-gray-900\/90:hover) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-gray-900\/90:active) { + color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0:focus) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0:hover) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0:active) { + color: var(--surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/10:focus) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/10:hover) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/10:active) { + color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/20:focus) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/20:hover) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/20:active) { + color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/30:focus) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/30:hover) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/30:active) { + color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/40:focus) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/40:hover) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/40:active) { + color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/50:focus) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/50:hover) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/50:active) { + color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/60:focus) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/60:hover) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/60:active) { + color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/70:focus) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/70:hover) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/70:active) { + color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/80:focus) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/80:hover) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/80:active) { + color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-0\/90:focus) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-0\/90:hover) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-0\/90:active) { + color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50:focus) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50:hover) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50:active) { + color: var(--surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/10:focus) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/10:hover) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/10:active) { + color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/20:focus) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/20:hover) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/20:active) { + color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/30:focus) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/30:hover) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/30:active) { + color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/40:focus) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/40:hover) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/40:active) { + color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/50:focus) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/50:hover) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/50:active) { + color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/60:focus) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/60:hover) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/60:active) { + color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/70:focus) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/70:hover) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/70:active) { + color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/80:focus) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/80:hover) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/80:active) { + color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-50\/90:focus) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-50\/90:hover) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-50\/90:active) { + color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100:focus) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100:hover) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100:active) { + color: var(--surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/10:focus) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/10:hover) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/10:active) { + color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/20:focus) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/20:hover) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/20:active) { + color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/30:focus) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/30:hover) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/30:active) { + color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/40:focus) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/40:hover) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/40:active) { + color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/50:focus) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/50:hover) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/50:active) { + color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/60:focus) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/60:hover) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/60:active) { + color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/70:focus) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/70:hover) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/70:active) { + color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/80:focus) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/80:hover) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/80:active) { + color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-100\/90:focus) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-100\/90:hover) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-100\/90:active) { + color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200:focus) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200:hover) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200:active) { + color: var(--surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/10:focus) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/10:hover) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/10:active) { + color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/20:focus) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/20:hover) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/20:active) { + color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/30:focus) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/30:hover) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/30:active) { + color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/40:focus) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/40:hover) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/40:active) { + color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/50:focus) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/50:hover) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/50:active) { + color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/60:focus) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/60:hover) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/60:active) { + color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/70:focus) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/70:hover) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/70:active) { + color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/80:focus) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/80:hover) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/80:active) { + color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-200\/90:focus) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-200\/90:hover) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-200\/90:active) { + color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300:focus) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300:hover) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300:active) { + color: var(--surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/10:focus) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/10:hover) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/10:active) { + color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/20:focus) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/20:hover) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/20:active) { + color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/30:focus) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/30:hover) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/30:active) { + color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/40:focus) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/40:hover) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/40:active) { + color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/50:focus) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/50:hover) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/50:active) { + color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/60:focus) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/60:hover) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/60:active) { + color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/70:focus) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/70:hover) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/70:active) { + color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/80:focus) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/80:hover) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/80:active) { + color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-300\/90:focus) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-300\/90:hover) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-300\/90:active) { + color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400:focus) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400:hover) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400:active) { + color: var(--surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/10:focus) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/10:hover) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/10:active) { + color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/20:focus) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/20:hover) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/20:active) { + color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/30:focus) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/30:hover) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/30:active) { + color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/40:focus) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/40:hover) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/40:active) { + color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/50:focus) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/50:hover) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/50:active) { + color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/60:focus) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/60:hover) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/60:active) { + color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/70:focus) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/70:hover) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/70:active) { + color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/80:focus) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/80:hover) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/80:active) { + color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-400\/90:focus) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-400\/90:hover) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-400\/90:active) { + color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500:focus) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500:hover) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500:active) { + color: var(--surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/10:focus) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/10:hover) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/10:active) { + color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/20:focus) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/20:hover) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/20:active) { + color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/30:focus) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/30:hover) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/30:active) { + color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/40:focus) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/40:hover) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/40:active) { + color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/50:focus) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/50:hover) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/50:active) { + color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/60:focus) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/60:hover) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/60:active) { + color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/70:focus) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/70:hover) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/70:active) { + color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/80:focus) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/80:hover) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/80:active) { + color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-500\/90:focus) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-500\/90:hover) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-500\/90:active) { + color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600:focus) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600:hover) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600:active) { + color: var(--surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/10:focus) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/10:hover) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/10:active) { + color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/20:focus) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/20:hover) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/20:active) { + color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/30:focus) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/30:hover) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/30:active) { + color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/40:focus) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/40:hover) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/40:active) { + color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/50:focus) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/50:hover) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/50:active) { + color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/60:focus) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/60:hover) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/60:active) { + color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/70:focus) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/70:hover) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/70:active) { + color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/80:focus) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/80:hover) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/80:active) { + color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-600\/90:focus) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-600\/90:hover) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-600\/90:active) { + color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700:focus) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700:hover) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700:active) { + color: var(--surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/10:focus) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/10:hover) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/10:active) { + color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/20:focus) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/20:hover) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/20:active) { + color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/30:focus) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/30:hover) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/30:active) { + color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/40:focus) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/40:hover) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/40:active) { + color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/50:focus) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/50:hover) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/50:active) { + color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/60:focus) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/60:hover) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/60:active) { + color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/70:focus) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/70:hover) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/70:active) { + color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/80:focus) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/80:hover) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/80:active) { + color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-700\/90:focus) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-700\/90:hover) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-700\/90:active) { + color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800:focus) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800:hover) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800:active) { + color: var(--surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/10:focus) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/10:hover) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/10:active) { + color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/20:focus) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/20:hover) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/20:active) { + color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/30:focus) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/30:hover) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/30:active) { + color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/40:focus) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/40:hover) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/40:active) { + color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/50:focus) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/50:hover) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/50:active) { + color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/60:focus) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/60:hover) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/60:active) { + color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/70:focus) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/70:hover) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/70:active) { + color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/80:focus) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/80:hover) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/80:active) { + color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-800\/90:focus) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-800\/90:hover) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-800\/90:active) { + color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900:focus) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900:hover) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900:active) { + color: var(--surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/10:focus) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/10:hover) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/10:active) { + color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/20:focus) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/20:hover) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/20:active) { + color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/30:focus) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/30:hover) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/30:active) { + color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/40:focus) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/40:hover) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/40:active) { + color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/50:focus) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/50:hover) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/50:active) { + color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/60:focus) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/60:hover) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/60:active) { + color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/70:focus) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/70:hover) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/70:active) { + color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/80:focus) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/80:hover) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/80:active) { + color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-surface-900\/90:focus) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-surface-900\/90:hover) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-surface-900\/90:active) { + color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50:focus) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50:hover) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50:active) { + color: var(--primary-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/10:focus) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/10:hover) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/10:active) { + color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/20:focus) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/20:hover) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/20:active) { + color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/30:focus) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/30:hover) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/30:active) { + color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/40:focus) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/40:hover) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/40:active) { + color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/50:focus) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/50:hover) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/50:active) { + color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/60:focus) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/60:hover) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/60:active) { + color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/70:focus) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/70:hover) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/70:active) { + color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/80:focus) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/80:hover) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/80:active) { + color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-50\/90:focus) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-50\/90:hover) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-50\/90:active) { + color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100:focus) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100:hover) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100:active) { + color: var(--primary-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/10:focus) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/10:hover) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/10:active) { + color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/20:focus) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/20:hover) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/20:active) { + color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/30:focus) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/30:hover) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/30:active) { + color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/40:focus) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/40:hover) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/40:active) { + color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/50:focus) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/50:hover) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/50:active) { + color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/60:focus) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/60:hover) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/60:active) { + color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/70:focus) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/70:hover) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/70:active) { + color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/80:focus) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/80:hover) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/80:active) { + color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-100\/90:focus) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-100\/90:hover) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-100\/90:active) { + color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200:focus) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200:hover) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200:active) { + color: var(--primary-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/10:focus) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/10:hover) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/10:active) { + color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/20:focus) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/20:hover) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/20:active) { + color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/30:focus) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/30:hover) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/30:active) { + color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/40:focus) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/40:hover) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/40:active) { + color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/50:focus) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/50:hover) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/50:active) { + color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/60:focus) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/60:hover) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/60:active) { + color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/70:focus) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/70:hover) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/70:active) { + color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/80:focus) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/80:hover) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/80:active) { + color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-200\/90:focus) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-200\/90:hover) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-200\/90:active) { + color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300:focus) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300:hover) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300:active) { + color: var(--primary-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/10:focus) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/10:hover) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/10:active) { + color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/20:focus) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/20:hover) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/20:active) { + color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/30:focus) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/30:hover) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/30:active) { + color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/40:focus) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/40:hover) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/40:active) { + color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/50:focus) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/50:hover) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/50:active) { + color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/60:focus) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/60:hover) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/60:active) { + color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/70:focus) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/70:hover) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/70:active) { + color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/80:focus) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/80:hover) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/80:active) { + color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-300\/90:focus) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-300\/90:hover) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-300\/90:active) { + color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400:focus) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400:hover) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400:active) { + color: var(--primary-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/10:focus) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/10:hover) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/10:active) { + color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/20:focus) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/20:hover) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/20:active) { + color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/30:focus) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/30:hover) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/30:active) { + color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/40:focus) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/40:hover) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/40:active) { + color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/50:focus) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/50:hover) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/50:active) { + color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/60:focus) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/60:hover) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/60:active) { + color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/70:focus) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/70:hover) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/70:active) { + color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/80:focus) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/80:hover) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/80:active) { + color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-400\/90:focus) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-400\/90:hover) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-400\/90:active) { + color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500:focus) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500:hover) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500:active) { + color: var(--primary-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/10:focus) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/10:hover) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/10:active) { + color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/20:focus) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/20:hover) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/20:active) { + color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/30:focus) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/30:hover) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/30:active) { + color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/40:focus) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/40:hover) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/40:active) { + color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/50:focus) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/50:hover) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/50:active) { + color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/60:focus) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/60:hover) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/60:active) { + color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/70:focus) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/70:hover) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/70:active) { + color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/80:focus) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/80:hover) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/80:active) { + color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-500\/90:focus) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-500\/90:hover) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-500\/90:active) { + color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600:focus) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600:hover) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600:active) { + color: var(--primary-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/10:focus) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/10:hover) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/10:active) { + color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/20:focus) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/20:hover) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/20:active) { + color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/30:focus) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/30:hover) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/30:active) { + color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/40:focus) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/40:hover) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/40:active) { + color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/50:focus) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/50:hover) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/50:active) { + color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/60:focus) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/60:hover) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/60:active) { + color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/70:focus) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/70:hover) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/70:active) { + color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/80:focus) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/80:hover) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/80:active) { + color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-600\/90:focus) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-600\/90:hover) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-600\/90:active) { + color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700:focus) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700:hover) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700:active) { + color: var(--primary-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/10:focus) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/10:hover) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/10:active) { + color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/20:focus) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/20:hover) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/20:active) { + color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/30:focus) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/30:hover) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/30:active) { + color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/40:focus) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/40:hover) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/40:active) { + color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/50:focus) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/50:hover) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/50:active) { + color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/60:focus) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/60:hover) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/60:active) { + color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/70:focus) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/70:hover) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/70:active) { + color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/80:focus) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/80:hover) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/80:active) { + color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-700\/90:focus) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-700\/90:hover) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-700\/90:active) { + color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800:focus) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800:hover) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800:active) { + color: var(--primary-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/10:focus) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/10:hover) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/10:active) { + color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/20:focus) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/20:hover) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/20:active) { + color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/30:focus) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/30:hover) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/30:active) { + color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/40:focus) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/40:hover) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/40:active) { + color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/50:focus) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/50:hover) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/50:active) { + color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/60:focus) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/60:hover) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/60:active) { + color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/70:focus) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/70:hover) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/70:active) { + color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/80:focus) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/80:hover) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/80:active) { + color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-800\/90:focus) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-800\/90:hover) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-800\/90:active) { + color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900:focus) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900:hover) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900:active) { + color: var(--primary-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/10:focus) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/10:hover) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/10:active) { + color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/20:focus) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/20:hover) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/20:active) { + color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/30:focus) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/30:hover) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/30:active) { + color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/40:focus) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/40:hover) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/40:active) { + color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/50:focus) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/50:hover) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/50:active) { + color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/60:focus) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/60:hover) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/60:active) { + color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/70:focus) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/70:hover) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/70:active) { + color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/80:focus) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/80:hover) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/80:active) { + color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-primary-900\/90:focus) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-primary-900\/90:hover) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-primary-900\/90:active) { + color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.text-0 { + color: var(---surface-0) +} +.text-0\/10 { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.text-0\/20 { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.text-0\/30 { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.text-0\/40 { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.text-0\/50 { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.text-0\/60 { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.text-0\/70 { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.text-0\/80 { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.text-0\/90 { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.text-50 { + color: var(---surface-50) +} +.text-50\/10 { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.text-50\/20 { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.text-50\/30 { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.text-50\/40 { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.text-50\/50 { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.text-50\/60 { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.text-50\/70 { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.text-50\/80 { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.text-50\/90 { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.text-100 { + color: var(---surface-100) +} +.text-100\/10 { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.text-100\/20 { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.text-100\/30 { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.text-100\/40 { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.text-100\/50 { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.text-100\/60 { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.text-100\/70 { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.text-100\/80 { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.text-100\/90 { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.text-200 { + color: var(---surface-200) +} +.text-200\/10 { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.text-200\/20 { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.text-200\/30 { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.text-200\/40 { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.text-200\/50 { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.text-200\/60 { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.text-200\/70 { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.text-200\/80 { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.text-200\/90 { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.text-300 { + color: var(---surface-300) +} +.text-300\/10 { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.text-300\/20 { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.text-300\/30 { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.text-300\/40 { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.text-300\/50 { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.text-300\/60 { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.text-300\/70 { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.text-300\/80 { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.text-300\/90 { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.text-400 { + color: var(---surface-400) +} +.text-400\/10 { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.text-400\/20 { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.text-400\/30 { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.text-400\/40 { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.text-400\/50 { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.text-400\/60 { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.text-400\/70 { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.text-400\/80 { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.text-400\/90 { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.text-500 { + color: var(---surface-500) +} +.text-500\/10 { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.text-500\/20 { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.text-500\/30 { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.text-500\/40 { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.text-500\/50 { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.text-500\/60 { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.text-500\/70 { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.text-500\/80 { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.text-500\/90 { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.text-600 { + color: var(---surface-600) +} +.text-600\/10 { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.text-600\/20 { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.text-600\/30 { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.text-600\/40 { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.text-600\/50 { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.text-600\/60 { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.text-600\/70 { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.text-600\/80 { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.text-600\/90 { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.text-700 { + color: var(---surface-700) +} +.text-700\/10 { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.text-700\/20 { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.text-700\/30 { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.text-700\/40 { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.text-700\/50 { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.text-700\/60 { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.text-700\/70 { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.text-700\/80 { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.text-700\/90 { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.text-800 { + color: var(---surface-800) +} +.text-800\/10 { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.text-800\/20 { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.text-800\/30 { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.text-800\/40 { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.text-800\/50 { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.text-800\/60 { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.text-800\/70 { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.text-800\/80 { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.text-800\/90 { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.text-900 { + color: var(---surface-900) +} +.text-900\/10 { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.text-900\/20 { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.text-900\/30 { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.text-900\/40 { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.text-900\/50 { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.text-900\/60 { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.text-900\/70 { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.text-900\/80 { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.text-900\/90 { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.focus\:text-0:focus { + color: var(---surface-0) +} +.hover\:text-0:hover { + color: var(---surface-0) +} +.active\:text-0:active { + color: var(---surface-0) +} +.focus\:text-0\/10:focus { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.hover\:text-0\/10:hover { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.active\:text-0\/10:active { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +.focus\:text-0\/20:focus { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.hover\:text-0\/20:hover { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.active\:text-0\/20:active { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +.focus\:text-0\/30:focus { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.hover\:text-0\/30:hover { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.active\:text-0\/30:active { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +.focus\:text-0\/40:focus { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.hover\:text-0\/40:hover { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.active\:text-0\/40:active { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +.focus\:text-0\/50:focus { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.hover\:text-0\/50:hover { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.active\:text-0\/50:active { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +.focus\:text-0\/60:focus { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.hover\:text-0\/60:hover { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.active\:text-0\/60:active { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +.focus\:text-0\/70:focus { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.hover\:text-0\/70:hover { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.active\:text-0\/70:active { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +.focus\:text-0\/80:focus { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.hover\:text-0\/80:hover { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.active\:text-0\/80:active { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +.focus\:text-0\/90:focus { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.hover\:text-0\/90:hover { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.active\:text-0\/90:active { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +.focus\:text-50:focus { + color: var(---surface-50) +} +.hover\:text-50:hover { + color: var(---surface-50) +} +.active\:text-50:active { + color: var(---surface-50) +} +.focus\:text-50\/10:focus { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.hover\:text-50\/10:hover { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.active\:text-50\/10:active { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +.focus\:text-50\/20:focus { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.hover\:text-50\/20:hover { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.active\:text-50\/20:active { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +.focus\:text-50\/30:focus { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.hover\:text-50\/30:hover { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.active\:text-50\/30:active { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +.focus\:text-50\/40:focus { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.hover\:text-50\/40:hover { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.active\:text-50\/40:active { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +.focus\:text-50\/50:focus { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.hover\:text-50\/50:hover { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.active\:text-50\/50:active { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +.focus\:text-50\/60:focus { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.hover\:text-50\/60:hover { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.active\:text-50\/60:active { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +.focus\:text-50\/70:focus { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.hover\:text-50\/70:hover { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.active\:text-50\/70:active { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +.focus\:text-50\/80:focus { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.hover\:text-50\/80:hover { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.active\:text-50\/80:active { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +.focus\:text-50\/90:focus { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.hover\:text-50\/90:hover { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.active\:text-50\/90:active { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +.focus\:text-100:focus { + color: var(---surface-100) +} +.hover\:text-100:hover { + color: var(---surface-100) +} +.active\:text-100:active { + color: var(---surface-100) +} +.focus\:text-100\/10:focus { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.hover\:text-100\/10:hover { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.active\:text-100\/10:active { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +.focus\:text-100\/20:focus { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.hover\:text-100\/20:hover { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.active\:text-100\/20:active { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +.focus\:text-100\/30:focus { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.hover\:text-100\/30:hover { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.active\:text-100\/30:active { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +.focus\:text-100\/40:focus { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.hover\:text-100\/40:hover { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.active\:text-100\/40:active { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +.focus\:text-100\/50:focus { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.hover\:text-100\/50:hover { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.active\:text-100\/50:active { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +.focus\:text-100\/60:focus { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.hover\:text-100\/60:hover { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.active\:text-100\/60:active { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +.focus\:text-100\/70:focus { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.hover\:text-100\/70:hover { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.active\:text-100\/70:active { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +.focus\:text-100\/80:focus { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.hover\:text-100\/80:hover { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.active\:text-100\/80:active { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +.focus\:text-100\/90:focus { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.hover\:text-100\/90:hover { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.active\:text-100\/90:active { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +.focus\:text-200:focus { + color: var(---surface-200) +} +.hover\:text-200:hover { + color: var(---surface-200) +} +.active\:text-200:active { + color: var(---surface-200) +} +.focus\:text-200\/10:focus { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.hover\:text-200\/10:hover { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.active\:text-200\/10:active { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +.focus\:text-200\/20:focus { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.hover\:text-200\/20:hover { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.active\:text-200\/20:active { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +.focus\:text-200\/30:focus { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.hover\:text-200\/30:hover { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.active\:text-200\/30:active { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +.focus\:text-200\/40:focus { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.hover\:text-200\/40:hover { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.active\:text-200\/40:active { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +.focus\:text-200\/50:focus { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.hover\:text-200\/50:hover { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.active\:text-200\/50:active { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +.focus\:text-200\/60:focus { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.hover\:text-200\/60:hover { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.active\:text-200\/60:active { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +.focus\:text-200\/70:focus { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.hover\:text-200\/70:hover { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.active\:text-200\/70:active { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +.focus\:text-200\/80:focus { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.hover\:text-200\/80:hover { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.active\:text-200\/80:active { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +.focus\:text-200\/90:focus { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.hover\:text-200\/90:hover { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.active\:text-200\/90:active { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +.focus\:text-300:focus { + color: var(---surface-300) +} +.hover\:text-300:hover { + color: var(---surface-300) +} +.active\:text-300:active { + color: var(---surface-300) +} +.focus\:text-300\/10:focus { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.hover\:text-300\/10:hover { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.active\:text-300\/10:active { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +.focus\:text-300\/20:focus { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.hover\:text-300\/20:hover { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.active\:text-300\/20:active { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +.focus\:text-300\/30:focus { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.hover\:text-300\/30:hover { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.active\:text-300\/30:active { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +.focus\:text-300\/40:focus { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.hover\:text-300\/40:hover { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.active\:text-300\/40:active { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +.focus\:text-300\/50:focus { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.hover\:text-300\/50:hover { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.active\:text-300\/50:active { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +.focus\:text-300\/60:focus { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.hover\:text-300\/60:hover { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.active\:text-300\/60:active { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +.focus\:text-300\/70:focus { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.hover\:text-300\/70:hover { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.active\:text-300\/70:active { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +.focus\:text-300\/80:focus { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.hover\:text-300\/80:hover { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.active\:text-300\/80:active { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +.focus\:text-300\/90:focus { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.hover\:text-300\/90:hover { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.active\:text-300\/90:active { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +.focus\:text-400:focus { + color: var(---surface-400) +} +.hover\:text-400:hover { + color: var(---surface-400) +} +.active\:text-400:active { + color: var(---surface-400) +} +.focus\:text-400\/10:focus { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.hover\:text-400\/10:hover { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.active\:text-400\/10:active { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +.focus\:text-400\/20:focus { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.hover\:text-400\/20:hover { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.active\:text-400\/20:active { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +.focus\:text-400\/30:focus { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.hover\:text-400\/30:hover { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.active\:text-400\/30:active { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +.focus\:text-400\/40:focus { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.hover\:text-400\/40:hover { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.active\:text-400\/40:active { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +.focus\:text-400\/50:focus { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.hover\:text-400\/50:hover { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.active\:text-400\/50:active { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +.focus\:text-400\/60:focus { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.hover\:text-400\/60:hover { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.active\:text-400\/60:active { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +.focus\:text-400\/70:focus { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.hover\:text-400\/70:hover { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.active\:text-400\/70:active { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +.focus\:text-400\/80:focus { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.hover\:text-400\/80:hover { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.active\:text-400\/80:active { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +.focus\:text-400\/90:focus { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.hover\:text-400\/90:hover { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.active\:text-400\/90:active { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +.focus\:text-500:focus { + color: var(---surface-500) +} +.hover\:text-500:hover { + color: var(---surface-500) +} +.active\:text-500:active { + color: var(---surface-500) +} +.focus\:text-500\/10:focus { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.hover\:text-500\/10:hover { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.active\:text-500\/10:active { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +.focus\:text-500\/20:focus { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.hover\:text-500\/20:hover { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.active\:text-500\/20:active { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +.focus\:text-500\/30:focus { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.hover\:text-500\/30:hover { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.active\:text-500\/30:active { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +.focus\:text-500\/40:focus { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.hover\:text-500\/40:hover { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.active\:text-500\/40:active { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +.focus\:text-500\/50:focus { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.hover\:text-500\/50:hover { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.active\:text-500\/50:active { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +.focus\:text-500\/60:focus { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.hover\:text-500\/60:hover { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.active\:text-500\/60:active { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +.focus\:text-500\/70:focus { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.hover\:text-500\/70:hover { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.active\:text-500\/70:active { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +.focus\:text-500\/80:focus { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.hover\:text-500\/80:hover { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.active\:text-500\/80:active { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +.focus\:text-500\/90:focus { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.hover\:text-500\/90:hover { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.active\:text-500\/90:active { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +.focus\:text-600:focus { + color: var(---surface-600) +} +.hover\:text-600:hover { + color: var(---surface-600) +} +.active\:text-600:active { + color: var(---surface-600) +} +.focus\:text-600\/10:focus { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.hover\:text-600\/10:hover { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.active\:text-600\/10:active { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +.focus\:text-600\/20:focus { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.hover\:text-600\/20:hover { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.active\:text-600\/20:active { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +.focus\:text-600\/30:focus { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.hover\:text-600\/30:hover { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.active\:text-600\/30:active { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +.focus\:text-600\/40:focus { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.hover\:text-600\/40:hover { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.active\:text-600\/40:active { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +.focus\:text-600\/50:focus { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.hover\:text-600\/50:hover { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.active\:text-600\/50:active { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +.focus\:text-600\/60:focus { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.hover\:text-600\/60:hover { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.active\:text-600\/60:active { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +.focus\:text-600\/70:focus { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.hover\:text-600\/70:hover { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.active\:text-600\/70:active { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +.focus\:text-600\/80:focus { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.hover\:text-600\/80:hover { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.active\:text-600\/80:active { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +.focus\:text-600\/90:focus { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.hover\:text-600\/90:hover { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.active\:text-600\/90:active { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +.focus\:text-700:focus { + color: var(---surface-700) +} +.hover\:text-700:hover { + color: var(---surface-700) +} +.active\:text-700:active { + color: var(---surface-700) +} +.focus\:text-700\/10:focus { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.hover\:text-700\/10:hover { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.active\:text-700\/10:active { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +.focus\:text-700\/20:focus { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.hover\:text-700\/20:hover { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.active\:text-700\/20:active { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +.focus\:text-700\/30:focus { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.hover\:text-700\/30:hover { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.active\:text-700\/30:active { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +.focus\:text-700\/40:focus { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.hover\:text-700\/40:hover { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.active\:text-700\/40:active { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +.focus\:text-700\/50:focus { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.hover\:text-700\/50:hover { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.active\:text-700\/50:active { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +.focus\:text-700\/60:focus { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.hover\:text-700\/60:hover { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.active\:text-700\/60:active { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +.focus\:text-700\/70:focus { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.hover\:text-700\/70:hover { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.active\:text-700\/70:active { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +.focus\:text-700\/80:focus { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.hover\:text-700\/80:hover { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.active\:text-700\/80:active { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +.focus\:text-700\/90:focus { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.hover\:text-700\/90:hover { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.active\:text-700\/90:active { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +.focus\:text-800:focus { + color: var(---surface-800) +} +.hover\:text-800:hover { + color: var(---surface-800) +} +.active\:text-800:active { + color: var(---surface-800) +} +.focus\:text-800\/10:focus { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.hover\:text-800\/10:hover { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.active\:text-800\/10:active { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +.focus\:text-800\/20:focus { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.hover\:text-800\/20:hover { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.active\:text-800\/20:active { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +.focus\:text-800\/30:focus { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.hover\:text-800\/30:hover { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.active\:text-800\/30:active { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +.focus\:text-800\/40:focus { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.hover\:text-800\/40:hover { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.active\:text-800\/40:active { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +.focus\:text-800\/50:focus { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.hover\:text-800\/50:hover { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.active\:text-800\/50:active { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +.focus\:text-800\/60:focus { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.hover\:text-800\/60:hover { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.active\:text-800\/60:active { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +.focus\:text-800\/70:focus { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.hover\:text-800\/70:hover { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.active\:text-800\/70:active { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +.focus\:text-800\/80:focus { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.hover\:text-800\/80:hover { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.active\:text-800\/80:active { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +.focus\:text-800\/90:focus { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.hover\:text-800\/90:hover { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.active\:text-800\/90:active { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +.focus\:text-900:focus { + color: var(---surface-900) +} +.hover\:text-900:hover { + color: var(---surface-900) +} +.active\:text-900:active { + color: var(---surface-900) +} +.focus\:text-900\/10:focus { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.hover\:text-900\/10:hover { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.active\:text-900\/10:active { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +.focus\:text-900\/20:focus { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.hover\:text-900\/20:hover { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.active\:text-900\/20:active { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +.focus\:text-900\/30:focus { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.hover\:text-900\/30:hover { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.active\:text-900\/30:active { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +.focus\:text-900\/40:focus { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.hover\:text-900\/40:hover { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.active\:text-900\/40:active { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +.focus\:text-900\/50:focus { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.hover\:text-900\/50:hover { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.active\:text-900\/50:active { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +.focus\:text-900\/60:focus { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.hover\:text-900\/60:hover { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.active\:text-900\/60:active { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +.focus\:text-900\/70:focus { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.hover\:text-900\/70:hover { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.active\:text-900\/70:active { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +.focus\:text-900\/80:focus { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.hover\:text-900\/80:hover { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.active\:text-900\/80:active { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +.focus\:text-900\/90:focus { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.hover\:text-900\/90:hover { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +.active\:text-900\/90:active { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:text-0 { + color: var(---surface-0) + } + .sm\:text-0\/10 { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:text-0\/20 { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:text-0\/30 { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:text-0\/40 { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:text-0\/50 { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:text-0\/60 { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:text-0\/70 { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:text-0\/80 { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:text-0\/90 { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:text-50 { + color: var(---surface-50) + } + .sm\:text-50\/10 { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:text-50\/20 { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:text-50\/30 { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:text-50\/40 { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:text-50\/50 { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:text-50\/60 { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:text-50\/70 { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:text-50\/80 { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:text-50\/90 { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:text-100 { + color: var(---surface-100) + } + .sm\:text-100\/10 { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:text-100\/20 { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:text-100\/30 { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:text-100\/40 { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:text-100\/50 { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:text-100\/60 { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:text-100\/70 { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:text-100\/80 { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:text-100\/90 { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:text-200 { + color: var(---surface-200) + } + .sm\:text-200\/10 { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:text-200\/20 { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:text-200\/30 { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:text-200\/40 { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:text-200\/50 { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:text-200\/60 { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:text-200\/70 { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:text-200\/80 { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:text-200\/90 { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:text-300 { + color: var(---surface-300) + } + .sm\:text-300\/10 { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:text-300\/20 { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:text-300\/30 { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:text-300\/40 { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:text-300\/50 { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:text-300\/60 { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:text-300\/70 { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:text-300\/80 { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:text-300\/90 { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:text-400 { + color: var(---surface-400) + } + .sm\:text-400\/10 { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:text-400\/20 { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:text-400\/30 { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:text-400\/40 { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:text-400\/50 { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:text-400\/60 { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:text-400\/70 { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:text-400\/80 { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:text-400\/90 { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:text-500 { + color: var(---surface-500) + } + .sm\:text-500\/10 { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:text-500\/20 { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:text-500\/30 { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:text-500\/40 { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:text-500\/50 { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:text-500\/60 { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:text-500\/70 { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:text-500\/80 { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:text-500\/90 { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:text-600 { + color: var(---surface-600) + } + .sm\:text-600\/10 { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:text-600\/20 { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:text-600\/30 { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:text-600\/40 { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:text-600\/50 { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:text-600\/60 { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:text-600\/70 { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:text-600\/80 { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:text-600\/90 { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:text-700 { + color: var(---surface-700) + } + .sm\:text-700\/10 { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:text-700\/20 { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:text-700\/30 { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:text-700\/40 { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:text-700\/50 { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:text-700\/60 { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:text-700\/70 { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:text-700\/80 { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:text-700\/90 { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:text-800 { + color: var(---surface-800) + } + .sm\:text-800\/10 { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:text-800\/20 { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:text-800\/30 { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:text-800\/40 { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:text-800\/50 { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:text-800\/60 { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:text-800\/70 { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:text-800\/80 { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:text-800\/90 { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:text-900 { + color: var(---surface-900) + } + .sm\:text-900\/10 { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:text-900\/20 { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:text-900\/30 { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:text-900\/40 { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:text-900\/50 { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:text-900\/60 { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:text-900\/70 { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:text-900\/80 { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:text-900\/90 { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:focus\:text-0:focus { + color: var(---surface-0) + } + .sm\:hover\:text-0:hover { + color: var(---surface-0) + } + .sm\:active\:text-0:active { + color: var(---surface-0) + } + .sm\:focus\:text-0\/10:focus { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:hover\:text-0\/10:hover { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:active\:text-0\/10:active { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .sm\:focus\:text-0\/20:focus { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:hover\:text-0\/20:hover { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:active\:text-0\/20:active { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .sm\:focus\:text-0\/30:focus { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:hover\:text-0\/30:hover { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:active\:text-0\/30:active { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .sm\:focus\:text-0\/40:focus { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:hover\:text-0\/40:hover { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:active\:text-0\/40:active { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .sm\:focus\:text-0\/50:focus { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:hover\:text-0\/50:hover { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:active\:text-0\/50:active { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .sm\:focus\:text-0\/60:focus { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:hover\:text-0\/60:hover { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:active\:text-0\/60:active { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .sm\:focus\:text-0\/70:focus { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:hover\:text-0\/70:hover { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:active\:text-0\/70:active { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .sm\:focus\:text-0\/80:focus { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:hover\:text-0\/80:hover { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:active\:text-0\/80:active { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .sm\:focus\:text-0\/90:focus { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:hover\:text-0\/90:hover { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:active\:text-0\/90:active { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .sm\:focus\:text-50:focus { + color: var(---surface-50) + } + .sm\:hover\:text-50:hover { + color: var(---surface-50) + } + .sm\:active\:text-50:active { + color: var(---surface-50) + } + .sm\:focus\:text-50\/10:focus { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:hover\:text-50\/10:hover { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:active\:text-50\/10:active { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .sm\:focus\:text-50\/20:focus { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:hover\:text-50\/20:hover { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:active\:text-50\/20:active { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .sm\:focus\:text-50\/30:focus { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:hover\:text-50\/30:hover { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:active\:text-50\/30:active { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .sm\:focus\:text-50\/40:focus { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:hover\:text-50\/40:hover { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:active\:text-50\/40:active { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .sm\:focus\:text-50\/50:focus { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:hover\:text-50\/50:hover { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:active\:text-50\/50:active { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .sm\:focus\:text-50\/60:focus { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:hover\:text-50\/60:hover { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:active\:text-50\/60:active { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .sm\:focus\:text-50\/70:focus { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:hover\:text-50\/70:hover { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:active\:text-50\/70:active { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .sm\:focus\:text-50\/80:focus { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:hover\:text-50\/80:hover { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:active\:text-50\/80:active { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .sm\:focus\:text-50\/90:focus { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:hover\:text-50\/90:hover { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:active\:text-50\/90:active { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .sm\:focus\:text-100:focus { + color: var(---surface-100) + } + .sm\:hover\:text-100:hover { + color: var(---surface-100) + } + .sm\:active\:text-100:active { + color: var(---surface-100) + } + .sm\:focus\:text-100\/10:focus { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:hover\:text-100\/10:hover { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:active\:text-100\/10:active { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .sm\:focus\:text-100\/20:focus { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:hover\:text-100\/20:hover { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:active\:text-100\/20:active { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .sm\:focus\:text-100\/30:focus { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:hover\:text-100\/30:hover { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:active\:text-100\/30:active { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .sm\:focus\:text-100\/40:focus { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:hover\:text-100\/40:hover { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:active\:text-100\/40:active { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .sm\:focus\:text-100\/50:focus { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:hover\:text-100\/50:hover { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:active\:text-100\/50:active { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .sm\:focus\:text-100\/60:focus { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:hover\:text-100\/60:hover { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:active\:text-100\/60:active { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .sm\:focus\:text-100\/70:focus { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:hover\:text-100\/70:hover { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:active\:text-100\/70:active { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .sm\:focus\:text-100\/80:focus { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:hover\:text-100\/80:hover { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:active\:text-100\/80:active { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .sm\:focus\:text-100\/90:focus { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:hover\:text-100\/90:hover { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:active\:text-100\/90:active { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .sm\:focus\:text-200:focus { + color: var(---surface-200) + } + .sm\:hover\:text-200:hover { + color: var(---surface-200) + } + .sm\:active\:text-200:active { + color: var(---surface-200) + } + .sm\:focus\:text-200\/10:focus { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:hover\:text-200\/10:hover { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:active\:text-200\/10:active { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .sm\:focus\:text-200\/20:focus { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:hover\:text-200\/20:hover { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:active\:text-200\/20:active { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .sm\:focus\:text-200\/30:focus { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:hover\:text-200\/30:hover { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:active\:text-200\/30:active { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .sm\:focus\:text-200\/40:focus { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:hover\:text-200\/40:hover { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:active\:text-200\/40:active { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .sm\:focus\:text-200\/50:focus { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:hover\:text-200\/50:hover { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:active\:text-200\/50:active { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .sm\:focus\:text-200\/60:focus { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:hover\:text-200\/60:hover { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:active\:text-200\/60:active { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .sm\:focus\:text-200\/70:focus { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:hover\:text-200\/70:hover { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:active\:text-200\/70:active { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .sm\:focus\:text-200\/80:focus { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:hover\:text-200\/80:hover { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:active\:text-200\/80:active { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .sm\:focus\:text-200\/90:focus { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:hover\:text-200\/90:hover { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:active\:text-200\/90:active { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .sm\:focus\:text-300:focus { + color: var(---surface-300) + } + .sm\:hover\:text-300:hover { + color: var(---surface-300) + } + .sm\:active\:text-300:active { + color: var(---surface-300) + } + .sm\:focus\:text-300\/10:focus { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:hover\:text-300\/10:hover { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:active\:text-300\/10:active { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .sm\:focus\:text-300\/20:focus { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:hover\:text-300\/20:hover { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:active\:text-300\/20:active { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .sm\:focus\:text-300\/30:focus { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:hover\:text-300\/30:hover { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:active\:text-300\/30:active { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .sm\:focus\:text-300\/40:focus { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:hover\:text-300\/40:hover { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:active\:text-300\/40:active { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .sm\:focus\:text-300\/50:focus { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:hover\:text-300\/50:hover { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:active\:text-300\/50:active { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .sm\:focus\:text-300\/60:focus { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:hover\:text-300\/60:hover { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:active\:text-300\/60:active { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .sm\:focus\:text-300\/70:focus { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:hover\:text-300\/70:hover { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:active\:text-300\/70:active { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .sm\:focus\:text-300\/80:focus { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:hover\:text-300\/80:hover { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:active\:text-300\/80:active { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .sm\:focus\:text-300\/90:focus { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:hover\:text-300\/90:hover { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:active\:text-300\/90:active { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .sm\:focus\:text-400:focus { + color: var(---surface-400) + } + .sm\:hover\:text-400:hover { + color: var(---surface-400) + } + .sm\:active\:text-400:active { + color: var(---surface-400) + } + .sm\:focus\:text-400\/10:focus { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:hover\:text-400\/10:hover { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:active\:text-400\/10:active { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .sm\:focus\:text-400\/20:focus { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:hover\:text-400\/20:hover { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:active\:text-400\/20:active { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .sm\:focus\:text-400\/30:focus { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:hover\:text-400\/30:hover { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:active\:text-400\/30:active { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .sm\:focus\:text-400\/40:focus { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:hover\:text-400\/40:hover { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:active\:text-400\/40:active { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .sm\:focus\:text-400\/50:focus { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:hover\:text-400\/50:hover { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:active\:text-400\/50:active { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .sm\:focus\:text-400\/60:focus { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:hover\:text-400\/60:hover { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:active\:text-400\/60:active { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .sm\:focus\:text-400\/70:focus { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:hover\:text-400\/70:hover { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:active\:text-400\/70:active { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .sm\:focus\:text-400\/80:focus { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:hover\:text-400\/80:hover { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:active\:text-400\/80:active { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .sm\:focus\:text-400\/90:focus { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:hover\:text-400\/90:hover { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:active\:text-400\/90:active { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .sm\:focus\:text-500:focus { + color: var(---surface-500) + } + .sm\:hover\:text-500:hover { + color: var(---surface-500) + } + .sm\:active\:text-500:active { + color: var(---surface-500) + } + .sm\:focus\:text-500\/10:focus { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:hover\:text-500\/10:hover { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:active\:text-500\/10:active { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .sm\:focus\:text-500\/20:focus { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:hover\:text-500\/20:hover { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:active\:text-500\/20:active { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .sm\:focus\:text-500\/30:focus { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:hover\:text-500\/30:hover { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:active\:text-500\/30:active { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .sm\:focus\:text-500\/40:focus { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:hover\:text-500\/40:hover { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:active\:text-500\/40:active { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .sm\:focus\:text-500\/50:focus { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:hover\:text-500\/50:hover { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:active\:text-500\/50:active { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .sm\:focus\:text-500\/60:focus { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:hover\:text-500\/60:hover { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:active\:text-500\/60:active { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .sm\:focus\:text-500\/70:focus { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:hover\:text-500\/70:hover { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:active\:text-500\/70:active { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .sm\:focus\:text-500\/80:focus { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:hover\:text-500\/80:hover { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:active\:text-500\/80:active { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .sm\:focus\:text-500\/90:focus { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:hover\:text-500\/90:hover { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:active\:text-500\/90:active { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .sm\:focus\:text-600:focus { + color: var(---surface-600) + } + .sm\:hover\:text-600:hover { + color: var(---surface-600) + } + .sm\:active\:text-600:active { + color: var(---surface-600) + } + .sm\:focus\:text-600\/10:focus { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:hover\:text-600\/10:hover { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:active\:text-600\/10:active { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .sm\:focus\:text-600\/20:focus { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:hover\:text-600\/20:hover { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:active\:text-600\/20:active { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .sm\:focus\:text-600\/30:focus { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:hover\:text-600\/30:hover { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:active\:text-600\/30:active { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .sm\:focus\:text-600\/40:focus { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:hover\:text-600\/40:hover { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:active\:text-600\/40:active { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .sm\:focus\:text-600\/50:focus { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:hover\:text-600\/50:hover { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:active\:text-600\/50:active { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .sm\:focus\:text-600\/60:focus { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:hover\:text-600\/60:hover { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:active\:text-600\/60:active { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .sm\:focus\:text-600\/70:focus { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:hover\:text-600\/70:hover { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:active\:text-600\/70:active { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .sm\:focus\:text-600\/80:focus { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:hover\:text-600\/80:hover { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:active\:text-600\/80:active { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .sm\:focus\:text-600\/90:focus { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:hover\:text-600\/90:hover { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:active\:text-600\/90:active { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .sm\:focus\:text-700:focus { + color: var(---surface-700) + } + .sm\:hover\:text-700:hover { + color: var(---surface-700) + } + .sm\:active\:text-700:active { + color: var(---surface-700) + } + .sm\:focus\:text-700\/10:focus { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:hover\:text-700\/10:hover { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:active\:text-700\/10:active { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .sm\:focus\:text-700\/20:focus { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:hover\:text-700\/20:hover { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:active\:text-700\/20:active { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .sm\:focus\:text-700\/30:focus { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:hover\:text-700\/30:hover { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:active\:text-700\/30:active { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .sm\:focus\:text-700\/40:focus { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:hover\:text-700\/40:hover { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:active\:text-700\/40:active { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .sm\:focus\:text-700\/50:focus { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:hover\:text-700\/50:hover { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:active\:text-700\/50:active { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .sm\:focus\:text-700\/60:focus { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:hover\:text-700\/60:hover { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:active\:text-700\/60:active { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .sm\:focus\:text-700\/70:focus { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:hover\:text-700\/70:hover { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:active\:text-700\/70:active { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .sm\:focus\:text-700\/80:focus { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:hover\:text-700\/80:hover { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:active\:text-700\/80:active { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .sm\:focus\:text-700\/90:focus { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:hover\:text-700\/90:hover { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:active\:text-700\/90:active { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .sm\:focus\:text-800:focus { + color: var(---surface-800) + } + .sm\:hover\:text-800:hover { + color: var(---surface-800) + } + .sm\:active\:text-800:active { + color: var(---surface-800) + } + .sm\:focus\:text-800\/10:focus { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:hover\:text-800\/10:hover { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:active\:text-800\/10:active { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .sm\:focus\:text-800\/20:focus { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:hover\:text-800\/20:hover { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:active\:text-800\/20:active { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .sm\:focus\:text-800\/30:focus { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:hover\:text-800\/30:hover { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:active\:text-800\/30:active { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .sm\:focus\:text-800\/40:focus { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:hover\:text-800\/40:hover { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:active\:text-800\/40:active { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .sm\:focus\:text-800\/50:focus { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:hover\:text-800\/50:hover { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:active\:text-800\/50:active { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .sm\:focus\:text-800\/60:focus { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:hover\:text-800\/60:hover { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:active\:text-800\/60:active { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .sm\:focus\:text-800\/70:focus { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:hover\:text-800\/70:hover { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:active\:text-800\/70:active { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .sm\:focus\:text-800\/80:focus { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:hover\:text-800\/80:hover { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:active\:text-800\/80:active { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .sm\:focus\:text-800\/90:focus { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:hover\:text-800\/90:hover { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:active\:text-800\/90:active { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .sm\:focus\:text-900:focus { + color: var(---surface-900) + } + .sm\:hover\:text-900:hover { + color: var(---surface-900) + } + .sm\:active\:text-900:active { + color: var(---surface-900) + } + .sm\:focus\:text-900\/10:focus { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:hover\:text-900\/10:hover { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:active\:text-900\/10:active { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .sm\:focus\:text-900\/20:focus { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:hover\:text-900\/20:hover { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:active\:text-900\/20:active { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .sm\:focus\:text-900\/30:focus { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:hover\:text-900\/30:hover { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:active\:text-900\/30:active { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .sm\:focus\:text-900\/40:focus { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:hover\:text-900\/40:hover { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:active\:text-900\/40:active { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .sm\:focus\:text-900\/50:focus { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:hover\:text-900\/50:hover { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:active\:text-900\/50:active { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .sm\:focus\:text-900\/60:focus { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:hover\:text-900\/60:hover { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:active\:text-900\/60:active { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .sm\:focus\:text-900\/70:focus { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:hover\:text-900\/70:hover { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:active\:text-900\/70:active { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .sm\:focus\:text-900\/80:focus { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:hover\:text-900\/80:hover { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:active\:text-900\/80:active { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .sm\:focus\:text-900\/90:focus { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:hover\:text-900\/90:hover { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .sm\:active\:text-900\/90:active { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:text-0 { + color: var(---surface-0) + } + .md\:text-0\/10 { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:text-0\/20 { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:text-0\/30 { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:text-0\/40 { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:text-0\/50 { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:text-0\/60 { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:text-0\/70 { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:text-0\/80 { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:text-0\/90 { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:text-50 { + color: var(---surface-50) + } + .md\:text-50\/10 { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:text-50\/20 { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:text-50\/30 { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:text-50\/40 { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:text-50\/50 { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:text-50\/60 { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:text-50\/70 { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:text-50\/80 { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:text-50\/90 { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:text-100 { + color: var(---surface-100) + } + .md\:text-100\/10 { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:text-100\/20 { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:text-100\/30 { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:text-100\/40 { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:text-100\/50 { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:text-100\/60 { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:text-100\/70 { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:text-100\/80 { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:text-100\/90 { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:text-200 { + color: var(---surface-200) + } + .md\:text-200\/10 { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:text-200\/20 { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:text-200\/30 { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:text-200\/40 { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:text-200\/50 { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:text-200\/60 { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:text-200\/70 { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:text-200\/80 { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:text-200\/90 { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:text-300 { + color: var(---surface-300) + } + .md\:text-300\/10 { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:text-300\/20 { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:text-300\/30 { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:text-300\/40 { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:text-300\/50 { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:text-300\/60 { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:text-300\/70 { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:text-300\/80 { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:text-300\/90 { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:text-400 { + color: var(---surface-400) + } + .md\:text-400\/10 { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:text-400\/20 { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:text-400\/30 { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:text-400\/40 { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:text-400\/50 { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:text-400\/60 { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:text-400\/70 { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:text-400\/80 { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:text-400\/90 { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:text-500 { + color: var(---surface-500) + } + .md\:text-500\/10 { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:text-500\/20 { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:text-500\/30 { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:text-500\/40 { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:text-500\/50 { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:text-500\/60 { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:text-500\/70 { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:text-500\/80 { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:text-500\/90 { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:text-600 { + color: var(---surface-600) + } + .md\:text-600\/10 { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:text-600\/20 { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:text-600\/30 { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:text-600\/40 { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:text-600\/50 { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:text-600\/60 { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:text-600\/70 { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:text-600\/80 { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:text-600\/90 { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:text-700 { + color: var(---surface-700) + } + .md\:text-700\/10 { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:text-700\/20 { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:text-700\/30 { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:text-700\/40 { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:text-700\/50 { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:text-700\/60 { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:text-700\/70 { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:text-700\/80 { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:text-700\/90 { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:text-800 { + color: var(---surface-800) + } + .md\:text-800\/10 { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:text-800\/20 { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:text-800\/30 { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:text-800\/40 { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:text-800\/50 { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:text-800\/60 { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:text-800\/70 { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:text-800\/80 { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:text-800\/90 { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:text-900 { + color: var(---surface-900) + } + .md\:text-900\/10 { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:text-900\/20 { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:text-900\/30 { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:text-900\/40 { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:text-900\/50 { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:text-900\/60 { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:text-900\/70 { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:text-900\/80 { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:text-900\/90 { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:focus\:text-0:focus { + color: var(---surface-0) + } + .md\:hover\:text-0:hover { + color: var(---surface-0) + } + .md\:active\:text-0:active { + color: var(---surface-0) + } + .md\:focus\:text-0\/10:focus { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:hover\:text-0\/10:hover { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:active\:text-0\/10:active { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .md\:focus\:text-0\/20:focus { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:hover\:text-0\/20:hover { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:active\:text-0\/20:active { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .md\:focus\:text-0\/30:focus { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:hover\:text-0\/30:hover { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:active\:text-0\/30:active { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .md\:focus\:text-0\/40:focus { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:hover\:text-0\/40:hover { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:active\:text-0\/40:active { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .md\:focus\:text-0\/50:focus { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:hover\:text-0\/50:hover { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:active\:text-0\/50:active { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .md\:focus\:text-0\/60:focus { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:hover\:text-0\/60:hover { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:active\:text-0\/60:active { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .md\:focus\:text-0\/70:focus { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:hover\:text-0\/70:hover { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:active\:text-0\/70:active { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .md\:focus\:text-0\/80:focus { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:hover\:text-0\/80:hover { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:active\:text-0\/80:active { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .md\:focus\:text-0\/90:focus { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:hover\:text-0\/90:hover { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:active\:text-0\/90:active { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .md\:focus\:text-50:focus { + color: var(---surface-50) + } + .md\:hover\:text-50:hover { + color: var(---surface-50) + } + .md\:active\:text-50:active { + color: var(---surface-50) + } + .md\:focus\:text-50\/10:focus { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:hover\:text-50\/10:hover { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:active\:text-50\/10:active { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .md\:focus\:text-50\/20:focus { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:hover\:text-50\/20:hover { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:active\:text-50\/20:active { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .md\:focus\:text-50\/30:focus { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:hover\:text-50\/30:hover { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:active\:text-50\/30:active { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .md\:focus\:text-50\/40:focus { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:hover\:text-50\/40:hover { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:active\:text-50\/40:active { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .md\:focus\:text-50\/50:focus { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:hover\:text-50\/50:hover { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:active\:text-50\/50:active { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .md\:focus\:text-50\/60:focus { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:hover\:text-50\/60:hover { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:active\:text-50\/60:active { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .md\:focus\:text-50\/70:focus { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:hover\:text-50\/70:hover { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:active\:text-50\/70:active { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .md\:focus\:text-50\/80:focus { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:hover\:text-50\/80:hover { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:active\:text-50\/80:active { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .md\:focus\:text-50\/90:focus { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:hover\:text-50\/90:hover { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:active\:text-50\/90:active { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .md\:focus\:text-100:focus { + color: var(---surface-100) + } + .md\:hover\:text-100:hover { + color: var(---surface-100) + } + .md\:active\:text-100:active { + color: var(---surface-100) + } + .md\:focus\:text-100\/10:focus { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:hover\:text-100\/10:hover { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:active\:text-100\/10:active { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .md\:focus\:text-100\/20:focus { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:hover\:text-100\/20:hover { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:active\:text-100\/20:active { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .md\:focus\:text-100\/30:focus { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:hover\:text-100\/30:hover { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:active\:text-100\/30:active { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .md\:focus\:text-100\/40:focus { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:hover\:text-100\/40:hover { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:active\:text-100\/40:active { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .md\:focus\:text-100\/50:focus { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:hover\:text-100\/50:hover { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:active\:text-100\/50:active { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .md\:focus\:text-100\/60:focus { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:hover\:text-100\/60:hover { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:active\:text-100\/60:active { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .md\:focus\:text-100\/70:focus { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:hover\:text-100\/70:hover { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:active\:text-100\/70:active { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .md\:focus\:text-100\/80:focus { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:hover\:text-100\/80:hover { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:active\:text-100\/80:active { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .md\:focus\:text-100\/90:focus { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:hover\:text-100\/90:hover { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:active\:text-100\/90:active { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .md\:focus\:text-200:focus { + color: var(---surface-200) + } + .md\:hover\:text-200:hover { + color: var(---surface-200) + } + .md\:active\:text-200:active { + color: var(---surface-200) + } + .md\:focus\:text-200\/10:focus { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:hover\:text-200\/10:hover { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:active\:text-200\/10:active { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .md\:focus\:text-200\/20:focus { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:hover\:text-200\/20:hover { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:active\:text-200\/20:active { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .md\:focus\:text-200\/30:focus { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:hover\:text-200\/30:hover { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:active\:text-200\/30:active { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .md\:focus\:text-200\/40:focus { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:hover\:text-200\/40:hover { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:active\:text-200\/40:active { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .md\:focus\:text-200\/50:focus { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:hover\:text-200\/50:hover { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:active\:text-200\/50:active { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .md\:focus\:text-200\/60:focus { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:hover\:text-200\/60:hover { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:active\:text-200\/60:active { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .md\:focus\:text-200\/70:focus { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:hover\:text-200\/70:hover { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:active\:text-200\/70:active { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .md\:focus\:text-200\/80:focus { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:hover\:text-200\/80:hover { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:active\:text-200\/80:active { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .md\:focus\:text-200\/90:focus { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:hover\:text-200\/90:hover { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:active\:text-200\/90:active { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .md\:focus\:text-300:focus { + color: var(---surface-300) + } + .md\:hover\:text-300:hover { + color: var(---surface-300) + } + .md\:active\:text-300:active { + color: var(---surface-300) + } + .md\:focus\:text-300\/10:focus { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:hover\:text-300\/10:hover { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:active\:text-300\/10:active { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .md\:focus\:text-300\/20:focus { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:hover\:text-300\/20:hover { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:active\:text-300\/20:active { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .md\:focus\:text-300\/30:focus { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:hover\:text-300\/30:hover { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:active\:text-300\/30:active { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .md\:focus\:text-300\/40:focus { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:hover\:text-300\/40:hover { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:active\:text-300\/40:active { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .md\:focus\:text-300\/50:focus { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:hover\:text-300\/50:hover { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:active\:text-300\/50:active { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .md\:focus\:text-300\/60:focus { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:hover\:text-300\/60:hover { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:active\:text-300\/60:active { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .md\:focus\:text-300\/70:focus { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:hover\:text-300\/70:hover { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:active\:text-300\/70:active { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .md\:focus\:text-300\/80:focus { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:hover\:text-300\/80:hover { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:active\:text-300\/80:active { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .md\:focus\:text-300\/90:focus { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:hover\:text-300\/90:hover { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:active\:text-300\/90:active { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .md\:focus\:text-400:focus { + color: var(---surface-400) + } + .md\:hover\:text-400:hover { + color: var(---surface-400) + } + .md\:active\:text-400:active { + color: var(---surface-400) + } + .md\:focus\:text-400\/10:focus { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:hover\:text-400\/10:hover { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:active\:text-400\/10:active { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .md\:focus\:text-400\/20:focus { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:hover\:text-400\/20:hover { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:active\:text-400\/20:active { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .md\:focus\:text-400\/30:focus { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:hover\:text-400\/30:hover { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:active\:text-400\/30:active { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .md\:focus\:text-400\/40:focus { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:hover\:text-400\/40:hover { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:active\:text-400\/40:active { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .md\:focus\:text-400\/50:focus { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:hover\:text-400\/50:hover { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:active\:text-400\/50:active { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .md\:focus\:text-400\/60:focus { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:hover\:text-400\/60:hover { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:active\:text-400\/60:active { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .md\:focus\:text-400\/70:focus { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:hover\:text-400\/70:hover { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:active\:text-400\/70:active { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .md\:focus\:text-400\/80:focus { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:hover\:text-400\/80:hover { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:active\:text-400\/80:active { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .md\:focus\:text-400\/90:focus { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:hover\:text-400\/90:hover { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:active\:text-400\/90:active { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .md\:focus\:text-500:focus { + color: var(---surface-500) + } + .md\:hover\:text-500:hover { + color: var(---surface-500) + } + .md\:active\:text-500:active { + color: var(---surface-500) + } + .md\:focus\:text-500\/10:focus { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:hover\:text-500\/10:hover { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:active\:text-500\/10:active { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .md\:focus\:text-500\/20:focus { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:hover\:text-500\/20:hover { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:active\:text-500\/20:active { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .md\:focus\:text-500\/30:focus { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:hover\:text-500\/30:hover { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:active\:text-500\/30:active { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .md\:focus\:text-500\/40:focus { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:hover\:text-500\/40:hover { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:active\:text-500\/40:active { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .md\:focus\:text-500\/50:focus { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:hover\:text-500\/50:hover { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:active\:text-500\/50:active { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .md\:focus\:text-500\/60:focus { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:hover\:text-500\/60:hover { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:active\:text-500\/60:active { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .md\:focus\:text-500\/70:focus { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:hover\:text-500\/70:hover { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:active\:text-500\/70:active { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .md\:focus\:text-500\/80:focus { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:hover\:text-500\/80:hover { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:active\:text-500\/80:active { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .md\:focus\:text-500\/90:focus { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:hover\:text-500\/90:hover { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:active\:text-500\/90:active { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .md\:focus\:text-600:focus { + color: var(---surface-600) + } + .md\:hover\:text-600:hover { + color: var(---surface-600) + } + .md\:active\:text-600:active { + color: var(---surface-600) + } + .md\:focus\:text-600\/10:focus { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:hover\:text-600\/10:hover { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:active\:text-600\/10:active { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .md\:focus\:text-600\/20:focus { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:hover\:text-600\/20:hover { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:active\:text-600\/20:active { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .md\:focus\:text-600\/30:focus { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:hover\:text-600\/30:hover { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:active\:text-600\/30:active { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .md\:focus\:text-600\/40:focus { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:hover\:text-600\/40:hover { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:active\:text-600\/40:active { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .md\:focus\:text-600\/50:focus { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:hover\:text-600\/50:hover { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:active\:text-600\/50:active { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .md\:focus\:text-600\/60:focus { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:hover\:text-600\/60:hover { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:active\:text-600\/60:active { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .md\:focus\:text-600\/70:focus { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:hover\:text-600\/70:hover { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:active\:text-600\/70:active { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .md\:focus\:text-600\/80:focus { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:hover\:text-600\/80:hover { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:active\:text-600\/80:active { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .md\:focus\:text-600\/90:focus { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:hover\:text-600\/90:hover { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:active\:text-600\/90:active { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .md\:focus\:text-700:focus { + color: var(---surface-700) + } + .md\:hover\:text-700:hover { + color: var(---surface-700) + } + .md\:active\:text-700:active { + color: var(---surface-700) + } + .md\:focus\:text-700\/10:focus { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:hover\:text-700\/10:hover { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:active\:text-700\/10:active { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .md\:focus\:text-700\/20:focus { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:hover\:text-700\/20:hover { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:active\:text-700\/20:active { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .md\:focus\:text-700\/30:focus { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:hover\:text-700\/30:hover { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:active\:text-700\/30:active { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .md\:focus\:text-700\/40:focus { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:hover\:text-700\/40:hover { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:active\:text-700\/40:active { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .md\:focus\:text-700\/50:focus { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:hover\:text-700\/50:hover { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:active\:text-700\/50:active { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .md\:focus\:text-700\/60:focus { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:hover\:text-700\/60:hover { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:active\:text-700\/60:active { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .md\:focus\:text-700\/70:focus { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:hover\:text-700\/70:hover { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:active\:text-700\/70:active { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .md\:focus\:text-700\/80:focus { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:hover\:text-700\/80:hover { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:active\:text-700\/80:active { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .md\:focus\:text-700\/90:focus { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:hover\:text-700\/90:hover { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:active\:text-700\/90:active { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .md\:focus\:text-800:focus { + color: var(---surface-800) + } + .md\:hover\:text-800:hover { + color: var(---surface-800) + } + .md\:active\:text-800:active { + color: var(---surface-800) + } + .md\:focus\:text-800\/10:focus { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:hover\:text-800\/10:hover { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:active\:text-800\/10:active { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .md\:focus\:text-800\/20:focus { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:hover\:text-800\/20:hover { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:active\:text-800\/20:active { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .md\:focus\:text-800\/30:focus { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:hover\:text-800\/30:hover { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:active\:text-800\/30:active { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .md\:focus\:text-800\/40:focus { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:hover\:text-800\/40:hover { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:active\:text-800\/40:active { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .md\:focus\:text-800\/50:focus { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:hover\:text-800\/50:hover { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:active\:text-800\/50:active { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .md\:focus\:text-800\/60:focus { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:hover\:text-800\/60:hover { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:active\:text-800\/60:active { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .md\:focus\:text-800\/70:focus { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:hover\:text-800\/70:hover { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:active\:text-800\/70:active { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .md\:focus\:text-800\/80:focus { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:hover\:text-800\/80:hover { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:active\:text-800\/80:active { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .md\:focus\:text-800\/90:focus { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:hover\:text-800\/90:hover { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:active\:text-800\/90:active { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .md\:focus\:text-900:focus { + color: var(---surface-900) + } + .md\:hover\:text-900:hover { + color: var(---surface-900) + } + .md\:active\:text-900:active { + color: var(---surface-900) + } + .md\:focus\:text-900\/10:focus { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:hover\:text-900\/10:hover { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:active\:text-900\/10:active { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .md\:focus\:text-900\/20:focus { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:hover\:text-900\/20:hover { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:active\:text-900\/20:active { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .md\:focus\:text-900\/30:focus { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:hover\:text-900\/30:hover { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:active\:text-900\/30:active { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .md\:focus\:text-900\/40:focus { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:hover\:text-900\/40:hover { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:active\:text-900\/40:active { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .md\:focus\:text-900\/50:focus { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:hover\:text-900\/50:hover { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:active\:text-900\/50:active { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .md\:focus\:text-900\/60:focus { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:hover\:text-900\/60:hover { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:active\:text-900\/60:active { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .md\:focus\:text-900\/70:focus { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:hover\:text-900\/70:hover { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:active\:text-900\/70:active { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .md\:focus\:text-900\/80:focus { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:hover\:text-900\/80:hover { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:active\:text-900\/80:active { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .md\:focus\:text-900\/90:focus { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:hover\:text-900\/90:hover { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .md\:active\:text-900\/90:active { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:text-0 { + color: var(---surface-0) + } + .lg\:text-0\/10 { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:text-0\/20 { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:text-0\/30 { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:text-0\/40 { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:text-0\/50 { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:text-0\/60 { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:text-0\/70 { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:text-0\/80 { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:text-0\/90 { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:text-50 { + color: var(---surface-50) + } + .lg\:text-50\/10 { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:text-50\/20 { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:text-50\/30 { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:text-50\/40 { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:text-50\/50 { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:text-50\/60 { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:text-50\/70 { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:text-50\/80 { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:text-50\/90 { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:text-100 { + color: var(---surface-100) + } + .lg\:text-100\/10 { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:text-100\/20 { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:text-100\/30 { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:text-100\/40 { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:text-100\/50 { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:text-100\/60 { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:text-100\/70 { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:text-100\/80 { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:text-100\/90 { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:text-200 { + color: var(---surface-200) + } + .lg\:text-200\/10 { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:text-200\/20 { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:text-200\/30 { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:text-200\/40 { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:text-200\/50 { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:text-200\/60 { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:text-200\/70 { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:text-200\/80 { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:text-200\/90 { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:text-300 { + color: var(---surface-300) + } + .lg\:text-300\/10 { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:text-300\/20 { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:text-300\/30 { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:text-300\/40 { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:text-300\/50 { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:text-300\/60 { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:text-300\/70 { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:text-300\/80 { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:text-300\/90 { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:text-400 { + color: var(---surface-400) + } + .lg\:text-400\/10 { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:text-400\/20 { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:text-400\/30 { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:text-400\/40 { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:text-400\/50 { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:text-400\/60 { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:text-400\/70 { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:text-400\/80 { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:text-400\/90 { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:text-500 { + color: var(---surface-500) + } + .lg\:text-500\/10 { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:text-500\/20 { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:text-500\/30 { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:text-500\/40 { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:text-500\/50 { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:text-500\/60 { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:text-500\/70 { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:text-500\/80 { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:text-500\/90 { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:text-600 { + color: var(---surface-600) + } + .lg\:text-600\/10 { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:text-600\/20 { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:text-600\/30 { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:text-600\/40 { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:text-600\/50 { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:text-600\/60 { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:text-600\/70 { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:text-600\/80 { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:text-600\/90 { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:text-700 { + color: var(---surface-700) + } + .lg\:text-700\/10 { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:text-700\/20 { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:text-700\/30 { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:text-700\/40 { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:text-700\/50 { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:text-700\/60 { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:text-700\/70 { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:text-700\/80 { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:text-700\/90 { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:text-800 { + color: var(---surface-800) + } + .lg\:text-800\/10 { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:text-800\/20 { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:text-800\/30 { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:text-800\/40 { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:text-800\/50 { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:text-800\/60 { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:text-800\/70 { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:text-800\/80 { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:text-800\/90 { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:text-900 { + color: var(---surface-900) + } + .lg\:text-900\/10 { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:text-900\/20 { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:text-900\/30 { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:text-900\/40 { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:text-900\/50 { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:text-900\/60 { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:text-900\/70 { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:text-900\/80 { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:text-900\/90 { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:focus\:text-0:focus { + color: var(---surface-0) + } + .lg\:hover\:text-0:hover { + color: var(---surface-0) + } + .lg\:active\:text-0:active { + color: var(---surface-0) + } + .lg\:focus\:text-0\/10:focus { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:hover\:text-0\/10:hover { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:active\:text-0\/10:active { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .lg\:focus\:text-0\/20:focus { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:hover\:text-0\/20:hover { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:active\:text-0\/20:active { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .lg\:focus\:text-0\/30:focus { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:hover\:text-0\/30:hover { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:active\:text-0\/30:active { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .lg\:focus\:text-0\/40:focus { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:hover\:text-0\/40:hover { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:active\:text-0\/40:active { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .lg\:focus\:text-0\/50:focus { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:hover\:text-0\/50:hover { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:active\:text-0\/50:active { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .lg\:focus\:text-0\/60:focus { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:hover\:text-0\/60:hover { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:active\:text-0\/60:active { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .lg\:focus\:text-0\/70:focus { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:hover\:text-0\/70:hover { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:active\:text-0\/70:active { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .lg\:focus\:text-0\/80:focus { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:hover\:text-0\/80:hover { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:active\:text-0\/80:active { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .lg\:focus\:text-0\/90:focus { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:hover\:text-0\/90:hover { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:active\:text-0\/90:active { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .lg\:focus\:text-50:focus { + color: var(---surface-50) + } + .lg\:hover\:text-50:hover { + color: var(---surface-50) + } + .lg\:active\:text-50:active { + color: var(---surface-50) + } + .lg\:focus\:text-50\/10:focus { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:hover\:text-50\/10:hover { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:active\:text-50\/10:active { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .lg\:focus\:text-50\/20:focus { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:hover\:text-50\/20:hover { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:active\:text-50\/20:active { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .lg\:focus\:text-50\/30:focus { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:hover\:text-50\/30:hover { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:active\:text-50\/30:active { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .lg\:focus\:text-50\/40:focus { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:hover\:text-50\/40:hover { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:active\:text-50\/40:active { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .lg\:focus\:text-50\/50:focus { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:hover\:text-50\/50:hover { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:active\:text-50\/50:active { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .lg\:focus\:text-50\/60:focus { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:hover\:text-50\/60:hover { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:active\:text-50\/60:active { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .lg\:focus\:text-50\/70:focus { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:hover\:text-50\/70:hover { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:active\:text-50\/70:active { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .lg\:focus\:text-50\/80:focus { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:hover\:text-50\/80:hover { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:active\:text-50\/80:active { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .lg\:focus\:text-50\/90:focus { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:hover\:text-50\/90:hover { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:active\:text-50\/90:active { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .lg\:focus\:text-100:focus { + color: var(---surface-100) + } + .lg\:hover\:text-100:hover { + color: var(---surface-100) + } + .lg\:active\:text-100:active { + color: var(---surface-100) + } + .lg\:focus\:text-100\/10:focus { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:hover\:text-100\/10:hover { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:active\:text-100\/10:active { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .lg\:focus\:text-100\/20:focus { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:hover\:text-100\/20:hover { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:active\:text-100\/20:active { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .lg\:focus\:text-100\/30:focus { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:hover\:text-100\/30:hover { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:active\:text-100\/30:active { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .lg\:focus\:text-100\/40:focus { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:hover\:text-100\/40:hover { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:active\:text-100\/40:active { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .lg\:focus\:text-100\/50:focus { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:hover\:text-100\/50:hover { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:active\:text-100\/50:active { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .lg\:focus\:text-100\/60:focus { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:hover\:text-100\/60:hover { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:active\:text-100\/60:active { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .lg\:focus\:text-100\/70:focus { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:hover\:text-100\/70:hover { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:active\:text-100\/70:active { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .lg\:focus\:text-100\/80:focus { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:hover\:text-100\/80:hover { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:active\:text-100\/80:active { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .lg\:focus\:text-100\/90:focus { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:hover\:text-100\/90:hover { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:active\:text-100\/90:active { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .lg\:focus\:text-200:focus { + color: var(---surface-200) + } + .lg\:hover\:text-200:hover { + color: var(---surface-200) + } + .lg\:active\:text-200:active { + color: var(---surface-200) + } + .lg\:focus\:text-200\/10:focus { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:hover\:text-200\/10:hover { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:active\:text-200\/10:active { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .lg\:focus\:text-200\/20:focus { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:hover\:text-200\/20:hover { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:active\:text-200\/20:active { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .lg\:focus\:text-200\/30:focus { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:hover\:text-200\/30:hover { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:active\:text-200\/30:active { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .lg\:focus\:text-200\/40:focus { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:hover\:text-200\/40:hover { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:active\:text-200\/40:active { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .lg\:focus\:text-200\/50:focus { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:hover\:text-200\/50:hover { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:active\:text-200\/50:active { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .lg\:focus\:text-200\/60:focus { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:hover\:text-200\/60:hover { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:active\:text-200\/60:active { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .lg\:focus\:text-200\/70:focus { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:hover\:text-200\/70:hover { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:active\:text-200\/70:active { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .lg\:focus\:text-200\/80:focus { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:hover\:text-200\/80:hover { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:active\:text-200\/80:active { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .lg\:focus\:text-200\/90:focus { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:hover\:text-200\/90:hover { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:active\:text-200\/90:active { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .lg\:focus\:text-300:focus { + color: var(---surface-300) + } + .lg\:hover\:text-300:hover { + color: var(---surface-300) + } + .lg\:active\:text-300:active { + color: var(---surface-300) + } + .lg\:focus\:text-300\/10:focus { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:hover\:text-300\/10:hover { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:active\:text-300\/10:active { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .lg\:focus\:text-300\/20:focus { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:hover\:text-300\/20:hover { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:active\:text-300\/20:active { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .lg\:focus\:text-300\/30:focus { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:hover\:text-300\/30:hover { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:active\:text-300\/30:active { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .lg\:focus\:text-300\/40:focus { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:hover\:text-300\/40:hover { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:active\:text-300\/40:active { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .lg\:focus\:text-300\/50:focus { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:hover\:text-300\/50:hover { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:active\:text-300\/50:active { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .lg\:focus\:text-300\/60:focus { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:hover\:text-300\/60:hover { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:active\:text-300\/60:active { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .lg\:focus\:text-300\/70:focus { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:hover\:text-300\/70:hover { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:active\:text-300\/70:active { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .lg\:focus\:text-300\/80:focus { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:hover\:text-300\/80:hover { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:active\:text-300\/80:active { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .lg\:focus\:text-300\/90:focus { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:hover\:text-300\/90:hover { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:active\:text-300\/90:active { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .lg\:focus\:text-400:focus { + color: var(---surface-400) + } + .lg\:hover\:text-400:hover { + color: var(---surface-400) + } + .lg\:active\:text-400:active { + color: var(---surface-400) + } + .lg\:focus\:text-400\/10:focus { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:hover\:text-400\/10:hover { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:active\:text-400\/10:active { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .lg\:focus\:text-400\/20:focus { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:hover\:text-400\/20:hover { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:active\:text-400\/20:active { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .lg\:focus\:text-400\/30:focus { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:hover\:text-400\/30:hover { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:active\:text-400\/30:active { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .lg\:focus\:text-400\/40:focus { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:hover\:text-400\/40:hover { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:active\:text-400\/40:active { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .lg\:focus\:text-400\/50:focus { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:hover\:text-400\/50:hover { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:active\:text-400\/50:active { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .lg\:focus\:text-400\/60:focus { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:hover\:text-400\/60:hover { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:active\:text-400\/60:active { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .lg\:focus\:text-400\/70:focus { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:hover\:text-400\/70:hover { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:active\:text-400\/70:active { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .lg\:focus\:text-400\/80:focus { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:hover\:text-400\/80:hover { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:active\:text-400\/80:active { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .lg\:focus\:text-400\/90:focus { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:hover\:text-400\/90:hover { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:active\:text-400\/90:active { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .lg\:focus\:text-500:focus { + color: var(---surface-500) + } + .lg\:hover\:text-500:hover { + color: var(---surface-500) + } + .lg\:active\:text-500:active { + color: var(---surface-500) + } + .lg\:focus\:text-500\/10:focus { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:hover\:text-500\/10:hover { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:active\:text-500\/10:active { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .lg\:focus\:text-500\/20:focus { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:hover\:text-500\/20:hover { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:active\:text-500\/20:active { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .lg\:focus\:text-500\/30:focus { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:hover\:text-500\/30:hover { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:active\:text-500\/30:active { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .lg\:focus\:text-500\/40:focus { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:hover\:text-500\/40:hover { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:active\:text-500\/40:active { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .lg\:focus\:text-500\/50:focus { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:hover\:text-500\/50:hover { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:active\:text-500\/50:active { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .lg\:focus\:text-500\/60:focus { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:hover\:text-500\/60:hover { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:active\:text-500\/60:active { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .lg\:focus\:text-500\/70:focus { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:hover\:text-500\/70:hover { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:active\:text-500\/70:active { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .lg\:focus\:text-500\/80:focus { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:hover\:text-500\/80:hover { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:active\:text-500\/80:active { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .lg\:focus\:text-500\/90:focus { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:hover\:text-500\/90:hover { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:active\:text-500\/90:active { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .lg\:focus\:text-600:focus { + color: var(---surface-600) + } + .lg\:hover\:text-600:hover { + color: var(---surface-600) + } + .lg\:active\:text-600:active { + color: var(---surface-600) + } + .lg\:focus\:text-600\/10:focus { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:hover\:text-600\/10:hover { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:active\:text-600\/10:active { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .lg\:focus\:text-600\/20:focus { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:hover\:text-600\/20:hover { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:active\:text-600\/20:active { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .lg\:focus\:text-600\/30:focus { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:hover\:text-600\/30:hover { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:active\:text-600\/30:active { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .lg\:focus\:text-600\/40:focus { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:hover\:text-600\/40:hover { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:active\:text-600\/40:active { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .lg\:focus\:text-600\/50:focus { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:hover\:text-600\/50:hover { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:active\:text-600\/50:active { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .lg\:focus\:text-600\/60:focus { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:hover\:text-600\/60:hover { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:active\:text-600\/60:active { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .lg\:focus\:text-600\/70:focus { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:hover\:text-600\/70:hover { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:active\:text-600\/70:active { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .lg\:focus\:text-600\/80:focus { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:hover\:text-600\/80:hover { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:active\:text-600\/80:active { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .lg\:focus\:text-600\/90:focus { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:hover\:text-600\/90:hover { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:active\:text-600\/90:active { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .lg\:focus\:text-700:focus { + color: var(---surface-700) + } + .lg\:hover\:text-700:hover { + color: var(---surface-700) + } + .lg\:active\:text-700:active { + color: var(---surface-700) + } + .lg\:focus\:text-700\/10:focus { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:hover\:text-700\/10:hover { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:active\:text-700\/10:active { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .lg\:focus\:text-700\/20:focus { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:hover\:text-700\/20:hover { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:active\:text-700\/20:active { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .lg\:focus\:text-700\/30:focus { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:hover\:text-700\/30:hover { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:active\:text-700\/30:active { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .lg\:focus\:text-700\/40:focus { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:hover\:text-700\/40:hover { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:active\:text-700\/40:active { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .lg\:focus\:text-700\/50:focus { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:hover\:text-700\/50:hover { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:active\:text-700\/50:active { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .lg\:focus\:text-700\/60:focus { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:hover\:text-700\/60:hover { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:active\:text-700\/60:active { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .lg\:focus\:text-700\/70:focus { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:hover\:text-700\/70:hover { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:active\:text-700\/70:active { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .lg\:focus\:text-700\/80:focus { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:hover\:text-700\/80:hover { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:active\:text-700\/80:active { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .lg\:focus\:text-700\/90:focus { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:hover\:text-700\/90:hover { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:active\:text-700\/90:active { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .lg\:focus\:text-800:focus { + color: var(---surface-800) + } + .lg\:hover\:text-800:hover { + color: var(---surface-800) + } + .lg\:active\:text-800:active { + color: var(---surface-800) + } + .lg\:focus\:text-800\/10:focus { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:hover\:text-800\/10:hover { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:active\:text-800\/10:active { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .lg\:focus\:text-800\/20:focus { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:hover\:text-800\/20:hover { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:active\:text-800\/20:active { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .lg\:focus\:text-800\/30:focus { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:hover\:text-800\/30:hover { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:active\:text-800\/30:active { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .lg\:focus\:text-800\/40:focus { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:hover\:text-800\/40:hover { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:active\:text-800\/40:active { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .lg\:focus\:text-800\/50:focus { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:hover\:text-800\/50:hover { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:active\:text-800\/50:active { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .lg\:focus\:text-800\/60:focus { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:hover\:text-800\/60:hover { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:active\:text-800\/60:active { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .lg\:focus\:text-800\/70:focus { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:hover\:text-800\/70:hover { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:active\:text-800\/70:active { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .lg\:focus\:text-800\/80:focus { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:hover\:text-800\/80:hover { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:active\:text-800\/80:active { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .lg\:focus\:text-800\/90:focus { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:hover\:text-800\/90:hover { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:active\:text-800\/90:active { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .lg\:focus\:text-900:focus { + color: var(---surface-900) + } + .lg\:hover\:text-900:hover { + color: var(---surface-900) + } + .lg\:active\:text-900:active { + color: var(---surface-900) + } + .lg\:focus\:text-900\/10:focus { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:hover\:text-900\/10:hover { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:active\:text-900\/10:active { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .lg\:focus\:text-900\/20:focus { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:hover\:text-900\/20:hover { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:active\:text-900\/20:active { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .lg\:focus\:text-900\/30:focus { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:hover\:text-900\/30:hover { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:active\:text-900\/30:active { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .lg\:focus\:text-900\/40:focus { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:hover\:text-900\/40:hover { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:active\:text-900\/40:active { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .lg\:focus\:text-900\/50:focus { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:hover\:text-900\/50:hover { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:active\:text-900\/50:active { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .lg\:focus\:text-900\/60:focus { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:hover\:text-900\/60:hover { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:active\:text-900\/60:active { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .lg\:focus\:text-900\/70:focus { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:hover\:text-900\/70:hover { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:active\:text-900\/70:active { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .lg\:focus\:text-900\/80:focus { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:hover\:text-900\/80:hover { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:active\:text-900\/80:active { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .lg\:focus\:text-900\/90:focus { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:hover\:text-900\/90:hover { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .lg\:active\:text-900\/90:active { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:text-0 { + color: var(---surface-0) + } + .xl\:text-0\/10 { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:text-0\/20 { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:text-0\/30 { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:text-0\/40 { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:text-0\/50 { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:text-0\/60 { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:text-0\/70 { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:text-0\/80 { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:text-0\/90 { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:text-50 { + color: var(---surface-50) + } + .xl\:text-50\/10 { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:text-50\/20 { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:text-50\/30 { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:text-50\/40 { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:text-50\/50 { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:text-50\/60 { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:text-50\/70 { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:text-50\/80 { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:text-50\/90 { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:text-100 { + color: var(---surface-100) + } + .xl\:text-100\/10 { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:text-100\/20 { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:text-100\/30 { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:text-100\/40 { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:text-100\/50 { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:text-100\/60 { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:text-100\/70 { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:text-100\/80 { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:text-100\/90 { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:text-200 { + color: var(---surface-200) + } + .xl\:text-200\/10 { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:text-200\/20 { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:text-200\/30 { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:text-200\/40 { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:text-200\/50 { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:text-200\/60 { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:text-200\/70 { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:text-200\/80 { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:text-200\/90 { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:text-300 { + color: var(---surface-300) + } + .xl\:text-300\/10 { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:text-300\/20 { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:text-300\/30 { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:text-300\/40 { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:text-300\/50 { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:text-300\/60 { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:text-300\/70 { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:text-300\/80 { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:text-300\/90 { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:text-400 { + color: var(---surface-400) + } + .xl\:text-400\/10 { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:text-400\/20 { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:text-400\/30 { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:text-400\/40 { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:text-400\/50 { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:text-400\/60 { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:text-400\/70 { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:text-400\/80 { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:text-400\/90 { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:text-500 { + color: var(---surface-500) + } + .xl\:text-500\/10 { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:text-500\/20 { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:text-500\/30 { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:text-500\/40 { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:text-500\/50 { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:text-500\/60 { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:text-500\/70 { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:text-500\/80 { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:text-500\/90 { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:text-600 { + color: var(---surface-600) + } + .xl\:text-600\/10 { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:text-600\/20 { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:text-600\/30 { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:text-600\/40 { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:text-600\/50 { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:text-600\/60 { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:text-600\/70 { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:text-600\/80 { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:text-600\/90 { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:text-700 { + color: var(---surface-700) + } + .xl\:text-700\/10 { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:text-700\/20 { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:text-700\/30 { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:text-700\/40 { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:text-700\/50 { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:text-700\/60 { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:text-700\/70 { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:text-700\/80 { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:text-700\/90 { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:text-800 { + color: var(---surface-800) + } + .xl\:text-800\/10 { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:text-800\/20 { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:text-800\/30 { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:text-800\/40 { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:text-800\/50 { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:text-800\/60 { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:text-800\/70 { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:text-800\/80 { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:text-800\/90 { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:text-900 { + color: var(---surface-900) + } + .xl\:text-900\/10 { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:text-900\/20 { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:text-900\/30 { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:text-900\/40 { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:text-900\/50 { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:text-900\/60 { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:text-900\/70 { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:text-900\/80 { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:text-900\/90 { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:focus\:text-0:focus { + color: var(---surface-0) + } + .xl\:hover\:text-0:hover { + color: var(---surface-0) + } + .xl\:active\:text-0:active { + color: var(---surface-0) + } + .xl\:focus\:text-0\/10:focus { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:hover\:text-0\/10:hover { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:active\:text-0\/10:active { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + .xl\:focus\:text-0\/20:focus { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:hover\:text-0\/20:hover { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:active\:text-0\/20:active { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + .xl\:focus\:text-0\/30:focus { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:hover\:text-0\/30:hover { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:active\:text-0\/30:active { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + .xl\:focus\:text-0\/40:focus { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:hover\:text-0\/40:hover { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:active\:text-0\/40:active { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + .xl\:focus\:text-0\/50:focus { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:hover\:text-0\/50:hover { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:active\:text-0\/50:active { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + .xl\:focus\:text-0\/60:focus { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:hover\:text-0\/60:hover { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:active\:text-0\/60:active { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + .xl\:focus\:text-0\/70:focus { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:hover\:text-0\/70:hover { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:active\:text-0\/70:active { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + .xl\:focus\:text-0\/80:focus { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:hover\:text-0\/80:hover { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:active\:text-0\/80:active { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + .xl\:focus\:text-0\/90:focus { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:hover\:text-0\/90:hover { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:active\:text-0\/90:active { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + .xl\:focus\:text-50:focus { + color: var(---surface-50) + } + .xl\:hover\:text-50:hover { + color: var(---surface-50) + } + .xl\:active\:text-50:active { + color: var(---surface-50) + } + .xl\:focus\:text-50\/10:focus { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:hover\:text-50\/10:hover { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:active\:text-50\/10:active { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + .xl\:focus\:text-50\/20:focus { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:hover\:text-50\/20:hover { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:active\:text-50\/20:active { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + .xl\:focus\:text-50\/30:focus { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:hover\:text-50\/30:hover { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:active\:text-50\/30:active { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + .xl\:focus\:text-50\/40:focus { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:hover\:text-50\/40:hover { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:active\:text-50\/40:active { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + .xl\:focus\:text-50\/50:focus { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:hover\:text-50\/50:hover { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:active\:text-50\/50:active { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + .xl\:focus\:text-50\/60:focus { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:hover\:text-50\/60:hover { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:active\:text-50\/60:active { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + .xl\:focus\:text-50\/70:focus { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:hover\:text-50\/70:hover { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:active\:text-50\/70:active { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + .xl\:focus\:text-50\/80:focus { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:hover\:text-50\/80:hover { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:active\:text-50\/80:active { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + .xl\:focus\:text-50\/90:focus { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:hover\:text-50\/90:hover { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:active\:text-50\/90:active { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + .xl\:focus\:text-100:focus { + color: var(---surface-100) + } + .xl\:hover\:text-100:hover { + color: var(---surface-100) + } + .xl\:active\:text-100:active { + color: var(---surface-100) + } + .xl\:focus\:text-100\/10:focus { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:hover\:text-100\/10:hover { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:active\:text-100\/10:active { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + .xl\:focus\:text-100\/20:focus { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:hover\:text-100\/20:hover { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:active\:text-100\/20:active { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + .xl\:focus\:text-100\/30:focus { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:hover\:text-100\/30:hover { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:active\:text-100\/30:active { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + .xl\:focus\:text-100\/40:focus { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:hover\:text-100\/40:hover { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:active\:text-100\/40:active { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + .xl\:focus\:text-100\/50:focus { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:hover\:text-100\/50:hover { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:active\:text-100\/50:active { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + .xl\:focus\:text-100\/60:focus { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:hover\:text-100\/60:hover { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:active\:text-100\/60:active { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + .xl\:focus\:text-100\/70:focus { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:hover\:text-100\/70:hover { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:active\:text-100\/70:active { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + .xl\:focus\:text-100\/80:focus { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:hover\:text-100\/80:hover { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:active\:text-100\/80:active { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + .xl\:focus\:text-100\/90:focus { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:hover\:text-100\/90:hover { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:active\:text-100\/90:active { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + .xl\:focus\:text-200:focus { + color: var(---surface-200) + } + .xl\:hover\:text-200:hover { + color: var(---surface-200) + } + .xl\:active\:text-200:active { + color: var(---surface-200) + } + .xl\:focus\:text-200\/10:focus { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:hover\:text-200\/10:hover { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:active\:text-200\/10:active { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + .xl\:focus\:text-200\/20:focus { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:hover\:text-200\/20:hover { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:active\:text-200\/20:active { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + .xl\:focus\:text-200\/30:focus { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:hover\:text-200\/30:hover { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:active\:text-200\/30:active { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + .xl\:focus\:text-200\/40:focus { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:hover\:text-200\/40:hover { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:active\:text-200\/40:active { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + .xl\:focus\:text-200\/50:focus { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:hover\:text-200\/50:hover { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:active\:text-200\/50:active { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + .xl\:focus\:text-200\/60:focus { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:hover\:text-200\/60:hover { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:active\:text-200\/60:active { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + .xl\:focus\:text-200\/70:focus { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:hover\:text-200\/70:hover { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:active\:text-200\/70:active { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + .xl\:focus\:text-200\/80:focus { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:hover\:text-200\/80:hover { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:active\:text-200\/80:active { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + .xl\:focus\:text-200\/90:focus { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:hover\:text-200\/90:hover { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:active\:text-200\/90:active { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + .xl\:focus\:text-300:focus { + color: var(---surface-300) + } + .xl\:hover\:text-300:hover { + color: var(---surface-300) + } + .xl\:active\:text-300:active { + color: var(---surface-300) + } + .xl\:focus\:text-300\/10:focus { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:hover\:text-300\/10:hover { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:active\:text-300\/10:active { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + .xl\:focus\:text-300\/20:focus { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:hover\:text-300\/20:hover { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:active\:text-300\/20:active { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + .xl\:focus\:text-300\/30:focus { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:hover\:text-300\/30:hover { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:active\:text-300\/30:active { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + .xl\:focus\:text-300\/40:focus { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:hover\:text-300\/40:hover { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:active\:text-300\/40:active { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + .xl\:focus\:text-300\/50:focus { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:hover\:text-300\/50:hover { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:active\:text-300\/50:active { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + .xl\:focus\:text-300\/60:focus { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:hover\:text-300\/60:hover { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:active\:text-300\/60:active { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + .xl\:focus\:text-300\/70:focus { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:hover\:text-300\/70:hover { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:active\:text-300\/70:active { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + .xl\:focus\:text-300\/80:focus { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:hover\:text-300\/80:hover { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:active\:text-300\/80:active { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + .xl\:focus\:text-300\/90:focus { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:hover\:text-300\/90:hover { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:active\:text-300\/90:active { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + .xl\:focus\:text-400:focus { + color: var(---surface-400) + } + .xl\:hover\:text-400:hover { + color: var(---surface-400) + } + .xl\:active\:text-400:active { + color: var(---surface-400) + } + .xl\:focus\:text-400\/10:focus { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:hover\:text-400\/10:hover { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:active\:text-400\/10:active { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + .xl\:focus\:text-400\/20:focus { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:hover\:text-400\/20:hover { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:active\:text-400\/20:active { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + .xl\:focus\:text-400\/30:focus { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:hover\:text-400\/30:hover { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:active\:text-400\/30:active { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + .xl\:focus\:text-400\/40:focus { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:hover\:text-400\/40:hover { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:active\:text-400\/40:active { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + .xl\:focus\:text-400\/50:focus { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:hover\:text-400\/50:hover { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:active\:text-400\/50:active { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + .xl\:focus\:text-400\/60:focus { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:hover\:text-400\/60:hover { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:active\:text-400\/60:active { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + .xl\:focus\:text-400\/70:focus { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:hover\:text-400\/70:hover { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:active\:text-400\/70:active { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + .xl\:focus\:text-400\/80:focus { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:hover\:text-400\/80:hover { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:active\:text-400\/80:active { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + .xl\:focus\:text-400\/90:focus { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:hover\:text-400\/90:hover { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:active\:text-400\/90:active { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + .xl\:focus\:text-500:focus { + color: var(---surface-500) + } + .xl\:hover\:text-500:hover { + color: var(---surface-500) + } + .xl\:active\:text-500:active { + color: var(---surface-500) + } + .xl\:focus\:text-500\/10:focus { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:hover\:text-500\/10:hover { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:active\:text-500\/10:active { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + .xl\:focus\:text-500\/20:focus { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:hover\:text-500\/20:hover { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:active\:text-500\/20:active { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + .xl\:focus\:text-500\/30:focus { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:hover\:text-500\/30:hover { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:active\:text-500\/30:active { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + .xl\:focus\:text-500\/40:focus { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:hover\:text-500\/40:hover { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:active\:text-500\/40:active { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + .xl\:focus\:text-500\/50:focus { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:hover\:text-500\/50:hover { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:active\:text-500\/50:active { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + .xl\:focus\:text-500\/60:focus { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:hover\:text-500\/60:hover { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:active\:text-500\/60:active { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + .xl\:focus\:text-500\/70:focus { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:hover\:text-500\/70:hover { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:active\:text-500\/70:active { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + .xl\:focus\:text-500\/80:focus { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:hover\:text-500\/80:hover { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:active\:text-500\/80:active { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + .xl\:focus\:text-500\/90:focus { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:hover\:text-500\/90:hover { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:active\:text-500\/90:active { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + .xl\:focus\:text-600:focus { + color: var(---surface-600) + } + .xl\:hover\:text-600:hover { + color: var(---surface-600) + } + .xl\:active\:text-600:active { + color: var(---surface-600) + } + .xl\:focus\:text-600\/10:focus { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:hover\:text-600\/10:hover { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:active\:text-600\/10:active { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + .xl\:focus\:text-600\/20:focus { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:hover\:text-600\/20:hover { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:active\:text-600\/20:active { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + .xl\:focus\:text-600\/30:focus { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:hover\:text-600\/30:hover { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:active\:text-600\/30:active { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + .xl\:focus\:text-600\/40:focus { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:hover\:text-600\/40:hover { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:active\:text-600\/40:active { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + .xl\:focus\:text-600\/50:focus { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:hover\:text-600\/50:hover { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:active\:text-600\/50:active { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + .xl\:focus\:text-600\/60:focus { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:hover\:text-600\/60:hover { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:active\:text-600\/60:active { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + .xl\:focus\:text-600\/70:focus { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:hover\:text-600\/70:hover { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:active\:text-600\/70:active { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + .xl\:focus\:text-600\/80:focus { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:hover\:text-600\/80:hover { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:active\:text-600\/80:active { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + .xl\:focus\:text-600\/90:focus { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:hover\:text-600\/90:hover { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:active\:text-600\/90:active { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + .xl\:focus\:text-700:focus { + color: var(---surface-700) + } + .xl\:hover\:text-700:hover { + color: var(---surface-700) + } + .xl\:active\:text-700:active { + color: var(---surface-700) + } + .xl\:focus\:text-700\/10:focus { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:hover\:text-700\/10:hover { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:active\:text-700\/10:active { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + .xl\:focus\:text-700\/20:focus { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:hover\:text-700\/20:hover { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:active\:text-700\/20:active { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + .xl\:focus\:text-700\/30:focus { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:hover\:text-700\/30:hover { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:active\:text-700\/30:active { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + .xl\:focus\:text-700\/40:focus { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:hover\:text-700\/40:hover { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:active\:text-700\/40:active { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + .xl\:focus\:text-700\/50:focus { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:hover\:text-700\/50:hover { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:active\:text-700\/50:active { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + .xl\:focus\:text-700\/60:focus { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:hover\:text-700\/60:hover { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:active\:text-700\/60:active { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + .xl\:focus\:text-700\/70:focus { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:hover\:text-700\/70:hover { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:active\:text-700\/70:active { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + .xl\:focus\:text-700\/80:focus { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:hover\:text-700\/80:hover { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:active\:text-700\/80:active { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + .xl\:focus\:text-700\/90:focus { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:hover\:text-700\/90:hover { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:active\:text-700\/90:active { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + .xl\:focus\:text-800:focus { + color: var(---surface-800) + } + .xl\:hover\:text-800:hover { + color: var(---surface-800) + } + .xl\:active\:text-800:active { + color: var(---surface-800) + } + .xl\:focus\:text-800\/10:focus { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:hover\:text-800\/10:hover { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:active\:text-800\/10:active { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + .xl\:focus\:text-800\/20:focus { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:hover\:text-800\/20:hover { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:active\:text-800\/20:active { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + .xl\:focus\:text-800\/30:focus { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:hover\:text-800\/30:hover { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:active\:text-800\/30:active { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + .xl\:focus\:text-800\/40:focus { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:hover\:text-800\/40:hover { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:active\:text-800\/40:active { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + .xl\:focus\:text-800\/50:focus { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:hover\:text-800\/50:hover { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:active\:text-800\/50:active { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + .xl\:focus\:text-800\/60:focus { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:hover\:text-800\/60:hover { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:active\:text-800\/60:active { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + .xl\:focus\:text-800\/70:focus { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:hover\:text-800\/70:hover { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:active\:text-800\/70:active { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + .xl\:focus\:text-800\/80:focus { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:hover\:text-800\/80:hover { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:active\:text-800\/80:active { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + .xl\:focus\:text-800\/90:focus { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:hover\:text-800\/90:hover { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:active\:text-800\/90:active { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + .xl\:focus\:text-900:focus { + color: var(---surface-900) + } + .xl\:hover\:text-900:hover { + color: var(---surface-900) + } + .xl\:active\:text-900:active { + color: var(---surface-900) + } + .xl\:focus\:text-900\/10:focus { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:hover\:text-900\/10:hover { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:active\:text-900\/10:active { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + .xl\:focus\:text-900\/20:focus { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:hover\:text-900\/20:hover { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:active\:text-900\/20:active { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + .xl\:focus\:text-900\/30:focus { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:hover\:text-900\/30:hover { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:active\:text-900\/30:active { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + .xl\:focus\:text-900\/40:focus { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:hover\:text-900\/40:hover { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:active\:text-900\/40:active { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + .xl\:focus\:text-900\/50:focus { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:hover\:text-900\/50:hover { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:active\:text-900\/50:active { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + .xl\:focus\:text-900\/60:focus { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:hover\:text-900\/60:hover { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:active\:text-900\/60:active { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + .xl\:focus\:text-900\/70:focus { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:hover\:text-900\/70:hover { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:active\:text-900\/70:active { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + .xl\:focus\:text-900\/80:focus { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:hover\:text-900\/80:hover { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:active\:text-900\/80:active { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + .xl\:focus\:text-900\/90:focus { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:hover\:text-900\/90:hover { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + .xl\:active\:text-900\/90:active { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0) { + color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/10) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/20) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/30) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/40) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/50) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/60) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/70) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/80) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-0\/90) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50) { + color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/10) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/20) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/30) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/40) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/50) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/60) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/70) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/80) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-50\/90) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100) { + color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/10) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/20) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/30) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/40) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/50) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/60) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/70) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/80) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-100\/90) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200) { + color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/10) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/20) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/30) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/40) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/50) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/60) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/70) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/80) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-200\/90) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300) { + color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/10) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/20) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/30) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/40) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/50) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/60) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/70) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/80) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-300\/90) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400) { + color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/10) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/20) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/30) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/40) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/50) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/60) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/70) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/80) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-400\/90) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500) { + color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/10) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/20) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/30) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/40) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/50) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/60) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/70) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/80) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-500\/90) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600) { + color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/10) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/20) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/30) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/40) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/50) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/60) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/70) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/80) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-600\/90) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700) { + color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/10) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/20) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/30) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/40) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/50) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/60) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/70) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/80) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-700\/90) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800) { + color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/10) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/20) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/30) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/40) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/50) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/60) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/70) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/80) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-800\/90) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900) { + color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/10) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/20) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/30) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/40) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/50) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/60) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/70) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/80) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-900\/90) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0:focus) { + color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0:hover) { + color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0:active) { + color: var(---surface-0) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/10:focus) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/10:hover) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/10:active) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/20:focus) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/20:hover) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/20:active) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/30:focus) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/30:hover) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/30:active) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/40:focus) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/40:hover) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/40:active) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/50:focus) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/50:hover) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/50:active) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/60:focus) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/60:hover) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/60:active) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/70:focus) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/70:hover) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/70:active) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/80:focus) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/80:hover) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/80:active) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-0\/90:focus) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-0\/90:hover) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-0\/90:active) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50:focus) { + color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50:hover) { + color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50:active) { + color: var(---surface-50) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/10:focus) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/10:hover) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/10:active) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/20:focus) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/20:hover) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/20:active) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/30:focus) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/30:hover) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/30:active) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/40:focus) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/40:hover) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/40:active) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/50:focus) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/50:hover) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/50:active) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/60:focus) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/60:hover) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/60:active) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/70:focus) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/70:hover) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/70:active) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/80:focus) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/80:hover) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/80:active) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-50\/90:focus) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-50\/90:hover) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-50\/90:active) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100:focus) { + color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100:hover) { + color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100:active) { + color: var(---surface-100) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/10:focus) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/10:hover) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/10:active) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/20:focus) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/20:hover) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/20:active) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/30:focus) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/30:hover) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/30:active) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/40:focus) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/40:hover) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/40:active) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/50:focus) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/50:hover) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/50:active) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/60:focus) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/60:hover) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/60:active) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/70:focus) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/70:hover) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/70:active) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/80:focus) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/80:hover) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/80:active) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-100\/90:focus) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-100\/90:hover) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-100\/90:active) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200:focus) { + color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200:hover) { + color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200:active) { + color: var(---surface-200) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/10:focus) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/10:hover) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/10:active) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/20:focus) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/20:hover) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/20:active) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/30:focus) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/30:hover) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/30:active) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/40:focus) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/40:hover) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/40:active) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/50:focus) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/50:hover) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/50:active) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/60:focus) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/60:hover) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/60:active) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/70:focus) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/70:hover) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/70:active) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/80:focus) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/80:hover) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/80:active) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-200\/90:focus) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-200\/90:hover) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-200\/90:active) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300:focus) { + color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300:hover) { + color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300:active) { + color: var(---surface-300) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/10:focus) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/10:hover) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/10:active) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/20:focus) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/20:hover) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/20:active) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/30:focus) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/30:hover) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/30:active) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/40:focus) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/40:hover) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/40:active) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/50:focus) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/50:hover) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/50:active) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/60:focus) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/60:hover) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/60:active) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/70:focus) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/70:hover) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/70:active) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/80:focus) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/80:hover) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/80:active) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-300\/90:focus) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-300\/90:hover) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-300\/90:active) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400:focus) { + color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400:hover) { + color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400:active) { + color: var(---surface-400) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/10:focus) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/10:hover) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/10:active) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/20:focus) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/20:hover) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/20:active) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/30:focus) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/30:hover) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/30:active) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/40:focus) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/40:hover) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/40:active) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/50:focus) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/50:hover) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/50:active) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/60:focus) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/60:hover) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/60:active) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/70:focus) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/70:hover) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/70:active) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/80:focus) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/80:hover) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/80:active) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-400\/90:focus) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-400\/90:hover) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-400\/90:active) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500:focus) { + color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500:hover) { + color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500:active) { + color: var(---surface-500) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/10:focus) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/10:hover) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/10:active) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/20:focus) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/20:hover) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/20:active) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/30:focus) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/30:hover) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/30:active) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/40:focus) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/40:hover) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/40:active) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/50:focus) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/50:hover) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/50:active) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/60:focus) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/60:hover) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/60:active) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/70:focus) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/70:hover) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/70:active) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/80:focus) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/80:hover) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/80:active) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-500\/90:focus) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-500\/90:hover) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-500\/90:active) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600:focus) { + color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600:hover) { + color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600:active) { + color: var(---surface-600) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/10:focus) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/10:hover) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/10:active) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/20:focus) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/20:hover) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/20:active) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/30:focus) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/30:hover) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/30:active) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/40:focus) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/40:hover) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/40:active) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/50:focus) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/50:hover) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/50:active) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/60:focus) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/60:hover) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/60:active) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/70:focus) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/70:hover) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/70:active) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/80:focus) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/80:hover) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/80:active) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-600\/90:focus) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-600\/90:hover) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-600\/90:active) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700:focus) { + color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700:hover) { + color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700:active) { + color: var(---surface-700) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/10:focus) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/10:hover) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/10:active) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/20:focus) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/20:hover) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/20:active) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/30:focus) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/30:hover) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/30:active) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/40:focus) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/40:hover) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/40:active) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/50:focus) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/50:hover) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/50:active) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/60:focus) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/60:hover) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/60:active) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/70:focus) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/70:hover) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/70:active) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/80:focus) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/80:hover) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/80:active) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-700\/90:focus) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-700\/90:hover) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-700\/90:active) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800:focus) { + color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800:hover) { + color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800:active) { + color: var(---surface-800) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/10:focus) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/10:hover) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/10:active) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/20:focus) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/20:hover) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/20:active) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/30:focus) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/30:hover) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/30:active) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/40:focus) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/40:hover) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/40:active) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/50:focus) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/50:hover) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/50:active) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/60:focus) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/60:hover) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/60:active) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/70:focus) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/70:hover) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/70:active) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/80:focus) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/80:hover) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/80:active) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-800\/90:focus) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-800\/90:hover) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-800\/90:active) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900:focus) { + color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900:hover) { + color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900:active) { + color: var(---surface-900) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/10:focus) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/10:hover) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/10:active) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/20:focus) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/20:hover) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/20:active) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/30:focus) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/30:hover) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/30:active) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/40:focus) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/40:hover) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/40:active) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/50:focus) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/50:hover) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/50:active) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/60:focus) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/60:hover) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/60:active) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/70:focus) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/70:hover) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/70:active) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/80:focus) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/80:hover) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/80:active) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-900\/90:focus) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-900\/90:hover) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-900\/90:active) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/10) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/20) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/30) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/40) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/50) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/60) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/70) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/80) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-0\/90) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/10) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/20) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/30) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/40) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/50) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/60) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/70) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/80) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-50\/90) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/10) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/20) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/30) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/40) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/50) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/60) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/70) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/80) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-100\/90) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/10) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/20) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/30) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/40) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/50) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/60) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/70) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/80) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-200\/90) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/10) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/20) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/30) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/40) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/50) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/60) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/70) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/80) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-300\/90) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/10) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/20) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/30) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/40) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/50) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/60) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/70) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/80) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-400\/90) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/10) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/20) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/30) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/40) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/50) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/60) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/70) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/80) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-500\/90) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/10) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/20) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/30) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/40) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/50) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/60) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/70) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/80) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-600\/90) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/10) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/20) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/30) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/40) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/50) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/60) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/70) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/80) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-700\/90) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/10) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/20) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/30) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/40) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/50) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/60) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/70) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/80) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-800\/90) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/10) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/20) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/30) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/40) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/50) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/60) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/70) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/80) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-900\/90) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0:focus) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0:hover) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0:active) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/10:focus) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/10:hover) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/10:active) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/20:focus) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/20:hover) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/20:active) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/30:focus) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/30:hover) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/30:active) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/40:focus) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/40:hover) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/40:active) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/50:focus) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/50:hover) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/50:active) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/60:focus) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/60:hover) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/60:active) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/70:focus) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/70:hover) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/70:active) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/80:focus) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/80:hover) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/80:active) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-0\/90:focus) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-0\/90:hover) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-0\/90:active) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50:focus) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50:hover) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50:active) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/10:focus) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/10:hover) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/10:active) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/20:focus) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/20:hover) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/20:active) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/30:focus) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/30:hover) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/30:active) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/40:focus) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/40:hover) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/40:active) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/50:focus) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/50:hover) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/50:active) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/60:focus) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/60:hover) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/60:active) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/70:focus) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/70:hover) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/70:active) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/80:focus) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/80:hover) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/80:active) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-50\/90:focus) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-50\/90:hover) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-50\/90:active) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100:focus) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100:hover) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100:active) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/10:focus) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/10:hover) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/10:active) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/20:focus) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/20:hover) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/20:active) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/30:focus) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/30:hover) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/30:active) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/40:focus) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/40:hover) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/40:active) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/50:focus) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/50:hover) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/50:active) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/60:focus) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/60:hover) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/60:active) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/70:focus) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/70:hover) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/70:active) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/80:focus) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/80:hover) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/80:active) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-100\/90:focus) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-100\/90:hover) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-100\/90:active) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200:focus) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200:hover) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200:active) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/10:focus) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/10:hover) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/10:active) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/20:focus) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/20:hover) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/20:active) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/30:focus) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/30:hover) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/30:active) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/40:focus) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/40:hover) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/40:active) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/50:focus) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/50:hover) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/50:active) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/60:focus) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/60:hover) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/60:active) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/70:focus) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/70:hover) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/70:active) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/80:focus) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/80:hover) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/80:active) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-200\/90:focus) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-200\/90:hover) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-200\/90:active) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300:focus) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300:hover) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300:active) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/10:focus) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/10:hover) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/10:active) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/20:focus) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/20:hover) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/20:active) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/30:focus) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/30:hover) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/30:active) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/40:focus) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/40:hover) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/40:active) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/50:focus) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/50:hover) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/50:active) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/60:focus) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/60:hover) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/60:active) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/70:focus) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/70:hover) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/70:active) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/80:focus) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/80:hover) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/80:active) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-300\/90:focus) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-300\/90:hover) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-300\/90:active) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400:focus) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400:hover) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400:active) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/10:focus) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/10:hover) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/10:active) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/20:focus) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/20:hover) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/20:active) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/30:focus) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/30:hover) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/30:active) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/40:focus) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/40:hover) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/40:active) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/50:focus) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/50:hover) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/50:active) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/60:focus) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/60:hover) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/60:active) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/70:focus) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/70:hover) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/70:active) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/80:focus) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/80:hover) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/80:active) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-400\/90:focus) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-400\/90:hover) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-400\/90:active) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500:focus) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500:hover) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500:active) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/10:focus) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/10:hover) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/10:active) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/20:focus) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/20:hover) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/20:active) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/30:focus) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/30:hover) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/30:active) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/40:focus) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/40:hover) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/40:active) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/50:focus) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/50:hover) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/50:active) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/60:focus) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/60:hover) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/60:active) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/70:focus) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/70:hover) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/70:active) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/80:focus) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/80:hover) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/80:active) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-500\/90:focus) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-500\/90:hover) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-500\/90:active) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600:focus) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600:hover) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600:active) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/10:focus) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/10:hover) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/10:active) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/20:focus) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/20:hover) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/20:active) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/30:focus) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/30:hover) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/30:active) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/40:focus) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/40:hover) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/40:active) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/50:focus) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/50:hover) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/50:active) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/60:focus) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/60:hover) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/60:active) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/70:focus) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/70:hover) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/70:active) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/80:focus) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/80:hover) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/80:active) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-600\/90:focus) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-600\/90:hover) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-600\/90:active) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700:focus) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700:hover) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700:active) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/10:focus) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/10:hover) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/10:active) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/20:focus) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/20:hover) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/20:active) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/30:focus) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/30:hover) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/30:active) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/40:focus) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/40:hover) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/40:active) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/50:focus) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/50:hover) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/50:active) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/60:focus) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/60:hover) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/60:active) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/70:focus) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/70:hover) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/70:active) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/80:focus) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/80:hover) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/80:active) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-700\/90:focus) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-700\/90:hover) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-700\/90:active) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800:focus) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800:hover) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800:active) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/10:focus) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/10:hover) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/10:active) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/20:focus) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/20:hover) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/20:active) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/30:focus) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/30:hover) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/30:active) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/40:focus) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/40:hover) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/40:active) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/50:focus) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/50:hover) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/50:active) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/60:focus) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/60:hover) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/60:active) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/70:focus) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/70:hover) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/70:active) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/80:focus) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/80:hover) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/80:active) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-800\/90:focus) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-800\/90:hover) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-800\/90:active) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900:focus) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900:hover) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900:active) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/10:focus) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/10:hover) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/10:active) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/20:focus) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/20:hover) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/20:active) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/30:focus) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/30:hover) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/30:active) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/40:focus) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/40:hover) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/40:active) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/50:focus) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/50:hover) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/50:active) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/60:focus) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/60:hover) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/60:active) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/70:focus) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/70:hover) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/70:active) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/80:focus) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/80:hover) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/80:active) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-900\/90:focus) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-900\/90:hover) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-900\/90:active) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/10) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/20) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/30) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/40) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/50) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/60) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/70) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/80) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-0\/90) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/10) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/20) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/30) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/40) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/50) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/60) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/70) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/80) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-50\/90) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/10) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/20) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/30) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/40) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/50) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/60) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/70) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/80) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-100\/90) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/10) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/20) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/30) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/40) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/50) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/60) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/70) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/80) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-200\/90) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/10) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/20) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/30) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/40) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/50) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/60) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/70) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/80) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-300\/90) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/10) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/20) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/30) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/40) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/50) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/60) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/70) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/80) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-400\/90) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/10) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/20) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/30) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/40) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/50) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/60) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/70) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/80) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-500\/90) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/10) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/20) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/30) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/40) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/50) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/60) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/70) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/80) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-600\/90) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/10) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/20) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/30) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/40) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/50) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/60) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/70) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/80) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-700\/90) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/10) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/20) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/30) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/40) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/50) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/60) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/70) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/80) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-800\/90) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/10) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/20) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/30) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/40) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/50) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/60) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/70) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/80) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-900\/90) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0:focus) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0:hover) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0:active) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/10:focus) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/10:hover) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/10:active) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/20:focus) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/20:hover) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/20:active) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/30:focus) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/30:hover) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/30:active) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/40:focus) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/40:hover) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/40:active) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/50:focus) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/50:hover) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/50:active) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/60:focus) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/60:hover) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/60:active) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/70:focus) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/70:hover) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/70:active) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/80:focus) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/80:hover) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/80:active) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-0\/90:focus) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-0\/90:hover) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-0\/90:active) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50:focus) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50:hover) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50:active) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/10:focus) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/10:hover) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/10:active) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/20:focus) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/20:hover) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/20:active) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/30:focus) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/30:hover) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/30:active) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/40:focus) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/40:hover) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/40:active) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/50:focus) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/50:hover) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/50:active) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/60:focus) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/60:hover) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/60:active) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/70:focus) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/70:hover) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/70:active) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/80:focus) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/80:hover) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/80:active) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-50\/90:focus) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-50\/90:hover) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-50\/90:active) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100:focus) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100:hover) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100:active) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/10:focus) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/10:hover) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/10:active) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/20:focus) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/20:hover) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/20:active) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/30:focus) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/30:hover) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/30:active) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/40:focus) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/40:hover) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/40:active) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/50:focus) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/50:hover) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/50:active) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/60:focus) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/60:hover) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/60:active) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/70:focus) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/70:hover) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/70:active) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/80:focus) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/80:hover) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/80:active) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-100\/90:focus) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-100\/90:hover) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-100\/90:active) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200:focus) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200:hover) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200:active) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/10:focus) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/10:hover) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/10:active) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/20:focus) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/20:hover) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/20:active) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/30:focus) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/30:hover) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/30:active) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/40:focus) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/40:hover) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/40:active) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/50:focus) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/50:hover) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/50:active) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/60:focus) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/60:hover) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/60:active) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/70:focus) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/70:hover) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/70:active) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/80:focus) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/80:hover) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/80:active) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-200\/90:focus) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-200\/90:hover) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-200\/90:active) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300:focus) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300:hover) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300:active) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/10:focus) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/10:hover) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/10:active) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/20:focus) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/20:hover) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/20:active) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/30:focus) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/30:hover) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/30:active) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/40:focus) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/40:hover) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/40:active) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/50:focus) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/50:hover) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/50:active) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/60:focus) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/60:hover) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/60:active) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/70:focus) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/70:hover) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/70:active) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/80:focus) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/80:hover) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/80:active) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-300\/90:focus) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-300\/90:hover) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-300\/90:active) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400:focus) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400:hover) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400:active) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/10:focus) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/10:hover) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/10:active) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/20:focus) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/20:hover) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/20:active) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/30:focus) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/30:hover) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/30:active) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/40:focus) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/40:hover) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/40:active) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/50:focus) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/50:hover) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/50:active) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/60:focus) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/60:hover) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/60:active) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/70:focus) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/70:hover) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/70:active) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/80:focus) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/80:hover) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/80:active) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-400\/90:focus) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-400\/90:hover) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-400\/90:active) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500:focus) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500:hover) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500:active) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/10:focus) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/10:hover) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/10:active) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/20:focus) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/20:hover) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/20:active) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/30:focus) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/30:hover) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/30:active) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/40:focus) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/40:hover) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/40:active) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/50:focus) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/50:hover) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/50:active) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/60:focus) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/60:hover) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/60:active) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/70:focus) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/70:hover) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/70:active) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/80:focus) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/80:hover) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/80:active) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-500\/90:focus) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-500\/90:hover) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-500\/90:active) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600:focus) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600:hover) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600:active) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/10:focus) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/10:hover) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/10:active) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/20:focus) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/20:hover) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/20:active) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/30:focus) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/30:hover) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/30:active) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/40:focus) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/40:hover) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/40:active) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/50:focus) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/50:hover) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/50:active) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/60:focus) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/60:hover) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/60:active) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/70:focus) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/70:hover) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/70:active) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/80:focus) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/80:hover) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/80:active) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-600\/90:focus) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-600\/90:hover) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-600\/90:active) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700:focus) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700:hover) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700:active) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/10:focus) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/10:hover) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/10:active) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/20:focus) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/20:hover) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/20:active) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/30:focus) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/30:hover) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/30:active) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/40:focus) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/40:hover) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/40:active) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/50:focus) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/50:hover) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/50:active) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/60:focus) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/60:hover) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/60:active) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/70:focus) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/70:hover) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/70:active) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/80:focus) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/80:hover) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/80:active) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-700\/90:focus) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-700\/90:hover) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-700\/90:active) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800:focus) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800:hover) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800:active) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/10:focus) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/10:hover) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/10:active) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/20:focus) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/20:hover) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/20:active) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/30:focus) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/30:hover) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/30:active) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/40:focus) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/40:hover) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/40:active) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/50:focus) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/50:hover) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/50:active) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/60:focus) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/60:hover) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/60:active) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/70:focus) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/70:hover) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/70:active) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/80:focus) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/80:hover) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/80:active) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-800\/90:focus) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-800\/90:hover) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-800\/90:active) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900:focus) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900:hover) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900:active) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/10:focus) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/10:hover) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/10:active) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/20:focus) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/20:hover) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/20:active) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/30:focus) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/30:hover) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/30:active) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/40:focus) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/40:hover) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/40:active) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/50:focus) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/50:hover) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/50:active) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/60:focus) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/60:hover) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/60:active) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/70:focus) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/70:hover) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/70:active) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/80:focus) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/80:hover) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/80:active) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-900\/90:focus) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-900\/90:hover) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-900\/90:active) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/10) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/20) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/30) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/40) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/50) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/60) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/70) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/80) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-0\/90) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/10) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/20) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/30) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/40) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/50) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/60) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/70) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/80) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-50\/90) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/10) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/20) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/30) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/40) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/50) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/60) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/70) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/80) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-100\/90) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/10) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/20) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/30) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/40) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/50) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/60) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/70) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/80) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-200\/90) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/10) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/20) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/30) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/40) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/50) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/60) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/70) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/80) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-300\/90) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/10) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/20) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/30) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/40) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/50) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/60) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/70) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/80) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-400\/90) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/10) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/20) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/30) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/40) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/50) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/60) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/70) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/80) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-500\/90) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/10) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/20) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/30) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/40) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/50) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/60) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/70) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/80) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-600\/90) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/10) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/20) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/30) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/40) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/50) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/60) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/70) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/80) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-700\/90) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/10) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/20) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/30) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/40) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/50) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/60) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/70) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/80) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-800\/90) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/10) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/20) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/30) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/40) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/50) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/60) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/70) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/80) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-900\/90) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0:focus) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0:hover) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0:active) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/10:focus) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/10:hover) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/10:active) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/20:focus) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/20:hover) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/20:active) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/30:focus) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/30:hover) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/30:active) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/40:focus) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/40:hover) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/40:active) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/50:focus) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/50:hover) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/50:active) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/60:focus) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/60:hover) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/60:active) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/70:focus) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/70:hover) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/70:active) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/80:focus) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/80:hover) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/80:active) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-0\/90:focus) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-0\/90:hover) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-0\/90:active) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50:focus) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50:hover) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50:active) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/10:focus) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/10:hover) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/10:active) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/20:focus) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/20:hover) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/20:active) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/30:focus) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/30:hover) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/30:active) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/40:focus) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/40:hover) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/40:active) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/50:focus) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/50:hover) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/50:active) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/60:focus) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/60:hover) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/60:active) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/70:focus) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/70:hover) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/70:active) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/80:focus) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/80:hover) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/80:active) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-50\/90:focus) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-50\/90:hover) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-50\/90:active) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100:focus) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100:hover) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100:active) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/10:focus) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/10:hover) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/10:active) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/20:focus) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/20:hover) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/20:active) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/30:focus) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/30:hover) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/30:active) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/40:focus) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/40:hover) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/40:active) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/50:focus) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/50:hover) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/50:active) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/60:focus) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/60:hover) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/60:active) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/70:focus) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/70:hover) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/70:active) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/80:focus) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/80:hover) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/80:active) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-100\/90:focus) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-100\/90:hover) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-100\/90:active) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200:focus) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200:hover) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200:active) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/10:focus) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/10:hover) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/10:active) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/20:focus) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/20:hover) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/20:active) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/30:focus) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/30:hover) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/30:active) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/40:focus) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/40:hover) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/40:active) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/50:focus) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/50:hover) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/50:active) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/60:focus) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/60:hover) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/60:active) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/70:focus) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/70:hover) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/70:active) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/80:focus) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/80:hover) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/80:active) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-200\/90:focus) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-200\/90:hover) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-200\/90:active) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300:focus) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300:hover) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300:active) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/10:focus) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/10:hover) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/10:active) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/20:focus) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/20:hover) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/20:active) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/30:focus) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/30:hover) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/30:active) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/40:focus) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/40:hover) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/40:active) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/50:focus) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/50:hover) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/50:active) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/60:focus) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/60:hover) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/60:active) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/70:focus) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/70:hover) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/70:active) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/80:focus) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/80:hover) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/80:active) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-300\/90:focus) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-300\/90:hover) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-300\/90:active) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400:focus) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400:hover) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400:active) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/10:focus) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/10:hover) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/10:active) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/20:focus) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/20:hover) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/20:active) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/30:focus) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/30:hover) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/30:active) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/40:focus) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/40:hover) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/40:active) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/50:focus) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/50:hover) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/50:active) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/60:focus) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/60:hover) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/60:active) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/70:focus) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/70:hover) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/70:active) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/80:focus) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/80:hover) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/80:active) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-400\/90:focus) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-400\/90:hover) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-400\/90:active) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500:focus) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500:hover) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500:active) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/10:focus) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/10:hover) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/10:active) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/20:focus) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/20:hover) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/20:active) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/30:focus) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/30:hover) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/30:active) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/40:focus) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/40:hover) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/40:active) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/50:focus) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/50:hover) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/50:active) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/60:focus) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/60:hover) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/60:active) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/70:focus) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/70:hover) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/70:active) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/80:focus) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/80:hover) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/80:active) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-500\/90:focus) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-500\/90:hover) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-500\/90:active) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600:focus) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600:hover) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600:active) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/10:focus) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/10:hover) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/10:active) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/20:focus) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/20:hover) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/20:active) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/30:focus) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/30:hover) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/30:active) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/40:focus) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/40:hover) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/40:active) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/50:focus) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/50:hover) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/50:active) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/60:focus) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/60:hover) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/60:active) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/70:focus) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/70:hover) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/70:active) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/80:focus) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/80:hover) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/80:active) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-600\/90:focus) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-600\/90:hover) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-600\/90:active) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700:focus) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700:hover) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700:active) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/10:focus) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/10:hover) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/10:active) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/20:focus) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/20:hover) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/20:active) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/30:focus) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/30:hover) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/30:active) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/40:focus) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/40:hover) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/40:active) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/50:focus) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/50:hover) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/50:active) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/60:focus) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/60:hover) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/60:active) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/70:focus) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/70:hover) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/70:active) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/80:focus) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/80:hover) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/80:active) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-700\/90:focus) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-700\/90:hover) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-700\/90:active) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800:focus) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800:hover) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800:active) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/10:focus) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/10:hover) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/10:active) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/20:focus) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/20:hover) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/20:active) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/30:focus) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/30:hover) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/30:active) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/40:focus) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/40:hover) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/40:active) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/50:focus) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/50:hover) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/50:active) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/60:focus) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/60:hover) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/60:active) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/70:focus) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/70:hover) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/70:active) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/80:focus) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/80:hover) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/80:active) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-800\/90:focus) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-800\/90:hover) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-800\/90:active) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900:focus) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900:hover) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900:active) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/10:focus) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/10:hover) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/10:active) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/20:focus) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/20:hover) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/20:active) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/30:focus) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/30:hover) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/30:active) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/40:focus) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/40:hover) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/40:active) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/50:focus) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/50:hover) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/50:active) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/60:focus) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/60:hover) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/60:active) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/70:focus) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/70:hover) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/70:active) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/80:focus) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/80:hover) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/80:active) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-900\/90:focus) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-900\/90:hover) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-900\/90:active) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/10) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/20) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/30) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/40) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/50) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/60) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/70) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/80) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-0\/90) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/10) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/20) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/30) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/40) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/50) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/60) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/70) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/80) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-50\/90) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/10) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/20) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/30) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/40) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/50) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/60) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/70) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/80) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-100\/90) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/10) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/20) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/30) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/40) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/50) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/60) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/70) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/80) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-200\/90) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/10) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/20) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/30) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/40) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/50) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/60) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/70) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/80) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-300\/90) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/10) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/20) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/30) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/40) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/50) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/60) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/70) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/80) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-400\/90) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/10) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/20) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/30) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/40) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/50) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/60) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/70) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/80) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-500\/90) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/10) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/20) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/30) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/40) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/50) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/60) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/70) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/80) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-600\/90) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/10) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/20) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/30) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/40) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/50) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/60) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/70) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/80) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-700\/90) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/10) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/20) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/30) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/40) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/50) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/60) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/70) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/80) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-800\/90) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/10) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/20) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/30) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/40) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/50) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/60) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/70) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/80) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-900\/90) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0:focus) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0:hover) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0:active) { + color: var(---surface-0) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/10:focus) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/10:hover) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/10:active) { + color: color-mix(in srgb, var(---surface-0), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/20:focus) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/20:hover) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/20:active) { + color: color-mix(in srgb, var(---surface-0), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/30:focus) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/30:hover) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/30:active) { + color: color-mix(in srgb, var(---surface-0), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/40:focus) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/40:hover) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/40:active) { + color: color-mix(in srgb, var(---surface-0), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/50:focus) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/50:hover) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/50:active) { + color: color-mix(in srgb, var(---surface-0), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/60:focus) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/60:hover) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/60:active) { + color: color-mix(in srgb, var(---surface-0), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/70:focus) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/70:hover) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/70:active) { + color: color-mix(in srgb, var(---surface-0), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/80:focus) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/80:hover) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/80:active) { + color: color-mix(in srgb, var(---surface-0), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-0\/90:focus) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-0\/90:hover) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-0\/90:active) { + color: color-mix(in srgb, var(---surface-0), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50:focus) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50:hover) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50:active) { + color: var(---surface-50) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/10:focus) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/10:hover) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/10:active) { + color: color-mix(in srgb, var(---surface-50), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/20:focus) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/20:hover) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/20:active) { + color: color-mix(in srgb, var(---surface-50), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/30:focus) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/30:hover) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/30:active) { + color: color-mix(in srgb, var(---surface-50), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/40:focus) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/40:hover) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/40:active) { + color: color-mix(in srgb, var(---surface-50), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/50:focus) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/50:hover) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/50:active) { + color: color-mix(in srgb, var(---surface-50), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/60:focus) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/60:hover) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/60:active) { + color: color-mix(in srgb, var(---surface-50), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/70:focus) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/70:hover) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/70:active) { + color: color-mix(in srgb, var(---surface-50), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/80:focus) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/80:hover) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/80:active) { + color: color-mix(in srgb, var(---surface-50), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-50\/90:focus) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-50\/90:hover) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-50\/90:active) { + color: color-mix(in srgb, var(---surface-50), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100:focus) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100:hover) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100:active) { + color: var(---surface-100) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/10:focus) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/10:hover) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/10:active) { + color: color-mix(in srgb, var(---surface-100), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/20:focus) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/20:hover) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/20:active) { + color: color-mix(in srgb, var(---surface-100), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/30:focus) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/30:hover) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/30:active) { + color: color-mix(in srgb, var(---surface-100), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/40:focus) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/40:hover) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/40:active) { + color: color-mix(in srgb, var(---surface-100), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/50:focus) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/50:hover) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/50:active) { + color: color-mix(in srgb, var(---surface-100), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/60:focus) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/60:hover) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/60:active) { + color: color-mix(in srgb, var(---surface-100), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/70:focus) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/70:hover) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/70:active) { + color: color-mix(in srgb, var(---surface-100), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/80:focus) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/80:hover) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/80:active) { + color: color-mix(in srgb, var(---surface-100), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-100\/90:focus) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-100\/90:hover) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-100\/90:active) { + color: color-mix(in srgb, var(---surface-100), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200:focus) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200:hover) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200:active) { + color: var(---surface-200) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/10:focus) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/10:hover) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/10:active) { + color: color-mix(in srgb, var(---surface-200), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/20:focus) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/20:hover) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/20:active) { + color: color-mix(in srgb, var(---surface-200), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/30:focus) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/30:hover) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/30:active) { + color: color-mix(in srgb, var(---surface-200), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/40:focus) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/40:hover) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/40:active) { + color: color-mix(in srgb, var(---surface-200), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/50:focus) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/50:hover) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/50:active) { + color: color-mix(in srgb, var(---surface-200), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/60:focus) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/60:hover) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/60:active) { + color: color-mix(in srgb, var(---surface-200), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/70:focus) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/70:hover) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/70:active) { + color: color-mix(in srgb, var(---surface-200), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/80:focus) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/80:hover) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/80:active) { + color: color-mix(in srgb, var(---surface-200), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-200\/90:focus) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-200\/90:hover) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-200\/90:active) { + color: color-mix(in srgb, var(---surface-200), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300:focus) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300:hover) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300:active) { + color: var(---surface-300) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/10:focus) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/10:hover) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/10:active) { + color: color-mix(in srgb, var(---surface-300), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/20:focus) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/20:hover) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/20:active) { + color: color-mix(in srgb, var(---surface-300), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/30:focus) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/30:hover) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/30:active) { + color: color-mix(in srgb, var(---surface-300), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/40:focus) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/40:hover) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/40:active) { + color: color-mix(in srgb, var(---surface-300), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/50:focus) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/50:hover) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/50:active) { + color: color-mix(in srgb, var(---surface-300), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/60:focus) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/60:hover) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/60:active) { + color: color-mix(in srgb, var(---surface-300), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/70:focus) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/70:hover) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/70:active) { + color: color-mix(in srgb, var(---surface-300), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/80:focus) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/80:hover) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/80:active) { + color: color-mix(in srgb, var(---surface-300), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-300\/90:focus) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-300\/90:hover) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-300\/90:active) { + color: color-mix(in srgb, var(---surface-300), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400:focus) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400:hover) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400:active) { + color: var(---surface-400) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/10:focus) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/10:hover) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/10:active) { + color: color-mix(in srgb, var(---surface-400), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/20:focus) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/20:hover) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/20:active) { + color: color-mix(in srgb, var(---surface-400), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/30:focus) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/30:hover) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/30:active) { + color: color-mix(in srgb, var(---surface-400), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/40:focus) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/40:hover) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/40:active) { + color: color-mix(in srgb, var(---surface-400), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/50:focus) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/50:hover) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/50:active) { + color: color-mix(in srgb, var(---surface-400), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/60:focus) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/60:hover) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/60:active) { + color: color-mix(in srgb, var(---surface-400), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/70:focus) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/70:hover) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/70:active) { + color: color-mix(in srgb, var(---surface-400), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/80:focus) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/80:hover) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/80:active) { + color: color-mix(in srgb, var(---surface-400), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-400\/90:focus) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-400\/90:hover) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-400\/90:active) { + color: color-mix(in srgb, var(---surface-400), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500:focus) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500:hover) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500:active) { + color: var(---surface-500) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/10:focus) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/10:hover) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/10:active) { + color: color-mix(in srgb, var(---surface-500), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/20:focus) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/20:hover) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/20:active) { + color: color-mix(in srgb, var(---surface-500), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/30:focus) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/30:hover) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/30:active) { + color: color-mix(in srgb, var(---surface-500), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/40:focus) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/40:hover) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/40:active) { + color: color-mix(in srgb, var(---surface-500), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/50:focus) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/50:hover) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/50:active) { + color: color-mix(in srgb, var(---surface-500), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/60:focus) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/60:hover) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/60:active) { + color: color-mix(in srgb, var(---surface-500), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/70:focus) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/70:hover) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/70:active) { + color: color-mix(in srgb, var(---surface-500), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/80:focus) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/80:hover) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/80:active) { + color: color-mix(in srgb, var(---surface-500), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-500\/90:focus) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-500\/90:hover) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-500\/90:active) { + color: color-mix(in srgb, var(---surface-500), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600:focus) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600:hover) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600:active) { + color: var(---surface-600) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/10:focus) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/10:hover) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/10:active) { + color: color-mix(in srgb, var(---surface-600), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/20:focus) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/20:hover) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/20:active) { + color: color-mix(in srgb, var(---surface-600), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/30:focus) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/30:hover) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/30:active) { + color: color-mix(in srgb, var(---surface-600), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/40:focus) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/40:hover) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/40:active) { + color: color-mix(in srgb, var(---surface-600), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/50:focus) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/50:hover) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/50:active) { + color: color-mix(in srgb, var(---surface-600), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/60:focus) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/60:hover) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/60:active) { + color: color-mix(in srgb, var(---surface-600), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/70:focus) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/70:hover) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/70:active) { + color: color-mix(in srgb, var(---surface-600), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/80:focus) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/80:hover) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/80:active) { + color: color-mix(in srgb, var(---surface-600), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-600\/90:focus) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-600\/90:hover) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-600\/90:active) { + color: color-mix(in srgb, var(---surface-600), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700:focus) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700:hover) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700:active) { + color: var(---surface-700) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/10:focus) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/10:hover) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/10:active) { + color: color-mix(in srgb, var(---surface-700), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/20:focus) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/20:hover) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/20:active) { + color: color-mix(in srgb, var(---surface-700), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/30:focus) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/30:hover) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/30:active) { + color: color-mix(in srgb, var(---surface-700), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/40:focus) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/40:hover) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/40:active) { + color: color-mix(in srgb, var(---surface-700), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/50:focus) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/50:hover) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/50:active) { + color: color-mix(in srgb, var(---surface-700), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/60:focus) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/60:hover) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/60:active) { + color: color-mix(in srgb, var(---surface-700), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/70:focus) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/70:hover) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/70:active) { + color: color-mix(in srgb, var(---surface-700), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/80:focus) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/80:hover) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/80:active) { + color: color-mix(in srgb, var(---surface-700), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-700\/90:focus) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-700\/90:hover) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-700\/90:active) { + color: color-mix(in srgb, var(---surface-700), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800:focus) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800:hover) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800:active) { + color: var(---surface-800) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/10:focus) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/10:hover) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/10:active) { + color: color-mix(in srgb, var(---surface-800), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/20:focus) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/20:hover) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/20:active) { + color: color-mix(in srgb, var(---surface-800), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/30:focus) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/30:hover) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/30:active) { + color: color-mix(in srgb, var(---surface-800), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/40:focus) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/40:hover) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/40:active) { + color: color-mix(in srgb, var(---surface-800), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/50:focus) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/50:hover) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/50:active) { + color: color-mix(in srgb, var(---surface-800), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/60:focus) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/60:hover) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/60:active) { + color: color-mix(in srgb, var(---surface-800), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/70:focus) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/70:hover) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/70:active) { + color: color-mix(in srgb, var(---surface-800), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/80:focus) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/80:hover) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/80:active) { + color: color-mix(in srgb, var(---surface-800), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-800\/90:focus) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-800\/90:hover) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-800\/90:active) { + color: color-mix(in srgb, var(---surface-800), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900:focus) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900:hover) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900:active) { + color: var(---surface-900) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/10:focus) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/10:hover) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/10:active) { + color: color-mix(in srgb, var(---surface-900), 0.1%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/20:focus) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/20:hover) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/20:active) { + color: color-mix(in srgb, var(---surface-900), 0.2%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/30:focus) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/30:hover) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/30:active) { + color: color-mix(in srgb, var(---surface-900), 0.3%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/40:focus) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/40:hover) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/40:active) { + color: color-mix(in srgb, var(---surface-900), 0.4%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/50:focus) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/50:hover) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/50:active) { + color: color-mix(in srgb, var(---surface-900), 0.5%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/60:focus) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/60:hover) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/60:active) { + color: color-mix(in srgb, var(---surface-900), 0.6%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/70:focus) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/70:hover) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/70:active) { + color: color-mix(in srgb, var(---surface-900), 0.7%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/80:focus) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/80:hover) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/80:active) { + color: color-mix(in srgb, var(---surface-900), 0.8%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-900\/90:focus) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-900\/90:hover) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-900\/90:active) { + color: color-mix(in srgb, var(---surface-900), 0.9%, transparent) + } +} +.text-white\/10 { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.text-white-alpha-10 { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.text-black\/10 { + color: color-mix(in srgb, #000000 10%, transparent) +} +.text-black-alpha-10 { + color: color-mix(in srgb, #000000 10%, transparent) +} +.text-white\/20 { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.text-white-alpha-20 { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.text-black\/20 { + color: color-mix(in srgb, #000000 20%, transparent) +} +.text-black-alpha-20 { + color: color-mix(in srgb, #000000 20%, transparent) +} +.text-white\/30 { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.text-white-alpha-30 { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.text-black\/30 { + color: color-mix(in srgb, #000000 30%, transparent) +} +.text-black-alpha-30 { + color: color-mix(in srgb, #000000 30%, transparent) +} +.text-white\/40 { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.text-white-alpha-40 { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.text-black\/40 { + color: color-mix(in srgb, #000000 40%, transparent) +} +.text-black-alpha-40 { + color: color-mix(in srgb, #000000 40%, transparent) +} +.text-white\/50 { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.text-white-alpha-50 { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.text-black\/50 { + color: color-mix(in srgb, #000000 50%, transparent) +} +.text-black-alpha-50 { + color: color-mix(in srgb, #000000 50%, transparent) +} +.text-white\/60 { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.text-white-alpha-60 { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.text-black\/60 { + color: color-mix(in srgb, #000000 60%, transparent) +} +.text-black-alpha-60 { + color: color-mix(in srgb, #000000 60%, transparent) +} +.text-white\/70 { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.text-white-alpha-70 { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.text-black\/70 { + color: color-mix(in srgb, #000000 70%, transparent) +} +.text-black-alpha-70 { + color: color-mix(in srgb, #000000 70%, transparent) +} +.text-white\/80 { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.text-white-alpha-80 { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.text-black\/80 { + color: color-mix(in srgb, #000000 80%, transparent) +} +.text-black-alpha-80 { + color: color-mix(in srgb, #000000 80%, transparent) +} +.text-white\/90 { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.text-white-alpha-90 { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.text-black\/90 { + color: color-mix(in srgb, #000000 90%, transparent) +} +.text-black-alpha-90 { + color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:text-white\/10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:text-white\/10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:text-white\/10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:text-white-alpha-10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:text-white-alpha-10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:text-white-alpha-10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:text-black\/10:focus { + color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:text-black\/10:hover { + color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:text-black\/10:active { + color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:text-black-alpha-10:focus { + color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:text-black-alpha-10:hover { + color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:text-black-alpha-10:active { + color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:text-white\/20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:text-white\/20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:text-white\/20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:text-white-alpha-20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:text-white-alpha-20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:text-white-alpha-20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:text-black\/20:focus { + color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:text-black\/20:hover { + color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:text-black\/20:active { + color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:text-black-alpha-20:focus { + color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:text-black-alpha-20:hover { + color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:text-black-alpha-20:active { + color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:text-white\/30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:text-white\/30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:text-white\/30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:text-white-alpha-30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:text-white-alpha-30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:text-white-alpha-30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:text-black\/30:focus { + color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:text-black\/30:hover { + color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:text-black\/30:active { + color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:text-black-alpha-30:focus { + color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:text-black-alpha-30:hover { + color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:text-black-alpha-30:active { + color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:text-white\/40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:text-white\/40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:text-white\/40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:text-white-alpha-40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:text-white-alpha-40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:text-white-alpha-40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:text-black\/40:focus { + color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:text-black\/40:hover { + color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:text-black\/40:active { + color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:text-black-alpha-40:focus { + color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:text-black-alpha-40:hover { + color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:text-black-alpha-40:active { + color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:text-white\/50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:text-white\/50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:text-white\/50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:text-white-alpha-50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:text-white-alpha-50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:text-white-alpha-50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:text-black\/50:focus { + color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:text-black\/50:hover { + color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:text-black\/50:active { + color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:text-black-alpha-50:focus { + color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:text-black-alpha-50:hover { + color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:text-black-alpha-50:active { + color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:text-white\/60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:text-white\/60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:text-white\/60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:text-white-alpha-60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:text-white-alpha-60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:text-white-alpha-60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:text-black\/60:focus { + color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:text-black\/60:hover { + color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:text-black\/60:active { + color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:text-black-alpha-60:focus { + color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:text-black-alpha-60:hover { + color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:text-black-alpha-60:active { + color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:text-white\/70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:text-white\/70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:text-white\/70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:text-white-alpha-70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:text-white-alpha-70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:text-white-alpha-70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:text-black\/70:focus { + color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:text-black\/70:hover { + color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:text-black\/70:active { + color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:text-black-alpha-70:focus { + color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:text-black-alpha-70:hover { + color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:text-black-alpha-70:active { + color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:text-white\/80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:text-white\/80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:text-white\/80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:text-white-alpha-80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:text-white-alpha-80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:text-white-alpha-80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:text-black\/80:focus { + color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:text-black\/80:hover { + color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:text-black\/80:active { + color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:text-black-alpha-80:focus { + color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:text-black-alpha-80:hover { + color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:text-black-alpha-80:active { + color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:text-white\/90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:text-white\/90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:text-white\/90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:text-white-alpha-90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:text-white-alpha-90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:text-white-alpha-90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:text-black\/90:focus { + color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:text-black\/90:hover { + color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:text-black\/90:active { + color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:text-black-alpha-90:focus { + color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:text-black-alpha-90:hover { + color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:text-black-alpha-90:active { + color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:text-white\/10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:text-white-alpha-10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:text-black\/10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:text-black-alpha-10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:text-white\/20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:text-white-alpha-20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:text-black\/20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:text-black-alpha-20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:text-white\/30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:text-white-alpha-30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:text-black\/30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:text-black-alpha-30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:text-white\/40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:text-white-alpha-40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:text-black\/40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:text-black-alpha-40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:text-white\/50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:text-white-alpha-50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:text-black\/50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:text-black-alpha-50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:text-white\/60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:text-white-alpha-60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:text-black\/60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:text-black-alpha-60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:text-white\/70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:text-white-alpha-70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:text-black\/70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:text-black-alpha-70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:text-white\/80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:text-white-alpha-80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:text-black\/80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:text-black-alpha-80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:text-white\/90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:text-white-alpha-90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:text-black\/90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:text-black-alpha-90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:text-white\/10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:text-white\/10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:text-white\/10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:text-white-alpha-10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:text-white-alpha-10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:text-white-alpha-10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:text-black\/10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:text-black\/10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:text-black\/10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:text-black-alpha-10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:text-black-alpha-10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:text-black-alpha-10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:text-white\/20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:text-white\/20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:text-white\/20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:text-white-alpha-20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:text-white-alpha-20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:text-white-alpha-20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:text-black\/20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:text-black\/20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:text-black\/20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:text-black-alpha-20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:text-black-alpha-20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:text-black-alpha-20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:text-white\/30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:text-white\/30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:text-white\/30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:text-white-alpha-30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:text-white-alpha-30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:text-white-alpha-30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:text-black\/30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:text-black\/30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:text-black\/30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:text-black-alpha-30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:text-black-alpha-30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:text-black-alpha-30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:text-white\/40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:text-white\/40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:text-white\/40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:text-white-alpha-40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:text-white-alpha-40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:text-white-alpha-40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:text-black\/40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:text-black\/40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:text-black\/40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:text-black-alpha-40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:text-black-alpha-40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:text-black-alpha-40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:text-white\/50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:text-white\/50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:text-white\/50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:text-white-alpha-50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:text-white-alpha-50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:text-white-alpha-50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:text-black\/50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:text-black\/50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:text-black\/50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:text-black-alpha-50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:text-black-alpha-50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:text-black-alpha-50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:text-white\/60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:text-white\/60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:text-white\/60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:text-white-alpha-60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:text-white-alpha-60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:text-white-alpha-60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:text-black\/60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:text-black\/60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:text-black\/60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:text-black-alpha-60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:text-black-alpha-60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:text-black-alpha-60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:text-white\/70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:text-white\/70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:text-white\/70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:text-white-alpha-70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:text-white-alpha-70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:text-white-alpha-70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:text-black\/70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:text-black\/70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:text-black\/70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:text-black-alpha-70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:text-black-alpha-70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:text-black-alpha-70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:text-white\/80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:text-white\/80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:text-white\/80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:text-white-alpha-80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:text-white-alpha-80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:text-white-alpha-80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:text-black\/80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:text-black\/80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:text-black\/80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:text-black-alpha-80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:text-black-alpha-80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:text-black-alpha-80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:text-white\/90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:text-white\/90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:text-white\/90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:text-white-alpha-90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:text-white-alpha-90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:text-white-alpha-90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:text-black\/90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:text-black\/90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:text-black\/90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:text-black-alpha-90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:text-black-alpha-90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:text-black-alpha-90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:text-white\/10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:text-white-alpha-10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:text-black\/10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:text-black-alpha-10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:text-white\/20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:text-white-alpha-20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:text-black\/20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:text-black-alpha-20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:text-white\/30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:text-white-alpha-30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:text-black\/30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:text-black-alpha-30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:text-white\/40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:text-white-alpha-40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:text-black\/40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:text-black-alpha-40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:text-white\/50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:text-white-alpha-50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:text-black\/50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:text-black-alpha-50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:text-white\/60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:text-white-alpha-60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:text-black\/60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:text-black-alpha-60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:text-white\/70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:text-white-alpha-70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:text-black\/70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:text-black-alpha-70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:text-white\/80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:text-white-alpha-80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:text-black\/80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:text-black-alpha-80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:text-white\/90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:text-white-alpha-90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:text-black\/90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:text-black-alpha-90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:text-white\/10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:text-white\/10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:text-white\/10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:text-white-alpha-10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:text-white-alpha-10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:text-white-alpha-10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:text-black\/10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:text-black\/10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:text-black\/10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:text-black-alpha-10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:text-black-alpha-10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:text-black-alpha-10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:text-white\/20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:text-white\/20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:text-white\/20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:text-white-alpha-20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:text-white-alpha-20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:text-white-alpha-20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:text-black\/20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:text-black\/20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:text-black\/20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:text-black-alpha-20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:text-black-alpha-20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:text-black-alpha-20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:text-white\/30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:text-white\/30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:text-white\/30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:text-white-alpha-30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:text-white-alpha-30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:text-white-alpha-30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:text-black\/30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:text-black\/30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:text-black\/30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:text-black-alpha-30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:text-black-alpha-30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:text-black-alpha-30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:text-white\/40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:text-white\/40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:text-white\/40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:text-white-alpha-40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:text-white-alpha-40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:text-white-alpha-40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:text-black\/40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:text-black\/40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:text-black\/40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:text-black-alpha-40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:text-black-alpha-40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:text-black-alpha-40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:text-white\/50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:text-white\/50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:text-white\/50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:text-white-alpha-50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:text-white-alpha-50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:text-white-alpha-50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:text-black\/50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:text-black\/50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:text-black\/50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:text-black-alpha-50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:text-black-alpha-50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:text-black-alpha-50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:text-white\/60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:text-white\/60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:text-white\/60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:text-white-alpha-60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:text-white-alpha-60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:text-white-alpha-60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:text-black\/60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:text-black\/60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:text-black\/60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:text-black-alpha-60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:text-black-alpha-60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:text-black-alpha-60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:text-white\/70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:text-white\/70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:text-white\/70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:text-white-alpha-70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:text-white-alpha-70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:text-white-alpha-70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:text-black\/70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:text-black\/70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:text-black\/70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:text-black-alpha-70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:text-black-alpha-70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:text-black-alpha-70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:text-white\/80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:text-white\/80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:text-white\/80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:text-white-alpha-80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:text-white-alpha-80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:text-white-alpha-80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:text-black\/80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:text-black\/80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:text-black\/80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:text-black-alpha-80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:text-black-alpha-80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:text-black-alpha-80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:text-white\/90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:text-white\/90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:text-white\/90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:text-white-alpha-90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:text-white-alpha-90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:text-white-alpha-90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:text-black\/90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:text-black\/90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:text-black\/90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:text-black-alpha-90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:text-black-alpha-90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:text-black-alpha-90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:text-white\/10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:text-white-alpha-10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:text-black\/10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:text-black-alpha-10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:text-white\/20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:text-white-alpha-20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:text-black\/20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:text-black-alpha-20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:text-white\/30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:text-white-alpha-30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:text-black\/30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:text-black-alpha-30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:text-white\/40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:text-white-alpha-40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:text-black\/40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:text-black-alpha-40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:text-white\/50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:text-white-alpha-50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:text-black\/50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:text-black-alpha-50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:text-white\/60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:text-white-alpha-60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:text-black\/60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:text-black-alpha-60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:text-white\/70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:text-white-alpha-70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:text-black\/70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:text-black-alpha-70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:text-white\/80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:text-white-alpha-80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:text-black\/80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:text-black-alpha-80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:text-white\/90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:text-white-alpha-90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:text-black\/90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:text-black-alpha-90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:text-white\/10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:text-white\/10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:text-white\/10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:text-white-alpha-10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:text-white-alpha-10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:text-white-alpha-10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:text-black\/10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:text-black\/10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:text-black\/10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:text-black-alpha-10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:text-black-alpha-10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:text-black-alpha-10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:text-white\/20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:text-white\/20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:text-white\/20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:text-white-alpha-20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:text-white-alpha-20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:text-white-alpha-20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:text-black\/20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:text-black\/20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:text-black\/20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:text-black-alpha-20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:text-black-alpha-20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:text-black-alpha-20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:text-white\/30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:text-white\/30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:text-white\/30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:text-white-alpha-30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:text-white-alpha-30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:text-white-alpha-30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:text-black\/30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:text-black\/30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:text-black\/30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:text-black-alpha-30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:text-black-alpha-30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:text-black-alpha-30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:text-white\/40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:text-white\/40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:text-white\/40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:text-white-alpha-40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:text-white-alpha-40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:text-white-alpha-40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:text-black\/40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:text-black\/40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:text-black\/40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:text-black-alpha-40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:text-black-alpha-40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:text-black-alpha-40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:text-white\/50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:text-white\/50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:text-white\/50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:text-white-alpha-50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:text-white-alpha-50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:text-white-alpha-50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:text-black\/50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:text-black\/50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:text-black\/50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:text-black-alpha-50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:text-black-alpha-50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:text-black-alpha-50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:text-white\/60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:text-white\/60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:text-white\/60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:text-white-alpha-60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:text-white-alpha-60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:text-white-alpha-60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:text-black\/60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:text-black\/60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:text-black\/60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:text-black-alpha-60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:text-black-alpha-60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:text-black-alpha-60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:text-white\/70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:text-white\/70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:text-white\/70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:text-white-alpha-70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:text-white-alpha-70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:text-white-alpha-70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:text-black\/70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:text-black\/70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:text-black\/70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:text-black-alpha-70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:text-black-alpha-70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:text-black-alpha-70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:text-white\/80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:text-white\/80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:text-white\/80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:text-white-alpha-80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:text-white-alpha-80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:text-white-alpha-80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:text-black\/80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:text-black\/80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:text-black\/80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:text-black-alpha-80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:text-black-alpha-80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:text-black-alpha-80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:text-white\/90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:text-white\/90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:text-white\/90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:text-white-alpha-90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:text-white-alpha-90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:text-white-alpha-90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:text-black\/90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:text-black\/90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:text-black\/90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:text-black-alpha-90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:text-black-alpha-90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:text-black-alpha-90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:text-white\/10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:text-white-alpha-10 { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:text-black\/10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:text-black-alpha-10 { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:text-white\/20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:text-white-alpha-20 { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:text-black\/20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:text-black-alpha-20 { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:text-white\/30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:text-white-alpha-30 { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:text-black\/30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:text-black-alpha-30 { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:text-white\/40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:text-white-alpha-40 { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:text-black\/40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:text-black-alpha-40 { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:text-white\/50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:text-white-alpha-50 { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:text-black\/50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:text-black-alpha-50 { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:text-white\/60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:text-white-alpha-60 { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:text-black\/60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:text-black-alpha-60 { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:text-white\/70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:text-white-alpha-70 { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:text-black\/70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:text-black-alpha-70 { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:text-white\/80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:text-white-alpha-80 { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:text-black\/80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:text-black-alpha-80 { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:text-white\/90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:text-white-alpha-90 { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:text-black\/90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:text-black-alpha-90 { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:text-white\/10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:text-white\/10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:text-white\/10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:text-white-alpha-10:focus { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:text-white-alpha-10:hover { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:text-white-alpha-10:active { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:text-black\/10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:text-black\/10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:text-black\/10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:text-black-alpha-10:focus { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:text-black-alpha-10:hover { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:text-black-alpha-10:active { + color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:text-white\/20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:text-white\/20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:text-white\/20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:text-white-alpha-20:focus { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:text-white-alpha-20:hover { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:text-white-alpha-20:active { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:text-black\/20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:text-black\/20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:text-black\/20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:text-black-alpha-20:focus { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:text-black-alpha-20:hover { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:text-black-alpha-20:active { + color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:text-white\/30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:text-white\/30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:text-white\/30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:text-white-alpha-30:focus { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:text-white-alpha-30:hover { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:text-white-alpha-30:active { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:text-black\/30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:text-black\/30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:text-black\/30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:text-black-alpha-30:focus { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:text-black-alpha-30:hover { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:text-black-alpha-30:active { + color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:text-white\/40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:text-white\/40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:text-white\/40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:text-white-alpha-40:focus { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:text-white-alpha-40:hover { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:text-white-alpha-40:active { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:text-black\/40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:text-black\/40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:text-black\/40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:text-black-alpha-40:focus { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:text-black-alpha-40:hover { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:text-black-alpha-40:active { + color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:text-white\/50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:text-white\/50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:text-white\/50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:text-white-alpha-50:focus { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:text-white-alpha-50:hover { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:text-white-alpha-50:active { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:text-black\/50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:text-black\/50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:text-black\/50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:text-black-alpha-50:focus { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:text-black-alpha-50:hover { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:text-black-alpha-50:active { + color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:text-white\/60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:text-white\/60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:text-white\/60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:text-white-alpha-60:focus { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:text-white-alpha-60:hover { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:text-white-alpha-60:active { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:text-black\/60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:text-black\/60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:text-black\/60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:text-black-alpha-60:focus { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:text-black-alpha-60:hover { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:text-black-alpha-60:active { + color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:text-white\/70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:text-white\/70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:text-white\/70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:text-white-alpha-70:focus { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:text-white-alpha-70:hover { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:text-white-alpha-70:active { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:text-black\/70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:text-black\/70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:text-black\/70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:text-black-alpha-70:focus { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:text-black-alpha-70:hover { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:text-black-alpha-70:active { + color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:text-white\/80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:text-white\/80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:text-white\/80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:text-white-alpha-80:focus { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:text-white-alpha-80:hover { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:text-white-alpha-80:active { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:text-black\/80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:text-black\/80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:text-black\/80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:text-black-alpha-80:focus { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:text-black-alpha-80:hover { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:text-black-alpha-80:active { + color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:text-white\/90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:text-white\/90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:text-white\/90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:text-white-alpha-90:focus { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:text-white-alpha-90:hover { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:text-white-alpha-90:active { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:text-black\/90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:text-black\/90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:text-black\/90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:text-black-alpha-90:focus { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:text-black-alpha-90:hover { + color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:text-black-alpha-90:active { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/10) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-10) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/10) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-10) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/20) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-20) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/20) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-20) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/30) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-30) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/30) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-30) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/40) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-40) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/40) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-40) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/50) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-50) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/50) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-50) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/60) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-60) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/60) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-60) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/70) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-70) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/70) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-70) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/80) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-80) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/80) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-80) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white\/90) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-white-alpha-90) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black\/90) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:text-black-alpha-90) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/10:active) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-10:active) { + color: color-mix(in srgb, #000000 10%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/20:active) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-20:active) { + color: color-mix(in srgb, #000000 20%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/30:active) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-30:active) { + color: color-mix(in srgb, #000000 30%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/40:active) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-40:active) { + color: color-mix(in srgb, #000000 40%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/50:active) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-50:active) { + color: color-mix(in srgb, #000000 50%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/60:active) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-60:active) { + color: color-mix(in srgb, #000000 60%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/70:active) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-70:active) { + color: color-mix(in srgb, #000000 70%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/80:active) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-80:active) { + color: color-mix(in srgb, #000000 80%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white\/90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white\/90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white\/90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-white-alpha-90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-white-alpha-90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-white-alpha-90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black\/90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black\/90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black\/90:active) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:focus\:text-black-alpha-90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:hover\:text-black-alpha-90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) +} +:is([data-pf-theme="primeone-dark"] .primeone-dark\:active\:text-black-alpha-90:active) { + color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white\/90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-white-alpha-90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black\/90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:text-black-alpha-90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white\/90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white\/90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white\/90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-white-alpha-90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-white-alpha-90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-white-alpha-90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black\/90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black\/90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black\/90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:focus\:text-black-alpha-90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:hover\:text-black-alpha-90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:sm\:active\:text-black-alpha-90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white\/90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-white-alpha-90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black\/90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:text-black-alpha-90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white\/90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white\/90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white\/90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-white-alpha-90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-white-alpha-90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-white-alpha-90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black\/90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black\/90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black\/90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:focus\:text-black-alpha-90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:hover\:text-black-alpha-90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:md\:active\:text-black-alpha-90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white\/90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-white-alpha-90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black\/90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:text-black-alpha-90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white\/90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white\/90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white\/90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-white-alpha-90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-white-alpha-90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-white-alpha-90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black\/90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black\/90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black\/90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:focus\:text-black-alpha-90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:hover\:text-black-alpha-90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:lg\:active\:text-black-alpha-90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-10) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-10) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-20) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-20) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-30) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-30) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-40) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-40) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-50) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-50) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-60) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-60) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-70) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-70) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-80) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-80) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white\/90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-white-alpha-90) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black\/90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:text-black-alpha-90) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-10:focus) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-10:hover) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-10:active) { + color: color-mix(in srgb, #ffffff 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-10:focus) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-10:hover) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-10:active) { + color: color-mix(in srgb, #000000 10%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-20:focus) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-20:hover) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-20:active) { + color: color-mix(in srgb, #ffffff 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-20:focus) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-20:hover) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-20:active) { + color: color-mix(in srgb, #000000 20%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-30:focus) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-30:hover) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-30:active) { + color: color-mix(in srgb, #ffffff 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-30:focus) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-30:hover) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-30:active) { + color: color-mix(in srgb, #000000 30%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-40:focus) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-40:hover) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-40:active) { + color: color-mix(in srgb, #ffffff 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-40:focus) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-40:hover) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-40:active) { + color: color-mix(in srgb, #000000 40%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-50:focus) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-50:hover) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-50:active) { + color: color-mix(in srgb, #ffffff 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-50:focus) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-50:hover) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-50:active) { + color: color-mix(in srgb, #000000 50%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-60:focus) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-60:hover) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-60:active) { + color: color-mix(in srgb, #ffffff 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-60:focus) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-60:hover) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-60:active) { + color: color-mix(in srgb, #000000 60%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-70:focus) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-70:hover) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-70:active) { + color: color-mix(in srgb, #ffffff 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-70:focus) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-70:hover) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-70:active) { + color: color-mix(in srgb, #000000 70%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-80:focus) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-80:hover) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-80:active) { + color: color-mix(in srgb, #ffffff 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-80:focus) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-80:hover) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-80:active) { + color: color-mix(in srgb, #000000 80%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white\/90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white\/90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white\/90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-white-alpha-90:focus) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-white-alpha-90:hover) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-white-alpha-90:active) { + color: color-mix(in srgb, #ffffff 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black\/90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black\/90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black\/90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:focus\:text-black-alpha-90:focus) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:hover\:text-black-alpha-90:hover) { + color: color-mix(in srgb, #000000 90%, transparent) + } + :is([data-pf-theme="primeone-dark"] .primeone-dark\:xl\:active\:text-black-alpha-90:active) { + color: color-mix(in srgb, #000000 90%, transparent) + } +} +.column-gap-0 { + column-gap: 0rem +} +.column-gap-1 { + column-gap: 0.25rem +} +.column-gap-2 { + column-gap: 0.5rem +} +.column-gap-3 { + column-gap: 1rem +} +.column-gap-4 { + column-gap: 1.5rem +} +.column-gap-5 { + column-gap: 2rem +} +.column-gap-6 { + column-gap: 3rem +} +.column-gap-7 { + column-gap: 4rem +} +.column-gap-8 { + column-gap: 5rem +} +@media screen and (min-width: 576px) { + .sm\:column-gap-0 { + column-gap: 0rem + } + .sm\:column-gap-1 { + column-gap: 0.25rem + } + .sm\:column-gap-2 { + column-gap: 0.5rem + } + .sm\:column-gap-3 { + column-gap: 1rem + } + .sm\:column-gap-4 { + column-gap: 1.5rem + } + .sm\:column-gap-5 { + column-gap: 2rem + } + .sm\:column-gap-6 { + column-gap: 3rem + } + .sm\:column-gap-7 { + column-gap: 4rem + } + .sm\:column-gap-8 { + column-gap: 5rem + } +} +@media screen and (min-width: 768px) { + .md\:column-gap-0 { + column-gap: 0rem + } + .md\:column-gap-1 { + column-gap: 0.25rem + } + .md\:column-gap-2 { + column-gap: 0.5rem + } + .md\:column-gap-3 { + column-gap: 1rem + } + .md\:column-gap-4 { + column-gap: 1.5rem + } + .md\:column-gap-5 { + column-gap: 2rem + } + .md\:column-gap-6 { + column-gap: 3rem + } + .md\:column-gap-7 { + column-gap: 4rem + } + .md\:column-gap-8 { + column-gap: 5rem + } +} +@media screen and (min-width: 992px) { + .lg\:column-gap-0 { + column-gap: 0rem + } + .lg\:column-gap-1 { + column-gap: 0.25rem + } + .lg\:column-gap-2 { + column-gap: 0.5rem + } + .lg\:column-gap-3 { + column-gap: 1rem + } + .lg\:column-gap-4 { + column-gap: 1.5rem + } + .lg\:column-gap-5 { + column-gap: 2rem + } + .lg\:column-gap-6 { + column-gap: 3rem + } + .lg\:column-gap-7 { + column-gap: 4rem + } + .lg\:column-gap-8 { + column-gap: 5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:column-gap-0 { + column-gap: 0rem + } + .xl\:column-gap-1 { + column-gap: 0.25rem + } + .xl\:column-gap-2 { + column-gap: 0.5rem + } + .xl\:column-gap-3 { + column-gap: 1rem + } + .xl\:column-gap-4 { + column-gap: 1.5rem + } + .xl\:column-gap-5 { + column-gap: 2rem + } + .xl\:column-gap-6 { + column-gap: 3rem + } + .xl\:column-gap-7 { + column-gap: 4rem + } + .xl\:column-gap-8 { + column-gap: 5rem + } +} +.cursor-auto { + cursor: auto +} +.cursor-default { + cursor: default +} +.cursor-pointer { + cursor: pointer +} +.cursor-wait { + cursor: wait +} +.cursor-move { + cursor: move +} +.cursor-help { + cursor: help +} +.cursor-text { + cursor: text +} +.cursor-vertical-text { + cursor: vertical-text +} +.cursor-alias { + cursor: alias +} +.cursor-copy { + cursor: copy +} +.cursor-no-drop { + cursor: no-drop +} +.cursor-not-allowed { + cursor: not-allowed +} +.cursor-grab { + cursor: grab +} +.cursor-grabbing { + cursor: grabbing +} +.cursor-col-resize { + cursor: col-resize +} +.cursor-row-resize { + cursor: row-resize +} +.cursor-n-resize { + cursor: n-resize +} +.cursor-e-resize { + cursor: e-resize +} +.cursor-s-resize { + cursor: s-resize +} +.cursor-w-resize { + cursor: w-resize +} +.cursor-ne-resize { + cursor: ne-resize +} +.cursor-nw-resize { + cursor: nw-resize +} +.cursor-se-resize { + cursor: se-resize +} +.cursor-sw-resize { + cursor: sw-resize +} +.cursor-ew-resize { + cursor: ew-resize +} +.cursor-ns-resize { + cursor: ns-resize +} +.cursor-nesw-resize { + cursor: nesw-resize +} +.cursor-nwse-resize { + cursor: nwse-resize +} +.cursor-zoom-in { + cursor: zoom-in +} +.cursor-zoom-out { + cursor: zoom-out +} +.hidden { + display: none +} +.block { + display: block +} +.inline { + display: inline +} +.inline-block { + display: inline-block +} +.flex { + display: flex +} +.inline-flex { + display: inline-flex +} +@media screen and (min-width: 576px) { + .sm\:hidden { + display: none + } + .sm\:block { + display: block + } + .sm\:inline { + display: inline + } + .sm\:inline-block { + display: inline-block + } + .sm\:flex { + display: flex + } + .sm\:inline-flex { + display: inline-flex + } +} +@media screen and (min-width: 768px) { + .md\:hidden { + display: none + } + .md\:block { + display: block + } + .md\:inline { + display: inline + } + .md\:inline-block { + display: inline-block + } + .md\:flex { + display: flex + } + .md\:inline-flex { + display: inline-flex + } +} +@media screen and (min-width: 992px) { + .lg\:hidden { + display: none + } + .lg\:block { + display: block + } + .lg\:inline { + display: inline + } + .lg\:inline-block { + display: inline-block + } + .lg\:flex { + display: flex + } + .lg\:inline-flex { + display: inline-flex + } +} +@media screen and (min-width: 1200px) { + .xl\:hidden { + display: none + } + .xl\:block { + display: block + } + .xl\:inline { + display: inline + } + .xl\:inline-block { + display: inline-block + } + .xl\:flex { + display: flex + } + .xl\:inline-flex { + display: inline-flex + } +} +.end-auto { + inset-inline-end: auto +} +.end-0 { + inset-inline-end: 0px +} +.end-50 { + inset-inline-end: 50% +} +.end-100 { + inset-inline-end: 100% +} +@media screen and (min-width: 576px) { + .sm\:end-auto { + inset-inline-end: auto + } + .sm\:end-0 { + inset-inline-end: 0px + } + .sm\:end-50 { + inset-inline-end: 50% + } + .sm\:end-100 { + inset-inline-end: 100% + } +} +@media screen and (min-width: 768px) { + .md\:end-auto { + inset-inline-end: auto + } + .md\:end-0 { + inset-inline-end: 0px + } + .md\:end-50 { + inset-inline-end: 50% + } + .md\:end-100 { + inset-inline-end: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:end-auto { + inset-inline-end: auto + } + .lg\:end-0 { + inset-inline-end: 0px + } + .lg\:end-50 { + inset-inline-end: 50% + } + .lg\:end-100 { + inset-inline-end: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:end-auto { + inset-inline-end: auto + } + .xl\:end-0 { + inset-inline-end: 0px + } + .xl\:end-50 { + inset-inline-end: 50% + } + .xl\:end-100 { + inset-inline-end: 100% + } +} +.fill-none { + fill: none +} +.fill-inherit { + fill: inherit +} +.fill-current { + fill: currentColor +} +.fill-transparent { + fill: transparent +} +.fill-white { + fill: #ffffff +} +.fill-black { + fill: #000000 +} +.focus\:fill-none:focus { + fill: none +} +.hover\:fill-none:hover { + fill: none +} +.active\:fill-none:active { + fill: none +} +.focus\:fill-inherit:focus { + fill: inherit +} +.hover\:fill-inherit:hover { + fill: inherit +} +.active\:fill-inherit:active { + fill: inherit +} +.focus\:fill-current:focus { + fill: currentColor +} +.hover\:fill-current:hover { + fill: currentColor +} +.active\:fill-current:active { + fill: currentColor +} +.focus\:fill-transparent:focus { + fill: transparent +} +.hover\:fill-transparent:hover { + fill: transparent +} +.active\:fill-transparent:active { + fill: transparent +} +.focus\:fill-white:focus { + fill: #ffffff +} +.hover\:fill-white:hover { + fill: #ffffff +} +.active\:fill-white:active { + fill: #ffffff +} +.focus\:fill-black:focus { + fill: #000000 +} +.hover\:fill-black:hover { + fill: #000000 +} +.active\:fill-black:active { + fill: #000000 +} +@media screen and (min-width: 576px) { + .sm\:fill-none { + fill: none + } + .sm\:fill-inherit { + fill: inherit + } + .sm\:fill-current { + fill: currentColor + } + .sm\:fill-transparent { + fill: transparent + } + .sm\:fill-white { + fill: #ffffff + } + .sm\:fill-black { + fill: #000000 + } + .sm\:focus\:fill-none:focus { + fill: none + } + .sm\:hover\:fill-none:hover { + fill: none + } + .sm\:active\:fill-none:active { + fill: none + } + .sm\:focus\:fill-inherit:focus { + fill: inherit + } + .sm\:hover\:fill-inherit:hover { + fill: inherit + } + .sm\:active\:fill-inherit:active { + fill: inherit + } + .sm\:focus\:fill-current:focus { + fill: currentColor + } + .sm\:hover\:fill-current:hover { + fill: currentColor + } + .sm\:active\:fill-current:active { + fill: currentColor + } + .sm\:focus\:fill-transparent:focus { + fill: transparent + } + .sm\:hover\:fill-transparent:hover { + fill: transparent + } + .sm\:active\:fill-transparent:active { + fill: transparent + } + .sm\:focus\:fill-white:focus { + fill: #ffffff + } + .sm\:hover\:fill-white:hover { + fill: #ffffff + } + .sm\:active\:fill-white:active { + fill: #ffffff + } + .sm\:focus\:fill-black:focus { + fill: #000000 + } + .sm\:hover\:fill-black:hover { + fill: #000000 + } + .sm\:active\:fill-black:active { + fill: #000000 + } +} +@media screen and (min-width: 768px) { + .md\:fill-none { + fill: none + } + .md\:fill-inherit { + fill: inherit + } + .md\:fill-current { + fill: currentColor + } + .md\:fill-transparent { + fill: transparent + } + .md\:fill-white { + fill: #ffffff + } + .md\:fill-black { + fill: #000000 + } + .md\:focus\:fill-none:focus { + fill: none + } + .md\:hover\:fill-none:hover { + fill: none + } + .md\:active\:fill-none:active { + fill: none + } + .md\:focus\:fill-inherit:focus { + fill: inherit + } + .md\:hover\:fill-inherit:hover { + fill: inherit + } + .md\:active\:fill-inherit:active { + fill: inherit + } + .md\:focus\:fill-current:focus { + fill: currentColor + } + .md\:hover\:fill-current:hover { + fill: currentColor + } + .md\:active\:fill-current:active { + fill: currentColor + } + .md\:focus\:fill-transparent:focus { + fill: transparent + } + .md\:hover\:fill-transparent:hover { + fill: transparent + } + .md\:active\:fill-transparent:active { + fill: transparent + } + .md\:focus\:fill-white:focus { + fill: #ffffff + } + .md\:hover\:fill-white:hover { + fill: #ffffff + } + .md\:active\:fill-white:active { + fill: #ffffff + } + .md\:focus\:fill-black:focus { + fill: #000000 + } + .md\:hover\:fill-black:hover { + fill: #000000 + } + .md\:active\:fill-black:active { + fill: #000000 + } +} +@media screen and (min-width: 992px) { + .lg\:fill-none { + fill: none + } + .lg\:fill-inherit { + fill: inherit + } + .lg\:fill-current { + fill: currentColor + } + .lg\:fill-transparent { + fill: transparent + } + .lg\:fill-white { + fill: #ffffff + } + .lg\:fill-black { + fill: #000000 + } + .lg\:focus\:fill-none:focus { + fill: none + } + .lg\:hover\:fill-none:hover { + fill: none + } + .lg\:active\:fill-none:active { + fill: none + } + .lg\:focus\:fill-inherit:focus { + fill: inherit + } + .lg\:hover\:fill-inherit:hover { + fill: inherit + } + .lg\:active\:fill-inherit:active { + fill: inherit + } + .lg\:focus\:fill-current:focus { + fill: currentColor + } + .lg\:hover\:fill-current:hover { + fill: currentColor + } + .lg\:active\:fill-current:active { + fill: currentColor + } + .lg\:focus\:fill-transparent:focus { + fill: transparent + } + .lg\:hover\:fill-transparent:hover { + fill: transparent + } + .lg\:active\:fill-transparent:active { + fill: transparent + } + .lg\:focus\:fill-white:focus { + fill: #ffffff + } + .lg\:hover\:fill-white:hover { + fill: #ffffff + } + .lg\:active\:fill-white:active { + fill: #ffffff + } + .lg\:focus\:fill-black:focus { + fill: #000000 + } + .lg\:hover\:fill-black:hover { + fill: #000000 + } + .lg\:active\:fill-black:active { + fill: #000000 + } +} +@media screen and (min-width: 1200px) { + .xl\:fill-none { + fill: none + } + .xl\:fill-inherit { + fill: inherit + } + .xl\:fill-current { + fill: currentColor + } + .xl\:fill-transparent { + fill: transparent + } + .xl\:fill-white { + fill: #ffffff + } + .xl\:fill-black { + fill: #000000 + } + .xl\:focus\:fill-none:focus { + fill: none + } + .xl\:hover\:fill-none:hover { + fill: none + } + .xl\:active\:fill-none:active { + fill: none + } + .xl\:focus\:fill-inherit:focus { + fill: inherit + } + .xl\:hover\:fill-inherit:hover { + fill: inherit + } + .xl\:active\:fill-inherit:active { + fill: inherit + } + .xl\:focus\:fill-current:focus { + fill: currentColor + } + .xl\:hover\:fill-current:hover { + fill: currentColor + } + .xl\:active\:fill-current:active { + fill: currentColor + } + .xl\:focus\:fill-transparent:focus { + fill: transparent + } + .xl\:hover\:fill-transparent:hover { + fill: transparent + } + .xl\:active\:fill-transparent:active { + fill: transparent + } + .xl\:focus\:fill-white:focus { + fill: #ffffff + } + .xl\:hover\:fill-white:hover { + fill: #ffffff + } + .xl\:active\:fill-white:active { + fill: #ffffff + } + .xl\:focus\:fill-black:focus { + fill: #000000 + } + .xl\:hover\:fill-black:hover { + fill: #000000 + } + .xl\:active\:fill-black:active { + fill: #000000 + } +} +.fill-blue-50 { + fill: var(--blue-50) +} +.fill-blue-50\/10 { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.fill-blue-50\/20 { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.fill-blue-50\/30 { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.fill-blue-50\/40 { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.fill-blue-50\/50 { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.fill-blue-50\/60 { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.fill-blue-50\/70 { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.fill-blue-50\/80 { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.fill-blue-50\/90 { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.fill-blue-100 { + fill: var(--blue-100) +} +.fill-blue-100\/10 { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.fill-blue-100\/20 { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.fill-blue-100\/30 { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.fill-blue-100\/40 { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.fill-blue-100\/50 { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.fill-blue-100\/60 { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.fill-blue-100\/70 { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.fill-blue-100\/80 { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.fill-blue-100\/90 { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.fill-blue-200 { + fill: var(--blue-200) +} +.fill-blue-200\/10 { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.fill-blue-200\/20 { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.fill-blue-200\/30 { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.fill-blue-200\/40 { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.fill-blue-200\/50 { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.fill-blue-200\/60 { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.fill-blue-200\/70 { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.fill-blue-200\/80 { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.fill-blue-200\/90 { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.fill-blue-300 { + fill: var(--blue-300) +} +.fill-blue-300\/10 { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.fill-blue-300\/20 { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.fill-blue-300\/30 { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.fill-blue-300\/40 { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.fill-blue-300\/50 { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.fill-blue-300\/60 { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.fill-blue-300\/70 { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.fill-blue-300\/80 { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.fill-blue-300\/90 { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.fill-blue-400 { + fill: var(--blue-400) +} +.fill-blue-400\/10 { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.fill-blue-400\/20 { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.fill-blue-400\/30 { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.fill-blue-400\/40 { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.fill-blue-400\/50 { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.fill-blue-400\/60 { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.fill-blue-400\/70 { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.fill-blue-400\/80 { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.fill-blue-400\/90 { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.fill-blue-500 { + fill: var(--blue-500) +} +.fill-blue-500\/10 { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.fill-blue-500\/20 { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.fill-blue-500\/30 { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.fill-blue-500\/40 { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.fill-blue-500\/50 { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.fill-blue-500\/60 { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.fill-blue-500\/70 { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.fill-blue-500\/80 { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.fill-blue-500\/90 { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.fill-blue-600 { + fill: var(--blue-600) +} +.fill-blue-600\/10 { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.fill-blue-600\/20 { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.fill-blue-600\/30 { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.fill-blue-600\/40 { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.fill-blue-600\/50 { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.fill-blue-600\/60 { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.fill-blue-600\/70 { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.fill-blue-600\/80 { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.fill-blue-600\/90 { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.fill-blue-700 { + fill: var(--blue-700) +} +.fill-blue-700\/10 { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.fill-blue-700\/20 { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.fill-blue-700\/30 { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.fill-blue-700\/40 { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.fill-blue-700\/50 { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.fill-blue-700\/60 { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.fill-blue-700\/70 { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.fill-blue-700\/80 { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.fill-blue-700\/90 { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.fill-blue-800 { + fill: var(--blue-800) +} +.fill-blue-800\/10 { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.fill-blue-800\/20 { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.fill-blue-800\/30 { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.fill-blue-800\/40 { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.fill-blue-800\/50 { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.fill-blue-800\/60 { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.fill-blue-800\/70 { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.fill-blue-800\/80 { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.fill-blue-800\/90 { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.fill-blue-900 { + fill: var(--blue-900) +} +.fill-blue-900\/10 { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.fill-blue-900\/20 { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.fill-blue-900\/30 { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.fill-blue-900\/40 { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.fill-blue-900\/50 { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.fill-blue-900\/60 { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.fill-blue-900\/70 { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.fill-blue-900\/80 { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.fill-blue-900\/90 { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.fill-green-50 { + fill: var(--green-50) +} +.fill-green-50\/10 { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.fill-green-50\/20 { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.fill-green-50\/30 { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.fill-green-50\/40 { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.fill-green-50\/50 { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.fill-green-50\/60 { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.fill-green-50\/70 { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.fill-green-50\/80 { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.fill-green-50\/90 { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.fill-green-100 { + fill: var(--green-100) +} +.fill-green-100\/10 { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.fill-green-100\/20 { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.fill-green-100\/30 { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.fill-green-100\/40 { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.fill-green-100\/50 { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.fill-green-100\/60 { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.fill-green-100\/70 { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.fill-green-100\/80 { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.fill-green-100\/90 { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.fill-green-200 { + fill: var(--green-200) +} +.fill-green-200\/10 { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.fill-green-200\/20 { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.fill-green-200\/30 { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.fill-green-200\/40 { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.fill-green-200\/50 { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.fill-green-200\/60 { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.fill-green-200\/70 { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.fill-green-200\/80 { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.fill-green-200\/90 { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.fill-green-300 { + fill: var(--green-300) +} +.fill-green-300\/10 { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.fill-green-300\/20 { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.fill-green-300\/30 { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.fill-green-300\/40 { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.fill-green-300\/50 { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.fill-green-300\/60 { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.fill-green-300\/70 { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.fill-green-300\/80 { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.fill-green-300\/90 { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.fill-green-400 { + fill: var(--green-400) +} +.fill-green-400\/10 { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.fill-green-400\/20 { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.fill-green-400\/30 { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.fill-green-400\/40 { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.fill-green-400\/50 { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.fill-green-400\/60 { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.fill-green-400\/70 { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.fill-green-400\/80 { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.fill-green-400\/90 { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.fill-green-500 { + fill: var(--green-500) +} +.fill-green-500\/10 { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.fill-green-500\/20 { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.fill-green-500\/30 { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.fill-green-500\/40 { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.fill-green-500\/50 { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.fill-green-500\/60 { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.fill-green-500\/70 { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.fill-green-500\/80 { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.fill-green-500\/90 { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.fill-green-600 { + fill: var(--green-600) +} +.fill-green-600\/10 { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.fill-green-600\/20 { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.fill-green-600\/30 { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.fill-green-600\/40 { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.fill-green-600\/50 { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.fill-green-600\/60 { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.fill-green-600\/70 { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.fill-green-600\/80 { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.fill-green-600\/90 { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.fill-green-700 { + fill: var(--green-700) +} +.fill-green-700\/10 { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.fill-green-700\/20 { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.fill-green-700\/30 { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.fill-green-700\/40 { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.fill-green-700\/50 { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.fill-green-700\/60 { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.fill-green-700\/70 { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.fill-green-700\/80 { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.fill-green-700\/90 { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.fill-green-800 { + fill: var(--green-800) +} +.fill-green-800\/10 { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.fill-green-800\/20 { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.fill-green-800\/30 { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.fill-green-800\/40 { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.fill-green-800\/50 { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.fill-green-800\/60 { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.fill-green-800\/70 { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.fill-green-800\/80 { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.fill-green-800\/90 { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.fill-green-900 { + fill: var(--green-900) +} +.fill-green-900\/10 { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.fill-green-900\/20 { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.fill-green-900\/30 { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.fill-green-900\/40 { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.fill-green-900\/50 { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.fill-green-900\/60 { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.fill-green-900\/70 { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.fill-green-900\/80 { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.fill-green-900\/90 { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.fill-yellow-50 { + fill: var(--yellow-50) +} +.fill-yellow-50\/10 { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.fill-yellow-50\/20 { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.fill-yellow-50\/30 { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.fill-yellow-50\/40 { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.fill-yellow-50\/50 { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.fill-yellow-50\/60 { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.fill-yellow-50\/70 { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.fill-yellow-50\/80 { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.fill-yellow-50\/90 { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.fill-yellow-100 { + fill: var(--yellow-100) +} +.fill-yellow-100\/10 { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.fill-yellow-100\/20 { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.fill-yellow-100\/30 { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.fill-yellow-100\/40 { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.fill-yellow-100\/50 { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.fill-yellow-100\/60 { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.fill-yellow-100\/70 { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.fill-yellow-100\/80 { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.fill-yellow-100\/90 { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.fill-yellow-200 { + fill: var(--yellow-200) +} +.fill-yellow-200\/10 { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.fill-yellow-200\/20 { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.fill-yellow-200\/30 { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.fill-yellow-200\/40 { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.fill-yellow-200\/50 { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.fill-yellow-200\/60 { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.fill-yellow-200\/70 { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.fill-yellow-200\/80 { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.fill-yellow-200\/90 { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.fill-yellow-300 { + fill: var(--yellow-300) +} +.fill-yellow-300\/10 { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.fill-yellow-300\/20 { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.fill-yellow-300\/30 { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.fill-yellow-300\/40 { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.fill-yellow-300\/50 { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.fill-yellow-300\/60 { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.fill-yellow-300\/70 { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.fill-yellow-300\/80 { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.fill-yellow-300\/90 { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.fill-yellow-400 { + fill: var(--yellow-400) +} +.fill-yellow-400\/10 { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.fill-yellow-400\/20 { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.fill-yellow-400\/30 { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.fill-yellow-400\/40 { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.fill-yellow-400\/50 { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.fill-yellow-400\/60 { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.fill-yellow-400\/70 { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.fill-yellow-400\/80 { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.fill-yellow-400\/90 { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.fill-yellow-500 { + fill: var(--yellow-500) +} +.fill-yellow-500\/10 { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.fill-yellow-500\/20 { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.fill-yellow-500\/30 { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.fill-yellow-500\/40 { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.fill-yellow-500\/50 { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.fill-yellow-500\/60 { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.fill-yellow-500\/70 { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.fill-yellow-500\/80 { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.fill-yellow-500\/90 { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.fill-yellow-600 { + fill: var(--yellow-600) +} +.fill-yellow-600\/10 { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.fill-yellow-600\/20 { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.fill-yellow-600\/30 { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.fill-yellow-600\/40 { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.fill-yellow-600\/50 { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.fill-yellow-600\/60 { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.fill-yellow-600\/70 { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.fill-yellow-600\/80 { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.fill-yellow-600\/90 { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.fill-yellow-700 { + fill: var(--yellow-700) +} +.fill-yellow-700\/10 { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.fill-yellow-700\/20 { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.fill-yellow-700\/30 { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.fill-yellow-700\/40 { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.fill-yellow-700\/50 { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.fill-yellow-700\/60 { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.fill-yellow-700\/70 { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.fill-yellow-700\/80 { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.fill-yellow-700\/90 { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.fill-yellow-800 { + fill: var(--yellow-800) +} +.fill-yellow-800\/10 { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.fill-yellow-800\/20 { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.fill-yellow-800\/30 { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.fill-yellow-800\/40 { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.fill-yellow-800\/50 { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.fill-yellow-800\/60 { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.fill-yellow-800\/70 { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.fill-yellow-800\/80 { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.fill-yellow-800\/90 { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.fill-yellow-900 { + fill: var(--yellow-900) +} +.fill-yellow-900\/10 { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.fill-yellow-900\/20 { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.fill-yellow-900\/30 { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.fill-yellow-900\/40 { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.fill-yellow-900\/50 { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.fill-yellow-900\/60 { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.fill-yellow-900\/70 { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.fill-yellow-900\/80 { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.fill-yellow-900\/90 { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.fill-cyan-50 { + fill: var(--cyan-50) +} +.fill-cyan-50\/10 { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.fill-cyan-50\/20 { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.fill-cyan-50\/30 { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.fill-cyan-50\/40 { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.fill-cyan-50\/50 { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.fill-cyan-50\/60 { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.fill-cyan-50\/70 { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.fill-cyan-50\/80 { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.fill-cyan-50\/90 { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.fill-cyan-100 { + fill: var(--cyan-100) +} +.fill-cyan-100\/10 { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.fill-cyan-100\/20 { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.fill-cyan-100\/30 { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.fill-cyan-100\/40 { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.fill-cyan-100\/50 { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.fill-cyan-100\/60 { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.fill-cyan-100\/70 { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.fill-cyan-100\/80 { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.fill-cyan-100\/90 { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.fill-cyan-200 { + fill: var(--cyan-200) +} +.fill-cyan-200\/10 { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.fill-cyan-200\/20 { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.fill-cyan-200\/30 { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.fill-cyan-200\/40 { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.fill-cyan-200\/50 { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.fill-cyan-200\/60 { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.fill-cyan-200\/70 { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.fill-cyan-200\/80 { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.fill-cyan-200\/90 { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.fill-cyan-300 { + fill: var(--cyan-300) +} +.fill-cyan-300\/10 { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.fill-cyan-300\/20 { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.fill-cyan-300\/30 { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.fill-cyan-300\/40 { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.fill-cyan-300\/50 { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.fill-cyan-300\/60 { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.fill-cyan-300\/70 { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.fill-cyan-300\/80 { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.fill-cyan-300\/90 { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.fill-cyan-400 { + fill: var(--cyan-400) +} +.fill-cyan-400\/10 { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.fill-cyan-400\/20 { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.fill-cyan-400\/30 { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.fill-cyan-400\/40 { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.fill-cyan-400\/50 { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.fill-cyan-400\/60 { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.fill-cyan-400\/70 { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.fill-cyan-400\/80 { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.fill-cyan-400\/90 { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.fill-cyan-500 { + fill: var(--cyan-500) +} +.fill-cyan-500\/10 { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.fill-cyan-500\/20 { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.fill-cyan-500\/30 { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.fill-cyan-500\/40 { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.fill-cyan-500\/50 { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.fill-cyan-500\/60 { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.fill-cyan-500\/70 { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.fill-cyan-500\/80 { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.fill-cyan-500\/90 { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.fill-cyan-600 { + fill: var(--cyan-600) +} +.fill-cyan-600\/10 { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.fill-cyan-600\/20 { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.fill-cyan-600\/30 { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.fill-cyan-600\/40 { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.fill-cyan-600\/50 { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.fill-cyan-600\/60 { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.fill-cyan-600\/70 { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.fill-cyan-600\/80 { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.fill-cyan-600\/90 { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.fill-cyan-700 { + fill: var(--cyan-700) +} +.fill-cyan-700\/10 { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.fill-cyan-700\/20 { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.fill-cyan-700\/30 { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.fill-cyan-700\/40 { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.fill-cyan-700\/50 { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.fill-cyan-700\/60 { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.fill-cyan-700\/70 { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.fill-cyan-700\/80 { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.fill-cyan-700\/90 { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.fill-cyan-800 { + fill: var(--cyan-800) +} +.fill-cyan-800\/10 { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.fill-cyan-800\/20 { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.fill-cyan-800\/30 { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.fill-cyan-800\/40 { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.fill-cyan-800\/50 { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.fill-cyan-800\/60 { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.fill-cyan-800\/70 { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.fill-cyan-800\/80 { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.fill-cyan-800\/90 { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.fill-cyan-900 { + fill: var(--cyan-900) +} +.fill-cyan-900\/10 { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.fill-cyan-900\/20 { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.fill-cyan-900\/30 { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.fill-cyan-900\/40 { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.fill-cyan-900\/50 { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.fill-cyan-900\/60 { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.fill-cyan-900\/70 { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.fill-cyan-900\/80 { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.fill-cyan-900\/90 { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.fill-pink-50 { + fill: var(--pink-50) +} +.fill-pink-50\/10 { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.fill-pink-50\/20 { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.fill-pink-50\/30 { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.fill-pink-50\/40 { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.fill-pink-50\/50 { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.fill-pink-50\/60 { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.fill-pink-50\/70 { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.fill-pink-50\/80 { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.fill-pink-50\/90 { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.fill-pink-100 { + fill: var(--pink-100) +} +.fill-pink-100\/10 { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.fill-pink-100\/20 { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.fill-pink-100\/30 { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.fill-pink-100\/40 { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.fill-pink-100\/50 { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.fill-pink-100\/60 { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.fill-pink-100\/70 { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.fill-pink-100\/80 { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.fill-pink-100\/90 { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.fill-pink-200 { + fill: var(--pink-200) +} +.fill-pink-200\/10 { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.fill-pink-200\/20 { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.fill-pink-200\/30 { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.fill-pink-200\/40 { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.fill-pink-200\/50 { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.fill-pink-200\/60 { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.fill-pink-200\/70 { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.fill-pink-200\/80 { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.fill-pink-200\/90 { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.fill-pink-300 { + fill: var(--pink-300) +} +.fill-pink-300\/10 { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.fill-pink-300\/20 { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.fill-pink-300\/30 { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.fill-pink-300\/40 { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.fill-pink-300\/50 { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.fill-pink-300\/60 { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.fill-pink-300\/70 { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.fill-pink-300\/80 { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.fill-pink-300\/90 { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.fill-pink-400 { + fill: var(--pink-400) +} +.fill-pink-400\/10 { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.fill-pink-400\/20 { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.fill-pink-400\/30 { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.fill-pink-400\/40 { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.fill-pink-400\/50 { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.fill-pink-400\/60 { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.fill-pink-400\/70 { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.fill-pink-400\/80 { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.fill-pink-400\/90 { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.fill-pink-500 { + fill: var(--pink-500) +} +.fill-pink-500\/10 { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.fill-pink-500\/20 { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.fill-pink-500\/30 { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.fill-pink-500\/40 { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.fill-pink-500\/50 { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.fill-pink-500\/60 { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.fill-pink-500\/70 { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.fill-pink-500\/80 { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.fill-pink-500\/90 { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.fill-pink-600 { + fill: var(--pink-600) +} +.fill-pink-600\/10 { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.fill-pink-600\/20 { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.fill-pink-600\/30 { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.fill-pink-600\/40 { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.fill-pink-600\/50 { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.fill-pink-600\/60 { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.fill-pink-600\/70 { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.fill-pink-600\/80 { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.fill-pink-600\/90 { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.fill-pink-700 { + fill: var(--pink-700) +} +.fill-pink-700\/10 { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.fill-pink-700\/20 { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.fill-pink-700\/30 { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.fill-pink-700\/40 { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.fill-pink-700\/50 { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.fill-pink-700\/60 { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.fill-pink-700\/70 { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.fill-pink-700\/80 { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.fill-pink-700\/90 { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.fill-pink-800 { + fill: var(--pink-800) +} +.fill-pink-800\/10 { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.fill-pink-800\/20 { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.fill-pink-800\/30 { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.fill-pink-800\/40 { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.fill-pink-800\/50 { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.fill-pink-800\/60 { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.fill-pink-800\/70 { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.fill-pink-800\/80 { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.fill-pink-800\/90 { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.fill-pink-900 { + fill: var(--pink-900) +} +.fill-pink-900\/10 { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.fill-pink-900\/20 { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.fill-pink-900\/30 { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.fill-pink-900\/40 { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.fill-pink-900\/50 { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.fill-pink-900\/60 { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.fill-pink-900\/70 { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.fill-pink-900\/80 { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.fill-pink-900\/90 { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.fill-indigo-50 { + fill: var(--indigo-50) +} +.fill-indigo-50\/10 { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.fill-indigo-50\/20 { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.fill-indigo-50\/30 { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.fill-indigo-50\/40 { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.fill-indigo-50\/50 { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.fill-indigo-50\/60 { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.fill-indigo-50\/70 { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.fill-indigo-50\/80 { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.fill-indigo-50\/90 { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.fill-indigo-100 { + fill: var(--indigo-100) +} +.fill-indigo-100\/10 { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.fill-indigo-100\/20 { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.fill-indigo-100\/30 { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.fill-indigo-100\/40 { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.fill-indigo-100\/50 { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.fill-indigo-100\/60 { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.fill-indigo-100\/70 { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.fill-indigo-100\/80 { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.fill-indigo-100\/90 { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.fill-indigo-200 { + fill: var(--indigo-200) +} +.fill-indigo-200\/10 { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.fill-indigo-200\/20 { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.fill-indigo-200\/30 { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.fill-indigo-200\/40 { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.fill-indigo-200\/50 { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.fill-indigo-200\/60 { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.fill-indigo-200\/70 { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.fill-indigo-200\/80 { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.fill-indigo-200\/90 { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.fill-indigo-300 { + fill: var(--indigo-300) +} +.fill-indigo-300\/10 { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.fill-indigo-300\/20 { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.fill-indigo-300\/30 { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.fill-indigo-300\/40 { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.fill-indigo-300\/50 { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.fill-indigo-300\/60 { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.fill-indigo-300\/70 { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.fill-indigo-300\/80 { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.fill-indigo-300\/90 { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.fill-indigo-400 { + fill: var(--indigo-400) +} +.fill-indigo-400\/10 { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.fill-indigo-400\/20 { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.fill-indigo-400\/30 { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.fill-indigo-400\/40 { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.fill-indigo-400\/50 { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.fill-indigo-400\/60 { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.fill-indigo-400\/70 { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.fill-indigo-400\/80 { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.fill-indigo-400\/90 { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.fill-indigo-500 { + fill: var(--indigo-500) +} +.fill-indigo-500\/10 { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.fill-indigo-500\/20 { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.fill-indigo-500\/30 { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.fill-indigo-500\/40 { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.fill-indigo-500\/50 { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.fill-indigo-500\/60 { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.fill-indigo-500\/70 { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.fill-indigo-500\/80 { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.fill-indigo-500\/90 { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.fill-indigo-600 { + fill: var(--indigo-600) +} +.fill-indigo-600\/10 { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.fill-indigo-600\/20 { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.fill-indigo-600\/30 { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.fill-indigo-600\/40 { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.fill-indigo-600\/50 { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.fill-indigo-600\/60 { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.fill-indigo-600\/70 { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.fill-indigo-600\/80 { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.fill-indigo-600\/90 { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.fill-indigo-700 { + fill: var(--indigo-700) +} +.fill-indigo-700\/10 { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.fill-indigo-700\/20 { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.fill-indigo-700\/30 { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.fill-indigo-700\/40 { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.fill-indigo-700\/50 { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.fill-indigo-700\/60 { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.fill-indigo-700\/70 { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.fill-indigo-700\/80 { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.fill-indigo-700\/90 { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.fill-indigo-800 { + fill: var(--indigo-800) +} +.fill-indigo-800\/10 { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.fill-indigo-800\/20 { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.fill-indigo-800\/30 { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.fill-indigo-800\/40 { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.fill-indigo-800\/50 { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.fill-indigo-800\/60 { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.fill-indigo-800\/70 { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.fill-indigo-800\/80 { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.fill-indigo-800\/90 { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.fill-indigo-900 { + fill: var(--indigo-900) +} +.fill-indigo-900\/10 { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.fill-indigo-900\/20 { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.fill-indigo-900\/30 { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.fill-indigo-900\/40 { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.fill-indigo-900\/50 { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.fill-indigo-900\/60 { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.fill-indigo-900\/70 { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.fill-indigo-900\/80 { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.fill-indigo-900\/90 { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.fill-teal-50 { + fill: var(--teal-50) +} +.fill-teal-50\/10 { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.fill-teal-50\/20 { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.fill-teal-50\/30 { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.fill-teal-50\/40 { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.fill-teal-50\/50 { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.fill-teal-50\/60 { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.fill-teal-50\/70 { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.fill-teal-50\/80 { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.fill-teal-50\/90 { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.fill-teal-100 { + fill: var(--teal-100) +} +.fill-teal-100\/10 { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.fill-teal-100\/20 { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.fill-teal-100\/30 { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.fill-teal-100\/40 { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.fill-teal-100\/50 { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.fill-teal-100\/60 { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.fill-teal-100\/70 { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.fill-teal-100\/80 { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.fill-teal-100\/90 { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.fill-teal-200 { + fill: var(--teal-200) +} +.fill-teal-200\/10 { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.fill-teal-200\/20 { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.fill-teal-200\/30 { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.fill-teal-200\/40 { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.fill-teal-200\/50 { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.fill-teal-200\/60 { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.fill-teal-200\/70 { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.fill-teal-200\/80 { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.fill-teal-200\/90 { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.fill-teal-300 { + fill: var(--teal-300) +} +.fill-teal-300\/10 { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.fill-teal-300\/20 { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.fill-teal-300\/30 { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.fill-teal-300\/40 { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.fill-teal-300\/50 { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.fill-teal-300\/60 { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.fill-teal-300\/70 { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.fill-teal-300\/80 { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.fill-teal-300\/90 { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.fill-teal-400 { + fill: var(--teal-400) +} +.fill-teal-400\/10 { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.fill-teal-400\/20 { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.fill-teal-400\/30 { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.fill-teal-400\/40 { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.fill-teal-400\/50 { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.fill-teal-400\/60 { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.fill-teal-400\/70 { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.fill-teal-400\/80 { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.fill-teal-400\/90 { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.fill-teal-500 { + fill: var(--teal-500) +} +.fill-teal-500\/10 { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.fill-teal-500\/20 { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.fill-teal-500\/30 { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.fill-teal-500\/40 { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.fill-teal-500\/50 { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.fill-teal-500\/60 { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.fill-teal-500\/70 { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.fill-teal-500\/80 { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.fill-teal-500\/90 { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.fill-teal-600 { + fill: var(--teal-600) +} +.fill-teal-600\/10 { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.fill-teal-600\/20 { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.fill-teal-600\/30 { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.fill-teal-600\/40 { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.fill-teal-600\/50 { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.fill-teal-600\/60 { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.fill-teal-600\/70 { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.fill-teal-600\/80 { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.fill-teal-600\/90 { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.fill-teal-700 { + fill: var(--teal-700) +} +.fill-teal-700\/10 { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.fill-teal-700\/20 { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.fill-teal-700\/30 { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.fill-teal-700\/40 { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.fill-teal-700\/50 { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.fill-teal-700\/60 { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.fill-teal-700\/70 { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.fill-teal-700\/80 { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.fill-teal-700\/90 { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.fill-teal-800 { + fill: var(--teal-800) +} +.fill-teal-800\/10 { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.fill-teal-800\/20 { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.fill-teal-800\/30 { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.fill-teal-800\/40 { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.fill-teal-800\/50 { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.fill-teal-800\/60 { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.fill-teal-800\/70 { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.fill-teal-800\/80 { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.fill-teal-800\/90 { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.fill-teal-900 { + fill: var(--teal-900) +} +.fill-teal-900\/10 { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.fill-teal-900\/20 { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.fill-teal-900\/30 { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.fill-teal-900\/40 { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.fill-teal-900\/50 { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.fill-teal-900\/60 { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.fill-teal-900\/70 { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.fill-teal-900\/80 { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.fill-teal-900\/90 { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.fill-orange-50 { + fill: var(--orange-50) +} +.fill-orange-50\/10 { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.fill-orange-50\/20 { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.fill-orange-50\/30 { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.fill-orange-50\/40 { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.fill-orange-50\/50 { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.fill-orange-50\/60 { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.fill-orange-50\/70 { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.fill-orange-50\/80 { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.fill-orange-50\/90 { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.fill-orange-100 { + fill: var(--orange-100) +} +.fill-orange-100\/10 { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.fill-orange-100\/20 { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.fill-orange-100\/30 { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.fill-orange-100\/40 { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.fill-orange-100\/50 { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.fill-orange-100\/60 { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.fill-orange-100\/70 { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.fill-orange-100\/80 { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.fill-orange-100\/90 { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.fill-orange-200 { + fill: var(--orange-200) +} +.fill-orange-200\/10 { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.fill-orange-200\/20 { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.fill-orange-200\/30 { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.fill-orange-200\/40 { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.fill-orange-200\/50 { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.fill-orange-200\/60 { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.fill-orange-200\/70 { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.fill-orange-200\/80 { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.fill-orange-200\/90 { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.fill-orange-300 { + fill: var(--orange-300) +} +.fill-orange-300\/10 { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.fill-orange-300\/20 { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.fill-orange-300\/30 { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.fill-orange-300\/40 { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.fill-orange-300\/50 { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.fill-orange-300\/60 { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.fill-orange-300\/70 { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.fill-orange-300\/80 { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.fill-orange-300\/90 { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.fill-orange-400 { + fill: var(--orange-400) +} +.fill-orange-400\/10 { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.fill-orange-400\/20 { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.fill-orange-400\/30 { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.fill-orange-400\/40 { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.fill-orange-400\/50 { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.fill-orange-400\/60 { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.fill-orange-400\/70 { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.fill-orange-400\/80 { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.fill-orange-400\/90 { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.fill-orange-500 { + fill: var(--orange-500) +} +.fill-orange-500\/10 { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.fill-orange-500\/20 { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.fill-orange-500\/30 { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.fill-orange-500\/40 { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.fill-orange-500\/50 { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.fill-orange-500\/60 { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.fill-orange-500\/70 { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.fill-orange-500\/80 { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.fill-orange-500\/90 { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.fill-orange-600 { + fill: var(--orange-600) +} +.fill-orange-600\/10 { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.fill-orange-600\/20 { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.fill-orange-600\/30 { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.fill-orange-600\/40 { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.fill-orange-600\/50 { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.fill-orange-600\/60 { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.fill-orange-600\/70 { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.fill-orange-600\/80 { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.fill-orange-600\/90 { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.fill-orange-700 { + fill: var(--orange-700) +} +.fill-orange-700\/10 { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.fill-orange-700\/20 { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.fill-orange-700\/30 { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.fill-orange-700\/40 { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.fill-orange-700\/50 { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.fill-orange-700\/60 { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.fill-orange-700\/70 { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.fill-orange-700\/80 { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.fill-orange-700\/90 { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.fill-orange-800 { + fill: var(--orange-800) +} +.fill-orange-800\/10 { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.fill-orange-800\/20 { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.fill-orange-800\/30 { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.fill-orange-800\/40 { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.fill-orange-800\/50 { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.fill-orange-800\/60 { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.fill-orange-800\/70 { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.fill-orange-800\/80 { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.fill-orange-800\/90 { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.fill-orange-900 { + fill: var(--orange-900) +} +.fill-orange-900\/10 { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.fill-orange-900\/20 { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.fill-orange-900\/30 { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.fill-orange-900\/40 { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.fill-orange-900\/50 { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.fill-orange-900\/60 { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.fill-orange-900\/70 { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.fill-orange-900\/80 { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.fill-orange-900\/90 { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.fill-bluegray-50 { + fill: var(--bluegray-50) +} +.fill-bluegray-50\/10 { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.fill-bluegray-50\/20 { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.fill-bluegray-50\/30 { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.fill-bluegray-50\/40 { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.fill-bluegray-50\/50 { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.fill-bluegray-50\/60 { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.fill-bluegray-50\/70 { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.fill-bluegray-50\/80 { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.fill-bluegray-50\/90 { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.fill-bluegray-100 { + fill: var(--bluegray-100) +} +.fill-bluegray-100\/10 { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.fill-bluegray-100\/20 { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.fill-bluegray-100\/30 { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.fill-bluegray-100\/40 { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.fill-bluegray-100\/50 { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.fill-bluegray-100\/60 { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.fill-bluegray-100\/70 { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.fill-bluegray-100\/80 { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.fill-bluegray-100\/90 { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.fill-bluegray-200 { + fill: var(--bluegray-200) +} +.fill-bluegray-200\/10 { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.fill-bluegray-200\/20 { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.fill-bluegray-200\/30 { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.fill-bluegray-200\/40 { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.fill-bluegray-200\/50 { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.fill-bluegray-200\/60 { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.fill-bluegray-200\/70 { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.fill-bluegray-200\/80 { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.fill-bluegray-200\/90 { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.fill-bluegray-300 { + fill: var(--bluegray-300) +} +.fill-bluegray-300\/10 { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.fill-bluegray-300\/20 { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.fill-bluegray-300\/30 { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.fill-bluegray-300\/40 { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.fill-bluegray-300\/50 { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.fill-bluegray-300\/60 { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.fill-bluegray-300\/70 { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.fill-bluegray-300\/80 { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.fill-bluegray-300\/90 { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.fill-bluegray-400 { + fill: var(--bluegray-400) +} +.fill-bluegray-400\/10 { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.fill-bluegray-400\/20 { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.fill-bluegray-400\/30 { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.fill-bluegray-400\/40 { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.fill-bluegray-400\/50 { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.fill-bluegray-400\/60 { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.fill-bluegray-400\/70 { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.fill-bluegray-400\/80 { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.fill-bluegray-400\/90 { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.fill-bluegray-500 { + fill: var(--bluegray-500) +} +.fill-bluegray-500\/10 { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.fill-bluegray-500\/20 { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.fill-bluegray-500\/30 { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.fill-bluegray-500\/40 { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.fill-bluegray-500\/50 { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.fill-bluegray-500\/60 { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.fill-bluegray-500\/70 { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.fill-bluegray-500\/80 { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.fill-bluegray-500\/90 { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.fill-bluegray-600 { + fill: var(--bluegray-600) +} +.fill-bluegray-600\/10 { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.fill-bluegray-600\/20 { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.fill-bluegray-600\/30 { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.fill-bluegray-600\/40 { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.fill-bluegray-600\/50 { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.fill-bluegray-600\/60 { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.fill-bluegray-600\/70 { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.fill-bluegray-600\/80 { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.fill-bluegray-600\/90 { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.fill-bluegray-700 { + fill: var(--bluegray-700) +} +.fill-bluegray-700\/10 { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.fill-bluegray-700\/20 { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.fill-bluegray-700\/30 { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.fill-bluegray-700\/40 { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.fill-bluegray-700\/50 { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.fill-bluegray-700\/60 { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.fill-bluegray-700\/70 { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.fill-bluegray-700\/80 { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.fill-bluegray-700\/90 { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.fill-bluegray-800 { + fill: var(--bluegray-800) +} +.fill-bluegray-800\/10 { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.fill-bluegray-800\/20 { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.fill-bluegray-800\/30 { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.fill-bluegray-800\/40 { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.fill-bluegray-800\/50 { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.fill-bluegray-800\/60 { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.fill-bluegray-800\/70 { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.fill-bluegray-800\/80 { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.fill-bluegray-800\/90 { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.fill-bluegray-900 { + fill: var(--bluegray-900) +} +.fill-bluegray-900\/10 { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.fill-bluegray-900\/20 { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.fill-bluegray-900\/30 { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.fill-bluegray-900\/40 { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.fill-bluegray-900\/50 { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.fill-bluegray-900\/60 { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.fill-bluegray-900\/70 { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.fill-bluegray-900\/80 { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.fill-bluegray-900\/90 { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.fill-purple-50 { + fill: var(--purple-50) +} +.fill-purple-50\/10 { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.fill-purple-50\/20 { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.fill-purple-50\/30 { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.fill-purple-50\/40 { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.fill-purple-50\/50 { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.fill-purple-50\/60 { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.fill-purple-50\/70 { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.fill-purple-50\/80 { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.fill-purple-50\/90 { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.fill-purple-100 { + fill: var(--purple-100) +} +.fill-purple-100\/10 { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.fill-purple-100\/20 { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.fill-purple-100\/30 { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.fill-purple-100\/40 { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.fill-purple-100\/50 { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.fill-purple-100\/60 { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.fill-purple-100\/70 { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.fill-purple-100\/80 { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.fill-purple-100\/90 { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.fill-purple-200 { + fill: var(--purple-200) +} +.fill-purple-200\/10 { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.fill-purple-200\/20 { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.fill-purple-200\/30 { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.fill-purple-200\/40 { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.fill-purple-200\/50 { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.fill-purple-200\/60 { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.fill-purple-200\/70 { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.fill-purple-200\/80 { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.fill-purple-200\/90 { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.fill-purple-300 { + fill: var(--purple-300) +} +.fill-purple-300\/10 { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.fill-purple-300\/20 { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.fill-purple-300\/30 { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.fill-purple-300\/40 { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.fill-purple-300\/50 { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.fill-purple-300\/60 { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.fill-purple-300\/70 { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.fill-purple-300\/80 { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.fill-purple-300\/90 { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.fill-purple-400 { + fill: var(--purple-400) +} +.fill-purple-400\/10 { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.fill-purple-400\/20 { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.fill-purple-400\/30 { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.fill-purple-400\/40 { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.fill-purple-400\/50 { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.fill-purple-400\/60 { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.fill-purple-400\/70 { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.fill-purple-400\/80 { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.fill-purple-400\/90 { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.fill-purple-500 { + fill: var(--purple-500) +} +.fill-purple-500\/10 { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.fill-purple-500\/20 { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.fill-purple-500\/30 { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.fill-purple-500\/40 { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.fill-purple-500\/50 { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.fill-purple-500\/60 { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.fill-purple-500\/70 { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.fill-purple-500\/80 { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.fill-purple-500\/90 { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.fill-purple-600 { + fill: var(--purple-600) +} +.fill-purple-600\/10 { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.fill-purple-600\/20 { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.fill-purple-600\/30 { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.fill-purple-600\/40 { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.fill-purple-600\/50 { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.fill-purple-600\/60 { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.fill-purple-600\/70 { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.fill-purple-600\/80 { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.fill-purple-600\/90 { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.fill-purple-700 { + fill: var(--purple-700) +} +.fill-purple-700\/10 { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.fill-purple-700\/20 { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.fill-purple-700\/30 { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.fill-purple-700\/40 { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.fill-purple-700\/50 { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.fill-purple-700\/60 { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.fill-purple-700\/70 { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.fill-purple-700\/80 { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.fill-purple-700\/90 { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.fill-purple-800 { + fill: var(--purple-800) +} +.fill-purple-800\/10 { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.fill-purple-800\/20 { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.fill-purple-800\/30 { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.fill-purple-800\/40 { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.fill-purple-800\/50 { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.fill-purple-800\/60 { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.fill-purple-800\/70 { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.fill-purple-800\/80 { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.fill-purple-800\/90 { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.fill-purple-900 { + fill: var(--purple-900) +} +.fill-purple-900\/10 { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.fill-purple-900\/20 { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.fill-purple-900\/30 { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.fill-purple-900\/40 { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.fill-purple-900\/50 { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.fill-purple-900\/60 { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.fill-purple-900\/70 { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.fill-purple-900\/80 { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.fill-purple-900\/90 { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.fill-red-50 { + fill: var(--red-50) +} +.fill-red-50\/10 { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.fill-red-50\/20 { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.fill-red-50\/30 { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.fill-red-50\/40 { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.fill-red-50\/50 { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.fill-red-50\/60 { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.fill-red-50\/70 { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.fill-red-50\/80 { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.fill-red-50\/90 { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.fill-red-100 { + fill: var(--red-100) +} +.fill-red-100\/10 { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.fill-red-100\/20 { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.fill-red-100\/30 { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.fill-red-100\/40 { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.fill-red-100\/50 { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.fill-red-100\/60 { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.fill-red-100\/70 { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.fill-red-100\/80 { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.fill-red-100\/90 { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.fill-red-200 { + fill: var(--red-200) +} +.fill-red-200\/10 { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.fill-red-200\/20 { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.fill-red-200\/30 { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.fill-red-200\/40 { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.fill-red-200\/50 { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.fill-red-200\/60 { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.fill-red-200\/70 { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.fill-red-200\/80 { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.fill-red-200\/90 { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.fill-red-300 { + fill: var(--red-300) +} +.fill-red-300\/10 { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.fill-red-300\/20 { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.fill-red-300\/30 { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.fill-red-300\/40 { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.fill-red-300\/50 { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.fill-red-300\/60 { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.fill-red-300\/70 { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.fill-red-300\/80 { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.fill-red-300\/90 { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.fill-red-400 { + fill: var(--red-400) +} +.fill-red-400\/10 { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.fill-red-400\/20 { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.fill-red-400\/30 { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.fill-red-400\/40 { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.fill-red-400\/50 { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.fill-red-400\/60 { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.fill-red-400\/70 { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.fill-red-400\/80 { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.fill-red-400\/90 { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.fill-red-500 { + fill: var(--red-500) +} +.fill-red-500\/10 { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.fill-red-500\/20 { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.fill-red-500\/30 { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.fill-red-500\/40 { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.fill-red-500\/50 { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.fill-red-500\/60 { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.fill-red-500\/70 { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.fill-red-500\/80 { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.fill-red-500\/90 { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.fill-red-600 { + fill: var(--red-600) +} +.fill-red-600\/10 { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.fill-red-600\/20 { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.fill-red-600\/30 { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.fill-red-600\/40 { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.fill-red-600\/50 { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.fill-red-600\/60 { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.fill-red-600\/70 { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.fill-red-600\/80 { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.fill-red-600\/90 { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.fill-red-700 { + fill: var(--red-700) +} +.fill-red-700\/10 { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.fill-red-700\/20 { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.fill-red-700\/30 { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.fill-red-700\/40 { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.fill-red-700\/50 { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.fill-red-700\/60 { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.fill-red-700\/70 { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.fill-red-700\/80 { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.fill-red-700\/90 { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.fill-red-800 { + fill: var(--red-800) +} +.fill-red-800\/10 { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.fill-red-800\/20 { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.fill-red-800\/30 { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.fill-red-800\/40 { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.fill-red-800\/50 { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.fill-red-800\/60 { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.fill-red-800\/70 { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.fill-red-800\/80 { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.fill-red-800\/90 { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.fill-red-900 { + fill: var(--red-900) +} +.fill-red-900\/10 { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.fill-red-900\/20 { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.fill-red-900\/30 { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.fill-red-900\/40 { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.fill-red-900\/50 { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.fill-red-900\/60 { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.fill-red-900\/70 { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.fill-red-900\/80 { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.fill-red-900\/90 { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.fill-gray-50 { + fill: var(--gray-50) +} +.fill-gray-50\/10 { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.fill-gray-50\/20 { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.fill-gray-50\/30 { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.fill-gray-50\/40 { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.fill-gray-50\/50 { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.fill-gray-50\/60 { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.fill-gray-50\/70 { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.fill-gray-50\/80 { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.fill-gray-50\/90 { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.fill-gray-100 { + fill: var(--gray-100) +} +.fill-gray-100\/10 { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.fill-gray-100\/20 { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.fill-gray-100\/30 { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.fill-gray-100\/40 { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.fill-gray-100\/50 { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.fill-gray-100\/60 { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.fill-gray-100\/70 { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.fill-gray-100\/80 { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.fill-gray-100\/90 { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.fill-gray-200 { + fill: var(--gray-200) +} +.fill-gray-200\/10 { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.fill-gray-200\/20 { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.fill-gray-200\/30 { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.fill-gray-200\/40 { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.fill-gray-200\/50 { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.fill-gray-200\/60 { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.fill-gray-200\/70 { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.fill-gray-200\/80 { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.fill-gray-200\/90 { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.fill-gray-300 { + fill: var(--gray-300) +} +.fill-gray-300\/10 { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.fill-gray-300\/20 { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.fill-gray-300\/30 { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.fill-gray-300\/40 { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.fill-gray-300\/50 { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.fill-gray-300\/60 { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.fill-gray-300\/70 { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.fill-gray-300\/80 { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.fill-gray-300\/90 { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.fill-gray-400 { + fill: var(--gray-400) +} +.fill-gray-400\/10 { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.fill-gray-400\/20 { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.fill-gray-400\/30 { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.fill-gray-400\/40 { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.fill-gray-400\/50 { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.fill-gray-400\/60 { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.fill-gray-400\/70 { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.fill-gray-400\/80 { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.fill-gray-400\/90 { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.fill-gray-500 { + fill: var(--gray-500) +} +.fill-gray-500\/10 { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.fill-gray-500\/20 { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.fill-gray-500\/30 { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.fill-gray-500\/40 { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.fill-gray-500\/50 { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.fill-gray-500\/60 { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.fill-gray-500\/70 { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.fill-gray-500\/80 { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.fill-gray-500\/90 { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.fill-gray-600 { + fill: var(--gray-600) +} +.fill-gray-600\/10 { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.fill-gray-600\/20 { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.fill-gray-600\/30 { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.fill-gray-600\/40 { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.fill-gray-600\/50 { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.fill-gray-600\/60 { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.fill-gray-600\/70 { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.fill-gray-600\/80 { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.fill-gray-600\/90 { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.fill-gray-700 { + fill: var(--gray-700) +} +.fill-gray-700\/10 { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.fill-gray-700\/20 { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.fill-gray-700\/30 { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.fill-gray-700\/40 { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.fill-gray-700\/50 { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.fill-gray-700\/60 { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.fill-gray-700\/70 { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.fill-gray-700\/80 { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.fill-gray-700\/90 { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.fill-gray-800 { + fill: var(--gray-800) +} +.fill-gray-800\/10 { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.fill-gray-800\/20 { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.fill-gray-800\/30 { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.fill-gray-800\/40 { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.fill-gray-800\/50 { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.fill-gray-800\/60 { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.fill-gray-800\/70 { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.fill-gray-800\/80 { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.fill-gray-800\/90 { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.fill-gray-900 { + fill: var(--gray-900) +} +.fill-gray-900\/10 { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.fill-gray-900\/20 { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.fill-gray-900\/30 { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.fill-gray-900\/40 { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.fill-gray-900\/50 { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.fill-gray-900\/60 { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.fill-gray-900\/70 { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.fill-gray-900\/80 { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.fill-gray-900\/90 { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.fill-surface-0 { + fill: var(--surface-0) +} +.fill-surface-0\/10 { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.fill-surface-0\/20 { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.fill-surface-0\/30 { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.fill-surface-0\/40 { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.fill-surface-0\/50 { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.fill-surface-0\/60 { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.fill-surface-0\/70 { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.fill-surface-0\/80 { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.fill-surface-0\/90 { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.fill-surface-50 { + fill: var(--surface-50) +} +.fill-surface-50\/10 { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.fill-surface-50\/20 { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.fill-surface-50\/30 { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.fill-surface-50\/40 { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.fill-surface-50\/50 { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.fill-surface-50\/60 { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.fill-surface-50\/70 { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.fill-surface-50\/80 { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.fill-surface-50\/90 { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.fill-surface-100 { + fill: var(--surface-100) +} +.fill-surface-100\/10 { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.fill-surface-100\/20 { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.fill-surface-100\/30 { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.fill-surface-100\/40 { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.fill-surface-100\/50 { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.fill-surface-100\/60 { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.fill-surface-100\/70 { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.fill-surface-100\/80 { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.fill-surface-100\/90 { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.fill-surface-200 { + fill: var(--surface-200) +} +.fill-surface-200\/10 { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.fill-surface-200\/20 { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.fill-surface-200\/30 { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.fill-surface-200\/40 { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.fill-surface-200\/50 { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.fill-surface-200\/60 { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.fill-surface-200\/70 { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.fill-surface-200\/80 { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.fill-surface-200\/90 { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.fill-surface-300 { + fill: var(--surface-300) +} +.fill-surface-300\/10 { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.fill-surface-300\/20 { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.fill-surface-300\/30 { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.fill-surface-300\/40 { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.fill-surface-300\/50 { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.fill-surface-300\/60 { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.fill-surface-300\/70 { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.fill-surface-300\/80 { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.fill-surface-300\/90 { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.fill-surface-400 { + fill: var(--surface-400) +} +.fill-surface-400\/10 { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.fill-surface-400\/20 { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.fill-surface-400\/30 { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.fill-surface-400\/40 { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.fill-surface-400\/50 { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.fill-surface-400\/60 { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.fill-surface-400\/70 { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.fill-surface-400\/80 { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.fill-surface-400\/90 { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.fill-surface-500 { + fill: var(--surface-500) +} +.fill-surface-500\/10 { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.fill-surface-500\/20 { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.fill-surface-500\/30 { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.fill-surface-500\/40 { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.fill-surface-500\/50 { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.fill-surface-500\/60 { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.fill-surface-500\/70 { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.fill-surface-500\/80 { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.fill-surface-500\/90 { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.fill-surface-600 { + fill: var(--surface-600) +} +.fill-surface-600\/10 { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.fill-surface-600\/20 { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.fill-surface-600\/30 { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.fill-surface-600\/40 { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.fill-surface-600\/50 { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.fill-surface-600\/60 { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.fill-surface-600\/70 { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.fill-surface-600\/80 { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.fill-surface-600\/90 { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.fill-surface-700 { + fill: var(--surface-700) +} +.fill-surface-700\/10 { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.fill-surface-700\/20 { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.fill-surface-700\/30 { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.fill-surface-700\/40 { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.fill-surface-700\/50 { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.fill-surface-700\/60 { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.fill-surface-700\/70 { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.fill-surface-700\/80 { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.fill-surface-700\/90 { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.fill-surface-800 { + fill: var(--surface-800) +} +.fill-surface-800\/10 { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.fill-surface-800\/20 { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.fill-surface-800\/30 { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.fill-surface-800\/40 { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.fill-surface-800\/50 { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.fill-surface-800\/60 { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.fill-surface-800\/70 { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.fill-surface-800\/80 { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.fill-surface-800\/90 { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.fill-surface-900 { + fill: var(--surface-900) +} +.fill-surface-900\/10 { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.fill-surface-900\/20 { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.fill-surface-900\/30 { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.fill-surface-900\/40 { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.fill-surface-900\/50 { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.fill-surface-900\/60 { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.fill-surface-900\/70 { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.fill-surface-900\/80 { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.fill-surface-900\/90 { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.fill-primary-50 { + fill: var(--primary-50) +} +.fill-primary-50\/10 { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.fill-primary-50\/20 { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.fill-primary-50\/30 { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.fill-primary-50\/40 { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.fill-primary-50\/50 { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.fill-primary-50\/60 { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.fill-primary-50\/70 { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.fill-primary-50\/80 { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.fill-primary-50\/90 { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.fill-primary-100 { + fill: var(--primary-100) +} +.fill-primary-100\/10 { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.fill-primary-100\/20 { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.fill-primary-100\/30 { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.fill-primary-100\/40 { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.fill-primary-100\/50 { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.fill-primary-100\/60 { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.fill-primary-100\/70 { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.fill-primary-100\/80 { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.fill-primary-100\/90 { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.fill-primary-200 { + fill: var(--primary-200) +} +.fill-primary-200\/10 { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.fill-primary-200\/20 { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.fill-primary-200\/30 { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.fill-primary-200\/40 { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.fill-primary-200\/50 { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.fill-primary-200\/60 { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.fill-primary-200\/70 { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.fill-primary-200\/80 { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.fill-primary-200\/90 { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.fill-primary-300 { + fill: var(--primary-300) +} +.fill-primary-300\/10 { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.fill-primary-300\/20 { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.fill-primary-300\/30 { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.fill-primary-300\/40 { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.fill-primary-300\/50 { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.fill-primary-300\/60 { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.fill-primary-300\/70 { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.fill-primary-300\/80 { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.fill-primary-300\/90 { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.fill-primary-400 { + fill: var(--primary-400) +} +.fill-primary-400\/10 { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.fill-primary-400\/20 { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.fill-primary-400\/30 { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.fill-primary-400\/40 { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.fill-primary-400\/50 { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.fill-primary-400\/60 { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.fill-primary-400\/70 { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.fill-primary-400\/80 { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.fill-primary-400\/90 { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.fill-primary-500 { + fill: var(--primary-500) +} +.fill-primary-500\/10 { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.fill-primary-500\/20 { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.fill-primary-500\/30 { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.fill-primary-500\/40 { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.fill-primary-500\/50 { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.fill-primary-500\/60 { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.fill-primary-500\/70 { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.fill-primary-500\/80 { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.fill-primary-500\/90 { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.fill-primary-600 { + fill: var(--primary-600) +} +.fill-primary-600\/10 { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.fill-primary-600\/20 { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.fill-primary-600\/30 { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.fill-primary-600\/40 { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.fill-primary-600\/50 { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.fill-primary-600\/60 { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.fill-primary-600\/70 { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.fill-primary-600\/80 { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.fill-primary-600\/90 { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.fill-primary-700 { + fill: var(--primary-700) +} +.fill-primary-700\/10 { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.fill-primary-700\/20 { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.fill-primary-700\/30 { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.fill-primary-700\/40 { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.fill-primary-700\/50 { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.fill-primary-700\/60 { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.fill-primary-700\/70 { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.fill-primary-700\/80 { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.fill-primary-700\/90 { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.fill-primary-800 { + fill: var(--primary-800) +} +.fill-primary-800\/10 { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.fill-primary-800\/20 { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.fill-primary-800\/30 { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.fill-primary-800\/40 { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.fill-primary-800\/50 { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.fill-primary-800\/60 { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.fill-primary-800\/70 { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.fill-primary-800\/80 { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.fill-primary-800\/90 { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.fill-primary-900 { + fill: var(--primary-900) +} +.fill-primary-900\/10 { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.fill-primary-900\/20 { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.fill-primary-900\/30 { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.fill-primary-900\/40 { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.fill-primary-900\/50 { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.fill-primary-900\/60 { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.fill-primary-900\/70 { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.fill-primary-900\/80 { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.fill-primary-900\/90 { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:fill-blue-50:focus { + fill: var(--blue-50) +} +.hover\:fill-blue-50:hover { + fill: var(--blue-50) +} +.active\:fill-blue-50:active { + fill: var(--blue-50) +} +.focus\:fill-blue-50\/10:focus { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:fill-blue-50\/10:hover { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:fill-blue-50\/10:active { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:fill-blue-50\/20:focus { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:fill-blue-50\/20:hover { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:fill-blue-50\/20:active { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:fill-blue-50\/30:focus { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:fill-blue-50\/30:hover { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:fill-blue-50\/30:active { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:fill-blue-50\/40:focus { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:fill-blue-50\/40:hover { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:fill-blue-50\/40:active { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:fill-blue-50\/50:focus { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:fill-blue-50\/50:hover { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:fill-blue-50\/50:active { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:fill-blue-50\/60:focus { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:fill-blue-50\/60:hover { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:fill-blue-50\/60:active { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:fill-blue-50\/70:focus { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:fill-blue-50\/70:hover { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:fill-blue-50\/70:active { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:fill-blue-50\/80:focus { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:fill-blue-50\/80:hover { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:fill-blue-50\/80:active { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:fill-blue-50\/90:focus { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:fill-blue-50\/90:hover { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:fill-blue-50\/90:active { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:fill-blue-100:focus { + fill: var(--blue-100) +} +.hover\:fill-blue-100:hover { + fill: var(--blue-100) +} +.active\:fill-blue-100:active { + fill: var(--blue-100) +} +.focus\:fill-blue-100\/10:focus { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:fill-blue-100\/10:hover { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:fill-blue-100\/10:active { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:fill-blue-100\/20:focus { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:fill-blue-100\/20:hover { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:fill-blue-100\/20:active { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:fill-blue-100\/30:focus { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:fill-blue-100\/30:hover { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:fill-blue-100\/30:active { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:fill-blue-100\/40:focus { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:fill-blue-100\/40:hover { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:fill-blue-100\/40:active { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:fill-blue-100\/50:focus { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:fill-blue-100\/50:hover { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:fill-blue-100\/50:active { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:fill-blue-100\/60:focus { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:fill-blue-100\/60:hover { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:fill-blue-100\/60:active { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:fill-blue-100\/70:focus { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:fill-blue-100\/70:hover { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:fill-blue-100\/70:active { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:fill-blue-100\/80:focus { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:fill-blue-100\/80:hover { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:fill-blue-100\/80:active { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:fill-blue-100\/90:focus { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:fill-blue-100\/90:hover { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:fill-blue-100\/90:active { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:fill-blue-200:focus { + fill: var(--blue-200) +} +.hover\:fill-blue-200:hover { + fill: var(--blue-200) +} +.active\:fill-blue-200:active { + fill: var(--blue-200) +} +.focus\:fill-blue-200\/10:focus { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:fill-blue-200\/10:hover { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:fill-blue-200\/10:active { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:fill-blue-200\/20:focus { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:fill-blue-200\/20:hover { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:fill-blue-200\/20:active { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:fill-blue-200\/30:focus { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:fill-blue-200\/30:hover { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:fill-blue-200\/30:active { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:fill-blue-200\/40:focus { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:fill-blue-200\/40:hover { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:fill-blue-200\/40:active { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:fill-blue-200\/50:focus { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:fill-blue-200\/50:hover { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:fill-blue-200\/50:active { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:fill-blue-200\/60:focus { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:fill-blue-200\/60:hover { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:fill-blue-200\/60:active { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:fill-blue-200\/70:focus { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:fill-blue-200\/70:hover { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:fill-blue-200\/70:active { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:fill-blue-200\/80:focus { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:fill-blue-200\/80:hover { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:fill-blue-200\/80:active { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:fill-blue-200\/90:focus { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:fill-blue-200\/90:hover { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:fill-blue-200\/90:active { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:fill-blue-300:focus { + fill: var(--blue-300) +} +.hover\:fill-blue-300:hover { + fill: var(--blue-300) +} +.active\:fill-blue-300:active { + fill: var(--blue-300) +} +.focus\:fill-blue-300\/10:focus { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:fill-blue-300\/10:hover { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:fill-blue-300\/10:active { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:fill-blue-300\/20:focus { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:fill-blue-300\/20:hover { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:fill-blue-300\/20:active { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:fill-blue-300\/30:focus { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:fill-blue-300\/30:hover { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:fill-blue-300\/30:active { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:fill-blue-300\/40:focus { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:fill-blue-300\/40:hover { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:fill-blue-300\/40:active { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:fill-blue-300\/50:focus { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:fill-blue-300\/50:hover { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:fill-blue-300\/50:active { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:fill-blue-300\/60:focus { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:fill-blue-300\/60:hover { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:fill-blue-300\/60:active { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:fill-blue-300\/70:focus { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:fill-blue-300\/70:hover { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:fill-blue-300\/70:active { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:fill-blue-300\/80:focus { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:fill-blue-300\/80:hover { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:fill-blue-300\/80:active { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:fill-blue-300\/90:focus { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:fill-blue-300\/90:hover { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:fill-blue-300\/90:active { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:fill-blue-400:focus { + fill: var(--blue-400) +} +.hover\:fill-blue-400:hover { + fill: var(--blue-400) +} +.active\:fill-blue-400:active { + fill: var(--blue-400) +} +.focus\:fill-blue-400\/10:focus { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:fill-blue-400\/10:hover { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:fill-blue-400\/10:active { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:fill-blue-400\/20:focus { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:fill-blue-400\/20:hover { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:fill-blue-400\/20:active { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:fill-blue-400\/30:focus { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:fill-blue-400\/30:hover { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:fill-blue-400\/30:active { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:fill-blue-400\/40:focus { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:fill-blue-400\/40:hover { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:fill-blue-400\/40:active { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:fill-blue-400\/50:focus { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:fill-blue-400\/50:hover { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:fill-blue-400\/50:active { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:fill-blue-400\/60:focus { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:fill-blue-400\/60:hover { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:fill-blue-400\/60:active { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:fill-blue-400\/70:focus { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:fill-blue-400\/70:hover { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:fill-blue-400\/70:active { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:fill-blue-400\/80:focus { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:fill-blue-400\/80:hover { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:fill-blue-400\/80:active { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:fill-blue-400\/90:focus { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:fill-blue-400\/90:hover { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:fill-blue-400\/90:active { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:fill-blue-500:focus { + fill: var(--blue-500) +} +.hover\:fill-blue-500:hover { + fill: var(--blue-500) +} +.active\:fill-blue-500:active { + fill: var(--blue-500) +} +.focus\:fill-blue-500\/10:focus { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:fill-blue-500\/10:hover { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:fill-blue-500\/10:active { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:fill-blue-500\/20:focus { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:fill-blue-500\/20:hover { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:fill-blue-500\/20:active { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:fill-blue-500\/30:focus { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:fill-blue-500\/30:hover { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:fill-blue-500\/30:active { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:fill-blue-500\/40:focus { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:fill-blue-500\/40:hover { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:fill-blue-500\/40:active { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:fill-blue-500\/50:focus { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:fill-blue-500\/50:hover { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:fill-blue-500\/50:active { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:fill-blue-500\/60:focus { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:fill-blue-500\/60:hover { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:fill-blue-500\/60:active { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:fill-blue-500\/70:focus { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:fill-blue-500\/70:hover { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:fill-blue-500\/70:active { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:fill-blue-500\/80:focus { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:fill-blue-500\/80:hover { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:fill-blue-500\/80:active { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:fill-blue-500\/90:focus { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:fill-blue-500\/90:hover { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:fill-blue-500\/90:active { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:fill-blue-600:focus { + fill: var(--blue-600) +} +.hover\:fill-blue-600:hover { + fill: var(--blue-600) +} +.active\:fill-blue-600:active { + fill: var(--blue-600) +} +.focus\:fill-blue-600\/10:focus { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:fill-blue-600\/10:hover { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:fill-blue-600\/10:active { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:fill-blue-600\/20:focus { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:fill-blue-600\/20:hover { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:fill-blue-600\/20:active { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:fill-blue-600\/30:focus { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:fill-blue-600\/30:hover { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:fill-blue-600\/30:active { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:fill-blue-600\/40:focus { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:fill-blue-600\/40:hover { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:fill-blue-600\/40:active { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:fill-blue-600\/50:focus { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:fill-blue-600\/50:hover { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:fill-blue-600\/50:active { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:fill-blue-600\/60:focus { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:fill-blue-600\/60:hover { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:fill-blue-600\/60:active { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:fill-blue-600\/70:focus { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:fill-blue-600\/70:hover { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:fill-blue-600\/70:active { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:fill-blue-600\/80:focus { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:fill-blue-600\/80:hover { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:fill-blue-600\/80:active { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:fill-blue-600\/90:focus { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:fill-blue-600\/90:hover { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:fill-blue-600\/90:active { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:fill-blue-700:focus { + fill: var(--blue-700) +} +.hover\:fill-blue-700:hover { + fill: var(--blue-700) +} +.active\:fill-blue-700:active { + fill: var(--blue-700) +} +.focus\:fill-blue-700\/10:focus { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:fill-blue-700\/10:hover { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:fill-blue-700\/10:active { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:fill-blue-700\/20:focus { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:fill-blue-700\/20:hover { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:fill-blue-700\/20:active { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:fill-blue-700\/30:focus { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:fill-blue-700\/30:hover { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:fill-blue-700\/30:active { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:fill-blue-700\/40:focus { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:fill-blue-700\/40:hover { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:fill-blue-700\/40:active { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:fill-blue-700\/50:focus { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:fill-blue-700\/50:hover { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:fill-blue-700\/50:active { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:fill-blue-700\/60:focus { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:fill-blue-700\/60:hover { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:fill-blue-700\/60:active { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:fill-blue-700\/70:focus { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:fill-blue-700\/70:hover { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:fill-blue-700\/70:active { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:fill-blue-700\/80:focus { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:fill-blue-700\/80:hover { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:fill-blue-700\/80:active { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:fill-blue-700\/90:focus { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:fill-blue-700\/90:hover { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:fill-blue-700\/90:active { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:fill-blue-800:focus { + fill: var(--blue-800) +} +.hover\:fill-blue-800:hover { + fill: var(--blue-800) +} +.active\:fill-blue-800:active { + fill: var(--blue-800) +} +.focus\:fill-blue-800\/10:focus { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:fill-blue-800\/10:hover { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:fill-blue-800\/10:active { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:fill-blue-800\/20:focus { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:fill-blue-800\/20:hover { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:fill-blue-800\/20:active { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:fill-blue-800\/30:focus { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:fill-blue-800\/30:hover { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:fill-blue-800\/30:active { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:fill-blue-800\/40:focus { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:fill-blue-800\/40:hover { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:fill-blue-800\/40:active { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:fill-blue-800\/50:focus { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:fill-blue-800\/50:hover { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:fill-blue-800\/50:active { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:fill-blue-800\/60:focus { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:fill-blue-800\/60:hover { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:fill-blue-800\/60:active { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:fill-blue-800\/70:focus { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:fill-blue-800\/70:hover { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:fill-blue-800\/70:active { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:fill-blue-800\/80:focus { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:fill-blue-800\/80:hover { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:fill-blue-800\/80:active { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:fill-blue-800\/90:focus { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:fill-blue-800\/90:hover { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:fill-blue-800\/90:active { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:fill-blue-900:focus { + fill: var(--blue-900) +} +.hover\:fill-blue-900:hover { + fill: var(--blue-900) +} +.active\:fill-blue-900:active { + fill: var(--blue-900) +} +.focus\:fill-blue-900\/10:focus { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:fill-blue-900\/10:hover { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:fill-blue-900\/10:active { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:fill-blue-900\/20:focus { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:fill-blue-900\/20:hover { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:fill-blue-900\/20:active { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:fill-blue-900\/30:focus { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:fill-blue-900\/30:hover { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:fill-blue-900\/30:active { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:fill-blue-900\/40:focus { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:fill-blue-900\/40:hover { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:fill-blue-900\/40:active { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:fill-blue-900\/50:focus { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:fill-blue-900\/50:hover { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:fill-blue-900\/50:active { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:fill-blue-900\/60:focus { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:fill-blue-900\/60:hover { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:fill-blue-900\/60:active { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:fill-blue-900\/70:focus { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:fill-blue-900\/70:hover { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:fill-blue-900\/70:active { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:fill-blue-900\/80:focus { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:fill-blue-900\/80:hover { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:fill-blue-900\/80:active { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:fill-blue-900\/90:focus { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:fill-blue-900\/90:hover { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:fill-blue-900\/90:active { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:fill-green-50:focus { + fill: var(--green-50) +} +.hover\:fill-green-50:hover { + fill: var(--green-50) +} +.active\:fill-green-50:active { + fill: var(--green-50) +} +.focus\:fill-green-50\/10:focus { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:fill-green-50\/10:hover { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:fill-green-50\/10:active { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:fill-green-50\/20:focus { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:fill-green-50\/20:hover { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:fill-green-50\/20:active { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:fill-green-50\/30:focus { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:fill-green-50\/30:hover { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:fill-green-50\/30:active { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:fill-green-50\/40:focus { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:fill-green-50\/40:hover { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:fill-green-50\/40:active { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:fill-green-50\/50:focus { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:fill-green-50\/50:hover { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:fill-green-50\/50:active { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:fill-green-50\/60:focus { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:fill-green-50\/60:hover { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:fill-green-50\/60:active { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:fill-green-50\/70:focus { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:fill-green-50\/70:hover { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:fill-green-50\/70:active { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:fill-green-50\/80:focus { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:fill-green-50\/80:hover { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:fill-green-50\/80:active { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:fill-green-50\/90:focus { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:fill-green-50\/90:hover { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:fill-green-50\/90:active { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:fill-green-100:focus { + fill: var(--green-100) +} +.hover\:fill-green-100:hover { + fill: var(--green-100) +} +.active\:fill-green-100:active { + fill: var(--green-100) +} +.focus\:fill-green-100\/10:focus { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:fill-green-100\/10:hover { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:fill-green-100\/10:active { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:fill-green-100\/20:focus { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:fill-green-100\/20:hover { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:fill-green-100\/20:active { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:fill-green-100\/30:focus { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:fill-green-100\/30:hover { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:fill-green-100\/30:active { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:fill-green-100\/40:focus { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:fill-green-100\/40:hover { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:fill-green-100\/40:active { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:fill-green-100\/50:focus { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:fill-green-100\/50:hover { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:fill-green-100\/50:active { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:fill-green-100\/60:focus { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:fill-green-100\/60:hover { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:fill-green-100\/60:active { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:fill-green-100\/70:focus { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:fill-green-100\/70:hover { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:fill-green-100\/70:active { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:fill-green-100\/80:focus { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:fill-green-100\/80:hover { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:fill-green-100\/80:active { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:fill-green-100\/90:focus { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:fill-green-100\/90:hover { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:fill-green-100\/90:active { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:fill-green-200:focus { + fill: var(--green-200) +} +.hover\:fill-green-200:hover { + fill: var(--green-200) +} +.active\:fill-green-200:active { + fill: var(--green-200) +} +.focus\:fill-green-200\/10:focus { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:fill-green-200\/10:hover { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:fill-green-200\/10:active { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:fill-green-200\/20:focus { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:fill-green-200\/20:hover { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:fill-green-200\/20:active { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:fill-green-200\/30:focus { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:fill-green-200\/30:hover { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:fill-green-200\/30:active { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:fill-green-200\/40:focus { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:fill-green-200\/40:hover { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:fill-green-200\/40:active { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:fill-green-200\/50:focus { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:fill-green-200\/50:hover { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:fill-green-200\/50:active { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:fill-green-200\/60:focus { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:fill-green-200\/60:hover { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:fill-green-200\/60:active { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:fill-green-200\/70:focus { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:fill-green-200\/70:hover { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:fill-green-200\/70:active { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:fill-green-200\/80:focus { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:fill-green-200\/80:hover { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:fill-green-200\/80:active { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:fill-green-200\/90:focus { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:fill-green-200\/90:hover { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:fill-green-200\/90:active { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:fill-green-300:focus { + fill: var(--green-300) +} +.hover\:fill-green-300:hover { + fill: var(--green-300) +} +.active\:fill-green-300:active { + fill: var(--green-300) +} +.focus\:fill-green-300\/10:focus { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:fill-green-300\/10:hover { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:fill-green-300\/10:active { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:fill-green-300\/20:focus { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:fill-green-300\/20:hover { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:fill-green-300\/20:active { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:fill-green-300\/30:focus { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:fill-green-300\/30:hover { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:fill-green-300\/30:active { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:fill-green-300\/40:focus { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:fill-green-300\/40:hover { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:fill-green-300\/40:active { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:fill-green-300\/50:focus { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:fill-green-300\/50:hover { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:fill-green-300\/50:active { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:fill-green-300\/60:focus { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:fill-green-300\/60:hover { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:fill-green-300\/60:active { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:fill-green-300\/70:focus { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:fill-green-300\/70:hover { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:fill-green-300\/70:active { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:fill-green-300\/80:focus { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:fill-green-300\/80:hover { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:fill-green-300\/80:active { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:fill-green-300\/90:focus { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:fill-green-300\/90:hover { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:fill-green-300\/90:active { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:fill-green-400:focus { + fill: var(--green-400) +} +.hover\:fill-green-400:hover { + fill: var(--green-400) +} +.active\:fill-green-400:active { + fill: var(--green-400) +} +.focus\:fill-green-400\/10:focus { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:fill-green-400\/10:hover { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:fill-green-400\/10:active { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:fill-green-400\/20:focus { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:fill-green-400\/20:hover { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:fill-green-400\/20:active { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:fill-green-400\/30:focus { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:fill-green-400\/30:hover { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:fill-green-400\/30:active { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:fill-green-400\/40:focus { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:fill-green-400\/40:hover { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:fill-green-400\/40:active { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:fill-green-400\/50:focus { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:fill-green-400\/50:hover { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:fill-green-400\/50:active { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:fill-green-400\/60:focus { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:fill-green-400\/60:hover { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:fill-green-400\/60:active { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:fill-green-400\/70:focus { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:fill-green-400\/70:hover { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:fill-green-400\/70:active { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:fill-green-400\/80:focus { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:fill-green-400\/80:hover { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:fill-green-400\/80:active { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:fill-green-400\/90:focus { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:fill-green-400\/90:hover { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:fill-green-400\/90:active { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:fill-green-500:focus { + fill: var(--green-500) +} +.hover\:fill-green-500:hover { + fill: var(--green-500) +} +.active\:fill-green-500:active { + fill: var(--green-500) +} +.focus\:fill-green-500\/10:focus { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:fill-green-500\/10:hover { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:fill-green-500\/10:active { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:fill-green-500\/20:focus { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:fill-green-500\/20:hover { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:fill-green-500\/20:active { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:fill-green-500\/30:focus { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:fill-green-500\/30:hover { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:fill-green-500\/30:active { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:fill-green-500\/40:focus { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:fill-green-500\/40:hover { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:fill-green-500\/40:active { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:fill-green-500\/50:focus { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:fill-green-500\/50:hover { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:fill-green-500\/50:active { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:fill-green-500\/60:focus { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:fill-green-500\/60:hover { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:fill-green-500\/60:active { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:fill-green-500\/70:focus { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:fill-green-500\/70:hover { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:fill-green-500\/70:active { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:fill-green-500\/80:focus { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:fill-green-500\/80:hover { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:fill-green-500\/80:active { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:fill-green-500\/90:focus { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:fill-green-500\/90:hover { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:fill-green-500\/90:active { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:fill-green-600:focus { + fill: var(--green-600) +} +.hover\:fill-green-600:hover { + fill: var(--green-600) +} +.active\:fill-green-600:active { + fill: var(--green-600) +} +.focus\:fill-green-600\/10:focus { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:fill-green-600\/10:hover { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:fill-green-600\/10:active { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:fill-green-600\/20:focus { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:fill-green-600\/20:hover { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:fill-green-600\/20:active { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:fill-green-600\/30:focus { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:fill-green-600\/30:hover { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:fill-green-600\/30:active { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:fill-green-600\/40:focus { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:fill-green-600\/40:hover { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:fill-green-600\/40:active { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:fill-green-600\/50:focus { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:fill-green-600\/50:hover { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:fill-green-600\/50:active { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:fill-green-600\/60:focus { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:fill-green-600\/60:hover { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:fill-green-600\/60:active { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:fill-green-600\/70:focus { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:fill-green-600\/70:hover { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:fill-green-600\/70:active { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:fill-green-600\/80:focus { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:fill-green-600\/80:hover { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:fill-green-600\/80:active { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:fill-green-600\/90:focus { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:fill-green-600\/90:hover { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:fill-green-600\/90:active { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:fill-green-700:focus { + fill: var(--green-700) +} +.hover\:fill-green-700:hover { + fill: var(--green-700) +} +.active\:fill-green-700:active { + fill: var(--green-700) +} +.focus\:fill-green-700\/10:focus { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:fill-green-700\/10:hover { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:fill-green-700\/10:active { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:fill-green-700\/20:focus { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:fill-green-700\/20:hover { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:fill-green-700\/20:active { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:fill-green-700\/30:focus { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:fill-green-700\/30:hover { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:fill-green-700\/30:active { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:fill-green-700\/40:focus { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:fill-green-700\/40:hover { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:fill-green-700\/40:active { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:fill-green-700\/50:focus { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:fill-green-700\/50:hover { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:fill-green-700\/50:active { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:fill-green-700\/60:focus { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:fill-green-700\/60:hover { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:fill-green-700\/60:active { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:fill-green-700\/70:focus { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:fill-green-700\/70:hover { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:fill-green-700\/70:active { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:fill-green-700\/80:focus { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:fill-green-700\/80:hover { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:fill-green-700\/80:active { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:fill-green-700\/90:focus { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:fill-green-700\/90:hover { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:fill-green-700\/90:active { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:fill-green-800:focus { + fill: var(--green-800) +} +.hover\:fill-green-800:hover { + fill: var(--green-800) +} +.active\:fill-green-800:active { + fill: var(--green-800) +} +.focus\:fill-green-800\/10:focus { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:fill-green-800\/10:hover { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:fill-green-800\/10:active { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:fill-green-800\/20:focus { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:fill-green-800\/20:hover { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:fill-green-800\/20:active { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:fill-green-800\/30:focus { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:fill-green-800\/30:hover { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:fill-green-800\/30:active { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:fill-green-800\/40:focus { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:fill-green-800\/40:hover { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:fill-green-800\/40:active { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:fill-green-800\/50:focus { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:fill-green-800\/50:hover { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:fill-green-800\/50:active { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:fill-green-800\/60:focus { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:fill-green-800\/60:hover { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:fill-green-800\/60:active { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:fill-green-800\/70:focus { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:fill-green-800\/70:hover { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:fill-green-800\/70:active { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:fill-green-800\/80:focus { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:fill-green-800\/80:hover { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:fill-green-800\/80:active { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:fill-green-800\/90:focus { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:fill-green-800\/90:hover { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:fill-green-800\/90:active { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:fill-green-900:focus { + fill: var(--green-900) +} +.hover\:fill-green-900:hover { + fill: var(--green-900) +} +.active\:fill-green-900:active { + fill: var(--green-900) +} +.focus\:fill-green-900\/10:focus { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:fill-green-900\/10:hover { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:fill-green-900\/10:active { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:fill-green-900\/20:focus { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:fill-green-900\/20:hover { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:fill-green-900\/20:active { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:fill-green-900\/30:focus { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:fill-green-900\/30:hover { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:fill-green-900\/30:active { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:fill-green-900\/40:focus { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:fill-green-900\/40:hover { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:fill-green-900\/40:active { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:fill-green-900\/50:focus { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:fill-green-900\/50:hover { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:fill-green-900\/50:active { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:fill-green-900\/60:focus { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:fill-green-900\/60:hover { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:fill-green-900\/60:active { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:fill-green-900\/70:focus { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:fill-green-900\/70:hover { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:fill-green-900\/70:active { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:fill-green-900\/80:focus { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:fill-green-900\/80:hover { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:fill-green-900\/80:active { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:fill-green-900\/90:focus { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:fill-green-900\/90:hover { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:fill-green-900\/90:active { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:fill-yellow-50:focus { + fill: var(--yellow-50) +} +.hover\:fill-yellow-50:hover { + fill: var(--yellow-50) +} +.active\:fill-yellow-50:active { + fill: var(--yellow-50) +} +.focus\:fill-yellow-50\/10:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:fill-yellow-50\/10:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:fill-yellow-50\/10:active { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:fill-yellow-50\/20:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:fill-yellow-50\/20:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:fill-yellow-50\/20:active { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:fill-yellow-50\/30:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:fill-yellow-50\/30:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:fill-yellow-50\/30:active { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:fill-yellow-50\/40:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:fill-yellow-50\/40:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:fill-yellow-50\/40:active { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:fill-yellow-50\/50:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:fill-yellow-50\/50:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:fill-yellow-50\/50:active { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:fill-yellow-50\/60:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:fill-yellow-50\/60:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:fill-yellow-50\/60:active { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:fill-yellow-50\/70:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:fill-yellow-50\/70:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:fill-yellow-50\/70:active { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:fill-yellow-50\/80:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:fill-yellow-50\/80:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:fill-yellow-50\/80:active { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:fill-yellow-50\/90:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:fill-yellow-50\/90:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:fill-yellow-50\/90:active { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:fill-yellow-100:focus { + fill: var(--yellow-100) +} +.hover\:fill-yellow-100:hover { + fill: var(--yellow-100) +} +.active\:fill-yellow-100:active { + fill: var(--yellow-100) +} +.focus\:fill-yellow-100\/10:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:fill-yellow-100\/10:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:fill-yellow-100\/10:active { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:fill-yellow-100\/20:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:fill-yellow-100\/20:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:fill-yellow-100\/20:active { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:fill-yellow-100\/30:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:fill-yellow-100\/30:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:fill-yellow-100\/30:active { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:fill-yellow-100\/40:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:fill-yellow-100\/40:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:fill-yellow-100\/40:active { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:fill-yellow-100\/50:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:fill-yellow-100\/50:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:fill-yellow-100\/50:active { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:fill-yellow-100\/60:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:fill-yellow-100\/60:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:fill-yellow-100\/60:active { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:fill-yellow-100\/70:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:fill-yellow-100\/70:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:fill-yellow-100\/70:active { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:fill-yellow-100\/80:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:fill-yellow-100\/80:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:fill-yellow-100\/80:active { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:fill-yellow-100\/90:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:fill-yellow-100\/90:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:fill-yellow-100\/90:active { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:fill-yellow-200:focus { + fill: var(--yellow-200) +} +.hover\:fill-yellow-200:hover { + fill: var(--yellow-200) +} +.active\:fill-yellow-200:active { + fill: var(--yellow-200) +} +.focus\:fill-yellow-200\/10:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:fill-yellow-200\/10:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:fill-yellow-200\/10:active { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:fill-yellow-200\/20:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:fill-yellow-200\/20:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:fill-yellow-200\/20:active { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:fill-yellow-200\/30:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:fill-yellow-200\/30:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:fill-yellow-200\/30:active { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:fill-yellow-200\/40:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:fill-yellow-200\/40:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:fill-yellow-200\/40:active { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:fill-yellow-200\/50:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:fill-yellow-200\/50:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:fill-yellow-200\/50:active { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:fill-yellow-200\/60:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:fill-yellow-200\/60:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:fill-yellow-200\/60:active { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:fill-yellow-200\/70:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:fill-yellow-200\/70:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:fill-yellow-200\/70:active { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:fill-yellow-200\/80:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:fill-yellow-200\/80:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:fill-yellow-200\/80:active { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:fill-yellow-200\/90:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:fill-yellow-200\/90:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:fill-yellow-200\/90:active { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:fill-yellow-300:focus { + fill: var(--yellow-300) +} +.hover\:fill-yellow-300:hover { + fill: var(--yellow-300) +} +.active\:fill-yellow-300:active { + fill: var(--yellow-300) +} +.focus\:fill-yellow-300\/10:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:fill-yellow-300\/10:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:fill-yellow-300\/10:active { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:fill-yellow-300\/20:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:fill-yellow-300\/20:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:fill-yellow-300\/20:active { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:fill-yellow-300\/30:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:fill-yellow-300\/30:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:fill-yellow-300\/30:active { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:fill-yellow-300\/40:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:fill-yellow-300\/40:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:fill-yellow-300\/40:active { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:fill-yellow-300\/50:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:fill-yellow-300\/50:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:fill-yellow-300\/50:active { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:fill-yellow-300\/60:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:fill-yellow-300\/60:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:fill-yellow-300\/60:active { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:fill-yellow-300\/70:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:fill-yellow-300\/70:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:fill-yellow-300\/70:active { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:fill-yellow-300\/80:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:fill-yellow-300\/80:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:fill-yellow-300\/80:active { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:fill-yellow-300\/90:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:fill-yellow-300\/90:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:fill-yellow-300\/90:active { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:fill-yellow-400:focus { + fill: var(--yellow-400) +} +.hover\:fill-yellow-400:hover { + fill: var(--yellow-400) +} +.active\:fill-yellow-400:active { + fill: var(--yellow-400) +} +.focus\:fill-yellow-400\/10:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:fill-yellow-400\/10:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:fill-yellow-400\/10:active { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:fill-yellow-400\/20:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:fill-yellow-400\/20:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:fill-yellow-400\/20:active { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:fill-yellow-400\/30:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:fill-yellow-400\/30:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:fill-yellow-400\/30:active { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:fill-yellow-400\/40:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:fill-yellow-400\/40:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:fill-yellow-400\/40:active { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:fill-yellow-400\/50:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:fill-yellow-400\/50:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:fill-yellow-400\/50:active { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:fill-yellow-400\/60:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:fill-yellow-400\/60:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:fill-yellow-400\/60:active { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:fill-yellow-400\/70:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:fill-yellow-400\/70:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:fill-yellow-400\/70:active { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:fill-yellow-400\/80:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:fill-yellow-400\/80:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:fill-yellow-400\/80:active { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:fill-yellow-400\/90:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:fill-yellow-400\/90:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:fill-yellow-400\/90:active { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:fill-yellow-500:focus { + fill: var(--yellow-500) +} +.hover\:fill-yellow-500:hover { + fill: var(--yellow-500) +} +.active\:fill-yellow-500:active { + fill: var(--yellow-500) +} +.focus\:fill-yellow-500\/10:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:fill-yellow-500\/10:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:fill-yellow-500\/10:active { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:fill-yellow-500\/20:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:fill-yellow-500\/20:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:fill-yellow-500\/20:active { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:fill-yellow-500\/30:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:fill-yellow-500\/30:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:fill-yellow-500\/30:active { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:fill-yellow-500\/40:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:fill-yellow-500\/40:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:fill-yellow-500\/40:active { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:fill-yellow-500\/50:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:fill-yellow-500\/50:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:fill-yellow-500\/50:active { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:fill-yellow-500\/60:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:fill-yellow-500\/60:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:fill-yellow-500\/60:active { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:fill-yellow-500\/70:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:fill-yellow-500\/70:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:fill-yellow-500\/70:active { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:fill-yellow-500\/80:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:fill-yellow-500\/80:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:fill-yellow-500\/80:active { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:fill-yellow-500\/90:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:fill-yellow-500\/90:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:fill-yellow-500\/90:active { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:fill-yellow-600:focus { + fill: var(--yellow-600) +} +.hover\:fill-yellow-600:hover { + fill: var(--yellow-600) +} +.active\:fill-yellow-600:active { + fill: var(--yellow-600) +} +.focus\:fill-yellow-600\/10:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:fill-yellow-600\/10:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:fill-yellow-600\/10:active { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:fill-yellow-600\/20:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:fill-yellow-600\/20:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:fill-yellow-600\/20:active { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:fill-yellow-600\/30:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:fill-yellow-600\/30:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:fill-yellow-600\/30:active { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:fill-yellow-600\/40:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:fill-yellow-600\/40:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:fill-yellow-600\/40:active { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:fill-yellow-600\/50:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:fill-yellow-600\/50:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:fill-yellow-600\/50:active { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:fill-yellow-600\/60:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:fill-yellow-600\/60:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:fill-yellow-600\/60:active { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:fill-yellow-600\/70:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:fill-yellow-600\/70:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:fill-yellow-600\/70:active { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:fill-yellow-600\/80:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:fill-yellow-600\/80:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:fill-yellow-600\/80:active { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:fill-yellow-600\/90:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:fill-yellow-600\/90:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:fill-yellow-600\/90:active { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:fill-yellow-700:focus { + fill: var(--yellow-700) +} +.hover\:fill-yellow-700:hover { + fill: var(--yellow-700) +} +.active\:fill-yellow-700:active { + fill: var(--yellow-700) +} +.focus\:fill-yellow-700\/10:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:fill-yellow-700\/10:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:fill-yellow-700\/10:active { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:fill-yellow-700\/20:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:fill-yellow-700\/20:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:fill-yellow-700\/20:active { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:fill-yellow-700\/30:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:fill-yellow-700\/30:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:fill-yellow-700\/30:active { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:fill-yellow-700\/40:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:fill-yellow-700\/40:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:fill-yellow-700\/40:active { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:fill-yellow-700\/50:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:fill-yellow-700\/50:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:fill-yellow-700\/50:active { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:fill-yellow-700\/60:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:fill-yellow-700\/60:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:fill-yellow-700\/60:active { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:fill-yellow-700\/70:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:fill-yellow-700\/70:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:fill-yellow-700\/70:active { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:fill-yellow-700\/80:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:fill-yellow-700\/80:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:fill-yellow-700\/80:active { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:fill-yellow-700\/90:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:fill-yellow-700\/90:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:fill-yellow-700\/90:active { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:fill-yellow-800:focus { + fill: var(--yellow-800) +} +.hover\:fill-yellow-800:hover { + fill: var(--yellow-800) +} +.active\:fill-yellow-800:active { + fill: var(--yellow-800) +} +.focus\:fill-yellow-800\/10:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:fill-yellow-800\/10:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:fill-yellow-800\/10:active { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:fill-yellow-800\/20:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:fill-yellow-800\/20:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:fill-yellow-800\/20:active { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:fill-yellow-800\/30:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:fill-yellow-800\/30:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:fill-yellow-800\/30:active { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:fill-yellow-800\/40:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:fill-yellow-800\/40:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:fill-yellow-800\/40:active { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:fill-yellow-800\/50:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:fill-yellow-800\/50:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:fill-yellow-800\/50:active { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:fill-yellow-800\/60:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:fill-yellow-800\/60:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:fill-yellow-800\/60:active { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:fill-yellow-800\/70:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:fill-yellow-800\/70:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:fill-yellow-800\/70:active { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:fill-yellow-800\/80:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:fill-yellow-800\/80:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:fill-yellow-800\/80:active { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:fill-yellow-800\/90:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:fill-yellow-800\/90:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:fill-yellow-800\/90:active { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:fill-yellow-900:focus { + fill: var(--yellow-900) +} +.hover\:fill-yellow-900:hover { + fill: var(--yellow-900) +} +.active\:fill-yellow-900:active { + fill: var(--yellow-900) +} +.focus\:fill-yellow-900\/10:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:fill-yellow-900\/10:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:fill-yellow-900\/10:active { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:fill-yellow-900\/20:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:fill-yellow-900\/20:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:fill-yellow-900\/20:active { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:fill-yellow-900\/30:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:fill-yellow-900\/30:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:fill-yellow-900\/30:active { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:fill-yellow-900\/40:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:fill-yellow-900\/40:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:fill-yellow-900\/40:active { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:fill-yellow-900\/50:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:fill-yellow-900\/50:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:fill-yellow-900\/50:active { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:fill-yellow-900\/60:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:fill-yellow-900\/60:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:fill-yellow-900\/60:active { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:fill-yellow-900\/70:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:fill-yellow-900\/70:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:fill-yellow-900\/70:active { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:fill-yellow-900\/80:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:fill-yellow-900\/80:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:fill-yellow-900\/80:active { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:fill-yellow-900\/90:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:fill-yellow-900\/90:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:fill-yellow-900\/90:active { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:fill-cyan-50:focus { + fill: var(--cyan-50) +} +.hover\:fill-cyan-50:hover { + fill: var(--cyan-50) +} +.active\:fill-cyan-50:active { + fill: var(--cyan-50) +} +.focus\:fill-cyan-50\/10:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:fill-cyan-50\/10:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:fill-cyan-50\/10:active { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:fill-cyan-50\/20:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:fill-cyan-50\/20:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:fill-cyan-50\/20:active { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:fill-cyan-50\/30:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:fill-cyan-50\/30:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:fill-cyan-50\/30:active { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:fill-cyan-50\/40:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:fill-cyan-50\/40:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:fill-cyan-50\/40:active { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:fill-cyan-50\/50:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:fill-cyan-50\/50:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:fill-cyan-50\/50:active { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:fill-cyan-50\/60:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:fill-cyan-50\/60:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:fill-cyan-50\/60:active { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:fill-cyan-50\/70:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:fill-cyan-50\/70:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:fill-cyan-50\/70:active { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:fill-cyan-50\/80:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:fill-cyan-50\/80:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:fill-cyan-50\/80:active { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:fill-cyan-50\/90:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:fill-cyan-50\/90:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:fill-cyan-50\/90:active { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:fill-cyan-100:focus { + fill: var(--cyan-100) +} +.hover\:fill-cyan-100:hover { + fill: var(--cyan-100) +} +.active\:fill-cyan-100:active { + fill: var(--cyan-100) +} +.focus\:fill-cyan-100\/10:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:fill-cyan-100\/10:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:fill-cyan-100\/10:active { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:fill-cyan-100\/20:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:fill-cyan-100\/20:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:fill-cyan-100\/20:active { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:fill-cyan-100\/30:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:fill-cyan-100\/30:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:fill-cyan-100\/30:active { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:fill-cyan-100\/40:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:fill-cyan-100\/40:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:fill-cyan-100\/40:active { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:fill-cyan-100\/50:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:fill-cyan-100\/50:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:fill-cyan-100\/50:active { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:fill-cyan-100\/60:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:fill-cyan-100\/60:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:fill-cyan-100\/60:active { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:fill-cyan-100\/70:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:fill-cyan-100\/70:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:fill-cyan-100\/70:active { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:fill-cyan-100\/80:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:fill-cyan-100\/80:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:fill-cyan-100\/80:active { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:fill-cyan-100\/90:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:fill-cyan-100\/90:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:fill-cyan-100\/90:active { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:fill-cyan-200:focus { + fill: var(--cyan-200) +} +.hover\:fill-cyan-200:hover { + fill: var(--cyan-200) +} +.active\:fill-cyan-200:active { + fill: var(--cyan-200) +} +.focus\:fill-cyan-200\/10:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:fill-cyan-200\/10:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:fill-cyan-200\/10:active { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:fill-cyan-200\/20:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:fill-cyan-200\/20:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:fill-cyan-200\/20:active { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:fill-cyan-200\/30:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:fill-cyan-200\/30:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:fill-cyan-200\/30:active { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:fill-cyan-200\/40:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:fill-cyan-200\/40:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:fill-cyan-200\/40:active { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:fill-cyan-200\/50:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:fill-cyan-200\/50:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:fill-cyan-200\/50:active { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:fill-cyan-200\/60:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:fill-cyan-200\/60:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:fill-cyan-200\/60:active { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:fill-cyan-200\/70:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:fill-cyan-200\/70:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:fill-cyan-200\/70:active { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:fill-cyan-200\/80:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:fill-cyan-200\/80:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:fill-cyan-200\/80:active { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:fill-cyan-200\/90:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:fill-cyan-200\/90:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:fill-cyan-200\/90:active { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:fill-cyan-300:focus { + fill: var(--cyan-300) +} +.hover\:fill-cyan-300:hover { + fill: var(--cyan-300) +} +.active\:fill-cyan-300:active { + fill: var(--cyan-300) +} +.focus\:fill-cyan-300\/10:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:fill-cyan-300\/10:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:fill-cyan-300\/10:active { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:fill-cyan-300\/20:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:fill-cyan-300\/20:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:fill-cyan-300\/20:active { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:fill-cyan-300\/30:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:fill-cyan-300\/30:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:fill-cyan-300\/30:active { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:fill-cyan-300\/40:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:fill-cyan-300\/40:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:fill-cyan-300\/40:active { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:fill-cyan-300\/50:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:fill-cyan-300\/50:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:fill-cyan-300\/50:active { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:fill-cyan-300\/60:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:fill-cyan-300\/60:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:fill-cyan-300\/60:active { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:fill-cyan-300\/70:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:fill-cyan-300\/70:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:fill-cyan-300\/70:active { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:fill-cyan-300\/80:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:fill-cyan-300\/80:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:fill-cyan-300\/80:active { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:fill-cyan-300\/90:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:fill-cyan-300\/90:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:fill-cyan-300\/90:active { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:fill-cyan-400:focus { + fill: var(--cyan-400) +} +.hover\:fill-cyan-400:hover { + fill: var(--cyan-400) +} +.active\:fill-cyan-400:active { + fill: var(--cyan-400) +} +.focus\:fill-cyan-400\/10:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:fill-cyan-400\/10:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:fill-cyan-400\/10:active { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:fill-cyan-400\/20:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:fill-cyan-400\/20:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:fill-cyan-400\/20:active { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:fill-cyan-400\/30:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:fill-cyan-400\/30:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:fill-cyan-400\/30:active { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:fill-cyan-400\/40:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:fill-cyan-400\/40:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:fill-cyan-400\/40:active { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:fill-cyan-400\/50:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:fill-cyan-400\/50:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:fill-cyan-400\/50:active { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:fill-cyan-400\/60:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:fill-cyan-400\/60:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:fill-cyan-400\/60:active { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:fill-cyan-400\/70:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:fill-cyan-400\/70:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:fill-cyan-400\/70:active { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:fill-cyan-400\/80:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:fill-cyan-400\/80:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:fill-cyan-400\/80:active { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:fill-cyan-400\/90:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:fill-cyan-400\/90:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:fill-cyan-400\/90:active { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:fill-cyan-500:focus { + fill: var(--cyan-500) +} +.hover\:fill-cyan-500:hover { + fill: var(--cyan-500) +} +.active\:fill-cyan-500:active { + fill: var(--cyan-500) +} +.focus\:fill-cyan-500\/10:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:fill-cyan-500\/10:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:fill-cyan-500\/10:active { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:fill-cyan-500\/20:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:fill-cyan-500\/20:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:fill-cyan-500\/20:active { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:fill-cyan-500\/30:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:fill-cyan-500\/30:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:fill-cyan-500\/30:active { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:fill-cyan-500\/40:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:fill-cyan-500\/40:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:fill-cyan-500\/40:active { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:fill-cyan-500\/50:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:fill-cyan-500\/50:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:fill-cyan-500\/50:active { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:fill-cyan-500\/60:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:fill-cyan-500\/60:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:fill-cyan-500\/60:active { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:fill-cyan-500\/70:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:fill-cyan-500\/70:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:fill-cyan-500\/70:active { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:fill-cyan-500\/80:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:fill-cyan-500\/80:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:fill-cyan-500\/80:active { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:fill-cyan-500\/90:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:fill-cyan-500\/90:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:fill-cyan-500\/90:active { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:fill-cyan-600:focus { + fill: var(--cyan-600) +} +.hover\:fill-cyan-600:hover { + fill: var(--cyan-600) +} +.active\:fill-cyan-600:active { + fill: var(--cyan-600) +} +.focus\:fill-cyan-600\/10:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:fill-cyan-600\/10:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:fill-cyan-600\/10:active { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:fill-cyan-600\/20:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:fill-cyan-600\/20:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:fill-cyan-600\/20:active { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:fill-cyan-600\/30:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:fill-cyan-600\/30:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:fill-cyan-600\/30:active { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:fill-cyan-600\/40:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:fill-cyan-600\/40:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:fill-cyan-600\/40:active { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:fill-cyan-600\/50:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:fill-cyan-600\/50:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:fill-cyan-600\/50:active { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:fill-cyan-600\/60:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:fill-cyan-600\/60:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:fill-cyan-600\/60:active { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:fill-cyan-600\/70:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:fill-cyan-600\/70:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:fill-cyan-600\/70:active { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:fill-cyan-600\/80:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:fill-cyan-600\/80:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:fill-cyan-600\/80:active { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:fill-cyan-600\/90:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:fill-cyan-600\/90:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:fill-cyan-600\/90:active { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:fill-cyan-700:focus { + fill: var(--cyan-700) +} +.hover\:fill-cyan-700:hover { + fill: var(--cyan-700) +} +.active\:fill-cyan-700:active { + fill: var(--cyan-700) +} +.focus\:fill-cyan-700\/10:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:fill-cyan-700\/10:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:fill-cyan-700\/10:active { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:fill-cyan-700\/20:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:fill-cyan-700\/20:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:fill-cyan-700\/20:active { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:fill-cyan-700\/30:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:fill-cyan-700\/30:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:fill-cyan-700\/30:active { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:fill-cyan-700\/40:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:fill-cyan-700\/40:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:fill-cyan-700\/40:active { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:fill-cyan-700\/50:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:fill-cyan-700\/50:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:fill-cyan-700\/50:active { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:fill-cyan-700\/60:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:fill-cyan-700\/60:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:fill-cyan-700\/60:active { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:fill-cyan-700\/70:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:fill-cyan-700\/70:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:fill-cyan-700\/70:active { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:fill-cyan-700\/80:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:fill-cyan-700\/80:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:fill-cyan-700\/80:active { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:fill-cyan-700\/90:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:fill-cyan-700\/90:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:fill-cyan-700\/90:active { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:fill-cyan-800:focus { + fill: var(--cyan-800) +} +.hover\:fill-cyan-800:hover { + fill: var(--cyan-800) +} +.active\:fill-cyan-800:active { + fill: var(--cyan-800) +} +.focus\:fill-cyan-800\/10:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:fill-cyan-800\/10:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:fill-cyan-800\/10:active { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:fill-cyan-800\/20:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:fill-cyan-800\/20:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:fill-cyan-800\/20:active { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:fill-cyan-800\/30:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:fill-cyan-800\/30:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:fill-cyan-800\/30:active { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:fill-cyan-800\/40:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:fill-cyan-800\/40:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:fill-cyan-800\/40:active { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:fill-cyan-800\/50:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:fill-cyan-800\/50:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:fill-cyan-800\/50:active { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:fill-cyan-800\/60:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:fill-cyan-800\/60:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:fill-cyan-800\/60:active { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:fill-cyan-800\/70:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:fill-cyan-800\/70:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:fill-cyan-800\/70:active { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:fill-cyan-800\/80:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:fill-cyan-800\/80:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:fill-cyan-800\/80:active { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:fill-cyan-800\/90:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:fill-cyan-800\/90:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:fill-cyan-800\/90:active { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:fill-cyan-900:focus { + fill: var(--cyan-900) +} +.hover\:fill-cyan-900:hover { + fill: var(--cyan-900) +} +.active\:fill-cyan-900:active { + fill: var(--cyan-900) +} +.focus\:fill-cyan-900\/10:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:fill-cyan-900\/10:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:fill-cyan-900\/10:active { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:fill-cyan-900\/20:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:fill-cyan-900\/20:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:fill-cyan-900\/20:active { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:fill-cyan-900\/30:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:fill-cyan-900\/30:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:fill-cyan-900\/30:active { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:fill-cyan-900\/40:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:fill-cyan-900\/40:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:fill-cyan-900\/40:active { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:fill-cyan-900\/50:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:fill-cyan-900\/50:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:fill-cyan-900\/50:active { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:fill-cyan-900\/60:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:fill-cyan-900\/60:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:fill-cyan-900\/60:active { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:fill-cyan-900\/70:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:fill-cyan-900\/70:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:fill-cyan-900\/70:active { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:fill-cyan-900\/80:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:fill-cyan-900\/80:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:fill-cyan-900\/80:active { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:fill-cyan-900\/90:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:fill-cyan-900\/90:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:fill-cyan-900\/90:active { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:fill-pink-50:focus { + fill: var(--pink-50) +} +.hover\:fill-pink-50:hover { + fill: var(--pink-50) +} +.active\:fill-pink-50:active { + fill: var(--pink-50) +} +.focus\:fill-pink-50\/10:focus { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:fill-pink-50\/10:hover { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:fill-pink-50\/10:active { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:fill-pink-50\/20:focus { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:fill-pink-50\/20:hover { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:fill-pink-50\/20:active { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:fill-pink-50\/30:focus { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:fill-pink-50\/30:hover { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:fill-pink-50\/30:active { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:fill-pink-50\/40:focus { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:fill-pink-50\/40:hover { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:fill-pink-50\/40:active { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:fill-pink-50\/50:focus { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:fill-pink-50\/50:hover { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:fill-pink-50\/50:active { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:fill-pink-50\/60:focus { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:fill-pink-50\/60:hover { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:fill-pink-50\/60:active { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:fill-pink-50\/70:focus { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:fill-pink-50\/70:hover { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:fill-pink-50\/70:active { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:fill-pink-50\/80:focus { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:fill-pink-50\/80:hover { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:fill-pink-50\/80:active { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:fill-pink-50\/90:focus { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:fill-pink-50\/90:hover { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:fill-pink-50\/90:active { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:fill-pink-100:focus { + fill: var(--pink-100) +} +.hover\:fill-pink-100:hover { + fill: var(--pink-100) +} +.active\:fill-pink-100:active { + fill: var(--pink-100) +} +.focus\:fill-pink-100\/10:focus { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:fill-pink-100\/10:hover { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:fill-pink-100\/10:active { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:fill-pink-100\/20:focus { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:fill-pink-100\/20:hover { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:fill-pink-100\/20:active { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:fill-pink-100\/30:focus { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:fill-pink-100\/30:hover { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:fill-pink-100\/30:active { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:fill-pink-100\/40:focus { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:fill-pink-100\/40:hover { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:fill-pink-100\/40:active { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:fill-pink-100\/50:focus { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:fill-pink-100\/50:hover { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:fill-pink-100\/50:active { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:fill-pink-100\/60:focus { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:fill-pink-100\/60:hover { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:fill-pink-100\/60:active { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:fill-pink-100\/70:focus { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:fill-pink-100\/70:hover { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:fill-pink-100\/70:active { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:fill-pink-100\/80:focus { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:fill-pink-100\/80:hover { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:fill-pink-100\/80:active { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:fill-pink-100\/90:focus { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:fill-pink-100\/90:hover { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:fill-pink-100\/90:active { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:fill-pink-200:focus { + fill: var(--pink-200) +} +.hover\:fill-pink-200:hover { + fill: var(--pink-200) +} +.active\:fill-pink-200:active { + fill: var(--pink-200) +} +.focus\:fill-pink-200\/10:focus { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:fill-pink-200\/10:hover { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:fill-pink-200\/10:active { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:fill-pink-200\/20:focus { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:fill-pink-200\/20:hover { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:fill-pink-200\/20:active { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:fill-pink-200\/30:focus { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:fill-pink-200\/30:hover { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:fill-pink-200\/30:active { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:fill-pink-200\/40:focus { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:fill-pink-200\/40:hover { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:fill-pink-200\/40:active { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:fill-pink-200\/50:focus { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:fill-pink-200\/50:hover { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:fill-pink-200\/50:active { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:fill-pink-200\/60:focus { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:fill-pink-200\/60:hover { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:fill-pink-200\/60:active { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:fill-pink-200\/70:focus { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:fill-pink-200\/70:hover { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:fill-pink-200\/70:active { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:fill-pink-200\/80:focus { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:fill-pink-200\/80:hover { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:fill-pink-200\/80:active { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:fill-pink-200\/90:focus { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:fill-pink-200\/90:hover { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:fill-pink-200\/90:active { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:fill-pink-300:focus { + fill: var(--pink-300) +} +.hover\:fill-pink-300:hover { + fill: var(--pink-300) +} +.active\:fill-pink-300:active { + fill: var(--pink-300) +} +.focus\:fill-pink-300\/10:focus { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:fill-pink-300\/10:hover { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:fill-pink-300\/10:active { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:fill-pink-300\/20:focus { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:fill-pink-300\/20:hover { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:fill-pink-300\/20:active { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:fill-pink-300\/30:focus { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:fill-pink-300\/30:hover { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:fill-pink-300\/30:active { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:fill-pink-300\/40:focus { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:fill-pink-300\/40:hover { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:fill-pink-300\/40:active { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:fill-pink-300\/50:focus { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:fill-pink-300\/50:hover { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:fill-pink-300\/50:active { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:fill-pink-300\/60:focus { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:fill-pink-300\/60:hover { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:fill-pink-300\/60:active { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:fill-pink-300\/70:focus { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:fill-pink-300\/70:hover { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:fill-pink-300\/70:active { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:fill-pink-300\/80:focus { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:fill-pink-300\/80:hover { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:fill-pink-300\/80:active { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:fill-pink-300\/90:focus { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:fill-pink-300\/90:hover { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:fill-pink-300\/90:active { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:fill-pink-400:focus { + fill: var(--pink-400) +} +.hover\:fill-pink-400:hover { + fill: var(--pink-400) +} +.active\:fill-pink-400:active { + fill: var(--pink-400) +} +.focus\:fill-pink-400\/10:focus { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:fill-pink-400\/10:hover { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:fill-pink-400\/10:active { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:fill-pink-400\/20:focus { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:fill-pink-400\/20:hover { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:fill-pink-400\/20:active { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:fill-pink-400\/30:focus { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:fill-pink-400\/30:hover { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:fill-pink-400\/30:active { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:fill-pink-400\/40:focus { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:fill-pink-400\/40:hover { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:fill-pink-400\/40:active { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:fill-pink-400\/50:focus { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:fill-pink-400\/50:hover { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:fill-pink-400\/50:active { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:fill-pink-400\/60:focus { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:fill-pink-400\/60:hover { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:fill-pink-400\/60:active { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:fill-pink-400\/70:focus { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:fill-pink-400\/70:hover { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:fill-pink-400\/70:active { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:fill-pink-400\/80:focus { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:fill-pink-400\/80:hover { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:fill-pink-400\/80:active { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:fill-pink-400\/90:focus { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:fill-pink-400\/90:hover { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:fill-pink-400\/90:active { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:fill-pink-500:focus { + fill: var(--pink-500) +} +.hover\:fill-pink-500:hover { + fill: var(--pink-500) +} +.active\:fill-pink-500:active { + fill: var(--pink-500) +} +.focus\:fill-pink-500\/10:focus { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:fill-pink-500\/10:hover { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:fill-pink-500\/10:active { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:fill-pink-500\/20:focus { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:fill-pink-500\/20:hover { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:fill-pink-500\/20:active { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:fill-pink-500\/30:focus { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:fill-pink-500\/30:hover { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:fill-pink-500\/30:active { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:fill-pink-500\/40:focus { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:fill-pink-500\/40:hover { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:fill-pink-500\/40:active { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:fill-pink-500\/50:focus { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:fill-pink-500\/50:hover { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:fill-pink-500\/50:active { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:fill-pink-500\/60:focus { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:fill-pink-500\/60:hover { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:fill-pink-500\/60:active { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:fill-pink-500\/70:focus { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:fill-pink-500\/70:hover { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:fill-pink-500\/70:active { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:fill-pink-500\/80:focus { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:fill-pink-500\/80:hover { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:fill-pink-500\/80:active { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:fill-pink-500\/90:focus { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:fill-pink-500\/90:hover { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:fill-pink-500\/90:active { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:fill-pink-600:focus { + fill: var(--pink-600) +} +.hover\:fill-pink-600:hover { + fill: var(--pink-600) +} +.active\:fill-pink-600:active { + fill: var(--pink-600) +} +.focus\:fill-pink-600\/10:focus { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:fill-pink-600\/10:hover { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:fill-pink-600\/10:active { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:fill-pink-600\/20:focus { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:fill-pink-600\/20:hover { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:fill-pink-600\/20:active { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:fill-pink-600\/30:focus { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:fill-pink-600\/30:hover { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:fill-pink-600\/30:active { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:fill-pink-600\/40:focus { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:fill-pink-600\/40:hover { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:fill-pink-600\/40:active { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:fill-pink-600\/50:focus { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:fill-pink-600\/50:hover { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:fill-pink-600\/50:active { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:fill-pink-600\/60:focus { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:fill-pink-600\/60:hover { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:fill-pink-600\/60:active { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:fill-pink-600\/70:focus { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:fill-pink-600\/70:hover { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:fill-pink-600\/70:active { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:fill-pink-600\/80:focus { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:fill-pink-600\/80:hover { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:fill-pink-600\/80:active { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:fill-pink-600\/90:focus { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:fill-pink-600\/90:hover { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:fill-pink-600\/90:active { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:fill-pink-700:focus { + fill: var(--pink-700) +} +.hover\:fill-pink-700:hover { + fill: var(--pink-700) +} +.active\:fill-pink-700:active { + fill: var(--pink-700) +} +.focus\:fill-pink-700\/10:focus { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:fill-pink-700\/10:hover { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:fill-pink-700\/10:active { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:fill-pink-700\/20:focus { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:fill-pink-700\/20:hover { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:fill-pink-700\/20:active { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:fill-pink-700\/30:focus { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:fill-pink-700\/30:hover { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:fill-pink-700\/30:active { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:fill-pink-700\/40:focus { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:fill-pink-700\/40:hover { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:fill-pink-700\/40:active { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:fill-pink-700\/50:focus { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:fill-pink-700\/50:hover { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:fill-pink-700\/50:active { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:fill-pink-700\/60:focus { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:fill-pink-700\/60:hover { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:fill-pink-700\/60:active { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:fill-pink-700\/70:focus { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:fill-pink-700\/70:hover { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:fill-pink-700\/70:active { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:fill-pink-700\/80:focus { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:fill-pink-700\/80:hover { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:fill-pink-700\/80:active { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:fill-pink-700\/90:focus { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:fill-pink-700\/90:hover { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:fill-pink-700\/90:active { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:fill-pink-800:focus { + fill: var(--pink-800) +} +.hover\:fill-pink-800:hover { + fill: var(--pink-800) +} +.active\:fill-pink-800:active { + fill: var(--pink-800) +} +.focus\:fill-pink-800\/10:focus { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:fill-pink-800\/10:hover { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:fill-pink-800\/10:active { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:fill-pink-800\/20:focus { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:fill-pink-800\/20:hover { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:fill-pink-800\/20:active { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:fill-pink-800\/30:focus { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:fill-pink-800\/30:hover { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:fill-pink-800\/30:active { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:fill-pink-800\/40:focus { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:fill-pink-800\/40:hover { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:fill-pink-800\/40:active { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:fill-pink-800\/50:focus { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:fill-pink-800\/50:hover { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:fill-pink-800\/50:active { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:fill-pink-800\/60:focus { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:fill-pink-800\/60:hover { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:fill-pink-800\/60:active { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:fill-pink-800\/70:focus { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:fill-pink-800\/70:hover { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:fill-pink-800\/70:active { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:fill-pink-800\/80:focus { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:fill-pink-800\/80:hover { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:fill-pink-800\/80:active { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:fill-pink-800\/90:focus { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:fill-pink-800\/90:hover { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:fill-pink-800\/90:active { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:fill-pink-900:focus { + fill: var(--pink-900) +} +.hover\:fill-pink-900:hover { + fill: var(--pink-900) +} +.active\:fill-pink-900:active { + fill: var(--pink-900) +} +.focus\:fill-pink-900\/10:focus { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:fill-pink-900\/10:hover { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:fill-pink-900\/10:active { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:fill-pink-900\/20:focus { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:fill-pink-900\/20:hover { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:fill-pink-900\/20:active { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:fill-pink-900\/30:focus { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:fill-pink-900\/30:hover { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:fill-pink-900\/30:active { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:fill-pink-900\/40:focus { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:fill-pink-900\/40:hover { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:fill-pink-900\/40:active { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:fill-pink-900\/50:focus { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:fill-pink-900\/50:hover { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:fill-pink-900\/50:active { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:fill-pink-900\/60:focus { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:fill-pink-900\/60:hover { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:fill-pink-900\/60:active { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:fill-pink-900\/70:focus { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:fill-pink-900\/70:hover { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:fill-pink-900\/70:active { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:fill-pink-900\/80:focus { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:fill-pink-900\/80:hover { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:fill-pink-900\/80:active { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:fill-pink-900\/90:focus { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:fill-pink-900\/90:hover { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:fill-pink-900\/90:active { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:fill-indigo-50:focus { + fill: var(--indigo-50) +} +.hover\:fill-indigo-50:hover { + fill: var(--indigo-50) +} +.active\:fill-indigo-50:active { + fill: var(--indigo-50) +} +.focus\:fill-indigo-50\/10:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:fill-indigo-50\/10:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:fill-indigo-50\/10:active { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:fill-indigo-50\/20:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:fill-indigo-50\/20:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:fill-indigo-50\/20:active { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:fill-indigo-50\/30:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:fill-indigo-50\/30:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:fill-indigo-50\/30:active { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:fill-indigo-50\/40:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:fill-indigo-50\/40:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:fill-indigo-50\/40:active { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:fill-indigo-50\/50:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:fill-indigo-50\/50:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:fill-indigo-50\/50:active { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:fill-indigo-50\/60:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:fill-indigo-50\/60:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:fill-indigo-50\/60:active { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:fill-indigo-50\/70:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:fill-indigo-50\/70:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:fill-indigo-50\/70:active { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:fill-indigo-50\/80:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:fill-indigo-50\/80:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:fill-indigo-50\/80:active { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:fill-indigo-50\/90:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:fill-indigo-50\/90:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:fill-indigo-50\/90:active { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:fill-indigo-100:focus { + fill: var(--indigo-100) +} +.hover\:fill-indigo-100:hover { + fill: var(--indigo-100) +} +.active\:fill-indigo-100:active { + fill: var(--indigo-100) +} +.focus\:fill-indigo-100\/10:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:fill-indigo-100\/10:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:fill-indigo-100\/10:active { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:fill-indigo-100\/20:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:fill-indigo-100\/20:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:fill-indigo-100\/20:active { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:fill-indigo-100\/30:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:fill-indigo-100\/30:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:fill-indigo-100\/30:active { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:fill-indigo-100\/40:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:fill-indigo-100\/40:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:fill-indigo-100\/40:active { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:fill-indigo-100\/50:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:fill-indigo-100\/50:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:fill-indigo-100\/50:active { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:fill-indigo-100\/60:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:fill-indigo-100\/60:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:fill-indigo-100\/60:active { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:fill-indigo-100\/70:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:fill-indigo-100\/70:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:fill-indigo-100\/70:active { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:fill-indigo-100\/80:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:fill-indigo-100\/80:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:fill-indigo-100\/80:active { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:fill-indigo-100\/90:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:fill-indigo-100\/90:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:fill-indigo-100\/90:active { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:fill-indigo-200:focus { + fill: var(--indigo-200) +} +.hover\:fill-indigo-200:hover { + fill: var(--indigo-200) +} +.active\:fill-indigo-200:active { + fill: var(--indigo-200) +} +.focus\:fill-indigo-200\/10:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:fill-indigo-200\/10:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:fill-indigo-200\/10:active { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:fill-indigo-200\/20:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:fill-indigo-200\/20:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:fill-indigo-200\/20:active { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:fill-indigo-200\/30:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:fill-indigo-200\/30:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:fill-indigo-200\/30:active { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:fill-indigo-200\/40:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:fill-indigo-200\/40:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:fill-indigo-200\/40:active { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:fill-indigo-200\/50:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:fill-indigo-200\/50:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:fill-indigo-200\/50:active { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:fill-indigo-200\/60:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:fill-indigo-200\/60:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:fill-indigo-200\/60:active { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:fill-indigo-200\/70:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:fill-indigo-200\/70:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:fill-indigo-200\/70:active { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:fill-indigo-200\/80:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:fill-indigo-200\/80:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:fill-indigo-200\/80:active { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:fill-indigo-200\/90:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:fill-indigo-200\/90:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:fill-indigo-200\/90:active { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:fill-indigo-300:focus { + fill: var(--indigo-300) +} +.hover\:fill-indigo-300:hover { + fill: var(--indigo-300) +} +.active\:fill-indigo-300:active { + fill: var(--indigo-300) +} +.focus\:fill-indigo-300\/10:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:fill-indigo-300\/10:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:fill-indigo-300\/10:active { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:fill-indigo-300\/20:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:fill-indigo-300\/20:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:fill-indigo-300\/20:active { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:fill-indigo-300\/30:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:fill-indigo-300\/30:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:fill-indigo-300\/30:active { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:fill-indigo-300\/40:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:fill-indigo-300\/40:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:fill-indigo-300\/40:active { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:fill-indigo-300\/50:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:fill-indigo-300\/50:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:fill-indigo-300\/50:active { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:fill-indigo-300\/60:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:fill-indigo-300\/60:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:fill-indigo-300\/60:active { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:fill-indigo-300\/70:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:fill-indigo-300\/70:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:fill-indigo-300\/70:active { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:fill-indigo-300\/80:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:fill-indigo-300\/80:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:fill-indigo-300\/80:active { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:fill-indigo-300\/90:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:fill-indigo-300\/90:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:fill-indigo-300\/90:active { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:fill-indigo-400:focus { + fill: var(--indigo-400) +} +.hover\:fill-indigo-400:hover { + fill: var(--indigo-400) +} +.active\:fill-indigo-400:active { + fill: var(--indigo-400) +} +.focus\:fill-indigo-400\/10:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:fill-indigo-400\/10:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:fill-indigo-400\/10:active { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:fill-indigo-400\/20:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:fill-indigo-400\/20:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:fill-indigo-400\/20:active { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:fill-indigo-400\/30:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:fill-indigo-400\/30:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:fill-indigo-400\/30:active { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:fill-indigo-400\/40:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:fill-indigo-400\/40:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:fill-indigo-400\/40:active { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:fill-indigo-400\/50:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:fill-indigo-400\/50:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:fill-indigo-400\/50:active { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:fill-indigo-400\/60:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:fill-indigo-400\/60:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:fill-indigo-400\/60:active { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:fill-indigo-400\/70:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:fill-indigo-400\/70:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:fill-indigo-400\/70:active { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:fill-indigo-400\/80:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:fill-indigo-400\/80:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:fill-indigo-400\/80:active { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:fill-indigo-400\/90:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:fill-indigo-400\/90:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:fill-indigo-400\/90:active { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:fill-indigo-500:focus { + fill: var(--indigo-500) +} +.hover\:fill-indigo-500:hover { + fill: var(--indigo-500) +} +.active\:fill-indigo-500:active { + fill: var(--indigo-500) +} +.focus\:fill-indigo-500\/10:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:fill-indigo-500\/10:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:fill-indigo-500\/10:active { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:fill-indigo-500\/20:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:fill-indigo-500\/20:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:fill-indigo-500\/20:active { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:fill-indigo-500\/30:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:fill-indigo-500\/30:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:fill-indigo-500\/30:active { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:fill-indigo-500\/40:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:fill-indigo-500\/40:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:fill-indigo-500\/40:active { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:fill-indigo-500\/50:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:fill-indigo-500\/50:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:fill-indigo-500\/50:active { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:fill-indigo-500\/60:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:fill-indigo-500\/60:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:fill-indigo-500\/60:active { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:fill-indigo-500\/70:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:fill-indigo-500\/70:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:fill-indigo-500\/70:active { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:fill-indigo-500\/80:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:fill-indigo-500\/80:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:fill-indigo-500\/80:active { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:fill-indigo-500\/90:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:fill-indigo-500\/90:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:fill-indigo-500\/90:active { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:fill-indigo-600:focus { + fill: var(--indigo-600) +} +.hover\:fill-indigo-600:hover { + fill: var(--indigo-600) +} +.active\:fill-indigo-600:active { + fill: var(--indigo-600) +} +.focus\:fill-indigo-600\/10:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:fill-indigo-600\/10:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:fill-indigo-600\/10:active { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:fill-indigo-600\/20:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:fill-indigo-600\/20:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:fill-indigo-600\/20:active { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:fill-indigo-600\/30:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:fill-indigo-600\/30:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:fill-indigo-600\/30:active { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:fill-indigo-600\/40:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:fill-indigo-600\/40:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:fill-indigo-600\/40:active { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:fill-indigo-600\/50:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:fill-indigo-600\/50:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:fill-indigo-600\/50:active { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:fill-indigo-600\/60:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:fill-indigo-600\/60:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:fill-indigo-600\/60:active { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:fill-indigo-600\/70:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:fill-indigo-600\/70:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:fill-indigo-600\/70:active { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:fill-indigo-600\/80:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:fill-indigo-600\/80:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:fill-indigo-600\/80:active { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:fill-indigo-600\/90:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:fill-indigo-600\/90:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:fill-indigo-600\/90:active { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:fill-indigo-700:focus { + fill: var(--indigo-700) +} +.hover\:fill-indigo-700:hover { + fill: var(--indigo-700) +} +.active\:fill-indigo-700:active { + fill: var(--indigo-700) +} +.focus\:fill-indigo-700\/10:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:fill-indigo-700\/10:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:fill-indigo-700\/10:active { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:fill-indigo-700\/20:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:fill-indigo-700\/20:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:fill-indigo-700\/20:active { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:fill-indigo-700\/30:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:fill-indigo-700\/30:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:fill-indigo-700\/30:active { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:fill-indigo-700\/40:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:fill-indigo-700\/40:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:fill-indigo-700\/40:active { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:fill-indigo-700\/50:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:fill-indigo-700\/50:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:fill-indigo-700\/50:active { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:fill-indigo-700\/60:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:fill-indigo-700\/60:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:fill-indigo-700\/60:active { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:fill-indigo-700\/70:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:fill-indigo-700\/70:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:fill-indigo-700\/70:active { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:fill-indigo-700\/80:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:fill-indigo-700\/80:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:fill-indigo-700\/80:active { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:fill-indigo-700\/90:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:fill-indigo-700\/90:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:fill-indigo-700\/90:active { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:fill-indigo-800:focus { + fill: var(--indigo-800) +} +.hover\:fill-indigo-800:hover { + fill: var(--indigo-800) +} +.active\:fill-indigo-800:active { + fill: var(--indigo-800) +} +.focus\:fill-indigo-800\/10:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:fill-indigo-800\/10:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:fill-indigo-800\/10:active { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:fill-indigo-800\/20:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:fill-indigo-800\/20:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:fill-indigo-800\/20:active { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:fill-indigo-800\/30:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:fill-indigo-800\/30:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:fill-indigo-800\/30:active { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:fill-indigo-800\/40:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:fill-indigo-800\/40:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:fill-indigo-800\/40:active { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:fill-indigo-800\/50:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:fill-indigo-800\/50:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:fill-indigo-800\/50:active { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:fill-indigo-800\/60:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:fill-indigo-800\/60:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:fill-indigo-800\/60:active { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:fill-indigo-800\/70:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:fill-indigo-800\/70:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:fill-indigo-800\/70:active { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:fill-indigo-800\/80:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:fill-indigo-800\/80:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:fill-indigo-800\/80:active { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:fill-indigo-800\/90:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:fill-indigo-800\/90:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:fill-indigo-800\/90:active { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:fill-indigo-900:focus { + fill: var(--indigo-900) +} +.hover\:fill-indigo-900:hover { + fill: var(--indigo-900) +} +.active\:fill-indigo-900:active { + fill: var(--indigo-900) +} +.focus\:fill-indigo-900\/10:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:fill-indigo-900\/10:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:fill-indigo-900\/10:active { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:fill-indigo-900\/20:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:fill-indigo-900\/20:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:fill-indigo-900\/20:active { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:fill-indigo-900\/30:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:fill-indigo-900\/30:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:fill-indigo-900\/30:active { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:fill-indigo-900\/40:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:fill-indigo-900\/40:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:fill-indigo-900\/40:active { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:fill-indigo-900\/50:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:fill-indigo-900\/50:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:fill-indigo-900\/50:active { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:fill-indigo-900\/60:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:fill-indigo-900\/60:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:fill-indigo-900\/60:active { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:fill-indigo-900\/70:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:fill-indigo-900\/70:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:fill-indigo-900\/70:active { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:fill-indigo-900\/80:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:fill-indigo-900\/80:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:fill-indigo-900\/80:active { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:fill-indigo-900\/90:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:fill-indigo-900\/90:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:fill-indigo-900\/90:active { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:fill-teal-50:focus { + fill: var(--teal-50) +} +.hover\:fill-teal-50:hover { + fill: var(--teal-50) +} +.active\:fill-teal-50:active { + fill: var(--teal-50) +} +.focus\:fill-teal-50\/10:focus { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:fill-teal-50\/10:hover { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:fill-teal-50\/10:active { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:fill-teal-50\/20:focus { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:fill-teal-50\/20:hover { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:fill-teal-50\/20:active { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:fill-teal-50\/30:focus { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:fill-teal-50\/30:hover { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:fill-teal-50\/30:active { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:fill-teal-50\/40:focus { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:fill-teal-50\/40:hover { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:fill-teal-50\/40:active { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:fill-teal-50\/50:focus { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:fill-teal-50\/50:hover { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:fill-teal-50\/50:active { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:fill-teal-50\/60:focus { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:fill-teal-50\/60:hover { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:fill-teal-50\/60:active { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:fill-teal-50\/70:focus { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:fill-teal-50\/70:hover { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:fill-teal-50\/70:active { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:fill-teal-50\/80:focus { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:fill-teal-50\/80:hover { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:fill-teal-50\/80:active { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:fill-teal-50\/90:focus { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:fill-teal-50\/90:hover { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:fill-teal-50\/90:active { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:fill-teal-100:focus { + fill: var(--teal-100) +} +.hover\:fill-teal-100:hover { + fill: var(--teal-100) +} +.active\:fill-teal-100:active { + fill: var(--teal-100) +} +.focus\:fill-teal-100\/10:focus { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:fill-teal-100\/10:hover { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:fill-teal-100\/10:active { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:fill-teal-100\/20:focus { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:fill-teal-100\/20:hover { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:fill-teal-100\/20:active { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:fill-teal-100\/30:focus { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:fill-teal-100\/30:hover { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:fill-teal-100\/30:active { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:fill-teal-100\/40:focus { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:fill-teal-100\/40:hover { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:fill-teal-100\/40:active { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:fill-teal-100\/50:focus { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:fill-teal-100\/50:hover { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:fill-teal-100\/50:active { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:fill-teal-100\/60:focus { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:fill-teal-100\/60:hover { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:fill-teal-100\/60:active { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:fill-teal-100\/70:focus { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:fill-teal-100\/70:hover { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:fill-teal-100\/70:active { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:fill-teal-100\/80:focus { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:fill-teal-100\/80:hover { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:fill-teal-100\/80:active { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:fill-teal-100\/90:focus { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:fill-teal-100\/90:hover { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:fill-teal-100\/90:active { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:fill-teal-200:focus { + fill: var(--teal-200) +} +.hover\:fill-teal-200:hover { + fill: var(--teal-200) +} +.active\:fill-teal-200:active { + fill: var(--teal-200) +} +.focus\:fill-teal-200\/10:focus { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:fill-teal-200\/10:hover { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:fill-teal-200\/10:active { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:fill-teal-200\/20:focus { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:fill-teal-200\/20:hover { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:fill-teal-200\/20:active { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:fill-teal-200\/30:focus { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:fill-teal-200\/30:hover { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:fill-teal-200\/30:active { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:fill-teal-200\/40:focus { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:fill-teal-200\/40:hover { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:fill-teal-200\/40:active { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:fill-teal-200\/50:focus { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:fill-teal-200\/50:hover { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:fill-teal-200\/50:active { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:fill-teal-200\/60:focus { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:fill-teal-200\/60:hover { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:fill-teal-200\/60:active { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:fill-teal-200\/70:focus { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:fill-teal-200\/70:hover { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:fill-teal-200\/70:active { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:fill-teal-200\/80:focus { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:fill-teal-200\/80:hover { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:fill-teal-200\/80:active { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:fill-teal-200\/90:focus { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:fill-teal-200\/90:hover { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:fill-teal-200\/90:active { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:fill-teal-300:focus { + fill: var(--teal-300) +} +.hover\:fill-teal-300:hover { + fill: var(--teal-300) +} +.active\:fill-teal-300:active { + fill: var(--teal-300) +} +.focus\:fill-teal-300\/10:focus { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:fill-teal-300\/10:hover { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:fill-teal-300\/10:active { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:fill-teal-300\/20:focus { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:fill-teal-300\/20:hover { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:fill-teal-300\/20:active { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:fill-teal-300\/30:focus { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:fill-teal-300\/30:hover { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:fill-teal-300\/30:active { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:fill-teal-300\/40:focus { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:fill-teal-300\/40:hover { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:fill-teal-300\/40:active { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:fill-teal-300\/50:focus { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:fill-teal-300\/50:hover { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:fill-teal-300\/50:active { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:fill-teal-300\/60:focus { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:fill-teal-300\/60:hover { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:fill-teal-300\/60:active { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:fill-teal-300\/70:focus { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:fill-teal-300\/70:hover { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:fill-teal-300\/70:active { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:fill-teal-300\/80:focus { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:fill-teal-300\/80:hover { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:fill-teal-300\/80:active { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:fill-teal-300\/90:focus { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:fill-teal-300\/90:hover { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:fill-teal-300\/90:active { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:fill-teal-400:focus { + fill: var(--teal-400) +} +.hover\:fill-teal-400:hover { + fill: var(--teal-400) +} +.active\:fill-teal-400:active { + fill: var(--teal-400) +} +.focus\:fill-teal-400\/10:focus { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:fill-teal-400\/10:hover { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:fill-teal-400\/10:active { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:fill-teal-400\/20:focus { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:fill-teal-400\/20:hover { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:fill-teal-400\/20:active { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:fill-teal-400\/30:focus { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:fill-teal-400\/30:hover { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:fill-teal-400\/30:active { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:fill-teal-400\/40:focus { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:fill-teal-400\/40:hover { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:fill-teal-400\/40:active { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:fill-teal-400\/50:focus { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:fill-teal-400\/50:hover { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:fill-teal-400\/50:active { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:fill-teal-400\/60:focus { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:fill-teal-400\/60:hover { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:fill-teal-400\/60:active { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:fill-teal-400\/70:focus { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:fill-teal-400\/70:hover { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:fill-teal-400\/70:active { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:fill-teal-400\/80:focus { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:fill-teal-400\/80:hover { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:fill-teal-400\/80:active { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:fill-teal-400\/90:focus { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:fill-teal-400\/90:hover { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:fill-teal-400\/90:active { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:fill-teal-500:focus { + fill: var(--teal-500) +} +.hover\:fill-teal-500:hover { + fill: var(--teal-500) +} +.active\:fill-teal-500:active { + fill: var(--teal-500) +} +.focus\:fill-teal-500\/10:focus { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:fill-teal-500\/10:hover { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:fill-teal-500\/10:active { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:fill-teal-500\/20:focus { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:fill-teal-500\/20:hover { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:fill-teal-500\/20:active { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:fill-teal-500\/30:focus { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:fill-teal-500\/30:hover { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:fill-teal-500\/30:active { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:fill-teal-500\/40:focus { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:fill-teal-500\/40:hover { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:fill-teal-500\/40:active { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:fill-teal-500\/50:focus { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:fill-teal-500\/50:hover { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:fill-teal-500\/50:active { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:fill-teal-500\/60:focus { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:fill-teal-500\/60:hover { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:fill-teal-500\/60:active { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:fill-teal-500\/70:focus { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:fill-teal-500\/70:hover { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:fill-teal-500\/70:active { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:fill-teal-500\/80:focus { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:fill-teal-500\/80:hover { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:fill-teal-500\/80:active { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:fill-teal-500\/90:focus { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:fill-teal-500\/90:hover { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:fill-teal-500\/90:active { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:fill-teal-600:focus { + fill: var(--teal-600) +} +.hover\:fill-teal-600:hover { + fill: var(--teal-600) +} +.active\:fill-teal-600:active { + fill: var(--teal-600) +} +.focus\:fill-teal-600\/10:focus { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:fill-teal-600\/10:hover { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:fill-teal-600\/10:active { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:fill-teal-600\/20:focus { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:fill-teal-600\/20:hover { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:fill-teal-600\/20:active { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:fill-teal-600\/30:focus { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:fill-teal-600\/30:hover { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:fill-teal-600\/30:active { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:fill-teal-600\/40:focus { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:fill-teal-600\/40:hover { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:fill-teal-600\/40:active { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:fill-teal-600\/50:focus { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:fill-teal-600\/50:hover { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:fill-teal-600\/50:active { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:fill-teal-600\/60:focus { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:fill-teal-600\/60:hover { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:fill-teal-600\/60:active { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:fill-teal-600\/70:focus { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:fill-teal-600\/70:hover { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:fill-teal-600\/70:active { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:fill-teal-600\/80:focus { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:fill-teal-600\/80:hover { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:fill-teal-600\/80:active { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:fill-teal-600\/90:focus { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:fill-teal-600\/90:hover { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:fill-teal-600\/90:active { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:fill-teal-700:focus { + fill: var(--teal-700) +} +.hover\:fill-teal-700:hover { + fill: var(--teal-700) +} +.active\:fill-teal-700:active { + fill: var(--teal-700) +} +.focus\:fill-teal-700\/10:focus { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:fill-teal-700\/10:hover { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:fill-teal-700\/10:active { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:fill-teal-700\/20:focus { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:fill-teal-700\/20:hover { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:fill-teal-700\/20:active { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:fill-teal-700\/30:focus { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:fill-teal-700\/30:hover { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:fill-teal-700\/30:active { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:fill-teal-700\/40:focus { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:fill-teal-700\/40:hover { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:fill-teal-700\/40:active { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:fill-teal-700\/50:focus { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:fill-teal-700\/50:hover { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:fill-teal-700\/50:active { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:fill-teal-700\/60:focus { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:fill-teal-700\/60:hover { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:fill-teal-700\/60:active { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:fill-teal-700\/70:focus { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:fill-teal-700\/70:hover { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:fill-teal-700\/70:active { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:fill-teal-700\/80:focus { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:fill-teal-700\/80:hover { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:fill-teal-700\/80:active { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:fill-teal-700\/90:focus { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:fill-teal-700\/90:hover { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:fill-teal-700\/90:active { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:fill-teal-800:focus { + fill: var(--teal-800) +} +.hover\:fill-teal-800:hover { + fill: var(--teal-800) +} +.active\:fill-teal-800:active { + fill: var(--teal-800) +} +.focus\:fill-teal-800\/10:focus { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:fill-teal-800\/10:hover { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:fill-teal-800\/10:active { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:fill-teal-800\/20:focus { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:fill-teal-800\/20:hover { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:fill-teal-800\/20:active { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:fill-teal-800\/30:focus { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:fill-teal-800\/30:hover { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:fill-teal-800\/30:active { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:fill-teal-800\/40:focus { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:fill-teal-800\/40:hover { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:fill-teal-800\/40:active { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:fill-teal-800\/50:focus { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:fill-teal-800\/50:hover { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:fill-teal-800\/50:active { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:fill-teal-800\/60:focus { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:fill-teal-800\/60:hover { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:fill-teal-800\/60:active { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:fill-teal-800\/70:focus { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:fill-teal-800\/70:hover { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:fill-teal-800\/70:active { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:fill-teal-800\/80:focus { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:fill-teal-800\/80:hover { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:fill-teal-800\/80:active { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:fill-teal-800\/90:focus { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:fill-teal-800\/90:hover { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:fill-teal-800\/90:active { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:fill-teal-900:focus { + fill: var(--teal-900) +} +.hover\:fill-teal-900:hover { + fill: var(--teal-900) +} +.active\:fill-teal-900:active { + fill: var(--teal-900) +} +.focus\:fill-teal-900\/10:focus { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:fill-teal-900\/10:hover { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:fill-teal-900\/10:active { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:fill-teal-900\/20:focus { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:fill-teal-900\/20:hover { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:fill-teal-900\/20:active { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:fill-teal-900\/30:focus { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:fill-teal-900\/30:hover { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:fill-teal-900\/30:active { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:fill-teal-900\/40:focus { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:fill-teal-900\/40:hover { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:fill-teal-900\/40:active { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:fill-teal-900\/50:focus { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:fill-teal-900\/50:hover { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:fill-teal-900\/50:active { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:fill-teal-900\/60:focus { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:fill-teal-900\/60:hover { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:fill-teal-900\/60:active { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:fill-teal-900\/70:focus { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:fill-teal-900\/70:hover { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:fill-teal-900\/70:active { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:fill-teal-900\/80:focus { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:fill-teal-900\/80:hover { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:fill-teal-900\/80:active { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:fill-teal-900\/90:focus { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:fill-teal-900\/90:hover { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:fill-teal-900\/90:active { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:fill-orange-50:focus { + fill: var(--orange-50) +} +.hover\:fill-orange-50:hover { + fill: var(--orange-50) +} +.active\:fill-orange-50:active { + fill: var(--orange-50) +} +.focus\:fill-orange-50\/10:focus { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:fill-orange-50\/10:hover { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:fill-orange-50\/10:active { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:fill-orange-50\/20:focus { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:fill-orange-50\/20:hover { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:fill-orange-50\/20:active { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:fill-orange-50\/30:focus { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:fill-orange-50\/30:hover { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:fill-orange-50\/30:active { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:fill-orange-50\/40:focus { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:fill-orange-50\/40:hover { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:fill-orange-50\/40:active { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:fill-orange-50\/50:focus { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:fill-orange-50\/50:hover { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:fill-orange-50\/50:active { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:fill-orange-50\/60:focus { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:fill-orange-50\/60:hover { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:fill-orange-50\/60:active { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:fill-orange-50\/70:focus { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:fill-orange-50\/70:hover { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:fill-orange-50\/70:active { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:fill-orange-50\/80:focus { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:fill-orange-50\/80:hover { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:fill-orange-50\/80:active { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:fill-orange-50\/90:focus { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:fill-orange-50\/90:hover { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:fill-orange-50\/90:active { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:fill-orange-100:focus { + fill: var(--orange-100) +} +.hover\:fill-orange-100:hover { + fill: var(--orange-100) +} +.active\:fill-orange-100:active { + fill: var(--orange-100) +} +.focus\:fill-orange-100\/10:focus { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:fill-orange-100\/10:hover { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:fill-orange-100\/10:active { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:fill-orange-100\/20:focus { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:fill-orange-100\/20:hover { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:fill-orange-100\/20:active { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:fill-orange-100\/30:focus { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:fill-orange-100\/30:hover { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:fill-orange-100\/30:active { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:fill-orange-100\/40:focus { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:fill-orange-100\/40:hover { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:fill-orange-100\/40:active { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:fill-orange-100\/50:focus { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:fill-orange-100\/50:hover { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:fill-orange-100\/50:active { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:fill-orange-100\/60:focus { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:fill-orange-100\/60:hover { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:fill-orange-100\/60:active { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:fill-orange-100\/70:focus { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:fill-orange-100\/70:hover { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:fill-orange-100\/70:active { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:fill-orange-100\/80:focus { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:fill-orange-100\/80:hover { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:fill-orange-100\/80:active { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:fill-orange-100\/90:focus { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:fill-orange-100\/90:hover { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:fill-orange-100\/90:active { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:fill-orange-200:focus { + fill: var(--orange-200) +} +.hover\:fill-orange-200:hover { + fill: var(--orange-200) +} +.active\:fill-orange-200:active { + fill: var(--orange-200) +} +.focus\:fill-orange-200\/10:focus { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:fill-orange-200\/10:hover { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:fill-orange-200\/10:active { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:fill-orange-200\/20:focus { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:fill-orange-200\/20:hover { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:fill-orange-200\/20:active { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:fill-orange-200\/30:focus { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:fill-orange-200\/30:hover { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:fill-orange-200\/30:active { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:fill-orange-200\/40:focus { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:fill-orange-200\/40:hover { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:fill-orange-200\/40:active { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:fill-orange-200\/50:focus { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:fill-orange-200\/50:hover { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:fill-orange-200\/50:active { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:fill-orange-200\/60:focus { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:fill-orange-200\/60:hover { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:fill-orange-200\/60:active { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:fill-orange-200\/70:focus { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:fill-orange-200\/70:hover { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:fill-orange-200\/70:active { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:fill-orange-200\/80:focus { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:fill-orange-200\/80:hover { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:fill-orange-200\/80:active { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:fill-orange-200\/90:focus { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:fill-orange-200\/90:hover { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:fill-orange-200\/90:active { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:fill-orange-300:focus { + fill: var(--orange-300) +} +.hover\:fill-orange-300:hover { + fill: var(--orange-300) +} +.active\:fill-orange-300:active { + fill: var(--orange-300) +} +.focus\:fill-orange-300\/10:focus { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:fill-orange-300\/10:hover { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:fill-orange-300\/10:active { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:fill-orange-300\/20:focus { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:fill-orange-300\/20:hover { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:fill-orange-300\/20:active { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:fill-orange-300\/30:focus { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:fill-orange-300\/30:hover { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:fill-orange-300\/30:active { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:fill-orange-300\/40:focus { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:fill-orange-300\/40:hover { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:fill-orange-300\/40:active { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:fill-orange-300\/50:focus { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:fill-orange-300\/50:hover { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:fill-orange-300\/50:active { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:fill-orange-300\/60:focus { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:fill-orange-300\/60:hover { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:fill-orange-300\/60:active { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:fill-orange-300\/70:focus { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:fill-orange-300\/70:hover { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:fill-orange-300\/70:active { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:fill-orange-300\/80:focus { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:fill-orange-300\/80:hover { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:fill-orange-300\/80:active { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:fill-orange-300\/90:focus { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:fill-orange-300\/90:hover { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:fill-orange-300\/90:active { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:fill-orange-400:focus { + fill: var(--orange-400) +} +.hover\:fill-orange-400:hover { + fill: var(--orange-400) +} +.active\:fill-orange-400:active { + fill: var(--orange-400) +} +.focus\:fill-orange-400\/10:focus { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:fill-orange-400\/10:hover { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:fill-orange-400\/10:active { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:fill-orange-400\/20:focus { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:fill-orange-400\/20:hover { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:fill-orange-400\/20:active { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:fill-orange-400\/30:focus { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:fill-orange-400\/30:hover { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:fill-orange-400\/30:active { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:fill-orange-400\/40:focus { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:fill-orange-400\/40:hover { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:fill-orange-400\/40:active { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:fill-orange-400\/50:focus { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:fill-orange-400\/50:hover { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:fill-orange-400\/50:active { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:fill-orange-400\/60:focus { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:fill-orange-400\/60:hover { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:fill-orange-400\/60:active { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:fill-orange-400\/70:focus { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:fill-orange-400\/70:hover { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:fill-orange-400\/70:active { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:fill-orange-400\/80:focus { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:fill-orange-400\/80:hover { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:fill-orange-400\/80:active { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:fill-orange-400\/90:focus { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:fill-orange-400\/90:hover { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:fill-orange-400\/90:active { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:fill-orange-500:focus { + fill: var(--orange-500) +} +.hover\:fill-orange-500:hover { + fill: var(--orange-500) +} +.active\:fill-orange-500:active { + fill: var(--orange-500) +} +.focus\:fill-orange-500\/10:focus { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:fill-orange-500\/10:hover { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:fill-orange-500\/10:active { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:fill-orange-500\/20:focus { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:fill-orange-500\/20:hover { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:fill-orange-500\/20:active { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:fill-orange-500\/30:focus { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:fill-orange-500\/30:hover { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:fill-orange-500\/30:active { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:fill-orange-500\/40:focus { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:fill-orange-500\/40:hover { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:fill-orange-500\/40:active { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:fill-orange-500\/50:focus { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:fill-orange-500\/50:hover { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:fill-orange-500\/50:active { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:fill-orange-500\/60:focus { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:fill-orange-500\/60:hover { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:fill-orange-500\/60:active { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:fill-orange-500\/70:focus { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:fill-orange-500\/70:hover { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:fill-orange-500\/70:active { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:fill-orange-500\/80:focus { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:fill-orange-500\/80:hover { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:fill-orange-500\/80:active { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:fill-orange-500\/90:focus { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:fill-orange-500\/90:hover { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:fill-orange-500\/90:active { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:fill-orange-600:focus { + fill: var(--orange-600) +} +.hover\:fill-orange-600:hover { + fill: var(--orange-600) +} +.active\:fill-orange-600:active { + fill: var(--orange-600) +} +.focus\:fill-orange-600\/10:focus { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:fill-orange-600\/10:hover { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:fill-orange-600\/10:active { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:fill-orange-600\/20:focus { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:fill-orange-600\/20:hover { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:fill-orange-600\/20:active { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:fill-orange-600\/30:focus { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:fill-orange-600\/30:hover { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:fill-orange-600\/30:active { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:fill-orange-600\/40:focus { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:fill-orange-600\/40:hover { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:fill-orange-600\/40:active { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:fill-orange-600\/50:focus { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:fill-orange-600\/50:hover { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:fill-orange-600\/50:active { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:fill-orange-600\/60:focus { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:fill-orange-600\/60:hover { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:fill-orange-600\/60:active { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:fill-orange-600\/70:focus { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:fill-orange-600\/70:hover { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:fill-orange-600\/70:active { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:fill-orange-600\/80:focus { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:fill-orange-600\/80:hover { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:fill-orange-600\/80:active { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:fill-orange-600\/90:focus { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:fill-orange-600\/90:hover { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:fill-orange-600\/90:active { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:fill-orange-700:focus { + fill: var(--orange-700) +} +.hover\:fill-orange-700:hover { + fill: var(--orange-700) +} +.active\:fill-orange-700:active { + fill: var(--orange-700) +} +.focus\:fill-orange-700\/10:focus { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:fill-orange-700\/10:hover { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:fill-orange-700\/10:active { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:fill-orange-700\/20:focus { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:fill-orange-700\/20:hover { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:fill-orange-700\/20:active { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:fill-orange-700\/30:focus { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:fill-orange-700\/30:hover { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:fill-orange-700\/30:active { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:fill-orange-700\/40:focus { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:fill-orange-700\/40:hover { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:fill-orange-700\/40:active { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:fill-orange-700\/50:focus { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:fill-orange-700\/50:hover { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:fill-orange-700\/50:active { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:fill-orange-700\/60:focus { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:fill-orange-700\/60:hover { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:fill-orange-700\/60:active { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:fill-orange-700\/70:focus { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:fill-orange-700\/70:hover { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:fill-orange-700\/70:active { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:fill-orange-700\/80:focus { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:fill-orange-700\/80:hover { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:fill-orange-700\/80:active { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:fill-orange-700\/90:focus { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:fill-orange-700\/90:hover { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:fill-orange-700\/90:active { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:fill-orange-800:focus { + fill: var(--orange-800) +} +.hover\:fill-orange-800:hover { + fill: var(--orange-800) +} +.active\:fill-orange-800:active { + fill: var(--orange-800) +} +.focus\:fill-orange-800\/10:focus { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:fill-orange-800\/10:hover { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:fill-orange-800\/10:active { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:fill-orange-800\/20:focus { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:fill-orange-800\/20:hover { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:fill-orange-800\/20:active { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:fill-orange-800\/30:focus { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:fill-orange-800\/30:hover { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:fill-orange-800\/30:active { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:fill-orange-800\/40:focus { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:fill-orange-800\/40:hover { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:fill-orange-800\/40:active { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:fill-orange-800\/50:focus { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:fill-orange-800\/50:hover { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:fill-orange-800\/50:active { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:fill-orange-800\/60:focus { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:fill-orange-800\/60:hover { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:fill-orange-800\/60:active { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:fill-orange-800\/70:focus { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:fill-orange-800\/70:hover { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:fill-orange-800\/70:active { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:fill-orange-800\/80:focus { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:fill-orange-800\/80:hover { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:fill-orange-800\/80:active { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:fill-orange-800\/90:focus { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:fill-orange-800\/90:hover { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:fill-orange-800\/90:active { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:fill-orange-900:focus { + fill: var(--orange-900) +} +.hover\:fill-orange-900:hover { + fill: var(--orange-900) +} +.active\:fill-orange-900:active { + fill: var(--orange-900) +} +.focus\:fill-orange-900\/10:focus { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:fill-orange-900\/10:hover { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:fill-orange-900\/10:active { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:fill-orange-900\/20:focus { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:fill-orange-900\/20:hover { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:fill-orange-900\/20:active { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:fill-orange-900\/30:focus { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:fill-orange-900\/30:hover { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:fill-orange-900\/30:active { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:fill-orange-900\/40:focus { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:fill-orange-900\/40:hover { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:fill-orange-900\/40:active { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:fill-orange-900\/50:focus { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:fill-orange-900\/50:hover { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:fill-orange-900\/50:active { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:fill-orange-900\/60:focus { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:fill-orange-900\/60:hover { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:fill-orange-900\/60:active { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:fill-orange-900\/70:focus { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:fill-orange-900\/70:hover { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:fill-orange-900\/70:active { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:fill-orange-900\/80:focus { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:fill-orange-900\/80:hover { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:fill-orange-900\/80:active { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:fill-orange-900\/90:focus { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:fill-orange-900\/90:hover { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:fill-orange-900\/90:active { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:fill-bluegray-50:focus { + fill: var(--bluegray-50) +} +.hover\:fill-bluegray-50:hover { + fill: var(--bluegray-50) +} +.active\:fill-bluegray-50:active { + fill: var(--bluegray-50) +} +.focus\:fill-bluegray-50\/10:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:fill-bluegray-50\/10:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:fill-bluegray-50\/10:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:fill-bluegray-50\/20:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:fill-bluegray-50\/20:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:fill-bluegray-50\/20:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:fill-bluegray-50\/30:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:fill-bluegray-50\/30:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:fill-bluegray-50\/30:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:fill-bluegray-50\/40:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:fill-bluegray-50\/40:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:fill-bluegray-50\/40:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:fill-bluegray-50\/50:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:fill-bluegray-50\/50:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:fill-bluegray-50\/50:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:fill-bluegray-50\/60:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:fill-bluegray-50\/60:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:fill-bluegray-50\/60:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:fill-bluegray-50\/70:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:fill-bluegray-50\/70:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:fill-bluegray-50\/70:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:fill-bluegray-50\/80:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:fill-bluegray-50\/80:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:fill-bluegray-50\/80:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:fill-bluegray-50\/90:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:fill-bluegray-50\/90:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:fill-bluegray-50\/90:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:fill-bluegray-100:focus { + fill: var(--bluegray-100) +} +.hover\:fill-bluegray-100:hover { + fill: var(--bluegray-100) +} +.active\:fill-bluegray-100:active { + fill: var(--bluegray-100) +} +.focus\:fill-bluegray-100\/10:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:fill-bluegray-100\/10:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:fill-bluegray-100\/10:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:fill-bluegray-100\/20:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:fill-bluegray-100\/20:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:fill-bluegray-100\/20:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:fill-bluegray-100\/30:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:fill-bluegray-100\/30:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:fill-bluegray-100\/30:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:fill-bluegray-100\/40:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:fill-bluegray-100\/40:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:fill-bluegray-100\/40:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:fill-bluegray-100\/50:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:fill-bluegray-100\/50:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:fill-bluegray-100\/50:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:fill-bluegray-100\/60:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:fill-bluegray-100\/60:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:fill-bluegray-100\/60:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:fill-bluegray-100\/70:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:fill-bluegray-100\/70:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:fill-bluegray-100\/70:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:fill-bluegray-100\/80:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:fill-bluegray-100\/80:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:fill-bluegray-100\/80:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:fill-bluegray-100\/90:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:fill-bluegray-100\/90:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:fill-bluegray-100\/90:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:fill-bluegray-200:focus { + fill: var(--bluegray-200) +} +.hover\:fill-bluegray-200:hover { + fill: var(--bluegray-200) +} +.active\:fill-bluegray-200:active { + fill: var(--bluegray-200) +} +.focus\:fill-bluegray-200\/10:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:fill-bluegray-200\/10:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:fill-bluegray-200\/10:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:fill-bluegray-200\/20:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:fill-bluegray-200\/20:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:fill-bluegray-200\/20:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:fill-bluegray-200\/30:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:fill-bluegray-200\/30:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:fill-bluegray-200\/30:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:fill-bluegray-200\/40:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:fill-bluegray-200\/40:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:fill-bluegray-200\/40:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:fill-bluegray-200\/50:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:fill-bluegray-200\/50:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:fill-bluegray-200\/50:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:fill-bluegray-200\/60:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:fill-bluegray-200\/60:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:fill-bluegray-200\/60:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:fill-bluegray-200\/70:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:fill-bluegray-200\/70:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:fill-bluegray-200\/70:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:fill-bluegray-200\/80:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:fill-bluegray-200\/80:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:fill-bluegray-200\/80:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:fill-bluegray-200\/90:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:fill-bluegray-200\/90:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:fill-bluegray-200\/90:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:fill-bluegray-300:focus { + fill: var(--bluegray-300) +} +.hover\:fill-bluegray-300:hover { + fill: var(--bluegray-300) +} +.active\:fill-bluegray-300:active { + fill: var(--bluegray-300) +} +.focus\:fill-bluegray-300\/10:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:fill-bluegray-300\/10:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:fill-bluegray-300\/10:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:fill-bluegray-300\/20:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:fill-bluegray-300\/20:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:fill-bluegray-300\/20:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:fill-bluegray-300\/30:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:fill-bluegray-300\/30:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:fill-bluegray-300\/30:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:fill-bluegray-300\/40:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:fill-bluegray-300\/40:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:fill-bluegray-300\/40:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:fill-bluegray-300\/50:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:fill-bluegray-300\/50:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:fill-bluegray-300\/50:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:fill-bluegray-300\/60:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:fill-bluegray-300\/60:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:fill-bluegray-300\/60:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:fill-bluegray-300\/70:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:fill-bluegray-300\/70:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:fill-bluegray-300\/70:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:fill-bluegray-300\/80:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:fill-bluegray-300\/80:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:fill-bluegray-300\/80:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:fill-bluegray-300\/90:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:fill-bluegray-300\/90:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:fill-bluegray-300\/90:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:fill-bluegray-400:focus { + fill: var(--bluegray-400) +} +.hover\:fill-bluegray-400:hover { + fill: var(--bluegray-400) +} +.active\:fill-bluegray-400:active { + fill: var(--bluegray-400) +} +.focus\:fill-bluegray-400\/10:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:fill-bluegray-400\/10:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:fill-bluegray-400\/10:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:fill-bluegray-400\/20:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:fill-bluegray-400\/20:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:fill-bluegray-400\/20:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:fill-bluegray-400\/30:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:fill-bluegray-400\/30:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:fill-bluegray-400\/30:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:fill-bluegray-400\/40:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:fill-bluegray-400\/40:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:fill-bluegray-400\/40:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:fill-bluegray-400\/50:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:fill-bluegray-400\/50:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:fill-bluegray-400\/50:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:fill-bluegray-400\/60:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:fill-bluegray-400\/60:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:fill-bluegray-400\/60:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:fill-bluegray-400\/70:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:fill-bluegray-400\/70:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:fill-bluegray-400\/70:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:fill-bluegray-400\/80:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:fill-bluegray-400\/80:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:fill-bluegray-400\/80:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:fill-bluegray-400\/90:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:fill-bluegray-400\/90:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:fill-bluegray-400\/90:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:fill-bluegray-500:focus { + fill: var(--bluegray-500) +} +.hover\:fill-bluegray-500:hover { + fill: var(--bluegray-500) +} +.active\:fill-bluegray-500:active { + fill: var(--bluegray-500) +} +.focus\:fill-bluegray-500\/10:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:fill-bluegray-500\/10:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:fill-bluegray-500\/10:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:fill-bluegray-500\/20:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:fill-bluegray-500\/20:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:fill-bluegray-500\/20:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:fill-bluegray-500\/30:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:fill-bluegray-500\/30:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:fill-bluegray-500\/30:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:fill-bluegray-500\/40:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:fill-bluegray-500\/40:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:fill-bluegray-500\/40:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:fill-bluegray-500\/50:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:fill-bluegray-500\/50:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:fill-bluegray-500\/50:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:fill-bluegray-500\/60:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:fill-bluegray-500\/60:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:fill-bluegray-500\/60:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:fill-bluegray-500\/70:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:fill-bluegray-500\/70:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:fill-bluegray-500\/70:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:fill-bluegray-500\/80:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:fill-bluegray-500\/80:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:fill-bluegray-500\/80:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:fill-bluegray-500\/90:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:fill-bluegray-500\/90:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:fill-bluegray-500\/90:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:fill-bluegray-600:focus { + fill: var(--bluegray-600) +} +.hover\:fill-bluegray-600:hover { + fill: var(--bluegray-600) +} +.active\:fill-bluegray-600:active { + fill: var(--bluegray-600) +} +.focus\:fill-bluegray-600\/10:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:fill-bluegray-600\/10:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:fill-bluegray-600\/10:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:fill-bluegray-600\/20:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:fill-bluegray-600\/20:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:fill-bluegray-600\/20:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:fill-bluegray-600\/30:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:fill-bluegray-600\/30:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:fill-bluegray-600\/30:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:fill-bluegray-600\/40:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:fill-bluegray-600\/40:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:fill-bluegray-600\/40:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:fill-bluegray-600\/50:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:fill-bluegray-600\/50:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:fill-bluegray-600\/50:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:fill-bluegray-600\/60:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:fill-bluegray-600\/60:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:fill-bluegray-600\/60:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:fill-bluegray-600\/70:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:fill-bluegray-600\/70:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:fill-bluegray-600\/70:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:fill-bluegray-600\/80:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:fill-bluegray-600\/80:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:fill-bluegray-600\/80:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:fill-bluegray-600\/90:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:fill-bluegray-600\/90:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:fill-bluegray-600\/90:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:fill-bluegray-700:focus { + fill: var(--bluegray-700) +} +.hover\:fill-bluegray-700:hover { + fill: var(--bluegray-700) +} +.active\:fill-bluegray-700:active { + fill: var(--bluegray-700) +} +.focus\:fill-bluegray-700\/10:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:fill-bluegray-700\/10:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:fill-bluegray-700\/10:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:fill-bluegray-700\/20:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:fill-bluegray-700\/20:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:fill-bluegray-700\/20:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:fill-bluegray-700\/30:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:fill-bluegray-700\/30:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:fill-bluegray-700\/30:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:fill-bluegray-700\/40:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:fill-bluegray-700\/40:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:fill-bluegray-700\/40:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:fill-bluegray-700\/50:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:fill-bluegray-700\/50:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:fill-bluegray-700\/50:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:fill-bluegray-700\/60:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:fill-bluegray-700\/60:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:fill-bluegray-700\/60:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:fill-bluegray-700\/70:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:fill-bluegray-700\/70:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:fill-bluegray-700\/70:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:fill-bluegray-700\/80:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:fill-bluegray-700\/80:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:fill-bluegray-700\/80:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:fill-bluegray-700\/90:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:fill-bluegray-700\/90:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:fill-bluegray-700\/90:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:fill-bluegray-800:focus { + fill: var(--bluegray-800) +} +.hover\:fill-bluegray-800:hover { + fill: var(--bluegray-800) +} +.active\:fill-bluegray-800:active { + fill: var(--bluegray-800) +} +.focus\:fill-bluegray-800\/10:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:fill-bluegray-800\/10:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:fill-bluegray-800\/10:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:fill-bluegray-800\/20:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:fill-bluegray-800\/20:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:fill-bluegray-800\/20:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:fill-bluegray-800\/30:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:fill-bluegray-800\/30:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:fill-bluegray-800\/30:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:fill-bluegray-800\/40:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:fill-bluegray-800\/40:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:fill-bluegray-800\/40:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:fill-bluegray-800\/50:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:fill-bluegray-800\/50:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:fill-bluegray-800\/50:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:fill-bluegray-800\/60:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:fill-bluegray-800\/60:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:fill-bluegray-800\/60:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:fill-bluegray-800\/70:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:fill-bluegray-800\/70:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:fill-bluegray-800\/70:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:fill-bluegray-800\/80:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:fill-bluegray-800\/80:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:fill-bluegray-800\/80:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:fill-bluegray-800\/90:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:fill-bluegray-800\/90:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:fill-bluegray-800\/90:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:fill-bluegray-900:focus { + fill: var(--bluegray-900) +} +.hover\:fill-bluegray-900:hover { + fill: var(--bluegray-900) +} +.active\:fill-bluegray-900:active { + fill: var(--bluegray-900) +} +.focus\:fill-bluegray-900\/10:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:fill-bluegray-900\/10:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:fill-bluegray-900\/10:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:fill-bluegray-900\/20:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:fill-bluegray-900\/20:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:fill-bluegray-900\/20:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:fill-bluegray-900\/30:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:fill-bluegray-900\/30:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:fill-bluegray-900\/30:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:fill-bluegray-900\/40:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:fill-bluegray-900\/40:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:fill-bluegray-900\/40:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:fill-bluegray-900\/50:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:fill-bluegray-900\/50:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:fill-bluegray-900\/50:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:fill-bluegray-900\/60:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:fill-bluegray-900\/60:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:fill-bluegray-900\/60:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:fill-bluegray-900\/70:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:fill-bluegray-900\/70:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:fill-bluegray-900\/70:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:fill-bluegray-900\/80:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:fill-bluegray-900\/80:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:fill-bluegray-900\/80:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:fill-bluegray-900\/90:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:fill-bluegray-900\/90:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:fill-bluegray-900\/90:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:fill-purple-50:focus { + fill: var(--purple-50) +} +.hover\:fill-purple-50:hover { + fill: var(--purple-50) +} +.active\:fill-purple-50:active { + fill: var(--purple-50) +} +.focus\:fill-purple-50\/10:focus { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:fill-purple-50\/10:hover { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:fill-purple-50\/10:active { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:fill-purple-50\/20:focus { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:fill-purple-50\/20:hover { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:fill-purple-50\/20:active { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:fill-purple-50\/30:focus { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:fill-purple-50\/30:hover { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:fill-purple-50\/30:active { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:fill-purple-50\/40:focus { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:fill-purple-50\/40:hover { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:fill-purple-50\/40:active { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:fill-purple-50\/50:focus { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:fill-purple-50\/50:hover { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:fill-purple-50\/50:active { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:fill-purple-50\/60:focus { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:fill-purple-50\/60:hover { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:fill-purple-50\/60:active { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:fill-purple-50\/70:focus { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:fill-purple-50\/70:hover { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:fill-purple-50\/70:active { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:fill-purple-50\/80:focus { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:fill-purple-50\/80:hover { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:fill-purple-50\/80:active { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:fill-purple-50\/90:focus { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:fill-purple-50\/90:hover { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:fill-purple-50\/90:active { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:fill-purple-100:focus { + fill: var(--purple-100) +} +.hover\:fill-purple-100:hover { + fill: var(--purple-100) +} +.active\:fill-purple-100:active { + fill: var(--purple-100) +} +.focus\:fill-purple-100\/10:focus { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:fill-purple-100\/10:hover { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:fill-purple-100\/10:active { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:fill-purple-100\/20:focus { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:fill-purple-100\/20:hover { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:fill-purple-100\/20:active { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:fill-purple-100\/30:focus { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:fill-purple-100\/30:hover { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:fill-purple-100\/30:active { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:fill-purple-100\/40:focus { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:fill-purple-100\/40:hover { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:fill-purple-100\/40:active { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:fill-purple-100\/50:focus { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:fill-purple-100\/50:hover { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:fill-purple-100\/50:active { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:fill-purple-100\/60:focus { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:fill-purple-100\/60:hover { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:fill-purple-100\/60:active { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:fill-purple-100\/70:focus { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:fill-purple-100\/70:hover { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:fill-purple-100\/70:active { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:fill-purple-100\/80:focus { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:fill-purple-100\/80:hover { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:fill-purple-100\/80:active { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:fill-purple-100\/90:focus { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:fill-purple-100\/90:hover { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:fill-purple-100\/90:active { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:fill-purple-200:focus { + fill: var(--purple-200) +} +.hover\:fill-purple-200:hover { + fill: var(--purple-200) +} +.active\:fill-purple-200:active { + fill: var(--purple-200) +} +.focus\:fill-purple-200\/10:focus { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:fill-purple-200\/10:hover { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:fill-purple-200\/10:active { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:fill-purple-200\/20:focus { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:fill-purple-200\/20:hover { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:fill-purple-200\/20:active { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:fill-purple-200\/30:focus { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:fill-purple-200\/30:hover { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:fill-purple-200\/30:active { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:fill-purple-200\/40:focus { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:fill-purple-200\/40:hover { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:fill-purple-200\/40:active { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:fill-purple-200\/50:focus { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:fill-purple-200\/50:hover { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:fill-purple-200\/50:active { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:fill-purple-200\/60:focus { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:fill-purple-200\/60:hover { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:fill-purple-200\/60:active { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:fill-purple-200\/70:focus { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:fill-purple-200\/70:hover { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:fill-purple-200\/70:active { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:fill-purple-200\/80:focus { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:fill-purple-200\/80:hover { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:fill-purple-200\/80:active { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:fill-purple-200\/90:focus { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:fill-purple-200\/90:hover { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:fill-purple-200\/90:active { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:fill-purple-300:focus { + fill: var(--purple-300) +} +.hover\:fill-purple-300:hover { + fill: var(--purple-300) +} +.active\:fill-purple-300:active { + fill: var(--purple-300) +} +.focus\:fill-purple-300\/10:focus { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:fill-purple-300\/10:hover { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:fill-purple-300\/10:active { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:fill-purple-300\/20:focus { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:fill-purple-300\/20:hover { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:fill-purple-300\/20:active { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:fill-purple-300\/30:focus { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:fill-purple-300\/30:hover { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:fill-purple-300\/30:active { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:fill-purple-300\/40:focus { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:fill-purple-300\/40:hover { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:fill-purple-300\/40:active { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:fill-purple-300\/50:focus { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:fill-purple-300\/50:hover { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:fill-purple-300\/50:active { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:fill-purple-300\/60:focus { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:fill-purple-300\/60:hover { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:fill-purple-300\/60:active { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:fill-purple-300\/70:focus { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:fill-purple-300\/70:hover { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:fill-purple-300\/70:active { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:fill-purple-300\/80:focus { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:fill-purple-300\/80:hover { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:fill-purple-300\/80:active { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:fill-purple-300\/90:focus { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:fill-purple-300\/90:hover { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:fill-purple-300\/90:active { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:fill-purple-400:focus { + fill: var(--purple-400) +} +.hover\:fill-purple-400:hover { + fill: var(--purple-400) +} +.active\:fill-purple-400:active { + fill: var(--purple-400) +} +.focus\:fill-purple-400\/10:focus { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:fill-purple-400\/10:hover { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:fill-purple-400\/10:active { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:fill-purple-400\/20:focus { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:fill-purple-400\/20:hover { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:fill-purple-400\/20:active { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:fill-purple-400\/30:focus { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:fill-purple-400\/30:hover { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:fill-purple-400\/30:active { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:fill-purple-400\/40:focus { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:fill-purple-400\/40:hover { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:fill-purple-400\/40:active { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:fill-purple-400\/50:focus { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:fill-purple-400\/50:hover { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:fill-purple-400\/50:active { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:fill-purple-400\/60:focus { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:fill-purple-400\/60:hover { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:fill-purple-400\/60:active { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:fill-purple-400\/70:focus { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:fill-purple-400\/70:hover { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:fill-purple-400\/70:active { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:fill-purple-400\/80:focus { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:fill-purple-400\/80:hover { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:fill-purple-400\/80:active { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:fill-purple-400\/90:focus { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:fill-purple-400\/90:hover { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:fill-purple-400\/90:active { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:fill-purple-500:focus { + fill: var(--purple-500) +} +.hover\:fill-purple-500:hover { + fill: var(--purple-500) +} +.active\:fill-purple-500:active { + fill: var(--purple-500) +} +.focus\:fill-purple-500\/10:focus { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:fill-purple-500\/10:hover { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:fill-purple-500\/10:active { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:fill-purple-500\/20:focus { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:fill-purple-500\/20:hover { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:fill-purple-500\/20:active { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:fill-purple-500\/30:focus { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:fill-purple-500\/30:hover { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:fill-purple-500\/30:active { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:fill-purple-500\/40:focus { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:fill-purple-500\/40:hover { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:fill-purple-500\/40:active { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:fill-purple-500\/50:focus { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:fill-purple-500\/50:hover { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:fill-purple-500\/50:active { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:fill-purple-500\/60:focus { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:fill-purple-500\/60:hover { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:fill-purple-500\/60:active { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:fill-purple-500\/70:focus { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:fill-purple-500\/70:hover { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:fill-purple-500\/70:active { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:fill-purple-500\/80:focus { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:fill-purple-500\/80:hover { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:fill-purple-500\/80:active { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:fill-purple-500\/90:focus { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:fill-purple-500\/90:hover { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:fill-purple-500\/90:active { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:fill-purple-600:focus { + fill: var(--purple-600) +} +.hover\:fill-purple-600:hover { + fill: var(--purple-600) +} +.active\:fill-purple-600:active { + fill: var(--purple-600) +} +.focus\:fill-purple-600\/10:focus { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:fill-purple-600\/10:hover { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:fill-purple-600\/10:active { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:fill-purple-600\/20:focus { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:fill-purple-600\/20:hover { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:fill-purple-600\/20:active { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:fill-purple-600\/30:focus { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:fill-purple-600\/30:hover { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:fill-purple-600\/30:active { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:fill-purple-600\/40:focus { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:fill-purple-600\/40:hover { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:fill-purple-600\/40:active { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:fill-purple-600\/50:focus { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:fill-purple-600\/50:hover { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:fill-purple-600\/50:active { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:fill-purple-600\/60:focus { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:fill-purple-600\/60:hover { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:fill-purple-600\/60:active { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:fill-purple-600\/70:focus { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:fill-purple-600\/70:hover { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:fill-purple-600\/70:active { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:fill-purple-600\/80:focus { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:fill-purple-600\/80:hover { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:fill-purple-600\/80:active { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:fill-purple-600\/90:focus { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:fill-purple-600\/90:hover { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:fill-purple-600\/90:active { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:fill-purple-700:focus { + fill: var(--purple-700) +} +.hover\:fill-purple-700:hover { + fill: var(--purple-700) +} +.active\:fill-purple-700:active { + fill: var(--purple-700) +} +.focus\:fill-purple-700\/10:focus { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:fill-purple-700\/10:hover { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:fill-purple-700\/10:active { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:fill-purple-700\/20:focus { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:fill-purple-700\/20:hover { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:fill-purple-700\/20:active { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:fill-purple-700\/30:focus { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:fill-purple-700\/30:hover { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:fill-purple-700\/30:active { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:fill-purple-700\/40:focus { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:fill-purple-700\/40:hover { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:fill-purple-700\/40:active { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:fill-purple-700\/50:focus { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:fill-purple-700\/50:hover { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:fill-purple-700\/50:active { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:fill-purple-700\/60:focus { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:fill-purple-700\/60:hover { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:fill-purple-700\/60:active { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:fill-purple-700\/70:focus { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:fill-purple-700\/70:hover { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:fill-purple-700\/70:active { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:fill-purple-700\/80:focus { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:fill-purple-700\/80:hover { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:fill-purple-700\/80:active { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:fill-purple-700\/90:focus { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:fill-purple-700\/90:hover { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:fill-purple-700\/90:active { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:fill-purple-800:focus { + fill: var(--purple-800) +} +.hover\:fill-purple-800:hover { + fill: var(--purple-800) +} +.active\:fill-purple-800:active { + fill: var(--purple-800) +} +.focus\:fill-purple-800\/10:focus { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:fill-purple-800\/10:hover { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:fill-purple-800\/10:active { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:fill-purple-800\/20:focus { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:fill-purple-800\/20:hover { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:fill-purple-800\/20:active { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:fill-purple-800\/30:focus { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:fill-purple-800\/30:hover { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:fill-purple-800\/30:active { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:fill-purple-800\/40:focus { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:fill-purple-800\/40:hover { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:fill-purple-800\/40:active { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:fill-purple-800\/50:focus { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:fill-purple-800\/50:hover { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:fill-purple-800\/50:active { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:fill-purple-800\/60:focus { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:fill-purple-800\/60:hover { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:fill-purple-800\/60:active { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:fill-purple-800\/70:focus { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:fill-purple-800\/70:hover { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:fill-purple-800\/70:active { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:fill-purple-800\/80:focus { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:fill-purple-800\/80:hover { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:fill-purple-800\/80:active { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:fill-purple-800\/90:focus { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:fill-purple-800\/90:hover { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:fill-purple-800\/90:active { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:fill-purple-900:focus { + fill: var(--purple-900) +} +.hover\:fill-purple-900:hover { + fill: var(--purple-900) +} +.active\:fill-purple-900:active { + fill: var(--purple-900) +} +.focus\:fill-purple-900\/10:focus { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:fill-purple-900\/10:hover { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:fill-purple-900\/10:active { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:fill-purple-900\/20:focus { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:fill-purple-900\/20:hover { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:fill-purple-900\/20:active { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:fill-purple-900\/30:focus { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:fill-purple-900\/30:hover { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:fill-purple-900\/30:active { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:fill-purple-900\/40:focus { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:fill-purple-900\/40:hover { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:fill-purple-900\/40:active { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:fill-purple-900\/50:focus { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:fill-purple-900\/50:hover { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:fill-purple-900\/50:active { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:fill-purple-900\/60:focus { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:fill-purple-900\/60:hover { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:fill-purple-900\/60:active { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:fill-purple-900\/70:focus { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:fill-purple-900\/70:hover { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:fill-purple-900\/70:active { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:fill-purple-900\/80:focus { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:fill-purple-900\/80:hover { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:fill-purple-900\/80:active { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:fill-purple-900\/90:focus { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:fill-purple-900\/90:hover { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:fill-purple-900\/90:active { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:fill-red-50:focus { + fill: var(--red-50) +} +.hover\:fill-red-50:hover { + fill: var(--red-50) +} +.active\:fill-red-50:active { + fill: var(--red-50) +} +.focus\:fill-red-50\/10:focus { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:fill-red-50\/10:hover { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:fill-red-50\/10:active { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:fill-red-50\/20:focus { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:fill-red-50\/20:hover { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:fill-red-50\/20:active { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:fill-red-50\/30:focus { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:fill-red-50\/30:hover { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:fill-red-50\/30:active { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:fill-red-50\/40:focus { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:fill-red-50\/40:hover { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:fill-red-50\/40:active { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:fill-red-50\/50:focus { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:fill-red-50\/50:hover { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:fill-red-50\/50:active { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:fill-red-50\/60:focus { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:fill-red-50\/60:hover { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:fill-red-50\/60:active { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:fill-red-50\/70:focus { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:fill-red-50\/70:hover { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:fill-red-50\/70:active { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:fill-red-50\/80:focus { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:fill-red-50\/80:hover { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:fill-red-50\/80:active { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:fill-red-50\/90:focus { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:fill-red-50\/90:hover { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:fill-red-50\/90:active { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:fill-red-100:focus { + fill: var(--red-100) +} +.hover\:fill-red-100:hover { + fill: var(--red-100) +} +.active\:fill-red-100:active { + fill: var(--red-100) +} +.focus\:fill-red-100\/10:focus { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:fill-red-100\/10:hover { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:fill-red-100\/10:active { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:fill-red-100\/20:focus { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:fill-red-100\/20:hover { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:fill-red-100\/20:active { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:fill-red-100\/30:focus { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:fill-red-100\/30:hover { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:fill-red-100\/30:active { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:fill-red-100\/40:focus { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:fill-red-100\/40:hover { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:fill-red-100\/40:active { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:fill-red-100\/50:focus { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:fill-red-100\/50:hover { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:fill-red-100\/50:active { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:fill-red-100\/60:focus { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:fill-red-100\/60:hover { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:fill-red-100\/60:active { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:fill-red-100\/70:focus { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:fill-red-100\/70:hover { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:fill-red-100\/70:active { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:fill-red-100\/80:focus { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:fill-red-100\/80:hover { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:fill-red-100\/80:active { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:fill-red-100\/90:focus { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:fill-red-100\/90:hover { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:fill-red-100\/90:active { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:fill-red-200:focus { + fill: var(--red-200) +} +.hover\:fill-red-200:hover { + fill: var(--red-200) +} +.active\:fill-red-200:active { + fill: var(--red-200) +} +.focus\:fill-red-200\/10:focus { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:fill-red-200\/10:hover { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:fill-red-200\/10:active { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:fill-red-200\/20:focus { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:fill-red-200\/20:hover { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:fill-red-200\/20:active { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:fill-red-200\/30:focus { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:fill-red-200\/30:hover { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:fill-red-200\/30:active { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:fill-red-200\/40:focus { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:fill-red-200\/40:hover { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:fill-red-200\/40:active { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:fill-red-200\/50:focus { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:fill-red-200\/50:hover { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:fill-red-200\/50:active { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:fill-red-200\/60:focus { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:fill-red-200\/60:hover { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:fill-red-200\/60:active { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:fill-red-200\/70:focus { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:fill-red-200\/70:hover { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:fill-red-200\/70:active { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:fill-red-200\/80:focus { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:fill-red-200\/80:hover { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:fill-red-200\/80:active { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:fill-red-200\/90:focus { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:fill-red-200\/90:hover { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:fill-red-200\/90:active { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:fill-red-300:focus { + fill: var(--red-300) +} +.hover\:fill-red-300:hover { + fill: var(--red-300) +} +.active\:fill-red-300:active { + fill: var(--red-300) +} +.focus\:fill-red-300\/10:focus { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:fill-red-300\/10:hover { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:fill-red-300\/10:active { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:fill-red-300\/20:focus { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:fill-red-300\/20:hover { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:fill-red-300\/20:active { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:fill-red-300\/30:focus { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:fill-red-300\/30:hover { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:fill-red-300\/30:active { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:fill-red-300\/40:focus { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:fill-red-300\/40:hover { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:fill-red-300\/40:active { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:fill-red-300\/50:focus { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:fill-red-300\/50:hover { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:fill-red-300\/50:active { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:fill-red-300\/60:focus { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:fill-red-300\/60:hover { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:fill-red-300\/60:active { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:fill-red-300\/70:focus { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:fill-red-300\/70:hover { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:fill-red-300\/70:active { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:fill-red-300\/80:focus { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:fill-red-300\/80:hover { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:fill-red-300\/80:active { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:fill-red-300\/90:focus { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:fill-red-300\/90:hover { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:fill-red-300\/90:active { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:fill-red-400:focus { + fill: var(--red-400) +} +.hover\:fill-red-400:hover { + fill: var(--red-400) +} +.active\:fill-red-400:active { + fill: var(--red-400) +} +.focus\:fill-red-400\/10:focus { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:fill-red-400\/10:hover { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:fill-red-400\/10:active { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:fill-red-400\/20:focus { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:fill-red-400\/20:hover { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:fill-red-400\/20:active { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:fill-red-400\/30:focus { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:fill-red-400\/30:hover { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:fill-red-400\/30:active { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:fill-red-400\/40:focus { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:fill-red-400\/40:hover { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:fill-red-400\/40:active { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:fill-red-400\/50:focus { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:fill-red-400\/50:hover { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:fill-red-400\/50:active { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:fill-red-400\/60:focus { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:fill-red-400\/60:hover { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:fill-red-400\/60:active { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:fill-red-400\/70:focus { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:fill-red-400\/70:hover { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:fill-red-400\/70:active { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:fill-red-400\/80:focus { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:fill-red-400\/80:hover { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:fill-red-400\/80:active { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:fill-red-400\/90:focus { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:fill-red-400\/90:hover { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:fill-red-400\/90:active { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:fill-red-500:focus { + fill: var(--red-500) +} +.hover\:fill-red-500:hover { + fill: var(--red-500) +} +.active\:fill-red-500:active { + fill: var(--red-500) +} +.focus\:fill-red-500\/10:focus { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:fill-red-500\/10:hover { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:fill-red-500\/10:active { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:fill-red-500\/20:focus { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:fill-red-500\/20:hover { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:fill-red-500\/20:active { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:fill-red-500\/30:focus { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:fill-red-500\/30:hover { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:fill-red-500\/30:active { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:fill-red-500\/40:focus { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:fill-red-500\/40:hover { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:fill-red-500\/40:active { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:fill-red-500\/50:focus { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:fill-red-500\/50:hover { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:fill-red-500\/50:active { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:fill-red-500\/60:focus { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:fill-red-500\/60:hover { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:fill-red-500\/60:active { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:fill-red-500\/70:focus { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:fill-red-500\/70:hover { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:fill-red-500\/70:active { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:fill-red-500\/80:focus { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:fill-red-500\/80:hover { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:fill-red-500\/80:active { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:fill-red-500\/90:focus { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:fill-red-500\/90:hover { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:fill-red-500\/90:active { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:fill-red-600:focus { + fill: var(--red-600) +} +.hover\:fill-red-600:hover { + fill: var(--red-600) +} +.active\:fill-red-600:active { + fill: var(--red-600) +} +.focus\:fill-red-600\/10:focus { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:fill-red-600\/10:hover { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:fill-red-600\/10:active { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:fill-red-600\/20:focus { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:fill-red-600\/20:hover { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:fill-red-600\/20:active { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:fill-red-600\/30:focus { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:fill-red-600\/30:hover { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:fill-red-600\/30:active { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:fill-red-600\/40:focus { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:fill-red-600\/40:hover { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:fill-red-600\/40:active { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:fill-red-600\/50:focus { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:fill-red-600\/50:hover { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:fill-red-600\/50:active { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:fill-red-600\/60:focus { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:fill-red-600\/60:hover { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:fill-red-600\/60:active { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:fill-red-600\/70:focus { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:fill-red-600\/70:hover { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:fill-red-600\/70:active { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:fill-red-600\/80:focus { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:fill-red-600\/80:hover { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:fill-red-600\/80:active { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:fill-red-600\/90:focus { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:fill-red-600\/90:hover { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:fill-red-600\/90:active { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:fill-red-700:focus { + fill: var(--red-700) +} +.hover\:fill-red-700:hover { + fill: var(--red-700) +} +.active\:fill-red-700:active { + fill: var(--red-700) +} +.focus\:fill-red-700\/10:focus { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:fill-red-700\/10:hover { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:fill-red-700\/10:active { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:fill-red-700\/20:focus { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:fill-red-700\/20:hover { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:fill-red-700\/20:active { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:fill-red-700\/30:focus { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:fill-red-700\/30:hover { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:fill-red-700\/30:active { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:fill-red-700\/40:focus { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:fill-red-700\/40:hover { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:fill-red-700\/40:active { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:fill-red-700\/50:focus { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:fill-red-700\/50:hover { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:fill-red-700\/50:active { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:fill-red-700\/60:focus { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:fill-red-700\/60:hover { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:fill-red-700\/60:active { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:fill-red-700\/70:focus { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:fill-red-700\/70:hover { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:fill-red-700\/70:active { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:fill-red-700\/80:focus { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:fill-red-700\/80:hover { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:fill-red-700\/80:active { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:fill-red-700\/90:focus { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:fill-red-700\/90:hover { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:fill-red-700\/90:active { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:fill-red-800:focus { + fill: var(--red-800) +} +.hover\:fill-red-800:hover { + fill: var(--red-800) +} +.active\:fill-red-800:active { + fill: var(--red-800) +} +.focus\:fill-red-800\/10:focus { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:fill-red-800\/10:hover { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:fill-red-800\/10:active { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:fill-red-800\/20:focus { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:fill-red-800\/20:hover { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:fill-red-800\/20:active { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:fill-red-800\/30:focus { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:fill-red-800\/30:hover { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:fill-red-800\/30:active { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:fill-red-800\/40:focus { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:fill-red-800\/40:hover { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:fill-red-800\/40:active { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:fill-red-800\/50:focus { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:fill-red-800\/50:hover { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:fill-red-800\/50:active { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:fill-red-800\/60:focus { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:fill-red-800\/60:hover { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:fill-red-800\/60:active { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:fill-red-800\/70:focus { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:fill-red-800\/70:hover { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:fill-red-800\/70:active { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:fill-red-800\/80:focus { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:fill-red-800\/80:hover { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:fill-red-800\/80:active { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:fill-red-800\/90:focus { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:fill-red-800\/90:hover { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:fill-red-800\/90:active { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:fill-red-900:focus { + fill: var(--red-900) +} +.hover\:fill-red-900:hover { + fill: var(--red-900) +} +.active\:fill-red-900:active { + fill: var(--red-900) +} +.focus\:fill-red-900\/10:focus { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:fill-red-900\/10:hover { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:fill-red-900\/10:active { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:fill-red-900\/20:focus { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:fill-red-900\/20:hover { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:fill-red-900\/20:active { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:fill-red-900\/30:focus { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:fill-red-900\/30:hover { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:fill-red-900\/30:active { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:fill-red-900\/40:focus { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:fill-red-900\/40:hover { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:fill-red-900\/40:active { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:fill-red-900\/50:focus { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:fill-red-900\/50:hover { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:fill-red-900\/50:active { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:fill-red-900\/60:focus { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:fill-red-900\/60:hover { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:fill-red-900\/60:active { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:fill-red-900\/70:focus { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:fill-red-900\/70:hover { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:fill-red-900\/70:active { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:fill-red-900\/80:focus { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:fill-red-900\/80:hover { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:fill-red-900\/80:active { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:fill-red-900\/90:focus { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:fill-red-900\/90:hover { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:fill-red-900\/90:active { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:fill-gray-50:focus { + fill: var(--gray-50) +} +.hover\:fill-gray-50:hover { + fill: var(--gray-50) +} +.active\:fill-gray-50:active { + fill: var(--gray-50) +} +.focus\:fill-gray-50\/10:focus { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:fill-gray-50\/10:hover { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:fill-gray-50\/10:active { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:fill-gray-50\/20:focus { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:fill-gray-50\/20:hover { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:fill-gray-50\/20:active { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:fill-gray-50\/30:focus { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:fill-gray-50\/30:hover { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:fill-gray-50\/30:active { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:fill-gray-50\/40:focus { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:fill-gray-50\/40:hover { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:fill-gray-50\/40:active { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:fill-gray-50\/50:focus { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:fill-gray-50\/50:hover { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:fill-gray-50\/50:active { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:fill-gray-50\/60:focus { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:fill-gray-50\/60:hover { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:fill-gray-50\/60:active { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:fill-gray-50\/70:focus { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:fill-gray-50\/70:hover { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:fill-gray-50\/70:active { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:fill-gray-50\/80:focus { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:fill-gray-50\/80:hover { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:fill-gray-50\/80:active { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:fill-gray-50\/90:focus { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:fill-gray-50\/90:hover { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:fill-gray-50\/90:active { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:fill-gray-100:focus { + fill: var(--gray-100) +} +.hover\:fill-gray-100:hover { + fill: var(--gray-100) +} +.active\:fill-gray-100:active { + fill: var(--gray-100) +} +.focus\:fill-gray-100\/10:focus { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:fill-gray-100\/10:hover { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:fill-gray-100\/10:active { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:fill-gray-100\/20:focus { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:fill-gray-100\/20:hover { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:fill-gray-100\/20:active { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:fill-gray-100\/30:focus { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:fill-gray-100\/30:hover { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:fill-gray-100\/30:active { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:fill-gray-100\/40:focus { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:fill-gray-100\/40:hover { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:fill-gray-100\/40:active { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:fill-gray-100\/50:focus { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:fill-gray-100\/50:hover { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:fill-gray-100\/50:active { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:fill-gray-100\/60:focus { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:fill-gray-100\/60:hover { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:fill-gray-100\/60:active { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:fill-gray-100\/70:focus { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:fill-gray-100\/70:hover { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:fill-gray-100\/70:active { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:fill-gray-100\/80:focus { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:fill-gray-100\/80:hover { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:fill-gray-100\/80:active { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:fill-gray-100\/90:focus { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:fill-gray-100\/90:hover { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:fill-gray-100\/90:active { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:fill-gray-200:focus { + fill: var(--gray-200) +} +.hover\:fill-gray-200:hover { + fill: var(--gray-200) +} +.active\:fill-gray-200:active { + fill: var(--gray-200) +} +.focus\:fill-gray-200\/10:focus { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:fill-gray-200\/10:hover { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:fill-gray-200\/10:active { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:fill-gray-200\/20:focus { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:fill-gray-200\/20:hover { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:fill-gray-200\/20:active { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:fill-gray-200\/30:focus { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:fill-gray-200\/30:hover { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:fill-gray-200\/30:active { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:fill-gray-200\/40:focus { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:fill-gray-200\/40:hover { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:fill-gray-200\/40:active { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:fill-gray-200\/50:focus { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:fill-gray-200\/50:hover { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:fill-gray-200\/50:active { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:fill-gray-200\/60:focus { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:fill-gray-200\/60:hover { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:fill-gray-200\/60:active { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:fill-gray-200\/70:focus { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:fill-gray-200\/70:hover { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:fill-gray-200\/70:active { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:fill-gray-200\/80:focus { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:fill-gray-200\/80:hover { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:fill-gray-200\/80:active { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:fill-gray-200\/90:focus { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:fill-gray-200\/90:hover { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:fill-gray-200\/90:active { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:fill-gray-300:focus { + fill: var(--gray-300) +} +.hover\:fill-gray-300:hover { + fill: var(--gray-300) +} +.active\:fill-gray-300:active { + fill: var(--gray-300) +} +.focus\:fill-gray-300\/10:focus { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:fill-gray-300\/10:hover { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:fill-gray-300\/10:active { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:fill-gray-300\/20:focus { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:fill-gray-300\/20:hover { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:fill-gray-300\/20:active { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:fill-gray-300\/30:focus { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:fill-gray-300\/30:hover { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:fill-gray-300\/30:active { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:fill-gray-300\/40:focus { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:fill-gray-300\/40:hover { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:fill-gray-300\/40:active { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:fill-gray-300\/50:focus { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:fill-gray-300\/50:hover { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:fill-gray-300\/50:active { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:fill-gray-300\/60:focus { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:fill-gray-300\/60:hover { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:fill-gray-300\/60:active { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:fill-gray-300\/70:focus { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:fill-gray-300\/70:hover { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:fill-gray-300\/70:active { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:fill-gray-300\/80:focus { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:fill-gray-300\/80:hover { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:fill-gray-300\/80:active { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:fill-gray-300\/90:focus { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:fill-gray-300\/90:hover { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:fill-gray-300\/90:active { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:fill-gray-400:focus { + fill: var(--gray-400) +} +.hover\:fill-gray-400:hover { + fill: var(--gray-400) +} +.active\:fill-gray-400:active { + fill: var(--gray-400) +} +.focus\:fill-gray-400\/10:focus { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:fill-gray-400\/10:hover { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:fill-gray-400\/10:active { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:fill-gray-400\/20:focus { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:fill-gray-400\/20:hover { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:fill-gray-400\/20:active { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:fill-gray-400\/30:focus { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:fill-gray-400\/30:hover { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:fill-gray-400\/30:active { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:fill-gray-400\/40:focus { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:fill-gray-400\/40:hover { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:fill-gray-400\/40:active { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:fill-gray-400\/50:focus { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:fill-gray-400\/50:hover { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:fill-gray-400\/50:active { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:fill-gray-400\/60:focus { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:fill-gray-400\/60:hover { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:fill-gray-400\/60:active { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:fill-gray-400\/70:focus { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:fill-gray-400\/70:hover { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:fill-gray-400\/70:active { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:fill-gray-400\/80:focus { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:fill-gray-400\/80:hover { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:fill-gray-400\/80:active { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:fill-gray-400\/90:focus { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:fill-gray-400\/90:hover { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:fill-gray-400\/90:active { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:fill-gray-500:focus { + fill: var(--gray-500) +} +.hover\:fill-gray-500:hover { + fill: var(--gray-500) +} +.active\:fill-gray-500:active { + fill: var(--gray-500) +} +.focus\:fill-gray-500\/10:focus { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:fill-gray-500\/10:hover { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:fill-gray-500\/10:active { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:fill-gray-500\/20:focus { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:fill-gray-500\/20:hover { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:fill-gray-500\/20:active { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:fill-gray-500\/30:focus { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:fill-gray-500\/30:hover { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:fill-gray-500\/30:active { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:fill-gray-500\/40:focus { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:fill-gray-500\/40:hover { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:fill-gray-500\/40:active { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:fill-gray-500\/50:focus { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:fill-gray-500\/50:hover { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:fill-gray-500\/50:active { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:fill-gray-500\/60:focus { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:fill-gray-500\/60:hover { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:fill-gray-500\/60:active { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:fill-gray-500\/70:focus { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:fill-gray-500\/70:hover { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:fill-gray-500\/70:active { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:fill-gray-500\/80:focus { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:fill-gray-500\/80:hover { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:fill-gray-500\/80:active { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:fill-gray-500\/90:focus { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:fill-gray-500\/90:hover { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:fill-gray-500\/90:active { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:fill-gray-600:focus { + fill: var(--gray-600) +} +.hover\:fill-gray-600:hover { + fill: var(--gray-600) +} +.active\:fill-gray-600:active { + fill: var(--gray-600) +} +.focus\:fill-gray-600\/10:focus { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:fill-gray-600\/10:hover { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:fill-gray-600\/10:active { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:fill-gray-600\/20:focus { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:fill-gray-600\/20:hover { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:fill-gray-600\/20:active { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:fill-gray-600\/30:focus { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:fill-gray-600\/30:hover { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:fill-gray-600\/30:active { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:fill-gray-600\/40:focus { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:fill-gray-600\/40:hover { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:fill-gray-600\/40:active { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:fill-gray-600\/50:focus { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:fill-gray-600\/50:hover { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:fill-gray-600\/50:active { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:fill-gray-600\/60:focus { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:fill-gray-600\/60:hover { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:fill-gray-600\/60:active { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:fill-gray-600\/70:focus { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:fill-gray-600\/70:hover { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:fill-gray-600\/70:active { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:fill-gray-600\/80:focus { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:fill-gray-600\/80:hover { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:fill-gray-600\/80:active { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:fill-gray-600\/90:focus { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:fill-gray-600\/90:hover { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:fill-gray-600\/90:active { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:fill-gray-700:focus { + fill: var(--gray-700) +} +.hover\:fill-gray-700:hover { + fill: var(--gray-700) +} +.active\:fill-gray-700:active { + fill: var(--gray-700) +} +.focus\:fill-gray-700\/10:focus { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:fill-gray-700\/10:hover { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:fill-gray-700\/10:active { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:fill-gray-700\/20:focus { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:fill-gray-700\/20:hover { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:fill-gray-700\/20:active { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:fill-gray-700\/30:focus { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:fill-gray-700\/30:hover { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:fill-gray-700\/30:active { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:fill-gray-700\/40:focus { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:fill-gray-700\/40:hover { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:fill-gray-700\/40:active { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:fill-gray-700\/50:focus { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:fill-gray-700\/50:hover { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:fill-gray-700\/50:active { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:fill-gray-700\/60:focus { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:fill-gray-700\/60:hover { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:fill-gray-700\/60:active { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:fill-gray-700\/70:focus { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:fill-gray-700\/70:hover { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:fill-gray-700\/70:active { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:fill-gray-700\/80:focus { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:fill-gray-700\/80:hover { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:fill-gray-700\/80:active { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:fill-gray-700\/90:focus { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:fill-gray-700\/90:hover { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:fill-gray-700\/90:active { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:fill-gray-800:focus { + fill: var(--gray-800) +} +.hover\:fill-gray-800:hover { + fill: var(--gray-800) +} +.active\:fill-gray-800:active { + fill: var(--gray-800) +} +.focus\:fill-gray-800\/10:focus { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:fill-gray-800\/10:hover { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:fill-gray-800\/10:active { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:fill-gray-800\/20:focus { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:fill-gray-800\/20:hover { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:fill-gray-800\/20:active { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:fill-gray-800\/30:focus { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:fill-gray-800\/30:hover { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:fill-gray-800\/30:active { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:fill-gray-800\/40:focus { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:fill-gray-800\/40:hover { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:fill-gray-800\/40:active { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:fill-gray-800\/50:focus { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:fill-gray-800\/50:hover { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:fill-gray-800\/50:active { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:fill-gray-800\/60:focus { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:fill-gray-800\/60:hover { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:fill-gray-800\/60:active { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:fill-gray-800\/70:focus { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:fill-gray-800\/70:hover { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:fill-gray-800\/70:active { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:fill-gray-800\/80:focus { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:fill-gray-800\/80:hover { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:fill-gray-800\/80:active { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:fill-gray-800\/90:focus { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:fill-gray-800\/90:hover { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:fill-gray-800\/90:active { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:fill-gray-900:focus { + fill: var(--gray-900) +} +.hover\:fill-gray-900:hover { + fill: var(--gray-900) +} +.active\:fill-gray-900:active { + fill: var(--gray-900) +} +.focus\:fill-gray-900\/10:focus { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:fill-gray-900\/10:hover { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:fill-gray-900\/10:active { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:fill-gray-900\/20:focus { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:fill-gray-900\/20:hover { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:fill-gray-900\/20:active { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:fill-gray-900\/30:focus { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:fill-gray-900\/30:hover { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:fill-gray-900\/30:active { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:fill-gray-900\/40:focus { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:fill-gray-900\/40:hover { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:fill-gray-900\/40:active { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:fill-gray-900\/50:focus { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:fill-gray-900\/50:hover { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:fill-gray-900\/50:active { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:fill-gray-900\/60:focus { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:fill-gray-900\/60:hover { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:fill-gray-900\/60:active { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:fill-gray-900\/70:focus { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:fill-gray-900\/70:hover { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:fill-gray-900\/70:active { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:fill-gray-900\/80:focus { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:fill-gray-900\/80:hover { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:fill-gray-900\/80:active { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:fill-gray-900\/90:focus { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:fill-gray-900\/90:hover { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:fill-gray-900\/90:active { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:fill-surface-0:focus { + fill: var(--surface-0) +} +.hover\:fill-surface-0:hover { + fill: var(--surface-0) +} +.active\:fill-surface-0:active { + fill: var(--surface-0) +} +.focus\:fill-surface-0\/10:focus { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:fill-surface-0\/10:hover { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:fill-surface-0\/10:active { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:fill-surface-0\/20:focus { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:fill-surface-0\/20:hover { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:fill-surface-0\/20:active { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:fill-surface-0\/30:focus { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:fill-surface-0\/30:hover { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:fill-surface-0\/30:active { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:fill-surface-0\/40:focus { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:fill-surface-0\/40:hover { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:fill-surface-0\/40:active { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:fill-surface-0\/50:focus { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:fill-surface-0\/50:hover { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:fill-surface-0\/50:active { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:fill-surface-0\/60:focus { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:fill-surface-0\/60:hover { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:fill-surface-0\/60:active { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:fill-surface-0\/70:focus { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:fill-surface-0\/70:hover { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:fill-surface-0\/70:active { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:fill-surface-0\/80:focus { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:fill-surface-0\/80:hover { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:fill-surface-0\/80:active { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:fill-surface-0\/90:focus { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:fill-surface-0\/90:hover { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:fill-surface-0\/90:active { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:fill-surface-50:focus { + fill: var(--surface-50) +} +.hover\:fill-surface-50:hover { + fill: var(--surface-50) +} +.active\:fill-surface-50:active { + fill: var(--surface-50) +} +.focus\:fill-surface-50\/10:focus { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:fill-surface-50\/10:hover { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:fill-surface-50\/10:active { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:fill-surface-50\/20:focus { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:fill-surface-50\/20:hover { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:fill-surface-50\/20:active { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:fill-surface-50\/30:focus { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:fill-surface-50\/30:hover { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:fill-surface-50\/30:active { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:fill-surface-50\/40:focus { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:fill-surface-50\/40:hover { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:fill-surface-50\/40:active { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:fill-surface-50\/50:focus { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:fill-surface-50\/50:hover { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:fill-surface-50\/50:active { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:fill-surface-50\/60:focus { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:fill-surface-50\/60:hover { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:fill-surface-50\/60:active { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:fill-surface-50\/70:focus { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:fill-surface-50\/70:hover { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:fill-surface-50\/70:active { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:fill-surface-50\/80:focus { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:fill-surface-50\/80:hover { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:fill-surface-50\/80:active { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:fill-surface-50\/90:focus { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:fill-surface-50\/90:hover { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:fill-surface-50\/90:active { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:fill-surface-100:focus { + fill: var(--surface-100) +} +.hover\:fill-surface-100:hover { + fill: var(--surface-100) +} +.active\:fill-surface-100:active { + fill: var(--surface-100) +} +.focus\:fill-surface-100\/10:focus { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:fill-surface-100\/10:hover { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:fill-surface-100\/10:active { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:fill-surface-100\/20:focus { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:fill-surface-100\/20:hover { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:fill-surface-100\/20:active { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:fill-surface-100\/30:focus { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:fill-surface-100\/30:hover { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:fill-surface-100\/30:active { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:fill-surface-100\/40:focus { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:fill-surface-100\/40:hover { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:fill-surface-100\/40:active { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:fill-surface-100\/50:focus { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:fill-surface-100\/50:hover { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:fill-surface-100\/50:active { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:fill-surface-100\/60:focus { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:fill-surface-100\/60:hover { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:fill-surface-100\/60:active { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:fill-surface-100\/70:focus { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:fill-surface-100\/70:hover { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:fill-surface-100\/70:active { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:fill-surface-100\/80:focus { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:fill-surface-100\/80:hover { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:fill-surface-100\/80:active { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:fill-surface-100\/90:focus { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:fill-surface-100\/90:hover { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:fill-surface-100\/90:active { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:fill-surface-200:focus { + fill: var(--surface-200) +} +.hover\:fill-surface-200:hover { + fill: var(--surface-200) +} +.active\:fill-surface-200:active { + fill: var(--surface-200) +} +.focus\:fill-surface-200\/10:focus { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:fill-surface-200\/10:hover { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:fill-surface-200\/10:active { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:fill-surface-200\/20:focus { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:fill-surface-200\/20:hover { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:fill-surface-200\/20:active { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:fill-surface-200\/30:focus { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:fill-surface-200\/30:hover { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:fill-surface-200\/30:active { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:fill-surface-200\/40:focus { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:fill-surface-200\/40:hover { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:fill-surface-200\/40:active { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:fill-surface-200\/50:focus { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:fill-surface-200\/50:hover { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:fill-surface-200\/50:active { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:fill-surface-200\/60:focus { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:fill-surface-200\/60:hover { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:fill-surface-200\/60:active { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:fill-surface-200\/70:focus { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:fill-surface-200\/70:hover { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:fill-surface-200\/70:active { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:fill-surface-200\/80:focus { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:fill-surface-200\/80:hover { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:fill-surface-200\/80:active { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:fill-surface-200\/90:focus { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:fill-surface-200\/90:hover { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:fill-surface-200\/90:active { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:fill-surface-300:focus { + fill: var(--surface-300) +} +.hover\:fill-surface-300:hover { + fill: var(--surface-300) +} +.active\:fill-surface-300:active { + fill: var(--surface-300) +} +.focus\:fill-surface-300\/10:focus { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:fill-surface-300\/10:hover { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:fill-surface-300\/10:active { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:fill-surface-300\/20:focus { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:fill-surface-300\/20:hover { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:fill-surface-300\/20:active { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:fill-surface-300\/30:focus { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:fill-surface-300\/30:hover { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:fill-surface-300\/30:active { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:fill-surface-300\/40:focus { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:fill-surface-300\/40:hover { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:fill-surface-300\/40:active { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:fill-surface-300\/50:focus { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:fill-surface-300\/50:hover { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:fill-surface-300\/50:active { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:fill-surface-300\/60:focus { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:fill-surface-300\/60:hover { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:fill-surface-300\/60:active { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:fill-surface-300\/70:focus { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:fill-surface-300\/70:hover { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:fill-surface-300\/70:active { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:fill-surface-300\/80:focus { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:fill-surface-300\/80:hover { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:fill-surface-300\/80:active { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:fill-surface-300\/90:focus { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:fill-surface-300\/90:hover { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:fill-surface-300\/90:active { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:fill-surface-400:focus { + fill: var(--surface-400) +} +.hover\:fill-surface-400:hover { + fill: var(--surface-400) +} +.active\:fill-surface-400:active { + fill: var(--surface-400) +} +.focus\:fill-surface-400\/10:focus { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:fill-surface-400\/10:hover { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:fill-surface-400\/10:active { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:fill-surface-400\/20:focus { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:fill-surface-400\/20:hover { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:fill-surface-400\/20:active { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:fill-surface-400\/30:focus { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:fill-surface-400\/30:hover { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:fill-surface-400\/30:active { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:fill-surface-400\/40:focus { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:fill-surface-400\/40:hover { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:fill-surface-400\/40:active { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:fill-surface-400\/50:focus { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:fill-surface-400\/50:hover { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:fill-surface-400\/50:active { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:fill-surface-400\/60:focus { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:fill-surface-400\/60:hover { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:fill-surface-400\/60:active { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:fill-surface-400\/70:focus { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:fill-surface-400\/70:hover { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:fill-surface-400\/70:active { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:fill-surface-400\/80:focus { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:fill-surface-400\/80:hover { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:fill-surface-400\/80:active { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:fill-surface-400\/90:focus { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:fill-surface-400\/90:hover { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:fill-surface-400\/90:active { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:fill-surface-500:focus { + fill: var(--surface-500) +} +.hover\:fill-surface-500:hover { + fill: var(--surface-500) +} +.active\:fill-surface-500:active { + fill: var(--surface-500) +} +.focus\:fill-surface-500\/10:focus { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:fill-surface-500\/10:hover { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:fill-surface-500\/10:active { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:fill-surface-500\/20:focus { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:fill-surface-500\/20:hover { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:fill-surface-500\/20:active { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:fill-surface-500\/30:focus { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:fill-surface-500\/30:hover { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:fill-surface-500\/30:active { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:fill-surface-500\/40:focus { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:fill-surface-500\/40:hover { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:fill-surface-500\/40:active { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:fill-surface-500\/50:focus { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:fill-surface-500\/50:hover { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:fill-surface-500\/50:active { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:fill-surface-500\/60:focus { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:fill-surface-500\/60:hover { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:fill-surface-500\/60:active { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:fill-surface-500\/70:focus { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:fill-surface-500\/70:hover { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:fill-surface-500\/70:active { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:fill-surface-500\/80:focus { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:fill-surface-500\/80:hover { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:fill-surface-500\/80:active { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:fill-surface-500\/90:focus { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:fill-surface-500\/90:hover { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:fill-surface-500\/90:active { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:fill-surface-600:focus { + fill: var(--surface-600) +} +.hover\:fill-surface-600:hover { + fill: var(--surface-600) +} +.active\:fill-surface-600:active { + fill: var(--surface-600) +} +.focus\:fill-surface-600\/10:focus { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:fill-surface-600\/10:hover { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:fill-surface-600\/10:active { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:fill-surface-600\/20:focus { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:fill-surface-600\/20:hover { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:fill-surface-600\/20:active { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:fill-surface-600\/30:focus { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:fill-surface-600\/30:hover { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:fill-surface-600\/30:active { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:fill-surface-600\/40:focus { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:fill-surface-600\/40:hover { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:fill-surface-600\/40:active { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:fill-surface-600\/50:focus { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:fill-surface-600\/50:hover { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:fill-surface-600\/50:active { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:fill-surface-600\/60:focus { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:fill-surface-600\/60:hover { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:fill-surface-600\/60:active { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:fill-surface-600\/70:focus { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:fill-surface-600\/70:hover { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:fill-surface-600\/70:active { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:fill-surface-600\/80:focus { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:fill-surface-600\/80:hover { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:fill-surface-600\/80:active { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:fill-surface-600\/90:focus { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:fill-surface-600\/90:hover { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:fill-surface-600\/90:active { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:fill-surface-700:focus { + fill: var(--surface-700) +} +.hover\:fill-surface-700:hover { + fill: var(--surface-700) +} +.active\:fill-surface-700:active { + fill: var(--surface-700) +} +.focus\:fill-surface-700\/10:focus { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:fill-surface-700\/10:hover { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:fill-surface-700\/10:active { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:fill-surface-700\/20:focus { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:fill-surface-700\/20:hover { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:fill-surface-700\/20:active { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:fill-surface-700\/30:focus { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:fill-surface-700\/30:hover { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:fill-surface-700\/30:active { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:fill-surface-700\/40:focus { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:fill-surface-700\/40:hover { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:fill-surface-700\/40:active { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:fill-surface-700\/50:focus { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:fill-surface-700\/50:hover { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:fill-surface-700\/50:active { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:fill-surface-700\/60:focus { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:fill-surface-700\/60:hover { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:fill-surface-700\/60:active { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:fill-surface-700\/70:focus { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:fill-surface-700\/70:hover { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:fill-surface-700\/70:active { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:fill-surface-700\/80:focus { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:fill-surface-700\/80:hover { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:fill-surface-700\/80:active { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:fill-surface-700\/90:focus { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:fill-surface-700\/90:hover { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:fill-surface-700\/90:active { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:fill-surface-800:focus { + fill: var(--surface-800) +} +.hover\:fill-surface-800:hover { + fill: var(--surface-800) +} +.active\:fill-surface-800:active { + fill: var(--surface-800) +} +.focus\:fill-surface-800\/10:focus { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:fill-surface-800\/10:hover { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:fill-surface-800\/10:active { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:fill-surface-800\/20:focus { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:fill-surface-800\/20:hover { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:fill-surface-800\/20:active { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:fill-surface-800\/30:focus { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:fill-surface-800\/30:hover { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:fill-surface-800\/30:active { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:fill-surface-800\/40:focus { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:fill-surface-800\/40:hover { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:fill-surface-800\/40:active { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:fill-surface-800\/50:focus { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:fill-surface-800\/50:hover { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:fill-surface-800\/50:active { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:fill-surface-800\/60:focus { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:fill-surface-800\/60:hover { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:fill-surface-800\/60:active { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:fill-surface-800\/70:focus { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:fill-surface-800\/70:hover { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:fill-surface-800\/70:active { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:fill-surface-800\/80:focus { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:fill-surface-800\/80:hover { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:fill-surface-800\/80:active { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:fill-surface-800\/90:focus { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:fill-surface-800\/90:hover { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:fill-surface-800\/90:active { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:fill-surface-900:focus { + fill: var(--surface-900) +} +.hover\:fill-surface-900:hover { + fill: var(--surface-900) +} +.active\:fill-surface-900:active { + fill: var(--surface-900) +} +.focus\:fill-surface-900\/10:focus { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:fill-surface-900\/10:hover { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:fill-surface-900\/10:active { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:fill-surface-900\/20:focus { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:fill-surface-900\/20:hover { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:fill-surface-900\/20:active { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:fill-surface-900\/30:focus { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:fill-surface-900\/30:hover { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:fill-surface-900\/30:active { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:fill-surface-900\/40:focus { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:fill-surface-900\/40:hover { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:fill-surface-900\/40:active { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:fill-surface-900\/50:focus { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:fill-surface-900\/50:hover { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:fill-surface-900\/50:active { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:fill-surface-900\/60:focus { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:fill-surface-900\/60:hover { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:fill-surface-900\/60:active { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:fill-surface-900\/70:focus { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:fill-surface-900\/70:hover { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:fill-surface-900\/70:active { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:fill-surface-900\/80:focus { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:fill-surface-900\/80:hover { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:fill-surface-900\/80:active { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:fill-surface-900\/90:focus { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:fill-surface-900\/90:hover { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:fill-surface-900\/90:active { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:fill-primary-50:focus { + fill: var(--primary-50) +} +.hover\:fill-primary-50:hover { + fill: var(--primary-50) +} +.active\:fill-primary-50:active { + fill: var(--primary-50) +} +.focus\:fill-primary-50\/10:focus { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:fill-primary-50\/10:hover { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:fill-primary-50\/10:active { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:fill-primary-50\/20:focus { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:fill-primary-50\/20:hover { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:fill-primary-50\/20:active { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:fill-primary-50\/30:focus { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:fill-primary-50\/30:hover { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:fill-primary-50\/30:active { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:fill-primary-50\/40:focus { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:fill-primary-50\/40:hover { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:fill-primary-50\/40:active { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:fill-primary-50\/50:focus { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:fill-primary-50\/50:hover { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:fill-primary-50\/50:active { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:fill-primary-50\/60:focus { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:fill-primary-50\/60:hover { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:fill-primary-50\/60:active { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:fill-primary-50\/70:focus { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:fill-primary-50\/70:hover { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:fill-primary-50\/70:active { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:fill-primary-50\/80:focus { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:fill-primary-50\/80:hover { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:fill-primary-50\/80:active { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:fill-primary-50\/90:focus { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:fill-primary-50\/90:hover { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:fill-primary-50\/90:active { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:fill-primary-100:focus { + fill: var(--primary-100) +} +.hover\:fill-primary-100:hover { + fill: var(--primary-100) +} +.active\:fill-primary-100:active { + fill: var(--primary-100) +} +.focus\:fill-primary-100\/10:focus { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:fill-primary-100\/10:hover { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:fill-primary-100\/10:active { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:fill-primary-100\/20:focus { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:fill-primary-100\/20:hover { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:fill-primary-100\/20:active { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:fill-primary-100\/30:focus { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:fill-primary-100\/30:hover { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:fill-primary-100\/30:active { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:fill-primary-100\/40:focus { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:fill-primary-100\/40:hover { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:fill-primary-100\/40:active { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:fill-primary-100\/50:focus { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:fill-primary-100\/50:hover { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:fill-primary-100\/50:active { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:fill-primary-100\/60:focus { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:fill-primary-100\/60:hover { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:fill-primary-100\/60:active { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:fill-primary-100\/70:focus { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:fill-primary-100\/70:hover { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:fill-primary-100\/70:active { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:fill-primary-100\/80:focus { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:fill-primary-100\/80:hover { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:fill-primary-100\/80:active { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:fill-primary-100\/90:focus { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:fill-primary-100\/90:hover { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:fill-primary-100\/90:active { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:fill-primary-200:focus { + fill: var(--primary-200) +} +.hover\:fill-primary-200:hover { + fill: var(--primary-200) +} +.active\:fill-primary-200:active { + fill: var(--primary-200) +} +.focus\:fill-primary-200\/10:focus { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:fill-primary-200\/10:hover { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:fill-primary-200\/10:active { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:fill-primary-200\/20:focus { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:fill-primary-200\/20:hover { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:fill-primary-200\/20:active { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:fill-primary-200\/30:focus { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:fill-primary-200\/30:hover { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:fill-primary-200\/30:active { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:fill-primary-200\/40:focus { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:fill-primary-200\/40:hover { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:fill-primary-200\/40:active { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:fill-primary-200\/50:focus { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:fill-primary-200\/50:hover { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:fill-primary-200\/50:active { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:fill-primary-200\/60:focus { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:fill-primary-200\/60:hover { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:fill-primary-200\/60:active { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:fill-primary-200\/70:focus { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:fill-primary-200\/70:hover { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:fill-primary-200\/70:active { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:fill-primary-200\/80:focus { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:fill-primary-200\/80:hover { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:fill-primary-200\/80:active { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:fill-primary-200\/90:focus { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:fill-primary-200\/90:hover { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:fill-primary-200\/90:active { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:fill-primary-300:focus { + fill: var(--primary-300) +} +.hover\:fill-primary-300:hover { + fill: var(--primary-300) +} +.active\:fill-primary-300:active { + fill: var(--primary-300) +} +.focus\:fill-primary-300\/10:focus { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:fill-primary-300\/10:hover { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:fill-primary-300\/10:active { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:fill-primary-300\/20:focus { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:fill-primary-300\/20:hover { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:fill-primary-300\/20:active { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:fill-primary-300\/30:focus { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:fill-primary-300\/30:hover { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:fill-primary-300\/30:active { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:fill-primary-300\/40:focus { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:fill-primary-300\/40:hover { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:fill-primary-300\/40:active { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:fill-primary-300\/50:focus { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:fill-primary-300\/50:hover { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:fill-primary-300\/50:active { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:fill-primary-300\/60:focus { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:fill-primary-300\/60:hover { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:fill-primary-300\/60:active { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:fill-primary-300\/70:focus { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:fill-primary-300\/70:hover { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:fill-primary-300\/70:active { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:fill-primary-300\/80:focus { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:fill-primary-300\/80:hover { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:fill-primary-300\/80:active { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:fill-primary-300\/90:focus { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:fill-primary-300\/90:hover { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:fill-primary-300\/90:active { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:fill-primary-400:focus { + fill: var(--primary-400) +} +.hover\:fill-primary-400:hover { + fill: var(--primary-400) +} +.active\:fill-primary-400:active { + fill: var(--primary-400) +} +.focus\:fill-primary-400\/10:focus { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:fill-primary-400\/10:hover { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:fill-primary-400\/10:active { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:fill-primary-400\/20:focus { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:fill-primary-400\/20:hover { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:fill-primary-400\/20:active { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:fill-primary-400\/30:focus { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:fill-primary-400\/30:hover { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:fill-primary-400\/30:active { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:fill-primary-400\/40:focus { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:fill-primary-400\/40:hover { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:fill-primary-400\/40:active { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:fill-primary-400\/50:focus { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:fill-primary-400\/50:hover { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:fill-primary-400\/50:active { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:fill-primary-400\/60:focus { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:fill-primary-400\/60:hover { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:fill-primary-400\/60:active { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:fill-primary-400\/70:focus { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:fill-primary-400\/70:hover { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:fill-primary-400\/70:active { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:fill-primary-400\/80:focus { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:fill-primary-400\/80:hover { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:fill-primary-400\/80:active { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:fill-primary-400\/90:focus { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:fill-primary-400\/90:hover { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:fill-primary-400\/90:active { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:fill-primary-500:focus { + fill: var(--primary-500) +} +.hover\:fill-primary-500:hover { + fill: var(--primary-500) +} +.active\:fill-primary-500:active { + fill: var(--primary-500) +} +.focus\:fill-primary-500\/10:focus { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:fill-primary-500\/10:hover { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:fill-primary-500\/10:active { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:fill-primary-500\/20:focus { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:fill-primary-500\/20:hover { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:fill-primary-500\/20:active { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:fill-primary-500\/30:focus { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:fill-primary-500\/30:hover { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:fill-primary-500\/30:active { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:fill-primary-500\/40:focus { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:fill-primary-500\/40:hover { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:fill-primary-500\/40:active { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:fill-primary-500\/50:focus { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:fill-primary-500\/50:hover { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:fill-primary-500\/50:active { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:fill-primary-500\/60:focus { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:fill-primary-500\/60:hover { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:fill-primary-500\/60:active { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:fill-primary-500\/70:focus { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:fill-primary-500\/70:hover { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:fill-primary-500\/70:active { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:fill-primary-500\/80:focus { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:fill-primary-500\/80:hover { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:fill-primary-500\/80:active { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:fill-primary-500\/90:focus { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:fill-primary-500\/90:hover { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:fill-primary-500\/90:active { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:fill-primary-600:focus { + fill: var(--primary-600) +} +.hover\:fill-primary-600:hover { + fill: var(--primary-600) +} +.active\:fill-primary-600:active { + fill: var(--primary-600) +} +.focus\:fill-primary-600\/10:focus { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:fill-primary-600\/10:hover { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:fill-primary-600\/10:active { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:fill-primary-600\/20:focus { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:fill-primary-600\/20:hover { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:fill-primary-600\/20:active { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:fill-primary-600\/30:focus { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:fill-primary-600\/30:hover { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:fill-primary-600\/30:active { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:fill-primary-600\/40:focus { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:fill-primary-600\/40:hover { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:fill-primary-600\/40:active { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:fill-primary-600\/50:focus { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:fill-primary-600\/50:hover { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:fill-primary-600\/50:active { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:fill-primary-600\/60:focus { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:fill-primary-600\/60:hover { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:fill-primary-600\/60:active { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:fill-primary-600\/70:focus { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:fill-primary-600\/70:hover { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:fill-primary-600\/70:active { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:fill-primary-600\/80:focus { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:fill-primary-600\/80:hover { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:fill-primary-600\/80:active { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:fill-primary-600\/90:focus { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:fill-primary-600\/90:hover { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:fill-primary-600\/90:active { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:fill-primary-700:focus { + fill: var(--primary-700) +} +.hover\:fill-primary-700:hover { + fill: var(--primary-700) +} +.active\:fill-primary-700:active { + fill: var(--primary-700) +} +.focus\:fill-primary-700\/10:focus { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:fill-primary-700\/10:hover { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:fill-primary-700\/10:active { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:fill-primary-700\/20:focus { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:fill-primary-700\/20:hover { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:fill-primary-700\/20:active { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:fill-primary-700\/30:focus { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:fill-primary-700\/30:hover { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:fill-primary-700\/30:active { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:fill-primary-700\/40:focus { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:fill-primary-700\/40:hover { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:fill-primary-700\/40:active { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:fill-primary-700\/50:focus { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:fill-primary-700\/50:hover { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:fill-primary-700\/50:active { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:fill-primary-700\/60:focus { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:fill-primary-700\/60:hover { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:fill-primary-700\/60:active { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:fill-primary-700\/70:focus { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:fill-primary-700\/70:hover { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:fill-primary-700\/70:active { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:fill-primary-700\/80:focus { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:fill-primary-700\/80:hover { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:fill-primary-700\/80:active { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:fill-primary-700\/90:focus { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:fill-primary-700\/90:hover { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:fill-primary-700\/90:active { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:fill-primary-800:focus { + fill: var(--primary-800) +} +.hover\:fill-primary-800:hover { + fill: var(--primary-800) +} +.active\:fill-primary-800:active { + fill: var(--primary-800) +} +.focus\:fill-primary-800\/10:focus { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:fill-primary-800\/10:hover { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:fill-primary-800\/10:active { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:fill-primary-800\/20:focus { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:fill-primary-800\/20:hover { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:fill-primary-800\/20:active { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:fill-primary-800\/30:focus { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:fill-primary-800\/30:hover { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:fill-primary-800\/30:active { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:fill-primary-800\/40:focus { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:fill-primary-800\/40:hover { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:fill-primary-800\/40:active { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:fill-primary-800\/50:focus { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:fill-primary-800\/50:hover { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:fill-primary-800\/50:active { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:fill-primary-800\/60:focus { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:fill-primary-800\/60:hover { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:fill-primary-800\/60:active { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:fill-primary-800\/70:focus { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:fill-primary-800\/70:hover { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:fill-primary-800\/70:active { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:fill-primary-800\/80:focus { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:fill-primary-800\/80:hover { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:fill-primary-800\/80:active { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:fill-primary-800\/90:focus { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:fill-primary-800\/90:hover { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:fill-primary-800\/90:active { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:fill-primary-900:focus { + fill: var(--primary-900) +} +.hover\:fill-primary-900:hover { + fill: var(--primary-900) +} +.active\:fill-primary-900:active { + fill: var(--primary-900) +} +.focus\:fill-primary-900\/10:focus { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:fill-primary-900\/10:hover { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:fill-primary-900\/10:active { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:fill-primary-900\/20:focus { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:fill-primary-900\/20:hover { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:fill-primary-900\/20:active { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:fill-primary-900\/30:focus { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:fill-primary-900\/30:hover { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:fill-primary-900\/30:active { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:fill-primary-900\/40:focus { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:fill-primary-900\/40:hover { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:fill-primary-900\/40:active { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:fill-primary-900\/50:focus { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:fill-primary-900\/50:hover { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:fill-primary-900\/50:active { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:fill-primary-900\/60:focus { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:fill-primary-900\/60:hover { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:fill-primary-900\/60:active { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:fill-primary-900\/70:focus { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:fill-primary-900\/70:hover { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:fill-primary-900\/70:active { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:fill-primary-900\/80:focus { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:fill-primary-900\/80:hover { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:fill-primary-900\/80:active { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:fill-primary-900\/90:focus { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:fill-primary-900\/90:hover { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:fill-primary-900\/90:active { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:fill-blue-50 { + fill: var(--blue-50) + } + .sm\:fill-blue-50\/10 { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:fill-blue-50\/20 { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:fill-blue-50\/30 { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:fill-blue-50\/40 { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:fill-blue-50\/50 { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:fill-blue-50\/60 { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:fill-blue-50\/70 { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:fill-blue-50\/80 { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:fill-blue-50\/90 { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:fill-blue-100 { + fill: var(--blue-100) + } + .sm\:fill-blue-100\/10 { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:fill-blue-100\/20 { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:fill-blue-100\/30 { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:fill-blue-100\/40 { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:fill-blue-100\/50 { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:fill-blue-100\/60 { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:fill-blue-100\/70 { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:fill-blue-100\/80 { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:fill-blue-100\/90 { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:fill-blue-200 { + fill: var(--blue-200) + } + .sm\:fill-blue-200\/10 { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:fill-blue-200\/20 { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:fill-blue-200\/30 { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:fill-blue-200\/40 { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:fill-blue-200\/50 { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:fill-blue-200\/60 { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:fill-blue-200\/70 { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:fill-blue-200\/80 { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:fill-blue-200\/90 { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:fill-blue-300 { + fill: var(--blue-300) + } + .sm\:fill-blue-300\/10 { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:fill-blue-300\/20 { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:fill-blue-300\/30 { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:fill-blue-300\/40 { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:fill-blue-300\/50 { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:fill-blue-300\/60 { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:fill-blue-300\/70 { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:fill-blue-300\/80 { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:fill-blue-300\/90 { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:fill-blue-400 { + fill: var(--blue-400) + } + .sm\:fill-blue-400\/10 { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:fill-blue-400\/20 { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:fill-blue-400\/30 { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:fill-blue-400\/40 { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:fill-blue-400\/50 { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:fill-blue-400\/60 { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:fill-blue-400\/70 { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:fill-blue-400\/80 { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:fill-blue-400\/90 { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:fill-blue-500 { + fill: var(--blue-500) + } + .sm\:fill-blue-500\/10 { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:fill-blue-500\/20 { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:fill-blue-500\/30 { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:fill-blue-500\/40 { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:fill-blue-500\/50 { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:fill-blue-500\/60 { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:fill-blue-500\/70 { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:fill-blue-500\/80 { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:fill-blue-500\/90 { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:fill-blue-600 { + fill: var(--blue-600) + } + .sm\:fill-blue-600\/10 { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:fill-blue-600\/20 { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:fill-blue-600\/30 { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:fill-blue-600\/40 { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:fill-blue-600\/50 { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:fill-blue-600\/60 { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:fill-blue-600\/70 { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:fill-blue-600\/80 { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:fill-blue-600\/90 { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:fill-blue-700 { + fill: var(--blue-700) + } + .sm\:fill-blue-700\/10 { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:fill-blue-700\/20 { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:fill-blue-700\/30 { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:fill-blue-700\/40 { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:fill-blue-700\/50 { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:fill-blue-700\/60 { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:fill-blue-700\/70 { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:fill-blue-700\/80 { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:fill-blue-700\/90 { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:fill-blue-800 { + fill: var(--blue-800) + } + .sm\:fill-blue-800\/10 { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:fill-blue-800\/20 { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:fill-blue-800\/30 { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:fill-blue-800\/40 { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:fill-blue-800\/50 { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:fill-blue-800\/60 { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:fill-blue-800\/70 { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:fill-blue-800\/80 { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:fill-blue-800\/90 { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:fill-blue-900 { + fill: var(--blue-900) + } + .sm\:fill-blue-900\/10 { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:fill-blue-900\/20 { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:fill-blue-900\/30 { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:fill-blue-900\/40 { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:fill-blue-900\/50 { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:fill-blue-900\/60 { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:fill-blue-900\/70 { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:fill-blue-900\/80 { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:fill-blue-900\/90 { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:fill-green-50 { + fill: var(--green-50) + } + .sm\:fill-green-50\/10 { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:fill-green-50\/20 { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:fill-green-50\/30 { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:fill-green-50\/40 { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:fill-green-50\/50 { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:fill-green-50\/60 { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:fill-green-50\/70 { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:fill-green-50\/80 { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:fill-green-50\/90 { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:fill-green-100 { + fill: var(--green-100) + } + .sm\:fill-green-100\/10 { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:fill-green-100\/20 { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:fill-green-100\/30 { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:fill-green-100\/40 { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:fill-green-100\/50 { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:fill-green-100\/60 { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:fill-green-100\/70 { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:fill-green-100\/80 { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:fill-green-100\/90 { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:fill-green-200 { + fill: var(--green-200) + } + .sm\:fill-green-200\/10 { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:fill-green-200\/20 { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:fill-green-200\/30 { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:fill-green-200\/40 { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:fill-green-200\/50 { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:fill-green-200\/60 { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:fill-green-200\/70 { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:fill-green-200\/80 { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:fill-green-200\/90 { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:fill-green-300 { + fill: var(--green-300) + } + .sm\:fill-green-300\/10 { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:fill-green-300\/20 { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:fill-green-300\/30 { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:fill-green-300\/40 { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:fill-green-300\/50 { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:fill-green-300\/60 { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:fill-green-300\/70 { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:fill-green-300\/80 { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:fill-green-300\/90 { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:fill-green-400 { + fill: var(--green-400) + } + .sm\:fill-green-400\/10 { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:fill-green-400\/20 { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:fill-green-400\/30 { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:fill-green-400\/40 { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:fill-green-400\/50 { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:fill-green-400\/60 { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:fill-green-400\/70 { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:fill-green-400\/80 { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:fill-green-400\/90 { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:fill-green-500 { + fill: var(--green-500) + } + .sm\:fill-green-500\/10 { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:fill-green-500\/20 { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:fill-green-500\/30 { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:fill-green-500\/40 { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:fill-green-500\/50 { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:fill-green-500\/60 { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:fill-green-500\/70 { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:fill-green-500\/80 { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:fill-green-500\/90 { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:fill-green-600 { + fill: var(--green-600) + } + .sm\:fill-green-600\/10 { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:fill-green-600\/20 { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:fill-green-600\/30 { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:fill-green-600\/40 { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:fill-green-600\/50 { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:fill-green-600\/60 { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:fill-green-600\/70 { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:fill-green-600\/80 { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:fill-green-600\/90 { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:fill-green-700 { + fill: var(--green-700) + } + .sm\:fill-green-700\/10 { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:fill-green-700\/20 { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:fill-green-700\/30 { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:fill-green-700\/40 { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:fill-green-700\/50 { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:fill-green-700\/60 { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:fill-green-700\/70 { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:fill-green-700\/80 { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:fill-green-700\/90 { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:fill-green-800 { + fill: var(--green-800) + } + .sm\:fill-green-800\/10 { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:fill-green-800\/20 { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:fill-green-800\/30 { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:fill-green-800\/40 { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:fill-green-800\/50 { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:fill-green-800\/60 { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:fill-green-800\/70 { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:fill-green-800\/80 { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:fill-green-800\/90 { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:fill-green-900 { + fill: var(--green-900) + } + .sm\:fill-green-900\/10 { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:fill-green-900\/20 { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:fill-green-900\/30 { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:fill-green-900\/40 { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:fill-green-900\/50 { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:fill-green-900\/60 { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:fill-green-900\/70 { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:fill-green-900\/80 { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:fill-green-900\/90 { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:fill-yellow-50 { + fill: var(--yellow-50) + } + .sm\:fill-yellow-50\/10 { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:fill-yellow-50\/20 { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:fill-yellow-50\/30 { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:fill-yellow-50\/40 { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:fill-yellow-50\/50 { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:fill-yellow-50\/60 { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:fill-yellow-50\/70 { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:fill-yellow-50\/80 { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:fill-yellow-50\/90 { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:fill-yellow-100 { + fill: var(--yellow-100) + } + .sm\:fill-yellow-100\/10 { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:fill-yellow-100\/20 { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:fill-yellow-100\/30 { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:fill-yellow-100\/40 { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:fill-yellow-100\/50 { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:fill-yellow-100\/60 { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:fill-yellow-100\/70 { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:fill-yellow-100\/80 { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:fill-yellow-100\/90 { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:fill-yellow-200 { + fill: var(--yellow-200) + } + .sm\:fill-yellow-200\/10 { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:fill-yellow-200\/20 { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:fill-yellow-200\/30 { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:fill-yellow-200\/40 { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:fill-yellow-200\/50 { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:fill-yellow-200\/60 { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:fill-yellow-200\/70 { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:fill-yellow-200\/80 { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:fill-yellow-200\/90 { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:fill-yellow-300 { + fill: var(--yellow-300) + } + .sm\:fill-yellow-300\/10 { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:fill-yellow-300\/20 { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:fill-yellow-300\/30 { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:fill-yellow-300\/40 { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:fill-yellow-300\/50 { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:fill-yellow-300\/60 { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:fill-yellow-300\/70 { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:fill-yellow-300\/80 { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:fill-yellow-300\/90 { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:fill-yellow-400 { + fill: var(--yellow-400) + } + .sm\:fill-yellow-400\/10 { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:fill-yellow-400\/20 { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:fill-yellow-400\/30 { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:fill-yellow-400\/40 { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:fill-yellow-400\/50 { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:fill-yellow-400\/60 { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:fill-yellow-400\/70 { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:fill-yellow-400\/80 { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:fill-yellow-400\/90 { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:fill-yellow-500 { + fill: var(--yellow-500) + } + .sm\:fill-yellow-500\/10 { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:fill-yellow-500\/20 { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:fill-yellow-500\/30 { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:fill-yellow-500\/40 { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:fill-yellow-500\/50 { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:fill-yellow-500\/60 { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:fill-yellow-500\/70 { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:fill-yellow-500\/80 { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:fill-yellow-500\/90 { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:fill-yellow-600 { + fill: var(--yellow-600) + } + .sm\:fill-yellow-600\/10 { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:fill-yellow-600\/20 { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:fill-yellow-600\/30 { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:fill-yellow-600\/40 { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:fill-yellow-600\/50 { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:fill-yellow-600\/60 { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:fill-yellow-600\/70 { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:fill-yellow-600\/80 { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:fill-yellow-600\/90 { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:fill-yellow-700 { + fill: var(--yellow-700) + } + .sm\:fill-yellow-700\/10 { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:fill-yellow-700\/20 { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:fill-yellow-700\/30 { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:fill-yellow-700\/40 { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:fill-yellow-700\/50 { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:fill-yellow-700\/60 { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:fill-yellow-700\/70 { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:fill-yellow-700\/80 { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:fill-yellow-700\/90 { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:fill-yellow-800 { + fill: var(--yellow-800) + } + .sm\:fill-yellow-800\/10 { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:fill-yellow-800\/20 { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:fill-yellow-800\/30 { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:fill-yellow-800\/40 { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:fill-yellow-800\/50 { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:fill-yellow-800\/60 { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:fill-yellow-800\/70 { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:fill-yellow-800\/80 { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:fill-yellow-800\/90 { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:fill-yellow-900 { + fill: var(--yellow-900) + } + .sm\:fill-yellow-900\/10 { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:fill-yellow-900\/20 { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:fill-yellow-900\/30 { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:fill-yellow-900\/40 { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:fill-yellow-900\/50 { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:fill-yellow-900\/60 { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:fill-yellow-900\/70 { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:fill-yellow-900\/80 { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:fill-yellow-900\/90 { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:fill-cyan-50 { + fill: var(--cyan-50) + } + .sm\:fill-cyan-50\/10 { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:fill-cyan-50\/20 { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:fill-cyan-50\/30 { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:fill-cyan-50\/40 { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:fill-cyan-50\/50 { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:fill-cyan-50\/60 { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:fill-cyan-50\/70 { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:fill-cyan-50\/80 { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:fill-cyan-50\/90 { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:fill-cyan-100 { + fill: var(--cyan-100) + } + .sm\:fill-cyan-100\/10 { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:fill-cyan-100\/20 { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:fill-cyan-100\/30 { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:fill-cyan-100\/40 { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:fill-cyan-100\/50 { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:fill-cyan-100\/60 { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:fill-cyan-100\/70 { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:fill-cyan-100\/80 { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:fill-cyan-100\/90 { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:fill-cyan-200 { + fill: var(--cyan-200) + } + .sm\:fill-cyan-200\/10 { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:fill-cyan-200\/20 { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:fill-cyan-200\/30 { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:fill-cyan-200\/40 { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:fill-cyan-200\/50 { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:fill-cyan-200\/60 { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:fill-cyan-200\/70 { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:fill-cyan-200\/80 { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:fill-cyan-200\/90 { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:fill-cyan-300 { + fill: var(--cyan-300) + } + .sm\:fill-cyan-300\/10 { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:fill-cyan-300\/20 { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:fill-cyan-300\/30 { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:fill-cyan-300\/40 { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:fill-cyan-300\/50 { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:fill-cyan-300\/60 { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:fill-cyan-300\/70 { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:fill-cyan-300\/80 { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:fill-cyan-300\/90 { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:fill-cyan-400 { + fill: var(--cyan-400) + } + .sm\:fill-cyan-400\/10 { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:fill-cyan-400\/20 { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:fill-cyan-400\/30 { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:fill-cyan-400\/40 { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:fill-cyan-400\/50 { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:fill-cyan-400\/60 { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:fill-cyan-400\/70 { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:fill-cyan-400\/80 { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:fill-cyan-400\/90 { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:fill-cyan-500 { + fill: var(--cyan-500) + } + .sm\:fill-cyan-500\/10 { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:fill-cyan-500\/20 { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:fill-cyan-500\/30 { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:fill-cyan-500\/40 { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:fill-cyan-500\/50 { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:fill-cyan-500\/60 { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:fill-cyan-500\/70 { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:fill-cyan-500\/80 { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:fill-cyan-500\/90 { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:fill-cyan-600 { + fill: var(--cyan-600) + } + .sm\:fill-cyan-600\/10 { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:fill-cyan-600\/20 { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:fill-cyan-600\/30 { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:fill-cyan-600\/40 { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:fill-cyan-600\/50 { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:fill-cyan-600\/60 { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:fill-cyan-600\/70 { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:fill-cyan-600\/80 { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:fill-cyan-600\/90 { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:fill-cyan-700 { + fill: var(--cyan-700) + } + .sm\:fill-cyan-700\/10 { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:fill-cyan-700\/20 { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:fill-cyan-700\/30 { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:fill-cyan-700\/40 { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:fill-cyan-700\/50 { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:fill-cyan-700\/60 { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:fill-cyan-700\/70 { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:fill-cyan-700\/80 { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:fill-cyan-700\/90 { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:fill-cyan-800 { + fill: var(--cyan-800) + } + .sm\:fill-cyan-800\/10 { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:fill-cyan-800\/20 { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:fill-cyan-800\/30 { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:fill-cyan-800\/40 { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:fill-cyan-800\/50 { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:fill-cyan-800\/60 { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:fill-cyan-800\/70 { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:fill-cyan-800\/80 { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:fill-cyan-800\/90 { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:fill-cyan-900 { + fill: var(--cyan-900) + } + .sm\:fill-cyan-900\/10 { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:fill-cyan-900\/20 { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:fill-cyan-900\/30 { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:fill-cyan-900\/40 { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:fill-cyan-900\/50 { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:fill-cyan-900\/60 { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:fill-cyan-900\/70 { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:fill-cyan-900\/80 { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:fill-cyan-900\/90 { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:fill-pink-50 { + fill: var(--pink-50) + } + .sm\:fill-pink-50\/10 { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:fill-pink-50\/20 { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:fill-pink-50\/30 { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:fill-pink-50\/40 { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:fill-pink-50\/50 { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:fill-pink-50\/60 { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:fill-pink-50\/70 { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:fill-pink-50\/80 { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:fill-pink-50\/90 { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:fill-pink-100 { + fill: var(--pink-100) + } + .sm\:fill-pink-100\/10 { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:fill-pink-100\/20 { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:fill-pink-100\/30 { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:fill-pink-100\/40 { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:fill-pink-100\/50 { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:fill-pink-100\/60 { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:fill-pink-100\/70 { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:fill-pink-100\/80 { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:fill-pink-100\/90 { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:fill-pink-200 { + fill: var(--pink-200) + } + .sm\:fill-pink-200\/10 { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:fill-pink-200\/20 { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:fill-pink-200\/30 { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:fill-pink-200\/40 { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:fill-pink-200\/50 { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:fill-pink-200\/60 { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:fill-pink-200\/70 { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:fill-pink-200\/80 { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:fill-pink-200\/90 { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:fill-pink-300 { + fill: var(--pink-300) + } + .sm\:fill-pink-300\/10 { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:fill-pink-300\/20 { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:fill-pink-300\/30 { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:fill-pink-300\/40 { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:fill-pink-300\/50 { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:fill-pink-300\/60 { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:fill-pink-300\/70 { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:fill-pink-300\/80 { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:fill-pink-300\/90 { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:fill-pink-400 { + fill: var(--pink-400) + } + .sm\:fill-pink-400\/10 { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:fill-pink-400\/20 { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:fill-pink-400\/30 { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:fill-pink-400\/40 { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:fill-pink-400\/50 { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:fill-pink-400\/60 { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:fill-pink-400\/70 { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:fill-pink-400\/80 { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:fill-pink-400\/90 { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:fill-pink-500 { + fill: var(--pink-500) + } + .sm\:fill-pink-500\/10 { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:fill-pink-500\/20 { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:fill-pink-500\/30 { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:fill-pink-500\/40 { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:fill-pink-500\/50 { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:fill-pink-500\/60 { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:fill-pink-500\/70 { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:fill-pink-500\/80 { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:fill-pink-500\/90 { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:fill-pink-600 { + fill: var(--pink-600) + } + .sm\:fill-pink-600\/10 { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:fill-pink-600\/20 { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:fill-pink-600\/30 { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:fill-pink-600\/40 { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:fill-pink-600\/50 { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:fill-pink-600\/60 { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:fill-pink-600\/70 { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:fill-pink-600\/80 { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:fill-pink-600\/90 { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:fill-pink-700 { + fill: var(--pink-700) + } + .sm\:fill-pink-700\/10 { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:fill-pink-700\/20 { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:fill-pink-700\/30 { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:fill-pink-700\/40 { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:fill-pink-700\/50 { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:fill-pink-700\/60 { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:fill-pink-700\/70 { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:fill-pink-700\/80 { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:fill-pink-700\/90 { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:fill-pink-800 { + fill: var(--pink-800) + } + .sm\:fill-pink-800\/10 { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:fill-pink-800\/20 { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:fill-pink-800\/30 { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:fill-pink-800\/40 { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:fill-pink-800\/50 { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:fill-pink-800\/60 { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:fill-pink-800\/70 { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:fill-pink-800\/80 { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:fill-pink-800\/90 { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:fill-pink-900 { + fill: var(--pink-900) + } + .sm\:fill-pink-900\/10 { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:fill-pink-900\/20 { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:fill-pink-900\/30 { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:fill-pink-900\/40 { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:fill-pink-900\/50 { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:fill-pink-900\/60 { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:fill-pink-900\/70 { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:fill-pink-900\/80 { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:fill-pink-900\/90 { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:fill-indigo-50 { + fill: var(--indigo-50) + } + .sm\:fill-indigo-50\/10 { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:fill-indigo-50\/20 { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:fill-indigo-50\/30 { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:fill-indigo-50\/40 { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:fill-indigo-50\/50 { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:fill-indigo-50\/60 { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:fill-indigo-50\/70 { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:fill-indigo-50\/80 { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:fill-indigo-50\/90 { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:fill-indigo-100 { + fill: var(--indigo-100) + } + .sm\:fill-indigo-100\/10 { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:fill-indigo-100\/20 { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:fill-indigo-100\/30 { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:fill-indigo-100\/40 { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:fill-indigo-100\/50 { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:fill-indigo-100\/60 { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:fill-indigo-100\/70 { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:fill-indigo-100\/80 { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:fill-indigo-100\/90 { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:fill-indigo-200 { + fill: var(--indigo-200) + } + .sm\:fill-indigo-200\/10 { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:fill-indigo-200\/20 { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:fill-indigo-200\/30 { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:fill-indigo-200\/40 { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:fill-indigo-200\/50 { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:fill-indigo-200\/60 { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:fill-indigo-200\/70 { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:fill-indigo-200\/80 { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:fill-indigo-200\/90 { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:fill-indigo-300 { + fill: var(--indigo-300) + } + .sm\:fill-indigo-300\/10 { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:fill-indigo-300\/20 { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:fill-indigo-300\/30 { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:fill-indigo-300\/40 { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:fill-indigo-300\/50 { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:fill-indigo-300\/60 { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:fill-indigo-300\/70 { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:fill-indigo-300\/80 { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:fill-indigo-300\/90 { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:fill-indigo-400 { + fill: var(--indigo-400) + } + .sm\:fill-indigo-400\/10 { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:fill-indigo-400\/20 { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:fill-indigo-400\/30 { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:fill-indigo-400\/40 { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:fill-indigo-400\/50 { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:fill-indigo-400\/60 { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:fill-indigo-400\/70 { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:fill-indigo-400\/80 { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:fill-indigo-400\/90 { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:fill-indigo-500 { + fill: var(--indigo-500) + } + .sm\:fill-indigo-500\/10 { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:fill-indigo-500\/20 { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:fill-indigo-500\/30 { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:fill-indigo-500\/40 { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:fill-indigo-500\/50 { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:fill-indigo-500\/60 { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:fill-indigo-500\/70 { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:fill-indigo-500\/80 { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:fill-indigo-500\/90 { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:fill-indigo-600 { + fill: var(--indigo-600) + } + .sm\:fill-indigo-600\/10 { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:fill-indigo-600\/20 { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:fill-indigo-600\/30 { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:fill-indigo-600\/40 { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:fill-indigo-600\/50 { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:fill-indigo-600\/60 { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:fill-indigo-600\/70 { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:fill-indigo-600\/80 { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:fill-indigo-600\/90 { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:fill-indigo-700 { + fill: var(--indigo-700) + } + .sm\:fill-indigo-700\/10 { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:fill-indigo-700\/20 { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:fill-indigo-700\/30 { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:fill-indigo-700\/40 { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:fill-indigo-700\/50 { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:fill-indigo-700\/60 { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:fill-indigo-700\/70 { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:fill-indigo-700\/80 { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:fill-indigo-700\/90 { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:fill-indigo-800 { + fill: var(--indigo-800) + } + .sm\:fill-indigo-800\/10 { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:fill-indigo-800\/20 { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:fill-indigo-800\/30 { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:fill-indigo-800\/40 { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:fill-indigo-800\/50 { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:fill-indigo-800\/60 { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:fill-indigo-800\/70 { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:fill-indigo-800\/80 { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:fill-indigo-800\/90 { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:fill-indigo-900 { + fill: var(--indigo-900) + } + .sm\:fill-indigo-900\/10 { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:fill-indigo-900\/20 { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:fill-indigo-900\/30 { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:fill-indigo-900\/40 { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:fill-indigo-900\/50 { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:fill-indigo-900\/60 { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:fill-indigo-900\/70 { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:fill-indigo-900\/80 { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:fill-indigo-900\/90 { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:fill-teal-50 { + fill: var(--teal-50) + } + .sm\:fill-teal-50\/10 { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:fill-teal-50\/20 { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:fill-teal-50\/30 { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:fill-teal-50\/40 { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:fill-teal-50\/50 { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:fill-teal-50\/60 { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:fill-teal-50\/70 { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:fill-teal-50\/80 { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:fill-teal-50\/90 { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:fill-teal-100 { + fill: var(--teal-100) + } + .sm\:fill-teal-100\/10 { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:fill-teal-100\/20 { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:fill-teal-100\/30 { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:fill-teal-100\/40 { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:fill-teal-100\/50 { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:fill-teal-100\/60 { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:fill-teal-100\/70 { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:fill-teal-100\/80 { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:fill-teal-100\/90 { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:fill-teal-200 { + fill: var(--teal-200) + } + .sm\:fill-teal-200\/10 { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:fill-teal-200\/20 { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:fill-teal-200\/30 { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:fill-teal-200\/40 { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:fill-teal-200\/50 { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:fill-teal-200\/60 { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:fill-teal-200\/70 { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:fill-teal-200\/80 { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:fill-teal-200\/90 { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:fill-teal-300 { + fill: var(--teal-300) + } + .sm\:fill-teal-300\/10 { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:fill-teal-300\/20 { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:fill-teal-300\/30 { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:fill-teal-300\/40 { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:fill-teal-300\/50 { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:fill-teal-300\/60 { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:fill-teal-300\/70 { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:fill-teal-300\/80 { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:fill-teal-300\/90 { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:fill-teal-400 { + fill: var(--teal-400) + } + .sm\:fill-teal-400\/10 { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:fill-teal-400\/20 { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:fill-teal-400\/30 { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:fill-teal-400\/40 { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:fill-teal-400\/50 { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:fill-teal-400\/60 { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:fill-teal-400\/70 { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:fill-teal-400\/80 { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:fill-teal-400\/90 { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:fill-teal-500 { + fill: var(--teal-500) + } + .sm\:fill-teal-500\/10 { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:fill-teal-500\/20 { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:fill-teal-500\/30 { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:fill-teal-500\/40 { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:fill-teal-500\/50 { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:fill-teal-500\/60 { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:fill-teal-500\/70 { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:fill-teal-500\/80 { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:fill-teal-500\/90 { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:fill-teal-600 { + fill: var(--teal-600) + } + .sm\:fill-teal-600\/10 { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:fill-teal-600\/20 { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:fill-teal-600\/30 { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:fill-teal-600\/40 { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:fill-teal-600\/50 { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:fill-teal-600\/60 { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:fill-teal-600\/70 { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:fill-teal-600\/80 { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:fill-teal-600\/90 { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:fill-teal-700 { + fill: var(--teal-700) + } + .sm\:fill-teal-700\/10 { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:fill-teal-700\/20 { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:fill-teal-700\/30 { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:fill-teal-700\/40 { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:fill-teal-700\/50 { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:fill-teal-700\/60 { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:fill-teal-700\/70 { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:fill-teal-700\/80 { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:fill-teal-700\/90 { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:fill-teal-800 { + fill: var(--teal-800) + } + .sm\:fill-teal-800\/10 { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:fill-teal-800\/20 { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:fill-teal-800\/30 { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:fill-teal-800\/40 { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:fill-teal-800\/50 { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:fill-teal-800\/60 { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:fill-teal-800\/70 { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:fill-teal-800\/80 { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:fill-teal-800\/90 { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:fill-teal-900 { + fill: var(--teal-900) + } + .sm\:fill-teal-900\/10 { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:fill-teal-900\/20 { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:fill-teal-900\/30 { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:fill-teal-900\/40 { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:fill-teal-900\/50 { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:fill-teal-900\/60 { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:fill-teal-900\/70 { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:fill-teal-900\/80 { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:fill-teal-900\/90 { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:fill-orange-50 { + fill: var(--orange-50) + } + .sm\:fill-orange-50\/10 { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:fill-orange-50\/20 { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:fill-orange-50\/30 { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:fill-orange-50\/40 { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:fill-orange-50\/50 { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:fill-orange-50\/60 { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:fill-orange-50\/70 { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:fill-orange-50\/80 { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:fill-orange-50\/90 { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:fill-orange-100 { + fill: var(--orange-100) + } + .sm\:fill-orange-100\/10 { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:fill-orange-100\/20 { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:fill-orange-100\/30 { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:fill-orange-100\/40 { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:fill-orange-100\/50 { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:fill-orange-100\/60 { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:fill-orange-100\/70 { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:fill-orange-100\/80 { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:fill-orange-100\/90 { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:fill-orange-200 { + fill: var(--orange-200) + } + .sm\:fill-orange-200\/10 { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:fill-orange-200\/20 { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:fill-orange-200\/30 { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:fill-orange-200\/40 { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:fill-orange-200\/50 { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:fill-orange-200\/60 { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:fill-orange-200\/70 { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:fill-orange-200\/80 { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:fill-orange-200\/90 { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:fill-orange-300 { + fill: var(--orange-300) + } + .sm\:fill-orange-300\/10 { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:fill-orange-300\/20 { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:fill-orange-300\/30 { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:fill-orange-300\/40 { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:fill-orange-300\/50 { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:fill-orange-300\/60 { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:fill-orange-300\/70 { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:fill-orange-300\/80 { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:fill-orange-300\/90 { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:fill-orange-400 { + fill: var(--orange-400) + } + .sm\:fill-orange-400\/10 { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:fill-orange-400\/20 { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:fill-orange-400\/30 { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:fill-orange-400\/40 { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:fill-orange-400\/50 { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:fill-orange-400\/60 { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:fill-orange-400\/70 { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:fill-orange-400\/80 { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:fill-orange-400\/90 { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:fill-orange-500 { + fill: var(--orange-500) + } + .sm\:fill-orange-500\/10 { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:fill-orange-500\/20 { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:fill-orange-500\/30 { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:fill-orange-500\/40 { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:fill-orange-500\/50 { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:fill-orange-500\/60 { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:fill-orange-500\/70 { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:fill-orange-500\/80 { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:fill-orange-500\/90 { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:fill-orange-600 { + fill: var(--orange-600) + } + .sm\:fill-orange-600\/10 { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:fill-orange-600\/20 { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:fill-orange-600\/30 { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:fill-orange-600\/40 { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:fill-orange-600\/50 { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:fill-orange-600\/60 { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:fill-orange-600\/70 { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:fill-orange-600\/80 { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:fill-orange-600\/90 { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:fill-orange-700 { + fill: var(--orange-700) + } + .sm\:fill-orange-700\/10 { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:fill-orange-700\/20 { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:fill-orange-700\/30 { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:fill-orange-700\/40 { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:fill-orange-700\/50 { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:fill-orange-700\/60 { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:fill-orange-700\/70 { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:fill-orange-700\/80 { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:fill-orange-700\/90 { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:fill-orange-800 { + fill: var(--orange-800) + } + .sm\:fill-orange-800\/10 { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:fill-orange-800\/20 { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:fill-orange-800\/30 { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:fill-orange-800\/40 { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:fill-orange-800\/50 { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:fill-orange-800\/60 { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:fill-orange-800\/70 { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:fill-orange-800\/80 { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:fill-orange-800\/90 { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:fill-orange-900 { + fill: var(--orange-900) + } + .sm\:fill-orange-900\/10 { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:fill-orange-900\/20 { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:fill-orange-900\/30 { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:fill-orange-900\/40 { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:fill-orange-900\/50 { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:fill-orange-900\/60 { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:fill-orange-900\/70 { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:fill-orange-900\/80 { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:fill-orange-900\/90 { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:fill-bluegray-50 { + fill: var(--bluegray-50) + } + .sm\:fill-bluegray-50\/10 { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:fill-bluegray-50\/20 { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:fill-bluegray-50\/30 { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:fill-bluegray-50\/40 { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:fill-bluegray-50\/50 { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:fill-bluegray-50\/60 { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:fill-bluegray-50\/70 { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:fill-bluegray-50\/80 { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:fill-bluegray-50\/90 { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:fill-bluegray-100 { + fill: var(--bluegray-100) + } + .sm\:fill-bluegray-100\/10 { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:fill-bluegray-100\/20 { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:fill-bluegray-100\/30 { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:fill-bluegray-100\/40 { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:fill-bluegray-100\/50 { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:fill-bluegray-100\/60 { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:fill-bluegray-100\/70 { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:fill-bluegray-100\/80 { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:fill-bluegray-100\/90 { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:fill-bluegray-200 { + fill: var(--bluegray-200) + } + .sm\:fill-bluegray-200\/10 { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:fill-bluegray-200\/20 { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:fill-bluegray-200\/30 { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:fill-bluegray-200\/40 { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:fill-bluegray-200\/50 { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:fill-bluegray-200\/60 { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:fill-bluegray-200\/70 { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:fill-bluegray-200\/80 { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:fill-bluegray-200\/90 { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:fill-bluegray-300 { + fill: var(--bluegray-300) + } + .sm\:fill-bluegray-300\/10 { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:fill-bluegray-300\/20 { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:fill-bluegray-300\/30 { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:fill-bluegray-300\/40 { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:fill-bluegray-300\/50 { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:fill-bluegray-300\/60 { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:fill-bluegray-300\/70 { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:fill-bluegray-300\/80 { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:fill-bluegray-300\/90 { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:fill-bluegray-400 { + fill: var(--bluegray-400) + } + .sm\:fill-bluegray-400\/10 { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:fill-bluegray-400\/20 { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:fill-bluegray-400\/30 { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:fill-bluegray-400\/40 { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:fill-bluegray-400\/50 { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:fill-bluegray-400\/60 { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:fill-bluegray-400\/70 { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:fill-bluegray-400\/80 { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:fill-bluegray-400\/90 { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:fill-bluegray-500 { + fill: var(--bluegray-500) + } + .sm\:fill-bluegray-500\/10 { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:fill-bluegray-500\/20 { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:fill-bluegray-500\/30 { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:fill-bluegray-500\/40 { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:fill-bluegray-500\/50 { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:fill-bluegray-500\/60 { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:fill-bluegray-500\/70 { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:fill-bluegray-500\/80 { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:fill-bluegray-500\/90 { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:fill-bluegray-600 { + fill: var(--bluegray-600) + } + .sm\:fill-bluegray-600\/10 { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:fill-bluegray-600\/20 { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:fill-bluegray-600\/30 { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:fill-bluegray-600\/40 { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:fill-bluegray-600\/50 { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:fill-bluegray-600\/60 { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:fill-bluegray-600\/70 { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:fill-bluegray-600\/80 { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:fill-bluegray-600\/90 { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:fill-bluegray-700 { + fill: var(--bluegray-700) + } + .sm\:fill-bluegray-700\/10 { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:fill-bluegray-700\/20 { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:fill-bluegray-700\/30 { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:fill-bluegray-700\/40 { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:fill-bluegray-700\/50 { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:fill-bluegray-700\/60 { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:fill-bluegray-700\/70 { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:fill-bluegray-700\/80 { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:fill-bluegray-700\/90 { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:fill-bluegray-800 { + fill: var(--bluegray-800) + } + .sm\:fill-bluegray-800\/10 { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:fill-bluegray-800\/20 { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:fill-bluegray-800\/30 { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:fill-bluegray-800\/40 { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:fill-bluegray-800\/50 { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:fill-bluegray-800\/60 { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:fill-bluegray-800\/70 { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:fill-bluegray-800\/80 { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:fill-bluegray-800\/90 { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:fill-bluegray-900 { + fill: var(--bluegray-900) + } + .sm\:fill-bluegray-900\/10 { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:fill-bluegray-900\/20 { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:fill-bluegray-900\/30 { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:fill-bluegray-900\/40 { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:fill-bluegray-900\/50 { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:fill-bluegray-900\/60 { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:fill-bluegray-900\/70 { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:fill-bluegray-900\/80 { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:fill-bluegray-900\/90 { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:fill-purple-50 { + fill: var(--purple-50) + } + .sm\:fill-purple-50\/10 { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:fill-purple-50\/20 { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:fill-purple-50\/30 { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:fill-purple-50\/40 { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:fill-purple-50\/50 { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:fill-purple-50\/60 { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:fill-purple-50\/70 { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:fill-purple-50\/80 { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:fill-purple-50\/90 { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:fill-purple-100 { + fill: var(--purple-100) + } + .sm\:fill-purple-100\/10 { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:fill-purple-100\/20 { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:fill-purple-100\/30 { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:fill-purple-100\/40 { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:fill-purple-100\/50 { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:fill-purple-100\/60 { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:fill-purple-100\/70 { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:fill-purple-100\/80 { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:fill-purple-100\/90 { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:fill-purple-200 { + fill: var(--purple-200) + } + .sm\:fill-purple-200\/10 { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:fill-purple-200\/20 { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:fill-purple-200\/30 { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:fill-purple-200\/40 { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:fill-purple-200\/50 { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:fill-purple-200\/60 { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:fill-purple-200\/70 { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:fill-purple-200\/80 { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:fill-purple-200\/90 { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:fill-purple-300 { + fill: var(--purple-300) + } + .sm\:fill-purple-300\/10 { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:fill-purple-300\/20 { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:fill-purple-300\/30 { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:fill-purple-300\/40 { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:fill-purple-300\/50 { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:fill-purple-300\/60 { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:fill-purple-300\/70 { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:fill-purple-300\/80 { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:fill-purple-300\/90 { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:fill-purple-400 { + fill: var(--purple-400) + } + .sm\:fill-purple-400\/10 { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:fill-purple-400\/20 { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:fill-purple-400\/30 { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:fill-purple-400\/40 { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:fill-purple-400\/50 { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:fill-purple-400\/60 { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:fill-purple-400\/70 { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:fill-purple-400\/80 { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:fill-purple-400\/90 { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:fill-purple-500 { + fill: var(--purple-500) + } + .sm\:fill-purple-500\/10 { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:fill-purple-500\/20 { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:fill-purple-500\/30 { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:fill-purple-500\/40 { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:fill-purple-500\/50 { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:fill-purple-500\/60 { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:fill-purple-500\/70 { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:fill-purple-500\/80 { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:fill-purple-500\/90 { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:fill-purple-600 { + fill: var(--purple-600) + } + .sm\:fill-purple-600\/10 { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:fill-purple-600\/20 { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:fill-purple-600\/30 { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:fill-purple-600\/40 { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:fill-purple-600\/50 { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:fill-purple-600\/60 { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:fill-purple-600\/70 { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:fill-purple-600\/80 { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:fill-purple-600\/90 { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:fill-purple-700 { + fill: var(--purple-700) + } + .sm\:fill-purple-700\/10 { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:fill-purple-700\/20 { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:fill-purple-700\/30 { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:fill-purple-700\/40 { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:fill-purple-700\/50 { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:fill-purple-700\/60 { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:fill-purple-700\/70 { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:fill-purple-700\/80 { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:fill-purple-700\/90 { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:fill-purple-800 { + fill: var(--purple-800) + } + .sm\:fill-purple-800\/10 { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:fill-purple-800\/20 { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:fill-purple-800\/30 { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:fill-purple-800\/40 { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:fill-purple-800\/50 { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:fill-purple-800\/60 { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:fill-purple-800\/70 { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:fill-purple-800\/80 { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:fill-purple-800\/90 { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:fill-purple-900 { + fill: var(--purple-900) + } + .sm\:fill-purple-900\/10 { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:fill-purple-900\/20 { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:fill-purple-900\/30 { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:fill-purple-900\/40 { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:fill-purple-900\/50 { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:fill-purple-900\/60 { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:fill-purple-900\/70 { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:fill-purple-900\/80 { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:fill-purple-900\/90 { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:fill-red-50 { + fill: var(--red-50) + } + .sm\:fill-red-50\/10 { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:fill-red-50\/20 { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:fill-red-50\/30 { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:fill-red-50\/40 { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:fill-red-50\/50 { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:fill-red-50\/60 { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:fill-red-50\/70 { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:fill-red-50\/80 { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:fill-red-50\/90 { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:fill-red-100 { + fill: var(--red-100) + } + .sm\:fill-red-100\/10 { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:fill-red-100\/20 { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:fill-red-100\/30 { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:fill-red-100\/40 { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:fill-red-100\/50 { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:fill-red-100\/60 { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:fill-red-100\/70 { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:fill-red-100\/80 { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:fill-red-100\/90 { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:fill-red-200 { + fill: var(--red-200) + } + .sm\:fill-red-200\/10 { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:fill-red-200\/20 { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:fill-red-200\/30 { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:fill-red-200\/40 { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:fill-red-200\/50 { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:fill-red-200\/60 { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:fill-red-200\/70 { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:fill-red-200\/80 { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:fill-red-200\/90 { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:fill-red-300 { + fill: var(--red-300) + } + .sm\:fill-red-300\/10 { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:fill-red-300\/20 { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:fill-red-300\/30 { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:fill-red-300\/40 { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:fill-red-300\/50 { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:fill-red-300\/60 { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:fill-red-300\/70 { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:fill-red-300\/80 { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:fill-red-300\/90 { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:fill-red-400 { + fill: var(--red-400) + } + .sm\:fill-red-400\/10 { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:fill-red-400\/20 { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:fill-red-400\/30 { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:fill-red-400\/40 { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:fill-red-400\/50 { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:fill-red-400\/60 { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:fill-red-400\/70 { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:fill-red-400\/80 { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:fill-red-400\/90 { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:fill-red-500 { + fill: var(--red-500) + } + .sm\:fill-red-500\/10 { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:fill-red-500\/20 { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:fill-red-500\/30 { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:fill-red-500\/40 { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:fill-red-500\/50 { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:fill-red-500\/60 { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:fill-red-500\/70 { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:fill-red-500\/80 { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:fill-red-500\/90 { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:fill-red-600 { + fill: var(--red-600) + } + .sm\:fill-red-600\/10 { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:fill-red-600\/20 { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:fill-red-600\/30 { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:fill-red-600\/40 { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:fill-red-600\/50 { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:fill-red-600\/60 { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:fill-red-600\/70 { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:fill-red-600\/80 { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:fill-red-600\/90 { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:fill-red-700 { + fill: var(--red-700) + } + .sm\:fill-red-700\/10 { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:fill-red-700\/20 { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:fill-red-700\/30 { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:fill-red-700\/40 { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:fill-red-700\/50 { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:fill-red-700\/60 { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:fill-red-700\/70 { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:fill-red-700\/80 { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:fill-red-700\/90 { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:fill-red-800 { + fill: var(--red-800) + } + .sm\:fill-red-800\/10 { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:fill-red-800\/20 { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:fill-red-800\/30 { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:fill-red-800\/40 { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:fill-red-800\/50 { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:fill-red-800\/60 { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:fill-red-800\/70 { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:fill-red-800\/80 { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:fill-red-800\/90 { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:fill-red-900 { + fill: var(--red-900) + } + .sm\:fill-red-900\/10 { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:fill-red-900\/20 { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:fill-red-900\/30 { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:fill-red-900\/40 { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:fill-red-900\/50 { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:fill-red-900\/60 { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:fill-red-900\/70 { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:fill-red-900\/80 { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:fill-red-900\/90 { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:fill-gray-50 { + fill: var(--gray-50) + } + .sm\:fill-gray-50\/10 { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:fill-gray-50\/20 { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:fill-gray-50\/30 { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:fill-gray-50\/40 { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:fill-gray-50\/50 { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:fill-gray-50\/60 { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:fill-gray-50\/70 { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:fill-gray-50\/80 { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:fill-gray-50\/90 { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:fill-gray-100 { + fill: var(--gray-100) + } + .sm\:fill-gray-100\/10 { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:fill-gray-100\/20 { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:fill-gray-100\/30 { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:fill-gray-100\/40 { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:fill-gray-100\/50 { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:fill-gray-100\/60 { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:fill-gray-100\/70 { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:fill-gray-100\/80 { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:fill-gray-100\/90 { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:fill-gray-200 { + fill: var(--gray-200) + } + .sm\:fill-gray-200\/10 { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:fill-gray-200\/20 { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:fill-gray-200\/30 { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:fill-gray-200\/40 { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:fill-gray-200\/50 { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:fill-gray-200\/60 { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:fill-gray-200\/70 { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:fill-gray-200\/80 { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:fill-gray-200\/90 { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:fill-gray-300 { + fill: var(--gray-300) + } + .sm\:fill-gray-300\/10 { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:fill-gray-300\/20 { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:fill-gray-300\/30 { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:fill-gray-300\/40 { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:fill-gray-300\/50 { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:fill-gray-300\/60 { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:fill-gray-300\/70 { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:fill-gray-300\/80 { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:fill-gray-300\/90 { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:fill-gray-400 { + fill: var(--gray-400) + } + .sm\:fill-gray-400\/10 { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:fill-gray-400\/20 { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:fill-gray-400\/30 { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:fill-gray-400\/40 { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:fill-gray-400\/50 { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:fill-gray-400\/60 { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:fill-gray-400\/70 { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:fill-gray-400\/80 { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:fill-gray-400\/90 { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:fill-gray-500 { + fill: var(--gray-500) + } + .sm\:fill-gray-500\/10 { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:fill-gray-500\/20 { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:fill-gray-500\/30 { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:fill-gray-500\/40 { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:fill-gray-500\/50 { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:fill-gray-500\/60 { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:fill-gray-500\/70 { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:fill-gray-500\/80 { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:fill-gray-500\/90 { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:fill-gray-600 { + fill: var(--gray-600) + } + .sm\:fill-gray-600\/10 { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:fill-gray-600\/20 { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:fill-gray-600\/30 { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:fill-gray-600\/40 { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:fill-gray-600\/50 { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:fill-gray-600\/60 { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:fill-gray-600\/70 { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:fill-gray-600\/80 { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:fill-gray-600\/90 { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:fill-gray-700 { + fill: var(--gray-700) + } + .sm\:fill-gray-700\/10 { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:fill-gray-700\/20 { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:fill-gray-700\/30 { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:fill-gray-700\/40 { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:fill-gray-700\/50 { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:fill-gray-700\/60 { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:fill-gray-700\/70 { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:fill-gray-700\/80 { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:fill-gray-700\/90 { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:fill-gray-800 { + fill: var(--gray-800) + } + .sm\:fill-gray-800\/10 { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:fill-gray-800\/20 { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:fill-gray-800\/30 { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:fill-gray-800\/40 { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:fill-gray-800\/50 { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:fill-gray-800\/60 { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:fill-gray-800\/70 { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:fill-gray-800\/80 { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:fill-gray-800\/90 { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:fill-gray-900 { + fill: var(--gray-900) + } + .sm\:fill-gray-900\/10 { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:fill-gray-900\/20 { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:fill-gray-900\/30 { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:fill-gray-900\/40 { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:fill-gray-900\/50 { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:fill-gray-900\/60 { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:fill-gray-900\/70 { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:fill-gray-900\/80 { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:fill-gray-900\/90 { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:fill-surface-0 { + fill: var(--surface-0) + } + .sm\:fill-surface-0\/10 { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:fill-surface-0\/20 { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:fill-surface-0\/30 { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:fill-surface-0\/40 { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:fill-surface-0\/50 { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:fill-surface-0\/60 { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:fill-surface-0\/70 { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:fill-surface-0\/80 { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:fill-surface-0\/90 { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:fill-surface-50 { + fill: var(--surface-50) + } + .sm\:fill-surface-50\/10 { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:fill-surface-50\/20 { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:fill-surface-50\/30 { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:fill-surface-50\/40 { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:fill-surface-50\/50 { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:fill-surface-50\/60 { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:fill-surface-50\/70 { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:fill-surface-50\/80 { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:fill-surface-50\/90 { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:fill-surface-100 { + fill: var(--surface-100) + } + .sm\:fill-surface-100\/10 { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:fill-surface-100\/20 { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:fill-surface-100\/30 { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:fill-surface-100\/40 { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:fill-surface-100\/50 { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:fill-surface-100\/60 { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:fill-surface-100\/70 { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:fill-surface-100\/80 { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:fill-surface-100\/90 { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:fill-surface-200 { + fill: var(--surface-200) + } + .sm\:fill-surface-200\/10 { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:fill-surface-200\/20 { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:fill-surface-200\/30 { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:fill-surface-200\/40 { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:fill-surface-200\/50 { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:fill-surface-200\/60 { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:fill-surface-200\/70 { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:fill-surface-200\/80 { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:fill-surface-200\/90 { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:fill-surface-300 { + fill: var(--surface-300) + } + .sm\:fill-surface-300\/10 { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:fill-surface-300\/20 { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:fill-surface-300\/30 { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:fill-surface-300\/40 { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:fill-surface-300\/50 { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:fill-surface-300\/60 { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:fill-surface-300\/70 { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:fill-surface-300\/80 { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:fill-surface-300\/90 { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:fill-surface-400 { + fill: var(--surface-400) + } + .sm\:fill-surface-400\/10 { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:fill-surface-400\/20 { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:fill-surface-400\/30 { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:fill-surface-400\/40 { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:fill-surface-400\/50 { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:fill-surface-400\/60 { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:fill-surface-400\/70 { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:fill-surface-400\/80 { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:fill-surface-400\/90 { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:fill-surface-500 { + fill: var(--surface-500) + } + .sm\:fill-surface-500\/10 { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:fill-surface-500\/20 { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:fill-surface-500\/30 { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:fill-surface-500\/40 { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:fill-surface-500\/50 { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:fill-surface-500\/60 { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:fill-surface-500\/70 { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:fill-surface-500\/80 { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:fill-surface-500\/90 { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:fill-surface-600 { + fill: var(--surface-600) + } + .sm\:fill-surface-600\/10 { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:fill-surface-600\/20 { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:fill-surface-600\/30 { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:fill-surface-600\/40 { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:fill-surface-600\/50 { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:fill-surface-600\/60 { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:fill-surface-600\/70 { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:fill-surface-600\/80 { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:fill-surface-600\/90 { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:fill-surface-700 { + fill: var(--surface-700) + } + .sm\:fill-surface-700\/10 { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:fill-surface-700\/20 { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:fill-surface-700\/30 { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:fill-surface-700\/40 { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:fill-surface-700\/50 { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:fill-surface-700\/60 { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:fill-surface-700\/70 { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:fill-surface-700\/80 { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:fill-surface-700\/90 { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:fill-surface-800 { + fill: var(--surface-800) + } + .sm\:fill-surface-800\/10 { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:fill-surface-800\/20 { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:fill-surface-800\/30 { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:fill-surface-800\/40 { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:fill-surface-800\/50 { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:fill-surface-800\/60 { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:fill-surface-800\/70 { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:fill-surface-800\/80 { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:fill-surface-800\/90 { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:fill-surface-900 { + fill: var(--surface-900) + } + .sm\:fill-surface-900\/10 { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:fill-surface-900\/20 { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:fill-surface-900\/30 { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:fill-surface-900\/40 { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:fill-surface-900\/50 { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:fill-surface-900\/60 { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:fill-surface-900\/70 { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:fill-surface-900\/80 { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:fill-surface-900\/90 { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:fill-primary-50 { + fill: var(--primary-50) + } + .sm\:fill-primary-50\/10 { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:fill-primary-50\/20 { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:fill-primary-50\/30 { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:fill-primary-50\/40 { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:fill-primary-50\/50 { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:fill-primary-50\/60 { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:fill-primary-50\/70 { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:fill-primary-50\/80 { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:fill-primary-50\/90 { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:fill-primary-100 { + fill: var(--primary-100) + } + .sm\:fill-primary-100\/10 { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:fill-primary-100\/20 { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:fill-primary-100\/30 { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:fill-primary-100\/40 { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:fill-primary-100\/50 { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:fill-primary-100\/60 { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:fill-primary-100\/70 { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:fill-primary-100\/80 { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:fill-primary-100\/90 { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:fill-primary-200 { + fill: var(--primary-200) + } + .sm\:fill-primary-200\/10 { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:fill-primary-200\/20 { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:fill-primary-200\/30 { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:fill-primary-200\/40 { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:fill-primary-200\/50 { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:fill-primary-200\/60 { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:fill-primary-200\/70 { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:fill-primary-200\/80 { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:fill-primary-200\/90 { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:fill-primary-300 { + fill: var(--primary-300) + } + .sm\:fill-primary-300\/10 { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:fill-primary-300\/20 { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:fill-primary-300\/30 { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:fill-primary-300\/40 { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:fill-primary-300\/50 { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:fill-primary-300\/60 { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:fill-primary-300\/70 { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:fill-primary-300\/80 { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:fill-primary-300\/90 { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:fill-primary-400 { + fill: var(--primary-400) + } + .sm\:fill-primary-400\/10 { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:fill-primary-400\/20 { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:fill-primary-400\/30 { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:fill-primary-400\/40 { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:fill-primary-400\/50 { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:fill-primary-400\/60 { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:fill-primary-400\/70 { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:fill-primary-400\/80 { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:fill-primary-400\/90 { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:fill-primary-500 { + fill: var(--primary-500) + } + .sm\:fill-primary-500\/10 { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:fill-primary-500\/20 { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:fill-primary-500\/30 { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:fill-primary-500\/40 { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:fill-primary-500\/50 { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:fill-primary-500\/60 { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:fill-primary-500\/70 { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:fill-primary-500\/80 { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:fill-primary-500\/90 { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:fill-primary-600 { + fill: var(--primary-600) + } + .sm\:fill-primary-600\/10 { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:fill-primary-600\/20 { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:fill-primary-600\/30 { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:fill-primary-600\/40 { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:fill-primary-600\/50 { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:fill-primary-600\/60 { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:fill-primary-600\/70 { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:fill-primary-600\/80 { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:fill-primary-600\/90 { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:fill-primary-700 { + fill: var(--primary-700) + } + .sm\:fill-primary-700\/10 { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:fill-primary-700\/20 { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:fill-primary-700\/30 { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:fill-primary-700\/40 { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:fill-primary-700\/50 { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:fill-primary-700\/60 { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:fill-primary-700\/70 { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:fill-primary-700\/80 { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:fill-primary-700\/90 { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:fill-primary-800 { + fill: var(--primary-800) + } + .sm\:fill-primary-800\/10 { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:fill-primary-800\/20 { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:fill-primary-800\/30 { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:fill-primary-800\/40 { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:fill-primary-800\/50 { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:fill-primary-800\/60 { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:fill-primary-800\/70 { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:fill-primary-800\/80 { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:fill-primary-800\/90 { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:fill-primary-900 { + fill: var(--primary-900) + } + .sm\:fill-primary-900\/10 { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:fill-primary-900\/20 { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:fill-primary-900\/30 { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:fill-primary-900\/40 { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:fill-primary-900\/50 { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:fill-primary-900\/60 { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:fill-primary-900\/70 { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:fill-primary-900\/80 { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:fill-primary-900\/90 { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:fill-blue-50:focus { + fill: var(--blue-50) + } + .sm\:hover\:fill-blue-50:hover { + fill: var(--blue-50) + } + .sm\:active\:fill-blue-50:active { + fill: var(--blue-50) + } + .sm\:focus\:fill-blue-50\/10:focus { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:fill-blue-50\/10:hover { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:fill-blue-50\/10:active { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:fill-blue-50\/20:focus { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:fill-blue-50\/20:hover { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:fill-blue-50\/20:active { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:fill-blue-50\/30:focus { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:fill-blue-50\/30:hover { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:fill-blue-50\/30:active { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:fill-blue-50\/40:focus { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:fill-blue-50\/40:hover { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:fill-blue-50\/40:active { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:fill-blue-50\/50:focus { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:fill-blue-50\/50:hover { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:fill-blue-50\/50:active { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:fill-blue-50\/60:focus { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:fill-blue-50\/60:hover { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:fill-blue-50\/60:active { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:fill-blue-50\/70:focus { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:fill-blue-50\/70:hover { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:fill-blue-50\/70:active { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:fill-blue-50\/80:focus { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:fill-blue-50\/80:hover { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:fill-blue-50\/80:active { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:fill-blue-50\/90:focus { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:fill-blue-50\/90:hover { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:fill-blue-50\/90:active { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:fill-blue-100:focus { + fill: var(--blue-100) + } + .sm\:hover\:fill-blue-100:hover { + fill: var(--blue-100) + } + .sm\:active\:fill-blue-100:active { + fill: var(--blue-100) + } + .sm\:focus\:fill-blue-100\/10:focus { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:fill-blue-100\/10:hover { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:fill-blue-100\/10:active { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:fill-blue-100\/20:focus { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:fill-blue-100\/20:hover { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:fill-blue-100\/20:active { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:fill-blue-100\/30:focus { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:fill-blue-100\/30:hover { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:fill-blue-100\/30:active { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:fill-blue-100\/40:focus { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:fill-blue-100\/40:hover { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:fill-blue-100\/40:active { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:fill-blue-100\/50:focus { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:fill-blue-100\/50:hover { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:fill-blue-100\/50:active { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:fill-blue-100\/60:focus { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:fill-blue-100\/60:hover { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:fill-blue-100\/60:active { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:fill-blue-100\/70:focus { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:fill-blue-100\/70:hover { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:fill-blue-100\/70:active { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:fill-blue-100\/80:focus { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:fill-blue-100\/80:hover { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:fill-blue-100\/80:active { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:fill-blue-100\/90:focus { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:fill-blue-100\/90:hover { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:fill-blue-100\/90:active { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:fill-blue-200:focus { + fill: var(--blue-200) + } + .sm\:hover\:fill-blue-200:hover { + fill: var(--blue-200) + } + .sm\:active\:fill-blue-200:active { + fill: var(--blue-200) + } + .sm\:focus\:fill-blue-200\/10:focus { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:fill-blue-200\/10:hover { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:fill-blue-200\/10:active { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:fill-blue-200\/20:focus { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:fill-blue-200\/20:hover { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:fill-blue-200\/20:active { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:fill-blue-200\/30:focus { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:fill-blue-200\/30:hover { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:fill-blue-200\/30:active { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:fill-blue-200\/40:focus { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:fill-blue-200\/40:hover { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:fill-blue-200\/40:active { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:fill-blue-200\/50:focus { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:fill-blue-200\/50:hover { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:fill-blue-200\/50:active { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:fill-blue-200\/60:focus { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:fill-blue-200\/60:hover { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:fill-blue-200\/60:active { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:fill-blue-200\/70:focus { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:fill-blue-200\/70:hover { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:fill-blue-200\/70:active { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:fill-blue-200\/80:focus { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:fill-blue-200\/80:hover { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:fill-blue-200\/80:active { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:fill-blue-200\/90:focus { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:fill-blue-200\/90:hover { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:fill-blue-200\/90:active { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:fill-blue-300:focus { + fill: var(--blue-300) + } + .sm\:hover\:fill-blue-300:hover { + fill: var(--blue-300) + } + .sm\:active\:fill-blue-300:active { + fill: var(--blue-300) + } + .sm\:focus\:fill-blue-300\/10:focus { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:fill-blue-300\/10:hover { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:fill-blue-300\/10:active { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:fill-blue-300\/20:focus { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:fill-blue-300\/20:hover { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:fill-blue-300\/20:active { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:fill-blue-300\/30:focus { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:fill-blue-300\/30:hover { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:fill-blue-300\/30:active { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:fill-blue-300\/40:focus { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:fill-blue-300\/40:hover { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:fill-blue-300\/40:active { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:fill-blue-300\/50:focus { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:fill-blue-300\/50:hover { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:fill-blue-300\/50:active { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:fill-blue-300\/60:focus { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:fill-blue-300\/60:hover { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:fill-blue-300\/60:active { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:fill-blue-300\/70:focus { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:fill-blue-300\/70:hover { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:fill-blue-300\/70:active { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:fill-blue-300\/80:focus { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:fill-blue-300\/80:hover { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:fill-blue-300\/80:active { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:fill-blue-300\/90:focus { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:fill-blue-300\/90:hover { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:fill-blue-300\/90:active { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:fill-blue-400:focus { + fill: var(--blue-400) + } + .sm\:hover\:fill-blue-400:hover { + fill: var(--blue-400) + } + .sm\:active\:fill-blue-400:active { + fill: var(--blue-400) + } + .sm\:focus\:fill-blue-400\/10:focus { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:fill-blue-400\/10:hover { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:fill-blue-400\/10:active { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:fill-blue-400\/20:focus { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:fill-blue-400\/20:hover { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:fill-blue-400\/20:active { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:fill-blue-400\/30:focus { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:fill-blue-400\/30:hover { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:fill-blue-400\/30:active { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:fill-blue-400\/40:focus { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:fill-blue-400\/40:hover { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:fill-blue-400\/40:active { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:fill-blue-400\/50:focus { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:fill-blue-400\/50:hover { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:fill-blue-400\/50:active { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:fill-blue-400\/60:focus { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:fill-blue-400\/60:hover { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:fill-blue-400\/60:active { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:fill-blue-400\/70:focus { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:fill-blue-400\/70:hover { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:fill-blue-400\/70:active { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:fill-blue-400\/80:focus { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:fill-blue-400\/80:hover { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:fill-blue-400\/80:active { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:fill-blue-400\/90:focus { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:fill-blue-400\/90:hover { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:fill-blue-400\/90:active { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:fill-blue-500:focus { + fill: var(--blue-500) + } + .sm\:hover\:fill-blue-500:hover { + fill: var(--blue-500) + } + .sm\:active\:fill-blue-500:active { + fill: var(--blue-500) + } + .sm\:focus\:fill-blue-500\/10:focus { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:fill-blue-500\/10:hover { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:fill-blue-500\/10:active { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:fill-blue-500\/20:focus { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:fill-blue-500\/20:hover { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:fill-blue-500\/20:active { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:fill-blue-500\/30:focus { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:fill-blue-500\/30:hover { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:fill-blue-500\/30:active { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:fill-blue-500\/40:focus { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:fill-blue-500\/40:hover { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:fill-blue-500\/40:active { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:fill-blue-500\/50:focus { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:fill-blue-500\/50:hover { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:fill-blue-500\/50:active { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:fill-blue-500\/60:focus { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:fill-blue-500\/60:hover { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:fill-blue-500\/60:active { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:fill-blue-500\/70:focus { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:fill-blue-500\/70:hover { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:fill-blue-500\/70:active { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:fill-blue-500\/80:focus { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:fill-blue-500\/80:hover { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:fill-blue-500\/80:active { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:fill-blue-500\/90:focus { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:fill-blue-500\/90:hover { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:fill-blue-500\/90:active { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:fill-blue-600:focus { + fill: var(--blue-600) + } + .sm\:hover\:fill-blue-600:hover { + fill: var(--blue-600) + } + .sm\:active\:fill-blue-600:active { + fill: var(--blue-600) + } + .sm\:focus\:fill-blue-600\/10:focus { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:fill-blue-600\/10:hover { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:fill-blue-600\/10:active { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:fill-blue-600\/20:focus { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:fill-blue-600\/20:hover { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:fill-blue-600\/20:active { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:fill-blue-600\/30:focus { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:fill-blue-600\/30:hover { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:fill-blue-600\/30:active { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:fill-blue-600\/40:focus { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:fill-blue-600\/40:hover { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:fill-blue-600\/40:active { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:fill-blue-600\/50:focus { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:fill-blue-600\/50:hover { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:fill-blue-600\/50:active { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:fill-blue-600\/60:focus { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:fill-blue-600\/60:hover { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:fill-blue-600\/60:active { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:fill-blue-600\/70:focus { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:fill-blue-600\/70:hover { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:fill-blue-600\/70:active { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:fill-blue-600\/80:focus { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:fill-blue-600\/80:hover { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:fill-blue-600\/80:active { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:fill-blue-600\/90:focus { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:fill-blue-600\/90:hover { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:fill-blue-600\/90:active { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:fill-blue-700:focus { + fill: var(--blue-700) + } + .sm\:hover\:fill-blue-700:hover { + fill: var(--blue-700) + } + .sm\:active\:fill-blue-700:active { + fill: var(--blue-700) + } + .sm\:focus\:fill-blue-700\/10:focus { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:fill-blue-700\/10:hover { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:fill-blue-700\/10:active { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:fill-blue-700\/20:focus { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:fill-blue-700\/20:hover { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:fill-blue-700\/20:active { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:fill-blue-700\/30:focus { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:fill-blue-700\/30:hover { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:fill-blue-700\/30:active { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:fill-blue-700\/40:focus { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:fill-blue-700\/40:hover { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:fill-blue-700\/40:active { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:fill-blue-700\/50:focus { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:fill-blue-700\/50:hover { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:fill-blue-700\/50:active { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:fill-blue-700\/60:focus { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:fill-blue-700\/60:hover { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:fill-blue-700\/60:active { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:fill-blue-700\/70:focus { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:fill-blue-700\/70:hover { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:fill-blue-700\/70:active { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:fill-blue-700\/80:focus { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:fill-blue-700\/80:hover { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:fill-blue-700\/80:active { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:fill-blue-700\/90:focus { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:fill-blue-700\/90:hover { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:fill-blue-700\/90:active { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:fill-blue-800:focus { + fill: var(--blue-800) + } + .sm\:hover\:fill-blue-800:hover { + fill: var(--blue-800) + } + .sm\:active\:fill-blue-800:active { + fill: var(--blue-800) + } + .sm\:focus\:fill-blue-800\/10:focus { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:fill-blue-800\/10:hover { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:fill-blue-800\/10:active { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:fill-blue-800\/20:focus { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:fill-blue-800\/20:hover { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:fill-blue-800\/20:active { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:fill-blue-800\/30:focus { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:fill-blue-800\/30:hover { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:fill-blue-800\/30:active { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:fill-blue-800\/40:focus { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:fill-blue-800\/40:hover { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:fill-blue-800\/40:active { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:fill-blue-800\/50:focus { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:fill-blue-800\/50:hover { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:fill-blue-800\/50:active { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:fill-blue-800\/60:focus { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:fill-blue-800\/60:hover { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:fill-blue-800\/60:active { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:fill-blue-800\/70:focus { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:fill-blue-800\/70:hover { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:fill-blue-800\/70:active { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:fill-blue-800\/80:focus { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:fill-blue-800\/80:hover { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:fill-blue-800\/80:active { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:fill-blue-800\/90:focus { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:fill-blue-800\/90:hover { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:fill-blue-800\/90:active { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:fill-blue-900:focus { + fill: var(--blue-900) + } + .sm\:hover\:fill-blue-900:hover { + fill: var(--blue-900) + } + .sm\:active\:fill-blue-900:active { + fill: var(--blue-900) + } + .sm\:focus\:fill-blue-900\/10:focus { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:fill-blue-900\/10:hover { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:fill-blue-900\/10:active { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:fill-blue-900\/20:focus { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:fill-blue-900\/20:hover { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:fill-blue-900\/20:active { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:fill-blue-900\/30:focus { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:fill-blue-900\/30:hover { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:fill-blue-900\/30:active { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:fill-blue-900\/40:focus { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:fill-blue-900\/40:hover { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:fill-blue-900\/40:active { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:fill-blue-900\/50:focus { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:fill-blue-900\/50:hover { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:fill-blue-900\/50:active { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:fill-blue-900\/60:focus { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:fill-blue-900\/60:hover { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:fill-blue-900\/60:active { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:fill-blue-900\/70:focus { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:fill-blue-900\/70:hover { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:fill-blue-900\/70:active { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:fill-blue-900\/80:focus { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:fill-blue-900\/80:hover { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:fill-blue-900\/80:active { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:fill-blue-900\/90:focus { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:fill-blue-900\/90:hover { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:fill-blue-900\/90:active { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:fill-green-50:focus { + fill: var(--green-50) + } + .sm\:hover\:fill-green-50:hover { + fill: var(--green-50) + } + .sm\:active\:fill-green-50:active { + fill: var(--green-50) + } + .sm\:focus\:fill-green-50\/10:focus { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:fill-green-50\/10:hover { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:fill-green-50\/10:active { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:fill-green-50\/20:focus { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:fill-green-50\/20:hover { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:fill-green-50\/20:active { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:fill-green-50\/30:focus { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:fill-green-50\/30:hover { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:fill-green-50\/30:active { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:fill-green-50\/40:focus { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:fill-green-50\/40:hover { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:fill-green-50\/40:active { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:fill-green-50\/50:focus { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:fill-green-50\/50:hover { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:fill-green-50\/50:active { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:fill-green-50\/60:focus { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:fill-green-50\/60:hover { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:fill-green-50\/60:active { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:fill-green-50\/70:focus { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:fill-green-50\/70:hover { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:fill-green-50\/70:active { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:fill-green-50\/80:focus { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:fill-green-50\/80:hover { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:fill-green-50\/80:active { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:fill-green-50\/90:focus { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:fill-green-50\/90:hover { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:fill-green-50\/90:active { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:fill-green-100:focus { + fill: var(--green-100) + } + .sm\:hover\:fill-green-100:hover { + fill: var(--green-100) + } + .sm\:active\:fill-green-100:active { + fill: var(--green-100) + } + .sm\:focus\:fill-green-100\/10:focus { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:fill-green-100\/10:hover { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:fill-green-100\/10:active { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:fill-green-100\/20:focus { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:fill-green-100\/20:hover { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:fill-green-100\/20:active { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:fill-green-100\/30:focus { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:fill-green-100\/30:hover { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:fill-green-100\/30:active { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:fill-green-100\/40:focus { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:fill-green-100\/40:hover { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:fill-green-100\/40:active { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:fill-green-100\/50:focus { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:fill-green-100\/50:hover { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:fill-green-100\/50:active { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:fill-green-100\/60:focus { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:fill-green-100\/60:hover { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:fill-green-100\/60:active { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:fill-green-100\/70:focus { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:fill-green-100\/70:hover { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:fill-green-100\/70:active { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:fill-green-100\/80:focus { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:fill-green-100\/80:hover { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:fill-green-100\/80:active { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:fill-green-100\/90:focus { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:fill-green-100\/90:hover { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:fill-green-100\/90:active { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:fill-green-200:focus { + fill: var(--green-200) + } + .sm\:hover\:fill-green-200:hover { + fill: var(--green-200) + } + .sm\:active\:fill-green-200:active { + fill: var(--green-200) + } + .sm\:focus\:fill-green-200\/10:focus { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:fill-green-200\/10:hover { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:fill-green-200\/10:active { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:fill-green-200\/20:focus { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:fill-green-200\/20:hover { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:fill-green-200\/20:active { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:fill-green-200\/30:focus { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:fill-green-200\/30:hover { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:fill-green-200\/30:active { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:fill-green-200\/40:focus { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:fill-green-200\/40:hover { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:fill-green-200\/40:active { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:fill-green-200\/50:focus { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:fill-green-200\/50:hover { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:fill-green-200\/50:active { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:fill-green-200\/60:focus { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:fill-green-200\/60:hover { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:fill-green-200\/60:active { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:fill-green-200\/70:focus { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:fill-green-200\/70:hover { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:fill-green-200\/70:active { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:fill-green-200\/80:focus { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:fill-green-200\/80:hover { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:fill-green-200\/80:active { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:fill-green-200\/90:focus { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:fill-green-200\/90:hover { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:fill-green-200\/90:active { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:fill-green-300:focus { + fill: var(--green-300) + } + .sm\:hover\:fill-green-300:hover { + fill: var(--green-300) + } + .sm\:active\:fill-green-300:active { + fill: var(--green-300) + } + .sm\:focus\:fill-green-300\/10:focus { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:fill-green-300\/10:hover { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:fill-green-300\/10:active { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:fill-green-300\/20:focus { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:fill-green-300\/20:hover { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:fill-green-300\/20:active { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:fill-green-300\/30:focus { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:fill-green-300\/30:hover { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:fill-green-300\/30:active { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:fill-green-300\/40:focus { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:fill-green-300\/40:hover { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:fill-green-300\/40:active { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:fill-green-300\/50:focus { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:fill-green-300\/50:hover { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:fill-green-300\/50:active { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:fill-green-300\/60:focus { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:fill-green-300\/60:hover { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:fill-green-300\/60:active { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:fill-green-300\/70:focus { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:fill-green-300\/70:hover { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:fill-green-300\/70:active { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:fill-green-300\/80:focus { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:fill-green-300\/80:hover { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:fill-green-300\/80:active { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:fill-green-300\/90:focus { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:fill-green-300\/90:hover { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:fill-green-300\/90:active { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:fill-green-400:focus { + fill: var(--green-400) + } + .sm\:hover\:fill-green-400:hover { + fill: var(--green-400) + } + .sm\:active\:fill-green-400:active { + fill: var(--green-400) + } + .sm\:focus\:fill-green-400\/10:focus { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:fill-green-400\/10:hover { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:fill-green-400\/10:active { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:fill-green-400\/20:focus { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:fill-green-400\/20:hover { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:fill-green-400\/20:active { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:fill-green-400\/30:focus { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:fill-green-400\/30:hover { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:fill-green-400\/30:active { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:fill-green-400\/40:focus { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:fill-green-400\/40:hover { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:fill-green-400\/40:active { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:fill-green-400\/50:focus { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:fill-green-400\/50:hover { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:fill-green-400\/50:active { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:fill-green-400\/60:focus { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:fill-green-400\/60:hover { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:fill-green-400\/60:active { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:fill-green-400\/70:focus { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:fill-green-400\/70:hover { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:fill-green-400\/70:active { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:fill-green-400\/80:focus { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:fill-green-400\/80:hover { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:fill-green-400\/80:active { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:fill-green-400\/90:focus { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:fill-green-400\/90:hover { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:fill-green-400\/90:active { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:fill-green-500:focus { + fill: var(--green-500) + } + .sm\:hover\:fill-green-500:hover { + fill: var(--green-500) + } + .sm\:active\:fill-green-500:active { + fill: var(--green-500) + } + .sm\:focus\:fill-green-500\/10:focus { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:fill-green-500\/10:hover { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:fill-green-500\/10:active { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:fill-green-500\/20:focus { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:fill-green-500\/20:hover { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:fill-green-500\/20:active { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:fill-green-500\/30:focus { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:fill-green-500\/30:hover { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:fill-green-500\/30:active { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:fill-green-500\/40:focus { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:fill-green-500\/40:hover { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:fill-green-500\/40:active { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:fill-green-500\/50:focus { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:fill-green-500\/50:hover { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:fill-green-500\/50:active { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:fill-green-500\/60:focus { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:fill-green-500\/60:hover { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:fill-green-500\/60:active { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:fill-green-500\/70:focus { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:fill-green-500\/70:hover { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:fill-green-500\/70:active { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:fill-green-500\/80:focus { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:fill-green-500\/80:hover { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:fill-green-500\/80:active { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:fill-green-500\/90:focus { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:fill-green-500\/90:hover { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:fill-green-500\/90:active { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:fill-green-600:focus { + fill: var(--green-600) + } + .sm\:hover\:fill-green-600:hover { + fill: var(--green-600) + } + .sm\:active\:fill-green-600:active { + fill: var(--green-600) + } + .sm\:focus\:fill-green-600\/10:focus { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:fill-green-600\/10:hover { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:fill-green-600\/10:active { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:fill-green-600\/20:focus { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:fill-green-600\/20:hover { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:fill-green-600\/20:active { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:fill-green-600\/30:focus { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:fill-green-600\/30:hover { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:fill-green-600\/30:active { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:fill-green-600\/40:focus { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:fill-green-600\/40:hover { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:fill-green-600\/40:active { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:fill-green-600\/50:focus { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:fill-green-600\/50:hover { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:fill-green-600\/50:active { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:fill-green-600\/60:focus { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:fill-green-600\/60:hover { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:fill-green-600\/60:active { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:fill-green-600\/70:focus { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:fill-green-600\/70:hover { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:fill-green-600\/70:active { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:fill-green-600\/80:focus { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:fill-green-600\/80:hover { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:fill-green-600\/80:active { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:fill-green-600\/90:focus { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:fill-green-600\/90:hover { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:fill-green-600\/90:active { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:fill-green-700:focus { + fill: var(--green-700) + } + .sm\:hover\:fill-green-700:hover { + fill: var(--green-700) + } + .sm\:active\:fill-green-700:active { + fill: var(--green-700) + } + .sm\:focus\:fill-green-700\/10:focus { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:fill-green-700\/10:hover { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:fill-green-700\/10:active { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:fill-green-700\/20:focus { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:fill-green-700\/20:hover { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:fill-green-700\/20:active { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:fill-green-700\/30:focus { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:fill-green-700\/30:hover { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:fill-green-700\/30:active { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:fill-green-700\/40:focus { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:fill-green-700\/40:hover { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:fill-green-700\/40:active { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:fill-green-700\/50:focus { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:fill-green-700\/50:hover { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:fill-green-700\/50:active { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:fill-green-700\/60:focus { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:fill-green-700\/60:hover { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:fill-green-700\/60:active { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:fill-green-700\/70:focus { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:fill-green-700\/70:hover { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:fill-green-700\/70:active { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:fill-green-700\/80:focus { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:fill-green-700\/80:hover { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:fill-green-700\/80:active { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:fill-green-700\/90:focus { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:fill-green-700\/90:hover { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:fill-green-700\/90:active { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:fill-green-800:focus { + fill: var(--green-800) + } + .sm\:hover\:fill-green-800:hover { + fill: var(--green-800) + } + .sm\:active\:fill-green-800:active { + fill: var(--green-800) + } + .sm\:focus\:fill-green-800\/10:focus { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:fill-green-800\/10:hover { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:fill-green-800\/10:active { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:fill-green-800\/20:focus { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:fill-green-800\/20:hover { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:fill-green-800\/20:active { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:fill-green-800\/30:focus { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:fill-green-800\/30:hover { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:fill-green-800\/30:active { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:fill-green-800\/40:focus { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:fill-green-800\/40:hover { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:fill-green-800\/40:active { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:fill-green-800\/50:focus { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:fill-green-800\/50:hover { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:fill-green-800\/50:active { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:fill-green-800\/60:focus { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:fill-green-800\/60:hover { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:fill-green-800\/60:active { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:fill-green-800\/70:focus { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:fill-green-800\/70:hover { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:fill-green-800\/70:active { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:fill-green-800\/80:focus { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:fill-green-800\/80:hover { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:fill-green-800\/80:active { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:fill-green-800\/90:focus { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:fill-green-800\/90:hover { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:fill-green-800\/90:active { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:fill-green-900:focus { + fill: var(--green-900) + } + .sm\:hover\:fill-green-900:hover { + fill: var(--green-900) + } + .sm\:active\:fill-green-900:active { + fill: var(--green-900) + } + .sm\:focus\:fill-green-900\/10:focus { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:fill-green-900\/10:hover { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:fill-green-900\/10:active { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:fill-green-900\/20:focus { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:fill-green-900\/20:hover { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:fill-green-900\/20:active { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:fill-green-900\/30:focus { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:fill-green-900\/30:hover { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:fill-green-900\/30:active { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:fill-green-900\/40:focus { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:fill-green-900\/40:hover { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:fill-green-900\/40:active { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:fill-green-900\/50:focus { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:fill-green-900\/50:hover { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:fill-green-900\/50:active { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:fill-green-900\/60:focus { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:fill-green-900\/60:hover { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:fill-green-900\/60:active { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:fill-green-900\/70:focus { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:fill-green-900\/70:hover { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:fill-green-900\/70:active { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:fill-green-900\/80:focus { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:fill-green-900\/80:hover { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:fill-green-900\/80:active { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:fill-green-900\/90:focus { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:fill-green-900\/90:hover { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:fill-green-900\/90:active { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-50:focus { + fill: var(--yellow-50) + } + .sm\:hover\:fill-yellow-50:hover { + fill: var(--yellow-50) + } + .sm\:active\:fill-yellow-50:active { + fill: var(--yellow-50) + } + .sm\:focus\:fill-yellow-50\/10:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-50\/10:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:fill-yellow-50\/10:active { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-50\/20:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-50\/20:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:fill-yellow-50\/20:active { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-50\/30:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-50\/30:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:fill-yellow-50\/30:active { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-50\/40:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-50\/40:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:fill-yellow-50\/40:active { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-50\/50:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-50\/50:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:fill-yellow-50\/50:active { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-50\/60:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-50\/60:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:fill-yellow-50\/60:active { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-50\/70:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-50\/70:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:fill-yellow-50\/70:active { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-50\/80:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-50\/80:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:fill-yellow-50\/80:active { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-50\/90:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-50\/90:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:fill-yellow-50\/90:active { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-100:focus { + fill: var(--yellow-100) + } + .sm\:hover\:fill-yellow-100:hover { + fill: var(--yellow-100) + } + .sm\:active\:fill-yellow-100:active { + fill: var(--yellow-100) + } + .sm\:focus\:fill-yellow-100\/10:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-100\/10:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:fill-yellow-100\/10:active { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-100\/20:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-100\/20:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:fill-yellow-100\/20:active { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-100\/30:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-100\/30:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:fill-yellow-100\/30:active { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-100\/40:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-100\/40:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:fill-yellow-100\/40:active { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-100\/50:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-100\/50:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:fill-yellow-100\/50:active { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-100\/60:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-100\/60:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:fill-yellow-100\/60:active { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-100\/70:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-100\/70:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:fill-yellow-100\/70:active { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-100\/80:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-100\/80:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:fill-yellow-100\/80:active { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-100\/90:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-100\/90:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:fill-yellow-100\/90:active { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-200:focus { + fill: var(--yellow-200) + } + .sm\:hover\:fill-yellow-200:hover { + fill: var(--yellow-200) + } + .sm\:active\:fill-yellow-200:active { + fill: var(--yellow-200) + } + .sm\:focus\:fill-yellow-200\/10:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-200\/10:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:fill-yellow-200\/10:active { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-200\/20:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-200\/20:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:fill-yellow-200\/20:active { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-200\/30:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-200\/30:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:fill-yellow-200\/30:active { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-200\/40:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-200\/40:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:fill-yellow-200\/40:active { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-200\/50:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-200\/50:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:fill-yellow-200\/50:active { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-200\/60:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-200\/60:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:fill-yellow-200\/60:active { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-200\/70:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-200\/70:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:fill-yellow-200\/70:active { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-200\/80:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-200\/80:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:fill-yellow-200\/80:active { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-200\/90:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-200\/90:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:fill-yellow-200\/90:active { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-300:focus { + fill: var(--yellow-300) + } + .sm\:hover\:fill-yellow-300:hover { + fill: var(--yellow-300) + } + .sm\:active\:fill-yellow-300:active { + fill: var(--yellow-300) + } + .sm\:focus\:fill-yellow-300\/10:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-300\/10:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:fill-yellow-300\/10:active { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-300\/20:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-300\/20:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:fill-yellow-300\/20:active { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-300\/30:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-300\/30:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:fill-yellow-300\/30:active { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-300\/40:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-300\/40:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:fill-yellow-300\/40:active { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-300\/50:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-300\/50:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:fill-yellow-300\/50:active { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-300\/60:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-300\/60:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:fill-yellow-300\/60:active { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-300\/70:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-300\/70:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:fill-yellow-300\/70:active { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-300\/80:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-300\/80:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:fill-yellow-300\/80:active { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-300\/90:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-300\/90:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:fill-yellow-300\/90:active { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-400:focus { + fill: var(--yellow-400) + } + .sm\:hover\:fill-yellow-400:hover { + fill: var(--yellow-400) + } + .sm\:active\:fill-yellow-400:active { + fill: var(--yellow-400) + } + .sm\:focus\:fill-yellow-400\/10:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-400\/10:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:fill-yellow-400\/10:active { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-400\/20:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-400\/20:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:fill-yellow-400\/20:active { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-400\/30:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-400\/30:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:fill-yellow-400\/30:active { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-400\/40:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-400\/40:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:fill-yellow-400\/40:active { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-400\/50:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-400\/50:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:fill-yellow-400\/50:active { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-400\/60:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-400\/60:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:fill-yellow-400\/60:active { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-400\/70:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-400\/70:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:fill-yellow-400\/70:active { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-400\/80:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-400\/80:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:fill-yellow-400\/80:active { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-400\/90:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-400\/90:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:fill-yellow-400\/90:active { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-500:focus { + fill: var(--yellow-500) + } + .sm\:hover\:fill-yellow-500:hover { + fill: var(--yellow-500) + } + .sm\:active\:fill-yellow-500:active { + fill: var(--yellow-500) + } + .sm\:focus\:fill-yellow-500\/10:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-500\/10:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:fill-yellow-500\/10:active { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-500\/20:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-500\/20:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:fill-yellow-500\/20:active { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-500\/30:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-500\/30:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:fill-yellow-500\/30:active { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-500\/40:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-500\/40:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:fill-yellow-500\/40:active { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-500\/50:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-500\/50:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:fill-yellow-500\/50:active { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-500\/60:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-500\/60:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:fill-yellow-500\/60:active { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-500\/70:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-500\/70:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:fill-yellow-500\/70:active { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-500\/80:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-500\/80:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:fill-yellow-500\/80:active { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-500\/90:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-500\/90:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:fill-yellow-500\/90:active { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-600:focus { + fill: var(--yellow-600) + } + .sm\:hover\:fill-yellow-600:hover { + fill: var(--yellow-600) + } + .sm\:active\:fill-yellow-600:active { + fill: var(--yellow-600) + } + .sm\:focus\:fill-yellow-600\/10:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-600\/10:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:fill-yellow-600\/10:active { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-600\/20:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-600\/20:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:fill-yellow-600\/20:active { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-600\/30:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-600\/30:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:fill-yellow-600\/30:active { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-600\/40:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-600\/40:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:fill-yellow-600\/40:active { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-600\/50:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-600\/50:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:fill-yellow-600\/50:active { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-600\/60:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-600\/60:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:fill-yellow-600\/60:active { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-600\/70:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-600\/70:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:fill-yellow-600\/70:active { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-600\/80:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-600\/80:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:fill-yellow-600\/80:active { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-600\/90:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-600\/90:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:fill-yellow-600\/90:active { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-700:focus { + fill: var(--yellow-700) + } + .sm\:hover\:fill-yellow-700:hover { + fill: var(--yellow-700) + } + .sm\:active\:fill-yellow-700:active { + fill: var(--yellow-700) + } + .sm\:focus\:fill-yellow-700\/10:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-700\/10:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:fill-yellow-700\/10:active { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-700\/20:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-700\/20:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:fill-yellow-700\/20:active { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-700\/30:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-700\/30:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:fill-yellow-700\/30:active { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-700\/40:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-700\/40:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:fill-yellow-700\/40:active { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-700\/50:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-700\/50:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:fill-yellow-700\/50:active { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-700\/60:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-700\/60:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:fill-yellow-700\/60:active { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-700\/70:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-700\/70:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:fill-yellow-700\/70:active { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-700\/80:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-700\/80:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:fill-yellow-700\/80:active { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-700\/90:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-700\/90:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:fill-yellow-700\/90:active { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-800:focus { + fill: var(--yellow-800) + } + .sm\:hover\:fill-yellow-800:hover { + fill: var(--yellow-800) + } + .sm\:active\:fill-yellow-800:active { + fill: var(--yellow-800) + } + .sm\:focus\:fill-yellow-800\/10:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-800\/10:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:fill-yellow-800\/10:active { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-800\/20:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-800\/20:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:fill-yellow-800\/20:active { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-800\/30:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-800\/30:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:fill-yellow-800\/30:active { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-800\/40:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-800\/40:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:fill-yellow-800\/40:active { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-800\/50:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-800\/50:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:fill-yellow-800\/50:active { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-800\/60:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-800\/60:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:fill-yellow-800\/60:active { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-800\/70:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-800\/70:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:fill-yellow-800\/70:active { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-800\/80:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-800\/80:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:fill-yellow-800\/80:active { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-800\/90:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-800\/90:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:fill-yellow-800\/90:active { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:fill-yellow-900:focus { + fill: var(--yellow-900) + } + .sm\:hover\:fill-yellow-900:hover { + fill: var(--yellow-900) + } + .sm\:active\:fill-yellow-900:active { + fill: var(--yellow-900) + } + .sm\:focus\:fill-yellow-900\/10:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:fill-yellow-900\/10:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:fill-yellow-900\/10:active { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:fill-yellow-900\/20:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:fill-yellow-900\/20:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:fill-yellow-900\/20:active { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:fill-yellow-900\/30:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:fill-yellow-900\/30:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:fill-yellow-900\/30:active { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:fill-yellow-900\/40:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:fill-yellow-900\/40:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:fill-yellow-900\/40:active { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:fill-yellow-900\/50:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:fill-yellow-900\/50:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:fill-yellow-900\/50:active { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:fill-yellow-900\/60:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:fill-yellow-900\/60:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:fill-yellow-900\/60:active { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:fill-yellow-900\/70:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:fill-yellow-900\/70:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:fill-yellow-900\/70:active { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:fill-yellow-900\/80:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:fill-yellow-900\/80:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:fill-yellow-900\/80:active { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:fill-yellow-900\/90:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:fill-yellow-900\/90:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:fill-yellow-900\/90:active { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-50:focus { + fill: var(--cyan-50) + } + .sm\:hover\:fill-cyan-50:hover { + fill: var(--cyan-50) + } + .sm\:active\:fill-cyan-50:active { + fill: var(--cyan-50) + } + .sm\:focus\:fill-cyan-50\/10:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-50\/10:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:fill-cyan-50\/10:active { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-50\/20:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-50\/20:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:fill-cyan-50\/20:active { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-50\/30:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-50\/30:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:fill-cyan-50\/30:active { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-50\/40:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-50\/40:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:fill-cyan-50\/40:active { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-50\/50:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-50\/50:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:fill-cyan-50\/50:active { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-50\/60:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-50\/60:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:fill-cyan-50\/60:active { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-50\/70:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-50\/70:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:fill-cyan-50\/70:active { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-50\/80:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-50\/80:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:fill-cyan-50\/80:active { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-50\/90:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-50\/90:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:fill-cyan-50\/90:active { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-100:focus { + fill: var(--cyan-100) + } + .sm\:hover\:fill-cyan-100:hover { + fill: var(--cyan-100) + } + .sm\:active\:fill-cyan-100:active { + fill: var(--cyan-100) + } + .sm\:focus\:fill-cyan-100\/10:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-100\/10:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:fill-cyan-100\/10:active { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-100\/20:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-100\/20:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:fill-cyan-100\/20:active { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-100\/30:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-100\/30:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:fill-cyan-100\/30:active { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-100\/40:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-100\/40:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:fill-cyan-100\/40:active { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-100\/50:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-100\/50:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:fill-cyan-100\/50:active { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-100\/60:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-100\/60:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:fill-cyan-100\/60:active { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-100\/70:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-100\/70:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:fill-cyan-100\/70:active { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-100\/80:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-100\/80:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:fill-cyan-100\/80:active { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-100\/90:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-100\/90:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:fill-cyan-100\/90:active { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-200:focus { + fill: var(--cyan-200) + } + .sm\:hover\:fill-cyan-200:hover { + fill: var(--cyan-200) + } + .sm\:active\:fill-cyan-200:active { + fill: var(--cyan-200) + } + .sm\:focus\:fill-cyan-200\/10:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-200\/10:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:fill-cyan-200\/10:active { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-200\/20:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-200\/20:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:fill-cyan-200\/20:active { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-200\/30:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-200\/30:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:fill-cyan-200\/30:active { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-200\/40:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-200\/40:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:fill-cyan-200\/40:active { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-200\/50:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-200\/50:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:fill-cyan-200\/50:active { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-200\/60:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-200\/60:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:fill-cyan-200\/60:active { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-200\/70:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-200\/70:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:fill-cyan-200\/70:active { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-200\/80:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-200\/80:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:fill-cyan-200\/80:active { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-200\/90:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-200\/90:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:fill-cyan-200\/90:active { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-300:focus { + fill: var(--cyan-300) + } + .sm\:hover\:fill-cyan-300:hover { + fill: var(--cyan-300) + } + .sm\:active\:fill-cyan-300:active { + fill: var(--cyan-300) + } + .sm\:focus\:fill-cyan-300\/10:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-300\/10:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:fill-cyan-300\/10:active { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-300\/20:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-300\/20:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:fill-cyan-300\/20:active { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-300\/30:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-300\/30:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:fill-cyan-300\/30:active { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-300\/40:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-300\/40:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:fill-cyan-300\/40:active { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-300\/50:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-300\/50:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:fill-cyan-300\/50:active { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-300\/60:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-300\/60:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:fill-cyan-300\/60:active { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-300\/70:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-300\/70:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:fill-cyan-300\/70:active { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-300\/80:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-300\/80:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:fill-cyan-300\/80:active { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-300\/90:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-300\/90:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:fill-cyan-300\/90:active { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-400:focus { + fill: var(--cyan-400) + } + .sm\:hover\:fill-cyan-400:hover { + fill: var(--cyan-400) + } + .sm\:active\:fill-cyan-400:active { + fill: var(--cyan-400) + } + .sm\:focus\:fill-cyan-400\/10:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-400\/10:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:fill-cyan-400\/10:active { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-400\/20:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-400\/20:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:fill-cyan-400\/20:active { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-400\/30:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-400\/30:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:fill-cyan-400\/30:active { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-400\/40:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-400\/40:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:fill-cyan-400\/40:active { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-400\/50:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-400\/50:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:fill-cyan-400\/50:active { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-400\/60:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-400\/60:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:fill-cyan-400\/60:active { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-400\/70:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-400\/70:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:fill-cyan-400\/70:active { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-400\/80:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-400\/80:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:fill-cyan-400\/80:active { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-400\/90:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-400\/90:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:fill-cyan-400\/90:active { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-500:focus { + fill: var(--cyan-500) + } + .sm\:hover\:fill-cyan-500:hover { + fill: var(--cyan-500) + } + .sm\:active\:fill-cyan-500:active { + fill: var(--cyan-500) + } + .sm\:focus\:fill-cyan-500\/10:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-500\/10:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:fill-cyan-500\/10:active { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-500\/20:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-500\/20:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:fill-cyan-500\/20:active { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-500\/30:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-500\/30:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:fill-cyan-500\/30:active { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-500\/40:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-500\/40:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:fill-cyan-500\/40:active { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-500\/50:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-500\/50:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:fill-cyan-500\/50:active { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-500\/60:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-500\/60:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:fill-cyan-500\/60:active { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-500\/70:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-500\/70:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:fill-cyan-500\/70:active { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-500\/80:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-500\/80:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:fill-cyan-500\/80:active { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-500\/90:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-500\/90:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:fill-cyan-500\/90:active { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-600:focus { + fill: var(--cyan-600) + } + .sm\:hover\:fill-cyan-600:hover { + fill: var(--cyan-600) + } + .sm\:active\:fill-cyan-600:active { + fill: var(--cyan-600) + } + .sm\:focus\:fill-cyan-600\/10:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-600\/10:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:fill-cyan-600\/10:active { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-600\/20:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-600\/20:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:fill-cyan-600\/20:active { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-600\/30:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-600\/30:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:fill-cyan-600\/30:active { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-600\/40:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-600\/40:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:fill-cyan-600\/40:active { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-600\/50:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-600\/50:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:fill-cyan-600\/50:active { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-600\/60:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-600\/60:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:fill-cyan-600\/60:active { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-600\/70:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-600\/70:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:fill-cyan-600\/70:active { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-600\/80:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-600\/80:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:fill-cyan-600\/80:active { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-600\/90:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-600\/90:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:fill-cyan-600\/90:active { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-700:focus { + fill: var(--cyan-700) + } + .sm\:hover\:fill-cyan-700:hover { + fill: var(--cyan-700) + } + .sm\:active\:fill-cyan-700:active { + fill: var(--cyan-700) + } + .sm\:focus\:fill-cyan-700\/10:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-700\/10:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:fill-cyan-700\/10:active { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-700\/20:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-700\/20:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:fill-cyan-700\/20:active { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-700\/30:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-700\/30:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:fill-cyan-700\/30:active { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-700\/40:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-700\/40:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:fill-cyan-700\/40:active { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-700\/50:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-700\/50:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:fill-cyan-700\/50:active { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-700\/60:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-700\/60:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:fill-cyan-700\/60:active { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-700\/70:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-700\/70:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:fill-cyan-700\/70:active { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-700\/80:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-700\/80:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:fill-cyan-700\/80:active { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-700\/90:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-700\/90:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:fill-cyan-700\/90:active { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-800:focus { + fill: var(--cyan-800) + } + .sm\:hover\:fill-cyan-800:hover { + fill: var(--cyan-800) + } + .sm\:active\:fill-cyan-800:active { + fill: var(--cyan-800) + } + .sm\:focus\:fill-cyan-800\/10:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-800\/10:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:fill-cyan-800\/10:active { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-800\/20:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-800\/20:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:fill-cyan-800\/20:active { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-800\/30:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-800\/30:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:fill-cyan-800\/30:active { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-800\/40:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-800\/40:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:fill-cyan-800\/40:active { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-800\/50:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-800\/50:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:fill-cyan-800\/50:active { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-800\/60:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-800\/60:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:fill-cyan-800\/60:active { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-800\/70:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-800\/70:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:fill-cyan-800\/70:active { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-800\/80:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-800\/80:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:fill-cyan-800\/80:active { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-800\/90:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-800\/90:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:fill-cyan-800\/90:active { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:fill-cyan-900:focus { + fill: var(--cyan-900) + } + .sm\:hover\:fill-cyan-900:hover { + fill: var(--cyan-900) + } + .sm\:active\:fill-cyan-900:active { + fill: var(--cyan-900) + } + .sm\:focus\:fill-cyan-900\/10:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:fill-cyan-900\/10:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:fill-cyan-900\/10:active { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:fill-cyan-900\/20:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:fill-cyan-900\/20:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:fill-cyan-900\/20:active { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:fill-cyan-900\/30:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:fill-cyan-900\/30:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:fill-cyan-900\/30:active { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:fill-cyan-900\/40:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:fill-cyan-900\/40:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:fill-cyan-900\/40:active { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:fill-cyan-900\/50:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:fill-cyan-900\/50:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:fill-cyan-900\/50:active { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:fill-cyan-900\/60:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:fill-cyan-900\/60:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:fill-cyan-900\/60:active { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:fill-cyan-900\/70:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:fill-cyan-900\/70:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:fill-cyan-900\/70:active { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:fill-cyan-900\/80:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:fill-cyan-900\/80:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:fill-cyan-900\/80:active { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:fill-cyan-900\/90:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:fill-cyan-900\/90:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:fill-cyan-900\/90:active { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:fill-pink-50:focus { + fill: var(--pink-50) + } + .sm\:hover\:fill-pink-50:hover { + fill: var(--pink-50) + } + .sm\:active\:fill-pink-50:active { + fill: var(--pink-50) + } + .sm\:focus\:fill-pink-50\/10:focus { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:fill-pink-50\/10:hover { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:fill-pink-50\/10:active { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:fill-pink-50\/20:focus { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:fill-pink-50\/20:hover { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:fill-pink-50\/20:active { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:fill-pink-50\/30:focus { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:fill-pink-50\/30:hover { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:fill-pink-50\/30:active { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:fill-pink-50\/40:focus { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:fill-pink-50\/40:hover { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:fill-pink-50\/40:active { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:fill-pink-50\/50:focus { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:fill-pink-50\/50:hover { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:fill-pink-50\/50:active { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:fill-pink-50\/60:focus { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:fill-pink-50\/60:hover { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:fill-pink-50\/60:active { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:fill-pink-50\/70:focus { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:fill-pink-50\/70:hover { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:fill-pink-50\/70:active { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:fill-pink-50\/80:focus { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:fill-pink-50\/80:hover { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:fill-pink-50\/80:active { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:fill-pink-50\/90:focus { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:fill-pink-50\/90:hover { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:fill-pink-50\/90:active { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:fill-pink-100:focus { + fill: var(--pink-100) + } + .sm\:hover\:fill-pink-100:hover { + fill: var(--pink-100) + } + .sm\:active\:fill-pink-100:active { + fill: var(--pink-100) + } + .sm\:focus\:fill-pink-100\/10:focus { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:fill-pink-100\/10:hover { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:fill-pink-100\/10:active { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:fill-pink-100\/20:focus { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:fill-pink-100\/20:hover { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:fill-pink-100\/20:active { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:fill-pink-100\/30:focus { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:fill-pink-100\/30:hover { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:fill-pink-100\/30:active { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:fill-pink-100\/40:focus { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:fill-pink-100\/40:hover { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:fill-pink-100\/40:active { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:fill-pink-100\/50:focus { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:fill-pink-100\/50:hover { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:fill-pink-100\/50:active { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:fill-pink-100\/60:focus { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:fill-pink-100\/60:hover { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:fill-pink-100\/60:active { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:fill-pink-100\/70:focus { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:fill-pink-100\/70:hover { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:fill-pink-100\/70:active { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:fill-pink-100\/80:focus { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:fill-pink-100\/80:hover { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:fill-pink-100\/80:active { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:fill-pink-100\/90:focus { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:fill-pink-100\/90:hover { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:fill-pink-100\/90:active { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:fill-pink-200:focus { + fill: var(--pink-200) + } + .sm\:hover\:fill-pink-200:hover { + fill: var(--pink-200) + } + .sm\:active\:fill-pink-200:active { + fill: var(--pink-200) + } + .sm\:focus\:fill-pink-200\/10:focus { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:fill-pink-200\/10:hover { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:fill-pink-200\/10:active { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:fill-pink-200\/20:focus { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:fill-pink-200\/20:hover { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:fill-pink-200\/20:active { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:fill-pink-200\/30:focus { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:fill-pink-200\/30:hover { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:fill-pink-200\/30:active { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:fill-pink-200\/40:focus { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:fill-pink-200\/40:hover { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:fill-pink-200\/40:active { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:fill-pink-200\/50:focus { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:fill-pink-200\/50:hover { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:fill-pink-200\/50:active { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:fill-pink-200\/60:focus { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:fill-pink-200\/60:hover { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:fill-pink-200\/60:active { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:fill-pink-200\/70:focus { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:fill-pink-200\/70:hover { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:fill-pink-200\/70:active { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:fill-pink-200\/80:focus { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:fill-pink-200\/80:hover { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:fill-pink-200\/80:active { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:fill-pink-200\/90:focus { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:fill-pink-200\/90:hover { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:fill-pink-200\/90:active { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:fill-pink-300:focus { + fill: var(--pink-300) + } + .sm\:hover\:fill-pink-300:hover { + fill: var(--pink-300) + } + .sm\:active\:fill-pink-300:active { + fill: var(--pink-300) + } + .sm\:focus\:fill-pink-300\/10:focus { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:fill-pink-300\/10:hover { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:fill-pink-300\/10:active { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:fill-pink-300\/20:focus { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:fill-pink-300\/20:hover { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:fill-pink-300\/20:active { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:fill-pink-300\/30:focus { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:fill-pink-300\/30:hover { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:fill-pink-300\/30:active { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:fill-pink-300\/40:focus { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:fill-pink-300\/40:hover { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:fill-pink-300\/40:active { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:fill-pink-300\/50:focus { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:fill-pink-300\/50:hover { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:fill-pink-300\/50:active { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:fill-pink-300\/60:focus { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:fill-pink-300\/60:hover { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:fill-pink-300\/60:active { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:fill-pink-300\/70:focus { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:fill-pink-300\/70:hover { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:fill-pink-300\/70:active { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:fill-pink-300\/80:focus { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:fill-pink-300\/80:hover { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:fill-pink-300\/80:active { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:fill-pink-300\/90:focus { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:fill-pink-300\/90:hover { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:fill-pink-300\/90:active { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:fill-pink-400:focus { + fill: var(--pink-400) + } + .sm\:hover\:fill-pink-400:hover { + fill: var(--pink-400) + } + .sm\:active\:fill-pink-400:active { + fill: var(--pink-400) + } + .sm\:focus\:fill-pink-400\/10:focus { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:fill-pink-400\/10:hover { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:fill-pink-400\/10:active { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:fill-pink-400\/20:focus { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:fill-pink-400\/20:hover { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:fill-pink-400\/20:active { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:fill-pink-400\/30:focus { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:fill-pink-400\/30:hover { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:fill-pink-400\/30:active { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:fill-pink-400\/40:focus { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:fill-pink-400\/40:hover { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:fill-pink-400\/40:active { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:fill-pink-400\/50:focus { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:fill-pink-400\/50:hover { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:fill-pink-400\/50:active { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:fill-pink-400\/60:focus { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:fill-pink-400\/60:hover { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:fill-pink-400\/60:active { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:fill-pink-400\/70:focus { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:fill-pink-400\/70:hover { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:fill-pink-400\/70:active { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:fill-pink-400\/80:focus { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:fill-pink-400\/80:hover { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:fill-pink-400\/80:active { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:fill-pink-400\/90:focus { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:fill-pink-400\/90:hover { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:fill-pink-400\/90:active { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:fill-pink-500:focus { + fill: var(--pink-500) + } + .sm\:hover\:fill-pink-500:hover { + fill: var(--pink-500) + } + .sm\:active\:fill-pink-500:active { + fill: var(--pink-500) + } + .sm\:focus\:fill-pink-500\/10:focus { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:fill-pink-500\/10:hover { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:fill-pink-500\/10:active { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:fill-pink-500\/20:focus { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:fill-pink-500\/20:hover { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:fill-pink-500\/20:active { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:fill-pink-500\/30:focus { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:fill-pink-500\/30:hover { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:fill-pink-500\/30:active { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:fill-pink-500\/40:focus { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:fill-pink-500\/40:hover { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:fill-pink-500\/40:active { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:fill-pink-500\/50:focus { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:fill-pink-500\/50:hover { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:fill-pink-500\/50:active { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:fill-pink-500\/60:focus { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:fill-pink-500\/60:hover { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:fill-pink-500\/60:active { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:fill-pink-500\/70:focus { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:fill-pink-500\/70:hover { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:fill-pink-500\/70:active { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:fill-pink-500\/80:focus { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:fill-pink-500\/80:hover { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:fill-pink-500\/80:active { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:fill-pink-500\/90:focus { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:fill-pink-500\/90:hover { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:fill-pink-500\/90:active { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:fill-pink-600:focus { + fill: var(--pink-600) + } + .sm\:hover\:fill-pink-600:hover { + fill: var(--pink-600) + } + .sm\:active\:fill-pink-600:active { + fill: var(--pink-600) + } + .sm\:focus\:fill-pink-600\/10:focus { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:fill-pink-600\/10:hover { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:fill-pink-600\/10:active { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:fill-pink-600\/20:focus { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:fill-pink-600\/20:hover { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:fill-pink-600\/20:active { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:fill-pink-600\/30:focus { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:fill-pink-600\/30:hover { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:fill-pink-600\/30:active { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:fill-pink-600\/40:focus { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:fill-pink-600\/40:hover { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:fill-pink-600\/40:active { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:fill-pink-600\/50:focus { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:fill-pink-600\/50:hover { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:fill-pink-600\/50:active { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:fill-pink-600\/60:focus { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:fill-pink-600\/60:hover { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:fill-pink-600\/60:active { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:fill-pink-600\/70:focus { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:fill-pink-600\/70:hover { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:fill-pink-600\/70:active { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:fill-pink-600\/80:focus { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:fill-pink-600\/80:hover { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:fill-pink-600\/80:active { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:fill-pink-600\/90:focus { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:fill-pink-600\/90:hover { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:fill-pink-600\/90:active { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:fill-pink-700:focus { + fill: var(--pink-700) + } + .sm\:hover\:fill-pink-700:hover { + fill: var(--pink-700) + } + .sm\:active\:fill-pink-700:active { + fill: var(--pink-700) + } + .sm\:focus\:fill-pink-700\/10:focus { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:fill-pink-700\/10:hover { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:fill-pink-700\/10:active { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:fill-pink-700\/20:focus { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:fill-pink-700\/20:hover { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:fill-pink-700\/20:active { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:fill-pink-700\/30:focus { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:fill-pink-700\/30:hover { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:fill-pink-700\/30:active { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:fill-pink-700\/40:focus { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:fill-pink-700\/40:hover { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:fill-pink-700\/40:active { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:fill-pink-700\/50:focus { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:fill-pink-700\/50:hover { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:fill-pink-700\/50:active { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:fill-pink-700\/60:focus { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:fill-pink-700\/60:hover { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:fill-pink-700\/60:active { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:fill-pink-700\/70:focus { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:fill-pink-700\/70:hover { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:fill-pink-700\/70:active { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:fill-pink-700\/80:focus { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:fill-pink-700\/80:hover { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:fill-pink-700\/80:active { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:fill-pink-700\/90:focus { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:fill-pink-700\/90:hover { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:fill-pink-700\/90:active { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:fill-pink-800:focus { + fill: var(--pink-800) + } + .sm\:hover\:fill-pink-800:hover { + fill: var(--pink-800) + } + .sm\:active\:fill-pink-800:active { + fill: var(--pink-800) + } + .sm\:focus\:fill-pink-800\/10:focus { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:fill-pink-800\/10:hover { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:fill-pink-800\/10:active { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:fill-pink-800\/20:focus { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:fill-pink-800\/20:hover { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:fill-pink-800\/20:active { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:fill-pink-800\/30:focus { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:fill-pink-800\/30:hover { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:fill-pink-800\/30:active { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:fill-pink-800\/40:focus { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:fill-pink-800\/40:hover { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:fill-pink-800\/40:active { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:fill-pink-800\/50:focus { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:fill-pink-800\/50:hover { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:fill-pink-800\/50:active { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:fill-pink-800\/60:focus { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:fill-pink-800\/60:hover { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:fill-pink-800\/60:active { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:fill-pink-800\/70:focus { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:fill-pink-800\/70:hover { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:fill-pink-800\/70:active { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:fill-pink-800\/80:focus { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:fill-pink-800\/80:hover { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:fill-pink-800\/80:active { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:fill-pink-800\/90:focus { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:fill-pink-800\/90:hover { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:fill-pink-800\/90:active { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:fill-pink-900:focus { + fill: var(--pink-900) + } + .sm\:hover\:fill-pink-900:hover { + fill: var(--pink-900) + } + .sm\:active\:fill-pink-900:active { + fill: var(--pink-900) + } + .sm\:focus\:fill-pink-900\/10:focus { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:fill-pink-900\/10:hover { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:fill-pink-900\/10:active { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:fill-pink-900\/20:focus { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:fill-pink-900\/20:hover { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:fill-pink-900\/20:active { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:fill-pink-900\/30:focus { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:fill-pink-900\/30:hover { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:fill-pink-900\/30:active { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:fill-pink-900\/40:focus { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:fill-pink-900\/40:hover { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:fill-pink-900\/40:active { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:fill-pink-900\/50:focus { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:fill-pink-900\/50:hover { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:fill-pink-900\/50:active { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:fill-pink-900\/60:focus { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:fill-pink-900\/60:hover { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:fill-pink-900\/60:active { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:fill-pink-900\/70:focus { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:fill-pink-900\/70:hover { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:fill-pink-900\/70:active { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:fill-pink-900\/80:focus { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:fill-pink-900\/80:hover { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:fill-pink-900\/80:active { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:fill-pink-900\/90:focus { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:fill-pink-900\/90:hover { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:fill-pink-900\/90:active { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-50:focus { + fill: var(--indigo-50) + } + .sm\:hover\:fill-indigo-50:hover { + fill: var(--indigo-50) + } + .sm\:active\:fill-indigo-50:active { + fill: var(--indigo-50) + } + .sm\:focus\:fill-indigo-50\/10:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-50\/10:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:fill-indigo-50\/10:active { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-50\/20:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-50\/20:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:fill-indigo-50\/20:active { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-50\/30:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-50\/30:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:fill-indigo-50\/30:active { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-50\/40:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-50\/40:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:fill-indigo-50\/40:active { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-50\/50:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-50\/50:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:fill-indigo-50\/50:active { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-50\/60:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-50\/60:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:fill-indigo-50\/60:active { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-50\/70:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-50\/70:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:fill-indigo-50\/70:active { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-50\/80:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-50\/80:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:fill-indigo-50\/80:active { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-50\/90:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-50\/90:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:fill-indigo-50\/90:active { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-100:focus { + fill: var(--indigo-100) + } + .sm\:hover\:fill-indigo-100:hover { + fill: var(--indigo-100) + } + .sm\:active\:fill-indigo-100:active { + fill: var(--indigo-100) + } + .sm\:focus\:fill-indigo-100\/10:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-100\/10:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:fill-indigo-100\/10:active { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-100\/20:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-100\/20:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:fill-indigo-100\/20:active { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-100\/30:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-100\/30:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:fill-indigo-100\/30:active { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-100\/40:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-100\/40:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:fill-indigo-100\/40:active { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-100\/50:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-100\/50:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:fill-indigo-100\/50:active { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-100\/60:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-100\/60:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:fill-indigo-100\/60:active { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-100\/70:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-100\/70:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:fill-indigo-100\/70:active { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-100\/80:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-100\/80:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:fill-indigo-100\/80:active { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-100\/90:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-100\/90:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:fill-indigo-100\/90:active { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-200:focus { + fill: var(--indigo-200) + } + .sm\:hover\:fill-indigo-200:hover { + fill: var(--indigo-200) + } + .sm\:active\:fill-indigo-200:active { + fill: var(--indigo-200) + } + .sm\:focus\:fill-indigo-200\/10:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-200\/10:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:fill-indigo-200\/10:active { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-200\/20:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-200\/20:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:fill-indigo-200\/20:active { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-200\/30:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-200\/30:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:fill-indigo-200\/30:active { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-200\/40:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-200\/40:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:fill-indigo-200\/40:active { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-200\/50:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-200\/50:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:fill-indigo-200\/50:active { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-200\/60:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-200\/60:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:fill-indigo-200\/60:active { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-200\/70:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-200\/70:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:fill-indigo-200\/70:active { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-200\/80:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-200\/80:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:fill-indigo-200\/80:active { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-200\/90:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-200\/90:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:fill-indigo-200\/90:active { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-300:focus { + fill: var(--indigo-300) + } + .sm\:hover\:fill-indigo-300:hover { + fill: var(--indigo-300) + } + .sm\:active\:fill-indigo-300:active { + fill: var(--indigo-300) + } + .sm\:focus\:fill-indigo-300\/10:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-300\/10:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:fill-indigo-300\/10:active { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-300\/20:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-300\/20:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:fill-indigo-300\/20:active { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-300\/30:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-300\/30:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:fill-indigo-300\/30:active { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-300\/40:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-300\/40:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:fill-indigo-300\/40:active { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-300\/50:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-300\/50:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:fill-indigo-300\/50:active { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-300\/60:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-300\/60:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:fill-indigo-300\/60:active { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-300\/70:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-300\/70:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:fill-indigo-300\/70:active { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-300\/80:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-300\/80:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:fill-indigo-300\/80:active { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-300\/90:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-300\/90:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:fill-indigo-300\/90:active { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-400:focus { + fill: var(--indigo-400) + } + .sm\:hover\:fill-indigo-400:hover { + fill: var(--indigo-400) + } + .sm\:active\:fill-indigo-400:active { + fill: var(--indigo-400) + } + .sm\:focus\:fill-indigo-400\/10:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-400\/10:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:fill-indigo-400\/10:active { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-400\/20:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-400\/20:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:fill-indigo-400\/20:active { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-400\/30:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-400\/30:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:fill-indigo-400\/30:active { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-400\/40:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-400\/40:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:fill-indigo-400\/40:active { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-400\/50:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-400\/50:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:fill-indigo-400\/50:active { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-400\/60:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-400\/60:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:fill-indigo-400\/60:active { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-400\/70:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-400\/70:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:fill-indigo-400\/70:active { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-400\/80:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-400\/80:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:fill-indigo-400\/80:active { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-400\/90:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-400\/90:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:fill-indigo-400\/90:active { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-500:focus { + fill: var(--indigo-500) + } + .sm\:hover\:fill-indigo-500:hover { + fill: var(--indigo-500) + } + .sm\:active\:fill-indigo-500:active { + fill: var(--indigo-500) + } + .sm\:focus\:fill-indigo-500\/10:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-500\/10:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:fill-indigo-500\/10:active { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-500\/20:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-500\/20:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:fill-indigo-500\/20:active { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-500\/30:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-500\/30:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:fill-indigo-500\/30:active { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-500\/40:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-500\/40:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:fill-indigo-500\/40:active { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-500\/50:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-500\/50:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:fill-indigo-500\/50:active { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-500\/60:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-500\/60:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:fill-indigo-500\/60:active { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-500\/70:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-500\/70:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:fill-indigo-500\/70:active { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-500\/80:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-500\/80:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:fill-indigo-500\/80:active { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-500\/90:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-500\/90:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:fill-indigo-500\/90:active { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-600:focus { + fill: var(--indigo-600) + } + .sm\:hover\:fill-indigo-600:hover { + fill: var(--indigo-600) + } + .sm\:active\:fill-indigo-600:active { + fill: var(--indigo-600) + } + .sm\:focus\:fill-indigo-600\/10:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-600\/10:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:fill-indigo-600\/10:active { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-600\/20:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-600\/20:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:fill-indigo-600\/20:active { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-600\/30:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-600\/30:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:fill-indigo-600\/30:active { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-600\/40:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-600\/40:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:fill-indigo-600\/40:active { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-600\/50:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-600\/50:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:fill-indigo-600\/50:active { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-600\/60:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-600\/60:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:fill-indigo-600\/60:active { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-600\/70:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-600\/70:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:fill-indigo-600\/70:active { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-600\/80:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-600\/80:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:fill-indigo-600\/80:active { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-600\/90:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-600\/90:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:fill-indigo-600\/90:active { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-700:focus { + fill: var(--indigo-700) + } + .sm\:hover\:fill-indigo-700:hover { + fill: var(--indigo-700) + } + .sm\:active\:fill-indigo-700:active { + fill: var(--indigo-700) + } + .sm\:focus\:fill-indigo-700\/10:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-700\/10:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:fill-indigo-700\/10:active { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-700\/20:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-700\/20:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:fill-indigo-700\/20:active { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-700\/30:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-700\/30:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:fill-indigo-700\/30:active { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-700\/40:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-700\/40:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:fill-indigo-700\/40:active { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-700\/50:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-700\/50:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:fill-indigo-700\/50:active { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-700\/60:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-700\/60:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:fill-indigo-700\/60:active { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-700\/70:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-700\/70:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:fill-indigo-700\/70:active { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-700\/80:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-700\/80:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:fill-indigo-700\/80:active { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-700\/90:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-700\/90:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:fill-indigo-700\/90:active { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-800:focus { + fill: var(--indigo-800) + } + .sm\:hover\:fill-indigo-800:hover { + fill: var(--indigo-800) + } + .sm\:active\:fill-indigo-800:active { + fill: var(--indigo-800) + } + .sm\:focus\:fill-indigo-800\/10:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-800\/10:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:fill-indigo-800\/10:active { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-800\/20:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-800\/20:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:fill-indigo-800\/20:active { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-800\/30:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-800\/30:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:fill-indigo-800\/30:active { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-800\/40:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-800\/40:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:fill-indigo-800\/40:active { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-800\/50:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-800\/50:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:fill-indigo-800\/50:active { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-800\/60:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-800\/60:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:fill-indigo-800\/60:active { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-800\/70:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-800\/70:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:fill-indigo-800\/70:active { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-800\/80:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-800\/80:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:fill-indigo-800\/80:active { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-800\/90:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-800\/90:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:fill-indigo-800\/90:active { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:fill-indigo-900:focus { + fill: var(--indigo-900) + } + .sm\:hover\:fill-indigo-900:hover { + fill: var(--indigo-900) + } + .sm\:active\:fill-indigo-900:active { + fill: var(--indigo-900) + } + .sm\:focus\:fill-indigo-900\/10:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:fill-indigo-900\/10:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:fill-indigo-900\/10:active { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:fill-indigo-900\/20:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:fill-indigo-900\/20:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:fill-indigo-900\/20:active { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:fill-indigo-900\/30:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:fill-indigo-900\/30:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:fill-indigo-900\/30:active { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:fill-indigo-900\/40:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:fill-indigo-900\/40:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:fill-indigo-900\/40:active { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:fill-indigo-900\/50:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:fill-indigo-900\/50:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:fill-indigo-900\/50:active { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:fill-indigo-900\/60:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:fill-indigo-900\/60:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:fill-indigo-900\/60:active { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:fill-indigo-900\/70:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:fill-indigo-900\/70:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:fill-indigo-900\/70:active { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:fill-indigo-900\/80:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:fill-indigo-900\/80:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:fill-indigo-900\/80:active { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:fill-indigo-900\/90:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:fill-indigo-900\/90:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:fill-indigo-900\/90:active { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:fill-teal-50:focus { + fill: var(--teal-50) + } + .sm\:hover\:fill-teal-50:hover { + fill: var(--teal-50) + } + .sm\:active\:fill-teal-50:active { + fill: var(--teal-50) + } + .sm\:focus\:fill-teal-50\/10:focus { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:fill-teal-50\/10:hover { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:fill-teal-50\/10:active { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:fill-teal-50\/20:focus { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:fill-teal-50\/20:hover { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:fill-teal-50\/20:active { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:fill-teal-50\/30:focus { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:fill-teal-50\/30:hover { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:fill-teal-50\/30:active { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:fill-teal-50\/40:focus { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:fill-teal-50\/40:hover { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:fill-teal-50\/40:active { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:fill-teal-50\/50:focus { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:fill-teal-50\/50:hover { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:fill-teal-50\/50:active { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:fill-teal-50\/60:focus { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:fill-teal-50\/60:hover { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:fill-teal-50\/60:active { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:fill-teal-50\/70:focus { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:fill-teal-50\/70:hover { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:fill-teal-50\/70:active { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:fill-teal-50\/80:focus { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:fill-teal-50\/80:hover { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:fill-teal-50\/80:active { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:fill-teal-50\/90:focus { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:fill-teal-50\/90:hover { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:fill-teal-50\/90:active { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:fill-teal-100:focus { + fill: var(--teal-100) + } + .sm\:hover\:fill-teal-100:hover { + fill: var(--teal-100) + } + .sm\:active\:fill-teal-100:active { + fill: var(--teal-100) + } + .sm\:focus\:fill-teal-100\/10:focus { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:fill-teal-100\/10:hover { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:fill-teal-100\/10:active { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:fill-teal-100\/20:focus { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:fill-teal-100\/20:hover { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:fill-teal-100\/20:active { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:fill-teal-100\/30:focus { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:fill-teal-100\/30:hover { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:fill-teal-100\/30:active { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:fill-teal-100\/40:focus { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:fill-teal-100\/40:hover { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:fill-teal-100\/40:active { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:fill-teal-100\/50:focus { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:fill-teal-100\/50:hover { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:fill-teal-100\/50:active { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:fill-teal-100\/60:focus { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:fill-teal-100\/60:hover { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:fill-teal-100\/60:active { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:fill-teal-100\/70:focus { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:fill-teal-100\/70:hover { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:fill-teal-100\/70:active { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:fill-teal-100\/80:focus { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:fill-teal-100\/80:hover { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:fill-teal-100\/80:active { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:fill-teal-100\/90:focus { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:fill-teal-100\/90:hover { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:fill-teal-100\/90:active { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:fill-teal-200:focus { + fill: var(--teal-200) + } + .sm\:hover\:fill-teal-200:hover { + fill: var(--teal-200) + } + .sm\:active\:fill-teal-200:active { + fill: var(--teal-200) + } + .sm\:focus\:fill-teal-200\/10:focus { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:fill-teal-200\/10:hover { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:fill-teal-200\/10:active { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:fill-teal-200\/20:focus { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:fill-teal-200\/20:hover { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:fill-teal-200\/20:active { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:fill-teal-200\/30:focus { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:fill-teal-200\/30:hover { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:fill-teal-200\/30:active { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:fill-teal-200\/40:focus { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:fill-teal-200\/40:hover { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:fill-teal-200\/40:active { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:fill-teal-200\/50:focus { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:fill-teal-200\/50:hover { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:fill-teal-200\/50:active { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:fill-teal-200\/60:focus { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:fill-teal-200\/60:hover { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:fill-teal-200\/60:active { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:fill-teal-200\/70:focus { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:fill-teal-200\/70:hover { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:fill-teal-200\/70:active { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:fill-teal-200\/80:focus { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:fill-teal-200\/80:hover { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:fill-teal-200\/80:active { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:fill-teal-200\/90:focus { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:fill-teal-200\/90:hover { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:fill-teal-200\/90:active { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:fill-teal-300:focus { + fill: var(--teal-300) + } + .sm\:hover\:fill-teal-300:hover { + fill: var(--teal-300) + } + .sm\:active\:fill-teal-300:active { + fill: var(--teal-300) + } + .sm\:focus\:fill-teal-300\/10:focus { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:fill-teal-300\/10:hover { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:fill-teal-300\/10:active { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:fill-teal-300\/20:focus { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:fill-teal-300\/20:hover { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:fill-teal-300\/20:active { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:fill-teal-300\/30:focus { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:fill-teal-300\/30:hover { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:fill-teal-300\/30:active { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:fill-teal-300\/40:focus { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:fill-teal-300\/40:hover { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:fill-teal-300\/40:active { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:fill-teal-300\/50:focus { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:fill-teal-300\/50:hover { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:fill-teal-300\/50:active { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:fill-teal-300\/60:focus { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:fill-teal-300\/60:hover { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:fill-teal-300\/60:active { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:fill-teal-300\/70:focus { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:fill-teal-300\/70:hover { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:fill-teal-300\/70:active { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:fill-teal-300\/80:focus { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:fill-teal-300\/80:hover { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:fill-teal-300\/80:active { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:fill-teal-300\/90:focus { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:fill-teal-300\/90:hover { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:fill-teal-300\/90:active { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:fill-teal-400:focus { + fill: var(--teal-400) + } + .sm\:hover\:fill-teal-400:hover { + fill: var(--teal-400) + } + .sm\:active\:fill-teal-400:active { + fill: var(--teal-400) + } + .sm\:focus\:fill-teal-400\/10:focus { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:fill-teal-400\/10:hover { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:fill-teal-400\/10:active { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:fill-teal-400\/20:focus { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:fill-teal-400\/20:hover { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:fill-teal-400\/20:active { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:fill-teal-400\/30:focus { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:fill-teal-400\/30:hover { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:fill-teal-400\/30:active { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:fill-teal-400\/40:focus { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:fill-teal-400\/40:hover { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:fill-teal-400\/40:active { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:fill-teal-400\/50:focus { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:fill-teal-400\/50:hover { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:fill-teal-400\/50:active { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:fill-teal-400\/60:focus { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:fill-teal-400\/60:hover { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:fill-teal-400\/60:active { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:fill-teal-400\/70:focus { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:fill-teal-400\/70:hover { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:fill-teal-400\/70:active { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:fill-teal-400\/80:focus { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:fill-teal-400\/80:hover { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:fill-teal-400\/80:active { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:fill-teal-400\/90:focus { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:fill-teal-400\/90:hover { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:fill-teal-400\/90:active { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:fill-teal-500:focus { + fill: var(--teal-500) + } + .sm\:hover\:fill-teal-500:hover { + fill: var(--teal-500) + } + .sm\:active\:fill-teal-500:active { + fill: var(--teal-500) + } + .sm\:focus\:fill-teal-500\/10:focus { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:fill-teal-500\/10:hover { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:fill-teal-500\/10:active { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:fill-teal-500\/20:focus { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:fill-teal-500\/20:hover { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:fill-teal-500\/20:active { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:fill-teal-500\/30:focus { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:fill-teal-500\/30:hover { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:fill-teal-500\/30:active { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:fill-teal-500\/40:focus { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:fill-teal-500\/40:hover { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:fill-teal-500\/40:active { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:fill-teal-500\/50:focus { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:fill-teal-500\/50:hover { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:fill-teal-500\/50:active { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:fill-teal-500\/60:focus { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:fill-teal-500\/60:hover { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:fill-teal-500\/60:active { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:fill-teal-500\/70:focus { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:fill-teal-500\/70:hover { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:fill-teal-500\/70:active { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:fill-teal-500\/80:focus { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:fill-teal-500\/80:hover { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:fill-teal-500\/80:active { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:fill-teal-500\/90:focus { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:fill-teal-500\/90:hover { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:fill-teal-500\/90:active { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:fill-teal-600:focus { + fill: var(--teal-600) + } + .sm\:hover\:fill-teal-600:hover { + fill: var(--teal-600) + } + .sm\:active\:fill-teal-600:active { + fill: var(--teal-600) + } + .sm\:focus\:fill-teal-600\/10:focus { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:fill-teal-600\/10:hover { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:fill-teal-600\/10:active { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:fill-teal-600\/20:focus { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:fill-teal-600\/20:hover { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:fill-teal-600\/20:active { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:fill-teal-600\/30:focus { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:fill-teal-600\/30:hover { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:fill-teal-600\/30:active { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:fill-teal-600\/40:focus { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:fill-teal-600\/40:hover { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:fill-teal-600\/40:active { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:fill-teal-600\/50:focus { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:fill-teal-600\/50:hover { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:fill-teal-600\/50:active { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:fill-teal-600\/60:focus { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:fill-teal-600\/60:hover { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:fill-teal-600\/60:active { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:fill-teal-600\/70:focus { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:fill-teal-600\/70:hover { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:fill-teal-600\/70:active { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:fill-teal-600\/80:focus { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:fill-teal-600\/80:hover { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:fill-teal-600\/80:active { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:fill-teal-600\/90:focus { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:fill-teal-600\/90:hover { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:fill-teal-600\/90:active { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:fill-teal-700:focus { + fill: var(--teal-700) + } + .sm\:hover\:fill-teal-700:hover { + fill: var(--teal-700) + } + .sm\:active\:fill-teal-700:active { + fill: var(--teal-700) + } + .sm\:focus\:fill-teal-700\/10:focus { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:fill-teal-700\/10:hover { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:fill-teal-700\/10:active { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:fill-teal-700\/20:focus { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:fill-teal-700\/20:hover { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:fill-teal-700\/20:active { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:fill-teal-700\/30:focus { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:fill-teal-700\/30:hover { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:fill-teal-700\/30:active { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:fill-teal-700\/40:focus { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:fill-teal-700\/40:hover { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:fill-teal-700\/40:active { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:fill-teal-700\/50:focus { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:fill-teal-700\/50:hover { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:fill-teal-700\/50:active { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:fill-teal-700\/60:focus { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:fill-teal-700\/60:hover { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:fill-teal-700\/60:active { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:fill-teal-700\/70:focus { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:fill-teal-700\/70:hover { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:fill-teal-700\/70:active { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:fill-teal-700\/80:focus { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:fill-teal-700\/80:hover { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:fill-teal-700\/80:active { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:fill-teal-700\/90:focus { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:fill-teal-700\/90:hover { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:fill-teal-700\/90:active { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:fill-teal-800:focus { + fill: var(--teal-800) + } + .sm\:hover\:fill-teal-800:hover { + fill: var(--teal-800) + } + .sm\:active\:fill-teal-800:active { + fill: var(--teal-800) + } + .sm\:focus\:fill-teal-800\/10:focus { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:fill-teal-800\/10:hover { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:fill-teal-800\/10:active { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:fill-teal-800\/20:focus { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:fill-teal-800\/20:hover { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:fill-teal-800\/20:active { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:fill-teal-800\/30:focus { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:fill-teal-800\/30:hover { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:fill-teal-800\/30:active { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:fill-teal-800\/40:focus { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:fill-teal-800\/40:hover { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:fill-teal-800\/40:active { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:fill-teal-800\/50:focus { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:fill-teal-800\/50:hover { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:fill-teal-800\/50:active { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:fill-teal-800\/60:focus { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:fill-teal-800\/60:hover { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:fill-teal-800\/60:active { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:fill-teal-800\/70:focus { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:fill-teal-800\/70:hover { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:fill-teal-800\/70:active { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:fill-teal-800\/80:focus { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:fill-teal-800\/80:hover { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:fill-teal-800\/80:active { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:fill-teal-800\/90:focus { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:fill-teal-800\/90:hover { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:fill-teal-800\/90:active { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:fill-teal-900:focus { + fill: var(--teal-900) + } + .sm\:hover\:fill-teal-900:hover { + fill: var(--teal-900) + } + .sm\:active\:fill-teal-900:active { + fill: var(--teal-900) + } + .sm\:focus\:fill-teal-900\/10:focus { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:fill-teal-900\/10:hover { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:fill-teal-900\/10:active { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:fill-teal-900\/20:focus { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:fill-teal-900\/20:hover { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:fill-teal-900\/20:active { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:fill-teal-900\/30:focus { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:fill-teal-900\/30:hover { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:fill-teal-900\/30:active { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:fill-teal-900\/40:focus { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:fill-teal-900\/40:hover { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:fill-teal-900\/40:active { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:fill-teal-900\/50:focus { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:fill-teal-900\/50:hover { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:fill-teal-900\/50:active { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:fill-teal-900\/60:focus { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:fill-teal-900\/60:hover { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:fill-teal-900\/60:active { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:fill-teal-900\/70:focus { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:fill-teal-900\/70:hover { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:fill-teal-900\/70:active { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:fill-teal-900\/80:focus { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:fill-teal-900\/80:hover { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:fill-teal-900\/80:active { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:fill-teal-900\/90:focus { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:fill-teal-900\/90:hover { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:fill-teal-900\/90:active { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:fill-orange-50:focus { + fill: var(--orange-50) + } + .sm\:hover\:fill-orange-50:hover { + fill: var(--orange-50) + } + .sm\:active\:fill-orange-50:active { + fill: var(--orange-50) + } + .sm\:focus\:fill-orange-50\/10:focus { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:fill-orange-50\/10:hover { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:fill-orange-50\/10:active { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:fill-orange-50\/20:focus { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:fill-orange-50\/20:hover { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:fill-orange-50\/20:active { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:fill-orange-50\/30:focus { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:fill-orange-50\/30:hover { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:fill-orange-50\/30:active { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:fill-orange-50\/40:focus { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:fill-orange-50\/40:hover { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:fill-orange-50\/40:active { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:fill-orange-50\/50:focus { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:fill-orange-50\/50:hover { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:fill-orange-50\/50:active { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:fill-orange-50\/60:focus { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:fill-orange-50\/60:hover { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:fill-orange-50\/60:active { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:fill-orange-50\/70:focus { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:fill-orange-50\/70:hover { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:fill-orange-50\/70:active { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:fill-orange-50\/80:focus { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:fill-orange-50\/80:hover { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:fill-orange-50\/80:active { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:fill-orange-50\/90:focus { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:fill-orange-50\/90:hover { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:fill-orange-50\/90:active { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:fill-orange-100:focus { + fill: var(--orange-100) + } + .sm\:hover\:fill-orange-100:hover { + fill: var(--orange-100) + } + .sm\:active\:fill-orange-100:active { + fill: var(--orange-100) + } + .sm\:focus\:fill-orange-100\/10:focus { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:fill-orange-100\/10:hover { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:fill-orange-100\/10:active { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:fill-orange-100\/20:focus { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:fill-orange-100\/20:hover { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:fill-orange-100\/20:active { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:fill-orange-100\/30:focus { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:fill-orange-100\/30:hover { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:fill-orange-100\/30:active { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:fill-orange-100\/40:focus { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:fill-orange-100\/40:hover { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:fill-orange-100\/40:active { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:fill-orange-100\/50:focus { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:fill-orange-100\/50:hover { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:fill-orange-100\/50:active { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:fill-orange-100\/60:focus { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:fill-orange-100\/60:hover { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:fill-orange-100\/60:active { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:fill-orange-100\/70:focus { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:fill-orange-100\/70:hover { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:fill-orange-100\/70:active { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:fill-orange-100\/80:focus { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:fill-orange-100\/80:hover { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:fill-orange-100\/80:active { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:fill-orange-100\/90:focus { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:fill-orange-100\/90:hover { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:fill-orange-100\/90:active { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:fill-orange-200:focus { + fill: var(--orange-200) + } + .sm\:hover\:fill-orange-200:hover { + fill: var(--orange-200) + } + .sm\:active\:fill-orange-200:active { + fill: var(--orange-200) + } + .sm\:focus\:fill-orange-200\/10:focus { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:fill-orange-200\/10:hover { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:fill-orange-200\/10:active { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:fill-orange-200\/20:focus { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:fill-orange-200\/20:hover { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:fill-orange-200\/20:active { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:fill-orange-200\/30:focus { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:fill-orange-200\/30:hover { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:fill-orange-200\/30:active { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:fill-orange-200\/40:focus { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:fill-orange-200\/40:hover { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:fill-orange-200\/40:active { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:fill-orange-200\/50:focus { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:fill-orange-200\/50:hover { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:fill-orange-200\/50:active { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:fill-orange-200\/60:focus { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:fill-orange-200\/60:hover { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:fill-orange-200\/60:active { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:fill-orange-200\/70:focus { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:fill-orange-200\/70:hover { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:fill-orange-200\/70:active { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:fill-orange-200\/80:focus { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:fill-orange-200\/80:hover { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:fill-orange-200\/80:active { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:fill-orange-200\/90:focus { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:fill-orange-200\/90:hover { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:fill-orange-200\/90:active { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:fill-orange-300:focus { + fill: var(--orange-300) + } + .sm\:hover\:fill-orange-300:hover { + fill: var(--orange-300) + } + .sm\:active\:fill-orange-300:active { + fill: var(--orange-300) + } + .sm\:focus\:fill-orange-300\/10:focus { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:fill-orange-300\/10:hover { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:fill-orange-300\/10:active { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:fill-orange-300\/20:focus { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:fill-orange-300\/20:hover { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:fill-orange-300\/20:active { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:fill-orange-300\/30:focus { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:fill-orange-300\/30:hover { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:fill-orange-300\/30:active { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:fill-orange-300\/40:focus { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:fill-orange-300\/40:hover { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:fill-orange-300\/40:active { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:fill-orange-300\/50:focus { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:fill-orange-300\/50:hover { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:fill-orange-300\/50:active { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:fill-orange-300\/60:focus { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:fill-orange-300\/60:hover { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:fill-orange-300\/60:active { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:fill-orange-300\/70:focus { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:fill-orange-300\/70:hover { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:fill-orange-300\/70:active { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:fill-orange-300\/80:focus { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:fill-orange-300\/80:hover { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:fill-orange-300\/80:active { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:fill-orange-300\/90:focus { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:fill-orange-300\/90:hover { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:fill-orange-300\/90:active { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:fill-orange-400:focus { + fill: var(--orange-400) + } + .sm\:hover\:fill-orange-400:hover { + fill: var(--orange-400) + } + .sm\:active\:fill-orange-400:active { + fill: var(--orange-400) + } + .sm\:focus\:fill-orange-400\/10:focus { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:fill-orange-400\/10:hover { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:fill-orange-400\/10:active { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:fill-orange-400\/20:focus { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:fill-orange-400\/20:hover { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:fill-orange-400\/20:active { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:fill-orange-400\/30:focus { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:fill-orange-400\/30:hover { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:fill-orange-400\/30:active { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:fill-orange-400\/40:focus { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:fill-orange-400\/40:hover { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:fill-orange-400\/40:active { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:fill-orange-400\/50:focus { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:fill-orange-400\/50:hover { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:fill-orange-400\/50:active { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:fill-orange-400\/60:focus { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:fill-orange-400\/60:hover { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:fill-orange-400\/60:active { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:fill-orange-400\/70:focus { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:fill-orange-400\/70:hover { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:fill-orange-400\/70:active { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:fill-orange-400\/80:focus { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:fill-orange-400\/80:hover { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:fill-orange-400\/80:active { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:fill-orange-400\/90:focus { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:fill-orange-400\/90:hover { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:fill-orange-400\/90:active { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:fill-orange-500:focus { + fill: var(--orange-500) + } + .sm\:hover\:fill-orange-500:hover { + fill: var(--orange-500) + } + .sm\:active\:fill-orange-500:active { + fill: var(--orange-500) + } + .sm\:focus\:fill-orange-500\/10:focus { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:fill-orange-500\/10:hover { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:fill-orange-500\/10:active { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:fill-orange-500\/20:focus { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:fill-orange-500\/20:hover { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:fill-orange-500\/20:active { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:fill-orange-500\/30:focus { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:fill-orange-500\/30:hover { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:fill-orange-500\/30:active { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:fill-orange-500\/40:focus { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:fill-orange-500\/40:hover { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:fill-orange-500\/40:active { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:fill-orange-500\/50:focus { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:fill-orange-500\/50:hover { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:fill-orange-500\/50:active { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:fill-orange-500\/60:focus { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:fill-orange-500\/60:hover { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:fill-orange-500\/60:active { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:fill-orange-500\/70:focus { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:fill-orange-500\/70:hover { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:fill-orange-500\/70:active { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:fill-orange-500\/80:focus { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:fill-orange-500\/80:hover { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:fill-orange-500\/80:active { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:fill-orange-500\/90:focus { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:fill-orange-500\/90:hover { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:fill-orange-500\/90:active { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:fill-orange-600:focus { + fill: var(--orange-600) + } + .sm\:hover\:fill-orange-600:hover { + fill: var(--orange-600) + } + .sm\:active\:fill-orange-600:active { + fill: var(--orange-600) + } + .sm\:focus\:fill-orange-600\/10:focus { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:fill-orange-600\/10:hover { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:fill-orange-600\/10:active { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:fill-orange-600\/20:focus { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:fill-orange-600\/20:hover { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:fill-orange-600\/20:active { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:fill-orange-600\/30:focus { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:fill-orange-600\/30:hover { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:fill-orange-600\/30:active { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:fill-orange-600\/40:focus { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:fill-orange-600\/40:hover { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:fill-orange-600\/40:active { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:fill-orange-600\/50:focus { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:fill-orange-600\/50:hover { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:fill-orange-600\/50:active { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:fill-orange-600\/60:focus { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:fill-orange-600\/60:hover { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:fill-orange-600\/60:active { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:fill-orange-600\/70:focus { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:fill-orange-600\/70:hover { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:fill-orange-600\/70:active { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:fill-orange-600\/80:focus { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:fill-orange-600\/80:hover { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:fill-orange-600\/80:active { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:fill-orange-600\/90:focus { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:fill-orange-600\/90:hover { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:fill-orange-600\/90:active { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:fill-orange-700:focus { + fill: var(--orange-700) + } + .sm\:hover\:fill-orange-700:hover { + fill: var(--orange-700) + } + .sm\:active\:fill-orange-700:active { + fill: var(--orange-700) + } + .sm\:focus\:fill-orange-700\/10:focus { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:fill-orange-700\/10:hover { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:fill-orange-700\/10:active { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:fill-orange-700\/20:focus { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:fill-orange-700\/20:hover { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:fill-orange-700\/20:active { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:fill-orange-700\/30:focus { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:fill-orange-700\/30:hover { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:fill-orange-700\/30:active { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:fill-orange-700\/40:focus { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:fill-orange-700\/40:hover { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:fill-orange-700\/40:active { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:fill-orange-700\/50:focus { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:fill-orange-700\/50:hover { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:fill-orange-700\/50:active { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:fill-orange-700\/60:focus { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:fill-orange-700\/60:hover { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:fill-orange-700\/60:active { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:fill-orange-700\/70:focus { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:fill-orange-700\/70:hover { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:fill-orange-700\/70:active { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:fill-orange-700\/80:focus { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:fill-orange-700\/80:hover { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:fill-orange-700\/80:active { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:fill-orange-700\/90:focus { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:fill-orange-700\/90:hover { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:fill-orange-700\/90:active { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:fill-orange-800:focus { + fill: var(--orange-800) + } + .sm\:hover\:fill-orange-800:hover { + fill: var(--orange-800) + } + .sm\:active\:fill-orange-800:active { + fill: var(--orange-800) + } + .sm\:focus\:fill-orange-800\/10:focus { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:fill-orange-800\/10:hover { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:fill-orange-800\/10:active { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:fill-orange-800\/20:focus { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:fill-orange-800\/20:hover { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:fill-orange-800\/20:active { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:fill-orange-800\/30:focus { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:fill-orange-800\/30:hover { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:fill-orange-800\/30:active { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:fill-orange-800\/40:focus { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:fill-orange-800\/40:hover { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:fill-orange-800\/40:active { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:fill-orange-800\/50:focus { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:fill-orange-800\/50:hover { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:fill-orange-800\/50:active { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:fill-orange-800\/60:focus { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:fill-orange-800\/60:hover { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:fill-orange-800\/60:active { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:fill-orange-800\/70:focus { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:fill-orange-800\/70:hover { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:fill-orange-800\/70:active { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:fill-orange-800\/80:focus { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:fill-orange-800\/80:hover { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:fill-orange-800\/80:active { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:fill-orange-800\/90:focus { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:fill-orange-800\/90:hover { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:fill-orange-800\/90:active { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:fill-orange-900:focus { + fill: var(--orange-900) + } + .sm\:hover\:fill-orange-900:hover { + fill: var(--orange-900) + } + .sm\:active\:fill-orange-900:active { + fill: var(--orange-900) + } + .sm\:focus\:fill-orange-900\/10:focus { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:fill-orange-900\/10:hover { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:fill-orange-900\/10:active { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:fill-orange-900\/20:focus { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:fill-orange-900\/20:hover { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:fill-orange-900\/20:active { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:fill-orange-900\/30:focus { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:fill-orange-900\/30:hover { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:fill-orange-900\/30:active { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:fill-orange-900\/40:focus { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:fill-orange-900\/40:hover { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:fill-orange-900\/40:active { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:fill-orange-900\/50:focus { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:fill-orange-900\/50:hover { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:fill-orange-900\/50:active { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:fill-orange-900\/60:focus { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:fill-orange-900\/60:hover { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:fill-orange-900\/60:active { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:fill-orange-900\/70:focus { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:fill-orange-900\/70:hover { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:fill-orange-900\/70:active { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:fill-orange-900\/80:focus { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:fill-orange-900\/80:hover { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:fill-orange-900\/80:active { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:fill-orange-900\/90:focus { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:fill-orange-900\/90:hover { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:fill-orange-900\/90:active { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-50:focus { + fill: var(--bluegray-50) + } + .sm\:hover\:fill-bluegray-50:hover { + fill: var(--bluegray-50) + } + .sm\:active\:fill-bluegray-50:active { + fill: var(--bluegray-50) + } + .sm\:focus\:fill-bluegray-50\/10:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-50\/10:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-50\/10:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-50\/20:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-50\/20:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-50\/20:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-50\/30:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-50\/30:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-50\/30:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-50\/40:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-50\/40:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-50\/40:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-50\/50:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-50\/50:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-50\/50:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-50\/60:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-50\/60:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-50\/60:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-50\/70:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-50\/70:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-50\/70:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-50\/80:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-50\/80:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-50\/80:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-50\/90:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-50\/90:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-50\/90:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-100:focus { + fill: var(--bluegray-100) + } + .sm\:hover\:fill-bluegray-100:hover { + fill: var(--bluegray-100) + } + .sm\:active\:fill-bluegray-100:active { + fill: var(--bluegray-100) + } + .sm\:focus\:fill-bluegray-100\/10:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-100\/10:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-100\/10:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-100\/20:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-100\/20:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-100\/20:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-100\/30:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-100\/30:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-100\/30:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-100\/40:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-100\/40:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-100\/40:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-100\/50:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-100\/50:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-100\/50:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-100\/60:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-100\/60:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-100\/60:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-100\/70:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-100\/70:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-100\/70:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-100\/80:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-100\/80:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-100\/80:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-100\/90:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-100\/90:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-100\/90:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-200:focus { + fill: var(--bluegray-200) + } + .sm\:hover\:fill-bluegray-200:hover { + fill: var(--bluegray-200) + } + .sm\:active\:fill-bluegray-200:active { + fill: var(--bluegray-200) + } + .sm\:focus\:fill-bluegray-200\/10:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-200\/10:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-200\/10:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-200\/20:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-200\/20:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-200\/20:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-200\/30:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-200\/30:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-200\/30:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-200\/40:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-200\/40:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-200\/40:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-200\/50:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-200\/50:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-200\/50:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-200\/60:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-200\/60:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-200\/60:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-200\/70:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-200\/70:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-200\/70:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-200\/80:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-200\/80:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-200\/80:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-200\/90:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-200\/90:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-200\/90:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-300:focus { + fill: var(--bluegray-300) + } + .sm\:hover\:fill-bluegray-300:hover { + fill: var(--bluegray-300) + } + .sm\:active\:fill-bluegray-300:active { + fill: var(--bluegray-300) + } + .sm\:focus\:fill-bluegray-300\/10:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-300\/10:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-300\/10:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-300\/20:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-300\/20:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-300\/20:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-300\/30:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-300\/30:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-300\/30:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-300\/40:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-300\/40:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-300\/40:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-300\/50:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-300\/50:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-300\/50:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-300\/60:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-300\/60:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-300\/60:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-300\/70:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-300\/70:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-300\/70:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-300\/80:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-300\/80:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-300\/80:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-300\/90:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-300\/90:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-300\/90:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-400:focus { + fill: var(--bluegray-400) + } + .sm\:hover\:fill-bluegray-400:hover { + fill: var(--bluegray-400) + } + .sm\:active\:fill-bluegray-400:active { + fill: var(--bluegray-400) + } + .sm\:focus\:fill-bluegray-400\/10:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-400\/10:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-400\/10:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-400\/20:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-400\/20:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-400\/20:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-400\/30:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-400\/30:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-400\/30:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-400\/40:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-400\/40:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-400\/40:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-400\/50:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-400\/50:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-400\/50:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-400\/60:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-400\/60:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-400\/60:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-400\/70:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-400\/70:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-400\/70:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-400\/80:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-400\/80:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-400\/80:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-400\/90:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-400\/90:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-400\/90:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-500:focus { + fill: var(--bluegray-500) + } + .sm\:hover\:fill-bluegray-500:hover { + fill: var(--bluegray-500) + } + .sm\:active\:fill-bluegray-500:active { + fill: var(--bluegray-500) + } + .sm\:focus\:fill-bluegray-500\/10:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-500\/10:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-500\/10:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-500\/20:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-500\/20:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-500\/20:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-500\/30:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-500\/30:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-500\/30:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-500\/40:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-500\/40:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-500\/40:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-500\/50:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-500\/50:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-500\/50:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-500\/60:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-500\/60:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-500\/60:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-500\/70:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-500\/70:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-500\/70:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-500\/80:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-500\/80:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-500\/80:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-500\/90:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-500\/90:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-500\/90:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-600:focus { + fill: var(--bluegray-600) + } + .sm\:hover\:fill-bluegray-600:hover { + fill: var(--bluegray-600) + } + .sm\:active\:fill-bluegray-600:active { + fill: var(--bluegray-600) + } + .sm\:focus\:fill-bluegray-600\/10:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-600\/10:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-600\/10:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-600\/20:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-600\/20:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-600\/20:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-600\/30:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-600\/30:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-600\/30:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-600\/40:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-600\/40:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-600\/40:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-600\/50:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-600\/50:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-600\/50:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-600\/60:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-600\/60:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-600\/60:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-600\/70:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-600\/70:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-600\/70:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-600\/80:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-600\/80:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-600\/80:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-600\/90:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-600\/90:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-600\/90:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-700:focus { + fill: var(--bluegray-700) + } + .sm\:hover\:fill-bluegray-700:hover { + fill: var(--bluegray-700) + } + .sm\:active\:fill-bluegray-700:active { + fill: var(--bluegray-700) + } + .sm\:focus\:fill-bluegray-700\/10:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-700\/10:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-700\/10:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-700\/20:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-700\/20:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-700\/20:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-700\/30:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-700\/30:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-700\/30:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-700\/40:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-700\/40:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-700\/40:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-700\/50:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-700\/50:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-700\/50:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-700\/60:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-700\/60:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-700\/60:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-700\/70:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-700\/70:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-700\/70:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-700\/80:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-700\/80:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-700\/80:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-700\/90:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-700\/90:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-700\/90:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-800:focus { + fill: var(--bluegray-800) + } + .sm\:hover\:fill-bluegray-800:hover { + fill: var(--bluegray-800) + } + .sm\:active\:fill-bluegray-800:active { + fill: var(--bluegray-800) + } + .sm\:focus\:fill-bluegray-800\/10:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-800\/10:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-800\/10:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-800\/20:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-800\/20:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-800\/20:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-800\/30:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-800\/30:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-800\/30:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-800\/40:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-800\/40:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-800\/40:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-800\/50:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-800\/50:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-800\/50:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-800\/60:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-800\/60:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-800\/60:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-800\/70:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-800\/70:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-800\/70:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-800\/80:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-800\/80:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-800\/80:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-800\/90:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-800\/90:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-800\/90:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:fill-bluegray-900:focus { + fill: var(--bluegray-900) + } + .sm\:hover\:fill-bluegray-900:hover { + fill: var(--bluegray-900) + } + .sm\:active\:fill-bluegray-900:active { + fill: var(--bluegray-900) + } + .sm\:focus\:fill-bluegray-900\/10:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:fill-bluegray-900\/10:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:fill-bluegray-900\/10:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:fill-bluegray-900\/20:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:fill-bluegray-900\/20:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:fill-bluegray-900\/20:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:fill-bluegray-900\/30:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:fill-bluegray-900\/30:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:fill-bluegray-900\/30:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:fill-bluegray-900\/40:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:fill-bluegray-900\/40:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:fill-bluegray-900\/40:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:fill-bluegray-900\/50:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:fill-bluegray-900\/50:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:fill-bluegray-900\/50:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:fill-bluegray-900\/60:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:fill-bluegray-900\/60:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:fill-bluegray-900\/60:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:fill-bluegray-900\/70:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:fill-bluegray-900\/70:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:fill-bluegray-900\/70:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:fill-bluegray-900\/80:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:fill-bluegray-900\/80:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:fill-bluegray-900\/80:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:fill-bluegray-900\/90:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:fill-bluegray-900\/90:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:fill-bluegray-900\/90:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:fill-purple-50:focus { + fill: var(--purple-50) + } + .sm\:hover\:fill-purple-50:hover { + fill: var(--purple-50) + } + .sm\:active\:fill-purple-50:active { + fill: var(--purple-50) + } + .sm\:focus\:fill-purple-50\/10:focus { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:fill-purple-50\/10:hover { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:fill-purple-50\/10:active { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:fill-purple-50\/20:focus { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:fill-purple-50\/20:hover { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:fill-purple-50\/20:active { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:fill-purple-50\/30:focus { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:fill-purple-50\/30:hover { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:fill-purple-50\/30:active { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:fill-purple-50\/40:focus { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:fill-purple-50\/40:hover { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:fill-purple-50\/40:active { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:fill-purple-50\/50:focus { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:fill-purple-50\/50:hover { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:fill-purple-50\/50:active { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:fill-purple-50\/60:focus { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:fill-purple-50\/60:hover { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:fill-purple-50\/60:active { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:fill-purple-50\/70:focus { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:fill-purple-50\/70:hover { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:fill-purple-50\/70:active { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:fill-purple-50\/80:focus { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:fill-purple-50\/80:hover { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:fill-purple-50\/80:active { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:fill-purple-50\/90:focus { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:fill-purple-50\/90:hover { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:fill-purple-50\/90:active { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:fill-purple-100:focus { + fill: var(--purple-100) + } + .sm\:hover\:fill-purple-100:hover { + fill: var(--purple-100) + } + .sm\:active\:fill-purple-100:active { + fill: var(--purple-100) + } + .sm\:focus\:fill-purple-100\/10:focus { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:fill-purple-100\/10:hover { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:fill-purple-100\/10:active { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:fill-purple-100\/20:focus { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:fill-purple-100\/20:hover { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:fill-purple-100\/20:active { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:fill-purple-100\/30:focus { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:fill-purple-100\/30:hover { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:fill-purple-100\/30:active { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:fill-purple-100\/40:focus { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:fill-purple-100\/40:hover { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:fill-purple-100\/40:active { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:fill-purple-100\/50:focus { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:fill-purple-100\/50:hover { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:fill-purple-100\/50:active { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:fill-purple-100\/60:focus { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:fill-purple-100\/60:hover { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:fill-purple-100\/60:active { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:fill-purple-100\/70:focus { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:fill-purple-100\/70:hover { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:fill-purple-100\/70:active { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:fill-purple-100\/80:focus { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:fill-purple-100\/80:hover { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:fill-purple-100\/80:active { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:fill-purple-100\/90:focus { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:fill-purple-100\/90:hover { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:fill-purple-100\/90:active { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:fill-purple-200:focus { + fill: var(--purple-200) + } + .sm\:hover\:fill-purple-200:hover { + fill: var(--purple-200) + } + .sm\:active\:fill-purple-200:active { + fill: var(--purple-200) + } + .sm\:focus\:fill-purple-200\/10:focus { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:fill-purple-200\/10:hover { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:fill-purple-200\/10:active { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:fill-purple-200\/20:focus { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:fill-purple-200\/20:hover { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:fill-purple-200\/20:active { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:fill-purple-200\/30:focus { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:fill-purple-200\/30:hover { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:fill-purple-200\/30:active { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:fill-purple-200\/40:focus { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:fill-purple-200\/40:hover { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:fill-purple-200\/40:active { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:fill-purple-200\/50:focus { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:fill-purple-200\/50:hover { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:fill-purple-200\/50:active { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:fill-purple-200\/60:focus { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:fill-purple-200\/60:hover { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:fill-purple-200\/60:active { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:fill-purple-200\/70:focus { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:fill-purple-200\/70:hover { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:fill-purple-200\/70:active { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:fill-purple-200\/80:focus { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:fill-purple-200\/80:hover { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:fill-purple-200\/80:active { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:fill-purple-200\/90:focus { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:fill-purple-200\/90:hover { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:fill-purple-200\/90:active { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:fill-purple-300:focus { + fill: var(--purple-300) + } + .sm\:hover\:fill-purple-300:hover { + fill: var(--purple-300) + } + .sm\:active\:fill-purple-300:active { + fill: var(--purple-300) + } + .sm\:focus\:fill-purple-300\/10:focus { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:fill-purple-300\/10:hover { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:fill-purple-300\/10:active { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:fill-purple-300\/20:focus { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:fill-purple-300\/20:hover { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:fill-purple-300\/20:active { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:fill-purple-300\/30:focus { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:fill-purple-300\/30:hover { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:fill-purple-300\/30:active { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:fill-purple-300\/40:focus { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:fill-purple-300\/40:hover { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:fill-purple-300\/40:active { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:fill-purple-300\/50:focus { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:fill-purple-300\/50:hover { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:fill-purple-300\/50:active { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:fill-purple-300\/60:focus { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:fill-purple-300\/60:hover { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:fill-purple-300\/60:active { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:fill-purple-300\/70:focus { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:fill-purple-300\/70:hover { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:fill-purple-300\/70:active { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:fill-purple-300\/80:focus { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:fill-purple-300\/80:hover { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:fill-purple-300\/80:active { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:fill-purple-300\/90:focus { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:fill-purple-300\/90:hover { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:fill-purple-300\/90:active { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:fill-purple-400:focus { + fill: var(--purple-400) + } + .sm\:hover\:fill-purple-400:hover { + fill: var(--purple-400) + } + .sm\:active\:fill-purple-400:active { + fill: var(--purple-400) + } + .sm\:focus\:fill-purple-400\/10:focus { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:fill-purple-400\/10:hover { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:fill-purple-400\/10:active { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:fill-purple-400\/20:focus { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:fill-purple-400\/20:hover { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:fill-purple-400\/20:active { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:fill-purple-400\/30:focus { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:fill-purple-400\/30:hover { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:fill-purple-400\/30:active { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:fill-purple-400\/40:focus { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:fill-purple-400\/40:hover { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:fill-purple-400\/40:active { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:fill-purple-400\/50:focus { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:fill-purple-400\/50:hover { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:fill-purple-400\/50:active { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:fill-purple-400\/60:focus { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:fill-purple-400\/60:hover { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:fill-purple-400\/60:active { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:fill-purple-400\/70:focus { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:fill-purple-400\/70:hover { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:fill-purple-400\/70:active { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:fill-purple-400\/80:focus { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:fill-purple-400\/80:hover { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:fill-purple-400\/80:active { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:fill-purple-400\/90:focus { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:fill-purple-400\/90:hover { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:fill-purple-400\/90:active { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:fill-purple-500:focus { + fill: var(--purple-500) + } + .sm\:hover\:fill-purple-500:hover { + fill: var(--purple-500) + } + .sm\:active\:fill-purple-500:active { + fill: var(--purple-500) + } + .sm\:focus\:fill-purple-500\/10:focus { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:fill-purple-500\/10:hover { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:fill-purple-500\/10:active { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:fill-purple-500\/20:focus { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:fill-purple-500\/20:hover { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:fill-purple-500\/20:active { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:fill-purple-500\/30:focus { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:fill-purple-500\/30:hover { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:fill-purple-500\/30:active { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:fill-purple-500\/40:focus { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:fill-purple-500\/40:hover { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:fill-purple-500\/40:active { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:fill-purple-500\/50:focus { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:fill-purple-500\/50:hover { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:fill-purple-500\/50:active { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:fill-purple-500\/60:focus { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:fill-purple-500\/60:hover { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:fill-purple-500\/60:active { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:fill-purple-500\/70:focus { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:fill-purple-500\/70:hover { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:fill-purple-500\/70:active { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:fill-purple-500\/80:focus { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:fill-purple-500\/80:hover { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:fill-purple-500\/80:active { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:fill-purple-500\/90:focus { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:fill-purple-500\/90:hover { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:fill-purple-500\/90:active { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:fill-purple-600:focus { + fill: var(--purple-600) + } + .sm\:hover\:fill-purple-600:hover { + fill: var(--purple-600) + } + .sm\:active\:fill-purple-600:active { + fill: var(--purple-600) + } + .sm\:focus\:fill-purple-600\/10:focus { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:fill-purple-600\/10:hover { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:fill-purple-600\/10:active { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:fill-purple-600\/20:focus { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:fill-purple-600\/20:hover { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:fill-purple-600\/20:active { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:fill-purple-600\/30:focus { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:fill-purple-600\/30:hover { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:fill-purple-600\/30:active { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:fill-purple-600\/40:focus { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:fill-purple-600\/40:hover { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:fill-purple-600\/40:active { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:fill-purple-600\/50:focus { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:fill-purple-600\/50:hover { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:fill-purple-600\/50:active { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:fill-purple-600\/60:focus { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:fill-purple-600\/60:hover { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:fill-purple-600\/60:active { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:fill-purple-600\/70:focus { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:fill-purple-600\/70:hover { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:fill-purple-600\/70:active { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:fill-purple-600\/80:focus { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:fill-purple-600\/80:hover { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:fill-purple-600\/80:active { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:fill-purple-600\/90:focus { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:fill-purple-600\/90:hover { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:fill-purple-600\/90:active { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:fill-purple-700:focus { + fill: var(--purple-700) + } + .sm\:hover\:fill-purple-700:hover { + fill: var(--purple-700) + } + .sm\:active\:fill-purple-700:active { + fill: var(--purple-700) + } + .sm\:focus\:fill-purple-700\/10:focus { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:fill-purple-700\/10:hover { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:fill-purple-700\/10:active { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:fill-purple-700\/20:focus { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:fill-purple-700\/20:hover { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:fill-purple-700\/20:active { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:fill-purple-700\/30:focus { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:fill-purple-700\/30:hover { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:fill-purple-700\/30:active { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:fill-purple-700\/40:focus { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:fill-purple-700\/40:hover { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:fill-purple-700\/40:active { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:fill-purple-700\/50:focus { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:fill-purple-700\/50:hover { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:fill-purple-700\/50:active { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:fill-purple-700\/60:focus { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:fill-purple-700\/60:hover { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:fill-purple-700\/60:active { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:fill-purple-700\/70:focus { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:fill-purple-700\/70:hover { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:fill-purple-700\/70:active { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:fill-purple-700\/80:focus { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:fill-purple-700\/80:hover { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:fill-purple-700\/80:active { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:fill-purple-700\/90:focus { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:fill-purple-700\/90:hover { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:fill-purple-700\/90:active { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:fill-purple-800:focus { + fill: var(--purple-800) + } + .sm\:hover\:fill-purple-800:hover { + fill: var(--purple-800) + } + .sm\:active\:fill-purple-800:active { + fill: var(--purple-800) + } + .sm\:focus\:fill-purple-800\/10:focus { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:fill-purple-800\/10:hover { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:fill-purple-800\/10:active { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:fill-purple-800\/20:focus { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:fill-purple-800\/20:hover { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:fill-purple-800\/20:active { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:fill-purple-800\/30:focus { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:fill-purple-800\/30:hover { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:fill-purple-800\/30:active { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:fill-purple-800\/40:focus { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:fill-purple-800\/40:hover { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:fill-purple-800\/40:active { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:fill-purple-800\/50:focus { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:fill-purple-800\/50:hover { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:fill-purple-800\/50:active { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:fill-purple-800\/60:focus { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:fill-purple-800\/60:hover { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:fill-purple-800\/60:active { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:fill-purple-800\/70:focus { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:fill-purple-800\/70:hover { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:fill-purple-800\/70:active { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:fill-purple-800\/80:focus { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:fill-purple-800\/80:hover { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:fill-purple-800\/80:active { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:fill-purple-800\/90:focus { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:fill-purple-800\/90:hover { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:fill-purple-800\/90:active { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:fill-purple-900:focus { + fill: var(--purple-900) + } + .sm\:hover\:fill-purple-900:hover { + fill: var(--purple-900) + } + .sm\:active\:fill-purple-900:active { + fill: var(--purple-900) + } + .sm\:focus\:fill-purple-900\/10:focus { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:fill-purple-900\/10:hover { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:fill-purple-900\/10:active { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:fill-purple-900\/20:focus { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:fill-purple-900\/20:hover { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:fill-purple-900\/20:active { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:fill-purple-900\/30:focus { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:fill-purple-900\/30:hover { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:fill-purple-900\/30:active { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:fill-purple-900\/40:focus { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:fill-purple-900\/40:hover { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:fill-purple-900\/40:active { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:fill-purple-900\/50:focus { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:fill-purple-900\/50:hover { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:fill-purple-900\/50:active { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:fill-purple-900\/60:focus { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:fill-purple-900\/60:hover { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:fill-purple-900\/60:active { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:fill-purple-900\/70:focus { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:fill-purple-900\/70:hover { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:fill-purple-900\/70:active { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:fill-purple-900\/80:focus { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:fill-purple-900\/80:hover { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:fill-purple-900\/80:active { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:fill-purple-900\/90:focus { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:fill-purple-900\/90:hover { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:fill-purple-900\/90:active { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:fill-red-50:focus { + fill: var(--red-50) + } + .sm\:hover\:fill-red-50:hover { + fill: var(--red-50) + } + .sm\:active\:fill-red-50:active { + fill: var(--red-50) + } + .sm\:focus\:fill-red-50\/10:focus { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:fill-red-50\/10:hover { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:fill-red-50\/10:active { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:fill-red-50\/20:focus { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:fill-red-50\/20:hover { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:fill-red-50\/20:active { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:fill-red-50\/30:focus { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:fill-red-50\/30:hover { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:fill-red-50\/30:active { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:fill-red-50\/40:focus { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:fill-red-50\/40:hover { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:fill-red-50\/40:active { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:fill-red-50\/50:focus { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:fill-red-50\/50:hover { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:fill-red-50\/50:active { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:fill-red-50\/60:focus { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:fill-red-50\/60:hover { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:fill-red-50\/60:active { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:fill-red-50\/70:focus { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:fill-red-50\/70:hover { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:fill-red-50\/70:active { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:fill-red-50\/80:focus { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:fill-red-50\/80:hover { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:fill-red-50\/80:active { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:fill-red-50\/90:focus { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:fill-red-50\/90:hover { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:fill-red-50\/90:active { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:fill-red-100:focus { + fill: var(--red-100) + } + .sm\:hover\:fill-red-100:hover { + fill: var(--red-100) + } + .sm\:active\:fill-red-100:active { + fill: var(--red-100) + } + .sm\:focus\:fill-red-100\/10:focus { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:fill-red-100\/10:hover { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:fill-red-100\/10:active { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:fill-red-100\/20:focus { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:fill-red-100\/20:hover { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:fill-red-100\/20:active { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:fill-red-100\/30:focus { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:fill-red-100\/30:hover { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:fill-red-100\/30:active { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:fill-red-100\/40:focus { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:fill-red-100\/40:hover { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:fill-red-100\/40:active { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:fill-red-100\/50:focus { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:fill-red-100\/50:hover { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:fill-red-100\/50:active { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:fill-red-100\/60:focus { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:fill-red-100\/60:hover { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:fill-red-100\/60:active { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:fill-red-100\/70:focus { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:fill-red-100\/70:hover { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:fill-red-100\/70:active { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:fill-red-100\/80:focus { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:fill-red-100\/80:hover { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:fill-red-100\/80:active { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:fill-red-100\/90:focus { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:fill-red-100\/90:hover { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:fill-red-100\/90:active { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:fill-red-200:focus { + fill: var(--red-200) + } + .sm\:hover\:fill-red-200:hover { + fill: var(--red-200) + } + .sm\:active\:fill-red-200:active { + fill: var(--red-200) + } + .sm\:focus\:fill-red-200\/10:focus { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:fill-red-200\/10:hover { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:fill-red-200\/10:active { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:fill-red-200\/20:focus { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:fill-red-200\/20:hover { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:fill-red-200\/20:active { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:fill-red-200\/30:focus { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:fill-red-200\/30:hover { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:fill-red-200\/30:active { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:fill-red-200\/40:focus { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:fill-red-200\/40:hover { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:fill-red-200\/40:active { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:fill-red-200\/50:focus { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:fill-red-200\/50:hover { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:fill-red-200\/50:active { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:fill-red-200\/60:focus { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:fill-red-200\/60:hover { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:fill-red-200\/60:active { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:fill-red-200\/70:focus { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:fill-red-200\/70:hover { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:fill-red-200\/70:active { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:fill-red-200\/80:focus { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:fill-red-200\/80:hover { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:fill-red-200\/80:active { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:fill-red-200\/90:focus { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:fill-red-200\/90:hover { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:fill-red-200\/90:active { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:fill-red-300:focus { + fill: var(--red-300) + } + .sm\:hover\:fill-red-300:hover { + fill: var(--red-300) + } + .sm\:active\:fill-red-300:active { + fill: var(--red-300) + } + .sm\:focus\:fill-red-300\/10:focus { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:fill-red-300\/10:hover { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:fill-red-300\/10:active { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:fill-red-300\/20:focus { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:fill-red-300\/20:hover { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:fill-red-300\/20:active { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:fill-red-300\/30:focus { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:fill-red-300\/30:hover { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:fill-red-300\/30:active { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:fill-red-300\/40:focus { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:fill-red-300\/40:hover { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:fill-red-300\/40:active { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:fill-red-300\/50:focus { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:fill-red-300\/50:hover { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:fill-red-300\/50:active { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:fill-red-300\/60:focus { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:fill-red-300\/60:hover { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:fill-red-300\/60:active { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:fill-red-300\/70:focus { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:fill-red-300\/70:hover { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:fill-red-300\/70:active { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:fill-red-300\/80:focus { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:fill-red-300\/80:hover { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:fill-red-300\/80:active { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:fill-red-300\/90:focus { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:fill-red-300\/90:hover { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:fill-red-300\/90:active { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:fill-red-400:focus { + fill: var(--red-400) + } + .sm\:hover\:fill-red-400:hover { + fill: var(--red-400) + } + .sm\:active\:fill-red-400:active { + fill: var(--red-400) + } + .sm\:focus\:fill-red-400\/10:focus { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:fill-red-400\/10:hover { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:fill-red-400\/10:active { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:fill-red-400\/20:focus { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:fill-red-400\/20:hover { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:fill-red-400\/20:active { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:fill-red-400\/30:focus { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:fill-red-400\/30:hover { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:fill-red-400\/30:active { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:fill-red-400\/40:focus { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:fill-red-400\/40:hover { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:fill-red-400\/40:active { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:fill-red-400\/50:focus { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:fill-red-400\/50:hover { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:fill-red-400\/50:active { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:fill-red-400\/60:focus { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:fill-red-400\/60:hover { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:fill-red-400\/60:active { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:fill-red-400\/70:focus { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:fill-red-400\/70:hover { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:fill-red-400\/70:active { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:fill-red-400\/80:focus { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:fill-red-400\/80:hover { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:fill-red-400\/80:active { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:fill-red-400\/90:focus { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:fill-red-400\/90:hover { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:fill-red-400\/90:active { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:fill-red-500:focus { + fill: var(--red-500) + } + .sm\:hover\:fill-red-500:hover { + fill: var(--red-500) + } + .sm\:active\:fill-red-500:active { + fill: var(--red-500) + } + .sm\:focus\:fill-red-500\/10:focus { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:fill-red-500\/10:hover { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:fill-red-500\/10:active { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:fill-red-500\/20:focus { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:fill-red-500\/20:hover { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:fill-red-500\/20:active { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:fill-red-500\/30:focus { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:fill-red-500\/30:hover { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:fill-red-500\/30:active { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:fill-red-500\/40:focus { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:fill-red-500\/40:hover { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:fill-red-500\/40:active { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:fill-red-500\/50:focus { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:fill-red-500\/50:hover { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:fill-red-500\/50:active { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:fill-red-500\/60:focus { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:fill-red-500\/60:hover { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:fill-red-500\/60:active { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:fill-red-500\/70:focus { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:fill-red-500\/70:hover { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:fill-red-500\/70:active { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:fill-red-500\/80:focus { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:fill-red-500\/80:hover { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:fill-red-500\/80:active { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:fill-red-500\/90:focus { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:fill-red-500\/90:hover { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:fill-red-500\/90:active { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:fill-red-600:focus { + fill: var(--red-600) + } + .sm\:hover\:fill-red-600:hover { + fill: var(--red-600) + } + .sm\:active\:fill-red-600:active { + fill: var(--red-600) + } + .sm\:focus\:fill-red-600\/10:focus { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:fill-red-600\/10:hover { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:fill-red-600\/10:active { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:fill-red-600\/20:focus { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:fill-red-600\/20:hover { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:fill-red-600\/20:active { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:fill-red-600\/30:focus { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:fill-red-600\/30:hover { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:fill-red-600\/30:active { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:fill-red-600\/40:focus { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:fill-red-600\/40:hover { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:fill-red-600\/40:active { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:fill-red-600\/50:focus { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:fill-red-600\/50:hover { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:fill-red-600\/50:active { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:fill-red-600\/60:focus { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:fill-red-600\/60:hover { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:fill-red-600\/60:active { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:fill-red-600\/70:focus { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:fill-red-600\/70:hover { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:fill-red-600\/70:active { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:fill-red-600\/80:focus { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:fill-red-600\/80:hover { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:fill-red-600\/80:active { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:fill-red-600\/90:focus { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:fill-red-600\/90:hover { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:fill-red-600\/90:active { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:fill-red-700:focus { + fill: var(--red-700) + } + .sm\:hover\:fill-red-700:hover { + fill: var(--red-700) + } + .sm\:active\:fill-red-700:active { + fill: var(--red-700) + } + .sm\:focus\:fill-red-700\/10:focus { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:fill-red-700\/10:hover { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:fill-red-700\/10:active { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:fill-red-700\/20:focus { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:fill-red-700\/20:hover { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:fill-red-700\/20:active { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:fill-red-700\/30:focus { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:fill-red-700\/30:hover { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:fill-red-700\/30:active { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:fill-red-700\/40:focus { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:fill-red-700\/40:hover { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:fill-red-700\/40:active { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:fill-red-700\/50:focus { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:fill-red-700\/50:hover { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:fill-red-700\/50:active { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:fill-red-700\/60:focus { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:fill-red-700\/60:hover { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:fill-red-700\/60:active { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:fill-red-700\/70:focus { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:fill-red-700\/70:hover { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:fill-red-700\/70:active { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:fill-red-700\/80:focus { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:fill-red-700\/80:hover { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:fill-red-700\/80:active { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:fill-red-700\/90:focus { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:fill-red-700\/90:hover { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:fill-red-700\/90:active { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:fill-red-800:focus { + fill: var(--red-800) + } + .sm\:hover\:fill-red-800:hover { + fill: var(--red-800) + } + .sm\:active\:fill-red-800:active { + fill: var(--red-800) + } + .sm\:focus\:fill-red-800\/10:focus { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:fill-red-800\/10:hover { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:fill-red-800\/10:active { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:fill-red-800\/20:focus { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:fill-red-800\/20:hover { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:fill-red-800\/20:active { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:fill-red-800\/30:focus { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:fill-red-800\/30:hover { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:fill-red-800\/30:active { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:fill-red-800\/40:focus { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:fill-red-800\/40:hover { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:fill-red-800\/40:active { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:fill-red-800\/50:focus { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:fill-red-800\/50:hover { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:fill-red-800\/50:active { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:fill-red-800\/60:focus { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:fill-red-800\/60:hover { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:fill-red-800\/60:active { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:fill-red-800\/70:focus { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:fill-red-800\/70:hover { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:fill-red-800\/70:active { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:fill-red-800\/80:focus { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:fill-red-800\/80:hover { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:fill-red-800\/80:active { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:fill-red-800\/90:focus { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:fill-red-800\/90:hover { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:fill-red-800\/90:active { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:fill-red-900:focus { + fill: var(--red-900) + } + .sm\:hover\:fill-red-900:hover { + fill: var(--red-900) + } + .sm\:active\:fill-red-900:active { + fill: var(--red-900) + } + .sm\:focus\:fill-red-900\/10:focus { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:fill-red-900\/10:hover { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:fill-red-900\/10:active { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:fill-red-900\/20:focus { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:fill-red-900\/20:hover { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:fill-red-900\/20:active { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:fill-red-900\/30:focus { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:fill-red-900\/30:hover { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:fill-red-900\/30:active { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:fill-red-900\/40:focus { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:fill-red-900\/40:hover { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:fill-red-900\/40:active { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:fill-red-900\/50:focus { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:fill-red-900\/50:hover { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:fill-red-900\/50:active { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:fill-red-900\/60:focus { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:fill-red-900\/60:hover { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:fill-red-900\/60:active { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:fill-red-900\/70:focus { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:fill-red-900\/70:hover { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:fill-red-900\/70:active { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:fill-red-900\/80:focus { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:fill-red-900\/80:hover { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:fill-red-900\/80:active { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:fill-red-900\/90:focus { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:fill-red-900\/90:hover { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:fill-red-900\/90:active { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:fill-gray-50:focus { + fill: var(--gray-50) + } + .sm\:hover\:fill-gray-50:hover { + fill: var(--gray-50) + } + .sm\:active\:fill-gray-50:active { + fill: var(--gray-50) + } + .sm\:focus\:fill-gray-50\/10:focus { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:fill-gray-50\/10:hover { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:fill-gray-50\/10:active { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:fill-gray-50\/20:focus { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:fill-gray-50\/20:hover { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:fill-gray-50\/20:active { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:fill-gray-50\/30:focus { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:fill-gray-50\/30:hover { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:fill-gray-50\/30:active { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:fill-gray-50\/40:focus { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:fill-gray-50\/40:hover { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:fill-gray-50\/40:active { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:fill-gray-50\/50:focus { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:fill-gray-50\/50:hover { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:fill-gray-50\/50:active { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:fill-gray-50\/60:focus { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:fill-gray-50\/60:hover { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:fill-gray-50\/60:active { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:fill-gray-50\/70:focus { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:fill-gray-50\/70:hover { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:fill-gray-50\/70:active { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:fill-gray-50\/80:focus { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:fill-gray-50\/80:hover { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:fill-gray-50\/80:active { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:fill-gray-50\/90:focus { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:fill-gray-50\/90:hover { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:fill-gray-50\/90:active { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:fill-gray-100:focus { + fill: var(--gray-100) + } + .sm\:hover\:fill-gray-100:hover { + fill: var(--gray-100) + } + .sm\:active\:fill-gray-100:active { + fill: var(--gray-100) + } + .sm\:focus\:fill-gray-100\/10:focus { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:fill-gray-100\/10:hover { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:fill-gray-100\/10:active { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:fill-gray-100\/20:focus { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:fill-gray-100\/20:hover { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:fill-gray-100\/20:active { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:fill-gray-100\/30:focus { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:fill-gray-100\/30:hover { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:fill-gray-100\/30:active { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:fill-gray-100\/40:focus { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:fill-gray-100\/40:hover { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:fill-gray-100\/40:active { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:fill-gray-100\/50:focus { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:fill-gray-100\/50:hover { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:fill-gray-100\/50:active { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:fill-gray-100\/60:focus { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:fill-gray-100\/60:hover { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:fill-gray-100\/60:active { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:fill-gray-100\/70:focus { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:fill-gray-100\/70:hover { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:fill-gray-100\/70:active { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:fill-gray-100\/80:focus { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:fill-gray-100\/80:hover { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:fill-gray-100\/80:active { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:fill-gray-100\/90:focus { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:fill-gray-100\/90:hover { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:fill-gray-100\/90:active { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:fill-gray-200:focus { + fill: var(--gray-200) + } + .sm\:hover\:fill-gray-200:hover { + fill: var(--gray-200) + } + .sm\:active\:fill-gray-200:active { + fill: var(--gray-200) + } + .sm\:focus\:fill-gray-200\/10:focus { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:fill-gray-200\/10:hover { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:fill-gray-200\/10:active { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:fill-gray-200\/20:focus { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:fill-gray-200\/20:hover { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:fill-gray-200\/20:active { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:fill-gray-200\/30:focus { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:fill-gray-200\/30:hover { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:fill-gray-200\/30:active { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:fill-gray-200\/40:focus { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:fill-gray-200\/40:hover { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:fill-gray-200\/40:active { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:fill-gray-200\/50:focus { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:fill-gray-200\/50:hover { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:fill-gray-200\/50:active { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:fill-gray-200\/60:focus { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:fill-gray-200\/60:hover { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:fill-gray-200\/60:active { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:fill-gray-200\/70:focus { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:fill-gray-200\/70:hover { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:fill-gray-200\/70:active { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:fill-gray-200\/80:focus { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:fill-gray-200\/80:hover { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:fill-gray-200\/80:active { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:fill-gray-200\/90:focus { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:fill-gray-200\/90:hover { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:fill-gray-200\/90:active { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:fill-gray-300:focus { + fill: var(--gray-300) + } + .sm\:hover\:fill-gray-300:hover { + fill: var(--gray-300) + } + .sm\:active\:fill-gray-300:active { + fill: var(--gray-300) + } + .sm\:focus\:fill-gray-300\/10:focus { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:fill-gray-300\/10:hover { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:fill-gray-300\/10:active { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:fill-gray-300\/20:focus { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:fill-gray-300\/20:hover { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:fill-gray-300\/20:active { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:fill-gray-300\/30:focus { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:fill-gray-300\/30:hover { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:fill-gray-300\/30:active { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:fill-gray-300\/40:focus { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:fill-gray-300\/40:hover { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:fill-gray-300\/40:active { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:fill-gray-300\/50:focus { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:fill-gray-300\/50:hover { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:fill-gray-300\/50:active { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:fill-gray-300\/60:focus { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:fill-gray-300\/60:hover { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:fill-gray-300\/60:active { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:fill-gray-300\/70:focus { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:fill-gray-300\/70:hover { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:fill-gray-300\/70:active { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:fill-gray-300\/80:focus { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:fill-gray-300\/80:hover { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:fill-gray-300\/80:active { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:fill-gray-300\/90:focus { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:fill-gray-300\/90:hover { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:fill-gray-300\/90:active { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:fill-gray-400:focus { + fill: var(--gray-400) + } + .sm\:hover\:fill-gray-400:hover { + fill: var(--gray-400) + } + .sm\:active\:fill-gray-400:active { + fill: var(--gray-400) + } + .sm\:focus\:fill-gray-400\/10:focus { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:fill-gray-400\/10:hover { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:fill-gray-400\/10:active { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:fill-gray-400\/20:focus { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:fill-gray-400\/20:hover { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:fill-gray-400\/20:active { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:fill-gray-400\/30:focus { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:fill-gray-400\/30:hover { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:fill-gray-400\/30:active { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:fill-gray-400\/40:focus { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:fill-gray-400\/40:hover { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:fill-gray-400\/40:active { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:fill-gray-400\/50:focus { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:fill-gray-400\/50:hover { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:fill-gray-400\/50:active { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:fill-gray-400\/60:focus { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:fill-gray-400\/60:hover { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:fill-gray-400\/60:active { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:fill-gray-400\/70:focus { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:fill-gray-400\/70:hover { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:fill-gray-400\/70:active { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:fill-gray-400\/80:focus { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:fill-gray-400\/80:hover { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:fill-gray-400\/80:active { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:fill-gray-400\/90:focus { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:fill-gray-400\/90:hover { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:fill-gray-400\/90:active { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:fill-gray-500:focus { + fill: var(--gray-500) + } + .sm\:hover\:fill-gray-500:hover { + fill: var(--gray-500) + } + .sm\:active\:fill-gray-500:active { + fill: var(--gray-500) + } + .sm\:focus\:fill-gray-500\/10:focus { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:fill-gray-500\/10:hover { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:fill-gray-500\/10:active { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:fill-gray-500\/20:focus { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:fill-gray-500\/20:hover { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:fill-gray-500\/20:active { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:fill-gray-500\/30:focus { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:fill-gray-500\/30:hover { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:fill-gray-500\/30:active { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:fill-gray-500\/40:focus { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:fill-gray-500\/40:hover { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:fill-gray-500\/40:active { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:fill-gray-500\/50:focus { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:fill-gray-500\/50:hover { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:fill-gray-500\/50:active { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:fill-gray-500\/60:focus { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:fill-gray-500\/60:hover { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:fill-gray-500\/60:active { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:fill-gray-500\/70:focus { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:fill-gray-500\/70:hover { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:fill-gray-500\/70:active { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:fill-gray-500\/80:focus { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:fill-gray-500\/80:hover { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:fill-gray-500\/80:active { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:fill-gray-500\/90:focus { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:fill-gray-500\/90:hover { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:fill-gray-500\/90:active { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:fill-gray-600:focus { + fill: var(--gray-600) + } + .sm\:hover\:fill-gray-600:hover { + fill: var(--gray-600) + } + .sm\:active\:fill-gray-600:active { + fill: var(--gray-600) + } + .sm\:focus\:fill-gray-600\/10:focus { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:fill-gray-600\/10:hover { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:fill-gray-600\/10:active { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:fill-gray-600\/20:focus { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:fill-gray-600\/20:hover { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:fill-gray-600\/20:active { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:fill-gray-600\/30:focus { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:fill-gray-600\/30:hover { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:fill-gray-600\/30:active { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:fill-gray-600\/40:focus { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:fill-gray-600\/40:hover { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:fill-gray-600\/40:active { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:fill-gray-600\/50:focus { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:fill-gray-600\/50:hover { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:fill-gray-600\/50:active { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:fill-gray-600\/60:focus { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:fill-gray-600\/60:hover { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:fill-gray-600\/60:active { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:fill-gray-600\/70:focus { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:fill-gray-600\/70:hover { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:fill-gray-600\/70:active { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:fill-gray-600\/80:focus { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:fill-gray-600\/80:hover { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:fill-gray-600\/80:active { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:fill-gray-600\/90:focus { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:fill-gray-600\/90:hover { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:fill-gray-600\/90:active { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:fill-gray-700:focus { + fill: var(--gray-700) + } + .sm\:hover\:fill-gray-700:hover { + fill: var(--gray-700) + } + .sm\:active\:fill-gray-700:active { + fill: var(--gray-700) + } + .sm\:focus\:fill-gray-700\/10:focus { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:fill-gray-700\/10:hover { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:fill-gray-700\/10:active { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:fill-gray-700\/20:focus { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:fill-gray-700\/20:hover { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:fill-gray-700\/20:active { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:fill-gray-700\/30:focus { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:fill-gray-700\/30:hover { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:fill-gray-700\/30:active { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:fill-gray-700\/40:focus { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:fill-gray-700\/40:hover { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:fill-gray-700\/40:active { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:fill-gray-700\/50:focus { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:fill-gray-700\/50:hover { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:fill-gray-700\/50:active { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:fill-gray-700\/60:focus { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:fill-gray-700\/60:hover { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:fill-gray-700\/60:active { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:fill-gray-700\/70:focus { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:fill-gray-700\/70:hover { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:fill-gray-700\/70:active { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:fill-gray-700\/80:focus { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:fill-gray-700\/80:hover { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:fill-gray-700\/80:active { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:fill-gray-700\/90:focus { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:fill-gray-700\/90:hover { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:fill-gray-700\/90:active { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:fill-gray-800:focus { + fill: var(--gray-800) + } + .sm\:hover\:fill-gray-800:hover { + fill: var(--gray-800) + } + .sm\:active\:fill-gray-800:active { + fill: var(--gray-800) + } + .sm\:focus\:fill-gray-800\/10:focus { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:fill-gray-800\/10:hover { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:fill-gray-800\/10:active { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:fill-gray-800\/20:focus { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:fill-gray-800\/20:hover { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:fill-gray-800\/20:active { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:fill-gray-800\/30:focus { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:fill-gray-800\/30:hover { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:fill-gray-800\/30:active { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:fill-gray-800\/40:focus { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:fill-gray-800\/40:hover { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:fill-gray-800\/40:active { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:fill-gray-800\/50:focus { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:fill-gray-800\/50:hover { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:fill-gray-800\/50:active { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:fill-gray-800\/60:focus { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:fill-gray-800\/60:hover { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:fill-gray-800\/60:active { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:fill-gray-800\/70:focus { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:fill-gray-800\/70:hover { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:fill-gray-800\/70:active { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:fill-gray-800\/80:focus { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:fill-gray-800\/80:hover { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:fill-gray-800\/80:active { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:fill-gray-800\/90:focus { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:fill-gray-800\/90:hover { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:fill-gray-800\/90:active { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:fill-gray-900:focus { + fill: var(--gray-900) + } + .sm\:hover\:fill-gray-900:hover { + fill: var(--gray-900) + } + .sm\:active\:fill-gray-900:active { + fill: var(--gray-900) + } + .sm\:focus\:fill-gray-900\/10:focus { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:fill-gray-900\/10:hover { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:fill-gray-900\/10:active { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:fill-gray-900\/20:focus { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:fill-gray-900\/20:hover { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:fill-gray-900\/20:active { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:fill-gray-900\/30:focus { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:fill-gray-900\/30:hover { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:fill-gray-900\/30:active { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:fill-gray-900\/40:focus { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:fill-gray-900\/40:hover { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:fill-gray-900\/40:active { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:fill-gray-900\/50:focus { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:fill-gray-900\/50:hover { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:fill-gray-900\/50:active { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:fill-gray-900\/60:focus { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:fill-gray-900\/60:hover { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:fill-gray-900\/60:active { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:fill-gray-900\/70:focus { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:fill-gray-900\/70:hover { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:fill-gray-900\/70:active { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:fill-gray-900\/80:focus { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:fill-gray-900\/80:hover { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:fill-gray-900\/80:active { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:fill-gray-900\/90:focus { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:fill-gray-900\/90:hover { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:fill-gray-900\/90:active { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:fill-surface-0:focus { + fill: var(--surface-0) + } + .sm\:hover\:fill-surface-0:hover { + fill: var(--surface-0) + } + .sm\:active\:fill-surface-0:active { + fill: var(--surface-0) + } + .sm\:focus\:fill-surface-0\/10:focus { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:fill-surface-0\/10:hover { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:fill-surface-0\/10:active { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:fill-surface-0\/20:focus { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:fill-surface-0\/20:hover { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:fill-surface-0\/20:active { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:fill-surface-0\/30:focus { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:fill-surface-0\/30:hover { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:fill-surface-0\/30:active { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:fill-surface-0\/40:focus { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:fill-surface-0\/40:hover { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:fill-surface-0\/40:active { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:fill-surface-0\/50:focus { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:fill-surface-0\/50:hover { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:fill-surface-0\/50:active { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:fill-surface-0\/60:focus { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:fill-surface-0\/60:hover { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:fill-surface-0\/60:active { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:fill-surface-0\/70:focus { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:fill-surface-0\/70:hover { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:fill-surface-0\/70:active { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:fill-surface-0\/80:focus { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:fill-surface-0\/80:hover { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:fill-surface-0\/80:active { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:fill-surface-0\/90:focus { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:fill-surface-0\/90:hover { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:fill-surface-0\/90:active { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:fill-surface-50:focus { + fill: var(--surface-50) + } + .sm\:hover\:fill-surface-50:hover { + fill: var(--surface-50) + } + .sm\:active\:fill-surface-50:active { + fill: var(--surface-50) + } + .sm\:focus\:fill-surface-50\/10:focus { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:fill-surface-50\/10:hover { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:fill-surface-50\/10:active { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:fill-surface-50\/20:focus { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:fill-surface-50\/20:hover { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:fill-surface-50\/20:active { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:fill-surface-50\/30:focus { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:fill-surface-50\/30:hover { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:fill-surface-50\/30:active { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:fill-surface-50\/40:focus { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:fill-surface-50\/40:hover { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:fill-surface-50\/40:active { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:fill-surface-50\/50:focus { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:fill-surface-50\/50:hover { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:fill-surface-50\/50:active { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:fill-surface-50\/60:focus { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:fill-surface-50\/60:hover { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:fill-surface-50\/60:active { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:fill-surface-50\/70:focus { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:fill-surface-50\/70:hover { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:fill-surface-50\/70:active { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:fill-surface-50\/80:focus { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:fill-surface-50\/80:hover { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:fill-surface-50\/80:active { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:fill-surface-50\/90:focus { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:fill-surface-50\/90:hover { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:fill-surface-50\/90:active { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:fill-surface-100:focus { + fill: var(--surface-100) + } + .sm\:hover\:fill-surface-100:hover { + fill: var(--surface-100) + } + .sm\:active\:fill-surface-100:active { + fill: var(--surface-100) + } + .sm\:focus\:fill-surface-100\/10:focus { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:fill-surface-100\/10:hover { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:fill-surface-100\/10:active { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:fill-surface-100\/20:focus { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:fill-surface-100\/20:hover { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:fill-surface-100\/20:active { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:fill-surface-100\/30:focus { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:fill-surface-100\/30:hover { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:fill-surface-100\/30:active { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:fill-surface-100\/40:focus { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:fill-surface-100\/40:hover { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:fill-surface-100\/40:active { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:fill-surface-100\/50:focus { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:fill-surface-100\/50:hover { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:fill-surface-100\/50:active { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:fill-surface-100\/60:focus { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:fill-surface-100\/60:hover { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:fill-surface-100\/60:active { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:fill-surface-100\/70:focus { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:fill-surface-100\/70:hover { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:fill-surface-100\/70:active { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:fill-surface-100\/80:focus { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:fill-surface-100\/80:hover { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:fill-surface-100\/80:active { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:fill-surface-100\/90:focus { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:fill-surface-100\/90:hover { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:fill-surface-100\/90:active { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:fill-surface-200:focus { + fill: var(--surface-200) + } + .sm\:hover\:fill-surface-200:hover { + fill: var(--surface-200) + } + .sm\:active\:fill-surface-200:active { + fill: var(--surface-200) + } + .sm\:focus\:fill-surface-200\/10:focus { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:fill-surface-200\/10:hover { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:fill-surface-200\/10:active { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:fill-surface-200\/20:focus { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:fill-surface-200\/20:hover { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:fill-surface-200\/20:active { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:fill-surface-200\/30:focus { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:fill-surface-200\/30:hover { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:fill-surface-200\/30:active { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:fill-surface-200\/40:focus { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:fill-surface-200\/40:hover { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:fill-surface-200\/40:active { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:fill-surface-200\/50:focus { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:fill-surface-200\/50:hover { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:fill-surface-200\/50:active { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:fill-surface-200\/60:focus { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:fill-surface-200\/60:hover { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:fill-surface-200\/60:active { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:fill-surface-200\/70:focus { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:fill-surface-200\/70:hover { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:fill-surface-200\/70:active { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:fill-surface-200\/80:focus { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:fill-surface-200\/80:hover { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:fill-surface-200\/80:active { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:fill-surface-200\/90:focus { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:fill-surface-200\/90:hover { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:fill-surface-200\/90:active { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:fill-surface-300:focus { + fill: var(--surface-300) + } + .sm\:hover\:fill-surface-300:hover { + fill: var(--surface-300) + } + .sm\:active\:fill-surface-300:active { + fill: var(--surface-300) + } + .sm\:focus\:fill-surface-300\/10:focus { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:fill-surface-300\/10:hover { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:fill-surface-300\/10:active { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:fill-surface-300\/20:focus { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:fill-surface-300\/20:hover { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:fill-surface-300\/20:active { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:fill-surface-300\/30:focus { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:fill-surface-300\/30:hover { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:fill-surface-300\/30:active { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:fill-surface-300\/40:focus { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:fill-surface-300\/40:hover { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:fill-surface-300\/40:active { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:fill-surface-300\/50:focus { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:fill-surface-300\/50:hover { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:fill-surface-300\/50:active { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:fill-surface-300\/60:focus { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:fill-surface-300\/60:hover { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:fill-surface-300\/60:active { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:fill-surface-300\/70:focus { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:fill-surface-300\/70:hover { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:fill-surface-300\/70:active { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:fill-surface-300\/80:focus { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:fill-surface-300\/80:hover { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:fill-surface-300\/80:active { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:fill-surface-300\/90:focus { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:fill-surface-300\/90:hover { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:fill-surface-300\/90:active { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:fill-surface-400:focus { + fill: var(--surface-400) + } + .sm\:hover\:fill-surface-400:hover { + fill: var(--surface-400) + } + .sm\:active\:fill-surface-400:active { + fill: var(--surface-400) + } + .sm\:focus\:fill-surface-400\/10:focus { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:fill-surface-400\/10:hover { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:fill-surface-400\/10:active { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:fill-surface-400\/20:focus { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:fill-surface-400\/20:hover { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:fill-surface-400\/20:active { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:fill-surface-400\/30:focus { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:fill-surface-400\/30:hover { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:fill-surface-400\/30:active { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:fill-surface-400\/40:focus { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:fill-surface-400\/40:hover { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:fill-surface-400\/40:active { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:fill-surface-400\/50:focus { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:fill-surface-400\/50:hover { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:fill-surface-400\/50:active { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:fill-surface-400\/60:focus { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:fill-surface-400\/60:hover { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:fill-surface-400\/60:active { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:fill-surface-400\/70:focus { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:fill-surface-400\/70:hover { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:fill-surface-400\/70:active { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:fill-surface-400\/80:focus { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:fill-surface-400\/80:hover { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:fill-surface-400\/80:active { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:fill-surface-400\/90:focus { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:fill-surface-400\/90:hover { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:fill-surface-400\/90:active { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:fill-surface-500:focus { + fill: var(--surface-500) + } + .sm\:hover\:fill-surface-500:hover { + fill: var(--surface-500) + } + .sm\:active\:fill-surface-500:active { + fill: var(--surface-500) + } + .sm\:focus\:fill-surface-500\/10:focus { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:fill-surface-500\/10:hover { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:fill-surface-500\/10:active { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:fill-surface-500\/20:focus { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:fill-surface-500\/20:hover { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:fill-surface-500\/20:active { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:fill-surface-500\/30:focus { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:fill-surface-500\/30:hover { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:fill-surface-500\/30:active { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:fill-surface-500\/40:focus { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:fill-surface-500\/40:hover { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:fill-surface-500\/40:active { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:fill-surface-500\/50:focus { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:fill-surface-500\/50:hover { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:fill-surface-500\/50:active { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:fill-surface-500\/60:focus { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:fill-surface-500\/60:hover { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:fill-surface-500\/60:active { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:fill-surface-500\/70:focus { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:fill-surface-500\/70:hover { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:fill-surface-500\/70:active { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:fill-surface-500\/80:focus { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:fill-surface-500\/80:hover { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:fill-surface-500\/80:active { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:fill-surface-500\/90:focus { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:fill-surface-500\/90:hover { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:fill-surface-500\/90:active { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:fill-surface-600:focus { + fill: var(--surface-600) + } + .sm\:hover\:fill-surface-600:hover { + fill: var(--surface-600) + } + .sm\:active\:fill-surface-600:active { + fill: var(--surface-600) + } + .sm\:focus\:fill-surface-600\/10:focus { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:fill-surface-600\/10:hover { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:fill-surface-600\/10:active { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:fill-surface-600\/20:focus { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:fill-surface-600\/20:hover { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:fill-surface-600\/20:active { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:fill-surface-600\/30:focus { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:fill-surface-600\/30:hover { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:fill-surface-600\/30:active { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:fill-surface-600\/40:focus { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:fill-surface-600\/40:hover { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:fill-surface-600\/40:active { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:fill-surface-600\/50:focus { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:fill-surface-600\/50:hover { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:fill-surface-600\/50:active { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:fill-surface-600\/60:focus { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:fill-surface-600\/60:hover { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:fill-surface-600\/60:active { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:fill-surface-600\/70:focus { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:fill-surface-600\/70:hover { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:fill-surface-600\/70:active { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:fill-surface-600\/80:focus { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:fill-surface-600\/80:hover { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:fill-surface-600\/80:active { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:fill-surface-600\/90:focus { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:fill-surface-600\/90:hover { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:fill-surface-600\/90:active { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:fill-surface-700:focus { + fill: var(--surface-700) + } + .sm\:hover\:fill-surface-700:hover { + fill: var(--surface-700) + } + .sm\:active\:fill-surface-700:active { + fill: var(--surface-700) + } + .sm\:focus\:fill-surface-700\/10:focus { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:fill-surface-700\/10:hover { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:fill-surface-700\/10:active { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:fill-surface-700\/20:focus { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:fill-surface-700\/20:hover { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:fill-surface-700\/20:active { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:fill-surface-700\/30:focus { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:fill-surface-700\/30:hover { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:fill-surface-700\/30:active { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:fill-surface-700\/40:focus { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:fill-surface-700\/40:hover { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:fill-surface-700\/40:active { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:fill-surface-700\/50:focus { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:fill-surface-700\/50:hover { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:fill-surface-700\/50:active { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:fill-surface-700\/60:focus { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:fill-surface-700\/60:hover { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:fill-surface-700\/60:active { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:fill-surface-700\/70:focus { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:fill-surface-700\/70:hover { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:fill-surface-700\/70:active { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:fill-surface-700\/80:focus { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:fill-surface-700\/80:hover { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:fill-surface-700\/80:active { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:fill-surface-700\/90:focus { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:fill-surface-700\/90:hover { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:fill-surface-700\/90:active { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:fill-surface-800:focus { + fill: var(--surface-800) + } + .sm\:hover\:fill-surface-800:hover { + fill: var(--surface-800) + } + .sm\:active\:fill-surface-800:active { + fill: var(--surface-800) + } + .sm\:focus\:fill-surface-800\/10:focus { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:fill-surface-800\/10:hover { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:fill-surface-800\/10:active { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:fill-surface-800\/20:focus { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:fill-surface-800\/20:hover { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:fill-surface-800\/20:active { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:fill-surface-800\/30:focus { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:fill-surface-800\/30:hover { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:fill-surface-800\/30:active { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:fill-surface-800\/40:focus { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:fill-surface-800\/40:hover { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:fill-surface-800\/40:active { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:fill-surface-800\/50:focus { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:fill-surface-800\/50:hover { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:fill-surface-800\/50:active { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:fill-surface-800\/60:focus { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:fill-surface-800\/60:hover { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:fill-surface-800\/60:active { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:fill-surface-800\/70:focus { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:fill-surface-800\/70:hover { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:fill-surface-800\/70:active { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:fill-surface-800\/80:focus { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:fill-surface-800\/80:hover { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:fill-surface-800\/80:active { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:fill-surface-800\/90:focus { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:fill-surface-800\/90:hover { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:fill-surface-800\/90:active { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:fill-surface-900:focus { + fill: var(--surface-900) + } + .sm\:hover\:fill-surface-900:hover { + fill: var(--surface-900) + } + .sm\:active\:fill-surface-900:active { + fill: var(--surface-900) + } + .sm\:focus\:fill-surface-900\/10:focus { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:fill-surface-900\/10:hover { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:fill-surface-900\/10:active { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:fill-surface-900\/20:focus { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:fill-surface-900\/20:hover { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:fill-surface-900\/20:active { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:fill-surface-900\/30:focus { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:fill-surface-900\/30:hover { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:fill-surface-900\/30:active { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:fill-surface-900\/40:focus { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:fill-surface-900\/40:hover { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:fill-surface-900\/40:active { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:fill-surface-900\/50:focus { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:fill-surface-900\/50:hover { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:fill-surface-900\/50:active { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:fill-surface-900\/60:focus { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:fill-surface-900\/60:hover { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:fill-surface-900\/60:active { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:fill-surface-900\/70:focus { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:fill-surface-900\/70:hover { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:fill-surface-900\/70:active { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:fill-surface-900\/80:focus { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:fill-surface-900\/80:hover { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:fill-surface-900\/80:active { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:fill-surface-900\/90:focus { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:fill-surface-900\/90:hover { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:fill-surface-900\/90:active { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:fill-primary-50:focus { + fill: var(--primary-50) + } + .sm\:hover\:fill-primary-50:hover { + fill: var(--primary-50) + } + .sm\:active\:fill-primary-50:active { + fill: var(--primary-50) + } + .sm\:focus\:fill-primary-50\/10:focus { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:fill-primary-50\/10:hover { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:fill-primary-50\/10:active { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:fill-primary-50\/20:focus { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:fill-primary-50\/20:hover { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:fill-primary-50\/20:active { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:fill-primary-50\/30:focus { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:fill-primary-50\/30:hover { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:fill-primary-50\/30:active { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:fill-primary-50\/40:focus { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:fill-primary-50\/40:hover { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:fill-primary-50\/40:active { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:fill-primary-50\/50:focus { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:fill-primary-50\/50:hover { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:fill-primary-50\/50:active { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:fill-primary-50\/60:focus { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:fill-primary-50\/60:hover { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:fill-primary-50\/60:active { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:fill-primary-50\/70:focus { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:fill-primary-50\/70:hover { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:fill-primary-50\/70:active { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:fill-primary-50\/80:focus { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:fill-primary-50\/80:hover { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:fill-primary-50\/80:active { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:fill-primary-50\/90:focus { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:fill-primary-50\/90:hover { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:fill-primary-50\/90:active { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:fill-primary-100:focus { + fill: var(--primary-100) + } + .sm\:hover\:fill-primary-100:hover { + fill: var(--primary-100) + } + .sm\:active\:fill-primary-100:active { + fill: var(--primary-100) + } + .sm\:focus\:fill-primary-100\/10:focus { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:fill-primary-100\/10:hover { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:fill-primary-100\/10:active { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:fill-primary-100\/20:focus { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:fill-primary-100\/20:hover { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:fill-primary-100\/20:active { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:fill-primary-100\/30:focus { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:fill-primary-100\/30:hover { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:fill-primary-100\/30:active { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:fill-primary-100\/40:focus { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:fill-primary-100\/40:hover { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:fill-primary-100\/40:active { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:fill-primary-100\/50:focus { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:fill-primary-100\/50:hover { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:fill-primary-100\/50:active { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:fill-primary-100\/60:focus { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:fill-primary-100\/60:hover { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:fill-primary-100\/60:active { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:fill-primary-100\/70:focus { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:fill-primary-100\/70:hover { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:fill-primary-100\/70:active { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:fill-primary-100\/80:focus { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:fill-primary-100\/80:hover { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:fill-primary-100\/80:active { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:fill-primary-100\/90:focus { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:fill-primary-100\/90:hover { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:fill-primary-100\/90:active { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:fill-primary-200:focus { + fill: var(--primary-200) + } + .sm\:hover\:fill-primary-200:hover { + fill: var(--primary-200) + } + .sm\:active\:fill-primary-200:active { + fill: var(--primary-200) + } + .sm\:focus\:fill-primary-200\/10:focus { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:fill-primary-200\/10:hover { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:fill-primary-200\/10:active { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:fill-primary-200\/20:focus { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:fill-primary-200\/20:hover { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:fill-primary-200\/20:active { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:fill-primary-200\/30:focus { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:fill-primary-200\/30:hover { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:fill-primary-200\/30:active { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:fill-primary-200\/40:focus { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:fill-primary-200\/40:hover { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:fill-primary-200\/40:active { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:fill-primary-200\/50:focus { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:fill-primary-200\/50:hover { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:fill-primary-200\/50:active { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:fill-primary-200\/60:focus { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:fill-primary-200\/60:hover { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:fill-primary-200\/60:active { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:fill-primary-200\/70:focus { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:fill-primary-200\/70:hover { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:fill-primary-200\/70:active { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:fill-primary-200\/80:focus { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:fill-primary-200\/80:hover { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:fill-primary-200\/80:active { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:fill-primary-200\/90:focus { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:fill-primary-200\/90:hover { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:fill-primary-200\/90:active { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:fill-primary-300:focus { + fill: var(--primary-300) + } + .sm\:hover\:fill-primary-300:hover { + fill: var(--primary-300) + } + .sm\:active\:fill-primary-300:active { + fill: var(--primary-300) + } + .sm\:focus\:fill-primary-300\/10:focus { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:fill-primary-300\/10:hover { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:fill-primary-300\/10:active { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:fill-primary-300\/20:focus { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:fill-primary-300\/20:hover { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:fill-primary-300\/20:active { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:fill-primary-300\/30:focus { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:fill-primary-300\/30:hover { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:fill-primary-300\/30:active { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:fill-primary-300\/40:focus { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:fill-primary-300\/40:hover { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:fill-primary-300\/40:active { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:fill-primary-300\/50:focus { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:fill-primary-300\/50:hover { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:fill-primary-300\/50:active { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:fill-primary-300\/60:focus { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:fill-primary-300\/60:hover { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:fill-primary-300\/60:active { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:fill-primary-300\/70:focus { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:fill-primary-300\/70:hover { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:fill-primary-300\/70:active { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:fill-primary-300\/80:focus { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:fill-primary-300\/80:hover { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:fill-primary-300\/80:active { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:fill-primary-300\/90:focus { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:fill-primary-300\/90:hover { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:fill-primary-300\/90:active { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:fill-primary-400:focus { + fill: var(--primary-400) + } + .sm\:hover\:fill-primary-400:hover { + fill: var(--primary-400) + } + .sm\:active\:fill-primary-400:active { + fill: var(--primary-400) + } + .sm\:focus\:fill-primary-400\/10:focus { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:fill-primary-400\/10:hover { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:fill-primary-400\/10:active { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:fill-primary-400\/20:focus { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:fill-primary-400\/20:hover { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:fill-primary-400\/20:active { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:fill-primary-400\/30:focus { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:fill-primary-400\/30:hover { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:fill-primary-400\/30:active { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:fill-primary-400\/40:focus { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:fill-primary-400\/40:hover { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:fill-primary-400\/40:active { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:fill-primary-400\/50:focus { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:fill-primary-400\/50:hover { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:fill-primary-400\/50:active { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:fill-primary-400\/60:focus { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:fill-primary-400\/60:hover { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:fill-primary-400\/60:active { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:fill-primary-400\/70:focus { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:fill-primary-400\/70:hover { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:fill-primary-400\/70:active { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:fill-primary-400\/80:focus { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:fill-primary-400\/80:hover { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:fill-primary-400\/80:active { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:fill-primary-400\/90:focus { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:fill-primary-400\/90:hover { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:fill-primary-400\/90:active { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:fill-primary-500:focus { + fill: var(--primary-500) + } + .sm\:hover\:fill-primary-500:hover { + fill: var(--primary-500) + } + .sm\:active\:fill-primary-500:active { + fill: var(--primary-500) + } + .sm\:focus\:fill-primary-500\/10:focus { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:fill-primary-500\/10:hover { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:fill-primary-500\/10:active { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:fill-primary-500\/20:focus { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:fill-primary-500\/20:hover { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:fill-primary-500\/20:active { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:fill-primary-500\/30:focus { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:fill-primary-500\/30:hover { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:fill-primary-500\/30:active { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:fill-primary-500\/40:focus { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:fill-primary-500\/40:hover { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:fill-primary-500\/40:active { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:fill-primary-500\/50:focus { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:fill-primary-500\/50:hover { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:fill-primary-500\/50:active { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:fill-primary-500\/60:focus { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:fill-primary-500\/60:hover { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:fill-primary-500\/60:active { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:fill-primary-500\/70:focus { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:fill-primary-500\/70:hover { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:fill-primary-500\/70:active { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:fill-primary-500\/80:focus { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:fill-primary-500\/80:hover { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:fill-primary-500\/80:active { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:fill-primary-500\/90:focus { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:fill-primary-500\/90:hover { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:fill-primary-500\/90:active { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:fill-primary-600:focus { + fill: var(--primary-600) + } + .sm\:hover\:fill-primary-600:hover { + fill: var(--primary-600) + } + .sm\:active\:fill-primary-600:active { + fill: var(--primary-600) + } + .sm\:focus\:fill-primary-600\/10:focus { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:fill-primary-600\/10:hover { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:fill-primary-600\/10:active { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:fill-primary-600\/20:focus { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:fill-primary-600\/20:hover { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:fill-primary-600\/20:active { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:fill-primary-600\/30:focus { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:fill-primary-600\/30:hover { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:fill-primary-600\/30:active { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:fill-primary-600\/40:focus { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:fill-primary-600\/40:hover { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:fill-primary-600\/40:active { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:fill-primary-600\/50:focus { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:fill-primary-600\/50:hover { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:fill-primary-600\/50:active { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:fill-primary-600\/60:focus { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:fill-primary-600\/60:hover { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:fill-primary-600\/60:active { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:fill-primary-600\/70:focus { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:fill-primary-600\/70:hover { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:fill-primary-600\/70:active { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:fill-primary-600\/80:focus { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:fill-primary-600\/80:hover { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:fill-primary-600\/80:active { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:fill-primary-600\/90:focus { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:fill-primary-600\/90:hover { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:fill-primary-600\/90:active { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:fill-primary-700:focus { + fill: var(--primary-700) + } + .sm\:hover\:fill-primary-700:hover { + fill: var(--primary-700) + } + .sm\:active\:fill-primary-700:active { + fill: var(--primary-700) + } + .sm\:focus\:fill-primary-700\/10:focus { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:fill-primary-700\/10:hover { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:fill-primary-700\/10:active { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:fill-primary-700\/20:focus { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:fill-primary-700\/20:hover { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:fill-primary-700\/20:active { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:fill-primary-700\/30:focus { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:fill-primary-700\/30:hover { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:fill-primary-700\/30:active { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:fill-primary-700\/40:focus { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:fill-primary-700\/40:hover { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:fill-primary-700\/40:active { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:fill-primary-700\/50:focus { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:fill-primary-700\/50:hover { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:fill-primary-700\/50:active { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:fill-primary-700\/60:focus { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:fill-primary-700\/60:hover { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:fill-primary-700\/60:active { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:fill-primary-700\/70:focus { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:fill-primary-700\/70:hover { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:fill-primary-700\/70:active { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:fill-primary-700\/80:focus { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:fill-primary-700\/80:hover { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:fill-primary-700\/80:active { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:fill-primary-700\/90:focus { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:fill-primary-700\/90:hover { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:fill-primary-700\/90:active { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:fill-primary-800:focus { + fill: var(--primary-800) + } + .sm\:hover\:fill-primary-800:hover { + fill: var(--primary-800) + } + .sm\:active\:fill-primary-800:active { + fill: var(--primary-800) + } + .sm\:focus\:fill-primary-800\/10:focus { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:fill-primary-800\/10:hover { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:fill-primary-800\/10:active { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:fill-primary-800\/20:focus { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:fill-primary-800\/20:hover { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:fill-primary-800\/20:active { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:fill-primary-800\/30:focus { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:fill-primary-800\/30:hover { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:fill-primary-800\/30:active { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:fill-primary-800\/40:focus { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:fill-primary-800\/40:hover { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:fill-primary-800\/40:active { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:fill-primary-800\/50:focus { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:fill-primary-800\/50:hover { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:fill-primary-800\/50:active { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:fill-primary-800\/60:focus { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:fill-primary-800\/60:hover { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:fill-primary-800\/60:active { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:fill-primary-800\/70:focus { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:fill-primary-800\/70:hover { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:fill-primary-800\/70:active { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:fill-primary-800\/80:focus { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:fill-primary-800\/80:hover { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:fill-primary-800\/80:active { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:fill-primary-800\/90:focus { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:fill-primary-800\/90:hover { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:fill-primary-800\/90:active { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:fill-primary-900:focus { + fill: var(--primary-900) + } + .sm\:hover\:fill-primary-900:hover { + fill: var(--primary-900) + } + .sm\:active\:fill-primary-900:active { + fill: var(--primary-900) + } + .sm\:focus\:fill-primary-900\/10:focus { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:fill-primary-900\/10:hover { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:fill-primary-900\/10:active { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:fill-primary-900\/20:focus { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:fill-primary-900\/20:hover { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:fill-primary-900\/20:active { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:fill-primary-900\/30:focus { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:fill-primary-900\/30:hover { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:fill-primary-900\/30:active { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:fill-primary-900\/40:focus { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:fill-primary-900\/40:hover { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:fill-primary-900\/40:active { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:fill-primary-900\/50:focus { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:fill-primary-900\/50:hover { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:fill-primary-900\/50:active { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:fill-primary-900\/60:focus { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:fill-primary-900\/60:hover { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:fill-primary-900\/60:active { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:fill-primary-900\/70:focus { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:fill-primary-900\/70:hover { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:fill-primary-900\/70:active { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:fill-primary-900\/80:focus { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:fill-primary-900\/80:hover { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:fill-primary-900\/80:active { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:fill-primary-900\/90:focus { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:fill-primary-900\/90:hover { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:fill-primary-900\/90:active { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:fill-blue-50 { + fill: var(--blue-50) + } + .md\:fill-blue-50\/10 { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:fill-blue-50\/20 { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:fill-blue-50\/30 { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:fill-blue-50\/40 { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:fill-blue-50\/50 { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:fill-blue-50\/60 { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:fill-blue-50\/70 { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:fill-blue-50\/80 { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:fill-blue-50\/90 { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:fill-blue-100 { + fill: var(--blue-100) + } + .md\:fill-blue-100\/10 { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:fill-blue-100\/20 { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:fill-blue-100\/30 { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:fill-blue-100\/40 { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:fill-blue-100\/50 { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:fill-blue-100\/60 { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:fill-blue-100\/70 { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:fill-blue-100\/80 { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:fill-blue-100\/90 { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:fill-blue-200 { + fill: var(--blue-200) + } + .md\:fill-blue-200\/10 { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:fill-blue-200\/20 { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:fill-blue-200\/30 { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:fill-blue-200\/40 { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:fill-blue-200\/50 { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:fill-blue-200\/60 { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:fill-blue-200\/70 { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:fill-blue-200\/80 { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:fill-blue-200\/90 { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:fill-blue-300 { + fill: var(--blue-300) + } + .md\:fill-blue-300\/10 { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:fill-blue-300\/20 { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:fill-blue-300\/30 { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:fill-blue-300\/40 { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:fill-blue-300\/50 { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:fill-blue-300\/60 { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:fill-blue-300\/70 { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:fill-blue-300\/80 { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:fill-blue-300\/90 { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:fill-blue-400 { + fill: var(--blue-400) + } + .md\:fill-blue-400\/10 { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:fill-blue-400\/20 { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:fill-blue-400\/30 { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:fill-blue-400\/40 { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:fill-blue-400\/50 { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:fill-blue-400\/60 { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:fill-blue-400\/70 { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:fill-blue-400\/80 { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:fill-blue-400\/90 { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:fill-blue-500 { + fill: var(--blue-500) + } + .md\:fill-blue-500\/10 { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:fill-blue-500\/20 { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:fill-blue-500\/30 { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:fill-blue-500\/40 { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:fill-blue-500\/50 { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:fill-blue-500\/60 { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:fill-blue-500\/70 { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:fill-blue-500\/80 { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:fill-blue-500\/90 { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:fill-blue-600 { + fill: var(--blue-600) + } + .md\:fill-blue-600\/10 { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:fill-blue-600\/20 { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:fill-blue-600\/30 { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:fill-blue-600\/40 { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:fill-blue-600\/50 { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:fill-blue-600\/60 { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:fill-blue-600\/70 { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:fill-blue-600\/80 { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:fill-blue-600\/90 { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:fill-blue-700 { + fill: var(--blue-700) + } + .md\:fill-blue-700\/10 { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:fill-blue-700\/20 { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:fill-blue-700\/30 { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:fill-blue-700\/40 { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:fill-blue-700\/50 { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:fill-blue-700\/60 { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:fill-blue-700\/70 { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:fill-blue-700\/80 { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:fill-blue-700\/90 { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:fill-blue-800 { + fill: var(--blue-800) + } + .md\:fill-blue-800\/10 { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:fill-blue-800\/20 { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:fill-blue-800\/30 { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:fill-blue-800\/40 { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:fill-blue-800\/50 { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:fill-blue-800\/60 { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:fill-blue-800\/70 { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:fill-blue-800\/80 { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:fill-blue-800\/90 { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:fill-blue-900 { + fill: var(--blue-900) + } + .md\:fill-blue-900\/10 { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:fill-blue-900\/20 { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:fill-blue-900\/30 { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:fill-blue-900\/40 { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:fill-blue-900\/50 { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:fill-blue-900\/60 { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:fill-blue-900\/70 { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:fill-blue-900\/80 { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:fill-blue-900\/90 { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:fill-green-50 { + fill: var(--green-50) + } + .md\:fill-green-50\/10 { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:fill-green-50\/20 { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:fill-green-50\/30 { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:fill-green-50\/40 { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:fill-green-50\/50 { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:fill-green-50\/60 { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:fill-green-50\/70 { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:fill-green-50\/80 { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:fill-green-50\/90 { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:fill-green-100 { + fill: var(--green-100) + } + .md\:fill-green-100\/10 { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:fill-green-100\/20 { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:fill-green-100\/30 { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:fill-green-100\/40 { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:fill-green-100\/50 { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:fill-green-100\/60 { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:fill-green-100\/70 { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:fill-green-100\/80 { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:fill-green-100\/90 { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:fill-green-200 { + fill: var(--green-200) + } + .md\:fill-green-200\/10 { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:fill-green-200\/20 { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:fill-green-200\/30 { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:fill-green-200\/40 { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:fill-green-200\/50 { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:fill-green-200\/60 { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:fill-green-200\/70 { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:fill-green-200\/80 { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:fill-green-200\/90 { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:fill-green-300 { + fill: var(--green-300) + } + .md\:fill-green-300\/10 { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:fill-green-300\/20 { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:fill-green-300\/30 { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:fill-green-300\/40 { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:fill-green-300\/50 { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:fill-green-300\/60 { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:fill-green-300\/70 { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:fill-green-300\/80 { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:fill-green-300\/90 { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:fill-green-400 { + fill: var(--green-400) + } + .md\:fill-green-400\/10 { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:fill-green-400\/20 { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:fill-green-400\/30 { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:fill-green-400\/40 { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:fill-green-400\/50 { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:fill-green-400\/60 { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:fill-green-400\/70 { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:fill-green-400\/80 { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:fill-green-400\/90 { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:fill-green-500 { + fill: var(--green-500) + } + .md\:fill-green-500\/10 { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:fill-green-500\/20 { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:fill-green-500\/30 { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:fill-green-500\/40 { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:fill-green-500\/50 { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:fill-green-500\/60 { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:fill-green-500\/70 { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:fill-green-500\/80 { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:fill-green-500\/90 { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:fill-green-600 { + fill: var(--green-600) + } + .md\:fill-green-600\/10 { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:fill-green-600\/20 { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:fill-green-600\/30 { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:fill-green-600\/40 { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:fill-green-600\/50 { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:fill-green-600\/60 { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:fill-green-600\/70 { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:fill-green-600\/80 { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:fill-green-600\/90 { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:fill-green-700 { + fill: var(--green-700) + } + .md\:fill-green-700\/10 { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:fill-green-700\/20 { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:fill-green-700\/30 { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:fill-green-700\/40 { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:fill-green-700\/50 { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:fill-green-700\/60 { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:fill-green-700\/70 { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:fill-green-700\/80 { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:fill-green-700\/90 { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:fill-green-800 { + fill: var(--green-800) + } + .md\:fill-green-800\/10 { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:fill-green-800\/20 { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:fill-green-800\/30 { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:fill-green-800\/40 { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:fill-green-800\/50 { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:fill-green-800\/60 { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:fill-green-800\/70 { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:fill-green-800\/80 { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:fill-green-800\/90 { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:fill-green-900 { + fill: var(--green-900) + } + .md\:fill-green-900\/10 { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:fill-green-900\/20 { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:fill-green-900\/30 { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:fill-green-900\/40 { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:fill-green-900\/50 { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:fill-green-900\/60 { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:fill-green-900\/70 { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:fill-green-900\/80 { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:fill-green-900\/90 { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:fill-yellow-50 { + fill: var(--yellow-50) + } + .md\:fill-yellow-50\/10 { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:fill-yellow-50\/20 { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:fill-yellow-50\/30 { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:fill-yellow-50\/40 { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:fill-yellow-50\/50 { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:fill-yellow-50\/60 { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:fill-yellow-50\/70 { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:fill-yellow-50\/80 { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:fill-yellow-50\/90 { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:fill-yellow-100 { + fill: var(--yellow-100) + } + .md\:fill-yellow-100\/10 { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:fill-yellow-100\/20 { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:fill-yellow-100\/30 { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:fill-yellow-100\/40 { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:fill-yellow-100\/50 { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:fill-yellow-100\/60 { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:fill-yellow-100\/70 { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:fill-yellow-100\/80 { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:fill-yellow-100\/90 { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:fill-yellow-200 { + fill: var(--yellow-200) + } + .md\:fill-yellow-200\/10 { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:fill-yellow-200\/20 { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:fill-yellow-200\/30 { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:fill-yellow-200\/40 { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:fill-yellow-200\/50 { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:fill-yellow-200\/60 { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:fill-yellow-200\/70 { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:fill-yellow-200\/80 { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:fill-yellow-200\/90 { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:fill-yellow-300 { + fill: var(--yellow-300) + } + .md\:fill-yellow-300\/10 { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:fill-yellow-300\/20 { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:fill-yellow-300\/30 { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:fill-yellow-300\/40 { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:fill-yellow-300\/50 { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:fill-yellow-300\/60 { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:fill-yellow-300\/70 { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:fill-yellow-300\/80 { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:fill-yellow-300\/90 { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:fill-yellow-400 { + fill: var(--yellow-400) + } + .md\:fill-yellow-400\/10 { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:fill-yellow-400\/20 { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:fill-yellow-400\/30 { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:fill-yellow-400\/40 { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:fill-yellow-400\/50 { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:fill-yellow-400\/60 { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:fill-yellow-400\/70 { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:fill-yellow-400\/80 { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:fill-yellow-400\/90 { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:fill-yellow-500 { + fill: var(--yellow-500) + } + .md\:fill-yellow-500\/10 { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:fill-yellow-500\/20 { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:fill-yellow-500\/30 { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:fill-yellow-500\/40 { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:fill-yellow-500\/50 { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:fill-yellow-500\/60 { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:fill-yellow-500\/70 { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:fill-yellow-500\/80 { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:fill-yellow-500\/90 { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:fill-yellow-600 { + fill: var(--yellow-600) + } + .md\:fill-yellow-600\/10 { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:fill-yellow-600\/20 { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:fill-yellow-600\/30 { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:fill-yellow-600\/40 { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:fill-yellow-600\/50 { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:fill-yellow-600\/60 { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:fill-yellow-600\/70 { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:fill-yellow-600\/80 { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:fill-yellow-600\/90 { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:fill-yellow-700 { + fill: var(--yellow-700) + } + .md\:fill-yellow-700\/10 { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:fill-yellow-700\/20 { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:fill-yellow-700\/30 { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:fill-yellow-700\/40 { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:fill-yellow-700\/50 { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:fill-yellow-700\/60 { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:fill-yellow-700\/70 { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:fill-yellow-700\/80 { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:fill-yellow-700\/90 { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:fill-yellow-800 { + fill: var(--yellow-800) + } + .md\:fill-yellow-800\/10 { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:fill-yellow-800\/20 { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:fill-yellow-800\/30 { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:fill-yellow-800\/40 { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:fill-yellow-800\/50 { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:fill-yellow-800\/60 { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:fill-yellow-800\/70 { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:fill-yellow-800\/80 { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:fill-yellow-800\/90 { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:fill-yellow-900 { + fill: var(--yellow-900) + } + .md\:fill-yellow-900\/10 { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:fill-yellow-900\/20 { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:fill-yellow-900\/30 { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:fill-yellow-900\/40 { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:fill-yellow-900\/50 { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:fill-yellow-900\/60 { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:fill-yellow-900\/70 { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:fill-yellow-900\/80 { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:fill-yellow-900\/90 { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:fill-cyan-50 { + fill: var(--cyan-50) + } + .md\:fill-cyan-50\/10 { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:fill-cyan-50\/20 { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:fill-cyan-50\/30 { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:fill-cyan-50\/40 { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:fill-cyan-50\/50 { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:fill-cyan-50\/60 { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:fill-cyan-50\/70 { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:fill-cyan-50\/80 { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:fill-cyan-50\/90 { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:fill-cyan-100 { + fill: var(--cyan-100) + } + .md\:fill-cyan-100\/10 { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:fill-cyan-100\/20 { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:fill-cyan-100\/30 { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:fill-cyan-100\/40 { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:fill-cyan-100\/50 { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:fill-cyan-100\/60 { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:fill-cyan-100\/70 { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:fill-cyan-100\/80 { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:fill-cyan-100\/90 { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:fill-cyan-200 { + fill: var(--cyan-200) + } + .md\:fill-cyan-200\/10 { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:fill-cyan-200\/20 { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:fill-cyan-200\/30 { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:fill-cyan-200\/40 { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:fill-cyan-200\/50 { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:fill-cyan-200\/60 { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:fill-cyan-200\/70 { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:fill-cyan-200\/80 { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:fill-cyan-200\/90 { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:fill-cyan-300 { + fill: var(--cyan-300) + } + .md\:fill-cyan-300\/10 { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:fill-cyan-300\/20 { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:fill-cyan-300\/30 { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:fill-cyan-300\/40 { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:fill-cyan-300\/50 { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:fill-cyan-300\/60 { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:fill-cyan-300\/70 { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:fill-cyan-300\/80 { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:fill-cyan-300\/90 { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:fill-cyan-400 { + fill: var(--cyan-400) + } + .md\:fill-cyan-400\/10 { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:fill-cyan-400\/20 { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:fill-cyan-400\/30 { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:fill-cyan-400\/40 { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:fill-cyan-400\/50 { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:fill-cyan-400\/60 { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:fill-cyan-400\/70 { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:fill-cyan-400\/80 { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:fill-cyan-400\/90 { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:fill-cyan-500 { + fill: var(--cyan-500) + } + .md\:fill-cyan-500\/10 { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:fill-cyan-500\/20 { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:fill-cyan-500\/30 { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:fill-cyan-500\/40 { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:fill-cyan-500\/50 { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:fill-cyan-500\/60 { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:fill-cyan-500\/70 { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:fill-cyan-500\/80 { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:fill-cyan-500\/90 { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:fill-cyan-600 { + fill: var(--cyan-600) + } + .md\:fill-cyan-600\/10 { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:fill-cyan-600\/20 { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:fill-cyan-600\/30 { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:fill-cyan-600\/40 { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:fill-cyan-600\/50 { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:fill-cyan-600\/60 { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:fill-cyan-600\/70 { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:fill-cyan-600\/80 { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:fill-cyan-600\/90 { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:fill-cyan-700 { + fill: var(--cyan-700) + } + .md\:fill-cyan-700\/10 { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:fill-cyan-700\/20 { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:fill-cyan-700\/30 { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:fill-cyan-700\/40 { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:fill-cyan-700\/50 { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:fill-cyan-700\/60 { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:fill-cyan-700\/70 { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:fill-cyan-700\/80 { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:fill-cyan-700\/90 { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:fill-cyan-800 { + fill: var(--cyan-800) + } + .md\:fill-cyan-800\/10 { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:fill-cyan-800\/20 { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:fill-cyan-800\/30 { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:fill-cyan-800\/40 { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:fill-cyan-800\/50 { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:fill-cyan-800\/60 { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:fill-cyan-800\/70 { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:fill-cyan-800\/80 { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:fill-cyan-800\/90 { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:fill-cyan-900 { + fill: var(--cyan-900) + } + .md\:fill-cyan-900\/10 { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:fill-cyan-900\/20 { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:fill-cyan-900\/30 { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:fill-cyan-900\/40 { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:fill-cyan-900\/50 { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:fill-cyan-900\/60 { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:fill-cyan-900\/70 { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:fill-cyan-900\/80 { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:fill-cyan-900\/90 { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:fill-pink-50 { + fill: var(--pink-50) + } + .md\:fill-pink-50\/10 { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:fill-pink-50\/20 { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:fill-pink-50\/30 { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:fill-pink-50\/40 { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:fill-pink-50\/50 { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:fill-pink-50\/60 { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:fill-pink-50\/70 { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:fill-pink-50\/80 { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:fill-pink-50\/90 { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:fill-pink-100 { + fill: var(--pink-100) + } + .md\:fill-pink-100\/10 { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:fill-pink-100\/20 { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:fill-pink-100\/30 { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:fill-pink-100\/40 { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:fill-pink-100\/50 { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:fill-pink-100\/60 { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:fill-pink-100\/70 { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:fill-pink-100\/80 { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:fill-pink-100\/90 { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:fill-pink-200 { + fill: var(--pink-200) + } + .md\:fill-pink-200\/10 { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:fill-pink-200\/20 { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:fill-pink-200\/30 { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:fill-pink-200\/40 { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:fill-pink-200\/50 { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:fill-pink-200\/60 { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:fill-pink-200\/70 { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:fill-pink-200\/80 { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:fill-pink-200\/90 { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:fill-pink-300 { + fill: var(--pink-300) + } + .md\:fill-pink-300\/10 { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:fill-pink-300\/20 { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:fill-pink-300\/30 { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:fill-pink-300\/40 { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:fill-pink-300\/50 { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:fill-pink-300\/60 { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:fill-pink-300\/70 { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:fill-pink-300\/80 { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:fill-pink-300\/90 { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:fill-pink-400 { + fill: var(--pink-400) + } + .md\:fill-pink-400\/10 { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:fill-pink-400\/20 { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:fill-pink-400\/30 { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:fill-pink-400\/40 { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:fill-pink-400\/50 { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:fill-pink-400\/60 { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:fill-pink-400\/70 { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:fill-pink-400\/80 { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:fill-pink-400\/90 { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:fill-pink-500 { + fill: var(--pink-500) + } + .md\:fill-pink-500\/10 { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:fill-pink-500\/20 { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:fill-pink-500\/30 { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:fill-pink-500\/40 { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:fill-pink-500\/50 { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:fill-pink-500\/60 { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:fill-pink-500\/70 { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:fill-pink-500\/80 { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:fill-pink-500\/90 { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:fill-pink-600 { + fill: var(--pink-600) + } + .md\:fill-pink-600\/10 { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:fill-pink-600\/20 { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:fill-pink-600\/30 { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:fill-pink-600\/40 { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:fill-pink-600\/50 { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:fill-pink-600\/60 { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:fill-pink-600\/70 { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:fill-pink-600\/80 { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:fill-pink-600\/90 { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:fill-pink-700 { + fill: var(--pink-700) + } + .md\:fill-pink-700\/10 { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:fill-pink-700\/20 { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:fill-pink-700\/30 { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:fill-pink-700\/40 { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:fill-pink-700\/50 { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:fill-pink-700\/60 { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:fill-pink-700\/70 { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:fill-pink-700\/80 { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:fill-pink-700\/90 { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:fill-pink-800 { + fill: var(--pink-800) + } + .md\:fill-pink-800\/10 { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:fill-pink-800\/20 { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:fill-pink-800\/30 { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:fill-pink-800\/40 { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:fill-pink-800\/50 { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:fill-pink-800\/60 { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:fill-pink-800\/70 { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:fill-pink-800\/80 { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:fill-pink-800\/90 { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:fill-pink-900 { + fill: var(--pink-900) + } + .md\:fill-pink-900\/10 { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:fill-pink-900\/20 { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:fill-pink-900\/30 { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:fill-pink-900\/40 { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:fill-pink-900\/50 { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:fill-pink-900\/60 { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:fill-pink-900\/70 { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:fill-pink-900\/80 { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:fill-pink-900\/90 { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:fill-indigo-50 { + fill: var(--indigo-50) + } + .md\:fill-indigo-50\/10 { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:fill-indigo-50\/20 { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:fill-indigo-50\/30 { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:fill-indigo-50\/40 { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:fill-indigo-50\/50 { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:fill-indigo-50\/60 { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:fill-indigo-50\/70 { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:fill-indigo-50\/80 { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:fill-indigo-50\/90 { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:fill-indigo-100 { + fill: var(--indigo-100) + } + .md\:fill-indigo-100\/10 { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:fill-indigo-100\/20 { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:fill-indigo-100\/30 { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:fill-indigo-100\/40 { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:fill-indigo-100\/50 { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:fill-indigo-100\/60 { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:fill-indigo-100\/70 { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:fill-indigo-100\/80 { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:fill-indigo-100\/90 { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:fill-indigo-200 { + fill: var(--indigo-200) + } + .md\:fill-indigo-200\/10 { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:fill-indigo-200\/20 { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:fill-indigo-200\/30 { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:fill-indigo-200\/40 { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:fill-indigo-200\/50 { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:fill-indigo-200\/60 { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:fill-indigo-200\/70 { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:fill-indigo-200\/80 { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:fill-indigo-200\/90 { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:fill-indigo-300 { + fill: var(--indigo-300) + } + .md\:fill-indigo-300\/10 { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:fill-indigo-300\/20 { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:fill-indigo-300\/30 { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:fill-indigo-300\/40 { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:fill-indigo-300\/50 { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:fill-indigo-300\/60 { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:fill-indigo-300\/70 { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:fill-indigo-300\/80 { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:fill-indigo-300\/90 { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:fill-indigo-400 { + fill: var(--indigo-400) + } + .md\:fill-indigo-400\/10 { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:fill-indigo-400\/20 { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:fill-indigo-400\/30 { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:fill-indigo-400\/40 { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:fill-indigo-400\/50 { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:fill-indigo-400\/60 { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:fill-indigo-400\/70 { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:fill-indigo-400\/80 { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:fill-indigo-400\/90 { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:fill-indigo-500 { + fill: var(--indigo-500) + } + .md\:fill-indigo-500\/10 { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:fill-indigo-500\/20 { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:fill-indigo-500\/30 { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:fill-indigo-500\/40 { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:fill-indigo-500\/50 { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:fill-indigo-500\/60 { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:fill-indigo-500\/70 { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:fill-indigo-500\/80 { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:fill-indigo-500\/90 { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:fill-indigo-600 { + fill: var(--indigo-600) + } + .md\:fill-indigo-600\/10 { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:fill-indigo-600\/20 { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:fill-indigo-600\/30 { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:fill-indigo-600\/40 { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:fill-indigo-600\/50 { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:fill-indigo-600\/60 { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:fill-indigo-600\/70 { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:fill-indigo-600\/80 { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:fill-indigo-600\/90 { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:fill-indigo-700 { + fill: var(--indigo-700) + } + .md\:fill-indigo-700\/10 { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:fill-indigo-700\/20 { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:fill-indigo-700\/30 { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:fill-indigo-700\/40 { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:fill-indigo-700\/50 { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:fill-indigo-700\/60 { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:fill-indigo-700\/70 { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:fill-indigo-700\/80 { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:fill-indigo-700\/90 { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:fill-indigo-800 { + fill: var(--indigo-800) + } + .md\:fill-indigo-800\/10 { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:fill-indigo-800\/20 { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:fill-indigo-800\/30 { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:fill-indigo-800\/40 { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:fill-indigo-800\/50 { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:fill-indigo-800\/60 { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:fill-indigo-800\/70 { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:fill-indigo-800\/80 { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:fill-indigo-800\/90 { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:fill-indigo-900 { + fill: var(--indigo-900) + } + .md\:fill-indigo-900\/10 { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:fill-indigo-900\/20 { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:fill-indigo-900\/30 { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:fill-indigo-900\/40 { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:fill-indigo-900\/50 { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:fill-indigo-900\/60 { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:fill-indigo-900\/70 { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:fill-indigo-900\/80 { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:fill-indigo-900\/90 { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:fill-teal-50 { + fill: var(--teal-50) + } + .md\:fill-teal-50\/10 { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:fill-teal-50\/20 { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:fill-teal-50\/30 { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:fill-teal-50\/40 { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:fill-teal-50\/50 { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:fill-teal-50\/60 { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:fill-teal-50\/70 { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:fill-teal-50\/80 { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:fill-teal-50\/90 { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:fill-teal-100 { + fill: var(--teal-100) + } + .md\:fill-teal-100\/10 { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:fill-teal-100\/20 { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:fill-teal-100\/30 { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:fill-teal-100\/40 { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:fill-teal-100\/50 { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:fill-teal-100\/60 { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:fill-teal-100\/70 { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:fill-teal-100\/80 { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:fill-teal-100\/90 { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:fill-teal-200 { + fill: var(--teal-200) + } + .md\:fill-teal-200\/10 { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:fill-teal-200\/20 { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:fill-teal-200\/30 { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:fill-teal-200\/40 { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:fill-teal-200\/50 { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:fill-teal-200\/60 { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:fill-teal-200\/70 { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:fill-teal-200\/80 { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:fill-teal-200\/90 { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:fill-teal-300 { + fill: var(--teal-300) + } + .md\:fill-teal-300\/10 { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:fill-teal-300\/20 { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:fill-teal-300\/30 { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:fill-teal-300\/40 { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:fill-teal-300\/50 { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:fill-teal-300\/60 { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:fill-teal-300\/70 { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:fill-teal-300\/80 { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:fill-teal-300\/90 { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:fill-teal-400 { + fill: var(--teal-400) + } + .md\:fill-teal-400\/10 { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:fill-teal-400\/20 { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:fill-teal-400\/30 { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:fill-teal-400\/40 { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:fill-teal-400\/50 { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:fill-teal-400\/60 { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:fill-teal-400\/70 { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:fill-teal-400\/80 { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:fill-teal-400\/90 { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:fill-teal-500 { + fill: var(--teal-500) + } + .md\:fill-teal-500\/10 { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:fill-teal-500\/20 { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:fill-teal-500\/30 { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:fill-teal-500\/40 { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:fill-teal-500\/50 { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:fill-teal-500\/60 { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:fill-teal-500\/70 { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:fill-teal-500\/80 { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:fill-teal-500\/90 { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:fill-teal-600 { + fill: var(--teal-600) + } + .md\:fill-teal-600\/10 { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:fill-teal-600\/20 { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:fill-teal-600\/30 { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:fill-teal-600\/40 { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:fill-teal-600\/50 { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:fill-teal-600\/60 { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:fill-teal-600\/70 { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:fill-teal-600\/80 { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:fill-teal-600\/90 { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:fill-teal-700 { + fill: var(--teal-700) + } + .md\:fill-teal-700\/10 { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:fill-teal-700\/20 { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:fill-teal-700\/30 { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:fill-teal-700\/40 { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:fill-teal-700\/50 { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:fill-teal-700\/60 { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:fill-teal-700\/70 { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:fill-teal-700\/80 { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:fill-teal-700\/90 { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:fill-teal-800 { + fill: var(--teal-800) + } + .md\:fill-teal-800\/10 { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:fill-teal-800\/20 { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:fill-teal-800\/30 { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:fill-teal-800\/40 { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:fill-teal-800\/50 { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:fill-teal-800\/60 { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:fill-teal-800\/70 { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:fill-teal-800\/80 { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:fill-teal-800\/90 { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:fill-teal-900 { + fill: var(--teal-900) + } + .md\:fill-teal-900\/10 { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:fill-teal-900\/20 { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:fill-teal-900\/30 { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:fill-teal-900\/40 { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:fill-teal-900\/50 { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:fill-teal-900\/60 { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:fill-teal-900\/70 { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:fill-teal-900\/80 { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:fill-teal-900\/90 { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:fill-orange-50 { + fill: var(--orange-50) + } + .md\:fill-orange-50\/10 { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:fill-orange-50\/20 { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:fill-orange-50\/30 { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:fill-orange-50\/40 { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:fill-orange-50\/50 { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:fill-orange-50\/60 { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:fill-orange-50\/70 { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:fill-orange-50\/80 { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:fill-orange-50\/90 { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:fill-orange-100 { + fill: var(--orange-100) + } + .md\:fill-orange-100\/10 { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:fill-orange-100\/20 { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:fill-orange-100\/30 { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:fill-orange-100\/40 { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:fill-orange-100\/50 { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:fill-orange-100\/60 { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:fill-orange-100\/70 { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:fill-orange-100\/80 { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:fill-orange-100\/90 { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:fill-orange-200 { + fill: var(--orange-200) + } + .md\:fill-orange-200\/10 { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:fill-orange-200\/20 { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:fill-orange-200\/30 { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:fill-orange-200\/40 { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:fill-orange-200\/50 { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:fill-orange-200\/60 { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:fill-orange-200\/70 { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:fill-orange-200\/80 { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:fill-orange-200\/90 { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:fill-orange-300 { + fill: var(--orange-300) + } + .md\:fill-orange-300\/10 { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:fill-orange-300\/20 { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:fill-orange-300\/30 { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:fill-orange-300\/40 { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:fill-orange-300\/50 { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:fill-orange-300\/60 { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:fill-orange-300\/70 { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:fill-orange-300\/80 { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:fill-orange-300\/90 { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:fill-orange-400 { + fill: var(--orange-400) + } + .md\:fill-orange-400\/10 { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:fill-orange-400\/20 { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:fill-orange-400\/30 { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:fill-orange-400\/40 { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:fill-orange-400\/50 { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:fill-orange-400\/60 { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:fill-orange-400\/70 { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:fill-orange-400\/80 { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:fill-orange-400\/90 { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:fill-orange-500 { + fill: var(--orange-500) + } + .md\:fill-orange-500\/10 { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:fill-orange-500\/20 { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:fill-orange-500\/30 { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:fill-orange-500\/40 { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:fill-orange-500\/50 { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:fill-orange-500\/60 { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:fill-orange-500\/70 { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:fill-orange-500\/80 { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:fill-orange-500\/90 { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:fill-orange-600 { + fill: var(--orange-600) + } + .md\:fill-orange-600\/10 { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:fill-orange-600\/20 { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:fill-orange-600\/30 { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:fill-orange-600\/40 { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:fill-orange-600\/50 { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:fill-orange-600\/60 { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:fill-orange-600\/70 { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:fill-orange-600\/80 { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:fill-orange-600\/90 { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:fill-orange-700 { + fill: var(--orange-700) + } + .md\:fill-orange-700\/10 { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:fill-orange-700\/20 { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:fill-orange-700\/30 { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:fill-orange-700\/40 { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:fill-orange-700\/50 { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:fill-orange-700\/60 { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:fill-orange-700\/70 { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:fill-orange-700\/80 { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:fill-orange-700\/90 { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:fill-orange-800 { + fill: var(--orange-800) + } + .md\:fill-orange-800\/10 { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:fill-orange-800\/20 { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:fill-orange-800\/30 { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:fill-orange-800\/40 { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:fill-orange-800\/50 { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:fill-orange-800\/60 { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:fill-orange-800\/70 { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:fill-orange-800\/80 { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:fill-orange-800\/90 { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:fill-orange-900 { + fill: var(--orange-900) + } + .md\:fill-orange-900\/10 { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:fill-orange-900\/20 { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:fill-orange-900\/30 { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:fill-orange-900\/40 { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:fill-orange-900\/50 { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:fill-orange-900\/60 { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:fill-orange-900\/70 { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:fill-orange-900\/80 { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:fill-orange-900\/90 { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:fill-bluegray-50 { + fill: var(--bluegray-50) + } + .md\:fill-bluegray-50\/10 { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:fill-bluegray-50\/20 { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:fill-bluegray-50\/30 { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:fill-bluegray-50\/40 { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:fill-bluegray-50\/50 { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:fill-bluegray-50\/60 { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:fill-bluegray-50\/70 { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:fill-bluegray-50\/80 { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:fill-bluegray-50\/90 { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:fill-bluegray-100 { + fill: var(--bluegray-100) + } + .md\:fill-bluegray-100\/10 { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:fill-bluegray-100\/20 { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:fill-bluegray-100\/30 { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:fill-bluegray-100\/40 { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:fill-bluegray-100\/50 { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:fill-bluegray-100\/60 { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:fill-bluegray-100\/70 { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:fill-bluegray-100\/80 { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:fill-bluegray-100\/90 { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:fill-bluegray-200 { + fill: var(--bluegray-200) + } + .md\:fill-bluegray-200\/10 { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:fill-bluegray-200\/20 { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:fill-bluegray-200\/30 { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:fill-bluegray-200\/40 { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:fill-bluegray-200\/50 { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:fill-bluegray-200\/60 { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:fill-bluegray-200\/70 { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:fill-bluegray-200\/80 { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:fill-bluegray-200\/90 { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:fill-bluegray-300 { + fill: var(--bluegray-300) + } + .md\:fill-bluegray-300\/10 { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:fill-bluegray-300\/20 { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:fill-bluegray-300\/30 { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:fill-bluegray-300\/40 { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:fill-bluegray-300\/50 { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:fill-bluegray-300\/60 { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:fill-bluegray-300\/70 { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:fill-bluegray-300\/80 { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:fill-bluegray-300\/90 { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:fill-bluegray-400 { + fill: var(--bluegray-400) + } + .md\:fill-bluegray-400\/10 { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:fill-bluegray-400\/20 { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:fill-bluegray-400\/30 { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:fill-bluegray-400\/40 { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:fill-bluegray-400\/50 { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:fill-bluegray-400\/60 { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:fill-bluegray-400\/70 { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:fill-bluegray-400\/80 { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:fill-bluegray-400\/90 { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:fill-bluegray-500 { + fill: var(--bluegray-500) + } + .md\:fill-bluegray-500\/10 { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:fill-bluegray-500\/20 { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:fill-bluegray-500\/30 { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:fill-bluegray-500\/40 { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:fill-bluegray-500\/50 { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:fill-bluegray-500\/60 { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:fill-bluegray-500\/70 { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:fill-bluegray-500\/80 { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:fill-bluegray-500\/90 { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:fill-bluegray-600 { + fill: var(--bluegray-600) + } + .md\:fill-bluegray-600\/10 { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:fill-bluegray-600\/20 { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:fill-bluegray-600\/30 { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:fill-bluegray-600\/40 { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:fill-bluegray-600\/50 { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:fill-bluegray-600\/60 { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:fill-bluegray-600\/70 { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:fill-bluegray-600\/80 { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:fill-bluegray-600\/90 { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:fill-bluegray-700 { + fill: var(--bluegray-700) + } + .md\:fill-bluegray-700\/10 { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:fill-bluegray-700\/20 { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:fill-bluegray-700\/30 { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:fill-bluegray-700\/40 { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:fill-bluegray-700\/50 { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:fill-bluegray-700\/60 { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:fill-bluegray-700\/70 { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:fill-bluegray-700\/80 { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:fill-bluegray-700\/90 { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:fill-bluegray-800 { + fill: var(--bluegray-800) + } + .md\:fill-bluegray-800\/10 { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:fill-bluegray-800\/20 { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:fill-bluegray-800\/30 { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:fill-bluegray-800\/40 { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:fill-bluegray-800\/50 { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:fill-bluegray-800\/60 { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:fill-bluegray-800\/70 { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:fill-bluegray-800\/80 { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:fill-bluegray-800\/90 { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:fill-bluegray-900 { + fill: var(--bluegray-900) + } + .md\:fill-bluegray-900\/10 { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:fill-bluegray-900\/20 { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:fill-bluegray-900\/30 { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:fill-bluegray-900\/40 { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:fill-bluegray-900\/50 { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:fill-bluegray-900\/60 { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:fill-bluegray-900\/70 { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:fill-bluegray-900\/80 { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:fill-bluegray-900\/90 { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:fill-purple-50 { + fill: var(--purple-50) + } + .md\:fill-purple-50\/10 { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:fill-purple-50\/20 { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:fill-purple-50\/30 { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:fill-purple-50\/40 { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:fill-purple-50\/50 { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:fill-purple-50\/60 { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:fill-purple-50\/70 { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:fill-purple-50\/80 { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:fill-purple-50\/90 { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:fill-purple-100 { + fill: var(--purple-100) + } + .md\:fill-purple-100\/10 { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:fill-purple-100\/20 { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:fill-purple-100\/30 { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:fill-purple-100\/40 { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:fill-purple-100\/50 { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:fill-purple-100\/60 { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:fill-purple-100\/70 { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:fill-purple-100\/80 { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:fill-purple-100\/90 { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:fill-purple-200 { + fill: var(--purple-200) + } + .md\:fill-purple-200\/10 { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:fill-purple-200\/20 { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:fill-purple-200\/30 { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:fill-purple-200\/40 { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:fill-purple-200\/50 { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:fill-purple-200\/60 { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:fill-purple-200\/70 { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:fill-purple-200\/80 { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:fill-purple-200\/90 { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:fill-purple-300 { + fill: var(--purple-300) + } + .md\:fill-purple-300\/10 { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:fill-purple-300\/20 { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:fill-purple-300\/30 { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:fill-purple-300\/40 { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:fill-purple-300\/50 { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:fill-purple-300\/60 { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:fill-purple-300\/70 { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:fill-purple-300\/80 { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:fill-purple-300\/90 { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:fill-purple-400 { + fill: var(--purple-400) + } + .md\:fill-purple-400\/10 { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:fill-purple-400\/20 { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:fill-purple-400\/30 { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:fill-purple-400\/40 { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:fill-purple-400\/50 { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:fill-purple-400\/60 { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:fill-purple-400\/70 { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:fill-purple-400\/80 { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:fill-purple-400\/90 { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:fill-purple-500 { + fill: var(--purple-500) + } + .md\:fill-purple-500\/10 { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:fill-purple-500\/20 { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:fill-purple-500\/30 { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:fill-purple-500\/40 { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:fill-purple-500\/50 { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:fill-purple-500\/60 { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:fill-purple-500\/70 { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:fill-purple-500\/80 { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:fill-purple-500\/90 { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:fill-purple-600 { + fill: var(--purple-600) + } + .md\:fill-purple-600\/10 { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:fill-purple-600\/20 { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:fill-purple-600\/30 { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:fill-purple-600\/40 { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:fill-purple-600\/50 { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:fill-purple-600\/60 { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:fill-purple-600\/70 { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:fill-purple-600\/80 { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:fill-purple-600\/90 { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:fill-purple-700 { + fill: var(--purple-700) + } + .md\:fill-purple-700\/10 { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:fill-purple-700\/20 { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:fill-purple-700\/30 { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:fill-purple-700\/40 { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:fill-purple-700\/50 { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:fill-purple-700\/60 { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:fill-purple-700\/70 { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:fill-purple-700\/80 { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:fill-purple-700\/90 { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:fill-purple-800 { + fill: var(--purple-800) + } + .md\:fill-purple-800\/10 { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:fill-purple-800\/20 { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:fill-purple-800\/30 { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:fill-purple-800\/40 { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:fill-purple-800\/50 { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:fill-purple-800\/60 { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:fill-purple-800\/70 { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:fill-purple-800\/80 { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:fill-purple-800\/90 { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:fill-purple-900 { + fill: var(--purple-900) + } + .md\:fill-purple-900\/10 { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:fill-purple-900\/20 { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:fill-purple-900\/30 { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:fill-purple-900\/40 { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:fill-purple-900\/50 { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:fill-purple-900\/60 { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:fill-purple-900\/70 { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:fill-purple-900\/80 { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:fill-purple-900\/90 { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:fill-red-50 { + fill: var(--red-50) + } + .md\:fill-red-50\/10 { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:fill-red-50\/20 { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:fill-red-50\/30 { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:fill-red-50\/40 { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:fill-red-50\/50 { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:fill-red-50\/60 { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:fill-red-50\/70 { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:fill-red-50\/80 { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:fill-red-50\/90 { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:fill-red-100 { + fill: var(--red-100) + } + .md\:fill-red-100\/10 { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:fill-red-100\/20 { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:fill-red-100\/30 { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:fill-red-100\/40 { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:fill-red-100\/50 { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:fill-red-100\/60 { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:fill-red-100\/70 { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:fill-red-100\/80 { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:fill-red-100\/90 { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:fill-red-200 { + fill: var(--red-200) + } + .md\:fill-red-200\/10 { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:fill-red-200\/20 { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:fill-red-200\/30 { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:fill-red-200\/40 { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:fill-red-200\/50 { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:fill-red-200\/60 { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:fill-red-200\/70 { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:fill-red-200\/80 { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:fill-red-200\/90 { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:fill-red-300 { + fill: var(--red-300) + } + .md\:fill-red-300\/10 { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:fill-red-300\/20 { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:fill-red-300\/30 { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:fill-red-300\/40 { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:fill-red-300\/50 { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:fill-red-300\/60 { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:fill-red-300\/70 { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:fill-red-300\/80 { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:fill-red-300\/90 { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:fill-red-400 { + fill: var(--red-400) + } + .md\:fill-red-400\/10 { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:fill-red-400\/20 { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:fill-red-400\/30 { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:fill-red-400\/40 { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:fill-red-400\/50 { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:fill-red-400\/60 { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:fill-red-400\/70 { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:fill-red-400\/80 { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:fill-red-400\/90 { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:fill-red-500 { + fill: var(--red-500) + } + .md\:fill-red-500\/10 { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:fill-red-500\/20 { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:fill-red-500\/30 { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:fill-red-500\/40 { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:fill-red-500\/50 { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:fill-red-500\/60 { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:fill-red-500\/70 { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:fill-red-500\/80 { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:fill-red-500\/90 { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:fill-red-600 { + fill: var(--red-600) + } + .md\:fill-red-600\/10 { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:fill-red-600\/20 { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:fill-red-600\/30 { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:fill-red-600\/40 { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:fill-red-600\/50 { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:fill-red-600\/60 { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:fill-red-600\/70 { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:fill-red-600\/80 { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:fill-red-600\/90 { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:fill-red-700 { + fill: var(--red-700) + } + .md\:fill-red-700\/10 { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:fill-red-700\/20 { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:fill-red-700\/30 { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:fill-red-700\/40 { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:fill-red-700\/50 { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:fill-red-700\/60 { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:fill-red-700\/70 { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:fill-red-700\/80 { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:fill-red-700\/90 { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:fill-red-800 { + fill: var(--red-800) + } + .md\:fill-red-800\/10 { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:fill-red-800\/20 { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:fill-red-800\/30 { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:fill-red-800\/40 { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:fill-red-800\/50 { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:fill-red-800\/60 { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:fill-red-800\/70 { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:fill-red-800\/80 { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:fill-red-800\/90 { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:fill-red-900 { + fill: var(--red-900) + } + .md\:fill-red-900\/10 { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:fill-red-900\/20 { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:fill-red-900\/30 { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:fill-red-900\/40 { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:fill-red-900\/50 { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:fill-red-900\/60 { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:fill-red-900\/70 { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:fill-red-900\/80 { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:fill-red-900\/90 { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:fill-gray-50 { + fill: var(--gray-50) + } + .md\:fill-gray-50\/10 { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:fill-gray-50\/20 { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:fill-gray-50\/30 { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:fill-gray-50\/40 { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:fill-gray-50\/50 { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:fill-gray-50\/60 { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:fill-gray-50\/70 { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:fill-gray-50\/80 { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:fill-gray-50\/90 { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:fill-gray-100 { + fill: var(--gray-100) + } + .md\:fill-gray-100\/10 { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:fill-gray-100\/20 { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:fill-gray-100\/30 { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:fill-gray-100\/40 { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:fill-gray-100\/50 { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:fill-gray-100\/60 { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:fill-gray-100\/70 { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:fill-gray-100\/80 { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:fill-gray-100\/90 { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:fill-gray-200 { + fill: var(--gray-200) + } + .md\:fill-gray-200\/10 { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:fill-gray-200\/20 { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:fill-gray-200\/30 { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:fill-gray-200\/40 { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:fill-gray-200\/50 { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:fill-gray-200\/60 { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:fill-gray-200\/70 { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:fill-gray-200\/80 { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:fill-gray-200\/90 { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:fill-gray-300 { + fill: var(--gray-300) + } + .md\:fill-gray-300\/10 { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:fill-gray-300\/20 { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:fill-gray-300\/30 { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:fill-gray-300\/40 { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:fill-gray-300\/50 { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:fill-gray-300\/60 { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:fill-gray-300\/70 { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:fill-gray-300\/80 { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:fill-gray-300\/90 { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:fill-gray-400 { + fill: var(--gray-400) + } + .md\:fill-gray-400\/10 { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:fill-gray-400\/20 { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:fill-gray-400\/30 { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:fill-gray-400\/40 { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:fill-gray-400\/50 { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:fill-gray-400\/60 { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:fill-gray-400\/70 { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:fill-gray-400\/80 { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:fill-gray-400\/90 { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:fill-gray-500 { + fill: var(--gray-500) + } + .md\:fill-gray-500\/10 { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:fill-gray-500\/20 { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:fill-gray-500\/30 { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:fill-gray-500\/40 { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:fill-gray-500\/50 { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:fill-gray-500\/60 { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:fill-gray-500\/70 { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:fill-gray-500\/80 { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:fill-gray-500\/90 { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:fill-gray-600 { + fill: var(--gray-600) + } + .md\:fill-gray-600\/10 { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:fill-gray-600\/20 { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:fill-gray-600\/30 { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:fill-gray-600\/40 { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:fill-gray-600\/50 { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:fill-gray-600\/60 { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:fill-gray-600\/70 { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:fill-gray-600\/80 { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:fill-gray-600\/90 { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:fill-gray-700 { + fill: var(--gray-700) + } + .md\:fill-gray-700\/10 { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:fill-gray-700\/20 { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:fill-gray-700\/30 { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:fill-gray-700\/40 { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:fill-gray-700\/50 { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:fill-gray-700\/60 { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:fill-gray-700\/70 { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:fill-gray-700\/80 { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:fill-gray-700\/90 { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:fill-gray-800 { + fill: var(--gray-800) + } + .md\:fill-gray-800\/10 { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:fill-gray-800\/20 { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:fill-gray-800\/30 { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:fill-gray-800\/40 { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:fill-gray-800\/50 { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:fill-gray-800\/60 { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:fill-gray-800\/70 { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:fill-gray-800\/80 { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:fill-gray-800\/90 { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:fill-gray-900 { + fill: var(--gray-900) + } + .md\:fill-gray-900\/10 { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:fill-gray-900\/20 { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:fill-gray-900\/30 { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:fill-gray-900\/40 { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:fill-gray-900\/50 { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:fill-gray-900\/60 { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:fill-gray-900\/70 { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:fill-gray-900\/80 { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:fill-gray-900\/90 { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:fill-surface-0 { + fill: var(--surface-0) + } + .md\:fill-surface-0\/10 { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:fill-surface-0\/20 { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:fill-surface-0\/30 { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:fill-surface-0\/40 { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:fill-surface-0\/50 { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:fill-surface-0\/60 { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:fill-surface-0\/70 { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:fill-surface-0\/80 { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:fill-surface-0\/90 { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:fill-surface-50 { + fill: var(--surface-50) + } + .md\:fill-surface-50\/10 { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:fill-surface-50\/20 { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:fill-surface-50\/30 { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:fill-surface-50\/40 { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:fill-surface-50\/50 { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:fill-surface-50\/60 { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:fill-surface-50\/70 { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:fill-surface-50\/80 { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:fill-surface-50\/90 { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:fill-surface-100 { + fill: var(--surface-100) + } + .md\:fill-surface-100\/10 { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:fill-surface-100\/20 { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:fill-surface-100\/30 { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:fill-surface-100\/40 { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:fill-surface-100\/50 { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:fill-surface-100\/60 { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:fill-surface-100\/70 { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:fill-surface-100\/80 { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:fill-surface-100\/90 { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:fill-surface-200 { + fill: var(--surface-200) + } + .md\:fill-surface-200\/10 { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:fill-surface-200\/20 { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:fill-surface-200\/30 { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:fill-surface-200\/40 { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:fill-surface-200\/50 { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:fill-surface-200\/60 { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:fill-surface-200\/70 { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:fill-surface-200\/80 { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:fill-surface-200\/90 { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:fill-surface-300 { + fill: var(--surface-300) + } + .md\:fill-surface-300\/10 { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:fill-surface-300\/20 { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:fill-surface-300\/30 { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:fill-surface-300\/40 { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:fill-surface-300\/50 { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:fill-surface-300\/60 { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:fill-surface-300\/70 { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:fill-surface-300\/80 { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:fill-surface-300\/90 { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:fill-surface-400 { + fill: var(--surface-400) + } + .md\:fill-surface-400\/10 { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:fill-surface-400\/20 { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:fill-surface-400\/30 { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:fill-surface-400\/40 { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:fill-surface-400\/50 { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:fill-surface-400\/60 { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:fill-surface-400\/70 { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:fill-surface-400\/80 { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:fill-surface-400\/90 { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:fill-surface-500 { + fill: var(--surface-500) + } + .md\:fill-surface-500\/10 { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:fill-surface-500\/20 { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:fill-surface-500\/30 { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:fill-surface-500\/40 { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:fill-surface-500\/50 { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:fill-surface-500\/60 { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:fill-surface-500\/70 { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:fill-surface-500\/80 { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:fill-surface-500\/90 { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:fill-surface-600 { + fill: var(--surface-600) + } + .md\:fill-surface-600\/10 { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:fill-surface-600\/20 { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:fill-surface-600\/30 { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:fill-surface-600\/40 { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:fill-surface-600\/50 { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:fill-surface-600\/60 { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:fill-surface-600\/70 { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:fill-surface-600\/80 { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:fill-surface-600\/90 { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:fill-surface-700 { + fill: var(--surface-700) + } + .md\:fill-surface-700\/10 { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:fill-surface-700\/20 { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:fill-surface-700\/30 { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:fill-surface-700\/40 { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:fill-surface-700\/50 { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:fill-surface-700\/60 { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:fill-surface-700\/70 { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:fill-surface-700\/80 { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:fill-surface-700\/90 { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:fill-surface-800 { + fill: var(--surface-800) + } + .md\:fill-surface-800\/10 { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:fill-surface-800\/20 { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:fill-surface-800\/30 { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:fill-surface-800\/40 { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:fill-surface-800\/50 { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:fill-surface-800\/60 { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:fill-surface-800\/70 { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:fill-surface-800\/80 { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:fill-surface-800\/90 { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:fill-surface-900 { + fill: var(--surface-900) + } + .md\:fill-surface-900\/10 { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:fill-surface-900\/20 { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:fill-surface-900\/30 { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:fill-surface-900\/40 { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:fill-surface-900\/50 { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:fill-surface-900\/60 { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:fill-surface-900\/70 { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:fill-surface-900\/80 { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:fill-surface-900\/90 { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:fill-primary-50 { + fill: var(--primary-50) + } + .md\:fill-primary-50\/10 { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:fill-primary-50\/20 { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:fill-primary-50\/30 { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:fill-primary-50\/40 { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:fill-primary-50\/50 { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:fill-primary-50\/60 { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:fill-primary-50\/70 { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:fill-primary-50\/80 { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:fill-primary-50\/90 { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:fill-primary-100 { + fill: var(--primary-100) + } + .md\:fill-primary-100\/10 { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:fill-primary-100\/20 { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:fill-primary-100\/30 { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:fill-primary-100\/40 { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:fill-primary-100\/50 { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:fill-primary-100\/60 { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:fill-primary-100\/70 { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:fill-primary-100\/80 { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:fill-primary-100\/90 { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:fill-primary-200 { + fill: var(--primary-200) + } + .md\:fill-primary-200\/10 { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:fill-primary-200\/20 { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:fill-primary-200\/30 { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:fill-primary-200\/40 { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:fill-primary-200\/50 { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:fill-primary-200\/60 { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:fill-primary-200\/70 { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:fill-primary-200\/80 { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:fill-primary-200\/90 { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:fill-primary-300 { + fill: var(--primary-300) + } + .md\:fill-primary-300\/10 { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:fill-primary-300\/20 { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:fill-primary-300\/30 { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:fill-primary-300\/40 { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:fill-primary-300\/50 { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:fill-primary-300\/60 { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:fill-primary-300\/70 { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:fill-primary-300\/80 { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:fill-primary-300\/90 { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:fill-primary-400 { + fill: var(--primary-400) + } + .md\:fill-primary-400\/10 { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:fill-primary-400\/20 { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:fill-primary-400\/30 { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:fill-primary-400\/40 { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:fill-primary-400\/50 { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:fill-primary-400\/60 { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:fill-primary-400\/70 { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:fill-primary-400\/80 { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:fill-primary-400\/90 { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:fill-primary-500 { + fill: var(--primary-500) + } + .md\:fill-primary-500\/10 { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:fill-primary-500\/20 { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:fill-primary-500\/30 { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:fill-primary-500\/40 { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:fill-primary-500\/50 { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:fill-primary-500\/60 { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:fill-primary-500\/70 { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:fill-primary-500\/80 { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:fill-primary-500\/90 { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:fill-primary-600 { + fill: var(--primary-600) + } + .md\:fill-primary-600\/10 { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:fill-primary-600\/20 { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:fill-primary-600\/30 { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:fill-primary-600\/40 { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:fill-primary-600\/50 { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:fill-primary-600\/60 { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:fill-primary-600\/70 { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:fill-primary-600\/80 { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:fill-primary-600\/90 { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:fill-primary-700 { + fill: var(--primary-700) + } + .md\:fill-primary-700\/10 { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:fill-primary-700\/20 { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:fill-primary-700\/30 { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:fill-primary-700\/40 { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:fill-primary-700\/50 { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:fill-primary-700\/60 { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:fill-primary-700\/70 { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:fill-primary-700\/80 { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:fill-primary-700\/90 { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:fill-primary-800 { + fill: var(--primary-800) + } + .md\:fill-primary-800\/10 { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:fill-primary-800\/20 { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:fill-primary-800\/30 { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:fill-primary-800\/40 { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:fill-primary-800\/50 { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:fill-primary-800\/60 { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:fill-primary-800\/70 { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:fill-primary-800\/80 { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:fill-primary-800\/90 { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:fill-primary-900 { + fill: var(--primary-900) + } + .md\:fill-primary-900\/10 { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:fill-primary-900\/20 { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:fill-primary-900\/30 { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:fill-primary-900\/40 { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:fill-primary-900\/50 { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:fill-primary-900\/60 { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:fill-primary-900\/70 { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:fill-primary-900\/80 { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:fill-primary-900\/90 { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:fill-blue-50:focus { + fill: var(--blue-50) + } + .md\:hover\:fill-blue-50:hover { + fill: var(--blue-50) + } + .md\:active\:fill-blue-50:active { + fill: var(--blue-50) + } + .md\:focus\:fill-blue-50\/10:focus { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:fill-blue-50\/10:hover { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:fill-blue-50\/10:active { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:fill-blue-50\/20:focus { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:fill-blue-50\/20:hover { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:fill-blue-50\/20:active { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:fill-blue-50\/30:focus { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:fill-blue-50\/30:hover { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:fill-blue-50\/30:active { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:fill-blue-50\/40:focus { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:fill-blue-50\/40:hover { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:fill-blue-50\/40:active { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:fill-blue-50\/50:focus { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:fill-blue-50\/50:hover { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:fill-blue-50\/50:active { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:fill-blue-50\/60:focus { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:fill-blue-50\/60:hover { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:fill-blue-50\/60:active { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:fill-blue-50\/70:focus { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:fill-blue-50\/70:hover { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:fill-blue-50\/70:active { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:fill-blue-50\/80:focus { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:fill-blue-50\/80:hover { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:fill-blue-50\/80:active { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:fill-blue-50\/90:focus { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:fill-blue-50\/90:hover { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:fill-blue-50\/90:active { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:fill-blue-100:focus { + fill: var(--blue-100) + } + .md\:hover\:fill-blue-100:hover { + fill: var(--blue-100) + } + .md\:active\:fill-blue-100:active { + fill: var(--blue-100) + } + .md\:focus\:fill-blue-100\/10:focus { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:fill-blue-100\/10:hover { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:fill-blue-100\/10:active { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:fill-blue-100\/20:focus { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:fill-blue-100\/20:hover { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:fill-blue-100\/20:active { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:fill-blue-100\/30:focus { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:fill-blue-100\/30:hover { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:fill-blue-100\/30:active { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:fill-blue-100\/40:focus { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:fill-blue-100\/40:hover { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:fill-blue-100\/40:active { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:fill-blue-100\/50:focus { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:fill-blue-100\/50:hover { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:fill-blue-100\/50:active { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:fill-blue-100\/60:focus { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:fill-blue-100\/60:hover { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:fill-blue-100\/60:active { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:fill-blue-100\/70:focus { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:fill-blue-100\/70:hover { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:fill-blue-100\/70:active { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:fill-blue-100\/80:focus { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:fill-blue-100\/80:hover { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:fill-blue-100\/80:active { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:fill-blue-100\/90:focus { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:fill-blue-100\/90:hover { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:fill-blue-100\/90:active { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:fill-blue-200:focus { + fill: var(--blue-200) + } + .md\:hover\:fill-blue-200:hover { + fill: var(--blue-200) + } + .md\:active\:fill-blue-200:active { + fill: var(--blue-200) + } + .md\:focus\:fill-blue-200\/10:focus { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:fill-blue-200\/10:hover { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:fill-blue-200\/10:active { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:fill-blue-200\/20:focus { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:fill-blue-200\/20:hover { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:fill-blue-200\/20:active { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:fill-blue-200\/30:focus { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:fill-blue-200\/30:hover { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:fill-blue-200\/30:active { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:fill-blue-200\/40:focus { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:fill-blue-200\/40:hover { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:fill-blue-200\/40:active { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:fill-blue-200\/50:focus { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:fill-blue-200\/50:hover { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:fill-blue-200\/50:active { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:fill-blue-200\/60:focus { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:fill-blue-200\/60:hover { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:fill-blue-200\/60:active { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:fill-blue-200\/70:focus { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:fill-blue-200\/70:hover { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:fill-blue-200\/70:active { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:fill-blue-200\/80:focus { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:fill-blue-200\/80:hover { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:fill-blue-200\/80:active { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:fill-blue-200\/90:focus { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:fill-blue-200\/90:hover { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:fill-blue-200\/90:active { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:fill-blue-300:focus { + fill: var(--blue-300) + } + .md\:hover\:fill-blue-300:hover { + fill: var(--blue-300) + } + .md\:active\:fill-blue-300:active { + fill: var(--blue-300) + } + .md\:focus\:fill-blue-300\/10:focus { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:fill-blue-300\/10:hover { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:fill-blue-300\/10:active { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:fill-blue-300\/20:focus { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:fill-blue-300\/20:hover { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:fill-blue-300\/20:active { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:fill-blue-300\/30:focus { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:fill-blue-300\/30:hover { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:fill-blue-300\/30:active { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:fill-blue-300\/40:focus { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:fill-blue-300\/40:hover { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:fill-blue-300\/40:active { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:fill-blue-300\/50:focus { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:fill-blue-300\/50:hover { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:fill-blue-300\/50:active { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:fill-blue-300\/60:focus { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:fill-blue-300\/60:hover { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:fill-blue-300\/60:active { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:fill-blue-300\/70:focus { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:fill-blue-300\/70:hover { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:fill-blue-300\/70:active { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:fill-blue-300\/80:focus { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:fill-blue-300\/80:hover { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:fill-blue-300\/80:active { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:fill-blue-300\/90:focus { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:fill-blue-300\/90:hover { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:fill-blue-300\/90:active { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:fill-blue-400:focus { + fill: var(--blue-400) + } + .md\:hover\:fill-blue-400:hover { + fill: var(--blue-400) + } + .md\:active\:fill-blue-400:active { + fill: var(--blue-400) + } + .md\:focus\:fill-blue-400\/10:focus { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:fill-blue-400\/10:hover { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:fill-blue-400\/10:active { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:fill-blue-400\/20:focus { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:fill-blue-400\/20:hover { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:fill-blue-400\/20:active { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:fill-blue-400\/30:focus { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:fill-blue-400\/30:hover { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:fill-blue-400\/30:active { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:fill-blue-400\/40:focus { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:fill-blue-400\/40:hover { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:fill-blue-400\/40:active { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:fill-blue-400\/50:focus { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:fill-blue-400\/50:hover { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:fill-blue-400\/50:active { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:fill-blue-400\/60:focus { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:fill-blue-400\/60:hover { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:fill-blue-400\/60:active { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:fill-blue-400\/70:focus { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:fill-blue-400\/70:hover { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:fill-blue-400\/70:active { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:fill-blue-400\/80:focus { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:fill-blue-400\/80:hover { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:fill-blue-400\/80:active { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:fill-blue-400\/90:focus { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:fill-blue-400\/90:hover { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:fill-blue-400\/90:active { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:fill-blue-500:focus { + fill: var(--blue-500) + } + .md\:hover\:fill-blue-500:hover { + fill: var(--blue-500) + } + .md\:active\:fill-blue-500:active { + fill: var(--blue-500) + } + .md\:focus\:fill-blue-500\/10:focus { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:fill-blue-500\/10:hover { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:fill-blue-500\/10:active { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:fill-blue-500\/20:focus { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:fill-blue-500\/20:hover { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:fill-blue-500\/20:active { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:fill-blue-500\/30:focus { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:fill-blue-500\/30:hover { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:fill-blue-500\/30:active { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:fill-blue-500\/40:focus { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:fill-blue-500\/40:hover { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:fill-blue-500\/40:active { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:fill-blue-500\/50:focus { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:fill-blue-500\/50:hover { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:fill-blue-500\/50:active { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:fill-blue-500\/60:focus { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:fill-blue-500\/60:hover { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:fill-blue-500\/60:active { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:fill-blue-500\/70:focus { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:fill-blue-500\/70:hover { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:fill-blue-500\/70:active { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:fill-blue-500\/80:focus { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:fill-blue-500\/80:hover { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:fill-blue-500\/80:active { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:fill-blue-500\/90:focus { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:fill-blue-500\/90:hover { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:fill-blue-500\/90:active { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:fill-blue-600:focus { + fill: var(--blue-600) + } + .md\:hover\:fill-blue-600:hover { + fill: var(--blue-600) + } + .md\:active\:fill-blue-600:active { + fill: var(--blue-600) + } + .md\:focus\:fill-blue-600\/10:focus { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:fill-blue-600\/10:hover { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:fill-blue-600\/10:active { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:fill-blue-600\/20:focus { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:fill-blue-600\/20:hover { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:fill-blue-600\/20:active { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:fill-blue-600\/30:focus { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:fill-blue-600\/30:hover { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:fill-blue-600\/30:active { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:fill-blue-600\/40:focus { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:fill-blue-600\/40:hover { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:fill-blue-600\/40:active { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:fill-blue-600\/50:focus { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:fill-blue-600\/50:hover { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:fill-blue-600\/50:active { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:fill-blue-600\/60:focus { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:fill-blue-600\/60:hover { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:fill-blue-600\/60:active { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:fill-blue-600\/70:focus { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:fill-blue-600\/70:hover { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:fill-blue-600\/70:active { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:fill-blue-600\/80:focus { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:fill-blue-600\/80:hover { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:fill-blue-600\/80:active { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:fill-blue-600\/90:focus { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:fill-blue-600\/90:hover { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:fill-blue-600\/90:active { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:fill-blue-700:focus { + fill: var(--blue-700) + } + .md\:hover\:fill-blue-700:hover { + fill: var(--blue-700) + } + .md\:active\:fill-blue-700:active { + fill: var(--blue-700) + } + .md\:focus\:fill-blue-700\/10:focus { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:fill-blue-700\/10:hover { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:fill-blue-700\/10:active { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:fill-blue-700\/20:focus { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:fill-blue-700\/20:hover { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:fill-blue-700\/20:active { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:fill-blue-700\/30:focus { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:fill-blue-700\/30:hover { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:fill-blue-700\/30:active { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:fill-blue-700\/40:focus { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:fill-blue-700\/40:hover { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:fill-blue-700\/40:active { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:fill-blue-700\/50:focus { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:fill-blue-700\/50:hover { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:fill-blue-700\/50:active { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:fill-blue-700\/60:focus { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:fill-blue-700\/60:hover { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:fill-blue-700\/60:active { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:fill-blue-700\/70:focus { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:fill-blue-700\/70:hover { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:fill-blue-700\/70:active { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:fill-blue-700\/80:focus { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:fill-blue-700\/80:hover { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:fill-blue-700\/80:active { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:fill-blue-700\/90:focus { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:fill-blue-700\/90:hover { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:fill-blue-700\/90:active { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:fill-blue-800:focus { + fill: var(--blue-800) + } + .md\:hover\:fill-blue-800:hover { + fill: var(--blue-800) + } + .md\:active\:fill-blue-800:active { + fill: var(--blue-800) + } + .md\:focus\:fill-blue-800\/10:focus { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:fill-blue-800\/10:hover { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:fill-blue-800\/10:active { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:fill-blue-800\/20:focus { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:fill-blue-800\/20:hover { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:fill-blue-800\/20:active { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:fill-blue-800\/30:focus { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:fill-blue-800\/30:hover { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:fill-blue-800\/30:active { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:fill-blue-800\/40:focus { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:fill-blue-800\/40:hover { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:fill-blue-800\/40:active { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:fill-blue-800\/50:focus { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:fill-blue-800\/50:hover { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:fill-blue-800\/50:active { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:fill-blue-800\/60:focus { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:fill-blue-800\/60:hover { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:fill-blue-800\/60:active { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:fill-blue-800\/70:focus { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:fill-blue-800\/70:hover { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:fill-blue-800\/70:active { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:fill-blue-800\/80:focus { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:fill-blue-800\/80:hover { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:fill-blue-800\/80:active { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:fill-blue-800\/90:focus { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:fill-blue-800\/90:hover { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:fill-blue-800\/90:active { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:fill-blue-900:focus { + fill: var(--blue-900) + } + .md\:hover\:fill-blue-900:hover { + fill: var(--blue-900) + } + .md\:active\:fill-blue-900:active { + fill: var(--blue-900) + } + .md\:focus\:fill-blue-900\/10:focus { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:fill-blue-900\/10:hover { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:fill-blue-900\/10:active { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:fill-blue-900\/20:focus { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:fill-blue-900\/20:hover { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:fill-blue-900\/20:active { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:fill-blue-900\/30:focus { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:fill-blue-900\/30:hover { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:fill-blue-900\/30:active { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:fill-blue-900\/40:focus { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:fill-blue-900\/40:hover { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:fill-blue-900\/40:active { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:fill-blue-900\/50:focus { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:fill-blue-900\/50:hover { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:fill-blue-900\/50:active { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:fill-blue-900\/60:focus { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:fill-blue-900\/60:hover { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:fill-blue-900\/60:active { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:fill-blue-900\/70:focus { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:fill-blue-900\/70:hover { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:fill-blue-900\/70:active { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:fill-blue-900\/80:focus { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:fill-blue-900\/80:hover { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:fill-blue-900\/80:active { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:fill-blue-900\/90:focus { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:fill-blue-900\/90:hover { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:fill-blue-900\/90:active { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:fill-green-50:focus { + fill: var(--green-50) + } + .md\:hover\:fill-green-50:hover { + fill: var(--green-50) + } + .md\:active\:fill-green-50:active { + fill: var(--green-50) + } + .md\:focus\:fill-green-50\/10:focus { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:fill-green-50\/10:hover { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:fill-green-50\/10:active { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:fill-green-50\/20:focus { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:fill-green-50\/20:hover { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:fill-green-50\/20:active { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:fill-green-50\/30:focus { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:fill-green-50\/30:hover { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:fill-green-50\/30:active { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:fill-green-50\/40:focus { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:fill-green-50\/40:hover { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:fill-green-50\/40:active { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:fill-green-50\/50:focus { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:fill-green-50\/50:hover { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:fill-green-50\/50:active { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:fill-green-50\/60:focus { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:fill-green-50\/60:hover { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:fill-green-50\/60:active { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:fill-green-50\/70:focus { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:fill-green-50\/70:hover { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:fill-green-50\/70:active { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:fill-green-50\/80:focus { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:fill-green-50\/80:hover { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:fill-green-50\/80:active { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:fill-green-50\/90:focus { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:fill-green-50\/90:hover { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:fill-green-50\/90:active { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:fill-green-100:focus { + fill: var(--green-100) + } + .md\:hover\:fill-green-100:hover { + fill: var(--green-100) + } + .md\:active\:fill-green-100:active { + fill: var(--green-100) + } + .md\:focus\:fill-green-100\/10:focus { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:fill-green-100\/10:hover { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:fill-green-100\/10:active { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:fill-green-100\/20:focus { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:fill-green-100\/20:hover { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:fill-green-100\/20:active { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:fill-green-100\/30:focus { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:fill-green-100\/30:hover { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:fill-green-100\/30:active { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:fill-green-100\/40:focus { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:fill-green-100\/40:hover { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:fill-green-100\/40:active { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:fill-green-100\/50:focus { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:fill-green-100\/50:hover { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:fill-green-100\/50:active { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:fill-green-100\/60:focus { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:fill-green-100\/60:hover { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:fill-green-100\/60:active { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:fill-green-100\/70:focus { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:fill-green-100\/70:hover { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:fill-green-100\/70:active { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:fill-green-100\/80:focus { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:fill-green-100\/80:hover { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:fill-green-100\/80:active { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:fill-green-100\/90:focus { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:fill-green-100\/90:hover { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:fill-green-100\/90:active { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:fill-green-200:focus { + fill: var(--green-200) + } + .md\:hover\:fill-green-200:hover { + fill: var(--green-200) + } + .md\:active\:fill-green-200:active { + fill: var(--green-200) + } + .md\:focus\:fill-green-200\/10:focus { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:fill-green-200\/10:hover { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:fill-green-200\/10:active { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:fill-green-200\/20:focus { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:fill-green-200\/20:hover { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:fill-green-200\/20:active { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:fill-green-200\/30:focus { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:fill-green-200\/30:hover { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:fill-green-200\/30:active { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:fill-green-200\/40:focus { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:fill-green-200\/40:hover { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:fill-green-200\/40:active { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:fill-green-200\/50:focus { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:fill-green-200\/50:hover { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:fill-green-200\/50:active { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:fill-green-200\/60:focus { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:fill-green-200\/60:hover { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:fill-green-200\/60:active { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:fill-green-200\/70:focus { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:fill-green-200\/70:hover { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:fill-green-200\/70:active { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:fill-green-200\/80:focus { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:fill-green-200\/80:hover { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:fill-green-200\/80:active { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:fill-green-200\/90:focus { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:fill-green-200\/90:hover { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:fill-green-200\/90:active { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:fill-green-300:focus { + fill: var(--green-300) + } + .md\:hover\:fill-green-300:hover { + fill: var(--green-300) + } + .md\:active\:fill-green-300:active { + fill: var(--green-300) + } + .md\:focus\:fill-green-300\/10:focus { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:fill-green-300\/10:hover { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:fill-green-300\/10:active { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:fill-green-300\/20:focus { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:fill-green-300\/20:hover { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:fill-green-300\/20:active { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:fill-green-300\/30:focus { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:fill-green-300\/30:hover { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:fill-green-300\/30:active { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:fill-green-300\/40:focus { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:fill-green-300\/40:hover { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:fill-green-300\/40:active { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:fill-green-300\/50:focus { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:fill-green-300\/50:hover { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:fill-green-300\/50:active { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:fill-green-300\/60:focus { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:fill-green-300\/60:hover { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:fill-green-300\/60:active { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:fill-green-300\/70:focus { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:fill-green-300\/70:hover { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:fill-green-300\/70:active { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:fill-green-300\/80:focus { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:fill-green-300\/80:hover { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:fill-green-300\/80:active { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:fill-green-300\/90:focus { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:fill-green-300\/90:hover { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:fill-green-300\/90:active { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:fill-green-400:focus { + fill: var(--green-400) + } + .md\:hover\:fill-green-400:hover { + fill: var(--green-400) + } + .md\:active\:fill-green-400:active { + fill: var(--green-400) + } + .md\:focus\:fill-green-400\/10:focus { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:fill-green-400\/10:hover { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:fill-green-400\/10:active { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:fill-green-400\/20:focus { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:fill-green-400\/20:hover { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:fill-green-400\/20:active { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:fill-green-400\/30:focus { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:fill-green-400\/30:hover { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:fill-green-400\/30:active { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:fill-green-400\/40:focus { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:fill-green-400\/40:hover { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:fill-green-400\/40:active { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:fill-green-400\/50:focus { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:fill-green-400\/50:hover { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:fill-green-400\/50:active { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:fill-green-400\/60:focus { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:fill-green-400\/60:hover { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:fill-green-400\/60:active { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:fill-green-400\/70:focus { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:fill-green-400\/70:hover { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:fill-green-400\/70:active { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:fill-green-400\/80:focus { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:fill-green-400\/80:hover { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:fill-green-400\/80:active { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:fill-green-400\/90:focus { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:fill-green-400\/90:hover { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:fill-green-400\/90:active { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:fill-green-500:focus { + fill: var(--green-500) + } + .md\:hover\:fill-green-500:hover { + fill: var(--green-500) + } + .md\:active\:fill-green-500:active { + fill: var(--green-500) + } + .md\:focus\:fill-green-500\/10:focus { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:fill-green-500\/10:hover { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:fill-green-500\/10:active { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:fill-green-500\/20:focus { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:fill-green-500\/20:hover { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:fill-green-500\/20:active { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:fill-green-500\/30:focus { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:fill-green-500\/30:hover { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:fill-green-500\/30:active { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:fill-green-500\/40:focus { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:fill-green-500\/40:hover { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:fill-green-500\/40:active { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:fill-green-500\/50:focus { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:fill-green-500\/50:hover { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:fill-green-500\/50:active { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:fill-green-500\/60:focus { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:fill-green-500\/60:hover { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:fill-green-500\/60:active { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:fill-green-500\/70:focus { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:fill-green-500\/70:hover { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:fill-green-500\/70:active { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:fill-green-500\/80:focus { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:fill-green-500\/80:hover { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:fill-green-500\/80:active { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:fill-green-500\/90:focus { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:fill-green-500\/90:hover { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:fill-green-500\/90:active { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:fill-green-600:focus { + fill: var(--green-600) + } + .md\:hover\:fill-green-600:hover { + fill: var(--green-600) + } + .md\:active\:fill-green-600:active { + fill: var(--green-600) + } + .md\:focus\:fill-green-600\/10:focus { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:fill-green-600\/10:hover { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:fill-green-600\/10:active { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:fill-green-600\/20:focus { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:fill-green-600\/20:hover { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:fill-green-600\/20:active { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:fill-green-600\/30:focus { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:fill-green-600\/30:hover { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:fill-green-600\/30:active { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:fill-green-600\/40:focus { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:fill-green-600\/40:hover { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:fill-green-600\/40:active { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:fill-green-600\/50:focus { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:fill-green-600\/50:hover { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:fill-green-600\/50:active { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:fill-green-600\/60:focus { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:fill-green-600\/60:hover { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:fill-green-600\/60:active { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:fill-green-600\/70:focus { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:fill-green-600\/70:hover { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:fill-green-600\/70:active { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:fill-green-600\/80:focus { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:fill-green-600\/80:hover { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:fill-green-600\/80:active { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:fill-green-600\/90:focus { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:fill-green-600\/90:hover { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:fill-green-600\/90:active { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:fill-green-700:focus { + fill: var(--green-700) + } + .md\:hover\:fill-green-700:hover { + fill: var(--green-700) + } + .md\:active\:fill-green-700:active { + fill: var(--green-700) + } + .md\:focus\:fill-green-700\/10:focus { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:fill-green-700\/10:hover { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:fill-green-700\/10:active { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:fill-green-700\/20:focus { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:fill-green-700\/20:hover { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:fill-green-700\/20:active { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:fill-green-700\/30:focus { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:fill-green-700\/30:hover { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:fill-green-700\/30:active { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:fill-green-700\/40:focus { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:fill-green-700\/40:hover { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:fill-green-700\/40:active { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:fill-green-700\/50:focus { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:fill-green-700\/50:hover { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:fill-green-700\/50:active { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:fill-green-700\/60:focus { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:fill-green-700\/60:hover { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:fill-green-700\/60:active { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:fill-green-700\/70:focus { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:fill-green-700\/70:hover { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:fill-green-700\/70:active { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:fill-green-700\/80:focus { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:fill-green-700\/80:hover { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:fill-green-700\/80:active { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:fill-green-700\/90:focus { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:fill-green-700\/90:hover { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:fill-green-700\/90:active { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:fill-green-800:focus { + fill: var(--green-800) + } + .md\:hover\:fill-green-800:hover { + fill: var(--green-800) + } + .md\:active\:fill-green-800:active { + fill: var(--green-800) + } + .md\:focus\:fill-green-800\/10:focus { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:fill-green-800\/10:hover { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:fill-green-800\/10:active { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:fill-green-800\/20:focus { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:fill-green-800\/20:hover { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:fill-green-800\/20:active { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:fill-green-800\/30:focus { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:fill-green-800\/30:hover { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:fill-green-800\/30:active { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:fill-green-800\/40:focus { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:fill-green-800\/40:hover { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:fill-green-800\/40:active { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:fill-green-800\/50:focus { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:fill-green-800\/50:hover { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:fill-green-800\/50:active { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:fill-green-800\/60:focus { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:fill-green-800\/60:hover { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:fill-green-800\/60:active { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:fill-green-800\/70:focus { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:fill-green-800\/70:hover { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:fill-green-800\/70:active { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:fill-green-800\/80:focus { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:fill-green-800\/80:hover { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:fill-green-800\/80:active { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:fill-green-800\/90:focus { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:fill-green-800\/90:hover { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:fill-green-800\/90:active { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:fill-green-900:focus { + fill: var(--green-900) + } + .md\:hover\:fill-green-900:hover { + fill: var(--green-900) + } + .md\:active\:fill-green-900:active { + fill: var(--green-900) + } + .md\:focus\:fill-green-900\/10:focus { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:fill-green-900\/10:hover { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:fill-green-900\/10:active { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:fill-green-900\/20:focus { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:fill-green-900\/20:hover { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:fill-green-900\/20:active { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:fill-green-900\/30:focus { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:fill-green-900\/30:hover { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:fill-green-900\/30:active { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:fill-green-900\/40:focus { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:fill-green-900\/40:hover { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:fill-green-900\/40:active { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:fill-green-900\/50:focus { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:fill-green-900\/50:hover { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:fill-green-900\/50:active { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:fill-green-900\/60:focus { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:fill-green-900\/60:hover { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:fill-green-900\/60:active { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:fill-green-900\/70:focus { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:fill-green-900\/70:hover { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:fill-green-900\/70:active { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:fill-green-900\/80:focus { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:fill-green-900\/80:hover { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:fill-green-900\/80:active { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:fill-green-900\/90:focus { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:fill-green-900\/90:hover { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:fill-green-900\/90:active { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:fill-yellow-50:focus { + fill: var(--yellow-50) + } + .md\:hover\:fill-yellow-50:hover { + fill: var(--yellow-50) + } + .md\:active\:fill-yellow-50:active { + fill: var(--yellow-50) + } + .md\:focus\:fill-yellow-50\/10:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:fill-yellow-50\/10:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:fill-yellow-50\/10:active { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:fill-yellow-50\/20:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:fill-yellow-50\/20:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:fill-yellow-50\/20:active { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:fill-yellow-50\/30:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:fill-yellow-50\/30:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:fill-yellow-50\/30:active { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:fill-yellow-50\/40:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:fill-yellow-50\/40:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:fill-yellow-50\/40:active { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:fill-yellow-50\/50:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:fill-yellow-50\/50:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:fill-yellow-50\/50:active { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:fill-yellow-50\/60:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:fill-yellow-50\/60:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:fill-yellow-50\/60:active { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:fill-yellow-50\/70:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:fill-yellow-50\/70:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:fill-yellow-50\/70:active { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:fill-yellow-50\/80:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:fill-yellow-50\/80:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:fill-yellow-50\/80:active { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:fill-yellow-50\/90:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:fill-yellow-50\/90:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:fill-yellow-50\/90:active { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:fill-yellow-100:focus { + fill: var(--yellow-100) + } + .md\:hover\:fill-yellow-100:hover { + fill: var(--yellow-100) + } + .md\:active\:fill-yellow-100:active { + fill: var(--yellow-100) + } + .md\:focus\:fill-yellow-100\/10:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:fill-yellow-100\/10:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:fill-yellow-100\/10:active { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:fill-yellow-100\/20:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:fill-yellow-100\/20:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:fill-yellow-100\/20:active { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:fill-yellow-100\/30:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:fill-yellow-100\/30:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:fill-yellow-100\/30:active { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:fill-yellow-100\/40:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:fill-yellow-100\/40:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:fill-yellow-100\/40:active { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:fill-yellow-100\/50:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:fill-yellow-100\/50:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:fill-yellow-100\/50:active { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:fill-yellow-100\/60:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:fill-yellow-100\/60:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:fill-yellow-100\/60:active { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:fill-yellow-100\/70:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:fill-yellow-100\/70:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:fill-yellow-100\/70:active { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:fill-yellow-100\/80:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:fill-yellow-100\/80:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:fill-yellow-100\/80:active { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:fill-yellow-100\/90:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:fill-yellow-100\/90:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:fill-yellow-100\/90:active { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:fill-yellow-200:focus { + fill: var(--yellow-200) + } + .md\:hover\:fill-yellow-200:hover { + fill: var(--yellow-200) + } + .md\:active\:fill-yellow-200:active { + fill: var(--yellow-200) + } + .md\:focus\:fill-yellow-200\/10:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:fill-yellow-200\/10:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:fill-yellow-200\/10:active { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:fill-yellow-200\/20:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:fill-yellow-200\/20:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:fill-yellow-200\/20:active { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:fill-yellow-200\/30:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:fill-yellow-200\/30:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:fill-yellow-200\/30:active { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:fill-yellow-200\/40:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:fill-yellow-200\/40:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:fill-yellow-200\/40:active { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:fill-yellow-200\/50:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:fill-yellow-200\/50:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:fill-yellow-200\/50:active { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:fill-yellow-200\/60:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:fill-yellow-200\/60:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:fill-yellow-200\/60:active { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:fill-yellow-200\/70:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:fill-yellow-200\/70:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:fill-yellow-200\/70:active { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:fill-yellow-200\/80:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:fill-yellow-200\/80:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:fill-yellow-200\/80:active { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:fill-yellow-200\/90:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:fill-yellow-200\/90:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:fill-yellow-200\/90:active { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:fill-yellow-300:focus { + fill: var(--yellow-300) + } + .md\:hover\:fill-yellow-300:hover { + fill: var(--yellow-300) + } + .md\:active\:fill-yellow-300:active { + fill: var(--yellow-300) + } + .md\:focus\:fill-yellow-300\/10:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:fill-yellow-300\/10:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:fill-yellow-300\/10:active { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:fill-yellow-300\/20:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:fill-yellow-300\/20:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:fill-yellow-300\/20:active { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:fill-yellow-300\/30:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:fill-yellow-300\/30:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:fill-yellow-300\/30:active { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:fill-yellow-300\/40:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:fill-yellow-300\/40:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:fill-yellow-300\/40:active { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:fill-yellow-300\/50:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:fill-yellow-300\/50:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:fill-yellow-300\/50:active { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:fill-yellow-300\/60:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:fill-yellow-300\/60:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:fill-yellow-300\/60:active { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:fill-yellow-300\/70:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:fill-yellow-300\/70:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:fill-yellow-300\/70:active { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:fill-yellow-300\/80:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:fill-yellow-300\/80:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:fill-yellow-300\/80:active { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:fill-yellow-300\/90:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:fill-yellow-300\/90:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:fill-yellow-300\/90:active { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:fill-yellow-400:focus { + fill: var(--yellow-400) + } + .md\:hover\:fill-yellow-400:hover { + fill: var(--yellow-400) + } + .md\:active\:fill-yellow-400:active { + fill: var(--yellow-400) + } + .md\:focus\:fill-yellow-400\/10:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:fill-yellow-400\/10:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:fill-yellow-400\/10:active { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:fill-yellow-400\/20:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:fill-yellow-400\/20:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:fill-yellow-400\/20:active { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:fill-yellow-400\/30:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:fill-yellow-400\/30:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:fill-yellow-400\/30:active { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:fill-yellow-400\/40:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:fill-yellow-400\/40:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:fill-yellow-400\/40:active { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:fill-yellow-400\/50:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:fill-yellow-400\/50:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:fill-yellow-400\/50:active { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:fill-yellow-400\/60:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:fill-yellow-400\/60:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:fill-yellow-400\/60:active { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:fill-yellow-400\/70:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:fill-yellow-400\/70:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:fill-yellow-400\/70:active { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:fill-yellow-400\/80:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:fill-yellow-400\/80:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:fill-yellow-400\/80:active { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:fill-yellow-400\/90:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:fill-yellow-400\/90:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:fill-yellow-400\/90:active { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:fill-yellow-500:focus { + fill: var(--yellow-500) + } + .md\:hover\:fill-yellow-500:hover { + fill: var(--yellow-500) + } + .md\:active\:fill-yellow-500:active { + fill: var(--yellow-500) + } + .md\:focus\:fill-yellow-500\/10:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:fill-yellow-500\/10:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:fill-yellow-500\/10:active { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:fill-yellow-500\/20:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:fill-yellow-500\/20:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:fill-yellow-500\/20:active { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:fill-yellow-500\/30:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:fill-yellow-500\/30:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:fill-yellow-500\/30:active { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:fill-yellow-500\/40:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:fill-yellow-500\/40:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:fill-yellow-500\/40:active { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:fill-yellow-500\/50:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:fill-yellow-500\/50:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:fill-yellow-500\/50:active { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:fill-yellow-500\/60:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:fill-yellow-500\/60:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:fill-yellow-500\/60:active { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:fill-yellow-500\/70:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:fill-yellow-500\/70:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:fill-yellow-500\/70:active { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:fill-yellow-500\/80:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:fill-yellow-500\/80:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:fill-yellow-500\/80:active { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:fill-yellow-500\/90:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:fill-yellow-500\/90:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:fill-yellow-500\/90:active { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:fill-yellow-600:focus { + fill: var(--yellow-600) + } + .md\:hover\:fill-yellow-600:hover { + fill: var(--yellow-600) + } + .md\:active\:fill-yellow-600:active { + fill: var(--yellow-600) + } + .md\:focus\:fill-yellow-600\/10:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:fill-yellow-600\/10:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:fill-yellow-600\/10:active { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:fill-yellow-600\/20:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:fill-yellow-600\/20:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:fill-yellow-600\/20:active { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:fill-yellow-600\/30:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:fill-yellow-600\/30:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:fill-yellow-600\/30:active { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:fill-yellow-600\/40:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:fill-yellow-600\/40:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:fill-yellow-600\/40:active { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:fill-yellow-600\/50:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:fill-yellow-600\/50:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:fill-yellow-600\/50:active { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:fill-yellow-600\/60:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:fill-yellow-600\/60:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:fill-yellow-600\/60:active { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:fill-yellow-600\/70:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:fill-yellow-600\/70:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:fill-yellow-600\/70:active { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:fill-yellow-600\/80:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:fill-yellow-600\/80:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:fill-yellow-600\/80:active { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:fill-yellow-600\/90:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:fill-yellow-600\/90:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:fill-yellow-600\/90:active { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:fill-yellow-700:focus { + fill: var(--yellow-700) + } + .md\:hover\:fill-yellow-700:hover { + fill: var(--yellow-700) + } + .md\:active\:fill-yellow-700:active { + fill: var(--yellow-700) + } + .md\:focus\:fill-yellow-700\/10:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:fill-yellow-700\/10:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:fill-yellow-700\/10:active { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:fill-yellow-700\/20:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:fill-yellow-700\/20:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:fill-yellow-700\/20:active { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:fill-yellow-700\/30:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:fill-yellow-700\/30:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:fill-yellow-700\/30:active { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:fill-yellow-700\/40:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:fill-yellow-700\/40:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:fill-yellow-700\/40:active { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:fill-yellow-700\/50:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:fill-yellow-700\/50:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:fill-yellow-700\/50:active { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:fill-yellow-700\/60:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:fill-yellow-700\/60:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:fill-yellow-700\/60:active { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:fill-yellow-700\/70:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:fill-yellow-700\/70:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:fill-yellow-700\/70:active { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:fill-yellow-700\/80:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:fill-yellow-700\/80:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:fill-yellow-700\/80:active { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:fill-yellow-700\/90:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:fill-yellow-700\/90:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:fill-yellow-700\/90:active { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:fill-yellow-800:focus { + fill: var(--yellow-800) + } + .md\:hover\:fill-yellow-800:hover { + fill: var(--yellow-800) + } + .md\:active\:fill-yellow-800:active { + fill: var(--yellow-800) + } + .md\:focus\:fill-yellow-800\/10:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:fill-yellow-800\/10:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:fill-yellow-800\/10:active { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:fill-yellow-800\/20:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:fill-yellow-800\/20:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:fill-yellow-800\/20:active { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:fill-yellow-800\/30:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:fill-yellow-800\/30:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:fill-yellow-800\/30:active { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:fill-yellow-800\/40:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:fill-yellow-800\/40:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:fill-yellow-800\/40:active { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:fill-yellow-800\/50:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:fill-yellow-800\/50:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:fill-yellow-800\/50:active { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:fill-yellow-800\/60:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:fill-yellow-800\/60:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:fill-yellow-800\/60:active { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:fill-yellow-800\/70:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:fill-yellow-800\/70:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:fill-yellow-800\/70:active { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:fill-yellow-800\/80:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:fill-yellow-800\/80:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:fill-yellow-800\/80:active { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:fill-yellow-800\/90:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:fill-yellow-800\/90:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:fill-yellow-800\/90:active { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:fill-yellow-900:focus { + fill: var(--yellow-900) + } + .md\:hover\:fill-yellow-900:hover { + fill: var(--yellow-900) + } + .md\:active\:fill-yellow-900:active { + fill: var(--yellow-900) + } + .md\:focus\:fill-yellow-900\/10:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:fill-yellow-900\/10:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:fill-yellow-900\/10:active { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:fill-yellow-900\/20:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:fill-yellow-900\/20:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:fill-yellow-900\/20:active { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:fill-yellow-900\/30:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:fill-yellow-900\/30:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:fill-yellow-900\/30:active { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:fill-yellow-900\/40:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:fill-yellow-900\/40:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:fill-yellow-900\/40:active { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:fill-yellow-900\/50:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:fill-yellow-900\/50:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:fill-yellow-900\/50:active { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:fill-yellow-900\/60:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:fill-yellow-900\/60:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:fill-yellow-900\/60:active { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:fill-yellow-900\/70:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:fill-yellow-900\/70:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:fill-yellow-900\/70:active { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:fill-yellow-900\/80:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:fill-yellow-900\/80:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:fill-yellow-900\/80:active { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:fill-yellow-900\/90:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:fill-yellow-900\/90:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:fill-yellow-900\/90:active { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:fill-cyan-50:focus { + fill: var(--cyan-50) + } + .md\:hover\:fill-cyan-50:hover { + fill: var(--cyan-50) + } + .md\:active\:fill-cyan-50:active { + fill: var(--cyan-50) + } + .md\:focus\:fill-cyan-50\/10:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:fill-cyan-50\/10:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:fill-cyan-50\/10:active { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:fill-cyan-50\/20:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:fill-cyan-50\/20:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:fill-cyan-50\/20:active { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:fill-cyan-50\/30:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:fill-cyan-50\/30:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:fill-cyan-50\/30:active { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:fill-cyan-50\/40:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:fill-cyan-50\/40:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:fill-cyan-50\/40:active { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:fill-cyan-50\/50:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:fill-cyan-50\/50:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:fill-cyan-50\/50:active { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:fill-cyan-50\/60:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:fill-cyan-50\/60:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:fill-cyan-50\/60:active { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:fill-cyan-50\/70:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:fill-cyan-50\/70:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:fill-cyan-50\/70:active { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:fill-cyan-50\/80:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:fill-cyan-50\/80:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:fill-cyan-50\/80:active { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:fill-cyan-50\/90:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:fill-cyan-50\/90:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:fill-cyan-50\/90:active { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:fill-cyan-100:focus { + fill: var(--cyan-100) + } + .md\:hover\:fill-cyan-100:hover { + fill: var(--cyan-100) + } + .md\:active\:fill-cyan-100:active { + fill: var(--cyan-100) + } + .md\:focus\:fill-cyan-100\/10:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:fill-cyan-100\/10:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:fill-cyan-100\/10:active { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:fill-cyan-100\/20:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:fill-cyan-100\/20:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:fill-cyan-100\/20:active { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:fill-cyan-100\/30:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:fill-cyan-100\/30:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:fill-cyan-100\/30:active { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:fill-cyan-100\/40:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:fill-cyan-100\/40:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:fill-cyan-100\/40:active { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:fill-cyan-100\/50:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:fill-cyan-100\/50:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:fill-cyan-100\/50:active { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:fill-cyan-100\/60:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:fill-cyan-100\/60:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:fill-cyan-100\/60:active { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:fill-cyan-100\/70:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:fill-cyan-100\/70:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:fill-cyan-100\/70:active { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:fill-cyan-100\/80:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:fill-cyan-100\/80:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:fill-cyan-100\/80:active { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:fill-cyan-100\/90:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:fill-cyan-100\/90:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:fill-cyan-100\/90:active { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:fill-cyan-200:focus { + fill: var(--cyan-200) + } + .md\:hover\:fill-cyan-200:hover { + fill: var(--cyan-200) + } + .md\:active\:fill-cyan-200:active { + fill: var(--cyan-200) + } + .md\:focus\:fill-cyan-200\/10:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:fill-cyan-200\/10:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:fill-cyan-200\/10:active { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:fill-cyan-200\/20:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:fill-cyan-200\/20:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:fill-cyan-200\/20:active { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:fill-cyan-200\/30:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:fill-cyan-200\/30:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:fill-cyan-200\/30:active { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:fill-cyan-200\/40:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:fill-cyan-200\/40:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:fill-cyan-200\/40:active { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:fill-cyan-200\/50:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:fill-cyan-200\/50:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:fill-cyan-200\/50:active { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:fill-cyan-200\/60:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:fill-cyan-200\/60:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:fill-cyan-200\/60:active { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:fill-cyan-200\/70:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:fill-cyan-200\/70:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:fill-cyan-200\/70:active { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:fill-cyan-200\/80:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:fill-cyan-200\/80:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:fill-cyan-200\/80:active { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:fill-cyan-200\/90:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:fill-cyan-200\/90:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:fill-cyan-200\/90:active { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:fill-cyan-300:focus { + fill: var(--cyan-300) + } + .md\:hover\:fill-cyan-300:hover { + fill: var(--cyan-300) + } + .md\:active\:fill-cyan-300:active { + fill: var(--cyan-300) + } + .md\:focus\:fill-cyan-300\/10:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:fill-cyan-300\/10:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:fill-cyan-300\/10:active { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:fill-cyan-300\/20:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:fill-cyan-300\/20:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:fill-cyan-300\/20:active { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:fill-cyan-300\/30:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:fill-cyan-300\/30:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:fill-cyan-300\/30:active { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:fill-cyan-300\/40:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:fill-cyan-300\/40:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:fill-cyan-300\/40:active { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:fill-cyan-300\/50:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:fill-cyan-300\/50:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:fill-cyan-300\/50:active { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:fill-cyan-300\/60:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:fill-cyan-300\/60:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:fill-cyan-300\/60:active { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:fill-cyan-300\/70:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:fill-cyan-300\/70:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:fill-cyan-300\/70:active { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:fill-cyan-300\/80:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:fill-cyan-300\/80:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:fill-cyan-300\/80:active { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:fill-cyan-300\/90:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:fill-cyan-300\/90:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:fill-cyan-300\/90:active { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:fill-cyan-400:focus { + fill: var(--cyan-400) + } + .md\:hover\:fill-cyan-400:hover { + fill: var(--cyan-400) + } + .md\:active\:fill-cyan-400:active { + fill: var(--cyan-400) + } + .md\:focus\:fill-cyan-400\/10:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:fill-cyan-400\/10:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:fill-cyan-400\/10:active { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:fill-cyan-400\/20:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:fill-cyan-400\/20:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:fill-cyan-400\/20:active { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:fill-cyan-400\/30:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:fill-cyan-400\/30:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:fill-cyan-400\/30:active { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:fill-cyan-400\/40:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:fill-cyan-400\/40:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:fill-cyan-400\/40:active { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:fill-cyan-400\/50:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:fill-cyan-400\/50:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:fill-cyan-400\/50:active { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:fill-cyan-400\/60:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:fill-cyan-400\/60:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:fill-cyan-400\/60:active { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:fill-cyan-400\/70:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:fill-cyan-400\/70:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:fill-cyan-400\/70:active { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:fill-cyan-400\/80:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:fill-cyan-400\/80:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:fill-cyan-400\/80:active { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:fill-cyan-400\/90:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:fill-cyan-400\/90:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:fill-cyan-400\/90:active { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:fill-cyan-500:focus { + fill: var(--cyan-500) + } + .md\:hover\:fill-cyan-500:hover { + fill: var(--cyan-500) + } + .md\:active\:fill-cyan-500:active { + fill: var(--cyan-500) + } + .md\:focus\:fill-cyan-500\/10:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:fill-cyan-500\/10:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:fill-cyan-500\/10:active { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:fill-cyan-500\/20:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:fill-cyan-500\/20:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:fill-cyan-500\/20:active { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:fill-cyan-500\/30:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:fill-cyan-500\/30:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:fill-cyan-500\/30:active { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:fill-cyan-500\/40:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:fill-cyan-500\/40:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:fill-cyan-500\/40:active { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:fill-cyan-500\/50:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:fill-cyan-500\/50:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:fill-cyan-500\/50:active { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:fill-cyan-500\/60:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:fill-cyan-500\/60:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:fill-cyan-500\/60:active { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:fill-cyan-500\/70:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:fill-cyan-500\/70:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:fill-cyan-500\/70:active { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:fill-cyan-500\/80:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:fill-cyan-500\/80:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:fill-cyan-500\/80:active { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:fill-cyan-500\/90:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:fill-cyan-500\/90:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:fill-cyan-500\/90:active { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:fill-cyan-600:focus { + fill: var(--cyan-600) + } + .md\:hover\:fill-cyan-600:hover { + fill: var(--cyan-600) + } + .md\:active\:fill-cyan-600:active { + fill: var(--cyan-600) + } + .md\:focus\:fill-cyan-600\/10:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:fill-cyan-600\/10:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:fill-cyan-600\/10:active { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:fill-cyan-600\/20:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:fill-cyan-600\/20:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:fill-cyan-600\/20:active { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:fill-cyan-600\/30:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:fill-cyan-600\/30:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:fill-cyan-600\/30:active { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:fill-cyan-600\/40:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:fill-cyan-600\/40:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:fill-cyan-600\/40:active { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:fill-cyan-600\/50:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:fill-cyan-600\/50:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:fill-cyan-600\/50:active { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:fill-cyan-600\/60:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:fill-cyan-600\/60:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:fill-cyan-600\/60:active { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:fill-cyan-600\/70:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:fill-cyan-600\/70:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:fill-cyan-600\/70:active { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:fill-cyan-600\/80:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:fill-cyan-600\/80:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:fill-cyan-600\/80:active { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:fill-cyan-600\/90:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:fill-cyan-600\/90:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:fill-cyan-600\/90:active { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:fill-cyan-700:focus { + fill: var(--cyan-700) + } + .md\:hover\:fill-cyan-700:hover { + fill: var(--cyan-700) + } + .md\:active\:fill-cyan-700:active { + fill: var(--cyan-700) + } + .md\:focus\:fill-cyan-700\/10:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:fill-cyan-700\/10:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:fill-cyan-700\/10:active { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:fill-cyan-700\/20:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:fill-cyan-700\/20:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:fill-cyan-700\/20:active { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:fill-cyan-700\/30:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:fill-cyan-700\/30:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:fill-cyan-700\/30:active { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:fill-cyan-700\/40:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:fill-cyan-700\/40:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:fill-cyan-700\/40:active { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:fill-cyan-700\/50:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:fill-cyan-700\/50:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:fill-cyan-700\/50:active { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:fill-cyan-700\/60:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:fill-cyan-700\/60:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:fill-cyan-700\/60:active { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:fill-cyan-700\/70:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:fill-cyan-700\/70:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:fill-cyan-700\/70:active { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:fill-cyan-700\/80:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:fill-cyan-700\/80:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:fill-cyan-700\/80:active { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:fill-cyan-700\/90:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:fill-cyan-700\/90:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:fill-cyan-700\/90:active { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:fill-cyan-800:focus { + fill: var(--cyan-800) + } + .md\:hover\:fill-cyan-800:hover { + fill: var(--cyan-800) + } + .md\:active\:fill-cyan-800:active { + fill: var(--cyan-800) + } + .md\:focus\:fill-cyan-800\/10:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:fill-cyan-800\/10:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:fill-cyan-800\/10:active { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:fill-cyan-800\/20:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:fill-cyan-800\/20:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:fill-cyan-800\/20:active { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:fill-cyan-800\/30:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:fill-cyan-800\/30:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:fill-cyan-800\/30:active { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:fill-cyan-800\/40:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:fill-cyan-800\/40:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:fill-cyan-800\/40:active { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:fill-cyan-800\/50:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:fill-cyan-800\/50:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:fill-cyan-800\/50:active { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:fill-cyan-800\/60:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:fill-cyan-800\/60:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:fill-cyan-800\/60:active { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:fill-cyan-800\/70:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:fill-cyan-800\/70:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:fill-cyan-800\/70:active { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:fill-cyan-800\/80:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:fill-cyan-800\/80:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:fill-cyan-800\/80:active { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:fill-cyan-800\/90:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:fill-cyan-800\/90:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:fill-cyan-800\/90:active { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:fill-cyan-900:focus { + fill: var(--cyan-900) + } + .md\:hover\:fill-cyan-900:hover { + fill: var(--cyan-900) + } + .md\:active\:fill-cyan-900:active { + fill: var(--cyan-900) + } + .md\:focus\:fill-cyan-900\/10:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:fill-cyan-900\/10:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:fill-cyan-900\/10:active { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:fill-cyan-900\/20:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:fill-cyan-900\/20:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:fill-cyan-900\/20:active { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:fill-cyan-900\/30:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:fill-cyan-900\/30:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:fill-cyan-900\/30:active { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:fill-cyan-900\/40:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:fill-cyan-900\/40:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:fill-cyan-900\/40:active { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:fill-cyan-900\/50:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:fill-cyan-900\/50:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:fill-cyan-900\/50:active { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:fill-cyan-900\/60:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:fill-cyan-900\/60:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:fill-cyan-900\/60:active { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:fill-cyan-900\/70:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:fill-cyan-900\/70:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:fill-cyan-900\/70:active { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:fill-cyan-900\/80:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:fill-cyan-900\/80:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:fill-cyan-900\/80:active { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:fill-cyan-900\/90:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:fill-cyan-900\/90:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:fill-cyan-900\/90:active { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:fill-pink-50:focus { + fill: var(--pink-50) + } + .md\:hover\:fill-pink-50:hover { + fill: var(--pink-50) + } + .md\:active\:fill-pink-50:active { + fill: var(--pink-50) + } + .md\:focus\:fill-pink-50\/10:focus { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:fill-pink-50\/10:hover { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:fill-pink-50\/10:active { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:fill-pink-50\/20:focus { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:fill-pink-50\/20:hover { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:fill-pink-50\/20:active { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:fill-pink-50\/30:focus { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:fill-pink-50\/30:hover { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:fill-pink-50\/30:active { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:fill-pink-50\/40:focus { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:fill-pink-50\/40:hover { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:fill-pink-50\/40:active { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:fill-pink-50\/50:focus { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:fill-pink-50\/50:hover { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:fill-pink-50\/50:active { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:fill-pink-50\/60:focus { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:fill-pink-50\/60:hover { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:fill-pink-50\/60:active { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:fill-pink-50\/70:focus { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:fill-pink-50\/70:hover { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:fill-pink-50\/70:active { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:fill-pink-50\/80:focus { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:fill-pink-50\/80:hover { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:fill-pink-50\/80:active { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:fill-pink-50\/90:focus { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:fill-pink-50\/90:hover { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:fill-pink-50\/90:active { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:fill-pink-100:focus { + fill: var(--pink-100) + } + .md\:hover\:fill-pink-100:hover { + fill: var(--pink-100) + } + .md\:active\:fill-pink-100:active { + fill: var(--pink-100) + } + .md\:focus\:fill-pink-100\/10:focus { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:fill-pink-100\/10:hover { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:fill-pink-100\/10:active { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:fill-pink-100\/20:focus { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:fill-pink-100\/20:hover { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:fill-pink-100\/20:active { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:fill-pink-100\/30:focus { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:fill-pink-100\/30:hover { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:fill-pink-100\/30:active { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:fill-pink-100\/40:focus { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:fill-pink-100\/40:hover { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:fill-pink-100\/40:active { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:fill-pink-100\/50:focus { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:fill-pink-100\/50:hover { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:fill-pink-100\/50:active { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:fill-pink-100\/60:focus { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:fill-pink-100\/60:hover { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:fill-pink-100\/60:active { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:fill-pink-100\/70:focus { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:fill-pink-100\/70:hover { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:fill-pink-100\/70:active { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:fill-pink-100\/80:focus { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:fill-pink-100\/80:hover { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:fill-pink-100\/80:active { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:fill-pink-100\/90:focus { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:fill-pink-100\/90:hover { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:fill-pink-100\/90:active { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:fill-pink-200:focus { + fill: var(--pink-200) + } + .md\:hover\:fill-pink-200:hover { + fill: var(--pink-200) + } + .md\:active\:fill-pink-200:active { + fill: var(--pink-200) + } + .md\:focus\:fill-pink-200\/10:focus { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:fill-pink-200\/10:hover { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:fill-pink-200\/10:active { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:fill-pink-200\/20:focus { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:fill-pink-200\/20:hover { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:fill-pink-200\/20:active { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:fill-pink-200\/30:focus { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:fill-pink-200\/30:hover { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:fill-pink-200\/30:active { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:fill-pink-200\/40:focus { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:fill-pink-200\/40:hover { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:fill-pink-200\/40:active { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:fill-pink-200\/50:focus { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:fill-pink-200\/50:hover { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:fill-pink-200\/50:active { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:fill-pink-200\/60:focus { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:fill-pink-200\/60:hover { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:fill-pink-200\/60:active { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:fill-pink-200\/70:focus { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:fill-pink-200\/70:hover { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:fill-pink-200\/70:active { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:fill-pink-200\/80:focus { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:fill-pink-200\/80:hover { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:fill-pink-200\/80:active { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:fill-pink-200\/90:focus { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:fill-pink-200\/90:hover { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:fill-pink-200\/90:active { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:fill-pink-300:focus { + fill: var(--pink-300) + } + .md\:hover\:fill-pink-300:hover { + fill: var(--pink-300) + } + .md\:active\:fill-pink-300:active { + fill: var(--pink-300) + } + .md\:focus\:fill-pink-300\/10:focus { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:fill-pink-300\/10:hover { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:fill-pink-300\/10:active { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:fill-pink-300\/20:focus { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:fill-pink-300\/20:hover { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:fill-pink-300\/20:active { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:fill-pink-300\/30:focus { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:fill-pink-300\/30:hover { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:fill-pink-300\/30:active { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:fill-pink-300\/40:focus { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:fill-pink-300\/40:hover { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:fill-pink-300\/40:active { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:fill-pink-300\/50:focus { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:fill-pink-300\/50:hover { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:fill-pink-300\/50:active { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:fill-pink-300\/60:focus { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:fill-pink-300\/60:hover { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:fill-pink-300\/60:active { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:fill-pink-300\/70:focus { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:fill-pink-300\/70:hover { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:fill-pink-300\/70:active { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:fill-pink-300\/80:focus { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:fill-pink-300\/80:hover { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:fill-pink-300\/80:active { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:fill-pink-300\/90:focus { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:fill-pink-300\/90:hover { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:fill-pink-300\/90:active { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:fill-pink-400:focus { + fill: var(--pink-400) + } + .md\:hover\:fill-pink-400:hover { + fill: var(--pink-400) + } + .md\:active\:fill-pink-400:active { + fill: var(--pink-400) + } + .md\:focus\:fill-pink-400\/10:focus { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:fill-pink-400\/10:hover { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:fill-pink-400\/10:active { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:fill-pink-400\/20:focus { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:fill-pink-400\/20:hover { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:fill-pink-400\/20:active { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:fill-pink-400\/30:focus { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:fill-pink-400\/30:hover { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:fill-pink-400\/30:active { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:fill-pink-400\/40:focus { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:fill-pink-400\/40:hover { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:fill-pink-400\/40:active { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:fill-pink-400\/50:focus { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:fill-pink-400\/50:hover { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:fill-pink-400\/50:active { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:fill-pink-400\/60:focus { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:fill-pink-400\/60:hover { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:fill-pink-400\/60:active { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:fill-pink-400\/70:focus { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:fill-pink-400\/70:hover { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:fill-pink-400\/70:active { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:fill-pink-400\/80:focus { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:fill-pink-400\/80:hover { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:fill-pink-400\/80:active { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:fill-pink-400\/90:focus { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:fill-pink-400\/90:hover { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:fill-pink-400\/90:active { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:fill-pink-500:focus { + fill: var(--pink-500) + } + .md\:hover\:fill-pink-500:hover { + fill: var(--pink-500) + } + .md\:active\:fill-pink-500:active { + fill: var(--pink-500) + } + .md\:focus\:fill-pink-500\/10:focus { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:fill-pink-500\/10:hover { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:fill-pink-500\/10:active { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:fill-pink-500\/20:focus { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:fill-pink-500\/20:hover { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:fill-pink-500\/20:active { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:fill-pink-500\/30:focus { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:fill-pink-500\/30:hover { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:fill-pink-500\/30:active { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:fill-pink-500\/40:focus { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:fill-pink-500\/40:hover { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:fill-pink-500\/40:active { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:fill-pink-500\/50:focus { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:fill-pink-500\/50:hover { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:fill-pink-500\/50:active { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:fill-pink-500\/60:focus { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:fill-pink-500\/60:hover { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:fill-pink-500\/60:active { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:fill-pink-500\/70:focus { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:fill-pink-500\/70:hover { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:fill-pink-500\/70:active { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:fill-pink-500\/80:focus { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:fill-pink-500\/80:hover { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:fill-pink-500\/80:active { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:fill-pink-500\/90:focus { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:fill-pink-500\/90:hover { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:fill-pink-500\/90:active { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:fill-pink-600:focus { + fill: var(--pink-600) + } + .md\:hover\:fill-pink-600:hover { + fill: var(--pink-600) + } + .md\:active\:fill-pink-600:active { + fill: var(--pink-600) + } + .md\:focus\:fill-pink-600\/10:focus { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:fill-pink-600\/10:hover { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:fill-pink-600\/10:active { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:fill-pink-600\/20:focus { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:fill-pink-600\/20:hover { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:fill-pink-600\/20:active { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:fill-pink-600\/30:focus { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:fill-pink-600\/30:hover { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:fill-pink-600\/30:active { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:fill-pink-600\/40:focus { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:fill-pink-600\/40:hover { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:fill-pink-600\/40:active { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:fill-pink-600\/50:focus { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:fill-pink-600\/50:hover { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:fill-pink-600\/50:active { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:fill-pink-600\/60:focus { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:fill-pink-600\/60:hover { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:fill-pink-600\/60:active { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:fill-pink-600\/70:focus { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:fill-pink-600\/70:hover { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:fill-pink-600\/70:active { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:fill-pink-600\/80:focus { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:fill-pink-600\/80:hover { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:fill-pink-600\/80:active { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:fill-pink-600\/90:focus { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:fill-pink-600\/90:hover { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:fill-pink-600\/90:active { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:fill-pink-700:focus { + fill: var(--pink-700) + } + .md\:hover\:fill-pink-700:hover { + fill: var(--pink-700) + } + .md\:active\:fill-pink-700:active { + fill: var(--pink-700) + } + .md\:focus\:fill-pink-700\/10:focus { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:fill-pink-700\/10:hover { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:fill-pink-700\/10:active { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:fill-pink-700\/20:focus { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:fill-pink-700\/20:hover { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:fill-pink-700\/20:active { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:fill-pink-700\/30:focus { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:fill-pink-700\/30:hover { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:fill-pink-700\/30:active { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:fill-pink-700\/40:focus { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:fill-pink-700\/40:hover { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:fill-pink-700\/40:active { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:fill-pink-700\/50:focus { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:fill-pink-700\/50:hover { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:fill-pink-700\/50:active { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:fill-pink-700\/60:focus { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:fill-pink-700\/60:hover { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:fill-pink-700\/60:active { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:fill-pink-700\/70:focus { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:fill-pink-700\/70:hover { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:fill-pink-700\/70:active { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:fill-pink-700\/80:focus { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:fill-pink-700\/80:hover { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:fill-pink-700\/80:active { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:fill-pink-700\/90:focus { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:fill-pink-700\/90:hover { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:fill-pink-700\/90:active { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:fill-pink-800:focus { + fill: var(--pink-800) + } + .md\:hover\:fill-pink-800:hover { + fill: var(--pink-800) + } + .md\:active\:fill-pink-800:active { + fill: var(--pink-800) + } + .md\:focus\:fill-pink-800\/10:focus { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:fill-pink-800\/10:hover { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:fill-pink-800\/10:active { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:fill-pink-800\/20:focus { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:fill-pink-800\/20:hover { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:fill-pink-800\/20:active { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:fill-pink-800\/30:focus { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:fill-pink-800\/30:hover { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:fill-pink-800\/30:active { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:fill-pink-800\/40:focus { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:fill-pink-800\/40:hover { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:fill-pink-800\/40:active { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:fill-pink-800\/50:focus { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:fill-pink-800\/50:hover { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:fill-pink-800\/50:active { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:fill-pink-800\/60:focus { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:fill-pink-800\/60:hover { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:fill-pink-800\/60:active { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:fill-pink-800\/70:focus { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:fill-pink-800\/70:hover { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:fill-pink-800\/70:active { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:fill-pink-800\/80:focus { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:fill-pink-800\/80:hover { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:fill-pink-800\/80:active { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:fill-pink-800\/90:focus { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:fill-pink-800\/90:hover { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:fill-pink-800\/90:active { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:fill-pink-900:focus { + fill: var(--pink-900) + } + .md\:hover\:fill-pink-900:hover { + fill: var(--pink-900) + } + .md\:active\:fill-pink-900:active { + fill: var(--pink-900) + } + .md\:focus\:fill-pink-900\/10:focus { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:fill-pink-900\/10:hover { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:fill-pink-900\/10:active { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:fill-pink-900\/20:focus { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:fill-pink-900\/20:hover { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:fill-pink-900\/20:active { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:fill-pink-900\/30:focus { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:fill-pink-900\/30:hover { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:fill-pink-900\/30:active { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:fill-pink-900\/40:focus { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:fill-pink-900\/40:hover { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:fill-pink-900\/40:active { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:fill-pink-900\/50:focus { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:fill-pink-900\/50:hover { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:fill-pink-900\/50:active { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:fill-pink-900\/60:focus { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:fill-pink-900\/60:hover { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:fill-pink-900\/60:active { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:fill-pink-900\/70:focus { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:fill-pink-900\/70:hover { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:fill-pink-900\/70:active { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:fill-pink-900\/80:focus { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:fill-pink-900\/80:hover { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:fill-pink-900\/80:active { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:fill-pink-900\/90:focus { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:fill-pink-900\/90:hover { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:fill-pink-900\/90:active { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:fill-indigo-50:focus { + fill: var(--indigo-50) + } + .md\:hover\:fill-indigo-50:hover { + fill: var(--indigo-50) + } + .md\:active\:fill-indigo-50:active { + fill: var(--indigo-50) + } + .md\:focus\:fill-indigo-50\/10:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:fill-indigo-50\/10:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:fill-indigo-50\/10:active { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:fill-indigo-50\/20:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:fill-indigo-50\/20:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:fill-indigo-50\/20:active { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:fill-indigo-50\/30:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:fill-indigo-50\/30:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:fill-indigo-50\/30:active { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:fill-indigo-50\/40:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:fill-indigo-50\/40:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:fill-indigo-50\/40:active { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:fill-indigo-50\/50:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:fill-indigo-50\/50:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:fill-indigo-50\/50:active { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:fill-indigo-50\/60:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:fill-indigo-50\/60:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:fill-indigo-50\/60:active { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:fill-indigo-50\/70:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:fill-indigo-50\/70:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:fill-indigo-50\/70:active { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:fill-indigo-50\/80:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:fill-indigo-50\/80:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:fill-indigo-50\/80:active { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:fill-indigo-50\/90:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:fill-indigo-50\/90:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:fill-indigo-50\/90:active { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:fill-indigo-100:focus { + fill: var(--indigo-100) + } + .md\:hover\:fill-indigo-100:hover { + fill: var(--indigo-100) + } + .md\:active\:fill-indigo-100:active { + fill: var(--indigo-100) + } + .md\:focus\:fill-indigo-100\/10:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:fill-indigo-100\/10:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:fill-indigo-100\/10:active { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:fill-indigo-100\/20:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:fill-indigo-100\/20:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:fill-indigo-100\/20:active { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:fill-indigo-100\/30:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:fill-indigo-100\/30:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:fill-indigo-100\/30:active { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:fill-indigo-100\/40:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:fill-indigo-100\/40:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:fill-indigo-100\/40:active { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:fill-indigo-100\/50:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:fill-indigo-100\/50:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:fill-indigo-100\/50:active { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:fill-indigo-100\/60:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:fill-indigo-100\/60:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:fill-indigo-100\/60:active { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:fill-indigo-100\/70:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:fill-indigo-100\/70:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:fill-indigo-100\/70:active { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:fill-indigo-100\/80:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:fill-indigo-100\/80:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:fill-indigo-100\/80:active { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:fill-indigo-100\/90:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:fill-indigo-100\/90:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:fill-indigo-100\/90:active { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:fill-indigo-200:focus { + fill: var(--indigo-200) + } + .md\:hover\:fill-indigo-200:hover { + fill: var(--indigo-200) + } + .md\:active\:fill-indigo-200:active { + fill: var(--indigo-200) + } + .md\:focus\:fill-indigo-200\/10:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:fill-indigo-200\/10:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:fill-indigo-200\/10:active { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:fill-indigo-200\/20:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:fill-indigo-200\/20:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:fill-indigo-200\/20:active { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:fill-indigo-200\/30:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:fill-indigo-200\/30:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:fill-indigo-200\/30:active { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:fill-indigo-200\/40:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:fill-indigo-200\/40:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:fill-indigo-200\/40:active { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:fill-indigo-200\/50:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:fill-indigo-200\/50:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:fill-indigo-200\/50:active { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:fill-indigo-200\/60:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:fill-indigo-200\/60:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:fill-indigo-200\/60:active { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:fill-indigo-200\/70:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:fill-indigo-200\/70:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:fill-indigo-200\/70:active { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:fill-indigo-200\/80:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:fill-indigo-200\/80:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:fill-indigo-200\/80:active { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:fill-indigo-200\/90:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:fill-indigo-200\/90:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:fill-indigo-200\/90:active { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:fill-indigo-300:focus { + fill: var(--indigo-300) + } + .md\:hover\:fill-indigo-300:hover { + fill: var(--indigo-300) + } + .md\:active\:fill-indigo-300:active { + fill: var(--indigo-300) + } + .md\:focus\:fill-indigo-300\/10:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:fill-indigo-300\/10:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:fill-indigo-300\/10:active { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:fill-indigo-300\/20:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:fill-indigo-300\/20:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:fill-indigo-300\/20:active { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:fill-indigo-300\/30:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:fill-indigo-300\/30:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:fill-indigo-300\/30:active { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:fill-indigo-300\/40:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:fill-indigo-300\/40:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:fill-indigo-300\/40:active { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:fill-indigo-300\/50:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:fill-indigo-300\/50:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:fill-indigo-300\/50:active { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:fill-indigo-300\/60:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:fill-indigo-300\/60:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:fill-indigo-300\/60:active { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:fill-indigo-300\/70:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:fill-indigo-300\/70:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:fill-indigo-300\/70:active { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:fill-indigo-300\/80:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:fill-indigo-300\/80:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:fill-indigo-300\/80:active { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:fill-indigo-300\/90:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:fill-indigo-300\/90:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:fill-indigo-300\/90:active { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:fill-indigo-400:focus { + fill: var(--indigo-400) + } + .md\:hover\:fill-indigo-400:hover { + fill: var(--indigo-400) + } + .md\:active\:fill-indigo-400:active { + fill: var(--indigo-400) + } + .md\:focus\:fill-indigo-400\/10:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:fill-indigo-400\/10:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:fill-indigo-400\/10:active { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:fill-indigo-400\/20:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:fill-indigo-400\/20:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:fill-indigo-400\/20:active { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:fill-indigo-400\/30:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:fill-indigo-400\/30:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:fill-indigo-400\/30:active { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:fill-indigo-400\/40:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:fill-indigo-400\/40:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:fill-indigo-400\/40:active { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:fill-indigo-400\/50:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:fill-indigo-400\/50:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:fill-indigo-400\/50:active { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:fill-indigo-400\/60:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:fill-indigo-400\/60:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:fill-indigo-400\/60:active { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:fill-indigo-400\/70:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:fill-indigo-400\/70:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:fill-indigo-400\/70:active { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:fill-indigo-400\/80:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:fill-indigo-400\/80:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:fill-indigo-400\/80:active { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:fill-indigo-400\/90:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:fill-indigo-400\/90:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:fill-indigo-400\/90:active { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:fill-indigo-500:focus { + fill: var(--indigo-500) + } + .md\:hover\:fill-indigo-500:hover { + fill: var(--indigo-500) + } + .md\:active\:fill-indigo-500:active { + fill: var(--indigo-500) + } + .md\:focus\:fill-indigo-500\/10:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:fill-indigo-500\/10:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:fill-indigo-500\/10:active { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:fill-indigo-500\/20:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:fill-indigo-500\/20:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:fill-indigo-500\/20:active { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:fill-indigo-500\/30:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:fill-indigo-500\/30:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:fill-indigo-500\/30:active { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:fill-indigo-500\/40:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:fill-indigo-500\/40:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:fill-indigo-500\/40:active { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:fill-indigo-500\/50:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:fill-indigo-500\/50:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:fill-indigo-500\/50:active { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:fill-indigo-500\/60:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:fill-indigo-500\/60:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:fill-indigo-500\/60:active { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:fill-indigo-500\/70:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:fill-indigo-500\/70:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:fill-indigo-500\/70:active { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:fill-indigo-500\/80:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:fill-indigo-500\/80:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:fill-indigo-500\/80:active { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:fill-indigo-500\/90:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:fill-indigo-500\/90:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:fill-indigo-500\/90:active { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:fill-indigo-600:focus { + fill: var(--indigo-600) + } + .md\:hover\:fill-indigo-600:hover { + fill: var(--indigo-600) + } + .md\:active\:fill-indigo-600:active { + fill: var(--indigo-600) + } + .md\:focus\:fill-indigo-600\/10:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:fill-indigo-600\/10:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:fill-indigo-600\/10:active { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:fill-indigo-600\/20:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:fill-indigo-600\/20:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:fill-indigo-600\/20:active { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:fill-indigo-600\/30:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:fill-indigo-600\/30:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:fill-indigo-600\/30:active { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:fill-indigo-600\/40:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:fill-indigo-600\/40:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:fill-indigo-600\/40:active { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:fill-indigo-600\/50:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:fill-indigo-600\/50:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:fill-indigo-600\/50:active { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:fill-indigo-600\/60:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:fill-indigo-600\/60:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:fill-indigo-600\/60:active { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:fill-indigo-600\/70:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:fill-indigo-600\/70:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:fill-indigo-600\/70:active { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:fill-indigo-600\/80:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:fill-indigo-600\/80:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:fill-indigo-600\/80:active { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:fill-indigo-600\/90:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:fill-indigo-600\/90:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:fill-indigo-600\/90:active { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:fill-indigo-700:focus { + fill: var(--indigo-700) + } + .md\:hover\:fill-indigo-700:hover { + fill: var(--indigo-700) + } + .md\:active\:fill-indigo-700:active { + fill: var(--indigo-700) + } + .md\:focus\:fill-indigo-700\/10:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:fill-indigo-700\/10:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:fill-indigo-700\/10:active { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:fill-indigo-700\/20:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:fill-indigo-700\/20:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:fill-indigo-700\/20:active { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:fill-indigo-700\/30:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:fill-indigo-700\/30:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:fill-indigo-700\/30:active { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:fill-indigo-700\/40:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:fill-indigo-700\/40:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:fill-indigo-700\/40:active { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:fill-indigo-700\/50:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:fill-indigo-700\/50:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:fill-indigo-700\/50:active { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:fill-indigo-700\/60:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:fill-indigo-700\/60:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:fill-indigo-700\/60:active { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:fill-indigo-700\/70:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:fill-indigo-700\/70:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:fill-indigo-700\/70:active { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:fill-indigo-700\/80:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:fill-indigo-700\/80:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:fill-indigo-700\/80:active { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:fill-indigo-700\/90:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:fill-indigo-700\/90:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:fill-indigo-700\/90:active { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:fill-indigo-800:focus { + fill: var(--indigo-800) + } + .md\:hover\:fill-indigo-800:hover { + fill: var(--indigo-800) + } + .md\:active\:fill-indigo-800:active { + fill: var(--indigo-800) + } + .md\:focus\:fill-indigo-800\/10:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:fill-indigo-800\/10:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:fill-indigo-800\/10:active { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:fill-indigo-800\/20:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:fill-indigo-800\/20:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:fill-indigo-800\/20:active { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:fill-indigo-800\/30:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:fill-indigo-800\/30:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:fill-indigo-800\/30:active { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:fill-indigo-800\/40:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:fill-indigo-800\/40:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:fill-indigo-800\/40:active { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:fill-indigo-800\/50:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:fill-indigo-800\/50:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:fill-indigo-800\/50:active { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:fill-indigo-800\/60:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:fill-indigo-800\/60:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:fill-indigo-800\/60:active { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:fill-indigo-800\/70:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:fill-indigo-800\/70:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:fill-indigo-800\/70:active { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:fill-indigo-800\/80:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:fill-indigo-800\/80:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:fill-indigo-800\/80:active { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:fill-indigo-800\/90:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:fill-indigo-800\/90:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:fill-indigo-800\/90:active { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:fill-indigo-900:focus { + fill: var(--indigo-900) + } + .md\:hover\:fill-indigo-900:hover { + fill: var(--indigo-900) + } + .md\:active\:fill-indigo-900:active { + fill: var(--indigo-900) + } + .md\:focus\:fill-indigo-900\/10:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:fill-indigo-900\/10:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:fill-indigo-900\/10:active { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:fill-indigo-900\/20:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:fill-indigo-900\/20:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:fill-indigo-900\/20:active { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:fill-indigo-900\/30:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:fill-indigo-900\/30:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:fill-indigo-900\/30:active { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:fill-indigo-900\/40:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:fill-indigo-900\/40:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:fill-indigo-900\/40:active { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:fill-indigo-900\/50:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:fill-indigo-900\/50:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:fill-indigo-900\/50:active { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:fill-indigo-900\/60:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:fill-indigo-900\/60:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:fill-indigo-900\/60:active { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:fill-indigo-900\/70:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:fill-indigo-900\/70:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:fill-indigo-900\/70:active { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:fill-indigo-900\/80:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:fill-indigo-900\/80:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:fill-indigo-900\/80:active { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:fill-indigo-900\/90:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:fill-indigo-900\/90:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:fill-indigo-900\/90:active { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:fill-teal-50:focus { + fill: var(--teal-50) + } + .md\:hover\:fill-teal-50:hover { + fill: var(--teal-50) + } + .md\:active\:fill-teal-50:active { + fill: var(--teal-50) + } + .md\:focus\:fill-teal-50\/10:focus { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:fill-teal-50\/10:hover { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:fill-teal-50\/10:active { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:fill-teal-50\/20:focus { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:fill-teal-50\/20:hover { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:fill-teal-50\/20:active { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:fill-teal-50\/30:focus { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:fill-teal-50\/30:hover { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:fill-teal-50\/30:active { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:fill-teal-50\/40:focus { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:fill-teal-50\/40:hover { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:fill-teal-50\/40:active { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:fill-teal-50\/50:focus { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:fill-teal-50\/50:hover { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:fill-teal-50\/50:active { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:fill-teal-50\/60:focus { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:fill-teal-50\/60:hover { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:fill-teal-50\/60:active { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:fill-teal-50\/70:focus { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:fill-teal-50\/70:hover { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:fill-teal-50\/70:active { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:fill-teal-50\/80:focus { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:fill-teal-50\/80:hover { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:fill-teal-50\/80:active { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:fill-teal-50\/90:focus { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:fill-teal-50\/90:hover { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:fill-teal-50\/90:active { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:fill-teal-100:focus { + fill: var(--teal-100) + } + .md\:hover\:fill-teal-100:hover { + fill: var(--teal-100) + } + .md\:active\:fill-teal-100:active { + fill: var(--teal-100) + } + .md\:focus\:fill-teal-100\/10:focus { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:fill-teal-100\/10:hover { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:fill-teal-100\/10:active { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:fill-teal-100\/20:focus { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:fill-teal-100\/20:hover { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:fill-teal-100\/20:active { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:fill-teal-100\/30:focus { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:fill-teal-100\/30:hover { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:fill-teal-100\/30:active { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:fill-teal-100\/40:focus { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:fill-teal-100\/40:hover { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:fill-teal-100\/40:active { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:fill-teal-100\/50:focus { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:fill-teal-100\/50:hover { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:fill-teal-100\/50:active { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:fill-teal-100\/60:focus { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:fill-teal-100\/60:hover { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:fill-teal-100\/60:active { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:fill-teal-100\/70:focus { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:fill-teal-100\/70:hover { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:fill-teal-100\/70:active { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:fill-teal-100\/80:focus { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:fill-teal-100\/80:hover { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:fill-teal-100\/80:active { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:fill-teal-100\/90:focus { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:fill-teal-100\/90:hover { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:fill-teal-100\/90:active { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:fill-teal-200:focus { + fill: var(--teal-200) + } + .md\:hover\:fill-teal-200:hover { + fill: var(--teal-200) + } + .md\:active\:fill-teal-200:active { + fill: var(--teal-200) + } + .md\:focus\:fill-teal-200\/10:focus { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:fill-teal-200\/10:hover { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:fill-teal-200\/10:active { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:fill-teal-200\/20:focus { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:fill-teal-200\/20:hover { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:fill-teal-200\/20:active { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:fill-teal-200\/30:focus { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:fill-teal-200\/30:hover { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:fill-teal-200\/30:active { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:fill-teal-200\/40:focus { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:fill-teal-200\/40:hover { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:fill-teal-200\/40:active { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:fill-teal-200\/50:focus { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:fill-teal-200\/50:hover { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:fill-teal-200\/50:active { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:fill-teal-200\/60:focus { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:fill-teal-200\/60:hover { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:fill-teal-200\/60:active { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:fill-teal-200\/70:focus { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:fill-teal-200\/70:hover { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:fill-teal-200\/70:active { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:fill-teal-200\/80:focus { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:fill-teal-200\/80:hover { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:fill-teal-200\/80:active { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:fill-teal-200\/90:focus { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:fill-teal-200\/90:hover { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:fill-teal-200\/90:active { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:fill-teal-300:focus { + fill: var(--teal-300) + } + .md\:hover\:fill-teal-300:hover { + fill: var(--teal-300) + } + .md\:active\:fill-teal-300:active { + fill: var(--teal-300) + } + .md\:focus\:fill-teal-300\/10:focus { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:fill-teal-300\/10:hover { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:fill-teal-300\/10:active { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:fill-teal-300\/20:focus { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:fill-teal-300\/20:hover { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:fill-teal-300\/20:active { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:fill-teal-300\/30:focus { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:fill-teal-300\/30:hover { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:fill-teal-300\/30:active { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:fill-teal-300\/40:focus { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:fill-teal-300\/40:hover { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:fill-teal-300\/40:active { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:fill-teal-300\/50:focus { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:fill-teal-300\/50:hover { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:fill-teal-300\/50:active { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:fill-teal-300\/60:focus { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:fill-teal-300\/60:hover { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:fill-teal-300\/60:active { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:fill-teal-300\/70:focus { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:fill-teal-300\/70:hover { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:fill-teal-300\/70:active { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:fill-teal-300\/80:focus { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:fill-teal-300\/80:hover { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:fill-teal-300\/80:active { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:fill-teal-300\/90:focus { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:fill-teal-300\/90:hover { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:fill-teal-300\/90:active { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:fill-teal-400:focus { + fill: var(--teal-400) + } + .md\:hover\:fill-teal-400:hover { + fill: var(--teal-400) + } + .md\:active\:fill-teal-400:active { + fill: var(--teal-400) + } + .md\:focus\:fill-teal-400\/10:focus { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:fill-teal-400\/10:hover { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:fill-teal-400\/10:active { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:fill-teal-400\/20:focus { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:fill-teal-400\/20:hover { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:fill-teal-400\/20:active { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:fill-teal-400\/30:focus { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:fill-teal-400\/30:hover { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:fill-teal-400\/30:active { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:fill-teal-400\/40:focus { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:fill-teal-400\/40:hover { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:fill-teal-400\/40:active { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:fill-teal-400\/50:focus { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:fill-teal-400\/50:hover { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:fill-teal-400\/50:active { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:fill-teal-400\/60:focus { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:fill-teal-400\/60:hover { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:fill-teal-400\/60:active { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:fill-teal-400\/70:focus { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:fill-teal-400\/70:hover { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:fill-teal-400\/70:active { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:fill-teal-400\/80:focus { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:fill-teal-400\/80:hover { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:fill-teal-400\/80:active { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:fill-teal-400\/90:focus { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:fill-teal-400\/90:hover { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:fill-teal-400\/90:active { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:fill-teal-500:focus { + fill: var(--teal-500) + } + .md\:hover\:fill-teal-500:hover { + fill: var(--teal-500) + } + .md\:active\:fill-teal-500:active { + fill: var(--teal-500) + } + .md\:focus\:fill-teal-500\/10:focus { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:fill-teal-500\/10:hover { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:fill-teal-500\/10:active { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:fill-teal-500\/20:focus { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:fill-teal-500\/20:hover { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:fill-teal-500\/20:active { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:fill-teal-500\/30:focus { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:fill-teal-500\/30:hover { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:fill-teal-500\/30:active { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:fill-teal-500\/40:focus { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:fill-teal-500\/40:hover { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:fill-teal-500\/40:active { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:fill-teal-500\/50:focus { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:fill-teal-500\/50:hover { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:fill-teal-500\/50:active { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:fill-teal-500\/60:focus { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:fill-teal-500\/60:hover { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:fill-teal-500\/60:active { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:fill-teal-500\/70:focus { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:fill-teal-500\/70:hover { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:fill-teal-500\/70:active { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:fill-teal-500\/80:focus { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:fill-teal-500\/80:hover { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:fill-teal-500\/80:active { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:fill-teal-500\/90:focus { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:fill-teal-500\/90:hover { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:fill-teal-500\/90:active { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:fill-teal-600:focus { + fill: var(--teal-600) + } + .md\:hover\:fill-teal-600:hover { + fill: var(--teal-600) + } + .md\:active\:fill-teal-600:active { + fill: var(--teal-600) + } + .md\:focus\:fill-teal-600\/10:focus { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:fill-teal-600\/10:hover { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:fill-teal-600\/10:active { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:fill-teal-600\/20:focus { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:fill-teal-600\/20:hover { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:fill-teal-600\/20:active { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:fill-teal-600\/30:focus { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:fill-teal-600\/30:hover { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:fill-teal-600\/30:active { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:fill-teal-600\/40:focus { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:fill-teal-600\/40:hover { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:fill-teal-600\/40:active { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:fill-teal-600\/50:focus { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:fill-teal-600\/50:hover { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:fill-teal-600\/50:active { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:fill-teal-600\/60:focus { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:fill-teal-600\/60:hover { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:fill-teal-600\/60:active { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:fill-teal-600\/70:focus { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:fill-teal-600\/70:hover { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:fill-teal-600\/70:active { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:fill-teal-600\/80:focus { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:fill-teal-600\/80:hover { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:fill-teal-600\/80:active { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:fill-teal-600\/90:focus { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:fill-teal-600\/90:hover { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:fill-teal-600\/90:active { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:fill-teal-700:focus { + fill: var(--teal-700) + } + .md\:hover\:fill-teal-700:hover { + fill: var(--teal-700) + } + .md\:active\:fill-teal-700:active { + fill: var(--teal-700) + } + .md\:focus\:fill-teal-700\/10:focus { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:fill-teal-700\/10:hover { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:fill-teal-700\/10:active { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:fill-teal-700\/20:focus { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:fill-teal-700\/20:hover { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:fill-teal-700\/20:active { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:fill-teal-700\/30:focus { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:fill-teal-700\/30:hover { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:fill-teal-700\/30:active { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:fill-teal-700\/40:focus { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:fill-teal-700\/40:hover { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:fill-teal-700\/40:active { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:fill-teal-700\/50:focus { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:fill-teal-700\/50:hover { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:fill-teal-700\/50:active { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:fill-teal-700\/60:focus { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:fill-teal-700\/60:hover { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:fill-teal-700\/60:active { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:fill-teal-700\/70:focus { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:fill-teal-700\/70:hover { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:fill-teal-700\/70:active { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:fill-teal-700\/80:focus { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:fill-teal-700\/80:hover { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:fill-teal-700\/80:active { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:fill-teal-700\/90:focus { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:fill-teal-700\/90:hover { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:fill-teal-700\/90:active { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:fill-teal-800:focus { + fill: var(--teal-800) + } + .md\:hover\:fill-teal-800:hover { + fill: var(--teal-800) + } + .md\:active\:fill-teal-800:active { + fill: var(--teal-800) + } + .md\:focus\:fill-teal-800\/10:focus { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:fill-teal-800\/10:hover { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:fill-teal-800\/10:active { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:fill-teal-800\/20:focus { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:fill-teal-800\/20:hover { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:fill-teal-800\/20:active { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:fill-teal-800\/30:focus { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:fill-teal-800\/30:hover { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:fill-teal-800\/30:active { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:fill-teal-800\/40:focus { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:fill-teal-800\/40:hover { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:fill-teal-800\/40:active { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:fill-teal-800\/50:focus { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:fill-teal-800\/50:hover { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:fill-teal-800\/50:active { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:fill-teal-800\/60:focus { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:fill-teal-800\/60:hover { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:fill-teal-800\/60:active { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:fill-teal-800\/70:focus { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:fill-teal-800\/70:hover { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:fill-teal-800\/70:active { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:fill-teal-800\/80:focus { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:fill-teal-800\/80:hover { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:fill-teal-800\/80:active { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:fill-teal-800\/90:focus { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:fill-teal-800\/90:hover { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:fill-teal-800\/90:active { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:fill-teal-900:focus { + fill: var(--teal-900) + } + .md\:hover\:fill-teal-900:hover { + fill: var(--teal-900) + } + .md\:active\:fill-teal-900:active { + fill: var(--teal-900) + } + .md\:focus\:fill-teal-900\/10:focus { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:fill-teal-900\/10:hover { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:fill-teal-900\/10:active { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:fill-teal-900\/20:focus { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:fill-teal-900\/20:hover { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:fill-teal-900\/20:active { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:fill-teal-900\/30:focus { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:fill-teal-900\/30:hover { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:fill-teal-900\/30:active { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:fill-teal-900\/40:focus { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:fill-teal-900\/40:hover { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:fill-teal-900\/40:active { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:fill-teal-900\/50:focus { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:fill-teal-900\/50:hover { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:fill-teal-900\/50:active { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:fill-teal-900\/60:focus { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:fill-teal-900\/60:hover { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:fill-teal-900\/60:active { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:fill-teal-900\/70:focus { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:fill-teal-900\/70:hover { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:fill-teal-900\/70:active { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:fill-teal-900\/80:focus { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:fill-teal-900\/80:hover { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:fill-teal-900\/80:active { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:fill-teal-900\/90:focus { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:fill-teal-900\/90:hover { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:fill-teal-900\/90:active { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:fill-orange-50:focus { + fill: var(--orange-50) + } + .md\:hover\:fill-orange-50:hover { + fill: var(--orange-50) + } + .md\:active\:fill-orange-50:active { + fill: var(--orange-50) + } + .md\:focus\:fill-orange-50\/10:focus { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:fill-orange-50\/10:hover { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:fill-orange-50\/10:active { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:fill-orange-50\/20:focus { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:fill-orange-50\/20:hover { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:fill-orange-50\/20:active { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:fill-orange-50\/30:focus { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:fill-orange-50\/30:hover { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:fill-orange-50\/30:active { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:fill-orange-50\/40:focus { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:fill-orange-50\/40:hover { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:fill-orange-50\/40:active { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:fill-orange-50\/50:focus { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:fill-orange-50\/50:hover { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:fill-orange-50\/50:active { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:fill-orange-50\/60:focus { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:fill-orange-50\/60:hover { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:fill-orange-50\/60:active { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:fill-orange-50\/70:focus { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:fill-orange-50\/70:hover { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:fill-orange-50\/70:active { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:fill-orange-50\/80:focus { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:fill-orange-50\/80:hover { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:fill-orange-50\/80:active { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:fill-orange-50\/90:focus { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:fill-orange-50\/90:hover { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:fill-orange-50\/90:active { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:fill-orange-100:focus { + fill: var(--orange-100) + } + .md\:hover\:fill-orange-100:hover { + fill: var(--orange-100) + } + .md\:active\:fill-orange-100:active { + fill: var(--orange-100) + } + .md\:focus\:fill-orange-100\/10:focus { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:fill-orange-100\/10:hover { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:fill-orange-100\/10:active { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:fill-orange-100\/20:focus { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:fill-orange-100\/20:hover { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:fill-orange-100\/20:active { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:fill-orange-100\/30:focus { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:fill-orange-100\/30:hover { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:fill-orange-100\/30:active { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:fill-orange-100\/40:focus { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:fill-orange-100\/40:hover { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:fill-orange-100\/40:active { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:fill-orange-100\/50:focus { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:fill-orange-100\/50:hover { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:fill-orange-100\/50:active { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:fill-orange-100\/60:focus { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:fill-orange-100\/60:hover { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:fill-orange-100\/60:active { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:fill-orange-100\/70:focus { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:fill-orange-100\/70:hover { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:fill-orange-100\/70:active { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:fill-orange-100\/80:focus { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:fill-orange-100\/80:hover { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:fill-orange-100\/80:active { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:fill-orange-100\/90:focus { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:fill-orange-100\/90:hover { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:fill-orange-100\/90:active { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:fill-orange-200:focus { + fill: var(--orange-200) + } + .md\:hover\:fill-orange-200:hover { + fill: var(--orange-200) + } + .md\:active\:fill-orange-200:active { + fill: var(--orange-200) + } + .md\:focus\:fill-orange-200\/10:focus { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:fill-orange-200\/10:hover { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:fill-orange-200\/10:active { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:fill-orange-200\/20:focus { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:fill-orange-200\/20:hover { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:fill-orange-200\/20:active { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:fill-orange-200\/30:focus { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:fill-orange-200\/30:hover { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:fill-orange-200\/30:active { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:fill-orange-200\/40:focus { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:fill-orange-200\/40:hover { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:fill-orange-200\/40:active { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:fill-orange-200\/50:focus { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:fill-orange-200\/50:hover { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:fill-orange-200\/50:active { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:fill-orange-200\/60:focus { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:fill-orange-200\/60:hover { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:fill-orange-200\/60:active { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:fill-orange-200\/70:focus { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:fill-orange-200\/70:hover { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:fill-orange-200\/70:active { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:fill-orange-200\/80:focus { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:fill-orange-200\/80:hover { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:fill-orange-200\/80:active { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:fill-orange-200\/90:focus { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:fill-orange-200\/90:hover { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:fill-orange-200\/90:active { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:fill-orange-300:focus { + fill: var(--orange-300) + } + .md\:hover\:fill-orange-300:hover { + fill: var(--orange-300) + } + .md\:active\:fill-orange-300:active { + fill: var(--orange-300) + } + .md\:focus\:fill-orange-300\/10:focus { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:fill-orange-300\/10:hover { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:fill-orange-300\/10:active { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:fill-orange-300\/20:focus { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:fill-orange-300\/20:hover { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:fill-orange-300\/20:active { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:fill-orange-300\/30:focus { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:fill-orange-300\/30:hover { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:fill-orange-300\/30:active { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:fill-orange-300\/40:focus { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:fill-orange-300\/40:hover { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:fill-orange-300\/40:active { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:fill-orange-300\/50:focus { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:fill-orange-300\/50:hover { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:fill-orange-300\/50:active { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:fill-orange-300\/60:focus { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:fill-orange-300\/60:hover { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:fill-orange-300\/60:active { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:fill-orange-300\/70:focus { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:fill-orange-300\/70:hover { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:fill-orange-300\/70:active { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:fill-orange-300\/80:focus { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:fill-orange-300\/80:hover { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:fill-orange-300\/80:active { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:fill-orange-300\/90:focus { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:fill-orange-300\/90:hover { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:fill-orange-300\/90:active { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:fill-orange-400:focus { + fill: var(--orange-400) + } + .md\:hover\:fill-orange-400:hover { + fill: var(--orange-400) + } + .md\:active\:fill-orange-400:active { + fill: var(--orange-400) + } + .md\:focus\:fill-orange-400\/10:focus { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:fill-orange-400\/10:hover { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:fill-orange-400\/10:active { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:fill-orange-400\/20:focus { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:fill-orange-400\/20:hover { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:fill-orange-400\/20:active { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:fill-orange-400\/30:focus { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:fill-orange-400\/30:hover { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:fill-orange-400\/30:active { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:fill-orange-400\/40:focus { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:fill-orange-400\/40:hover { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:fill-orange-400\/40:active { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:fill-orange-400\/50:focus { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:fill-orange-400\/50:hover { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:fill-orange-400\/50:active { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:fill-orange-400\/60:focus { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:fill-orange-400\/60:hover { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:fill-orange-400\/60:active { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:fill-orange-400\/70:focus { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:fill-orange-400\/70:hover { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:fill-orange-400\/70:active { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:fill-orange-400\/80:focus { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:fill-orange-400\/80:hover { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:fill-orange-400\/80:active { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:fill-orange-400\/90:focus { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:fill-orange-400\/90:hover { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:fill-orange-400\/90:active { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:fill-orange-500:focus { + fill: var(--orange-500) + } + .md\:hover\:fill-orange-500:hover { + fill: var(--orange-500) + } + .md\:active\:fill-orange-500:active { + fill: var(--orange-500) + } + .md\:focus\:fill-orange-500\/10:focus { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:fill-orange-500\/10:hover { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:fill-orange-500\/10:active { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:fill-orange-500\/20:focus { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:fill-orange-500\/20:hover { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:fill-orange-500\/20:active { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:fill-orange-500\/30:focus { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:fill-orange-500\/30:hover { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:fill-orange-500\/30:active { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:fill-orange-500\/40:focus { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:fill-orange-500\/40:hover { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:fill-orange-500\/40:active { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:fill-orange-500\/50:focus { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:fill-orange-500\/50:hover { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:fill-orange-500\/50:active { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:fill-orange-500\/60:focus { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:fill-orange-500\/60:hover { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:fill-orange-500\/60:active { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:fill-orange-500\/70:focus { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:fill-orange-500\/70:hover { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:fill-orange-500\/70:active { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:fill-orange-500\/80:focus { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:fill-orange-500\/80:hover { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:fill-orange-500\/80:active { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:fill-orange-500\/90:focus { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:fill-orange-500\/90:hover { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:fill-orange-500\/90:active { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:fill-orange-600:focus { + fill: var(--orange-600) + } + .md\:hover\:fill-orange-600:hover { + fill: var(--orange-600) + } + .md\:active\:fill-orange-600:active { + fill: var(--orange-600) + } + .md\:focus\:fill-orange-600\/10:focus { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:fill-orange-600\/10:hover { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:fill-orange-600\/10:active { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:fill-orange-600\/20:focus { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:fill-orange-600\/20:hover { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:fill-orange-600\/20:active { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:fill-orange-600\/30:focus { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:fill-orange-600\/30:hover { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:fill-orange-600\/30:active { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:fill-orange-600\/40:focus { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:fill-orange-600\/40:hover { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:fill-orange-600\/40:active { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:fill-orange-600\/50:focus { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:fill-orange-600\/50:hover { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:fill-orange-600\/50:active { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:fill-orange-600\/60:focus { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:fill-orange-600\/60:hover { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:fill-orange-600\/60:active { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:fill-orange-600\/70:focus { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:fill-orange-600\/70:hover { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:fill-orange-600\/70:active { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:fill-orange-600\/80:focus { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:fill-orange-600\/80:hover { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:fill-orange-600\/80:active { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:fill-orange-600\/90:focus { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:fill-orange-600\/90:hover { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:fill-orange-600\/90:active { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:fill-orange-700:focus { + fill: var(--orange-700) + } + .md\:hover\:fill-orange-700:hover { + fill: var(--orange-700) + } + .md\:active\:fill-orange-700:active { + fill: var(--orange-700) + } + .md\:focus\:fill-orange-700\/10:focus { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:fill-orange-700\/10:hover { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:fill-orange-700\/10:active { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:fill-orange-700\/20:focus { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:fill-orange-700\/20:hover { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:fill-orange-700\/20:active { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:fill-orange-700\/30:focus { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:fill-orange-700\/30:hover { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:fill-orange-700\/30:active { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:fill-orange-700\/40:focus { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:fill-orange-700\/40:hover { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:fill-orange-700\/40:active { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:fill-orange-700\/50:focus { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:fill-orange-700\/50:hover { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:fill-orange-700\/50:active { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:fill-orange-700\/60:focus { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:fill-orange-700\/60:hover { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:fill-orange-700\/60:active { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:fill-orange-700\/70:focus { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:fill-orange-700\/70:hover { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:fill-orange-700\/70:active { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:fill-orange-700\/80:focus { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:fill-orange-700\/80:hover { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:fill-orange-700\/80:active { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:fill-orange-700\/90:focus { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:fill-orange-700\/90:hover { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:fill-orange-700\/90:active { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:fill-orange-800:focus { + fill: var(--orange-800) + } + .md\:hover\:fill-orange-800:hover { + fill: var(--orange-800) + } + .md\:active\:fill-orange-800:active { + fill: var(--orange-800) + } + .md\:focus\:fill-orange-800\/10:focus { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:fill-orange-800\/10:hover { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:fill-orange-800\/10:active { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:fill-orange-800\/20:focus { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:fill-orange-800\/20:hover { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:fill-orange-800\/20:active { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:fill-orange-800\/30:focus { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:fill-orange-800\/30:hover { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:fill-orange-800\/30:active { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:fill-orange-800\/40:focus { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:fill-orange-800\/40:hover { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:fill-orange-800\/40:active { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:fill-orange-800\/50:focus { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:fill-orange-800\/50:hover { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:fill-orange-800\/50:active { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:fill-orange-800\/60:focus { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:fill-orange-800\/60:hover { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:fill-orange-800\/60:active { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:fill-orange-800\/70:focus { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:fill-orange-800\/70:hover { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:fill-orange-800\/70:active { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:fill-orange-800\/80:focus { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:fill-orange-800\/80:hover { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:fill-orange-800\/80:active { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:fill-orange-800\/90:focus { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:fill-orange-800\/90:hover { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:fill-orange-800\/90:active { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:fill-orange-900:focus { + fill: var(--orange-900) + } + .md\:hover\:fill-orange-900:hover { + fill: var(--orange-900) + } + .md\:active\:fill-orange-900:active { + fill: var(--orange-900) + } + .md\:focus\:fill-orange-900\/10:focus { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:fill-orange-900\/10:hover { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:fill-orange-900\/10:active { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:fill-orange-900\/20:focus { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:fill-orange-900\/20:hover { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:fill-orange-900\/20:active { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:fill-orange-900\/30:focus { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:fill-orange-900\/30:hover { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:fill-orange-900\/30:active { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:fill-orange-900\/40:focus { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:fill-orange-900\/40:hover { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:fill-orange-900\/40:active { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:fill-orange-900\/50:focus { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:fill-orange-900\/50:hover { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:fill-orange-900\/50:active { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:fill-orange-900\/60:focus { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:fill-orange-900\/60:hover { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:fill-orange-900\/60:active { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:fill-orange-900\/70:focus { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:fill-orange-900\/70:hover { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:fill-orange-900\/70:active { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:fill-orange-900\/80:focus { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:fill-orange-900\/80:hover { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:fill-orange-900\/80:active { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:fill-orange-900\/90:focus { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:fill-orange-900\/90:hover { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:fill-orange-900\/90:active { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-50:focus { + fill: var(--bluegray-50) + } + .md\:hover\:fill-bluegray-50:hover { + fill: var(--bluegray-50) + } + .md\:active\:fill-bluegray-50:active { + fill: var(--bluegray-50) + } + .md\:focus\:fill-bluegray-50\/10:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-50\/10:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:fill-bluegray-50\/10:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-50\/20:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-50\/20:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:fill-bluegray-50\/20:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-50\/30:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-50\/30:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:fill-bluegray-50\/30:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-50\/40:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-50\/40:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:fill-bluegray-50\/40:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-50\/50:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-50\/50:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:fill-bluegray-50\/50:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-50\/60:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-50\/60:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:fill-bluegray-50\/60:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-50\/70:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-50\/70:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:fill-bluegray-50\/70:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-50\/80:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-50\/80:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:fill-bluegray-50\/80:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-50\/90:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-50\/90:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:fill-bluegray-50\/90:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-100:focus { + fill: var(--bluegray-100) + } + .md\:hover\:fill-bluegray-100:hover { + fill: var(--bluegray-100) + } + .md\:active\:fill-bluegray-100:active { + fill: var(--bluegray-100) + } + .md\:focus\:fill-bluegray-100\/10:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-100\/10:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:fill-bluegray-100\/10:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-100\/20:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-100\/20:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:fill-bluegray-100\/20:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-100\/30:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-100\/30:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:fill-bluegray-100\/30:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-100\/40:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-100\/40:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:fill-bluegray-100\/40:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-100\/50:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-100\/50:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:fill-bluegray-100\/50:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-100\/60:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-100\/60:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:fill-bluegray-100\/60:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-100\/70:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-100\/70:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:fill-bluegray-100\/70:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-100\/80:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-100\/80:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:fill-bluegray-100\/80:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-100\/90:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-100\/90:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:fill-bluegray-100\/90:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-200:focus { + fill: var(--bluegray-200) + } + .md\:hover\:fill-bluegray-200:hover { + fill: var(--bluegray-200) + } + .md\:active\:fill-bluegray-200:active { + fill: var(--bluegray-200) + } + .md\:focus\:fill-bluegray-200\/10:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-200\/10:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:fill-bluegray-200\/10:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-200\/20:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-200\/20:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:fill-bluegray-200\/20:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-200\/30:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-200\/30:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:fill-bluegray-200\/30:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-200\/40:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-200\/40:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:fill-bluegray-200\/40:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-200\/50:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-200\/50:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:fill-bluegray-200\/50:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-200\/60:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-200\/60:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:fill-bluegray-200\/60:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-200\/70:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-200\/70:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:fill-bluegray-200\/70:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-200\/80:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-200\/80:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:fill-bluegray-200\/80:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-200\/90:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-200\/90:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:fill-bluegray-200\/90:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-300:focus { + fill: var(--bluegray-300) + } + .md\:hover\:fill-bluegray-300:hover { + fill: var(--bluegray-300) + } + .md\:active\:fill-bluegray-300:active { + fill: var(--bluegray-300) + } + .md\:focus\:fill-bluegray-300\/10:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-300\/10:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:fill-bluegray-300\/10:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-300\/20:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-300\/20:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:fill-bluegray-300\/20:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-300\/30:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-300\/30:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:fill-bluegray-300\/30:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-300\/40:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-300\/40:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:fill-bluegray-300\/40:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-300\/50:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-300\/50:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:fill-bluegray-300\/50:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-300\/60:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-300\/60:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:fill-bluegray-300\/60:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-300\/70:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-300\/70:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:fill-bluegray-300\/70:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-300\/80:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-300\/80:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:fill-bluegray-300\/80:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-300\/90:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-300\/90:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:fill-bluegray-300\/90:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-400:focus { + fill: var(--bluegray-400) + } + .md\:hover\:fill-bluegray-400:hover { + fill: var(--bluegray-400) + } + .md\:active\:fill-bluegray-400:active { + fill: var(--bluegray-400) + } + .md\:focus\:fill-bluegray-400\/10:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-400\/10:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:fill-bluegray-400\/10:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-400\/20:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-400\/20:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:fill-bluegray-400\/20:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-400\/30:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-400\/30:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:fill-bluegray-400\/30:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-400\/40:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-400\/40:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:fill-bluegray-400\/40:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-400\/50:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-400\/50:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:fill-bluegray-400\/50:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-400\/60:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-400\/60:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:fill-bluegray-400\/60:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-400\/70:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-400\/70:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:fill-bluegray-400\/70:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-400\/80:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-400\/80:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:fill-bluegray-400\/80:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-400\/90:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-400\/90:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:fill-bluegray-400\/90:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-500:focus { + fill: var(--bluegray-500) + } + .md\:hover\:fill-bluegray-500:hover { + fill: var(--bluegray-500) + } + .md\:active\:fill-bluegray-500:active { + fill: var(--bluegray-500) + } + .md\:focus\:fill-bluegray-500\/10:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-500\/10:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:fill-bluegray-500\/10:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-500\/20:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-500\/20:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:fill-bluegray-500\/20:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-500\/30:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-500\/30:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:fill-bluegray-500\/30:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-500\/40:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-500\/40:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:fill-bluegray-500\/40:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-500\/50:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-500\/50:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:fill-bluegray-500\/50:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-500\/60:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-500\/60:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:fill-bluegray-500\/60:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-500\/70:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-500\/70:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:fill-bluegray-500\/70:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-500\/80:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-500\/80:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:fill-bluegray-500\/80:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-500\/90:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-500\/90:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:fill-bluegray-500\/90:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-600:focus { + fill: var(--bluegray-600) + } + .md\:hover\:fill-bluegray-600:hover { + fill: var(--bluegray-600) + } + .md\:active\:fill-bluegray-600:active { + fill: var(--bluegray-600) + } + .md\:focus\:fill-bluegray-600\/10:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-600\/10:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:fill-bluegray-600\/10:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-600\/20:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-600\/20:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:fill-bluegray-600\/20:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-600\/30:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-600\/30:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:fill-bluegray-600\/30:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-600\/40:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-600\/40:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:fill-bluegray-600\/40:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-600\/50:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-600\/50:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:fill-bluegray-600\/50:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-600\/60:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-600\/60:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:fill-bluegray-600\/60:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-600\/70:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-600\/70:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:fill-bluegray-600\/70:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-600\/80:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-600\/80:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:fill-bluegray-600\/80:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-600\/90:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-600\/90:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:fill-bluegray-600\/90:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-700:focus { + fill: var(--bluegray-700) + } + .md\:hover\:fill-bluegray-700:hover { + fill: var(--bluegray-700) + } + .md\:active\:fill-bluegray-700:active { + fill: var(--bluegray-700) + } + .md\:focus\:fill-bluegray-700\/10:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-700\/10:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:fill-bluegray-700\/10:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-700\/20:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-700\/20:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:fill-bluegray-700\/20:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-700\/30:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-700\/30:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:fill-bluegray-700\/30:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-700\/40:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-700\/40:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:fill-bluegray-700\/40:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-700\/50:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-700\/50:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:fill-bluegray-700\/50:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-700\/60:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-700\/60:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:fill-bluegray-700\/60:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-700\/70:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-700\/70:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:fill-bluegray-700\/70:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-700\/80:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-700\/80:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:fill-bluegray-700\/80:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-700\/90:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-700\/90:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:fill-bluegray-700\/90:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-800:focus { + fill: var(--bluegray-800) + } + .md\:hover\:fill-bluegray-800:hover { + fill: var(--bluegray-800) + } + .md\:active\:fill-bluegray-800:active { + fill: var(--bluegray-800) + } + .md\:focus\:fill-bluegray-800\/10:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-800\/10:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:fill-bluegray-800\/10:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-800\/20:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-800\/20:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:fill-bluegray-800\/20:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-800\/30:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-800\/30:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:fill-bluegray-800\/30:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-800\/40:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-800\/40:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:fill-bluegray-800\/40:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-800\/50:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-800\/50:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:fill-bluegray-800\/50:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-800\/60:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-800\/60:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:fill-bluegray-800\/60:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-800\/70:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-800\/70:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:fill-bluegray-800\/70:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-800\/80:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-800\/80:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:fill-bluegray-800\/80:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-800\/90:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-800\/90:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:fill-bluegray-800\/90:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:fill-bluegray-900:focus { + fill: var(--bluegray-900) + } + .md\:hover\:fill-bluegray-900:hover { + fill: var(--bluegray-900) + } + .md\:active\:fill-bluegray-900:active { + fill: var(--bluegray-900) + } + .md\:focus\:fill-bluegray-900\/10:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:fill-bluegray-900\/10:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:fill-bluegray-900\/10:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:fill-bluegray-900\/20:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:fill-bluegray-900\/20:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:fill-bluegray-900\/20:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:fill-bluegray-900\/30:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:fill-bluegray-900\/30:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:fill-bluegray-900\/30:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:fill-bluegray-900\/40:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:fill-bluegray-900\/40:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:fill-bluegray-900\/40:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:fill-bluegray-900\/50:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:fill-bluegray-900\/50:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:fill-bluegray-900\/50:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:fill-bluegray-900\/60:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:fill-bluegray-900\/60:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:fill-bluegray-900\/60:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:fill-bluegray-900\/70:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:fill-bluegray-900\/70:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:fill-bluegray-900\/70:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:fill-bluegray-900\/80:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:fill-bluegray-900\/80:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:fill-bluegray-900\/80:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:fill-bluegray-900\/90:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:fill-bluegray-900\/90:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:fill-bluegray-900\/90:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:fill-purple-50:focus { + fill: var(--purple-50) + } + .md\:hover\:fill-purple-50:hover { + fill: var(--purple-50) + } + .md\:active\:fill-purple-50:active { + fill: var(--purple-50) + } + .md\:focus\:fill-purple-50\/10:focus { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:fill-purple-50\/10:hover { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:fill-purple-50\/10:active { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:fill-purple-50\/20:focus { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:fill-purple-50\/20:hover { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:fill-purple-50\/20:active { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:fill-purple-50\/30:focus { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:fill-purple-50\/30:hover { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:fill-purple-50\/30:active { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:fill-purple-50\/40:focus { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:fill-purple-50\/40:hover { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:fill-purple-50\/40:active { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:fill-purple-50\/50:focus { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:fill-purple-50\/50:hover { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:fill-purple-50\/50:active { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:fill-purple-50\/60:focus { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:fill-purple-50\/60:hover { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:fill-purple-50\/60:active { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:fill-purple-50\/70:focus { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:fill-purple-50\/70:hover { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:fill-purple-50\/70:active { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:fill-purple-50\/80:focus { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:fill-purple-50\/80:hover { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:fill-purple-50\/80:active { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:fill-purple-50\/90:focus { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:fill-purple-50\/90:hover { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:fill-purple-50\/90:active { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:fill-purple-100:focus { + fill: var(--purple-100) + } + .md\:hover\:fill-purple-100:hover { + fill: var(--purple-100) + } + .md\:active\:fill-purple-100:active { + fill: var(--purple-100) + } + .md\:focus\:fill-purple-100\/10:focus { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:fill-purple-100\/10:hover { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:fill-purple-100\/10:active { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:fill-purple-100\/20:focus { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:fill-purple-100\/20:hover { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:fill-purple-100\/20:active { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:fill-purple-100\/30:focus { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:fill-purple-100\/30:hover { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:fill-purple-100\/30:active { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:fill-purple-100\/40:focus { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:fill-purple-100\/40:hover { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:fill-purple-100\/40:active { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:fill-purple-100\/50:focus { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:fill-purple-100\/50:hover { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:fill-purple-100\/50:active { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:fill-purple-100\/60:focus { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:fill-purple-100\/60:hover { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:fill-purple-100\/60:active { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:fill-purple-100\/70:focus { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:fill-purple-100\/70:hover { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:fill-purple-100\/70:active { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:fill-purple-100\/80:focus { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:fill-purple-100\/80:hover { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:fill-purple-100\/80:active { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:fill-purple-100\/90:focus { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:fill-purple-100\/90:hover { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:fill-purple-100\/90:active { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:fill-purple-200:focus { + fill: var(--purple-200) + } + .md\:hover\:fill-purple-200:hover { + fill: var(--purple-200) + } + .md\:active\:fill-purple-200:active { + fill: var(--purple-200) + } + .md\:focus\:fill-purple-200\/10:focus { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:fill-purple-200\/10:hover { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:fill-purple-200\/10:active { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:fill-purple-200\/20:focus { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:fill-purple-200\/20:hover { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:fill-purple-200\/20:active { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:fill-purple-200\/30:focus { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:fill-purple-200\/30:hover { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:fill-purple-200\/30:active { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:fill-purple-200\/40:focus { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:fill-purple-200\/40:hover { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:fill-purple-200\/40:active { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:fill-purple-200\/50:focus { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:fill-purple-200\/50:hover { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:fill-purple-200\/50:active { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:fill-purple-200\/60:focus { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:fill-purple-200\/60:hover { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:fill-purple-200\/60:active { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:fill-purple-200\/70:focus { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:fill-purple-200\/70:hover { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:fill-purple-200\/70:active { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:fill-purple-200\/80:focus { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:fill-purple-200\/80:hover { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:fill-purple-200\/80:active { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:fill-purple-200\/90:focus { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:fill-purple-200\/90:hover { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:fill-purple-200\/90:active { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:fill-purple-300:focus { + fill: var(--purple-300) + } + .md\:hover\:fill-purple-300:hover { + fill: var(--purple-300) + } + .md\:active\:fill-purple-300:active { + fill: var(--purple-300) + } + .md\:focus\:fill-purple-300\/10:focus { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:fill-purple-300\/10:hover { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:fill-purple-300\/10:active { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:fill-purple-300\/20:focus { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:fill-purple-300\/20:hover { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:fill-purple-300\/20:active { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:fill-purple-300\/30:focus { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:fill-purple-300\/30:hover { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:fill-purple-300\/30:active { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:fill-purple-300\/40:focus { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:fill-purple-300\/40:hover { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:fill-purple-300\/40:active { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:fill-purple-300\/50:focus { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:fill-purple-300\/50:hover { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:fill-purple-300\/50:active { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:fill-purple-300\/60:focus { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:fill-purple-300\/60:hover { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:fill-purple-300\/60:active { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:fill-purple-300\/70:focus { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:fill-purple-300\/70:hover { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:fill-purple-300\/70:active { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:fill-purple-300\/80:focus { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:fill-purple-300\/80:hover { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:fill-purple-300\/80:active { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:fill-purple-300\/90:focus { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:fill-purple-300\/90:hover { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:fill-purple-300\/90:active { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:fill-purple-400:focus { + fill: var(--purple-400) + } + .md\:hover\:fill-purple-400:hover { + fill: var(--purple-400) + } + .md\:active\:fill-purple-400:active { + fill: var(--purple-400) + } + .md\:focus\:fill-purple-400\/10:focus { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:fill-purple-400\/10:hover { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:fill-purple-400\/10:active { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:fill-purple-400\/20:focus { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:fill-purple-400\/20:hover { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:fill-purple-400\/20:active { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:fill-purple-400\/30:focus { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:fill-purple-400\/30:hover { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:fill-purple-400\/30:active { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:fill-purple-400\/40:focus { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:fill-purple-400\/40:hover { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:fill-purple-400\/40:active { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:fill-purple-400\/50:focus { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:fill-purple-400\/50:hover { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:fill-purple-400\/50:active { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:fill-purple-400\/60:focus { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:fill-purple-400\/60:hover { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:fill-purple-400\/60:active { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:fill-purple-400\/70:focus { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:fill-purple-400\/70:hover { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:fill-purple-400\/70:active { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:fill-purple-400\/80:focus { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:fill-purple-400\/80:hover { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:fill-purple-400\/80:active { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:fill-purple-400\/90:focus { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:fill-purple-400\/90:hover { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:fill-purple-400\/90:active { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:fill-purple-500:focus { + fill: var(--purple-500) + } + .md\:hover\:fill-purple-500:hover { + fill: var(--purple-500) + } + .md\:active\:fill-purple-500:active { + fill: var(--purple-500) + } + .md\:focus\:fill-purple-500\/10:focus { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:fill-purple-500\/10:hover { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:fill-purple-500\/10:active { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:fill-purple-500\/20:focus { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:fill-purple-500\/20:hover { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:fill-purple-500\/20:active { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:fill-purple-500\/30:focus { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:fill-purple-500\/30:hover { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:fill-purple-500\/30:active { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:fill-purple-500\/40:focus { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:fill-purple-500\/40:hover { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:fill-purple-500\/40:active { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:fill-purple-500\/50:focus { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:fill-purple-500\/50:hover { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:fill-purple-500\/50:active { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:fill-purple-500\/60:focus { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:fill-purple-500\/60:hover { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:fill-purple-500\/60:active { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:fill-purple-500\/70:focus { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:fill-purple-500\/70:hover { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:fill-purple-500\/70:active { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:fill-purple-500\/80:focus { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:fill-purple-500\/80:hover { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:fill-purple-500\/80:active { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:fill-purple-500\/90:focus { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:fill-purple-500\/90:hover { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:fill-purple-500\/90:active { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:fill-purple-600:focus { + fill: var(--purple-600) + } + .md\:hover\:fill-purple-600:hover { + fill: var(--purple-600) + } + .md\:active\:fill-purple-600:active { + fill: var(--purple-600) + } + .md\:focus\:fill-purple-600\/10:focus { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:fill-purple-600\/10:hover { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:fill-purple-600\/10:active { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:fill-purple-600\/20:focus { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:fill-purple-600\/20:hover { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:fill-purple-600\/20:active { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:fill-purple-600\/30:focus { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:fill-purple-600\/30:hover { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:fill-purple-600\/30:active { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:fill-purple-600\/40:focus { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:fill-purple-600\/40:hover { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:fill-purple-600\/40:active { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:fill-purple-600\/50:focus { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:fill-purple-600\/50:hover { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:fill-purple-600\/50:active { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:fill-purple-600\/60:focus { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:fill-purple-600\/60:hover { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:fill-purple-600\/60:active { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:fill-purple-600\/70:focus { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:fill-purple-600\/70:hover { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:fill-purple-600\/70:active { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:fill-purple-600\/80:focus { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:fill-purple-600\/80:hover { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:fill-purple-600\/80:active { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:fill-purple-600\/90:focus { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:fill-purple-600\/90:hover { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:fill-purple-600\/90:active { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:fill-purple-700:focus { + fill: var(--purple-700) + } + .md\:hover\:fill-purple-700:hover { + fill: var(--purple-700) + } + .md\:active\:fill-purple-700:active { + fill: var(--purple-700) + } + .md\:focus\:fill-purple-700\/10:focus { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:fill-purple-700\/10:hover { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:fill-purple-700\/10:active { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:fill-purple-700\/20:focus { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:fill-purple-700\/20:hover { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:fill-purple-700\/20:active { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:fill-purple-700\/30:focus { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:fill-purple-700\/30:hover { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:fill-purple-700\/30:active { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:fill-purple-700\/40:focus { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:fill-purple-700\/40:hover { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:fill-purple-700\/40:active { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:fill-purple-700\/50:focus { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:fill-purple-700\/50:hover { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:fill-purple-700\/50:active { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:fill-purple-700\/60:focus { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:fill-purple-700\/60:hover { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:fill-purple-700\/60:active { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:fill-purple-700\/70:focus { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:fill-purple-700\/70:hover { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:fill-purple-700\/70:active { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:fill-purple-700\/80:focus { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:fill-purple-700\/80:hover { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:fill-purple-700\/80:active { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:fill-purple-700\/90:focus { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:fill-purple-700\/90:hover { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:fill-purple-700\/90:active { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:fill-purple-800:focus { + fill: var(--purple-800) + } + .md\:hover\:fill-purple-800:hover { + fill: var(--purple-800) + } + .md\:active\:fill-purple-800:active { + fill: var(--purple-800) + } + .md\:focus\:fill-purple-800\/10:focus { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:fill-purple-800\/10:hover { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:fill-purple-800\/10:active { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:fill-purple-800\/20:focus { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:fill-purple-800\/20:hover { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:fill-purple-800\/20:active { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:fill-purple-800\/30:focus { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:fill-purple-800\/30:hover { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:fill-purple-800\/30:active { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:fill-purple-800\/40:focus { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:fill-purple-800\/40:hover { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:fill-purple-800\/40:active { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:fill-purple-800\/50:focus { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:fill-purple-800\/50:hover { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:fill-purple-800\/50:active { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:fill-purple-800\/60:focus { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:fill-purple-800\/60:hover { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:fill-purple-800\/60:active { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:fill-purple-800\/70:focus { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:fill-purple-800\/70:hover { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:fill-purple-800\/70:active { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:fill-purple-800\/80:focus { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:fill-purple-800\/80:hover { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:fill-purple-800\/80:active { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:fill-purple-800\/90:focus { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:fill-purple-800\/90:hover { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:fill-purple-800\/90:active { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:fill-purple-900:focus { + fill: var(--purple-900) + } + .md\:hover\:fill-purple-900:hover { + fill: var(--purple-900) + } + .md\:active\:fill-purple-900:active { + fill: var(--purple-900) + } + .md\:focus\:fill-purple-900\/10:focus { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:fill-purple-900\/10:hover { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:fill-purple-900\/10:active { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:fill-purple-900\/20:focus { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:fill-purple-900\/20:hover { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:fill-purple-900\/20:active { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:fill-purple-900\/30:focus { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:fill-purple-900\/30:hover { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:fill-purple-900\/30:active { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:fill-purple-900\/40:focus { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:fill-purple-900\/40:hover { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:fill-purple-900\/40:active { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:fill-purple-900\/50:focus { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:fill-purple-900\/50:hover { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:fill-purple-900\/50:active { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:fill-purple-900\/60:focus { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:fill-purple-900\/60:hover { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:fill-purple-900\/60:active { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:fill-purple-900\/70:focus { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:fill-purple-900\/70:hover { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:fill-purple-900\/70:active { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:fill-purple-900\/80:focus { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:fill-purple-900\/80:hover { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:fill-purple-900\/80:active { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:fill-purple-900\/90:focus { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:fill-purple-900\/90:hover { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:fill-purple-900\/90:active { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:fill-red-50:focus { + fill: var(--red-50) + } + .md\:hover\:fill-red-50:hover { + fill: var(--red-50) + } + .md\:active\:fill-red-50:active { + fill: var(--red-50) + } + .md\:focus\:fill-red-50\/10:focus { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:fill-red-50\/10:hover { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:fill-red-50\/10:active { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:fill-red-50\/20:focus { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:fill-red-50\/20:hover { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:fill-red-50\/20:active { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:fill-red-50\/30:focus { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:fill-red-50\/30:hover { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:fill-red-50\/30:active { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:fill-red-50\/40:focus { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:fill-red-50\/40:hover { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:fill-red-50\/40:active { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:fill-red-50\/50:focus { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:fill-red-50\/50:hover { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:fill-red-50\/50:active { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:fill-red-50\/60:focus { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:fill-red-50\/60:hover { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:fill-red-50\/60:active { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:fill-red-50\/70:focus { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:fill-red-50\/70:hover { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:fill-red-50\/70:active { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:fill-red-50\/80:focus { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:fill-red-50\/80:hover { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:fill-red-50\/80:active { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:fill-red-50\/90:focus { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:fill-red-50\/90:hover { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:fill-red-50\/90:active { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:fill-red-100:focus { + fill: var(--red-100) + } + .md\:hover\:fill-red-100:hover { + fill: var(--red-100) + } + .md\:active\:fill-red-100:active { + fill: var(--red-100) + } + .md\:focus\:fill-red-100\/10:focus { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:fill-red-100\/10:hover { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:fill-red-100\/10:active { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:fill-red-100\/20:focus { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:fill-red-100\/20:hover { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:fill-red-100\/20:active { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:fill-red-100\/30:focus { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:fill-red-100\/30:hover { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:fill-red-100\/30:active { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:fill-red-100\/40:focus { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:fill-red-100\/40:hover { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:fill-red-100\/40:active { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:fill-red-100\/50:focus { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:fill-red-100\/50:hover { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:fill-red-100\/50:active { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:fill-red-100\/60:focus { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:fill-red-100\/60:hover { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:fill-red-100\/60:active { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:fill-red-100\/70:focus { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:fill-red-100\/70:hover { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:fill-red-100\/70:active { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:fill-red-100\/80:focus { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:fill-red-100\/80:hover { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:fill-red-100\/80:active { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:fill-red-100\/90:focus { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:fill-red-100\/90:hover { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:fill-red-100\/90:active { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:fill-red-200:focus { + fill: var(--red-200) + } + .md\:hover\:fill-red-200:hover { + fill: var(--red-200) + } + .md\:active\:fill-red-200:active { + fill: var(--red-200) + } + .md\:focus\:fill-red-200\/10:focus { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:fill-red-200\/10:hover { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:fill-red-200\/10:active { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:fill-red-200\/20:focus { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:fill-red-200\/20:hover { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:fill-red-200\/20:active { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:fill-red-200\/30:focus { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:fill-red-200\/30:hover { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:fill-red-200\/30:active { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:fill-red-200\/40:focus { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:fill-red-200\/40:hover { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:fill-red-200\/40:active { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:fill-red-200\/50:focus { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:fill-red-200\/50:hover { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:fill-red-200\/50:active { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:fill-red-200\/60:focus { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:fill-red-200\/60:hover { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:fill-red-200\/60:active { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:fill-red-200\/70:focus { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:fill-red-200\/70:hover { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:fill-red-200\/70:active { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:fill-red-200\/80:focus { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:fill-red-200\/80:hover { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:fill-red-200\/80:active { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:fill-red-200\/90:focus { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:fill-red-200\/90:hover { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:fill-red-200\/90:active { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:fill-red-300:focus { + fill: var(--red-300) + } + .md\:hover\:fill-red-300:hover { + fill: var(--red-300) + } + .md\:active\:fill-red-300:active { + fill: var(--red-300) + } + .md\:focus\:fill-red-300\/10:focus { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:fill-red-300\/10:hover { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:fill-red-300\/10:active { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:fill-red-300\/20:focus { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:fill-red-300\/20:hover { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:fill-red-300\/20:active { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:fill-red-300\/30:focus { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:fill-red-300\/30:hover { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:fill-red-300\/30:active { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:fill-red-300\/40:focus { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:fill-red-300\/40:hover { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:fill-red-300\/40:active { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:fill-red-300\/50:focus { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:fill-red-300\/50:hover { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:fill-red-300\/50:active { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:fill-red-300\/60:focus { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:fill-red-300\/60:hover { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:fill-red-300\/60:active { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:fill-red-300\/70:focus { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:fill-red-300\/70:hover { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:fill-red-300\/70:active { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:fill-red-300\/80:focus { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:fill-red-300\/80:hover { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:fill-red-300\/80:active { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:fill-red-300\/90:focus { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:fill-red-300\/90:hover { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:fill-red-300\/90:active { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:fill-red-400:focus { + fill: var(--red-400) + } + .md\:hover\:fill-red-400:hover { + fill: var(--red-400) + } + .md\:active\:fill-red-400:active { + fill: var(--red-400) + } + .md\:focus\:fill-red-400\/10:focus { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:fill-red-400\/10:hover { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:fill-red-400\/10:active { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:fill-red-400\/20:focus { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:fill-red-400\/20:hover { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:fill-red-400\/20:active { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:fill-red-400\/30:focus { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:fill-red-400\/30:hover { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:fill-red-400\/30:active { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:fill-red-400\/40:focus { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:fill-red-400\/40:hover { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:fill-red-400\/40:active { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:fill-red-400\/50:focus { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:fill-red-400\/50:hover { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:fill-red-400\/50:active { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:fill-red-400\/60:focus { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:fill-red-400\/60:hover { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:fill-red-400\/60:active { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:fill-red-400\/70:focus { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:fill-red-400\/70:hover { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:fill-red-400\/70:active { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:fill-red-400\/80:focus { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:fill-red-400\/80:hover { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:fill-red-400\/80:active { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:fill-red-400\/90:focus { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:fill-red-400\/90:hover { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:fill-red-400\/90:active { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:fill-red-500:focus { + fill: var(--red-500) + } + .md\:hover\:fill-red-500:hover { + fill: var(--red-500) + } + .md\:active\:fill-red-500:active { + fill: var(--red-500) + } + .md\:focus\:fill-red-500\/10:focus { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:fill-red-500\/10:hover { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:fill-red-500\/10:active { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:fill-red-500\/20:focus { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:fill-red-500\/20:hover { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:fill-red-500\/20:active { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:fill-red-500\/30:focus { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:fill-red-500\/30:hover { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:fill-red-500\/30:active { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:fill-red-500\/40:focus { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:fill-red-500\/40:hover { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:fill-red-500\/40:active { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:fill-red-500\/50:focus { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:fill-red-500\/50:hover { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:fill-red-500\/50:active { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:fill-red-500\/60:focus { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:fill-red-500\/60:hover { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:fill-red-500\/60:active { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:fill-red-500\/70:focus { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:fill-red-500\/70:hover { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:fill-red-500\/70:active { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:fill-red-500\/80:focus { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:fill-red-500\/80:hover { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:fill-red-500\/80:active { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:fill-red-500\/90:focus { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:fill-red-500\/90:hover { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:fill-red-500\/90:active { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:fill-red-600:focus { + fill: var(--red-600) + } + .md\:hover\:fill-red-600:hover { + fill: var(--red-600) + } + .md\:active\:fill-red-600:active { + fill: var(--red-600) + } + .md\:focus\:fill-red-600\/10:focus { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:fill-red-600\/10:hover { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:fill-red-600\/10:active { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:fill-red-600\/20:focus { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:fill-red-600\/20:hover { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:fill-red-600\/20:active { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:fill-red-600\/30:focus { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:fill-red-600\/30:hover { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:fill-red-600\/30:active { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:fill-red-600\/40:focus { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:fill-red-600\/40:hover { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:fill-red-600\/40:active { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:fill-red-600\/50:focus { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:fill-red-600\/50:hover { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:fill-red-600\/50:active { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:fill-red-600\/60:focus { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:fill-red-600\/60:hover { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:fill-red-600\/60:active { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:fill-red-600\/70:focus { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:fill-red-600\/70:hover { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:fill-red-600\/70:active { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:fill-red-600\/80:focus { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:fill-red-600\/80:hover { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:fill-red-600\/80:active { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:fill-red-600\/90:focus { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:fill-red-600\/90:hover { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:fill-red-600\/90:active { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:fill-red-700:focus { + fill: var(--red-700) + } + .md\:hover\:fill-red-700:hover { + fill: var(--red-700) + } + .md\:active\:fill-red-700:active { + fill: var(--red-700) + } + .md\:focus\:fill-red-700\/10:focus { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:fill-red-700\/10:hover { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:fill-red-700\/10:active { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:fill-red-700\/20:focus { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:fill-red-700\/20:hover { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:fill-red-700\/20:active { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:fill-red-700\/30:focus { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:fill-red-700\/30:hover { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:fill-red-700\/30:active { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:fill-red-700\/40:focus { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:fill-red-700\/40:hover { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:fill-red-700\/40:active { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:fill-red-700\/50:focus { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:fill-red-700\/50:hover { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:fill-red-700\/50:active { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:fill-red-700\/60:focus { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:fill-red-700\/60:hover { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:fill-red-700\/60:active { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:fill-red-700\/70:focus { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:fill-red-700\/70:hover { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:fill-red-700\/70:active { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:fill-red-700\/80:focus { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:fill-red-700\/80:hover { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:fill-red-700\/80:active { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:fill-red-700\/90:focus { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:fill-red-700\/90:hover { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:fill-red-700\/90:active { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:fill-red-800:focus { + fill: var(--red-800) + } + .md\:hover\:fill-red-800:hover { + fill: var(--red-800) + } + .md\:active\:fill-red-800:active { + fill: var(--red-800) + } + .md\:focus\:fill-red-800\/10:focus { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:fill-red-800\/10:hover { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:fill-red-800\/10:active { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:fill-red-800\/20:focus { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:fill-red-800\/20:hover { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:fill-red-800\/20:active { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:fill-red-800\/30:focus { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:fill-red-800\/30:hover { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:fill-red-800\/30:active { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:fill-red-800\/40:focus { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:fill-red-800\/40:hover { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:fill-red-800\/40:active { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:fill-red-800\/50:focus { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:fill-red-800\/50:hover { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:fill-red-800\/50:active { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:fill-red-800\/60:focus { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:fill-red-800\/60:hover { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:fill-red-800\/60:active { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:fill-red-800\/70:focus { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:fill-red-800\/70:hover { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:fill-red-800\/70:active { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:fill-red-800\/80:focus { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:fill-red-800\/80:hover { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:fill-red-800\/80:active { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:fill-red-800\/90:focus { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:fill-red-800\/90:hover { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:fill-red-800\/90:active { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:fill-red-900:focus { + fill: var(--red-900) + } + .md\:hover\:fill-red-900:hover { + fill: var(--red-900) + } + .md\:active\:fill-red-900:active { + fill: var(--red-900) + } + .md\:focus\:fill-red-900\/10:focus { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:fill-red-900\/10:hover { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:fill-red-900\/10:active { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:fill-red-900\/20:focus { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:fill-red-900\/20:hover { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:fill-red-900\/20:active { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:fill-red-900\/30:focus { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:fill-red-900\/30:hover { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:fill-red-900\/30:active { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:fill-red-900\/40:focus { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:fill-red-900\/40:hover { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:fill-red-900\/40:active { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:fill-red-900\/50:focus { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:fill-red-900\/50:hover { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:fill-red-900\/50:active { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:fill-red-900\/60:focus { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:fill-red-900\/60:hover { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:fill-red-900\/60:active { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:fill-red-900\/70:focus { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:fill-red-900\/70:hover { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:fill-red-900\/70:active { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:fill-red-900\/80:focus { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:fill-red-900\/80:hover { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:fill-red-900\/80:active { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:fill-red-900\/90:focus { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:fill-red-900\/90:hover { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:fill-red-900\/90:active { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:fill-gray-50:focus { + fill: var(--gray-50) + } + .md\:hover\:fill-gray-50:hover { + fill: var(--gray-50) + } + .md\:active\:fill-gray-50:active { + fill: var(--gray-50) + } + .md\:focus\:fill-gray-50\/10:focus { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:fill-gray-50\/10:hover { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:fill-gray-50\/10:active { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:fill-gray-50\/20:focus { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:fill-gray-50\/20:hover { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:fill-gray-50\/20:active { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:fill-gray-50\/30:focus { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:fill-gray-50\/30:hover { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:fill-gray-50\/30:active { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:fill-gray-50\/40:focus { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:fill-gray-50\/40:hover { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:fill-gray-50\/40:active { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:fill-gray-50\/50:focus { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:fill-gray-50\/50:hover { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:fill-gray-50\/50:active { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:fill-gray-50\/60:focus { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:fill-gray-50\/60:hover { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:fill-gray-50\/60:active { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:fill-gray-50\/70:focus { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:fill-gray-50\/70:hover { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:fill-gray-50\/70:active { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:fill-gray-50\/80:focus { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:fill-gray-50\/80:hover { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:fill-gray-50\/80:active { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:fill-gray-50\/90:focus { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:fill-gray-50\/90:hover { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:fill-gray-50\/90:active { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:fill-gray-100:focus { + fill: var(--gray-100) + } + .md\:hover\:fill-gray-100:hover { + fill: var(--gray-100) + } + .md\:active\:fill-gray-100:active { + fill: var(--gray-100) + } + .md\:focus\:fill-gray-100\/10:focus { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:fill-gray-100\/10:hover { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:fill-gray-100\/10:active { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:fill-gray-100\/20:focus { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:fill-gray-100\/20:hover { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:fill-gray-100\/20:active { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:fill-gray-100\/30:focus { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:fill-gray-100\/30:hover { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:fill-gray-100\/30:active { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:fill-gray-100\/40:focus { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:fill-gray-100\/40:hover { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:fill-gray-100\/40:active { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:fill-gray-100\/50:focus { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:fill-gray-100\/50:hover { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:fill-gray-100\/50:active { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:fill-gray-100\/60:focus { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:fill-gray-100\/60:hover { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:fill-gray-100\/60:active { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:fill-gray-100\/70:focus { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:fill-gray-100\/70:hover { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:fill-gray-100\/70:active { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:fill-gray-100\/80:focus { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:fill-gray-100\/80:hover { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:fill-gray-100\/80:active { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:fill-gray-100\/90:focus { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:fill-gray-100\/90:hover { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:fill-gray-100\/90:active { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:fill-gray-200:focus { + fill: var(--gray-200) + } + .md\:hover\:fill-gray-200:hover { + fill: var(--gray-200) + } + .md\:active\:fill-gray-200:active { + fill: var(--gray-200) + } + .md\:focus\:fill-gray-200\/10:focus { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:fill-gray-200\/10:hover { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:fill-gray-200\/10:active { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:fill-gray-200\/20:focus { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:fill-gray-200\/20:hover { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:fill-gray-200\/20:active { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:fill-gray-200\/30:focus { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:fill-gray-200\/30:hover { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:fill-gray-200\/30:active { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:fill-gray-200\/40:focus { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:fill-gray-200\/40:hover { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:fill-gray-200\/40:active { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:fill-gray-200\/50:focus { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:fill-gray-200\/50:hover { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:fill-gray-200\/50:active { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:fill-gray-200\/60:focus { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:fill-gray-200\/60:hover { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:fill-gray-200\/60:active { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:fill-gray-200\/70:focus { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:fill-gray-200\/70:hover { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:fill-gray-200\/70:active { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:fill-gray-200\/80:focus { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:fill-gray-200\/80:hover { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:fill-gray-200\/80:active { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:fill-gray-200\/90:focus { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:fill-gray-200\/90:hover { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:fill-gray-200\/90:active { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:fill-gray-300:focus { + fill: var(--gray-300) + } + .md\:hover\:fill-gray-300:hover { + fill: var(--gray-300) + } + .md\:active\:fill-gray-300:active { + fill: var(--gray-300) + } + .md\:focus\:fill-gray-300\/10:focus { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:fill-gray-300\/10:hover { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:fill-gray-300\/10:active { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:fill-gray-300\/20:focus { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:fill-gray-300\/20:hover { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:fill-gray-300\/20:active { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:fill-gray-300\/30:focus { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:fill-gray-300\/30:hover { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:fill-gray-300\/30:active { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:fill-gray-300\/40:focus { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:fill-gray-300\/40:hover { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:fill-gray-300\/40:active { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:fill-gray-300\/50:focus { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:fill-gray-300\/50:hover { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:fill-gray-300\/50:active { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:fill-gray-300\/60:focus { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:fill-gray-300\/60:hover { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:fill-gray-300\/60:active { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:fill-gray-300\/70:focus { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:fill-gray-300\/70:hover { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:fill-gray-300\/70:active { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:fill-gray-300\/80:focus { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:fill-gray-300\/80:hover { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:fill-gray-300\/80:active { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:fill-gray-300\/90:focus { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:fill-gray-300\/90:hover { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:fill-gray-300\/90:active { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:fill-gray-400:focus { + fill: var(--gray-400) + } + .md\:hover\:fill-gray-400:hover { + fill: var(--gray-400) + } + .md\:active\:fill-gray-400:active { + fill: var(--gray-400) + } + .md\:focus\:fill-gray-400\/10:focus { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:fill-gray-400\/10:hover { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:fill-gray-400\/10:active { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:fill-gray-400\/20:focus { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:fill-gray-400\/20:hover { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:fill-gray-400\/20:active { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:fill-gray-400\/30:focus { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:fill-gray-400\/30:hover { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:fill-gray-400\/30:active { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:fill-gray-400\/40:focus { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:fill-gray-400\/40:hover { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:fill-gray-400\/40:active { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:fill-gray-400\/50:focus { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:fill-gray-400\/50:hover { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:fill-gray-400\/50:active { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:fill-gray-400\/60:focus { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:fill-gray-400\/60:hover { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:fill-gray-400\/60:active { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:fill-gray-400\/70:focus { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:fill-gray-400\/70:hover { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:fill-gray-400\/70:active { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:fill-gray-400\/80:focus { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:fill-gray-400\/80:hover { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:fill-gray-400\/80:active { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:fill-gray-400\/90:focus { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:fill-gray-400\/90:hover { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:fill-gray-400\/90:active { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:fill-gray-500:focus { + fill: var(--gray-500) + } + .md\:hover\:fill-gray-500:hover { + fill: var(--gray-500) + } + .md\:active\:fill-gray-500:active { + fill: var(--gray-500) + } + .md\:focus\:fill-gray-500\/10:focus { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:fill-gray-500\/10:hover { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:fill-gray-500\/10:active { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:fill-gray-500\/20:focus { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:fill-gray-500\/20:hover { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:fill-gray-500\/20:active { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:fill-gray-500\/30:focus { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:fill-gray-500\/30:hover { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:fill-gray-500\/30:active { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:fill-gray-500\/40:focus { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:fill-gray-500\/40:hover { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:fill-gray-500\/40:active { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:fill-gray-500\/50:focus { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:fill-gray-500\/50:hover { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:fill-gray-500\/50:active { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:fill-gray-500\/60:focus { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:fill-gray-500\/60:hover { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:fill-gray-500\/60:active { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:fill-gray-500\/70:focus { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:fill-gray-500\/70:hover { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:fill-gray-500\/70:active { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:fill-gray-500\/80:focus { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:fill-gray-500\/80:hover { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:fill-gray-500\/80:active { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:fill-gray-500\/90:focus { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:fill-gray-500\/90:hover { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:fill-gray-500\/90:active { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:fill-gray-600:focus { + fill: var(--gray-600) + } + .md\:hover\:fill-gray-600:hover { + fill: var(--gray-600) + } + .md\:active\:fill-gray-600:active { + fill: var(--gray-600) + } + .md\:focus\:fill-gray-600\/10:focus { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:fill-gray-600\/10:hover { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:fill-gray-600\/10:active { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:fill-gray-600\/20:focus { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:fill-gray-600\/20:hover { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:fill-gray-600\/20:active { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:fill-gray-600\/30:focus { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:fill-gray-600\/30:hover { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:fill-gray-600\/30:active { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:fill-gray-600\/40:focus { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:fill-gray-600\/40:hover { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:fill-gray-600\/40:active { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:fill-gray-600\/50:focus { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:fill-gray-600\/50:hover { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:fill-gray-600\/50:active { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:fill-gray-600\/60:focus { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:fill-gray-600\/60:hover { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:fill-gray-600\/60:active { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:fill-gray-600\/70:focus { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:fill-gray-600\/70:hover { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:fill-gray-600\/70:active { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:fill-gray-600\/80:focus { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:fill-gray-600\/80:hover { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:fill-gray-600\/80:active { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:fill-gray-600\/90:focus { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:fill-gray-600\/90:hover { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:fill-gray-600\/90:active { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:fill-gray-700:focus { + fill: var(--gray-700) + } + .md\:hover\:fill-gray-700:hover { + fill: var(--gray-700) + } + .md\:active\:fill-gray-700:active { + fill: var(--gray-700) + } + .md\:focus\:fill-gray-700\/10:focus { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:fill-gray-700\/10:hover { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:fill-gray-700\/10:active { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:fill-gray-700\/20:focus { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:fill-gray-700\/20:hover { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:fill-gray-700\/20:active { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:fill-gray-700\/30:focus { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:fill-gray-700\/30:hover { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:fill-gray-700\/30:active { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:fill-gray-700\/40:focus { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:fill-gray-700\/40:hover { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:fill-gray-700\/40:active { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:fill-gray-700\/50:focus { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:fill-gray-700\/50:hover { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:fill-gray-700\/50:active { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:fill-gray-700\/60:focus { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:fill-gray-700\/60:hover { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:fill-gray-700\/60:active { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:fill-gray-700\/70:focus { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:fill-gray-700\/70:hover { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:fill-gray-700\/70:active { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:fill-gray-700\/80:focus { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:fill-gray-700\/80:hover { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:fill-gray-700\/80:active { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:fill-gray-700\/90:focus { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:fill-gray-700\/90:hover { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:fill-gray-700\/90:active { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:fill-gray-800:focus { + fill: var(--gray-800) + } + .md\:hover\:fill-gray-800:hover { + fill: var(--gray-800) + } + .md\:active\:fill-gray-800:active { + fill: var(--gray-800) + } + .md\:focus\:fill-gray-800\/10:focus { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:fill-gray-800\/10:hover { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:fill-gray-800\/10:active { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:fill-gray-800\/20:focus { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:fill-gray-800\/20:hover { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:fill-gray-800\/20:active { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:fill-gray-800\/30:focus { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:fill-gray-800\/30:hover { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:fill-gray-800\/30:active { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:fill-gray-800\/40:focus { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:fill-gray-800\/40:hover { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:fill-gray-800\/40:active { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:fill-gray-800\/50:focus { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:fill-gray-800\/50:hover { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:fill-gray-800\/50:active { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:fill-gray-800\/60:focus { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:fill-gray-800\/60:hover { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:fill-gray-800\/60:active { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:fill-gray-800\/70:focus { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:fill-gray-800\/70:hover { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:fill-gray-800\/70:active { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:fill-gray-800\/80:focus { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:fill-gray-800\/80:hover { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:fill-gray-800\/80:active { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:fill-gray-800\/90:focus { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:fill-gray-800\/90:hover { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:fill-gray-800\/90:active { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:fill-gray-900:focus { + fill: var(--gray-900) + } + .md\:hover\:fill-gray-900:hover { + fill: var(--gray-900) + } + .md\:active\:fill-gray-900:active { + fill: var(--gray-900) + } + .md\:focus\:fill-gray-900\/10:focus { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:fill-gray-900\/10:hover { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:fill-gray-900\/10:active { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:fill-gray-900\/20:focus { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:fill-gray-900\/20:hover { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:fill-gray-900\/20:active { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:fill-gray-900\/30:focus { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:fill-gray-900\/30:hover { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:fill-gray-900\/30:active { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:fill-gray-900\/40:focus { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:fill-gray-900\/40:hover { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:fill-gray-900\/40:active { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:fill-gray-900\/50:focus { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:fill-gray-900\/50:hover { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:fill-gray-900\/50:active { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:fill-gray-900\/60:focus { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:fill-gray-900\/60:hover { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:fill-gray-900\/60:active { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:fill-gray-900\/70:focus { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:fill-gray-900\/70:hover { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:fill-gray-900\/70:active { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:fill-gray-900\/80:focus { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:fill-gray-900\/80:hover { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:fill-gray-900\/80:active { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:fill-gray-900\/90:focus { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:fill-gray-900\/90:hover { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:fill-gray-900\/90:active { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:fill-surface-0:focus { + fill: var(--surface-0) + } + .md\:hover\:fill-surface-0:hover { + fill: var(--surface-0) + } + .md\:active\:fill-surface-0:active { + fill: var(--surface-0) + } + .md\:focus\:fill-surface-0\/10:focus { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:fill-surface-0\/10:hover { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:fill-surface-0\/10:active { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:fill-surface-0\/20:focus { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:fill-surface-0\/20:hover { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:fill-surface-0\/20:active { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:fill-surface-0\/30:focus { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:fill-surface-0\/30:hover { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:fill-surface-0\/30:active { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:fill-surface-0\/40:focus { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:fill-surface-0\/40:hover { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:fill-surface-0\/40:active { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:fill-surface-0\/50:focus { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:fill-surface-0\/50:hover { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:fill-surface-0\/50:active { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:fill-surface-0\/60:focus { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:fill-surface-0\/60:hover { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:fill-surface-0\/60:active { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:fill-surface-0\/70:focus { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:fill-surface-0\/70:hover { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:fill-surface-0\/70:active { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:fill-surface-0\/80:focus { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:fill-surface-0\/80:hover { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:fill-surface-0\/80:active { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:fill-surface-0\/90:focus { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:fill-surface-0\/90:hover { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:fill-surface-0\/90:active { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:fill-surface-50:focus { + fill: var(--surface-50) + } + .md\:hover\:fill-surface-50:hover { + fill: var(--surface-50) + } + .md\:active\:fill-surface-50:active { + fill: var(--surface-50) + } + .md\:focus\:fill-surface-50\/10:focus { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:fill-surface-50\/10:hover { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:fill-surface-50\/10:active { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:fill-surface-50\/20:focus { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:fill-surface-50\/20:hover { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:fill-surface-50\/20:active { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:fill-surface-50\/30:focus { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:fill-surface-50\/30:hover { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:fill-surface-50\/30:active { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:fill-surface-50\/40:focus { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:fill-surface-50\/40:hover { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:fill-surface-50\/40:active { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:fill-surface-50\/50:focus { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:fill-surface-50\/50:hover { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:fill-surface-50\/50:active { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:fill-surface-50\/60:focus { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:fill-surface-50\/60:hover { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:fill-surface-50\/60:active { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:fill-surface-50\/70:focus { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:fill-surface-50\/70:hover { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:fill-surface-50\/70:active { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:fill-surface-50\/80:focus { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:fill-surface-50\/80:hover { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:fill-surface-50\/80:active { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:fill-surface-50\/90:focus { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:fill-surface-50\/90:hover { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:fill-surface-50\/90:active { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:fill-surface-100:focus { + fill: var(--surface-100) + } + .md\:hover\:fill-surface-100:hover { + fill: var(--surface-100) + } + .md\:active\:fill-surface-100:active { + fill: var(--surface-100) + } + .md\:focus\:fill-surface-100\/10:focus { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:fill-surface-100\/10:hover { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:fill-surface-100\/10:active { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:fill-surface-100\/20:focus { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:fill-surface-100\/20:hover { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:fill-surface-100\/20:active { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:fill-surface-100\/30:focus { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:fill-surface-100\/30:hover { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:fill-surface-100\/30:active { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:fill-surface-100\/40:focus { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:fill-surface-100\/40:hover { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:fill-surface-100\/40:active { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:fill-surface-100\/50:focus { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:fill-surface-100\/50:hover { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:fill-surface-100\/50:active { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:fill-surface-100\/60:focus { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:fill-surface-100\/60:hover { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:fill-surface-100\/60:active { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:fill-surface-100\/70:focus { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:fill-surface-100\/70:hover { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:fill-surface-100\/70:active { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:fill-surface-100\/80:focus { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:fill-surface-100\/80:hover { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:fill-surface-100\/80:active { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:fill-surface-100\/90:focus { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:fill-surface-100\/90:hover { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:fill-surface-100\/90:active { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:fill-surface-200:focus { + fill: var(--surface-200) + } + .md\:hover\:fill-surface-200:hover { + fill: var(--surface-200) + } + .md\:active\:fill-surface-200:active { + fill: var(--surface-200) + } + .md\:focus\:fill-surface-200\/10:focus { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:fill-surface-200\/10:hover { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:fill-surface-200\/10:active { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:fill-surface-200\/20:focus { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:fill-surface-200\/20:hover { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:fill-surface-200\/20:active { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:fill-surface-200\/30:focus { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:fill-surface-200\/30:hover { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:fill-surface-200\/30:active { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:fill-surface-200\/40:focus { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:fill-surface-200\/40:hover { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:fill-surface-200\/40:active { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:fill-surface-200\/50:focus { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:fill-surface-200\/50:hover { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:fill-surface-200\/50:active { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:fill-surface-200\/60:focus { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:fill-surface-200\/60:hover { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:fill-surface-200\/60:active { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:fill-surface-200\/70:focus { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:fill-surface-200\/70:hover { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:fill-surface-200\/70:active { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:fill-surface-200\/80:focus { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:fill-surface-200\/80:hover { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:fill-surface-200\/80:active { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:fill-surface-200\/90:focus { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:fill-surface-200\/90:hover { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:fill-surface-200\/90:active { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:fill-surface-300:focus { + fill: var(--surface-300) + } + .md\:hover\:fill-surface-300:hover { + fill: var(--surface-300) + } + .md\:active\:fill-surface-300:active { + fill: var(--surface-300) + } + .md\:focus\:fill-surface-300\/10:focus { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:fill-surface-300\/10:hover { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:fill-surface-300\/10:active { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:fill-surface-300\/20:focus { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:fill-surface-300\/20:hover { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:fill-surface-300\/20:active { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:fill-surface-300\/30:focus { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:fill-surface-300\/30:hover { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:fill-surface-300\/30:active { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:fill-surface-300\/40:focus { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:fill-surface-300\/40:hover { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:fill-surface-300\/40:active { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:fill-surface-300\/50:focus { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:fill-surface-300\/50:hover { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:fill-surface-300\/50:active { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:fill-surface-300\/60:focus { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:fill-surface-300\/60:hover { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:fill-surface-300\/60:active { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:fill-surface-300\/70:focus { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:fill-surface-300\/70:hover { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:fill-surface-300\/70:active { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:fill-surface-300\/80:focus { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:fill-surface-300\/80:hover { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:fill-surface-300\/80:active { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:fill-surface-300\/90:focus { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:fill-surface-300\/90:hover { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:fill-surface-300\/90:active { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:fill-surface-400:focus { + fill: var(--surface-400) + } + .md\:hover\:fill-surface-400:hover { + fill: var(--surface-400) + } + .md\:active\:fill-surface-400:active { + fill: var(--surface-400) + } + .md\:focus\:fill-surface-400\/10:focus { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:fill-surface-400\/10:hover { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:fill-surface-400\/10:active { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:fill-surface-400\/20:focus { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:fill-surface-400\/20:hover { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:fill-surface-400\/20:active { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:fill-surface-400\/30:focus { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:fill-surface-400\/30:hover { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:fill-surface-400\/30:active { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:fill-surface-400\/40:focus { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:fill-surface-400\/40:hover { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:fill-surface-400\/40:active { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:fill-surface-400\/50:focus { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:fill-surface-400\/50:hover { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:fill-surface-400\/50:active { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:fill-surface-400\/60:focus { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:fill-surface-400\/60:hover { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:fill-surface-400\/60:active { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:fill-surface-400\/70:focus { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:fill-surface-400\/70:hover { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:fill-surface-400\/70:active { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:fill-surface-400\/80:focus { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:fill-surface-400\/80:hover { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:fill-surface-400\/80:active { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:fill-surface-400\/90:focus { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:fill-surface-400\/90:hover { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:fill-surface-400\/90:active { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:fill-surface-500:focus { + fill: var(--surface-500) + } + .md\:hover\:fill-surface-500:hover { + fill: var(--surface-500) + } + .md\:active\:fill-surface-500:active { + fill: var(--surface-500) + } + .md\:focus\:fill-surface-500\/10:focus { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:fill-surface-500\/10:hover { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:fill-surface-500\/10:active { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:fill-surface-500\/20:focus { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:fill-surface-500\/20:hover { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:fill-surface-500\/20:active { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:fill-surface-500\/30:focus { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:fill-surface-500\/30:hover { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:fill-surface-500\/30:active { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:fill-surface-500\/40:focus { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:fill-surface-500\/40:hover { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:fill-surface-500\/40:active { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:fill-surface-500\/50:focus { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:fill-surface-500\/50:hover { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:fill-surface-500\/50:active { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:fill-surface-500\/60:focus { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:fill-surface-500\/60:hover { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:fill-surface-500\/60:active { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:fill-surface-500\/70:focus { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:fill-surface-500\/70:hover { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:fill-surface-500\/70:active { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:fill-surface-500\/80:focus { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:fill-surface-500\/80:hover { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:fill-surface-500\/80:active { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:fill-surface-500\/90:focus { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:fill-surface-500\/90:hover { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:fill-surface-500\/90:active { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:fill-surface-600:focus { + fill: var(--surface-600) + } + .md\:hover\:fill-surface-600:hover { + fill: var(--surface-600) + } + .md\:active\:fill-surface-600:active { + fill: var(--surface-600) + } + .md\:focus\:fill-surface-600\/10:focus { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:fill-surface-600\/10:hover { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:fill-surface-600\/10:active { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:fill-surface-600\/20:focus { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:fill-surface-600\/20:hover { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:fill-surface-600\/20:active { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:fill-surface-600\/30:focus { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:fill-surface-600\/30:hover { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:fill-surface-600\/30:active { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:fill-surface-600\/40:focus { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:fill-surface-600\/40:hover { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:fill-surface-600\/40:active { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:fill-surface-600\/50:focus { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:fill-surface-600\/50:hover { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:fill-surface-600\/50:active { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:fill-surface-600\/60:focus { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:fill-surface-600\/60:hover { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:fill-surface-600\/60:active { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:fill-surface-600\/70:focus { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:fill-surface-600\/70:hover { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:fill-surface-600\/70:active { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:fill-surface-600\/80:focus { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:fill-surface-600\/80:hover { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:fill-surface-600\/80:active { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:fill-surface-600\/90:focus { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:fill-surface-600\/90:hover { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:fill-surface-600\/90:active { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:fill-surface-700:focus { + fill: var(--surface-700) + } + .md\:hover\:fill-surface-700:hover { + fill: var(--surface-700) + } + .md\:active\:fill-surface-700:active { + fill: var(--surface-700) + } + .md\:focus\:fill-surface-700\/10:focus { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:fill-surface-700\/10:hover { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:fill-surface-700\/10:active { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:fill-surface-700\/20:focus { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:fill-surface-700\/20:hover { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:fill-surface-700\/20:active { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:fill-surface-700\/30:focus { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:fill-surface-700\/30:hover { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:fill-surface-700\/30:active { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:fill-surface-700\/40:focus { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:fill-surface-700\/40:hover { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:fill-surface-700\/40:active { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:fill-surface-700\/50:focus { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:fill-surface-700\/50:hover { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:fill-surface-700\/50:active { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:fill-surface-700\/60:focus { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:fill-surface-700\/60:hover { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:fill-surface-700\/60:active { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:fill-surface-700\/70:focus { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:fill-surface-700\/70:hover { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:fill-surface-700\/70:active { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:fill-surface-700\/80:focus { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:fill-surface-700\/80:hover { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:fill-surface-700\/80:active { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:fill-surface-700\/90:focus { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:fill-surface-700\/90:hover { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:fill-surface-700\/90:active { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:fill-surface-800:focus { + fill: var(--surface-800) + } + .md\:hover\:fill-surface-800:hover { + fill: var(--surface-800) + } + .md\:active\:fill-surface-800:active { + fill: var(--surface-800) + } + .md\:focus\:fill-surface-800\/10:focus { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:fill-surface-800\/10:hover { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:fill-surface-800\/10:active { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:fill-surface-800\/20:focus { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:fill-surface-800\/20:hover { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:fill-surface-800\/20:active { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:fill-surface-800\/30:focus { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:fill-surface-800\/30:hover { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:fill-surface-800\/30:active { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:fill-surface-800\/40:focus { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:fill-surface-800\/40:hover { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:fill-surface-800\/40:active { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:fill-surface-800\/50:focus { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:fill-surface-800\/50:hover { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:fill-surface-800\/50:active { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:fill-surface-800\/60:focus { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:fill-surface-800\/60:hover { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:fill-surface-800\/60:active { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:fill-surface-800\/70:focus { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:fill-surface-800\/70:hover { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:fill-surface-800\/70:active { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:fill-surface-800\/80:focus { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:fill-surface-800\/80:hover { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:fill-surface-800\/80:active { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:fill-surface-800\/90:focus { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:fill-surface-800\/90:hover { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:fill-surface-800\/90:active { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:fill-surface-900:focus { + fill: var(--surface-900) + } + .md\:hover\:fill-surface-900:hover { + fill: var(--surface-900) + } + .md\:active\:fill-surface-900:active { + fill: var(--surface-900) + } + .md\:focus\:fill-surface-900\/10:focus { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:fill-surface-900\/10:hover { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:fill-surface-900\/10:active { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:fill-surface-900\/20:focus { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:fill-surface-900\/20:hover { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:fill-surface-900\/20:active { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:fill-surface-900\/30:focus { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:fill-surface-900\/30:hover { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:fill-surface-900\/30:active { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:fill-surface-900\/40:focus { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:fill-surface-900\/40:hover { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:fill-surface-900\/40:active { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:fill-surface-900\/50:focus { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:fill-surface-900\/50:hover { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:fill-surface-900\/50:active { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:fill-surface-900\/60:focus { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:fill-surface-900\/60:hover { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:fill-surface-900\/60:active { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:fill-surface-900\/70:focus { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:fill-surface-900\/70:hover { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:fill-surface-900\/70:active { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:fill-surface-900\/80:focus { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:fill-surface-900\/80:hover { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:fill-surface-900\/80:active { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:fill-surface-900\/90:focus { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:fill-surface-900\/90:hover { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:fill-surface-900\/90:active { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:fill-primary-50:focus { + fill: var(--primary-50) + } + .md\:hover\:fill-primary-50:hover { + fill: var(--primary-50) + } + .md\:active\:fill-primary-50:active { + fill: var(--primary-50) + } + .md\:focus\:fill-primary-50\/10:focus { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:fill-primary-50\/10:hover { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:fill-primary-50\/10:active { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:fill-primary-50\/20:focus { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:fill-primary-50\/20:hover { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:fill-primary-50\/20:active { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:fill-primary-50\/30:focus { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:fill-primary-50\/30:hover { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:fill-primary-50\/30:active { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:fill-primary-50\/40:focus { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:fill-primary-50\/40:hover { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:fill-primary-50\/40:active { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:fill-primary-50\/50:focus { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:fill-primary-50\/50:hover { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:fill-primary-50\/50:active { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:fill-primary-50\/60:focus { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:fill-primary-50\/60:hover { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:fill-primary-50\/60:active { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:fill-primary-50\/70:focus { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:fill-primary-50\/70:hover { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:fill-primary-50\/70:active { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:fill-primary-50\/80:focus { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:fill-primary-50\/80:hover { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:fill-primary-50\/80:active { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:fill-primary-50\/90:focus { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:fill-primary-50\/90:hover { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:fill-primary-50\/90:active { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:fill-primary-100:focus { + fill: var(--primary-100) + } + .md\:hover\:fill-primary-100:hover { + fill: var(--primary-100) + } + .md\:active\:fill-primary-100:active { + fill: var(--primary-100) + } + .md\:focus\:fill-primary-100\/10:focus { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:fill-primary-100\/10:hover { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:fill-primary-100\/10:active { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:fill-primary-100\/20:focus { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:fill-primary-100\/20:hover { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:fill-primary-100\/20:active { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:fill-primary-100\/30:focus { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:fill-primary-100\/30:hover { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:fill-primary-100\/30:active { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:fill-primary-100\/40:focus { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:fill-primary-100\/40:hover { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:fill-primary-100\/40:active { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:fill-primary-100\/50:focus { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:fill-primary-100\/50:hover { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:fill-primary-100\/50:active { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:fill-primary-100\/60:focus { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:fill-primary-100\/60:hover { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:fill-primary-100\/60:active { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:fill-primary-100\/70:focus { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:fill-primary-100\/70:hover { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:fill-primary-100\/70:active { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:fill-primary-100\/80:focus { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:fill-primary-100\/80:hover { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:fill-primary-100\/80:active { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:fill-primary-100\/90:focus { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:fill-primary-100\/90:hover { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:fill-primary-100\/90:active { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:fill-primary-200:focus { + fill: var(--primary-200) + } + .md\:hover\:fill-primary-200:hover { + fill: var(--primary-200) + } + .md\:active\:fill-primary-200:active { + fill: var(--primary-200) + } + .md\:focus\:fill-primary-200\/10:focus { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:fill-primary-200\/10:hover { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:fill-primary-200\/10:active { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:fill-primary-200\/20:focus { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:fill-primary-200\/20:hover { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:fill-primary-200\/20:active { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:fill-primary-200\/30:focus { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:fill-primary-200\/30:hover { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:fill-primary-200\/30:active { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:fill-primary-200\/40:focus { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:fill-primary-200\/40:hover { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:fill-primary-200\/40:active { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:fill-primary-200\/50:focus { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:fill-primary-200\/50:hover { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:fill-primary-200\/50:active { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:fill-primary-200\/60:focus { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:fill-primary-200\/60:hover { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:fill-primary-200\/60:active { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:fill-primary-200\/70:focus { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:fill-primary-200\/70:hover { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:fill-primary-200\/70:active { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:fill-primary-200\/80:focus { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:fill-primary-200\/80:hover { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:fill-primary-200\/80:active { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:fill-primary-200\/90:focus { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:fill-primary-200\/90:hover { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:fill-primary-200\/90:active { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:fill-primary-300:focus { + fill: var(--primary-300) + } + .md\:hover\:fill-primary-300:hover { + fill: var(--primary-300) + } + .md\:active\:fill-primary-300:active { + fill: var(--primary-300) + } + .md\:focus\:fill-primary-300\/10:focus { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:fill-primary-300\/10:hover { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:fill-primary-300\/10:active { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:fill-primary-300\/20:focus { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:fill-primary-300\/20:hover { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:fill-primary-300\/20:active { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:fill-primary-300\/30:focus { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:fill-primary-300\/30:hover { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:fill-primary-300\/30:active { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:fill-primary-300\/40:focus { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:fill-primary-300\/40:hover { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:fill-primary-300\/40:active { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:fill-primary-300\/50:focus { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:fill-primary-300\/50:hover { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:fill-primary-300\/50:active { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:fill-primary-300\/60:focus { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:fill-primary-300\/60:hover { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:fill-primary-300\/60:active { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:fill-primary-300\/70:focus { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:fill-primary-300\/70:hover { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:fill-primary-300\/70:active { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:fill-primary-300\/80:focus { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:fill-primary-300\/80:hover { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:fill-primary-300\/80:active { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:fill-primary-300\/90:focus { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:fill-primary-300\/90:hover { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:fill-primary-300\/90:active { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:fill-primary-400:focus { + fill: var(--primary-400) + } + .md\:hover\:fill-primary-400:hover { + fill: var(--primary-400) + } + .md\:active\:fill-primary-400:active { + fill: var(--primary-400) + } + .md\:focus\:fill-primary-400\/10:focus { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:fill-primary-400\/10:hover { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:fill-primary-400\/10:active { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:fill-primary-400\/20:focus { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:fill-primary-400\/20:hover { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:fill-primary-400\/20:active { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:fill-primary-400\/30:focus { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:fill-primary-400\/30:hover { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:fill-primary-400\/30:active { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:fill-primary-400\/40:focus { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:fill-primary-400\/40:hover { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:fill-primary-400\/40:active { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:fill-primary-400\/50:focus { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:fill-primary-400\/50:hover { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:fill-primary-400\/50:active { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:fill-primary-400\/60:focus { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:fill-primary-400\/60:hover { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:fill-primary-400\/60:active { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:fill-primary-400\/70:focus { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:fill-primary-400\/70:hover { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:fill-primary-400\/70:active { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:fill-primary-400\/80:focus { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:fill-primary-400\/80:hover { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:fill-primary-400\/80:active { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:fill-primary-400\/90:focus { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:fill-primary-400\/90:hover { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:fill-primary-400\/90:active { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:fill-primary-500:focus { + fill: var(--primary-500) + } + .md\:hover\:fill-primary-500:hover { + fill: var(--primary-500) + } + .md\:active\:fill-primary-500:active { + fill: var(--primary-500) + } + .md\:focus\:fill-primary-500\/10:focus { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:fill-primary-500\/10:hover { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:fill-primary-500\/10:active { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:fill-primary-500\/20:focus { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:fill-primary-500\/20:hover { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:fill-primary-500\/20:active { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:fill-primary-500\/30:focus { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:fill-primary-500\/30:hover { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:fill-primary-500\/30:active { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:fill-primary-500\/40:focus { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:fill-primary-500\/40:hover { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:fill-primary-500\/40:active { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:fill-primary-500\/50:focus { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:fill-primary-500\/50:hover { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:fill-primary-500\/50:active { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:fill-primary-500\/60:focus { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:fill-primary-500\/60:hover { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:fill-primary-500\/60:active { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:fill-primary-500\/70:focus { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:fill-primary-500\/70:hover { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:fill-primary-500\/70:active { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:fill-primary-500\/80:focus { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:fill-primary-500\/80:hover { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:fill-primary-500\/80:active { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:fill-primary-500\/90:focus { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:fill-primary-500\/90:hover { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:fill-primary-500\/90:active { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:fill-primary-600:focus { + fill: var(--primary-600) + } + .md\:hover\:fill-primary-600:hover { + fill: var(--primary-600) + } + .md\:active\:fill-primary-600:active { + fill: var(--primary-600) + } + .md\:focus\:fill-primary-600\/10:focus { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:fill-primary-600\/10:hover { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:fill-primary-600\/10:active { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:fill-primary-600\/20:focus { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:fill-primary-600\/20:hover { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:fill-primary-600\/20:active { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:fill-primary-600\/30:focus { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:fill-primary-600\/30:hover { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:fill-primary-600\/30:active { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:fill-primary-600\/40:focus { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:fill-primary-600\/40:hover { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:fill-primary-600\/40:active { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:fill-primary-600\/50:focus { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:fill-primary-600\/50:hover { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:fill-primary-600\/50:active { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:fill-primary-600\/60:focus { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:fill-primary-600\/60:hover { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:fill-primary-600\/60:active { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:fill-primary-600\/70:focus { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:fill-primary-600\/70:hover { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:fill-primary-600\/70:active { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:fill-primary-600\/80:focus { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:fill-primary-600\/80:hover { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:fill-primary-600\/80:active { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:fill-primary-600\/90:focus { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:fill-primary-600\/90:hover { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:fill-primary-600\/90:active { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:fill-primary-700:focus { + fill: var(--primary-700) + } + .md\:hover\:fill-primary-700:hover { + fill: var(--primary-700) + } + .md\:active\:fill-primary-700:active { + fill: var(--primary-700) + } + .md\:focus\:fill-primary-700\/10:focus { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:fill-primary-700\/10:hover { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:fill-primary-700\/10:active { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:fill-primary-700\/20:focus { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:fill-primary-700\/20:hover { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:fill-primary-700\/20:active { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:fill-primary-700\/30:focus { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:fill-primary-700\/30:hover { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:fill-primary-700\/30:active { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:fill-primary-700\/40:focus { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:fill-primary-700\/40:hover { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:fill-primary-700\/40:active { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:fill-primary-700\/50:focus { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:fill-primary-700\/50:hover { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:fill-primary-700\/50:active { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:fill-primary-700\/60:focus { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:fill-primary-700\/60:hover { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:fill-primary-700\/60:active { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:fill-primary-700\/70:focus { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:fill-primary-700\/70:hover { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:fill-primary-700\/70:active { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:fill-primary-700\/80:focus { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:fill-primary-700\/80:hover { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:fill-primary-700\/80:active { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:fill-primary-700\/90:focus { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:fill-primary-700\/90:hover { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:fill-primary-700\/90:active { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:fill-primary-800:focus { + fill: var(--primary-800) + } + .md\:hover\:fill-primary-800:hover { + fill: var(--primary-800) + } + .md\:active\:fill-primary-800:active { + fill: var(--primary-800) + } + .md\:focus\:fill-primary-800\/10:focus { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:fill-primary-800\/10:hover { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:fill-primary-800\/10:active { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:fill-primary-800\/20:focus { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:fill-primary-800\/20:hover { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:fill-primary-800\/20:active { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:fill-primary-800\/30:focus { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:fill-primary-800\/30:hover { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:fill-primary-800\/30:active { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:fill-primary-800\/40:focus { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:fill-primary-800\/40:hover { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:fill-primary-800\/40:active { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:fill-primary-800\/50:focus { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:fill-primary-800\/50:hover { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:fill-primary-800\/50:active { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:fill-primary-800\/60:focus { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:fill-primary-800\/60:hover { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:fill-primary-800\/60:active { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:fill-primary-800\/70:focus { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:fill-primary-800\/70:hover { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:fill-primary-800\/70:active { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:fill-primary-800\/80:focus { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:fill-primary-800\/80:hover { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:fill-primary-800\/80:active { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:fill-primary-800\/90:focus { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:fill-primary-800\/90:hover { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:fill-primary-800\/90:active { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:fill-primary-900:focus { + fill: var(--primary-900) + } + .md\:hover\:fill-primary-900:hover { + fill: var(--primary-900) + } + .md\:active\:fill-primary-900:active { + fill: var(--primary-900) + } + .md\:focus\:fill-primary-900\/10:focus { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:fill-primary-900\/10:hover { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:fill-primary-900\/10:active { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:fill-primary-900\/20:focus { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:fill-primary-900\/20:hover { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:fill-primary-900\/20:active { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:fill-primary-900\/30:focus { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:fill-primary-900\/30:hover { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:fill-primary-900\/30:active { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:fill-primary-900\/40:focus { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:fill-primary-900\/40:hover { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:fill-primary-900\/40:active { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:fill-primary-900\/50:focus { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:fill-primary-900\/50:hover { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:fill-primary-900\/50:active { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:fill-primary-900\/60:focus { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:fill-primary-900\/60:hover { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:fill-primary-900\/60:active { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:fill-primary-900\/70:focus { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:fill-primary-900\/70:hover { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:fill-primary-900\/70:active { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:fill-primary-900\/80:focus { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:fill-primary-900\/80:hover { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:fill-primary-900\/80:active { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:fill-primary-900\/90:focus { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:fill-primary-900\/90:hover { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:fill-primary-900\/90:active { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:fill-blue-50 { + fill: var(--blue-50) + } + .lg\:fill-blue-50\/10 { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:fill-blue-50\/20 { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:fill-blue-50\/30 { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:fill-blue-50\/40 { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:fill-blue-50\/50 { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:fill-blue-50\/60 { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:fill-blue-50\/70 { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:fill-blue-50\/80 { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:fill-blue-50\/90 { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:fill-blue-100 { + fill: var(--blue-100) + } + .lg\:fill-blue-100\/10 { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:fill-blue-100\/20 { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:fill-blue-100\/30 { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:fill-blue-100\/40 { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:fill-blue-100\/50 { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:fill-blue-100\/60 { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:fill-blue-100\/70 { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:fill-blue-100\/80 { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:fill-blue-100\/90 { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:fill-blue-200 { + fill: var(--blue-200) + } + .lg\:fill-blue-200\/10 { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:fill-blue-200\/20 { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:fill-blue-200\/30 { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:fill-blue-200\/40 { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:fill-blue-200\/50 { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:fill-blue-200\/60 { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:fill-blue-200\/70 { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:fill-blue-200\/80 { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:fill-blue-200\/90 { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:fill-blue-300 { + fill: var(--blue-300) + } + .lg\:fill-blue-300\/10 { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:fill-blue-300\/20 { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:fill-blue-300\/30 { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:fill-blue-300\/40 { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:fill-blue-300\/50 { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:fill-blue-300\/60 { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:fill-blue-300\/70 { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:fill-blue-300\/80 { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:fill-blue-300\/90 { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:fill-blue-400 { + fill: var(--blue-400) + } + .lg\:fill-blue-400\/10 { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:fill-blue-400\/20 { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:fill-blue-400\/30 { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:fill-blue-400\/40 { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:fill-blue-400\/50 { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:fill-blue-400\/60 { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:fill-blue-400\/70 { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:fill-blue-400\/80 { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:fill-blue-400\/90 { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:fill-blue-500 { + fill: var(--blue-500) + } + .lg\:fill-blue-500\/10 { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:fill-blue-500\/20 { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:fill-blue-500\/30 { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:fill-blue-500\/40 { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:fill-blue-500\/50 { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:fill-blue-500\/60 { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:fill-blue-500\/70 { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:fill-blue-500\/80 { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:fill-blue-500\/90 { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:fill-blue-600 { + fill: var(--blue-600) + } + .lg\:fill-blue-600\/10 { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:fill-blue-600\/20 { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:fill-blue-600\/30 { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:fill-blue-600\/40 { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:fill-blue-600\/50 { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:fill-blue-600\/60 { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:fill-blue-600\/70 { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:fill-blue-600\/80 { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:fill-blue-600\/90 { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:fill-blue-700 { + fill: var(--blue-700) + } + .lg\:fill-blue-700\/10 { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:fill-blue-700\/20 { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:fill-blue-700\/30 { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:fill-blue-700\/40 { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:fill-blue-700\/50 { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:fill-blue-700\/60 { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:fill-blue-700\/70 { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:fill-blue-700\/80 { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:fill-blue-700\/90 { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:fill-blue-800 { + fill: var(--blue-800) + } + .lg\:fill-blue-800\/10 { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:fill-blue-800\/20 { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:fill-blue-800\/30 { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:fill-blue-800\/40 { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:fill-blue-800\/50 { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:fill-blue-800\/60 { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:fill-blue-800\/70 { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:fill-blue-800\/80 { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:fill-blue-800\/90 { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:fill-blue-900 { + fill: var(--blue-900) + } + .lg\:fill-blue-900\/10 { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:fill-blue-900\/20 { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:fill-blue-900\/30 { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:fill-blue-900\/40 { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:fill-blue-900\/50 { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:fill-blue-900\/60 { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:fill-blue-900\/70 { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:fill-blue-900\/80 { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:fill-blue-900\/90 { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:fill-green-50 { + fill: var(--green-50) + } + .lg\:fill-green-50\/10 { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:fill-green-50\/20 { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:fill-green-50\/30 { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:fill-green-50\/40 { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:fill-green-50\/50 { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:fill-green-50\/60 { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:fill-green-50\/70 { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:fill-green-50\/80 { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:fill-green-50\/90 { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:fill-green-100 { + fill: var(--green-100) + } + .lg\:fill-green-100\/10 { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:fill-green-100\/20 { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:fill-green-100\/30 { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:fill-green-100\/40 { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:fill-green-100\/50 { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:fill-green-100\/60 { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:fill-green-100\/70 { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:fill-green-100\/80 { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:fill-green-100\/90 { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:fill-green-200 { + fill: var(--green-200) + } + .lg\:fill-green-200\/10 { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:fill-green-200\/20 { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:fill-green-200\/30 { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:fill-green-200\/40 { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:fill-green-200\/50 { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:fill-green-200\/60 { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:fill-green-200\/70 { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:fill-green-200\/80 { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:fill-green-200\/90 { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:fill-green-300 { + fill: var(--green-300) + } + .lg\:fill-green-300\/10 { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:fill-green-300\/20 { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:fill-green-300\/30 { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:fill-green-300\/40 { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:fill-green-300\/50 { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:fill-green-300\/60 { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:fill-green-300\/70 { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:fill-green-300\/80 { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:fill-green-300\/90 { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:fill-green-400 { + fill: var(--green-400) + } + .lg\:fill-green-400\/10 { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:fill-green-400\/20 { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:fill-green-400\/30 { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:fill-green-400\/40 { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:fill-green-400\/50 { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:fill-green-400\/60 { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:fill-green-400\/70 { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:fill-green-400\/80 { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:fill-green-400\/90 { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:fill-green-500 { + fill: var(--green-500) + } + .lg\:fill-green-500\/10 { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:fill-green-500\/20 { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:fill-green-500\/30 { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:fill-green-500\/40 { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:fill-green-500\/50 { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:fill-green-500\/60 { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:fill-green-500\/70 { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:fill-green-500\/80 { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:fill-green-500\/90 { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:fill-green-600 { + fill: var(--green-600) + } + .lg\:fill-green-600\/10 { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:fill-green-600\/20 { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:fill-green-600\/30 { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:fill-green-600\/40 { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:fill-green-600\/50 { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:fill-green-600\/60 { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:fill-green-600\/70 { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:fill-green-600\/80 { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:fill-green-600\/90 { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:fill-green-700 { + fill: var(--green-700) + } + .lg\:fill-green-700\/10 { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:fill-green-700\/20 { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:fill-green-700\/30 { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:fill-green-700\/40 { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:fill-green-700\/50 { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:fill-green-700\/60 { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:fill-green-700\/70 { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:fill-green-700\/80 { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:fill-green-700\/90 { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:fill-green-800 { + fill: var(--green-800) + } + .lg\:fill-green-800\/10 { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:fill-green-800\/20 { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:fill-green-800\/30 { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:fill-green-800\/40 { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:fill-green-800\/50 { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:fill-green-800\/60 { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:fill-green-800\/70 { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:fill-green-800\/80 { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:fill-green-800\/90 { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:fill-green-900 { + fill: var(--green-900) + } + .lg\:fill-green-900\/10 { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:fill-green-900\/20 { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:fill-green-900\/30 { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:fill-green-900\/40 { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:fill-green-900\/50 { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:fill-green-900\/60 { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:fill-green-900\/70 { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:fill-green-900\/80 { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:fill-green-900\/90 { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:fill-yellow-50 { + fill: var(--yellow-50) + } + .lg\:fill-yellow-50\/10 { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:fill-yellow-50\/20 { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:fill-yellow-50\/30 { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:fill-yellow-50\/40 { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:fill-yellow-50\/50 { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:fill-yellow-50\/60 { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:fill-yellow-50\/70 { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:fill-yellow-50\/80 { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:fill-yellow-50\/90 { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:fill-yellow-100 { + fill: var(--yellow-100) + } + .lg\:fill-yellow-100\/10 { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:fill-yellow-100\/20 { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:fill-yellow-100\/30 { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:fill-yellow-100\/40 { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:fill-yellow-100\/50 { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:fill-yellow-100\/60 { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:fill-yellow-100\/70 { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:fill-yellow-100\/80 { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:fill-yellow-100\/90 { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:fill-yellow-200 { + fill: var(--yellow-200) + } + .lg\:fill-yellow-200\/10 { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:fill-yellow-200\/20 { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:fill-yellow-200\/30 { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:fill-yellow-200\/40 { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:fill-yellow-200\/50 { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:fill-yellow-200\/60 { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:fill-yellow-200\/70 { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:fill-yellow-200\/80 { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:fill-yellow-200\/90 { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:fill-yellow-300 { + fill: var(--yellow-300) + } + .lg\:fill-yellow-300\/10 { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:fill-yellow-300\/20 { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:fill-yellow-300\/30 { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:fill-yellow-300\/40 { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:fill-yellow-300\/50 { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:fill-yellow-300\/60 { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:fill-yellow-300\/70 { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:fill-yellow-300\/80 { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:fill-yellow-300\/90 { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:fill-yellow-400 { + fill: var(--yellow-400) + } + .lg\:fill-yellow-400\/10 { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:fill-yellow-400\/20 { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:fill-yellow-400\/30 { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:fill-yellow-400\/40 { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:fill-yellow-400\/50 { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:fill-yellow-400\/60 { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:fill-yellow-400\/70 { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:fill-yellow-400\/80 { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:fill-yellow-400\/90 { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:fill-yellow-500 { + fill: var(--yellow-500) + } + .lg\:fill-yellow-500\/10 { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:fill-yellow-500\/20 { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:fill-yellow-500\/30 { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:fill-yellow-500\/40 { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:fill-yellow-500\/50 { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:fill-yellow-500\/60 { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:fill-yellow-500\/70 { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:fill-yellow-500\/80 { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:fill-yellow-500\/90 { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:fill-yellow-600 { + fill: var(--yellow-600) + } + .lg\:fill-yellow-600\/10 { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:fill-yellow-600\/20 { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:fill-yellow-600\/30 { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:fill-yellow-600\/40 { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:fill-yellow-600\/50 { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:fill-yellow-600\/60 { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:fill-yellow-600\/70 { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:fill-yellow-600\/80 { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:fill-yellow-600\/90 { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:fill-yellow-700 { + fill: var(--yellow-700) + } + .lg\:fill-yellow-700\/10 { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:fill-yellow-700\/20 { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:fill-yellow-700\/30 { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:fill-yellow-700\/40 { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:fill-yellow-700\/50 { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:fill-yellow-700\/60 { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:fill-yellow-700\/70 { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:fill-yellow-700\/80 { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:fill-yellow-700\/90 { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:fill-yellow-800 { + fill: var(--yellow-800) + } + .lg\:fill-yellow-800\/10 { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:fill-yellow-800\/20 { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:fill-yellow-800\/30 { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:fill-yellow-800\/40 { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:fill-yellow-800\/50 { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:fill-yellow-800\/60 { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:fill-yellow-800\/70 { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:fill-yellow-800\/80 { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:fill-yellow-800\/90 { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:fill-yellow-900 { + fill: var(--yellow-900) + } + .lg\:fill-yellow-900\/10 { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:fill-yellow-900\/20 { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:fill-yellow-900\/30 { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:fill-yellow-900\/40 { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:fill-yellow-900\/50 { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:fill-yellow-900\/60 { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:fill-yellow-900\/70 { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:fill-yellow-900\/80 { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:fill-yellow-900\/90 { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:fill-cyan-50 { + fill: var(--cyan-50) + } + .lg\:fill-cyan-50\/10 { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:fill-cyan-50\/20 { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:fill-cyan-50\/30 { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:fill-cyan-50\/40 { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:fill-cyan-50\/50 { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:fill-cyan-50\/60 { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:fill-cyan-50\/70 { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:fill-cyan-50\/80 { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:fill-cyan-50\/90 { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:fill-cyan-100 { + fill: var(--cyan-100) + } + .lg\:fill-cyan-100\/10 { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:fill-cyan-100\/20 { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:fill-cyan-100\/30 { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:fill-cyan-100\/40 { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:fill-cyan-100\/50 { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:fill-cyan-100\/60 { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:fill-cyan-100\/70 { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:fill-cyan-100\/80 { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:fill-cyan-100\/90 { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:fill-cyan-200 { + fill: var(--cyan-200) + } + .lg\:fill-cyan-200\/10 { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:fill-cyan-200\/20 { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:fill-cyan-200\/30 { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:fill-cyan-200\/40 { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:fill-cyan-200\/50 { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:fill-cyan-200\/60 { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:fill-cyan-200\/70 { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:fill-cyan-200\/80 { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:fill-cyan-200\/90 { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:fill-cyan-300 { + fill: var(--cyan-300) + } + .lg\:fill-cyan-300\/10 { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:fill-cyan-300\/20 { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:fill-cyan-300\/30 { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:fill-cyan-300\/40 { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:fill-cyan-300\/50 { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:fill-cyan-300\/60 { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:fill-cyan-300\/70 { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:fill-cyan-300\/80 { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:fill-cyan-300\/90 { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:fill-cyan-400 { + fill: var(--cyan-400) + } + .lg\:fill-cyan-400\/10 { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:fill-cyan-400\/20 { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:fill-cyan-400\/30 { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:fill-cyan-400\/40 { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:fill-cyan-400\/50 { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:fill-cyan-400\/60 { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:fill-cyan-400\/70 { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:fill-cyan-400\/80 { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:fill-cyan-400\/90 { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:fill-cyan-500 { + fill: var(--cyan-500) + } + .lg\:fill-cyan-500\/10 { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:fill-cyan-500\/20 { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:fill-cyan-500\/30 { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:fill-cyan-500\/40 { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:fill-cyan-500\/50 { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:fill-cyan-500\/60 { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:fill-cyan-500\/70 { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:fill-cyan-500\/80 { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:fill-cyan-500\/90 { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:fill-cyan-600 { + fill: var(--cyan-600) + } + .lg\:fill-cyan-600\/10 { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:fill-cyan-600\/20 { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:fill-cyan-600\/30 { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:fill-cyan-600\/40 { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:fill-cyan-600\/50 { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:fill-cyan-600\/60 { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:fill-cyan-600\/70 { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:fill-cyan-600\/80 { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:fill-cyan-600\/90 { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:fill-cyan-700 { + fill: var(--cyan-700) + } + .lg\:fill-cyan-700\/10 { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:fill-cyan-700\/20 { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:fill-cyan-700\/30 { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:fill-cyan-700\/40 { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:fill-cyan-700\/50 { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:fill-cyan-700\/60 { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:fill-cyan-700\/70 { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:fill-cyan-700\/80 { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:fill-cyan-700\/90 { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:fill-cyan-800 { + fill: var(--cyan-800) + } + .lg\:fill-cyan-800\/10 { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:fill-cyan-800\/20 { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:fill-cyan-800\/30 { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:fill-cyan-800\/40 { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:fill-cyan-800\/50 { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:fill-cyan-800\/60 { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:fill-cyan-800\/70 { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:fill-cyan-800\/80 { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:fill-cyan-800\/90 { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:fill-cyan-900 { + fill: var(--cyan-900) + } + .lg\:fill-cyan-900\/10 { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:fill-cyan-900\/20 { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:fill-cyan-900\/30 { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:fill-cyan-900\/40 { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:fill-cyan-900\/50 { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:fill-cyan-900\/60 { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:fill-cyan-900\/70 { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:fill-cyan-900\/80 { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:fill-cyan-900\/90 { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:fill-pink-50 { + fill: var(--pink-50) + } + .lg\:fill-pink-50\/10 { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:fill-pink-50\/20 { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:fill-pink-50\/30 { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:fill-pink-50\/40 { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:fill-pink-50\/50 { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:fill-pink-50\/60 { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:fill-pink-50\/70 { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:fill-pink-50\/80 { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:fill-pink-50\/90 { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:fill-pink-100 { + fill: var(--pink-100) + } + .lg\:fill-pink-100\/10 { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:fill-pink-100\/20 { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:fill-pink-100\/30 { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:fill-pink-100\/40 { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:fill-pink-100\/50 { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:fill-pink-100\/60 { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:fill-pink-100\/70 { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:fill-pink-100\/80 { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:fill-pink-100\/90 { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:fill-pink-200 { + fill: var(--pink-200) + } + .lg\:fill-pink-200\/10 { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:fill-pink-200\/20 { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:fill-pink-200\/30 { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:fill-pink-200\/40 { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:fill-pink-200\/50 { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:fill-pink-200\/60 { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:fill-pink-200\/70 { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:fill-pink-200\/80 { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:fill-pink-200\/90 { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:fill-pink-300 { + fill: var(--pink-300) + } + .lg\:fill-pink-300\/10 { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:fill-pink-300\/20 { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:fill-pink-300\/30 { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:fill-pink-300\/40 { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:fill-pink-300\/50 { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:fill-pink-300\/60 { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:fill-pink-300\/70 { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:fill-pink-300\/80 { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:fill-pink-300\/90 { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:fill-pink-400 { + fill: var(--pink-400) + } + .lg\:fill-pink-400\/10 { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:fill-pink-400\/20 { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:fill-pink-400\/30 { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:fill-pink-400\/40 { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:fill-pink-400\/50 { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:fill-pink-400\/60 { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:fill-pink-400\/70 { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:fill-pink-400\/80 { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:fill-pink-400\/90 { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:fill-pink-500 { + fill: var(--pink-500) + } + .lg\:fill-pink-500\/10 { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:fill-pink-500\/20 { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:fill-pink-500\/30 { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:fill-pink-500\/40 { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:fill-pink-500\/50 { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:fill-pink-500\/60 { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:fill-pink-500\/70 { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:fill-pink-500\/80 { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:fill-pink-500\/90 { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:fill-pink-600 { + fill: var(--pink-600) + } + .lg\:fill-pink-600\/10 { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:fill-pink-600\/20 { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:fill-pink-600\/30 { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:fill-pink-600\/40 { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:fill-pink-600\/50 { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:fill-pink-600\/60 { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:fill-pink-600\/70 { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:fill-pink-600\/80 { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:fill-pink-600\/90 { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:fill-pink-700 { + fill: var(--pink-700) + } + .lg\:fill-pink-700\/10 { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:fill-pink-700\/20 { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:fill-pink-700\/30 { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:fill-pink-700\/40 { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:fill-pink-700\/50 { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:fill-pink-700\/60 { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:fill-pink-700\/70 { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:fill-pink-700\/80 { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:fill-pink-700\/90 { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:fill-pink-800 { + fill: var(--pink-800) + } + .lg\:fill-pink-800\/10 { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:fill-pink-800\/20 { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:fill-pink-800\/30 { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:fill-pink-800\/40 { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:fill-pink-800\/50 { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:fill-pink-800\/60 { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:fill-pink-800\/70 { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:fill-pink-800\/80 { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:fill-pink-800\/90 { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:fill-pink-900 { + fill: var(--pink-900) + } + .lg\:fill-pink-900\/10 { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:fill-pink-900\/20 { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:fill-pink-900\/30 { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:fill-pink-900\/40 { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:fill-pink-900\/50 { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:fill-pink-900\/60 { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:fill-pink-900\/70 { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:fill-pink-900\/80 { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:fill-pink-900\/90 { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:fill-indigo-50 { + fill: var(--indigo-50) + } + .lg\:fill-indigo-50\/10 { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:fill-indigo-50\/20 { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:fill-indigo-50\/30 { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:fill-indigo-50\/40 { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:fill-indigo-50\/50 { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:fill-indigo-50\/60 { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:fill-indigo-50\/70 { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:fill-indigo-50\/80 { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:fill-indigo-50\/90 { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:fill-indigo-100 { + fill: var(--indigo-100) + } + .lg\:fill-indigo-100\/10 { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:fill-indigo-100\/20 { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:fill-indigo-100\/30 { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:fill-indigo-100\/40 { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:fill-indigo-100\/50 { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:fill-indigo-100\/60 { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:fill-indigo-100\/70 { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:fill-indigo-100\/80 { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:fill-indigo-100\/90 { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:fill-indigo-200 { + fill: var(--indigo-200) + } + .lg\:fill-indigo-200\/10 { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:fill-indigo-200\/20 { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:fill-indigo-200\/30 { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:fill-indigo-200\/40 { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:fill-indigo-200\/50 { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:fill-indigo-200\/60 { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:fill-indigo-200\/70 { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:fill-indigo-200\/80 { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:fill-indigo-200\/90 { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:fill-indigo-300 { + fill: var(--indigo-300) + } + .lg\:fill-indigo-300\/10 { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:fill-indigo-300\/20 { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:fill-indigo-300\/30 { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:fill-indigo-300\/40 { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:fill-indigo-300\/50 { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:fill-indigo-300\/60 { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:fill-indigo-300\/70 { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:fill-indigo-300\/80 { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:fill-indigo-300\/90 { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:fill-indigo-400 { + fill: var(--indigo-400) + } + .lg\:fill-indigo-400\/10 { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:fill-indigo-400\/20 { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:fill-indigo-400\/30 { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:fill-indigo-400\/40 { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:fill-indigo-400\/50 { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:fill-indigo-400\/60 { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:fill-indigo-400\/70 { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:fill-indigo-400\/80 { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:fill-indigo-400\/90 { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:fill-indigo-500 { + fill: var(--indigo-500) + } + .lg\:fill-indigo-500\/10 { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:fill-indigo-500\/20 { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:fill-indigo-500\/30 { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:fill-indigo-500\/40 { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:fill-indigo-500\/50 { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:fill-indigo-500\/60 { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:fill-indigo-500\/70 { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:fill-indigo-500\/80 { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:fill-indigo-500\/90 { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:fill-indigo-600 { + fill: var(--indigo-600) + } + .lg\:fill-indigo-600\/10 { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:fill-indigo-600\/20 { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:fill-indigo-600\/30 { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:fill-indigo-600\/40 { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:fill-indigo-600\/50 { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:fill-indigo-600\/60 { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:fill-indigo-600\/70 { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:fill-indigo-600\/80 { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:fill-indigo-600\/90 { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:fill-indigo-700 { + fill: var(--indigo-700) + } + .lg\:fill-indigo-700\/10 { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:fill-indigo-700\/20 { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:fill-indigo-700\/30 { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:fill-indigo-700\/40 { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:fill-indigo-700\/50 { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:fill-indigo-700\/60 { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:fill-indigo-700\/70 { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:fill-indigo-700\/80 { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:fill-indigo-700\/90 { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:fill-indigo-800 { + fill: var(--indigo-800) + } + .lg\:fill-indigo-800\/10 { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:fill-indigo-800\/20 { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:fill-indigo-800\/30 { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:fill-indigo-800\/40 { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:fill-indigo-800\/50 { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:fill-indigo-800\/60 { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:fill-indigo-800\/70 { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:fill-indigo-800\/80 { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:fill-indigo-800\/90 { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:fill-indigo-900 { + fill: var(--indigo-900) + } + .lg\:fill-indigo-900\/10 { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:fill-indigo-900\/20 { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:fill-indigo-900\/30 { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:fill-indigo-900\/40 { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:fill-indigo-900\/50 { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:fill-indigo-900\/60 { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:fill-indigo-900\/70 { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:fill-indigo-900\/80 { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:fill-indigo-900\/90 { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:fill-teal-50 { + fill: var(--teal-50) + } + .lg\:fill-teal-50\/10 { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:fill-teal-50\/20 { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:fill-teal-50\/30 { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:fill-teal-50\/40 { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:fill-teal-50\/50 { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:fill-teal-50\/60 { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:fill-teal-50\/70 { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:fill-teal-50\/80 { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:fill-teal-50\/90 { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:fill-teal-100 { + fill: var(--teal-100) + } + .lg\:fill-teal-100\/10 { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:fill-teal-100\/20 { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:fill-teal-100\/30 { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:fill-teal-100\/40 { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:fill-teal-100\/50 { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:fill-teal-100\/60 { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:fill-teal-100\/70 { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:fill-teal-100\/80 { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:fill-teal-100\/90 { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:fill-teal-200 { + fill: var(--teal-200) + } + .lg\:fill-teal-200\/10 { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:fill-teal-200\/20 { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:fill-teal-200\/30 { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:fill-teal-200\/40 { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:fill-teal-200\/50 { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:fill-teal-200\/60 { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:fill-teal-200\/70 { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:fill-teal-200\/80 { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:fill-teal-200\/90 { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:fill-teal-300 { + fill: var(--teal-300) + } + .lg\:fill-teal-300\/10 { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:fill-teal-300\/20 { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:fill-teal-300\/30 { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:fill-teal-300\/40 { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:fill-teal-300\/50 { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:fill-teal-300\/60 { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:fill-teal-300\/70 { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:fill-teal-300\/80 { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:fill-teal-300\/90 { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:fill-teal-400 { + fill: var(--teal-400) + } + .lg\:fill-teal-400\/10 { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:fill-teal-400\/20 { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:fill-teal-400\/30 { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:fill-teal-400\/40 { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:fill-teal-400\/50 { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:fill-teal-400\/60 { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:fill-teal-400\/70 { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:fill-teal-400\/80 { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:fill-teal-400\/90 { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:fill-teal-500 { + fill: var(--teal-500) + } + .lg\:fill-teal-500\/10 { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:fill-teal-500\/20 { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:fill-teal-500\/30 { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:fill-teal-500\/40 { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:fill-teal-500\/50 { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:fill-teal-500\/60 { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:fill-teal-500\/70 { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:fill-teal-500\/80 { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:fill-teal-500\/90 { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:fill-teal-600 { + fill: var(--teal-600) + } + .lg\:fill-teal-600\/10 { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:fill-teal-600\/20 { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:fill-teal-600\/30 { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:fill-teal-600\/40 { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:fill-teal-600\/50 { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:fill-teal-600\/60 { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:fill-teal-600\/70 { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:fill-teal-600\/80 { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:fill-teal-600\/90 { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:fill-teal-700 { + fill: var(--teal-700) + } + .lg\:fill-teal-700\/10 { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:fill-teal-700\/20 { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:fill-teal-700\/30 { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:fill-teal-700\/40 { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:fill-teal-700\/50 { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:fill-teal-700\/60 { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:fill-teal-700\/70 { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:fill-teal-700\/80 { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:fill-teal-700\/90 { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:fill-teal-800 { + fill: var(--teal-800) + } + .lg\:fill-teal-800\/10 { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:fill-teal-800\/20 { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:fill-teal-800\/30 { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:fill-teal-800\/40 { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:fill-teal-800\/50 { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:fill-teal-800\/60 { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:fill-teal-800\/70 { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:fill-teal-800\/80 { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:fill-teal-800\/90 { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:fill-teal-900 { + fill: var(--teal-900) + } + .lg\:fill-teal-900\/10 { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:fill-teal-900\/20 { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:fill-teal-900\/30 { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:fill-teal-900\/40 { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:fill-teal-900\/50 { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:fill-teal-900\/60 { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:fill-teal-900\/70 { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:fill-teal-900\/80 { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:fill-teal-900\/90 { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:fill-orange-50 { + fill: var(--orange-50) + } + .lg\:fill-orange-50\/10 { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:fill-orange-50\/20 { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:fill-orange-50\/30 { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:fill-orange-50\/40 { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:fill-orange-50\/50 { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:fill-orange-50\/60 { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:fill-orange-50\/70 { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:fill-orange-50\/80 { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:fill-orange-50\/90 { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:fill-orange-100 { + fill: var(--orange-100) + } + .lg\:fill-orange-100\/10 { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:fill-orange-100\/20 { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:fill-orange-100\/30 { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:fill-orange-100\/40 { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:fill-orange-100\/50 { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:fill-orange-100\/60 { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:fill-orange-100\/70 { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:fill-orange-100\/80 { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:fill-orange-100\/90 { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:fill-orange-200 { + fill: var(--orange-200) + } + .lg\:fill-orange-200\/10 { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:fill-orange-200\/20 { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:fill-orange-200\/30 { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:fill-orange-200\/40 { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:fill-orange-200\/50 { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:fill-orange-200\/60 { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:fill-orange-200\/70 { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:fill-orange-200\/80 { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:fill-orange-200\/90 { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:fill-orange-300 { + fill: var(--orange-300) + } + .lg\:fill-orange-300\/10 { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:fill-orange-300\/20 { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:fill-orange-300\/30 { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:fill-orange-300\/40 { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:fill-orange-300\/50 { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:fill-orange-300\/60 { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:fill-orange-300\/70 { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:fill-orange-300\/80 { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:fill-orange-300\/90 { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:fill-orange-400 { + fill: var(--orange-400) + } + .lg\:fill-orange-400\/10 { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:fill-orange-400\/20 { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:fill-orange-400\/30 { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:fill-orange-400\/40 { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:fill-orange-400\/50 { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:fill-orange-400\/60 { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:fill-orange-400\/70 { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:fill-orange-400\/80 { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:fill-orange-400\/90 { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:fill-orange-500 { + fill: var(--orange-500) + } + .lg\:fill-orange-500\/10 { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:fill-orange-500\/20 { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:fill-orange-500\/30 { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:fill-orange-500\/40 { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:fill-orange-500\/50 { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:fill-orange-500\/60 { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:fill-orange-500\/70 { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:fill-orange-500\/80 { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:fill-orange-500\/90 { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:fill-orange-600 { + fill: var(--orange-600) + } + .lg\:fill-orange-600\/10 { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:fill-orange-600\/20 { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:fill-orange-600\/30 { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:fill-orange-600\/40 { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:fill-orange-600\/50 { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:fill-orange-600\/60 { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:fill-orange-600\/70 { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:fill-orange-600\/80 { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:fill-orange-600\/90 { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:fill-orange-700 { + fill: var(--orange-700) + } + .lg\:fill-orange-700\/10 { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:fill-orange-700\/20 { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:fill-orange-700\/30 { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:fill-orange-700\/40 { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:fill-orange-700\/50 { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:fill-orange-700\/60 { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:fill-orange-700\/70 { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:fill-orange-700\/80 { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:fill-orange-700\/90 { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:fill-orange-800 { + fill: var(--orange-800) + } + .lg\:fill-orange-800\/10 { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:fill-orange-800\/20 { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:fill-orange-800\/30 { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:fill-orange-800\/40 { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:fill-orange-800\/50 { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:fill-orange-800\/60 { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:fill-orange-800\/70 { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:fill-orange-800\/80 { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:fill-orange-800\/90 { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:fill-orange-900 { + fill: var(--orange-900) + } + .lg\:fill-orange-900\/10 { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:fill-orange-900\/20 { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:fill-orange-900\/30 { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:fill-orange-900\/40 { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:fill-orange-900\/50 { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:fill-orange-900\/60 { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:fill-orange-900\/70 { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:fill-orange-900\/80 { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:fill-orange-900\/90 { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:fill-bluegray-50 { + fill: var(--bluegray-50) + } + .lg\:fill-bluegray-50\/10 { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:fill-bluegray-50\/20 { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:fill-bluegray-50\/30 { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:fill-bluegray-50\/40 { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:fill-bluegray-50\/50 { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:fill-bluegray-50\/60 { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:fill-bluegray-50\/70 { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:fill-bluegray-50\/80 { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:fill-bluegray-50\/90 { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:fill-bluegray-100 { + fill: var(--bluegray-100) + } + .lg\:fill-bluegray-100\/10 { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:fill-bluegray-100\/20 { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:fill-bluegray-100\/30 { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:fill-bluegray-100\/40 { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:fill-bluegray-100\/50 { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:fill-bluegray-100\/60 { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:fill-bluegray-100\/70 { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:fill-bluegray-100\/80 { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:fill-bluegray-100\/90 { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:fill-bluegray-200 { + fill: var(--bluegray-200) + } + .lg\:fill-bluegray-200\/10 { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:fill-bluegray-200\/20 { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:fill-bluegray-200\/30 { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:fill-bluegray-200\/40 { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:fill-bluegray-200\/50 { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:fill-bluegray-200\/60 { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:fill-bluegray-200\/70 { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:fill-bluegray-200\/80 { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:fill-bluegray-200\/90 { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:fill-bluegray-300 { + fill: var(--bluegray-300) + } + .lg\:fill-bluegray-300\/10 { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:fill-bluegray-300\/20 { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:fill-bluegray-300\/30 { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:fill-bluegray-300\/40 { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:fill-bluegray-300\/50 { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:fill-bluegray-300\/60 { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:fill-bluegray-300\/70 { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:fill-bluegray-300\/80 { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:fill-bluegray-300\/90 { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:fill-bluegray-400 { + fill: var(--bluegray-400) + } + .lg\:fill-bluegray-400\/10 { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:fill-bluegray-400\/20 { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:fill-bluegray-400\/30 { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:fill-bluegray-400\/40 { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:fill-bluegray-400\/50 { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:fill-bluegray-400\/60 { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:fill-bluegray-400\/70 { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:fill-bluegray-400\/80 { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:fill-bluegray-400\/90 { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:fill-bluegray-500 { + fill: var(--bluegray-500) + } + .lg\:fill-bluegray-500\/10 { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:fill-bluegray-500\/20 { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:fill-bluegray-500\/30 { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:fill-bluegray-500\/40 { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:fill-bluegray-500\/50 { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:fill-bluegray-500\/60 { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:fill-bluegray-500\/70 { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:fill-bluegray-500\/80 { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:fill-bluegray-500\/90 { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:fill-bluegray-600 { + fill: var(--bluegray-600) + } + .lg\:fill-bluegray-600\/10 { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:fill-bluegray-600\/20 { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:fill-bluegray-600\/30 { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:fill-bluegray-600\/40 { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:fill-bluegray-600\/50 { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:fill-bluegray-600\/60 { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:fill-bluegray-600\/70 { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:fill-bluegray-600\/80 { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:fill-bluegray-600\/90 { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:fill-bluegray-700 { + fill: var(--bluegray-700) + } + .lg\:fill-bluegray-700\/10 { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:fill-bluegray-700\/20 { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:fill-bluegray-700\/30 { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:fill-bluegray-700\/40 { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:fill-bluegray-700\/50 { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:fill-bluegray-700\/60 { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:fill-bluegray-700\/70 { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:fill-bluegray-700\/80 { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:fill-bluegray-700\/90 { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:fill-bluegray-800 { + fill: var(--bluegray-800) + } + .lg\:fill-bluegray-800\/10 { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:fill-bluegray-800\/20 { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:fill-bluegray-800\/30 { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:fill-bluegray-800\/40 { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:fill-bluegray-800\/50 { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:fill-bluegray-800\/60 { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:fill-bluegray-800\/70 { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:fill-bluegray-800\/80 { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:fill-bluegray-800\/90 { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:fill-bluegray-900 { + fill: var(--bluegray-900) + } + .lg\:fill-bluegray-900\/10 { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:fill-bluegray-900\/20 { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:fill-bluegray-900\/30 { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:fill-bluegray-900\/40 { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:fill-bluegray-900\/50 { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:fill-bluegray-900\/60 { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:fill-bluegray-900\/70 { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:fill-bluegray-900\/80 { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:fill-bluegray-900\/90 { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:fill-purple-50 { + fill: var(--purple-50) + } + .lg\:fill-purple-50\/10 { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:fill-purple-50\/20 { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:fill-purple-50\/30 { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:fill-purple-50\/40 { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:fill-purple-50\/50 { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:fill-purple-50\/60 { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:fill-purple-50\/70 { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:fill-purple-50\/80 { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:fill-purple-50\/90 { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:fill-purple-100 { + fill: var(--purple-100) + } + .lg\:fill-purple-100\/10 { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:fill-purple-100\/20 { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:fill-purple-100\/30 { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:fill-purple-100\/40 { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:fill-purple-100\/50 { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:fill-purple-100\/60 { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:fill-purple-100\/70 { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:fill-purple-100\/80 { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:fill-purple-100\/90 { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:fill-purple-200 { + fill: var(--purple-200) + } + .lg\:fill-purple-200\/10 { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:fill-purple-200\/20 { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:fill-purple-200\/30 { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:fill-purple-200\/40 { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:fill-purple-200\/50 { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:fill-purple-200\/60 { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:fill-purple-200\/70 { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:fill-purple-200\/80 { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:fill-purple-200\/90 { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:fill-purple-300 { + fill: var(--purple-300) + } + .lg\:fill-purple-300\/10 { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:fill-purple-300\/20 { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:fill-purple-300\/30 { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:fill-purple-300\/40 { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:fill-purple-300\/50 { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:fill-purple-300\/60 { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:fill-purple-300\/70 { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:fill-purple-300\/80 { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:fill-purple-300\/90 { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:fill-purple-400 { + fill: var(--purple-400) + } + .lg\:fill-purple-400\/10 { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:fill-purple-400\/20 { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:fill-purple-400\/30 { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:fill-purple-400\/40 { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:fill-purple-400\/50 { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:fill-purple-400\/60 { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:fill-purple-400\/70 { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:fill-purple-400\/80 { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:fill-purple-400\/90 { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:fill-purple-500 { + fill: var(--purple-500) + } + .lg\:fill-purple-500\/10 { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:fill-purple-500\/20 { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:fill-purple-500\/30 { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:fill-purple-500\/40 { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:fill-purple-500\/50 { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:fill-purple-500\/60 { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:fill-purple-500\/70 { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:fill-purple-500\/80 { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:fill-purple-500\/90 { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:fill-purple-600 { + fill: var(--purple-600) + } + .lg\:fill-purple-600\/10 { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:fill-purple-600\/20 { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:fill-purple-600\/30 { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:fill-purple-600\/40 { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:fill-purple-600\/50 { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:fill-purple-600\/60 { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:fill-purple-600\/70 { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:fill-purple-600\/80 { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:fill-purple-600\/90 { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:fill-purple-700 { + fill: var(--purple-700) + } + .lg\:fill-purple-700\/10 { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:fill-purple-700\/20 { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:fill-purple-700\/30 { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:fill-purple-700\/40 { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:fill-purple-700\/50 { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:fill-purple-700\/60 { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:fill-purple-700\/70 { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:fill-purple-700\/80 { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:fill-purple-700\/90 { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:fill-purple-800 { + fill: var(--purple-800) + } + .lg\:fill-purple-800\/10 { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:fill-purple-800\/20 { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:fill-purple-800\/30 { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:fill-purple-800\/40 { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:fill-purple-800\/50 { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:fill-purple-800\/60 { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:fill-purple-800\/70 { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:fill-purple-800\/80 { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:fill-purple-800\/90 { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:fill-purple-900 { + fill: var(--purple-900) + } + .lg\:fill-purple-900\/10 { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:fill-purple-900\/20 { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:fill-purple-900\/30 { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:fill-purple-900\/40 { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:fill-purple-900\/50 { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:fill-purple-900\/60 { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:fill-purple-900\/70 { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:fill-purple-900\/80 { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:fill-purple-900\/90 { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:fill-red-50 { + fill: var(--red-50) + } + .lg\:fill-red-50\/10 { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:fill-red-50\/20 { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:fill-red-50\/30 { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:fill-red-50\/40 { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:fill-red-50\/50 { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:fill-red-50\/60 { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:fill-red-50\/70 { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:fill-red-50\/80 { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:fill-red-50\/90 { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:fill-red-100 { + fill: var(--red-100) + } + .lg\:fill-red-100\/10 { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:fill-red-100\/20 { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:fill-red-100\/30 { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:fill-red-100\/40 { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:fill-red-100\/50 { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:fill-red-100\/60 { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:fill-red-100\/70 { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:fill-red-100\/80 { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:fill-red-100\/90 { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:fill-red-200 { + fill: var(--red-200) + } + .lg\:fill-red-200\/10 { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:fill-red-200\/20 { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:fill-red-200\/30 { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:fill-red-200\/40 { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:fill-red-200\/50 { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:fill-red-200\/60 { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:fill-red-200\/70 { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:fill-red-200\/80 { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:fill-red-200\/90 { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:fill-red-300 { + fill: var(--red-300) + } + .lg\:fill-red-300\/10 { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:fill-red-300\/20 { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:fill-red-300\/30 { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:fill-red-300\/40 { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:fill-red-300\/50 { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:fill-red-300\/60 { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:fill-red-300\/70 { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:fill-red-300\/80 { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:fill-red-300\/90 { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:fill-red-400 { + fill: var(--red-400) + } + .lg\:fill-red-400\/10 { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:fill-red-400\/20 { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:fill-red-400\/30 { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:fill-red-400\/40 { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:fill-red-400\/50 { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:fill-red-400\/60 { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:fill-red-400\/70 { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:fill-red-400\/80 { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:fill-red-400\/90 { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:fill-red-500 { + fill: var(--red-500) + } + .lg\:fill-red-500\/10 { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:fill-red-500\/20 { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:fill-red-500\/30 { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:fill-red-500\/40 { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:fill-red-500\/50 { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:fill-red-500\/60 { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:fill-red-500\/70 { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:fill-red-500\/80 { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:fill-red-500\/90 { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:fill-red-600 { + fill: var(--red-600) + } + .lg\:fill-red-600\/10 { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:fill-red-600\/20 { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:fill-red-600\/30 { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:fill-red-600\/40 { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:fill-red-600\/50 { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:fill-red-600\/60 { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:fill-red-600\/70 { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:fill-red-600\/80 { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:fill-red-600\/90 { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:fill-red-700 { + fill: var(--red-700) + } + .lg\:fill-red-700\/10 { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:fill-red-700\/20 { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:fill-red-700\/30 { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:fill-red-700\/40 { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:fill-red-700\/50 { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:fill-red-700\/60 { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:fill-red-700\/70 { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:fill-red-700\/80 { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:fill-red-700\/90 { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:fill-red-800 { + fill: var(--red-800) + } + .lg\:fill-red-800\/10 { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:fill-red-800\/20 { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:fill-red-800\/30 { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:fill-red-800\/40 { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:fill-red-800\/50 { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:fill-red-800\/60 { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:fill-red-800\/70 { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:fill-red-800\/80 { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:fill-red-800\/90 { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:fill-red-900 { + fill: var(--red-900) + } + .lg\:fill-red-900\/10 { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:fill-red-900\/20 { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:fill-red-900\/30 { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:fill-red-900\/40 { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:fill-red-900\/50 { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:fill-red-900\/60 { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:fill-red-900\/70 { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:fill-red-900\/80 { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:fill-red-900\/90 { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:fill-gray-50 { + fill: var(--gray-50) + } + .lg\:fill-gray-50\/10 { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:fill-gray-50\/20 { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:fill-gray-50\/30 { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:fill-gray-50\/40 { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:fill-gray-50\/50 { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:fill-gray-50\/60 { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:fill-gray-50\/70 { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:fill-gray-50\/80 { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:fill-gray-50\/90 { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:fill-gray-100 { + fill: var(--gray-100) + } + .lg\:fill-gray-100\/10 { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:fill-gray-100\/20 { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:fill-gray-100\/30 { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:fill-gray-100\/40 { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:fill-gray-100\/50 { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:fill-gray-100\/60 { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:fill-gray-100\/70 { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:fill-gray-100\/80 { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:fill-gray-100\/90 { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:fill-gray-200 { + fill: var(--gray-200) + } + .lg\:fill-gray-200\/10 { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:fill-gray-200\/20 { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:fill-gray-200\/30 { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:fill-gray-200\/40 { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:fill-gray-200\/50 { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:fill-gray-200\/60 { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:fill-gray-200\/70 { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:fill-gray-200\/80 { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:fill-gray-200\/90 { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:fill-gray-300 { + fill: var(--gray-300) + } + .lg\:fill-gray-300\/10 { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:fill-gray-300\/20 { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:fill-gray-300\/30 { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:fill-gray-300\/40 { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:fill-gray-300\/50 { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:fill-gray-300\/60 { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:fill-gray-300\/70 { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:fill-gray-300\/80 { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:fill-gray-300\/90 { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:fill-gray-400 { + fill: var(--gray-400) + } + .lg\:fill-gray-400\/10 { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:fill-gray-400\/20 { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:fill-gray-400\/30 { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:fill-gray-400\/40 { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:fill-gray-400\/50 { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:fill-gray-400\/60 { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:fill-gray-400\/70 { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:fill-gray-400\/80 { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:fill-gray-400\/90 { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:fill-gray-500 { + fill: var(--gray-500) + } + .lg\:fill-gray-500\/10 { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:fill-gray-500\/20 { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:fill-gray-500\/30 { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:fill-gray-500\/40 { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:fill-gray-500\/50 { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:fill-gray-500\/60 { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:fill-gray-500\/70 { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:fill-gray-500\/80 { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:fill-gray-500\/90 { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:fill-gray-600 { + fill: var(--gray-600) + } + .lg\:fill-gray-600\/10 { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:fill-gray-600\/20 { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:fill-gray-600\/30 { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:fill-gray-600\/40 { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:fill-gray-600\/50 { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:fill-gray-600\/60 { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:fill-gray-600\/70 { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:fill-gray-600\/80 { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:fill-gray-600\/90 { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:fill-gray-700 { + fill: var(--gray-700) + } + .lg\:fill-gray-700\/10 { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:fill-gray-700\/20 { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:fill-gray-700\/30 { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:fill-gray-700\/40 { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:fill-gray-700\/50 { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:fill-gray-700\/60 { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:fill-gray-700\/70 { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:fill-gray-700\/80 { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:fill-gray-700\/90 { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:fill-gray-800 { + fill: var(--gray-800) + } + .lg\:fill-gray-800\/10 { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:fill-gray-800\/20 { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:fill-gray-800\/30 { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:fill-gray-800\/40 { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:fill-gray-800\/50 { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:fill-gray-800\/60 { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:fill-gray-800\/70 { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:fill-gray-800\/80 { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:fill-gray-800\/90 { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:fill-gray-900 { + fill: var(--gray-900) + } + .lg\:fill-gray-900\/10 { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:fill-gray-900\/20 { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:fill-gray-900\/30 { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:fill-gray-900\/40 { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:fill-gray-900\/50 { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:fill-gray-900\/60 { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:fill-gray-900\/70 { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:fill-gray-900\/80 { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:fill-gray-900\/90 { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:fill-surface-0 { + fill: var(--surface-0) + } + .lg\:fill-surface-0\/10 { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:fill-surface-0\/20 { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:fill-surface-0\/30 { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:fill-surface-0\/40 { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:fill-surface-0\/50 { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:fill-surface-0\/60 { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:fill-surface-0\/70 { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:fill-surface-0\/80 { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:fill-surface-0\/90 { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:fill-surface-50 { + fill: var(--surface-50) + } + .lg\:fill-surface-50\/10 { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:fill-surface-50\/20 { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:fill-surface-50\/30 { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:fill-surface-50\/40 { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:fill-surface-50\/50 { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:fill-surface-50\/60 { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:fill-surface-50\/70 { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:fill-surface-50\/80 { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:fill-surface-50\/90 { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:fill-surface-100 { + fill: var(--surface-100) + } + .lg\:fill-surface-100\/10 { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:fill-surface-100\/20 { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:fill-surface-100\/30 { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:fill-surface-100\/40 { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:fill-surface-100\/50 { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:fill-surface-100\/60 { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:fill-surface-100\/70 { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:fill-surface-100\/80 { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:fill-surface-100\/90 { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:fill-surface-200 { + fill: var(--surface-200) + } + .lg\:fill-surface-200\/10 { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:fill-surface-200\/20 { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:fill-surface-200\/30 { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:fill-surface-200\/40 { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:fill-surface-200\/50 { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:fill-surface-200\/60 { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:fill-surface-200\/70 { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:fill-surface-200\/80 { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:fill-surface-200\/90 { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:fill-surface-300 { + fill: var(--surface-300) + } + .lg\:fill-surface-300\/10 { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:fill-surface-300\/20 { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:fill-surface-300\/30 { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:fill-surface-300\/40 { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:fill-surface-300\/50 { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:fill-surface-300\/60 { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:fill-surface-300\/70 { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:fill-surface-300\/80 { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:fill-surface-300\/90 { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:fill-surface-400 { + fill: var(--surface-400) + } + .lg\:fill-surface-400\/10 { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:fill-surface-400\/20 { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:fill-surface-400\/30 { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:fill-surface-400\/40 { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:fill-surface-400\/50 { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:fill-surface-400\/60 { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:fill-surface-400\/70 { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:fill-surface-400\/80 { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:fill-surface-400\/90 { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:fill-surface-500 { + fill: var(--surface-500) + } + .lg\:fill-surface-500\/10 { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:fill-surface-500\/20 { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:fill-surface-500\/30 { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:fill-surface-500\/40 { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:fill-surface-500\/50 { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:fill-surface-500\/60 { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:fill-surface-500\/70 { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:fill-surface-500\/80 { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:fill-surface-500\/90 { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:fill-surface-600 { + fill: var(--surface-600) + } + .lg\:fill-surface-600\/10 { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:fill-surface-600\/20 { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:fill-surface-600\/30 { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:fill-surface-600\/40 { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:fill-surface-600\/50 { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:fill-surface-600\/60 { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:fill-surface-600\/70 { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:fill-surface-600\/80 { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:fill-surface-600\/90 { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:fill-surface-700 { + fill: var(--surface-700) + } + .lg\:fill-surface-700\/10 { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:fill-surface-700\/20 { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:fill-surface-700\/30 { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:fill-surface-700\/40 { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:fill-surface-700\/50 { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:fill-surface-700\/60 { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:fill-surface-700\/70 { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:fill-surface-700\/80 { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:fill-surface-700\/90 { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:fill-surface-800 { + fill: var(--surface-800) + } + .lg\:fill-surface-800\/10 { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:fill-surface-800\/20 { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:fill-surface-800\/30 { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:fill-surface-800\/40 { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:fill-surface-800\/50 { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:fill-surface-800\/60 { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:fill-surface-800\/70 { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:fill-surface-800\/80 { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:fill-surface-800\/90 { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:fill-surface-900 { + fill: var(--surface-900) + } + .lg\:fill-surface-900\/10 { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:fill-surface-900\/20 { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:fill-surface-900\/30 { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:fill-surface-900\/40 { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:fill-surface-900\/50 { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:fill-surface-900\/60 { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:fill-surface-900\/70 { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:fill-surface-900\/80 { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:fill-surface-900\/90 { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:fill-primary-50 { + fill: var(--primary-50) + } + .lg\:fill-primary-50\/10 { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:fill-primary-50\/20 { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:fill-primary-50\/30 { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:fill-primary-50\/40 { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:fill-primary-50\/50 { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:fill-primary-50\/60 { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:fill-primary-50\/70 { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:fill-primary-50\/80 { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:fill-primary-50\/90 { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:fill-primary-100 { + fill: var(--primary-100) + } + .lg\:fill-primary-100\/10 { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:fill-primary-100\/20 { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:fill-primary-100\/30 { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:fill-primary-100\/40 { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:fill-primary-100\/50 { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:fill-primary-100\/60 { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:fill-primary-100\/70 { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:fill-primary-100\/80 { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:fill-primary-100\/90 { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:fill-primary-200 { + fill: var(--primary-200) + } + .lg\:fill-primary-200\/10 { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:fill-primary-200\/20 { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:fill-primary-200\/30 { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:fill-primary-200\/40 { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:fill-primary-200\/50 { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:fill-primary-200\/60 { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:fill-primary-200\/70 { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:fill-primary-200\/80 { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:fill-primary-200\/90 { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:fill-primary-300 { + fill: var(--primary-300) + } + .lg\:fill-primary-300\/10 { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:fill-primary-300\/20 { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:fill-primary-300\/30 { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:fill-primary-300\/40 { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:fill-primary-300\/50 { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:fill-primary-300\/60 { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:fill-primary-300\/70 { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:fill-primary-300\/80 { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:fill-primary-300\/90 { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:fill-primary-400 { + fill: var(--primary-400) + } + .lg\:fill-primary-400\/10 { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:fill-primary-400\/20 { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:fill-primary-400\/30 { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:fill-primary-400\/40 { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:fill-primary-400\/50 { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:fill-primary-400\/60 { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:fill-primary-400\/70 { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:fill-primary-400\/80 { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:fill-primary-400\/90 { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:fill-primary-500 { + fill: var(--primary-500) + } + .lg\:fill-primary-500\/10 { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:fill-primary-500\/20 { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:fill-primary-500\/30 { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:fill-primary-500\/40 { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:fill-primary-500\/50 { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:fill-primary-500\/60 { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:fill-primary-500\/70 { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:fill-primary-500\/80 { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:fill-primary-500\/90 { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:fill-primary-600 { + fill: var(--primary-600) + } + .lg\:fill-primary-600\/10 { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:fill-primary-600\/20 { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:fill-primary-600\/30 { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:fill-primary-600\/40 { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:fill-primary-600\/50 { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:fill-primary-600\/60 { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:fill-primary-600\/70 { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:fill-primary-600\/80 { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:fill-primary-600\/90 { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:fill-primary-700 { + fill: var(--primary-700) + } + .lg\:fill-primary-700\/10 { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:fill-primary-700\/20 { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:fill-primary-700\/30 { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:fill-primary-700\/40 { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:fill-primary-700\/50 { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:fill-primary-700\/60 { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:fill-primary-700\/70 { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:fill-primary-700\/80 { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:fill-primary-700\/90 { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:fill-primary-800 { + fill: var(--primary-800) + } + .lg\:fill-primary-800\/10 { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:fill-primary-800\/20 { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:fill-primary-800\/30 { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:fill-primary-800\/40 { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:fill-primary-800\/50 { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:fill-primary-800\/60 { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:fill-primary-800\/70 { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:fill-primary-800\/80 { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:fill-primary-800\/90 { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:fill-primary-900 { + fill: var(--primary-900) + } + .lg\:fill-primary-900\/10 { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:fill-primary-900\/20 { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:fill-primary-900\/30 { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:fill-primary-900\/40 { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:fill-primary-900\/50 { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:fill-primary-900\/60 { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:fill-primary-900\/70 { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:fill-primary-900\/80 { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:fill-primary-900\/90 { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:fill-blue-50:focus { + fill: var(--blue-50) + } + .lg\:hover\:fill-blue-50:hover { + fill: var(--blue-50) + } + .lg\:active\:fill-blue-50:active { + fill: var(--blue-50) + } + .lg\:focus\:fill-blue-50\/10:focus { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:fill-blue-50\/10:hover { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:fill-blue-50\/10:active { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:fill-blue-50\/20:focus { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:fill-blue-50\/20:hover { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:fill-blue-50\/20:active { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:fill-blue-50\/30:focus { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:fill-blue-50\/30:hover { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:fill-blue-50\/30:active { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:fill-blue-50\/40:focus { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:fill-blue-50\/40:hover { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:fill-blue-50\/40:active { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:fill-blue-50\/50:focus { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:fill-blue-50\/50:hover { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:fill-blue-50\/50:active { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:fill-blue-50\/60:focus { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:fill-blue-50\/60:hover { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:fill-blue-50\/60:active { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:fill-blue-50\/70:focus { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:fill-blue-50\/70:hover { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:fill-blue-50\/70:active { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:fill-blue-50\/80:focus { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:fill-blue-50\/80:hover { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:fill-blue-50\/80:active { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:fill-blue-50\/90:focus { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:fill-blue-50\/90:hover { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:fill-blue-50\/90:active { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:fill-blue-100:focus { + fill: var(--blue-100) + } + .lg\:hover\:fill-blue-100:hover { + fill: var(--blue-100) + } + .lg\:active\:fill-blue-100:active { + fill: var(--blue-100) + } + .lg\:focus\:fill-blue-100\/10:focus { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:fill-blue-100\/10:hover { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:fill-blue-100\/10:active { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:fill-blue-100\/20:focus { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:fill-blue-100\/20:hover { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:fill-blue-100\/20:active { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:fill-blue-100\/30:focus { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:fill-blue-100\/30:hover { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:fill-blue-100\/30:active { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:fill-blue-100\/40:focus { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:fill-blue-100\/40:hover { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:fill-blue-100\/40:active { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:fill-blue-100\/50:focus { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:fill-blue-100\/50:hover { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:fill-blue-100\/50:active { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:fill-blue-100\/60:focus { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:fill-blue-100\/60:hover { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:fill-blue-100\/60:active { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:fill-blue-100\/70:focus { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:fill-blue-100\/70:hover { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:fill-blue-100\/70:active { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:fill-blue-100\/80:focus { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:fill-blue-100\/80:hover { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:fill-blue-100\/80:active { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:fill-blue-100\/90:focus { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:fill-blue-100\/90:hover { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:fill-blue-100\/90:active { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:fill-blue-200:focus { + fill: var(--blue-200) + } + .lg\:hover\:fill-blue-200:hover { + fill: var(--blue-200) + } + .lg\:active\:fill-blue-200:active { + fill: var(--blue-200) + } + .lg\:focus\:fill-blue-200\/10:focus { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:fill-blue-200\/10:hover { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:fill-blue-200\/10:active { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:fill-blue-200\/20:focus { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:fill-blue-200\/20:hover { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:fill-blue-200\/20:active { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:fill-blue-200\/30:focus { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:fill-blue-200\/30:hover { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:fill-blue-200\/30:active { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:fill-blue-200\/40:focus { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:fill-blue-200\/40:hover { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:fill-blue-200\/40:active { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:fill-blue-200\/50:focus { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:fill-blue-200\/50:hover { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:fill-blue-200\/50:active { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:fill-blue-200\/60:focus { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:fill-blue-200\/60:hover { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:fill-blue-200\/60:active { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:fill-blue-200\/70:focus { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:fill-blue-200\/70:hover { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:fill-blue-200\/70:active { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:fill-blue-200\/80:focus { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:fill-blue-200\/80:hover { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:fill-blue-200\/80:active { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:fill-blue-200\/90:focus { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:fill-blue-200\/90:hover { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:fill-blue-200\/90:active { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:fill-blue-300:focus { + fill: var(--blue-300) + } + .lg\:hover\:fill-blue-300:hover { + fill: var(--blue-300) + } + .lg\:active\:fill-blue-300:active { + fill: var(--blue-300) + } + .lg\:focus\:fill-blue-300\/10:focus { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:fill-blue-300\/10:hover { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:fill-blue-300\/10:active { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:fill-blue-300\/20:focus { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:fill-blue-300\/20:hover { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:fill-blue-300\/20:active { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:fill-blue-300\/30:focus { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:fill-blue-300\/30:hover { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:fill-blue-300\/30:active { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:fill-blue-300\/40:focus { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:fill-blue-300\/40:hover { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:fill-blue-300\/40:active { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:fill-blue-300\/50:focus { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:fill-blue-300\/50:hover { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:fill-blue-300\/50:active { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:fill-blue-300\/60:focus { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:fill-blue-300\/60:hover { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:fill-blue-300\/60:active { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:fill-blue-300\/70:focus { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:fill-blue-300\/70:hover { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:fill-blue-300\/70:active { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:fill-blue-300\/80:focus { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:fill-blue-300\/80:hover { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:fill-blue-300\/80:active { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:fill-blue-300\/90:focus { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:fill-blue-300\/90:hover { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:fill-blue-300\/90:active { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:fill-blue-400:focus { + fill: var(--blue-400) + } + .lg\:hover\:fill-blue-400:hover { + fill: var(--blue-400) + } + .lg\:active\:fill-blue-400:active { + fill: var(--blue-400) + } + .lg\:focus\:fill-blue-400\/10:focus { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:fill-blue-400\/10:hover { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:fill-blue-400\/10:active { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:fill-blue-400\/20:focus { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:fill-blue-400\/20:hover { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:fill-blue-400\/20:active { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:fill-blue-400\/30:focus { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:fill-blue-400\/30:hover { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:fill-blue-400\/30:active { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:fill-blue-400\/40:focus { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:fill-blue-400\/40:hover { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:fill-blue-400\/40:active { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:fill-blue-400\/50:focus { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:fill-blue-400\/50:hover { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:fill-blue-400\/50:active { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:fill-blue-400\/60:focus { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:fill-blue-400\/60:hover { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:fill-blue-400\/60:active { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:fill-blue-400\/70:focus { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:fill-blue-400\/70:hover { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:fill-blue-400\/70:active { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:fill-blue-400\/80:focus { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:fill-blue-400\/80:hover { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:fill-blue-400\/80:active { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:fill-blue-400\/90:focus { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:fill-blue-400\/90:hover { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:fill-blue-400\/90:active { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:fill-blue-500:focus { + fill: var(--blue-500) + } + .lg\:hover\:fill-blue-500:hover { + fill: var(--blue-500) + } + .lg\:active\:fill-blue-500:active { + fill: var(--blue-500) + } + .lg\:focus\:fill-blue-500\/10:focus { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:fill-blue-500\/10:hover { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:fill-blue-500\/10:active { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:fill-blue-500\/20:focus { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:fill-blue-500\/20:hover { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:fill-blue-500\/20:active { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:fill-blue-500\/30:focus { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:fill-blue-500\/30:hover { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:fill-blue-500\/30:active { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:fill-blue-500\/40:focus { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:fill-blue-500\/40:hover { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:fill-blue-500\/40:active { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:fill-blue-500\/50:focus { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:fill-blue-500\/50:hover { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:fill-blue-500\/50:active { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:fill-blue-500\/60:focus { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:fill-blue-500\/60:hover { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:fill-blue-500\/60:active { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:fill-blue-500\/70:focus { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:fill-blue-500\/70:hover { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:fill-blue-500\/70:active { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:fill-blue-500\/80:focus { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:fill-blue-500\/80:hover { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:fill-blue-500\/80:active { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:fill-blue-500\/90:focus { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:fill-blue-500\/90:hover { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:fill-blue-500\/90:active { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:fill-blue-600:focus { + fill: var(--blue-600) + } + .lg\:hover\:fill-blue-600:hover { + fill: var(--blue-600) + } + .lg\:active\:fill-blue-600:active { + fill: var(--blue-600) + } + .lg\:focus\:fill-blue-600\/10:focus { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:fill-blue-600\/10:hover { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:fill-blue-600\/10:active { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:fill-blue-600\/20:focus { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:fill-blue-600\/20:hover { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:fill-blue-600\/20:active { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:fill-blue-600\/30:focus { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:fill-blue-600\/30:hover { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:fill-blue-600\/30:active { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:fill-blue-600\/40:focus { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:fill-blue-600\/40:hover { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:fill-blue-600\/40:active { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:fill-blue-600\/50:focus { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:fill-blue-600\/50:hover { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:fill-blue-600\/50:active { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:fill-blue-600\/60:focus { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:fill-blue-600\/60:hover { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:fill-blue-600\/60:active { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:fill-blue-600\/70:focus { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:fill-blue-600\/70:hover { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:fill-blue-600\/70:active { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:fill-blue-600\/80:focus { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:fill-blue-600\/80:hover { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:fill-blue-600\/80:active { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:fill-blue-600\/90:focus { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:fill-blue-600\/90:hover { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:fill-blue-600\/90:active { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:fill-blue-700:focus { + fill: var(--blue-700) + } + .lg\:hover\:fill-blue-700:hover { + fill: var(--blue-700) + } + .lg\:active\:fill-blue-700:active { + fill: var(--blue-700) + } + .lg\:focus\:fill-blue-700\/10:focus { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:fill-blue-700\/10:hover { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:fill-blue-700\/10:active { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:fill-blue-700\/20:focus { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:fill-blue-700\/20:hover { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:fill-blue-700\/20:active { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:fill-blue-700\/30:focus { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:fill-blue-700\/30:hover { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:fill-blue-700\/30:active { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:fill-blue-700\/40:focus { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:fill-blue-700\/40:hover { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:fill-blue-700\/40:active { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:fill-blue-700\/50:focus { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:fill-blue-700\/50:hover { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:fill-blue-700\/50:active { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:fill-blue-700\/60:focus { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:fill-blue-700\/60:hover { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:fill-blue-700\/60:active { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:fill-blue-700\/70:focus { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:fill-blue-700\/70:hover { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:fill-blue-700\/70:active { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:fill-blue-700\/80:focus { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:fill-blue-700\/80:hover { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:fill-blue-700\/80:active { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:fill-blue-700\/90:focus { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:fill-blue-700\/90:hover { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:fill-blue-700\/90:active { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:fill-blue-800:focus { + fill: var(--blue-800) + } + .lg\:hover\:fill-blue-800:hover { + fill: var(--blue-800) + } + .lg\:active\:fill-blue-800:active { + fill: var(--blue-800) + } + .lg\:focus\:fill-blue-800\/10:focus { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:fill-blue-800\/10:hover { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:fill-blue-800\/10:active { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:fill-blue-800\/20:focus { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:fill-blue-800\/20:hover { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:fill-blue-800\/20:active { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:fill-blue-800\/30:focus { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:fill-blue-800\/30:hover { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:fill-blue-800\/30:active { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:fill-blue-800\/40:focus { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:fill-blue-800\/40:hover { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:fill-blue-800\/40:active { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:fill-blue-800\/50:focus { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:fill-blue-800\/50:hover { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:fill-blue-800\/50:active { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:fill-blue-800\/60:focus { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:fill-blue-800\/60:hover { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:fill-blue-800\/60:active { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:fill-blue-800\/70:focus { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:fill-blue-800\/70:hover { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:fill-blue-800\/70:active { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:fill-blue-800\/80:focus { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:fill-blue-800\/80:hover { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:fill-blue-800\/80:active { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:fill-blue-800\/90:focus { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:fill-blue-800\/90:hover { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:fill-blue-800\/90:active { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:fill-blue-900:focus { + fill: var(--blue-900) + } + .lg\:hover\:fill-blue-900:hover { + fill: var(--blue-900) + } + .lg\:active\:fill-blue-900:active { + fill: var(--blue-900) + } + .lg\:focus\:fill-blue-900\/10:focus { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:fill-blue-900\/10:hover { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:fill-blue-900\/10:active { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:fill-blue-900\/20:focus { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:fill-blue-900\/20:hover { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:fill-blue-900\/20:active { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:fill-blue-900\/30:focus { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:fill-blue-900\/30:hover { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:fill-blue-900\/30:active { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:fill-blue-900\/40:focus { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:fill-blue-900\/40:hover { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:fill-blue-900\/40:active { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:fill-blue-900\/50:focus { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:fill-blue-900\/50:hover { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:fill-blue-900\/50:active { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:fill-blue-900\/60:focus { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:fill-blue-900\/60:hover { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:fill-blue-900\/60:active { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:fill-blue-900\/70:focus { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:fill-blue-900\/70:hover { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:fill-blue-900\/70:active { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:fill-blue-900\/80:focus { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:fill-blue-900\/80:hover { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:fill-blue-900\/80:active { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:fill-blue-900\/90:focus { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:fill-blue-900\/90:hover { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:fill-blue-900\/90:active { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:fill-green-50:focus { + fill: var(--green-50) + } + .lg\:hover\:fill-green-50:hover { + fill: var(--green-50) + } + .lg\:active\:fill-green-50:active { + fill: var(--green-50) + } + .lg\:focus\:fill-green-50\/10:focus { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:fill-green-50\/10:hover { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:fill-green-50\/10:active { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:fill-green-50\/20:focus { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:fill-green-50\/20:hover { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:fill-green-50\/20:active { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:fill-green-50\/30:focus { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:fill-green-50\/30:hover { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:fill-green-50\/30:active { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:fill-green-50\/40:focus { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:fill-green-50\/40:hover { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:fill-green-50\/40:active { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:fill-green-50\/50:focus { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:fill-green-50\/50:hover { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:fill-green-50\/50:active { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:fill-green-50\/60:focus { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:fill-green-50\/60:hover { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:fill-green-50\/60:active { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:fill-green-50\/70:focus { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:fill-green-50\/70:hover { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:fill-green-50\/70:active { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:fill-green-50\/80:focus { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:fill-green-50\/80:hover { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:fill-green-50\/80:active { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:fill-green-50\/90:focus { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:fill-green-50\/90:hover { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:fill-green-50\/90:active { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:fill-green-100:focus { + fill: var(--green-100) + } + .lg\:hover\:fill-green-100:hover { + fill: var(--green-100) + } + .lg\:active\:fill-green-100:active { + fill: var(--green-100) + } + .lg\:focus\:fill-green-100\/10:focus { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:fill-green-100\/10:hover { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:fill-green-100\/10:active { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:fill-green-100\/20:focus { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:fill-green-100\/20:hover { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:fill-green-100\/20:active { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:fill-green-100\/30:focus { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:fill-green-100\/30:hover { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:fill-green-100\/30:active { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:fill-green-100\/40:focus { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:fill-green-100\/40:hover { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:fill-green-100\/40:active { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:fill-green-100\/50:focus { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:fill-green-100\/50:hover { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:fill-green-100\/50:active { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:fill-green-100\/60:focus { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:fill-green-100\/60:hover { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:fill-green-100\/60:active { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:fill-green-100\/70:focus { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:fill-green-100\/70:hover { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:fill-green-100\/70:active { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:fill-green-100\/80:focus { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:fill-green-100\/80:hover { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:fill-green-100\/80:active { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:fill-green-100\/90:focus { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:fill-green-100\/90:hover { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:fill-green-100\/90:active { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:fill-green-200:focus { + fill: var(--green-200) + } + .lg\:hover\:fill-green-200:hover { + fill: var(--green-200) + } + .lg\:active\:fill-green-200:active { + fill: var(--green-200) + } + .lg\:focus\:fill-green-200\/10:focus { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:fill-green-200\/10:hover { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:fill-green-200\/10:active { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:fill-green-200\/20:focus { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:fill-green-200\/20:hover { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:fill-green-200\/20:active { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:fill-green-200\/30:focus { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:fill-green-200\/30:hover { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:fill-green-200\/30:active { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:fill-green-200\/40:focus { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:fill-green-200\/40:hover { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:fill-green-200\/40:active { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:fill-green-200\/50:focus { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:fill-green-200\/50:hover { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:fill-green-200\/50:active { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:fill-green-200\/60:focus { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:fill-green-200\/60:hover { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:fill-green-200\/60:active { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:fill-green-200\/70:focus { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:fill-green-200\/70:hover { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:fill-green-200\/70:active { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:fill-green-200\/80:focus { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:fill-green-200\/80:hover { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:fill-green-200\/80:active { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:fill-green-200\/90:focus { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:fill-green-200\/90:hover { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:fill-green-200\/90:active { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:fill-green-300:focus { + fill: var(--green-300) + } + .lg\:hover\:fill-green-300:hover { + fill: var(--green-300) + } + .lg\:active\:fill-green-300:active { + fill: var(--green-300) + } + .lg\:focus\:fill-green-300\/10:focus { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:fill-green-300\/10:hover { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:fill-green-300\/10:active { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:fill-green-300\/20:focus { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:fill-green-300\/20:hover { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:fill-green-300\/20:active { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:fill-green-300\/30:focus { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:fill-green-300\/30:hover { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:fill-green-300\/30:active { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:fill-green-300\/40:focus { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:fill-green-300\/40:hover { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:fill-green-300\/40:active { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:fill-green-300\/50:focus { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:fill-green-300\/50:hover { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:fill-green-300\/50:active { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:fill-green-300\/60:focus { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:fill-green-300\/60:hover { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:fill-green-300\/60:active { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:fill-green-300\/70:focus { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:fill-green-300\/70:hover { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:fill-green-300\/70:active { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:fill-green-300\/80:focus { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:fill-green-300\/80:hover { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:fill-green-300\/80:active { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:fill-green-300\/90:focus { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:fill-green-300\/90:hover { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:fill-green-300\/90:active { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:fill-green-400:focus { + fill: var(--green-400) + } + .lg\:hover\:fill-green-400:hover { + fill: var(--green-400) + } + .lg\:active\:fill-green-400:active { + fill: var(--green-400) + } + .lg\:focus\:fill-green-400\/10:focus { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:fill-green-400\/10:hover { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:fill-green-400\/10:active { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:fill-green-400\/20:focus { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:fill-green-400\/20:hover { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:fill-green-400\/20:active { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:fill-green-400\/30:focus { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:fill-green-400\/30:hover { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:fill-green-400\/30:active { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:fill-green-400\/40:focus { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:fill-green-400\/40:hover { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:fill-green-400\/40:active { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:fill-green-400\/50:focus { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:fill-green-400\/50:hover { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:fill-green-400\/50:active { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:fill-green-400\/60:focus { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:fill-green-400\/60:hover { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:fill-green-400\/60:active { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:fill-green-400\/70:focus { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:fill-green-400\/70:hover { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:fill-green-400\/70:active { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:fill-green-400\/80:focus { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:fill-green-400\/80:hover { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:fill-green-400\/80:active { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:fill-green-400\/90:focus { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:fill-green-400\/90:hover { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:fill-green-400\/90:active { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:fill-green-500:focus { + fill: var(--green-500) + } + .lg\:hover\:fill-green-500:hover { + fill: var(--green-500) + } + .lg\:active\:fill-green-500:active { + fill: var(--green-500) + } + .lg\:focus\:fill-green-500\/10:focus { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:fill-green-500\/10:hover { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:fill-green-500\/10:active { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:fill-green-500\/20:focus { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:fill-green-500\/20:hover { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:fill-green-500\/20:active { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:fill-green-500\/30:focus { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:fill-green-500\/30:hover { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:fill-green-500\/30:active { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:fill-green-500\/40:focus { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:fill-green-500\/40:hover { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:fill-green-500\/40:active { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:fill-green-500\/50:focus { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:fill-green-500\/50:hover { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:fill-green-500\/50:active { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:fill-green-500\/60:focus { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:fill-green-500\/60:hover { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:fill-green-500\/60:active { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:fill-green-500\/70:focus { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:fill-green-500\/70:hover { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:fill-green-500\/70:active { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:fill-green-500\/80:focus { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:fill-green-500\/80:hover { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:fill-green-500\/80:active { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:fill-green-500\/90:focus { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:fill-green-500\/90:hover { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:fill-green-500\/90:active { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:fill-green-600:focus { + fill: var(--green-600) + } + .lg\:hover\:fill-green-600:hover { + fill: var(--green-600) + } + .lg\:active\:fill-green-600:active { + fill: var(--green-600) + } + .lg\:focus\:fill-green-600\/10:focus { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:fill-green-600\/10:hover { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:fill-green-600\/10:active { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:fill-green-600\/20:focus { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:fill-green-600\/20:hover { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:fill-green-600\/20:active { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:fill-green-600\/30:focus { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:fill-green-600\/30:hover { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:fill-green-600\/30:active { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:fill-green-600\/40:focus { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:fill-green-600\/40:hover { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:fill-green-600\/40:active { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:fill-green-600\/50:focus { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:fill-green-600\/50:hover { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:fill-green-600\/50:active { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:fill-green-600\/60:focus { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:fill-green-600\/60:hover { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:fill-green-600\/60:active { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:fill-green-600\/70:focus { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:fill-green-600\/70:hover { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:fill-green-600\/70:active { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:fill-green-600\/80:focus { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:fill-green-600\/80:hover { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:fill-green-600\/80:active { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:fill-green-600\/90:focus { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:fill-green-600\/90:hover { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:fill-green-600\/90:active { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:fill-green-700:focus { + fill: var(--green-700) + } + .lg\:hover\:fill-green-700:hover { + fill: var(--green-700) + } + .lg\:active\:fill-green-700:active { + fill: var(--green-700) + } + .lg\:focus\:fill-green-700\/10:focus { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:fill-green-700\/10:hover { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:fill-green-700\/10:active { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:fill-green-700\/20:focus { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:fill-green-700\/20:hover { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:fill-green-700\/20:active { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:fill-green-700\/30:focus { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:fill-green-700\/30:hover { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:fill-green-700\/30:active { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:fill-green-700\/40:focus { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:fill-green-700\/40:hover { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:fill-green-700\/40:active { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:fill-green-700\/50:focus { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:fill-green-700\/50:hover { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:fill-green-700\/50:active { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:fill-green-700\/60:focus { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:fill-green-700\/60:hover { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:fill-green-700\/60:active { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:fill-green-700\/70:focus { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:fill-green-700\/70:hover { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:fill-green-700\/70:active { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:fill-green-700\/80:focus { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:fill-green-700\/80:hover { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:fill-green-700\/80:active { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:fill-green-700\/90:focus { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:fill-green-700\/90:hover { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:fill-green-700\/90:active { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:fill-green-800:focus { + fill: var(--green-800) + } + .lg\:hover\:fill-green-800:hover { + fill: var(--green-800) + } + .lg\:active\:fill-green-800:active { + fill: var(--green-800) + } + .lg\:focus\:fill-green-800\/10:focus { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:fill-green-800\/10:hover { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:fill-green-800\/10:active { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:fill-green-800\/20:focus { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:fill-green-800\/20:hover { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:fill-green-800\/20:active { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:fill-green-800\/30:focus { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:fill-green-800\/30:hover { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:fill-green-800\/30:active { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:fill-green-800\/40:focus { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:fill-green-800\/40:hover { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:fill-green-800\/40:active { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:fill-green-800\/50:focus { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:fill-green-800\/50:hover { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:fill-green-800\/50:active { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:fill-green-800\/60:focus { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:fill-green-800\/60:hover { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:fill-green-800\/60:active { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:fill-green-800\/70:focus { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:fill-green-800\/70:hover { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:fill-green-800\/70:active { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:fill-green-800\/80:focus { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:fill-green-800\/80:hover { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:fill-green-800\/80:active { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:fill-green-800\/90:focus { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:fill-green-800\/90:hover { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:fill-green-800\/90:active { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:fill-green-900:focus { + fill: var(--green-900) + } + .lg\:hover\:fill-green-900:hover { + fill: var(--green-900) + } + .lg\:active\:fill-green-900:active { + fill: var(--green-900) + } + .lg\:focus\:fill-green-900\/10:focus { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:fill-green-900\/10:hover { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:fill-green-900\/10:active { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:fill-green-900\/20:focus { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:fill-green-900\/20:hover { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:fill-green-900\/20:active { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:fill-green-900\/30:focus { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:fill-green-900\/30:hover { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:fill-green-900\/30:active { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:fill-green-900\/40:focus { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:fill-green-900\/40:hover { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:fill-green-900\/40:active { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:fill-green-900\/50:focus { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:fill-green-900\/50:hover { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:fill-green-900\/50:active { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:fill-green-900\/60:focus { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:fill-green-900\/60:hover { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:fill-green-900\/60:active { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:fill-green-900\/70:focus { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:fill-green-900\/70:hover { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:fill-green-900\/70:active { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:fill-green-900\/80:focus { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:fill-green-900\/80:hover { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:fill-green-900\/80:active { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:fill-green-900\/90:focus { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:fill-green-900\/90:hover { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:fill-green-900\/90:active { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-50:focus { + fill: var(--yellow-50) + } + .lg\:hover\:fill-yellow-50:hover { + fill: var(--yellow-50) + } + .lg\:active\:fill-yellow-50:active { + fill: var(--yellow-50) + } + .lg\:focus\:fill-yellow-50\/10:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-50\/10:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:fill-yellow-50\/10:active { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-50\/20:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-50\/20:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:fill-yellow-50\/20:active { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-50\/30:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-50\/30:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:fill-yellow-50\/30:active { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-50\/40:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-50\/40:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:fill-yellow-50\/40:active { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-50\/50:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-50\/50:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:fill-yellow-50\/50:active { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-50\/60:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-50\/60:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:fill-yellow-50\/60:active { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-50\/70:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-50\/70:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:fill-yellow-50\/70:active { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-50\/80:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-50\/80:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:fill-yellow-50\/80:active { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-50\/90:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-50\/90:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:fill-yellow-50\/90:active { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-100:focus { + fill: var(--yellow-100) + } + .lg\:hover\:fill-yellow-100:hover { + fill: var(--yellow-100) + } + .lg\:active\:fill-yellow-100:active { + fill: var(--yellow-100) + } + .lg\:focus\:fill-yellow-100\/10:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-100\/10:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:fill-yellow-100\/10:active { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-100\/20:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-100\/20:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:fill-yellow-100\/20:active { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-100\/30:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-100\/30:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:fill-yellow-100\/30:active { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-100\/40:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-100\/40:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:fill-yellow-100\/40:active { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-100\/50:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-100\/50:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:fill-yellow-100\/50:active { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-100\/60:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-100\/60:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:fill-yellow-100\/60:active { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-100\/70:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-100\/70:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:fill-yellow-100\/70:active { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-100\/80:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-100\/80:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:fill-yellow-100\/80:active { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-100\/90:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-100\/90:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:fill-yellow-100\/90:active { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-200:focus { + fill: var(--yellow-200) + } + .lg\:hover\:fill-yellow-200:hover { + fill: var(--yellow-200) + } + .lg\:active\:fill-yellow-200:active { + fill: var(--yellow-200) + } + .lg\:focus\:fill-yellow-200\/10:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-200\/10:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:fill-yellow-200\/10:active { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-200\/20:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-200\/20:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:fill-yellow-200\/20:active { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-200\/30:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-200\/30:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:fill-yellow-200\/30:active { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-200\/40:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-200\/40:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:fill-yellow-200\/40:active { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-200\/50:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-200\/50:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:fill-yellow-200\/50:active { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-200\/60:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-200\/60:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:fill-yellow-200\/60:active { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-200\/70:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-200\/70:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:fill-yellow-200\/70:active { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-200\/80:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-200\/80:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:fill-yellow-200\/80:active { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-200\/90:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-200\/90:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:fill-yellow-200\/90:active { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-300:focus { + fill: var(--yellow-300) + } + .lg\:hover\:fill-yellow-300:hover { + fill: var(--yellow-300) + } + .lg\:active\:fill-yellow-300:active { + fill: var(--yellow-300) + } + .lg\:focus\:fill-yellow-300\/10:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-300\/10:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:fill-yellow-300\/10:active { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-300\/20:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-300\/20:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:fill-yellow-300\/20:active { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-300\/30:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-300\/30:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:fill-yellow-300\/30:active { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-300\/40:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-300\/40:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:fill-yellow-300\/40:active { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-300\/50:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-300\/50:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:fill-yellow-300\/50:active { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-300\/60:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-300\/60:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:fill-yellow-300\/60:active { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-300\/70:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-300\/70:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:fill-yellow-300\/70:active { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-300\/80:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-300\/80:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:fill-yellow-300\/80:active { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-300\/90:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-300\/90:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:fill-yellow-300\/90:active { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-400:focus { + fill: var(--yellow-400) + } + .lg\:hover\:fill-yellow-400:hover { + fill: var(--yellow-400) + } + .lg\:active\:fill-yellow-400:active { + fill: var(--yellow-400) + } + .lg\:focus\:fill-yellow-400\/10:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-400\/10:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:fill-yellow-400\/10:active { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-400\/20:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-400\/20:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:fill-yellow-400\/20:active { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-400\/30:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-400\/30:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:fill-yellow-400\/30:active { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-400\/40:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-400\/40:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:fill-yellow-400\/40:active { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-400\/50:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-400\/50:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:fill-yellow-400\/50:active { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-400\/60:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-400\/60:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:fill-yellow-400\/60:active { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-400\/70:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-400\/70:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:fill-yellow-400\/70:active { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-400\/80:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-400\/80:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:fill-yellow-400\/80:active { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-400\/90:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-400\/90:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:fill-yellow-400\/90:active { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-500:focus { + fill: var(--yellow-500) + } + .lg\:hover\:fill-yellow-500:hover { + fill: var(--yellow-500) + } + .lg\:active\:fill-yellow-500:active { + fill: var(--yellow-500) + } + .lg\:focus\:fill-yellow-500\/10:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-500\/10:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:fill-yellow-500\/10:active { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-500\/20:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-500\/20:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:fill-yellow-500\/20:active { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-500\/30:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-500\/30:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:fill-yellow-500\/30:active { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-500\/40:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-500\/40:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:fill-yellow-500\/40:active { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-500\/50:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-500\/50:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:fill-yellow-500\/50:active { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-500\/60:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-500\/60:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:fill-yellow-500\/60:active { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-500\/70:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-500\/70:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:fill-yellow-500\/70:active { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-500\/80:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-500\/80:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:fill-yellow-500\/80:active { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-500\/90:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-500\/90:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:fill-yellow-500\/90:active { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-600:focus { + fill: var(--yellow-600) + } + .lg\:hover\:fill-yellow-600:hover { + fill: var(--yellow-600) + } + .lg\:active\:fill-yellow-600:active { + fill: var(--yellow-600) + } + .lg\:focus\:fill-yellow-600\/10:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-600\/10:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:fill-yellow-600\/10:active { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-600\/20:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-600\/20:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:fill-yellow-600\/20:active { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-600\/30:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-600\/30:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:fill-yellow-600\/30:active { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-600\/40:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-600\/40:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:fill-yellow-600\/40:active { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-600\/50:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-600\/50:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:fill-yellow-600\/50:active { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-600\/60:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-600\/60:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:fill-yellow-600\/60:active { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-600\/70:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-600\/70:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:fill-yellow-600\/70:active { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-600\/80:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-600\/80:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:fill-yellow-600\/80:active { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-600\/90:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-600\/90:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:fill-yellow-600\/90:active { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-700:focus { + fill: var(--yellow-700) + } + .lg\:hover\:fill-yellow-700:hover { + fill: var(--yellow-700) + } + .lg\:active\:fill-yellow-700:active { + fill: var(--yellow-700) + } + .lg\:focus\:fill-yellow-700\/10:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-700\/10:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:fill-yellow-700\/10:active { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-700\/20:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-700\/20:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:fill-yellow-700\/20:active { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-700\/30:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-700\/30:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:fill-yellow-700\/30:active { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-700\/40:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-700\/40:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:fill-yellow-700\/40:active { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-700\/50:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-700\/50:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:fill-yellow-700\/50:active { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-700\/60:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-700\/60:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:fill-yellow-700\/60:active { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-700\/70:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-700\/70:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:fill-yellow-700\/70:active { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-700\/80:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-700\/80:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:fill-yellow-700\/80:active { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-700\/90:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-700\/90:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:fill-yellow-700\/90:active { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-800:focus { + fill: var(--yellow-800) + } + .lg\:hover\:fill-yellow-800:hover { + fill: var(--yellow-800) + } + .lg\:active\:fill-yellow-800:active { + fill: var(--yellow-800) + } + .lg\:focus\:fill-yellow-800\/10:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-800\/10:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:fill-yellow-800\/10:active { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-800\/20:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-800\/20:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:fill-yellow-800\/20:active { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-800\/30:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-800\/30:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:fill-yellow-800\/30:active { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-800\/40:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-800\/40:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:fill-yellow-800\/40:active { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-800\/50:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-800\/50:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:fill-yellow-800\/50:active { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-800\/60:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-800\/60:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:fill-yellow-800\/60:active { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-800\/70:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-800\/70:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:fill-yellow-800\/70:active { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-800\/80:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-800\/80:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:fill-yellow-800\/80:active { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-800\/90:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-800\/90:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:fill-yellow-800\/90:active { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:fill-yellow-900:focus { + fill: var(--yellow-900) + } + .lg\:hover\:fill-yellow-900:hover { + fill: var(--yellow-900) + } + .lg\:active\:fill-yellow-900:active { + fill: var(--yellow-900) + } + .lg\:focus\:fill-yellow-900\/10:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:fill-yellow-900\/10:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:fill-yellow-900\/10:active { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:fill-yellow-900\/20:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:fill-yellow-900\/20:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:fill-yellow-900\/20:active { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:fill-yellow-900\/30:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:fill-yellow-900\/30:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:fill-yellow-900\/30:active { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:fill-yellow-900\/40:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:fill-yellow-900\/40:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:fill-yellow-900\/40:active { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:fill-yellow-900\/50:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:fill-yellow-900\/50:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:fill-yellow-900\/50:active { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:fill-yellow-900\/60:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:fill-yellow-900\/60:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:fill-yellow-900\/60:active { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:fill-yellow-900\/70:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:fill-yellow-900\/70:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:fill-yellow-900\/70:active { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:fill-yellow-900\/80:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:fill-yellow-900\/80:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:fill-yellow-900\/80:active { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:fill-yellow-900\/90:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:fill-yellow-900\/90:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:fill-yellow-900\/90:active { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-50:focus { + fill: var(--cyan-50) + } + .lg\:hover\:fill-cyan-50:hover { + fill: var(--cyan-50) + } + .lg\:active\:fill-cyan-50:active { + fill: var(--cyan-50) + } + .lg\:focus\:fill-cyan-50\/10:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-50\/10:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:fill-cyan-50\/10:active { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-50\/20:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-50\/20:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:fill-cyan-50\/20:active { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-50\/30:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-50\/30:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:fill-cyan-50\/30:active { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-50\/40:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-50\/40:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:fill-cyan-50\/40:active { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-50\/50:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-50\/50:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:fill-cyan-50\/50:active { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-50\/60:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-50\/60:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:fill-cyan-50\/60:active { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-50\/70:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-50\/70:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:fill-cyan-50\/70:active { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-50\/80:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-50\/80:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:fill-cyan-50\/80:active { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-50\/90:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-50\/90:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:fill-cyan-50\/90:active { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-100:focus { + fill: var(--cyan-100) + } + .lg\:hover\:fill-cyan-100:hover { + fill: var(--cyan-100) + } + .lg\:active\:fill-cyan-100:active { + fill: var(--cyan-100) + } + .lg\:focus\:fill-cyan-100\/10:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-100\/10:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:fill-cyan-100\/10:active { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-100\/20:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-100\/20:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:fill-cyan-100\/20:active { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-100\/30:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-100\/30:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:fill-cyan-100\/30:active { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-100\/40:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-100\/40:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:fill-cyan-100\/40:active { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-100\/50:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-100\/50:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:fill-cyan-100\/50:active { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-100\/60:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-100\/60:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:fill-cyan-100\/60:active { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-100\/70:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-100\/70:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:fill-cyan-100\/70:active { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-100\/80:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-100\/80:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:fill-cyan-100\/80:active { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-100\/90:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-100\/90:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:fill-cyan-100\/90:active { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-200:focus { + fill: var(--cyan-200) + } + .lg\:hover\:fill-cyan-200:hover { + fill: var(--cyan-200) + } + .lg\:active\:fill-cyan-200:active { + fill: var(--cyan-200) + } + .lg\:focus\:fill-cyan-200\/10:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-200\/10:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:fill-cyan-200\/10:active { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-200\/20:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-200\/20:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:fill-cyan-200\/20:active { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-200\/30:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-200\/30:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:fill-cyan-200\/30:active { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-200\/40:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-200\/40:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:fill-cyan-200\/40:active { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-200\/50:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-200\/50:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:fill-cyan-200\/50:active { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-200\/60:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-200\/60:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:fill-cyan-200\/60:active { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-200\/70:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-200\/70:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:fill-cyan-200\/70:active { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-200\/80:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-200\/80:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:fill-cyan-200\/80:active { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-200\/90:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-200\/90:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:fill-cyan-200\/90:active { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-300:focus { + fill: var(--cyan-300) + } + .lg\:hover\:fill-cyan-300:hover { + fill: var(--cyan-300) + } + .lg\:active\:fill-cyan-300:active { + fill: var(--cyan-300) + } + .lg\:focus\:fill-cyan-300\/10:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-300\/10:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:fill-cyan-300\/10:active { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-300\/20:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-300\/20:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:fill-cyan-300\/20:active { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-300\/30:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-300\/30:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:fill-cyan-300\/30:active { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-300\/40:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-300\/40:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:fill-cyan-300\/40:active { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-300\/50:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-300\/50:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:fill-cyan-300\/50:active { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-300\/60:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-300\/60:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:fill-cyan-300\/60:active { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-300\/70:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-300\/70:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:fill-cyan-300\/70:active { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-300\/80:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-300\/80:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:fill-cyan-300\/80:active { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-300\/90:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-300\/90:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:fill-cyan-300\/90:active { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-400:focus { + fill: var(--cyan-400) + } + .lg\:hover\:fill-cyan-400:hover { + fill: var(--cyan-400) + } + .lg\:active\:fill-cyan-400:active { + fill: var(--cyan-400) + } + .lg\:focus\:fill-cyan-400\/10:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-400\/10:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:fill-cyan-400\/10:active { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-400\/20:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-400\/20:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:fill-cyan-400\/20:active { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-400\/30:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-400\/30:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:fill-cyan-400\/30:active { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-400\/40:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-400\/40:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:fill-cyan-400\/40:active { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-400\/50:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-400\/50:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:fill-cyan-400\/50:active { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-400\/60:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-400\/60:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:fill-cyan-400\/60:active { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-400\/70:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-400\/70:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:fill-cyan-400\/70:active { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-400\/80:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-400\/80:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:fill-cyan-400\/80:active { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-400\/90:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-400\/90:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:fill-cyan-400\/90:active { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-500:focus { + fill: var(--cyan-500) + } + .lg\:hover\:fill-cyan-500:hover { + fill: var(--cyan-500) + } + .lg\:active\:fill-cyan-500:active { + fill: var(--cyan-500) + } + .lg\:focus\:fill-cyan-500\/10:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-500\/10:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:fill-cyan-500\/10:active { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-500\/20:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-500\/20:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:fill-cyan-500\/20:active { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-500\/30:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-500\/30:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:fill-cyan-500\/30:active { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-500\/40:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-500\/40:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:fill-cyan-500\/40:active { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-500\/50:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-500\/50:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:fill-cyan-500\/50:active { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-500\/60:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-500\/60:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:fill-cyan-500\/60:active { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-500\/70:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-500\/70:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:fill-cyan-500\/70:active { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-500\/80:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-500\/80:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:fill-cyan-500\/80:active { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-500\/90:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-500\/90:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:fill-cyan-500\/90:active { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-600:focus { + fill: var(--cyan-600) + } + .lg\:hover\:fill-cyan-600:hover { + fill: var(--cyan-600) + } + .lg\:active\:fill-cyan-600:active { + fill: var(--cyan-600) + } + .lg\:focus\:fill-cyan-600\/10:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-600\/10:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:fill-cyan-600\/10:active { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-600\/20:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-600\/20:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:fill-cyan-600\/20:active { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-600\/30:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-600\/30:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:fill-cyan-600\/30:active { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-600\/40:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-600\/40:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:fill-cyan-600\/40:active { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-600\/50:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-600\/50:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:fill-cyan-600\/50:active { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-600\/60:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-600\/60:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:fill-cyan-600\/60:active { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-600\/70:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-600\/70:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:fill-cyan-600\/70:active { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-600\/80:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-600\/80:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:fill-cyan-600\/80:active { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-600\/90:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-600\/90:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:fill-cyan-600\/90:active { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-700:focus { + fill: var(--cyan-700) + } + .lg\:hover\:fill-cyan-700:hover { + fill: var(--cyan-700) + } + .lg\:active\:fill-cyan-700:active { + fill: var(--cyan-700) + } + .lg\:focus\:fill-cyan-700\/10:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-700\/10:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:fill-cyan-700\/10:active { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-700\/20:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-700\/20:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:fill-cyan-700\/20:active { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-700\/30:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-700\/30:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:fill-cyan-700\/30:active { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-700\/40:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-700\/40:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:fill-cyan-700\/40:active { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-700\/50:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-700\/50:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:fill-cyan-700\/50:active { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-700\/60:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-700\/60:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:fill-cyan-700\/60:active { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-700\/70:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-700\/70:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:fill-cyan-700\/70:active { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-700\/80:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-700\/80:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:fill-cyan-700\/80:active { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-700\/90:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-700\/90:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:fill-cyan-700\/90:active { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-800:focus { + fill: var(--cyan-800) + } + .lg\:hover\:fill-cyan-800:hover { + fill: var(--cyan-800) + } + .lg\:active\:fill-cyan-800:active { + fill: var(--cyan-800) + } + .lg\:focus\:fill-cyan-800\/10:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-800\/10:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:fill-cyan-800\/10:active { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-800\/20:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-800\/20:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:fill-cyan-800\/20:active { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-800\/30:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-800\/30:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:fill-cyan-800\/30:active { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-800\/40:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-800\/40:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:fill-cyan-800\/40:active { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-800\/50:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-800\/50:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:fill-cyan-800\/50:active { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-800\/60:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-800\/60:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:fill-cyan-800\/60:active { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-800\/70:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-800\/70:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:fill-cyan-800\/70:active { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-800\/80:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-800\/80:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:fill-cyan-800\/80:active { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-800\/90:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-800\/90:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:fill-cyan-800\/90:active { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:fill-cyan-900:focus { + fill: var(--cyan-900) + } + .lg\:hover\:fill-cyan-900:hover { + fill: var(--cyan-900) + } + .lg\:active\:fill-cyan-900:active { + fill: var(--cyan-900) + } + .lg\:focus\:fill-cyan-900\/10:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:fill-cyan-900\/10:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:fill-cyan-900\/10:active { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:fill-cyan-900\/20:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:fill-cyan-900\/20:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:fill-cyan-900\/20:active { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:fill-cyan-900\/30:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:fill-cyan-900\/30:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:fill-cyan-900\/30:active { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:fill-cyan-900\/40:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:fill-cyan-900\/40:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:fill-cyan-900\/40:active { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:fill-cyan-900\/50:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:fill-cyan-900\/50:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:fill-cyan-900\/50:active { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:fill-cyan-900\/60:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:fill-cyan-900\/60:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:fill-cyan-900\/60:active { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:fill-cyan-900\/70:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:fill-cyan-900\/70:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:fill-cyan-900\/70:active { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:fill-cyan-900\/80:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:fill-cyan-900\/80:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:fill-cyan-900\/80:active { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:fill-cyan-900\/90:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:fill-cyan-900\/90:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:fill-cyan-900\/90:active { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:fill-pink-50:focus { + fill: var(--pink-50) + } + .lg\:hover\:fill-pink-50:hover { + fill: var(--pink-50) + } + .lg\:active\:fill-pink-50:active { + fill: var(--pink-50) + } + .lg\:focus\:fill-pink-50\/10:focus { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:fill-pink-50\/10:hover { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:fill-pink-50\/10:active { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:fill-pink-50\/20:focus { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:fill-pink-50\/20:hover { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:fill-pink-50\/20:active { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:fill-pink-50\/30:focus { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:fill-pink-50\/30:hover { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:fill-pink-50\/30:active { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:fill-pink-50\/40:focus { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:fill-pink-50\/40:hover { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:fill-pink-50\/40:active { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:fill-pink-50\/50:focus { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:fill-pink-50\/50:hover { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:fill-pink-50\/50:active { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:fill-pink-50\/60:focus { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:fill-pink-50\/60:hover { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:fill-pink-50\/60:active { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:fill-pink-50\/70:focus { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:fill-pink-50\/70:hover { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:fill-pink-50\/70:active { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:fill-pink-50\/80:focus { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:fill-pink-50\/80:hover { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:fill-pink-50\/80:active { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:fill-pink-50\/90:focus { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:fill-pink-50\/90:hover { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:fill-pink-50\/90:active { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:fill-pink-100:focus { + fill: var(--pink-100) + } + .lg\:hover\:fill-pink-100:hover { + fill: var(--pink-100) + } + .lg\:active\:fill-pink-100:active { + fill: var(--pink-100) + } + .lg\:focus\:fill-pink-100\/10:focus { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:fill-pink-100\/10:hover { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:fill-pink-100\/10:active { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:fill-pink-100\/20:focus { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:fill-pink-100\/20:hover { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:fill-pink-100\/20:active { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:fill-pink-100\/30:focus { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:fill-pink-100\/30:hover { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:fill-pink-100\/30:active { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:fill-pink-100\/40:focus { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:fill-pink-100\/40:hover { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:fill-pink-100\/40:active { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:fill-pink-100\/50:focus { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:fill-pink-100\/50:hover { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:fill-pink-100\/50:active { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:fill-pink-100\/60:focus { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:fill-pink-100\/60:hover { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:fill-pink-100\/60:active { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:fill-pink-100\/70:focus { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:fill-pink-100\/70:hover { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:fill-pink-100\/70:active { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:fill-pink-100\/80:focus { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:fill-pink-100\/80:hover { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:fill-pink-100\/80:active { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:fill-pink-100\/90:focus { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:fill-pink-100\/90:hover { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:fill-pink-100\/90:active { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:fill-pink-200:focus { + fill: var(--pink-200) + } + .lg\:hover\:fill-pink-200:hover { + fill: var(--pink-200) + } + .lg\:active\:fill-pink-200:active { + fill: var(--pink-200) + } + .lg\:focus\:fill-pink-200\/10:focus { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:fill-pink-200\/10:hover { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:fill-pink-200\/10:active { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:fill-pink-200\/20:focus { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:fill-pink-200\/20:hover { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:fill-pink-200\/20:active { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:fill-pink-200\/30:focus { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:fill-pink-200\/30:hover { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:fill-pink-200\/30:active { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:fill-pink-200\/40:focus { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:fill-pink-200\/40:hover { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:fill-pink-200\/40:active { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:fill-pink-200\/50:focus { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:fill-pink-200\/50:hover { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:fill-pink-200\/50:active { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:fill-pink-200\/60:focus { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:fill-pink-200\/60:hover { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:fill-pink-200\/60:active { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:fill-pink-200\/70:focus { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:fill-pink-200\/70:hover { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:fill-pink-200\/70:active { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:fill-pink-200\/80:focus { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:fill-pink-200\/80:hover { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:fill-pink-200\/80:active { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:fill-pink-200\/90:focus { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:fill-pink-200\/90:hover { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:fill-pink-200\/90:active { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:fill-pink-300:focus { + fill: var(--pink-300) + } + .lg\:hover\:fill-pink-300:hover { + fill: var(--pink-300) + } + .lg\:active\:fill-pink-300:active { + fill: var(--pink-300) + } + .lg\:focus\:fill-pink-300\/10:focus { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:fill-pink-300\/10:hover { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:fill-pink-300\/10:active { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:fill-pink-300\/20:focus { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:fill-pink-300\/20:hover { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:fill-pink-300\/20:active { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:fill-pink-300\/30:focus { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:fill-pink-300\/30:hover { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:fill-pink-300\/30:active { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:fill-pink-300\/40:focus { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:fill-pink-300\/40:hover { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:fill-pink-300\/40:active { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:fill-pink-300\/50:focus { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:fill-pink-300\/50:hover { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:fill-pink-300\/50:active { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:fill-pink-300\/60:focus { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:fill-pink-300\/60:hover { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:fill-pink-300\/60:active { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:fill-pink-300\/70:focus { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:fill-pink-300\/70:hover { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:fill-pink-300\/70:active { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:fill-pink-300\/80:focus { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:fill-pink-300\/80:hover { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:fill-pink-300\/80:active { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:fill-pink-300\/90:focus { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:fill-pink-300\/90:hover { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:fill-pink-300\/90:active { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:fill-pink-400:focus { + fill: var(--pink-400) + } + .lg\:hover\:fill-pink-400:hover { + fill: var(--pink-400) + } + .lg\:active\:fill-pink-400:active { + fill: var(--pink-400) + } + .lg\:focus\:fill-pink-400\/10:focus { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:fill-pink-400\/10:hover { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:fill-pink-400\/10:active { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:fill-pink-400\/20:focus { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:fill-pink-400\/20:hover { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:fill-pink-400\/20:active { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:fill-pink-400\/30:focus { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:fill-pink-400\/30:hover { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:fill-pink-400\/30:active { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:fill-pink-400\/40:focus { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:fill-pink-400\/40:hover { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:fill-pink-400\/40:active { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:fill-pink-400\/50:focus { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:fill-pink-400\/50:hover { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:fill-pink-400\/50:active { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:fill-pink-400\/60:focus { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:fill-pink-400\/60:hover { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:fill-pink-400\/60:active { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:fill-pink-400\/70:focus { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:fill-pink-400\/70:hover { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:fill-pink-400\/70:active { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:fill-pink-400\/80:focus { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:fill-pink-400\/80:hover { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:fill-pink-400\/80:active { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:fill-pink-400\/90:focus { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:fill-pink-400\/90:hover { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:fill-pink-400\/90:active { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:fill-pink-500:focus { + fill: var(--pink-500) + } + .lg\:hover\:fill-pink-500:hover { + fill: var(--pink-500) + } + .lg\:active\:fill-pink-500:active { + fill: var(--pink-500) + } + .lg\:focus\:fill-pink-500\/10:focus { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:fill-pink-500\/10:hover { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:fill-pink-500\/10:active { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:fill-pink-500\/20:focus { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:fill-pink-500\/20:hover { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:fill-pink-500\/20:active { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:fill-pink-500\/30:focus { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:fill-pink-500\/30:hover { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:fill-pink-500\/30:active { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:fill-pink-500\/40:focus { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:fill-pink-500\/40:hover { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:fill-pink-500\/40:active { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:fill-pink-500\/50:focus { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:fill-pink-500\/50:hover { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:fill-pink-500\/50:active { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:fill-pink-500\/60:focus { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:fill-pink-500\/60:hover { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:fill-pink-500\/60:active { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:fill-pink-500\/70:focus { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:fill-pink-500\/70:hover { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:fill-pink-500\/70:active { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:fill-pink-500\/80:focus { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:fill-pink-500\/80:hover { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:fill-pink-500\/80:active { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:fill-pink-500\/90:focus { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:fill-pink-500\/90:hover { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:fill-pink-500\/90:active { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:fill-pink-600:focus { + fill: var(--pink-600) + } + .lg\:hover\:fill-pink-600:hover { + fill: var(--pink-600) + } + .lg\:active\:fill-pink-600:active { + fill: var(--pink-600) + } + .lg\:focus\:fill-pink-600\/10:focus { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:fill-pink-600\/10:hover { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:fill-pink-600\/10:active { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:fill-pink-600\/20:focus { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:fill-pink-600\/20:hover { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:fill-pink-600\/20:active { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:fill-pink-600\/30:focus { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:fill-pink-600\/30:hover { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:fill-pink-600\/30:active { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:fill-pink-600\/40:focus { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:fill-pink-600\/40:hover { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:fill-pink-600\/40:active { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:fill-pink-600\/50:focus { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:fill-pink-600\/50:hover { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:fill-pink-600\/50:active { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:fill-pink-600\/60:focus { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:fill-pink-600\/60:hover { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:fill-pink-600\/60:active { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:fill-pink-600\/70:focus { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:fill-pink-600\/70:hover { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:fill-pink-600\/70:active { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:fill-pink-600\/80:focus { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:fill-pink-600\/80:hover { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:fill-pink-600\/80:active { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:fill-pink-600\/90:focus { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:fill-pink-600\/90:hover { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:fill-pink-600\/90:active { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:fill-pink-700:focus { + fill: var(--pink-700) + } + .lg\:hover\:fill-pink-700:hover { + fill: var(--pink-700) + } + .lg\:active\:fill-pink-700:active { + fill: var(--pink-700) + } + .lg\:focus\:fill-pink-700\/10:focus { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:fill-pink-700\/10:hover { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:fill-pink-700\/10:active { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:fill-pink-700\/20:focus { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:fill-pink-700\/20:hover { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:fill-pink-700\/20:active { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:fill-pink-700\/30:focus { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:fill-pink-700\/30:hover { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:fill-pink-700\/30:active { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:fill-pink-700\/40:focus { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:fill-pink-700\/40:hover { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:fill-pink-700\/40:active { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:fill-pink-700\/50:focus { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:fill-pink-700\/50:hover { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:fill-pink-700\/50:active { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:fill-pink-700\/60:focus { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:fill-pink-700\/60:hover { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:fill-pink-700\/60:active { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:fill-pink-700\/70:focus { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:fill-pink-700\/70:hover { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:fill-pink-700\/70:active { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:fill-pink-700\/80:focus { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:fill-pink-700\/80:hover { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:fill-pink-700\/80:active { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:fill-pink-700\/90:focus { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:fill-pink-700\/90:hover { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:fill-pink-700\/90:active { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:fill-pink-800:focus { + fill: var(--pink-800) + } + .lg\:hover\:fill-pink-800:hover { + fill: var(--pink-800) + } + .lg\:active\:fill-pink-800:active { + fill: var(--pink-800) + } + .lg\:focus\:fill-pink-800\/10:focus { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:fill-pink-800\/10:hover { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:fill-pink-800\/10:active { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:fill-pink-800\/20:focus { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:fill-pink-800\/20:hover { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:fill-pink-800\/20:active { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:fill-pink-800\/30:focus { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:fill-pink-800\/30:hover { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:fill-pink-800\/30:active { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:fill-pink-800\/40:focus { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:fill-pink-800\/40:hover { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:fill-pink-800\/40:active { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:fill-pink-800\/50:focus { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:fill-pink-800\/50:hover { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:fill-pink-800\/50:active { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:fill-pink-800\/60:focus { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:fill-pink-800\/60:hover { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:fill-pink-800\/60:active { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:fill-pink-800\/70:focus { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:fill-pink-800\/70:hover { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:fill-pink-800\/70:active { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:fill-pink-800\/80:focus { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:fill-pink-800\/80:hover { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:fill-pink-800\/80:active { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:fill-pink-800\/90:focus { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:fill-pink-800\/90:hover { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:fill-pink-800\/90:active { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:fill-pink-900:focus { + fill: var(--pink-900) + } + .lg\:hover\:fill-pink-900:hover { + fill: var(--pink-900) + } + .lg\:active\:fill-pink-900:active { + fill: var(--pink-900) + } + .lg\:focus\:fill-pink-900\/10:focus { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:fill-pink-900\/10:hover { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:fill-pink-900\/10:active { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:fill-pink-900\/20:focus { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:fill-pink-900\/20:hover { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:fill-pink-900\/20:active { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:fill-pink-900\/30:focus { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:fill-pink-900\/30:hover { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:fill-pink-900\/30:active { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:fill-pink-900\/40:focus { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:fill-pink-900\/40:hover { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:fill-pink-900\/40:active { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:fill-pink-900\/50:focus { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:fill-pink-900\/50:hover { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:fill-pink-900\/50:active { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:fill-pink-900\/60:focus { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:fill-pink-900\/60:hover { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:fill-pink-900\/60:active { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:fill-pink-900\/70:focus { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:fill-pink-900\/70:hover { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:fill-pink-900\/70:active { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:fill-pink-900\/80:focus { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:fill-pink-900\/80:hover { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:fill-pink-900\/80:active { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:fill-pink-900\/90:focus { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:fill-pink-900\/90:hover { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:fill-pink-900\/90:active { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-50:focus { + fill: var(--indigo-50) + } + .lg\:hover\:fill-indigo-50:hover { + fill: var(--indigo-50) + } + .lg\:active\:fill-indigo-50:active { + fill: var(--indigo-50) + } + .lg\:focus\:fill-indigo-50\/10:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-50\/10:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:fill-indigo-50\/10:active { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-50\/20:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-50\/20:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:fill-indigo-50\/20:active { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-50\/30:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-50\/30:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:fill-indigo-50\/30:active { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-50\/40:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-50\/40:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:fill-indigo-50\/40:active { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-50\/50:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-50\/50:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:fill-indigo-50\/50:active { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-50\/60:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-50\/60:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:fill-indigo-50\/60:active { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-50\/70:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-50\/70:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:fill-indigo-50\/70:active { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-50\/80:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-50\/80:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:fill-indigo-50\/80:active { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-50\/90:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-50\/90:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:fill-indigo-50\/90:active { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-100:focus { + fill: var(--indigo-100) + } + .lg\:hover\:fill-indigo-100:hover { + fill: var(--indigo-100) + } + .lg\:active\:fill-indigo-100:active { + fill: var(--indigo-100) + } + .lg\:focus\:fill-indigo-100\/10:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-100\/10:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:fill-indigo-100\/10:active { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-100\/20:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-100\/20:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:fill-indigo-100\/20:active { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-100\/30:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-100\/30:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:fill-indigo-100\/30:active { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-100\/40:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-100\/40:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:fill-indigo-100\/40:active { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-100\/50:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-100\/50:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:fill-indigo-100\/50:active { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-100\/60:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-100\/60:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:fill-indigo-100\/60:active { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-100\/70:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-100\/70:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:fill-indigo-100\/70:active { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-100\/80:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-100\/80:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:fill-indigo-100\/80:active { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-100\/90:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-100\/90:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:fill-indigo-100\/90:active { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-200:focus { + fill: var(--indigo-200) + } + .lg\:hover\:fill-indigo-200:hover { + fill: var(--indigo-200) + } + .lg\:active\:fill-indigo-200:active { + fill: var(--indigo-200) + } + .lg\:focus\:fill-indigo-200\/10:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-200\/10:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:fill-indigo-200\/10:active { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-200\/20:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-200\/20:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:fill-indigo-200\/20:active { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-200\/30:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-200\/30:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:fill-indigo-200\/30:active { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-200\/40:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-200\/40:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:fill-indigo-200\/40:active { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-200\/50:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-200\/50:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:fill-indigo-200\/50:active { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-200\/60:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-200\/60:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:fill-indigo-200\/60:active { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-200\/70:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-200\/70:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:fill-indigo-200\/70:active { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-200\/80:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-200\/80:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:fill-indigo-200\/80:active { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-200\/90:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-200\/90:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:fill-indigo-200\/90:active { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-300:focus { + fill: var(--indigo-300) + } + .lg\:hover\:fill-indigo-300:hover { + fill: var(--indigo-300) + } + .lg\:active\:fill-indigo-300:active { + fill: var(--indigo-300) + } + .lg\:focus\:fill-indigo-300\/10:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-300\/10:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:fill-indigo-300\/10:active { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-300\/20:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-300\/20:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:fill-indigo-300\/20:active { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-300\/30:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-300\/30:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:fill-indigo-300\/30:active { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-300\/40:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-300\/40:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:fill-indigo-300\/40:active { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-300\/50:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-300\/50:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:fill-indigo-300\/50:active { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-300\/60:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-300\/60:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:fill-indigo-300\/60:active { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-300\/70:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-300\/70:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:fill-indigo-300\/70:active { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-300\/80:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-300\/80:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:fill-indigo-300\/80:active { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-300\/90:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-300\/90:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:fill-indigo-300\/90:active { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-400:focus { + fill: var(--indigo-400) + } + .lg\:hover\:fill-indigo-400:hover { + fill: var(--indigo-400) + } + .lg\:active\:fill-indigo-400:active { + fill: var(--indigo-400) + } + .lg\:focus\:fill-indigo-400\/10:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-400\/10:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:fill-indigo-400\/10:active { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-400\/20:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-400\/20:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:fill-indigo-400\/20:active { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-400\/30:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-400\/30:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:fill-indigo-400\/30:active { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-400\/40:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-400\/40:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:fill-indigo-400\/40:active { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-400\/50:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-400\/50:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:fill-indigo-400\/50:active { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-400\/60:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-400\/60:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:fill-indigo-400\/60:active { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-400\/70:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-400\/70:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:fill-indigo-400\/70:active { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-400\/80:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-400\/80:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:fill-indigo-400\/80:active { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-400\/90:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-400\/90:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:fill-indigo-400\/90:active { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-500:focus { + fill: var(--indigo-500) + } + .lg\:hover\:fill-indigo-500:hover { + fill: var(--indigo-500) + } + .lg\:active\:fill-indigo-500:active { + fill: var(--indigo-500) + } + .lg\:focus\:fill-indigo-500\/10:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-500\/10:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:fill-indigo-500\/10:active { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-500\/20:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-500\/20:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:fill-indigo-500\/20:active { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-500\/30:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-500\/30:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:fill-indigo-500\/30:active { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-500\/40:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-500\/40:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:fill-indigo-500\/40:active { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-500\/50:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-500\/50:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:fill-indigo-500\/50:active { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-500\/60:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-500\/60:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:fill-indigo-500\/60:active { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-500\/70:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-500\/70:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:fill-indigo-500\/70:active { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-500\/80:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-500\/80:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:fill-indigo-500\/80:active { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-500\/90:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-500\/90:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:fill-indigo-500\/90:active { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-600:focus { + fill: var(--indigo-600) + } + .lg\:hover\:fill-indigo-600:hover { + fill: var(--indigo-600) + } + .lg\:active\:fill-indigo-600:active { + fill: var(--indigo-600) + } + .lg\:focus\:fill-indigo-600\/10:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-600\/10:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:fill-indigo-600\/10:active { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-600\/20:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-600\/20:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:fill-indigo-600\/20:active { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-600\/30:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-600\/30:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:fill-indigo-600\/30:active { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-600\/40:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-600\/40:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:fill-indigo-600\/40:active { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-600\/50:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-600\/50:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:fill-indigo-600\/50:active { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-600\/60:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-600\/60:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:fill-indigo-600\/60:active { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-600\/70:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-600\/70:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:fill-indigo-600\/70:active { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-600\/80:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-600\/80:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:fill-indigo-600\/80:active { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-600\/90:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-600\/90:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:fill-indigo-600\/90:active { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-700:focus { + fill: var(--indigo-700) + } + .lg\:hover\:fill-indigo-700:hover { + fill: var(--indigo-700) + } + .lg\:active\:fill-indigo-700:active { + fill: var(--indigo-700) + } + .lg\:focus\:fill-indigo-700\/10:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-700\/10:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:fill-indigo-700\/10:active { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-700\/20:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-700\/20:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:fill-indigo-700\/20:active { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-700\/30:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-700\/30:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:fill-indigo-700\/30:active { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-700\/40:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-700\/40:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:fill-indigo-700\/40:active { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-700\/50:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-700\/50:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:fill-indigo-700\/50:active { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-700\/60:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-700\/60:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:fill-indigo-700\/60:active { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-700\/70:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-700\/70:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:fill-indigo-700\/70:active { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-700\/80:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-700\/80:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:fill-indigo-700\/80:active { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-700\/90:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-700\/90:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:fill-indigo-700\/90:active { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-800:focus { + fill: var(--indigo-800) + } + .lg\:hover\:fill-indigo-800:hover { + fill: var(--indigo-800) + } + .lg\:active\:fill-indigo-800:active { + fill: var(--indigo-800) + } + .lg\:focus\:fill-indigo-800\/10:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-800\/10:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:fill-indigo-800\/10:active { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-800\/20:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-800\/20:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:fill-indigo-800\/20:active { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-800\/30:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-800\/30:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:fill-indigo-800\/30:active { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-800\/40:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-800\/40:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:fill-indigo-800\/40:active { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-800\/50:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-800\/50:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:fill-indigo-800\/50:active { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-800\/60:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-800\/60:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:fill-indigo-800\/60:active { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-800\/70:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-800\/70:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:fill-indigo-800\/70:active { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-800\/80:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-800\/80:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:fill-indigo-800\/80:active { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-800\/90:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-800\/90:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:fill-indigo-800\/90:active { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:fill-indigo-900:focus { + fill: var(--indigo-900) + } + .lg\:hover\:fill-indigo-900:hover { + fill: var(--indigo-900) + } + .lg\:active\:fill-indigo-900:active { + fill: var(--indigo-900) + } + .lg\:focus\:fill-indigo-900\/10:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:fill-indigo-900\/10:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:fill-indigo-900\/10:active { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:fill-indigo-900\/20:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:fill-indigo-900\/20:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:fill-indigo-900\/20:active { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:fill-indigo-900\/30:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:fill-indigo-900\/30:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:fill-indigo-900\/30:active { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:fill-indigo-900\/40:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:fill-indigo-900\/40:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:fill-indigo-900\/40:active { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:fill-indigo-900\/50:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:fill-indigo-900\/50:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:fill-indigo-900\/50:active { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:fill-indigo-900\/60:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:fill-indigo-900\/60:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:fill-indigo-900\/60:active { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:fill-indigo-900\/70:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:fill-indigo-900\/70:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:fill-indigo-900\/70:active { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:fill-indigo-900\/80:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:fill-indigo-900\/80:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:fill-indigo-900\/80:active { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:fill-indigo-900\/90:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:fill-indigo-900\/90:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:fill-indigo-900\/90:active { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:fill-teal-50:focus { + fill: var(--teal-50) + } + .lg\:hover\:fill-teal-50:hover { + fill: var(--teal-50) + } + .lg\:active\:fill-teal-50:active { + fill: var(--teal-50) + } + .lg\:focus\:fill-teal-50\/10:focus { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:fill-teal-50\/10:hover { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:fill-teal-50\/10:active { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:fill-teal-50\/20:focus { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:fill-teal-50\/20:hover { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:fill-teal-50\/20:active { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:fill-teal-50\/30:focus { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:fill-teal-50\/30:hover { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:fill-teal-50\/30:active { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:fill-teal-50\/40:focus { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:fill-teal-50\/40:hover { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:fill-teal-50\/40:active { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:fill-teal-50\/50:focus { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:fill-teal-50\/50:hover { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:fill-teal-50\/50:active { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:fill-teal-50\/60:focus { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:fill-teal-50\/60:hover { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:fill-teal-50\/60:active { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:fill-teal-50\/70:focus { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:fill-teal-50\/70:hover { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:fill-teal-50\/70:active { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:fill-teal-50\/80:focus { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:fill-teal-50\/80:hover { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:fill-teal-50\/80:active { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:fill-teal-50\/90:focus { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:fill-teal-50\/90:hover { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:fill-teal-50\/90:active { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:fill-teal-100:focus { + fill: var(--teal-100) + } + .lg\:hover\:fill-teal-100:hover { + fill: var(--teal-100) + } + .lg\:active\:fill-teal-100:active { + fill: var(--teal-100) + } + .lg\:focus\:fill-teal-100\/10:focus { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:fill-teal-100\/10:hover { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:fill-teal-100\/10:active { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:fill-teal-100\/20:focus { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:fill-teal-100\/20:hover { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:fill-teal-100\/20:active { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:fill-teal-100\/30:focus { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:fill-teal-100\/30:hover { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:fill-teal-100\/30:active { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:fill-teal-100\/40:focus { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:fill-teal-100\/40:hover { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:fill-teal-100\/40:active { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:fill-teal-100\/50:focus { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:fill-teal-100\/50:hover { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:fill-teal-100\/50:active { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:fill-teal-100\/60:focus { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:fill-teal-100\/60:hover { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:fill-teal-100\/60:active { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:fill-teal-100\/70:focus { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:fill-teal-100\/70:hover { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:fill-teal-100\/70:active { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:fill-teal-100\/80:focus { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:fill-teal-100\/80:hover { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:fill-teal-100\/80:active { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:fill-teal-100\/90:focus { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:fill-teal-100\/90:hover { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:fill-teal-100\/90:active { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:fill-teal-200:focus { + fill: var(--teal-200) + } + .lg\:hover\:fill-teal-200:hover { + fill: var(--teal-200) + } + .lg\:active\:fill-teal-200:active { + fill: var(--teal-200) + } + .lg\:focus\:fill-teal-200\/10:focus { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:fill-teal-200\/10:hover { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:fill-teal-200\/10:active { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:fill-teal-200\/20:focus { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:fill-teal-200\/20:hover { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:fill-teal-200\/20:active { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:fill-teal-200\/30:focus { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:fill-teal-200\/30:hover { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:fill-teal-200\/30:active { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:fill-teal-200\/40:focus { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:fill-teal-200\/40:hover { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:fill-teal-200\/40:active { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:fill-teal-200\/50:focus { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:fill-teal-200\/50:hover { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:fill-teal-200\/50:active { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:fill-teal-200\/60:focus { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:fill-teal-200\/60:hover { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:fill-teal-200\/60:active { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:fill-teal-200\/70:focus { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:fill-teal-200\/70:hover { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:fill-teal-200\/70:active { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:fill-teal-200\/80:focus { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:fill-teal-200\/80:hover { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:fill-teal-200\/80:active { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:fill-teal-200\/90:focus { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:fill-teal-200\/90:hover { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:fill-teal-200\/90:active { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:fill-teal-300:focus { + fill: var(--teal-300) + } + .lg\:hover\:fill-teal-300:hover { + fill: var(--teal-300) + } + .lg\:active\:fill-teal-300:active { + fill: var(--teal-300) + } + .lg\:focus\:fill-teal-300\/10:focus { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:fill-teal-300\/10:hover { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:fill-teal-300\/10:active { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:fill-teal-300\/20:focus { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:fill-teal-300\/20:hover { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:fill-teal-300\/20:active { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:fill-teal-300\/30:focus { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:fill-teal-300\/30:hover { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:fill-teal-300\/30:active { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:fill-teal-300\/40:focus { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:fill-teal-300\/40:hover { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:fill-teal-300\/40:active { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:fill-teal-300\/50:focus { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:fill-teal-300\/50:hover { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:fill-teal-300\/50:active { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:fill-teal-300\/60:focus { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:fill-teal-300\/60:hover { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:fill-teal-300\/60:active { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:fill-teal-300\/70:focus { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:fill-teal-300\/70:hover { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:fill-teal-300\/70:active { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:fill-teal-300\/80:focus { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:fill-teal-300\/80:hover { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:fill-teal-300\/80:active { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:fill-teal-300\/90:focus { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:fill-teal-300\/90:hover { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:fill-teal-300\/90:active { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:fill-teal-400:focus { + fill: var(--teal-400) + } + .lg\:hover\:fill-teal-400:hover { + fill: var(--teal-400) + } + .lg\:active\:fill-teal-400:active { + fill: var(--teal-400) + } + .lg\:focus\:fill-teal-400\/10:focus { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:fill-teal-400\/10:hover { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:fill-teal-400\/10:active { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:fill-teal-400\/20:focus { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:fill-teal-400\/20:hover { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:fill-teal-400\/20:active { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:fill-teal-400\/30:focus { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:fill-teal-400\/30:hover { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:fill-teal-400\/30:active { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:fill-teal-400\/40:focus { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:fill-teal-400\/40:hover { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:fill-teal-400\/40:active { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:fill-teal-400\/50:focus { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:fill-teal-400\/50:hover { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:fill-teal-400\/50:active { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:fill-teal-400\/60:focus { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:fill-teal-400\/60:hover { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:fill-teal-400\/60:active { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:fill-teal-400\/70:focus { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:fill-teal-400\/70:hover { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:fill-teal-400\/70:active { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:fill-teal-400\/80:focus { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:fill-teal-400\/80:hover { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:fill-teal-400\/80:active { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:fill-teal-400\/90:focus { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:fill-teal-400\/90:hover { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:fill-teal-400\/90:active { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:fill-teal-500:focus { + fill: var(--teal-500) + } + .lg\:hover\:fill-teal-500:hover { + fill: var(--teal-500) + } + .lg\:active\:fill-teal-500:active { + fill: var(--teal-500) + } + .lg\:focus\:fill-teal-500\/10:focus { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:fill-teal-500\/10:hover { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:fill-teal-500\/10:active { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:fill-teal-500\/20:focus { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:fill-teal-500\/20:hover { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:fill-teal-500\/20:active { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:fill-teal-500\/30:focus { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:fill-teal-500\/30:hover { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:fill-teal-500\/30:active { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:fill-teal-500\/40:focus { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:fill-teal-500\/40:hover { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:fill-teal-500\/40:active { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:fill-teal-500\/50:focus { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:fill-teal-500\/50:hover { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:fill-teal-500\/50:active { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:fill-teal-500\/60:focus { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:fill-teal-500\/60:hover { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:fill-teal-500\/60:active { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:fill-teal-500\/70:focus { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:fill-teal-500\/70:hover { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:fill-teal-500\/70:active { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:fill-teal-500\/80:focus { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:fill-teal-500\/80:hover { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:fill-teal-500\/80:active { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:fill-teal-500\/90:focus { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:fill-teal-500\/90:hover { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:fill-teal-500\/90:active { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:fill-teal-600:focus { + fill: var(--teal-600) + } + .lg\:hover\:fill-teal-600:hover { + fill: var(--teal-600) + } + .lg\:active\:fill-teal-600:active { + fill: var(--teal-600) + } + .lg\:focus\:fill-teal-600\/10:focus { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:fill-teal-600\/10:hover { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:fill-teal-600\/10:active { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:fill-teal-600\/20:focus { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:fill-teal-600\/20:hover { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:fill-teal-600\/20:active { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:fill-teal-600\/30:focus { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:fill-teal-600\/30:hover { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:fill-teal-600\/30:active { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:fill-teal-600\/40:focus { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:fill-teal-600\/40:hover { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:fill-teal-600\/40:active { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:fill-teal-600\/50:focus { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:fill-teal-600\/50:hover { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:fill-teal-600\/50:active { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:fill-teal-600\/60:focus { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:fill-teal-600\/60:hover { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:fill-teal-600\/60:active { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:fill-teal-600\/70:focus { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:fill-teal-600\/70:hover { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:fill-teal-600\/70:active { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:fill-teal-600\/80:focus { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:fill-teal-600\/80:hover { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:fill-teal-600\/80:active { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:fill-teal-600\/90:focus { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:fill-teal-600\/90:hover { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:fill-teal-600\/90:active { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:fill-teal-700:focus { + fill: var(--teal-700) + } + .lg\:hover\:fill-teal-700:hover { + fill: var(--teal-700) + } + .lg\:active\:fill-teal-700:active { + fill: var(--teal-700) + } + .lg\:focus\:fill-teal-700\/10:focus { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:fill-teal-700\/10:hover { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:fill-teal-700\/10:active { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:fill-teal-700\/20:focus { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:fill-teal-700\/20:hover { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:fill-teal-700\/20:active { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:fill-teal-700\/30:focus { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:fill-teal-700\/30:hover { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:fill-teal-700\/30:active { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:fill-teal-700\/40:focus { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:fill-teal-700\/40:hover { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:fill-teal-700\/40:active { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:fill-teal-700\/50:focus { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:fill-teal-700\/50:hover { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:fill-teal-700\/50:active { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:fill-teal-700\/60:focus { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:fill-teal-700\/60:hover { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:fill-teal-700\/60:active { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:fill-teal-700\/70:focus { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:fill-teal-700\/70:hover { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:fill-teal-700\/70:active { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:fill-teal-700\/80:focus { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:fill-teal-700\/80:hover { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:fill-teal-700\/80:active { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:fill-teal-700\/90:focus { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:fill-teal-700\/90:hover { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:fill-teal-700\/90:active { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:fill-teal-800:focus { + fill: var(--teal-800) + } + .lg\:hover\:fill-teal-800:hover { + fill: var(--teal-800) + } + .lg\:active\:fill-teal-800:active { + fill: var(--teal-800) + } + .lg\:focus\:fill-teal-800\/10:focus { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:fill-teal-800\/10:hover { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:fill-teal-800\/10:active { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:fill-teal-800\/20:focus { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:fill-teal-800\/20:hover { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:fill-teal-800\/20:active { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:fill-teal-800\/30:focus { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:fill-teal-800\/30:hover { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:fill-teal-800\/30:active { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:fill-teal-800\/40:focus { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:fill-teal-800\/40:hover { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:fill-teal-800\/40:active { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:fill-teal-800\/50:focus { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:fill-teal-800\/50:hover { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:fill-teal-800\/50:active { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:fill-teal-800\/60:focus { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:fill-teal-800\/60:hover { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:fill-teal-800\/60:active { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:fill-teal-800\/70:focus { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:fill-teal-800\/70:hover { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:fill-teal-800\/70:active { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:fill-teal-800\/80:focus { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:fill-teal-800\/80:hover { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:fill-teal-800\/80:active { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:fill-teal-800\/90:focus { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:fill-teal-800\/90:hover { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:fill-teal-800\/90:active { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:fill-teal-900:focus { + fill: var(--teal-900) + } + .lg\:hover\:fill-teal-900:hover { + fill: var(--teal-900) + } + .lg\:active\:fill-teal-900:active { + fill: var(--teal-900) + } + .lg\:focus\:fill-teal-900\/10:focus { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:fill-teal-900\/10:hover { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:fill-teal-900\/10:active { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:fill-teal-900\/20:focus { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:fill-teal-900\/20:hover { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:fill-teal-900\/20:active { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:fill-teal-900\/30:focus { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:fill-teal-900\/30:hover { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:fill-teal-900\/30:active { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:fill-teal-900\/40:focus { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:fill-teal-900\/40:hover { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:fill-teal-900\/40:active { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:fill-teal-900\/50:focus { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:fill-teal-900\/50:hover { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:fill-teal-900\/50:active { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:fill-teal-900\/60:focus { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:fill-teal-900\/60:hover { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:fill-teal-900\/60:active { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:fill-teal-900\/70:focus { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:fill-teal-900\/70:hover { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:fill-teal-900\/70:active { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:fill-teal-900\/80:focus { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:fill-teal-900\/80:hover { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:fill-teal-900\/80:active { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:fill-teal-900\/90:focus { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:fill-teal-900\/90:hover { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:fill-teal-900\/90:active { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:fill-orange-50:focus { + fill: var(--orange-50) + } + .lg\:hover\:fill-orange-50:hover { + fill: var(--orange-50) + } + .lg\:active\:fill-orange-50:active { + fill: var(--orange-50) + } + .lg\:focus\:fill-orange-50\/10:focus { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:fill-orange-50\/10:hover { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:fill-orange-50\/10:active { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:fill-orange-50\/20:focus { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:fill-orange-50\/20:hover { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:fill-orange-50\/20:active { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:fill-orange-50\/30:focus { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:fill-orange-50\/30:hover { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:fill-orange-50\/30:active { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:fill-orange-50\/40:focus { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:fill-orange-50\/40:hover { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:fill-orange-50\/40:active { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:fill-orange-50\/50:focus { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:fill-orange-50\/50:hover { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:fill-orange-50\/50:active { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:fill-orange-50\/60:focus { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:fill-orange-50\/60:hover { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:fill-orange-50\/60:active { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:fill-orange-50\/70:focus { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:fill-orange-50\/70:hover { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:fill-orange-50\/70:active { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:fill-orange-50\/80:focus { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:fill-orange-50\/80:hover { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:fill-orange-50\/80:active { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:fill-orange-50\/90:focus { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:fill-orange-50\/90:hover { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:fill-orange-50\/90:active { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:fill-orange-100:focus { + fill: var(--orange-100) + } + .lg\:hover\:fill-orange-100:hover { + fill: var(--orange-100) + } + .lg\:active\:fill-orange-100:active { + fill: var(--orange-100) + } + .lg\:focus\:fill-orange-100\/10:focus { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:fill-orange-100\/10:hover { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:fill-orange-100\/10:active { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:fill-orange-100\/20:focus { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:fill-orange-100\/20:hover { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:fill-orange-100\/20:active { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:fill-orange-100\/30:focus { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:fill-orange-100\/30:hover { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:fill-orange-100\/30:active { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:fill-orange-100\/40:focus { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:fill-orange-100\/40:hover { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:fill-orange-100\/40:active { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:fill-orange-100\/50:focus { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:fill-orange-100\/50:hover { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:fill-orange-100\/50:active { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:fill-orange-100\/60:focus { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:fill-orange-100\/60:hover { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:fill-orange-100\/60:active { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:fill-orange-100\/70:focus { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:fill-orange-100\/70:hover { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:fill-orange-100\/70:active { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:fill-orange-100\/80:focus { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:fill-orange-100\/80:hover { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:fill-orange-100\/80:active { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:fill-orange-100\/90:focus { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:fill-orange-100\/90:hover { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:fill-orange-100\/90:active { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:fill-orange-200:focus { + fill: var(--orange-200) + } + .lg\:hover\:fill-orange-200:hover { + fill: var(--orange-200) + } + .lg\:active\:fill-orange-200:active { + fill: var(--orange-200) + } + .lg\:focus\:fill-orange-200\/10:focus { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:fill-orange-200\/10:hover { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:fill-orange-200\/10:active { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:fill-orange-200\/20:focus { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:fill-orange-200\/20:hover { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:fill-orange-200\/20:active { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:fill-orange-200\/30:focus { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:fill-orange-200\/30:hover { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:fill-orange-200\/30:active { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:fill-orange-200\/40:focus { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:fill-orange-200\/40:hover { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:fill-orange-200\/40:active { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:fill-orange-200\/50:focus { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:fill-orange-200\/50:hover { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:fill-orange-200\/50:active { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:fill-orange-200\/60:focus { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:fill-orange-200\/60:hover { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:fill-orange-200\/60:active { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:fill-orange-200\/70:focus { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:fill-orange-200\/70:hover { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:fill-orange-200\/70:active { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:fill-orange-200\/80:focus { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:fill-orange-200\/80:hover { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:fill-orange-200\/80:active { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:fill-orange-200\/90:focus { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:fill-orange-200\/90:hover { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:fill-orange-200\/90:active { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:fill-orange-300:focus { + fill: var(--orange-300) + } + .lg\:hover\:fill-orange-300:hover { + fill: var(--orange-300) + } + .lg\:active\:fill-orange-300:active { + fill: var(--orange-300) + } + .lg\:focus\:fill-orange-300\/10:focus { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:fill-orange-300\/10:hover { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:fill-orange-300\/10:active { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:fill-orange-300\/20:focus { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:fill-orange-300\/20:hover { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:fill-orange-300\/20:active { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:fill-orange-300\/30:focus { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:fill-orange-300\/30:hover { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:fill-orange-300\/30:active { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:fill-orange-300\/40:focus { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:fill-orange-300\/40:hover { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:fill-orange-300\/40:active { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:fill-orange-300\/50:focus { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:fill-orange-300\/50:hover { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:fill-orange-300\/50:active { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:fill-orange-300\/60:focus { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:fill-orange-300\/60:hover { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:fill-orange-300\/60:active { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:fill-orange-300\/70:focus { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:fill-orange-300\/70:hover { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:fill-orange-300\/70:active { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:fill-orange-300\/80:focus { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:fill-orange-300\/80:hover { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:fill-orange-300\/80:active { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:fill-orange-300\/90:focus { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:fill-orange-300\/90:hover { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:fill-orange-300\/90:active { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:fill-orange-400:focus { + fill: var(--orange-400) + } + .lg\:hover\:fill-orange-400:hover { + fill: var(--orange-400) + } + .lg\:active\:fill-orange-400:active { + fill: var(--orange-400) + } + .lg\:focus\:fill-orange-400\/10:focus { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:fill-orange-400\/10:hover { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:fill-orange-400\/10:active { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:fill-orange-400\/20:focus { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:fill-orange-400\/20:hover { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:fill-orange-400\/20:active { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:fill-orange-400\/30:focus { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:fill-orange-400\/30:hover { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:fill-orange-400\/30:active { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:fill-orange-400\/40:focus { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:fill-orange-400\/40:hover { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:fill-orange-400\/40:active { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:fill-orange-400\/50:focus { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:fill-orange-400\/50:hover { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:fill-orange-400\/50:active { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:fill-orange-400\/60:focus { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:fill-orange-400\/60:hover { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:fill-orange-400\/60:active { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:fill-orange-400\/70:focus { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:fill-orange-400\/70:hover { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:fill-orange-400\/70:active { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:fill-orange-400\/80:focus { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:fill-orange-400\/80:hover { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:fill-orange-400\/80:active { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:fill-orange-400\/90:focus { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:fill-orange-400\/90:hover { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:fill-orange-400\/90:active { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:fill-orange-500:focus { + fill: var(--orange-500) + } + .lg\:hover\:fill-orange-500:hover { + fill: var(--orange-500) + } + .lg\:active\:fill-orange-500:active { + fill: var(--orange-500) + } + .lg\:focus\:fill-orange-500\/10:focus { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:fill-orange-500\/10:hover { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:fill-orange-500\/10:active { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:fill-orange-500\/20:focus { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:fill-orange-500\/20:hover { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:fill-orange-500\/20:active { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:fill-orange-500\/30:focus { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:fill-orange-500\/30:hover { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:fill-orange-500\/30:active { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:fill-orange-500\/40:focus { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:fill-orange-500\/40:hover { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:fill-orange-500\/40:active { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:fill-orange-500\/50:focus { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:fill-orange-500\/50:hover { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:fill-orange-500\/50:active { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:fill-orange-500\/60:focus { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:fill-orange-500\/60:hover { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:fill-orange-500\/60:active { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:fill-orange-500\/70:focus { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:fill-orange-500\/70:hover { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:fill-orange-500\/70:active { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:fill-orange-500\/80:focus { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:fill-orange-500\/80:hover { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:fill-orange-500\/80:active { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:fill-orange-500\/90:focus { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:fill-orange-500\/90:hover { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:fill-orange-500\/90:active { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:fill-orange-600:focus { + fill: var(--orange-600) + } + .lg\:hover\:fill-orange-600:hover { + fill: var(--orange-600) + } + .lg\:active\:fill-orange-600:active { + fill: var(--orange-600) + } + .lg\:focus\:fill-orange-600\/10:focus { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:fill-orange-600\/10:hover { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:fill-orange-600\/10:active { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:fill-orange-600\/20:focus { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:fill-orange-600\/20:hover { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:fill-orange-600\/20:active { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:fill-orange-600\/30:focus { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:fill-orange-600\/30:hover { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:fill-orange-600\/30:active { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:fill-orange-600\/40:focus { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:fill-orange-600\/40:hover { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:fill-orange-600\/40:active { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:fill-orange-600\/50:focus { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:fill-orange-600\/50:hover { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:fill-orange-600\/50:active { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:fill-orange-600\/60:focus { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:fill-orange-600\/60:hover { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:fill-orange-600\/60:active { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:fill-orange-600\/70:focus { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:fill-orange-600\/70:hover { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:fill-orange-600\/70:active { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:fill-orange-600\/80:focus { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:fill-orange-600\/80:hover { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:fill-orange-600\/80:active { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:fill-orange-600\/90:focus { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:fill-orange-600\/90:hover { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:fill-orange-600\/90:active { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:fill-orange-700:focus { + fill: var(--orange-700) + } + .lg\:hover\:fill-orange-700:hover { + fill: var(--orange-700) + } + .lg\:active\:fill-orange-700:active { + fill: var(--orange-700) + } + .lg\:focus\:fill-orange-700\/10:focus { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:fill-orange-700\/10:hover { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:fill-orange-700\/10:active { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:fill-orange-700\/20:focus { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:fill-orange-700\/20:hover { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:fill-orange-700\/20:active { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:fill-orange-700\/30:focus { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:fill-orange-700\/30:hover { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:fill-orange-700\/30:active { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:fill-orange-700\/40:focus { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:fill-orange-700\/40:hover { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:fill-orange-700\/40:active { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:fill-orange-700\/50:focus { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:fill-orange-700\/50:hover { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:fill-orange-700\/50:active { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:fill-orange-700\/60:focus { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:fill-orange-700\/60:hover { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:fill-orange-700\/60:active { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:fill-orange-700\/70:focus { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:fill-orange-700\/70:hover { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:fill-orange-700\/70:active { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:fill-orange-700\/80:focus { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:fill-orange-700\/80:hover { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:fill-orange-700\/80:active { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:fill-orange-700\/90:focus { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:fill-orange-700\/90:hover { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:fill-orange-700\/90:active { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:fill-orange-800:focus { + fill: var(--orange-800) + } + .lg\:hover\:fill-orange-800:hover { + fill: var(--orange-800) + } + .lg\:active\:fill-orange-800:active { + fill: var(--orange-800) + } + .lg\:focus\:fill-orange-800\/10:focus { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:fill-orange-800\/10:hover { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:fill-orange-800\/10:active { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:fill-orange-800\/20:focus { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:fill-orange-800\/20:hover { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:fill-orange-800\/20:active { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:fill-orange-800\/30:focus { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:fill-orange-800\/30:hover { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:fill-orange-800\/30:active { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:fill-orange-800\/40:focus { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:fill-orange-800\/40:hover { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:fill-orange-800\/40:active { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:fill-orange-800\/50:focus { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:fill-orange-800\/50:hover { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:fill-orange-800\/50:active { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:fill-orange-800\/60:focus { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:fill-orange-800\/60:hover { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:fill-orange-800\/60:active { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:fill-orange-800\/70:focus { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:fill-orange-800\/70:hover { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:fill-orange-800\/70:active { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:fill-orange-800\/80:focus { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:fill-orange-800\/80:hover { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:fill-orange-800\/80:active { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:fill-orange-800\/90:focus { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:fill-orange-800\/90:hover { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:fill-orange-800\/90:active { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:fill-orange-900:focus { + fill: var(--orange-900) + } + .lg\:hover\:fill-orange-900:hover { + fill: var(--orange-900) + } + .lg\:active\:fill-orange-900:active { + fill: var(--orange-900) + } + .lg\:focus\:fill-orange-900\/10:focus { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:fill-orange-900\/10:hover { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:fill-orange-900\/10:active { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:fill-orange-900\/20:focus { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:fill-orange-900\/20:hover { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:fill-orange-900\/20:active { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:fill-orange-900\/30:focus { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:fill-orange-900\/30:hover { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:fill-orange-900\/30:active { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:fill-orange-900\/40:focus { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:fill-orange-900\/40:hover { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:fill-orange-900\/40:active { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:fill-orange-900\/50:focus { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:fill-orange-900\/50:hover { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:fill-orange-900\/50:active { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:fill-orange-900\/60:focus { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:fill-orange-900\/60:hover { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:fill-orange-900\/60:active { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:fill-orange-900\/70:focus { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:fill-orange-900\/70:hover { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:fill-orange-900\/70:active { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:fill-orange-900\/80:focus { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:fill-orange-900\/80:hover { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:fill-orange-900\/80:active { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:fill-orange-900\/90:focus { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:fill-orange-900\/90:hover { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:fill-orange-900\/90:active { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-50:focus { + fill: var(--bluegray-50) + } + .lg\:hover\:fill-bluegray-50:hover { + fill: var(--bluegray-50) + } + .lg\:active\:fill-bluegray-50:active { + fill: var(--bluegray-50) + } + .lg\:focus\:fill-bluegray-50\/10:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-50\/10:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-50\/10:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-50\/20:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-50\/20:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-50\/20:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-50\/30:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-50\/30:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-50\/30:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-50\/40:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-50\/40:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-50\/40:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-50\/50:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-50\/50:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-50\/50:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-50\/60:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-50\/60:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-50\/60:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-50\/70:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-50\/70:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-50\/70:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-50\/80:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-50\/80:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-50\/80:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-50\/90:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-50\/90:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-50\/90:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-100:focus { + fill: var(--bluegray-100) + } + .lg\:hover\:fill-bluegray-100:hover { + fill: var(--bluegray-100) + } + .lg\:active\:fill-bluegray-100:active { + fill: var(--bluegray-100) + } + .lg\:focus\:fill-bluegray-100\/10:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-100\/10:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-100\/10:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-100\/20:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-100\/20:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-100\/20:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-100\/30:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-100\/30:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-100\/30:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-100\/40:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-100\/40:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-100\/40:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-100\/50:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-100\/50:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-100\/50:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-100\/60:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-100\/60:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-100\/60:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-100\/70:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-100\/70:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-100\/70:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-100\/80:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-100\/80:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-100\/80:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-100\/90:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-100\/90:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-100\/90:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-200:focus { + fill: var(--bluegray-200) + } + .lg\:hover\:fill-bluegray-200:hover { + fill: var(--bluegray-200) + } + .lg\:active\:fill-bluegray-200:active { + fill: var(--bluegray-200) + } + .lg\:focus\:fill-bluegray-200\/10:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-200\/10:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-200\/10:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-200\/20:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-200\/20:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-200\/20:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-200\/30:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-200\/30:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-200\/30:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-200\/40:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-200\/40:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-200\/40:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-200\/50:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-200\/50:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-200\/50:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-200\/60:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-200\/60:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-200\/60:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-200\/70:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-200\/70:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-200\/70:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-200\/80:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-200\/80:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-200\/80:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-200\/90:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-200\/90:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-200\/90:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-300:focus { + fill: var(--bluegray-300) + } + .lg\:hover\:fill-bluegray-300:hover { + fill: var(--bluegray-300) + } + .lg\:active\:fill-bluegray-300:active { + fill: var(--bluegray-300) + } + .lg\:focus\:fill-bluegray-300\/10:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-300\/10:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-300\/10:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-300\/20:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-300\/20:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-300\/20:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-300\/30:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-300\/30:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-300\/30:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-300\/40:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-300\/40:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-300\/40:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-300\/50:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-300\/50:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-300\/50:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-300\/60:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-300\/60:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-300\/60:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-300\/70:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-300\/70:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-300\/70:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-300\/80:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-300\/80:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-300\/80:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-300\/90:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-300\/90:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-300\/90:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-400:focus { + fill: var(--bluegray-400) + } + .lg\:hover\:fill-bluegray-400:hover { + fill: var(--bluegray-400) + } + .lg\:active\:fill-bluegray-400:active { + fill: var(--bluegray-400) + } + .lg\:focus\:fill-bluegray-400\/10:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-400\/10:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-400\/10:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-400\/20:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-400\/20:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-400\/20:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-400\/30:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-400\/30:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-400\/30:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-400\/40:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-400\/40:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-400\/40:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-400\/50:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-400\/50:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-400\/50:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-400\/60:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-400\/60:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-400\/60:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-400\/70:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-400\/70:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-400\/70:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-400\/80:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-400\/80:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-400\/80:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-400\/90:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-400\/90:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-400\/90:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-500:focus { + fill: var(--bluegray-500) + } + .lg\:hover\:fill-bluegray-500:hover { + fill: var(--bluegray-500) + } + .lg\:active\:fill-bluegray-500:active { + fill: var(--bluegray-500) + } + .lg\:focus\:fill-bluegray-500\/10:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-500\/10:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-500\/10:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-500\/20:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-500\/20:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-500\/20:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-500\/30:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-500\/30:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-500\/30:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-500\/40:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-500\/40:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-500\/40:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-500\/50:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-500\/50:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-500\/50:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-500\/60:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-500\/60:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-500\/60:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-500\/70:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-500\/70:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-500\/70:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-500\/80:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-500\/80:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-500\/80:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-500\/90:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-500\/90:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-500\/90:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-600:focus { + fill: var(--bluegray-600) + } + .lg\:hover\:fill-bluegray-600:hover { + fill: var(--bluegray-600) + } + .lg\:active\:fill-bluegray-600:active { + fill: var(--bluegray-600) + } + .lg\:focus\:fill-bluegray-600\/10:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-600\/10:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-600\/10:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-600\/20:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-600\/20:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-600\/20:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-600\/30:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-600\/30:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-600\/30:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-600\/40:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-600\/40:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-600\/40:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-600\/50:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-600\/50:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-600\/50:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-600\/60:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-600\/60:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-600\/60:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-600\/70:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-600\/70:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-600\/70:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-600\/80:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-600\/80:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-600\/80:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-600\/90:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-600\/90:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-600\/90:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-700:focus { + fill: var(--bluegray-700) + } + .lg\:hover\:fill-bluegray-700:hover { + fill: var(--bluegray-700) + } + .lg\:active\:fill-bluegray-700:active { + fill: var(--bluegray-700) + } + .lg\:focus\:fill-bluegray-700\/10:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-700\/10:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-700\/10:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-700\/20:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-700\/20:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-700\/20:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-700\/30:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-700\/30:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-700\/30:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-700\/40:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-700\/40:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-700\/40:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-700\/50:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-700\/50:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-700\/50:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-700\/60:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-700\/60:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-700\/60:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-700\/70:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-700\/70:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-700\/70:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-700\/80:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-700\/80:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-700\/80:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-700\/90:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-700\/90:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-700\/90:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-800:focus { + fill: var(--bluegray-800) + } + .lg\:hover\:fill-bluegray-800:hover { + fill: var(--bluegray-800) + } + .lg\:active\:fill-bluegray-800:active { + fill: var(--bluegray-800) + } + .lg\:focus\:fill-bluegray-800\/10:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-800\/10:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-800\/10:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-800\/20:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-800\/20:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-800\/20:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-800\/30:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-800\/30:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-800\/30:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-800\/40:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-800\/40:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-800\/40:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-800\/50:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-800\/50:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-800\/50:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-800\/60:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-800\/60:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-800\/60:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-800\/70:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-800\/70:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-800\/70:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-800\/80:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-800\/80:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-800\/80:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-800\/90:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-800\/90:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-800\/90:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:fill-bluegray-900:focus { + fill: var(--bluegray-900) + } + .lg\:hover\:fill-bluegray-900:hover { + fill: var(--bluegray-900) + } + .lg\:active\:fill-bluegray-900:active { + fill: var(--bluegray-900) + } + .lg\:focus\:fill-bluegray-900\/10:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:fill-bluegray-900\/10:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:fill-bluegray-900\/10:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:fill-bluegray-900\/20:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:fill-bluegray-900\/20:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:fill-bluegray-900\/20:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:fill-bluegray-900\/30:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:fill-bluegray-900\/30:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:fill-bluegray-900\/30:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:fill-bluegray-900\/40:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:fill-bluegray-900\/40:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:fill-bluegray-900\/40:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:fill-bluegray-900\/50:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:fill-bluegray-900\/50:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:fill-bluegray-900\/50:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:fill-bluegray-900\/60:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:fill-bluegray-900\/60:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:fill-bluegray-900\/60:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:fill-bluegray-900\/70:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:fill-bluegray-900\/70:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:fill-bluegray-900\/70:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:fill-bluegray-900\/80:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:fill-bluegray-900\/80:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:fill-bluegray-900\/80:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:fill-bluegray-900\/90:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:fill-bluegray-900\/90:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:fill-bluegray-900\/90:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:fill-purple-50:focus { + fill: var(--purple-50) + } + .lg\:hover\:fill-purple-50:hover { + fill: var(--purple-50) + } + .lg\:active\:fill-purple-50:active { + fill: var(--purple-50) + } + .lg\:focus\:fill-purple-50\/10:focus { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:fill-purple-50\/10:hover { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:fill-purple-50\/10:active { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:fill-purple-50\/20:focus { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:fill-purple-50\/20:hover { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:fill-purple-50\/20:active { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:fill-purple-50\/30:focus { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:fill-purple-50\/30:hover { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:fill-purple-50\/30:active { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:fill-purple-50\/40:focus { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:fill-purple-50\/40:hover { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:fill-purple-50\/40:active { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:fill-purple-50\/50:focus { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:fill-purple-50\/50:hover { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:fill-purple-50\/50:active { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:fill-purple-50\/60:focus { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:fill-purple-50\/60:hover { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:fill-purple-50\/60:active { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:fill-purple-50\/70:focus { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:fill-purple-50\/70:hover { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:fill-purple-50\/70:active { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:fill-purple-50\/80:focus { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:fill-purple-50\/80:hover { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:fill-purple-50\/80:active { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:fill-purple-50\/90:focus { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:fill-purple-50\/90:hover { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:fill-purple-50\/90:active { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:fill-purple-100:focus { + fill: var(--purple-100) + } + .lg\:hover\:fill-purple-100:hover { + fill: var(--purple-100) + } + .lg\:active\:fill-purple-100:active { + fill: var(--purple-100) + } + .lg\:focus\:fill-purple-100\/10:focus { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:fill-purple-100\/10:hover { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:fill-purple-100\/10:active { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:fill-purple-100\/20:focus { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:fill-purple-100\/20:hover { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:fill-purple-100\/20:active { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:fill-purple-100\/30:focus { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:fill-purple-100\/30:hover { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:fill-purple-100\/30:active { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:fill-purple-100\/40:focus { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:fill-purple-100\/40:hover { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:fill-purple-100\/40:active { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:fill-purple-100\/50:focus { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:fill-purple-100\/50:hover { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:fill-purple-100\/50:active { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:fill-purple-100\/60:focus { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:fill-purple-100\/60:hover { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:fill-purple-100\/60:active { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:fill-purple-100\/70:focus { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:fill-purple-100\/70:hover { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:fill-purple-100\/70:active { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:fill-purple-100\/80:focus { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:fill-purple-100\/80:hover { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:fill-purple-100\/80:active { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:fill-purple-100\/90:focus { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:fill-purple-100\/90:hover { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:fill-purple-100\/90:active { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:fill-purple-200:focus { + fill: var(--purple-200) + } + .lg\:hover\:fill-purple-200:hover { + fill: var(--purple-200) + } + .lg\:active\:fill-purple-200:active { + fill: var(--purple-200) + } + .lg\:focus\:fill-purple-200\/10:focus { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:fill-purple-200\/10:hover { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:fill-purple-200\/10:active { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:fill-purple-200\/20:focus { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:fill-purple-200\/20:hover { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:fill-purple-200\/20:active { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:fill-purple-200\/30:focus { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:fill-purple-200\/30:hover { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:fill-purple-200\/30:active { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:fill-purple-200\/40:focus { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:fill-purple-200\/40:hover { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:fill-purple-200\/40:active { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:fill-purple-200\/50:focus { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:fill-purple-200\/50:hover { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:fill-purple-200\/50:active { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:fill-purple-200\/60:focus { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:fill-purple-200\/60:hover { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:fill-purple-200\/60:active { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:fill-purple-200\/70:focus { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:fill-purple-200\/70:hover { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:fill-purple-200\/70:active { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:fill-purple-200\/80:focus { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:fill-purple-200\/80:hover { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:fill-purple-200\/80:active { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:fill-purple-200\/90:focus { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:fill-purple-200\/90:hover { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:fill-purple-200\/90:active { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:fill-purple-300:focus { + fill: var(--purple-300) + } + .lg\:hover\:fill-purple-300:hover { + fill: var(--purple-300) + } + .lg\:active\:fill-purple-300:active { + fill: var(--purple-300) + } + .lg\:focus\:fill-purple-300\/10:focus { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:fill-purple-300\/10:hover { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:fill-purple-300\/10:active { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:fill-purple-300\/20:focus { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:fill-purple-300\/20:hover { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:fill-purple-300\/20:active { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:fill-purple-300\/30:focus { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:fill-purple-300\/30:hover { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:fill-purple-300\/30:active { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:fill-purple-300\/40:focus { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:fill-purple-300\/40:hover { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:fill-purple-300\/40:active { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:fill-purple-300\/50:focus { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:fill-purple-300\/50:hover { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:fill-purple-300\/50:active { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:fill-purple-300\/60:focus { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:fill-purple-300\/60:hover { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:fill-purple-300\/60:active { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:fill-purple-300\/70:focus { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:fill-purple-300\/70:hover { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:fill-purple-300\/70:active { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:fill-purple-300\/80:focus { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:fill-purple-300\/80:hover { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:fill-purple-300\/80:active { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:fill-purple-300\/90:focus { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:fill-purple-300\/90:hover { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:fill-purple-300\/90:active { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:fill-purple-400:focus { + fill: var(--purple-400) + } + .lg\:hover\:fill-purple-400:hover { + fill: var(--purple-400) + } + .lg\:active\:fill-purple-400:active { + fill: var(--purple-400) + } + .lg\:focus\:fill-purple-400\/10:focus { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:fill-purple-400\/10:hover { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:fill-purple-400\/10:active { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:fill-purple-400\/20:focus { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:fill-purple-400\/20:hover { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:fill-purple-400\/20:active { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:fill-purple-400\/30:focus { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:fill-purple-400\/30:hover { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:fill-purple-400\/30:active { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:fill-purple-400\/40:focus { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:fill-purple-400\/40:hover { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:fill-purple-400\/40:active { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:fill-purple-400\/50:focus { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:fill-purple-400\/50:hover { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:fill-purple-400\/50:active { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:fill-purple-400\/60:focus { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:fill-purple-400\/60:hover { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:fill-purple-400\/60:active { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:fill-purple-400\/70:focus { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:fill-purple-400\/70:hover { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:fill-purple-400\/70:active { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:fill-purple-400\/80:focus { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:fill-purple-400\/80:hover { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:fill-purple-400\/80:active { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:fill-purple-400\/90:focus { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:fill-purple-400\/90:hover { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:fill-purple-400\/90:active { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:fill-purple-500:focus { + fill: var(--purple-500) + } + .lg\:hover\:fill-purple-500:hover { + fill: var(--purple-500) + } + .lg\:active\:fill-purple-500:active { + fill: var(--purple-500) + } + .lg\:focus\:fill-purple-500\/10:focus { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:fill-purple-500\/10:hover { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:fill-purple-500\/10:active { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:fill-purple-500\/20:focus { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:fill-purple-500\/20:hover { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:fill-purple-500\/20:active { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:fill-purple-500\/30:focus { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:fill-purple-500\/30:hover { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:fill-purple-500\/30:active { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:fill-purple-500\/40:focus { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:fill-purple-500\/40:hover { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:fill-purple-500\/40:active { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:fill-purple-500\/50:focus { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:fill-purple-500\/50:hover { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:fill-purple-500\/50:active { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:fill-purple-500\/60:focus { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:fill-purple-500\/60:hover { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:fill-purple-500\/60:active { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:fill-purple-500\/70:focus { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:fill-purple-500\/70:hover { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:fill-purple-500\/70:active { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:fill-purple-500\/80:focus { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:fill-purple-500\/80:hover { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:fill-purple-500\/80:active { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:fill-purple-500\/90:focus { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:fill-purple-500\/90:hover { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:fill-purple-500\/90:active { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:fill-purple-600:focus { + fill: var(--purple-600) + } + .lg\:hover\:fill-purple-600:hover { + fill: var(--purple-600) + } + .lg\:active\:fill-purple-600:active { + fill: var(--purple-600) + } + .lg\:focus\:fill-purple-600\/10:focus { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:fill-purple-600\/10:hover { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:fill-purple-600\/10:active { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:fill-purple-600\/20:focus { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:fill-purple-600\/20:hover { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:fill-purple-600\/20:active { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:fill-purple-600\/30:focus { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:fill-purple-600\/30:hover { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:fill-purple-600\/30:active { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:fill-purple-600\/40:focus { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:fill-purple-600\/40:hover { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:fill-purple-600\/40:active { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:fill-purple-600\/50:focus { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:fill-purple-600\/50:hover { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:fill-purple-600\/50:active { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:fill-purple-600\/60:focus { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:fill-purple-600\/60:hover { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:fill-purple-600\/60:active { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:fill-purple-600\/70:focus { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:fill-purple-600\/70:hover { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:fill-purple-600\/70:active { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:fill-purple-600\/80:focus { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:fill-purple-600\/80:hover { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:fill-purple-600\/80:active { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:fill-purple-600\/90:focus { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:fill-purple-600\/90:hover { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:fill-purple-600\/90:active { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:fill-purple-700:focus { + fill: var(--purple-700) + } + .lg\:hover\:fill-purple-700:hover { + fill: var(--purple-700) + } + .lg\:active\:fill-purple-700:active { + fill: var(--purple-700) + } + .lg\:focus\:fill-purple-700\/10:focus { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:fill-purple-700\/10:hover { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:fill-purple-700\/10:active { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:fill-purple-700\/20:focus { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:fill-purple-700\/20:hover { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:fill-purple-700\/20:active { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:fill-purple-700\/30:focus { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:fill-purple-700\/30:hover { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:fill-purple-700\/30:active { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:fill-purple-700\/40:focus { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:fill-purple-700\/40:hover { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:fill-purple-700\/40:active { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:fill-purple-700\/50:focus { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:fill-purple-700\/50:hover { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:fill-purple-700\/50:active { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:fill-purple-700\/60:focus { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:fill-purple-700\/60:hover { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:fill-purple-700\/60:active { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:fill-purple-700\/70:focus { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:fill-purple-700\/70:hover { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:fill-purple-700\/70:active { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:fill-purple-700\/80:focus { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:fill-purple-700\/80:hover { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:fill-purple-700\/80:active { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:fill-purple-700\/90:focus { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:fill-purple-700\/90:hover { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:fill-purple-700\/90:active { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:fill-purple-800:focus { + fill: var(--purple-800) + } + .lg\:hover\:fill-purple-800:hover { + fill: var(--purple-800) + } + .lg\:active\:fill-purple-800:active { + fill: var(--purple-800) + } + .lg\:focus\:fill-purple-800\/10:focus { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:fill-purple-800\/10:hover { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:fill-purple-800\/10:active { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:fill-purple-800\/20:focus { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:fill-purple-800\/20:hover { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:fill-purple-800\/20:active { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:fill-purple-800\/30:focus { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:fill-purple-800\/30:hover { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:fill-purple-800\/30:active { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:fill-purple-800\/40:focus { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:fill-purple-800\/40:hover { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:fill-purple-800\/40:active { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:fill-purple-800\/50:focus { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:fill-purple-800\/50:hover { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:fill-purple-800\/50:active { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:fill-purple-800\/60:focus { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:fill-purple-800\/60:hover { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:fill-purple-800\/60:active { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:fill-purple-800\/70:focus { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:fill-purple-800\/70:hover { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:fill-purple-800\/70:active { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:fill-purple-800\/80:focus { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:fill-purple-800\/80:hover { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:fill-purple-800\/80:active { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:fill-purple-800\/90:focus { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:fill-purple-800\/90:hover { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:fill-purple-800\/90:active { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:fill-purple-900:focus { + fill: var(--purple-900) + } + .lg\:hover\:fill-purple-900:hover { + fill: var(--purple-900) + } + .lg\:active\:fill-purple-900:active { + fill: var(--purple-900) + } + .lg\:focus\:fill-purple-900\/10:focus { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:fill-purple-900\/10:hover { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:fill-purple-900\/10:active { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:fill-purple-900\/20:focus { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:fill-purple-900\/20:hover { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:fill-purple-900\/20:active { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:fill-purple-900\/30:focus { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:fill-purple-900\/30:hover { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:fill-purple-900\/30:active { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:fill-purple-900\/40:focus { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:fill-purple-900\/40:hover { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:fill-purple-900\/40:active { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:fill-purple-900\/50:focus { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:fill-purple-900\/50:hover { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:fill-purple-900\/50:active { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:fill-purple-900\/60:focus { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:fill-purple-900\/60:hover { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:fill-purple-900\/60:active { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:fill-purple-900\/70:focus { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:fill-purple-900\/70:hover { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:fill-purple-900\/70:active { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:fill-purple-900\/80:focus { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:fill-purple-900\/80:hover { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:fill-purple-900\/80:active { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:fill-purple-900\/90:focus { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:fill-purple-900\/90:hover { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:fill-purple-900\/90:active { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:fill-red-50:focus { + fill: var(--red-50) + } + .lg\:hover\:fill-red-50:hover { + fill: var(--red-50) + } + .lg\:active\:fill-red-50:active { + fill: var(--red-50) + } + .lg\:focus\:fill-red-50\/10:focus { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:fill-red-50\/10:hover { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:fill-red-50\/10:active { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:fill-red-50\/20:focus { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:fill-red-50\/20:hover { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:fill-red-50\/20:active { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:fill-red-50\/30:focus { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:fill-red-50\/30:hover { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:fill-red-50\/30:active { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:fill-red-50\/40:focus { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:fill-red-50\/40:hover { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:fill-red-50\/40:active { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:fill-red-50\/50:focus { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:fill-red-50\/50:hover { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:fill-red-50\/50:active { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:fill-red-50\/60:focus { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:fill-red-50\/60:hover { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:fill-red-50\/60:active { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:fill-red-50\/70:focus { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:fill-red-50\/70:hover { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:fill-red-50\/70:active { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:fill-red-50\/80:focus { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:fill-red-50\/80:hover { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:fill-red-50\/80:active { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:fill-red-50\/90:focus { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:fill-red-50\/90:hover { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:fill-red-50\/90:active { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:fill-red-100:focus { + fill: var(--red-100) + } + .lg\:hover\:fill-red-100:hover { + fill: var(--red-100) + } + .lg\:active\:fill-red-100:active { + fill: var(--red-100) + } + .lg\:focus\:fill-red-100\/10:focus { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:fill-red-100\/10:hover { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:fill-red-100\/10:active { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:fill-red-100\/20:focus { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:fill-red-100\/20:hover { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:fill-red-100\/20:active { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:fill-red-100\/30:focus { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:fill-red-100\/30:hover { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:fill-red-100\/30:active { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:fill-red-100\/40:focus { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:fill-red-100\/40:hover { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:fill-red-100\/40:active { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:fill-red-100\/50:focus { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:fill-red-100\/50:hover { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:fill-red-100\/50:active { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:fill-red-100\/60:focus { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:fill-red-100\/60:hover { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:fill-red-100\/60:active { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:fill-red-100\/70:focus { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:fill-red-100\/70:hover { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:fill-red-100\/70:active { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:fill-red-100\/80:focus { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:fill-red-100\/80:hover { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:fill-red-100\/80:active { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:fill-red-100\/90:focus { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:fill-red-100\/90:hover { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:fill-red-100\/90:active { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:fill-red-200:focus { + fill: var(--red-200) + } + .lg\:hover\:fill-red-200:hover { + fill: var(--red-200) + } + .lg\:active\:fill-red-200:active { + fill: var(--red-200) + } + .lg\:focus\:fill-red-200\/10:focus { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:fill-red-200\/10:hover { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:fill-red-200\/10:active { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:fill-red-200\/20:focus { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:fill-red-200\/20:hover { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:fill-red-200\/20:active { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:fill-red-200\/30:focus { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:fill-red-200\/30:hover { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:fill-red-200\/30:active { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:fill-red-200\/40:focus { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:fill-red-200\/40:hover { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:fill-red-200\/40:active { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:fill-red-200\/50:focus { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:fill-red-200\/50:hover { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:fill-red-200\/50:active { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:fill-red-200\/60:focus { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:fill-red-200\/60:hover { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:fill-red-200\/60:active { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:fill-red-200\/70:focus { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:fill-red-200\/70:hover { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:fill-red-200\/70:active { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:fill-red-200\/80:focus { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:fill-red-200\/80:hover { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:fill-red-200\/80:active { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:fill-red-200\/90:focus { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:fill-red-200\/90:hover { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:fill-red-200\/90:active { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:fill-red-300:focus { + fill: var(--red-300) + } + .lg\:hover\:fill-red-300:hover { + fill: var(--red-300) + } + .lg\:active\:fill-red-300:active { + fill: var(--red-300) + } + .lg\:focus\:fill-red-300\/10:focus { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:fill-red-300\/10:hover { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:fill-red-300\/10:active { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:fill-red-300\/20:focus { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:fill-red-300\/20:hover { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:fill-red-300\/20:active { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:fill-red-300\/30:focus { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:fill-red-300\/30:hover { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:fill-red-300\/30:active { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:fill-red-300\/40:focus { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:fill-red-300\/40:hover { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:fill-red-300\/40:active { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:fill-red-300\/50:focus { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:fill-red-300\/50:hover { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:fill-red-300\/50:active { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:fill-red-300\/60:focus { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:fill-red-300\/60:hover { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:fill-red-300\/60:active { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:fill-red-300\/70:focus { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:fill-red-300\/70:hover { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:fill-red-300\/70:active { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:fill-red-300\/80:focus { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:fill-red-300\/80:hover { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:fill-red-300\/80:active { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:fill-red-300\/90:focus { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:fill-red-300\/90:hover { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:fill-red-300\/90:active { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:fill-red-400:focus { + fill: var(--red-400) + } + .lg\:hover\:fill-red-400:hover { + fill: var(--red-400) + } + .lg\:active\:fill-red-400:active { + fill: var(--red-400) + } + .lg\:focus\:fill-red-400\/10:focus { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:fill-red-400\/10:hover { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:fill-red-400\/10:active { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:fill-red-400\/20:focus { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:fill-red-400\/20:hover { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:fill-red-400\/20:active { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:fill-red-400\/30:focus { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:fill-red-400\/30:hover { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:fill-red-400\/30:active { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:fill-red-400\/40:focus { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:fill-red-400\/40:hover { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:fill-red-400\/40:active { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:fill-red-400\/50:focus { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:fill-red-400\/50:hover { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:fill-red-400\/50:active { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:fill-red-400\/60:focus { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:fill-red-400\/60:hover { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:fill-red-400\/60:active { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:fill-red-400\/70:focus { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:fill-red-400\/70:hover { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:fill-red-400\/70:active { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:fill-red-400\/80:focus { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:fill-red-400\/80:hover { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:fill-red-400\/80:active { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:fill-red-400\/90:focus { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:fill-red-400\/90:hover { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:fill-red-400\/90:active { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:fill-red-500:focus { + fill: var(--red-500) + } + .lg\:hover\:fill-red-500:hover { + fill: var(--red-500) + } + .lg\:active\:fill-red-500:active { + fill: var(--red-500) + } + .lg\:focus\:fill-red-500\/10:focus { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:fill-red-500\/10:hover { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:fill-red-500\/10:active { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:fill-red-500\/20:focus { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:fill-red-500\/20:hover { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:fill-red-500\/20:active { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:fill-red-500\/30:focus { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:fill-red-500\/30:hover { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:fill-red-500\/30:active { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:fill-red-500\/40:focus { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:fill-red-500\/40:hover { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:fill-red-500\/40:active { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:fill-red-500\/50:focus { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:fill-red-500\/50:hover { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:fill-red-500\/50:active { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:fill-red-500\/60:focus { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:fill-red-500\/60:hover { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:fill-red-500\/60:active { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:fill-red-500\/70:focus { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:fill-red-500\/70:hover { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:fill-red-500\/70:active { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:fill-red-500\/80:focus { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:fill-red-500\/80:hover { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:fill-red-500\/80:active { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:fill-red-500\/90:focus { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:fill-red-500\/90:hover { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:fill-red-500\/90:active { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:fill-red-600:focus { + fill: var(--red-600) + } + .lg\:hover\:fill-red-600:hover { + fill: var(--red-600) + } + .lg\:active\:fill-red-600:active { + fill: var(--red-600) + } + .lg\:focus\:fill-red-600\/10:focus { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:fill-red-600\/10:hover { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:fill-red-600\/10:active { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:fill-red-600\/20:focus { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:fill-red-600\/20:hover { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:fill-red-600\/20:active { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:fill-red-600\/30:focus { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:fill-red-600\/30:hover { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:fill-red-600\/30:active { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:fill-red-600\/40:focus { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:fill-red-600\/40:hover { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:fill-red-600\/40:active { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:fill-red-600\/50:focus { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:fill-red-600\/50:hover { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:fill-red-600\/50:active { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:fill-red-600\/60:focus { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:fill-red-600\/60:hover { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:fill-red-600\/60:active { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:fill-red-600\/70:focus { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:fill-red-600\/70:hover { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:fill-red-600\/70:active { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:fill-red-600\/80:focus { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:fill-red-600\/80:hover { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:fill-red-600\/80:active { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:fill-red-600\/90:focus { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:fill-red-600\/90:hover { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:fill-red-600\/90:active { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:fill-red-700:focus { + fill: var(--red-700) + } + .lg\:hover\:fill-red-700:hover { + fill: var(--red-700) + } + .lg\:active\:fill-red-700:active { + fill: var(--red-700) + } + .lg\:focus\:fill-red-700\/10:focus { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:fill-red-700\/10:hover { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:fill-red-700\/10:active { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:fill-red-700\/20:focus { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:fill-red-700\/20:hover { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:fill-red-700\/20:active { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:fill-red-700\/30:focus { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:fill-red-700\/30:hover { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:fill-red-700\/30:active { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:fill-red-700\/40:focus { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:fill-red-700\/40:hover { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:fill-red-700\/40:active { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:fill-red-700\/50:focus { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:fill-red-700\/50:hover { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:fill-red-700\/50:active { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:fill-red-700\/60:focus { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:fill-red-700\/60:hover { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:fill-red-700\/60:active { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:fill-red-700\/70:focus { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:fill-red-700\/70:hover { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:fill-red-700\/70:active { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:fill-red-700\/80:focus { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:fill-red-700\/80:hover { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:fill-red-700\/80:active { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:fill-red-700\/90:focus { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:fill-red-700\/90:hover { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:fill-red-700\/90:active { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:fill-red-800:focus { + fill: var(--red-800) + } + .lg\:hover\:fill-red-800:hover { + fill: var(--red-800) + } + .lg\:active\:fill-red-800:active { + fill: var(--red-800) + } + .lg\:focus\:fill-red-800\/10:focus { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:fill-red-800\/10:hover { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:fill-red-800\/10:active { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:fill-red-800\/20:focus { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:fill-red-800\/20:hover { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:fill-red-800\/20:active { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:fill-red-800\/30:focus { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:fill-red-800\/30:hover { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:fill-red-800\/30:active { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:fill-red-800\/40:focus { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:fill-red-800\/40:hover { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:fill-red-800\/40:active { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:fill-red-800\/50:focus { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:fill-red-800\/50:hover { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:fill-red-800\/50:active { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:fill-red-800\/60:focus { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:fill-red-800\/60:hover { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:fill-red-800\/60:active { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:fill-red-800\/70:focus { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:fill-red-800\/70:hover { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:fill-red-800\/70:active { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:fill-red-800\/80:focus { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:fill-red-800\/80:hover { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:fill-red-800\/80:active { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:fill-red-800\/90:focus { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:fill-red-800\/90:hover { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:fill-red-800\/90:active { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:fill-red-900:focus { + fill: var(--red-900) + } + .lg\:hover\:fill-red-900:hover { + fill: var(--red-900) + } + .lg\:active\:fill-red-900:active { + fill: var(--red-900) + } + .lg\:focus\:fill-red-900\/10:focus { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:fill-red-900\/10:hover { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:fill-red-900\/10:active { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:fill-red-900\/20:focus { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:fill-red-900\/20:hover { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:fill-red-900\/20:active { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:fill-red-900\/30:focus { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:fill-red-900\/30:hover { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:fill-red-900\/30:active { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:fill-red-900\/40:focus { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:fill-red-900\/40:hover { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:fill-red-900\/40:active { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:fill-red-900\/50:focus { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:fill-red-900\/50:hover { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:fill-red-900\/50:active { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:fill-red-900\/60:focus { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:fill-red-900\/60:hover { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:fill-red-900\/60:active { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:fill-red-900\/70:focus { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:fill-red-900\/70:hover { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:fill-red-900\/70:active { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:fill-red-900\/80:focus { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:fill-red-900\/80:hover { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:fill-red-900\/80:active { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:fill-red-900\/90:focus { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:fill-red-900\/90:hover { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:fill-red-900\/90:active { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:fill-gray-50:focus { + fill: var(--gray-50) + } + .lg\:hover\:fill-gray-50:hover { + fill: var(--gray-50) + } + .lg\:active\:fill-gray-50:active { + fill: var(--gray-50) + } + .lg\:focus\:fill-gray-50\/10:focus { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:fill-gray-50\/10:hover { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:fill-gray-50\/10:active { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:fill-gray-50\/20:focus { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:fill-gray-50\/20:hover { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:fill-gray-50\/20:active { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:fill-gray-50\/30:focus { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:fill-gray-50\/30:hover { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:fill-gray-50\/30:active { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:fill-gray-50\/40:focus { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:fill-gray-50\/40:hover { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:fill-gray-50\/40:active { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:fill-gray-50\/50:focus { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:fill-gray-50\/50:hover { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:fill-gray-50\/50:active { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:fill-gray-50\/60:focus { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:fill-gray-50\/60:hover { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:fill-gray-50\/60:active { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:fill-gray-50\/70:focus { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:fill-gray-50\/70:hover { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:fill-gray-50\/70:active { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:fill-gray-50\/80:focus { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:fill-gray-50\/80:hover { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:fill-gray-50\/80:active { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:fill-gray-50\/90:focus { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:fill-gray-50\/90:hover { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:fill-gray-50\/90:active { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:fill-gray-100:focus { + fill: var(--gray-100) + } + .lg\:hover\:fill-gray-100:hover { + fill: var(--gray-100) + } + .lg\:active\:fill-gray-100:active { + fill: var(--gray-100) + } + .lg\:focus\:fill-gray-100\/10:focus { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:fill-gray-100\/10:hover { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:fill-gray-100\/10:active { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:fill-gray-100\/20:focus { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:fill-gray-100\/20:hover { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:fill-gray-100\/20:active { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:fill-gray-100\/30:focus { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:fill-gray-100\/30:hover { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:fill-gray-100\/30:active { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:fill-gray-100\/40:focus { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:fill-gray-100\/40:hover { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:fill-gray-100\/40:active { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:fill-gray-100\/50:focus { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:fill-gray-100\/50:hover { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:fill-gray-100\/50:active { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:fill-gray-100\/60:focus { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:fill-gray-100\/60:hover { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:fill-gray-100\/60:active { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:fill-gray-100\/70:focus { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:fill-gray-100\/70:hover { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:fill-gray-100\/70:active { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:fill-gray-100\/80:focus { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:fill-gray-100\/80:hover { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:fill-gray-100\/80:active { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:fill-gray-100\/90:focus { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:fill-gray-100\/90:hover { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:fill-gray-100\/90:active { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:fill-gray-200:focus { + fill: var(--gray-200) + } + .lg\:hover\:fill-gray-200:hover { + fill: var(--gray-200) + } + .lg\:active\:fill-gray-200:active { + fill: var(--gray-200) + } + .lg\:focus\:fill-gray-200\/10:focus { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:fill-gray-200\/10:hover { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:fill-gray-200\/10:active { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:fill-gray-200\/20:focus { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:fill-gray-200\/20:hover { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:fill-gray-200\/20:active { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:fill-gray-200\/30:focus { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:fill-gray-200\/30:hover { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:fill-gray-200\/30:active { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:fill-gray-200\/40:focus { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:fill-gray-200\/40:hover { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:fill-gray-200\/40:active { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:fill-gray-200\/50:focus { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:fill-gray-200\/50:hover { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:fill-gray-200\/50:active { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:fill-gray-200\/60:focus { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:fill-gray-200\/60:hover { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:fill-gray-200\/60:active { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:fill-gray-200\/70:focus { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:fill-gray-200\/70:hover { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:fill-gray-200\/70:active { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:fill-gray-200\/80:focus { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:fill-gray-200\/80:hover { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:fill-gray-200\/80:active { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:fill-gray-200\/90:focus { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:fill-gray-200\/90:hover { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:fill-gray-200\/90:active { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:fill-gray-300:focus { + fill: var(--gray-300) + } + .lg\:hover\:fill-gray-300:hover { + fill: var(--gray-300) + } + .lg\:active\:fill-gray-300:active { + fill: var(--gray-300) + } + .lg\:focus\:fill-gray-300\/10:focus { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:fill-gray-300\/10:hover { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:fill-gray-300\/10:active { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:fill-gray-300\/20:focus { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:fill-gray-300\/20:hover { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:fill-gray-300\/20:active { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:fill-gray-300\/30:focus { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:fill-gray-300\/30:hover { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:fill-gray-300\/30:active { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:fill-gray-300\/40:focus { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:fill-gray-300\/40:hover { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:fill-gray-300\/40:active { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:fill-gray-300\/50:focus { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:fill-gray-300\/50:hover { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:fill-gray-300\/50:active { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:fill-gray-300\/60:focus { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:fill-gray-300\/60:hover { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:fill-gray-300\/60:active { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:fill-gray-300\/70:focus { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:fill-gray-300\/70:hover { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:fill-gray-300\/70:active { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:fill-gray-300\/80:focus { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:fill-gray-300\/80:hover { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:fill-gray-300\/80:active { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:fill-gray-300\/90:focus { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:fill-gray-300\/90:hover { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:fill-gray-300\/90:active { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:fill-gray-400:focus { + fill: var(--gray-400) + } + .lg\:hover\:fill-gray-400:hover { + fill: var(--gray-400) + } + .lg\:active\:fill-gray-400:active { + fill: var(--gray-400) + } + .lg\:focus\:fill-gray-400\/10:focus { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:fill-gray-400\/10:hover { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:fill-gray-400\/10:active { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:fill-gray-400\/20:focus { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:fill-gray-400\/20:hover { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:fill-gray-400\/20:active { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:fill-gray-400\/30:focus { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:fill-gray-400\/30:hover { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:fill-gray-400\/30:active { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:fill-gray-400\/40:focus { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:fill-gray-400\/40:hover { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:fill-gray-400\/40:active { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:fill-gray-400\/50:focus { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:fill-gray-400\/50:hover { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:fill-gray-400\/50:active { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:fill-gray-400\/60:focus { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:fill-gray-400\/60:hover { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:fill-gray-400\/60:active { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:fill-gray-400\/70:focus { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:fill-gray-400\/70:hover { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:fill-gray-400\/70:active { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:fill-gray-400\/80:focus { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:fill-gray-400\/80:hover { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:fill-gray-400\/80:active { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:fill-gray-400\/90:focus { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:fill-gray-400\/90:hover { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:fill-gray-400\/90:active { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:fill-gray-500:focus { + fill: var(--gray-500) + } + .lg\:hover\:fill-gray-500:hover { + fill: var(--gray-500) + } + .lg\:active\:fill-gray-500:active { + fill: var(--gray-500) + } + .lg\:focus\:fill-gray-500\/10:focus { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:fill-gray-500\/10:hover { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:fill-gray-500\/10:active { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:fill-gray-500\/20:focus { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:fill-gray-500\/20:hover { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:fill-gray-500\/20:active { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:fill-gray-500\/30:focus { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:fill-gray-500\/30:hover { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:fill-gray-500\/30:active { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:fill-gray-500\/40:focus { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:fill-gray-500\/40:hover { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:fill-gray-500\/40:active { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:fill-gray-500\/50:focus { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:fill-gray-500\/50:hover { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:fill-gray-500\/50:active { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:fill-gray-500\/60:focus { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:fill-gray-500\/60:hover { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:fill-gray-500\/60:active { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:fill-gray-500\/70:focus { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:fill-gray-500\/70:hover { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:fill-gray-500\/70:active { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:fill-gray-500\/80:focus { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:fill-gray-500\/80:hover { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:fill-gray-500\/80:active { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:fill-gray-500\/90:focus { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:fill-gray-500\/90:hover { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:fill-gray-500\/90:active { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:fill-gray-600:focus { + fill: var(--gray-600) + } + .lg\:hover\:fill-gray-600:hover { + fill: var(--gray-600) + } + .lg\:active\:fill-gray-600:active { + fill: var(--gray-600) + } + .lg\:focus\:fill-gray-600\/10:focus { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:fill-gray-600\/10:hover { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:fill-gray-600\/10:active { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:fill-gray-600\/20:focus { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:fill-gray-600\/20:hover { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:fill-gray-600\/20:active { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:fill-gray-600\/30:focus { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:fill-gray-600\/30:hover { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:fill-gray-600\/30:active { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:fill-gray-600\/40:focus { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:fill-gray-600\/40:hover { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:fill-gray-600\/40:active { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:fill-gray-600\/50:focus { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:fill-gray-600\/50:hover { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:fill-gray-600\/50:active { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:fill-gray-600\/60:focus { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:fill-gray-600\/60:hover { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:fill-gray-600\/60:active { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:fill-gray-600\/70:focus { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:fill-gray-600\/70:hover { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:fill-gray-600\/70:active { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:fill-gray-600\/80:focus { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:fill-gray-600\/80:hover { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:fill-gray-600\/80:active { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:fill-gray-600\/90:focus { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:fill-gray-600\/90:hover { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:fill-gray-600\/90:active { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:fill-gray-700:focus { + fill: var(--gray-700) + } + .lg\:hover\:fill-gray-700:hover { + fill: var(--gray-700) + } + .lg\:active\:fill-gray-700:active { + fill: var(--gray-700) + } + .lg\:focus\:fill-gray-700\/10:focus { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:fill-gray-700\/10:hover { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:fill-gray-700\/10:active { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:fill-gray-700\/20:focus { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:fill-gray-700\/20:hover { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:fill-gray-700\/20:active { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:fill-gray-700\/30:focus { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:fill-gray-700\/30:hover { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:fill-gray-700\/30:active { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:fill-gray-700\/40:focus { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:fill-gray-700\/40:hover { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:fill-gray-700\/40:active { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:fill-gray-700\/50:focus { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:fill-gray-700\/50:hover { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:fill-gray-700\/50:active { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:fill-gray-700\/60:focus { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:fill-gray-700\/60:hover { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:fill-gray-700\/60:active { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:fill-gray-700\/70:focus { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:fill-gray-700\/70:hover { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:fill-gray-700\/70:active { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:fill-gray-700\/80:focus { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:fill-gray-700\/80:hover { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:fill-gray-700\/80:active { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:fill-gray-700\/90:focus { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:fill-gray-700\/90:hover { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:fill-gray-700\/90:active { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:fill-gray-800:focus { + fill: var(--gray-800) + } + .lg\:hover\:fill-gray-800:hover { + fill: var(--gray-800) + } + .lg\:active\:fill-gray-800:active { + fill: var(--gray-800) + } + .lg\:focus\:fill-gray-800\/10:focus { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:fill-gray-800\/10:hover { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:fill-gray-800\/10:active { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:fill-gray-800\/20:focus { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:fill-gray-800\/20:hover { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:fill-gray-800\/20:active { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:fill-gray-800\/30:focus { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:fill-gray-800\/30:hover { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:fill-gray-800\/30:active { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:fill-gray-800\/40:focus { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:fill-gray-800\/40:hover { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:fill-gray-800\/40:active { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:fill-gray-800\/50:focus { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:fill-gray-800\/50:hover { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:fill-gray-800\/50:active { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:fill-gray-800\/60:focus { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:fill-gray-800\/60:hover { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:fill-gray-800\/60:active { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:fill-gray-800\/70:focus { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:fill-gray-800\/70:hover { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:fill-gray-800\/70:active { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:fill-gray-800\/80:focus { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:fill-gray-800\/80:hover { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:fill-gray-800\/80:active { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:fill-gray-800\/90:focus { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:fill-gray-800\/90:hover { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:fill-gray-800\/90:active { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:fill-gray-900:focus { + fill: var(--gray-900) + } + .lg\:hover\:fill-gray-900:hover { + fill: var(--gray-900) + } + .lg\:active\:fill-gray-900:active { + fill: var(--gray-900) + } + .lg\:focus\:fill-gray-900\/10:focus { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:fill-gray-900\/10:hover { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:fill-gray-900\/10:active { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:fill-gray-900\/20:focus { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:fill-gray-900\/20:hover { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:fill-gray-900\/20:active { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:fill-gray-900\/30:focus { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:fill-gray-900\/30:hover { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:fill-gray-900\/30:active { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:fill-gray-900\/40:focus { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:fill-gray-900\/40:hover { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:fill-gray-900\/40:active { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:fill-gray-900\/50:focus { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:fill-gray-900\/50:hover { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:fill-gray-900\/50:active { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:fill-gray-900\/60:focus { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:fill-gray-900\/60:hover { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:fill-gray-900\/60:active { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:fill-gray-900\/70:focus { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:fill-gray-900\/70:hover { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:fill-gray-900\/70:active { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:fill-gray-900\/80:focus { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:fill-gray-900\/80:hover { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:fill-gray-900\/80:active { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:fill-gray-900\/90:focus { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:fill-gray-900\/90:hover { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:fill-gray-900\/90:active { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:fill-surface-0:focus { + fill: var(--surface-0) + } + .lg\:hover\:fill-surface-0:hover { + fill: var(--surface-0) + } + .lg\:active\:fill-surface-0:active { + fill: var(--surface-0) + } + .lg\:focus\:fill-surface-0\/10:focus { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:fill-surface-0\/10:hover { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:fill-surface-0\/10:active { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:fill-surface-0\/20:focus { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:fill-surface-0\/20:hover { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:fill-surface-0\/20:active { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:fill-surface-0\/30:focus { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:fill-surface-0\/30:hover { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:fill-surface-0\/30:active { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:fill-surface-0\/40:focus { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:fill-surface-0\/40:hover { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:fill-surface-0\/40:active { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:fill-surface-0\/50:focus { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:fill-surface-0\/50:hover { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:fill-surface-0\/50:active { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:fill-surface-0\/60:focus { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:fill-surface-0\/60:hover { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:fill-surface-0\/60:active { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:fill-surface-0\/70:focus { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:fill-surface-0\/70:hover { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:fill-surface-0\/70:active { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:fill-surface-0\/80:focus { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:fill-surface-0\/80:hover { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:fill-surface-0\/80:active { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:fill-surface-0\/90:focus { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:fill-surface-0\/90:hover { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:fill-surface-0\/90:active { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:fill-surface-50:focus { + fill: var(--surface-50) + } + .lg\:hover\:fill-surface-50:hover { + fill: var(--surface-50) + } + .lg\:active\:fill-surface-50:active { + fill: var(--surface-50) + } + .lg\:focus\:fill-surface-50\/10:focus { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:fill-surface-50\/10:hover { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:fill-surface-50\/10:active { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:fill-surface-50\/20:focus { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:fill-surface-50\/20:hover { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:fill-surface-50\/20:active { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:fill-surface-50\/30:focus { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:fill-surface-50\/30:hover { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:fill-surface-50\/30:active { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:fill-surface-50\/40:focus { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:fill-surface-50\/40:hover { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:fill-surface-50\/40:active { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:fill-surface-50\/50:focus { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:fill-surface-50\/50:hover { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:fill-surface-50\/50:active { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:fill-surface-50\/60:focus { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:fill-surface-50\/60:hover { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:fill-surface-50\/60:active { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:fill-surface-50\/70:focus { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:fill-surface-50\/70:hover { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:fill-surface-50\/70:active { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:fill-surface-50\/80:focus { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:fill-surface-50\/80:hover { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:fill-surface-50\/80:active { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:fill-surface-50\/90:focus { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:fill-surface-50\/90:hover { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:fill-surface-50\/90:active { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:fill-surface-100:focus { + fill: var(--surface-100) + } + .lg\:hover\:fill-surface-100:hover { + fill: var(--surface-100) + } + .lg\:active\:fill-surface-100:active { + fill: var(--surface-100) + } + .lg\:focus\:fill-surface-100\/10:focus { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:fill-surface-100\/10:hover { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:fill-surface-100\/10:active { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:fill-surface-100\/20:focus { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:fill-surface-100\/20:hover { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:fill-surface-100\/20:active { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:fill-surface-100\/30:focus { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:fill-surface-100\/30:hover { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:fill-surface-100\/30:active { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:fill-surface-100\/40:focus { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:fill-surface-100\/40:hover { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:fill-surface-100\/40:active { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:fill-surface-100\/50:focus { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:fill-surface-100\/50:hover { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:fill-surface-100\/50:active { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:fill-surface-100\/60:focus { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:fill-surface-100\/60:hover { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:fill-surface-100\/60:active { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:fill-surface-100\/70:focus { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:fill-surface-100\/70:hover { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:fill-surface-100\/70:active { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:fill-surface-100\/80:focus { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:fill-surface-100\/80:hover { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:fill-surface-100\/80:active { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:fill-surface-100\/90:focus { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:fill-surface-100\/90:hover { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:fill-surface-100\/90:active { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:fill-surface-200:focus { + fill: var(--surface-200) + } + .lg\:hover\:fill-surface-200:hover { + fill: var(--surface-200) + } + .lg\:active\:fill-surface-200:active { + fill: var(--surface-200) + } + .lg\:focus\:fill-surface-200\/10:focus { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:fill-surface-200\/10:hover { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:fill-surface-200\/10:active { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:fill-surface-200\/20:focus { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:fill-surface-200\/20:hover { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:fill-surface-200\/20:active { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:fill-surface-200\/30:focus { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:fill-surface-200\/30:hover { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:fill-surface-200\/30:active { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:fill-surface-200\/40:focus { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:fill-surface-200\/40:hover { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:fill-surface-200\/40:active { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:fill-surface-200\/50:focus { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:fill-surface-200\/50:hover { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:fill-surface-200\/50:active { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:fill-surface-200\/60:focus { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:fill-surface-200\/60:hover { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:fill-surface-200\/60:active { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:fill-surface-200\/70:focus { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:fill-surface-200\/70:hover { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:fill-surface-200\/70:active { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:fill-surface-200\/80:focus { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:fill-surface-200\/80:hover { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:fill-surface-200\/80:active { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:fill-surface-200\/90:focus { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:fill-surface-200\/90:hover { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:fill-surface-200\/90:active { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:fill-surface-300:focus { + fill: var(--surface-300) + } + .lg\:hover\:fill-surface-300:hover { + fill: var(--surface-300) + } + .lg\:active\:fill-surface-300:active { + fill: var(--surface-300) + } + .lg\:focus\:fill-surface-300\/10:focus { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:fill-surface-300\/10:hover { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:fill-surface-300\/10:active { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:fill-surface-300\/20:focus { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:fill-surface-300\/20:hover { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:fill-surface-300\/20:active { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:fill-surface-300\/30:focus { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:fill-surface-300\/30:hover { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:fill-surface-300\/30:active { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:fill-surface-300\/40:focus { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:fill-surface-300\/40:hover { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:fill-surface-300\/40:active { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:fill-surface-300\/50:focus { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:fill-surface-300\/50:hover { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:fill-surface-300\/50:active { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:fill-surface-300\/60:focus { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:fill-surface-300\/60:hover { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:fill-surface-300\/60:active { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:fill-surface-300\/70:focus { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:fill-surface-300\/70:hover { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:fill-surface-300\/70:active { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:fill-surface-300\/80:focus { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:fill-surface-300\/80:hover { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:fill-surface-300\/80:active { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:fill-surface-300\/90:focus { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:fill-surface-300\/90:hover { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:fill-surface-300\/90:active { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:fill-surface-400:focus { + fill: var(--surface-400) + } + .lg\:hover\:fill-surface-400:hover { + fill: var(--surface-400) + } + .lg\:active\:fill-surface-400:active { + fill: var(--surface-400) + } + .lg\:focus\:fill-surface-400\/10:focus { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:fill-surface-400\/10:hover { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:fill-surface-400\/10:active { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:fill-surface-400\/20:focus { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:fill-surface-400\/20:hover { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:fill-surface-400\/20:active { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:fill-surface-400\/30:focus { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:fill-surface-400\/30:hover { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:fill-surface-400\/30:active { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:fill-surface-400\/40:focus { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:fill-surface-400\/40:hover { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:fill-surface-400\/40:active { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:fill-surface-400\/50:focus { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:fill-surface-400\/50:hover { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:fill-surface-400\/50:active { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:fill-surface-400\/60:focus { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:fill-surface-400\/60:hover { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:fill-surface-400\/60:active { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:fill-surface-400\/70:focus { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:fill-surface-400\/70:hover { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:fill-surface-400\/70:active { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:fill-surface-400\/80:focus { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:fill-surface-400\/80:hover { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:fill-surface-400\/80:active { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:fill-surface-400\/90:focus { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:fill-surface-400\/90:hover { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:fill-surface-400\/90:active { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:fill-surface-500:focus { + fill: var(--surface-500) + } + .lg\:hover\:fill-surface-500:hover { + fill: var(--surface-500) + } + .lg\:active\:fill-surface-500:active { + fill: var(--surface-500) + } + .lg\:focus\:fill-surface-500\/10:focus { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:fill-surface-500\/10:hover { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:fill-surface-500\/10:active { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:fill-surface-500\/20:focus { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:fill-surface-500\/20:hover { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:fill-surface-500\/20:active { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:fill-surface-500\/30:focus { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:fill-surface-500\/30:hover { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:fill-surface-500\/30:active { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:fill-surface-500\/40:focus { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:fill-surface-500\/40:hover { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:fill-surface-500\/40:active { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:fill-surface-500\/50:focus { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:fill-surface-500\/50:hover { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:fill-surface-500\/50:active { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:fill-surface-500\/60:focus { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:fill-surface-500\/60:hover { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:fill-surface-500\/60:active { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:fill-surface-500\/70:focus { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:fill-surface-500\/70:hover { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:fill-surface-500\/70:active { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:fill-surface-500\/80:focus { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:fill-surface-500\/80:hover { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:fill-surface-500\/80:active { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:fill-surface-500\/90:focus { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:fill-surface-500\/90:hover { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:fill-surface-500\/90:active { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:fill-surface-600:focus { + fill: var(--surface-600) + } + .lg\:hover\:fill-surface-600:hover { + fill: var(--surface-600) + } + .lg\:active\:fill-surface-600:active { + fill: var(--surface-600) + } + .lg\:focus\:fill-surface-600\/10:focus { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:fill-surface-600\/10:hover { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:fill-surface-600\/10:active { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:fill-surface-600\/20:focus { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:fill-surface-600\/20:hover { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:fill-surface-600\/20:active { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:fill-surface-600\/30:focus { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:fill-surface-600\/30:hover { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:fill-surface-600\/30:active { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:fill-surface-600\/40:focus { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:fill-surface-600\/40:hover { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:fill-surface-600\/40:active { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:fill-surface-600\/50:focus { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:fill-surface-600\/50:hover { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:fill-surface-600\/50:active { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:fill-surface-600\/60:focus { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:fill-surface-600\/60:hover { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:fill-surface-600\/60:active { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:fill-surface-600\/70:focus { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:fill-surface-600\/70:hover { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:fill-surface-600\/70:active { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:fill-surface-600\/80:focus { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:fill-surface-600\/80:hover { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:fill-surface-600\/80:active { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:fill-surface-600\/90:focus { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:fill-surface-600\/90:hover { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:fill-surface-600\/90:active { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:fill-surface-700:focus { + fill: var(--surface-700) + } + .lg\:hover\:fill-surface-700:hover { + fill: var(--surface-700) + } + .lg\:active\:fill-surface-700:active { + fill: var(--surface-700) + } + .lg\:focus\:fill-surface-700\/10:focus { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:fill-surface-700\/10:hover { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:fill-surface-700\/10:active { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:fill-surface-700\/20:focus { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:fill-surface-700\/20:hover { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:fill-surface-700\/20:active { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:fill-surface-700\/30:focus { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:fill-surface-700\/30:hover { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:fill-surface-700\/30:active { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:fill-surface-700\/40:focus { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:fill-surface-700\/40:hover { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:fill-surface-700\/40:active { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:fill-surface-700\/50:focus { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:fill-surface-700\/50:hover { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:fill-surface-700\/50:active { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:fill-surface-700\/60:focus { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:fill-surface-700\/60:hover { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:fill-surface-700\/60:active { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:fill-surface-700\/70:focus { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:fill-surface-700\/70:hover { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:fill-surface-700\/70:active { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:fill-surface-700\/80:focus { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:fill-surface-700\/80:hover { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:fill-surface-700\/80:active { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:fill-surface-700\/90:focus { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:fill-surface-700\/90:hover { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:fill-surface-700\/90:active { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:fill-surface-800:focus { + fill: var(--surface-800) + } + .lg\:hover\:fill-surface-800:hover { + fill: var(--surface-800) + } + .lg\:active\:fill-surface-800:active { + fill: var(--surface-800) + } + .lg\:focus\:fill-surface-800\/10:focus { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:fill-surface-800\/10:hover { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:fill-surface-800\/10:active { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:fill-surface-800\/20:focus { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:fill-surface-800\/20:hover { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:fill-surface-800\/20:active { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:fill-surface-800\/30:focus { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:fill-surface-800\/30:hover { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:fill-surface-800\/30:active { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:fill-surface-800\/40:focus { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:fill-surface-800\/40:hover { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:fill-surface-800\/40:active { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:fill-surface-800\/50:focus { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:fill-surface-800\/50:hover { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:fill-surface-800\/50:active { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:fill-surface-800\/60:focus { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:fill-surface-800\/60:hover { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:fill-surface-800\/60:active { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:fill-surface-800\/70:focus { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:fill-surface-800\/70:hover { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:fill-surface-800\/70:active { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:fill-surface-800\/80:focus { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:fill-surface-800\/80:hover { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:fill-surface-800\/80:active { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:fill-surface-800\/90:focus { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:fill-surface-800\/90:hover { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:fill-surface-800\/90:active { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:fill-surface-900:focus { + fill: var(--surface-900) + } + .lg\:hover\:fill-surface-900:hover { + fill: var(--surface-900) + } + .lg\:active\:fill-surface-900:active { + fill: var(--surface-900) + } + .lg\:focus\:fill-surface-900\/10:focus { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:fill-surface-900\/10:hover { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:fill-surface-900\/10:active { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:fill-surface-900\/20:focus { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:fill-surface-900\/20:hover { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:fill-surface-900\/20:active { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:fill-surface-900\/30:focus { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:fill-surface-900\/30:hover { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:fill-surface-900\/30:active { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:fill-surface-900\/40:focus { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:fill-surface-900\/40:hover { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:fill-surface-900\/40:active { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:fill-surface-900\/50:focus { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:fill-surface-900\/50:hover { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:fill-surface-900\/50:active { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:fill-surface-900\/60:focus { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:fill-surface-900\/60:hover { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:fill-surface-900\/60:active { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:fill-surface-900\/70:focus { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:fill-surface-900\/70:hover { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:fill-surface-900\/70:active { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:fill-surface-900\/80:focus { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:fill-surface-900\/80:hover { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:fill-surface-900\/80:active { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:fill-surface-900\/90:focus { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:fill-surface-900\/90:hover { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:fill-surface-900\/90:active { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:fill-primary-50:focus { + fill: var(--primary-50) + } + .lg\:hover\:fill-primary-50:hover { + fill: var(--primary-50) + } + .lg\:active\:fill-primary-50:active { + fill: var(--primary-50) + } + .lg\:focus\:fill-primary-50\/10:focus { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:fill-primary-50\/10:hover { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:fill-primary-50\/10:active { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:fill-primary-50\/20:focus { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:fill-primary-50\/20:hover { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:fill-primary-50\/20:active { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:fill-primary-50\/30:focus { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:fill-primary-50\/30:hover { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:fill-primary-50\/30:active { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:fill-primary-50\/40:focus { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:fill-primary-50\/40:hover { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:fill-primary-50\/40:active { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:fill-primary-50\/50:focus { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:fill-primary-50\/50:hover { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:fill-primary-50\/50:active { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:fill-primary-50\/60:focus { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:fill-primary-50\/60:hover { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:fill-primary-50\/60:active { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:fill-primary-50\/70:focus { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:fill-primary-50\/70:hover { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:fill-primary-50\/70:active { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:fill-primary-50\/80:focus { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:fill-primary-50\/80:hover { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:fill-primary-50\/80:active { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:fill-primary-50\/90:focus { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:fill-primary-50\/90:hover { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:fill-primary-50\/90:active { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:fill-primary-100:focus { + fill: var(--primary-100) + } + .lg\:hover\:fill-primary-100:hover { + fill: var(--primary-100) + } + .lg\:active\:fill-primary-100:active { + fill: var(--primary-100) + } + .lg\:focus\:fill-primary-100\/10:focus { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:fill-primary-100\/10:hover { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:fill-primary-100\/10:active { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:fill-primary-100\/20:focus { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:fill-primary-100\/20:hover { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:fill-primary-100\/20:active { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:fill-primary-100\/30:focus { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:fill-primary-100\/30:hover { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:fill-primary-100\/30:active { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:fill-primary-100\/40:focus { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:fill-primary-100\/40:hover { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:fill-primary-100\/40:active { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:fill-primary-100\/50:focus { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:fill-primary-100\/50:hover { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:fill-primary-100\/50:active { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:fill-primary-100\/60:focus { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:fill-primary-100\/60:hover { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:fill-primary-100\/60:active { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:fill-primary-100\/70:focus { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:fill-primary-100\/70:hover { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:fill-primary-100\/70:active { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:fill-primary-100\/80:focus { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:fill-primary-100\/80:hover { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:fill-primary-100\/80:active { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:fill-primary-100\/90:focus { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:fill-primary-100\/90:hover { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:fill-primary-100\/90:active { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:fill-primary-200:focus { + fill: var(--primary-200) + } + .lg\:hover\:fill-primary-200:hover { + fill: var(--primary-200) + } + .lg\:active\:fill-primary-200:active { + fill: var(--primary-200) + } + .lg\:focus\:fill-primary-200\/10:focus { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:fill-primary-200\/10:hover { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:fill-primary-200\/10:active { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:fill-primary-200\/20:focus { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:fill-primary-200\/20:hover { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:fill-primary-200\/20:active { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:fill-primary-200\/30:focus { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:fill-primary-200\/30:hover { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:fill-primary-200\/30:active { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:fill-primary-200\/40:focus { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:fill-primary-200\/40:hover { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:fill-primary-200\/40:active { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:fill-primary-200\/50:focus { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:fill-primary-200\/50:hover { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:fill-primary-200\/50:active { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:fill-primary-200\/60:focus { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:fill-primary-200\/60:hover { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:fill-primary-200\/60:active { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:fill-primary-200\/70:focus { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:fill-primary-200\/70:hover { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:fill-primary-200\/70:active { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:fill-primary-200\/80:focus { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:fill-primary-200\/80:hover { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:fill-primary-200\/80:active { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:fill-primary-200\/90:focus { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:fill-primary-200\/90:hover { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:fill-primary-200\/90:active { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:fill-primary-300:focus { + fill: var(--primary-300) + } + .lg\:hover\:fill-primary-300:hover { + fill: var(--primary-300) + } + .lg\:active\:fill-primary-300:active { + fill: var(--primary-300) + } + .lg\:focus\:fill-primary-300\/10:focus { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:fill-primary-300\/10:hover { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:fill-primary-300\/10:active { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:fill-primary-300\/20:focus { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:fill-primary-300\/20:hover { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:fill-primary-300\/20:active { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:fill-primary-300\/30:focus { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:fill-primary-300\/30:hover { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:fill-primary-300\/30:active { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:fill-primary-300\/40:focus { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:fill-primary-300\/40:hover { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:fill-primary-300\/40:active { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:fill-primary-300\/50:focus { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:fill-primary-300\/50:hover { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:fill-primary-300\/50:active { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:fill-primary-300\/60:focus { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:fill-primary-300\/60:hover { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:fill-primary-300\/60:active { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:fill-primary-300\/70:focus { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:fill-primary-300\/70:hover { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:fill-primary-300\/70:active { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:fill-primary-300\/80:focus { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:fill-primary-300\/80:hover { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:fill-primary-300\/80:active { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:fill-primary-300\/90:focus { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:fill-primary-300\/90:hover { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:fill-primary-300\/90:active { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:fill-primary-400:focus { + fill: var(--primary-400) + } + .lg\:hover\:fill-primary-400:hover { + fill: var(--primary-400) + } + .lg\:active\:fill-primary-400:active { + fill: var(--primary-400) + } + .lg\:focus\:fill-primary-400\/10:focus { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:fill-primary-400\/10:hover { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:fill-primary-400\/10:active { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:fill-primary-400\/20:focus { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:fill-primary-400\/20:hover { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:fill-primary-400\/20:active { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:fill-primary-400\/30:focus { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:fill-primary-400\/30:hover { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:fill-primary-400\/30:active { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:fill-primary-400\/40:focus { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:fill-primary-400\/40:hover { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:fill-primary-400\/40:active { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:fill-primary-400\/50:focus { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:fill-primary-400\/50:hover { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:fill-primary-400\/50:active { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:fill-primary-400\/60:focus { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:fill-primary-400\/60:hover { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:fill-primary-400\/60:active { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:fill-primary-400\/70:focus { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:fill-primary-400\/70:hover { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:fill-primary-400\/70:active { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:fill-primary-400\/80:focus { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:fill-primary-400\/80:hover { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:fill-primary-400\/80:active { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:fill-primary-400\/90:focus { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:fill-primary-400\/90:hover { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:fill-primary-400\/90:active { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:fill-primary-500:focus { + fill: var(--primary-500) + } + .lg\:hover\:fill-primary-500:hover { + fill: var(--primary-500) + } + .lg\:active\:fill-primary-500:active { + fill: var(--primary-500) + } + .lg\:focus\:fill-primary-500\/10:focus { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:fill-primary-500\/10:hover { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:fill-primary-500\/10:active { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:fill-primary-500\/20:focus { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:fill-primary-500\/20:hover { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:fill-primary-500\/20:active { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:fill-primary-500\/30:focus { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:fill-primary-500\/30:hover { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:fill-primary-500\/30:active { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:fill-primary-500\/40:focus { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:fill-primary-500\/40:hover { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:fill-primary-500\/40:active { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:fill-primary-500\/50:focus { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:fill-primary-500\/50:hover { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:fill-primary-500\/50:active { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:fill-primary-500\/60:focus { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:fill-primary-500\/60:hover { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:fill-primary-500\/60:active { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:fill-primary-500\/70:focus { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:fill-primary-500\/70:hover { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:fill-primary-500\/70:active { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:fill-primary-500\/80:focus { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:fill-primary-500\/80:hover { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:fill-primary-500\/80:active { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:fill-primary-500\/90:focus { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:fill-primary-500\/90:hover { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:fill-primary-500\/90:active { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:fill-primary-600:focus { + fill: var(--primary-600) + } + .lg\:hover\:fill-primary-600:hover { + fill: var(--primary-600) + } + .lg\:active\:fill-primary-600:active { + fill: var(--primary-600) + } + .lg\:focus\:fill-primary-600\/10:focus { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:fill-primary-600\/10:hover { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:fill-primary-600\/10:active { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:fill-primary-600\/20:focus { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:fill-primary-600\/20:hover { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:fill-primary-600\/20:active { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:fill-primary-600\/30:focus { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:fill-primary-600\/30:hover { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:fill-primary-600\/30:active { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:fill-primary-600\/40:focus { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:fill-primary-600\/40:hover { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:fill-primary-600\/40:active { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:fill-primary-600\/50:focus { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:fill-primary-600\/50:hover { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:fill-primary-600\/50:active { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:fill-primary-600\/60:focus { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:fill-primary-600\/60:hover { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:fill-primary-600\/60:active { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:fill-primary-600\/70:focus { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:fill-primary-600\/70:hover { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:fill-primary-600\/70:active { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:fill-primary-600\/80:focus { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:fill-primary-600\/80:hover { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:fill-primary-600\/80:active { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:fill-primary-600\/90:focus { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:fill-primary-600\/90:hover { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:fill-primary-600\/90:active { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:fill-primary-700:focus { + fill: var(--primary-700) + } + .lg\:hover\:fill-primary-700:hover { + fill: var(--primary-700) + } + .lg\:active\:fill-primary-700:active { + fill: var(--primary-700) + } + .lg\:focus\:fill-primary-700\/10:focus { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:fill-primary-700\/10:hover { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:fill-primary-700\/10:active { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:fill-primary-700\/20:focus { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:fill-primary-700\/20:hover { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:fill-primary-700\/20:active { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:fill-primary-700\/30:focus { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:fill-primary-700\/30:hover { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:fill-primary-700\/30:active { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:fill-primary-700\/40:focus { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:fill-primary-700\/40:hover { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:fill-primary-700\/40:active { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:fill-primary-700\/50:focus { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:fill-primary-700\/50:hover { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:fill-primary-700\/50:active { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:fill-primary-700\/60:focus { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:fill-primary-700\/60:hover { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:fill-primary-700\/60:active { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:fill-primary-700\/70:focus { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:fill-primary-700\/70:hover { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:fill-primary-700\/70:active { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:fill-primary-700\/80:focus { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:fill-primary-700\/80:hover { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:fill-primary-700\/80:active { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:fill-primary-700\/90:focus { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:fill-primary-700\/90:hover { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:fill-primary-700\/90:active { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:fill-primary-800:focus { + fill: var(--primary-800) + } + .lg\:hover\:fill-primary-800:hover { + fill: var(--primary-800) + } + .lg\:active\:fill-primary-800:active { + fill: var(--primary-800) + } + .lg\:focus\:fill-primary-800\/10:focus { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:fill-primary-800\/10:hover { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:fill-primary-800\/10:active { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:fill-primary-800\/20:focus { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:fill-primary-800\/20:hover { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:fill-primary-800\/20:active { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:fill-primary-800\/30:focus { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:fill-primary-800\/30:hover { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:fill-primary-800\/30:active { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:fill-primary-800\/40:focus { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:fill-primary-800\/40:hover { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:fill-primary-800\/40:active { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:fill-primary-800\/50:focus { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:fill-primary-800\/50:hover { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:fill-primary-800\/50:active { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:fill-primary-800\/60:focus { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:fill-primary-800\/60:hover { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:fill-primary-800\/60:active { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:fill-primary-800\/70:focus { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:fill-primary-800\/70:hover { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:fill-primary-800\/70:active { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:fill-primary-800\/80:focus { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:fill-primary-800\/80:hover { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:fill-primary-800\/80:active { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:fill-primary-800\/90:focus { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:fill-primary-800\/90:hover { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:fill-primary-800\/90:active { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:fill-primary-900:focus { + fill: var(--primary-900) + } + .lg\:hover\:fill-primary-900:hover { + fill: var(--primary-900) + } + .lg\:active\:fill-primary-900:active { + fill: var(--primary-900) + } + .lg\:focus\:fill-primary-900\/10:focus { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:fill-primary-900\/10:hover { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:fill-primary-900\/10:active { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:fill-primary-900\/20:focus { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:fill-primary-900\/20:hover { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:fill-primary-900\/20:active { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:fill-primary-900\/30:focus { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:fill-primary-900\/30:hover { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:fill-primary-900\/30:active { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:fill-primary-900\/40:focus { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:fill-primary-900\/40:hover { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:fill-primary-900\/40:active { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:fill-primary-900\/50:focus { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:fill-primary-900\/50:hover { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:fill-primary-900\/50:active { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:fill-primary-900\/60:focus { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:fill-primary-900\/60:hover { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:fill-primary-900\/60:active { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:fill-primary-900\/70:focus { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:fill-primary-900\/70:hover { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:fill-primary-900\/70:active { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:fill-primary-900\/80:focus { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:fill-primary-900\/80:hover { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:fill-primary-900\/80:active { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:fill-primary-900\/90:focus { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:fill-primary-900\/90:hover { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:fill-primary-900\/90:active { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:fill-blue-50 { + fill: var(--blue-50) + } + .xl\:fill-blue-50\/10 { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:fill-blue-50\/20 { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:fill-blue-50\/30 { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:fill-blue-50\/40 { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:fill-blue-50\/50 { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:fill-blue-50\/60 { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:fill-blue-50\/70 { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:fill-blue-50\/80 { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:fill-blue-50\/90 { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:fill-blue-100 { + fill: var(--blue-100) + } + .xl\:fill-blue-100\/10 { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:fill-blue-100\/20 { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:fill-blue-100\/30 { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:fill-blue-100\/40 { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:fill-blue-100\/50 { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:fill-blue-100\/60 { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:fill-blue-100\/70 { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:fill-blue-100\/80 { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:fill-blue-100\/90 { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:fill-blue-200 { + fill: var(--blue-200) + } + .xl\:fill-blue-200\/10 { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:fill-blue-200\/20 { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:fill-blue-200\/30 { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:fill-blue-200\/40 { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:fill-blue-200\/50 { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:fill-blue-200\/60 { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:fill-blue-200\/70 { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:fill-blue-200\/80 { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:fill-blue-200\/90 { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:fill-blue-300 { + fill: var(--blue-300) + } + .xl\:fill-blue-300\/10 { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:fill-blue-300\/20 { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:fill-blue-300\/30 { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:fill-blue-300\/40 { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:fill-blue-300\/50 { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:fill-blue-300\/60 { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:fill-blue-300\/70 { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:fill-blue-300\/80 { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:fill-blue-300\/90 { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:fill-blue-400 { + fill: var(--blue-400) + } + .xl\:fill-blue-400\/10 { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:fill-blue-400\/20 { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:fill-blue-400\/30 { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:fill-blue-400\/40 { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:fill-blue-400\/50 { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:fill-blue-400\/60 { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:fill-blue-400\/70 { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:fill-blue-400\/80 { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:fill-blue-400\/90 { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:fill-blue-500 { + fill: var(--blue-500) + } + .xl\:fill-blue-500\/10 { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:fill-blue-500\/20 { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:fill-blue-500\/30 { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:fill-blue-500\/40 { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:fill-blue-500\/50 { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:fill-blue-500\/60 { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:fill-blue-500\/70 { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:fill-blue-500\/80 { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:fill-blue-500\/90 { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:fill-blue-600 { + fill: var(--blue-600) + } + .xl\:fill-blue-600\/10 { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:fill-blue-600\/20 { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:fill-blue-600\/30 { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:fill-blue-600\/40 { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:fill-blue-600\/50 { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:fill-blue-600\/60 { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:fill-blue-600\/70 { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:fill-blue-600\/80 { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:fill-blue-600\/90 { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:fill-blue-700 { + fill: var(--blue-700) + } + .xl\:fill-blue-700\/10 { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:fill-blue-700\/20 { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:fill-blue-700\/30 { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:fill-blue-700\/40 { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:fill-blue-700\/50 { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:fill-blue-700\/60 { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:fill-blue-700\/70 { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:fill-blue-700\/80 { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:fill-blue-700\/90 { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:fill-blue-800 { + fill: var(--blue-800) + } + .xl\:fill-blue-800\/10 { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:fill-blue-800\/20 { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:fill-blue-800\/30 { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:fill-blue-800\/40 { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:fill-blue-800\/50 { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:fill-blue-800\/60 { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:fill-blue-800\/70 { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:fill-blue-800\/80 { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:fill-blue-800\/90 { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:fill-blue-900 { + fill: var(--blue-900) + } + .xl\:fill-blue-900\/10 { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:fill-blue-900\/20 { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:fill-blue-900\/30 { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:fill-blue-900\/40 { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:fill-blue-900\/50 { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:fill-blue-900\/60 { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:fill-blue-900\/70 { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:fill-blue-900\/80 { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:fill-blue-900\/90 { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:fill-green-50 { + fill: var(--green-50) + } + .xl\:fill-green-50\/10 { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:fill-green-50\/20 { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:fill-green-50\/30 { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:fill-green-50\/40 { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:fill-green-50\/50 { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:fill-green-50\/60 { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:fill-green-50\/70 { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:fill-green-50\/80 { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:fill-green-50\/90 { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:fill-green-100 { + fill: var(--green-100) + } + .xl\:fill-green-100\/10 { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:fill-green-100\/20 { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:fill-green-100\/30 { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:fill-green-100\/40 { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:fill-green-100\/50 { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:fill-green-100\/60 { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:fill-green-100\/70 { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:fill-green-100\/80 { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:fill-green-100\/90 { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:fill-green-200 { + fill: var(--green-200) + } + .xl\:fill-green-200\/10 { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:fill-green-200\/20 { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:fill-green-200\/30 { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:fill-green-200\/40 { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:fill-green-200\/50 { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:fill-green-200\/60 { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:fill-green-200\/70 { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:fill-green-200\/80 { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:fill-green-200\/90 { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:fill-green-300 { + fill: var(--green-300) + } + .xl\:fill-green-300\/10 { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:fill-green-300\/20 { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:fill-green-300\/30 { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:fill-green-300\/40 { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:fill-green-300\/50 { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:fill-green-300\/60 { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:fill-green-300\/70 { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:fill-green-300\/80 { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:fill-green-300\/90 { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:fill-green-400 { + fill: var(--green-400) + } + .xl\:fill-green-400\/10 { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:fill-green-400\/20 { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:fill-green-400\/30 { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:fill-green-400\/40 { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:fill-green-400\/50 { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:fill-green-400\/60 { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:fill-green-400\/70 { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:fill-green-400\/80 { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:fill-green-400\/90 { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:fill-green-500 { + fill: var(--green-500) + } + .xl\:fill-green-500\/10 { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:fill-green-500\/20 { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:fill-green-500\/30 { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:fill-green-500\/40 { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:fill-green-500\/50 { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:fill-green-500\/60 { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:fill-green-500\/70 { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:fill-green-500\/80 { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:fill-green-500\/90 { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:fill-green-600 { + fill: var(--green-600) + } + .xl\:fill-green-600\/10 { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:fill-green-600\/20 { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:fill-green-600\/30 { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:fill-green-600\/40 { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:fill-green-600\/50 { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:fill-green-600\/60 { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:fill-green-600\/70 { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:fill-green-600\/80 { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:fill-green-600\/90 { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:fill-green-700 { + fill: var(--green-700) + } + .xl\:fill-green-700\/10 { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:fill-green-700\/20 { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:fill-green-700\/30 { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:fill-green-700\/40 { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:fill-green-700\/50 { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:fill-green-700\/60 { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:fill-green-700\/70 { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:fill-green-700\/80 { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:fill-green-700\/90 { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:fill-green-800 { + fill: var(--green-800) + } + .xl\:fill-green-800\/10 { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:fill-green-800\/20 { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:fill-green-800\/30 { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:fill-green-800\/40 { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:fill-green-800\/50 { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:fill-green-800\/60 { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:fill-green-800\/70 { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:fill-green-800\/80 { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:fill-green-800\/90 { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:fill-green-900 { + fill: var(--green-900) + } + .xl\:fill-green-900\/10 { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:fill-green-900\/20 { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:fill-green-900\/30 { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:fill-green-900\/40 { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:fill-green-900\/50 { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:fill-green-900\/60 { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:fill-green-900\/70 { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:fill-green-900\/80 { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:fill-green-900\/90 { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:fill-yellow-50 { + fill: var(--yellow-50) + } + .xl\:fill-yellow-50\/10 { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:fill-yellow-50\/20 { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:fill-yellow-50\/30 { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:fill-yellow-50\/40 { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:fill-yellow-50\/50 { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:fill-yellow-50\/60 { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:fill-yellow-50\/70 { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:fill-yellow-50\/80 { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:fill-yellow-50\/90 { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:fill-yellow-100 { + fill: var(--yellow-100) + } + .xl\:fill-yellow-100\/10 { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:fill-yellow-100\/20 { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:fill-yellow-100\/30 { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:fill-yellow-100\/40 { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:fill-yellow-100\/50 { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:fill-yellow-100\/60 { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:fill-yellow-100\/70 { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:fill-yellow-100\/80 { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:fill-yellow-100\/90 { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:fill-yellow-200 { + fill: var(--yellow-200) + } + .xl\:fill-yellow-200\/10 { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:fill-yellow-200\/20 { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:fill-yellow-200\/30 { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:fill-yellow-200\/40 { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:fill-yellow-200\/50 { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:fill-yellow-200\/60 { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:fill-yellow-200\/70 { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:fill-yellow-200\/80 { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:fill-yellow-200\/90 { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:fill-yellow-300 { + fill: var(--yellow-300) + } + .xl\:fill-yellow-300\/10 { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:fill-yellow-300\/20 { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:fill-yellow-300\/30 { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:fill-yellow-300\/40 { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:fill-yellow-300\/50 { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:fill-yellow-300\/60 { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:fill-yellow-300\/70 { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:fill-yellow-300\/80 { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:fill-yellow-300\/90 { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:fill-yellow-400 { + fill: var(--yellow-400) + } + .xl\:fill-yellow-400\/10 { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:fill-yellow-400\/20 { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:fill-yellow-400\/30 { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:fill-yellow-400\/40 { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:fill-yellow-400\/50 { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:fill-yellow-400\/60 { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:fill-yellow-400\/70 { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:fill-yellow-400\/80 { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:fill-yellow-400\/90 { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:fill-yellow-500 { + fill: var(--yellow-500) + } + .xl\:fill-yellow-500\/10 { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:fill-yellow-500\/20 { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:fill-yellow-500\/30 { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:fill-yellow-500\/40 { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:fill-yellow-500\/50 { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:fill-yellow-500\/60 { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:fill-yellow-500\/70 { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:fill-yellow-500\/80 { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:fill-yellow-500\/90 { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:fill-yellow-600 { + fill: var(--yellow-600) + } + .xl\:fill-yellow-600\/10 { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:fill-yellow-600\/20 { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:fill-yellow-600\/30 { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:fill-yellow-600\/40 { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:fill-yellow-600\/50 { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:fill-yellow-600\/60 { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:fill-yellow-600\/70 { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:fill-yellow-600\/80 { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:fill-yellow-600\/90 { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:fill-yellow-700 { + fill: var(--yellow-700) + } + .xl\:fill-yellow-700\/10 { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:fill-yellow-700\/20 { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:fill-yellow-700\/30 { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:fill-yellow-700\/40 { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:fill-yellow-700\/50 { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:fill-yellow-700\/60 { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:fill-yellow-700\/70 { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:fill-yellow-700\/80 { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:fill-yellow-700\/90 { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:fill-yellow-800 { + fill: var(--yellow-800) + } + .xl\:fill-yellow-800\/10 { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:fill-yellow-800\/20 { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:fill-yellow-800\/30 { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:fill-yellow-800\/40 { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:fill-yellow-800\/50 { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:fill-yellow-800\/60 { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:fill-yellow-800\/70 { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:fill-yellow-800\/80 { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:fill-yellow-800\/90 { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:fill-yellow-900 { + fill: var(--yellow-900) + } + .xl\:fill-yellow-900\/10 { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:fill-yellow-900\/20 { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:fill-yellow-900\/30 { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:fill-yellow-900\/40 { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:fill-yellow-900\/50 { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:fill-yellow-900\/60 { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:fill-yellow-900\/70 { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:fill-yellow-900\/80 { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:fill-yellow-900\/90 { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:fill-cyan-50 { + fill: var(--cyan-50) + } + .xl\:fill-cyan-50\/10 { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:fill-cyan-50\/20 { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:fill-cyan-50\/30 { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:fill-cyan-50\/40 { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:fill-cyan-50\/50 { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:fill-cyan-50\/60 { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:fill-cyan-50\/70 { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:fill-cyan-50\/80 { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:fill-cyan-50\/90 { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:fill-cyan-100 { + fill: var(--cyan-100) + } + .xl\:fill-cyan-100\/10 { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:fill-cyan-100\/20 { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:fill-cyan-100\/30 { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:fill-cyan-100\/40 { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:fill-cyan-100\/50 { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:fill-cyan-100\/60 { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:fill-cyan-100\/70 { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:fill-cyan-100\/80 { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:fill-cyan-100\/90 { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:fill-cyan-200 { + fill: var(--cyan-200) + } + .xl\:fill-cyan-200\/10 { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:fill-cyan-200\/20 { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:fill-cyan-200\/30 { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:fill-cyan-200\/40 { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:fill-cyan-200\/50 { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:fill-cyan-200\/60 { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:fill-cyan-200\/70 { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:fill-cyan-200\/80 { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:fill-cyan-200\/90 { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:fill-cyan-300 { + fill: var(--cyan-300) + } + .xl\:fill-cyan-300\/10 { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:fill-cyan-300\/20 { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:fill-cyan-300\/30 { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:fill-cyan-300\/40 { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:fill-cyan-300\/50 { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:fill-cyan-300\/60 { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:fill-cyan-300\/70 { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:fill-cyan-300\/80 { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:fill-cyan-300\/90 { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:fill-cyan-400 { + fill: var(--cyan-400) + } + .xl\:fill-cyan-400\/10 { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:fill-cyan-400\/20 { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:fill-cyan-400\/30 { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:fill-cyan-400\/40 { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:fill-cyan-400\/50 { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:fill-cyan-400\/60 { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:fill-cyan-400\/70 { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:fill-cyan-400\/80 { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:fill-cyan-400\/90 { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:fill-cyan-500 { + fill: var(--cyan-500) + } + .xl\:fill-cyan-500\/10 { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:fill-cyan-500\/20 { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:fill-cyan-500\/30 { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:fill-cyan-500\/40 { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:fill-cyan-500\/50 { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:fill-cyan-500\/60 { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:fill-cyan-500\/70 { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:fill-cyan-500\/80 { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:fill-cyan-500\/90 { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:fill-cyan-600 { + fill: var(--cyan-600) + } + .xl\:fill-cyan-600\/10 { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:fill-cyan-600\/20 { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:fill-cyan-600\/30 { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:fill-cyan-600\/40 { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:fill-cyan-600\/50 { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:fill-cyan-600\/60 { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:fill-cyan-600\/70 { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:fill-cyan-600\/80 { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:fill-cyan-600\/90 { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:fill-cyan-700 { + fill: var(--cyan-700) + } + .xl\:fill-cyan-700\/10 { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:fill-cyan-700\/20 { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:fill-cyan-700\/30 { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:fill-cyan-700\/40 { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:fill-cyan-700\/50 { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:fill-cyan-700\/60 { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:fill-cyan-700\/70 { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:fill-cyan-700\/80 { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:fill-cyan-700\/90 { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:fill-cyan-800 { + fill: var(--cyan-800) + } + .xl\:fill-cyan-800\/10 { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:fill-cyan-800\/20 { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:fill-cyan-800\/30 { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:fill-cyan-800\/40 { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:fill-cyan-800\/50 { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:fill-cyan-800\/60 { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:fill-cyan-800\/70 { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:fill-cyan-800\/80 { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:fill-cyan-800\/90 { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:fill-cyan-900 { + fill: var(--cyan-900) + } + .xl\:fill-cyan-900\/10 { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:fill-cyan-900\/20 { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:fill-cyan-900\/30 { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:fill-cyan-900\/40 { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:fill-cyan-900\/50 { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:fill-cyan-900\/60 { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:fill-cyan-900\/70 { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:fill-cyan-900\/80 { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:fill-cyan-900\/90 { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:fill-pink-50 { + fill: var(--pink-50) + } + .xl\:fill-pink-50\/10 { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:fill-pink-50\/20 { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:fill-pink-50\/30 { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:fill-pink-50\/40 { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:fill-pink-50\/50 { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:fill-pink-50\/60 { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:fill-pink-50\/70 { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:fill-pink-50\/80 { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:fill-pink-50\/90 { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:fill-pink-100 { + fill: var(--pink-100) + } + .xl\:fill-pink-100\/10 { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:fill-pink-100\/20 { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:fill-pink-100\/30 { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:fill-pink-100\/40 { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:fill-pink-100\/50 { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:fill-pink-100\/60 { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:fill-pink-100\/70 { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:fill-pink-100\/80 { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:fill-pink-100\/90 { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:fill-pink-200 { + fill: var(--pink-200) + } + .xl\:fill-pink-200\/10 { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:fill-pink-200\/20 { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:fill-pink-200\/30 { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:fill-pink-200\/40 { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:fill-pink-200\/50 { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:fill-pink-200\/60 { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:fill-pink-200\/70 { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:fill-pink-200\/80 { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:fill-pink-200\/90 { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:fill-pink-300 { + fill: var(--pink-300) + } + .xl\:fill-pink-300\/10 { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:fill-pink-300\/20 { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:fill-pink-300\/30 { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:fill-pink-300\/40 { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:fill-pink-300\/50 { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:fill-pink-300\/60 { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:fill-pink-300\/70 { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:fill-pink-300\/80 { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:fill-pink-300\/90 { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:fill-pink-400 { + fill: var(--pink-400) + } + .xl\:fill-pink-400\/10 { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:fill-pink-400\/20 { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:fill-pink-400\/30 { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:fill-pink-400\/40 { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:fill-pink-400\/50 { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:fill-pink-400\/60 { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:fill-pink-400\/70 { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:fill-pink-400\/80 { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:fill-pink-400\/90 { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:fill-pink-500 { + fill: var(--pink-500) + } + .xl\:fill-pink-500\/10 { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:fill-pink-500\/20 { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:fill-pink-500\/30 { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:fill-pink-500\/40 { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:fill-pink-500\/50 { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:fill-pink-500\/60 { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:fill-pink-500\/70 { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:fill-pink-500\/80 { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:fill-pink-500\/90 { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:fill-pink-600 { + fill: var(--pink-600) + } + .xl\:fill-pink-600\/10 { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:fill-pink-600\/20 { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:fill-pink-600\/30 { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:fill-pink-600\/40 { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:fill-pink-600\/50 { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:fill-pink-600\/60 { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:fill-pink-600\/70 { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:fill-pink-600\/80 { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:fill-pink-600\/90 { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:fill-pink-700 { + fill: var(--pink-700) + } + .xl\:fill-pink-700\/10 { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:fill-pink-700\/20 { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:fill-pink-700\/30 { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:fill-pink-700\/40 { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:fill-pink-700\/50 { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:fill-pink-700\/60 { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:fill-pink-700\/70 { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:fill-pink-700\/80 { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:fill-pink-700\/90 { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:fill-pink-800 { + fill: var(--pink-800) + } + .xl\:fill-pink-800\/10 { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:fill-pink-800\/20 { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:fill-pink-800\/30 { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:fill-pink-800\/40 { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:fill-pink-800\/50 { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:fill-pink-800\/60 { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:fill-pink-800\/70 { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:fill-pink-800\/80 { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:fill-pink-800\/90 { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:fill-pink-900 { + fill: var(--pink-900) + } + .xl\:fill-pink-900\/10 { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:fill-pink-900\/20 { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:fill-pink-900\/30 { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:fill-pink-900\/40 { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:fill-pink-900\/50 { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:fill-pink-900\/60 { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:fill-pink-900\/70 { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:fill-pink-900\/80 { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:fill-pink-900\/90 { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:fill-indigo-50 { + fill: var(--indigo-50) + } + .xl\:fill-indigo-50\/10 { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:fill-indigo-50\/20 { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:fill-indigo-50\/30 { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:fill-indigo-50\/40 { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:fill-indigo-50\/50 { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:fill-indigo-50\/60 { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:fill-indigo-50\/70 { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:fill-indigo-50\/80 { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:fill-indigo-50\/90 { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:fill-indigo-100 { + fill: var(--indigo-100) + } + .xl\:fill-indigo-100\/10 { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:fill-indigo-100\/20 { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:fill-indigo-100\/30 { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:fill-indigo-100\/40 { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:fill-indigo-100\/50 { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:fill-indigo-100\/60 { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:fill-indigo-100\/70 { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:fill-indigo-100\/80 { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:fill-indigo-100\/90 { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:fill-indigo-200 { + fill: var(--indigo-200) + } + .xl\:fill-indigo-200\/10 { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:fill-indigo-200\/20 { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:fill-indigo-200\/30 { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:fill-indigo-200\/40 { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:fill-indigo-200\/50 { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:fill-indigo-200\/60 { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:fill-indigo-200\/70 { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:fill-indigo-200\/80 { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:fill-indigo-200\/90 { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:fill-indigo-300 { + fill: var(--indigo-300) + } + .xl\:fill-indigo-300\/10 { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:fill-indigo-300\/20 { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:fill-indigo-300\/30 { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:fill-indigo-300\/40 { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:fill-indigo-300\/50 { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:fill-indigo-300\/60 { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:fill-indigo-300\/70 { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:fill-indigo-300\/80 { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:fill-indigo-300\/90 { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:fill-indigo-400 { + fill: var(--indigo-400) + } + .xl\:fill-indigo-400\/10 { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:fill-indigo-400\/20 { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:fill-indigo-400\/30 { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:fill-indigo-400\/40 { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:fill-indigo-400\/50 { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:fill-indigo-400\/60 { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:fill-indigo-400\/70 { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:fill-indigo-400\/80 { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:fill-indigo-400\/90 { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:fill-indigo-500 { + fill: var(--indigo-500) + } + .xl\:fill-indigo-500\/10 { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:fill-indigo-500\/20 { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:fill-indigo-500\/30 { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:fill-indigo-500\/40 { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:fill-indigo-500\/50 { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:fill-indigo-500\/60 { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:fill-indigo-500\/70 { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:fill-indigo-500\/80 { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:fill-indigo-500\/90 { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:fill-indigo-600 { + fill: var(--indigo-600) + } + .xl\:fill-indigo-600\/10 { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:fill-indigo-600\/20 { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:fill-indigo-600\/30 { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:fill-indigo-600\/40 { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:fill-indigo-600\/50 { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:fill-indigo-600\/60 { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:fill-indigo-600\/70 { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:fill-indigo-600\/80 { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:fill-indigo-600\/90 { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:fill-indigo-700 { + fill: var(--indigo-700) + } + .xl\:fill-indigo-700\/10 { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:fill-indigo-700\/20 { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:fill-indigo-700\/30 { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:fill-indigo-700\/40 { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:fill-indigo-700\/50 { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:fill-indigo-700\/60 { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:fill-indigo-700\/70 { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:fill-indigo-700\/80 { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:fill-indigo-700\/90 { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:fill-indigo-800 { + fill: var(--indigo-800) + } + .xl\:fill-indigo-800\/10 { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:fill-indigo-800\/20 { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:fill-indigo-800\/30 { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:fill-indigo-800\/40 { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:fill-indigo-800\/50 { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:fill-indigo-800\/60 { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:fill-indigo-800\/70 { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:fill-indigo-800\/80 { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:fill-indigo-800\/90 { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:fill-indigo-900 { + fill: var(--indigo-900) + } + .xl\:fill-indigo-900\/10 { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:fill-indigo-900\/20 { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:fill-indigo-900\/30 { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:fill-indigo-900\/40 { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:fill-indigo-900\/50 { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:fill-indigo-900\/60 { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:fill-indigo-900\/70 { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:fill-indigo-900\/80 { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:fill-indigo-900\/90 { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:fill-teal-50 { + fill: var(--teal-50) + } + .xl\:fill-teal-50\/10 { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:fill-teal-50\/20 { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:fill-teal-50\/30 { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:fill-teal-50\/40 { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:fill-teal-50\/50 { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:fill-teal-50\/60 { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:fill-teal-50\/70 { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:fill-teal-50\/80 { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:fill-teal-50\/90 { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:fill-teal-100 { + fill: var(--teal-100) + } + .xl\:fill-teal-100\/10 { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:fill-teal-100\/20 { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:fill-teal-100\/30 { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:fill-teal-100\/40 { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:fill-teal-100\/50 { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:fill-teal-100\/60 { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:fill-teal-100\/70 { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:fill-teal-100\/80 { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:fill-teal-100\/90 { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:fill-teal-200 { + fill: var(--teal-200) + } + .xl\:fill-teal-200\/10 { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:fill-teal-200\/20 { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:fill-teal-200\/30 { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:fill-teal-200\/40 { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:fill-teal-200\/50 { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:fill-teal-200\/60 { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:fill-teal-200\/70 { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:fill-teal-200\/80 { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:fill-teal-200\/90 { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:fill-teal-300 { + fill: var(--teal-300) + } + .xl\:fill-teal-300\/10 { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:fill-teal-300\/20 { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:fill-teal-300\/30 { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:fill-teal-300\/40 { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:fill-teal-300\/50 { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:fill-teal-300\/60 { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:fill-teal-300\/70 { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:fill-teal-300\/80 { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:fill-teal-300\/90 { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:fill-teal-400 { + fill: var(--teal-400) + } + .xl\:fill-teal-400\/10 { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:fill-teal-400\/20 { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:fill-teal-400\/30 { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:fill-teal-400\/40 { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:fill-teal-400\/50 { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:fill-teal-400\/60 { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:fill-teal-400\/70 { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:fill-teal-400\/80 { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:fill-teal-400\/90 { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:fill-teal-500 { + fill: var(--teal-500) + } + .xl\:fill-teal-500\/10 { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:fill-teal-500\/20 { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:fill-teal-500\/30 { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:fill-teal-500\/40 { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:fill-teal-500\/50 { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:fill-teal-500\/60 { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:fill-teal-500\/70 { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:fill-teal-500\/80 { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:fill-teal-500\/90 { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:fill-teal-600 { + fill: var(--teal-600) + } + .xl\:fill-teal-600\/10 { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:fill-teal-600\/20 { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:fill-teal-600\/30 { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:fill-teal-600\/40 { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:fill-teal-600\/50 { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:fill-teal-600\/60 { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:fill-teal-600\/70 { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:fill-teal-600\/80 { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:fill-teal-600\/90 { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:fill-teal-700 { + fill: var(--teal-700) + } + .xl\:fill-teal-700\/10 { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:fill-teal-700\/20 { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:fill-teal-700\/30 { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:fill-teal-700\/40 { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:fill-teal-700\/50 { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:fill-teal-700\/60 { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:fill-teal-700\/70 { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:fill-teal-700\/80 { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:fill-teal-700\/90 { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:fill-teal-800 { + fill: var(--teal-800) + } + .xl\:fill-teal-800\/10 { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:fill-teal-800\/20 { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:fill-teal-800\/30 { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:fill-teal-800\/40 { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:fill-teal-800\/50 { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:fill-teal-800\/60 { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:fill-teal-800\/70 { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:fill-teal-800\/80 { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:fill-teal-800\/90 { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:fill-teal-900 { + fill: var(--teal-900) + } + .xl\:fill-teal-900\/10 { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:fill-teal-900\/20 { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:fill-teal-900\/30 { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:fill-teal-900\/40 { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:fill-teal-900\/50 { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:fill-teal-900\/60 { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:fill-teal-900\/70 { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:fill-teal-900\/80 { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:fill-teal-900\/90 { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:fill-orange-50 { + fill: var(--orange-50) + } + .xl\:fill-orange-50\/10 { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:fill-orange-50\/20 { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:fill-orange-50\/30 { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:fill-orange-50\/40 { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:fill-orange-50\/50 { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:fill-orange-50\/60 { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:fill-orange-50\/70 { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:fill-orange-50\/80 { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:fill-orange-50\/90 { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:fill-orange-100 { + fill: var(--orange-100) + } + .xl\:fill-orange-100\/10 { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:fill-orange-100\/20 { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:fill-orange-100\/30 { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:fill-orange-100\/40 { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:fill-orange-100\/50 { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:fill-orange-100\/60 { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:fill-orange-100\/70 { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:fill-orange-100\/80 { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:fill-orange-100\/90 { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:fill-orange-200 { + fill: var(--orange-200) + } + .xl\:fill-orange-200\/10 { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:fill-orange-200\/20 { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:fill-orange-200\/30 { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:fill-orange-200\/40 { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:fill-orange-200\/50 { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:fill-orange-200\/60 { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:fill-orange-200\/70 { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:fill-orange-200\/80 { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:fill-orange-200\/90 { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:fill-orange-300 { + fill: var(--orange-300) + } + .xl\:fill-orange-300\/10 { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:fill-orange-300\/20 { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:fill-orange-300\/30 { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:fill-orange-300\/40 { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:fill-orange-300\/50 { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:fill-orange-300\/60 { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:fill-orange-300\/70 { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:fill-orange-300\/80 { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:fill-orange-300\/90 { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:fill-orange-400 { + fill: var(--orange-400) + } + .xl\:fill-orange-400\/10 { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:fill-orange-400\/20 { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:fill-orange-400\/30 { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:fill-orange-400\/40 { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:fill-orange-400\/50 { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:fill-orange-400\/60 { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:fill-orange-400\/70 { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:fill-orange-400\/80 { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:fill-orange-400\/90 { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:fill-orange-500 { + fill: var(--orange-500) + } + .xl\:fill-orange-500\/10 { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:fill-orange-500\/20 { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:fill-orange-500\/30 { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:fill-orange-500\/40 { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:fill-orange-500\/50 { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:fill-orange-500\/60 { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:fill-orange-500\/70 { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:fill-orange-500\/80 { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:fill-orange-500\/90 { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:fill-orange-600 { + fill: var(--orange-600) + } + .xl\:fill-orange-600\/10 { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:fill-orange-600\/20 { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:fill-orange-600\/30 { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:fill-orange-600\/40 { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:fill-orange-600\/50 { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:fill-orange-600\/60 { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:fill-orange-600\/70 { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:fill-orange-600\/80 { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:fill-orange-600\/90 { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:fill-orange-700 { + fill: var(--orange-700) + } + .xl\:fill-orange-700\/10 { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:fill-orange-700\/20 { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:fill-orange-700\/30 { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:fill-orange-700\/40 { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:fill-orange-700\/50 { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:fill-orange-700\/60 { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:fill-orange-700\/70 { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:fill-orange-700\/80 { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:fill-orange-700\/90 { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:fill-orange-800 { + fill: var(--orange-800) + } + .xl\:fill-orange-800\/10 { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:fill-orange-800\/20 { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:fill-orange-800\/30 { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:fill-orange-800\/40 { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:fill-orange-800\/50 { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:fill-orange-800\/60 { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:fill-orange-800\/70 { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:fill-orange-800\/80 { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:fill-orange-800\/90 { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:fill-orange-900 { + fill: var(--orange-900) + } + .xl\:fill-orange-900\/10 { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:fill-orange-900\/20 { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:fill-orange-900\/30 { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:fill-orange-900\/40 { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:fill-orange-900\/50 { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:fill-orange-900\/60 { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:fill-orange-900\/70 { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:fill-orange-900\/80 { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:fill-orange-900\/90 { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:fill-bluegray-50 { + fill: var(--bluegray-50) + } + .xl\:fill-bluegray-50\/10 { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:fill-bluegray-50\/20 { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:fill-bluegray-50\/30 { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:fill-bluegray-50\/40 { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:fill-bluegray-50\/50 { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:fill-bluegray-50\/60 { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:fill-bluegray-50\/70 { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:fill-bluegray-50\/80 { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:fill-bluegray-50\/90 { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:fill-bluegray-100 { + fill: var(--bluegray-100) + } + .xl\:fill-bluegray-100\/10 { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:fill-bluegray-100\/20 { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:fill-bluegray-100\/30 { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:fill-bluegray-100\/40 { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:fill-bluegray-100\/50 { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:fill-bluegray-100\/60 { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:fill-bluegray-100\/70 { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:fill-bluegray-100\/80 { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:fill-bluegray-100\/90 { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:fill-bluegray-200 { + fill: var(--bluegray-200) + } + .xl\:fill-bluegray-200\/10 { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:fill-bluegray-200\/20 { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:fill-bluegray-200\/30 { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:fill-bluegray-200\/40 { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:fill-bluegray-200\/50 { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:fill-bluegray-200\/60 { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:fill-bluegray-200\/70 { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:fill-bluegray-200\/80 { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:fill-bluegray-200\/90 { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:fill-bluegray-300 { + fill: var(--bluegray-300) + } + .xl\:fill-bluegray-300\/10 { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:fill-bluegray-300\/20 { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:fill-bluegray-300\/30 { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:fill-bluegray-300\/40 { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:fill-bluegray-300\/50 { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:fill-bluegray-300\/60 { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:fill-bluegray-300\/70 { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:fill-bluegray-300\/80 { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:fill-bluegray-300\/90 { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:fill-bluegray-400 { + fill: var(--bluegray-400) + } + .xl\:fill-bluegray-400\/10 { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:fill-bluegray-400\/20 { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:fill-bluegray-400\/30 { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:fill-bluegray-400\/40 { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:fill-bluegray-400\/50 { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:fill-bluegray-400\/60 { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:fill-bluegray-400\/70 { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:fill-bluegray-400\/80 { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:fill-bluegray-400\/90 { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:fill-bluegray-500 { + fill: var(--bluegray-500) + } + .xl\:fill-bluegray-500\/10 { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:fill-bluegray-500\/20 { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:fill-bluegray-500\/30 { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:fill-bluegray-500\/40 { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:fill-bluegray-500\/50 { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:fill-bluegray-500\/60 { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:fill-bluegray-500\/70 { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:fill-bluegray-500\/80 { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:fill-bluegray-500\/90 { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:fill-bluegray-600 { + fill: var(--bluegray-600) + } + .xl\:fill-bluegray-600\/10 { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:fill-bluegray-600\/20 { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:fill-bluegray-600\/30 { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:fill-bluegray-600\/40 { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:fill-bluegray-600\/50 { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:fill-bluegray-600\/60 { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:fill-bluegray-600\/70 { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:fill-bluegray-600\/80 { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:fill-bluegray-600\/90 { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:fill-bluegray-700 { + fill: var(--bluegray-700) + } + .xl\:fill-bluegray-700\/10 { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:fill-bluegray-700\/20 { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:fill-bluegray-700\/30 { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:fill-bluegray-700\/40 { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:fill-bluegray-700\/50 { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:fill-bluegray-700\/60 { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:fill-bluegray-700\/70 { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:fill-bluegray-700\/80 { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:fill-bluegray-700\/90 { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:fill-bluegray-800 { + fill: var(--bluegray-800) + } + .xl\:fill-bluegray-800\/10 { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:fill-bluegray-800\/20 { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:fill-bluegray-800\/30 { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:fill-bluegray-800\/40 { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:fill-bluegray-800\/50 { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:fill-bluegray-800\/60 { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:fill-bluegray-800\/70 { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:fill-bluegray-800\/80 { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:fill-bluegray-800\/90 { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:fill-bluegray-900 { + fill: var(--bluegray-900) + } + .xl\:fill-bluegray-900\/10 { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:fill-bluegray-900\/20 { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:fill-bluegray-900\/30 { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:fill-bluegray-900\/40 { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:fill-bluegray-900\/50 { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:fill-bluegray-900\/60 { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:fill-bluegray-900\/70 { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:fill-bluegray-900\/80 { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:fill-bluegray-900\/90 { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:fill-purple-50 { + fill: var(--purple-50) + } + .xl\:fill-purple-50\/10 { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:fill-purple-50\/20 { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:fill-purple-50\/30 { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:fill-purple-50\/40 { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:fill-purple-50\/50 { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:fill-purple-50\/60 { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:fill-purple-50\/70 { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:fill-purple-50\/80 { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:fill-purple-50\/90 { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:fill-purple-100 { + fill: var(--purple-100) + } + .xl\:fill-purple-100\/10 { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:fill-purple-100\/20 { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:fill-purple-100\/30 { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:fill-purple-100\/40 { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:fill-purple-100\/50 { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:fill-purple-100\/60 { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:fill-purple-100\/70 { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:fill-purple-100\/80 { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:fill-purple-100\/90 { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:fill-purple-200 { + fill: var(--purple-200) + } + .xl\:fill-purple-200\/10 { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:fill-purple-200\/20 { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:fill-purple-200\/30 { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:fill-purple-200\/40 { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:fill-purple-200\/50 { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:fill-purple-200\/60 { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:fill-purple-200\/70 { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:fill-purple-200\/80 { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:fill-purple-200\/90 { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:fill-purple-300 { + fill: var(--purple-300) + } + .xl\:fill-purple-300\/10 { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:fill-purple-300\/20 { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:fill-purple-300\/30 { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:fill-purple-300\/40 { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:fill-purple-300\/50 { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:fill-purple-300\/60 { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:fill-purple-300\/70 { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:fill-purple-300\/80 { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:fill-purple-300\/90 { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:fill-purple-400 { + fill: var(--purple-400) + } + .xl\:fill-purple-400\/10 { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:fill-purple-400\/20 { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:fill-purple-400\/30 { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:fill-purple-400\/40 { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:fill-purple-400\/50 { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:fill-purple-400\/60 { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:fill-purple-400\/70 { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:fill-purple-400\/80 { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:fill-purple-400\/90 { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:fill-purple-500 { + fill: var(--purple-500) + } + .xl\:fill-purple-500\/10 { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:fill-purple-500\/20 { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:fill-purple-500\/30 { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:fill-purple-500\/40 { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:fill-purple-500\/50 { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:fill-purple-500\/60 { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:fill-purple-500\/70 { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:fill-purple-500\/80 { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:fill-purple-500\/90 { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:fill-purple-600 { + fill: var(--purple-600) + } + .xl\:fill-purple-600\/10 { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:fill-purple-600\/20 { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:fill-purple-600\/30 { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:fill-purple-600\/40 { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:fill-purple-600\/50 { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:fill-purple-600\/60 { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:fill-purple-600\/70 { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:fill-purple-600\/80 { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:fill-purple-600\/90 { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:fill-purple-700 { + fill: var(--purple-700) + } + .xl\:fill-purple-700\/10 { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:fill-purple-700\/20 { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:fill-purple-700\/30 { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:fill-purple-700\/40 { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:fill-purple-700\/50 { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:fill-purple-700\/60 { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:fill-purple-700\/70 { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:fill-purple-700\/80 { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:fill-purple-700\/90 { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:fill-purple-800 { + fill: var(--purple-800) + } + .xl\:fill-purple-800\/10 { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:fill-purple-800\/20 { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:fill-purple-800\/30 { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:fill-purple-800\/40 { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:fill-purple-800\/50 { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:fill-purple-800\/60 { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:fill-purple-800\/70 { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:fill-purple-800\/80 { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:fill-purple-800\/90 { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:fill-purple-900 { + fill: var(--purple-900) + } + .xl\:fill-purple-900\/10 { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:fill-purple-900\/20 { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:fill-purple-900\/30 { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:fill-purple-900\/40 { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:fill-purple-900\/50 { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:fill-purple-900\/60 { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:fill-purple-900\/70 { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:fill-purple-900\/80 { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:fill-purple-900\/90 { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:fill-red-50 { + fill: var(--red-50) + } + .xl\:fill-red-50\/10 { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:fill-red-50\/20 { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:fill-red-50\/30 { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:fill-red-50\/40 { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:fill-red-50\/50 { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:fill-red-50\/60 { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:fill-red-50\/70 { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:fill-red-50\/80 { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:fill-red-50\/90 { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:fill-red-100 { + fill: var(--red-100) + } + .xl\:fill-red-100\/10 { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:fill-red-100\/20 { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:fill-red-100\/30 { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:fill-red-100\/40 { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:fill-red-100\/50 { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:fill-red-100\/60 { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:fill-red-100\/70 { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:fill-red-100\/80 { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:fill-red-100\/90 { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:fill-red-200 { + fill: var(--red-200) + } + .xl\:fill-red-200\/10 { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:fill-red-200\/20 { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:fill-red-200\/30 { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:fill-red-200\/40 { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:fill-red-200\/50 { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:fill-red-200\/60 { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:fill-red-200\/70 { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:fill-red-200\/80 { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:fill-red-200\/90 { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:fill-red-300 { + fill: var(--red-300) + } + .xl\:fill-red-300\/10 { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:fill-red-300\/20 { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:fill-red-300\/30 { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:fill-red-300\/40 { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:fill-red-300\/50 { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:fill-red-300\/60 { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:fill-red-300\/70 { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:fill-red-300\/80 { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:fill-red-300\/90 { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:fill-red-400 { + fill: var(--red-400) + } + .xl\:fill-red-400\/10 { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:fill-red-400\/20 { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:fill-red-400\/30 { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:fill-red-400\/40 { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:fill-red-400\/50 { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:fill-red-400\/60 { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:fill-red-400\/70 { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:fill-red-400\/80 { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:fill-red-400\/90 { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:fill-red-500 { + fill: var(--red-500) + } + .xl\:fill-red-500\/10 { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:fill-red-500\/20 { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:fill-red-500\/30 { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:fill-red-500\/40 { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:fill-red-500\/50 { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:fill-red-500\/60 { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:fill-red-500\/70 { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:fill-red-500\/80 { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:fill-red-500\/90 { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:fill-red-600 { + fill: var(--red-600) + } + .xl\:fill-red-600\/10 { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:fill-red-600\/20 { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:fill-red-600\/30 { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:fill-red-600\/40 { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:fill-red-600\/50 { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:fill-red-600\/60 { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:fill-red-600\/70 { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:fill-red-600\/80 { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:fill-red-600\/90 { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:fill-red-700 { + fill: var(--red-700) + } + .xl\:fill-red-700\/10 { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:fill-red-700\/20 { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:fill-red-700\/30 { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:fill-red-700\/40 { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:fill-red-700\/50 { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:fill-red-700\/60 { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:fill-red-700\/70 { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:fill-red-700\/80 { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:fill-red-700\/90 { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:fill-red-800 { + fill: var(--red-800) + } + .xl\:fill-red-800\/10 { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:fill-red-800\/20 { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:fill-red-800\/30 { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:fill-red-800\/40 { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:fill-red-800\/50 { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:fill-red-800\/60 { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:fill-red-800\/70 { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:fill-red-800\/80 { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:fill-red-800\/90 { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:fill-red-900 { + fill: var(--red-900) + } + .xl\:fill-red-900\/10 { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:fill-red-900\/20 { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:fill-red-900\/30 { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:fill-red-900\/40 { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:fill-red-900\/50 { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:fill-red-900\/60 { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:fill-red-900\/70 { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:fill-red-900\/80 { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:fill-red-900\/90 { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:fill-gray-50 { + fill: var(--gray-50) + } + .xl\:fill-gray-50\/10 { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:fill-gray-50\/20 { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:fill-gray-50\/30 { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:fill-gray-50\/40 { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:fill-gray-50\/50 { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:fill-gray-50\/60 { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:fill-gray-50\/70 { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:fill-gray-50\/80 { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:fill-gray-50\/90 { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:fill-gray-100 { + fill: var(--gray-100) + } + .xl\:fill-gray-100\/10 { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:fill-gray-100\/20 { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:fill-gray-100\/30 { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:fill-gray-100\/40 { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:fill-gray-100\/50 { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:fill-gray-100\/60 { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:fill-gray-100\/70 { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:fill-gray-100\/80 { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:fill-gray-100\/90 { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:fill-gray-200 { + fill: var(--gray-200) + } + .xl\:fill-gray-200\/10 { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:fill-gray-200\/20 { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:fill-gray-200\/30 { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:fill-gray-200\/40 { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:fill-gray-200\/50 { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:fill-gray-200\/60 { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:fill-gray-200\/70 { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:fill-gray-200\/80 { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:fill-gray-200\/90 { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:fill-gray-300 { + fill: var(--gray-300) + } + .xl\:fill-gray-300\/10 { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:fill-gray-300\/20 { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:fill-gray-300\/30 { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:fill-gray-300\/40 { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:fill-gray-300\/50 { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:fill-gray-300\/60 { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:fill-gray-300\/70 { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:fill-gray-300\/80 { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:fill-gray-300\/90 { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:fill-gray-400 { + fill: var(--gray-400) + } + .xl\:fill-gray-400\/10 { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:fill-gray-400\/20 { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:fill-gray-400\/30 { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:fill-gray-400\/40 { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:fill-gray-400\/50 { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:fill-gray-400\/60 { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:fill-gray-400\/70 { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:fill-gray-400\/80 { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:fill-gray-400\/90 { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:fill-gray-500 { + fill: var(--gray-500) + } + .xl\:fill-gray-500\/10 { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:fill-gray-500\/20 { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:fill-gray-500\/30 { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:fill-gray-500\/40 { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:fill-gray-500\/50 { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:fill-gray-500\/60 { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:fill-gray-500\/70 { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:fill-gray-500\/80 { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:fill-gray-500\/90 { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:fill-gray-600 { + fill: var(--gray-600) + } + .xl\:fill-gray-600\/10 { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:fill-gray-600\/20 { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:fill-gray-600\/30 { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:fill-gray-600\/40 { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:fill-gray-600\/50 { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:fill-gray-600\/60 { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:fill-gray-600\/70 { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:fill-gray-600\/80 { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:fill-gray-600\/90 { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:fill-gray-700 { + fill: var(--gray-700) + } + .xl\:fill-gray-700\/10 { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:fill-gray-700\/20 { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:fill-gray-700\/30 { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:fill-gray-700\/40 { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:fill-gray-700\/50 { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:fill-gray-700\/60 { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:fill-gray-700\/70 { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:fill-gray-700\/80 { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:fill-gray-700\/90 { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:fill-gray-800 { + fill: var(--gray-800) + } + .xl\:fill-gray-800\/10 { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:fill-gray-800\/20 { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:fill-gray-800\/30 { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:fill-gray-800\/40 { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:fill-gray-800\/50 { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:fill-gray-800\/60 { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:fill-gray-800\/70 { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:fill-gray-800\/80 { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:fill-gray-800\/90 { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:fill-gray-900 { + fill: var(--gray-900) + } + .xl\:fill-gray-900\/10 { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:fill-gray-900\/20 { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:fill-gray-900\/30 { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:fill-gray-900\/40 { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:fill-gray-900\/50 { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:fill-gray-900\/60 { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:fill-gray-900\/70 { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:fill-gray-900\/80 { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:fill-gray-900\/90 { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:fill-surface-0 { + fill: var(--surface-0) + } + .xl\:fill-surface-0\/10 { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:fill-surface-0\/20 { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:fill-surface-0\/30 { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:fill-surface-0\/40 { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:fill-surface-0\/50 { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:fill-surface-0\/60 { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:fill-surface-0\/70 { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:fill-surface-0\/80 { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:fill-surface-0\/90 { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:fill-surface-50 { + fill: var(--surface-50) + } + .xl\:fill-surface-50\/10 { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:fill-surface-50\/20 { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:fill-surface-50\/30 { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:fill-surface-50\/40 { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:fill-surface-50\/50 { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:fill-surface-50\/60 { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:fill-surface-50\/70 { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:fill-surface-50\/80 { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:fill-surface-50\/90 { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:fill-surface-100 { + fill: var(--surface-100) + } + .xl\:fill-surface-100\/10 { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:fill-surface-100\/20 { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:fill-surface-100\/30 { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:fill-surface-100\/40 { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:fill-surface-100\/50 { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:fill-surface-100\/60 { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:fill-surface-100\/70 { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:fill-surface-100\/80 { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:fill-surface-100\/90 { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:fill-surface-200 { + fill: var(--surface-200) + } + .xl\:fill-surface-200\/10 { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:fill-surface-200\/20 { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:fill-surface-200\/30 { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:fill-surface-200\/40 { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:fill-surface-200\/50 { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:fill-surface-200\/60 { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:fill-surface-200\/70 { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:fill-surface-200\/80 { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:fill-surface-200\/90 { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:fill-surface-300 { + fill: var(--surface-300) + } + .xl\:fill-surface-300\/10 { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:fill-surface-300\/20 { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:fill-surface-300\/30 { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:fill-surface-300\/40 { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:fill-surface-300\/50 { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:fill-surface-300\/60 { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:fill-surface-300\/70 { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:fill-surface-300\/80 { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:fill-surface-300\/90 { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:fill-surface-400 { + fill: var(--surface-400) + } + .xl\:fill-surface-400\/10 { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:fill-surface-400\/20 { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:fill-surface-400\/30 { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:fill-surface-400\/40 { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:fill-surface-400\/50 { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:fill-surface-400\/60 { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:fill-surface-400\/70 { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:fill-surface-400\/80 { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:fill-surface-400\/90 { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:fill-surface-500 { + fill: var(--surface-500) + } + .xl\:fill-surface-500\/10 { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:fill-surface-500\/20 { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:fill-surface-500\/30 { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:fill-surface-500\/40 { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:fill-surface-500\/50 { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:fill-surface-500\/60 { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:fill-surface-500\/70 { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:fill-surface-500\/80 { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:fill-surface-500\/90 { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:fill-surface-600 { + fill: var(--surface-600) + } + .xl\:fill-surface-600\/10 { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:fill-surface-600\/20 { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:fill-surface-600\/30 { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:fill-surface-600\/40 { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:fill-surface-600\/50 { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:fill-surface-600\/60 { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:fill-surface-600\/70 { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:fill-surface-600\/80 { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:fill-surface-600\/90 { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:fill-surface-700 { + fill: var(--surface-700) + } + .xl\:fill-surface-700\/10 { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:fill-surface-700\/20 { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:fill-surface-700\/30 { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:fill-surface-700\/40 { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:fill-surface-700\/50 { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:fill-surface-700\/60 { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:fill-surface-700\/70 { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:fill-surface-700\/80 { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:fill-surface-700\/90 { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:fill-surface-800 { + fill: var(--surface-800) + } + .xl\:fill-surface-800\/10 { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:fill-surface-800\/20 { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:fill-surface-800\/30 { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:fill-surface-800\/40 { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:fill-surface-800\/50 { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:fill-surface-800\/60 { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:fill-surface-800\/70 { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:fill-surface-800\/80 { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:fill-surface-800\/90 { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:fill-surface-900 { + fill: var(--surface-900) + } + .xl\:fill-surface-900\/10 { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:fill-surface-900\/20 { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:fill-surface-900\/30 { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:fill-surface-900\/40 { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:fill-surface-900\/50 { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:fill-surface-900\/60 { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:fill-surface-900\/70 { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:fill-surface-900\/80 { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:fill-surface-900\/90 { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:fill-primary-50 { + fill: var(--primary-50) + } + .xl\:fill-primary-50\/10 { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:fill-primary-50\/20 { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:fill-primary-50\/30 { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:fill-primary-50\/40 { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:fill-primary-50\/50 { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:fill-primary-50\/60 { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:fill-primary-50\/70 { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:fill-primary-50\/80 { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:fill-primary-50\/90 { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:fill-primary-100 { + fill: var(--primary-100) + } + .xl\:fill-primary-100\/10 { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:fill-primary-100\/20 { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:fill-primary-100\/30 { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:fill-primary-100\/40 { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:fill-primary-100\/50 { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:fill-primary-100\/60 { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:fill-primary-100\/70 { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:fill-primary-100\/80 { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:fill-primary-100\/90 { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:fill-primary-200 { + fill: var(--primary-200) + } + .xl\:fill-primary-200\/10 { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:fill-primary-200\/20 { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:fill-primary-200\/30 { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:fill-primary-200\/40 { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:fill-primary-200\/50 { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:fill-primary-200\/60 { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:fill-primary-200\/70 { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:fill-primary-200\/80 { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:fill-primary-200\/90 { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:fill-primary-300 { + fill: var(--primary-300) + } + .xl\:fill-primary-300\/10 { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:fill-primary-300\/20 { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:fill-primary-300\/30 { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:fill-primary-300\/40 { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:fill-primary-300\/50 { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:fill-primary-300\/60 { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:fill-primary-300\/70 { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:fill-primary-300\/80 { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:fill-primary-300\/90 { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:fill-primary-400 { + fill: var(--primary-400) + } + .xl\:fill-primary-400\/10 { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:fill-primary-400\/20 { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:fill-primary-400\/30 { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:fill-primary-400\/40 { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:fill-primary-400\/50 { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:fill-primary-400\/60 { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:fill-primary-400\/70 { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:fill-primary-400\/80 { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:fill-primary-400\/90 { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:fill-primary-500 { + fill: var(--primary-500) + } + .xl\:fill-primary-500\/10 { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:fill-primary-500\/20 { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:fill-primary-500\/30 { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:fill-primary-500\/40 { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:fill-primary-500\/50 { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:fill-primary-500\/60 { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:fill-primary-500\/70 { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:fill-primary-500\/80 { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:fill-primary-500\/90 { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:fill-primary-600 { + fill: var(--primary-600) + } + .xl\:fill-primary-600\/10 { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:fill-primary-600\/20 { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:fill-primary-600\/30 { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:fill-primary-600\/40 { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:fill-primary-600\/50 { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:fill-primary-600\/60 { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:fill-primary-600\/70 { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:fill-primary-600\/80 { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:fill-primary-600\/90 { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:fill-primary-700 { + fill: var(--primary-700) + } + .xl\:fill-primary-700\/10 { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:fill-primary-700\/20 { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:fill-primary-700\/30 { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:fill-primary-700\/40 { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:fill-primary-700\/50 { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:fill-primary-700\/60 { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:fill-primary-700\/70 { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:fill-primary-700\/80 { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:fill-primary-700\/90 { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:fill-primary-800 { + fill: var(--primary-800) + } + .xl\:fill-primary-800\/10 { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:fill-primary-800\/20 { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:fill-primary-800\/30 { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:fill-primary-800\/40 { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:fill-primary-800\/50 { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:fill-primary-800\/60 { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:fill-primary-800\/70 { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:fill-primary-800\/80 { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:fill-primary-800\/90 { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:fill-primary-900 { + fill: var(--primary-900) + } + .xl\:fill-primary-900\/10 { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:fill-primary-900\/20 { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:fill-primary-900\/30 { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:fill-primary-900\/40 { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:fill-primary-900\/50 { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:fill-primary-900\/60 { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:fill-primary-900\/70 { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:fill-primary-900\/80 { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:fill-primary-900\/90 { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:fill-blue-50:focus { + fill: var(--blue-50) + } + .xl\:hover\:fill-blue-50:hover { + fill: var(--blue-50) + } + .xl\:active\:fill-blue-50:active { + fill: var(--blue-50) + } + .xl\:focus\:fill-blue-50\/10:focus { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:fill-blue-50\/10:hover { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:fill-blue-50\/10:active { + fill: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:fill-blue-50\/20:focus { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:fill-blue-50\/20:hover { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:fill-blue-50\/20:active { + fill: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:fill-blue-50\/30:focus { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:fill-blue-50\/30:hover { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:fill-blue-50\/30:active { + fill: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:fill-blue-50\/40:focus { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:fill-blue-50\/40:hover { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:fill-blue-50\/40:active { + fill: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:fill-blue-50\/50:focus { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:fill-blue-50\/50:hover { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:fill-blue-50\/50:active { + fill: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:fill-blue-50\/60:focus { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:fill-blue-50\/60:hover { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:fill-blue-50\/60:active { + fill: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:fill-blue-50\/70:focus { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:fill-blue-50\/70:hover { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:fill-blue-50\/70:active { + fill: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:fill-blue-50\/80:focus { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:fill-blue-50\/80:hover { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:fill-blue-50\/80:active { + fill: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:fill-blue-50\/90:focus { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:fill-blue-50\/90:hover { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:fill-blue-50\/90:active { + fill: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:fill-blue-100:focus { + fill: var(--blue-100) + } + .xl\:hover\:fill-blue-100:hover { + fill: var(--blue-100) + } + .xl\:active\:fill-blue-100:active { + fill: var(--blue-100) + } + .xl\:focus\:fill-blue-100\/10:focus { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:fill-blue-100\/10:hover { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:fill-blue-100\/10:active { + fill: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:fill-blue-100\/20:focus { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:fill-blue-100\/20:hover { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:fill-blue-100\/20:active { + fill: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:fill-blue-100\/30:focus { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:fill-blue-100\/30:hover { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:fill-blue-100\/30:active { + fill: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:fill-blue-100\/40:focus { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:fill-blue-100\/40:hover { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:fill-blue-100\/40:active { + fill: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:fill-blue-100\/50:focus { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:fill-blue-100\/50:hover { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:fill-blue-100\/50:active { + fill: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:fill-blue-100\/60:focus { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:fill-blue-100\/60:hover { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:fill-blue-100\/60:active { + fill: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:fill-blue-100\/70:focus { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:fill-blue-100\/70:hover { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:fill-blue-100\/70:active { + fill: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:fill-blue-100\/80:focus { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:fill-blue-100\/80:hover { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:fill-blue-100\/80:active { + fill: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:fill-blue-100\/90:focus { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:fill-blue-100\/90:hover { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:fill-blue-100\/90:active { + fill: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:fill-blue-200:focus { + fill: var(--blue-200) + } + .xl\:hover\:fill-blue-200:hover { + fill: var(--blue-200) + } + .xl\:active\:fill-blue-200:active { + fill: var(--blue-200) + } + .xl\:focus\:fill-blue-200\/10:focus { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:fill-blue-200\/10:hover { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:fill-blue-200\/10:active { + fill: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:fill-blue-200\/20:focus { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:fill-blue-200\/20:hover { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:fill-blue-200\/20:active { + fill: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:fill-blue-200\/30:focus { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:fill-blue-200\/30:hover { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:fill-blue-200\/30:active { + fill: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:fill-blue-200\/40:focus { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:fill-blue-200\/40:hover { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:fill-blue-200\/40:active { + fill: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:fill-blue-200\/50:focus { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:fill-blue-200\/50:hover { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:fill-blue-200\/50:active { + fill: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:fill-blue-200\/60:focus { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:fill-blue-200\/60:hover { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:fill-blue-200\/60:active { + fill: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:fill-blue-200\/70:focus { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:fill-blue-200\/70:hover { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:fill-blue-200\/70:active { + fill: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:fill-blue-200\/80:focus { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:fill-blue-200\/80:hover { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:fill-blue-200\/80:active { + fill: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:fill-blue-200\/90:focus { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:fill-blue-200\/90:hover { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:fill-blue-200\/90:active { + fill: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:fill-blue-300:focus { + fill: var(--blue-300) + } + .xl\:hover\:fill-blue-300:hover { + fill: var(--blue-300) + } + .xl\:active\:fill-blue-300:active { + fill: var(--blue-300) + } + .xl\:focus\:fill-blue-300\/10:focus { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:fill-blue-300\/10:hover { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:fill-blue-300\/10:active { + fill: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:fill-blue-300\/20:focus { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:fill-blue-300\/20:hover { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:fill-blue-300\/20:active { + fill: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:fill-blue-300\/30:focus { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:fill-blue-300\/30:hover { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:fill-blue-300\/30:active { + fill: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:fill-blue-300\/40:focus { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:fill-blue-300\/40:hover { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:fill-blue-300\/40:active { + fill: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:fill-blue-300\/50:focus { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:fill-blue-300\/50:hover { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:fill-blue-300\/50:active { + fill: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:fill-blue-300\/60:focus { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:fill-blue-300\/60:hover { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:fill-blue-300\/60:active { + fill: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:fill-blue-300\/70:focus { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:fill-blue-300\/70:hover { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:fill-blue-300\/70:active { + fill: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:fill-blue-300\/80:focus { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:fill-blue-300\/80:hover { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:fill-blue-300\/80:active { + fill: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:fill-blue-300\/90:focus { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:fill-blue-300\/90:hover { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:fill-blue-300\/90:active { + fill: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:fill-blue-400:focus { + fill: var(--blue-400) + } + .xl\:hover\:fill-blue-400:hover { + fill: var(--blue-400) + } + .xl\:active\:fill-blue-400:active { + fill: var(--blue-400) + } + .xl\:focus\:fill-blue-400\/10:focus { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:fill-blue-400\/10:hover { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:fill-blue-400\/10:active { + fill: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:fill-blue-400\/20:focus { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:fill-blue-400\/20:hover { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:fill-blue-400\/20:active { + fill: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:fill-blue-400\/30:focus { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:fill-blue-400\/30:hover { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:fill-blue-400\/30:active { + fill: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:fill-blue-400\/40:focus { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:fill-blue-400\/40:hover { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:fill-blue-400\/40:active { + fill: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:fill-blue-400\/50:focus { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:fill-blue-400\/50:hover { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:fill-blue-400\/50:active { + fill: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:fill-blue-400\/60:focus { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:fill-blue-400\/60:hover { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:fill-blue-400\/60:active { + fill: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:fill-blue-400\/70:focus { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:fill-blue-400\/70:hover { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:fill-blue-400\/70:active { + fill: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:fill-blue-400\/80:focus { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:fill-blue-400\/80:hover { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:fill-blue-400\/80:active { + fill: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:fill-blue-400\/90:focus { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:fill-blue-400\/90:hover { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:fill-blue-400\/90:active { + fill: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:fill-blue-500:focus { + fill: var(--blue-500) + } + .xl\:hover\:fill-blue-500:hover { + fill: var(--blue-500) + } + .xl\:active\:fill-blue-500:active { + fill: var(--blue-500) + } + .xl\:focus\:fill-blue-500\/10:focus { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:fill-blue-500\/10:hover { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:fill-blue-500\/10:active { + fill: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:fill-blue-500\/20:focus { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:fill-blue-500\/20:hover { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:fill-blue-500\/20:active { + fill: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:fill-blue-500\/30:focus { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:fill-blue-500\/30:hover { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:fill-blue-500\/30:active { + fill: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:fill-blue-500\/40:focus { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:fill-blue-500\/40:hover { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:fill-blue-500\/40:active { + fill: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:fill-blue-500\/50:focus { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:fill-blue-500\/50:hover { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:fill-blue-500\/50:active { + fill: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:fill-blue-500\/60:focus { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:fill-blue-500\/60:hover { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:fill-blue-500\/60:active { + fill: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:fill-blue-500\/70:focus { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:fill-blue-500\/70:hover { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:fill-blue-500\/70:active { + fill: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:fill-blue-500\/80:focus { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:fill-blue-500\/80:hover { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:fill-blue-500\/80:active { + fill: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:fill-blue-500\/90:focus { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:fill-blue-500\/90:hover { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:fill-blue-500\/90:active { + fill: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:fill-blue-600:focus { + fill: var(--blue-600) + } + .xl\:hover\:fill-blue-600:hover { + fill: var(--blue-600) + } + .xl\:active\:fill-blue-600:active { + fill: var(--blue-600) + } + .xl\:focus\:fill-blue-600\/10:focus { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:fill-blue-600\/10:hover { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:fill-blue-600\/10:active { + fill: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:fill-blue-600\/20:focus { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:fill-blue-600\/20:hover { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:fill-blue-600\/20:active { + fill: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:fill-blue-600\/30:focus { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:fill-blue-600\/30:hover { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:fill-blue-600\/30:active { + fill: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:fill-blue-600\/40:focus { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:fill-blue-600\/40:hover { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:fill-blue-600\/40:active { + fill: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:fill-blue-600\/50:focus { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:fill-blue-600\/50:hover { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:fill-blue-600\/50:active { + fill: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:fill-blue-600\/60:focus { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:fill-blue-600\/60:hover { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:fill-blue-600\/60:active { + fill: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:fill-blue-600\/70:focus { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:fill-blue-600\/70:hover { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:fill-blue-600\/70:active { + fill: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:fill-blue-600\/80:focus { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:fill-blue-600\/80:hover { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:fill-blue-600\/80:active { + fill: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:fill-blue-600\/90:focus { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:fill-blue-600\/90:hover { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:fill-blue-600\/90:active { + fill: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:fill-blue-700:focus { + fill: var(--blue-700) + } + .xl\:hover\:fill-blue-700:hover { + fill: var(--blue-700) + } + .xl\:active\:fill-blue-700:active { + fill: var(--blue-700) + } + .xl\:focus\:fill-blue-700\/10:focus { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:fill-blue-700\/10:hover { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:fill-blue-700\/10:active { + fill: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:fill-blue-700\/20:focus { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:fill-blue-700\/20:hover { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:fill-blue-700\/20:active { + fill: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:fill-blue-700\/30:focus { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:fill-blue-700\/30:hover { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:fill-blue-700\/30:active { + fill: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:fill-blue-700\/40:focus { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:fill-blue-700\/40:hover { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:fill-blue-700\/40:active { + fill: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:fill-blue-700\/50:focus { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:fill-blue-700\/50:hover { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:fill-blue-700\/50:active { + fill: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:fill-blue-700\/60:focus { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:fill-blue-700\/60:hover { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:fill-blue-700\/60:active { + fill: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:fill-blue-700\/70:focus { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:fill-blue-700\/70:hover { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:fill-blue-700\/70:active { + fill: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:fill-blue-700\/80:focus { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:fill-blue-700\/80:hover { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:fill-blue-700\/80:active { + fill: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:fill-blue-700\/90:focus { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:fill-blue-700\/90:hover { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:fill-blue-700\/90:active { + fill: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:fill-blue-800:focus { + fill: var(--blue-800) + } + .xl\:hover\:fill-blue-800:hover { + fill: var(--blue-800) + } + .xl\:active\:fill-blue-800:active { + fill: var(--blue-800) + } + .xl\:focus\:fill-blue-800\/10:focus { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:fill-blue-800\/10:hover { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:fill-blue-800\/10:active { + fill: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:fill-blue-800\/20:focus { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:fill-blue-800\/20:hover { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:fill-blue-800\/20:active { + fill: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:fill-blue-800\/30:focus { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:fill-blue-800\/30:hover { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:fill-blue-800\/30:active { + fill: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:fill-blue-800\/40:focus { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:fill-blue-800\/40:hover { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:fill-blue-800\/40:active { + fill: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:fill-blue-800\/50:focus { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:fill-blue-800\/50:hover { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:fill-blue-800\/50:active { + fill: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:fill-blue-800\/60:focus { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:fill-blue-800\/60:hover { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:fill-blue-800\/60:active { + fill: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:fill-blue-800\/70:focus { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:fill-blue-800\/70:hover { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:fill-blue-800\/70:active { + fill: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:fill-blue-800\/80:focus { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:fill-blue-800\/80:hover { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:fill-blue-800\/80:active { + fill: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:fill-blue-800\/90:focus { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:fill-blue-800\/90:hover { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:fill-blue-800\/90:active { + fill: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:fill-blue-900:focus { + fill: var(--blue-900) + } + .xl\:hover\:fill-blue-900:hover { + fill: var(--blue-900) + } + .xl\:active\:fill-blue-900:active { + fill: var(--blue-900) + } + .xl\:focus\:fill-blue-900\/10:focus { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:fill-blue-900\/10:hover { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:fill-blue-900\/10:active { + fill: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:fill-blue-900\/20:focus { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:fill-blue-900\/20:hover { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:fill-blue-900\/20:active { + fill: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:fill-blue-900\/30:focus { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:fill-blue-900\/30:hover { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:fill-blue-900\/30:active { + fill: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:fill-blue-900\/40:focus { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:fill-blue-900\/40:hover { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:fill-blue-900\/40:active { + fill: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:fill-blue-900\/50:focus { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:fill-blue-900\/50:hover { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:fill-blue-900\/50:active { + fill: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:fill-blue-900\/60:focus { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:fill-blue-900\/60:hover { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:fill-blue-900\/60:active { + fill: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:fill-blue-900\/70:focus { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:fill-blue-900\/70:hover { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:fill-blue-900\/70:active { + fill: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:fill-blue-900\/80:focus { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:fill-blue-900\/80:hover { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:fill-blue-900\/80:active { + fill: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:fill-blue-900\/90:focus { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:fill-blue-900\/90:hover { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:fill-blue-900\/90:active { + fill: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:fill-green-50:focus { + fill: var(--green-50) + } + .xl\:hover\:fill-green-50:hover { + fill: var(--green-50) + } + .xl\:active\:fill-green-50:active { + fill: var(--green-50) + } + .xl\:focus\:fill-green-50\/10:focus { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:fill-green-50\/10:hover { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:fill-green-50\/10:active { + fill: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:fill-green-50\/20:focus { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:fill-green-50\/20:hover { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:fill-green-50\/20:active { + fill: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:fill-green-50\/30:focus { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:fill-green-50\/30:hover { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:fill-green-50\/30:active { + fill: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:fill-green-50\/40:focus { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:fill-green-50\/40:hover { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:fill-green-50\/40:active { + fill: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:fill-green-50\/50:focus { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:fill-green-50\/50:hover { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:fill-green-50\/50:active { + fill: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:fill-green-50\/60:focus { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:fill-green-50\/60:hover { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:fill-green-50\/60:active { + fill: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:fill-green-50\/70:focus { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:fill-green-50\/70:hover { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:fill-green-50\/70:active { + fill: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:fill-green-50\/80:focus { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:fill-green-50\/80:hover { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:fill-green-50\/80:active { + fill: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:fill-green-50\/90:focus { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:fill-green-50\/90:hover { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:fill-green-50\/90:active { + fill: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:fill-green-100:focus { + fill: var(--green-100) + } + .xl\:hover\:fill-green-100:hover { + fill: var(--green-100) + } + .xl\:active\:fill-green-100:active { + fill: var(--green-100) + } + .xl\:focus\:fill-green-100\/10:focus { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:fill-green-100\/10:hover { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:fill-green-100\/10:active { + fill: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:fill-green-100\/20:focus { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:fill-green-100\/20:hover { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:fill-green-100\/20:active { + fill: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:fill-green-100\/30:focus { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:fill-green-100\/30:hover { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:fill-green-100\/30:active { + fill: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:fill-green-100\/40:focus { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:fill-green-100\/40:hover { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:fill-green-100\/40:active { + fill: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:fill-green-100\/50:focus { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:fill-green-100\/50:hover { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:fill-green-100\/50:active { + fill: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:fill-green-100\/60:focus { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:fill-green-100\/60:hover { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:fill-green-100\/60:active { + fill: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:fill-green-100\/70:focus { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:fill-green-100\/70:hover { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:fill-green-100\/70:active { + fill: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:fill-green-100\/80:focus { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:fill-green-100\/80:hover { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:fill-green-100\/80:active { + fill: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:fill-green-100\/90:focus { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:fill-green-100\/90:hover { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:fill-green-100\/90:active { + fill: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:fill-green-200:focus { + fill: var(--green-200) + } + .xl\:hover\:fill-green-200:hover { + fill: var(--green-200) + } + .xl\:active\:fill-green-200:active { + fill: var(--green-200) + } + .xl\:focus\:fill-green-200\/10:focus { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:fill-green-200\/10:hover { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:fill-green-200\/10:active { + fill: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:fill-green-200\/20:focus { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:fill-green-200\/20:hover { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:fill-green-200\/20:active { + fill: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:fill-green-200\/30:focus { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:fill-green-200\/30:hover { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:fill-green-200\/30:active { + fill: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:fill-green-200\/40:focus { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:fill-green-200\/40:hover { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:fill-green-200\/40:active { + fill: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:fill-green-200\/50:focus { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:fill-green-200\/50:hover { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:fill-green-200\/50:active { + fill: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:fill-green-200\/60:focus { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:fill-green-200\/60:hover { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:fill-green-200\/60:active { + fill: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:fill-green-200\/70:focus { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:fill-green-200\/70:hover { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:fill-green-200\/70:active { + fill: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:fill-green-200\/80:focus { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:fill-green-200\/80:hover { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:fill-green-200\/80:active { + fill: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:fill-green-200\/90:focus { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:fill-green-200\/90:hover { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:fill-green-200\/90:active { + fill: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:fill-green-300:focus { + fill: var(--green-300) + } + .xl\:hover\:fill-green-300:hover { + fill: var(--green-300) + } + .xl\:active\:fill-green-300:active { + fill: var(--green-300) + } + .xl\:focus\:fill-green-300\/10:focus { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:fill-green-300\/10:hover { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:fill-green-300\/10:active { + fill: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:fill-green-300\/20:focus { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:fill-green-300\/20:hover { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:fill-green-300\/20:active { + fill: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:fill-green-300\/30:focus { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:fill-green-300\/30:hover { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:fill-green-300\/30:active { + fill: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:fill-green-300\/40:focus { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:fill-green-300\/40:hover { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:fill-green-300\/40:active { + fill: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:fill-green-300\/50:focus { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:fill-green-300\/50:hover { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:fill-green-300\/50:active { + fill: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:fill-green-300\/60:focus { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:fill-green-300\/60:hover { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:fill-green-300\/60:active { + fill: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:fill-green-300\/70:focus { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:fill-green-300\/70:hover { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:fill-green-300\/70:active { + fill: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:fill-green-300\/80:focus { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:fill-green-300\/80:hover { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:fill-green-300\/80:active { + fill: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:fill-green-300\/90:focus { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:fill-green-300\/90:hover { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:fill-green-300\/90:active { + fill: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:fill-green-400:focus { + fill: var(--green-400) + } + .xl\:hover\:fill-green-400:hover { + fill: var(--green-400) + } + .xl\:active\:fill-green-400:active { + fill: var(--green-400) + } + .xl\:focus\:fill-green-400\/10:focus { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:fill-green-400\/10:hover { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:fill-green-400\/10:active { + fill: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:fill-green-400\/20:focus { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:fill-green-400\/20:hover { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:fill-green-400\/20:active { + fill: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:fill-green-400\/30:focus { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:fill-green-400\/30:hover { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:fill-green-400\/30:active { + fill: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:fill-green-400\/40:focus { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:fill-green-400\/40:hover { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:fill-green-400\/40:active { + fill: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:fill-green-400\/50:focus { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:fill-green-400\/50:hover { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:fill-green-400\/50:active { + fill: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:fill-green-400\/60:focus { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:fill-green-400\/60:hover { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:fill-green-400\/60:active { + fill: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:fill-green-400\/70:focus { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:fill-green-400\/70:hover { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:fill-green-400\/70:active { + fill: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:fill-green-400\/80:focus { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:fill-green-400\/80:hover { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:fill-green-400\/80:active { + fill: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:fill-green-400\/90:focus { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:fill-green-400\/90:hover { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:fill-green-400\/90:active { + fill: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:fill-green-500:focus { + fill: var(--green-500) + } + .xl\:hover\:fill-green-500:hover { + fill: var(--green-500) + } + .xl\:active\:fill-green-500:active { + fill: var(--green-500) + } + .xl\:focus\:fill-green-500\/10:focus { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:fill-green-500\/10:hover { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:fill-green-500\/10:active { + fill: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:fill-green-500\/20:focus { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:fill-green-500\/20:hover { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:fill-green-500\/20:active { + fill: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:fill-green-500\/30:focus { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:fill-green-500\/30:hover { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:fill-green-500\/30:active { + fill: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:fill-green-500\/40:focus { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:fill-green-500\/40:hover { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:fill-green-500\/40:active { + fill: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:fill-green-500\/50:focus { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:fill-green-500\/50:hover { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:fill-green-500\/50:active { + fill: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:fill-green-500\/60:focus { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:fill-green-500\/60:hover { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:fill-green-500\/60:active { + fill: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:fill-green-500\/70:focus { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:fill-green-500\/70:hover { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:fill-green-500\/70:active { + fill: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:fill-green-500\/80:focus { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:fill-green-500\/80:hover { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:fill-green-500\/80:active { + fill: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:fill-green-500\/90:focus { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:fill-green-500\/90:hover { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:fill-green-500\/90:active { + fill: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:fill-green-600:focus { + fill: var(--green-600) + } + .xl\:hover\:fill-green-600:hover { + fill: var(--green-600) + } + .xl\:active\:fill-green-600:active { + fill: var(--green-600) + } + .xl\:focus\:fill-green-600\/10:focus { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:fill-green-600\/10:hover { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:fill-green-600\/10:active { + fill: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:fill-green-600\/20:focus { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:fill-green-600\/20:hover { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:fill-green-600\/20:active { + fill: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:fill-green-600\/30:focus { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:fill-green-600\/30:hover { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:fill-green-600\/30:active { + fill: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:fill-green-600\/40:focus { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:fill-green-600\/40:hover { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:fill-green-600\/40:active { + fill: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:fill-green-600\/50:focus { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:fill-green-600\/50:hover { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:fill-green-600\/50:active { + fill: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:fill-green-600\/60:focus { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:fill-green-600\/60:hover { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:fill-green-600\/60:active { + fill: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:fill-green-600\/70:focus { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:fill-green-600\/70:hover { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:fill-green-600\/70:active { + fill: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:fill-green-600\/80:focus { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:fill-green-600\/80:hover { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:fill-green-600\/80:active { + fill: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:fill-green-600\/90:focus { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:fill-green-600\/90:hover { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:fill-green-600\/90:active { + fill: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:fill-green-700:focus { + fill: var(--green-700) + } + .xl\:hover\:fill-green-700:hover { + fill: var(--green-700) + } + .xl\:active\:fill-green-700:active { + fill: var(--green-700) + } + .xl\:focus\:fill-green-700\/10:focus { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:fill-green-700\/10:hover { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:fill-green-700\/10:active { + fill: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:fill-green-700\/20:focus { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:fill-green-700\/20:hover { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:fill-green-700\/20:active { + fill: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:fill-green-700\/30:focus { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:fill-green-700\/30:hover { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:fill-green-700\/30:active { + fill: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:fill-green-700\/40:focus { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:fill-green-700\/40:hover { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:fill-green-700\/40:active { + fill: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:fill-green-700\/50:focus { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:fill-green-700\/50:hover { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:fill-green-700\/50:active { + fill: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:fill-green-700\/60:focus { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:fill-green-700\/60:hover { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:fill-green-700\/60:active { + fill: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:fill-green-700\/70:focus { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:fill-green-700\/70:hover { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:fill-green-700\/70:active { + fill: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:fill-green-700\/80:focus { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:fill-green-700\/80:hover { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:fill-green-700\/80:active { + fill: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:fill-green-700\/90:focus { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:fill-green-700\/90:hover { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:fill-green-700\/90:active { + fill: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:fill-green-800:focus { + fill: var(--green-800) + } + .xl\:hover\:fill-green-800:hover { + fill: var(--green-800) + } + .xl\:active\:fill-green-800:active { + fill: var(--green-800) + } + .xl\:focus\:fill-green-800\/10:focus { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:fill-green-800\/10:hover { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:fill-green-800\/10:active { + fill: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:fill-green-800\/20:focus { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:fill-green-800\/20:hover { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:fill-green-800\/20:active { + fill: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:fill-green-800\/30:focus { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:fill-green-800\/30:hover { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:fill-green-800\/30:active { + fill: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:fill-green-800\/40:focus { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:fill-green-800\/40:hover { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:fill-green-800\/40:active { + fill: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:fill-green-800\/50:focus { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:fill-green-800\/50:hover { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:fill-green-800\/50:active { + fill: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:fill-green-800\/60:focus { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:fill-green-800\/60:hover { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:fill-green-800\/60:active { + fill: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:fill-green-800\/70:focus { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:fill-green-800\/70:hover { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:fill-green-800\/70:active { + fill: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:fill-green-800\/80:focus { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:fill-green-800\/80:hover { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:fill-green-800\/80:active { + fill: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:fill-green-800\/90:focus { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:fill-green-800\/90:hover { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:fill-green-800\/90:active { + fill: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:fill-green-900:focus { + fill: var(--green-900) + } + .xl\:hover\:fill-green-900:hover { + fill: var(--green-900) + } + .xl\:active\:fill-green-900:active { + fill: var(--green-900) + } + .xl\:focus\:fill-green-900\/10:focus { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:fill-green-900\/10:hover { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:fill-green-900\/10:active { + fill: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:fill-green-900\/20:focus { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:fill-green-900\/20:hover { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:fill-green-900\/20:active { + fill: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:fill-green-900\/30:focus { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:fill-green-900\/30:hover { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:fill-green-900\/30:active { + fill: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:fill-green-900\/40:focus { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:fill-green-900\/40:hover { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:fill-green-900\/40:active { + fill: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:fill-green-900\/50:focus { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:fill-green-900\/50:hover { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:fill-green-900\/50:active { + fill: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:fill-green-900\/60:focus { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:fill-green-900\/60:hover { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:fill-green-900\/60:active { + fill: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:fill-green-900\/70:focus { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:fill-green-900\/70:hover { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:fill-green-900\/70:active { + fill: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:fill-green-900\/80:focus { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:fill-green-900\/80:hover { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:fill-green-900\/80:active { + fill: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:fill-green-900\/90:focus { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:fill-green-900\/90:hover { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:fill-green-900\/90:active { + fill: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-50:focus { + fill: var(--yellow-50) + } + .xl\:hover\:fill-yellow-50:hover { + fill: var(--yellow-50) + } + .xl\:active\:fill-yellow-50:active { + fill: var(--yellow-50) + } + .xl\:focus\:fill-yellow-50\/10:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-50\/10:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:fill-yellow-50\/10:active { + fill: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-50\/20:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-50\/20:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:fill-yellow-50\/20:active { + fill: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-50\/30:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-50\/30:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:fill-yellow-50\/30:active { + fill: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-50\/40:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-50\/40:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:fill-yellow-50\/40:active { + fill: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-50\/50:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-50\/50:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:fill-yellow-50\/50:active { + fill: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-50\/60:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-50\/60:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:fill-yellow-50\/60:active { + fill: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-50\/70:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-50\/70:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:fill-yellow-50\/70:active { + fill: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-50\/80:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-50\/80:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:fill-yellow-50\/80:active { + fill: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-50\/90:focus { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-50\/90:hover { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:fill-yellow-50\/90:active { + fill: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-100:focus { + fill: var(--yellow-100) + } + .xl\:hover\:fill-yellow-100:hover { + fill: var(--yellow-100) + } + .xl\:active\:fill-yellow-100:active { + fill: var(--yellow-100) + } + .xl\:focus\:fill-yellow-100\/10:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-100\/10:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:fill-yellow-100\/10:active { + fill: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-100\/20:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-100\/20:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:fill-yellow-100\/20:active { + fill: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-100\/30:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-100\/30:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:fill-yellow-100\/30:active { + fill: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-100\/40:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-100\/40:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:fill-yellow-100\/40:active { + fill: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-100\/50:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-100\/50:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:fill-yellow-100\/50:active { + fill: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-100\/60:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-100\/60:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:fill-yellow-100\/60:active { + fill: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-100\/70:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-100\/70:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:fill-yellow-100\/70:active { + fill: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-100\/80:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-100\/80:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:fill-yellow-100\/80:active { + fill: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-100\/90:focus { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-100\/90:hover { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:fill-yellow-100\/90:active { + fill: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-200:focus { + fill: var(--yellow-200) + } + .xl\:hover\:fill-yellow-200:hover { + fill: var(--yellow-200) + } + .xl\:active\:fill-yellow-200:active { + fill: var(--yellow-200) + } + .xl\:focus\:fill-yellow-200\/10:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-200\/10:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:fill-yellow-200\/10:active { + fill: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-200\/20:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-200\/20:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:fill-yellow-200\/20:active { + fill: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-200\/30:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-200\/30:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:fill-yellow-200\/30:active { + fill: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-200\/40:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-200\/40:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:fill-yellow-200\/40:active { + fill: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-200\/50:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-200\/50:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:fill-yellow-200\/50:active { + fill: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-200\/60:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-200\/60:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:fill-yellow-200\/60:active { + fill: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-200\/70:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-200\/70:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:fill-yellow-200\/70:active { + fill: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-200\/80:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-200\/80:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:fill-yellow-200\/80:active { + fill: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-200\/90:focus { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-200\/90:hover { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:fill-yellow-200\/90:active { + fill: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-300:focus { + fill: var(--yellow-300) + } + .xl\:hover\:fill-yellow-300:hover { + fill: var(--yellow-300) + } + .xl\:active\:fill-yellow-300:active { + fill: var(--yellow-300) + } + .xl\:focus\:fill-yellow-300\/10:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-300\/10:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:fill-yellow-300\/10:active { + fill: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-300\/20:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-300\/20:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:fill-yellow-300\/20:active { + fill: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-300\/30:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-300\/30:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:fill-yellow-300\/30:active { + fill: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-300\/40:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-300\/40:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:fill-yellow-300\/40:active { + fill: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-300\/50:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-300\/50:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:fill-yellow-300\/50:active { + fill: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-300\/60:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-300\/60:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:fill-yellow-300\/60:active { + fill: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-300\/70:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-300\/70:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:fill-yellow-300\/70:active { + fill: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-300\/80:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-300\/80:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:fill-yellow-300\/80:active { + fill: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-300\/90:focus { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-300\/90:hover { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:fill-yellow-300\/90:active { + fill: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-400:focus { + fill: var(--yellow-400) + } + .xl\:hover\:fill-yellow-400:hover { + fill: var(--yellow-400) + } + .xl\:active\:fill-yellow-400:active { + fill: var(--yellow-400) + } + .xl\:focus\:fill-yellow-400\/10:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-400\/10:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:fill-yellow-400\/10:active { + fill: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-400\/20:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-400\/20:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:fill-yellow-400\/20:active { + fill: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-400\/30:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-400\/30:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:fill-yellow-400\/30:active { + fill: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-400\/40:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-400\/40:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:fill-yellow-400\/40:active { + fill: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-400\/50:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-400\/50:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:fill-yellow-400\/50:active { + fill: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-400\/60:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-400\/60:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:fill-yellow-400\/60:active { + fill: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-400\/70:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-400\/70:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:fill-yellow-400\/70:active { + fill: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-400\/80:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-400\/80:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:fill-yellow-400\/80:active { + fill: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-400\/90:focus { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-400\/90:hover { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:fill-yellow-400\/90:active { + fill: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-500:focus { + fill: var(--yellow-500) + } + .xl\:hover\:fill-yellow-500:hover { + fill: var(--yellow-500) + } + .xl\:active\:fill-yellow-500:active { + fill: var(--yellow-500) + } + .xl\:focus\:fill-yellow-500\/10:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-500\/10:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:fill-yellow-500\/10:active { + fill: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-500\/20:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-500\/20:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:fill-yellow-500\/20:active { + fill: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-500\/30:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-500\/30:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:fill-yellow-500\/30:active { + fill: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-500\/40:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-500\/40:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:fill-yellow-500\/40:active { + fill: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-500\/50:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-500\/50:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:fill-yellow-500\/50:active { + fill: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-500\/60:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-500\/60:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:fill-yellow-500\/60:active { + fill: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-500\/70:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-500\/70:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:fill-yellow-500\/70:active { + fill: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-500\/80:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-500\/80:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:fill-yellow-500\/80:active { + fill: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-500\/90:focus { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-500\/90:hover { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:fill-yellow-500\/90:active { + fill: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-600:focus { + fill: var(--yellow-600) + } + .xl\:hover\:fill-yellow-600:hover { + fill: var(--yellow-600) + } + .xl\:active\:fill-yellow-600:active { + fill: var(--yellow-600) + } + .xl\:focus\:fill-yellow-600\/10:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-600\/10:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:fill-yellow-600\/10:active { + fill: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-600\/20:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-600\/20:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:fill-yellow-600\/20:active { + fill: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-600\/30:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-600\/30:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:fill-yellow-600\/30:active { + fill: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-600\/40:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-600\/40:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:fill-yellow-600\/40:active { + fill: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-600\/50:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-600\/50:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:fill-yellow-600\/50:active { + fill: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-600\/60:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-600\/60:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:fill-yellow-600\/60:active { + fill: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-600\/70:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-600\/70:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:fill-yellow-600\/70:active { + fill: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-600\/80:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-600\/80:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:fill-yellow-600\/80:active { + fill: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-600\/90:focus { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-600\/90:hover { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:fill-yellow-600\/90:active { + fill: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-700:focus { + fill: var(--yellow-700) + } + .xl\:hover\:fill-yellow-700:hover { + fill: var(--yellow-700) + } + .xl\:active\:fill-yellow-700:active { + fill: var(--yellow-700) + } + .xl\:focus\:fill-yellow-700\/10:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-700\/10:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:fill-yellow-700\/10:active { + fill: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-700\/20:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-700\/20:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:fill-yellow-700\/20:active { + fill: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-700\/30:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-700\/30:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:fill-yellow-700\/30:active { + fill: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-700\/40:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-700\/40:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:fill-yellow-700\/40:active { + fill: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-700\/50:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-700\/50:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:fill-yellow-700\/50:active { + fill: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-700\/60:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-700\/60:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:fill-yellow-700\/60:active { + fill: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-700\/70:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-700\/70:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:fill-yellow-700\/70:active { + fill: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-700\/80:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-700\/80:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:fill-yellow-700\/80:active { + fill: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-700\/90:focus { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-700\/90:hover { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:fill-yellow-700\/90:active { + fill: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-800:focus { + fill: var(--yellow-800) + } + .xl\:hover\:fill-yellow-800:hover { + fill: var(--yellow-800) + } + .xl\:active\:fill-yellow-800:active { + fill: var(--yellow-800) + } + .xl\:focus\:fill-yellow-800\/10:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-800\/10:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:fill-yellow-800\/10:active { + fill: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-800\/20:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-800\/20:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:fill-yellow-800\/20:active { + fill: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-800\/30:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-800\/30:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:fill-yellow-800\/30:active { + fill: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-800\/40:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-800\/40:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:fill-yellow-800\/40:active { + fill: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-800\/50:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-800\/50:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:fill-yellow-800\/50:active { + fill: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-800\/60:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-800\/60:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:fill-yellow-800\/60:active { + fill: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-800\/70:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-800\/70:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:fill-yellow-800\/70:active { + fill: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-800\/80:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-800\/80:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:fill-yellow-800\/80:active { + fill: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-800\/90:focus { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-800\/90:hover { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:fill-yellow-800\/90:active { + fill: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:fill-yellow-900:focus { + fill: var(--yellow-900) + } + .xl\:hover\:fill-yellow-900:hover { + fill: var(--yellow-900) + } + .xl\:active\:fill-yellow-900:active { + fill: var(--yellow-900) + } + .xl\:focus\:fill-yellow-900\/10:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:fill-yellow-900\/10:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:fill-yellow-900\/10:active { + fill: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:fill-yellow-900\/20:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:fill-yellow-900\/20:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:fill-yellow-900\/20:active { + fill: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:fill-yellow-900\/30:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:fill-yellow-900\/30:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:fill-yellow-900\/30:active { + fill: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:fill-yellow-900\/40:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:fill-yellow-900\/40:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:fill-yellow-900\/40:active { + fill: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:fill-yellow-900\/50:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:fill-yellow-900\/50:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:fill-yellow-900\/50:active { + fill: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:fill-yellow-900\/60:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:fill-yellow-900\/60:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:fill-yellow-900\/60:active { + fill: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:fill-yellow-900\/70:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:fill-yellow-900\/70:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:fill-yellow-900\/70:active { + fill: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:fill-yellow-900\/80:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:fill-yellow-900\/80:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:fill-yellow-900\/80:active { + fill: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:fill-yellow-900\/90:focus { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:fill-yellow-900\/90:hover { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:fill-yellow-900\/90:active { + fill: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-50:focus { + fill: var(--cyan-50) + } + .xl\:hover\:fill-cyan-50:hover { + fill: var(--cyan-50) + } + .xl\:active\:fill-cyan-50:active { + fill: var(--cyan-50) + } + .xl\:focus\:fill-cyan-50\/10:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-50\/10:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:fill-cyan-50\/10:active { + fill: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-50\/20:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-50\/20:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:fill-cyan-50\/20:active { + fill: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-50\/30:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-50\/30:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:fill-cyan-50\/30:active { + fill: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-50\/40:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-50\/40:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:fill-cyan-50\/40:active { + fill: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-50\/50:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-50\/50:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:fill-cyan-50\/50:active { + fill: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-50\/60:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-50\/60:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:fill-cyan-50\/60:active { + fill: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-50\/70:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-50\/70:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:fill-cyan-50\/70:active { + fill: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-50\/80:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-50\/80:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:fill-cyan-50\/80:active { + fill: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-50\/90:focus { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-50\/90:hover { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:fill-cyan-50\/90:active { + fill: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-100:focus { + fill: var(--cyan-100) + } + .xl\:hover\:fill-cyan-100:hover { + fill: var(--cyan-100) + } + .xl\:active\:fill-cyan-100:active { + fill: var(--cyan-100) + } + .xl\:focus\:fill-cyan-100\/10:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-100\/10:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:fill-cyan-100\/10:active { + fill: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-100\/20:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-100\/20:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:fill-cyan-100\/20:active { + fill: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-100\/30:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-100\/30:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:fill-cyan-100\/30:active { + fill: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-100\/40:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-100\/40:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:fill-cyan-100\/40:active { + fill: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-100\/50:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-100\/50:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:fill-cyan-100\/50:active { + fill: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-100\/60:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-100\/60:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:fill-cyan-100\/60:active { + fill: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-100\/70:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-100\/70:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:fill-cyan-100\/70:active { + fill: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-100\/80:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-100\/80:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:fill-cyan-100\/80:active { + fill: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-100\/90:focus { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-100\/90:hover { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:fill-cyan-100\/90:active { + fill: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-200:focus { + fill: var(--cyan-200) + } + .xl\:hover\:fill-cyan-200:hover { + fill: var(--cyan-200) + } + .xl\:active\:fill-cyan-200:active { + fill: var(--cyan-200) + } + .xl\:focus\:fill-cyan-200\/10:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-200\/10:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:fill-cyan-200\/10:active { + fill: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-200\/20:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-200\/20:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:fill-cyan-200\/20:active { + fill: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-200\/30:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-200\/30:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:fill-cyan-200\/30:active { + fill: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-200\/40:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-200\/40:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:fill-cyan-200\/40:active { + fill: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-200\/50:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-200\/50:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:fill-cyan-200\/50:active { + fill: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-200\/60:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-200\/60:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:fill-cyan-200\/60:active { + fill: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-200\/70:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-200\/70:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:fill-cyan-200\/70:active { + fill: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-200\/80:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-200\/80:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:fill-cyan-200\/80:active { + fill: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-200\/90:focus { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-200\/90:hover { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:fill-cyan-200\/90:active { + fill: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-300:focus { + fill: var(--cyan-300) + } + .xl\:hover\:fill-cyan-300:hover { + fill: var(--cyan-300) + } + .xl\:active\:fill-cyan-300:active { + fill: var(--cyan-300) + } + .xl\:focus\:fill-cyan-300\/10:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-300\/10:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:fill-cyan-300\/10:active { + fill: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-300\/20:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-300\/20:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:fill-cyan-300\/20:active { + fill: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-300\/30:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-300\/30:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:fill-cyan-300\/30:active { + fill: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-300\/40:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-300\/40:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:fill-cyan-300\/40:active { + fill: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-300\/50:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-300\/50:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:fill-cyan-300\/50:active { + fill: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-300\/60:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-300\/60:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:fill-cyan-300\/60:active { + fill: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-300\/70:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-300\/70:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:fill-cyan-300\/70:active { + fill: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-300\/80:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-300\/80:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:fill-cyan-300\/80:active { + fill: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-300\/90:focus { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-300\/90:hover { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:fill-cyan-300\/90:active { + fill: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-400:focus { + fill: var(--cyan-400) + } + .xl\:hover\:fill-cyan-400:hover { + fill: var(--cyan-400) + } + .xl\:active\:fill-cyan-400:active { + fill: var(--cyan-400) + } + .xl\:focus\:fill-cyan-400\/10:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-400\/10:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:fill-cyan-400\/10:active { + fill: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-400\/20:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-400\/20:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:fill-cyan-400\/20:active { + fill: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-400\/30:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-400\/30:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:fill-cyan-400\/30:active { + fill: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-400\/40:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-400\/40:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:fill-cyan-400\/40:active { + fill: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-400\/50:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-400\/50:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:fill-cyan-400\/50:active { + fill: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-400\/60:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-400\/60:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:fill-cyan-400\/60:active { + fill: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-400\/70:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-400\/70:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:fill-cyan-400\/70:active { + fill: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-400\/80:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-400\/80:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:fill-cyan-400\/80:active { + fill: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-400\/90:focus { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-400\/90:hover { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:fill-cyan-400\/90:active { + fill: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-500:focus { + fill: var(--cyan-500) + } + .xl\:hover\:fill-cyan-500:hover { + fill: var(--cyan-500) + } + .xl\:active\:fill-cyan-500:active { + fill: var(--cyan-500) + } + .xl\:focus\:fill-cyan-500\/10:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-500\/10:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:fill-cyan-500\/10:active { + fill: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-500\/20:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-500\/20:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:fill-cyan-500\/20:active { + fill: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-500\/30:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-500\/30:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:fill-cyan-500\/30:active { + fill: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-500\/40:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-500\/40:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:fill-cyan-500\/40:active { + fill: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-500\/50:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-500\/50:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:fill-cyan-500\/50:active { + fill: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-500\/60:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-500\/60:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:fill-cyan-500\/60:active { + fill: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-500\/70:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-500\/70:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:fill-cyan-500\/70:active { + fill: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-500\/80:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-500\/80:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:fill-cyan-500\/80:active { + fill: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-500\/90:focus { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-500\/90:hover { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:fill-cyan-500\/90:active { + fill: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-600:focus { + fill: var(--cyan-600) + } + .xl\:hover\:fill-cyan-600:hover { + fill: var(--cyan-600) + } + .xl\:active\:fill-cyan-600:active { + fill: var(--cyan-600) + } + .xl\:focus\:fill-cyan-600\/10:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-600\/10:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:fill-cyan-600\/10:active { + fill: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-600\/20:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-600\/20:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:fill-cyan-600\/20:active { + fill: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-600\/30:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-600\/30:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:fill-cyan-600\/30:active { + fill: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-600\/40:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-600\/40:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:fill-cyan-600\/40:active { + fill: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-600\/50:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-600\/50:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:fill-cyan-600\/50:active { + fill: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-600\/60:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-600\/60:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:fill-cyan-600\/60:active { + fill: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-600\/70:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-600\/70:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:fill-cyan-600\/70:active { + fill: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-600\/80:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-600\/80:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:fill-cyan-600\/80:active { + fill: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-600\/90:focus { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-600\/90:hover { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:fill-cyan-600\/90:active { + fill: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-700:focus { + fill: var(--cyan-700) + } + .xl\:hover\:fill-cyan-700:hover { + fill: var(--cyan-700) + } + .xl\:active\:fill-cyan-700:active { + fill: var(--cyan-700) + } + .xl\:focus\:fill-cyan-700\/10:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-700\/10:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:fill-cyan-700\/10:active { + fill: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-700\/20:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-700\/20:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:fill-cyan-700\/20:active { + fill: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-700\/30:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-700\/30:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:fill-cyan-700\/30:active { + fill: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-700\/40:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-700\/40:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:fill-cyan-700\/40:active { + fill: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-700\/50:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-700\/50:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:fill-cyan-700\/50:active { + fill: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-700\/60:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-700\/60:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:fill-cyan-700\/60:active { + fill: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-700\/70:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-700\/70:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:fill-cyan-700\/70:active { + fill: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-700\/80:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-700\/80:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:fill-cyan-700\/80:active { + fill: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-700\/90:focus { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-700\/90:hover { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:fill-cyan-700\/90:active { + fill: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-800:focus { + fill: var(--cyan-800) + } + .xl\:hover\:fill-cyan-800:hover { + fill: var(--cyan-800) + } + .xl\:active\:fill-cyan-800:active { + fill: var(--cyan-800) + } + .xl\:focus\:fill-cyan-800\/10:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-800\/10:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:fill-cyan-800\/10:active { + fill: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-800\/20:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-800\/20:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:fill-cyan-800\/20:active { + fill: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-800\/30:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-800\/30:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:fill-cyan-800\/30:active { + fill: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-800\/40:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-800\/40:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:fill-cyan-800\/40:active { + fill: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-800\/50:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-800\/50:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:fill-cyan-800\/50:active { + fill: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-800\/60:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-800\/60:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:fill-cyan-800\/60:active { + fill: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-800\/70:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-800\/70:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:fill-cyan-800\/70:active { + fill: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-800\/80:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-800\/80:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:fill-cyan-800\/80:active { + fill: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-800\/90:focus { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-800\/90:hover { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:fill-cyan-800\/90:active { + fill: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:fill-cyan-900:focus { + fill: var(--cyan-900) + } + .xl\:hover\:fill-cyan-900:hover { + fill: var(--cyan-900) + } + .xl\:active\:fill-cyan-900:active { + fill: var(--cyan-900) + } + .xl\:focus\:fill-cyan-900\/10:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:fill-cyan-900\/10:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:fill-cyan-900\/10:active { + fill: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:fill-cyan-900\/20:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:fill-cyan-900\/20:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:fill-cyan-900\/20:active { + fill: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:fill-cyan-900\/30:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:fill-cyan-900\/30:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:fill-cyan-900\/30:active { + fill: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:fill-cyan-900\/40:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:fill-cyan-900\/40:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:fill-cyan-900\/40:active { + fill: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:fill-cyan-900\/50:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:fill-cyan-900\/50:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:fill-cyan-900\/50:active { + fill: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:fill-cyan-900\/60:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:fill-cyan-900\/60:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:fill-cyan-900\/60:active { + fill: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:fill-cyan-900\/70:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:fill-cyan-900\/70:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:fill-cyan-900\/70:active { + fill: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:fill-cyan-900\/80:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:fill-cyan-900\/80:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:fill-cyan-900\/80:active { + fill: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:fill-cyan-900\/90:focus { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:fill-cyan-900\/90:hover { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:fill-cyan-900\/90:active { + fill: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:fill-pink-50:focus { + fill: var(--pink-50) + } + .xl\:hover\:fill-pink-50:hover { + fill: var(--pink-50) + } + .xl\:active\:fill-pink-50:active { + fill: var(--pink-50) + } + .xl\:focus\:fill-pink-50\/10:focus { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:fill-pink-50\/10:hover { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:fill-pink-50\/10:active { + fill: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:fill-pink-50\/20:focus { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:fill-pink-50\/20:hover { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:fill-pink-50\/20:active { + fill: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:fill-pink-50\/30:focus { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:fill-pink-50\/30:hover { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:fill-pink-50\/30:active { + fill: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:fill-pink-50\/40:focus { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:fill-pink-50\/40:hover { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:fill-pink-50\/40:active { + fill: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:fill-pink-50\/50:focus { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:fill-pink-50\/50:hover { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:fill-pink-50\/50:active { + fill: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:fill-pink-50\/60:focus { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:fill-pink-50\/60:hover { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:fill-pink-50\/60:active { + fill: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:fill-pink-50\/70:focus { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:fill-pink-50\/70:hover { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:fill-pink-50\/70:active { + fill: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:fill-pink-50\/80:focus { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:fill-pink-50\/80:hover { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:fill-pink-50\/80:active { + fill: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:fill-pink-50\/90:focus { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:fill-pink-50\/90:hover { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:fill-pink-50\/90:active { + fill: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:fill-pink-100:focus { + fill: var(--pink-100) + } + .xl\:hover\:fill-pink-100:hover { + fill: var(--pink-100) + } + .xl\:active\:fill-pink-100:active { + fill: var(--pink-100) + } + .xl\:focus\:fill-pink-100\/10:focus { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:fill-pink-100\/10:hover { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:fill-pink-100\/10:active { + fill: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:fill-pink-100\/20:focus { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:fill-pink-100\/20:hover { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:fill-pink-100\/20:active { + fill: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:fill-pink-100\/30:focus { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:fill-pink-100\/30:hover { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:fill-pink-100\/30:active { + fill: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:fill-pink-100\/40:focus { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:fill-pink-100\/40:hover { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:fill-pink-100\/40:active { + fill: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:fill-pink-100\/50:focus { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:fill-pink-100\/50:hover { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:fill-pink-100\/50:active { + fill: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:fill-pink-100\/60:focus { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:fill-pink-100\/60:hover { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:fill-pink-100\/60:active { + fill: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:fill-pink-100\/70:focus { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:fill-pink-100\/70:hover { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:fill-pink-100\/70:active { + fill: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:fill-pink-100\/80:focus { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:fill-pink-100\/80:hover { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:fill-pink-100\/80:active { + fill: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:fill-pink-100\/90:focus { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:fill-pink-100\/90:hover { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:fill-pink-100\/90:active { + fill: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:fill-pink-200:focus { + fill: var(--pink-200) + } + .xl\:hover\:fill-pink-200:hover { + fill: var(--pink-200) + } + .xl\:active\:fill-pink-200:active { + fill: var(--pink-200) + } + .xl\:focus\:fill-pink-200\/10:focus { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:fill-pink-200\/10:hover { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:fill-pink-200\/10:active { + fill: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:fill-pink-200\/20:focus { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:fill-pink-200\/20:hover { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:fill-pink-200\/20:active { + fill: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:fill-pink-200\/30:focus { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:fill-pink-200\/30:hover { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:fill-pink-200\/30:active { + fill: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:fill-pink-200\/40:focus { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:fill-pink-200\/40:hover { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:fill-pink-200\/40:active { + fill: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:fill-pink-200\/50:focus { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:fill-pink-200\/50:hover { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:fill-pink-200\/50:active { + fill: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:fill-pink-200\/60:focus { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:fill-pink-200\/60:hover { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:fill-pink-200\/60:active { + fill: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:fill-pink-200\/70:focus { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:fill-pink-200\/70:hover { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:fill-pink-200\/70:active { + fill: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:fill-pink-200\/80:focus { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:fill-pink-200\/80:hover { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:fill-pink-200\/80:active { + fill: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:fill-pink-200\/90:focus { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:fill-pink-200\/90:hover { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:fill-pink-200\/90:active { + fill: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:fill-pink-300:focus { + fill: var(--pink-300) + } + .xl\:hover\:fill-pink-300:hover { + fill: var(--pink-300) + } + .xl\:active\:fill-pink-300:active { + fill: var(--pink-300) + } + .xl\:focus\:fill-pink-300\/10:focus { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:fill-pink-300\/10:hover { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:fill-pink-300\/10:active { + fill: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:fill-pink-300\/20:focus { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:fill-pink-300\/20:hover { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:fill-pink-300\/20:active { + fill: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:fill-pink-300\/30:focus { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:fill-pink-300\/30:hover { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:fill-pink-300\/30:active { + fill: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:fill-pink-300\/40:focus { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:fill-pink-300\/40:hover { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:fill-pink-300\/40:active { + fill: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:fill-pink-300\/50:focus { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:fill-pink-300\/50:hover { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:fill-pink-300\/50:active { + fill: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:fill-pink-300\/60:focus { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:fill-pink-300\/60:hover { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:fill-pink-300\/60:active { + fill: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:fill-pink-300\/70:focus { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:fill-pink-300\/70:hover { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:fill-pink-300\/70:active { + fill: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:fill-pink-300\/80:focus { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:fill-pink-300\/80:hover { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:fill-pink-300\/80:active { + fill: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:fill-pink-300\/90:focus { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:fill-pink-300\/90:hover { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:fill-pink-300\/90:active { + fill: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:fill-pink-400:focus { + fill: var(--pink-400) + } + .xl\:hover\:fill-pink-400:hover { + fill: var(--pink-400) + } + .xl\:active\:fill-pink-400:active { + fill: var(--pink-400) + } + .xl\:focus\:fill-pink-400\/10:focus { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:fill-pink-400\/10:hover { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:fill-pink-400\/10:active { + fill: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:fill-pink-400\/20:focus { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:fill-pink-400\/20:hover { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:fill-pink-400\/20:active { + fill: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:fill-pink-400\/30:focus { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:fill-pink-400\/30:hover { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:fill-pink-400\/30:active { + fill: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:fill-pink-400\/40:focus { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:fill-pink-400\/40:hover { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:fill-pink-400\/40:active { + fill: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:fill-pink-400\/50:focus { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:fill-pink-400\/50:hover { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:fill-pink-400\/50:active { + fill: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:fill-pink-400\/60:focus { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:fill-pink-400\/60:hover { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:fill-pink-400\/60:active { + fill: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:fill-pink-400\/70:focus { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:fill-pink-400\/70:hover { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:fill-pink-400\/70:active { + fill: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:fill-pink-400\/80:focus { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:fill-pink-400\/80:hover { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:fill-pink-400\/80:active { + fill: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:fill-pink-400\/90:focus { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:fill-pink-400\/90:hover { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:fill-pink-400\/90:active { + fill: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:fill-pink-500:focus { + fill: var(--pink-500) + } + .xl\:hover\:fill-pink-500:hover { + fill: var(--pink-500) + } + .xl\:active\:fill-pink-500:active { + fill: var(--pink-500) + } + .xl\:focus\:fill-pink-500\/10:focus { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:fill-pink-500\/10:hover { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:fill-pink-500\/10:active { + fill: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:fill-pink-500\/20:focus { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:fill-pink-500\/20:hover { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:fill-pink-500\/20:active { + fill: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:fill-pink-500\/30:focus { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:fill-pink-500\/30:hover { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:fill-pink-500\/30:active { + fill: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:fill-pink-500\/40:focus { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:fill-pink-500\/40:hover { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:fill-pink-500\/40:active { + fill: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:fill-pink-500\/50:focus { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:fill-pink-500\/50:hover { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:fill-pink-500\/50:active { + fill: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:fill-pink-500\/60:focus { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:fill-pink-500\/60:hover { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:fill-pink-500\/60:active { + fill: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:fill-pink-500\/70:focus { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:fill-pink-500\/70:hover { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:fill-pink-500\/70:active { + fill: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:fill-pink-500\/80:focus { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:fill-pink-500\/80:hover { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:fill-pink-500\/80:active { + fill: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:fill-pink-500\/90:focus { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:fill-pink-500\/90:hover { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:fill-pink-500\/90:active { + fill: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:fill-pink-600:focus { + fill: var(--pink-600) + } + .xl\:hover\:fill-pink-600:hover { + fill: var(--pink-600) + } + .xl\:active\:fill-pink-600:active { + fill: var(--pink-600) + } + .xl\:focus\:fill-pink-600\/10:focus { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:fill-pink-600\/10:hover { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:fill-pink-600\/10:active { + fill: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:fill-pink-600\/20:focus { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:fill-pink-600\/20:hover { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:fill-pink-600\/20:active { + fill: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:fill-pink-600\/30:focus { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:fill-pink-600\/30:hover { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:fill-pink-600\/30:active { + fill: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:fill-pink-600\/40:focus { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:fill-pink-600\/40:hover { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:fill-pink-600\/40:active { + fill: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:fill-pink-600\/50:focus { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:fill-pink-600\/50:hover { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:fill-pink-600\/50:active { + fill: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:fill-pink-600\/60:focus { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:fill-pink-600\/60:hover { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:fill-pink-600\/60:active { + fill: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:fill-pink-600\/70:focus { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:fill-pink-600\/70:hover { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:fill-pink-600\/70:active { + fill: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:fill-pink-600\/80:focus { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:fill-pink-600\/80:hover { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:fill-pink-600\/80:active { + fill: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:fill-pink-600\/90:focus { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:fill-pink-600\/90:hover { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:fill-pink-600\/90:active { + fill: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:fill-pink-700:focus { + fill: var(--pink-700) + } + .xl\:hover\:fill-pink-700:hover { + fill: var(--pink-700) + } + .xl\:active\:fill-pink-700:active { + fill: var(--pink-700) + } + .xl\:focus\:fill-pink-700\/10:focus { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:fill-pink-700\/10:hover { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:fill-pink-700\/10:active { + fill: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:fill-pink-700\/20:focus { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:fill-pink-700\/20:hover { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:fill-pink-700\/20:active { + fill: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:fill-pink-700\/30:focus { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:fill-pink-700\/30:hover { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:fill-pink-700\/30:active { + fill: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:fill-pink-700\/40:focus { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:fill-pink-700\/40:hover { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:fill-pink-700\/40:active { + fill: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:fill-pink-700\/50:focus { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:fill-pink-700\/50:hover { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:fill-pink-700\/50:active { + fill: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:fill-pink-700\/60:focus { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:fill-pink-700\/60:hover { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:fill-pink-700\/60:active { + fill: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:fill-pink-700\/70:focus { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:fill-pink-700\/70:hover { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:fill-pink-700\/70:active { + fill: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:fill-pink-700\/80:focus { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:fill-pink-700\/80:hover { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:fill-pink-700\/80:active { + fill: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:fill-pink-700\/90:focus { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:fill-pink-700\/90:hover { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:fill-pink-700\/90:active { + fill: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:fill-pink-800:focus { + fill: var(--pink-800) + } + .xl\:hover\:fill-pink-800:hover { + fill: var(--pink-800) + } + .xl\:active\:fill-pink-800:active { + fill: var(--pink-800) + } + .xl\:focus\:fill-pink-800\/10:focus { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:fill-pink-800\/10:hover { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:fill-pink-800\/10:active { + fill: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:fill-pink-800\/20:focus { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:fill-pink-800\/20:hover { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:fill-pink-800\/20:active { + fill: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:fill-pink-800\/30:focus { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:fill-pink-800\/30:hover { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:fill-pink-800\/30:active { + fill: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:fill-pink-800\/40:focus { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:fill-pink-800\/40:hover { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:fill-pink-800\/40:active { + fill: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:fill-pink-800\/50:focus { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:fill-pink-800\/50:hover { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:fill-pink-800\/50:active { + fill: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:fill-pink-800\/60:focus { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:fill-pink-800\/60:hover { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:fill-pink-800\/60:active { + fill: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:fill-pink-800\/70:focus { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:fill-pink-800\/70:hover { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:fill-pink-800\/70:active { + fill: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:fill-pink-800\/80:focus { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:fill-pink-800\/80:hover { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:fill-pink-800\/80:active { + fill: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:fill-pink-800\/90:focus { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:fill-pink-800\/90:hover { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:fill-pink-800\/90:active { + fill: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:fill-pink-900:focus { + fill: var(--pink-900) + } + .xl\:hover\:fill-pink-900:hover { + fill: var(--pink-900) + } + .xl\:active\:fill-pink-900:active { + fill: var(--pink-900) + } + .xl\:focus\:fill-pink-900\/10:focus { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:fill-pink-900\/10:hover { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:fill-pink-900\/10:active { + fill: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:fill-pink-900\/20:focus { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:fill-pink-900\/20:hover { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:fill-pink-900\/20:active { + fill: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:fill-pink-900\/30:focus { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:fill-pink-900\/30:hover { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:fill-pink-900\/30:active { + fill: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:fill-pink-900\/40:focus { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:fill-pink-900\/40:hover { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:fill-pink-900\/40:active { + fill: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:fill-pink-900\/50:focus { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:fill-pink-900\/50:hover { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:fill-pink-900\/50:active { + fill: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:fill-pink-900\/60:focus { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:fill-pink-900\/60:hover { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:fill-pink-900\/60:active { + fill: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:fill-pink-900\/70:focus { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:fill-pink-900\/70:hover { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:fill-pink-900\/70:active { + fill: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:fill-pink-900\/80:focus { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:fill-pink-900\/80:hover { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:fill-pink-900\/80:active { + fill: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:fill-pink-900\/90:focus { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:fill-pink-900\/90:hover { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:fill-pink-900\/90:active { + fill: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-50:focus { + fill: var(--indigo-50) + } + .xl\:hover\:fill-indigo-50:hover { + fill: var(--indigo-50) + } + .xl\:active\:fill-indigo-50:active { + fill: var(--indigo-50) + } + .xl\:focus\:fill-indigo-50\/10:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-50\/10:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:fill-indigo-50\/10:active { + fill: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-50\/20:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-50\/20:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:fill-indigo-50\/20:active { + fill: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-50\/30:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-50\/30:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:fill-indigo-50\/30:active { + fill: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-50\/40:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-50\/40:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:fill-indigo-50\/40:active { + fill: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-50\/50:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-50\/50:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:fill-indigo-50\/50:active { + fill: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-50\/60:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-50\/60:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:fill-indigo-50\/60:active { + fill: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-50\/70:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-50\/70:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:fill-indigo-50\/70:active { + fill: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-50\/80:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-50\/80:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:fill-indigo-50\/80:active { + fill: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-50\/90:focus { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-50\/90:hover { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:fill-indigo-50\/90:active { + fill: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-100:focus { + fill: var(--indigo-100) + } + .xl\:hover\:fill-indigo-100:hover { + fill: var(--indigo-100) + } + .xl\:active\:fill-indigo-100:active { + fill: var(--indigo-100) + } + .xl\:focus\:fill-indigo-100\/10:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-100\/10:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:fill-indigo-100\/10:active { + fill: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-100\/20:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-100\/20:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:fill-indigo-100\/20:active { + fill: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-100\/30:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-100\/30:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:fill-indigo-100\/30:active { + fill: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-100\/40:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-100\/40:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:fill-indigo-100\/40:active { + fill: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-100\/50:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-100\/50:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:fill-indigo-100\/50:active { + fill: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-100\/60:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-100\/60:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:fill-indigo-100\/60:active { + fill: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-100\/70:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-100\/70:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:fill-indigo-100\/70:active { + fill: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-100\/80:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-100\/80:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:fill-indigo-100\/80:active { + fill: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-100\/90:focus { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-100\/90:hover { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:fill-indigo-100\/90:active { + fill: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-200:focus { + fill: var(--indigo-200) + } + .xl\:hover\:fill-indigo-200:hover { + fill: var(--indigo-200) + } + .xl\:active\:fill-indigo-200:active { + fill: var(--indigo-200) + } + .xl\:focus\:fill-indigo-200\/10:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-200\/10:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:fill-indigo-200\/10:active { + fill: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-200\/20:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-200\/20:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:fill-indigo-200\/20:active { + fill: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-200\/30:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-200\/30:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:fill-indigo-200\/30:active { + fill: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-200\/40:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-200\/40:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:fill-indigo-200\/40:active { + fill: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-200\/50:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-200\/50:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:fill-indigo-200\/50:active { + fill: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-200\/60:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-200\/60:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:fill-indigo-200\/60:active { + fill: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-200\/70:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-200\/70:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:fill-indigo-200\/70:active { + fill: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-200\/80:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-200\/80:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:fill-indigo-200\/80:active { + fill: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-200\/90:focus { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-200\/90:hover { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:fill-indigo-200\/90:active { + fill: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-300:focus { + fill: var(--indigo-300) + } + .xl\:hover\:fill-indigo-300:hover { + fill: var(--indigo-300) + } + .xl\:active\:fill-indigo-300:active { + fill: var(--indigo-300) + } + .xl\:focus\:fill-indigo-300\/10:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-300\/10:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:fill-indigo-300\/10:active { + fill: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-300\/20:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-300\/20:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:fill-indigo-300\/20:active { + fill: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-300\/30:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-300\/30:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:fill-indigo-300\/30:active { + fill: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-300\/40:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-300\/40:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:fill-indigo-300\/40:active { + fill: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-300\/50:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-300\/50:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:fill-indigo-300\/50:active { + fill: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-300\/60:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-300\/60:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:fill-indigo-300\/60:active { + fill: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-300\/70:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-300\/70:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:fill-indigo-300\/70:active { + fill: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-300\/80:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-300\/80:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:fill-indigo-300\/80:active { + fill: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-300\/90:focus { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-300\/90:hover { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:fill-indigo-300\/90:active { + fill: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-400:focus { + fill: var(--indigo-400) + } + .xl\:hover\:fill-indigo-400:hover { + fill: var(--indigo-400) + } + .xl\:active\:fill-indigo-400:active { + fill: var(--indigo-400) + } + .xl\:focus\:fill-indigo-400\/10:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-400\/10:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:fill-indigo-400\/10:active { + fill: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-400\/20:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-400\/20:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:fill-indigo-400\/20:active { + fill: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-400\/30:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-400\/30:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:fill-indigo-400\/30:active { + fill: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-400\/40:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-400\/40:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:fill-indigo-400\/40:active { + fill: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-400\/50:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-400\/50:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:fill-indigo-400\/50:active { + fill: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-400\/60:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-400\/60:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:fill-indigo-400\/60:active { + fill: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-400\/70:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-400\/70:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:fill-indigo-400\/70:active { + fill: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-400\/80:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-400\/80:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:fill-indigo-400\/80:active { + fill: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-400\/90:focus { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-400\/90:hover { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:fill-indigo-400\/90:active { + fill: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-500:focus { + fill: var(--indigo-500) + } + .xl\:hover\:fill-indigo-500:hover { + fill: var(--indigo-500) + } + .xl\:active\:fill-indigo-500:active { + fill: var(--indigo-500) + } + .xl\:focus\:fill-indigo-500\/10:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-500\/10:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:fill-indigo-500\/10:active { + fill: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-500\/20:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-500\/20:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:fill-indigo-500\/20:active { + fill: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-500\/30:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-500\/30:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:fill-indigo-500\/30:active { + fill: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-500\/40:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-500\/40:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:fill-indigo-500\/40:active { + fill: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-500\/50:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-500\/50:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:fill-indigo-500\/50:active { + fill: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-500\/60:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-500\/60:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:fill-indigo-500\/60:active { + fill: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-500\/70:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-500\/70:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:fill-indigo-500\/70:active { + fill: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-500\/80:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-500\/80:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:fill-indigo-500\/80:active { + fill: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-500\/90:focus { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-500\/90:hover { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:fill-indigo-500\/90:active { + fill: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-600:focus { + fill: var(--indigo-600) + } + .xl\:hover\:fill-indigo-600:hover { + fill: var(--indigo-600) + } + .xl\:active\:fill-indigo-600:active { + fill: var(--indigo-600) + } + .xl\:focus\:fill-indigo-600\/10:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-600\/10:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:fill-indigo-600\/10:active { + fill: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-600\/20:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-600\/20:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:fill-indigo-600\/20:active { + fill: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-600\/30:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-600\/30:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:fill-indigo-600\/30:active { + fill: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-600\/40:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-600\/40:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:fill-indigo-600\/40:active { + fill: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-600\/50:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-600\/50:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:fill-indigo-600\/50:active { + fill: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-600\/60:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-600\/60:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:fill-indigo-600\/60:active { + fill: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-600\/70:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-600\/70:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:fill-indigo-600\/70:active { + fill: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-600\/80:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-600\/80:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:fill-indigo-600\/80:active { + fill: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-600\/90:focus { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-600\/90:hover { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:fill-indigo-600\/90:active { + fill: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-700:focus { + fill: var(--indigo-700) + } + .xl\:hover\:fill-indigo-700:hover { + fill: var(--indigo-700) + } + .xl\:active\:fill-indigo-700:active { + fill: var(--indigo-700) + } + .xl\:focus\:fill-indigo-700\/10:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-700\/10:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:fill-indigo-700\/10:active { + fill: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-700\/20:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-700\/20:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:fill-indigo-700\/20:active { + fill: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-700\/30:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-700\/30:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:fill-indigo-700\/30:active { + fill: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-700\/40:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-700\/40:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:fill-indigo-700\/40:active { + fill: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-700\/50:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-700\/50:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:fill-indigo-700\/50:active { + fill: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-700\/60:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-700\/60:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:fill-indigo-700\/60:active { + fill: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-700\/70:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-700\/70:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:fill-indigo-700\/70:active { + fill: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-700\/80:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-700\/80:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:fill-indigo-700\/80:active { + fill: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-700\/90:focus { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-700\/90:hover { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:fill-indigo-700\/90:active { + fill: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-800:focus { + fill: var(--indigo-800) + } + .xl\:hover\:fill-indigo-800:hover { + fill: var(--indigo-800) + } + .xl\:active\:fill-indigo-800:active { + fill: var(--indigo-800) + } + .xl\:focus\:fill-indigo-800\/10:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-800\/10:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:fill-indigo-800\/10:active { + fill: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-800\/20:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-800\/20:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:fill-indigo-800\/20:active { + fill: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-800\/30:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-800\/30:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:fill-indigo-800\/30:active { + fill: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-800\/40:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-800\/40:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:fill-indigo-800\/40:active { + fill: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-800\/50:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-800\/50:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:fill-indigo-800\/50:active { + fill: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-800\/60:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-800\/60:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:fill-indigo-800\/60:active { + fill: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-800\/70:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-800\/70:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:fill-indigo-800\/70:active { + fill: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-800\/80:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-800\/80:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:fill-indigo-800\/80:active { + fill: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-800\/90:focus { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-800\/90:hover { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:fill-indigo-800\/90:active { + fill: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:fill-indigo-900:focus { + fill: var(--indigo-900) + } + .xl\:hover\:fill-indigo-900:hover { + fill: var(--indigo-900) + } + .xl\:active\:fill-indigo-900:active { + fill: var(--indigo-900) + } + .xl\:focus\:fill-indigo-900\/10:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:fill-indigo-900\/10:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:fill-indigo-900\/10:active { + fill: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:fill-indigo-900\/20:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:fill-indigo-900\/20:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:fill-indigo-900\/20:active { + fill: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:fill-indigo-900\/30:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:fill-indigo-900\/30:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:fill-indigo-900\/30:active { + fill: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:fill-indigo-900\/40:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:fill-indigo-900\/40:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:fill-indigo-900\/40:active { + fill: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:fill-indigo-900\/50:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:fill-indigo-900\/50:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:fill-indigo-900\/50:active { + fill: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:fill-indigo-900\/60:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:fill-indigo-900\/60:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:fill-indigo-900\/60:active { + fill: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:fill-indigo-900\/70:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:fill-indigo-900\/70:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:fill-indigo-900\/70:active { + fill: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:fill-indigo-900\/80:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:fill-indigo-900\/80:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:fill-indigo-900\/80:active { + fill: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:fill-indigo-900\/90:focus { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:fill-indigo-900\/90:hover { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:fill-indigo-900\/90:active { + fill: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:fill-teal-50:focus { + fill: var(--teal-50) + } + .xl\:hover\:fill-teal-50:hover { + fill: var(--teal-50) + } + .xl\:active\:fill-teal-50:active { + fill: var(--teal-50) + } + .xl\:focus\:fill-teal-50\/10:focus { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:fill-teal-50\/10:hover { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:fill-teal-50\/10:active { + fill: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:fill-teal-50\/20:focus { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:fill-teal-50\/20:hover { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:fill-teal-50\/20:active { + fill: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:fill-teal-50\/30:focus { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:fill-teal-50\/30:hover { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:fill-teal-50\/30:active { + fill: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:fill-teal-50\/40:focus { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:fill-teal-50\/40:hover { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:fill-teal-50\/40:active { + fill: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:fill-teal-50\/50:focus { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:fill-teal-50\/50:hover { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:fill-teal-50\/50:active { + fill: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:fill-teal-50\/60:focus { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:fill-teal-50\/60:hover { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:fill-teal-50\/60:active { + fill: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:fill-teal-50\/70:focus { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:fill-teal-50\/70:hover { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:fill-teal-50\/70:active { + fill: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:fill-teal-50\/80:focus { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:fill-teal-50\/80:hover { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:fill-teal-50\/80:active { + fill: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:fill-teal-50\/90:focus { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:fill-teal-50\/90:hover { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:fill-teal-50\/90:active { + fill: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:fill-teal-100:focus { + fill: var(--teal-100) + } + .xl\:hover\:fill-teal-100:hover { + fill: var(--teal-100) + } + .xl\:active\:fill-teal-100:active { + fill: var(--teal-100) + } + .xl\:focus\:fill-teal-100\/10:focus { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:fill-teal-100\/10:hover { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:fill-teal-100\/10:active { + fill: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:fill-teal-100\/20:focus { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:fill-teal-100\/20:hover { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:fill-teal-100\/20:active { + fill: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:fill-teal-100\/30:focus { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:fill-teal-100\/30:hover { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:fill-teal-100\/30:active { + fill: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:fill-teal-100\/40:focus { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:fill-teal-100\/40:hover { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:fill-teal-100\/40:active { + fill: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:fill-teal-100\/50:focus { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:fill-teal-100\/50:hover { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:fill-teal-100\/50:active { + fill: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:fill-teal-100\/60:focus { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:fill-teal-100\/60:hover { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:fill-teal-100\/60:active { + fill: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:fill-teal-100\/70:focus { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:fill-teal-100\/70:hover { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:fill-teal-100\/70:active { + fill: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:fill-teal-100\/80:focus { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:fill-teal-100\/80:hover { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:fill-teal-100\/80:active { + fill: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:fill-teal-100\/90:focus { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:fill-teal-100\/90:hover { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:fill-teal-100\/90:active { + fill: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:fill-teal-200:focus { + fill: var(--teal-200) + } + .xl\:hover\:fill-teal-200:hover { + fill: var(--teal-200) + } + .xl\:active\:fill-teal-200:active { + fill: var(--teal-200) + } + .xl\:focus\:fill-teal-200\/10:focus { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:fill-teal-200\/10:hover { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:fill-teal-200\/10:active { + fill: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:fill-teal-200\/20:focus { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:fill-teal-200\/20:hover { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:fill-teal-200\/20:active { + fill: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:fill-teal-200\/30:focus { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:fill-teal-200\/30:hover { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:fill-teal-200\/30:active { + fill: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:fill-teal-200\/40:focus { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:fill-teal-200\/40:hover { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:fill-teal-200\/40:active { + fill: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:fill-teal-200\/50:focus { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:fill-teal-200\/50:hover { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:fill-teal-200\/50:active { + fill: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:fill-teal-200\/60:focus { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:fill-teal-200\/60:hover { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:fill-teal-200\/60:active { + fill: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:fill-teal-200\/70:focus { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:fill-teal-200\/70:hover { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:fill-teal-200\/70:active { + fill: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:fill-teal-200\/80:focus { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:fill-teal-200\/80:hover { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:fill-teal-200\/80:active { + fill: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:fill-teal-200\/90:focus { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:fill-teal-200\/90:hover { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:fill-teal-200\/90:active { + fill: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:fill-teal-300:focus { + fill: var(--teal-300) + } + .xl\:hover\:fill-teal-300:hover { + fill: var(--teal-300) + } + .xl\:active\:fill-teal-300:active { + fill: var(--teal-300) + } + .xl\:focus\:fill-teal-300\/10:focus { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:fill-teal-300\/10:hover { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:fill-teal-300\/10:active { + fill: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:fill-teal-300\/20:focus { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:fill-teal-300\/20:hover { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:fill-teal-300\/20:active { + fill: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:fill-teal-300\/30:focus { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:fill-teal-300\/30:hover { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:fill-teal-300\/30:active { + fill: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:fill-teal-300\/40:focus { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:fill-teal-300\/40:hover { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:fill-teal-300\/40:active { + fill: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:fill-teal-300\/50:focus { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:fill-teal-300\/50:hover { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:fill-teal-300\/50:active { + fill: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:fill-teal-300\/60:focus { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:fill-teal-300\/60:hover { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:fill-teal-300\/60:active { + fill: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:fill-teal-300\/70:focus { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:fill-teal-300\/70:hover { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:fill-teal-300\/70:active { + fill: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:fill-teal-300\/80:focus { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:fill-teal-300\/80:hover { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:fill-teal-300\/80:active { + fill: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:fill-teal-300\/90:focus { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:fill-teal-300\/90:hover { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:fill-teal-300\/90:active { + fill: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:fill-teal-400:focus { + fill: var(--teal-400) + } + .xl\:hover\:fill-teal-400:hover { + fill: var(--teal-400) + } + .xl\:active\:fill-teal-400:active { + fill: var(--teal-400) + } + .xl\:focus\:fill-teal-400\/10:focus { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:fill-teal-400\/10:hover { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:fill-teal-400\/10:active { + fill: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:fill-teal-400\/20:focus { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:fill-teal-400\/20:hover { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:fill-teal-400\/20:active { + fill: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:fill-teal-400\/30:focus { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:fill-teal-400\/30:hover { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:fill-teal-400\/30:active { + fill: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:fill-teal-400\/40:focus { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:fill-teal-400\/40:hover { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:fill-teal-400\/40:active { + fill: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:fill-teal-400\/50:focus { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:fill-teal-400\/50:hover { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:fill-teal-400\/50:active { + fill: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:fill-teal-400\/60:focus { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:fill-teal-400\/60:hover { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:fill-teal-400\/60:active { + fill: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:fill-teal-400\/70:focus { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:fill-teal-400\/70:hover { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:fill-teal-400\/70:active { + fill: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:fill-teal-400\/80:focus { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:fill-teal-400\/80:hover { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:fill-teal-400\/80:active { + fill: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:fill-teal-400\/90:focus { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:fill-teal-400\/90:hover { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:fill-teal-400\/90:active { + fill: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:fill-teal-500:focus { + fill: var(--teal-500) + } + .xl\:hover\:fill-teal-500:hover { + fill: var(--teal-500) + } + .xl\:active\:fill-teal-500:active { + fill: var(--teal-500) + } + .xl\:focus\:fill-teal-500\/10:focus { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:fill-teal-500\/10:hover { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:fill-teal-500\/10:active { + fill: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:fill-teal-500\/20:focus { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:fill-teal-500\/20:hover { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:fill-teal-500\/20:active { + fill: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:fill-teal-500\/30:focus { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:fill-teal-500\/30:hover { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:fill-teal-500\/30:active { + fill: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:fill-teal-500\/40:focus { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:fill-teal-500\/40:hover { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:fill-teal-500\/40:active { + fill: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:fill-teal-500\/50:focus { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:fill-teal-500\/50:hover { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:fill-teal-500\/50:active { + fill: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:fill-teal-500\/60:focus { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:fill-teal-500\/60:hover { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:fill-teal-500\/60:active { + fill: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:fill-teal-500\/70:focus { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:fill-teal-500\/70:hover { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:fill-teal-500\/70:active { + fill: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:fill-teal-500\/80:focus { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:fill-teal-500\/80:hover { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:fill-teal-500\/80:active { + fill: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:fill-teal-500\/90:focus { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:fill-teal-500\/90:hover { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:fill-teal-500\/90:active { + fill: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:fill-teal-600:focus { + fill: var(--teal-600) + } + .xl\:hover\:fill-teal-600:hover { + fill: var(--teal-600) + } + .xl\:active\:fill-teal-600:active { + fill: var(--teal-600) + } + .xl\:focus\:fill-teal-600\/10:focus { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:fill-teal-600\/10:hover { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:fill-teal-600\/10:active { + fill: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:fill-teal-600\/20:focus { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:fill-teal-600\/20:hover { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:fill-teal-600\/20:active { + fill: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:fill-teal-600\/30:focus { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:fill-teal-600\/30:hover { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:fill-teal-600\/30:active { + fill: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:fill-teal-600\/40:focus { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:fill-teal-600\/40:hover { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:fill-teal-600\/40:active { + fill: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:fill-teal-600\/50:focus { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:fill-teal-600\/50:hover { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:fill-teal-600\/50:active { + fill: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:fill-teal-600\/60:focus { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:fill-teal-600\/60:hover { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:fill-teal-600\/60:active { + fill: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:fill-teal-600\/70:focus { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:fill-teal-600\/70:hover { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:fill-teal-600\/70:active { + fill: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:fill-teal-600\/80:focus { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:fill-teal-600\/80:hover { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:fill-teal-600\/80:active { + fill: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:fill-teal-600\/90:focus { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:fill-teal-600\/90:hover { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:fill-teal-600\/90:active { + fill: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:fill-teal-700:focus { + fill: var(--teal-700) + } + .xl\:hover\:fill-teal-700:hover { + fill: var(--teal-700) + } + .xl\:active\:fill-teal-700:active { + fill: var(--teal-700) + } + .xl\:focus\:fill-teal-700\/10:focus { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:fill-teal-700\/10:hover { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:fill-teal-700\/10:active { + fill: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:fill-teal-700\/20:focus { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:fill-teal-700\/20:hover { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:fill-teal-700\/20:active { + fill: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:fill-teal-700\/30:focus { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:fill-teal-700\/30:hover { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:fill-teal-700\/30:active { + fill: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:fill-teal-700\/40:focus { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:fill-teal-700\/40:hover { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:fill-teal-700\/40:active { + fill: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:fill-teal-700\/50:focus { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:fill-teal-700\/50:hover { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:fill-teal-700\/50:active { + fill: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:fill-teal-700\/60:focus { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:fill-teal-700\/60:hover { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:fill-teal-700\/60:active { + fill: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:fill-teal-700\/70:focus { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:fill-teal-700\/70:hover { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:fill-teal-700\/70:active { + fill: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:fill-teal-700\/80:focus { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:fill-teal-700\/80:hover { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:fill-teal-700\/80:active { + fill: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:fill-teal-700\/90:focus { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:fill-teal-700\/90:hover { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:fill-teal-700\/90:active { + fill: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:fill-teal-800:focus { + fill: var(--teal-800) + } + .xl\:hover\:fill-teal-800:hover { + fill: var(--teal-800) + } + .xl\:active\:fill-teal-800:active { + fill: var(--teal-800) + } + .xl\:focus\:fill-teal-800\/10:focus { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:fill-teal-800\/10:hover { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:fill-teal-800\/10:active { + fill: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:fill-teal-800\/20:focus { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:fill-teal-800\/20:hover { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:fill-teal-800\/20:active { + fill: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:fill-teal-800\/30:focus { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:fill-teal-800\/30:hover { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:fill-teal-800\/30:active { + fill: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:fill-teal-800\/40:focus { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:fill-teal-800\/40:hover { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:fill-teal-800\/40:active { + fill: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:fill-teal-800\/50:focus { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:fill-teal-800\/50:hover { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:fill-teal-800\/50:active { + fill: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:fill-teal-800\/60:focus { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:fill-teal-800\/60:hover { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:fill-teal-800\/60:active { + fill: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:fill-teal-800\/70:focus { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:fill-teal-800\/70:hover { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:fill-teal-800\/70:active { + fill: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:fill-teal-800\/80:focus { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:fill-teal-800\/80:hover { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:fill-teal-800\/80:active { + fill: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:fill-teal-800\/90:focus { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:fill-teal-800\/90:hover { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:fill-teal-800\/90:active { + fill: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:fill-teal-900:focus { + fill: var(--teal-900) + } + .xl\:hover\:fill-teal-900:hover { + fill: var(--teal-900) + } + .xl\:active\:fill-teal-900:active { + fill: var(--teal-900) + } + .xl\:focus\:fill-teal-900\/10:focus { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:fill-teal-900\/10:hover { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:fill-teal-900\/10:active { + fill: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:fill-teal-900\/20:focus { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:fill-teal-900\/20:hover { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:fill-teal-900\/20:active { + fill: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:fill-teal-900\/30:focus { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:fill-teal-900\/30:hover { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:fill-teal-900\/30:active { + fill: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:fill-teal-900\/40:focus { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:fill-teal-900\/40:hover { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:fill-teal-900\/40:active { + fill: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:fill-teal-900\/50:focus { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:fill-teal-900\/50:hover { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:fill-teal-900\/50:active { + fill: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:fill-teal-900\/60:focus { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:fill-teal-900\/60:hover { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:fill-teal-900\/60:active { + fill: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:fill-teal-900\/70:focus { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:fill-teal-900\/70:hover { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:fill-teal-900\/70:active { + fill: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:fill-teal-900\/80:focus { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:fill-teal-900\/80:hover { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:fill-teal-900\/80:active { + fill: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:fill-teal-900\/90:focus { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:fill-teal-900\/90:hover { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:fill-teal-900\/90:active { + fill: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:fill-orange-50:focus { + fill: var(--orange-50) + } + .xl\:hover\:fill-orange-50:hover { + fill: var(--orange-50) + } + .xl\:active\:fill-orange-50:active { + fill: var(--orange-50) + } + .xl\:focus\:fill-orange-50\/10:focus { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:fill-orange-50\/10:hover { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:fill-orange-50\/10:active { + fill: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:fill-orange-50\/20:focus { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:fill-orange-50\/20:hover { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:fill-orange-50\/20:active { + fill: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:fill-orange-50\/30:focus { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:fill-orange-50\/30:hover { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:fill-orange-50\/30:active { + fill: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:fill-orange-50\/40:focus { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:fill-orange-50\/40:hover { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:fill-orange-50\/40:active { + fill: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:fill-orange-50\/50:focus { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:fill-orange-50\/50:hover { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:fill-orange-50\/50:active { + fill: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:fill-orange-50\/60:focus { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:fill-orange-50\/60:hover { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:fill-orange-50\/60:active { + fill: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:fill-orange-50\/70:focus { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:fill-orange-50\/70:hover { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:fill-orange-50\/70:active { + fill: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:fill-orange-50\/80:focus { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:fill-orange-50\/80:hover { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:fill-orange-50\/80:active { + fill: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:fill-orange-50\/90:focus { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:fill-orange-50\/90:hover { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:fill-orange-50\/90:active { + fill: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:fill-orange-100:focus { + fill: var(--orange-100) + } + .xl\:hover\:fill-orange-100:hover { + fill: var(--orange-100) + } + .xl\:active\:fill-orange-100:active { + fill: var(--orange-100) + } + .xl\:focus\:fill-orange-100\/10:focus { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:fill-orange-100\/10:hover { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:fill-orange-100\/10:active { + fill: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:fill-orange-100\/20:focus { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:fill-orange-100\/20:hover { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:fill-orange-100\/20:active { + fill: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:fill-orange-100\/30:focus { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:fill-orange-100\/30:hover { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:fill-orange-100\/30:active { + fill: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:fill-orange-100\/40:focus { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:fill-orange-100\/40:hover { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:fill-orange-100\/40:active { + fill: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:fill-orange-100\/50:focus { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:fill-orange-100\/50:hover { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:fill-orange-100\/50:active { + fill: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:fill-orange-100\/60:focus { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:fill-orange-100\/60:hover { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:fill-orange-100\/60:active { + fill: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:fill-orange-100\/70:focus { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:fill-orange-100\/70:hover { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:fill-orange-100\/70:active { + fill: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:fill-orange-100\/80:focus { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:fill-orange-100\/80:hover { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:fill-orange-100\/80:active { + fill: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:fill-orange-100\/90:focus { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:fill-orange-100\/90:hover { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:fill-orange-100\/90:active { + fill: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:fill-orange-200:focus { + fill: var(--orange-200) + } + .xl\:hover\:fill-orange-200:hover { + fill: var(--orange-200) + } + .xl\:active\:fill-orange-200:active { + fill: var(--orange-200) + } + .xl\:focus\:fill-orange-200\/10:focus { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:fill-orange-200\/10:hover { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:fill-orange-200\/10:active { + fill: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:fill-orange-200\/20:focus { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:fill-orange-200\/20:hover { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:fill-orange-200\/20:active { + fill: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:fill-orange-200\/30:focus { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:fill-orange-200\/30:hover { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:fill-orange-200\/30:active { + fill: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:fill-orange-200\/40:focus { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:fill-orange-200\/40:hover { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:fill-orange-200\/40:active { + fill: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:fill-orange-200\/50:focus { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:fill-orange-200\/50:hover { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:fill-orange-200\/50:active { + fill: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:fill-orange-200\/60:focus { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:fill-orange-200\/60:hover { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:fill-orange-200\/60:active { + fill: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:fill-orange-200\/70:focus { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:fill-orange-200\/70:hover { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:fill-orange-200\/70:active { + fill: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:fill-orange-200\/80:focus { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:fill-orange-200\/80:hover { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:fill-orange-200\/80:active { + fill: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:fill-orange-200\/90:focus { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:fill-orange-200\/90:hover { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:fill-orange-200\/90:active { + fill: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:fill-orange-300:focus { + fill: var(--orange-300) + } + .xl\:hover\:fill-orange-300:hover { + fill: var(--orange-300) + } + .xl\:active\:fill-orange-300:active { + fill: var(--orange-300) + } + .xl\:focus\:fill-orange-300\/10:focus { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:fill-orange-300\/10:hover { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:fill-orange-300\/10:active { + fill: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:fill-orange-300\/20:focus { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:fill-orange-300\/20:hover { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:fill-orange-300\/20:active { + fill: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:fill-orange-300\/30:focus { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:fill-orange-300\/30:hover { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:fill-orange-300\/30:active { + fill: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:fill-orange-300\/40:focus { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:fill-orange-300\/40:hover { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:fill-orange-300\/40:active { + fill: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:fill-orange-300\/50:focus { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:fill-orange-300\/50:hover { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:fill-orange-300\/50:active { + fill: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:fill-orange-300\/60:focus { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:fill-orange-300\/60:hover { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:fill-orange-300\/60:active { + fill: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:fill-orange-300\/70:focus { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:fill-orange-300\/70:hover { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:fill-orange-300\/70:active { + fill: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:fill-orange-300\/80:focus { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:fill-orange-300\/80:hover { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:fill-orange-300\/80:active { + fill: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:fill-orange-300\/90:focus { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:fill-orange-300\/90:hover { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:fill-orange-300\/90:active { + fill: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:fill-orange-400:focus { + fill: var(--orange-400) + } + .xl\:hover\:fill-orange-400:hover { + fill: var(--orange-400) + } + .xl\:active\:fill-orange-400:active { + fill: var(--orange-400) + } + .xl\:focus\:fill-orange-400\/10:focus { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:fill-orange-400\/10:hover { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:fill-orange-400\/10:active { + fill: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:fill-orange-400\/20:focus { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:fill-orange-400\/20:hover { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:fill-orange-400\/20:active { + fill: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:fill-orange-400\/30:focus { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:fill-orange-400\/30:hover { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:fill-orange-400\/30:active { + fill: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:fill-orange-400\/40:focus { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:fill-orange-400\/40:hover { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:fill-orange-400\/40:active { + fill: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:fill-orange-400\/50:focus { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:fill-orange-400\/50:hover { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:fill-orange-400\/50:active { + fill: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:fill-orange-400\/60:focus { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:fill-orange-400\/60:hover { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:fill-orange-400\/60:active { + fill: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:fill-orange-400\/70:focus { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:fill-orange-400\/70:hover { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:fill-orange-400\/70:active { + fill: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:fill-orange-400\/80:focus { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:fill-orange-400\/80:hover { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:fill-orange-400\/80:active { + fill: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:fill-orange-400\/90:focus { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:fill-orange-400\/90:hover { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:fill-orange-400\/90:active { + fill: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:fill-orange-500:focus { + fill: var(--orange-500) + } + .xl\:hover\:fill-orange-500:hover { + fill: var(--orange-500) + } + .xl\:active\:fill-orange-500:active { + fill: var(--orange-500) + } + .xl\:focus\:fill-orange-500\/10:focus { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:fill-orange-500\/10:hover { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:fill-orange-500\/10:active { + fill: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:fill-orange-500\/20:focus { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:fill-orange-500\/20:hover { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:fill-orange-500\/20:active { + fill: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:fill-orange-500\/30:focus { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:fill-orange-500\/30:hover { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:fill-orange-500\/30:active { + fill: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:fill-orange-500\/40:focus { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:fill-orange-500\/40:hover { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:fill-orange-500\/40:active { + fill: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:fill-orange-500\/50:focus { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:fill-orange-500\/50:hover { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:fill-orange-500\/50:active { + fill: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:fill-orange-500\/60:focus { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:fill-orange-500\/60:hover { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:fill-orange-500\/60:active { + fill: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:fill-orange-500\/70:focus { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:fill-orange-500\/70:hover { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:fill-orange-500\/70:active { + fill: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:fill-orange-500\/80:focus { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:fill-orange-500\/80:hover { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:fill-orange-500\/80:active { + fill: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:fill-orange-500\/90:focus { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:fill-orange-500\/90:hover { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:fill-orange-500\/90:active { + fill: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:fill-orange-600:focus { + fill: var(--orange-600) + } + .xl\:hover\:fill-orange-600:hover { + fill: var(--orange-600) + } + .xl\:active\:fill-orange-600:active { + fill: var(--orange-600) + } + .xl\:focus\:fill-orange-600\/10:focus { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:fill-orange-600\/10:hover { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:fill-orange-600\/10:active { + fill: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:fill-orange-600\/20:focus { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:fill-orange-600\/20:hover { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:fill-orange-600\/20:active { + fill: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:fill-orange-600\/30:focus { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:fill-orange-600\/30:hover { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:fill-orange-600\/30:active { + fill: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:fill-orange-600\/40:focus { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:fill-orange-600\/40:hover { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:fill-orange-600\/40:active { + fill: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:fill-orange-600\/50:focus { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:fill-orange-600\/50:hover { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:fill-orange-600\/50:active { + fill: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:fill-orange-600\/60:focus { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:fill-orange-600\/60:hover { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:fill-orange-600\/60:active { + fill: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:fill-orange-600\/70:focus { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:fill-orange-600\/70:hover { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:fill-orange-600\/70:active { + fill: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:fill-orange-600\/80:focus { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:fill-orange-600\/80:hover { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:fill-orange-600\/80:active { + fill: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:fill-orange-600\/90:focus { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:fill-orange-600\/90:hover { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:fill-orange-600\/90:active { + fill: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:fill-orange-700:focus { + fill: var(--orange-700) + } + .xl\:hover\:fill-orange-700:hover { + fill: var(--orange-700) + } + .xl\:active\:fill-orange-700:active { + fill: var(--orange-700) + } + .xl\:focus\:fill-orange-700\/10:focus { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:fill-orange-700\/10:hover { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:fill-orange-700\/10:active { + fill: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:fill-orange-700\/20:focus { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:fill-orange-700\/20:hover { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:fill-orange-700\/20:active { + fill: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:fill-orange-700\/30:focus { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:fill-orange-700\/30:hover { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:fill-orange-700\/30:active { + fill: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:fill-orange-700\/40:focus { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:fill-orange-700\/40:hover { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:fill-orange-700\/40:active { + fill: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:fill-orange-700\/50:focus { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:fill-orange-700\/50:hover { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:fill-orange-700\/50:active { + fill: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:fill-orange-700\/60:focus { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:fill-orange-700\/60:hover { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:fill-orange-700\/60:active { + fill: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:fill-orange-700\/70:focus { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:fill-orange-700\/70:hover { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:fill-orange-700\/70:active { + fill: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:fill-orange-700\/80:focus { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:fill-orange-700\/80:hover { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:fill-orange-700\/80:active { + fill: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:fill-orange-700\/90:focus { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:fill-orange-700\/90:hover { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:fill-orange-700\/90:active { + fill: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:fill-orange-800:focus { + fill: var(--orange-800) + } + .xl\:hover\:fill-orange-800:hover { + fill: var(--orange-800) + } + .xl\:active\:fill-orange-800:active { + fill: var(--orange-800) + } + .xl\:focus\:fill-orange-800\/10:focus { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:fill-orange-800\/10:hover { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:fill-orange-800\/10:active { + fill: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:fill-orange-800\/20:focus { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:fill-orange-800\/20:hover { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:fill-orange-800\/20:active { + fill: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:fill-orange-800\/30:focus { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:fill-orange-800\/30:hover { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:fill-orange-800\/30:active { + fill: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:fill-orange-800\/40:focus { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:fill-orange-800\/40:hover { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:fill-orange-800\/40:active { + fill: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:fill-orange-800\/50:focus { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:fill-orange-800\/50:hover { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:fill-orange-800\/50:active { + fill: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:fill-orange-800\/60:focus { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:fill-orange-800\/60:hover { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:fill-orange-800\/60:active { + fill: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:fill-orange-800\/70:focus { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:fill-orange-800\/70:hover { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:fill-orange-800\/70:active { + fill: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:fill-orange-800\/80:focus { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:fill-orange-800\/80:hover { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:fill-orange-800\/80:active { + fill: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:fill-orange-800\/90:focus { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:fill-orange-800\/90:hover { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:fill-orange-800\/90:active { + fill: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:fill-orange-900:focus { + fill: var(--orange-900) + } + .xl\:hover\:fill-orange-900:hover { + fill: var(--orange-900) + } + .xl\:active\:fill-orange-900:active { + fill: var(--orange-900) + } + .xl\:focus\:fill-orange-900\/10:focus { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:fill-orange-900\/10:hover { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:fill-orange-900\/10:active { + fill: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:fill-orange-900\/20:focus { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:fill-orange-900\/20:hover { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:fill-orange-900\/20:active { + fill: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:fill-orange-900\/30:focus { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:fill-orange-900\/30:hover { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:fill-orange-900\/30:active { + fill: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:fill-orange-900\/40:focus { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:fill-orange-900\/40:hover { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:fill-orange-900\/40:active { + fill: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:fill-orange-900\/50:focus { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:fill-orange-900\/50:hover { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:fill-orange-900\/50:active { + fill: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:fill-orange-900\/60:focus { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:fill-orange-900\/60:hover { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:fill-orange-900\/60:active { + fill: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:fill-orange-900\/70:focus { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:fill-orange-900\/70:hover { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:fill-orange-900\/70:active { + fill: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:fill-orange-900\/80:focus { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:fill-orange-900\/80:hover { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:fill-orange-900\/80:active { + fill: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:fill-orange-900\/90:focus { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:fill-orange-900\/90:hover { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:fill-orange-900\/90:active { + fill: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-50:focus { + fill: var(--bluegray-50) + } + .xl\:hover\:fill-bluegray-50:hover { + fill: var(--bluegray-50) + } + .xl\:active\:fill-bluegray-50:active { + fill: var(--bluegray-50) + } + .xl\:focus\:fill-bluegray-50\/10:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-50\/10:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-50\/10:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-50\/20:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-50\/20:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-50\/20:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-50\/30:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-50\/30:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-50\/30:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-50\/40:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-50\/40:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-50\/40:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-50\/50:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-50\/50:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-50\/50:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-50\/60:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-50\/60:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-50\/60:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-50\/70:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-50\/70:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-50\/70:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-50\/80:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-50\/80:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-50\/80:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-50\/90:focus { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-50\/90:hover { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-50\/90:active { + fill: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-100:focus { + fill: var(--bluegray-100) + } + .xl\:hover\:fill-bluegray-100:hover { + fill: var(--bluegray-100) + } + .xl\:active\:fill-bluegray-100:active { + fill: var(--bluegray-100) + } + .xl\:focus\:fill-bluegray-100\/10:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-100\/10:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-100\/10:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-100\/20:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-100\/20:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-100\/20:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-100\/30:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-100\/30:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-100\/30:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-100\/40:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-100\/40:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-100\/40:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-100\/50:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-100\/50:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-100\/50:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-100\/60:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-100\/60:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-100\/60:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-100\/70:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-100\/70:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-100\/70:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-100\/80:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-100\/80:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-100\/80:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-100\/90:focus { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-100\/90:hover { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-100\/90:active { + fill: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-200:focus { + fill: var(--bluegray-200) + } + .xl\:hover\:fill-bluegray-200:hover { + fill: var(--bluegray-200) + } + .xl\:active\:fill-bluegray-200:active { + fill: var(--bluegray-200) + } + .xl\:focus\:fill-bluegray-200\/10:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-200\/10:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-200\/10:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-200\/20:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-200\/20:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-200\/20:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-200\/30:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-200\/30:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-200\/30:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-200\/40:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-200\/40:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-200\/40:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-200\/50:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-200\/50:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-200\/50:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-200\/60:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-200\/60:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-200\/60:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-200\/70:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-200\/70:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-200\/70:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-200\/80:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-200\/80:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-200\/80:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-200\/90:focus { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-200\/90:hover { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-200\/90:active { + fill: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-300:focus { + fill: var(--bluegray-300) + } + .xl\:hover\:fill-bluegray-300:hover { + fill: var(--bluegray-300) + } + .xl\:active\:fill-bluegray-300:active { + fill: var(--bluegray-300) + } + .xl\:focus\:fill-bluegray-300\/10:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-300\/10:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-300\/10:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-300\/20:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-300\/20:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-300\/20:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-300\/30:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-300\/30:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-300\/30:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-300\/40:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-300\/40:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-300\/40:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-300\/50:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-300\/50:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-300\/50:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-300\/60:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-300\/60:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-300\/60:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-300\/70:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-300\/70:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-300\/70:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-300\/80:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-300\/80:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-300\/80:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-300\/90:focus { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-300\/90:hover { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-300\/90:active { + fill: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-400:focus { + fill: var(--bluegray-400) + } + .xl\:hover\:fill-bluegray-400:hover { + fill: var(--bluegray-400) + } + .xl\:active\:fill-bluegray-400:active { + fill: var(--bluegray-400) + } + .xl\:focus\:fill-bluegray-400\/10:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-400\/10:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-400\/10:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-400\/20:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-400\/20:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-400\/20:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-400\/30:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-400\/30:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-400\/30:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-400\/40:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-400\/40:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-400\/40:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-400\/50:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-400\/50:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-400\/50:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-400\/60:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-400\/60:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-400\/60:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-400\/70:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-400\/70:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-400\/70:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-400\/80:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-400\/80:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-400\/80:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-400\/90:focus { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-400\/90:hover { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-400\/90:active { + fill: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-500:focus { + fill: var(--bluegray-500) + } + .xl\:hover\:fill-bluegray-500:hover { + fill: var(--bluegray-500) + } + .xl\:active\:fill-bluegray-500:active { + fill: var(--bluegray-500) + } + .xl\:focus\:fill-bluegray-500\/10:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-500\/10:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-500\/10:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-500\/20:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-500\/20:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-500\/20:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-500\/30:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-500\/30:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-500\/30:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-500\/40:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-500\/40:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-500\/40:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-500\/50:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-500\/50:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-500\/50:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-500\/60:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-500\/60:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-500\/60:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-500\/70:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-500\/70:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-500\/70:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-500\/80:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-500\/80:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-500\/80:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-500\/90:focus { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-500\/90:hover { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-500\/90:active { + fill: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-600:focus { + fill: var(--bluegray-600) + } + .xl\:hover\:fill-bluegray-600:hover { + fill: var(--bluegray-600) + } + .xl\:active\:fill-bluegray-600:active { + fill: var(--bluegray-600) + } + .xl\:focus\:fill-bluegray-600\/10:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-600\/10:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-600\/10:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-600\/20:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-600\/20:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-600\/20:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-600\/30:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-600\/30:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-600\/30:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-600\/40:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-600\/40:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-600\/40:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-600\/50:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-600\/50:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-600\/50:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-600\/60:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-600\/60:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-600\/60:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-600\/70:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-600\/70:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-600\/70:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-600\/80:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-600\/80:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-600\/80:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-600\/90:focus { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-600\/90:hover { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-600\/90:active { + fill: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-700:focus { + fill: var(--bluegray-700) + } + .xl\:hover\:fill-bluegray-700:hover { + fill: var(--bluegray-700) + } + .xl\:active\:fill-bluegray-700:active { + fill: var(--bluegray-700) + } + .xl\:focus\:fill-bluegray-700\/10:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-700\/10:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-700\/10:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-700\/20:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-700\/20:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-700\/20:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-700\/30:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-700\/30:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-700\/30:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-700\/40:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-700\/40:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-700\/40:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-700\/50:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-700\/50:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-700\/50:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-700\/60:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-700\/60:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-700\/60:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-700\/70:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-700\/70:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-700\/70:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-700\/80:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-700\/80:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-700\/80:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-700\/90:focus { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-700\/90:hover { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-700\/90:active { + fill: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-800:focus { + fill: var(--bluegray-800) + } + .xl\:hover\:fill-bluegray-800:hover { + fill: var(--bluegray-800) + } + .xl\:active\:fill-bluegray-800:active { + fill: var(--bluegray-800) + } + .xl\:focus\:fill-bluegray-800\/10:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-800\/10:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-800\/10:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-800\/20:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-800\/20:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-800\/20:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-800\/30:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-800\/30:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-800\/30:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-800\/40:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-800\/40:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-800\/40:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-800\/50:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-800\/50:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-800\/50:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-800\/60:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-800\/60:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-800\/60:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-800\/70:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-800\/70:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-800\/70:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-800\/80:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-800\/80:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-800\/80:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-800\/90:focus { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-800\/90:hover { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-800\/90:active { + fill: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:fill-bluegray-900:focus { + fill: var(--bluegray-900) + } + .xl\:hover\:fill-bluegray-900:hover { + fill: var(--bluegray-900) + } + .xl\:active\:fill-bluegray-900:active { + fill: var(--bluegray-900) + } + .xl\:focus\:fill-bluegray-900\/10:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:fill-bluegray-900\/10:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:fill-bluegray-900\/10:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:fill-bluegray-900\/20:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:fill-bluegray-900\/20:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:fill-bluegray-900\/20:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:fill-bluegray-900\/30:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:fill-bluegray-900\/30:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:fill-bluegray-900\/30:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:fill-bluegray-900\/40:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:fill-bluegray-900\/40:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:fill-bluegray-900\/40:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:fill-bluegray-900\/50:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:fill-bluegray-900\/50:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:fill-bluegray-900\/50:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:fill-bluegray-900\/60:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:fill-bluegray-900\/60:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:fill-bluegray-900\/60:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:fill-bluegray-900\/70:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:fill-bluegray-900\/70:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:fill-bluegray-900\/70:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:fill-bluegray-900\/80:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:fill-bluegray-900\/80:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:fill-bluegray-900\/80:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:fill-bluegray-900\/90:focus { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:fill-bluegray-900\/90:hover { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:fill-bluegray-900\/90:active { + fill: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:fill-purple-50:focus { + fill: var(--purple-50) + } + .xl\:hover\:fill-purple-50:hover { + fill: var(--purple-50) + } + .xl\:active\:fill-purple-50:active { + fill: var(--purple-50) + } + .xl\:focus\:fill-purple-50\/10:focus { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:fill-purple-50\/10:hover { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:fill-purple-50\/10:active { + fill: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:fill-purple-50\/20:focus { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:fill-purple-50\/20:hover { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:fill-purple-50\/20:active { + fill: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:fill-purple-50\/30:focus { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:fill-purple-50\/30:hover { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:fill-purple-50\/30:active { + fill: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:fill-purple-50\/40:focus { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:fill-purple-50\/40:hover { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:fill-purple-50\/40:active { + fill: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:fill-purple-50\/50:focus { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:fill-purple-50\/50:hover { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:fill-purple-50\/50:active { + fill: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:fill-purple-50\/60:focus { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:fill-purple-50\/60:hover { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:fill-purple-50\/60:active { + fill: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:fill-purple-50\/70:focus { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:fill-purple-50\/70:hover { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:fill-purple-50\/70:active { + fill: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:fill-purple-50\/80:focus { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:fill-purple-50\/80:hover { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:fill-purple-50\/80:active { + fill: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:fill-purple-50\/90:focus { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:fill-purple-50\/90:hover { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:fill-purple-50\/90:active { + fill: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:fill-purple-100:focus { + fill: var(--purple-100) + } + .xl\:hover\:fill-purple-100:hover { + fill: var(--purple-100) + } + .xl\:active\:fill-purple-100:active { + fill: var(--purple-100) + } + .xl\:focus\:fill-purple-100\/10:focus { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:fill-purple-100\/10:hover { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:fill-purple-100\/10:active { + fill: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:fill-purple-100\/20:focus { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:fill-purple-100\/20:hover { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:fill-purple-100\/20:active { + fill: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:fill-purple-100\/30:focus { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:fill-purple-100\/30:hover { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:fill-purple-100\/30:active { + fill: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:fill-purple-100\/40:focus { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:fill-purple-100\/40:hover { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:fill-purple-100\/40:active { + fill: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:fill-purple-100\/50:focus { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:fill-purple-100\/50:hover { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:fill-purple-100\/50:active { + fill: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:fill-purple-100\/60:focus { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:fill-purple-100\/60:hover { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:fill-purple-100\/60:active { + fill: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:fill-purple-100\/70:focus { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:fill-purple-100\/70:hover { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:fill-purple-100\/70:active { + fill: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:fill-purple-100\/80:focus { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:fill-purple-100\/80:hover { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:fill-purple-100\/80:active { + fill: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:fill-purple-100\/90:focus { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:fill-purple-100\/90:hover { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:fill-purple-100\/90:active { + fill: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:fill-purple-200:focus { + fill: var(--purple-200) + } + .xl\:hover\:fill-purple-200:hover { + fill: var(--purple-200) + } + .xl\:active\:fill-purple-200:active { + fill: var(--purple-200) + } + .xl\:focus\:fill-purple-200\/10:focus { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:fill-purple-200\/10:hover { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:fill-purple-200\/10:active { + fill: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:fill-purple-200\/20:focus { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:fill-purple-200\/20:hover { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:fill-purple-200\/20:active { + fill: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:fill-purple-200\/30:focus { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:fill-purple-200\/30:hover { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:fill-purple-200\/30:active { + fill: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:fill-purple-200\/40:focus { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:fill-purple-200\/40:hover { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:fill-purple-200\/40:active { + fill: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:fill-purple-200\/50:focus { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:fill-purple-200\/50:hover { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:fill-purple-200\/50:active { + fill: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:fill-purple-200\/60:focus { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:fill-purple-200\/60:hover { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:fill-purple-200\/60:active { + fill: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:fill-purple-200\/70:focus { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:fill-purple-200\/70:hover { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:fill-purple-200\/70:active { + fill: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:fill-purple-200\/80:focus { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:fill-purple-200\/80:hover { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:fill-purple-200\/80:active { + fill: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:fill-purple-200\/90:focus { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:fill-purple-200\/90:hover { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:fill-purple-200\/90:active { + fill: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:fill-purple-300:focus { + fill: var(--purple-300) + } + .xl\:hover\:fill-purple-300:hover { + fill: var(--purple-300) + } + .xl\:active\:fill-purple-300:active { + fill: var(--purple-300) + } + .xl\:focus\:fill-purple-300\/10:focus { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:fill-purple-300\/10:hover { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:fill-purple-300\/10:active { + fill: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:fill-purple-300\/20:focus { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:fill-purple-300\/20:hover { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:fill-purple-300\/20:active { + fill: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:fill-purple-300\/30:focus { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:fill-purple-300\/30:hover { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:fill-purple-300\/30:active { + fill: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:fill-purple-300\/40:focus { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:fill-purple-300\/40:hover { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:fill-purple-300\/40:active { + fill: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:fill-purple-300\/50:focus { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:fill-purple-300\/50:hover { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:fill-purple-300\/50:active { + fill: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:fill-purple-300\/60:focus { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:fill-purple-300\/60:hover { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:fill-purple-300\/60:active { + fill: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:fill-purple-300\/70:focus { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:fill-purple-300\/70:hover { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:fill-purple-300\/70:active { + fill: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:fill-purple-300\/80:focus { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:fill-purple-300\/80:hover { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:fill-purple-300\/80:active { + fill: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:fill-purple-300\/90:focus { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:fill-purple-300\/90:hover { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:fill-purple-300\/90:active { + fill: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:fill-purple-400:focus { + fill: var(--purple-400) + } + .xl\:hover\:fill-purple-400:hover { + fill: var(--purple-400) + } + .xl\:active\:fill-purple-400:active { + fill: var(--purple-400) + } + .xl\:focus\:fill-purple-400\/10:focus { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:fill-purple-400\/10:hover { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:fill-purple-400\/10:active { + fill: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:fill-purple-400\/20:focus { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:fill-purple-400\/20:hover { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:fill-purple-400\/20:active { + fill: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:fill-purple-400\/30:focus { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:fill-purple-400\/30:hover { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:fill-purple-400\/30:active { + fill: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:fill-purple-400\/40:focus { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:fill-purple-400\/40:hover { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:fill-purple-400\/40:active { + fill: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:fill-purple-400\/50:focus { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:fill-purple-400\/50:hover { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:fill-purple-400\/50:active { + fill: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:fill-purple-400\/60:focus { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:fill-purple-400\/60:hover { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:fill-purple-400\/60:active { + fill: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:fill-purple-400\/70:focus { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:fill-purple-400\/70:hover { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:fill-purple-400\/70:active { + fill: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:fill-purple-400\/80:focus { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:fill-purple-400\/80:hover { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:fill-purple-400\/80:active { + fill: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:fill-purple-400\/90:focus { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:fill-purple-400\/90:hover { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:fill-purple-400\/90:active { + fill: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:fill-purple-500:focus { + fill: var(--purple-500) + } + .xl\:hover\:fill-purple-500:hover { + fill: var(--purple-500) + } + .xl\:active\:fill-purple-500:active { + fill: var(--purple-500) + } + .xl\:focus\:fill-purple-500\/10:focus { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:fill-purple-500\/10:hover { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:fill-purple-500\/10:active { + fill: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:fill-purple-500\/20:focus { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:fill-purple-500\/20:hover { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:fill-purple-500\/20:active { + fill: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:fill-purple-500\/30:focus { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:fill-purple-500\/30:hover { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:fill-purple-500\/30:active { + fill: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:fill-purple-500\/40:focus { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:fill-purple-500\/40:hover { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:fill-purple-500\/40:active { + fill: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:fill-purple-500\/50:focus { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:fill-purple-500\/50:hover { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:fill-purple-500\/50:active { + fill: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:fill-purple-500\/60:focus { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:fill-purple-500\/60:hover { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:fill-purple-500\/60:active { + fill: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:fill-purple-500\/70:focus { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:fill-purple-500\/70:hover { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:fill-purple-500\/70:active { + fill: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:fill-purple-500\/80:focus { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:fill-purple-500\/80:hover { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:fill-purple-500\/80:active { + fill: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:fill-purple-500\/90:focus { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:fill-purple-500\/90:hover { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:fill-purple-500\/90:active { + fill: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:fill-purple-600:focus { + fill: var(--purple-600) + } + .xl\:hover\:fill-purple-600:hover { + fill: var(--purple-600) + } + .xl\:active\:fill-purple-600:active { + fill: var(--purple-600) + } + .xl\:focus\:fill-purple-600\/10:focus { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:fill-purple-600\/10:hover { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:fill-purple-600\/10:active { + fill: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:fill-purple-600\/20:focus { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:fill-purple-600\/20:hover { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:fill-purple-600\/20:active { + fill: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:fill-purple-600\/30:focus { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:fill-purple-600\/30:hover { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:fill-purple-600\/30:active { + fill: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:fill-purple-600\/40:focus { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:fill-purple-600\/40:hover { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:fill-purple-600\/40:active { + fill: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:fill-purple-600\/50:focus { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:fill-purple-600\/50:hover { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:fill-purple-600\/50:active { + fill: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:fill-purple-600\/60:focus { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:fill-purple-600\/60:hover { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:fill-purple-600\/60:active { + fill: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:fill-purple-600\/70:focus { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:fill-purple-600\/70:hover { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:fill-purple-600\/70:active { + fill: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:fill-purple-600\/80:focus { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:fill-purple-600\/80:hover { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:fill-purple-600\/80:active { + fill: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:fill-purple-600\/90:focus { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:fill-purple-600\/90:hover { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:fill-purple-600\/90:active { + fill: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:fill-purple-700:focus { + fill: var(--purple-700) + } + .xl\:hover\:fill-purple-700:hover { + fill: var(--purple-700) + } + .xl\:active\:fill-purple-700:active { + fill: var(--purple-700) + } + .xl\:focus\:fill-purple-700\/10:focus { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:fill-purple-700\/10:hover { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:fill-purple-700\/10:active { + fill: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:fill-purple-700\/20:focus { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:fill-purple-700\/20:hover { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:fill-purple-700\/20:active { + fill: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:fill-purple-700\/30:focus { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:fill-purple-700\/30:hover { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:fill-purple-700\/30:active { + fill: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:fill-purple-700\/40:focus { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:fill-purple-700\/40:hover { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:fill-purple-700\/40:active { + fill: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:fill-purple-700\/50:focus { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:fill-purple-700\/50:hover { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:fill-purple-700\/50:active { + fill: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:fill-purple-700\/60:focus { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:fill-purple-700\/60:hover { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:fill-purple-700\/60:active { + fill: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:fill-purple-700\/70:focus { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:fill-purple-700\/70:hover { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:fill-purple-700\/70:active { + fill: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:fill-purple-700\/80:focus { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:fill-purple-700\/80:hover { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:fill-purple-700\/80:active { + fill: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:fill-purple-700\/90:focus { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:fill-purple-700\/90:hover { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:fill-purple-700\/90:active { + fill: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:fill-purple-800:focus { + fill: var(--purple-800) + } + .xl\:hover\:fill-purple-800:hover { + fill: var(--purple-800) + } + .xl\:active\:fill-purple-800:active { + fill: var(--purple-800) + } + .xl\:focus\:fill-purple-800\/10:focus { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:fill-purple-800\/10:hover { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:fill-purple-800\/10:active { + fill: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:fill-purple-800\/20:focus { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:fill-purple-800\/20:hover { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:fill-purple-800\/20:active { + fill: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:fill-purple-800\/30:focus { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:fill-purple-800\/30:hover { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:fill-purple-800\/30:active { + fill: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:fill-purple-800\/40:focus { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:fill-purple-800\/40:hover { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:fill-purple-800\/40:active { + fill: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:fill-purple-800\/50:focus { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:fill-purple-800\/50:hover { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:fill-purple-800\/50:active { + fill: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:fill-purple-800\/60:focus { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:fill-purple-800\/60:hover { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:fill-purple-800\/60:active { + fill: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:fill-purple-800\/70:focus { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:fill-purple-800\/70:hover { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:fill-purple-800\/70:active { + fill: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:fill-purple-800\/80:focus { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:fill-purple-800\/80:hover { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:fill-purple-800\/80:active { + fill: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:fill-purple-800\/90:focus { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:fill-purple-800\/90:hover { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:fill-purple-800\/90:active { + fill: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:fill-purple-900:focus { + fill: var(--purple-900) + } + .xl\:hover\:fill-purple-900:hover { + fill: var(--purple-900) + } + .xl\:active\:fill-purple-900:active { + fill: var(--purple-900) + } + .xl\:focus\:fill-purple-900\/10:focus { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:fill-purple-900\/10:hover { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:fill-purple-900\/10:active { + fill: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:fill-purple-900\/20:focus { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:fill-purple-900\/20:hover { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:fill-purple-900\/20:active { + fill: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:fill-purple-900\/30:focus { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:fill-purple-900\/30:hover { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:fill-purple-900\/30:active { + fill: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:fill-purple-900\/40:focus { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:fill-purple-900\/40:hover { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:fill-purple-900\/40:active { + fill: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:fill-purple-900\/50:focus { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:fill-purple-900\/50:hover { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:fill-purple-900\/50:active { + fill: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:fill-purple-900\/60:focus { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:fill-purple-900\/60:hover { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:fill-purple-900\/60:active { + fill: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:fill-purple-900\/70:focus { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:fill-purple-900\/70:hover { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:fill-purple-900\/70:active { + fill: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:fill-purple-900\/80:focus { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:fill-purple-900\/80:hover { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:fill-purple-900\/80:active { + fill: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:fill-purple-900\/90:focus { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:fill-purple-900\/90:hover { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:fill-purple-900\/90:active { + fill: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:fill-red-50:focus { + fill: var(--red-50) + } + .xl\:hover\:fill-red-50:hover { + fill: var(--red-50) + } + .xl\:active\:fill-red-50:active { + fill: var(--red-50) + } + .xl\:focus\:fill-red-50\/10:focus { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:fill-red-50\/10:hover { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:fill-red-50\/10:active { + fill: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:fill-red-50\/20:focus { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:fill-red-50\/20:hover { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:fill-red-50\/20:active { + fill: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:fill-red-50\/30:focus { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:fill-red-50\/30:hover { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:fill-red-50\/30:active { + fill: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:fill-red-50\/40:focus { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:fill-red-50\/40:hover { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:fill-red-50\/40:active { + fill: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:fill-red-50\/50:focus { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:fill-red-50\/50:hover { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:fill-red-50\/50:active { + fill: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:fill-red-50\/60:focus { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:fill-red-50\/60:hover { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:fill-red-50\/60:active { + fill: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:fill-red-50\/70:focus { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:fill-red-50\/70:hover { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:fill-red-50\/70:active { + fill: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:fill-red-50\/80:focus { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:fill-red-50\/80:hover { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:fill-red-50\/80:active { + fill: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:fill-red-50\/90:focus { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:fill-red-50\/90:hover { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:fill-red-50\/90:active { + fill: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:fill-red-100:focus { + fill: var(--red-100) + } + .xl\:hover\:fill-red-100:hover { + fill: var(--red-100) + } + .xl\:active\:fill-red-100:active { + fill: var(--red-100) + } + .xl\:focus\:fill-red-100\/10:focus { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:fill-red-100\/10:hover { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:fill-red-100\/10:active { + fill: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:fill-red-100\/20:focus { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:fill-red-100\/20:hover { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:fill-red-100\/20:active { + fill: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:fill-red-100\/30:focus { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:fill-red-100\/30:hover { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:fill-red-100\/30:active { + fill: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:fill-red-100\/40:focus { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:fill-red-100\/40:hover { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:fill-red-100\/40:active { + fill: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:fill-red-100\/50:focus { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:fill-red-100\/50:hover { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:fill-red-100\/50:active { + fill: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:fill-red-100\/60:focus { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:fill-red-100\/60:hover { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:fill-red-100\/60:active { + fill: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:fill-red-100\/70:focus { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:fill-red-100\/70:hover { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:fill-red-100\/70:active { + fill: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:fill-red-100\/80:focus { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:fill-red-100\/80:hover { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:fill-red-100\/80:active { + fill: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:fill-red-100\/90:focus { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:fill-red-100\/90:hover { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:fill-red-100\/90:active { + fill: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:fill-red-200:focus { + fill: var(--red-200) + } + .xl\:hover\:fill-red-200:hover { + fill: var(--red-200) + } + .xl\:active\:fill-red-200:active { + fill: var(--red-200) + } + .xl\:focus\:fill-red-200\/10:focus { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:fill-red-200\/10:hover { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:fill-red-200\/10:active { + fill: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:fill-red-200\/20:focus { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:fill-red-200\/20:hover { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:fill-red-200\/20:active { + fill: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:fill-red-200\/30:focus { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:fill-red-200\/30:hover { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:fill-red-200\/30:active { + fill: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:fill-red-200\/40:focus { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:fill-red-200\/40:hover { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:fill-red-200\/40:active { + fill: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:fill-red-200\/50:focus { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:fill-red-200\/50:hover { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:fill-red-200\/50:active { + fill: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:fill-red-200\/60:focus { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:fill-red-200\/60:hover { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:fill-red-200\/60:active { + fill: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:fill-red-200\/70:focus { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:fill-red-200\/70:hover { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:fill-red-200\/70:active { + fill: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:fill-red-200\/80:focus { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:fill-red-200\/80:hover { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:fill-red-200\/80:active { + fill: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:fill-red-200\/90:focus { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:fill-red-200\/90:hover { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:fill-red-200\/90:active { + fill: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:fill-red-300:focus { + fill: var(--red-300) + } + .xl\:hover\:fill-red-300:hover { + fill: var(--red-300) + } + .xl\:active\:fill-red-300:active { + fill: var(--red-300) + } + .xl\:focus\:fill-red-300\/10:focus { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:fill-red-300\/10:hover { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:fill-red-300\/10:active { + fill: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:fill-red-300\/20:focus { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:fill-red-300\/20:hover { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:fill-red-300\/20:active { + fill: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:fill-red-300\/30:focus { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:fill-red-300\/30:hover { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:fill-red-300\/30:active { + fill: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:fill-red-300\/40:focus { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:fill-red-300\/40:hover { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:fill-red-300\/40:active { + fill: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:fill-red-300\/50:focus { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:fill-red-300\/50:hover { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:fill-red-300\/50:active { + fill: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:fill-red-300\/60:focus { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:fill-red-300\/60:hover { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:fill-red-300\/60:active { + fill: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:fill-red-300\/70:focus { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:fill-red-300\/70:hover { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:fill-red-300\/70:active { + fill: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:fill-red-300\/80:focus { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:fill-red-300\/80:hover { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:fill-red-300\/80:active { + fill: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:fill-red-300\/90:focus { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:fill-red-300\/90:hover { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:fill-red-300\/90:active { + fill: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:fill-red-400:focus { + fill: var(--red-400) + } + .xl\:hover\:fill-red-400:hover { + fill: var(--red-400) + } + .xl\:active\:fill-red-400:active { + fill: var(--red-400) + } + .xl\:focus\:fill-red-400\/10:focus { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:fill-red-400\/10:hover { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:fill-red-400\/10:active { + fill: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:fill-red-400\/20:focus { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:fill-red-400\/20:hover { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:fill-red-400\/20:active { + fill: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:fill-red-400\/30:focus { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:fill-red-400\/30:hover { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:fill-red-400\/30:active { + fill: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:fill-red-400\/40:focus { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:fill-red-400\/40:hover { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:fill-red-400\/40:active { + fill: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:fill-red-400\/50:focus { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:fill-red-400\/50:hover { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:fill-red-400\/50:active { + fill: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:fill-red-400\/60:focus { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:fill-red-400\/60:hover { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:fill-red-400\/60:active { + fill: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:fill-red-400\/70:focus { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:fill-red-400\/70:hover { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:fill-red-400\/70:active { + fill: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:fill-red-400\/80:focus { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:fill-red-400\/80:hover { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:fill-red-400\/80:active { + fill: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:fill-red-400\/90:focus { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:fill-red-400\/90:hover { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:fill-red-400\/90:active { + fill: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:fill-red-500:focus { + fill: var(--red-500) + } + .xl\:hover\:fill-red-500:hover { + fill: var(--red-500) + } + .xl\:active\:fill-red-500:active { + fill: var(--red-500) + } + .xl\:focus\:fill-red-500\/10:focus { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:fill-red-500\/10:hover { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:fill-red-500\/10:active { + fill: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:fill-red-500\/20:focus { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:fill-red-500\/20:hover { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:fill-red-500\/20:active { + fill: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:fill-red-500\/30:focus { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:fill-red-500\/30:hover { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:fill-red-500\/30:active { + fill: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:fill-red-500\/40:focus { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:fill-red-500\/40:hover { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:fill-red-500\/40:active { + fill: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:fill-red-500\/50:focus { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:fill-red-500\/50:hover { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:fill-red-500\/50:active { + fill: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:fill-red-500\/60:focus { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:fill-red-500\/60:hover { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:fill-red-500\/60:active { + fill: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:fill-red-500\/70:focus { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:fill-red-500\/70:hover { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:fill-red-500\/70:active { + fill: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:fill-red-500\/80:focus { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:fill-red-500\/80:hover { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:fill-red-500\/80:active { + fill: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:fill-red-500\/90:focus { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:fill-red-500\/90:hover { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:fill-red-500\/90:active { + fill: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:fill-red-600:focus { + fill: var(--red-600) + } + .xl\:hover\:fill-red-600:hover { + fill: var(--red-600) + } + .xl\:active\:fill-red-600:active { + fill: var(--red-600) + } + .xl\:focus\:fill-red-600\/10:focus { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:fill-red-600\/10:hover { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:fill-red-600\/10:active { + fill: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:fill-red-600\/20:focus { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:fill-red-600\/20:hover { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:fill-red-600\/20:active { + fill: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:fill-red-600\/30:focus { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:fill-red-600\/30:hover { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:fill-red-600\/30:active { + fill: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:fill-red-600\/40:focus { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:fill-red-600\/40:hover { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:fill-red-600\/40:active { + fill: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:fill-red-600\/50:focus { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:fill-red-600\/50:hover { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:fill-red-600\/50:active { + fill: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:fill-red-600\/60:focus { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:fill-red-600\/60:hover { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:fill-red-600\/60:active { + fill: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:fill-red-600\/70:focus { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:fill-red-600\/70:hover { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:fill-red-600\/70:active { + fill: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:fill-red-600\/80:focus { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:fill-red-600\/80:hover { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:fill-red-600\/80:active { + fill: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:fill-red-600\/90:focus { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:fill-red-600\/90:hover { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:fill-red-600\/90:active { + fill: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:fill-red-700:focus { + fill: var(--red-700) + } + .xl\:hover\:fill-red-700:hover { + fill: var(--red-700) + } + .xl\:active\:fill-red-700:active { + fill: var(--red-700) + } + .xl\:focus\:fill-red-700\/10:focus { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:fill-red-700\/10:hover { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:fill-red-700\/10:active { + fill: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:fill-red-700\/20:focus { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:fill-red-700\/20:hover { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:fill-red-700\/20:active { + fill: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:fill-red-700\/30:focus { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:fill-red-700\/30:hover { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:fill-red-700\/30:active { + fill: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:fill-red-700\/40:focus { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:fill-red-700\/40:hover { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:fill-red-700\/40:active { + fill: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:fill-red-700\/50:focus { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:fill-red-700\/50:hover { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:fill-red-700\/50:active { + fill: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:fill-red-700\/60:focus { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:fill-red-700\/60:hover { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:fill-red-700\/60:active { + fill: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:fill-red-700\/70:focus { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:fill-red-700\/70:hover { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:fill-red-700\/70:active { + fill: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:fill-red-700\/80:focus { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:fill-red-700\/80:hover { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:fill-red-700\/80:active { + fill: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:fill-red-700\/90:focus { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:fill-red-700\/90:hover { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:fill-red-700\/90:active { + fill: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:fill-red-800:focus { + fill: var(--red-800) + } + .xl\:hover\:fill-red-800:hover { + fill: var(--red-800) + } + .xl\:active\:fill-red-800:active { + fill: var(--red-800) + } + .xl\:focus\:fill-red-800\/10:focus { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:fill-red-800\/10:hover { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:fill-red-800\/10:active { + fill: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:fill-red-800\/20:focus { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:fill-red-800\/20:hover { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:fill-red-800\/20:active { + fill: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:fill-red-800\/30:focus { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:fill-red-800\/30:hover { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:fill-red-800\/30:active { + fill: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:fill-red-800\/40:focus { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:fill-red-800\/40:hover { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:fill-red-800\/40:active { + fill: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:fill-red-800\/50:focus { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:fill-red-800\/50:hover { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:fill-red-800\/50:active { + fill: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:fill-red-800\/60:focus { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:fill-red-800\/60:hover { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:fill-red-800\/60:active { + fill: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:fill-red-800\/70:focus { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:fill-red-800\/70:hover { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:fill-red-800\/70:active { + fill: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:fill-red-800\/80:focus { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:fill-red-800\/80:hover { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:fill-red-800\/80:active { + fill: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:fill-red-800\/90:focus { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:fill-red-800\/90:hover { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:fill-red-800\/90:active { + fill: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:fill-red-900:focus { + fill: var(--red-900) + } + .xl\:hover\:fill-red-900:hover { + fill: var(--red-900) + } + .xl\:active\:fill-red-900:active { + fill: var(--red-900) + } + .xl\:focus\:fill-red-900\/10:focus { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:fill-red-900\/10:hover { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:fill-red-900\/10:active { + fill: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:fill-red-900\/20:focus { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:fill-red-900\/20:hover { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:fill-red-900\/20:active { + fill: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:fill-red-900\/30:focus { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:fill-red-900\/30:hover { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:fill-red-900\/30:active { + fill: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:fill-red-900\/40:focus { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:fill-red-900\/40:hover { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:fill-red-900\/40:active { + fill: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:fill-red-900\/50:focus { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:fill-red-900\/50:hover { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:fill-red-900\/50:active { + fill: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:fill-red-900\/60:focus { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:fill-red-900\/60:hover { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:fill-red-900\/60:active { + fill: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:fill-red-900\/70:focus { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:fill-red-900\/70:hover { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:fill-red-900\/70:active { + fill: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:fill-red-900\/80:focus { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:fill-red-900\/80:hover { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:fill-red-900\/80:active { + fill: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:fill-red-900\/90:focus { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:fill-red-900\/90:hover { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:fill-red-900\/90:active { + fill: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:fill-gray-50:focus { + fill: var(--gray-50) + } + .xl\:hover\:fill-gray-50:hover { + fill: var(--gray-50) + } + .xl\:active\:fill-gray-50:active { + fill: var(--gray-50) + } + .xl\:focus\:fill-gray-50\/10:focus { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:fill-gray-50\/10:hover { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:fill-gray-50\/10:active { + fill: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:fill-gray-50\/20:focus { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:fill-gray-50\/20:hover { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:fill-gray-50\/20:active { + fill: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:fill-gray-50\/30:focus { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:fill-gray-50\/30:hover { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:fill-gray-50\/30:active { + fill: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:fill-gray-50\/40:focus { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:fill-gray-50\/40:hover { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:fill-gray-50\/40:active { + fill: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:fill-gray-50\/50:focus { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:fill-gray-50\/50:hover { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:fill-gray-50\/50:active { + fill: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:fill-gray-50\/60:focus { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:fill-gray-50\/60:hover { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:fill-gray-50\/60:active { + fill: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:fill-gray-50\/70:focus { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:fill-gray-50\/70:hover { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:fill-gray-50\/70:active { + fill: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:fill-gray-50\/80:focus { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:fill-gray-50\/80:hover { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:fill-gray-50\/80:active { + fill: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:fill-gray-50\/90:focus { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:fill-gray-50\/90:hover { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:fill-gray-50\/90:active { + fill: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:fill-gray-100:focus { + fill: var(--gray-100) + } + .xl\:hover\:fill-gray-100:hover { + fill: var(--gray-100) + } + .xl\:active\:fill-gray-100:active { + fill: var(--gray-100) + } + .xl\:focus\:fill-gray-100\/10:focus { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:fill-gray-100\/10:hover { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:fill-gray-100\/10:active { + fill: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:fill-gray-100\/20:focus { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:fill-gray-100\/20:hover { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:fill-gray-100\/20:active { + fill: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:fill-gray-100\/30:focus { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:fill-gray-100\/30:hover { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:fill-gray-100\/30:active { + fill: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:fill-gray-100\/40:focus { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:fill-gray-100\/40:hover { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:fill-gray-100\/40:active { + fill: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:fill-gray-100\/50:focus { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:fill-gray-100\/50:hover { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:fill-gray-100\/50:active { + fill: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:fill-gray-100\/60:focus { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:fill-gray-100\/60:hover { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:fill-gray-100\/60:active { + fill: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:fill-gray-100\/70:focus { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:fill-gray-100\/70:hover { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:fill-gray-100\/70:active { + fill: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:fill-gray-100\/80:focus { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:fill-gray-100\/80:hover { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:fill-gray-100\/80:active { + fill: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:fill-gray-100\/90:focus { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:fill-gray-100\/90:hover { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:fill-gray-100\/90:active { + fill: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:fill-gray-200:focus { + fill: var(--gray-200) + } + .xl\:hover\:fill-gray-200:hover { + fill: var(--gray-200) + } + .xl\:active\:fill-gray-200:active { + fill: var(--gray-200) + } + .xl\:focus\:fill-gray-200\/10:focus { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:fill-gray-200\/10:hover { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:fill-gray-200\/10:active { + fill: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:fill-gray-200\/20:focus { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:fill-gray-200\/20:hover { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:fill-gray-200\/20:active { + fill: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:fill-gray-200\/30:focus { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:fill-gray-200\/30:hover { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:fill-gray-200\/30:active { + fill: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:fill-gray-200\/40:focus { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:fill-gray-200\/40:hover { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:fill-gray-200\/40:active { + fill: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:fill-gray-200\/50:focus { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:fill-gray-200\/50:hover { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:fill-gray-200\/50:active { + fill: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:fill-gray-200\/60:focus { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:fill-gray-200\/60:hover { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:fill-gray-200\/60:active { + fill: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:fill-gray-200\/70:focus { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:fill-gray-200\/70:hover { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:fill-gray-200\/70:active { + fill: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:fill-gray-200\/80:focus { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:fill-gray-200\/80:hover { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:fill-gray-200\/80:active { + fill: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:fill-gray-200\/90:focus { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:fill-gray-200\/90:hover { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:fill-gray-200\/90:active { + fill: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:fill-gray-300:focus { + fill: var(--gray-300) + } + .xl\:hover\:fill-gray-300:hover { + fill: var(--gray-300) + } + .xl\:active\:fill-gray-300:active { + fill: var(--gray-300) + } + .xl\:focus\:fill-gray-300\/10:focus { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:fill-gray-300\/10:hover { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:fill-gray-300\/10:active { + fill: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:fill-gray-300\/20:focus { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:fill-gray-300\/20:hover { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:fill-gray-300\/20:active { + fill: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:fill-gray-300\/30:focus { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:fill-gray-300\/30:hover { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:fill-gray-300\/30:active { + fill: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:fill-gray-300\/40:focus { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:fill-gray-300\/40:hover { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:fill-gray-300\/40:active { + fill: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:fill-gray-300\/50:focus { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:fill-gray-300\/50:hover { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:fill-gray-300\/50:active { + fill: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:fill-gray-300\/60:focus { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:fill-gray-300\/60:hover { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:fill-gray-300\/60:active { + fill: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:fill-gray-300\/70:focus { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:fill-gray-300\/70:hover { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:fill-gray-300\/70:active { + fill: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:fill-gray-300\/80:focus { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:fill-gray-300\/80:hover { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:fill-gray-300\/80:active { + fill: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:fill-gray-300\/90:focus { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:fill-gray-300\/90:hover { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:fill-gray-300\/90:active { + fill: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:fill-gray-400:focus { + fill: var(--gray-400) + } + .xl\:hover\:fill-gray-400:hover { + fill: var(--gray-400) + } + .xl\:active\:fill-gray-400:active { + fill: var(--gray-400) + } + .xl\:focus\:fill-gray-400\/10:focus { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:fill-gray-400\/10:hover { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:fill-gray-400\/10:active { + fill: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:fill-gray-400\/20:focus { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:fill-gray-400\/20:hover { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:fill-gray-400\/20:active { + fill: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:fill-gray-400\/30:focus { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:fill-gray-400\/30:hover { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:fill-gray-400\/30:active { + fill: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:fill-gray-400\/40:focus { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:fill-gray-400\/40:hover { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:fill-gray-400\/40:active { + fill: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:fill-gray-400\/50:focus { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:fill-gray-400\/50:hover { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:fill-gray-400\/50:active { + fill: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:fill-gray-400\/60:focus { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:fill-gray-400\/60:hover { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:fill-gray-400\/60:active { + fill: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:fill-gray-400\/70:focus { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:fill-gray-400\/70:hover { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:fill-gray-400\/70:active { + fill: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:fill-gray-400\/80:focus { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:fill-gray-400\/80:hover { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:fill-gray-400\/80:active { + fill: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:fill-gray-400\/90:focus { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:fill-gray-400\/90:hover { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:fill-gray-400\/90:active { + fill: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:fill-gray-500:focus { + fill: var(--gray-500) + } + .xl\:hover\:fill-gray-500:hover { + fill: var(--gray-500) + } + .xl\:active\:fill-gray-500:active { + fill: var(--gray-500) + } + .xl\:focus\:fill-gray-500\/10:focus { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:fill-gray-500\/10:hover { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:fill-gray-500\/10:active { + fill: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:fill-gray-500\/20:focus { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:fill-gray-500\/20:hover { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:fill-gray-500\/20:active { + fill: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:fill-gray-500\/30:focus { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:fill-gray-500\/30:hover { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:fill-gray-500\/30:active { + fill: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:fill-gray-500\/40:focus { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:fill-gray-500\/40:hover { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:fill-gray-500\/40:active { + fill: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:fill-gray-500\/50:focus { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:fill-gray-500\/50:hover { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:fill-gray-500\/50:active { + fill: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:fill-gray-500\/60:focus { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:fill-gray-500\/60:hover { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:fill-gray-500\/60:active { + fill: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:fill-gray-500\/70:focus { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:fill-gray-500\/70:hover { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:fill-gray-500\/70:active { + fill: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:fill-gray-500\/80:focus { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:fill-gray-500\/80:hover { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:fill-gray-500\/80:active { + fill: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:fill-gray-500\/90:focus { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:fill-gray-500\/90:hover { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:fill-gray-500\/90:active { + fill: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:fill-gray-600:focus { + fill: var(--gray-600) + } + .xl\:hover\:fill-gray-600:hover { + fill: var(--gray-600) + } + .xl\:active\:fill-gray-600:active { + fill: var(--gray-600) + } + .xl\:focus\:fill-gray-600\/10:focus { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:fill-gray-600\/10:hover { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:fill-gray-600\/10:active { + fill: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:fill-gray-600\/20:focus { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:fill-gray-600\/20:hover { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:fill-gray-600\/20:active { + fill: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:fill-gray-600\/30:focus { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:fill-gray-600\/30:hover { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:fill-gray-600\/30:active { + fill: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:fill-gray-600\/40:focus { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:fill-gray-600\/40:hover { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:fill-gray-600\/40:active { + fill: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:fill-gray-600\/50:focus { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:fill-gray-600\/50:hover { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:fill-gray-600\/50:active { + fill: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:fill-gray-600\/60:focus { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:fill-gray-600\/60:hover { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:fill-gray-600\/60:active { + fill: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:fill-gray-600\/70:focus { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:fill-gray-600\/70:hover { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:fill-gray-600\/70:active { + fill: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:fill-gray-600\/80:focus { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:fill-gray-600\/80:hover { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:fill-gray-600\/80:active { + fill: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:fill-gray-600\/90:focus { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:fill-gray-600\/90:hover { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:fill-gray-600\/90:active { + fill: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:fill-gray-700:focus { + fill: var(--gray-700) + } + .xl\:hover\:fill-gray-700:hover { + fill: var(--gray-700) + } + .xl\:active\:fill-gray-700:active { + fill: var(--gray-700) + } + .xl\:focus\:fill-gray-700\/10:focus { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:fill-gray-700\/10:hover { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:fill-gray-700\/10:active { + fill: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:fill-gray-700\/20:focus { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:fill-gray-700\/20:hover { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:fill-gray-700\/20:active { + fill: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:fill-gray-700\/30:focus { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:fill-gray-700\/30:hover { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:fill-gray-700\/30:active { + fill: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:fill-gray-700\/40:focus { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:fill-gray-700\/40:hover { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:fill-gray-700\/40:active { + fill: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:fill-gray-700\/50:focus { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:fill-gray-700\/50:hover { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:fill-gray-700\/50:active { + fill: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:fill-gray-700\/60:focus { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:fill-gray-700\/60:hover { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:fill-gray-700\/60:active { + fill: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:fill-gray-700\/70:focus { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:fill-gray-700\/70:hover { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:fill-gray-700\/70:active { + fill: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:fill-gray-700\/80:focus { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:fill-gray-700\/80:hover { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:fill-gray-700\/80:active { + fill: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:fill-gray-700\/90:focus { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:fill-gray-700\/90:hover { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:fill-gray-700\/90:active { + fill: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:fill-gray-800:focus { + fill: var(--gray-800) + } + .xl\:hover\:fill-gray-800:hover { + fill: var(--gray-800) + } + .xl\:active\:fill-gray-800:active { + fill: var(--gray-800) + } + .xl\:focus\:fill-gray-800\/10:focus { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:fill-gray-800\/10:hover { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:fill-gray-800\/10:active { + fill: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:fill-gray-800\/20:focus { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:fill-gray-800\/20:hover { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:fill-gray-800\/20:active { + fill: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:fill-gray-800\/30:focus { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:fill-gray-800\/30:hover { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:fill-gray-800\/30:active { + fill: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:fill-gray-800\/40:focus { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:fill-gray-800\/40:hover { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:fill-gray-800\/40:active { + fill: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:fill-gray-800\/50:focus { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:fill-gray-800\/50:hover { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:fill-gray-800\/50:active { + fill: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:fill-gray-800\/60:focus { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:fill-gray-800\/60:hover { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:fill-gray-800\/60:active { + fill: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:fill-gray-800\/70:focus { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:fill-gray-800\/70:hover { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:fill-gray-800\/70:active { + fill: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:fill-gray-800\/80:focus { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:fill-gray-800\/80:hover { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:fill-gray-800\/80:active { + fill: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:fill-gray-800\/90:focus { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:fill-gray-800\/90:hover { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:fill-gray-800\/90:active { + fill: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:fill-gray-900:focus { + fill: var(--gray-900) + } + .xl\:hover\:fill-gray-900:hover { + fill: var(--gray-900) + } + .xl\:active\:fill-gray-900:active { + fill: var(--gray-900) + } + .xl\:focus\:fill-gray-900\/10:focus { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:fill-gray-900\/10:hover { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:fill-gray-900\/10:active { + fill: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:fill-gray-900\/20:focus { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:fill-gray-900\/20:hover { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:fill-gray-900\/20:active { + fill: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:fill-gray-900\/30:focus { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:fill-gray-900\/30:hover { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:fill-gray-900\/30:active { + fill: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:fill-gray-900\/40:focus { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:fill-gray-900\/40:hover { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:fill-gray-900\/40:active { + fill: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:fill-gray-900\/50:focus { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:fill-gray-900\/50:hover { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:fill-gray-900\/50:active { + fill: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:fill-gray-900\/60:focus { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:fill-gray-900\/60:hover { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:fill-gray-900\/60:active { + fill: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:fill-gray-900\/70:focus { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:fill-gray-900\/70:hover { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:fill-gray-900\/70:active { + fill: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:fill-gray-900\/80:focus { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:fill-gray-900\/80:hover { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:fill-gray-900\/80:active { + fill: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:fill-gray-900\/90:focus { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:fill-gray-900\/90:hover { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:fill-gray-900\/90:active { + fill: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:fill-surface-0:focus { + fill: var(--surface-0) + } + .xl\:hover\:fill-surface-0:hover { + fill: var(--surface-0) + } + .xl\:active\:fill-surface-0:active { + fill: var(--surface-0) + } + .xl\:focus\:fill-surface-0\/10:focus { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:fill-surface-0\/10:hover { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:fill-surface-0\/10:active { + fill: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:fill-surface-0\/20:focus { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:fill-surface-0\/20:hover { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:fill-surface-0\/20:active { + fill: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:fill-surface-0\/30:focus { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:fill-surface-0\/30:hover { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:fill-surface-0\/30:active { + fill: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:fill-surface-0\/40:focus { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:fill-surface-0\/40:hover { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:fill-surface-0\/40:active { + fill: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:fill-surface-0\/50:focus { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:fill-surface-0\/50:hover { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:fill-surface-0\/50:active { + fill: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:fill-surface-0\/60:focus { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:fill-surface-0\/60:hover { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:fill-surface-0\/60:active { + fill: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:fill-surface-0\/70:focus { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:fill-surface-0\/70:hover { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:fill-surface-0\/70:active { + fill: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:fill-surface-0\/80:focus { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:fill-surface-0\/80:hover { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:fill-surface-0\/80:active { + fill: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:fill-surface-0\/90:focus { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:fill-surface-0\/90:hover { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:fill-surface-0\/90:active { + fill: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:fill-surface-50:focus { + fill: var(--surface-50) + } + .xl\:hover\:fill-surface-50:hover { + fill: var(--surface-50) + } + .xl\:active\:fill-surface-50:active { + fill: var(--surface-50) + } + .xl\:focus\:fill-surface-50\/10:focus { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:fill-surface-50\/10:hover { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:fill-surface-50\/10:active { + fill: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:fill-surface-50\/20:focus { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:fill-surface-50\/20:hover { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:fill-surface-50\/20:active { + fill: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:fill-surface-50\/30:focus { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:fill-surface-50\/30:hover { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:fill-surface-50\/30:active { + fill: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:fill-surface-50\/40:focus { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:fill-surface-50\/40:hover { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:fill-surface-50\/40:active { + fill: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:fill-surface-50\/50:focus { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:fill-surface-50\/50:hover { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:fill-surface-50\/50:active { + fill: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:fill-surface-50\/60:focus { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:fill-surface-50\/60:hover { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:fill-surface-50\/60:active { + fill: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:fill-surface-50\/70:focus { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:fill-surface-50\/70:hover { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:fill-surface-50\/70:active { + fill: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:fill-surface-50\/80:focus { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:fill-surface-50\/80:hover { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:fill-surface-50\/80:active { + fill: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:fill-surface-50\/90:focus { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:fill-surface-50\/90:hover { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:fill-surface-50\/90:active { + fill: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:fill-surface-100:focus { + fill: var(--surface-100) + } + .xl\:hover\:fill-surface-100:hover { + fill: var(--surface-100) + } + .xl\:active\:fill-surface-100:active { + fill: var(--surface-100) + } + .xl\:focus\:fill-surface-100\/10:focus { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:fill-surface-100\/10:hover { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:fill-surface-100\/10:active { + fill: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:fill-surface-100\/20:focus { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:fill-surface-100\/20:hover { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:fill-surface-100\/20:active { + fill: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:fill-surface-100\/30:focus { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:fill-surface-100\/30:hover { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:fill-surface-100\/30:active { + fill: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:fill-surface-100\/40:focus { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:fill-surface-100\/40:hover { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:fill-surface-100\/40:active { + fill: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:fill-surface-100\/50:focus { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:fill-surface-100\/50:hover { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:fill-surface-100\/50:active { + fill: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:fill-surface-100\/60:focus { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:fill-surface-100\/60:hover { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:fill-surface-100\/60:active { + fill: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:fill-surface-100\/70:focus { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:fill-surface-100\/70:hover { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:fill-surface-100\/70:active { + fill: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:fill-surface-100\/80:focus { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:fill-surface-100\/80:hover { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:fill-surface-100\/80:active { + fill: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:fill-surface-100\/90:focus { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:fill-surface-100\/90:hover { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:fill-surface-100\/90:active { + fill: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:fill-surface-200:focus { + fill: var(--surface-200) + } + .xl\:hover\:fill-surface-200:hover { + fill: var(--surface-200) + } + .xl\:active\:fill-surface-200:active { + fill: var(--surface-200) + } + .xl\:focus\:fill-surface-200\/10:focus { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:fill-surface-200\/10:hover { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:fill-surface-200\/10:active { + fill: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:fill-surface-200\/20:focus { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:fill-surface-200\/20:hover { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:fill-surface-200\/20:active { + fill: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:fill-surface-200\/30:focus { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:fill-surface-200\/30:hover { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:fill-surface-200\/30:active { + fill: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:fill-surface-200\/40:focus { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:fill-surface-200\/40:hover { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:fill-surface-200\/40:active { + fill: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:fill-surface-200\/50:focus { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:fill-surface-200\/50:hover { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:fill-surface-200\/50:active { + fill: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:fill-surface-200\/60:focus { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:fill-surface-200\/60:hover { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:fill-surface-200\/60:active { + fill: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:fill-surface-200\/70:focus { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:fill-surface-200\/70:hover { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:fill-surface-200\/70:active { + fill: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:fill-surface-200\/80:focus { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:fill-surface-200\/80:hover { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:fill-surface-200\/80:active { + fill: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:fill-surface-200\/90:focus { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:fill-surface-200\/90:hover { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:fill-surface-200\/90:active { + fill: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:fill-surface-300:focus { + fill: var(--surface-300) + } + .xl\:hover\:fill-surface-300:hover { + fill: var(--surface-300) + } + .xl\:active\:fill-surface-300:active { + fill: var(--surface-300) + } + .xl\:focus\:fill-surface-300\/10:focus { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:fill-surface-300\/10:hover { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:fill-surface-300\/10:active { + fill: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:fill-surface-300\/20:focus { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:fill-surface-300\/20:hover { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:fill-surface-300\/20:active { + fill: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:fill-surface-300\/30:focus { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:fill-surface-300\/30:hover { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:fill-surface-300\/30:active { + fill: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:fill-surface-300\/40:focus { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:fill-surface-300\/40:hover { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:fill-surface-300\/40:active { + fill: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:fill-surface-300\/50:focus { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:fill-surface-300\/50:hover { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:fill-surface-300\/50:active { + fill: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:fill-surface-300\/60:focus { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:fill-surface-300\/60:hover { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:fill-surface-300\/60:active { + fill: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:fill-surface-300\/70:focus { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:fill-surface-300\/70:hover { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:fill-surface-300\/70:active { + fill: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:fill-surface-300\/80:focus { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:fill-surface-300\/80:hover { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:fill-surface-300\/80:active { + fill: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:fill-surface-300\/90:focus { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:fill-surface-300\/90:hover { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:fill-surface-300\/90:active { + fill: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:fill-surface-400:focus { + fill: var(--surface-400) + } + .xl\:hover\:fill-surface-400:hover { + fill: var(--surface-400) + } + .xl\:active\:fill-surface-400:active { + fill: var(--surface-400) + } + .xl\:focus\:fill-surface-400\/10:focus { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:fill-surface-400\/10:hover { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:fill-surface-400\/10:active { + fill: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:fill-surface-400\/20:focus { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:fill-surface-400\/20:hover { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:fill-surface-400\/20:active { + fill: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:fill-surface-400\/30:focus { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:fill-surface-400\/30:hover { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:fill-surface-400\/30:active { + fill: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:fill-surface-400\/40:focus { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:fill-surface-400\/40:hover { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:fill-surface-400\/40:active { + fill: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:fill-surface-400\/50:focus { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:fill-surface-400\/50:hover { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:fill-surface-400\/50:active { + fill: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:fill-surface-400\/60:focus { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:fill-surface-400\/60:hover { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:fill-surface-400\/60:active { + fill: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:fill-surface-400\/70:focus { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:fill-surface-400\/70:hover { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:fill-surface-400\/70:active { + fill: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:fill-surface-400\/80:focus { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:fill-surface-400\/80:hover { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:fill-surface-400\/80:active { + fill: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:fill-surface-400\/90:focus { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:fill-surface-400\/90:hover { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:fill-surface-400\/90:active { + fill: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:fill-surface-500:focus { + fill: var(--surface-500) + } + .xl\:hover\:fill-surface-500:hover { + fill: var(--surface-500) + } + .xl\:active\:fill-surface-500:active { + fill: var(--surface-500) + } + .xl\:focus\:fill-surface-500\/10:focus { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:fill-surface-500\/10:hover { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:fill-surface-500\/10:active { + fill: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:fill-surface-500\/20:focus { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:fill-surface-500\/20:hover { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:fill-surface-500\/20:active { + fill: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:fill-surface-500\/30:focus { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:fill-surface-500\/30:hover { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:fill-surface-500\/30:active { + fill: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:fill-surface-500\/40:focus { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:fill-surface-500\/40:hover { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:fill-surface-500\/40:active { + fill: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:fill-surface-500\/50:focus { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:fill-surface-500\/50:hover { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:fill-surface-500\/50:active { + fill: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:fill-surface-500\/60:focus { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:fill-surface-500\/60:hover { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:fill-surface-500\/60:active { + fill: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:fill-surface-500\/70:focus { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:fill-surface-500\/70:hover { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:fill-surface-500\/70:active { + fill: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:fill-surface-500\/80:focus { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:fill-surface-500\/80:hover { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:fill-surface-500\/80:active { + fill: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:fill-surface-500\/90:focus { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:fill-surface-500\/90:hover { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:fill-surface-500\/90:active { + fill: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:fill-surface-600:focus { + fill: var(--surface-600) + } + .xl\:hover\:fill-surface-600:hover { + fill: var(--surface-600) + } + .xl\:active\:fill-surface-600:active { + fill: var(--surface-600) + } + .xl\:focus\:fill-surface-600\/10:focus { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:fill-surface-600\/10:hover { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:fill-surface-600\/10:active { + fill: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:fill-surface-600\/20:focus { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:fill-surface-600\/20:hover { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:fill-surface-600\/20:active { + fill: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:fill-surface-600\/30:focus { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:fill-surface-600\/30:hover { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:fill-surface-600\/30:active { + fill: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:fill-surface-600\/40:focus { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:fill-surface-600\/40:hover { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:fill-surface-600\/40:active { + fill: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:fill-surface-600\/50:focus { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:fill-surface-600\/50:hover { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:fill-surface-600\/50:active { + fill: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:fill-surface-600\/60:focus { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:fill-surface-600\/60:hover { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:fill-surface-600\/60:active { + fill: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:fill-surface-600\/70:focus { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:fill-surface-600\/70:hover { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:fill-surface-600\/70:active { + fill: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:fill-surface-600\/80:focus { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:fill-surface-600\/80:hover { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:fill-surface-600\/80:active { + fill: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:fill-surface-600\/90:focus { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:fill-surface-600\/90:hover { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:fill-surface-600\/90:active { + fill: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:fill-surface-700:focus { + fill: var(--surface-700) + } + .xl\:hover\:fill-surface-700:hover { + fill: var(--surface-700) + } + .xl\:active\:fill-surface-700:active { + fill: var(--surface-700) + } + .xl\:focus\:fill-surface-700\/10:focus { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:fill-surface-700\/10:hover { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:fill-surface-700\/10:active { + fill: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:fill-surface-700\/20:focus { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:fill-surface-700\/20:hover { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:fill-surface-700\/20:active { + fill: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:fill-surface-700\/30:focus { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:fill-surface-700\/30:hover { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:fill-surface-700\/30:active { + fill: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:fill-surface-700\/40:focus { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:fill-surface-700\/40:hover { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:fill-surface-700\/40:active { + fill: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:fill-surface-700\/50:focus { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:fill-surface-700\/50:hover { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:fill-surface-700\/50:active { + fill: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:fill-surface-700\/60:focus { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:fill-surface-700\/60:hover { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:fill-surface-700\/60:active { + fill: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:fill-surface-700\/70:focus { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:fill-surface-700\/70:hover { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:fill-surface-700\/70:active { + fill: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:fill-surface-700\/80:focus { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:fill-surface-700\/80:hover { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:fill-surface-700\/80:active { + fill: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:fill-surface-700\/90:focus { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:fill-surface-700\/90:hover { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:fill-surface-700\/90:active { + fill: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:fill-surface-800:focus { + fill: var(--surface-800) + } + .xl\:hover\:fill-surface-800:hover { + fill: var(--surface-800) + } + .xl\:active\:fill-surface-800:active { + fill: var(--surface-800) + } + .xl\:focus\:fill-surface-800\/10:focus { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:fill-surface-800\/10:hover { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:fill-surface-800\/10:active { + fill: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:fill-surface-800\/20:focus { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:fill-surface-800\/20:hover { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:fill-surface-800\/20:active { + fill: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:fill-surface-800\/30:focus { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:fill-surface-800\/30:hover { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:fill-surface-800\/30:active { + fill: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:fill-surface-800\/40:focus { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:fill-surface-800\/40:hover { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:fill-surface-800\/40:active { + fill: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:fill-surface-800\/50:focus { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:fill-surface-800\/50:hover { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:fill-surface-800\/50:active { + fill: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:fill-surface-800\/60:focus { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:fill-surface-800\/60:hover { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:fill-surface-800\/60:active { + fill: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:fill-surface-800\/70:focus { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:fill-surface-800\/70:hover { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:fill-surface-800\/70:active { + fill: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:fill-surface-800\/80:focus { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:fill-surface-800\/80:hover { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:fill-surface-800\/80:active { + fill: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:fill-surface-800\/90:focus { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:fill-surface-800\/90:hover { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:fill-surface-800\/90:active { + fill: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:fill-surface-900:focus { + fill: var(--surface-900) + } + .xl\:hover\:fill-surface-900:hover { + fill: var(--surface-900) + } + .xl\:active\:fill-surface-900:active { + fill: var(--surface-900) + } + .xl\:focus\:fill-surface-900\/10:focus { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:fill-surface-900\/10:hover { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:fill-surface-900\/10:active { + fill: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:fill-surface-900\/20:focus { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:fill-surface-900\/20:hover { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:fill-surface-900\/20:active { + fill: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:fill-surface-900\/30:focus { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:fill-surface-900\/30:hover { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:fill-surface-900\/30:active { + fill: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:fill-surface-900\/40:focus { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:fill-surface-900\/40:hover { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:fill-surface-900\/40:active { + fill: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:fill-surface-900\/50:focus { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:fill-surface-900\/50:hover { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:fill-surface-900\/50:active { + fill: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:fill-surface-900\/60:focus { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:fill-surface-900\/60:hover { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:fill-surface-900\/60:active { + fill: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:fill-surface-900\/70:focus { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:fill-surface-900\/70:hover { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:fill-surface-900\/70:active { + fill: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:fill-surface-900\/80:focus { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:fill-surface-900\/80:hover { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:fill-surface-900\/80:active { + fill: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:fill-surface-900\/90:focus { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:fill-surface-900\/90:hover { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:fill-surface-900\/90:active { + fill: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:fill-primary-50:focus { + fill: var(--primary-50) + } + .xl\:hover\:fill-primary-50:hover { + fill: var(--primary-50) + } + .xl\:active\:fill-primary-50:active { + fill: var(--primary-50) + } + .xl\:focus\:fill-primary-50\/10:focus { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:fill-primary-50\/10:hover { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:fill-primary-50\/10:active { + fill: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:fill-primary-50\/20:focus { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:fill-primary-50\/20:hover { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:fill-primary-50\/20:active { + fill: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:fill-primary-50\/30:focus { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:fill-primary-50\/30:hover { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:fill-primary-50\/30:active { + fill: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:fill-primary-50\/40:focus { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:fill-primary-50\/40:hover { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:fill-primary-50\/40:active { + fill: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:fill-primary-50\/50:focus { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:fill-primary-50\/50:hover { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:fill-primary-50\/50:active { + fill: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:fill-primary-50\/60:focus { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:fill-primary-50\/60:hover { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:fill-primary-50\/60:active { + fill: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:fill-primary-50\/70:focus { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:fill-primary-50\/70:hover { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:fill-primary-50\/70:active { + fill: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:fill-primary-50\/80:focus { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:fill-primary-50\/80:hover { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:fill-primary-50\/80:active { + fill: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:fill-primary-50\/90:focus { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:fill-primary-50\/90:hover { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:fill-primary-50\/90:active { + fill: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:fill-primary-100:focus { + fill: var(--primary-100) + } + .xl\:hover\:fill-primary-100:hover { + fill: var(--primary-100) + } + .xl\:active\:fill-primary-100:active { + fill: var(--primary-100) + } + .xl\:focus\:fill-primary-100\/10:focus { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:fill-primary-100\/10:hover { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:fill-primary-100\/10:active { + fill: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:fill-primary-100\/20:focus { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:fill-primary-100\/20:hover { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:fill-primary-100\/20:active { + fill: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:fill-primary-100\/30:focus { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:fill-primary-100\/30:hover { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:fill-primary-100\/30:active { + fill: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:fill-primary-100\/40:focus { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:fill-primary-100\/40:hover { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:fill-primary-100\/40:active { + fill: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:fill-primary-100\/50:focus { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:fill-primary-100\/50:hover { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:fill-primary-100\/50:active { + fill: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:fill-primary-100\/60:focus { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:fill-primary-100\/60:hover { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:fill-primary-100\/60:active { + fill: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:fill-primary-100\/70:focus { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:fill-primary-100\/70:hover { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:fill-primary-100\/70:active { + fill: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:fill-primary-100\/80:focus { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:fill-primary-100\/80:hover { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:fill-primary-100\/80:active { + fill: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:fill-primary-100\/90:focus { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:fill-primary-100\/90:hover { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:fill-primary-100\/90:active { + fill: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:fill-primary-200:focus { + fill: var(--primary-200) + } + .xl\:hover\:fill-primary-200:hover { + fill: var(--primary-200) + } + .xl\:active\:fill-primary-200:active { + fill: var(--primary-200) + } + .xl\:focus\:fill-primary-200\/10:focus { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:fill-primary-200\/10:hover { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:fill-primary-200\/10:active { + fill: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:fill-primary-200\/20:focus { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:fill-primary-200\/20:hover { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:fill-primary-200\/20:active { + fill: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:fill-primary-200\/30:focus { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:fill-primary-200\/30:hover { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:fill-primary-200\/30:active { + fill: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:fill-primary-200\/40:focus { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:fill-primary-200\/40:hover { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:fill-primary-200\/40:active { + fill: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:fill-primary-200\/50:focus { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:fill-primary-200\/50:hover { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:fill-primary-200\/50:active { + fill: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:fill-primary-200\/60:focus { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:fill-primary-200\/60:hover { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:fill-primary-200\/60:active { + fill: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:fill-primary-200\/70:focus { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:fill-primary-200\/70:hover { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:fill-primary-200\/70:active { + fill: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:fill-primary-200\/80:focus { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:fill-primary-200\/80:hover { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:fill-primary-200\/80:active { + fill: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:fill-primary-200\/90:focus { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:fill-primary-200\/90:hover { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:fill-primary-200\/90:active { + fill: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:fill-primary-300:focus { + fill: var(--primary-300) + } + .xl\:hover\:fill-primary-300:hover { + fill: var(--primary-300) + } + .xl\:active\:fill-primary-300:active { + fill: var(--primary-300) + } + .xl\:focus\:fill-primary-300\/10:focus { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:fill-primary-300\/10:hover { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:fill-primary-300\/10:active { + fill: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:fill-primary-300\/20:focus { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:fill-primary-300\/20:hover { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:fill-primary-300\/20:active { + fill: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:fill-primary-300\/30:focus { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:fill-primary-300\/30:hover { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:fill-primary-300\/30:active { + fill: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:fill-primary-300\/40:focus { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:fill-primary-300\/40:hover { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:fill-primary-300\/40:active { + fill: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:fill-primary-300\/50:focus { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:fill-primary-300\/50:hover { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:fill-primary-300\/50:active { + fill: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:fill-primary-300\/60:focus { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:fill-primary-300\/60:hover { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:fill-primary-300\/60:active { + fill: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:fill-primary-300\/70:focus { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:fill-primary-300\/70:hover { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:fill-primary-300\/70:active { + fill: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:fill-primary-300\/80:focus { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:fill-primary-300\/80:hover { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:fill-primary-300\/80:active { + fill: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:fill-primary-300\/90:focus { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:fill-primary-300\/90:hover { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:fill-primary-300\/90:active { + fill: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:fill-primary-400:focus { + fill: var(--primary-400) + } + .xl\:hover\:fill-primary-400:hover { + fill: var(--primary-400) + } + .xl\:active\:fill-primary-400:active { + fill: var(--primary-400) + } + .xl\:focus\:fill-primary-400\/10:focus { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:fill-primary-400\/10:hover { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:fill-primary-400\/10:active { + fill: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:fill-primary-400\/20:focus { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:fill-primary-400\/20:hover { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:fill-primary-400\/20:active { + fill: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:fill-primary-400\/30:focus { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:fill-primary-400\/30:hover { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:fill-primary-400\/30:active { + fill: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:fill-primary-400\/40:focus { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:fill-primary-400\/40:hover { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:fill-primary-400\/40:active { + fill: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:fill-primary-400\/50:focus { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:fill-primary-400\/50:hover { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:fill-primary-400\/50:active { + fill: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:fill-primary-400\/60:focus { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:fill-primary-400\/60:hover { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:fill-primary-400\/60:active { + fill: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:fill-primary-400\/70:focus { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:fill-primary-400\/70:hover { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:fill-primary-400\/70:active { + fill: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:fill-primary-400\/80:focus { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:fill-primary-400\/80:hover { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:fill-primary-400\/80:active { + fill: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:fill-primary-400\/90:focus { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:fill-primary-400\/90:hover { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:fill-primary-400\/90:active { + fill: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:fill-primary-500:focus { + fill: var(--primary-500) + } + .xl\:hover\:fill-primary-500:hover { + fill: var(--primary-500) + } + .xl\:active\:fill-primary-500:active { + fill: var(--primary-500) + } + .xl\:focus\:fill-primary-500\/10:focus { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:fill-primary-500\/10:hover { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:fill-primary-500\/10:active { + fill: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:fill-primary-500\/20:focus { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:fill-primary-500\/20:hover { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:fill-primary-500\/20:active { + fill: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:fill-primary-500\/30:focus { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:fill-primary-500\/30:hover { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:fill-primary-500\/30:active { + fill: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:fill-primary-500\/40:focus { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:fill-primary-500\/40:hover { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:fill-primary-500\/40:active { + fill: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:fill-primary-500\/50:focus { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:fill-primary-500\/50:hover { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:fill-primary-500\/50:active { + fill: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:fill-primary-500\/60:focus { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:fill-primary-500\/60:hover { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:fill-primary-500\/60:active { + fill: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:fill-primary-500\/70:focus { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:fill-primary-500\/70:hover { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:fill-primary-500\/70:active { + fill: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:fill-primary-500\/80:focus { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:fill-primary-500\/80:hover { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:fill-primary-500\/80:active { + fill: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:fill-primary-500\/90:focus { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:fill-primary-500\/90:hover { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:fill-primary-500\/90:active { + fill: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:fill-primary-600:focus { + fill: var(--primary-600) + } + .xl\:hover\:fill-primary-600:hover { + fill: var(--primary-600) + } + .xl\:active\:fill-primary-600:active { + fill: var(--primary-600) + } + .xl\:focus\:fill-primary-600\/10:focus { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:fill-primary-600\/10:hover { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:fill-primary-600\/10:active { + fill: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:fill-primary-600\/20:focus { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:fill-primary-600\/20:hover { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:fill-primary-600\/20:active { + fill: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:fill-primary-600\/30:focus { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:fill-primary-600\/30:hover { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:fill-primary-600\/30:active { + fill: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:fill-primary-600\/40:focus { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:fill-primary-600\/40:hover { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:fill-primary-600\/40:active { + fill: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:fill-primary-600\/50:focus { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:fill-primary-600\/50:hover { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:fill-primary-600\/50:active { + fill: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:fill-primary-600\/60:focus { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:fill-primary-600\/60:hover { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:fill-primary-600\/60:active { + fill: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:fill-primary-600\/70:focus { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:fill-primary-600\/70:hover { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:fill-primary-600\/70:active { + fill: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:fill-primary-600\/80:focus { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:fill-primary-600\/80:hover { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:fill-primary-600\/80:active { + fill: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:fill-primary-600\/90:focus { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:fill-primary-600\/90:hover { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:fill-primary-600\/90:active { + fill: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:fill-primary-700:focus { + fill: var(--primary-700) + } + .xl\:hover\:fill-primary-700:hover { + fill: var(--primary-700) + } + .xl\:active\:fill-primary-700:active { + fill: var(--primary-700) + } + .xl\:focus\:fill-primary-700\/10:focus { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:fill-primary-700\/10:hover { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:fill-primary-700\/10:active { + fill: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:fill-primary-700\/20:focus { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:fill-primary-700\/20:hover { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:fill-primary-700\/20:active { + fill: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:fill-primary-700\/30:focus { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:fill-primary-700\/30:hover { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:fill-primary-700\/30:active { + fill: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:fill-primary-700\/40:focus { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:fill-primary-700\/40:hover { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:fill-primary-700\/40:active { + fill: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:fill-primary-700\/50:focus { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:fill-primary-700\/50:hover { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:fill-primary-700\/50:active { + fill: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:fill-primary-700\/60:focus { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:fill-primary-700\/60:hover { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:fill-primary-700\/60:active { + fill: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:fill-primary-700\/70:focus { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:fill-primary-700\/70:hover { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:fill-primary-700\/70:active { + fill: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:fill-primary-700\/80:focus { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:fill-primary-700\/80:hover { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:fill-primary-700\/80:active { + fill: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:fill-primary-700\/90:focus { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:fill-primary-700\/90:hover { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:fill-primary-700\/90:active { + fill: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:fill-primary-800:focus { + fill: var(--primary-800) + } + .xl\:hover\:fill-primary-800:hover { + fill: var(--primary-800) + } + .xl\:active\:fill-primary-800:active { + fill: var(--primary-800) + } + .xl\:focus\:fill-primary-800\/10:focus { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:fill-primary-800\/10:hover { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:fill-primary-800\/10:active { + fill: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:fill-primary-800\/20:focus { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:fill-primary-800\/20:hover { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:fill-primary-800\/20:active { + fill: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:fill-primary-800\/30:focus { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:fill-primary-800\/30:hover { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:fill-primary-800\/30:active { + fill: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:fill-primary-800\/40:focus { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:fill-primary-800\/40:hover { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:fill-primary-800\/40:active { + fill: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:fill-primary-800\/50:focus { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:fill-primary-800\/50:hover { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:fill-primary-800\/50:active { + fill: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:fill-primary-800\/60:focus { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:fill-primary-800\/60:hover { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:fill-primary-800\/60:active { + fill: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:fill-primary-800\/70:focus { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:fill-primary-800\/70:hover { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:fill-primary-800\/70:active { + fill: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:fill-primary-800\/80:focus { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:fill-primary-800\/80:hover { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:fill-primary-800\/80:active { + fill: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:fill-primary-800\/90:focus { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:fill-primary-800\/90:hover { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:fill-primary-800\/90:active { + fill: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:fill-primary-900:focus { + fill: var(--primary-900) + } + .xl\:hover\:fill-primary-900:hover { + fill: var(--primary-900) + } + .xl\:active\:fill-primary-900:active { + fill: var(--primary-900) + } + .xl\:focus\:fill-primary-900\/10:focus { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:fill-primary-900\/10:hover { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:fill-primary-900\/10:active { + fill: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:fill-primary-900\/20:focus { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:fill-primary-900\/20:hover { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:fill-primary-900\/20:active { + fill: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:fill-primary-900\/30:focus { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:fill-primary-900\/30:hover { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:fill-primary-900\/30:active { + fill: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:fill-primary-900\/40:focus { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:fill-primary-900\/40:hover { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:fill-primary-900\/40:active { + fill: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:fill-primary-900\/50:focus { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:fill-primary-900\/50:hover { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:fill-primary-900\/50:active { + fill: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:fill-primary-900\/60:focus { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:fill-primary-900\/60:hover { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:fill-primary-900\/60:active { + fill: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:fill-primary-900\/70:focus { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:fill-primary-900\/70:hover { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:fill-primary-900\/70:active { + fill: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:fill-primary-900\/80:focus { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:fill-primary-900\/80:hover { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:fill-primary-900\/80:active { + fill: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:fill-primary-900\/90:focus { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:fill-primary-900\/90:hover { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:fill-primary-900\/90:active { + fill: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.fill-white\/10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.fill-white-alpha-10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.fill-black\/10 { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.fill-black-alpha-10 { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.fill-white\/20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.fill-white-alpha-20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.fill-black\/20 { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.fill-black-alpha-20 { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.fill-white\/30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.fill-white-alpha-30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.fill-black\/30 { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.fill-black-alpha-30 { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.fill-white\/40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.fill-white-alpha-40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.fill-black\/40 { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.fill-black-alpha-40 { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.fill-white\/50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.fill-white-alpha-50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.fill-black\/50 { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.fill-black-alpha-50 { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.fill-white\/60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.fill-white-alpha-60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.fill-black\/60 { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.fill-black-alpha-60 { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.fill-white\/70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.fill-white-alpha-70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.fill-black\/70 { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.fill-black-alpha-70 { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.fill-white\/80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.fill-white-alpha-80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.fill-black\/80 { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.fill-black-alpha-80 { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.fill-white\/90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.fill-white-alpha-90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.fill-black\/90 { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.fill-black-alpha-90 { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:fill-white\/10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:fill-white\/10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:fill-white\/10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:fill-white-alpha-10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:fill-white-alpha-10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:fill-white-alpha-10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:fill-black\/10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:fill-black\/10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.active\:fill-black\/10:active { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:fill-black-alpha-10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:fill-black-alpha-10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.active\:fill-black-alpha-10:active { + fill: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:fill-white\/20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:fill-white\/20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:fill-white\/20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:fill-white-alpha-20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:fill-white-alpha-20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:fill-white-alpha-20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:fill-black\/20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:fill-black\/20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.active\:fill-black\/20:active { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:fill-black-alpha-20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:fill-black-alpha-20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.active\:fill-black-alpha-20:active { + fill: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:fill-white\/30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:fill-white\/30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:fill-white\/30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:fill-white-alpha-30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:fill-white-alpha-30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:fill-white-alpha-30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:fill-black\/30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:fill-black\/30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.active\:fill-black\/30:active { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:fill-black-alpha-30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:fill-black-alpha-30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.active\:fill-black-alpha-30:active { + fill: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:fill-white\/40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:fill-white\/40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:fill-white\/40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:fill-white-alpha-40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:fill-white-alpha-40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:fill-white-alpha-40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:fill-black\/40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:fill-black\/40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.active\:fill-black\/40:active { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:fill-black-alpha-40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:fill-black-alpha-40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.active\:fill-black-alpha-40:active { + fill: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:fill-white\/50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:fill-white\/50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:fill-white\/50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:fill-white-alpha-50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:fill-white-alpha-50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:fill-white-alpha-50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:fill-black\/50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:fill-black\/50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.active\:fill-black\/50:active { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:fill-black-alpha-50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:fill-black-alpha-50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.active\:fill-black-alpha-50:active { + fill: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:fill-white\/60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:fill-white\/60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:fill-white\/60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:fill-white-alpha-60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:fill-white-alpha-60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:fill-white-alpha-60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:fill-black\/60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:fill-black\/60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.active\:fill-black\/60:active { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:fill-black-alpha-60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:fill-black-alpha-60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.active\:fill-black-alpha-60:active { + fill: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:fill-white\/70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:fill-white\/70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:fill-white\/70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:fill-white-alpha-70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:fill-white-alpha-70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:fill-white-alpha-70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:fill-black\/70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:fill-black\/70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.active\:fill-black\/70:active { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:fill-black-alpha-70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:fill-black-alpha-70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.active\:fill-black-alpha-70:active { + fill: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:fill-white\/80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:fill-white\/80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:fill-white\/80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:fill-white-alpha-80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:fill-white-alpha-80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:fill-white-alpha-80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:fill-black\/80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:fill-black\/80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.active\:fill-black\/80:active { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:fill-black-alpha-80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:fill-black-alpha-80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.active\:fill-black-alpha-80:active { + fill: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:fill-white\/90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:fill-white\/90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:fill-white\/90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:fill-white-alpha-90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:fill-white-alpha-90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:fill-white-alpha-90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:fill-black\/90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:fill-black\/90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.active\:fill-black\/90:active { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:fill-black-alpha-90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:fill-black-alpha-90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) +} +.active\:fill-black-alpha-90:active { + fill: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:fill-white\/10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:fill-white-alpha-10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:fill-black\/10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:fill-black-alpha-10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:fill-white\/20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:fill-white-alpha-20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:fill-black\/20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:fill-black-alpha-20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:fill-white\/30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:fill-white-alpha-30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:fill-black\/30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:fill-black-alpha-30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:fill-white\/40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:fill-white-alpha-40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:fill-black\/40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:fill-black-alpha-40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:fill-white\/50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:fill-white-alpha-50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:fill-black\/50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:fill-black-alpha-50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:fill-white\/60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:fill-white-alpha-60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:fill-black\/60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:fill-black-alpha-60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:fill-white\/70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:fill-white-alpha-70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:fill-black\/70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:fill-black-alpha-70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:fill-white\/80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:fill-white-alpha-80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:fill-black\/80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:fill-black-alpha-80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:fill-white\/90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:fill-white-alpha-90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:fill-black\/90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:fill-black-alpha-90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:fill-white\/10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:fill-white\/10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:fill-white\/10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:fill-white-alpha-10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:fill-white-alpha-10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:fill-white-alpha-10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:fill-black\/10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:fill-black\/10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:fill-black\/10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:fill-black-alpha-10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:fill-black-alpha-10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:fill-black-alpha-10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:fill-white\/20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:fill-white\/20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:fill-white\/20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:fill-white-alpha-20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:fill-white-alpha-20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:fill-white-alpha-20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:fill-black\/20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:fill-black\/20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:fill-black\/20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:fill-black-alpha-20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:fill-black-alpha-20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:fill-black-alpha-20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:fill-white\/30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:fill-white\/30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:fill-white\/30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:fill-white-alpha-30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:fill-white-alpha-30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:fill-white-alpha-30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:fill-black\/30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:fill-black\/30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:fill-black\/30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:fill-black-alpha-30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:fill-black-alpha-30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:fill-black-alpha-30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:fill-white\/40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:fill-white\/40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:fill-white\/40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:fill-white-alpha-40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:fill-white-alpha-40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:fill-white-alpha-40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:fill-black\/40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:fill-black\/40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:fill-black\/40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:fill-black-alpha-40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:fill-black-alpha-40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:fill-black-alpha-40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:fill-white\/50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:fill-white\/50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:fill-white\/50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:fill-white-alpha-50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:fill-white-alpha-50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:fill-white-alpha-50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:fill-black\/50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:fill-black\/50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:fill-black\/50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:fill-black-alpha-50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:fill-black-alpha-50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:fill-black-alpha-50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:fill-white\/60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:fill-white\/60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:fill-white\/60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:fill-white-alpha-60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:fill-white-alpha-60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:fill-white-alpha-60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:fill-black\/60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:fill-black\/60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:fill-black\/60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:fill-black-alpha-60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:fill-black-alpha-60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:fill-black-alpha-60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:fill-white\/70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:fill-white\/70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:fill-white\/70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:fill-white-alpha-70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:fill-white-alpha-70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:fill-white-alpha-70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:fill-black\/70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:fill-black\/70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:fill-black\/70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:fill-black-alpha-70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:fill-black-alpha-70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:fill-black-alpha-70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:fill-white\/80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:fill-white\/80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:fill-white\/80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:fill-white-alpha-80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:fill-white-alpha-80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:fill-white-alpha-80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:fill-black\/80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:fill-black\/80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:fill-black\/80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:fill-black-alpha-80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:fill-black-alpha-80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:fill-black-alpha-80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:fill-white\/90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:fill-white\/90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:fill-white\/90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:fill-white-alpha-90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:fill-white-alpha-90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:fill-white-alpha-90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:fill-black\/90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:fill-black\/90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:fill-black\/90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:fill-black-alpha-90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:fill-black-alpha-90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:fill-black-alpha-90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:fill-white\/10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:fill-white-alpha-10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:fill-black\/10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:fill-black-alpha-10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:fill-white\/20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:fill-white-alpha-20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:fill-black\/20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:fill-black-alpha-20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:fill-white\/30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:fill-white-alpha-30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:fill-black\/30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:fill-black-alpha-30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:fill-white\/40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:fill-white-alpha-40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:fill-black\/40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:fill-black-alpha-40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:fill-white\/50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:fill-white-alpha-50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:fill-black\/50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:fill-black-alpha-50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:fill-white\/60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:fill-white-alpha-60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:fill-black\/60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:fill-black-alpha-60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:fill-white\/70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:fill-white-alpha-70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:fill-black\/70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:fill-black-alpha-70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:fill-white\/80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:fill-white-alpha-80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:fill-black\/80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:fill-black-alpha-80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:fill-white\/90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:fill-white-alpha-90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:fill-black\/90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:fill-black-alpha-90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:fill-white\/10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:fill-white\/10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:fill-white\/10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:fill-white-alpha-10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:fill-white-alpha-10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:fill-white-alpha-10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:fill-black\/10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:fill-black\/10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:fill-black\/10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:fill-black-alpha-10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:fill-black-alpha-10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:fill-black-alpha-10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:fill-white\/20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:fill-white\/20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:fill-white\/20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:fill-white-alpha-20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:fill-white-alpha-20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:fill-white-alpha-20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:fill-black\/20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:fill-black\/20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:fill-black\/20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:fill-black-alpha-20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:fill-black-alpha-20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:fill-black-alpha-20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:fill-white\/30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:fill-white\/30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:fill-white\/30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:fill-white-alpha-30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:fill-white-alpha-30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:fill-white-alpha-30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:fill-black\/30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:fill-black\/30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:fill-black\/30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:fill-black-alpha-30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:fill-black-alpha-30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:fill-black-alpha-30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:fill-white\/40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:fill-white\/40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:fill-white\/40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:fill-white-alpha-40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:fill-white-alpha-40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:fill-white-alpha-40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:fill-black\/40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:fill-black\/40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:fill-black\/40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:fill-black-alpha-40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:fill-black-alpha-40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:fill-black-alpha-40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:fill-white\/50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:fill-white\/50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:fill-white\/50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:fill-white-alpha-50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:fill-white-alpha-50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:fill-white-alpha-50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:fill-black\/50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:fill-black\/50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:fill-black\/50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:fill-black-alpha-50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:fill-black-alpha-50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:fill-black-alpha-50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:fill-white\/60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:fill-white\/60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:fill-white\/60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:fill-white-alpha-60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:fill-white-alpha-60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:fill-white-alpha-60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:fill-black\/60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:fill-black\/60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:fill-black\/60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:fill-black-alpha-60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:fill-black-alpha-60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:fill-black-alpha-60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:fill-white\/70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:fill-white\/70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:fill-white\/70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:fill-white-alpha-70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:fill-white-alpha-70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:fill-white-alpha-70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:fill-black\/70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:fill-black\/70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:fill-black\/70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:fill-black-alpha-70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:fill-black-alpha-70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:fill-black-alpha-70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:fill-white\/80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:fill-white\/80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:fill-white\/80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:fill-white-alpha-80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:fill-white-alpha-80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:fill-white-alpha-80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:fill-black\/80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:fill-black\/80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:fill-black\/80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:fill-black-alpha-80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:fill-black-alpha-80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:fill-black-alpha-80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:fill-white\/90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:fill-white\/90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:fill-white\/90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:fill-white-alpha-90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:fill-white-alpha-90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:fill-white-alpha-90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:fill-black\/90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:fill-black\/90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:fill-black\/90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:fill-black-alpha-90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:fill-black-alpha-90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:fill-black-alpha-90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:fill-white\/10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:fill-white-alpha-10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:fill-black\/10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:fill-black-alpha-10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:fill-white\/20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:fill-white-alpha-20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:fill-black\/20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:fill-black-alpha-20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:fill-white\/30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:fill-white-alpha-30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:fill-black\/30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:fill-black-alpha-30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:fill-white\/40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:fill-white-alpha-40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:fill-black\/40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:fill-black-alpha-40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:fill-white\/50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:fill-white-alpha-50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:fill-black\/50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:fill-black-alpha-50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:fill-white\/60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:fill-white-alpha-60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:fill-black\/60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:fill-black-alpha-60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:fill-white\/70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:fill-white-alpha-70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:fill-black\/70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:fill-black-alpha-70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:fill-white\/80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:fill-white-alpha-80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:fill-black\/80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:fill-black-alpha-80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:fill-white\/90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:fill-white-alpha-90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:fill-black\/90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:fill-black-alpha-90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:fill-white\/10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:fill-white\/10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:fill-white\/10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:fill-white-alpha-10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:fill-white-alpha-10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:fill-white-alpha-10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:fill-black\/10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:fill-black\/10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:fill-black\/10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:fill-black-alpha-10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:fill-black-alpha-10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:fill-black-alpha-10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:fill-white\/20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:fill-white\/20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:fill-white\/20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:fill-white-alpha-20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:fill-white-alpha-20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:fill-white-alpha-20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:fill-black\/20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:fill-black\/20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:fill-black\/20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:fill-black-alpha-20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:fill-black-alpha-20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:fill-black-alpha-20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:fill-white\/30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:fill-white\/30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:fill-white\/30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:fill-white-alpha-30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:fill-white-alpha-30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:fill-white-alpha-30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:fill-black\/30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:fill-black\/30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:fill-black\/30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:fill-black-alpha-30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:fill-black-alpha-30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:fill-black-alpha-30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:fill-white\/40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:fill-white\/40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:fill-white\/40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:fill-white-alpha-40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:fill-white-alpha-40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:fill-white-alpha-40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:fill-black\/40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:fill-black\/40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:fill-black\/40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:fill-black-alpha-40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:fill-black-alpha-40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:fill-black-alpha-40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:fill-white\/50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:fill-white\/50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:fill-white\/50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:fill-white-alpha-50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:fill-white-alpha-50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:fill-white-alpha-50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:fill-black\/50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:fill-black\/50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:fill-black\/50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:fill-black-alpha-50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:fill-black-alpha-50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:fill-black-alpha-50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:fill-white\/60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:fill-white\/60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:fill-white\/60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:fill-white-alpha-60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:fill-white-alpha-60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:fill-white-alpha-60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:fill-black\/60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:fill-black\/60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:fill-black\/60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:fill-black-alpha-60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:fill-black-alpha-60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:fill-black-alpha-60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:fill-white\/70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:fill-white\/70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:fill-white\/70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:fill-white-alpha-70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:fill-white-alpha-70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:fill-white-alpha-70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:fill-black\/70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:fill-black\/70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:fill-black\/70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:fill-black-alpha-70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:fill-black-alpha-70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:fill-black-alpha-70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:fill-white\/80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:fill-white\/80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:fill-white\/80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:fill-white-alpha-80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:fill-white-alpha-80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:fill-white-alpha-80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:fill-black\/80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:fill-black\/80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:fill-black\/80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:fill-black-alpha-80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:fill-black-alpha-80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:fill-black-alpha-80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:fill-white\/90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:fill-white\/90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:fill-white\/90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:fill-white-alpha-90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:fill-white-alpha-90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:fill-white-alpha-90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:fill-black\/90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:fill-black\/90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:fill-black\/90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:fill-black-alpha-90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:fill-black-alpha-90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:fill-black-alpha-90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:fill-white\/10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:fill-white-alpha-10 { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:fill-black\/10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:fill-black-alpha-10 { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:fill-white\/20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:fill-white-alpha-20 { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:fill-black\/20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:fill-black-alpha-20 { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:fill-white\/30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:fill-white-alpha-30 { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:fill-black\/30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:fill-black-alpha-30 { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:fill-white\/40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:fill-white-alpha-40 { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:fill-black\/40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:fill-black-alpha-40 { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:fill-white\/50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:fill-white-alpha-50 { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:fill-black\/50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:fill-black-alpha-50 { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:fill-white\/60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:fill-white-alpha-60 { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:fill-black\/60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:fill-black-alpha-60 { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:fill-white\/70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:fill-white-alpha-70 { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:fill-black\/70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:fill-black-alpha-70 { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:fill-white\/80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:fill-white-alpha-80 { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:fill-black\/80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:fill-black-alpha-80 { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:fill-white\/90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:fill-white-alpha-90 { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:fill-black\/90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:fill-black-alpha-90 { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:fill-white\/10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:fill-white\/10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:fill-white\/10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:fill-white-alpha-10:focus { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:fill-white-alpha-10:hover { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:fill-white-alpha-10:active { + fill: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:fill-black\/10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:fill-black\/10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:fill-black\/10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:fill-black-alpha-10:focus { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:fill-black-alpha-10:hover { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:fill-black-alpha-10:active { + fill: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:fill-white\/20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:fill-white\/20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:fill-white\/20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:fill-white-alpha-20:focus { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:fill-white-alpha-20:hover { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:fill-white-alpha-20:active { + fill: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:fill-black\/20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:fill-black\/20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:fill-black\/20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:fill-black-alpha-20:focus { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:fill-black-alpha-20:hover { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:fill-black-alpha-20:active { + fill: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:fill-white\/30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:fill-white\/30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:fill-white\/30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:fill-white-alpha-30:focus { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:fill-white-alpha-30:hover { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:fill-white-alpha-30:active { + fill: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:fill-black\/30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:fill-black\/30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:fill-black\/30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:fill-black-alpha-30:focus { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:fill-black-alpha-30:hover { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:fill-black-alpha-30:active { + fill: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:fill-white\/40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:fill-white\/40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:fill-white\/40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:fill-white-alpha-40:focus { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:fill-white-alpha-40:hover { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:fill-white-alpha-40:active { + fill: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:fill-black\/40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:fill-black\/40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:fill-black\/40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:fill-black-alpha-40:focus { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:fill-black-alpha-40:hover { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:fill-black-alpha-40:active { + fill: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:fill-white\/50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:fill-white\/50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:fill-white\/50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:fill-white-alpha-50:focus { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:fill-white-alpha-50:hover { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:fill-white-alpha-50:active { + fill: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:fill-black\/50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:fill-black\/50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:fill-black\/50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:fill-black-alpha-50:focus { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:fill-black-alpha-50:hover { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:fill-black-alpha-50:active { + fill: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:fill-white\/60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:fill-white\/60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:fill-white\/60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:fill-white-alpha-60:focus { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:fill-white-alpha-60:hover { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:fill-white-alpha-60:active { + fill: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:fill-black\/60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:fill-black\/60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:fill-black\/60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:fill-black-alpha-60:focus { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:fill-black-alpha-60:hover { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:fill-black-alpha-60:active { + fill: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:fill-white\/70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:fill-white\/70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:fill-white\/70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:fill-white-alpha-70:focus { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:fill-white-alpha-70:hover { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:fill-white-alpha-70:active { + fill: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:fill-black\/70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:fill-black\/70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:fill-black\/70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:fill-black-alpha-70:focus { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:fill-black-alpha-70:hover { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:fill-black-alpha-70:active { + fill: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:fill-white\/80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:fill-white\/80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:fill-white\/80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:fill-white-alpha-80:focus { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:fill-white-alpha-80:hover { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:fill-white-alpha-80:active { + fill: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:fill-black\/80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:fill-black\/80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:fill-black\/80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:fill-black-alpha-80:focus { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:fill-black-alpha-80:hover { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:fill-black-alpha-80:active { + fill: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:fill-white\/90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:fill-white\/90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:fill-white\/90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:fill-white-alpha-90:focus { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:fill-white-alpha-90:hover { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:fill-white-alpha-90:active { + fill: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:fill-black\/90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:fill-black\/90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:fill-black\/90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:fill-black-alpha-90:focus { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:fill-black-alpha-90:hover { + fill: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:fill-black-alpha-90:active { + fill: color-mix(in srgb, #000000 90%, transparent) + } +} +.blur-none { + filter: none +} +.blur-xs { + filter: blur(1px) +} +.blur-sm { + filter: blur(2px) +} +.blur { + filter: blur(4px) +} +.blur-md { + filter: blur(8px) +} +.blur-lg { + filter: blur(16px) +} +.blur-xl { + filter: blur(24px) +} +.blur-2xl { + filter: blur(40px) +} +.blur-3xl { + filter: blur(64px) +} +.focus\:blur-none:focus { + filter: none +} +.hover\:blur-none:hover { + filter: none +} +.active\:blur-none:active { + filter: none +} +.focus\:blur-xs:focus { + filter: blur(1px) +} +.hover\:blur-xs:hover { + filter: blur(1px) +} +.active\:blur-xs:active { + filter: blur(1px) +} +.focus\:blur-sm:focus { + filter: blur(2px) +} +.hover\:blur-sm:hover { + filter: blur(2px) +} +.active\:blur-sm:active { + filter: blur(2px) +} +.focus\:blur:focus { + filter: blur(4px) +} +.hover\:blur:hover { + filter: blur(4px) +} +.active\:blur:active { + filter: blur(4px) +} +.focus\:blur-md:focus { + filter: blur(8px) +} +.hover\:blur-md:hover { + filter: blur(8px) +} +.active\:blur-md:active { + filter: blur(8px) +} +.focus\:blur-lg:focus { + filter: blur(16px) +} +.hover\:blur-lg:hover { + filter: blur(16px) +} +.active\:blur-lg:active { + filter: blur(16px) +} +.focus\:blur-xl:focus { + filter: blur(24px) +} +.hover\:blur-xl:hover { + filter: blur(24px) +} +.active\:blur-xl:active { + filter: blur(24px) +} +.focus\:blur-2xl:focus { + filter: blur(40px) +} +.hover\:blur-2xl:hover { + filter: blur(40px) +} +.active\:blur-2xl:active { + filter: blur(40px) +} +.focus\:blur-3xl:focus { + filter: blur(64px) +} +.hover\:blur-3xl:hover { + filter: blur(64px) +} +.active\:blur-3xl:active { + filter: blur(64px) +} +@media screen and (min-width: 576px) { + .sm\:blur-none { + filter: none + } + .sm\:blur-xs { + filter: blur(1px) + } + .sm\:blur-sm { + filter: blur(2px) + } + .sm\:blur { + filter: blur(4px) + } + .sm\:blur-md { + filter: blur(8px) + } + .sm\:blur-lg { + filter: blur(16px) + } + .sm\:blur-xl { + filter: blur(24px) + } + .sm\:blur-2xl { + filter: blur(40px) + } + .sm\:blur-3xl { + filter: blur(64px) + } + .sm\:focus\:blur-none:focus { + filter: none + } + .sm\:hover\:blur-none:hover { + filter: none + } + .sm\:active\:blur-none:active { + filter: none + } + .sm\:focus\:blur-xs:focus { + filter: blur(1px) + } + .sm\:hover\:blur-xs:hover { + filter: blur(1px) + } + .sm\:active\:blur-xs:active { + filter: blur(1px) + } + .sm\:focus\:blur-sm:focus { + filter: blur(2px) + } + .sm\:hover\:blur-sm:hover { + filter: blur(2px) + } + .sm\:active\:blur-sm:active { + filter: blur(2px) + } + .sm\:focus\:blur:focus { + filter: blur(4px) + } + .sm\:hover\:blur:hover { + filter: blur(4px) + } + .sm\:active\:blur:active { + filter: blur(4px) + } + .sm\:focus\:blur-md:focus { + filter: blur(8px) + } + .sm\:hover\:blur-md:hover { + filter: blur(8px) + } + .sm\:active\:blur-md:active { + filter: blur(8px) + } + .sm\:focus\:blur-lg:focus { + filter: blur(16px) + } + .sm\:hover\:blur-lg:hover { + filter: blur(16px) + } + .sm\:active\:blur-lg:active { + filter: blur(16px) + } + .sm\:focus\:blur-xl:focus { + filter: blur(24px) + } + .sm\:hover\:blur-xl:hover { + filter: blur(24px) + } + .sm\:active\:blur-xl:active { + filter: blur(24px) + } + .sm\:focus\:blur-2xl:focus { + filter: blur(40px) + } + .sm\:hover\:blur-2xl:hover { + filter: blur(40px) + } + .sm\:active\:blur-2xl:active { + filter: blur(40px) + } + .sm\:focus\:blur-3xl:focus { + filter: blur(64px) + } + .sm\:hover\:blur-3xl:hover { + filter: blur(64px) + } + .sm\:active\:blur-3xl:active { + filter: blur(64px) + } +} +@media screen and (min-width: 768px) { + .md\:blur-none { + filter: none + } + .md\:blur-xs { + filter: blur(1px) + } + .md\:blur-sm { + filter: blur(2px) + } + .md\:blur { + filter: blur(4px) + } + .md\:blur-md { + filter: blur(8px) + } + .md\:blur-lg { + filter: blur(16px) + } + .md\:blur-xl { + filter: blur(24px) + } + .md\:blur-2xl { + filter: blur(40px) + } + .md\:blur-3xl { + filter: blur(64px) + } + .md\:focus\:blur-none:focus { + filter: none + } + .md\:hover\:blur-none:hover { + filter: none + } + .md\:active\:blur-none:active { + filter: none + } + .md\:focus\:blur-xs:focus { + filter: blur(1px) + } + .md\:hover\:blur-xs:hover { + filter: blur(1px) + } + .md\:active\:blur-xs:active { + filter: blur(1px) + } + .md\:focus\:blur-sm:focus { + filter: blur(2px) + } + .md\:hover\:blur-sm:hover { + filter: blur(2px) + } + .md\:active\:blur-sm:active { + filter: blur(2px) + } + .md\:focus\:blur:focus { + filter: blur(4px) + } + .md\:hover\:blur:hover { + filter: blur(4px) + } + .md\:active\:blur:active { + filter: blur(4px) + } + .md\:focus\:blur-md:focus { + filter: blur(8px) + } + .md\:hover\:blur-md:hover { + filter: blur(8px) + } + .md\:active\:blur-md:active { + filter: blur(8px) + } + .md\:focus\:blur-lg:focus { + filter: blur(16px) + } + .md\:hover\:blur-lg:hover { + filter: blur(16px) + } + .md\:active\:blur-lg:active { + filter: blur(16px) + } + .md\:focus\:blur-xl:focus { + filter: blur(24px) + } + .md\:hover\:blur-xl:hover { + filter: blur(24px) + } + .md\:active\:blur-xl:active { + filter: blur(24px) + } + .md\:focus\:blur-2xl:focus { + filter: blur(40px) + } + .md\:hover\:blur-2xl:hover { + filter: blur(40px) + } + .md\:active\:blur-2xl:active { + filter: blur(40px) + } + .md\:focus\:blur-3xl:focus { + filter: blur(64px) + } + .md\:hover\:blur-3xl:hover { + filter: blur(64px) + } + .md\:active\:blur-3xl:active { + filter: blur(64px) + } +} +@media screen and (min-width: 992px) { + .lg\:blur-none { + filter: none + } + .lg\:blur-xs { + filter: blur(1px) + } + .lg\:blur-sm { + filter: blur(2px) + } + .lg\:blur { + filter: blur(4px) + } + .lg\:blur-md { + filter: blur(8px) + } + .lg\:blur-lg { + filter: blur(16px) + } + .lg\:blur-xl { + filter: blur(24px) + } + .lg\:blur-2xl { + filter: blur(40px) + } + .lg\:blur-3xl { + filter: blur(64px) + } + .lg\:focus\:blur-none:focus { + filter: none + } + .lg\:hover\:blur-none:hover { + filter: none + } + .lg\:active\:blur-none:active { + filter: none + } + .lg\:focus\:blur-xs:focus { + filter: blur(1px) + } + .lg\:hover\:blur-xs:hover { + filter: blur(1px) + } + .lg\:active\:blur-xs:active { + filter: blur(1px) + } + .lg\:focus\:blur-sm:focus { + filter: blur(2px) + } + .lg\:hover\:blur-sm:hover { + filter: blur(2px) + } + .lg\:active\:blur-sm:active { + filter: blur(2px) + } + .lg\:focus\:blur:focus { + filter: blur(4px) + } + .lg\:hover\:blur:hover { + filter: blur(4px) + } + .lg\:active\:blur:active { + filter: blur(4px) + } + .lg\:focus\:blur-md:focus { + filter: blur(8px) + } + .lg\:hover\:blur-md:hover { + filter: blur(8px) + } + .lg\:active\:blur-md:active { + filter: blur(8px) + } + .lg\:focus\:blur-lg:focus { + filter: blur(16px) + } + .lg\:hover\:blur-lg:hover { + filter: blur(16px) + } + .lg\:active\:blur-lg:active { + filter: blur(16px) + } + .lg\:focus\:blur-xl:focus { + filter: blur(24px) + } + .lg\:hover\:blur-xl:hover { + filter: blur(24px) + } + .lg\:active\:blur-xl:active { + filter: blur(24px) + } + .lg\:focus\:blur-2xl:focus { + filter: blur(40px) + } + .lg\:hover\:blur-2xl:hover { + filter: blur(40px) + } + .lg\:active\:blur-2xl:active { + filter: blur(40px) + } + .lg\:focus\:blur-3xl:focus { + filter: blur(64px) + } + .lg\:hover\:blur-3xl:hover { + filter: blur(64px) + } + .lg\:active\:blur-3xl:active { + filter: blur(64px) + } +} +@media screen and (min-width: 1200px) { + .xl\:blur-none { + filter: none + } + .xl\:blur-xs { + filter: blur(1px) + } + .xl\:blur-sm { + filter: blur(2px) + } + .xl\:blur { + filter: blur(4px) + } + .xl\:blur-md { + filter: blur(8px) + } + .xl\:blur-lg { + filter: blur(16px) + } + .xl\:blur-xl { + filter: blur(24px) + } + .xl\:blur-2xl { + filter: blur(40px) + } + .xl\:blur-3xl { + filter: blur(64px) + } + .xl\:focus\:blur-none:focus { + filter: none + } + .xl\:hover\:blur-none:hover { + filter: none + } + .xl\:active\:blur-none:active { + filter: none + } + .xl\:focus\:blur-xs:focus { + filter: blur(1px) + } + .xl\:hover\:blur-xs:hover { + filter: blur(1px) + } + .xl\:active\:blur-xs:active { + filter: blur(1px) + } + .xl\:focus\:blur-sm:focus { + filter: blur(2px) + } + .xl\:hover\:blur-sm:hover { + filter: blur(2px) + } + .xl\:active\:blur-sm:active { + filter: blur(2px) + } + .xl\:focus\:blur:focus { + filter: blur(4px) + } + .xl\:hover\:blur:hover { + filter: blur(4px) + } + .xl\:active\:blur:active { + filter: blur(4px) + } + .xl\:focus\:blur-md:focus { + filter: blur(8px) + } + .xl\:hover\:blur-md:hover { + filter: blur(8px) + } + .xl\:active\:blur-md:active { + filter: blur(8px) + } + .xl\:focus\:blur-lg:focus { + filter: blur(16px) + } + .xl\:hover\:blur-lg:hover { + filter: blur(16px) + } + .xl\:active\:blur-lg:active { + filter: blur(16px) + } + .xl\:focus\:blur-xl:focus { + filter: blur(24px) + } + .xl\:hover\:blur-xl:hover { + filter: blur(24px) + } + .xl\:active\:blur-xl:active { + filter: blur(24px) + } + .xl\:focus\:blur-2xl:focus { + filter: blur(40px) + } + .xl\:hover\:blur-2xl:hover { + filter: blur(40px) + } + .xl\:active\:blur-2xl:active { + filter: blur(40px) + } + .xl\:focus\:blur-3xl:focus { + filter: blur(64px) + } + .xl\:hover\:blur-3xl:hover { + filter: blur(64px) + } + .xl\:active\:blur-3xl:active { + filter: blur(64px) + } +} +.brightness-0 { + filter: brightness(0) +} +.brightness-50 { + filter: brightness(0.5) +} +.brightness-75 { + filter: brightness(0.75) +} +.brightness-90 { + filter: brightness(0.9) +} +.brightness-100 { + filter: brightness(1) +} +.brightness-105 { + filter: brightness(1.05) +} +.brightness-110 { + filter: brightness(1.1) +} +.brightness-125 { + filter: brightness(1.25) +} +.brightness-150 { + filter: brightness(1.5) +} +.brightness-200 { + filter: brightness(2) +} +.focus\:brightness-0:focus { + filter: brightness(0) +} +.hover\:brightness-0:hover { + filter: brightness(0) +} +.active\:brightness-0:active { + filter: brightness(0) +} +.focus\:brightness-50:focus { + filter: brightness(0.5) +} +.hover\:brightness-50:hover { + filter: brightness(0.5) +} +.active\:brightness-50:active { + filter: brightness(0.5) +} +.focus\:brightness-75:focus { + filter: brightness(0.75) +} +.hover\:brightness-75:hover { + filter: brightness(0.75) +} +.active\:brightness-75:active { + filter: brightness(0.75) +} +.focus\:brightness-90:focus { + filter: brightness(0.9) +} +.hover\:brightness-90:hover { + filter: brightness(0.9) +} +.active\:brightness-90:active { + filter: brightness(0.9) +} +.focus\:brightness-100:focus { + filter: brightness(1) +} +.hover\:brightness-100:hover { + filter: brightness(1) +} +.active\:brightness-100:active { + filter: brightness(1) +} +.focus\:brightness-105:focus { + filter: brightness(1.05) +} +.hover\:brightness-105:hover { + filter: brightness(1.05) +} +.active\:brightness-105:active { + filter: brightness(1.05) +} +.focus\:brightness-110:focus { + filter: brightness(1.1) +} +.hover\:brightness-110:hover { + filter: brightness(1.1) +} +.active\:brightness-110:active { + filter: brightness(1.1) +} +.focus\:brightness-125:focus { + filter: brightness(1.25) +} +.hover\:brightness-125:hover { + filter: brightness(1.25) +} +.active\:brightness-125:active { + filter: brightness(1.25) +} +.focus\:brightness-150:focus { + filter: brightness(1.5) +} +.hover\:brightness-150:hover { + filter: brightness(1.5) +} +.active\:brightness-150:active { + filter: brightness(1.5) +} +.focus\:brightness-200:focus { + filter: brightness(2) +} +.hover\:brightness-200:hover { + filter: brightness(2) +} +.active\:brightness-200:active { + filter: brightness(2) +} +@media screen and (min-width: 576px) { + .sm\:brightness-0 { + filter: brightness(0) + } + .sm\:brightness-50 { + filter: brightness(0.5) + } + .sm\:brightness-75 { + filter: brightness(0.75) + } + .sm\:brightness-90 { + filter: brightness(0.9) + } + .sm\:brightness-100 { + filter: brightness(1) + } + .sm\:brightness-105 { + filter: brightness(1.05) + } + .sm\:brightness-110 { + filter: brightness(1.1) + } + .sm\:brightness-125 { + filter: brightness(1.25) + } + .sm\:brightness-150 { + filter: brightness(1.5) + } + .sm\:brightness-200 { + filter: brightness(2) + } + .sm\:focus\:brightness-0:focus { + filter: brightness(0) + } + .sm\:hover\:brightness-0:hover { + filter: brightness(0) + } + .sm\:active\:brightness-0:active { + filter: brightness(0) + } + .sm\:focus\:brightness-50:focus { + filter: brightness(0.5) + } + .sm\:hover\:brightness-50:hover { + filter: brightness(0.5) + } + .sm\:active\:brightness-50:active { + filter: brightness(0.5) + } + .sm\:focus\:brightness-75:focus { + filter: brightness(0.75) + } + .sm\:hover\:brightness-75:hover { + filter: brightness(0.75) + } + .sm\:active\:brightness-75:active { + filter: brightness(0.75) + } + .sm\:focus\:brightness-90:focus { + filter: brightness(0.9) + } + .sm\:hover\:brightness-90:hover { + filter: brightness(0.9) + } + .sm\:active\:brightness-90:active { + filter: brightness(0.9) + } + .sm\:focus\:brightness-100:focus { + filter: brightness(1) + } + .sm\:hover\:brightness-100:hover { + filter: brightness(1) + } + .sm\:active\:brightness-100:active { + filter: brightness(1) + } + .sm\:focus\:brightness-105:focus { + filter: brightness(1.05) + } + .sm\:hover\:brightness-105:hover { + filter: brightness(1.05) + } + .sm\:active\:brightness-105:active { + filter: brightness(1.05) + } + .sm\:focus\:brightness-110:focus { + filter: brightness(1.1) + } + .sm\:hover\:brightness-110:hover { + filter: brightness(1.1) + } + .sm\:active\:brightness-110:active { + filter: brightness(1.1) + } + .sm\:focus\:brightness-125:focus { + filter: brightness(1.25) + } + .sm\:hover\:brightness-125:hover { + filter: brightness(1.25) + } + .sm\:active\:brightness-125:active { + filter: brightness(1.25) + } + .sm\:focus\:brightness-150:focus { + filter: brightness(1.5) + } + .sm\:hover\:brightness-150:hover { + filter: brightness(1.5) + } + .sm\:active\:brightness-150:active { + filter: brightness(1.5) + } + .sm\:focus\:brightness-200:focus { + filter: brightness(2) + } + .sm\:hover\:brightness-200:hover { + filter: brightness(2) + } + .sm\:active\:brightness-200:active { + filter: brightness(2) + } +} +@media screen and (min-width: 768px) { + .md\:brightness-0 { + filter: brightness(0) + } + .md\:brightness-50 { + filter: brightness(0.5) + } + .md\:brightness-75 { + filter: brightness(0.75) + } + .md\:brightness-90 { + filter: brightness(0.9) + } + .md\:brightness-100 { + filter: brightness(1) + } + .md\:brightness-105 { + filter: brightness(1.05) + } + .md\:brightness-110 { + filter: brightness(1.1) + } + .md\:brightness-125 { + filter: brightness(1.25) + } + .md\:brightness-150 { + filter: brightness(1.5) + } + .md\:brightness-200 { + filter: brightness(2) + } + .md\:focus\:brightness-0:focus { + filter: brightness(0) + } + .md\:hover\:brightness-0:hover { + filter: brightness(0) + } + .md\:active\:brightness-0:active { + filter: brightness(0) + } + .md\:focus\:brightness-50:focus { + filter: brightness(0.5) + } + .md\:hover\:brightness-50:hover { + filter: brightness(0.5) + } + .md\:active\:brightness-50:active { + filter: brightness(0.5) + } + .md\:focus\:brightness-75:focus { + filter: brightness(0.75) + } + .md\:hover\:brightness-75:hover { + filter: brightness(0.75) + } + .md\:active\:brightness-75:active { + filter: brightness(0.75) + } + .md\:focus\:brightness-90:focus { + filter: brightness(0.9) + } + .md\:hover\:brightness-90:hover { + filter: brightness(0.9) + } + .md\:active\:brightness-90:active { + filter: brightness(0.9) + } + .md\:focus\:brightness-100:focus { + filter: brightness(1) + } + .md\:hover\:brightness-100:hover { + filter: brightness(1) + } + .md\:active\:brightness-100:active { + filter: brightness(1) + } + .md\:focus\:brightness-105:focus { + filter: brightness(1.05) + } + .md\:hover\:brightness-105:hover { + filter: brightness(1.05) + } + .md\:active\:brightness-105:active { + filter: brightness(1.05) + } + .md\:focus\:brightness-110:focus { + filter: brightness(1.1) + } + .md\:hover\:brightness-110:hover { + filter: brightness(1.1) + } + .md\:active\:brightness-110:active { + filter: brightness(1.1) + } + .md\:focus\:brightness-125:focus { + filter: brightness(1.25) + } + .md\:hover\:brightness-125:hover { + filter: brightness(1.25) + } + .md\:active\:brightness-125:active { + filter: brightness(1.25) + } + .md\:focus\:brightness-150:focus { + filter: brightness(1.5) + } + .md\:hover\:brightness-150:hover { + filter: brightness(1.5) + } + .md\:active\:brightness-150:active { + filter: brightness(1.5) + } + .md\:focus\:brightness-200:focus { + filter: brightness(2) + } + .md\:hover\:brightness-200:hover { + filter: brightness(2) + } + .md\:active\:brightness-200:active { + filter: brightness(2) + } +} +@media screen and (min-width: 992px) { + .lg\:brightness-0 { + filter: brightness(0) + } + .lg\:brightness-50 { + filter: brightness(0.5) + } + .lg\:brightness-75 { + filter: brightness(0.75) + } + .lg\:brightness-90 { + filter: brightness(0.9) + } + .lg\:brightness-100 { + filter: brightness(1) + } + .lg\:brightness-105 { + filter: brightness(1.05) + } + .lg\:brightness-110 { + filter: brightness(1.1) + } + .lg\:brightness-125 { + filter: brightness(1.25) + } + .lg\:brightness-150 { + filter: brightness(1.5) + } + .lg\:brightness-200 { + filter: brightness(2) + } + .lg\:focus\:brightness-0:focus { + filter: brightness(0) + } + .lg\:hover\:brightness-0:hover { + filter: brightness(0) + } + .lg\:active\:brightness-0:active { + filter: brightness(0) + } + .lg\:focus\:brightness-50:focus { + filter: brightness(0.5) + } + .lg\:hover\:brightness-50:hover { + filter: brightness(0.5) + } + .lg\:active\:brightness-50:active { + filter: brightness(0.5) + } + .lg\:focus\:brightness-75:focus { + filter: brightness(0.75) + } + .lg\:hover\:brightness-75:hover { + filter: brightness(0.75) + } + .lg\:active\:brightness-75:active { + filter: brightness(0.75) + } + .lg\:focus\:brightness-90:focus { + filter: brightness(0.9) + } + .lg\:hover\:brightness-90:hover { + filter: brightness(0.9) + } + .lg\:active\:brightness-90:active { + filter: brightness(0.9) + } + .lg\:focus\:brightness-100:focus { + filter: brightness(1) + } + .lg\:hover\:brightness-100:hover { + filter: brightness(1) + } + .lg\:active\:brightness-100:active { + filter: brightness(1) + } + .lg\:focus\:brightness-105:focus { + filter: brightness(1.05) + } + .lg\:hover\:brightness-105:hover { + filter: brightness(1.05) + } + .lg\:active\:brightness-105:active { + filter: brightness(1.05) + } + .lg\:focus\:brightness-110:focus { + filter: brightness(1.1) + } + .lg\:hover\:brightness-110:hover { + filter: brightness(1.1) + } + .lg\:active\:brightness-110:active { + filter: brightness(1.1) + } + .lg\:focus\:brightness-125:focus { + filter: brightness(1.25) + } + .lg\:hover\:brightness-125:hover { + filter: brightness(1.25) + } + .lg\:active\:brightness-125:active { + filter: brightness(1.25) + } + .lg\:focus\:brightness-150:focus { + filter: brightness(1.5) + } + .lg\:hover\:brightness-150:hover { + filter: brightness(1.5) + } + .lg\:active\:brightness-150:active { + filter: brightness(1.5) + } + .lg\:focus\:brightness-200:focus { + filter: brightness(2) + } + .lg\:hover\:brightness-200:hover { + filter: brightness(2) + } + .lg\:active\:brightness-200:active { + filter: brightness(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:brightness-0 { + filter: brightness(0) + } + .xl\:brightness-50 { + filter: brightness(0.5) + } + .xl\:brightness-75 { + filter: brightness(0.75) + } + .xl\:brightness-90 { + filter: brightness(0.9) + } + .xl\:brightness-100 { + filter: brightness(1) + } + .xl\:brightness-105 { + filter: brightness(1.05) + } + .xl\:brightness-110 { + filter: brightness(1.1) + } + .xl\:brightness-125 { + filter: brightness(1.25) + } + .xl\:brightness-150 { + filter: brightness(1.5) + } + .xl\:brightness-200 { + filter: brightness(2) + } + .xl\:focus\:brightness-0:focus { + filter: brightness(0) + } + .xl\:hover\:brightness-0:hover { + filter: brightness(0) + } + .xl\:active\:brightness-0:active { + filter: brightness(0) + } + .xl\:focus\:brightness-50:focus { + filter: brightness(0.5) + } + .xl\:hover\:brightness-50:hover { + filter: brightness(0.5) + } + .xl\:active\:brightness-50:active { + filter: brightness(0.5) + } + .xl\:focus\:brightness-75:focus { + filter: brightness(0.75) + } + .xl\:hover\:brightness-75:hover { + filter: brightness(0.75) + } + .xl\:active\:brightness-75:active { + filter: brightness(0.75) + } + .xl\:focus\:brightness-90:focus { + filter: brightness(0.9) + } + .xl\:hover\:brightness-90:hover { + filter: brightness(0.9) + } + .xl\:active\:brightness-90:active { + filter: brightness(0.9) + } + .xl\:focus\:brightness-100:focus { + filter: brightness(1) + } + .xl\:hover\:brightness-100:hover { + filter: brightness(1) + } + .xl\:active\:brightness-100:active { + filter: brightness(1) + } + .xl\:focus\:brightness-105:focus { + filter: brightness(1.05) + } + .xl\:hover\:brightness-105:hover { + filter: brightness(1.05) + } + .xl\:active\:brightness-105:active { + filter: brightness(1.05) + } + .xl\:focus\:brightness-110:focus { + filter: brightness(1.1) + } + .xl\:hover\:brightness-110:hover { + filter: brightness(1.1) + } + .xl\:active\:brightness-110:active { + filter: brightness(1.1) + } + .xl\:focus\:brightness-125:focus { + filter: brightness(1.25) + } + .xl\:hover\:brightness-125:hover { + filter: brightness(1.25) + } + .xl\:active\:brightness-125:active { + filter: brightness(1.25) + } + .xl\:focus\:brightness-150:focus { + filter: brightness(1.5) + } + .xl\:hover\:brightness-150:hover { + filter: brightness(1.5) + } + .xl\:active\:brightness-150:active { + filter: brightness(1.5) + } + .xl\:focus\:brightness-200:focus { + filter: brightness(2) + } + .xl\:hover\:brightness-200:hover { + filter: brightness(2) + } + .xl\:active\:brightness-200:active { + filter: brightness(2) + } +} +.contrast-0 { + filter: contrast(0) +} +.contrast-50 { + filter: contrast(0.5) +} +.contrast-75 { + filter: contrast(0.75) +} +.contrast-100 { + filter: contrast(1) +} +.contrast-125 { + filter: contrast(1.25) +} +.contrast-150 { + filter: contrast(1.5) +} +.contrast-200 { + filter: contrast(2) +} +.focus\:contrast-0:focus { + filter: contrast(0) +} +.hover\:contrast-0:hover { + filter: contrast(0) +} +.active\:contrast-0:active { + filter: contrast(0) +} +.focus\:contrast-50:focus { + filter: contrast(0.5) +} +.hover\:contrast-50:hover { + filter: contrast(0.5) +} +.active\:contrast-50:active { + filter: contrast(0.5) +} +.focus\:contrast-75:focus { + filter: contrast(0.75) +} +.hover\:contrast-75:hover { + filter: contrast(0.75) +} +.active\:contrast-75:active { + filter: contrast(0.75) +} +.focus\:contrast-100:focus { + filter: contrast(1) +} +.hover\:contrast-100:hover { + filter: contrast(1) +} +.active\:contrast-100:active { + filter: contrast(1) +} +.focus\:contrast-125:focus { + filter: contrast(1.25) +} +.hover\:contrast-125:hover { + filter: contrast(1.25) +} +.active\:contrast-125:active { + filter: contrast(1.25) +} +.focus\:contrast-150:focus { + filter: contrast(1.5) +} +.hover\:contrast-150:hover { + filter: contrast(1.5) +} +.active\:contrast-150:active { + filter: contrast(1.5) +} +.focus\:contrast-200:focus { + filter: contrast(2) +} +.hover\:contrast-200:hover { + filter: contrast(2) +} +.active\:contrast-200:active { + filter: contrast(2) +} +@media screen and (min-width: 576px) { + .sm\:contrast-0 { + filter: contrast(0) + } + .sm\:contrast-50 { + filter: contrast(0.5) + } + .sm\:contrast-75 { + filter: contrast(0.75) + } + .sm\:contrast-100 { + filter: contrast(1) + } + .sm\:contrast-125 { + filter: contrast(1.25) + } + .sm\:contrast-150 { + filter: contrast(1.5) + } + .sm\:contrast-200 { + filter: contrast(2) + } + .sm\:focus\:contrast-0:focus { + filter: contrast(0) + } + .sm\:hover\:contrast-0:hover { + filter: contrast(0) + } + .sm\:active\:contrast-0:active { + filter: contrast(0) + } + .sm\:focus\:contrast-50:focus { + filter: contrast(0.5) + } + .sm\:hover\:contrast-50:hover { + filter: contrast(0.5) + } + .sm\:active\:contrast-50:active { + filter: contrast(0.5) + } + .sm\:focus\:contrast-75:focus { + filter: contrast(0.75) + } + .sm\:hover\:contrast-75:hover { + filter: contrast(0.75) + } + .sm\:active\:contrast-75:active { + filter: contrast(0.75) + } + .sm\:focus\:contrast-100:focus { + filter: contrast(1) + } + .sm\:hover\:contrast-100:hover { + filter: contrast(1) + } + .sm\:active\:contrast-100:active { + filter: contrast(1) + } + .sm\:focus\:contrast-125:focus { + filter: contrast(1.25) + } + .sm\:hover\:contrast-125:hover { + filter: contrast(1.25) + } + .sm\:active\:contrast-125:active { + filter: contrast(1.25) + } + .sm\:focus\:contrast-150:focus { + filter: contrast(1.5) + } + .sm\:hover\:contrast-150:hover { + filter: contrast(1.5) + } + .sm\:active\:contrast-150:active { + filter: contrast(1.5) + } + .sm\:focus\:contrast-200:focus { + filter: contrast(2) + } + .sm\:hover\:contrast-200:hover { + filter: contrast(2) + } + .sm\:active\:contrast-200:active { + filter: contrast(2) + } +} +@media screen and (min-width: 768px) { + .md\:contrast-0 { + filter: contrast(0) + } + .md\:contrast-50 { + filter: contrast(0.5) + } + .md\:contrast-75 { + filter: contrast(0.75) + } + .md\:contrast-100 { + filter: contrast(1) + } + .md\:contrast-125 { + filter: contrast(1.25) + } + .md\:contrast-150 { + filter: contrast(1.5) + } + .md\:contrast-200 { + filter: contrast(2) + } + .md\:focus\:contrast-0:focus { + filter: contrast(0) + } + .md\:hover\:contrast-0:hover { + filter: contrast(0) + } + .md\:active\:contrast-0:active { + filter: contrast(0) + } + .md\:focus\:contrast-50:focus { + filter: contrast(0.5) + } + .md\:hover\:contrast-50:hover { + filter: contrast(0.5) + } + .md\:active\:contrast-50:active { + filter: contrast(0.5) + } + .md\:focus\:contrast-75:focus { + filter: contrast(0.75) + } + .md\:hover\:contrast-75:hover { + filter: contrast(0.75) + } + .md\:active\:contrast-75:active { + filter: contrast(0.75) + } + .md\:focus\:contrast-100:focus { + filter: contrast(1) + } + .md\:hover\:contrast-100:hover { + filter: contrast(1) + } + .md\:active\:contrast-100:active { + filter: contrast(1) + } + .md\:focus\:contrast-125:focus { + filter: contrast(1.25) + } + .md\:hover\:contrast-125:hover { + filter: contrast(1.25) + } + .md\:active\:contrast-125:active { + filter: contrast(1.25) + } + .md\:focus\:contrast-150:focus { + filter: contrast(1.5) + } + .md\:hover\:contrast-150:hover { + filter: contrast(1.5) + } + .md\:active\:contrast-150:active { + filter: contrast(1.5) + } + .md\:focus\:contrast-200:focus { + filter: contrast(2) + } + .md\:hover\:contrast-200:hover { + filter: contrast(2) + } + .md\:active\:contrast-200:active { + filter: contrast(2) + } +} +@media screen and (min-width: 992px) { + .lg\:contrast-0 { + filter: contrast(0) + } + .lg\:contrast-50 { + filter: contrast(0.5) + } + .lg\:contrast-75 { + filter: contrast(0.75) + } + .lg\:contrast-100 { + filter: contrast(1) + } + .lg\:contrast-125 { + filter: contrast(1.25) + } + .lg\:contrast-150 { + filter: contrast(1.5) + } + .lg\:contrast-200 { + filter: contrast(2) + } + .lg\:focus\:contrast-0:focus { + filter: contrast(0) + } + .lg\:hover\:contrast-0:hover { + filter: contrast(0) + } + .lg\:active\:contrast-0:active { + filter: contrast(0) + } + .lg\:focus\:contrast-50:focus { + filter: contrast(0.5) + } + .lg\:hover\:contrast-50:hover { + filter: contrast(0.5) + } + .lg\:active\:contrast-50:active { + filter: contrast(0.5) + } + .lg\:focus\:contrast-75:focus { + filter: contrast(0.75) + } + .lg\:hover\:contrast-75:hover { + filter: contrast(0.75) + } + .lg\:active\:contrast-75:active { + filter: contrast(0.75) + } + .lg\:focus\:contrast-100:focus { + filter: contrast(1) + } + .lg\:hover\:contrast-100:hover { + filter: contrast(1) + } + .lg\:active\:contrast-100:active { + filter: contrast(1) + } + .lg\:focus\:contrast-125:focus { + filter: contrast(1.25) + } + .lg\:hover\:contrast-125:hover { + filter: contrast(1.25) + } + .lg\:active\:contrast-125:active { + filter: contrast(1.25) + } + .lg\:focus\:contrast-150:focus { + filter: contrast(1.5) + } + .lg\:hover\:contrast-150:hover { + filter: contrast(1.5) + } + .lg\:active\:contrast-150:active { + filter: contrast(1.5) + } + .lg\:focus\:contrast-200:focus { + filter: contrast(2) + } + .lg\:hover\:contrast-200:hover { + filter: contrast(2) + } + .lg\:active\:contrast-200:active { + filter: contrast(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:contrast-0 { + filter: contrast(0) + } + .xl\:contrast-50 { + filter: contrast(0.5) + } + .xl\:contrast-75 { + filter: contrast(0.75) + } + .xl\:contrast-100 { + filter: contrast(1) + } + .xl\:contrast-125 { + filter: contrast(1.25) + } + .xl\:contrast-150 { + filter: contrast(1.5) + } + .xl\:contrast-200 { + filter: contrast(2) + } + .xl\:focus\:contrast-0:focus { + filter: contrast(0) + } + .xl\:hover\:contrast-0:hover { + filter: contrast(0) + } + .xl\:active\:contrast-0:active { + filter: contrast(0) + } + .xl\:focus\:contrast-50:focus { + filter: contrast(0.5) + } + .xl\:hover\:contrast-50:hover { + filter: contrast(0.5) + } + .xl\:active\:contrast-50:active { + filter: contrast(0.5) + } + .xl\:focus\:contrast-75:focus { + filter: contrast(0.75) + } + .xl\:hover\:contrast-75:hover { + filter: contrast(0.75) + } + .xl\:active\:contrast-75:active { + filter: contrast(0.75) + } + .xl\:focus\:contrast-100:focus { + filter: contrast(1) + } + .xl\:hover\:contrast-100:hover { + filter: contrast(1) + } + .xl\:active\:contrast-100:active { + filter: contrast(1) + } + .xl\:focus\:contrast-125:focus { + filter: contrast(1.25) + } + .xl\:hover\:contrast-125:hover { + filter: contrast(1.25) + } + .xl\:active\:contrast-125:active { + filter: contrast(1.25) + } + .xl\:focus\:contrast-150:focus { + filter: contrast(1.5) + } + .xl\:hover\:contrast-150:hover { + filter: contrast(1.5) + } + .xl\:active\:contrast-150:active { + filter: contrast(1.5) + } + .xl\:focus\:contrast-200:focus { + filter: contrast(2) + } + .xl\:hover\:contrast-200:hover { + filter: contrast(2) + } + .xl\:active\:contrast-200:active { + filter: contrast(2) + } +} +.grayscale { + filter: grayscale(1) +} +.grayscale-0 { + filter: grayscale(0) +} +.grayscale-50 { + filter: grayscale(0.5) +} +.grayscale-75 { + filter: grayscale(0.75) +} +.grayscale-100 { + filter: grayscale(1) +} +.focus\:grayscale:focus { + filter: grayscale(1) +} +.hover\:grayscale:hover { + filter: grayscale(1) +} +.active\:grayscale:active { + filter: grayscale(1) +} +.focus\:grayscale-0:focus { + filter: grayscale(0) +} +.hover\:grayscale-0:hover { + filter: grayscale(0) +} +.active\:grayscale-0:active { + filter: grayscale(0) +} +.focus\:grayscale-50:focus { + filter: grayscale(0.5) +} +.hover\:grayscale-50:hover { + filter: grayscale(0.5) +} +.active\:grayscale-50:active { + filter: grayscale(0.5) +} +.focus\:grayscale-75:focus { + filter: grayscale(0.75) +} +.hover\:grayscale-75:hover { + filter: grayscale(0.75) +} +.active\:grayscale-75:active { + filter: grayscale(0.75) +} +.focus\:grayscale-100:focus { + filter: grayscale(1) +} +.hover\:grayscale-100:hover { + filter: grayscale(1) +} +.active\:grayscale-100:active { + filter: grayscale(1) +} +@media screen and (min-width: 576px) { + .sm\:grayscale { + filter: grayscale(1) + } + .sm\:grayscale-0 { + filter: grayscale(0) + } + .sm\:grayscale-50 { + filter: grayscale(0.5) + } + .sm\:grayscale-75 { + filter: grayscale(0.75) + } + .sm\:grayscale-100 { + filter: grayscale(1) + } + .sm\:focus\:grayscale:focus { + filter: grayscale(1) + } + .sm\:hover\:grayscale:hover { + filter: grayscale(1) + } + .sm\:active\:grayscale:active { + filter: grayscale(1) + } + .sm\:focus\:grayscale-0:focus { + filter: grayscale(0) + } + .sm\:hover\:grayscale-0:hover { + filter: grayscale(0) + } + .sm\:active\:grayscale-0:active { + filter: grayscale(0) + } + .sm\:focus\:grayscale-50:focus { + filter: grayscale(0.5) + } + .sm\:hover\:grayscale-50:hover { + filter: grayscale(0.5) + } + .sm\:active\:grayscale-50:active { + filter: grayscale(0.5) + } + .sm\:focus\:grayscale-75:focus { + filter: grayscale(0.75) + } + .sm\:hover\:grayscale-75:hover { + filter: grayscale(0.75) + } + .sm\:active\:grayscale-75:active { + filter: grayscale(0.75) + } + .sm\:focus\:grayscale-100:focus { + filter: grayscale(1) + } + .sm\:hover\:grayscale-100:hover { + filter: grayscale(1) + } + .sm\:active\:grayscale-100:active { + filter: grayscale(1) + } +} +@media screen and (min-width: 768px) { + .md\:grayscale { + filter: grayscale(1) + } + .md\:grayscale-0 { + filter: grayscale(0) + } + .md\:grayscale-50 { + filter: grayscale(0.5) + } + .md\:grayscale-75 { + filter: grayscale(0.75) + } + .md\:grayscale-100 { + filter: grayscale(1) + } + .md\:focus\:grayscale:focus { + filter: grayscale(1) + } + .md\:hover\:grayscale:hover { + filter: grayscale(1) + } + .md\:active\:grayscale:active { + filter: grayscale(1) + } + .md\:focus\:grayscale-0:focus { + filter: grayscale(0) + } + .md\:hover\:grayscale-0:hover { + filter: grayscale(0) + } + .md\:active\:grayscale-0:active { + filter: grayscale(0) + } + .md\:focus\:grayscale-50:focus { + filter: grayscale(0.5) + } + .md\:hover\:grayscale-50:hover { + filter: grayscale(0.5) + } + .md\:active\:grayscale-50:active { + filter: grayscale(0.5) + } + .md\:focus\:grayscale-75:focus { + filter: grayscale(0.75) + } + .md\:hover\:grayscale-75:hover { + filter: grayscale(0.75) + } + .md\:active\:grayscale-75:active { + filter: grayscale(0.75) + } + .md\:focus\:grayscale-100:focus { + filter: grayscale(1) + } + .md\:hover\:grayscale-100:hover { + filter: grayscale(1) + } + .md\:active\:grayscale-100:active { + filter: grayscale(1) + } +} +@media screen and (min-width: 992px) { + .lg\:grayscale { + filter: grayscale(1) + } + .lg\:grayscale-0 { + filter: grayscale(0) + } + .lg\:grayscale-50 { + filter: grayscale(0.5) + } + .lg\:grayscale-75 { + filter: grayscale(0.75) + } + .lg\:grayscale-100 { + filter: grayscale(1) + } + .lg\:focus\:grayscale:focus { + filter: grayscale(1) + } + .lg\:hover\:grayscale:hover { + filter: grayscale(1) + } + .lg\:active\:grayscale:active { + filter: grayscale(1) + } + .lg\:focus\:grayscale-0:focus { + filter: grayscale(0) + } + .lg\:hover\:grayscale-0:hover { + filter: grayscale(0) + } + .lg\:active\:grayscale-0:active { + filter: grayscale(0) + } + .lg\:focus\:grayscale-50:focus { + filter: grayscale(0.5) + } + .lg\:hover\:grayscale-50:hover { + filter: grayscale(0.5) + } + .lg\:active\:grayscale-50:active { + filter: grayscale(0.5) + } + .lg\:focus\:grayscale-75:focus { + filter: grayscale(0.75) + } + .lg\:hover\:grayscale-75:hover { + filter: grayscale(0.75) + } + .lg\:active\:grayscale-75:active { + filter: grayscale(0.75) + } + .lg\:focus\:grayscale-100:focus { + filter: grayscale(1) + } + .lg\:hover\:grayscale-100:hover { + filter: grayscale(1) + } + .lg\:active\:grayscale-100:active { + filter: grayscale(1) + } +} +@media screen and (min-width: 1200px) { + .xl\:grayscale { + filter: grayscale(1) + } + .xl\:grayscale-0 { + filter: grayscale(0) + } + .xl\:grayscale-50 { + filter: grayscale(0.5) + } + .xl\:grayscale-75 { + filter: grayscale(0.75) + } + .xl\:grayscale-100 { + filter: grayscale(1) + } + .xl\:focus\:grayscale:focus { + filter: grayscale(1) + } + .xl\:hover\:grayscale:hover { + filter: grayscale(1) + } + .xl\:active\:grayscale:active { + filter: grayscale(1) + } + .xl\:focus\:grayscale-0:focus { + filter: grayscale(0) + } + .xl\:hover\:grayscale-0:hover { + filter: grayscale(0) + } + .xl\:active\:grayscale-0:active { + filter: grayscale(0) + } + .xl\:focus\:grayscale-50:focus { + filter: grayscale(0.5) + } + .xl\:hover\:grayscale-50:hover { + filter: grayscale(0.5) + } + .xl\:active\:grayscale-50:active { + filter: grayscale(0.5) + } + .xl\:focus\:grayscale-75:focus { + filter: grayscale(0.75) + } + .xl\:hover\:grayscale-75:hover { + filter: grayscale(0.75) + } + .xl\:active\:grayscale-75:active { + filter: grayscale(0.75) + } + .xl\:focus\:grayscale-100:focus { + filter: grayscale(1) + } + .xl\:hover\:grayscale-100:hover { + filter: grayscale(1) + } + .xl\:active\:grayscale-100:active { + filter: grayscale(1) + } +} +.hue-rotate-0 { + filter: hue-rotate(0deg) +} +.hue-rotate-15 { + filter: hue-rotate(15deg) +} +.hue-rotate-30 { + filter: hue-rotate(30deg) +} +.hue-rotate-45 { + filter: hue-rotate(45deg) +} +.hue-rotate-60 { + filter: hue-rotate(60deg) +} +.hue-rotate-75 { + filter: hue-rotate(75deg) +} +.hue-rotate-90 { + filter: hue-rotate(90deg) +} +.hue-rotate-105 { + filter: hue-rotate(105deg) +} +.hue-rotate-120 { + filter: hue-rotate(120deg) +} +.hue-rotate-135 { + filter: hue-rotate(135deg) +} +.hue-rotate-150 { + filter: hue-rotate(150deg) +} +.hue-rotate-165 { + filter: hue-rotate(165deg) +} +.hue-rotate-180 { + filter: hue-rotate(180deg) +} +.focus\:hue-rotate-0:focus { + filter: hue-rotate(0deg) +} +.hover\:hue-rotate-0:hover { + filter: hue-rotate(0deg) +} +.active\:hue-rotate-0:active { + filter: hue-rotate(0deg) +} +.focus\:hue-rotate-15:focus { + filter: hue-rotate(15deg) +} +.hover\:hue-rotate-15:hover { + filter: hue-rotate(15deg) +} +.active\:hue-rotate-15:active { + filter: hue-rotate(15deg) +} +.focus\:hue-rotate-30:focus { + filter: hue-rotate(30deg) +} +.hover\:hue-rotate-30:hover { + filter: hue-rotate(30deg) +} +.active\:hue-rotate-30:active { + filter: hue-rotate(30deg) +} +.focus\:hue-rotate-45:focus { + filter: hue-rotate(45deg) +} +.hover\:hue-rotate-45:hover { + filter: hue-rotate(45deg) +} +.active\:hue-rotate-45:active { + filter: hue-rotate(45deg) +} +.focus\:hue-rotate-60:focus { + filter: hue-rotate(60deg) +} +.hover\:hue-rotate-60:hover { + filter: hue-rotate(60deg) +} +.active\:hue-rotate-60:active { + filter: hue-rotate(60deg) +} +.focus\:hue-rotate-75:focus { + filter: hue-rotate(75deg) +} +.hover\:hue-rotate-75:hover { + filter: hue-rotate(75deg) +} +.active\:hue-rotate-75:active { + filter: hue-rotate(75deg) +} +.focus\:hue-rotate-90:focus { + filter: hue-rotate(90deg) +} +.hover\:hue-rotate-90:hover { + filter: hue-rotate(90deg) +} +.active\:hue-rotate-90:active { + filter: hue-rotate(90deg) +} +.focus\:hue-rotate-105:focus { + filter: hue-rotate(105deg) +} +.hover\:hue-rotate-105:hover { + filter: hue-rotate(105deg) +} +.active\:hue-rotate-105:active { + filter: hue-rotate(105deg) +} +.focus\:hue-rotate-120:focus { + filter: hue-rotate(120deg) +} +.hover\:hue-rotate-120:hover { + filter: hue-rotate(120deg) +} +.active\:hue-rotate-120:active { + filter: hue-rotate(120deg) +} +.focus\:hue-rotate-135:focus { + filter: hue-rotate(135deg) +} +.hover\:hue-rotate-135:hover { + filter: hue-rotate(135deg) +} +.active\:hue-rotate-135:active { + filter: hue-rotate(135deg) +} +.focus\:hue-rotate-150:focus { + filter: hue-rotate(150deg) +} +.hover\:hue-rotate-150:hover { + filter: hue-rotate(150deg) +} +.active\:hue-rotate-150:active { + filter: hue-rotate(150deg) +} +.focus\:hue-rotate-165:focus { + filter: hue-rotate(165deg) +} +.hover\:hue-rotate-165:hover { + filter: hue-rotate(165deg) +} +.active\:hue-rotate-165:active { + filter: hue-rotate(165deg) +} +.focus\:hue-rotate-180:focus { + filter: hue-rotate(180deg) +} +.hover\:hue-rotate-180:hover { + filter: hue-rotate(180deg) +} +.active\:hue-rotate-180:active { + filter: hue-rotate(180deg) +} +@media screen and (min-width: 576px) { + .sm\:hue-rotate-0 { + filter: hue-rotate(0deg) + } + .sm\:hue-rotate-15 { + filter: hue-rotate(15deg) + } + .sm\:hue-rotate-30 { + filter: hue-rotate(30deg) + } + .sm\:hue-rotate-45 { + filter: hue-rotate(45deg) + } + .sm\:hue-rotate-60 { + filter: hue-rotate(60deg) + } + .sm\:hue-rotate-75 { + filter: hue-rotate(75deg) + } + .sm\:hue-rotate-90 { + filter: hue-rotate(90deg) + } + .sm\:hue-rotate-105 { + filter: hue-rotate(105deg) + } + .sm\:hue-rotate-120 { + filter: hue-rotate(120deg) + } + .sm\:hue-rotate-135 { + filter: hue-rotate(135deg) + } + .sm\:hue-rotate-150 { + filter: hue-rotate(150deg) + } + .sm\:hue-rotate-165 { + filter: hue-rotate(165deg) + } + .sm\:hue-rotate-180 { + filter: hue-rotate(180deg) + } + .sm\:focus\:hue-rotate-0:focus { + filter: hue-rotate(0deg) + } + .sm\:hover\:hue-rotate-0:hover { + filter: hue-rotate(0deg) + } + .sm\:active\:hue-rotate-0:active { + filter: hue-rotate(0deg) + } + .sm\:focus\:hue-rotate-15:focus { + filter: hue-rotate(15deg) + } + .sm\:hover\:hue-rotate-15:hover { + filter: hue-rotate(15deg) + } + .sm\:active\:hue-rotate-15:active { + filter: hue-rotate(15deg) + } + .sm\:focus\:hue-rotate-30:focus { + filter: hue-rotate(30deg) + } + .sm\:hover\:hue-rotate-30:hover { + filter: hue-rotate(30deg) + } + .sm\:active\:hue-rotate-30:active { + filter: hue-rotate(30deg) + } + .sm\:focus\:hue-rotate-45:focus { + filter: hue-rotate(45deg) + } + .sm\:hover\:hue-rotate-45:hover { + filter: hue-rotate(45deg) + } + .sm\:active\:hue-rotate-45:active { + filter: hue-rotate(45deg) + } + .sm\:focus\:hue-rotate-60:focus { + filter: hue-rotate(60deg) + } + .sm\:hover\:hue-rotate-60:hover { + filter: hue-rotate(60deg) + } + .sm\:active\:hue-rotate-60:active { + filter: hue-rotate(60deg) + } + .sm\:focus\:hue-rotate-75:focus { + filter: hue-rotate(75deg) + } + .sm\:hover\:hue-rotate-75:hover { + filter: hue-rotate(75deg) + } + .sm\:active\:hue-rotate-75:active { + filter: hue-rotate(75deg) + } + .sm\:focus\:hue-rotate-90:focus { + filter: hue-rotate(90deg) + } + .sm\:hover\:hue-rotate-90:hover { + filter: hue-rotate(90deg) + } + .sm\:active\:hue-rotate-90:active { + filter: hue-rotate(90deg) + } + .sm\:focus\:hue-rotate-105:focus { + filter: hue-rotate(105deg) + } + .sm\:hover\:hue-rotate-105:hover { + filter: hue-rotate(105deg) + } + .sm\:active\:hue-rotate-105:active { + filter: hue-rotate(105deg) + } + .sm\:focus\:hue-rotate-120:focus { + filter: hue-rotate(120deg) + } + .sm\:hover\:hue-rotate-120:hover { + filter: hue-rotate(120deg) + } + .sm\:active\:hue-rotate-120:active { + filter: hue-rotate(120deg) + } + .sm\:focus\:hue-rotate-135:focus { + filter: hue-rotate(135deg) + } + .sm\:hover\:hue-rotate-135:hover { + filter: hue-rotate(135deg) + } + .sm\:active\:hue-rotate-135:active { + filter: hue-rotate(135deg) + } + .sm\:focus\:hue-rotate-150:focus { + filter: hue-rotate(150deg) + } + .sm\:hover\:hue-rotate-150:hover { + filter: hue-rotate(150deg) + } + .sm\:active\:hue-rotate-150:active { + filter: hue-rotate(150deg) + } + .sm\:focus\:hue-rotate-165:focus { + filter: hue-rotate(165deg) + } + .sm\:hover\:hue-rotate-165:hover { + filter: hue-rotate(165deg) + } + .sm\:active\:hue-rotate-165:active { + filter: hue-rotate(165deg) + } + .sm\:focus\:hue-rotate-180:focus { + filter: hue-rotate(180deg) + } + .sm\:hover\:hue-rotate-180:hover { + filter: hue-rotate(180deg) + } + .sm\:active\:hue-rotate-180:active { + filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 768px) { + .md\:hue-rotate-0 { + filter: hue-rotate(0deg) + } + .md\:hue-rotate-15 { + filter: hue-rotate(15deg) + } + .md\:hue-rotate-30 { + filter: hue-rotate(30deg) + } + .md\:hue-rotate-45 { + filter: hue-rotate(45deg) + } + .md\:hue-rotate-60 { + filter: hue-rotate(60deg) + } + .md\:hue-rotate-75 { + filter: hue-rotate(75deg) + } + .md\:hue-rotate-90 { + filter: hue-rotate(90deg) + } + .md\:hue-rotate-105 { + filter: hue-rotate(105deg) + } + .md\:hue-rotate-120 { + filter: hue-rotate(120deg) + } + .md\:hue-rotate-135 { + filter: hue-rotate(135deg) + } + .md\:hue-rotate-150 { + filter: hue-rotate(150deg) + } + .md\:hue-rotate-165 { + filter: hue-rotate(165deg) + } + .md\:hue-rotate-180 { + filter: hue-rotate(180deg) + } + .md\:focus\:hue-rotate-0:focus { + filter: hue-rotate(0deg) + } + .md\:hover\:hue-rotate-0:hover { + filter: hue-rotate(0deg) + } + .md\:active\:hue-rotate-0:active { + filter: hue-rotate(0deg) + } + .md\:focus\:hue-rotate-15:focus { + filter: hue-rotate(15deg) + } + .md\:hover\:hue-rotate-15:hover { + filter: hue-rotate(15deg) + } + .md\:active\:hue-rotate-15:active { + filter: hue-rotate(15deg) + } + .md\:focus\:hue-rotate-30:focus { + filter: hue-rotate(30deg) + } + .md\:hover\:hue-rotate-30:hover { + filter: hue-rotate(30deg) + } + .md\:active\:hue-rotate-30:active { + filter: hue-rotate(30deg) + } + .md\:focus\:hue-rotate-45:focus { + filter: hue-rotate(45deg) + } + .md\:hover\:hue-rotate-45:hover { + filter: hue-rotate(45deg) + } + .md\:active\:hue-rotate-45:active { + filter: hue-rotate(45deg) + } + .md\:focus\:hue-rotate-60:focus { + filter: hue-rotate(60deg) + } + .md\:hover\:hue-rotate-60:hover { + filter: hue-rotate(60deg) + } + .md\:active\:hue-rotate-60:active { + filter: hue-rotate(60deg) + } + .md\:focus\:hue-rotate-75:focus { + filter: hue-rotate(75deg) + } + .md\:hover\:hue-rotate-75:hover { + filter: hue-rotate(75deg) + } + .md\:active\:hue-rotate-75:active { + filter: hue-rotate(75deg) + } + .md\:focus\:hue-rotate-90:focus { + filter: hue-rotate(90deg) + } + .md\:hover\:hue-rotate-90:hover { + filter: hue-rotate(90deg) + } + .md\:active\:hue-rotate-90:active { + filter: hue-rotate(90deg) + } + .md\:focus\:hue-rotate-105:focus { + filter: hue-rotate(105deg) + } + .md\:hover\:hue-rotate-105:hover { + filter: hue-rotate(105deg) + } + .md\:active\:hue-rotate-105:active { + filter: hue-rotate(105deg) + } + .md\:focus\:hue-rotate-120:focus { + filter: hue-rotate(120deg) + } + .md\:hover\:hue-rotate-120:hover { + filter: hue-rotate(120deg) + } + .md\:active\:hue-rotate-120:active { + filter: hue-rotate(120deg) + } + .md\:focus\:hue-rotate-135:focus { + filter: hue-rotate(135deg) + } + .md\:hover\:hue-rotate-135:hover { + filter: hue-rotate(135deg) + } + .md\:active\:hue-rotate-135:active { + filter: hue-rotate(135deg) + } + .md\:focus\:hue-rotate-150:focus { + filter: hue-rotate(150deg) + } + .md\:hover\:hue-rotate-150:hover { + filter: hue-rotate(150deg) + } + .md\:active\:hue-rotate-150:active { + filter: hue-rotate(150deg) + } + .md\:focus\:hue-rotate-165:focus { + filter: hue-rotate(165deg) + } + .md\:hover\:hue-rotate-165:hover { + filter: hue-rotate(165deg) + } + .md\:active\:hue-rotate-165:active { + filter: hue-rotate(165deg) + } + .md\:focus\:hue-rotate-180:focus { + filter: hue-rotate(180deg) + } + .md\:hover\:hue-rotate-180:hover { + filter: hue-rotate(180deg) + } + .md\:active\:hue-rotate-180:active { + filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 992px) { + .lg\:hue-rotate-0 { + filter: hue-rotate(0deg) + } + .lg\:hue-rotate-15 { + filter: hue-rotate(15deg) + } + .lg\:hue-rotate-30 { + filter: hue-rotate(30deg) + } + .lg\:hue-rotate-45 { + filter: hue-rotate(45deg) + } + .lg\:hue-rotate-60 { + filter: hue-rotate(60deg) + } + .lg\:hue-rotate-75 { + filter: hue-rotate(75deg) + } + .lg\:hue-rotate-90 { + filter: hue-rotate(90deg) + } + .lg\:hue-rotate-105 { + filter: hue-rotate(105deg) + } + .lg\:hue-rotate-120 { + filter: hue-rotate(120deg) + } + .lg\:hue-rotate-135 { + filter: hue-rotate(135deg) + } + .lg\:hue-rotate-150 { + filter: hue-rotate(150deg) + } + .lg\:hue-rotate-165 { + filter: hue-rotate(165deg) + } + .lg\:hue-rotate-180 { + filter: hue-rotate(180deg) + } + .lg\:focus\:hue-rotate-0:focus { + filter: hue-rotate(0deg) + } + .lg\:hover\:hue-rotate-0:hover { + filter: hue-rotate(0deg) + } + .lg\:active\:hue-rotate-0:active { + filter: hue-rotate(0deg) + } + .lg\:focus\:hue-rotate-15:focus { + filter: hue-rotate(15deg) + } + .lg\:hover\:hue-rotate-15:hover { + filter: hue-rotate(15deg) + } + .lg\:active\:hue-rotate-15:active { + filter: hue-rotate(15deg) + } + .lg\:focus\:hue-rotate-30:focus { + filter: hue-rotate(30deg) + } + .lg\:hover\:hue-rotate-30:hover { + filter: hue-rotate(30deg) + } + .lg\:active\:hue-rotate-30:active { + filter: hue-rotate(30deg) + } + .lg\:focus\:hue-rotate-45:focus { + filter: hue-rotate(45deg) + } + .lg\:hover\:hue-rotate-45:hover { + filter: hue-rotate(45deg) + } + .lg\:active\:hue-rotate-45:active { + filter: hue-rotate(45deg) + } + .lg\:focus\:hue-rotate-60:focus { + filter: hue-rotate(60deg) + } + .lg\:hover\:hue-rotate-60:hover { + filter: hue-rotate(60deg) + } + .lg\:active\:hue-rotate-60:active { + filter: hue-rotate(60deg) + } + .lg\:focus\:hue-rotate-75:focus { + filter: hue-rotate(75deg) + } + .lg\:hover\:hue-rotate-75:hover { + filter: hue-rotate(75deg) + } + .lg\:active\:hue-rotate-75:active { + filter: hue-rotate(75deg) + } + .lg\:focus\:hue-rotate-90:focus { + filter: hue-rotate(90deg) + } + .lg\:hover\:hue-rotate-90:hover { + filter: hue-rotate(90deg) + } + .lg\:active\:hue-rotate-90:active { + filter: hue-rotate(90deg) + } + .lg\:focus\:hue-rotate-105:focus { + filter: hue-rotate(105deg) + } + .lg\:hover\:hue-rotate-105:hover { + filter: hue-rotate(105deg) + } + .lg\:active\:hue-rotate-105:active { + filter: hue-rotate(105deg) + } + .lg\:focus\:hue-rotate-120:focus { + filter: hue-rotate(120deg) + } + .lg\:hover\:hue-rotate-120:hover { + filter: hue-rotate(120deg) + } + .lg\:active\:hue-rotate-120:active { + filter: hue-rotate(120deg) + } + .lg\:focus\:hue-rotate-135:focus { + filter: hue-rotate(135deg) + } + .lg\:hover\:hue-rotate-135:hover { + filter: hue-rotate(135deg) + } + .lg\:active\:hue-rotate-135:active { + filter: hue-rotate(135deg) + } + .lg\:focus\:hue-rotate-150:focus { + filter: hue-rotate(150deg) + } + .lg\:hover\:hue-rotate-150:hover { + filter: hue-rotate(150deg) + } + .lg\:active\:hue-rotate-150:active { + filter: hue-rotate(150deg) + } + .lg\:focus\:hue-rotate-165:focus { + filter: hue-rotate(165deg) + } + .lg\:hover\:hue-rotate-165:hover { + filter: hue-rotate(165deg) + } + .lg\:active\:hue-rotate-165:active { + filter: hue-rotate(165deg) + } + .lg\:focus\:hue-rotate-180:focus { + filter: hue-rotate(180deg) + } + .lg\:hover\:hue-rotate-180:hover { + filter: hue-rotate(180deg) + } + .lg\:active\:hue-rotate-180:active { + filter: hue-rotate(180deg) + } +} +@media screen and (min-width: 1200px) { + .xl\:hue-rotate-0 { + filter: hue-rotate(0deg) + } + .xl\:hue-rotate-15 { + filter: hue-rotate(15deg) + } + .xl\:hue-rotate-30 { + filter: hue-rotate(30deg) + } + .xl\:hue-rotate-45 { + filter: hue-rotate(45deg) + } + .xl\:hue-rotate-60 { + filter: hue-rotate(60deg) + } + .xl\:hue-rotate-75 { + filter: hue-rotate(75deg) + } + .xl\:hue-rotate-90 { + filter: hue-rotate(90deg) + } + .xl\:hue-rotate-105 { + filter: hue-rotate(105deg) + } + .xl\:hue-rotate-120 { + filter: hue-rotate(120deg) + } + .xl\:hue-rotate-135 { + filter: hue-rotate(135deg) + } + .xl\:hue-rotate-150 { + filter: hue-rotate(150deg) + } + .xl\:hue-rotate-165 { + filter: hue-rotate(165deg) + } + .xl\:hue-rotate-180 { + filter: hue-rotate(180deg) + } + .xl\:focus\:hue-rotate-0:focus { + filter: hue-rotate(0deg) + } + .xl\:hover\:hue-rotate-0:hover { + filter: hue-rotate(0deg) + } + .xl\:active\:hue-rotate-0:active { + filter: hue-rotate(0deg) + } + .xl\:focus\:hue-rotate-15:focus { + filter: hue-rotate(15deg) + } + .xl\:hover\:hue-rotate-15:hover { + filter: hue-rotate(15deg) + } + .xl\:active\:hue-rotate-15:active { + filter: hue-rotate(15deg) + } + .xl\:focus\:hue-rotate-30:focus { + filter: hue-rotate(30deg) + } + .xl\:hover\:hue-rotate-30:hover { + filter: hue-rotate(30deg) + } + .xl\:active\:hue-rotate-30:active { + filter: hue-rotate(30deg) + } + .xl\:focus\:hue-rotate-45:focus { + filter: hue-rotate(45deg) + } + .xl\:hover\:hue-rotate-45:hover { + filter: hue-rotate(45deg) + } + .xl\:active\:hue-rotate-45:active { + filter: hue-rotate(45deg) + } + .xl\:focus\:hue-rotate-60:focus { + filter: hue-rotate(60deg) + } + .xl\:hover\:hue-rotate-60:hover { + filter: hue-rotate(60deg) + } + .xl\:active\:hue-rotate-60:active { + filter: hue-rotate(60deg) + } + .xl\:focus\:hue-rotate-75:focus { + filter: hue-rotate(75deg) + } + .xl\:hover\:hue-rotate-75:hover { + filter: hue-rotate(75deg) + } + .xl\:active\:hue-rotate-75:active { + filter: hue-rotate(75deg) + } + .xl\:focus\:hue-rotate-90:focus { + filter: hue-rotate(90deg) + } + .xl\:hover\:hue-rotate-90:hover { + filter: hue-rotate(90deg) + } + .xl\:active\:hue-rotate-90:active { + filter: hue-rotate(90deg) + } + .xl\:focus\:hue-rotate-105:focus { + filter: hue-rotate(105deg) + } + .xl\:hover\:hue-rotate-105:hover { + filter: hue-rotate(105deg) + } + .xl\:active\:hue-rotate-105:active { + filter: hue-rotate(105deg) + } + .xl\:focus\:hue-rotate-120:focus { + filter: hue-rotate(120deg) + } + .xl\:hover\:hue-rotate-120:hover { + filter: hue-rotate(120deg) + } + .xl\:active\:hue-rotate-120:active { + filter: hue-rotate(120deg) + } + .xl\:focus\:hue-rotate-135:focus { + filter: hue-rotate(135deg) + } + .xl\:hover\:hue-rotate-135:hover { + filter: hue-rotate(135deg) + } + .xl\:active\:hue-rotate-135:active { + filter: hue-rotate(135deg) + } + .xl\:focus\:hue-rotate-150:focus { + filter: hue-rotate(150deg) + } + .xl\:hover\:hue-rotate-150:hover { + filter: hue-rotate(150deg) + } + .xl\:active\:hue-rotate-150:active { + filter: hue-rotate(150deg) + } + .xl\:focus\:hue-rotate-165:focus { + filter: hue-rotate(165deg) + } + .xl\:hover\:hue-rotate-165:hover { + filter: hue-rotate(165deg) + } + .xl\:active\:hue-rotate-165:active { + filter: hue-rotate(165deg) + } + .xl\:focus\:hue-rotate-180:focus { + filter: hue-rotate(180deg) + } + .xl\:hover\:hue-rotate-180:hover { + filter: hue-rotate(180deg) + } + .xl\:active\:hue-rotate-180:active { + filter: hue-rotate(180deg) + } +} +.invert-0 { + filter: invert(0) +} +.invert { + filter: invert(1) +} +.focus\:invert-0:focus { + filter: invert(0) +} +.hover\:invert-0:hover { + filter: invert(0) +} +.active\:invert-0:active { + filter: invert(0) +} +.focus\:invert:focus { + filter: invert(1) +} +.hover\:invert:hover { + filter: invert(1) +} +.active\:invert:active { + filter: invert(1) +} +@media screen and (min-width: 576px) { + .sm\:invert-0 { + filter: invert(0) + } + .sm\:invert { + filter: invert(1) + } + .sm\:focus\:invert-0:focus { + filter: invert(0) + } + .sm\:hover\:invert-0:hover { + filter: invert(0) + } + .sm\:active\:invert-0:active { + filter: invert(0) + } + .sm\:focus\:invert:focus { + filter: invert(1) + } + .sm\:hover\:invert:hover { + filter: invert(1) + } + .sm\:active\:invert:active { + filter: invert(1) + } +} +@media screen and (min-width: 768px) { + .md\:invert-0 { + filter: invert(0) + } + .md\:invert { + filter: invert(1) + } + .md\:focus\:invert-0:focus { + filter: invert(0) + } + .md\:hover\:invert-0:hover { + filter: invert(0) + } + .md\:active\:invert-0:active { + filter: invert(0) + } + .md\:focus\:invert:focus { + filter: invert(1) + } + .md\:hover\:invert:hover { + filter: invert(1) + } + .md\:active\:invert:active { + filter: invert(1) + } +} +@media screen and (min-width: 992px) { + .lg\:invert-0 { + filter: invert(0) + } + .lg\:invert { + filter: invert(1) + } + .lg\:focus\:invert-0:focus { + filter: invert(0) + } + .lg\:hover\:invert-0:hover { + filter: invert(0) + } + .lg\:active\:invert-0:active { + filter: invert(0) + } + .lg\:focus\:invert:focus { + filter: invert(1) + } + .lg\:hover\:invert:hover { + filter: invert(1) + } + .lg\:active\:invert:active { + filter: invert(1) + } +} +@media screen and (min-width: 1200px) { + .xl\:invert-0 { + filter: invert(0) + } + .xl\:invert { + filter: invert(1) + } + .xl\:focus\:invert-0:focus { + filter: invert(0) + } + .xl\:hover\:invert-0:hover { + filter: invert(0) + } + .xl\:active\:invert-0:active { + filter: invert(0) + } + .xl\:focus\:invert:focus { + filter: invert(1) + } + .xl\:hover\:invert:hover { + filter: invert(1) + } + .xl\:active\:invert:active { + filter: invert(1) + } +} +.saturate-0 { + filter: saturate(0) +} +.saturate-50 { + filter: saturate(0.5) +} +.saturate-100 { + filter: saturate(1) +} +.saturate-150 { + filter: saturate(1.5) +} +.saturate-200 { + filter: saturate(2) +} +.focus\:saturate-0:focus { + filter: saturate(0) +} +.hover\:saturate-0:hover { + filter: saturate(0) +} +.active\:saturate-0:active { + filter: saturate(0) +} +.focus\:saturate-50:focus { + filter: saturate(0.5) +} +.hover\:saturate-50:hover { + filter: saturate(0.5) +} +.active\:saturate-50:active { + filter: saturate(0.5) +} +.focus\:saturate-100:focus { + filter: saturate(1) +} +.hover\:saturate-100:hover { + filter: saturate(1) +} +.active\:saturate-100:active { + filter: saturate(1) +} +.focus\:saturate-150:focus { + filter: saturate(1.5) +} +.hover\:saturate-150:hover { + filter: saturate(1.5) +} +.active\:saturate-150:active { + filter: saturate(1.5) +} +.focus\:saturate-200:focus { + filter: saturate(2) +} +.hover\:saturate-200:hover { + filter: saturate(2) +} +.active\:saturate-200:active { + filter: saturate(2) +} +@media screen and (min-width: 576px) { + .sm\:saturate-0 { + filter: saturate(0) + } + .sm\:saturate-50 { + filter: saturate(0.5) + } + .sm\:saturate-100 { + filter: saturate(1) + } + .sm\:saturate-150 { + filter: saturate(1.5) + } + .sm\:saturate-200 { + filter: saturate(2) + } + .sm\:focus\:saturate-0:focus { + filter: saturate(0) + } + .sm\:hover\:saturate-0:hover { + filter: saturate(0) + } + .sm\:active\:saturate-0:active { + filter: saturate(0) + } + .sm\:focus\:saturate-50:focus { + filter: saturate(0.5) + } + .sm\:hover\:saturate-50:hover { + filter: saturate(0.5) + } + .sm\:active\:saturate-50:active { + filter: saturate(0.5) + } + .sm\:focus\:saturate-100:focus { + filter: saturate(1) + } + .sm\:hover\:saturate-100:hover { + filter: saturate(1) + } + .sm\:active\:saturate-100:active { + filter: saturate(1) + } + .sm\:focus\:saturate-150:focus { + filter: saturate(1.5) + } + .sm\:hover\:saturate-150:hover { + filter: saturate(1.5) + } + .sm\:active\:saturate-150:active { + filter: saturate(1.5) + } + .sm\:focus\:saturate-200:focus { + filter: saturate(2) + } + .sm\:hover\:saturate-200:hover { + filter: saturate(2) + } + .sm\:active\:saturate-200:active { + filter: saturate(2) + } +} +@media screen and (min-width: 768px) { + .md\:saturate-0 { + filter: saturate(0) + } + .md\:saturate-50 { + filter: saturate(0.5) + } + .md\:saturate-100 { + filter: saturate(1) + } + .md\:saturate-150 { + filter: saturate(1.5) + } + .md\:saturate-200 { + filter: saturate(2) + } + .md\:focus\:saturate-0:focus { + filter: saturate(0) + } + .md\:hover\:saturate-0:hover { + filter: saturate(0) + } + .md\:active\:saturate-0:active { + filter: saturate(0) + } + .md\:focus\:saturate-50:focus { + filter: saturate(0.5) + } + .md\:hover\:saturate-50:hover { + filter: saturate(0.5) + } + .md\:active\:saturate-50:active { + filter: saturate(0.5) + } + .md\:focus\:saturate-100:focus { + filter: saturate(1) + } + .md\:hover\:saturate-100:hover { + filter: saturate(1) + } + .md\:active\:saturate-100:active { + filter: saturate(1) + } + .md\:focus\:saturate-150:focus { + filter: saturate(1.5) + } + .md\:hover\:saturate-150:hover { + filter: saturate(1.5) + } + .md\:active\:saturate-150:active { + filter: saturate(1.5) + } + .md\:focus\:saturate-200:focus { + filter: saturate(2) + } + .md\:hover\:saturate-200:hover { + filter: saturate(2) + } + .md\:active\:saturate-200:active { + filter: saturate(2) + } +} +@media screen and (min-width: 992px) { + .lg\:saturate-0 { + filter: saturate(0) + } + .lg\:saturate-50 { + filter: saturate(0.5) + } + .lg\:saturate-100 { + filter: saturate(1) + } + .lg\:saturate-150 { + filter: saturate(1.5) + } + .lg\:saturate-200 { + filter: saturate(2) + } + .lg\:focus\:saturate-0:focus { + filter: saturate(0) + } + .lg\:hover\:saturate-0:hover { + filter: saturate(0) + } + .lg\:active\:saturate-0:active { + filter: saturate(0) + } + .lg\:focus\:saturate-50:focus { + filter: saturate(0.5) + } + .lg\:hover\:saturate-50:hover { + filter: saturate(0.5) + } + .lg\:active\:saturate-50:active { + filter: saturate(0.5) + } + .lg\:focus\:saturate-100:focus { + filter: saturate(1) + } + .lg\:hover\:saturate-100:hover { + filter: saturate(1) + } + .lg\:active\:saturate-100:active { + filter: saturate(1) + } + .lg\:focus\:saturate-150:focus { + filter: saturate(1.5) + } + .lg\:hover\:saturate-150:hover { + filter: saturate(1.5) + } + .lg\:active\:saturate-150:active { + filter: saturate(1.5) + } + .lg\:focus\:saturate-200:focus { + filter: saturate(2) + } + .lg\:hover\:saturate-200:hover { + filter: saturate(2) + } + .lg\:active\:saturate-200:active { + filter: saturate(2) + } +} +@media screen and (min-width: 1200px) { + .xl\:saturate-0 { + filter: saturate(0) + } + .xl\:saturate-50 { + filter: saturate(0.5) + } + .xl\:saturate-100 { + filter: saturate(1) + } + .xl\:saturate-150 { + filter: saturate(1.5) + } + .xl\:saturate-200 { + filter: saturate(2) + } + .xl\:focus\:saturate-0:focus { + filter: saturate(0) + } + .xl\:hover\:saturate-0:hover { + filter: saturate(0) + } + .xl\:active\:saturate-0:active { + filter: saturate(0) + } + .xl\:focus\:saturate-50:focus { + filter: saturate(0.5) + } + .xl\:hover\:saturate-50:hover { + filter: saturate(0.5) + } + .xl\:active\:saturate-50:active { + filter: saturate(0.5) + } + .xl\:focus\:saturate-100:focus { + filter: saturate(1) + } + .xl\:hover\:saturate-100:hover { + filter: saturate(1) + } + .xl\:active\:saturate-100:active { + filter: saturate(1) + } + .xl\:focus\:saturate-150:focus { + filter: saturate(1.5) + } + .xl\:hover\:saturate-150:hover { + filter: saturate(1.5) + } + .xl\:active\:saturate-150:active { + filter: saturate(1.5) + } + .xl\:focus\:saturate-200:focus { + filter: saturate(2) + } + .xl\:hover\:saturate-200:hover { + filter: saturate(2) + } + .xl\:active\:saturate-200:active { + filter: saturate(2) + } +} +.sepia { + filter: sepia(100%) +} +.sepia-0 { + filter: sepia(0) +} +.sepia-50 { + filter: sepia(50%) +} +.focus\:sepia:focus { + filter: sepia(100%) +} +.hover\:sepia:hover { + filter: sepia(100%) +} +.active\:sepia:active { + filter: sepia(100%) +} +.focus\:sepia-0:focus { + filter: sepia(0) +} +.hover\:sepia-0:hover { + filter: sepia(0) +} +.active\:sepia-0:active { + filter: sepia(0) +} +.focus\:sepia-50:focus { + filter: sepia(50%) +} +.hover\:sepia-50:hover { + filter: sepia(50%) +} +.active\:sepia-50:active { + filter: sepia(50%) +} +@media screen and (min-width: 576px) { + .sm\:sepia { + filter: sepia(100%) + } + .sm\:sepia-0 { + filter: sepia(0) + } + .sm\:sepia-50 { + filter: sepia(50%) + } + .sm\:focus\:sepia:focus { + filter: sepia(100%) + } + .sm\:hover\:sepia:hover { + filter: sepia(100%) + } + .sm\:active\:sepia:active { + filter: sepia(100%) + } + .sm\:focus\:sepia-0:focus { + filter: sepia(0) + } + .sm\:hover\:sepia-0:hover { + filter: sepia(0) + } + .sm\:active\:sepia-0:active { + filter: sepia(0) + } + .sm\:focus\:sepia-50:focus { + filter: sepia(50%) + } + .sm\:hover\:sepia-50:hover { + filter: sepia(50%) + } + .sm\:active\:sepia-50:active { + filter: sepia(50%) + } +} +@media screen and (min-width: 768px) { + .md\:sepia { + filter: sepia(100%) + } + .md\:sepia-0 { + filter: sepia(0) + } + .md\:sepia-50 { + filter: sepia(50%) + } + .md\:focus\:sepia:focus { + filter: sepia(100%) + } + .md\:hover\:sepia:hover { + filter: sepia(100%) + } + .md\:active\:sepia:active { + filter: sepia(100%) + } + .md\:focus\:sepia-0:focus { + filter: sepia(0) + } + .md\:hover\:sepia-0:hover { + filter: sepia(0) + } + .md\:active\:sepia-0:active { + filter: sepia(0) + } + .md\:focus\:sepia-50:focus { + filter: sepia(50%) + } + .md\:hover\:sepia-50:hover { + filter: sepia(50%) + } + .md\:active\:sepia-50:active { + filter: sepia(50%) + } +} +@media screen and (min-width: 992px) { + .lg\:sepia { + filter: sepia(100%) + } + .lg\:sepia-0 { + filter: sepia(0) + } + .lg\:sepia-50 { + filter: sepia(50%) + } + .lg\:focus\:sepia:focus { + filter: sepia(100%) + } + .lg\:hover\:sepia:hover { + filter: sepia(100%) + } + .lg\:active\:sepia:active { + filter: sepia(100%) + } + .lg\:focus\:sepia-0:focus { + filter: sepia(0) + } + .lg\:hover\:sepia-0:hover { + filter: sepia(0) + } + .lg\:active\:sepia-0:active { + filter: sepia(0) + } + .lg\:focus\:sepia-50:focus { + filter: sepia(50%) + } + .lg\:hover\:sepia-50:hover { + filter: sepia(50%) + } + .lg\:active\:sepia-50:active { + filter: sepia(50%) + } +} +@media screen and (min-width: 1200px) { + .xl\:sepia { + filter: sepia(100%) + } + .xl\:sepia-0 { + filter: sepia(0) + } + .xl\:sepia-50 { + filter: sepia(50%) + } + .xl\:focus\:sepia:focus { + filter: sepia(100%) + } + .xl\:hover\:sepia:hover { + filter: sepia(100%) + } + .xl\:active\:sepia:active { + filter: sepia(100%) + } + .xl\:focus\:sepia-0:focus { + filter: sepia(0) + } + .xl\:hover\:sepia-0:hover { + filter: sepia(0) + } + .xl\:active\:sepia-0:active { + filter: sepia(0) + } + .xl\:focus\:sepia-50:focus { + filter: sepia(50%) + } + .xl\:hover\:sepia-50:hover { + filter: sepia(50%) + } + .xl\:active\:sepia-50:active { + filter: sepia(50%) + } +} +.drop-shadow-none { + filter: drop-shadow(0 0 0 transparent) +} +.drop-shadow-1 { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.drop-shadow-2 { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.drop-shadow-3 { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.drop-shadow-4 { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.drop-shadow-5 { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.drop-shadow-6 { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.drop-shadow-7 { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.drop-shadow-8 { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.focus\:drop-shadow-none:focus { + filter: drop-shadow(0 0 0 transparent) +} +.hover\:drop-shadow-none:hover { + filter: drop-shadow(0 0 0 transparent) +} +.active\:drop-shadow-none:active { + filter: drop-shadow(0 0 0 transparent) +} +.focus\:drop-shadow-1:focus { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.hover\:drop-shadow-1:hover { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.active\:drop-shadow-1:active { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) +} +.focus\:drop-shadow-2:focus { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.hover\:drop-shadow-2:hover { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.active\:drop-shadow-2:active { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) +} +.focus\:drop-shadow-3:focus { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.hover\:drop-shadow-3:hover { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.active\:drop-shadow-3:active { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) +} +.focus\:drop-shadow-4:focus { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.hover\:drop-shadow-4:hover { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.active\:drop-shadow-4:active { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) +} +.focus\:drop-shadow-5:focus { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.hover\:drop-shadow-5:hover { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.active\:drop-shadow-5:active { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) +} +.focus\:drop-shadow-6:focus { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.hover\:drop-shadow-6:hover { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.active\:drop-shadow-6:active { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) +} +.focus\:drop-shadow-7:focus { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.hover\:drop-shadow-7:hover { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.active\:drop-shadow-7:active { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) +} +.focus\:drop-shadow-8:focus { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.hover\:drop-shadow-8:hover { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +.active\:drop-shadow-8:active { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) +} +@media screen and (min-width: 576px) { + .sm\:drop-shadow-none { + filter: drop-shadow(0 0 0 transparent) + } + .sm\:drop-shadow-1 { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:drop-shadow-2 { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:drop-shadow-3 { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:drop-shadow-4 { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:drop-shadow-5 { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:drop-shadow-6 { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:drop-shadow-7 { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:drop-shadow-8 { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:focus\:drop-shadow-none:focus { + filter: drop-shadow(0 0 0 transparent) + } + .sm\:hover\:drop-shadow-none:hover { + filter: drop-shadow(0 0 0 transparent) + } + .sm\:active\:drop-shadow-none:active { + filter: drop-shadow(0 0 0 transparent) + } + .sm\:focus\:drop-shadow-1:focus { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:hover\:drop-shadow-1:hover { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:active\:drop-shadow-1:active { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .sm\:focus\:drop-shadow-2:focus { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:drop-shadow-2:hover { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:drop-shadow-2:active { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:drop-shadow-3:focus { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:hover\:drop-shadow-3:hover { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:active\:drop-shadow-3:active { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .sm\:focus\:drop-shadow-4:focus { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:hover\:drop-shadow-4:hover { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:active\:drop-shadow-4:active { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .sm\:focus\:drop-shadow-5:focus { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:drop-shadow-5:hover { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:drop-shadow-5:active { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:drop-shadow-6:focus { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:hover\:drop-shadow-6:hover { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:active\:drop-shadow-6:active { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .sm\:focus\:drop-shadow-7:focus { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:hover\:drop-shadow-7:hover { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:active\:drop-shadow-7:active { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .sm\:focus\:drop-shadow-8:focus { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:hover\:drop-shadow-8:hover { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .sm\:active\:drop-shadow-8:active { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 768px) { + .md\:drop-shadow-none { + filter: drop-shadow(0 0 0 transparent) + } + .md\:drop-shadow-1 { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:drop-shadow-2 { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:drop-shadow-3 { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:drop-shadow-4 { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:drop-shadow-5 { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:drop-shadow-6 { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:drop-shadow-7 { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:drop-shadow-8 { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:focus\:drop-shadow-none:focus { + filter: drop-shadow(0 0 0 transparent) + } + .md\:hover\:drop-shadow-none:hover { + filter: drop-shadow(0 0 0 transparent) + } + .md\:active\:drop-shadow-none:active { + filter: drop-shadow(0 0 0 transparent) + } + .md\:focus\:drop-shadow-1:focus { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:hover\:drop-shadow-1:hover { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:active\:drop-shadow-1:active { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .md\:focus\:drop-shadow-2:focus { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:drop-shadow-2:hover { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:active\:drop-shadow-2:active { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:drop-shadow-3:focus { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:hover\:drop-shadow-3:hover { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:active\:drop-shadow-3:active { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .md\:focus\:drop-shadow-4:focus { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:hover\:drop-shadow-4:hover { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:active\:drop-shadow-4:active { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .md\:focus\:drop-shadow-5:focus { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:drop-shadow-5:hover { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:active\:drop-shadow-5:active { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:drop-shadow-6:focus { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:hover\:drop-shadow-6:hover { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:active\:drop-shadow-6:active { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .md\:focus\:drop-shadow-7:focus { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:hover\:drop-shadow-7:hover { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:active\:drop-shadow-7:active { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .md\:focus\:drop-shadow-8:focus { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:hover\:drop-shadow-8:hover { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .md\:active\:drop-shadow-8:active { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 992px) { + .lg\:drop-shadow-none { + filter: drop-shadow(0 0 0 transparent) + } + .lg\:drop-shadow-1 { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:drop-shadow-2 { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:drop-shadow-3 { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:drop-shadow-4 { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:drop-shadow-5 { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:drop-shadow-6 { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:drop-shadow-7 { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:drop-shadow-8 { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:focus\:drop-shadow-none:focus { + filter: drop-shadow(0 0 0 transparent) + } + .lg\:hover\:drop-shadow-none:hover { + filter: drop-shadow(0 0 0 transparent) + } + .lg\:active\:drop-shadow-none:active { + filter: drop-shadow(0 0 0 transparent) + } + .lg\:focus\:drop-shadow-1:focus { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:hover\:drop-shadow-1:hover { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:active\:drop-shadow-1:active { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .lg\:focus\:drop-shadow-2:focus { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:drop-shadow-2:hover { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:drop-shadow-2:active { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:drop-shadow-3:focus { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:hover\:drop-shadow-3:hover { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:active\:drop-shadow-3:active { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .lg\:focus\:drop-shadow-4:focus { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:hover\:drop-shadow-4:hover { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:active\:drop-shadow-4:active { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .lg\:focus\:drop-shadow-5:focus { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:drop-shadow-5:hover { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:drop-shadow-5:active { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:drop-shadow-6:focus { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:hover\:drop-shadow-6:hover { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:active\:drop-shadow-6:active { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .lg\:focus\:drop-shadow-7:focus { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:hover\:drop-shadow-7:hover { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:active\:drop-shadow-7:active { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .lg\:focus\:drop-shadow-8:focus { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:hover\:drop-shadow-8:hover { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .lg\:active\:drop-shadow-8:active { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +@media screen and (min-width: 1200px) { + .xl\:drop-shadow-none { + filter: drop-shadow(0 0 0 transparent) + } + .xl\:drop-shadow-1 { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:drop-shadow-2 { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:drop-shadow-3 { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:drop-shadow-4 { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:drop-shadow-5 { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:drop-shadow-6 { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:drop-shadow-7 { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:drop-shadow-8 { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:focus\:drop-shadow-none:focus { + filter: drop-shadow(0 0 0 transparent) + } + .xl\:hover\:drop-shadow-none:hover { + filter: drop-shadow(0 0 0 transparent) + } + .xl\:active\:drop-shadow-none:active { + filter: drop-shadow(0 0 0 transparent) + } + .xl\:focus\:drop-shadow-1:focus { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:hover\:drop-shadow-1:hover { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:active\:drop-shadow-1:active { + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06)) + } + .xl\:focus\:drop-shadow-2:focus { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:drop-shadow-2:hover { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:drop-shadow-2:active { + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:drop-shadow-3:focus { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:hover\:drop-shadow-3:hover { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:active\:drop-shadow-3:active { + filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) + } + .xl\:focus\:drop-shadow-4:focus { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:hover\:drop-shadow-4:hover { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:active\:drop-shadow-4:active { + filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 7px rgba(0, 0, 0, 0.07)) + } + .xl\:focus\:drop-shadow-5:focus { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:drop-shadow-5:hover { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:drop-shadow-5:active { + filter: drop-shadow(0 11px 17px rgba(0, 0, 0, 0.1)) drop-shadow(0 5px 8px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:drop-shadow-6:focus { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:hover\:drop-shadow-6:hover { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:active\:drop-shadow-6:active { + filter: drop-shadow(0 20px 26px rgba(0, 0, 0, 0.11)) drop-shadow(0 9px 11px rgba(0, 0, 0, 0.08)) + } + .xl\:focus\:drop-shadow-7:focus { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:hover\:drop-shadow-7:hover { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:active\:drop-shadow-7:active { + filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.12)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.09)) + } + .xl\:focus\:drop-shadow-8:focus { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:hover\:drop-shadow-8:hover { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } + .xl\:active\:drop-shadow-8:active { + filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.13)) drop-shadow(0 15px 20px rgba(0, 0, 0, 0.10)) + } +} +.flex-1 { + flex: 1 1 0% +} +.flex-auto { + flex: 1 1 auto +} +.flex-initial { + flex: 0 1 auto +} +.flex-none { + flex: none +} +@media screen and (min-width: 576px) { + .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 + } +} +@media screen and (min-width: 768px) { + .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 + } +} +@media screen and (min-width: 992px) { + .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 + } +} +@media screen and (min-width: 1200px) { + .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 + } +} +.flex-row { + flex-direction: row +} +.flex-row-reverse { + flex-direction: row-reverse +} +.flex-column { + flex-direction: column +} +.flex-column-reverse { + flex-direction: column-reverse +} +@media screen and (min-width: 576px) { + .sm\:flex-row { + flex-direction: row + } + .sm\:flex-row-reverse { + flex-direction: row-reverse + } + .sm\:flex-column { + flex-direction: column + } + .sm\:flex-column-reverse { + flex-direction: column-reverse + } +} +@media screen and (min-width: 768px) { + .md\:flex-row { + flex-direction: row + } + .md\:flex-row-reverse { + flex-direction: row-reverse + } + .md\:flex-column { + flex-direction: column + } + .md\:flex-column-reverse { + flex-direction: column-reverse + } +} +@media screen and (min-width: 992px) { + .lg\:flex-row { + flex-direction: row + } + .lg\:flex-row-reverse { + flex-direction: row-reverse + } + .lg\:flex-column { + flex-direction: column + } + .lg\:flex-column-reverse { + flex-direction: column-reverse + } +} +@media screen and (min-width: 1200px) { + .xl\:flex-row { + flex-direction: row + } + .xl\:flex-row-reverse { + flex-direction: row-reverse + } + .xl\:flex-column { + flex-direction: column + } + .xl\:flex-column-reverse { + flex-direction: column-reverse + } +} +.flex-grow-0 { + flex-grow: 0 +} +.flex-grow-1 { + flex-grow: 1 +} +@media screen and (min-width: 576px) { + .sm\:flex-grow-0 { + flex-grow: 0 + } + .sm\:flex-grow-1 { + flex-grow: 1 + } +} +@media screen and (min-width: 768px) { + .md\:flex-grow-0 { + flex-grow: 0 + } + .md\:flex-grow-1 { + flex-grow: 1 + } +} +@media screen and (min-width: 992px) { + .lg\:flex-grow-0 { + flex-grow: 0 + } + .lg\:flex-grow-1 { + flex-grow: 1 + } +} +@media screen and (min-width: 1200px) { + .xl\:flex-grow-0 { + flex-grow: 0 + } + .xl\:flex-grow-1 { + flex-grow: 1 + } +} +.flex-shrink-0 { + flex-shrink: 0 +} +.flex-shrink-1 { + flex-shrink: 1 +} +@media screen and (min-width: 576px) { + .sm\:flex-shrink-0 { + flex-shrink: 0 + } + .sm\:flex-shrink-1 { + flex-shrink: 1 + } +} +@media screen and (min-width: 768px) { + .md\:flex-shrink-0 { + flex-shrink: 0 + } + .md\:flex-shrink-1 { + flex-shrink: 1 + } +} +@media screen and (min-width: 992px) { + .lg\:flex-shrink-0 { + flex-shrink: 0 + } + .lg\:flex-shrink-1 { + flex-shrink: 1 + } +} +@media screen and (min-width: 1200px) { + .xl\:flex-shrink-0 { + flex-shrink: 0 + } + .xl\:flex-shrink-1 { + flex-shrink: 1 + } +} +.flex-wrap { + flex-wrap: wrap +} +.flex-wrap-reverse { + flex-wrap: wrap-reverse +} +.flex-nowrap { + flex-wrap: nowrap +} +@media screen and (min-width: 576px) { + .sm\:flex-wrap { + flex-wrap: wrap + } + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse + } + .sm\:flex-nowrap { + flex-wrap: nowrap + } +} +@media screen and (min-width: 768px) { + .md\:flex-wrap { + flex-wrap: wrap + } + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse + } + .md\:flex-nowrap { + flex-wrap: nowrap + } +} +@media screen and (min-width: 992px) { + .lg\:flex-wrap { + flex-wrap: wrap + } + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse + } + .lg\:flex-nowrap { + flex-wrap: nowrap + } +} +@media screen and (min-width: 1200px) { + .xl\:flex-wrap { + flex-wrap: wrap + } + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse + } + .xl\:flex-nowrap { + flex-wrap: nowrap + } +} +.font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" +} +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif +} +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace +} +@media screen and (min-width: 576px) { + .sm\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" + } + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif + } + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace + } +} +@media screen and (min-width: 768px) { + .md\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" + } + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif + } + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace + } +} +@media screen and (min-width: 992px) { + .lg\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" + } + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif + } + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace + } +} +@media screen and (min-width: 1200px) { + .xl\:font-sans { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" + } + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif + } + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace + } +} +.text-xs { + font-size: .75rem +} +.text-sm { + font-size: .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.75rem +} +.text-4xl { + font-size: 2rem +} +.text-5xl { + font-size: 2.5rem +} +.text-6xl { + font-size: 3rem +} +.text-7xl { + font-size: 4rem +} +.text-8xl { + font-size: 6rem +} +@media screen and (min-width: 576px) { + .sm\:text-xs { + font-size: .75rem + } + .sm\:text-sm { + font-size: .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.75rem + } + .sm\:text-4xl { + font-size: 2rem + } + .sm\:text-5xl { + font-size: 2.5rem + } + .sm\:text-6xl { + font-size: 3rem + } + .sm\:text-7xl { + font-size: 4rem + } + .sm\:text-8xl { + font-size: 6rem + } +} +@media screen and (min-width: 768px) { + .md\:text-xs { + font-size: .75rem + } + .md\:text-sm { + font-size: .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.75rem + } + .md\:text-4xl { + font-size: 2rem + } + .md\:text-5xl { + font-size: 2.5rem + } + .md\:text-6xl { + font-size: 3rem + } + .md\:text-7xl { + font-size: 4rem + } + .md\:text-8xl { + font-size: 6rem + } +} +@media screen and (min-width: 992px) { + .lg\:text-xs { + font-size: .75rem + } + .lg\:text-sm { + font-size: .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.75rem + } + .lg\:text-4xl { + font-size: 2rem + } + .lg\:text-5xl { + font-size: 2.5rem + } + .lg\:text-6xl { + font-size: 3rem + } + .lg\:text-7xl { + font-size: 4rem + } + .lg\:text-8xl { + font-size: 6rem + } +} +@media screen and (min-width: 1200px) { + .xl\:text-xs { + font-size: .75rem + } + .xl\:text-sm { + font-size: .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.75rem + } + .xl\:text-4xl { + font-size: 2rem + } + .xl\:text-5xl { + font-size: 2.5rem + } + .xl\:text-6xl { + font-size: 3rem + } + .xl\:text-7xl { + font-size: 4rem + } + .xl\:text-8xl { + font-size: 6rem + } +} +.font-italic { + font-style: italic +} +@media screen and (min-width: 576px) { + .sm\:font-italic { + font-style: italic + } +} +@media screen and (min-width: 768px) { + .md\:font-italic { + font-style: italic + } +} +@media screen and (min-width: 992px) { + .lg\:font-italic { + font-style: italic + } +} +@media screen and (min-width: 1200px) { + .xl\:font-italic { + font-style: italic + } +} +.font-thin { + font-weight: 100 +} +.font-extralight { + font-weight: 200 +} +.font-light { + font-weight: 300 +} +.font-normal { + font-weight: 400 +} +.font-medium { + font-weight: 500 +} +.font-semibold { + font-weight: 600 +} +.font-bold { + font-weight: 700 +} +.font-extrabold { + font-weight: 800 +} +.font-black { + font-weight: 900 +} +@media screen and (min-width: 576px) { + .sm\:font-thin { + font-weight: 100 + } + .sm\:font-extralight { + font-weight: 200 + } + .sm\:font-light { + font-weight: 300 + } + .sm\:font-normal { + font-weight: 400 + } + .sm\:font-medium { + font-weight: 500 + } + .sm\:font-semibold { + font-weight: 600 + } + .sm\:font-bold { + font-weight: 700 + } + .sm\:font-extrabold { + font-weight: 800 + } + .sm\:font-black { + font-weight: 900 + } +} +@media screen and (min-width: 768px) { + .md\:font-thin { + font-weight: 100 + } + .md\:font-extralight { + font-weight: 200 + } + .md\:font-light { + font-weight: 300 + } + .md\:font-normal { + font-weight: 400 + } + .md\:font-medium { + font-weight: 500 + } + .md\:font-semibold { + font-weight: 600 + } + .md\:font-bold { + font-weight: 700 + } + .md\:font-extrabold { + font-weight: 800 + } + .md\:font-black { + font-weight: 900 + } +} +@media screen and (min-width: 992px) { + .lg\:font-thin { + font-weight: 100 + } + .lg\:font-extralight { + 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 + } +} +@media screen and (min-width: 1200px) { + .xl\:font-thin { + font-weight: 100 + } + .xl\:font-extralight { + 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 + } +} +.gap-0 { + gap: 0rem +} +.gap-1 { + gap: 0.25rem +} +.gap-2 { + gap: 0.5rem +} +.gap-3 { + gap: 1rem +} +.gap-4 { + gap: 1.5rem +} +.gap-5 { + gap: 2rem +} +.gap-6 { + gap: 3rem +} +.gap-7 { + gap: 4rem +} +.gap-8 { + gap: 5rem +} +@media screen and (min-width: 576px) { + .sm\:gap-0 { + gap: 0rem + } + .sm\:gap-1 { + gap: 0.25rem + } + .sm\:gap-2 { + gap: 0.5rem + } + .sm\:gap-3 { + gap: 1rem + } + .sm\:gap-4 { + gap: 1.5rem + } + .sm\:gap-5 { + gap: 2rem + } + .sm\:gap-6 { + gap: 3rem + } + .sm\:gap-7 { + gap: 4rem + } + .sm\:gap-8 { + gap: 5rem + } +} +@media screen and (min-width: 768px) { + .md\:gap-0 { + gap: 0rem + } + .md\:gap-1 { + gap: 0.25rem + } + .md\:gap-2 { + gap: 0.5rem + } + .md\:gap-3 { + gap: 1rem + } + .md\:gap-4 { + gap: 1.5rem + } + .md\:gap-5 { + gap: 2rem + } + .md\:gap-6 { + gap: 3rem + } + .md\:gap-7 { + gap: 4rem + } + .md\:gap-8 { + gap: 5rem + } +} +@media screen and (min-width: 992px) { + .lg\:gap-0 { + gap: 0rem + } + .lg\:gap-1 { + gap: 0.25rem + } + .lg\:gap-2 { + gap: 0.5rem + } + .lg\:gap-3 { + gap: 1rem + } + .lg\:gap-4 { + gap: 1.5rem + } + .lg\:gap-5 { + gap: 2rem + } + .lg\:gap-6 { + gap: 3rem + } + .lg\:gap-7 { + gap: 4rem + } + .lg\:gap-8 { + gap: 5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:gap-0 { + gap: 0rem + } + .xl\:gap-1 { + gap: 0.25rem + } + .xl\:gap-2 { + gap: 0.5rem + } + .xl\:gap-3 { + gap: 1rem + } + .xl\:gap-4 { + gap: 1.5rem + } + .xl\:gap-5 { + gap: 2rem + } + .xl\:gap-6 { + gap: 3rem + } + .xl\:gap-7 { + gap: 4rem + } + .xl\:gap-8 { + gap: 5rem + } +} +.h-full { + height: 100% +} +.h-screen { + height: 100vh +} +.h-auto { + height: auto +} +.h-min { + height: min-content +} +.h-max { + height: max-content +} +.h-fit { + height: fit-content +} +.h-1rem { + height: 1rem +} +.h-2rem { + height: 2rem +} +.h-3rem { + height: 3rem +} +.h-4rem { + height: 4rem +} +.h-5rem { + height: 5rem +} +.h-6rem { + height: 6rem +} +.h-7rem { + height: 7rem +} +.h-8rem { + height: 8rem +} +.h-9rem { + height: 9rem +} +.h-10rem { + height: 10rem +} +.h-11rem { + height: 11rem +} +.h-12rem { + height: 12rem +} +.h-13rem { + height: 13rem +} +.h-14rem { + height: 14rem +} +.h-15rem { + height: 15rem +} +.h-16rem { + height: 16rem +} +.h-17rem { + height: 17rem +} +.h-18rem { + height: 18rem +} +.h-19rem { + height: 19rem +} +.h-20rem { + height: 20rem +} +.h-21rem { + height: 21rem +} +.h-22rem { + height: 22rem +} +.h-23rem { + height: 23rem +} +.h-24rem { + height: 24rem +} +.h-25rem { + height: 25rem +} +.h-26rem { + height: 26rem +} +.h-27rem { + height: 27rem +} +.h-28rem { + height: 28rem +} +.h-29rem { + height: 29rem +} +.h-30rem { + height: 30rem +} +.h-31rem { + height: 31rem +} +.h-32rem { + height: 32rem +} +.h-33rem { + height: 33rem +} +.h-34rem { + height: 34rem +} +.h-35rem { + height: 35rem +} +.h-36rem { + height: 36rem +} +.h-37rem { + height: 37rem +} +.h-38rem { + height: 38rem +} +.h-39rem { + height: 39rem +} +.h-40rem { + height: 40rem +} +.h-41rem { + height: 41rem +} +.h-42rem { + height: 42rem +} +.h-43rem { + height: 43rem +} +.h-44rem { + height: 44rem +} +.h-45rem { + height: 45rem +} +.h-46rem { + height: 46rem +} +.h-47rem { + height: 47rem +} +.h-48rem { + height: 48rem +} +.h-49rem { + height: 49rem +} +.h-50rem { + height: 50rem +} +@media screen and (min-width: 576px) { + .sm\:h-full { + height: 100% + } + .sm\:h-screen { + height: 100vh + } + .sm\:h-auto { + height: auto + } + .sm\:h-min { + height: min-content + } + .sm\:h-max { + height: max-content + } + .sm\:h-fit { + height: fit-content + } + .sm\:h-1rem { + height: 1rem + } + .sm\:h-2rem { + height: 2rem + } + .sm\:h-3rem { + height: 3rem + } + .sm\:h-4rem { + height: 4rem + } + .sm\:h-5rem { + height: 5rem + } + .sm\:h-6rem { + height: 6rem + } + .sm\:h-7rem { + height: 7rem + } + .sm\:h-8rem { + height: 8rem + } + .sm\:h-9rem { + height: 9rem + } + .sm\:h-10rem { + height: 10rem + } + .sm\:h-11rem { + height: 11rem + } + .sm\:h-12rem { + height: 12rem + } + .sm\:h-13rem { + height: 13rem + } + .sm\:h-14rem { + height: 14rem + } + .sm\:h-15rem { + height: 15rem + } + .sm\:h-16rem { + height: 16rem + } + .sm\:h-17rem { + height: 17rem + } + .sm\:h-18rem { + height: 18rem + } + .sm\:h-19rem { + height: 19rem + } + .sm\:h-20rem { + height: 20rem + } + .sm\:h-21rem { + height: 21rem + } + .sm\:h-22rem { + height: 22rem + } + .sm\:h-23rem { + height: 23rem + } + .sm\:h-24rem { + height: 24rem + } + .sm\:h-25rem { + height: 25rem + } + .sm\:h-26rem { + height: 26rem + } + .sm\:h-27rem { + height: 27rem + } + .sm\:h-28rem { + height: 28rem + } + .sm\:h-29rem { + height: 29rem + } + .sm\:h-30rem { + height: 30rem + } + .sm\:h-31rem { + height: 31rem + } + .sm\:h-32rem { + height: 32rem + } + .sm\:h-33rem { + height: 33rem + } + .sm\:h-34rem { + height: 34rem + } + .sm\:h-35rem { + height: 35rem + } + .sm\:h-36rem { + height: 36rem + } + .sm\:h-37rem { + height: 37rem + } + .sm\:h-38rem { + height: 38rem + } + .sm\:h-39rem { + height: 39rem + } + .sm\:h-40rem { + height: 40rem + } + .sm\:h-41rem { + height: 41rem + } + .sm\:h-42rem { + height: 42rem + } + .sm\:h-43rem { + height: 43rem + } + .sm\:h-44rem { + height: 44rem + } + .sm\:h-45rem { + height: 45rem + } + .sm\:h-46rem { + height: 46rem + } + .sm\:h-47rem { + height: 47rem + } + .sm\:h-48rem { + height: 48rem + } + .sm\:h-49rem { + height: 49rem + } + .sm\:h-50rem { + height: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:h-full { + height: 100% + } + .md\:h-screen { + height: 100vh + } + .md\:h-auto { + height: auto + } + .md\:h-min { + height: min-content + } + .md\:h-max { + height: max-content + } + .md\:h-fit { + height: fit-content + } + .md\:h-1rem { + height: 1rem + } + .md\:h-2rem { + height: 2rem + } + .md\:h-3rem { + height: 3rem + } + .md\:h-4rem { + height: 4rem + } + .md\:h-5rem { + height: 5rem + } + .md\:h-6rem { + height: 6rem + } + .md\:h-7rem { + height: 7rem + } + .md\:h-8rem { + height: 8rem + } + .md\:h-9rem { + height: 9rem + } + .md\:h-10rem { + height: 10rem + } + .md\:h-11rem { + height: 11rem + } + .md\:h-12rem { + height: 12rem + } + .md\:h-13rem { + height: 13rem + } + .md\:h-14rem { + height: 14rem + } + .md\:h-15rem { + height: 15rem + } + .md\:h-16rem { + height: 16rem + } + .md\:h-17rem { + height: 17rem + } + .md\:h-18rem { + height: 18rem + } + .md\:h-19rem { + height: 19rem + } + .md\:h-20rem { + height: 20rem + } + .md\:h-21rem { + height: 21rem + } + .md\:h-22rem { + height: 22rem + } + .md\:h-23rem { + height: 23rem + } + .md\:h-24rem { + height: 24rem + } + .md\:h-25rem { + height: 25rem + } + .md\:h-26rem { + height: 26rem + } + .md\:h-27rem { + height: 27rem + } + .md\:h-28rem { + height: 28rem + } + .md\:h-29rem { + height: 29rem + } + .md\:h-30rem { + height: 30rem + } + .md\:h-31rem { + height: 31rem + } + .md\:h-32rem { + height: 32rem + } + .md\:h-33rem { + height: 33rem + } + .md\:h-34rem { + height: 34rem + } + .md\:h-35rem { + height: 35rem + } + .md\:h-36rem { + height: 36rem + } + .md\:h-37rem { + height: 37rem + } + .md\:h-38rem { + height: 38rem + } + .md\:h-39rem { + height: 39rem + } + .md\:h-40rem { + height: 40rem + } + .md\:h-41rem { + height: 41rem + } + .md\:h-42rem { + height: 42rem + } + .md\:h-43rem { + height: 43rem + } + .md\:h-44rem { + height: 44rem + } + .md\:h-45rem { + height: 45rem + } + .md\:h-46rem { + height: 46rem + } + .md\:h-47rem { + height: 47rem + } + .md\:h-48rem { + height: 48rem + } + .md\:h-49rem { + height: 49rem + } + .md\:h-50rem { + height: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:h-full { + height: 100% + } + .lg\:h-screen { + height: 100vh + } + .lg\:h-auto { + height: auto + } + .lg\:h-min { + height: min-content + } + .lg\:h-max { + height: max-content + } + .lg\:h-fit { + height: fit-content + } + .lg\:h-1rem { + height: 1rem + } + .lg\:h-2rem { + height: 2rem + } + .lg\:h-3rem { + height: 3rem + } + .lg\:h-4rem { + height: 4rem + } + .lg\:h-5rem { + height: 5rem + } + .lg\:h-6rem { + height: 6rem + } + .lg\:h-7rem { + height: 7rem + } + .lg\:h-8rem { + height: 8rem + } + .lg\:h-9rem { + height: 9rem + } + .lg\:h-10rem { + height: 10rem + } + .lg\:h-11rem { + height: 11rem + } + .lg\:h-12rem { + height: 12rem + } + .lg\:h-13rem { + height: 13rem + } + .lg\:h-14rem { + height: 14rem + } + .lg\:h-15rem { + height: 15rem + } + .lg\:h-16rem { + height: 16rem + } + .lg\:h-17rem { + height: 17rem + } + .lg\:h-18rem { + height: 18rem + } + .lg\:h-19rem { + height: 19rem + } + .lg\:h-20rem { + height: 20rem + } + .lg\:h-21rem { + height: 21rem + } + .lg\:h-22rem { + height: 22rem + } + .lg\:h-23rem { + height: 23rem + } + .lg\:h-24rem { + height: 24rem + } + .lg\:h-25rem { + height: 25rem + } + .lg\:h-26rem { + height: 26rem + } + .lg\:h-27rem { + height: 27rem + } + .lg\:h-28rem { + height: 28rem + } + .lg\:h-29rem { + height: 29rem + } + .lg\:h-30rem { + height: 30rem + } + .lg\:h-31rem { + height: 31rem + } + .lg\:h-32rem { + height: 32rem + } + .lg\:h-33rem { + height: 33rem + } + .lg\:h-34rem { + height: 34rem + } + .lg\:h-35rem { + height: 35rem + } + .lg\:h-36rem { + height: 36rem + } + .lg\:h-37rem { + height: 37rem + } + .lg\:h-38rem { + height: 38rem + } + .lg\:h-39rem { + height: 39rem + } + .lg\:h-40rem { + height: 40rem + } + .lg\:h-41rem { + height: 41rem + } + .lg\:h-42rem { + height: 42rem + } + .lg\:h-43rem { + height: 43rem + } + .lg\:h-44rem { + height: 44rem + } + .lg\:h-45rem { + height: 45rem + } + .lg\:h-46rem { + height: 46rem + } + .lg\:h-47rem { + height: 47rem + } + .lg\:h-48rem { + height: 48rem + } + .lg\:h-49rem { + height: 49rem + } + .lg\:h-50rem { + height: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:h-full { + height: 100% + } + .xl\:h-screen { + height: 100vh + } + .xl\:h-auto { + height: auto + } + .xl\:h-min { + height: min-content + } + .xl\:h-max { + height: max-content + } + .xl\:h-fit { + height: fit-content + } + .xl\:h-1rem { + height: 1rem + } + .xl\:h-2rem { + height: 2rem + } + .xl\:h-3rem { + height: 3rem + } + .xl\:h-4rem { + height: 4rem + } + .xl\:h-5rem { + height: 5rem + } + .xl\:h-6rem { + height: 6rem + } + .xl\:h-7rem { + height: 7rem + } + .xl\:h-8rem { + height: 8rem + } + .xl\:h-9rem { + height: 9rem + } + .xl\:h-10rem { + height: 10rem + } + .xl\:h-11rem { + height: 11rem + } + .xl\:h-12rem { + height: 12rem + } + .xl\:h-13rem { + height: 13rem + } + .xl\:h-14rem { + height: 14rem + } + .xl\:h-15rem { + height: 15rem + } + .xl\:h-16rem { + height: 16rem + } + .xl\:h-17rem { + height: 17rem + } + .xl\:h-18rem { + height: 18rem + } + .xl\:h-19rem { + height: 19rem + } + .xl\:h-20rem { + height: 20rem + } + .xl\:h-21rem { + height: 21rem + } + .xl\:h-22rem { + height: 22rem + } + .xl\:h-23rem { + height: 23rem + } + .xl\:h-24rem { + height: 24rem + } + .xl\:h-25rem { + height: 25rem + } + .xl\:h-26rem { + height: 26rem + } + .xl\:h-27rem { + height: 27rem + } + .xl\:h-28rem { + height: 28rem + } + .xl\:h-29rem { + height: 29rem + } + .xl\:h-30rem { + height: 30rem + } + .xl\:h-31rem { + height: 31rem + } + .xl\:h-32rem { + height: 32rem + } + .xl\:h-33rem { + height: 33rem + } + .xl\:h-34rem { + height: 34rem + } + .xl\:h-35rem { + height: 35rem + } + .xl\:h-36rem { + height: 36rem + } + .xl\:h-37rem { + height: 37rem + } + .xl\:h-38rem { + height: 38rem + } + .xl\:h-39rem { + height: 39rem + } + .xl\:h-40rem { + height: 40rem + } + .xl\:h-41rem { + height: 41rem + } + .xl\:h-42rem { + height: 42rem + } + .xl\:h-43rem { + height: 43rem + } + .xl\:h-44rem { + height: 44rem + } + .xl\:h-45rem { + height: 45rem + } + .xl\:h-46rem { + height: 46rem + } + .xl\:h-47rem { + height: 47rem + } + .xl\:h-48rem { + height: 48rem + } + .xl\:h-49rem { + height: 49rem + } + .xl\:h-50rem { + height: 50rem + } +} +.justify-content-start { + justify-content: flex-start +} +.justify-content-end { + justify-content: flex-end +} +.justify-content-center { + justify-content: center +} +.justify-content-between { + justify-content: space-between +} +.justify-content-around { + justify-content: space-around +} +.justify-content-evenly { + justify-content: space-evenly +} +@media screen and (min-width: 576px) { + .sm\:justify-content-start { + justify-content: flex-start + } + .sm\:justify-content-end { + justify-content: flex-end + } + .sm\:justify-content-center { + justify-content: center + } + .sm\:justify-content-between { + justify-content: space-between + } + .sm\:justify-content-around { + justify-content: space-around + } + .sm\:justify-content-evenly { + justify-content: space-evenly + } +} +@media screen and (min-width: 768px) { + .md\:justify-content-start { + justify-content: flex-start + } + .md\:justify-content-end { + justify-content: flex-end + } + .md\:justify-content-center { + justify-content: center + } + .md\:justify-content-between { + justify-content: space-between + } + .md\:justify-content-around { + justify-content: space-around + } + .md\:justify-content-evenly { + justify-content: space-evenly + } +} +@media screen and (min-width: 992px) { + .lg\:justify-content-start { + justify-content: flex-start + } + .lg\:justify-content-end { + justify-content: flex-end + } + .lg\:justify-content-center { + justify-content: center + } + .lg\:justify-content-between { + justify-content: space-between + } + .lg\:justify-content-around { + justify-content: space-around + } + .lg\:justify-content-evenly { + justify-content: space-evenly + } +} +@media screen and (min-width: 1200px) { + .xl\:justify-content-start { + justify-content: flex-start + } + .xl\:justify-content-end { + justify-content: flex-end + } + .xl\:justify-content-center { + justify-content: center + } + .xl\:justify-content-between { + justify-content: space-between + } + .xl\:justify-content-around { + justify-content: space-around + } + .xl\:justify-content-evenly { + justify-content: space-evenly + } +} +.left-auto { + left: auto +} +.left-0 { + left: 0px +} +.left-50 { + left: 50% +} +.left-100 { + left: 100% +} +@media screen and (min-width: 576px) { + .sm\:left-auto { + left: auto + } + .sm\:left-0 { + left: 0px + } + .sm\:left-50 { + left: 50% + } + .sm\:left-100 { + left: 100% + } +} +@media screen and (min-width: 768px) { + .md\:left-auto { + left: auto + } + .md\:left-0 { + left: 0px + } + .md\:left-50 { + left: 50% + } + .md\:left-100 { + left: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:left-auto { + left: auto + } + .lg\:left-0 { + left: 0px + } + .lg\:left-50 { + left: 50% + } + .lg\:left-100 { + left: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:left-auto { + left: auto + } + .xl\:left-0 { + left: 0px + } + .xl\:left-50 { + left: 50% + } + .xl\:left-100 { + left: 100% + } +} +.line-height-1 { + line-height: 1 +} +.line-height-2 { + line-height: 1.25 +} +.line-height-3 { + line-height: 1.5 +} +.line-height-4 { + line-height: 2 +} +@media screen and (min-width: 576px) { + .sm\:line-height-1 { + line-height: 1 + } + .sm\:line-height-2 { + line-height: 1.25 + } + .sm\:line-height-3 { + line-height: 1.5 + } + .sm\:line-height-4 { + line-height: 2 + } +} +@media screen and (min-width: 768px) { + .md\:line-height-1 { + line-height: 1 + } + .md\:line-height-2 { + line-height: 1.25 + } + .md\:line-height-3 { + line-height: 1.5 + } + .md\:line-height-4 { + line-height: 2 + } +} +@media screen and (min-width: 992px) { + .lg\:line-height-1 { + line-height: 1 + } + .lg\:line-height-2 { + line-height: 1.25 + } + .lg\:line-height-3 { + line-height: 1.5 + } + .lg\:line-height-4 { + line-height: 2 + } +} +@media screen and (min-width: 1200px) { + .xl\:line-height-1 { + line-height: 1 + } + .xl\:line-height-2 { + line-height: 1.25 + } + .xl\:line-height-3 { + line-height: 1.5 + } + .xl\:line-height-4 { + line-height: 2 + } +} +.list-none { + list-style: none +} +.list-disc { + list-style: disc +} +.list-decimal { + list-style: decimal +} +.m-auto { + margin: auto +} +.m-0 { + margin: 0rem +} +.-m-0 { + margin: -0rem +} +.m-1 { + margin: 0.25rem +} +.-m-1 { + margin: -0.25rem +} +.m-2 { + margin: 0.5rem +} +.-m-2 { + margin: -0.5rem +} +.m-3 { + margin: 1rem +} +.-m-3 { + margin: -1rem +} +.m-4 { + margin: 1.5rem +} +.-m-4 { + margin: -1.5rem +} +.m-5 { + margin: 2rem +} +.-m-5 { + margin: -2rem +} +.m-6 { + margin: 3rem +} +.-m-6 { + margin: -3rem +} +.m-7 { + margin: 4rem +} +.-m-7 { + margin: -4rem +} +.m-8 { + margin: 5rem +} +.-m-8 { + margin: -5rem +} +.m-9 { + margin: 6rem +} +.-m-9 { + margin: -6rem +} +.m-10 { + margin: 7rem +} +.-m-10 { + margin: -7rem +} +.m-11 { + margin: 8rem +} +.-m-11 { + margin: -8rem +} +.m-12 { + margin: 9rem +} +.-m-12 { + margin: -9rem +} +.m-13 { + margin: 10rem +} +.-m-13 { + margin: -10rem +} +.m-14 { + margin: 11rem +} +.-m-14 { + margin: -11rem +} +.m-15 { + margin: 12rem +} +.-m-15 { + margin: -12rem +} +.m-16 { + margin: 13rem +} +.-m-16 { + margin: -13rem +} +.m-17 { + margin: 14rem +} +.-m-17 { + margin: -14rem +} +.m-18 { + margin: 15rem +} +.-m-18 { + margin: -15rem +} +.m-19 { + margin: 16rem +} +.-m-19 { + margin: -16rem +} +.m-20 { + margin: 18rem +} +.-m-20 { + margin: -18rem +} +.m-21 { + margin: 20rem +} +.-m-21 { + margin: -20rem +} +.m-22 { + margin: 24rem +} +.-m-22 { + margin: -24rem +} +.m-23 { + margin: 28rem +} +.-m-23 { + margin: -28rem +} +.m-24 { + margin: 32rem +} +.-m-24 { + margin: -32rem +} +.m-25 { + margin: 36rem +} +.-m-25 { + margin: -36rem +} +.m-26 { + margin: 40rem +} +.-m-26 { + margin: -40rem +} +.m-27 { + margin: 44rem +} +.-m-27 { + margin: -44rem +} +.m-28 { + margin: 48rem +} +.-m-28 { + margin: -48rem +} +.m-29 { + margin: 52rem +} +.-m-29 { + margin: -52rem +} +.m-30 { + margin: 56rem +} +.-m-30 { + margin: -56rem +} +.m-31 { + margin: 60rem +} +.-m-31 { + margin: -60rem +} +.m-32 { + margin: 64rem +} +.-m-32 { + margin: -64rem +} +@media screen and (min-width: 576px) { + .sm\:m-auto { + margin: auto + } + .sm\:m-0 { + margin: 0rem + } + .sm\:-m-0 { + margin: -0rem + } + .sm\:m-1 { + margin: 0.25rem + } + .sm\:-m-1 { + margin: -0.25rem + } + .sm\:m-2 { + margin: 0.5rem + } + .sm\:-m-2 { + margin: -0.5rem + } + .sm\:m-3 { + margin: 1rem + } + .sm\:-m-3 { + margin: -1rem + } + .sm\:m-4 { + margin: 1.5rem + } + .sm\:-m-4 { + margin: -1.5rem + } + .sm\:m-5 { + margin: 2rem + } + .sm\:-m-5 { + margin: -2rem + } + .sm\:m-6 { + margin: 3rem + } + .sm\:-m-6 { + margin: -3rem + } + .sm\:m-7 { + margin: 4rem + } + .sm\:-m-7 { + margin: -4rem + } + .sm\:m-8 { + margin: 5rem + } + .sm\:-m-8 { + margin: -5rem + } + .sm\:m-9 { + margin: 6rem + } + .sm\:-m-9 { + margin: -6rem + } + .sm\:m-10 { + margin: 7rem + } + .sm\:-m-10 { + margin: -7rem + } + .sm\:m-11 { + margin: 8rem + } + .sm\:-m-11 { + margin: -8rem + } + .sm\:m-12 { + margin: 9rem + } + .sm\:-m-12 { + margin: -9rem + } + .sm\:m-13 { + margin: 10rem + } + .sm\:-m-13 { + margin: -10rem + } + .sm\:m-14 { + margin: 11rem + } + .sm\:-m-14 { + margin: -11rem + } + .sm\:m-15 { + margin: 12rem + } + .sm\:-m-15 { + margin: -12rem + } + .sm\:m-16 { + margin: 13rem + } + .sm\:-m-16 { + margin: -13rem + } + .sm\:m-17 { + margin: 14rem + } + .sm\:-m-17 { + margin: -14rem + } + .sm\:m-18 { + margin: 15rem + } + .sm\:-m-18 { + margin: -15rem + } + .sm\:m-19 { + margin: 16rem + } + .sm\:-m-19 { + margin: -16rem + } + .sm\:m-20 { + margin: 18rem + } + .sm\:-m-20 { + margin: -18rem + } + .sm\:m-21 { + margin: 20rem + } + .sm\:-m-21 { + margin: -20rem + } + .sm\:m-22 { + margin: 24rem + } + .sm\:-m-22 { + margin: -24rem + } + .sm\:m-23 { + margin: 28rem + } + .sm\:-m-23 { + margin: -28rem + } + .sm\:m-24 { + margin: 32rem + } + .sm\:-m-24 { + margin: -32rem + } + .sm\:m-25 { + margin: 36rem + } + .sm\:-m-25 { + margin: -36rem + } + .sm\:m-26 { + margin: 40rem + } + .sm\:-m-26 { + margin: -40rem + } + .sm\:m-27 { + margin: 44rem + } + .sm\:-m-27 { + margin: -44rem + } + .sm\:m-28 { + margin: 48rem + } + .sm\:-m-28 { + margin: -48rem + } + .sm\:m-29 { + margin: 52rem + } + .sm\:-m-29 { + margin: -52rem + } + .sm\:m-30 { + margin: 56rem + } + .sm\:-m-30 { + margin: -56rem + } + .sm\:m-31 { + margin: 60rem + } + .sm\:-m-31 { + margin: -60rem + } + .sm\:m-32 { + margin: 64rem + } + .sm\:-m-32 { + margin: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:m-auto { + margin: auto + } + .md\:m-0 { + margin: 0rem + } + .md\:-m-0 { + margin: -0rem + } + .md\:m-1 { + margin: 0.25rem + } + .md\:-m-1 { + margin: -0.25rem + } + .md\:m-2 { + margin: 0.5rem + } + .md\:-m-2 { + margin: -0.5rem + } + .md\:m-3 { + margin: 1rem + } + .md\:-m-3 { + margin: -1rem + } + .md\:m-4 { + margin: 1.5rem + } + .md\:-m-4 { + margin: -1.5rem + } + .md\:m-5 { + margin: 2rem + } + .md\:-m-5 { + margin: -2rem + } + .md\:m-6 { + margin: 3rem + } + .md\:-m-6 { + margin: -3rem + } + .md\:m-7 { + margin: 4rem + } + .md\:-m-7 { + margin: -4rem + } + .md\:m-8 { + margin: 5rem + } + .md\:-m-8 { + margin: -5rem + } + .md\:m-9 { + margin: 6rem + } + .md\:-m-9 { + margin: -6rem + } + .md\:m-10 { + margin: 7rem + } + .md\:-m-10 { + margin: -7rem + } + .md\:m-11 { + margin: 8rem + } + .md\:-m-11 { + margin: -8rem + } + .md\:m-12 { + margin: 9rem + } + .md\:-m-12 { + margin: -9rem + } + .md\:m-13 { + margin: 10rem + } + .md\:-m-13 { + margin: -10rem + } + .md\:m-14 { + margin: 11rem + } + .md\:-m-14 { + margin: -11rem + } + .md\:m-15 { + margin: 12rem + } + .md\:-m-15 { + margin: -12rem + } + .md\:m-16 { + margin: 13rem + } + .md\:-m-16 { + margin: -13rem + } + .md\:m-17 { + margin: 14rem + } + .md\:-m-17 { + margin: -14rem + } + .md\:m-18 { + margin: 15rem + } + .md\:-m-18 { + margin: -15rem + } + .md\:m-19 { + margin: 16rem + } + .md\:-m-19 { + margin: -16rem + } + .md\:m-20 { + margin: 18rem + } + .md\:-m-20 { + margin: -18rem + } + .md\:m-21 { + margin: 20rem + } + .md\:-m-21 { + margin: -20rem + } + .md\:m-22 { + margin: 24rem + } + .md\:-m-22 { + margin: -24rem + } + .md\:m-23 { + margin: 28rem + } + .md\:-m-23 { + margin: -28rem + } + .md\:m-24 { + margin: 32rem + } + .md\:-m-24 { + margin: -32rem + } + .md\:m-25 { + margin: 36rem + } + .md\:-m-25 { + margin: -36rem + } + .md\:m-26 { + margin: 40rem + } + .md\:-m-26 { + margin: -40rem + } + .md\:m-27 { + margin: 44rem + } + .md\:-m-27 { + margin: -44rem + } + .md\:m-28 { + margin: 48rem + } + .md\:-m-28 { + margin: -48rem + } + .md\:m-29 { + margin: 52rem + } + .md\:-m-29 { + margin: -52rem + } + .md\:m-30 { + margin: 56rem + } + .md\:-m-30 { + margin: -56rem + } + .md\:m-31 { + margin: 60rem + } + .md\:-m-31 { + margin: -60rem + } + .md\:m-32 { + margin: 64rem + } + .md\:-m-32 { + margin: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:m-auto { + margin: auto + } + .lg\:m-0 { + margin: 0rem + } + .lg\:-m-0 { + margin: -0rem + } + .lg\:m-1 { + margin: 0.25rem + } + .lg\:-m-1 { + margin: -0.25rem + } + .lg\:m-2 { + margin: 0.5rem + } + .lg\:-m-2 { + margin: -0.5rem + } + .lg\:m-3 { + margin: 1rem + } + .lg\:-m-3 { + margin: -1rem + } + .lg\:m-4 { + margin: 1.5rem + } + .lg\:-m-4 { + margin: -1.5rem + } + .lg\:m-5 { + margin: 2rem + } + .lg\:-m-5 { + margin: -2rem + } + .lg\:m-6 { + margin: 3rem + } + .lg\:-m-6 { + margin: -3rem + } + .lg\:m-7 { + margin: 4rem + } + .lg\:-m-7 { + margin: -4rem + } + .lg\:m-8 { + margin: 5rem + } + .lg\:-m-8 { + margin: -5rem + } + .lg\:m-9 { + margin: 6rem + } + .lg\:-m-9 { + margin: -6rem + } + .lg\:m-10 { + margin: 7rem + } + .lg\:-m-10 { + margin: -7rem + } + .lg\:m-11 { + margin: 8rem + } + .lg\:-m-11 { + margin: -8rem + } + .lg\:m-12 { + margin: 9rem + } + .lg\:-m-12 { + margin: -9rem + } + .lg\:m-13 { + margin: 10rem + } + .lg\:-m-13 { + margin: -10rem + } + .lg\:m-14 { + margin: 11rem + } + .lg\:-m-14 { + margin: -11rem + } + .lg\:m-15 { + margin: 12rem + } + .lg\:-m-15 { + margin: -12rem + } + .lg\:m-16 { + margin: 13rem + } + .lg\:-m-16 { + margin: -13rem + } + .lg\:m-17 { + margin: 14rem + } + .lg\:-m-17 { + margin: -14rem + } + .lg\:m-18 { + margin: 15rem + } + .lg\:-m-18 { + margin: -15rem + } + .lg\:m-19 { + margin: 16rem + } + .lg\:-m-19 { + margin: -16rem + } + .lg\:m-20 { + margin: 18rem + } + .lg\:-m-20 { + margin: -18rem + } + .lg\:m-21 { + margin: 20rem + } + .lg\:-m-21 { + margin: -20rem + } + .lg\:m-22 { + margin: 24rem + } + .lg\:-m-22 { + margin: -24rem + } + .lg\:m-23 { + margin: 28rem + } + .lg\:-m-23 { + margin: -28rem + } + .lg\:m-24 { + margin: 32rem + } + .lg\:-m-24 { + margin: -32rem + } + .lg\:m-25 { + margin: 36rem + } + .lg\:-m-25 { + margin: -36rem + } + .lg\:m-26 { + margin: 40rem + } + .lg\:-m-26 { + margin: -40rem + } + .lg\:m-27 { + margin: 44rem + } + .lg\:-m-27 { + margin: -44rem + } + .lg\:m-28 { + margin: 48rem + } + .lg\:-m-28 { + margin: -48rem + } + .lg\:m-29 { + margin: 52rem + } + .lg\:-m-29 { + margin: -52rem + } + .lg\:m-30 { + margin: 56rem + } + .lg\:-m-30 { + margin: -56rem + } + .lg\:m-31 { + margin: 60rem + } + .lg\:-m-31 { + margin: -60rem + } + .lg\:m-32 { + margin: 64rem + } + .lg\:-m-32 { + margin: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:m-auto { + margin: auto + } + .xl\:m-0 { + margin: 0rem + } + .xl\:-m-0 { + margin: -0rem + } + .xl\:m-1 { + margin: 0.25rem + } + .xl\:-m-1 { + margin: -0.25rem + } + .xl\:m-2 { + margin: 0.5rem + } + .xl\:-m-2 { + margin: -0.5rem + } + .xl\:m-3 { + margin: 1rem + } + .xl\:-m-3 { + margin: -1rem + } + .xl\:m-4 { + margin: 1.5rem + } + .xl\:-m-4 { + margin: -1.5rem + } + .xl\:m-5 { + margin: 2rem + } + .xl\:-m-5 { + margin: -2rem + } + .xl\:m-6 { + margin: 3rem + } + .xl\:-m-6 { + margin: -3rem + } + .xl\:m-7 { + margin: 4rem + } + .xl\:-m-7 { + margin: -4rem + } + .xl\:m-8 { + margin: 5rem + } + .xl\:-m-8 { + margin: -5rem + } + .xl\:m-9 { + margin: 6rem + } + .xl\:-m-9 { + margin: -6rem + } + .xl\:m-10 { + margin: 7rem + } + .xl\:-m-10 { + margin: -7rem + } + .xl\:m-11 { + margin: 8rem + } + .xl\:-m-11 { + margin: -8rem + } + .xl\:m-12 { + margin: 9rem + } + .xl\:-m-12 { + margin: -9rem + } + .xl\:m-13 { + margin: 10rem + } + .xl\:-m-13 { + margin: -10rem + } + .xl\:m-14 { + margin: 11rem + } + .xl\:-m-14 { + margin: -11rem + } + .xl\:m-15 { + margin: 12rem + } + .xl\:-m-15 { + margin: -12rem + } + .xl\:m-16 { + margin: 13rem + } + .xl\:-m-16 { + margin: -13rem + } + .xl\:m-17 { + margin: 14rem + } + .xl\:-m-17 { + margin: -14rem + } + .xl\:m-18 { + margin: 15rem + } + .xl\:-m-18 { + margin: -15rem + } + .xl\:m-19 { + margin: 16rem + } + .xl\:-m-19 { + margin: -16rem + } + .xl\:m-20 { + margin: 18rem + } + .xl\:-m-20 { + margin: -18rem + } + .xl\:m-21 { + margin: 20rem + } + .xl\:-m-21 { + margin: -20rem + } + .xl\:m-22 { + margin: 24rem + } + .xl\:-m-22 { + margin: -24rem + } + .xl\:m-23 { + margin: 28rem + } + .xl\:-m-23 { + margin: -28rem + } + .xl\:m-24 { + margin: 32rem + } + .xl\:-m-24 { + margin: -32rem + } + .xl\:m-25 { + margin: 36rem + } + .xl\:-m-25 { + margin: -36rem + } + .xl\:m-26 { + margin: 40rem + } + .xl\:-m-26 { + margin: -40rem + } + .xl\:m-27 { + margin: 44rem + } + .xl\:-m-27 { + margin: -44rem + } + .xl\:m-28 { + margin: 48rem + } + .xl\:-m-28 { + margin: -48rem + } + .xl\:m-29 { + margin: 52rem + } + .xl\:-m-29 { + margin: -52rem + } + .xl\:m-30 { + margin: 56rem + } + .xl\:-m-30 { + margin: -56rem + } + .xl\:m-31 { + margin: 60rem + } + .xl\:-m-31 { + margin: -60rem + } + .xl\:m-32 { + margin: 64rem + } + .xl\:-m-32 { + margin: -64rem + } +} +.mb-auto { + margin-bottom: auto +} +.mb-0 { + margin-bottom: 0rem +} +.-mb-0 { + margin-bottom: -0rem +} +.mb-1 { + margin-bottom: 0.25rem +} +.-mb-1 { + margin-bottom: -0.25rem +} +.mb-2 { + margin-bottom: 0.5rem +} +.-mb-2 { + margin-bottom: -0.5rem +} +.mb-3 { + margin-bottom: 1rem +} +.-mb-3 { + margin-bottom: -1rem +} +.mb-4 { + margin-bottom: 1.5rem +} +.-mb-4 { + margin-bottom: -1.5rem +} +.mb-5 { + margin-bottom: 2rem +} +.-mb-5 { + margin-bottom: -2rem +} +.mb-6 { + margin-bottom: 3rem +} +.-mb-6 { + margin-bottom: -3rem +} +.mb-7 { + margin-bottom: 4rem +} +.-mb-7 { + margin-bottom: -4rem +} +.mb-8 { + margin-bottom: 5rem +} +.-mb-8 { + margin-bottom: -5rem +} +.mb-9 { + margin-bottom: 6rem +} +.-mb-9 { + margin-bottom: -6rem +} +.mb-10 { + margin-bottom: 7rem +} +.-mb-10 { + margin-bottom: -7rem +} +.mb-11 { + margin-bottom: 8rem +} +.-mb-11 { + margin-bottom: -8rem +} +.mb-12 { + margin-bottom: 9rem +} +.-mb-12 { + margin-bottom: -9rem +} +.mb-13 { + margin-bottom: 10rem +} +.-mb-13 { + margin-bottom: -10rem +} +.mb-14 { + margin-bottom: 11rem +} +.-mb-14 { + margin-bottom: -11rem +} +.mb-15 { + margin-bottom: 12rem +} +.-mb-15 { + margin-bottom: -12rem +} +.mb-16 { + margin-bottom: 13rem +} +.-mb-16 { + margin-bottom: -13rem +} +.mb-17 { + margin-bottom: 14rem +} +.-mb-17 { + margin-bottom: -14rem +} +.mb-18 { + margin-bottom: 15rem +} +.-mb-18 { + margin-bottom: -15rem +} +.mb-19 { + margin-bottom: 16rem +} +.-mb-19 { + margin-bottom: -16rem +} +.mb-20 { + margin-bottom: 18rem +} +.-mb-20 { + margin-bottom: -18rem +} +.mb-21 { + margin-bottom: 20rem +} +.-mb-21 { + margin-bottom: -20rem +} +.mb-22 { + margin-bottom: 24rem +} +.-mb-22 { + margin-bottom: -24rem +} +.mb-23 { + margin-bottom: 28rem +} +.-mb-23 { + margin-bottom: -28rem +} +.mb-24 { + margin-bottom: 32rem +} +.-mb-24 { + margin-bottom: -32rem +} +.mb-25 { + margin-bottom: 36rem +} +.-mb-25 { + margin-bottom: -36rem +} +.mb-26 { + margin-bottom: 40rem +} +.-mb-26 { + margin-bottom: -40rem +} +.mb-27 { + margin-bottom: 44rem +} +.-mb-27 { + margin-bottom: -44rem +} +.mb-28 { + margin-bottom: 48rem +} +.-mb-28 { + margin-bottom: -48rem +} +.mb-29 { + margin-bottom: 52rem +} +.-mb-29 { + margin-bottom: -52rem +} +.mb-30 { + margin-bottom: 56rem +} +.-mb-30 { + margin-bottom: -56rem +} +.mb-31 { + margin-bottom: 60rem +} +.-mb-31 { + margin-bottom: -60rem +} +.mb-32 { + margin-bottom: 64rem +} +.-mb-32 { + margin-bottom: -64rem +} +@media screen and (min-width: 576px) { + .sm\:mb-auto { + margin-bottom: auto + } + .sm\:mb-0 { + margin-bottom: 0rem + } + .sm\:-mb-0 { + margin-bottom: -0rem + } + .sm\:mb-1 { + margin-bottom: 0.25rem + } + .sm\:-mb-1 { + margin-bottom: -0.25rem + } + .sm\:mb-2 { + margin-bottom: 0.5rem + } + .sm\:-mb-2 { + margin-bottom: -0.5rem + } + .sm\:mb-3 { + margin-bottom: 1rem + } + .sm\:-mb-3 { + margin-bottom: -1rem + } + .sm\:mb-4 { + margin-bottom: 1.5rem + } + .sm\:-mb-4 { + margin-bottom: -1.5rem + } + .sm\:mb-5 { + margin-bottom: 2rem + } + .sm\:-mb-5 { + margin-bottom: -2rem + } + .sm\:mb-6 { + margin-bottom: 3rem + } + .sm\:-mb-6 { + margin-bottom: -3rem + } + .sm\:mb-7 { + margin-bottom: 4rem + } + .sm\:-mb-7 { + margin-bottom: -4rem + } + .sm\:mb-8 { + margin-bottom: 5rem + } + .sm\:-mb-8 { + margin-bottom: -5rem + } + .sm\:mb-9 { + margin-bottom: 6rem + } + .sm\:-mb-9 { + margin-bottom: -6rem + } + .sm\:mb-10 { + margin-bottom: 7rem + } + .sm\:-mb-10 { + margin-bottom: -7rem + } + .sm\:mb-11 { + margin-bottom: 8rem + } + .sm\:-mb-11 { + margin-bottom: -8rem + } + .sm\:mb-12 { + margin-bottom: 9rem + } + .sm\:-mb-12 { + margin-bottom: -9rem + } + .sm\:mb-13 { + margin-bottom: 10rem + } + .sm\:-mb-13 { + margin-bottom: -10rem + } + .sm\:mb-14 { + margin-bottom: 11rem + } + .sm\:-mb-14 { + margin-bottom: -11rem + } + .sm\:mb-15 { + margin-bottom: 12rem + } + .sm\:-mb-15 { + margin-bottom: -12rem + } + .sm\:mb-16 { + margin-bottom: 13rem + } + .sm\:-mb-16 { + margin-bottom: -13rem + } + .sm\:mb-17 { + margin-bottom: 14rem + } + .sm\:-mb-17 { + margin-bottom: -14rem + } + .sm\:mb-18 { + margin-bottom: 15rem + } + .sm\:-mb-18 { + margin-bottom: -15rem + } + .sm\:mb-19 { + margin-bottom: 16rem + } + .sm\:-mb-19 { + margin-bottom: -16rem + } + .sm\:mb-20 { + margin-bottom: 18rem + } + .sm\:-mb-20 { + margin-bottom: -18rem + } + .sm\:mb-21 { + margin-bottom: 20rem + } + .sm\:-mb-21 { + margin-bottom: -20rem + } + .sm\:mb-22 { + margin-bottom: 24rem + } + .sm\:-mb-22 { + margin-bottom: -24rem + } + .sm\:mb-23 { + margin-bottom: 28rem + } + .sm\:-mb-23 { + margin-bottom: -28rem + } + .sm\:mb-24 { + margin-bottom: 32rem + } + .sm\:-mb-24 { + margin-bottom: -32rem + } + .sm\:mb-25 { + margin-bottom: 36rem + } + .sm\:-mb-25 { + margin-bottom: -36rem + } + .sm\:mb-26 { + margin-bottom: 40rem + } + .sm\:-mb-26 { + margin-bottom: -40rem + } + .sm\:mb-27 { + margin-bottom: 44rem + } + .sm\:-mb-27 { + margin-bottom: -44rem + } + .sm\:mb-28 { + margin-bottom: 48rem + } + .sm\:-mb-28 { + margin-bottom: -48rem + } + .sm\:mb-29 { + margin-bottom: 52rem + } + .sm\:-mb-29 { + margin-bottom: -52rem + } + .sm\:mb-30 { + margin-bottom: 56rem + } + .sm\:-mb-30 { + margin-bottom: -56rem + } + .sm\:mb-31 { + margin-bottom: 60rem + } + .sm\:-mb-31 { + margin-bottom: -60rem + } + .sm\:mb-32 { + margin-bottom: 64rem + } + .sm\:-mb-32 { + margin-bottom: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:mb-auto { + margin-bottom: auto + } + .md\:mb-0 { + margin-bottom: 0rem + } + .md\:-mb-0 { + margin-bottom: -0rem + } + .md\:mb-1 { + margin-bottom: 0.25rem + } + .md\:-mb-1 { + margin-bottom: -0.25rem + } + .md\:mb-2 { + margin-bottom: 0.5rem + } + .md\:-mb-2 { + margin-bottom: -0.5rem + } + .md\:mb-3 { + margin-bottom: 1rem + } + .md\:-mb-3 { + margin-bottom: -1rem + } + .md\:mb-4 { + margin-bottom: 1.5rem + } + .md\:-mb-4 { + margin-bottom: -1.5rem + } + .md\:mb-5 { + margin-bottom: 2rem + } + .md\:-mb-5 { + margin-bottom: -2rem + } + .md\:mb-6 { + margin-bottom: 3rem + } + .md\:-mb-6 { + margin-bottom: -3rem + } + .md\:mb-7 { + margin-bottom: 4rem + } + .md\:-mb-7 { + margin-bottom: -4rem + } + .md\:mb-8 { + margin-bottom: 5rem + } + .md\:-mb-8 { + margin-bottom: -5rem + } + .md\:mb-9 { + margin-bottom: 6rem + } + .md\:-mb-9 { + margin-bottom: -6rem + } + .md\:mb-10 { + margin-bottom: 7rem + } + .md\:-mb-10 { + margin-bottom: -7rem + } + .md\:mb-11 { + margin-bottom: 8rem + } + .md\:-mb-11 { + margin-bottom: -8rem + } + .md\:mb-12 { + margin-bottom: 9rem + } + .md\:-mb-12 { + margin-bottom: -9rem + } + .md\:mb-13 { + margin-bottom: 10rem + } + .md\:-mb-13 { + margin-bottom: -10rem + } + .md\:mb-14 { + margin-bottom: 11rem + } + .md\:-mb-14 { + margin-bottom: -11rem + } + .md\:mb-15 { + margin-bottom: 12rem + } + .md\:-mb-15 { + margin-bottom: -12rem + } + .md\:mb-16 { + margin-bottom: 13rem + } + .md\:-mb-16 { + margin-bottom: -13rem + } + .md\:mb-17 { + margin-bottom: 14rem + } + .md\:-mb-17 { + margin-bottom: -14rem + } + .md\:mb-18 { + margin-bottom: 15rem + } + .md\:-mb-18 { + margin-bottom: -15rem + } + .md\:mb-19 { + margin-bottom: 16rem + } + .md\:-mb-19 { + margin-bottom: -16rem + } + .md\:mb-20 { + margin-bottom: 18rem + } + .md\:-mb-20 { + margin-bottom: -18rem + } + .md\:mb-21 { + margin-bottom: 20rem + } + .md\:-mb-21 { + margin-bottom: -20rem + } + .md\:mb-22 { + margin-bottom: 24rem + } + .md\:-mb-22 { + margin-bottom: -24rem + } + .md\:mb-23 { + margin-bottom: 28rem + } + .md\:-mb-23 { + margin-bottom: -28rem + } + .md\:mb-24 { + margin-bottom: 32rem + } + .md\:-mb-24 { + margin-bottom: -32rem + } + .md\:mb-25 { + margin-bottom: 36rem + } + .md\:-mb-25 { + margin-bottom: -36rem + } + .md\:mb-26 { + margin-bottom: 40rem + } + .md\:-mb-26 { + margin-bottom: -40rem + } + .md\:mb-27 { + margin-bottom: 44rem + } + .md\:-mb-27 { + margin-bottom: -44rem + } + .md\:mb-28 { + margin-bottom: 48rem + } + .md\:-mb-28 { + margin-bottom: -48rem + } + .md\:mb-29 { + margin-bottom: 52rem + } + .md\:-mb-29 { + margin-bottom: -52rem + } + .md\:mb-30 { + margin-bottom: 56rem + } + .md\:-mb-30 { + margin-bottom: -56rem + } + .md\:mb-31 { + margin-bottom: 60rem + } + .md\:-mb-31 { + margin-bottom: -60rem + } + .md\:mb-32 { + margin-bottom: 64rem + } + .md\:-mb-32 { + margin-bottom: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:mb-auto { + margin-bottom: auto + } + .lg\:mb-0 { + margin-bottom: 0rem + } + .lg\:-mb-0 { + margin-bottom: -0rem + } + .lg\:mb-1 { + margin-bottom: 0.25rem + } + .lg\:-mb-1 { + margin-bottom: -0.25rem + } + .lg\:mb-2 { + margin-bottom: 0.5rem + } + .lg\:-mb-2 { + margin-bottom: -0.5rem + } + .lg\:mb-3 { + margin-bottom: 1rem + } + .lg\:-mb-3 { + margin-bottom: -1rem + } + .lg\:mb-4 { + margin-bottom: 1.5rem + } + .lg\:-mb-4 { + margin-bottom: -1.5rem + } + .lg\:mb-5 { + margin-bottom: 2rem + } + .lg\:-mb-5 { + margin-bottom: -2rem + } + .lg\:mb-6 { + margin-bottom: 3rem + } + .lg\:-mb-6 { + margin-bottom: -3rem + } + .lg\:mb-7 { + margin-bottom: 4rem + } + .lg\:-mb-7 { + margin-bottom: -4rem + } + .lg\:mb-8 { + margin-bottom: 5rem + } + .lg\:-mb-8 { + margin-bottom: -5rem + } + .lg\:mb-9 { + margin-bottom: 6rem + } + .lg\:-mb-9 { + margin-bottom: -6rem + } + .lg\:mb-10 { + margin-bottom: 7rem + } + .lg\:-mb-10 { + margin-bottom: -7rem + } + .lg\:mb-11 { + margin-bottom: 8rem + } + .lg\:-mb-11 { + margin-bottom: -8rem + } + .lg\:mb-12 { + margin-bottom: 9rem + } + .lg\:-mb-12 { + margin-bottom: -9rem + } + .lg\:mb-13 { + margin-bottom: 10rem + } + .lg\:-mb-13 { + margin-bottom: -10rem + } + .lg\:mb-14 { + margin-bottom: 11rem + } + .lg\:-mb-14 { + margin-bottom: -11rem + } + .lg\:mb-15 { + margin-bottom: 12rem + } + .lg\:-mb-15 { + margin-bottom: -12rem + } + .lg\:mb-16 { + margin-bottom: 13rem + } + .lg\:-mb-16 { + margin-bottom: -13rem + } + .lg\:mb-17 { + margin-bottom: 14rem + } + .lg\:-mb-17 { + margin-bottom: -14rem + } + .lg\:mb-18 { + margin-bottom: 15rem + } + .lg\:-mb-18 { + margin-bottom: -15rem + } + .lg\:mb-19 { + margin-bottom: 16rem + } + .lg\:-mb-19 { + margin-bottom: -16rem + } + .lg\:mb-20 { + margin-bottom: 18rem + } + .lg\:-mb-20 { + margin-bottom: -18rem + } + .lg\:mb-21 { + margin-bottom: 20rem + } + .lg\:-mb-21 { + margin-bottom: -20rem + } + .lg\:mb-22 { + margin-bottom: 24rem + } + .lg\:-mb-22 { + margin-bottom: -24rem + } + .lg\:mb-23 { + margin-bottom: 28rem + } + .lg\:-mb-23 { + margin-bottom: -28rem + } + .lg\:mb-24 { + margin-bottom: 32rem + } + .lg\:-mb-24 { + margin-bottom: -32rem + } + .lg\:mb-25 { + margin-bottom: 36rem + } + .lg\:-mb-25 { + margin-bottom: -36rem + } + .lg\:mb-26 { + margin-bottom: 40rem + } + .lg\:-mb-26 { + margin-bottom: -40rem + } + .lg\:mb-27 { + margin-bottom: 44rem + } + .lg\:-mb-27 { + margin-bottom: -44rem + } + .lg\:mb-28 { + margin-bottom: 48rem + } + .lg\:-mb-28 { + margin-bottom: -48rem + } + .lg\:mb-29 { + margin-bottom: 52rem + } + .lg\:-mb-29 { + margin-bottom: -52rem + } + .lg\:mb-30 { + margin-bottom: 56rem + } + .lg\:-mb-30 { + margin-bottom: -56rem + } + .lg\:mb-31 { + margin-bottom: 60rem + } + .lg\:-mb-31 { + margin-bottom: -60rem + } + .lg\:mb-32 { + margin-bottom: 64rem + } + .lg\:-mb-32 { + margin-bottom: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:mb-auto { + margin-bottom: auto + } + .xl\:mb-0 { + margin-bottom: 0rem + } + .xl\:-mb-0 { + margin-bottom: -0rem + } + .xl\:mb-1 { + margin-bottom: 0.25rem + } + .xl\:-mb-1 { + margin-bottom: -0.25rem + } + .xl\:mb-2 { + margin-bottom: 0.5rem + } + .xl\:-mb-2 { + margin-bottom: -0.5rem + } + .xl\:mb-3 { + margin-bottom: 1rem + } + .xl\:-mb-3 { + margin-bottom: -1rem + } + .xl\:mb-4 { + margin-bottom: 1.5rem + } + .xl\:-mb-4 { + margin-bottom: -1.5rem + } + .xl\:mb-5 { + margin-bottom: 2rem + } + .xl\:-mb-5 { + margin-bottom: -2rem + } + .xl\:mb-6 { + margin-bottom: 3rem + } + .xl\:-mb-6 { + margin-bottom: -3rem + } + .xl\:mb-7 { + margin-bottom: 4rem + } + .xl\:-mb-7 { + margin-bottom: -4rem + } + .xl\:mb-8 { + margin-bottom: 5rem + } + .xl\:-mb-8 { + margin-bottom: -5rem + } + .xl\:mb-9 { + margin-bottom: 6rem + } + .xl\:-mb-9 { + margin-bottom: -6rem + } + .xl\:mb-10 { + margin-bottom: 7rem + } + .xl\:-mb-10 { + margin-bottom: -7rem + } + .xl\:mb-11 { + margin-bottom: 8rem + } + .xl\:-mb-11 { + margin-bottom: -8rem + } + .xl\:mb-12 { + margin-bottom: 9rem + } + .xl\:-mb-12 { + margin-bottom: -9rem + } + .xl\:mb-13 { + margin-bottom: 10rem + } + .xl\:-mb-13 { + margin-bottom: -10rem + } + .xl\:mb-14 { + margin-bottom: 11rem + } + .xl\:-mb-14 { + margin-bottom: -11rem + } + .xl\:mb-15 { + margin-bottom: 12rem + } + .xl\:-mb-15 { + margin-bottom: -12rem + } + .xl\:mb-16 { + margin-bottom: 13rem + } + .xl\:-mb-16 { + margin-bottom: -13rem + } + .xl\:mb-17 { + margin-bottom: 14rem + } + .xl\:-mb-17 { + margin-bottom: -14rem + } + .xl\:mb-18 { + margin-bottom: 15rem + } + .xl\:-mb-18 { + margin-bottom: -15rem + } + .xl\:mb-19 { + margin-bottom: 16rem + } + .xl\:-mb-19 { + margin-bottom: -16rem + } + .xl\:mb-20 { + margin-bottom: 18rem + } + .xl\:-mb-20 { + margin-bottom: -18rem + } + .xl\:mb-21 { + margin-bottom: 20rem + } + .xl\:-mb-21 { + margin-bottom: -20rem + } + .xl\:mb-22 { + margin-bottom: 24rem + } + .xl\:-mb-22 { + margin-bottom: -24rem + } + .xl\:mb-23 { + margin-bottom: 28rem + } + .xl\:-mb-23 { + margin-bottom: -28rem + } + .xl\:mb-24 { + margin-bottom: 32rem + } + .xl\:-mb-24 { + margin-bottom: -32rem + } + .xl\:mb-25 { + margin-bottom: 36rem + } + .xl\:-mb-25 { + margin-bottom: -36rem + } + .xl\:mb-26 { + margin-bottom: 40rem + } + .xl\:-mb-26 { + margin-bottom: -40rem + } + .xl\:mb-27 { + margin-bottom: 44rem + } + .xl\:-mb-27 { + margin-bottom: -44rem + } + .xl\:mb-28 { + margin-bottom: 48rem + } + .xl\:-mb-28 { + margin-bottom: -48rem + } + .xl\:mb-29 { + margin-bottom: 52rem + } + .xl\:-mb-29 { + margin-bottom: -52rem + } + .xl\:mb-30 { + margin-bottom: 56rem + } + .xl\:-mb-30 { + margin-bottom: -56rem + } + .xl\:mb-31 { + margin-bottom: 60rem + } + .xl\:-mb-31 { + margin-bottom: -60rem + } + .xl\:mb-32 { + margin-bottom: 64rem + } + .xl\:-mb-32 { + margin-bottom: -64rem + } +} +.ml-auto { + margin-left: auto +} +.ml-0 { + margin-left: 0rem +} +.-ml-0 { + margin-left: -0rem +} +.ml-1 { + margin-left: 0.25rem +} +.-ml-1 { + margin-left: -0.25rem +} +.ml-2 { + margin-left: 0.5rem +} +.-ml-2 { + margin-left: -0.5rem +} +.ml-3 { + margin-left: 1rem +} +.-ml-3 { + margin-left: -1rem +} +.ml-4 { + margin-left: 1.5rem +} +.-ml-4 { + margin-left: -1.5rem +} +.ml-5 { + margin-left: 2rem +} +.-ml-5 { + margin-left: -2rem +} +.ml-6 { + margin-left: 3rem +} +.-ml-6 { + margin-left: -3rem +} +.ml-7 { + margin-left: 4rem +} +.-ml-7 { + margin-left: -4rem +} +.ml-8 { + margin-left: 5rem +} +.-ml-8 { + margin-left: -5rem +} +.ml-9 { + margin-left: 6rem +} +.-ml-9 { + margin-left: -6rem +} +.ml-10 { + margin-left: 7rem +} +.-ml-10 { + margin-left: -7rem +} +.ml-11 { + margin-left: 8rem +} +.-ml-11 { + margin-left: -8rem +} +.ml-12 { + margin-left: 9rem +} +.-ml-12 { + margin-left: -9rem +} +.ml-13 { + margin-left: 10rem +} +.-ml-13 { + margin-left: -10rem +} +.ml-14 { + margin-left: 11rem +} +.-ml-14 { + margin-left: -11rem +} +.ml-15 { + margin-left: 12rem +} +.-ml-15 { + margin-left: -12rem +} +.ml-16 { + margin-left: 13rem +} +.-ml-16 { + margin-left: -13rem +} +.ml-17 { + margin-left: 14rem +} +.-ml-17 { + margin-left: -14rem +} +.ml-18 { + margin-left: 15rem +} +.-ml-18 { + margin-left: -15rem +} +.ml-19 { + margin-left: 16rem +} +.-ml-19 { + margin-left: -16rem +} +.ml-20 { + margin-left: 18rem +} +.-ml-20 { + margin-left: -18rem +} +.ml-21 { + margin-left: 20rem +} +.-ml-21 { + margin-left: -20rem +} +.ml-22 { + margin-left: 24rem +} +.-ml-22 { + margin-left: -24rem +} +.ml-23 { + margin-left: 28rem +} +.-ml-23 { + margin-left: -28rem +} +.ml-24 { + margin-left: 32rem +} +.-ml-24 { + margin-left: -32rem +} +.ml-25 { + margin-left: 36rem +} +.-ml-25 { + margin-left: -36rem +} +.ml-26 { + margin-left: 40rem +} +.-ml-26 { + margin-left: -40rem +} +.ml-27 { + margin-left: 44rem +} +.-ml-27 { + margin-left: -44rem +} +.ml-28 { + margin-left: 48rem +} +.-ml-28 { + margin-left: -48rem +} +.ml-29 { + margin-left: 52rem +} +.-ml-29 { + margin-left: -52rem +} +.ml-30 { + margin-left: 56rem +} +.-ml-30 { + margin-left: -56rem +} +.ml-31 { + margin-left: 60rem +} +.-ml-31 { + margin-left: -60rem +} +.ml-32 { + margin-left: 64rem +} +.-ml-32 { + margin-left: -64rem +} +@media screen and (min-width: 576px) { + .sm\:ml-auto { + margin-left: auto + } + .sm\:ml-0 { + margin-left: 0rem + } + .sm\:-ml-0 { + margin-left: -0rem + } + .sm\:ml-1 { + margin-left: 0.25rem + } + .sm\:-ml-1 { + margin-left: -0.25rem + } + .sm\:ml-2 { + margin-left: 0.5rem + } + .sm\:-ml-2 { + margin-left: -0.5rem + } + .sm\:ml-3 { + margin-left: 1rem + } + .sm\:-ml-3 { + margin-left: -1rem + } + .sm\:ml-4 { + margin-left: 1.5rem + } + .sm\:-ml-4 { + margin-left: -1.5rem + } + .sm\:ml-5 { + margin-left: 2rem + } + .sm\:-ml-5 { + margin-left: -2rem + } + .sm\:ml-6 { + margin-left: 3rem + } + .sm\:-ml-6 { + margin-left: -3rem + } + .sm\:ml-7 { + margin-left: 4rem + } + .sm\:-ml-7 { + margin-left: -4rem + } + .sm\:ml-8 { + margin-left: 5rem + } + .sm\:-ml-8 { + margin-left: -5rem + } + .sm\:ml-9 { + margin-left: 6rem + } + .sm\:-ml-9 { + margin-left: -6rem + } + .sm\:ml-10 { + margin-left: 7rem + } + .sm\:-ml-10 { + margin-left: -7rem + } + .sm\:ml-11 { + margin-left: 8rem + } + .sm\:-ml-11 { + margin-left: -8rem + } + .sm\:ml-12 { + margin-left: 9rem + } + .sm\:-ml-12 { + margin-left: -9rem + } + .sm\:ml-13 { + margin-left: 10rem + } + .sm\:-ml-13 { + margin-left: -10rem + } + .sm\:ml-14 { + margin-left: 11rem + } + .sm\:-ml-14 { + margin-left: -11rem + } + .sm\:ml-15 { + margin-left: 12rem + } + .sm\:-ml-15 { + margin-left: -12rem + } + .sm\:ml-16 { + margin-left: 13rem + } + .sm\:-ml-16 { + margin-left: -13rem + } + .sm\:ml-17 { + margin-left: 14rem + } + .sm\:-ml-17 { + margin-left: -14rem + } + .sm\:ml-18 { + margin-left: 15rem + } + .sm\:-ml-18 { + margin-left: -15rem + } + .sm\:ml-19 { + margin-left: 16rem + } + .sm\:-ml-19 { + margin-left: -16rem + } + .sm\:ml-20 { + margin-left: 18rem + } + .sm\:-ml-20 { + margin-left: -18rem + } + .sm\:ml-21 { + margin-left: 20rem + } + .sm\:-ml-21 { + margin-left: -20rem + } + .sm\:ml-22 { + margin-left: 24rem + } + .sm\:-ml-22 { + margin-left: -24rem + } + .sm\:ml-23 { + margin-left: 28rem + } + .sm\:-ml-23 { + margin-left: -28rem + } + .sm\:ml-24 { + margin-left: 32rem + } + .sm\:-ml-24 { + margin-left: -32rem + } + .sm\:ml-25 { + margin-left: 36rem + } + .sm\:-ml-25 { + margin-left: -36rem + } + .sm\:ml-26 { + margin-left: 40rem + } + .sm\:-ml-26 { + margin-left: -40rem + } + .sm\:ml-27 { + margin-left: 44rem + } + .sm\:-ml-27 { + margin-left: -44rem + } + .sm\:ml-28 { + margin-left: 48rem + } + .sm\:-ml-28 { + margin-left: -48rem + } + .sm\:ml-29 { + margin-left: 52rem + } + .sm\:-ml-29 { + margin-left: -52rem + } + .sm\:ml-30 { + margin-left: 56rem + } + .sm\:-ml-30 { + margin-left: -56rem + } + .sm\:ml-31 { + margin-left: 60rem + } + .sm\:-ml-31 { + margin-left: -60rem + } + .sm\:ml-32 { + margin-left: 64rem + } + .sm\:-ml-32 { + margin-left: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:ml-auto { + margin-left: auto + } + .md\:ml-0 { + margin-left: 0rem + } + .md\:-ml-0 { + margin-left: -0rem + } + .md\:ml-1 { + margin-left: 0.25rem + } + .md\:-ml-1 { + margin-left: -0.25rem + } + .md\:ml-2 { + margin-left: 0.5rem + } + .md\:-ml-2 { + margin-left: -0.5rem + } + .md\:ml-3 { + margin-left: 1rem + } + .md\:-ml-3 { + margin-left: -1rem + } + .md\:ml-4 { + margin-left: 1.5rem + } + .md\:-ml-4 { + margin-left: -1.5rem + } + .md\:ml-5 { + margin-left: 2rem + } + .md\:-ml-5 { + margin-left: -2rem + } + .md\:ml-6 { + margin-left: 3rem + } + .md\:-ml-6 { + margin-left: -3rem + } + .md\:ml-7 { + margin-left: 4rem + } + .md\:-ml-7 { + margin-left: -4rem + } + .md\:ml-8 { + margin-left: 5rem + } + .md\:-ml-8 { + margin-left: -5rem + } + .md\:ml-9 { + margin-left: 6rem + } + .md\:-ml-9 { + margin-left: -6rem + } + .md\:ml-10 { + margin-left: 7rem + } + .md\:-ml-10 { + margin-left: -7rem + } + .md\:ml-11 { + margin-left: 8rem + } + .md\:-ml-11 { + margin-left: -8rem + } + .md\:ml-12 { + margin-left: 9rem + } + .md\:-ml-12 { + margin-left: -9rem + } + .md\:ml-13 { + margin-left: 10rem + } + .md\:-ml-13 { + margin-left: -10rem + } + .md\:ml-14 { + margin-left: 11rem + } + .md\:-ml-14 { + margin-left: -11rem + } + .md\:ml-15 { + margin-left: 12rem + } + .md\:-ml-15 { + margin-left: -12rem + } + .md\:ml-16 { + margin-left: 13rem + } + .md\:-ml-16 { + margin-left: -13rem + } + .md\:ml-17 { + margin-left: 14rem + } + .md\:-ml-17 { + margin-left: -14rem + } + .md\:ml-18 { + margin-left: 15rem + } + .md\:-ml-18 { + margin-left: -15rem + } + .md\:ml-19 { + margin-left: 16rem + } + .md\:-ml-19 { + margin-left: -16rem + } + .md\:ml-20 { + margin-left: 18rem + } + .md\:-ml-20 { + margin-left: -18rem + } + .md\:ml-21 { + margin-left: 20rem + } + .md\:-ml-21 { + margin-left: -20rem + } + .md\:ml-22 { + margin-left: 24rem + } + .md\:-ml-22 { + margin-left: -24rem + } + .md\:ml-23 { + margin-left: 28rem + } + .md\:-ml-23 { + margin-left: -28rem + } + .md\:ml-24 { + margin-left: 32rem + } + .md\:-ml-24 { + margin-left: -32rem + } + .md\:ml-25 { + margin-left: 36rem + } + .md\:-ml-25 { + margin-left: -36rem + } + .md\:ml-26 { + margin-left: 40rem + } + .md\:-ml-26 { + margin-left: -40rem + } + .md\:ml-27 { + margin-left: 44rem + } + .md\:-ml-27 { + margin-left: -44rem + } + .md\:ml-28 { + margin-left: 48rem + } + .md\:-ml-28 { + margin-left: -48rem + } + .md\:ml-29 { + margin-left: 52rem + } + .md\:-ml-29 { + margin-left: -52rem + } + .md\:ml-30 { + margin-left: 56rem + } + .md\:-ml-30 { + margin-left: -56rem + } + .md\:ml-31 { + margin-left: 60rem + } + .md\:-ml-31 { + margin-left: -60rem + } + .md\:ml-32 { + margin-left: 64rem + } + .md\:-ml-32 { + margin-left: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:ml-auto { + margin-left: auto + } + .lg\:ml-0 { + margin-left: 0rem + } + .lg\:-ml-0 { + margin-left: -0rem + } + .lg\:ml-1 { + margin-left: 0.25rem + } + .lg\:-ml-1 { + margin-left: -0.25rem + } + .lg\:ml-2 { + margin-left: 0.5rem + } + .lg\:-ml-2 { + margin-left: -0.5rem + } + .lg\:ml-3 { + margin-left: 1rem + } + .lg\:-ml-3 { + margin-left: -1rem + } + .lg\:ml-4 { + margin-left: 1.5rem + } + .lg\:-ml-4 { + margin-left: -1.5rem + } + .lg\:ml-5 { + margin-left: 2rem + } + .lg\:-ml-5 { + margin-left: -2rem + } + .lg\:ml-6 { + margin-left: 3rem + } + .lg\:-ml-6 { + margin-left: -3rem + } + .lg\:ml-7 { + margin-left: 4rem + } + .lg\:-ml-7 { + margin-left: -4rem + } + .lg\:ml-8 { + margin-left: 5rem + } + .lg\:-ml-8 { + margin-left: -5rem + } + .lg\:ml-9 { + margin-left: 6rem + } + .lg\:-ml-9 { + margin-left: -6rem + } + .lg\:ml-10 { + margin-left: 7rem + } + .lg\:-ml-10 { + margin-left: -7rem + } + .lg\:ml-11 { + margin-left: 8rem + } + .lg\:-ml-11 { + margin-left: -8rem + } + .lg\:ml-12 { + margin-left: 9rem + } + .lg\:-ml-12 { + margin-left: -9rem + } + .lg\:ml-13 { + margin-left: 10rem + } + .lg\:-ml-13 { + margin-left: -10rem + } + .lg\:ml-14 { + margin-left: 11rem + } + .lg\:-ml-14 { + margin-left: -11rem + } + .lg\:ml-15 { + margin-left: 12rem + } + .lg\:-ml-15 { + margin-left: -12rem + } + .lg\:ml-16 { + margin-left: 13rem + } + .lg\:-ml-16 { + margin-left: -13rem + } + .lg\:ml-17 { + margin-left: 14rem + } + .lg\:-ml-17 { + margin-left: -14rem + } + .lg\:ml-18 { + margin-left: 15rem + } + .lg\:-ml-18 { + margin-left: -15rem + } + .lg\:ml-19 { + margin-left: 16rem + } + .lg\:-ml-19 { + margin-left: -16rem + } + .lg\:ml-20 { + margin-left: 18rem + } + .lg\:-ml-20 { + margin-left: -18rem + } + .lg\:ml-21 { + margin-left: 20rem + } + .lg\:-ml-21 { + margin-left: -20rem + } + .lg\:ml-22 { + margin-left: 24rem + } + .lg\:-ml-22 { + margin-left: -24rem + } + .lg\:ml-23 { + margin-left: 28rem + } + .lg\:-ml-23 { + margin-left: -28rem + } + .lg\:ml-24 { + margin-left: 32rem + } + .lg\:-ml-24 { + margin-left: -32rem + } + .lg\:ml-25 { + margin-left: 36rem + } + .lg\:-ml-25 { + margin-left: -36rem + } + .lg\:ml-26 { + margin-left: 40rem + } + .lg\:-ml-26 { + margin-left: -40rem + } + .lg\:ml-27 { + margin-left: 44rem + } + .lg\:-ml-27 { + margin-left: -44rem + } + .lg\:ml-28 { + margin-left: 48rem + } + .lg\:-ml-28 { + margin-left: -48rem + } + .lg\:ml-29 { + margin-left: 52rem + } + .lg\:-ml-29 { + margin-left: -52rem + } + .lg\:ml-30 { + margin-left: 56rem + } + .lg\:-ml-30 { + margin-left: -56rem + } + .lg\:ml-31 { + margin-left: 60rem + } + .lg\:-ml-31 { + margin-left: -60rem + } + .lg\:ml-32 { + margin-left: 64rem + } + .lg\:-ml-32 { + margin-left: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:ml-auto { + margin-left: auto + } + .xl\:ml-0 { + margin-left: 0rem + } + .xl\:-ml-0 { + margin-left: -0rem + } + .xl\:ml-1 { + margin-left: 0.25rem + } + .xl\:-ml-1 { + margin-left: -0.25rem + } + .xl\:ml-2 { + margin-left: 0.5rem + } + .xl\:-ml-2 { + margin-left: -0.5rem + } + .xl\:ml-3 { + margin-left: 1rem + } + .xl\:-ml-3 { + margin-left: -1rem + } + .xl\:ml-4 { + margin-left: 1.5rem + } + .xl\:-ml-4 { + margin-left: -1.5rem + } + .xl\:ml-5 { + margin-left: 2rem + } + .xl\:-ml-5 { + margin-left: -2rem + } + .xl\:ml-6 { + margin-left: 3rem + } + .xl\:-ml-6 { + margin-left: -3rem + } + .xl\:ml-7 { + margin-left: 4rem + } + .xl\:-ml-7 { + margin-left: -4rem + } + .xl\:ml-8 { + margin-left: 5rem + } + .xl\:-ml-8 { + margin-left: -5rem + } + .xl\:ml-9 { + margin-left: 6rem + } + .xl\:-ml-9 { + margin-left: -6rem + } + .xl\:ml-10 { + margin-left: 7rem + } + .xl\:-ml-10 { + margin-left: -7rem + } + .xl\:ml-11 { + margin-left: 8rem + } + .xl\:-ml-11 { + margin-left: -8rem + } + .xl\:ml-12 { + margin-left: 9rem + } + .xl\:-ml-12 { + margin-left: -9rem + } + .xl\:ml-13 { + margin-left: 10rem + } + .xl\:-ml-13 { + margin-left: -10rem + } + .xl\:ml-14 { + margin-left: 11rem + } + .xl\:-ml-14 { + margin-left: -11rem + } + .xl\:ml-15 { + margin-left: 12rem + } + .xl\:-ml-15 { + margin-left: -12rem + } + .xl\:ml-16 { + margin-left: 13rem + } + .xl\:-ml-16 { + margin-left: -13rem + } + .xl\:ml-17 { + margin-left: 14rem + } + .xl\:-ml-17 { + margin-left: -14rem + } + .xl\:ml-18 { + margin-left: 15rem + } + .xl\:-ml-18 { + margin-left: -15rem + } + .xl\:ml-19 { + margin-left: 16rem + } + .xl\:-ml-19 { + margin-left: -16rem + } + .xl\:ml-20 { + margin-left: 18rem + } + .xl\:-ml-20 { + margin-left: -18rem + } + .xl\:ml-21 { + margin-left: 20rem + } + .xl\:-ml-21 { + margin-left: -20rem + } + .xl\:ml-22 { + margin-left: 24rem + } + .xl\:-ml-22 { + margin-left: -24rem + } + .xl\:ml-23 { + margin-left: 28rem + } + .xl\:-ml-23 { + margin-left: -28rem + } + .xl\:ml-24 { + margin-left: 32rem + } + .xl\:-ml-24 { + margin-left: -32rem + } + .xl\:ml-25 { + margin-left: 36rem + } + .xl\:-ml-25 { + margin-left: -36rem + } + .xl\:ml-26 { + margin-left: 40rem + } + .xl\:-ml-26 { + margin-left: -40rem + } + .xl\:ml-27 { + margin-left: 44rem + } + .xl\:-ml-27 { + margin-left: -44rem + } + .xl\:ml-28 { + margin-left: 48rem + } + .xl\:-ml-28 { + margin-left: -48rem + } + .xl\:ml-29 { + margin-left: 52rem + } + .xl\:-ml-29 { + margin-left: -52rem + } + .xl\:ml-30 { + margin-left: 56rem + } + .xl\:-ml-30 { + margin-left: -56rem + } + .xl\:ml-31 { + margin-left: 60rem + } + .xl\:-ml-31 { + margin-left: -60rem + } + .xl\:ml-32 { + margin-left: 64rem + } + .xl\:-ml-32 { + margin-left: -64rem + } +} +.mr-auto { + margin-right: auto +} +.mr-0 { + margin-right: 0rem +} +.-mr-0 { + margin-right: -0rem +} +.mr-1 { + margin-right: 0.25rem +} +.-mr-1 { + margin-right: -0.25rem +} +.mr-2 { + margin-right: 0.5rem +} +.-mr-2 { + margin-right: -0.5rem +} +.mr-3 { + margin-right: 1rem +} +.-mr-3 { + margin-right: -1rem +} +.mr-4 { + margin-right: 1.5rem +} +.-mr-4 { + margin-right: -1.5rem +} +.mr-5 { + margin-right: 2rem +} +.-mr-5 { + margin-right: -2rem +} +.mr-6 { + margin-right: 3rem +} +.-mr-6 { + margin-right: -3rem +} +.mr-7 { + margin-right: 4rem +} +.-mr-7 { + margin-right: -4rem +} +.mr-8 { + margin-right: 5rem +} +.-mr-8 { + margin-right: -5rem +} +.mr-9 { + margin-right: 6rem +} +.-mr-9 { + margin-right: -6rem +} +.mr-10 { + margin-right: 7rem +} +.-mr-10 { + margin-right: -7rem +} +.mr-11 { + margin-right: 8rem +} +.-mr-11 { + margin-right: -8rem +} +.mr-12 { + margin-right: 9rem +} +.-mr-12 { + margin-right: -9rem +} +.mr-13 { + margin-right: 10rem +} +.-mr-13 { + margin-right: -10rem +} +.mr-14 { + margin-right: 11rem +} +.-mr-14 { + margin-right: -11rem +} +.mr-15 { + margin-right: 12rem +} +.-mr-15 { + margin-right: -12rem +} +.mr-16 { + margin-right: 13rem +} +.-mr-16 { + margin-right: -13rem +} +.mr-17 { + margin-right: 14rem +} +.-mr-17 { + margin-right: -14rem +} +.mr-18 { + margin-right: 15rem +} +.-mr-18 { + margin-right: -15rem +} +.mr-19 { + margin-right: 16rem +} +.-mr-19 { + margin-right: -16rem +} +.mr-20 { + margin-right: 18rem +} +.-mr-20 { + margin-right: -18rem +} +.mr-21 { + margin-right: 20rem +} +.-mr-21 { + margin-right: -20rem +} +.mr-22 { + margin-right: 24rem +} +.-mr-22 { + margin-right: -24rem +} +.mr-23 { + margin-right: 28rem +} +.-mr-23 { + margin-right: -28rem +} +.mr-24 { + margin-right: 32rem +} +.-mr-24 { + margin-right: -32rem +} +.mr-25 { + margin-right: 36rem +} +.-mr-25 { + margin-right: -36rem +} +.mr-26 { + margin-right: 40rem +} +.-mr-26 { + margin-right: -40rem +} +.mr-27 { + margin-right: 44rem +} +.-mr-27 { + margin-right: -44rem +} +.mr-28 { + margin-right: 48rem +} +.-mr-28 { + margin-right: -48rem +} +.mr-29 { + margin-right: 52rem +} +.-mr-29 { + margin-right: -52rem +} +.mr-30 { + margin-right: 56rem +} +.-mr-30 { + margin-right: -56rem +} +.mr-31 { + margin-right: 60rem +} +.-mr-31 { + margin-right: -60rem +} +.mr-32 { + margin-right: 64rem +} +.-mr-32 { + margin-right: -64rem +} +@media screen and (min-width: 576px) { + .sm\:mr-auto { + margin-right: auto + } + .sm\:mr-0 { + margin-right: 0rem + } + .sm\:-mr-0 { + margin-right: -0rem + } + .sm\:mr-1 { + margin-right: 0.25rem + } + .sm\:-mr-1 { + margin-right: -0.25rem + } + .sm\:mr-2 { + margin-right: 0.5rem + } + .sm\:-mr-2 { + margin-right: -0.5rem + } + .sm\:mr-3 { + margin-right: 1rem + } + .sm\:-mr-3 { + margin-right: -1rem + } + .sm\:mr-4 { + margin-right: 1.5rem + } + .sm\:-mr-4 { + margin-right: -1.5rem + } + .sm\:mr-5 { + margin-right: 2rem + } + .sm\:-mr-5 { + margin-right: -2rem + } + .sm\:mr-6 { + margin-right: 3rem + } + .sm\:-mr-6 { + margin-right: -3rem + } + .sm\:mr-7 { + margin-right: 4rem + } + .sm\:-mr-7 { + margin-right: -4rem + } + .sm\:mr-8 { + margin-right: 5rem + } + .sm\:-mr-8 { + margin-right: -5rem + } + .sm\:mr-9 { + margin-right: 6rem + } + .sm\:-mr-9 { + margin-right: -6rem + } + .sm\:mr-10 { + margin-right: 7rem + } + .sm\:-mr-10 { + margin-right: -7rem + } + .sm\:mr-11 { + margin-right: 8rem + } + .sm\:-mr-11 { + margin-right: -8rem + } + .sm\:mr-12 { + margin-right: 9rem + } + .sm\:-mr-12 { + margin-right: -9rem + } + .sm\:mr-13 { + margin-right: 10rem + } + .sm\:-mr-13 { + margin-right: -10rem + } + .sm\:mr-14 { + margin-right: 11rem + } + .sm\:-mr-14 { + margin-right: -11rem + } + .sm\:mr-15 { + margin-right: 12rem + } + .sm\:-mr-15 { + margin-right: -12rem + } + .sm\:mr-16 { + margin-right: 13rem + } + .sm\:-mr-16 { + margin-right: -13rem + } + .sm\:mr-17 { + margin-right: 14rem + } + .sm\:-mr-17 { + margin-right: -14rem + } + .sm\:mr-18 { + margin-right: 15rem + } + .sm\:-mr-18 { + margin-right: -15rem + } + .sm\:mr-19 { + margin-right: 16rem + } + .sm\:-mr-19 { + margin-right: -16rem + } + .sm\:mr-20 { + margin-right: 18rem + } + .sm\:-mr-20 { + margin-right: -18rem + } + .sm\:mr-21 { + margin-right: 20rem + } + .sm\:-mr-21 { + margin-right: -20rem + } + .sm\:mr-22 { + margin-right: 24rem + } + .sm\:-mr-22 { + margin-right: -24rem + } + .sm\:mr-23 { + margin-right: 28rem + } + .sm\:-mr-23 { + margin-right: -28rem + } + .sm\:mr-24 { + margin-right: 32rem + } + .sm\:-mr-24 { + margin-right: -32rem + } + .sm\:mr-25 { + margin-right: 36rem + } + .sm\:-mr-25 { + margin-right: -36rem + } + .sm\:mr-26 { + margin-right: 40rem + } + .sm\:-mr-26 { + margin-right: -40rem + } + .sm\:mr-27 { + margin-right: 44rem + } + .sm\:-mr-27 { + margin-right: -44rem + } + .sm\:mr-28 { + margin-right: 48rem + } + .sm\:-mr-28 { + margin-right: -48rem + } + .sm\:mr-29 { + margin-right: 52rem + } + .sm\:-mr-29 { + margin-right: -52rem + } + .sm\:mr-30 { + margin-right: 56rem + } + .sm\:-mr-30 { + margin-right: -56rem + } + .sm\:mr-31 { + margin-right: 60rem + } + .sm\:-mr-31 { + margin-right: -60rem + } + .sm\:mr-32 { + margin-right: 64rem + } + .sm\:-mr-32 { + margin-right: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:mr-auto { + margin-right: auto + } + .md\:mr-0 { + margin-right: 0rem + } + .md\:-mr-0 { + margin-right: -0rem + } + .md\:mr-1 { + margin-right: 0.25rem + } + .md\:-mr-1 { + margin-right: -0.25rem + } + .md\:mr-2 { + margin-right: 0.5rem + } + .md\:-mr-2 { + margin-right: -0.5rem + } + .md\:mr-3 { + margin-right: 1rem + } + .md\:-mr-3 { + margin-right: -1rem + } + .md\:mr-4 { + margin-right: 1.5rem + } + .md\:-mr-4 { + margin-right: -1.5rem + } + .md\:mr-5 { + margin-right: 2rem + } + .md\:-mr-5 { + margin-right: -2rem + } + .md\:mr-6 { + margin-right: 3rem + } + .md\:-mr-6 { + margin-right: -3rem + } + .md\:mr-7 { + margin-right: 4rem + } + .md\:-mr-7 { + margin-right: -4rem + } + .md\:mr-8 { + margin-right: 5rem + } + .md\:-mr-8 { + margin-right: -5rem + } + .md\:mr-9 { + margin-right: 6rem + } + .md\:-mr-9 { + margin-right: -6rem + } + .md\:mr-10 { + margin-right: 7rem + } + .md\:-mr-10 { + margin-right: -7rem + } + .md\:mr-11 { + margin-right: 8rem + } + .md\:-mr-11 { + margin-right: -8rem + } + .md\:mr-12 { + margin-right: 9rem + } + .md\:-mr-12 { + margin-right: -9rem + } + .md\:mr-13 { + margin-right: 10rem + } + .md\:-mr-13 { + margin-right: -10rem + } + .md\:mr-14 { + margin-right: 11rem + } + .md\:-mr-14 { + margin-right: -11rem + } + .md\:mr-15 { + margin-right: 12rem + } + .md\:-mr-15 { + margin-right: -12rem + } + .md\:mr-16 { + margin-right: 13rem + } + .md\:-mr-16 { + margin-right: -13rem + } + .md\:mr-17 { + margin-right: 14rem + } + .md\:-mr-17 { + margin-right: -14rem + } + .md\:mr-18 { + margin-right: 15rem + } + .md\:-mr-18 { + margin-right: -15rem + } + .md\:mr-19 { + margin-right: 16rem + } + .md\:-mr-19 { + margin-right: -16rem + } + .md\:mr-20 { + margin-right: 18rem + } + .md\:-mr-20 { + margin-right: -18rem + } + .md\:mr-21 { + margin-right: 20rem + } + .md\:-mr-21 { + margin-right: -20rem + } + .md\:mr-22 { + margin-right: 24rem + } + .md\:-mr-22 { + margin-right: -24rem + } + .md\:mr-23 { + margin-right: 28rem + } + .md\:-mr-23 { + margin-right: -28rem + } + .md\:mr-24 { + margin-right: 32rem + } + .md\:-mr-24 { + margin-right: -32rem + } + .md\:mr-25 { + margin-right: 36rem + } + .md\:-mr-25 { + margin-right: -36rem + } + .md\:mr-26 { + margin-right: 40rem + } + .md\:-mr-26 { + margin-right: -40rem + } + .md\:mr-27 { + margin-right: 44rem + } + .md\:-mr-27 { + margin-right: -44rem + } + .md\:mr-28 { + margin-right: 48rem + } + .md\:-mr-28 { + margin-right: -48rem + } + .md\:mr-29 { + margin-right: 52rem + } + .md\:-mr-29 { + margin-right: -52rem + } + .md\:mr-30 { + margin-right: 56rem + } + .md\:-mr-30 { + margin-right: -56rem + } + .md\:mr-31 { + margin-right: 60rem + } + .md\:-mr-31 { + margin-right: -60rem + } + .md\:mr-32 { + margin-right: 64rem + } + .md\:-mr-32 { + margin-right: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:mr-auto { + margin-right: auto + } + .lg\:mr-0 { + margin-right: 0rem + } + .lg\:-mr-0 { + margin-right: -0rem + } + .lg\:mr-1 { + margin-right: 0.25rem + } + .lg\:-mr-1 { + margin-right: -0.25rem + } + .lg\:mr-2 { + margin-right: 0.5rem + } + .lg\:-mr-2 { + margin-right: -0.5rem + } + .lg\:mr-3 { + margin-right: 1rem + } + .lg\:-mr-3 { + margin-right: -1rem + } + .lg\:mr-4 { + margin-right: 1.5rem + } + .lg\:-mr-4 { + margin-right: -1.5rem + } + .lg\:mr-5 { + margin-right: 2rem + } + .lg\:-mr-5 { + margin-right: -2rem + } + .lg\:mr-6 { + margin-right: 3rem + } + .lg\:-mr-6 { + margin-right: -3rem + } + .lg\:mr-7 { + margin-right: 4rem + } + .lg\:-mr-7 { + margin-right: -4rem + } + .lg\:mr-8 { + margin-right: 5rem + } + .lg\:-mr-8 { + margin-right: -5rem + } + .lg\:mr-9 { + margin-right: 6rem + } + .lg\:-mr-9 { + margin-right: -6rem + } + .lg\:mr-10 { + margin-right: 7rem + } + .lg\:-mr-10 { + margin-right: -7rem + } + .lg\:mr-11 { + margin-right: 8rem + } + .lg\:-mr-11 { + margin-right: -8rem + } + .lg\:mr-12 { + margin-right: 9rem + } + .lg\:-mr-12 { + margin-right: -9rem + } + .lg\:mr-13 { + margin-right: 10rem + } + .lg\:-mr-13 { + margin-right: -10rem + } + .lg\:mr-14 { + margin-right: 11rem + } + .lg\:-mr-14 { + margin-right: -11rem + } + .lg\:mr-15 { + margin-right: 12rem + } + .lg\:-mr-15 { + margin-right: -12rem + } + .lg\:mr-16 { + margin-right: 13rem + } + .lg\:-mr-16 { + margin-right: -13rem + } + .lg\:mr-17 { + margin-right: 14rem + } + .lg\:-mr-17 { + margin-right: -14rem + } + .lg\:mr-18 { + margin-right: 15rem + } + .lg\:-mr-18 { + margin-right: -15rem + } + .lg\:mr-19 { + margin-right: 16rem + } + .lg\:-mr-19 { + margin-right: -16rem + } + .lg\:mr-20 { + margin-right: 18rem + } + .lg\:-mr-20 { + margin-right: -18rem + } + .lg\:mr-21 { + margin-right: 20rem + } + .lg\:-mr-21 { + margin-right: -20rem + } + .lg\:mr-22 { + margin-right: 24rem + } + .lg\:-mr-22 { + margin-right: -24rem + } + .lg\:mr-23 { + margin-right: 28rem + } + .lg\:-mr-23 { + margin-right: -28rem + } + .lg\:mr-24 { + margin-right: 32rem + } + .lg\:-mr-24 { + margin-right: -32rem + } + .lg\:mr-25 { + margin-right: 36rem + } + .lg\:-mr-25 { + margin-right: -36rem + } + .lg\:mr-26 { + margin-right: 40rem + } + .lg\:-mr-26 { + margin-right: -40rem + } + .lg\:mr-27 { + margin-right: 44rem + } + .lg\:-mr-27 { + margin-right: -44rem + } + .lg\:mr-28 { + margin-right: 48rem + } + .lg\:-mr-28 { + margin-right: -48rem + } + .lg\:mr-29 { + margin-right: 52rem + } + .lg\:-mr-29 { + margin-right: -52rem + } + .lg\:mr-30 { + margin-right: 56rem + } + .lg\:-mr-30 { + margin-right: -56rem + } + .lg\:mr-31 { + margin-right: 60rem + } + .lg\:-mr-31 { + margin-right: -60rem + } + .lg\:mr-32 { + margin-right: 64rem + } + .lg\:-mr-32 { + margin-right: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:mr-auto { + margin-right: auto + } + .xl\:mr-0 { + margin-right: 0rem + } + .xl\:-mr-0 { + margin-right: -0rem + } + .xl\:mr-1 { + margin-right: 0.25rem + } + .xl\:-mr-1 { + margin-right: -0.25rem + } + .xl\:mr-2 { + margin-right: 0.5rem + } + .xl\:-mr-2 { + margin-right: -0.5rem + } + .xl\:mr-3 { + margin-right: 1rem + } + .xl\:-mr-3 { + margin-right: -1rem + } + .xl\:mr-4 { + margin-right: 1.5rem + } + .xl\:-mr-4 { + margin-right: -1.5rem + } + .xl\:mr-5 { + margin-right: 2rem + } + .xl\:-mr-5 { + margin-right: -2rem + } + .xl\:mr-6 { + margin-right: 3rem + } + .xl\:-mr-6 { + margin-right: -3rem + } + .xl\:mr-7 { + margin-right: 4rem + } + .xl\:-mr-7 { + margin-right: -4rem + } + .xl\:mr-8 { + margin-right: 5rem + } + .xl\:-mr-8 { + margin-right: -5rem + } + .xl\:mr-9 { + margin-right: 6rem + } + .xl\:-mr-9 { + margin-right: -6rem + } + .xl\:mr-10 { + margin-right: 7rem + } + .xl\:-mr-10 { + margin-right: -7rem + } + .xl\:mr-11 { + margin-right: 8rem + } + .xl\:-mr-11 { + margin-right: -8rem + } + .xl\:mr-12 { + margin-right: 9rem + } + .xl\:-mr-12 { + margin-right: -9rem + } + .xl\:mr-13 { + margin-right: 10rem + } + .xl\:-mr-13 { + margin-right: -10rem + } + .xl\:mr-14 { + margin-right: 11rem + } + .xl\:-mr-14 { + margin-right: -11rem + } + .xl\:mr-15 { + margin-right: 12rem + } + .xl\:-mr-15 { + margin-right: -12rem + } + .xl\:mr-16 { + margin-right: 13rem + } + .xl\:-mr-16 { + margin-right: -13rem + } + .xl\:mr-17 { + margin-right: 14rem + } + .xl\:-mr-17 { + margin-right: -14rem + } + .xl\:mr-18 { + margin-right: 15rem + } + .xl\:-mr-18 { + margin-right: -15rem + } + .xl\:mr-19 { + margin-right: 16rem + } + .xl\:-mr-19 { + margin-right: -16rem + } + .xl\:mr-20 { + margin-right: 18rem + } + .xl\:-mr-20 { + margin-right: -18rem + } + .xl\:mr-21 { + margin-right: 20rem + } + .xl\:-mr-21 { + margin-right: -20rem + } + .xl\:mr-22 { + margin-right: 24rem + } + .xl\:-mr-22 { + margin-right: -24rem + } + .xl\:mr-23 { + margin-right: 28rem + } + .xl\:-mr-23 { + margin-right: -28rem + } + .xl\:mr-24 { + margin-right: 32rem + } + .xl\:-mr-24 { + margin-right: -32rem + } + .xl\:mr-25 { + margin-right: 36rem + } + .xl\:-mr-25 { + margin-right: -36rem + } + .xl\:mr-26 { + margin-right: 40rem + } + .xl\:-mr-26 { + margin-right: -40rem + } + .xl\:mr-27 { + margin-right: 44rem + } + .xl\:-mr-27 { + margin-right: -44rem + } + .xl\:mr-28 { + margin-right: 48rem + } + .xl\:-mr-28 { + margin-right: -48rem + } + .xl\:mr-29 { + margin-right: 52rem + } + .xl\:-mr-29 { + margin-right: -52rem + } + .xl\:mr-30 { + margin-right: 56rem + } + .xl\:-mr-30 { + margin-right: -56rem + } + .xl\:mr-31 { + margin-right: 60rem + } + .xl\:-mr-31 { + margin-right: -60rem + } + .xl\:mr-32 { + margin-right: 64rem + } + .xl\:-mr-32 { + margin-right: -64rem + } +} +.ms-auto { + margin-inline-start: auto +} +.ms-0 { + margin-inline-start: 0rem +} +.-ms-0 { + margin-inline-start: -0rem +} +.ms-1 { + margin-inline-start: 0.25rem +} +.-ms-1 { + margin-inline-start: -0.25rem +} +.ms-2 { + margin-inline-start: 0.5rem +} +.-ms-2 { + margin-inline-start: -0.5rem +} +.ms-3 { + margin-inline-start: 1rem +} +.-ms-3 { + margin-inline-start: -1rem +} +.ms-4 { + margin-inline-start: 1.5rem +} +.-ms-4 { + margin-inline-start: -1.5rem +} +.ms-5 { + margin-inline-start: 2rem +} +.-ms-5 { + margin-inline-start: -2rem +} +.ms-6 { + margin-inline-start: 3rem +} +.-ms-6 { + margin-inline-start: -3rem +} +.ms-7 { + margin-inline-start: 4rem +} +.-ms-7 { + margin-inline-start: -4rem +} +.ms-8 { + margin-inline-start: 5rem +} +.-ms-8 { + margin-inline-start: -5rem +} +.ms-9 { + margin-inline-start: 6rem +} +.-ms-9 { + margin-inline-start: -6rem +} +.ms-10 { + margin-inline-start: 7rem +} +.-ms-10 { + margin-inline-start: -7rem +} +.ms-11 { + margin-inline-start: 8rem +} +.-ms-11 { + margin-inline-start: -8rem +} +.ms-12 { + margin-inline-start: 9rem +} +.-ms-12 { + margin-inline-start: -9rem +} +.ms-13 { + margin-inline-start: 10rem +} +.-ms-13 { + margin-inline-start: -10rem +} +.ms-14 { + margin-inline-start: 11rem +} +.-ms-14 { + margin-inline-start: -11rem +} +.ms-15 { + margin-inline-start: 12rem +} +.-ms-15 { + margin-inline-start: -12rem +} +.ms-16 { + margin-inline-start: 13rem +} +.-ms-16 { + margin-inline-start: -13rem +} +.ms-17 { + margin-inline-start: 14rem +} +.-ms-17 { + margin-inline-start: -14rem +} +.ms-18 { + margin-inline-start: 15rem +} +.-ms-18 { + margin-inline-start: -15rem +} +.ms-19 { + margin-inline-start: 16rem +} +.-ms-19 { + margin-inline-start: -16rem +} +.ms-20 { + margin-inline-start: 18rem +} +.-ms-20 { + margin-inline-start: -18rem +} +.ms-21 { + margin-inline-start: 20rem +} +.-ms-21 { + margin-inline-start: -20rem +} +.ms-22 { + margin-inline-start: 24rem +} +.-ms-22 { + margin-inline-start: -24rem +} +.ms-23 { + margin-inline-start: 28rem +} +.-ms-23 { + margin-inline-start: -28rem +} +.ms-24 { + margin-inline-start: 32rem +} +.-ms-24 { + margin-inline-start: -32rem +} +.ms-25 { + margin-inline-start: 36rem +} +.-ms-25 { + margin-inline-start: -36rem +} +.ms-26 { + margin-inline-start: 40rem +} +.-ms-26 { + margin-inline-start: -40rem +} +.ms-27 { + margin-inline-start: 44rem +} +.-ms-27 { + margin-inline-start: -44rem +} +.ms-28 { + margin-inline-start: 48rem +} +.-ms-28 { + margin-inline-start: -48rem +} +.ms-29 { + margin-inline-start: 52rem +} +.-ms-29 { + margin-inline-start: -52rem +} +.ms-30 { + margin-inline-start: 56rem +} +.-ms-30 { + margin-inline-start: -56rem +} +.ms-31 { + margin-inline-start: 60rem +} +.-ms-31 { + margin-inline-start: -60rem +} +.ms-32 { + margin-inline-start: 64rem +} +.-ms-32 { + margin-inline-start: -64rem +} +@media screen and (min-width: 576px) { + .sm\:ms-auto { + margin-inline-start: auto + } + .sm\:ms-0 { + margin-inline-start: 0rem + } + .sm\:-ms-0 { + margin-inline-start: -0rem + } + .sm\:ms-1 { + margin-inline-start: 0.25rem + } + .sm\:-ms-1 { + margin-inline-start: -0.25rem + } + .sm\:ms-2 { + margin-inline-start: 0.5rem + } + .sm\:-ms-2 { + margin-inline-start: -0.5rem + } + .sm\:ms-3 { + margin-inline-start: 1rem + } + .sm\:-ms-3 { + margin-inline-start: -1rem + } + .sm\:ms-4 { + margin-inline-start: 1.5rem + } + .sm\:-ms-4 { + margin-inline-start: -1.5rem + } + .sm\:ms-5 { + margin-inline-start: 2rem + } + .sm\:-ms-5 { + margin-inline-start: -2rem + } + .sm\:ms-6 { + margin-inline-start: 3rem + } + .sm\:-ms-6 { + margin-inline-start: -3rem + } + .sm\:ms-7 { + margin-inline-start: 4rem + } + .sm\:-ms-7 { + margin-inline-start: -4rem + } + .sm\:ms-8 { + margin-inline-start: 5rem + } + .sm\:-ms-8 { + margin-inline-start: -5rem + } + .sm\:ms-9 { + margin-inline-start: 6rem + } + .sm\:-ms-9 { + margin-inline-start: -6rem + } + .sm\:ms-10 { + margin-inline-start: 7rem + } + .sm\:-ms-10 { + margin-inline-start: -7rem + } + .sm\:ms-11 { + margin-inline-start: 8rem + } + .sm\:-ms-11 { + margin-inline-start: -8rem + } + .sm\:ms-12 { + margin-inline-start: 9rem + } + .sm\:-ms-12 { + margin-inline-start: -9rem + } + .sm\:ms-13 { + margin-inline-start: 10rem + } + .sm\:-ms-13 { + margin-inline-start: -10rem + } + .sm\:ms-14 { + margin-inline-start: 11rem + } + .sm\:-ms-14 { + margin-inline-start: -11rem + } + .sm\:ms-15 { + margin-inline-start: 12rem + } + .sm\:-ms-15 { + margin-inline-start: -12rem + } + .sm\:ms-16 { + margin-inline-start: 13rem + } + .sm\:-ms-16 { + margin-inline-start: -13rem + } + .sm\:ms-17 { + margin-inline-start: 14rem + } + .sm\:-ms-17 { + margin-inline-start: -14rem + } + .sm\:ms-18 { + margin-inline-start: 15rem + } + .sm\:-ms-18 { + margin-inline-start: -15rem + } + .sm\:ms-19 { + margin-inline-start: 16rem + } + .sm\:-ms-19 { + margin-inline-start: -16rem + } + .sm\:ms-20 { + margin-inline-start: 18rem + } + .sm\:-ms-20 { + margin-inline-start: -18rem + } + .sm\:ms-21 { + margin-inline-start: 20rem + } + .sm\:-ms-21 { + margin-inline-start: -20rem + } + .sm\:ms-22 { + margin-inline-start: 24rem + } + .sm\:-ms-22 { + margin-inline-start: -24rem + } + .sm\:ms-23 { + margin-inline-start: 28rem + } + .sm\:-ms-23 { + margin-inline-start: -28rem + } + .sm\:ms-24 { + margin-inline-start: 32rem + } + .sm\:-ms-24 { + margin-inline-start: -32rem + } + .sm\:ms-25 { + margin-inline-start: 36rem + } + .sm\:-ms-25 { + margin-inline-start: -36rem + } + .sm\:ms-26 { + margin-inline-start: 40rem + } + .sm\:-ms-26 { + margin-inline-start: -40rem + } + .sm\:ms-27 { + margin-inline-start: 44rem + } + .sm\:-ms-27 { + margin-inline-start: -44rem + } + .sm\:ms-28 { + margin-inline-start: 48rem + } + .sm\:-ms-28 { + margin-inline-start: -48rem + } + .sm\:ms-29 { + margin-inline-start: 52rem + } + .sm\:-ms-29 { + margin-inline-start: -52rem + } + .sm\:ms-30 { + margin-inline-start: 56rem + } + .sm\:-ms-30 { + margin-inline-start: -56rem + } + .sm\:ms-31 { + margin-inline-start: 60rem + } + .sm\:-ms-31 { + margin-inline-start: -60rem + } + .sm\:ms-32 { + margin-inline-start: 64rem + } + .sm\:-ms-32 { + margin-inline-start: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:ms-auto { + margin-inline-start: auto + } + .md\:ms-0 { + margin-inline-start: 0rem + } + .md\:-ms-0 { + margin-inline-start: -0rem + } + .md\:ms-1 { + margin-inline-start: 0.25rem + } + .md\:-ms-1 { + margin-inline-start: -0.25rem + } + .md\:ms-2 { + margin-inline-start: 0.5rem + } + .md\:-ms-2 { + margin-inline-start: -0.5rem + } + .md\:ms-3 { + margin-inline-start: 1rem + } + .md\:-ms-3 { + margin-inline-start: -1rem + } + .md\:ms-4 { + margin-inline-start: 1.5rem + } + .md\:-ms-4 { + margin-inline-start: -1.5rem + } + .md\:ms-5 { + margin-inline-start: 2rem + } + .md\:-ms-5 { + margin-inline-start: -2rem + } + .md\:ms-6 { + margin-inline-start: 3rem + } + .md\:-ms-6 { + margin-inline-start: -3rem + } + .md\:ms-7 { + margin-inline-start: 4rem + } + .md\:-ms-7 { + margin-inline-start: -4rem + } + .md\:ms-8 { + margin-inline-start: 5rem + } + .md\:-ms-8 { + margin-inline-start: -5rem + } + .md\:ms-9 { + margin-inline-start: 6rem + } + .md\:-ms-9 { + margin-inline-start: -6rem + } + .md\:ms-10 { + margin-inline-start: 7rem + } + .md\:-ms-10 { + margin-inline-start: -7rem + } + .md\:ms-11 { + margin-inline-start: 8rem + } + .md\:-ms-11 { + margin-inline-start: -8rem + } + .md\:ms-12 { + margin-inline-start: 9rem + } + .md\:-ms-12 { + margin-inline-start: -9rem + } + .md\:ms-13 { + margin-inline-start: 10rem + } + .md\:-ms-13 { + margin-inline-start: -10rem + } + .md\:ms-14 { + margin-inline-start: 11rem + } + .md\:-ms-14 { + margin-inline-start: -11rem + } + .md\:ms-15 { + margin-inline-start: 12rem + } + .md\:-ms-15 { + margin-inline-start: -12rem + } + .md\:ms-16 { + margin-inline-start: 13rem + } + .md\:-ms-16 { + margin-inline-start: -13rem + } + .md\:ms-17 { + margin-inline-start: 14rem + } + .md\:-ms-17 { + margin-inline-start: -14rem + } + .md\:ms-18 { + margin-inline-start: 15rem + } + .md\:-ms-18 { + margin-inline-start: -15rem + } + .md\:ms-19 { + margin-inline-start: 16rem + } + .md\:-ms-19 { + margin-inline-start: -16rem + } + .md\:ms-20 { + margin-inline-start: 18rem + } + .md\:-ms-20 { + margin-inline-start: -18rem + } + .md\:ms-21 { + margin-inline-start: 20rem + } + .md\:-ms-21 { + margin-inline-start: -20rem + } + .md\:ms-22 { + margin-inline-start: 24rem + } + .md\:-ms-22 { + margin-inline-start: -24rem + } + .md\:ms-23 { + margin-inline-start: 28rem + } + .md\:-ms-23 { + margin-inline-start: -28rem + } + .md\:ms-24 { + margin-inline-start: 32rem + } + .md\:-ms-24 { + margin-inline-start: -32rem + } + .md\:ms-25 { + margin-inline-start: 36rem + } + .md\:-ms-25 { + margin-inline-start: -36rem + } + .md\:ms-26 { + margin-inline-start: 40rem + } + .md\:-ms-26 { + margin-inline-start: -40rem + } + .md\:ms-27 { + margin-inline-start: 44rem + } + .md\:-ms-27 { + margin-inline-start: -44rem + } + .md\:ms-28 { + margin-inline-start: 48rem + } + .md\:-ms-28 { + margin-inline-start: -48rem + } + .md\:ms-29 { + margin-inline-start: 52rem + } + .md\:-ms-29 { + margin-inline-start: -52rem + } + .md\:ms-30 { + margin-inline-start: 56rem + } + .md\:-ms-30 { + margin-inline-start: -56rem + } + .md\:ms-31 { + margin-inline-start: 60rem + } + .md\:-ms-31 { + margin-inline-start: -60rem + } + .md\:ms-32 { + margin-inline-start: 64rem + } + .md\:-ms-32 { + margin-inline-start: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:ms-auto { + margin-inline-start: auto + } + .lg\:ms-0 { + margin-inline-start: 0rem + } + .lg\:-ms-0 { + margin-inline-start: -0rem + } + .lg\:ms-1 { + margin-inline-start: 0.25rem + } + .lg\:-ms-1 { + margin-inline-start: -0.25rem + } + .lg\:ms-2 { + margin-inline-start: 0.5rem + } + .lg\:-ms-2 { + margin-inline-start: -0.5rem + } + .lg\:ms-3 { + margin-inline-start: 1rem + } + .lg\:-ms-3 { + margin-inline-start: -1rem + } + .lg\:ms-4 { + margin-inline-start: 1.5rem + } + .lg\:-ms-4 { + margin-inline-start: -1.5rem + } + .lg\:ms-5 { + margin-inline-start: 2rem + } + .lg\:-ms-5 { + margin-inline-start: -2rem + } + .lg\:ms-6 { + margin-inline-start: 3rem + } + .lg\:-ms-6 { + margin-inline-start: -3rem + } + .lg\:ms-7 { + margin-inline-start: 4rem + } + .lg\:-ms-7 { + margin-inline-start: -4rem + } + .lg\:ms-8 { + margin-inline-start: 5rem + } + .lg\:-ms-8 { + margin-inline-start: -5rem + } + .lg\:ms-9 { + margin-inline-start: 6rem + } + .lg\:-ms-9 { + margin-inline-start: -6rem + } + .lg\:ms-10 { + margin-inline-start: 7rem + } + .lg\:-ms-10 { + margin-inline-start: -7rem + } + .lg\:ms-11 { + margin-inline-start: 8rem + } + .lg\:-ms-11 { + margin-inline-start: -8rem + } + .lg\:ms-12 { + margin-inline-start: 9rem + } + .lg\:-ms-12 { + margin-inline-start: -9rem + } + .lg\:ms-13 { + margin-inline-start: 10rem + } + .lg\:-ms-13 { + margin-inline-start: -10rem + } + .lg\:ms-14 { + margin-inline-start: 11rem + } + .lg\:-ms-14 { + margin-inline-start: -11rem + } + .lg\:ms-15 { + margin-inline-start: 12rem + } + .lg\:-ms-15 { + margin-inline-start: -12rem + } + .lg\:ms-16 { + margin-inline-start: 13rem + } + .lg\:-ms-16 { + margin-inline-start: -13rem + } + .lg\:ms-17 { + margin-inline-start: 14rem + } + .lg\:-ms-17 { + margin-inline-start: -14rem + } + .lg\:ms-18 { + margin-inline-start: 15rem + } + .lg\:-ms-18 { + margin-inline-start: -15rem + } + .lg\:ms-19 { + margin-inline-start: 16rem + } + .lg\:-ms-19 { + margin-inline-start: -16rem + } + .lg\:ms-20 { + margin-inline-start: 18rem + } + .lg\:-ms-20 { + margin-inline-start: -18rem + } + .lg\:ms-21 { + margin-inline-start: 20rem + } + .lg\:-ms-21 { + margin-inline-start: -20rem + } + .lg\:ms-22 { + margin-inline-start: 24rem + } + .lg\:-ms-22 { + margin-inline-start: -24rem + } + .lg\:ms-23 { + margin-inline-start: 28rem + } + .lg\:-ms-23 { + margin-inline-start: -28rem + } + .lg\:ms-24 { + margin-inline-start: 32rem + } + .lg\:-ms-24 { + margin-inline-start: -32rem + } + .lg\:ms-25 { + margin-inline-start: 36rem + } + .lg\:-ms-25 { + margin-inline-start: -36rem + } + .lg\:ms-26 { + margin-inline-start: 40rem + } + .lg\:-ms-26 { + margin-inline-start: -40rem + } + .lg\:ms-27 { + margin-inline-start: 44rem + } + .lg\:-ms-27 { + margin-inline-start: -44rem + } + .lg\:ms-28 { + margin-inline-start: 48rem + } + .lg\:-ms-28 { + margin-inline-start: -48rem + } + .lg\:ms-29 { + margin-inline-start: 52rem + } + .lg\:-ms-29 { + margin-inline-start: -52rem + } + .lg\:ms-30 { + margin-inline-start: 56rem + } + .lg\:-ms-30 { + margin-inline-start: -56rem + } + .lg\:ms-31 { + margin-inline-start: 60rem + } + .lg\:-ms-31 { + margin-inline-start: -60rem + } + .lg\:ms-32 { + margin-inline-start: 64rem + } + .lg\:-ms-32 { + margin-inline-start: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:ms-auto { + margin-inline-start: auto + } + .xl\:ms-0 { + margin-inline-start: 0rem + } + .xl\:-ms-0 { + margin-inline-start: -0rem + } + .xl\:ms-1 { + margin-inline-start: 0.25rem + } + .xl\:-ms-1 { + margin-inline-start: -0.25rem + } + .xl\:ms-2 { + margin-inline-start: 0.5rem + } + .xl\:-ms-2 { + margin-inline-start: -0.5rem + } + .xl\:ms-3 { + margin-inline-start: 1rem + } + .xl\:-ms-3 { + margin-inline-start: -1rem + } + .xl\:ms-4 { + margin-inline-start: 1.5rem + } + .xl\:-ms-4 { + margin-inline-start: -1.5rem + } + .xl\:ms-5 { + margin-inline-start: 2rem + } + .xl\:-ms-5 { + margin-inline-start: -2rem + } + .xl\:ms-6 { + margin-inline-start: 3rem + } + .xl\:-ms-6 { + margin-inline-start: -3rem + } + .xl\:ms-7 { + margin-inline-start: 4rem + } + .xl\:-ms-7 { + margin-inline-start: -4rem + } + .xl\:ms-8 { + margin-inline-start: 5rem + } + .xl\:-ms-8 { + margin-inline-start: -5rem + } + .xl\:ms-9 { + margin-inline-start: 6rem + } + .xl\:-ms-9 { + margin-inline-start: -6rem + } + .xl\:ms-10 { + margin-inline-start: 7rem + } + .xl\:-ms-10 { + margin-inline-start: -7rem + } + .xl\:ms-11 { + margin-inline-start: 8rem + } + .xl\:-ms-11 { + margin-inline-start: -8rem + } + .xl\:ms-12 { + margin-inline-start: 9rem + } + .xl\:-ms-12 { + margin-inline-start: -9rem + } + .xl\:ms-13 { + margin-inline-start: 10rem + } + .xl\:-ms-13 { + margin-inline-start: -10rem + } + .xl\:ms-14 { + margin-inline-start: 11rem + } + .xl\:-ms-14 { + margin-inline-start: -11rem + } + .xl\:ms-15 { + margin-inline-start: 12rem + } + .xl\:-ms-15 { + margin-inline-start: -12rem + } + .xl\:ms-16 { + margin-inline-start: 13rem + } + .xl\:-ms-16 { + margin-inline-start: -13rem + } + .xl\:ms-17 { + margin-inline-start: 14rem + } + .xl\:-ms-17 { + margin-inline-start: -14rem + } + .xl\:ms-18 { + margin-inline-start: 15rem + } + .xl\:-ms-18 { + margin-inline-start: -15rem + } + .xl\:ms-19 { + margin-inline-start: 16rem + } + .xl\:-ms-19 { + margin-inline-start: -16rem + } + .xl\:ms-20 { + margin-inline-start: 18rem + } + .xl\:-ms-20 { + margin-inline-start: -18rem + } + .xl\:ms-21 { + margin-inline-start: 20rem + } + .xl\:-ms-21 { + margin-inline-start: -20rem + } + .xl\:ms-22 { + margin-inline-start: 24rem + } + .xl\:-ms-22 { + margin-inline-start: -24rem + } + .xl\:ms-23 { + margin-inline-start: 28rem + } + .xl\:-ms-23 { + margin-inline-start: -28rem + } + .xl\:ms-24 { + margin-inline-start: 32rem + } + .xl\:-ms-24 { + margin-inline-start: -32rem + } + .xl\:ms-25 { + margin-inline-start: 36rem + } + .xl\:-ms-25 { + margin-inline-start: -36rem + } + .xl\:ms-26 { + margin-inline-start: 40rem + } + .xl\:-ms-26 { + margin-inline-start: -40rem + } + .xl\:ms-27 { + margin-inline-start: 44rem + } + .xl\:-ms-27 { + margin-inline-start: -44rem + } + .xl\:ms-28 { + margin-inline-start: 48rem + } + .xl\:-ms-28 { + margin-inline-start: -48rem + } + .xl\:ms-29 { + margin-inline-start: 52rem + } + .xl\:-ms-29 { + margin-inline-start: -52rem + } + .xl\:ms-30 { + margin-inline-start: 56rem + } + .xl\:-ms-30 { + margin-inline-start: -56rem + } + .xl\:ms-31 { + margin-inline-start: 60rem + } + .xl\:-ms-31 { + margin-inline-start: -60rem + } + .xl\:ms-32 { + margin-inline-start: 64rem + } + .xl\:-ms-32 { + margin-inline-start: -64rem + } +} +.me-auto { + margin-inline-end: auto +} +.me-0 { + margin-inline-end: 0rem +} +.-me-0 { + margin-inline-end: -0rem +} +.me-1 { + margin-inline-end: 0.25rem +} +.-me-1 { + margin-inline-end: -0.25rem +} +.me-2 { + margin-inline-end: 0.5rem +} +.-me-2 { + margin-inline-end: -0.5rem +} +.me-3 { + margin-inline-end: 1rem +} +.-me-3 { + margin-inline-end: -1rem +} +.me-4 { + margin-inline-end: 1.5rem +} +.-me-4 { + margin-inline-end: -1.5rem +} +.me-5 { + margin-inline-end: 2rem +} +.-me-5 { + margin-inline-end: -2rem +} +.me-6 { + margin-inline-end: 3rem +} +.-me-6 { + margin-inline-end: -3rem +} +.me-7 { + margin-inline-end: 4rem +} +.-me-7 { + margin-inline-end: -4rem +} +.me-8 { + margin-inline-end: 5rem +} +.-me-8 { + margin-inline-end: -5rem +} +.me-9 { + margin-inline-end: 6rem +} +.-me-9 { + margin-inline-end: -6rem +} +.me-10 { + margin-inline-end: 7rem +} +.-me-10 { + margin-inline-end: -7rem +} +.me-11 { + margin-inline-end: 8rem +} +.-me-11 { + margin-inline-end: -8rem +} +.me-12 { + margin-inline-end: 9rem +} +.-me-12 { + margin-inline-end: -9rem +} +.me-13 { + margin-inline-end: 10rem +} +.-me-13 { + margin-inline-end: -10rem +} +.me-14 { + margin-inline-end: 11rem +} +.-me-14 { + margin-inline-end: -11rem +} +.me-15 { + margin-inline-end: 12rem +} +.-me-15 { + margin-inline-end: -12rem +} +.me-16 { + margin-inline-end: 13rem +} +.-me-16 { + margin-inline-end: -13rem +} +.me-17 { + margin-inline-end: 14rem +} +.-me-17 { + margin-inline-end: -14rem +} +.me-18 { + margin-inline-end: 15rem +} +.-me-18 { + margin-inline-end: -15rem +} +.me-19 { + margin-inline-end: 16rem +} +.-me-19 { + margin-inline-end: -16rem +} +.me-20 { + margin-inline-end: 18rem +} +.-me-20 { + margin-inline-end: -18rem +} +.me-21 { + margin-inline-end: 20rem +} +.-me-21 { + margin-inline-end: -20rem +} +.me-22 { + margin-inline-end: 24rem +} +.-me-22 { + margin-inline-end: -24rem +} +.me-23 { + margin-inline-end: 28rem +} +.-me-23 { + margin-inline-end: -28rem +} +.me-24 { + margin-inline-end: 32rem +} +.-me-24 { + margin-inline-end: -32rem +} +.me-25 { + margin-inline-end: 36rem +} +.-me-25 { + margin-inline-end: -36rem +} +.me-26 { + margin-inline-end: 40rem +} +.-me-26 { + margin-inline-end: -40rem +} +.me-27 { + margin-inline-end: 44rem +} +.-me-27 { + margin-inline-end: -44rem +} +.me-28 { + margin-inline-end: 48rem +} +.-me-28 { + margin-inline-end: -48rem +} +.me-29 { + margin-inline-end: 52rem +} +.-me-29 { + margin-inline-end: -52rem +} +.me-30 { + margin-inline-end: 56rem +} +.-me-30 { + margin-inline-end: -56rem +} +.me-31 { + margin-inline-end: 60rem +} +.-me-31 { + margin-inline-end: -60rem +} +.me-32 { + margin-inline-end: 64rem +} +.-me-32 { + margin-inline-end: -64rem +} +@media screen and (min-width: 576px) { + .sm\:me-auto { + margin-inline-end: auto + } + .sm\:me-0 { + margin-inline-end: 0rem + } + .sm\:-me-0 { + margin-inline-end: -0rem + } + .sm\:me-1 { + margin-inline-end: 0.25rem + } + .sm\:-me-1 { + margin-inline-end: -0.25rem + } + .sm\:me-2 { + margin-inline-end: 0.5rem + } + .sm\:-me-2 { + margin-inline-end: -0.5rem + } + .sm\:me-3 { + margin-inline-end: 1rem + } + .sm\:-me-3 { + margin-inline-end: -1rem + } + .sm\:me-4 { + margin-inline-end: 1.5rem + } + .sm\:-me-4 { + margin-inline-end: -1.5rem + } + .sm\:me-5 { + margin-inline-end: 2rem + } + .sm\:-me-5 { + margin-inline-end: -2rem + } + .sm\:me-6 { + margin-inline-end: 3rem + } + .sm\:-me-6 { + margin-inline-end: -3rem + } + .sm\:me-7 { + margin-inline-end: 4rem + } + .sm\:-me-7 { + margin-inline-end: -4rem + } + .sm\:me-8 { + margin-inline-end: 5rem + } + .sm\:-me-8 { + margin-inline-end: -5rem + } + .sm\:me-9 { + margin-inline-end: 6rem + } + .sm\:-me-9 { + margin-inline-end: -6rem + } + .sm\:me-10 { + margin-inline-end: 7rem + } + .sm\:-me-10 { + margin-inline-end: -7rem + } + .sm\:me-11 { + margin-inline-end: 8rem + } + .sm\:-me-11 { + margin-inline-end: -8rem + } + .sm\:me-12 { + margin-inline-end: 9rem + } + .sm\:-me-12 { + margin-inline-end: -9rem + } + .sm\:me-13 { + margin-inline-end: 10rem + } + .sm\:-me-13 { + margin-inline-end: -10rem + } + .sm\:me-14 { + margin-inline-end: 11rem + } + .sm\:-me-14 { + margin-inline-end: -11rem + } + .sm\:me-15 { + margin-inline-end: 12rem + } + .sm\:-me-15 { + margin-inline-end: -12rem + } + .sm\:me-16 { + margin-inline-end: 13rem + } + .sm\:-me-16 { + margin-inline-end: -13rem + } + .sm\:me-17 { + margin-inline-end: 14rem + } + .sm\:-me-17 { + margin-inline-end: -14rem + } + .sm\:me-18 { + margin-inline-end: 15rem + } + .sm\:-me-18 { + margin-inline-end: -15rem + } + .sm\:me-19 { + margin-inline-end: 16rem + } + .sm\:-me-19 { + margin-inline-end: -16rem + } + .sm\:me-20 { + margin-inline-end: 18rem + } + .sm\:-me-20 { + margin-inline-end: -18rem + } + .sm\:me-21 { + margin-inline-end: 20rem + } + .sm\:-me-21 { + margin-inline-end: -20rem + } + .sm\:me-22 { + margin-inline-end: 24rem + } + .sm\:-me-22 { + margin-inline-end: -24rem + } + .sm\:me-23 { + margin-inline-end: 28rem + } + .sm\:-me-23 { + margin-inline-end: -28rem + } + .sm\:me-24 { + margin-inline-end: 32rem + } + .sm\:-me-24 { + margin-inline-end: -32rem + } + .sm\:me-25 { + margin-inline-end: 36rem + } + .sm\:-me-25 { + margin-inline-end: -36rem + } + .sm\:me-26 { + margin-inline-end: 40rem + } + .sm\:-me-26 { + margin-inline-end: -40rem + } + .sm\:me-27 { + margin-inline-end: 44rem + } + .sm\:-me-27 { + margin-inline-end: -44rem + } + .sm\:me-28 { + margin-inline-end: 48rem + } + .sm\:-me-28 { + margin-inline-end: -48rem + } + .sm\:me-29 { + margin-inline-end: 52rem + } + .sm\:-me-29 { + margin-inline-end: -52rem + } + .sm\:me-30 { + margin-inline-end: 56rem + } + .sm\:-me-30 { + margin-inline-end: -56rem + } + .sm\:me-31 { + margin-inline-end: 60rem + } + .sm\:-me-31 { + margin-inline-end: -60rem + } + .sm\:me-32 { + margin-inline-end: 64rem + } + .sm\:-me-32 { + margin-inline-end: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:me-auto { + margin-inline-end: auto + } + .md\:me-0 { + margin-inline-end: 0rem + } + .md\:-me-0 { + margin-inline-end: -0rem + } + .md\:me-1 { + margin-inline-end: 0.25rem + } + .md\:-me-1 { + margin-inline-end: -0.25rem + } + .md\:me-2 { + margin-inline-end: 0.5rem + } + .md\:-me-2 { + margin-inline-end: -0.5rem + } + .md\:me-3 { + margin-inline-end: 1rem + } + .md\:-me-3 { + margin-inline-end: -1rem + } + .md\:me-4 { + margin-inline-end: 1.5rem + } + .md\:-me-4 { + margin-inline-end: -1.5rem + } + .md\:me-5 { + margin-inline-end: 2rem + } + .md\:-me-5 { + margin-inline-end: -2rem + } + .md\:me-6 { + margin-inline-end: 3rem + } + .md\:-me-6 { + margin-inline-end: -3rem + } + .md\:me-7 { + margin-inline-end: 4rem + } + .md\:-me-7 { + margin-inline-end: -4rem + } + .md\:me-8 { + margin-inline-end: 5rem + } + .md\:-me-8 { + margin-inline-end: -5rem + } + .md\:me-9 { + margin-inline-end: 6rem + } + .md\:-me-9 { + margin-inline-end: -6rem + } + .md\:me-10 { + margin-inline-end: 7rem + } + .md\:-me-10 { + margin-inline-end: -7rem + } + .md\:me-11 { + margin-inline-end: 8rem + } + .md\:-me-11 { + margin-inline-end: -8rem + } + .md\:me-12 { + margin-inline-end: 9rem + } + .md\:-me-12 { + margin-inline-end: -9rem + } + .md\:me-13 { + margin-inline-end: 10rem + } + .md\:-me-13 { + margin-inline-end: -10rem + } + .md\:me-14 { + margin-inline-end: 11rem + } + .md\:-me-14 { + margin-inline-end: -11rem + } + .md\:me-15 { + margin-inline-end: 12rem + } + .md\:-me-15 { + margin-inline-end: -12rem + } + .md\:me-16 { + margin-inline-end: 13rem + } + .md\:-me-16 { + margin-inline-end: -13rem + } + .md\:me-17 { + margin-inline-end: 14rem + } + .md\:-me-17 { + margin-inline-end: -14rem + } + .md\:me-18 { + margin-inline-end: 15rem + } + .md\:-me-18 { + margin-inline-end: -15rem + } + .md\:me-19 { + margin-inline-end: 16rem + } + .md\:-me-19 { + margin-inline-end: -16rem + } + .md\:me-20 { + margin-inline-end: 18rem + } + .md\:-me-20 { + margin-inline-end: -18rem + } + .md\:me-21 { + margin-inline-end: 20rem + } + .md\:-me-21 { + margin-inline-end: -20rem + } + .md\:me-22 { + margin-inline-end: 24rem + } + .md\:-me-22 { + margin-inline-end: -24rem + } + .md\:me-23 { + margin-inline-end: 28rem + } + .md\:-me-23 { + margin-inline-end: -28rem + } + .md\:me-24 { + margin-inline-end: 32rem + } + .md\:-me-24 { + margin-inline-end: -32rem + } + .md\:me-25 { + margin-inline-end: 36rem + } + .md\:-me-25 { + margin-inline-end: -36rem + } + .md\:me-26 { + margin-inline-end: 40rem + } + .md\:-me-26 { + margin-inline-end: -40rem + } + .md\:me-27 { + margin-inline-end: 44rem + } + .md\:-me-27 { + margin-inline-end: -44rem + } + .md\:me-28 { + margin-inline-end: 48rem + } + .md\:-me-28 { + margin-inline-end: -48rem + } + .md\:me-29 { + margin-inline-end: 52rem + } + .md\:-me-29 { + margin-inline-end: -52rem + } + .md\:me-30 { + margin-inline-end: 56rem + } + .md\:-me-30 { + margin-inline-end: -56rem + } + .md\:me-31 { + margin-inline-end: 60rem + } + .md\:-me-31 { + margin-inline-end: -60rem + } + .md\:me-32 { + margin-inline-end: 64rem + } + .md\:-me-32 { + margin-inline-end: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:me-auto { + margin-inline-end: auto + } + .lg\:me-0 { + margin-inline-end: 0rem + } + .lg\:-me-0 { + margin-inline-end: -0rem + } + .lg\:me-1 { + margin-inline-end: 0.25rem + } + .lg\:-me-1 { + margin-inline-end: -0.25rem + } + .lg\:me-2 { + margin-inline-end: 0.5rem + } + .lg\:-me-2 { + margin-inline-end: -0.5rem + } + .lg\:me-3 { + margin-inline-end: 1rem + } + .lg\:-me-3 { + margin-inline-end: -1rem + } + .lg\:me-4 { + margin-inline-end: 1.5rem + } + .lg\:-me-4 { + margin-inline-end: -1.5rem + } + .lg\:me-5 { + margin-inline-end: 2rem + } + .lg\:-me-5 { + margin-inline-end: -2rem + } + .lg\:me-6 { + margin-inline-end: 3rem + } + .lg\:-me-6 { + margin-inline-end: -3rem + } + .lg\:me-7 { + margin-inline-end: 4rem + } + .lg\:-me-7 { + margin-inline-end: -4rem + } + .lg\:me-8 { + margin-inline-end: 5rem + } + .lg\:-me-8 { + margin-inline-end: -5rem + } + .lg\:me-9 { + margin-inline-end: 6rem + } + .lg\:-me-9 { + margin-inline-end: -6rem + } + .lg\:me-10 { + margin-inline-end: 7rem + } + .lg\:-me-10 { + margin-inline-end: -7rem + } + .lg\:me-11 { + margin-inline-end: 8rem + } + .lg\:-me-11 { + margin-inline-end: -8rem + } + .lg\:me-12 { + margin-inline-end: 9rem + } + .lg\:-me-12 { + margin-inline-end: -9rem + } + .lg\:me-13 { + margin-inline-end: 10rem + } + .lg\:-me-13 { + margin-inline-end: -10rem + } + .lg\:me-14 { + margin-inline-end: 11rem + } + .lg\:-me-14 { + margin-inline-end: -11rem + } + .lg\:me-15 { + margin-inline-end: 12rem + } + .lg\:-me-15 { + margin-inline-end: -12rem + } + .lg\:me-16 { + margin-inline-end: 13rem + } + .lg\:-me-16 { + margin-inline-end: -13rem + } + .lg\:me-17 { + margin-inline-end: 14rem + } + .lg\:-me-17 { + margin-inline-end: -14rem + } + .lg\:me-18 { + margin-inline-end: 15rem + } + .lg\:-me-18 { + margin-inline-end: -15rem + } + .lg\:me-19 { + margin-inline-end: 16rem + } + .lg\:-me-19 { + margin-inline-end: -16rem + } + .lg\:me-20 { + margin-inline-end: 18rem + } + .lg\:-me-20 { + margin-inline-end: -18rem + } + .lg\:me-21 { + margin-inline-end: 20rem + } + .lg\:-me-21 { + margin-inline-end: -20rem + } + .lg\:me-22 { + margin-inline-end: 24rem + } + .lg\:-me-22 { + margin-inline-end: -24rem + } + .lg\:me-23 { + margin-inline-end: 28rem + } + .lg\:-me-23 { + margin-inline-end: -28rem + } + .lg\:me-24 { + margin-inline-end: 32rem + } + .lg\:-me-24 { + margin-inline-end: -32rem + } + .lg\:me-25 { + margin-inline-end: 36rem + } + .lg\:-me-25 { + margin-inline-end: -36rem + } + .lg\:me-26 { + margin-inline-end: 40rem + } + .lg\:-me-26 { + margin-inline-end: -40rem + } + .lg\:me-27 { + margin-inline-end: 44rem + } + .lg\:-me-27 { + margin-inline-end: -44rem + } + .lg\:me-28 { + margin-inline-end: 48rem + } + .lg\:-me-28 { + margin-inline-end: -48rem + } + .lg\:me-29 { + margin-inline-end: 52rem + } + .lg\:-me-29 { + margin-inline-end: -52rem + } + .lg\:me-30 { + margin-inline-end: 56rem + } + .lg\:-me-30 { + margin-inline-end: -56rem + } + .lg\:me-31 { + margin-inline-end: 60rem + } + .lg\:-me-31 { + margin-inline-end: -60rem + } + .lg\:me-32 { + margin-inline-end: 64rem + } + .lg\:-me-32 { + margin-inline-end: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:me-auto { + margin-inline-end: auto + } + .xl\:me-0 { + margin-inline-end: 0rem + } + .xl\:-me-0 { + margin-inline-end: -0rem + } + .xl\:me-1 { + margin-inline-end: 0.25rem + } + .xl\:-me-1 { + margin-inline-end: -0.25rem + } + .xl\:me-2 { + margin-inline-end: 0.5rem + } + .xl\:-me-2 { + margin-inline-end: -0.5rem + } + .xl\:me-3 { + margin-inline-end: 1rem + } + .xl\:-me-3 { + margin-inline-end: -1rem + } + .xl\:me-4 { + margin-inline-end: 1.5rem + } + .xl\:-me-4 { + margin-inline-end: -1.5rem + } + .xl\:me-5 { + margin-inline-end: 2rem + } + .xl\:-me-5 { + margin-inline-end: -2rem + } + .xl\:me-6 { + margin-inline-end: 3rem + } + .xl\:-me-6 { + margin-inline-end: -3rem + } + .xl\:me-7 { + margin-inline-end: 4rem + } + .xl\:-me-7 { + margin-inline-end: -4rem + } + .xl\:me-8 { + margin-inline-end: 5rem + } + .xl\:-me-8 { + margin-inline-end: -5rem + } + .xl\:me-9 { + margin-inline-end: 6rem + } + .xl\:-me-9 { + margin-inline-end: -6rem + } + .xl\:me-10 { + margin-inline-end: 7rem + } + .xl\:-me-10 { + margin-inline-end: -7rem + } + .xl\:me-11 { + margin-inline-end: 8rem + } + .xl\:-me-11 { + margin-inline-end: -8rem + } + .xl\:me-12 { + margin-inline-end: 9rem + } + .xl\:-me-12 { + margin-inline-end: -9rem + } + .xl\:me-13 { + margin-inline-end: 10rem + } + .xl\:-me-13 { + margin-inline-end: -10rem + } + .xl\:me-14 { + margin-inline-end: 11rem + } + .xl\:-me-14 { + margin-inline-end: -11rem + } + .xl\:me-15 { + margin-inline-end: 12rem + } + .xl\:-me-15 { + margin-inline-end: -12rem + } + .xl\:me-16 { + margin-inline-end: 13rem + } + .xl\:-me-16 { + margin-inline-end: -13rem + } + .xl\:me-17 { + margin-inline-end: 14rem + } + .xl\:-me-17 { + margin-inline-end: -14rem + } + .xl\:me-18 { + margin-inline-end: 15rem + } + .xl\:-me-18 { + margin-inline-end: -15rem + } + .xl\:me-19 { + margin-inline-end: 16rem + } + .xl\:-me-19 { + margin-inline-end: -16rem + } + .xl\:me-20 { + margin-inline-end: 18rem + } + .xl\:-me-20 { + margin-inline-end: -18rem + } + .xl\:me-21 { + margin-inline-end: 20rem + } + .xl\:-me-21 { + margin-inline-end: -20rem + } + .xl\:me-22 { + margin-inline-end: 24rem + } + .xl\:-me-22 { + margin-inline-end: -24rem + } + .xl\:me-23 { + margin-inline-end: 28rem + } + .xl\:-me-23 { + margin-inline-end: -28rem + } + .xl\:me-24 { + margin-inline-end: 32rem + } + .xl\:-me-24 { + margin-inline-end: -32rem + } + .xl\:me-25 { + margin-inline-end: 36rem + } + .xl\:-me-25 { + margin-inline-end: -36rem + } + .xl\:me-26 { + margin-inline-end: 40rem + } + .xl\:-me-26 { + margin-inline-end: -40rem + } + .xl\:me-27 { + margin-inline-end: 44rem + } + .xl\:-me-27 { + margin-inline-end: -44rem + } + .xl\:me-28 { + margin-inline-end: 48rem + } + .xl\:-me-28 { + margin-inline-end: -48rem + } + .xl\:me-29 { + margin-inline-end: 52rem + } + .xl\:-me-29 { + margin-inline-end: -52rem + } + .xl\:me-30 { + margin-inline-end: 56rem + } + .xl\:-me-30 { + margin-inline-end: -56rem + } + .xl\:me-31 { + margin-inline-end: 60rem + } + .xl\:-me-31 { + margin-inline-end: -60rem + } + .xl\:me-32 { + margin-inline-end: 64rem + } + .xl\:-me-32 { + margin-inline-end: -64rem + } +} +.mt-auto { + margin-top: auto +} +.mt-0 { + margin-top: 0rem +} +.-mt-0 { + margin-top: -0rem +} +.mt-1 { + margin-top: 0.25rem +} +.-mt-1 { + margin-top: -0.25rem +} +.mt-2 { + margin-top: 0.5rem +} +.-mt-2 { + margin-top: -0.5rem +} +.mt-3 { + margin-top: 1rem +} +.-mt-3 { + margin-top: -1rem +} +.mt-4 { + margin-top: 1.5rem +} +.-mt-4 { + margin-top: -1.5rem +} +.mt-5 { + margin-top: 2rem +} +.-mt-5 { + margin-top: -2rem +} +.mt-6 { + margin-top: 3rem +} +.-mt-6 { + margin-top: -3rem +} +.mt-7 { + margin-top: 4rem +} +.-mt-7 { + margin-top: -4rem +} +.mt-8 { + margin-top: 5rem +} +.-mt-8 { + margin-top: -5rem +} +.mt-9 { + margin-top: 6rem +} +.-mt-9 { + margin-top: -6rem +} +.mt-10 { + margin-top: 7rem +} +.-mt-10 { + margin-top: -7rem +} +.mt-11 { + margin-top: 8rem +} +.-mt-11 { + margin-top: -8rem +} +.mt-12 { + margin-top: 9rem +} +.-mt-12 { + margin-top: -9rem +} +.mt-13 { + margin-top: 10rem +} +.-mt-13 { + margin-top: -10rem +} +.mt-14 { + margin-top: 11rem +} +.-mt-14 { + margin-top: -11rem +} +.mt-15 { + margin-top: 12rem +} +.-mt-15 { + margin-top: -12rem +} +.mt-16 { + margin-top: 13rem +} +.-mt-16 { + margin-top: -13rem +} +.mt-17 { + margin-top: 14rem +} +.-mt-17 { + margin-top: -14rem +} +.mt-18 { + margin-top: 15rem +} +.-mt-18 { + margin-top: -15rem +} +.mt-19 { + margin-top: 16rem +} +.-mt-19 { + margin-top: -16rem +} +.mt-20 { + margin-top: 18rem +} +.-mt-20 { + margin-top: -18rem +} +.mt-21 { + margin-top: 20rem +} +.-mt-21 { + margin-top: -20rem +} +.mt-22 { + margin-top: 24rem +} +.-mt-22 { + margin-top: -24rem +} +.mt-23 { + margin-top: 28rem +} +.-mt-23 { + margin-top: -28rem +} +.mt-24 { + margin-top: 32rem +} +.-mt-24 { + margin-top: -32rem +} +.mt-25 { + margin-top: 36rem +} +.-mt-25 { + margin-top: -36rem +} +.mt-26 { + margin-top: 40rem +} +.-mt-26 { + margin-top: -40rem +} +.mt-27 { + margin-top: 44rem +} +.-mt-27 { + margin-top: -44rem +} +.mt-28 { + margin-top: 48rem +} +.-mt-28 { + margin-top: -48rem +} +.mt-29 { + margin-top: 52rem +} +.-mt-29 { + margin-top: -52rem +} +.mt-30 { + margin-top: 56rem +} +.-mt-30 { + margin-top: -56rem +} +.mt-31 { + margin-top: 60rem +} +.-mt-31 { + margin-top: -60rem +} +.mt-32 { + margin-top: 64rem +} +.-mt-32 { + margin-top: -64rem +} +@media screen and (min-width: 576px) { + .sm\:mt-auto { + margin-top: auto + } + .sm\:mt-0 { + margin-top: 0rem + } + .sm\:-mt-0 { + margin-top: -0rem + } + .sm\:mt-1 { + margin-top: 0.25rem + } + .sm\:-mt-1 { + margin-top: -0.25rem + } + .sm\:mt-2 { + margin-top: 0.5rem + } + .sm\:-mt-2 { + margin-top: -0.5rem + } + .sm\:mt-3 { + margin-top: 1rem + } + .sm\:-mt-3 { + margin-top: -1rem + } + .sm\:mt-4 { + margin-top: 1.5rem + } + .sm\:-mt-4 { + margin-top: -1.5rem + } + .sm\:mt-5 { + margin-top: 2rem + } + .sm\:-mt-5 { + margin-top: -2rem + } + .sm\:mt-6 { + margin-top: 3rem + } + .sm\:-mt-6 { + margin-top: -3rem + } + .sm\:mt-7 { + margin-top: 4rem + } + .sm\:-mt-7 { + margin-top: -4rem + } + .sm\:mt-8 { + margin-top: 5rem + } + .sm\:-mt-8 { + margin-top: -5rem + } + .sm\:mt-9 { + margin-top: 6rem + } + .sm\:-mt-9 { + margin-top: -6rem + } + .sm\:mt-10 { + margin-top: 7rem + } + .sm\:-mt-10 { + margin-top: -7rem + } + .sm\:mt-11 { + margin-top: 8rem + } + .sm\:-mt-11 { + margin-top: -8rem + } + .sm\:mt-12 { + margin-top: 9rem + } + .sm\:-mt-12 { + margin-top: -9rem + } + .sm\:mt-13 { + margin-top: 10rem + } + .sm\:-mt-13 { + margin-top: -10rem + } + .sm\:mt-14 { + margin-top: 11rem + } + .sm\:-mt-14 { + margin-top: -11rem + } + .sm\:mt-15 { + margin-top: 12rem + } + .sm\:-mt-15 { + margin-top: -12rem + } + .sm\:mt-16 { + margin-top: 13rem + } + .sm\:-mt-16 { + margin-top: -13rem + } + .sm\:mt-17 { + margin-top: 14rem + } + .sm\:-mt-17 { + margin-top: -14rem + } + .sm\:mt-18 { + margin-top: 15rem + } + .sm\:-mt-18 { + margin-top: -15rem + } + .sm\:mt-19 { + margin-top: 16rem + } + .sm\:-mt-19 { + margin-top: -16rem + } + .sm\:mt-20 { + margin-top: 18rem + } + .sm\:-mt-20 { + margin-top: -18rem + } + .sm\:mt-21 { + margin-top: 20rem + } + .sm\:-mt-21 { + margin-top: -20rem + } + .sm\:mt-22 { + margin-top: 24rem + } + .sm\:-mt-22 { + margin-top: -24rem + } + .sm\:mt-23 { + margin-top: 28rem + } + .sm\:-mt-23 { + margin-top: -28rem + } + .sm\:mt-24 { + margin-top: 32rem + } + .sm\:-mt-24 { + margin-top: -32rem + } + .sm\:mt-25 { + margin-top: 36rem + } + .sm\:-mt-25 { + margin-top: -36rem + } + .sm\:mt-26 { + margin-top: 40rem + } + .sm\:-mt-26 { + margin-top: -40rem + } + .sm\:mt-27 { + margin-top: 44rem + } + .sm\:-mt-27 { + margin-top: -44rem + } + .sm\:mt-28 { + margin-top: 48rem + } + .sm\:-mt-28 { + margin-top: -48rem + } + .sm\:mt-29 { + margin-top: 52rem + } + .sm\:-mt-29 { + margin-top: -52rem + } + .sm\:mt-30 { + margin-top: 56rem + } + .sm\:-mt-30 { + margin-top: -56rem + } + .sm\:mt-31 { + margin-top: 60rem + } + .sm\:-mt-31 { + margin-top: -60rem + } + .sm\:mt-32 { + margin-top: 64rem + } + .sm\:-mt-32 { + margin-top: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:mt-auto { + margin-top: auto + } + .md\:mt-0 { + margin-top: 0rem + } + .md\:-mt-0 { + margin-top: -0rem + } + .md\:mt-1 { + margin-top: 0.25rem + } + .md\:-mt-1 { + margin-top: -0.25rem + } + .md\:mt-2 { + margin-top: 0.5rem + } + .md\:-mt-2 { + margin-top: -0.5rem + } + .md\:mt-3 { + margin-top: 1rem + } + .md\:-mt-3 { + margin-top: -1rem + } + .md\:mt-4 { + margin-top: 1.5rem + } + .md\:-mt-4 { + margin-top: -1.5rem + } + .md\:mt-5 { + margin-top: 2rem + } + .md\:-mt-5 { + margin-top: -2rem + } + .md\:mt-6 { + margin-top: 3rem + } + .md\:-mt-6 { + margin-top: -3rem + } + .md\:mt-7 { + margin-top: 4rem + } + .md\:-mt-7 { + margin-top: -4rem + } + .md\:mt-8 { + margin-top: 5rem + } + .md\:-mt-8 { + margin-top: -5rem + } + .md\:mt-9 { + margin-top: 6rem + } + .md\:-mt-9 { + margin-top: -6rem + } + .md\:mt-10 { + margin-top: 7rem + } + .md\:-mt-10 { + margin-top: -7rem + } + .md\:mt-11 { + margin-top: 8rem + } + .md\:-mt-11 { + margin-top: -8rem + } + .md\:mt-12 { + margin-top: 9rem + } + .md\:-mt-12 { + margin-top: -9rem + } + .md\:mt-13 { + margin-top: 10rem + } + .md\:-mt-13 { + margin-top: -10rem + } + .md\:mt-14 { + margin-top: 11rem + } + .md\:-mt-14 { + margin-top: -11rem + } + .md\:mt-15 { + margin-top: 12rem + } + .md\:-mt-15 { + margin-top: -12rem + } + .md\:mt-16 { + margin-top: 13rem + } + .md\:-mt-16 { + margin-top: -13rem + } + .md\:mt-17 { + margin-top: 14rem + } + .md\:-mt-17 { + margin-top: -14rem + } + .md\:mt-18 { + margin-top: 15rem + } + .md\:-mt-18 { + margin-top: -15rem + } + .md\:mt-19 { + margin-top: 16rem + } + .md\:-mt-19 { + margin-top: -16rem + } + .md\:mt-20 { + margin-top: 18rem + } + .md\:-mt-20 { + margin-top: -18rem + } + .md\:mt-21 { + margin-top: 20rem + } + .md\:-mt-21 { + margin-top: -20rem + } + .md\:mt-22 { + margin-top: 24rem + } + .md\:-mt-22 { + margin-top: -24rem + } + .md\:mt-23 { + margin-top: 28rem + } + .md\:-mt-23 { + margin-top: -28rem + } + .md\:mt-24 { + margin-top: 32rem + } + .md\:-mt-24 { + margin-top: -32rem + } + .md\:mt-25 { + margin-top: 36rem + } + .md\:-mt-25 { + margin-top: -36rem + } + .md\:mt-26 { + margin-top: 40rem + } + .md\:-mt-26 { + margin-top: -40rem + } + .md\:mt-27 { + margin-top: 44rem + } + .md\:-mt-27 { + margin-top: -44rem + } + .md\:mt-28 { + margin-top: 48rem + } + .md\:-mt-28 { + margin-top: -48rem + } + .md\:mt-29 { + margin-top: 52rem + } + .md\:-mt-29 { + margin-top: -52rem + } + .md\:mt-30 { + margin-top: 56rem + } + .md\:-mt-30 { + margin-top: -56rem + } + .md\:mt-31 { + margin-top: 60rem + } + .md\:-mt-31 { + margin-top: -60rem + } + .md\:mt-32 { + margin-top: 64rem + } + .md\:-mt-32 { + margin-top: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:mt-auto { + margin-top: auto + } + .lg\:mt-0 { + margin-top: 0rem + } + .lg\:-mt-0 { + margin-top: -0rem + } + .lg\:mt-1 { + margin-top: 0.25rem + } + .lg\:-mt-1 { + margin-top: -0.25rem + } + .lg\:mt-2 { + margin-top: 0.5rem + } + .lg\:-mt-2 { + margin-top: -0.5rem + } + .lg\:mt-3 { + margin-top: 1rem + } + .lg\:-mt-3 { + margin-top: -1rem + } + .lg\:mt-4 { + margin-top: 1.5rem + } + .lg\:-mt-4 { + margin-top: -1.5rem + } + .lg\:mt-5 { + margin-top: 2rem + } + .lg\:-mt-5 { + margin-top: -2rem + } + .lg\:mt-6 { + margin-top: 3rem + } + .lg\:-mt-6 { + margin-top: -3rem + } + .lg\:mt-7 { + margin-top: 4rem + } + .lg\:-mt-7 { + margin-top: -4rem + } + .lg\:mt-8 { + margin-top: 5rem + } + .lg\:-mt-8 { + margin-top: -5rem + } + .lg\:mt-9 { + margin-top: 6rem + } + .lg\:-mt-9 { + margin-top: -6rem + } + .lg\:mt-10 { + margin-top: 7rem + } + .lg\:-mt-10 { + margin-top: -7rem + } + .lg\:mt-11 { + margin-top: 8rem + } + .lg\:-mt-11 { + margin-top: -8rem + } + .lg\:mt-12 { + margin-top: 9rem + } + .lg\:-mt-12 { + margin-top: -9rem + } + .lg\:mt-13 { + margin-top: 10rem + } + .lg\:-mt-13 { + margin-top: -10rem + } + .lg\:mt-14 { + margin-top: 11rem + } + .lg\:-mt-14 { + margin-top: -11rem + } + .lg\:mt-15 { + margin-top: 12rem + } + .lg\:-mt-15 { + margin-top: -12rem + } + .lg\:mt-16 { + margin-top: 13rem + } + .lg\:-mt-16 { + margin-top: -13rem + } + .lg\:mt-17 { + margin-top: 14rem + } + .lg\:-mt-17 { + margin-top: -14rem + } + .lg\:mt-18 { + margin-top: 15rem + } + .lg\:-mt-18 { + margin-top: -15rem + } + .lg\:mt-19 { + margin-top: 16rem + } + .lg\:-mt-19 { + margin-top: -16rem + } + .lg\:mt-20 { + margin-top: 18rem + } + .lg\:-mt-20 { + margin-top: -18rem + } + .lg\:mt-21 { + margin-top: 20rem + } + .lg\:-mt-21 { + margin-top: -20rem + } + .lg\:mt-22 { + margin-top: 24rem + } + .lg\:-mt-22 { + margin-top: -24rem + } + .lg\:mt-23 { + margin-top: 28rem + } + .lg\:-mt-23 { + margin-top: -28rem + } + .lg\:mt-24 { + margin-top: 32rem + } + .lg\:-mt-24 { + margin-top: -32rem + } + .lg\:mt-25 { + margin-top: 36rem + } + .lg\:-mt-25 { + margin-top: -36rem + } + .lg\:mt-26 { + margin-top: 40rem + } + .lg\:-mt-26 { + margin-top: -40rem + } + .lg\:mt-27 { + margin-top: 44rem + } + .lg\:-mt-27 { + margin-top: -44rem + } + .lg\:mt-28 { + margin-top: 48rem + } + .lg\:-mt-28 { + margin-top: -48rem + } + .lg\:mt-29 { + margin-top: 52rem + } + .lg\:-mt-29 { + margin-top: -52rem + } + .lg\:mt-30 { + margin-top: 56rem + } + .lg\:-mt-30 { + margin-top: -56rem + } + .lg\:mt-31 { + margin-top: 60rem + } + .lg\:-mt-31 { + margin-top: -60rem + } + .lg\:mt-32 { + margin-top: 64rem + } + .lg\:-mt-32 { + margin-top: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:mt-auto { + margin-top: auto + } + .xl\:mt-0 { + margin-top: 0rem + } + .xl\:-mt-0 { + margin-top: -0rem + } + .xl\:mt-1 { + margin-top: 0.25rem + } + .xl\:-mt-1 { + margin-top: -0.25rem + } + .xl\:mt-2 { + margin-top: 0.5rem + } + .xl\:-mt-2 { + margin-top: -0.5rem + } + .xl\:mt-3 { + margin-top: 1rem + } + .xl\:-mt-3 { + margin-top: -1rem + } + .xl\:mt-4 { + margin-top: 1.5rem + } + .xl\:-mt-4 { + margin-top: -1.5rem + } + .xl\:mt-5 { + margin-top: 2rem + } + .xl\:-mt-5 { + margin-top: -2rem + } + .xl\:mt-6 { + margin-top: 3rem + } + .xl\:-mt-6 { + margin-top: -3rem + } + .xl\:mt-7 { + margin-top: 4rem + } + .xl\:-mt-7 { + margin-top: -4rem + } + .xl\:mt-8 { + margin-top: 5rem + } + .xl\:-mt-8 { + margin-top: -5rem + } + .xl\:mt-9 { + margin-top: 6rem + } + .xl\:-mt-9 { + margin-top: -6rem + } + .xl\:mt-10 { + margin-top: 7rem + } + .xl\:-mt-10 { + margin-top: -7rem + } + .xl\:mt-11 { + margin-top: 8rem + } + .xl\:-mt-11 { + margin-top: -8rem + } + .xl\:mt-12 { + margin-top: 9rem + } + .xl\:-mt-12 { + margin-top: -9rem + } + .xl\:mt-13 { + margin-top: 10rem + } + .xl\:-mt-13 { + margin-top: -10rem + } + .xl\:mt-14 { + margin-top: 11rem + } + .xl\:-mt-14 { + margin-top: -11rem + } + .xl\:mt-15 { + margin-top: 12rem + } + .xl\:-mt-15 { + margin-top: -12rem + } + .xl\:mt-16 { + margin-top: 13rem + } + .xl\:-mt-16 { + margin-top: -13rem + } + .xl\:mt-17 { + margin-top: 14rem + } + .xl\:-mt-17 { + margin-top: -14rem + } + .xl\:mt-18 { + margin-top: 15rem + } + .xl\:-mt-18 { + margin-top: -15rem + } + .xl\:mt-19 { + margin-top: 16rem + } + .xl\:-mt-19 { + margin-top: -16rem + } + .xl\:mt-20 { + margin-top: 18rem + } + .xl\:-mt-20 { + margin-top: -18rem + } + .xl\:mt-21 { + margin-top: 20rem + } + .xl\:-mt-21 { + margin-top: -20rem + } + .xl\:mt-22 { + margin-top: 24rem + } + .xl\:-mt-22 { + margin-top: -24rem + } + .xl\:mt-23 { + margin-top: 28rem + } + .xl\:-mt-23 { + margin-top: -28rem + } + .xl\:mt-24 { + margin-top: 32rem + } + .xl\:-mt-24 { + margin-top: -32rem + } + .xl\:mt-25 { + margin-top: 36rem + } + .xl\:-mt-25 { + margin-top: -36rem + } + .xl\:mt-26 { + margin-top: 40rem + } + .xl\:-mt-26 { + margin-top: -40rem + } + .xl\:mt-27 { + margin-top: 44rem + } + .xl\:-mt-27 { + margin-top: -44rem + } + .xl\:mt-28 { + margin-top: 48rem + } + .xl\:-mt-28 { + margin-top: -48rem + } + .xl\:mt-29 { + margin-top: 52rem + } + .xl\:-mt-29 { + margin-top: -52rem + } + .xl\:mt-30 { + margin-top: 56rem + } + .xl\:-mt-30 { + margin-top: -56rem + } + .xl\:mt-31 { + margin-top: 60rem + } + .xl\:-mt-31 { + margin-top: -60rem + } + .xl\:mt-32 { + margin-top: 64rem + } + .xl\:-mt-32 { + margin-top: -64rem + } +} +.mx-auto { + margin-left: auto; + margin-right: auto +} +.mx-0 { + margin-left: 0rem; + margin-right: 0rem +} +.-mx-0 { + margin-left: -0rem; + margin-right: -0rem +} +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem +} +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem +} +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem +} +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem +} +.mx-3 { + margin-left: 1rem; + margin-right: 1rem +} +.-mx-3 { + margin-left: -1rem; + margin-right: -1rem +} +.mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem +} +.-mx-4 { + margin-left: -1.5rem; + margin-right: -1.5rem +} +.mx-5 { + margin-left: 2rem; + margin-right: 2rem +} +.-mx-5 { + margin-left: -2rem; + margin-right: -2rem +} +.mx-6 { + margin-left: 3rem; + margin-right: 3rem +} +.-mx-6 { + margin-left: -3rem; + margin-right: -3rem +} +.mx-7 { + margin-left: 4rem; + margin-right: 4rem +} +.-mx-7 { + margin-left: -4rem; + margin-right: -4rem +} +.mx-8 { + margin-left: 5rem; + margin-right: 5rem +} +.-mx-8 { + margin-left: -5rem; + margin-right: -5rem +} +.mx-9 { + margin-left: 6rem; + margin-right: 6rem +} +.-mx-9 { + margin-left: -6rem; + margin-right: -6rem +} +.mx-10 { + margin-left: 7rem; + margin-right: 7rem +} +.-mx-10 { + margin-left: -7rem; + margin-right: -7rem +} +.mx-11 { + margin-left: 8rem; + margin-right: 8rem +} +.-mx-11 { + margin-left: -8rem; + margin-right: -8rem +} +.mx-12 { + margin-left: 9rem; + margin-right: 9rem +} +.-mx-12 { + margin-left: -9rem; + margin-right: -9rem +} +.mx-13 { + margin-left: 10rem; + margin-right: 10rem +} +.-mx-13 { + margin-left: -10rem; + margin-right: -10rem +} +.mx-14 { + margin-left: 11rem; + margin-right: 11rem +} +.-mx-14 { + margin-left: -11rem; + margin-right: -11rem +} +.mx-15 { + margin-left: 12rem; + margin-right: 12rem +} +.-mx-15 { + margin-left: -12rem; + margin-right: -12rem +} +.mx-16 { + margin-left: 13rem; + margin-right: 13rem +} +.-mx-16 { + margin-left: -13rem; + margin-right: -13rem +} +.mx-17 { + margin-left: 14rem; + margin-right: 14rem +} +.-mx-17 { + margin-left: -14rem; + margin-right: -14rem +} +.mx-18 { + margin-left: 15rem; + margin-right: 15rem +} +.-mx-18 { + margin-left: -15rem; + margin-right: -15rem +} +.mx-19 { + margin-left: 16rem; + margin-right: 16rem +} +.-mx-19 { + margin-left: -16rem; + margin-right: -16rem +} +.mx-20 { + margin-left: 18rem; + margin-right: 18rem +} +.-mx-20 { + margin-left: -18rem; + margin-right: -18rem +} +.mx-21 { + margin-left: 20rem; + margin-right: 20rem +} +.-mx-21 { + margin-left: -20rem; + margin-right: -20rem +} +.mx-22 { + margin-left: 24rem; + margin-right: 24rem +} +.-mx-22 { + margin-left: -24rem; + margin-right: -24rem +} +.mx-23 { + margin-left: 28rem; + margin-right: 28rem +} +.-mx-23 { + margin-left: -28rem; + margin-right: -28rem +} +.mx-24 { + margin-left: 32rem; + margin-right: 32rem +} +.-mx-24 { + margin-left: -32rem; + margin-right: -32rem +} +.mx-25 { + margin-left: 36rem; + margin-right: 36rem +} +.-mx-25 { + margin-left: -36rem; + margin-right: -36rem +} +.mx-26 { + margin-left: 40rem; + margin-right: 40rem +} +.-mx-26 { + margin-left: -40rem; + margin-right: -40rem +} +.mx-27 { + margin-left: 44rem; + margin-right: 44rem +} +.-mx-27 { + margin-left: -44rem; + margin-right: -44rem +} +.mx-28 { + margin-left: 48rem; + margin-right: 48rem +} +.-mx-28 { + margin-left: -48rem; + margin-right: -48rem +} +.mx-29 { + margin-left: 52rem; + margin-right: 52rem +} +.-mx-29 { + margin-left: -52rem; + margin-right: -52rem +} +.mx-30 { + margin-left: 56rem; + margin-right: 56rem +} +.-mx-30 { + margin-left: -56rem; + margin-right: -56rem +} +.mx-31 { + margin-left: 60rem; + margin-right: 60rem +} +.-mx-31 { + margin-left: -60rem; + margin-right: -60rem +} +.mx-32 { + margin-left: 64rem; + margin-right: 64rem +} +.-mx-32 { + margin-left: -64rem; + margin-right: -64rem +} +@media screen and (min-width: 576px) { + .sm\:mx-auto { + margin-left: auto; + margin-right: auto + } + .sm\:mx-0 { + margin-left: 0rem; + margin-right: 0rem + } + .sm\:-mx-0 { + margin-left: -0rem; + margin-right: -0rem + } + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem + } + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem + } + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem + } + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem + } + .sm\:mx-3 { + margin-left: 1rem; + margin-right: 1rem + } + .sm\:-mx-3 { + margin-left: -1rem; + margin-right: -1rem + } + .sm\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem + } + .sm\:-mx-4 { + margin-left: -1.5rem; + margin-right: -1.5rem + } + .sm\:mx-5 { + margin-left: 2rem; + margin-right: 2rem + } + .sm\:-mx-5 { + margin-left: -2rem; + margin-right: -2rem + } + .sm\:mx-6 { + margin-left: 3rem; + margin-right: 3rem + } + .sm\:-mx-6 { + margin-left: -3rem; + margin-right: -3rem + } + .sm\:mx-7 { + margin-left: 4rem; + margin-right: 4rem + } + .sm\:-mx-7 { + margin-left: -4rem; + margin-right: -4rem + } + .sm\:mx-8 { + margin-left: 5rem; + margin-right: 5rem + } + .sm\:-mx-8 { + margin-left: -5rem; + margin-right: -5rem + } + .sm\:mx-9 { + margin-left: 6rem; + margin-right: 6rem + } + .sm\:-mx-9 { + margin-left: -6rem; + margin-right: -6rem + } + .sm\:mx-10 { + margin-left: 7rem; + margin-right: 7rem + } + .sm\:-mx-10 { + margin-left: -7rem; + margin-right: -7rem + } + .sm\:mx-11 { + margin-left: 8rem; + margin-right: 8rem + } + .sm\:-mx-11 { + margin-left: -8rem; + margin-right: -8rem + } + .sm\:mx-12 { + margin-left: 9rem; + margin-right: 9rem + } + .sm\:-mx-12 { + margin-left: -9rem; + margin-right: -9rem + } + .sm\:mx-13 { + margin-left: 10rem; + margin-right: 10rem + } + .sm\:-mx-13 { + margin-left: -10rem; + margin-right: -10rem + } + .sm\:mx-14 { + margin-left: 11rem; + margin-right: 11rem + } + .sm\:-mx-14 { + margin-left: -11rem; + margin-right: -11rem + } + .sm\:mx-15 { + margin-left: 12rem; + margin-right: 12rem + } + .sm\:-mx-15 { + margin-left: -12rem; + margin-right: -12rem + } + .sm\:mx-16 { + margin-left: 13rem; + margin-right: 13rem + } + .sm\:-mx-16 { + margin-left: -13rem; + margin-right: -13rem + } + .sm\:mx-17 { + margin-left: 14rem; + margin-right: 14rem + } + .sm\:-mx-17 { + margin-left: -14rem; + margin-right: -14rem + } + .sm\:mx-18 { + margin-left: 15rem; + margin-right: 15rem + } + .sm\:-mx-18 { + margin-left: -15rem; + margin-right: -15rem + } + .sm\:mx-19 { + margin-left: 16rem; + margin-right: 16rem + } + .sm\:-mx-19 { + margin-left: -16rem; + margin-right: -16rem + } + .sm\:mx-20 { + margin-left: 18rem; + margin-right: 18rem + } + .sm\:-mx-20 { + margin-left: -18rem; + margin-right: -18rem + } + .sm\:mx-21 { + margin-left: 20rem; + margin-right: 20rem + } + .sm\:-mx-21 { + margin-left: -20rem; + margin-right: -20rem + } + .sm\:mx-22 { + margin-left: 24rem; + margin-right: 24rem + } + .sm\:-mx-22 { + margin-left: -24rem; + margin-right: -24rem + } + .sm\:mx-23 { + margin-left: 28rem; + margin-right: 28rem + } + .sm\:-mx-23 { + margin-left: -28rem; + margin-right: -28rem + } + .sm\:mx-24 { + margin-left: 32rem; + margin-right: 32rem + } + .sm\:-mx-24 { + margin-left: -32rem; + margin-right: -32rem + } + .sm\:mx-25 { + margin-left: 36rem; + margin-right: 36rem + } + .sm\:-mx-25 { + margin-left: -36rem; + margin-right: -36rem + } + .sm\:mx-26 { + margin-left: 40rem; + margin-right: 40rem + } + .sm\:-mx-26 { + margin-left: -40rem; + margin-right: -40rem + } + .sm\:mx-27 { + margin-left: 44rem; + margin-right: 44rem + } + .sm\:-mx-27 { + margin-left: -44rem; + margin-right: -44rem + } + .sm\:mx-28 { + margin-left: 48rem; + margin-right: 48rem + } + .sm\:-mx-28 { + margin-left: -48rem; + margin-right: -48rem + } + .sm\:mx-29 { + margin-left: 52rem; + margin-right: 52rem + } + .sm\:-mx-29 { + margin-left: -52rem; + margin-right: -52rem + } + .sm\:mx-30 { + margin-left: 56rem; + margin-right: 56rem + } + .sm\:-mx-30 { + margin-left: -56rem; + margin-right: -56rem + } + .sm\:mx-31 { + margin-left: 60rem; + margin-right: 60rem + } + .sm\:-mx-31 { + margin-left: -60rem; + margin-right: -60rem + } + .sm\:mx-32 { + margin-left: 64rem; + margin-right: 64rem + } + .sm\:-mx-32 { + margin-left: -64rem; + margin-right: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:mx-auto { + margin-left: auto; + margin-right: auto + } + .md\:mx-0 { + margin-left: 0rem; + margin-right: 0rem + } + .md\:-mx-0 { + margin-left: -0rem; + margin-right: -0rem + } + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem + } + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem + } + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem + } + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem + } + .md\:mx-3 { + margin-left: 1rem; + margin-right: 1rem + } + .md\:-mx-3 { + margin-left: -1rem; + margin-right: -1rem + } + .md\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem + } + .md\:-mx-4 { + margin-left: -1.5rem; + margin-right: -1.5rem + } + .md\:mx-5 { + margin-left: 2rem; + margin-right: 2rem + } + .md\:-mx-5 { + margin-left: -2rem; + margin-right: -2rem + } + .md\:mx-6 { + margin-left: 3rem; + margin-right: 3rem + } + .md\:-mx-6 { + margin-left: -3rem; + margin-right: -3rem + } + .md\:mx-7 { + margin-left: 4rem; + margin-right: 4rem + } + .md\:-mx-7 { + margin-left: -4rem; + margin-right: -4rem + } + .md\:mx-8 { + margin-left: 5rem; + margin-right: 5rem + } + .md\:-mx-8 { + margin-left: -5rem; + margin-right: -5rem + } + .md\:mx-9 { + margin-left: 6rem; + margin-right: 6rem + } + .md\:-mx-9 { + margin-left: -6rem; + margin-right: -6rem + } + .md\:mx-10 { + margin-left: 7rem; + margin-right: 7rem + } + .md\:-mx-10 { + margin-left: -7rem; + margin-right: -7rem + } + .md\:mx-11 { + margin-left: 8rem; + margin-right: 8rem + } + .md\:-mx-11 { + margin-left: -8rem; + margin-right: -8rem + } + .md\:mx-12 { + margin-left: 9rem; + margin-right: 9rem + } + .md\:-mx-12 { + margin-left: -9rem; + margin-right: -9rem + } + .md\:mx-13 { + margin-left: 10rem; + margin-right: 10rem + } + .md\:-mx-13 { + margin-left: -10rem; + margin-right: -10rem + } + .md\:mx-14 { + margin-left: 11rem; + margin-right: 11rem + } + .md\:-mx-14 { + margin-left: -11rem; + margin-right: -11rem + } + .md\:mx-15 { + margin-left: 12rem; + margin-right: 12rem + } + .md\:-mx-15 { + margin-left: -12rem; + margin-right: -12rem + } + .md\:mx-16 { + margin-left: 13rem; + margin-right: 13rem + } + .md\:-mx-16 { + margin-left: -13rem; + margin-right: -13rem + } + .md\:mx-17 { + margin-left: 14rem; + margin-right: 14rem + } + .md\:-mx-17 { + margin-left: -14rem; + margin-right: -14rem + } + .md\:mx-18 { + margin-left: 15rem; + margin-right: 15rem + } + .md\:-mx-18 { + margin-left: -15rem; + margin-right: -15rem + } + .md\:mx-19 { + margin-left: 16rem; + margin-right: 16rem + } + .md\:-mx-19 { + margin-left: -16rem; + margin-right: -16rem + } + .md\:mx-20 { + margin-left: 18rem; + margin-right: 18rem + } + .md\:-mx-20 { + margin-left: -18rem; + margin-right: -18rem + } + .md\:mx-21 { + margin-left: 20rem; + margin-right: 20rem + } + .md\:-mx-21 { + margin-left: -20rem; + margin-right: -20rem + } + .md\:mx-22 { + margin-left: 24rem; + margin-right: 24rem + } + .md\:-mx-22 { + margin-left: -24rem; + margin-right: -24rem + } + .md\:mx-23 { + margin-left: 28rem; + margin-right: 28rem + } + .md\:-mx-23 { + margin-left: -28rem; + margin-right: -28rem + } + .md\:mx-24 { + margin-left: 32rem; + margin-right: 32rem + } + .md\:-mx-24 { + margin-left: -32rem; + margin-right: -32rem + } + .md\:mx-25 { + margin-left: 36rem; + margin-right: 36rem + } + .md\:-mx-25 { + margin-left: -36rem; + margin-right: -36rem + } + .md\:mx-26 { + margin-left: 40rem; + margin-right: 40rem + } + .md\:-mx-26 { + margin-left: -40rem; + margin-right: -40rem + } + .md\:mx-27 { + margin-left: 44rem; + margin-right: 44rem + } + .md\:-mx-27 { + margin-left: -44rem; + margin-right: -44rem + } + .md\:mx-28 { + margin-left: 48rem; + margin-right: 48rem + } + .md\:-mx-28 { + margin-left: -48rem; + margin-right: -48rem + } + .md\:mx-29 { + margin-left: 52rem; + margin-right: 52rem + } + .md\:-mx-29 { + margin-left: -52rem; + margin-right: -52rem + } + .md\:mx-30 { + margin-left: 56rem; + margin-right: 56rem + } + .md\:-mx-30 { + margin-left: -56rem; + margin-right: -56rem + } + .md\:mx-31 { + margin-left: 60rem; + margin-right: 60rem + } + .md\:-mx-31 { + margin-left: -60rem; + margin-right: -60rem + } + .md\:mx-32 { + margin-left: 64rem; + margin-right: 64rem + } + .md\:-mx-32 { + margin-left: -64rem; + margin-right: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:mx-auto { + margin-left: auto; + margin-right: auto + } + .lg\:mx-0 { + margin-left: 0rem; + margin-right: 0rem + } + .lg\:-mx-0 { + margin-left: -0rem; + margin-right: -0rem + } + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem + } + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem + } + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem + } + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem + } + .lg\:mx-3 { + margin-left: 1rem; + margin-right: 1rem + } + .lg\:-mx-3 { + margin-left: -1rem; + margin-right: -1rem + } + .lg\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem + } + .lg\:-mx-4 { + margin-left: -1.5rem; + margin-right: -1.5rem + } + .lg\:mx-5 { + margin-left: 2rem; + margin-right: 2rem + } + .lg\:-mx-5 { + margin-left: -2rem; + margin-right: -2rem + } + .lg\:mx-6 { + margin-left: 3rem; + margin-right: 3rem + } + .lg\:-mx-6 { + margin-left: -3rem; + margin-right: -3rem + } + .lg\:mx-7 { + margin-left: 4rem; + margin-right: 4rem + } + .lg\:-mx-7 { + margin-left: -4rem; + margin-right: -4rem + } + .lg\:mx-8 { + margin-left: 5rem; + margin-right: 5rem + } + .lg\:-mx-8 { + margin-left: -5rem; + margin-right: -5rem + } + .lg\:mx-9 { + margin-left: 6rem; + margin-right: 6rem + } + .lg\:-mx-9 { + margin-left: -6rem; + margin-right: -6rem + } + .lg\:mx-10 { + margin-left: 7rem; + margin-right: 7rem + } + .lg\:-mx-10 { + margin-left: -7rem; + margin-right: -7rem + } + .lg\:mx-11 { + margin-left: 8rem; + margin-right: 8rem + } + .lg\:-mx-11 { + margin-left: -8rem; + margin-right: -8rem + } + .lg\:mx-12 { + margin-left: 9rem; + margin-right: 9rem + } + .lg\:-mx-12 { + margin-left: -9rem; + margin-right: -9rem + } + .lg\:mx-13 { + margin-left: 10rem; + margin-right: 10rem + } + .lg\:-mx-13 { + margin-left: -10rem; + margin-right: -10rem + } + .lg\:mx-14 { + margin-left: 11rem; + margin-right: 11rem + } + .lg\:-mx-14 { + margin-left: -11rem; + margin-right: -11rem + } + .lg\:mx-15 { + margin-left: 12rem; + margin-right: 12rem + } + .lg\:-mx-15 { + margin-left: -12rem; + margin-right: -12rem + } + .lg\:mx-16 { + margin-left: 13rem; + margin-right: 13rem + } + .lg\:-mx-16 { + margin-left: -13rem; + margin-right: -13rem + } + .lg\:mx-17 { + margin-left: 14rem; + margin-right: 14rem + } + .lg\:-mx-17 { + margin-left: -14rem; + margin-right: -14rem + } + .lg\:mx-18 { + margin-left: 15rem; + margin-right: 15rem + } + .lg\:-mx-18 { + margin-left: -15rem; + margin-right: -15rem + } + .lg\:mx-19 { + margin-left: 16rem; + margin-right: 16rem + } + .lg\:-mx-19 { + margin-left: -16rem; + margin-right: -16rem + } + .lg\:mx-20 { + margin-left: 18rem; + margin-right: 18rem + } + .lg\:-mx-20 { + margin-left: -18rem; + margin-right: -18rem + } + .lg\:mx-21 { + margin-left: 20rem; + margin-right: 20rem + } + .lg\:-mx-21 { + margin-left: -20rem; + margin-right: -20rem + } + .lg\:mx-22 { + margin-left: 24rem; + margin-right: 24rem + } + .lg\:-mx-22 { + margin-left: -24rem; + margin-right: -24rem + } + .lg\:mx-23 { + margin-left: 28rem; + margin-right: 28rem + } + .lg\:-mx-23 { + margin-left: -28rem; + margin-right: -28rem + } + .lg\:mx-24 { + margin-left: 32rem; + margin-right: 32rem + } + .lg\:-mx-24 { + margin-left: -32rem; + margin-right: -32rem + } + .lg\:mx-25 { + margin-left: 36rem; + margin-right: 36rem + } + .lg\:-mx-25 { + margin-left: -36rem; + margin-right: -36rem + } + .lg\:mx-26 { + margin-left: 40rem; + margin-right: 40rem + } + .lg\:-mx-26 { + margin-left: -40rem; + margin-right: -40rem + } + .lg\:mx-27 { + margin-left: 44rem; + margin-right: 44rem + } + .lg\:-mx-27 { + margin-left: -44rem; + margin-right: -44rem + } + .lg\:mx-28 { + margin-left: 48rem; + margin-right: 48rem + } + .lg\:-mx-28 { + margin-left: -48rem; + margin-right: -48rem + } + .lg\:mx-29 { + margin-left: 52rem; + margin-right: 52rem + } + .lg\:-mx-29 { + margin-left: -52rem; + margin-right: -52rem + } + .lg\:mx-30 { + margin-left: 56rem; + margin-right: 56rem + } + .lg\:-mx-30 { + margin-left: -56rem; + margin-right: -56rem + } + .lg\:mx-31 { + margin-left: 60rem; + margin-right: 60rem + } + .lg\:-mx-31 { + margin-left: -60rem; + margin-right: -60rem + } + .lg\:mx-32 { + margin-left: 64rem; + margin-right: 64rem + } + .lg\:-mx-32 { + margin-left: -64rem; + margin-right: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:mx-auto { + margin-left: auto; + margin-right: auto + } + .xl\:mx-0 { + margin-left: 0rem; + margin-right: 0rem + } + .xl\:-mx-0 { + margin-left: -0rem; + margin-right: -0rem + } + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem + } + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem + } + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem + } + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem + } + .xl\:mx-3 { + margin-left: 1rem; + margin-right: 1rem + } + .xl\:-mx-3 { + margin-left: -1rem; + margin-right: -1rem + } + .xl\:mx-4 { + margin-left: 1.5rem; + margin-right: 1.5rem + } + .xl\:-mx-4 { + margin-left: -1.5rem; + margin-right: -1.5rem + } + .xl\:mx-5 { + margin-left: 2rem; + margin-right: 2rem + } + .xl\:-mx-5 { + margin-left: -2rem; + margin-right: -2rem + } + .xl\:mx-6 { + margin-left: 3rem; + margin-right: 3rem + } + .xl\:-mx-6 { + margin-left: -3rem; + margin-right: -3rem + } + .xl\:mx-7 { + margin-left: 4rem; + margin-right: 4rem + } + .xl\:-mx-7 { + margin-left: -4rem; + margin-right: -4rem + } + .xl\:mx-8 { + margin-left: 5rem; + margin-right: 5rem + } + .xl\:-mx-8 { + margin-left: -5rem; + margin-right: -5rem + } + .xl\:mx-9 { + margin-left: 6rem; + margin-right: 6rem + } + .xl\:-mx-9 { + margin-left: -6rem; + margin-right: -6rem + } + .xl\:mx-10 { + margin-left: 7rem; + margin-right: 7rem + } + .xl\:-mx-10 { + margin-left: -7rem; + margin-right: -7rem + } + .xl\:mx-11 { + margin-left: 8rem; + margin-right: 8rem + } + .xl\:-mx-11 { + margin-left: -8rem; + margin-right: -8rem + } + .xl\:mx-12 { + margin-left: 9rem; + margin-right: 9rem + } + .xl\:-mx-12 { + margin-left: -9rem; + margin-right: -9rem + } + .xl\:mx-13 { + margin-left: 10rem; + margin-right: 10rem + } + .xl\:-mx-13 { + margin-left: -10rem; + margin-right: -10rem + } + .xl\:mx-14 { + margin-left: 11rem; + margin-right: 11rem + } + .xl\:-mx-14 { + margin-left: -11rem; + margin-right: -11rem + } + .xl\:mx-15 { + margin-left: 12rem; + margin-right: 12rem + } + .xl\:-mx-15 { + margin-left: -12rem; + margin-right: -12rem + } + .xl\:mx-16 { + margin-left: 13rem; + margin-right: 13rem + } + .xl\:-mx-16 { + margin-left: -13rem; + margin-right: -13rem + } + .xl\:mx-17 { + margin-left: 14rem; + margin-right: 14rem + } + .xl\:-mx-17 { + margin-left: -14rem; + margin-right: -14rem + } + .xl\:mx-18 { + margin-left: 15rem; + margin-right: 15rem + } + .xl\:-mx-18 { + margin-left: -15rem; + margin-right: -15rem + } + .xl\:mx-19 { + margin-left: 16rem; + margin-right: 16rem + } + .xl\:-mx-19 { + margin-left: -16rem; + margin-right: -16rem + } + .xl\:mx-20 { + margin-left: 18rem; + margin-right: 18rem + } + .xl\:-mx-20 { + margin-left: -18rem; + margin-right: -18rem + } + .xl\:mx-21 { + margin-left: 20rem; + margin-right: 20rem + } + .xl\:-mx-21 { + margin-left: -20rem; + margin-right: -20rem + } + .xl\:mx-22 { + margin-left: 24rem; + margin-right: 24rem + } + .xl\:-mx-22 { + margin-left: -24rem; + margin-right: -24rem + } + .xl\:mx-23 { + margin-left: 28rem; + margin-right: 28rem + } + .xl\:-mx-23 { + margin-left: -28rem; + margin-right: -28rem + } + .xl\:mx-24 { + margin-left: 32rem; + margin-right: 32rem + } + .xl\:-mx-24 { + margin-left: -32rem; + margin-right: -32rem + } + .xl\:mx-25 { + margin-left: 36rem; + margin-right: 36rem + } + .xl\:-mx-25 { + margin-left: -36rem; + margin-right: -36rem + } + .xl\:mx-26 { + margin-left: 40rem; + margin-right: 40rem + } + .xl\:-mx-26 { + margin-left: -40rem; + margin-right: -40rem + } + .xl\:mx-27 { + margin-left: 44rem; + margin-right: 44rem + } + .xl\:-mx-27 { + margin-left: -44rem; + margin-right: -44rem + } + .xl\:mx-28 { + margin-left: 48rem; + margin-right: 48rem + } + .xl\:-mx-28 { + margin-left: -48rem; + margin-right: -48rem + } + .xl\:mx-29 { + margin-left: 52rem; + margin-right: 52rem + } + .xl\:-mx-29 { + margin-left: -52rem; + margin-right: -52rem + } + .xl\:mx-30 { + margin-left: 56rem; + margin-right: 56rem + } + .xl\:-mx-30 { + margin-left: -56rem; + margin-right: -56rem + } + .xl\:mx-31 { + margin-left: 60rem; + margin-right: 60rem + } + .xl\:-mx-31 { + margin-left: -60rem; + margin-right: -60rem + } + .xl\:mx-32 { + margin-left: 64rem; + margin-right: 64rem + } + .xl\:-mx-32 { + margin-left: -64rem; + margin-right: -64rem + } +} +.my-auto { + margin-top: auto; + margin-bottom: auto +} +.my-0 { + margin-top: 0rem; + margin-bottom: 0rem +} +.-my-0 { + margin-top: -0rem; + margin-bottom: -0rem +} +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem +} +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem +} +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem +} +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem +} +.my-3 { + margin-top: 1rem; + margin-bottom: 1rem +} +.-my-3 { + margin-top: -1rem; + margin-bottom: -1rem +} +.my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem +} +.-my-4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem +} +.my-5 { + margin-top: 2rem; + margin-bottom: 2rem +} +.-my-5 { + margin-top: -2rem; + margin-bottom: -2rem +} +.my-6 { + margin-top: 3rem; + margin-bottom: 3rem +} +.-my-6 { + margin-top: -3rem; + margin-bottom: -3rem +} +.my-7 { + margin-top: 4rem; + margin-bottom: 4rem +} +.-my-7 { + margin-top: -4rem; + margin-bottom: -4rem +} +.my-8 { + margin-top: 5rem; + margin-bottom: 5rem +} +.-my-8 { + margin-top: -5rem; + margin-bottom: -5rem +} +.my-9 { + margin-top: 6rem; + margin-bottom: 6rem +} +.-my-9 { + margin-top: -6rem; + margin-bottom: -6rem +} +.my-10 { + margin-top: 7rem; + margin-bottom: 7rem +} +.-my-10 { + margin-top: -7rem; + margin-bottom: -7rem +} +.my-11 { + margin-top: 8rem; + margin-bottom: 8rem +} +.-my-11 { + margin-top: -8rem; + margin-bottom: -8rem +} +.my-12 { + margin-top: 9rem; + margin-bottom: 9rem +} +.-my-12 { + margin-top: -9rem; + margin-bottom: -9rem +} +.my-13 { + margin-top: 10rem; + margin-bottom: 10rem +} +.-my-13 { + margin-top: -10rem; + margin-bottom: -10rem +} +.my-14 { + margin-top: 11rem; + margin-bottom: 11rem +} +.-my-14 { + margin-top: -11rem; + margin-bottom: -11rem +} +.my-15 { + margin-top: 12rem; + margin-bottom: 12rem +} +.-my-15 { + margin-top: -12rem; + margin-bottom: -12rem +} +.my-16 { + margin-top: 13rem; + margin-bottom: 13rem +} +.-my-16 { + margin-top: -13rem; + margin-bottom: -13rem +} +.my-17 { + margin-top: 14rem; + margin-bottom: 14rem +} +.-my-17 { + margin-top: -14rem; + margin-bottom: -14rem +} +.my-18 { + margin-top: 15rem; + margin-bottom: 15rem +} +.-my-18 { + margin-top: -15rem; + margin-bottom: -15rem +} +.my-19 { + margin-top: 16rem; + margin-bottom: 16rem +} +.-my-19 { + margin-top: -16rem; + margin-bottom: -16rem +} +.my-20 { + margin-top: 18rem; + margin-bottom: 18rem +} +.-my-20 { + margin-top: -18rem; + margin-bottom: -18rem +} +.my-21 { + margin-top: 20rem; + margin-bottom: 20rem +} +.-my-21 { + margin-top: -20rem; + margin-bottom: -20rem +} +.my-22 { + margin-top: 24rem; + margin-bottom: 24rem +} +.-my-22 { + margin-top: -24rem; + margin-bottom: -24rem +} +.my-23 { + margin-top: 28rem; + margin-bottom: 28rem +} +.-my-23 { + margin-top: -28rem; + margin-bottom: -28rem +} +.my-24 { + margin-top: 32rem; + margin-bottom: 32rem +} +.-my-24 { + margin-top: -32rem; + margin-bottom: -32rem +} +.my-25 { + margin-top: 36rem; + margin-bottom: 36rem +} +.-my-25 { + margin-top: -36rem; + margin-bottom: -36rem +} +.my-26 { + margin-top: 40rem; + margin-bottom: 40rem +} +.-my-26 { + margin-top: -40rem; + margin-bottom: -40rem +} +.my-27 { + margin-top: 44rem; + margin-bottom: 44rem +} +.-my-27 { + margin-top: -44rem; + margin-bottom: -44rem +} +.my-28 { + margin-top: 48rem; + margin-bottom: 48rem +} +.-my-28 { + margin-top: -48rem; + margin-bottom: -48rem +} +.my-29 { + margin-top: 52rem; + margin-bottom: 52rem +} +.-my-29 { + margin-top: -52rem; + margin-bottom: -52rem +} +.my-30 { + margin-top: 56rem; + margin-bottom: 56rem +} +.-my-30 { + margin-top: -56rem; + margin-bottom: -56rem +} +.my-31 { + margin-top: 60rem; + margin-bottom: 60rem +} +.-my-31 { + margin-top: -60rem; + margin-bottom: -60rem +} +.my-32 { + margin-top: 64rem; + margin-bottom: 64rem +} +.-my-32 { + margin-top: -64rem; + margin-bottom: -64rem +} +@media screen and (min-width: 576px) { + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto + } + .sm\:my-0 { + margin-top: 0rem; + margin-bottom: 0rem + } + .sm\:-my-0 { + margin-top: -0rem; + margin-bottom: -0rem + } + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem + } + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem + } + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem + } + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem + } + .sm\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem + } + .sm\:-my-3 { + margin-top: -1rem; + margin-bottom: -1rem + } + .sm\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + .sm\:-my-4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem + } + .sm\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem + } + .sm\:-my-5 { + margin-top: -2rem; + margin-bottom: -2rem + } + .sm\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem + } + .sm\:-my-6 { + margin-top: -3rem; + margin-bottom: -3rem + } + .sm\:my-7 { + margin-top: 4rem; + margin-bottom: 4rem + } + .sm\:-my-7 { + margin-top: -4rem; + margin-bottom: -4rem + } + .sm\:my-8 { + margin-top: 5rem; + margin-bottom: 5rem + } + .sm\:-my-8 { + margin-top: -5rem; + margin-bottom: -5rem + } + .sm\:my-9 { + margin-top: 6rem; + margin-bottom: 6rem + } + .sm\:-my-9 { + margin-top: -6rem; + margin-bottom: -6rem + } + .sm\:my-10 { + margin-top: 7rem; + margin-bottom: 7rem + } + .sm\:-my-10 { + margin-top: -7rem; + margin-bottom: -7rem + } + .sm\:my-11 { + margin-top: 8rem; + margin-bottom: 8rem + } + .sm\:-my-11 { + margin-top: -8rem; + margin-bottom: -8rem + } + .sm\:my-12 { + margin-top: 9rem; + margin-bottom: 9rem + } + .sm\:-my-12 { + margin-top: -9rem; + margin-bottom: -9rem + } + .sm\:my-13 { + margin-top: 10rem; + margin-bottom: 10rem + } + .sm\:-my-13 { + margin-top: -10rem; + margin-bottom: -10rem + } + .sm\:my-14 { + margin-top: 11rem; + margin-bottom: 11rem + } + .sm\:-my-14 { + margin-top: -11rem; + margin-bottom: -11rem + } + .sm\:my-15 { + margin-top: 12rem; + margin-bottom: 12rem + } + .sm\:-my-15 { + margin-top: -12rem; + margin-bottom: -12rem + } + .sm\:my-16 { + margin-top: 13rem; + margin-bottom: 13rem + } + .sm\:-my-16 { + margin-top: -13rem; + margin-bottom: -13rem + } + .sm\:my-17 { + margin-top: 14rem; + margin-bottom: 14rem + } + .sm\:-my-17 { + margin-top: -14rem; + margin-bottom: -14rem + } + .sm\:my-18 { + margin-top: 15rem; + margin-bottom: 15rem + } + .sm\:-my-18 { + margin-top: -15rem; + margin-bottom: -15rem + } + .sm\:my-19 { + margin-top: 16rem; + margin-bottom: 16rem + } + .sm\:-my-19 { + margin-top: -16rem; + margin-bottom: -16rem + } + .sm\:my-20 { + margin-top: 18rem; + margin-bottom: 18rem + } + .sm\:-my-20 { + margin-top: -18rem; + margin-bottom: -18rem + } + .sm\:my-21 { + margin-top: 20rem; + margin-bottom: 20rem + } + .sm\:-my-21 { + margin-top: -20rem; + margin-bottom: -20rem + } + .sm\:my-22 { + margin-top: 24rem; + margin-bottom: 24rem + } + .sm\:-my-22 { + margin-top: -24rem; + margin-bottom: -24rem + } + .sm\:my-23 { + margin-top: 28rem; + margin-bottom: 28rem + } + .sm\:-my-23 { + margin-top: -28rem; + margin-bottom: -28rem + } + .sm\:my-24 { + margin-top: 32rem; + margin-bottom: 32rem + } + .sm\:-my-24 { + margin-top: -32rem; + margin-bottom: -32rem + } + .sm\:my-25 { + margin-top: 36rem; + margin-bottom: 36rem + } + .sm\:-my-25 { + margin-top: -36rem; + margin-bottom: -36rem + } + .sm\:my-26 { + margin-top: 40rem; + margin-bottom: 40rem + } + .sm\:-my-26 { + margin-top: -40rem; + margin-bottom: -40rem + } + .sm\:my-27 { + margin-top: 44rem; + margin-bottom: 44rem + } + .sm\:-my-27 { + margin-top: -44rem; + margin-bottom: -44rem + } + .sm\:my-28 { + margin-top: 48rem; + margin-bottom: 48rem + } + .sm\:-my-28 { + margin-top: -48rem; + margin-bottom: -48rem + } + .sm\:my-29 { + margin-top: 52rem; + margin-bottom: 52rem + } + .sm\:-my-29 { + margin-top: -52rem; + margin-bottom: -52rem + } + .sm\:my-30 { + margin-top: 56rem; + margin-bottom: 56rem + } + .sm\:-my-30 { + margin-top: -56rem; + margin-bottom: -56rem + } + .sm\:my-31 { + margin-top: 60rem; + margin-bottom: 60rem + } + .sm\:-my-31 { + margin-top: -60rem; + margin-bottom: -60rem + } + .sm\:my-32 { + margin-top: 64rem; + margin-bottom: 64rem + } + .sm\:-my-32 { + margin-top: -64rem; + margin-bottom: -64rem + } +} +@media screen and (min-width: 768px) { + .md\:my-auto { + margin-top: auto; + margin-bottom: auto + } + .md\:my-0 { + margin-top: 0rem; + margin-bottom: 0rem + } + .md\:-my-0 { + margin-top: -0rem; + margin-bottom: -0rem + } + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem + } + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem + } + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem + } + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem + } + .md\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem + } + .md\:-my-3 { + margin-top: -1rem; + margin-bottom: -1rem + } + .md\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + .md\:-my-4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem + } + .md\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem + } + .md\:-my-5 { + margin-top: -2rem; + margin-bottom: -2rem + } + .md\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem + } + .md\:-my-6 { + margin-top: -3rem; + margin-bottom: -3rem + } + .md\:my-7 { + margin-top: 4rem; + margin-bottom: 4rem + } + .md\:-my-7 { + margin-top: -4rem; + margin-bottom: -4rem + } + .md\:my-8 { + margin-top: 5rem; + margin-bottom: 5rem + } + .md\:-my-8 { + margin-top: -5rem; + margin-bottom: -5rem + } + .md\:my-9 { + margin-top: 6rem; + margin-bottom: 6rem + } + .md\:-my-9 { + margin-top: -6rem; + margin-bottom: -6rem + } + .md\:my-10 { + margin-top: 7rem; + margin-bottom: 7rem + } + .md\:-my-10 { + margin-top: -7rem; + margin-bottom: -7rem + } + .md\:my-11 { + margin-top: 8rem; + margin-bottom: 8rem + } + .md\:-my-11 { + margin-top: -8rem; + margin-bottom: -8rem + } + .md\:my-12 { + margin-top: 9rem; + margin-bottom: 9rem + } + .md\:-my-12 { + margin-top: -9rem; + margin-bottom: -9rem + } + .md\:my-13 { + margin-top: 10rem; + margin-bottom: 10rem + } + .md\:-my-13 { + margin-top: -10rem; + margin-bottom: -10rem + } + .md\:my-14 { + margin-top: 11rem; + margin-bottom: 11rem + } + .md\:-my-14 { + margin-top: -11rem; + margin-bottom: -11rem + } + .md\:my-15 { + margin-top: 12rem; + margin-bottom: 12rem + } + .md\:-my-15 { + margin-top: -12rem; + margin-bottom: -12rem + } + .md\:my-16 { + margin-top: 13rem; + margin-bottom: 13rem + } + .md\:-my-16 { + margin-top: -13rem; + margin-bottom: -13rem + } + .md\:my-17 { + margin-top: 14rem; + margin-bottom: 14rem + } + .md\:-my-17 { + margin-top: -14rem; + margin-bottom: -14rem + } + .md\:my-18 { + margin-top: 15rem; + margin-bottom: 15rem + } + .md\:-my-18 { + margin-top: -15rem; + margin-bottom: -15rem + } + .md\:my-19 { + margin-top: 16rem; + margin-bottom: 16rem + } + .md\:-my-19 { + margin-top: -16rem; + margin-bottom: -16rem + } + .md\:my-20 { + margin-top: 18rem; + margin-bottom: 18rem + } + .md\:-my-20 { + margin-top: -18rem; + margin-bottom: -18rem + } + .md\:my-21 { + margin-top: 20rem; + margin-bottom: 20rem + } + .md\:-my-21 { + margin-top: -20rem; + margin-bottom: -20rem + } + .md\:my-22 { + margin-top: 24rem; + margin-bottom: 24rem + } + .md\:-my-22 { + margin-top: -24rem; + margin-bottom: -24rem + } + .md\:my-23 { + margin-top: 28rem; + margin-bottom: 28rem + } + .md\:-my-23 { + margin-top: -28rem; + margin-bottom: -28rem + } + .md\:my-24 { + margin-top: 32rem; + margin-bottom: 32rem + } + .md\:-my-24 { + margin-top: -32rem; + margin-bottom: -32rem + } + .md\:my-25 { + margin-top: 36rem; + margin-bottom: 36rem + } + .md\:-my-25 { + margin-top: -36rem; + margin-bottom: -36rem + } + .md\:my-26 { + margin-top: 40rem; + margin-bottom: 40rem + } + .md\:-my-26 { + margin-top: -40rem; + margin-bottom: -40rem + } + .md\:my-27 { + margin-top: 44rem; + margin-bottom: 44rem + } + .md\:-my-27 { + margin-top: -44rem; + margin-bottom: -44rem + } + .md\:my-28 { + margin-top: 48rem; + margin-bottom: 48rem + } + .md\:-my-28 { + margin-top: -48rem; + margin-bottom: -48rem + } + .md\:my-29 { + margin-top: 52rem; + margin-bottom: 52rem + } + .md\:-my-29 { + margin-top: -52rem; + margin-bottom: -52rem + } + .md\:my-30 { + margin-top: 56rem; + margin-bottom: 56rem + } + .md\:-my-30 { + margin-top: -56rem; + margin-bottom: -56rem + } + .md\:my-31 { + margin-top: 60rem; + margin-bottom: 60rem + } + .md\:-my-31 { + margin-top: -60rem; + margin-bottom: -60rem + } + .md\:my-32 { + margin-top: 64rem; + margin-bottom: 64rem + } + .md\:-my-32 { + margin-top: -64rem; + margin-bottom: -64rem + } +} +@media screen and (min-width: 992px) { + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto + } + .lg\:my-0 { + margin-top: 0rem; + margin-bottom: 0rem + } + .lg\:-my-0 { + margin-top: -0rem; + margin-bottom: -0rem + } + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem + } + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem + } + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem + } + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem + } + .lg\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem + } + .lg\:-my-3 { + margin-top: -1rem; + margin-bottom: -1rem + } + .lg\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + .lg\:-my-4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem + } + .lg\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem + } + .lg\:-my-5 { + margin-top: -2rem; + margin-bottom: -2rem + } + .lg\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem + } + .lg\:-my-6 { + margin-top: -3rem; + margin-bottom: -3rem + } + .lg\:my-7 { + margin-top: 4rem; + margin-bottom: 4rem + } + .lg\:-my-7 { + margin-top: -4rem; + margin-bottom: -4rem + } + .lg\:my-8 { + margin-top: 5rem; + margin-bottom: 5rem + } + .lg\:-my-8 { + margin-top: -5rem; + margin-bottom: -5rem + } + .lg\:my-9 { + margin-top: 6rem; + margin-bottom: 6rem + } + .lg\:-my-9 { + margin-top: -6rem; + margin-bottom: -6rem + } + .lg\:my-10 { + margin-top: 7rem; + margin-bottom: 7rem + } + .lg\:-my-10 { + margin-top: -7rem; + margin-bottom: -7rem + } + .lg\:my-11 { + margin-top: 8rem; + margin-bottom: 8rem + } + .lg\:-my-11 { + margin-top: -8rem; + margin-bottom: -8rem + } + .lg\:my-12 { + margin-top: 9rem; + margin-bottom: 9rem + } + .lg\:-my-12 { + margin-top: -9rem; + margin-bottom: -9rem + } + .lg\:my-13 { + margin-top: 10rem; + margin-bottom: 10rem + } + .lg\:-my-13 { + margin-top: -10rem; + margin-bottom: -10rem + } + .lg\:my-14 { + margin-top: 11rem; + margin-bottom: 11rem + } + .lg\:-my-14 { + margin-top: -11rem; + margin-bottom: -11rem + } + .lg\:my-15 { + margin-top: 12rem; + margin-bottom: 12rem + } + .lg\:-my-15 { + margin-top: -12rem; + margin-bottom: -12rem + } + .lg\:my-16 { + margin-top: 13rem; + margin-bottom: 13rem + } + .lg\:-my-16 { + margin-top: -13rem; + margin-bottom: -13rem + } + .lg\:my-17 { + margin-top: 14rem; + margin-bottom: 14rem + } + .lg\:-my-17 { + margin-top: -14rem; + margin-bottom: -14rem + } + .lg\:my-18 { + margin-top: 15rem; + margin-bottom: 15rem + } + .lg\:-my-18 { + margin-top: -15rem; + margin-bottom: -15rem + } + .lg\:my-19 { + margin-top: 16rem; + margin-bottom: 16rem + } + .lg\:-my-19 { + margin-top: -16rem; + margin-bottom: -16rem + } + .lg\:my-20 { + margin-top: 18rem; + margin-bottom: 18rem + } + .lg\:-my-20 { + margin-top: -18rem; + margin-bottom: -18rem + } + .lg\:my-21 { + margin-top: 20rem; + margin-bottom: 20rem + } + .lg\:-my-21 { + margin-top: -20rem; + margin-bottom: -20rem + } + .lg\:my-22 { + margin-top: 24rem; + margin-bottom: 24rem + } + .lg\:-my-22 { + margin-top: -24rem; + margin-bottom: -24rem + } + .lg\:my-23 { + margin-top: 28rem; + margin-bottom: 28rem + } + .lg\:-my-23 { + margin-top: -28rem; + margin-bottom: -28rem + } + .lg\:my-24 { + margin-top: 32rem; + margin-bottom: 32rem + } + .lg\:-my-24 { + margin-top: -32rem; + margin-bottom: -32rem + } + .lg\:my-25 { + margin-top: 36rem; + margin-bottom: 36rem + } + .lg\:-my-25 { + margin-top: -36rem; + margin-bottom: -36rem + } + .lg\:my-26 { + margin-top: 40rem; + margin-bottom: 40rem + } + .lg\:-my-26 { + margin-top: -40rem; + margin-bottom: -40rem + } + .lg\:my-27 { + margin-top: 44rem; + margin-bottom: 44rem + } + .lg\:-my-27 { + margin-top: -44rem; + margin-bottom: -44rem + } + .lg\:my-28 { + margin-top: 48rem; + margin-bottom: 48rem + } + .lg\:-my-28 { + margin-top: -48rem; + margin-bottom: -48rem + } + .lg\:my-29 { + margin-top: 52rem; + margin-bottom: 52rem + } + .lg\:-my-29 { + margin-top: -52rem; + margin-bottom: -52rem + } + .lg\:my-30 { + margin-top: 56rem; + margin-bottom: 56rem + } + .lg\:-my-30 { + margin-top: -56rem; + margin-bottom: -56rem + } + .lg\:my-31 { + margin-top: 60rem; + margin-bottom: 60rem + } + .lg\:-my-31 { + margin-top: -60rem; + margin-bottom: -60rem + } + .lg\:my-32 { + margin-top: 64rem; + margin-bottom: 64rem + } + .lg\:-my-32 { + margin-top: -64rem; + margin-bottom: -64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto + } + .xl\:my-0 { + margin-top: 0rem; + margin-bottom: 0rem + } + .xl\:-my-0 { + margin-top: -0rem; + margin-bottom: -0rem + } + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem + } + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem + } + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem + } + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem + } + .xl\:my-3 { + margin-top: 1rem; + margin-bottom: 1rem + } + .xl\:-my-3 { + margin-top: -1rem; + margin-bottom: -1rem + } + .xl\:my-4 { + margin-top: 1.5rem; + margin-bottom: 1.5rem + } + .xl\:-my-4 { + margin-top: -1.5rem; + margin-bottom: -1.5rem + } + .xl\:my-5 { + margin-top: 2rem; + margin-bottom: 2rem + } + .xl\:-my-5 { + margin-top: -2rem; + margin-bottom: -2rem + } + .xl\:my-6 { + margin-top: 3rem; + margin-bottom: 3rem + } + .xl\:-my-6 { + margin-top: -3rem; + margin-bottom: -3rem + } + .xl\:my-7 { + margin-top: 4rem; + margin-bottom: 4rem + } + .xl\:-my-7 { + margin-top: -4rem; + margin-bottom: -4rem + } + .xl\:my-8 { + margin-top: 5rem; + margin-bottom: 5rem + } + .xl\:-my-8 { + margin-top: -5rem; + margin-bottom: -5rem + } + .xl\:my-9 { + margin-top: 6rem; + margin-bottom: 6rem + } + .xl\:-my-9 { + margin-top: -6rem; + margin-bottom: -6rem + } + .xl\:my-10 { + margin-top: 7rem; + margin-bottom: 7rem + } + .xl\:-my-10 { + margin-top: -7rem; + margin-bottom: -7rem + } + .xl\:my-11 { + margin-top: 8rem; + margin-bottom: 8rem + } + .xl\:-my-11 { + margin-top: -8rem; + margin-bottom: -8rem + } + .xl\:my-12 { + margin-top: 9rem; + margin-bottom: 9rem + } + .xl\:-my-12 { + margin-top: -9rem; + margin-bottom: -9rem + } + .xl\:my-13 { + margin-top: 10rem; + margin-bottom: 10rem + } + .xl\:-my-13 { + margin-top: -10rem; + margin-bottom: -10rem + } + .xl\:my-14 { + margin-top: 11rem; + margin-bottom: 11rem + } + .xl\:-my-14 { + margin-top: -11rem; + margin-bottom: -11rem + } + .xl\:my-15 { + margin-top: 12rem; + margin-bottom: 12rem + } + .xl\:-my-15 { + margin-top: -12rem; + margin-bottom: -12rem + } + .xl\:my-16 { + margin-top: 13rem; + margin-bottom: 13rem + } + .xl\:-my-16 { + margin-top: -13rem; + margin-bottom: -13rem + } + .xl\:my-17 { + margin-top: 14rem; + margin-bottom: 14rem + } + .xl\:-my-17 { + margin-top: -14rem; + margin-bottom: -14rem + } + .xl\:my-18 { + margin-top: 15rem; + margin-bottom: 15rem + } + .xl\:-my-18 { + margin-top: -15rem; + margin-bottom: -15rem + } + .xl\:my-19 { + margin-top: 16rem; + margin-bottom: 16rem + } + .xl\:-my-19 { + margin-top: -16rem; + margin-bottom: -16rem + } + .xl\:my-20 { + margin-top: 18rem; + margin-bottom: 18rem + } + .xl\:-my-20 { + margin-top: -18rem; + margin-bottom: -18rem + } + .xl\:my-21 { + margin-top: 20rem; + margin-bottom: 20rem + } + .xl\:-my-21 { + margin-top: -20rem; + margin-bottom: -20rem + } + .xl\:my-22 { + margin-top: 24rem; + margin-bottom: 24rem + } + .xl\:-my-22 { + margin-top: -24rem; + margin-bottom: -24rem + } + .xl\:my-23 { + margin-top: 28rem; + margin-bottom: 28rem + } + .xl\:-my-23 { + margin-top: -28rem; + margin-bottom: -28rem + } + .xl\:my-24 { + margin-top: 32rem; + margin-bottom: 32rem + } + .xl\:-my-24 { + margin-top: -32rem; + margin-bottom: -32rem + } + .xl\:my-25 { + margin-top: 36rem; + margin-bottom: 36rem + } + .xl\:-my-25 { + margin-top: -36rem; + margin-bottom: -36rem + } + .xl\:my-26 { + margin-top: 40rem; + margin-bottom: 40rem + } + .xl\:-my-26 { + margin-top: -40rem; + margin-bottom: -40rem + } + .xl\:my-27 { + margin-top: 44rem; + margin-bottom: 44rem + } + .xl\:-my-27 { + margin-top: -44rem; + margin-bottom: -44rem + } + .xl\:my-28 { + margin-top: 48rem; + margin-bottom: 48rem + } + .xl\:-my-28 { + margin-top: -48rem; + margin-bottom: -48rem + } + .xl\:my-29 { + margin-top: 52rem; + margin-bottom: 52rem + } + .xl\:-my-29 { + margin-top: -52rem; + margin-bottom: -52rem + } + .xl\:my-30 { + margin-top: 56rem; + margin-bottom: 56rem + } + .xl\:-my-30 { + margin-top: -56rem; + margin-bottom: -56rem + } + .xl\:my-31 { + margin-top: 60rem; + margin-bottom: 60rem + } + .xl\:-my-31 { + margin-top: -60rem; + margin-bottom: -60rem + } + .xl\:my-32 { + margin-top: 64rem; + margin-bottom: 64rem + } + .xl\:-my-32 { + margin-top: -64rem; + margin-bottom: -64rem + } +} +.max-h-auto { + max-height: auto +} +.max-h-0 { + max-height: 0px +} +.max-h-full { + max-height: 100% +} +.max-h-screen { + max-height: 100vh +} +.min-h-min { + max-height: min-content +} +.min-h-max { + max-height: max-content +} +.min-h-fit { + max-height: fit-content +} +.max-h-1rem { + max-height: 1rem +} +.max-h-2rem { + max-height: 2rem +} +.max-h-3rem { + max-height: 3rem +} +.max-h-4rem { + max-height: 4rem +} +.max-h-5rem { + max-height: 5rem +} +.max-h-6rem { + max-height: 6rem +} +.max-h-7rem { + max-height: 7rem +} +.max-h-8rem { + max-height: 8rem +} +.max-h-9rem { + max-height: 9rem +} +.max-h-10rem { + max-height: 10rem +} +.max-h-11rem { + max-height: 11rem +} +.max-h-12rem { + max-height: 12rem +} +.max-h-13rem { + max-height: 13rem +} +.max-h-14rem { + max-height: 14rem +} +.max-h-15rem { + max-height: 15rem +} +.max-h-16rem { + max-height: 16rem +} +.max-h-17rem { + max-height: 17rem +} +.max-h-18rem { + max-height: 18rem +} +.max-h-19rem { + max-height: 19rem +} +.max-h-20rem { + max-height: 20rem +} +.max-h-21rem { + max-height: 21rem +} +.max-h-22rem { + max-height: 22rem +} +.max-h-23rem { + max-height: 23rem +} +.max-h-24rem { + max-height: 24rem +} +.max-h-25rem { + max-height: 25rem +} +.max-h-26rem { + max-height: 26rem +} +.max-h-27rem { + max-height: 27rem +} +.max-h-28rem { + max-height: 28rem +} +.max-h-29rem { + max-height: 29rem +} +.max-h-30rem { + max-height: 30rem +} +.max-h-31rem { + max-height: 31rem +} +.max-h-32rem { + max-height: 32rem +} +.max-h-33rem { + max-height: 33rem +} +.max-h-34rem { + max-height: 34rem +} +.max-h-35rem { + max-height: 35rem +} +.max-h-36rem { + max-height: 36rem +} +.max-h-37rem { + max-height: 37rem +} +.max-h-38rem { + max-height: 38rem +} +.max-h-39rem { + max-height: 39rem +} +.max-h-40rem { + max-height: 40rem +} +.max-h-41rem { + max-height: 41rem +} +.max-h-42rem { + max-height: 42rem +} +.max-h-43rem { + max-height: 43rem +} +.max-h-44rem { + max-height: 44rem +} +.max-h-45rem { + max-height: 45rem +} +.max-h-46rem { + max-height: 46rem +} +.max-h-47rem { + max-height: 47rem +} +.max-h-48rem { + max-height: 48rem +} +.max-h-49rem { + max-height: 49rem +} +.max-h-50rem { + max-height: 50rem +} +@media screen and (min-width: 576px) { + .sm\:max-h-auto { + max-height: auto + } + .sm\:max-h-0 { + max-height: 0px + } + .sm\:max-h-full { + max-height: 100% + } + .sm\:max-h-screen { + max-height: 100vh + } + .sm\:min-h-min { + max-height: min-content + } + .sm\:min-h-max { + max-height: max-content + } + .sm\:min-h-fit { + max-height: fit-content + } + .sm\:max-h-1rem { + max-height: 1rem + } + .sm\:max-h-2rem { + max-height: 2rem + } + .sm\:max-h-3rem { + max-height: 3rem + } + .sm\:max-h-4rem { + max-height: 4rem + } + .sm\:max-h-5rem { + max-height: 5rem + } + .sm\:max-h-6rem { + max-height: 6rem + } + .sm\:max-h-7rem { + max-height: 7rem + } + .sm\:max-h-8rem { + max-height: 8rem + } + .sm\:max-h-9rem { + max-height: 9rem + } + .sm\:max-h-10rem { + max-height: 10rem + } + .sm\:max-h-11rem { + max-height: 11rem + } + .sm\:max-h-12rem { + max-height: 12rem + } + .sm\:max-h-13rem { + max-height: 13rem + } + .sm\:max-h-14rem { + max-height: 14rem + } + .sm\:max-h-15rem { + max-height: 15rem + } + .sm\:max-h-16rem { + max-height: 16rem + } + .sm\:max-h-17rem { + max-height: 17rem + } + .sm\:max-h-18rem { + max-height: 18rem + } + .sm\:max-h-19rem { + max-height: 19rem + } + .sm\:max-h-20rem { + max-height: 20rem + } + .sm\:max-h-21rem { + max-height: 21rem + } + .sm\:max-h-22rem { + max-height: 22rem + } + .sm\:max-h-23rem { + max-height: 23rem + } + .sm\:max-h-24rem { + max-height: 24rem + } + .sm\:max-h-25rem { + max-height: 25rem + } + .sm\:max-h-26rem { + max-height: 26rem + } + .sm\:max-h-27rem { + max-height: 27rem + } + .sm\:max-h-28rem { + max-height: 28rem + } + .sm\:max-h-29rem { + max-height: 29rem + } + .sm\:max-h-30rem { + max-height: 30rem + } + .sm\:max-h-31rem { + max-height: 31rem + } + .sm\:max-h-32rem { + max-height: 32rem + } + .sm\:max-h-33rem { + max-height: 33rem + } + .sm\:max-h-34rem { + max-height: 34rem + } + .sm\:max-h-35rem { + max-height: 35rem + } + .sm\:max-h-36rem { + max-height: 36rem + } + .sm\:max-h-37rem { + max-height: 37rem + } + .sm\:max-h-38rem { + max-height: 38rem + } + .sm\:max-h-39rem { + max-height: 39rem + } + .sm\:max-h-40rem { + max-height: 40rem + } + .sm\:max-h-41rem { + max-height: 41rem + } + .sm\:max-h-42rem { + max-height: 42rem + } + .sm\:max-h-43rem { + max-height: 43rem + } + .sm\:max-h-44rem { + max-height: 44rem + } + .sm\:max-h-45rem { + max-height: 45rem + } + .sm\:max-h-46rem { + max-height: 46rem + } + .sm\:max-h-47rem { + max-height: 47rem + } + .sm\:max-h-48rem { + max-height: 48rem + } + .sm\:max-h-49rem { + max-height: 49rem + } + .sm\:max-h-50rem { + max-height: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:max-h-auto { + max-height: auto + } + .md\:max-h-0 { + max-height: 0px + } + .md\:max-h-full { + max-height: 100% + } + .md\:max-h-screen { + max-height: 100vh + } + .md\:min-h-min { + max-height: min-content + } + .md\:min-h-max { + max-height: max-content + } + .md\:min-h-fit { + max-height: fit-content + } + .md\:max-h-1rem { + max-height: 1rem + } + .md\:max-h-2rem { + max-height: 2rem + } + .md\:max-h-3rem { + max-height: 3rem + } + .md\:max-h-4rem { + max-height: 4rem + } + .md\:max-h-5rem { + max-height: 5rem + } + .md\:max-h-6rem { + max-height: 6rem + } + .md\:max-h-7rem { + max-height: 7rem + } + .md\:max-h-8rem { + max-height: 8rem + } + .md\:max-h-9rem { + max-height: 9rem + } + .md\:max-h-10rem { + max-height: 10rem + } + .md\:max-h-11rem { + max-height: 11rem + } + .md\:max-h-12rem { + max-height: 12rem + } + .md\:max-h-13rem { + max-height: 13rem + } + .md\:max-h-14rem { + max-height: 14rem + } + .md\:max-h-15rem { + max-height: 15rem + } + .md\:max-h-16rem { + max-height: 16rem + } + .md\:max-h-17rem { + max-height: 17rem + } + .md\:max-h-18rem { + max-height: 18rem + } + .md\:max-h-19rem { + max-height: 19rem + } + .md\:max-h-20rem { + max-height: 20rem + } + .md\:max-h-21rem { + max-height: 21rem + } + .md\:max-h-22rem { + max-height: 22rem + } + .md\:max-h-23rem { + max-height: 23rem + } + .md\:max-h-24rem { + max-height: 24rem + } + .md\:max-h-25rem { + max-height: 25rem + } + .md\:max-h-26rem { + max-height: 26rem + } + .md\:max-h-27rem { + max-height: 27rem + } + .md\:max-h-28rem { + max-height: 28rem + } + .md\:max-h-29rem { + max-height: 29rem + } + .md\:max-h-30rem { + max-height: 30rem + } + .md\:max-h-31rem { + max-height: 31rem + } + .md\:max-h-32rem { + max-height: 32rem + } + .md\:max-h-33rem { + max-height: 33rem + } + .md\:max-h-34rem { + max-height: 34rem + } + .md\:max-h-35rem { + max-height: 35rem + } + .md\:max-h-36rem { + max-height: 36rem + } + .md\:max-h-37rem { + max-height: 37rem + } + .md\:max-h-38rem { + max-height: 38rem + } + .md\:max-h-39rem { + max-height: 39rem + } + .md\:max-h-40rem { + max-height: 40rem + } + .md\:max-h-41rem { + max-height: 41rem + } + .md\:max-h-42rem { + max-height: 42rem + } + .md\:max-h-43rem { + max-height: 43rem + } + .md\:max-h-44rem { + max-height: 44rem + } + .md\:max-h-45rem { + max-height: 45rem + } + .md\:max-h-46rem { + max-height: 46rem + } + .md\:max-h-47rem { + max-height: 47rem + } + .md\:max-h-48rem { + max-height: 48rem + } + .md\:max-h-49rem { + max-height: 49rem + } + .md\:max-h-50rem { + max-height: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:max-h-auto { + max-height: auto + } + .lg\:max-h-0 { + max-height: 0px + } + .lg\:max-h-full { + max-height: 100% + } + .lg\:max-h-screen { + max-height: 100vh + } + .lg\:min-h-min { + max-height: min-content + } + .lg\:min-h-max { + max-height: max-content + } + .lg\:min-h-fit { + max-height: fit-content + } + .lg\:max-h-1rem { + max-height: 1rem + } + .lg\:max-h-2rem { + max-height: 2rem + } + .lg\:max-h-3rem { + max-height: 3rem + } + .lg\:max-h-4rem { + max-height: 4rem + } + .lg\:max-h-5rem { + max-height: 5rem + } + .lg\:max-h-6rem { + max-height: 6rem + } + .lg\:max-h-7rem { + max-height: 7rem + } + .lg\:max-h-8rem { + max-height: 8rem + } + .lg\:max-h-9rem { + max-height: 9rem + } + .lg\:max-h-10rem { + max-height: 10rem + } + .lg\:max-h-11rem { + max-height: 11rem + } + .lg\:max-h-12rem { + max-height: 12rem + } + .lg\:max-h-13rem { + max-height: 13rem + } + .lg\:max-h-14rem { + max-height: 14rem + } + .lg\:max-h-15rem { + max-height: 15rem + } + .lg\:max-h-16rem { + max-height: 16rem + } + .lg\:max-h-17rem { + max-height: 17rem + } + .lg\:max-h-18rem { + max-height: 18rem + } + .lg\:max-h-19rem { + max-height: 19rem + } + .lg\:max-h-20rem { + max-height: 20rem + } + .lg\:max-h-21rem { + max-height: 21rem + } + .lg\:max-h-22rem { + max-height: 22rem + } + .lg\:max-h-23rem { + max-height: 23rem + } + .lg\:max-h-24rem { + max-height: 24rem + } + .lg\:max-h-25rem { + max-height: 25rem + } + .lg\:max-h-26rem { + max-height: 26rem + } + .lg\:max-h-27rem { + max-height: 27rem + } + .lg\:max-h-28rem { + max-height: 28rem + } + .lg\:max-h-29rem { + max-height: 29rem + } + .lg\:max-h-30rem { + max-height: 30rem + } + .lg\:max-h-31rem { + max-height: 31rem + } + .lg\:max-h-32rem { + max-height: 32rem + } + .lg\:max-h-33rem { + max-height: 33rem + } + .lg\:max-h-34rem { + max-height: 34rem + } + .lg\:max-h-35rem { + max-height: 35rem + } + .lg\:max-h-36rem { + max-height: 36rem + } + .lg\:max-h-37rem { + max-height: 37rem + } + .lg\:max-h-38rem { + max-height: 38rem + } + .lg\:max-h-39rem { + max-height: 39rem + } + .lg\:max-h-40rem { + max-height: 40rem + } + .lg\:max-h-41rem { + max-height: 41rem + } + .lg\:max-h-42rem { + max-height: 42rem + } + .lg\:max-h-43rem { + max-height: 43rem + } + .lg\:max-h-44rem { + max-height: 44rem + } + .lg\:max-h-45rem { + max-height: 45rem + } + .lg\:max-h-46rem { + max-height: 46rem + } + .lg\:max-h-47rem { + max-height: 47rem + } + .lg\:max-h-48rem { + max-height: 48rem + } + .lg\:max-h-49rem { + max-height: 49rem + } + .lg\:max-h-50rem { + max-height: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:max-h-auto { + max-height: auto + } + .xl\:max-h-0 { + max-height: 0px + } + .xl\:max-h-full { + max-height: 100% + } + .xl\:max-h-screen { + max-height: 100vh + } + .xl\:min-h-min { + max-height: min-content + } + .xl\:min-h-max { + max-height: max-content + } + .xl\:min-h-fit { + max-height: fit-content + } + .xl\:max-h-1rem { + max-height: 1rem + } + .xl\:max-h-2rem { + max-height: 2rem + } + .xl\:max-h-3rem { + max-height: 3rem + } + .xl\:max-h-4rem { + max-height: 4rem + } + .xl\:max-h-5rem { + max-height: 5rem + } + .xl\:max-h-6rem { + max-height: 6rem + } + .xl\:max-h-7rem { + max-height: 7rem + } + .xl\:max-h-8rem { + max-height: 8rem + } + .xl\:max-h-9rem { + max-height: 9rem + } + .xl\:max-h-10rem { + max-height: 10rem + } + .xl\:max-h-11rem { + max-height: 11rem + } + .xl\:max-h-12rem { + max-height: 12rem + } + .xl\:max-h-13rem { + max-height: 13rem + } + .xl\:max-h-14rem { + max-height: 14rem + } + .xl\:max-h-15rem { + max-height: 15rem + } + .xl\:max-h-16rem { + max-height: 16rem + } + .xl\:max-h-17rem { + max-height: 17rem + } + .xl\:max-h-18rem { + max-height: 18rem + } + .xl\:max-h-19rem { + max-height: 19rem + } + .xl\:max-h-20rem { + max-height: 20rem + } + .xl\:max-h-21rem { + max-height: 21rem + } + .xl\:max-h-22rem { + max-height: 22rem + } + .xl\:max-h-23rem { + max-height: 23rem + } + .xl\:max-h-24rem { + max-height: 24rem + } + .xl\:max-h-25rem { + max-height: 25rem + } + .xl\:max-h-26rem { + max-height: 26rem + } + .xl\:max-h-27rem { + max-height: 27rem + } + .xl\:max-h-28rem { + max-height: 28rem + } + .xl\:max-h-29rem { + max-height: 29rem + } + .xl\:max-h-30rem { + max-height: 30rem + } + .xl\:max-h-31rem { + max-height: 31rem + } + .xl\:max-h-32rem { + max-height: 32rem + } + .xl\:max-h-33rem { + max-height: 33rem + } + .xl\:max-h-34rem { + max-height: 34rem + } + .xl\:max-h-35rem { + max-height: 35rem + } + .xl\:max-h-36rem { + max-height: 36rem + } + .xl\:max-h-37rem { + max-height: 37rem + } + .xl\:max-h-38rem { + max-height: 38rem + } + .xl\:max-h-39rem { + max-height: 39rem + } + .xl\:max-h-40rem { + max-height: 40rem + } + .xl\:max-h-41rem { + max-height: 41rem + } + .xl\:max-h-42rem { + max-height: 42rem + } + .xl\:max-h-43rem { + max-height: 43rem + } + .xl\:max-h-44rem { + max-height: 44rem + } + .xl\:max-h-45rem { + max-height: 45rem + } + .xl\:max-h-46rem { + max-height: 46rem + } + .xl\:max-h-47rem { + max-height: 47rem + } + .xl\:max-h-48rem { + max-height: 48rem + } + .xl\:max-h-49rem { + max-height: 49rem + } + .xl\:max-h-50rem { + max-height: 50rem + } +} +.max-w-auto { + max-width: auto +} +.max-w-0 { + max-width: 0px +} +.max-w-full { + max-width: 100% +} +.max-w-screen { + max-width: 100vw +} +.max-w-min { + max-width: min-content +} +.max-w-max { + max-width: max-content +} +.max-w-fit { + max-width: fit-content +} +.max-w-1rem { + max-width: 1rem +} +.max-w-2rem { + max-width: 2rem +} +.max-w-3rem { + max-width: 3rem +} +.max-w-4rem { + max-width: 4rem +} +.max-w-5rem { + max-width: 5rem +} +.max-w-6rem { + max-width: 6rem +} +.max-w-7rem { + max-width: 7rem +} +.max-w-8rem { + max-width: 8rem +} +.max-w-9rem { + max-width: 9rem +} +.max-w-10rem { + max-width: 10rem +} +.max-w-11rem { + max-width: 11rem +} +.max-w-12rem { + max-width: 12rem +} +.max-w-13rem { + max-width: 13rem +} +.max-w-14rem { + max-width: 14rem +} +.max-w-15rem { + max-width: 15rem +} +.max-w-16rem { + max-width: 16rem +} +.max-w-17rem { + max-width: 17rem +} +.max-w-18rem { + max-width: 18rem +} +.max-w-19rem { + max-width: 19rem +} +.max-w-20rem { + max-width: 20rem +} +.max-w-21rem { + max-width: 21rem +} +.max-w-22rem { + max-width: 22rem +} +.max-w-23rem { + max-width: 23rem +} +.max-w-24rem { + max-width: 24rem +} +.max-w-25rem { + max-width: 25rem +} +.max-w-26rem { + max-width: 26rem +} +.max-w-27rem { + max-width: 27rem +} +.max-w-28rem { + max-width: 28rem +} +.max-w-29rem { + max-width: 29rem +} +.max-w-30rem { + max-width: 30rem +} +.max-w-31rem { + max-width: 31rem +} +.max-w-32rem { + max-width: 32rem +} +.max-w-33rem { + max-width: 33rem +} +.max-w-34rem { + max-width: 34rem +} +.max-w-35rem { + max-width: 35rem +} +.max-w-36rem { + max-width: 36rem +} +.max-w-37rem { + max-width: 37rem +} +.max-w-38rem { + max-width: 38rem +} +.max-w-39rem { + max-width: 39rem +} +.max-w-40rem { + max-width: 40rem +} +.max-w-41rem { + max-width: 41rem +} +.max-w-42rem { + max-width: 42rem +} +.max-w-43rem { + max-width: 43rem +} +.max-w-44rem { + max-width: 44rem +} +.max-w-45rem { + max-width: 45rem +} +.max-w-46rem { + max-width: 46rem +} +.max-w-47rem { + max-width: 47rem +} +.max-w-48rem { + max-width: 48rem +} +.max-w-49rem { + max-width: 49rem +} +.max-w-50rem { + max-width: 50rem +} +@media screen and (min-width: 576px) { + .sm\:max-w-auto { + max-width: auto + } + .sm\:max-w-0 { + max-width: 0px + } + .sm\:max-w-full { + max-width: 100% + } + .sm\:max-w-screen { + max-width: 100vw + } + .sm\:max-w-min { + max-width: min-content + } + .sm\:max-w-max { + max-width: max-content + } + .sm\:max-w-fit { + max-width: fit-content + } + .sm\:max-w-1rem { + max-width: 1rem + } + .sm\:max-w-2rem { + max-width: 2rem + } + .sm\:max-w-3rem { + max-width: 3rem + } + .sm\:max-w-4rem { + max-width: 4rem + } + .sm\:max-w-5rem { + max-width: 5rem + } + .sm\:max-w-6rem { + max-width: 6rem + } + .sm\:max-w-7rem { + max-width: 7rem + } + .sm\:max-w-8rem { + max-width: 8rem + } + .sm\:max-w-9rem { + max-width: 9rem + } + .sm\:max-w-10rem { + max-width: 10rem + } + .sm\:max-w-11rem { + max-width: 11rem + } + .sm\:max-w-12rem { + max-width: 12rem + } + .sm\:max-w-13rem { + max-width: 13rem + } + .sm\:max-w-14rem { + max-width: 14rem + } + .sm\:max-w-15rem { + max-width: 15rem + } + .sm\:max-w-16rem { + max-width: 16rem + } + .sm\:max-w-17rem { + max-width: 17rem + } + .sm\:max-w-18rem { + max-width: 18rem + } + .sm\:max-w-19rem { + max-width: 19rem + } + .sm\:max-w-20rem { + max-width: 20rem + } + .sm\:max-w-21rem { + max-width: 21rem + } + .sm\:max-w-22rem { + max-width: 22rem + } + .sm\:max-w-23rem { + max-width: 23rem + } + .sm\:max-w-24rem { + max-width: 24rem + } + .sm\:max-w-25rem { + max-width: 25rem + } + .sm\:max-w-26rem { + max-width: 26rem + } + .sm\:max-w-27rem { + max-width: 27rem + } + .sm\:max-w-28rem { + max-width: 28rem + } + .sm\:max-w-29rem { + max-width: 29rem + } + .sm\:max-w-30rem { + max-width: 30rem + } + .sm\:max-w-31rem { + max-width: 31rem + } + .sm\:max-w-32rem { + max-width: 32rem + } + .sm\:max-w-33rem { + max-width: 33rem + } + .sm\:max-w-34rem { + max-width: 34rem + } + .sm\:max-w-35rem { + max-width: 35rem + } + .sm\:max-w-36rem { + max-width: 36rem + } + .sm\:max-w-37rem { + max-width: 37rem + } + .sm\:max-w-38rem { + max-width: 38rem + } + .sm\:max-w-39rem { + max-width: 39rem + } + .sm\:max-w-40rem { + max-width: 40rem + } + .sm\:max-w-41rem { + max-width: 41rem + } + .sm\:max-w-42rem { + max-width: 42rem + } + .sm\:max-w-43rem { + max-width: 43rem + } + .sm\:max-w-44rem { + max-width: 44rem + } + .sm\:max-w-45rem { + max-width: 45rem + } + .sm\:max-w-46rem { + max-width: 46rem + } + .sm\:max-w-47rem { + max-width: 47rem + } + .sm\:max-w-48rem { + max-width: 48rem + } + .sm\:max-w-49rem { + max-width: 49rem + } + .sm\:max-w-50rem { + max-width: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:max-w-auto { + max-width: auto + } + .md\:max-w-0 { + max-width: 0px + } + .md\:max-w-full { + max-width: 100% + } + .md\:max-w-screen { + max-width: 100vw + } + .md\:max-w-min { + max-width: min-content + } + .md\:max-w-max { + max-width: max-content + } + .md\:max-w-fit { + max-width: fit-content + } + .md\:max-w-1rem { + max-width: 1rem + } + .md\:max-w-2rem { + max-width: 2rem + } + .md\:max-w-3rem { + max-width: 3rem + } + .md\:max-w-4rem { + max-width: 4rem + } + .md\:max-w-5rem { + max-width: 5rem + } + .md\:max-w-6rem { + max-width: 6rem + } + .md\:max-w-7rem { + max-width: 7rem + } + .md\:max-w-8rem { + max-width: 8rem + } + .md\:max-w-9rem { + max-width: 9rem + } + .md\:max-w-10rem { + max-width: 10rem + } + .md\:max-w-11rem { + max-width: 11rem + } + .md\:max-w-12rem { + max-width: 12rem + } + .md\:max-w-13rem { + max-width: 13rem + } + .md\:max-w-14rem { + max-width: 14rem + } + .md\:max-w-15rem { + max-width: 15rem + } + .md\:max-w-16rem { + max-width: 16rem + } + .md\:max-w-17rem { + max-width: 17rem + } + .md\:max-w-18rem { + max-width: 18rem + } + .md\:max-w-19rem { + max-width: 19rem + } + .md\:max-w-20rem { + max-width: 20rem + } + .md\:max-w-21rem { + max-width: 21rem + } + .md\:max-w-22rem { + max-width: 22rem + } + .md\:max-w-23rem { + max-width: 23rem + } + .md\:max-w-24rem { + max-width: 24rem + } + .md\:max-w-25rem { + max-width: 25rem + } + .md\:max-w-26rem { + max-width: 26rem + } + .md\:max-w-27rem { + max-width: 27rem + } + .md\:max-w-28rem { + max-width: 28rem + } + .md\:max-w-29rem { + max-width: 29rem + } + .md\:max-w-30rem { + max-width: 30rem + } + .md\:max-w-31rem { + max-width: 31rem + } + .md\:max-w-32rem { + max-width: 32rem + } + .md\:max-w-33rem { + max-width: 33rem + } + .md\:max-w-34rem { + max-width: 34rem + } + .md\:max-w-35rem { + max-width: 35rem + } + .md\:max-w-36rem { + max-width: 36rem + } + .md\:max-w-37rem { + max-width: 37rem + } + .md\:max-w-38rem { + max-width: 38rem + } + .md\:max-w-39rem { + max-width: 39rem + } + .md\:max-w-40rem { + max-width: 40rem + } + .md\:max-w-41rem { + max-width: 41rem + } + .md\:max-w-42rem { + max-width: 42rem + } + .md\:max-w-43rem { + max-width: 43rem + } + .md\:max-w-44rem { + max-width: 44rem + } + .md\:max-w-45rem { + max-width: 45rem + } + .md\:max-w-46rem { + max-width: 46rem + } + .md\:max-w-47rem { + max-width: 47rem + } + .md\:max-w-48rem { + max-width: 48rem + } + .md\:max-w-49rem { + max-width: 49rem + } + .md\:max-w-50rem { + max-width: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:max-w-auto { + max-width: auto + } + .lg\:max-w-0 { + max-width: 0px + } + .lg\:max-w-full { + max-width: 100% + } + .lg\:max-w-screen { + max-width: 100vw + } + .lg\:max-w-min { + max-width: min-content + } + .lg\:max-w-max { + max-width: max-content + } + .lg\:max-w-fit { + max-width: fit-content + } + .lg\:max-w-1rem { + max-width: 1rem + } + .lg\:max-w-2rem { + max-width: 2rem + } + .lg\:max-w-3rem { + max-width: 3rem + } + .lg\:max-w-4rem { + max-width: 4rem + } + .lg\:max-w-5rem { + max-width: 5rem + } + .lg\:max-w-6rem { + max-width: 6rem + } + .lg\:max-w-7rem { + max-width: 7rem + } + .lg\:max-w-8rem { + max-width: 8rem + } + .lg\:max-w-9rem { + max-width: 9rem + } + .lg\:max-w-10rem { + max-width: 10rem + } + .lg\:max-w-11rem { + max-width: 11rem + } + .lg\:max-w-12rem { + max-width: 12rem + } + .lg\:max-w-13rem { + max-width: 13rem + } + .lg\:max-w-14rem { + max-width: 14rem + } + .lg\:max-w-15rem { + max-width: 15rem + } + .lg\:max-w-16rem { + max-width: 16rem + } + .lg\:max-w-17rem { + max-width: 17rem + } + .lg\:max-w-18rem { + max-width: 18rem + } + .lg\:max-w-19rem { + max-width: 19rem + } + .lg\:max-w-20rem { + max-width: 20rem + } + .lg\:max-w-21rem { + max-width: 21rem + } + .lg\:max-w-22rem { + max-width: 22rem + } + .lg\:max-w-23rem { + max-width: 23rem + } + .lg\:max-w-24rem { + max-width: 24rem + } + .lg\:max-w-25rem { + max-width: 25rem + } + .lg\:max-w-26rem { + max-width: 26rem + } + .lg\:max-w-27rem { + max-width: 27rem + } + .lg\:max-w-28rem { + max-width: 28rem + } + .lg\:max-w-29rem { + max-width: 29rem + } + .lg\:max-w-30rem { + max-width: 30rem + } + .lg\:max-w-31rem { + max-width: 31rem + } + .lg\:max-w-32rem { + max-width: 32rem + } + .lg\:max-w-33rem { + max-width: 33rem + } + .lg\:max-w-34rem { + max-width: 34rem + } + .lg\:max-w-35rem { + max-width: 35rem + } + .lg\:max-w-36rem { + max-width: 36rem + } + .lg\:max-w-37rem { + max-width: 37rem + } + .lg\:max-w-38rem { + max-width: 38rem + } + .lg\:max-w-39rem { + max-width: 39rem + } + .lg\:max-w-40rem { + max-width: 40rem + } + .lg\:max-w-41rem { + max-width: 41rem + } + .lg\:max-w-42rem { + max-width: 42rem + } + .lg\:max-w-43rem { + max-width: 43rem + } + .lg\:max-w-44rem { + max-width: 44rem + } + .lg\:max-w-45rem { + max-width: 45rem + } + .lg\:max-w-46rem { + max-width: 46rem + } + .lg\:max-w-47rem { + max-width: 47rem + } + .lg\:max-w-48rem { + max-width: 48rem + } + .lg\:max-w-49rem { + max-width: 49rem + } + .lg\:max-w-50rem { + max-width: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:max-w-auto { + max-width: auto + } + .xl\:max-w-0 { + max-width: 0px + } + .xl\:max-w-full { + max-width: 100% + } + .xl\:max-w-screen { + max-width: 100vw + } + .xl\:max-w-min { + max-width: min-content + } + .xl\:max-w-max { + max-width: max-content + } + .xl\:max-w-fit { + max-width: fit-content + } + .xl\:max-w-1rem { + max-width: 1rem + } + .xl\:max-w-2rem { + max-width: 2rem + } + .xl\:max-w-3rem { + max-width: 3rem + } + .xl\:max-w-4rem { + max-width: 4rem + } + .xl\:max-w-5rem { + max-width: 5rem + } + .xl\:max-w-6rem { + max-width: 6rem + } + .xl\:max-w-7rem { + max-width: 7rem + } + .xl\:max-w-8rem { + max-width: 8rem + } + .xl\:max-w-9rem { + max-width: 9rem + } + .xl\:max-w-10rem { + max-width: 10rem + } + .xl\:max-w-11rem { + max-width: 11rem + } + .xl\:max-w-12rem { + max-width: 12rem + } + .xl\:max-w-13rem { + max-width: 13rem + } + .xl\:max-w-14rem { + max-width: 14rem + } + .xl\:max-w-15rem { + max-width: 15rem + } + .xl\:max-w-16rem { + max-width: 16rem + } + .xl\:max-w-17rem { + max-width: 17rem + } + .xl\:max-w-18rem { + max-width: 18rem + } + .xl\:max-w-19rem { + max-width: 19rem + } + .xl\:max-w-20rem { + max-width: 20rem + } + .xl\:max-w-21rem { + max-width: 21rem + } + .xl\:max-w-22rem { + max-width: 22rem + } + .xl\:max-w-23rem { + max-width: 23rem + } + .xl\:max-w-24rem { + max-width: 24rem + } + .xl\:max-w-25rem { + max-width: 25rem + } + .xl\:max-w-26rem { + max-width: 26rem + } + .xl\:max-w-27rem { + max-width: 27rem + } + .xl\:max-w-28rem { + max-width: 28rem + } + .xl\:max-w-29rem { + max-width: 29rem + } + .xl\:max-w-30rem { + max-width: 30rem + } + .xl\:max-w-31rem { + max-width: 31rem + } + .xl\:max-w-32rem { + max-width: 32rem + } + .xl\:max-w-33rem { + max-width: 33rem + } + .xl\:max-w-34rem { + max-width: 34rem + } + .xl\:max-w-35rem { + max-width: 35rem + } + .xl\:max-w-36rem { + max-width: 36rem + } + .xl\:max-w-37rem { + max-width: 37rem + } + .xl\:max-w-38rem { + max-width: 38rem + } + .xl\:max-w-39rem { + max-width: 39rem + } + .xl\:max-w-40rem { + max-width: 40rem + } + .xl\:max-w-41rem { + max-width: 41rem + } + .xl\:max-w-42rem { + max-width: 42rem + } + .xl\:max-w-43rem { + max-width: 43rem + } + .xl\:max-w-44rem { + max-width: 44rem + } + .xl\:max-w-45rem { + max-width: 45rem + } + .xl\:max-w-46rem { + max-width: 46rem + } + .xl\:max-w-47rem { + max-width: 47rem + } + .xl\:max-w-48rem { + max-width: 48rem + } + .xl\:max-w-49rem { + max-width: 49rem + } + .xl\:max-w-50rem { + max-width: 50rem + } +} +.min-h-auto { + min-height: auto +} +.min-h-0 { + min-height: 0px +} +.min-h-full { + min-height: 100% +} +.min-h-screen { + min-height: 100vh +} +.min-h-min { + min-height: min-content +} +.min-h-max { + min-height: max-content +} +.min-h-fit { + min-height: fit-content +} +.min-h-1rem { + min-height: 1rem +} +.min-h-2rem { + min-height: 2rem +} +.min-h-3rem { + min-height: 3rem +} +.min-h-4rem { + min-height: 4rem +} +.min-h-5rem { + min-height: 5rem +} +.min-h-6rem { + min-height: 6rem +} +.min-h-7rem { + min-height: 7rem +} +.min-h-8rem { + min-height: 8rem +} +.min-h-9rem { + min-height: 9rem +} +.min-h-10rem { + min-height: 10rem +} +.min-h-11rem { + min-height: 11rem +} +.min-h-12rem { + min-height: 12rem +} +.min-h-13rem { + min-height: 13rem +} +.min-h-14rem { + min-height: 14rem +} +.min-h-15rem { + min-height: 15rem +} +.min-h-16rem { + min-height: 16rem +} +.min-h-17rem { + min-height: 17rem +} +.min-h-18rem { + min-height: 18rem +} +.min-h-19rem { + min-height: 19rem +} +.min-h-20rem { + min-height: 20rem +} +.min-h-21rem { + min-height: 21rem +} +.min-h-22rem { + min-height: 22rem +} +.min-h-23rem { + min-height: 23rem +} +.min-h-24rem { + min-height: 24rem +} +.min-h-25rem { + min-height: 25rem +} +.min-h-26rem { + min-height: 26rem +} +.min-h-27rem { + min-height: 27rem +} +.min-h-28rem { + min-height: 28rem +} +.min-h-29rem { + min-height: 29rem +} +.min-h-30rem { + min-height: 30rem +} +.min-h-31rem { + min-height: 31rem +} +.min-h-32rem { + min-height: 32rem +} +.min-h-33rem { + min-height: 33rem +} +.min-h-34rem { + min-height: 34rem +} +.min-h-35rem { + min-height: 35rem +} +.min-h-36rem { + min-height: 36rem +} +.min-h-37rem { + min-height: 37rem +} +.min-h-38rem { + min-height: 38rem +} +.min-h-39rem { + min-height: 39rem +} +.min-h-40rem { + min-height: 40rem +} +.min-h-41rem { + min-height: 41rem +} +.min-h-42rem { + min-height: 42rem +} +.min-h-43rem { + min-height: 43rem +} +.min-h-44rem { + min-height: 44rem +} +.min-h-45rem { + min-height: 45rem +} +.min-h-46rem { + min-height: 46rem +} +.min-h-47rem { + min-height: 47rem +} +.min-h-48rem { + min-height: 48rem +} +.min-h-49rem { + min-height: 49rem +} +.min-h-50rem { + min-height: 50rem +} +@media screen and (min-width: 576px) { + .sm\:min-h-auto { + min-height: auto + } + .sm\:min-h-0 { + min-height: 0px + } + .sm\:min-h-full { + min-height: 100% + } + .sm\:min-h-screen { + min-height: 100vh + } + .sm\:min-h-min { + min-height: min-content + } + .sm\:min-h-max { + min-height: max-content + } + .sm\:min-h-fit { + min-height: fit-content + } + .sm\:min-h-1rem { + min-height: 1rem + } + .sm\:min-h-2rem { + min-height: 2rem + } + .sm\:min-h-3rem { + min-height: 3rem + } + .sm\:min-h-4rem { + min-height: 4rem + } + .sm\:min-h-5rem { + min-height: 5rem + } + .sm\:min-h-6rem { + min-height: 6rem + } + .sm\:min-h-7rem { + min-height: 7rem + } + .sm\:min-h-8rem { + min-height: 8rem + } + .sm\:min-h-9rem { + min-height: 9rem + } + .sm\:min-h-10rem { + min-height: 10rem + } + .sm\:min-h-11rem { + min-height: 11rem + } + .sm\:min-h-12rem { + min-height: 12rem + } + .sm\:min-h-13rem { + min-height: 13rem + } + .sm\:min-h-14rem { + min-height: 14rem + } + .sm\:min-h-15rem { + min-height: 15rem + } + .sm\:min-h-16rem { + min-height: 16rem + } + .sm\:min-h-17rem { + min-height: 17rem + } + .sm\:min-h-18rem { + min-height: 18rem + } + .sm\:min-h-19rem { + min-height: 19rem + } + .sm\:min-h-20rem { + min-height: 20rem + } + .sm\:min-h-21rem { + min-height: 21rem + } + .sm\:min-h-22rem { + min-height: 22rem + } + .sm\:min-h-23rem { + min-height: 23rem + } + .sm\:min-h-24rem { + min-height: 24rem + } + .sm\:min-h-25rem { + min-height: 25rem + } + .sm\:min-h-26rem { + min-height: 26rem + } + .sm\:min-h-27rem { + min-height: 27rem + } + .sm\:min-h-28rem { + min-height: 28rem + } + .sm\:min-h-29rem { + min-height: 29rem + } + .sm\:min-h-30rem { + min-height: 30rem + } + .sm\:min-h-31rem { + min-height: 31rem + } + .sm\:min-h-32rem { + min-height: 32rem + } + .sm\:min-h-33rem { + min-height: 33rem + } + .sm\:min-h-34rem { + min-height: 34rem + } + .sm\:min-h-35rem { + min-height: 35rem + } + .sm\:min-h-36rem { + min-height: 36rem + } + .sm\:min-h-37rem { + min-height: 37rem + } + .sm\:min-h-38rem { + min-height: 38rem + } + .sm\:min-h-39rem { + min-height: 39rem + } + .sm\:min-h-40rem { + min-height: 40rem + } + .sm\:min-h-41rem { + min-height: 41rem + } + .sm\:min-h-42rem { + min-height: 42rem + } + .sm\:min-h-43rem { + min-height: 43rem + } + .sm\:min-h-44rem { + min-height: 44rem + } + .sm\:min-h-45rem { + min-height: 45rem + } + .sm\:min-h-46rem { + min-height: 46rem + } + .sm\:min-h-47rem { + min-height: 47rem + } + .sm\:min-h-48rem { + min-height: 48rem + } + .sm\:min-h-49rem { + min-height: 49rem + } + .sm\:min-h-50rem { + min-height: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:min-h-auto { + min-height: auto + } + .md\:min-h-0 { + min-height: 0px + } + .md\:min-h-full { + min-height: 100% + } + .md\:min-h-screen { + min-height: 100vh + } + .md\:min-h-min { + min-height: min-content + } + .md\:min-h-max { + min-height: max-content + } + .md\:min-h-fit { + min-height: fit-content + } + .md\:min-h-1rem { + min-height: 1rem + } + .md\:min-h-2rem { + min-height: 2rem + } + .md\:min-h-3rem { + min-height: 3rem + } + .md\:min-h-4rem { + min-height: 4rem + } + .md\:min-h-5rem { + min-height: 5rem + } + .md\:min-h-6rem { + min-height: 6rem + } + .md\:min-h-7rem { + min-height: 7rem + } + .md\:min-h-8rem { + min-height: 8rem + } + .md\:min-h-9rem { + min-height: 9rem + } + .md\:min-h-10rem { + min-height: 10rem + } + .md\:min-h-11rem { + min-height: 11rem + } + .md\:min-h-12rem { + min-height: 12rem + } + .md\:min-h-13rem { + min-height: 13rem + } + .md\:min-h-14rem { + min-height: 14rem + } + .md\:min-h-15rem { + min-height: 15rem + } + .md\:min-h-16rem { + min-height: 16rem + } + .md\:min-h-17rem { + min-height: 17rem + } + .md\:min-h-18rem { + min-height: 18rem + } + .md\:min-h-19rem { + min-height: 19rem + } + .md\:min-h-20rem { + min-height: 20rem + } + .md\:min-h-21rem { + min-height: 21rem + } + .md\:min-h-22rem { + min-height: 22rem + } + .md\:min-h-23rem { + min-height: 23rem + } + .md\:min-h-24rem { + min-height: 24rem + } + .md\:min-h-25rem { + min-height: 25rem + } + .md\:min-h-26rem { + min-height: 26rem + } + .md\:min-h-27rem { + min-height: 27rem + } + .md\:min-h-28rem { + min-height: 28rem + } + .md\:min-h-29rem { + min-height: 29rem + } + .md\:min-h-30rem { + min-height: 30rem + } + .md\:min-h-31rem { + min-height: 31rem + } + .md\:min-h-32rem { + min-height: 32rem + } + .md\:min-h-33rem { + min-height: 33rem + } + .md\:min-h-34rem { + min-height: 34rem + } + .md\:min-h-35rem { + min-height: 35rem + } + .md\:min-h-36rem { + min-height: 36rem + } + .md\:min-h-37rem { + min-height: 37rem + } + .md\:min-h-38rem { + min-height: 38rem + } + .md\:min-h-39rem { + min-height: 39rem + } + .md\:min-h-40rem { + min-height: 40rem + } + .md\:min-h-41rem { + min-height: 41rem + } + .md\:min-h-42rem { + min-height: 42rem + } + .md\:min-h-43rem { + min-height: 43rem + } + .md\:min-h-44rem { + min-height: 44rem + } + .md\:min-h-45rem { + min-height: 45rem + } + .md\:min-h-46rem { + min-height: 46rem + } + .md\:min-h-47rem { + min-height: 47rem + } + .md\:min-h-48rem { + min-height: 48rem + } + .md\:min-h-49rem { + min-height: 49rem + } + .md\:min-h-50rem { + min-height: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:min-h-auto { + min-height: auto + } + .lg\:min-h-0 { + min-height: 0px + } + .lg\:min-h-full { + min-height: 100% + } + .lg\:min-h-screen { + min-height: 100vh + } + .lg\:min-h-min { + min-height: min-content + } + .lg\:min-h-max { + min-height: max-content + } + .lg\:min-h-fit { + min-height: fit-content + } + .lg\:min-h-1rem { + min-height: 1rem + } + .lg\:min-h-2rem { + min-height: 2rem + } + .lg\:min-h-3rem { + min-height: 3rem + } + .lg\:min-h-4rem { + min-height: 4rem + } + .lg\:min-h-5rem { + min-height: 5rem + } + .lg\:min-h-6rem { + min-height: 6rem + } + .lg\:min-h-7rem { + min-height: 7rem + } + .lg\:min-h-8rem { + min-height: 8rem + } + .lg\:min-h-9rem { + min-height: 9rem + } + .lg\:min-h-10rem { + min-height: 10rem + } + .lg\:min-h-11rem { + min-height: 11rem + } + .lg\:min-h-12rem { + min-height: 12rem + } + .lg\:min-h-13rem { + min-height: 13rem + } + .lg\:min-h-14rem { + min-height: 14rem + } + .lg\:min-h-15rem { + min-height: 15rem + } + .lg\:min-h-16rem { + min-height: 16rem + } + .lg\:min-h-17rem { + min-height: 17rem + } + .lg\:min-h-18rem { + min-height: 18rem + } + .lg\:min-h-19rem { + min-height: 19rem + } + .lg\:min-h-20rem { + min-height: 20rem + } + .lg\:min-h-21rem { + min-height: 21rem + } + .lg\:min-h-22rem { + min-height: 22rem + } + .lg\:min-h-23rem { + min-height: 23rem + } + .lg\:min-h-24rem { + min-height: 24rem + } + .lg\:min-h-25rem { + min-height: 25rem + } + .lg\:min-h-26rem { + min-height: 26rem + } + .lg\:min-h-27rem { + min-height: 27rem + } + .lg\:min-h-28rem { + min-height: 28rem + } + .lg\:min-h-29rem { + min-height: 29rem + } + .lg\:min-h-30rem { + min-height: 30rem + } + .lg\:min-h-31rem { + min-height: 31rem + } + .lg\:min-h-32rem { + min-height: 32rem + } + .lg\:min-h-33rem { + min-height: 33rem + } + .lg\:min-h-34rem { + min-height: 34rem + } + .lg\:min-h-35rem { + min-height: 35rem + } + .lg\:min-h-36rem { + min-height: 36rem + } + .lg\:min-h-37rem { + min-height: 37rem + } + .lg\:min-h-38rem { + min-height: 38rem + } + .lg\:min-h-39rem { + min-height: 39rem + } + .lg\:min-h-40rem { + min-height: 40rem + } + .lg\:min-h-41rem { + min-height: 41rem + } + .lg\:min-h-42rem { + min-height: 42rem + } + .lg\:min-h-43rem { + min-height: 43rem + } + .lg\:min-h-44rem { + min-height: 44rem + } + .lg\:min-h-45rem { + min-height: 45rem + } + .lg\:min-h-46rem { + min-height: 46rem + } + .lg\:min-h-47rem { + min-height: 47rem + } + .lg\:min-h-48rem { + min-height: 48rem + } + .lg\:min-h-49rem { + min-height: 49rem + } + .lg\:min-h-50rem { + min-height: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:min-h-auto { + min-height: auto + } + .xl\:min-h-0 { + min-height: 0px + } + .xl\:min-h-full { + min-height: 100% + } + .xl\:min-h-screen { + min-height: 100vh + } + .xl\:min-h-min { + min-height: min-content + } + .xl\:min-h-max { + min-height: max-content + } + .xl\:min-h-fit { + min-height: fit-content + } + .xl\:min-h-1rem { + min-height: 1rem + } + .xl\:min-h-2rem { + min-height: 2rem + } + .xl\:min-h-3rem { + min-height: 3rem + } + .xl\:min-h-4rem { + min-height: 4rem + } + .xl\:min-h-5rem { + min-height: 5rem + } + .xl\:min-h-6rem { + min-height: 6rem + } + .xl\:min-h-7rem { + min-height: 7rem + } + .xl\:min-h-8rem { + min-height: 8rem + } + .xl\:min-h-9rem { + min-height: 9rem + } + .xl\:min-h-10rem { + min-height: 10rem + } + .xl\:min-h-11rem { + min-height: 11rem + } + .xl\:min-h-12rem { + min-height: 12rem + } + .xl\:min-h-13rem { + min-height: 13rem + } + .xl\:min-h-14rem { + min-height: 14rem + } + .xl\:min-h-15rem { + min-height: 15rem + } + .xl\:min-h-16rem { + min-height: 16rem + } + .xl\:min-h-17rem { + min-height: 17rem + } + .xl\:min-h-18rem { + min-height: 18rem + } + .xl\:min-h-19rem { + min-height: 19rem + } + .xl\:min-h-20rem { + min-height: 20rem + } + .xl\:min-h-21rem { + min-height: 21rem + } + .xl\:min-h-22rem { + min-height: 22rem + } + .xl\:min-h-23rem { + min-height: 23rem + } + .xl\:min-h-24rem { + min-height: 24rem + } + .xl\:min-h-25rem { + min-height: 25rem + } + .xl\:min-h-26rem { + min-height: 26rem + } + .xl\:min-h-27rem { + min-height: 27rem + } + .xl\:min-h-28rem { + min-height: 28rem + } + .xl\:min-h-29rem { + min-height: 29rem + } + .xl\:min-h-30rem { + min-height: 30rem + } + .xl\:min-h-31rem { + min-height: 31rem + } + .xl\:min-h-32rem { + min-height: 32rem + } + .xl\:min-h-33rem { + min-height: 33rem + } + .xl\:min-h-34rem { + min-height: 34rem + } + .xl\:min-h-35rem { + min-height: 35rem + } + .xl\:min-h-36rem { + min-height: 36rem + } + .xl\:min-h-37rem { + min-height: 37rem + } + .xl\:min-h-38rem { + min-height: 38rem + } + .xl\:min-h-39rem { + min-height: 39rem + } + .xl\:min-h-40rem { + min-height: 40rem + } + .xl\:min-h-41rem { + min-height: 41rem + } + .xl\:min-h-42rem { + min-height: 42rem + } + .xl\:min-h-43rem { + min-height: 43rem + } + .xl\:min-h-44rem { + min-height: 44rem + } + .xl\:min-h-45rem { + min-height: 45rem + } + .xl\:min-h-46rem { + min-height: 46rem + } + .xl\:min-h-47rem { + min-height: 47rem + } + .xl\:min-h-48rem { + min-height: 48rem + } + .xl\:min-h-49rem { + min-height: 49rem + } + .xl\:min-h-50rem { + min-height: 50rem + } +} +.min-w-auto { + min-width: auto +} +.min-w-0 { + min-width: 0px +} +.min-w-full { + min-width: 100% +} +.min-w-screen { + min-width: 100vw +} +.min-w-min { + min-width: min-content +} +.min-w-max { + min-width: max-content +} +.min-w-fit { + min-width: fit-content +} +.min-w-1rem { + min-width: 1rem +} +.min-w-2rem { + min-width: 2rem +} +.min-w-3rem { + min-width: 3rem +} +.min-w-4rem { + min-width: 4rem +} +.min-w-5rem { + min-width: 5rem +} +.min-w-6rem { + min-width: 6rem +} +.min-w-7rem { + min-width: 7rem +} +.min-w-8rem { + min-width: 8rem +} +.min-w-9rem { + min-width: 9rem +} +.min-w-10rem { + min-width: 10rem +} +.min-w-11rem { + min-width: 11rem +} +.min-w-12rem { + min-width: 12rem +} +.min-w-13rem { + min-width: 13rem +} +.min-w-14rem { + min-width: 14rem +} +.min-w-15rem { + min-width: 15rem +} +.min-w-16rem { + min-width: 16rem +} +.min-w-17rem { + min-width: 17rem +} +.min-w-18rem { + min-width: 18rem +} +.min-w-19rem { + min-width: 19rem +} +.min-w-20rem { + min-width: 20rem +} +.min-w-21rem { + min-width: 21rem +} +.min-w-22rem { + min-width: 22rem +} +.min-w-23rem { + min-width: 23rem +} +.min-w-24rem { + min-width: 24rem +} +.min-w-25rem { + min-width: 25rem +} +.min-w-26rem { + min-width: 26rem +} +.min-w-27rem { + min-width: 27rem +} +.min-w-28rem { + min-width: 28rem +} +.min-w-29rem { + min-width: 29rem +} +.min-w-30rem { + min-width: 30rem +} +.min-w-31rem { + min-width: 31rem +} +.min-w-32rem { + min-width: 32rem +} +.min-w-33rem { + min-width: 33rem +} +.min-w-34rem { + min-width: 34rem +} +.min-w-35rem { + min-width: 35rem +} +.min-w-36rem { + min-width: 36rem +} +.min-w-37rem { + min-width: 37rem +} +.min-w-38rem { + min-width: 38rem +} +.min-w-39rem { + min-width: 39rem +} +.min-w-40rem { + min-width: 40rem +} +.min-w-41rem { + min-width: 41rem +} +.min-w-42rem { + min-width: 42rem +} +.min-w-43rem { + min-width: 43rem +} +.min-w-44rem { + min-width: 44rem +} +.min-w-45rem { + min-width: 45rem +} +.min-w-46rem { + min-width: 46rem +} +.min-w-47rem { + min-width: 47rem +} +.min-w-48rem { + min-width: 48rem +} +.min-w-49rem { + min-width: 49rem +} +.min-w-50rem { + min-width: 50rem +} +@media screen and (min-width: 576px) { + .sm\:min-w-auto { + min-width: auto + } + .sm\:min-w-0 { + min-width: 0px + } + .sm\:min-w-full { + min-width: 100% + } + .sm\:min-w-screen { + min-width: 100vw + } + .sm\:min-w-min { + min-width: min-content + } + .sm\:min-w-max { + min-width: max-content + } + .sm\:min-w-fit { + min-width: fit-content + } + .sm\:min-w-1rem { + min-width: 1rem + } + .sm\:min-w-2rem { + min-width: 2rem + } + .sm\:min-w-3rem { + min-width: 3rem + } + .sm\:min-w-4rem { + min-width: 4rem + } + .sm\:min-w-5rem { + min-width: 5rem + } + .sm\:min-w-6rem { + min-width: 6rem + } + .sm\:min-w-7rem { + min-width: 7rem + } + .sm\:min-w-8rem { + min-width: 8rem + } + .sm\:min-w-9rem { + min-width: 9rem + } + .sm\:min-w-10rem { + min-width: 10rem + } + .sm\:min-w-11rem { + min-width: 11rem + } + .sm\:min-w-12rem { + min-width: 12rem + } + .sm\:min-w-13rem { + min-width: 13rem + } + .sm\:min-w-14rem { + min-width: 14rem + } + .sm\:min-w-15rem { + min-width: 15rem + } + .sm\:min-w-16rem { + min-width: 16rem + } + .sm\:min-w-17rem { + min-width: 17rem + } + .sm\:min-w-18rem { + min-width: 18rem + } + .sm\:min-w-19rem { + min-width: 19rem + } + .sm\:min-w-20rem { + min-width: 20rem + } + .sm\:min-w-21rem { + min-width: 21rem + } + .sm\:min-w-22rem { + min-width: 22rem + } + .sm\:min-w-23rem { + min-width: 23rem + } + .sm\:min-w-24rem { + min-width: 24rem + } + .sm\:min-w-25rem { + min-width: 25rem + } + .sm\:min-w-26rem { + min-width: 26rem + } + .sm\:min-w-27rem { + min-width: 27rem + } + .sm\:min-w-28rem { + min-width: 28rem + } + .sm\:min-w-29rem { + min-width: 29rem + } + .sm\:min-w-30rem { + min-width: 30rem + } + .sm\:min-w-31rem { + min-width: 31rem + } + .sm\:min-w-32rem { + min-width: 32rem + } + .sm\:min-w-33rem { + min-width: 33rem + } + .sm\:min-w-34rem { + min-width: 34rem + } + .sm\:min-w-35rem { + min-width: 35rem + } + .sm\:min-w-36rem { + min-width: 36rem + } + .sm\:min-w-37rem { + min-width: 37rem + } + .sm\:min-w-38rem { + min-width: 38rem + } + .sm\:min-w-39rem { + min-width: 39rem + } + .sm\:min-w-40rem { + min-width: 40rem + } + .sm\:min-w-41rem { + min-width: 41rem + } + .sm\:min-w-42rem { + min-width: 42rem + } + .sm\:min-w-43rem { + min-width: 43rem + } + .sm\:min-w-44rem { + min-width: 44rem + } + .sm\:min-w-45rem { + min-width: 45rem + } + .sm\:min-w-46rem { + min-width: 46rem + } + .sm\:min-w-47rem { + min-width: 47rem + } + .sm\:min-w-48rem { + min-width: 48rem + } + .sm\:min-w-49rem { + min-width: 49rem + } + .sm\:min-w-50rem { + min-width: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:min-w-auto { + min-width: auto + } + .md\:min-w-0 { + min-width: 0px + } + .md\:min-w-full { + min-width: 100% + } + .md\:min-w-screen { + min-width: 100vw + } + .md\:min-w-min { + min-width: min-content + } + .md\:min-w-max { + min-width: max-content + } + .md\:min-w-fit { + min-width: fit-content + } + .md\:min-w-1rem { + min-width: 1rem + } + .md\:min-w-2rem { + min-width: 2rem + } + .md\:min-w-3rem { + min-width: 3rem + } + .md\:min-w-4rem { + min-width: 4rem + } + .md\:min-w-5rem { + min-width: 5rem + } + .md\:min-w-6rem { + min-width: 6rem + } + .md\:min-w-7rem { + min-width: 7rem + } + .md\:min-w-8rem { + min-width: 8rem + } + .md\:min-w-9rem { + min-width: 9rem + } + .md\:min-w-10rem { + min-width: 10rem + } + .md\:min-w-11rem { + min-width: 11rem + } + .md\:min-w-12rem { + min-width: 12rem + } + .md\:min-w-13rem { + min-width: 13rem + } + .md\:min-w-14rem { + min-width: 14rem + } + .md\:min-w-15rem { + min-width: 15rem + } + .md\:min-w-16rem { + min-width: 16rem + } + .md\:min-w-17rem { + min-width: 17rem + } + .md\:min-w-18rem { + min-width: 18rem + } + .md\:min-w-19rem { + min-width: 19rem + } + .md\:min-w-20rem { + min-width: 20rem + } + .md\:min-w-21rem { + min-width: 21rem + } + .md\:min-w-22rem { + min-width: 22rem + } + .md\:min-w-23rem { + min-width: 23rem + } + .md\:min-w-24rem { + min-width: 24rem + } + .md\:min-w-25rem { + min-width: 25rem + } + .md\:min-w-26rem { + min-width: 26rem + } + .md\:min-w-27rem { + min-width: 27rem + } + .md\:min-w-28rem { + min-width: 28rem + } + .md\:min-w-29rem { + min-width: 29rem + } + .md\:min-w-30rem { + min-width: 30rem + } + .md\:min-w-31rem { + min-width: 31rem + } + .md\:min-w-32rem { + min-width: 32rem + } + .md\:min-w-33rem { + min-width: 33rem + } + .md\:min-w-34rem { + min-width: 34rem + } + .md\:min-w-35rem { + min-width: 35rem + } + .md\:min-w-36rem { + min-width: 36rem + } + .md\:min-w-37rem { + min-width: 37rem + } + .md\:min-w-38rem { + min-width: 38rem + } + .md\:min-w-39rem { + min-width: 39rem + } + .md\:min-w-40rem { + min-width: 40rem + } + .md\:min-w-41rem { + min-width: 41rem + } + .md\:min-w-42rem { + min-width: 42rem + } + .md\:min-w-43rem { + min-width: 43rem + } + .md\:min-w-44rem { + min-width: 44rem + } + .md\:min-w-45rem { + min-width: 45rem + } + .md\:min-w-46rem { + min-width: 46rem + } + .md\:min-w-47rem { + min-width: 47rem + } + .md\:min-w-48rem { + min-width: 48rem + } + .md\:min-w-49rem { + min-width: 49rem + } + .md\:min-w-50rem { + min-width: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:min-w-auto { + min-width: auto + } + .lg\:min-w-0 { + min-width: 0px + } + .lg\:min-w-full { + min-width: 100% + } + .lg\:min-w-screen { + min-width: 100vw + } + .lg\:min-w-min { + min-width: min-content + } + .lg\:min-w-max { + min-width: max-content + } + .lg\:min-w-fit { + min-width: fit-content + } + .lg\:min-w-1rem { + min-width: 1rem + } + .lg\:min-w-2rem { + min-width: 2rem + } + .lg\:min-w-3rem { + min-width: 3rem + } + .lg\:min-w-4rem { + min-width: 4rem + } + .lg\:min-w-5rem { + min-width: 5rem + } + .lg\:min-w-6rem { + min-width: 6rem + } + .lg\:min-w-7rem { + min-width: 7rem + } + .lg\:min-w-8rem { + min-width: 8rem + } + .lg\:min-w-9rem { + min-width: 9rem + } + .lg\:min-w-10rem { + min-width: 10rem + } + .lg\:min-w-11rem { + min-width: 11rem + } + .lg\:min-w-12rem { + min-width: 12rem + } + .lg\:min-w-13rem { + min-width: 13rem + } + .lg\:min-w-14rem { + min-width: 14rem + } + .lg\:min-w-15rem { + min-width: 15rem + } + .lg\:min-w-16rem { + min-width: 16rem + } + .lg\:min-w-17rem { + min-width: 17rem + } + .lg\:min-w-18rem { + min-width: 18rem + } + .lg\:min-w-19rem { + min-width: 19rem + } + .lg\:min-w-20rem { + min-width: 20rem + } + .lg\:min-w-21rem { + min-width: 21rem + } + .lg\:min-w-22rem { + min-width: 22rem + } + .lg\:min-w-23rem { + min-width: 23rem + } + .lg\:min-w-24rem { + min-width: 24rem + } + .lg\:min-w-25rem { + min-width: 25rem + } + .lg\:min-w-26rem { + min-width: 26rem + } + .lg\:min-w-27rem { + min-width: 27rem + } + .lg\:min-w-28rem { + min-width: 28rem + } + .lg\:min-w-29rem { + min-width: 29rem + } + .lg\:min-w-30rem { + min-width: 30rem + } + .lg\:min-w-31rem { + min-width: 31rem + } + .lg\:min-w-32rem { + min-width: 32rem + } + .lg\:min-w-33rem { + min-width: 33rem + } + .lg\:min-w-34rem { + min-width: 34rem + } + .lg\:min-w-35rem { + min-width: 35rem + } + .lg\:min-w-36rem { + min-width: 36rem + } + .lg\:min-w-37rem { + min-width: 37rem + } + .lg\:min-w-38rem { + min-width: 38rem + } + .lg\:min-w-39rem { + min-width: 39rem + } + .lg\:min-w-40rem { + min-width: 40rem + } + .lg\:min-w-41rem { + min-width: 41rem + } + .lg\:min-w-42rem { + min-width: 42rem + } + .lg\:min-w-43rem { + min-width: 43rem + } + .lg\:min-w-44rem { + min-width: 44rem + } + .lg\:min-w-45rem { + min-width: 45rem + } + .lg\:min-w-46rem { + min-width: 46rem + } + .lg\:min-w-47rem { + min-width: 47rem + } + .lg\:min-w-48rem { + min-width: 48rem + } + .lg\:min-w-49rem { + min-width: 49rem + } + .lg\:min-w-50rem { + min-width: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:min-w-auto { + min-width: auto + } + .xl\:min-w-0 { + min-width: 0px + } + .xl\:min-w-full { + min-width: 100% + } + .xl\:min-w-screen { + min-width: 100vw + } + .xl\:min-w-min { + min-width: min-content + } + .xl\:min-w-max { + min-width: max-content + } + .xl\:min-w-fit { + min-width: fit-content + } + .xl\:min-w-1rem { + min-width: 1rem + } + .xl\:min-w-2rem { + min-width: 2rem + } + .xl\:min-w-3rem { + min-width: 3rem + } + .xl\:min-w-4rem { + min-width: 4rem + } + .xl\:min-w-5rem { + min-width: 5rem + } + .xl\:min-w-6rem { + min-width: 6rem + } + .xl\:min-w-7rem { + min-width: 7rem + } + .xl\:min-w-8rem { + min-width: 8rem + } + .xl\:min-w-9rem { + min-width: 9rem + } + .xl\:min-w-10rem { + min-width: 10rem + } + .xl\:min-w-11rem { + min-width: 11rem + } + .xl\:min-w-12rem { + min-width: 12rem + } + .xl\:min-w-13rem { + min-width: 13rem + } + .xl\:min-w-14rem { + min-width: 14rem + } + .xl\:min-w-15rem { + min-width: 15rem + } + .xl\:min-w-16rem { + min-width: 16rem + } + .xl\:min-w-17rem { + min-width: 17rem + } + .xl\:min-w-18rem { + min-width: 18rem + } + .xl\:min-w-19rem { + min-width: 19rem + } + .xl\:min-w-20rem { + min-width: 20rem + } + .xl\:min-w-21rem { + min-width: 21rem + } + .xl\:min-w-22rem { + min-width: 22rem + } + .xl\:min-w-23rem { + min-width: 23rem + } + .xl\:min-w-24rem { + min-width: 24rem + } + .xl\:min-w-25rem { + min-width: 25rem + } + .xl\:min-w-26rem { + min-width: 26rem + } + .xl\:min-w-27rem { + min-width: 27rem + } + .xl\:min-w-28rem { + min-width: 28rem + } + .xl\:min-w-29rem { + min-width: 29rem + } + .xl\:min-w-30rem { + min-width: 30rem + } + .xl\:min-w-31rem { + min-width: 31rem + } + .xl\:min-w-32rem { + min-width: 32rem + } + .xl\:min-w-33rem { + min-width: 33rem + } + .xl\:min-w-34rem { + min-width: 34rem + } + .xl\:min-w-35rem { + min-width: 35rem + } + .xl\:min-w-36rem { + min-width: 36rem + } + .xl\:min-w-37rem { + min-width: 37rem + } + .xl\:min-w-38rem { + min-width: 38rem + } + .xl\:min-w-39rem { + min-width: 39rem + } + .xl\:min-w-40rem { + min-width: 40rem + } + .xl\:min-w-41rem { + min-width: 41rem + } + .xl\:min-w-42rem { + min-width: 42rem + } + .xl\:min-w-43rem { + min-width: 43rem + } + .xl\:min-w-44rem { + min-width: 44rem + } + .xl\:min-w-45rem { + min-width: 45rem + } + .xl\:min-w-46rem { + min-width: 46rem + } + .xl\:min-w-47rem { + min-width: 47rem + } + .xl\:min-w-48rem { + min-width: 48rem + } + .xl\:min-w-49rem { + min-width: 49rem + } + .xl\:min-w-50rem { + min-width: 50rem + } +} +.opacity-0 { + opacity: 0 +} +.opacity-10 { + opacity: .1 +} +.opacity-20 { + opacity: .2 +} +.opacity-30 { + opacity: .3 +} +.opacity-40 { + opacity: .4 +} +.opacity-50 { + opacity: .5 +} +.opacity-60 { + opacity: .6 +} +.opacity-70 { + opacity: .7 +} +.opacity-80 { + opacity: .8 +} +.opacity-90 { + opacity: .9 +} +.opacity-100 { + opacity: 1 +} +.focus\:opacity-0:focus { + opacity: 0 +} +.hover\:opacity-0:hover { + opacity: 0 +} +.active\:opacity-0:active { + opacity: 0 +} +.focus\:opacity-10:focus { + opacity: .1 +} +.hover\:opacity-10:hover { + opacity: .1 +} +.active\:opacity-10:active { + opacity: .1 +} +.focus\:opacity-20:focus { + opacity: .2 +} +.hover\:opacity-20:hover { + opacity: .2 +} +.active\:opacity-20:active { + opacity: .2 +} +.focus\:opacity-30:focus { + opacity: .3 +} +.hover\:opacity-30:hover { + opacity: .3 +} +.active\:opacity-30:active { + opacity: .3 +} +.focus\:opacity-40:focus { + opacity: .4 +} +.hover\:opacity-40:hover { + opacity: .4 +} +.active\:opacity-40:active { + opacity: .4 +} +.focus\:opacity-50:focus { + opacity: .5 +} +.hover\:opacity-50:hover { + opacity: .5 +} +.active\:opacity-50:active { + opacity: .5 +} +.focus\:opacity-60:focus { + opacity: .6 +} +.hover\:opacity-60:hover { + opacity: .6 +} +.active\:opacity-60:active { + opacity: .6 +} +.focus\:opacity-70:focus { + opacity: .7 +} +.hover\:opacity-70:hover { + opacity: .7 +} +.active\:opacity-70:active { + opacity: .7 +} +.focus\:opacity-80:focus { + opacity: .8 +} +.hover\:opacity-80:hover { + opacity: .8 +} +.active\:opacity-80:active { + opacity: .8 +} +.focus\:opacity-90:focus { + opacity: .9 +} +.hover\:opacity-90:hover { + opacity: .9 +} +.active\:opacity-90:active { + opacity: .9 +} +.focus\:opacity-100:focus { + opacity: 1 +} +.hover\:opacity-100:hover { + opacity: 1 +} +.active\:opacity-100:active { + opacity: 1 +} +@media screen and (min-width: 576px) { + .sm\:opacity-0 { + opacity: 0 + } + .sm\:opacity-10 { + opacity: .1 + } + .sm\:opacity-20 { + opacity: .2 + } + .sm\:opacity-30 { + opacity: .3 + } + .sm\:opacity-40 { + opacity: .4 + } + .sm\:opacity-50 { + opacity: .5 + } + .sm\:opacity-60 { + opacity: .6 + } + .sm\:opacity-70 { + opacity: .7 + } + .sm\:opacity-80 { + opacity: .8 + } + .sm\:opacity-90 { + opacity: .9 + } + .sm\:opacity-100 { + opacity: 1 + } + .sm\:focus\:opacity-0:focus { + opacity: 0 + } + .sm\:hover\:opacity-0:hover { + opacity: 0 + } + .sm\:active\:opacity-0:active { + opacity: 0 + } + .sm\:focus\:opacity-10:focus { + opacity: .1 + } + .sm\:hover\:opacity-10:hover { + opacity: .1 + } + .sm\:active\:opacity-10:active { + opacity: .1 + } + .sm\:focus\:opacity-20:focus { + opacity: .2 + } + .sm\:hover\:opacity-20:hover { + opacity: .2 + } + .sm\:active\:opacity-20:active { + opacity: .2 + } + .sm\:focus\:opacity-30:focus { + opacity: .3 + } + .sm\:hover\:opacity-30:hover { + opacity: .3 + } + .sm\:active\:opacity-30:active { + opacity: .3 + } + .sm\:focus\:opacity-40:focus { + opacity: .4 + } + .sm\:hover\:opacity-40:hover { + opacity: .4 + } + .sm\:active\:opacity-40:active { + opacity: .4 + } + .sm\:focus\:opacity-50:focus { + opacity: .5 + } + .sm\:hover\:opacity-50:hover { + opacity: .5 + } + .sm\:active\:opacity-50:active { + opacity: .5 + } + .sm\:focus\:opacity-60:focus { + opacity: .6 + } + .sm\:hover\:opacity-60:hover { + opacity: .6 + } + .sm\:active\:opacity-60:active { + opacity: .6 + } + .sm\:focus\:opacity-70:focus { + opacity: .7 + } + .sm\:hover\:opacity-70:hover { + opacity: .7 + } + .sm\:active\:opacity-70:active { + opacity: .7 + } + .sm\:focus\:opacity-80:focus { + opacity: .8 + } + .sm\:hover\:opacity-80:hover { + opacity: .8 + } + .sm\:active\:opacity-80:active { + opacity: .8 + } + .sm\:focus\:opacity-90:focus { + opacity: .9 + } + .sm\:hover\:opacity-90:hover { + opacity: .9 + } + .sm\:active\:opacity-90:active { + opacity: .9 + } + .sm\:focus\:opacity-100:focus { + opacity: 1 + } + .sm\:hover\:opacity-100:hover { + opacity: 1 + } + .sm\:active\:opacity-100:active { + opacity: 1 + } +} +@media screen and (min-width: 768px) { + .md\:opacity-0 { + opacity: 0 + } + .md\:opacity-10 { + opacity: .1 + } + .md\:opacity-20 { + opacity: .2 + } + .md\:opacity-30 { + opacity: .3 + } + .md\:opacity-40 { + opacity: .4 + } + .md\:opacity-50 { + opacity: .5 + } + .md\:opacity-60 { + opacity: .6 + } + .md\:opacity-70 { + opacity: .7 + } + .md\:opacity-80 { + opacity: .8 + } + .md\:opacity-90 { + opacity: .9 + } + .md\:opacity-100 { + opacity: 1 + } + .md\:focus\:opacity-0:focus { + opacity: 0 + } + .md\:hover\:opacity-0:hover { + opacity: 0 + } + .md\:active\:opacity-0:active { + opacity: 0 + } + .md\:focus\:opacity-10:focus { + opacity: .1 + } + .md\:hover\:opacity-10:hover { + opacity: .1 + } + .md\:active\:opacity-10:active { + opacity: .1 + } + .md\:focus\:opacity-20:focus { + opacity: .2 + } + .md\:hover\:opacity-20:hover { + opacity: .2 + } + .md\:active\:opacity-20:active { + opacity: .2 + } + .md\:focus\:opacity-30:focus { + opacity: .3 + } + .md\:hover\:opacity-30:hover { + opacity: .3 + } + .md\:active\:opacity-30:active { + opacity: .3 + } + .md\:focus\:opacity-40:focus { + opacity: .4 + } + .md\:hover\:opacity-40:hover { + opacity: .4 + } + .md\:active\:opacity-40:active { + opacity: .4 + } + .md\:focus\:opacity-50:focus { + opacity: .5 + } + .md\:hover\:opacity-50:hover { + opacity: .5 + } + .md\:active\:opacity-50:active { + opacity: .5 + } + .md\:focus\:opacity-60:focus { + opacity: .6 + } + .md\:hover\:opacity-60:hover { + opacity: .6 + } + .md\:active\:opacity-60:active { + opacity: .6 + } + .md\:focus\:opacity-70:focus { + opacity: .7 + } + .md\:hover\:opacity-70:hover { + opacity: .7 + } + .md\:active\:opacity-70:active { + opacity: .7 + } + .md\:focus\:opacity-80:focus { + opacity: .8 + } + .md\:hover\:opacity-80:hover { + opacity: .8 + } + .md\:active\:opacity-80:active { + opacity: .8 + } + .md\:focus\:opacity-90:focus { + opacity: .9 + } + .md\:hover\:opacity-90:hover { + opacity: .9 + } + .md\:active\:opacity-90:active { + opacity: .9 + } + .md\:focus\:opacity-100:focus { + opacity: 1 + } + .md\:hover\:opacity-100:hover { + opacity: 1 + } + .md\:active\:opacity-100:active { + opacity: 1 + } +} +@media screen and (min-width: 992px) { + .lg\:opacity-0 { + opacity: 0 + } + .lg\:opacity-10 { + opacity: .1 + } + .lg\:opacity-20 { + opacity: .2 + } + .lg\:opacity-30 { + opacity: .3 + } + .lg\:opacity-40 { + opacity: .4 + } + .lg\:opacity-50 { + opacity: .5 + } + .lg\:opacity-60 { + opacity: .6 + } + .lg\:opacity-70 { + opacity: .7 + } + .lg\:opacity-80 { + opacity: .8 + } + .lg\:opacity-90 { + opacity: .9 + } + .lg\:opacity-100 { + opacity: 1 + } + .lg\:focus\:opacity-0:focus { + opacity: 0 + } + .lg\:hover\:opacity-0:hover { + opacity: 0 + } + .lg\:active\:opacity-0:active { + opacity: 0 + } + .lg\:focus\:opacity-10:focus { + opacity: .1 + } + .lg\:hover\:opacity-10:hover { + opacity: .1 + } + .lg\:active\:opacity-10:active { + opacity: .1 + } + .lg\:focus\:opacity-20:focus { + opacity: .2 + } + .lg\:hover\:opacity-20:hover { + opacity: .2 + } + .lg\:active\:opacity-20:active { + opacity: .2 + } + .lg\:focus\:opacity-30:focus { + opacity: .3 + } + .lg\:hover\:opacity-30:hover { + opacity: .3 + } + .lg\:active\:opacity-30:active { + opacity: .3 + } + .lg\:focus\:opacity-40:focus { + opacity: .4 + } + .lg\:hover\:opacity-40:hover { + opacity: .4 + } + .lg\:active\:opacity-40:active { + opacity: .4 + } + .lg\:focus\:opacity-50:focus { + opacity: .5 + } + .lg\:hover\:opacity-50:hover { + opacity: .5 + } + .lg\:active\:opacity-50:active { + opacity: .5 + } + .lg\:focus\:opacity-60:focus { + opacity: .6 + } + .lg\:hover\:opacity-60:hover { + opacity: .6 + } + .lg\:active\:opacity-60:active { + opacity: .6 + } + .lg\:focus\:opacity-70:focus { + opacity: .7 + } + .lg\:hover\:opacity-70:hover { + opacity: .7 + } + .lg\:active\:opacity-70:active { + opacity: .7 + } + .lg\:focus\:opacity-80:focus { + opacity: .8 + } + .lg\:hover\:opacity-80:hover { + opacity: .8 + } + .lg\:active\:opacity-80:active { + opacity: .8 + } + .lg\:focus\:opacity-90:focus { + opacity: .9 + } + .lg\:hover\:opacity-90:hover { + opacity: .9 + } + .lg\:active\:opacity-90:active { + opacity: .9 + } + .lg\:focus\:opacity-100:focus { + opacity: 1 + } + .lg\:hover\:opacity-100:hover { + opacity: 1 + } + .lg\:active\:opacity-100:active { + opacity: 1 + } +} +@media screen and (min-width: 1200px) { + .xl\:opacity-0 { + opacity: 0 + } + .xl\:opacity-10 { + opacity: .1 + } + .xl\:opacity-20 { + opacity: .2 + } + .xl\:opacity-30 { + opacity: .3 + } + .xl\:opacity-40 { + opacity: .4 + } + .xl\:opacity-50 { + opacity: .5 + } + .xl\:opacity-60 { + opacity: .6 + } + .xl\:opacity-70 { + opacity: .7 + } + .xl\:opacity-80 { + opacity: .8 + } + .xl\:opacity-90 { + opacity: .9 + } + .xl\:opacity-100 { + opacity: 1 + } + .xl\:focus\:opacity-0:focus { + opacity: 0 + } + .xl\:hover\:opacity-0:hover { + opacity: 0 + } + .xl\:active\:opacity-0:active { + opacity: 0 + } + .xl\:focus\:opacity-10:focus { + opacity: .1 + } + .xl\:hover\:opacity-10:hover { + opacity: .1 + } + .xl\:active\:opacity-10:active { + opacity: .1 + } + .xl\:focus\:opacity-20:focus { + opacity: .2 + } + .xl\:hover\:opacity-20:hover { + opacity: .2 + } + .xl\:active\:opacity-20:active { + opacity: .2 + } + .xl\:focus\:opacity-30:focus { + opacity: .3 + } + .xl\:hover\:opacity-30:hover { + opacity: .3 + } + .xl\:active\:opacity-30:active { + opacity: .3 + } + .xl\:focus\:opacity-40:focus { + opacity: .4 + } + .xl\:hover\:opacity-40:hover { + opacity: .4 + } + .xl\:active\:opacity-40:active { + opacity: .4 + } + .xl\:focus\:opacity-50:focus { + opacity: .5 + } + .xl\:hover\:opacity-50:hover { + opacity: .5 + } + .xl\:active\:opacity-50:active { + opacity: .5 + } + .xl\:focus\:opacity-60:focus { + opacity: .6 + } + .xl\:hover\:opacity-60:hover { + opacity: .6 + } + .xl\:active\:opacity-60:active { + opacity: .6 + } + .xl\:focus\:opacity-70:focus { + opacity: .7 + } + .xl\:hover\:opacity-70:hover { + opacity: .7 + } + .xl\:active\:opacity-70:active { + opacity: .7 + } + .xl\:focus\:opacity-80:focus { + opacity: .8 + } + .xl\:hover\:opacity-80:hover { + opacity: .8 + } + .xl\:active\:opacity-80:active { + opacity: .8 + } + .xl\:focus\:opacity-90:focus { + opacity: .9 + } + .xl\:hover\:opacity-90:hover { + opacity: .9 + } + .xl\:active\:opacity-90:active { + opacity: .9 + } + .xl\:focus\:opacity-100:focus { + opacity: 1 + } + .xl\:hover\:opacity-100:hover { + opacity: 1 + } + .xl\:active\:opacity-100:active { + opacity: 1 + } +} +.flex-order-0 { + order: 0 +} +.flex-order-1 { + order: 1 +} +.flex-order-2 { + order: 2 +} +.flex-order-3 { + order: 3 +} +.flex-order-4 { + order: 4 +} +.flex-order-5 { + order: 5 +} +.flex-order-6 { + order: 6 +} +@media screen and (min-width: 576px) { + .sm\:flex-order-0 { + order: 0 + } + .sm\:flex-order-1 { + order: 1 + } + .sm\:flex-order-2 { + order: 2 + } + .sm\:flex-order-3 { + order: 3 + } + .sm\:flex-order-4 { + order: 4 + } + .sm\:flex-order-5 { + order: 5 + } + .sm\:flex-order-6 { + order: 6 + } +} +@media screen and (min-width: 768px) { + .md\:flex-order-0 { + order: 0 + } + .md\:flex-order-1 { + order: 1 + } + .md\:flex-order-2 { + order: 2 + } + .md\:flex-order-3 { + order: 3 + } + .md\:flex-order-4 { + order: 4 + } + .md\:flex-order-5 { + order: 5 + } + .md\:flex-order-6 { + order: 6 + } +} +@media screen and (min-width: 992px) { + .lg\:flex-order-0 { + order: 0 + } + .lg\:flex-order-1 { + order: 1 + } + .lg\:flex-order-2 { + order: 2 + } + .lg\:flex-order-3 { + order: 3 + } + .lg\:flex-order-4 { + order: 4 + } + .lg\:flex-order-5 { + order: 5 + } + .lg\:flex-order-6 { + order: 6 + } +} +@media screen and (min-width: 1200px) { + .xl\:flex-order-0 { + order: 0 + } + .xl\:flex-order-1 { + order: 1 + } + .xl\:flex-order-2 { + order: 2 + } + .xl\:flex-order-3 { + order: 3 + } + .xl\:flex-order-4 { + order: 4 + } + .xl\:flex-order-5 { + order: 5 + } + .xl\:flex-order-6 { + order: 6 + } +} +.outline-none { + outline: 2px solid transparent +} +.focus\:outline-none:focus { + outline: 2px solid transparent +} +.hover\:outline-none:hover { + outline: 2px solid transparent +} +.active\:outline-none:active { + outline: 2px solid transparent +} +.outline-transparent { + outline-color: transparent +} +.outline-white { + outline-color: #ffffff +} +.outline-black { + outline-color: #000000 +} +.focus\:outline-transparent:focus { + outline-color: transparent +} +.hover\:outline-transparent:hover { + outline-color: transparent +} +.active\:outline-transparent:active { + outline-color: transparent +} +.focus\:outline-white:focus { + outline-color: #ffffff +} +.hover\:outline-white:hover { + outline-color: #ffffff +} +.active\:outline-white:active { + outline-color: #ffffff +} +.focus\:outline-black:focus { + outline-color: #000000 +} +.hover\:outline-black:hover { + outline-color: #000000 +} +.active\:outline-black:active { + outline-color: #000000 +} +@media screen and (min-width: 576px) { + .sm\:outline-transparent { + outline-color: transparent + } + .sm\:outline-white { + outline-color: #ffffff + } + .sm\:outline-black { + outline-color: #000000 + } + .sm\:focus\:outline-transparent:focus { + outline-color: transparent + } + .sm\:hover\:outline-transparent:hover { + outline-color: transparent + } + .sm\:active\:outline-transparent:active { + outline-color: transparent + } + .sm\:focus\:outline-white:focus { + outline-color: #ffffff + } + .sm\:hover\:outline-white:hover { + outline-color: #ffffff + } + .sm\:active\:outline-white:active { + outline-color: #ffffff + } + .sm\:focus\:outline-black:focus { + outline-color: #000000 + } + .sm\:hover\:outline-black:hover { + outline-color: #000000 + } + .sm\:active\:outline-black:active { + outline-color: #000000 + } +} +@media screen and (min-width: 768px) { + .md\:outline-transparent { + outline-color: transparent + } + .md\:outline-white { + outline-color: #ffffff + } + .md\:outline-black { + outline-color: #000000 + } + .md\:focus\:outline-transparent:focus { + outline-color: transparent + } + .md\:hover\:outline-transparent:hover { + outline-color: transparent + } + .md\:active\:outline-transparent:active { + outline-color: transparent + } + .md\:focus\:outline-white:focus { + outline-color: #ffffff + } + .md\:hover\:outline-white:hover { + outline-color: #ffffff + } + .md\:active\:outline-white:active { + outline-color: #ffffff + } + .md\:focus\:outline-black:focus { + outline-color: #000000 + } + .md\:hover\:outline-black:hover { + outline-color: #000000 + } + .md\:active\:outline-black:active { + outline-color: #000000 + } +} +@media screen and (min-width: 992px) { + .lg\:outline-transparent { + outline-color: transparent + } + .lg\:outline-white { + outline-color: #ffffff + } + .lg\:outline-black { + outline-color: #000000 + } + .lg\:focus\:outline-transparent:focus { + outline-color: transparent + } + .lg\:hover\:outline-transparent:hover { + outline-color: transparent + } + .lg\:active\:outline-transparent:active { + outline-color: transparent + } + .lg\:focus\:outline-white:focus { + outline-color: #ffffff + } + .lg\:hover\:outline-white:hover { + outline-color: #ffffff + } + .lg\:active\:outline-white:active { + outline-color: #ffffff + } + .lg\:focus\:outline-black:focus { + outline-color: #000000 + } + .lg\:hover\:outline-black:hover { + outline-color: #000000 + } + .lg\:active\:outline-black:active { + outline-color: #000000 + } +} +@media screen and (min-width: 1200px) { + .xl\:outline-transparent { + outline-color: transparent + } + .xl\:outline-white { + outline-color: #ffffff + } + .xl\:outline-black { + outline-color: #000000 + } + .xl\:focus\:outline-transparent:focus { + outline-color: transparent + } + .xl\:hover\:outline-transparent:hover { + outline-color: transparent + } + .xl\:active\:outline-transparent:active { + outline-color: transparent + } + .xl\:focus\:outline-white:focus { + outline-color: #ffffff + } + .xl\:hover\:outline-white:hover { + outline-color: #ffffff + } + .xl\:active\:outline-white:active { + outline-color: #ffffff + } + .xl\:focus\:outline-black:focus { + outline-color: #000000 + } + .xl\:hover\:outline-black:hover { + outline-color: #000000 + } + .xl\:active\:outline-black:active { + outline-color: #000000 + } +} +.outline-blue-50 { + outline-color: var(--blue-50) +} +.outline-blue-50\/10 { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.outline-blue-50\/20 { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.outline-blue-50\/30 { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.outline-blue-50\/40 { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.outline-blue-50\/50 { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.outline-blue-50\/60 { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.outline-blue-50\/70 { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.outline-blue-50\/80 { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.outline-blue-50\/90 { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.outline-blue-100 { + outline-color: var(--blue-100) +} +.outline-blue-100\/10 { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.outline-blue-100\/20 { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.outline-blue-100\/30 { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.outline-blue-100\/40 { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.outline-blue-100\/50 { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.outline-blue-100\/60 { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.outline-blue-100\/70 { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.outline-blue-100\/80 { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.outline-blue-100\/90 { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.outline-blue-200 { + outline-color: var(--blue-200) +} +.outline-blue-200\/10 { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.outline-blue-200\/20 { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.outline-blue-200\/30 { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.outline-blue-200\/40 { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.outline-blue-200\/50 { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.outline-blue-200\/60 { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.outline-blue-200\/70 { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.outline-blue-200\/80 { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.outline-blue-200\/90 { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.outline-blue-300 { + outline-color: var(--blue-300) +} +.outline-blue-300\/10 { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.outline-blue-300\/20 { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.outline-blue-300\/30 { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.outline-blue-300\/40 { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.outline-blue-300\/50 { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.outline-blue-300\/60 { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.outline-blue-300\/70 { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.outline-blue-300\/80 { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.outline-blue-300\/90 { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.outline-blue-400 { + outline-color: var(--blue-400) +} +.outline-blue-400\/10 { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.outline-blue-400\/20 { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.outline-blue-400\/30 { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.outline-blue-400\/40 { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.outline-blue-400\/50 { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.outline-blue-400\/60 { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.outline-blue-400\/70 { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.outline-blue-400\/80 { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.outline-blue-400\/90 { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.outline-blue-500 { + outline-color: var(--blue-500) +} +.outline-blue-500\/10 { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.outline-blue-500\/20 { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.outline-blue-500\/30 { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.outline-blue-500\/40 { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.outline-blue-500\/50 { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.outline-blue-500\/60 { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.outline-blue-500\/70 { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.outline-blue-500\/80 { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.outline-blue-500\/90 { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.outline-blue-600 { + outline-color: var(--blue-600) +} +.outline-blue-600\/10 { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.outline-blue-600\/20 { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.outline-blue-600\/30 { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.outline-blue-600\/40 { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.outline-blue-600\/50 { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.outline-blue-600\/60 { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.outline-blue-600\/70 { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.outline-blue-600\/80 { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.outline-blue-600\/90 { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.outline-blue-700 { + outline-color: var(--blue-700) +} +.outline-blue-700\/10 { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.outline-blue-700\/20 { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.outline-blue-700\/30 { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.outline-blue-700\/40 { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.outline-blue-700\/50 { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.outline-blue-700\/60 { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.outline-blue-700\/70 { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.outline-blue-700\/80 { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.outline-blue-700\/90 { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.outline-blue-800 { + outline-color: var(--blue-800) +} +.outline-blue-800\/10 { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.outline-blue-800\/20 { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.outline-blue-800\/30 { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.outline-blue-800\/40 { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.outline-blue-800\/50 { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.outline-blue-800\/60 { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.outline-blue-800\/70 { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.outline-blue-800\/80 { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.outline-blue-800\/90 { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.outline-blue-900 { + outline-color: var(--blue-900) +} +.outline-blue-900\/10 { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.outline-blue-900\/20 { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.outline-blue-900\/30 { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.outline-blue-900\/40 { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.outline-blue-900\/50 { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.outline-blue-900\/60 { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.outline-blue-900\/70 { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.outline-blue-900\/80 { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.outline-blue-900\/90 { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.outline-green-50 { + outline-color: var(--green-50) +} +.outline-green-50\/10 { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.outline-green-50\/20 { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.outline-green-50\/30 { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.outline-green-50\/40 { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.outline-green-50\/50 { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.outline-green-50\/60 { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.outline-green-50\/70 { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.outline-green-50\/80 { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.outline-green-50\/90 { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.outline-green-100 { + outline-color: var(--green-100) +} +.outline-green-100\/10 { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.outline-green-100\/20 { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.outline-green-100\/30 { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.outline-green-100\/40 { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.outline-green-100\/50 { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.outline-green-100\/60 { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.outline-green-100\/70 { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.outline-green-100\/80 { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.outline-green-100\/90 { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.outline-green-200 { + outline-color: var(--green-200) +} +.outline-green-200\/10 { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.outline-green-200\/20 { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.outline-green-200\/30 { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.outline-green-200\/40 { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.outline-green-200\/50 { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.outline-green-200\/60 { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.outline-green-200\/70 { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.outline-green-200\/80 { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.outline-green-200\/90 { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.outline-green-300 { + outline-color: var(--green-300) +} +.outline-green-300\/10 { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.outline-green-300\/20 { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.outline-green-300\/30 { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.outline-green-300\/40 { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.outline-green-300\/50 { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.outline-green-300\/60 { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.outline-green-300\/70 { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.outline-green-300\/80 { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.outline-green-300\/90 { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.outline-green-400 { + outline-color: var(--green-400) +} +.outline-green-400\/10 { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.outline-green-400\/20 { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.outline-green-400\/30 { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.outline-green-400\/40 { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.outline-green-400\/50 { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.outline-green-400\/60 { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.outline-green-400\/70 { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.outline-green-400\/80 { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.outline-green-400\/90 { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.outline-green-500 { + outline-color: var(--green-500) +} +.outline-green-500\/10 { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.outline-green-500\/20 { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.outline-green-500\/30 { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.outline-green-500\/40 { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.outline-green-500\/50 { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.outline-green-500\/60 { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.outline-green-500\/70 { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.outline-green-500\/80 { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.outline-green-500\/90 { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.outline-green-600 { + outline-color: var(--green-600) +} +.outline-green-600\/10 { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.outline-green-600\/20 { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.outline-green-600\/30 { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.outline-green-600\/40 { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.outline-green-600\/50 { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.outline-green-600\/60 { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.outline-green-600\/70 { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.outline-green-600\/80 { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.outline-green-600\/90 { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.outline-green-700 { + outline-color: var(--green-700) +} +.outline-green-700\/10 { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.outline-green-700\/20 { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.outline-green-700\/30 { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.outline-green-700\/40 { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.outline-green-700\/50 { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.outline-green-700\/60 { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.outline-green-700\/70 { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.outline-green-700\/80 { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.outline-green-700\/90 { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.outline-green-800 { + outline-color: var(--green-800) +} +.outline-green-800\/10 { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.outline-green-800\/20 { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.outline-green-800\/30 { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.outline-green-800\/40 { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.outline-green-800\/50 { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.outline-green-800\/60 { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.outline-green-800\/70 { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.outline-green-800\/80 { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.outline-green-800\/90 { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.outline-green-900 { + outline-color: var(--green-900) +} +.outline-green-900\/10 { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.outline-green-900\/20 { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.outline-green-900\/30 { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.outline-green-900\/40 { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.outline-green-900\/50 { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.outline-green-900\/60 { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.outline-green-900\/70 { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.outline-green-900\/80 { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.outline-green-900\/90 { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.outline-yellow-50 { + outline-color: var(--yellow-50) +} +.outline-yellow-50\/10 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.outline-yellow-50\/20 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.outline-yellow-50\/30 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.outline-yellow-50\/40 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.outline-yellow-50\/50 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.outline-yellow-50\/60 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.outline-yellow-50\/70 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.outline-yellow-50\/80 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.outline-yellow-50\/90 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.outline-yellow-100 { + outline-color: var(--yellow-100) +} +.outline-yellow-100\/10 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.outline-yellow-100\/20 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.outline-yellow-100\/30 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.outline-yellow-100\/40 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.outline-yellow-100\/50 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.outline-yellow-100\/60 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.outline-yellow-100\/70 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.outline-yellow-100\/80 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.outline-yellow-100\/90 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.outline-yellow-200 { + outline-color: var(--yellow-200) +} +.outline-yellow-200\/10 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.outline-yellow-200\/20 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.outline-yellow-200\/30 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.outline-yellow-200\/40 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.outline-yellow-200\/50 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.outline-yellow-200\/60 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.outline-yellow-200\/70 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.outline-yellow-200\/80 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.outline-yellow-200\/90 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.outline-yellow-300 { + outline-color: var(--yellow-300) +} +.outline-yellow-300\/10 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.outline-yellow-300\/20 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.outline-yellow-300\/30 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.outline-yellow-300\/40 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.outline-yellow-300\/50 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.outline-yellow-300\/60 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.outline-yellow-300\/70 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.outline-yellow-300\/80 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.outline-yellow-300\/90 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.outline-yellow-400 { + outline-color: var(--yellow-400) +} +.outline-yellow-400\/10 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.outline-yellow-400\/20 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.outline-yellow-400\/30 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.outline-yellow-400\/40 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.outline-yellow-400\/50 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.outline-yellow-400\/60 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.outline-yellow-400\/70 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.outline-yellow-400\/80 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.outline-yellow-400\/90 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.outline-yellow-500 { + outline-color: var(--yellow-500) +} +.outline-yellow-500\/10 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.outline-yellow-500\/20 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.outline-yellow-500\/30 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.outline-yellow-500\/40 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.outline-yellow-500\/50 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.outline-yellow-500\/60 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.outline-yellow-500\/70 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.outline-yellow-500\/80 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.outline-yellow-500\/90 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.outline-yellow-600 { + outline-color: var(--yellow-600) +} +.outline-yellow-600\/10 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.outline-yellow-600\/20 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.outline-yellow-600\/30 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.outline-yellow-600\/40 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.outline-yellow-600\/50 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.outline-yellow-600\/60 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.outline-yellow-600\/70 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.outline-yellow-600\/80 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.outline-yellow-600\/90 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.outline-yellow-700 { + outline-color: var(--yellow-700) +} +.outline-yellow-700\/10 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.outline-yellow-700\/20 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.outline-yellow-700\/30 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.outline-yellow-700\/40 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.outline-yellow-700\/50 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.outline-yellow-700\/60 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.outline-yellow-700\/70 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.outline-yellow-700\/80 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.outline-yellow-700\/90 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.outline-yellow-800 { + outline-color: var(--yellow-800) +} +.outline-yellow-800\/10 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.outline-yellow-800\/20 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.outline-yellow-800\/30 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.outline-yellow-800\/40 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.outline-yellow-800\/50 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.outline-yellow-800\/60 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.outline-yellow-800\/70 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.outline-yellow-800\/80 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.outline-yellow-800\/90 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.outline-yellow-900 { + outline-color: var(--yellow-900) +} +.outline-yellow-900\/10 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.outline-yellow-900\/20 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.outline-yellow-900\/30 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.outline-yellow-900\/40 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.outline-yellow-900\/50 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.outline-yellow-900\/60 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.outline-yellow-900\/70 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.outline-yellow-900\/80 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.outline-yellow-900\/90 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.outline-cyan-50 { + outline-color: var(--cyan-50) +} +.outline-cyan-50\/10 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.outline-cyan-50\/20 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.outline-cyan-50\/30 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.outline-cyan-50\/40 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.outline-cyan-50\/50 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.outline-cyan-50\/60 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.outline-cyan-50\/70 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.outline-cyan-50\/80 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.outline-cyan-50\/90 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.outline-cyan-100 { + outline-color: var(--cyan-100) +} +.outline-cyan-100\/10 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.outline-cyan-100\/20 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.outline-cyan-100\/30 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.outline-cyan-100\/40 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.outline-cyan-100\/50 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.outline-cyan-100\/60 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.outline-cyan-100\/70 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.outline-cyan-100\/80 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.outline-cyan-100\/90 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.outline-cyan-200 { + outline-color: var(--cyan-200) +} +.outline-cyan-200\/10 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.outline-cyan-200\/20 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.outline-cyan-200\/30 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.outline-cyan-200\/40 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.outline-cyan-200\/50 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.outline-cyan-200\/60 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.outline-cyan-200\/70 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.outline-cyan-200\/80 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.outline-cyan-200\/90 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.outline-cyan-300 { + outline-color: var(--cyan-300) +} +.outline-cyan-300\/10 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.outline-cyan-300\/20 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.outline-cyan-300\/30 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.outline-cyan-300\/40 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.outline-cyan-300\/50 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.outline-cyan-300\/60 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.outline-cyan-300\/70 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.outline-cyan-300\/80 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.outline-cyan-300\/90 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.outline-cyan-400 { + outline-color: var(--cyan-400) +} +.outline-cyan-400\/10 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.outline-cyan-400\/20 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.outline-cyan-400\/30 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.outline-cyan-400\/40 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.outline-cyan-400\/50 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.outline-cyan-400\/60 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.outline-cyan-400\/70 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.outline-cyan-400\/80 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.outline-cyan-400\/90 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.outline-cyan-500 { + outline-color: var(--cyan-500) +} +.outline-cyan-500\/10 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.outline-cyan-500\/20 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.outline-cyan-500\/30 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.outline-cyan-500\/40 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.outline-cyan-500\/50 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.outline-cyan-500\/60 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.outline-cyan-500\/70 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.outline-cyan-500\/80 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.outline-cyan-500\/90 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.outline-cyan-600 { + outline-color: var(--cyan-600) +} +.outline-cyan-600\/10 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.outline-cyan-600\/20 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.outline-cyan-600\/30 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.outline-cyan-600\/40 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.outline-cyan-600\/50 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.outline-cyan-600\/60 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.outline-cyan-600\/70 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.outline-cyan-600\/80 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.outline-cyan-600\/90 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.outline-cyan-700 { + outline-color: var(--cyan-700) +} +.outline-cyan-700\/10 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.outline-cyan-700\/20 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.outline-cyan-700\/30 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.outline-cyan-700\/40 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.outline-cyan-700\/50 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.outline-cyan-700\/60 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.outline-cyan-700\/70 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.outline-cyan-700\/80 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.outline-cyan-700\/90 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.outline-cyan-800 { + outline-color: var(--cyan-800) +} +.outline-cyan-800\/10 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.outline-cyan-800\/20 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.outline-cyan-800\/30 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.outline-cyan-800\/40 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.outline-cyan-800\/50 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.outline-cyan-800\/60 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.outline-cyan-800\/70 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.outline-cyan-800\/80 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.outline-cyan-800\/90 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.outline-cyan-900 { + outline-color: var(--cyan-900) +} +.outline-cyan-900\/10 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.outline-cyan-900\/20 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.outline-cyan-900\/30 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.outline-cyan-900\/40 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.outline-cyan-900\/50 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.outline-cyan-900\/60 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.outline-cyan-900\/70 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.outline-cyan-900\/80 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.outline-cyan-900\/90 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.outline-pink-50 { + outline-color: var(--pink-50) +} +.outline-pink-50\/10 { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.outline-pink-50\/20 { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.outline-pink-50\/30 { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.outline-pink-50\/40 { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.outline-pink-50\/50 { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.outline-pink-50\/60 { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.outline-pink-50\/70 { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.outline-pink-50\/80 { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.outline-pink-50\/90 { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.outline-pink-100 { + outline-color: var(--pink-100) +} +.outline-pink-100\/10 { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.outline-pink-100\/20 { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.outline-pink-100\/30 { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.outline-pink-100\/40 { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.outline-pink-100\/50 { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.outline-pink-100\/60 { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.outline-pink-100\/70 { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.outline-pink-100\/80 { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.outline-pink-100\/90 { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.outline-pink-200 { + outline-color: var(--pink-200) +} +.outline-pink-200\/10 { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.outline-pink-200\/20 { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.outline-pink-200\/30 { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.outline-pink-200\/40 { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.outline-pink-200\/50 { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.outline-pink-200\/60 { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.outline-pink-200\/70 { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.outline-pink-200\/80 { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.outline-pink-200\/90 { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.outline-pink-300 { + outline-color: var(--pink-300) +} +.outline-pink-300\/10 { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.outline-pink-300\/20 { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.outline-pink-300\/30 { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.outline-pink-300\/40 { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.outline-pink-300\/50 { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.outline-pink-300\/60 { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.outline-pink-300\/70 { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.outline-pink-300\/80 { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.outline-pink-300\/90 { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.outline-pink-400 { + outline-color: var(--pink-400) +} +.outline-pink-400\/10 { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.outline-pink-400\/20 { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.outline-pink-400\/30 { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.outline-pink-400\/40 { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.outline-pink-400\/50 { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.outline-pink-400\/60 { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.outline-pink-400\/70 { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.outline-pink-400\/80 { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.outline-pink-400\/90 { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.outline-pink-500 { + outline-color: var(--pink-500) +} +.outline-pink-500\/10 { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.outline-pink-500\/20 { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.outline-pink-500\/30 { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.outline-pink-500\/40 { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.outline-pink-500\/50 { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.outline-pink-500\/60 { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.outline-pink-500\/70 { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.outline-pink-500\/80 { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.outline-pink-500\/90 { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.outline-pink-600 { + outline-color: var(--pink-600) +} +.outline-pink-600\/10 { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.outline-pink-600\/20 { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.outline-pink-600\/30 { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.outline-pink-600\/40 { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.outline-pink-600\/50 { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.outline-pink-600\/60 { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.outline-pink-600\/70 { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.outline-pink-600\/80 { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.outline-pink-600\/90 { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.outline-pink-700 { + outline-color: var(--pink-700) +} +.outline-pink-700\/10 { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.outline-pink-700\/20 { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.outline-pink-700\/30 { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.outline-pink-700\/40 { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.outline-pink-700\/50 { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.outline-pink-700\/60 { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.outline-pink-700\/70 { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.outline-pink-700\/80 { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.outline-pink-700\/90 { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.outline-pink-800 { + outline-color: var(--pink-800) +} +.outline-pink-800\/10 { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.outline-pink-800\/20 { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.outline-pink-800\/30 { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.outline-pink-800\/40 { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.outline-pink-800\/50 { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.outline-pink-800\/60 { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.outline-pink-800\/70 { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.outline-pink-800\/80 { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.outline-pink-800\/90 { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.outline-pink-900 { + outline-color: var(--pink-900) +} +.outline-pink-900\/10 { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.outline-pink-900\/20 { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.outline-pink-900\/30 { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.outline-pink-900\/40 { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.outline-pink-900\/50 { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.outline-pink-900\/60 { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.outline-pink-900\/70 { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.outline-pink-900\/80 { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.outline-pink-900\/90 { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.outline-indigo-50 { + outline-color: var(--indigo-50) +} +.outline-indigo-50\/10 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.outline-indigo-50\/20 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.outline-indigo-50\/30 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.outline-indigo-50\/40 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.outline-indigo-50\/50 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.outline-indigo-50\/60 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.outline-indigo-50\/70 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.outline-indigo-50\/80 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.outline-indigo-50\/90 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.outline-indigo-100 { + outline-color: var(--indigo-100) +} +.outline-indigo-100\/10 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.outline-indigo-100\/20 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.outline-indigo-100\/30 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.outline-indigo-100\/40 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.outline-indigo-100\/50 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.outline-indigo-100\/60 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.outline-indigo-100\/70 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.outline-indigo-100\/80 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.outline-indigo-100\/90 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.outline-indigo-200 { + outline-color: var(--indigo-200) +} +.outline-indigo-200\/10 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.outline-indigo-200\/20 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.outline-indigo-200\/30 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.outline-indigo-200\/40 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.outline-indigo-200\/50 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.outline-indigo-200\/60 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.outline-indigo-200\/70 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.outline-indigo-200\/80 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.outline-indigo-200\/90 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.outline-indigo-300 { + outline-color: var(--indigo-300) +} +.outline-indigo-300\/10 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.outline-indigo-300\/20 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.outline-indigo-300\/30 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.outline-indigo-300\/40 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.outline-indigo-300\/50 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.outline-indigo-300\/60 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.outline-indigo-300\/70 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.outline-indigo-300\/80 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.outline-indigo-300\/90 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.outline-indigo-400 { + outline-color: var(--indigo-400) +} +.outline-indigo-400\/10 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.outline-indigo-400\/20 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.outline-indigo-400\/30 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.outline-indigo-400\/40 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.outline-indigo-400\/50 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.outline-indigo-400\/60 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.outline-indigo-400\/70 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.outline-indigo-400\/80 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.outline-indigo-400\/90 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.outline-indigo-500 { + outline-color: var(--indigo-500) +} +.outline-indigo-500\/10 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.outline-indigo-500\/20 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.outline-indigo-500\/30 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.outline-indigo-500\/40 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.outline-indigo-500\/50 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.outline-indigo-500\/60 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.outline-indigo-500\/70 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.outline-indigo-500\/80 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.outline-indigo-500\/90 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.outline-indigo-600 { + outline-color: var(--indigo-600) +} +.outline-indigo-600\/10 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.outline-indigo-600\/20 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.outline-indigo-600\/30 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.outline-indigo-600\/40 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.outline-indigo-600\/50 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.outline-indigo-600\/60 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.outline-indigo-600\/70 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.outline-indigo-600\/80 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.outline-indigo-600\/90 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.outline-indigo-700 { + outline-color: var(--indigo-700) +} +.outline-indigo-700\/10 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.outline-indigo-700\/20 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.outline-indigo-700\/30 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.outline-indigo-700\/40 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.outline-indigo-700\/50 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.outline-indigo-700\/60 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.outline-indigo-700\/70 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.outline-indigo-700\/80 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.outline-indigo-700\/90 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.outline-indigo-800 { + outline-color: var(--indigo-800) +} +.outline-indigo-800\/10 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.outline-indigo-800\/20 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.outline-indigo-800\/30 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.outline-indigo-800\/40 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.outline-indigo-800\/50 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.outline-indigo-800\/60 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.outline-indigo-800\/70 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.outline-indigo-800\/80 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.outline-indigo-800\/90 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.outline-indigo-900 { + outline-color: var(--indigo-900) +} +.outline-indigo-900\/10 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.outline-indigo-900\/20 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.outline-indigo-900\/30 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.outline-indigo-900\/40 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.outline-indigo-900\/50 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.outline-indigo-900\/60 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.outline-indigo-900\/70 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.outline-indigo-900\/80 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.outline-indigo-900\/90 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.outline-teal-50 { + outline-color: var(--teal-50) +} +.outline-teal-50\/10 { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.outline-teal-50\/20 { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.outline-teal-50\/30 { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.outline-teal-50\/40 { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.outline-teal-50\/50 { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.outline-teal-50\/60 { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.outline-teal-50\/70 { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.outline-teal-50\/80 { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.outline-teal-50\/90 { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.outline-teal-100 { + outline-color: var(--teal-100) +} +.outline-teal-100\/10 { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.outline-teal-100\/20 { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.outline-teal-100\/30 { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.outline-teal-100\/40 { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.outline-teal-100\/50 { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.outline-teal-100\/60 { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.outline-teal-100\/70 { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.outline-teal-100\/80 { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.outline-teal-100\/90 { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.outline-teal-200 { + outline-color: var(--teal-200) +} +.outline-teal-200\/10 { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.outline-teal-200\/20 { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.outline-teal-200\/30 { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.outline-teal-200\/40 { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.outline-teal-200\/50 { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.outline-teal-200\/60 { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.outline-teal-200\/70 { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.outline-teal-200\/80 { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.outline-teal-200\/90 { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.outline-teal-300 { + outline-color: var(--teal-300) +} +.outline-teal-300\/10 { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.outline-teal-300\/20 { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.outline-teal-300\/30 { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.outline-teal-300\/40 { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.outline-teal-300\/50 { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.outline-teal-300\/60 { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.outline-teal-300\/70 { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.outline-teal-300\/80 { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.outline-teal-300\/90 { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.outline-teal-400 { + outline-color: var(--teal-400) +} +.outline-teal-400\/10 { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.outline-teal-400\/20 { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.outline-teal-400\/30 { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.outline-teal-400\/40 { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.outline-teal-400\/50 { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.outline-teal-400\/60 { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.outline-teal-400\/70 { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.outline-teal-400\/80 { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.outline-teal-400\/90 { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.outline-teal-500 { + outline-color: var(--teal-500) +} +.outline-teal-500\/10 { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.outline-teal-500\/20 { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.outline-teal-500\/30 { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.outline-teal-500\/40 { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.outline-teal-500\/50 { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.outline-teal-500\/60 { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.outline-teal-500\/70 { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.outline-teal-500\/80 { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.outline-teal-500\/90 { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.outline-teal-600 { + outline-color: var(--teal-600) +} +.outline-teal-600\/10 { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.outline-teal-600\/20 { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.outline-teal-600\/30 { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.outline-teal-600\/40 { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.outline-teal-600\/50 { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.outline-teal-600\/60 { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.outline-teal-600\/70 { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.outline-teal-600\/80 { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.outline-teal-600\/90 { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.outline-teal-700 { + outline-color: var(--teal-700) +} +.outline-teal-700\/10 { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.outline-teal-700\/20 { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.outline-teal-700\/30 { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.outline-teal-700\/40 { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.outline-teal-700\/50 { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.outline-teal-700\/60 { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.outline-teal-700\/70 { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.outline-teal-700\/80 { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.outline-teal-700\/90 { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.outline-teal-800 { + outline-color: var(--teal-800) +} +.outline-teal-800\/10 { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.outline-teal-800\/20 { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.outline-teal-800\/30 { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.outline-teal-800\/40 { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.outline-teal-800\/50 { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.outline-teal-800\/60 { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.outline-teal-800\/70 { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.outline-teal-800\/80 { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.outline-teal-800\/90 { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.outline-teal-900 { + outline-color: var(--teal-900) +} +.outline-teal-900\/10 { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.outline-teal-900\/20 { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.outline-teal-900\/30 { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.outline-teal-900\/40 { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.outline-teal-900\/50 { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.outline-teal-900\/60 { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.outline-teal-900\/70 { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.outline-teal-900\/80 { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.outline-teal-900\/90 { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.outline-orange-50 { + outline-color: var(--orange-50) +} +.outline-orange-50\/10 { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.outline-orange-50\/20 { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.outline-orange-50\/30 { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.outline-orange-50\/40 { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.outline-orange-50\/50 { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.outline-orange-50\/60 { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.outline-orange-50\/70 { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.outline-orange-50\/80 { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.outline-orange-50\/90 { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.outline-orange-100 { + outline-color: var(--orange-100) +} +.outline-orange-100\/10 { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.outline-orange-100\/20 { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.outline-orange-100\/30 { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.outline-orange-100\/40 { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.outline-orange-100\/50 { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.outline-orange-100\/60 { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.outline-orange-100\/70 { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.outline-orange-100\/80 { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.outline-orange-100\/90 { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.outline-orange-200 { + outline-color: var(--orange-200) +} +.outline-orange-200\/10 { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.outline-orange-200\/20 { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.outline-orange-200\/30 { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.outline-orange-200\/40 { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.outline-orange-200\/50 { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.outline-orange-200\/60 { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.outline-orange-200\/70 { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.outline-orange-200\/80 { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.outline-orange-200\/90 { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.outline-orange-300 { + outline-color: var(--orange-300) +} +.outline-orange-300\/10 { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.outline-orange-300\/20 { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.outline-orange-300\/30 { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.outline-orange-300\/40 { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.outline-orange-300\/50 { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.outline-orange-300\/60 { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.outline-orange-300\/70 { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.outline-orange-300\/80 { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.outline-orange-300\/90 { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.outline-orange-400 { + outline-color: var(--orange-400) +} +.outline-orange-400\/10 { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.outline-orange-400\/20 { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.outline-orange-400\/30 { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.outline-orange-400\/40 { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.outline-orange-400\/50 { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.outline-orange-400\/60 { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.outline-orange-400\/70 { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.outline-orange-400\/80 { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.outline-orange-400\/90 { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.outline-orange-500 { + outline-color: var(--orange-500) +} +.outline-orange-500\/10 { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.outline-orange-500\/20 { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.outline-orange-500\/30 { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.outline-orange-500\/40 { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.outline-orange-500\/50 { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.outline-orange-500\/60 { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.outline-orange-500\/70 { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.outline-orange-500\/80 { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.outline-orange-500\/90 { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.outline-orange-600 { + outline-color: var(--orange-600) +} +.outline-orange-600\/10 { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.outline-orange-600\/20 { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.outline-orange-600\/30 { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.outline-orange-600\/40 { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.outline-orange-600\/50 { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.outline-orange-600\/60 { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.outline-orange-600\/70 { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.outline-orange-600\/80 { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.outline-orange-600\/90 { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.outline-orange-700 { + outline-color: var(--orange-700) +} +.outline-orange-700\/10 { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.outline-orange-700\/20 { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.outline-orange-700\/30 { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.outline-orange-700\/40 { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.outline-orange-700\/50 { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.outline-orange-700\/60 { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.outline-orange-700\/70 { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.outline-orange-700\/80 { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.outline-orange-700\/90 { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.outline-orange-800 { + outline-color: var(--orange-800) +} +.outline-orange-800\/10 { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.outline-orange-800\/20 { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.outline-orange-800\/30 { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.outline-orange-800\/40 { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.outline-orange-800\/50 { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.outline-orange-800\/60 { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.outline-orange-800\/70 { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.outline-orange-800\/80 { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.outline-orange-800\/90 { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.outline-orange-900 { + outline-color: var(--orange-900) +} +.outline-orange-900\/10 { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.outline-orange-900\/20 { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.outline-orange-900\/30 { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.outline-orange-900\/40 { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.outline-orange-900\/50 { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.outline-orange-900\/60 { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.outline-orange-900\/70 { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.outline-orange-900\/80 { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.outline-orange-900\/90 { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.outline-bluegray-50 { + outline-color: var(--bluegray-50) +} +.outline-bluegray-50\/10 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.outline-bluegray-50\/20 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.outline-bluegray-50\/30 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.outline-bluegray-50\/40 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.outline-bluegray-50\/50 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.outline-bluegray-50\/60 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.outline-bluegray-50\/70 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.outline-bluegray-50\/80 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.outline-bluegray-50\/90 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.outline-bluegray-100 { + outline-color: var(--bluegray-100) +} +.outline-bluegray-100\/10 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.outline-bluegray-100\/20 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.outline-bluegray-100\/30 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.outline-bluegray-100\/40 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.outline-bluegray-100\/50 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.outline-bluegray-100\/60 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.outline-bluegray-100\/70 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.outline-bluegray-100\/80 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.outline-bluegray-100\/90 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.outline-bluegray-200 { + outline-color: var(--bluegray-200) +} +.outline-bluegray-200\/10 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.outline-bluegray-200\/20 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.outline-bluegray-200\/30 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.outline-bluegray-200\/40 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.outline-bluegray-200\/50 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.outline-bluegray-200\/60 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.outline-bluegray-200\/70 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.outline-bluegray-200\/80 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.outline-bluegray-200\/90 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.outline-bluegray-300 { + outline-color: var(--bluegray-300) +} +.outline-bluegray-300\/10 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.outline-bluegray-300\/20 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.outline-bluegray-300\/30 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.outline-bluegray-300\/40 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.outline-bluegray-300\/50 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.outline-bluegray-300\/60 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.outline-bluegray-300\/70 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.outline-bluegray-300\/80 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.outline-bluegray-300\/90 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.outline-bluegray-400 { + outline-color: var(--bluegray-400) +} +.outline-bluegray-400\/10 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.outline-bluegray-400\/20 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.outline-bluegray-400\/30 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.outline-bluegray-400\/40 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.outline-bluegray-400\/50 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.outline-bluegray-400\/60 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.outline-bluegray-400\/70 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.outline-bluegray-400\/80 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.outline-bluegray-400\/90 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.outline-bluegray-500 { + outline-color: var(--bluegray-500) +} +.outline-bluegray-500\/10 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.outline-bluegray-500\/20 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.outline-bluegray-500\/30 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.outline-bluegray-500\/40 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.outline-bluegray-500\/50 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.outline-bluegray-500\/60 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.outline-bluegray-500\/70 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.outline-bluegray-500\/80 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.outline-bluegray-500\/90 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.outline-bluegray-600 { + outline-color: var(--bluegray-600) +} +.outline-bluegray-600\/10 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.outline-bluegray-600\/20 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.outline-bluegray-600\/30 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.outline-bluegray-600\/40 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.outline-bluegray-600\/50 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.outline-bluegray-600\/60 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.outline-bluegray-600\/70 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.outline-bluegray-600\/80 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.outline-bluegray-600\/90 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.outline-bluegray-700 { + outline-color: var(--bluegray-700) +} +.outline-bluegray-700\/10 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.outline-bluegray-700\/20 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.outline-bluegray-700\/30 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.outline-bluegray-700\/40 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.outline-bluegray-700\/50 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.outline-bluegray-700\/60 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.outline-bluegray-700\/70 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.outline-bluegray-700\/80 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.outline-bluegray-700\/90 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.outline-bluegray-800 { + outline-color: var(--bluegray-800) +} +.outline-bluegray-800\/10 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.outline-bluegray-800\/20 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.outline-bluegray-800\/30 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.outline-bluegray-800\/40 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.outline-bluegray-800\/50 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.outline-bluegray-800\/60 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.outline-bluegray-800\/70 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.outline-bluegray-800\/80 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.outline-bluegray-800\/90 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.outline-bluegray-900 { + outline-color: var(--bluegray-900) +} +.outline-bluegray-900\/10 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.outline-bluegray-900\/20 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.outline-bluegray-900\/30 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.outline-bluegray-900\/40 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.outline-bluegray-900\/50 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.outline-bluegray-900\/60 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.outline-bluegray-900\/70 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.outline-bluegray-900\/80 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.outline-bluegray-900\/90 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.outline-purple-50 { + outline-color: var(--purple-50) +} +.outline-purple-50\/10 { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.outline-purple-50\/20 { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.outline-purple-50\/30 { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.outline-purple-50\/40 { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.outline-purple-50\/50 { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.outline-purple-50\/60 { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.outline-purple-50\/70 { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.outline-purple-50\/80 { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.outline-purple-50\/90 { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.outline-purple-100 { + outline-color: var(--purple-100) +} +.outline-purple-100\/10 { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.outline-purple-100\/20 { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.outline-purple-100\/30 { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.outline-purple-100\/40 { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.outline-purple-100\/50 { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.outline-purple-100\/60 { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.outline-purple-100\/70 { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.outline-purple-100\/80 { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.outline-purple-100\/90 { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.outline-purple-200 { + outline-color: var(--purple-200) +} +.outline-purple-200\/10 { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.outline-purple-200\/20 { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.outline-purple-200\/30 { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.outline-purple-200\/40 { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.outline-purple-200\/50 { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.outline-purple-200\/60 { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.outline-purple-200\/70 { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.outline-purple-200\/80 { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.outline-purple-200\/90 { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.outline-purple-300 { + outline-color: var(--purple-300) +} +.outline-purple-300\/10 { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.outline-purple-300\/20 { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.outline-purple-300\/30 { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.outline-purple-300\/40 { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.outline-purple-300\/50 { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.outline-purple-300\/60 { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.outline-purple-300\/70 { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.outline-purple-300\/80 { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.outline-purple-300\/90 { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.outline-purple-400 { + outline-color: var(--purple-400) +} +.outline-purple-400\/10 { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.outline-purple-400\/20 { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.outline-purple-400\/30 { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.outline-purple-400\/40 { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.outline-purple-400\/50 { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.outline-purple-400\/60 { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.outline-purple-400\/70 { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.outline-purple-400\/80 { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.outline-purple-400\/90 { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.outline-purple-500 { + outline-color: var(--purple-500) +} +.outline-purple-500\/10 { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.outline-purple-500\/20 { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.outline-purple-500\/30 { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.outline-purple-500\/40 { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.outline-purple-500\/50 { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.outline-purple-500\/60 { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.outline-purple-500\/70 { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.outline-purple-500\/80 { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.outline-purple-500\/90 { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.outline-purple-600 { + outline-color: var(--purple-600) +} +.outline-purple-600\/10 { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.outline-purple-600\/20 { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.outline-purple-600\/30 { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.outline-purple-600\/40 { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.outline-purple-600\/50 { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.outline-purple-600\/60 { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.outline-purple-600\/70 { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.outline-purple-600\/80 { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.outline-purple-600\/90 { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.outline-purple-700 { + outline-color: var(--purple-700) +} +.outline-purple-700\/10 { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.outline-purple-700\/20 { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.outline-purple-700\/30 { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.outline-purple-700\/40 { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.outline-purple-700\/50 { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.outline-purple-700\/60 { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.outline-purple-700\/70 { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.outline-purple-700\/80 { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.outline-purple-700\/90 { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.outline-purple-800 { + outline-color: var(--purple-800) +} +.outline-purple-800\/10 { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.outline-purple-800\/20 { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.outline-purple-800\/30 { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.outline-purple-800\/40 { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.outline-purple-800\/50 { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.outline-purple-800\/60 { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.outline-purple-800\/70 { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.outline-purple-800\/80 { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.outline-purple-800\/90 { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.outline-purple-900 { + outline-color: var(--purple-900) +} +.outline-purple-900\/10 { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.outline-purple-900\/20 { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.outline-purple-900\/30 { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.outline-purple-900\/40 { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.outline-purple-900\/50 { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.outline-purple-900\/60 { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.outline-purple-900\/70 { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.outline-purple-900\/80 { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.outline-purple-900\/90 { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.outline-red-50 { + outline-color: var(--red-50) +} +.outline-red-50\/10 { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.outline-red-50\/20 { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.outline-red-50\/30 { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.outline-red-50\/40 { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.outline-red-50\/50 { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.outline-red-50\/60 { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.outline-red-50\/70 { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.outline-red-50\/80 { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.outline-red-50\/90 { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.outline-red-100 { + outline-color: var(--red-100) +} +.outline-red-100\/10 { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.outline-red-100\/20 { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.outline-red-100\/30 { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.outline-red-100\/40 { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.outline-red-100\/50 { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.outline-red-100\/60 { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.outline-red-100\/70 { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.outline-red-100\/80 { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.outline-red-100\/90 { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.outline-red-200 { + outline-color: var(--red-200) +} +.outline-red-200\/10 { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.outline-red-200\/20 { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.outline-red-200\/30 { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.outline-red-200\/40 { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.outline-red-200\/50 { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.outline-red-200\/60 { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.outline-red-200\/70 { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.outline-red-200\/80 { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.outline-red-200\/90 { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.outline-red-300 { + outline-color: var(--red-300) +} +.outline-red-300\/10 { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.outline-red-300\/20 { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.outline-red-300\/30 { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.outline-red-300\/40 { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.outline-red-300\/50 { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.outline-red-300\/60 { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.outline-red-300\/70 { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.outline-red-300\/80 { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.outline-red-300\/90 { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.outline-red-400 { + outline-color: var(--red-400) +} +.outline-red-400\/10 { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.outline-red-400\/20 { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.outline-red-400\/30 { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.outline-red-400\/40 { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.outline-red-400\/50 { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.outline-red-400\/60 { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.outline-red-400\/70 { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.outline-red-400\/80 { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.outline-red-400\/90 { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.outline-red-500 { + outline-color: var(--red-500) +} +.outline-red-500\/10 { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.outline-red-500\/20 { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.outline-red-500\/30 { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.outline-red-500\/40 { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.outline-red-500\/50 { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.outline-red-500\/60 { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.outline-red-500\/70 { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.outline-red-500\/80 { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.outline-red-500\/90 { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.outline-red-600 { + outline-color: var(--red-600) +} +.outline-red-600\/10 { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.outline-red-600\/20 { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.outline-red-600\/30 { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.outline-red-600\/40 { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.outline-red-600\/50 { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.outline-red-600\/60 { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.outline-red-600\/70 { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.outline-red-600\/80 { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.outline-red-600\/90 { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.outline-red-700 { + outline-color: var(--red-700) +} +.outline-red-700\/10 { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.outline-red-700\/20 { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.outline-red-700\/30 { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.outline-red-700\/40 { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.outline-red-700\/50 { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.outline-red-700\/60 { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.outline-red-700\/70 { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.outline-red-700\/80 { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.outline-red-700\/90 { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.outline-red-800 { + outline-color: var(--red-800) +} +.outline-red-800\/10 { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.outline-red-800\/20 { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.outline-red-800\/30 { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.outline-red-800\/40 { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.outline-red-800\/50 { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.outline-red-800\/60 { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.outline-red-800\/70 { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.outline-red-800\/80 { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.outline-red-800\/90 { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.outline-red-900 { + outline-color: var(--red-900) +} +.outline-red-900\/10 { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.outline-red-900\/20 { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.outline-red-900\/30 { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.outline-red-900\/40 { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.outline-red-900\/50 { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.outline-red-900\/60 { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.outline-red-900\/70 { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.outline-red-900\/80 { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.outline-red-900\/90 { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.outline-gray-50 { + outline-color: var(--gray-50) +} +.outline-gray-50\/10 { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.outline-gray-50\/20 { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.outline-gray-50\/30 { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.outline-gray-50\/40 { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.outline-gray-50\/50 { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.outline-gray-50\/60 { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.outline-gray-50\/70 { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.outline-gray-50\/80 { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.outline-gray-50\/90 { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.outline-gray-100 { + outline-color: var(--gray-100) +} +.outline-gray-100\/10 { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.outline-gray-100\/20 { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.outline-gray-100\/30 { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.outline-gray-100\/40 { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.outline-gray-100\/50 { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.outline-gray-100\/60 { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.outline-gray-100\/70 { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.outline-gray-100\/80 { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.outline-gray-100\/90 { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.outline-gray-200 { + outline-color: var(--gray-200) +} +.outline-gray-200\/10 { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.outline-gray-200\/20 { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.outline-gray-200\/30 { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.outline-gray-200\/40 { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.outline-gray-200\/50 { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.outline-gray-200\/60 { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.outline-gray-200\/70 { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.outline-gray-200\/80 { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.outline-gray-200\/90 { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.outline-gray-300 { + outline-color: var(--gray-300) +} +.outline-gray-300\/10 { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.outline-gray-300\/20 { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.outline-gray-300\/30 { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.outline-gray-300\/40 { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.outline-gray-300\/50 { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.outline-gray-300\/60 { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.outline-gray-300\/70 { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.outline-gray-300\/80 { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.outline-gray-300\/90 { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.outline-gray-400 { + outline-color: var(--gray-400) +} +.outline-gray-400\/10 { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.outline-gray-400\/20 { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.outline-gray-400\/30 { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.outline-gray-400\/40 { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.outline-gray-400\/50 { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.outline-gray-400\/60 { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.outline-gray-400\/70 { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.outline-gray-400\/80 { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.outline-gray-400\/90 { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.outline-gray-500 { + outline-color: var(--gray-500) +} +.outline-gray-500\/10 { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.outline-gray-500\/20 { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.outline-gray-500\/30 { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.outline-gray-500\/40 { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.outline-gray-500\/50 { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.outline-gray-500\/60 { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.outline-gray-500\/70 { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.outline-gray-500\/80 { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.outline-gray-500\/90 { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.outline-gray-600 { + outline-color: var(--gray-600) +} +.outline-gray-600\/10 { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.outline-gray-600\/20 { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.outline-gray-600\/30 { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.outline-gray-600\/40 { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.outline-gray-600\/50 { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.outline-gray-600\/60 { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.outline-gray-600\/70 { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.outline-gray-600\/80 { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.outline-gray-600\/90 { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.outline-gray-700 { + outline-color: var(--gray-700) +} +.outline-gray-700\/10 { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.outline-gray-700\/20 { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.outline-gray-700\/30 { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.outline-gray-700\/40 { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.outline-gray-700\/50 { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.outline-gray-700\/60 { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.outline-gray-700\/70 { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.outline-gray-700\/80 { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.outline-gray-700\/90 { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.outline-gray-800 { + outline-color: var(--gray-800) +} +.outline-gray-800\/10 { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.outline-gray-800\/20 { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.outline-gray-800\/30 { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.outline-gray-800\/40 { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.outline-gray-800\/50 { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.outline-gray-800\/60 { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.outline-gray-800\/70 { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.outline-gray-800\/80 { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.outline-gray-800\/90 { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.outline-gray-900 { + outline-color: var(--gray-900) +} +.outline-gray-900\/10 { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.outline-gray-900\/20 { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.outline-gray-900\/30 { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.outline-gray-900\/40 { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.outline-gray-900\/50 { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.outline-gray-900\/60 { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.outline-gray-900\/70 { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.outline-gray-900\/80 { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.outline-gray-900\/90 { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.outline-surface-0 { + outline-color: var(--surface-0) +} +.outline-surface-0\/10 { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.outline-surface-0\/20 { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.outline-surface-0\/30 { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.outline-surface-0\/40 { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.outline-surface-0\/50 { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.outline-surface-0\/60 { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.outline-surface-0\/70 { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.outline-surface-0\/80 { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.outline-surface-0\/90 { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.outline-surface-50 { + outline-color: var(--surface-50) +} +.outline-surface-50\/10 { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.outline-surface-50\/20 { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.outline-surface-50\/30 { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.outline-surface-50\/40 { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.outline-surface-50\/50 { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.outline-surface-50\/60 { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.outline-surface-50\/70 { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.outline-surface-50\/80 { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.outline-surface-50\/90 { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.outline-surface-100 { + outline-color: var(--surface-100) +} +.outline-surface-100\/10 { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.outline-surface-100\/20 { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.outline-surface-100\/30 { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.outline-surface-100\/40 { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.outline-surface-100\/50 { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.outline-surface-100\/60 { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.outline-surface-100\/70 { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.outline-surface-100\/80 { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.outline-surface-100\/90 { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.outline-surface-200 { + outline-color: var(--surface-200) +} +.outline-surface-200\/10 { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.outline-surface-200\/20 { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.outline-surface-200\/30 { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.outline-surface-200\/40 { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.outline-surface-200\/50 { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.outline-surface-200\/60 { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.outline-surface-200\/70 { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.outline-surface-200\/80 { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.outline-surface-200\/90 { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.outline-surface-300 { + outline-color: var(--surface-300) +} +.outline-surface-300\/10 { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.outline-surface-300\/20 { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.outline-surface-300\/30 { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.outline-surface-300\/40 { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.outline-surface-300\/50 { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.outline-surface-300\/60 { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.outline-surface-300\/70 { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.outline-surface-300\/80 { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.outline-surface-300\/90 { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.outline-surface-400 { + outline-color: var(--surface-400) +} +.outline-surface-400\/10 { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.outline-surface-400\/20 { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.outline-surface-400\/30 { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.outline-surface-400\/40 { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.outline-surface-400\/50 { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.outline-surface-400\/60 { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.outline-surface-400\/70 { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.outline-surface-400\/80 { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.outline-surface-400\/90 { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.outline-surface-500 { + outline-color: var(--surface-500) +} +.outline-surface-500\/10 { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.outline-surface-500\/20 { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.outline-surface-500\/30 { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.outline-surface-500\/40 { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.outline-surface-500\/50 { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.outline-surface-500\/60 { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.outline-surface-500\/70 { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.outline-surface-500\/80 { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.outline-surface-500\/90 { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.outline-surface-600 { + outline-color: var(--surface-600) +} +.outline-surface-600\/10 { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.outline-surface-600\/20 { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.outline-surface-600\/30 { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.outline-surface-600\/40 { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.outline-surface-600\/50 { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.outline-surface-600\/60 { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.outline-surface-600\/70 { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.outline-surface-600\/80 { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.outline-surface-600\/90 { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.outline-surface-700 { + outline-color: var(--surface-700) +} +.outline-surface-700\/10 { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.outline-surface-700\/20 { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.outline-surface-700\/30 { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.outline-surface-700\/40 { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.outline-surface-700\/50 { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.outline-surface-700\/60 { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.outline-surface-700\/70 { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.outline-surface-700\/80 { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.outline-surface-700\/90 { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.outline-surface-800 { + outline-color: var(--surface-800) +} +.outline-surface-800\/10 { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.outline-surface-800\/20 { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.outline-surface-800\/30 { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.outline-surface-800\/40 { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.outline-surface-800\/50 { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.outline-surface-800\/60 { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.outline-surface-800\/70 { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.outline-surface-800\/80 { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.outline-surface-800\/90 { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.outline-surface-900 { + outline-color: var(--surface-900) +} +.outline-surface-900\/10 { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.outline-surface-900\/20 { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.outline-surface-900\/30 { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.outline-surface-900\/40 { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.outline-surface-900\/50 { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.outline-surface-900\/60 { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.outline-surface-900\/70 { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.outline-surface-900\/80 { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.outline-surface-900\/90 { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.outline-primary-50 { + outline-color: var(--primary-50) +} +.outline-primary-50\/10 { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.outline-primary-50\/20 { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.outline-primary-50\/30 { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.outline-primary-50\/40 { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.outline-primary-50\/50 { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.outline-primary-50\/60 { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.outline-primary-50\/70 { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.outline-primary-50\/80 { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.outline-primary-50\/90 { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.outline-primary-100 { + outline-color: var(--primary-100) +} +.outline-primary-100\/10 { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.outline-primary-100\/20 { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.outline-primary-100\/30 { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.outline-primary-100\/40 { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.outline-primary-100\/50 { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.outline-primary-100\/60 { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.outline-primary-100\/70 { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.outline-primary-100\/80 { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.outline-primary-100\/90 { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.outline-primary-200 { + outline-color: var(--primary-200) +} +.outline-primary-200\/10 { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.outline-primary-200\/20 { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.outline-primary-200\/30 { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.outline-primary-200\/40 { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.outline-primary-200\/50 { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.outline-primary-200\/60 { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.outline-primary-200\/70 { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.outline-primary-200\/80 { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.outline-primary-200\/90 { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.outline-primary-300 { + outline-color: var(--primary-300) +} +.outline-primary-300\/10 { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.outline-primary-300\/20 { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.outline-primary-300\/30 { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.outline-primary-300\/40 { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.outline-primary-300\/50 { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.outline-primary-300\/60 { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.outline-primary-300\/70 { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.outline-primary-300\/80 { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.outline-primary-300\/90 { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.outline-primary-400 { + outline-color: var(--primary-400) +} +.outline-primary-400\/10 { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.outline-primary-400\/20 { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.outline-primary-400\/30 { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.outline-primary-400\/40 { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.outline-primary-400\/50 { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.outline-primary-400\/60 { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.outline-primary-400\/70 { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.outline-primary-400\/80 { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.outline-primary-400\/90 { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.outline-primary-500 { + outline-color: var(--primary-500) +} +.outline-primary-500\/10 { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.outline-primary-500\/20 { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.outline-primary-500\/30 { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.outline-primary-500\/40 { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.outline-primary-500\/50 { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.outline-primary-500\/60 { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.outline-primary-500\/70 { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.outline-primary-500\/80 { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.outline-primary-500\/90 { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.outline-primary-600 { + outline-color: var(--primary-600) +} +.outline-primary-600\/10 { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.outline-primary-600\/20 { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.outline-primary-600\/30 { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.outline-primary-600\/40 { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.outline-primary-600\/50 { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.outline-primary-600\/60 { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.outline-primary-600\/70 { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.outline-primary-600\/80 { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.outline-primary-600\/90 { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.outline-primary-700 { + outline-color: var(--primary-700) +} +.outline-primary-700\/10 { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.outline-primary-700\/20 { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.outline-primary-700\/30 { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.outline-primary-700\/40 { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.outline-primary-700\/50 { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.outline-primary-700\/60 { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.outline-primary-700\/70 { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.outline-primary-700\/80 { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.outline-primary-700\/90 { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.outline-primary-800 { + outline-color: var(--primary-800) +} +.outline-primary-800\/10 { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.outline-primary-800\/20 { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.outline-primary-800\/30 { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.outline-primary-800\/40 { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.outline-primary-800\/50 { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.outline-primary-800\/60 { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.outline-primary-800\/70 { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.outline-primary-800\/80 { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.outline-primary-800\/90 { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.outline-primary-900 { + outline-color: var(--primary-900) +} +.outline-primary-900\/10 { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.outline-primary-900\/20 { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.outline-primary-900\/30 { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.outline-primary-900\/40 { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.outline-primary-900\/50 { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.outline-primary-900\/60 { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.outline-primary-900\/70 { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.outline-primary-900\/80 { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.outline-primary-900\/90 { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:outline-blue-50:focus { + outline-color: var(--blue-50) +} +.hover\:outline-blue-50:hover { + outline-color: var(--blue-50) +} +.active\:outline-blue-50:active { + outline-color: var(--blue-50) +} +.focus\:outline-blue-50\/10:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:outline-blue-50\/10:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:outline-blue-50\/10:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:outline-blue-50\/20:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:outline-blue-50\/20:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:outline-blue-50\/20:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:outline-blue-50\/30:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:outline-blue-50\/30:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:outline-blue-50\/30:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:outline-blue-50\/40:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:outline-blue-50\/40:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:outline-blue-50\/40:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:outline-blue-50\/50:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:outline-blue-50\/50:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:outline-blue-50\/50:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:outline-blue-50\/60:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:outline-blue-50\/60:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:outline-blue-50\/60:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:outline-blue-50\/70:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:outline-blue-50\/70:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:outline-blue-50\/70:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:outline-blue-50\/80:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:outline-blue-50\/80:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:outline-blue-50\/80:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:outline-blue-50\/90:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:outline-blue-50\/90:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:outline-blue-50\/90:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:outline-blue-100:focus { + outline-color: var(--blue-100) +} +.hover\:outline-blue-100:hover { + outline-color: var(--blue-100) +} +.active\:outline-blue-100:active { + outline-color: var(--blue-100) +} +.focus\:outline-blue-100\/10:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:outline-blue-100\/10:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:outline-blue-100\/10:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:outline-blue-100\/20:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:outline-blue-100\/20:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:outline-blue-100\/20:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:outline-blue-100\/30:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:outline-blue-100\/30:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:outline-blue-100\/30:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:outline-blue-100\/40:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:outline-blue-100\/40:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:outline-blue-100\/40:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:outline-blue-100\/50:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:outline-blue-100\/50:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:outline-blue-100\/50:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:outline-blue-100\/60:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:outline-blue-100\/60:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:outline-blue-100\/60:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:outline-blue-100\/70:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:outline-blue-100\/70:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:outline-blue-100\/70:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:outline-blue-100\/80:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:outline-blue-100\/80:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:outline-blue-100\/80:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:outline-blue-100\/90:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:outline-blue-100\/90:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:outline-blue-100\/90:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:outline-blue-200:focus { + outline-color: var(--blue-200) +} +.hover\:outline-blue-200:hover { + outline-color: var(--blue-200) +} +.active\:outline-blue-200:active { + outline-color: var(--blue-200) +} +.focus\:outline-blue-200\/10:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:outline-blue-200\/10:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:outline-blue-200\/10:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:outline-blue-200\/20:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:outline-blue-200\/20:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:outline-blue-200\/20:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:outline-blue-200\/30:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:outline-blue-200\/30:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:outline-blue-200\/30:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:outline-blue-200\/40:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:outline-blue-200\/40:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:outline-blue-200\/40:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:outline-blue-200\/50:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:outline-blue-200\/50:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:outline-blue-200\/50:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:outline-blue-200\/60:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:outline-blue-200\/60:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:outline-blue-200\/60:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:outline-blue-200\/70:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:outline-blue-200\/70:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:outline-blue-200\/70:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:outline-blue-200\/80:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:outline-blue-200\/80:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:outline-blue-200\/80:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:outline-blue-200\/90:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:outline-blue-200\/90:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:outline-blue-200\/90:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:outline-blue-300:focus { + outline-color: var(--blue-300) +} +.hover\:outline-blue-300:hover { + outline-color: var(--blue-300) +} +.active\:outline-blue-300:active { + outline-color: var(--blue-300) +} +.focus\:outline-blue-300\/10:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:outline-blue-300\/10:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:outline-blue-300\/10:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:outline-blue-300\/20:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:outline-blue-300\/20:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:outline-blue-300\/20:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:outline-blue-300\/30:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:outline-blue-300\/30:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:outline-blue-300\/30:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:outline-blue-300\/40:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:outline-blue-300\/40:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:outline-blue-300\/40:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:outline-blue-300\/50:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:outline-blue-300\/50:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:outline-blue-300\/50:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:outline-blue-300\/60:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:outline-blue-300\/60:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:outline-blue-300\/60:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:outline-blue-300\/70:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:outline-blue-300\/70:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:outline-blue-300\/70:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:outline-blue-300\/80:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:outline-blue-300\/80:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:outline-blue-300\/80:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:outline-blue-300\/90:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:outline-blue-300\/90:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:outline-blue-300\/90:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:outline-blue-400:focus { + outline-color: var(--blue-400) +} +.hover\:outline-blue-400:hover { + outline-color: var(--blue-400) +} +.active\:outline-blue-400:active { + outline-color: var(--blue-400) +} +.focus\:outline-blue-400\/10:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:outline-blue-400\/10:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:outline-blue-400\/10:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:outline-blue-400\/20:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:outline-blue-400\/20:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:outline-blue-400\/20:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:outline-blue-400\/30:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:outline-blue-400\/30:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:outline-blue-400\/30:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:outline-blue-400\/40:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:outline-blue-400\/40:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:outline-blue-400\/40:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:outline-blue-400\/50:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:outline-blue-400\/50:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:outline-blue-400\/50:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:outline-blue-400\/60:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:outline-blue-400\/60:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:outline-blue-400\/60:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:outline-blue-400\/70:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:outline-blue-400\/70:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:outline-blue-400\/70:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:outline-blue-400\/80:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:outline-blue-400\/80:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:outline-blue-400\/80:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:outline-blue-400\/90:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:outline-blue-400\/90:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:outline-blue-400\/90:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:outline-blue-500:focus { + outline-color: var(--blue-500) +} +.hover\:outline-blue-500:hover { + outline-color: var(--blue-500) +} +.active\:outline-blue-500:active { + outline-color: var(--blue-500) +} +.focus\:outline-blue-500\/10:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:outline-blue-500\/10:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:outline-blue-500\/10:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:outline-blue-500\/20:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:outline-blue-500\/20:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:outline-blue-500\/20:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:outline-blue-500\/30:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:outline-blue-500\/30:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:outline-blue-500\/30:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:outline-blue-500\/40:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:outline-blue-500\/40:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:outline-blue-500\/40:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:outline-blue-500\/50:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:outline-blue-500\/50:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:outline-blue-500\/50:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:outline-blue-500\/60:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:outline-blue-500\/60:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:outline-blue-500\/60:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:outline-blue-500\/70:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:outline-blue-500\/70:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:outline-blue-500\/70:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:outline-blue-500\/80:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:outline-blue-500\/80:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:outline-blue-500\/80:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:outline-blue-500\/90:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:outline-blue-500\/90:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:outline-blue-500\/90:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:outline-blue-600:focus { + outline-color: var(--blue-600) +} +.hover\:outline-blue-600:hover { + outline-color: var(--blue-600) +} +.active\:outline-blue-600:active { + outline-color: var(--blue-600) +} +.focus\:outline-blue-600\/10:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:outline-blue-600\/10:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:outline-blue-600\/10:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:outline-blue-600\/20:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:outline-blue-600\/20:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:outline-blue-600\/20:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:outline-blue-600\/30:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:outline-blue-600\/30:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:outline-blue-600\/30:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:outline-blue-600\/40:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:outline-blue-600\/40:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:outline-blue-600\/40:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:outline-blue-600\/50:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:outline-blue-600\/50:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:outline-blue-600\/50:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:outline-blue-600\/60:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:outline-blue-600\/60:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:outline-blue-600\/60:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:outline-blue-600\/70:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:outline-blue-600\/70:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:outline-blue-600\/70:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:outline-blue-600\/80:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:outline-blue-600\/80:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:outline-blue-600\/80:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:outline-blue-600\/90:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:outline-blue-600\/90:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:outline-blue-600\/90:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:outline-blue-700:focus { + outline-color: var(--blue-700) +} +.hover\:outline-blue-700:hover { + outline-color: var(--blue-700) +} +.active\:outline-blue-700:active { + outline-color: var(--blue-700) +} +.focus\:outline-blue-700\/10:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:outline-blue-700\/10:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:outline-blue-700\/10:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:outline-blue-700\/20:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:outline-blue-700\/20:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:outline-blue-700\/20:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:outline-blue-700\/30:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:outline-blue-700\/30:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:outline-blue-700\/30:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:outline-blue-700\/40:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:outline-blue-700\/40:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:outline-blue-700\/40:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:outline-blue-700\/50:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:outline-blue-700\/50:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:outline-blue-700\/50:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:outline-blue-700\/60:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:outline-blue-700\/60:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:outline-blue-700\/60:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:outline-blue-700\/70:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:outline-blue-700\/70:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:outline-blue-700\/70:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:outline-blue-700\/80:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:outline-blue-700\/80:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:outline-blue-700\/80:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:outline-blue-700\/90:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:outline-blue-700\/90:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:outline-blue-700\/90:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:outline-blue-800:focus { + outline-color: var(--blue-800) +} +.hover\:outline-blue-800:hover { + outline-color: var(--blue-800) +} +.active\:outline-blue-800:active { + outline-color: var(--blue-800) +} +.focus\:outline-blue-800\/10:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:outline-blue-800\/10:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:outline-blue-800\/10:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:outline-blue-800\/20:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:outline-blue-800\/20:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:outline-blue-800\/20:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:outline-blue-800\/30:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:outline-blue-800\/30:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:outline-blue-800\/30:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:outline-blue-800\/40:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:outline-blue-800\/40:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:outline-blue-800\/40:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:outline-blue-800\/50:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:outline-blue-800\/50:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:outline-blue-800\/50:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:outline-blue-800\/60:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:outline-blue-800\/60:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:outline-blue-800\/60:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:outline-blue-800\/70:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:outline-blue-800\/70:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:outline-blue-800\/70:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:outline-blue-800\/80:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:outline-blue-800\/80:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:outline-blue-800\/80:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:outline-blue-800\/90:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:outline-blue-800\/90:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:outline-blue-800\/90:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:outline-blue-900:focus { + outline-color: var(--blue-900) +} +.hover\:outline-blue-900:hover { + outline-color: var(--blue-900) +} +.active\:outline-blue-900:active { + outline-color: var(--blue-900) +} +.focus\:outline-blue-900\/10:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:outline-blue-900\/10:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:outline-blue-900\/10:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:outline-blue-900\/20:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:outline-blue-900\/20:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:outline-blue-900\/20:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:outline-blue-900\/30:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:outline-blue-900\/30:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:outline-blue-900\/30:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:outline-blue-900\/40:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:outline-blue-900\/40:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:outline-blue-900\/40:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:outline-blue-900\/50:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:outline-blue-900\/50:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:outline-blue-900\/50:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:outline-blue-900\/60:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:outline-blue-900\/60:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:outline-blue-900\/60:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:outline-blue-900\/70:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:outline-blue-900\/70:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:outline-blue-900\/70:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:outline-blue-900\/80:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:outline-blue-900\/80:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:outline-blue-900\/80:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:outline-blue-900\/90:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:outline-blue-900\/90:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:outline-blue-900\/90:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:outline-green-50:focus { + outline-color: var(--green-50) +} +.hover\:outline-green-50:hover { + outline-color: var(--green-50) +} +.active\:outline-green-50:active { + outline-color: var(--green-50) +} +.focus\:outline-green-50\/10:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:outline-green-50\/10:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:outline-green-50\/10:active { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:outline-green-50\/20:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:outline-green-50\/20:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:outline-green-50\/20:active { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:outline-green-50\/30:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:outline-green-50\/30:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:outline-green-50\/30:active { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:outline-green-50\/40:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:outline-green-50\/40:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:outline-green-50\/40:active { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:outline-green-50\/50:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:outline-green-50\/50:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:outline-green-50\/50:active { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:outline-green-50\/60:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:outline-green-50\/60:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:outline-green-50\/60:active { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:outline-green-50\/70:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:outline-green-50\/70:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:outline-green-50\/70:active { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:outline-green-50\/80:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:outline-green-50\/80:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:outline-green-50\/80:active { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:outline-green-50\/90:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:outline-green-50\/90:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:outline-green-50\/90:active { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:outline-green-100:focus { + outline-color: var(--green-100) +} +.hover\:outline-green-100:hover { + outline-color: var(--green-100) +} +.active\:outline-green-100:active { + outline-color: var(--green-100) +} +.focus\:outline-green-100\/10:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:outline-green-100\/10:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:outline-green-100\/10:active { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:outline-green-100\/20:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:outline-green-100\/20:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:outline-green-100\/20:active { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:outline-green-100\/30:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:outline-green-100\/30:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:outline-green-100\/30:active { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:outline-green-100\/40:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:outline-green-100\/40:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:outline-green-100\/40:active { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:outline-green-100\/50:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:outline-green-100\/50:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:outline-green-100\/50:active { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:outline-green-100\/60:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:outline-green-100\/60:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:outline-green-100\/60:active { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:outline-green-100\/70:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:outline-green-100\/70:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:outline-green-100\/70:active { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:outline-green-100\/80:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:outline-green-100\/80:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:outline-green-100\/80:active { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:outline-green-100\/90:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:outline-green-100\/90:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:outline-green-100\/90:active { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:outline-green-200:focus { + outline-color: var(--green-200) +} +.hover\:outline-green-200:hover { + outline-color: var(--green-200) +} +.active\:outline-green-200:active { + outline-color: var(--green-200) +} +.focus\:outline-green-200\/10:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:outline-green-200\/10:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:outline-green-200\/10:active { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:outline-green-200\/20:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:outline-green-200\/20:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:outline-green-200\/20:active { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:outline-green-200\/30:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:outline-green-200\/30:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:outline-green-200\/30:active { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:outline-green-200\/40:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:outline-green-200\/40:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:outline-green-200\/40:active { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:outline-green-200\/50:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:outline-green-200\/50:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:outline-green-200\/50:active { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:outline-green-200\/60:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:outline-green-200\/60:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:outline-green-200\/60:active { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:outline-green-200\/70:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:outline-green-200\/70:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:outline-green-200\/70:active { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:outline-green-200\/80:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:outline-green-200\/80:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:outline-green-200\/80:active { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:outline-green-200\/90:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:outline-green-200\/90:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:outline-green-200\/90:active { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:outline-green-300:focus { + outline-color: var(--green-300) +} +.hover\:outline-green-300:hover { + outline-color: var(--green-300) +} +.active\:outline-green-300:active { + outline-color: var(--green-300) +} +.focus\:outline-green-300\/10:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:outline-green-300\/10:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:outline-green-300\/10:active { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:outline-green-300\/20:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:outline-green-300\/20:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:outline-green-300\/20:active { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:outline-green-300\/30:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:outline-green-300\/30:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:outline-green-300\/30:active { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:outline-green-300\/40:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:outline-green-300\/40:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:outline-green-300\/40:active { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:outline-green-300\/50:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:outline-green-300\/50:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:outline-green-300\/50:active { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:outline-green-300\/60:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:outline-green-300\/60:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:outline-green-300\/60:active { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:outline-green-300\/70:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:outline-green-300\/70:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:outline-green-300\/70:active { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:outline-green-300\/80:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:outline-green-300\/80:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:outline-green-300\/80:active { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:outline-green-300\/90:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:outline-green-300\/90:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:outline-green-300\/90:active { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:outline-green-400:focus { + outline-color: var(--green-400) +} +.hover\:outline-green-400:hover { + outline-color: var(--green-400) +} +.active\:outline-green-400:active { + outline-color: var(--green-400) +} +.focus\:outline-green-400\/10:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:outline-green-400\/10:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:outline-green-400\/10:active { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:outline-green-400\/20:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:outline-green-400\/20:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:outline-green-400\/20:active { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:outline-green-400\/30:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:outline-green-400\/30:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:outline-green-400\/30:active { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:outline-green-400\/40:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:outline-green-400\/40:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:outline-green-400\/40:active { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:outline-green-400\/50:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:outline-green-400\/50:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:outline-green-400\/50:active { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:outline-green-400\/60:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:outline-green-400\/60:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:outline-green-400\/60:active { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:outline-green-400\/70:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:outline-green-400\/70:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:outline-green-400\/70:active { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:outline-green-400\/80:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:outline-green-400\/80:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:outline-green-400\/80:active { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:outline-green-400\/90:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:outline-green-400\/90:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:outline-green-400\/90:active { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:outline-green-500:focus { + outline-color: var(--green-500) +} +.hover\:outline-green-500:hover { + outline-color: var(--green-500) +} +.active\:outline-green-500:active { + outline-color: var(--green-500) +} +.focus\:outline-green-500\/10:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:outline-green-500\/10:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:outline-green-500\/10:active { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:outline-green-500\/20:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:outline-green-500\/20:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:outline-green-500\/20:active { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:outline-green-500\/30:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:outline-green-500\/30:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:outline-green-500\/30:active { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:outline-green-500\/40:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:outline-green-500\/40:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:outline-green-500\/40:active { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:outline-green-500\/50:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:outline-green-500\/50:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:outline-green-500\/50:active { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:outline-green-500\/60:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:outline-green-500\/60:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:outline-green-500\/60:active { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:outline-green-500\/70:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:outline-green-500\/70:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:outline-green-500\/70:active { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:outline-green-500\/80:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:outline-green-500\/80:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:outline-green-500\/80:active { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:outline-green-500\/90:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:outline-green-500\/90:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:outline-green-500\/90:active { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:outline-green-600:focus { + outline-color: var(--green-600) +} +.hover\:outline-green-600:hover { + outline-color: var(--green-600) +} +.active\:outline-green-600:active { + outline-color: var(--green-600) +} +.focus\:outline-green-600\/10:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:outline-green-600\/10:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:outline-green-600\/10:active { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:outline-green-600\/20:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:outline-green-600\/20:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:outline-green-600\/20:active { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:outline-green-600\/30:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:outline-green-600\/30:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:outline-green-600\/30:active { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:outline-green-600\/40:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:outline-green-600\/40:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:outline-green-600\/40:active { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:outline-green-600\/50:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:outline-green-600\/50:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:outline-green-600\/50:active { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:outline-green-600\/60:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:outline-green-600\/60:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:outline-green-600\/60:active { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:outline-green-600\/70:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:outline-green-600\/70:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:outline-green-600\/70:active { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:outline-green-600\/80:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:outline-green-600\/80:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:outline-green-600\/80:active { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:outline-green-600\/90:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:outline-green-600\/90:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:outline-green-600\/90:active { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:outline-green-700:focus { + outline-color: var(--green-700) +} +.hover\:outline-green-700:hover { + outline-color: var(--green-700) +} +.active\:outline-green-700:active { + outline-color: var(--green-700) +} +.focus\:outline-green-700\/10:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:outline-green-700\/10:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:outline-green-700\/10:active { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:outline-green-700\/20:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:outline-green-700\/20:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:outline-green-700\/20:active { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:outline-green-700\/30:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:outline-green-700\/30:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:outline-green-700\/30:active { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:outline-green-700\/40:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:outline-green-700\/40:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:outline-green-700\/40:active { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:outline-green-700\/50:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:outline-green-700\/50:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:outline-green-700\/50:active { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:outline-green-700\/60:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:outline-green-700\/60:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:outline-green-700\/60:active { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:outline-green-700\/70:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:outline-green-700\/70:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:outline-green-700\/70:active { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:outline-green-700\/80:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:outline-green-700\/80:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:outline-green-700\/80:active { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:outline-green-700\/90:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:outline-green-700\/90:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:outline-green-700\/90:active { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:outline-green-800:focus { + outline-color: var(--green-800) +} +.hover\:outline-green-800:hover { + outline-color: var(--green-800) +} +.active\:outline-green-800:active { + outline-color: var(--green-800) +} +.focus\:outline-green-800\/10:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:outline-green-800\/10:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:outline-green-800\/10:active { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:outline-green-800\/20:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:outline-green-800\/20:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:outline-green-800\/20:active { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:outline-green-800\/30:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:outline-green-800\/30:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:outline-green-800\/30:active { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:outline-green-800\/40:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:outline-green-800\/40:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:outline-green-800\/40:active { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:outline-green-800\/50:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:outline-green-800\/50:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:outline-green-800\/50:active { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:outline-green-800\/60:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:outline-green-800\/60:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:outline-green-800\/60:active { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:outline-green-800\/70:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:outline-green-800\/70:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:outline-green-800\/70:active { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:outline-green-800\/80:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:outline-green-800\/80:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:outline-green-800\/80:active { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:outline-green-800\/90:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:outline-green-800\/90:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:outline-green-800\/90:active { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:outline-green-900:focus { + outline-color: var(--green-900) +} +.hover\:outline-green-900:hover { + outline-color: var(--green-900) +} +.active\:outline-green-900:active { + outline-color: var(--green-900) +} +.focus\:outline-green-900\/10:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:outline-green-900\/10:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:outline-green-900\/10:active { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:outline-green-900\/20:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:outline-green-900\/20:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:outline-green-900\/20:active { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:outline-green-900\/30:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:outline-green-900\/30:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:outline-green-900\/30:active { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:outline-green-900\/40:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:outline-green-900\/40:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:outline-green-900\/40:active { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:outline-green-900\/50:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:outline-green-900\/50:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:outline-green-900\/50:active { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:outline-green-900\/60:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:outline-green-900\/60:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:outline-green-900\/60:active { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:outline-green-900\/70:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:outline-green-900\/70:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:outline-green-900\/70:active { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:outline-green-900\/80:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:outline-green-900\/80:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:outline-green-900\/80:active { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:outline-green-900\/90:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:outline-green-900\/90:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:outline-green-900\/90:active { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:outline-yellow-50:focus { + outline-color: var(--yellow-50) +} +.hover\:outline-yellow-50:hover { + outline-color: var(--yellow-50) +} +.active\:outline-yellow-50:active { + outline-color: var(--yellow-50) +} +.focus\:outline-yellow-50\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:outline-yellow-50\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:outline-yellow-50\/10:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:outline-yellow-50\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:outline-yellow-50\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:outline-yellow-50\/20:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:outline-yellow-50\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:outline-yellow-50\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:outline-yellow-50\/30:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:outline-yellow-50\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:outline-yellow-50\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:outline-yellow-50\/40:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:outline-yellow-50\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:outline-yellow-50\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:outline-yellow-50\/50:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:outline-yellow-50\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:outline-yellow-50\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:outline-yellow-50\/60:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:outline-yellow-50\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:outline-yellow-50\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:outline-yellow-50\/70:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:outline-yellow-50\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:outline-yellow-50\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:outline-yellow-50\/80:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:outline-yellow-50\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:outline-yellow-50\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:outline-yellow-50\/90:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:outline-yellow-100:focus { + outline-color: var(--yellow-100) +} +.hover\:outline-yellow-100:hover { + outline-color: var(--yellow-100) +} +.active\:outline-yellow-100:active { + outline-color: var(--yellow-100) +} +.focus\:outline-yellow-100\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:outline-yellow-100\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:outline-yellow-100\/10:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:outline-yellow-100\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:outline-yellow-100\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:outline-yellow-100\/20:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:outline-yellow-100\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:outline-yellow-100\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:outline-yellow-100\/30:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:outline-yellow-100\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:outline-yellow-100\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:outline-yellow-100\/40:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:outline-yellow-100\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:outline-yellow-100\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:outline-yellow-100\/50:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:outline-yellow-100\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:outline-yellow-100\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:outline-yellow-100\/60:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:outline-yellow-100\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:outline-yellow-100\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:outline-yellow-100\/70:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:outline-yellow-100\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:outline-yellow-100\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:outline-yellow-100\/80:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:outline-yellow-100\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:outline-yellow-100\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:outline-yellow-100\/90:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:outline-yellow-200:focus { + outline-color: var(--yellow-200) +} +.hover\:outline-yellow-200:hover { + outline-color: var(--yellow-200) +} +.active\:outline-yellow-200:active { + outline-color: var(--yellow-200) +} +.focus\:outline-yellow-200\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:outline-yellow-200\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:outline-yellow-200\/10:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:outline-yellow-200\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:outline-yellow-200\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:outline-yellow-200\/20:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:outline-yellow-200\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:outline-yellow-200\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:outline-yellow-200\/30:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:outline-yellow-200\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:outline-yellow-200\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:outline-yellow-200\/40:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:outline-yellow-200\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:outline-yellow-200\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:outline-yellow-200\/50:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:outline-yellow-200\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:outline-yellow-200\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:outline-yellow-200\/60:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:outline-yellow-200\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:outline-yellow-200\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:outline-yellow-200\/70:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:outline-yellow-200\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:outline-yellow-200\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:outline-yellow-200\/80:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:outline-yellow-200\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:outline-yellow-200\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:outline-yellow-200\/90:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:outline-yellow-300:focus { + outline-color: var(--yellow-300) +} +.hover\:outline-yellow-300:hover { + outline-color: var(--yellow-300) +} +.active\:outline-yellow-300:active { + outline-color: var(--yellow-300) +} +.focus\:outline-yellow-300\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:outline-yellow-300\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:outline-yellow-300\/10:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:outline-yellow-300\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:outline-yellow-300\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:outline-yellow-300\/20:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:outline-yellow-300\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:outline-yellow-300\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:outline-yellow-300\/30:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:outline-yellow-300\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:outline-yellow-300\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:outline-yellow-300\/40:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:outline-yellow-300\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:outline-yellow-300\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:outline-yellow-300\/50:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:outline-yellow-300\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:outline-yellow-300\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:outline-yellow-300\/60:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:outline-yellow-300\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:outline-yellow-300\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:outline-yellow-300\/70:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:outline-yellow-300\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:outline-yellow-300\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:outline-yellow-300\/80:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:outline-yellow-300\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:outline-yellow-300\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:outline-yellow-300\/90:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:outline-yellow-400:focus { + outline-color: var(--yellow-400) +} +.hover\:outline-yellow-400:hover { + outline-color: var(--yellow-400) +} +.active\:outline-yellow-400:active { + outline-color: var(--yellow-400) +} +.focus\:outline-yellow-400\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:outline-yellow-400\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:outline-yellow-400\/10:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:outline-yellow-400\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:outline-yellow-400\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:outline-yellow-400\/20:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:outline-yellow-400\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:outline-yellow-400\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:outline-yellow-400\/30:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:outline-yellow-400\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:outline-yellow-400\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:outline-yellow-400\/40:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:outline-yellow-400\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:outline-yellow-400\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:outline-yellow-400\/50:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:outline-yellow-400\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:outline-yellow-400\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:outline-yellow-400\/60:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:outline-yellow-400\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:outline-yellow-400\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:outline-yellow-400\/70:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:outline-yellow-400\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:outline-yellow-400\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:outline-yellow-400\/80:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:outline-yellow-400\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:outline-yellow-400\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:outline-yellow-400\/90:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:outline-yellow-500:focus { + outline-color: var(--yellow-500) +} +.hover\:outline-yellow-500:hover { + outline-color: var(--yellow-500) +} +.active\:outline-yellow-500:active { + outline-color: var(--yellow-500) +} +.focus\:outline-yellow-500\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:outline-yellow-500\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:outline-yellow-500\/10:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:outline-yellow-500\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:outline-yellow-500\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:outline-yellow-500\/20:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:outline-yellow-500\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:outline-yellow-500\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:outline-yellow-500\/30:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:outline-yellow-500\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:outline-yellow-500\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:outline-yellow-500\/40:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:outline-yellow-500\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:outline-yellow-500\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:outline-yellow-500\/50:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:outline-yellow-500\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:outline-yellow-500\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:outline-yellow-500\/60:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:outline-yellow-500\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:outline-yellow-500\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:outline-yellow-500\/70:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:outline-yellow-500\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:outline-yellow-500\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:outline-yellow-500\/80:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:outline-yellow-500\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:outline-yellow-500\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:outline-yellow-500\/90:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:outline-yellow-600:focus { + outline-color: var(--yellow-600) +} +.hover\:outline-yellow-600:hover { + outline-color: var(--yellow-600) +} +.active\:outline-yellow-600:active { + outline-color: var(--yellow-600) +} +.focus\:outline-yellow-600\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:outline-yellow-600\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:outline-yellow-600\/10:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:outline-yellow-600\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:outline-yellow-600\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:outline-yellow-600\/20:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:outline-yellow-600\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:outline-yellow-600\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:outline-yellow-600\/30:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:outline-yellow-600\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:outline-yellow-600\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:outline-yellow-600\/40:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:outline-yellow-600\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:outline-yellow-600\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:outline-yellow-600\/50:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:outline-yellow-600\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:outline-yellow-600\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:outline-yellow-600\/60:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:outline-yellow-600\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:outline-yellow-600\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:outline-yellow-600\/70:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:outline-yellow-600\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:outline-yellow-600\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:outline-yellow-600\/80:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:outline-yellow-600\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:outline-yellow-600\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:outline-yellow-600\/90:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:outline-yellow-700:focus { + outline-color: var(--yellow-700) +} +.hover\:outline-yellow-700:hover { + outline-color: var(--yellow-700) +} +.active\:outline-yellow-700:active { + outline-color: var(--yellow-700) +} +.focus\:outline-yellow-700\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:outline-yellow-700\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:outline-yellow-700\/10:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:outline-yellow-700\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:outline-yellow-700\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:outline-yellow-700\/20:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:outline-yellow-700\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:outline-yellow-700\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:outline-yellow-700\/30:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:outline-yellow-700\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:outline-yellow-700\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:outline-yellow-700\/40:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:outline-yellow-700\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:outline-yellow-700\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:outline-yellow-700\/50:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:outline-yellow-700\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:outline-yellow-700\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:outline-yellow-700\/60:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:outline-yellow-700\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:outline-yellow-700\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:outline-yellow-700\/70:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:outline-yellow-700\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:outline-yellow-700\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:outline-yellow-700\/80:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:outline-yellow-700\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:outline-yellow-700\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:outline-yellow-700\/90:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:outline-yellow-800:focus { + outline-color: var(--yellow-800) +} +.hover\:outline-yellow-800:hover { + outline-color: var(--yellow-800) +} +.active\:outline-yellow-800:active { + outline-color: var(--yellow-800) +} +.focus\:outline-yellow-800\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:outline-yellow-800\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:outline-yellow-800\/10:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:outline-yellow-800\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:outline-yellow-800\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:outline-yellow-800\/20:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:outline-yellow-800\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:outline-yellow-800\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:outline-yellow-800\/30:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:outline-yellow-800\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:outline-yellow-800\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:outline-yellow-800\/40:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:outline-yellow-800\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:outline-yellow-800\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:outline-yellow-800\/50:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:outline-yellow-800\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:outline-yellow-800\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:outline-yellow-800\/60:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:outline-yellow-800\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:outline-yellow-800\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:outline-yellow-800\/70:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:outline-yellow-800\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:outline-yellow-800\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:outline-yellow-800\/80:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:outline-yellow-800\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:outline-yellow-800\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:outline-yellow-800\/90:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:outline-yellow-900:focus { + outline-color: var(--yellow-900) +} +.hover\:outline-yellow-900:hover { + outline-color: var(--yellow-900) +} +.active\:outline-yellow-900:active { + outline-color: var(--yellow-900) +} +.focus\:outline-yellow-900\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:outline-yellow-900\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:outline-yellow-900\/10:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:outline-yellow-900\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:outline-yellow-900\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:outline-yellow-900\/20:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:outline-yellow-900\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:outline-yellow-900\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:outline-yellow-900\/30:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:outline-yellow-900\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:outline-yellow-900\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:outline-yellow-900\/40:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:outline-yellow-900\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:outline-yellow-900\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:outline-yellow-900\/50:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:outline-yellow-900\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:outline-yellow-900\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:outline-yellow-900\/60:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:outline-yellow-900\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:outline-yellow-900\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:outline-yellow-900\/70:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:outline-yellow-900\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:outline-yellow-900\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:outline-yellow-900\/80:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:outline-yellow-900\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:outline-yellow-900\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:outline-yellow-900\/90:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:outline-cyan-50:focus { + outline-color: var(--cyan-50) +} +.hover\:outline-cyan-50:hover { + outline-color: var(--cyan-50) +} +.active\:outline-cyan-50:active { + outline-color: var(--cyan-50) +} +.focus\:outline-cyan-50\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:outline-cyan-50\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:outline-cyan-50\/10:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:outline-cyan-50\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:outline-cyan-50\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:outline-cyan-50\/20:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:outline-cyan-50\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:outline-cyan-50\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:outline-cyan-50\/30:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:outline-cyan-50\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:outline-cyan-50\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:outline-cyan-50\/40:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:outline-cyan-50\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:outline-cyan-50\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:outline-cyan-50\/50:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:outline-cyan-50\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:outline-cyan-50\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:outline-cyan-50\/60:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:outline-cyan-50\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:outline-cyan-50\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:outline-cyan-50\/70:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:outline-cyan-50\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:outline-cyan-50\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:outline-cyan-50\/80:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:outline-cyan-50\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:outline-cyan-50\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:outline-cyan-50\/90:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:outline-cyan-100:focus { + outline-color: var(--cyan-100) +} +.hover\:outline-cyan-100:hover { + outline-color: var(--cyan-100) +} +.active\:outline-cyan-100:active { + outline-color: var(--cyan-100) +} +.focus\:outline-cyan-100\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:outline-cyan-100\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:outline-cyan-100\/10:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:outline-cyan-100\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:outline-cyan-100\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:outline-cyan-100\/20:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:outline-cyan-100\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:outline-cyan-100\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:outline-cyan-100\/30:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:outline-cyan-100\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:outline-cyan-100\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:outline-cyan-100\/40:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:outline-cyan-100\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:outline-cyan-100\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:outline-cyan-100\/50:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:outline-cyan-100\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:outline-cyan-100\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:outline-cyan-100\/60:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:outline-cyan-100\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:outline-cyan-100\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:outline-cyan-100\/70:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:outline-cyan-100\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:outline-cyan-100\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:outline-cyan-100\/80:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:outline-cyan-100\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:outline-cyan-100\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:outline-cyan-100\/90:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:outline-cyan-200:focus { + outline-color: var(--cyan-200) +} +.hover\:outline-cyan-200:hover { + outline-color: var(--cyan-200) +} +.active\:outline-cyan-200:active { + outline-color: var(--cyan-200) +} +.focus\:outline-cyan-200\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:outline-cyan-200\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:outline-cyan-200\/10:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:outline-cyan-200\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:outline-cyan-200\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:outline-cyan-200\/20:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:outline-cyan-200\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:outline-cyan-200\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:outline-cyan-200\/30:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:outline-cyan-200\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:outline-cyan-200\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:outline-cyan-200\/40:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:outline-cyan-200\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:outline-cyan-200\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:outline-cyan-200\/50:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:outline-cyan-200\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:outline-cyan-200\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:outline-cyan-200\/60:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:outline-cyan-200\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:outline-cyan-200\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:outline-cyan-200\/70:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:outline-cyan-200\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:outline-cyan-200\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:outline-cyan-200\/80:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:outline-cyan-200\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:outline-cyan-200\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:outline-cyan-200\/90:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:outline-cyan-300:focus { + outline-color: var(--cyan-300) +} +.hover\:outline-cyan-300:hover { + outline-color: var(--cyan-300) +} +.active\:outline-cyan-300:active { + outline-color: var(--cyan-300) +} +.focus\:outline-cyan-300\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:outline-cyan-300\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:outline-cyan-300\/10:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:outline-cyan-300\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:outline-cyan-300\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:outline-cyan-300\/20:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:outline-cyan-300\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:outline-cyan-300\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:outline-cyan-300\/30:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:outline-cyan-300\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:outline-cyan-300\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:outline-cyan-300\/40:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:outline-cyan-300\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:outline-cyan-300\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:outline-cyan-300\/50:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:outline-cyan-300\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:outline-cyan-300\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:outline-cyan-300\/60:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:outline-cyan-300\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:outline-cyan-300\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:outline-cyan-300\/70:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:outline-cyan-300\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:outline-cyan-300\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:outline-cyan-300\/80:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:outline-cyan-300\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:outline-cyan-300\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:outline-cyan-300\/90:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:outline-cyan-400:focus { + outline-color: var(--cyan-400) +} +.hover\:outline-cyan-400:hover { + outline-color: var(--cyan-400) +} +.active\:outline-cyan-400:active { + outline-color: var(--cyan-400) +} +.focus\:outline-cyan-400\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:outline-cyan-400\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:outline-cyan-400\/10:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:outline-cyan-400\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:outline-cyan-400\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:outline-cyan-400\/20:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:outline-cyan-400\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:outline-cyan-400\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:outline-cyan-400\/30:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:outline-cyan-400\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:outline-cyan-400\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:outline-cyan-400\/40:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:outline-cyan-400\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:outline-cyan-400\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:outline-cyan-400\/50:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:outline-cyan-400\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:outline-cyan-400\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:outline-cyan-400\/60:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:outline-cyan-400\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:outline-cyan-400\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:outline-cyan-400\/70:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:outline-cyan-400\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:outline-cyan-400\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:outline-cyan-400\/80:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:outline-cyan-400\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:outline-cyan-400\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:outline-cyan-400\/90:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:outline-cyan-500:focus { + outline-color: var(--cyan-500) +} +.hover\:outline-cyan-500:hover { + outline-color: var(--cyan-500) +} +.active\:outline-cyan-500:active { + outline-color: var(--cyan-500) +} +.focus\:outline-cyan-500\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:outline-cyan-500\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:outline-cyan-500\/10:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:outline-cyan-500\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:outline-cyan-500\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:outline-cyan-500\/20:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:outline-cyan-500\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:outline-cyan-500\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:outline-cyan-500\/30:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:outline-cyan-500\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:outline-cyan-500\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:outline-cyan-500\/40:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:outline-cyan-500\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:outline-cyan-500\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:outline-cyan-500\/50:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:outline-cyan-500\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:outline-cyan-500\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:outline-cyan-500\/60:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:outline-cyan-500\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:outline-cyan-500\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:outline-cyan-500\/70:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:outline-cyan-500\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:outline-cyan-500\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:outline-cyan-500\/80:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:outline-cyan-500\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:outline-cyan-500\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:outline-cyan-500\/90:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:outline-cyan-600:focus { + outline-color: var(--cyan-600) +} +.hover\:outline-cyan-600:hover { + outline-color: var(--cyan-600) +} +.active\:outline-cyan-600:active { + outline-color: var(--cyan-600) +} +.focus\:outline-cyan-600\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:outline-cyan-600\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:outline-cyan-600\/10:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:outline-cyan-600\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:outline-cyan-600\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:outline-cyan-600\/20:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:outline-cyan-600\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:outline-cyan-600\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:outline-cyan-600\/30:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:outline-cyan-600\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:outline-cyan-600\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:outline-cyan-600\/40:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:outline-cyan-600\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:outline-cyan-600\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:outline-cyan-600\/50:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:outline-cyan-600\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:outline-cyan-600\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:outline-cyan-600\/60:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:outline-cyan-600\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:outline-cyan-600\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:outline-cyan-600\/70:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:outline-cyan-600\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:outline-cyan-600\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:outline-cyan-600\/80:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:outline-cyan-600\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:outline-cyan-600\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:outline-cyan-600\/90:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:outline-cyan-700:focus { + outline-color: var(--cyan-700) +} +.hover\:outline-cyan-700:hover { + outline-color: var(--cyan-700) +} +.active\:outline-cyan-700:active { + outline-color: var(--cyan-700) +} +.focus\:outline-cyan-700\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:outline-cyan-700\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:outline-cyan-700\/10:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:outline-cyan-700\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:outline-cyan-700\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:outline-cyan-700\/20:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:outline-cyan-700\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:outline-cyan-700\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:outline-cyan-700\/30:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:outline-cyan-700\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:outline-cyan-700\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:outline-cyan-700\/40:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:outline-cyan-700\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:outline-cyan-700\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:outline-cyan-700\/50:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:outline-cyan-700\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:outline-cyan-700\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:outline-cyan-700\/60:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:outline-cyan-700\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:outline-cyan-700\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:outline-cyan-700\/70:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:outline-cyan-700\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:outline-cyan-700\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:outline-cyan-700\/80:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:outline-cyan-700\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:outline-cyan-700\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:outline-cyan-700\/90:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:outline-cyan-800:focus { + outline-color: var(--cyan-800) +} +.hover\:outline-cyan-800:hover { + outline-color: var(--cyan-800) +} +.active\:outline-cyan-800:active { + outline-color: var(--cyan-800) +} +.focus\:outline-cyan-800\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:outline-cyan-800\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:outline-cyan-800\/10:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:outline-cyan-800\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:outline-cyan-800\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:outline-cyan-800\/20:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:outline-cyan-800\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:outline-cyan-800\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:outline-cyan-800\/30:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:outline-cyan-800\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:outline-cyan-800\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:outline-cyan-800\/40:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:outline-cyan-800\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:outline-cyan-800\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:outline-cyan-800\/50:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:outline-cyan-800\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:outline-cyan-800\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:outline-cyan-800\/60:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:outline-cyan-800\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:outline-cyan-800\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:outline-cyan-800\/70:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:outline-cyan-800\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:outline-cyan-800\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:outline-cyan-800\/80:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:outline-cyan-800\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:outline-cyan-800\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:outline-cyan-800\/90:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:outline-cyan-900:focus { + outline-color: var(--cyan-900) +} +.hover\:outline-cyan-900:hover { + outline-color: var(--cyan-900) +} +.active\:outline-cyan-900:active { + outline-color: var(--cyan-900) +} +.focus\:outline-cyan-900\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:outline-cyan-900\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:outline-cyan-900\/10:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:outline-cyan-900\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:outline-cyan-900\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:outline-cyan-900\/20:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:outline-cyan-900\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:outline-cyan-900\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:outline-cyan-900\/30:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:outline-cyan-900\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:outline-cyan-900\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:outline-cyan-900\/40:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:outline-cyan-900\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:outline-cyan-900\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:outline-cyan-900\/50:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:outline-cyan-900\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:outline-cyan-900\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:outline-cyan-900\/60:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:outline-cyan-900\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:outline-cyan-900\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:outline-cyan-900\/70:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:outline-cyan-900\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:outline-cyan-900\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:outline-cyan-900\/80:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:outline-cyan-900\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:outline-cyan-900\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:outline-cyan-900\/90:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:outline-pink-50:focus { + outline-color: var(--pink-50) +} +.hover\:outline-pink-50:hover { + outline-color: var(--pink-50) +} +.active\:outline-pink-50:active { + outline-color: var(--pink-50) +} +.focus\:outline-pink-50\/10:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:outline-pink-50\/10:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:outline-pink-50\/10:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:outline-pink-50\/20:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:outline-pink-50\/20:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:outline-pink-50\/20:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:outline-pink-50\/30:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:outline-pink-50\/30:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:outline-pink-50\/30:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:outline-pink-50\/40:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:outline-pink-50\/40:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:outline-pink-50\/40:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:outline-pink-50\/50:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:outline-pink-50\/50:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:outline-pink-50\/50:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:outline-pink-50\/60:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:outline-pink-50\/60:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:outline-pink-50\/60:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:outline-pink-50\/70:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:outline-pink-50\/70:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:outline-pink-50\/70:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:outline-pink-50\/80:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:outline-pink-50\/80:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:outline-pink-50\/80:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:outline-pink-50\/90:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:outline-pink-50\/90:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:outline-pink-50\/90:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:outline-pink-100:focus { + outline-color: var(--pink-100) +} +.hover\:outline-pink-100:hover { + outline-color: var(--pink-100) +} +.active\:outline-pink-100:active { + outline-color: var(--pink-100) +} +.focus\:outline-pink-100\/10:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:outline-pink-100\/10:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:outline-pink-100\/10:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:outline-pink-100\/20:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:outline-pink-100\/20:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:outline-pink-100\/20:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:outline-pink-100\/30:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:outline-pink-100\/30:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:outline-pink-100\/30:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:outline-pink-100\/40:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:outline-pink-100\/40:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:outline-pink-100\/40:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:outline-pink-100\/50:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:outline-pink-100\/50:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:outline-pink-100\/50:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:outline-pink-100\/60:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:outline-pink-100\/60:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:outline-pink-100\/60:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:outline-pink-100\/70:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:outline-pink-100\/70:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:outline-pink-100\/70:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:outline-pink-100\/80:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:outline-pink-100\/80:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:outline-pink-100\/80:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:outline-pink-100\/90:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:outline-pink-100\/90:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:outline-pink-100\/90:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:outline-pink-200:focus { + outline-color: var(--pink-200) +} +.hover\:outline-pink-200:hover { + outline-color: var(--pink-200) +} +.active\:outline-pink-200:active { + outline-color: var(--pink-200) +} +.focus\:outline-pink-200\/10:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:outline-pink-200\/10:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:outline-pink-200\/10:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:outline-pink-200\/20:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:outline-pink-200\/20:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:outline-pink-200\/20:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:outline-pink-200\/30:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:outline-pink-200\/30:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:outline-pink-200\/30:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:outline-pink-200\/40:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:outline-pink-200\/40:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:outline-pink-200\/40:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:outline-pink-200\/50:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:outline-pink-200\/50:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:outline-pink-200\/50:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:outline-pink-200\/60:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:outline-pink-200\/60:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:outline-pink-200\/60:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:outline-pink-200\/70:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:outline-pink-200\/70:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:outline-pink-200\/70:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:outline-pink-200\/80:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:outline-pink-200\/80:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:outline-pink-200\/80:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:outline-pink-200\/90:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:outline-pink-200\/90:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:outline-pink-200\/90:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:outline-pink-300:focus { + outline-color: var(--pink-300) +} +.hover\:outline-pink-300:hover { + outline-color: var(--pink-300) +} +.active\:outline-pink-300:active { + outline-color: var(--pink-300) +} +.focus\:outline-pink-300\/10:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:outline-pink-300\/10:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:outline-pink-300\/10:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:outline-pink-300\/20:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:outline-pink-300\/20:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:outline-pink-300\/20:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:outline-pink-300\/30:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:outline-pink-300\/30:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:outline-pink-300\/30:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:outline-pink-300\/40:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:outline-pink-300\/40:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:outline-pink-300\/40:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:outline-pink-300\/50:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:outline-pink-300\/50:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:outline-pink-300\/50:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:outline-pink-300\/60:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:outline-pink-300\/60:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:outline-pink-300\/60:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:outline-pink-300\/70:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:outline-pink-300\/70:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:outline-pink-300\/70:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:outline-pink-300\/80:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:outline-pink-300\/80:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:outline-pink-300\/80:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:outline-pink-300\/90:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:outline-pink-300\/90:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:outline-pink-300\/90:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:outline-pink-400:focus { + outline-color: var(--pink-400) +} +.hover\:outline-pink-400:hover { + outline-color: var(--pink-400) +} +.active\:outline-pink-400:active { + outline-color: var(--pink-400) +} +.focus\:outline-pink-400\/10:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:outline-pink-400\/10:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:outline-pink-400\/10:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:outline-pink-400\/20:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:outline-pink-400\/20:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:outline-pink-400\/20:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:outline-pink-400\/30:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:outline-pink-400\/30:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:outline-pink-400\/30:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:outline-pink-400\/40:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:outline-pink-400\/40:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:outline-pink-400\/40:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:outline-pink-400\/50:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:outline-pink-400\/50:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:outline-pink-400\/50:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:outline-pink-400\/60:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:outline-pink-400\/60:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:outline-pink-400\/60:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:outline-pink-400\/70:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:outline-pink-400\/70:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:outline-pink-400\/70:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:outline-pink-400\/80:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:outline-pink-400\/80:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:outline-pink-400\/80:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:outline-pink-400\/90:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:outline-pink-400\/90:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:outline-pink-400\/90:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:outline-pink-500:focus { + outline-color: var(--pink-500) +} +.hover\:outline-pink-500:hover { + outline-color: var(--pink-500) +} +.active\:outline-pink-500:active { + outline-color: var(--pink-500) +} +.focus\:outline-pink-500\/10:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:outline-pink-500\/10:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:outline-pink-500\/10:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:outline-pink-500\/20:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:outline-pink-500\/20:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:outline-pink-500\/20:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:outline-pink-500\/30:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:outline-pink-500\/30:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:outline-pink-500\/30:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:outline-pink-500\/40:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:outline-pink-500\/40:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:outline-pink-500\/40:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:outline-pink-500\/50:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:outline-pink-500\/50:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:outline-pink-500\/50:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:outline-pink-500\/60:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:outline-pink-500\/60:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:outline-pink-500\/60:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:outline-pink-500\/70:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:outline-pink-500\/70:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:outline-pink-500\/70:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:outline-pink-500\/80:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:outline-pink-500\/80:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:outline-pink-500\/80:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:outline-pink-500\/90:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:outline-pink-500\/90:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:outline-pink-500\/90:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:outline-pink-600:focus { + outline-color: var(--pink-600) +} +.hover\:outline-pink-600:hover { + outline-color: var(--pink-600) +} +.active\:outline-pink-600:active { + outline-color: var(--pink-600) +} +.focus\:outline-pink-600\/10:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:outline-pink-600\/10:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:outline-pink-600\/10:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:outline-pink-600\/20:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:outline-pink-600\/20:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:outline-pink-600\/20:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:outline-pink-600\/30:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:outline-pink-600\/30:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:outline-pink-600\/30:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:outline-pink-600\/40:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:outline-pink-600\/40:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:outline-pink-600\/40:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:outline-pink-600\/50:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:outline-pink-600\/50:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:outline-pink-600\/50:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:outline-pink-600\/60:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:outline-pink-600\/60:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:outline-pink-600\/60:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:outline-pink-600\/70:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:outline-pink-600\/70:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:outline-pink-600\/70:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:outline-pink-600\/80:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:outline-pink-600\/80:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:outline-pink-600\/80:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:outline-pink-600\/90:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:outline-pink-600\/90:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:outline-pink-600\/90:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:outline-pink-700:focus { + outline-color: var(--pink-700) +} +.hover\:outline-pink-700:hover { + outline-color: var(--pink-700) +} +.active\:outline-pink-700:active { + outline-color: var(--pink-700) +} +.focus\:outline-pink-700\/10:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:outline-pink-700\/10:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:outline-pink-700\/10:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:outline-pink-700\/20:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:outline-pink-700\/20:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:outline-pink-700\/20:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:outline-pink-700\/30:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:outline-pink-700\/30:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:outline-pink-700\/30:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:outline-pink-700\/40:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:outline-pink-700\/40:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:outline-pink-700\/40:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:outline-pink-700\/50:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:outline-pink-700\/50:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:outline-pink-700\/50:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:outline-pink-700\/60:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:outline-pink-700\/60:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:outline-pink-700\/60:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:outline-pink-700\/70:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:outline-pink-700\/70:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:outline-pink-700\/70:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:outline-pink-700\/80:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:outline-pink-700\/80:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:outline-pink-700\/80:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:outline-pink-700\/90:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:outline-pink-700\/90:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:outline-pink-700\/90:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:outline-pink-800:focus { + outline-color: var(--pink-800) +} +.hover\:outline-pink-800:hover { + outline-color: var(--pink-800) +} +.active\:outline-pink-800:active { + outline-color: var(--pink-800) +} +.focus\:outline-pink-800\/10:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:outline-pink-800\/10:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:outline-pink-800\/10:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:outline-pink-800\/20:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:outline-pink-800\/20:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:outline-pink-800\/20:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:outline-pink-800\/30:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:outline-pink-800\/30:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:outline-pink-800\/30:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:outline-pink-800\/40:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:outline-pink-800\/40:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:outline-pink-800\/40:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:outline-pink-800\/50:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:outline-pink-800\/50:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:outline-pink-800\/50:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:outline-pink-800\/60:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:outline-pink-800\/60:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:outline-pink-800\/60:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:outline-pink-800\/70:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:outline-pink-800\/70:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:outline-pink-800\/70:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:outline-pink-800\/80:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:outline-pink-800\/80:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:outline-pink-800\/80:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:outline-pink-800\/90:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:outline-pink-800\/90:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:outline-pink-800\/90:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:outline-pink-900:focus { + outline-color: var(--pink-900) +} +.hover\:outline-pink-900:hover { + outline-color: var(--pink-900) +} +.active\:outline-pink-900:active { + outline-color: var(--pink-900) +} +.focus\:outline-pink-900\/10:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:outline-pink-900\/10:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:outline-pink-900\/10:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:outline-pink-900\/20:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:outline-pink-900\/20:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:outline-pink-900\/20:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:outline-pink-900\/30:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:outline-pink-900\/30:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:outline-pink-900\/30:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:outline-pink-900\/40:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:outline-pink-900\/40:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:outline-pink-900\/40:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:outline-pink-900\/50:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:outline-pink-900\/50:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:outline-pink-900\/50:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:outline-pink-900\/60:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:outline-pink-900\/60:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:outline-pink-900\/60:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:outline-pink-900\/70:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:outline-pink-900\/70:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:outline-pink-900\/70:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:outline-pink-900\/80:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:outline-pink-900\/80:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:outline-pink-900\/80:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:outline-pink-900\/90:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:outline-pink-900\/90:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:outline-pink-900\/90:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:outline-indigo-50:focus { + outline-color: var(--indigo-50) +} +.hover\:outline-indigo-50:hover { + outline-color: var(--indigo-50) +} +.active\:outline-indigo-50:active { + outline-color: var(--indigo-50) +} +.focus\:outline-indigo-50\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:outline-indigo-50\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:outline-indigo-50\/10:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:outline-indigo-50\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:outline-indigo-50\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:outline-indigo-50\/20:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:outline-indigo-50\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:outline-indigo-50\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:outline-indigo-50\/30:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:outline-indigo-50\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:outline-indigo-50\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:outline-indigo-50\/40:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:outline-indigo-50\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:outline-indigo-50\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:outline-indigo-50\/50:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:outline-indigo-50\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:outline-indigo-50\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:outline-indigo-50\/60:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:outline-indigo-50\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:outline-indigo-50\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:outline-indigo-50\/70:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:outline-indigo-50\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:outline-indigo-50\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:outline-indigo-50\/80:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:outline-indigo-50\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:outline-indigo-50\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:outline-indigo-50\/90:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:outline-indigo-100:focus { + outline-color: var(--indigo-100) +} +.hover\:outline-indigo-100:hover { + outline-color: var(--indigo-100) +} +.active\:outline-indigo-100:active { + outline-color: var(--indigo-100) +} +.focus\:outline-indigo-100\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:outline-indigo-100\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:outline-indigo-100\/10:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:outline-indigo-100\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:outline-indigo-100\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:outline-indigo-100\/20:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:outline-indigo-100\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:outline-indigo-100\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:outline-indigo-100\/30:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:outline-indigo-100\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:outline-indigo-100\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:outline-indigo-100\/40:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:outline-indigo-100\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:outline-indigo-100\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:outline-indigo-100\/50:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:outline-indigo-100\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:outline-indigo-100\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:outline-indigo-100\/60:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:outline-indigo-100\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:outline-indigo-100\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:outline-indigo-100\/70:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:outline-indigo-100\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:outline-indigo-100\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:outline-indigo-100\/80:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:outline-indigo-100\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:outline-indigo-100\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:outline-indigo-100\/90:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:outline-indigo-200:focus { + outline-color: var(--indigo-200) +} +.hover\:outline-indigo-200:hover { + outline-color: var(--indigo-200) +} +.active\:outline-indigo-200:active { + outline-color: var(--indigo-200) +} +.focus\:outline-indigo-200\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:outline-indigo-200\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:outline-indigo-200\/10:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:outline-indigo-200\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:outline-indigo-200\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:outline-indigo-200\/20:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:outline-indigo-200\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:outline-indigo-200\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:outline-indigo-200\/30:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:outline-indigo-200\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:outline-indigo-200\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:outline-indigo-200\/40:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:outline-indigo-200\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:outline-indigo-200\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:outline-indigo-200\/50:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:outline-indigo-200\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:outline-indigo-200\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:outline-indigo-200\/60:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:outline-indigo-200\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:outline-indigo-200\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:outline-indigo-200\/70:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:outline-indigo-200\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:outline-indigo-200\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:outline-indigo-200\/80:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:outline-indigo-200\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:outline-indigo-200\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:outline-indigo-200\/90:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:outline-indigo-300:focus { + outline-color: var(--indigo-300) +} +.hover\:outline-indigo-300:hover { + outline-color: var(--indigo-300) +} +.active\:outline-indigo-300:active { + outline-color: var(--indigo-300) +} +.focus\:outline-indigo-300\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:outline-indigo-300\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:outline-indigo-300\/10:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:outline-indigo-300\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:outline-indigo-300\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:outline-indigo-300\/20:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:outline-indigo-300\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:outline-indigo-300\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:outline-indigo-300\/30:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:outline-indigo-300\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:outline-indigo-300\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:outline-indigo-300\/40:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:outline-indigo-300\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:outline-indigo-300\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:outline-indigo-300\/50:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:outline-indigo-300\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:outline-indigo-300\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:outline-indigo-300\/60:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:outline-indigo-300\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:outline-indigo-300\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:outline-indigo-300\/70:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:outline-indigo-300\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:outline-indigo-300\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:outline-indigo-300\/80:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:outline-indigo-300\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:outline-indigo-300\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:outline-indigo-300\/90:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:outline-indigo-400:focus { + outline-color: var(--indigo-400) +} +.hover\:outline-indigo-400:hover { + outline-color: var(--indigo-400) +} +.active\:outline-indigo-400:active { + outline-color: var(--indigo-400) +} +.focus\:outline-indigo-400\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:outline-indigo-400\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:outline-indigo-400\/10:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:outline-indigo-400\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:outline-indigo-400\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:outline-indigo-400\/20:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:outline-indigo-400\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:outline-indigo-400\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:outline-indigo-400\/30:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:outline-indigo-400\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:outline-indigo-400\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:outline-indigo-400\/40:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:outline-indigo-400\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:outline-indigo-400\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:outline-indigo-400\/50:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:outline-indigo-400\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:outline-indigo-400\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:outline-indigo-400\/60:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:outline-indigo-400\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:outline-indigo-400\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:outline-indigo-400\/70:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:outline-indigo-400\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:outline-indigo-400\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:outline-indigo-400\/80:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:outline-indigo-400\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:outline-indigo-400\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:outline-indigo-400\/90:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:outline-indigo-500:focus { + outline-color: var(--indigo-500) +} +.hover\:outline-indigo-500:hover { + outline-color: var(--indigo-500) +} +.active\:outline-indigo-500:active { + outline-color: var(--indigo-500) +} +.focus\:outline-indigo-500\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:outline-indigo-500\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:outline-indigo-500\/10:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:outline-indigo-500\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:outline-indigo-500\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:outline-indigo-500\/20:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:outline-indigo-500\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:outline-indigo-500\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:outline-indigo-500\/30:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:outline-indigo-500\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:outline-indigo-500\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:outline-indigo-500\/40:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:outline-indigo-500\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:outline-indigo-500\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:outline-indigo-500\/50:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:outline-indigo-500\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:outline-indigo-500\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:outline-indigo-500\/60:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:outline-indigo-500\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:outline-indigo-500\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:outline-indigo-500\/70:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:outline-indigo-500\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:outline-indigo-500\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:outline-indigo-500\/80:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:outline-indigo-500\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:outline-indigo-500\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:outline-indigo-500\/90:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:outline-indigo-600:focus { + outline-color: var(--indigo-600) +} +.hover\:outline-indigo-600:hover { + outline-color: var(--indigo-600) +} +.active\:outline-indigo-600:active { + outline-color: var(--indigo-600) +} +.focus\:outline-indigo-600\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:outline-indigo-600\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:outline-indigo-600\/10:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:outline-indigo-600\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:outline-indigo-600\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:outline-indigo-600\/20:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:outline-indigo-600\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:outline-indigo-600\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:outline-indigo-600\/30:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:outline-indigo-600\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:outline-indigo-600\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:outline-indigo-600\/40:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:outline-indigo-600\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:outline-indigo-600\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:outline-indigo-600\/50:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:outline-indigo-600\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:outline-indigo-600\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:outline-indigo-600\/60:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:outline-indigo-600\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:outline-indigo-600\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:outline-indigo-600\/70:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:outline-indigo-600\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:outline-indigo-600\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:outline-indigo-600\/80:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:outline-indigo-600\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:outline-indigo-600\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:outline-indigo-600\/90:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:outline-indigo-700:focus { + outline-color: var(--indigo-700) +} +.hover\:outline-indigo-700:hover { + outline-color: var(--indigo-700) +} +.active\:outline-indigo-700:active { + outline-color: var(--indigo-700) +} +.focus\:outline-indigo-700\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:outline-indigo-700\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:outline-indigo-700\/10:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:outline-indigo-700\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:outline-indigo-700\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:outline-indigo-700\/20:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:outline-indigo-700\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:outline-indigo-700\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:outline-indigo-700\/30:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:outline-indigo-700\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:outline-indigo-700\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:outline-indigo-700\/40:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:outline-indigo-700\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:outline-indigo-700\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:outline-indigo-700\/50:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:outline-indigo-700\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:outline-indigo-700\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:outline-indigo-700\/60:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:outline-indigo-700\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:outline-indigo-700\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:outline-indigo-700\/70:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:outline-indigo-700\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:outline-indigo-700\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:outline-indigo-700\/80:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:outline-indigo-700\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:outline-indigo-700\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:outline-indigo-700\/90:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:outline-indigo-800:focus { + outline-color: var(--indigo-800) +} +.hover\:outline-indigo-800:hover { + outline-color: var(--indigo-800) +} +.active\:outline-indigo-800:active { + outline-color: var(--indigo-800) +} +.focus\:outline-indigo-800\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:outline-indigo-800\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:outline-indigo-800\/10:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:outline-indigo-800\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:outline-indigo-800\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:outline-indigo-800\/20:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:outline-indigo-800\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:outline-indigo-800\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:outline-indigo-800\/30:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:outline-indigo-800\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:outline-indigo-800\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:outline-indigo-800\/40:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:outline-indigo-800\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:outline-indigo-800\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:outline-indigo-800\/50:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:outline-indigo-800\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:outline-indigo-800\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:outline-indigo-800\/60:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:outline-indigo-800\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:outline-indigo-800\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:outline-indigo-800\/70:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:outline-indigo-800\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:outline-indigo-800\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:outline-indigo-800\/80:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:outline-indigo-800\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:outline-indigo-800\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:outline-indigo-800\/90:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:outline-indigo-900:focus { + outline-color: var(--indigo-900) +} +.hover\:outline-indigo-900:hover { + outline-color: var(--indigo-900) +} +.active\:outline-indigo-900:active { + outline-color: var(--indigo-900) +} +.focus\:outline-indigo-900\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:outline-indigo-900\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:outline-indigo-900\/10:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:outline-indigo-900\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:outline-indigo-900\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:outline-indigo-900\/20:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:outline-indigo-900\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:outline-indigo-900\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:outline-indigo-900\/30:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:outline-indigo-900\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:outline-indigo-900\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:outline-indigo-900\/40:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:outline-indigo-900\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:outline-indigo-900\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:outline-indigo-900\/50:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:outline-indigo-900\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:outline-indigo-900\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:outline-indigo-900\/60:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:outline-indigo-900\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:outline-indigo-900\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:outline-indigo-900\/70:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:outline-indigo-900\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:outline-indigo-900\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:outline-indigo-900\/80:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:outline-indigo-900\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:outline-indigo-900\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:outline-indigo-900\/90:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:outline-teal-50:focus { + outline-color: var(--teal-50) +} +.hover\:outline-teal-50:hover { + outline-color: var(--teal-50) +} +.active\:outline-teal-50:active { + outline-color: var(--teal-50) +} +.focus\:outline-teal-50\/10:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:outline-teal-50\/10:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:outline-teal-50\/10:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:outline-teal-50\/20:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:outline-teal-50\/20:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:outline-teal-50\/20:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:outline-teal-50\/30:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:outline-teal-50\/30:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:outline-teal-50\/30:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:outline-teal-50\/40:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:outline-teal-50\/40:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:outline-teal-50\/40:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:outline-teal-50\/50:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:outline-teal-50\/50:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:outline-teal-50\/50:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:outline-teal-50\/60:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:outline-teal-50\/60:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:outline-teal-50\/60:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:outline-teal-50\/70:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:outline-teal-50\/70:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:outline-teal-50\/70:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:outline-teal-50\/80:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:outline-teal-50\/80:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:outline-teal-50\/80:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:outline-teal-50\/90:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:outline-teal-50\/90:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:outline-teal-50\/90:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:outline-teal-100:focus { + outline-color: var(--teal-100) +} +.hover\:outline-teal-100:hover { + outline-color: var(--teal-100) +} +.active\:outline-teal-100:active { + outline-color: var(--teal-100) +} +.focus\:outline-teal-100\/10:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:outline-teal-100\/10:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:outline-teal-100\/10:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:outline-teal-100\/20:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:outline-teal-100\/20:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:outline-teal-100\/20:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:outline-teal-100\/30:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:outline-teal-100\/30:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:outline-teal-100\/30:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:outline-teal-100\/40:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:outline-teal-100\/40:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:outline-teal-100\/40:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:outline-teal-100\/50:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:outline-teal-100\/50:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:outline-teal-100\/50:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:outline-teal-100\/60:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:outline-teal-100\/60:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:outline-teal-100\/60:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:outline-teal-100\/70:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:outline-teal-100\/70:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:outline-teal-100\/70:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:outline-teal-100\/80:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:outline-teal-100\/80:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:outline-teal-100\/80:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:outline-teal-100\/90:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:outline-teal-100\/90:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:outline-teal-100\/90:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:outline-teal-200:focus { + outline-color: var(--teal-200) +} +.hover\:outline-teal-200:hover { + outline-color: var(--teal-200) +} +.active\:outline-teal-200:active { + outline-color: var(--teal-200) +} +.focus\:outline-teal-200\/10:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:outline-teal-200\/10:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:outline-teal-200\/10:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:outline-teal-200\/20:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:outline-teal-200\/20:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:outline-teal-200\/20:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:outline-teal-200\/30:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:outline-teal-200\/30:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:outline-teal-200\/30:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:outline-teal-200\/40:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:outline-teal-200\/40:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:outline-teal-200\/40:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:outline-teal-200\/50:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:outline-teal-200\/50:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:outline-teal-200\/50:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:outline-teal-200\/60:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:outline-teal-200\/60:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:outline-teal-200\/60:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:outline-teal-200\/70:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:outline-teal-200\/70:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:outline-teal-200\/70:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:outline-teal-200\/80:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:outline-teal-200\/80:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:outline-teal-200\/80:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:outline-teal-200\/90:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:outline-teal-200\/90:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:outline-teal-200\/90:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:outline-teal-300:focus { + outline-color: var(--teal-300) +} +.hover\:outline-teal-300:hover { + outline-color: var(--teal-300) +} +.active\:outline-teal-300:active { + outline-color: var(--teal-300) +} +.focus\:outline-teal-300\/10:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:outline-teal-300\/10:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:outline-teal-300\/10:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:outline-teal-300\/20:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:outline-teal-300\/20:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:outline-teal-300\/20:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:outline-teal-300\/30:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:outline-teal-300\/30:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:outline-teal-300\/30:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:outline-teal-300\/40:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:outline-teal-300\/40:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:outline-teal-300\/40:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:outline-teal-300\/50:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:outline-teal-300\/50:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:outline-teal-300\/50:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:outline-teal-300\/60:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:outline-teal-300\/60:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:outline-teal-300\/60:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:outline-teal-300\/70:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:outline-teal-300\/70:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:outline-teal-300\/70:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:outline-teal-300\/80:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:outline-teal-300\/80:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:outline-teal-300\/80:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:outline-teal-300\/90:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:outline-teal-300\/90:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:outline-teal-300\/90:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:outline-teal-400:focus { + outline-color: var(--teal-400) +} +.hover\:outline-teal-400:hover { + outline-color: var(--teal-400) +} +.active\:outline-teal-400:active { + outline-color: var(--teal-400) +} +.focus\:outline-teal-400\/10:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:outline-teal-400\/10:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:outline-teal-400\/10:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:outline-teal-400\/20:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:outline-teal-400\/20:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:outline-teal-400\/20:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:outline-teal-400\/30:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:outline-teal-400\/30:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:outline-teal-400\/30:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:outline-teal-400\/40:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:outline-teal-400\/40:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:outline-teal-400\/40:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:outline-teal-400\/50:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:outline-teal-400\/50:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:outline-teal-400\/50:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:outline-teal-400\/60:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:outline-teal-400\/60:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:outline-teal-400\/60:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:outline-teal-400\/70:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:outline-teal-400\/70:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:outline-teal-400\/70:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:outline-teal-400\/80:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:outline-teal-400\/80:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:outline-teal-400\/80:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:outline-teal-400\/90:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:outline-teal-400\/90:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:outline-teal-400\/90:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:outline-teal-500:focus { + outline-color: var(--teal-500) +} +.hover\:outline-teal-500:hover { + outline-color: var(--teal-500) +} +.active\:outline-teal-500:active { + outline-color: var(--teal-500) +} +.focus\:outline-teal-500\/10:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:outline-teal-500\/10:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:outline-teal-500\/10:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:outline-teal-500\/20:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:outline-teal-500\/20:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:outline-teal-500\/20:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:outline-teal-500\/30:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:outline-teal-500\/30:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:outline-teal-500\/30:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:outline-teal-500\/40:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:outline-teal-500\/40:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:outline-teal-500\/40:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:outline-teal-500\/50:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:outline-teal-500\/50:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:outline-teal-500\/50:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:outline-teal-500\/60:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:outline-teal-500\/60:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:outline-teal-500\/60:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:outline-teal-500\/70:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:outline-teal-500\/70:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:outline-teal-500\/70:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:outline-teal-500\/80:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:outline-teal-500\/80:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:outline-teal-500\/80:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:outline-teal-500\/90:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:outline-teal-500\/90:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:outline-teal-500\/90:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:outline-teal-600:focus { + outline-color: var(--teal-600) +} +.hover\:outline-teal-600:hover { + outline-color: var(--teal-600) +} +.active\:outline-teal-600:active { + outline-color: var(--teal-600) +} +.focus\:outline-teal-600\/10:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:outline-teal-600\/10:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:outline-teal-600\/10:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:outline-teal-600\/20:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:outline-teal-600\/20:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:outline-teal-600\/20:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:outline-teal-600\/30:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:outline-teal-600\/30:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:outline-teal-600\/30:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:outline-teal-600\/40:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:outline-teal-600\/40:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:outline-teal-600\/40:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:outline-teal-600\/50:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:outline-teal-600\/50:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:outline-teal-600\/50:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:outline-teal-600\/60:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:outline-teal-600\/60:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:outline-teal-600\/60:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:outline-teal-600\/70:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:outline-teal-600\/70:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:outline-teal-600\/70:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:outline-teal-600\/80:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:outline-teal-600\/80:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:outline-teal-600\/80:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:outline-teal-600\/90:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:outline-teal-600\/90:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:outline-teal-600\/90:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:outline-teal-700:focus { + outline-color: var(--teal-700) +} +.hover\:outline-teal-700:hover { + outline-color: var(--teal-700) +} +.active\:outline-teal-700:active { + outline-color: var(--teal-700) +} +.focus\:outline-teal-700\/10:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:outline-teal-700\/10:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:outline-teal-700\/10:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:outline-teal-700\/20:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:outline-teal-700\/20:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:outline-teal-700\/20:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:outline-teal-700\/30:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:outline-teal-700\/30:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:outline-teal-700\/30:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:outline-teal-700\/40:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:outline-teal-700\/40:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:outline-teal-700\/40:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:outline-teal-700\/50:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:outline-teal-700\/50:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:outline-teal-700\/50:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:outline-teal-700\/60:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:outline-teal-700\/60:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:outline-teal-700\/60:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:outline-teal-700\/70:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:outline-teal-700\/70:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:outline-teal-700\/70:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:outline-teal-700\/80:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:outline-teal-700\/80:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:outline-teal-700\/80:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:outline-teal-700\/90:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:outline-teal-700\/90:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:outline-teal-700\/90:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:outline-teal-800:focus { + outline-color: var(--teal-800) +} +.hover\:outline-teal-800:hover { + outline-color: var(--teal-800) +} +.active\:outline-teal-800:active { + outline-color: var(--teal-800) +} +.focus\:outline-teal-800\/10:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:outline-teal-800\/10:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:outline-teal-800\/10:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:outline-teal-800\/20:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:outline-teal-800\/20:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:outline-teal-800\/20:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:outline-teal-800\/30:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:outline-teal-800\/30:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:outline-teal-800\/30:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:outline-teal-800\/40:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:outline-teal-800\/40:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:outline-teal-800\/40:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:outline-teal-800\/50:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:outline-teal-800\/50:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:outline-teal-800\/50:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:outline-teal-800\/60:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:outline-teal-800\/60:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:outline-teal-800\/60:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:outline-teal-800\/70:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:outline-teal-800\/70:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:outline-teal-800\/70:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:outline-teal-800\/80:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:outline-teal-800\/80:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:outline-teal-800\/80:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:outline-teal-800\/90:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:outline-teal-800\/90:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:outline-teal-800\/90:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:outline-teal-900:focus { + outline-color: var(--teal-900) +} +.hover\:outline-teal-900:hover { + outline-color: var(--teal-900) +} +.active\:outline-teal-900:active { + outline-color: var(--teal-900) +} +.focus\:outline-teal-900\/10:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:outline-teal-900\/10:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:outline-teal-900\/10:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:outline-teal-900\/20:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:outline-teal-900\/20:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:outline-teal-900\/20:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:outline-teal-900\/30:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:outline-teal-900\/30:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:outline-teal-900\/30:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:outline-teal-900\/40:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:outline-teal-900\/40:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:outline-teal-900\/40:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:outline-teal-900\/50:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:outline-teal-900\/50:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:outline-teal-900\/50:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:outline-teal-900\/60:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:outline-teal-900\/60:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:outline-teal-900\/60:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:outline-teal-900\/70:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:outline-teal-900\/70:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:outline-teal-900\/70:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:outline-teal-900\/80:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:outline-teal-900\/80:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:outline-teal-900\/80:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:outline-teal-900\/90:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:outline-teal-900\/90:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:outline-teal-900\/90:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:outline-orange-50:focus { + outline-color: var(--orange-50) +} +.hover\:outline-orange-50:hover { + outline-color: var(--orange-50) +} +.active\:outline-orange-50:active { + outline-color: var(--orange-50) +} +.focus\:outline-orange-50\/10:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:outline-orange-50\/10:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:outline-orange-50\/10:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:outline-orange-50\/20:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:outline-orange-50\/20:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:outline-orange-50\/20:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:outline-orange-50\/30:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:outline-orange-50\/30:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:outline-orange-50\/30:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:outline-orange-50\/40:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:outline-orange-50\/40:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:outline-orange-50\/40:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:outline-orange-50\/50:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:outline-orange-50\/50:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:outline-orange-50\/50:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:outline-orange-50\/60:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:outline-orange-50\/60:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:outline-orange-50\/60:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:outline-orange-50\/70:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:outline-orange-50\/70:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:outline-orange-50\/70:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:outline-orange-50\/80:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:outline-orange-50\/80:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:outline-orange-50\/80:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:outline-orange-50\/90:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:outline-orange-50\/90:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:outline-orange-50\/90:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:outline-orange-100:focus { + outline-color: var(--orange-100) +} +.hover\:outline-orange-100:hover { + outline-color: var(--orange-100) +} +.active\:outline-orange-100:active { + outline-color: var(--orange-100) +} +.focus\:outline-orange-100\/10:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:outline-orange-100\/10:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:outline-orange-100\/10:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:outline-orange-100\/20:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:outline-orange-100\/20:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:outline-orange-100\/20:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:outline-orange-100\/30:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:outline-orange-100\/30:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:outline-orange-100\/30:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:outline-orange-100\/40:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:outline-orange-100\/40:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:outline-orange-100\/40:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:outline-orange-100\/50:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:outline-orange-100\/50:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:outline-orange-100\/50:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:outline-orange-100\/60:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:outline-orange-100\/60:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:outline-orange-100\/60:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:outline-orange-100\/70:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:outline-orange-100\/70:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:outline-orange-100\/70:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:outline-orange-100\/80:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:outline-orange-100\/80:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:outline-orange-100\/80:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:outline-orange-100\/90:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:outline-orange-100\/90:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:outline-orange-100\/90:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:outline-orange-200:focus { + outline-color: var(--orange-200) +} +.hover\:outline-orange-200:hover { + outline-color: var(--orange-200) +} +.active\:outline-orange-200:active { + outline-color: var(--orange-200) +} +.focus\:outline-orange-200\/10:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:outline-orange-200\/10:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:outline-orange-200\/10:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:outline-orange-200\/20:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:outline-orange-200\/20:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:outline-orange-200\/20:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:outline-orange-200\/30:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:outline-orange-200\/30:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:outline-orange-200\/30:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:outline-orange-200\/40:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:outline-orange-200\/40:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:outline-orange-200\/40:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:outline-orange-200\/50:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:outline-orange-200\/50:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:outline-orange-200\/50:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:outline-orange-200\/60:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:outline-orange-200\/60:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:outline-orange-200\/60:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:outline-orange-200\/70:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:outline-orange-200\/70:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:outline-orange-200\/70:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:outline-orange-200\/80:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:outline-orange-200\/80:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:outline-orange-200\/80:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:outline-orange-200\/90:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:outline-orange-200\/90:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:outline-orange-200\/90:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:outline-orange-300:focus { + outline-color: var(--orange-300) +} +.hover\:outline-orange-300:hover { + outline-color: var(--orange-300) +} +.active\:outline-orange-300:active { + outline-color: var(--orange-300) +} +.focus\:outline-orange-300\/10:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:outline-orange-300\/10:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:outline-orange-300\/10:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:outline-orange-300\/20:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:outline-orange-300\/20:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:outline-orange-300\/20:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:outline-orange-300\/30:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:outline-orange-300\/30:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:outline-orange-300\/30:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:outline-orange-300\/40:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:outline-orange-300\/40:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:outline-orange-300\/40:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:outline-orange-300\/50:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:outline-orange-300\/50:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:outline-orange-300\/50:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:outline-orange-300\/60:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:outline-orange-300\/60:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:outline-orange-300\/60:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:outline-orange-300\/70:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:outline-orange-300\/70:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:outline-orange-300\/70:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:outline-orange-300\/80:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:outline-orange-300\/80:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:outline-orange-300\/80:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:outline-orange-300\/90:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:outline-orange-300\/90:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:outline-orange-300\/90:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:outline-orange-400:focus { + outline-color: var(--orange-400) +} +.hover\:outline-orange-400:hover { + outline-color: var(--orange-400) +} +.active\:outline-orange-400:active { + outline-color: var(--orange-400) +} +.focus\:outline-orange-400\/10:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:outline-orange-400\/10:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:outline-orange-400\/10:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:outline-orange-400\/20:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:outline-orange-400\/20:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:outline-orange-400\/20:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:outline-orange-400\/30:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:outline-orange-400\/30:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:outline-orange-400\/30:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:outline-orange-400\/40:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:outline-orange-400\/40:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:outline-orange-400\/40:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:outline-orange-400\/50:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:outline-orange-400\/50:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:outline-orange-400\/50:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:outline-orange-400\/60:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:outline-orange-400\/60:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:outline-orange-400\/60:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:outline-orange-400\/70:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:outline-orange-400\/70:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:outline-orange-400\/70:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:outline-orange-400\/80:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:outline-orange-400\/80:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:outline-orange-400\/80:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:outline-orange-400\/90:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:outline-orange-400\/90:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:outline-orange-400\/90:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:outline-orange-500:focus { + outline-color: var(--orange-500) +} +.hover\:outline-orange-500:hover { + outline-color: var(--orange-500) +} +.active\:outline-orange-500:active { + outline-color: var(--orange-500) +} +.focus\:outline-orange-500\/10:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:outline-orange-500\/10:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:outline-orange-500\/10:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:outline-orange-500\/20:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:outline-orange-500\/20:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:outline-orange-500\/20:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:outline-orange-500\/30:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:outline-orange-500\/30:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:outline-orange-500\/30:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:outline-orange-500\/40:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:outline-orange-500\/40:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:outline-orange-500\/40:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:outline-orange-500\/50:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:outline-orange-500\/50:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:outline-orange-500\/50:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:outline-orange-500\/60:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:outline-orange-500\/60:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:outline-orange-500\/60:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:outline-orange-500\/70:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:outline-orange-500\/70:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:outline-orange-500\/70:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:outline-orange-500\/80:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:outline-orange-500\/80:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:outline-orange-500\/80:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:outline-orange-500\/90:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:outline-orange-500\/90:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:outline-orange-500\/90:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:outline-orange-600:focus { + outline-color: var(--orange-600) +} +.hover\:outline-orange-600:hover { + outline-color: var(--orange-600) +} +.active\:outline-orange-600:active { + outline-color: var(--orange-600) +} +.focus\:outline-orange-600\/10:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:outline-orange-600\/10:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:outline-orange-600\/10:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:outline-orange-600\/20:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:outline-orange-600\/20:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:outline-orange-600\/20:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:outline-orange-600\/30:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:outline-orange-600\/30:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:outline-orange-600\/30:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:outline-orange-600\/40:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:outline-orange-600\/40:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:outline-orange-600\/40:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:outline-orange-600\/50:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:outline-orange-600\/50:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:outline-orange-600\/50:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:outline-orange-600\/60:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:outline-orange-600\/60:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:outline-orange-600\/60:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:outline-orange-600\/70:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:outline-orange-600\/70:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:outline-orange-600\/70:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:outline-orange-600\/80:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:outline-orange-600\/80:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:outline-orange-600\/80:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:outline-orange-600\/90:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:outline-orange-600\/90:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:outline-orange-600\/90:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:outline-orange-700:focus { + outline-color: var(--orange-700) +} +.hover\:outline-orange-700:hover { + outline-color: var(--orange-700) +} +.active\:outline-orange-700:active { + outline-color: var(--orange-700) +} +.focus\:outline-orange-700\/10:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:outline-orange-700\/10:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:outline-orange-700\/10:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:outline-orange-700\/20:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:outline-orange-700\/20:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:outline-orange-700\/20:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:outline-orange-700\/30:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:outline-orange-700\/30:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:outline-orange-700\/30:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:outline-orange-700\/40:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:outline-orange-700\/40:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:outline-orange-700\/40:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:outline-orange-700\/50:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:outline-orange-700\/50:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:outline-orange-700\/50:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:outline-orange-700\/60:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:outline-orange-700\/60:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:outline-orange-700\/60:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:outline-orange-700\/70:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:outline-orange-700\/70:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:outline-orange-700\/70:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:outline-orange-700\/80:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:outline-orange-700\/80:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:outline-orange-700\/80:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:outline-orange-700\/90:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:outline-orange-700\/90:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:outline-orange-700\/90:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:outline-orange-800:focus { + outline-color: var(--orange-800) +} +.hover\:outline-orange-800:hover { + outline-color: var(--orange-800) +} +.active\:outline-orange-800:active { + outline-color: var(--orange-800) +} +.focus\:outline-orange-800\/10:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:outline-orange-800\/10:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:outline-orange-800\/10:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:outline-orange-800\/20:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:outline-orange-800\/20:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:outline-orange-800\/20:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:outline-orange-800\/30:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:outline-orange-800\/30:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:outline-orange-800\/30:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:outline-orange-800\/40:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:outline-orange-800\/40:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:outline-orange-800\/40:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:outline-orange-800\/50:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:outline-orange-800\/50:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:outline-orange-800\/50:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:outline-orange-800\/60:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:outline-orange-800\/60:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:outline-orange-800\/60:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:outline-orange-800\/70:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:outline-orange-800\/70:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:outline-orange-800\/70:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:outline-orange-800\/80:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:outline-orange-800\/80:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:outline-orange-800\/80:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:outline-orange-800\/90:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:outline-orange-800\/90:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:outline-orange-800\/90:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:outline-orange-900:focus { + outline-color: var(--orange-900) +} +.hover\:outline-orange-900:hover { + outline-color: var(--orange-900) +} +.active\:outline-orange-900:active { + outline-color: var(--orange-900) +} +.focus\:outline-orange-900\/10:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:outline-orange-900\/10:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:outline-orange-900\/10:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:outline-orange-900\/20:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:outline-orange-900\/20:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:outline-orange-900\/20:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:outline-orange-900\/30:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:outline-orange-900\/30:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:outline-orange-900\/30:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:outline-orange-900\/40:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:outline-orange-900\/40:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:outline-orange-900\/40:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:outline-orange-900\/50:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:outline-orange-900\/50:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:outline-orange-900\/50:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:outline-orange-900\/60:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:outline-orange-900\/60:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:outline-orange-900\/60:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:outline-orange-900\/70:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:outline-orange-900\/70:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:outline-orange-900\/70:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:outline-orange-900\/80:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:outline-orange-900\/80:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:outline-orange-900\/80:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:outline-orange-900\/90:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:outline-orange-900\/90:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:outline-orange-900\/90:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:outline-bluegray-50:focus { + outline-color: var(--bluegray-50) +} +.hover\:outline-bluegray-50:hover { + outline-color: var(--bluegray-50) +} +.active\:outline-bluegray-50:active { + outline-color: var(--bluegray-50) +} +.focus\:outline-bluegray-50\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:outline-bluegray-50\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:outline-bluegray-50\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:outline-bluegray-50\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:outline-bluegray-50\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:outline-bluegray-50\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:outline-bluegray-50\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:outline-bluegray-50\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:outline-bluegray-50\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:outline-bluegray-50\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:outline-bluegray-50\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:outline-bluegray-50\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:outline-bluegray-50\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:outline-bluegray-50\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:outline-bluegray-50\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:outline-bluegray-50\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:outline-bluegray-50\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:outline-bluegray-50\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:outline-bluegray-50\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:outline-bluegray-50\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:outline-bluegray-50\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:outline-bluegray-50\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:outline-bluegray-50\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:outline-bluegray-50\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:outline-bluegray-50\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:outline-bluegray-50\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:outline-bluegray-50\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:outline-bluegray-100:focus { + outline-color: var(--bluegray-100) +} +.hover\:outline-bluegray-100:hover { + outline-color: var(--bluegray-100) +} +.active\:outline-bluegray-100:active { + outline-color: var(--bluegray-100) +} +.focus\:outline-bluegray-100\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:outline-bluegray-100\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:outline-bluegray-100\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:outline-bluegray-100\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:outline-bluegray-100\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:outline-bluegray-100\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:outline-bluegray-100\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:outline-bluegray-100\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:outline-bluegray-100\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:outline-bluegray-100\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:outline-bluegray-100\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:outline-bluegray-100\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:outline-bluegray-100\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:outline-bluegray-100\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:outline-bluegray-100\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:outline-bluegray-100\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:outline-bluegray-100\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:outline-bluegray-100\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:outline-bluegray-100\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:outline-bluegray-100\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:outline-bluegray-100\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:outline-bluegray-100\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:outline-bluegray-100\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:outline-bluegray-100\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:outline-bluegray-100\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:outline-bluegray-100\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:outline-bluegray-100\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:outline-bluegray-200:focus { + outline-color: var(--bluegray-200) +} +.hover\:outline-bluegray-200:hover { + outline-color: var(--bluegray-200) +} +.active\:outline-bluegray-200:active { + outline-color: var(--bluegray-200) +} +.focus\:outline-bluegray-200\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:outline-bluegray-200\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:outline-bluegray-200\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:outline-bluegray-200\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:outline-bluegray-200\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:outline-bluegray-200\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:outline-bluegray-200\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:outline-bluegray-200\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:outline-bluegray-200\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:outline-bluegray-200\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:outline-bluegray-200\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:outline-bluegray-200\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:outline-bluegray-200\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:outline-bluegray-200\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:outline-bluegray-200\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:outline-bluegray-200\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:outline-bluegray-200\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:outline-bluegray-200\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:outline-bluegray-200\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:outline-bluegray-200\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:outline-bluegray-200\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:outline-bluegray-200\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:outline-bluegray-200\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:outline-bluegray-200\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:outline-bluegray-200\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:outline-bluegray-200\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:outline-bluegray-200\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:outline-bluegray-300:focus { + outline-color: var(--bluegray-300) +} +.hover\:outline-bluegray-300:hover { + outline-color: var(--bluegray-300) +} +.active\:outline-bluegray-300:active { + outline-color: var(--bluegray-300) +} +.focus\:outline-bluegray-300\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:outline-bluegray-300\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:outline-bluegray-300\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:outline-bluegray-300\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:outline-bluegray-300\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:outline-bluegray-300\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:outline-bluegray-300\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:outline-bluegray-300\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:outline-bluegray-300\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:outline-bluegray-300\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:outline-bluegray-300\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:outline-bluegray-300\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:outline-bluegray-300\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:outline-bluegray-300\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:outline-bluegray-300\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:outline-bluegray-300\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:outline-bluegray-300\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:outline-bluegray-300\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:outline-bluegray-300\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:outline-bluegray-300\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:outline-bluegray-300\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:outline-bluegray-300\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:outline-bluegray-300\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:outline-bluegray-300\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:outline-bluegray-300\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:outline-bluegray-300\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:outline-bluegray-300\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:outline-bluegray-400:focus { + outline-color: var(--bluegray-400) +} +.hover\:outline-bluegray-400:hover { + outline-color: var(--bluegray-400) +} +.active\:outline-bluegray-400:active { + outline-color: var(--bluegray-400) +} +.focus\:outline-bluegray-400\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:outline-bluegray-400\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:outline-bluegray-400\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:outline-bluegray-400\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:outline-bluegray-400\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:outline-bluegray-400\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:outline-bluegray-400\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:outline-bluegray-400\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:outline-bluegray-400\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:outline-bluegray-400\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:outline-bluegray-400\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:outline-bluegray-400\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:outline-bluegray-400\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:outline-bluegray-400\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:outline-bluegray-400\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:outline-bluegray-400\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:outline-bluegray-400\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:outline-bluegray-400\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:outline-bluegray-400\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:outline-bluegray-400\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:outline-bluegray-400\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:outline-bluegray-400\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:outline-bluegray-400\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:outline-bluegray-400\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:outline-bluegray-400\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:outline-bluegray-400\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:outline-bluegray-400\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:outline-bluegray-500:focus { + outline-color: var(--bluegray-500) +} +.hover\:outline-bluegray-500:hover { + outline-color: var(--bluegray-500) +} +.active\:outline-bluegray-500:active { + outline-color: var(--bluegray-500) +} +.focus\:outline-bluegray-500\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:outline-bluegray-500\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:outline-bluegray-500\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:outline-bluegray-500\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:outline-bluegray-500\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:outline-bluegray-500\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:outline-bluegray-500\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:outline-bluegray-500\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:outline-bluegray-500\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:outline-bluegray-500\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:outline-bluegray-500\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:outline-bluegray-500\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:outline-bluegray-500\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:outline-bluegray-500\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:outline-bluegray-500\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:outline-bluegray-500\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:outline-bluegray-500\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:outline-bluegray-500\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:outline-bluegray-500\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:outline-bluegray-500\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:outline-bluegray-500\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:outline-bluegray-500\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:outline-bluegray-500\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:outline-bluegray-500\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:outline-bluegray-500\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:outline-bluegray-500\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:outline-bluegray-500\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:outline-bluegray-600:focus { + outline-color: var(--bluegray-600) +} +.hover\:outline-bluegray-600:hover { + outline-color: var(--bluegray-600) +} +.active\:outline-bluegray-600:active { + outline-color: var(--bluegray-600) +} +.focus\:outline-bluegray-600\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:outline-bluegray-600\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:outline-bluegray-600\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:outline-bluegray-600\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:outline-bluegray-600\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:outline-bluegray-600\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:outline-bluegray-600\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:outline-bluegray-600\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:outline-bluegray-600\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:outline-bluegray-600\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:outline-bluegray-600\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:outline-bluegray-600\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:outline-bluegray-600\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:outline-bluegray-600\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:outline-bluegray-600\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:outline-bluegray-600\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:outline-bluegray-600\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:outline-bluegray-600\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:outline-bluegray-600\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:outline-bluegray-600\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:outline-bluegray-600\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:outline-bluegray-600\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:outline-bluegray-600\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:outline-bluegray-600\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:outline-bluegray-600\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:outline-bluegray-600\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:outline-bluegray-600\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:outline-bluegray-700:focus { + outline-color: var(--bluegray-700) +} +.hover\:outline-bluegray-700:hover { + outline-color: var(--bluegray-700) +} +.active\:outline-bluegray-700:active { + outline-color: var(--bluegray-700) +} +.focus\:outline-bluegray-700\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:outline-bluegray-700\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:outline-bluegray-700\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:outline-bluegray-700\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:outline-bluegray-700\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:outline-bluegray-700\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:outline-bluegray-700\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:outline-bluegray-700\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:outline-bluegray-700\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:outline-bluegray-700\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:outline-bluegray-700\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:outline-bluegray-700\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:outline-bluegray-700\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:outline-bluegray-700\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:outline-bluegray-700\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:outline-bluegray-700\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:outline-bluegray-700\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:outline-bluegray-700\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:outline-bluegray-700\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:outline-bluegray-700\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:outline-bluegray-700\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:outline-bluegray-700\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:outline-bluegray-700\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:outline-bluegray-700\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:outline-bluegray-700\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:outline-bluegray-700\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:outline-bluegray-700\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:outline-bluegray-800:focus { + outline-color: var(--bluegray-800) +} +.hover\:outline-bluegray-800:hover { + outline-color: var(--bluegray-800) +} +.active\:outline-bluegray-800:active { + outline-color: var(--bluegray-800) +} +.focus\:outline-bluegray-800\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:outline-bluegray-800\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:outline-bluegray-800\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:outline-bluegray-800\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:outline-bluegray-800\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:outline-bluegray-800\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:outline-bluegray-800\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:outline-bluegray-800\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:outline-bluegray-800\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:outline-bluegray-800\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:outline-bluegray-800\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:outline-bluegray-800\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:outline-bluegray-800\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:outline-bluegray-800\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:outline-bluegray-800\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:outline-bluegray-800\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:outline-bluegray-800\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:outline-bluegray-800\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:outline-bluegray-800\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:outline-bluegray-800\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:outline-bluegray-800\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:outline-bluegray-800\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:outline-bluegray-800\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:outline-bluegray-800\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:outline-bluegray-800\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:outline-bluegray-800\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:outline-bluegray-800\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:outline-bluegray-900:focus { + outline-color: var(--bluegray-900) +} +.hover\:outline-bluegray-900:hover { + outline-color: var(--bluegray-900) +} +.active\:outline-bluegray-900:active { + outline-color: var(--bluegray-900) +} +.focus\:outline-bluegray-900\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:outline-bluegray-900\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:outline-bluegray-900\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:outline-bluegray-900\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:outline-bluegray-900\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:outline-bluegray-900\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:outline-bluegray-900\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:outline-bluegray-900\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:outline-bluegray-900\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:outline-bluegray-900\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:outline-bluegray-900\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:outline-bluegray-900\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:outline-bluegray-900\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:outline-bluegray-900\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:outline-bluegray-900\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:outline-bluegray-900\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:outline-bluegray-900\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:outline-bluegray-900\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:outline-bluegray-900\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:outline-bluegray-900\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:outline-bluegray-900\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:outline-bluegray-900\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:outline-bluegray-900\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:outline-bluegray-900\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:outline-bluegray-900\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:outline-bluegray-900\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:outline-bluegray-900\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:outline-purple-50:focus { + outline-color: var(--purple-50) +} +.hover\:outline-purple-50:hover { + outline-color: var(--purple-50) +} +.active\:outline-purple-50:active { + outline-color: var(--purple-50) +} +.focus\:outline-purple-50\/10:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:outline-purple-50\/10:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:outline-purple-50\/10:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:outline-purple-50\/20:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:outline-purple-50\/20:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:outline-purple-50\/20:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:outline-purple-50\/30:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:outline-purple-50\/30:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:outline-purple-50\/30:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:outline-purple-50\/40:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:outline-purple-50\/40:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:outline-purple-50\/40:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:outline-purple-50\/50:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:outline-purple-50\/50:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:outline-purple-50\/50:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:outline-purple-50\/60:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:outline-purple-50\/60:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:outline-purple-50\/60:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:outline-purple-50\/70:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:outline-purple-50\/70:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:outline-purple-50\/70:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:outline-purple-50\/80:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:outline-purple-50\/80:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:outline-purple-50\/80:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:outline-purple-50\/90:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:outline-purple-50\/90:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:outline-purple-50\/90:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:outline-purple-100:focus { + outline-color: var(--purple-100) +} +.hover\:outline-purple-100:hover { + outline-color: var(--purple-100) +} +.active\:outline-purple-100:active { + outline-color: var(--purple-100) +} +.focus\:outline-purple-100\/10:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:outline-purple-100\/10:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:outline-purple-100\/10:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:outline-purple-100\/20:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:outline-purple-100\/20:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:outline-purple-100\/20:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:outline-purple-100\/30:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:outline-purple-100\/30:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:outline-purple-100\/30:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:outline-purple-100\/40:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:outline-purple-100\/40:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:outline-purple-100\/40:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:outline-purple-100\/50:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:outline-purple-100\/50:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:outline-purple-100\/50:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:outline-purple-100\/60:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:outline-purple-100\/60:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:outline-purple-100\/60:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:outline-purple-100\/70:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:outline-purple-100\/70:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:outline-purple-100\/70:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:outline-purple-100\/80:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:outline-purple-100\/80:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:outline-purple-100\/80:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:outline-purple-100\/90:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:outline-purple-100\/90:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:outline-purple-100\/90:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:outline-purple-200:focus { + outline-color: var(--purple-200) +} +.hover\:outline-purple-200:hover { + outline-color: var(--purple-200) +} +.active\:outline-purple-200:active { + outline-color: var(--purple-200) +} +.focus\:outline-purple-200\/10:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:outline-purple-200\/10:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:outline-purple-200\/10:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:outline-purple-200\/20:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:outline-purple-200\/20:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:outline-purple-200\/20:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:outline-purple-200\/30:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:outline-purple-200\/30:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:outline-purple-200\/30:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:outline-purple-200\/40:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:outline-purple-200\/40:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:outline-purple-200\/40:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:outline-purple-200\/50:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:outline-purple-200\/50:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:outline-purple-200\/50:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:outline-purple-200\/60:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:outline-purple-200\/60:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:outline-purple-200\/60:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:outline-purple-200\/70:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:outline-purple-200\/70:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:outline-purple-200\/70:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:outline-purple-200\/80:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:outline-purple-200\/80:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:outline-purple-200\/80:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:outline-purple-200\/90:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:outline-purple-200\/90:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:outline-purple-200\/90:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:outline-purple-300:focus { + outline-color: var(--purple-300) +} +.hover\:outline-purple-300:hover { + outline-color: var(--purple-300) +} +.active\:outline-purple-300:active { + outline-color: var(--purple-300) +} +.focus\:outline-purple-300\/10:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:outline-purple-300\/10:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:outline-purple-300\/10:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:outline-purple-300\/20:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:outline-purple-300\/20:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:outline-purple-300\/20:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:outline-purple-300\/30:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:outline-purple-300\/30:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:outline-purple-300\/30:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:outline-purple-300\/40:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:outline-purple-300\/40:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:outline-purple-300\/40:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:outline-purple-300\/50:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:outline-purple-300\/50:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:outline-purple-300\/50:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:outline-purple-300\/60:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:outline-purple-300\/60:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:outline-purple-300\/60:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:outline-purple-300\/70:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:outline-purple-300\/70:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:outline-purple-300\/70:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:outline-purple-300\/80:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:outline-purple-300\/80:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:outline-purple-300\/80:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:outline-purple-300\/90:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:outline-purple-300\/90:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:outline-purple-300\/90:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:outline-purple-400:focus { + outline-color: var(--purple-400) +} +.hover\:outline-purple-400:hover { + outline-color: var(--purple-400) +} +.active\:outline-purple-400:active { + outline-color: var(--purple-400) +} +.focus\:outline-purple-400\/10:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:outline-purple-400\/10:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:outline-purple-400\/10:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:outline-purple-400\/20:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:outline-purple-400\/20:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:outline-purple-400\/20:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:outline-purple-400\/30:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:outline-purple-400\/30:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:outline-purple-400\/30:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:outline-purple-400\/40:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:outline-purple-400\/40:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:outline-purple-400\/40:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:outline-purple-400\/50:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:outline-purple-400\/50:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:outline-purple-400\/50:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:outline-purple-400\/60:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:outline-purple-400\/60:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:outline-purple-400\/60:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:outline-purple-400\/70:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:outline-purple-400\/70:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:outline-purple-400\/70:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:outline-purple-400\/80:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:outline-purple-400\/80:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:outline-purple-400\/80:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:outline-purple-400\/90:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:outline-purple-400\/90:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:outline-purple-400\/90:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:outline-purple-500:focus { + outline-color: var(--purple-500) +} +.hover\:outline-purple-500:hover { + outline-color: var(--purple-500) +} +.active\:outline-purple-500:active { + outline-color: var(--purple-500) +} +.focus\:outline-purple-500\/10:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:outline-purple-500\/10:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:outline-purple-500\/10:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:outline-purple-500\/20:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:outline-purple-500\/20:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:outline-purple-500\/20:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:outline-purple-500\/30:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:outline-purple-500\/30:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:outline-purple-500\/30:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:outline-purple-500\/40:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:outline-purple-500\/40:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:outline-purple-500\/40:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:outline-purple-500\/50:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:outline-purple-500\/50:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:outline-purple-500\/50:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:outline-purple-500\/60:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:outline-purple-500\/60:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:outline-purple-500\/60:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:outline-purple-500\/70:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:outline-purple-500\/70:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:outline-purple-500\/70:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:outline-purple-500\/80:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:outline-purple-500\/80:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:outline-purple-500\/80:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:outline-purple-500\/90:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:outline-purple-500\/90:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:outline-purple-500\/90:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:outline-purple-600:focus { + outline-color: var(--purple-600) +} +.hover\:outline-purple-600:hover { + outline-color: var(--purple-600) +} +.active\:outline-purple-600:active { + outline-color: var(--purple-600) +} +.focus\:outline-purple-600\/10:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:outline-purple-600\/10:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:outline-purple-600\/10:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:outline-purple-600\/20:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:outline-purple-600\/20:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:outline-purple-600\/20:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:outline-purple-600\/30:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:outline-purple-600\/30:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:outline-purple-600\/30:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:outline-purple-600\/40:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:outline-purple-600\/40:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:outline-purple-600\/40:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:outline-purple-600\/50:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:outline-purple-600\/50:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:outline-purple-600\/50:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:outline-purple-600\/60:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:outline-purple-600\/60:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:outline-purple-600\/60:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:outline-purple-600\/70:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:outline-purple-600\/70:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:outline-purple-600\/70:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:outline-purple-600\/80:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:outline-purple-600\/80:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:outline-purple-600\/80:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:outline-purple-600\/90:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:outline-purple-600\/90:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:outline-purple-600\/90:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:outline-purple-700:focus { + outline-color: var(--purple-700) +} +.hover\:outline-purple-700:hover { + outline-color: var(--purple-700) +} +.active\:outline-purple-700:active { + outline-color: var(--purple-700) +} +.focus\:outline-purple-700\/10:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:outline-purple-700\/10:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:outline-purple-700\/10:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:outline-purple-700\/20:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:outline-purple-700\/20:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:outline-purple-700\/20:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:outline-purple-700\/30:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:outline-purple-700\/30:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:outline-purple-700\/30:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:outline-purple-700\/40:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:outline-purple-700\/40:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:outline-purple-700\/40:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:outline-purple-700\/50:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:outline-purple-700\/50:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:outline-purple-700\/50:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:outline-purple-700\/60:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:outline-purple-700\/60:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:outline-purple-700\/60:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:outline-purple-700\/70:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:outline-purple-700\/70:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:outline-purple-700\/70:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:outline-purple-700\/80:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:outline-purple-700\/80:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:outline-purple-700\/80:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:outline-purple-700\/90:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:outline-purple-700\/90:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:outline-purple-700\/90:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:outline-purple-800:focus { + outline-color: var(--purple-800) +} +.hover\:outline-purple-800:hover { + outline-color: var(--purple-800) +} +.active\:outline-purple-800:active { + outline-color: var(--purple-800) +} +.focus\:outline-purple-800\/10:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:outline-purple-800\/10:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:outline-purple-800\/10:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:outline-purple-800\/20:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:outline-purple-800\/20:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:outline-purple-800\/20:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:outline-purple-800\/30:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:outline-purple-800\/30:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:outline-purple-800\/30:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:outline-purple-800\/40:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:outline-purple-800\/40:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:outline-purple-800\/40:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:outline-purple-800\/50:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:outline-purple-800\/50:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:outline-purple-800\/50:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:outline-purple-800\/60:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:outline-purple-800\/60:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:outline-purple-800\/60:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:outline-purple-800\/70:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:outline-purple-800\/70:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:outline-purple-800\/70:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:outline-purple-800\/80:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:outline-purple-800\/80:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:outline-purple-800\/80:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:outline-purple-800\/90:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:outline-purple-800\/90:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:outline-purple-800\/90:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:outline-purple-900:focus { + outline-color: var(--purple-900) +} +.hover\:outline-purple-900:hover { + outline-color: var(--purple-900) +} +.active\:outline-purple-900:active { + outline-color: var(--purple-900) +} +.focus\:outline-purple-900\/10:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:outline-purple-900\/10:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:outline-purple-900\/10:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:outline-purple-900\/20:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:outline-purple-900\/20:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:outline-purple-900\/20:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:outline-purple-900\/30:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:outline-purple-900\/30:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:outline-purple-900\/30:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:outline-purple-900\/40:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:outline-purple-900\/40:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:outline-purple-900\/40:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:outline-purple-900\/50:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:outline-purple-900\/50:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:outline-purple-900\/50:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:outline-purple-900\/60:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:outline-purple-900\/60:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:outline-purple-900\/60:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:outline-purple-900\/70:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:outline-purple-900\/70:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:outline-purple-900\/70:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:outline-purple-900\/80:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:outline-purple-900\/80:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:outline-purple-900\/80:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:outline-purple-900\/90:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:outline-purple-900\/90:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:outline-purple-900\/90:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:outline-red-50:focus { + outline-color: var(--red-50) +} +.hover\:outline-red-50:hover { + outline-color: var(--red-50) +} +.active\:outline-red-50:active { + outline-color: var(--red-50) +} +.focus\:outline-red-50\/10:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:outline-red-50\/10:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:outline-red-50\/10:active { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:outline-red-50\/20:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:outline-red-50\/20:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:outline-red-50\/20:active { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:outline-red-50\/30:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:outline-red-50\/30:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:outline-red-50\/30:active { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:outline-red-50\/40:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:outline-red-50\/40:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:outline-red-50\/40:active { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:outline-red-50\/50:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:outline-red-50\/50:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:outline-red-50\/50:active { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:outline-red-50\/60:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:outline-red-50\/60:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:outline-red-50\/60:active { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:outline-red-50\/70:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:outline-red-50\/70:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:outline-red-50\/70:active { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:outline-red-50\/80:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:outline-red-50\/80:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:outline-red-50\/80:active { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:outline-red-50\/90:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:outline-red-50\/90:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:outline-red-50\/90:active { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:outline-red-100:focus { + outline-color: var(--red-100) +} +.hover\:outline-red-100:hover { + outline-color: var(--red-100) +} +.active\:outline-red-100:active { + outline-color: var(--red-100) +} +.focus\:outline-red-100\/10:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:outline-red-100\/10:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:outline-red-100\/10:active { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:outline-red-100\/20:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:outline-red-100\/20:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:outline-red-100\/20:active { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:outline-red-100\/30:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:outline-red-100\/30:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:outline-red-100\/30:active { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:outline-red-100\/40:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:outline-red-100\/40:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:outline-red-100\/40:active { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:outline-red-100\/50:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:outline-red-100\/50:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:outline-red-100\/50:active { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:outline-red-100\/60:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:outline-red-100\/60:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:outline-red-100\/60:active { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:outline-red-100\/70:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:outline-red-100\/70:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:outline-red-100\/70:active { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:outline-red-100\/80:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:outline-red-100\/80:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:outline-red-100\/80:active { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:outline-red-100\/90:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:outline-red-100\/90:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:outline-red-100\/90:active { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:outline-red-200:focus { + outline-color: var(--red-200) +} +.hover\:outline-red-200:hover { + outline-color: var(--red-200) +} +.active\:outline-red-200:active { + outline-color: var(--red-200) +} +.focus\:outline-red-200\/10:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:outline-red-200\/10:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:outline-red-200\/10:active { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:outline-red-200\/20:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:outline-red-200\/20:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:outline-red-200\/20:active { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:outline-red-200\/30:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:outline-red-200\/30:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:outline-red-200\/30:active { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:outline-red-200\/40:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:outline-red-200\/40:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:outline-red-200\/40:active { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:outline-red-200\/50:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:outline-red-200\/50:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:outline-red-200\/50:active { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:outline-red-200\/60:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:outline-red-200\/60:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:outline-red-200\/60:active { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:outline-red-200\/70:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:outline-red-200\/70:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:outline-red-200\/70:active { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:outline-red-200\/80:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:outline-red-200\/80:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:outline-red-200\/80:active { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:outline-red-200\/90:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:outline-red-200\/90:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:outline-red-200\/90:active { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:outline-red-300:focus { + outline-color: var(--red-300) +} +.hover\:outline-red-300:hover { + outline-color: var(--red-300) +} +.active\:outline-red-300:active { + outline-color: var(--red-300) +} +.focus\:outline-red-300\/10:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:outline-red-300\/10:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:outline-red-300\/10:active { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:outline-red-300\/20:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:outline-red-300\/20:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:outline-red-300\/20:active { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:outline-red-300\/30:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:outline-red-300\/30:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:outline-red-300\/30:active { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:outline-red-300\/40:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:outline-red-300\/40:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:outline-red-300\/40:active { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:outline-red-300\/50:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:outline-red-300\/50:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:outline-red-300\/50:active { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:outline-red-300\/60:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:outline-red-300\/60:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:outline-red-300\/60:active { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:outline-red-300\/70:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:outline-red-300\/70:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:outline-red-300\/70:active { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:outline-red-300\/80:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:outline-red-300\/80:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:outline-red-300\/80:active { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:outline-red-300\/90:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:outline-red-300\/90:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:outline-red-300\/90:active { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:outline-red-400:focus { + outline-color: var(--red-400) +} +.hover\:outline-red-400:hover { + outline-color: var(--red-400) +} +.active\:outline-red-400:active { + outline-color: var(--red-400) +} +.focus\:outline-red-400\/10:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:outline-red-400\/10:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:outline-red-400\/10:active { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:outline-red-400\/20:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:outline-red-400\/20:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:outline-red-400\/20:active { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:outline-red-400\/30:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:outline-red-400\/30:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:outline-red-400\/30:active { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:outline-red-400\/40:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:outline-red-400\/40:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:outline-red-400\/40:active { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:outline-red-400\/50:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:outline-red-400\/50:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:outline-red-400\/50:active { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:outline-red-400\/60:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:outline-red-400\/60:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:outline-red-400\/60:active { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:outline-red-400\/70:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:outline-red-400\/70:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:outline-red-400\/70:active { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:outline-red-400\/80:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:outline-red-400\/80:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:outline-red-400\/80:active { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:outline-red-400\/90:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:outline-red-400\/90:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:outline-red-400\/90:active { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:outline-red-500:focus { + outline-color: var(--red-500) +} +.hover\:outline-red-500:hover { + outline-color: var(--red-500) +} +.active\:outline-red-500:active { + outline-color: var(--red-500) +} +.focus\:outline-red-500\/10:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:outline-red-500\/10:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:outline-red-500\/10:active { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:outline-red-500\/20:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:outline-red-500\/20:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:outline-red-500\/20:active { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:outline-red-500\/30:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:outline-red-500\/30:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:outline-red-500\/30:active { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:outline-red-500\/40:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:outline-red-500\/40:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:outline-red-500\/40:active { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:outline-red-500\/50:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:outline-red-500\/50:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:outline-red-500\/50:active { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:outline-red-500\/60:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:outline-red-500\/60:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:outline-red-500\/60:active { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:outline-red-500\/70:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:outline-red-500\/70:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:outline-red-500\/70:active { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:outline-red-500\/80:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:outline-red-500\/80:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:outline-red-500\/80:active { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:outline-red-500\/90:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:outline-red-500\/90:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:outline-red-500\/90:active { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:outline-red-600:focus { + outline-color: var(--red-600) +} +.hover\:outline-red-600:hover { + outline-color: var(--red-600) +} +.active\:outline-red-600:active { + outline-color: var(--red-600) +} +.focus\:outline-red-600\/10:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:outline-red-600\/10:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:outline-red-600\/10:active { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:outline-red-600\/20:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:outline-red-600\/20:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:outline-red-600\/20:active { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:outline-red-600\/30:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:outline-red-600\/30:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:outline-red-600\/30:active { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:outline-red-600\/40:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:outline-red-600\/40:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:outline-red-600\/40:active { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:outline-red-600\/50:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:outline-red-600\/50:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:outline-red-600\/50:active { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:outline-red-600\/60:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:outline-red-600\/60:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:outline-red-600\/60:active { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:outline-red-600\/70:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:outline-red-600\/70:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:outline-red-600\/70:active { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:outline-red-600\/80:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:outline-red-600\/80:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:outline-red-600\/80:active { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:outline-red-600\/90:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:outline-red-600\/90:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:outline-red-600\/90:active { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:outline-red-700:focus { + outline-color: var(--red-700) +} +.hover\:outline-red-700:hover { + outline-color: var(--red-700) +} +.active\:outline-red-700:active { + outline-color: var(--red-700) +} +.focus\:outline-red-700\/10:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:outline-red-700\/10:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:outline-red-700\/10:active { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:outline-red-700\/20:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:outline-red-700\/20:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:outline-red-700\/20:active { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:outline-red-700\/30:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:outline-red-700\/30:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:outline-red-700\/30:active { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:outline-red-700\/40:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:outline-red-700\/40:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:outline-red-700\/40:active { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:outline-red-700\/50:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:outline-red-700\/50:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:outline-red-700\/50:active { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:outline-red-700\/60:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:outline-red-700\/60:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:outline-red-700\/60:active { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:outline-red-700\/70:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:outline-red-700\/70:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:outline-red-700\/70:active { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:outline-red-700\/80:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:outline-red-700\/80:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:outline-red-700\/80:active { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:outline-red-700\/90:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:outline-red-700\/90:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:outline-red-700\/90:active { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:outline-red-800:focus { + outline-color: var(--red-800) +} +.hover\:outline-red-800:hover { + outline-color: var(--red-800) +} +.active\:outline-red-800:active { + outline-color: var(--red-800) +} +.focus\:outline-red-800\/10:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:outline-red-800\/10:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:outline-red-800\/10:active { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:outline-red-800\/20:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:outline-red-800\/20:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:outline-red-800\/20:active { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:outline-red-800\/30:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:outline-red-800\/30:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:outline-red-800\/30:active { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:outline-red-800\/40:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:outline-red-800\/40:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:outline-red-800\/40:active { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:outline-red-800\/50:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:outline-red-800\/50:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:outline-red-800\/50:active { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:outline-red-800\/60:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:outline-red-800\/60:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:outline-red-800\/60:active { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:outline-red-800\/70:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:outline-red-800\/70:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:outline-red-800\/70:active { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:outline-red-800\/80:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:outline-red-800\/80:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:outline-red-800\/80:active { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:outline-red-800\/90:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:outline-red-800\/90:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:outline-red-800\/90:active { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:outline-red-900:focus { + outline-color: var(--red-900) +} +.hover\:outline-red-900:hover { + outline-color: var(--red-900) +} +.active\:outline-red-900:active { + outline-color: var(--red-900) +} +.focus\:outline-red-900\/10:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:outline-red-900\/10:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:outline-red-900\/10:active { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:outline-red-900\/20:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:outline-red-900\/20:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:outline-red-900\/20:active { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:outline-red-900\/30:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:outline-red-900\/30:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:outline-red-900\/30:active { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:outline-red-900\/40:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:outline-red-900\/40:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:outline-red-900\/40:active { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:outline-red-900\/50:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:outline-red-900\/50:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:outline-red-900\/50:active { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:outline-red-900\/60:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:outline-red-900\/60:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:outline-red-900\/60:active { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:outline-red-900\/70:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:outline-red-900\/70:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:outline-red-900\/70:active { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:outline-red-900\/80:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:outline-red-900\/80:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:outline-red-900\/80:active { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:outline-red-900\/90:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:outline-red-900\/90:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:outline-red-900\/90:active { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:outline-gray-50:focus { + outline-color: var(--gray-50) +} +.hover\:outline-gray-50:hover { + outline-color: var(--gray-50) +} +.active\:outline-gray-50:active { + outline-color: var(--gray-50) +} +.focus\:outline-gray-50\/10:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:outline-gray-50\/10:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:outline-gray-50\/10:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:outline-gray-50\/20:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:outline-gray-50\/20:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:outline-gray-50\/20:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:outline-gray-50\/30:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:outline-gray-50\/30:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:outline-gray-50\/30:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:outline-gray-50\/40:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:outline-gray-50\/40:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:outline-gray-50\/40:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:outline-gray-50\/50:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:outline-gray-50\/50:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:outline-gray-50\/50:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:outline-gray-50\/60:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:outline-gray-50\/60:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:outline-gray-50\/60:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:outline-gray-50\/70:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:outline-gray-50\/70:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:outline-gray-50\/70:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:outline-gray-50\/80:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:outline-gray-50\/80:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:outline-gray-50\/80:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:outline-gray-50\/90:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:outline-gray-50\/90:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:outline-gray-50\/90:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:outline-gray-100:focus { + outline-color: var(--gray-100) +} +.hover\:outline-gray-100:hover { + outline-color: var(--gray-100) +} +.active\:outline-gray-100:active { + outline-color: var(--gray-100) +} +.focus\:outline-gray-100\/10:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:outline-gray-100\/10:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:outline-gray-100\/10:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:outline-gray-100\/20:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:outline-gray-100\/20:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:outline-gray-100\/20:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:outline-gray-100\/30:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:outline-gray-100\/30:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:outline-gray-100\/30:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:outline-gray-100\/40:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:outline-gray-100\/40:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:outline-gray-100\/40:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:outline-gray-100\/50:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:outline-gray-100\/50:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:outline-gray-100\/50:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:outline-gray-100\/60:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:outline-gray-100\/60:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:outline-gray-100\/60:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:outline-gray-100\/70:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:outline-gray-100\/70:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:outline-gray-100\/70:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:outline-gray-100\/80:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:outline-gray-100\/80:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:outline-gray-100\/80:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:outline-gray-100\/90:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:outline-gray-100\/90:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:outline-gray-100\/90:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:outline-gray-200:focus { + outline-color: var(--gray-200) +} +.hover\:outline-gray-200:hover { + outline-color: var(--gray-200) +} +.active\:outline-gray-200:active { + outline-color: var(--gray-200) +} +.focus\:outline-gray-200\/10:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:outline-gray-200\/10:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:outline-gray-200\/10:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:outline-gray-200\/20:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:outline-gray-200\/20:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:outline-gray-200\/20:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:outline-gray-200\/30:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:outline-gray-200\/30:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:outline-gray-200\/30:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:outline-gray-200\/40:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:outline-gray-200\/40:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:outline-gray-200\/40:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:outline-gray-200\/50:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:outline-gray-200\/50:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:outline-gray-200\/50:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:outline-gray-200\/60:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:outline-gray-200\/60:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:outline-gray-200\/60:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:outline-gray-200\/70:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:outline-gray-200\/70:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:outline-gray-200\/70:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:outline-gray-200\/80:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:outline-gray-200\/80:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:outline-gray-200\/80:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:outline-gray-200\/90:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:outline-gray-200\/90:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:outline-gray-200\/90:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:outline-gray-300:focus { + outline-color: var(--gray-300) +} +.hover\:outline-gray-300:hover { + outline-color: var(--gray-300) +} +.active\:outline-gray-300:active { + outline-color: var(--gray-300) +} +.focus\:outline-gray-300\/10:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:outline-gray-300\/10:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:outline-gray-300\/10:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:outline-gray-300\/20:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:outline-gray-300\/20:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:outline-gray-300\/20:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:outline-gray-300\/30:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:outline-gray-300\/30:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:outline-gray-300\/30:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:outline-gray-300\/40:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:outline-gray-300\/40:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:outline-gray-300\/40:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:outline-gray-300\/50:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:outline-gray-300\/50:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:outline-gray-300\/50:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:outline-gray-300\/60:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:outline-gray-300\/60:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:outline-gray-300\/60:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:outline-gray-300\/70:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:outline-gray-300\/70:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:outline-gray-300\/70:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:outline-gray-300\/80:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:outline-gray-300\/80:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:outline-gray-300\/80:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:outline-gray-300\/90:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:outline-gray-300\/90:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:outline-gray-300\/90:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:outline-gray-400:focus { + outline-color: var(--gray-400) +} +.hover\:outline-gray-400:hover { + outline-color: var(--gray-400) +} +.active\:outline-gray-400:active { + outline-color: var(--gray-400) +} +.focus\:outline-gray-400\/10:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:outline-gray-400\/10:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:outline-gray-400\/10:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:outline-gray-400\/20:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:outline-gray-400\/20:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:outline-gray-400\/20:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:outline-gray-400\/30:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:outline-gray-400\/30:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:outline-gray-400\/30:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:outline-gray-400\/40:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:outline-gray-400\/40:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:outline-gray-400\/40:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:outline-gray-400\/50:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:outline-gray-400\/50:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:outline-gray-400\/50:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:outline-gray-400\/60:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:outline-gray-400\/60:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:outline-gray-400\/60:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:outline-gray-400\/70:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:outline-gray-400\/70:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:outline-gray-400\/70:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:outline-gray-400\/80:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:outline-gray-400\/80:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:outline-gray-400\/80:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:outline-gray-400\/90:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:outline-gray-400\/90:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:outline-gray-400\/90:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:outline-gray-500:focus { + outline-color: var(--gray-500) +} +.hover\:outline-gray-500:hover { + outline-color: var(--gray-500) +} +.active\:outline-gray-500:active { + outline-color: var(--gray-500) +} +.focus\:outline-gray-500\/10:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:outline-gray-500\/10:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:outline-gray-500\/10:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:outline-gray-500\/20:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:outline-gray-500\/20:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:outline-gray-500\/20:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:outline-gray-500\/30:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:outline-gray-500\/30:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:outline-gray-500\/30:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:outline-gray-500\/40:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:outline-gray-500\/40:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:outline-gray-500\/40:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:outline-gray-500\/50:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:outline-gray-500\/50:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:outline-gray-500\/50:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:outline-gray-500\/60:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:outline-gray-500\/60:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:outline-gray-500\/60:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:outline-gray-500\/70:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:outline-gray-500\/70:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:outline-gray-500\/70:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:outline-gray-500\/80:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:outline-gray-500\/80:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:outline-gray-500\/80:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:outline-gray-500\/90:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:outline-gray-500\/90:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:outline-gray-500\/90:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:outline-gray-600:focus { + outline-color: var(--gray-600) +} +.hover\:outline-gray-600:hover { + outline-color: var(--gray-600) +} +.active\:outline-gray-600:active { + outline-color: var(--gray-600) +} +.focus\:outline-gray-600\/10:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:outline-gray-600\/10:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:outline-gray-600\/10:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:outline-gray-600\/20:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:outline-gray-600\/20:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:outline-gray-600\/20:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:outline-gray-600\/30:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:outline-gray-600\/30:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:outline-gray-600\/30:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:outline-gray-600\/40:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:outline-gray-600\/40:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:outline-gray-600\/40:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:outline-gray-600\/50:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:outline-gray-600\/50:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:outline-gray-600\/50:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:outline-gray-600\/60:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:outline-gray-600\/60:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:outline-gray-600\/60:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:outline-gray-600\/70:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:outline-gray-600\/70:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:outline-gray-600\/70:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:outline-gray-600\/80:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:outline-gray-600\/80:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:outline-gray-600\/80:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:outline-gray-600\/90:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:outline-gray-600\/90:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:outline-gray-600\/90:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:outline-gray-700:focus { + outline-color: var(--gray-700) +} +.hover\:outline-gray-700:hover { + outline-color: var(--gray-700) +} +.active\:outline-gray-700:active { + outline-color: var(--gray-700) +} +.focus\:outline-gray-700\/10:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:outline-gray-700\/10:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:outline-gray-700\/10:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:outline-gray-700\/20:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:outline-gray-700\/20:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:outline-gray-700\/20:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:outline-gray-700\/30:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:outline-gray-700\/30:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:outline-gray-700\/30:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:outline-gray-700\/40:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:outline-gray-700\/40:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:outline-gray-700\/40:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:outline-gray-700\/50:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:outline-gray-700\/50:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:outline-gray-700\/50:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:outline-gray-700\/60:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:outline-gray-700\/60:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:outline-gray-700\/60:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:outline-gray-700\/70:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:outline-gray-700\/70:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:outline-gray-700\/70:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:outline-gray-700\/80:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:outline-gray-700\/80:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:outline-gray-700\/80:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:outline-gray-700\/90:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:outline-gray-700\/90:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:outline-gray-700\/90:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:outline-gray-800:focus { + outline-color: var(--gray-800) +} +.hover\:outline-gray-800:hover { + outline-color: var(--gray-800) +} +.active\:outline-gray-800:active { + outline-color: var(--gray-800) +} +.focus\:outline-gray-800\/10:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:outline-gray-800\/10:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:outline-gray-800\/10:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:outline-gray-800\/20:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:outline-gray-800\/20:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:outline-gray-800\/20:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:outline-gray-800\/30:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:outline-gray-800\/30:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:outline-gray-800\/30:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:outline-gray-800\/40:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:outline-gray-800\/40:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:outline-gray-800\/40:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:outline-gray-800\/50:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:outline-gray-800\/50:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:outline-gray-800\/50:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:outline-gray-800\/60:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:outline-gray-800\/60:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:outline-gray-800\/60:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:outline-gray-800\/70:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:outline-gray-800\/70:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:outline-gray-800\/70:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:outline-gray-800\/80:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:outline-gray-800\/80:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:outline-gray-800\/80:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:outline-gray-800\/90:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:outline-gray-800\/90:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:outline-gray-800\/90:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:outline-gray-900:focus { + outline-color: var(--gray-900) +} +.hover\:outline-gray-900:hover { + outline-color: var(--gray-900) +} +.active\:outline-gray-900:active { + outline-color: var(--gray-900) +} +.focus\:outline-gray-900\/10:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:outline-gray-900\/10:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:outline-gray-900\/10:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:outline-gray-900\/20:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:outline-gray-900\/20:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:outline-gray-900\/20:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:outline-gray-900\/30:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:outline-gray-900\/30:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:outline-gray-900\/30:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:outline-gray-900\/40:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:outline-gray-900\/40:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:outline-gray-900\/40:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:outline-gray-900\/50:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:outline-gray-900\/50:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:outline-gray-900\/50:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:outline-gray-900\/60:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:outline-gray-900\/60:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:outline-gray-900\/60:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:outline-gray-900\/70:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:outline-gray-900\/70:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:outline-gray-900\/70:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:outline-gray-900\/80:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:outline-gray-900\/80:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:outline-gray-900\/80:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:outline-gray-900\/90:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:outline-gray-900\/90:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:outline-gray-900\/90:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:outline-surface-0:focus { + outline-color: var(--surface-0) +} +.hover\:outline-surface-0:hover { + outline-color: var(--surface-0) +} +.active\:outline-surface-0:active { + outline-color: var(--surface-0) +} +.focus\:outline-surface-0\/10:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:outline-surface-0\/10:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:outline-surface-0\/10:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:outline-surface-0\/20:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:outline-surface-0\/20:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:outline-surface-0\/20:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:outline-surface-0\/30:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:outline-surface-0\/30:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:outline-surface-0\/30:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:outline-surface-0\/40:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:outline-surface-0\/40:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:outline-surface-0\/40:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:outline-surface-0\/50:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:outline-surface-0\/50:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:outline-surface-0\/50:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:outline-surface-0\/60:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:outline-surface-0\/60:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:outline-surface-0\/60:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:outline-surface-0\/70:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:outline-surface-0\/70:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:outline-surface-0\/70:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:outline-surface-0\/80:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:outline-surface-0\/80:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:outline-surface-0\/80:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:outline-surface-0\/90:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:outline-surface-0\/90:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:outline-surface-0\/90:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:outline-surface-50:focus { + outline-color: var(--surface-50) +} +.hover\:outline-surface-50:hover { + outline-color: var(--surface-50) +} +.active\:outline-surface-50:active { + outline-color: var(--surface-50) +} +.focus\:outline-surface-50\/10:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:outline-surface-50\/10:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:outline-surface-50\/10:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:outline-surface-50\/20:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:outline-surface-50\/20:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:outline-surface-50\/20:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:outline-surface-50\/30:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:outline-surface-50\/30:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:outline-surface-50\/30:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:outline-surface-50\/40:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:outline-surface-50\/40:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:outline-surface-50\/40:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:outline-surface-50\/50:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:outline-surface-50\/50:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:outline-surface-50\/50:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:outline-surface-50\/60:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:outline-surface-50\/60:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:outline-surface-50\/60:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:outline-surface-50\/70:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:outline-surface-50\/70:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:outline-surface-50\/70:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:outline-surface-50\/80:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:outline-surface-50\/80:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:outline-surface-50\/80:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:outline-surface-50\/90:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:outline-surface-50\/90:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:outline-surface-50\/90:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:outline-surface-100:focus { + outline-color: var(--surface-100) +} +.hover\:outline-surface-100:hover { + outline-color: var(--surface-100) +} +.active\:outline-surface-100:active { + outline-color: var(--surface-100) +} +.focus\:outline-surface-100\/10:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:outline-surface-100\/10:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:outline-surface-100\/10:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:outline-surface-100\/20:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:outline-surface-100\/20:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:outline-surface-100\/20:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:outline-surface-100\/30:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:outline-surface-100\/30:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:outline-surface-100\/30:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:outline-surface-100\/40:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:outline-surface-100\/40:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:outline-surface-100\/40:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:outline-surface-100\/50:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:outline-surface-100\/50:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:outline-surface-100\/50:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:outline-surface-100\/60:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:outline-surface-100\/60:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:outline-surface-100\/60:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:outline-surface-100\/70:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:outline-surface-100\/70:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:outline-surface-100\/70:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:outline-surface-100\/80:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:outline-surface-100\/80:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:outline-surface-100\/80:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:outline-surface-100\/90:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:outline-surface-100\/90:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:outline-surface-100\/90:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:outline-surface-200:focus { + outline-color: var(--surface-200) +} +.hover\:outline-surface-200:hover { + outline-color: var(--surface-200) +} +.active\:outline-surface-200:active { + outline-color: var(--surface-200) +} +.focus\:outline-surface-200\/10:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:outline-surface-200\/10:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:outline-surface-200\/10:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:outline-surface-200\/20:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:outline-surface-200\/20:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:outline-surface-200\/20:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:outline-surface-200\/30:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:outline-surface-200\/30:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:outline-surface-200\/30:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:outline-surface-200\/40:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:outline-surface-200\/40:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:outline-surface-200\/40:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:outline-surface-200\/50:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:outline-surface-200\/50:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:outline-surface-200\/50:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:outline-surface-200\/60:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:outline-surface-200\/60:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:outline-surface-200\/60:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:outline-surface-200\/70:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:outline-surface-200\/70:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:outline-surface-200\/70:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:outline-surface-200\/80:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:outline-surface-200\/80:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:outline-surface-200\/80:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:outline-surface-200\/90:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:outline-surface-200\/90:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:outline-surface-200\/90:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:outline-surface-300:focus { + outline-color: var(--surface-300) +} +.hover\:outline-surface-300:hover { + outline-color: var(--surface-300) +} +.active\:outline-surface-300:active { + outline-color: var(--surface-300) +} +.focus\:outline-surface-300\/10:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:outline-surface-300\/10:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:outline-surface-300\/10:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:outline-surface-300\/20:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:outline-surface-300\/20:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:outline-surface-300\/20:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:outline-surface-300\/30:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:outline-surface-300\/30:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:outline-surface-300\/30:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:outline-surface-300\/40:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:outline-surface-300\/40:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:outline-surface-300\/40:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:outline-surface-300\/50:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:outline-surface-300\/50:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:outline-surface-300\/50:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:outline-surface-300\/60:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:outline-surface-300\/60:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:outline-surface-300\/60:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:outline-surface-300\/70:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:outline-surface-300\/70:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:outline-surface-300\/70:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:outline-surface-300\/80:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:outline-surface-300\/80:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:outline-surface-300\/80:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:outline-surface-300\/90:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:outline-surface-300\/90:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:outline-surface-300\/90:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:outline-surface-400:focus { + outline-color: var(--surface-400) +} +.hover\:outline-surface-400:hover { + outline-color: var(--surface-400) +} +.active\:outline-surface-400:active { + outline-color: var(--surface-400) +} +.focus\:outline-surface-400\/10:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:outline-surface-400\/10:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:outline-surface-400\/10:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:outline-surface-400\/20:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:outline-surface-400\/20:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:outline-surface-400\/20:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:outline-surface-400\/30:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:outline-surface-400\/30:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:outline-surface-400\/30:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:outline-surface-400\/40:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:outline-surface-400\/40:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:outline-surface-400\/40:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:outline-surface-400\/50:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:outline-surface-400\/50:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:outline-surface-400\/50:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:outline-surface-400\/60:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:outline-surface-400\/60:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:outline-surface-400\/60:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:outline-surface-400\/70:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:outline-surface-400\/70:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:outline-surface-400\/70:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:outline-surface-400\/80:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:outline-surface-400\/80:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:outline-surface-400\/80:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:outline-surface-400\/90:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:outline-surface-400\/90:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:outline-surface-400\/90:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:outline-surface-500:focus { + outline-color: var(--surface-500) +} +.hover\:outline-surface-500:hover { + outline-color: var(--surface-500) +} +.active\:outline-surface-500:active { + outline-color: var(--surface-500) +} +.focus\:outline-surface-500\/10:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:outline-surface-500\/10:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:outline-surface-500\/10:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:outline-surface-500\/20:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:outline-surface-500\/20:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:outline-surface-500\/20:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:outline-surface-500\/30:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:outline-surface-500\/30:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:outline-surface-500\/30:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:outline-surface-500\/40:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:outline-surface-500\/40:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:outline-surface-500\/40:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:outline-surface-500\/50:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:outline-surface-500\/50:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:outline-surface-500\/50:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:outline-surface-500\/60:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:outline-surface-500\/60:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:outline-surface-500\/60:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:outline-surface-500\/70:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:outline-surface-500\/70:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:outline-surface-500\/70:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:outline-surface-500\/80:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:outline-surface-500\/80:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:outline-surface-500\/80:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:outline-surface-500\/90:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:outline-surface-500\/90:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:outline-surface-500\/90:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:outline-surface-600:focus { + outline-color: var(--surface-600) +} +.hover\:outline-surface-600:hover { + outline-color: var(--surface-600) +} +.active\:outline-surface-600:active { + outline-color: var(--surface-600) +} +.focus\:outline-surface-600\/10:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:outline-surface-600\/10:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:outline-surface-600\/10:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:outline-surface-600\/20:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:outline-surface-600\/20:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:outline-surface-600\/20:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:outline-surface-600\/30:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:outline-surface-600\/30:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:outline-surface-600\/30:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:outline-surface-600\/40:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:outline-surface-600\/40:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:outline-surface-600\/40:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:outline-surface-600\/50:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:outline-surface-600\/50:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:outline-surface-600\/50:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:outline-surface-600\/60:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:outline-surface-600\/60:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:outline-surface-600\/60:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:outline-surface-600\/70:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:outline-surface-600\/70:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:outline-surface-600\/70:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:outline-surface-600\/80:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:outline-surface-600\/80:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:outline-surface-600\/80:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:outline-surface-600\/90:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:outline-surface-600\/90:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:outline-surface-600\/90:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:outline-surface-700:focus { + outline-color: var(--surface-700) +} +.hover\:outline-surface-700:hover { + outline-color: var(--surface-700) +} +.active\:outline-surface-700:active { + outline-color: var(--surface-700) +} +.focus\:outline-surface-700\/10:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:outline-surface-700\/10:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:outline-surface-700\/10:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:outline-surface-700\/20:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:outline-surface-700\/20:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:outline-surface-700\/20:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:outline-surface-700\/30:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:outline-surface-700\/30:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:outline-surface-700\/30:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:outline-surface-700\/40:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:outline-surface-700\/40:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:outline-surface-700\/40:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:outline-surface-700\/50:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:outline-surface-700\/50:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:outline-surface-700\/50:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:outline-surface-700\/60:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:outline-surface-700\/60:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:outline-surface-700\/60:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:outline-surface-700\/70:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:outline-surface-700\/70:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:outline-surface-700\/70:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:outline-surface-700\/80:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:outline-surface-700\/80:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:outline-surface-700\/80:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:outline-surface-700\/90:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:outline-surface-700\/90:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:outline-surface-700\/90:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:outline-surface-800:focus { + outline-color: var(--surface-800) +} +.hover\:outline-surface-800:hover { + outline-color: var(--surface-800) +} +.active\:outline-surface-800:active { + outline-color: var(--surface-800) +} +.focus\:outline-surface-800\/10:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:outline-surface-800\/10:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:outline-surface-800\/10:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:outline-surface-800\/20:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:outline-surface-800\/20:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:outline-surface-800\/20:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:outline-surface-800\/30:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:outline-surface-800\/30:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:outline-surface-800\/30:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:outline-surface-800\/40:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:outline-surface-800\/40:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:outline-surface-800\/40:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:outline-surface-800\/50:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:outline-surface-800\/50:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:outline-surface-800\/50:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:outline-surface-800\/60:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:outline-surface-800\/60:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:outline-surface-800\/60:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:outline-surface-800\/70:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:outline-surface-800\/70:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:outline-surface-800\/70:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:outline-surface-800\/80:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:outline-surface-800\/80:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:outline-surface-800\/80:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:outline-surface-800\/90:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:outline-surface-800\/90:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:outline-surface-800\/90:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:outline-surface-900:focus { + outline-color: var(--surface-900) +} +.hover\:outline-surface-900:hover { + outline-color: var(--surface-900) +} +.active\:outline-surface-900:active { + outline-color: var(--surface-900) +} +.focus\:outline-surface-900\/10:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:outline-surface-900\/10:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:outline-surface-900\/10:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:outline-surface-900\/20:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:outline-surface-900\/20:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:outline-surface-900\/20:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:outline-surface-900\/30:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:outline-surface-900\/30:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:outline-surface-900\/30:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:outline-surface-900\/40:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:outline-surface-900\/40:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:outline-surface-900\/40:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:outline-surface-900\/50:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:outline-surface-900\/50:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:outline-surface-900\/50:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:outline-surface-900\/60:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:outline-surface-900\/60:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:outline-surface-900\/60:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:outline-surface-900\/70:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:outline-surface-900\/70:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:outline-surface-900\/70:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:outline-surface-900\/80:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:outline-surface-900\/80:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:outline-surface-900\/80:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:outline-surface-900\/90:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:outline-surface-900\/90:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:outline-surface-900\/90:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:outline-primary-50:focus { + outline-color: var(--primary-50) +} +.hover\:outline-primary-50:hover { + outline-color: var(--primary-50) +} +.active\:outline-primary-50:active { + outline-color: var(--primary-50) +} +.focus\:outline-primary-50\/10:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:outline-primary-50\/10:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:outline-primary-50\/10:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:outline-primary-50\/20:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:outline-primary-50\/20:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:outline-primary-50\/20:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:outline-primary-50\/30:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:outline-primary-50\/30:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:outline-primary-50\/30:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:outline-primary-50\/40:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:outline-primary-50\/40:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:outline-primary-50\/40:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:outline-primary-50\/50:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:outline-primary-50\/50:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:outline-primary-50\/50:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:outline-primary-50\/60:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:outline-primary-50\/60:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:outline-primary-50\/60:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:outline-primary-50\/70:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:outline-primary-50\/70:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:outline-primary-50\/70:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:outline-primary-50\/80:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:outline-primary-50\/80:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:outline-primary-50\/80:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:outline-primary-50\/90:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:outline-primary-50\/90:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:outline-primary-50\/90:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:outline-primary-100:focus { + outline-color: var(--primary-100) +} +.hover\:outline-primary-100:hover { + outline-color: var(--primary-100) +} +.active\:outline-primary-100:active { + outline-color: var(--primary-100) +} +.focus\:outline-primary-100\/10:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:outline-primary-100\/10:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:outline-primary-100\/10:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:outline-primary-100\/20:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:outline-primary-100\/20:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:outline-primary-100\/20:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:outline-primary-100\/30:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:outline-primary-100\/30:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:outline-primary-100\/30:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:outline-primary-100\/40:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:outline-primary-100\/40:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:outline-primary-100\/40:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:outline-primary-100\/50:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:outline-primary-100\/50:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:outline-primary-100\/50:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:outline-primary-100\/60:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:outline-primary-100\/60:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:outline-primary-100\/60:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:outline-primary-100\/70:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:outline-primary-100\/70:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:outline-primary-100\/70:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:outline-primary-100\/80:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:outline-primary-100\/80:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:outline-primary-100\/80:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:outline-primary-100\/90:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:outline-primary-100\/90:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:outline-primary-100\/90:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:outline-primary-200:focus { + outline-color: var(--primary-200) +} +.hover\:outline-primary-200:hover { + outline-color: var(--primary-200) +} +.active\:outline-primary-200:active { + outline-color: var(--primary-200) +} +.focus\:outline-primary-200\/10:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:outline-primary-200\/10:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:outline-primary-200\/10:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:outline-primary-200\/20:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:outline-primary-200\/20:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:outline-primary-200\/20:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:outline-primary-200\/30:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:outline-primary-200\/30:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:outline-primary-200\/30:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:outline-primary-200\/40:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:outline-primary-200\/40:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:outline-primary-200\/40:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:outline-primary-200\/50:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:outline-primary-200\/50:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:outline-primary-200\/50:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:outline-primary-200\/60:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:outline-primary-200\/60:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:outline-primary-200\/60:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:outline-primary-200\/70:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:outline-primary-200\/70:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:outline-primary-200\/70:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:outline-primary-200\/80:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:outline-primary-200\/80:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:outline-primary-200\/80:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:outline-primary-200\/90:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:outline-primary-200\/90:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:outline-primary-200\/90:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:outline-primary-300:focus { + outline-color: var(--primary-300) +} +.hover\:outline-primary-300:hover { + outline-color: var(--primary-300) +} +.active\:outline-primary-300:active { + outline-color: var(--primary-300) +} +.focus\:outline-primary-300\/10:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:outline-primary-300\/10:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:outline-primary-300\/10:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:outline-primary-300\/20:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:outline-primary-300\/20:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:outline-primary-300\/20:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:outline-primary-300\/30:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:outline-primary-300\/30:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:outline-primary-300\/30:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:outline-primary-300\/40:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:outline-primary-300\/40:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:outline-primary-300\/40:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:outline-primary-300\/50:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:outline-primary-300\/50:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:outline-primary-300\/50:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:outline-primary-300\/60:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:outline-primary-300\/60:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:outline-primary-300\/60:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:outline-primary-300\/70:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:outline-primary-300\/70:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:outline-primary-300\/70:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:outline-primary-300\/80:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:outline-primary-300\/80:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:outline-primary-300\/80:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:outline-primary-300\/90:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:outline-primary-300\/90:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:outline-primary-300\/90:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:outline-primary-400:focus { + outline-color: var(--primary-400) +} +.hover\:outline-primary-400:hover { + outline-color: var(--primary-400) +} +.active\:outline-primary-400:active { + outline-color: var(--primary-400) +} +.focus\:outline-primary-400\/10:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:outline-primary-400\/10:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:outline-primary-400\/10:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:outline-primary-400\/20:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:outline-primary-400\/20:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:outline-primary-400\/20:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:outline-primary-400\/30:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:outline-primary-400\/30:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:outline-primary-400\/30:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:outline-primary-400\/40:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:outline-primary-400\/40:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:outline-primary-400\/40:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:outline-primary-400\/50:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:outline-primary-400\/50:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:outline-primary-400\/50:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:outline-primary-400\/60:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:outline-primary-400\/60:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:outline-primary-400\/60:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:outline-primary-400\/70:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:outline-primary-400\/70:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:outline-primary-400\/70:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:outline-primary-400\/80:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:outline-primary-400\/80:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:outline-primary-400\/80:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:outline-primary-400\/90:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:outline-primary-400\/90:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:outline-primary-400\/90:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:outline-primary-500:focus { + outline-color: var(--primary-500) +} +.hover\:outline-primary-500:hover { + outline-color: var(--primary-500) +} +.active\:outline-primary-500:active { + outline-color: var(--primary-500) +} +.focus\:outline-primary-500\/10:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:outline-primary-500\/10:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:outline-primary-500\/10:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:outline-primary-500\/20:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:outline-primary-500\/20:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:outline-primary-500\/20:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:outline-primary-500\/30:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:outline-primary-500\/30:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:outline-primary-500\/30:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:outline-primary-500\/40:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:outline-primary-500\/40:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:outline-primary-500\/40:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:outline-primary-500\/50:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:outline-primary-500\/50:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:outline-primary-500\/50:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:outline-primary-500\/60:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:outline-primary-500\/60:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:outline-primary-500\/60:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:outline-primary-500\/70:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:outline-primary-500\/70:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:outline-primary-500\/70:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:outline-primary-500\/80:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:outline-primary-500\/80:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:outline-primary-500\/80:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:outline-primary-500\/90:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:outline-primary-500\/90:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:outline-primary-500\/90:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:outline-primary-600:focus { + outline-color: var(--primary-600) +} +.hover\:outline-primary-600:hover { + outline-color: var(--primary-600) +} +.active\:outline-primary-600:active { + outline-color: var(--primary-600) +} +.focus\:outline-primary-600\/10:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:outline-primary-600\/10:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:outline-primary-600\/10:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:outline-primary-600\/20:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:outline-primary-600\/20:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:outline-primary-600\/20:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:outline-primary-600\/30:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:outline-primary-600\/30:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:outline-primary-600\/30:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:outline-primary-600\/40:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:outline-primary-600\/40:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:outline-primary-600\/40:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:outline-primary-600\/50:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:outline-primary-600\/50:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:outline-primary-600\/50:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:outline-primary-600\/60:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:outline-primary-600\/60:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:outline-primary-600\/60:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:outline-primary-600\/70:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:outline-primary-600\/70:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:outline-primary-600\/70:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:outline-primary-600\/80:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:outline-primary-600\/80:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:outline-primary-600\/80:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:outline-primary-600\/90:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:outline-primary-600\/90:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:outline-primary-600\/90:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:outline-primary-700:focus { + outline-color: var(--primary-700) +} +.hover\:outline-primary-700:hover { + outline-color: var(--primary-700) +} +.active\:outline-primary-700:active { + outline-color: var(--primary-700) +} +.focus\:outline-primary-700\/10:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:outline-primary-700\/10:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:outline-primary-700\/10:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:outline-primary-700\/20:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:outline-primary-700\/20:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:outline-primary-700\/20:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:outline-primary-700\/30:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:outline-primary-700\/30:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:outline-primary-700\/30:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:outline-primary-700\/40:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:outline-primary-700\/40:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:outline-primary-700\/40:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:outline-primary-700\/50:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:outline-primary-700\/50:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:outline-primary-700\/50:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:outline-primary-700\/60:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:outline-primary-700\/60:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:outline-primary-700\/60:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:outline-primary-700\/70:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:outline-primary-700\/70:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:outline-primary-700\/70:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:outline-primary-700\/80:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:outline-primary-700\/80:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:outline-primary-700\/80:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:outline-primary-700\/90:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:outline-primary-700\/90:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:outline-primary-700\/90:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:outline-primary-800:focus { + outline-color: var(--primary-800) +} +.hover\:outline-primary-800:hover { + outline-color: var(--primary-800) +} +.active\:outline-primary-800:active { + outline-color: var(--primary-800) +} +.focus\:outline-primary-800\/10:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:outline-primary-800\/10:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:outline-primary-800\/10:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:outline-primary-800\/20:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:outline-primary-800\/20:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:outline-primary-800\/20:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:outline-primary-800\/30:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:outline-primary-800\/30:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:outline-primary-800\/30:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:outline-primary-800\/40:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:outline-primary-800\/40:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:outline-primary-800\/40:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:outline-primary-800\/50:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:outline-primary-800\/50:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:outline-primary-800\/50:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:outline-primary-800\/60:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:outline-primary-800\/60:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:outline-primary-800\/60:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:outline-primary-800\/70:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:outline-primary-800\/70:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:outline-primary-800\/70:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:outline-primary-800\/80:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:outline-primary-800\/80:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:outline-primary-800\/80:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:outline-primary-800\/90:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:outline-primary-800\/90:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:outline-primary-800\/90:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:outline-primary-900:focus { + outline-color: var(--primary-900) +} +.hover\:outline-primary-900:hover { + outline-color: var(--primary-900) +} +.active\:outline-primary-900:active { + outline-color: var(--primary-900) +} +.focus\:outline-primary-900\/10:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:outline-primary-900\/10:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:outline-primary-900\/10:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:outline-primary-900\/20:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:outline-primary-900\/20:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:outline-primary-900\/20:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:outline-primary-900\/30:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:outline-primary-900\/30:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:outline-primary-900\/30:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:outline-primary-900\/40:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:outline-primary-900\/40:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:outline-primary-900\/40:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:outline-primary-900\/50:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:outline-primary-900\/50:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:outline-primary-900\/50:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:outline-primary-900\/60:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:outline-primary-900\/60:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:outline-primary-900\/60:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:outline-primary-900\/70:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:outline-primary-900\/70:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:outline-primary-900\/70:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:outline-primary-900\/80:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:outline-primary-900\/80:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:outline-primary-900\/80:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:outline-primary-900\/90:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:outline-primary-900\/90:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:outline-primary-900\/90:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:outline-blue-50 { + outline-color: var(--blue-50) + } + .sm\:outline-blue-50\/10 { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:outline-blue-50\/20 { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:outline-blue-50\/30 { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:outline-blue-50\/40 { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:outline-blue-50\/50 { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:outline-blue-50\/60 { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:outline-blue-50\/70 { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:outline-blue-50\/80 { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:outline-blue-50\/90 { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:outline-blue-100 { + outline-color: var(--blue-100) + } + .sm\:outline-blue-100\/10 { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:outline-blue-100\/20 { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:outline-blue-100\/30 { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:outline-blue-100\/40 { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:outline-blue-100\/50 { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:outline-blue-100\/60 { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:outline-blue-100\/70 { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:outline-blue-100\/80 { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:outline-blue-100\/90 { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:outline-blue-200 { + outline-color: var(--blue-200) + } + .sm\:outline-blue-200\/10 { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:outline-blue-200\/20 { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:outline-blue-200\/30 { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:outline-blue-200\/40 { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:outline-blue-200\/50 { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:outline-blue-200\/60 { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:outline-blue-200\/70 { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:outline-blue-200\/80 { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:outline-blue-200\/90 { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:outline-blue-300 { + outline-color: var(--blue-300) + } + .sm\:outline-blue-300\/10 { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:outline-blue-300\/20 { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:outline-blue-300\/30 { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:outline-blue-300\/40 { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:outline-blue-300\/50 { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:outline-blue-300\/60 { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:outline-blue-300\/70 { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:outline-blue-300\/80 { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:outline-blue-300\/90 { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:outline-blue-400 { + outline-color: var(--blue-400) + } + .sm\:outline-blue-400\/10 { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:outline-blue-400\/20 { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:outline-blue-400\/30 { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:outline-blue-400\/40 { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:outline-blue-400\/50 { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:outline-blue-400\/60 { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:outline-blue-400\/70 { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:outline-blue-400\/80 { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:outline-blue-400\/90 { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:outline-blue-500 { + outline-color: var(--blue-500) + } + .sm\:outline-blue-500\/10 { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:outline-blue-500\/20 { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:outline-blue-500\/30 { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:outline-blue-500\/40 { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:outline-blue-500\/50 { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:outline-blue-500\/60 { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:outline-blue-500\/70 { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:outline-blue-500\/80 { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:outline-blue-500\/90 { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:outline-blue-600 { + outline-color: var(--blue-600) + } + .sm\:outline-blue-600\/10 { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:outline-blue-600\/20 { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:outline-blue-600\/30 { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:outline-blue-600\/40 { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:outline-blue-600\/50 { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:outline-blue-600\/60 { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:outline-blue-600\/70 { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:outline-blue-600\/80 { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:outline-blue-600\/90 { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:outline-blue-700 { + outline-color: var(--blue-700) + } + .sm\:outline-blue-700\/10 { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:outline-blue-700\/20 { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:outline-blue-700\/30 { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:outline-blue-700\/40 { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:outline-blue-700\/50 { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:outline-blue-700\/60 { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:outline-blue-700\/70 { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:outline-blue-700\/80 { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:outline-blue-700\/90 { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:outline-blue-800 { + outline-color: var(--blue-800) + } + .sm\:outline-blue-800\/10 { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:outline-blue-800\/20 { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:outline-blue-800\/30 { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:outline-blue-800\/40 { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:outline-blue-800\/50 { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:outline-blue-800\/60 { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:outline-blue-800\/70 { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:outline-blue-800\/80 { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:outline-blue-800\/90 { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:outline-blue-900 { + outline-color: var(--blue-900) + } + .sm\:outline-blue-900\/10 { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:outline-blue-900\/20 { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:outline-blue-900\/30 { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:outline-blue-900\/40 { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:outline-blue-900\/50 { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:outline-blue-900\/60 { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:outline-blue-900\/70 { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:outline-blue-900\/80 { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:outline-blue-900\/90 { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:outline-green-50 { + outline-color: var(--green-50) + } + .sm\:outline-green-50\/10 { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:outline-green-50\/20 { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:outline-green-50\/30 { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:outline-green-50\/40 { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:outline-green-50\/50 { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:outline-green-50\/60 { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:outline-green-50\/70 { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:outline-green-50\/80 { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:outline-green-50\/90 { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:outline-green-100 { + outline-color: var(--green-100) + } + .sm\:outline-green-100\/10 { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:outline-green-100\/20 { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:outline-green-100\/30 { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:outline-green-100\/40 { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:outline-green-100\/50 { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:outline-green-100\/60 { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:outline-green-100\/70 { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:outline-green-100\/80 { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:outline-green-100\/90 { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:outline-green-200 { + outline-color: var(--green-200) + } + .sm\:outline-green-200\/10 { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:outline-green-200\/20 { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:outline-green-200\/30 { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:outline-green-200\/40 { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:outline-green-200\/50 { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:outline-green-200\/60 { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:outline-green-200\/70 { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:outline-green-200\/80 { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:outline-green-200\/90 { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:outline-green-300 { + outline-color: var(--green-300) + } + .sm\:outline-green-300\/10 { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:outline-green-300\/20 { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:outline-green-300\/30 { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:outline-green-300\/40 { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:outline-green-300\/50 { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:outline-green-300\/60 { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:outline-green-300\/70 { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:outline-green-300\/80 { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:outline-green-300\/90 { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:outline-green-400 { + outline-color: var(--green-400) + } + .sm\:outline-green-400\/10 { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:outline-green-400\/20 { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:outline-green-400\/30 { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:outline-green-400\/40 { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:outline-green-400\/50 { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:outline-green-400\/60 { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:outline-green-400\/70 { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:outline-green-400\/80 { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:outline-green-400\/90 { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:outline-green-500 { + outline-color: var(--green-500) + } + .sm\:outline-green-500\/10 { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:outline-green-500\/20 { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:outline-green-500\/30 { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:outline-green-500\/40 { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:outline-green-500\/50 { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:outline-green-500\/60 { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:outline-green-500\/70 { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:outline-green-500\/80 { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:outline-green-500\/90 { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:outline-green-600 { + outline-color: var(--green-600) + } + .sm\:outline-green-600\/10 { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:outline-green-600\/20 { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:outline-green-600\/30 { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:outline-green-600\/40 { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:outline-green-600\/50 { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:outline-green-600\/60 { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:outline-green-600\/70 { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:outline-green-600\/80 { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:outline-green-600\/90 { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:outline-green-700 { + outline-color: var(--green-700) + } + .sm\:outline-green-700\/10 { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:outline-green-700\/20 { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:outline-green-700\/30 { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:outline-green-700\/40 { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:outline-green-700\/50 { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:outline-green-700\/60 { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:outline-green-700\/70 { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:outline-green-700\/80 { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:outline-green-700\/90 { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:outline-green-800 { + outline-color: var(--green-800) + } + .sm\:outline-green-800\/10 { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:outline-green-800\/20 { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:outline-green-800\/30 { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:outline-green-800\/40 { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:outline-green-800\/50 { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:outline-green-800\/60 { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:outline-green-800\/70 { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:outline-green-800\/80 { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:outline-green-800\/90 { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:outline-green-900 { + outline-color: var(--green-900) + } + .sm\:outline-green-900\/10 { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:outline-green-900\/20 { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:outline-green-900\/30 { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:outline-green-900\/40 { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:outline-green-900\/50 { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:outline-green-900\/60 { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:outline-green-900\/70 { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:outline-green-900\/80 { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:outline-green-900\/90 { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:outline-yellow-50 { + outline-color: var(--yellow-50) + } + .sm\:outline-yellow-50\/10 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:outline-yellow-50\/20 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:outline-yellow-50\/30 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:outline-yellow-50\/40 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:outline-yellow-50\/50 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:outline-yellow-50\/60 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:outline-yellow-50\/70 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:outline-yellow-50\/80 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:outline-yellow-50\/90 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:outline-yellow-100 { + outline-color: var(--yellow-100) + } + .sm\:outline-yellow-100\/10 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:outline-yellow-100\/20 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:outline-yellow-100\/30 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:outline-yellow-100\/40 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:outline-yellow-100\/50 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:outline-yellow-100\/60 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:outline-yellow-100\/70 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:outline-yellow-100\/80 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:outline-yellow-100\/90 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:outline-yellow-200 { + outline-color: var(--yellow-200) + } + .sm\:outline-yellow-200\/10 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:outline-yellow-200\/20 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:outline-yellow-200\/30 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:outline-yellow-200\/40 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:outline-yellow-200\/50 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:outline-yellow-200\/60 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:outline-yellow-200\/70 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:outline-yellow-200\/80 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:outline-yellow-200\/90 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:outline-yellow-300 { + outline-color: var(--yellow-300) + } + .sm\:outline-yellow-300\/10 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:outline-yellow-300\/20 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:outline-yellow-300\/30 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:outline-yellow-300\/40 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:outline-yellow-300\/50 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:outline-yellow-300\/60 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:outline-yellow-300\/70 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:outline-yellow-300\/80 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:outline-yellow-300\/90 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:outline-yellow-400 { + outline-color: var(--yellow-400) + } + .sm\:outline-yellow-400\/10 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:outline-yellow-400\/20 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:outline-yellow-400\/30 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:outline-yellow-400\/40 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:outline-yellow-400\/50 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:outline-yellow-400\/60 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:outline-yellow-400\/70 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:outline-yellow-400\/80 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:outline-yellow-400\/90 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:outline-yellow-500 { + outline-color: var(--yellow-500) + } + .sm\:outline-yellow-500\/10 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:outline-yellow-500\/20 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:outline-yellow-500\/30 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:outline-yellow-500\/40 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:outline-yellow-500\/50 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:outline-yellow-500\/60 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:outline-yellow-500\/70 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:outline-yellow-500\/80 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:outline-yellow-500\/90 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:outline-yellow-600 { + outline-color: var(--yellow-600) + } + .sm\:outline-yellow-600\/10 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:outline-yellow-600\/20 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:outline-yellow-600\/30 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:outline-yellow-600\/40 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:outline-yellow-600\/50 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:outline-yellow-600\/60 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:outline-yellow-600\/70 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:outline-yellow-600\/80 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:outline-yellow-600\/90 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:outline-yellow-700 { + outline-color: var(--yellow-700) + } + .sm\:outline-yellow-700\/10 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:outline-yellow-700\/20 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:outline-yellow-700\/30 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:outline-yellow-700\/40 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:outline-yellow-700\/50 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:outline-yellow-700\/60 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:outline-yellow-700\/70 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:outline-yellow-700\/80 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:outline-yellow-700\/90 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:outline-yellow-800 { + outline-color: var(--yellow-800) + } + .sm\:outline-yellow-800\/10 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:outline-yellow-800\/20 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:outline-yellow-800\/30 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:outline-yellow-800\/40 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:outline-yellow-800\/50 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:outline-yellow-800\/60 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:outline-yellow-800\/70 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:outline-yellow-800\/80 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:outline-yellow-800\/90 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:outline-yellow-900 { + outline-color: var(--yellow-900) + } + .sm\:outline-yellow-900\/10 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:outline-yellow-900\/20 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:outline-yellow-900\/30 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:outline-yellow-900\/40 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:outline-yellow-900\/50 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:outline-yellow-900\/60 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:outline-yellow-900\/70 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:outline-yellow-900\/80 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:outline-yellow-900\/90 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:outline-cyan-50 { + outline-color: var(--cyan-50) + } + .sm\:outline-cyan-50\/10 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:outline-cyan-50\/20 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:outline-cyan-50\/30 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:outline-cyan-50\/40 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:outline-cyan-50\/50 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:outline-cyan-50\/60 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:outline-cyan-50\/70 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:outline-cyan-50\/80 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:outline-cyan-50\/90 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:outline-cyan-100 { + outline-color: var(--cyan-100) + } + .sm\:outline-cyan-100\/10 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:outline-cyan-100\/20 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:outline-cyan-100\/30 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:outline-cyan-100\/40 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:outline-cyan-100\/50 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:outline-cyan-100\/60 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:outline-cyan-100\/70 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:outline-cyan-100\/80 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:outline-cyan-100\/90 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:outline-cyan-200 { + outline-color: var(--cyan-200) + } + .sm\:outline-cyan-200\/10 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:outline-cyan-200\/20 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:outline-cyan-200\/30 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:outline-cyan-200\/40 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:outline-cyan-200\/50 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:outline-cyan-200\/60 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:outline-cyan-200\/70 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:outline-cyan-200\/80 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:outline-cyan-200\/90 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:outline-cyan-300 { + outline-color: var(--cyan-300) + } + .sm\:outline-cyan-300\/10 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:outline-cyan-300\/20 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:outline-cyan-300\/30 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:outline-cyan-300\/40 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:outline-cyan-300\/50 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:outline-cyan-300\/60 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:outline-cyan-300\/70 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:outline-cyan-300\/80 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:outline-cyan-300\/90 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:outline-cyan-400 { + outline-color: var(--cyan-400) + } + .sm\:outline-cyan-400\/10 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:outline-cyan-400\/20 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:outline-cyan-400\/30 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:outline-cyan-400\/40 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:outline-cyan-400\/50 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:outline-cyan-400\/60 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:outline-cyan-400\/70 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:outline-cyan-400\/80 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:outline-cyan-400\/90 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:outline-cyan-500 { + outline-color: var(--cyan-500) + } + .sm\:outline-cyan-500\/10 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:outline-cyan-500\/20 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:outline-cyan-500\/30 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:outline-cyan-500\/40 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:outline-cyan-500\/50 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:outline-cyan-500\/60 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:outline-cyan-500\/70 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:outline-cyan-500\/80 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:outline-cyan-500\/90 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:outline-cyan-600 { + outline-color: var(--cyan-600) + } + .sm\:outline-cyan-600\/10 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:outline-cyan-600\/20 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:outline-cyan-600\/30 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:outline-cyan-600\/40 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:outline-cyan-600\/50 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:outline-cyan-600\/60 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:outline-cyan-600\/70 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:outline-cyan-600\/80 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:outline-cyan-600\/90 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:outline-cyan-700 { + outline-color: var(--cyan-700) + } + .sm\:outline-cyan-700\/10 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:outline-cyan-700\/20 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:outline-cyan-700\/30 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:outline-cyan-700\/40 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:outline-cyan-700\/50 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:outline-cyan-700\/60 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:outline-cyan-700\/70 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:outline-cyan-700\/80 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:outline-cyan-700\/90 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:outline-cyan-800 { + outline-color: var(--cyan-800) + } + .sm\:outline-cyan-800\/10 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:outline-cyan-800\/20 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:outline-cyan-800\/30 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:outline-cyan-800\/40 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:outline-cyan-800\/50 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:outline-cyan-800\/60 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:outline-cyan-800\/70 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:outline-cyan-800\/80 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:outline-cyan-800\/90 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:outline-cyan-900 { + outline-color: var(--cyan-900) + } + .sm\:outline-cyan-900\/10 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:outline-cyan-900\/20 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:outline-cyan-900\/30 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:outline-cyan-900\/40 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:outline-cyan-900\/50 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:outline-cyan-900\/60 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:outline-cyan-900\/70 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:outline-cyan-900\/80 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:outline-cyan-900\/90 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:outline-pink-50 { + outline-color: var(--pink-50) + } + .sm\:outline-pink-50\/10 { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:outline-pink-50\/20 { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:outline-pink-50\/30 { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:outline-pink-50\/40 { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:outline-pink-50\/50 { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:outline-pink-50\/60 { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:outline-pink-50\/70 { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:outline-pink-50\/80 { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:outline-pink-50\/90 { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:outline-pink-100 { + outline-color: var(--pink-100) + } + .sm\:outline-pink-100\/10 { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:outline-pink-100\/20 { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:outline-pink-100\/30 { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:outline-pink-100\/40 { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:outline-pink-100\/50 { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:outline-pink-100\/60 { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:outline-pink-100\/70 { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:outline-pink-100\/80 { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:outline-pink-100\/90 { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:outline-pink-200 { + outline-color: var(--pink-200) + } + .sm\:outline-pink-200\/10 { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:outline-pink-200\/20 { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:outline-pink-200\/30 { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:outline-pink-200\/40 { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:outline-pink-200\/50 { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:outline-pink-200\/60 { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:outline-pink-200\/70 { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:outline-pink-200\/80 { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:outline-pink-200\/90 { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:outline-pink-300 { + outline-color: var(--pink-300) + } + .sm\:outline-pink-300\/10 { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:outline-pink-300\/20 { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:outline-pink-300\/30 { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:outline-pink-300\/40 { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:outline-pink-300\/50 { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:outline-pink-300\/60 { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:outline-pink-300\/70 { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:outline-pink-300\/80 { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:outline-pink-300\/90 { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:outline-pink-400 { + outline-color: var(--pink-400) + } + .sm\:outline-pink-400\/10 { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:outline-pink-400\/20 { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:outline-pink-400\/30 { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:outline-pink-400\/40 { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:outline-pink-400\/50 { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:outline-pink-400\/60 { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:outline-pink-400\/70 { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:outline-pink-400\/80 { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:outline-pink-400\/90 { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:outline-pink-500 { + outline-color: var(--pink-500) + } + .sm\:outline-pink-500\/10 { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:outline-pink-500\/20 { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:outline-pink-500\/30 { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:outline-pink-500\/40 { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:outline-pink-500\/50 { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:outline-pink-500\/60 { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:outline-pink-500\/70 { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:outline-pink-500\/80 { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:outline-pink-500\/90 { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:outline-pink-600 { + outline-color: var(--pink-600) + } + .sm\:outline-pink-600\/10 { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:outline-pink-600\/20 { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:outline-pink-600\/30 { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:outline-pink-600\/40 { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:outline-pink-600\/50 { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:outline-pink-600\/60 { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:outline-pink-600\/70 { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:outline-pink-600\/80 { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:outline-pink-600\/90 { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:outline-pink-700 { + outline-color: var(--pink-700) + } + .sm\:outline-pink-700\/10 { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:outline-pink-700\/20 { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:outline-pink-700\/30 { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:outline-pink-700\/40 { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:outline-pink-700\/50 { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:outline-pink-700\/60 { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:outline-pink-700\/70 { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:outline-pink-700\/80 { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:outline-pink-700\/90 { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:outline-pink-800 { + outline-color: var(--pink-800) + } + .sm\:outline-pink-800\/10 { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:outline-pink-800\/20 { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:outline-pink-800\/30 { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:outline-pink-800\/40 { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:outline-pink-800\/50 { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:outline-pink-800\/60 { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:outline-pink-800\/70 { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:outline-pink-800\/80 { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:outline-pink-800\/90 { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:outline-pink-900 { + outline-color: var(--pink-900) + } + .sm\:outline-pink-900\/10 { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:outline-pink-900\/20 { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:outline-pink-900\/30 { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:outline-pink-900\/40 { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:outline-pink-900\/50 { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:outline-pink-900\/60 { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:outline-pink-900\/70 { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:outline-pink-900\/80 { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:outline-pink-900\/90 { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:outline-indigo-50 { + outline-color: var(--indigo-50) + } + .sm\:outline-indigo-50\/10 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:outline-indigo-50\/20 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:outline-indigo-50\/30 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:outline-indigo-50\/40 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:outline-indigo-50\/50 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:outline-indigo-50\/60 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:outline-indigo-50\/70 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:outline-indigo-50\/80 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:outline-indigo-50\/90 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:outline-indigo-100 { + outline-color: var(--indigo-100) + } + .sm\:outline-indigo-100\/10 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:outline-indigo-100\/20 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:outline-indigo-100\/30 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:outline-indigo-100\/40 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:outline-indigo-100\/50 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:outline-indigo-100\/60 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:outline-indigo-100\/70 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:outline-indigo-100\/80 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:outline-indigo-100\/90 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:outline-indigo-200 { + outline-color: var(--indigo-200) + } + .sm\:outline-indigo-200\/10 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:outline-indigo-200\/20 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:outline-indigo-200\/30 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:outline-indigo-200\/40 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:outline-indigo-200\/50 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:outline-indigo-200\/60 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:outline-indigo-200\/70 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:outline-indigo-200\/80 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:outline-indigo-200\/90 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:outline-indigo-300 { + outline-color: var(--indigo-300) + } + .sm\:outline-indigo-300\/10 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:outline-indigo-300\/20 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:outline-indigo-300\/30 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:outline-indigo-300\/40 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:outline-indigo-300\/50 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:outline-indigo-300\/60 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:outline-indigo-300\/70 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:outline-indigo-300\/80 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:outline-indigo-300\/90 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:outline-indigo-400 { + outline-color: var(--indigo-400) + } + .sm\:outline-indigo-400\/10 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:outline-indigo-400\/20 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:outline-indigo-400\/30 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:outline-indigo-400\/40 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:outline-indigo-400\/50 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:outline-indigo-400\/60 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:outline-indigo-400\/70 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:outline-indigo-400\/80 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:outline-indigo-400\/90 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:outline-indigo-500 { + outline-color: var(--indigo-500) + } + .sm\:outline-indigo-500\/10 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:outline-indigo-500\/20 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:outline-indigo-500\/30 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:outline-indigo-500\/40 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:outline-indigo-500\/50 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:outline-indigo-500\/60 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:outline-indigo-500\/70 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:outline-indigo-500\/80 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:outline-indigo-500\/90 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:outline-indigo-600 { + outline-color: var(--indigo-600) + } + .sm\:outline-indigo-600\/10 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:outline-indigo-600\/20 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:outline-indigo-600\/30 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:outline-indigo-600\/40 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:outline-indigo-600\/50 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:outline-indigo-600\/60 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:outline-indigo-600\/70 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:outline-indigo-600\/80 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:outline-indigo-600\/90 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:outline-indigo-700 { + outline-color: var(--indigo-700) + } + .sm\:outline-indigo-700\/10 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:outline-indigo-700\/20 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:outline-indigo-700\/30 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:outline-indigo-700\/40 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:outline-indigo-700\/50 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:outline-indigo-700\/60 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:outline-indigo-700\/70 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:outline-indigo-700\/80 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:outline-indigo-700\/90 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:outline-indigo-800 { + outline-color: var(--indigo-800) + } + .sm\:outline-indigo-800\/10 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:outline-indigo-800\/20 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:outline-indigo-800\/30 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:outline-indigo-800\/40 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:outline-indigo-800\/50 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:outline-indigo-800\/60 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:outline-indigo-800\/70 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:outline-indigo-800\/80 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:outline-indigo-800\/90 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:outline-indigo-900 { + outline-color: var(--indigo-900) + } + .sm\:outline-indigo-900\/10 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:outline-indigo-900\/20 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:outline-indigo-900\/30 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:outline-indigo-900\/40 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:outline-indigo-900\/50 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:outline-indigo-900\/60 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:outline-indigo-900\/70 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:outline-indigo-900\/80 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:outline-indigo-900\/90 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:outline-teal-50 { + outline-color: var(--teal-50) + } + .sm\:outline-teal-50\/10 { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:outline-teal-50\/20 { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:outline-teal-50\/30 { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:outline-teal-50\/40 { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:outline-teal-50\/50 { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:outline-teal-50\/60 { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:outline-teal-50\/70 { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:outline-teal-50\/80 { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:outline-teal-50\/90 { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:outline-teal-100 { + outline-color: var(--teal-100) + } + .sm\:outline-teal-100\/10 { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:outline-teal-100\/20 { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:outline-teal-100\/30 { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:outline-teal-100\/40 { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:outline-teal-100\/50 { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:outline-teal-100\/60 { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:outline-teal-100\/70 { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:outline-teal-100\/80 { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:outline-teal-100\/90 { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:outline-teal-200 { + outline-color: var(--teal-200) + } + .sm\:outline-teal-200\/10 { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:outline-teal-200\/20 { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:outline-teal-200\/30 { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:outline-teal-200\/40 { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:outline-teal-200\/50 { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:outline-teal-200\/60 { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:outline-teal-200\/70 { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:outline-teal-200\/80 { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:outline-teal-200\/90 { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:outline-teal-300 { + outline-color: var(--teal-300) + } + .sm\:outline-teal-300\/10 { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:outline-teal-300\/20 { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:outline-teal-300\/30 { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:outline-teal-300\/40 { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:outline-teal-300\/50 { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:outline-teal-300\/60 { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:outline-teal-300\/70 { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:outline-teal-300\/80 { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:outline-teal-300\/90 { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:outline-teal-400 { + outline-color: var(--teal-400) + } + .sm\:outline-teal-400\/10 { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:outline-teal-400\/20 { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:outline-teal-400\/30 { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:outline-teal-400\/40 { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:outline-teal-400\/50 { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:outline-teal-400\/60 { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:outline-teal-400\/70 { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:outline-teal-400\/80 { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:outline-teal-400\/90 { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:outline-teal-500 { + outline-color: var(--teal-500) + } + .sm\:outline-teal-500\/10 { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:outline-teal-500\/20 { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:outline-teal-500\/30 { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:outline-teal-500\/40 { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:outline-teal-500\/50 { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:outline-teal-500\/60 { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:outline-teal-500\/70 { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:outline-teal-500\/80 { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:outline-teal-500\/90 { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:outline-teal-600 { + outline-color: var(--teal-600) + } + .sm\:outline-teal-600\/10 { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:outline-teal-600\/20 { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:outline-teal-600\/30 { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:outline-teal-600\/40 { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:outline-teal-600\/50 { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:outline-teal-600\/60 { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:outline-teal-600\/70 { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:outline-teal-600\/80 { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:outline-teal-600\/90 { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:outline-teal-700 { + outline-color: var(--teal-700) + } + .sm\:outline-teal-700\/10 { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:outline-teal-700\/20 { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:outline-teal-700\/30 { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:outline-teal-700\/40 { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:outline-teal-700\/50 { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:outline-teal-700\/60 { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:outline-teal-700\/70 { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:outline-teal-700\/80 { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:outline-teal-700\/90 { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:outline-teal-800 { + outline-color: var(--teal-800) + } + .sm\:outline-teal-800\/10 { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:outline-teal-800\/20 { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:outline-teal-800\/30 { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:outline-teal-800\/40 { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:outline-teal-800\/50 { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:outline-teal-800\/60 { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:outline-teal-800\/70 { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:outline-teal-800\/80 { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:outline-teal-800\/90 { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:outline-teal-900 { + outline-color: var(--teal-900) + } + .sm\:outline-teal-900\/10 { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:outline-teal-900\/20 { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:outline-teal-900\/30 { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:outline-teal-900\/40 { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:outline-teal-900\/50 { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:outline-teal-900\/60 { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:outline-teal-900\/70 { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:outline-teal-900\/80 { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:outline-teal-900\/90 { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:outline-orange-50 { + outline-color: var(--orange-50) + } + .sm\:outline-orange-50\/10 { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:outline-orange-50\/20 { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:outline-orange-50\/30 { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:outline-orange-50\/40 { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:outline-orange-50\/50 { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:outline-orange-50\/60 { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:outline-orange-50\/70 { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:outline-orange-50\/80 { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:outline-orange-50\/90 { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:outline-orange-100 { + outline-color: var(--orange-100) + } + .sm\:outline-orange-100\/10 { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:outline-orange-100\/20 { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:outline-orange-100\/30 { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:outline-orange-100\/40 { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:outline-orange-100\/50 { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:outline-orange-100\/60 { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:outline-orange-100\/70 { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:outline-orange-100\/80 { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:outline-orange-100\/90 { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:outline-orange-200 { + outline-color: var(--orange-200) + } + .sm\:outline-orange-200\/10 { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:outline-orange-200\/20 { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:outline-orange-200\/30 { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:outline-orange-200\/40 { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:outline-orange-200\/50 { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:outline-orange-200\/60 { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:outline-orange-200\/70 { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:outline-orange-200\/80 { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:outline-orange-200\/90 { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:outline-orange-300 { + outline-color: var(--orange-300) + } + .sm\:outline-orange-300\/10 { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:outline-orange-300\/20 { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:outline-orange-300\/30 { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:outline-orange-300\/40 { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:outline-orange-300\/50 { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:outline-orange-300\/60 { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:outline-orange-300\/70 { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:outline-orange-300\/80 { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:outline-orange-300\/90 { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:outline-orange-400 { + outline-color: var(--orange-400) + } + .sm\:outline-orange-400\/10 { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:outline-orange-400\/20 { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:outline-orange-400\/30 { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:outline-orange-400\/40 { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:outline-orange-400\/50 { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:outline-orange-400\/60 { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:outline-orange-400\/70 { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:outline-orange-400\/80 { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:outline-orange-400\/90 { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:outline-orange-500 { + outline-color: var(--orange-500) + } + .sm\:outline-orange-500\/10 { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:outline-orange-500\/20 { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:outline-orange-500\/30 { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:outline-orange-500\/40 { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:outline-orange-500\/50 { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:outline-orange-500\/60 { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:outline-orange-500\/70 { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:outline-orange-500\/80 { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:outline-orange-500\/90 { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:outline-orange-600 { + outline-color: var(--orange-600) + } + .sm\:outline-orange-600\/10 { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:outline-orange-600\/20 { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:outline-orange-600\/30 { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:outline-orange-600\/40 { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:outline-orange-600\/50 { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:outline-orange-600\/60 { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:outline-orange-600\/70 { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:outline-orange-600\/80 { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:outline-orange-600\/90 { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:outline-orange-700 { + outline-color: var(--orange-700) + } + .sm\:outline-orange-700\/10 { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:outline-orange-700\/20 { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:outline-orange-700\/30 { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:outline-orange-700\/40 { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:outline-orange-700\/50 { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:outline-orange-700\/60 { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:outline-orange-700\/70 { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:outline-orange-700\/80 { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:outline-orange-700\/90 { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:outline-orange-800 { + outline-color: var(--orange-800) + } + .sm\:outline-orange-800\/10 { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:outline-orange-800\/20 { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:outline-orange-800\/30 { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:outline-orange-800\/40 { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:outline-orange-800\/50 { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:outline-orange-800\/60 { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:outline-orange-800\/70 { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:outline-orange-800\/80 { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:outline-orange-800\/90 { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:outline-orange-900 { + outline-color: var(--orange-900) + } + .sm\:outline-orange-900\/10 { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:outline-orange-900\/20 { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:outline-orange-900\/30 { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:outline-orange-900\/40 { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:outline-orange-900\/50 { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:outline-orange-900\/60 { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:outline-orange-900\/70 { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:outline-orange-900\/80 { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:outline-orange-900\/90 { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:outline-bluegray-50 { + outline-color: var(--bluegray-50) + } + .sm\:outline-bluegray-50\/10 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:outline-bluegray-50\/20 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:outline-bluegray-50\/30 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:outline-bluegray-50\/40 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:outline-bluegray-50\/50 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:outline-bluegray-50\/60 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:outline-bluegray-50\/70 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:outline-bluegray-50\/80 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:outline-bluegray-50\/90 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:outline-bluegray-100 { + outline-color: var(--bluegray-100) + } + .sm\:outline-bluegray-100\/10 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:outline-bluegray-100\/20 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:outline-bluegray-100\/30 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:outline-bluegray-100\/40 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:outline-bluegray-100\/50 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:outline-bluegray-100\/60 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:outline-bluegray-100\/70 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:outline-bluegray-100\/80 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:outline-bluegray-100\/90 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:outline-bluegray-200 { + outline-color: var(--bluegray-200) + } + .sm\:outline-bluegray-200\/10 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:outline-bluegray-200\/20 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:outline-bluegray-200\/30 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:outline-bluegray-200\/40 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:outline-bluegray-200\/50 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:outline-bluegray-200\/60 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:outline-bluegray-200\/70 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:outline-bluegray-200\/80 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:outline-bluegray-200\/90 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:outline-bluegray-300 { + outline-color: var(--bluegray-300) + } + .sm\:outline-bluegray-300\/10 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:outline-bluegray-300\/20 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:outline-bluegray-300\/30 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:outline-bluegray-300\/40 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:outline-bluegray-300\/50 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:outline-bluegray-300\/60 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:outline-bluegray-300\/70 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:outline-bluegray-300\/80 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:outline-bluegray-300\/90 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:outline-bluegray-400 { + outline-color: var(--bluegray-400) + } + .sm\:outline-bluegray-400\/10 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:outline-bluegray-400\/20 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:outline-bluegray-400\/30 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:outline-bluegray-400\/40 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:outline-bluegray-400\/50 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:outline-bluegray-400\/60 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:outline-bluegray-400\/70 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:outline-bluegray-400\/80 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:outline-bluegray-400\/90 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:outline-bluegray-500 { + outline-color: var(--bluegray-500) + } + .sm\:outline-bluegray-500\/10 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:outline-bluegray-500\/20 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:outline-bluegray-500\/30 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:outline-bluegray-500\/40 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:outline-bluegray-500\/50 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:outline-bluegray-500\/60 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:outline-bluegray-500\/70 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:outline-bluegray-500\/80 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:outline-bluegray-500\/90 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:outline-bluegray-600 { + outline-color: var(--bluegray-600) + } + .sm\:outline-bluegray-600\/10 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:outline-bluegray-600\/20 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:outline-bluegray-600\/30 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:outline-bluegray-600\/40 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:outline-bluegray-600\/50 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:outline-bluegray-600\/60 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:outline-bluegray-600\/70 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:outline-bluegray-600\/80 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:outline-bluegray-600\/90 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:outline-bluegray-700 { + outline-color: var(--bluegray-700) + } + .sm\:outline-bluegray-700\/10 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:outline-bluegray-700\/20 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:outline-bluegray-700\/30 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:outline-bluegray-700\/40 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:outline-bluegray-700\/50 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:outline-bluegray-700\/60 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:outline-bluegray-700\/70 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:outline-bluegray-700\/80 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:outline-bluegray-700\/90 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:outline-bluegray-800 { + outline-color: var(--bluegray-800) + } + .sm\:outline-bluegray-800\/10 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:outline-bluegray-800\/20 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:outline-bluegray-800\/30 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:outline-bluegray-800\/40 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:outline-bluegray-800\/50 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:outline-bluegray-800\/60 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:outline-bluegray-800\/70 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:outline-bluegray-800\/80 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:outline-bluegray-800\/90 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:outline-bluegray-900 { + outline-color: var(--bluegray-900) + } + .sm\:outline-bluegray-900\/10 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:outline-bluegray-900\/20 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:outline-bluegray-900\/30 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:outline-bluegray-900\/40 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:outline-bluegray-900\/50 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:outline-bluegray-900\/60 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:outline-bluegray-900\/70 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:outline-bluegray-900\/80 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:outline-bluegray-900\/90 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:outline-purple-50 { + outline-color: var(--purple-50) + } + .sm\:outline-purple-50\/10 { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:outline-purple-50\/20 { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:outline-purple-50\/30 { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:outline-purple-50\/40 { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:outline-purple-50\/50 { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:outline-purple-50\/60 { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:outline-purple-50\/70 { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:outline-purple-50\/80 { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:outline-purple-50\/90 { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:outline-purple-100 { + outline-color: var(--purple-100) + } + .sm\:outline-purple-100\/10 { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:outline-purple-100\/20 { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:outline-purple-100\/30 { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:outline-purple-100\/40 { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:outline-purple-100\/50 { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:outline-purple-100\/60 { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:outline-purple-100\/70 { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:outline-purple-100\/80 { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:outline-purple-100\/90 { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:outline-purple-200 { + outline-color: var(--purple-200) + } + .sm\:outline-purple-200\/10 { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:outline-purple-200\/20 { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:outline-purple-200\/30 { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:outline-purple-200\/40 { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:outline-purple-200\/50 { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:outline-purple-200\/60 { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:outline-purple-200\/70 { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:outline-purple-200\/80 { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:outline-purple-200\/90 { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:outline-purple-300 { + outline-color: var(--purple-300) + } + .sm\:outline-purple-300\/10 { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:outline-purple-300\/20 { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:outline-purple-300\/30 { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:outline-purple-300\/40 { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:outline-purple-300\/50 { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:outline-purple-300\/60 { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:outline-purple-300\/70 { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:outline-purple-300\/80 { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:outline-purple-300\/90 { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:outline-purple-400 { + outline-color: var(--purple-400) + } + .sm\:outline-purple-400\/10 { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:outline-purple-400\/20 { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:outline-purple-400\/30 { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:outline-purple-400\/40 { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:outline-purple-400\/50 { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:outline-purple-400\/60 { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:outline-purple-400\/70 { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:outline-purple-400\/80 { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:outline-purple-400\/90 { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:outline-purple-500 { + outline-color: var(--purple-500) + } + .sm\:outline-purple-500\/10 { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:outline-purple-500\/20 { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:outline-purple-500\/30 { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:outline-purple-500\/40 { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:outline-purple-500\/50 { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:outline-purple-500\/60 { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:outline-purple-500\/70 { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:outline-purple-500\/80 { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:outline-purple-500\/90 { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:outline-purple-600 { + outline-color: var(--purple-600) + } + .sm\:outline-purple-600\/10 { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:outline-purple-600\/20 { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:outline-purple-600\/30 { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:outline-purple-600\/40 { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:outline-purple-600\/50 { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:outline-purple-600\/60 { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:outline-purple-600\/70 { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:outline-purple-600\/80 { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:outline-purple-600\/90 { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:outline-purple-700 { + outline-color: var(--purple-700) + } + .sm\:outline-purple-700\/10 { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:outline-purple-700\/20 { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:outline-purple-700\/30 { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:outline-purple-700\/40 { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:outline-purple-700\/50 { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:outline-purple-700\/60 { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:outline-purple-700\/70 { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:outline-purple-700\/80 { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:outline-purple-700\/90 { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:outline-purple-800 { + outline-color: var(--purple-800) + } + .sm\:outline-purple-800\/10 { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:outline-purple-800\/20 { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:outline-purple-800\/30 { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:outline-purple-800\/40 { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:outline-purple-800\/50 { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:outline-purple-800\/60 { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:outline-purple-800\/70 { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:outline-purple-800\/80 { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:outline-purple-800\/90 { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:outline-purple-900 { + outline-color: var(--purple-900) + } + .sm\:outline-purple-900\/10 { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:outline-purple-900\/20 { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:outline-purple-900\/30 { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:outline-purple-900\/40 { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:outline-purple-900\/50 { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:outline-purple-900\/60 { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:outline-purple-900\/70 { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:outline-purple-900\/80 { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:outline-purple-900\/90 { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:outline-red-50 { + outline-color: var(--red-50) + } + .sm\:outline-red-50\/10 { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:outline-red-50\/20 { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:outline-red-50\/30 { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:outline-red-50\/40 { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:outline-red-50\/50 { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:outline-red-50\/60 { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:outline-red-50\/70 { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:outline-red-50\/80 { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:outline-red-50\/90 { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:outline-red-100 { + outline-color: var(--red-100) + } + .sm\:outline-red-100\/10 { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:outline-red-100\/20 { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:outline-red-100\/30 { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:outline-red-100\/40 { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:outline-red-100\/50 { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:outline-red-100\/60 { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:outline-red-100\/70 { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:outline-red-100\/80 { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:outline-red-100\/90 { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:outline-red-200 { + outline-color: var(--red-200) + } + .sm\:outline-red-200\/10 { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:outline-red-200\/20 { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:outline-red-200\/30 { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:outline-red-200\/40 { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:outline-red-200\/50 { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:outline-red-200\/60 { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:outline-red-200\/70 { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:outline-red-200\/80 { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:outline-red-200\/90 { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:outline-red-300 { + outline-color: var(--red-300) + } + .sm\:outline-red-300\/10 { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:outline-red-300\/20 { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:outline-red-300\/30 { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:outline-red-300\/40 { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:outline-red-300\/50 { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:outline-red-300\/60 { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:outline-red-300\/70 { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:outline-red-300\/80 { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:outline-red-300\/90 { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:outline-red-400 { + outline-color: var(--red-400) + } + .sm\:outline-red-400\/10 { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:outline-red-400\/20 { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:outline-red-400\/30 { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:outline-red-400\/40 { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:outline-red-400\/50 { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:outline-red-400\/60 { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:outline-red-400\/70 { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:outline-red-400\/80 { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:outline-red-400\/90 { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:outline-red-500 { + outline-color: var(--red-500) + } + .sm\:outline-red-500\/10 { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:outline-red-500\/20 { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:outline-red-500\/30 { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:outline-red-500\/40 { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:outline-red-500\/50 { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:outline-red-500\/60 { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:outline-red-500\/70 { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:outline-red-500\/80 { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:outline-red-500\/90 { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:outline-red-600 { + outline-color: var(--red-600) + } + .sm\:outline-red-600\/10 { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:outline-red-600\/20 { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:outline-red-600\/30 { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:outline-red-600\/40 { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:outline-red-600\/50 { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:outline-red-600\/60 { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:outline-red-600\/70 { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:outline-red-600\/80 { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:outline-red-600\/90 { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:outline-red-700 { + outline-color: var(--red-700) + } + .sm\:outline-red-700\/10 { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:outline-red-700\/20 { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:outline-red-700\/30 { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:outline-red-700\/40 { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:outline-red-700\/50 { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:outline-red-700\/60 { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:outline-red-700\/70 { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:outline-red-700\/80 { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:outline-red-700\/90 { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:outline-red-800 { + outline-color: var(--red-800) + } + .sm\:outline-red-800\/10 { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:outline-red-800\/20 { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:outline-red-800\/30 { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:outline-red-800\/40 { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:outline-red-800\/50 { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:outline-red-800\/60 { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:outline-red-800\/70 { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:outline-red-800\/80 { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:outline-red-800\/90 { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:outline-red-900 { + outline-color: var(--red-900) + } + .sm\:outline-red-900\/10 { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:outline-red-900\/20 { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:outline-red-900\/30 { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:outline-red-900\/40 { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:outline-red-900\/50 { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:outline-red-900\/60 { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:outline-red-900\/70 { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:outline-red-900\/80 { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:outline-red-900\/90 { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:outline-gray-50 { + outline-color: var(--gray-50) + } + .sm\:outline-gray-50\/10 { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:outline-gray-50\/20 { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:outline-gray-50\/30 { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:outline-gray-50\/40 { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:outline-gray-50\/50 { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:outline-gray-50\/60 { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:outline-gray-50\/70 { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:outline-gray-50\/80 { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:outline-gray-50\/90 { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:outline-gray-100 { + outline-color: var(--gray-100) + } + .sm\:outline-gray-100\/10 { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:outline-gray-100\/20 { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:outline-gray-100\/30 { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:outline-gray-100\/40 { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:outline-gray-100\/50 { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:outline-gray-100\/60 { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:outline-gray-100\/70 { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:outline-gray-100\/80 { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:outline-gray-100\/90 { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:outline-gray-200 { + outline-color: var(--gray-200) + } + .sm\:outline-gray-200\/10 { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:outline-gray-200\/20 { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:outline-gray-200\/30 { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:outline-gray-200\/40 { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:outline-gray-200\/50 { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:outline-gray-200\/60 { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:outline-gray-200\/70 { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:outline-gray-200\/80 { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:outline-gray-200\/90 { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:outline-gray-300 { + outline-color: var(--gray-300) + } + .sm\:outline-gray-300\/10 { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:outline-gray-300\/20 { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:outline-gray-300\/30 { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:outline-gray-300\/40 { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:outline-gray-300\/50 { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:outline-gray-300\/60 { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:outline-gray-300\/70 { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:outline-gray-300\/80 { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:outline-gray-300\/90 { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:outline-gray-400 { + outline-color: var(--gray-400) + } + .sm\:outline-gray-400\/10 { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:outline-gray-400\/20 { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:outline-gray-400\/30 { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:outline-gray-400\/40 { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:outline-gray-400\/50 { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:outline-gray-400\/60 { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:outline-gray-400\/70 { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:outline-gray-400\/80 { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:outline-gray-400\/90 { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:outline-gray-500 { + outline-color: var(--gray-500) + } + .sm\:outline-gray-500\/10 { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:outline-gray-500\/20 { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:outline-gray-500\/30 { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:outline-gray-500\/40 { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:outline-gray-500\/50 { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:outline-gray-500\/60 { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:outline-gray-500\/70 { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:outline-gray-500\/80 { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:outline-gray-500\/90 { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:outline-gray-600 { + outline-color: var(--gray-600) + } + .sm\:outline-gray-600\/10 { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:outline-gray-600\/20 { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:outline-gray-600\/30 { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:outline-gray-600\/40 { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:outline-gray-600\/50 { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:outline-gray-600\/60 { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:outline-gray-600\/70 { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:outline-gray-600\/80 { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:outline-gray-600\/90 { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:outline-gray-700 { + outline-color: var(--gray-700) + } + .sm\:outline-gray-700\/10 { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:outline-gray-700\/20 { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:outline-gray-700\/30 { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:outline-gray-700\/40 { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:outline-gray-700\/50 { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:outline-gray-700\/60 { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:outline-gray-700\/70 { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:outline-gray-700\/80 { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:outline-gray-700\/90 { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:outline-gray-800 { + outline-color: var(--gray-800) + } + .sm\:outline-gray-800\/10 { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:outline-gray-800\/20 { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:outline-gray-800\/30 { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:outline-gray-800\/40 { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:outline-gray-800\/50 { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:outline-gray-800\/60 { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:outline-gray-800\/70 { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:outline-gray-800\/80 { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:outline-gray-800\/90 { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:outline-gray-900 { + outline-color: var(--gray-900) + } + .sm\:outline-gray-900\/10 { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:outline-gray-900\/20 { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:outline-gray-900\/30 { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:outline-gray-900\/40 { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:outline-gray-900\/50 { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:outline-gray-900\/60 { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:outline-gray-900\/70 { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:outline-gray-900\/80 { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:outline-gray-900\/90 { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:outline-surface-0 { + outline-color: var(--surface-0) + } + .sm\:outline-surface-0\/10 { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:outline-surface-0\/20 { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:outline-surface-0\/30 { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:outline-surface-0\/40 { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:outline-surface-0\/50 { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:outline-surface-0\/60 { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:outline-surface-0\/70 { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:outline-surface-0\/80 { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:outline-surface-0\/90 { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:outline-surface-50 { + outline-color: var(--surface-50) + } + .sm\:outline-surface-50\/10 { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:outline-surface-50\/20 { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:outline-surface-50\/30 { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:outline-surface-50\/40 { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:outline-surface-50\/50 { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:outline-surface-50\/60 { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:outline-surface-50\/70 { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:outline-surface-50\/80 { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:outline-surface-50\/90 { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:outline-surface-100 { + outline-color: var(--surface-100) + } + .sm\:outline-surface-100\/10 { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:outline-surface-100\/20 { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:outline-surface-100\/30 { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:outline-surface-100\/40 { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:outline-surface-100\/50 { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:outline-surface-100\/60 { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:outline-surface-100\/70 { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:outline-surface-100\/80 { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:outline-surface-100\/90 { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:outline-surface-200 { + outline-color: var(--surface-200) + } + .sm\:outline-surface-200\/10 { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:outline-surface-200\/20 { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:outline-surface-200\/30 { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:outline-surface-200\/40 { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:outline-surface-200\/50 { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:outline-surface-200\/60 { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:outline-surface-200\/70 { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:outline-surface-200\/80 { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:outline-surface-200\/90 { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:outline-surface-300 { + outline-color: var(--surface-300) + } + .sm\:outline-surface-300\/10 { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:outline-surface-300\/20 { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:outline-surface-300\/30 { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:outline-surface-300\/40 { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:outline-surface-300\/50 { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:outline-surface-300\/60 { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:outline-surface-300\/70 { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:outline-surface-300\/80 { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:outline-surface-300\/90 { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:outline-surface-400 { + outline-color: var(--surface-400) + } + .sm\:outline-surface-400\/10 { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:outline-surface-400\/20 { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:outline-surface-400\/30 { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:outline-surface-400\/40 { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:outline-surface-400\/50 { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:outline-surface-400\/60 { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:outline-surface-400\/70 { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:outline-surface-400\/80 { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:outline-surface-400\/90 { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:outline-surface-500 { + outline-color: var(--surface-500) + } + .sm\:outline-surface-500\/10 { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:outline-surface-500\/20 { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:outline-surface-500\/30 { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:outline-surface-500\/40 { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:outline-surface-500\/50 { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:outline-surface-500\/60 { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:outline-surface-500\/70 { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:outline-surface-500\/80 { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:outline-surface-500\/90 { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:outline-surface-600 { + outline-color: var(--surface-600) + } + .sm\:outline-surface-600\/10 { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:outline-surface-600\/20 { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:outline-surface-600\/30 { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:outline-surface-600\/40 { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:outline-surface-600\/50 { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:outline-surface-600\/60 { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:outline-surface-600\/70 { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:outline-surface-600\/80 { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:outline-surface-600\/90 { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:outline-surface-700 { + outline-color: var(--surface-700) + } + .sm\:outline-surface-700\/10 { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:outline-surface-700\/20 { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:outline-surface-700\/30 { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:outline-surface-700\/40 { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:outline-surface-700\/50 { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:outline-surface-700\/60 { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:outline-surface-700\/70 { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:outline-surface-700\/80 { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:outline-surface-700\/90 { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:outline-surface-800 { + outline-color: var(--surface-800) + } + .sm\:outline-surface-800\/10 { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:outline-surface-800\/20 { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:outline-surface-800\/30 { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:outline-surface-800\/40 { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:outline-surface-800\/50 { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:outline-surface-800\/60 { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:outline-surface-800\/70 { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:outline-surface-800\/80 { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:outline-surface-800\/90 { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:outline-surface-900 { + outline-color: var(--surface-900) + } + .sm\:outline-surface-900\/10 { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:outline-surface-900\/20 { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:outline-surface-900\/30 { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:outline-surface-900\/40 { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:outline-surface-900\/50 { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:outline-surface-900\/60 { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:outline-surface-900\/70 { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:outline-surface-900\/80 { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:outline-surface-900\/90 { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:outline-primary-50 { + outline-color: var(--primary-50) + } + .sm\:outline-primary-50\/10 { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:outline-primary-50\/20 { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:outline-primary-50\/30 { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:outline-primary-50\/40 { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:outline-primary-50\/50 { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:outline-primary-50\/60 { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:outline-primary-50\/70 { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:outline-primary-50\/80 { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:outline-primary-50\/90 { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:outline-primary-100 { + outline-color: var(--primary-100) + } + .sm\:outline-primary-100\/10 { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:outline-primary-100\/20 { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:outline-primary-100\/30 { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:outline-primary-100\/40 { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:outline-primary-100\/50 { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:outline-primary-100\/60 { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:outline-primary-100\/70 { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:outline-primary-100\/80 { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:outline-primary-100\/90 { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:outline-primary-200 { + outline-color: var(--primary-200) + } + .sm\:outline-primary-200\/10 { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:outline-primary-200\/20 { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:outline-primary-200\/30 { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:outline-primary-200\/40 { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:outline-primary-200\/50 { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:outline-primary-200\/60 { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:outline-primary-200\/70 { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:outline-primary-200\/80 { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:outline-primary-200\/90 { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:outline-primary-300 { + outline-color: var(--primary-300) + } + .sm\:outline-primary-300\/10 { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:outline-primary-300\/20 { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:outline-primary-300\/30 { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:outline-primary-300\/40 { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:outline-primary-300\/50 { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:outline-primary-300\/60 { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:outline-primary-300\/70 { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:outline-primary-300\/80 { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:outline-primary-300\/90 { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:outline-primary-400 { + outline-color: var(--primary-400) + } + .sm\:outline-primary-400\/10 { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:outline-primary-400\/20 { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:outline-primary-400\/30 { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:outline-primary-400\/40 { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:outline-primary-400\/50 { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:outline-primary-400\/60 { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:outline-primary-400\/70 { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:outline-primary-400\/80 { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:outline-primary-400\/90 { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:outline-primary-500 { + outline-color: var(--primary-500) + } + .sm\:outline-primary-500\/10 { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:outline-primary-500\/20 { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:outline-primary-500\/30 { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:outline-primary-500\/40 { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:outline-primary-500\/50 { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:outline-primary-500\/60 { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:outline-primary-500\/70 { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:outline-primary-500\/80 { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:outline-primary-500\/90 { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:outline-primary-600 { + outline-color: var(--primary-600) + } + .sm\:outline-primary-600\/10 { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:outline-primary-600\/20 { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:outline-primary-600\/30 { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:outline-primary-600\/40 { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:outline-primary-600\/50 { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:outline-primary-600\/60 { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:outline-primary-600\/70 { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:outline-primary-600\/80 { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:outline-primary-600\/90 { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:outline-primary-700 { + outline-color: var(--primary-700) + } + .sm\:outline-primary-700\/10 { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:outline-primary-700\/20 { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:outline-primary-700\/30 { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:outline-primary-700\/40 { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:outline-primary-700\/50 { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:outline-primary-700\/60 { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:outline-primary-700\/70 { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:outline-primary-700\/80 { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:outline-primary-700\/90 { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:outline-primary-800 { + outline-color: var(--primary-800) + } + .sm\:outline-primary-800\/10 { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:outline-primary-800\/20 { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:outline-primary-800\/30 { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:outline-primary-800\/40 { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:outline-primary-800\/50 { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:outline-primary-800\/60 { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:outline-primary-800\/70 { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:outline-primary-800\/80 { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:outline-primary-800\/90 { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:outline-primary-900 { + outline-color: var(--primary-900) + } + .sm\:outline-primary-900\/10 { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:outline-primary-900\/20 { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:outline-primary-900\/30 { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:outline-primary-900\/40 { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:outline-primary-900\/50 { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:outline-primary-900\/60 { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:outline-primary-900\/70 { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:outline-primary-900\/80 { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:outline-primary-900\/90 { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:outline-blue-50:focus { + outline-color: var(--blue-50) + } + .sm\:hover\:outline-blue-50:hover { + outline-color: var(--blue-50) + } + .sm\:active\:outline-blue-50:active { + outline-color: var(--blue-50) + } + .sm\:focus\:outline-blue-50\/10:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:outline-blue-50\/10:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:outline-blue-50\/10:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:outline-blue-50\/20:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:outline-blue-50\/20:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:outline-blue-50\/20:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:outline-blue-50\/30:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:outline-blue-50\/30:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:outline-blue-50\/30:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:outline-blue-50\/40:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:outline-blue-50\/40:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:outline-blue-50\/40:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:outline-blue-50\/50:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:outline-blue-50\/50:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:outline-blue-50\/50:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:outline-blue-50\/60:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:outline-blue-50\/60:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:outline-blue-50\/60:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:outline-blue-50\/70:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:outline-blue-50\/70:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:outline-blue-50\/70:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:outline-blue-50\/80:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:outline-blue-50\/80:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:outline-blue-50\/80:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:outline-blue-50\/90:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:outline-blue-50\/90:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:outline-blue-50\/90:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:outline-blue-100:focus { + outline-color: var(--blue-100) + } + .sm\:hover\:outline-blue-100:hover { + outline-color: var(--blue-100) + } + .sm\:active\:outline-blue-100:active { + outline-color: var(--blue-100) + } + .sm\:focus\:outline-blue-100\/10:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:outline-blue-100\/10:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:outline-blue-100\/10:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:outline-blue-100\/20:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:outline-blue-100\/20:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:outline-blue-100\/20:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:outline-blue-100\/30:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:outline-blue-100\/30:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:outline-blue-100\/30:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:outline-blue-100\/40:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:outline-blue-100\/40:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:outline-blue-100\/40:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:outline-blue-100\/50:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:outline-blue-100\/50:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:outline-blue-100\/50:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:outline-blue-100\/60:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:outline-blue-100\/60:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:outline-blue-100\/60:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:outline-blue-100\/70:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:outline-blue-100\/70:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:outline-blue-100\/70:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:outline-blue-100\/80:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:outline-blue-100\/80:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:outline-blue-100\/80:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:outline-blue-100\/90:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:outline-blue-100\/90:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:outline-blue-100\/90:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:outline-blue-200:focus { + outline-color: var(--blue-200) + } + .sm\:hover\:outline-blue-200:hover { + outline-color: var(--blue-200) + } + .sm\:active\:outline-blue-200:active { + outline-color: var(--blue-200) + } + .sm\:focus\:outline-blue-200\/10:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:outline-blue-200\/10:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:outline-blue-200\/10:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:outline-blue-200\/20:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:outline-blue-200\/20:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:outline-blue-200\/20:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:outline-blue-200\/30:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:outline-blue-200\/30:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:outline-blue-200\/30:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:outline-blue-200\/40:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:outline-blue-200\/40:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:outline-blue-200\/40:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:outline-blue-200\/50:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:outline-blue-200\/50:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:outline-blue-200\/50:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:outline-blue-200\/60:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:outline-blue-200\/60:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:outline-blue-200\/60:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:outline-blue-200\/70:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:outline-blue-200\/70:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:outline-blue-200\/70:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:outline-blue-200\/80:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:outline-blue-200\/80:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:outline-blue-200\/80:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:outline-blue-200\/90:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:outline-blue-200\/90:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:outline-blue-200\/90:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:outline-blue-300:focus { + outline-color: var(--blue-300) + } + .sm\:hover\:outline-blue-300:hover { + outline-color: var(--blue-300) + } + .sm\:active\:outline-blue-300:active { + outline-color: var(--blue-300) + } + .sm\:focus\:outline-blue-300\/10:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:outline-blue-300\/10:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:outline-blue-300\/10:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:outline-blue-300\/20:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:outline-blue-300\/20:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:outline-blue-300\/20:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:outline-blue-300\/30:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:outline-blue-300\/30:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:outline-blue-300\/30:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:outline-blue-300\/40:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:outline-blue-300\/40:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:outline-blue-300\/40:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:outline-blue-300\/50:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:outline-blue-300\/50:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:outline-blue-300\/50:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:outline-blue-300\/60:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:outline-blue-300\/60:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:outline-blue-300\/60:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:outline-blue-300\/70:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:outline-blue-300\/70:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:outline-blue-300\/70:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:outline-blue-300\/80:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:outline-blue-300\/80:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:outline-blue-300\/80:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:outline-blue-300\/90:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:outline-blue-300\/90:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:outline-blue-300\/90:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:outline-blue-400:focus { + outline-color: var(--blue-400) + } + .sm\:hover\:outline-blue-400:hover { + outline-color: var(--blue-400) + } + .sm\:active\:outline-blue-400:active { + outline-color: var(--blue-400) + } + .sm\:focus\:outline-blue-400\/10:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:outline-blue-400\/10:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:outline-blue-400\/10:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:outline-blue-400\/20:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:outline-blue-400\/20:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:outline-blue-400\/20:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:outline-blue-400\/30:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:outline-blue-400\/30:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:outline-blue-400\/30:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:outline-blue-400\/40:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:outline-blue-400\/40:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:outline-blue-400\/40:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:outline-blue-400\/50:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:outline-blue-400\/50:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:outline-blue-400\/50:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:outline-blue-400\/60:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:outline-blue-400\/60:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:outline-blue-400\/60:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:outline-blue-400\/70:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:outline-blue-400\/70:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:outline-blue-400\/70:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:outline-blue-400\/80:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:outline-blue-400\/80:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:outline-blue-400\/80:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:outline-blue-400\/90:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:outline-blue-400\/90:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:outline-blue-400\/90:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:outline-blue-500:focus { + outline-color: var(--blue-500) + } + .sm\:hover\:outline-blue-500:hover { + outline-color: var(--blue-500) + } + .sm\:active\:outline-blue-500:active { + outline-color: var(--blue-500) + } + .sm\:focus\:outline-blue-500\/10:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:outline-blue-500\/10:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:outline-blue-500\/10:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:outline-blue-500\/20:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:outline-blue-500\/20:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:outline-blue-500\/20:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:outline-blue-500\/30:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:outline-blue-500\/30:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:outline-blue-500\/30:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:outline-blue-500\/40:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:outline-blue-500\/40:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:outline-blue-500\/40:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:outline-blue-500\/50:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:outline-blue-500\/50:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:outline-blue-500\/50:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:outline-blue-500\/60:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:outline-blue-500\/60:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:outline-blue-500\/60:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:outline-blue-500\/70:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:outline-blue-500\/70:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:outline-blue-500\/70:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:outline-blue-500\/80:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:outline-blue-500\/80:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:outline-blue-500\/80:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:outline-blue-500\/90:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:outline-blue-500\/90:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:outline-blue-500\/90:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:outline-blue-600:focus { + outline-color: var(--blue-600) + } + .sm\:hover\:outline-blue-600:hover { + outline-color: var(--blue-600) + } + .sm\:active\:outline-blue-600:active { + outline-color: var(--blue-600) + } + .sm\:focus\:outline-blue-600\/10:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:outline-blue-600\/10:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:outline-blue-600\/10:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:outline-blue-600\/20:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:outline-blue-600\/20:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:outline-blue-600\/20:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:outline-blue-600\/30:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:outline-blue-600\/30:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:outline-blue-600\/30:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:outline-blue-600\/40:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:outline-blue-600\/40:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:outline-blue-600\/40:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:outline-blue-600\/50:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:outline-blue-600\/50:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:outline-blue-600\/50:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:outline-blue-600\/60:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:outline-blue-600\/60:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:outline-blue-600\/60:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:outline-blue-600\/70:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:outline-blue-600\/70:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:outline-blue-600\/70:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:outline-blue-600\/80:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:outline-blue-600\/80:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:outline-blue-600\/80:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:outline-blue-600\/90:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:outline-blue-600\/90:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:outline-blue-600\/90:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:outline-blue-700:focus { + outline-color: var(--blue-700) + } + .sm\:hover\:outline-blue-700:hover { + outline-color: var(--blue-700) + } + .sm\:active\:outline-blue-700:active { + outline-color: var(--blue-700) + } + .sm\:focus\:outline-blue-700\/10:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:outline-blue-700\/10:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:outline-blue-700\/10:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:outline-blue-700\/20:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:outline-blue-700\/20:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:outline-blue-700\/20:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:outline-blue-700\/30:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:outline-blue-700\/30:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:outline-blue-700\/30:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:outline-blue-700\/40:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:outline-blue-700\/40:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:outline-blue-700\/40:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:outline-blue-700\/50:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:outline-blue-700\/50:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:outline-blue-700\/50:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:outline-blue-700\/60:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:outline-blue-700\/60:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:outline-blue-700\/60:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:outline-blue-700\/70:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:outline-blue-700\/70:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:outline-blue-700\/70:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:outline-blue-700\/80:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:outline-blue-700\/80:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:outline-blue-700\/80:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:outline-blue-700\/90:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:outline-blue-700\/90:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:outline-blue-700\/90:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:outline-blue-800:focus { + outline-color: var(--blue-800) + } + .sm\:hover\:outline-blue-800:hover { + outline-color: var(--blue-800) + } + .sm\:active\:outline-blue-800:active { + outline-color: var(--blue-800) + } + .sm\:focus\:outline-blue-800\/10:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:outline-blue-800\/10:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:outline-blue-800\/10:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:outline-blue-800\/20:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:outline-blue-800\/20:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:outline-blue-800\/20:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:outline-blue-800\/30:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:outline-blue-800\/30:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:outline-blue-800\/30:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:outline-blue-800\/40:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:outline-blue-800\/40:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:outline-blue-800\/40:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:outline-blue-800\/50:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:outline-blue-800\/50:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:outline-blue-800\/50:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:outline-blue-800\/60:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:outline-blue-800\/60:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:outline-blue-800\/60:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:outline-blue-800\/70:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:outline-blue-800\/70:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:outline-blue-800\/70:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:outline-blue-800\/80:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:outline-blue-800\/80:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:outline-blue-800\/80:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:outline-blue-800\/90:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:outline-blue-800\/90:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:outline-blue-800\/90:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:outline-blue-900:focus { + outline-color: var(--blue-900) + } + .sm\:hover\:outline-blue-900:hover { + outline-color: var(--blue-900) + } + .sm\:active\:outline-blue-900:active { + outline-color: var(--blue-900) + } + .sm\:focus\:outline-blue-900\/10:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:outline-blue-900\/10:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:outline-blue-900\/10:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:outline-blue-900\/20:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:outline-blue-900\/20:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:outline-blue-900\/20:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:outline-blue-900\/30:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:outline-blue-900\/30:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:outline-blue-900\/30:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:outline-blue-900\/40:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:outline-blue-900\/40:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:outline-blue-900\/40:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:outline-blue-900\/50:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:outline-blue-900\/50:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:outline-blue-900\/50:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:outline-blue-900\/60:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:outline-blue-900\/60:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:outline-blue-900\/60:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:outline-blue-900\/70:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:outline-blue-900\/70:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:outline-blue-900\/70:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:outline-blue-900\/80:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:outline-blue-900\/80:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:outline-blue-900\/80:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:outline-blue-900\/90:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:outline-blue-900\/90:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:outline-blue-900\/90:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:outline-green-50:focus { + outline-color: var(--green-50) + } + .sm\:hover\:outline-green-50:hover { + outline-color: var(--green-50) + } + .sm\:active\:outline-green-50:active { + outline-color: var(--green-50) + } + .sm\:focus\:outline-green-50\/10:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:outline-green-50\/10:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:outline-green-50\/10:active { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:outline-green-50\/20:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:outline-green-50\/20:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:outline-green-50\/20:active { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:outline-green-50\/30:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:outline-green-50\/30:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:outline-green-50\/30:active { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:outline-green-50\/40:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:outline-green-50\/40:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:outline-green-50\/40:active { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:outline-green-50\/50:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:outline-green-50\/50:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:outline-green-50\/50:active { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:outline-green-50\/60:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:outline-green-50\/60:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:outline-green-50\/60:active { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:outline-green-50\/70:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:outline-green-50\/70:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:outline-green-50\/70:active { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:outline-green-50\/80:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:outline-green-50\/80:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:outline-green-50\/80:active { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:outline-green-50\/90:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:outline-green-50\/90:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:outline-green-50\/90:active { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:outline-green-100:focus { + outline-color: var(--green-100) + } + .sm\:hover\:outline-green-100:hover { + outline-color: var(--green-100) + } + .sm\:active\:outline-green-100:active { + outline-color: var(--green-100) + } + .sm\:focus\:outline-green-100\/10:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:outline-green-100\/10:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:outline-green-100\/10:active { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:outline-green-100\/20:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:outline-green-100\/20:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:outline-green-100\/20:active { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:outline-green-100\/30:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:outline-green-100\/30:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:outline-green-100\/30:active { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:outline-green-100\/40:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:outline-green-100\/40:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:outline-green-100\/40:active { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:outline-green-100\/50:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:outline-green-100\/50:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:outline-green-100\/50:active { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:outline-green-100\/60:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:outline-green-100\/60:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:outline-green-100\/60:active { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:outline-green-100\/70:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:outline-green-100\/70:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:outline-green-100\/70:active { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:outline-green-100\/80:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:outline-green-100\/80:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:outline-green-100\/80:active { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:outline-green-100\/90:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:outline-green-100\/90:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:outline-green-100\/90:active { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:outline-green-200:focus { + outline-color: var(--green-200) + } + .sm\:hover\:outline-green-200:hover { + outline-color: var(--green-200) + } + .sm\:active\:outline-green-200:active { + outline-color: var(--green-200) + } + .sm\:focus\:outline-green-200\/10:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:outline-green-200\/10:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:outline-green-200\/10:active { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:outline-green-200\/20:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:outline-green-200\/20:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:outline-green-200\/20:active { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:outline-green-200\/30:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:outline-green-200\/30:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:outline-green-200\/30:active { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:outline-green-200\/40:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:outline-green-200\/40:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:outline-green-200\/40:active { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:outline-green-200\/50:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:outline-green-200\/50:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:outline-green-200\/50:active { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:outline-green-200\/60:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:outline-green-200\/60:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:outline-green-200\/60:active { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:outline-green-200\/70:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:outline-green-200\/70:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:outline-green-200\/70:active { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:outline-green-200\/80:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:outline-green-200\/80:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:outline-green-200\/80:active { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:outline-green-200\/90:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:outline-green-200\/90:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:outline-green-200\/90:active { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:outline-green-300:focus { + outline-color: var(--green-300) + } + .sm\:hover\:outline-green-300:hover { + outline-color: var(--green-300) + } + .sm\:active\:outline-green-300:active { + outline-color: var(--green-300) + } + .sm\:focus\:outline-green-300\/10:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:outline-green-300\/10:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:outline-green-300\/10:active { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:outline-green-300\/20:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:outline-green-300\/20:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:outline-green-300\/20:active { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:outline-green-300\/30:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:outline-green-300\/30:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:outline-green-300\/30:active { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:outline-green-300\/40:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:outline-green-300\/40:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:outline-green-300\/40:active { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:outline-green-300\/50:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:outline-green-300\/50:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:outline-green-300\/50:active { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:outline-green-300\/60:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:outline-green-300\/60:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:outline-green-300\/60:active { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:outline-green-300\/70:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:outline-green-300\/70:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:outline-green-300\/70:active { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:outline-green-300\/80:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:outline-green-300\/80:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:outline-green-300\/80:active { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:outline-green-300\/90:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:outline-green-300\/90:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:outline-green-300\/90:active { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:outline-green-400:focus { + outline-color: var(--green-400) + } + .sm\:hover\:outline-green-400:hover { + outline-color: var(--green-400) + } + .sm\:active\:outline-green-400:active { + outline-color: var(--green-400) + } + .sm\:focus\:outline-green-400\/10:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:outline-green-400\/10:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:outline-green-400\/10:active { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:outline-green-400\/20:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:outline-green-400\/20:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:outline-green-400\/20:active { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:outline-green-400\/30:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:outline-green-400\/30:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:outline-green-400\/30:active { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:outline-green-400\/40:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:outline-green-400\/40:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:outline-green-400\/40:active { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:outline-green-400\/50:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:outline-green-400\/50:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:outline-green-400\/50:active { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:outline-green-400\/60:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:outline-green-400\/60:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:outline-green-400\/60:active { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:outline-green-400\/70:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:outline-green-400\/70:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:outline-green-400\/70:active { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:outline-green-400\/80:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:outline-green-400\/80:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:outline-green-400\/80:active { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:outline-green-400\/90:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:outline-green-400\/90:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:outline-green-400\/90:active { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:outline-green-500:focus { + outline-color: var(--green-500) + } + .sm\:hover\:outline-green-500:hover { + outline-color: var(--green-500) + } + .sm\:active\:outline-green-500:active { + outline-color: var(--green-500) + } + .sm\:focus\:outline-green-500\/10:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:outline-green-500\/10:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:outline-green-500\/10:active { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:outline-green-500\/20:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:outline-green-500\/20:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:outline-green-500\/20:active { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:outline-green-500\/30:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:outline-green-500\/30:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:outline-green-500\/30:active { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:outline-green-500\/40:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:outline-green-500\/40:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:outline-green-500\/40:active { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:outline-green-500\/50:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:outline-green-500\/50:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:outline-green-500\/50:active { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:outline-green-500\/60:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:outline-green-500\/60:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:outline-green-500\/60:active { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:outline-green-500\/70:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:outline-green-500\/70:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:outline-green-500\/70:active { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:outline-green-500\/80:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:outline-green-500\/80:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:outline-green-500\/80:active { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:outline-green-500\/90:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:outline-green-500\/90:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:outline-green-500\/90:active { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:outline-green-600:focus { + outline-color: var(--green-600) + } + .sm\:hover\:outline-green-600:hover { + outline-color: var(--green-600) + } + .sm\:active\:outline-green-600:active { + outline-color: var(--green-600) + } + .sm\:focus\:outline-green-600\/10:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:outline-green-600\/10:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:outline-green-600\/10:active { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:outline-green-600\/20:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:outline-green-600\/20:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:outline-green-600\/20:active { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:outline-green-600\/30:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:outline-green-600\/30:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:outline-green-600\/30:active { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:outline-green-600\/40:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:outline-green-600\/40:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:outline-green-600\/40:active { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:outline-green-600\/50:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:outline-green-600\/50:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:outline-green-600\/50:active { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:outline-green-600\/60:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:outline-green-600\/60:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:outline-green-600\/60:active { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:outline-green-600\/70:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:outline-green-600\/70:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:outline-green-600\/70:active { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:outline-green-600\/80:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:outline-green-600\/80:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:outline-green-600\/80:active { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:outline-green-600\/90:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:outline-green-600\/90:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:outline-green-600\/90:active { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:outline-green-700:focus { + outline-color: var(--green-700) + } + .sm\:hover\:outline-green-700:hover { + outline-color: var(--green-700) + } + .sm\:active\:outline-green-700:active { + outline-color: var(--green-700) + } + .sm\:focus\:outline-green-700\/10:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:outline-green-700\/10:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:outline-green-700\/10:active { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:outline-green-700\/20:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:outline-green-700\/20:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:outline-green-700\/20:active { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:outline-green-700\/30:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:outline-green-700\/30:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:outline-green-700\/30:active { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:outline-green-700\/40:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:outline-green-700\/40:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:outline-green-700\/40:active { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:outline-green-700\/50:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:outline-green-700\/50:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:outline-green-700\/50:active { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:outline-green-700\/60:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:outline-green-700\/60:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:outline-green-700\/60:active { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:outline-green-700\/70:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:outline-green-700\/70:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:outline-green-700\/70:active { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:outline-green-700\/80:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:outline-green-700\/80:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:outline-green-700\/80:active { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:outline-green-700\/90:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:outline-green-700\/90:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:outline-green-700\/90:active { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:outline-green-800:focus { + outline-color: var(--green-800) + } + .sm\:hover\:outline-green-800:hover { + outline-color: var(--green-800) + } + .sm\:active\:outline-green-800:active { + outline-color: var(--green-800) + } + .sm\:focus\:outline-green-800\/10:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:outline-green-800\/10:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:outline-green-800\/10:active { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:outline-green-800\/20:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:outline-green-800\/20:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:outline-green-800\/20:active { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:outline-green-800\/30:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:outline-green-800\/30:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:outline-green-800\/30:active { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:outline-green-800\/40:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:outline-green-800\/40:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:outline-green-800\/40:active { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:outline-green-800\/50:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:outline-green-800\/50:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:outline-green-800\/50:active { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:outline-green-800\/60:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:outline-green-800\/60:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:outline-green-800\/60:active { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:outline-green-800\/70:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:outline-green-800\/70:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:outline-green-800\/70:active { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:outline-green-800\/80:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:outline-green-800\/80:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:outline-green-800\/80:active { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:outline-green-800\/90:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:outline-green-800\/90:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:outline-green-800\/90:active { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:outline-green-900:focus { + outline-color: var(--green-900) + } + .sm\:hover\:outline-green-900:hover { + outline-color: var(--green-900) + } + .sm\:active\:outline-green-900:active { + outline-color: var(--green-900) + } + .sm\:focus\:outline-green-900\/10:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:outline-green-900\/10:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:outline-green-900\/10:active { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:outline-green-900\/20:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:outline-green-900\/20:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:outline-green-900\/20:active { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:outline-green-900\/30:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:outline-green-900\/30:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:outline-green-900\/30:active { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:outline-green-900\/40:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:outline-green-900\/40:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:outline-green-900\/40:active { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:outline-green-900\/50:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:outline-green-900\/50:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:outline-green-900\/50:active { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:outline-green-900\/60:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:outline-green-900\/60:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:outline-green-900\/60:active { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:outline-green-900\/70:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:outline-green-900\/70:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:outline-green-900\/70:active { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:outline-green-900\/80:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:outline-green-900\/80:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:outline-green-900\/80:active { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:outline-green-900\/90:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:outline-green-900\/90:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:outline-green-900\/90:active { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-50:focus { + outline-color: var(--yellow-50) + } + .sm\:hover\:outline-yellow-50:hover { + outline-color: var(--yellow-50) + } + .sm\:active\:outline-yellow-50:active { + outline-color: var(--yellow-50) + } + .sm\:focus\:outline-yellow-50\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-50\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:outline-yellow-50\/10:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-50\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-50\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:outline-yellow-50\/20:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-50\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-50\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:outline-yellow-50\/30:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-50\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-50\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:outline-yellow-50\/40:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-50\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-50\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:outline-yellow-50\/50:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-50\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-50\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:outline-yellow-50\/60:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-50\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-50\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:outline-yellow-50\/70:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-50\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-50\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:outline-yellow-50\/80:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-50\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-50\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:outline-yellow-50\/90:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-100:focus { + outline-color: var(--yellow-100) + } + .sm\:hover\:outline-yellow-100:hover { + outline-color: var(--yellow-100) + } + .sm\:active\:outline-yellow-100:active { + outline-color: var(--yellow-100) + } + .sm\:focus\:outline-yellow-100\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-100\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:outline-yellow-100\/10:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-100\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-100\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:outline-yellow-100\/20:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-100\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-100\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:outline-yellow-100\/30:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-100\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-100\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:outline-yellow-100\/40:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-100\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-100\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:outline-yellow-100\/50:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-100\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-100\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:outline-yellow-100\/60:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-100\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-100\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:outline-yellow-100\/70:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-100\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-100\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:outline-yellow-100\/80:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-100\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-100\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:outline-yellow-100\/90:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-200:focus { + outline-color: var(--yellow-200) + } + .sm\:hover\:outline-yellow-200:hover { + outline-color: var(--yellow-200) + } + .sm\:active\:outline-yellow-200:active { + outline-color: var(--yellow-200) + } + .sm\:focus\:outline-yellow-200\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-200\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:outline-yellow-200\/10:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-200\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-200\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:outline-yellow-200\/20:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-200\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-200\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:outline-yellow-200\/30:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-200\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-200\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:outline-yellow-200\/40:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-200\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-200\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:outline-yellow-200\/50:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-200\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-200\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:outline-yellow-200\/60:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-200\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-200\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:outline-yellow-200\/70:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-200\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-200\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:outline-yellow-200\/80:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-200\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-200\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:outline-yellow-200\/90:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-300:focus { + outline-color: var(--yellow-300) + } + .sm\:hover\:outline-yellow-300:hover { + outline-color: var(--yellow-300) + } + .sm\:active\:outline-yellow-300:active { + outline-color: var(--yellow-300) + } + .sm\:focus\:outline-yellow-300\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-300\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:outline-yellow-300\/10:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-300\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-300\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:outline-yellow-300\/20:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-300\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-300\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:outline-yellow-300\/30:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-300\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-300\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:outline-yellow-300\/40:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-300\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-300\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:outline-yellow-300\/50:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-300\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-300\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:outline-yellow-300\/60:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-300\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-300\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:outline-yellow-300\/70:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-300\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-300\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:outline-yellow-300\/80:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-300\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-300\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:outline-yellow-300\/90:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-400:focus { + outline-color: var(--yellow-400) + } + .sm\:hover\:outline-yellow-400:hover { + outline-color: var(--yellow-400) + } + .sm\:active\:outline-yellow-400:active { + outline-color: var(--yellow-400) + } + .sm\:focus\:outline-yellow-400\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-400\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:outline-yellow-400\/10:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-400\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-400\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:outline-yellow-400\/20:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-400\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-400\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:outline-yellow-400\/30:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-400\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-400\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:outline-yellow-400\/40:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-400\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-400\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:outline-yellow-400\/50:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-400\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-400\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:outline-yellow-400\/60:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-400\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-400\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:outline-yellow-400\/70:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-400\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-400\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:outline-yellow-400\/80:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-400\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-400\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:outline-yellow-400\/90:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-500:focus { + outline-color: var(--yellow-500) + } + .sm\:hover\:outline-yellow-500:hover { + outline-color: var(--yellow-500) + } + .sm\:active\:outline-yellow-500:active { + outline-color: var(--yellow-500) + } + .sm\:focus\:outline-yellow-500\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-500\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:outline-yellow-500\/10:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-500\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-500\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:outline-yellow-500\/20:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-500\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-500\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:outline-yellow-500\/30:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-500\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-500\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:outline-yellow-500\/40:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-500\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-500\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:outline-yellow-500\/50:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-500\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-500\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:outline-yellow-500\/60:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-500\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-500\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:outline-yellow-500\/70:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-500\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-500\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:outline-yellow-500\/80:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-500\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-500\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:outline-yellow-500\/90:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-600:focus { + outline-color: var(--yellow-600) + } + .sm\:hover\:outline-yellow-600:hover { + outline-color: var(--yellow-600) + } + .sm\:active\:outline-yellow-600:active { + outline-color: var(--yellow-600) + } + .sm\:focus\:outline-yellow-600\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-600\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:outline-yellow-600\/10:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-600\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-600\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:outline-yellow-600\/20:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-600\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-600\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:outline-yellow-600\/30:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-600\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-600\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:outline-yellow-600\/40:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-600\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-600\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:outline-yellow-600\/50:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-600\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-600\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:outline-yellow-600\/60:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-600\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-600\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:outline-yellow-600\/70:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-600\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-600\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:outline-yellow-600\/80:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-600\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-600\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:outline-yellow-600\/90:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-700:focus { + outline-color: var(--yellow-700) + } + .sm\:hover\:outline-yellow-700:hover { + outline-color: var(--yellow-700) + } + .sm\:active\:outline-yellow-700:active { + outline-color: var(--yellow-700) + } + .sm\:focus\:outline-yellow-700\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-700\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:outline-yellow-700\/10:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-700\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-700\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:outline-yellow-700\/20:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-700\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-700\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:outline-yellow-700\/30:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-700\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-700\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:outline-yellow-700\/40:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-700\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-700\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:outline-yellow-700\/50:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-700\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-700\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:outline-yellow-700\/60:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-700\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-700\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:outline-yellow-700\/70:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-700\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-700\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:outline-yellow-700\/80:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-700\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-700\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:outline-yellow-700\/90:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-800:focus { + outline-color: var(--yellow-800) + } + .sm\:hover\:outline-yellow-800:hover { + outline-color: var(--yellow-800) + } + .sm\:active\:outline-yellow-800:active { + outline-color: var(--yellow-800) + } + .sm\:focus\:outline-yellow-800\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-800\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:outline-yellow-800\/10:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-800\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-800\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:outline-yellow-800\/20:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-800\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-800\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:outline-yellow-800\/30:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-800\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-800\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:outline-yellow-800\/40:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-800\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-800\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:outline-yellow-800\/50:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-800\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-800\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:outline-yellow-800\/60:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-800\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-800\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:outline-yellow-800\/70:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-800\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-800\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:outline-yellow-800\/80:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-800\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-800\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:outline-yellow-800\/90:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:outline-yellow-900:focus { + outline-color: var(--yellow-900) + } + .sm\:hover\:outline-yellow-900:hover { + outline-color: var(--yellow-900) + } + .sm\:active\:outline-yellow-900:active { + outline-color: var(--yellow-900) + } + .sm\:focus\:outline-yellow-900\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:outline-yellow-900\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:outline-yellow-900\/10:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:outline-yellow-900\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:outline-yellow-900\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:outline-yellow-900\/20:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:outline-yellow-900\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:outline-yellow-900\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:outline-yellow-900\/30:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:outline-yellow-900\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:outline-yellow-900\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:outline-yellow-900\/40:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:outline-yellow-900\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:outline-yellow-900\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:outline-yellow-900\/50:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:outline-yellow-900\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:outline-yellow-900\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:outline-yellow-900\/60:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:outline-yellow-900\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:outline-yellow-900\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:outline-yellow-900\/70:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:outline-yellow-900\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:outline-yellow-900\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:outline-yellow-900\/80:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:outline-yellow-900\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:outline-yellow-900\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:outline-yellow-900\/90:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-50:focus { + outline-color: var(--cyan-50) + } + .sm\:hover\:outline-cyan-50:hover { + outline-color: var(--cyan-50) + } + .sm\:active\:outline-cyan-50:active { + outline-color: var(--cyan-50) + } + .sm\:focus\:outline-cyan-50\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-50\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:outline-cyan-50\/10:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-50\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-50\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:outline-cyan-50\/20:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-50\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-50\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:outline-cyan-50\/30:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-50\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-50\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:outline-cyan-50\/40:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-50\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-50\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:outline-cyan-50\/50:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-50\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-50\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:outline-cyan-50\/60:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-50\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-50\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:outline-cyan-50\/70:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-50\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-50\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:outline-cyan-50\/80:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-50\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-50\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:outline-cyan-50\/90:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-100:focus { + outline-color: var(--cyan-100) + } + .sm\:hover\:outline-cyan-100:hover { + outline-color: var(--cyan-100) + } + .sm\:active\:outline-cyan-100:active { + outline-color: var(--cyan-100) + } + .sm\:focus\:outline-cyan-100\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-100\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:outline-cyan-100\/10:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-100\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-100\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:outline-cyan-100\/20:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-100\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-100\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:outline-cyan-100\/30:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-100\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-100\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:outline-cyan-100\/40:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-100\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-100\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:outline-cyan-100\/50:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-100\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-100\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:outline-cyan-100\/60:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-100\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-100\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:outline-cyan-100\/70:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-100\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-100\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:outline-cyan-100\/80:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-100\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-100\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:outline-cyan-100\/90:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-200:focus { + outline-color: var(--cyan-200) + } + .sm\:hover\:outline-cyan-200:hover { + outline-color: var(--cyan-200) + } + .sm\:active\:outline-cyan-200:active { + outline-color: var(--cyan-200) + } + .sm\:focus\:outline-cyan-200\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-200\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:outline-cyan-200\/10:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-200\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-200\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:outline-cyan-200\/20:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-200\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-200\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:outline-cyan-200\/30:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-200\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-200\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:outline-cyan-200\/40:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-200\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-200\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:outline-cyan-200\/50:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-200\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-200\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:outline-cyan-200\/60:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-200\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-200\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:outline-cyan-200\/70:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-200\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-200\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:outline-cyan-200\/80:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-200\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-200\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:outline-cyan-200\/90:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-300:focus { + outline-color: var(--cyan-300) + } + .sm\:hover\:outline-cyan-300:hover { + outline-color: var(--cyan-300) + } + .sm\:active\:outline-cyan-300:active { + outline-color: var(--cyan-300) + } + .sm\:focus\:outline-cyan-300\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-300\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:outline-cyan-300\/10:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-300\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-300\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:outline-cyan-300\/20:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-300\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-300\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:outline-cyan-300\/30:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-300\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-300\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:outline-cyan-300\/40:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-300\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-300\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:outline-cyan-300\/50:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-300\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-300\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:outline-cyan-300\/60:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-300\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-300\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:outline-cyan-300\/70:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-300\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-300\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:outline-cyan-300\/80:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-300\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-300\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:outline-cyan-300\/90:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-400:focus { + outline-color: var(--cyan-400) + } + .sm\:hover\:outline-cyan-400:hover { + outline-color: var(--cyan-400) + } + .sm\:active\:outline-cyan-400:active { + outline-color: var(--cyan-400) + } + .sm\:focus\:outline-cyan-400\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-400\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:outline-cyan-400\/10:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-400\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-400\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:outline-cyan-400\/20:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-400\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-400\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:outline-cyan-400\/30:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-400\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-400\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:outline-cyan-400\/40:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-400\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-400\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:outline-cyan-400\/50:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-400\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-400\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:outline-cyan-400\/60:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-400\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-400\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:outline-cyan-400\/70:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-400\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-400\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:outline-cyan-400\/80:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-400\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-400\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:outline-cyan-400\/90:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-500:focus { + outline-color: var(--cyan-500) + } + .sm\:hover\:outline-cyan-500:hover { + outline-color: var(--cyan-500) + } + .sm\:active\:outline-cyan-500:active { + outline-color: var(--cyan-500) + } + .sm\:focus\:outline-cyan-500\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-500\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:outline-cyan-500\/10:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-500\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-500\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:outline-cyan-500\/20:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-500\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-500\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:outline-cyan-500\/30:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-500\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-500\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:outline-cyan-500\/40:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-500\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-500\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:outline-cyan-500\/50:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-500\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-500\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:outline-cyan-500\/60:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-500\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-500\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:outline-cyan-500\/70:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-500\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-500\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:outline-cyan-500\/80:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-500\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-500\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:outline-cyan-500\/90:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-600:focus { + outline-color: var(--cyan-600) + } + .sm\:hover\:outline-cyan-600:hover { + outline-color: var(--cyan-600) + } + .sm\:active\:outline-cyan-600:active { + outline-color: var(--cyan-600) + } + .sm\:focus\:outline-cyan-600\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-600\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:outline-cyan-600\/10:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-600\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-600\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:outline-cyan-600\/20:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-600\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-600\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:outline-cyan-600\/30:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-600\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-600\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:outline-cyan-600\/40:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-600\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-600\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:outline-cyan-600\/50:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-600\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-600\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:outline-cyan-600\/60:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-600\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-600\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:outline-cyan-600\/70:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-600\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-600\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:outline-cyan-600\/80:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-600\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-600\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:outline-cyan-600\/90:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-700:focus { + outline-color: var(--cyan-700) + } + .sm\:hover\:outline-cyan-700:hover { + outline-color: var(--cyan-700) + } + .sm\:active\:outline-cyan-700:active { + outline-color: var(--cyan-700) + } + .sm\:focus\:outline-cyan-700\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-700\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:outline-cyan-700\/10:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-700\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-700\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:outline-cyan-700\/20:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-700\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-700\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:outline-cyan-700\/30:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-700\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-700\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:outline-cyan-700\/40:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-700\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-700\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:outline-cyan-700\/50:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-700\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-700\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:outline-cyan-700\/60:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-700\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-700\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:outline-cyan-700\/70:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-700\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-700\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:outline-cyan-700\/80:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-700\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-700\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:outline-cyan-700\/90:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-800:focus { + outline-color: var(--cyan-800) + } + .sm\:hover\:outline-cyan-800:hover { + outline-color: var(--cyan-800) + } + .sm\:active\:outline-cyan-800:active { + outline-color: var(--cyan-800) + } + .sm\:focus\:outline-cyan-800\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-800\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:outline-cyan-800\/10:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-800\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-800\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:outline-cyan-800\/20:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-800\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-800\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:outline-cyan-800\/30:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-800\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-800\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:outline-cyan-800\/40:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-800\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-800\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:outline-cyan-800\/50:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-800\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-800\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:outline-cyan-800\/60:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-800\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-800\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:outline-cyan-800\/70:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-800\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-800\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:outline-cyan-800\/80:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-800\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-800\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:outline-cyan-800\/90:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:outline-cyan-900:focus { + outline-color: var(--cyan-900) + } + .sm\:hover\:outline-cyan-900:hover { + outline-color: var(--cyan-900) + } + .sm\:active\:outline-cyan-900:active { + outline-color: var(--cyan-900) + } + .sm\:focus\:outline-cyan-900\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:outline-cyan-900\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:outline-cyan-900\/10:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:outline-cyan-900\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:outline-cyan-900\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:outline-cyan-900\/20:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:outline-cyan-900\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:outline-cyan-900\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:outline-cyan-900\/30:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:outline-cyan-900\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:outline-cyan-900\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:outline-cyan-900\/40:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:outline-cyan-900\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:outline-cyan-900\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:outline-cyan-900\/50:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:outline-cyan-900\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:outline-cyan-900\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:outline-cyan-900\/60:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:outline-cyan-900\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:outline-cyan-900\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:outline-cyan-900\/70:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:outline-cyan-900\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:outline-cyan-900\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:outline-cyan-900\/80:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:outline-cyan-900\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:outline-cyan-900\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:outline-cyan-900\/90:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:outline-pink-50:focus { + outline-color: var(--pink-50) + } + .sm\:hover\:outline-pink-50:hover { + outline-color: var(--pink-50) + } + .sm\:active\:outline-pink-50:active { + outline-color: var(--pink-50) + } + .sm\:focus\:outline-pink-50\/10:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:outline-pink-50\/10:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:outline-pink-50\/10:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:outline-pink-50\/20:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:outline-pink-50\/20:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:outline-pink-50\/20:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:outline-pink-50\/30:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:outline-pink-50\/30:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:outline-pink-50\/30:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:outline-pink-50\/40:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:outline-pink-50\/40:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:outline-pink-50\/40:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:outline-pink-50\/50:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:outline-pink-50\/50:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:outline-pink-50\/50:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:outline-pink-50\/60:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:outline-pink-50\/60:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:outline-pink-50\/60:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:outline-pink-50\/70:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:outline-pink-50\/70:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:outline-pink-50\/70:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:outline-pink-50\/80:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:outline-pink-50\/80:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:outline-pink-50\/80:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:outline-pink-50\/90:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:outline-pink-50\/90:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:outline-pink-50\/90:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:outline-pink-100:focus { + outline-color: var(--pink-100) + } + .sm\:hover\:outline-pink-100:hover { + outline-color: var(--pink-100) + } + .sm\:active\:outline-pink-100:active { + outline-color: var(--pink-100) + } + .sm\:focus\:outline-pink-100\/10:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:outline-pink-100\/10:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:outline-pink-100\/10:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:outline-pink-100\/20:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:outline-pink-100\/20:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:outline-pink-100\/20:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:outline-pink-100\/30:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:outline-pink-100\/30:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:outline-pink-100\/30:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:outline-pink-100\/40:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:outline-pink-100\/40:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:outline-pink-100\/40:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:outline-pink-100\/50:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:outline-pink-100\/50:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:outline-pink-100\/50:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:outline-pink-100\/60:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:outline-pink-100\/60:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:outline-pink-100\/60:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:outline-pink-100\/70:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:outline-pink-100\/70:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:outline-pink-100\/70:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:outline-pink-100\/80:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:outline-pink-100\/80:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:outline-pink-100\/80:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:outline-pink-100\/90:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:outline-pink-100\/90:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:outline-pink-100\/90:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:outline-pink-200:focus { + outline-color: var(--pink-200) + } + .sm\:hover\:outline-pink-200:hover { + outline-color: var(--pink-200) + } + .sm\:active\:outline-pink-200:active { + outline-color: var(--pink-200) + } + .sm\:focus\:outline-pink-200\/10:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:outline-pink-200\/10:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:outline-pink-200\/10:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:outline-pink-200\/20:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:outline-pink-200\/20:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:outline-pink-200\/20:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:outline-pink-200\/30:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:outline-pink-200\/30:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:outline-pink-200\/30:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:outline-pink-200\/40:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:outline-pink-200\/40:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:outline-pink-200\/40:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:outline-pink-200\/50:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:outline-pink-200\/50:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:outline-pink-200\/50:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:outline-pink-200\/60:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:outline-pink-200\/60:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:outline-pink-200\/60:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:outline-pink-200\/70:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:outline-pink-200\/70:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:outline-pink-200\/70:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:outline-pink-200\/80:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:outline-pink-200\/80:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:outline-pink-200\/80:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:outline-pink-200\/90:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:outline-pink-200\/90:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:outline-pink-200\/90:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:outline-pink-300:focus { + outline-color: var(--pink-300) + } + .sm\:hover\:outline-pink-300:hover { + outline-color: var(--pink-300) + } + .sm\:active\:outline-pink-300:active { + outline-color: var(--pink-300) + } + .sm\:focus\:outline-pink-300\/10:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:outline-pink-300\/10:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:outline-pink-300\/10:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:outline-pink-300\/20:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:outline-pink-300\/20:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:outline-pink-300\/20:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:outline-pink-300\/30:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:outline-pink-300\/30:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:outline-pink-300\/30:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:outline-pink-300\/40:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:outline-pink-300\/40:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:outline-pink-300\/40:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:outline-pink-300\/50:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:outline-pink-300\/50:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:outline-pink-300\/50:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:outline-pink-300\/60:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:outline-pink-300\/60:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:outline-pink-300\/60:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:outline-pink-300\/70:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:outline-pink-300\/70:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:outline-pink-300\/70:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:outline-pink-300\/80:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:outline-pink-300\/80:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:outline-pink-300\/80:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:outline-pink-300\/90:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:outline-pink-300\/90:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:outline-pink-300\/90:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:outline-pink-400:focus { + outline-color: var(--pink-400) + } + .sm\:hover\:outline-pink-400:hover { + outline-color: var(--pink-400) + } + .sm\:active\:outline-pink-400:active { + outline-color: var(--pink-400) + } + .sm\:focus\:outline-pink-400\/10:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:outline-pink-400\/10:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:outline-pink-400\/10:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:outline-pink-400\/20:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:outline-pink-400\/20:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:outline-pink-400\/20:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:outline-pink-400\/30:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:outline-pink-400\/30:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:outline-pink-400\/30:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:outline-pink-400\/40:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:outline-pink-400\/40:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:outline-pink-400\/40:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:outline-pink-400\/50:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:outline-pink-400\/50:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:outline-pink-400\/50:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:outline-pink-400\/60:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:outline-pink-400\/60:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:outline-pink-400\/60:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:outline-pink-400\/70:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:outline-pink-400\/70:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:outline-pink-400\/70:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:outline-pink-400\/80:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:outline-pink-400\/80:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:outline-pink-400\/80:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:outline-pink-400\/90:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:outline-pink-400\/90:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:outline-pink-400\/90:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:outline-pink-500:focus { + outline-color: var(--pink-500) + } + .sm\:hover\:outline-pink-500:hover { + outline-color: var(--pink-500) + } + .sm\:active\:outline-pink-500:active { + outline-color: var(--pink-500) + } + .sm\:focus\:outline-pink-500\/10:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:outline-pink-500\/10:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:outline-pink-500\/10:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:outline-pink-500\/20:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:outline-pink-500\/20:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:outline-pink-500\/20:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:outline-pink-500\/30:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:outline-pink-500\/30:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:outline-pink-500\/30:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:outline-pink-500\/40:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:outline-pink-500\/40:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:outline-pink-500\/40:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:outline-pink-500\/50:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:outline-pink-500\/50:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:outline-pink-500\/50:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:outline-pink-500\/60:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:outline-pink-500\/60:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:outline-pink-500\/60:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:outline-pink-500\/70:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:outline-pink-500\/70:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:outline-pink-500\/70:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:outline-pink-500\/80:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:outline-pink-500\/80:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:outline-pink-500\/80:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:outline-pink-500\/90:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:outline-pink-500\/90:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:outline-pink-500\/90:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:outline-pink-600:focus { + outline-color: var(--pink-600) + } + .sm\:hover\:outline-pink-600:hover { + outline-color: var(--pink-600) + } + .sm\:active\:outline-pink-600:active { + outline-color: var(--pink-600) + } + .sm\:focus\:outline-pink-600\/10:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:outline-pink-600\/10:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:outline-pink-600\/10:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:outline-pink-600\/20:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:outline-pink-600\/20:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:outline-pink-600\/20:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:outline-pink-600\/30:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:outline-pink-600\/30:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:outline-pink-600\/30:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:outline-pink-600\/40:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:outline-pink-600\/40:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:outline-pink-600\/40:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:outline-pink-600\/50:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:outline-pink-600\/50:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:outline-pink-600\/50:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:outline-pink-600\/60:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:outline-pink-600\/60:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:outline-pink-600\/60:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:outline-pink-600\/70:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:outline-pink-600\/70:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:outline-pink-600\/70:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:outline-pink-600\/80:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:outline-pink-600\/80:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:outline-pink-600\/80:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:outline-pink-600\/90:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:outline-pink-600\/90:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:outline-pink-600\/90:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:outline-pink-700:focus { + outline-color: var(--pink-700) + } + .sm\:hover\:outline-pink-700:hover { + outline-color: var(--pink-700) + } + .sm\:active\:outline-pink-700:active { + outline-color: var(--pink-700) + } + .sm\:focus\:outline-pink-700\/10:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:outline-pink-700\/10:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:outline-pink-700\/10:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:outline-pink-700\/20:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:outline-pink-700\/20:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:outline-pink-700\/20:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:outline-pink-700\/30:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:outline-pink-700\/30:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:outline-pink-700\/30:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:outline-pink-700\/40:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:outline-pink-700\/40:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:outline-pink-700\/40:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:outline-pink-700\/50:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:outline-pink-700\/50:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:outline-pink-700\/50:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:outline-pink-700\/60:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:outline-pink-700\/60:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:outline-pink-700\/60:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:outline-pink-700\/70:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:outline-pink-700\/70:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:outline-pink-700\/70:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:outline-pink-700\/80:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:outline-pink-700\/80:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:outline-pink-700\/80:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:outline-pink-700\/90:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:outline-pink-700\/90:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:outline-pink-700\/90:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:outline-pink-800:focus { + outline-color: var(--pink-800) + } + .sm\:hover\:outline-pink-800:hover { + outline-color: var(--pink-800) + } + .sm\:active\:outline-pink-800:active { + outline-color: var(--pink-800) + } + .sm\:focus\:outline-pink-800\/10:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:outline-pink-800\/10:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:outline-pink-800\/10:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:outline-pink-800\/20:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:outline-pink-800\/20:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:outline-pink-800\/20:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:outline-pink-800\/30:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:outline-pink-800\/30:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:outline-pink-800\/30:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:outline-pink-800\/40:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:outline-pink-800\/40:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:outline-pink-800\/40:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:outline-pink-800\/50:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:outline-pink-800\/50:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:outline-pink-800\/50:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:outline-pink-800\/60:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:outline-pink-800\/60:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:outline-pink-800\/60:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:outline-pink-800\/70:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:outline-pink-800\/70:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:outline-pink-800\/70:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:outline-pink-800\/80:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:outline-pink-800\/80:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:outline-pink-800\/80:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:outline-pink-800\/90:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:outline-pink-800\/90:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:outline-pink-800\/90:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:outline-pink-900:focus { + outline-color: var(--pink-900) + } + .sm\:hover\:outline-pink-900:hover { + outline-color: var(--pink-900) + } + .sm\:active\:outline-pink-900:active { + outline-color: var(--pink-900) + } + .sm\:focus\:outline-pink-900\/10:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:outline-pink-900\/10:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:outline-pink-900\/10:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:outline-pink-900\/20:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:outline-pink-900\/20:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:outline-pink-900\/20:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:outline-pink-900\/30:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:outline-pink-900\/30:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:outline-pink-900\/30:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:outline-pink-900\/40:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:outline-pink-900\/40:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:outline-pink-900\/40:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:outline-pink-900\/50:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:outline-pink-900\/50:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:outline-pink-900\/50:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:outline-pink-900\/60:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:outline-pink-900\/60:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:outline-pink-900\/60:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:outline-pink-900\/70:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:outline-pink-900\/70:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:outline-pink-900\/70:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:outline-pink-900\/80:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:outline-pink-900\/80:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:outline-pink-900\/80:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:outline-pink-900\/90:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:outline-pink-900\/90:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:outline-pink-900\/90:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-50:focus { + outline-color: var(--indigo-50) + } + .sm\:hover\:outline-indigo-50:hover { + outline-color: var(--indigo-50) + } + .sm\:active\:outline-indigo-50:active { + outline-color: var(--indigo-50) + } + .sm\:focus\:outline-indigo-50\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-50\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:outline-indigo-50\/10:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-50\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-50\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:outline-indigo-50\/20:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-50\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-50\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:outline-indigo-50\/30:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-50\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-50\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:outline-indigo-50\/40:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-50\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-50\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:outline-indigo-50\/50:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-50\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-50\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:outline-indigo-50\/60:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-50\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-50\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:outline-indigo-50\/70:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-50\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-50\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:outline-indigo-50\/80:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-50\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-50\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:outline-indigo-50\/90:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-100:focus { + outline-color: var(--indigo-100) + } + .sm\:hover\:outline-indigo-100:hover { + outline-color: var(--indigo-100) + } + .sm\:active\:outline-indigo-100:active { + outline-color: var(--indigo-100) + } + .sm\:focus\:outline-indigo-100\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-100\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:outline-indigo-100\/10:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-100\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-100\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:outline-indigo-100\/20:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-100\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-100\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:outline-indigo-100\/30:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-100\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-100\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:outline-indigo-100\/40:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-100\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-100\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:outline-indigo-100\/50:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-100\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-100\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:outline-indigo-100\/60:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-100\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-100\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:outline-indigo-100\/70:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-100\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-100\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:outline-indigo-100\/80:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-100\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-100\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:outline-indigo-100\/90:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-200:focus { + outline-color: var(--indigo-200) + } + .sm\:hover\:outline-indigo-200:hover { + outline-color: var(--indigo-200) + } + .sm\:active\:outline-indigo-200:active { + outline-color: var(--indigo-200) + } + .sm\:focus\:outline-indigo-200\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-200\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:outline-indigo-200\/10:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-200\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-200\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:outline-indigo-200\/20:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-200\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-200\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:outline-indigo-200\/30:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-200\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-200\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:outline-indigo-200\/40:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-200\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-200\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:outline-indigo-200\/50:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-200\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-200\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:outline-indigo-200\/60:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-200\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-200\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:outline-indigo-200\/70:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-200\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-200\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:outline-indigo-200\/80:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-200\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-200\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:outline-indigo-200\/90:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-300:focus { + outline-color: var(--indigo-300) + } + .sm\:hover\:outline-indigo-300:hover { + outline-color: var(--indigo-300) + } + .sm\:active\:outline-indigo-300:active { + outline-color: var(--indigo-300) + } + .sm\:focus\:outline-indigo-300\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-300\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:outline-indigo-300\/10:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-300\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-300\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:outline-indigo-300\/20:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-300\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-300\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:outline-indigo-300\/30:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-300\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-300\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:outline-indigo-300\/40:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-300\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-300\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:outline-indigo-300\/50:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-300\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-300\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:outline-indigo-300\/60:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-300\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-300\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:outline-indigo-300\/70:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-300\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-300\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:outline-indigo-300\/80:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-300\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-300\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:outline-indigo-300\/90:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-400:focus { + outline-color: var(--indigo-400) + } + .sm\:hover\:outline-indigo-400:hover { + outline-color: var(--indigo-400) + } + .sm\:active\:outline-indigo-400:active { + outline-color: var(--indigo-400) + } + .sm\:focus\:outline-indigo-400\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-400\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:outline-indigo-400\/10:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-400\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-400\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:outline-indigo-400\/20:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-400\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-400\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:outline-indigo-400\/30:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-400\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-400\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:outline-indigo-400\/40:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-400\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-400\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:outline-indigo-400\/50:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-400\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-400\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:outline-indigo-400\/60:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-400\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-400\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:outline-indigo-400\/70:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-400\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-400\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:outline-indigo-400\/80:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-400\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-400\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:outline-indigo-400\/90:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-500:focus { + outline-color: var(--indigo-500) + } + .sm\:hover\:outline-indigo-500:hover { + outline-color: var(--indigo-500) + } + .sm\:active\:outline-indigo-500:active { + outline-color: var(--indigo-500) + } + .sm\:focus\:outline-indigo-500\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-500\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:outline-indigo-500\/10:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-500\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-500\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:outline-indigo-500\/20:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-500\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-500\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:outline-indigo-500\/30:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-500\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-500\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:outline-indigo-500\/40:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-500\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-500\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:outline-indigo-500\/50:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-500\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-500\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:outline-indigo-500\/60:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-500\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-500\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:outline-indigo-500\/70:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-500\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-500\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:outline-indigo-500\/80:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-500\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-500\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:outline-indigo-500\/90:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-600:focus { + outline-color: var(--indigo-600) + } + .sm\:hover\:outline-indigo-600:hover { + outline-color: var(--indigo-600) + } + .sm\:active\:outline-indigo-600:active { + outline-color: var(--indigo-600) + } + .sm\:focus\:outline-indigo-600\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-600\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:outline-indigo-600\/10:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-600\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-600\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:outline-indigo-600\/20:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-600\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-600\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:outline-indigo-600\/30:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-600\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-600\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:outline-indigo-600\/40:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-600\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-600\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:outline-indigo-600\/50:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-600\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-600\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:outline-indigo-600\/60:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-600\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-600\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:outline-indigo-600\/70:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-600\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-600\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:outline-indigo-600\/80:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-600\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-600\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:outline-indigo-600\/90:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-700:focus { + outline-color: var(--indigo-700) + } + .sm\:hover\:outline-indigo-700:hover { + outline-color: var(--indigo-700) + } + .sm\:active\:outline-indigo-700:active { + outline-color: var(--indigo-700) + } + .sm\:focus\:outline-indigo-700\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-700\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:outline-indigo-700\/10:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-700\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-700\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:outline-indigo-700\/20:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-700\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-700\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:outline-indigo-700\/30:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-700\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-700\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:outline-indigo-700\/40:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-700\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-700\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:outline-indigo-700\/50:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-700\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-700\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:outline-indigo-700\/60:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-700\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-700\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:outline-indigo-700\/70:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-700\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-700\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:outline-indigo-700\/80:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-700\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-700\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:outline-indigo-700\/90:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-800:focus { + outline-color: var(--indigo-800) + } + .sm\:hover\:outline-indigo-800:hover { + outline-color: var(--indigo-800) + } + .sm\:active\:outline-indigo-800:active { + outline-color: var(--indigo-800) + } + .sm\:focus\:outline-indigo-800\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-800\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:outline-indigo-800\/10:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-800\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-800\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:outline-indigo-800\/20:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-800\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-800\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:outline-indigo-800\/30:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-800\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-800\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:outline-indigo-800\/40:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-800\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-800\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:outline-indigo-800\/50:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-800\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-800\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:outline-indigo-800\/60:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-800\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-800\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:outline-indigo-800\/70:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-800\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-800\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:outline-indigo-800\/80:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-800\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-800\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:outline-indigo-800\/90:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:outline-indigo-900:focus { + outline-color: var(--indigo-900) + } + .sm\:hover\:outline-indigo-900:hover { + outline-color: var(--indigo-900) + } + .sm\:active\:outline-indigo-900:active { + outline-color: var(--indigo-900) + } + .sm\:focus\:outline-indigo-900\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:outline-indigo-900\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:outline-indigo-900\/10:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:outline-indigo-900\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:outline-indigo-900\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:outline-indigo-900\/20:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:outline-indigo-900\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:outline-indigo-900\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:outline-indigo-900\/30:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:outline-indigo-900\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:outline-indigo-900\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:outline-indigo-900\/40:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:outline-indigo-900\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:outline-indigo-900\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:outline-indigo-900\/50:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:outline-indigo-900\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:outline-indigo-900\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:outline-indigo-900\/60:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:outline-indigo-900\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:outline-indigo-900\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:outline-indigo-900\/70:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:outline-indigo-900\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:outline-indigo-900\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:outline-indigo-900\/80:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:outline-indigo-900\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:outline-indigo-900\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:outline-indigo-900\/90:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:outline-teal-50:focus { + outline-color: var(--teal-50) + } + .sm\:hover\:outline-teal-50:hover { + outline-color: var(--teal-50) + } + .sm\:active\:outline-teal-50:active { + outline-color: var(--teal-50) + } + .sm\:focus\:outline-teal-50\/10:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:outline-teal-50\/10:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:outline-teal-50\/10:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:outline-teal-50\/20:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:outline-teal-50\/20:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:outline-teal-50\/20:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:outline-teal-50\/30:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:outline-teal-50\/30:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:outline-teal-50\/30:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:outline-teal-50\/40:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:outline-teal-50\/40:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:outline-teal-50\/40:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:outline-teal-50\/50:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:outline-teal-50\/50:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:outline-teal-50\/50:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:outline-teal-50\/60:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:outline-teal-50\/60:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:outline-teal-50\/60:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:outline-teal-50\/70:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:outline-teal-50\/70:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:outline-teal-50\/70:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:outline-teal-50\/80:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:outline-teal-50\/80:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:outline-teal-50\/80:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:outline-teal-50\/90:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:outline-teal-50\/90:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:outline-teal-50\/90:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:outline-teal-100:focus { + outline-color: var(--teal-100) + } + .sm\:hover\:outline-teal-100:hover { + outline-color: var(--teal-100) + } + .sm\:active\:outline-teal-100:active { + outline-color: var(--teal-100) + } + .sm\:focus\:outline-teal-100\/10:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:outline-teal-100\/10:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:outline-teal-100\/10:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:outline-teal-100\/20:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:outline-teal-100\/20:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:outline-teal-100\/20:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:outline-teal-100\/30:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:outline-teal-100\/30:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:outline-teal-100\/30:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:outline-teal-100\/40:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:outline-teal-100\/40:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:outline-teal-100\/40:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:outline-teal-100\/50:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:outline-teal-100\/50:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:outline-teal-100\/50:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:outline-teal-100\/60:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:outline-teal-100\/60:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:outline-teal-100\/60:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:outline-teal-100\/70:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:outline-teal-100\/70:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:outline-teal-100\/70:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:outline-teal-100\/80:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:outline-teal-100\/80:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:outline-teal-100\/80:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:outline-teal-100\/90:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:outline-teal-100\/90:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:outline-teal-100\/90:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:outline-teal-200:focus { + outline-color: var(--teal-200) + } + .sm\:hover\:outline-teal-200:hover { + outline-color: var(--teal-200) + } + .sm\:active\:outline-teal-200:active { + outline-color: var(--teal-200) + } + .sm\:focus\:outline-teal-200\/10:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:outline-teal-200\/10:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:outline-teal-200\/10:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:outline-teal-200\/20:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:outline-teal-200\/20:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:outline-teal-200\/20:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:outline-teal-200\/30:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:outline-teal-200\/30:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:outline-teal-200\/30:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:outline-teal-200\/40:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:outline-teal-200\/40:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:outline-teal-200\/40:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:outline-teal-200\/50:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:outline-teal-200\/50:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:outline-teal-200\/50:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:outline-teal-200\/60:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:outline-teal-200\/60:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:outline-teal-200\/60:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:outline-teal-200\/70:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:outline-teal-200\/70:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:outline-teal-200\/70:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:outline-teal-200\/80:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:outline-teal-200\/80:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:outline-teal-200\/80:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:outline-teal-200\/90:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:outline-teal-200\/90:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:outline-teal-200\/90:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:outline-teal-300:focus { + outline-color: var(--teal-300) + } + .sm\:hover\:outline-teal-300:hover { + outline-color: var(--teal-300) + } + .sm\:active\:outline-teal-300:active { + outline-color: var(--teal-300) + } + .sm\:focus\:outline-teal-300\/10:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:outline-teal-300\/10:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:outline-teal-300\/10:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:outline-teal-300\/20:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:outline-teal-300\/20:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:outline-teal-300\/20:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:outline-teal-300\/30:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:outline-teal-300\/30:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:outline-teal-300\/30:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:outline-teal-300\/40:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:outline-teal-300\/40:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:outline-teal-300\/40:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:outline-teal-300\/50:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:outline-teal-300\/50:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:outline-teal-300\/50:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:outline-teal-300\/60:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:outline-teal-300\/60:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:outline-teal-300\/60:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:outline-teal-300\/70:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:outline-teal-300\/70:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:outline-teal-300\/70:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:outline-teal-300\/80:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:outline-teal-300\/80:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:outline-teal-300\/80:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:outline-teal-300\/90:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:outline-teal-300\/90:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:outline-teal-300\/90:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:outline-teal-400:focus { + outline-color: var(--teal-400) + } + .sm\:hover\:outline-teal-400:hover { + outline-color: var(--teal-400) + } + .sm\:active\:outline-teal-400:active { + outline-color: var(--teal-400) + } + .sm\:focus\:outline-teal-400\/10:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:outline-teal-400\/10:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:outline-teal-400\/10:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:outline-teal-400\/20:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:outline-teal-400\/20:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:outline-teal-400\/20:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:outline-teal-400\/30:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:outline-teal-400\/30:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:outline-teal-400\/30:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:outline-teal-400\/40:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:outline-teal-400\/40:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:outline-teal-400\/40:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:outline-teal-400\/50:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:outline-teal-400\/50:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:outline-teal-400\/50:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:outline-teal-400\/60:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:outline-teal-400\/60:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:outline-teal-400\/60:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:outline-teal-400\/70:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:outline-teal-400\/70:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:outline-teal-400\/70:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:outline-teal-400\/80:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:outline-teal-400\/80:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:outline-teal-400\/80:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:outline-teal-400\/90:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:outline-teal-400\/90:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:outline-teal-400\/90:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:outline-teal-500:focus { + outline-color: var(--teal-500) + } + .sm\:hover\:outline-teal-500:hover { + outline-color: var(--teal-500) + } + .sm\:active\:outline-teal-500:active { + outline-color: var(--teal-500) + } + .sm\:focus\:outline-teal-500\/10:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:outline-teal-500\/10:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:outline-teal-500\/10:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:outline-teal-500\/20:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:outline-teal-500\/20:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:outline-teal-500\/20:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:outline-teal-500\/30:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:outline-teal-500\/30:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:outline-teal-500\/30:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:outline-teal-500\/40:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:outline-teal-500\/40:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:outline-teal-500\/40:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:outline-teal-500\/50:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:outline-teal-500\/50:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:outline-teal-500\/50:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:outline-teal-500\/60:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:outline-teal-500\/60:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:outline-teal-500\/60:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:outline-teal-500\/70:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:outline-teal-500\/70:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:outline-teal-500\/70:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:outline-teal-500\/80:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:outline-teal-500\/80:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:outline-teal-500\/80:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:outline-teal-500\/90:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:outline-teal-500\/90:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:outline-teal-500\/90:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:outline-teal-600:focus { + outline-color: var(--teal-600) + } + .sm\:hover\:outline-teal-600:hover { + outline-color: var(--teal-600) + } + .sm\:active\:outline-teal-600:active { + outline-color: var(--teal-600) + } + .sm\:focus\:outline-teal-600\/10:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:outline-teal-600\/10:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:outline-teal-600\/10:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:outline-teal-600\/20:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:outline-teal-600\/20:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:outline-teal-600\/20:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:outline-teal-600\/30:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:outline-teal-600\/30:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:outline-teal-600\/30:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:outline-teal-600\/40:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:outline-teal-600\/40:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:outline-teal-600\/40:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:outline-teal-600\/50:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:outline-teal-600\/50:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:outline-teal-600\/50:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:outline-teal-600\/60:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:outline-teal-600\/60:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:outline-teal-600\/60:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:outline-teal-600\/70:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:outline-teal-600\/70:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:outline-teal-600\/70:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:outline-teal-600\/80:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:outline-teal-600\/80:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:outline-teal-600\/80:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:outline-teal-600\/90:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:outline-teal-600\/90:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:outline-teal-600\/90:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:outline-teal-700:focus { + outline-color: var(--teal-700) + } + .sm\:hover\:outline-teal-700:hover { + outline-color: var(--teal-700) + } + .sm\:active\:outline-teal-700:active { + outline-color: var(--teal-700) + } + .sm\:focus\:outline-teal-700\/10:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:outline-teal-700\/10:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:outline-teal-700\/10:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:outline-teal-700\/20:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:outline-teal-700\/20:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:outline-teal-700\/20:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:outline-teal-700\/30:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:outline-teal-700\/30:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:outline-teal-700\/30:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:outline-teal-700\/40:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:outline-teal-700\/40:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:outline-teal-700\/40:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:outline-teal-700\/50:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:outline-teal-700\/50:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:outline-teal-700\/50:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:outline-teal-700\/60:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:outline-teal-700\/60:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:outline-teal-700\/60:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:outline-teal-700\/70:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:outline-teal-700\/70:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:outline-teal-700\/70:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:outline-teal-700\/80:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:outline-teal-700\/80:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:outline-teal-700\/80:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:outline-teal-700\/90:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:outline-teal-700\/90:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:outline-teal-700\/90:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:outline-teal-800:focus { + outline-color: var(--teal-800) + } + .sm\:hover\:outline-teal-800:hover { + outline-color: var(--teal-800) + } + .sm\:active\:outline-teal-800:active { + outline-color: var(--teal-800) + } + .sm\:focus\:outline-teal-800\/10:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:outline-teal-800\/10:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:outline-teal-800\/10:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:outline-teal-800\/20:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:outline-teal-800\/20:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:outline-teal-800\/20:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:outline-teal-800\/30:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:outline-teal-800\/30:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:outline-teal-800\/30:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:outline-teal-800\/40:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:outline-teal-800\/40:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:outline-teal-800\/40:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:outline-teal-800\/50:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:outline-teal-800\/50:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:outline-teal-800\/50:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:outline-teal-800\/60:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:outline-teal-800\/60:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:outline-teal-800\/60:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:outline-teal-800\/70:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:outline-teal-800\/70:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:outline-teal-800\/70:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:outline-teal-800\/80:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:outline-teal-800\/80:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:outline-teal-800\/80:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:outline-teal-800\/90:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:outline-teal-800\/90:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:outline-teal-800\/90:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:outline-teal-900:focus { + outline-color: var(--teal-900) + } + .sm\:hover\:outline-teal-900:hover { + outline-color: var(--teal-900) + } + .sm\:active\:outline-teal-900:active { + outline-color: var(--teal-900) + } + .sm\:focus\:outline-teal-900\/10:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:outline-teal-900\/10:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:outline-teal-900\/10:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:outline-teal-900\/20:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:outline-teal-900\/20:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:outline-teal-900\/20:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:outline-teal-900\/30:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:outline-teal-900\/30:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:outline-teal-900\/30:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:outline-teal-900\/40:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:outline-teal-900\/40:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:outline-teal-900\/40:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:outline-teal-900\/50:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:outline-teal-900\/50:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:outline-teal-900\/50:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:outline-teal-900\/60:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:outline-teal-900\/60:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:outline-teal-900\/60:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:outline-teal-900\/70:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:outline-teal-900\/70:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:outline-teal-900\/70:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:outline-teal-900\/80:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:outline-teal-900\/80:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:outline-teal-900\/80:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:outline-teal-900\/90:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:outline-teal-900\/90:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:outline-teal-900\/90:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:outline-orange-50:focus { + outline-color: var(--orange-50) + } + .sm\:hover\:outline-orange-50:hover { + outline-color: var(--orange-50) + } + .sm\:active\:outline-orange-50:active { + outline-color: var(--orange-50) + } + .sm\:focus\:outline-orange-50\/10:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:outline-orange-50\/10:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:outline-orange-50\/10:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:outline-orange-50\/20:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:outline-orange-50\/20:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:outline-orange-50\/20:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:outline-orange-50\/30:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:outline-orange-50\/30:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:outline-orange-50\/30:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:outline-orange-50\/40:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:outline-orange-50\/40:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:outline-orange-50\/40:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:outline-orange-50\/50:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:outline-orange-50\/50:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:outline-orange-50\/50:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:outline-orange-50\/60:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:outline-orange-50\/60:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:outline-orange-50\/60:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:outline-orange-50\/70:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:outline-orange-50\/70:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:outline-orange-50\/70:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:outline-orange-50\/80:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:outline-orange-50\/80:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:outline-orange-50\/80:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:outline-orange-50\/90:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:outline-orange-50\/90:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:outline-orange-50\/90:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:outline-orange-100:focus { + outline-color: var(--orange-100) + } + .sm\:hover\:outline-orange-100:hover { + outline-color: var(--orange-100) + } + .sm\:active\:outline-orange-100:active { + outline-color: var(--orange-100) + } + .sm\:focus\:outline-orange-100\/10:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:outline-orange-100\/10:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:outline-orange-100\/10:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:outline-orange-100\/20:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:outline-orange-100\/20:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:outline-orange-100\/20:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:outline-orange-100\/30:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:outline-orange-100\/30:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:outline-orange-100\/30:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:outline-orange-100\/40:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:outline-orange-100\/40:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:outline-orange-100\/40:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:outline-orange-100\/50:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:outline-orange-100\/50:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:outline-orange-100\/50:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:outline-orange-100\/60:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:outline-orange-100\/60:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:outline-orange-100\/60:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:outline-orange-100\/70:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:outline-orange-100\/70:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:outline-orange-100\/70:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:outline-orange-100\/80:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:outline-orange-100\/80:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:outline-orange-100\/80:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:outline-orange-100\/90:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:outline-orange-100\/90:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:outline-orange-100\/90:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:outline-orange-200:focus { + outline-color: var(--orange-200) + } + .sm\:hover\:outline-orange-200:hover { + outline-color: var(--orange-200) + } + .sm\:active\:outline-orange-200:active { + outline-color: var(--orange-200) + } + .sm\:focus\:outline-orange-200\/10:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:outline-orange-200\/10:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:outline-orange-200\/10:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:outline-orange-200\/20:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:outline-orange-200\/20:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:outline-orange-200\/20:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:outline-orange-200\/30:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:outline-orange-200\/30:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:outline-orange-200\/30:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:outline-orange-200\/40:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:outline-orange-200\/40:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:outline-orange-200\/40:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:outline-orange-200\/50:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:outline-orange-200\/50:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:outline-orange-200\/50:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:outline-orange-200\/60:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:outline-orange-200\/60:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:outline-orange-200\/60:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:outline-orange-200\/70:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:outline-orange-200\/70:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:outline-orange-200\/70:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:outline-orange-200\/80:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:outline-orange-200\/80:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:outline-orange-200\/80:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:outline-orange-200\/90:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:outline-orange-200\/90:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:outline-orange-200\/90:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:outline-orange-300:focus { + outline-color: var(--orange-300) + } + .sm\:hover\:outline-orange-300:hover { + outline-color: var(--orange-300) + } + .sm\:active\:outline-orange-300:active { + outline-color: var(--orange-300) + } + .sm\:focus\:outline-orange-300\/10:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:outline-orange-300\/10:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:outline-orange-300\/10:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:outline-orange-300\/20:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:outline-orange-300\/20:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:outline-orange-300\/20:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:outline-orange-300\/30:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:outline-orange-300\/30:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:outline-orange-300\/30:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:outline-orange-300\/40:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:outline-orange-300\/40:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:outline-orange-300\/40:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:outline-orange-300\/50:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:outline-orange-300\/50:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:outline-orange-300\/50:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:outline-orange-300\/60:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:outline-orange-300\/60:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:outline-orange-300\/60:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:outline-orange-300\/70:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:outline-orange-300\/70:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:outline-orange-300\/70:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:outline-orange-300\/80:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:outline-orange-300\/80:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:outline-orange-300\/80:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:outline-orange-300\/90:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:outline-orange-300\/90:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:outline-orange-300\/90:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:outline-orange-400:focus { + outline-color: var(--orange-400) + } + .sm\:hover\:outline-orange-400:hover { + outline-color: var(--orange-400) + } + .sm\:active\:outline-orange-400:active { + outline-color: var(--orange-400) + } + .sm\:focus\:outline-orange-400\/10:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:outline-orange-400\/10:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:outline-orange-400\/10:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:outline-orange-400\/20:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:outline-orange-400\/20:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:outline-orange-400\/20:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:outline-orange-400\/30:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:outline-orange-400\/30:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:outline-orange-400\/30:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:outline-orange-400\/40:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:outline-orange-400\/40:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:outline-orange-400\/40:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:outline-orange-400\/50:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:outline-orange-400\/50:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:outline-orange-400\/50:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:outline-orange-400\/60:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:outline-orange-400\/60:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:outline-orange-400\/60:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:outline-orange-400\/70:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:outline-orange-400\/70:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:outline-orange-400\/70:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:outline-orange-400\/80:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:outline-orange-400\/80:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:outline-orange-400\/80:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:outline-orange-400\/90:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:outline-orange-400\/90:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:outline-orange-400\/90:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:outline-orange-500:focus { + outline-color: var(--orange-500) + } + .sm\:hover\:outline-orange-500:hover { + outline-color: var(--orange-500) + } + .sm\:active\:outline-orange-500:active { + outline-color: var(--orange-500) + } + .sm\:focus\:outline-orange-500\/10:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:outline-orange-500\/10:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:outline-orange-500\/10:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:outline-orange-500\/20:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:outline-orange-500\/20:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:outline-orange-500\/20:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:outline-orange-500\/30:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:outline-orange-500\/30:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:outline-orange-500\/30:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:outline-orange-500\/40:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:outline-orange-500\/40:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:outline-orange-500\/40:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:outline-orange-500\/50:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:outline-orange-500\/50:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:outline-orange-500\/50:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:outline-orange-500\/60:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:outline-orange-500\/60:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:outline-orange-500\/60:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:outline-orange-500\/70:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:outline-orange-500\/70:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:outline-orange-500\/70:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:outline-orange-500\/80:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:outline-orange-500\/80:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:outline-orange-500\/80:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:outline-orange-500\/90:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:outline-orange-500\/90:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:outline-orange-500\/90:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:outline-orange-600:focus { + outline-color: var(--orange-600) + } + .sm\:hover\:outline-orange-600:hover { + outline-color: var(--orange-600) + } + .sm\:active\:outline-orange-600:active { + outline-color: var(--orange-600) + } + .sm\:focus\:outline-orange-600\/10:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:outline-orange-600\/10:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:outline-orange-600\/10:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:outline-orange-600\/20:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:outline-orange-600\/20:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:outline-orange-600\/20:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:outline-orange-600\/30:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:outline-orange-600\/30:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:outline-orange-600\/30:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:outline-orange-600\/40:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:outline-orange-600\/40:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:outline-orange-600\/40:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:outline-orange-600\/50:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:outline-orange-600\/50:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:outline-orange-600\/50:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:outline-orange-600\/60:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:outline-orange-600\/60:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:outline-orange-600\/60:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:outline-orange-600\/70:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:outline-orange-600\/70:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:outline-orange-600\/70:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:outline-orange-600\/80:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:outline-orange-600\/80:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:outline-orange-600\/80:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:outline-orange-600\/90:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:outline-orange-600\/90:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:outline-orange-600\/90:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:outline-orange-700:focus { + outline-color: var(--orange-700) + } + .sm\:hover\:outline-orange-700:hover { + outline-color: var(--orange-700) + } + .sm\:active\:outline-orange-700:active { + outline-color: var(--orange-700) + } + .sm\:focus\:outline-orange-700\/10:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:outline-orange-700\/10:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:outline-orange-700\/10:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:outline-orange-700\/20:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:outline-orange-700\/20:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:outline-orange-700\/20:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:outline-orange-700\/30:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:outline-orange-700\/30:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:outline-orange-700\/30:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:outline-orange-700\/40:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:outline-orange-700\/40:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:outline-orange-700\/40:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:outline-orange-700\/50:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:outline-orange-700\/50:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:outline-orange-700\/50:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:outline-orange-700\/60:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:outline-orange-700\/60:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:outline-orange-700\/60:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:outline-orange-700\/70:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:outline-orange-700\/70:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:outline-orange-700\/70:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:outline-orange-700\/80:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:outline-orange-700\/80:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:outline-orange-700\/80:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:outline-orange-700\/90:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:outline-orange-700\/90:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:outline-orange-700\/90:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:outline-orange-800:focus { + outline-color: var(--orange-800) + } + .sm\:hover\:outline-orange-800:hover { + outline-color: var(--orange-800) + } + .sm\:active\:outline-orange-800:active { + outline-color: var(--orange-800) + } + .sm\:focus\:outline-orange-800\/10:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:outline-orange-800\/10:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:outline-orange-800\/10:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:outline-orange-800\/20:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:outline-orange-800\/20:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:outline-orange-800\/20:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:outline-orange-800\/30:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:outline-orange-800\/30:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:outline-orange-800\/30:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:outline-orange-800\/40:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:outline-orange-800\/40:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:outline-orange-800\/40:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:outline-orange-800\/50:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:outline-orange-800\/50:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:outline-orange-800\/50:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:outline-orange-800\/60:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:outline-orange-800\/60:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:outline-orange-800\/60:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:outline-orange-800\/70:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:outline-orange-800\/70:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:outline-orange-800\/70:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:outline-orange-800\/80:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:outline-orange-800\/80:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:outline-orange-800\/80:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:outline-orange-800\/90:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:outline-orange-800\/90:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:outline-orange-800\/90:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:outline-orange-900:focus { + outline-color: var(--orange-900) + } + .sm\:hover\:outline-orange-900:hover { + outline-color: var(--orange-900) + } + .sm\:active\:outline-orange-900:active { + outline-color: var(--orange-900) + } + .sm\:focus\:outline-orange-900\/10:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:outline-orange-900\/10:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:outline-orange-900\/10:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:outline-orange-900\/20:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:outline-orange-900\/20:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:outline-orange-900\/20:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:outline-orange-900\/30:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:outline-orange-900\/30:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:outline-orange-900\/30:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:outline-orange-900\/40:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:outline-orange-900\/40:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:outline-orange-900\/40:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:outline-orange-900\/50:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:outline-orange-900\/50:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:outline-orange-900\/50:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:outline-orange-900\/60:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:outline-orange-900\/60:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:outline-orange-900\/60:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:outline-orange-900\/70:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:outline-orange-900\/70:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:outline-orange-900\/70:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:outline-orange-900\/80:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:outline-orange-900\/80:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:outline-orange-900\/80:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:outline-orange-900\/90:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:outline-orange-900\/90:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:outline-orange-900\/90:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-50:focus { + outline-color: var(--bluegray-50) + } + .sm\:hover\:outline-bluegray-50:hover { + outline-color: var(--bluegray-50) + } + .sm\:active\:outline-bluegray-50:active { + outline-color: var(--bluegray-50) + } + .sm\:focus\:outline-bluegray-50\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-50\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-50\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-50\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-50\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-50\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-50\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-50\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-50\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-50\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-50\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-50\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-50\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-50\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-50\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-50\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-50\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-50\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-50\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-50\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-50\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-50\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-50\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-50\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-50\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-50\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-50\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-100:focus { + outline-color: var(--bluegray-100) + } + .sm\:hover\:outline-bluegray-100:hover { + outline-color: var(--bluegray-100) + } + .sm\:active\:outline-bluegray-100:active { + outline-color: var(--bluegray-100) + } + .sm\:focus\:outline-bluegray-100\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-100\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-100\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-100\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-100\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-100\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-100\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-100\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-100\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-100\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-100\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-100\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-100\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-100\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-100\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-100\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-100\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-100\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-100\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-100\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-100\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-100\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-100\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-100\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-100\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-100\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-100\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-200:focus { + outline-color: var(--bluegray-200) + } + .sm\:hover\:outline-bluegray-200:hover { + outline-color: var(--bluegray-200) + } + .sm\:active\:outline-bluegray-200:active { + outline-color: var(--bluegray-200) + } + .sm\:focus\:outline-bluegray-200\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-200\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-200\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-200\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-200\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-200\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-200\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-200\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-200\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-200\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-200\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-200\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-200\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-200\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-200\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-200\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-200\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-200\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-200\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-200\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-200\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-200\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-200\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-200\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-200\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-200\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-200\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-300:focus { + outline-color: var(--bluegray-300) + } + .sm\:hover\:outline-bluegray-300:hover { + outline-color: var(--bluegray-300) + } + .sm\:active\:outline-bluegray-300:active { + outline-color: var(--bluegray-300) + } + .sm\:focus\:outline-bluegray-300\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-300\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-300\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-300\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-300\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-300\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-300\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-300\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-300\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-300\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-300\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-300\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-300\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-300\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-300\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-300\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-300\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-300\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-300\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-300\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-300\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-300\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-300\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-300\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-300\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-300\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-300\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-400:focus { + outline-color: var(--bluegray-400) + } + .sm\:hover\:outline-bluegray-400:hover { + outline-color: var(--bluegray-400) + } + .sm\:active\:outline-bluegray-400:active { + outline-color: var(--bluegray-400) + } + .sm\:focus\:outline-bluegray-400\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-400\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-400\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-400\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-400\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-400\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-400\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-400\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-400\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-400\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-400\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-400\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-400\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-400\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-400\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-400\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-400\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-400\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-400\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-400\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-400\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-400\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-400\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-400\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-400\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-400\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-400\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-500:focus { + outline-color: var(--bluegray-500) + } + .sm\:hover\:outline-bluegray-500:hover { + outline-color: var(--bluegray-500) + } + .sm\:active\:outline-bluegray-500:active { + outline-color: var(--bluegray-500) + } + .sm\:focus\:outline-bluegray-500\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-500\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-500\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-500\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-500\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-500\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-500\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-500\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-500\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-500\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-500\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-500\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-500\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-500\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-500\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-500\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-500\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-500\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-500\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-500\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-500\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-500\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-500\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-500\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-500\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-500\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-500\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-600:focus { + outline-color: var(--bluegray-600) + } + .sm\:hover\:outline-bluegray-600:hover { + outline-color: var(--bluegray-600) + } + .sm\:active\:outline-bluegray-600:active { + outline-color: var(--bluegray-600) + } + .sm\:focus\:outline-bluegray-600\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-600\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-600\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-600\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-600\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-600\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-600\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-600\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-600\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-600\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-600\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-600\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-600\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-600\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-600\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-600\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-600\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-600\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-600\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-600\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-600\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-600\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-600\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-600\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-600\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-600\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-600\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-700:focus { + outline-color: var(--bluegray-700) + } + .sm\:hover\:outline-bluegray-700:hover { + outline-color: var(--bluegray-700) + } + .sm\:active\:outline-bluegray-700:active { + outline-color: var(--bluegray-700) + } + .sm\:focus\:outline-bluegray-700\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-700\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-700\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-700\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-700\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-700\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-700\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-700\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-700\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-700\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-700\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-700\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-700\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-700\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-700\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-700\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-700\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-700\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-700\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-700\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-700\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-700\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-700\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-700\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-700\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-700\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-700\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-800:focus { + outline-color: var(--bluegray-800) + } + .sm\:hover\:outline-bluegray-800:hover { + outline-color: var(--bluegray-800) + } + .sm\:active\:outline-bluegray-800:active { + outline-color: var(--bluegray-800) + } + .sm\:focus\:outline-bluegray-800\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-800\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-800\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-800\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-800\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-800\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-800\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-800\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-800\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-800\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-800\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-800\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-800\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-800\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-800\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-800\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-800\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-800\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-800\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-800\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-800\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-800\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-800\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-800\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-800\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-800\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-800\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:outline-bluegray-900:focus { + outline-color: var(--bluegray-900) + } + .sm\:hover\:outline-bluegray-900:hover { + outline-color: var(--bluegray-900) + } + .sm\:active\:outline-bluegray-900:active { + outline-color: var(--bluegray-900) + } + .sm\:focus\:outline-bluegray-900\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:outline-bluegray-900\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:outline-bluegray-900\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:outline-bluegray-900\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:outline-bluegray-900\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:outline-bluegray-900\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:outline-bluegray-900\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:outline-bluegray-900\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:outline-bluegray-900\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:outline-bluegray-900\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:outline-bluegray-900\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:outline-bluegray-900\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:outline-bluegray-900\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:outline-bluegray-900\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:outline-bluegray-900\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:outline-bluegray-900\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:outline-bluegray-900\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:outline-bluegray-900\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:outline-bluegray-900\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:outline-bluegray-900\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:outline-bluegray-900\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:outline-bluegray-900\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:outline-bluegray-900\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:outline-bluegray-900\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:outline-bluegray-900\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:outline-bluegray-900\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:outline-bluegray-900\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:outline-purple-50:focus { + outline-color: var(--purple-50) + } + .sm\:hover\:outline-purple-50:hover { + outline-color: var(--purple-50) + } + .sm\:active\:outline-purple-50:active { + outline-color: var(--purple-50) + } + .sm\:focus\:outline-purple-50\/10:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:outline-purple-50\/10:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:outline-purple-50\/10:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:outline-purple-50\/20:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:outline-purple-50\/20:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:outline-purple-50\/20:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:outline-purple-50\/30:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:outline-purple-50\/30:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:outline-purple-50\/30:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:outline-purple-50\/40:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:outline-purple-50\/40:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:outline-purple-50\/40:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:outline-purple-50\/50:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:outline-purple-50\/50:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:outline-purple-50\/50:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:outline-purple-50\/60:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:outline-purple-50\/60:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:outline-purple-50\/60:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:outline-purple-50\/70:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:outline-purple-50\/70:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:outline-purple-50\/70:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:outline-purple-50\/80:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:outline-purple-50\/80:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:outline-purple-50\/80:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:outline-purple-50\/90:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:outline-purple-50\/90:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:outline-purple-50\/90:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:outline-purple-100:focus { + outline-color: var(--purple-100) + } + .sm\:hover\:outline-purple-100:hover { + outline-color: var(--purple-100) + } + .sm\:active\:outline-purple-100:active { + outline-color: var(--purple-100) + } + .sm\:focus\:outline-purple-100\/10:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:outline-purple-100\/10:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:outline-purple-100\/10:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:outline-purple-100\/20:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:outline-purple-100\/20:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:outline-purple-100\/20:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:outline-purple-100\/30:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:outline-purple-100\/30:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:outline-purple-100\/30:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:outline-purple-100\/40:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:outline-purple-100\/40:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:outline-purple-100\/40:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:outline-purple-100\/50:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:outline-purple-100\/50:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:outline-purple-100\/50:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:outline-purple-100\/60:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:outline-purple-100\/60:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:outline-purple-100\/60:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:outline-purple-100\/70:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:outline-purple-100\/70:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:outline-purple-100\/70:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:outline-purple-100\/80:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:outline-purple-100\/80:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:outline-purple-100\/80:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:outline-purple-100\/90:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:outline-purple-100\/90:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:outline-purple-100\/90:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:outline-purple-200:focus { + outline-color: var(--purple-200) + } + .sm\:hover\:outline-purple-200:hover { + outline-color: var(--purple-200) + } + .sm\:active\:outline-purple-200:active { + outline-color: var(--purple-200) + } + .sm\:focus\:outline-purple-200\/10:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:outline-purple-200\/10:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:outline-purple-200\/10:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:outline-purple-200\/20:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:outline-purple-200\/20:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:outline-purple-200\/20:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:outline-purple-200\/30:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:outline-purple-200\/30:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:outline-purple-200\/30:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:outline-purple-200\/40:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:outline-purple-200\/40:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:outline-purple-200\/40:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:outline-purple-200\/50:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:outline-purple-200\/50:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:outline-purple-200\/50:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:outline-purple-200\/60:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:outline-purple-200\/60:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:outline-purple-200\/60:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:outline-purple-200\/70:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:outline-purple-200\/70:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:outline-purple-200\/70:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:outline-purple-200\/80:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:outline-purple-200\/80:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:outline-purple-200\/80:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:outline-purple-200\/90:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:outline-purple-200\/90:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:outline-purple-200\/90:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:outline-purple-300:focus { + outline-color: var(--purple-300) + } + .sm\:hover\:outline-purple-300:hover { + outline-color: var(--purple-300) + } + .sm\:active\:outline-purple-300:active { + outline-color: var(--purple-300) + } + .sm\:focus\:outline-purple-300\/10:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:outline-purple-300\/10:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:outline-purple-300\/10:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:outline-purple-300\/20:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:outline-purple-300\/20:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:outline-purple-300\/20:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:outline-purple-300\/30:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:outline-purple-300\/30:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:outline-purple-300\/30:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:outline-purple-300\/40:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:outline-purple-300\/40:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:outline-purple-300\/40:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:outline-purple-300\/50:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:outline-purple-300\/50:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:outline-purple-300\/50:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:outline-purple-300\/60:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:outline-purple-300\/60:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:outline-purple-300\/60:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:outline-purple-300\/70:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:outline-purple-300\/70:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:outline-purple-300\/70:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:outline-purple-300\/80:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:outline-purple-300\/80:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:outline-purple-300\/80:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:outline-purple-300\/90:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:outline-purple-300\/90:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:outline-purple-300\/90:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:outline-purple-400:focus { + outline-color: var(--purple-400) + } + .sm\:hover\:outline-purple-400:hover { + outline-color: var(--purple-400) + } + .sm\:active\:outline-purple-400:active { + outline-color: var(--purple-400) + } + .sm\:focus\:outline-purple-400\/10:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:outline-purple-400\/10:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:outline-purple-400\/10:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:outline-purple-400\/20:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:outline-purple-400\/20:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:outline-purple-400\/20:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:outline-purple-400\/30:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:outline-purple-400\/30:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:outline-purple-400\/30:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:outline-purple-400\/40:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:outline-purple-400\/40:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:outline-purple-400\/40:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:outline-purple-400\/50:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:outline-purple-400\/50:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:outline-purple-400\/50:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:outline-purple-400\/60:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:outline-purple-400\/60:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:outline-purple-400\/60:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:outline-purple-400\/70:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:outline-purple-400\/70:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:outline-purple-400\/70:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:outline-purple-400\/80:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:outline-purple-400\/80:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:outline-purple-400\/80:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:outline-purple-400\/90:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:outline-purple-400\/90:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:outline-purple-400\/90:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:outline-purple-500:focus { + outline-color: var(--purple-500) + } + .sm\:hover\:outline-purple-500:hover { + outline-color: var(--purple-500) + } + .sm\:active\:outline-purple-500:active { + outline-color: var(--purple-500) + } + .sm\:focus\:outline-purple-500\/10:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:outline-purple-500\/10:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:outline-purple-500\/10:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:outline-purple-500\/20:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:outline-purple-500\/20:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:outline-purple-500\/20:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:outline-purple-500\/30:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:outline-purple-500\/30:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:outline-purple-500\/30:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:outline-purple-500\/40:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:outline-purple-500\/40:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:outline-purple-500\/40:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:outline-purple-500\/50:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:outline-purple-500\/50:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:outline-purple-500\/50:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:outline-purple-500\/60:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:outline-purple-500\/60:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:outline-purple-500\/60:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:outline-purple-500\/70:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:outline-purple-500\/70:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:outline-purple-500\/70:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:outline-purple-500\/80:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:outline-purple-500\/80:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:outline-purple-500\/80:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:outline-purple-500\/90:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:outline-purple-500\/90:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:outline-purple-500\/90:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:outline-purple-600:focus { + outline-color: var(--purple-600) + } + .sm\:hover\:outline-purple-600:hover { + outline-color: var(--purple-600) + } + .sm\:active\:outline-purple-600:active { + outline-color: var(--purple-600) + } + .sm\:focus\:outline-purple-600\/10:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:outline-purple-600\/10:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:outline-purple-600\/10:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:outline-purple-600\/20:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:outline-purple-600\/20:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:outline-purple-600\/20:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:outline-purple-600\/30:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:outline-purple-600\/30:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:outline-purple-600\/30:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:outline-purple-600\/40:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:outline-purple-600\/40:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:outline-purple-600\/40:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:outline-purple-600\/50:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:outline-purple-600\/50:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:outline-purple-600\/50:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:outline-purple-600\/60:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:outline-purple-600\/60:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:outline-purple-600\/60:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:outline-purple-600\/70:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:outline-purple-600\/70:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:outline-purple-600\/70:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:outline-purple-600\/80:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:outline-purple-600\/80:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:outline-purple-600\/80:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:outline-purple-600\/90:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:outline-purple-600\/90:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:outline-purple-600\/90:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:outline-purple-700:focus { + outline-color: var(--purple-700) + } + .sm\:hover\:outline-purple-700:hover { + outline-color: var(--purple-700) + } + .sm\:active\:outline-purple-700:active { + outline-color: var(--purple-700) + } + .sm\:focus\:outline-purple-700\/10:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:outline-purple-700\/10:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:outline-purple-700\/10:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:outline-purple-700\/20:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:outline-purple-700\/20:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:outline-purple-700\/20:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:outline-purple-700\/30:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:outline-purple-700\/30:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:outline-purple-700\/30:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:outline-purple-700\/40:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:outline-purple-700\/40:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:outline-purple-700\/40:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:outline-purple-700\/50:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:outline-purple-700\/50:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:outline-purple-700\/50:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:outline-purple-700\/60:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:outline-purple-700\/60:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:outline-purple-700\/60:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:outline-purple-700\/70:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:outline-purple-700\/70:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:outline-purple-700\/70:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:outline-purple-700\/80:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:outline-purple-700\/80:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:outline-purple-700\/80:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:outline-purple-700\/90:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:outline-purple-700\/90:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:outline-purple-700\/90:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:outline-purple-800:focus { + outline-color: var(--purple-800) + } + .sm\:hover\:outline-purple-800:hover { + outline-color: var(--purple-800) + } + .sm\:active\:outline-purple-800:active { + outline-color: var(--purple-800) + } + .sm\:focus\:outline-purple-800\/10:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:outline-purple-800\/10:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:outline-purple-800\/10:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:outline-purple-800\/20:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:outline-purple-800\/20:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:outline-purple-800\/20:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:outline-purple-800\/30:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:outline-purple-800\/30:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:outline-purple-800\/30:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:outline-purple-800\/40:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:outline-purple-800\/40:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:outline-purple-800\/40:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:outline-purple-800\/50:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:outline-purple-800\/50:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:outline-purple-800\/50:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:outline-purple-800\/60:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:outline-purple-800\/60:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:outline-purple-800\/60:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:outline-purple-800\/70:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:outline-purple-800\/70:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:outline-purple-800\/70:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:outline-purple-800\/80:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:outline-purple-800\/80:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:outline-purple-800\/80:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:outline-purple-800\/90:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:outline-purple-800\/90:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:outline-purple-800\/90:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:outline-purple-900:focus { + outline-color: var(--purple-900) + } + .sm\:hover\:outline-purple-900:hover { + outline-color: var(--purple-900) + } + .sm\:active\:outline-purple-900:active { + outline-color: var(--purple-900) + } + .sm\:focus\:outline-purple-900\/10:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:outline-purple-900\/10:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:outline-purple-900\/10:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:outline-purple-900\/20:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:outline-purple-900\/20:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:outline-purple-900\/20:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:outline-purple-900\/30:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:outline-purple-900\/30:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:outline-purple-900\/30:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:outline-purple-900\/40:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:outline-purple-900\/40:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:outline-purple-900\/40:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:outline-purple-900\/50:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:outline-purple-900\/50:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:outline-purple-900\/50:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:outline-purple-900\/60:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:outline-purple-900\/60:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:outline-purple-900\/60:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:outline-purple-900\/70:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:outline-purple-900\/70:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:outline-purple-900\/70:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:outline-purple-900\/80:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:outline-purple-900\/80:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:outline-purple-900\/80:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:outline-purple-900\/90:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:outline-purple-900\/90:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:outline-purple-900\/90:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:outline-red-50:focus { + outline-color: var(--red-50) + } + .sm\:hover\:outline-red-50:hover { + outline-color: var(--red-50) + } + .sm\:active\:outline-red-50:active { + outline-color: var(--red-50) + } + .sm\:focus\:outline-red-50\/10:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:outline-red-50\/10:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:outline-red-50\/10:active { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:outline-red-50\/20:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:outline-red-50\/20:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:outline-red-50\/20:active { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:outline-red-50\/30:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:outline-red-50\/30:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:outline-red-50\/30:active { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:outline-red-50\/40:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:outline-red-50\/40:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:outline-red-50\/40:active { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:outline-red-50\/50:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:outline-red-50\/50:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:outline-red-50\/50:active { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:outline-red-50\/60:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:outline-red-50\/60:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:outline-red-50\/60:active { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:outline-red-50\/70:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:outline-red-50\/70:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:outline-red-50\/70:active { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:outline-red-50\/80:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:outline-red-50\/80:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:outline-red-50\/80:active { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:outline-red-50\/90:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:outline-red-50\/90:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:outline-red-50\/90:active { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:outline-red-100:focus { + outline-color: var(--red-100) + } + .sm\:hover\:outline-red-100:hover { + outline-color: var(--red-100) + } + .sm\:active\:outline-red-100:active { + outline-color: var(--red-100) + } + .sm\:focus\:outline-red-100\/10:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:outline-red-100\/10:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:outline-red-100\/10:active { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:outline-red-100\/20:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:outline-red-100\/20:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:outline-red-100\/20:active { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:outline-red-100\/30:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:outline-red-100\/30:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:outline-red-100\/30:active { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:outline-red-100\/40:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:outline-red-100\/40:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:outline-red-100\/40:active { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:outline-red-100\/50:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:outline-red-100\/50:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:outline-red-100\/50:active { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:outline-red-100\/60:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:outline-red-100\/60:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:outline-red-100\/60:active { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:outline-red-100\/70:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:outline-red-100\/70:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:outline-red-100\/70:active { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:outline-red-100\/80:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:outline-red-100\/80:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:outline-red-100\/80:active { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:outline-red-100\/90:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:outline-red-100\/90:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:outline-red-100\/90:active { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:outline-red-200:focus { + outline-color: var(--red-200) + } + .sm\:hover\:outline-red-200:hover { + outline-color: var(--red-200) + } + .sm\:active\:outline-red-200:active { + outline-color: var(--red-200) + } + .sm\:focus\:outline-red-200\/10:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:outline-red-200\/10:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:outline-red-200\/10:active { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:outline-red-200\/20:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:outline-red-200\/20:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:outline-red-200\/20:active { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:outline-red-200\/30:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:outline-red-200\/30:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:outline-red-200\/30:active { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:outline-red-200\/40:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:outline-red-200\/40:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:outline-red-200\/40:active { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:outline-red-200\/50:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:outline-red-200\/50:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:outline-red-200\/50:active { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:outline-red-200\/60:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:outline-red-200\/60:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:outline-red-200\/60:active { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:outline-red-200\/70:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:outline-red-200\/70:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:outline-red-200\/70:active { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:outline-red-200\/80:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:outline-red-200\/80:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:outline-red-200\/80:active { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:outline-red-200\/90:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:outline-red-200\/90:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:outline-red-200\/90:active { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:outline-red-300:focus { + outline-color: var(--red-300) + } + .sm\:hover\:outline-red-300:hover { + outline-color: var(--red-300) + } + .sm\:active\:outline-red-300:active { + outline-color: var(--red-300) + } + .sm\:focus\:outline-red-300\/10:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:outline-red-300\/10:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:outline-red-300\/10:active { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:outline-red-300\/20:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:outline-red-300\/20:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:outline-red-300\/20:active { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:outline-red-300\/30:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:outline-red-300\/30:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:outline-red-300\/30:active { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:outline-red-300\/40:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:outline-red-300\/40:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:outline-red-300\/40:active { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:outline-red-300\/50:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:outline-red-300\/50:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:outline-red-300\/50:active { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:outline-red-300\/60:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:outline-red-300\/60:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:outline-red-300\/60:active { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:outline-red-300\/70:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:outline-red-300\/70:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:outline-red-300\/70:active { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:outline-red-300\/80:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:outline-red-300\/80:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:outline-red-300\/80:active { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:outline-red-300\/90:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:outline-red-300\/90:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:outline-red-300\/90:active { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:outline-red-400:focus { + outline-color: var(--red-400) + } + .sm\:hover\:outline-red-400:hover { + outline-color: var(--red-400) + } + .sm\:active\:outline-red-400:active { + outline-color: var(--red-400) + } + .sm\:focus\:outline-red-400\/10:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:outline-red-400\/10:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:outline-red-400\/10:active { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:outline-red-400\/20:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:outline-red-400\/20:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:outline-red-400\/20:active { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:outline-red-400\/30:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:outline-red-400\/30:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:outline-red-400\/30:active { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:outline-red-400\/40:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:outline-red-400\/40:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:outline-red-400\/40:active { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:outline-red-400\/50:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:outline-red-400\/50:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:outline-red-400\/50:active { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:outline-red-400\/60:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:outline-red-400\/60:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:outline-red-400\/60:active { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:outline-red-400\/70:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:outline-red-400\/70:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:outline-red-400\/70:active { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:outline-red-400\/80:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:outline-red-400\/80:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:outline-red-400\/80:active { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:outline-red-400\/90:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:outline-red-400\/90:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:outline-red-400\/90:active { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:outline-red-500:focus { + outline-color: var(--red-500) + } + .sm\:hover\:outline-red-500:hover { + outline-color: var(--red-500) + } + .sm\:active\:outline-red-500:active { + outline-color: var(--red-500) + } + .sm\:focus\:outline-red-500\/10:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:outline-red-500\/10:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:outline-red-500\/10:active { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:outline-red-500\/20:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:outline-red-500\/20:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:outline-red-500\/20:active { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:outline-red-500\/30:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:outline-red-500\/30:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:outline-red-500\/30:active { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:outline-red-500\/40:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:outline-red-500\/40:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:outline-red-500\/40:active { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:outline-red-500\/50:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:outline-red-500\/50:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:outline-red-500\/50:active { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:outline-red-500\/60:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:outline-red-500\/60:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:outline-red-500\/60:active { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:outline-red-500\/70:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:outline-red-500\/70:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:outline-red-500\/70:active { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:outline-red-500\/80:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:outline-red-500\/80:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:outline-red-500\/80:active { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:outline-red-500\/90:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:outline-red-500\/90:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:outline-red-500\/90:active { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:outline-red-600:focus { + outline-color: var(--red-600) + } + .sm\:hover\:outline-red-600:hover { + outline-color: var(--red-600) + } + .sm\:active\:outline-red-600:active { + outline-color: var(--red-600) + } + .sm\:focus\:outline-red-600\/10:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:outline-red-600\/10:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:outline-red-600\/10:active { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:outline-red-600\/20:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:outline-red-600\/20:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:outline-red-600\/20:active { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:outline-red-600\/30:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:outline-red-600\/30:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:outline-red-600\/30:active { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:outline-red-600\/40:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:outline-red-600\/40:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:outline-red-600\/40:active { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:outline-red-600\/50:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:outline-red-600\/50:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:outline-red-600\/50:active { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:outline-red-600\/60:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:outline-red-600\/60:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:outline-red-600\/60:active { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:outline-red-600\/70:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:outline-red-600\/70:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:outline-red-600\/70:active { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:outline-red-600\/80:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:outline-red-600\/80:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:outline-red-600\/80:active { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:outline-red-600\/90:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:outline-red-600\/90:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:outline-red-600\/90:active { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:outline-red-700:focus { + outline-color: var(--red-700) + } + .sm\:hover\:outline-red-700:hover { + outline-color: var(--red-700) + } + .sm\:active\:outline-red-700:active { + outline-color: var(--red-700) + } + .sm\:focus\:outline-red-700\/10:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:outline-red-700\/10:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:outline-red-700\/10:active { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:outline-red-700\/20:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:outline-red-700\/20:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:outline-red-700\/20:active { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:outline-red-700\/30:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:outline-red-700\/30:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:outline-red-700\/30:active { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:outline-red-700\/40:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:outline-red-700\/40:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:outline-red-700\/40:active { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:outline-red-700\/50:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:outline-red-700\/50:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:outline-red-700\/50:active { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:outline-red-700\/60:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:outline-red-700\/60:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:outline-red-700\/60:active { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:outline-red-700\/70:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:outline-red-700\/70:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:outline-red-700\/70:active { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:outline-red-700\/80:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:outline-red-700\/80:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:outline-red-700\/80:active { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:outline-red-700\/90:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:outline-red-700\/90:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:outline-red-700\/90:active { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:outline-red-800:focus { + outline-color: var(--red-800) + } + .sm\:hover\:outline-red-800:hover { + outline-color: var(--red-800) + } + .sm\:active\:outline-red-800:active { + outline-color: var(--red-800) + } + .sm\:focus\:outline-red-800\/10:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:outline-red-800\/10:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:outline-red-800\/10:active { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:outline-red-800\/20:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:outline-red-800\/20:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:outline-red-800\/20:active { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:outline-red-800\/30:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:outline-red-800\/30:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:outline-red-800\/30:active { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:outline-red-800\/40:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:outline-red-800\/40:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:outline-red-800\/40:active { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:outline-red-800\/50:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:outline-red-800\/50:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:outline-red-800\/50:active { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:outline-red-800\/60:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:outline-red-800\/60:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:outline-red-800\/60:active { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:outline-red-800\/70:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:outline-red-800\/70:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:outline-red-800\/70:active { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:outline-red-800\/80:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:outline-red-800\/80:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:outline-red-800\/80:active { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:outline-red-800\/90:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:outline-red-800\/90:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:outline-red-800\/90:active { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:outline-red-900:focus { + outline-color: var(--red-900) + } + .sm\:hover\:outline-red-900:hover { + outline-color: var(--red-900) + } + .sm\:active\:outline-red-900:active { + outline-color: var(--red-900) + } + .sm\:focus\:outline-red-900\/10:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:outline-red-900\/10:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:outline-red-900\/10:active { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:outline-red-900\/20:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:outline-red-900\/20:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:outline-red-900\/20:active { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:outline-red-900\/30:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:outline-red-900\/30:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:outline-red-900\/30:active { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:outline-red-900\/40:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:outline-red-900\/40:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:outline-red-900\/40:active { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:outline-red-900\/50:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:outline-red-900\/50:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:outline-red-900\/50:active { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:outline-red-900\/60:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:outline-red-900\/60:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:outline-red-900\/60:active { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:outline-red-900\/70:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:outline-red-900\/70:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:outline-red-900\/70:active { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:outline-red-900\/80:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:outline-red-900\/80:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:outline-red-900\/80:active { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:outline-red-900\/90:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:outline-red-900\/90:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:outline-red-900\/90:active { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:outline-gray-50:focus { + outline-color: var(--gray-50) + } + .sm\:hover\:outline-gray-50:hover { + outline-color: var(--gray-50) + } + .sm\:active\:outline-gray-50:active { + outline-color: var(--gray-50) + } + .sm\:focus\:outline-gray-50\/10:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:outline-gray-50\/10:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:outline-gray-50\/10:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:outline-gray-50\/20:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:outline-gray-50\/20:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:outline-gray-50\/20:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:outline-gray-50\/30:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:outline-gray-50\/30:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:outline-gray-50\/30:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:outline-gray-50\/40:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:outline-gray-50\/40:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:outline-gray-50\/40:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:outline-gray-50\/50:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:outline-gray-50\/50:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:outline-gray-50\/50:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:outline-gray-50\/60:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:outline-gray-50\/60:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:outline-gray-50\/60:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:outline-gray-50\/70:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:outline-gray-50\/70:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:outline-gray-50\/70:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:outline-gray-50\/80:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:outline-gray-50\/80:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:outline-gray-50\/80:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:outline-gray-50\/90:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:outline-gray-50\/90:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:outline-gray-50\/90:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:outline-gray-100:focus { + outline-color: var(--gray-100) + } + .sm\:hover\:outline-gray-100:hover { + outline-color: var(--gray-100) + } + .sm\:active\:outline-gray-100:active { + outline-color: var(--gray-100) + } + .sm\:focus\:outline-gray-100\/10:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:outline-gray-100\/10:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:outline-gray-100\/10:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:outline-gray-100\/20:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:outline-gray-100\/20:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:outline-gray-100\/20:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:outline-gray-100\/30:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:outline-gray-100\/30:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:outline-gray-100\/30:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:outline-gray-100\/40:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:outline-gray-100\/40:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:outline-gray-100\/40:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:outline-gray-100\/50:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:outline-gray-100\/50:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:outline-gray-100\/50:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:outline-gray-100\/60:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:outline-gray-100\/60:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:outline-gray-100\/60:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:outline-gray-100\/70:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:outline-gray-100\/70:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:outline-gray-100\/70:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:outline-gray-100\/80:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:outline-gray-100\/80:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:outline-gray-100\/80:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:outline-gray-100\/90:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:outline-gray-100\/90:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:outline-gray-100\/90:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:outline-gray-200:focus { + outline-color: var(--gray-200) + } + .sm\:hover\:outline-gray-200:hover { + outline-color: var(--gray-200) + } + .sm\:active\:outline-gray-200:active { + outline-color: var(--gray-200) + } + .sm\:focus\:outline-gray-200\/10:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:outline-gray-200\/10:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:outline-gray-200\/10:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:outline-gray-200\/20:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:outline-gray-200\/20:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:outline-gray-200\/20:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:outline-gray-200\/30:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:outline-gray-200\/30:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:outline-gray-200\/30:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:outline-gray-200\/40:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:outline-gray-200\/40:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:outline-gray-200\/40:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:outline-gray-200\/50:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:outline-gray-200\/50:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:outline-gray-200\/50:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:outline-gray-200\/60:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:outline-gray-200\/60:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:outline-gray-200\/60:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:outline-gray-200\/70:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:outline-gray-200\/70:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:outline-gray-200\/70:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:outline-gray-200\/80:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:outline-gray-200\/80:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:outline-gray-200\/80:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:outline-gray-200\/90:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:outline-gray-200\/90:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:outline-gray-200\/90:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:outline-gray-300:focus { + outline-color: var(--gray-300) + } + .sm\:hover\:outline-gray-300:hover { + outline-color: var(--gray-300) + } + .sm\:active\:outline-gray-300:active { + outline-color: var(--gray-300) + } + .sm\:focus\:outline-gray-300\/10:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:outline-gray-300\/10:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:outline-gray-300\/10:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:outline-gray-300\/20:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:outline-gray-300\/20:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:outline-gray-300\/20:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:outline-gray-300\/30:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:outline-gray-300\/30:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:outline-gray-300\/30:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:outline-gray-300\/40:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:outline-gray-300\/40:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:outline-gray-300\/40:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:outline-gray-300\/50:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:outline-gray-300\/50:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:outline-gray-300\/50:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:outline-gray-300\/60:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:outline-gray-300\/60:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:outline-gray-300\/60:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:outline-gray-300\/70:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:outline-gray-300\/70:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:outline-gray-300\/70:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:outline-gray-300\/80:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:outline-gray-300\/80:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:outline-gray-300\/80:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:outline-gray-300\/90:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:outline-gray-300\/90:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:outline-gray-300\/90:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:outline-gray-400:focus { + outline-color: var(--gray-400) + } + .sm\:hover\:outline-gray-400:hover { + outline-color: var(--gray-400) + } + .sm\:active\:outline-gray-400:active { + outline-color: var(--gray-400) + } + .sm\:focus\:outline-gray-400\/10:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:outline-gray-400\/10:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:outline-gray-400\/10:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:outline-gray-400\/20:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:outline-gray-400\/20:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:outline-gray-400\/20:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:outline-gray-400\/30:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:outline-gray-400\/30:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:outline-gray-400\/30:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:outline-gray-400\/40:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:outline-gray-400\/40:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:outline-gray-400\/40:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:outline-gray-400\/50:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:outline-gray-400\/50:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:outline-gray-400\/50:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:outline-gray-400\/60:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:outline-gray-400\/60:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:outline-gray-400\/60:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:outline-gray-400\/70:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:outline-gray-400\/70:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:outline-gray-400\/70:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:outline-gray-400\/80:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:outline-gray-400\/80:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:outline-gray-400\/80:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:outline-gray-400\/90:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:outline-gray-400\/90:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:outline-gray-400\/90:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:outline-gray-500:focus { + outline-color: var(--gray-500) + } + .sm\:hover\:outline-gray-500:hover { + outline-color: var(--gray-500) + } + .sm\:active\:outline-gray-500:active { + outline-color: var(--gray-500) + } + .sm\:focus\:outline-gray-500\/10:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:outline-gray-500\/10:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:outline-gray-500\/10:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:outline-gray-500\/20:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:outline-gray-500\/20:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:outline-gray-500\/20:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:outline-gray-500\/30:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:outline-gray-500\/30:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:outline-gray-500\/30:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:outline-gray-500\/40:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:outline-gray-500\/40:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:outline-gray-500\/40:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:outline-gray-500\/50:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:outline-gray-500\/50:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:outline-gray-500\/50:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:outline-gray-500\/60:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:outline-gray-500\/60:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:outline-gray-500\/60:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:outline-gray-500\/70:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:outline-gray-500\/70:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:outline-gray-500\/70:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:outline-gray-500\/80:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:outline-gray-500\/80:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:outline-gray-500\/80:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:outline-gray-500\/90:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:outline-gray-500\/90:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:outline-gray-500\/90:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:outline-gray-600:focus { + outline-color: var(--gray-600) + } + .sm\:hover\:outline-gray-600:hover { + outline-color: var(--gray-600) + } + .sm\:active\:outline-gray-600:active { + outline-color: var(--gray-600) + } + .sm\:focus\:outline-gray-600\/10:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:outline-gray-600\/10:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:outline-gray-600\/10:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:outline-gray-600\/20:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:outline-gray-600\/20:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:outline-gray-600\/20:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:outline-gray-600\/30:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:outline-gray-600\/30:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:outline-gray-600\/30:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:outline-gray-600\/40:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:outline-gray-600\/40:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:outline-gray-600\/40:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:outline-gray-600\/50:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:outline-gray-600\/50:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:outline-gray-600\/50:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:outline-gray-600\/60:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:outline-gray-600\/60:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:outline-gray-600\/60:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:outline-gray-600\/70:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:outline-gray-600\/70:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:outline-gray-600\/70:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:outline-gray-600\/80:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:outline-gray-600\/80:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:outline-gray-600\/80:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:outline-gray-600\/90:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:outline-gray-600\/90:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:outline-gray-600\/90:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:outline-gray-700:focus { + outline-color: var(--gray-700) + } + .sm\:hover\:outline-gray-700:hover { + outline-color: var(--gray-700) + } + .sm\:active\:outline-gray-700:active { + outline-color: var(--gray-700) + } + .sm\:focus\:outline-gray-700\/10:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:outline-gray-700\/10:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:outline-gray-700\/10:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:outline-gray-700\/20:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:outline-gray-700\/20:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:outline-gray-700\/20:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:outline-gray-700\/30:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:outline-gray-700\/30:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:outline-gray-700\/30:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:outline-gray-700\/40:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:outline-gray-700\/40:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:outline-gray-700\/40:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:outline-gray-700\/50:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:outline-gray-700\/50:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:outline-gray-700\/50:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:outline-gray-700\/60:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:outline-gray-700\/60:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:outline-gray-700\/60:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:outline-gray-700\/70:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:outline-gray-700\/70:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:outline-gray-700\/70:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:outline-gray-700\/80:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:outline-gray-700\/80:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:outline-gray-700\/80:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:outline-gray-700\/90:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:outline-gray-700\/90:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:outline-gray-700\/90:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:outline-gray-800:focus { + outline-color: var(--gray-800) + } + .sm\:hover\:outline-gray-800:hover { + outline-color: var(--gray-800) + } + .sm\:active\:outline-gray-800:active { + outline-color: var(--gray-800) + } + .sm\:focus\:outline-gray-800\/10:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:outline-gray-800\/10:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:outline-gray-800\/10:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:outline-gray-800\/20:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:outline-gray-800\/20:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:outline-gray-800\/20:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:outline-gray-800\/30:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:outline-gray-800\/30:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:outline-gray-800\/30:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:outline-gray-800\/40:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:outline-gray-800\/40:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:outline-gray-800\/40:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:outline-gray-800\/50:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:outline-gray-800\/50:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:outline-gray-800\/50:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:outline-gray-800\/60:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:outline-gray-800\/60:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:outline-gray-800\/60:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:outline-gray-800\/70:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:outline-gray-800\/70:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:outline-gray-800\/70:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:outline-gray-800\/80:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:outline-gray-800\/80:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:outline-gray-800\/80:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:outline-gray-800\/90:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:outline-gray-800\/90:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:outline-gray-800\/90:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:outline-gray-900:focus { + outline-color: var(--gray-900) + } + .sm\:hover\:outline-gray-900:hover { + outline-color: var(--gray-900) + } + .sm\:active\:outline-gray-900:active { + outline-color: var(--gray-900) + } + .sm\:focus\:outline-gray-900\/10:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:outline-gray-900\/10:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:outline-gray-900\/10:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:outline-gray-900\/20:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:outline-gray-900\/20:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:outline-gray-900\/20:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:outline-gray-900\/30:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:outline-gray-900\/30:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:outline-gray-900\/30:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:outline-gray-900\/40:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:outline-gray-900\/40:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:outline-gray-900\/40:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:outline-gray-900\/50:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:outline-gray-900\/50:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:outline-gray-900\/50:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:outline-gray-900\/60:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:outline-gray-900\/60:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:outline-gray-900\/60:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:outline-gray-900\/70:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:outline-gray-900\/70:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:outline-gray-900\/70:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:outline-gray-900\/80:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:outline-gray-900\/80:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:outline-gray-900\/80:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:outline-gray-900\/90:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:outline-gray-900\/90:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:outline-gray-900\/90:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:outline-surface-0:focus { + outline-color: var(--surface-0) + } + .sm\:hover\:outline-surface-0:hover { + outline-color: var(--surface-0) + } + .sm\:active\:outline-surface-0:active { + outline-color: var(--surface-0) + } + .sm\:focus\:outline-surface-0\/10:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:outline-surface-0\/10:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:outline-surface-0\/10:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:outline-surface-0\/20:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:outline-surface-0\/20:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:outline-surface-0\/20:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:outline-surface-0\/30:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:outline-surface-0\/30:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:outline-surface-0\/30:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:outline-surface-0\/40:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:outline-surface-0\/40:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:outline-surface-0\/40:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:outline-surface-0\/50:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:outline-surface-0\/50:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:outline-surface-0\/50:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:outline-surface-0\/60:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:outline-surface-0\/60:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:outline-surface-0\/60:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:outline-surface-0\/70:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:outline-surface-0\/70:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:outline-surface-0\/70:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:outline-surface-0\/80:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:outline-surface-0\/80:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:outline-surface-0\/80:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:outline-surface-0\/90:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:outline-surface-0\/90:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:outline-surface-0\/90:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:outline-surface-50:focus { + outline-color: var(--surface-50) + } + .sm\:hover\:outline-surface-50:hover { + outline-color: var(--surface-50) + } + .sm\:active\:outline-surface-50:active { + outline-color: var(--surface-50) + } + .sm\:focus\:outline-surface-50\/10:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:outline-surface-50\/10:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:outline-surface-50\/10:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:outline-surface-50\/20:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:outline-surface-50\/20:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:outline-surface-50\/20:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:outline-surface-50\/30:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:outline-surface-50\/30:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:outline-surface-50\/30:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:outline-surface-50\/40:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:outline-surface-50\/40:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:outline-surface-50\/40:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:outline-surface-50\/50:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:outline-surface-50\/50:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:outline-surface-50\/50:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:outline-surface-50\/60:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:outline-surface-50\/60:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:outline-surface-50\/60:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:outline-surface-50\/70:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:outline-surface-50\/70:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:outline-surface-50\/70:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:outline-surface-50\/80:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:outline-surface-50\/80:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:outline-surface-50\/80:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:outline-surface-50\/90:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:outline-surface-50\/90:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:outline-surface-50\/90:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:outline-surface-100:focus { + outline-color: var(--surface-100) + } + .sm\:hover\:outline-surface-100:hover { + outline-color: var(--surface-100) + } + .sm\:active\:outline-surface-100:active { + outline-color: var(--surface-100) + } + .sm\:focus\:outline-surface-100\/10:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:outline-surface-100\/10:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:outline-surface-100\/10:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:outline-surface-100\/20:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:outline-surface-100\/20:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:outline-surface-100\/20:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:outline-surface-100\/30:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:outline-surface-100\/30:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:outline-surface-100\/30:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:outline-surface-100\/40:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:outline-surface-100\/40:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:outline-surface-100\/40:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:outline-surface-100\/50:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:outline-surface-100\/50:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:outline-surface-100\/50:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:outline-surface-100\/60:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:outline-surface-100\/60:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:outline-surface-100\/60:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:outline-surface-100\/70:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:outline-surface-100\/70:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:outline-surface-100\/70:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:outline-surface-100\/80:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:outline-surface-100\/80:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:outline-surface-100\/80:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:outline-surface-100\/90:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:outline-surface-100\/90:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:outline-surface-100\/90:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:outline-surface-200:focus { + outline-color: var(--surface-200) + } + .sm\:hover\:outline-surface-200:hover { + outline-color: var(--surface-200) + } + .sm\:active\:outline-surface-200:active { + outline-color: var(--surface-200) + } + .sm\:focus\:outline-surface-200\/10:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:outline-surface-200\/10:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:outline-surface-200\/10:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:outline-surface-200\/20:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:outline-surface-200\/20:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:outline-surface-200\/20:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:outline-surface-200\/30:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:outline-surface-200\/30:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:outline-surface-200\/30:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:outline-surface-200\/40:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:outline-surface-200\/40:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:outline-surface-200\/40:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:outline-surface-200\/50:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:outline-surface-200\/50:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:outline-surface-200\/50:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:outline-surface-200\/60:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:outline-surface-200\/60:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:outline-surface-200\/60:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:outline-surface-200\/70:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:outline-surface-200\/70:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:outline-surface-200\/70:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:outline-surface-200\/80:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:outline-surface-200\/80:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:outline-surface-200\/80:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:outline-surface-200\/90:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:outline-surface-200\/90:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:outline-surface-200\/90:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:outline-surface-300:focus { + outline-color: var(--surface-300) + } + .sm\:hover\:outline-surface-300:hover { + outline-color: var(--surface-300) + } + .sm\:active\:outline-surface-300:active { + outline-color: var(--surface-300) + } + .sm\:focus\:outline-surface-300\/10:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:outline-surface-300\/10:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:outline-surface-300\/10:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:outline-surface-300\/20:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:outline-surface-300\/20:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:outline-surface-300\/20:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:outline-surface-300\/30:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:outline-surface-300\/30:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:outline-surface-300\/30:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:outline-surface-300\/40:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:outline-surface-300\/40:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:outline-surface-300\/40:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:outline-surface-300\/50:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:outline-surface-300\/50:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:outline-surface-300\/50:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:outline-surface-300\/60:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:outline-surface-300\/60:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:outline-surface-300\/60:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:outline-surface-300\/70:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:outline-surface-300\/70:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:outline-surface-300\/70:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:outline-surface-300\/80:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:outline-surface-300\/80:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:outline-surface-300\/80:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:outline-surface-300\/90:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:outline-surface-300\/90:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:outline-surface-300\/90:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:outline-surface-400:focus { + outline-color: var(--surface-400) + } + .sm\:hover\:outline-surface-400:hover { + outline-color: var(--surface-400) + } + .sm\:active\:outline-surface-400:active { + outline-color: var(--surface-400) + } + .sm\:focus\:outline-surface-400\/10:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:outline-surface-400\/10:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:outline-surface-400\/10:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:outline-surface-400\/20:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:outline-surface-400\/20:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:outline-surface-400\/20:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:outline-surface-400\/30:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:outline-surface-400\/30:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:outline-surface-400\/30:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:outline-surface-400\/40:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:outline-surface-400\/40:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:outline-surface-400\/40:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:outline-surface-400\/50:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:outline-surface-400\/50:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:outline-surface-400\/50:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:outline-surface-400\/60:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:outline-surface-400\/60:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:outline-surface-400\/60:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:outline-surface-400\/70:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:outline-surface-400\/70:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:outline-surface-400\/70:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:outline-surface-400\/80:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:outline-surface-400\/80:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:outline-surface-400\/80:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:outline-surface-400\/90:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:outline-surface-400\/90:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:outline-surface-400\/90:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:outline-surface-500:focus { + outline-color: var(--surface-500) + } + .sm\:hover\:outline-surface-500:hover { + outline-color: var(--surface-500) + } + .sm\:active\:outline-surface-500:active { + outline-color: var(--surface-500) + } + .sm\:focus\:outline-surface-500\/10:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:outline-surface-500\/10:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:outline-surface-500\/10:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:outline-surface-500\/20:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:outline-surface-500\/20:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:outline-surface-500\/20:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:outline-surface-500\/30:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:outline-surface-500\/30:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:outline-surface-500\/30:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:outline-surface-500\/40:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:outline-surface-500\/40:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:outline-surface-500\/40:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:outline-surface-500\/50:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:outline-surface-500\/50:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:outline-surface-500\/50:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:outline-surface-500\/60:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:outline-surface-500\/60:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:outline-surface-500\/60:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:outline-surface-500\/70:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:outline-surface-500\/70:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:outline-surface-500\/70:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:outline-surface-500\/80:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:outline-surface-500\/80:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:outline-surface-500\/80:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:outline-surface-500\/90:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:outline-surface-500\/90:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:outline-surface-500\/90:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:outline-surface-600:focus { + outline-color: var(--surface-600) + } + .sm\:hover\:outline-surface-600:hover { + outline-color: var(--surface-600) + } + .sm\:active\:outline-surface-600:active { + outline-color: var(--surface-600) + } + .sm\:focus\:outline-surface-600\/10:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:outline-surface-600\/10:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:outline-surface-600\/10:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:outline-surface-600\/20:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:outline-surface-600\/20:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:outline-surface-600\/20:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:outline-surface-600\/30:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:outline-surface-600\/30:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:outline-surface-600\/30:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:outline-surface-600\/40:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:outline-surface-600\/40:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:outline-surface-600\/40:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:outline-surface-600\/50:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:outline-surface-600\/50:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:outline-surface-600\/50:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:outline-surface-600\/60:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:outline-surface-600\/60:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:outline-surface-600\/60:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:outline-surface-600\/70:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:outline-surface-600\/70:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:outline-surface-600\/70:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:outline-surface-600\/80:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:outline-surface-600\/80:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:outline-surface-600\/80:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:outline-surface-600\/90:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:outline-surface-600\/90:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:outline-surface-600\/90:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:outline-surface-700:focus { + outline-color: var(--surface-700) + } + .sm\:hover\:outline-surface-700:hover { + outline-color: var(--surface-700) + } + .sm\:active\:outline-surface-700:active { + outline-color: var(--surface-700) + } + .sm\:focus\:outline-surface-700\/10:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:outline-surface-700\/10:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:outline-surface-700\/10:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:outline-surface-700\/20:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:outline-surface-700\/20:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:outline-surface-700\/20:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:outline-surface-700\/30:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:outline-surface-700\/30:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:outline-surface-700\/30:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:outline-surface-700\/40:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:outline-surface-700\/40:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:outline-surface-700\/40:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:outline-surface-700\/50:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:outline-surface-700\/50:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:outline-surface-700\/50:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:outline-surface-700\/60:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:outline-surface-700\/60:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:outline-surface-700\/60:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:outline-surface-700\/70:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:outline-surface-700\/70:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:outline-surface-700\/70:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:outline-surface-700\/80:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:outline-surface-700\/80:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:outline-surface-700\/80:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:outline-surface-700\/90:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:outline-surface-700\/90:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:outline-surface-700\/90:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:outline-surface-800:focus { + outline-color: var(--surface-800) + } + .sm\:hover\:outline-surface-800:hover { + outline-color: var(--surface-800) + } + .sm\:active\:outline-surface-800:active { + outline-color: var(--surface-800) + } + .sm\:focus\:outline-surface-800\/10:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:outline-surface-800\/10:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:outline-surface-800\/10:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:outline-surface-800\/20:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:outline-surface-800\/20:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:outline-surface-800\/20:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:outline-surface-800\/30:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:outline-surface-800\/30:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:outline-surface-800\/30:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:outline-surface-800\/40:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:outline-surface-800\/40:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:outline-surface-800\/40:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:outline-surface-800\/50:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:outline-surface-800\/50:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:outline-surface-800\/50:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:outline-surface-800\/60:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:outline-surface-800\/60:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:outline-surface-800\/60:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:outline-surface-800\/70:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:outline-surface-800\/70:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:outline-surface-800\/70:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:outline-surface-800\/80:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:outline-surface-800\/80:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:outline-surface-800\/80:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:outline-surface-800\/90:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:outline-surface-800\/90:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:outline-surface-800\/90:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:outline-surface-900:focus { + outline-color: var(--surface-900) + } + .sm\:hover\:outline-surface-900:hover { + outline-color: var(--surface-900) + } + .sm\:active\:outline-surface-900:active { + outline-color: var(--surface-900) + } + .sm\:focus\:outline-surface-900\/10:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:outline-surface-900\/10:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:outline-surface-900\/10:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:outline-surface-900\/20:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:outline-surface-900\/20:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:outline-surface-900\/20:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:outline-surface-900\/30:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:outline-surface-900\/30:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:outline-surface-900\/30:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:outline-surface-900\/40:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:outline-surface-900\/40:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:outline-surface-900\/40:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:outline-surface-900\/50:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:outline-surface-900\/50:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:outline-surface-900\/50:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:outline-surface-900\/60:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:outline-surface-900\/60:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:outline-surface-900\/60:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:outline-surface-900\/70:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:outline-surface-900\/70:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:outline-surface-900\/70:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:outline-surface-900\/80:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:outline-surface-900\/80:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:outline-surface-900\/80:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:outline-surface-900\/90:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:outline-surface-900\/90:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:outline-surface-900\/90:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:outline-primary-50:focus { + outline-color: var(--primary-50) + } + .sm\:hover\:outline-primary-50:hover { + outline-color: var(--primary-50) + } + .sm\:active\:outline-primary-50:active { + outline-color: var(--primary-50) + } + .sm\:focus\:outline-primary-50\/10:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:outline-primary-50\/10:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:outline-primary-50\/10:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:outline-primary-50\/20:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:outline-primary-50\/20:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:outline-primary-50\/20:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:outline-primary-50\/30:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:outline-primary-50\/30:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:outline-primary-50\/30:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:outline-primary-50\/40:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:outline-primary-50\/40:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:outline-primary-50\/40:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:outline-primary-50\/50:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:outline-primary-50\/50:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:outline-primary-50\/50:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:outline-primary-50\/60:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:outline-primary-50\/60:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:outline-primary-50\/60:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:outline-primary-50\/70:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:outline-primary-50\/70:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:outline-primary-50\/70:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:outline-primary-50\/80:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:outline-primary-50\/80:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:outline-primary-50\/80:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:outline-primary-50\/90:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:outline-primary-50\/90:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:outline-primary-50\/90:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:outline-primary-100:focus { + outline-color: var(--primary-100) + } + .sm\:hover\:outline-primary-100:hover { + outline-color: var(--primary-100) + } + .sm\:active\:outline-primary-100:active { + outline-color: var(--primary-100) + } + .sm\:focus\:outline-primary-100\/10:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:outline-primary-100\/10:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:outline-primary-100\/10:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:outline-primary-100\/20:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:outline-primary-100\/20:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:outline-primary-100\/20:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:outline-primary-100\/30:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:outline-primary-100\/30:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:outline-primary-100\/30:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:outline-primary-100\/40:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:outline-primary-100\/40:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:outline-primary-100\/40:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:outline-primary-100\/50:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:outline-primary-100\/50:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:outline-primary-100\/50:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:outline-primary-100\/60:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:outline-primary-100\/60:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:outline-primary-100\/60:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:outline-primary-100\/70:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:outline-primary-100\/70:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:outline-primary-100\/70:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:outline-primary-100\/80:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:outline-primary-100\/80:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:outline-primary-100\/80:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:outline-primary-100\/90:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:outline-primary-100\/90:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:outline-primary-100\/90:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:outline-primary-200:focus { + outline-color: var(--primary-200) + } + .sm\:hover\:outline-primary-200:hover { + outline-color: var(--primary-200) + } + .sm\:active\:outline-primary-200:active { + outline-color: var(--primary-200) + } + .sm\:focus\:outline-primary-200\/10:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:outline-primary-200\/10:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:outline-primary-200\/10:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:outline-primary-200\/20:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:outline-primary-200\/20:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:outline-primary-200\/20:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:outline-primary-200\/30:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:outline-primary-200\/30:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:outline-primary-200\/30:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:outline-primary-200\/40:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:outline-primary-200\/40:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:outline-primary-200\/40:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:outline-primary-200\/50:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:outline-primary-200\/50:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:outline-primary-200\/50:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:outline-primary-200\/60:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:outline-primary-200\/60:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:outline-primary-200\/60:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:outline-primary-200\/70:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:outline-primary-200\/70:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:outline-primary-200\/70:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:outline-primary-200\/80:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:outline-primary-200\/80:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:outline-primary-200\/80:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:outline-primary-200\/90:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:outline-primary-200\/90:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:outline-primary-200\/90:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:outline-primary-300:focus { + outline-color: var(--primary-300) + } + .sm\:hover\:outline-primary-300:hover { + outline-color: var(--primary-300) + } + .sm\:active\:outline-primary-300:active { + outline-color: var(--primary-300) + } + .sm\:focus\:outline-primary-300\/10:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:outline-primary-300\/10:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:outline-primary-300\/10:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:outline-primary-300\/20:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:outline-primary-300\/20:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:outline-primary-300\/20:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:outline-primary-300\/30:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:outline-primary-300\/30:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:outline-primary-300\/30:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:outline-primary-300\/40:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:outline-primary-300\/40:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:outline-primary-300\/40:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:outline-primary-300\/50:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:outline-primary-300\/50:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:outline-primary-300\/50:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:outline-primary-300\/60:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:outline-primary-300\/60:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:outline-primary-300\/60:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:outline-primary-300\/70:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:outline-primary-300\/70:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:outline-primary-300\/70:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:outline-primary-300\/80:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:outline-primary-300\/80:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:outline-primary-300\/80:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:outline-primary-300\/90:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:outline-primary-300\/90:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:outline-primary-300\/90:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:outline-primary-400:focus { + outline-color: var(--primary-400) + } + .sm\:hover\:outline-primary-400:hover { + outline-color: var(--primary-400) + } + .sm\:active\:outline-primary-400:active { + outline-color: var(--primary-400) + } + .sm\:focus\:outline-primary-400\/10:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:outline-primary-400\/10:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:outline-primary-400\/10:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:outline-primary-400\/20:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:outline-primary-400\/20:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:outline-primary-400\/20:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:outline-primary-400\/30:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:outline-primary-400\/30:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:outline-primary-400\/30:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:outline-primary-400\/40:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:outline-primary-400\/40:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:outline-primary-400\/40:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:outline-primary-400\/50:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:outline-primary-400\/50:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:outline-primary-400\/50:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:outline-primary-400\/60:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:outline-primary-400\/60:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:outline-primary-400\/60:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:outline-primary-400\/70:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:outline-primary-400\/70:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:outline-primary-400\/70:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:outline-primary-400\/80:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:outline-primary-400\/80:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:outline-primary-400\/80:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:outline-primary-400\/90:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:outline-primary-400\/90:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:outline-primary-400\/90:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:outline-primary-500:focus { + outline-color: var(--primary-500) + } + .sm\:hover\:outline-primary-500:hover { + outline-color: var(--primary-500) + } + .sm\:active\:outline-primary-500:active { + outline-color: var(--primary-500) + } + .sm\:focus\:outline-primary-500\/10:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:outline-primary-500\/10:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:outline-primary-500\/10:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:outline-primary-500\/20:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:outline-primary-500\/20:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:outline-primary-500\/20:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:outline-primary-500\/30:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:outline-primary-500\/30:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:outline-primary-500\/30:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:outline-primary-500\/40:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:outline-primary-500\/40:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:outline-primary-500\/40:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:outline-primary-500\/50:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:outline-primary-500\/50:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:outline-primary-500\/50:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:outline-primary-500\/60:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:outline-primary-500\/60:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:outline-primary-500\/60:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:outline-primary-500\/70:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:outline-primary-500\/70:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:outline-primary-500\/70:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:outline-primary-500\/80:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:outline-primary-500\/80:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:outline-primary-500\/80:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:outline-primary-500\/90:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:outline-primary-500\/90:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:outline-primary-500\/90:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:outline-primary-600:focus { + outline-color: var(--primary-600) + } + .sm\:hover\:outline-primary-600:hover { + outline-color: var(--primary-600) + } + .sm\:active\:outline-primary-600:active { + outline-color: var(--primary-600) + } + .sm\:focus\:outline-primary-600\/10:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:outline-primary-600\/10:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:outline-primary-600\/10:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:outline-primary-600\/20:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:outline-primary-600\/20:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:outline-primary-600\/20:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:outline-primary-600\/30:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:outline-primary-600\/30:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:outline-primary-600\/30:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:outline-primary-600\/40:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:outline-primary-600\/40:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:outline-primary-600\/40:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:outline-primary-600\/50:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:outline-primary-600\/50:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:outline-primary-600\/50:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:outline-primary-600\/60:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:outline-primary-600\/60:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:outline-primary-600\/60:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:outline-primary-600\/70:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:outline-primary-600\/70:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:outline-primary-600\/70:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:outline-primary-600\/80:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:outline-primary-600\/80:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:outline-primary-600\/80:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:outline-primary-600\/90:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:outline-primary-600\/90:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:outline-primary-600\/90:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:outline-primary-700:focus { + outline-color: var(--primary-700) + } + .sm\:hover\:outline-primary-700:hover { + outline-color: var(--primary-700) + } + .sm\:active\:outline-primary-700:active { + outline-color: var(--primary-700) + } + .sm\:focus\:outline-primary-700\/10:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:outline-primary-700\/10:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:outline-primary-700\/10:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:outline-primary-700\/20:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:outline-primary-700\/20:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:outline-primary-700\/20:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:outline-primary-700\/30:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:outline-primary-700\/30:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:outline-primary-700\/30:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:outline-primary-700\/40:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:outline-primary-700\/40:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:outline-primary-700\/40:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:outline-primary-700\/50:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:outline-primary-700\/50:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:outline-primary-700\/50:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:outline-primary-700\/60:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:outline-primary-700\/60:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:outline-primary-700\/60:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:outline-primary-700\/70:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:outline-primary-700\/70:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:outline-primary-700\/70:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:outline-primary-700\/80:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:outline-primary-700\/80:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:outline-primary-700\/80:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:outline-primary-700\/90:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:outline-primary-700\/90:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:outline-primary-700\/90:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:outline-primary-800:focus { + outline-color: var(--primary-800) + } + .sm\:hover\:outline-primary-800:hover { + outline-color: var(--primary-800) + } + .sm\:active\:outline-primary-800:active { + outline-color: var(--primary-800) + } + .sm\:focus\:outline-primary-800\/10:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:outline-primary-800\/10:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:outline-primary-800\/10:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:outline-primary-800\/20:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:outline-primary-800\/20:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:outline-primary-800\/20:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:outline-primary-800\/30:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:outline-primary-800\/30:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:outline-primary-800\/30:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:outline-primary-800\/40:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:outline-primary-800\/40:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:outline-primary-800\/40:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:outline-primary-800\/50:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:outline-primary-800\/50:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:outline-primary-800\/50:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:outline-primary-800\/60:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:outline-primary-800\/60:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:outline-primary-800\/60:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:outline-primary-800\/70:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:outline-primary-800\/70:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:outline-primary-800\/70:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:outline-primary-800\/80:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:outline-primary-800\/80:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:outline-primary-800\/80:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:outline-primary-800\/90:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:outline-primary-800\/90:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:outline-primary-800\/90:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:outline-primary-900:focus { + outline-color: var(--primary-900) + } + .sm\:hover\:outline-primary-900:hover { + outline-color: var(--primary-900) + } + .sm\:active\:outline-primary-900:active { + outline-color: var(--primary-900) + } + .sm\:focus\:outline-primary-900\/10:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:outline-primary-900\/10:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:outline-primary-900\/10:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:outline-primary-900\/20:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:outline-primary-900\/20:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:outline-primary-900\/20:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:outline-primary-900\/30:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:outline-primary-900\/30:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:outline-primary-900\/30:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:outline-primary-900\/40:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:outline-primary-900\/40:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:outline-primary-900\/40:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:outline-primary-900\/50:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:outline-primary-900\/50:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:outline-primary-900\/50:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:outline-primary-900\/60:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:outline-primary-900\/60:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:outline-primary-900\/60:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:outline-primary-900\/70:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:outline-primary-900\/70:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:outline-primary-900\/70:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:outline-primary-900\/80:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:outline-primary-900\/80:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:outline-primary-900\/80:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:outline-primary-900\/90:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:outline-primary-900\/90:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:outline-primary-900\/90:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:outline-blue-50 { + outline-color: var(--blue-50) + } + .md\:outline-blue-50\/10 { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:outline-blue-50\/20 { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:outline-blue-50\/30 { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:outline-blue-50\/40 { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:outline-blue-50\/50 { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:outline-blue-50\/60 { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:outline-blue-50\/70 { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:outline-blue-50\/80 { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:outline-blue-50\/90 { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:outline-blue-100 { + outline-color: var(--blue-100) + } + .md\:outline-blue-100\/10 { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:outline-blue-100\/20 { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:outline-blue-100\/30 { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:outline-blue-100\/40 { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:outline-blue-100\/50 { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:outline-blue-100\/60 { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:outline-blue-100\/70 { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:outline-blue-100\/80 { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:outline-blue-100\/90 { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:outline-blue-200 { + outline-color: var(--blue-200) + } + .md\:outline-blue-200\/10 { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:outline-blue-200\/20 { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:outline-blue-200\/30 { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:outline-blue-200\/40 { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:outline-blue-200\/50 { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:outline-blue-200\/60 { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:outline-blue-200\/70 { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:outline-blue-200\/80 { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:outline-blue-200\/90 { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:outline-blue-300 { + outline-color: var(--blue-300) + } + .md\:outline-blue-300\/10 { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:outline-blue-300\/20 { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:outline-blue-300\/30 { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:outline-blue-300\/40 { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:outline-blue-300\/50 { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:outline-blue-300\/60 { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:outline-blue-300\/70 { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:outline-blue-300\/80 { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:outline-blue-300\/90 { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:outline-blue-400 { + outline-color: var(--blue-400) + } + .md\:outline-blue-400\/10 { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:outline-blue-400\/20 { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:outline-blue-400\/30 { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:outline-blue-400\/40 { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:outline-blue-400\/50 { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:outline-blue-400\/60 { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:outline-blue-400\/70 { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:outline-blue-400\/80 { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:outline-blue-400\/90 { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:outline-blue-500 { + outline-color: var(--blue-500) + } + .md\:outline-blue-500\/10 { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:outline-blue-500\/20 { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:outline-blue-500\/30 { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:outline-blue-500\/40 { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:outline-blue-500\/50 { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:outline-blue-500\/60 { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:outline-blue-500\/70 { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:outline-blue-500\/80 { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:outline-blue-500\/90 { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:outline-blue-600 { + outline-color: var(--blue-600) + } + .md\:outline-blue-600\/10 { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:outline-blue-600\/20 { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:outline-blue-600\/30 { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:outline-blue-600\/40 { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:outline-blue-600\/50 { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:outline-blue-600\/60 { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:outline-blue-600\/70 { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:outline-blue-600\/80 { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:outline-blue-600\/90 { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:outline-blue-700 { + outline-color: var(--blue-700) + } + .md\:outline-blue-700\/10 { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:outline-blue-700\/20 { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:outline-blue-700\/30 { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:outline-blue-700\/40 { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:outline-blue-700\/50 { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:outline-blue-700\/60 { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:outline-blue-700\/70 { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:outline-blue-700\/80 { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:outline-blue-700\/90 { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:outline-blue-800 { + outline-color: var(--blue-800) + } + .md\:outline-blue-800\/10 { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:outline-blue-800\/20 { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:outline-blue-800\/30 { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:outline-blue-800\/40 { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:outline-blue-800\/50 { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:outline-blue-800\/60 { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:outline-blue-800\/70 { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:outline-blue-800\/80 { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:outline-blue-800\/90 { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:outline-blue-900 { + outline-color: var(--blue-900) + } + .md\:outline-blue-900\/10 { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:outline-blue-900\/20 { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:outline-blue-900\/30 { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:outline-blue-900\/40 { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:outline-blue-900\/50 { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:outline-blue-900\/60 { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:outline-blue-900\/70 { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:outline-blue-900\/80 { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:outline-blue-900\/90 { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:outline-green-50 { + outline-color: var(--green-50) + } + .md\:outline-green-50\/10 { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:outline-green-50\/20 { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:outline-green-50\/30 { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:outline-green-50\/40 { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:outline-green-50\/50 { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:outline-green-50\/60 { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:outline-green-50\/70 { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:outline-green-50\/80 { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:outline-green-50\/90 { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:outline-green-100 { + outline-color: var(--green-100) + } + .md\:outline-green-100\/10 { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:outline-green-100\/20 { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:outline-green-100\/30 { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:outline-green-100\/40 { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:outline-green-100\/50 { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:outline-green-100\/60 { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:outline-green-100\/70 { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:outline-green-100\/80 { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:outline-green-100\/90 { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:outline-green-200 { + outline-color: var(--green-200) + } + .md\:outline-green-200\/10 { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:outline-green-200\/20 { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:outline-green-200\/30 { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:outline-green-200\/40 { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:outline-green-200\/50 { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:outline-green-200\/60 { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:outline-green-200\/70 { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:outline-green-200\/80 { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:outline-green-200\/90 { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:outline-green-300 { + outline-color: var(--green-300) + } + .md\:outline-green-300\/10 { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:outline-green-300\/20 { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:outline-green-300\/30 { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:outline-green-300\/40 { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:outline-green-300\/50 { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:outline-green-300\/60 { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:outline-green-300\/70 { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:outline-green-300\/80 { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:outline-green-300\/90 { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:outline-green-400 { + outline-color: var(--green-400) + } + .md\:outline-green-400\/10 { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:outline-green-400\/20 { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:outline-green-400\/30 { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:outline-green-400\/40 { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:outline-green-400\/50 { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:outline-green-400\/60 { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:outline-green-400\/70 { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:outline-green-400\/80 { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:outline-green-400\/90 { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:outline-green-500 { + outline-color: var(--green-500) + } + .md\:outline-green-500\/10 { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:outline-green-500\/20 { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:outline-green-500\/30 { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:outline-green-500\/40 { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:outline-green-500\/50 { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:outline-green-500\/60 { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:outline-green-500\/70 { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:outline-green-500\/80 { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:outline-green-500\/90 { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:outline-green-600 { + outline-color: var(--green-600) + } + .md\:outline-green-600\/10 { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:outline-green-600\/20 { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:outline-green-600\/30 { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:outline-green-600\/40 { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:outline-green-600\/50 { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:outline-green-600\/60 { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:outline-green-600\/70 { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:outline-green-600\/80 { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:outline-green-600\/90 { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:outline-green-700 { + outline-color: var(--green-700) + } + .md\:outline-green-700\/10 { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:outline-green-700\/20 { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:outline-green-700\/30 { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:outline-green-700\/40 { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:outline-green-700\/50 { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:outline-green-700\/60 { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:outline-green-700\/70 { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:outline-green-700\/80 { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:outline-green-700\/90 { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:outline-green-800 { + outline-color: var(--green-800) + } + .md\:outline-green-800\/10 { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:outline-green-800\/20 { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:outline-green-800\/30 { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:outline-green-800\/40 { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:outline-green-800\/50 { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:outline-green-800\/60 { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:outline-green-800\/70 { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:outline-green-800\/80 { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:outline-green-800\/90 { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:outline-green-900 { + outline-color: var(--green-900) + } + .md\:outline-green-900\/10 { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:outline-green-900\/20 { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:outline-green-900\/30 { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:outline-green-900\/40 { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:outline-green-900\/50 { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:outline-green-900\/60 { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:outline-green-900\/70 { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:outline-green-900\/80 { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:outline-green-900\/90 { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:outline-yellow-50 { + outline-color: var(--yellow-50) + } + .md\:outline-yellow-50\/10 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:outline-yellow-50\/20 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:outline-yellow-50\/30 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:outline-yellow-50\/40 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:outline-yellow-50\/50 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:outline-yellow-50\/60 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:outline-yellow-50\/70 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:outline-yellow-50\/80 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:outline-yellow-50\/90 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:outline-yellow-100 { + outline-color: var(--yellow-100) + } + .md\:outline-yellow-100\/10 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:outline-yellow-100\/20 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:outline-yellow-100\/30 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:outline-yellow-100\/40 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:outline-yellow-100\/50 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:outline-yellow-100\/60 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:outline-yellow-100\/70 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:outline-yellow-100\/80 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:outline-yellow-100\/90 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:outline-yellow-200 { + outline-color: var(--yellow-200) + } + .md\:outline-yellow-200\/10 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:outline-yellow-200\/20 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:outline-yellow-200\/30 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:outline-yellow-200\/40 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:outline-yellow-200\/50 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:outline-yellow-200\/60 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:outline-yellow-200\/70 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:outline-yellow-200\/80 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:outline-yellow-200\/90 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:outline-yellow-300 { + outline-color: var(--yellow-300) + } + .md\:outline-yellow-300\/10 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:outline-yellow-300\/20 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:outline-yellow-300\/30 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:outline-yellow-300\/40 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:outline-yellow-300\/50 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:outline-yellow-300\/60 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:outline-yellow-300\/70 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:outline-yellow-300\/80 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:outline-yellow-300\/90 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:outline-yellow-400 { + outline-color: var(--yellow-400) + } + .md\:outline-yellow-400\/10 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:outline-yellow-400\/20 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:outline-yellow-400\/30 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:outline-yellow-400\/40 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:outline-yellow-400\/50 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:outline-yellow-400\/60 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:outline-yellow-400\/70 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:outline-yellow-400\/80 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:outline-yellow-400\/90 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:outline-yellow-500 { + outline-color: var(--yellow-500) + } + .md\:outline-yellow-500\/10 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:outline-yellow-500\/20 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:outline-yellow-500\/30 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:outline-yellow-500\/40 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:outline-yellow-500\/50 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:outline-yellow-500\/60 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:outline-yellow-500\/70 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:outline-yellow-500\/80 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:outline-yellow-500\/90 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:outline-yellow-600 { + outline-color: var(--yellow-600) + } + .md\:outline-yellow-600\/10 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:outline-yellow-600\/20 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:outline-yellow-600\/30 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:outline-yellow-600\/40 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:outline-yellow-600\/50 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:outline-yellow-600\/60 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:outline-yellow-600\/70 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:outline-yellow-600\/80 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:outline-yellow-600\/90 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:outline-yellow-700 { + outline-color: var(--yellow-700) + } + .md\:outline-yellow-700\/10 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:outline-yellow-700\/20 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:outline-yellow-700\/30 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:outline-yellow-700\/40 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:outline-yellow-700\/50 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:outline-yellow-700\/60 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:outline-yellow-700\/70 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:outline-yellow-700\/80 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:outline-yellow-700\/90 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:outline-yellow-800 { + outline-color: var(--yellow-800) + } + .md\:outline-yellow-800\/10 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:outline-yellow-800\/20 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:outline-yellow-800\/30 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:outline-yellow-800\/40 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:outline-yellow-800\/50 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:outline-yellow-800\/60 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:outline-yellow-800\/70 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:outline-yellow-800\/80 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:outline-yellow-800\/90 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:outline-yellow-900 { + outline-color: var(--yellow-900) + } + .md\:outline-yellow-900\/10 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:outline-yellow-900\/20 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:outline-yellow-900\/30 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:outline-yellow-900\/40 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:outline-yellow-900\/50 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:outline-yellow-900\/60 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:outline-yellow-900\/70 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:outline-yellow-900\/80 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:outline-yellow-900\/90 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:outline-cyan-50 { + outline-color: var(--cyan-50) + } + .md\:outline-cyan-50\/10 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:outline-cyan-50\/20 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:outline-cyan-50\/30 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:outline-cyan-50\/40 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:outline-cyan-50\/50 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:outline-cyan-50\/60 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:outline-cyan-50\/70 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:outline-cyan-50\/80 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:outline-cyan-50\/90 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:outline-cyan-100 { + outline-color: var(--cyan-100) + } + .md\:outline-cyan-100\/10 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:outline-cyan-100\/20 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:outline-cyan-100\/30 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:outline-cyan-100\/40 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:outline-cyan-100\/50 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:outline-cyan-100\/60 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:outline-cyan-100\/70 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:outline-cyan-100\/80 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:outline-cyan-100\/90 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:outline-cyan-200 { + outline-color: var(--cyan-200) + } + .md\:outline-cyan-200\/10 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:outline-cyan-200\/20 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:outline-cyan-200\/30 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:outline-cyan-200\/40 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:outline-cyan-200\/50 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:outline-cyan-200\/60 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:outline-cyan-200\/70 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:outline-cyan-200\/80 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:outline-cyan-200\/90 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:outline-cyan-300 { + outline-color: var(--cyan-300) + } + .md\:outline-cyan-300\/10 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:outline-cyan-300\/20 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:outline-cyan-300\/30 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:outline-cyan-300\/40 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:outline-cyan-300\/50 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:outline-cyan-300\/60 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:outline-cyan-300\/70 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:outline-cyan-300\/80 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:outline-cyan-300\/90 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:outline-cyan-400 { + outline-color: var(--cyan-400) + } + .md\:outline-cyan-400\/10 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:outline-cyan-400\/20 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:outline-cyan-400\/30 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:outline-cyan-400\/40 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:outline-cyan-400\/50 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:outline-cyan-400\/60 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:outline-cyan-400\/70 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:outline-cyan-400\/80 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:outline-cyan-400\/90 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:outline-cyan-500 { + outline-color: var(--cyan-500) + } + .md\:outline-cyan-500\/10 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:outline-cyan-500\/20 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:outline-cyan-500\/30 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:outline-cyan-500\/40 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:outline-cyan-500\/50 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:outline-cyan-500\/60 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:outline-cyan-500\/70 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:outline-cyan-500\/80 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:outline-cyan-500\/90 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:outline-cyan-600 { + outline-color: var(--cyan-600) + } + .md\:outline-cyan-600\/10 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:outline-cyan-600\/20 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:outline-cyan-600\/30 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:outline-cyan-600\/40 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:outline-cyan-600\/50 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:outline-cyan-600\/60 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:outline-cyan-600\/70 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:outline-cyan-600\/80 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:outline-cyan-600\/90 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:outline-cyan-700 { + outline-color: var(--cyan-700) + } + .md\:outline-cyan-700\/10 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:outline-cyan-700\/20 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:outline-cyan-700\/30 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:outline-cyan-700\/40 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:outline-cyan-700\/50 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:outline-cyan-700\/60 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:outline-cyan-700\/70 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:outline-cyan-700\/80 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:outline-cyan-700\/90 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:outline-cyan-800 { + outline-color: var(--cyan-800) + } + .md\:outline-cyan-800\/10 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:outline-cyan-800\/20 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:outline-cyan-800\/30 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:outline-cyan-800\/40 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:outline-cyan-800\/50 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:outline-cyan-800\/60 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:outline-cyan-800\/70 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:outline-cyan-800\/80 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:outline-cyan-800\/90 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:outline-cyan-900 { + outline-color: var(--cyan-900) + } + .md\:outline-cyan-900\/10 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:outline-cyan-900\/20 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:outline-cyan-900\/30 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:outline-cyan-900\/40 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:outline-cyan-900\/50 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:outline-cyan-900\/60 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:outline-cyan-900\/70 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:outline-cyan-900\/80 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:outline-cyan-900\/90 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:outline-pink-50 { + outline-color: var(--pink-50) + } + .md\:outline-pink-50\/10 { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:outline-pink-50\/20 { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:outline-pink-50\/30 { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:outline-pink-50\/40 { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:outline-pink-50\/50 { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:outline-pink-50\/60 { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:outline-pink-50\/70 { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:outline-pink-50\/80 { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:outline-pink-50\/90 { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:outline-pink-100 { + outline-color: var(--pink-100) + } + .md\:outline-pink-100\/10 { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:outline-pink-100\/20 { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:outline-pink-100\/30 { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:outline-pink-100\/40 { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:outline-pink-100\/50 { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:outline-pink-100\/60 { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:outline-pink-100\/70 { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:outline-pink-100\/80 { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:outline-pink-100\/90 { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:outline-pink-200 { + outline-color: var(--pink-200) + } + .md\:outline-pink-200\/10 { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:outline-pink-200\/20 { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:outline-pink-200\/30 { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:outline-pink-200\/40 { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:outline-pink-200\/50 { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:outline-pink-200\/60 { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:outline-pink-200\/70 { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:outline-pink-200\/80 { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:outline-pink-200\/90 { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:outline-pink-300 { + outline-color: var(--pink-300) + } + .md\:outline-pink-300\/10 { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:outline-pink-300\/20 { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:outline-pink-300\/30 { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:outline-pink-300\/40 { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:outline-pink-300\/50 { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:outline-pink-300\/60 { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:outline-pink-300\/70 { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:outline-pink-300\/80 { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:outline-pink-300\/90 { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:outline-pink-400 { + outline-color: var(--pink-400) + } + .md\:outline-pink-400\/10 { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:outline-pink-400\/20 { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:outline-pink-400\/30 { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:outline-pink-400\/40 { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:outline-pink-400\/50 { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:outline-pink-400\/60 { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:outline-pink-400\/70 { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:outline-pink-400\/80 { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:outline-pink-400\/90 { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:outline-pink-500 { + outline-color: var(--pink-500) + } + .md\:outline-pink-500\/10 { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:outline-pink-500\/20 { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:outline-pink-500\/30 { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:outline-pink-500\/40 { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:outline-pink-500\/50 { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:outline-pink-500\/60 { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:outline-pink-500\/70 { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:outline-pink-500\/80 { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:outline-pink-500\/90 { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:outline-pink-600 { + outline-color: var(--pink-600) + } + .md\:outline-pink-600\/10 { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:outline-pink-600\/20 { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:outline-pink-600\/30 { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:outline-pink-600\/40 { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:outline-pink-600\/50 { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:outline-pink-600\/60 { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:outline-pink-600\/70 { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:outline-pink-600\/80 { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:outline-pink-600\/90 { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:outline-pink-700 { + outline-color: var(--pink-700) + } + .md\:outline-pink-700\/10 { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:outline-pink-700\/20 { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:outline-pink-700\/30 { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:outline-pink-700\/40 { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:outline-pink-700\/50 { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:outline-pink-700\/60 { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:outline-pink-700\/70 { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:outline-pink-700\/80 { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:outline-pink-700\/90 { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:outline-pink-800 { + outline-color: var(--pink-800) + } + .md\:outline-pink-800\/10 { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:outline-pink-800\/20 { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:outline-pink-800\/30 { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:outline-pink-800\/40 { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:outline-pink-800\/50 { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:outline-pink-800\/60 { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:outline-pink-800\/70 { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:outline-pink-800\/80 { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:outline-pink-800\/90 { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:outline-pink-900 { + outline-color: var(--pink-900) + } + .md\:outline-pink-900\/10 { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:outline-pink-900\/20 { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:outline-pink-900\/30 { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:outline-pink-900\/40 { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:outline-pink-900\/50 { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:outline-pink-900\/60 { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:outline-pink-900\/70 { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:outline-pink-900\/80 { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:outline-pink-900\/90 { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:outline-indigo-50 { + outline-color: var(--indigo-50) + } + .md\:outline-indigo-50\/10 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:outline-indigo-50\/20 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:outline-indigo-50\/30 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:outline-indigo-50\/40 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:outline-indigo-50\/50 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:outline-indigo-50\/60 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:outline-indigo-50\/70 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:outline-indigo-50\/80 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:outline-indigo-50\/90 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:outline-indigo-100 { + outline-color: var(--indigo-100) + } + .md\:outline-indigo-100\/10 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:outline-indigo-100\/20 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:outline-indigo-100\/30 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:outline-indigo-100\/40 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:outline-indigo-100\/50 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:outline-indigo-100\/60 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:outline-indigo-100\/70 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:outline-indigo-100\/80 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:outline-indigo-100\/90 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:outline-indigo-200 { + outline-color: var(--indigo-200) + } + .md\:outline-indigo-200\/10 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:outline-indigo-200\/20 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:outline-indigo-200\/30 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:outline-indigo-200\/40 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:outline-indigo-200\/50 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:outline-indigo-200\/60 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:outline-indigo-200\/70 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:outline-indigo-200\/80 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:outline-indigo-200\/90 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:outline-indigo-300 { + outline-color: var(--indigo-300) + } + .md\:outline-indigo-300\/10 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:outline-indigo-300\/20 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:outline-indigo-300\/30 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:outline-indigo-300\/40 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:outline-indigo-300\/50 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:outline-indigo-300\/60 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:outline-indigo-300\/70 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:outline-indigo-300\/80 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:outline-indigo-300\/90 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:outline-indigo-400 { + outline-color: var(--indigo-400) + } + .md\:outline-indigo-400\/10 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:outline-indigo-400\/20 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:outline-indigo-400\/30 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:outline-indigo-400\/40 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:outline-indigo-400\/50 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:outline-indigo-400\/60 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:outline-indigo-400\/70 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:outline-indigo-400\/80 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:outline-indigo-400\/90 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:outline-indigo-500 { + outline-color: var(--indigo-500) + } + .md\:outline-indigo-500\/10 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:outline-indigo-500\/20 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:outline-indigo-500\/30 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:outline-indigo-500\/40 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:outline-indigo-500\/50 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:outline-indigo-500\/60 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:outline-indigo-500\/70 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:outline-indigo-500\/80 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:outline-indigo-500\/90 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:outline-indigo-600 { + outline-color: var(--indigo-600) + } + .md\:outline-indigo-600\/10 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:outline-indigo-600\/20 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:outline-indigo-600\/30 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:outline-indigo-600\/40 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:outline-indigo-600\/50 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:outline-indigo-600\/60 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:outline-indigo-600\/70 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:outline-indigo-600\/80 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:outline-indigo-600\/90 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:outline-indigo-700 { + outline-color: var(--indigo-700) + } + .md\:outline-indigo-700\/10 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:outline-indigo-700\/20 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:outline-indigo-700\/30 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:outline-indigo-700\/40 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:outline-indigo-700\/50 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:outline-indigo-700\/60 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:outline-indigo-700\/70 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:outline-indigo-700\/80 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:outline-indigo-700\/90 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:outline-indigo-800 { + outline-color: var(--indigo-800) + } + .md\:outline-indigo-800\/10 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:outline-indigo-800\/20 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:outline-indigo-800\/30 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:outline-indigo-800\/40 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:outline-indigo-800\/50 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:outline-indigo-800\/60 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:outline-indigo-800\/70 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:outline-indigo-800\/80 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:outline-indigo-800\/90 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:outline-indigo-900 { + outline-color: var(--indigo-900) + } + .md\:outline-indigo-900\/10 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:outline-indigo-900\/20 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:outline-indigo-900\/30 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:outline-indigo-900\/40 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:outline-indigo-900\/50 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:outline-indigo-900\/60 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:outline-indigo-900\/70 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:outline-indigo-900\/80 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:outline-indigo-900\/90 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:outline-teal-50 { + outline-color: var(--teal-50) + } + .md\:outline-teal-50\/10 { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:outline-teal-50\/20 { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:outline-teal-50\/30 { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:outline-teal-50\/40 { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:outline-teal-50\/50 { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:outline-teal-50\/60 { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:outline-teal-50\/70 { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:outline-teal-50\/80 { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:outline-teal-50\/90 { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:outline-teal-100 { + outline-color: var(--teal-100) + } + .md\:outline-teal-100\/10 { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:outline-teal-100\/20 { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:outline-teal-100\/30 { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:outline-teal-100\/40 { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:outline-teal-100\/50 { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:outline-teal-100\/60 { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:outline-teal-100\/70 { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:outline-teal-100\/80 { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:outline-teal-100\/90 { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:outline-teal-200 { + outline-color: var(--teal-200) + } + .md\:outline-teal-200\/10 { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:outline-teal-200\/20 { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:outline-teal-200\/30 { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:outline-teal-200\/40 { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:outline-teal-200\/50 { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:outline-teal-200\/60 { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:outline-teal-200\/70 { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:outline-teal-200\/80 { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:outline-teal-200\/90 { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:outline-teal-300 { + outline-color: var(--teal-300) + } + .md\:outline-teal-300\/10 { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:outline-teal-300\/20 { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:outline-teal-300\/30 { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:outline-teal-300\/40 { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:outline-teal-300\/50 { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:outline-teal-300\/60 { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:outline-teal-300\/70 { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:outline-teal-300\/80 { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:outline-teal-300\/90 { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:outline-teal-400 { + outline-color: var(--teal-400) + } + .md\:outline-teal-400\/10 { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:outline-teal-400\/20 { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:outline-teal-400\/30 { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:outline-teal-400\/40 { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:outline-teal-400\/50 { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:outline-teal-400\/60 { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:outline-teal-400\/70 { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:outline-teal-400\/80 { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:outline-teal-400\/90 { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:outline-teal-500 { + outline-color: var(--teal-500) + } + .md\:outline-teal-500\/10 { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:outline-teal-500\/20 { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:outline-teal-500\/30 { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:outline-teal-500\/40 { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:outline-teal-500\/50 { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:outline-teal-500\/60 { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:outline-teal-500\/70 { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:outline-teal-500\/80 { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:outline-teal-500\/90 { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:outline-teal-600 { + outline-color: var(--teal-600) + } + .md\:outline-teal-600\/10 { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:outline-teal-600\/20 { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:outline-teal-600\/30 { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:outline-teal-600\/40 { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:outline-teal-600\/50 { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:outline-teal-600\/60 { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:outline-teal-600\/70 { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:outline-teal-600\/80 { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:outline-teal-600\/90 { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:outline-teal-700 { + outline-color: var(--teal-700) + } + .md\:outline-teal-700\/10 { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:outline-teal-700\/20 { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:outline-teal-700\/30 { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:outline-teal-700\/40 { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:outline-teal-700\/50 { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:outline-teal-700\/60 { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:outline-teal-700\/70 { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:outline-teal-700\/80 { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:outline-teal-700\/90 { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:outline-teal-800 { + outline-color: var(--teal-800) + } + .md\:outline-teal-800\/10 { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:outline-teal-800\/20 { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:outline-teal-800\/30 { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:outline-teal-800\/40 { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:outline-teal-800\/50 { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:outline-teal-800\/60 { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:outline-teal-800\/70 { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:outline-teal-800\/80 { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:outline-teal-800\/90 { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:outline-teal-900 { + outline-color: var(--teal-900) + } + .md\:outline-teal-900\/10 { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:outline-teal-900\/20 { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:outline-teal-900\/30 { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:outline-teal-900\/40 { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:outline-teal-900\/50 { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:outline-teal-900\/60 { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:outline-teal-900\/70 { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:outline-teal-900\/80 { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:outline-teal-900\/90 { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:outline-orange-50 { + outline-color: var(--orange-50) + } + .md\:outline-orange-50\/10 { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:outline-orange-50\/20 { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:outline-orange-50\/30 { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:outline-orange-50\/40 { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:outline-orange-50\/50 { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:outline-orange-50\/60 { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:outline-orange-50\/70 { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:outline-orange-50\/80 { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:outline-orange-50\/90 { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:outline-orange-100 { + outline-color: var(--orange-100) + } + .md\:outline-orange-100\/10 { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:outline-orange-100\/20 { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:outline-orange-100\/30 { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:outline-orange-100\/40 { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:outline-orange-100\/50 { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:outline-orange-100\/60 { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:outline-orange-100\/70 { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:outline-orange-100\/80 { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:outline-orange-100\/90 { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:outline-orange-200 { + outline-color: var(--orange-200) + } + .md\:outline-orange-200\/10 { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:outline-orange-200\/20 { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:outline-orange-200\/30 { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:outline-orange-200\/40 { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:outline-orange-200\/50 { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:outline-orange-200\/60 { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:outline-orange-200\/70 { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:outline-orange-200\/80 { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:outline-orange-200\/90 { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:outline-orange-300 { + outline-color: var(--orange-300) + } + .md\:outline-orange-300\/10 { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:outline-orange-300\/20 { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:outline-orange-300\/30 { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:outline-orange-300\/40 { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:outline-orange-300\/50 { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:outline-orange-300\/60 { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:outline-orange-300\/70 { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:outline-orange-300\/80 { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:outline-orange-300\/90 { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:outline-orange-400 { + outline-color: var(--orange-400) + } + .md\:outline-orange-400\/10 { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:outline-orange-400\/20 { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:outline-orange-400\/30 { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:outline-orange-400\/40 { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:outline-orange-400\/50 { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:outline-orange-400\/60 { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:outline-orange-400\/70 { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:outline-orange-400\/80 { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:outline-orange-400\/90 { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:outline-orange-500 { + outline-color: var(--orange-500) + } + .md\:outline-orange-500\/10 { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:outline-orange-500\/20 { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:outline-orange-500\/30 { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:outline-orange-500\/40 { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:outline-orange-500\/50 { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:outline-orange-500\/60 { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:outline-orange-500\/70 { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:outline-orange-500\/80 { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:outline-orange-500\/90 { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:outline-orange-600 { + outline-color: var(--orange-600) + } + .md\:outline-orange-600\/10 { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:outline-orange-600\/20 { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:outline-orange-600\/30 { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:outline-orange-600\/40 { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:outline-orange-600\/50 { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:outline-orange-600\/60 { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:outline-orange-600\/70 { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:outline-orange-600\/80 { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:outline-orange-600\/90 { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:outline-orange-700 { + outline-color: var(--orange-700) + } + .md\:outline-orange-700\/10 { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:outline-orange-700\/20 { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:outline-orange-700\/30 { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:outline-orange-700\/40 { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:outline-orange-700\/50 { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:outline-orange-700\/60 { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:outline-orange-700\/70 { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:outline-orange-700\/80 { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:outline-orange-700\/90 { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:outline-orange-800 { + outline-color: var(--orange-800) + } + .md\:outline-orange-800\/10 { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:outline-orange-800\/20 { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:outline-orange-800\/30 { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:outline-orange-800\/40 { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:outline-orange-800\/50 { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:outline-orange-800\/60 { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:outline-orange-800\/70 { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:outline-orange-800\/80 { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:outline-orange-800\/90 { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:outline-orange-900 { + outline-color: var(--orange-900) + } + .md\:outline-orange-900\/10 { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:outline-orange-900\/20 { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:outline-orange-900\/30 { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:outline-orange-900\/40 { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:outline-orange-900\/50 { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:outline-orange-900\/60 { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:outline-orange-900\/70 { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:outline-orange-900\/80 { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:outline-orange-900\/90 { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:outline-bluegray-50 { + outline-color: var(--bluegray-50) + } + .md\:outline-bluegray-50\/10 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:outline-bluegray-50\/20 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:outline-bluegray-50\/30 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:outline-bluegray-50\/40 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:outline-bluegray-50\/50 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:outline-bluegray-50\/60 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:outline-bluegray-50\/70 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:outline-bluegray-50\/80 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:outline-bluegray-50\/90 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:outline-bluegray-100 { + outline-color: var(--bluegray-100) + } + .md\:outline-bluegray-100\/10 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:outline-bluegray-100\/20 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:outline-bluegray-100\/30 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:outline-bluegray-100\/40 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:outline-bluegray-100\/50 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:outline-bluegray-100\/60 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:outline-bluegray-100\/70 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:outline-bluegray-100\/80 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:outline-bluegray-100\/90 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:outline-bluegray-200 { + outline-color: var(--bluegray-200) + } + .md\:outline-bluegray-200\/10 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:outline-bluegray-200\/20 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:outline-bluegray-200\/30 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:outline-bluegray-200\/40 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:outline-bluegray-200\/50 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:outline-bluegray-200\/60 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:outline-bluegray-200\/70 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:outline-bluegray-200\/80 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:outline-bluegray-200\/90 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:outline-bluegray-300 { + outline-color: var(--bluegray-300) + } + .md\:outline-bluegray-300\/10 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:outline-bluegray-300\/20 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:outline-bluegray-300\/30 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:outline-bluegray-300\/40 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:outline-bluegray-300\/50 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:outline-bluegray-300\/60 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:outline-bluegray-300\/70 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:outline-bluegray-300\/80 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:outline-bluegray-300\/90 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:outline-bluegray-400 { + outline-color: var(--bluegray-400) + } + .md\:outline-bluegray-400\/10 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:outline-bluegray-400\/20 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:outline-bluegray-400\/30 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:outline-bluegray-400\/40 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:outline-bluegray-400\/50 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:outline-bluegray-400\/60 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:outline-bluegray-400\/70 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:outline-bluegray-400\/80 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:outline-bluegray-400\/90 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:outline-bluegray-500 { + outline-color: var(--bluegray-500) + } + .md\:outline-bluegray-500\/10 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:outline-bluegray-500\/20 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:outline-bluegray-500\/30 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:outline-bluegray-500\/40 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:outline-bluegray-500\/50 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:outline-bluegray-500\/60 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:outline-bluegray-500\/70 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:outline-bluegray-500\/80 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:outline-bluegray-500\/90 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:outline-bluegray-600 { + outline-color: var(--bluegray-600) + } + .md\:outline-bluegray-600\/10 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:outline-bluegray-600\/20 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:outline-bluegray-600\/30 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:outline-bluegray-600\/40 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:outline-bluegray-600\/50 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:outline-bluegray-600\/60 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:outline-bluegray-600\/70 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:outline-bluegray-600\/80 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:outline-bluegray-600\/90 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:outline-bluegray-700 { + outline-color: var(--bluegray-700) + } + .md\:outline-bluegray-700\/10 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:outline-bluegray-700\/20 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:outline-bluegray-700\/30 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:outline-bluegray-700\/40 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:outline-bluegray-700\/50 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:outline-bluegray-700\/60 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:outline-bluegray-700\/70 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:outline-bluegray-700\/80 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:outline-bluegray-700\/90 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:outline-bluegray-800 { + outline-color: var(--bluegray-800) + } + .md\:outline-bluegray-800\/10 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:outline-bluegray-800\/20 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:outline-bluegray-800\/30 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:outline-bluegray-800\/40 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:outline-bluegray-800\/50 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:outline-bluegray-800\/60 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:outline-bluegray-800\/70 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:outline-bluegray-800\/80 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:outline-bluegray-800\/90 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:outline-bluegray-900 { + outline-color: var(--bluegray-900) + } + .md\:outline-bluegray-900\/10 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:outline-bluegray-900\/20 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:outline-bluegray-900\/30 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:outline-bluegray-900\/40 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:outline-bluegray-900\/50 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:outline-bluegray-900\/60 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:outline-bluegray-900\/70 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:outline-bluegray-900\/80 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:outline-bluegray-900\/90 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:outline-purple-50 { + outline-color: var(--purple-50) + } + .md\:outline-purple-50\/10 { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:outline-purple-50\/20 { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:outline-purple-50\/30 { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:outline-purple-50\/40 { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:outline-purple-50\/50 { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:outline-purple-50\/60 { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:outline-purple-50\/70 { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:outline-purple-50\/80 { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:outline-purple-50\/90 { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:outline-purple-100 { + outline-color: var(--purple-100) + } + .md\:outline-purple-100\/10 { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:outline-purple-100\/20 { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:outline-purple-100\/30 { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:outline-purple-100\/40 { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:outline-purple-100\/50 { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:outline-purple-100\/60 { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:outline-purple-100\/70 { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:outline-purple-100\/80 { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:outline-purple-100\/90 { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:outline-purple-200 { + outline-color: var(--purple-200) + } + .md\:outline-purple-200\/10 { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:outline-purple-200\/20 { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:outline-purple-200\/30 { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:outline-purple-200\/40 { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:outline-purple-200\/50 { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:outline-purple-200\/60 { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:outline-purple-200\/70 { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:outline-purple-200\/80 { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:outline-purple-200\/90 { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:outline-purple-300 { + outline-color: var(--purple-300) + } + .md\:outline-purple-300\/10 { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:outline-purple-300\/20 { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:outline-purple-300\/30 { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:outline-purple-300\/40 { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:outline-purple-300\/50 { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:outline-purple-300\/60 { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:outline-purple-300\/70 { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:outline-purple-300\/80 { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:outline-purple-300\/90 { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:outline-purple-400 { + outline-color: var(--purple-400) + } + .md\:outline-purple-400\/10 { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:outline-purple-400\/20 { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:outline-purple-400\/30 { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:outline-purple-400\/40 { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:outline-purple-400\/50 { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:outline-purple-400\/60 { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:outline-purple-400\/70 { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:outline-purple-400\/80 { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:outline-purple-400\/90 { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:outline-purple-500 { + outline-color: var(--purple-500) + } + .md\:outline-purple-500\/10 { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:outline-purple-500\/20 { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:outline-purple-500\/30 { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:outline-purple-500\/40 { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:outline-purple-500\/50 { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:outline-purple-500\/60 { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:outline-purple-500\/70 { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:outline-purple-500\/80 { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:outline-purple-500\/90 { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:outline-purple-600 { + outline-color: var(--purple-600) + } + .md\:outline-purple-600\/10 { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:outline-purple-600\/20 { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:outline-purple-600\/30 { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:outline-purple-600\/40 { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:outline-purple-600\/50 { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:outline-purple-600\/60 { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:outline-purple-600\/70 { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:outline-purple-600\/80 { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:outline-purple-600\/90 { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:outline-purple-700 { + outline-color: var(--purple-700) + } + .md\:outline-purple-700\/10 { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:outline-purple-700\/20 { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:outline-purple-700\/30 { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:outline-purple-700\/40 { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:outline-purple-700\/50 { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:outline-purple-700\/60 { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:outline-purple-700\/70 { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:outline-purple-700\/80 { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:outline-purple-700\/90 { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:outline-purple-800 { + outline-color: var(--purple-800) + } + .md\:outline-purple-800\/10 { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:outline-purple-800\/20 { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:outline-purple-800\/30 { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:outline-purple-800\/40 { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:outline-purple-800\/50 { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:outline-purple-800\/60 { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:outline-purple-800\/70 { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:outline-purple-800\/80 { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:outline-purple-800\/90 { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:outline-purple-900 { + outline-color: var(--purple-900) + } + .md\:outline-purple-900\/10 { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:outline-purple-900\/20 { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:outline-purple-900\/30 { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:outline-purple-900\/40 { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:outline-purple-900\/50 { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:outline-purple-900\/60 { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:outline-purple-900\/70 { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:outline-purple-900\/80 { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:outline-purple-900\/90 { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:outline-red-50 { + outline-color: var(--red-50) + } + .md\:outline-red-50\/10 { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:outline-red-50\/20 { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:outline-red-50\/30 { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:outline-red-50\/40 { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:outline-red-50\/50 { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:outline-red-50\/60 { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:outline-red-50\/70 { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:outline-red-50\/80 { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:outline-red-50\/90 { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:outline-red-100 { + outline-color: var(--red-100) + } + .md\:outline-red-100\/10 { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:outline-red-100\/20 { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:outline-red-100\/30 { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:outline-red-100\/40 { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:outline-red-100\/50 { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:outline-red-100\/60 { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:outline-red-100\/70 { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:outline-red-100\/80 { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:outline-red-100\/90 { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:outline-red-200 { + outline-color: var(--red-200) + } + .md\:outline-red-200\/10 { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:outline-red-200\/20 { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:outline-red-200\/30 { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:outline-red-200\/40 { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:outline-red-200\/50 { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:outline-red-200\/60 { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:outline-red-200\/70 { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:outline-red-200\/80 { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:outline-red-200\/90 { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:outline-red-300 { + outline-color: var(--red-300) + } + .md\:outline-red-300\/10 { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:outline-red-300\/20 { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:outline-red-300\/30 { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:outline-red-300\/40 { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:outline-red-300\/50 { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:outline-red-300\/60 { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:outline-red-300\/70 { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:outline-red-300\/80 { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:outline-red-300\/90 { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:outline-red-400 { + outline-color: var(--red-400) + } + .md\:outline-red-400\/10 { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:outline-red-400\/20 { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:outline-red-400\/30 { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:outline-red-400\/40 { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:outline-red-400\/50 { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:outline-red-400\/60 { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:outline-red-400\/70 { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:outline-red-400\/80 { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:outline-red-400\/90 { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:outline-red-500 { + outline-color: var(--red-500) + } + .md\:outline-red-500\/10 { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:outline-red-500\/20 { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:outline-red-500\/30 { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:outline-red-500\/40 { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:outline-red-500\/50 { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:outline-red-500\/60 { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:outline-red-500\/70 { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:outline-red-500\/80 { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:outline-red-500\/90 { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:outline-red-600 { + outline-color: var(--red-600) + } + .md\:outline-red-600\/10 { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:outline-red-600\/20 { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:outline-red-600\/30 { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:outline-red-600\/40 { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:outline-red-600\/50 { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:outline-red-600\/60 { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:outline-red-600\/70 { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:outline-red-600\/80 { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:outline-red-600\/90 { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:outline-red-700 { + outline-color: var(--red-700) + } + .md\:outline-red-700\/10 { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:outline-red-700\/20 { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:outline-red-700\/30 { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:outline-red-700\/40 { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:outline-red-700\/50 { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:outline-red-700\/60 { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:outline-red-700\/70 { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:outline-red-700\/80 { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:outline-red-700\/90 { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:outline-red-800 { + outline-color: var(--red-800) + } + .md\:outline-red-800\/10 { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:outline-red-800\/20 { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:outline-red-800\/30 { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:outline-red-800\/40 { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:outline-red-800\/50 { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:outline-red-800\/60 { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:outline-red-800\/70 { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:outline-red-800\/80 { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:outline-red-800\/90 { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:outline-red-900 { + outline-color: var(--red-900) + } + .md\:outline-red-900\/10 { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:outline-red-900\/20 { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:outline-red-900\/30 { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:outline-red-900\/40 { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:outline-red-900\/50 { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:outline-red-900\/60 { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:outline-red-900\/70 { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:outline-red-900\/80 { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:outline-red-900\/90 { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:outline-gray-50 { + outline-color: var(--gray-50) + } + .md\:outline-gray-50\/10 { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:outline-gray-50\/20 { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:outline-gray-50\/30 { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:outline-gray-50\/40 { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:outline-gray-50\/50 { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:outline-gray-50\/60 { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:outline-gray-50\/70 { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:outline-gray-50\/80 { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:outline-gray-50\/90 { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:outline-gray-100 { + outline-color: var(--gray-100) + } + .md\:outline-gray-100\/10 { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:outline-gray-100\/20 { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:outline-gray-100\/30 { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:outline-gray-100\/40 { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:outline-gray-100\/50 { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:outline-gray-100\/60 { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:outline-gray-100\/70 { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:outline-gray-100\/80 { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:outline-gray-100\/90 { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:outline-gray-200 { + outline-color: var(--gray-200) + } + .md\:outline-gray-200\/10 { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:outline-gray-200\/20 { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:outline-gray-200\/30 { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:outline-gray-200\/40 { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:outline-gray-200\/50 { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:outline-gray-200\/60 { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:outline-gray-200\/70 { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:outline-gray-200\/80 { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:outline-gray-200\/90 { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:outline-gray-300 { + outline-color: var(--gray-300) + } + .md\:outline-gray-300\/10 { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:outline-gray-300\/20 { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:outline-gray-300\/30 { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:outline-gray-300\/40 { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:outline-gray-300\/50 { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:outline-gray-300\/60 { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:outline-gray-300\/70 { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:outline-gray-300\/80 { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:outline-gray-300\/90 { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:outline-gray-400 { + outline-color: var(--gray-400) + } + .md\:outline-gray-400\/10 { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:outline-gray-400\/20 { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:outline-gray-400\/30 { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:outline-gray-400\/40 { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:outline-gray-400\/50 { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:outline-gray-400\/60 { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:outline-gray-400\/70 { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:outline-gray-400\/80 { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:outline-gray-400\/90 { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:outline-gray-500 { + outline-color: var(--gray-500) + } + .md\:outline-gray-500\/10 { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:outline-gray-500\/20 { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:outline-gray-500\/30 { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:outline-gray-500\/40 { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:outline-gray-500\/50 { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:outline-gray-500\/60 { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:outline-gray-500\/70 { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:outline-gray-500\/80 { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:outline-gray-500\/90 { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:outline-gray-600 { + outline-color: var(--gray-600) + } + .md\:outline-gray-600\/10 { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:outline-gray-600\/20 { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:outline-gray-600\/30 { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:outline-gray-600\/40 { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:outline-gray-600\/50 { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:outline-gray-600\/60 { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:outline-gray-600\/70 { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:outline-gray-600\/80 { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:outline-gray-600\/90 { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:outline-gray-700 { + outline-color: var(--gray-700) + } + .md\:outline-gray-700\/10 { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:outline-gray-700\/20 { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:outline-gray-700\/30 { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:outline-gray-700\/40 { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:outline-gray-700\/50 { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:outline-gray-700\/60 { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:outline-gray-700\/70 { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:outline-gray-700\/80 { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:outline-gray-700\/90 { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:outline-gray-800 { + outline-color: var(--gray-800) + } + .md\:outline-gray-800\/10 { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:outline-gray-800\/20 { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:outline-gray-800\/30 { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:outline-gray-800\/40 { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:outline-gray-800\/50 { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:outline-gray-800\/60 { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:outline-gray-800\/70 { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:outline-gray-800\/80 { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:outline-gray-800\/90 { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:outline-gray-900 { + outline-color: var(--gray-900) + } + .md\:outline-gray-900\/10 { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:outline-gray-900\/20 { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:outline-gray-900\/30 { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:outline-gray-900\/40 { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:outline-gray-900\/50 { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:outline-gray-900\/60 { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:outline-gray-900\/70 { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:outline-gray-900\/80 { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:outline-gray-900\/90 { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:outline-surface-0 { + outline-color: var(--surface-0) + } + .md\:outline-surface-0\/10 { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:outline-surface-0\/20 { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:outline-surface-0\/30 { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:outline-surface-0\/40 { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:outline-surface-0\/50 { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:outline-surface-0\/60 { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:outline-surface-0\/70 { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:outline-surface-0\/80 { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:outline-surface-0\/90 { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:outline-surface-50 { + outline-color: var(--surface-50) + } + .md\:outline-surface-50\/10 { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:outline-surface-50\/20 { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:outline-surface-50\/30 { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:outline-surface-50\/40 { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:outline-surface-50\/50 { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:outline-surface-50\/60 { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:outline-surface-50\/70 { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:outline-surface-50\/80 { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:outline-surface-50\/90 { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:outline-surface-100 { + outline-color: var(--surface-100) + } + .md\:outline-surface-100\/10 { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:outline-surface-100\/20 { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:outline-surface-100\/30 { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:outline-surface-100\/40 { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:outline-surface-100\/50 { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:outline-surface-100\/60 { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:outline-surface-100\/70 { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:outline-surface-100\/80 { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:outline-surface-100\/90 { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:outline-surface-200 { + outline-color: var(--surface-200) + } + .md\:outline-surface-200\/10 { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:outline-surface-200\/20 { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:outline-surface-200\/30 { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:outline-surface-200\/40 { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:outline-surface-200\/50 { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:outline-surface-200\/60 { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:outline-surface-200\/70 { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:outline-surface-200\/80 { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:outline-surface-200\/90 { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:outline-surface-300 { + outline-color: var(--surface-300) + } + .md\:outline-surface-300\/10 { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:outline-surface-300\/20 { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:outline-surface-300\/30 { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:outline-surface-300\/40 { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:outline-surface-300\/50 { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:outline-surface-300\/60 { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:outline-surface-300\/70 { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:outline-surface-300\/80 { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:outline-surface-300\/90 { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:outline-surface-400 { + outline-color: var(--surface-400) + } + .md\:outline-surface-400\/10 { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:outline-surface-400\/20 { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:outline-surface-400\/30 { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:outline-surface-400\/40 { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:outline-surface-400\/50 { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:outline-surface-400\/60 { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:outline-surface-400\/70 { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:outline-surface-400\/80 { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:outline-surface-400\/90 { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:outline-surface-500 { + outline-color: var(--surface-500) + } + .md\:outline-surface-500\/10 { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:outline-surface-500\/20 { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:outline-surface-500\/30 { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:outline-surface-500\/40 { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:outline-surface-500\/50 { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:outline-surface-500\/60 { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:outline-surface-500\/70 { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:outline-surface-500\/80 { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:outline-surface-500\/90 { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:outline-surface-600 { + outline-color: var(--surface-600) + } + .md\:outline-surface-600\/10 { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:outline-surface-600\/20 { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:outline-surface-600\/30 { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:outline-surface-600\/40 { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:outline-surface-600\/50 { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:outline-surface-600\/60 { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:outline-surface-600\/70 { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:outline-surface-600\/80 { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:outline-surface-600\/90 { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:outline-surface-700 { + outline-color: var(--surface-700) + } + .md\:outline-surface-700\/10 { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:outline-surface-700\/20 { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:outline-surface-700\/30 { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:outline-surface-700\/40 { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:outline-surface-700\/50 { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:outline-surface-700\/60 { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:outline-surface-700\/70 { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:outline-surface-700\/80 { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:outline-surface-700\/90 { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:outline-surface-800 { + outline-color: var(--surface-800) + } + .md\:outline-surface-800\/10 { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:outline-surface-800\/20 { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:outline-surface-800\/30 { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:outline-surface-800\/40 { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:outline-surface-800\/50 { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:outline-surface-800\/60 { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:outline-surface-800\/70 { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:outline-surface-800\/80 { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:outline-surface-800\/90 { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:outline-surface-900 { + outline-color: var(--surface-900) + } + .md\:outline-surface-900\/10 { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:outline-surface-900\/20 { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:outline-surface-900\/30 { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:outline-surface-900\/40 { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:outline-surface-900\/50 { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:outline-surface-900\/60 { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:outline-surface-900\/70 { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:outline-surface-900\/80 { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:outline-surface-900\/90 { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:outline-primary-50 { + outline-color: var(--primary-50) + } + .md\:outline-primary-50\/10 { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:outline-primary-50\/20 { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:outline-primary-50\/30 { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:outline-primary-50\/40 { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:outline-primary-50\/50 { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:outline-primary-50\/60 { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:outline-primary-50\/70 { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:outline-primary-50\/80 { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:outline-primary-50\/90 { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:outline-primary-100 { + outline-color: var(--primary-100) + } + .md\:outline-primary-100\/10 { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:outline-primary-100\/20 { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:outline-primary-100\/30 { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:outline-primary-100\/40 { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:outline-primary-100\/50 { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:outline-primary-100\/60 { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:outline-primary-100\/70 { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:outline-primary-100\/80 { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:outline-primary-100\/90 { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:outline-primary-200 { + outline-color: var(--primary-200) + } + .md\:outline-primary-200\/10 { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:outline-primary-200\/20 { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:outline-primary-200\/30 { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:outline-primary-200\/40 { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:outline-primary-200\/50 { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:outline-primary-200\/60 { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:outline-primary-200\/70 { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:outline-primary-200\/80 { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:outline-primary-200\/90 { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:outline-primary-300 { + outline-color: var(--primary-300) + } + .md\:outline-primary-300\/10 { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:outline-primary-300\/20 { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:outline-primary-300\/30 { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:outline-primary-300\/40 { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:outline-primary-300\/50 { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:outline-primary-300\/60 { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:outline-primary-300\/70 { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:outline-primary-300\/80 { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:outline-primary-300\/90 { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:outline-primary-400 { + outline-color: var(--primary-400) + } + .md\:outline-primary-400\/10 { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:outline-primary-400\/20 { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:outline-primary-400\/30 { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:outline-primary-400\/40 { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:outline-primary-400\/50 { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:outline-primary-400\/60 { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:outline-primary-400\/70 { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:outline-primary-400\/80 { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:outline-primary-400\/90 { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:outline-primary-500 { + outline-color: var(--primary-500) + } + .md\:outline-primary-500\/10 { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:outline-primary-500\/20 { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:outline-primary-500\/30 { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:outline-primary-500\/40 { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:outline-primary-500\/50 { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:outline-primary-500\/60 { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:outline-primary-500\/70 { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:outline-primary-500\/80 { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:outline-primary-500\/90 { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:outline-primary-600 { + outline-color: var(--primary-600) + } + .md\:outline-primary-600\/10 { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:outline-primary-600\/20 { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:outline-primary-600\/30 { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:outline-primary-600\/40 { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:outline-primary-600\/50 { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:outline-primary-600\/60 { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:outline-primary-600\/70 { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:outline-primary-600\/80 { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:outline-primary-600\/90 { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:outline-primary-700 { + outline-color: var(--primary-700) + } + .md\:outline-primary-700\/10 { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:outline-primary-700\/20 { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:outline-primary-700\/30 { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:outline-primary-700\/40 { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:outline-primary-700\/50 { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:outline-primary-700\/60 { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:outline-primary-700\/70 { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:outline-primary-700\/80 { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:outline-primary-700\/90 { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:outline-primary-800 { + outline-color: var(--primary-800) + } + .md\:outline-primary-800\/10 { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:outline-primary-800\/20 { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:outline-primary-800\/30 { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:outline-primary-800\/40 { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:outline-primary-800\/50 { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:outline-primary-800\/60 { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:outline-primary-800\/70 { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:outline-primary-800\/80 { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:outline-primary-800\/90 { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:outline-primary-900 { + outline-color: var(--primary-900) + } + .md\:outline-primary-900\/10 { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:outline-primary-900\/20 { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:outline-primary-900\/30 { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:outline-primary-900\/40 { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:outline-primary-900\/50 { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:outline-primary-900\/60 { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:outline-primary-900\/70 { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:outline-primary-900\/80 { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:outline-primary-900\/90 { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:outline-blue-50:focus { + outline-color: var(--blue-50) + } + .md\:hover\:outline-blue-50:hover { + outline-color: var(--blue-50) + } + .md\:active\:outline-blue-50:active { + outline-color: var(--blue-50) + } + .md\:focus\:outline-blue-50\/10:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:outline-blue-50\/10:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:outline-blue-50\/10:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:outline-blue-50\/20:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:outline-blue-50\/20:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:outline-blue-50\/20:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:outline-blue-50\/30:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:outline-blue-50\/30:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:outline-blue-50\/30:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:outline-blue-50\/40:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:outline-blue-50\/40:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:outline-blue-50\/40:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:outline-blue-50\/50:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:outline-blue-50\/50:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:outline-blue-50\/50:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:outline-blue-50\/60:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:outline-blue-50\/60:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:outline-blue-50\/60:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:outline-blue-50\/70:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:outline-blue-50\/70:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:outline-blue-50\/70:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:outline-blue-50\/80:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:outline-blue-50\/80:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:outline-blue-50\/80:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:outline-blue-50\/90:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:outline-blue-50\/90:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:outline-blue-50\/90:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:outline-blue-100:focus { + outline-color: var(--blue-100) + } + .md\:hover\:outline-blue-100:hover { + outline-color: var(--blue-100) + } + .md\:active\:outline-blue-100:active { + outline-color: var(--blue-100) + } + .md\:focus\:outline-blue-100\/10:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:outline-blue-100\/10:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:outline-blue-100\/10:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:outline-blue-100\/20:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:outline-blue-100\/20:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:outline-blue-100\/20:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:outline-blue-100\/30:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:outline-blue-100\/30:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:outline-blue-100\/30:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:outline-blue-100\/40:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:outline-blue-100\/40:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:outline-blue-100\/40:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:outline-blue-100\/50:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:outline-blue-100\/50:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:outline-blue-100\/50:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:outline-blue-100\/60:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:outline-blue-100\/60:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:outline-blue-100\/60:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:outline-blue-100\/70:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:outline-blue-100\/70:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:outline-blue-100\/70:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:outline-blue-100\/80:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:outline-blue-100\/80:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:outline-blue-100\/80:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:outline-blue-100\/90:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:outline-blue-100\/90:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:outline-blue-100\/90:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:outline-blue-200:focus { + outline-color: var(--blue-200) + } + .md\:hover\:outline-blue-200:hover { + outline-color: var(--blue-200) + } + .md\:active\:outline-blue-200:active { + outline-color: var(--blue-200) + } + .md\:focus\:outline-blue-200\/10:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:outline-blue-200\/10:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:outline-blue-200\/10:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:outline-blue-200\/20:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:outline-blue-200\/20:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:outline-blue-200\/20:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:outline-blue-200\/30:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:outline-blue-200\/30:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:outline-blue-200\/30:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:outline-blue-200\/40:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:outline-blue-200\/40:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:outline-blue-200\/40:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:outline-blue-200\/50:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:outline-blue-200\/50:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:outline-blue-200\/50:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:outline-blue-200\/60:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:outline-blue-200\/60:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:outline-blue-200\/60:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:outline-blue-200\/70:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:outline-blue-200\/70:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:outline-blue-200\/70:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:outline-blue-200\/80:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:outline-blue-200\/80:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:outline-blue-200\/80:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:outline-blue-200\/90:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:outline-blue-200\/90:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:outline-blue-200\/90:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:outline-blue-300:focus { + outline-color: var(--blue-300) + } + .md\:hover\:outline-blue-300:hover { + outline-color: var(--blue-300) + } + .md\:active\:outline-blue-300:active { + outline-color: var(--blue-300) + } + .md\:focus\:outline-blue-300\/10:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:outline-blue-300\/10:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:outline-blue-300\/10:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:outline-blue-300\/20:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:outline-blue-300\/20:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:outline-blue-300\/20:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:outline-blue-300\/30:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:outline-blue-300\/30:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:outline-blue-300\/30:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:outline-blue-300\/40:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:outline-blue-300\/40:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:outline-blue-300\/40:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:outline-blue-300\/50:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:outline-blue-300\/50:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:outline-blue-300\/50:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:outline-blue-300\/60:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:outline-blue-300\/60:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:outline-blue-300\/60:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:outline-blue-300\/70:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:outline-blue-300\/70:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:outline-blue-300\/70:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:outline-blue-300\/80:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:outline-blue-300\/80:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:outline-blue-300\/80:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:outline-blue-300\/90:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:outline-blue-300\/90:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:outline-blue-300\/90:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:outline-blue-400:focus { + outline-color: var(--blue-400) + } + .md\:hover\:outline-blue-400:hover { + outline-color: var(--blue-400) + } + .md\:active\:outline-blue-400:active { + outline-color: var(--blue-400) + } + .md\:focus\:outline-blue-400\/10:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:outline-blue-400\/10:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:outline-blue-400\/10:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:outline-blue-400\/20:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:outline-blue-400\/20:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:outline-blue-400\/20:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:outline-blue-400\/30:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:outline-blue-400\/30:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:outline-blue-400\/30:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:outline-blue-400\/40:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:outline-blue-400\/40:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:outline-blue-400\/40:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:outline-blue-400\/50:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:outline-blue-400\/50:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:outline-blue-400\/50:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:outline-blue-400\/60:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:outline-blue-400\/60:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:outline-blue-400\/60:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:outline-blue-400\/70:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:outline-blue-400\/70:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:outline-blue-400\/70:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:outline-blue-400\/80:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:outline-blue-400\/80:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:outline-blue-400\/80:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:outline-blue-400\/90:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:outline-blue-400\/90:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:outline-blue-400\/90:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:outline-blue-500:focus { + outline-color: var(--blue-500) + } + .md\:hover\:outline-blue-500:hover { + outline-color: var(--blue-500) + } + .md\:active\:outline-blue-500:active { + outline-color: var(--blue-500) + } + .md\:focus\:outline-blue-500\/10:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:outline-blue-500\/10:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:outline-blue-500\/10:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:outline-blue-500\/20:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:outline-blue-500\/20:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:outline-blue-500\/20:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:outline-blue-500\/30:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:outline-blue-500\/30:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:outline-blue-500\/30:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:outline-blue-500\/40:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:outline-blue-500\/40:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:outline-blue-500\/40:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:outline-blue-500\/50:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:outline-blue-500\/50:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:outline-blue-500\/50:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:outline-blue-500\/60:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:outline-blue-500\/60:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:outline-blue-500\/60:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:outline-blue-500\/70:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:outline-blue-500\/70:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:outline-blue-500\/70:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:outline-blue-500\/80:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:outline-blue-500\/80:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:outline-blue-500\/80:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:outline-blue-500\/90:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:outline-blue-500\/90:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:outline-blue-500\/90:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:outline-blue-600:focus { + outline-color: var(--blue-600) + } + .md\:hover\:outline-blue-600:hover { + outline-color: var(--blue-600) + } + .md\:active\:outline-blue-600:active { + outline-color: var(--blue-600) + } + .md\:focus\:outline-blue-600\/10:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:outline-blue-600\/10:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:outline-blue-600\/10:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:outline-blue-600\/20:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:outline-blue-600\/20:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:outline-blue-600\/20:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:outline-blue-600\/30:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:outline-blue-600\/30:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:outline-blue-600\/30:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:outline-blue-600\/40:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:outline-blue-600\/40:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:outline-blue-600\/40:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:outline-blue-600\/50:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:outline-blue-600\/50:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:outline-blue-600\/50:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:outline-blue-600\/60:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:outline-blue-600\/60:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:outline-blue-600\/60:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:outline-blue-600\/70:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:outline-blue-600\/70:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:outline-blue-600\/70:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:outline-blue-600\/80:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:outline-blue-600\/80:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:outline-blue-600\/80:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:outline-blue-600\/90:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:outline-blue-600\/90:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:outline-blue-600\/90:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:outline-blue-700:focus { + outline-color: var(--blue-700) + } + .md\:hover\:outline-blue-700:hover { + outline-color: var(--blue-700) + } + .md\:active\:outline-blue-700:active { + outline-color: var(--blue-700) + } + .md\:focus\:outline-blue-700\/10:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:outline-blue-700\/10:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:outline-blue-700\/10:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:outline-blue-700\/20:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:outline-blue-700\/20:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:outline-blue-700\/20:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:outline-blue-700\/30:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:outline-blue-700\/30:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:outline-blue-700\/30:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:outline-blue-700\/40:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:outline-blue-700\/40:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:outline-blue-700\/40:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:outline-blue-700\/50:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:outline-blue-700\/50:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:outline-blue-700\/50:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:outline-blue-700\/60:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:outline-blue-700\/60:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:outline-blue-700\/60:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:outline-blue-700\/70:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:outline-blue-700\/70:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:outline-blue-700\/70:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:outline-blue-700\/80:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:outline-blue-700\/80:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:outline-blue-700\/80:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:outline-blue-700\/90:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:outline-blue-700\/90:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:outline-blue-700\/90:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:outline-blue-800:focus { + outline-color: var(--blue-800) + } + .md\:hover\:outline-blue-800:hover { + outline-color: var(--blue-800) + } + .md\:active\:outline-blue-800:active { + outline-color: var(--blue-800) + } + .md\:focus\:outline-blue-800\/10:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:outline-blue-800\/10:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:outline-blue-800\/10:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:outline-blue-800\/20:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:outline-blue-800\/20:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:outline-blue-800\/20:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:outline-blue-800\/30:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:outline-blue-800\/30:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:outline-blue-800\/30:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:outline-blue-800\/40:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:outline-blue-800\/40:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:outline-blue-800\/40:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:outline-blue-800\/50:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:outline-blue-800\/50:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:outline-blue-800\/50:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:outline-blue-800\/60:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:outline-blue-800\/60:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:outline-blue-800\/60:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:outline-blue-800\/70:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:outline-blue-800\/70:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:outline-blue-800\/70:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:outline-blue-800\/80:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:outline-blue-800\/80:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:outline-blue-800\/80:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:outline-blue-800\/90:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:outline-blue-800\/90:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:outline-blue-800\/90:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:outline-blue-900:focus { + outline-color: var(--blue-900) + } + .md\:hover\:outline-blue-900:hover { + outline-color: var(--blue-900) + } + .md\:active\:outline-blue-900:active { + outline-color: var(--blue-900) + } + .md\:focus\:outline-blue-900\/10:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:outline-blue-900\/10:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:outline-blue-900\/10:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:outline-blue-900\/20:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:outline-blue-900\/20:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:outline-blue-900\/20:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:outline-blue-900\/30:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:outline-blue-900\/30:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:outline-blue-900\/30:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:outline-blue-900\/40:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:outline-blue-900\/40:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:outline-blue-900\/40:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:outline-blue-900\/50:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:outline-blue-900\/50:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:outline-blue-900\/50:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:outline-blue-900\/60:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:outline-blue-900\/60:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:outline-blue-900\/60:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:outline-blue-900\/70:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:outline-blue-900\/70:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:outline-blue-900\/70:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:outline-blue-900\/80:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:outline-blue-900\/80:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:outline-blue-900\/80:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:outline-blue-900\/90:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:outline-blue-900\/90:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:outline-blue-900\/90:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:outline-green-50:focus { + outline-color: var(--green-50) + } + .md\:hover\:outline-green-50:hover { + outline-color: var(--green-50) + } + .md\:active\:outline-green-50:active { + outline-color: var(--green-50) + } + .md\:focus\:outline-green-50\/10:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:outline-green-50\/10:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:outline-green-50\/10:active { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:outline-green-50\/20:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:outline-green-50\/20:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:outline-green-50\/20:active { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:outline-green-50\/30:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:outline-green-50\/30:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:outline-green-50\/30:active { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:outline-green-50\/40:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:outline-green-50\/40:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:outline-green-50\/40:active { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:outline-green-50\/50:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:outline-green-50\/50:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:outline-green-50\/50:active { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:outline-green-50\/60:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:outline-green-50\/60:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:outline-green-50\/60:active { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:outline-green-50\/70:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:outline-green-50\/70:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:outline-green-50\/70:active { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:outline-green-50\/80:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:outline-green-50\/80:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:outline-green-50\/80:active { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:outline-green-50\/90:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:outline-green-50\/90:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:outline-green-50\/90:active { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:outline-green-100:focus { + outline-color: var(--green-100) + } + .md\:hover\:outline-green-100:hover { + outline-color: var(--green-100) + } + .md\:active\:outline-green-100:active { + outline-color: var(--green-100) + } + .md\:focus\:outline-green-100\/10:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:outline-green-100\/10:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:outline-green-100\/10:active { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:outline-green-100\/20:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:outline-green-100\/20:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:outline-green-100\/20:active { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:outline-green-100\/30:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:outline-green-100\/30:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:outline-green-100\/30:active { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:outline-green-100\/40:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:outline-green-100\/40:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:outline-green-100\/40:active { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:outline-green-100\/50:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:outline-green-100\/50:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:outline-green-100\/50:active { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:outline-green-100\/60:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:outline-green-100\/60:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:outline-green-100\/60:active { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:outline-green-100\/70:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:outline-green-100\/70:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:outline-green-100\/70:active { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:outline-green-100\/80:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:outline-green-100\/80:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:outline-green-100\/80:active { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:outline-green-100\/90:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:outline-green-100\/90:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:outline-green-100\/90:active { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:outline-green-200:focus { + outline-color: var(--green-200) + } + .md\:hover\:outline-green-200:hover { + outline-color: var(--green-200) + } + .md\:active\:outline-green-200:active { + outline-color: var(--green-200) + } + .md\:focus\:outline-green-200\/10:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:outline-green-200\/10:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:outline-green-200\/10:active { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:outline-green-200\/20:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:outline-green-200\/20:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:outline-green-200\/20:active { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:outline-green-200\/30:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:outline-green-200\/30:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:outline-green-200\/30:active { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:outline-green-200\/40:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:outline-green-200\/40:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:outline-green-200\/40:active { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:outline-green-200\/50:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:outline-green-200\/50:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:outline-green-200\/50:active { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:outline-green-200\/60:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:outline-green-200\/60:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:outline-green-200\/60:active { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:outline-green-200\/70:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:outline-green-200\/70:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:outline-green-200\/70:active { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:outline-green-200\/80:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:outline-green-200\/80:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:outline-green-200\/80:active { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:outline-green-200\/90:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:outline-green-200\/90:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:outline-green-200\/90:active { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:outline-green-300:focus { + outline-color: var(--green-300) + } + .md\:hover\:outline-green-300:hover { + outline-color: var(--green-300) + } + .md\:active\:outline-green-300:active { + outline-color: var(--green-300) + } + .md\:focus\:outline-green-300\/10:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:outline-green-300\/10:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:outline-green-300\/10:active { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:outline-green-300\/20:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:outline-green-300\/20:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:outline-green-300\/20:active { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:outline-green-300\/30:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:outline-green-300\/30:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:outline-green-300\/30:active { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:outline-green-300\/40:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:outline-green-300\/40:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:outline-green-300\/40:active { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:outline-green-300\/50:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:outline-green-300\/50:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:outline-green-300\/50:active { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:outline-green-300\/60:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:outline-green-300\/60:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:outline-green-300\/60:active { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:outline-green-300\/70:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:outline-green-300\/70:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:outline-green-300\/70:active { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:outline-green-300\/80:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:outline-green-300\/80:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:outline-green-300\/80:active { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:outline-green-300\/90:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:outline-green-300\/90:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:outline-green-300\/90:active { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:outline-green-400:focus { + outline-color: var(--green-400) + } + .md\:hover\:outline-green-400:hover { + outline-color: var(--green-400) + } + .md\:active\:outline-green-400:active { + outline-color: var(--green-400) + } + .md\:focus\:outline-green-400\/10:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:outline-green-400\/10:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:outline-green-400\/10:active { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:outline-green-400\/20:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:outline-green-400\/20:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:outline-green-400\/20:active { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:outline-green-400\/30:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:outline-green-400\/30:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:outline-green-400\/30:active { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:outline-green-400\/40:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:outline-green-400\/40:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:outline-green-400\/40:active { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:outline-green-400\/50:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:outline-green-400\/50:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:outline-green-400\/50:active { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:outline-green-400\/60:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:outline-green-400\/60:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:outline-green-400\/60:active { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:outline-green-400\/70:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:outline-green-400\/70:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:outline-green-400\/70:active { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:outline-green-400\/80:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:outline-green-400\/80:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:outline-green-400\/80:active { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:outline-green-400\/90:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:outline-green-400\/90:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:outline-green-400\/90:active { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:outline-green-500:focus { + outline-color: var(--green-500) + } + .md\:hover\:outline-green-500:hover { + outline-color: var(--green-500) + } + .md\:active\:outline-green-500:active { + outline-color: var(--green-500) + } + .md\:focus\:outline-green-500\/10:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:outline-green-500\/10:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:outline-green-500\/10:active { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:outline-green-500\/20:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:outline-green-500\/20:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:outline-green-500\/20:active { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:outline-green-500\/30:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:outline-green-500\/30:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:outline-green-500\/30:active { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:outline-green-500\/40:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:outline-green-500\/40:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:outline-green-500\/40:active { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:outline-green-500\/50:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:outline-green-500\/50:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:outline-green-500\/50:active { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:outline-green-500\/60:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:outline-green-500\/60:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:outline-green-500\/60:active { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:outline-green-500\/70:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:outline-green-500\/70:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:outline-green-500\/70:active { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:outline-green-500\/80:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:outline-green-500\/80:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:outline-green-500\/80:active { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:outline-green-500\/90:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:outline-green-500\/90:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:outline-green-500\/90:active { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:outline-green-600:focus { + outline-color: var(--green-600) + } + .md\:hover\:outline-green-600:hover { + outline-color: var(--green-600) + } + .md\:active\:outline-green-600:active { + outline-color: var(--green-600) + } + .md\:focus\:outline-green-600\/10:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:outline-green-600\/10:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:outline-green-600\/10:active { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:outline-green-600\/20:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:outline-green-600\/20:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:outline-green-600\/20:active { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:outline-green-600\/30:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:outline-green-600\/30:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:outline-green-600\/30:active { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:outline-green-600\/40:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:outline-green-600\/40:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:outline-green-600\/40:active { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:outline-green-600\/50:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:outline-green-600\/50:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:outline-green-600\/50:active { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:outline-green-600\/60:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:outline-green-600\/60:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:outline-green-600\/60:active { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:outline-green-600\/70:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:outline-green-600\/70:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:outline-green-600\/70:active { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:outline-green-600\/80:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:outline-green-600\/80:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:outline-green-600\/80:active { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:outline-green-600\/90:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:outline-green-600\/90:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:outline-green-600\/90:active { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:outline-green-700:focus { + outline-color: var(--green-700) + } + .md\:hover\:outline-green-700:hover { + outline-color: var(--green-700) + } + .md\:active\:outline-green-700:active { + outline-color: var(--green-700) + } + .md\:focus\:outline-green-700\/10:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:outline-green-700\/10:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:outline-green-700\/10:active { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:outline-green-700\/20:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:outline-green-700\/20:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:outline-green-700\/20:active { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:outline-green-700\/30:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:outline-green-700\/30:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:outline-green-700\/30:active { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:outline-green-700\/40:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:outline-green-700\/40:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:outline-green-700\/40:active { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:outline-green-700\/50:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:outline-green-700\/50:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:outline-green-700\/50:active { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:outline-green-700\/60:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:outline-green-700\/60:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:outline-green-700\/60:active { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:outline-green-700\/70:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:outline-green-700\/70:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:outline-green-700\/70:active { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:outline-green-700\/80:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:outline-green-700\/80:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:outline-green-700\/80:active { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:outline-green-700\/90:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:outline-green-700\/90:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:outline-green-700\/90:active { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:outline-green-800:focus { + outline-color: var(--green-800) + } + .md\:hover\:outline-green-800:hover { + outline-color: var(--green-800) + } + .md\:active\:outline-green-800:active { + outline-color: var(--green-800) + } + .md\:focus\:outline-green-800\/10:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:outline-green-800\/10:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:outline-green-800\/10:active { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:outline-green-800\/20:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:outline-green-800\/20:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:outline-green-800\/20:active { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:outline-green-800\/30:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:outline-green-800\/30:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:outline-green-800\/30:active { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:outline-green-800\/40:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:outline-green-800\/40:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:outline-green-800\/40:active { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:outline-green-800\/50:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:outline-green-800\/50:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:outline-green-800\/50:active { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:outline-green-800\/60:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:outline-green-800\/60:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:outline-green-800\/60:active { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:outline-green-800\/70:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:outline-green-800\/70:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:outline-green-800\/70:active { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:outline-green-800\/80:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:outline-green-800\/80:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:outline-green-800\/80:active { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:outline-green-800\/90:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:outline-green-800\/90:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:outline-green-800\/90:active { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:outline-green-900:focus { + outline-color: var(--green-900) + } + .md\:hover\:outline-green-900:hover { + outline-color: var(--green-900) + } + .md\:active\:outline-green-900:active { + outline-color: var(--green-900) + } + .md\:focus\:outline-green-900\/10:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:outline-green-900\/10:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:outline-green-900\/10:active { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:outline-green-900\/20:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:outline-green-900\/20:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:outline-green-900\/20:active { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:outline-green-900\/30:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:outline-green-900\/30:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:outline-green-900\/30:active { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:outline-green-900\/40:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:outline-green-900\/40:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:outline-green-900\/40:active { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:outline-green-900\/50:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:outline-green-900\/50:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:outline-green-900\/50:active { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:outline-green-900\/60:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:outline-green-900\/60:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:outline-green-900\/60:active { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:outline-green-900\/70:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:outline-green-900\/70:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:outline-green-900\/70:active { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:outline-green-900\/80:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:outline-green-900\/80:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:outline-green-900\/80:active { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:outline-green-900\/90:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:outline-green-900\/90:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:outline-green-900\/90:active { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:outline-yellow-50:focus { + outline-color: var(--yellow-50) + } + .md\:hover\:outline-yellow-50:hover { + outline-color: var(--yellow-50) + } + .md\:active\:outline-yellow-50:active { + outline-color: var(--yellow-50) + } + .md\:focus\:outline-yellow-50\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:outline-yellow-50\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:outline-yellow-50\/10:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:outline-yellow-50\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:outline-yellow-50\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:outline-yellow-50\/20:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:outline-yellow-50\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:outline-yellow-50\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:outline-yellow-50\/30:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:outline-yellow-50\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:outline-yellow-50\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:outline-yellow-50\/40:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:outline-yellow-50\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:outline-yellow-50\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:outline-yellow-50\/50:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:outline-yellow-50\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:outline-yellow-50\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:outline-yellow-50\/60:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:outline-yellow-50\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:outline-yellow-50\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:outline-yellow-50\/70:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:outline-yellow-50\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:outline-yellow-50\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:outline-yellow-50\/80:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:outline-yellow-50\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:outline-yellow-50\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:outline-yellow-50\/90:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:outline-yellow-100:focus { + outline-color: var(--yellow-100) + } + .md\:hover\:outline-yellow-100:hover { + outline-color: var(--yellow-100) + } + .md\:active\:outline-yellow-100:active { + outline-color: var(--yellow-100) + } + .md\:focus\:outline-yellow-100\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:outline-yellow-100\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:outline-yellow-100\/10:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:outline-yellow-100\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:outline-yellow-100\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:outline-yellow-100\/20:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:outline-yellow-100\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:outline-yellow-100\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:outline-yellow-100\/30:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:outline-yellow-100\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:outline-yellow-100\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:outline-yellow-100\/40:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:outline-yellow-100\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:outline-yellow-100\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:outline-yellow-100\/50:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:outline-yellow-100\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:outline-yellow-100\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:outline-yellow-100\/60:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:outline-yellow-100\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:outline-yellow-100\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:outline-yellow-100\/70:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:outline-yellow-100\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:outline-yellow-100\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:outline-yellow-100\/80:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:outline-yellow-100\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:outline-yellow-100\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:outline-yellow-100\/90:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:outline-yellow-200:focus { + outline-color: var(--yellow-200) + } + .md\:hover\:outline-yellow-200:hover { + outline-color: var(--yellow-200) + } + .md\:active\:outline-yellow-200:active { + outline-color: var(--yellow-200) + } + .md\:focus\:outline-yellow-200\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:outline-yellow-200\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:outline-yellow-200\/10:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:outline-yellow-200\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:outline-yellow-200\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:outline-yellow-200\/20:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:outline-yellow-200\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:outline-yellow-200\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:outline-yellow-200\/30:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:outline-yellow-200\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:outline-yellow-200\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:outline-yellow-200\/40:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:outline-yellow-200\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:outline-yellow-200\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:outline-yellow-200\/50:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:outline-yellow-200\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:outline-yellow-200\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:outline-yellow-200\/60:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:outline-yellow-200\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:outline-yellow-200\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:outline-yellow-200\/70:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:outline-yellow-200\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:outline-yellow-200\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:outline-yellow-200\/80:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:outline-yellow-200\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:outline-yellow-200\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:outline-yellow-200\/90:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:outline-yellow-300:focus { + outline-color: var(--yellow-300) + } + .md\:hover\:outline-yellow-300:hover { + outline-color: var(--yellow-300) + } + .md\:active\:outline-yellow-300:active { + outline-color: var(--yellow-300) + } + .md\:focus\:outline-yellow-300\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:outline-yellow-300\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:outline-yellow-300\/10:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:outline-yellow-300\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:outline-yellow-300\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:outline-yellow-300\/20:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:outline-yellow-300\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:outline-yellow-300\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:outline-yellow-300\/30:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:outline-yellow-300\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:outline-yellow-300\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:outline-yellow-300\/40:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:outline-yellow-300\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:outline-yellow-300\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:outline-yellow-300\/50:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:outline-yellow-300\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:outline-yellow-300\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:outline-yellow-300\/60:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:outline-yellow-300\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:outline-yellow-300\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:outline-yellow-300\/70:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:outline-yellow-300\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:outline-yellow-300\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:outline-yellow-300\/80:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:outline-yellow-300\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:outline-yellow-300\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:outline-yellow-300\/90:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:outline-yellow-400:focus { + outline-color: var(--yellow-400) + } + .md\:hover\:outline-yellow-400:hover { + outline-color: var(--yellow-400) + } + .md\:active\:outline-yellow-400:active { + outline-color: var(--yellow-400) + } + .md\:focus\:outline-yellow-400\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:outline-yellow-400\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:outline-yellow-400\/10:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:outline-yellow-400\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:outline-yellow-400\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:outline-yellow-400\/20:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:outline-yellow-400\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:outline-yellow-400\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:outline-yellow-400\/30:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:outline-yellow-400\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:outline-yellow-400\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:outline-yellow-400\/40:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:outline-yellow-400\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:outline-yellow-400\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:outline-yellow-400\/50:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:outline-yellow-400\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:outline-yellow-400\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:outline-yellow-400\/60:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:outline-yellow-400\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:outline-yellow-400\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:outline-yellow-400\/70:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:outline-yellow-400\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:outline-yellow-400\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:outline-yellow-400\/80:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:outline-yellow-400\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:outline-yellow-400\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:outline-yellow-400\/90:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:outline-yellow-500:focus { + outline-color: var(--yellow-500) + } + .md\:hover\:outline-yellow-500:hover { + outline-color: var(--yellow-500) + } + .md\:active\:outline-yellow-500:active { + outline-color: var(--yellow-500) + } + .md\:focus\:outline-yellow-500\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:outline-yellow-500\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:outline-yellow-500\/10:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:outline-yellow-500\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:outline-yellow-500\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:outline-yellow-500\/20:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:outline-yellow-500\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:outline-yellow-500\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:outline-yellow-500\/30:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:outline-yellow-500\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:outline-yellow-500\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:outline-yellow-500\/40:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:outline-yellow-500\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:outline-yellow-500\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:outline-yellow-500\/50:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:outline-yellow-500\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:outline-yellow-500\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:outline-yellow-500\/60:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:outline-yellow-500\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:outline-yellow-500\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:outline-yellow-500\/70:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:outline-yellow-500\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:outline-yellow-500\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:outline-yellow-500\/80:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:outline-yellow-500\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:outline-yellow-500\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:outline-yellow-500\/90:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:outline-yellow-600:focus { + outline-color: var(--yellow-600) + } + .md\:hover\:outline-yellow-600:hover { + outline-color: var(--yellow-600) + } + .md\:active\:outline-yellow-600:active { + outline-color: var(--yellow-600) + } + .md\:focus\:outline-yellow-600\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:outline-yellow-600\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:outline-yellow-600\/10:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:outline-yellow-600\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:outline-yellow-600\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:outline-yellow-600\/20:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:outline-yellow-600\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:outline-yellow-600\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:outline-yellow-600\/30:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:outline-yellow-600\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:outline-yellow-600\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:outline-yellow-600\/40:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:outline-yellow-600\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:outline-yellow-600\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:outline-yellow-600\/50:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:outline-yellow-600\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:outline-yellow-600\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:outline-yellow-600\/60:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:outline-yellow-600\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:outline-yellow-600\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:outline-yellow-600\/70:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:outline-yellow-600\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:outline-yellow-600\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:outline-yellow-600\/80:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:outline-yellow-600\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:outline-yellow-600\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:outline-yellow-600\/90:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:outline-yellow-700:focus { + outline-color: var(--yellow-700) + } + .md\:hover\:outline-yellow-700:hover { + outline-color: var(--yellow-700) + } + .md\:active\:outline-yellow-700:active { + outline-color: var(--yellow-700) + } + .md\:focus\:outline-yellow-700\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:outline-yellow-700\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:outline-yellow-700\/10:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:outline-yellow-700\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:outline-yellow-700\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:outline-yellow-700\/20:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:outline-yellow-700\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:outline-yellow-700\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:outline-yellow-700\/30:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:outline-yellow-700\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:outline-yellow-700\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:outline-yellow-700\/40:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:outline-yellow-700\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:outline-yellow-700\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:outline-yellow-700\/50:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:outline-yellow-700\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:outline-yellow-700\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:outline-yellow-700\/60:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:outline-yellow-700\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:outline-yellow-700\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:outline-yellow-700\/70:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:outline-yellow-700\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:outline-yellow-700\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:outline-yellow-700\/80:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:outline-yellow-700\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:outline-yellow-700\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:outline-yellow-700\/90:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:outline-yellow-800:focus { + outline-color: var(--yellow-800) + } + .md\:hover\:outline-yellow-800:hover { + outline-color: var(--yellow-800) + } + .md\:active\:outline-yellow-800:active { + outline-color: var(--yellow-800) + } + .md\:focus\:outline-yellow-800\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:outline-yellow-800\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:outline-yellow-800\/10:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:outline-yellow-800\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:outline-yellow-800\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:outline-yellow-800\/20:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:outline-yellow-800\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:outline-yellow-800\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:outline-yellow-800\/30:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:outline-yellow-800\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:outline-yellow-800\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:outline-yellow-800\/40:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:outline-yellow-800\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:outline-yellow-800\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:outline-yellow-800\/50:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:outline-yellow-800\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:outline-yellow-800\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:outline-yellow-800\/60:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:outline-yellow-800\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:outline-yellow-800\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:outline-yellow-800\/70:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:outline-yellow-800\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:outline-yellow-800\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:outline-yellow-800\/80:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:outline-yellow-800\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:outline-yellow-800\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:outline-yellow-800\/90:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:outline-yellow-900:focus { + outline-color: var(--yellow-900) + } + .md\:hover\:outline-yellow-900:hover { + outline-color: var(--yellow-900) + } + .md\:active\:outline-yellow-900:active { + outline-color: var(--yellow-900) + } + .md\:focus\:outline-yellow-900\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:outline-yellow-900\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:outline-yellow-900\/10:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:outline-yellow-900\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:outline-yellow-900\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:outline-yellow-900\/20:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:outline-yellow-900\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:outline-yellow-900\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:outline-yellow-900\/30:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:outline-yellow-900\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:outline-yellow-900\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:outline-yellow-900\/40:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:outline-yellow-900\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:outline-yellow-900\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:outline-yellow-900\/50:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:outline-yellow-900\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:outline-yellow-900\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:outline-yellow-900\/60:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:outline-yellow-900\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:outline-yellow-900\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:outline-yellow-900\/70:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:outline-yellow-900\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:outline-yellow-900\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:outline-yellow-900\/80:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:outline-yellow-900\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:outline-yellow-900\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:outline-yellow-900\/90:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:outline-cyan-50:focus { + outline-color: var(--cyan-50) + } + .md\:hover\:outline-cyan-50:hover { + outline-color: var(--cyan-50) + } + .md\:active\:outline-cyan-50:active { + outline-color: var(--cyan-50) + } + .md\:focus\:outline-cyan-50\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:outline-cyan-50\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:outline-cyan-50\/10:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:outline-cyan-50\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:outline-cyan-50\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:outline-cyan-50\/20:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:outline-cyan-50\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:outline-cyan-50\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:outline-cyan-50\/30:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:outline-cyan-50\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:outline-cyan-50\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:outline-cyan-50\/40:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:outline-cyan-50\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:outline-cyan-50\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:outline-cyan-50\/50:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:outline-cyan-50\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:outline-cyan-50\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:outline-cyan-50\/60:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:outline-cyan-50\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:outline-cyan-50\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:outline-cyan-50\/70:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:outline-cyan-50\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:outline-cyan-50\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:outline-cyan-50\/80:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:outline-cyan-50\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:outline-cyan-50\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:outline-cyan-50\/90:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:outline-cyan-100:focus { + outline-color: var(--cyan-100) + } + .md\:hover\:outline-cyan-100:hover { + outline-color: var(--cyan-100) + } + .md\:active\:outline-cyan-100:active { + outline-color: var(--cyan-100) + } + .md\:focus\:outline-cyan-100\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:outline-cyan-100\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:outline-cyan-100\/10:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:outline-cyan-100\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:outline-cyan-100\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:outline-cyan-100\/20:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:outline-cyan-100\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:outline-cyan-100\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:outline-cyan-100\/30:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:outline-cyan-100\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:outline-cyan-100\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:outline-cyan-100\/40:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:outline-cyan-100\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:outline-cyan-100\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:outline-cyan-100\/50:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:outline-cyan-100\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:outline-cyan-100\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:outline-cyan-100\/60:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:outline-cyan-100\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:outline-cyan-100\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:outline-cyan-100\/70:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:outline-cyan-100\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:outline-cyan-100\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:outline-cyan-100\/80:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:outline-cyan-100\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:outline-cyan-100\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:outline-cyan-100\/90:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:outline-cyan-200:focus { + outline-color: var(--cyan-200) + } + .md\:hover\:outline-cyan-200:hover { + outline-color: var(--cyan-200) + } + .md\:active\:outline-cyan-200:active { + outline-color: var(--cyan-200) + } + .md\:focus\:outline-cyan-200\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:outline-cyan-200\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:outline-cyan-200\/10:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:outline-cyan-200\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:outline-cyan-200\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:outline-cyan-200\/20:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:outline-cyan-200\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:outline-cyan-200\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:outline-cyan-200\/30:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:outline-cyan-200\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:outline-cyan-200\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:outline-cyan-200\/40:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:outline-cyan-200\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:outline-cyan-200\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:outline-cyan-200\/50:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:outline-cyan-200\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:outline-cyan-200\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:outline-cyan-200\/60:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:outline-cyan-200\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:outline-cyan-200\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:outline-cyan-200\/70:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:outline-cyan-200\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:outline-cyan-200\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:outline-cyan-200\/80:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:outline-cyan-200\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:outline-cyan-200\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:outline-cyan-200\/90:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:outline-cyan-300:focus { + outline-color: var(--cyan-300) + } + .md\:hover\:outline-cyan-300:hover { + outline-color: var(--cyan-300) + } + .md\:active\:outline-cyan-300:active { + outline-color: var(--cyan-300) + } + .md\:focus\:outline-cyan-300\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:outline-cyan-300\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:outline-cyan-300\/10:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:outline-cyan-300\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:outline-cyan-300\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:outline-cyan-300\/20:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:outline-cyan-300\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:outline-cyan-300\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:outline-cyan-300\/30:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:outline-cyan-300\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:outline-cyan-300\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:outline-cyan-300\/40:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:outline-cyan-300\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:outline-cyan-300\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:outline-cyan-300\/50:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:outline-cyan-300\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:outline-cyan-300\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:outline-cyan-300\/60:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:outline-cyan-300\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:outline-cyan-300\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:outline-cyan-300\/70:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:outline-cyan-300\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:outline-cyan-300\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:outline-cyan-300\/80:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:outline-cyan-300\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:outline-cyan-300\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:outline-cyan-300\/90:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:outline-cyan-400:focus { + outline-color: var(--cyan-400) + } + .md\:hover\:outline-cyan-400:hover { + outline-color: var(--cyan-400) + } + .md\:active\:outline-cyan-400:active { + outline-color: var(--cyan-400) + } + .md\:focus\:outline-cyan-400\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:outline-cyan-400\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:outline-cyan-400\/10:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:outline-cyan-400\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:outline-cyan-400\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:outline-cyan-400\/20:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:outline-cyan-400\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:outline-cyan-400\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:outline-cyan-400\/30:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:outline-cyan-400\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:outline-cyan-400\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:outline-cyan-400\/40:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:outline-cyan-400\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:outline-cyan-400\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:outline-cyan-400\/50:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:outline-cyan-400\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:outline-cyan-400\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:outline-cyan-400\/60:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:outline-cyan-400\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:outline-cyan-400\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:outline-cyan-400\/70:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:outline-cyan-400\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:outline-cyan-400\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:outline-cyan-400\/80:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:outline-cyan-400\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:outline-cyan-400\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:outline-cyan-400\/90:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:outline-cyan-500:focus { + outline-color: var(--cyan-500) + } + .md\:hover\:outline-cyan-500:hover { + outline-color: var(--cyan-500) + } + .md\:active\:outline-cyan-500:active { + outline-color: var(--cyan-500) + } + .md\:focus\:outline-cyan-500\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:outline-cyan-500\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:outline-cyan-500\/10:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:outline-cyan-500\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:outline-cyan-500\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:outline-cyan-500\/20:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:outline-cyan-500\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:outline-cyan-500\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:outline-cyan-500\/30:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:outline-cyan-500\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:outline-cyan-500\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:outline-cyan-500\/40:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:outline-cyan-500\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:outline-cyan-500\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:outline-cyan-500\/50:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:outline-cyan-500\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:outline-cyan-500\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:outline-cyan-500\/60:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:outline-cyan-500\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:outline-cyan-500\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:outline-cyan-500\/70:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:outline-cyan-500\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:outline-cyan-500\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:outline-cyan-500\/80:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:outline-cyan-500\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:outline-cyan-500\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:outline-cyan-500\/90:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:outline-cyan-600:focus { + outline-color: var(--cyan-600) + } + .md\:hover\:outline-cyan-600:hover { + outline-color: var(--cyan-600) + } + .md\:active\:outline-cyan-600:active { + outline-color: var(--cyan-600) + } + .md\:focus\:outline-cyan-600\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:outline-cyan-600\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:outline-cyan-600\/10:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:outline-cyan-600\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:outline-cyan-600\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:outline-cyan-600\/20:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:outline-cyan-600\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:outline-cyan-600\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:outline-cyan-600\/30:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:outline-cyan-600\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:outline-cyan-600\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:outline-cyan-600\/40:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:outline-cyan-600\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:outline-cyan-600\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:outline-cyan-600\/50:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:outline-cyan-600\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:outline-cyan-600\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:outline-cyan-600\/60:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:outline-cyan-600\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:outline-cyan-600\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:outline-cyan-600\/70:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:outline-cyan-600\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:outline-cyan-600\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:outline-cyan-600\/80:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:outline-cyan-600\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:outline-cyan-600\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:outline-cyan-600\/90:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:outline-cyan-700:focus { + outline-color: var(--cyan-700) + } + .md\:hover\:outline-cyan-700:hover { + outline-color: var(--cyan-700) + } + .md\:active\:outline-cyan-700:active { + outline-color: var(--cyan-700) + } + .md\:focus\:outline-cyan-700\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:outline-cyan-700\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:outline-cyan-700\/10:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:outline-cyan-700\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:outline-cyan-700\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:outline-cyan-700\/20:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:outline-cyan-700\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:outline-cyan-700\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:outline-cyan-700\/30:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:outline-cyan-700\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:outline-cyan-700\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:outline-cyan-700\/40:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:outline-cyan-700\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:outline-cyan-700\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:outline-cyan-700\/50:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:outline-cyan-700\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:outline-cyan-700\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:outline-cyan-700\/60:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:outline-cyan-700\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:outline-cyan-700\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:outline-cyan-700\/70:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:outline-cyan-700\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:outline-cyan-700\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:outline-cyan-700\/80:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:outline-cyan-700\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:outline-cyan-700\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:outline-cyan-700\/90:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:outline-cyan-800:focus { + outline-color: var(--cyan-800) + } + .md\:hover\:outline-cyan-800:hover { + outline-color: var(--cyan-800) + } + .md\:active\:outline-cyan-800:active { + outline-color: var(--cyan-800) + } + .md\:focus\:outline-cyan-800\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:outline-cyan-800\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:outline-cyan-800\/10:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:outline-cyan-800\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:outline-cyan-800\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:outline-cyan-800\/20:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:outline-cyan-800\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:outline-cyan-800\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:outline-cyan-800\/30:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:outline-cyan-800\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:outline-cyan-800\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:outline-cyan-800\/40:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:outline-cyan-800\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:outline-cyan-800\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:outline-cyan-800\/50:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:outline-cyan-800\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:outline-cyan-800\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:outline-cyan-800\/60:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:outline-cyan-800\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:outline-cyan-800\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:outline-cyan-800\/70:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:outline-cyan-800\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:outline-cyan-800\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:outline-cyan-800\/80:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:outline-cyan-800\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:outline-cyan-800\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:outline-cyan-800\/90:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:outline-cyan-900:focus { + outline-color: var(--cyan-900) + } + .md\:hover\:outline-cyan-900:hover { + outline-color: var(--cyan-900) + } + .md\:active\:outline-cyan-900:active { + outline-color: var(--cyan-900) + } + .md\:focus\:outline-cyan-900\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:outline-cyan-900\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:outline-cyan-900\/10:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:outline-cyan-900\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:outline-cyan-900\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:outline-cyan-900\/20:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:outline-cyan-900\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:outline-cyan-900\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:outline-cyan-900\/30:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:outline-cyan-900\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:outline-cyan-900\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:outline-cyan-900\/40:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:outline-cyan-900\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:outline-cyan-900\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:outline-cyan-900\/50:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:outline-cyan-900\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:outline-cyan-900\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:outline-cyan-900\/60:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:outline-cyan-900\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:outline-cyan-900\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:outline-cyan-900\/70:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:outline-cyan-900\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:outline-cyan-900\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:outline-cyan-900\/80:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:outline-cyan-900\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:outline-cyan-900\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:outline-cyan-900\/90:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:outline-pink-50:focus { + outline-color: var(--pink-50) + } + .md\:hover\:outline-pink-50:hover { + outline-color: var(--pink-50) + } + .md\:active\:outline-pink-50:active { + outline-color: var(--pink-50) + } + .md\:focus\:outline-pink-50\/10:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:outline-pink-50\/10:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:outline-pink-50\/10:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:outline-pink-50\/20:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:outline-pink-50\/20:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:outline-pink-50\/20:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:outline-pink-50\/30:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:outline-pink-50\/30:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:outline-pink-50\/30:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:outline-pink-50\/40:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:outline-pink-50\/40:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:outline-pink-50\/40:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:outline-pink-50\/50:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:outline-pink-50\/50:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:outline-pink-50\/50:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:outline-pink-50\/60:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:outline-pink-50\/60:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:outline-pink-50\/60:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:outline-pink-50\/70:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:outline-pink-50\/70:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:outline-pink-50\/70:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:outline-pink-50\/80:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:outline-pink-50\/80:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:outline-pink-50\/80:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:outline-pink-50\/90:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:outline-pink-50\/90:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:outline-pink-50\/90:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:outline-pink-100:focus { + outline-color: var(--pink-100) + } + .md\:hover\:outline-pink-100:hover { + outline-color: var(--pink-100) + } + .md\:active\:outline-pink-100:active { + outline-color: var(--pink-100) + } + .md\:focus\:outline-pink-100\/10:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:outline-pink-100\/10:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:outline-pink-100\/10:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:outline-pink-100\/20:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:outline-pink-100\/20:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:outline-pink-100\/20:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:outline-pink-100\/30:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:outline-pink-100\/30:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:outline-pink-100\/30:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:outline-pink-100\/40:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:outline-pink-100\/40:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:outline-pink-100\/40:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:outline-pink-100\/50:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:outline-pink-100\/50:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:outline-pink-100\/50:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:outline-pink-100\/60:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:outline-pink-100\/60:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:outline-pink-100\/60:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:outline-pink-100\/70:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:outline-pink-100\/70:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:outline-pink-100\/70:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:outline-pink-100\/80:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:outline-pink-100\/80:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:outline-pink-100\/80:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:outline-pink-100\/90:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:outline-pink-100\/90:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:outline-pink-100\/90:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:outline-pink-200:focus { + outline-color: var(--pink-200) + } + .md\:hover\:outline-pink-200:hover { + outline-color: var(--pink-200) + } + .md\:active\:outline-pink-200:active { + outline-color: var(--pink-200) + } + .md\:focus\:outline-pink-200\/10:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:outline-pink-200\/10:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:outline-pink-200\/10:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:outline-pink-200\/20:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:outline-pink-200\/20:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:outline-pink-200\/20:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:outline-pink-200\/30:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:outline-pink-200\/30:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:outline-pink-200\/30:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:outline-pink-200\/40:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:outline-pink-200\/40:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:outline-pink-200\/40:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:outline-pink-200\/50:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:outline-pink-200\/50:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:outline-pink-200\/50:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:outline-pink-200\/60:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:outline-pink-200\/60:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:outline-pink-200\/60:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:outline-pink-200\/70:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:outline-pink-200\/70:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:outline-pink-200\/70:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:outline-pink-200\/80:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:outline-pink-200\/80:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:outline-pink-200\/80:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:outline-pink-200\/90:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:outline-pink-200\/90:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:outline-pink-200\/90:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:outline-pink-300:focus { + outline-color: var(--pink-300) + } + .md\:hover\:outline-pink-300:hover { + outline-color: var(--pink-300) + } + .md\:active\:outline-pink-300:active { + outline-color: var(--pink-300) + } + .md\:focus\:outline-pink-300\/10:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:outline-pink-300\/10:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:outline-pink-300\/10:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:outline-pink-300\/20:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:outline-pink-300\/20:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:outline-pink-300\/20:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:outline-pink-300\/30:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:outline-pink-300\/30:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:outline-pink-300\/30:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:outline-pink-300\/40:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:outline-pink-300\/40:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:outline-pink-300\/40:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:outline-pink-300\/50:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:outline-pink-300\/50:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:outline-pink-300\/50:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:outline-pink-300\/60:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:outline-pink-300\/60:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:outline-pink-300\/60:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:outline-pink-300\/70:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:outline-pink-300\/70:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:outline-pink-300\/70:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:outline-pink-300\/80:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:outline-pink-300\/80:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:outline-pink-300\/80:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:outline-pink-300\/90:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:outline-pink-300\/90:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:outline-pink-300\/90:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:outline-pink-400:focus { + outline-color: var(--pink-400) + } + .md\:hover\:outline-pink-400:hover { + outline-color: var(--pink-400) + } + .md\:active\:outline-pink-400:active { + outline-color: var(--pink-400) + } + .md\:focus\:outline-pink-400\/10:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:outline-pink-400\/10:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:outline-pink-400\/10:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:outline-pink-400\/20:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:outline-pink-400\/20:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:outline-pink-400\/20:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:outline-pink-400\/30:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:outline-pink-400\/30:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:outline-pink-400\/30:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:outline-pink-400\/40:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:outline-pink-400\/40:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:outline-pink-400\/40:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:outline-pink-400\/50:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:outline-pink-400\/50:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:outline-pink-400\/50:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:outline-pink-400\/60:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:outline-pink-400\/60:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:outline-pink-400\/60:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:outline-pink-400\/70:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:outline-pink-400\/70:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:outline-pink-400\/70:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:outline-pink-400\/80:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:outline-pink-400\/80:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:outline-pink-400\/80:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:outline-pink-400\/90:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:outline-pink-400\/90:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:outline-pink-400\/90:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:outline-pink-500:focus { + outline-color: var(--pink-500) + } + .md\:hover\:outline-pink-500:hover { + outline-color: var(--pink-500) + } + .md\:active\:outline-pink-500:active { + outline-color: var(--pink-500) + } + .md\:focus\:outline-pink-500\/10:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:outline-pink-500\/10:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:outline-pink-500\/10:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:outline-pink-500\/20:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:outline-pink-500\/20:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:outline-pink-500\/20:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:outline-pink-500\/30:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:outline-pink-500\/30:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:outline-pink-500\/30:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:outline-pink-500\/40:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:outline-pink-500\/40:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:outline-pink-500\/40:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:outline-pink-500\/50:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:outline-pink-500\/50:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:outline-pink-500\/50:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:outline-pink-500\/60:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:outline-pink-500\/60:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:outline-pink-500\/60:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:outline-pink-500\/70:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:outline-pink-500\/70:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:outline-pink-500\/70:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:outline-pink-500\/80:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:outline-pink-500\/80:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:outline-pink-500\/80:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:outline-pink-500\/90:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:outline-pink-500\/90:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:outline-pink-500\/90:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:outline-pink-600:focus { + outline-color: var(--pink-600) + } + .md\:hover\:outline-pink-600:hover { + outline-color: var(--pink-600) + } + .md\:active\:outline-pink-600:active { + outline-color: var(--pink-600) + } + .md\:focus\:outline-pink-600\/10:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:outline-pink-600\/10:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:outline-pink-600\/10:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:outline-pink-600\/20:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:outline-pink-600\/20:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:outline-pink-600\/20:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:outline-pink-600\/30:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:outline-pink-600\/30:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:outline-pink-600\/30:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:outline-pink-600\/40:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:outline-pink-600\/40:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:outline-pink-600\/40:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:outline-pink-600\/50:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:outline-pink-600\/50:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:outline-pink-600\/50:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:outline-pink-600\/60:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:outline-pink-600\/60:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:outline-pink-600\/60:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:outline-pink-600\/70:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:outline-pink-600\/70:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:outline-pink-600\/70:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:outline-pink-600\/80:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:outline-pink-600\/80:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:outline-pink-600\/80:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:outline-pink-600\/90:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:outline-pink-600\/90:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:outline-pink-600\/90:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:outline-pink-700:focus { + outline-color: var(--pink-700) + } + .md\:hover\:outline-pink-700:hover { + outline-color: var(--pink-700) + } + .md\:active\:outline-pink-700:active { + outline-color: var(--pink-700) + } + .md\:focus\:outline-pink-700\/10:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:outline-pink-700\/10:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:outline-pink-700\/10:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:outline-pink-700\/20:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:outline-pink-700\/20:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:outline-pink-700\/20:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:outline-pink-700\/30:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:outline-pink-700\/30:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:outline-pink-700\/30:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:outline-pink-700\/40:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:outline-pink-700\/40:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:outline-pink-700\/40:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:outline-pink-700\/50:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:outline-pink-700\/50:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:outline-pink-700\/50:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:outline-pink-700\/60:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:outline-pink-700\/60:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:outline-pink-700\/60:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:outline-pink-700\/70:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:outline-pink-700\/70:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:outline-pink-700\/70:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:outline-pink-700\/80:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:outline-pink-700\/80:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:outline-pink-700\/80:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:outline-pink-700\/90:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:outline-pink-700\/90:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:outline-pink-700\/90:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:outline-pink-800:focus { + outline-color: var(--pink-800) + } + .md\:hover\:outline-pink-800:hover { + outline-color: var(--pink-800) + } + .md\:active\:outline-pink-800:active { + outline-color: var(--pink-800) + } + .md\:focus\:outline-pink-800\/10:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:outline-pink-800\/10:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:outline-pink-800\/10:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:outline-pink-800\/20:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:outline-pink-800\/20:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:outline-pink-800\/20:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:outline-pink-800\/30:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:outline-pink-800\/30:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:outline-pink-800\/30:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:outline-pink-800\/40:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:outline-pink-800\/40:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:outline-pink-800\/40:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:outline-pink-800\/50:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:outline-pink-800\/50:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:outline-pink-800\/50:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:outline-pink-800\/60:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:outline-pink-800\/60:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:outline-pink-800\/60:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:outline-pink-800\/70:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:outline-pink-800\/70:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:outline-pink-800\/70:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:outline-pink-800\/80:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:outline-pink-800\/80:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:outline-pink-800\/80:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:outline-pink-800\/90:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:outline-pink-800\/90:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:outline-pink-800\/90:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:outline-pink-900:focus { + outline-color: var(--pink-900) + } + .md\:hover\:outline-pink-900:hover { + outline-color: var(--pink-900) + } + .md\:active\:outline-pink-900:active { + outline-color: var(--pink-900) + } + .md\:focus\:outline-pink-900\/10:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:outline-pink-900\/10:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:outline-pink-900\/10:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:outline-pink-900\/20:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:outline-pink-900\/20:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:outline-pink-900\/20:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:outline-pink-900\/30:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:outline-pink-900\/30:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:outline-pink-900\/30:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:outline-pink-900\/40:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:outline-pink-900\/40:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:outline-pink-900\/40:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:outline-pink-900\/50:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:outline-pink-900\/50:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:outline-pink-900\/50:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:outline-pink-900\/60:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:outline-pink-900\/60:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:outline-pink-900\/60:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:outline-pink-900\/70:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:outline-pink-900\/70:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:outline-pink-900\/70:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:outline-pink-900\/80:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:outline-pink-900\/80:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:outline-pink-900\/80:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:outline-pink-900\/90:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:outline-pink-900\/90:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:outline-pink-900\/90:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:outline-indigo-50:focus { + outline-color: var(--indigo-50) + } + .md\:hover\:outline-indigo-50:hover { + outline-color: var(--indigo-50) + } + .md\:active\:outline-indigo-50:active { + outline-color: var(--indigo-50) + } + .md\:focus\:outline-indigo-50\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:outline-indigo-50\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:outline-indigo-50\/10:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:outline-indigo-50\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:outline-indigo-50\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:outline-indigo-50\/20:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:outline-indigo-50\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:outline-indigo-50\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:outline-indigo-50\/30:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:outline-indigo-50\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:outline-indigo-50\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:outline-indigo-50\/40:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:outline-indigo-50\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:outline-indigo-50\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:outline-indigo-50\/50:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:outline-indigo-50\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:outline-indigo-50\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:outline-indigo-50\/60:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:outline-indigo-50\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:outline-indigo-50\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:outline-indigo-50\/70:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:outline-indigo-50\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:outline-indigo-50\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:outline-indigo-50\/80:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:outline-indigo-50\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:outline-indigo-50\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:outline-indigo-50\/90:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:outline-indigo-100:focus { + outline-color: var(--indigo-100) + } + .md\:hover\:outline-indigo-100:hover { + outline-color: var(--indigo-100) + } + .md\:active\:outline-indigo-100:active { + outline-color: var(--indigo-100) + } + .md\:focus\:outline-indigo-100\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:outline-indigo-100\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:outline-indigo-100\/10:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:outline-indigo-100\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:outline-indigo-100\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:outline-indigo-100\/20:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:outline-indigo-100\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:outline-indigo-100\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:outline-indigo-100\/30:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:outline-indigo-100\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:outline-indigo-100\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:outline-indigo-100\/40:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:outline-indigo-100\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:outline-indigo-100\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:outline-indigo-100\/50:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:outline-indigo-100\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:outline-indigo-100\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:outline-indigo-100\/60:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:outline-indigo-100\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:outline-indigo-100\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:outline-indigo-100\/70:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:outline-indigo-100\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:outline-indigo-100\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:outline-indigo-100\/80:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:outline-indigo-100\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:outline-indigo-100\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:outline-indigo-100\/90:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:outline-indigo-200:focus { + outline-color: var(--indigo-200) + } + .md\:hover\:outline-indigo-200:hover { + outline-color: var(--indigo-200) + } + .md\:active\:outline-indigo-200:active { + outline-color: var(--indigo-200) + } + .md\:focus\:outline-indigo-200\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:outline-indigo-200\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:outline-indigo-200\/10:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:outline-indigo-200\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:outline-indigo-200\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:outline-indigo-200\/20:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:outline-indigo-200\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:outline-indigo-200\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:outline-indigo-200\/30:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:outline-indigo-200\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:outline-indigo-200\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:outline-indigo-200\/40:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:outline-indigo-200\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:outline-indigo-200\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:outline-indigo-200\/50:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:outline-indigo-200\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:outline-indigo-200\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:outline-indigo-200\/60:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:outline-indigo-200\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:outline-indigo-200\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:outline-indigo-200\/70:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:outline-indigo-200\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:outline-indigo-200\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:outline-indigo-200\/80:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:outline-indigo-200\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:outline-indigo-200\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:outline-indigo-200\/90:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:outline-indigo-300:focus { + outline-color: var(--indigo-300) + } + .md\:hover\:outline-indigo-300:hover { + outline-color: var(--indigo-300) + } + .md\:active\:outline-indigo-300:active { + outline-color: var(--indigo-300) + } + .md\:focus\:outline-indigo-300\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:outline-indigo-300\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:outline-indigo-300\/10:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:outline-indigo-300\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:outline-indigo-300\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:outline-indigo-300\/20:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:outline-indigo-300\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:outline-indigo-300\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:outline-indigo-300\/30:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:outline-indigo-300\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:outline-indigo-300\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:outline-indigo-300\/40:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:outline-indigo-300\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:outline-indigo-300\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:outline-indigo-300\/50:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:outline-indigo-300\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:outline-indigo-300\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:outline-indigo-300\/60:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:outline-indigo-300\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:outline-indigo-300\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:outline-indigo-300\/70:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:outline-indigo-300\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:outline-indigo-300\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:outline-indigo-300\/80:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:outline-indigo-300\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:outline-indigo-300\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:outline-indigo-300\/90:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:outline-indigo-400:focus { + outline-color: var(--indigo-400) + } + .md\:hover\:outline-indigo-400:hover { + outline-color: var(--indigo-400) + } + .md\:active\:outline-indigo-400:active { + outline-color: var(--indigo-400) + } + .md\:focus\:outline-indigo-400\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:outline-indigo-400\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:outline-indigo-400\/10:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:outline-indigo-400\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:outline-indigo-400\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:outline-indigo-400\/20:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:outline-indigo-400\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:outline-indigo-400\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:outline-indigo-400\/30:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:outline-indigo-400\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:outline-indigo-400\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:outline-indigo-400\/40:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:outline-indigo-400\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:outline-indigo-400\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:outline-indigo-400\/50:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:outline-indigo-400\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:outline-indigo-400\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:outline-indigo-400\/60:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:outline-indigo-400\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:outline-indigo-400\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:outline-indigo-400\/70:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:outline-indigo-400\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:outline-indigo-400\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:outline-indigo-400\/80:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:outline-indigo-400\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:outline-indigo-400\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:outline-indigo-400\/90:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:outline-indigo-500:focus { + outline-color: var(--indigo-500) + } + .md\:hover\:outline-indigo-500:hover { + outline-color: var(--indigo-500) + } + .md\:active\:outline-indigo-500:active { + outline-color: var(--indigo-500) + } + .md\:focus\:outline-indigo-500\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:outline-indigo-500\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:outline-indigo-500\/10:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:outline-indigo-500\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:outline-indigo-500\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:outline-indigo-500\/20:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:outline-indigo-500\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:outline-indigo-500\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:outline-indigo-500\/30:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:outline-indigo-500\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:outline-indigo-500\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:outline-indigo-500\/40:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:outline-indigo-500\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:outline-indigo-500\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:outline-indigo-500\/50:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:outline-indigo-500\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:outline-indigo-500\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:outline-indigo-500\/60:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:outline-indigo-500\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:outline-indigo-500\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:outline-indigo-500\/70:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:outline-indigo-500\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:outline-indigo-500\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:outline-indigo-500\/80:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:outline-indigo-500\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:outline-indigo-500\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:outline-indigo-500\/90:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:outline-indigo-600:focus { + outline-color: var(--indigo-600) + } + .md\:hover\:outline-indigo-600:hover { + outline-color: var(--indigo-600) + } + .md\:active\:outline-indigo-600:active { + outline-color: var(--indigo-600) + } + .md\:focus\:outline-indigo-600\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:outline-indigo-600\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:outline-indigo-600\/10:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:outline-indigo-600\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:outline-indigo-600\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:outline-indigo-600\/20:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:outline-indigo-600\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:outline-indigo-600\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:outline-indigo-600\/30:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:outline-indigo-600\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:outline-indigo-600\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:outline-indigo-600\/40:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:outline-indigo-600\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:outline-indigo-600\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:outline-indigo-600\/50:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:outline-indigo-600\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:outline-indigo-600\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:outline-indigo-600\/60:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:outline-indigo-600\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:outline-indigo-600\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:outline-indigo-600\/70:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:outline-indigo-600\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:outline-indigo-600\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:outline-indigo-600\/80:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:outline-indigo-600\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:outline-indigo-600\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:outline-indigo-600\/90:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:outline-indigo-700:focus { + outline-color: var(--indigo-700) + } + .md\:hover\:outline-indigo-700:hover { + outline-color: var(--indigo-700) + } + .md\:active\:outline-indigo-700:active { + outline-color: var(--indigo-700) + } + .md\:focus\:outline-indigo-700\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:outline-indigo-700\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:outline-indigo-700\/10:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:outline-indigo-700\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:outline-indigo-700\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:outline-indigo-700\/20:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:outline-indigo-700\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:outline-indigo-700\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:outline-indigo-700\/30:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:outline-indigo-700\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:outline-indigo-700\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:outline-indigo-700\/40:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:outline-indigo-700\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:outline-indigo-700\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:outline-indigo-700\/50:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:outline-indigo-700\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:outline-indigo-700\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:outline-indigo-700\/60:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:outline-indigo-700\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:outline-indigo-700\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:outline-indigo-700\/70:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:outline-indigo-700\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:outline-indigo-700\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:outline-indigo-700\/80:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:outline-indigo-700\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:outline-indigo-700\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:outline-indigo-700\/90:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:outline-indigo-800:focus { + outline-color: var(--indigo-800) + } + .md\:hover\:outline-indigo-800:hover { + outline-color: var(--indigo-800) + } + .md\:active\:outline-indigo-800:active { + outline-color: var(--indigo-800) + } + .md\:focus\:outline-indigo-800\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:outline-indigo-800\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:outline-indigo-800\/10:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:outline-indigo-800\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:outline-indigo-800\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:outline-indigo-800\/20:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:outline-indigo-800\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:outline-indigo-800\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:outline-indigo-800\/30:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:outline-indigo-800\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:outline-indigo-800\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:outline-indigo-800\/40:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:outline-indigo-800\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:outline-indigo-800\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:outline-indigo-800\/50:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:outline-indigo-800\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:outline-indigo-800\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:outline-indigo-800\/60:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:outline-indigo-800\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:outline-indigo-800\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:outline-indigo-800\/70:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:outline-indigo-800\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:outline-indigo-800\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:outline-indigo-800\/80:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:outline-indigo-800\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:outline-indigo-800\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:outline-indigo-800\/90:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:outline-indigo-900:focus { + outline-color: var(--indigo-900) + } + .md\:hover\:outline-indigo-900:hover { + outline-color: var(--indigo-900) + } + .md\:active\:outline-indigo-900:active { + outline-color: var(--indigo-900) + } + .md\:focus\:outline-indigo-900\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:outline-indigo-900\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:outline-indigo-900\/10:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:outline-indigo-900\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:outline-indigo-900\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:outline-indigo-900\/20:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:outline-indigo-900\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:outline-indigo-900\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:outline-indigo-900\/30:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:outline-indigo-900\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:outline-indigo-900\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:outline-indigo-900\/40:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:outline-indigo-900\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:outline-indigo-900\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:outline-indigo-900\/50:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:outline-indigo-900\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:outline-indigo-900\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:outline-indigo-900\/60:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:outline-indigo-900\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:outline-indigo-900\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:outline-indigo-900\/70:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:outline-indigo-900\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:outline-indigo-900\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:outline-indigo-900\/80:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:outline-indigo-900\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:outline-indigo-900\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:outline-indigo-900\/90:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:outline-teal-50:focus { + outline-color: var(--teal-50) + } + .md\:hover\:outline-teal-50:hover { + outline-color: var(--teal-50) + } + .md\:active\:outline-teal-50:active { + outline-color: var(--teal-50) + } + .md\:focus\:outline-teal-50\/10:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:outline-teal-50\/10:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:outline-teal-50\/10:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:outline-teal-50\/20:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:outline-teal-50\/20:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:outline-teal-50\/20:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:outline-teal-50\/30:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:outline-teal-50\/30:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:outline-teal-50\/30:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:outline-teal-50\/40:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:outline-teal-50\/40:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:outline-teal-50\/40:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:outline-teal-50\/50:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:outline-teal-50\/50:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:outline-teal-50\/50:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:outline-teal-50\/60:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:outline-teal-50\/60:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:outline-teal-50\/60:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:outline-teal-50\/70:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:outline-teal-50\/70:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:outline-teal-50\/70:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:outline-teal-50\/80:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:outline-teal-50\/80:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:outline-teal-50\/80:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:outline-teal-50\/90:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:outline-teal-50\/90:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:outline-teal-50\/90:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:outline-teal-100:focus { + outline-color: var(--teal-100) + } + .md\:hover\:outline-teal-100:hover { + outline-color: var(--teal-100) + } + .md\:active\:outline-teal-100:active { + outline-color: var(--teal-100) + } + .md\:focus\:outline-teal-100\/10:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:outline-teal-100\/10:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:outline-teal-100\/10:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:outline-teal-100\/20:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:outline-teal-100\/20:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:outline-teal-100\/20:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:outline-teal-100\/30:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:outline-teal-100\/30:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:outline-teal-100\/30:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:outline-teal-100\/40:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:outline-teal-100\/40:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:outline-teal-100\/40:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:outline-teal-100\/50:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:outline-teal-100\/50:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:outline-teal-100\/50:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:outline-teal-100\/60:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:outline-teal-100\/60:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:outline-teal-100\/60:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:outline-teal-100\/70:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:outline-teal-100\/70:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:outline-teal-100\/70:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:outline-teal-100\/80:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:outline-teal-100\/80:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:outline-teal-100\/80:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:outline-teal-100\/90:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:outline-teal-100\/90:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:outline-teal-100\/90:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:outline-teal-200:focus { + outline-color: var(--teal-200) + } + .md\:hover\:outline-teal-200:hover { + outline-color: var(--teal-200) + } + .md\:active\:outline-teal-200:active { + outline-color: var(--teal-200) + } + .md\:focus\:outline-teal-200\/10:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:outline-teal-200\/10:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:outline-teal-200\/10:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:outline-teal-200\/20:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:outline-teal-200\/20:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:outline-teal-200\/20:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:outline-teal-200\/30:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:outline-teal-200\/30:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:outline-teal-200\/30:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:outline-teal-200\/40:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:outline-teal-200\/40:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:outline-teal-200\/40:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:outline-teal-200\/50:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:outline-teal-200\/50:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:outline-teal-200\/50:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:outline-teal-200\/60:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:outline-teal-200\/60:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:outline-teal-200\/60:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:outline-teal-200\/70:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:outline-teal-200\/70:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:outline-teal-200\/70:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:outline-teal-200\/80:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:outline-teal-200\/80:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:outline-teal-200\/80:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:outline-teal-200\/90:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:outline-teal-200\/90:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:outline-teal-200\/90:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:outline-teal-300:focus { + outline-color: var(--teal-300) + } + .md\:hover\:outline-teal-300:hover { + outline-color: var(--teal-300) + } + .md\:active\:outline-teal-300:active { + outline-color: var(--teal-300) + } + .md\:focus\:outline-teal-300\/10:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:outline-teal-300\/10:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:outline-teal-300\/10:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:outline-teal-300\/20:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:outline-teal-300\/20:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:outline-teal-300\/20:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:outline-teal-300\/30:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:outline-teal-300\/30:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:outline-teal-300\/30:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:outline-teal-300\/40:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:outline-teal-300\/40:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:outline-teal-300\/40:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:outline-teal-300\/50:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:outline-teal-300\/50:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:outline-teal-300\/50:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:outline-teal-300\/60:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:outline-teal-300\/60:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:outline-teal-300\/60:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:outline-teal-300\/70:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:outline-teal-300\/70:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:outline-teal-300\/70:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:outline-teal-300\/80:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:outline-teal-300\/80:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:outline-teal-300\/80:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:outline-teal-300\/90:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:outline-teal-300\/90:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:outline-teal-300\/90:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:outline-teal-400:focus { + outline-color: var(--teal-400) + } + .md\:hover\:outline-teal-400:hover { + outline-color: var(--teal-400) + } + .md\:active\:outline-teal-400:active { + outline-color: var(--teal-400) + } + .md\:focus\:outline-teal-400\/10:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:outline-teal-400\/10:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:outline-teal-400\/10:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:outline-teal-400\/20:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:outline-teal-400\/20:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:outline-teal-400\/20:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:outline-teal-400\/30:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:outline-teal-400\/30:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:outline-teal-400\/30:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:outline-teal-400\/40:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:outline-teal-400\/40:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:outline-teal-400\/40:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:outline-teal-400\/50:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:outline-teal-400\/50:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:outline-teal-400\/50:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:outline-teal-400\/60:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:outline-teal-400\/60:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:outline-teal-400\/60:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:outline-teal-400\/70:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:outline-teal-400\/70:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:outline-teal-400\/70:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:outline-teal-400\/80:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:outline-teal-400\/80:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:outline-teal-400\/80:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:outline-teal-400\/90:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:outline-teal-400\/90:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:outline-teal-400\/90:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:outline-teal-500:focus { + outline-color: var(--teal-500) + } + .md\:hover\:outline-teal-500:hover { + outline-color: var(--teal-500) + } + .md\:active\:outline-teal-500:active { + outline-color: var(--teal-500) + } + .md\:focus\:outline-teal-500\/10:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:outline-teal-500\/10:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:outline-teal-500\/10:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:outline-teal-500\/20:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:outline-teal-500\/20:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:outline-teal-500\/20:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:outline-teal-500\/30:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:outline-teal-500\/30:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:outline-teal-500\/30:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:outline-teal-500\/40:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:outline-teal-500\/40:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:outline-teal-500\/40:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:outline-teal-500\/50:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:outline-teal-500\/50:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:outline-teal-500\/50:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:outline-teal-500\/60:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:outline-teal-500\/60:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:outline-teal-500\/60:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:outline-teal-500\/70:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:outline-teal-500\/70:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:outline-teal-500\/70:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:outline-teal-500\/80:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:outline-teal-500\/80:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:outline-teal-500\/80:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:outline-teal-500\/90:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:outline-teal-500\/90:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:outline-teal-500\/90:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:outline-teal-600:focus { + outline-color: var(--teal-600) + } + .md\:hover\:outline-teal-600:hover { + outline-color: var(--teal-600) + } + .md\:active\:outline-teal-600:active { + outline-color: var(--teal-600) + } + .md\:focus\:outline-teal-600\/10:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:outline-teal-600\/10:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:outline-teal-600\/10:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:outline-teal-600\/20:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:outline-teal-600\/20:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:outline-teal-600\/20:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:outline-teal-600\/30:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:outline-teal-600\/30:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:outline-teal-600\/30:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:outline-teal-600\/40:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:outline-teal-600\/40:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:outline-teal-600\/40:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:outline-teal-600\/50:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:outline-teal-600\/50:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:outline-teal-600\/50:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:outline-teal-600\/60:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:outline-teal-600\/60:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:outline-teal-600\/60:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:outline-teal-600\/70:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:outline-teal-600\/70:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:outline-teal-600\/70:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:outline-teal-600\/80:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:outline-teal-600\/80:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:outline-teal-600\/80:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:outline-teal-600\/90:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:outline-teal-600\/90:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:outline-teal-600\/90:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:outline-teal-700:focus { + outline-color: var(--teal-700) + } + .md\:hover\:outline-teal-700:hover { + outline-color: var(--teal-700) + } + .md\:active\:outline-teal-700:active { + outline-color: var(--teal-700) + } + .md\:focus\:outline-teal-700\/10:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:outline-teal-700\/10:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:outline-teal-700\/10:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:outline-teal-700\/20:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:outline-teal-700\/20:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:outline-teal-700\/20:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:outline-teal-700\/30:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:outline-teal-700\/30:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:outline-teal-700\/30:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:outline-teal-700\/40:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:outline-teal-700\/40:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:outline-teal-700\/40:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:outline-teal-700\/50:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:outline-teal-700\/50:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:outline-teal-700\/50:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:outline-teal-700\/60:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:outline-teal-700\/60:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:outline-teal-700\/60:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:outline-teal-700\/70:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:outline-teal-700\/70:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:outline-teal-700\/70:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:outline-teal-700\/80:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:outline-teal-700\/80:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:outline-teal-700\/80:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:outline-teal-700\/90:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:outline-teal-700\/90:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:outline-teal-700\/90:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:outline-teal-800:focus { + outline-color: var(--teal-800) + } + .md\:hover\:outline-teal-800:hover { + outline-color: var(--teal-800) + } + .md\:active\:outline-teal-800:active { + outline-color: var(--teal-800) + } + .md\:focus\:outline-teal-800\/10:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:outline-teal-800\/10:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:outline-teal-800\/10:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:outline-teal-800\/20:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:outline-teal-800\/20:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:outline-teal-800\/20:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:outline-teal-800\/30:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:outline-teal-800\/30:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:outline-teal-800\/30:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:outline-teal-800\/40:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:outline-teal-800\/40:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:outline-teal-800\/40:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:outline-teal-800\/50:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:outline-teal-800\/50:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:outline-teal-800\/50:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:outline-teal-800\/60:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:outline-teal-800\/60:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:outline-teal-800\/60:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:outline-teal-800\/70:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:outline-teal-800\/70:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:outline-teal-800\/70:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:outline-teal-800\/80:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:outline-teal-800\/80:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:outline-teal-800\/80:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:outline-teal-800\/90:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:outline-teal-800\/90:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:outline-teal-800\/90:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:outline-teal-900:focus { + outline-color: var(--teal-900) + } + .md\:hover\:outline-teal-900:hover { + outline-color: var(--teal-900) + } + .md\:active\:outline-teal-900:active { + outline-color: var(--teal-900) + } + .md\:focus\:outline-teal-900\/10:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:outline-teal-900\/10:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:outline-teal-900\/10:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:outline-teal-900\/20:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:outline-teal-900\/20:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:outline-teal-900\/20:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:outline-teal-900\/30:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:outline-teal-900\/30:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:outline-teal-900\/30:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:outline-teal-900\/40:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:outline-teal-900\/40:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:outline-teal-900\/40:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:outline-teal-900\/50:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:outline-teal-900\/50:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:outline-teal-900\/50:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:outline-teal-900\/60:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:outline-teal-900\/60:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:outline-teal-900\/60:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:outline-teal-900\/70:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:outline-teal-900\/70:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:outline-teal-900\/70:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:outline-teal-900\/80:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:outline-teal-900\/80:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:outline-teal-900\/80:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:outline-teal-900\/90:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:outline-teal-900\/90:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:outline-teal-900\/90:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:outline-orange-50:focus { + outline-color: var(--orange-50) + } + .md\:hover\:outline-orange-50:hover { + outline-color: var(--orange-50) + } + .md\:active\:outline-orange-50:active { + outline-color: var(--orange-50) + } + .md\:focus\:outline-orange-50\/10:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:outline-orange-50\/10:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:outline-orange-50\/10:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:outline-orange-50\/20:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:outline-orange-50\/20:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:outline-orange-50\/20:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:outline-orange-50\/30:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:outline-orange-50\/30:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:outline-orange-50\/30:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:outline-orange-50\/40:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:outline-orange-50\/40:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:outline-orange-50\/40:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:outline-orange-50\/50:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:outline-orange-50\/50:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:outline-orange-50\/50:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:outline-orange-50\/60:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:outline-orange-50\/60:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:outline-orange-50\/60:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:outline-orange-50\/70:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:outline-orange-50\/70:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:outline-orange-50\/70:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:outline-orange-50\/80:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:outline-orange-50\/80:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:outline-orange-50\/80:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:outline-orange-50\/90:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:outline-orange-50\/90:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:outline-orange-50\/90:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:outline-orange-100:focus { + outline-color: var(--orange-100) + } + .md\:hover\:outline-orange-100:hover { + outline-color: var(--orange-100) + } + .md\:active\:outline-orange-100:active { + outline-color: var(--orange-100) + } + .md\:focus\:outline-orange-100\/10:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:outline-orange-100\/10:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:outline-orange-100\/10:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:outline-orange-100\/20:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:outline-orange-100\/20:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:outline-orange-100\/20:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:outline-orange-100\/30:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:outline-orange-100\/30:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:outline-orange-100\/30:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:outline-orange-100\/40:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:outline-orange-100\/40:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:outline-orange-100\/40:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:outline-orange-100\/50:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:outline-orange-100\/50:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:outline-orange-100\/50:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:outline-orange-100\/60:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:outline-orange-100\/60:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:outline-orange-100\/60:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:outline-orange-100\/70:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:outline-orange-100\/70:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:outline-orange-100\/70:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:outline-orange-100\/80:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:outline-orange-100\/80:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:outline-orange-100\/80:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:outline-orange-100\/90:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:outline-orange-100\/90:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:outline-orange-100\/90:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:outline-orange-200:focus { + outline-color: var(--orange-200) + } + .md\:hover\:outline-orange-200:hover { + outline-color: var(--orange-200) + } + .md\:active\:outline-orange-200:active { + outline-color: var(--orange-200) + } + .md\:focus\:outline-orange-200\/10:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:outline-orange-200\/10:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:outline-orange-200\/10:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:outline-orange-200\/20:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:outline-orange-200\/20:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:outline-orange-200\/20:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:outline-orange-200\/30:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:outline-orange-200\/30:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:outline-orange-200\/30:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:outline-orange-200\/40:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:outline-orange-200\/40:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:outline-orange-200\/40:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:outline-orange-200\/50:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:outline-orange-200\/50:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:outline-orange-200\/50:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:outline-orange-200\/60:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:outline-orange-200\/60:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:outline-orange-200\/60:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:outline-orange-200\/70:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:outline-orange-200\/70:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:outline-orange-200\/70:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:outline-orange-200\/80:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:outline-orange-200\/80:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:outline-orange-200\/80:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:outline-orange-200\/90:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:outline-orange-200\/90:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:outline-orange-200\/90:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:outline-orange-300:focus { + outline-color: var(--orange-300) + } + .md\:hover\:outline-orange-300:hover { + outline-color: var(--orange-300) + } + .md\:active\:outline-orange-300:active { + outline-color: var(--orange-300) + } + .md\:focus\:outline-orange-300\/10:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:outline-orange-300\/10:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:outline-orange-300\/10:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:outline-orange-300\/20:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:outline-orange-300\/20:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:outline-orange-300\/20:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:outline-orange-300\/30:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:outline-orange-300\/30:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:outline-orange-300\/30:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:outline-orange-300\/40:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:outline-orange-300\/40:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:outline-orange-300\/40:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:outline-orange-300\/50:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:outline-orange-300\/50:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:outline-orange-300\/50:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:outline-orange-300\/60:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:outline-orange-300\/60:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:outline-orange-300\/60:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:outline-orange-300\/70:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:outline-orange-300\/70:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:outline-orange-300\/70:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:outline-orange-300\/80:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:outline-orange-300\/80:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:outline-orange-300\/80:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:outline-orange-300\/90:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:outline-orange-300\/90:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:outline-orange-300\/90:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:outline-orange-400:focus { + outline-color: var(--orange-400) + } + .md\:hover\:outline-orange-400:hover { + outline-color: var(--orange-400) + } + .md\:active\:outline-orange-400:active { + outline-color: var(--orange-400) + } + .md\:focus\:outline-orange-400\/10:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:outline-orange-400\/10:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:outline-orange-400\/10:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:outline-orange-400\/20:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:outline-orange-400\/20:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:outline-orange-400\/20:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:outline-orange-400\/30:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:outline-orange-400\/30:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:outline-orange-400\/30:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:outline-orange-400\/40:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:outline-orange-400\/40:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:outline-orange-400\/40:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:outline-orange-400\/50:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:outline-orange-400\/50:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:outline-orange-400\/50:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:outline-orange-400\/60:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:outline-orange-400\/60:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:outline-orange-400\/60:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:outline-orange-400\/70:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:outline-orange-400\/70:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:outline-orange-400\/70:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:outline-orange-400\/80:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:outline-orange-400\/80:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:outline-orange-400\/80:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:outline-orange-400\/90:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:outline-orange-400\/90:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:outline-orange-400\/90:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:outline-orange-500:focus { + outline-color: var(--orange-500) + } + .md\:hover\:outline-orange-500:hover { + outline-color: var(--orange-500) + } + .md\:active\:outline-orange-500:active { + outline-color: var(--orange-500) + } + .md\:focus\:outline-orange-500\/10:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:outline-orange-500\/10:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:outline-orange-500\/10:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:outline-orange-500\/20:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:outline-orange-500\/20:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:outline-orange-500\/20:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:outline-orange-500\/30:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:outline-orange-500\/30:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:outline-orange-500\/30:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:outline-orange-500\/40:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:outline-orange-500\/40:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:outline-orange-500\/40:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:outline-orange-500\/50:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:outline-orange-500\/50:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:outline-orange-500\/50:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:outline-orange-500\/60:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:outline-orange-500\/60:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:outline-orange-500\/60:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:outline-orange-500\/70:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:outline-orange-500\/70:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:outline-orange-500\/70:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:outline-orange-500\/80:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:outline-orange-500\/80:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:outline-orange-500\/80:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:outline-orange-500\/90:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:outline-orange-500\/90:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:outline-orange-500\/90:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:outline-orange-600:focus { + outline-color: var(--orange-600) + } + .md\:hover\:outline-orange-600:hover { + outline-color: var(--orange-600) + } + .md\:active\:outline-orange-600:active { + outline-color: var(--orange-600) + } + .md\:focus\:outline-orange-600\/10:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:outline-orange-600\/10:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:outline-orange-600\/10:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:outline-orange-600\/20:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:outline-orange-600\/20:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:outline-orange-600\/20:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:outline-orange-600\/30:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:outline-orange-600\/30:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:outline-orange-600\/30:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:outline-orange-600\/40:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:outline-orange-600\/40:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:outline-orange-600\/40:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:outline-orange-600\/50:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:outline-orange-600\/50:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:outline-orange-600\/50:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:outline-orange-600\/60:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:outline-orange-600\/60:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:outline-orange-600\/60:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:outline-orange-600\/70:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:outline-orange-600\/70:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:outline-orange-600\/70:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:outline-orange-600\/80:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:outline-orange-600\/80:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:outline-orange-600\/80:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:outline-orange-600\/90:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:outline-orange-600\/90:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:outline-orange-600\/90:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:outline-orange-700:focus { + outline-color: var(--orange-700) + } + .md\:hover\:outline-orange-700:hover { + outline-color: var(--orange-700) + } + .md\:active\:outline-orange-700:active { + outline-color: var(--orange-700) + } + .md\:focus\:outline-orange-700\/10:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:outline-orange-700\/10:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:outline-orange-700\/10:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:outline-orange-700\/20:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:outline-orange-700\/20:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:outline-orange-700\/20:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:outline-orange-700\/30:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:outline-orange-700\/30:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:outline-orange-700\/30:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:outline-orange-700\/40:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:outline-orange-700\/40:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:outline-orange-700\/40:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:outline-orange-700\/50:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:outline-orange-700\/50:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:outline-orange-700\/50:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:outline-orange-700\/60:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:outline-orange-700\/60:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:outline-orange-700\/60:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:outline-orange-700\/70:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:outline-orange-700\/70:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:outline-orange-700\/70:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:outline-orange-700\/80:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:outline-orange-700\/80:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:outline-orange-700\/80:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:outline-orange-700\/90:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:outline-orange-700\/90:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:outline-orange-700\/90:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:outline-orange-800:focus { + outline-color: var(--orange-800) + } + .md\:hover\:outline-orange-800:hover { + outline-color: var(--orange-800) + } + .md\:active\:outline-orange-800:active { + outline-color: var(--orange-800) + } + .md\:focus\:outline-orange-800\/10:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:outline-orange-800\/10:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:outline-orange-800\/10:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:outline-orange-800\/20:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:outline-orange-800\/20:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:outline-orange-800\/20:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:outline-orange-800\/30:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:outline-orange-800\/30:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:outline-orange-800\/30:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:outline-orange-800\/40:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:outline-orange-800\/40:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:outline-orange-800\/40:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:outline-orange-800\/50:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:outline-orange-800\/50:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:outline-orange-800\/50:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:outline-orange-800\/60:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:outline-orange-800\/60:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:outline-orange-800\/60:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:outline-orange-800\/70:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:outline-orange-800\/70:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:outline-orange-800\/70:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:outline-orange-800\/80:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:outline-orange-800\/80:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:outline-orange-800\/80:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:outline-orange-800\/90:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:outline-orange-800\/90:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:outline-orange-800\/90:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:outline-orange-900:focus { + outline-color: var(--orange-900) + } + .md\:hover\:outline-orange-900:hover { + outline-color: var(--orange-900) + } + .md\:active\:outline-orange-900:active { + outline-color: var(--orange-900) + } + .md\:focus\:outline-orange-900\/10:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:outline-orange-900\/10:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:outline-orange-900\/10:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:outline-orange-900\/20:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:outline-orange-900\/20:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:outline-orange-900\/20:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:outline-orange-900\/30:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:outline-orange-900\/30:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:outline-orange-900\/30:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:outline-orange-900\/40:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:outline-orange-900\/40:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:outline-orange-900\/40:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:outline-orange-900\/50:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:outline-orange-900\/50:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:outline-orange-900\/50:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:outline-orange-900\/60:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:outline-orange-900\/60:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:outline-orange-900\/60:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:outline-orange-900\/70:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:outline-orange-900\/70:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:outline-orange-900\/70:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:outline-orange-900\/80:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:outline-orange-900\/80:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:outline-orange-900\/80:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:outline-orange-900\/90:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:outline-orange-900\/90:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:outline-orange-900\/90:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-50:focus { + outline-color: var(--bluegray-50) + } + .md\:hover\:outline-bluegray-50:hover { + outline-color: var(--bluegray-50) + } + .md\:active\:outline-bluegray-50:active { + outline-color: var(--bluegray-50) + } + .md\:focus\:outline-bluegray-50\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-50\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:outline-bluegray-50\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-50\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-50\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:outline-bluegray-50\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-50\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-50\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:outline-bluegray-50\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-50\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-50\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:outline-bluegray-50\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-50\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-50\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:outline-bluegray-50\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-50\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-50\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:outline-bluegray-50\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-50\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-50\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:outline-bluegray-50\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-50\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-50\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:outline-bluegray-50\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-50\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-50\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:outline-bluegray-50\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-100:focus { + outline-color: var(--bluegray-100) + } + .md\:hover\:outline-bluegray-100:hover { + outline-color: var(--bluegray-100) + } + .md\:active\:outline-bluegray-100:active { + outline-color: var(--bluegray-100) + } + .md\:focus\:outline-bluegray-100\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-100\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:outline-bluegray-100\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-100\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-100\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:outline-bluegray-100\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-100\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-100\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:outline-bluegray-100\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-100\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-100\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:outline-bluegray-100\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-100\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-100\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:outline-bluegray-100\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-100\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-100\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:outline-bluegray-100\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-100\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-100\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:outline-bluegray-100\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-100\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-100\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:outline-bluegray-100\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-100\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-100\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:outline-bluegray-100\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-200:focus { + outline-color: var(--bluegray-200) + } + .md\:hover\:outline-bluegray-200:hover { + outline-color: var(--bluegray-200) + } + .md\:active\:outline-bluegray-200:active { + outline-color: var(--bluegray-200) + } + .md\:focus\:outline-bluegray-200\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-200\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:outline-bluegray-200\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-200\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-200\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:outline-bluegray-200\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-200\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-200\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:outline-bluegray-200\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-200\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-200\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:outline-bluegray-200\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-200\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-200\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:outline-bluegray-200\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-200\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-200\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:outline-bluegray-200\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-200\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-200\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:outline-bluegray-200\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-200\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-200\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:outline-bluegray-200\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-200\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-200\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:outline-bluegray-200\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-300:focus { + outline-color: var(--bluegray-300) + } + .md\:hover\:outline-bluegray-300:hover { + outline-color: var(--bluegray-300) + } + .md\:active\:outline-bluegray-300:active { + outline-color: var(--bluegray-300) + } + .md\:focus\:outline-bluegray-300\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-300\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:outline-bluegray-300\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-300\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-300\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:outline-bluegray-300\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-300\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-300\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:outline-bluegray-300\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-300\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-300\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:outline-bluegray-300\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-300\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-300\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:outline-bluegray-300\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-300\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-300\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:outline-bluegray-300\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-300\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-300\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:outline-bluegray-300\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-300\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-300\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:outline-bluegray-300\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-300\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-300\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:outline-bluegray-300\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-400:focus { + outline-color: var(--bluegray-400) + } + .md\:hover\:outline-bluegray-400:hover { + outline-color: var(--bluegray-400) + } + .md\:active\:outline-bluegray-400:active { + outline-color: var(--bluegray-400) + } + .md\:focus\:outline-bluegray-400\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-400\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:outline-bluegray-400\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-400\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-400\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:outline-bluegray-400\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-400\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-400\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:outline-bluegray-400\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-400\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-400\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:outline-bluegray-400\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-400\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-400\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:outline-bluegray-400\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-400\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-400\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:outline-bluegray-400\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-400\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-400\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:outline-bluegray-400\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-400\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-400\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:outline-bluegray-400\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-400\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-400\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:outline-bluegray-400\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-500:focus { + outline-color: var(--bluegray-500) + } + .md\:hover\:outline-bluegray-500:hover { + outline-color: var(--bluegray-500) + } + .md\:active\:outline-bluegray-500:active { + outline-color: var(--bluegray-500) + } + .md\:focus\:outline-bluegray-500\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-500\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:outline-bluegray-500\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-500\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-500\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:outline-bluegray-500\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-500\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-500\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:outline-bluegray-500\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-500\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-500\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:outline-bluegray-500\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-500\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-500\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:outline-bluegray-500\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-500\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-500\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:outline-bluegray-500\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-500\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-500\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:outline-bluegray-500\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-500\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-500\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:outline-bluegray-500\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-500\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-500\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:outline-bluegray-500\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-600:focus { + outline-color: var(--bluegray-600) + } + .md\:hover\:outline-bluegray-600:hover { + outline-color: var(--bluegray-600) + } + .md\:active\:outline-bluegray-600:active { + outline-color: var(--bluegray-600) + } + .md\:focus\:outline-bluegray-600\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-600\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:outline-bluegray-600\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-600\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-600\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:outline-bluegray-600\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-600\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-600\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:outline-bluegray-600\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-600\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-600\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:outline-bluegray-600\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-600\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-600\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:outline-bluegray-600\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-600\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-600\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:outline-bluegray-600\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-600\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-600\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:outline-bluegray-600\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-600\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-600\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:outline-bluegray-600\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-600\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-600\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:outline-bluegray-600\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-700:focus { + outline-color: var(--bluegray-700) + } + .md\:hover\:outline-bluegray-700:hover { + outline-color: var(--bluegray-700) + } + .md\:active\:outline-bluegray-700:active { + outline-color: var(--bluegray-700) + } + .md\:focus\:outline-bluegray-700\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-700\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:outline-bluegray-700\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-700\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-700\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:outline-bluegray-700\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-700\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-700\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:outline-bluegray-700\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-700\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-700\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:outline-bluegray-700\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-700\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-700\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:outline-bluegray-700\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-700\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-700\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:outline-bluegray-700\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-700\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-700\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:outline-bluegray-700\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-700\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-700\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:outline-bluegray-700\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-700\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-700\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:outline-bluegray-700\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-800:focus { + outline-color: var(--bluegray-800) + } + .md\:hover\:outline-bluegray-800:hover { + outline-color: var(--bluegray-800) + } + .md\:active\:outline-bluegray-800:active { + outline-color: var(--bluegray-800) + } + .md\:focus\:outline-bluegray-800\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-800\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:outline-bluegray-800\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-800\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-800\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:outline-bluegray-800\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-800\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-800\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:outline-bluegray-800\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-800\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-800\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:outline-bluegray-800\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-800\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-800\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:outline-bluegray-800\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-800\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-800\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:outline-bluegray-800\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-800\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-800\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:outline-bluegray-800\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-800\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-800\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:outline-bluegray-800\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-800\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-800\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:outline-bluegray-800\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:outline-bluegray-900:focus { + outline-color: var(--bluegray-900) + } + .md\:hover\:outline-bluegray-900:hover { + outline-color: var(--bluegray-900) + } + .md\:active\:outline-bluegray-900:active { + outline-color: var(--bluegray-900) + } + .md\:focus\:outline-bluegray-900\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:outline-bluegray-900\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:outline-bluegray-900\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:outline-bluegray-900\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:outline-bluegray-900\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:outline-bluegray-900\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:outline-bluegray-900\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:outline-bluegray-900\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:outline-bluegray-900\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:outline-bluegray-900\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:outline-bluegray-900\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:outline-bluegray-900\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:outline-bluegray-900\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:outline-bluegray-900\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:outline-bluegray-900\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:outline-bluegray-900\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:outline-bluegray-900\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:outline-bluegray-900\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:outline-bluegray-900\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:outline-bluegray-900\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:outline-bluegray-900\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:outline-bluegray-900\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:outline-bluegray-900\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:outline-bluegray-900\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:outline-bluegray-900\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:outline-bluegray-900\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:outline-bluegray-900\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:outline-purple-50:focus { + outline-color: var(--purple-50) + } + .md\:hover\:outline-purple-50:hover { + outline-color: var(--purple-50) + } + .md\:active\:outline-purple-50:active { + outline-color: var(--purple-50) + } + .md\:focus\:outline-purple-50\/10:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:outline-purple-50\/10:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:outline-purple-50\/10:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:outline-purple-50\/20:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:outline-purple-50\/20:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:outline-purple-50\/20:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:outline-purple-50\/30:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:outline-purple-50\/30:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:outline-purple-50\/30:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:outline-purple-50\/40:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:outline-purple-50\/40:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:outline-purple-50\/40:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:outline-purple-50\/50:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:outline-purple-50\/50:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:outline-purple-50\/50:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:outline-purple-50\/60:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:outline-purple-50\/60:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:outline-purple-50\/60:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:outline-purple-50\/70:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:outline-purple-50\/70:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:outline-purple-50\/70:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:outline-purple-50\/80:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:outline-purple-50\/80:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:outline-purple-50\/80:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:outline-purple-50\/90:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:outline-purple-50\/90:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:outline-purple-50\/90:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:outline-purple-100:focus { + outline-color: var(--purple-100) + } + .md\:hover\:outline-purple-100:hover { + outline-color: var(--purple-100) + } + .md\:active\:outline-purple-100:active { + outline-color: var(--purple-100) + } + .md\:focus\:outline-purple-100\/10:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:outline-purple-100\/10:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:outline-purple-100\/10:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:outline-purple-100\/20:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:outline-purple-100\/20:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:outline-purple-100\/20:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:outline-purple-100\/30:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:outline-purple-100\/30:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:outline-purple-100\/30:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:outline-purple-100\/40:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:outline-purple-100\/40:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:outline-purple-100\/40:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:outline-purple-100\/50:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:outline-purple-100\/50:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:outline-purple-100\/50:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:outline-purple-100\/60:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:outline-purple-100\/60:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:outline-purple-100\/60:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:outline-purple-100\/70:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:outline-purple-100\/70:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:outline-purple-100\/70:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:outline-purple-100\/80:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:outline-purple-100\/80:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:outline-purple-100\/80:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:outline-purple-100\/90:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:outline-purple-100\/90:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:outline-purple-100\/90:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:outline-purple-200:focus { + outline-color: var(--purple-200) + } + .md\:hover\:outline-purple-200:hover { + outline-color: var(--purple-200) + } + .md\:active\:outline-purple-200:active { + outline-color: var(--purple-200) + } + .md\:focus\:outline-purple-200\/10:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:outline-purple-200\/10:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:outline-purple-200\/10:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:outline-purple-200\/20:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:outline-purple-200\/20:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:outline-purple-200\/20:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:outline-purple-200\/30:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:outline-purple-200\/30:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:outline-purple-200\/30:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:outline-purple-200\/40:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:outline-purple-200\/40:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:outline-purple-200\/40:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:outline-purple-200\/50:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:outline-purple-200\/50:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:outline-purple-200\/50:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:outline-purple-200\/60:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:outline-purple-200\/60:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:outline-purple-200\/60:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:outline-purple-200\/70:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:outline-purple-200\/70:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:outline-purple-200\/70:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:outline-purple-200\/80:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:outline-purple-200\/80:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:outline-purple-200\/80:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:outline-purple-200\/90:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:outline-purple-200\/90:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:outline-purple-200\/90:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:outline-purple-300:focus { + outline-color: var(--purple-300) + } + .md\:hover\:outline-purple-300:hover { + outline-color: var(--purple-300) + } + .md\:active\:outline-purple-300:active { + outline-color: var(--purple-300) + } + .md\:focus\:outline-purple-300\/10:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:outline-purple-300\/10:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:outline-purple-300\/10:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:outline-purple-300\/20:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:outline-purple-300\/20:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:outline-purple-300\/20:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:outline-purple-300\/30:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:outline-purple-300\/30:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:outline-purple-300\/30:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:outline-purple-300\/40:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:outline-purple-300\/40:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:outline-purple-300\/40:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:outline-purple-300\/50:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:outline-purple-300\/50:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:outline-purple-300\/50:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:outline-purple-300\/60:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:outline-purple-300\/60:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:outline-purple-300\/60:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:outline-purple-300\/70:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:outline-purple-300\/70:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:outline-purple-300\/70:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:outline-purple-300\/80:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:outline-purple-300\/80:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:outline-purple-300\/80:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:outline-purple-300\/90:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:outline-purple-300\/90:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:outline-purple-300\/90:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:outline-purple-400:focus { + outline-color: var(--purple-400) + } + .md\:hover\:outline-purple-400:hover { + outline-color: var(--purple-400) + } + .md\:active\:outline-purple-400:active { + outline-color: var(--purple-400) + } + .md\:focus\:outline-purple-400\/10:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:outline-purple-400\/10:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:outline-purple-400\/10:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:outline-purple-400\/20:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:outline-purple-400\/20:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:outline-purple-400\/20:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:outline-purple-400\/30:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:outline-purple-400\/30:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:outline-purple-400\/30:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:outline-purple-400\/40:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:outline-purple-400\/40:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:outline-purple-400\/40:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:outline-purple-400\/50:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:outline-purple-400\/50:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:outline-purple-400\/50:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:outline-purple-400\/60:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:outline-purple-400\/60:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:outline-purple-400\/60:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:outline-purple-400\/70:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:outline-purple-400\/70:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:outline-purple-400\/70:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:outline-purple-400\/80:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:outline-purple-400\/80:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:outline-purple-400\/80:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:outline-purple-400\/90:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:outline-purple-400\/90:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:outline-purple-400\/90:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:outline-purple-500:focus { + outline-color: var(--purple-500) + } + .md\:hover\:outline-purple-500:hover { + outline-color: var(--purple-500) + } + .md\:active\:outline-purple-500:active { + outline-color: var(--purple-500) + } + .md\:focus\:outline-purple-500\/10:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:outline-purple-500\/10:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:outline-purple-500\/10:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:outline-purple-500\/20:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:outline-purple-500\/20:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:outline-purple-500\/20:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:outline-purple-500\/30:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:outline-purple-500\/30:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:outline-purple-500\/30:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:outline-purple-500\/40:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:outline-purple-500\/40:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:outline-purple-500\/40:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:outline-purple-500\/50:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:outline-purple-500\/50:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:outline-purple-500\/50:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:outline-purple-500\/60:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:outline-purple-500\/60:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:outline-purple-500\/60:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:outline-purple-500\/70:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:outline-purple-500\/70:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:outline-purple-500\/70:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:outline-purple-500\/80:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:outline-purple-500\/80:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:outline-purple-500\/80:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:outline-purple-500\/90:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:outline-purple-500\/90:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:outline-purple-500\/90:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:outline-purple-600:focus { + outline-color: var(--purple-600) + } + .md\:hover\:outline-purple-600:hover { + outline-color: var(--purple-600) + } + .md\:active\:outline-purple-600:active { + outline-color: var(--purple-600) + } + .md\:focus\:outline-purple-600\/10:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:outline-purple-600\/10:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:outline-purple-600\/10:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:outline-purple-600\/20:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:outline-purple-600\/20:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:outline-purple-600\/20:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:outline-purple-600\/30:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:outline-purple-600\/30:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:outline-purple-600\/30:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:outline-purple-600\/40:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:outline-purple-600\/40:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:outline-purple-600\/40:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:outline-purple-600\/50:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:outline-purple-600\/50:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:outline-purple-600\/50:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:outline-purple-600\/60:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:outline-purple-600\/60:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:outline-purple-600\/60:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:outline-purple-600\/70:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:outline-purple-600\/70:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:outline-purple-600\/70:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:outline-purple-600\/80:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:outline-purple-600\/80:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:outline-purple-600\/80:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:outline-purple-600\/90:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:outline-purple-600\/90:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:outline-purple-600\/90:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:outline-purple-700:focus { + outline-color: var(--purple-700) + } + .md\:hover\:outline-purple-700:hover { + outline-color: var(--purple-700) + } + .md\:active\:outline-purple-700:active { + outline-color: var(--purple-700) + } + .md\:focus\:outline-purple-700\/10:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:outline-purple-700\/10:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:outline-purple-700\/10:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:outline-purple-700\/20:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:outline-purple-700\/20:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:outline-purple-700\/20:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:outline-purple-700\/30:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:outline-purple-700\/30:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:outline-purple-700\/30:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:outline-purple-700\/40:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:outline-purple-700\/40:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:outline-purple-700\/40:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:outline-purple-700\/50:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:outline-purple-700\/50:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:outline-purple-700\/50:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:outline-purple-700\/60:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:outline-purple-700\/60:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:outline-purple-700\/60:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:outline-purple-700\/70:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:outline-purple-700\/70:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:outline-purple-700\/70:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:outline-purple-700\/80:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:outline-purple-700\/80:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:outline-purple-700\/80:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:outline-purple-700\/90:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:outline-purple-700\/90:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:outline-purple-700\/90:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:outline-purple-800:focus { + outline-color: var(--purple-800) + } + .md\:hover\:outline-purple-800:hover { + outline-color: var(--purple-800) + } + .md\:active\:outline-purple-800:active { + outline-color: var(--purple-800) + } + .md\:focus\:outline-purple-800\/10:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:outline-purple-800\/10:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:outline-purple-800\/10:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:outline-purple-800\/20:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:outline-purple-800\/20:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:outline-purple-800\/20:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:outline-purple-800\/30:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:outline-purple-800\/30:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:outline-purple-800\/30:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:outline-purple-800\/40:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:outline-purple-800\/40:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:outline-purple-800\/40:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:outline-purple-800\/50:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:outline-purple-800\/50:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:outline-purple-800\/50:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:outline-purple-800\/60:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:outline-purple-800\/60:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:outline-purple-800\/60:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:outline-purple-800\/70:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:outline-purple-800\/70:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:outline-purple-800\/70:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:outline-purple-800\/80:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:outline-purple-800\/80:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:outline-purple-800\/80:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:outline-purple-800\/90:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:outline-purple-800\/90:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:outline-purple-800\/90:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:outline-purple-900:focus { + outline-color: var(--purple-900) + } + .md\:hover\:outline-purple-900:hover { + outline-color: var(--purple-900) + } + .md\:active\:outline-purple-900:active { + outline-color: var(--purple-900) + } + .md\:focus\:outline-purple-900\/10:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:outline-purple-900\/10:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:outline-purple-900\/10:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:outline-purple-900\/20:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:outline-purple-900\/20:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:outline-purple-900\/20:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:outline-purple-900\/30:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:outline-purple-900\/30:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:outline-purple-900\/30:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:outline-purple-900\/40:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:outline-purple-900\/40:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:outline-purple-900\/40:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:outline-purple-900\/50:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:outline-purple-900\/50:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:outline-purple-900\/50:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:outline-purple-900\/60:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:outline-purple-900\/60:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:outline-purple-900\/60:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:outline-purple-900\/70:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:outline-purple-900\/70:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:outline-purple-900\/70:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:outline-purple-900\/80:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:outline-purple-900\/80:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:outline-purple-900\/80:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:outline-purple-900\/90:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:outline-purple-900\/90:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:outline-purple-900\/90:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:outline-red-50:focus { + outline-color: var(--red-50) + } + .md\:hover\:outline-red-50:hover { + outline-color: var(--red-50) + } + .md\:active\:outline-red-50:active { + outline-color: var(--red-50) + } + .md\:focus\:outline-red-50\/10:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:outline-red-50\/10:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:outline-red-50\/10:active { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:outline-red-50\/20:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:outline-red-50\/20:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:outline-red-50\/20:active { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:outline-red-50\/30:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:outline-red-50\/30:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:outline-red-50\/30:active { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:outline-red-50\/40:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:outline-red-50\/40:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:outline-red-50\/40:active { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:outline-red-50\/50:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:outline-red-50\/50:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:outline-red-50\/50:active { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:outline-red-50\/60:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:outline-red-50\/60:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:outline-red-50\/60:active { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:outline-red-50\/70:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:outline-red-50\/70:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:outline-red-50\/70:active { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:outline-red-50\/80:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:outline-red-50\/80:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:outline-red-50\/80:active { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:outline-red-50\/90:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:outline-red-50\/90:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:outline-red-50\/90:active { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:outline-red-100:focus { + outline-color: var(--red-100) + } + .md\:hover\:outline-red-100:hover { + outline-color: var(--red-100) + } + .md\:active\:outline-red-100:active { + outline-color: var(--red-100) + } + .md\:focus\:outline-red-100\/10:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:outline-red-100\/10:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:outline-red-100\/10:active { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:outline-red-100\/20:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:outline-red-100\/20:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:outline-red-100\/20:active { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:outline-red-100\/30:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:outline-red-100\/30:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:outline-red-100\/30:active { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:outline-red-100\/40:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:outline-red-100\/40:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:outline-red-100\/40:active { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:outline-red-100\/50:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:outline-red-100\/50:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:outline-red-100\/50:active { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:outline-red-100\/60:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:outline-red-100\/60:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:outline-red-100\/60:active { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:outline-red-100\/70:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:outline-red-100\/70:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:outline-red-100\/70:active { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:outline-red-100\/80:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:outline-red-100\/80:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:outline-red-100\/80:active { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:outline-red-100\/90:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:outline-red-100\/90:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:outline-red-100\/90:active { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:outline-red-200:focus { + outline-color: var(--red-200) + } + .md\:hover\:outline-red-200:hover { + outline-color: var(--red-200) + } + .md\:active\:outline-red-200:active { + outline-color: var(--red-200) + } + .md\:focus\:outline-red-200\/10:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:outline-red-200\/10:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:outline-red-200\/10:active { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:outline-red-200\/20:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:outline-red-200\/20:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:outline-red-200\/20:active { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:outline-red-200\/30:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:outline-red-200\/30:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:outline-red-200\/30:active { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:outline-red-200\/40:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:outline-red-200\/40:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:outline-red-200\/40:active { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:outline-red-200\/50:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:outline-red-200\/50:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:outline-red-200\/50:active { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:outline-red-200\/60:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:outline-red-200\/60:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:outline-red-200\/60:active { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:outline-red-200\/70:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:outline-red-200\/70:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:outline-red-200\/70:active { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:outline-red-200\/80:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:outline-red-200\/80:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:outline-red-200\/80:active { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:outline-red-200\/90:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:outline-red-200\/90:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:outline-red-200\/90:active { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:outline-red-300:focus { + outline-color: var(--red-300) + } + .md\:hover\:outline-red-300:hover { + outline-color: var(--red-300) + } + .md\:active\:outline-red-300:active { + outline-color: var(--red-300) + } + .md\:focus\:outline-red-300\/10:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:outline-red-300\/10:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:outline-red-300\/10:active { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:outline-red-300\/20:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:outline-red-300\/20:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:outline-red-300\/20:active { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:outline-red-300\/30:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:outline-red-300\/30:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:outline-red-300\/30:active { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:outline-red-300\/40:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:outline-red-300\/40:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:outline-red-300\/40:active { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:outline-red-300\/50:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:outline-red-300\/50:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:outline-red-300\/50:active { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:outline-red-300\/60:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:outline-red-300\/60:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:outline-red-300\/60:active { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:outline-red-300\/70:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:outline-red-300\/70:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:outline-red-300\/70:active { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:outline-red-300\/80:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:outline-red-300\/80:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:outline-red-300\/80:active { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:outline-red-300\/90:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:outline-red-300\/90:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:outline-red-300\/90:active { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:outline-red-400:focus { + outline-color: var(--red-400) + } + .md\:hover\:outline-red-400:hover { + outline-color: var(--red-400) + } + .md\:active\:outline-red-400:active { + outline-color: var(--red-400) + } + .md\:focus\:outline-red-400\/10:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:outline-red-400\/10:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:outline-red-400\/10:active { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:outline-red-400\/20:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:outline-red-400\/20:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:outline-red-400\/20:active { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:outline-red-400\/30:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:outline-red-400\/30:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:outline-red-400\/30:active { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:outline-red-400\/40:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:outline-red-400\/40:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:outline-red-400\/40:active { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:outline-red-400\/50:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:outline-red-400\/50:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:outline-red-400\/50:active { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:outline-red-400\/60:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:outline-red-400\/60:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:outline-red-400\/60:active { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:outline-red-400\/70:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:outline-red-400\/70:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:outline-red-400\/70:active { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:outline-red-400\/80:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:outline-red-400\/80:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:outline-red-400\/80:active { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:outline-red-400\/90:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:outline-red-400\/90:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:outline-red-400\/90:active { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:outline-red-500:focus { + outline-color: var(--red-500) + } + .md\:hover\:outline-red-500:hover { + outline-color: var(--red-500) + } + .md\:active\:outline-red-500:active { + outline-color: var(--red-500) + } + .md\:focus\:outline-red-500\/10:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:outline-red-500\/10:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:outline-red-500\/10:active { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:outline-red-500\/20:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:outline-red-500\/20:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:outline-red-500\/20:active { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:outline-red-500\/30:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:outline-red-500\/30:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:outline-red-500\/30:active { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:outline-red-500\/40:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:outline-red-500\/40:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:outline-red-500\/40:active { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:outline-red-500\/50:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:outline-red-500\/50:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:outline-red-500\/50:active { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:outline-red-500\/60:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:outline-red-500\/60:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:outline-red-500\/60:active { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:outline-red-500\/70:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:outline-red-500\/70:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:outline-red-500\/70:active { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:outline-red-500\/80:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:outline-red-500\/80:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:outline-red-500\/80:active { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:outline-red-500\/90:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:outline-red-500\/90:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:outline-red-500\/90:active { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:outline-red-600:focus { + outline-color: var(--red-600) + } + .md\:hover\:outline-red-600:hover { + outline-color: var(--red-600) + } + .md\:active\:outline-red-600:active { + outline-color: var(--red-600) + } + .md\:focus\:outline-red-600\/10:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:outline-red-600\/10:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:outline-red-600\/10:active { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:outline-red-600\/20:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:outline-red-600\/20:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:outline-red-600\/20:active { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:outline-red-600\/30:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:outline-red-600\/30:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:outline-red-600\/30:active { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:outline-red-600\/40:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:outline-red-600\/40:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:outline-red-600\/40:active { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:outline-red-600\/50:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:outline-red-600\/50:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:outline-red-600\/50:active { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:outline-red-600\/60:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:outline-red-600\/60:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:outline-red-600\/60:active { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:outline-red-600\/70:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:outline-red-600\/70:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:outline-red-600\/70:active { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:outline-red-600\/80:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:outline-red-600\/80:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:outline-red-600\/80:active { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:outline-red-600\/90:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:outline-red-600\/90:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:outline-red-600\/90:active { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:outline-red-700:focus { + outline-color: var(--red-700) + } + .md\:hover\:outline-red-700:hover { + outline-color: var(--red-700) + } + .md\:active\:outline-red-700:active { + outline-color: var(--red-700) + } + .md\:focus\:outline-red-700\/10:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:outline-red-700\/10:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:outline-red-700\/10:active { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:outline-red-700\/20:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:outline-red-700\/20:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:outline-red-700\/20:active { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:outline-red-700\/30:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:outline-red-700\/30:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:outline-red-700\/30:active { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:outline-red-700\/40:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:outline-red-700\/40:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:outline-red-700\/40:active { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:outline-red-700\/50:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:outline-red-700\/50:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:outline-red-700\/50:active { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:outline-red-700\/60:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:outline-red-700\/60:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:outline-red-700\/60:active { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:outline-red-700\/70:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:outline-red-700\/70:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:outline-red-700\/70:active { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:outline-red-700\/80:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:outline-red-700\/80:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:outline-red-700\/80:active { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:outline-red-700\/90:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:outline-red-700\/90:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:outline-red-700\/90:active { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:outline-red-800:focus { + outline-color: var(--red-800) + } + .md\:hover\:outline-red-800:hover { + outline-color: var(--red-800) + } + .md\:active\:outline-red-800:active { + outline-color: var(--red-800) + } + .md\:focus\:outline-red-800\/10:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:outline-red-800\/10:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:outline-red-800\/10:active { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:outline-red-800\/20:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:outline-red-800\/20:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:outline-red-800\/20:active { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:outline-red-800\/30:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:outline-red-800\/30:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:outline-red-800\/30:active { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:outline-red-800\/40:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:outline-red-800\/40:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:outline-red-800\/40:active { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:outline-red-800\/50:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:outline-red-800\/50:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:outline-red-800\/50:active { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:outline-red-800\/60:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:outline-red-800\/60:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:outline-red-800\/60:active { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:outline-red-800\/70:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:outline-red-800\/70:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:outline-red-800\/70:active { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:outline-red-800\/80:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:outline-red-800\/80:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:outline-red-800\/80:active { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:outline-red-800\/90:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:outline-red-800\/90:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:outline-red-800\/90:active { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:outline-red-900:focus { + outline-color: var(--red-900) + } + .md\:hover\:outline-red-900:hover { + outline-color: var(--red-900) + } + .md\:active\:outline-red-900:active { + outline-color: var(--red-900) + } + .md\:focus\:outline-red-900\/10:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:outline-red-900\/10:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:outline-red-900\/10:active { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:outline-red-900\/20:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:outline-red-900\/20:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:outline-red-900\/20:active { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:outline-red-900\/30:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:outline-red-900\/30:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:outline-red-900\/30:active { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:outline-red-900\/40:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:outline-red-900\/40:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:outline-red-900\/40:active { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:outline-red-900\/50:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:outline-red-900\/50:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:outline-red-900\/50:active { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:outline-red-900\/60:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:outline-red-900\/60:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:outline-red-900\/60:active { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:outline-red-900\/70:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:outline-red-900\/70:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:outline-red-900\/70:active { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:outline-red-900\/80:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:outline-red-900\/80:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:outline-red-900\/80:active { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:outline-red-900\/90:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:outline-red-900\/90:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:outline-red-900\/90:active { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:outline-gray-50:focus { + outline-color: var(--gray-50) + } + .md\:hover\:outline-gray-50:hover { + outline-color: var(--gray-50) + } + .md\:active\:outline-gray-50:active { + outline-color: var(--gray-50) + } + .md\:focus\:outline-gray-50\/10:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:outline-gray-50\/10:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:outline-gray-50\/10:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:outline-gray-50\/20:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:outline-gray-50\/20:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:outline-gray-50\/20:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:outline-gray-50\/30:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:outline-gray-50\/30:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:outline-gray-50\/30:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:outline-gray-50\/40:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:outline-gray-50\/40:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:outline-gray-50\/40:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:outline-gray-50\/50:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:outline-gray-50\/50:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:outline-gray-50\/50:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:outline-gray-50\/60:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:outline-gray-50\/60:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:outline-gray-50\/60:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:outline-gray-50\/70:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:outline-gray-50\/70:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:outline-gray-50\/70:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:outline-gray-50\/80:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:outline-gray-50\/80:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:outline-gray-50\/80:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:outline-gray-50\/90:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:outline-gray-50\/90:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:outline-gray-50\/90:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:outline-gray-100:focus { + outline-color: var(--gray-100) + } + .md\:hover\:outline-gray-100:hover { + outline-color: var(--gray-100) + } + .md\:active\:outline-gray-100:active { + outline-color: var(--gray-100) + } + .md\:focus\:outline-gray-100\/10:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:outline-gray-100\/10:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:outline-gray-100\/10:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:outline-gray-100\/20:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:outline-gray-100\/20:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:outline-gray-100\/20:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:outline-gray-100\/30:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:outline-gray-100\/30:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:outline-gray-100\/30:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:outline-gray-100\/40:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:outline-gray-100\/40:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:outline-gray-100\/40:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:outline-gray-100\/50:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:outline-gray-100\/50:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:outline-gray-100\/50:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:outline-gray-100\/60:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:outline-gray-100\/60:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:outline-gray-100\/60:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:outline-gray-100\/70:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:outline-gray-100\/70:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:outline-gray-100\/70:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:outline-gray-100\/80:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:outline-gray-100\/80:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:outline-gray-100\/80:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:outline-gray-100\/90:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:outline-gray-100\/90:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:outline-gray-100\/90:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:outline-gray-200:focus { + outline-color: var(--gray-200) + } + .md\:hover\:outline-gray-200:hover { + outline-color: var(--gray-200) + } + .md\:active\:outline-gray-200:active { + outline-color: var(--gray-200) + } + .md\:focus\:outline-gray-200\/10:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:outline-gray-200\/10:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:outline-gray-200\/10:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:outline-gray-200\/20:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:outline-gray-200\/20:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:outline-gray-200\/20:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:outline-gray-200\/30:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:outline-gray-200\/30:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:outline-gray-200\/30:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:outline-gray-200\/40:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:outline-gray-200\/40:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:outline-gray-200\/40:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:outline-gray-200\/50:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:outline-gray-200\/50:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:outline-gray-200\/50:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:outline-gray-200\/60:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:outline-gray-200\/60:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:outline-gray-200\/60:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:outline-gray-200\/70:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:outline-gray-200\/70:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:outline-gray-200\/70:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:outline-gray-200\/80:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:outline-gray-200\/80:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:outline-gray-200\/80:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:outline-gray-200\/90:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:outline-gray-200\/90:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:outline-gray-200\/90:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:outline-gray-300:focus { + outline-color: var(--gray-300) + } + .md\:hover\:outline-gray-300:hover { + outline-color: var(--gray-300) + } + .md\:active\:outline-gray-300:active { + outline-color: var(--gray-300) + } + .md\:focus\:outline-gray-300\/10:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:outline-gray-300\/10:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:outline-gray-300\/10:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:outline-gray-300\/20:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:outline-gray-300\/20:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:outline-gray-300\/20:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:outline-gray-300\/30:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:outline-gray-300\/30:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:outline-gray-300\/30:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:outline-gray-300\/40:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:outline-gray-300\/40:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:outline-gray-300\/40:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:outline-gray-300\/50:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:outline-gray-300\/50:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:outline-gray-300\/50:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:outline-gray-300\/60:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:outline-gray-300\/60:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:outline-gray-300\/60:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:outline-gray-300\/70:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:outline-gray-300\/70:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:outline-gray-300\/70:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:outline-gray-300\/80:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:outline-gray-300\/80:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:outline-gray-300\/80:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:outline-gray-300\/90:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:outline-gray-300\/90:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:outline-gray-300\/90:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:outline-gray-400:focus { + outline-color: var(--gray-400) + } + .md\:hover\:outline-gray-400:hover { + outline-color: var(--gray-400) + } + .md\:active\:outline-gray-400:active { + outline-color: var(--gray-400) + } + .md\:focus\:outline-gray-400\/10:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:outline-gray-400\/10:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:outline-gray-400\/10:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:outline-gray-400\/20:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:outline-gray-400\/20:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:outline-gray-400\/20:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:outline-gray-400\/30:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:outline-gray-400\/30:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:outline-gray-400\/30:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:outline-gray-400\/40:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:outline-gray-400\/40:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:outline-gray-400\/40:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:outline-gray-400\/50:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:outline-gray-400\/50:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:outline-gray-400\/50:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:outline-gray-400\/60:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:outline-gray-400\/60:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:outline-gray-400\/60:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:outline-gray-400\/70:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:outline-gray-400\/70:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:outline-gray-400\/70:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:outline-gray-400\/80:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:outline-gray-400\/80:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:outline-gray-400\/80:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:outline-gray-400\/90:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:outline-gray-400\/90:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:outline-gray-400\/90:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:outline-gray-500:focus { + outline-color: var(--gray-500) + } + .md\:hover\:outline-gray-500:hover { + outline-color: var(--gray-500) + } + .md\:active\:outline-gray-500:active { + outline-color: var(--gray-500) + } + .md\:focus\:outline-gray-500\/10:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:outline-gray-500\/10:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:outline-gray-500\/10:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:outline-gray-500\/20:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:outline-gray-500\/20:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:outline-gray-500\/20:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:outline-gray-500\/30:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:outline-gray-500\/30:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:outline-gray-500\/30:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:outline-gray-500\/40:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:outline-gray-500\/40:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:outline-gray-500\/40:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:outline-gray-500\/50:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:outline-gray-500\/50:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:outline-gray-500\/50:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:outline-gray-500\/60:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:outline-gray-500\/60:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:outline-gray-500\/60:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:outline-gray-500\/70:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:outline-gray-500\/70:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:outline-gray-500\/70:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:outline-gray-500\/80:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:outline-gray-500\/80:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:outline-gray-500\/80:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:outline-gray-500\/90:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:outline-gray-500\/90:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:outline-gray-500\/90:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:outline-gray-600:focus { + outline-color: var(--gray-600) + } + .md\:hover\:outline-gray-600:hover { + outline-color: var(--gray-600) + } + .md\:active\:outline-gray-600:active { + outline-color: var(--gray-600) + } + .md\:focus\:outline-gray-600\/10:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:outline-gray-600\/10:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:outline-gray-600\/10:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:outline-gray-600\/20:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:outline-gray-600\/20:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:outline-gray-600\/20:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:outline-gray-600\/30:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:outline-gray-600\/30:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:outline-gray-600\/30:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:outline-gray-600\/40:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:outline-gray-600\/40:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:outline-gray-600\/40:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:outline-gray-600\/50:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:outline-gray-600\/50:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:outline-gray-600\/50:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:outline-gray-600\/60:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:outline-gray-600\/60:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:outline-gray-600\/60:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:outline-gray-600\/70:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:outline-gray-600\/70:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:outline-gray-600\/70:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:outline-gray-600\/80:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:outline-gray-600\/80:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:outline-gray-600\/80:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:outline-gray-600\/90:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:outline-gray-600\/90:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:outline-gray-600\/90:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:outline-gray-700:focus { + outline-color: var(--gray-700) + } + .md\:hover\:outline-gray-700:hover { + outline-color: var(--gray-700) + } + .md\:active\:outline-gray-700:active { + outline-color: var(--gray-700) + } + .md\:focus\:outline-gray-700\/10:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:outline-gray-700\/10:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:outline-gray-700\/10:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:outline-gray-700\/20:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:outline-gray-700\/20:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:outline-gray-700\/20:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:outline-gray-700\/30:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:outline-gray-700\/30:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:outline-gray-700\/30:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:outline-gray-700\/40:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:outline-gray-700\/40:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:outline-gray-700\/40:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:outline-gray-700\/50:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:outline-gray-700\/50:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:outline-gray-700\/50:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:outline-gray-700\/60:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:outline-gray-700\/60:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:outline-gray-700\/60:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:outline-gray-700\/70:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:outline-gray-700\/70:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:outline-gray-700\/70:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:outline-gray-700\/80:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:outline-gray-700\/80:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:outline-gray-700\/80:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:outline-gray-700\/90:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:outline-gray-700\/90:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:outline-gray-700\/90:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:outline-gray-800:focus { + outline-color: var(--gray-800) + } + .md\:hover\:outline-gray-800:hover { + outline-color: var(--gray-800) + } + .md\:active\:outline-gray-800:active { + outline-color: var(--gray-800) + } + .md\:focus\:outline-gray-800\/10:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:outline-gray-800\/10:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:outline-gray-800\/10:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:outline-gray-800\/20:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:outline-gray-800\/20:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:outline-gray-800\/20:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:outline-gray-800\/30:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:outline-gray-800\/30:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:outline-gray-800\/30:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:outline-gray-800\/40:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:outline-gray-800\/40:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:outline-gray-800\/40:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:outline-gray-800\/50:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:outline-gray-800\/50:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:outline-gray-800\/50:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:outline-gray-800\/60:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:outline-gray-800\/60:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:outline-gray-800\/60:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:outline-gray-800\/70:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:outline-gray-800\/70:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:outline-gray-800\/70:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:outline-gray-800\/80:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:outline-gray-800\/80:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:outline-gray-800\/80:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:outline-gray-800\/90:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:outline-gray-800\/90:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:outline-gray-800\/90:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:outline-gray-900:focus { + outline-color: var(--gray-900) + } + .md\:hover\:outline-gray-900:hover { + outline-color: var(--gray-900) + } + .md\:active\:outline-gray-900:active { + outline-color: var(--gray-900) + } + .md\:focus\:outline-gray-900\/10:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:outline-gray-900\/10:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:outline-gray-900\/10:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:outline-gray-900\/20:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:outline-gray-900\/20:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:outline-gray-900\/20:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:outline-gray-900\/30:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:outline-gray-900\/30:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:outline-gray-900\/30:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:outline-gray-900\/40:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:outline-gray-900\/40:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:outline-gray-900\/40:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:outline-gray-900\/50:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:outline-gray-900\/50:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:outline-gray-900\/50:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:outline-gray-900\/60:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:outline-gray-900\/60:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:outline-gray-900\/60:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:outline-gray-900\/70:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:outline-gray-900\/70:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:outline-gray-900\/70:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:outline-gray-900\/80:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:outline-gray-900\/80:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:outline-gray-900\/80:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:outline-gray-900\/90:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:outline-gray-900\/90:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:outline-gray-900\/90:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:outline-surface-0:focus { + outline-color: var(--surface-0) + } + .md\:hover\:outline-surface-0:hover { + outline-color: var(--surface-0) + } + .md\:active\:outline-surface-0:active { + outline-color: var(--surface-0) + } + .md\:focus\:outline-surface-0\/10:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:outline-surface-0\/10:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:outline-surface-0\/10:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:outline-surface-0\/20:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:outline-surface-0\/20:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:outline-surface-0\/20:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:outline-surface-0\/30:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:outline-surface-0\/30:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:outline-surface-0\/30:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:outline-surface-0\/40:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:outline-surface-0\/40:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:outline-surface-0\/40:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:outline-surface-0\/50:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:outline-surface-0\/50:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:outline-surface-0\/50:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:outline-surface-0\/60:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:outline-surface-0\/60:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:outline-surface-0\/60:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:outline-surface-0\/70:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:outline-surface-0\/70:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:outline-surface-0\/70:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:outline-surface-0\/80:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:outline-surface-0\/80:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:outline-surface-0\/80:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:outline-surface-0\/90:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:outline-surface-0\/90:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:outline-surface-0\/90:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:outline-surface-50:focus { + outline-color: var(--surface-50) + } + .md\:hover\:outline-surface-50:hover { + outline-color: var(--surface-50) + } + .md\:active\:outline-surface-50:active { + outline-color: var(--surface-50) + } + .md\:focus\:outline-surface-50\/10:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:outline-surface-50\/10:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:outline-surface-50\/10:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:outline-surface-50\/20:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:outline-surface-50\/20:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:outline-surface-50\/20:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:outline-surface-50\/30:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:outline-surface-50\/30:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:outline-surface-50\/30:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:outline-surface-50\/40:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:outline-surface-50\/40:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:outline-surface-50\/40:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:outline-surface-50\/50:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:outline-surface-50\/50:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:outline-surface-50\/50:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:outline-surface-50\/60:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:outline-surface-50\/60:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:outline-surface-50\/60:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:outline-surface-50\/70:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:outline-surface-50\/70:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:outline-surface-50\/70:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:outline-surface-50\/80:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:outline-surface-50\/80:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:outline-surface-50\/80:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:outline-surface-50\/90:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:outline-surface-50\/90:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:outline-surface-50\/90:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:outline-surface-100:focus { + outline-color: var(--surface-100) + } + .md\:hover\:outline-surface-100:hover { + outline-color: var(--surface-100) + } + .md\:active\:outline-surface-100:active { + outline-color: var(--surface-100) + } + .md\:focus\:outline-surface-100\/10:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:outline-surface-100\/10:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:outline-surface-100\/10:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:outline-surface-100\/20:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:outline-surface-100\/20:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:outline-surface-100\/20:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:outline-surface-100\/30:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:outline-surface-100\/30:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:outline-surface-100\/30:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:outline-surface-100\/40:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:outline-surface-100\/40:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:outline-surface-100\/40:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:outline-surface-100\/50:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:outline-surface-100\/50:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:outline-surface-100\/50:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:outline-surface-100\/60:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:outline-surface-100\/60:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:outline-surface-100\/60:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:outline-surface-100\/70:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:outline-surface-100\/70:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:outline-surface-100\/70:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:outline-surface-100\/80:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:outline-surface-100\/80:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:outline-surface-100\/80:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:outline-surface-100\/90:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:outline-surface-100\/90:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:outline-surface-100\/90:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:outline-surface-200:focus { + outline-color: var(--surface-200) + } + .md\:hover\:outline-surface-200:hover { + outline-color: var(--surface-200) + } + .md\:active\:outline-surface-200:active { + outline-color: var(--surface-200) + } + .md\:focus\:outline-surface-200\/10:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:outline-surface-200\/10:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:outline-surface-200\/10:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:outline-surface-200\/20:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:outline-surface-200\/20:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:outline-surface-200\/20:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:outline-surface-200\/30:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:outline-surface-200\/30:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:outline-surface-200\/30:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:outline-surface-200\/40:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:outline-surface-200\/40:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:outline-surface-200\/40:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:outline-surface-200\/50:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:outline-surface-200\/50:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:outline-surface-200\/50:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:outline-surface-200\/60:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:outline-surface-200\/60:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:outline-surface-200\/60:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:outline-surface-200\/70:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:outline-surface-200\/70:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:outline-surface-200\/70:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:outline-surface-200\/80:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:outline-surface-200\/80:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:outline-surface-200\/80:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:outline-surface-200\/90:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:outline-surface-200\/90:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:outline-surface-200\/90:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:outline-surface-300:focus { + outline-color: var(--surface-300) + } + .md\:hover\:outline-surface-300:hover { + outline-color: var(--surface-300) + } + .md\:active\:outline-surface-300:active { + outline-color: var(--surface-300) + } + .md\:focus\:outline-surface-300\/10:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:outline-surface-300\/10:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:outline-surface-300\/10:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:outline-surface-300\/20:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:outline-surface-300\/20:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:outline-surface-300\/20:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:outline-surface-300\/30:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:outline-surface-300\/30:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:outline-surface-300\/30:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:outline-surface-300\/40:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:outline-surface-300\/40:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:outline-surface-300\/40:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:outline-surface-300\/50:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:outline-surface-300\/50:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:outline-surface-300\/50:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:outline-surface-300\/60:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:outline-surface-300\/60:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:outline-surface-300\/60:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:outline-surface-300\/70:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:outline-surface-300\/70:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:outline-surface-300\/70:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:outline-surface-300\/80:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:outline-surface-300\/80:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:outline-surface-300\/80:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:outline-surface-300\/90:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:outline-surface-300\/90:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:outline-surface-300\/90:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:outline-surface-400:focus { + outline-color: var(--surface-400) + } + .md\:hover\:outline-surface-400:hover { + outline-color: var(--surface-400) + } + .md\:active\:outline-surface-400:active { + outline-color: var(--surface-400) + } + .md\:focus\:outline-surface-400\/10:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:outline-surface-400\/10:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:outline-surface-400\/10:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:outline-surface-400\/20:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:outline-surface-400\/20:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:outline-surface-400\/20:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:outline-surface-400\/30:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:outline-surface-400\/30:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:outline-surface-400\/30:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:outline-surface-400\/40:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:outline-surface-400\/40:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:outline-surface-400\/40:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:outline-surface-400\/50:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:outline-surface-400\/50:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:outline-surface-400\/50:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:outline-surface-400\/60:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:outline-surface-400\/60:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:outline-surface-400\/60:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:outline-surface-400\/70:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:outline-surface-400\/70:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:outline-surface-400\/70:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:outline-surface-400\/80:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:outline-surface-400\/80:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:outline-surface-400\/80:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:outline-surface-400\/90:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:outline-surface-400\/90:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:outline-surface-400\/90:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:outline-surface-500:focus { + outline-color: var(--surface-500) + } + .md\:hover\:outline-surface-500:hover { + outline-color: var(--surface-500) + } + .md\:active\:outline-surface-500:active { + outline-color: var(--surface-500) + } + .md\:focus\:outline-surface-500\/10:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:outline-surface-500\/10:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:outline-surface-500\/10:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:outline-surface-500\/20:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:outline-surface-500\/20:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:outline-surface-500\/20:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:outline-surface-500\/30:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:outline-surface-500\/30:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:outline-surface-500\/30:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:outline-surface-500\/40:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:outline-surface-500\/40:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:outline-surface-500\/40:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:outline-surface-500\/50:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:outline-surface-500\/50:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:outline-surface-500\/50:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:outline-surface-500\/60:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:outline-surface-500\/60:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:outline-surface-500\/60:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:outline-surface-500\/70:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:outline-surface-500\/70:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:outline-surface-500\/70:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:outline-surface-500\/80:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:outline-surface-500\/80:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:outline-surface-500\/80:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:outline-surface-500\/90:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:outline-surface-500\/90:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:outline-surface-500\/90:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:outline-surface-600:focus { + outline-color: var(--surface-600) + } + .md\:hover\:outline-surface-600:hover { + outline-color: var(--surface-600) + } + .md\:active\:outline-surface-600:active { + outline-color: var(--surface-600) + } + .md\:focus\:outline-surface-600\/10:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:outline-surface-600\/10:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:outline-surface-600\/10:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:outline-surface-600\/20:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:outline-surface-600\/20:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:outline-surface-600\/20:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:outline-surface-600\/30:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:outline-surface-600\/30:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:outline-surface-600\/30:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:outline-surface-600\/40:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:outline-surface-600\/40:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:outline-surface-600\/40:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:outline-surface-600\/50:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:outline-surface-600\/50:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:outline-surface-600\/50:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:outline-surface-600\/60:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:outline-surface-600\/60:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:outline-surface-600\/60:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:outline-surface-600\/70:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:outline-surface-600\/70:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:outline-surface-600\/70:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:outline-surface-600\/80:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:outline-surface-600\/80:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:outline-surface-600\/80:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:outline-surface-600\/90:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:outline-surface-600\/90:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:outline-surface-600\/90:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:outline-surface-700:focus { + outline-color: var(--surface-700) + } + .md\:hover\:outline-surface-700:hover { + outline-color: var(--surface-700) + } + .md\:active\:outline-surface-700:active { + outline-color: var(--surface-700) + } + .md\:focus\:outline-surface-700\/10:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:outline-surface-700\/10:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:outline-surface-700\/10:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:outline-surface-700\/20:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:outline-surface-700\/20:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:outline-surface-700\/20:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:outline-surface-700\/30:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:outline-surface-700\/30:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:outline-surface-700\/30:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:outline-surface-700\/40:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:outline-surface-700\/40:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:outline-surface-700\/40:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:outline-surface-700\/50:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:outline-surface-700\/50:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:outline-surface-700\/50:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:outline-surface-700\/60:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:outline-surface-700\/60:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:outline-surface-700\/60:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:outline-surface-700\/70:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:outline-surface-700\/70:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:outline-surface-700\/70:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:outline-surface-700\/80:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:outline-surface-700\/80:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:outline-surface-700\/80:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:outline-surface-700\/90:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:outline-surface-700\/90:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:outline-surface-700\/90:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:outline-surface-800:focus { + outline-color: var(--surface-800) + } + .md\:hover\:outline-surface-800:hover { + outline-color: var(--surface-800) + } + .md\:active\:outline-surface-800:active { + outline-color: var(--surface-800) + } + .md\:focus\:outline-surface-800\/10:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:outline-surface-800\/10:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:outline-surface-800\/10:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:outline-surface-800\/20:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:outline-surface-800\/20:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:outline-surface-800\/20:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:outline-surface-800\/30:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:outline-surface-800\/30:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:outline-surface-800\/30:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:outline-surface-800\/40:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:outline-surface-800\/40:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:outline-surface-800\/40:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:outline-surface-800\/50:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:outline-surface-800\/50:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:outline-surface-800\/50:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:outline-surface-800\/60:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:outline-surface-800\/60:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:outline-surface-800\/60:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:outline-surface-800\/70:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:outline-surface-800\/70:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:outline-surface-800\/70:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:outline-surface-800\/80:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:outline-surface-800\/80:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:outline-surface-800\/80:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:outline-surface-800\/90:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:outline-surface-800\/90:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:outline-surface-800\/90:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:outline-surface-900:focus { + outline-color: var(--surface-900) + } + .md\:hover\:outline-surface-900:hover { + outline-color: var(--surface-900) + } + .md\:active\:outline-surface-900:active { + outline-color: var(--surface-900) + } + .md\:focus\:outline-surface-900\/10:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:outline-surface-900\/10:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:outline-surface-900\/10:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:outline-surface-900\/20:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:outline-surface-900\/20:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:outline-surface-900\/20:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:outline-surface-900\/30:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:outline-surface-900\/30:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:outline-surface-900\/30:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:outline-surface-900\/40:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:outline-surface-900\/40:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:outline-surface-900\/40:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:outline-surface-900\/50:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:outline-surface-900\/50:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:outline-surface-900\/50:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:outline-surface-900\/60:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:outline-surface-900\/60:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:outline-surface-900\/60:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:outline-surface-900\/70:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:outline-surface-900\/70:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:outline-surface-900\/70:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:outline-surface-900\/80:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:outline-surface-900\/80:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:outline-surface-900\/80:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:outline-surface-900\/90:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:outline-surface-900\/90:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:outline-surface-900\/90:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:outline-primary-50:focus { + outline-color: var(--primary-50) + } + .md\:hover\:outline-primary-50:hover { + outline-color: var(--primary-50) + } + .md\:active\:outline-primary-50:active { + outline-color: var(--primary-50) + } + .md\:focus\:outline-primary-50\/10:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:outline-primary-50\/10:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:outline-primary-50\/10:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:outline-primary-50\/20:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:outline-primary-50\/20:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:outline-primary-50\/20:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:outline-primary-50\/30:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:outline-primary-50\/30:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:outline-primary-50\/30:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:outline-primary-50\/40:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:outline-primary-50\/40:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:outline-primary-50\/40:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:outline-primary-50\/50:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:outline-primary-50\/50:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:outline-primary-50\/50:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:outline-primary-50\/60:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:outline-primary-50\/60:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:outline-primary-50\/60:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:outline-primary-50\/70:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:outline-primary-50\/70:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:outline-primary-50\/70:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:outline-primary-50\/80:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:outline-primary-50\/80:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:outline-primary-50\/80:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:outline-primary-50\/90:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:outline-primary-50\/90:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:outline-primary-50\/90:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:outline-primary-100:focus { + outline-color: var(--primary-100) + } + .md\:hover\:outline-primary-100:hover { + outline-color: var(--primary-100) + } + .md\:active\:outline-primary-100:active { + outline-color: var(--primary-100) + } + .md\:focus\:outline-primary-100\/10:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:outline-primary-100\/10:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:outline-primary-100\/10:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:outline-primary-100\/20:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:outline-primary-100\/20:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:outline-primary-100\/20:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:outline-primary-100\/30:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:outline-primary-100\/30:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:outline-primary-100\/30:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:outline-primary-100\/40:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:outline-primary-100\/40:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:outline-primary-100\/40:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:outline-primary-100\/50:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:outline-primary-100\/50:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:outline-primary-100\/50:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:outline-primary-100\/60:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:outline-primary-100\/60:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:outline-primary-100\/60:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:outline-primary-100\/70:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:outline-primary-100\/70:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:outline-primary-100\/70:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:outline-primary-100\/80:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:outline-primary-100\/80:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:outline-primary-100\/80:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:outline-primary-100\/90:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:outline-primary-100\/90:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:outline-primary-100\/90:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:outline-primary-200:focus { + outline-color: var(--primary-200) + } + .md\:hover\:outline-primary-200:hover { + outline-color: var(--primary-200) + } + .md\:active\:outline-primary-200:active { + outline-color: var(--primary-200) + } + .md\:focus\:outline-primary-200\/10:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:outline-primary-200\/10:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:outline-primary-200\/10:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:outline-primary-200\/20:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:outline-primary-200\/20:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:outline-primary-200\/20:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:outline-primary-200\/30:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:outline-primary-200\/30:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:outline-primary-200\/30:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:outline-primary-200\/40:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:outline-primary-200\/40:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:outline-primary-200\/40:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:outline-primary-200\/50:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:outline-primary-200\/50:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:outline-primary-200\/50:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:outline-primary-200\/60:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:outline-primary-200\/60:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:outline-primary-200\/60:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:outline-primary-200\/70:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:outline-primary-200\/70:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:outline-primary-200\/70:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:outline-primary-200\/80:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:outline-primary-200\/80:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:outline-primary-200\/80:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:outline-primary-200\/90:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:outline-primary-200\/90:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:outline-primary-200\/90:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:outline-primary-300:focus { + outline-color: var(--primary-300) + } + .md\:hover\:outline-primary-300:hover { + outline-color: var(--primary-300) + } + .md\:active\:outline-primary-300:active { + outline-color: var(--primary-300) + } + .md\:focus\:outline-primary-300\/10:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:outline-primary-300\/10:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:outline-primary-300\/10:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:outline-primary-300\/20:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:outline-primary-300\/20:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:outline-primary-300\/20:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:outline-primary-300\/30:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:outline-primary-300\/30:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:outline-primary-300\/30:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:outline-primary-300\/40:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:outline-primary-300\/40:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:outline-primary-300\/40:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:outline-primary-300\/50:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:outline-primary-300\/50:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:outline-primary-300\/50:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:outline-primary-300\/60:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:outline-primary-300\/60:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:outline-primary-300\/60:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:outline-primary-300\/70:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:outline-primary-300\/70:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:outline-primary-300\/70:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:outline-primary-300\/80:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:outline-primary-300\/80:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:outline-primary-300\/80:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:outline-primary-300\/90:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:outline-primary-300\/90:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:outline-primary-300\/90:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:outline-primary-400:focus { + outline-color: var(--primary-400) + } + .md\:hover\:outline-primary-400:hover { + outline-color: var(--primary-400) + } + .md\:active\:outline-primary-400:active { + outline-color: var(--primary-400) + } + .md\:focus\:outline-primary-400\/10:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:outline-primary-400\/10:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:outline-primary-400\/10:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:outline-primary-400\/20:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:outline-primary-400\/20:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:outline-primary-400\/20:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:outline-primary-400\/30:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:outline-primary-400\/30:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:outline-primary-400\/30:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:outline-primary-400\/40:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:outline-primary-400\/40:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:outline-primary-400\/40:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:outline-primary-400\/50:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:outline-primary-400\/50:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:outline-primary-400\/50:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:outline-primary-400\/60:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:outline-primary-400\/60:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:outline-primary-400\/60:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:outline-primary-400\/70:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:outline-primary-400\/70:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:outline-primary-400\/70:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:outline-primary-400\/80:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:outline-primary-400\/80:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:outline-primary-400\/80:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:outline-primary-400\/90:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:outline-primary-400\/90:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:outline-primary-400\/90:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:outline-primary-500:focus { + outline-color: var(--primary-500) + } + .md\:hover\:outline-primary-500:hover { + outline-color: var(--primary-500) + } + .md\:active\:outline-primary-500:active { + outline-color: var(--primary-500) + } + .md\:focus\:outline-primary-500\/10:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:outline-primary-500\/10:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:outline-primary-500\/10:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:outline-primary-500\/20:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:outline-primary-500\/20:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:outline-primary-500\/20:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:outline-primary-500\/30:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:outline-primary-500\/30:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:outline-primary-500\/30:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:outline-primary-500\/40:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:outline-primary-500\/40:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:outline-primary-500\/40:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:outline-primary-500\/50:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:outline-primary-500\/50:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:outline-primary-500\/50:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:outline-primary-500\/60:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:outline-primary-500\/60:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:outline-primary-500\/60:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:outline-primary-500\/70:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:outline-primary-500\/70:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:outline-primary-500\/70:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:outline-primary-500\/80:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:outline-primary-500\/80:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:outline-primary-500\/80:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:outline-primary-500\/90:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:outline-primary-500\/90:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:outline-primary-500\/90:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:outline-primary-600:focus { + outline-color: var(--primary-600) + } + .md\:hover\:outline-primary-600:hover { + outline-color: var(--primary-600) + } + .md\:active\:outline-primary-600:active { + outline-color: var(--primary-600) + } + .md\:focus\:outline-primary-600\/10:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:outline-primary-600\/10:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:outline-primary-600\/10:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:outline-primary-600\/20:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:outline-primary-600\/20:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:outline-primary-600\/20:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:outline-primary-600\/30:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:outline-primary-600\/30:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:outline-primary-600\/30:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:outline-primary-600\/40:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:outline-primary-600\/40:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:outline-primary-600\/40:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:outline-primary-600\/50:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:outline-primary-600\/50:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:outline-primary-600\/50:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:outline-primary-600\/60:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:outline-primary-600\/60:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:outline-primary-600\/60:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:outline-primary-600\/70:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:outline-primary-600\/70:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:outline-primary-600\/70:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:outline-primary-600\/80:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:outline-primary-600\/80:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:outline-primary-600\/80:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:outline-primary-600\/90:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:outline-primary-600\/90:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:outline-primary-600\/90:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:outline-primary-700:focus { + outline-color: var(--primary-700) + } + .md\:hover\:outline-primary-700:hover { + outline-color: var(--primary-700) + } + .md\:active\:outline-primary-700:active { + outline-color: var(--primary-700) + } + .md\:focus\:outline-primary-700\/10:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:outline-primary-700\/10:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:outline-primary-700\/10:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:outline-primary-700\/20:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:outline-primary-700\/20:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:outline-primary-700\/20:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:outline-primary-700\/30:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:outline-primary-700\/30:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:outline-primary-700\/30:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:outline-primary-700\/40:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:outline-primary-700\/40:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:outline-primary-700\/40:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:outline-primary-700\/50:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:outline-primary-700\/50:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:outline-primary-700\/50:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:outline-primary-700\/60:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:outline-primary-700\/60:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:outline-primary-700\/60:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:outline-primary-700\/70:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:outline-primary-700\/70:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:outline-primary-700\/70:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:outline-primary-700\/80:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:outline-primary-700\/80:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:outline-primary-700\/80:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:outline-primary-700\/90:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:outline-primary-700\/90:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:outline-primary-700\/90:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:outline-primary-800:focus { + outline-color: var(--primary-800) + } + .md\:hover\:outline-primary-800:hover { + outline-color: var(--primary-800) + } + .md\:active\:outline-primary-800:active { + outline-color: var(--primary-800) + } + .md\:focus\:outline-primary-800\/10:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:outline-primary-800\/10:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:outline-primary-800\/10:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:outline-primary-800\/20:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:outline-primary-800\/20:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:outline-primary-800\/20:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:outline-primary-800\/30:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:outline-primary-800\/30:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:outline-primary-800\/30:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:outline-primary-800\/40:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:outline-primary-800\/40:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:outline-primary-800\/40:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:outline-primary-800\/50:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:outline-primary-800\/50:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:outline-primary-800\/50:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:outline-primary-800\/60:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:outline-primary-800\/60:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:outline-primary-800\/60:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:outline-primary-800\/70:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:outline-primary-800\/70:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:outline-primary-800\/70:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:outline-primary-800\/80:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:outline-primary-800\/80:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:outline-primary-800\/80:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:outline-primary-800\/90:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:outline-primary-800\/90:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:outline-primary-800\/90:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:outline-primary-900:focus { + outline-color: var(--primary-900) + } + .md\:hover\:outline-primary-900:hover { + outline-color: var(--primary-900) + } + .md\:active\:outline-primary-900:active { + outline-color: var(--primary-900) + } + .md\:focus\:outline-primary-900\/10:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:outline-primary-900\/10:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:outline-primary-900\/10:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:outline-primary-900\/20:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:outline-primary-900\/20:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:outline-primary-900\/20:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:outline-primary-900\/30:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:outline-primary-900\/30:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:outline-primary-900\/30:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:outline-primary-900\/40:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:outline-primary-900\/40:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:outline-primary-900\/40:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:outline-primary-900\/50:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:outline-primary-900\/50:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:outline-primary-900\/50:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:outline-primary-900\/60:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:outline-primary-900\/60:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:outline-primary-900\/60:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:outline-primary-900\/70:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:outline-primary-900\/70:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:outline-primary-900\/70:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:outline-primary-900\/80:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:outline-primary-900\/80:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:outline-primary-900\/80:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:outline-primary-900\/90:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:outline-primary-900\/90:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:outline-primary-900\/90:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:outline-blue-50 { + outline-color: var(--blue-50) + } + .lg\:outline-blue-50\/10 { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:outline-blue-50\/20 { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:outline-blue-50\/30 { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:outline-blue-50\/40 { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:outline-blue-50\/50 { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:outline-blue-50\/60 { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:outline-blue-50\/70 { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:outline-blue-50\/80 { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:outline-blue-50\/90 { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:outline-blue-100 { + outline-color: var(--blue-100) + } + .lg\:outline-blue-100\/10 { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:outline-blue-100\/20 { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:outline-blue-100\/30 { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:outline-blue-100\/40 { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:outline-blue-100\/50 { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:outline-blue-100\/60 { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:outline-blue-100\/70 { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:outline-blue-100\/80 { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:outline-blue-100\/90 { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:outline-blue-200 { + outline-color: var(--blue-200) + } + .lg\:outline-blue-200\/10 { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:outline-blue-200\/20 { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:outline-blue-200\/30 { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:outline-blue-200\/40 { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:outline-blue-200\/50 { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:outline-blue-200\/60 { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:outline-blue-200\/70 { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:outline-blue-200\/80 { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:outline-blue-200\/90 { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:outline-blue-300 { + outline-color: var(--blue-300) + } + .lg\:outline-blue-300\/10 { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:outline-blue-300\/20 { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:outline-blue-300\/30 { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:outline-blue-300\/40 { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:outline-blue-300\/50 { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:outline-blue-300\/60 { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:outline-blue-300\/70 { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:outline-blue-300\/80 { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:outline-blue-300\/90 { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:outline-blue-400 { + outline-color: var(--blue-400) + } + .lg\:outline-blue-400\/10 { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:outline-blue-400\/20 { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:outline-blue-400\/30 { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:outline-blue-400\/40 { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:outline-blue-400\/50 { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:outline-blue-400\/60 { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:outline-blue-400\/70 { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:outline-blue-400\/80 { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:outline-blue-400\/90 { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:outline-blue-500 { + outline-color: var(--blue-500) + } + .lg\:outline-blue-500\/10 { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:outline-blue-500\/20 { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:outline-blue-500\/30 { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:outline-blue-500\/40 { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:outline-blue-500\/50 { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:outline-blue-500\/60 { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:outline-blue-500\/70 { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:outline-blue-500\/80 { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:outline-blue-500\/90 { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:outline-blue-600 { + outline-color: var(--blue-600) + } + .lg\:outline-blue-600\/10 { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:outline-blue-600\/20 { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:outline-blue-600\/30 { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:outline-blue-600\/40 { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:outline-blue-600\/50 { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:outline-blue-600\/60 { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:outline-blue-600\/70 { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:outline-blue-600\/80 { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:outline-blue-600\/90 { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:outline-blue-700 { + outline-color: var(--blue-700) + } + .lg\:outline-blue-700\/10 { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:outline-blue-700\/20 { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:outline-blue-700\/30 { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:outline-blue-700\/40 { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:outline-blue-700\/50 { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:outline-blue-700\/60 { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:outline-blue-700\/70 { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:outline-blue-700\/80 { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:outline-blue-700\/90 { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:outline-blue-800 { + outline-color: var(--blue-800) + } + .lg\:outline-blue-800\/10 { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:outline-blue-800\/20 { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:outline-blue-800\/30 { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:outline-blue-800\/40 { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:outline-blue-800\/50 { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:outline-blue-800\/60 { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:outline-blue-800\/70 { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:outline-blue-800\/80 { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:outline-blue-800\/90 { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:outline-blue-900 { + outline-color: var(--blue-900) + } + .lg\:outline-blue-900\/10 { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:outline-blue-900\/20 { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:outline-blue-900\/30 { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:outline-blue-900\/40 { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:outline-blue-900\/50 { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:outline-blue-900\/60 { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:outline-blue-900\/70 { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:outline-blue-900\/80 { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:outline-blue-900\/90 { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:outline-green-50 { + outline-color: var(--green-50) + } + .lg\:outline-green-50\/10 { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:outline-green-50\/20 { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:outline-green-50\/30 { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:outline-green-50\/40 { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:outline-green-50\/50 { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:outline-green-50\/60 { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:outline-green-50\/70 { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:outline-green-50\/80 { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:outline-green-50\/90 { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:outline-green-100 { + outline-color: var(--green-100) + } + .lg\:outline-green-100\/10 { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:outline-green-100\/20 { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:outline-green-100\/30 { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:outline-green-100\/40 { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:outline-green-100\/50 { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:outline-green-100\/60 { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:outline-green-100\/70 { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:outline-green-100\/80 { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:outline-green-100\/90 { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:outline-green-200 { + outline-color: var(--green-200) + } + .lg\:outline-green-200\/10 { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:outline-green-200\/20 { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:outline-green-200\/30 { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:outline-green-200\/40 { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:outline-green-200\/50 { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:outline-green-200\/60 { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:outline-green-200\/70 { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:outline-green-200\/80 { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:outline-green-200\/90 { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:outline-green-300 { + outline-color: var(--green-300) + } + .lg\:outline-green-300\/10 { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:outline-green-300\/20 { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:outline-green-300\/30 { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:outline-green-300\/40 { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:outline-green-300\/50 { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:outline-green-300\/60 { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:outline-green-300\/70 { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:outline-green-300\/80 { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:outline-green-300\/90 { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:outline-green-400 { + outline-color: var(--green-400) + } + .lg\:outline-green-400\/10 { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:outline-green-400\/20 { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:outline-green-400\/30 { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:outline-green-400\/40 { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:outline-green-400\/50 { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:outline-green-400\/60 { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:outline-green-400\/70 { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:outline-green-400\/80 { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:outline-green-400\/90 { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:outline-green-500 { + outline-color: var(--green-500) + } + .lg\:outline-green-500\/10 { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:outline-green-500\/20 { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:outline-green-500\/30 { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:outline-green-500\/40 { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:outline-green-500\/50 { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:outline-green-500\/60 { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:outline-green-500\/70 { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:outline-green-500\/80 { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:outline-green-500\/90 { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:outline-green-600 { + outline-color: var(--green-600) + } + .lg\:outline-green-600\/10 { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:outline-green-600\/20 { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:outline-green-600\/30 { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:outline-green-600\/40 { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:outline-green-600\/50 { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:outline-green-600\/60 { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:outline-green-600\/70 { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:outline-green-600\/80 { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:outline-green-600\/90 { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:outline-green-700 { + outline-color: var(--green-700) + } + .lg\:outline-green-700\/10 { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:outline-green-700\/20 { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:outline-green-700\/30 { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:outline-green-700\/40 { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:outline-green-700\/50 { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:outline-green-700\/60 { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:outline-green-700\/70 { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:outline-green-700\/80 { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:outline-green-700\/90 { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:outline-green-800 { + outline-color: var(--green-800) + } + .lg\:outline-green-800\/10 { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:outline-green-800\/20 { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:outline-green-800\/30 { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:outline-green-800\/40 { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:outline-green-800\/50 { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:outline-green-800\/60 { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:outline-green-800\/70 { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:outline-green-800\/80 { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:outline-green-800\/90 { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:outline-green-900 { + outline-color: var(--green-900) + } + .lg\:outline-green-900\/10 { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:outline-green-900\/20 { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:outline-green-900\/30 { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:outline-green-900\/40 { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:outline-green-900\/50 { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:outline-green-900\/60 { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:outline-green-900\/70 { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:outline-green-900\/80 { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:outline-green-900\/90 { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:outline-yellow-50 { + outline-color: var(--yellow-50) + } + .lg\:outline-yellow-50\/10 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:outline-yellow-50\/20 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:outline-yellow-50\/30 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:outline-yellow-50\/40 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:outline-yellow-50\/50 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:outline-yellow-50\/60 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:outline-yellow-50\/70 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:outline-yellow-50\/80 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:outline-yellow-50\/90 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:outline-yellow-100 { + outline-color: var(--yellow-100) + } + .lg\:outline-yellow-100\/10 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:outline-yellow-100\/20 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:outline-yellow-100\/30 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:outline-yellow-100\/40 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:outline-yellow-100\/50 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:outline-yellow-100\/60 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:outline-yellow-100\/70 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:outline-yellow-100\/80 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:outline-yellow-100\/90 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:outline-yellow-200 { + outline-color: var(--yellow-200) + } + .lg\:outline-yellow-200\/10 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:outline-yellow-200\/20 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:outline-yellow-200\/30 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:outline-yellow-200\/40 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:outline-yellow-200\/50 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:outline-yellow-200\/60 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:outline-yellow-200\/70 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:outline-yellow-200\/80 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:outline-yellow-200\/90 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:outline-yellow-300 { + outline-color: var(--yellow-300) + } + .lg\:outline-yellow-300\/10 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:outline-yellow-300\/20 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:outline-yellow-300\/30 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:outline-yellow-300\/40 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:outline-yellow-300\/50 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:outline-yellow-300\/60 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:outline-yellow-300\/70 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:outline-yellow-300\/80 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:outline-yellow-300\/90 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:outline-yellow-400 { + outline-color: var(--yellow-400) + } + .lg\:outline-yellow-400\/10 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:outline-yellow-400\/20 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:outline-yellow-400\/30 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:outline-yellow-400\/40 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:outline-yellow-400\/50 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:outline-yellow-400\/60 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:outline-yellow-400\/70 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:outline-yellow-400\/80 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:outline-yellow-400\/90 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:outline-yellow-500 { + outline-color: var(--yellow-500) + } + .lg\:outline-yellow-500\/10 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:outline-yellow-500\/20 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:outline-yellow-500\/30 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:outline-yellow-500\/40 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:outline-yellow-500\/50 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:outline-yellow-500\/60 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:outline-yellow-500\/70 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:outline-yellow-500\/80 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:outline-yellow-500\/90 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:outline-yellow-600 { + outline-color: var(--yellow-600) + } + .lg\:outline-yellow-600\/10 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:outline-yellow-600\/20 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:outline-yellow-600\/30 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:outline-yellow-600\/40 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:outline-yellow-600\/50 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:outline-yellow-600\/60 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:outline-yellow-600\/70 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:outline-yellow-600\/80 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:outline-yellow-600\/90 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:outline-yellow-700 { + outline-color: var(--yellow-700) + } + .lg\:outline-yellow-700\/10 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:outline-yellow-700\/20 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:outline-yellow-700\/30 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:outline-yellow-700\/40 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:outline-yellow-700\/50 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:outline-yellow-700\/60 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:outline-yellow-700\/70 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:outline-yellow-700\/80 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:outline-yellow-700\/90 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:outline-yellow-800 { + outline-color: var(--yellow-800) + } + .lg\:outline-yellow-800\/10 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:outline-yellow-800\/20 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:outline-yellow-800\/30 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:outline-yellow-800\/40 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:outline-yellow-800\/50 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:outline-yellow-800\/60 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:outline-yellow-800\/70 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:outline-yellow-800\/80 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:outline-yellow-800\/90 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:outline-yellow-900 { + outline-color: var(--yellow-900) + } + .lg\:outline-yellow-900\/10 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:outline-yellow-900\/20 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:outline-yellow-900\/30 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:outline-yellow-900\/40 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:outline-yellow-900\/50 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:outline-yellow-900\/60 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:outline-yellow-900\/70 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:outline-yellow-900\/80 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:outline-yellow-900\/90 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:outline-cyan-50 { + outline-color: var(--cyan-50) + } + .lg\:outline-cyan-50\/10 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:outline-cyan-50\/20 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:outline-cyan-50\/30 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:outline-cyan-50\/40 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:outline-cyan-50\/50 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:outline-cyan-50\/60 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:outline-cyan-50\/70 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:outline-cyan-50\/80 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:outline-cyan-50\/90 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:outline-cyan-100 { + outline-color: var(--cyan-100) + } + .lg\:outline-cyan-100\/10 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:outline-cyan-100\/20 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:outline-cyan-100\/30 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:outline-cyan-100\/40 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:outline-cyan-100\/50 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:outline-cyan-100\/60 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:outline-cyan-100\/70 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:outline-cyan-100\/80 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:outline-cyan-100\/90 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:outline-cyan-200 { + outline-color: var(--cyan-200) + } + .lg\:outline-cyan-200\/10 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:outline-cyan-200\/20 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:outline-cyan-200\/30 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:outline-cyan-200\/40 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:outline-cyan-200\/50 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:outline-cyan-200\/60 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:outline-cyan-200\/70 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:outline-cyan-200\/80 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:outline-cyan-200\/90 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:outline-cyan-300 { + outline-color: var(--cyan-300) + } + .lg\:outline-cyan-300\/10 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:outline-cyan-300\/20 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:outline-cyan-300\/30 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:outline-cyan-300\/40 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:outline-cyan-300\/50 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:outline-cyan-300\/60 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:outline-cyan-300\/70 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:outline-cyan-300\/80 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:outline-cyan-300\/90 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:outline-cyan-400 { + outline-color: var(--cyan-400) + } + .lg\:outline-cyan-400\/10 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:outline-cyan-400\/20 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:outline-cyan-400\/30 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:outline-cyan-400\/40 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:outline-cyan-400\/50 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:outline-cyan-400\/60 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:outline-cyan-400\/70 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:outline-cyan-400\/80 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:outline-cyan-400\/90 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:outline-cyan-500 { + outline-color: var(--cyan-500) + } + .lg\:outline-cyan-500\/10 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:outline-cyan-500\/20 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:outline-cyan-500\/30 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:outline-cyan-500\/40 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:outline-cyan-500\/50 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:outline-cyan-500\/60 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:outline-cyan-500\/70 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:outline-cyan-500\/80 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:outline-cyan-500\/90 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:outline-cyan-600 { + outline-color: var(--cyan-600) + } + .lg\:outline-cyan-600\/10 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:outline-cyan-600\/20 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:outline-cyan-600\/30 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:outline-cyan-600\/40 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:outline-cyan-600\/50 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:outline-cyan-600\/60 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:outline-cyan-600\/70 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:outline-cyan-600\/80 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:outline-cyan-600\/90 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:outline-cyan-700 { + outline-color: var(--cyan-700) + } + .lg\:outline-cyan-700\/10 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:outline-cyan-700\/20 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:outline-cyan-700\/30 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:outline-cyan-700\/40 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:outline-cyan-700\/50 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:outline-cyan-700\/60 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:outline-cyan-700\/70 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:outline-cyan-700\/80 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:outline-cyan-700\/90 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:outline-cyan-800 { + outline-color: var(--cyan-800) + } + .lg\:outline-cyan-800\/10 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:outline-cyan-800\/20 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:outline-cyan-800\/30 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:outline-cyan-800\/40 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:outline-cyan-800\/50 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:outline-cyan-800\/60 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:outline-cyan-800\/70 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:outline-cyan-800\/80 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:outline-cyan-800\/90 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:outline-cyan-900 { + outline-color: var(--cyan-900) + } + .lg\:outline-cyan-900\/10 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:outline-cyan-900\/20 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:outline-cyan-900\/30 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:outline-cyan-900\/40 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:outline-cyan-900\/50 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:outline-cyan-900\/60 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:outline-cyan-900\/70 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:outline-cyan-900\/80 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:outline-cyan-900\/90 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:outline-pink-50 { + outline-color: var(--pink-50) + } + .lg\:outline-pink-50\/10 { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:outline-pink-50\/20 { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:outline-pink-50\/30 { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:outline-pink-50\/40 { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:outline-pink-50\/50 { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:outline-pink-50\/60 { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:outline-pink-50\/70 { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:outline-pink-50\/80 { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:outline-pink-50\/90 { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:outline-pink-100 { + outline-color: var(--pink-100) + } + .lg\:outline-pink-100\/10 { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:outline-pink-100\/20 { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:outline-pink-100\/30 { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:outline-pink-100\/40 { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:outline-pink-100\/50 { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:outline-pink-100\/60 { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:outline-pink-100\/70 { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:outline-pink-100\/80 { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:outline-pink-100\/90 { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:outline-pink-200 { + outline-color: var(--pink-200) + } + .lg\:outline-pink-200\/10 { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:outline-pink-200\/20 { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:outline-pink-200\/30 { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:outline-pink-200\/40 { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:outline-pink-200\/50 { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:outline-pink-200\/60 { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:outline-pink-200\/70 { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:outline-pink-200\/80 { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:outline-pink-200\/90 { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:outline-pink-300 { + outline-color: var(--pink-300) + } + .lg\:outline-pink-300\/10 { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:outline-pink-300\/20 { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:outline-pink-300\/30 { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:outline-pink-300\/40 { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:outline-pink-300\/50 { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:outline-pink-300\/60 { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:outline-pink-300\/70 { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:outline-pink-300\/80 { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:outline-pink-300\/90 { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:outline-pink-400 { + outline-color: var(--pink-400) + } + .lg\:outline-pink-400\/10 { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:outline-pink-400\/20 { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:outline-pink-400\/30 { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:outline-pink-400\/40 { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:outline-pink-400\/50 { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:outline-pink-400\/60 { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:outline-pink-400\/70 { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:outline-pink-400\/80 { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:outline-pink-400\/90 { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:outline-pink-500 { + outline-color: var(--pink-500) + } + .lg\:outline-pink-500\/10 { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:outline-pink-500\/20 { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:outline-pink-500\/30 { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:outline-pink-500\/40 { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:outline-pink-500\/50 { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:outline-pink-500\/60 { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:outline-pink-500\/70 { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:outline-pink-500\/80 { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:outline-pink-500\/90 { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:outline-pink-600 { + outline-color: var(--pink-600) + } + .lg\:outline-pink-600\/10 { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:outline-pink-600\/20 { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:outline-pink-600\/30 { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:outline-pink-600\/40 { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:outline-pink-600\/50 { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:outline-pink-600\/60 { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:outline-pink-600\/70 { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:outline-pink-600\/80 { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:outline-pink-600\/90 { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:outline-pink-700 { + outline-color: var(--pink-700) + } + .lg\:outline-pink-700\/10 { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:outline-pink-700\/20 { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:outline-pink-700\/30 { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:outline-pink-700\/40 { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:outline-pink-700\/50 { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:outline-pink-700\/60 { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:outline-pink-700\/70 { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:outline-pink-700\/80 { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:outline-pink-700\/90 { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:outline-pink-800 { + outline-color: var(--pink-800) + } + .lg\:outline-pink-800\/10 { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:outline-pink-800\/20 { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:outline-pink-800\/30 { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:outline-pink-800\/40 { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:outline-pink-800\/50 { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:outline-pink-800\/60 { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:outline-pink-800\/70 { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:outline-pink-800\/80 { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:outline-pink-800\/90 { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:outline-pink-900 { + outline-color: var(--pink-900) + } + .lg\:outline-pink-900\/10 { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:outline-pink-900\/20 { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:outline-pink-900\/30 { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:outline-pink-900\/40 { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:outline-pink-900\/50 { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:outline-pink-900\/60 { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:outline-pink-900\/70 { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:outline-pink-900\/80 { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:outline-pink-900\/90 { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:outline-indigo-50 { + outline-color: var(--indigo-50) + } + .lg\:outline-indigo-50\/10 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:outline-indigo-50\/20 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:outline-indigo-50\/30 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:outline-indigo-50\/40 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:outline-indigo-50\/50 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:outline-indigo-50\/60 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:outline-indigo-50\/70 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:outline-indigo-50\/80 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:outline-indigo-50\/90 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:outline-indigo-100 { + outline-color: var(--indigo-100) + } + .lg\:outline-indigo-100\/10 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:outline-indigo-100\/20 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:outline-indigo-100\/30 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:outline-indigo-100\/40 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:outline-indigo-100\/50 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:outline-indigo-100\/60 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:outline-indigo-100\/70 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:outline-indigo-100\/80 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:outline-indigo-100\/90 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:outline-indigo-200 { + outline-color: var(--indigo-200) + } + .lg\:outline-indigo-200\/10 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:outline-indigo-200\/20 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:outline-indigo-200\/30 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:outline-indigo-200\/40 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:outline-indigo-200\/50 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:outline-indigo-200\/60 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:outline-indigo-200\/70 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:outline-indigo-200\/80 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:outline-indigo-200\/90 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:outline-indigo-300 { + outline-color: var(--indigo-300) + } + .lg\:outline-indigo-300\/10 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:outline-indigo-300\/20 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:outline-indigo-300\/30 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:outline-indigo-300\/40 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:outline-indigo-300\/50 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:outline-indigo-300\/60 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:outline-indigo-300\/70 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:outline-indigo-300\/80 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:outline-indigo-300\/90 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:outline-indigo-400 { + outline-color: var(--indigo-400) + } + .lg\:outline-indigo-400\/10 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:outline-indigo-400\/20 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:outline-indigo-400\/30 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:outline-indigo-400\/40 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:outline-indigo-400\/50 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:outline-indigo-400\/60 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:outline-indigo-400\/70 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:outline-indigo-400\/80 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:outline-indigo-400\/90 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:outline-indigo-500 { + outline-color: var(--indigo-500) + } + .lg\:outline-indigo-500\/10 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:outline-indigo-500\/20 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:outline-indigo-500\/30 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:outline-indigo-500\/40 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:outline-indigo-500\/50 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:outline-indigo-500\/60 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:outline-indigo-500\/70 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:outline-indigo-500\/80 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:outline-indigo-500\/90 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:outline-indigo-600 { + outline-color: var(--indigo-600) + } + .lg\:outline-indigo-600\/10 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:outline-indigo-600\/20 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:outline-indigo-600\/30 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:outline-indigo-600\/40 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:outline-indigo-600\/50 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:outline-indigo-600\/60 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:outline-indigo-600\/70 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:outline-indigo-600\/80 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:outline-indigo-600\/90 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:outline-indigo-700 { + outline-color: var(--indigo-700) + } + .lg\:outline-indigo-700\/10 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:outline-indigo-700\/20 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:outline-indigo-700\/30 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:outline-indigo-700\/40 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:outline-indigo-700\/50 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:outline-indigo-700\/60 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:outline-indigo-700\/70 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:outline-indigo-700\/80 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:outline-indigo-700\/90 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:outline-indigo-800 { + outline-color: var(--indigo-800) + } + .lg\:outline-indigo-800\/10 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:outline-indigo-800\/20 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:outline-indigo-800\/30 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:outline-indigo-800\/40 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:outline-indigo-800\/50 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:outline-indigo-800\/60 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:outline-indigo-800\/70 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:outline-indigo-800\/80 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:outline-indigo-800\/90 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:outline-indigo-900 { + outline-color: var(--indigo-900) + } + .lg\:outline-indigo-900\/10 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:outline-indigo-900\/20 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:outline-indigo-900\/30 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:outline-indigo-900\/40 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:outline-indigo-900\/50 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:outline-indigo-900\/60 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:outline-indigo-900\/70 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:outline-indigo-900\/80 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:outline-indigo-900\/90 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:outline-teal-50 { + outline-color: var(--teal-50) + } + .lg\:outline-teal-50\/10 { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:outline-teal-50\/20 { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:outline-teal-50\/30 { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:outline-teal-50\/40 { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:outline-teal-50\/50 { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:outline-teal-50\/60 { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:outline-teal-50\/70 { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:outline-teal-50\/80 { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:outline-teal-50\/90 { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:outline-teal-100 { + outline-color: var(--teal-100) + } + .lg\:outline-teal-100\/10 { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:outline-teal-100\/20 { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:outline-teal-100\/30 { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:outline-teal-100\/40 { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:outline-teal-100\/50 { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:outline-teal-100\/60 { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:outline-teal-100\/70 { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:outline-teal-100\/80 { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:outline-teal-100\/90 { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:outline-teal-200 { + outline-color: var(--teal-200) + } + .lg\:outline-teal-200\/10 { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:outline-teal-200\/20 { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:outline-teal-200\/30 { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:outline-teal-200\/40 { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:outline-teal-200\/50 { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:outline-teal-200\/60 { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:outline-teal-200\/70 { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:outline-teal-200\/80 { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:outline-teal-200\/90 { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:outline-teal-300 { + outline-color: var(--teal-300) + } + .lg\:outline-teal-300\/10 { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:outline-teal-300\/20 { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:outline-teal-300\/30 { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:outline-teal-300\/40 { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:outline-teal-300\/50 { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:outline-teal-300\/60 { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:outline-teal-300\/70 { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:outline-teal-300\/80 { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:outline-teal-300\/90 { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:outline-teal-400 { + outline-color: var(--teal-400) + } + .lg\:outline-teal-400\/10 { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:outline-teal-400\/20 { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:outline-teal-400\/30 { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:outline-teal-400\/40 { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:outline-teal-400\/50 { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:outline-teal-400\/60 { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:outline-teal-400\/70 { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:outline-teal-400\/80 { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:outline-teal-400\/90 { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:outline-teal-500 { + outline-color: var(--teal-500) + } + .lg\:outline-teal-500\/10 { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:outline-teal-500\/20 { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:outline-teal-500\/30 { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:outline-teal-500\/40 { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:outline-teal-500\/50 { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:outline-teal-500\/60 { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:outline-teal-500\/70 { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:outline-teal-500\/80 { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:outline-teal-500\/90 { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:outline-teal-600 { + outline-color: var(--teal-600) + } + .lg\:outline-teal-600\/10 { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:outline-teal-600\/20 { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:outline-teal-600\/30 { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:outline-teal-600\/40 { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:outline-teal-600\/50 { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:outline-teal-600\/60 { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:outline-teal-600\/70 { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:outline-teal-600\/80 { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:outline-teal-600\/90 { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:outline-teal-700 { + outline-color: var(--teal-700) + } + .lg\:outline-teal-700\/10 { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:outline-teal-700\/20 { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:outline-teal-700\/30 { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:outline-teal-700\/40 { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:outline-teal-700\/50 { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:outline-teal-700\/60 { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:outline-teal-700\/70 { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:outline-teal-700\/80 { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:outline-teal-700\/90 { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:outline-teal-800 { + outline-color: var(--teal-800) + } + .lg\:outline-teal-800\/10 { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:outline-teal-800\/20 { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:outline-teal-800\/30 { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:outline-teal-800\/40 { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:outline-teal-800\/50 { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:outline-teal-800\/60 { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:outline-teal-800\/70 { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:outline-teal-800\/80 { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:outline-teal-800\/90 { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:outline-teal-900 { + outline-color: var(--teal-900) + } + .lg\:outline-teal-900\/10 { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:outline-teal-900\/20 { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:outline-teal-900\/30 { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:outline-teal-900\/40 { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:outline-teal-900\/50 { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:outline-teal-900\/60 { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:outline-teal-900\/70 { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:outline-teal-900\/80 { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:outline-teal-900\/90 { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:outline-orange-50 { + outline-color: var(--orange-50) + } + .lg\:outline-orange-50\/10 { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:outline-orange-50\/20 { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:outline-orange-50\/30 { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:outline-orange-50\/40 { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:outline-orange-50\/50 { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:outline-orange-50\/60 { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:outline-orange-50\/70 { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:outline-orange-50\/80 { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:outline-orange-50\/90 { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:outline-orange-100 { + outline-color: var(--orange-100) + } + .lg\:outline-orange-100\/10 { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:outline-orange-100\/20 { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:outline-orange-100\/30 { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:outline-orange-100\/40 { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:outline-orange-100\/50 { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:outline-orange-100\/60 { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:outline-orange-100\/70 { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:outline-orange-100\/80 { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:outline-orange-100\/90 { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:outline-orange-200 { + outline-color: var(--orange-200) + } + .lg\:outline-orange-200\/10 { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:outline-orange-200\/20 { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:outline-orange-200\/30 { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:outline-orange-200\/40 { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:outline-orange-200\/50 { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:outline-orange-200\/60 { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:outline-orange-200\/70 { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:outline-orange-200\/80 { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:outline-orange-200\/90 { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:outline-orange-300 { + outline-color: var(--orange-300) + } + .lg\:outline-orange-300\/10 { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:outline-orange-300\/20 { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:outline-orange-300\/30 { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:outline-orange-300\/40 { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:outline-orange-300\/50 { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:outline-orange-300\/60 { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:outline-orange-300\/70 { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:outline-orange-300\/80 { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:outline-orange-300\/90 { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:outline-orange-400 { + outline-color: var(--orange-400) + } + .lg\:outline-orange-400\/10 { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:outline-orange-400\/20 { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:outline-orange-400\/30 { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:outline-orange-400\/40 { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:outline-orange-400\/50 { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:outline-orange-400\/60 { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:outline-orange-400\/70 { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:outline-orange-400\/80 { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:outline-orange-400\/90 { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:outline-orange-500 { + outline-color: var(--orange-500) + } + .lg\:outline-orange-500\/10 { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:outline-orange-500\/20 { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:outline-orange-500\/30 { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:outline-orange-500\/40 { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:outline-orange-500\/50 { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:outline-orange-500\/60 { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:outline-orange-500\/70 { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:outline-orange-500\/80 { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:outline-orange-500\/90 { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:outline-orange-600 { + outline-color: var(--orange-600) + } + .lg\:outline-orange-600\/10 { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:outline-orange-600\/20 { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:outline-orange-600\/30 { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:outline-orange-600\/40 { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:outline-orange-600\/50 { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:outline-orange-600\/60 { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:outline-orange-600\/70 { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:outline-orange-600\/80 { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:outline-orange-600\/90 { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:outline-orange-700 { + outline-color: var(--orange-700) + } + .lg\:outline-orange-700\/10 { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:outline-orange-700\/20 { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:outline-orange-700\/30 { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:outline-orange-700\/40 { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:outline-orange-700\/50 { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:outline-orange-700\/60 { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:outline-orange-700\/70 { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:outline-orange-700\/80 { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:outline-orange-700\/90 { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:outline-orange-800 { + outline-color: var(--orange-800) + } + .lg\:outline-orange-800\/10 { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:outline-orange-800\/20 { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:outline-orange-800\/30 { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:outline-orange-800\/40 { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:outline-orange-800\/50 { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:outline-orange-800\/60 { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:outline-orange-800\/70 { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:outline-orange-800\/80 { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:outline-orange-800\/90 { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:outline-orange-900 { + outline-color: var(--orange-900) + } + .lg\:outline-orange-900\/10 { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:outline-orange-900\/20 { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:outline-orange-900\/30 { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:outline-orange-900\/40 { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:outline-orange-900\/50 { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:outline-orange-900\/60 { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:outline-orange-900\/70 { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:outline-orange-900\/80 { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:outline-orange-900\/90 { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:outline-bluegray-50 { + outline-color: var(--bluegray-50) + } + .lg\:outline-bluegray-50\/10 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:outline-bluegray-50\/20 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:outline-bluegray-50\/30 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:outline-bluegray-50\/40 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:outline-bluegray-50\/50 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:outline-bluegray-50\/60 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:outline-bluegray-50\/70 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:outline-bluegray-50\/80 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:outline-bluegray-50\/90 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:outline-bluegray-100 { + outline-color: var(--bluegray-100) + } + .lg\:outline-bluegray-100\/10 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:outline-bluegray-100\/20 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:outline-bluegray-100\/30 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:outline-bluegray-100\/40 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:outline-bluegray-100\/50 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:outline-bluegray-100\/60 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:outline-bluegray-100\/70 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:outline-bluegray-100\/80 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:outline-bluegray-100\/90 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:outline-bluegray-200 { + outline-color: var(--bluegray-200) + } + .lg\:outline-bluegray-200\/10 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:outline-bluegray-200\/20 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:outline-bluegray-200\/30 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:outline-bluegray-200\/40 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:outline-bluegray-200\/50 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:outline-bluegray-200\/60 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:outline-bluegray-200\/70 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:outline-bluegray-200\/80 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:outline-bluegray-200\/90 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:outline-bluegray-300 { + outline-color: var(--bluegray-300) + } + .lg\:outline-bluegray-300\/10 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:outline-bluegray-300\/20 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:outline-bluegray-300\/30 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:outline-bluegray-300\/40 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:outline-bluegray-300\/50 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:outline-bluegray-300\/60 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:outline-bluegray-300\/70 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:outline-bluegray-300\/80 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:outline-bluegray-300\/90 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:outline-bluegray-400 { + outline-color: var(--bluegray-400) + } + .lg\:outline-bluegray-400\/10 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:outline-bluegray-400\/20 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:outline-bluegray-400\/30 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:outline-bluegray-400\/40 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:outline-bluegray-400\/50 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:outline-bluegray-400\/60 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:outline-bluegray-400\/70 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:outline-bluegray-400\/80 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:outline-bluegray-400\/90 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:outline-bluegray-500 { + outline-color: var(--bluegray-500) + } + .lg\:outline-bluegray-500\/10 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:outline-bluegray-500\/20 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:outline-bluegray-500\/30 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:outline-bluegray-500\/40 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:outline-bluegray-500\/50 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:outline-bluegray-500\/60 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:outline-bluegray-500\/70 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:outline-bluegray-500\/80 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:outline-bluegray-500\/90 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:outline-bluegray-600 { + outline-color: var(--bluegray-600) + } + .lg\:outline-bluegray-600\/10 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:outline-bluegray-600\/20 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:outline-bluegray-600\/30 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:outline-bluegray-600\/40 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:outline-bluegray-600\/50 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:outline-bluegray-600\/60 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:outline-bluegray-600\/70 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:outline-bluegray-600\/80 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:outline-bluegray-600\/90 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:outline-bluegray-700 { + outline-color: var(--bluegray-700) + } + .lg\:outline-bluegray-700\/10 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:outline-bluegray-700\/20 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:outline-bluegray-700\/30 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:outline-bluegray-700\/40 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:outline-bluegray-700\/50 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:outline-bluegray-700\/60 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:outline-bluegray-700\/70 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:outline-bluegray-700\/80 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:outline-bluegray-700\/90 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:outline-bluegray-800 { + outline-color: var(--bluegray-800) + } + .lg\:outline-bluegray-800\/10 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:outline-bluegray-800\/20 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:outline-bluegray-800\/30 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:outline-bluegray-800\/40 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:outline-bluegray-800\/50 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:outline-bluegray-800\/60 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:outline-bluegray-800\/70 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:outline-bluegray-800\/80 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:outline-bluegray-800\/90 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:outline-bluegray-900 { + outline-color: var(--bluegray-900) + } + .lg\:outline-bluegray-900\/10 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:outline-bluegray-900\/20 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:outline-bluegray-900\/30 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:outline-bluegray-900\/40 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:outline-bluegray-900\/50 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:outline-bluegray-900\/60 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:outline-bluegray-900\/70 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:outline-bluegray-900\/80 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:outline-bluegray-900\/90 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:outline-purple-50 { + outline-color: var(--purple-50) + } + .lg\:outline-purple-50\/10 { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:outline-purple-50\/20 { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:outline-purple-50\/30 { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:outline-purple-50\/40 { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:outline-purple-50\/50 { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:outline-purple-50\/60 { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:outline-purple-50\/70 { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:outline-purple-50\/80 { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:outline-purple-50\/90 { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:outline-purple-100 { + outline-color: var(--purple-100) + } + .lg\:outline-purple-100\/10 { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:outline-purple-100\/20 { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:outline-purple-100\/30 { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:outline-purple-100\/40 { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:outline-purple-100\/50 { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:outline-purple-100\/60 { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:outline-purple-100\/70 { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:outline-purple-100\/80 { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:outline-purple-100\/90 { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:outline-purple-200 { + outline-color: var(--purple-200) + } + .lg\:outline-purple-200\/10 { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:outline-purple-200\/20 { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:outline-purple-200\/30 { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:outline-purple-200\/40 { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:outline-purple-200\/50 { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:outline-purple-200\/60 { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:outline-purple-200\/70 { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:outline-purple-200\/80 { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:outline-purple-200\/90 { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:outline-purple-300 { + outline-color: var(--purple-300) + } + .lg\:outline-purple-300\/10 { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:outline-purple-300\/20 { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:outline-purple-300\/30 { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:outline-purple-300\/40 { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:outline-purple-300\/50 { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:outline-purple-300\/60 { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:outline-purple-300\/70 { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:outline-purple-300\/80 { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:outline-purple-300\/90 { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:outline-purple-400 { + outline-color: var(--purple-400) + } + .lg\:outline-purple-400\/10 { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:outline-purple-400\/20 { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:outline-purple-400\/30 { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:outline-purple-400\/40 { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:outline-purple-400\/50 { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:outline-purple-400\/60 { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:outline-purple-400\/70 { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:outline-purple-400\/80 { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:outline-purple-400\/90 { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:outline-purple-500 { + outline-color: var(--purple-500) + } + .lg\:outline-purple-500\/10 { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:outline-purple-500\/20 { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:outline-purple-500\/30 { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:outline-purple-500\/40 { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:outline-purple-500\/50 { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:outline-purple-500\/60 { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:outline-purple-500\/70 { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:outline-purple-500\/80 { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:outline-purple-500\/90 { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:outline-purple-600 { + outline-color: var(--purple-600) + } + .lg\:outline-purple-600\/10 { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:outline-purple-600\/20 { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:outline-purple-600\/30 { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:outline-purple-600\/40 { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:outline-purple-600\/50 { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:outline-purple-600\/60 { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:outline-purple-600\/70 { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:outline-purple-600\/80 { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:outline-purple-600\/90 { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:outline-purple-700 { + outline-color: var(--purple-700) + } + .lg\:outline-purple-700\/10 { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:outline-purple-700\/20 { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:outline-purple-700\/30 { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:outline-purple-700\/40 { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:outline-purple-700\/50 { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:outline-purple-700\/60 { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:outline-purple-700\/70 { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:outline-purple-700\/80 { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:outline-purple-700\/90 { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:outline-purple-800 { + outline-color: var(--purple-800) + } + .lg\:outline-purple-800\/10 { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:outline-purple-800\/20 { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:outline-purple-800\/30 { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:outline-purple-800\/40 { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:outline-purple-800\/50 { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:outline-purple-800\/60 { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:outline-purple-800\/70 { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:outline-purple-800\/80 { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:outline-purple-800\/90 { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:outline-purple-900 { + outline-color: var(--purple-900) + } + .lg\:outline-purple-900\/10 { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:outline-purple-900\/20 { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:outline-purple-900\/30 { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:outline-purple-900\/40 { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:outline-purple-900\/50 { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:outline-purple-900\/60 { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:outline-purple-900\/70 { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:outline-purple-900\/80 { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:outline-purple-900\/90 { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:outline-red-50 { + outline-color: var(--red-50) + } + .lg\:outline-red-50\/10 { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:outline-red-50\/20 { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:outline-red-50\/30 { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:outline-red-50\/40 { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:outline-red-50\/50 { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:outline-red-50\/60 { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:outline-red-50\/70 { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:outline-red-50\/80 { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:outline-red-50\/90 { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:outline-red-100 { + outline-color: var(--red-100) + } + .lg\:outline-red-100\/10 { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:outline-red-100\/20 { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:outline-red-100\/30 { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:outline-red-100\/40 { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:outline-red-100\/50 { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:outline-red-100\/60 { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:outline-red-100\/70 { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:outline-red-100\/80 { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:outline-red-100\/90 { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:outline-red-200 { + outline-color: var(--red-200) + } + .lg\:outline-red-200\/10 { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:outline-red-200\/20 { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:outline-red-200\/30 { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:outline-red-200\/40 { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:outline-red-200\/50 { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:outline-red-200\/60 { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:outline-red-200\/70 { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:outline-red-200\/80 { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:outline-red-200\/90 { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:outline-red-300 { + outline-color: var(--red-300) + } + .lg\:outline-red-300\/10 { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:outline-red-300\/20 { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:outline-red-300\/30 { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:outline-red-300\/40 { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:outline-red-300\/50 { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:outline-red-300\/60 { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:outline-red-300\/70 { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:outline-red-300\/80 { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:outline-red-300\/90 { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:outline-red-400 { + outline-color: var(--red-400) + } + .lg\:outline-red-400\/10 { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:outline-red-400\/20 { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:outline-red-400\/30 { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:outline-red-400\/40 { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:outline-red-400\/50 { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:outline-red-400\/60 { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:outline-red-400\/70 { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:outline-red-400\/80 { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:outline-red-400\/90 { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:outline-red-500 { + outline-color: var(--red-500) + } + .lg\:outline-red-500\/10 { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:outline-red-500\/20 { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:outline-red-500\/30 { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:outline-red-500\/40 { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:outline-red-500\/50 { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:outline-red-500\/60 { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:outline-red-500\/70 { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:outline-red-500\/80 { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:outline-red-500\/90 { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:outline-red-600 { + outline-color: var(--red-600) + } + .lg\:outline-red-600\/10 { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:outline-red-600\/20 { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:outline-red-600\/30 { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:outline-red-600\/40 { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:outline-red-600\/50 { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:outline-red-600\/60 { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:outline-red-600\/70 { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:outline-red-600\/80 { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:outline-red-600\/90 { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:outline-red-700 { + outline-color: var(--red-700) + } + .lg\:outline-red-700\/10 { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:outline-red-700\/20 { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:outline-red-700\/30 { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:outline-red-700\/40 { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:outline-red-700\/50 { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:outline-red-700\/60 { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:outline-red-700\/70 { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:outline-red-700\/80 { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:outline-red-700\/90 { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:outline-red-800 { + outline-color: var(--red-800) + } + .lg\:outline-red-800\/10 { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:outline-red-800\/20 { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:outline-red-800\/30 { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:outline-red-800\/40 { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:outline-red-800\/50 { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:outline-red-800\/60 { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:outline-red-800\/70 { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:outline-red-800\/80 { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:outline-red-800\/90 { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:outline-red-900 { + outline-color: var(--red-900) + } + .lg\:outline-red-900\/10 { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:outline-red-900\/20 { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:outline-red-900\/30 { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:outline-red-900\/40 { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:outline-red-900\/50 { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:outline-red-900\/60 { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:outline-red-900\/70 { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:outline-red-900\/80 { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:outline-red-900\/90 { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:outline-gray-50 { + outline-color: var(--gray-50) + } + .lg\:outline-gray-50\/10 { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:outline-gray-50\/20 { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:outline-gray-50\/30 { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:outline-gray-50\/40 { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:outline-gray-50\/50 { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:outline-gray-50\/60 { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:outline-gray-50\/70 { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:outline-gray-50\/80 { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:outline-gray-50\/90 { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:outline-gray-100 { + outline-color: var(--gray-100) + } + .lg\:outline-gray-100\/10 { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:outline-gray-100\/20 { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:outline-gray-100\/30 { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:outline-gray-100\/40 { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:outline-gray-100\/50 { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:outline-gray-100\/60 { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:outline-gray-100\/70 { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:outline-gray-100\/80 { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:outline-gray-100\/90 { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:outline-gray-200 { + outline-color: var(--gray-200) + } + .lg\:outline-gray-200\/10 { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:outline-gray-200\/20 { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:outline-gray-200\/30 { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:outline-gray-200\/40 { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:outline-gray-200\/50 { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:outline-gray-200\/60 { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:outline-gray-200\/70 { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:outline-gray-200\/80 { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:outline-gray-200\/90 { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:outline-gray-300 { + outline-color: var(--gray-300) + } + .lg\:outline-gray-300\/10 { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:outline-gray-300\/20 { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:outline-gray-300\/30 { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:outline-gray-300\/40 { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:outline-gray-300\/50 { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:outline-gray-300\/60 { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:outline-gray-300\/70 { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:outline-gray-300\/80 { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:outline-gray-300\/90 { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:outline-gray-400 { + outline-color: var(--gray-400) + } + .lg\:outline-gray-400\/10 { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:outline-gray-400\/20 { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:outline-gray-400\/30 { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:outline-gray-400\/40 { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:outline-gray-400\/50 { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:outline-gray-400\/60 { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:outline-gray-400\/70 { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:outline-gray-400\/80 { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:outline-gray-400\/90 { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:outline-gray-500 { + outline-color: var(--gray-500) + } + .lg\:outline-gray-500\/10 { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:outline-gray-500\/20 { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:outline-gray-500\/30 { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:outline-gray-500\/40 { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:outline-gray-500\/50 { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:outline-gray-500\/60 { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:outline-gray-500\/70 { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:outline-gray-500\/80 { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:outline-gray-500\/90 { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:outline-gray-600 { + outline-color: var(--gray-600) + } + .lg\:outline-gray-600\/10 { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:outline-gray-600\/20 { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:outline-gray-600\/30 { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:outline-gray-600\/40 { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:outline-gray-600\/50 { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:outline-gray-600\/60 { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:outline-gray-600\/70 { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:outline-gray-600\/80 { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:outline-gray-600\/90 { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:outline-gray-700 { + outline-color: var(--gray-700) + } + .lg\:outline-gray-700\/10 { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:outline-gray-700\/20 { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:outline-gray-700\/30 { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:outline-gray-700\/40 { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:outline-gray-700\/50 { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:outline-gray-700\/60 { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:outline-gray-700\/70 { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:outline-gray-700\/80 { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:outline-gray-700\/90 { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:outline-gray-800 { + outline-color: var(--gray-800) + } + .lg\:outline-gray-800\/10 { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:outline-gray-800\/20 { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:outline-gray-800\/30 { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:outline-gray-800\/40 { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:outline-gray-800\/50 { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:outline-gray-800\/60 { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:outline-gray-800\/70 { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:outline-gray-800\/80 { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:outline-gray-800\/90 { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:outline-gray-900 { + outline-color: var(--gray-900) + } + .lg\:outline-gray-900\/10 { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:outline-gray-900\/20 { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:outline-gray-900\/30 { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:outline-gray-900\/40 { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:outline-gray-900\/50 { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:outline-gray-900\/60 { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:outline-gray-900\/70 { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:outline-gray-900\/80 { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:outline-gray-900\/90 { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:outline-surface-0 { + outline-color: var(--surface-0) + } + .lg\:outline-surface-0\/10 { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:outline-surface-0\/20 { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:outline-surface-0\/30 { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:outline-surface-0\/40 { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:outline-surface-0\/50 { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:outline-surface-0\/60 { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:outline-surface-0\/70 { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:outline-surface-0\/80 { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:outline-surface-0\/90 { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:outline-surface-50 { + outline-color: var(--surface-50) + } + .lg\:outline-surface-50\/10 { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:outline-surface-50\/20 { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:outline-surface-50\/30 { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:outline-surface-50\/40 { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:outline-surface-50\/50 { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:outline-surface-50\/60 { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:outline-surface-50\/70 { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:outline-surface-50\/80 { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:outline-surface-50\/90 { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:outline-surface-100 { + outline-color: var(--surface-100) + } + .lg\:outline-surface-100\/10 { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:outline-surface-100\/20 { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:outline-surface-100\/30 { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:outline-surface-100\/40 { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:outline-surface-100\/50 { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:outline-surface-100\/60 { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:outline-surface-100\/70 { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:outline-surface-100\/80 { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:outline-surface-100\/90 { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:outline-surface-200 { + outline-color: var(--surface-200) + } + .lg\:outline-surface-200\/10 { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:outline-surface-200\/20 { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:outline-surface-200\/30 { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:outline-surface-200\/40 { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:outline-surface-200\/50 { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:outline-surface-200\/60 { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:outline-surface-200\/70 { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:outline-surface-200\/80 { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:outline-surface-200\/90 { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:outline-surface-300 { + outline-color: var(--surface-300) + } + .lg\:outline-surface-300\/10 { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:outline-surface-300\/20 { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:outline-surface-300\/30 { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:outline-surface-300\/40 { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:outline-surface-300\/50 { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:outline-surface-300\/60 { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:outline-surface-300\/70 { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:outline-surface-300\/80 { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:outline-surface-300\/90 { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:outline-surface-400 { + outline-color: var(--surface-400) + } + .lg\:outline-surface-400\/10 { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:outline-surface-400\/20 { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:outline-surface-400\/30 { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:outline-surface-400\/40 { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:outline-surface-400\/50 { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:outline-surface-400\/60 { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:outline-surface-400\/70 { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:outline-surface-400\/80 { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:outline-surface-400\/90 { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:outline-surface-500 { + outline-color: var(--surface-500) + } + .lg\:outline-surface-500\/10 { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:outline-surface-500\/20 { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:outline-surface-500\/30 { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:outline-surface-500\/40 { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:outline-surface-500\/50 { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:outline-surface-500\/60 { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:outline-surface-500\/70 { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:outline-surface-500\/80 { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:outline-surface-500\/90 { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:outline-surface-600 { + outline-color: var(--surface-600) + } + .lg\:outline-surface-600\/10 { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:outline-surface-600\/20 { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:outline-surface-600\/30 { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:outline-surface-600\/40 { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:outline-surface-600\/50 { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:outline-surface-600\/60 { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:outline-surface-600\/70 { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:outline-surface-600\/80 { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:outline-surface-600\/90 { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:outline-surface-700 { + outline-color: var(--surface-700) + } + .lg\:outline-surface-700\/10 { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:outline-surface-700\/20 { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:outline-surface-700\/30 { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:outline-surface-700\/40 { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:outline-surface-700\/50 { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:outline-surface-700\/60 { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:outline-surface-700\/70 { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:outline-surface-700\/80 { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:outline-surface-700\/90 { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:outline-surface-800 { + outline-color: var(--surface-800) + } + .lg\:outline-surface-800\/10 { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:outline-surface-800\/20 { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:outline-surface-800\/30 { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:outline-surface-800\/40 { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:outline-surface-800\/50 { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:outline-surface-800\/60 { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:outline-surface-800\/70 { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:outline-surface-800\/80 { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:outline-surface-800\/90 { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:outline-surface-900 { + outline-color: var(--surface-900) + } + .lg\:outline-surface-900\/10 { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:outline-surface-900\/20 { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:outline-surface-900\/30 { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:outline-surface-900\/40 { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:outline-surface-900\/50 { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:outline-surface-900\/60 { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:outline-surface-900\/70 { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:outline-surface-900\/80 { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:outline-surface-900\/90 { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:outline-primary-50 { + outline-color: var(--primary-50) + } + .lg\:outline-primary-50\/10 { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:outline-primary-50\/20 { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:outline-primary-50\/30 { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:outline-primary-50\/40 { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:outline-primary-50\/50 { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:outline-primary-50\/60 { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:outline-primary-50\/70 { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:outline-primary-50\/80 { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:outline-primary-50\/90 { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:outline-primary-100 { + outline-color: var(--primary-100) + } + .lg\:outline-primary-100\/10 { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:outline-primary-100\/20 { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:outline-primary-100\/30 { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:outline-primary-100\/40 { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:outline-primary-100\/50 { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:outline-primary-100\/60 { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:outline-primary-100\/70 { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:outline-primary-100\/80 { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:outline-primary-100\/90 { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:outline-primary-200 { + outline-color: var(--primary-200) + } + .lg\:outline-primary-200\/10 { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:outline-primary-200\/20 { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:outline-primary-200\/30 { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:outline-primary-200\/40 { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:outline-primary-200\/50 { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:outline-primary-200\/60 { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:outline-primary-200\/70 { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:outline-primary-200\/80 { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:outline-primary-200\/90 { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:outline-primary-300 { + outline-color: var(--primary-300) + } + .lg\:outline-primary-300\/10 { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:outline-primary-300\/20 { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:outline-primary-300\/30 { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:outline-primary-300\/40 { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:outline-primary-300\/50 { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:outline-primary-300\/60 { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:outline-primary-300\/70 { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:outline-primary-300\/80 { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:outline-primary-300\/90 { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:outline-primary-400 { + outline-color: var(--primary-400) + } + .lg\:outline-primary-400\/10 { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:outline-primary-400\/20 { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:outline-primary-400\/30 { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:outline-primary-400\/40 { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:outline-primary-400\/50 { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:outline-primary-400\/60 { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:outline-primary-400\/70 { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:outline-primary-400\/80 { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:outline-primary-400\/90 { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:outline-primary-500 { + outline-color: var(--primary-500) + } + .lg\:outline-primary-500\/10 { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:outline-primary-500\/20 { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:outline-primary-500\/30 { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:outline-primary-500\/40 { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:outline-primary-500\/50 { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:outline-primary-500\/60 { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:outline-primary-500\/70 { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:outline-primary-500\/80 { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:outline-primary-500\/90 { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:outline-primary-600 { + outline-color: var(--primary-600) + } + .lg\:outline-primary-600\/10 { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:outline-primary-600\/20 { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:outline-primary-600\/30 { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:outline-primary-600\/40 { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:outline-primary-600\/50 { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:outline-primary-600\/60 { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:outline-primary-600\/70 { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:outline-primary-600\/80 { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:outline-primary-600\/90 { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:outline-primary-700 { + outline-color: var(--primary-700) + } + .lg\:outline-primary-700\/10 { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:outline-primary-700\/20 { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:outline-primary-700\/30 { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:outline-primary-700\/40 { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:outline-primary-700\/50 { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:outline-primary-700\/60 { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:outline-primary-700\/70 { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:outline-primary-700\/80 { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:outline-primary-700\/90 { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:outline-primary-800 { + outline-color: var(--primary-800) + } + .lg\:outline-primary-800\/10 { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:outline-primary-800\/20 { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:outline-primary-800\/30 { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:outline-primary-800\/40 { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:outline-primary-800\/50 { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:outline-primary-800\/60 { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:outline-primary-800\/70 { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:outline-primary-800\/80 { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:outline-primary-800\/90 { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:outline-primary-900 { + outline-color: var(--primary-900) + } + .lg\:outline-primary-900\/10 { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:outline-primary-900\/20 { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:outline-primary-900\/30 { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:outline-primary-900\/40 { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:outline-primary-900\/50 { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:outline-primary-900\/60 { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:outline-primary-900\/70 { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:outline-primary-900\/80 { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:outline-primary-900\/90 { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:outline-blue-50:focus { + outline-color: var(--blue-50) + } + .lg\:hover\:outline-blue-50:hover { + outline-color: var(--blue-50) + } + .lg\:active\:outline-blue-50:active { + outline-color: var(--blue-50) + } + .lg\:focus\:outline-blue-50\/10:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:outline-blue-50\/10:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:outline-blue-50\/10:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:outline-blue-50\/20:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:outline-blue-50\/20:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:outline-blue-50\/20:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:outline-blue-50\/30:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:outline-blue-50\/30:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:outline-blue-50\/30:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:outline-blue-50\/40:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:outline-blue-50\/40:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:outline-blue-50\/40:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:outline-blue-50\/50:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:outline-blue-50\/50:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:outline-blue-50\/50:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:outline-blue-50\/60:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:outline-blue-50\/60:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:outline-blue-50\/60:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:outline-blue-50\/70:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:outline-blue-50\/70:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:outline-blue-50\/70:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:outline-blue-50\/80:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:outline-blue-50\/80:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:outline-blue-50\/80:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:outline-blue-50\/90:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:outline-blue-50\/90:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:outline-blue-50\/90:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:outline-blue-100:focus { + outline-color: var(--blue-100) + } + .lg\:hover\:outline-blue-100:hover { + outline-color: var(--blue-100) + } + .lg\:active\:outline-blue-100:active { + outline-color: var(--blue-100) + } + .lg\:focus\:outline-blue-100\/10:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:outline-blue-100\/10:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:outline-blue-100\/10:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:outline-blue-100\/20:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:outline-blue-100\/20:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:outline-blue-100\/20:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:outline-blue-100\/30:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:outline-blue-100\/30:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:outline-blue-100\/30:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:outline-blue-100\/40:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:outline-blue-100\/40:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:outline-blue-100\/40:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:outline-blue-100\/50:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:outline-blue-100\/50:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:outline-blue-100\/50:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:outline-blue-100\/60:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:outline-blue-100\/60:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:outline-blue-100\/60:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:outline-blue-100\/70:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:outline-blue-100\/70:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:outline-blue-100\/70:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:outline-blue-100\/80:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:outline-blue-100\/80:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:outline-blue-100\/80:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:outline-blue-100\/90:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:outline-blue-100\/90:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:outline-blue-100\/90:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:outline-blue-200:focus { + outline-color: var(--blue-200) + } + .lg\:hover\:outline-blue-200:hover { + outline-color: var(--blue-200) + } + .lg\:active\:outline-blue-200:active { + outline-color: var(--blue-200) + } + .lg\:focus\:outline-blue-200\/10:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:outline-blue-200\/10:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:outline-blue-200\/10:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:outline-blue-200\/20:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:outline-blue-200\/20:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:outline-blue-200\/20:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:outline-blue-200\/30:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:outline-blue-200\/30:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:outline-blue-200\/30:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:outline-blue-200\/40:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:outline-blue-200\/40:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:outline-blue-200\/40:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:outline-blue-200\/50:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:outline-blue-200\/50:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:outline-blue-200\/50:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:outline-blue-200\/60:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:outline-blue-200\/60:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:outline-blue-200\/60:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:outline-blue-200\/70:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:outline-blue-200\/70:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:outline-blue-200\/70:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:outline-blue-200\/80:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:outline-blue-200\/80:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:outline-blue-200\/80:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:outline-blue-200\/90:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:outline-blue-200\/90:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:outline-blue-200\/90:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:outline-blue-300:focus { + outline-color: var(--blue-300) + } + .lg\:hover\:outline-blue-300:hover { + outline-color: var(--blue-300) + } + .lg\:active\:outline-blue-300:active { + outline-color: var(--blue-300) + } + .lg\:focus\:outline-blue-300\/10:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:outline-blue-300\/10:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:outline-blue-300\/10:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:outline-blue-300\/20:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:outline-blue-300\/20:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:outline-blue-300\/20:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:outline-blue-300\/30:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:outline-blue-300\/30:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:outline-blue-300\/30:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:outline-blue-300\/40:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:outline-blue-300\/40:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:outline-blue-300\/40:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:outline-blue-300\/50:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:outline-blue-300\/50:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:outline-blue-300\/50:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:outline-blue-300\/60:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:outline-blue-300\/60:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:outline-blue-300\/60:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:outline-blue-300\/70:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:outline-blue-300\/70:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:outline-blue-300\/70:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:outline-blue-300\/80:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:outline-blue-300\/80:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:outline-blue-300\/80:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:outline-blue-300\/90:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:outline-blue-300\/90:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:outline-blue-300\/90:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:outline-blue-400:focus { + outline-color: var(--blue-400) + } + .lg\:hover\:outline-blue-400:hover { + outline-color: var(--blue-400) + } + .lg\:active\:outline-blue-400:active { + outline-color: var(--blue-400) + } + .lg\:focus\:outline-blue-400\/10:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:outline-blue-400\/10:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:outline-blue-400\/10:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:outline-blue-400\/20:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:outline-blue-400\/20:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:outline-blue-400\/20:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:outline-blue-400\/30:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:outline-blue-400\/30:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:outline-blue-400\/30:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:outline-blue-400\/40:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:outline-blue-400\/40:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:outline-blue-400\/40:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:outline-blue-400\/50:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:outline-blue-400\/50:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:outline-blue-400\/50:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:outline-blue-400\/60:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:outline-blue-400\/60:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:outline-blue-400\/60:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:outline-blue-400\/70:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:outline-blue-400\/70:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:outline-blue-400\/70:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:outline-blue-400\/80:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:outline-blue-400\/80:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:outline-blue-400\/80:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:outline-blue-400\/90:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:outline-blue-400\/90:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:outline-blue-400\/90:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:outline-blue-500:focus { + outline-color: var(--blue-500) + } + .lg\:hover\:outline-blue-500:hover { + outline-color: var(--blue-500) + } + .lg\:active\:outline-blue-500:active { + outline-color: var(--blue-500) + } + .lg\:focus\:outline-blue-500\/10:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:outline-blue-500\/10:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:outline-blue-500\/10:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:outline-blue-500\/20:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:outline-blue-500\/20:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:outline-blue-500\/20:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:outline-blue-500\/30:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:outline-blue-500\/30:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:outline-blue-500\/30:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:outline-blue-500\/40:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:outline-blue-500\/40:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:outline-blue-500\/40:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:outline-blue-500\/50:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:outline-blue-500\/50:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:outline-blue-500\/50:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:outline-blue-500\/60:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:outline-blue-500\/60:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:outline-blue-500\/60:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:outline-blue-500\/70:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:outline-blue-500\/70:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:outline-blue-500\/70:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:outline-blue-500\/80:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:outline-blue-500\/80:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:outline-blue-500\/80:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:outline-blue-500\/90:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:outline-blue-500\/90:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:outline-blue-500\/90:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:outline-blue-600:focus { + outline-color: var(--blue-600) + } + .lg\:hover\:outline-blue-600:hover { + outline-color: var(--blue-600) + } + .lg\:active\:outline-blue-600:active { + outline-color: var(--blue-600) + } + .lg\:focus\:outline-blue-600\/10:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:outline-blue-600\/10:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:outline-blue-600\/10:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:outline-blue-600\/20:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:outline-blue-600\/20:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:outline-blue-600\/20:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:outline-blue-600\/30:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:outline-blue-600\/30:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:outline-blue-600\/30:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:outline-blue-600\/40:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:outline-blue-600\/40:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:outline-blue-600\/40:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:outline-blue-600\/50:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:outline-blue-600\/50:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:outline-blue-600\/50:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:outline-blue-600\/60:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:outline-blue-600\/60:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:outline-blue-600\/60:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:outline-blue-600\/70:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:outline-blue-600\/70:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:outline-blue-600\/70:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:outline-blue-600\/80:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:outline-blue-600\/80:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:outline-blue-600\/80:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:outline-blue-600\/90:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:outline-blue-600\/90:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:outline-blue-600\/90:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:outline-blue-700:focus { + outline-color: var(--blue-700) + } + .lg\:hover\:outline-blue-700:hover { + outline-color: var(--blue-700) + } + .lg\:active\:outline-blue-700:active { + outline-color: var(--blue-700) + } + .lg\:focus\:outline-blue-700\/10:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:outline-blue-700\/10:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:outline-blue-700\/10:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:outline-blue-700\/20:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:outline-blue-700\/20:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:outline-blue-700\/20:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:outline-blue-700\/30:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:outline-blue-700\/30:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:outline-blue-700\/30:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:outline-blue-700\/40:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:outline-blue-700\/40:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:outline-blue-700\/40:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:outline-blue-700\/50:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:outline-blue-700\/50:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:outline-blue-700\/50:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:outline-blue-700\/60:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:outline-blue-700\/60:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:outline-blue-700\/60:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:outline-blue-700\/70:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:outline-blue-700\/70:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:outline-blue-700\/70:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:outline-blue-700\/80:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:outline-blue-700\/80:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:outline-blue-700\/80:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:outline-blue-700\/90:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:outline-blue-700\/90:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:outline-blue-700\/90:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:outline-blue-800:focus { + outline-color: var(--blue-800) + } + .lg\:hover\:outline-blue-800:hover { + outline-color: var(--blue-800) + } + .lg\:active\:outline-blue-800:active { + outline-color: var(--blue-800) + } + .lg\:focus\:outline-blue-800\/10:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:outline-blue-800\/10:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:outline-blue-800\/10:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:outline-blue-800\/20:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:outline-blue-800\/20:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:outline-blue-800\/20:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:outline-blue-800\/30:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:outline-blue-800\/30:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:outline-blue-800\/30:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:outline-blue-800\/40:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:outline-blue-800\/40:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:outline-blue-800\/40:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:outline-blue-800\/50:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:outline-blue-800\/50:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:outline-blue-800\/50:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:outline-blue-800\/60:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:outline-blue-800\/60:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:outline-blue-800\/60:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:outline-blue-800\/70:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:outline-blue-800\/70:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:outline-blue-800\/70:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:outline-blue-800\/80:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:outline-blue-800\/80:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:outline-blue-800\/80:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:outline-blue-800\/90:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:outline-blue-800\/90:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:outline-blue-800\/90:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:outline-blue-900:focus { + outline-color: var(--blue-900) + } + .lg\:hover\:outline-blue-900:hover { + outline-color: var(--blue-900) + } + .lg\:active\:outline-blue-900:active { + outline-color: var(--blue-900) + } + .lg\:focus\:outline-blue-900\/10:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:outline-blue-900\/10:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:outline-blue-900\/10:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:outline-blue-900\/20:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:outline-blue-900\/20:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:outline-blue-900\/20:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:outline-blue-900\/30:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:outline-blue-900\/30:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:outline-blue-900\/30:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:outline-blue-900\/40:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:outline-blue-900\/40:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:outline-blue-900\/40:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:outline-blue-900\/50:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:outline-blue-900\/50:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:outline-blue-900\/50:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:outline-blue-900\/60:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:outline-blue-900\/60:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:outline-blue-900\/60:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:outline-blue-900\/70:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:outline-blue-900\/70:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:outline-blue-900\/70:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:outline-blue-900\/80:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:outline-blue-900\/80:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:outline-blue-900\/80:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:outline-blue-900\/90:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:outline-blue-900\/90:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:outline-blue-900\/90:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:outline-green-50:focus { + outline-color: var(--green-50) + } + .lg\:hover\:outline-green-50:hover { + outline-color: var(--green-50) + } + .lg\:active\:outline-green-50:active { + outline-color: var(--green-50) + } + .lg\:focus\:outline-green-50\/10:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:outline-green-50\/10:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:outline-green-50\/10:active { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:outline-green-50\/20:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:outline-green-50\/20:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:outline-green-50\/20:active { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:outline-green-50\/30:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:outline-green-50\/30:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:outline-green-50\/30:active { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:outline-green-50\/40:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:outline-green-50\/40:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:outline-green-50\/40:active { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:outline-green-50\/50:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:outline-green-50\/50:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:outline-green-50\/50:active { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:outline-green-50\/60:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:outline-green-50\/60:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:outline-green-50\/60:active { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:outline-green-50\/70:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:outline-green-50\/70:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:outline-green-50\/70:active { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:outline-green-50\/80:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:outline-green-50\/80:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:outline-green-50\/80:active { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:outline-green-50\/90:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:outline-green-50\/90:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:outline-green-50\/90:active { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:outline-green-100:focus { + outline-color: var(--green-100) + } + .lg\:hover\:outline-green-100:hover { + outline-color: var(--green-100) + } + .lg\:active\:outline-green-100:active { + outline-color: var(--green-100) + } + .lg\:focus\:outline-green-100\/10:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:outline-green-100\/10:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:outline-green-100\/10:active { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:outline-green-100\/20:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:outline-green-100\/20:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:outline-green-100\/20:active { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:outline-green-100\/30:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:outline-green-100\/30:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:outline-green-100\/30:active { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:outline-green-100\/40:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:outline-green-100\/40:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:outline-green-100\/40:active { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:outline-green-100\/50:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:outline-green-100\/50:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:outline-green-100\/50:active { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:outline-green-100\/60:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:outline-green-100\/60:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:outline-green-100\/60:active { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:outline-green-100\/70:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:outline-green-100\/70:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:outline-green-100\/70:active { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:outline-green-100\/80:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:outline-green-100\/80:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:outline-green-100\/80:active { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:outline-green-100\/90:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:outline-green-100\/90:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:outline-green-100\/90:active { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:outline-green-200:focus { + outline-color: var(--green-200) + } + .lg\:hover\:outline-green-200:hover { + outline-color: var(--green-200) + } + .lg\:active\:outline-green-200:active { + outline-color: var(--green-200) + } + .lg\:focus\:outline-green-200\/10:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:outline-green-200\/10:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:outline-green-200\/10:active { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:outline-green-200\/20:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:outline-green-200\/20:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:outline-green-200\/20:active { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:outline-green-200\/30:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:outline-green-200\/30:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:outline-green-200\/30:active { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:outline-green-200\/40:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:outline-green-200\/40:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:outline-green-200\/40:active { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:outline-green-200\/50:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:outline-green-200\/50:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:outline-green-200\/50:active { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:outline-green-200\/60:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:outline-green-200\/60:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:outline-green-200\/60:active { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:outline-green-200\/70:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:outline-green-200\/70:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:outline-green-200\/70:active { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:outline-green-200\/80:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:outline-green-200\/80:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:outline-green-200\/80:active { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:outline-green-200\/90:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:outline-green-200\/90:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:outline-green-200\/90:active { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:outline-green-300:focus { + outline-color: var(--green-300) + } + .lg\:hover\:outline-green-300:hover { + outline-color: var(--green-300) + } + .lg\:active\:outline-green-300:active { + outline-color: var(--green-300) + } + .lg\:focus\:outline-green-300\/10:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:outline-green-300\/10:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:outline-green-300\/10:active { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:outline-green-300\/20:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:outline-green-300\/20:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:outline-green-300\/20:active { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:outline-green-300\/30:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:outline-green-300\/30:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:outline-green-300\/30:active { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:outline-green-300\/40:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:outline-green-300\/40:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:outline-green-300\/40:active { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:outline-green-300\/50:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:outline-green-300\/50:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:outline-green-300\/50:active { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:outline-green-300\/60:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:outline-green-300\/60:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:outline-green-300\/60:active { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:outline-green-300\/70:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:outline-green-300\/70:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:outline-green-300\/70:active { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:outline-green-300\/80:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:outline-green-300\/80:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:outline-green-300\/80:active { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:outline-green-300\/90:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:outline-green-300\/90:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:outline-green-300\/90:active { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:outline-green-400:focus { + outline-color: var(--green-400) + } + .lg\:hover\:outline-green-400:hover { + outline-color: var(--green-400) + } + .lg\:active\:outline-green-400:active { + outline-color: var(--green-400) + } + .lg\:focus\:outline-green-400\/10:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:outline-green-400\/10:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:outline-green-400\/10:active { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:outline-green-400\/20:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:outline-green-400\/20:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:outline-green-400\/20:active { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:outline-green-400\/30:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:outline-green-400\/30:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:outline-green-400\/30:active { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:outline-green-400\/40:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:outline-green-400\/40:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:outline-green-400\/40:active { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:outline-green-400\/50:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:outline-green-400\/50:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:outline-green-400\/50:active { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:outline-green-400\/60:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:outline-green-400\/60:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:outline-green-400\/60:active { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:outline-green-400\/70:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:outline-green-400\/70:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:outline-green-400\/70:active { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:outline-green-400\/80:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:outline-green-400\/80:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:outline-green-400\/80:active { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:outline-green-400\/90:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:outline-green-400\/90:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:outline-green-400\/90:active { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:outline-green-500:focus { + outline-color: var(--green-500) + } + .lg\:hover\:outline-green-500:hover { + outline-color: var(--green-500) + } + .lg\:active\:outline-green-500:active { + outline-color: var(--green-500) + } + .lg\:focus\:outline-green-500\/10:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:outline-green-500\/10:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:outline-green-500\/10:active { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:outline-green-500\/20:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:outline-green-500\/20:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:outline-green-500\/20:active { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:outline-green-500\/30:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:outline-green-500\/30:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:outline-green-500\/30:active { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:outline-green-500\/40:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:outline-green-500\/40:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:outline-green-500\/40:active { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:outline-green-500\/50:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:outline-green-500\/50:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:outline-green-500\/50:active { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:outline-green-500\/60:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:outline-green-500\/60:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:outline-green-500\/60:active { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:outline-green-500\/70:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:outline-green-500\/70:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:outline-green-500\/70:active { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:outline-green-500\/80:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:outline-green-500\/80:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:outline-green-500\/80:active { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:outline-green-500\/90:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:outline-green-500\/90:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:outline-green-500\/90:active { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:outline-green-600:focus { + outline-color: var(--green-600) + } + .lg\:hover\:outline-green-600:hover { + outline-color: var(--green-600) + } + .lg\:active\:outline-green-600:active { + outline-color: var(--green-600) + } + .lg\:focus\:outline-green-600\/10:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:outline-green-600\/10:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:outline-green-600\/10:active { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:outline-green-600\/20:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:outline-green-600\/20:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:outline-green-600\/20:active { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:outline-green-600\/30:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:outline-green-600\/30:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:outline-green-600\/30:active { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:outline-green-600\/40:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:outline-green-600\/40:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:outline-green-600\/40:active { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:outline-green-600\/50:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:outline-green-600\/50:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:outline-green-600\/50:active { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:outline-green-600\/60:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:outline-green-600\/60:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:outline-green-600\/60:active { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:outline-green-600\/70:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:outline-green-600\/70:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:outline-green-600\/70:active { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:outline-green-600\/80:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:outline-green-600\/80:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:outline-green-600\/80:active { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:outline-green-600\/90:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:outline-green-600\/90:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:outline-green-600\/90:active { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:outline-green-700:focus { + outline-color: var(--green-700) + } + .lg\:hover\:outline-green-700:hover { + outline-color: var(--green-700) + } + .lg\:active\:outline-green-700:active { + outline-color: var(--green-700) + } + .lg\:focus\:outline-green-700\/10:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:outline-green-700\/10:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:outline-green-700\/10:active { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:outline-green-700\/20:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:outline-green-700\/20:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:outline-green-700\/20:active { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:outline-green-700\/30:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:outline-green-700\/30:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:outline-green-700\/30:active { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:outline-green-700\/40:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:outline-green-700\/40:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:outline-green-700\/40:active { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:outline-green-700\/50:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:outline-green-700\/50:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:outline-green-700\/50:active { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:outline-green-700\/60:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:outline-green-700\/60:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:outline-green-700\/60:active { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:outline-green-700\/70:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:outline-green-700\/70:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:outline-green-700\/70:active { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:outline-green-700\/80:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:outline-green-700\/80:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:outline-green-700\/80:active { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:outline-green-700\/90:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:outline-green-700\/90:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:outline-green-700\/90:active { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:outline-green-800:focus { + outline-color: var(--green-800) + } + .lg\:hover\:outline-green-800:hover { + outline-color: var(--green-800) + } + .lg\:active\:outline-green-800:active { + outline-color: var(--green-800) + } + .lg\:focus\:outline-green-800\/10:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:outline-green-800\/10:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:outline-green-800\/10:active { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:outline-green-800\/20:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:outline-green-800\/20:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:outline-green-800\/20:active { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:outline-green-800\/30:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:outline-green-800\/30:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:outline-green-800\/30:active { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:outline-green-800\/40:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:outline-green-800\/40:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:outline-green-800\/40:active { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:outline-green-800\/50:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:outline-green-800\/50:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:outline-green-800\/50:active { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:outline-green-800\/60:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:outline-green-800\/60:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:outline-green-800\/60:active { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:outline-green-800\/70:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:outline-green-800\/70:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:outline-green-800\/70:active { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:outline-green-800\/80:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:outline-green-800\/80:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:outline-green-800\/80:active { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:outline-green-800\/90:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:outline-green-800\/90:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:outline-green-800\/90:active { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:outline-green-900:focus { + outline-color: var(--green-900) + } + .lg\:hover\:outline-green-900:hover { + outline-color: var(--green-900) + } + .lg\:active\:outline-green-900:active { + outline-color: var(--green-900) + } + .lg\:focus\:outline-green-900\/10:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:outline-green-900\/10:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:outline-green-900\/10:active { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:outline-green-900\/20:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:outline-green-900\/20:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:outline-green-900\/20:active { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:outline-green-900\/30:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:outline-green-900\/30:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:outline-green-900\/30:active { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:outline-green-900\/40:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:outline-green-900\/40:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:outline-green-900\/40:active { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:outline-green-900\/50:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:outline-green-900\/50:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:outline-green-900\/50:active { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:outline-green-900\/60:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:outline-green-900\/60:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:outline-green-900\/60:active { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:outline-green-900\/70:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:outline-green-900\/70:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:outline-green-900\/70:active { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:outline-green-900\/80:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:outline-green-900\/80:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:outline-green-900\/80:active { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:outline-green-900\/90:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:outline-green-900\/90:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:outline-green-900\/90:active { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-50:focus { + outline-color: var(--yellow-50) + } + .lg\:hover\:outline-yellow-50:hover { + outline-color: var(--yellow-50) + } + .lg\:active\:outline-yellow-50:active { + outline-color: var(--yellow-50) + } + .lg\:focus\:outline-yellow-50\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-50\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:outline-yellow-50\/10:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-50\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-50\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:outline-yellow-50\/20:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-50\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-50\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:outline-yellow-50\/30:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-50\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-50\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:outline-yellow-50\/40:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-50\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-50\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:outline-yellow-50\/50:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-50\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-50\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:outline-yellow-50\/60:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-50\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-50\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:outline-yellow-50\/70:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-50\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-50\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:outline-yellow-50\/80:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-50\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-50\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:outline-yellow-50\/90:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-100:focus { + outline-color: var(--yellow-100) + } + .lg\:hover\:outline-yellow-100:hover { + outline-color: var(--yellow-100) + } + .lg\:active\:outline-yellow-100:active { + outline-color: var(--yellow-100) + } + .lg\:focus\:outline-yellow-100\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-100\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:outline-yellow-100\/10:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-100\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-100\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:outline-yellow-100\/20:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-100\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-100\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:outline-yellow-100\/30:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-100\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-100\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:outline-yellow-100\/40:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-100\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-100\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:outline-yellow-100\/50:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-100\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-100\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:outline-yellow-100\/60:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-100\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-100\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:outline-yellow-100\/70:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-100\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-100\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:outline-yellow-100\/80:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-100\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-100\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:outline-yellow-100\/90:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-200:focus { + outline-color: var(--yellow-200) + } + .lg\:hover\:outline-yellow-200:hover { + outline-color: var(--yellow-200) + } + .lg\:active\:outline-yellow-200:active { + outline-color: var(--yellow-200) + } + .lg\:focus\:outline-yellow-200\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-200\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:outline-yellow-200\/10:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-200\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-200\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:outline-yellow-200\/20:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-200\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-200\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:outline-yellow-200\/30:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-200\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-200\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:outline-yellow-200\/40:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-200\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-200\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:outline-yellow-200\/50:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-200\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-200\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:outline-yellow-200\/60:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-200\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-200\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:outline-yellow-200\/70:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-200\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-200\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:outline-yellow-200\/80:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-200\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-200\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:outline-yellow-200\/90:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-300:focus { + outline-color: var(--yellow-300) + } + .lg\:hover\:outline-yellow-300:hover { + outline-color: var(--yellow-300) + } + .lg\:active\:outline-yellow-300:active { + outline-color: var(--yellow-300) + } + .lg\:focus\:outline-yellow-300\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-300\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:outline-yellow-300\/10:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-300\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-300\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:outline-yellow-300\/20:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-300\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-300\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:outline-yellow-300\/30:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-300\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-300\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:outline-yellow-300\/40:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-300\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-300\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:outline-yellow-300\/50:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-300\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-300\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:outline-yellow-300\/60:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-300\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-300\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:outline-yellow-300\/70:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-300\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-300\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:outline-yellow-300\/80:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-300\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-300\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:outline-yellow-300\/90:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-400:focus { + outline-color: var(--yellow-400) + } + .lg\:hover\:outline-yellow-400:hover { + outline-color: var(--yellow-400) + } + .lg\:active\:outline-yellow-400:active { + outline-color: var(--yellow-400) + } + .lg\:focus\:outline-yellow-400\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-400\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:outline-yellow-400\/10:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-400\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-400\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:outline-yellow-400\/20:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-400\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-400\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:outline-yellow-400\/30:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-400\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-400\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:outline-yellow-400\/40:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-400\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-400\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:outline-yellow-400\/50:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-400\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-400\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:outline-yellow-400\/60:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-400\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-400\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:outline-yellow-400\/70:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-400\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-400\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:outline-yellow-400\/80:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-400\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-400\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:outline-yellow-400\/90:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-500:focus { + outline-color: var(--yellow-500) + } + .lg\:hover\:outline-yellow-500:hover { + outline-color: var(--yellow-500) + } + .lg\:active\:outline-yellow-500:active { + outline-color: var(--yellow-500) + } + .lg\:focus\:outline-yellow-500\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-500\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:outline-yellow-500\/10:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-500\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-500\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:outline-yellow-500\/20:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-500\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-500\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:outline-yellow-500\/30:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-500\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-500\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:outline-yellow-500\/40:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-500\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-500\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:outline-yellow-500\/50:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-500\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-500\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:outline-yellow-500\/60:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-500\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-500\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:outline-yellow-500\/70:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-500\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-500\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:outline-yellow-500\/80:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-500\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-500\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:outline-yellow-500\/90:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-600:focus { + outline-color: var(--yellow-600) + } + .lg\:hover\:outline-yellow-600:hover { + outline-color: var(--yellow-600) + } + .lg\:active\:outline-yellow-600:active { + outline-color: var(--yellow-600) + } + .lg\:focus\:outline-yellow-600\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-600\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:outline-yellow-600\/10:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-600\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-600\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:outline-yellow-600\/20:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-600\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-600\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:outline-yellow-600\/30:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-600\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-600\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:outline-yellow-600\/40:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-600\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-600\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:outline-yellow-600\/50:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-600\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-600\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:outline-yellow-600\/60:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-600\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-600\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:outline-yellow-600\/70:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-600\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-600\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:outline-yellow-600\/80:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-600\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-600\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:outline-yellow-600\/90:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-700:focus { + outline-color: var(--yellow-700) + } + .lg\:hover\:outline-yellow-700:hover { + outline-color: var(--yellow-700) + } + .lg\:active\:outline-yellow-700:active { + outline-color: var(--yellow-700) + } + .lg\:focus\:outline-yellow-700\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-700\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:outline-yellow-700\/10:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-700\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-700\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:outline-yellow-700\/20:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-700\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-700\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:outline-yellow-700\/30:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-700\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-700\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:outline-yellow-700\/40:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-700\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-700\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:outline-yellow-700\/50:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-700\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-700\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:outline-yellow-700\/60:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-700\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-700\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:outline-yellow-700\/70:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-700\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-700\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:outline-yellow-700\/80:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-700\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-700\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:outline-yellow-700\/90:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-800:focus { + outline-color: var(--yellow-800) + } + .lg\:hover\:outline-yellow-800:hover { + outline-color: var(--yellow-800) + } + .lg\:active\:outline-yellow-800:active { + outline-color: var(--yellow-800) + } + .lg\:focus\:outline-yellow-800\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-800\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:outline-yellow-800\/10:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-800\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-800\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:outline-yellow-800\/20:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-800\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-800\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:outline-yellow-800\/30:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-800\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-800\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:outline-yellow-800\/40:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-800\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-800\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:outline-yellow-800\/50:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-800\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-800\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:outline-yellow-800\/60:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-800\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-800\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:outline-yellow-800\/70:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-800\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-800\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:outline-yellow-800\/80:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-800\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-800\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:outline-yellow-800\/90:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:outline-yellow-900:focus { + outline-color: var(--yellow-900) + } + .lg\:hover\:outline-yellow-900:hover { + outline-color: var(--yellow-900) + } + .lg\:active\:outline-yellow-900:active { + outline-color: var(--yellow-900) + } + .lg\:focus\:outline-yellow-900\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:outline-yellow-900\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:outline-yellow-900\/10:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:outline-yellow-900\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:outline-yellow-900\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:outline-yellow-900\/20:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:outline-yellow-900\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:outline-yellow-900\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:outline-yellow-900\/30:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:outline-yellow-900\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:outline-yellow-900\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:outline-yellow-900\/40:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:outline-yellow-900\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:outline-yellow-900\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:outline-yellow-900\/50:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:outline-yellow-900\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:outline-yellow-900\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:outline-yellow-900\/60:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:outline-yellow-900\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:outline-yellow-900\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:outline-yellow-900\/70:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:outline-yellow-900\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:outline-yellow-900\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:outline-yellow-900\/80:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:outline-yellow-900\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:outline-yellow-900\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:outline-yellow-900\/90:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-50:focus { + outline-color: var(--cyan-50) + } + .lg\:hover\:outline-cyan-50:hover { + outline-color: var(--cyan-50) + } + .lg\:active\:outline-cyan-50:active { + outline-color: var(--cyan-50) + } + .lg\:focus\:outline-cyan-50\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-50\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:outline-cyan-50\/10:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-50\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-50\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:outline-cyan-50\/20:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-50\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-50\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:outline-cyan-50\/30:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-50\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-50\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:outline-cyan-50\/40:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-50\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-50\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:outline-cyan-50\/50:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-50\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-50\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:outline-cyan-50\/60:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-50\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-50\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:outline-cyan-50\/70:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-50\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-50\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:outline-cyan-50\/80:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-50\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-50\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:outline-cyan-50\/90:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-100:focus { + outline-color: var(--cyan-100) + } + .lg\:hover\:outline-cyan-100:hover { + outline-color: var(--cyan-100) + } + .lg\:active\:outline-cyan-100:active { + outline-color: var(--cyan-100) + } + .lg\:focus\:outline-cyan-100\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-100\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:outline-cyan-100\/10:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-100\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-100\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:outline-cyan-100\/20:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-100\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-100\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:outline-cyan-100\/30:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-100\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-100\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:outline-cyan-100\/40:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-100\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-100\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:outline-cyan-100\/50:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-100\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-100\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:outline-cyan-100\/60:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-100\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-100\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:outline-cyan-100\/70:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-100\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-100\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:outline-cyan-100\/80:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-100\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-100\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:outline-cyan-100\/90:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-200:focus { + outline-color: var(--cyan-200) + } + .lg\:hover\:outline-cyan-200:hover { + outline-color: var(--cyan-200) + } + .lg\:active\:outline-cyan-200:active { + outline-color: var(--cyan-200) + } + .lg\:focus\:outline-cyan-200\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-200\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:outline-cyan-200\/10:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-200\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-200\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:outline-cyan-200\/20:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-200\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-200\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:outline-cyan-200\/30:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-200\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-200\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:outline-cyan-200\/40:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-200\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-200\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:outline-cyan-200\/50:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-200\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-200\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:outline-cyan-200\/60:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-200\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-200\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:outline-cyan-200\/70:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-200\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-200\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:outline-cyan-200\/80:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-200\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-200\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:outline-cyan-200\/90:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-300:focus { + outline-color: var(--cyan-300) + } + .lg\:hover\:outline-cyan-300:hover { + outline-color: var(--cyan-300) + } + .lg\:active\:outline-cyan-300:active { + outline-color: var(--cyan-300) + } + .lg\:focus\:outline-cyan-300\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-300\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:outline-cyan-300\/10:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-300\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-300\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:outline-cyan-300\/20:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-300\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-300\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:outline-cyan-300\/30:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-300\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-300\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:outline-cyan-300\/40:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-300\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-300\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:outline-cyan-300\/50:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-300\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-300\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:outline-cyan-300\/60:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-300\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-300\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:outline-cyan-300\/70:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-300\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-300\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:outline-cyan-300\/80:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-300\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-300\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:outline-cyan-300\/90:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-400:focus { + outline-color: var(--cyan-400) + } + .lg\:hover\:outline-cyan-400:hover { + outline-color: var(--cyan-400) + } + .lg\:active\:outline-cyan-400:active { + outline-color: var(--cyan-400) + } + .lg\:focus\:outline-cyan-400\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-400\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:outline-cyan-400\/10:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-400\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-400\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:outline-cyan-400\/20:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-400\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-400\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:outline-cyan-400\/30:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-400\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-400\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:outline-cyan-400\/40:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-400\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-400\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:outline-cyan-400\/50:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-400\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-400\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:outline-cyan-400\/60:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-400\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-400\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:outline-cyan-400\/70:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-400\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-400\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:outline-cyan-400\/80:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-400\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-400\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:outline-cyan-400\/90:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-500:focus { + outline-color: var(--cyan-500) + } + .lg\:hover\:outline-cyan-500:hover { + outline-color: var(--cyan-500) + } + .lg\:active\:outline-cyan-500:active { + outline-color: var(--cyan-500) + } + .lg\:focus\:outline-cyan-500\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-500\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:outline-cyan-500\/10:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-500\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-500\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:outline-cyan-500\/20:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-500\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-500\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:outline-cyan-500\/30:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-500\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-500\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:outline-cyan-500\/40:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-500\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-500\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:outline-cyan-500\/50:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-500\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-500\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:outline-cyan-500\/60:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-500\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-500\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:outline-cyan-500\/70:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-500\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-500\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:outline-cyan-500\/80:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-500\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-500\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:outline-cyan-500\/90:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-600:focus { + outline-color: var(--cyan-600) + } + .lg\:hover\:outline-cyan-600:hover { + outline-color: var(--cyan-600) + } + .lg\:active\:outline-cyan-600:active { + outline-color: var(--cyan-600) + } + .lg\:focus\:outline-cyan-600\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-600\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:outline-cyan-600\/10:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-600\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-600\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:outline-cyan-600\/20:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-600\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-600\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:outline-cyan-600\/30:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-600\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-600\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:outline-cyan-600\/40:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-600\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-600\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:outline-cyan-600\/50:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-600\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-600\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:outline-cyan-600\/60:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-600\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-600\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:outline-cyan-600\/70:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-600\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-600\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:outline-cyan-600\/80:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-600\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-600\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:outline-cyan-600\/90:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-700:focus { + outline-color: var(--cyan-700) + } + .lg\:hover\:outline-cyan-700:hover { + outline-color: var(--cyan-700) + } + .lg\:active\:outline-cyan-700:active { + outline-color: var(--cyan-700) + } + .lg\:focus\:outline-cyan-700\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-700\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:outline-cyan-700\/10:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-700\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-700\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:outline-cyan-700\/20:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-700\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-700\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:outline-cyan-700\/30:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-700\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-700\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:outline-cyan-700\/40:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-700\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-700\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:outline-cyan-700\/50:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-700\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-700\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:outline-cyan-700\/60:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-700\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-700\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:outline-cyan-700\/70:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-700\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-700\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:outline-cyan-700\/80:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-700\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-700\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:outline-cyan-700\/90:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-800:focus { + outline-color: var(--cyan-800) + } + .lg\:hover\:outline-cyan-800:hover { + outline-color: var(--cyan-800) + } + .lg\:active\:outline-cyan-800:active { + outline-color: var(--cyan-800) + } + .lg\:focus\:outline-cyan-800\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-800\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:outline-cyan-800\/10:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-800\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-800\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:outline-cyan-800\/20:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-800\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-800\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:outline-cyan-800\/30:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-800\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-800\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:outline-cyan-800\/40:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-800\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-800\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:outline-cyan-800\/50:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-800\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-800\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:outline-cyan-800\/60:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-800\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-800\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:outline-cyan-800\/70:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-800\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-800\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:outline-cyan-800\/80:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-800\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-800\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:outline-cyan-800\/90:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:outline-cyan-900:focus { + outline-color: var(--cyan-900) + } + .lg\:hover\:outline-cyan-900:hover { + outline-color: var(--cyan-900) + } + .lg\:active\:outline-cyan-900:active { + outline-color: var(--cyan-900) + } + .lg\:focus\:outline-cyan-900\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:outline-cyan-900\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:outline-cyan-900\/10:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:outline-cyan-900\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:outline-cyan-900\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:outline-cyan-900\/20:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:outline-cyan-900\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:outline-cyan-900\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:outline-cyan-900\/30:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:outline-cyan-900\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:outline-cyan-900\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:outline-cyan-900\/40:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:outline-cyan-900\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:outline-cyan-900\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:outline-cyan-900\/50:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:outline-cyan-900\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:outline-cyan-900\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:outline-cyan-900\/60:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:outline-cyan-900\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:outline-cyan-900\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:outline-cyan-900\/70:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:outline-cyan-900\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:outline-cyan-900\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:outline-cyan-900\/80:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:outline-cyan-900\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:outline-cyan-900\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:outline-cyan-900\/90:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:outline-pink-50:focus { + outline-color: var(--pink-50) + } + .lg\:hover\:outline-pink-50:hover { + outline-color: var(--pink-50) + } + .lg\:active\:outline-pink-50:active { + outline-color: var(--pink-50) + } + .lg\:focus\:outline-pink-50\/10:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:outline-pink-50\/10:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:outline-pink-50\/10:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:outline-pink-50\/20:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:outline-pink-50\/20:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:outline-pink-50\/20:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:outline-pink-50\/30:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:outline-pink-50\/30:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:outline-pink-50\/30:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:outline-pink-50\/40:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:outline-pink-50\/40:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:outline-pink-50\/40:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:outline-pink-50\/50:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:outline-pink-50\/50:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:outline-pink-50\/50:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:outline-pink-50\/60:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:outline-pink-50\/60:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:outline-pink-50\/60:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:outline-pink-50\/70:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:outline-pink-50\/70:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:outline-pink-50\/70:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:outline-pink-50\/80:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:outline-pink-50\/80:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:outline-pink-50\/80:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:outline-pink-50\/90:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:outline-pink-50\/90:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:outline-pink-50\/90:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:outline-pink-100:focus { + outline-color: var(--pink-100) + } + .lg\:hover\:outline-pink-100:hover { + outline-color: var(--pink-100) + } + .lg\:active\:outline-pink-100:active { + outline-color: var(--pink-100) + } + .lg\:focus\:outline-pink-100\/10:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:outline-pink-100\/10:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:outline-pink-100\/10:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:outline-pink-100\/20:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:outline-pink-100\/20:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:outline-pink-100\/20:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:outline-pink-100\/30:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:outline-pink-100\/30:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:outline-pink-100\/30:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:outline-pink-100\/40:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:outline-pink-100\/40:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:outline-pink-100\/40:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:outline-pink-100\/50:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:outline-pink-100\/50:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:outline-pink-100\/50:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:outline-pink-100\/60:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:outline-pink-100\/60:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:outline-pink-100\/60:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:outline-pink-100\/70:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:outline-pink-100\/70:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:outline-pink-100\/70:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:outline-pink-100\/80:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:outline-pink-100\/80:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:outline-pink-100\/80:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:outline-pink-100\/90:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:outline-pink-100\/90:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:outline-pink-100\/90:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:outline-pink-200:focus { + outline-color: var(--pink-200) + } + .lg\:hover\:outline-pink-200:hover { + outline-color: var(--pink-200) + } + .lg\:active\:outline-pink-200:active { + outline-color: var(--pink-200) + } + .lg\:focus\:outline-pink-200\/10:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:outline-pink-200\/10:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:outline-pink-200\/10:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:outline-pink-200\/20:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:outline-pink-200\/20:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:outline-pink-200\/20:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:outline-pink-200\/30:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:outline-pink-200\/30:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:outline-pink-200\/30:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:outline-pink-200\/40:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:outline-pink-200\/40:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:outline-pink-200\/40:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:outline-pink-200\/50:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:outline-pink-200\/50:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:outline-pink-200\/50:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:outline-pink-200\/60:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:outline-pink-200\/60:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:outline-pink-200\/60:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:outline-pink-200\/70:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:outline-pink-200\/70:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:outline-pink-200\/70:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:outline-pink-200\/80:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:outline-pink-200\/80:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:outline-pink-200\/80:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:outline-pink-200\/90:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:outline-pink-200\/90:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:outline-pink-200\/90:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:outline-pink-300:focus { + outline-color: var(--pink-300) + } + .lg\:hover\:outline-pink-300:hover { + outline-color: var(--pink-300) + } + .lg\:active\:outline-pink-300:active { + outline-color: var(--pink-300) + } + .lg\:focus\:outline-pink-300\/10:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:outline-pink-300\/10:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:outline-pink-300\/10:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:outline-pink-300\/20:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:outline-pink-300\/20:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:outline-pink-300\/20:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:outline-pink-300\/30:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:outline-pink-300\/30:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:outline-pink-300\/30:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:outline-pink-300\/40:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:outline-pink-300\/40:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:outline-pink-300\/40:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:outline-pink-300\/50:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:outline-pink-300\/50:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:outline-pink-300\/50:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:outline-pink-300\/60:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:outline-pink-300\/60:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:outline-pink-300\/60:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:outline-pink-300\/70:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:outline-pink-300\/70:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:outline-pink-300\/70:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:outline-pink-300\/80:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:outline-pink-300\/80:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:outline-pink-300\/80:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:outline-pink-300\/90:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:outline-pink-300\/90:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:outline-pink-300\/90:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:outline-pink-400:focus { + outline-color: var(--pink-400) + } + .lg\:hover\:outline-pink-400:hover { + outline-color: var(--pink-400) + } + .lg\:active\:outline-pink-400:active { + outline-color: var(--pink-400) + } + .lg\:focus\:outline-pink-400\/10:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:outline-pink-400\/10:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:outline-pink-400\/10:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:outline-pink-400\/20:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:outline-pink-400\/20:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:outline-pink-400\/20:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:outline-pink-400\/30:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:outline-pink-400\/30:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:outline-pink-400\/30:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:outline-pink-400\/40:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:outline-pink-400\/40:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:outline-pink-400\/40:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:outline-pink-400\/50:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:outline-pink-400\/50:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:outline-pink-400\/50:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:outline-pink-400\/60:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:outline-pink-400\/60:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:outline-pink-400\/60:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:outline-pink-400\/70:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:outline-pink-400\/70:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:outline-pink-400\/70:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:outline-pink-400\/80:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:outline-pink-400\/80:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:outline-pink-400\/80:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:outline-pink-400\/90:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:outline-pink-400\/90:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:outline-pink-400\/90:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:outline-pink-500:focus { + outline-color: var(--pink-500) + } + .lg\:hover\:outline-pink-500:hover { + outline-color: var(--pink-500) + } + .lg\:active\:outline-pink-500:active { + outline-color: var(--pink-500) + } + .lg\:focus\:outline-pink-500\/10:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:outline-pink-500\/10:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:outline-pink-500\/10:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:outline-pink-500\/20:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:outline-pink-500\/20:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:outline-pink-500\/20:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:outline-pink-500\/30:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:outline-pink-500\/30:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:outline-pink-500\/30:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:outline-pink-500\/40:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:outline-pink-500\/40:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:outline-pink-500\/40:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:outline-pink-500\/50:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:outline-pink-500\/50:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:outline-pink-500\/50:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:outline-pink-500\/60:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:outline-pink-500\/60:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:outline-pink-500\/60:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:outline-pink-500\/70:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:outline-pink-500\/70:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:outline-pink-500\/70:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:outline-pink-500\/80:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:outline-pink-500\/80:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:outline-pink-500\/80:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:outline-pink-500\/90:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:outline-pink-500\/90:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:outline-pink-500\/90:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:outline-pink-600:focus { + outline-color: var(--pink-600) + } + .lg\:hover\:outline-pink-600:hover { + outline-color: var(--pink-600) + } + .lg\:active\:outline-pink-600:active { + outline-color: var(--pink-600) + } + .lg\:focus\:outline-pink-600\/10:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:outline-pink-600\/10:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:outline-pink-600\/10:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:outline-pink-600\/20:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:outline-pink-600\/20:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:outline-pink-600\/20:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:outline-pink-600\/30:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:outline-pink-600\/30:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:outline-pink-600\/30:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:outline-pink-600\/40:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:outline-pink-600\/40:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:outline-pink-600\/40:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:outline-pink-600\/50:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:outline-pink-600\/50:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:outline-pink-600\/50:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:outline-pink-600\/60:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:outline-pink-600\/60:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:outline-pink-600\/60:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:outline-pink-600\/70:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:outline-pink-600\/70:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:outline-pink-600\/70:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:outline-pink-600\/80:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:outline-pink-600\/80:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:outline-pink-600\/80:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:outline-pink-600\/90:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:outline-pink-600\/90:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:outline-pink-600\/90:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:outline-pink-700:focus { + outline-color: var(--pink-700) + } + .lg\:hover\:outline-pink-700:hover { + outline-color: var(--pink-700) + } + .lg\:active\:outline-pink-700:active { + outline-color: var(--pink-700) + } + .lg\:focus\:outline-pink-700\/10:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:outline-pink-700\/10:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:outline-pink-700\/10:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:outline-pink-700\/20:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:outline-pink-700\/20:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:outline-pink-700\/20:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:outline-pink-700\/30:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:outline-pink-700\/30:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:outline-pink-700\/30:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:outline-pink-700\/40:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:outline-pink-700\/40:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:outline-pink-700\/40:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:outline-pink-700\/50:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:outline-pink-700\/50:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:outline-pink-700\/50:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:outline-pink-700\/60:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:outline-pink-700\/60:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:outline-pink-700\/60:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:outline-pink-700\/70:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:outline-pink-700\/70:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:outline-pink-700\/70:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:outline-pink-700\/80:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:outline-pink-700\/80:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:outline-pink-700\/80:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:outline-pink-700\/90:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:outline-pink-700\/90:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:outline-pink-700\/90:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:outline-pink-800:focus { + outline-color: var(--pink-800) + } + .lg\:hover\:outline-pink-800:hover { + outline-color: var(--pink-800) + } + .lg\:active\:outline-pink-800:active { + outline-color: var(--pink-800) + } + .lg\:focus\:outline-pink-800\/10:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:outline-pink-800\/10:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:outline-pink-800\/10:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:outline-pink-800\/20:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:outline-pink-800\/20:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:outline-pink-800\/20:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:outline-pink-800\/30:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:outline-pink-800\/30:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:outline-pink-800\/30:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:outline-pink-800\/40:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:outline-pink-800\/40:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:outline-pink-800\/40:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:outline-pink-800\/50:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:outline-pink-800\/50:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:outline-pink-800\/50:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:outline-pink-800\/60:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:outline-pink-800\/60:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:outline-pink-800\/60:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:outline-pink-800\/70:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:outline-pink-800\/70:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:outline-pink-800\/70:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:outline-pink-800\/80:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:outline-pink-800\/80:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:outline-pink-800\/80:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:outline-pink-800\/90:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:outline-pink-800\/90:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:outline-pink-800\/90:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:outline-pink-900:focus { + outline-color: var(--pink-900) + } + .lg\:hover\:outline-pink-900:hover { + outline-color: var(--pink-900) + } + .lg\:active\:outline-pink-900:active { + outline-color: var(--pink-900) + } + .lg\:focus\:outline-pink-900\/10:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:outline-pink-900\/10:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:outline-pink-900\/10:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:outline-pink-900\/20:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:outline-pink-900\/20:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:outline-pink-900\/20:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:outline-pink-900\/30:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:outline-pink-900\/30:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:outline-pink-900\/30:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:outline-pink-900\/40:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:outline-pink-900\/40:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:outline-pink-900\/40:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:outline-pink-900\/50:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:outline-pink-900\/50:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:outline-pink-900\/50:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:outline-pink-900\/60:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:outline-pink-900\/60:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:outline-pink-900\/60:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:outline-pink-900\/70:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:outline-pink-900\/70:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:outline-pink-900\/70:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:outline-pink-900\/80:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:outline-pink-900\/80:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:outline-pink-900\/80:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:outline-pink-900\/90:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:outline-pink-900\/90:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:outline-pink-900\/90:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-50:focus { + outline-color: var(--indigo-50) + } + .lg\:hover\:outline-indigo-50:hover { + outline-color: var(--indigo-50) + } + .lg\:active\:outline-indigo-50:active { + outline-color: var(--indigo-50) + } + .lg\:focus\:outline-indigo-50\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-50\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:outline-indigo-50\/10:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-50\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-50\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:outline-indigo-50\/20:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-50\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-50\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:outline-indigo-50\/30:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-50\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-50\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:outline-indigo-50\/40:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-50\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-50\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:outline-indigo-50\/50:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-50\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-50\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:outline-indigo-50\/60:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-50\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-50\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:outline-indigo-50\/70:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-50\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-50\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:outline-indigo-50\/80:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-50\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-50\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:outline-indigo-50\/90:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-100:focus { + outline-color: var(--indigo-100) + } + .lg\:hover\:outline-indigo-100:hover { + outline-color: var(--indigo-100) + } + .lg\:active\:outline-indigo-100:active { + outline-color: var(--indigo-100) + } + .lg\:focus\:outline-indigo-100\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-100\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:outline-indigo-100\/10:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-100\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-100\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:outline-indigo-100\/20:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-100\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-100\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:outline-indigo-100\/30:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-100\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-100\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:outline-indigo-100\/40:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-100\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-100\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:outline-indigo-100\/50:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-100\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-100\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:outline-indigo-100\/60:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-100\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-100\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:outline-indigo-100\/70:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-100\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-100\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:outline-indigo-100\/80:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-100\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-100\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:outline-indigo-100\/90:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-200:focus { + outline-color: var(--indigo-200) + } + .lg\:hover\:outline-indigo-200:hover { + outline-color: var(--indigo-200) + } + .lg\:active\:outline-indigo-200:active { + outline-color: var(--indigo-200) + } + .lg\:focus\:outline-indigo-200\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-200\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:outline-indigo-200\/10:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-200\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-200\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:outline-indigo-200\/20:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-200\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-200\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:outline-indigo-200\/30:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-200\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-200\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:outline-indigo-200\/40:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-200\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-200\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:outline-indigo-200\/50:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-200\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-200\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:outline-indigo-200\/60:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-200\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-200\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:outline-indigo-200\/70:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-200\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-200\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:outline-indigo-200\/80:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-200\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-200\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:outline-indigo-200\/90:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-300:focus { + outline-color: var(--indigo-300) + } + .lg\:hover\:outline-indigo-300:hover { + outline-color: var(--indigo-300) + } + .lg\:active\:outline-indigo-300:active { + outline-color: var(--indigo-300) + } + .lg\:focus\:outline-indigo-300\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-300\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:outline-indigo-300\/10:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-300\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-300\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:outline-indigo-300\/20:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-300\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-300\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:outline-indigo-300\/30:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-300\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-300\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:outline-indigo-300\/40:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-300\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-300\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:outline-indigo-300\/50:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-300\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-300\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:outline-indigo-300\/60:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-300\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-300\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:outline-indigo-300\/70:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-300\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-300\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:outline-indigo-300\/80:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-300\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-300\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:outline-indigo-300\/90:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-400:focus { + outline-color: var(--indigo-400) + } + .lg\:hover\:outline-indigo-400:hover { + outline-color: var(--indigo-400) + } + .lg\:active\:outline-indigo-400:active { + outline-color: var(--indigo-400) + } + .lg\:focus\:outline-indigo-400\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-400\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:outline-indigo-400\/10:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-400\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-400\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:outline-indigo-400\/20:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-400\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-400\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:outline-indigo-400\/30:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-400\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-400\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:outline-indigo-400\/40:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-400\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-400\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:outline-indigo-400\/50:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-400\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-400\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:outline-indigo-400\/60:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-400\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-400\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:outline-indigo-400\/70:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-400\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-400\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:outline-indigo-400\/80:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-400\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-400\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:outline-indigo-400\/90:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-500:focus { + outline-color: var(--indigo-500) + } + .lg\:hover\:outline-indigo-500:hover { + outline-color: var(--indigo-500) + } + .lg\:active\:outline-indigo-500:active { + outline-color: var(--indigo-500) + } + .lg\:focus\:outline-indigo-500\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-500\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:outline-indigo-500\/10:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-500\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-500\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:outline-indigo-500\/20:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-500\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-500\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:outline-indigo-500\/30:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-500\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-500\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:outline-indigo-500\/40:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-500\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-500\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:outline-indigo-500\/50:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-500\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-500\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:outline-indigo-500\/60:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-500\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-500\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:outline-indigo-500\/70:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-500\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-500\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:outline-indigo-500\/80:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-500\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-500\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:outline-indigo-500\/90:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-600:focus { + outline-color: var(--indigo-600) + } + .lg\:hover\:outline-indigo-600:hover { + outline-color: var(--indigo-600) + } + .lg\:active\:outline-indigo-600:active { + outline-color: var(--indigo-600) + } + .lg\:focus\:outline-indigo-600\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-600\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:outline-indigo-600\/10:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-600\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-600\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:outline-indigo-600\/20:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-600\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-600\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:outline-indigo-600\/30:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-600\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-600\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:outline-indigo-600\/40:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-600\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-600\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:outline-indigo-600\/50:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-600\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-600\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:outline-indigo-600\/60:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-600\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-600\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:outline-indigo-600\/70:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-600\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-600\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:outline-indigo-600\/80:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-600\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-600\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:outline-indigo-600\/90:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-700:focus { + outline-color: var(--indigo-700) + } + .lg\:hover\:outline-indigo-700:hover { + outline-color: var(--indigo-700) + } + .lg\:active\:outline-indigo-700:active { + outline-color: var(--indigo-700) + } + .lg\:focus\:outline-indigo-700\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-700\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:outline-indigo-700\/10:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-700\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-700\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:outline-indigo-700\/20:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-700\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-700\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:outline-indigo-700\/30:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-700\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-700\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:outline-indigo-700\/40:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-700\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-700\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:outline-indigo-700\/50:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-700\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-700\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:outline-indigo-700\/60:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-700\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-700\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:outline-indigo-700\/70:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-700\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-700\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:outline-indigo-700\/80:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-700\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-700\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:outline-indigo-700\/90:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-800:focus { + outline-color: var(--indigo-800) + } + .lg\:hover\:outline-indigo-800:hover { + outline-color: var(--indigo-800) + } + .lg\:active\:outline-indigo-800:active { + outline-color: var(--indigo-800) + } + .lg\:focus\:outline-indigo-800\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-800\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:outline-indigo-800\/10:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-800\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-800\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:outline-indigo-800\/20:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-800\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-800\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:outline-indigo-800\/30:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-800\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-800\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:outline-indigo-800\/40:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-800\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-800\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:outline-indigo-800\/50:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-800\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-800\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:outline-indigo-800\/60:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-800\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-800\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:outline-indigo-800\/70:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-800\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-800\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:outline-indigo-800\/80:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-800\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-800\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:outline-indigo-800\/90:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:outline-indigo-900:focus { + outline-color: var(--indigo-900) + } + .lg\:hover\:outline-indigo-900:hover { + outline-color: var(--indigo-900) + } + .lg\:active\:outline-indigo-900:active { + outline-color: var(--indigo-900) + } + .lg\:focus\:outline-indigo-900\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:outline-indigo-900\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:outline-indigo-900\/10:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:outline-indigo-900\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:outline-indigo-900\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:outline-indigo-900\/20:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:outline-indigo-900\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:outline-indigo-900\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:outline-indigo-900\/30:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:outline-indigo-900\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:outline-indigo-900\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:outline-indigo-900\/40:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:outline-indigo-900\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:outline-indigo-900\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:outline-indigo-900\/50:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:outline-indigo-900\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:outline-indigo-900\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:outline-indigo-900\/60:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:outline-indigo-900\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:outline-indigo-900\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:outline-indigo-900\/70:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:outline-indigo-900\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:outline-indigo-900\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:outline-indigo-900\/80:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:outline-indigo-900\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:outline-indigo-900\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:outline-indigo-900\/90:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:outline-teal-50:focus { + outline-color: var(--teal-50) + } + .lg\:hover\:outline-teal-50:hover { + outline-color: var(--teal-50) + } + .lg\:active\:outline-teal-50:active { + outline-color: var(--teal-50) + } + .lg\:focus\:outline-teal-50\/10:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:outline-teal-50\/10:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:outline-teal-50\/10:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:outline-teal-50\/20:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:outline-teal-50\/20:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:outline-teal-50\/20:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:outline-teal-50\/30:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:outline-teal-50\/30:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:outline-teal-50\/30:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:outline-teal-50\/40:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:outline-teal-50\/40:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:outline-teal-50\/40:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:outline-teal-50\/50:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:outline-teal-50\/50:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:outline-teal-50\/50:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:outline-teal-50\/60:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:outline-teal-50\/60:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:outline-teal-50\/60:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:outline-teal-50\/70:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:outline-teal-50\/70:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:outline-teal-50\/70:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:outline-teal-50\/80:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:outline-teal-50\/80:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:outline-teal-50\/80:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:outline-teal-50\/90:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:outline-teal-50\/90:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:outline-teal-50\/90:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:outline-teal-100:focus { + outline-color: var(--teal-100) + } + .lg\:hover\:outline-teal-100:hover { + outline-color: var(--teal-100) + } + .lg\:active\:outline-teal-100:active { + outline-color: var(--teal-100) + } + .lg\:focus\:outline-teal-100\/10:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:outline-teal-100\/10:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:outline-teal-100\/10:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:outline-teal-100\/20:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:outline-teal-100\/20:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:outline-teal-100\/20:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:outline-teal-100\/30:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:outline-teal-100\/30:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:outline-teal-100\/30:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:outline-teal-100\/40:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:outline-teal-100\/40:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:outline-teal-100\/40:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:outline-teal-100\/50:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:outline-teal-100\/50:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:outline-teal-100\/50:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:outline-teal-100\/60:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:outline-teal-100\/60:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:outline-teal-100\/60:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:outline-teal-100\/70:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:outline-teal-100\/70:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:outline-teal-100\/70:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:outline-teal-100\/80:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:outline-teal-100\/80:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:outline-teal-100\/80:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:outline-teal-100\/90:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:outline-teal-100\/90:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:outline-teal-100\/90:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:outline-teal-200:focus { + outline-color: var(--teal-200) + } + .lg\:hover\:outline-teal-200:hover { + outline-color: var(--teal-200) + } + .lg\:active\:outline-teal-200:active { + outline-color: var(--teal-200) + } + .lg\:focus\:outline-teal-200\/10:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:outline-teal-200\/10:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:outline-teal-200\/10:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:outline-teal-200\/20:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:outline-teal-200\/20:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:outline-teal-200\/20:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:outline-teal-200\/30:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:outline-teal-200\/30:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:outline-teal-200\/30:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:outline-teal-200\/40:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:outline-teal-200\/40:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:outline-teal-200\/40:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:outline-teal-200\/50:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:outline-teal-200\/50:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:outline-teal-200\/50:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:outline-teal-200\/60:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:outline-teal-200\/60:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:outline-teal-200\/60:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:outline-teal-200\/70:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:outline-teal-200\/70:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:outline-teal-200\/70:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:outline-teal-200\/80:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:outline-teal-200\/80:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:outline-teal-200\/80:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:outline-teal-200\/90:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:outline-teal-200\/90:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:outline-teal-200\/90:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:outline-teal-300:focus { + outline-color: var(--teal-300) + } + .lg\:hover\:outline-teal-300:hover { + outline-color: var(--teal-300) + } + .lg\:active\:outline-teal-300:active { + outline-color: var(--teal-300) + } + .lg\:focus\:outline-teal-300\/10:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:outline-teal-300\/10:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:outline-teal-300\/10:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:outline-teal-300\/20:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:outline-teal-300\/20:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:outline-teal-300\/20:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:outline-teal-300\/30:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:outline-teal-300\/30:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:outline-teal-300\/30:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:outline-teal-300\/40:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:outline-teal-300\/40:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:outline-teal-300\/40:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:outline-teal-300\/50:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:outline-teal-300\/50:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:outline-teal-300\/50:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:outline-teal-300\/60:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:outline-teal-300\/60:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:outline-teal-300\/60:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:outline-teal-300\/70:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:outline-teal-300\/70:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:outline-teal-300\/70:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:outline-teal-300\/80:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:outline-teal-300\/80:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:outline-teal-300\/80:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:outline-teal-300\/90:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:outline-teal-300\/90:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:outline-teal-300\/90:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:outline-teal-400:focus { + outline-color: var(--teal-400) + } + .lg\:hover\:outline-teal-400:hover { + outline-color: var(--teal-400) + } + .lg\:active\:outline-teal-400:active { + outline-color: var(--teal-400) + } + .lg\:focus\:outline-teal-400\/10:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:outline-teal-400\/10:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:outline-teal-400\/10:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:outline-teal-400\/20:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:outline-teal-400\/20:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:outline-teal-400\/20:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:outline-teal-400\/30:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:outline-teal-400\/30:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:outline-teal-400\/30:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:outline-teal-400\/40:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:outline-teal-400\/40:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:outline-teal-400\/40:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:outline-teal-400\/50:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:outline-teal-400\/50:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:outline-teal-400\/50:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:outline-teal-400\/60:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:outline-teal-400\/60:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:outline-teal-400\/60:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:outline-teal-400\/70:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:outline-teal-400\/70:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:outline-teal-400\/70:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:outline-teal-400\/80:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:outline-teal-400\/80:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:outline-teal-400\/80:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:outline-teal-400\/90:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:outline-teal-400\/90:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:outline-teal-400\/90:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:outline-teal-500:focus { + outline-color: var(--teal-500) + } + .lg\:hover\:outline-teal-500:hover { + outline-color: var(--teal-500) + } + .lg\:active\:outline-teal-500:active { + outline-color: var(--teal-500) + } + .lg\:focus\:outline-teal-500\/10:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:outline-teal-500\/10:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:outline-teal-500\/10:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:outline-teal-500\/20:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:outline-teal-500\/20:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:outline-teal-500\/20:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:outline-teal-500\/30:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:outline-teal-500\/30:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:outline-teal-500\/30:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:outline-teal-500\/40:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:outline-teal-500\/40:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:outline-teal-500\/40:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:outline-teal-500\/50:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:outline-teal-500\/50:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:outline-teal-500\/50:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:outline-teal-500\/60:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:outline-teal-500\/60:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:outline-teal-500\/60:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:outline-teal-500\/70:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:outline-teal-500\/70:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:outline-teal-500\/70:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:outline-teal-500\/80:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:outline-teal-500\/80:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:outline-teal-500\/80:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:outline-teal-500\/90:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:outline-teal-500\/90:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:outline-teal-500\/90:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:outline-teal-600:focus { + outline-color: var(--teal-600) + } + .lg\:hover\:outline-teal-600:hover { + outline-color: var(--teal-600) + } + .lg\:active\:outline-teal-600:active { + outline-color: var(--teal-600) + } + .lg\:focus\:outline-teal-600\/10:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:outline-teal-600\/10:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:outline-teal-600\/10:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:outline-teal-600\/20:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:outline-teal-600\/20:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:outline-teal-600\/20:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:outline-teal-600\/30:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:outline-teal-600\/30:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:outline-teal-600\/30:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:outline-teal-600\/40:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:outline-teal-600\/40:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:outline-teal-600\/40:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:outline-teal-600\/50:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:outline-teal-600\/50:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:outline-teal-600\/50:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:outline-teal-600\/60:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:outline-teal-600\/60:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:outline-teal-600\/60:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:outline-teal-600\/70:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:outline-teal-600\/70:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:outline-teal-600\/70:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:outline-teal-600\/80:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:outline-teal-600\/80:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:outline-teal-600\/80:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:outline-teal-600\/90:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:outline-teal-600\/90:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:outline-teal-600\/90:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:outline-teal-700:focus { + outline-color: var(--teal-700) + } + .lg\:hover\:outline-teal-700:hover { + outline-color: var(--teal-700) + } + .lg\:active\:outline-teal-700:active { + outline-color: var(--teal-700) + } + .lg\:focus\:outline-teal-700\/10:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:outline-teal-700\/10:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:outline-teal-700\/10:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:outline-teal-700\/20:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:outline-teal-700\/20:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:outline-teal-700\/20:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:outline-teal-700\/30:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:outline-teal-700\/30:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:outline-teal-700\/30:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:outline-teal-700\/40:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:outline-teal-700\/40:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:outline-teal-700\/40:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:outline-teal-700\/50:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:outline-teal-700\/50:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:outline-teal-700\/50:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:outline-teal-700\/60:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:outline-teal-700\/60:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:outline-teal-700\/60:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:outline-teal-700\/70:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:outline-teal-700\/70:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:outline-teal-700\/70:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:outline-teal-700\/80:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:outline-teal-700\/80:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:outline-teal-700\/80:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:outline-teal-700\/90:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:outline-teal-700\/90:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:outline-teal-700\/90:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:outline-teal-800:focus { + outline-color: var(--teal-800) + } + .lg\:hover\:outline-teal-800:hover { + outline-color: var(--teal-800) + } + .lg\:active\:outline-teal-800:active { + outline-color: var(--teal-800) + } + .lg\:focus\:outline-teal-800\/10:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:outline-teal-800\/10:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:outline-teal-800\/10:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:outline-teal-800\/20:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:outline-teal-800\/20:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:outline-teal-800\/20:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:outline-teal-800\/30:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:outline-teal-800\/30:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:outline-teal-800\/30:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:outline-teal-800\/40:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:outline-teal-800\/40:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:outline-teal-800\/40:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:outline-teal-800\/50:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:outline-teal-800\/50:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:outline-teal-800\/50:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:outline-teal-800\/60:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:outline-teal-800\/60:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:outline-teal-800\/60:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:outline-teal-800\/70:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:outline-teal-800\/70:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:outline-teal-800\/70:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:outline-teal-800\/80:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:outline-teal-800\/80:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:outline-teal-800\/80:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:outline-teal-800\/90:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:outline-teal-800\/90:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:outline-teal-800\/90:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:outline-teal-900:focus { + outline-color: var(--teal-900) + } + .lg\:hover\:outline-teal-900:hover { + outline-color: var(--teal-900) + } + .lg\:active\:outline-teal-900:active { + outline-color: var(--teal-900) + } + .lg\:focus\:outline-teal-900\/10:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:outline-teal-900\/10:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:outline-teal-900\/10:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:outline-teal-900\/20:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:outline-teal-900\/20:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:outline-teal-900\/20:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:outline-teal-900\/30:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:outline-teal-900\/30:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:outline-teal-900\/30:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:outline-teal-900\/40:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:outline-teal-900\/40:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:outline-teal-900\/40:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:outline-teal-900\/50:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:outline-teal-900\/50:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:outline-teal-900\/50:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:outline-teal-900\/60:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:outline-teal-900\/60:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:outline-teal-900\/60:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:outline-teal-900\/70:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:outline-teal-900\/70:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:outline-teal-900\/70:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:outline-teal-900\/80:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:outline-teal-900\/80:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:outline-teal-900\/80:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:outline-teal-900\/90:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:outline-teal-900\/90:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:outline-teal-900\/90:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:outline-orange-50:focus { + outline-color: var(--orange-50) + } + .lg\:hover\:outline-orange-50:hover { + outline-color: var(--orange-50) + } + .lg\:active\:outline-orange-50:active { + outline-color: var(--orange-50) + } + .lg\:focus\:outline-orange-50\/10:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:outline-orange-50\/10:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:outline-orange-50\/10:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:outline-orange-50\/20:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:outline-orange-50\/20:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:outline-orange-50\/20:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:outline-orange-50\/30:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:outline-orange-50\/30:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:outline-orange-50\/30:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:outline-orange-50\/40:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:outline-orange-50\/40:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:outline-orange-50\/40:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:outline-orange-50\/50:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:outline-orange-50\/50:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:outline-orange-50\/50:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:outline-orange-50\/60:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:outline-orange-50\/60:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:outline-orange-50\/60:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:outline-orange-50\/70:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:outline-orange-50\/70:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:outline-orange-50\/70:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:outline-orange-50\/80:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:outline-orange-50\/80:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:outline-orange-50\/80:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:outline-orange-50\/90:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:outline-orange-50\/90:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:outline-orange-50\/90:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:outline-orange-100:focus { + outline-color: var(--orange-100) + } + .lg\:hover\:outline-orange-100:hover { + outline-color: var(--orange-100) + } + .lg\:active\:outline-orange-100:active { + outline-color: var(--orange-100) + } + .lg\:focus\:outline-orange-100\/10:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:outline-orange-100\/10:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:outline-orange-100\/10:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:outline-orange-100\/20:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:outline-orange-100\/20:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:outline-orange-100\/20:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:outline-orange-100\/30:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:outline-orange-100\/30:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:outline-orange-100\/30:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:outline-orange-100\/40:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:outline-orange-100\/40:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:outline-orange-100\/40:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:outline-orange-100\/50:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:outline-orange-100\/50:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:outline-orange-100\/50:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:outline-orange-100\/60:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:outline-orange-100\/60:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:outline-orange-100\/60:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:outline-orange-100\/70:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:outline-orange-100\/70:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:outline-orange-100\/70:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:outline-orange-100\/80:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:outline-orange-100\/80:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:outline-orange-100\/80:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:outline-orange-100\/90:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:outline-orange-100\/90:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:outline-orange-100\/90:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:outline-orange-200:focus { + outline-color: var(--orange-200) + } + .lg\:hover\:outline-orange-200:hover { + outline-color: var(--orange-200) + } + .lg\:active\:outline-orange-200:active { + outline-color: var(--orange-200) + } + .lg\:focus\:outline-orange-200\/10:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:outline-orange-200\/10:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:outline-orange-200\/10:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:outline-orange-200\/20:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:outline-orange-200\/20:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:outline-orange-200\/20:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:outline-orange-200\/30:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:outline-orange-200\/30:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:outline-orange-200\/30:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:outline-orange-200\/40:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:outline-orange-200\/40:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:outline-orange-200\/40:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:outline-orange-200\/50:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:outline-orange-200\/50:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:outline-orange-200\/50:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:outline-orange-200\/60:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:outline-orange-200\/60:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:outline-orange-200\/60:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:outline-orange-200\/70:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:outline-orange-200\/70:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:outline-orange-200\/70:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:outline-orange-200\/80:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:outline-orange-200\/80:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:outline-orange-200\/80:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:outline-orange-200\/90:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:outline-orange-200\/90:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:outline-orange-200\/90:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:outline-orange-300:focus { + outline-color: var(--orange-300) + } + .lg\:hover\:outline-orange-300:hover { + outline-color: var(--orange-300) + } + .lg\:active\:outline-orange-300:active { + outline-color: var(--orange-300) + } + .lg\:focus\:outline-orange-300\/10:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:outline-orange-300\/10:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:outline-orange-300\/10:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:outline-orange-300\/20:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:outline-orange-300\/20:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:outline-orange-300\/20:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:outline-orange-300\/30:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:outline-orange-300\/30:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:outline-orange-300\/30:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:outline-orange-300\/40:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:outline-orange-300\/40:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:outline-orange-300\/40:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:outline-orange-300\/50:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:outline-orange-300\/50:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:outline-orange-300\/50:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:outline-orange-300\/60:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:outline-orange-300\/60:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:outline-orange-300\/60:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:outline-orange-300\/70:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:outline-orange-300\/70:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:outline-orange-300\/70:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:outline-orange-300\/80:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:outline-orange-300\/80:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:outline-orange-300\/80:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:outline-orange-300\/90:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:outline-orange-300\/90:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:outline-orange-300\/90:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:outline-orange-400:focus { + outline-color: var(--orange-400) + } + .lg\:hover\:outline-orange-400:hover { + outline-color: var(--orange-400) + } + .lg\:active\:outline-orange-400:active { + outline-color: var(--orange-400) + } + .lg\:focus\:outline-orange-400\/10:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:outline-orange-400\/10:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:outline-orange-400\/10:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:outline-orange-400\/20:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:outline-orange-400\/20:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:outline-orange-400\/20:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:outline-orange-400\/30:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:outline-orange-400\/30:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:outline-orange-400\/30:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:outline-orange-400\/40:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:outline-orange-400\/40:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:outline-orange-400\/40:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:outline-orange-400\/50:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:outline-orange-400\/50:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:outline-orange-400\/50:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:outline-orange-400\/60:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:outline-orange-400\/60:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:outline-orange-400\/60:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:outline-orange-400\/70:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:outline-orange-400\/70:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:outline-orange-400\/70:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:outline-orange-400\/80:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:outline-orange-400\/80:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:outline-orange-400\/80:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:outline-orange-400\/90:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:outline-orange-400\/90:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:outline-orange-400\/90:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:outline-orange-500:focus { + outline-color: var(--orange-500) + } + .lg\:hover\:outline-orange-500:hover { + outline-color: var(--orange-500) + } + .lg\:active\:outline-orange-500:active { + outline-color: var(--orange-500) + } + .lg\:focus\:outline-orange-500\/10:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:outline-orange-500\/10:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:outline-orange-500\/10:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:outline-orange-500\/20:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:outline-orange-500\/20:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:outline-orange-500\/20:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:outline-orange-500\/30:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:outline-orange-500\/30:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:outline-orange-500\/30:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:outline-orange-500\/40:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:outline-orange-500\/40:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:outline-orange-500\/40:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:outline-orange-500\/50:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:outline-orange-500\/50:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:outline-orange-500\/50:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:outline-orange-500\/60:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:outline-orange-500\/60:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:outline-orange-500\/60:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:outline-orange-500\/70:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:outline-orange-500\/70:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:outline-orange-500\/70:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:outline-orange-500\/80:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:outline-orange-500\/80:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:outline-orange-500\/80:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:outline-orange-500\/90:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:outline-orange-500\/90:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:outline-orange-500\/90:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:outline-orange-600:focus { + outline-color: var(--orange-600) + } + .lg\:hover\:outline-orange-600:hover { + outline-color: var(--orange-600) + } + .lg\:active\:outline-orange-600:active { + outline-color: var(--orange-600) + } + .lg\:focus\:outline-orange-600\/10:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:outline-orange-600\/10:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:outline-orange-600\/10:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:outline-orange-600\/20:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:outline-orange-600\/20:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:outline-orange-600\/20:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:outline-orange-600\/30:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:outline-orange-600\/30:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:outline-orange-600\/30:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:outline-orange-600\/40:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:outline-orange-600\/40:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:outline-orange-600\/40:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:outline-orange-600\/50:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:outline-orange-600\/50:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:outline-orange-600\/50:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:outline-orange-600\/60:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:outline-orange-600\/60:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:outline-orange-600\/60:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:outline-orange-600\/70:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:outline-orange-600\/70:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:outline-orange-600\/70:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:outline-orange-600\/80:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:outline-orange-600\/80:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:outline-orange-600\/80:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:outline-orange-600\/90:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:outline-orange-600\/90:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:outline-orange-600\/90:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:outline-orange-700:focus { + outline-color: var(--orange-700) + } + .lg\:hover\:outline-orange-700:hover { + outline-color: var(--orange-700) + } + .lg\:active\:outline-orange-700:active { + outline-color: var(--orange-700) + } + .lg\:focus\:outline-orange-700\/10:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:outline-orange-700\/10:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:outline-orange-700\/10:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:outline-orange-700\/20:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:outline-orange-700\/20:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:outline-orange-700\/20:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:outline-orange-700\/30:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:outline-orange-700\/30:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:outline-orange-700\/30:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:outline-orange-700\/40:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:outline-orange-700\/40:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:outline-orange-700\/40:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:outline-orange-700\/50:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:outline-orange-700\/50:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:outline-orange-700\/50:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:outline-orange-700\/60:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:outline-orange-700\/60:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:outline-orange-700\/60:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:outline-orange-700\/70:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:outline-orange-700\/70:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:outline-orange-700\/70:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:outline-orange-700\/80:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:outline-orange-700\/80:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:outline-orange-700\/80:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:outline-orange-700\/90:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:outline-orange-700\/90:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:outline-orange-700\/90:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:outline-orange-800:focus { + outline-color: var(--orange-800) + } + .lg\:hover\:outline-orange-800:hover { + outline-color: var(--orange-800) + } + .lg\:active\:outline-orange-800:active { + outline-color: var(--orange-800) + } + .lg\:focus\:outline-orange-800\/10:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:outline-orange-800\/10:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:outline-orange-800\/10:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:outline-orange-800\/20:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:outline-orange-800\/20:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:outline-orange-800\/20:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:outline-orange-800\/30:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:outline-orange-800\/30:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:outline-orange-800\/30:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:outline-orange-800\/40:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:outline-orange-800\/40:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:outline-orange-800\/40:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:outline-orange-800\/50:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:outline-orange-800\/50:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:outline-orange-800\/50:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:outline-orange-800\/60:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:outline-orange-800\/60:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:outline-orange-800\/60:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:outline-orange-800\/70:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:outline-orange-800\/70:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:outline-orange-800\/70:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:outline-orange-800\/80:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:outline-orange-800\/80:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:outline-orange-800\/80:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:outline-orange-800\/90:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:outline-orange-800\/90:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:outline-orange-800\/90:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:outline-orange-900:focus { + outline-color: var(--orange-900) + } + .lg\:hover\:outline-orange-900:hover { + outline-color: var(--orange-900) + } + .lg\:active\:outline-orange-900:active { + outline-color: var(--orange-900) + } + .lg\:focus\:outline-orange-900\/10:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:outline-orange-900\/10:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:outline-orange-900\/10:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:outline-orange-900\/20:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:outline-orange-900\/20:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:outline-orange-900\/20:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:outline-orange-900\/30:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:outline-orange-900\/30:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:outline-orange-900\/30:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:outline-orange-900\/40:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:outline-orange-900\/40:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:outline-orange-900\/40:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:outline-orange-900\/50:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:outline-orange-900\/50:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:outline-orange-900\/50:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:outline-orange-900\/60:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:outline-orange-900\/60:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:outline-orange-900\/60:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:outline-orange-900\/70:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:outline-orange-900\/70:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:outline-orange-900\/70:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:outline-orange-900\/80:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:outline-orange-900\/80:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:outline-orange-900\/80:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:outline-orange-900\/90:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:outline-orange-900\/90:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:outline-orange-900\/90:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-50:focus { + outline-color: var(--bluegray-50) + } + .lg\:hover\:outline-bluegray-50:hover { + outline-color: var(--bluegray-50) + } + .lg\:active\:outline-bluegray-50:active { + outline-color: var(--bluegray-50) + } + .lg\:focus\:outline-bluegray-50\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-50\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-50\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-50\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-50\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-50\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-50\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-50\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-50\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-50\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-50\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-50\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-50\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-50\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-50\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-50\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-50\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-50\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-50\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-50\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-50\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-50\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-50\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-50\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-50\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-50\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-50\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-100:focus { + outline-color: var(--bluegray-100) + } + .lg\:hover\:outline-bluegray-100:hover { + outline-color: var(--bluegray-100) + } + .lg\:active\:outline-bluegray-100:active { + outline-color: var(--bluegray-100) + } + .lg\:focus\:outline-bluegray-100\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-100\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-100\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-100\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-100\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-100\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-100\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-100\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-100\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-100\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-100\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-100\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-100\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-100\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-100\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-100\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-100\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-100\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-100\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-100\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-100\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-100\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-100\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-100\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-100\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-100\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-100\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-200:focus { + outline-color: var(--bluegray-200) + } + .lg\:hover\:outline-bluegray-200:hover { + outline-color: var(--bluegray-200) + } + .lg\:active\:outline-bluegray-200:active { + outline-color: var(--bluegray-200) + } + .lg\:focus\:outline-bluegray-200\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-200\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-200\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-200\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-200\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-200\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-200\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-200\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-200\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-200\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-200\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-200\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-200\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-200\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-200\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-200\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-200\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-200\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-200\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-200\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-200\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-200\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-200\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-200\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-200\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-200\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-200\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-300:focus { + outline-color: var(--bluegray-300) + } + .lg\:hover\:outline-bluegray-300:hover { + outline-color: var(--bluegray-300) + } + .lg\:active\:outline-bluegray-300:active { + outline-color: var(--bluegray-300) + } + .lg\:focus\:outline-bluegray-300\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-300\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-300\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-300\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-300\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-300\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-300\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-300\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-300\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-300\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-300\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-300\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-300\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-300\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-300\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-300\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-300\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-300\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-300\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-300\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-300\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-300\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-300\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-300\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-300\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-300\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-300\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-400:focus { + outline-color: var(--bluegray-400) + } + .lg\:hover\:outline-bluegray-400:hover { + outline-color: var(--bluegray-400) + } + .lg\:active\:outline-bluegray-400:active { + outline-color: var(--bluegray-400) + } + .lg\:focus\:outline-bluegray-400\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-400\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-400\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-400\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-400\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-400\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-400\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-400\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-400\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-400\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-400\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-400\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-400\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-400\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-400\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-400\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-400\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-400\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-400\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-400\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-400\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-400\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-400\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-400\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-400\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-400\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-400\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-500:focus { + outline-color: var(--bluegray-500) + } + .lg\:hover\:outline-bluegray-500:hover { + outline-color: var(--bluegray-500) + } + .lg\:active\:outline-bluegray-500:active { + outline-color: var(--bluegray-500) + } + .lg\:focus\:outline-bluegray-500\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-500\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-500\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-500\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-500\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-500\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-500\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-500\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-500\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-500\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-500\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-500\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-500\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-500\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-500\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-500\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-500\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-500\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-500\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-500\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-500\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-500\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-500\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-500\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-500\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-500\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-500\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-600:focus { + outline-color: var(--bluegray-600) + } + .lg\:hover\:outline-bluegray-600:hover { + outline-color: var(--bluegray-600) + } + .lg\:active\:outline-bluegray-600:active { + outline-color: var(--bluegray-600) + } + .lg\:focus\:outline-bluegray-600\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-600\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-600\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-600\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-600\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-600\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-600\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-600\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-600\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-600\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-600\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-600\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-600\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-600\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-600\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-600\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-600\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-600\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-600\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-600\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-600\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-600\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-600\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-600\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-600\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-600\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-600\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-700:focus { + outline-color: var(--bluegray-700) + } + .lg\:hover\:outline-bluegray-700:hover { + outline-color: var(--bluegray-700) + } + .lg\:active\:outline-bluegray-700:active { + outline-color: var(--bluegray-700) + } + .lg\:focus\:outline-bluegray-700\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-700\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-700\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-700\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-700\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-700\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-700\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-700\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-700\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-700\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-700\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-700\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-700\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-700\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-700\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-700\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-700\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-700\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-700\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-700\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-700\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-700\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-700\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-700\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-700\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-700\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-700\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-800:focus { + outline-color: var(--bluegray-800) + } + .lg\:hover\:outline-bluegray-800:hover { + outline-color: var(--bluegray-800) + } + .lg\:active\:outline-bluegray-800:active { + outline-color: var(--bluegray-800) + } + .lg\:focus\:outline-bluegray-800\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-800\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-800\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-800\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-800\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-800\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-800\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-800\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-800\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-800\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-800\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-800\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-800\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-800\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-800\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-800\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-800\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-800\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-800\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-800\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-800\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-800\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-800\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-800\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-800\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-800\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-800\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:outline-bluegray-900:focus { + outline-color: var(--bluegray-900) + } + .lg\:hover\:outline-bluegray-900:hover { + outline-color: var(--bluegray-900) + } + .lg\:active\:outline-bluegray-900:active { + outline-color: var(--bluegray-900) + } + .lg\:focus\:outline-bluegray-900\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:outline-bluegray-900\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:outline-bluegray-900\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:outline-bluegray-900\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:outline-bluegray-900\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:outline-bluegray-900\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:outline-bluegray-900\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:outline-bluegray-900\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:outline-bluegray-900\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:outline-bluegray-900\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:outline-bluegray-900\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:outline-bluegray-900\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:outline-bluegray-900\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:outline-bluegray-900\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:outline-bluegray-900\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:outline-bluegray-900\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:outline-bluegray-900\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:outline-bluegray-900\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:outline-bluegray-900\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:outline-bluegray-900\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:outline-bluegray-900\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:outline-bluegray-900\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:outline-bluegray-900\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:outline-bluegray-900\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:outline-bluegray-900\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:outline-bluegray-900\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:outline-bluegray-900\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:outline-purple-50:focus { + outline-color: var(--purple-50) + } + .lg\:hover\:outline-purple-50:hover { + outline-color: var(--purple-50) + } + .lg\:active\:outline-purple-50:active { + outline-color: var(--purple-50) + } + .lg\:focus\:outline-purple-50\/10:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:outline-purple-50\/10:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:outline-purple-50\/10:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:outline-purple-50\/20:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:outline-purple-50\/20:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:outline-purple-50\/20:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:outline-purple-50\/30:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:outline-purple-50\/30:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:outline-purple-50\/30:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:outline-purple-50\/40:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:outline-purple-50\/40:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:outline-purple-50\/40:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:outline-purple-50\/50:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:outline-purple-50\/50:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:outline-purple-50\/50:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:outline-purple-50\/60:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:outline-purple-50\/60:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:outline-purple-50\/60:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:outline-purple-50\/70:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:outline-purple-50\/70:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:outline-purple-50\/70:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:outline-purple-50\/80:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:outline-purple-50\/80:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:outline-purple-50\/80:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:outline-purple-50\/90:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:outline-purple-50\/90:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:outline-purple-50\/90:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:outline-purple-100:focus { + outline-color: var(--purple-100) + } + .lg\:hover\:outline-purple-100:hover { + outline-color: var(--purple-100) + } + .lg\:active\:outline-purple-100:active { + outline-color: var(--purple-100) + } + .lg\:focus\:outline-purple-100\/10:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:outline-purple-100\/10:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:outline-purple-100\/10:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:outline-purple-100\/20:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:outline-purple-100\/20:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:outline-purple-100\/20:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:outline-purple-100\/30:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:outline-purple-100\/30:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:outline-purple-100\/30:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:outline-purple-100\/40:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:outline-purple-100\/40:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:outline-purple-100\/40:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:outline-purple-100\/50:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:outline-purple-100\/50:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:outline-purple-100\/50:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:outline-purple-100\/60:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:outline-purple-100\/60:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:outline-purple-100\/60:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:outline-purple-100\/70:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:outline-purple-100\/70:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:outline-purple-100\/70:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:outline-purple-100\/80:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:outline-purple-100\/80:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:outline-purple-100\/80:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:outline-purple-100\/90:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:outline-purple-100\/90:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:outline-purple-100\/90:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:outline-purple-200:focus { + outline-color: var(--purple-200) + } + .lg\:hover\:outline-purple-200:hover { + outline-color: var(--purple-200) + } + .lg\:active\:outline-purple-200:active { + outline-color: var(--purple-200) + } + .lg\:focus\:outline-purple-200\/10:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:outline-purple-200\/10:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:outline-purple-200\/10:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:outline-purple-200\/20:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:outline-purple-200\/20:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:outline-purple-200\/20:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:outline-purple-200\/30:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:outline-purple-200\/30:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:outline-purple-200\/30:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:outline-purple-200\/40:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:outline-purple-200\/40:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:outline-purple-200\/40:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:outline-purple-200\/50:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:outline-purple-200\/50:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:outline-purple-200\/50:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:outline-purple-200\/60:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:outline-purple-200\/60:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:outline-purple-200\/60:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:outline-purple-200\/70:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:outline-purple-200\/70:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:outline-purple-200\/70:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:outline-purple-200\/80:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:outline-purple-200\/80:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:outline-purple-200\/80:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:outline-purple-200\/90:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:outline-purple-200\/90:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:outline-purple-200\/90:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:outline-purple-300:focus { + outline-color: var(--purple-300) + } + .lg\:hover\:outline-purple-300:hover { + outline-color: var(--purple-300) + } + .lg\:active\:outline-purple-300:active { + outline-color: var(--purple-300) + } + .lg\:focus\:outline-purple-300\/10:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:outline-purple-300\/10:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:outline-purple-300\/10:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:outline-purple-300\/20:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:outline-purple-300\/20:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:outline-purple-300\/20:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:outline-purple-300\/30:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:outline-purple-300\/30:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:outline-purple-300\/30:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:outline-purple-300\/40:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:outline-purple-300\/40:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:outline-purple-300\/40:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:outline-purple-300\/50:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:outline-purple-300\/50:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:outline-purple-300\/50:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:outline-purple-300\/60:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:outline-purple-300\/60:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:outline-purple-300\/60:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:outline-purple-300\/70:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:outline-purple-300\/70:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:outline-purple-300\/70:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:outline-purple-300\/80:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:outline-purple-300\/80:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:outline-purple-300\/80:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:outline-purple-300\/90:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:outline-purple-300\/90:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:outline-purple-300\/90:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:outline-purple-400:focus { + outline-color: var(--purple-400) + } + .lg\:hover\:outline-purple-400:hover { + outline-color: var(--purple-400) + } + .lg\:active\:outline-purple-400:active { + outline-color: var(--purple-400) + } + .lg\:focus\:outline-purple-400\/10:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:outline-purple-400\/10:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:outline-purple-400\/10:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:outline-purple-400\/20:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:outline-purple-400\/20:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:outline-purple-400\/20:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:outline-purple-400\/30:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:outline-purple-400\/30:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:outline-purple-400\/30:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:outline-purple-400\/40:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:outline-purple-400\/40:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:outline-purple-400\/40:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:outline-purple-400\/50:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:outline-purple-400\/50:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:outline-purple-400\/50:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:outline-purple-400\/60:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:outline-purple-400\/60:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:outline-purple-400\/60:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:outline-purple-400\/70:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:outline-purple-400\/70:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:outline-purple-400\/70:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:outline-purple-400\/80:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:outline-purple-400\/80:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:outline-purple-400\/80:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:outline-purple-400\/90:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:outline-purple-400\/90:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:outline-purple-400\/90:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:outline-purple-500:focus { + outline-color: var(--purple-500) + } + .lg\:hover\:outline-purple-500:hover { + outline-color: var(--purple-500) + } + .lg\:active\:outline-purple-500:active { + outline-color: var(--purple-500) + } + .lg\:focus\:outline-purple-500\/10:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:outline-purple-500\/10:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:outline-purple-500\/10:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:outline-purple-500\/20:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:outline-purple-500\/20:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:outline-purple-500\/20:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:outline-purple-500\/30:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:outline-purple-500\/30:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:outline-purple-500\/30:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:outline-purple-500\/40:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:outline-purple-500\/40:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:outline-purple-500\/40:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:outline-purple-500\/50:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:outline-purple-500\/50:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:outline-purple-500\/50:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:outline-purple-500\/60:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:outline-purple-500\/60:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:outline-purple-500\/60:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:outline-purple-500\/70:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:outline-purple-500\/70:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:outline-purple-500\/70:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:outline-purple-500\/80:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:outline-purple-500\/80:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:outline-purple-500\/80:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:outline-purple-500\/90:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:outline-purple-500\/90:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:outline-purple-500\/90:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:outline-purple-600:focus { + outline-color: var(--purple-600) + } + .lg\:hover\:outline-purple-600:hover { + outline-color: var(--purple-600) + } + .lg\:active\:outline-purple-600:active { + outline-color: var(--purple-600) + } + .lg\:focus\:outline-purple-600\/10:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:outline-purple-600\/10:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:outline-purple-600\/10:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:outline-purple-600\/20:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:outline-purple-600\/20:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:outline-purple-600\/20:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:outline-purple-600\/30:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:outline-purple-600\/30:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:outline-purple-600\/30:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:outline-purple-600\/40:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:outline-purple-600\/40:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:outline-purple-600\/40:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:outline-purple-600\/50:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:outline-purple-600\/50:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:outline-purple-600\/50:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:outline-purple-600\/60:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:outline-purple-600\/60:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:outline-purple-600\/60:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:outline-purple-600\/70:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:outline-purple-600\/70:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:outline-purple-600\/70:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:outline-purple-600\/80:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:outline-purple-600\/80:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:outline-purple-600\/80:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:outline-purple-600\/90:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:outline-purple-600\/90:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:outline-purple-600\/90:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:outline-purple-700:focus { + outline-color: var(--purple-700) + } + .lg\:hover\:outline-purple-700:hover { + outline-color: var(--purple-700) + } + .lg\:active\:outline-purple-700:active { + outline-color: var(--purple-700) + } + .lg\:focus\:outline-purple-700\/10:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:outline-purple-700\/10:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:outline-purple-700\/10:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:outline-purple-700\/20:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:outline-purple-700\/20:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:outline-purple-700\/20:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:outline-purple-700\/30:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:outline-purple-700\/30:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:outline-purple-700\/30:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:outline-purple-700\/40:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:outline-purple-700\/40:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:outline-purple-700\/40:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:outline-purple-700\/50:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:outline-purple-700\/50:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:outline-purple-700\/50:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:outline-purple-700\/60:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:outline-purple-700\/60:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:outline-purple-700\/60:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:outline-purple-700\/70:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:outline-purple-700\/70:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:outline-purple-700\/70:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:outline-purple-700\/80:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:outline-purple-700\/80:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:outline-purple-700\/80:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:outline-purple-700\/90:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:outline-purple-700\/90:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:outline-purple-700\/90:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:outline-purple-800:focus { + outline-color: var(--purple-800) + } + .lg\:hover\:outline-purple-800:hover { + outline-color: var(--purple-800) + } + .lg\:active\:outline-purple-800:active { + outline-color: var(--purple-800) + } + .lg\:focus\:outline-purple-800\/10:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:outline-purple-800\/10:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:outline-purple-800\/10:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:outline-purple-800\/20:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:outline-purple-800\/20:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:outline-purple-800\/20:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:outline-purple-800\/30:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:outline-purple-800\/30:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:outline-purple-800\/30:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:outline-purple-800\/40:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:outline-purple-800\/40:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:outline-purple-800\/40:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:outline-purple-800\/50:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:outline-purple-800\/50:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:outline-purple-800\/50:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:outline-purple-800\/60:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:outline-purple-800\/60:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:outline-purple-800\/60:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:outline-purple-800\/70:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:outline-purple-800\/70:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:outline-purple-800\/70:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:outline-purple-800\/80:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:outline-purple-800\/80:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:outline-purple-800\/80:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:outline-purple-800\/90:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:outline-purple-800\/90:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:outline-purple-800\/90:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:outline-purple-900:focus { + outline-color: var(--purple-900) + } + .lg\:hover\:outline-purple-900:hover { + outline-color: var(--purple-900) + } + .lg\:active\:outline-purple-900:active { + outline-color: var(--purple-900) + } + .lg\:focus\:outline-purple-900\/10:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:outline-purple-900\/10:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:outline-purple-900\/10:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:outline-purple-900\/20:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:outline-purple-900\/20:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:outline-purple-900\/20:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:outline-purple-900\/30:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:outline-purple-900\/30:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:outline-purple-900\/30:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:outline-purple-900\/40:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:outline-purple-900\/40:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:outline-purple-900\/40:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:outline-purple-900\/50:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:outline-purple-900\/50:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:outline-purple-900\/50:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:outline-purple-900\/60:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:outline-purple-900\/60:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:outline-purple-900\/60:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:outline-purple-900\/70:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:outline-purple-900\/70:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:outline-purple-900\/70:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:outline-purple-900\/80:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:outline-purple-900\/80:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:outline-purple-900\/80:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:outline-purple-900\/90:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:outline-purple-900\/90:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:outline-purple-900\/90:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:outline-red-50:focus { + outline-color: var(--red-50) + } + .lg\:hover\:outline-red-50:hover { + outline-color: var(--red-50) + } + .lg\:active\:outline-red-50:active { + outline-color: var(--red-50) + } + .lg\:focus\:outline-red-50\/10:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:outline-red-50\/10:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:outline-red-50\/10:active { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:outline-red-50\/20:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:outline-red-50\/20:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:outline-red-50\/20:active { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:outline-red-50\/30:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:outline-red-50\/30:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:outline-red-50\/30:active { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:outline-red-50\/40:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:outline-red-50\/40:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:outline-red-50\/40:active { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:outline-red-50\/50:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:outline-red-50\/50:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:outline-red-50\/50:active { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:outline-red-50\/60:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:outline-red-50\/60:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:outline-red-50\/60:active { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:outline-red-50\/70:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:outline-red-50\/70:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:outline-red-50\/70:active { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:outline-red-50\/80:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:outline-red-50\/80:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:outline-red-50\/80:active { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:outline-red-50\/90:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:outline-red-50\/90:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:outline-red-50\/90:active { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:outline-red-100:focus { + outline-color: var(--red-100) + } + .lg\:hover\:outline-red-100:hover { + outline-color: var(--red-100) + } + .lg\:active\:outline-red-100:active { + outline-color: var(--red-100) + } + .lg\:focus\:outline-red-100\/10:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:outline-red-100\/10:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:outline-red-100\/10:active { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:outline-red-100\/20:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:outline-red-100\/20:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:outline-red-100\/20:active { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:outline-red-100\/30:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:outline-red-100\/30:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:outline-red-100\/30:active { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:outline-red-100\/40:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:outline-red-100\/40:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:outline-red-100\/40:active { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:outline-red-100\/50:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:outline-red-100\/50:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:outline-red-100\/50:active { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:outline-red-100\/60:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:outline-red-100\/60:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:outline-red-100\/60:active { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:outline-red-100\/70:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:outline-red-100\/70:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:outline-red-100\/70:active { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:outline-red-100\/80:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:outline-red-100\/80:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:outline-red-100\/80:active { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:outline-red-100\/90:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:outline-red-100\/90:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:outline-red-100\/90:active { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:outline-red-200:focus { + outline-color: var(--red-200) + } + .lg\:hover\:outline-red-200:hover { + outline-color: var(--red-200) + } + .lg\:active\:outline-red-200:active { + outline-color: var(--red-200) + } + .lg\:focus\:outline-red-200\/10:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:outline-red-200\/10:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:outline-red-200\/10:active { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:outline-red-200\/20:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:outline-red-200\/20:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:outline-red-200\/20:active { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:outline-red-200\/30:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:outline-red-200\/30:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:outline-red-200\/30:active { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:outline-red-200\/40:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:outline-red-200\/40:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:outline-red-200\/40:active { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:outline-red-200\/50:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:outline-red-200\/50:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:outline-red-200\/50:active { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:outline-red-200\/60:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:outline-red-200\/60:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:outline-red-200\/60:active { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:outline-red-200\/70:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:outline-red-200\/70:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:outline-red-200\/70:active { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:outline-red-200\/80:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:outline-red-200\/80:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:outline-red-200\/80:active { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:outline-red-200\/90:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:outline-red-200\/90:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:outline-red-200\/90:active { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:outline-red-300:focus { + outline-color: var(--red-300) + } + .lg\:hover\:outline-red-300:hover { + outline-color: var(--red-300) + } + .lg\:active\:outline-red-300:active { + outline-color: var(--red-300) + } + .lg\:focus\:outline-red-300\/10:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:outline-red-300\/10:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:outline-red-300\/10:active { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:outline-red-300\/20:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:outline-red-300\/20:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:outline-red-300\/20:active { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:outline-red-300\/30:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:outline-red-300\/30:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:outline-red-300\/30:active { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:outline-red-300\/40:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:outline-red-300\/40:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:outline-red-300\/40:active { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:outline-red-300\/50:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:outline-red-300\/50:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:outline-red-300\/50:active { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:outline-red-300\/60:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:outline-red-300\/60:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:outline-red-300\/60:active { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:outline-red-300\/70:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:outline-red-300\/70:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:outline-red-300\/70:active { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:outline-red-300\/80:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:outline-red-300\/80:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:outline-red-300\/80:active { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:outline-red-300\/90:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:outline-red-300\/90:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:outline-red-300\/90:active { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:outline-red-400:focus { + outline-color: var(--red-400) + } + .lg\:hover\:outline-red-400:hover { + outline-color: var(--red-400) + } + .lg\:active\:outline-red-400:active { + outline-color: var(--red-400) + } + .lg\:focus\:outline-red-400\/10:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:outline-red-400\/10:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:outline-red-400\/10:active { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:outline-red-400\/20:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:outline-red-400\/20:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:outline-red-400\/20:active { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:outline-red-400\/30:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:outline-red-400\/30:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:outline-red-400\/30:active { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:outline-red-400\/40:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:outline-red-400\/40:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:outline-red-400\/40:active { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:outline-red-400\/50:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:outline-red-400\/50:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:outline-red-400\/50:active { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:outline-red-400\/60:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:outline-red-400\/60:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:outline-red-400\/60:active { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:outline-red-400\/70:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:outline-red-400\/70:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:outline-red-400\/70:active { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:outline-red-400\/80:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:outline-red-400\/80:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:outline-red-400\/80:active { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:outline-red-400\/90:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:outline-red-400\/90:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:outline-red-400\/90:active { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:outline-red-500:focus { + outline-color: var(--red-500) + } + .lg\:hover\:outline-red-500:hover { + outline-color: var(--red-500) + } + .lg\:active\:outline-red-500:active { + outline-color: var(--red-500) + } + .lg\:focus\:outline-red-500\/10:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:outline-red-500\/10:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:outline-red-500\/10:active { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:outline-red-500\/20:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:outline-red-500\/20:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:outline-red-500\/20:active { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:outline-red-500\/30:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:outline-red-500\/30:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:outline-red-500\/30:active { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:outline-red-500\/40:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:outline-red-500\/40:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:outline-red-500\/40:active { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:outline-red-500\/50:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:outline-red-500\/50:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:outline-red-500\/50:active { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:outline-red-500\/60:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:outline-red-500\/60:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:outline-red-500\/60:active { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:outline-red-500\/70:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:outline-red-500\/70:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:outline-red-500\/70:active { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:outline-red-500\/80:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:outline-red-500\/80:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:outline-red-500\/80:active { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:outline-red-500\/90:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:outline-red-500\/90:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:outline-red-500\/90:active { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:outline-red-600:focus { + outline-color: var(--red-600) + } + .lg\:hover\:outline-red-600:hover { + outline-color: var(--red-600) + } + .lg\:active\:outline-red-600:active { + outline-color: var(--red-600) + } + .lg\:focus\:outline-red-600\/10:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:outline-red-600\/10:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:outline-red-600\/10:active { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:outline-red-600\/20:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:outline-red-600\/20:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:outline-red-600\/20:active { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:outline-red-600\/30:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:outline-red-600\/30:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:outline-red-600\/30:active { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:outline-red-600\/40:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:outline-red-600\/40:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:outline-red-600\/40:active { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:outline-red-600\/50:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:outline-red-600\/50:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:outline-red-600\/50:active { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:outline-red-600\/60:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:outline-red-600\/60:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:outline-red-600\/60:active { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:outline-red-600\/70:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:outline-red-600\/70:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:outline-red-600\/70:active { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:outline-red-600\/80:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:outline-red-600\/80:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:outline-red-600\/80:active { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:outline-red-600\/90:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:outline-red-600\/90:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:outline-red-600\/90:active { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:outline-red-700:focus { + outline-color: var(--red-700) + } + .lg\:hover\:outline-red-700:hover { + outline-color: var(--red-700) + } + .lg\:active\:outline-red-700:active { + outline-color: var(--red-700) + } + .lg\:focus\:outline-red-700\/10:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:outline-red-700\/10:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:outline-red-700\/10:active { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:outline-red-700\/20:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:outline-red-700\/20:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:outline-red-700\/20:active { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:outline-red-700\/30:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:outline-red-700\/30:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:outline-red-700\/30:active { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:outline-red-700\/40:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:outline-red-700\/40:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:outline-red-700\/40:active { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:outline-red-700\/50:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:outline-red-700\/50:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:outline-red-700\/50:active { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:outline-red-700\/60:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:outline-red-700\/60:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:outline-red-700\/60:active { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:outline-red-700\/70:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:outline-red-700\/70:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:outline-red-700\/70:active { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:outline-red-700\/80:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:outline-red-700\/80:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:outline-red-700\/80:active { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:outline-red-700\/90:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:outline-red-700\/90:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:outline-red-700\/90:active { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:outline-red-800:focus { + outline-color: var(--red-800) + } + .lg\:hover\:outline-red-800:hover { + outline-color: var(--red-800) + } + .lg\:active\:outline-red-800:active { + outline-color: var(--red-800) + } + .lg\:focus\:outline-red-800\/10:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:outline-red-800\/10:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:outline-red-800\/10:active { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:outline-red-800\/20:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:outline-red-800\/20:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:outline-red-800\/20:active { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:outline-red-800\/30:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:outline-red-800\/30:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:outline-red-800\/30:active { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:outline-red-800\/40:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:outline-red-800\/40:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:outline-red-800\/40:active { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:outline-red-800\/50:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:outline-red-800\/50:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:outline-red-800\/50:active { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:outline-red-800\/60:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:outline-red-800\/60:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:outline-red-800\/60:active { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:outline-red-800\/70:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:outline-red-800\/70:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:outline-red-800\/70:active { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:outline-red-800\/80:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:outline-red-800\/80:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:outline-red-800\/80:active { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:outline-red-800\/90:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:outline-red-800\/90:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:outline-red-800\/90:active { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:outline-red-900:focus { + outline-color: var(--red-900) + } + .lg\:hover\:outline-red-900:hover { + outline-color: var(--red-900) + } + .lg\:active\:outline-red-900:active { + outline-color: var(--red-900) + } + .lg\:focus\:outline-red-900\/10:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:outline-red-900\/10:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:outline-red-900\/10:active { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:outline-red-900\/20:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:outline-red-900\/20:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:outline-red-900\/20:active { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:outline-red-900\/30:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:outline-red-900\/30:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:outline-red-900\/30:active { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:outline-red-900\/40:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:outline-red-900\/40:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:outline-red-900\/40:active { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:outline-red-900\/50:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:outline-red-900\/50:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:outline-red-900\/50:active { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:outline-red-900\/60:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:outline-red-900\/60:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:outline-red-900\/60:active { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:outline-red-900\/70:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:outline-red-900\/70:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:outline-red-900\/70:active { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:outline-red-900\/80:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:outline-red-900\/80:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:outline-red-900\/80:active { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:outline-red-900\/90:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:outline-red-900\/90:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:outline-red-900\/90:active { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:outline-gray-50:focus { + outline-color: var(--gray-50) + } + .lg\:hover\:outline-gray-50:hover { + outline-color: var(--gray-50) + } + .lg\:active\:outline-gray-50:active { + outline-color: var(--gray-50) + } + .lg\:focus\:outline-gray-50\/10:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:outline-gray-50\/10:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:outline-gray-50\/10:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:outline-gray-50\/20:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:outline-gray-50\/20:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:outline-gray-50\/20:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:outline-gray-50\/30:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:outline-gray-50\/30:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:outline-gray-50\/30:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:outline-gray-50\/40:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:outline-gray-50\/40:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:outline-gray-50\/40:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:outline-gray-50\/50:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:outline-gray-50\/50:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:outline-gray-50\/50:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:outline-gray-50\/60:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:outline-gray-50\/60:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:outline-gray-50\/60:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:outline-gray-50\/70:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:outline-gray-50\/70:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:outline-gray-50\/70:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:outline-gray-50\/80:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:outline-gray-50\/80:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:outline-gray-50\/80:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:outline-gray-50\/90:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:outline-gray-50\/90:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:outline-gray-50\/90:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:outline-gray-100:focus { + outline-color: var(--gray-100) + } + .lg\:hover\:outline-gray-100:hover { + outline-color: var(--gray-100) + } + .lg\:active\:outline-gray-100:active { + outline-color: var(--gray-100) + } + .lg\:focus\:outline-gray-100\/10:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:outline-gray-100\/10:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:outline-gray-100\/10:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:outline-gray-100\/20:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:outline-gray-100\/20:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:outline-gray-100\/20:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:outline-gray-100\/30:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:outline-gray-100\/30:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:outline-gray-100\/30:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:outline-gray-100\/40:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:outline-gray-100\/40:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:outline-gray-100\/40:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:outline-gray-100\/50:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:outline-gray-100\/50:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:outline-gray-100\/50:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:outline-gray-100\/60:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:outline-gray-100\/60:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:outline-gray-100\/60:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:outline-gray-100\/70:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:outline-gray-100\/70:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:outline-gray-100\/70:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:outline-gray-100\/80:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:outline-gray-100\/80:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:outline-gray-100\/80:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:outline-gray-100\/90:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:outline-gray-100\/90:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:outline-gray-100\/90:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:outline-gray-200:focus { + outline-color: var(--gray-200) + } + .lg\:hover\:outline-gray-200:hover { + outline-color: var(--gray-200) + } + .lg\:active\:outline-gray-200:active { + outline-color: var(--gray-200) + } + .lg\:focus\:outline-gray-200\/10:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:outline-gray-200\/10:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:outline-gray-200\/10:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:outline-gray-200\/20:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:outline-gray-200\/20:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:outline-gray-200\/20:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:outline-gray-200\/30:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:outline-gray-200\/30:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:outline-gray-200\/30:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:outline-gray-200\/40:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:outline-gray-200\/40:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:outline-gray-200\/40:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:outline-gray-200\/50:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:outline-gray-200\/50:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:outline-gray-200\/50:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:outline-gray-200\/60:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:outline-gray-200\/60:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:outline-gray-200\/60:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:outline-gray-200\/70:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:outline-gray-200\/70:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:outline-gray-200\/70:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:outline-gray-200\/80:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:outline-gray-200\/80:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:outline-gray-200\/80:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:outline-gray-200\/90:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:outline-gray-200\/90:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:outline-gray-200\/90:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:outline-gray-300:focus { + outline-color: var(--gray-300) + } + .lg\:hover\:outline-gray-300:hover { + outline-color: var(--gray-300) + } + .lg\:active\:outline-gray-300:active { + outline-color: var(--gray-300) + } + .lg\:focus\:outline-gray-300\/10:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:outline-gray-300\/10:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:outline-gray-300\/10:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:outline-gray-300\/20:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:outline-gray-300\/20:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:outline-gray-300\/20:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:outline-gray-300\/30:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:outline-gray-300\/30:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:outline-gray-300\/30:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:outline-gray-300\/40:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:outline-gray-300\/40:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:outline-gray-300\/40:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:outline-gray-300\/50:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:outline-gray-300\/50:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:outline-gray-300\/50:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:outline-gray-300\/60:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:outline-gray-300\/60:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:outline-gray-300\/60:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:outline-gray-300\/70:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:outline-gray-300\/70:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:outline-gray-300\/70:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:outline-gray-300\/80:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:outline-gray-300\/80:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:outline-gray-300\/80:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:outline-gray-300\/90:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:outline-gray-300\/90:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:outline-gray-300\/90:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:outline-gray-400:focus { + outline-color: var(--gray-400) + } + .lg\:hover\:outline-gray-400:hover { + outline-color: var(--gray-400) + } + .lg\:active\:outline-gray-400:active { + outline-color: var(--gray-400) + } + .lg\:focus\:outline-gray-400\/10:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:outline-gray-400\/10:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:outline-gray-400\/10:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:outline-gray-400\/20:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:outline-gray-400\/20:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:outline-gray-400\/20:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:outline-gray-400\/30:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:outline-gray-400\/30:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:outline-gray-400\/30:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:outline-gray-400\/40:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:outline-gray-400\/40:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:outline-gray-400\/40:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:outline-gray-400\/50:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:outline-gray-400\/50:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:outline-gray-400\/50:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:outline-gray-400\/60:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:outline-gray-400\/60:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:outline-gray-400\/60:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:outline-gray-400\/70:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:outline-gray-400\/70:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:outline-gray-400\/70:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:outline-gray-400\/80:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:outline-gray-400\/80:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:outline-gray-400\/80:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:outline-gray-400\/90:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:outline-gray-400\/90:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:outline-gray-400\/90:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:outline-gray-500:focus { + outline-color: var(--gray-500) + } + .lg\:hover\:outline-gray-500:hover { + outline-color: var(--gray-500) + } + .lg\:active\:outline-gray-500:active { + outline-color: var(--gray-500) + } + .lg\:focus\:outline-gray-500\/10:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:outline-gray-500\/10:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:outline-gray-500\/10:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:outline-gray-500\/20:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:outline-gray-500\/20:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:outline-gray-500\/20:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:outline-gray-500\/30:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:outline-gray-500\/30:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:outline-gray-500\/30:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:outline-gray-500\/40:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:outline-gray-500\/40:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:outline-gray-500\/40:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:outline-gray-500\/50:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:outline-gray-500\/50:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:outline-gray-500\/50:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:outline-gray-500\/60:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:outline-gray-500\/60:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:outline-gray-500\/60:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:outline-gray-500\/70:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:outline-gray-500\/70:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:outline-gray-500\/70:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:outline-gray-500\/80:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:outline-gray-500\/80:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:outline-gray-500\/80:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:outline-gray-500\/90:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:outline-gray-500\/90:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:outline-gray-500\/90:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:outline-gray-600:focus { + outline-color: var(--gray-600) + } + .lg\:hover\:outline-gray-600:hover { + outline-color: var(--gray-600) + } + .lg\:active\:outline-gray-600:active { + outline-color: var(--gray-600) + } + .lg\:focus\:outline-gray-600\/10:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:outline-gray-600\/10:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:outline-gray-600\/10:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:outline-gray-600\/20:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:outline-gray-600\/20:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:outline-gray-600\/20:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:outline-gray-600\/30:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:outline-gray-600\/30:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:outline-gray-600\/30:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:outline-gray-600\/40:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:outline-gray-600\/40:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:outline-gray-600\/40:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:outline-gray-600\/50:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:outline-gray-600\/50:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:outline-gray-600\/50:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:outline-gray-600\/60:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:outline-gray-600\/60:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:outline-gray-600\/60:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:outline-gray-600\/70:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:outline-gray-600\/70:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:outline-gray-600\/70:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:outline-gray-600\/80:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:outline-gray-600\/80:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:outline-gray-600\/80:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:outline-gray-600\/90:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:outline-gray-600\/90:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:outline-gray-600\/90:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:outline-gray-700:focus { + outline-color: var(--gray-700) + } + .lg\:hover\:outline-gray-700:hover { + outline-color: var(--gray-700) + } + .lg\:active\:outline-gray-700:active { + outline-color: var(--gray-700) + } + .lg\:focus\:outline-gray-700\/10:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:outline-gray-700\/10:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:outline-gray-700\/10:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:outline-gray-700\/20:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:outline-gray-700\/20:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:outline-gray-700\/20:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:outline-gray-700\/30:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:outline-gray-700\/30:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:outline-gray-700\/30:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:outline-gray-700\/40:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:outline-gray-700\/40:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:outline-gray-700\/40:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:outline-gray-700\/50:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:outline-gray-700\/50:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:outline-gray-700\/50:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:outline-gray-700\/60:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:outline-gray-700\/60:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:outline-gray-700\/60:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:outline-gray-700\/70:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:outline-gray-700\/70:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:outline-gray-700\/70:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:outline-gray-700\/80:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:outline-gray-700\/80:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:outline-gray-700\/80:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:outline-gray-700\/90:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:outline-gray-700\/90:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:outline-gray-700\/90:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:outline-gray-800:focus { + outline-color: var(--gray-800) + } + .lg\:hover\:outline-gray-800:hover { + outline-color: var(--gray-800) + } + .lg\:active\:outline-gray-800:active { + outline-color: var(--gray-800) + } + .lg\:focus\:outline-gray-800\/10:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:outline-gray-800\/10:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:outline-gray-800\/10:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:outline-gray-800\/20:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:outline-gray-800\/20:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:outline-gray-800\/20:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:outline-gray-800\/30:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:outline-gray-800\/30:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:outline-gray-800\/30:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:outline-gray-800\/40:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:outline-gray-800\/40:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:outline-gray-800\/40:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:outline-gray-800\/50:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:outline-gray-800\/50:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:outline-gray-800\/50:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:outline-gray-800\/60:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:outline-gray-800\/60:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:outline-gray-800\/60:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:outline-gray-800\/70:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:outline-gray-800\/70:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:outline-gray-800\/70:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:outline-gray-800\/80:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:outline-gray-800\/80:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:outline-gray-800\/80:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:outline-gray-800\/90:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:outline-gray-800\/90:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:outline-gray-800\/90:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:outline-gray-900:focus { + outline-color: var(--gray-900) + } + .lg\:hover\:outline-gray-900:hover { + outline-color: var(--gray-900) + } + .lg\:active\:outline-gray-900:active { + outline-color: var(--gray-900) + } + .lg\:focus\:outline-gray-900\/10:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:outline-gray-900\/10:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:outline-gray-900\/10:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:outline-gray-900\/20:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:outline-gray-900\/20:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:outline-gray-900\/20:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:outline-gray-900\/30:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:outline-gray-900\/30:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:outline-gray-900\/30:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:outline-gray-900\/40:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:outline-gray-900\/40:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:outline-gray-900\/40:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:outline-gray-900\/50:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:outline-gray-900\/50:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:outline-gray-900\/50:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:outline-gray-900\/60:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:outline-gray-900\/60:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:outline-gray-900\/60:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:outline-gray-900\/70:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:outline-gray-900\/70:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:outline-gray-900\/70:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:outline-gray-900\/80:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:outline-gray-900\/80:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:outline-gray-900\/80:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:outline-gray-900\/90:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:outline-gray-900\/90:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:outline-gray-900\/90:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:outline-surface-0:focus { + outline-color: var(--surface-0) + } + .lg\:hover\:outline-surface-0:hover { + outline-color: var(--surface-0) + } + .lg\:active\:outline-surface-0:active { + outline-color: var(--surface-0) + } + .lg\:focus\:outline-surface-0\/10:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:outline-surface-0\/10:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:outline-surface-0\/10:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:outline-surface-0\/20:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:outline-surface-0\/20:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:outline-surface-0\/20:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:outline-surface-0\/30:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:outline-surface-0\/30:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:outline-surface-0\/30:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:outline-surface-0\/40:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:outline-surface-0\/40:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:outline-surface-0\/40:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:outline-surface-0\/50:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:outline-surface-0\/50:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:outline-surface-0\/50:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:outline-surface-0\/60:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:outline-surface-0\/60:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:outline-surface-0\/60:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:outline-surface-0\/70:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:outline-surface-0\/70:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:outline-surface-0\/70:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:outline-surface-0\/80:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:outline-surface-0\/80:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:outline-surface-0\/80:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:outline-surface-0\/90:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:outline-surface-0\/90:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:outline-surface-0\/90:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:outline-surface-50:focus { + outline-color: var(--surface-50) + } + .lg\:hover\:outline-surface-50:hover { + outline-color: var(--surface-50) + } + .lg\:active\:outline-surface-50:active { + outline-color: var(--surface-50) + } + .lg\:focus\:outline-surface-50\/10:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:outline-surface-50\/10:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:outline-surface-50\/10:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:outline-surface-50\/20:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:outline-surface-50\/20:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:outline-surface-50\/20:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:outline-surface-50\/30:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:outline-surface-50\/30:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:outline-surface-50\/30:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:outline-surface-50\/40:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:outline-surface-50\/40:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:outline-surface-50\/40:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:outline-surface-50\/50:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:outline-surface-50\/50:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:outline-surface-50\/50:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:outline-surface-50\/60:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:outline-surface-50\/60:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:outline-surface-50\/60:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:outline-surface-50\/70:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:outline-surface-50\/70:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:outline-surface-50\/70:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:outline-surface-50\/80:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:outline-surface-50\/80:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:outline-surface-50\/80:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:outline-surface-50\/90:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:outline-surface-50\/90:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:outline-surface-50\/90:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:outline-surface-100:focus { + outline-color: var(--surface-100) + } + .lg\:hover\:outline-surface-100:hover { + outline-color: var(--surface-100) + } + .lg\:active\:outline-surface-100:active { + outline-color: var(--surface-100) + } + .lg\:focus\:outline-surface-100\/10:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:outline-surface-100\/10:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:outline-surface-100\/10:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:outline-surface-100\/20:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:outline-surface-100\/20:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:outline-surface-100\/20:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:outline-surface-100\/30:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:outline-surface-100\/30:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:outline-surface-100\/30:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:outline-surface-100\/40:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:outline-surface-100\/40:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:outline-surface-100\/40:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:outline-surface-100\/50:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:outline-surface-100\/50:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:outline-surface-100\/50:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:outline-surface-100\/60:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:outline-surface-100\/60:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:outline-surface-100\/60:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:outline-surface-100\/70:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:outline-surface-100\/70:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:outline-surface-100\/70:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:outline-surface-100\/80:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:outline-surface-100\/80:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:outline-surface-100\/80:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:outline-surface-100\/90:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:outline-surface-100\/90:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:outline-surface-100\/90:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:outline-surface-200:focus { + outline-color: var(--surface-200) + } + .lg\:hover\:outline-surface-200:hover { + outline-color: var(--surface-200) + } + .lg\:active\:outline-surface-200:active { + outline-color: var(--surface-200) + } + .lg\:focus\:outline-surface-200\/10:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:outline-surface-200\/10:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:outline-surface-200\/10:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:outline-surface-200\/20:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:outline-surface-200\/20:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:outline-surface-200\/20:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:outline-surface-200\/30:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:outline-surface-200\/30:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:outline-surface-200\/30:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:outline-surface-200\/40:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:outline-surface-200\/40:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:outline-surface-200\/40:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:outline-surface-200\/50:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:outline-surface-200\/50:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:outline-surface-200\/50:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:outline-surface-200\/60:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:outline-surface-200\/60:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:outline-surface-200\/60:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:outline-surface-200\/70:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:outline-surface-200\/70:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:outline-surface-200\/70:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:outline-surface-200\/80:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:outline-surface-200\/80:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:outline-surface-200\/80:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:outline-surface-200\/90:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:outline-surface-200\/90:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:outline-surface-200\/90:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:outline-surface-300:focus { + outline-color: var(--surface-300) + } + .lg\:hover\:outline-surface-300:hover { + outline-color: var(--surface-300) + } + .lg\:active\:outline-surface-300:active { + outline-color: var(--surface-300) + } + .lg\:focus\:outline-surface-300\/10:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:outline-surface-300\/10:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:outline-surface-300\/10:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:outline-surface-300\/20:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:outline-surface-300\/20:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:outline-surface-300\/20:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:outline-surface-300\/30:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:outline-surface-300\/30:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:outline-surface-300\/30:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:outline-surface-300\/40:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:outline-surface-300\/40:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:outline-surface-300\/40:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:outline-surface-300\/50:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:outline-surface-300\/50:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:outline-surface-300\/50:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:outline-surface-300\/60:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:outline-surface-300\/60:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:outline-surface-300\/60:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:outline-surface-300\/70:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:outline-surface-300\/70:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:outline-surface-300\/70:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:outline-surface-300\/80:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:outline-surface-300\/80:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:outline-surface-300\/80:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:outline-surface-300\/90:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:outline-surface-300\/90:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:outline-surface-300\/90:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:outline-surface-400:focus { + outline-color: var(--surface-400) + } + .lg\:hover\:outline-surface-400:hover { + outline-color: var(--surface-400) + } + .lg\:active\:outline-surface-400:active { + outline-color: var(--surface-400) + } + .lg\:focus\:outline-surface-400\/10:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:outline-surface-400\/10:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:outline-surface-400\/10:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:outline-surface-400\/20:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:outline-surface-400\/20:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:outline-surface-400\/20:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:outline-surface-400\/30:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:outline-surface-400\/30:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:outline-surface-400\/30:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:outline-surface-400\/40:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:outline-surface-400\/40:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:outline-surface-400\/40:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:outline-surface-400\/50:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:outline-surface-400\/50:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:outline-surface-400\/50:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:outline-surface-400\/60:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:outline-surface-400\/60:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:outline-surface-400\/60:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:outline-surface-400\/70:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:outline-surface-400\/70:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:outline-surface-400\/70:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:outline-surface-400\/80:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:outline-surface-400\/80:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:outline-surface-400\/80:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:outline-surface-400\/90:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:outline-surface-400\/90:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:outline-surface-400\/90:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:outline-surface-500:focus { + outline-color: var(--surface-500) + } + .lg\:hover\:outline-surface-500:hover { + outline-color: var(--surface-500) + } + .lg\:active\:outline-surface-500:active { + outline-color: var(--surface-500) + } + .lg\:focus\:outline-surface-500\/10:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:outline-surface-500\/10:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:outline-surface-500\/10:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:outline-surface-500\/20:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:outline-surface-500\/20:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:outline-surface-500\/20:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:outline-surface-500\/30:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:outline-surface-500\/30:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:outline-surface-500\/30:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:outline-surface-500\/40:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:outline-surface-500\/40:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:outline-surface-500\/40:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:outline-surface-500\/50:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:outline-surface-500\/50:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:outline-surface-500\/50:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:outline-surface-500\/60:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:outline-surface-500\/60:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:outline-surface-500\/60:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:outline-surface-500\/70:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:outline-surface-500\/70:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:outline-surface-500\/70:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:outline-surface-500\/80:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:outline-surface-500\/80:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:outline-surface-500\/80:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:outline-surface-500\/90:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:outline-surface-500\/90:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:outline-surface-500\/90:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:outline-surface-600:focus { + outline-color: var(--surface-600) + } + .lg\:hover\:outline-surface-600:hover { + outline-color: var(--surface-600) + } + .lg\:active\:outline-surface-600:active { + outline-color: var(--surface-600) + } + .lg\:focus\:outline-surface-600\/10:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:outline-surface-600\/10:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:outline-surface-600\/10:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:outline-surface-600\/20:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:outline-surface-600\/20:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:outline-surface-600\/20:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:outline-surface-600\/30:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:outline-surface-600\/30:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:outline-surface-600\/30:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:outline-surface-600\/40:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:outline-surface-600\/40:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:outline-surface-600\/40:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:outline-surface-600\/50:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:outline-surface-600\/50:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:outline-surface-600\/50:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:outline-surface-600\/60:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:outline-surface-600\/60:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:outline-surface-600\/60:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:outline-surface-600\/70:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:outline-surface-600\/70:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:outline-surface-600\/70:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:outline-surface-600\/80:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:outline-surface-600\/80:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:outline-surface-600\/80:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:outline-surface-600\/90:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:outline-surface-600\/90:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:outline-surface-600\/90:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:outline-surface-700:focus { + outline-color: var(--surface-700) + } + .lg\:hover\:outline-surface-700:hover { + outline-color: var(--surface-700) + } + .lg\:active\:outline-surface-700:active { + outline-color: var(--surface-700) + } + .lg\:focus\:outline-surface-700\/10:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:outline-surface-700\/10:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:outline-surface-700\/10:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:outline-surface-700\/20:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:outline-surface-700\/20:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:outline-surface-700\/20:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:outline-surface-700\/30:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:outline-surface-700\/30:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:outline-surface-700\/30:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:outline-surface-700\/40:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:outline-surface-700\/40:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:outline-surface-700\/40:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:outline-surface-700\/50:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:outline-surface-700\/50:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:outline-surface-700\/50:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:outline-surface-700\/60:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:outline-surface-700\/60:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:outline-surface-700\/60:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:outline-surface-700\/70:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:outline-surface-700\/70:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:outline-surface-700\/70:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:outline-surface-700\/80:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:outline-surface-700\/80:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:outline-surface-700\/80:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:outline-surface-700\/90:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:outline-surface-700\/90:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:outline-surface-700\/90:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:outline-surface-800:focus { + outline-color: var(--surface-800) + } + .lg\:hover\:outline-surface-800:hover { + outline-color: var(--surface-800) + } + .lg\:active\:outline-surface-800:active { + outline-color: var(--surface-800) + } + .lg\:focus\:outline-surface-800\/10:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:outline-surface-800\/10:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:outline-surface-800\/10:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:outline-surface-800\/20:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:outline-surface-800\/20:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:outline-surface-800\/20:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:outline-surface-800\/30:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:outline-surface-800\/30:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:outline-surface-800\/30:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:outline-surface-800\/40:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:outline-surface-800\/40:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:outline-surface-800\/40:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:outline-surface-800\/50:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:outline-surface-800\/50:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:outline-surface-800\/50:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:outline-surface-800\/60:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:outline-surface-800\/60:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:outline-surface-800\/60:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:outline-surface-800\/70:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:outline-surface-800\/70:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:outline-surface-800\/70:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:outline-surface-800\/80:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:outline-surface-800\/80:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:outline-surface-800\/80:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:outline-surface-800\/90:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:outline-surface-800\/90:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:outline-surface-800\/90:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:outline-surface-900:focus { + outline-color: var(--surface-900) + } + .lg\:hover\:outline-surface-900:hover { + outline-color: var(--surface-900) + } + .lg\:active\:outline-surface-900:active { + outline-color: var(--surface-900) + } + .lg\:focus\:outline-surface-900\/10:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:outline-surface-900\/10:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:outline-surface-900\/10:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:outline-surface-900\/20:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:outline-surface-900\/20:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:outline-surface-900\/20:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:outline-surface-900\/30:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:outline-surface-900\/30:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:outline-surface-900\/30:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:outline-surface-900\/40:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:outline-surface-900\/40:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:outline-surface-900\/40:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:outline-surface-900\/50:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:outline-surface-900\/50:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:outline-surface-900\/50:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:outline-surface-900\/60:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:outline-surface-900\/60:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:outline-surface-900\/60:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:outline-surface-900\/70:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:outline-surface-900\/70:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:outline-surface-900\/70:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:outline-surface-900\/80:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:outline-surface-900\/80:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:outline-surface-900\/80:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:outline-surface-900\/90:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:outline-surface-900\/90:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:outline-surface-900\/90:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:outline-primary-50:focus { + outline-color: var(--primary-50) + } + .lg\:hover\:outline-primary-50:hover { + outline-color: var(--primary-50) + } + .lg\:active\:outline-primary-50:active { + outline-color: var(--primary-50) + } + .lg\:focus\:outline-primary-50\/10:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:outline-primary-50\/10:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:outline-primary-50\/10:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:outline-primary-50\/20:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:outline-primary-50\/20:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:outline-primary-50\/20:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:outline-primary-50\/30:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:outline-primary-50\/30:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:outline-primary-50\/30:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:outline-primary-50\/40:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:outline-primary-50\/40:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:outline-primary-50\/40:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:outline-primary-50\/50:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:outline-primary-50\/50:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:outline-primary-50\/50:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:outline-primary-50\/60:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:outline-primary-50\/60:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:outline-primary-50\/60:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:outline-primary-50\/70:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:outline-primary-50\/70:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:outline-primary-50\/70:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:outline-primary-50\/80:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:outline-primary-50\/80:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:outline-primary-50\/80:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:outline-primary-50\/90:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:outline-primary-50\/90:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:outline-primary-50\/90:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:outline-primary-100:focus { + outline-color: var(--primary-100) + } + .lg\:hover\:outline-primary-100:hover { + outline-color: var(--primary-100) + } + .lg\:active\:outline-primary-100:active { + outline-color: var(--primary-100) + } + .lg\:focus\:outline-primary-100\/10:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:outline-primary-100\/10:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:outline-primary-100\/10:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:outline-primary-100\/20:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:outline-primary-100\/20:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:outline-primary-100\/20:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:outline-primary-100\/30:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:outline-primary-100\/30:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:outline-primary-100\/30:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:outline-primary-100\/40:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:outline-primary-100\/40:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:outline-primary-100\/40:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:outline-primary-100\/50:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:outline-primary-100\/50:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:outline-primary-100\/50:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:outline-primary-100\/60:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:outline-primary-100\/60:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:outline-primary-100\/60:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:outline-primary-100\/70:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:outline-primary-100\/70:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:outline-primary-100\/70:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:outline-primary-100\/80:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:outline-primary-100\/80:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:outline-primary-100\/80:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:outline-primary-100\/90:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:outline-primary-100\/90:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:outline-primary-100\/90:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:outline-primary-200:focus { + outline-color: var(--primary-200) + } + .lg\:hover\:outline-primary-200:hover { + outline-color: var(--primary-200) + } + .lg\:active\:outline-primary-200:active { + outline-color: var(--primary-200) + } + .lg\:focus\:outline-primary-200\/10:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:outline-primary-200\/10:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:outline-primary-200\/10:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:outline-primary-200\/20:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:outline-primary-200\/20:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:outline-primary-200\/20:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:outline-primary-200\/30:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:outline-primary-200\/30:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:outline-primary-200\/30:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:outline-primary-200\/40:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:outline-primary-200\/40:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:outline-primary-200\/40:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:outline-primary-200\/50:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:outline-primary-200\/50:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:outline-primary-200\/50:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:outline-primary-200\/60:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:outline-primary-200\/60:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:outline-primary-200\/60:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:outline-primary-200\/70:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:outline-primary-200\/70:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:outline-primary-200\/70:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:outline-primary-200\/80:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:outline-primary-200\/80:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:outline-primary-200\/80:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:outline-primary-200\/90:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:outline-primary-200\/90:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:outline-primary-200\/90:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:outline-primary-300:focus { + outline-color: var(--primary-300) + } + .lg\:hover\:outline-primary-300:hover { + outline-color: var(--primary-300) + } + .lg\:active\:outline-primary-300:active { + outline-color: var(--primary-300) + } + .lg\:focus\:outline-primary-300\/10:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:outline-primary-300\/10:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:outline-primary-300\/10:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:outline-primary-300\/20:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:outline-primary-300\/20:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:outline-primary-300\/20:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:outline-primary-300\/30:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:outline-primary-300\/30:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:outline-primary-300\/30:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:outline-primary-300\/40:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:outline-primary-300\/40:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:outline-primary-300\/40:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:outline-primary-300\/50:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:outline-primary-300\/50:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:outline-primary-300\/50:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:outline-primary-300\/60:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:outline-primary-300\/60:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:outline-primary-300\/60:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:outline-primary-300\/70:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:outline-primary-300\/70:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:outline-primary-300\/70:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:outline-primary-300\/80:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:outline-primary-300\/80:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:outline-primary-300\/80:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:outline-primary-300\/90:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:outline-primary-300\/90:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:outline-primary-300\/90:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:outline-primary-400:focus { + outline-color: var(--primary-400) + } + .lg\:hover\:outline-primary-400:hover { + outline-color: var(--primary-400) + } + .lg\:active\:outline-primary-400:active { + outline-color: var(--primary-400) + } + .lg\:focus\:outline-primary-400\/10:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:outline-primary-400\/10:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:outline-primary-400\/10:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:outline-primary-400\/20:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:outline-primary-400\/20:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:outline-primary-400\/20:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:outline-primary-400\/30:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:outline-primary-400\/30:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:outline-primary-400\/30:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:outline-primary-400\/40:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:outline-primary-400\/40:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:outline-primary-400\/40:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:outline-primary-400\/50:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:outline-primary-400\/50:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:outline-primary-400\/50:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:outline-primary-400\/60:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:outline-primary-400\/60:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:outline-primary-400\/60:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:outline-primary-400\/70:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:outline-primary-400\/70:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:outline-primary-400\/70:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:outline-primary-400\/80:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:outline-primary-400\/80:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:outline-primary-400\/80:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:outline-primary-400\/90:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:outline-primary-400\/90:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:outline-primary-400\/90:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:outline-primary-500:focus { + outline-color: var(--primary-500) + } + .lg\:hover\:outline-primary-500:hover { + outline-color: var(--primary-500) + } + .lg\:active\:outline-primary-500:active { + outline-color: var(--primary-500) + } + .lg\:focus\:outline-primary-500\/10:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:outline-primary-500\/10:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:outline-primary-500\/10:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:outline-primary-500\/20:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:outline-primary-500\/20:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:outline-primary-500\/20:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:outline-primary-500\/30:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:outline-primary-500\/30:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:outline-primary-500\/30:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:outline-primary-500\/40:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:outline-primary-500\/40:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:outline-primary-500\/40:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:outline-primary-500\/50:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:outline-primary-500\/50:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:outline-primary-500\/50:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:outline-primary-500\/60:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:outline-primary-500\/60:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:outline-primary-500\/60:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:outline-primary-500\/70:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:outline-primary-500\/70:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:outline-primary-500\/70:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:outline-primary-500\/80:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:outline-primary-500\/80:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:outline-primary-500\/80:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:outline-primary-500\/90:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:outline-primary-500\/90:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:outline-primary-500\/90:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:outline-primary-600:focus { + outline-color: var(--primary-600) + } + .lg\:hover\:outline-primary-600:hover { + outline-color: var(--primary-600) + } + .lg\:active\:outline-primary-600:active { + outline-color: var(--primary-600) + } + .lg\:focus\:outline-primary-600\/10:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:outline-primary-600\/10:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:outline-primary-600\/10:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:outline-primary-600\/20:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:outline-primary-600\/20:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:outline-primary-600\/20:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:outline-primary-600\/30:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:outline-primary-600\/30:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:outline-primary-600\/30:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:outline-primary-600\/40:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:outline-primary-600\/40:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:outline-primary-600\/40:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:outline-primary-600\/50:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:outline-primary-600\/50:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:outline-primary-600\/50:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:outline-primary-600\/60:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:outline-primary-600\/60:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:outline-primary-600\/60:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:outline-primary-600\/70:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:outline-primary-600\/70:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:outline-primary-600\/70:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:outline-primary-600\/80:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:outline-primary-600\/80:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:outline-primary-600\/80:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:outline-primary-600\/90:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:outline-primary-600\/90:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:outline-primary-600\/90:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:outline-primary-700:focus { + outline-color: var(--primary-700) + } + .lg\:hover\:outline-primary-700:hover { + outline-color: var(--primary-700) + } + .lg\:active\:outline-primary-700:active { + outline-color: var(--primary-700) + } + .lg\:focus\:outline-primary-700\/10:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:outline-primary-700\/10:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:outline-primary-700\/10:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:outline-primary-700\/20:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:outline-primary-700\/20:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:outline-primary-700\/20:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:outline-primary-700\/30:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:outline-primary-700\/30:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:outline-primary-700\/30:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:outline-primary-700\/40:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:outline-primary-700\/40:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:outline-primary-700\/40:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:outline-primary-700\/50:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:outline-primary-700\/50:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:outline-primary-700\/50:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:outline-primary-700\/60:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:outline-primary-700\/60:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:outline-primary-700\/60:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:outline-primary-700\/70:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:outline-primary-700\/70:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:outline-primary-700\/70:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:outline-primary-700\/80:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:outline-primary-700\/80:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:outline-primary-700\/80:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:outline-primary-700\/90:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:outline-primary-700\/90:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:outline-primary-700\/90:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:outline-primary-800:focus { + outline-color: var(--primary-800) + } + .lg\:hover\:outline-primary-800:hover { + outline-color: var(--primary-800) + } + .lg\:active\:outline-primary-800:active { + outline-color: var(--primary-800) + } + .lg\:focus\:outline-primary-800\/10:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:outline-primary-800\/10:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:outline-primary-800\/10:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:outline-primary-800\/20:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:outline-primary-800\/20:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:outline-primary-800\/20:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:outline-primary-800\/30:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:outline-primary-800\/30:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:outline-primary-800\/30:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:outline-primary-800\/40:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:outline-primary-800\/40:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:outline-primary-800\/40:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:outline-primary-800\/50:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:outline-primary-800\/50:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:outline-primary-800\/50:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:outline-primary-800\/60:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:outline-primary-800\/60:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:outline-primary-800\/60:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:outline-primary-800\/70:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:outline-primary-800\/70:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:outline-primary-800\/70:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:outline-primary-800\/80:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:outline-primary-800\/80:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:outline-primary-800\/80:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:outline-primary-800\/90:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:outline-primary-800\/90:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:outline-primary-800\/90:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:outline-primary-900:focus { + outline-color: var(--primary-900) + } + .lg\:hover\:outline-primary-900:hover { + outline-color: var(--primary-900) + } + .lg\:active\:outline-primary-900:active { + outline-color: var(--primary-900) + } + .lg\:focus\:outline-primary-900\/10:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:outline-primary-900\/10:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:outline-primary-900\/10:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:outline-primary-900\/20:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:outline-primary-900\/20:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:outline-primary-900\/20:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:outline-primary-900\/30:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:outline-primary-900\/30:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:outline-primary-900\/30:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:outline-primary-900\/40:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:outline-primary-900\/40:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:outline-primary-900\/40:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:outline-primary-900\/50:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:outline-primary-900\/50:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:outline-primary-900\/50:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:outline-primary-900\/60:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:outline-primary-900\/60:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:outline-primary-900\/60:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:outline-primary-900\/70:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:outline-primary-900\/70:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:outline-primary-900\/70:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:outline-primary-900\/80:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:outline-primary-900\/80:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:outline-primary-900\/80:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:outline-primary-900\/90:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:outline-primary-900\/90:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:outline-primary-900\/90:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:outline-blue-50 { + outline-color: var(--blue-50) + } + .xl\:outline-blue-50\/10 { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:outline-blue-50\/20 { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:outline-blue-50\/30 { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:outline-blue-50\/40 { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:outline-blue-50\/50 { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:outline-blue-50\/60 { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:outline-blue-50\/70 { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:outline-blue-50\/80 { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:outline-blue-50\/90 { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:outline-blue-100 { + outline-color: var(--blue-100) + } + .xl\:outline-blue-100\/10 { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:outline-blue-100\/20 { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:outline-blue-100\/30 { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:outline-blue-100\/40 { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:outline-blue-100\/50 { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:outline-blue-100\/60 { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:outline-blue-100\/70 { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:outline-blue-100\/80 { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:outline-blue-100\/90 { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:outline-blue-200 { + outline-color: var(--blue-200) + } + .xl\:outline-blue-200\/10 { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:outline-blue-200\/20 { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:outline-blue-200\/30 { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:outline-blue-200\/40 { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:outline-blue-200\/50 { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:outline-blue-200\/60 { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:outline-blue-200\/70 { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:outline-blue-200\/80 { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:outline-blue-200\/90 { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:outline-blue-300 { + outline-color: var(--blue-300) + } + .xl\:outline-blue-300\/10 { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:outline-blue-300\/20 { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:outline-blue-300\/30 { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:outline-blue-300\/40 { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:outline-blue-300\/50 { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:outline-blue-300\/60 { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:outline-blue-300\/70 { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:outline-blue-300\/80 { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:outline-blue-300\/90 { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:outline-blue-400 { + outline-color: var(--blue-400) + } + .xl\:outline-blue-400\/10 { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:outline-blue-400\/20 { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:outline-blue-400\/30 { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:outline-blue-400\/40 { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:outline-blue-400\/50 { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:outline-blue-400\/60 { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:outline-blue-400\/70 { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:outline-blue-400\/80 { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:outline-blue-400\/90 { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:outline-blue-500 { + outline-color: var(--blue-500) + } + .xl\:outline-blue-500\/10 { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:outline-blue-500\/20 { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:outline-blue-500\/30 { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:outline-blue-500\/40 { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:outline-blue-500\/50 { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:outline-blue-500\/60 { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:outline-blue-500\/70 { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:outline-blue-500\/80 { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:outline-blue-500\/90 { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:outline-blue-600 { + outline-color: var(--blue-600) + } + .xl\:outline-blue-600\/10 { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:outline-blue-600\/20 { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:outline-blue-600\/30 { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:outline-blue-600\/40 { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:outline-blue-600\/50 { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:outline-blue-600\/60 { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:outline-blue-600\/70 { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:outline-blue-600\/80 { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:outline-blue-600\/90 { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:outline-blue-700 { + outline-color: var(--blue-700) + } + .xl\:outline-blue-700\/10 { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:outline-blue-700\/20 { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:outline-blue-700\/30 { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:outline-blue-700\/40 { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:outline-blue-700\/50 { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:outline-blue-700\/60 { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:outline-blue-700\/70 { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:outline-blue-700\/80 { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:outline-blue-700\/90 { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:outline-blue-800 { + outline-color: var(--blue-800) + } + .xl\:outline-blue-800\/10 { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:outline-blue-800\/20 { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:outline-blue-800\/30 { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:outline-blue-800\/40 { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:outline-blue-800\/50 { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:outline-blue-800\/60 { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:outline-blue-800\/70 { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:outline-blue-800\/80 { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:outline-blue-800\/90 { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:outline-blue-900 { + outline-color: var(--blue-900) + } + .xl\:outline-blue-900\/10 { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:outline-blue-900\/20 { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:outline-blue-900\/30 { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:outline-blue-900\/40 { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:outline-blue-900\/50 { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:outline-blue-900\/60 { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:outline-blue-900\/70 { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:outline-blue-900\/80 { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:outline-blue-900\/90 { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:outline-green-50 { + outline-color: var(--green-50) + } + .xl\:outline-green-50\/10 { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:outline-green-50\/20 { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:outline-green-50\/30 { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:outline-green-50\/40 { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:outline-green-50\/50 { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:outline-green-50\/60 { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:outline-green-50\/70 { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:outline-green-50\/80 { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:outline-green-50\/90 { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:outline-green-100 { + outline-color: var(--green-100) + } + .xl\:outline-green-100\/10 { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:outline-green-100\/20 { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:outline-green-100\/30 { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:outline-green-100\/40 { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:outline-green-100\/50 { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:outline-green-100\/60 { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:outline-green-100\/70 { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:outline-green-100\/80 { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:outline-green-100\/90 { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:outline-green-200 { + outline-color: var(--green-200) + } + .xl\:outline-green-200\/10 { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:outline-green-200\/20 { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:outline-green-200\/30 { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:outline-green-200\/40 { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:outline-green-200\/50 { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:outline-green-200\/60 { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:outline-green-200\/70 { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:outline-green-200\/80 { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:outline-green-200\/90 { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:outline-green-300 { + outline-color: var(--green-300) + } + .xl\:outline-green-300\/10 { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:outline-green-300\/20 { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:outline-green-300\/30 { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:outline-green-300\/40 { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:outline-green-300\/50 { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:outline-green-300\/60 { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:outline-green-300\/70 { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:outline-green-300\/80 { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:outline-green-300\/90 { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:outline-green-400 { + outline-color: var(--green-400) + } + .xl\:outline-green-400\/10 { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:outline-green-400\/20 { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:outline-green-400\/30 { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:outline-green-400\/40 { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:outline-green-400\/50 { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:outline-green-400\/60 { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:outline-green-400\/70 { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:outline-green-400\/80 { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:outline-green-400\/90 { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:outline-green-500 { + outline-color: var(--green-500) + } + .xl\:outline-green-500\/10 { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:outline-green-500\/20 { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:outline-green-500\/30 { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:outline-green-500\/40 { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:outline-green-500\/50 { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:outline-green-500\/60 { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:outline-green-500\/70 { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:outline-green-500\/80 { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:outline-green-500\/90 { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:outline-green-600 { + outline-color: var(--green-600) + } + .xl\:outline-green-600\/10 { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:outline-green-600\/20 { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:outline-green-600\/30 { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:outline-green-600\/40 { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:outline-green-600\/50 { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:outline-green-600\/60 { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:outline-green-600\/70 { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:outline-green-600\/80 { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:outline-green-600\/90 { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:outline-green-700 { + outline-color: var(--green-700) + } + .xl\:outline-green-700\/10 { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:outline-green-700\/20 { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:outline-green-700\/30 { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:outline-green-700\/40 { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:outline-green-700\/50 { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:outline-green-700\/60 { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:outline-green-700\/70 { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:outline-green-700\/80 { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:outline-green-700\/90 { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:outline-green-800 { + outline-color: var(--green-800) + } + .xl\:outline-green-800\/10 { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:outline-green-800\/20 { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:outline-green-800\/30 { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:outline-green-800\/40 { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:outline-green-800\/50 { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:outline-green-800\/60 { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:outline-green-800\/70 { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:outline-green-800\/80 { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:outline-green-800\/90 { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:outline-green-900 { + outline-color: var(--green-900) + } + .xl\:outline-green-900\/10 { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:outline-green-900\/20 { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:outline-green-900\/30 { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:outline-green-900\/40 { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:outline-green-900\/50 { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:outline-green-900\/60 { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:outline-green-900\/70 { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:outline-green-900\/80 { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:outline-green-900\/90 { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:outline-yellow-50 { + outline-color: var(--yellow-50) + } + .xl\:outline-yellow-50\/10 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:outline-yellow-50\/20 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:outline-yellow-50\/30 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:outline-yellow-50\/40 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:outline-yellow-50\/50 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:outline-yellow-50\/60 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:outline-yellow-50\/70 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:outline-yellow-50\/80 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:outline-yellow-50\/90 { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:outline-yellow-100 { + outline-color: var(--yellow-100) + } + .xl\:outline-yellow-100\/10 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:outline-yellow-100\/20 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:outline-yellow-100\/30 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:outline-yellow-100\/40 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:outline-yellow-100\/50 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:outline-yellow-100\/60 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:outline-yellow-100\/70 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:outline-yellow-100\/80 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:outline-yellow-100\/90 { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:outline-yellow-200 { + outline-color: var(--yellow-200) + } + .xl\:outline-yellow-200\/10 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:outline-yellow-200\/20 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:outline-yellow-200\/30 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:outline-yellow-200\/40 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:outline-yellow-200\/50 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:outline-yellow-200\/60 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:outline-yellow-200\/70 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:outline-yellow-200\/80 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:outline-yellow-200\/90 { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:outline-yellow-300 { + outline-color: var(--yellow-300) + } + .xl\:outline-yellow-300\/10 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:outline-yellow-300\/20 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:outline-yellow-300\/30 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:outline-yellow-300\/40 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:outline-yellow-300\/50 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:outline-yellow-300\/60 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:outline-yellow-300\/70 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:outline-yellow-300\/80 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:outline-yellow-300\/90 { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:outline-yellow-400 { + outline-color: var(--yellow-400) + } + .xl\:outline-yellow-400\/10 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:outline-yellow-400\/20 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:outline-yellow-400\/30 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:outline-yellow-400\/40 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:outline-yellow-400\/50 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:outline-yellow-400\/60 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:outline-yellow-400\/70 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:outline-yellow-400\/80 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:outline-yellow-400\/90 { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:outline-yellow-500 { + outline-color: var(--yellow-500) + } + .xl\:outline-yellow-500\/10 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:outline-yellow-500\/20 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:outline-yellow-500\/30 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:outline-yellow-500\/40 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:outline-yellow-500\/50 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:outline-yellow-500\/60 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:outline-yellow-500\/70 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:outline-yellow-500\/80 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:outline-yellow-500\/90 { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:outline-yellow-600 { + outline-color: var(--yellow-600) + } + .xl\:outline-yellow-600\/10 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:outline-yellow-600\/20 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:outline-yellow-600\/30 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:outline-yellow-600\/40 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:outline-yellow-600\/50 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:outline-yellow-600\/60 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:outline-yellow-600\/70 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:outline-yellow-600\/80 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:outline-yellow-600\/90 { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:outline-yellow-700 { + outline-color: var(--yellow-700) + } + .xl\:outline-yellow-700\/10 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:outline-yellow-700\/20 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:outline-yellow-700\/30 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:outline-yellow-700\/40 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:outline-yellow-700\/50 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:outline-yellow-700\/60 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:outline-yellow-700\/70 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:outline-yellow-700\/80 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:outline-yellow-700\/90 { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:outline-yellow-800 { + outline-color: var(--yellow-800) + } + .xl\:outline-yellow-800\/10 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:outline-yellow-800\/20 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:outline-yellow-800\/30 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:outline-yellow-800\/40 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:outline-yellow-800\/50 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:outline-yellow-800\/60 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:outline-yellow-800\/70 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:outline-yellow-800\/80 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:outline-yellow-800\/90 { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:outline-yellow-900 { + outline-color: var(--yellow-900) + } + .xl\:outline-yellow-900\/10 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:outline-yellow-900\/20 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:outline-yellow-900\/30 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:outline-yellow-900\/40 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:outline-yellow-900\/50 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:outline-yellow-900\/60 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:outline-yellow-900\/70 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:outline-yellow-900\/80 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:outline-yellow-900\/90 { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:outline-cyan-50 { + outline-color: var(--cyan-50) + } + .xl\:outline-cyan-50\/10 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:outline-cyan-50\/20 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:outline-cyan-50\/30 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:outline-cyan-50\/40 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:outline-cyan-50\/50 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:outline-cyan-50\/60 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:outline-cyan-50\/70 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:outline-cyan-50\/80 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:outline-cyan-50\/90 { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:outline-cyan-100 { + outline-color: var(--cyan-100) + } + .xl\:outline-cyan-100\/10 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:outline-cyan-100\/20 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:outline-cyan-100\/30 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:outline-cyan-100\/40 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:outline-cyan-100\/50 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:outline-cyan-100\/60 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:outline-cyan-100\/70 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:outline-cyan-100\/80 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:outline-cyan-100\/90 { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:outline-cyan-200 { + outline-color: var(--cyan-200) + } + .xl\:outline-cyan-200\/10 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:outline-cyan-200\/20 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:outline-cyan-200\/30 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:outline-cyan-200\/40 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:outline-cyan-200\/50 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:outline-cyan-200\/60 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:outline-cyan-200\/70 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:outline-cyan-200\/80 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:outline-cyan-200\/90 { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:outline-cyan-300 { + outline-color: var(--cyan-300) + } + .xl\:outline-cyan-300\/10 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:outline-cyan-300\/20 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:outline-cyan-300\/30 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:outline-cyan-300\/40 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:outline-cyan-300\/50 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:outline-cyan-300\/60 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:outline-cyan-300\/70 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:outline-cyan-300\/80 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:outline-cyan-300\/90 { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:outline-cyan-400 { + outline-color: var(--cyan-400) + } + .xl\:outline-cyan-400\/10 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:outline-cyan-400\/20 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:outline-cyan-400\/30 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:outline-cyan-400\/40 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:outline-cyan-400\/50 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:outline-cyan-400\/60 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:outline-cyan-400\/70 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:outline-cyan-400\/80 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:outline-cyan-400\/90 { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:outline-cyan-500 { + outline-color: var(--cyan-500) + } + .xl\:outline-cyan-500\/10 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:outline-cyan-500\/20 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:outline-cyan-500\/30 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:outline-cyan-500\/40 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:outline-cyan-500\/50 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:outline-cyan-500\/60 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:outline-cyan-500\/70 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:outline-cyan-500\/80 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:outline-cyan-500\/90 { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:outline-cyan-600 { + outline-color: var(--cyan-600) + } + .xl\:outline-cyan-600\/10 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:outline-cyan-600\/20 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:outline-cyan-600\/30 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:outline-cyan-600\/40 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:outline-cyan-600\/50 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:outline-cyan-600\/60 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:outline-cyan-600\/70 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:outline-cyan-600\/80 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:outline-cyan-600\/90 { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:outline-cyan-700 { + outline-color: var(--cyan-700) + } + .xl\:outline-cyan-700\/10 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:outline-cyan-700\/20 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:outline-cyan-700\/30 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:outline-cyan-700\/40 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:outline-cyan-700\/50 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:outline-cyan-700\/60 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:outline-cyan-700\/70 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:outline-cyan-700\/80 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:outline-cyan-700\/90 { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:outline-cyan-800 { + outline-color: var(--cyan-800) + } + .xl\:outline-cyan-800\/10 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:outline-cyan-800\/20 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:outline-cyan-800\/30 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:outline-cyan-800\/40 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:outline-cyan-800\/50 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:outline-cyan-800\/60 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:outline-cyan-800\/70 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:outline-cyan-800\/80 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:outline-cyan-800\/90 { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:outline-cyan-900 { + outline-color: var(--cyan-900) + } + .xl\:outline-cyan-900\/10 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:outline-cyan-900\/20 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:outline-cyan-900\/30 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:outline-cyan-900\/40 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:outline-cyan-900\/50 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:outline-cyan-900\/60 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:outline-cyan-900\/70 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:outline-cyan-900\/80 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:outline-cyan-900\/90 { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:outline-pink-50 { + outline-color: var(--pink-50) + } + .xl\:outline-pink-50\/10 { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:outline-pink-50\/20 { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:outline-pink-50\/30 { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:outline-pink-50\/40 { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:outline-pink-50\/50 { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:outline-pink-50\/60 { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:outline-pink-50\/70 { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:outline-pink-50\/80 { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:outline-pink-50\/90 { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:outline-pink-100 { + outline-color: var(--pink-100) + } + .xl\:outline-pink-100\/10 { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:outline-pink-100\/20 { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:outline-pink-100\/30 { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:outline-pink-100\/40 { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:outline-pink-100\/50 { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:outline-pink-100\/60 { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:outline-pink-100\/70 { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:outline-pink-100\/80 { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:outline-pink-100\/90 { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:outline-pink-200 { + outline-color: var(--pink-200) + } + .xl\:outline-pink-200\/10 { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:outline-pink-200\/20 { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:outline-pink-200\/30 { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:outline-pink-200\/40 { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:outline-pink-200\/50 { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:outline-pink-200\/60 { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:outline-pink-200\/70 { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:outline-pink-200\/80 { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:outline-pink-200\/90 { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:outline-pink-300 { + outline-color: var(--pink-300) + } + .xl\:outline-pink-300\/10 { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:outline-pink-300\/20 { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:outline-pink-300\/30 { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:outline-pink-300\/40 { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:outline-pink-300\/50 { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:outline-pink-300\/60 { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:outline-pink-300\/70 { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:outline-pink-300\/80 { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:outline-pink-300\/90 { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:outline-pink-400 { + outline-color: var(--pink-400) + } + .xl\:outline-pink-400\/10 { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:outline-pink-400\/20 { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:outline-pink-400\/30 { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:outline-pink-400\/40 { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:outline-pink-400\/50 { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:outline-pink-400\/60 { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:outline-pink-400\/70 { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:outline-pink-400\/80 { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:outline-pink-400\/90 { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:outline-pink-500 { + outline-color: var(--pink-500) + } + .xl\:outline-pink-500\/10 { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:outline-pink-500\/20 { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:outline-pink-500\/30 { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:outline-pink-500\/40 { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:outline-pink-500\/50 { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:outline-pink-500\/60 { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:outline-pink-500\/70 { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:outline-pink-500\/80 { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:outline-pink-500\/90 { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:outline-pink-600 { + outline-color: var(--pink-600) + } + .xl\:outline-pink-600\/10 { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:outline-pink-600\/20 { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:outline-pink-600\/30 { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:outline-pink-600\/40 { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:outline-pink-600\/50 { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:outline-pink-600\/60 { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:outline-pink-600\/70 { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:outline-pink-600\/80 { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:outline-pink-600\/90 { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:outline-pink-700 { + outline-color: var(--pink-700) + } + .xl\:outline-pink-700\/10 { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:outline-pink-700\/20 { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:outline-pink-700\/30 { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:outline-pink-700\/40 { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:outline-pink-700\/50 { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:outline-pink-700\/60 { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:outline-pink-700\/70 { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:outline-pink-700\/80 { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:outline-pink-700\/90 { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:outline-pink-800 { + outline-color: var(--pink-800) + } + .xl\:outline-pink-800\/10 { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:outline-pink-800\/20 { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:outline-pink-800\/30 { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:outline-pink-800\/40 { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:outline-pink-800\/50 { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:outline-pink-800\/60 { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:outline-pink-800\/70 { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:outline-pink-800\/80 { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:outline-pink-800\/90 { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:outline-pink-900 { + outline-color: var(--pink-900) + } + .xl\:outline-pink-900\/10 { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:outline-pink-900\/20 { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:outline-pink-900\/30 { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:outline-pink-900\/40 { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:outline-pink-900\/50 { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:outline-pink-900\/60 { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:outline-pink-900\/70 { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:outline-pink-900\/80 { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:outline-pink-900\/90 { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:outline-indigo-50 { + outline-color: var(--indigo-50) + } + .xl\:outline-indigo-50\/10 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:outline-indigo-50\/20 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:outline-indigo-50\/30 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:outline-indigo-50\/40 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:outline-indigo-50\/50 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:outline-indigo-50\/60 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:outline-indigo-50\/70 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:outline-indigo-50\/80 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:outline-indigo-50\/90 { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:outline-indigo-100 { + outline-color: var(--indigo-100) + } + .xl\:outline-indigo-100\/10 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:outline-indigo-100\/20 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:outline-indigo-100\/30 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:outline-indigo-100\/40 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:outline-indigo-100\/50 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:outline-indigo-100\/60 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:outline-indigo-100\/70 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:outline-indigo-100\/80 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:outline-indigo-100\/90 { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:outline-indigo-200 { + outline-color: var(--indigo-200) + } + .xl\:outline-indigo-200\/10 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:outline-indigo-200\/20 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:outline-indigo-200\/30 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:outline-indigo-200\/40 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:outline-indigo-200\/50 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:outline-indigo-200\/60 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:outline-indigo-200\/70 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:outline-indigo-200\/80 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:outline-indigo-200\/90 { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:outline-indigo-300 { + outline-color: var(--indigo-300) + } + .xl\:outline-indigo-300\/10 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:outline-indigo-300\/20 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:outline-indigo-300\/30 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:outline-indigo-300\/40 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:outline-indigo-300\/50 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:outline-indigo-300\/60 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:outline-indigo-300\/70 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:outline-indigo-300\/80 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:outline-indigo-300\/90 { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:outline-indigo-400 { + outline-color: var(--indigo-400) + } + .xl\:outline-indigo-400\/10 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:outline-indigo-400\/20 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:outline-indigo-400\/30 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:outline-indigo-400\/40 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:outline-indigo-400\/50 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:outline-indigo-400\/60 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:outline-indigo-400\/70 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:outline-indigo-400\/80 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:outline-indigo-400\/90 { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:outline-indigo-500 { + outline-color: var(--indigo-500) + } + .xl\:outline-indigo-500\/10 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:outline-indigo-500\/20 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:outline-indigo-500\/30 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:outline-indigo-500\/40 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:outline-indigo-500\/50 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:outline-indigo-500\/60 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:outline-indigo-500\/70 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:outline-indigo-500\/80 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:outline-indigo-500\/90 { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:outline-indigo-600 { + outline-color: var(--indigo-600) + } + .xl\:outline-indigo-600\/10 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:outline-indigo-600\/20 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:outline-indigo-600\/30 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:outline-indigo-600\/40 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:outline-indigo-600\/50 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:outline-indigo-600\/60 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:outline-indigo-600\/70 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:outline-indigo-600\/80 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:outline-indigo-600\/90 { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:outline-indigo-700 { + outline-color: var(--indigo-700) + } + .xl\:outline-indigo-700\/10 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:outline-indigo-700\/20 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:outline-indigo-700\/30 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:outline-indigo-700\/40 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:outline-indigo-700\/50 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:outline-indigo-700\/60 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:outline-indigo-700\/70 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:outline-indigo-700\/80 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:outline-indigo-700\/90 { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:outline-indigo-800 { + outline-color: var(--indigo-800) + } + .xl\:outline-indigo-800\/10 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:outline-indigo-800\/20 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:outline-indigo-800\/30 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:outline-indigo-800\/40 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:outline-indigo-800\/50 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:outline-indigo-800\/60 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:outline-indigo-800\/70 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:outline-indigo-800\/80 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:outline-indigo-800\/90 { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:outline-indigo-900 { + outline-color: var(--indigo-900) + } + .xl\:outline-indigo-900\/10 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:outline-indigo-900\/20 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:outline-indigo-900\/30 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:outline-indigo-900\/40 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:outline-indigo-900\/50 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:outline-indigo-900\/60 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:outline-indigo-900\/70 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:outline-indigo-900\/80 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:outline-indigo-900\/90 { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:outline-teal-50 { + outline-color: var(--teal-50) + } + .xl\:outline-teal-50\/10 { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:outline-teal-50\/20 { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:outline-teal-50\/30 { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:outline-teal-50\/40 { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:outline-teal-50\/50 { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:outline-teal-50\/60 { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:outline-teal-50\/70 { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:outline-teal-50\/80 { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:outline-teal-50\/90 { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:outline-teal-100 { + outline-color: var(--teal-100) + } + .xl\:outline-teal-100\/10 { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:outline-teal-100\/20 { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:outline-teal-100\/30 { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:outline-teal-100\/40 { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:outline-teal-100\/50 { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:outline-teal-100\/60 { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:outline-teal-100\/70 { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:outline-teal-100\/80 { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:outline-teal-100\/90 { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:outline-teal-200 { + outline-color: var(--teal-200) + } + .xl\:outline-teal-200\/10 { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:outline-teal-200\/20 { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:outline-teal-200\/30 { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:outline-teal-200\/40 { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:outline-teal-200\/50 { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:outline-teal-200\/60 { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:outline-teal-200\/70 { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:outline-teal-200\/80 { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:outline-teal-200\/90 { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:outline-teal-300 { + outline-color: var(--teal-300) + } + .xl\:outline-teal-300\/10 { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:outline-teal-300\/20 { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:outline-teal-300\/30 { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:outline-teal-300\/40 { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:outline-teal-300\/50 { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:outline-teal-300\/60 { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:outline-teal-300\/70 { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:outline-teal-300\/80 { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:outline-teal-300\/90 { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:outline-teal-400 { + outline-color: var(--teal-400) + } + .xl\:outline-teal-400\/10 { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:outline-teal-400\/20 { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:outline-teal-400\/30 { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:outline-teal-400\/40 { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:outline-teal-400\/50 { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:outline-teal-400\/60 { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:outline-teal-400\/70 { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:outline-teal-400\/80 { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:outline-teal-400\/90 { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:outline-teal-500 { + outline-color: var(--teal-500) + } + .xl\:outline-teal-500\/10 { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:outline-teal-500\/20 { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:outline-teal-500\/30 { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:outline-teal-500\/40 { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:outline-teal-500\/50 { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:outline-teal-500\/60 { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:outline-teal-500\/70 { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:outline-teal-500\/80 { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:outline-teal-500\/90 { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:outline-teal-600 { + outline-color: var(--teal-600) + } + .xl\:outline-teal-600\/10 { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:outline-teal-600\/20 { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:outline-teal-600\/30 { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:outline-teal-600\/40 { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:outline-teal-600\/50 { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:outline-teal-600\/60 { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:outline-teal-600\/70 { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:outline-teal-600\/80 { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:outline-teal-600\/90 { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:outline-teal-700 { + outline-color: var(--teal-700) + } + .xl\:outline-teal-700\/10 { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:outline-teal-700\/20 { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:outline-teal-700\/30 { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:outline-teal-700\/40 { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:outline-teal-700\/50 { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:outline-teal-700\/60 { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:outline-teal-700\/70 { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:outline-teal-700\/80 { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:outline-teal-700\/90 { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:outline-teal-800 { + outline-color: var(--teal-800) + } + .xl\:outline-teal-800\/10 { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:outline-teal-800\/20 { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:outline-teal-800\/30 { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:outline-teal-800\/40 { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:outline-teal-800\/50 { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:outline-teal-800\/60 { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:outline-teal-800\/70 { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:outline-teal-800\/80 { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:outline-teal-800\/90 { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:outline-teal-900 { + outline-color: var(--teal-900) + } + .xl\:outline-teal-900\/10 { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:outline-teal-900\/20 { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:outline-teal-900\/30 { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:outline-teal-900\/40 { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:outline-teal-900\/50 { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:outline-teal-900\/60 { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:outline-teal-900\/70 { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:outline-teal-900\/80 { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:outline-teal-900\/90 { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:outline-orange-50 { + outline-color: var(--orange-50) + } + .xl\:outline-orange-50\/10 { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:outline-orange-50\/20 { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:outline-orange-50\/30 { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:outline-orange-50\/40 { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:outline-orange-50\/50 { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:outline-orange-50\/60 { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:outline-orange-50\/70 { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:outline-orange-50\/80 { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:outline-orange-50\/90 { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:outline-orange-100 { + outline-color: var(--orange-100) + } + .xl\:outline-orange-100\/10 { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:outline-orange-100\/20 { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:outline-orange-100\/30 { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:outline-orange-100\/40 { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:outline-orange-100\/50 { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:outline-orange-100\/60 { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:outline-orange-100\/70 { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:outline-orange-100\/80 { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:outline-orange-100\/90 { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:outline-orange-200 { + outline-color: var(--orange-200) + } + .xl\:outline-orange-200\/10 { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:outline-orange-200\/20 { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:outline-orange-200\/30 { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:outline-orange-200\/40 { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:outline-orange-200\/50 { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:outline-orange-200\/60 { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:outline-orange-200\/70 { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:outline-orange-200\/80 { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:outline-orange-200\/90 { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:outline-orange-300 { + outline-color: var(--orange-300) + } + .xl\:outline-orange-300\/10 { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:outline-orange-300\/20 { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:outline-orange-300\/30 { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:outline-orange-300\/40 { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:outline-orange-300\/50 { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:outline-orange-300\/60 { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:outline-orange-300\/70 { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:outline-orange-300\/80 { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:outline-orange-300\/90 { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:outline-orange-400 { + outline-color: var(--orange-400) + } + .xl\:outline-orange-400\/10 { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:outline-orange-400\/20 { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:outline-orange-400\/30 { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:outline-orange-400\/40 { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:outline-orange-400\/50 { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:outline-orange-400\/60 { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:outline-orange-400\/70 { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:outline-orange-400\/80 { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:outline-orange-400\/90 { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:outline-orange-500 { + outline-color: var(--orange-500) + } + .xl\:outline-orange-500\/10 { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:outline-orange-500\/20 { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:outline-orange-500\/30 { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:outline-orange-500\/40 { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:outline-orange-500\/50 { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:outline-orange-500\/60 { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:outline-orange-500\/70 { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:outline-orange-500\/80 { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:outline-orange-500\/90 { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:outline-orange-600 { + outline-color: var(--orange-600) + } + .xl\:outline-orange-600\/10 { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:outline-orange-600\/20 { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:outline-orange-600\/30 { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:outline-orange-600\/40 { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:outline-orange-600\/50 { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:outline-orange-600\/60 { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:outline-orange-600\/70 { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:outline-orange-600\/80 { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:outline-orange-600\/90 { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:outline-orange-700 { + outline-color: var(--orange-700) + } + .xl\:outline-orange-700\/10 { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:outline-orange-700\/20 { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:outline-orange-700\/30 { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:outline-orange-700\/40 { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:outline-orange-700\/50 { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:outline-orange-700\/60 { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:outline-orange-700\/70 { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:outline-orange-700\/80 { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:outline-orange-700\/90 { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:outline-orange-800 { + outline-color: var(--orange-800) + } + .xl\:outline-orange-800\/10 { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:outline-orange-800\/20 { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:outline-orange-800\/30 { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:outline-orange-800\/40 { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:outline-orange-800\/50 { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:outline-orange-800\/60 { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:outline-orange-800\/70 { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:outline-orange-800\/80 { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:outline-orange-800\/90 { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:outline-orange-900 { + outline-color: var(--orange-900) + } + .xl\:outline-orange-900\/10 { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:outline-orange-900\/20 { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:outline-orange-900\/30 { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:outline-orange-900\/40 { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:outline-orange-900\/50 { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:outline-orange-900\/60 { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:outline-orange-900\/70 { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:outline-orange-900\/80 { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:outline-orange-900\/90 { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:outline-bluegray-50 { + outline-color: var(--bluegray-50) + } + .xl\:outline-bluegray-50\/10 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:outline-bluegray-50\/20 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:outline-bluegray-50\/30 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:outline-bluegray-50\/40 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:outline-bluegray-50\/50 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:outline-bluegray-50\/60 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:outline-bluegray-50\/70 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:outline-bluegray-50\/80 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:outline-bluegray-50\/90 { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:outline-bluegray-100 { + outline-color: var(--bluegray-100) + } + .xl\:outline-bluegray-100\/10 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:outline-bluegray-100\/20 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:outline-bluegray-100\/30 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:outline-bluegray-100\/40 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:outline-bluegray-100\/50 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:outline-bluegray-100\/60 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:outline-bluegray-100\/70 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:outline-bluegray-100\/80 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:outline-bluegray-100\/90 { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:outline-bluegray-200 { + outline-color: var(--bluegray-200) + } + .xl\:outline-bluegray-200\/10 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:outline-bluegray-200\/20 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:outline-bluegray-200\/30 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:outline-bluegray-200\/40 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:outline-bluegray-200\/50 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:outline-bluegray-200\/60 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:outline-bluegray-200\/70 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:outline-bluegray-200\/80 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:outline-bluegray-200\/90 { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:outline-bluegray-300 { + outline-color: var(--bluegray-300) + } + .xl\:outline-bluegray-300\/10 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:outline-bluegray-300\/20 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:outline-bluegray-300\/30 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:outline-bluegray-300\/40 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:outline-bluegray-300\/50 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:outline-bluegray-300\/60 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:outline-bluegray-300\/70 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:outline-bluegray-300\/80 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:outline-bluegray-300\/90 { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:outline-bluegray-400 { + outline-color: var(--bluegray-400) + } + .xl\:outline-bluegray-400\/10 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:outline-bluegray-400\/20 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:outline-bluegray-400\/30 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:outline-bluegray-400\/40 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:outline-bluegray-400\/50 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:outline-bluegray-400\/60 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:outline-bluegray-400\/70 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:outline-bluegray-400\/80 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:outline-bluegray-400\/90 { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:outline-bluegray-500 { + outline-color: var(--bluegray-500) + } + .xl\:outline-bluegray-500\/10 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:outline-bluegray-500\/20 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:outline-bluegray-500\/30 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:outline-bluegray-500\/40 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:outline-bluegray-500\/50 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:outline-bluegray-500\/60 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:outline-bluegray-500\/70 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:outline-bluegray-500\/80 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:outline-bluegray-500\/90 { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:outline-bluegray-600 { + outline-color: var(--bluegray-600) + } + .xl\:outline-bluegray-600\/10 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:outline-bluegray-600\/20 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:outline-bluegray-600\/30 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:outline-bluegray-600\/40 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:outline-bluegray-600\/50 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:outline-bluegray-600\/60 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:outline-bluegray-600\/70 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:outline-bluegray-600\/80 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:outline-bluegray-600\/90 { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:outline-bluegray-700 { + outline-color: var(--bluegray-700) + } + .xl\:outline-bluegray-700\/10 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:outline-bluegray-700\/20 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:outline-bluegray-700\/30 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:outline-bluegray-700\/40 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:outline-bluegray-700\/50 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:outline-bluegray-700\/60 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:outline-bluegray-700\/70 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:outline-bluegray-700\/80 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:outline-bluegray-700\/90 { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:outline-bluegray-800 { + outline-color: var(--bluegray-800) + } + .xl\:outline-bluegray-800\/10 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:outline-bluegray-800\/20 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:outline-bluegray-800\/30 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:outline-bluegray-800\/40 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:outline-bluegray-800\/50 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:outline-bluegray-800\/60 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:outline-bluegray-800\/70 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:outline-bluegray-800\/80 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:outline-bluegray-800\/90 { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:outline-bluegray-900 { + outline-color: var(--bluegray-900) + } + .xl\:outline-bluegray-900\/10 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:outline-bluegray-900\/20 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:outline-bluegray-900\/30 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:outline-bluegray-900\/40 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:outline-bluegray-900\/50 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:outline-bluegray-900\/60 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:outline-bluegray-900\/70 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:outline-bluegray-900\/80 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:outline-bluegray-900\/90 { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:outline-purple-50 { + outline-color: var(--purple-50) + } + .xl\:outline-purple-50\/10 { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:outline-purple-50\/20 { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:outline-purple-50\/30 { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:outline-purple-50\/40 { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:outline-purple-50\/50 { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:outline-purple-50\/60 { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:outline-purple-50\/70 { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:outline-purple-50\/80 { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:outline-purple-50\/90 { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:outline-purple-100 { + outline-color: var(--purple-100) + } + .xl\:outline-purple-100\/10 { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:outline-purple-100\/20 { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:outline-purple-100\/30 { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:outline-purple-100\/40 { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:outline-purple-100\/50 { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:outline-purple-100\/60 { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:outline-purple-100\/70 { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:outline-purple-100\/80 { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:outline-purple-100\/90 { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:outline-purple-200 { + outline-color: var(--purple-200) + } + .xl\:outline-purple-200\/10 { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:outline-purple-200\/20 { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:outline-purple-200\/30 { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:outline-purple-200\/40 { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:outline-purple-200\/50 { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:outline-purple-200\/60 { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:outline-purple-200\/70 { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:outline-purple-200\/80 { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:outline-purple-200\/90 { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:outline-purple-300 { + outline-color: var(--purple-300) + } + .xl\:outline-purple-300\/10 { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:outline-purple-300\/20 { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:outline-purple-300\/30 { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:outline-purple-300\/40 { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:outline-purple-300\/50 { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:outline-purple-300\/60 { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:outline-purple-300\/70 { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:outline-purple-300\/80 { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:outline-purple-300\/90 { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:outline-purple-400 { + outline-color: var(--purple-400) + } + .xl\:outline-purple-400\/10 { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:outline-purple-400\/20 { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:outline-purple-400\/30 { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:outline-purple-400\/40 { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:outline-purple-400\/50 { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:outline-purple-400\/60 { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:outline-purple-400\/70 { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:outline-purple-400\/80 { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:outline-purple-400\/90 { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:outline-purple-500 { + outline-color: var(--purple-500) + } + .xl\:outline-purple-500\/10 { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:outline-purple-500\/20 { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:outline-purple-500\/30 { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:outline-purple-500\/40 { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:outline-purple-500\/50 { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:outline-purple-500\/60 { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:outline-purple-500\/70 { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:outline-purple-500\/80 { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:outline-purple-500\/90 { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:outline-purple-600 { + outline-color: var(--purple-600) + } + .xl\:outline-purple-600\/10 { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:outline-purple-600\/20 { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:outline-purple-600\/30 { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:outline-purple-600\/40 { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:outline-purple-600\/50 { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:outline-purple-600\/60 { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:outline-purple-600\/70 { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:outline-purple-600\/80 { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:outline-purple-600\/90 { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:outline-purple-700 { + outline-color: var(--purple-700) + } + .xl\:outline-purple-700\/10 { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:outline-purple-700\/20 { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:outline-purple-700\/30 { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:outline-purple-700\/40 { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:outline-purple-700\/50 { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:outline-purple-700\/60 { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:outline-purple-700\/70 { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:outline-purple-700\/80 { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:outline-purple-700\/90 { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:outline-purple-800 { + outline-color: var(--purple-800) + } + .xl\:outline-purple-800\/10 { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:outline-purple-800\/20 { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:outline-purple-800\/30 { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:outline-purple-800\/40 { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:outline-purple-800\/50 { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:outline-purple-800\/60 { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:outline-purple-800\/70 { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:outline-purple-800\/80 { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:outline-purple-800\/90 { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:outline-purple-900 { + outline-color: var(--purple-900) + } + .xl\:outline-purple-900\/10 { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:outline-purple-900\/20 { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:outline-purple-900\/30 { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:outline-purple-900\/40 { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:outline-purple-900\/50 { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:outline-purple-900\/60 { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:outline-purple-900\/70 { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:outline-purple-900\/80 { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:outline-purple-900\/90 { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:outline-red-50 { + outline-color: var(--red-50) + } + .xl\:outline-red-50\/10 { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:outline-red-50\/20 { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:outline-red-50\/30 { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:outline-red-50\/40 { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:outline-red-50\/50 { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:outline-red-50\/60 { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:outline-red-50\/70 { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:outline-red-50\/80 { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:outline-red-50\/90 { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:outline-red-100 { + outline-color: var(--red-100) + } + .xl\:outline-red-100\/10 { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:outline-red-100\/20 { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:outline-red-100\/30 { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:outline-red-100\/40 { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:outline-red-100\/50 { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:outline-red-100\/60 { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:outline-red-100\/70 { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:outline-red-100\/80 { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:outline-red-100\/90 { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:outline-red-200 { + outline-color: var(--red-200) + } + .xl\:outline-red-200\/10 { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:outline-red-200\/20 { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:outline-red-200\/30 { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:outline-red-200\/40 { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:outline-red-200\/50 { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:outline-red-200\/60 { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:outline-red-200\/70 { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:outline-red-200\/80 { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:outline-red-200\/90 { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:outline-red-300 { + outline-color: var(--red-300) + } + .xl\:outline-red-300\/10 { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:outline-red-300\/20 { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:outline-red-300\/30 { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:outline-red-300\/40 { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:outline-red-300\/50 { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:outline-red-300\/60 { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:outline-red-300\/70 { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:outline-red-300\/80 { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:outline-red-300\/90 { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:outline-red-400 { + outline-color: var(--red-400) + } + .xl\:outline-red-400\/10 { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:outline-red-400\/20 { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:outline-red-400\/30 { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:outline-red-400\/40 { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:outline-red-400\/50 { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:outline-red-400\/60 { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:outline-red-400\/70 { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:outline-red-400\/80 { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:outline-red-400\/90 { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:outline-red-500 { + outline-color: var(--red-500) + } + .xl\:outline-red-500\/10 { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:outline-red-500\/20 { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:outline-red-500\/30 { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:outline-red-500\/40 { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:outline-red-500\/50 { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:outline-red-500\/60 { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:outline-red-500\/70 { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:outline-red-500\/80 { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:outline-red-500\/90 { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:outline-red-600 { + outline-color: var(--red-600) + } + .xl\:outline-red-600\/10 { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:outline-red-600\/20 { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:outline-red-600\/30 { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:outline-red-600\/40 { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:outline-red-600\/50 { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:outline-red-600\/60 { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:outline-red-600\/70 { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:outline-red-600\/80 { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:outline-red-600\/90 { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:outline-red-700 { + outline-color: var(--red-700) + } + .xl\:outline-red-700\/10 { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:outline-red-700\/20 { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:outline-red-700\/30 { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:outline-red-700\/40 { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:outline-red-700\/50 { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:outline-red-700\/60 { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:outline-red-700\/70 { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:outline-red-700\/80 { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:outline-red-700\/90 { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:outline-red-800 { + outline-color: var(--red-800) + } + .xl\:outline-red-800\/10 { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:outline-red-800\/20 { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:outline-red-800\/30 { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:outline-red-800\/40 { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:outline-red-800\/50 { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:outline-red-800\/60 { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:outline-red-800\/70 { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:outline-red-800\/80 { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:outline-red-800\/90 { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:outline-red-900 { + outline-color: var(--red-900) + } + .xl\:outline-red-900\/10 { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:outline-red-900\/20 { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:outline-red-900\/30 { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:outline-red-900\/40 { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:outline-red-900\/50 { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:outline-red-900\/60 { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:outline-red-900\/70 { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:outline-red-900\/80 { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:outline-red-900\/90 { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:outline-gray-50 { + outline-color: var(--gray-50) + } + .xl\:outline-gray-50\/10 { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:outline-gray-50\/20 { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:outline-gray-50\/30 { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:outline-gray-50\/40 { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:outline-gray-50\/50 { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:outline-gray-50\/60 { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:outline-gray-50\/70 { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:outline-gray-50\/80 { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:outline-gray-50\/90 { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:outline-gray-100 { + outline-color: var(--gray-100) + } + .xl\:outline-gray-100\/10 { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:outline-gray-100\/20 { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:outline-gray-100\/30 { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:outline-gray-100\/40 { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:outline-gray-100\/50 { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:outline-gray-100\/60 { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:outline-gray-100\/70 { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:outline-gray-100\/80 { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:outline-gray-100\/90 { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:outline-gray-200 { + outline-color: var(--gray-200) + } + .xl\:outline-gray-200\/10 { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:outline-gray-200\/20 { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:outline-gray-200\/30 { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:outline-gray-200\/40 { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:outline-gray-200\/50 { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:outline-gray-200\/60 { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:outline-gray-200\/70 { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:outline-gray-200\/80 { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:outline-gray-200\/90 { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:outline-gray-300 { + outline-color: var(--gray-300) + } + .xl\:outline-gray-300\/10 { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:outline-gray-300\/20 { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:outline-gray-300\/30 { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:outline-gray-300\/40 { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:outline-gray-300\/50 { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:outline-gray-300\/60 { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:outline-gray-300\/70 { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:outline-gray-300\/80 { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:outline-gray-300\/90 { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:outline-gray-400 { + outline-color: var(--gray-400) + } + .xl\:outline-gray-400\/10 { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:outline-gray-400\/20 { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:outline-gray-400\/30 { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:outline-gray-400\/40 { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:outline-gray-400\/50 { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:outline-gray-400\/60 { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:outline-gray-400\/70 { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:outline-gray-400\/80 { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:outline-gray-400\/90 { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:outline-gray-500 { + outline-color: var(--gray-500) + } + .xl\:outline-gray-500\/10 { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:outline-gray-500\/20 { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:outline-gray-500\/30 { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:outline-gray-500\/40 { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:outline-gray-500\/50 { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:outline-gray-500\/60 { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:outline-gray-500\/70 { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:outline-gray-500\/80 { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:outline-gray-500\/90 { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:outline-gray-600 { + outline-color: var(--gray-600) + } + .xl\:outline-gray-600\/10 { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:outline-gray-600\/20 { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:outline-gray-600\/30 { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:outline-gray-600\/40 { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:outline-gray-600\/50 { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:outline-gray-600\/60 { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:outline-gray-600\/70 { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:outline-gray-600\/80 { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:outline-gray-600\/90 { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:outline-gray-700 { + outline-color: var(--gray-700) + } + .xl\:outline-gray-700\/10 { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:outline-gray-700\/20 { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:outline-gray-700\/30 { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:outline-gray-700\/40 { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:outline-gray-700\/50 { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:outline-gray-700\/60 { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:outline-gray-700\/70 { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:outline-gray-700\/80 { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:outline-gray-700\/90 { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:outline-gray-800 { + outline-color: var(--gray-800) + } + .xl\:outline-gray-800\/10 { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:outline-gray-800\/20 { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:outline-gray-800\/30 { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:outline-gray-800\/40 { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:outline-gray-800\/50 { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:outline-gray-800\/60 { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:outline-gray-800\/70 { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:outline-gray-800\/80 { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:outline-gray-800\/90 { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:outline-gray-900 { + outline-color: var(--gray-900) + } + .xl\:outline-gray-900\/10 { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:outline-gray-900\/20 { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:outline-gray-900\/30 { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:outline-gray-900\/40 { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:outline-gray-900\/50 { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:outline-gray-900\/60 { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:outline-gray-900\/70 { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:outline-gray-900\/80 { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:outline-gray-900\/90 { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:outline-surface-0 { + outline-color: var(--surface-0) + } + .xl\:outline-surface-0\/10 { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:outline-surface-0\/20 { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:outline-surface-0\/30 { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:outline-surface-0\/40 { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:outline-surface-0\/50 { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:outline-surface-0\/60 { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:outline-surface-0\/70 { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:outline-surface-0\/80 { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:outline-surface-0\/90 { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:outline-surface-50 { + outline-color: var(--surface-50) + } + .xl\:outline-surface-50\/10 { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:outline-surface-50\/20 { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:outline-surface-50\/30 { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:outline-surface-50\/40 { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:outline-surface-50\/50 { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:outline-surface-50\/60 { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:outline-surface-50\/70 { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:outline-surface-50\/80 { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:outline-surface-50\/90 { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:outline-surface-100 { + outline-color: var(--surface-100) + } + .xl\:outline-surface-100\/10 { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:outline-surface-100\/20 { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:outline-surface-100\/30 { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:outline-surface-100\/40 { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:outline-surface-100\/50 { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:outline-surface-100\/60 { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:outline-surface-100\/70 { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:outline-surface-100\/80 { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:outline-surface-100\/90 { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:outline-surface-200 { + outline-color: var(--surface-200) + } + .xl\:outline-surface-200\/10 { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:outline-surface-200\/20 { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:outline-surface-200\/30 { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:outline-surface-200\/40 { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:outline-surface-200\/50 { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:outline-surface-200\/60 { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:outline-surface-200\/70 { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:outline-surface-200\/80 { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:outline-surface-200\/90 { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:outline-surface-300 { + outline-color: var(--surface-300) + } + .xl\:outline-surface-300\/10 { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:outline-surface-300\/20 { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:outline-surface-300\/30 { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:outline-surface-300\/40 { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:outline-surface-300\/50 { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:outline-surface-300\/60 { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:outline-surface-300\/70 { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:outline-surface-300\/80 { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:outline-surface-300\/90 { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:outline-surface-400 { + outline-color: var(--surface-400) + } + .xl\:outline-surface-400\/10 { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:outline-surface-400\/20 { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:outline-surface-400\/30 { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:outline-surface-400\/40 { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:outline-surface-400\/50 { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:outline-surface-400\/60 { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:outline-surface-400\/70 { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:outline-surface-400\/80 { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:outline-surface-400\/90 { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:outline-surface-500 { + outline-color: var(--surface-500) + } + .xl\:outline-surface-500\/10 { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:outline-surface-500\/20 { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:outline-surface-500\/30 { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:outline-surface-500\/40 { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:outline-surface-500\/50 { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:outline-surface-500\/60 { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:outline-surface-500\/70 { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:outline-surface-500\/80 { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:outline-surface-500\/90 { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:outline-surface-600 { + outline-color: var(--surface-600) + } + .xl\:outline-surface-600\/10 { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:outline-surface-600\/20 { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:outline-surface-600\/30 { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:outline-surface-600\/40 { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:outline-surface-600\/50 { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:outline-surface-600\/60 { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:outline-surface-600\/70 { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:outline-surface-600\/80 { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:outline-surface-600\/90 { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:outline-surface-700 { + outline-color: var(--surface-700) + } + .xl\:outline-surface-700\/10 { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:outline-surface-700\/20 { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:outline-surface-700\/30 { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:outline-surface-700\/40 { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:outline-surface-700\/50 { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:outline-surface-700\/60 { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:outline-surface-700\/70 { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:outline-surface-700\/80 { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:outline-surface-700\/90 { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:outline-surface-800 { + outline-color: var(--surface-800) + } + .xl\:outline-surface-800\/10 { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:outline-surface-800\/20 { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:outline-surface-800\/30 { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:outline-surface-800\/40 { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:outline-surface-800\/50 { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:outline-surface-800\/60 { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:outline-surface-800\/70 { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:outline-surface-800\/80 { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:outline-surface-800\/90 { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:outline-surface-900 { + outline-color: var(--surface-900) + } + .xl\:outline-surface-900\/10 { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:outline-surface-900\/20 { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:outline-surface-900\/30 { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:outline-surface-900\/40 { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:outline-surface-900\/50 { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:outline-surface-900\/60 { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:outline-surface-900\/70 { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:outline-surface-900\/80 { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:outline-surface-900\/90 { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:outline-primary-50 { + outline-color: var(--primary-50) + } + .xl\:outline-primary-50\/10 { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:outline-primary-50\/20 { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:outline-primary-50\/30 { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:outline-primary-50\/40 { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:outline-primary-50\/50 { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:outline-primary-50\/60 { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:outline-primary-50\/70 { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:outline-primary-50\/80 { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:outline-primary-50\/90 { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:outline-primary-100 { + outline-color: var(--primary-100) + } + .xl\:outline-primary-100\/10 { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:outline-primary-100\/20 { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:outline-primary-100\/30 { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:outline-primary-100\/40 { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:outline-primary-100\/50 { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:outline-primary-100\/60 { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:outline-primary-100\/70 { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:outline-primary-100\/80 { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:outline-primary-100\/90 { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:outline-primary-200 { + outline-color: var(--primary-200) + } + .xl\:outline-primary-200\/10 { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:outline-primary-200\/20 { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:outline-primary-200\/30 { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:outline-primary-200\/40 { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:outline-primary-200\/50 { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:outline-primary-200\/60 { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:outline-primary-200\/70 { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:outline-primary-200\/80 { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:outline-primary-200\/90 { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:outline-primary-300 { + outline-color: var(--primary-300) + } + .xl\:outline-primary-300\/10 { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:outline-primary-300\/20 { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:outline-primary-300\/30 { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:outline-primary-300\/40 { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:outline-primary-300\/50 { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:outline-primary-300\/60 { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:outline-primary-300\/70 { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:outline-primary-300\/80 { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:outline-primary-300\/90 { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:outline-primary-400 { + outline-color: var(--primary-400) + } + .xl\:outline-primary-400\/10 { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:outline-primary-400\/20 { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:outline-primary-400\/30 { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:outline-primary-400\/40 { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:outline-primary-400\/50 { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:outline-primary-400\/60 { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:outline-primary-400\/70 { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:outline-primary-400\/80 { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:outline-primary-400\/90 { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:outline-primary-500 { + outline-color: var(--primary-500) + } + .xl\:outline-primary-500\/10 { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:outline-primary-500\/20 { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:outline-primary-500\/30 { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:outline-primary-500\/40 { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:outline-primary-500\/50 { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:outline-primary-500\/60 { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:outline-primary-500\/70 { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:outline-primary-500\/80 { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:outline-primary-500\/90 { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:outline-primary-600 { + outline-color: var(--primary-600) + } + .xl\:outline-primary-600\/10 { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:outline-primary-600\/20 { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:outline-primary-600\/30 { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:outline-primary-600\/40 { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:outline-primary-600\/50 { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:outline-primary-600\/60 { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:outline-primary-600\/70 { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:outline-primary-600\/80 { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:outline-primary-600\/90 { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:outline-primary-700 { + outline-color: var(--primary-700) + } + .xl\:outline-primary-700\/10 { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:outline-primary-700\/20 { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:outline-primary-700\/30 { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:outline-primary-700\/40 { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:outline-primary-700\/50 { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:outline-primary-700\/60 { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:outline-primary-700\/70 { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:outline-primary-700\/80 { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:outline-primary-700\/90 { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:outline-primary-800 { + outline-color: var(--primary-800) + } + .xl\:outline-primary-800\/10 { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:outline-primary-800\/20 { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:outline-primary-800\/30 { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:outline-primary-800\/40 { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:outline-primary-800\/50 { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:outline-primary-800\/60 { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:outline-primary-800\/70 { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:outline-primary-800\/80 { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:outline-primary-800\/90 { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:outline-primary-900 { + outline-color: var(--primary-900) + } + .xl\:outline-primary-900\/10 { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:outline-primary-900\/20 { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:outline-primary-900\/30 { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:outline-primary-900\/40 { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:outline-primary-900\/50 { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:outline-primary-900\/60 { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:outline-primary-900\/70 { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:outline-primary-900\/80 { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:outline-primary-900\/90 { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:outline-blue-50:focus { + outline-color: var(--blue-50) + } + .xl\:hover\:outline-blue-50:hover { + outline-color: var(--blue-50) + } + .xl\:active\:outline-blue-50:active { + outline-color: var(--blue-50) + } + .xl\:focus\:outline-blue-50\/10:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:outline-blue-50\/10:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:outline-blue-50\/10:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:outline-blue-50\/20:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:outline-blue-50\/20:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:outline-blue-50\/20:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:outline-blue-50\/30:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:outline-blue-50\/30:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:outline-blue-50\/30:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:outline-blue-50\/40:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:outline-blue-50\/40:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:outline-blue-50\/40:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:outline-blue-50\/50:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:outline-blue-50\/50:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:outline-blue-50\/50:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:outline-blue-50\/60:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:outline-blue-50\/60:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:outline-blue-50\/60:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:outline-blue-50\/70:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:outline-blue-50\/70:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:outline-blue-50\/70:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:outline-blue-50\/80:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:outline-blue-50\/80:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:outline-blue-50\/80:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:outline-blue-50\/90:focus { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:outline-blue-50\/90:hover { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:outline-blue-50\/90:active { + outline-color: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:outline-blue-100:focus { + outline-color: var(--blue-100) + } + .xl\:hover\:outline-blue-100:hover { + outline-color: var(--blue-100) + } + .xl\:active\:outline-blue-100:active { + outline-color: var(--blue-100) + } + .xl\:focus\:outline-blue-100\/10:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:outline-blue-100\/10:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:outline-blue-100\/10:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:outline-blue-100\/20:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:outline-blue-100\/20:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:outline-blue-100\/20:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:outline-blue-100\/30:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:outline-blue-100\/30:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:outline-blue-100\/30:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:outline-blue-100\/40:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:outline-blue-100\/40:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:outline-blue-100\/40:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:outline-blue-100\/50:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:outline-blue-100\/50:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:outline-blue-100\/50:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:outline-blue-100\/60:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:outline-blue-100\/60:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:outline-blue-100\/60:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:outline-blue-100\/70:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:outline-blue-100\/70:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:outline-blue-100\/70:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:outline-blue-100\/80:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:outline-blue-100\/80:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:outline-blue-100\/80:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:outline-blue-100\/90:focus { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:outline-blue-100\/90:hover { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:outline-blue-100\/90:active { + outline-color: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:outline-blue-200:focus { + outline-color: var(--blue-200) + } + .xl\:hover\:outline-blue-200:hover { + outline-color: var(--blue-200) + } + .xl\:active\:outline-blue-200:active { + outline-color: var(--blue-200) + } + .xl\:focus\:outline-blue-200\/10:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:outline-blue-200\/10:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:outline-blue-200\/10:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:outline-blue-200\/20:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:outline-blue-200\/20:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:outline-blue-200\/20:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:outline-blue-200\/30:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:outline-blue-200\/30:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:outline-blue-200\/30:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:outline-blue-200\/40:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:outline-blue-200\/40:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:outline-blue-200\/40:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:outline-blue-200\/50:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:outline-blue-200\/50:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:outline-blue-200\/50:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:outline-blue-200\/60:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:outline-blue-200\/60:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:outline-blue-200\/60:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:outline-blue-200\/70:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:outline-blue-200\/70:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:outline-blue-200\/70:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:outline-blue-200\/80:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:outline-blue-200\/80:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:outline-blue-200\/80:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:outline-blue-200\/90:focus { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:outline-blue-200\/90:hover { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:outline-blue-200\/90:active { + outline-color: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:outline-blue-300:focus { + outline-color: var(--blue-300) + } + .xl\:hover\:outline-blue-300:hover { + outline-color: var(--blue-300) + } + .xl\:active\:outline-blue-300:active { + outline-color: var(--blue-300) + } + .xl\:focus\:outline-blue-300\/10:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:outline-blue-300\/10:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:outline-blue-300\/10:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:outline-blue-300\/20:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:outline-blue-300\/20:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:outline-blue-300\/20:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:outline-blue-300\/30:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:outline-blue-300\/30:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:outline-blue-300\/30:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:outline-blue-300\/40:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:outline-blue-300\/40:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:outline-blue-300\/40:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:outline-blue-300\/50:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:outline-blue-300\/50:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:outline-blue-300\/50:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:outline-blue-300\/60:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:outline-blue-300\/60:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:outline-blue-300\/60:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:outline-blue-300\/70:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:outline-blue-300\/70:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:outline-blue-300\/70:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:outline-blue-300\/80:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:outline-blue-300\/80:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:outline-blue-300\/80:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:outline-blue-300\/90:focus { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:outline-blue-300\/90:hover { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:outline-blue-300\/90:active { + outline-color: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:outline-blue-400:focus { + outline-color: var(--blue-400) + } + .xl\:hover\:outline-blue-400:hover { + outline-color: var(--blue-400) + } + .xl\:active\:outline-blue-400:active { + outline-color: var(--blue-400) + } + .xl\:focus\:outline-blue-400\/10:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:outline-blue-400\/10:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:outline-blue-400\/10:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:outline-blue-400\/20:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:outline-blue-400\/20:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:outline-blue-400\/20:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:outline-blue-400\/30:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:outline-blue-400\/30:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:outline-blue-400\/30:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:outline-blue-400\/40:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:outline-blue-400\/40:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:outline-blue-400\/40:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:outline-blue-400\/50:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:outline-blue-400\/50:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:outline-blue-400\/50:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:outline-blue-400\/60:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:outline-blue-400\/60:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:outline-blue-400\/60:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:outline-blue-400\/70:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:outline-blue-400\/70:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:outline-blue-400\/70:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:outline-blue-400\/80:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:outline-blue-400\/80:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:outline-blue-400\/80:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:outline-blue-400\/90:focus { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:outline-blue-400\/90:hover { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:outline-blue-400\/90:active { + outline-color: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:outline-blue-500:focus { + outline-color: var(--blue-500) + } + .xl\:hover\:outline-blue-500:hover { + outline-color: var(--blue-500) + } + .xl\:active\:outline-blue-500:active { + outline-color: var(--blue-500) + } + .xl\:focus\:outline-blue-500\/10:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:outline-blue-500\/10:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:outline-blue-500\/10:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:outline-blue-500\/20:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:outline-blue-500\/20:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:outline-blue-500\/20:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:outline-blue-500\/30:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:outline-blue-500\/30:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:outline-blue-500\/30:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:outline-blue-500\/40:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:outline-blue-500\/40:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:outline-blue-500\/40:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:outline-blue-500\/50:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:outline-blue-500\/50:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:outline-blue-500\/50:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:outline-blue-500\/60:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:outline-blue-500\/60:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:outline-blue-500\/60:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:outline-blue-500\/70:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:outline-blue-500\/70:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:outline-blue-500\/70:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:outline-blue-500\/80:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:outline-blue-500\/80:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:outline-blue-500\/80:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:outline-blue-500\/90:focus { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:outline-blue-500\/90:hover { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:outline-blue-500\/90:active { + outline-color: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:outline-blue-600:focus { + outline-color: var(--blue-600) + } + .xl\:hover\:outline-blue-600:hover { + outline-color: var(--blue-600) + } + .xl\:active\:outline-blue-600:active { + outline-color: var(--blue-600) + } + .xl\:focus\:outline-blue-600\/10:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:outline-blue-600\/10:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:outline-blue-600\/10:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:outline-blue-600\/20:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:outline-blue-600\/20:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:outline-blue-600\/20:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:outline-blue-600\/30:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:outline-blue-600\/30:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:outline-blue-600\/30:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:outline-blue-600\/40:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:outline-blue-600\/40:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:outline-blue-600\/40:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:outline-blue-600\/50:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:outline-blue-600\/50:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:outline-blue-600\/50:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:outline-blue-600\/60:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:outline-blue-600\/60:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:outline-blue-600\/60:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:outline-blue-600\/70:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:outline-blue-600\/70:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:outline-blue-600\/70:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:outline-blue-600\/80:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:outline-blue-600\/80:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:outline-blue-600\/80:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:outline-blue-600\/90:focus { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:outline-blue-600\/90:hover { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:outline-blue-600\/90:active { + outline-color: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:outline-blue-700:focus { + outline-color: var(--blue-700) + } + .xl\:hover\:outline-blue-700:hover { + outline-color: var(--blue-700) + } + .xl\:active\:outline-blue-700:active { + outline-color: var(--blue-700) + } + .xl\:focus\:outline-blue-700\/10:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:outline-blue-700\/10:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:outline-blue-700\/10:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:outline-blue-700\/20:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:outline-blue-700\/20:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:outline-blue-700\/20:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:outline-blue-700\/30:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:outline-blue-700\/30:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:outline-blue-700\/30:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:outline-blue-700\/40:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:outline-blue-700\/40:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:outline-blue-700\/40:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:outline-blue-700\/50:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:outline-blue-700\/50:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:outline-blue-700\/50:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:outline-blue-700\/60:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:outline-blue-700\/60:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:outline-blue-700\/60:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:outline-blue-700\/70:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:outline-blue-700\/70:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:outline-blue-700\/70:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:outline-blue-700\/80:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:outline-blue-700\/80:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:outline-blue-700\/80:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:outline-blue-700\/90:focus { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:outline-blue-700\/90:hover { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:outline-blue-700\/90:active { + outline-color: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:outline-blue-800:focus { + outline-color: var(--blue-800) + } + .xl\:hover\:outline-blue-800:hover { + outline-color: var(--blue-800) + } + .xl\:active\:outline-blue-800:active { + outline-color: var(--blue-800) + } + .xl\:focus\:outline-blue-800\/10:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:outline-blue-800\/10:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:outline-blue-800\/10:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:outline-blue-800\/20:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:outline-blue-800\/20:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:outline-blue-800\/20:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:outline-blue-800\/30:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:outline-blue-800\/30:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:outline-blue-800\/30:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:outline-blue-800\/40:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:outline-blue-800\/40:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:outline-blue-800\/40:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:outline-blue-800\/50:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:outline-blue-800\/50:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:outline-blue-800\/50:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:outline-blue-800\/60:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:outline-blue-800\/60:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:outline-blue-800\/60:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:outline-blue-800\/70:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:outline-blue-800\/70:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:outline-blue-800\/70:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:outline-blue-800\/80:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:outline-blue-800\/80:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:outline-blue-800\/80:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:outline-blue-800\/90:focus { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:outline-blue-800\/90:hover { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:outline-blue-800\/90:active { + outline-color: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:outline-blue-900:focus { + outline-color: var(--blue-900) + } + .xl\:hover\:outline-blue-900:hover { + outline-color: var(--blue-900) + } + .xl\:active\:outline-blue-900:active { + outline-color: var(--blue-900) + } + .xl\:focus\:outline-blue-900\/10:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:outline-blue-900\/10:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:outline-blue-900\/10:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:outline-blue-900\/20:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:outline-blue-900\/20:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:outline-blue-900\/20:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:outline-blue-900\/30:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:outline-blue-900\/30:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:outline-blue-900\/30:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:outline-blue-900\/40:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:outline-blue-900\/40:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:outline-blue-900\/40:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:outline-blue-900\/50:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:outline-blue-900\/50:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:outline-blue-900\/50:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:outline-blue-900\/60:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:outline-blue-900\/60:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:outline-blue-900\/60:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:outline-blue-900\/70:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:outline-blue-900\/70:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:outline-blue-900\/70:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:outline-blue-900\/80:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:outline-blue-900\/80:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:outline-blue-900\/80:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:outline-blue-900\/90:focus { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:outline-blue-900\/90:hover { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:outline-blue-900\/90:active { + outline-color: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:outline-green-50:focus { + outline-color: var(--green-50) + } + .xl\:hover\:outline-green-50:hover { + outline-color: var(--green-50) + } + .xl\:active\:outline-green-50:active { + outline-color: var(--green-50) + } + .xl\:focus\:outline-green-50\/10:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:outline-green-50\/10:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:outline-green-50\/10:active { + outline-color: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:outline-green-50\/20:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:outline-green-50\/20:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:outline-green-50\/20:active { + outline-color: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:outline-green-50\/30:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:outline-green-50\/30:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:outline-green-50\/30:active { + outline-color: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:outline-green-50\/40:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:outline-green-50\/40:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:outline-green-50\/40:active { + outline-color: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:outline-green-50\/50:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:outline-green-50\/50:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:outline-green-50\/50:active { + outline-color: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:outline-green-50\/60:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:outline-green-50\/60:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:outline-green-50\/60:active { + outline-color: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:outline-green-50\/70:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:outline-green-50\/70:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:outline-green-50\/70:active { + outline-color: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:outline-green-50\/80:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:outline-green-50\/80:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:outline-green-50\/80:active { + outline-color: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:outline-green-50\/90:focus { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:outline-green-50\/90:hover { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:outline-green-50\/90:active { + outline-color: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:outline-green-100:focus { + outline-color: var(--green-100) + } + .xl\:hover\:outline-green-100:hover { + outline-color: var(--green-100) + } + .xl\:active\:outline-green-100:active { + outline-color: var(--green-100) + } + .xl\:focus\:outline-green-100\/10:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:outline-green-100\/10:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:outline-green-100\/10:active { + outline-color: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:outline-green-100\/20:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:outline-green-100\/20:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:outline-green-100\/20:active { + outline-color: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:outline-green-100\/30:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:outline-green-100\/30:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:outline-green-100\/30:active { + outline-color: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:outline-green-100\/40:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:outline-green-100\/40:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:outline-green-100\/40:active { + outline-color: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:outline-green-100\/50:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:outline-green-100\/50:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:outline-green-100\/50:active { + outline-color: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:outline-green-100\/60:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:outline-green-100\/60:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:outline-green-100\/60:active { + outline-color: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:outline-green-100\/70:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:outline-green-100\/70:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:outline-green-100\/70:active { + outline-color: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:outline-green-100\/80:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:outline-green-100\/80:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:outline-green-100\/80:active { + outline-color: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:outline-green-100\/90:focus { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:outline-green-100\/90:hover { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:outline-green-100\/90:active { + outline-color: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:outline-green-200:focus { + outline-color: var(--green-200) + } + .xl\:hover\:outline-green-200:hover { + outline-color: var(--green-200) + } + .xl\:active\:outline-green-200:active { + outline-color: var(--green-200) + } + .xl\:focus\:outline-green-200\/10:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:outline-green-200\/10:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:outline-green-200\/10:active { + outline-color: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:outline-green-200\/20:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:outline-green-200\/20:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:outline-green-200\/20:active { + outline-color: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:outline-green-200\/30:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:outline-green-200\/30:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:outline-green-200\/30:active { + outline-color: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:outline-green-200\/40:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:outline-green-200\/40:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:outline-green-200\/40:active { + outline-color: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:outline-green-200\/50:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:outline-green-200\/50:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:outline-green-200\/50:active { + outline-color: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:outline-green-200\/60:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:outline-green-200\/60:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:outline-green-200\/60:active { + outline-color: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:outline-green-200\/70:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:outline-green-200\/70:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:outline-green-200\/70:active { + outline-color: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:outline-green-200\/80:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:outline-green-200\/80:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:outline-green-200\/80:active { + outline-color: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:outline-green-200\/90:focus { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:outline-green-200\/90:hover { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:outline-green-200\/90:active { + outline-color: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:outline-green-300:focus { + outline-color: var(--green-300) + } + .xl\:hover\:outline-green-300:hover { + outline-color: var(--green-300) + } + .xl\:active\:outline-green-300:active { + outline-color: var(--green-300) + } + .xl\:focus\:outline-green-300\/10:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:outline-green-300\/10:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:outline-green-300\/10:active { + outline-color: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:outline-green-300\/20:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:outline-green-300\/20:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:outline-green-300\/20:active { + outline-color: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:outline-green-300\/30:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:outline-green-300\/30:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:outline-green-300\/30:active { + outline-color: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:outline-green-300\/40:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:outline-green-300\/40:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:outline-green-300\/40:active { + outline-color: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:outline-green-300\/50:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:outline-green-300\/50:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:outline-green-300\/50:active { + outline-color: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:outline-green-300\/60:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:outline-green-300\/60:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:outline-green-300\/60:active { + outline-color: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:outline-green-300\/70:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:outline-green-300\/70:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:outline-green-300\/70:active { + outline-color: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:outline-green-300\/80:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:outline-green-300\/80:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:outline-green-300\/80:active { + outline-color: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:outline-green-300\/90:focus { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:outline-green-300\/90:hover { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:outline-green-300\/90:active { + outline-color: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:outline-green-400:focus { + outline-color: var(--green-400) + } + .xl\:hover\:outline-green-400:hover { + outline-color: var(--green-400) + } + .xl\:active\:outline-green-400:active { + outline-color: var(--green-400) + } + .xl\:focus\:outline-green-400\/10:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:outline-green-400\/10:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:outline-green-400\/10:active { + outline-color: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:outline-green-400\/20:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:outline-green-400\/20:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:outline-green-400\/20:active { + outline-color: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:outline-green-400\/30:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:outline-green-400\/30:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:outline-green-400\/30:active { + outline-color: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:outline-green-400\/40:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:outline-green-400\/40:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:outline-green-400\/40:active { + outline-color: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:outline-green-400\/50:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:outline-green-400\/50:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:outline-green-400\/50:active { + outline-color: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:outline-green-400\/60:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:outline-green-400\/60:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:outline-green-400\/60:active { + outline-color: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:outline-green-400\/70:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:outline-green-400\/70:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:outline-green-400\/70:active { + outline-color: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:outline-green-400\/80:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:outline-green-400\/80:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:outline-green-400\/80:active { + outline-color: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:outline-green-400\/90:focus { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:outline-green-400\/90:hover { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:outline-green-400\/90:active { + outline-color: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:outline-green-500:focus { + outline-color: var(--green-500) + } + .xl\:hover\:outline-green-500:hover { + outline-color: var(--green-500) + } + .xl\:active\:outline-green-500:active { + outline-color: var(--green-500) + } + .xl\:focus\:outline-green-500\/10:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:outline-green-500\/10:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:outline-green-500\/10:active { + outline-color: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:outline-green-500\/20:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:outline-green-500\/20:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:outline-green-500\/20:active { + outline-color: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:outline-green-500\/30:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:outline-green-500\/30:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:outline-green-500\/30:active { + outline-color: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:outline-green-500\/40:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:outline-green-500\/40:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:outline-green-500\/40:active { + outline-color: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:outline-green-500\/50:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:outline-green-500\/50:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:outline-green-500\/50:active { + outline-color: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:outline-green-500\/60:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:outline-green-500\/60:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:outline-green-500\/60:active { + outline-color: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:outline-green-500\/70:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:outline-green-500\/70:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:outline-green-500\/70:active { + outline-color: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:outline-green-500\/80:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:outline-green-500\/80:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:outline-green-500\/80:active { + outline-color: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:outline-green-500\/90:focus { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:outline-green-500\/90:hover { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:outline-green-500\/90:active { + outline-color: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:outline-green-600:focus { + outline-color: var(--green-600) + } + .xl\:hover\:outline-green-600:hover { + outline-color: var(--green-600) + } + .xl\:active\:outline-green-600:active { + outline-color: var(--green-600) + } + .xl\:focus\:outline-green-600\/10:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:outline-green-600\/10:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:outline-green-600\/10:active { + outline-color: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:outline-green-600\/20:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:outline-green-600\/20:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:outline-green-600\/20:active { + outline-color: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:outline-green-600\/30:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:outline-green-600\/30:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:outline-green-600\/30:active { + outline-color: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:outline-green-600\/40:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:outline-green-600\/40:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:outline-green-600\/40:active { + outline-color: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:outline-green-600\/50:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:outline-green-600\/50:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:outline-green-600\/50:active { + outline-color: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:outline-green-600\/60:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:outline-green-600\/60:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:outline-green-600\/60:active { + outline-color: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:outline-green-600\/70:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:outline-green-600\/70:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:outline-green-600\/70:active { + outline-color: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:outline-green-600\/80:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:outline-green-600\/80:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:outline-green-600\/80:active { + outline-color: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:outline-green-600\/90:focus { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:outline-green-600\/90:hover { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:outline-green-600\/90:active { + outline-color: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:outline-green-700:focus { + outline-color: var(--green-700) + } + .xl\:hover\:outline-green-700:hover { + outline-color: var(--green-700) + } + .xl\:active\:outline-green-700:active { + outline-color: var(--green-700) + } + .xl\:focus\:outline-green-700\/10:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:outline-green-700\/10:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:outline-green-700\/10:active { + outline-color: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:outline-green-700\/20:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:outline-green-700\/20:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:outline-green-700\/20:active { + outline-color: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:outline-green-700\/30:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:outline-green-700\/30:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:outline-green-700\/30:active { + outline-color: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:outline-green-700\/40:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:outline-green-700\/40:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:outline-green-700\/40:active { + outline-color: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:outline-green-700\/50:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:outline-green-700\/50:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:outline-green-700\/50:active { + outline-color: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:outline-green-700\/60:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:outline-green-700\/60:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:outline-green-700\/60:active { + outline-color: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:outline-green-700\/70:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:outline-green-700\/70:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:outline-green-700\/70:active { + outline-color: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:outline-green-700\/80:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:outline-green-700\/80:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:outline-green-700\/80:active { + outline-color: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:outline-green-700\/90:focus { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:outline-green-700\/90:hover { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:outline-green-700\/90:active { + outline-color: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:outline-green-800:focus { + outline-color: var(--green-800) + } + .xl\:hover\:outline-green-800:hover { + outline-color: var(--green-800) + } + .xl\:active\:outline-green-800:active { + outline-color: var(--green-800) + } + .xl\:focus\:outline-green-800\/10:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:outline-green-800\/10:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:outline-green-800\/10:active { + outline-color: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:outline-green-800\/20:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:outline-green-800\/20:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:outline-green-800\/20:active { + outline-color: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:outline-green-800\/30:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:outline-green-800\/30:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:outline-green-800\/30:active { + outline-color: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:outline-green-800\/40:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:outline-green-800\/40:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:outline-green-800\/40:active { + outline-color: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:outline-green-800\/50:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:outline-green-800\/50:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:outline-green-800\/50:active { + outline-color: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:outline-green-800\/60:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:outline-green-800\/60:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:outline-green-800\/60:active { + outline-color: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:outline-green-800\/70:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:outline-green-800\/70:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:outline-green-800\/70:active { + outline-color: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:outline-green-800\/80:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:outline-green-800\/80:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:outline-green-800\/80:active { + outline-color: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:outline-green-800\/90:focus { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:outline-green-800\/90:hover { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:outline-green-800\/90:active { + outline-color: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:outline-green-900:focus { + outline-color: var(--green-900) + } + .xl\:hover\:outline-green-900:hover { + outline-color: var(--green-900) + } + .xl\:active\:outline-green-900:active { + outline-color: var(--green-900) + } + .xl\:focus\:outline-green-900\/10:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:outline-green-900\/10:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:outline-green-900\/10:active { + outline-color: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:outline-green-900\/20:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:outline-green-900\/20:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:outline-green-900\/20:active { + outline-color: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:outline-green-900\/30:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:outline-green-900\/30:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:outline-green-900\/30:active { + outline-color: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:outline-green-900\/40:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:outline-green-900\/40:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:outline-green-900\/40:active { + outline-color: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:outline-green-900\/50:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:outline-green-900\/50:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:outline-green-900\/50:active { + outline-color: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:outline-green-900\/60:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:outline-green-900\/60:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:outline-green-900\/60:active { + outline-color: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:outline-green-900\/70:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:outline-green-900\/70:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:outline-green-900\/70:active { + outline-color: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:outline-green-900\/80:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:outline-green-900\/80:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:outline-green-900\/80:active { + outline-color: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:outline-green-900\/90:focus { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:outline-green-900\/90:hover { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:outline-green-900\/90:active { + outline-color: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-50:focus { + outline-color: var(--yellow-50) + } + .xl\:hover\:outline-yellow-50:hover { + outline-color: var(--yellow-50) + } + .xl\:active\:outline-yellow-50:active { + outline-color: var(--yellow-50) + } + .xl\:focus\:outline-yellow-50\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-50\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:outline-yellow-50\/10:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-50\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-50\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:outline-yellow-50\/20:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-50\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-50\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:outline-yellow-50\/30:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-50\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-50\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:outline-yellow-50\/40:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-50\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-50\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:outline-yellow-50\/50:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-50\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-50\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:outline-yellow-50\/60:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-50\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-50\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:outline-yellow-50\/70:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-50\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-50\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:outline-yellow-50\/80:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-50\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-50\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:outline-yellow-50\/90:active { + outline-color: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-100:focus { + outline-color: var(--yellow-100) + } + .xl\:hover\:outline-yellow-100:hover { + outline-color: var(--yellow-100) + } + .xl\:active\:outline-yellow-100:active { + outline-color: var(--yellow-100) + } + .xl\:focus\:outline-yellow-100\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-100\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:outline-yellow-100\/10:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-100\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-100\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:outline-yellow-100\/20:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-100\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-100\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:outline-yellow-100\/30:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-100\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-100\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:outline-yellow-100\/40:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-100\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-100\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:outline-yellow-100\/50:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-100\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-100\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:outline-yellow-100\/60:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-100\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-100\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:outline-yellow-100\/70:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-100\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-100\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:outline-yellow-100\/80:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-100\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-100\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:outline-yellow-100\/90:active { + outline-color: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-200:focus { + outline-color: var(--yellow-200) + } + .xl\:hover\:outline-yellow-200:hover { + outline-color: var(--yellow-200) + } + .xl\:active\:outline-yellow-200:active { + outline-color: var(--yellow-200) + } + .xl\:focus\:outline-yellow-200\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-200\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:outline-yellow-200\/10:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-200\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-200\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:outline-yellow-200\/20:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-200\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-200\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:outline-yellow-200\/30:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-200\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-200\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:outline-yellow-200\/40:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-200\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-200\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:outline-yellow-200\/50:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-200\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-200\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:outline-yellow-200\/60:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-200\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-200\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:outline-yellow-200\/70:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-200\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-200\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:outline-yellow-200\/80:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-200\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-200\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:outline-yellow-200\/90:active { + outline-color: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-300:focus { + outline-color: var(--yellow-300) + } + .xl\:hover\:outline-yellow-300:hover { + outline-color: var(--yellow-300) + } + .xl\:active\:outline-yellow-300:active { + outline-color: var(--yellow-300) + } + .xl\:focus\:outline-yellow-300\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-300\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:outline-yellow-300\/10:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-300\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-300\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:outline-yellow-300\/20:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-300\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-300\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:outline-yellow-300\/30:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-300\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-300\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:outline-yellow-300\/40:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-300\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-300\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:outline-yellow-300\/50:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-300\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-300\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:outline-yellow-300\/60:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-300\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-300\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:outline-yellow-300\/70:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-300\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-300\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:outline-yellow-300\/80:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-300\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-300\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:outline-yellow-300\/90:active { + outline-color: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-400:focus { + outline-color: var(--yellow-400) + } + .xl\:hover\:outline-yellow-400:hover { + outline-color: var(--yellow-400) + } + .xl\:active\:outline-yellow-400:active { + outline-color: var(--yellow-400) + } + .xl\:focus\:outline-yellow-400\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-400\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:outline-yellow-400\/10:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-400\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-400\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:outline-yellow-400\/20:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-400\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-400\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:outline-yellow-400\/30:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-400\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-400\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:outline-yellow-400\/40:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-400\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-400\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:outline-yellow-400\/50:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-400\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-400\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:outline-yellow-400\/60:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-400\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-400\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:outline-yellow-400\/70:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-400\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-400\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:outline-yellow-400\/80:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-400\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-400\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:outline-yellow-400\/90:active { + outline-color: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-500:focus { + outline-color: var(--yellow-500) + } + .xl\:hover\:outline-yellow-500:hover { + outline-color: var(--yellow-500) + } + .xl\:active\:outline-yellow-500:active { + outline-color: var(--yellow-500) + } + .xl\:focus\:outline-yellow-500\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-500\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:outline-yellow-500\/10:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-500\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-500\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:outline-yellow-500\/20:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-500\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-500\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:outline-yellow-500\/30:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-500\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-500\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:outline-yellow-500\/40:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-500\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-500\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:outline-yellow-500\/50:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-500\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-500\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:outline-yellow-500\/60:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-500\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-500\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:outline-yellow-500\/70:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-500\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-500\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:outline-yellow-500\/80:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-500\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-500\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:outline-yellow-500\/90:active { + outline-color: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-600:focus { + outline-color: var(--yellow-600) + } + .xl\:hover\:outline-yellow-600:hover { + outline-color: var(--yellow-600) + } + .xl\:active\:outline-yellow-600:active { + outline-color: var(--yellow-600) + } + .xl\:focus\:outline-yellow-600\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-600\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:outline-yellow-600\/10:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-600\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-600\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:outline-yellow-600\/20:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-600\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-600\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:outline-yellow-600\/30:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-600\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-600\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:outline-yellow-600\/40:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-600\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-600\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:outline-yellow-600\/50:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-600\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-600\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:outline-yellow-600\/60:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-600\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-600\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:outline-yellow-600\/70:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-600\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-600\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:outline-yellow-600\/80:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-600\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-600\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:outline-yellow-600\/90:active { + outline-color: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-700:focus { + outline-color: var(--yellow-700) + } + .xl\:hover\:outline-yellow-700:hover { + outline-color: var(--yellow-700) + } + .xl\:active\:outline-yellow-700:active { + outline-color: var(--yellow-700) + } + .xl\:focus\:outline-yellow-700\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-700\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:outline-yellow-700\/10:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-700\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-700\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:outline-yellow-700\/20:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-700\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-700\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:outline-yellow-700\/30:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-700\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-700\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:outline-yellow-700\/40:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-700\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-700\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:outline-yellow-700\/50:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-700\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-700\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:outline-yellow-700\/60:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-700\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-700\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:outline-yellow-700\/70:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-700\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-700\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:outline-yellow-700\/80:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-700\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-700\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:outline-yellow-700\/90:active { + outline-color: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-800:focus { + outline-color: var(--yellow-800) + } + .xl\:hover\:outline-yellow-800:hover { + outline-color: var(--yellow-800) + } + .xl\:active\:outline-yellow-800:active { + outline-color: var(--yellow-800) + } + .xl\:focus\:outline-yellow-800\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-800\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:outline-yellow-800\/10:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-800\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-800\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:outline-yellow-800\/20:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-800\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-800\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:outline-yellow-800\/30:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-800\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-800\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:outline-yellow-800\/40:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-800\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-800\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:outline-yellow-800\/50:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-800\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-800\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:outline-yellow-800\/60:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-800\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-800\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:outline-yellow-800\/70:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-800\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-800\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:outline-yellow-800\/80:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-800\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-800\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:outline-yellow-800\/90:active { + outline-color: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:outline-yellow-900:focus { + outline-color: var(--yellow-900) + } + .xl\:hover\:outline-yellow-900:hover { + outline-color: var(--yellow-900) + } + .xl\:active\:outline-yellow-900:active { + outline-color: var(--yellow-900) + } + .xl\:focus\:outline-yellow-900\/10:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:outline-yellow-900\/10:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:outline-yellow-900\/10:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:outline-yellow-900\/20:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:outline-yellow-900\/20:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:outline-yellow-900\/20:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:outline-yellow-900\/30:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:outline-yellow-900\/30:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:outline-yellow-900\/30:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:outline-yellow-900\/40:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:outline-yellow-900\/40:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:outline-yellow-900\/40:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:outline-yellow-900\/50:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:outline-yellow-900\/50:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:outline-yellow-900\/50:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:outline-yellow-900\/60:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:outline-yellow-900\/60:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:outline-yellow-900\/60:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:outline-yellow-900\/70:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:outline-yellow-900\/70:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:outline-yellow-900\/70:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:outline-yellow-900\/80:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:outline-yellow-900\/80:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:outline-yellow-900\/80:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:outline-yellow-900\/90:focus { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:outline-yellow-900\/90:hover { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:outline-yellow-900\/90:active { + outline-color: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-50:focus { + outline-color: var(--cyan-50) + } + .xl\:hover\:outline-cyan-50:hover { + outline-color: var(--cyan-50) + } + .xl\:active\:outline-cyan-50:active { + outline-color: var(--cyan-50) + } + .xl\:focus\:outline-cyan-50\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-50\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:outline-cyan-50\/10:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-50\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-50\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:outline-cyan-50\/20:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-50\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-50\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:outline-cyan-50\/30:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-50\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-50\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:outline-cyan-50\/40:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-50\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-50\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:outline-cyan-50\/50:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-50\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-50\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:outline-cyan-50\/60:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-50\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-50\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:outline-cyan-50\/70:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-50\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-50\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:outline-cyan-50\/80:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-50\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-50\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:outline-cyan-50\/90:active { + outline-color: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-100:focus { + outline-color: var(--cyan-100) + } + .xl\:hover\:outline-cyan-100:hover { + outline-color: var(--cyan-100) + } + .xl\:active\:outline-cyan-100:active { + outline-color: var(--cyan-100) + } + .xl\:focus\:outline-cyan-100\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-100\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:outline-cyan-100\/10:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-100\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-100\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:outline-cyan-100\/20:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-100\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-100\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:outline-cyan-100\/30:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-100\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-100\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:outline-cyan-100\/40:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-100\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-100\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:outline-cyan-100\/50:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-100\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-100\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:outline-cyan-100\/60:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-100\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-100\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:outline-cyan-100\/70:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-100\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-100\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:outline-cyan-100\/80:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-100\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-100\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:outline-cyan-100\/90:active { + outline-color: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-200:focus { + outline-color: var(--cyan-200) + } + .xl\:hover\:outline-cyan-200:hover { + outline-color: var(--cyan-200) + } + .xl\:active\:outline-cyan-200:active { + outline-color: var(--cyan-200) + } + .xl\:focus\:outline-cyan-200\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-200\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:outline-cyan-200\/10:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-200\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-200\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:outline-cyan-200\/20:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-200\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-200\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:outline-cyan-200\/30:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-200\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-200\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:outline-cyan-200\/40:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-200\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-200\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:outline-cyan-200\/50:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-200\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-200\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:outline-cyan-200\/60:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-200\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-200\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:outline-cyan-200\/70:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-200\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-200\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:outline-cyan-200\/80:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-200\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-200\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:outline-cyan-200\/90:active { + outline-color: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-300:focus { + outline-color: var(--cyan-300) + } + .xl\:hover\:outline-cyan-300:hover { + outline-color: var(--cyan-300) + } + .xl\:active\:outline-cyan-300:active { + outline-color: var(--cyan-300) + } + .xl\:focus\:outline-cyan-300\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-300\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:outline-cyan-300\/10:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-300\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-300\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:outline-cyan-300\/20:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-300\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-300\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:outline-cyan-300\/30:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-300\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-300\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:outline-cyan-300\/40:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-300\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-300\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:outline-cyan-300\/50:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-300\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-300\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:outline-cyan-300\/60:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-300\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-300\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:outline-cyan-300\/70:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-300\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-300\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:outline-cyan-300\/80:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-300\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-300\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:outline-cyan-300\/90:active { + outline-color: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-400:focus { + outline-color: var(--cyan-400) + } + .xl\:hover\:outline-cyan-400:hover { + outline-color: var(--cyan-400) + } + .xl\:active\:outline-cyan-400:active { + outline-color: var(--cyan-400) + } + .xl\:focus\:outline-cyan-400\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-400\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:outline-cyan-400\/10:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-400\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-400\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:outline-cyan-400\/20:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-400\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-400\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:outline-cyan-400\/30:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-400\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-400\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:outline-cyan-400\/40:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-400\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-400\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:outline-cyan-400\/50:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-400\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-400\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:outline-cyan-400\/60:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-400\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-400\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:outline-cyan-400\/70:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-400\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-400\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:outline-cyan-400\/80:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-400\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-400\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:outline-cyan-400\/90:active { + outline-color: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-500:focus { + outline-color: var(--cyan-500) + } + .xl\:hover\:outline-cyan-500:hover { + outline-color: var(--cyan-500) + } + .xl\:active\:outline-cyan-500:active { + outline-color: var(--cyan-500) + } + .xl\:focus\:outline-cyan-500\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-500\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:outline-cyan-500\/10:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-500\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-500\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:outline-cyan-500\/20:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-500\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-500\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:outline-cyan-500\/30:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-500\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-500\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:outline-cyan-500\/40:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-500\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-500\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:outline-cyan-500\/50:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-500\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-500\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:outline-cyan-500\/60:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-500\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-500\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:outline-cyan-500\/70:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-500\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-500\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:outline-cyan-500\/80:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-500\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-500\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:outline-cyan-500\/90:active { + outline-color: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-600:focus { + outline-color: var(--cyan-600) + } + .xl\:hover\:outline-cyan-600:hover { + outline-color: var(--cyan-600) + } + .xl\:active\:outline-cyan-600:active { + outline-color: var(--cyan-600) + } + .xl\:focus\:outline-cyan-600\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-600\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:outline-cyan-600\/10:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-600\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-600\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:outline-cyan-600\/20:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-600\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-600\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:outline-cyan-600\/30:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-600\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-600\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:outline-cyan-600\/40:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-600\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-600\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:outline-cyan-600\/50:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-600\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-600\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:outline-cyan-600\/60:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-600\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-600\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:outline-cyan-600\/70:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-600\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-600\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:outline-cyan-600\/80:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-600\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-600\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:outline-cyan-600\/90:active { + outline-color: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-700:focus { + outline-color: var(--cyan-700) + } + .xl\:hover\:outline-cyan-700:hover { + outline-color: var(--cyan-700) + } + .xl\:active\:outline-cyan-700:active { + outline-color: var(--cyan-700) + } + .xl\:focus\:outline-cyan-700\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-700\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:outline-cyan-700\/10:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-700\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-700\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:outline-cyan-700\/20:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-700\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-700\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:outline-cyan-700\/30:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-700\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-700\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:outline-cyan-700\/40:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-700\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-700\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:outline-cyan-700\/50:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-700\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-700\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:outline-cyan-700\/60:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-700\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-700\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:outline-cyan-700\/70:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-700\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-700\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:outline-cyan-700\/80:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-700\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-700\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:outline-cyan-700\/90:active { + outline-color: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-800:focus { + outline-color: var(--cyan-800) + } + .xl\:hover\:outline-cyan-800:hover { + outline-color: var(--cyan-800) + } + .xl\:active\:outline-cyan-800:active { + outline-color: var(--cyan-800) + } + .xl\:focus\:outline-cyan-800\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-800\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:outline-cyan-800\/10:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-800\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-800\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:outline-cyan-800\/20:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-800\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-800\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:outline-cyan-800\/30:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-800\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-800\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:outline-cyan-800\/40:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-800\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-800\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:outline-cyan-800\/50:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-800\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-800\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:outline-cyan-800\/60:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-800\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-800\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:outline-cyan-800\/70:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-800\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-800\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:outline-cyan-800\/80:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-800\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-800\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:outline-cyan-800\/90:active { + outline-color: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:outline-cyan-900:focus { + outline-color: var(--cyan-900) + } + .xl\:hover\:outline-cyan-900:hover { + outline-color: var(--cyan-900) + } + .xl\:active\:outline-cyan-900:active { + outline-color: var(--cyan-900) + } + .xl\:focus\:outline-cyan-900\/10:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:outline-cyan-900\/10:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:outline-cyan-900\/10:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:outline-cyan-900\/20:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:outline-cyan-900\/20:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:outline-cyan-900\/20:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:outline-cyan-900\/30:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:outline-cyan-900\/30:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:outline-cyan-900\/30:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:outline-cyan-900\/40:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:outline-cyan-900\/40:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:outline-cyan-900\/40:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:outline-cyan-900\/50:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:outline-cyan-900\/50:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:outline-cyan-900\/50:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:outline-cyan-900\/60:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:outline-cyan-900\/60:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:outline-cyan-900\/60:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:outline-cyan-900\/70:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:outline-cyan-900\/70:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:outline-cyan-900\/70:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:outline-cyan-900\/80:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:outline-cyan-900\/80:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:outline-cyan-900\/80:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:outline-cyan-900\/90:focus { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:outline-cyan-900\/90:hover { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:outline-cyan-900\/90:active { + outline-color: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:outline-pink-50:focus { + outline-color: var(--pink-50) + } + .xl\:hover\:outline-pink-50:hover { + outline-color: var(--pink-50) + } + .xl\:active\:outline-pink-50:active { + outline-color: var(--pink-50) + } + .xl\:focus\:outline-pink-50\/10:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:outline-pink-50\/10:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:outline-pink-50\/10:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:outline-pink-50\/20:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:outline-pink-50\/20:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:outline-pink-50\/20:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:outline-pink-50\/30:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:outline-pink-50\/30:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:outline-pink-50\/30:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:outline-pink-50\/40:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:outline-pink-50\/40:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:outline-pink-50\/40:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:outline-pink-50\/50:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:outline-pink-50\/50:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:outline-pink-50\/50:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:outline-pink-50\/60:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:outline-pink-50\/60:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:outline-pink-50\/60:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:outline-pink-50\/70:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:outline-pink-50\/70:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:outline-pink-50\/70:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:outline-pink-50\/80:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:outline-pink-50\/80:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:outline-pink-50\/80:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:outline-pink-50\/90:focus { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:outline-pink-50\/90:hover { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:outline-pink-50\/90:active { + outline-color: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:outline-pink-100:focus { + outline-color: var(--pink-100) + } + .xl\:hover\:outline-pink-100:hover { + outline-color: var(--pink-100) + } + .xl\:active\:outline-pink-100:active { + outline-color: var(--pink-100) + } + .xl\:focus\:outline-pink-100\/10:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:outline-pink-100\/10:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:outline-pink-100\/10:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:outline-pink-100\/20:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:outline-pink-100\/20:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:outline-pink-100\/20:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:outline-pink-100\/30:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:outline-pink-100\/30:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:outline-pink-100\/30:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:outline-pink-100\/40:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:outline-pink-100\/40:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:outline-pink-100\/40:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:outline-pink-100\/50:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:outline-pink-100\/50:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:outline-pink-100\/50:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:outline-pink-100\/60:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:outline-pink-100\/60:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:outline-pink-100\/60:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:outline-pink-100\/70:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:outline-pink-100\/70:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:outline-pink-100\/70:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:outline-pink-100\/80:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:outline-pink-100\/80:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:outline-pink-100\/80:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:outline-pink-100\/90:focus { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:outline-pink-100\/90:hover { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:outline-pink-100\/90:active { + outline-color: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:outline-pink-200:focus { + outline-color: var(--pink-200) + } + .xl\:hover\:outline-pink-200:hover { + outline-color: var(--pink-200) + } + .xl\:active\:outline-pink-200:active { + outline-color: var(--pink-200) + } + .xl\:focus\:outline-pink-200\/10:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:outline-pink-200\/10:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:outline-pink-200\/10:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:outline-pink-200\/20:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:outline-pink-200\/20:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:outline-pink-200\/20:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:outline-pink-200\/30:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:outline-pink-200\/30:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:outline-pink-200\/30:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:outline-pink-200\/40:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:outline-pink-200\/40:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:outline-pink-200\/40:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:outline-pink-200\/50:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:outline-pink-200\/50:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:outline-pink-200\/50:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:outline-pink-200\/60:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:outline-pink-200\/60:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:outline-pink-200\/60:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:outline-pink-200\/70:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:outline-pink-200\/70:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:outline-pink-200\/70:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:outline-pink-200\/80:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:outline-pink-200\/80:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:outline-pink-200\/80:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:outline-pink-200\/90:focus { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:outline-pink-200\/90:hover { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:outline-pink-200\/90:active { + outline-color: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:outline-pink-300:focus { + outline-color: var(--pink-300) + } + .xl\:hover\:outline-pink-300:hover { + outline-color: var(--pink-300) + } + .xl\:active\:outline-pink-300:active { + outline-color: var(--pink-300) + } + .xl\:focus\:outline-pink-300\/10:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:outline-pink-300\/10:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:outline-pink-300\/10:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:outline-pink-300\/20:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:outline-pink-300\/20:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:outline-pink-300\/20:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:outline-pink-300\/30:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:outline-pink-300\/30:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:outline-pink-300\/30:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:outline-pink-300\/40:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:outline-pink-300\/40:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:outline-pink-300\/40:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:outline-pink-300\/50:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:outline-pink-300\/50:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:outline-pink-300\/50:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:outline-pink-300\/60:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:outline-pink-300\/60:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:outline-pink-300\/60:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:outline-pink-300\/70:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:outline-pink-300\/70:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:outline-pink-300\/70:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:outline-pink-300\/80:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:outline-pink-300\/80:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:outline-pink-300\/80:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:outline-pink-300\/90:focus { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:outline-pink-300\/90:hover { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:outline-pink-300\/90:active { + outline-color: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:outline-pink-400:focus { + outline-color: var(--pink-400) + } + .xl\:hover\:outline-pink-400:hover { + outline-color: var(--pink-400) + } + .xl\:active\:outline-pink-400:active { + outline-color: var(--pink-400) + } + .xl\:focus\:outline-pink-400\/10:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:outline-pink-400\/10:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:outline-pink-400\/10:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:outline-pink-400\/20:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:outline-pink-400\/20:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:outline-pink-400\/20:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:outline-pink-400\/30:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:outline-pink-400\/30:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:outline-pink-400\/30:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:outline-pink-400\/40:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:outline-pink-400\/40:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:outline-pink-400\/40:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:outline-pink-400\/50:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:outline-pink-400\/50:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:outline-pink-400\/50:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:outline-pink-400\/60:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:outline-pink-400\/60:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:outline-pink-400\/60:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:outline-pink-400\/70:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:outline-pink-400\/70:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:outline-pink-400\/70:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:outline-pink-400\/80:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:outline-pink-400\/80:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:outline-pink-400\/80:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:outline-pink-400\/90:focus { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:outline-pink-400\/90:hover { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:outline-pink-400\/90:active { + outline-color: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:outline-pink-500:focus { + outline-color: var(--pink-500) + } + .xl\:hover\:outline-pink-500:hover { + outline-color: var(--pink-500) + } + .xl\:active\:outline-pink-500:active { + outline-color: var(--pink-500) + } + .xl\:focus\:outline-pink-500\/10:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:outline-pink-500\/10:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:outline-pink-500\/10:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:outline-pink-500\/20:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:outline-pink-500\/20:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:outline-pink-500\/20:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:outline-pink-500\/30:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:outline-pink-500\/30:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:outline-pink-500\/30:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:outline-pink-500\/40:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:outline-pink-500\/40:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:outline-pink-500\/40:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:outline-pink-500\/50:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:outline-pink-500\/50:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:outline-pink-500\/50:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:outline-pink-500\/60:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:outline-pink-500\/60:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:outline-pink-500\/60:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:outline-pink-500\/70:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:outline-pink-500\/70:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:outline-pink-500\/70:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:outline-pink-500\/80:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:outline-pink-500\/80:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:outline-pink-500\/80:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:outline-pink-500\/90:focus { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:outline-pink-500\/90:hover { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:outline-pink-500\/90:active { + outline-color: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:outline-pink-600:focus { + outline-color: var(--pink-600) + } + .xl\:hover\:outline-pink-600:hover { + outline-color: var(--pink-600) + } + .xl\:active\:outline-pink-600:active { + outline-color: var(--pink-600) + } + .xl\:focus\:outline-pink-600\/10:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:outline-pink-600\/10:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:outline-pink-600\/10:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:outline-pink-600\/20:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:outline-pink-600\/20:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:outline-pink-600\/20:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:outline-pink-600\/30:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:outline-pink-600\/30:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:outline-pink-600\/30:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:outline-pink-600\/40:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:outline-pink-600\/40:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:outline-pink-600\/40:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:outline-pink-600\/50:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:outline-pink-600\/50:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:outline-pink-600\/50:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:outline-pink-600\/60:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:outline-pink-600\/60:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:outline-pink-600\/60:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:outline-pink-600\/70:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:outline-pink-600\/70:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:outline-pink-600\/70:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:outline-pink-600\/80:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:outline-pink-600\/80:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:outline-pink-600\/80:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:outline-pink-600\/90:focus { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:outline-pink-600\/90:hover { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:outline-pink-600\/90:active { + outline-color: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:outline-pink-700:focus { + outline-color: var(--pink-700) + } + .xl\:hover\:outline-pink-700:hover { + outline-color: var(--pink-700) + } + .xl\:active\:outline-pink-700:active { + outline-color: var(--pink-700) + } + .xl\:focus\:outline-pink-700\/10:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:outline-pink-700\/10:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:outline-pink-700\/10:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:outline-pink-700\/20:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:outline-pink-700\/20:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:outline-pink-700\/20:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:outline-pink-700\/30:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:outline-pink-700\/30:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:outline-pink-700\/30:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:outline-pink-700\/40:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:outline-pink-700\/40:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:outline-pink-700\/40:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:outline-pink-700\/50:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:outline-pink-700\/50:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:outline-pink-700\/50:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:outline-pink-700\/60:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:outline-pink-700\/60:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:outline-pink-700\/60:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:outline-pink-700\/70:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:outline-pink-700\/70:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:outline-pink-700\/70:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:outline-pink-700\/80:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:outline-pink-700\/80:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:outline-pink-700\/80:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:outline-pink-700\/90:focus { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:outline-pink-700\/90:hover { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:outline-pink-700\/90:active { + outline-color: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:outline-pink-800:focus { + outline-color: var(--pink-800) + } + .xl\:hover\:outline-pink-800:hover { + outline-color: var(--pink-800) + } + .xl\:active\:outline-pink-800:active { + outline-color: var(--pink-800) + } + .xl\:focus\:outline-pink-800\/10:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:outline-pink-800\/10:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:outline-pink-800\/10:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:outline-pink-800\/20:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:outline-pink-800\/20:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:outline-pink-800\/20:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:outline-pink-800\/30:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:outline-pink-800\/30:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:outline-pink-800\/30:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:outline-pink-800\/40:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:outline-pink-800\/40:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:outline-pink-800\/40:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:outline-pink-800\/50:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:outline-pink-800\/50:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:outline-pink-800\/50:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:outline-pink-800\/60:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:outline-pink-800\/60:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:outline-pink-800\/60:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:outline-pink-800\/70:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:outline-pink-800\/70:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:outline-pink-800\/70:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:outline-pink-800\/80:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:outline-pink-800\/80:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:outline-pink-800\/80:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:outline-pink-800\/90:focus { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:outline-pink-800\/90:hover { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:outline-pink-800\/90:active { + outline-color: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:outline-pink-900:focus { + outline-color: var(--pink-900) + } + .xl\:hover\:outline-pink-900:hover { + outline-color: var(--pink-900) + } + .xl\:active\:outline-pink-900:active { + outline-color: var(--pink-900) + } + .xl\:focus\:outline-pink-900\/10:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:outline-pink-900\/10:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:outline-pink-900\/10:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:outline-pink-900\/20:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:outline-pink-900\/20:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:outline-pink-900\/20:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:outline-pink-900\/30:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:outline-pink-900\/30:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:outline-pink-900\/30:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:outline-pink-900\/40:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:outline-pink-900\/40:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:outline-pink-900\/40:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:outline-pink-900\/50:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:outline-pink-900\/50:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:outline-pink-900\/50:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:outline-pink-900\/60:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:outline-pink-900\/60:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:outline-pink-900\/60:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:outline-pink-900\/70:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:outline-pink-900\/70:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:outline-pink-900\/70:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:outline-pink-900\/80:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:outline-pink-900\/80:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:outline-pink-900\/80:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:outline-pink-900\/90:focus { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:outline-pink-900\/90:hover { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:outline-pink-900\/90:active { + outline-color: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-50:focus { + outline-color: var(--indigo-50) + } + .xl\:hover\:outline-indigo-50:hover { + outline-color: var(--indigo-50) + } + .xl\:active\:outline-indigo-50:active { + outline-color: var(--indigo-50) + } + .xl\:focus\:outline-indigo-50\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-50\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:outline-indigo-50\/10:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-50\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-50\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:outline-indigo-50\/20:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-50\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-50\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:outline-indigo-50\/30:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-50\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-50\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:outline-indigo-50\/40:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-50\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-50\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:outline-indigo-50\/50:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-50\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-50\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:outline-indigo-50\/60:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-50\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-50\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:outline-indigo-50\/70:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-50\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-50\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:outline-indigo-50\/80:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-50\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-50\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:outline-indigo-50\/90:active { + outline-color: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-100:focus { + outline-color: var(--indigo-100) + } + .xl\:hover\:outline-indigo-100:hover { + outline-color: var(--indigo-100) + } + .xl\:active\:outline-indigo-100:active { + outline-color: var(--indigo-100) + } + .xl\:focus\:outline-indigo-100\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-100\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:outline-indigo-100\/10:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-100\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-100\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:outline-indigo-100\/20:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-100\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-100\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:outline-indigo-100\/30:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-100\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-100\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:outline-indigo-100\/40:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-100\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-100\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:outline-indigo-100\/50:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-100\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-100\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:outline-indigo-100\/60:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-100\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-100\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:outline-indigo-100\/70:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-100\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-100\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:outline-indigo-100\/80:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-100\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-100\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:outline-indigo-100\/90:active { + outline-color: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-200:focus { + outline-color: var(--indigo-200) + } + .xl\:hover\:outline-indigo-200:hover { + outline-color: var(--indigo-200) + } + .xl\:active\:outline-indigo-200:active { + outline-color: var(--indigo-200) + } + .xl\:focus\:outline-indigo-200\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-200\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:outline-indigo-200\/10:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-200\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-200\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:outline-indigo-200\/20:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-200\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-200\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:outline-indigo-200\/30:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-200\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-200\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:outline-indigo-200\/40:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-200\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-200\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:outline-indigo-200\/50:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-200\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-200\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:outline-indigo-200\/60:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-200\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-200\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:outline-indigo-200\/70:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-200\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-200\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:outline-indigo-200\/80:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-200\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-200\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:outline-indigo-200\/90:active { + outline-color: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-300:focus { + outline-color: var(--indigo-300) + } + .xl\:hover\:outline-indigo-300:hover { + outline-color: var(--indigo-300) + } + .xl\:active\:outline-indigo-300:active { + outline-color: var(--indigo-300) + } + .xl\:focus\:outline-indigo-300\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-300\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:outline-indigo-300\/10:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-300\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-300\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:outline-indigo-300\/20:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-300\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-300\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:outline-indigo-300\/30:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-300\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-300\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:outline-indigo-300\/40:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-300\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-300\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:outline-indigo-300\/50:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-300\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-300\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:outline-indigo-300\/60:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-300\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-300\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:outline-indigo-300\/70:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-300\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-300\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:outline-indigo-300\/80:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-300\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-300\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:outline-indigo-300\/90:active { + outline-color: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-400:focus { + outline-color: var(--indigo-400) + } + .xl\:hover\:outline-indigo-400:hover { + outline-color: var(--indigo-400) + } + .xl\:active\:outline-indigo-400:active { + outline-color: var(--indigo-400) + } + .xl\:focus\:outline-indigo-400\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-400\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:outline-indigo-400\/10:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-400\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-400\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:outline-indigo-400\/20:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-400\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-400\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:outline-indigo-400\/30:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-400\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-400\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:outline-indigo-400\/40:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-400\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-400\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:outline-indigo-400\/50:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-400\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-400\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:outline-indigo-400\/60:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-400\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-400\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:outline-indigo-400\/70:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-400\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-400\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:outline-indigo-400\/80:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-400\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-400\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:outline-indigo-400\/90:active { + outline-color: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-500:focus { + outline-color: var(--indigo-500) + } + .xl\:hover\:outline-indigo-500:hover { + outline-color: var(--indigo-500) + } + .xl\:active\:outline-indigo-500:active { + outline-color: var(--indigo-500) + } + .xl\:focus\:outline-indigo-500\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-500\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:outline-indigo-500\/10:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-500\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-500\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:outline-indigo-500\/20:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-500\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-500\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:outline-indigo-500\/30:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-500\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-500\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:outline-indigo-500\/40:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-500\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-500\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:outline-indigo-500\/50:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-500\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-500\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:outline-indigo-500\/60:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-500\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-500\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:outline-indigo-500\/70:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-500\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-500\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:outline-indigo-500\/80:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-500\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-500\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:outline-indigo-500\/90:active { + outline-color: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-600:focus { + outline-color: var(--indigo-600) + } + .xl\:hover\:outline-indigo-600:hover { + outline-color: var(--indigo-600) + } + .xl\:active\:outline-indigo-600:active { + outline-color: var(--indigo-600) + } + .xl\:focus\:outline-indigo-600\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-600\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:outline-indigo-600\/10:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-600\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-600\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:outline-indigo-600\/20:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-600\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-600\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:outline-indigo-600\/30:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-600\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-600\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:outline-indigo-600\/40:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-600\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-600\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:outline-indigo-600\/50:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-600\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-600\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:outline-indigo-600\/60:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-600\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-600\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:outline-indigo-600\/70:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-600\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-600\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:outline-indigo-600\/80:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-600\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-600\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:outline-indigo-600\/90:active { + outline-color: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-700:focus { + outline-color: var(--indigo-700) + } + .xl\:hover\:outline-indigo-700:hover { + outline-color: var(--indigo-700) + } + .xl\:active\:outline-indigo-700:active { + outline-color: var(--indigo-700) + } + .xl\:focus\:outline-indigo-700\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-700\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:outline-indigo-700\/10:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-700\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-700\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:outline-indigo-700\/20:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-700\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-700\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:outline-indigo-700\/30:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-700\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-700\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:outline-indigo-700\/40:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-700\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-700\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:outline-indigo-700\/50:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-700\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-700\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:outline-indigo-700\/60:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-700\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-700\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:outline-indigo-700\/70:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-700\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-700\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:outline-indigo-700\/80:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-700\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-700\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:outline-indigo-700\/90:active { + outline-color: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-800:focus { + outline-color: var(--indigo-800) + } + .xl\:hover\:outline-indigo-800:hover { + outline-color: var(--indigo-800) + } + .xl\:active\:outline-indigo-800:active { + outline-color: var(--indigo-800) + } + .xl\:focus\:outline-indigo-800\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-800\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:outline-indigo-800\/10:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-800\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-800\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:outline-indigo-800\/20:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-800\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-800\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:outline-indigo-800\/30:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-800\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-800\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:outline-indigo-800\/40:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-800\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-800\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:outline-indigo-800\/50:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-800\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-800\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:outline-indigo-800\/60:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-800\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-800\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:outline-indigo-800\/70:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-800\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-800\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:outline-indigo-800\/80:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-800\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-800\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:outline-indigo-800\/90:active { + outline-color: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:outline-indigo-900:focus { + outline-color: var(--indigo-900) + } + .xl\:hover\:outline-indigo-900:hover { + outline-color: var(--indigo-900) + } + .xl\:active\:outline-indigo-900:active { + outline-color: var(--indigo-900) + } + .xl\:focus\:outline-indigo-900\/10:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:outline-indigo-900\/10:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:outline-indigo-900\/10:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:outline-indigo-900\/20:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:outline-indigo-900\/20:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:outline-indigo-900\/20:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:outline-indigo-900\/30:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:outline-indigo-900\/30:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:outline-indigo-900\/30:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:outline-indigo-900\/40:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:outline-indigo-900\/40:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:outline-indigo-900\/40:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:outline-indigo-900\/50:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:outline-indigo-900\/50:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:outline-indigo-900\/50:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:outline-indigo-900\/60:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:outline-indigo-900\/60:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:outline-indigo-900\/60:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:outline-indigo-900\/70:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:outline-indigo-900\/70:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:outline-indigo-900\/70:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:outline-indigo-900\/80:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:outline-indigo-900\/80:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:outline-indigo-900\/80:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:outline-indigo-900\/90:focus { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:outline-indigo-900\/90:hover { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:outline-indigo-900\/90:active { + outline-color: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:outline-teal-50:focus { + outline-color: var(--teal-50) + } + .xl\:hover\:outline-teal-50:hover { + outline-color: var(--teal-50) + } + .xl\:active\:outline-teal-50:active { + outline-color: var(--teal-50) + } + .xl\:focus\:outline-teal-50\/10:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:outline-teal-50\/10:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:outline-teal-50\/10:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:outline-teal-50\/20:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:outline-teal-50\/20:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:outline-teal-50\/20:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:outline-teal-50\/30:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:outline-teal-50\/30:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:outline-teal-50\/30:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:outline-teal-50\/40:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:outline-teal-50\/40:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:outline-teal-50\/40:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:outline-teal-50\/50:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:outline-teal-50\/50:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:outline-teal-50\/50:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:outline-teal-50\/60:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:outline-teal-50\/60:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:outline-teal-50\/60:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:outline-teal-50\/70:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:outline-teal-50\/70:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:outline-teal-50\/70:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:outline-teal-50\/80:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:outline-teal-50\/80:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:outline-teal-50\/80:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:outline-teal-50\/90:focus { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:outline-teal-50\/90:hover { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:outline-teal-50\/90:active { + outline-color: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:outline-teal-100:focus { + outline-color: var(--teal-100) + } + .xl\:hover\:outline-teal-100:hover { + outline-color: var(--teal-100) + } + .xl\:active\:outline-teal-100:active { + outline-color: var(--teal-100) + } + .xl\:focus\:outline-teal-100\/10:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:outline-teal-100\/10:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:outline-teal-100\/10:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:outline-teal-100\/20:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:outline-teal-100\/20:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:outline-teal-100\/20:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:outline-teal-100\/30:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:outline-teal-100\/30:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:outline-teal-100\/30:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:outline-teal-100\/40:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:outline-teal-100\/40:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:outline-teal-100\/40:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:outline-teal-100\/50:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:outline-teal-100\/50:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:outline-teal-100\/50:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:outline-teal-100\/60:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:outline-teal-100\/60:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:outline-teal-100\/60:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:outline-teal-100\/70:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:outline-teal-100\/70:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:outline-teal-100\/70:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:outline-teal-100\/80:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:outline-teal-100\/80:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:outline-teal-100\/80:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:outline-teal-100\/90:focus { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:outline-teal-100\/90:hover { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:outline-teal-100\/90:active { + outline-color: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:outline-teal-200:focus { + outline-color: var(--teal-200) + } + .xl\:hover\:outline-teal-200:hover { + outline-color: var(--teal-200) + } + .xl\:active\:outline-teal-200:active { + outline-color: var(--teal-200) + } + .xl\:focus\:outline-teal-200\/10:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:outline-teal-200\/10:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:outline-teal-200\/10:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:outline-teal-200\/20:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:outline-teal-200\/20:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:outline-teal-200\/20:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:outline-teal-200\/30:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:outline-teal-200\/30:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:outline-teal-200\/30:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:outline-teal-200\/40:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:outline-teal-200\/40:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:outline-teal-200\/40:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:outline-teal-200\/50:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:outline-teal-200\/50:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:outline-teal-200\/50:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:outline-teal-200\/60:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:outline-teal-200\/60:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:outline-teal-200\/60:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:outline-teal-200\/70:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:outline-teal-200\/70:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:outline-teal-200\/70:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:outline-teal-200\/80:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:outline-teal-200\/80:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:outline-teal-200\/80:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:outline-teal-200\/90:focus { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:outline-teal-200\/90:hover { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:outline-teal-200\/90:active { + outline-color: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:outline-teal-300:focus { + outline-color: var(--teal-300) + } + .xl\:hover\:outline-teal-300:hover { + outline-color: var(--teal-300) + } + .xl\:active\:outline-teal-300:active { + outline-color: var(--teal-300) + } + .xl\:focus\:outline-teal-300\/10:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:outline-teal-300\/10:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:outline-teal-300\/10:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:outline-teal-300\/20:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:outline-teal-300\/20:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:outline-teal-300\/20:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:outline-teal-300\/30:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:outline-teal-300\/30:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:outline-teal-300\/30:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:outline-teal-300\/40:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:outline-teal-300\/40:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:outline-teal-300\/40:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:outline-teal-300\/50:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:outline-teal-300\/50:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:outline-teal-300\/50:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:outline-teal-300\/60:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:outline-teal-300\/60:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:outline-teal-300\/60:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:outline-teal-300\/70:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:outline-teal-300\/70:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:outline-teal-300\/70:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:outline-teal-300\/80:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:outline-teal-300\/80:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:outline-teal-300\/80:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:outline-teal-300\/90:focus { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:outline-teal-300\/90:hover { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:outline-teal-300\/90:active { + outline-color: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:outline-teal-400:focus { + outline-color: var(--teal-400) + } + .xl\:hover\:outline-teal-400:hover { + outline-color: var(--teal-400) + } + .xl\:active\:outline-teal-400:active { + outline-color: var(--teal-400) + } + .xl\:focus\:outline-teal-400\/10:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:outline-teal-400\/10:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:outline-teal-400\/10:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:outline-teal-400\/20:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:outline-teal-400\/20:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:outline-teal-400\/20:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:outline-teal-400\/30:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:outline-teal-400\/30:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:outline-teal-400\/30:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:outline-teal-400\/40:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:outline-teal-400\/40:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:outline-teal-400\/40:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:outline-teal-400\/50:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:outline-teal-400\/50:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:outline-teal-400\/50:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:outline-teal-400\/60:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:outline-teal-400\/60:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:outline-teal-400\/60:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:outline-teal-400\/70:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:outline-teal-400\/70:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:outline-teal-400\/70:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:outline-teal-400\/80:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:outline-teal-400\/80:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:outline-teal-400\/80:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:outline-teal-400\/90:focus { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:outline-teal-400\/90:hover { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:outline-teal-400\/90:active { + outline-color: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:outline-teal-500:focus { + outline-color: var(--teal-500) + } + .xl\:hover\:outline-teal-500:hover { + outline-color: var(--teal-500) + } + .xl\:active\:outline-teal-500:active { + outline-color: var(--teal-500) + } + .xl\:focus\:outline-teal-500\/10:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:outline-teal-500\/10:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:outline-teal-500\/10:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:outline-teal-500\/20:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:outline-teal-500\/20:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:outline-teal-500\/20:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:outline-teal-500\/30:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:outline-teal-500\/30:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:outline-teal-500\/30:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:outline-teal-500\/40:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:outline-teal-500\/40:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:outline-teal-500\/40:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:outline-teal-500\/50:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:outline-teal-500\/50:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:outline-teal-500\/50:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:outline-teal-500\/60:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:outline-teal-500\/60:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:outline-teal-500\/60:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:outline-teal-500\/70:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:outline-teal-500\/70:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:outline-teal-500\/70:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:outline-teal-500\/80:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:outline-teal-500\/80:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:outline-teal-500\/80:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:outline-teal-500\/90:focus { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:outline-teal-500\/90:hover { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:outline-teal-500\/90:active { + outline-color: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:outline-teal-600:focus { + outline-color: var(--teal-600) + } + .xl\:hover\:outline-teal-600:hover { + outline-color: var(--teal-600) + } + .xl\:active\:outline-teal-600:active { + outline-color: var(--teal-600) + } + .xl\:focus\:outline-teal-600\/10:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:outline-teal-600\/10:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:outline-teal-600\/10:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:outline-teal-600\/20:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:outline-teal-600\/20:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:outline-teal-600\/20:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:outline-teal-600\/30:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:outline-teal-600\/30:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:outline-teal-600\/30:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:outline-teal-600\/40:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:outline-teal-600\/40:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:outline-teal-600\/40:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:outline-teal-600\/50:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:outline-teal-600\/50:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:outline-teal-600\/50:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:outline-teal-600\/60:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:outline-teal-600\/60:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:outline-teal-600\/60:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:outline-teal-600\/70:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:outline-teal-600\/70:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:outline-teal-600\/70:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:outline-teal-600\/80:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:outline-teal-600\/80:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:outline-teal-600\/80:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:outline-teal-600\/90:focus { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:outline-teal-600\/90:hover { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:outline-teal-600\/90:active { + outline-color: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:outline-teal-700:focus { + outline-color: var(--teal-700) + } + .xl\:hover\:outline-teal-700:hover { + outline-color: var(--teal-700) + } + .xl\:active\:outline-teal-700:active { + outline-color: var(--teal-700) + } + .xl\:focus\:outline-teal-700\/10:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:outline-teal-700\/10:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:outline-teal-700\/10:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:outline-teal-700\/20:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:outline-teal-700\/20:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:outline-teal-700\/20:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:outline-teal-700\/30:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:outline-teal-700\/30:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:outline-teal-700\/30:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:outline-teal-700\/40:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:outline-teal-700\/40:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:outline-teal-700\/40:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:outline-teal-700\/50:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:outline-teal-700\/50:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:outline-teal-700\/50:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:outline-teal-700\/60:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:outline-teal-700\/60:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:outline-teal-700\/60:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:outline-teal-700\/70:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:outline-teal-700\/70:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:outline-teal-700\/70:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:outline-teal-700\/80:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:outline-teal-700\/80:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:outline-teal-700\/80:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:outline-teal-700\/90:focus { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:outline-teal-700\/90:hover { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:outline-teal-700\/90:active { + outline-color: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:outline-teal-800:focus { + outline-color: var(--teal-800) + } + .xl\:hover\:outline-teal-800:hover { + outline-color: var(--teal-800) + } + .xl\:active\:outline-teal-800:active { + outline-color: var(--teal-800) + } + .xl\:focus\:outline-teal-800\/10:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:outline-teal-800\/10:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:outline-teal-800\/10:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:outline-teal-800\/20:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:outline-teal-800\/20:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:outline-teal-800\/20:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:outline-teal-800\/30:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:outline-teal-800\/30:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:outline-teal-800\/30:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:outline-teal-800\/40:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:outline-teal-800\/40:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:outline-teal-800\/40:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:outline-teal-800\/50:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:outline-teal-800\/50:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:outline-teal-800\/50:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:outline-teal-800\/60:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:outline-teal-800\/60:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:outline-teal-800\/60:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:outline-teal-800\/70:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:outline-teal-800\/70:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:outline-teal-800\/70:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:outline-teal-800\/80:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:outline-teal-800\/80:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:outline-teal-800\/80:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:outline-teal-800\/90:focus { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:outline-teal-800\/90:hover { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:outline-teal-800\/90:active { + outline-color: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:outline-teal-900:focus { + outline-color: var(--teal-900) + } + .xl\:hover\:outline-teal-900:hover { + outline-color: var(--teal-900) + } + .xl\:active\:outline-teal-900:active { + outline-color: var(--teal-900) + } + .xl\:focus\:outline-teal-900\/10:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:outline-teal-900\/10:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:outline-teal-900\/10:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:outline-teal-900\/20:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:outline-teal-900\/20:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:outline-teal-900\/20:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:outline-teal-900\/30:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:outline-teal-900\/30:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:outline-teal-900\/30:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:outline-teal-900\/40:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:outline-teal-900\/40:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:outline-teal-900\/40:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:outline-teal-900\/50:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:outline-teal-900\/50:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:outline-teal-900\/50:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:outline-teal-900\/60:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:outline-teal-900\/60:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:outline-teal-900\/60:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:outline-teal-900\/70:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:outline-teal-900\/70:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:outline-teal-900\/70:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:outline-teal-900\/80:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:outline-teal-900\/80:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:outline-teal-900\/80:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:outline-teal-900\/90:focus { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:outline-teal-900\/90:hover { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:outline-teal-900\/90:active { + outline-color: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:outline-orange-50:focus { + outline-color: var(--orange-50) + } + .xl\:hover\:outline-orange-50:hover { + outline-color: var(--orange-50) + } + .xl\:active\:outline-orange-50:active { + outline-color: var(--orange-50) + } + .xl\:focus\:outline-orange-50\/10:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:outline-orange-50\/10:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:outline-orange-50\/10:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:outline-orange-50\/20:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:outline-orange-50\/20:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:outline-orange-50\/20:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:outline-orange-50\/30:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:outline-orange-50\/30:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:outline-orange-50\/30:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:outline-orange-50\/40:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:outline-orange-50\/40:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:outline-orange-50\/40:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:outline-orange-50\/50:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:outline-orange-50\/50:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:outline-orange-50\/50:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:outline-orange-50\/60:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:outline-orange-50\/60:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:outline-orange-50\/60:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:outline-orange-50\/70:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:outline-orange-50\/70:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:outline-orange-50\/70:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:outline-orange-50\/80:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:outline-orange-50\/80:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:outline-orange-50\/80:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:outline-orange-50\/90:focus { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:outline-orange-50\/90:hover { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:outline-orange-50\/90:active { + outline-color: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:outline-orange-100:focus { + outline-color: var(--orange-100) + } + .xl\:hover\:outline-orange-100:hover { + outline-color: var(--orange-100) + } + .xl\:active\:outline-orange-100:active { + outline-color: var(--orange-100) + } + .xl\:focus\:outline-orange-100\/10:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:outline-orange-100\/10:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:outline-orange-100\/10:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:outline-orange-100\/20:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:outline-orange-100\/20:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:outline-orange-100\/20:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:outline-orange-100\/30:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:outline-orange-100\/30:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:outline-orange-100\/30:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:outline-orange-100\/40:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:outline-orange-100\/40:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:outline-orange-100\/40:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:outline-orange-100\/50:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:outline-orange-100\/50:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:outline-orange-100\/50:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:outline-orange-100\/60:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:outline-orange-100\/60:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:outline-orange-100\/60:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:outline-orange-100\/70:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:outline-orange-100\/70:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:outline-orange-100\/70:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:outline-orange-100\/80:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:outline-orange-100\/80:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:outline-orange-100\/80:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:outline-orange-100\/90:focus { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:outline-orange-100\/90:hover { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:outline-orange-100\/90:active { + outline-color: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:outline-orange-200:focus { + outline-color: var(--orange-200) + } + .xl\:hover\:outline-orange-200:hover { + outline-color: var(--orange-200) + } + .xl\:active\:outline-orange-200:active { + outline-color: var(--orange-200) + } + .xl\:focus\:outline-orange-200\/10:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:outline-orange-200\/10:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:outline-orange-200\/10:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:outline-orange-200\/20:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:outline-orange-200\/20:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:outline-orange-200\/20:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:outline-orange-200\/30:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:outline-orange-200\/30:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:outline-orange-200\/30:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:outline-orange-200\/40:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:outline-orange-200\/40:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:outline-orange-200\/40:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:outline-orange-200\/50:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:outline-orange-200\/50:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:outline-orange-200\/50:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:outline-orange-200\/60:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:outline-orange-200\/60:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:outline-orange-200\/60:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:outline-orange-200\/70:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:outline-orange-200\/70:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:outline-orange-200\/70:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:outline-orange-200\/80:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:outline-orange-200\/80:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:outline-orange-200\/80:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:outline-orange-200\/90:focus { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:outline-orange-200\/90:hover { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:outline-orange-200\/90:active { + outline-color: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:outline-orange-300:focus { + outline-color: var(--orange-300) + } + .xl\:hover\:outline-orange-300:hover { + outline-color: var(--orange-300) + } + .xl\:active\:outline-orange-300:active { + outline-color: var(--orange-300) + } + .xl\:focus\:outline-orange-300\/10:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:outline-orange-300\/10:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:outline-orange-300\/10:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:outline-orange-300\/20:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:outline-orange-300\/20:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:outline-orange-300\/20:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:outline-orange-300\/30:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:outline-orange-300\/30:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:outline-orange-300\/30:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:outline-orange-300\/40:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:outline-orange-300\/40:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:outline-orange-300\/40:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:outline-orange-300\/50:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:outline-orange-300\/50:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:outline-orange-300\/50:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:outline-orange-300\/60:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:outline-orange-300\/60:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:outline-orange-300\/60:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:outline-orange-300\/70:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:outline-orange-300\/70:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:outline-orange-300\/70:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:outline-orange-300\/80:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:outline-orange-300\/80:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:outline-orange-300\/80:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:outline-orange-300\/90:focus { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:outline-orange-300\/90:hover { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:outline-orange-300\/90:active { + outline-color: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:outline-orange-400:focus { + outline-color: var(--orange-400) + } + .xl\:hover\:outline-orange-400:hover { + outline-color: var(--orange-400) + } + .xl\:active\:outline-orange-400:active { + outline-color: var(--orange-400) + } + .xl\:focus\:outline-orange-400\/10:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:outline-orange-400\/10:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:outline-orange-400\/10:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:outline-orange-400\/20:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:outline-orange-400\/20:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:outline-orange-400\/20:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:outline-orange-400\/30:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:outline-orange-400\/30:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:outline-orange-400\/30:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:outline-orange-400\/40:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:outline-orange-400\/40:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:outline-orange-400\/40:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:outline-orange-400\/50:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:outline-orange-400\/50:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:outline-orange-400\/50:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:outline-orange-400\/60:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:outline-orange-400\/60:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:outline-orange-400\/60:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:outline-orange-400\/70:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:outline-orange-400\/70:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:outline-orange-400\/70:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:outline-orange-400\/80:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:outline-orange-400\/80:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:outline-orange-400\/80:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:outline-orange-400\/90:focus { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:outline-orange-400\/90:hover { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:outline-orange-400\/90:active { + outline-color: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:outline-orange-500:focus { + outline-color: var(--orange-500) + } + .xl\:hover\:outline-orange-500:hover { + outline-color: var(--orange-500) + } + .xl\:active\:outline-orange-500:active { + outline-color: var(--orange-500) + } + .xl\:focus\:outline-orange-500\/10:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:outline-orange-500\/10:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:outline-orange-500\/10:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:outline-orange-500\/20:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:outline-orange-500\/20:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:outline-orange-500\/20:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:outline-orange-500\/30:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:outline-orange-500\/30:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:outline-orange-500\/30:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:outline-orange-500\/40:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:outline-orange-500\/40:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:outline-orange-500\/40:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:outline-orange-500\/50:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:outline-orange-500\/50:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:outline-orange-500\/50:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:outline-orange-500\/60:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:outline-orange-500\/60:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:outline-orange-500\/60:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:outline-orange-500\/70:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:outline-orange-500\/70:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:outline-orange-500\/70:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:outline-orange-500\/80:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:outline-orange-500\/80:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:outline-orange-500\/80:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:outline-orange-500\/90:focus { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:outline-orange-500\/90:hover { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:outline-orange-500\/90:active { + outline-color: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:outline-orange-600:focus { + outline-color: var(--orange-600) + } + .xl\:hover\:outline-orange-600:hover { + outline-color: var(--orange-600) + } + .xl\:active\:outline-orange-600:active { + outline-color: var(--orange-600) + } + .xl\:focus\:outline-orange-600\/10:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:outline-orange-600\/10:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:outline-orange-600\/10:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:outline-orange-600\/20:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:outline-orange-600\/20:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:outline-orange-600\/20:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:outline-orange-600\/30:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:outline-orange-600\/30:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:outline-orange-600\/30:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:outline-orange-600\/40:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:outline-orange-600\/40:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:outline-orange-600\/40:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:outline-orange-600\/50:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:outline-orange-600\/50:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:outline-orange-600\/50:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:outline-orange-600\/60:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:outline-orange-600\/60:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:outline-orange-600\/60:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:outline-orange-600\/70:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:outline-orange-600\/70:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:outline-orange-600\/70:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:outline-orange-600\/80:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:outline-orange-600\/80:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:outline-orange-600\/80:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:outline-orange-600\/90:focus { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:outline-orange-600\/90:hover { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:outline-orange-600\/90:active { + outline-color: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:outline-orange-700:focus { + outline-color: var(--orange-700) + } + .xl\:hover\:outline-orange-700:hover { + outline-color: var(--orange-700) + } + .xl\:active\:outline-orange-700:active { + outline-color: var(--orange-700) + } + .xl\:focus\:outline-orange-700\/10:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:outline-orange-700\/10:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:outline-orange-700\/10:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:outline-orange-700\/20:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:outline-orange-700\/20:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:outline-orange-700\/20:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:outline-orange-700\/30:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:outline-orange-700\/30:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:outline-orange-700\/30:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:outline-orange-700\/40:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:outline-orange-700\/40:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:outline-orange-700\/40:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:outline-orange-700\/50:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:outline-orange-700\/50:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:outline-orange-700\/50:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:outline-orange-700\/60:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:outline-orange-700\/60:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:outline-orange-700\/60:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:outline-orange-700\/70:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:outline-orange-700\/70:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:outline-orange-700\/70:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:outline-orange-700\/80:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:outline-orange-700\/80:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:outline-orange-700\/80:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:outline-orange-700\/90:focus { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:outline-orange-700\/90:hover { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:outline-orange-700\/90:active { + outline-color: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:outline-orange-800:focus { + outline-color: var(--orange-800) + } + .xl\:hover\:outline-orange-800:hover { + outline-color: var(--orange-800) + } + .xl\:active\:outline-orange-800:active { + outline-color: var(--orange-800) + } + .xl\:focus\:outline-orange-800\/10:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:outline-orange-800\/10:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:outline-orange-800\/10:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:outline-orange-800\/20:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:outline-orange-800\/20:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:outline-orange-800\/20:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:outline-orange-800\/30:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:outline-orange-800\/30:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:outline-orange-800\/30:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:outline-orange-800\/40:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:outline-orange-800\/40:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:outline-orange-800\/40:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:outline-orange-800\/50:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:outline-orange-800\/50:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:outline-orange-800\/50:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:outline-orange-800\/60:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:outline-orange-800\/60:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:outline-orange-800\/60:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:outline-orange-800\/70:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:outline-orange-800\/70:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:outline-orange-800\/70:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:outline-orange-800\/80:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:outline-orange-800\/80:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:outline-orange-800\/80:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:outline-orange-800\/90:focus { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:outline-orange-800\/90:hover { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:outline-orange-800\/90:active { + outline-color: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:outline-orange-900:focus { + outline-color: var(--orange-900) + } + .xl\:hover\:outline-orange-900:hover { + outline-color: var(--orange-900) + } + .xl\:active\:outline-orange-900:active { + outline-color: var(--orange-900) + } + .xl\:focus\:outline-orange-900\/10:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:outline-orange-900\/10:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:outline-orange-900\/10:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:outline-orange-900\/20:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:outline-orange-900\/20:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:outline-orange-900\/20:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:outline-orange-900\/30:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:outline-orange-900\/30:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:outline-orange-900\/30:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:outline-orange-900\/40:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:outline-orange-900\/40:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:outline-orange-900\/40:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:outline-orange-900\/50:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:outline-orange-900\/50:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:outline-orange-900\/50:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:outline-orange-900\/60:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:outline-orange-900\/60:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:outline-orange-900\/60:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:outline-orange-900\/70:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:outline-orange-900\/70:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:outline-orange-900\/70:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:outline-orange-900\/80:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:outline-orange-900\/80:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:outline-orange-900\/80:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:outline-orange-900\/90:focus { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:outline-orange-900\/90:hover { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:outline-orange-900\/90:active { + outline-color: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-50:focus { + outline-color: var(--bluegray-50) + } + .xl\:hover\:outline-bluegray-50:hover { + outline-color: var(--bluegray-50) + } + .xl\:active\:outline-bluegray-50:active { + outline-color: var(--bluegray-50) + } + .xl\:focus\:outline-bluegray-50\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-50\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-50\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-50\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-50\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-50\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-50\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-50\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-50\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-50\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-50\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-50\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-50\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-50\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-50\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-50\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-50\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-50\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-50\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-50\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-50\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-50\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-50\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-50\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-50\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-50\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-50\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-100:focus { + outline-color: var(--bluegray-100) + } + .xl\:hover\:outline-bluegray-100:hover { + outline-color: var(--bluegray-100) + } + .xl\:active\:outline-bluegray-100:active { + outline-color: var(--bluegray-100) + } + .xl\:focus\:outline-bluegray-100\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-100\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-100\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-100\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-100\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-100\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-100\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-100\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-100\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-100\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-100\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-100\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-100\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-100\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-100\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-100\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-100\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-100\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-100\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-100\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-100\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-100\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-100\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-100\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-100\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-100\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-100\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-200:focus { + outline-color: var(--bluegray-200) + } + .xl\:hover\:outline-bluegray-200:hover { + outline-color: var(--bluegray-200) + } + .xl\:active\:outline-bluegray-200:active { + outline-color: var(--bluegray-200) + } + .xl\:focus\:outline-bluegray-200\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-200\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-200\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-200\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-200\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-200\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-200\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-200\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-200\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-200\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-200\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-200\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-200\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-200\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-200\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-200\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-200\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-200\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-200\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-200\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-200\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-200\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-200\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-200\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-200\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-200\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-200\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-300:focus { + outline-color: var(--bluegray-300) + } + .xl\:hover\:outline-bluegray-300:hover { + outline-color: var(--bluegray-300) + } + .xl\:active\:outline-bluegray-300:active { + outline-color: var(--bluegray-300) + } + .xl\:focus\:outline-bluegray-300\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-300\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-300\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-300\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-300\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-300\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-300\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-300\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-300\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-300\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-300\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-300\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-300\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-300\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-300\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-300\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-300\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-300\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-300\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-300\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-300\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-300\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-300\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-300\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-300\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-300\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-300\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-400:focus { + outline-color: var(--bluegray-400) + } + .xl\:hover\:outline-bluegray-400:hover { + outline-color: var(--bluegray-400) + } + .xl\:active\:outline-bluegray-400:active { + outline-color: var(--bluegray-400) + } + .xl\:focus\:outline-bluegray-400\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-400\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-400\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-400\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-400\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-400\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-400\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-400\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-400\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-400\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-400\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-400\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-400\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-400\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-400\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-400\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-400\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-400\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-400\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-400\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-400\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-400\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-400\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-400\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-400\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-400\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-400\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-500:focus { + outline-color: var(--bluegray-500) + } + .xl\:hover\:outline-bluegray-500:hover { + outline-color: var(--bluegray-500) + } + .xl\:active\:outline-bluegray-500:active { + outline-color: var(--bluegray-500) + } + .xl\:focus\:outline-bluegray-500\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-500\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-500\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-500\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-500\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-500\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-500\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-500\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-500\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-500\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-500\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-500\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-500\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-500\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-500\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-500\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-500\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-500\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-500\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-500\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-500\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-500\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-500\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-500\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-500\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-500\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-500\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-600:focus { + outline-color: var(--bluegray-600) + } + .xl\:hover\:outline-bluegray-600:hover { + outline-color: var(--bluegray-600) + } + .xl\:active\:outline-bluegray-600:active { + outline-color: var(--bluegray-600) + } + .xl\:focus\:outline-bluegray-600\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-600\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-600\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-600\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-600\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-600\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-600\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-600\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-600\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-600\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-600\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-600\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-600\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-600\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-600\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-600\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-600\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-600\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-600\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-600\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-600\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-600\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-600\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-600\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-600\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-600\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-600\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-700:focus { + outline-color: var(--bluegray-700) + } + .xl\:hover\:outline-bluegray-700:hover { + outline-color: var(--bluegray-700) + } + .xl\:active\:outline-bluegray-700:active { + outline-color: var(--bluegray-700) + } + .xl\:focus\:outline-bluegray-700\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-700\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-700\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-700\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-700\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-700\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-700\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-700\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-700\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-700\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-700\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-700\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-700\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-700\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-700\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-700\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-700\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-700\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-700\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-700\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-700\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-700\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-700\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-700\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-700\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-700\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-700\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-800:focus { + outline-color: var(--bluegray-800) + } + .xl\:hover\:outline-bluegray-800:hover { + outline-color: var(--bluegray-800) + } + .xl\:active\:outline-bluegray-800:active { + outline-color: var(--bluegray-800) + } + .xl\:focus\:outline-bluegray-800\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-800\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-800\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-800\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-800\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-800\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-800\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-800\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-800\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-800\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-800\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-800\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-800\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-800\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-800\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-800\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-800\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-800\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-800\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-800\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-800\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-800\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-800\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-800\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-800\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-800\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-800\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:outline-bluegray-900:focus { + outline-color: var(--bluegray-900) + } + .xl\:hover\:outline-bluegray-900:hover { + outline-color: var(--bluegray-900) + } + .xl\:active\:outline-bluegray-900:active { + outline-color: var(--bluegray-900) + } + .xl\:focus\:outline-bluegray-900\/10:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:outline-bluegray-900\/10:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:outline-bluegray-900\/10:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:outline-bluegray-900\/20:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:outline-bluegray-900\/20:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:outline-bluegray-900\/20:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:outline-bluegray-900\/30:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:outline-bluegray-900\/30:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:outline-bluegray-900\/30:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:outline-bluegray-900\/40:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:outline-bluegray-900\/40:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:outline-bluegray-900\/40:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:outline-bluegray-900\/50:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:outline-bluegray-900\/50:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:outline-bluegray-900\/50:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:outline-bluegray-900\/60:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:outline-bluegray-900\/60:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:outline-bluegray-900\/60:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:outline-bluegray-900\/70:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:outline-bluegray-900\/70:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:outline-bluegray-900\/70:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:outline-bluegray-900\/80:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:outline-bluegray-900\/80:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:outline-bluegray-900\/80:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:outline-bluegray-900\/90:focus { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:outline-bluegray-900\/90:hover { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:outline-bluegray-900\/90:active { + outline-color: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:outline-purple-50:focus { + outline-color: var(--purple-50) + } + .xl\:hover\:outline-purple-50:hover { + outline-color: var(--purple-50) + } + .xl\:active\:outline-purple-50:active { + outline-color: var(--purple-50) + } + .xl\:focus\:outline-purple-50\/10:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:outline-purple-50\/10:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:outline-purple-50\/10:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:outline-purple-50\/20:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:outline-purple-50\/20:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:outline-purple-50\/20:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:outline-purple-50\/30:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:outline-purple-50\/30:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:outline-purple-50\/30:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:outline-purple-50\/40:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:outline-purple-50\/40:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:outline-purple-50\/40:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:outline-purple-50\/50:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:outline-purple-50\/50:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:outline-purple-50\/50:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:outline-purple-50\/60:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:outline-purple-50\/60:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:outline-purple-50\/60:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:outline-purple-50\/70:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:outline-purple-50\/70:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:outline-purple-50\/70:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:outline-purple-50\/80:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:outline-purple-50\/80:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:outline-purple-50\/80:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:outline-purple-50\/90:focus { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:outline-purple-50\/90:hover { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:outline-purple-50\/90:active { + outline-color: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:outline-purple-100:focus { + outline-color: var(--purple-100) + } + .xl\:hover\:outline-purple-100:hover { + outline-color: var(--purple-100) + } + .xl\:active\:outline-purple-100:active { + outline-color: var(--purple-100) + } + .xl\:focus\:outline-purple-100\/10:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:outline-purple-100\/10:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:outline-purple-100\/10:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:outline-purple-100\/20:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:outline-purple-100\/20:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:outline-purple-100\/20:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:outline-purple-100\/30:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:outline-purple-100\/30:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:outline-purple-100\/30:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:outline-purple-100\/40:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:outline-purple-100\/40:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:outline-purple-100\/40:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:outline-purple-100\/50:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:outline-purple-100\/50:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:outline-purple-100\/50:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:outline-purple-100\/60:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:outline-purple-100\/60:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:outline-purple-100\/60:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:outline-purple-100\/70:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:outline-purple-100\/70:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:outline-purple-100\/70:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:outline-purple-100\/80:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:outline-purple-100\/80:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:outline-purple-100\/80:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:outline-purple-100\/90:focus { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:outline-purple-100\/90:hover { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:outline-purple-100\/90:active { + outline-color: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:outline-purple-200:focus { + outline-color: var(--purple-200) + } + .xl\:hover\:outline-purple-200:hover { + outline-color: var(--purple-200) + } + .xl\:active\:outline-purple-200:active { + outline-color: var(--purple-200) + } + .xl\:focus\:outline-purple-200\/10:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:outline-purple-200\/10:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:outline-purple-200\/10:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:outline-purple-200\/20:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:outline-purple-200\/20:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:outline-purple-200\/20:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:outline-purple-200\/30:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:outline-purple-200\/30:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:outline-purple-200\/30:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:outline-purple-200\/40:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:outline-purple-200\/40:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:outline-purple-200\/40:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:outline-purple-200\/50:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:outline-purple-200\/50:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:outline-purple-200\/50:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:outline-purple-200\/60:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:outline-purple-200\/60:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:outline-purple-200\/60:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:outline-purple-200\/70:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:outline-purple-200\/70:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:outline-purple-200\/70:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:outline-purple-200\/80:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:outline-purple-200\/80:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:outline-purple-200\/80:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:outline-purple-200\/90:focus { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:outline-purple-200\/90:hover { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:outline-purple-200\/90:active { + outline-color: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:outline-purple-300:focus { + outline-color: var(--purple-300) + } + .xl\:hover\:outline-purple-300:hover { + outline-color: var(--purple-300) + } + .xl\:active\:outline-purple-300:active { + outline-color: var(--purple-300) + } + .xl\:focus\:outline-purple-300\/10:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:outline-purple-300\/10:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:outline-purple-300\/10:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:outline-purple-300\/20:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:outline-purple-300\/20:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:outline-purple-300\/20:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:outline-purple-300\/30:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:outline-purple-300\/30:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:outline-purple-300\/30:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:outline-purple-300\/40:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:outline-purple-300\/40:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:outline-purple-300\/40:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:outline-purple-300\/50:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:outline-purple-300\/50:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:outline-purple-300\/50:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:outline-purple-300\/60:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:outline-purple-300\/60:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:outline-purple-300\/60:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:outline-purple-300\/70:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:outline-purple-300\/70:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:outline-purple-300\/70:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:outline-purple-300\/80:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:outline-purple-300\/80:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:outline-purple-300\/80:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:outline-purple-300\/90:focus { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:outline-purple-300\/90:hover { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:outline-purple-300\/90:active { + outline-color: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:outline-purple-400:focus { + outline-color: var(--purple-400) + } + .xl\:hover\:outline-purple-400:hover { + outline-color: var(--purple-400) + } + .xl\:active\:outline-purple-400:active { + outline-color: var(--purple-400) + } + .xl\:focus\:outline-purple-400\/10:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:outline-purple-400\/10:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:outline-purple-400\/10:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:outline-purple-400\/20:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:outline-purple-400\/20:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:outline-purple-400\/20:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:outline-purple-400\/30:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:outline-purple-400\/30:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:outline-purple-400\/30:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:outline-purple-400\/40:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:outline-purple-400\/40:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:outline-purple-400\/40:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:outline-purple-400\/50:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:outline-purple-400\/50:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:outline-purple-400\/50:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:outline-purple-400\/60:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:outline-purple-400\/60:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:outline-purple-400\/60:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:outline-purple-400\/70:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:outline-purple-400\/70:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:outline-purple-400\/70:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:outline-purple-400\/80:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:outline-purple-400\/80:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:outline-purple-400\/80:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:outline-purple-400\/90:focus { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:outline-purple-400\/90:hover { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:outline-purple-400\/90:active { + outline-color: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:outline-purple-500:focus { + outline-color: var(--purple-500) + } + .xl\:hover\:outline-purple-500:hover { + outline-color: var(--purple-500) + } + .xl\:active\:outline-purple-500:active { + outline-color: var(--purple-500) + } + .xl\:focus\:outline-purple-500\/10:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:outline-purple-500\/10:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:outline-purple-500\/10:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:outline-purple-500\/20:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:outline-purple-500\/20:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:outline-purple-500\/20:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:outline-purple-500\/30:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:outline-purple-500\/30:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:outline-purple-500\/30:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:outline-purple-500\/40:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:outline-purple-500\/40:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:outline-purple-500\/40:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:outline-purple-500\/50:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:outline-purple-500\/50:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:outline-purple-500\/50:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:outline-purple-500\/60:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:outline-purple-500\/60:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:outline-purple-500\/60:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:outline-purple-500\/70:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:outline-purple-500\/70:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:outline-purple-500\/70:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:outline-purple-500\/80:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:outline-purple-500\/80:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:outline-purple-500\/80:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:outline-purple-500\/90:focus { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:outline-purple-500\/90:hover { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:outline-purple-500\/90:active { + outline-color: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:outline-purple-600:focus { + outline-color: var(--purple-600) + } + .xl\:hover\:outline-purple-600:hover { + outline-color: var(--purple-600) + } + .xl\:active\:outline-purple-600:active { + outline-color: var(--purple-600) + } + .xl\:focus\:outline-purple-600\/10:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:outline-purple-600\/10:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:outline-purple-600\/10:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:outline-purple-600\/20:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:outline-purple-600\/20:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:outline-purple-600\/20:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:outline-purple-600\/30:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:outline-purple-600\/30:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:outline-purple-600\/30:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:outline-purple-600\/40:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:outline-purple-600\/40:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:outline-purple-600\/40:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:outline-purple-600\/50:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:outline-purple-600\/50:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:outline-purple-600\/50:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:outline-purple-600\/60:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:outline-purple-600\/60:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:outline-purple-600\/60:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:outline-purple-600\/70:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:outline-purple-600\/70:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:outline-purple-600\/70:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:outline-purple-600\/80:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:outline-purple-600\/80:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:outline-purple-600\/80:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:outline-purple-600\/90:focus { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:outline-purple-600\/90:hover { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:outline-purple-600\/90:active { + outline-color: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:outline-purple-700:focus { + outline-color: var(--purple-700) + } + .xl\:hover\:outline-purple-700:hover { + outline-color: var(--purple-700) + } + .xl\:active\:outline-purple-700:active { + outline-color: var(--purple-700) + } + .xl\:focus\:outline-purple-700\/10:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:outline-purple-700\/10:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:outline-purple-700\/10:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:outline-purple-700\/20:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:outline-purple-700\/20:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:outline-purple-700\/20:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:outline-purple-700\/30:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:outline-purple-700\/30:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:outline-purple-700\/30:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:outline-purple-700\/40:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:outline-purple-700\/40:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:outline-purple-700\/40:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:outline-purple-700\/50:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:outline-purple-700\/50:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:outline-purple-700\/50:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:outline-purple-700\/60:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:outline-purple-700\/60:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:outline-purple-700\/60:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:outline-purple-700\/70:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:outline-purple-700\/70:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:outline-purple-700\/70:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:outline-purple-700\/80:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:outline-purple-700\/80:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:outline-purple-700\/80:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:outline-purple-700\/90:focus { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:outline-purple-700\/90:hover { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:outline-purple-700\/90:active { + outline-color: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:outline-purple-800:focus { + outline-color: var(--purple-800) + } + .xl\:hover\:outline-purple-800:hover { + outline-color: var(--purple-800) + } + .xl\:active\:outline-purple-800:active { + outline-color: var(--purple-800) + } + .xl\:focus\:outline-purple-800\/10:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:outline-purple-800\/10:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:outline-purple-800\/10:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:outline-purple-800\/20:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:outline-purple-800\/20:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:outline-purple-800\/20:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:outline-purple-800\/30:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:outline-purple-800\/30:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:outline-purple-800\/30:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:outline-purple-800\/40:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:outline-purple-800\/40:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:outline-purple-800\/40:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:outline-purple-800\/50:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:outline-purple-800\/50:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:outline-purple-800\/50:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:outline-purple-800\/60:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:outline-purple-800\/60:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:outline-purple-800\/60:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:outline-purple-800\/70:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:outline-purple-800\/70:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:outline-purple-800\/70:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:outline-purple-800\/80:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:outline-purple-800\/80:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:outline-purple-800\/80:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:outline-purple-800\/90:focus { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:outline-purple-800\/90:hover { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:outline-purple-800\/90:active { + outline-color: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:outline-purple-900:focus { + outline-color: var(--purple-900) + } + .xl\:hover\:outline-purple-900:hover { + outline-color: var(--purple-900) + } + .xl\:active\:outline-purple-900:active { + outline-color: var(--purple-900) + } + .xl\:focus\:outline-purple-900\/10:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:outline-purple-900\/10:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:outline-purple-900\/10:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:outline-purple-900\/20:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:outline-purple-900\/20:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:outline-purple-900\/20:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:outline-purple-900\/30:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:outline-purple-900\/30:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:outline-purple-900\/30:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:outline-purple-900\/40:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:outline-purple-900\/40:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:outline-purple-900\/40:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:outline-purple-900\/50:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:outline-purple-900\/50:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:outline-purple-900\/50:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:outline-purple-900\/60:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:outline-purple-900\/60:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:outline-purple-900\/60:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:outline-purple-900\/70:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:outline-purple-900\/70:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:outline-purple-900\/70:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:outline-purple-900\/80:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:outline-purple-900\/80:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:outline-purple-900\/80:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:outline-purple-900\/90:focus { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:outline-purple-900\/90:hover { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:outline-purple-900\/90:active { + outline-color: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:outline-red-50:focus { + outline-color: var(--red-50) + } + .xl\:hover\:outline-red-50:hover { + outline-color: var(--red-50) + } + .xl\:active\:outline-red-50:active { + outline-color: var(--red-50) + } + .xl\:focus\:outline-red-50\/10:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:outline-red-50\/10:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:outline-red-50\/10:active { + outline-color: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:outline-red-50\/20:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:outline-red-50\/20:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:outline-red-50\/20:active { + outline-color: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:outline-red-50\/30:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:outline-red-50\/30:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:outline-red-50\/30:active { + outline-color: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:outline-red-50\/40:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:outline-red-50\/40:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:outline-red-50\/40:active { + outline-color: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:outline-red-50\/50:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:outline-red-50\/50:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:outline-red-50\/50:active { + outline-color: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:outline-red-50\/60:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:outline-red-50\/60:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:outline-red-50\/60:active { + outline-color: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:outline-red-50\/70:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:outline-red-50\/70:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:outline-red-50\/70:active { + outline-color: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:outline-red-50\/80:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:outline-red-50\/80:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:outline-red-50\/80:active { + outline-color: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:outline-red-50\/90:focus { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:outline-red-50\/90:hover { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:outline-red-50\/90:active { + outline-color: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:outline-red-100:focus { + outline-color: var(--red-100) + } + .xl\:hover\:outline-red-100:hover { + outline-color: var(--red-100) + } + .xl\:active\:outline-red-100:active { + outline-color: var(--red-100) + } + .xl\:focus\:outline-red-100\/10:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:outline-red-100\/10:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:outline-red-100\/10:active { + outline-color: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:outline-red-100\/20:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:outline-red-100\/20:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:outline-red-100\/20:active { + outline-color: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:outline-red-100\/30:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:outline-red-100\/30:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:outline-red-100\/30:active { + outline-color: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:outline-red-100\/40:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:outline-red-100\/40:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:outline-red-100\/40:active { + outline-color: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:outline-red-100\/50:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:outline-red-100\/50:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:outline-red-100\/50:active { + outline-color: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:outline-red-100\/60:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:outline-red-100\/60:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:outline-red-100\/60:active { + outline-color: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:outline-red-100\/70:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:outline-red-100\/70:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:outline-red-100\/70:active { + outline-color: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:outline-red-100\/80:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:outline-red-100\/80:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:outline-red-100\/80:active { + outline-color: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:outline-red-100\/90:focus { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:outline-red-100\/90:hover { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:outline-red-100\/90:active { + outline-color: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:outline-red-200:focus { + outline-color: var(--red-200) + } + .xl\:hover\:outline-red-200:hover { + outline-color: var(--red-200) + } + .xl\:active\:outline-red-200:active { + outline-color: var(--red-200) + } + .xl\:focus\:outline-red-200\/10:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:outline-red-200\/10:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:outline-red-200\/10:active { + outline-color: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:outline-red-200\/20:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:outline-red-200\/20:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:outline-red-200\/20:active { + outline-color: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:outline-red-200\/30:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:outline-red-200\/30:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:outline-red-200\/30:active { + outline-color: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:outline-red-200\/40:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:outline-red-200\/40:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:outline-red-200\/40:active { + outline-color: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:outline-red-200\/50:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:outline-red-200\/50:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:outline-red-200\/50:active { + outline-color: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:outline-red-200\/60:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:outline-red-200\/60:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:outline-red-200\/60:active { + outline-color: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:outline-red-200\/70:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:outline-red-200\/70:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:outline-red-200\/70:active { + outline-color: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:outline-red-200\/80:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:outline-red-200\/80:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:outline-red-200\/80:active { + outline-color: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:outline-red-200\/90:focus { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:outline-red-200\/90:hover { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:outline-red-200\/90:active { + outline-color: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:outline-red-300:focus { + outline-color: var(--red-300) + } + .xl\:hover\:outline-red-300:hover { + outline-color: var(--red-300) + } + .xl\:active\:outline-red-300:active { + outline-color: var(--red-300) + } + .xl\:focus\:outline-red-300\/10:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:outline-red-300\/10:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:outline-red-300\/10:active { + outline-color: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:outline-red-300\/20:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:outline-red-300\/20:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:outline-red-300\/20:active { + outline-color: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:outline-red-300\/30:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:outline-red-300\/30:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:outline-red-300\/30:active { + outline-color: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:outline-red-300\/40:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:outline-red-300\/40:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:outline-red-300\/40:active { + outline-color: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:outline-red-300\/50:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:outline-red-300\/50:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:outline-red-300\/50:active { + outline-color: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:outline-red-300\/60:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:outline-red-300\/60:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:outline-red-300\/60:active { + outline-color: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:outline-red-300\/70:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:outline-red-300\/70:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:outline-red-300\/70:active { + outline-color: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:outline-red-300\/80:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:outline-red-300\/80:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:outline-red-300\/80:active { + outline-color: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:outline-red-300\/90:focus { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:outline-red-300\/90:hover { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:outline-red-300\/90:active { + outline-color: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:outline-red-400:focus { + outline-color: var(--red-400) + } + .xl\:hover\:outline-red-400:hover { + outline-color: var(--red-400) + } + .xl\:active\:outline-red-400:active { + outline-color: var(--red-400) + } + .xl\:focus\:outline-red-400\/10:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:outline-red-400\/10:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:outline-red-400\/10:active { + outline-color: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:outline-red-400\/20:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:outline-red-400\/20:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:outline-red-400\/20:active { + outline-color: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:outline-red-400\/30:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:outline-red-400\/30:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:outline-red-400\/30:active { + outline-color: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:outline-red-400\/40:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:outline-red-400\/40:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:outline-red-400\/40:active { + outline-color: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:outline-red-400\/50:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:outline-red-400\/50:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:outline-red-400\/50:active { + outline-color: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:outline-red-400\/60:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:outline-red-400\/60:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:outline-red-400\/60:active { + outline-color: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:outline-red-400\/70:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:outline-red-400\/70:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:outline-red-400\/70:active { + outline-color: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:outline-red-400\/80:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:outline-red-400\/80:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:outline-red-400\/80:active { + outline-color: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:outline-red-400\/90:focus { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:outline-red-400\/90:hover { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:outline-red-400\/90:active { + outline-color: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:outline-red-500:focus { + outline-color: var(--red-500) + } + .xl\:hover\:outline-red-500:hover { + outline-color: var(--red-500) + } + .xl\:active\:outline-red-500:active { + outline-color: var(--red-500) + } + .xl\:focus\:outline-red-500\/10:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:outline-red-500\/10:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:outline-red-500\/10:active { + outline-color: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:outline-red-500\/20:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:outline-red-500\/20:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:outline-red-500\/20:active { + outline-color: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:outline-red-500\/30:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:outline-red-500\/30:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:outline-red-500\/30:active { + outline-color: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:outline-red-500\/40:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:outline-red-500\/40:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:outline-red-500\/40:active { + outline-color: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:outline-red-500\/50:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:outline-red-500\/50:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:outline-red-500\/50:active { + outline-color: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:outline-red-500\/60:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:outline-red-500\/60:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:outline-red-500\/60:active { + outline-color: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:outline-red-500\/70:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:outline-red-500\/70:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:outline-red-500\/70:active { + outline-color: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:outline-red-500\/80:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:outline-red-500\/80:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:outline-red-500\/80:active { + outline-color: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:outline-red-500\/90:focus { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:outline-red-500\/90:hover { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:outline-red-500\/90:active { + outline-color: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:outline-red-600:focus { + outline-color: var(--red-600) + } + .xl\:hover\:outline-red-600:hover { + outline-color: var(--red-600) + } + .xl\:active\:outline-red-600:active { + outline-color: var(--red-600) + } + .xl\:focus\:outline-red-600\/10:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:outline-red-600\/10:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:outline-red-600\/10:active { + outline-color: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:outline-red-600\/20:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:outline-red-600\/20:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:outline-red-600\/20:active { + outline-color: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:outline-red-600\/30:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:outline-red-600\/30:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:outline-red-600\/30:active { + outline-color: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:outline-red-600\/40:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:outline-red-600\/40:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:outline-red-600\/40:active { + outline-color: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:outline-red-600\/50:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:outline-red-600\/50:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:outline-red-600\/50:active { + outline-color: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:outline-red-600\/60:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:outline-red-600\/60:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:outline-red-600\/60:active { + outline-color: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:outline-red-600\/70:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:outline-red-600\/70:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:outline-red-600\/70:active { + outline-color: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:outline-red-600\/80:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:outline-red-600\/80:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:outline-red-600\/80:active { + outline-color: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:outline-red-600\/90:focus { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:outline-red-600\/90:hover { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:outline-red-600\/90:active { + outline-color: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:outline-red-700:focus { + outline-color: var(--red-700) + } + .xl\:hover\:outline-red-700:hover { + outline-color: var(--red-700) + } + .xl\:active\:outline-red-700:active { + outline-color: var(--red-700) + } + .xl\:focus\:outline-red-700\/10:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:outline-red-700\/10:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:outline-red-700\/10:active { + outline-color: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:outline-red-700\/20:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:outline-red-700\/20:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:outline-red-700\/20:active { + outline-color: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:outline-red-700\/30:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:outline-red-700\/30:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:outline-red-700\/30:active { + outline-color: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:outline-red-700\/40:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:outline-red-700\/40:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:outline-red-700\/40:active { + outline-color: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:outline-red-700\/50:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:outline-red-700\/50:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:outline-red-700\/50:active { + outline-color: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:outline-red-700\/60:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:outline-red-700\/60:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:outline-red-700\/60:active { + outline-color: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:outline-red-700\/70:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:outline-red-700\/70:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:outline-red-700\/70:active { + outline-color: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:outline-red-700\/80:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:outline-red-700\/80:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:outline-red-700\/80:active { + outline-color: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:outline-red-700\/90:focus { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:outline-red-700\/90:hover { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:outline-red-700\/90:active { + outline-color: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:outline-red-800:focus { + outline-color: var(--red-800) + } + .xl\:hover\:outline-red-800:hover { + outline-color: var(--red-800) + } + .xl\:active\:outline-red-800:active { + outline-color: var(--red-800) + } + .xl\:focus\:outline-red-800\/10:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:outline-red-800\/10:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:outline-red-800\/10:active { + outline-color: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:outline-red-800\/20:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:outline-red-800\/20:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:outline-red-800\/20:active { + outline-color: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:outline-red-800\/30:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:outline-red-800\/30:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:outline-red-800\/30:active { + outline-color: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:outline-red-800\/40:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:outline-red-800\/40:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:outline-red-800\/40:active { + outline-color: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:outline-red-800\/50:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:outline-red-800\/50:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:outline-red-800\/50:active { + outline-color: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:outline-red-800\/60:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:outline-red-800\/60:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:outline-red-800\/60:active { + outline-color: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:outline-red-800\/70:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:outline-red-800\/70:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:outline-red-800\/70:active { + outline-color: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:outline-red-800\/80:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:outline-red-800\/80:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:outline-red-800\/80:active { + outline-color: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:outline-red-800\/90:focus { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:outline-red-800\/90:hover { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:outline-red-800\/90:active { + outline-color: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:outline-red-900:focus { + outline-color: var(--red-900) + } + .xl\:hover\:outline-red-900:hover { + outline-color: var(--red-900) + } + .xl\:active\:outline-red-900:active { + outline-color: var(--red-900) + } + .xl\:focus\:outline-red-900\/10:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:outline-red-900\/10:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:outline-red-900\/10:active { + outline-color: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:outline-red-900\/20:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:outline-red-900\/20:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:outline-red-900\/20:active { + outline-color: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:outline-red-900\/30:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:outline-red-900\/30:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:outline-red-900\/30:active { + outline-color: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:outline-red-900\/40:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:outline-red-900\/40:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:outline-red-900\/40:active { + outline-color: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:outline-red-900\/50:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:outline-red-900\/50:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:outline-red-900\/50:active { + outline-color: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:outline-red-900\/60:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:outline-red-900\/60:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:outline-red-900\/60:active { + outline-color: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:outline-red-900\/70:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:outline-red-900\/70:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:outline-red-900\/70:active { + outline-color: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:outline-red-900\/80:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:outline-red-900\/80:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:outline-red-900\/80:active { + outline-color: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:outline-red-900\/90:focus { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:outline-red-900\/90:hover { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:outline-red-900\/90:active { + outline-color: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:outline-gray-50:focus { + outline-color: var(--gray-50) + } + .xl\:hover\:outline-gray-50:hover { + outline-color: var(--gray-50) + } + .xl\:active\:outline-gray-50:active { + outline-color: var(--gray-50) + } + .xl\:focus\:outline-gray-50\/10:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:outline-gray-50\/10:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:outline-gray-50\/10:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:outline-gray-50\/20:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:outline-gray-50\/20:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:outline-gray-50\/20:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:outline-gray-50\/30:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:outline-gray-50\/30:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:outline-gray-50\/30:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:outline-gray-50\/40:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:outline-gray-50\/40:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:outline-gray-50\/40:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:outline-gray-50\/50:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:outline-gray-50\/50:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:outline-gray-50\/50:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:outline-gray-50\/60:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:outline-gray-50\/60:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:outline-gray-50\/60:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:outline-gray-50\/70:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:outline-gray-50\/70:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:outline-gray-50\/70:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:outline-gray-50\/80:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:outline-gray-50\/80:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:outline-gray-50\/80:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:outline-gray-50\/90:focus { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:outline-gray-50\/90:hover { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:outline-gray-50\/90:active { + outline-color: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:outline-gray-100:focus { + outline-color: var(--gray-100) + } + .xl\:hover\:outline-gray-100:hover { + outline-color: var(--gray-100) + } + .xl\:active\:outline-gray-100:active { + outline-color: var(--gray-100) + } + .xl\:focus\:outline-gray-100\/10:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:outline-gray-100\/10:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:outline-gray-100\/10:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:outline-gray-100\/20:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:outline-gray-100\/20:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:outline-gray-100\/20:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:outline-gray-100\/30:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:outline-gray-100\/30:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:outline-gray-100\/30:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:outline-gray-100\/40:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:outline-gray-100\/40:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:outline-gray-100\/40:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:outline-gray-100\/50:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:outline-gray-100\/50:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:outline-gray-100\/50:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:outline-gray-100\/60:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:outline-gray-100\/60:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:outline-gray-100\/60:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:outline-gray-100\/70:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:outline-gray-100\/70:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:outline-gray-100\/70:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:outline-gray-100\/80:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:outline-gray-100\/80:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:outline-gray-100\/80:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:outline-gray-100\/90:focus { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:outline-gray-100\/90:hover { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:outline-gray-100\/90:active { + outline-color: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:outline-gray-200:focus { + outline-color: var(--gray-200) + } + .xl\:hover\:outline-gray-200:hover { + outline-color: var(--gray-200) + } + .xl\:active\:outline-gray-200:active { + outline-color: var(--gray-200) + } + .xl\:focus\:outline-gray-200\/10:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:outline-gray-200\/10:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:outline-gray-200\/10:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:outline-gray-200\/20:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:outline-gray-200\/20:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:outline-gray-200\/20:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:outline-gray-200\/30:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:outline-gray-200\/30:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:outline-gray-200\/30:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:outline-gray-200\/40:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:outline-gray-200\/40:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:outline-gray-200\/40:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:outline-gray-200\/50:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:outline-gray-200\/50:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:outline-gray-200\/50:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:outline-gray-200\/60:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:outline-gray-200\/60:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:outline-gray-200\/60:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:outline-gray-200\/70:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:outline-gray-200\/70:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:outline-gray-200\/70:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:outline-gray-200\/80:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:outline-gray-200\/80:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:outline-gray-200\/80:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:outline-gray-200\/90:focus { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:outline-gray-200\/90:hover { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:outline-gray-200\/90:active { + outline-color: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:outline-gray-300:focus { + outline-color: var(--gray-300) + } + .xl\:hover\:outline-gray-300:hover { + outline-color: var(--gray-300) + } + .xl\:active\:outline-gray-300:active { + outline-color: var(--gray-300) + } + .xl\:focus\:outline-gray-300\/10:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:outline-gray-300\/10:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:outline-gray-300\/10:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:outline-gray-300\/20:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:outline-gray-300\/20:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:outline-gray-300\/20:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:outline-gray-300\/30:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:outline-gray-300\/30:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:outline-gray-300\/30:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:outline-gray-300\/40:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:outline-gray-300\/40:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:outline-gray-300\/40:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:outline-gray-300\/50:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:outline-gray-300\/50:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:outline-gray-300\/50:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:outline-gray-300\/60:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:outline-gray-300\/60:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:outline-gray-300\/60:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:outline-gray-300\/70:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:outline-gray-300\/70:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:outline-gray-300\/70:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:outline-gray-300\/80:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:outline-gray-300\/80:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:outline-gray-300\/80:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:outline-gray-300\/90:focus { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:outline-gray-300\/90:hover { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:outline-gray-300\/90:active { + outline-color: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:outline-gray-400:focus { + outline-color: var(--gray-400) + } + .xl\:hover\:outline-gray-400:hover { + outline-color: var(--gray-400) + } + .xl\:active\:outline-gray-400:active { + outline-color: var(--gray-400) + } + .xl\:focus\:outline-gray-400\/10:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:outline-gray-400\/10:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:outline-gray-400\/10:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:outline-gray-400\/20:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:outline-gray-400\/20:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:outline-gray-400\/20:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:outline-gray-400\/30:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:outline-gray-400\/30:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:outline-gray-400\/30:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:outline-gray-400\/40:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:outline-gray-400\/40:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:outline-gray-400\/40:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:outline-gray-400\/50:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:outline-gray-400\/50:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:outline-gray-400\/50:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:outline-gray-400\/60:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:outline-gray-400\/60:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:outline-gray-400\/60:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:outline-gray-400\/70:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:outline-gray-400\/70:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:outline-gray-400\/70:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:outline-gray-400\/80:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:outline-gray-400\/80:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:outline-gray-400\/80:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:outline-gray-400\/90:focus { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:outline-gray-400\/90:hover { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:outline-gray-400\/90:active { + outline-color: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:outline-gray-500:focus { + outline-color: var(--gray-500) + } + .xl\:hover\:outline-gray-500:hover { + outline-color: var(--gray-500) + } + .xl\:active\:outline-gray-500:active { + outline-color: var(--gray-500) + } + .xl\:focus\:outline-gray-500\/10:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:outline-gray-500\/10:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:outline-gray-500\/10:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:outline-gray-500\/20:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:outline-gray-500\/20:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:outline-gray-500\/20:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:outline-gray-500\/30:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:outline-gray-500\/30:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:outline-gray-500\/30:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:outline-gray-500\/40:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:outline-gray-500\/40:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:outline-gray-500\/40:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:outline-gray-500\/50:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:outline-gray-500\/50:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:outline-gray-500\/50:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:outline-gray-500\/60:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:outline-gray-500\/60:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:outline-gray-500\/60:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:outline-gray-500\/70:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:outline-gray-500\/70:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:outline-gray-500\/70:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:outline-gray-500\/80:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:outline-gray-500\/80:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:outline-gray-500\/80:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:outline-gray-500\/90:focus { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:outline-gray-500\/90:hover { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:outline-gray-500\/90:active { + outline-color: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:outline-gray-600:focus { + outline-color: var(--gray-600) + } + .xl\:hover\:outline-gray-600:hover { + outline-color: var(--gray-600) + } + .xl\:active\:outline-gray-600:active { + outline-color: var(--gray-600) + } + .xl\:focus\:outline-gray-600\/10:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:outline-gray-600\/10:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:outline-gray-600\/10:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:outline-gray-600\/20:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:outline-gray-600\/20:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:outline-gray-600\/20:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:outline-gray-600\/30:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:outline-gray-600\/30:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:outline-gray-600\/30:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:outline-gray-600\/40:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:outline-gray-600\/40:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:outline-gray-600\/40:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:outline-gray-600\/50:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:outline-gray-600\/50:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:outline-gray-600\/50:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:outline-gray-600\/60:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:outline-gray-600\/60:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:outline-gray-600\/60:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:outline-gray-600\/70:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:outline-gray-600\/70:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:outline-gray-600\/70:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:outline-gray-600\/80:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:outline-gray-600\/80:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:outline-gray-600\/80:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:outline-gray-600\/90:focus { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:outline-gray-600\/90:hover { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:outline-gray-600\/90:active { + outline-color: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:outline-gray-700:focus { + outline-color: var(--gray-700) + } + .xl\:hover\:outline-gray-700:hover { + outline-color: var(--gray-700) + } + .xl\:active\:outline-gray-700:active { + outline-color: var(--gray-700) + } + .xl\:focus\:outline-gray-700\/10:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:outline-gray-700\/10:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:outline-gray-700\/10:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:outline-gray-700\/20:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:outline-gray-700\/20:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:outline-gray-700\/20:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:outline-gray-700\/30:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:outline-gray-700\/30:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:outline-gray-700\/30:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:outline-gray-700\/40:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:outline-gray-700\/40:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:outline-gray-700\/40:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:outline-gray-700\/50:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:outline-gray-700\/50:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:outline-gray-700\/50:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:outline-gray-700\/60:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:outline-gray-700\/60:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:outline-gray-700\/60:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:outline-gray-700\/70:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:outline-gray-700\/70:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:outline-gray-700\/70:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:outline-gray-700\/80:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:outline-gray-700\/80:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:outline-gray-700\/80:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:outline-gray-700\/90:focus { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:outline-gray-700\/90:hover { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:outline-gray-700\/90:active { + outline-color: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:outline-gray-800:focus { + outline-color: var(--gray-800) + } + .xl\:hover\:outline-gray-800:hover { + outline-color: var(--gray-800) + } + .xl\:active\:outline-gray-800:active { + outline-color: var(--gray-800) + } + .xl\:focus\:outline-gray-800\/10:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:outline-gray-800\/10:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:outline-gray-800\/10:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:outline-gray-800\/20:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:outline-gray-800\/20:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:outline-gray-800\/20:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:outline-gray-800\/30:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:outline-gray-800\/30:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:outline-gray-800\/30:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:outline-gray-800\/40:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:outline-gray-800\/40:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:outline-gray-800\/40:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:outline-gray-800\/50:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:outline-gray-800\/50:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:outline-gray-800\/50:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:outline-gray-800\/60:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:outline-gray-800\/60:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:outline-gray-800\/60:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:outline-gray-800\/70:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:outline-gray-800\/70:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:outline-gray-800\/70:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:outline-gray-800\/80:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:outline-gray-800\/80:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:outline-gray-800\/80:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:outline-gray-800\/90:focus { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:outline-gray-800\/90:hover { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:outline-gray-800\/90:active { + outline-color: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:outline-gray-900:focus { + outline-color: var(--gray-900) + } + .xl\:hover\:outline-gray-900:hover { + outline-color: var(--gray-900) + } + .xl\:active\:outline-gray-900:active { + outline-color: var(--gray-900) + } + .xl\:focus\:outline-gray-900\/10:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:outline-gray-900\/10:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:outline-gray-900\/10:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:outline-gray-900\/20:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:outline-gray-900\/20:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:outline-gray-900\/20:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:outline-gray-900\/30:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:outline-gray-900\/30:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:outline-gray-900\/30:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:outline-gray-900\/40:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:outline-gray-900\/40:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:outline-gray-900\/40:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:outline-gray-900\/50:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:outline-gray-900\/50:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:outline-gray-900\/50:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:outline-gray-900\/60:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:outline-gray-900\/60:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:outline-gray-900\/60:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:outline-gray-900\/70:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:outline-gray-900\/70:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:outline-gray-900\/70:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:outline-gray-900\/80:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:outline-gray-900\/80:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:outline-gray-900\/80:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:outline-gray-900\/90:focus { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:outline-gray-900\/90:hover { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:outline-gray-900\/90:active { + outline-color: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:outline-surface-0:focus { + outline-color: var(--surface-0) + } + .xl\:hover\:outline-surface-0:hover { + outline-color: var(--surface-0) + } + .xl\:active\:outline-surface-0:active { + outline-color: var(--surface-0) + } + .xl\:focus\:outline-surface-0\/10:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:outline-surface-0\/10:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:outline-surface-0\/10:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:outline-surface-0\/20:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:outline-surface-0\/20:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:outline-surface-0\/20:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:outline-surface-0\/30:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:outline-surface-0\/30:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:outline-surface-0\/30:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:outline-surface-0\/40:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:outline-surface-0\/40:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:outline-surface-0\/40:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:outline-surface-0\/50:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:outline-surface-0\/50:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:outline-surface-0\/50:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:outline-surface-0\/60:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:outline-surface-0\/60:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:outline-surface-0\/60:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:outline-surface-0\/70:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:outline-surface-0\/70:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:outline-surface-0\/70:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:outline-surface-0\/80:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:outline-surface-0\/80:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:outline-surface-0\/80:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:outline-surface-0\/90:focus { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:outline-surface-0\/90:hover { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:outline-surface-0\/90:active { + outline-color: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:outline-surface-50:focus { + outline-color: var(--surface-50) + } + .xl\:hover\:outline-surface-50:hover { + outline-color: var(--surface-50) + } + .xl\:active\:outline-surface-50:active { + outline-color: var(--surface-50) + } + .xl\:focus\:outline-surface-50\/10:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:outline-surface-50\/10:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:outline-surface-50\/10:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:outline-surface-50\/20:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:outline-surface-50\/20:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:outline-surface-50\/20:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:outline-surface-50\/30:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:outline-surface-50\/30:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:outline-surface-50\/30:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:outline-surface-50\/40:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:outline-surface-50\/40:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:outline-surface-50\/40:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:outline-surface-50\/50:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:outline-surface-50\/50:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:outline-surface-50\/50:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:outline-surface-50\/60:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:outline-surface-50\/60:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:outline-surface-50\/60:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:outline-surface-50\/70:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:outline-surface-50\/70:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:outline-surface-50\/70:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:outline-surface-50\/80:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:outline-surface-50\/80:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:outline-surface-50\/80:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:outline-surface-50\/90:focus { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:outline-surface-50\/90:hover { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:outline-surface-50\/90:active { + outline-color: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:outline-surface-100:focus { + outline-color: var(--surface-100) + } + .xl\:hover\:outline-surface-100:hover { + outline-color: var(--surface-100) + } + .xl\:active\:outline-surface-100:active { + outline-color: var(--surface-100) + } + .xl\:focus\:outline-surface-100\/10:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:outline-surface-100\/10:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:outline-surface-100\/10:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:outline-surface-100\/20:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:outline-surface-100\/20:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:outline-surface-100\/20:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:outline-surface-100\/30:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:outline-surface-100\/30:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:outline-surface-100\/30:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:outline-surface-100\/40:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:outline-surface-100\/40:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:outline-surface-100\/40:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:outline-surface-100\/50:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:outline-surface-100\/50:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:outline-surface-100\/50:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:outline-surface-100\/60:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:outline-surface-100\/60:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:outline-surface-100\/60:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:outline-surface-100\/70:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:outline-surface-100\/70:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:outline-surface-100\/70:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:outline-surface-100\/80:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:outline-surface-100\/80:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:outline-surface-100\/80:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:outline-surface-100\/90:focus { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:outline-surface-100\/90:hover { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:outline-surface-100\/90:active { + outline-color: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:outline-surface-200:focus { + outline-color: var(--surface-200) + } + .xl\:hover\:outline-surface-200:hover { + outline-color: var(--surface-200) + } + .xl\:active\:outline-surface-200:active { + outline-color: var(--surface-200) + } + .xl\:focus\:outline-surface-200\/10:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:outline-surface-200\/10:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:outline-surface-200\/10:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:outline-surface-200\/20:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:outline-surface-200\/20:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:outline-surface-200\/20:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:outline-surface-200\/30:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:outline-surface-200\/30:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:outline-surface-200\/30:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:outline-surface-200\/40:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:outline-surface-200\/40:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:outline-surface-200\/40:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:outline-surface-200\/50:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:outline-surface-200\/50:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:outline-surface-200\/50:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:outline-surface-200\/60:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:outline-surface-200\/60:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:outline-surface-200\/60:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:outline-surface-200\/70:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:outline-surface-200\/70:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:outline-surface-200\/70:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:outline-surface-200\/80:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:outline-surface-200\/80:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:outline-surface-200\/80:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:outline-surface-200\/90:focus { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:outline-surface-200\/90:hover { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:outline-surface-200\/90:active { + outline-color: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:outline-surface-300:focus { + outline-color: var(--surface-300) + } + .xl\:hover\:outline-surface-300:hover { + outline-color: var(--surface-300) + } + .xl\:active\:outline-surface-300:active { + outline-color: var(--surface-300) + } + .xl\:focus\:outline-surface-300\/10:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:outline-surface-300\/10:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:outline-surface-300\/10:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:outline-surface-300\/20:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:outline-surface-300\/20:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:outline-surface-300\/20:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:outline-surface-300\/30:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:outline-surface-300\/30:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:outline-surface-300\/30:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:outline-surface-300\/40:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:outline-surface-300\/40:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:outline-surface-300\/40:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:outline-surface-300\/50:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:outline-surface-300\/50:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:outline-surface-300\/50:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:outline-surface-300\/60:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:outline-surface-300\/60:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:outline-surface-300\/60:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:outline-surface-300\/70:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:outline-surface-300\/70:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:outline-surface-300\/70:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:outline-surface-300\/80:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:outline-surface-300\/80:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:outline-surface-300\/80:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:outline-surface-300\/90:focus { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:outline-surface-300\/90:hover { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:outline-surface-300\/90:active { + outline-color: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:outline-surface-400:focus { + outline-color: var(--surface-400) + } + .xl\:hover\:outline-surface-400:hover { + outline-color: var(--surface-400) + } + .xl\:active\:outline-surface-400:active { + outline-color: var(--surface-400) + } + .xl\:focus\:outline-surface-400\/10:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:outline-surface-400\/10:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:outline-surface-400\/10:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:outline-surface-400\/20:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:outline-surface-400\/20:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:outline-surface-400\/20:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:outline-surface-400\/30:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:outline-surface-400\/30:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:outline-surface-400\/30:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:outline-surface-400\/40:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:outline-surface-400\/40:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:outline-surface-400\/40:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:outline-surface-400\/50:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:outline-surface-400\/50:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:outline-surface-400\/50:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:outline-surface-400\/60:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:outline-surface-400\/60:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:outline-surface-400\/60:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:outline-surface-400\/70:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:outline-surface-400\/70:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:outline-surface-400\/70:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:outline-surface-400\/80:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:outline-surface-400\/80:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:outline-surface-400\/80:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:outline-surface-400\/90:focus { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:outline-surface-400\/90:hover { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:outline-surface-400\/90:active { + outline-color: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:outline-surface-500:focus { + outline-color: var(--surface-500) + } + .xl\:hover\:outline-surface-500:hover { + outline-color: var(--surface-500) + } + .xl\:active\:outline-surface-500:active { + outline-color: var(--surface-500) + } + .xl\:focus\:outline-surface-500\/10:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:outline-surface-500\/10:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:outline-surface-500\/10:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:outline-surface-500\/20:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:outline-surface-500\/20:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:outline-surface-500\/20:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:outline-surface-500\/30:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:outline-surface-500\/30:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:outline-surface-500\/30:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:outline-surface-500\/40:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:outline-surface-500\/40:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:outline-surface-500\/40:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:outline-surface-500\/50:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:outline-surface-500\/50:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:outline-surface-500\/50:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:outline-surface-500\/60:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:outline-surface-500\/60:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:outline-surface-500\/60:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:outline-surface-500\/70:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:outline-surface-500\/70:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:outline-surface-500\/70:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:outline-surface-500\/80:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:outline-surface-500\/80:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:outline-surface-500\/80:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:outline-surface-500\/90:focus { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:outline-surface-500\/90:hover { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:outline-surface-500\/90:active { + outline-color: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:outline-surface-600:focus { + outline-color: var(--surface-600) + } + .xl\:hover\:outline-surface-600:hover { + outline-color: var(--surface-600) + } + .xl\:active\:outline-surface-600:active { + outline-color: var(--surface-600) + } + .xl\:focus\:outline-surface-600\/10:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:outline-surface-600\/10:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:outline-surface-600\/10:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:outline-surface-600\/20:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:outline-surface-600\/20:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:outline-surface-600\/20:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:outline-surface-600\/30:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:outline-surface-600\/30:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:outline-surface-600\/30:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:outline-surface-600\/40:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:outline-surface-600\/40:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:outline-surface-600\/40:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:outline-surface-600\/50:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:outline-surface-600\/50:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:outline-surface-600\/50:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:outline-surface-600\/60:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:outline-surface-600\/60:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:outline-surface-600\/60:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:outline-surface-600\/70:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:outline-surface-600\/70:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:outline-surface-600\/70:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:outline-surface-600\/80:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:outline-surface-600\/80:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:outline-surface-600\/80:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:outline-surface-600\/90:focus { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:outline-surface-600\/90:hover { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:outline-surface-600\/90:active { + outline-color: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:outline-surface-700:focus { + outline-color: var(--surface-700) + } + .xl\:hover\:outline-surface-700:hover { + outline-color: var(--surface-700) + } + .xl\:active\:outline-surface-700:active { + outline-color: var(--surface-700) + } + .xl\:focus\:outline-surface-700\/10:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:outline-surface-700\/10:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:outline-surface-700\/10:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:outline-surface-700\/20:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:outline-surface-700\/20:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:outline-surface-700\/20:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:outline-surface-700\/30:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:outline-surface-700\/30:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:outline-surface-700\/30:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:outline-surface-700\/40:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:outline-surface-700\/40:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:outline-surface-700\/40:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:outline-surface-700\/50:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:outline-surface-700\/50:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:outline-surface-700\/50:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:outline-surface-700\/60:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:outline-surface-700\/60:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:outline-surface-700\/60:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:outline-surface-700\/70:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:outline-surface-700\/70:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:outline-surface-700\/70:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:outline-surface-700\/80:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:outline-surface-700\/80:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:outline-surface-700\/80:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:outline-surface-700\/90:focus { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:outline-surface-700\/90:hover { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:outline-surface-700\/90:active { + outline-color: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:outline-surface-800:focus { + outline-color: var(--surface-800) + } + .xl\:hover\:outline-surface-800:hover { + outline-color: var(--surface-800) + } + .xl\:active\:outline-surface-800:active { + outline-color: var(--surface-800) + } + .xl\:focus\:outline-surface-800\/10:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:outline-surface-800\/10:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:outline-surface-800\/10:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:outline-surface-800\/20:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:outline-surface-800\/20:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:outline-surface-800\/20:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:outline-surface-800\/30:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:outline-surface-800\/30:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:outline-surface-800\/30:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:outline-surface-800\/40:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:outline-surface-800\/40:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:outline-surface-800\/40:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:outline-surface-800\/50:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:outline-surface-800\/50:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:outline-surface-800\/50:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:outline-surface-800\/60:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:outline-surface-800\/60:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:outline-surface-800\/60:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:outline-surface-800\/70:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:outline-surface-800\/70:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:outline-surface-800\/70:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:outline-surface-800\/80:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:outline-surface-800\/80:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:outline-surface-800\/80:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:outline-surface-800\/90:focus { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:outline-surface-800\/90:hover { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:outline-surface-800\/90:active { + outline-color: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:outline-surface-900:focus { + outline-color: var(--surface-900) + } + .xl\:hover\:outline-surface-900:hover { + outline-color: var(--surface-900) + } + .xl\:active\:outline-surface-900:active { + outline-color: var(--surface-900) + } + .xl\:focus\:outline-surface-900\/10:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:outline-surface-900\/10:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:outline-surface-900\/10:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:outline-surface-900\/20:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:outline-surface-900\/20:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:outline-surface-900\/20:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:outline-surface-900\/30:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:outline-surface-900\/30:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:outline-surface-900\/30:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:outline-surface-900\/40:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:outline-surface-900\/40:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:outline-surface-900\/40:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:outline-surface-900\/50:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:outline-surface-900\/50:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:outline-surface-900\/50:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:outline-surface-900\/60:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:outline-surface-900\/60:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:outline-surface-900\/60:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:outline-surface-900\/70:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:outline-surface-900\/70:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:outline-surface-900\/70:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:outline-surface-900\/80:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:outline-surface-900\/80:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:outline-surface-900\/80:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:outline-surface-900\/90:focus { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:outline-surface-900\/90:hover { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:outline-surface-900\/90:active { + outline-color: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:outline-primary-50:focus { + outline-color: var(--primary-50) + } + .xl\:hover\:outline-primary-50:hover { + outline-color: var(--primary-50) + } + .xl\:active\:outline-primary-50:active { + outline-color: var(--primary-50) + } + .xl\:focus\:outline-primary-50\/10:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:outline-primary-50\/10:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:outline-primary-50\/10:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:outline-primary-50\/20:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:outline-primary-50\/20:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:outline-primary-50\/20:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:outline-primary-50\/30:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:outline-primary-50\/30:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:outline-primary-50\/30:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:outline-primary-50\/40:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:outline-primary-50\/40:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:outline-primary-50\/40:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:outline-primary-50\/50:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:outline-primary-50\/50:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:outline-primary-50\/50:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:outline-primary-50\/60:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:outline-primary-50\/60:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:outline-primary-50\/60:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:outline-primary-50\/70:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:outline-primary-50\/70:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:outline-primary-50\/70:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:outline-primary-50\/80:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:outline-primary-50\/80:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:outline-primary-50\/80:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:outline-primary-50\/90:focus { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:outline-primary-50\/90:hover { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:outline-primary-50\/90:active { + outline-color: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:outline-primary-100:focus { + outline-color: var(--primary-100) + } + .xl\:hover\:outline-primary-100:hover { + outline-color: var(--primary-100) + } + .xl\:active\:outline-primary-100:active { + outline-color: var(--primary-100) + } + .xl\:focus\:outline-primary-100\/10:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:outline-primary-100\/10:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:outline-primary-100\/10:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:outline-primary-100\/20:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:outline-primary-100\/20:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:outline-primary-100\/20:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:outline-primary-100\/30:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:outline-primary-100\/30:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:outline-primary-100\/30:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:outline-primary-100\/40:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:outline-primary-100\/40:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:outline-primary-100\/40:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:outline-primary-100\/50:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:outline-primary-100\/50:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:outline-primary-100\/50:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:outline-primary-100\/60:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:outline-primary-100\/60:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:outline-primary-100\/60:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:outline-primary-100\/70:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:outline-primary-100\/70:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:outline-primary-100\/70:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:outline-primary-100\/80:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:outline-primary-100\/80:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:outline-primary-100\/80:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:outline-primary-100\/90:focus { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:outline-primary-100\/90:hover { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:outline-primary-100\/90:active { + outline-color: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:outline-primary-200:focus { + outline-color: var(--primary-200) + } + .xl\:hover\:outline-primary-200:hover { + outline-color: var(--primary-200) + } + .xl\:active\:outline-primary-200:active { + outline-color: var(--primary-200) + } + .xl\:focus\:outline-primary-200\/10:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:outline-primary-200\/10:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:outline-primary-200\/10:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:outline-primary-200\/20:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:outline-primary-200\/20:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:outline-primary-200\/20:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:outline-primary-200\/30:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:outline-primary-200\/30:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:outline-primary-200\/30:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:outline-primary-200\/40:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:outline-primary-200\/40:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:outline-primary-200\/40:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:outline-primary-200\/50:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:outline-primary-200\/50:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:outline-primary-200\/50:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:outline-primary-200\/60:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:outline-primary-200\/60:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:outline-primary-200\/60:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:outline-primary-200\/70:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:outline-primary-200\/70:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:outline-primary-200\/70:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:outline-primary-200\/80:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:outline-primary-200\/80:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:outline-primary-200\/80:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:outline-primary-200\/90:focus { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:outline-primary-200\/90:hover { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:outline-primary-200\/90:active { + outline-color: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:outline-primary-300:focus { + outline-color: var(--primary-300) + } + .xl\:hover\:outline-primary-300:hover { + outline-color: var(--primary-300) + } + .xl\:active\:outline-primary-300:active { + outline-color: var(--primary-300) + } + .xl\:focus\:outline-primary-300\/10:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:outline-primary-300\/10:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:outline-primary-300\/10:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:outline-primary-300\/20:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:outline-primary-300\/20:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:outline-primary-300\/20:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:outline-primary-300\/30:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:outline-primary-300\/30:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:outline-primary-300\/30:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:outline-primary-300\/40:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:outline-primary-300\/40:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:outline-primary-300\/40:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:outline-primary-300\/50:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:outline-primary-300\/50:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:outline-primary-300\/50:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:outline-primary-300\/60:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:outline-primary-300\/60:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:outline-primary-300\/60:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:outline-primary-300\/70:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:outline-primary-300\/70:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:outline-primary-300\/70:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:outline-primary-300\/80:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:outline-primary-300\/80:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:outline-primary-300\/80:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:outline-primary-300\/90:focus { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:outline-primary-300\/90:hover { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:outline-primary-300\/90:active { + outline-color: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:outline-primary-400:focus { + outline-color: var(--primary-400) + } + .xl\:hover\:outline-primary-400:hover { + outline-color: var(--primary-400) + } + .xl\:active\:outline-primary-400:active { + outline-color: var(--primary-400) + } + .xl\:focus\:outline-primary-400\/10:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:outline-primary-400\/10:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:outline-primary-400\/10:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:outline-primary-400\/20:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:outline-primary-400\/20:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:outline-primary-400\/20:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:outline-primary-400\/30:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:outline-primary-400\/30:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:outline-primary-400\/30:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:outline-primary-400\/40:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:outline-primary-400\/40:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:outline-primary-400\/40:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:outline-primary-400\/50:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:outline-primary-400\/50:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:outline-primary-400\/50:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:outline-primary-400\/60:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:outline-primary-400\/60:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:outline-primary-400\/60:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:outline-primary-400\/70:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:outline-primary-400\/70:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:outline-primary-400\/70:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:outline-primary-400\/80:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:outline-primary-400\/80:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:outline-primary-400\/80:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:outline-primary-400\/90:focus { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:outline-primary-400\/90:hover { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:outline-primary-400\/90:active { + outline-color: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:outline-primary-500:focus { + outline-color: var(--primary-500) + } + .xl\:hover\:outline-primary-500:hover { + outline-color: var(--primary-500) + } + .xl\:active\:outline-primary-500:active { + outline-color: var(--primary-500) + } + .xl\:focus\:outline-primary-500\/10:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:outline-primary-500\/10:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:outline-primary-500\/10:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:outline-primary-500\/20:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:outline-primary-500\/20:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:outline-primary-500\/20:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:outline-primary-500\/30:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:outline-primary-500\/30:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:outline-primary-500\/30:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:outline-primary-500\/40:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:outline-primary-500\/40:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:outline-primary-500\/40:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:outline-primary-500\/50:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:outline-primary-500\/50:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:outline-primary-500\/50:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:outline-primary-500\/60:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:outline-primary-500\/60:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:outline-primary-500\/60:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:outline-primary-500\/70:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:outline-primary-500\/70:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:outline-primary-500\/70:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:outline-primary-500\/80:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:outline-primary-500\/80:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:outline-primary-500\/80:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:outline-primary-500\/90:focus { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:outline-primary-500\/90:hover { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:outline-primary-500\/90:active { + outline-color: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:outline-primary-600:focus { + outline-color: var(--primary-600) + } + .xl\:hover\:outline-primary-600:hover { + outline-color: var(--primary-600) + } + .xl\:active\:outline-primary-600:active { + outline-color: var(--primary-600) + } + .xl\:focus\:outline-primary-600\/10:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:outline-primary-600\/10:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:outline-primary-600\/10:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:outline-primary-600\/20:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:outline-primary-600\/20:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:outline-primary-600\/20:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:outline-primary-600\/30:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:outline-primary-600\/30:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:outline-primary-600\/30:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:outline-primary-600\/40:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:outline-primary-600\/40:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:outline-primary-600\/40:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:outline-primary-600\/50:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:outline-primary-600\/50:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:outline-primary-600\/50:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:outline-primary-600\/60:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:outline-primary-600\/60:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:outline-primary-600\/60:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:outline-primary-600\/70:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:outline-primary-600\/70:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:outline-primary-600\/70:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:outline-primary-600\/80:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:outline-primary-600\/80:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:outline-primary-600\/80:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:outline-primary-600\/90:focus { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:outline-primary-600\/90:hover { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:outline-primary-600\/90:active { + outline-color: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:outline-primary-700:focus { + outline-color: var(--primary-700) + } + .xl\:hover\:outline-primary-700:hover { + outline-color: var(--primary-700) + } + .xl\:active\:outline-primary-700:active { + outline-color: var(--primary-700) + } + .xl\:focus\:outline-primary-700\/10:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:outline-primary-700\/10:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:outline-primary-700\/10:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:outline-primary-700\/20:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:outline-primary-700\/20:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:outline-primary-700\/20:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:outline-primary-700\/30:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:outline-primary-700\/30:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:outline-primary-700\/30:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:outline-primary-700\/40:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:outline-primary-700\/40:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:outline-primary-700\/40:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:outline-primary-700\/50:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:outline-primary-700\/50:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:outline-primary-700\/50:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:outline-primary-700\/60:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:outline-primary-700\/60:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:outline-primary-700\/60:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:outline-primary-700\/70:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:outline-primary-700\/70:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:outline-primary-700\/70:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:outline-primary-700\/80:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:outline-primary-700\/80:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:outline-primary-700\/80:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:outline-primary-700\/90:focus { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:outline-primary-700\/90:hover { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:outline-primary-700\/90:active { + outline-color: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:outline-primary-800:focus { + outline-color: var(--primary-800) + } + .xl\:hover\:outline-primary-800:hover { + outline-color: var(--primary-800) + } + .xl\:active\:outline-primary-800:active { + outline-color: var(--primary-800) + } + .xl\:focus\:outline-primary-800\/10:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:outline-primary-800\/10:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:outline-primary-800\/10:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:outline-primary-800\/20:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:outline-primary-800\/20:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:outline-primary-800\/20:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:outline-primary-800\/30:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:outline-primary-800\/30:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:outline-primary-800\/30:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:outline-primary-800\/40:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:outline-primary-800\/40:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:outline-primary-800\/40:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:outline-primary-800\/50:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:outline-primary-800\/50:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:outline-primary-800\/50:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:outline-primary-800\/60:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:outline-primary-800\/60:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:outline-primary-800\/60:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:outline-primary-800\/70:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:outline-primary-800\/70:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:outline-primary-800\/70:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:outline-primary-800\/80:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:outline-primary-800\/80:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:outline-primary-800\/80:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:outline-primary-800\/90:focus { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:outline-primary-800\/90:hover { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:outline-primary-800\/90:active { + outline-color: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:outline-primary-900:focus { + outline-color: var(--primary-900) + } + .xl\:hover\:outline-primary-900:hover { + outline-color: var(--primary-900) + } + .xl\:active\:outline-primary-900:active { + outline-color: var(--primary-900) + } + .xl\:focus\:outline-primary-900\/10:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:outline-primary-900\/10:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:outline-primary-900\/10:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:outline-primary-900\/20:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:outline-primary-900\/20:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:outline-primary-900\/20:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:outline-primary-900\/30:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:outline-primary-900\/30:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:outline-primary-900\/30:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:outline-primary-900\/40:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:outline-primary-900\/40:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:outline-primary-900\/40:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:outline-primary-900\/50:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:outline-primary-900\/50:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:outline-primary-900\/50:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:outline-primary-900\/60:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:outline-primary-900\/60:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:outline-primary-900\/60:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:outline-primary-900\/70:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:outline-primary-900\/70:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:outline-primary-900\/70:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:outline-primary-900\/80:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:outline-primary-900\/80:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:outline-primary-900\/80:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:outline-primary-900\/90:focus { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:outline-primary-900\/90:hover { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:outline-primary-900\/90:active { + outline-color: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.outline-white\/10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.outline-white-alpha-10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.outline-black\/10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.outline-black-alpha-10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.outline-white\/20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.outline-white-alpha-20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.outline-black\/20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.outline-black-alpha-20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.outline-white\/30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.outline-white-alpha-30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.outline-black\/30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.outline-black-alpha-30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.outline-white\/40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.outline-white-alpha-40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.outline-black\/40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.outline-black-alpha-40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.outline-white\/50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.outline-white-alpha-50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.outline-black\/50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.outline-black-alpha-50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.outline-white\/60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.outline-white-alpha-60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.outline-black\/60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.outline-black-alpha-60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.outline-white\/70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.outline-white-alpha-70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.outline-black\/70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.outline-black-alpha-70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.outline-white\/80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.outline-white-alpha-80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.outline-black\/80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.outline-black-alpha-80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.outline-white\/90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.outline-white-alpha-90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.outline-black\/90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.outline-black-alpha-90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:outline-white\/10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:outline-white\/10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:outline-white\/10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:outline-white-alpha-10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:outline-white-alpha-10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:outline-white-alpha-10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:outline-black\/10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:outline-black\/10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:outline-black\/10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:outline-black-alpha-10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:outline-black-alpha-10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.active\:outline-black-alpha-10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:outline-white\/20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:outline-white\/20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:outline-white\/20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:outline-white-alpha-20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:outline-white-alpha-20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:outline-white-alpha-20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:outline-black\/20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:outline-black\/20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:outline-black\/20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:outline-black-alpha-20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:outline-black-alpha-20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.active\:outline-black-alpha-20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:outline-white\/30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:outline-white\/30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:outline-white\/30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:outline-white-alpha-30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:outline-white-alpha-30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:outline-white-alpha-30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:outline-black\/30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:outline-black\/30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:outline-black\/30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:outline-black-alpha-30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:outline-black-alpha-30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.active\:outline-black-alpha-30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:outline-white\/40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:outline-white\/40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:outline-white\/40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:outline-white-alpha-40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:outline-white-alpha-40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:outline-white-alpha-40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:outline-black\/40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:outline-black\/40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:outline-black\/40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:outline-black-alpha-40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:outline-black-alpha-40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.active\:outline-black-alpha-40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:outline-white\/50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:outline-white\/50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:outline-white\/50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:outline-white-alpha-50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:outline-white-alpha-50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:outline-white-alpha-50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:outline-black\/50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:outline-black\/50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:outline-black\/50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:outline-black-alpha-50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:outline-black-alpha-50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.active\:outline-black-alpha-50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:outline-white\/60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:outline-white\/60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:outline-white\/60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:outline-white-alpha-60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:outline-white-alpha-60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:outline-white-alpha-60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:outline-black\/60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:outline-black\/60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:outline-black\/60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:outline-black-alpha-60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:outline-black-alpha-60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.active\:outline-black-alpha-60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:outline-white\/70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:outline-white\/70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:outline-white\/70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:outline-white-alpha-70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:outline-white-alpha-70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:outline-white-alpha-70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:outline-black\/70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:outline-black\/70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:outline-black\/70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:outline-black-alpha-70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:outline-black-alpha-70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.active\:outline-black-alpha-70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:outline-white\/80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:outline-white\/80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:outline-white\/80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:outline-white-alpha-80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:outline-white-alpha-80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:outline-white-alpha-80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:outline-black\/80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:outline-black\/80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:outline-black\/80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:outline-black-alpha-80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:outline-black-alpha-80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.active\:outline-black-alpha-80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:outline-white\/90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:outline-white\/90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:outline-white\/90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:outline-white-alpha-90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:outline-white-alpha-90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:outline-white-alpha-90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:outline-black\/90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:outline-black\/90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:outline-black\/90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:outline-black-alpha-90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:outline-black-alpha-90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +.active\:outline-black-alpha-90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:outline-white\/10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:outline-white-alpha-10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:outline-black\/10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:outline-black-alpha-10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:outline-white\/20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:outline-white-alpha-20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:outline-black\/20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:outline-black-alpha-20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:outline-white\/30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:outline-white-alpha-30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:outline-black\/30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:outline-black-alpha-30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:outline-white\/40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:outline-white-alpha-40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:outline-black\/40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:outline-black-alpha-40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:outline-white\/50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:outline-white-alpha-50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:outline-black\/50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:outline-black-alpha-50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:outline-white\/60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:outline-white-alpha-60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:outline-black\/60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:outline-black-alpha-60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:outline-white\/70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:outline-white-alpha-70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:outline-black\/70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:outline-black-alpha-70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:outline-white\/80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:outline-white-alpha-80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:outline-black\/80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:outline-black-alpha-80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:outline-white\/90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:outline-white-alpha-90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:outline-black\/90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:outline-black-alpha-90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:outline-white\/10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:outline-white\/10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:outline-white\/10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:outline-white-alpha-10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:outline-white-alpha-10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:outline-white-alpha-10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:outline-black\/10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:outline-black\/10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:outline-black\/10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:outline-black-alpha-10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:outline-black-alpha-10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:outline-black-alpha-10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:outline-white\/20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:outline-white\/20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:outline-white\/20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:outline-white-alpha-20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:outline-white-alpha-20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:outline-white-alpha-20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:outline-black\/20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:outline-black\/20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:outline-black\/20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:outline-black-alpha-20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:outline-black-alpha-20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:outline-black-alpha-20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:outline-white\/30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:outline-white\/30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:outline-white\/30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:outline-white-alpha-30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:outline-white-alpha-30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:outline-white-alpha-30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:outline-black\/30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:outline-black\/30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:outline-black\/30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:outline-black-alpha-30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:outline-black-alpha-30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:outline-black-alpha-30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:outline-white\/40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:outline-white\/40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:outline-white\/40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:outline-white-alpha-40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:outline-white-alpha-40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:outline-white-alpha-40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:outline-black\/40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:outline-black\/40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:outline-black\/40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:outline-black-alpha-40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:outline-black-alpha-40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:outline-black-alpha-40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:outline-white\/50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:outline-white\/50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:outline-white\/50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:outline-white-alpha-50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:outline-white-alpha-50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:outline-white-alpha-50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:outline-black\/50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:outline-black\/50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:outline-black\/50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:outline-black-alpha-50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:outline-black-alpha-50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:outline-black-alpha-50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:outline-white\/60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:outline-white\/60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:outline-white\/60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:outline-white-alpha-60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:outline-white-alpha-60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:outline-white-alpha-60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:outline-black\/60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:outline-black\/60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:outline-black\/60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:outline-black-alpha-60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:outline-black-alpha-60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:outline-black-alpha-60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:outline-white\/70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:outline-white\/70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:outline-white\/70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:outline-white-alpha-70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:outline-white-alpha-70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:outline-white-alpha-70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:outline-black\/70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:outline-black\/70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:outline-black\/70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:outline-black-alpha-70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:outline-black-alpha-70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:outline-black-alpha-70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:outline-white\/80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:outline-white\/80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:outline-white\/80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:outline-white-alpha-80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:outline-white-alpha-80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:outline-white-alpha-80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:outline-black\/80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:outline-black\/80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:outline-black\/80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:outline-black-alpha-80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:outline-black-alpha-80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:outline-black-alpha-80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:outline-white\/90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:outline-white\/90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:outline-white\/90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:outline-white-alpha-90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:outline-white-alpha-90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:outline-white-alpha-90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:outline-black\/90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:outline-black\/90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:outline-black\/90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:outline-black-alpha-90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:outline-black-alpha-90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:outline-black-alpha-90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:outline-white\/10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:outline-white-alpha-10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:outline-black\/10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:outline-black-alpha-10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:outline-white\/20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:outline-white-alpha-20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:outline-black\/20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:outline-black-alpha-20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:outline-white\/30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:outline-white-alpha-30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:outline-black\/30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:outline-black-alpha-30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:outline-white\/40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:outline-white-alpha-40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:outline-black\/40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:outline-black-alpha-40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:outline-white\/50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:outline-white-alpha-50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:outline-black\/50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:outline-black-alpha-50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:outline-white\/60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:outline-white-alpha-60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:outline-black\/60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:outline-black-alpha-60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:outline-white\/70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:outline-white-alpha-70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:outline-black\/70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:outline-black-alpha-70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:outline-white\/80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:outline-white-alpha-80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:outline-black\/80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:outline-black-alpha-80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:outline-white\/90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:outline-white-alpha-90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:outline-black\/90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:outline-black-alpha-90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:outline-white\/10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:outline-white\/10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:outline-white\/10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:outline-white-alpha-10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:outline-white-alpha-10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:outline-white-alpha-10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:outline-black\/10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:outline-black\/10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:outline-black\/10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:outline-black-alpha-10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:outline-black-alpha-10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:outline-black-alpha-10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:outline-white\/20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:outline-white\/20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:outline-white\/20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:outline-white-alpha-20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:outline-white-alpha-20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:outline-white-alpha-20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:outline-black\/20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:outline-black\/20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:outline-black\/20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:outline-black-alpha-20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:outline-black-alpha-20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:outline-black-alpha-20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:outline-white\/30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:outline-white\/30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:outline-white\/30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:outline-white-alpha-30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:outline-white-alpha-30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:outline-white-alpha-30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:outline-black\/30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:outline-black\/30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:outline-black\/30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:outline-black-alpha-30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:outline-black-alpha-30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:outline-black-alpha-30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:outline-white\/40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:outline-white\/40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:outline-white\/40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:outline-white-alpha-40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:outline-white-alpha-40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:outline-white-alpha-40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:outline-black\/40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:outline-black\/40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:outline-black\/40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:outline-black-alpha-40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:outline-black-alpha-40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:outline-black-alpha-40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:outline-white\/50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:outline-white\/50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:outline-white\/50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:outline-white-alpha-50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:outline-white-alpha-50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:outline-white-alpha-50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:outline-black\/50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:outline-black\/50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:outline-black\/50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:outline-black-alpha-50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:outline-black-alpha-50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:outline-black-alpha-50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:outline-white\/60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:outline-white\/60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:outline-white\/60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:outline-white-alpha-60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:outline-white-alpha-60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:outline-white-alpha-60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:outline-black\/60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:outline-black\/60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:outline-black\/60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:outline-black-alpha-60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:outline-black-alpha-60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:outline-black-alpha-60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:outline-white\/70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:outline-white\/70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:outline-white\/70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:outline-white-alpha-70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:outline-white-alpha-70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:outline-white-alpha-70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:outline-black\/70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:outline-black\/70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:outline-black\/70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:outline-black-alpha-70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:outline-black-alpha-70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:outline-black-alpha-70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:outline-white\/80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:outline-white\/80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:outline-white\/80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:outline-white-alpha-80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:outline-white-alpha-80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:outline-white-alpha-80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:outline-black\/80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:outline-black\/80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:outline-black\/80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:outline-black-alpha-80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:outline-black-alpha-80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:outline-black-alpha-80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:outline-white\/90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:outline-white\/90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:outline-white\/90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:outline-white-alpha-90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:outline-white-alpha-90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:outline-white-alpha-90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:outline-black\/90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:outline-black\/90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:outline-black\/90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:outline-black-alpha-90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:outline-black-alpha-90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:outline-black-alpha-90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:outline-white\/10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:outline-white-alpha-10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:outline-black\/10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:outline-black-alpha-10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:outline-white\/20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:outline-white-alpha-20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:outline-black\/20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:outline-black-alpha-20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:outline-white\/30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:outline-white-alpha-30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:outline-black\/30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:outline-black-alpha-30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:outline-white\/40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:outline-white-alpha-40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:outline-black\/40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:outline-black-alpha-40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:outline-white\/50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:outline-white-alpha-50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:outline-black\/50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:outline-black-alpha-50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:outline-white\/60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:outline-white-alpha-60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:outline-black\/60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:outline-black-alpha-60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:outline-white\/70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:outline-white-alpha-70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:outline-black\/70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:outline-black-alpha-70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:outline-white\/80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:outline-white-alpha-80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:outline-black\/80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:outline-black-alpha-80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:outline-white\/90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:outline-white-alpha-90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:outline-black\/90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:outline-black-alpha-90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:outline-white\/10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:outline-white\/10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:outline-white\/10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:outline-white-alpha-10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:outline-white-alpha-10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:outline-white-alpha-10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:outline-black\/10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:outline-black\/10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:outline-black\/10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:outline-black-alpha-10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:outline-black-alpha-10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:outline-black-alpha-10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:outline-white\/20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:outline-white\/20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:outline-white\/20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:outline-white-alpha-20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:outline-white-alpha-20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:outline-white-alpha-20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:outline-black\/20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:outline-black\/20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:outline-black\/20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:outline-black-alpha-20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:outline-black-alpha-20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:outline-black-alpha-20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:outline-white\/30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:outline-white\/30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:outline-white\/30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:outline-white-alpha-30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:outline-white-alpha-30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:outline-white-alpha-30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:outline-black\/30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:outline-black\/30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:outline-black\/30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:outline-black-alpha-30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:outline-black-alpha-30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:outline-black-alpha-30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:outline-white\/40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:outline-white\/40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:outline-white\/40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:outline-white-alpha-40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:outline-white-alpha-40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:outline-white-alpha-40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:outline-black\/40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:outline-black\/40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:outline-black\/40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:outline-black-alpha-40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:outline-black-alpha-40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:outline-black-alpha-40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:outline-white\/50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:outline-white\/50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:outline-white\/50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:outline-white-alpha-50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:outline-white-alpha-50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:outline-white-alpha-50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:outline-black\/50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:outline-black\/50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:outline-black\/50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:outline-black-alpha-50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:outline-black-alpha-50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:outline-black-alpha-50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:outline-white\/60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:outline-white\/60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:outline-white\/60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:outline-white-alpha-60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:outline-white-alpha-60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:outline-white-alpha-60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:outline-black\/60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:outline-black\/60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:outline-black\/60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:outline-black-alpha-60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:outline-black-alpha-60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:outline-black-alpha-60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:outline-white\/70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:outline-white\/70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:outline-white\/70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:outline-white-alpha-70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:outline-white-alpha-70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:outline-white-alpha-70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:outline-black\/70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:outline-black\/70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:outline-black\/70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:outline-black-alpha-70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:outline-black-alpha-70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:outline-black-alpha-70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:outline-white\/80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:outline-white\/80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:outline-white\/80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:outline-white-alpha-80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:outline-white-alpha-80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:outline-white-alpha-80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:outline-black\/80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:outline-black\/80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:outline-black\/80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:outline-black-alpha-80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:outline-black-alpha-80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:outline-black-alpha-80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:outline-white\/90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:outline-white\/90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:outline-white\/90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:outline-white-alpha-90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:outline-white-alpha-90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:outline-white-alpha-90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:outline-black\/90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:outline-black\/90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:outline-black\/90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:outline-black-alpha-90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:outline-black-alpha-90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:outline-black-alpha-90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:outline-white\/10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:outline-white-alpha-10 { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:outline-black\/10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:outline-black-alpha-10 { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:outline-white\/20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:outline-white-alpha-20 { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:outline-black\/20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:outline-black-alpha-20 { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:outline-white\/30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:outline-white-alpha-30 { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:outline-black\/30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:outline-black-alpha-30 { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:outline-white\/40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:outline-white-alpha-40 { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:outline-black\/40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:outline-black-alpha-40 { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:outline-white\/50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:outline-white-alpha-50 { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:outline-black\/50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:outline-black-alpha-50 { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:outline-white\/60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:outline-white-alpha-60 { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:outline-black\/60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:outline-black-alpha-60 { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:outline-white\/70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:outline-white-alpha-70 { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:outline-black\/70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:outline-black-alpha-70 { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:outline-white\/80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:outline-white-alpha-80 { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:outline-black\/80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:outline-black-alpha-80 { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:outline-white\/90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:outline-white-alpha-90 { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:outline-black\/90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:outline-black-alpha-90 { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:outline-white\/10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:outline-white\/10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:outline-white\/10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:outline-white-alpha-10:focus { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:outline-white-alpha-10:hover { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:outline-white-alpha-10:active { + outline-color: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:outline-black\/10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:outline-black\/10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:outline-black\/10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:outline-black-alpha-10:focus { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:outline-black-alpha-10:hover { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:outline-black-alpha-10:active { + outline-color: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:outline-white\/20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:outline-white\/20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:outline-white\/20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:outline-white-alpha-20:focus { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:outline-white-alpha-20:hover { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:outline-white-alpha-20:active { + outline-color: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:outline-black\/20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:outline-black\/20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:outline-black\/20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:outline-black-alpha-20:focus { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:outline-black-alpha-20:hover { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:outline-black-alpha-20:active { + outline-color: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:outline-white\/30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:outline-white\/30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:outline-white\/30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:outline-white-alpha-30:focus { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:outline-white-alpha-30:hover { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:outline-white-alpha-30:active { + outline-color: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:outline-black\/30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:outline-black\/30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:outline-black\/30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:outline-black-alpha-30:focus { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:outline-black-alpha-30:hover { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:outline-black-alpha-30:active { + outline-color: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:outline-white\/40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:outline-white\/40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:outline-white\/40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:outline-white-alpha-40:focus { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:outline-white-alpha-40:hover { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:outline-white-alpha-40:active { + outline-color: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:outline-black\/40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:outline-black\/40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:outline-black\/40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:outline-black-alpha-40:focus { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:outline-black-alpha-40:hover { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:outline-black-alpha-40:active { + outline-color: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:outline-white\/50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:outline-white\/50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:outline-white\/50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:outline-white-alpha-50:focus { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:outline-white-alpha-50:hover { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:outline-white-alpha-50:active { + outline-color: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:outline-black\/50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:outline-black\/50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:outline-black\/50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:outline-black-alpha-50:focus { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:outline-black-alpha-50:hover { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:outline-black-alpha-50:active { + outline-color: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:outline-white\/60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:outline-white\/60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:outline-white\/60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:outline-white-alpha-60:focus { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:outline-white-alpha-60:hover { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:outline-white-alpha-60:active { + outline-color: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:outline-black\/60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:outline-black\/60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:outline-black\/60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:outline-black-alpha-60:focus { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:outline-black-alpha-60:hover { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:outline-black-alpha-60:active { + outline-color: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:outline-white\/70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:outline-white\/70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:outline-white\/70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:outline-white-alpha-70:focus { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:outline-white-alpha-70:hover { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:outline-white-alpha-70:active { + outline-color: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:outline-black\/70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:outline-black\/70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:outline-black\/70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:outline-black-alpha-70:focus { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:outline-black-alpha-70:hover { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:outline-black-alpha-70:active { + outline-color: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:outline-white\/80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:outline-white\/80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:outline-white\/80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:outline-white-alpha-80:focus { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:outline-white-alpha-80:hover { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:outline-white-alpha-80:active { + outline-color: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:outline-black\/80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:outline-black\/80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:outline-black\/80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:outline-black-alpha-80:focus { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:outline-black-alpha-80:hover { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:outline-black-alpha-80:active { + outline-color: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:outline-white\/90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:outline-white\/90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:outline-white\/90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:outline-white-alpha-90:focus { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:outline-white-alpha-90:hover { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:outline-white-alpha-90:active { + outline-color: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:outline-black\/90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:outline-black\/90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:outline-black\/90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:outline-black-alpha-90:focus { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:outline-black-alpha-90:hover { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:outline-black-alpha-90:active { + outline-color: color-mix(in srgb, #000000 90%, transparent) + } +} +.outline-offset-0 { + outline-offset: 0 +} +.outline-offset-1 { + outline-offset: 1px +} +.outline-offset-2 { + outline-offset: 2px +} +.outline-offset-4 { + outline-offset: 4px +} +.outline-offset-8 { + outline-offset: 8px +} +.focus\:outline-offset-0:focus { + outline-offset: 0 +} +.hover\:outline-offset-0:hover { + outline-offset: 0 +} +.active\:outline-offset-0:active { + outline-offset: 0 +} +.focus\:outline-offset-1:focus { + outline-offset: 1px +} +.hover\:outline-offset-1:hover { + outline-offset: 1px +} +.active\:outline-offset-1:active { + outline-offset: 1px +} +.focus\:outline-offset-2:focus { + outline-offset: 2px +} +.hover\:outline-offset-2:hover { + outline-offset: 2px +} +.active\:outline-offset-2:active { + outline-offset: 2px +} +.focus\:outline-offset-4:focus { + outline-offset: 4px +} +.hover\:outline-offset-4:hover { + outline-offset: 4px +} +.active\:outline-offset-4:active { + outline-offset: 4px +} +.focus\:outline-offset-8:focus { + outline-offset: 8px +} +.hover\:outline-offset-8:hover { + outline-offset: 8px +} +.active\:outline-offset-8:active { + outline-offset: 8px +} +.outline { + outline-style: solid +} +.outline-dashed { + outline-style: dashed +} +.outline-dotted { + outline-style: dotted +} +.outline-double { + outline-style: double +} +.outline-inset { + outline-style: inset +} +.outline-outset { + outline-style: outset +} +.focus\:outline:focus { + outline-style: solid +} +.hover\:outline:hover { + outline-style: solid +} +.active\:outline:active { + outline-style: solid +} +.focus\:outline-dashed:focus { + outline-style: dashed +} +.hover\:outline-dashed:hover { + outline-style: dashed +} +.active\:outline-dashed:active { + outline-style: dashed +} +.focus\:outline-dotted:focus { + outline-style: dotted +} +.hover\:outline-dotted:hover { + outline-style: dotted +} +.active\:outline-dotted:active { + outline-style: dotted +} +.focus\:outline-double:focus { + outline-style: double +} +.hover\:outline-double:hover { + outline-style: double +} +.active\:outline-double:active { + outline-style: double +} +.focus\:outline-inset:focus { + outline-style: inset +} +.hover\:outline-inset:hover { + outline-style: inset +} +.active\:outline-inset:active { + outline-style: inset +} +.focus\:outline-outset:focus { + outline-style: outset +} +.hover\:outline-outset:hover { + outline-style: outset +} +.active\:outline-outset:active { + outline-style: outset +} +.outline-0 { + outline-width: 0px +} +.outline-1 { + outline-width: 1px +} +.outline-2 { + outline-width: 2px +} +.outline-4 { + outline-width: 4px +} +.outline-8 { + outline-width: 8px +} +.focus\:outline-0:focus { + outline-width: 0px +} +.hover\:outline-0:hover { + outline-width: 0px +} +.active\:outline-0:active { + outline-width: 0px +} +.focus\:outline-1:focus { + outline-width: 1px +} +.hover\:outline-1:hover { + outline-width: 1px +} +.active\:outline-1:active { + outline-width: 1px +} +.focus\:outline-2:focus { + outline-width: 2px +} +.hover\:outline-2:hover { + outline-width: 2px +} +.active\:outline-2:active { + outline-width: 2px +} +.focus\:outline-4:focus { + outline-width: 4px +} +.hover\:outline-4:hover { + outline-width: 4px +} +.active\:outline-4:active { + outline-width: 4px +} +.focus\:outline-8:focus { + outline-width: 8px +} +.hover\:outline-8:hover { + outline-width: 8px +} +.active\:outline-8:active { + outline-width: 8px +} +.overflow-auto { + overflow: auto +} +.overflow-hidden { + overflow: hidden +} +.overflow-visible { + overflow: visible +} +.overflow-scroll { + overflow: scroll +} +@media screen and (min-width: 576px) { + .sm\:overflow-auto { + overflow: auto + } + .sm\:overflow-hidden { + overflow: hidden + } + .sm\:overflow-visible { + overflow: visible + } + .sm\:overflow-scroll { + overflow: scroll + } +} +@media screen and (min-width: 768px) { + .md\:overflow-auto { + overflow: auto + } + .md\:overflow-hidden { + overflow: hidden + } + .md\:overflow-visible { + overflow: visible + } + .md\:overflow-scroll { + overflow: scroll + } +} +@media screen and (min-width: 992px) { + .lg\:overflow-auto { + overflow: auto + } + .lg\:overflow-hidden { + overflow: hidden + } + .lg\:overflow-visible { + overflow: visible + } + .lg\:overflow-scroll { + overflow: scroll + } +} +@media screen and (min-width: 1200px) { + .xl\:overflow-auto { + overflow: auto + } + .xl\:overflow-hidden { + overflow: hidden + } + .xl\:overflow-visible { + overflow: visible + } + .xl\:overflow-scroll { + overflow: scroll + } +} +.overflow-x-auto { + overflow-x: auto +} +.overflow-x-hidden { + overflow-x: hidden +} +.overflow-x-visible { + overflow-x: visible +} +.overflow-x-scroll { + overflow-x: scroll +} +@media screen and (min-width: 576px) { + .sm\:overflow-x-auto { + overflow-x: auto + } + .sm\:overflow-x-hidden { + overflow-x: hidden + } + .sm\:overflow-x-visible { + overflow-x: visible + } + .sm\:overflow-x-scroll { + overflow-x: scroll + } +} +@media screen and (min-width: 768px) { + .md\:overflow-x-auto { + overflow-x: auto + } + .md\:overflow-x-hidden { + overflow-x: hidden + } + .md\:overflow-x-visible { + overflow-x: visible + } + .md\:overflow-x-scroll { + overflow-x: scroll + } +} +@media screen and (min-width: 992px) { + .lg\:overflow-x-auto { + overflow-x: auto + } + .lg\:overflow-x-hidden { + overflow-x: hidden + } + .lg\:overflow-x-visible { + overflow-x: visible + } + .lg\:overflow-x-scroll { + overflow-x: scroll + } +} +@media screen and (min-width: 1200px) { + .xl\:overflow-x-auto { + overflow-x: auto + } + .xl\:overflow-x-hidden { + overflow-x: hidden + } + .xl\:overflow-x-visible { + overflow-x: visible + } + .xl\:overflow-x-scroll { + overflow-x: scroll + } +} +.overflow-y-auto { + overflow-y: auto +} +.overflow-y-hidden { + overflow-y: hidden +} +.overflow-y-visible { + overflow-y: visible +} +.overflow-y-scroll { + overflow-y: scroll +} +@media screen and (min-width: 576px) { + .sm\:overflow-y-auto { + overflow-y: auto + } + .sm\:overflow-y-hidden { + overflow-y: hidden + } + .sm\:overflow-y-visible { + overflow-y: visible + } + .sm\:overflow-y-scroll { + overflow-y: scroll + } +} +@media screen and (min-width: 768px) { + .md\:overflow-y-auto { + overflow-y: auto + } + .md\:overflow-y-hidden { + overflow-y: hidden + } + .md\:overflow-y-visible { + overflow-y: visible + } + .md\:overflow-y-scroll { + overflow-y: scroll + } +} +@media screen and (min-width: 992px) { + .lg\:overflow-y-auto { + overflow-y: auto + } + .lg\:overflow-y-hidden { + overflow-y: hidden + } + .lg\:overflow-y-visible { + overflow-y: visible + } + .lg\:overflow-y-scroll { + overflow-y: scroll + } +} +@media screen and (min-width: 1200px) { + .xl\:overflow-y-auto { + overflow-y: auto + } + .xl\:overflow-y-hidden { + overflow-y: hidden + } + .xl\:overflow-y-visible { + overflow-y: visible + } + .xl\:overflow-y-scroll { + overflow-y: scroll + } +} +.p-0 { + padding: 0rem +} +.p-1 { + padding: 0.25rem +} +.p-2 { + padding: 0.5rem +} +.p-3 { + padding: 1rem +} +.p-4 { + padding: 1.5rem +} +.p-5 { + padding: 2rem +} +.p-6 { + padding: 3rem +} +.p-7 { + padding: 4rem +} +.p-8 { + padding: 5rem +} +.p-9 { + padding: 6rem +} +.p-10 { + padding: 7rem +} +.p-11 { + padding: 8rem +} +.p-12 { + padding: 9rem +} +.p-13 { + padding: 10rem +} +.p-14 { + padding: 11rem +} +.p-15 { + padding: 12rem +} +.p-16 { + padding: 13rem +} +.p-17 { + padding: 14rem +} +.p-18 { + padding: 15rem +} +.p-19 { + padding: 16rem +} +.p-20 { + padding: 18rem +} +.p-21 { + padding: 20rem +} +.p-22 { + padding: 24rem +} +.p-23 { + padding: 28rem +} +.p-24 { + padding: 32rem +} +.p-25 { + padding: 36rem +} +.p-26 { + padding: 40rem +} +.p-27 { + padding: 44rem +} +.p-28 { + padding: 48rem +} +.p-29 { + padding: 52rem +} +.p-30 { + padding: 56rem +} +.p-31 { + padding: 60rem +} +.p-32 { + padding: 64rem +} +@media screen and (min-width: 576px) { + .sm\:p-0 { + padding: 0rem + } + .sm\:p-1 { + padding: 0.25rem + } + .sm\:p-2 { + padding: 0.5rem + } + .sm\:p-3 { + padding: 1rem + } + .sm\:p-4 { + padding: 1.5rem + } + .sm\:p-5 { + padding: 2rem + } + .sm\:p-6 { + padding: 3rem + } + .sm\:p-7 { + padding: 4rem + } + .sm\:p-8 { + padding: 5rem + } + .sm\:p-9 { + padding: 6rem + } + .sm\:p-10 { + padding: 7rem + } + .sm\:p-11 { + padding: 8rem + } + .sm\:p-12 { + padding: 9rem + } + .sm\:p-13 { + padding: 10rem + } + .sm\:p-14 { + padding: 11rem + } + .sm\:p-15 { + padding: 12rem + } + .sm\:p-16 { + padding: 13rem + } + .sm\:p-17 { + padding: 14rem + } + .sm\:p-18 { + padding: 15rem + } + .sm\:p-19 { + padding: 16rem + } + .sm\:p-20 { + padding: 18rem + } + .sm\:p-21 { + padding: 20rem + } + .sm\:p-22 { + padding: 24rem + } + .sm\:p-23 { + padding: 28rem + } + .sm\:p-24 { + padding: 32rem + } + .sm\:p-25 { + padding: 36rem + } + .sm\:p-26 { + padding: 40rem + } + .sm\:p-27 { + padding: 44rem + } + .sm\:p-28 { + padding: 48rem + } + .sm\:p-29 { + padding: 52rem + } + .sm\:p-30 { + padding: 56rem + } + .sm\:p-31 { + padding: 60rem + } + .sm\:p-32 { + padding: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:p-0 { + padding: 0rem + } + .md\:p-1 { + padding: 0.25rem + } + .md\:p-2 { + padding: 0.5rem + } + .md\:p-3 { + padding: 1rem + } + .md\:p-4 { + padding: 1.5rem + } + .md\:p-5 { + padding: 2rem + } + .md\:p-6 { + padding: 3rem + } + .md\:p-7 { + padding: 4rem + } + .md\:p-8 { + padding: 5rem + } + .md\:p-9 { + padding: 6rem + } + .md\:p-10 { + padding: 7rem + } + .md\:p-11 { + padding: 8rem + } + .md\:p-12 { + padding: 9rem + } + .md\:p-13 { + padding: 10rem + } + .md\:p-14 { + padding: 11rem + } + .md\:p-15 { + padding: 12rem + } + .md\:p-16 { + padding: 13rem + } + .md\:p-17 { + padding: 14rem + } + .md\:p-18 { + padding: 15rem + } + .md\:p-19 { + padding: 16rem + } + .md\:p-20 { + padding: 18rem + } + .md\:p-21 { + padding: 20rem + } + .md\:p-22 { + padding: 24rem + } + .md\:p-23 { + padding: 28rem + } + .md\:p-24 { + padding: 32rem + } + .md\:p-25 { + padding: 36rem + } + .md\:p-26 { + padding: 40rem + } + .md\:p-27 { + padding: 44rem + } + .md\:p-28 { + padding: 48rem + } + .md\:p-29 { + padding: 52rem + } + .md\:p-30 { + padding: 56rem + } + .md\:p-31 { + padding: 60rem + } + .md\:p-32 { + padding: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:p-0 { + padding: 0rem + } + .lg\:p-1 { + padding: 0.25rem + } + .lg\:p-2 { + padding: 0.5rem + } + .lg\:p-3 { + padding: 1rem + } + .lg\:p-4 { + padding: 1.5rem + } + .lg\:p-5 { + padding: 2rem + } + .lg\:p-6 { + padding: 3rem + } + .lg\:p-7 { + padding: 4rem + } + .lg\:p-8 { + padding: 5rem + } + .lg\:p-9 { + padding: 6rem + } + .lg\:p-10 { + padding: 7rem + } + .lg\:p-11 { + padding: 8rem + } + .lg\:p-12 { + padding: 9rem + } + .lg\:p-13 { + padding: 10rem + } + .lg\:p-14 { + padding: 11rem + } + .lg\:p-15 { + padding: 12rem + } + .lg\:p-16 { + padding: 13rem + } + .lg\:p-17 { + padding: 14rem + } + .lg\:p-18 { + padding: 15rem + } + .lg\:p-19 { + padding: 16rem + } + .lg\:p-20 { + padding: 18rem + } + .lg\:p-21 { + padding: 20rem + } + .lg\:p-22 { + padding: 24rem + } + .lg\:p-23 { + padding: 28rem + } + .lg\:p-24 { + padding: 32rem + } + .lg\:p-25 { + padding: 36rem + } + .lg\:p-26 { + padding: 40rem + } + .lg\:p-27 { + padding: 44rem + } + .lg\:p-28 { + padding: 48rem + } + .lg\:p-29 { + padding: 52rem + } + .lg\:p-30 { + padding: 56rem + } + .lg\:p-31 { + padding: 60rem + } + .lg\:p-32 { + padding: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:p-0 { + padding: 0rem + } + .xl\:p-1 { + padding: 0.25rem + } + .xl\:p-2 { + padding: 0.5rem + } + .xl\:p-3 { + padding: 1rem + } + .xl\:p-4 { + padding: 1.5rem + } + .xl\:p-5 { + padding: 2rem + } + .xl\:p-6 { + padding: 3rem + } + .xl\:p-7 { + padding: 4rem + } + .xl\:p-8 { + padding: 5rem + } + .xl\:p-9 { + padding: 6rem + } + .xl\:p-10 { + padding: 7rem + } + .xl\:p-11 { + padding: 8rem + } + .xl\:p-12 { + padding: 9rem + } + .xl\:p-13 { + padding: 10rem + } + .xl\:p-14 { + padding: 11rem + } + .xl\:p-15 { + padding: 12rem + } + .xl\:p-16 { + padding: 13rem + } + .xl\:p-17 { + padding: 14rem + } + .xl\:p-18 { + padding: 15rem + } + .xl\:p-19 { + padding: 16rem + } + .xl\:p-20 { + padding: 18rem + } + .xl\:p-21 { + padding: 20rem + } + .xl\:p-22 { + padding: 24rem + } + .xl\:p-23 { + padding: 28rem + } + .xl\:p-24 { + padding: 32rem + } + .xl\:p-25 { + padding: 36rem + } + .xl\:p-26 { + padding: 40rem + } + .xl\:p-27 { + padding: 44rem + } + .xl\:p-28 { + padding: 48rem + } + .xl\:p-29 { + padding: 52rem + } + .xl\:p-30 { + padding: 56rem + } + .xl\:p-31 { + padding: 60rem + } + .xl\:p-32 { + padding: 64rem + } +} +.pb-0 { + padding-bottom: 0rem +} +.pb-1 { + padding-bottom: 0.25rem +} +.pb-2 { + padding-bottom: 0.5rem +} +.pb-3 { + padding-bottom: 1rem +} +.pb-4 { + padding-bottom: 1.5rem +} +.pb-5 { + padding-bottom: 2rem +} +.pb-6 { + padding-bottom: 3rem +} +.pb-7 { + padding-bottom: 4rem +} +.pb-8 { + padding-bottom: 5rem +} +.pb-9 { + padding-bottom: 6rem +} +.pb-10 { + padding-bottom: 7rem +} +.pb-11 { + padding-bottom: 8rem +} +.pb-12 { + padding-bottom: 9rem +} +.pb-13 { + padding-bottom: 10rem +} +.pb-14 { + padding-bottom: 11rem +} +.pb-15 { + padding-bottom: 12rem +} +.pb-16 { + padding-bottom: 13rem +} +.pb-17 { + padding-bottom: 14rem +} +.pb-18 { + padding-bottom: 15rem +} +.pb-19 { + padding-bottom: 16rem +} +.pb-20 { + padding-bottom: 18rem +} +.pb-21 { + padding-bottom: 20rem +} +.pb-22 { + padding-bottom: 24rem +} +.pb-23 { + padding-bottom: 28rem +} +.pb-24 { + padding-bottom: 32rem +} +.pb-25 { + padding-bottom: 36rem +} +.pb-26 { + padding-bottom: 40rem +} +.pb-27 { + padding-bottom: 44rem +} +.pb-28 { + padding-bottom: 48rem +} +.pb-29 { + padding-bottom: 52rem +} +.pb-30 { + padding-bottom: 56rem +} +.pb-31 { + padding-bottom: 60rem +} +.pb-32 { + padding-bottom: 64rem +} +@media screen and (min-width: 576px) { + .sm\:pb-0 { + padding-bottom: 0rem + } + .sm\:pb-1 { + padding-bottom: 0.25rem + } + .sm\:pb-2 { + padding-bottom: 0.5rem + } + .sm\:pb-3 { + padding-bottom: 1rem + } + .sm\:pb-4 { + padding-bottom: 1.5rem + } + .sm\:pb-5 { + padding-bottom: 2rem + } + .sm\:pb-6 { + padding-bottom: 3rem + } + .sm\:pb-7 { + padding-bottom: 4rem + } + .sm\:pb-8 { + padding-bottom: 5rem + } + .sm\:pb-9 { + padding-bottom: 6rem + } + .sm\:pb-10 { + padding-bottom: 7rem + } + .sm\:pb-11 { + padding-bottom: 8rem + } + .sm\:pb-12 { + padding-bottom: 9rem + } + .sm\:pb-13 { + padding-bottom: 10rem + } + .sm\:pb-14 { + padding-bottom: 11rem + } + .sm\:pb-15 { + padding-bottom: 12rem + } + .sm\:pb-16 { + padding-bottom: 13rem + } + .sm\:pb-17 { + padding-bottom: 14rem + } + .sm\:pb-18 { + padding-bottom: 15rem + } + .sm\:pb-19 { + padding-bottom: 16rem + } + .sm\:pb-20 { + padding-bottom: 18rem + } + .sm\:pb-21 { + padding-bottom: 20rem + } + .sm\:pb-22 { + padding-bottom: 24rem + } + .sm\:pb-23 { + padding-bottom: 28rem + } + .sm\:pb-24 { + padding-bottom: 32rem + } + .sm\:pb-25 { + padding-bottom: 36rem + } + .sm\:pb-26 { + padding-bottom: 40rem + } + .sm\:pb-27 { + padding-bottom: 44rem + } + .sm\:pb-28 { + padding-bottom: 48rem + } + .sm\:pb-29 { + padding-bottom: 52rem + } + .sm\:pb-30 { + padding-bottom: 56rem + } + .sm\:pb-31 { + padding-bottom: 60rem + } + .sm\:pb-32 { + padding-bottom: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:pb-0 { + padding-bottom: 0rem + } + .md\:pb-1 { + padding-bottom: 0.25rem + } + .md\:pb-2 { + padding-bottom: 0.5rem + } + .md\:pb-3 { + padding-bottom: 1rem + } + .md\:pb-4 { + padding-bottom: 1.5rem + } + .md\:pb-5 { + padding-bottom: 2rem + } + .md\:pb-6 { + padding-bottom: 3rem + } + .md\:pb-7 { + padding-bottom: 4rem + } + .md\:pb-8 { + padding-bottom: 5rem + } + .md\:pb-9 { + padding-bottom: 6rem + } + .md\:pb-10 { + padding-bottom: 7rem + } + .md\:pb-11 { + padding-bottom: 8rem + } + .md\:pb-12 { + padding-bottom: 9rem + } + .md\:pb-13 { + padding-bottom: 10rem + } + .md\:pb-14 { + padding-bottom: 11rem + } + .md\:pb-15 { + padding-bottom: 12rem + } + .md\:pb-16 { + padding-bottom: 13rem + } + .md\:pb-17 { + padding-bottom: 14rem + } + .md\:pb-18 { + padding-bottom: 15rem + } + .md\:pb-19 { + padding-bottom: 16rem + } + .md\:pb-20 { + padding-bottom: 18rem + } + .md\:pb-21 { + padding-bottom: 20rem + } + .md\:pb-22 { + padding-bottom: 24rem + } + .md\:pb-23 { + padding-bottom: 28rem + } + .md\:pb-24 { + padding-bottom: 32rem + } + .md\:pb-25 { + padding-bottom: 36rem + } + .md\:pb-26 { + padding-bottom: 40rem + } + .md\:pb-27 { + padding-bottom: 44rem + } + .md\:pb-28 { + padding-bottom: 48rem + } + .md\:pb-29 { + padding-bottom: 52rem + } + .md\:pb-30 { + padding-bottom: 56rem + } + .md\:pb-31 { + padding-bottom: 60rem + } + .md\:pb-32 { + padding-bottom: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:pb-0 { + padding-bottom: 0rem + } + .lg\:pb-1 { + padding-bottom: 0.25rem + } + .lg\:pb-2 { + padding-bottom: 0.5rem + } + .lg\:pb-3 { + padding-bottom: 1rem + } + .lg\:pb-4 { + padding-bottom: 1.5rem + } + .lg\:pb-5 { + padding-bottom: 2rem + } + .lg\:pb-6 { + padding-bottom: 3rem + } + .lg\:pb-7 { + padding-bottom: 4rem + } + .lg\:pb-8 { + padding-bottom: 5rem + } + .lg\:pb-9 { + padding-bottom: 6rem + } + .lg\:pb-10 { + padding-bottom: 7rem + } + .lg\:pb-11 { + padding-bottom: 8rem + } + .lg\:pb-12 { + padding-bottom: 9rem + } + .lg\:pb-13 { + padding-bottom: 10rem + } + .lg\:pb-14 { + padding-bottom: 11rem + } + .lg\:pb-15 { + padding-bottom: 12rem + } + .lg\:pb-16 { + padding-bottom: 13rem + } + .lg\:pb-17 { + padding-bottom: 14rem + } + .lg\:pb-18 { + padding-bottom: 15rem + } + .lg\:pb-19 { + padding-bottom: 16rem + } + .lg\:pb-20 { + padding-bottom: 18rem + } + .lg\:pb-21 { + padding-bottom: 20rem + } + .lg\:pb-22 { + padding-bottom: 24rem + } + .lg\:pb-23 { + padding-bottom: 28rem + } + .lg\:pb-24 { + padding-bottom: 32rem + } + .lg\:pb-25 { + padding-bottom: 36rem + } + .lg\:pb-26 { + padding-bottom: 40rem + } + .lg\:pb-27 { + padding-bottom: 44rem + } + .lg\:pb-28 { + padding-bottom: 48rem + } + .lg\:pb-29 { + padding-bottom: 52rem + } + .lg\:pb-30 { + padding-bottom: 56rem + } + .lg\:pb-31 { + padding-bottom: 60rem + } + .lg\:pb-32 { + padding-bottom: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:pb-0 { + padding-bottom: 0rem + } + .xl\:pb-1 { + padding-bottom: 0.25rem + } + .xl\:pb-2 { + padding-bottom: 0.5rem + } + .xl\:pb-3 { + padding-bottom: 1rem + } + .xl\:pb-4 { + padding-bottom: 1.5rem + } + .xl\:pb-5 { + padding-bottom: 2rem + } + .xl\:pb-6 { + padding-bottom: 3rem + } + .xl\:pb-7 { + padding-bottom: 4rem + } + .xl\:pb-8 { + padding-bottom: 5rem + } + .xl\:pb-9 { + padding-bottom: 6rem + } + .xl\:pb-10 { + padding-bottom: 7rem + } + .xl\:pb-11 { + padding-bottom: 8rem + } + .xl\:pb-12 { + padding-bottom: 9rem + } + .xl\:pb-13 { + padding-bottom: 10rem + } + .xl\:pb-14 { + padding-bottom: 11rem + } + .xl\:pb-15 { + padding-bottom: 12rem + } + .xl\:pb-16 { + padding-bottom: 13rem + } + .xl\:pb-17 { + padding-bottom: 14rem + } + .xl\:pb-18 { + padding-bottom: 15rem + } + .xl\:pb-19 { + padding-bottom: 16rem + } + .xl\:pb-20 { + padding-bottom: 18rem + } + .xl\:pb-21 { + padding-bottom: 20rem + } + .xl\:pb-22 { + padding-bottom: 24rem + } + .xl\:pb-23 { + padding-bottom: 28rem + } + .xl\:pb-24 { + padding-bottom: 32rem + } + .xl\:pb-25 { + padding-bottom: 36rem + } + .xl\:pb-26 { + padding-bottom: 40rem + } + .xl\:pb-27 { + padding-bottom: 44rem + } + .xl\:pb-28 { + padding-bottom: 48rem + } + .xl\:pb-29 { + padding-bottom: 52rem + } + .xl\:pb-30 { + padding-bottom: 56rem + } + .xl\:pb-31 { + padding-bottom: 60rem + } + .xl\:pb-32 { + padding-bottom: 64rem + } +} +.pl-0 { + padding-left: 0rem +} +.pl-1 { + padding-left: 0.25rem +} +.pl-2 { + padding-left: 0.5rem +} +.pl-3 { + padding-left: 1rem +} +.pl-4 { + padding-left: 1.5rem +} +.pl-5 { + padding-left: 2rem +} +.pl-6 { + padding-left: 3rem +} +.pl-7 { + padding-left: 4rem +} +.pl-8 { + padding-left: 5rem +} +.pl-9 { + padding-left: 6rem +} +.pl-10 { + padding-left: 7rem +} +.pl-11 { + padding-left: 8rem +} +.pl-12 { + padding-left: 9rem +} +.pl-13 { + padding-left: 10rem +} +.pl-14 { + padding-left: 11rem +} +.pl-15 { + padding-left: 12rem +} +.pl-16 { + padding-left: 13rem +} +.pl-17 { + padding-left: 14rem +} +.pl-18 { + padding-left: 15rem +} +.pl-19 { + padding-left: 16rem +} +.pl-20 { + padding-left: 18rem +} +.pl-21 { + padding-left: 20rem +} +.pl-22 { + padding-left: 24rem +} +.pl-23 { + padding-left: 28rem +} +.pl-24 { + padding-left: 32rem +} +.pl-25 { + padding-left: 36rem +} +.pl-26 { + padding-left: 40rem +} +.pl-27 { + padding-left: 44rem +} +.pl-28 { + padding-left: 48rem +} +.pl-29 { + padding-left: 52rem +} +.pl-30 { + padding-left: 56rem +} +.pl-31 { + padding-left: 60rem +} +.pl-32 { + padding-left: 64rem +} +@media screen and (min-width: 576px) { + .sm\:pl-0 { + padding-left: 0rem + } + .sm\:pl-1 { + padding-left: 0.25rem + } + .sm\:pl-2 { + padding-left: 0.5rem + } + .sm\:pl-3 { + padding-left: 1rem + } + .sm\:pl-4 { + padding-left: 1.5rem + } + .sm\:pl-5 { + padding-left: 2rem + } + .sm\:pl-6 { + padding-left: 3rem + } + .sm\:pl-7 { + padding-left: 4rem + } + .sm\:pl-8 { + padding-left: 5rem + } + .sm\:pl-9 { + padding-left: 6rem + } + .sm\:pl-10 { + padding-left: 7rem + } + .sm\:pl-11 { + padding-left: 8rem + } + .sm\:pl-12 { + padding-left: 9rem + } + .sm\:pl-13 { + padding-left: 10rem + } + .sm\:pl-14 { + padding-left: 11rem + } + .sm\:pl-15 { + padding-left: 12rem + } + .sm\:pl-16 { + padding-left: 13rem + } + .sm\:pl-17 { + padding-left: 14rem + } + .sm\:pl-18 { + padding-left: 15rem + } + .sm\:pl-19 { + padding-left: 16rem + } + .sm\:pl-20 { + padding-left: 18rem + } + .sm\:pl-21 { + padding-left: 20rem + } + .sm\:pl-22 { + padding-left: 24rem + } + .sm\:pl-23 { + padding-left: 28rem + } + .sm\:pl-24 { + padding-left: 32rem + } + .sm\:pl-25 { + padding-left: 36rem + } + .sm\:pl-26 { + padding-left: 40rem + } + .sm\:pl-27 { + padding-left: 44rem + } + .sm\:pl-28 { + padding-left: 48rem + } + .sm\:pl-29 { + padding-left: 52rem + } + .sm\:pl-30 { + padding-left: 56rem + } + .sm\:pl-31 { + padding-left: 60rem + } + .sm\:pl-32 { + padding-left: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:pl-0 { + padding-left: 0rem + } + .md\:pl-1 { + padding-left: 0.25rem + } + .md\:pl-2 { + padding-left: 0.5rem + } + .md\:pl-3 { + padding-left: 1rem + } + .md\:pl-4 { + padding-left: 1.5rem + } + .md\:pl-5 { + padding-left: 2rem + } + .md\:pl-6 { + padding-left: 3rem + } + .md\:pl-7 { + padding-left: 4rem + } + .md\:pl-8 { + padding-left: 5rem + } + .md\:pl-9 { + padding-left: 6rem + } + .md\:pl-10 { + padding-left: 7rem + } + .md\:pl-11 { + padding-left: 8rem + } + .md\:pl-12 { + padding-left: 9rem + } + .md\:pl-13 { + padding-left: 10rem + } + .md\:pl-14 { + padding-left: 11rem + } + .md\:pl-15 { + padding-left: 12rem + } + .md\:pl-16 { + padding-left: 13rem + } + .md\:pl-17 { + padding-left: 14rem + } + .md\:pl-18 { + padding-left: 15rem + } + .md\:pl-19 { + padding-left: 16rem + } + .md\:pl-20 { + padding-left: 18rem + } + .md\:pl-21 { + padding-left: 20rem + } + .md\:pl-22 { + padding-left: 24rem + } + .md\:pl-23 { + padding-left: 28rem + } + .md\:pl-24 { + padding-left: 32rem + } + .md\:pl-25 { + padding-left: 36rem + } + .md\:pl-26 { + padding-left: 40rem + } + .md\:pl-27 { + padding-left: 44rem + } + .md\:pl-28 { + padding-left: 48rem + } + .md\:pl-29 { + padding-left: 52rem + } + .md\:pl-30 { + padding-left: 56rem + } + .md\:pl-31 { + padding-left: 60rem + } + .md\:pl-32 { + padding-left: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:pl-0 { + padding-left: 0rem + } + .lg\:pl-1 { + padding-left: 0.25rem + } + .lg\:pl-2 { + padding-left: 0.5rem + } + .lg\:pl-3 { + padding-left: 1rem + } + .lg\:pl-4 { + padding-left: 1.5rem + } + .lg\:pl-5 { + padding-left: 2rem + } + .lg\:pl-6 { + padding-left: 3rem + } + .lg\:pl-7 { + padding-left: 4rem + } + .lg\:pl-8 { + padding-left: 5rem + } + .lg\:pl-9 { + padding-left: 6rem + } + .lg\:pl-10 { + padding-left: 7rem + } + .lg\:pl-11 { + padding-left: 8rem + } + .lg\:pl-12 { + padding-left: 9rem + } + .lg\:pl-13 { + padding-left: 10rem + } + .lg\:pl-14 { + padding-left: 11rem + } + .lg\:pl-15 { + padding-left: 12rem + } + .lg\:pl-16 { + padding-left: 13rem + } + .lg\:pl-17 { + padding-left: 14rem + } + .lg\:pl-18 { + padding-left: 15rem + } + .lg\:pl-19 { + padding-left: 16rem + } + .lg\:pl-20 { + padding-left: 18rem + } + .lg\:pl-21 { + padding-left: 20rem + } + .lg\:pl-22 { + padding-left: 24rem + } + .lg\:pl-23 { + padding-left: 28rem + } + .lg\:pl-24 { + padding-left: 32rem + } + .lg\:pl-25 { + padding-left: 36rem + } + .lg\:pl-26 { + padding-left: 40rem + } + .lg\:pl-27 { + padding-left: 44rem + } + .lg\:pl-28 { + padding-left: 48rem + } + .lg\:pl-29 { + padding-left: 52rem + } + .lg\:pl-30 { + padding-left: 56rem + } + .lg\:pl-31 { + padding-left: 60rem + } + .lg\:pl-32 { + padding-left: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:pl-0 { + padding-left: 0rem + } + .xl\:pl-1 { + padding-left: 0.25rem + } + .xl\:pl-2 { + padding-left: 0.5rem + } + .xl\:pl-3 { + padding-left: 1rem + } + .xl\:pl-4 { + padding-left: 1.5rem + } + .xl\:pl-5 { + padding-left: 2rem + } + .xl\:pl-6 { + padding-left: 3rem + } + .xl\:pl-7 { + padding-left: 4rem + } + .xl\:pl-8 { + padding-left: 5rem + } + .xl\:pl-9 { + padding-left: 6rem + } + .xl\:pl-10 { + padding-left: 7rem + } + .xl\:pl-11 { + padding-left: 8rem + } + .xl\:pl-12 { + padding-left: 9rem + } + .xl\:pl-13 { + padding-left: 10rem + } + .xl\:pl-14 { + padding-left: 11rem + } + .xl\:pl-15 { + padding-left: 12rem + } + .xl\:pl-16 { + padding-left: 13rem + } + .xl\:pl-17 { + padding-left: 14rem + } + .xl\:pl-18 { + padding-left: 15rem + } + .xl\:pl-19 { + padding-left: 16rem + } + .xl\:pl-20 { + padding-left: 18rem + } + .xl\:pl-21 { + padding-left: 20rem + } + .xl\:pl-22 { + padding-left: 24rem + } + .xl\:pl-23 { + padding-left: 28rem + } + .xl\:pl-24 { + padding-left: 32rem + } + .xl\:pl-25 { + padding-left: 36rem + } + .xl\:pl-26 { + padding-left: 40rem + } + .xl\:pl-27 { + padding-left: 44rem + } + .xl\:pl-28 { + padding-left: 48rem + } + .xl\:pl-29 { + padding-left: 52rem + } + .xl\:pl-30 { + padding-left: 56rem + } + .xl\:pl-31 { + padding-left: 60rem + } + .xl\:pl-32 { + padding-left: 64rem + } +} +.pr-0 { + padding-right: 0rem +} +.pr-1 { + padding-right: 0.25rem +} +.pr-2 { + padding-right: 0.5rem +} +.pr-3 { + padding-right: 1rem +} +.pr-4 { + padding-right: 1.5rem +} +.pr-5 { + padding-right: 2rem +} +.pr-6 { + padding-right: 3rem +} +.pr-7 { + padding-right: 4rem +} +.pr-8 { + padding-right: 5rem +} +.pr-9 { + padding-right: 6rem +} +.pr-10 { + padding-right: 7rem +} +.pr-11 { + padding-right: 8rem +} +.pr-12 { + padding-right: 9rem +} +.pr-13 { + padding-right: 10rem +} +.pr-14 { + padding-right: 11rem +} +.pr-15 { + padding-right: 12rem +} +.pr-16 { + padding-right: 13rem +} +.pr-17 { + padding-right: 14rem +} +.pr-18 { + padding-right: 15rem +} +.pr-19 { + padding-right: 16rem +} +.pr-20 { + padding-right: 18rem +} +.pr-21 { + padding-right: 20rem +} +.pr-22 { + padding-right: 24rem +} +.pr-23 { + padding-right: 28rem +} +.pr-24 { + padding-right: 32rem +} +.pr-25 { + padding-right: 36rem +} +.pr-26 { + padding-right: 40rem +} +.pr-27 { + padding-right: 44rem +} +.pr-28 { + padding-right: 48rem +} +.pr-29 { + padding-right: 52rem +} +.pr-30 { + padding-right: 56rem +} +.pr-31 { + padding-right: 60rem +} +.pr-32 { + padding-right: 64rem +} +@media screen and (min-width: 576px) { + .sm\:pr-0 { + padding-right: 0rem + } + .sm\:pr-1 { + padding-right: 0.25rem + } + .sm\:pr-2 { + padding-right: 0.5rem + } + .sm\:pr-3 { + padding-right: 1rem + } + .sm\:pr-4 { + padding-right: 1.5rem + } + .sm\:pr-5 { + padding-right: 2rem + } + .sm\:pr-6 { + padding-right: 3rem + } + .sm\:pr-7 { + padding-right: 4rem + } + .sm\:pr-8 { + padding-right: 5rem + } + .sm\:pr-9 { + padding-right: 6rem + } + .sm\:pr-10 { + padding-right: 7rem + } + .sm\:pr-11 { + padding-right: 8rem + } + .sm\:pr-12 { + padding-right: 9rem + } + .sm\:pr-13 { + padding-right: 10rem + } + .sm\:pr-14 { + padding-right: 11rem + } + .sm\:pr-15 { + padding-right: 12rem + } + .sm\:pr-16 { + padding-right: 13rem + } + .sm\:pr-17 { + padding-right: 14rem + } + .sm\:pr-18 { + padding-right: 15rem + } + .sm\:pr-19 { + padding-right: 16rem + } + .sm\:pr-20 { + padding-right: 18rem + } + .sm\:pr-21 { + padding-right: 20rem + } + .sm\:pr-22 { + padding-right: 24rem + } + .sm\:pr-23 { + padding-right: 28rem + } + .sm\:pr-24 { + padding-right: 32rem + } + .sm\:pr-25 { + padding-right: 36rem + } + .sm\:pr-26 { + padding-right: 40rem + } + .sm\:pr-27 { + padding-right: 44rem + } + .sm\:pr-28 { + padding-right: 48rem + } + .sm\:pr-29 { + padding-right: 52rem + } + .sm\:pr-30 { + padding-right: 56rem + } + .sm\:pr-31 { + padding-right: 60rem + } + .sm\:pr-32 { + padding-right: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:pr-0 { + padding-right: 0rem + } + .md\:pr-1 { + padding-right: 0.25rem + } + .md\:pr-2 { + padding-right: 0.5rem + } + .md\:pr-3 { + padding-right: 1rem + } + .md\:pr-4 { + padding-right: 1.5rem + } + .md\:pr-5 { + padding-right: 2rem + } + .md\:pr-6 { + padding-right: 3rem + } + .md\:pr-7 { + padding-right: 4rem + } + .md\:pr-8 { + padding-right: 5rem + } + .md\:pr-9 { + padding-right: 6rem + } + .md\:pr-10 { + padding-right: 7rem + } + .md\:pr-11 { + padding-right: 8rem + } + .md\:pr-12 { + padding-right: 9rem + } + .md\:pr-13 { + padding-right: 10rem + } + .md\:pr-14 { + padding-right: 11rem + } + .md\:pr-15 { + padding-right: 12rem + } + .md\:pr-16 { + padding-right: 13rem + } + .md\:pr-17 { + padding-right: 14rem + } + .md\:pr-18 { + padding-right: 15rem + } + .md\:pr-19 { + padding-right: 16rem + } + .md\:pr-20 { + padding-right: 18rem + } + .md\:pr-21 { + padding-right: 20rem + } + .md\:pr-22 { + padding-right: 24rem + } + .md\:pr-23 { + padding-right: 28rem + } + .md\:pr-24 { + padding-right: 32rem + } + .md\:pr-25 { + padding-right: 36rem + } + .md\:pr-26 { + padding-right: 40rem + } + .md\:pr-27 { + padding-right: 44rem + } + .md\:pr-28 { + padding-right: 48rem + } + .md\:pr-29 { + padding-right: 52rem + } + .md\:pr-30 { + padding-right: 56rem + } + .md\:pr-31 { + padding-right: 60rem + } + .md\:pr-32 { + padding-right: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:pr-0 { + padding-right: 0rem + } + .lg\:pr-1 { + padding-right: 0.25rem + } + .lg\:pr-2 { + padding-right: 0.5rem + } + .lg\:pr-3 { + padding-right: 1rem + } + .lg\:pr-4 { + padding-right: 1.5rem + } + .lg\:pr-5 { + padding-right: 2rem + } + .lg\:pr-6 { + padding-right: 3rem + } + .lg\:pr-7 { + padding-right: 4rem + } + .lg\:pr-8 { + padding-right: 5rem + } + .lg\:pr-9 { + padding-right: 6rem + } + .lg\:pr-10 { + padding-right: 7rem + } + .lg\:pr-11 { + padding-right: 8rem + } + .lg\:pr-12 { + padding-right: 9rem + } + .lg\:pr-13 { + padding-right: 10rem + } + .lg\:pr-14 { + padding-right: 11rem + } + .lg\:pr-15 { + padding-right: 12rem + } + .lg\:pr-16 { + padding-right: 13rem + } + .lg\:pr-17 { + padding-right: 14rem + } + .lg\:pr-18 { + padding-right: 15rem + } + .lg\:pr-19 { + padding-right: 16rem + } + .lg\:pr-20 { + padding-right: 18rem + } + .lg\:pr-21 { + padding-right: 20rem + } + .lg\:pr-22 { + padding-right: 24rem + } + .lg\:pr-23 { + padding-right: 28rem + } + .lg\:pr-24 { + padding-right: 32rem + } + .lg\:pr-25 { + padding-right: 36rem + } + .lg\:pr-26 { + padding-right: 40rem + } + .lg\:pr-27 { + padding-right: 44rem + } + .lg\:pr-28 { + padding-right: 48rem + } + .lg\:pr-29 { + padding-right: 52rem + } + .lg\:pr-30 { + padding-right: 56rem + } + .lg\:pr-31 { + padding-right: 60rem + } + .lg\:pr-32 { + padding-right: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:pr-0 { + padding-right: 0rem + } + .xl\:pr-1 { + padding-right: 0.25rem + } + .xl\:pr-2 { + padding-right: 0.5rem + } + .xl\:pr-3 { + padding-right: 1rem + } + .xl\:pr-4 { + padding-right: 1.5rem + } + .xl\:pr-5 { + padding-right: 2rem + } + .xl\:pr-6 { + padding-right: 3rem + } + .xl\:pr-7 { + padding-right: 4rem + } + .xl\:pr-8 { + padding-right: 5rem + } + .xl\:pr-9 { + padding-right: 6rem + } + .xl\:pr-10 { + padding-right: 7rem + } + .xl\:pr-11 { + padding-right: 8rem + } + .xl\:pr-12 { + padding-right: 9rem + } + .xl\:pr-13 { + padding-right: 10rem + } + .xl\:pr-14 { + padding-right: 11rem + } + .xl\:pr-15 { + padding-right: 12rem + } + .xl\:pr-16 { + padding-right: 13rem + } + .xl\:pr-17 { + padding-right: 14rem + } + .xl\:pr-18 { + padding-right: 15rem + } + .xl\:pr-19 { + padding-right: 16rem + } + .xl\:pr-20 { + padding-right: 18rem + } + .xl\:pr-21 { + padding-right: 20rem + } + .xl\:pr-22 { + padding-right: 24rem + } + .xl\:pr-23 { + padding-right: 28rem + } + .xl\:pr-24 { + padding-right: 32rem + } + .xl\:pr-25 { + padding-right: 36rem + } + .xl\:pr-26 { + padding-right: 40rem + } + .xl\:pr-27 { + padding-right: 44rem + } + .xl\:pr-28 { + padding-right: 48rem + } + .xl\:pr-29 { + padding-right: 52rem + } + .xl\:pr-30 { + padding-right: 56rem + } + .xl\:pr-31 { + padding-right: 60rem + } + .xl\:pr-32 { + padding-right: 64rem + } +} +.ps-0 { + padding-inline-start: 0rem +} +.ps-1 { + padding-inline-start: 0.25rem +} +.ps-2 { + padding-inline-start: 0.5rem +} +.ps-3 { + padding-inline-start: 1rem +} +.ps-4 { + padding-inline-start: 1.5rem +} +.ps-5 { + padding-inline-start: 2rem +} +.ps-6 { + padding-inline-start: 3rem +} +.ps-7 { + padding-inline-start: 4rem +} +.ps-8 { + padding-inline-start: 5rem +} +.ps-9 { + padding-inline-start: 6rem +} +.ps-10 { + padding-inline-start: 7rem +} +.ps-11 { + padding-inline-start: 8rem +} +.ps-12 { + padding-inline-start: 9rem +} +.ps-13 { + padding-inline-start: 10rem +} +.ps-14 { + padding-inline-start: 11rem +} +.ps-15 { + padding-inline-start: 12rem +} +.ps-16 { + padding-inline-start: 13rem +} +.ps-17 { + padding-inline-start: 14rem +} +.ps-18 { + padding-inline-start: 15rem +} +.ps-19 { + padding-inline-start: 16rem +} +.ps-20 { + padding-inline-start: 18rem +} +.ps-21 { + padding-inline-start: 20rem +} +.ps-22 { + padding-inline-start: 24rem +} +.ps-23 { + padding-inline-start: 28rem +} +.ps-24 { + padding-inline-start: 32rem +} +.ps-25 { + padding-inline-start: 36rem +} +.ps-26 { + padding-inline-start: 40rem +} +.ps-27 { + padding-inline-start: 44rem +} +.ps-28 { + padding-inline-start: 48rem +} +.ps-29 { + padding-inline-start: 52rem +} +.ps-30 { + padding-inline-start: 56rem +} +.ps-31 { + padding-inline-start: 60rem +} +.ps-32 { + padding-inline-start: 64rem +} +@media screen and (min-width: 576px) { + .sm\:ps-0 { + padding-inline-start: 0rem + } + .sm\:ps-1 { + padding-inline-start: 0.25rem + } + .sm\:ps-2 { + padding-inline-start: 0.5rem + } + .sm\:ps-3 { + padding-inline-start: 1rem + } + .sm\:ps-4 { + padding-inline-start: 1.5rem + } + .sm\:ps-5 { + padding-inline-start: 2rem + } + .sm\:ps-6 { + padding-inline-start: 3rem + } + .sm\:ps-7 { + padding-inline-start: 4rem + } + .sm\:ps-8 { + padding-inline-start: 5rem + } + .sm\:ps-9 { + padding-inline-start: 6rem + } + .sm\:ps-10 { + padding-inline-start: 7rem + } + .sm\:ps-11 { + padding-inline-start: 8rem + } + .sm\:ps-12 { + padding-inline-start: 9rem + } + .sm\:ps-13 { + padding-inline-start: 10rem + } + .sm\:ps-14 { + padding-inline-start: 11rem + } + .sm\:ps-15 { + padding-inline-start: 12rem + } + .sm\:ps-16 { + padding-inline-start: 13rem + } + .sm\:ps-17 { + padding-inline-start: 14rem + } + .sm\:ps-18 { + padding-inline-start: 15rem + } + .sm\:ps-19 { + padding-inline-start: 16rem + } + .sm\:ps-20 { + padding-inline-start: 18rem + } + .sm\:ps-21 { + padding-inline-start: 20rem + } + .sm\:ps-22 { + padding-inline-start: 24rem + } + .sm\:ps-23 { + padding-inline-start: 28rem + } + .sm\:ps-24 { + padding-inline-start: 32rem + } + .sm\:ps-25 { + padding-inline-start: 36rem + } + .sm\:ps-26 { + padding-inline-start: 40rem + } + .sm\:ps-27 { + padding-inline-start: 44rem + } + .sm\:ps-28 { + padding-inline-start: 48rem + } + .sm\:ps-29 { + padding-inline-start: 52rem + } + .sm\:ps-30 { + padding-inline-start: 56rem + } + .sm\:ps-31 { + padding-inline-start: 60rem + } + .sm\:ps-32 { + padding-inline-start: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:ps-0 { + padding-inline-start: 0rem + } + .md\:ps-1 { + padding-inline-start: 0.25rem + } + .md\:ps-2 { + padding-inline-start: 0.5rem + } + .md\:ps-3 { + padding-inline-start: 1rem + } + .md\:ps-4 { + padding-inline-start: 1.5rem + } + .md\:ps-5 { + padding-inline-start: 2rem + } + .md\:ps-6 { + padding-inline-start: 3rem + } + .md\:ps-7 { + padding-inline-start: 4rem + } + .md\:ps-8 { + padding-inline-start: 5rem + } + .md\:ps-9 { + padding-inline-start: 6rem + } + .md\:ps-10 { + padding-inline-start: 7rem + } + .md\:ps-11 { + padding-inline-start: 8rem + } + .md\:ps-12 { + padding-inline-start: 9rem + } + .md\:ps-13 { + padding-inline-start: 10rem + } + .md\:ps-14 { + padding-inline-start: 11rem + } + .md\:ps-15 { + padding-inline-start: 12rem + } + .md\:ps-16 { + padding-inline-start: 13rem + } + .md\:ps-17 { + padding-inline-start: 14rem + } + .md\:ps-18 { + padding-inline-start: 15rem + } + .md\:ps-19 { + padding-inline-start: 16rem + } + .md\:ps-20 { + padding-inline-start: 18rem + } + .md\:ps-21 { + padding-inline-start: 20rem + } + .md\:ps-22 { + padding-inline-start: 24rem + } + .md\:ps-23 { + padding-inline-start: 28rem + } + .md\:ps-24 { + padding-inline-start: 32rem + } + .md\:ps-25 { + padding-inline-start: 36rem + } + .md\:ps-26 { + padding-inline-start: 40rem + } + .md\:ps-27 { + padding-inline-start: 44rem + } + .md\:ps-28 { + padding-inline-start: 48rem + } + .md\:ps-29 { + padding-inline-start: 52rem + } + .md\:ps-30 { + padding-inline-start: 56rem + } + .md\:ps-31 { + padding-inline-start: 60rem + } + .md\:ps-32 { + padding-inline-start: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:ps-0 { + padding-inline-start: 0rem + } + .lg\:ps-1 { + padding-inline-start: 0.25rem + } + .lg\:ps-2 { + padding-inline-start: 0.5rem + } + .lg\:ps-3 { + padding-inline-start: 1rem + } + .lg\:ps-4 { + padding-inline-start: 1.5rem + } + .lg\:ps-5 { + padding-inline-start: 2rem + } + .lg\:ps-6 { + padding-inline-start: 3rem + } + .lg\:ps-7 { + padding-inline-start: 4rem + } + .lg\:ps-8 { + padding-inline-start: 5rem + } + .lg\:ps-9 { + padding-inline-start: 6rem + } + .lg\:ps-10 { + padding-inline-start: 7rem + } + .lg\:ps-11 { + padding-inline-start: 8rem + } + .lg\:ps-12 { + padding-inline-start: 9rem + } + .lg\:ps-13 { + padding-inline-start: 10rem + } + .lg\:ps-14 { + padding-inline-start: 11rem + } + .lg\:ps-15 { + padding-inline-start: 12rem + } + .lg\:ps-16 { + padding-inline-start: 13rem + } + .lg\:ps-17 { + padding-inline-start: 14rem + } + .lg\:ps-18 { + padding-inline-start: 15rem + } + .lg\:ps-19 { + padding-inline-start: 16rem + } + .lg\:ps-20 { + padding-inline-start: 18rem + } + .lg\:ps-21 { + padding-inline-start: 20rem + } + .lg\:ps-22 { + padding-inline-start: 24rem + } + .lg\:ps-23 { + padding-inline-start: 28rem + } + .lg\:ps-24 { + padding-inline-start: 32rem + } + .lg\:ps-25 { + padding-inline-start: 36rem + } + .lg\:ps-26 { + padding-inline-start: 40rem + } + .lg\:ps-27 { + padding-inline-start: 44rem + } + .lg\:ps-28 { + padding-inline-start: 48rem + } + .lg\:ps-29 { + padding-inline-start: 52rem + } + .lg\:ps-30 { + padding-inline-start: 56rem + } + .lg\:ps-31 { + padding-inline-start: 60rem + } + .lg\:ps-32 { + padding-inline-start: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:ps-0 { + padding-inline-start: 0rem + } + .xl\:ps-1 { + padding-inline-start: 0.25rem + } + .xl\:ps-2 { + padding-inline-start: 0.5rem + } + .xl\:ps-3 { + padding-inline-start: 1rem + } + .xl\:ps-4 { + padding-inline-start: 1.5rem + } + .xl\:ps-5 { + padding-inline-start: 2rem + } + .xl\:ps-6 { + padding-inline-start: 3rem + } + .xl\:ps-7 { + padding-inline-start: 4rem + } + .xl\:ps-8 { + padding-inline-start: 5rem + } + .xl\:ps-9 { + padding-inline-start: 6rem + } + .xl\:ps-10 { + padding-inline-start: 7rem + } + .xl\:ps-11 { + padding-inline-start: 8rem + } + .xl\:ps-12 { + padding-inline-start: 9rem + } + .xl\:ps-13 { + padding-inline-start: 10rem + } + .xl\:ps-14 { + padding-inline-start: 11rem + } + .xl\:ps-15 { + padding-inline-start: 12rem + } + .xl\:ps-16 { + padding-inline-start: 13rem + } + .xl\:ps-17 { + padding-inline-start: 14rem + } + .xl\:ps-18 { + padding-inline-start: 15rem + } + .xl\:ps-19 { + padding-inline-start: 16rem + } + .xl\:ps-20 { + padding-inline-start: 18rem + } + .xl\:ps-21 { + padding-inline-start: 20rem + } + .xl\:ps-22 { + padding-inline-start: 24rem + } + .xl\:ps-23 { + padding-inline-start: 28rem + } + .xl\:ps-24 { + padding-inline-start: 32rem + } + .xl\:ps-25 { + padding-inline-start: 36rem + } + .xl\:ps-26 { + padding-inline-start: 40rem + } + .xl\:ps-27 { + padding-inline-start: 44rem + } + .xl\:ps-28 { + padding-inline-start: 48rem + } + .xl\:ps-29 { + padding-inline-start: 52rem + } + .xl\:ps-30 { + padding-inline-start: 56rem + } + .xl\:ps-31 { + padding-inline-start: 60rem + } + .xl\:ps-32 { + padding-inline-start: 64rem + } +} +.pe-0 { + padding-inline-end: 0rem +} +.pe-1 { + padding-inline-end: 0.25rem +} +.pe-2 { + padding-inline-end: 0.5rem +} +.pe-3 { + padding-inline-end: 1rem +} +.pe-4 { + padding-inline-end: 1.5rem +} +.pe-5 { + padding-inline-end: 2rem +} +.pe-6 { + padding-inline-end: 3rem +} +.pe-7 { + padding-inline-end: 4rem +} +.pe-8 { + padding-inline-end: 5rem +} +.pe-9 { + padding-inline-end: 6rem +} +.pe-10 { + padding-inline-end: 7rem +} +.pe-11 { + padding-inline-end: 8rem +} +.pe-12 { + padding-inline-end: 9rem +} +.pe-13 { + padding-inline-end: 10rem +} +.pe-14 { + padding-inline-end: 11rem +} +.pe-15 { + padding-inline-end: 12rem +} +.pe-16 { + padding-inline-end: 13rem +} +.pe-17 { + padding-inline-end: 14rem +} +.pe-18 { + padding-inline-end: 15rem +} +.pe-19 { + padding-inline-end: 16rem +} +.pe-20 { + padding-inline-end: 18rem +} +.pe-21 { + padding-inline-end: 20rem +} +.pe-22 { + padding-inline-end: 24rem +} +.pe-23 { + padding-inline-end: 28rem +} +.pe-24 { + padding-inline-end: 32rem +} +.pe-25 { + padding-inline-end: 36rem +} +.pe-26 { + padding-inline-end: 40rem +} +.pe-27 { + padding-inline-end: 44rem +} +.pe-28 { + padding-inline-end: 48rem +} +.pe-29 { + padding-inline-end: 52rem +} +.pe-30 { + padding-inline-end: 56rem +} +.pe-31 { + padding-inline-end: 60rem +} +.pe-32 { + padding-inline-end: 64rem +} +@media screen and (min-width: 576px) { + .sm\:pe-0 { + padding-inline-end: 0rem + } + .sm\:pe-1 { + padding-inline-end: 0.25rem + } + .sm\:pe-2 { + padding-inline-end: 0.5rem + } + .sm\:pe-3 { + padding-inline-end: 1rem + } + .sm\:pe-4 { + padding-inline-end: 1.5rem + } + .sm\:pe-5 { + padding-inline-end: 2rem + } + .sm\:pe-6 { + padding-inline-end: 3rem + } + .sm\:pe-7 { + padding-inline-end: 4rem + } + .sm\:pe-8 { + padding-inline-end: 5rem + } + .sm\:pe-9 { + padding-inline-end: 6rem + } + .sm\:pe-10 { + padding-inline-end: 7rem + } + .sm\:pe-11 { + padding-inline-end: 8rem + } + .sm\:pe-12 { + padding-inline-end: 9rem + } + .sm\:pe-13 { + padding-inline-end: 10rem + } + .sm\:pe-14 { + padding-inline-end: 11rem + } + .sm\:pe-15 { + padding-inline-end: 12rem + } + .sm\:pe-16 { + padding-inline-end: 13rem + } + .sm\:pe-17 { + padding-inline-end: 14rem + } + .sm\:pe-18 { + padding-inline-end: 15rem + } + .sm\:pe-19 { + padding-inline-end: 16rem + } + .sm\:pe-20 { + padding-inline-end: 18rem + } + .sm\:pe-21 { + padding-inline-end: 20rem + } + .sm\:pe-22 { + padding-inline-end: 24rem + } + .sm\:pe-23 { + padding-inline-end: 28rem + } + .sm\:pe-24 { + padding-inline-end: 32rem + } + .sm\:pe-25 { + padding-inline-end: 36rem + } + .sm\:pe-26 { + padding-inline-end: 40rem + } + .sm\:pe-27 { + padding-inline-end: 44rem + } + .sm\:pe-28 { + padding-inline-end: 48rem + } + .sm\:pe-29 { + padding-inline-end: 52rem + } + .sm\:pe-30 { + padding-inline-end: 56rem + } + .sm\:pe-31 { + padding-inline-end: 60rem + } + .sm\:pe-32 { + padding-inline-end: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:pe-0 { + padding-inline-end: 0rem + } + .md\:pe-1 { + padding-inline-end: 0.25rem + } + .md\:pe-2 { + padding-inline-end: 0.5rem + } + .md\:pe-3 { + padding-inline-end: 1rem + } + .md\:pe-4 { + padding-inline-end: 1.5rem + } + .md\:pe-5 { + padding-inline-end: 2rem + } + .md\:pe-6 { + padding-inline-end: 3rem + } + .md\:pe-7 { + padding-inline-end: 4rem + } + .md\:pe-8 { + padding-inline-end: 5rem + } + .md\:pe-9 { + padding-inline-end: 6rem + } + .md\:pe-10 { + padding-inline-end: 7rem + } + .md\:pe-11 { + padding-inline-end: 8rem + } + .md\:pe-12 { + padding-inline-end: 9rem + } + .md\:pe-13 { + padding-inline-end: 10rem + } + .md\:pe-14 { + padding-inline-end: 11rem + } + .md\:pe-15 { + padding-inline-end: 12rem + } + .md\:pe-16 { + padding-inline-end: 13rem + } + .md\:pe-17 { + padding-inline-end: 14rem + } + .md\:pe-18 { + padding-inline-end: 15rem + } + .md\:pe-19 { + padding-inline-end: 16rem + } + .md\:pe-20 { + padding-inline-end: 18rem + } + .md\:pe-21 { + padding-inline-end: 20rem + } + .md\:pe-22 { + padding-inline-end: 24rem + } + .md\:pe-23 { + padding-inline-end: 28rem + } + .md\:pe-24 { + padding-inline-end: 32rem + } + .md\:pe-25 { + padding-inline-end: 36rem + } + .md\:pe-26 { + padding-inline-end: 40rem + } + .md\:pe-27 { + padding-inline-end: 44rem + } + .md\:pe-28 { + padding-inline-end: 48rem + } + .md\:pe-29 { + padding-inline-end: 52rem + } + .md\:pe-30 { + padding-inline-end: 56rem + } + .md\:pe-31 { + padding-inline-end: 60rem + } + .md\:pe-32 { + padding-inline-end: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:pe-0 { + padding-inline-end: 0rem + } + .lg\:pe-1 { + padding-inline-end: 0.25rem + } + .lg\:pe-2 { + padding-inline-end: 0.5rem + } + .lg\:pe-3 { + padding-inline-end: 1rem + } + .lg\:pe-4 { + padding-inline-end: 1.5rem + } + .lg\:pe-5 { + padding-inline-end: 2rem + } + .lg\:pe-6 { + padding-inline-end: 3rem + } + .lg\:pe-7 { + padding-inline-end: 4rem + } + .lg\:pe-8 { + padding-inline-end: 5rem + } + .lg\:pe-9 { + padding-inline-end: 6rem + } + .lg\:pe-10 { + padding-inline-end: 7rem + } + .lg\:pe-11 { + padding-inline-end: 8rem + } + .lg\:pe-12 { + padding-inline-end: 9rem + } + .lg\:pe-13 { + padding-inline-end: 10rem + } + .lg\:pe-14 { + padding-inline-end: 11rem + } + .lg\:pe-15 { + padding-inline-end: 12rem + } + .lg\:pe-16 { + padding-inline-end: 13rem + } + .lg\:pe-17 { + padding-inline-end: 14rem + } + .lg\:pe-18 { + padding-inline-end: 15rem + } + .lg\:pe-19 { + padding-inline-end: 16rem + } + .lg\:pe-20 { + padding-inline-end: 18rem + } + .lg\:pe-21 { + padding-inline-end: 20rem + } + .lg\:pe-22 { + padding-inline-end: 24rem + } + .lg\:pe-23 { + padding-inline-end: 28rem + } + .lg\:pe-24 { + padding-inline-end: 32rem + } + .lg\:pe-25 { + padding-inline-end: 36rem + } + .lg\:pe-26 { + padding-inline-end: 40rem + } + .lg\:pe-27 { + padding-inline-end: 44rem + } + .lg\:pe-28 { + padding-inline-end: 48rem + } + .lg\:pe-29 { + padding-inline-end: 52rem + } + .lg\:pe-30 { + padding-inline-end: 56rem + } + .lg\:pe-31 { + padding-inline-end: 60rem + } + .lg\:pe-32 { + padding-inline-end: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:pe-0 { + padding-inline-end: 0rem + } + .xl\:pe-1 { + padding-inline-end: 0.25rem + } + .xl\:pe-2 { + padding-inline-end: 0.5rem + } + .xl\:pe-3 { + padding-inline-end: 1rem + } + .xl\:pe-4 { + padding-inline-end: 1.5rem + } + .xl\:pe-5 { + padding-inline-end: 2rem + } + .xl\:pe-6 { + padding-inline-end: 3rem + } + .xl\:pe-7 { + padding-inline-end: 4rem + } + .xl\:pe-8 { + padding-inline-end: 5rem + } + .xl\:pe-9 { + padding-inline-end: 6rem + } + .xl\:pe-10 { + padding-inline-end: 7rem + } + .xl\:pe-11 { + padding-inline-end: 8rem + } + .xl\:pe-12 { + padding-inline-end: 9rem + } + .xl\:pe-13 { + padding-inline-end: 10rem + } + .xl\:pe-14 { + padding-inline-end: 11rem + } + .xl\:pe-15 { + padding-inline-end: 12rem + } + .xl\:pe-16 { + padding-inline-end: 13rem + } + .xl\:pe-17 { + padding-inline-end: 14rem + } + .xl\:pe-18 { + padding-inline-end: 15rem + } + .xl\:pe-19 { + padding-inline-end: 16rem + } + .xl\:pe-20 { + padding-inline-end: 18rem + } + .xl\:pe-21 { + padding-inline-end: 20rem + } + .xl\:pe-22 { + padding-inline-end: 24rem + } + .xl\:pe-23 { + padding-inline-end: 28rem + } + .xl\:pe-24 { + padding-inline-end: 32rem + } + .xl\:pe-25 { + padding-inline-end: 36rem + } + .xl\:pe-26 { + padding-inline-end: 40rem + } + .xl\:pe-27 { + padding-inline-end: 44rem + } + .xl\:pe-28 { + padding-inline-end: 48rem + } + .xl\:pe-29 { + padding-inline-end: 52rem + } + .xl\:pe-30 { + padding-inline-end: 56rem + } + .xl\:pe-31 { + padding-inline-end: 60rem + } + .xl\:pe-32 { + padding-inline-end: 64rem + } +} +.pt-0 { + padding-top: 0rem +} +.pt-1 { + padding-top: 0.25rem +} +.pt-2 { + padding-top: 0.5rem +} +.pt-3 { + padding-top: 1rem +} +.pt-4 { + padding-top: 1.5rem +} +.pt-5 { + padding-top: 2rem +} +.pt-6 { + padding-top: 3rem +} +.pt-7 { + padding-top: 4rem +} +.pt-8 { + padding-top: 5rem +} +.pt-9 { + padding-top: 6rem +} +.pt-10 { + padding-top: 7rem +} +.pt-11 { + padding-top: 8rem +} +.pt-12 { + padding-top: 9rem +} +.pt-13 { + padding-top: 10rem +} +.pt-14 { + padding-top: 11rem +} +.pt-15 { + padding-top: 12rem +} +.pt-16 { + padding-top: 13rem +} +.pt-17 { + padding-top: 14rem +} +.pt-18 { + padding-top: 15rem +} +.pt-19 { + padding-top: 16rem +} +.pt-20 { + padding-top: 18rem +} +.pt-21 { + padding-top: 20rem +} +.pt-22 { + padding-top: 24rem +} +.pt-23 { + padding-top: 28rem +} +.pt-24 { + padding-top: 32rem +} +.pt-25 { + padding-top: 36rem +} +.pt-26 { + padding-top: 40rem +} +.pt-27 { + padding-top: 44rem +} +.pt-28 { + padding-top: 48rem +} +.pt-29 { + padding-top: 52rem +} +.pt-30 { + padding-top: 56rem +} +.pt-31 { + padding-top: 60rem +} +.pt-32 { + padding-top: 64rem +} +@media screen and (min-width: 576px) { + .sm\:pt-0 { + padding-top: 0rem + } + .sm\:pt-1 { + padding-top: 0.25rem + } + .sm\:pt-2 { + padding-top: 0.5rem + } + .sm\:pt-3 { + padding-top: 1rem + } + .sm\:pt-4 { + padding-top: 1.5rem + } + .sm\:pt-5 { + padding-top: 2rem + } + .sm\:pt-6 { + padding-top: 3rem + } + .sm\:pt-7 { + padding-top: 4rem + } + .sm\:pt-8 { + padding-top: 5rem + } + .sm\:pt-9 { + padding-top: 6rem + } + .sm\:pt-10 { + padding-top: 7rem + } + .sm\:pt-11 { + padding-top: 8rem + } + .sm\:pt-12 { + padding-top: 9rem + } + .sm\:pt-13 { + padding-top: 10rem + } + .sm\:pt-14 { + padding-top: 11rem + } + .sm\:pt-15 { + padding-top: 12rem + } + .sm\:pt-16 { + padding-top: 13rem + } + .sm\:pt-17 { + padding-top: 14rem + } + .sm\:pt-18 { + padding-top: 15rem + } + .sm\:pt-19 { + padding-top: 16rem + } + .sm\:pt-20 { + padding-top: 18rem + } + .sm\:pt-21 { + padding-top: 20rem + } + .sm\:pt-22 { + padding-top: 24rem + } + .sm\:pt-23 { + padding-top: 28rem + } + .sm\:pt-24 { + padding-top: 32rem + } + .sm\:pt-25 { + padding-top: 36rem + } + .sm\:pt-26 { + padding-top: 40rem + } + .sm\:pt-27 { + padding-top: 44rem + } + .sm\:pt-28 { + padding-top: 48rem + } + .sm\:pt-29 { + padding-top: 52rem + } + .sm\:pt-30 { + padding-top: 56rem + } + .sm\:pt-31 { + padding-top: 60rem + } + .sm\:pt-32 { + padding-top: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:pt-0 { + padding-top: 0rem + } + .md\:pt-1 { + padding-top: 0.25rem + } + .md\:pt-2 { + padding-top: 0.5rem + } + .md\:pt-3 { + padding-top: 1rem + } + .md\:pt-4 { + padding-top: 1.5rem + } + .md\:pt-5 { + padding-top: 2rem + } + .md\:pt-6 { + padding-top: 3rem + } + .md\:pt-7 { + padding-top: 4rem + } + .md\:pt-8 { + padding-top: 5rem + } + .md\:pt-9 { + padding-top: 6rem + } + .md\:pt-10 { + padding-top: 7rem + } + .md\:pt-11 { + padding-top: 8rem + } + .md\:pt-12 { + padding-top: 9rem + } + .md\:pt-13 { + padding-top: 10rem + } + .md\:pt-14 { + padding-top: 11rem + } + .md\:pt-15 { + padding-top: 12rem + } + .md\:pt-16 { + padding-top: 13rem + } + .md\:pt-17 { + padding-top: 14rem + } + .md\:pt-18 { + padding-top: 15rem + } + .md\:pt-19 { + padding-top: 16rem + } + .md\:pt-20 { + padding-top: 18rem + } + .md\:pt-21 { + padding-top: 20rem + } + .md\:pt-22 { + padding-top: 24rem + } + .md\:pt-23 { + padding-top: 28rem + } + .md\:pt-24 { + padding-top: 32rem + } + .md\:pt-25 { + padding-top: 36rem + } + .md\:pt-26 { + padding-top: 40rem + } + .md\:pt-27 { + padding-top: 44rem + } + .md\:pt-28 { + padding-top: 48rem + } + .md\:pt-29 { + padding-top: 52rem + } + .md\:pt-30 { + padding-top: 56rem + } + .md\:pt-31 { + padding-top: 60rem + } + .md\:pt-32 { + padding-top: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:pt-0 { + padding-top: 0rem + } + .lg\:pt-1 { + padding-top: 0.25rem + } + .lg\:pt-2 { + padding-top: 0.5rem + } + .lg\:pt-3 { + padding-top: 1rem + } + .lg\:pt-4 { + padding-top: 1.5rem + } + .lg\:pt-5 { + padding-top: 2rem + } + .lg\:pt-6 { + padding-top: 3rem + } + .lg\:pt-7 { + padding-top: 4rem + } + .lg\:pt-8 { + padding-top: 5rem + } + .lg\:pt-9 { + padding-top: 6rem + } + .lg\:pt-10 { + padding-top: 7rem + } + .lg\:pt-11 { + padding-top: 8rem + } + .lg\:pt-12 { + padding-top: 9rem + } + .lg\:pt-13 { + padding-top: 10rem + } + .lg\:pt-14 { + padding-top: 11rem + } + .lg\:pt-15 { + padding-top: 12rem + } + .lg\:pt-16 { + padding-top: 13rem + } + .lg\:pt-17 { + padding-top: 14rem + } + .lg\:pt-18 { + padding-top: 15rem + } + .lg\:pt-19 { + padding-top: 16rem + } + .lg\:pt-20 { + padding-top: 18rem + } + .lg\:pt-21 { + padding-top: 20rem + } + .lg\:pt-22 { + padding-top: 24rem + } + .lg\:pt-23 { + padding-top: 28rem + } + .lg\:pt-24 { + padding-top: 32rem + } + .lg\:pt-25 { + padding-top: 36rem + } + .lg\:pt-26 { + padding-top: 40rem + } + .lg\:pt-27 { + padding-top: 44rem + } + .lg\:pt-28 { + padding-top: 48rem + } + .lg\:pt-29 { + padding-top: 52rem + } + .lg\:pt-30 { + padding-top: 56rem + } + .lg\:pt-31 { + padding-top: 60rem + } + .lg\:pt-32 { + padding-top: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:pt-0 { + padding-top: 0rem + } + .xl\:pt-1 { + padding-top: 0.25rem + } + .xl\:pt-2 { + padding-top: 0.5rem + } + .xl\:pt-3 { + padding-top: 1rem + } + .xl\:pt-4 { + padding-top: 1.5rem + } + .xl\:pt-5 { + padding-top: 2rem + } + .xl\:pt-6 { + padding-top: 3rem + } + .xl\:pt-7 { + padding-top: 4rem + } + .xl\:pt-8 { + padding-top: 5rem + } + .xl\:pt-9 { + padding-top: 6rem + } + .xl\:pt-10 { + padding-top: 7rem + } + .xl\:pt-11 { + padding-top: 8rem + } + .xl\:pt-12 { + padding-top: 9rem + } + .xl\:pt-13 { + padding-top: 10rem + } + .xl\:pt-14 { + padding-top: 11rem + } + .xl\:pt-15 { + padding-top: 12rem + } + .xl\:pt-16 { + padding-top: 13rem + } + .xl\:pt-17 { + padding-top: 14rem + } + .xl\:pt-18 { + padding-top: 15rem + } + .xl\:pt-19 { + padding-top: 16rem + } + .xl\:pt-20 { + padding-top: 18rem + } + .xl\:pt-21 { + padding-top: 20rem + } + .xl\:pt-22 { + padding-top: 24rem + } + .xl\:pt-23 { + padding-top: 28rem + } + .xl\:pt-24 { + padding-top: 32rem + } + .xl\:pt-25 { + padding-top: 36rem + } + .xl\:pt-26 { + padding-top: 40rem + } + .xl\:pt-27 { + padding-top: 44rem + } + .xl\:pt-28 { + padding-top: 48rem + } + .xl\:pt-29 { + padding-top: 52rem + } + .xl\:pt-30 { + padding-top: 56rem + } + .xl\:pt-31 { + padding-top: 60rem + } + .xl\:pt-32 { + padding-top: 64rem + } +} +.px-0 { + padding-left: 0rem; + padding-right: 0rem +} +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem +} +.px-3 { + padding-left: 1rem; + padding-right: 1rem +} +.px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem +} +.px-5 { + padding-left: 2rem; + padding-right: 2rem +} +.px-6 { + padding-left: 3rem; + padding-right: 3rem +} +.px-7 { + padding-left: 4rem; + padding-right: 4rem +} +.px-8 { + padding-left: 5rem; + padding-right: 5rem +} +.px-9 { + padding-left: 6rem; + padding-right: 6rem +} +.px-10 { + padding-left: 7rem; + padding-right: 7rem +} +.px-11 { + padding-left: 8rem; + padding-right: 8rem +} +.px-12 { + padding-left: 9rem; + padding-right: 9rem +} +.px-13 { + padding-left: 10rem; + padding-right: 10rem +} +.px-14 { + padding-left: 11rem; + padding-right: 11rem +} +.px-15 { + padding-left: 12rem; + padding-right: 12rem +} +.px-16 { + padding-left: 13rem; + padding-right: 13rem +} +.px-17 { + padding-left: 14rem; + padding-right: 14rem +} +.px-18 { + padding-left: 15rem; + padding-right: 15rem +} +.px-19 { + padding-left: 16rem; + padding-right: 16rem +} +.px-20 { + padding-left: 18rem; + padding-right: 18rem +} +.px-21 { + padding-left: 20rem; + padding-right: 20rem +} +.px-22 { + padding-left: 24rem; + padding-right: 24rem +} +.px-23 { + padding-left: 28rem; + padding-right: 28rem +} +.px-24 { + padding-left: 32rem; + padding-right: 32rem +} +.px-25 { + padding-left: 36rem; + padding-right: 36rem +} +.px-26 { + padding-left: 40rem; + padding-right: 40rem +} +.px-27 { + padding-left: 44rem; + padding-right: 44rem +} +.px-28 { + padding-left: 48rem; + padding-right: 48rem +} +.px-29 { + padding-left: 52rem; + padding-right: 52rem +} +.px-30 { + padding-left: 56rem; + padding-right: 56rem +} +.px-31 { + padding-left: 60rem; + padding-right: 60rem +} +.px-32 { + padding-left: 64rem; + padding-right: 64rem +} +@media screen and (min-width: 576px) { + .sm\:px-0 { + padding-left: 0rem; + padding-right: 0rem + } + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem + } + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem + } + .sm\:px-3 { + padding-left: 1rem; + padding-right: 1rem + } + .sm\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem + } + .sm\:px-5 { + padding-left: 2rem; + padding-right: 2rem + } + .sm\:px-6 { + padding-left: 3rem; + padding-right: 3rem + } + .sm\:px-7 { + padding-left: 4rem; + padding-right: 4rem + } + .sm\:px-8 { + padding-left: 5rem; + padding-right: 5rem + } + .sm\:px-9 { + padding-left: 6rem; + padding-right: 6rem + } + .sm\:px-10 { + padding-left: 7rem; + padding-right: 7rem + } + .sm\:px-11 { + padding-left: 8rem; + padding-right: 8rem + } + .sm\:px-12 { + padding-left: 9rem; + padding-right: 9rem + } + .sm\:px-13 { + padding-left: 10rem; + padding-right: 10rem + } + .sm\:px-14 { + padding-left: 11rem; + padding-right: 11rem + } + .sm\:px-15 { + padding-left: 12rem; + padding-right: 12rem + } + .sm\:px-16 { + padding-left: 13rem; + padding-right: 13rem + } + .sm\:px-17 { + padding-left: 14rem; + padding-right: 14rem + } + .sm\:px-18 { + padding-left: 15rem; + padding-right: 15rem + } + .sm\:px-19 { + padding-left: 16rem; + padding-right: 16rem + } + .sm\:px-20 { + padding-left: 18rem; + padding-right: 18rem + } + .sm\:px-21 { + padding-left: 20rem; + padding-right: 20rem + } + .sm\:px-22 { + padding-left: 24rem; + padding-right: 24rem + } + .sm\:px-23 { + padding-left: 28rem; + padding-right: 28rem + } + .sm\:px-24 { + padding-left: 32rem; + padding-right: 32rem + } + .sm\:px-25 { + padding-left: 36rem; + padding-right: 36rem + } + .sm\:px-26 { + padding-left: 40rem; + padding-right: 40rem + } + .sm\:px-27 { + padding-left: 44rem; + padding-right: 44rem + } + .sm\:px-28 { + padding-left: 48rem; + padding-right: 48rem + } + .sm\:px-29 { + padding-left: 52rem; + padding-right: 52rem + } + .sm\:px-30 { + padding-left: 56rem; + padding-right: 56rem + } + .sm\:px-31 { + padding-left: 60rem; + padding-right: 60rem + } + .sm\:px-32 { + padding-left: 64rem; + padding-right: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:px-0 { + padding-left: 0rem; + padding-right: 0rem + } + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem + } + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem + } + .md\:px-3 { + padding-left: 1rem; + padding-right: 1rem + } + .md\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem + } + .md\:px-5 { + padding-left: 2rem; + padding-right: 2rem + } + .md\:px-6 { + padding-left: 3rem; + padding-right: 3rem + } + .md\:px-7 { + padding-left: 4rem; + padding-right: 4rem + } + .md\:px-8 { + padding-left: 5rem; + padding-right: 5rem + } + .md\:px-9 { + padding-left: 6rem; + padding-right: 6rem + } + .md\:px-10 { + padding-left: 7rem; + padding-right: 7rem + } + .md\:px-11 { + padding-left: 8rem; + padding-right: 8rem + } + .md\:px-12 { + padding-left: 9rem; + padding-right: 9rem + } + .md\:px-13 { + padding-left: 10rem; + padding-right: 10rem + } + .md\:px-14 { + padding-left: 11rem; + padding-right: 11rem + } + .md\:px-15 { + padding-left: 12rem; + padding-right: 12rem + } + .md\:px-16 { + padding-left: 13rem; + padding-right: 13rem + } + .md\:px-17 { + padding-left: 14rem; + padding-right: 14rem + } + .md\:px-18 { + padding-left: 15rem; + padding-right: 15rem + } + .md\:px-19 { + padding-left: 16rem; + padding-right: 16rem + } + .md\:px-20 { + padding-left: 18rem; + padding-right: 18rem + } + .md\:px-21 { + padding-left: 20rem; + padding-right: 20rem + } + .md\:px-22 { + padding-left: 24rem; + padding-right: 24rem + } + .md\:px-23 { + padding-left: 28rem; + padding-right: 28rem + } + .md\:px-24 { + padding-left: 32rem; + padding-right: 32rem + } + .md\:px-25 { + padding-left: 36rem; + padding-right: 36rem + } + .md\:px-26 { + padding-left: 40rem; + padding-right: 40rem + } + .md\:px-27 { + padding-left: 44rem; + padding-right: 44rem + } + .md\:px-28 { + padding-left: 48rem; + padding-right: 48rem + } + .md\:px-29 { + padding-left: 52rem; + padding-right: 52rem + } + .md\:px-30 { + padding-left: 56rem; + padding-right: 56rem + } + .md\:px-31 { + padding-left: 60rem; + padding-right: 60rem + } + .md\:px-32 { + padding-left: 64rem; + padding-right: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:px-0 { + padding-left: 0rem; + padding-right: 0rem + } + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem + } + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem + } + .lg\:px-3 { + padding-left: 1rem; + padding-right: 1rem + } + .lg\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem + } + .lg\:px-5 { + padding-left: 2rem; + padding-right: 2rem + } + .lg\:px-6 { + padding-left: 3rem; + padding-right: 3rem + } + .lg\:px-7 { + padding-left: 4rem; + padding-right: 4rem + } + .lg\:px-8 { + padding-left: 5rem; + padding-right: 5rem + } + .lg\:px-9 { + padding-left: 6rem; + padding-right: 6rem + } + .lg\:px-10 { + padding-left: 7rem; + padding-right: 7rem + } + .lg\:px-11 { + padding-left: 8rem; + padding-right: 8rem + } + .lg\:px-12 { + padding-left: 9rem; + padding-right: 9rem + } + .lg\:px-13 { + padding-left: 10rem; + padding-right: 10rem + } + .lg\:px-14 { + padding-left: 11rem; + padding-right: 11rem + } + .lg\:px-15 { + padding-left: 12rem; + padding-right: 12rem + } + .lg\:px-16 { + padding-left: 13rem; + padding-right: 13rem + } + .lg\:px-17 { + padding-left: 14rem; + padding-right: 14rem + } + .lg\:px-18 { + padding-left: 15rem; + padding-right: 15rem + } + .lg\:px-19 { + padding-left: 16rem; + padding-right: 16rem + } + .lg\:px-20 { + padding-left: 18rem; + padding-right: 18rem + } + .lg\:px-21 { + padding-left: 20rem; + padding-right: 20rem + } + .lg\:px-22 { + padding-left: 24rem; + padding-right: 24rem + } + .lg\:px-23 { + padding-left: 28rem; + padding-right: 28rem + } + .lg\:px-24 { + padding-left: 32rem; + padding-right: 32rem + } + .lg\:px-25 { + padding-left: 36rem; + padding-right: 36rem + } + .lg\:px-26 { + padding-left: 40rem; + padding-right: 40rem + } + .lg\:px-27 { + padding-left: 44rem; + padding-right: 44rem + } + .lg\:px-28 { + padding-left: 48rem; + padding-right: 48rem + } + .lg\:px-29 { + padding-left: 52rem; + padding-right: 52rem + } + .lg\:px-30 { + padding-left: 56rem; + padding-right: 56rem + } + .lg\:px-31 { + padding-left: 60rem; + padding-right: 60rem + } + .lg\:px-32 { + padding-left: 64rem; + padding-right: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:px-0 { + padding-left: 0rem; + padding-right: 0rem + } + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem + } + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem + } + .xl\:px-3 { + padding-left: 1rem; + padding-right: 1rem + } + .xl\:px-4 { + padding-left: 1.5rem; + padding-right: 1.5rem + } + .xl\:px-5 { + padding-left: 2rem; + padding-right: 2rem + } + .xl\:px-6 { + padding-left: 3rem; + padding-right: 3rem + } + .xl\:px-7 { + padding-left: 4rem; + padding-right: 4rem + } + .xl\:px-8 { + padding-left: 5rem; + padding-right: 5rem + } + .xl\:px-9 { + padding-left: 6rem; + padding-right: 6rem + } + .xl\:px-10 { + padding-left: 7rem; + padding-right: 7rem + } + .xl\:px-11 { + padding-left: 8rem; + padding-right: 8rem + } + .xl\:px-12 { + padding-left: 9rem; + padding-right: 9rem + } + .xl\:px-13 { + padding-left: 10rem; + padding-right: 10rem + } + .xl\:px-14 { + padding-left: 11rem; + padding-right: 11rem + } + .xl\:px-15 { + padding-left: 12rem; + padding-right: 12rem + } + .xl\:px-16 { + padding-left: 13rem; + padding-right: 13rem + } + .xl\:px-17 { + padding-left: 14rem; + padding-right: 14rem + } + .xl\:px-18 { + padding-left: 15rem; + padding-right: 15rem + } + .xl\:px-19 { + padding-left: 16rem; + padding-right: 16rem + } + .xl\:px-20 { + padding-left: 18rem; + padding-right: 18rem + } + .xl\:px-21 { + padding-left: 20rem; + padding-right: 20rem + } + .xl\:px-22 { + padding-left: 24rem; + padding-right: 24rem + } + .xl\:px-23 { + padding-left: 28rem; + padding-right: 28rem + } + .xl\:px-24 { + padding-left: 32rem; + padding-right: 32rem + } + .xl\:px-25 { + padding-left: 36rem; + padding-right: 36rem + } + .xl\:px-26 { + padding-left: 40rem; + padding-right: 40rem + } + .xl\:px-27 { + padding-left: 44rem; + padding-right: 44rem + } + .xl\:px-28 { + padding-left: 48rem; + padding-right: 48rem + } + .xl\:px-29 { + padding-left: 52rem; + padding-right: 52rem + } + .xl\:px-30 { + padding-left: 56rem; + padding-right: 56rem + } + .xl\:px-31 { + padding-left: 60rem; + padding-right: 60rem + } + .xl\:px-32 { + padding-left: 64rem; + padding-right: 64rem + } +} +.py-0 { + padding-top: 0rem; + padding-bottom: 0rem +} +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem +} +.py-3 { + padding-top: 1rem; + padding-bottom: 1rem +} +.py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem +} +.py-5 { + padding-top: 2rem; + padding-bottom: 2rem +} +.py-6 { + padding-top: 3rem; + padding-bottom: 3rem +} +.py-7 { + padding-top: 4rem; + padding-bottom: 4rem +} +.py-8 { + padding-top: 5rem; + padding-bottom: 5rem +} +.py-9 { + padding-top: 6rem; + padding-bottom: 6rem +} +.py-10 { + padding-top: 7rem; + padding-bottom: 7rem +} +.py-11 { + padding-top: 8rem; + padding-bottom: 8rem +} +.py-12 { + padding-top: 9rem; + padding-bottom: 9rem +} +.py-13 { + padding-top: 10rem; + padding-bottom: 10rem +} +.py-14 { + padding-top: 11rem; + padding-bottom: 11rem +} +.py-15 { + padding-top: 12rem; + padding-bottom: 12rem +} +.py-16 { + padding-top: 13rem; + padding-bottom: 13rem +} +.py-17 { + padding-top: 14rem; + padding-bottom: 14rem +} +.py-18 { + padding-top: 15rem; + padding-bottom: 15rem +} +.py-19 { + padding-top: 16rem; + padding-bottom: 16rem +} +.py-20 { + padding-top: 18rem; + padding-bottom: 18rem +} +.py-21 { + padding-top: 20rem; + padding-bottom: 20rem +} +.py-22 { + padding-top: 24rem; + padding-bottom: 24rem +} +.py-23 { + padding-top: 28rem; + padding-bottom: 28rem +} +.py-24 { + padding-top: 32rem; + padding-bottom: 32rem +} +.py-25 { + padding-top: 36rem; + padding-bottom: 36rem +} +.py-26 { + padding-top: 40rem; + padding-bottom: 40rem +} +.py-27 { + padding-top: 44rem; + padding-bottom: 44rem +} +.py-28 { + padding-top: 48rem; + padding-bottom: 48rem +} +.py-29 { + padding-top: 52rem; + padding-bottom: 52rem +} +.py-30 { + padding-top: 56rem; + padding-bottom: 56rem +} +.py-31 { + padding-top: 60rem; + padding-bottom: 60rem +} +.py-32 { + padding-top: 64rem; + padding-bottom: 64rem +} +@media screen and (min-width: 576px) { + .sm\:py-0 { + padding-top: 0rem; + padding-bottom: 0rem + } + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem + } + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem + } + .sm\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem + } + .sm\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem + } + .sm\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem + } + .sm\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem + } + .sm\:py-7 { + padding-top: 4rem; + padding-bottom: 4rem + } + .sm\:py-8 { + padding-top: 5rem; + padding-bottom: 5rem + } + .sm\:py-9 { + padding-top: 6rem; + padding-bottom: 6rem + } + .sm\:py-10 { + padding-top: 7rem; + padding-bottom: 7rem + } + .sm\:py-11 { + padding-top: 8rem; + padding-bottom: 8rem + } + .sm\:py-12 { + padding-top: 9rem; + padding-bottom: 9rem + } + .sm\:py-13 { + padding-top: 10rem; + padding-bottom: 10rem + } + .sm\:py-14 { + padding-top: 11rem; + padding-bottom: 11rem + } + .sm\:py-15 { + padding-top: 12rem; + padding-bottom: 12rem + } + .sm\:py-16 { + padding-top: 13rem; + padding-bottom: 13rem + } + .sm\:py-17 { + padding-top: 14rem; + padding-bottom: 14rem + } + .sm\:py-18 { + padding-top: 15rem; + padding-bottom: 15rem + } + .sm\:py-19 { + padding-top: 16rem; + padding-bottom: 16rem + } + .sm\:py-20 { + padding-top: 18rem; + padding-bottom: 18rem + } + .sm\:py-21 { + padding-top: 20rem; + padding-bottom: 20rem + } + .sm\:py-22 { + padding-top: 24rem; + padding-bottom: 24rem + } + .sm\:py-23 { + padding-top: 28rem; + padding-bottom: 28rem + } + .sm\:py-24 { + padding-top: 32rem; + padding-bottom: 32rem + } + .sm\:py-25 { + padding-top: 36rem; + padding-bottom: 36rem + } + .sm\:py-26 { + padding-top: 40rem; + padding-bottom: 40rem + } + .sm\:py-27 { + padding-top: 44rem; + padding-bottom: 44rem + } + .sm\:py-28 { + padding-top: 48rem; + padding-bottom: 48rem + } + .sm\:py-29 { + padding-top: 52rem; + padding-bottom: 52rem + } + .sm\:py-30 { + padding-top: 56rem; + padding-bottom: 56rem + } + .sm\:py-31 { + padding-top: 60rem; + padding-bottom: 60rem + } + .sm\:py-32 { + padding-top: 64rem; + padding-bottom: 64rem + } +} +@media screen and (min-width: 768px) { + .md\:py-0 { + padding-top: 0rem; + padding-bottom: 0rem + } + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem + } + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem + } + .md\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem + } + .md\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem + } + .md\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem + } + .md\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem + } + .md\:py-7 { + padding-top: 4rem; + padding-bottom: 4rem + } + .md\:py-8 { + padding-top: 5rem; + padding-bottom: 5rem + } + .md\:py-9 { + padding-top: 6rem; + padding-bottom: 6rem + } + .md\:py-10 { + padding-top: 7rem; + padding-bottom: 7rem + } + .md\:py-11 { + padding-top: 8rem; + padding-bottom: 8rem + } + .md\:py-12 { + padding-top: 9rem; + padding-bottom: 9rem + } + .md\:py-13 { + padding-top: 10rem; + padding-bottom: 10rem + } + .md\:py-14 { + padding-top: 11rem; + padding-bottom: 11rem + } + .md\:py-15 { + padding-top: 12rem; + padding-bottom: 12rem + } + .md\:py-16 { + padding-top: 13rem; + padding-bottom: 13rem + } + .md\:py-17 { + padding-top: 14rem; + padding-bottom: 14rem + } + .md\:py-18 { + padding-top: 15rem; + padding-bottom: 15rem + } + .md\:py-19 { + padding-top: 16rem; + padding-bottom: 16rem + } + .md\:py-20 { + padding-top: 18rem; + padding-bottom: 18rem + } + .md\:py-21 { + padding-top: 20rem; + padding-bottom: 20rem + } + .md\:py-22 { + padding-top: 24rem; + padding-bottom: 24rem + } + .md\:py-23 { + padding-top: 28rem; + padding-bottom: 28rem + } + .md\:py-24 { + padding-top: 32rem; + padding-bottom: 32rem + } + .md\:py-25 { + padding-top: 36rem; + padding-bottom: 36rem + } + .md\:py-26 { + padding-top: 40rem; + padding-bottom: 40rem + } + .md\:py-27 { + padding-top: 44rem; + padding-bottom: 44rem + } + .md\:py-28 { + padding-top: 48rem; + padding-bottom: 48rem + } + .md\:py-29 { + padding-top: 52rem; + padding-bottom: 52rem + } + .md\:py-30 { + padding-top: 56rem; + padding-bottom: 56rem + } + .md\:py-31 { + padding-top: 60rem; + padding-bottom: 60rem + } + .md\:py-32 { + padding-top: 64rem; + padding-bottom: 64rem + } +} +@media screen and (min-width: 992px) { + .lg\:py-0 { + padding-top: 0rem; + padding-bottom: 0rem + } + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem + } + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem + } + .lg\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem + } + .lg\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem + } + .lg\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem + } + .lg\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem + } + .lg\:py-7 { + padding-top: 4rem; + padding-bottom: 4rem + } + .lg\:py-8 { + padding-top: 5rem; + padding-bottom: 5rem + } + .lg\:py-9 { + padding-top: 6rem; + padding-bottom: 6rem + } + .lg\:py-10 { + padding-top: 7rem; + padding-bottom: 7rem + } + .lg\:py-11 { + padding-top: 8rem; + padding-bottom: 8rem + } + .lg\:py-12 { + padding-top: 9rem; + padding-bottom: 9rem + } + .lg\:py-13 { + padding-top: 10rem; + padding-bottom: 10rem + } + .lg\:py-14 { + padding-top: 11rem; + padding-bottom: 11rem + } + .lg\:py-15 { + padding-top: 12rem; + padding-bottom: 12rem + } + .lg\:py-16 { + padding-top: 13rem; + padding-bottom: 13rem + } + .lg\:py-17 { + padding-top: 14rem; + padding-bottom: 14rem + } + .lg\:py-18 { + padding-top: 15rem; + padding-bottom: 15rem + } + .lg\:py-19 { + padding-top: 16rem; + padding-bottom: 16rem + } + .lg\:py-20 { + padding-top: 18rem; + padding-bottom: 18rem + } + .lg\:py-21 { + padding-top: 20rem; + padding-bottom: 20rem + } + .lg\:py-22 { + padding-top: 24rem; + padding-bottom: 24rem + } + .lg\:py-23 { + padding-top: 28rem; + padding-bottom: 28rem + } + .lg\:py-24 { + padding-top: 32rem; + padding-bottom: 32rem + } + .lg\:py-25 { + padding-top: 36rem; + padding-bottom: 36rem + } + .lg\:py-26 { + padding-top: 40rem; + padding-bottom: 40rem + } + .lg\:py-27 { + padding-top: 44rem; + padding-bottom: 44rem + } + .lg\:py-28 { + padding-top: 48rem; + padding-bottom: 48rem + } + .lg\:py-29 { + padding-top: 52rem; + padding-bottom: 52rem + } + .lg\:py-30 { + padding-top: 56rem; + padding-bottom: 56rem + } + .lg\:py-31 { + padding-top: 60rem; + padding-bottom: 60rem + } + .lg\:py-32 { + padding-top: 64rem; + padding-bottom: 64rem + } +} +@media screen and (min-width: 1200px) { + .xl\:py-0 { + padding-top: 0rem; + padding-bottom: 0rem + } + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem + } + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem + } + .xl\:py-3 { + padding-top: 1rem; + padding-bottom: 1rem + } + .xl\:py-4 { + padding-top: 1.5rem; + padding-bottom: 1.5rem + } + .xl\:py-5 { + padding-top: 2rem; + padding-bottom: 2rem + } + .xl\:py-6 { + padding-top: 3rem; + padding-bottom: 3rem + } + .xl\:py-7 { + padding-top: 4rem; + padding-bottom: 4rem + } + .xl\:py-8 { + padding-top: 5rem; + padding-bottom: 5rem + } + .xl\:py-9 { + padding-top: 6rem; + padding-bottom: 6rem + } + .xl\:py-10 { + padding-top: 7rem; + padding-bottom: 7rem + } + .xl\:py-11 { + padding-top: 8rem; + padding-bottom: 8rem + } + .xl\:py-12 { + padding-top: 9rem; + padding-bottom: 9rem + } + .xl\:py-13 { + padding-top: 10rem; + padding-bottom: 10rem + } + .xl\:py-14 { + padding-top: 11rem; + padding-bottom: 11rem + } + .xl\:py-15 { + padding-top: 12rem; + padding-bottom: 12rem + } + .xl\:py-16 { + padding-top: 13rem; + padding-bottom: 13rem + } + .xl\:py-17 { + padding-top: 14rem; + padding-bottom: 14rem + } + .xl\:py-18 { + padding-top: 15rem; + padding-bottom: 15rem + } + .xl\:py-19 { + padding-top: 16rem; + padding-bottom: 16rem + } + .xl\:py-20 { + padding-top: 18rem; + padding-bottom: 18rem + } + .xl\:py-21 { + padding-top: 20rem; + padding-bottom: 20rem + } + .xl\:py-22 { + padding-top: 24rem; + padding-bottom: 24rem + } + .xl\:py-23 { + padding-top: 28rem; + padding-bottom: 28rem + } + .xl\:py-24 { + padding-top: 32rem; + padding-bottom: 32rem + } + .xl\:py-25 { + padding-top: 36rem; + padding-bottom: 36rem + } + .xl\:py-26 { + padding-top: 40rem; + padding-bottom: 40rem + } + .xl\:py-27 { + padding-top: 44rem; + padding-bottom: 44rem + } + .xl\:py-28 { + padding-top: 48rem; + padding-bottom: 48rem + } + .xl\:py-29 { + padding-top: 52rem; + padding-bottom: 52rem + } + .xl\:py-30 { + padding-top: 56rem; + padding-bottom: 56rem + } + .xl\:py-31 { + padding-top: 60rem; + padding-bottom: 60rem + } + .xl\:py-32 { + padding-top: 64rem; + padding-bottom: 64rem + } +} +.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 +} +@media screen and (min-width: 576px) { + .sm\:static { + position: static + } + .sm\:fixed { + position: fixed + } + .sm\:absolute { + position: absolute + } + .sm\:relative { + position: relative + } + .sm\:sticky { + position: sticky + } +} +@media screen and (min-width: 768px) { + .md\:static { + position: static + } + .md\:fixed { + position: fixed + } + .md\:absolute { + position: absolute + } + .md\:relative { + position: relative + } + .md\:sticky { + position: sticky + } +} +@media screen and (min-width: 992px) { + .lg\:static { + position: static + } + .lg\:fixed { + position: fixed + } + .lg\:absolute { + position: absolute + } + .lg\:relative { + position: relative + } + .lg\:sticky { + position: sticky + } +} +@media screen and (min-width: 1200px) { + .xl\:static { + position: static + } + .xl\:fixed { + position: fixed + } + .xl\:absolute { + position: absolute + } + .xl\:relative { + position: relative + } + .xl\:sticky { + position: sticky + } +} +.right-auto { + right: auto +} +.right-0 { + right: 0px +} +.right-50 { + right: 50% +} +.right-100 { + right: 100% +} +@media screen and (min-width: 576px) { + .sm\:right-auto { + right: auto + } + .sm\:right-0 { + right: 0px + } + .sm\:right-50 { + right: 50% + } + .sm\:right-100 { + right: 100% + } +} +@media screen and (min-width: 768px) { + .md\:right-auto { + right: auto + } + .md\:right-0 { + right: 0px + } + .md\:right-50 { + right: 50% + } + .md\:right-100 { + right: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:right-auto { + right: auto + } + .lg\:right-0 { + right: 0px + } + .lg\:right-50 { + right: 50% + } + .lg\:right-100 { + right: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:right-auto { + right: auto + } + .xl\:right-0 { + right: 0px + } + .xl\:right-50 { + right: 50% + } + .xl\:right-100 { + right: 100% + } +} +.row-gap-0 { + row-gap: 0rem +} +.row-gap-1 { + row-gap: 0.25rem +} +.row-gap-2 { + row-gap: 0.5rem +} +.row-gap-3 { + row-gap: 1rem +} +.row-gap-4 { + row-gap: 1.5rem +} +.row-gap-5 { + row-gap: 2rem +} +.row-gap-6 { + row-gap: 3rem +} +.row-gap-7 { + row-gap: 4rem +} +.row-gap-8 { + row-gap: 5rem +} +@media screen and (min-width: 576px) { + .sm\:row-gap-0 { + row-gap: 0rem + } + .sm\:row-gap-1 { + row-gap: 0.25rem + } + .sm\:row-gap-2 { + row-gap: 0.5rem + } + .sm\:row-gap-3 { + row-gap: 1rem + } + .sm\:row-gap-4 { + row-gap: 1.5rem + } + .sm\:row-gap-5 { + row-gap: 2rem + } + .sm\:row-gap-6 { + row-gap: 3rem + } + .sm\:row-gap-7 { + row-gap: 4rem + } + .sm\:row-gap-8 { + row-gap: 5rem + } +} +@media screen and (min-width: 768px) { + .md\:row-gap-0 { + row-gap: 0rem + } + .md\:row-gap-1 { + row-gap: 0.25rem + } + .md\:row-gap-2 { + row-gap: 0.5rem + } + .md\:row-gap-3 { + row-gap: 1rem + } + .md\:row-gap-4 { + row-gap: 1.5rem + } + .md\:row-gap-5 { + row-gap: 2rem + } + .md\:row-gap-6 { + row-gap: 3rem + } + .md\:row-gap-7 { + row-gap: 4rem + } + .md\:row-gap-8 { + row-gap: 5rem + } +} +@media screen and (min-width: 992px) { + .lg\:row-gap-0 { + row-gap: 0rem + } + .lg\:row-gap-1 { + row-gap: 0.25rem + } + .lg\:row-gap-2 { + row-gap: 0.5rem + } + .lg\:row-gap-3 { + row-gap: 1rem + } + .lg\:row-gap-4 { + row-gap: 1.5rem + } + .lg\:row-gap-5 { + row-gap: 2rem + } + .lg\:row-gap-6 { + row-gap: 3rem + } + .lg\:row-gap-7 { + row-gap: 4rem + } + .lg\:row-gap-8 { + row-gap: 5rem + } +} +@media screen and (min-width: 1200px) { + .xl\:row-gap-0 { + row-gap: 0rem + } + .xl\:row-gap-1 { + row-gap: 0.25rem + } + .xl\:row-gap-2 { + row-gap: 0.5rem + } + .xl\:row-gap-3 { + row-gap: 1rem + } + .xl\:row-gap-4 { + row-gap: 1.5rem + } + .xl\:row-gap-5 { + row-gap: 2rem + } + .xl\:row-gap-6 { + row-gap: 3rem + } + .xl\:row-gap-7 { + row-gap: 4rem + } + .xl\:row-gap-8 { + row-gap: 5rem + } +} +.start-auto { + inset-inline-start: auto +} +.start-0 { + inset-inline-start: 0px +} +.start-50 { + inset-inline-start: 50% +} +.start-100 { + inset-inline-start: 100% +} +@media screen and (min-width: 576px) { + .sm\:start-auto { + inset-inline-start: auto + } + .sm\:start-0 { + inset-inline-start: 0px + } + .sm\:start-50 { + inset-inline-start: 50% + } + .sm\:start-100 { + inset-inline-start: 100% + } +} +@media screen and (min-width: 768px) { + .md\:start-auto { + inset-inline-start: auto + } + .md\:start-0 { + inset-inline-start: 0px + } + .md\:start-50 { + inset-inline-start: 50% + } + .md\:start-100 { + inset-inline-start: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:start-auto { + inset-inline-start: auto + } + .lg\:start-0 { + inset-inline-start: 0px + } + .lg\:start-50 { + inset-inline-start: 50% + } + .lg\:start-100 { + inset-inline-start: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:start-auto { + inset-inline-start: auto + } + .xl\:start-0 { + inset-inline-start: 0px + } + .xl\:start-50 { + inset-inline-start: 50% + } + .xl\:start-100 { + inset-inline-start: 100% + } +} +.stroke-none { + stroke: none +} +.stroke-inherit { + stroke: inherit +} +.stroke-current { + stroke: currentColor +} +.stroke-transparent { + stroke: transparent +} +.stroke-white { + stroke: #ffffff +} +.stroke-black { + stroke: #000000 +} +.focus\:stroke-none:focus { + stroke: none +} +.hover\:stroke-none:hover { + stroke: none +} +.active\:stroke-none:active { + stroke: none +} +.focus\:stroke-inherit:focus { + stroke: inherit +} +.hover\:stroke-inherit:hover { + stroke: inherit +} +.active\:stroke-inherit:active { + stroke: inherit +} +.focus\:stroke-current:focus { + stroke: currentColor +} +.hover\:stroke-current:hover { + stroke: currentColor +} +.active\:stroke-current:active { + stroke: currentColor +} +.focus\:stroke-transparent:focus { + stroke: transparent +} +.hover\:stroke-transparent:hover { + stroke: transparent +} +.active\:stroke-transparent:active { + stroke: transparent +} +.focus\:stroke-white:focus { + stroke: #ffffff +} +.hover\:stroke-white:hover { + stroke: #ffffff +} +.active\:stroke-white:active { + stroke: #ffffff +} +.focus\:stroke-black:focus { + stroke: #000000 +} +.hover\:stroke-black:hover { + stroke: #000000 +} +.active\:stroke-black:active { + stroke: #000000 +} +@media screen and (min-width: 576px) { + .sm\:stroke-none { + stroke: none + } + .sm\:stroke-inherit { + stroke: inherit + } + .sm\:stroke-current { + stroke: currentColor + } + .sm\:stroke-transparent { + stroke: transparent + } + .sm\:stroke-white { + stroke: #ffffff + } + .sm\:stroke-black { + stroke: #000000 + } + .sm\:focus\:stroke-none:focus { + stroke: none + } + .sm\:hover\:stroke-none:hover { + stroke: none + } + .sm\:active\:stroke-none:active { + stroke: none + } + .sm\:focus\:stroke-inherit:focus { + stroke: inherit + } + .sm\:hover\:stroke-inherit:hover { + stroke: inherit + } + .sm\:active\:stroke-inherit:active { + stroke: inherit + } + .sm\:focus\:stroke-current:focus { + stroke: currentColor + } + .sm\:hover\:stroke-current:hover { + stroke: currentColor + } + .sm\:active\:stroke-current:active { + stroke: currentColor + } + .sm\:focus\:stroke-transparent:focus { + stroke: transparent + } + .sm\:hover\:stroke-transparent:hover { + stroke: transparent + } + .sm\:active\:stroke-transparent:active { + stroke: transparent + } + .sm\:focus\:stroke-white:focus { + stroke: #ffffff + } + .sm\:hover\:stroke-white:hover { + stroke: #ffffff + } + .sm\:active\:stroke-white:active { + stroke: #ffffff + } + .sm\:focus\:stroke-black:focus { + stroke: #000000 + } + .sm\:hover\:stroke-black:hover { + stroke: #000000 + } + .sm\:active\:stroke-black:active { + stroke: #000000 + } +} +@media screen and (min-width: 768px) { + .md\:stroke-none { + stroke: none + } + .md\:stroke-inherit { + stroke: inherit + } + .md\:stroke-current { + stroke: currentColor + } + .md\:stroke-transparent { + stroke: transparent + } + .md\:stroke-white { + stroke: #ffffff + } + .md\:stroke-black { + stroke: #000000 + } + .md\:focus\:stroke-none:focus { + stroke: none + } + .md\:hover\:stroke-none:hover { + stroke: none + } + .md\:active\:stroke-none:active { + stroke: none + } + .md\:focus\:stroke-inherit:focus { + stroke: inherit + } + .md\:hover\:stroke-inherit:hover { + stroke: inherit + } + .md\:active\:stroke-inherit:active { + stroke: inherit + } + .md\:focus\:stroke-current:focus { + stroke: currentColor + } + .md\:hover\:stroke-current:hover { + stroke: currentColor + } + .md\:active\:stroke-current:active { + stroke: currentColor + } + .md\:focus\:stroke-transparent:focus { + stroke: transparent + } + .md\:hover\:stroke-transparent:hover { + stroke: transparent + } + .md\:active\:stroke-transparent:active { + stroke: transparent + } + .md\:focus\:stroke-white:focus { + stroke: #ffffff + } + .md\:hover\:stroke-white:hover { + stroke: #ffffff + } + .md\:active\:stroke-white:active { + stroke: #ffffff + } + .md\:focus\:stroke-black:focus { + stroke: #000000 + } + .md\:hover\:stroke-black:hover { + stroke: #000000 + } + .md\:active\:stroke-black:active { + stroke: #000000 + } +} +@media screen and (min-width: 992px) { + .lg\:stroke-none { + stroke: none + } + .lg\:stroke-inherit { + stroke: inherit + } + .lg\:stroke-current { + stroke: currentColor + } + .lg\:stroke-transparent { + stroke: transparent + } + .lg\:stroke-white { + stroke: #ffffff + } + .lg\:stroke-black { + stroke: #000000 + } + .lg\:focus\:stroke-none:focus { + stroke: none + } + .lg\:hover\:stroke-none:hover { + stroke: none + } + .lg\:active\:stroke-none:active { + stroke: none + } + .lg\:focus\:stroke-inherit:focus { + stroke: inherit + } + .lg\:hover\:stroke-inherit:hover { + stroke: inherit + } + .lg\:active\:stroke-inherit:active { + stroke: inherit + } + .lg\:focus\:stroke-current:focus { + stroke: currentColor + } + .lg\:hover\:stroke-current:hover { + stroke: currentColor + } + .lg\:active\:stroke-current:active { + stroke: currentColor + } + .lg\:focus\:stroke-transparent:focus { + stroke: transparent + } + .lg\:hover\:stroke-transparent:hover { + stroke: transparent + } + .lg\:active\:stroke-transparent:active { + stroke: transparent + } + .lg\:focus\:stroke-white:focus { + stroke: #ffffff + } + .lg\:hover\:stroke-white:hover { + stroke: #ffffff + } + .lg\:active\:stroke-white:active { + stroke: #ffffff + } + .lg\:focus\:stroke-black:focus { + stroke: #000000 + } + .lg\:hover\:stroke-black:hover { + stroke: #000000 + } + .lg\:active\:stroke-black:active { + stroke: #000000 + } +} +@media screen and (min-width: 1200px) { + .xl\:stroke-none { + stroke: none + } + .xl\:stroke-inherit { + stroke: inherit + } + .xl\:stroke-current { + stroke: currentColor + } + .xl\:stroke-transparent { + stroke: transparent + } + .xl\:stroke-white { + stroke: #ffffff + } + .xl\:stroke-black { + stroke: #000000 + } + .xl\:focus\:stroke-none:focus { + stroke: none + } + .xl\:hover\:stroke-none:hover { + stroke: none + } + .xl\:active\:stroke-none:active { + stroke: none + } + .xl\:focus\:stroke-inherit:focus { + stroke: inherit + } + .xl\:hover\:stroke-inherit:hover { + stroke: inherit + } + .xl\:active\:stroke-inherit:active { + stroke: inherit + } + .xl\:focus\:stroke-current:focus { + stroke: currentColor + } + .xl\:hover\:stroke-current:hover { + stroke: currentColor + } + .xl\:active\:stroke-current:active { + stroke: currentColor + } + .xl\:focus\:stroke-transparent:focus { + stroke: transparent + } + .xl\:hover\:stroke-transparent:hover { + stroke: transparent + } + .xl\:active\:stroke-transparent:active { + stroke: transparent + } + .xl\:focus\:stroke-white:focus { + stroke: #ffffff + } + .xl\:hover\:stroke-white:hover { + stroke: #ffffff + } + .xl\:active\:stroke-white:active { + stroke: #ffffff + } + .xl\:focus\:stroke-black:focus { + stroke: #000000 + } + .xl\:hover\:stroke-black:hover { + stroke: #000000 + } + .xl\:active\:stroke-black:active { + stroke: #000000 + } +} +.stroke-blue-50 { + stroke: var(--blue-50) +} +.stroke-blue-50\/10 { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.stroke-blue-50\/20 { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.stroke-blue-50\/30 { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.stroke-blue-50\/40 { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.stroke-blue-50\/50 { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.stroke-blue-50\/60 { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.stroke-blue-50\/70 { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.stroke-blue-50\/80 { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.stroke-blue-50\/90 { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.stroke-blue-100 { + stroke: var(--blue-100) +} +.stroke-blue-100\/10 { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.stroke-blue-100\/20 { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.stroke-blue-100\/30 { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.stroke-blue-100\/40 { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.stroke-blue-100\/50 { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.stroke-blue-100\/60 { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.stroke-blue-100\/70 { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.stroke-blue-100\/80 { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.stroke-blue-100\/90 { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.stroke-blue-200 { + stroke: var(--blue-200) +} +.stroke-blue-200\/10 { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.stroke-blue-200\/20 { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.stroke-blue-200\/30 { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.stroke-blue-200\/40 { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.stroke-blue-200\/50 { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.stroke-blue-200\/60 { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.stroke-blue-200\/70 { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.stroke-blue-200\/80 { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.stroke-blue-200\/90 { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.stroke-blue-300 { + stroke: var(--blue-300) +} +.stroke-blue-300\/10 { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.stroke-blue-300\/20 { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.stroke-blue-300\/30 { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.stroke-blue-300\/40 { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.stroke-blue-300\/50 { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.stroke-blue-300\/60 { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.stroke-blue-300\/70 { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.stroke-blue-300\/80 { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.stroke-blue-300\/90 { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.stroke-blue-400 { + stroke: var(--blue-400) +} +.stroke-blue-400\/10 { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.stroke-blue-400\/20 { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.stroke-blue-400\/30 { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.stroke-blue-400\/40 { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.stroke-blue-400\/50 { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.stroke-blue-400\/60 { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.stroke-blue-400\/70 { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.stroke-blue-400\/80 { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.stroke-blue-400\/90 { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.stroke-blue-500 { + stroke: var(--blue-500) +} +.stroke-blue-500\/10 { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.stroke-blue-500\/20 { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.stroke-blue-500\/30 { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.stroke-blue-500\/40 { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.stroke-blue-500\/50 { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.stroke-blue-500\/60 { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.stroke-blue-500\/70 { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.stroke-blue-500\/80 { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.stroke-blue-500\/90 { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.stroke-blue-600 { + stroke: var(--blue-600) +} +.stroke-blue-600\/10 { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.stroke-blue-600\/20 { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.stroke-blue-600\/30 { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.stroke-blue-600\/40 { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.stroke-blue-600\/50 { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.stroke-blue-600\/60 { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.stroke-blue-600\/70 { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.stroke-blue-600\/80 { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.stroke-blue-600\/90 { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.stroke-blue-700 { + stroke: var(--blue-700) +} +.stroke-blue-700\/10 { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.stroke-blue-700\/20 { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.stroke-blue-700\/30 { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.stroke-blue-700\/40 { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.stroke-blue-700\/50 { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.stroke-blue-700\/60 { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.stroke-blue-700\/70 { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.stroke-blue-700\/80 { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.stroke-blue-700\/90 { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.stroke-blue-800 { + stroke: var(--blue-800) +} +.stroke-blue-800\/10 { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.stroke-blue-800\/20 { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.stroke-blue-800\/30 { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.stroke-blue-800\/40 { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.stroke-blue-800\/50 { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.stroke-blue-800\/60 { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.stroke-blue-800\/70 { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.stroke-blue-800\/80 { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.stroke-blue-800\/90 { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.stroke-blue-900 { + stroke: var(--blue-900) +} +.stroke-blue-900\/10 { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.stroke-blue-900\/20 { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.stroke-blue-900\/30 { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.stroke-blue-900\/40 { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.stroke-blue-900\/50 { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.stroke-blue-900\/60 { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.stroke-blue-900\/70 { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.stroke-blue-900\/80 { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.stroke-blue-900\/90 { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.stroke-green-50 { + stroke: var(--green-50) +} +.stroke-green-50\/10 { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.stroke-green-50\/20 { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.stroke-green-50\/30 { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.stroke-green-50\/40 { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.stroke-green-50\/50 { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.stroke-green-50\/60 { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.stroke-green-50\/70 { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.stroke-green-50\/80 { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.stroke-green-50\/90 { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.stroke-green-100 { + stroke: var(--green-100) +} +.stroke-green-100\/10 { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.stroke-green-100\/20 { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.stroke-green-100\/30 { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.stroke-green-100\/40 { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.stroke-green-100\/50 { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.stroke-green-100\/60 { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.stroke-green-100\/70 { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.stroke-green-100\/80 { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.stroke-green-100\/90 { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.stroke-green-200 { + stroke: var(--green-200) +} +.stroke-green-200\/10 { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.stroke-green-200\/20 { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.stroke-green-200\/30 { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.stroke-green-200\/40 { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.stroke-green-200\/50 { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.stroke-green-200\/60 { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.stroke-green-200\/70 { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.stroke-green-200\/80 { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.stroke-green-200\/90 { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.stroke-green-300 { + stroke: var(--green-300) +} +.stroke-green-300\/10 { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.stroke-green-300\/20 { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.stroke-green-300\/30 { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.stroke-green-300\/40 { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.stroke-green-300\/50 { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.stroke-green-300\/60 { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.stroke-green-300\/70 { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.stroke-green-300\/80 { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.stroke-green-300\/90 { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.stroke-green-400 { + stroke: var(--green-400) +} +.stroke-green-400\/10 { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.stroke-green-400\/20 { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.stroke-green-400\/30 { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.stroke-green-400\/40 { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.stroke-green-400\/50 { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.stroke-green-400\/60 { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.stroke-green-400\/70 { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.stroke-green-400\/80 { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.stroke-green-400\/90 { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.stroke-green-500 { + stroke: var(--green-500) +} +.stroke-green-500\/10 { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.stroke-green-500\/20 { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.stroke-green-500\/30 { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.stroke-green-500\/40 { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.stroke-green-500\/50 { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.stroke-green-500\/60 { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.stroke-green-500\/70 { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.stroke-green-500\/80 { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.stroke-green-500\/90 { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.stroke-green-600 { + stroke: var(--green-600) +} +.stroke-green-600\/10 { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.stroke-green-600\/20 { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.stroke-green-600\/30 { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.stroke-green-600\/40 { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.stroke-green-600\/50 { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.stroke-green-600\/60 { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.stroke-green-600\/70 { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.stroke-green-600\/80 { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.stroke-green-600\/90 { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.stroke-green-700 { + stroke: var(--green-700) +} +.stroke-green-700\/10 { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.stroke-green-700\/20 { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.stroke-green-700\/30 { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.stroke-green-700\/40 { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.stroke-green-700\/50 { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.stroke-green-700\/60 { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.stroke-green-700\/70 { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.stroke-green-700\/80 { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.stroke-green-700\/90 { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.stroke-green-800 { + stroke: var(--green-800) +} +.stroke-green-800\/10 { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.stroke-green-800\/20 { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.stroke-green-800\/30 { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.stroke-green-800\/40 { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.stroke-green-800\/50 { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.stroke-green-800\/60 { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.stroke-green-800\/70 { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.stroke-green-800\/80 { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.stroke-green-800\/90 { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.stroke-green-900 { + stroke: var(--green-900) +} +.stroke-green-900\/10 { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.stroke-green-900\/20 { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.stroke-green-900\/30 { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.stroke-green-900\/40 { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.stroke-green-900\/50 { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.stroke-green-900\/60 { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.stroke-green-900\/70 { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.stroke-green-900\/80 { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.stroke-green-900\/90 { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.stroke-yellow-50 { + stroke: var(--yellow-50) +} +.stroke-yellow-50\/10 { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.stroke-yellow-50\/20 { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.stroke-yellow-50\/30 { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.stroke-yellow-50\/40 { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.stroke-yellow-50\/50 { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.stroke-yellow-50\/60 { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.stroke-yellow-50\/70 { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.stroke-yellow-50\/80 { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.stroke-yellow-50\/90 { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.stroke-yellow-100 { + stroke: var(--yellow-100) +} +.stroke-yellow-100\/10 { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.stroke-yellow-100\/20 { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.stroke-yellow-100\/30 { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.stroke-yellow-100\/40 { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.stroke-yellow-100\/50 { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.stroke-yellow-100\/60 { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.stroke-yellow-100\/70 { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.stroke-yellow-100\/80 { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.stroke-yellow-100\/90 { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.stroke-yellow-200 { + stroke: var(--yellow-200) +} +.stroke-yellow-200\/10 { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.stroke-yellow-200\/20 { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.stroke-yellow-200\/30 { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.stroke-yellow-200\/40 { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.stroke-yellow-200\/50 { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.stroke-yellow-200\/60 { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.stroke-yellow-200\/70 { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.stroke-yellow-200\/80 { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.stroke-yellow-200\/90 { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.stroke-yellow-300 { + stroke: var(--yellow-300) +} +.stroke-yellow-300\/10 { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.stroke-yellow-300\/20 { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.stroke-yellow-300\/30 { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.stroke-yellow-300\/40 { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.stroke-yellow-300\/50 { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.stroke-yellow-300\/60 { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.stroke-yellow-300\/70 { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.stroke-yellow-300\/80 { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.stroke-yellow-300\/90 { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.stroke-yellow-400 { + stroke: var(--yellow-400) +} +.stroke-yellow-400\/10 { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.stroke-yellow-400\/20 { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.stroke-yellow-400\/30 { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.stroke-yellow-400\/40 { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.stroke-yellow-400\/50 { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.stroke-yellow-400\/60 { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.stroke-yellow-400\/70 { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.stroke-yellow-400\/80 { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.stroke-yellow-400\/90 { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.stroke-yellow-500 { + stroke: var(--yellow-500) +} +.stroke-yellow-500\/10 { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.stroke-yellow-500\/20 { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.stroke-yellow-500\/30 { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.stroke-yellow-500\/40 { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.stroke-yellow-500\/50 { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.stroke-yellow-500\/60 { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.stroke-yellow-500\/70 { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.stroke-yellow-500\/80 { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.stroke-yellow-500\/90 { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.stroke-yellow-600 { + stroke: var(--yellow-600) +} +.stroke-yellow-600\/10 { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.stroke-yellow-600\/20 { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.stroke-yellow-600\/30 { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.stroke-yellow-600\/40 { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.stroke-yellow-600\/50 { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.stroke-yellow-600\/60 { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.stroke-yellow-600\/70 { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.stroke-yellow-600\/80 { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.stroke-yellow-600\/90 { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.stroke-yellow-700 { + stroke: var(--yellow-700) +} +.stroke-yellow-700\/10 { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.stroke-yellow-700\/20 { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.stroke-yellow-700\/30 { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.stroke-yellow-700\/40 { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.stroke-yellow-700\/50 { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.stroke-yellow-700\/60 { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.stroke-yellow-700\/70 { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.stroke-yellow-700\/80 { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.stroke-yellow-700\/90 { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.stroke-yellow-800 { + stroke: var(--yellow-800) +} +.stroke-yellow-800\/10 { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.stroke-yellow-800\/20 { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.stroke-yellow-800\/30 { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.stroke-yellow-800\/40 { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.stroke-yellow-800\/50 { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.stroke-yellow-800\/60 { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.stroke-yellow-800\/70 { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.stroke-yellow-800\/80 { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.stroke-yellow-800\/90 { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.stroke-yellow-900 { + stroke: var(--yellow-900) +} +.stroke-yellow-900\/10 { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.stroke-yellow-900\/20 { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.stroke-yellow-900\/30 { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.stroke-yellow-900\/40 { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.stroke-yellow-900\/50 { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.stroke-yellow-900\/60 { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.stroke-yellow-900\/70 { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.stroke-yellow-900\/80 { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.stroke-yellow-900\/90 { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.stroke-cyan-50 { + stroke: var(--cyan-50) +} +.stroke-cyan-50\/10 { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.stroke-cyan-50\/20 { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.stroke-cyan-50\/30 { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.stroke-cyan-50\/40 { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.stroke-cyan-50\/50 { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.stroke-cyan-50\/60 { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.stroke-cyan-50\/70 { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.stroke-cyan-50\/80 { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.stroke-cyan-50\/90 { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.stroke-cyan-100 { + stroke: var(--cyan-100) +} +.stroke-cyan-100\/10 { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.stroke-cyan-100\/20 { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.stroke-cyan-100\/30 { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.stroke-cyan-100\/40 { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.stroke-cyan-100\/50 { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.stroke-cyan-100\/60 { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.stroke-cyan-100\/70 { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.stroke-cyan-100\/80 { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.stroke-cyan-100\/90 { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.stroke-cyan-200 { + stroke: var(--cyan-200) +} +.stroke-cyan-200\/10 { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.stroke-cyan-200\/20 { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.stroke-cyan-200\/30 { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.stroke-cyan-200\/40 { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.stroke-cyan-200\/50 { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.stroke-cyan-200\/60 { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.stroke-cyan-200\/70 { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.stroke-cyan-200\/80 { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.stroke-cyan-200\/90 { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.stroke-cyan-300 { + stroke: var(--cyan-300) +} +.stroke-cyan-300\/10 { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.stroke-cyan-300\/20 { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.stroke-cyan-300\/30 { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.stroke-cyan-300\/40 { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.stroke-cyan-300\/50 { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.stroke-cyan-300\/60 { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.stroke-cyan-300\/70 { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.stroke-cyan-300\/80 { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.stroke-cyan-300\/90 { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.stroke-cyan-400 { + stroke: var(--cyan-400) +} +.stroke-cyan-400\/10 { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.stroke-cyan-400\/20 { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.stroke-cyan-400\/30 { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.stroke-cyan-400\/40 { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.stroke-cyan-400\/50 { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.stroke-cyan-400\/60 { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.stroke-cyan-400\/70 { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.stroke-cyan-400\/80 { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.stroke-cyan-400\/90 { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.stroke-cyan-500 { + stroke: var(--cyan-500) +} +.stroke-cyan-500\/10 { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.stroke-cyan-500\/20 { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.stroke-cyan-500\/30 { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.stroke-cyan-500\/40 { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.stroke-cyan-500\/50 { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.stroke-cyan-500\/60 { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.stroke-cyan-500\/70 { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.stroke-cyan-500\/80 { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.stroke-cyan-500\/90 { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.stroke-cyan-600 { + stroke: var(--cyan-600) +} +.stroke-cyan-600\/10 { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.stroke-cyan-600\/20 { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.stroke-cyan-600\/30 { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.stroke-cyan-600\/40 { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.stroke-cyan-600\/50 { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.stroke-cyan-600\/60 { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.stroke-cyan-600\/70 { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.stroke-cyan-600\/80 { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.stroke-cyan-600\/90 { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.stroke-cyan-700 { + stroke: var(--cyan-700) +} +.stroke-cyan-700\/10 { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.stroke-cyan-700\/20 { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.stroke-cyan-700\/30 { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.stroke-cyan-700\/40 { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.stroke-cyan-700\/50 { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.stroke-cyan-700\/60 { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.stroke-cyan-700\/70 { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.stroke-cyan-700\/80 { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.stroke-cyan-700\/90 { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.stroke-cyan-800 { + stroke: var(--cyan-800) +} +.stroke-cyan-800\/10 { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.stroke-cyan-800\/20 { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.stroke-cyan-800\/30 { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.stroke-cyan-800\/40 { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.stroke-cyan-800\/50 { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.stroke-cyan-800\/60 { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.stroke-cyan-800\/70 { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.stroke-cyan-800\/80 { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.stroke-cyan-800\/90 { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.stroke-cyan-900 { + stroke: var(--cyan-900) +} +.stroke-cyan-900\/10 { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.stroke-cyan-900\/20 { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.stroke-cyan-900\/30 { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.stroke-cyan-900\/40 { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.stroke-cyan-900\/50 { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.stroke-cyan-900\/60 { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.stroke-cyan-900\/70 { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.stroke-cyan-900\/80 { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.stroke-cyan-900\/90 { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.stroke-pink-50 { + stroke: var(--pink-50) +} +.stroke-pink-50\/10 { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.stroke-pink-50\/20 { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.stroke-pink-50\/30 { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.stroke-pink-50\/40 { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.stroke-pink-50\/50 { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.stroke-pink-50\/60 { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.stroke-pink-50\/70 { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.stroke-pink-50\/80 { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.stroke-pink-50\/90 { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.stroke-pink-100 { + stroke: var(--pink-100) +} +.stroke-pink-100\/10 { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.stroke-pink-100\/20 { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.stroke-pink-100\/30 { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.stroke-pink-100\/40 { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.stroke-pink-100\/50 { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.stroke-pink-100\/60 { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.stroke-pink-100\/70 { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.stroke-pink-100\/80 { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.stroke-pink-100\/90 { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.stroke-pink-200 { + stroke: var(--pink-200) +} +.stroke-pink-200\/10 { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.stroke-pink-200\/20 { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.stroke-pink-200\/30 { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.stroke-pink-200\/40 { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.stroke-pink-200\/50 { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.stroke-pink-200\/60 { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.stroke-pink-200\/70 { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.stroke-pink-200\/80 { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.stroke-pink-200\/90 { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.stroke-pink-300 { + stroke: var(--pink-300) +} +.stroke-pink-300\/10 { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.stroke-pink-300\/20 { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.stroke-pink-300\/30 { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.stroke-pink-300\/40 { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.stroke-pink-300\/50 { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.stroke-pink-300\/60 { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.stroke-pink-300\/70 { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.stroke-pink-300\/80 { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.stroke-pink-300\/90 { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.stroke-pink-400 { + stroke: var(--pink-400) +} +.stroke-pink-400\/10 { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.stroke-pink-400\/20 { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.stroke-pink-400\/30 { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.stroke-pink-400\/40 { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.stroke-pink-400\/50 { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.stroke-pink-400\/60 { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.stroke-pink-400\/70 { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.stroke-pink-400\/80 { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.stroke-pink-400\/90 { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.stroke-pink-500 { + stroke: var(--pink-500) +} +.stroke-pink-500\/10 { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.stroke-pink-500\/20 { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.stroke-pink-500\/30 { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.stroke-pink-500\/40 { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.stroke-pink-500\/50 { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.stroke-pink-500\/60 { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.stroke-pink-500\/70 { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.stroke-pink-500\/80 { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.stroke-pink-500\/90 { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.stroke-pink-600 { + stroke: var(--pink-600) +} +.stroke-pink-600\/10 { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.stroke-pink-600\/20 { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.stroke-pink-600\/30 { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.stroke-pink-600\/40 { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.stroke-pink-600\/50 { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.stroke-pink-600\/60 { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.stroke-pink-600\/70 { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.stroke-pink-600\/80 { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.stroke-pink-600\/90 { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.stroke-pink-700 { + stroke: var(--pink-700) +} +.stroke-pink-700\/10 { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.stroke-pink-700\/20 { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.stroke-pink-700\/30 { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.stroke-pink-700\/40 { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.stroke-pink-700\/50 { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.stroke-pink-700\/60 { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.stroke-pink-700\/70 { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.stroke-pink-700\/80 { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.stroke-pink-700\/90 { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.stroke-pink-800 { + stroke: var(--pink-800) +} +.stroke-pink-800\/10 { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.stroke-pink-800\/20 { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.stroke-pink-800\/30 { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.stroke-pink-800\/40 { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.stroke-pink-800\/50 { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.stroke-pink-800\/60 { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.stroke-pink-800\/70 { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.stroke-pink-800\/80 { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.stroke-pink-800\/90 { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.stroke-pink-900 { + stroke: var(--pink-900) +} +.stroke-pink-900\/10 { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.stroke-pink-900\/20 { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.stroke-pink-900\/30 { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.stroke-pink-900\/40 { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.stroke-pink-900\/50 { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.stroke-pink-900\/60 { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.stroke-pink-900\/70 { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.stroke-pink-900\/80 { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.stroke-pink-900\/90 { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.stroke-indigo-50 { + stroke: var(--indigo-50) +} +.stroke-indigo-50\/10 { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.stroke-indigo-50\/20 { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.stroke-indigo-50\/30 { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.stroke-indigo-50\/40 { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.stroke-indigo-50\/50 { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.stroke-indigo-50\/60 { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.stroke-indigo-50\/70 { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.stroke-indigo-50\/80 { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.stroke-indigo-50\/90 { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.stroke-indigo-100 { + stroke: var(--indigo-100) +} +.stroke-indigo-100\/10 { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.stroke-indigo-100\/20 { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.stroke-indigo-100\/30 { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.stroke-indigo-100\/40 { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.stroke-indigo-100\/50 { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.stroke-indigo-100\/60 { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.stroke-indigo-100\/70 { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.stroke-indigo-100\/80 { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.stroke-indigo-100\/90 { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.stroke-indigo-200 { + stroke: var(--indigo-200) +} +.stroke-indigo-200\/10 { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.stroke-indigo-200\/20 { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.stroke-indigo-200\/30 { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.stroke-indigo-200\/40 { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.stroke-indigo-200\/50 { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.stroke-indigo-200\/60 { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.stroke-indigo-200\/70 { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.stroke-indigo-200\/80 { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.stroke-indigo-200\/90 { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.stroke-indigo-300 { + stroke: var(--indigo-300) +} +.stroke-indigo-300\/10 { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.stroke-indigo-300\/20 { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.stroke-indigo-300\/30 { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.stroke-indigo-300\/40 { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.stroke-indigo-300\/50 { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.stroke-indigo-300\/60 { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.stroke-indigo-300\/70 { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.stroke-indigo-300\/80 { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.stroke-indigo-300\/90 { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.stroke-indigo-400 { + stroke: var(--indigo-400) +} +.stroke-indigo-400\/10 { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.stroke-indigo-400\/20 { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.stroke-indigo-400\/30 { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.stroke-indigo-400\/40 { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.stroke-indigo-400\/50 { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.stroke-indigo-400\/60 { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.stroke-indigo-400\/70 { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.stroke-indigo-400\/80 { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.stroke-indigo-400\/90 { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.stroke-indigo-500 { + stroke: var(--indigo-500) +} +.stroke-indigo-500\/10 { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.stroke-indigo-500\/20 { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.stroke-indigo-500\/30 { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.stroke-indigo-500\/40 { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.stroke-indigo-500\/50 { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.stroke-indigo-500\/60 { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.stroke-indigo-500\/70 { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.stroke-indigo-500\/80 { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.stroke-indigo-500\/90 { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.stroke-indigo-600 { + stroke: var(--indigo-600) +} +.stroke-indigo-600\/10 { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.stroke-indigo-600\/20 { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.stroke-indigo-600\/30 { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.stroke-indigo-600\/40 { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.stroke-indigo-600\/50 { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.stroke-indigo-600\/60 { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.stroke-indigo-600\/70 { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.stroke-indigo-600\/80 { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.stroke-indigo-600\/90 { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.stroke-indigo-700 { + stroke: var(--indigo-700) +} +.stroke-indigo-700\/10 { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.stroke-indigo-700\/20 { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.stroke-indigo-700\/30 { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.stroke-indigo-700\/40 { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.stroke-indigo-700\/50 { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.stroke-indigo-700\/60 { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.stroke-indigo-700\/70 { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.stroke-indigo-700\/80 { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.stroke-indigo-700\/90 { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.stroke-indigo-800 { + stroke: var(--indigo-800) +} +.stroke-indigo-800\/10 { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.stroke-indigo-800\/20 { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.stroke-indigo-800\/30 { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.stroke-indigo-800\/40 { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.stroke-indigo-800\/50 { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.stroke-indigo-800\/60 { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.stroke-indigo-800\/70 { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.stroke-indigo-800\/80 { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.stroke-indigo-800\/90 { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.stroke-indigo-900 { + stroke: var(--indigo-900) +} +.stroke-indigo-900\/10 { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.stroke-indigo-900\/20 { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.stroke-indigo-900\/30 { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.stroke-indigo-900\/40 { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.stroke-indigo-900\/50 { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.stroke-indigo-900\/60 { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.stroke-indigo-900\/70 { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.stroke-indigo-900\/80 { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.stroke-indigo-900\/90 { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.stroke-teal-50 { + stroke: var(--teal-50) +} +.stroke-teal-50\/10 { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.stroke-teal-50\/20 { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.stroke-teal-50\/30 { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.stroke-teal-50\/40 { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.stroke-teal-50\/50 { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.stroke-teal-50\/60 { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.stroke-teal-50\/70 { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.stroke-teal-50\/80 { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.stroke-teal-50\/90 { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.stroke-teal-100 { + stroke: var(--teal-100) +} +.stroke-teal-100\/10 { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.stroke-teal-100\/20 { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.stroke-teal-100\/30 { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.stroke-teal-100\/40 { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.stroke-teal-100\/50 { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.stroke-teal-100\/60 { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.stroke-teal-100\/70 { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.stroke-teal-100\/80 { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.stroke-teal-100\/90 { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.stroke-teal-200 { + stroke: var(--teal-200) +} +.stroke-teal-200\/10 { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.stroke-teal-200\/20 { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.stroke-teal-200\/30 { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.stroke-teal-200\/40 { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.stroke-teal-200\/50 { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.stroke-teal-200\/60 { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.stroke-teal-200\/70 { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.stroke-teal-200\/80 { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.stroke-teal-200\/90 { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.stroke-teal-300 { + stroke: var(--teal-300) +} +.stroke-teal-300\/10 { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.stroke-teal-300\/20 { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.stroke-teal-300\/30 { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.stroke-teal-300\/40 { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.stroke-teal-300\/50 { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.stroke-teal-300\/60 { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.stroke-teal-300\/70 { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.stroke-teal-300\/80 { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.stroke-teal-300\/90 { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.stroke-teal-400 { + stroke: var(--teal-400) +} +.stroke-teal-400\/10 { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.stroke-teal-400\/20 { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.stroke-teal-400\/30 { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.stroke-teal-400\/40 { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.stroke-teal-400\/50 { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.stroke-teal-400\/60 { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.stroke-teal-400\/70 { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.stroke-teal-400\/80 { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.stroke-teal-400\/90 { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.stroke-teal-500 { + stroke: var(--teal-500) +} +.stroke-teal-500\/10 { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.stroke-teal-500\/20 { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.stroke-teal-500\/30 { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.stroke-teal-500\/40 { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.stroke-teal-500\/50 { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.stroke-teal-500\/60 { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.stroke-teal-500\/70 { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.stroke-teal-500\/80 { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.stroke-teal-500\/90 { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.stroke-teal-600 { + stroke: var(--teal-600) +} +.stroke-teal-600\/10 { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.stroke-teal-600\/20 { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.stroke-teal-600\/30 { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.stroke-teal-600\/40 { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.stroke-teal-600\/50 { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.stroke-teal-600\/60 { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.stroke-teal-600\/70 { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.stroke-teal-600\/80 { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.stroke-teal-600\/90 { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.stroke-teal-700 { + stroke: var(--teal-700) +} +.stroke-teal-700\/10 { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.stroke-teal-700\/20 { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.stroke-teal-700\/30 { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.stroke-teal-700\/40 { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.stroke-teal-700\/50 { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.stroke-teal-700\/60 { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.stroke-teal-700\/70 { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.stroke-teal-700\/80 { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.stroke-teal-700\/90 { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.stroke-teal-800 { + stroke: var(--teal-800) +} +.stroke-teal-800\/10 { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.stroke-teal-800\/20 { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.stroke-teal-800\/30 { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.stroke-teal-800\/40 { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.stroke-teal-800\/50 { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.stroke-teal-800\/60 { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.stroke-teal-800\/70 { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.stroke-teal-800\/80 { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.stroke-teal-800\/90 { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.stroke-teal-900 { + stroke: var(--teal-900) +} +.stroke-teal-900\/10 { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.stroke-teal-900\/20 { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.stroke-teal-900\/30 { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.stroke-teal-900\/40 { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.stroke-teal-900\/50 { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.stroke-teal-900\/60 { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.stroke-teal-900\/70 { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.stroke-teal-900\/80 { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.stroke-teal-900\/90 { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.stroke-orange-50 { + stroke: var(--orange-50) +} +.stroke-orange-50\/10 { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.stroke-orange-50\/20 { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.stroke-orange-50\/30 { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.stroke-orange-50\/40 { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.stroke-orange-50\/50 { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.stroke-orange-50\/60 { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.stroke-orange-50\/70 { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.stroke-orange-50\/80 { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.stroke-orange-50\/90 { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.stroke-orange-100 { + stroke: var(--orange-100) +} +.stroke-orange-100\/10 { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.stroke-orange-100\/20 { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.stroke-orange-100\/30 { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.stroke-orange-100\/40 { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.stroke-orange-100\/50 { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.stroke-orange-100\/60 { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.stroke-orange-100\/70 { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.stroke-orange-100\/80 { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.stroke-orange-100\/90 { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.stroke-orange-200 { + stroke: var(--orange-200) +} +.stroke-orange-200\/10 { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.stroke-orange-200\/20 { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.stroke-orange-200\/30 { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.stroke-orange-200\/40 { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.stroke-orange-200\/50 { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.stroke-orange-200\/60 { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.stroke-orange-200\/70 { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.stroke-orange-200\/80 { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.stroke-orange-200\/90 { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.stroke-orange-300 { + stroke: var(--orange-300) +} +.stroke-orange-300\/10 { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.stroke-orange-300\/20 { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.stroke-orange-300\/30 { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.stroke-orange-300\/40 { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.stroke-orange-300\/50 { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.stroke-orange-300\/60 { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.stroke-orange-300\/70 { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.stroke-orange-300\/80 { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.stroke-orange-300\/90 { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.stroke-orange-400 { + stroke: var(--orange-400) +} +.stroke-orange-400\/10 { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.stroke-orange-400\/20 { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.stroke-orange-400\/30 { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.stroke-orange-400\/40 { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.stroke-orange-400\/50 { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.stroke-orange-400\/60 { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.stroke-orange-400\/70 { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.stroke-orange-400\/80 { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.stroke-orange-400\/90 { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.stroke-orange-500 { + stroke: var(--orange-500) +} +.stroke-orange-500\/10 { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.stroke-orange-500\/20 { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.stroke-orange-500\/30 { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.stroke-orange-500\/40 { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.stroke-orange-500\/50 { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.stroke-orange-500\/60 { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.stroke-orange-500\/70 { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.stroke-orange-500\/80 { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.stroke-orange-500\/90 { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.stroke-orange-600 { + stroke: var(--orange-600) +} +.stroke-orange-600\/10 { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.stroke-orange-600\/20 { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.stroke-orange-600\/30 { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.stroke-orange-600\/40 { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.stroke-orange-600\/50 { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.stroke-orange-600\/60 { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.stroke-orange-600\/70 { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.stroke-orange-600\/80 { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.stroke-orange-600\/90 { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.stroke-orange-700 { + stroke: var(--orange-700) +} +.stroke-orange-700\/10 { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.stroke-orange-700\/20 { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.stroke-orange-700\/30 { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.stroke-orange-700\/40 { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.stroke-orange-700\/50 { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.stroke-orange-700\/60 { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.stroke-orange-700\/70 { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.stroke-orange-700\/80 { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.stroke-orange-700\/90 { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.stroke-orange-800 { + stroke: var(--orange-800) +} +.stroke-orange-800\/10 { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.stroke-orange-800\/20 { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.stroke-orange-800\/30 { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.stroke-orange-800\/40 { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.stroke-orange-800\/50 { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.stroke-orange-800\/60 { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.stroke-orange-800\/70 { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.stroke-orange-800\/80 { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.stroke-orange-800\/90 { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.stroke-orange-900 { + stroke: var(--orange-900) +} +.stroke-orange-900\/10 { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.stroke-orange-900\/20 { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.stroke-orange-900\/30 { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.stroke-orange-900\/40 { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.stroke-orange-900\/50 { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.stroke-orange-900\/60 { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.stroke-orange-900\/70 { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.stroke-orange-900\/80 { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.stroke-orange-900\/90 { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.stroke-bluegray-50 { + stroke: var(--bluegray-50) +} +.stroke-bluegray-50\/10 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.stroke-bluegray-50\/20 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.stroke-bluegray-50\/30 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.stroke-bluegray-50\/40 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.stroke-bluegray-50\/50 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.stroke-bluegray-50\/60 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.stroke-bluegray-50\/70 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.stroke-bluegray-50\/80 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.stroke-bluegray-50\/90 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.stroke-bluegray-100 { + stroke: var(--bluegray-100) +} +.stroke-bluegray-100\/10 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.stroke-bluegray-100\/20 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.stroke-bluegray-100\/30 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.stroke-bluegray-100\/40 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.stroke-bluegray-100\/50 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.stroke-bluegray-100\/60 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.stroke-bluegray-100\/70 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.stroke-bluegray-100\/80 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.stroke-bluegray-100\/90 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.stroke-bluegray-200 { + stroke: var(--bluegray-200) +} +.stroke-bluegray-200\/10 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.stroke-bluegray-200\/20 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.stroke-bluegray-200\/30 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.stroke-bluegray-200\/40 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.stroke-bluegray-200\/50 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.stroke-bluegray-200\/60 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.stroke-bluegray-200\/70 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.stroke-bluegray-200\/80 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.stroke-bluegray-200\/90 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.stroke-bluegray-300 { + stroke: var(--bluegray-300) +} +.stroke-bluegray-300\/10 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.stroke-bluegray-300\/20 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.stroke-bluegray-300\/30 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.stroke-bluegray-300\/40 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.stroke-bluegray-300\/50 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.stroke-bluegray-300\/60 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.stroke-bluegray-300\/70 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.stroke-bluegray-300\/80 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.stroke-bluegray-300\/90 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.stroke-bluegray-400 { + stroke: var(--bluegray-400) +} +.stroke-bluegray-400\/10 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.stroke-bluegray-400\/20 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.stroke-bluegray-400\/30 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.stroke-bluegray-400\/40 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.stroke-bluegray-400\/50 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.stroke-bluegray-400\/60 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.stroke-bluegray-400\/70 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.stroke-bluegray-400\/80 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.stroke-bluegray-400\/90 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.stroke-bluegray-500 { + stroke: var(--bluegray-500) +} +.stroke-bluegray-500\/10 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.stroke-bluegray-500\/20 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.stroke-bluegray-500\/30 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.stroke-bluegray-500\/40 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.stroke-bluegray-500\/50 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.stroke-bluegray-500\/60 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.stroke-bluegray-500\/70 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.stroke-bluegray-500\/80 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.stroke-bluegray-500\/90 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.stroke-bluegray-600 { + stroke: var(--bluegray-600) +} +.stroke-bluegray-600\/10 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.stroke-bluegray-600\/20 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.stroke-bluegray-600\/30 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.stroke-bluegray-600\/40 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.stroke-bluegray-600\/50 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.stroke-bluegray-600\/60 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.stroke-bluegray-600\/70 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.stroke-bluegray-600\/80 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.stroke-bluegray-600\/90 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.stroke-bluegray-700 { + stroke: var(--bluegray-700) +} +.stroke-bluegray-700\/10 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.stroke-bluegray-700\/20 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.stroke-bluegray-700\/30 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.stroke-bluegray-700\/40 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.stroke-bluegray-700\/50 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.stroke-bluegray-700\/60 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.stroke-bluegray-700\/70 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.stroke-bluegray-700\/80 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.stroke-bluegray-700\/90 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.stroke-bluegray-800 { + stroke: var(--bluegray-800) +} +.stroke-bluegray-800\/10 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.stroke-bluegray-800\/20 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.stroke-bluegray-800\/30 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.stroke-bluegray-800\/40 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.stroke-bluegray-800\/50 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.stroke-bluegray-800\/60 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.stroke-bluegray-800\/70 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.stroke-bluegray-800\/80 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.stroke-bluegray-800\/90 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.stroke-bluegray-900 { + stroke: var(--bluegray-900) +} +.stroke-bluegray-900\/10 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.stroke-bluegray-900\/20 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.stroke-bluegray-900\/30 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.stroke-bluegray-900\/40 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.stroke-bluegray-900\/50 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.stroke-bluegray-900\/60 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.stroke-bluegray-900\/70 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.stroke-bluegray-900\/80 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.stroke-bluegray-900\/90 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.stroke-purple-50 { + stroke: var(--purple-50) +} +.stroke-purple-50\/10 { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.stroke-purple-50\/20 { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.stroke-purple-50\/30 { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.stroke-purple-50\/40 { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.stroke-purple-50\/50 { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.stroke-purple-50\/60 { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.stroke-purple-50\/70 { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.stroke-purple-50\/80 { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.stroke-purple-50\/90 { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.stroke-purple-100 { + stroke: var(--purple-100) +} +.stroke-purple-100\/10 { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.stroke-purple-100\/20 { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.stroke-purple-100\/30 { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.stroke-purple-100\/40 { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.stroke-purple-100\/50 { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.stroke-purple-100\/60 { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.stroke-purple-100\/70 { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.stroke-purple-100\/80 { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.stroke-purple-100\/90 { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.stroke-purple-200 { + stroke: var(--purple-200) +} +.stroke-purple-200\/10 { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.stroke-purple-200\/20 { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.stroke-purple-200\/30 { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.stroke-purple-200\/40 { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.stroke-purple-200\/50 { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.stroke-purple-200\/60 { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.stroke-purple-200\/70 { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.stroke-purple-200\/80 { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.stroke-purple-200\/90 { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.stroke-purple-300 { + stroke: var(--purple-300) +} +.stroke-purple-300\/10 { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.stroke-purple-300\/20 { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.stroke-purple-300\/30 { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.stroke-purple-300\/40 { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.stroke-purple-300\/50 { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.stroke-purple-300\/60 { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.stroke-purple-300\/70 { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.stroke-purple-300\/80 { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.stroke-purple-300\/90 { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.stroke-purple-400 { + stroke: var(--purple-400) +} +.stroke-purple-400\/10 { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.stroke-purple-400\/20 { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.stroke-purple-400\/30 { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.stroke-purple-400\/40 { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.stroke-purple-400\/50 { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.stroke-purple-400\/60 { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.stroke-purple-400\/70 { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.stroke-purple-400\/80 { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.stroke-purple-400\/90 { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.stroke-purple-500 { + stroke: var(--purple-500) +} +.stroke-purple-500\/10 { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.stroke-purple-500\/20 { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.stroke-purple-500\/30 { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.stroke-purple-500\/40 { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.stroke-purple-500\/50 { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.stroke-purple-500\/60 { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.stroke-purple-500\/70 { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.stroke-purple-500\/80 { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.stroke-purple-500\/90 { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.stroke-purple-600 { + stroke: var(--purple-600) +} +.stroke-purple-600\/10 { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.stroke-purple-600\/20 { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.stroke-purple-600\/30 { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.stroke-purple-600\/40 { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.stroke-purple-600\/50 { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.stroke-purple-600\/60 { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.stroke-purple-600\/70 { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.stroke-purple-600\/80 { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.stroke-purple-600\/90 { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.stroke-purple-700 { + stroke: var(--purple-700) +} +.stroke-purple-700\/10 { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.stroke-purple-700\/20 { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.stroke-purple-700\/30 { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.stroke-purple-700\/40 { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.stroke-purple-700\/50 { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.stroke-purple-700\/60 { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.stroke-purple-700\/70 { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.stroke-purple-700\/80 { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.stroke-purple-700\/90 { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.stroke-purple-800 { + stroke: var(--purple-800) +} +.stroke-purple-800\/10 { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.stroke-purple-800\/20 { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.stroke-purple-800\/30 { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.stroke-purple-800\/40 { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.stroke-purple-800\/50 { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.stroke-purple-800\/60 { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.stroke-purple-800\/70 { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.stroke-purple-800\/80 { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.stroke-purple-800\/90 { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.stroke-purple-900 { + stroke: var(--purple-900) +} +.stroke-purple-900\/10 { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.stroke-purple-900\/20 { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.stroke-purple-900\/30 { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.stroke-purple-900\/40 { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.stroke-purple-900\/50 { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.stroke-purple-900\/60 { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.stroke-purple-900\/70 { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.stroke-purple-900\/80 { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.stroke-purple-900\/90 { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.stroke-red-50 { + stroke: var(--red-50) +} +.stroke-red-50\/10 { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.stroke-red-50\/20 { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.stroke-red-50\/30 { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.stroke-red-50\/40 { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.stroke-red-50\/50 { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.stroke-red-50\/60 { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.stroke-red-50\/70 { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.stroke-red-50\/80 { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.stroke-red-50\/90 { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.stroke-red-100 { + stroke: var(--red-100) +} +.stroke-red-100\/10 { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.stroke-red-100\/20 { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.stroke-red-100\/30 { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.stroke-red-100\/40 { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.stroke-red-100\/50 { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.stroke-red-100\/60 { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.stroke-red-100\/70 { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.stroke-red-100\/80 { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.stroke-red-100\/90 { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.stroke-red-200 { + stroke: var(--red-200) +} +.stroke-red-200\/10 { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.stroke-red-200\/20 { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.stroke-red-200\/30 { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.stroke-red-200\/40 { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.stroke-red-200\/50 { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.stroke-red-200\/60 { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.stroke-red-200\/70 { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.stroke-red-200\/80 { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.stroke-red-200\/90 { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.stroke-red-300 { + stroke: var(--red-300) +} +.stroke-red-300\/10 { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.stroke-red-300\/20 { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.stroke-red-300\/30 { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.stroke-red-300\/40 { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.stroke-red-300\/50 { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.stroke-red-300\/60 { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.stroke-red-300\/70 { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.stroke-red-300\/80 { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.stroke-red-300\/90 { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.stroke-red-400 { + stroke: var(--red-400) +} +.stroke-red-400\/10 { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.stroke-red-400\/20 { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.stroke-red-400\/30 { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.stroke-red-400\/40 { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.stroke-red-400\/50 { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.stroke-red-400\/60 { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.stroke-red-400\/70 { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.stroke-red-400\/80 { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.stroke-red-400\/90 { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.stroke-red-500 { + stroke: var(--red-500) +} +.stroke-red-500\/10 { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.stroke-red-500\/20 { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.stroke-red-500\/30 { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.stroke-red-500\/40 { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.stroke-red-500\/50 { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.stroke-red-500\/60 { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.stroke-red-500\/70 { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.stroke-red-500\/80 { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.stroke-red-500\/90 { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.stroke-red-600 { + stroke: var(--red-600) +} +.stroke-red-600\/10 { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.stroke-red-600\/20 { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.stroke-red-600\/30 { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.stroke-red-600\/40 { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.stroke-red-600\/50 { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.stroke-red-600\/60 { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.stroke-red-600\/70 { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.stroke-red-600\/80 { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.stroke-red-600\/90 { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.stroke-red-700 { + stroke: var(--red-700) +} +.stroke-red-700\/10 { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.stroke-red-700\/20 { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.stroke-red-700\/30 { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.stroke-red-700\/40 { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.stroke-red-700\/50 { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.stroke-red-700\/60 { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.stroke-red-700\/70 { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.stroke-red-700\/80 { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.stroke-red-700\/90 { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.stroke-red-800 { + stroke: var(--red-800) +} +.stroke-red-800\/10 { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.stroke-red-800\/20 { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.stroke-red-800\/30 { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.stroke-red-800\/40 { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.stroke-red-800\/50 { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.stroke-red-800\/60 { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.stroke-red-800\/70 { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.stroke-red-800\/80 { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.stroke-red-800\/90 { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.stroke-red-900 { + stroke: var(--red-900) +} +.stroke-red-900\/10 { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.stroke-red-900\/20 { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.stroke-red-900\/30 { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.stroke-red-900\/40 { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.stroke-red-900\/50 { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.stroke-red-900\/60 { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.stroke-red-900\/70 { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.stroke-red-900\/80 { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.stroke-red-900\/90 { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.stroke-gray-50 { + stroke: var(--gray-50) +} +.stroke-gray-50\/10 { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.stroke-gray-50\/20 { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.stroke-gray-50\/30 { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.stroke-gray-50\/40 { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.stroke-gray-50\/50 { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.stroke-gray-50\/60 { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.stroke-gray-50\/70 { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.stroke-gray-50\/80 { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.stroke-gray-50\/90 { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.stroke-gray-100 { + stroke: var(--gray-100) +} +.stroke-gray-100\/10 { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.stroke-gray-100\/20 { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.stroke-gray-100\/30 { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.stroke-gray-100\/40 { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.stroke-gray-100\/50 { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.stroke-gray-100\/60 { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.stroke-gray-100\/70 { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.stroke-gray-100\/80 { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.stroke-gray-100\/90 { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.stroke-gray-200 { + stroke: var(--gray-200) +} +.stroke-gray-200\/10 { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.stroke-gray-200\/20 { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.stroke-gray-200\/30 { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.stroke-gray-200\/40 { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.stroke-gray-200\/50 { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.stroke-gray-200\/60 { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.stroke-gray-200\/70 { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.stroke-gray-200\/80 { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.stroke-gray-200\/90 { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.stroke-gray-300 { + stroke: var(--gray-300) +} +.stroke-gray-300\/10 { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.stroke-gray-300\/20 { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.stroke-gray-300\/30 { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.stroke-gray-300\/40 { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.stroke-gray-300\/50 { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.stroke-gray-300\/60 { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.stroke-gray-300\/70 { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.stroke-gray-300\/80 { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.stroke-gray-300\/90 { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.stroke-gray-400 { + stroke: var(--gray-400) +} +.stroke-gray-400\/10 { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.stroke-gray-400\/20 { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.stroke-gray-400\/30 { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.stroke-gray-400\/40 { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.stroke-gray-400\/50 { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.stroke-gray-400\/60 { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.stroke-gray-400\/70 { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.stroke-gray-400\/80 { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.stroke-gray-400\/90 { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.stroke-gray-500 { + stroke: var(--gray-500) +} +.stroke-gray-500\/10 { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.stroke-gray-500\/20 { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.stroke-gray-500\/30 { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.stroke-gray-500\/40 { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.stroke-gray-500\/50 { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.stroke-gray-500\/60 { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.stroke-gray-500\/70 { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.stroke-gray-500\/80 { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.stroke-gray-500\/90 { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.stroke-gray-600 { + stroke: var(--gray-600) +} +.stroke-gray-600\/10 { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.stroke-gray-600\/20 { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.stroke-gray-600\/30 { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.stroke-gray-600\/40 { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.stroke-gray-600\/50 { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.stroke-gray-600\/60 { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.stroke-gray-600\/70 { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.stroke-gray-600\/80 { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.stroke-gray-600\/90 { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.stroke-gray-700 { + stroke: var(--gray-700) +} +.stroke-gray-700\/10 { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.stroke-gray-700\/20 { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.stroke-gray-700\/30 { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.stroke-gray-700\/40 { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.stroke-gray-700\/50 { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.stroke-gray-700\/60 { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.stroke-gray-700\/70 { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.stroke-gray-700\/80 { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.stroke-gray-700\/90 { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.stroke-gray-800 { + stroke: var(--gray-800) +} +.stroke-gray-800\/10 { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.stroke-gray-800\/20 { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.stroke-gray-800\/30 { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.stroke-gray-800\/40 { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.stroke-gray-800\/50 { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.stroke-gray-800\/60 { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.stroke-gray-800\/70 { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.stroke-gray-800\/80 { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.stroke-gray-800\/90 { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.stroke-gray-900 { + stroke: var(--gray-900) +} +.stroke-gray-900\/10 { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.stroke-gray-900\/20 { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.stroke-gray-900\/30 { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.stroke-gray-900\/40 { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.stroke-gray-900\/50 { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.stroke-gray-900\/60 { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.stroke-gray-900\/70 { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.stroke-gray-900\/80 { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.stroke-gray-900\/90 { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.stroke-surface-0 { + stroke: var(--surface-0) +} +.stroke-surface-0\/10 { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.stroke-surface-0\/20 { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.stroke-surface-0\/30 { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.stroke-surface-0\/40 { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.stroke-surface-0\/50 { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.stroke-surface-0\/60 { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.stroke-surface-0\/70 { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.stroke-surface-0\/80 { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.stroke-surface-0\/90 { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.stroke-surface-50 { + stroke: var(--surface-50) +} +.stroke-surface-50\/10 { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.stroke-surface-50\/20 { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.stroke-surface-50\/30 { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.stroke-surface-50\/40 { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.stroke-surface-50\/50 { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.stroke-surface-50\/60 { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.stroke-surface-50\/70 { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.stroke-surface-50\/80 { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.stroke-surface-50\/90 { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.stroke-surface-100 { + stroke: var(--surface-100) +} +.stroke-surface-100\/10 { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.stroke-surface-100\/20 { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.stroke-surface-100\/30 { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.stroke-surface-100\/40 { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.stroke-surface-100\/50 { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.stroke-surface-100\/60 { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.stroke-surface-100\/70 { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.stroke-surface-100\/80 { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.stroke-surface-100\/90 { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.stroke-surface-200 { + stroke: var(--surface-200) +} +.stroke-surface-200\/10 { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.stroke-surface-200\/20 { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.stroke-surface-200\/30 { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.stroke-surface-200\/40 { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.stroke-surface-200\/50 { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.stroke-surface-200\/60 { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.stroke-surface-200\/70 { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.stroke-surface-200\/80 { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.stroke-surface-200\/90 { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.stroke-surface-300 { + stroke: var(--surface-300) +} +.stroke-surface-300\/10 { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.stroke-surface-300\/20 { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.stroke-surface-300\/30 { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.stroke-surface-300\/40 { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.stroke-surface-300\/50 { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.stroke-surface-300\/60 { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.stroke-surface-300\/70 { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.stroke-surface-300\/80 { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.stroke-surface-300\/90 { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.stroke-surface-400 { + stroke: var(--surface-400) +} +.stroke-surface-400\/10 { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.stroke-surface-400\/20 { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.stroke-surface-400\/30 { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.stroke-surface-400\/40 { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.stroke-surface-400\/50 { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.stroke-surface-400\/60 { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.stroke-surface-400\/70 { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.stroke-surface-400\/80 { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.stroke-surface-400\/90 { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.stroke-surface-500 { + stroke: var(--surface-500) +} +.stroke-surface-500\/10 { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.stroke-surface-500\/20 { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.stroke-surface-500\/30 { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.stroke-surface-500\/40 { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.stroke-surface-500\/50 { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.stroke-surface-500\/60 { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.stroke-surface-500\/70 { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.stroke-surface-500\/80 { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.stroke-surface-500\/90 { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.stroke-surface-600 { + stroke: var(--surface-600) +} +.stroke-surface-600\/10 { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.stroke-surface-600\/20 { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.stroke-surface-600\/30 { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.stroke-surface-600\/40 { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.stroke-surface-600\/50 { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.stroke-surface-600\/60 { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.stroke-surface-600\/70 { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.stroke-surface-600\/80 { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.stroke-surface-600\/90 { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.stroke-surface-700 { + stroke: var(--surface-700) +} +.stroke-surface-700\/10 { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.stroke-surface-700\/20 { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.stroke-surface-700\/30 { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.stroke-surface-700\/40 { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.stroke-surface-700\/50 { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.stroke-surface-700\/60 { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.stroke-surface-700\/70 { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.stroke-surface-700\/80 { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.stroke-surface-700\/90 { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.stroke-surface-800 { + stroke: var(--surface-800) +} +.stroke-surface-800\/10 { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.stroke-surface-800\/20 { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.stroke-surface-800\/30 { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.stroke-surface-800\/40 { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.stroke-surface-800\/50 { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.stroke-surface-800\/60 { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.stroke-surface-800\/70 { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.stroke-surface-800\/80 { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.stroke-surface-800\/90 { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.stroke-surface-900 { + stroke: var(--surface-900) +} +.stroke-surface-900\/10 { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.stroke-surface-900\/20 { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.stroke-surface-900\/30 { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.stroke-surface-900\/40 { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.stroke-surface-900\/50 { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.stroke-surface-900\/60 { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.stroke-surface-900\/70 { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.stroke-surface-900\/80 { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.stroke-surface-900\/90 { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.stroke-primary-50 { + stroke: var(--primary-50) +} +.stroke-primary-50\/10 { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.stroke-primary-50\/20 { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.stroke-primary-50\/30 { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.stroke-primary-50\/40 { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.stroke-primary-50\/50 { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.stroke-primary-50\/60 { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.stroke-primary-50\/70 { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.stroke-primary-50\/80 { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.stroke-primary-50\/90 { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.stroke-primary-100 { + stroke: var(--primary-100) +} +.stroke-primary-100\/10 { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.stroke-primary-100\/20 { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.stroke-primary-100\/30 { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.stroke-primary-100\/40 { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.stroke-primary-100\/50 { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.stroke-primary-100\/60 { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.stroke-primary-100\/70 { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.stroke-primary-100\/80 { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.stroke-primary-100\/90 { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.stroke-primary-200 { + stroke: var(--primary-200) +} +.stroke-primary-200\/10 { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.stroke-primary-200\/20 { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.stroke-primary-200\/30 { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.stroke-primary-200\/40 { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.stroke-primary-200\/50 { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.stroke-primary-200\/60 { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.stroke-primary-200\/70 { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.stroke-primary-200\/80 { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.stroke-primary-200\/90 { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.stroke-primary-300 { + stroke: var(--primary-300) +} +.stroke-primary-300\/10 { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.stroke-primary-300\/20 { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.stroke-primary-300\/30 { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.stroke-primary-300\/40 { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.stroke-primary-300\/50 { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.stroke-primary-300\/60 { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.stroke-primary-300\/70 { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.stroke-primary-300\/80 { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.stroke-primary-300\/90 { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.stroke-primary-400 { + stroke: var(--primary-400) +} +.stroke-primary-400\/10 { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.stroke-primary-400\/20 { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.stroke-primary-400\/30 { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.stroke-primary-400\/40 { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.stroke-primary-400\/50 { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.stroke-primary-400\/60 { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.stroke-primary-400\/70 { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.stroke-primary-400\/80 { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.stroke-primary-400\/90 { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.stroke-primary-500 { + stroke: var(--primary-500) +} +.stroke-primary-500\/10 { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.stroke-primary-500\/20 { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.stroke-primary-500\/30 { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.stroke-primary-500\/40 { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.stroke-primary-500\/50 { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.stroke-primary-500\/60 { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.stroke-primary-500\/70 { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.stroke-primary-500\/80 { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.stroke-primary-500\/90 { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.stroke-primary-600 { + stroke: var(--primary-600) +} +.stroke-primary-600\/10 { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.stroke-primary-600\/20 { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.stroke-primary-600\/30 { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.stroke-primary-600\/40 { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.stroke-primary-600\/50 { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.stroke-primary-600\/60 { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.stroke-primary-600\/70 { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.stroke-primary-600\/80 { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.stroke-primary-600\/90 { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.stroke-primary-700 { + stroke: var(--primary-700) +} +.stroke-primary-700\/10 { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.stroke-primary-700\/20 { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.stroke-primary-700\/30 { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.stroke-primary-700\/40 { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.stroke-primary-700\/50 { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.stroke-primary-700\/60 { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.stroke-primary-700\/70 { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.stroke-primary-700\/80 { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.stroke-primary-700\/90 { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.stroke-primary-800 { + stroke: var(--primary-800) +} +.stroke-primary-800\/10 { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.stroke-primary-800\/20 { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.stroke-primary-800\/30 { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.stroke-primary-800\/40 { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.stroke-primary-800\/50 { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.stroke-primary-800\/60 { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.stroke-primary-800\/70 { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.stroke-primary-800\/80 { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.stroke-primary-800\/90 { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.stroke-primary-900 { + stroke: var(--primary-900) +} +.stroke-primary-900\/10 { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.stroke-primary-900\/20 { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.stroke-primary-900\/30 { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.stroke-primary-900\/40 { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.stroke-primary-900\/50 { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.stroke-primary-900\/60 { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.stroke-primary-900\/70 { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.stroke-primary-900\/80 { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.stroke-primary-900\/90 { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.focus\:stroke-blue-50:focus { + stroke: var(--blue-50) +} +.hover\:stroke-blue-50:hover { + stroke: var(--blue-50) +} +.active\:stroke-blue-50:active { + stroke: var(--blue-50) +} +.focus\:stroke-blue-50\/10:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.hover\:stroke-blue-50\/10:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.active\:stroke-blue-50\/10:active { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) +} +.focus\:stroke-blue-50\/20:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.hover\:stroke-blue-50\/20:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.active\:stroke-blue-50\/20:active { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) +} +.focus\:stroke-blue-50\/30:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.hover\:stroke-blue-50\/30:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.active\:stroke-blue-50\/30:active { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) +} +.focus\:stroke-blue-50\/40:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.hover\:stroke-blue-50\/40:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.active\:stroke-blue-50\/40:active { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) +} +.focus\:stroke-blue-50\/50:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.hover\:stroke-blue-50\/50:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.active\:stroke-blue-50\/50:active { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) +} +.focus\:stroke-blue-50\/60:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.hover\:stroke-blue-50\/60:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.active\:stroke-blue-50\/60:active { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) +} +.focus\:stroke-blue-50\/70:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.hover\:stroke-blue-50\/70:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.active\:stroke-blue-50\/70:active { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) +} +.focus\:stroke-blue-50\/80:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.hover\:stroke-blue-50\/80:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.active\:stroke-blue-50\/80:active { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) +} +.focus\:stroke-blue-50\/90:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.hover\:stroke-blue-50\/90:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.active\:stroke-blue-50\/90:active { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) +} +.focus\:stroke-blue-100:focus { + stroke: var(--blue-100) +} +.hover\:stroke-blue-100:hover { + stroke: var(--blue-100) +} +.active\:stroke-blue-100:active { + stroke: var(--blue-100) +} +.focus\:stroke-blue-100\/10:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.hover\:stroke-blue-100\/10:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.active\:stroke-blue-100\/10:active { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) +} +.focus\:stroke-blue-100\/20:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.hover\:stroke-blue-100\/20:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.active\:stroke-blue-100\/20:active { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) +} +.focus\:stroke-blue-100\/30:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.hover\:stroke-blue-100\/30:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.active\:stroke-blue-100\/30:active { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) +} +.focus\:stroke-blue-100\/40:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.hover\:stroke-blue-100\/40:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.active\:stroke-blue-100\/40:active { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) +} +.focus\:stroke-blue-100\/50:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.hover\:stroke-blue-100\/50:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.active\:stroke-blue-100\/50:active { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) +} +.focus\:stroke-blue-100\/60:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.hover\:stroke-blue-100\/60:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.active\:stroke-blue-100\/60:active { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) +} +.focus\:stroke-blue-100\/70:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.hover\:stroke-blue-100\/70:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.active\:stroke-blue-100\/70:active { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) +} +.focus\:stroke-blue-100\/80:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.hover\:stroke-blue-100\/80:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.active\:stroke-blue-100\/80:active { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) +} +.focus\:stroke-blue-100\/90:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.hover\:stroke-blue-100\/90:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.active\:stroke-blue-100\/90:active { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) +} +.focus\:stroke-blue-200:focus { + stroke: var(--blue-200) +} +.hover\:stroke-blue-200:hover { + stroke: var(--blue-200) +} +.active\:stroke-blue-200:active { + stroke: var(--blue-200) +} +.focus\:stroke-blue-200\/10:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.hover\:stroke-blue-200\/10:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.active\:stroke-blue-200\/10:active { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) +} +.focus\:stroke-blue-200\/20:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.hover\:stroke-blue-200\/20:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.active\:stroke-blue-200\/20:active { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) +} +.focus\:stroke-blue-200\/30:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.hover\:stroke-blue-200\/30:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.active\:stroke-blue-200\/30:active { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) +} +.focus\:stroke-blue-200\/40:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.hover\:stroke-blue-200\/40:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.active\:stroke-blue-200\/40:active { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) +} +.focus\:stroke-blue-200\/50:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.hover\:stroke-blue-200\/50:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.active\:stroke-blue-200\/50:active { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) +} +.focus\:stroke-blue-200\/60:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.hover\:stroke-blue-200\/60:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.active\:stroke-blue-200\/60:active { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) +} +.focus\:stroke-blue-200\/70:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.hover\:stroke-blue-200\/70:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.active\:stroke-blue-200\/70:active { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) +} +.focus\:stroke-blue-200\/80:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.hover\:stroke-blue-200\/80:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.active\:stroke-blue-200\/80:active { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) +} +.focus\:stroke-blue-200\/90:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.hover\:stroke-blue-200\/90:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.active\:stroke-blue-200\/90:active { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) +} +.focus\:stroke-blue-300:focus { + stroke: var(--blue-300) +} +.hover\:stroke-blue-300:hover { + stroke: var(--blue-300) +} +.active\:stroke-blue-300:active { + stroke: var(--blue-300) +} +.focus\:stroke-blue-300\/10:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.hover\:stroke-blue-300\/10:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.active\:stroke-blue-300\/10:active { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) +} +.focus\:stroke-blue-300\/20:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.hover\:stroke-blue-300\/20:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.active\:stroke-blue-300\/20:active { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) +} +.focus\:stroke-blue-300\/30:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.hover\:stroke-blue-300\/30:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.active\:stroke-blue-300\/30:active { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) +} +.focus\:stroke-blue-300\/40:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.hover\:stroke-blue-300\/40:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.active\:stroke-blue-300\/40:active { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) +} +.focus\:stroke-blue-300\/50:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.hover\:stroke-blue-300\/50:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.active\:stroke-blue-300\/50:active { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) +} +.focus\:stroke-blue-300\/60:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.hover\:stroke-blue-300\/60:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.active\:stroke-blue-300\/60:active { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) +} +.focus\:stroke-blue-300\/70:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.hover\:stroke-blue-300\/70:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.active\:stroke-blue-300\/70:active { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) +} +.focus\:stroke-blue-300\/80:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.hover\:stroke-blue-300\/80:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.active\:stroke-blue-300\/80:active { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) +} +.focus\:stroke-blue-300\/90:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.hover\:stroke-blue-300\/90:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.active\:stroke-blue-300\/90:active { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) +} +.focus\:stroke-blue-400:focus { + stroke: var(--blue-400) +} +.hover\:stroke-blue-400:hover { + stroke: var(--blue-400) +} +.active\:stroke-blue-400:active { + stroke: var(--blue-400) +} +.focus\:stroke-blue-400\/10:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.hover\:stroke-blue-400\/10:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.active\:stroke-blue-400\/10:active { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) +} +.focus\:stroke-blue-400\/20:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.hover\:stroke-blue-400\/20:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.active\:stroke-blue-400\/20:active { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) +} +.focus\:stroke-blue-400\/30:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.hover\:stroke-blue-400\/30:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.active\:stroke-blue-400\/30:active { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) +} +.focus\:stroke-blue-400\/40:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.hover\:stroke-blue-400\/40:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.active\:stroke-blue-400\/40:active { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) +} +.focus\:stroke-blue-400\/50:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.hover\:stroke-blue-400\/50:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.active\:stroke-blue-400\/50:active { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) +} +.focus\:stroke-blue-400\/60:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.hover\:stroke-blue-400\/60:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.active\:stroke-blue-400\/60:active { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) +} +.focus\:stroke-blue-400\/70:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.hover\:stroke-blue-400\/70:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.active\:stroke-blue-400\/70:active { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) +} +.focus\:stroke-blue-400\/80:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.hover\:stroke-blue-400\/80:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.active\:stroke-blue-400\/80:active { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) +} +.focus\:stroke-blue-400\/90:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.hover\:stroke-blue-400\/90:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.active\:stroke-blue-400\/90:active { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) +} +.focus\:stroke-blue-500:focus { + stroke: var(--blue-500) +} +.hover\:stroke-blue-500:hover { + stroke: var(--blue-500) +} +.active\:stroke-blue-500:active { + stroke: var(--blue-500) +} +.focus\:stroke-blue-500\/10:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.hover\:stroke-blue-500\/10:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.active\:stroke-blue-500\/10:active { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) +} +.focus\:stroke-blue-500\/20:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.hover\:stroke-blue-500\/20:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.active\:stroke-blue-500\/20:active { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) +} +.focus\:stroke-blue-500\/30:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.hover\:stroke-blue-500\/30:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.active\:stroke-blue-500\/30:active { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) +} +.focus\:stroke-blue-500\/40:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.hover\:stroke-blue-500\/40:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.active\:stroke-blue-500\/40:active { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) +} +.focus\:stroke-blue-500\/50:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.hover\:stroke-blue-500\/50:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.active\:stroke-blue-500\/50:active { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) +} +.focus\:stroke-blue-500\/60:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.hover\:stroke-blue-500\/60:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.active\:stroke-blue-500\/60:active { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) +} +.focus\:stroke-blue-500\/70:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.hover\:stroke-blue-500\/70:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.active\:stroke-blue-500\/70:active { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) +} +.focus\:stroke-blue-500\/80:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.hover\:stroke-blue-500\/80:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.active\:stroke-blue-500\/80:active { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) +} +.focus\:stroke-blue-500\/90:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.hover\:stroke-blue-500\/90:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.active\:stroke-blue-500\/90:active { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) +} +.focus\:stroke-blue-600:focus { + stroke: var(--blue-600) +} +.hover\:stroke-blue-600:hover { + stroke: var(--blue-600) +} +.active\:stroke-blue-600:active { + stroke: var(--blue-600) +} +.focus\:stroke-blue-600\/10:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.hover\:stroke-blue-600\/10:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.active\:stroke-blue-600\/10:active { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) +} +.focus\:stroke-blue-600\/20:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.hover\:stroke-blue-600\/20:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.active\:stroke-blue-600\/20:active { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) +} +.focus\:stroke-blue-600\/30:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.hover\:stroke-blue-600\/30:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.active\:stroke-blue-600\/30:active { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) +} +.focus\:stroke-blue-600\/40:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.hover\:stroke-blue-600\/40:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.active\:stroke-blue-600\/40:active { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) +} +.focus\:stroke-blue-600\/50:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.hover\:stroke-blue-600\/50:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.active\:stroke-blue-600\/50:active { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) +} +.focus\:stroke-blue-600\/60:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.hover\:stroke-blue-600\/60:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.active\:stroke-blue-600\/60:active { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) +} +.focus\:stroke-blue-600\/70:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.hover\:stroke-blue-600\/70:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.active\:stroke-blue-600\/70:active { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) +} +.focus\:stroke-blue-600\/80:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.hover\:stroke-blue-600\/80:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.active\:stroke-blue-600\/80:active { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) +} +.focus\:stroke-blue-600\/90:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.hover\:stroke-blue-600\/90:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.active\:stroke-blue-600\/90:active { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) +} +.focus\:stroke-blue-700:focus { + stroke: var(--blue-700) +} +.hover\:stroke-blue-700:hover { + stroke: var(--blue-700) +} +.active\:stroke-blue-700:active { + stroke: var(--blue-700) +} +.focus\:stroke-blue-700\/10:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.hover\:stroke-blue-700\/10:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.active\:stroke-blue-700\/10:active { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) +} +.focus\:stroke-blue-700\/20:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.hover\:stroke-blue-700\/20:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.active\:stroke-blue-700\/20:active { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) +} +.focus\:stroke-blue-700\/30:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.hover\:stroke-blue-700\/30:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.active\:stroke-blue-700\/30:active { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) +} +.focus\:stroke-blue-700\/40:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.hover\:stroke-blue-700\/40:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.active\:stroke-blue-700\/40:active { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) +} +.focus\:stroke-blue-700\/50:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.hover\:stroke-blue-700\/50:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.active\:stroke-blue-700\/50:active { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) +} +.focus\:stroke-blue-700\/60:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.hover\:stroke-blue-700\/60:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.active\:stroke-blue-700\/60:active { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) +} +.focus\:stroke-blue-700\/70:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.hover\:stroke-blue-700\/70:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.active\:stroke-blue-700\/70:active { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) +} +.focus\:stroke-blue-700\/80:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.hover\:stroke-blue-700\/80:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.active\:stroke-blue-700\/80:active { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) +} +.focus\:stroke-blue-700\/90:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.hover\:stroke-blue-700\/90:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.active\:stroke-blue-700\/90:active { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) +} +.focus\:stroke-blue-800:focus { + stroke: var(--blue-800) +} +.hover\:stroke-blue-800:hover { + stroke: var(--blue-800) +} +.active\:stroke-blue-800:active { + stroke: var(--blue-800) +} +.focus\:stroke-blue-800\/10:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.hover\:stroke-blue-800\/10:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.active\:stroke-blue-800\/10:active { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) +} +.focus\:stroke-blue-800\/20:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.hover\:stroke-blue-800\/20:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.active\:stroke-blue-800\/20:active { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) +} +.focus\:stroke-blue-800\/30:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.hover\:stroke-blue-800\/30:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.active\:stroke-blue-800\/30:active { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) +} +.focus\:stroke-blue-800\/40:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.hover\:stroke-blue-800\/40:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.active\:stroke-blue-800\/40:active { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) +} +.focus\:stroke-blue-800\/50:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.hover\:stroke-blue-800\/50:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.active\:stroke-blue-800\/50:active { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) +} +.focus\:stroke-blue-800\/60:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.hover\:stroke-blue-800\/60:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.active\:stroke-blue-800\/60:active { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) +} +.focus\:stroke-blue-800\/70:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.hover\:stroke-blue-800\/70:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.active\:stroke-blue-800\/70:active { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) +} +.focus\:stroke-blue-800\/80:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.hover\:stroke-blue-800\/80:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.active\:stroke-blue-800\/80:active { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) +} +.focus\:stroke-blue-800\/90:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.hover\:stroke-blue-800\/90:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.active\:stroke-blue-800\/90:active { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) +} +.focus\:stroke-blue-900:focus { + stroke: var(--blue-900) +} +.hover\:stroke-blue-900:hover { + stroke: var(--blue-900) +} +.active\:stroke-blue-900:active { + stroke: var(--blue-900) +} +.focus\:stroke-blue-900\/10:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.hover\:stroke-blue-900\/10:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.active\:stroke-blue-900\/10:active { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) +} +.focus\:stroke-blue-900\/20:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.hover\:stroke-blue-900\/20:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.active\:stroke-blue-900\/20:active { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) +} +.focus\:stroke-blue-900\/30:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.hover\:stroke-blue-900\/30:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.active\:stroke-blue-900\/30:active { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) +} +.focus\:stroke-blue-900\/40:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.hover\:stroke-blue-900\/40:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.active\:stroke-blue-900\/40:active { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) +} +.focus\:stroke-blue-900\/50:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.hover\:stroke-blue-900\/50:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.active\:stroke-blue-900\/50:active { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) +} +.focus\:stroke-blue-900\/60:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.hover\:stroke-blue-900\/60:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.active\:stroke-blue-900\/60:active { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) +} +.focus\:stroke-blue-900\/70:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.hover\:stroke-blue-900\/70:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.active\:stroke-blue-900\/70:active { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) +} +.focus\:stroke-blue-900\/80:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.hover\:stroke-blue-900\/80:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.active\:stroke-blue-900\/80:active { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) +} +.focus\:stroke-blue-900\/90:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.hover\:stroke-blue-900\/90:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.active\:stroke-blue-900\/90:active { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) +} +.focus\:stroke-green-50:focus { + stroke: var(--green-50) +} +.hover\:stroke-green-50:hover { + stroke: var(--green-50) +} +.active\:stroke-green-50:active { + stroke: var(--green-50) +} +.focus\:stroke-green-50\/10:focus { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.hover\:stroke-green-50\/10:hover { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.active\:stroke-green-50\/10:active { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) +} +.focus\:stroke-green-50\/20:focus { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.hover\:stroke-green-50\/20:hover { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.active\:stroke-green-50\/20:active { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) +} +.focus\:stroke-green-50\/30:focus { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.hover\:stroke-green-50\/30:hover { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.active\:stroke-green-50\/30:active { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) +} +.focus\:stroke-green-50\/40:focus { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.hover\:stroke-green-50\/40:hover { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.active\:stroke-green-50\/40:active { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) +} +.focus\:stroke-green-50\/50:focus { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.hover\:stroke-green-50\/50:hover { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.active\:stroke-green-50\/50:active { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) +} +.focus\:stroke-green-50\/60:focus { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.hover\:stroke-green-50\/60:hover { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.active\:stroke-green-50\/60:active { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) +} +.focus\:stroke-green-50\/70:focus { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.hover\:stroke-green-50\/70:hover { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.active\:stroke-green-50\/70:active { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) +} +.focus\:stroke-green-50\/80:focus { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.hover\:stroke-green-50\/80:hover { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.active\:stroke-green-50\/80:active { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) +} +.focus\:stroke-green-50\/90:focus { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.hover\:stroke-green-50\/90:hover { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.active\:stroke-green-50\/90:active { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) +} +.focus\:stroke-green-100:focus { + stroke: var(--green-100) +} +.hover\:stroke-green-100:hover { + stroke: var(--green-100) +} +.active\:stroke-green-100:active { + stroke: var(--green-100) +} +.focus\:stroke-green-100\/10:focus { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.hover\:stroke-green-100\/10:hover { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.active\:stroke-green-100\/10:active { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) +} +.focus\:stroke-green-100\/20:focus { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.hover\:stroke-green-100\/20:hover { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.active\:stroke-green-100\/20:active { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) +} +.focus\:stroke-green-100\/30:focus { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.hover\:stroke-green-100\/30:hover { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.active\:stroke-green-100\/30:active { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) +} +.focus\:stroke-green-100\/40:focus { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.hover\:stroke-green-100\/40:hover { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.active\:stroke-green-100\/40:active { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) +} +.focus\:stroke-green-100\/50:focus { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.hover\:stroke-green-100\/50:hover { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.active\:stroke-green-100\/50:active { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) +} +.focus\:stroke-green-100\/60:focus { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.hover\:stroke-green-100\/60:hover { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.active\:stroke-green-100\/60:active { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) +} +.focus\:stroke-green-100\/70:focus { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.hover\:stroke-green-100\/70:hover { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.active\:stroke-green-100\/70:active { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) +} +.focus\:stroke-green-100\/80:focus { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.hover\:stroke-green-100\/80:hover { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.active\:stroke-green-100\/80:active { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) +} +.focus\:stroke-green-100\/90:focus { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.hover\:stroke-green-100\/90:hover { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.active\:stroke-green-100\/90:active { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) +} +.focus\:stroke-green-200:focus { + stroke: var(--green-200) +} +.hover\:stroke-green-200:hover { + stroke: var(--green-200) +} +.active\:stroke-green-200:active { + stroke: var(--green-200) +} +.focus\:stroke-green-200\/10:focus { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.hover\:stroke-green-200\/10:hover { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.active\:stroke-green-200\/10:active { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) +} +.focus\:stroke-green-200\/20:focus { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.hover\:stroke-green-200\/20:hover { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.active\:stroke-green-200\/20:active { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) +} +.focus\:stroke-green-200\/30:focus { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.hover\:stroke-green-200\/30:hover { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.active\:stroke-green-200\/30:active { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) +} +.focus\:stroke-green-200\/40:focus { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.hover\:stroke-green-200\/40:hover { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.active\:stroke-green-200\/40:active { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) +} +.focus\:stroke-green-200\/50:focus { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.hover\:stroke-green-200\/50:hover { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.active\:stroke-green-200\/50:active { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) +} +.focus\:stroke-green-200\/60:focus { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.hover\:stroke-green-200\/60:hover { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.active\:stroke-green-200\/60:active { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) +} +.focus\:stroke-green-200\/70:focus { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.hover\:stroke-green-200\/70:hover { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.active\:stroke-green-200\/70:active { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) +} +.focus\:stroke-green-200\/80:focus { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.hover\:stroke-green-200\/80:hover { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.active\:stroke-green-200\/80:active { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) +} +.focus\:stroke-green-200\/90:focus { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.hover\:stroke-green-200\/90:hover { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.active\:stroke-green-200\/90:active { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) +} +.focus\:stroke-green-300:focus { + stroke: var(--green-300) +} +.hover\:stroke-green-300:hover { + stroke: var(--green-300) +} +.active\:stroke-green-300:active { + stroke: var(--green-300) +} +.focus\:stroke-green-300\/10:focus { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.hover\:stroke-green-300\/10:hover { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.active\:stroke-green-300\/10:active { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) +} +.focus\:stroke-green-300\/20:focus { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.hover\:stroke-green-300\/20:hover { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.active\:stroke-green-300\/20:active { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) +} +.focus\:stroke-green-300\/30:focus { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.hover\:stroke-green-300\/30:hover { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.active\:stroke-green-300\/30:active { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) +} +.focus\:stroke-green-300\/40:focus { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.hover\:stroke-green-300\/40:hover { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.active\:stroke-green-300\/40:active { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) +} +.focus\:stroke-green-300\/50:focus { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.hover\:stroke-green-300\/50:hover { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.active\:stroke-green-300\/50:active { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) +} +.focus\:stroke-green-300\/60:focus { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.hover\:stroke-green-300\/60:hover { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.active\:stroke-green-300\/60:active { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) +} +.focus\:stroke-green-300\/70:focus { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.hover\:stroke-green-300\/70:hover { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.active\:stroke-green-300\/70:active { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) +} +.focus\:stroke-green-300\/80:focus { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.hover\:stroke-green-300\/80:hover { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.active\:stroke-green-300\/80:active { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) +} +.focus\:stroke-green-300\/90:focus { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.hover\:stroke-green-300\/90:hover { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.active\:stroke-green-300\/90:active { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) +} +.focus\:stroke-green-400:focus { + stroke: var(--green-400) +} +.hover\:stroke-green-400:hover { + stroke: var(--green-400) +} +.active\:stroke-green-400:active { + stroke: var(--green-400) +} +.focus\:stroke-green-400\/10:focus { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.hover\:stroke-green-400\/10:hover { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.active\:stroke-green-400\/10:active { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) +} +.focus\:stroke-green-400\/20:focus { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.hover\:stroke-green-400\/20:hover { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.active\:stroke-green-400\/20:active { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) +} +.focus\:stroke-green-400\/30:focus { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.hover\:stroke-green-400\/30:hover { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.active\:stroke-green-400\/30:active { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) +} +.focus\:stroke-green-400\/40:focus { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.hover\:stroke-green-400\/40:hover { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.active\:stroke-green-400\/40:active { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) +} +.focus\:stroke-green-400\/50:focus { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.hover\:stroke-green-400\/50:hover { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.active\:stroke-green-400\/50:active { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) +} +.focus\:stroke-green-400\/60:focus { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.hover\:stroke-green-400\/60:hover { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.active\:stroke-green-400\/60:active { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) +} +.focus\:stroke-green-400\/70:focus { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.hover\:stroke-green-400\/70:hover { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.active\:stroke-green-400\/70:active { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) +} +.focus\:stroke-green-400\/80:focus { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.hover\:stroke-green-400\/80:hover { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.active\:stroke-green-400\/80:active { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) +} +.focus\:stroke-green-400\/90:focus { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.hover\:stroke-green-400\/90:hover { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.active\:stroke-green-400\/90:active { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) +} +.focus\:stroke-green-500:focus { + stroke: var(--green-500) +} +.hover\:stroke-green-500:hover { + stroke: var(--green-500) +} +.active\:stroke-green-500:active { + stroke: var(--green-500) +} +.focus\:stroke-green-500\/10:focus { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.hover\:stroke-green-500\/10:hover { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.active\:stroke-green-500\/10:active { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) +} +.focus\:stroke-green-500\/20:focus { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.hover\:stroke-green-500\/20:hover { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.active\:stroke-green-500\/20:active { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) +} +.focus\:stroke-green-500\/30:focus { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.hover\:stroke-green-500\/30:hover { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.active\:stroke-green-500\/30:active { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) +} +.focus\:stroke-green-500\/40:focus { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.hover\:stroke-green-500\/40:hover { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.active\:stroke-green-500\/40:active { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) +} +.focus\:stroke-green-500\/50:focus { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.hover\:stroke-green-500\/50:hover { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.active\:stroke-green-500\/50:active { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) +} +.focus\:stroke-green-500\/60:focus { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.hover\:stroke-green-500\/60:hover { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.active\:stroke-green-500\/60:active { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) +} +.focus\:stroke-green-500\/70:focus { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.hover\:stroke-green-500\/70:hover { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.active\:stroke-green-500\/70:active { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) +} +.focus\:stroke-green-500\/80:focus { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.hover\:stroke-green-500\/80:hover { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.active\:stroke-green-500\/80:active { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) +} +.focus\:stroke-green-500\/90:focus { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.hover\:stroke-green-500\/90:hover { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.active\:stroke-green-500\/90:active { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) +} +.focus\:stroke-green-600:focus { + stroke: var(--green-600) +} +.hover\:stroke-green-600:hover { + stroke: var(--green-600) +} +.active\:stroke-green-600:active { + stroke: var(--green-600) +} +.focus\:stroke-green-600\/10:focus { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.hover\:stroke-green-600\/10:hover { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.active\:stroke-green-600\/10:active { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) +} +.focus\:stroke-green-600\/20:focus { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.hover\:stroke-green-600\/20:hover { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.active\:stroke-green-600\/20:active { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) +} +.focus\:stroke-green-600\/30:focus { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.hover\:stroke-green-600\/30:hover { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.active\:stroke-green-600\/30:active { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) +} +.focus\:stroke-green-600\/40:focus { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.hover\:stroke-green-600\/40:hover { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.active\:stroke-green-600\/40:active { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) +} +.focus\:stroke-green-600\/50:focus { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.hover\:stroke-green-600\/50:hover { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.active\:stroke-green-600\/50:active { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) +} +.focus\:stroke-green-600\/60:focus { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.hover\:stroke-green-600\/60:hover { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.active\:stroke-green-600\/60:active { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) +} +.focus\:stroke-green-600\/70:focus { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.hover\:stroke-green-600\/70:hover { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.active\:stroke-green-600\/70:active { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) +} +.focus\:stroke-green-600\/80:focus { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.hover\:stroke-green-600\/80:hover { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.active\:stroke-green-600\/80:active { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) +} +.focus\:stroke-green-600\/90:focus { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.hover\:stroke-green-600\/90:hover { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.active\:stroke-green-600\/90:active { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) +} +.focus\:stroke-green-700:focus { + stroke: var(--green-700) +} +.hover\:stroke-green-700:hover { + stroke: var(--green-700) +} +.active\:stroke-green-700:active { + stroke: var(--green-700) +} +.focus\:stroke-green-700\/10:focus { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.hover\:stroke-green-700\/10:hover { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.active\:stroke-green-700\/10:active { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) +} +.focus\:stroke-green-700\/20:focus { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.hover\:stroke-green-700\/20:hover { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.active\:stroke-green-700\/20:active { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) +} +.focus\:stroke-green-700\/30:focus { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.hover\:stroke-green-700\/30:hover { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.active\:stroke-green-700\/30:active { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) +} +.focus\:stroke-green-700\/40:focus { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.hover\:stroke-green-700\/40:hover { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.active\:stroke-green-700\/40:active { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) +} +.focus\:stroke-green-700\/50:focus { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.hover\:stroke-green-700\/50:hover { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.active\:stroke-green-700\/50:active { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) +} +.focus\:stroke-green-700\/60:focus { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.hover\:stroke-green-700\/60:hover { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.active\:stroke-green-700\/60:active { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) +} +.focus\:stroke-green-700\/70:focus { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.hover\:stroke-green-700\/70:hover { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.active\:stroke-green-700\/70:active { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) +} +.focus\:stroke-green-700\/80:focus { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.hover\:stroke-green-700\/80:hover { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.active\:stroke-green-700\/80:active { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) +} +.focus\:stroke-green-700\/90:focus { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.hover\:stroke-green-700\/90:hover { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.active\:stroke-green-700\/90:active { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) +} +.focus\:stroke-green-800:focus { + stroke: var(--green-800) +} +.hover\:stroke-green-800:hover { + stroke: var(--green-800) +} +.active\:stroke-green-800:active { + stroke: var(--green-800) +} +.focus\:stroke-green-800\/10:focus { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.hover\:stroke-green-800\/10:hover { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.active\:stroke-green-800\/10:active { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) +} +.focus\:stroke-green-800\/20:focus { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.hover\:stroke-green-800\/20:hover { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.active\:stroke-green-800\/20:active { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) +} +.focus\:stroke-green-800\/30:focus { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.hover\:stroke-green-800\/30:hover { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.active\:stroke-green-800\/30:active { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) +} +.focus\:stroke-green-800\/40:focus { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.hover\:stroke-green-800\/40:hover { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.active\:stroke-green-800\/40:active { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) +} +.focus\:stroke-green-800\/50:focus { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.hover\:stroke-green-800\/50:hover { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.active\:stroke-green-800\/50:active { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) +} +.focus\:stroke-green-800\/60:focus { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.hover\:stroke-green-800\/60:hover { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.active\:stroke-green-800\/60:active { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) +} +.focus\:stroke-green-800\/70:focus { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.hover\:stroke-green-800\/70:hover { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.active\:stroke-green-800\/70:active { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) +} +.focus\:stroke-green-800\/80:focus { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.hover\:stroke-green-800\/80:hover { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.active\:stroke-green-800\/80:active { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) +} +.focus\:stroke-green-800\/90:focus { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.hover\:stroke-green-800\/90:hover { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.active\:stroke-green-800\/90:active { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) +} +.focus\:stroke-green-900:focus { + stroke: var(--green-900) +} +.hover\:stroke-green-900:hover { + stroke: var(--green-900) +} +.active\:stroke-green-900:active { + stroke: var(--green-900) +} +.focus\:stroke-green-900\/10:focus { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.hover\:stroke-green-900\/10:hover { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.active\:stroke-green-900\/10:active { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) +} +.focus\:stroke-green-900\/20:focus { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.hover\:stroke-green-900\/20:hover { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.active\:stroke-green-900\/20:active { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) +} +.focus\:stroke-green-900\/30:focus { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.hover\:stroke-green-900\/30:hover { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.active\:stroke-green-900\/30:active { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) +} +.focus\:stroke-green-900\/40:focus { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.hover\:stroke-green-900\/40:hover { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.active\:stroke-green-900\/40:active { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) +} +.focus\:stroke-green-900\/50:focus { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.hover\:stroke-green-900\/50:hover { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.active\:stroke-green-900\/50:active { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) +} +.focus\:stroke-green-900\/60:focus { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.hover\:stroke-green-900\/60:hover { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.active\:stroke-green-900\/60:active { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) +} +.focus\:stroke-green-900\/70:focus { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.hover\:stroke-green-900\/70:hover { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.active\:stroke-green-900\/70:active { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) +} +.focus\:stroke-green-900\/80:focus { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.hover\:stroke-green-900\/80:hover { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.active\:stroke-green-900\/80:active { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) +} +.focus\:stroke-green-900\/90:focus { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.hover\:stroke-green-900\/90:hover { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.active\:stroke-green-900\/90:active { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) +} +.focus\:stroke-yellow-50:focus { + stroke: var(--yellow-50) +} +.hover\:stroke-yellow-50:hover { + stroke: var(--yellow-50) +} +.active\:stroke-yellow-50:active { + stroke: var(--yellow-50) +} +.focus\:stroke-yellow-50\/10:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.hover\:stroke-yellow-50\/10:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.active\:stroke-yellow-50\/10:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) +} +.focus\:stroke-yellow-50\/20:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.hover\:stroke-yellow-50\/20:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.active\:stroke-yellow-50\/20:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) +} +.focus\:stroke-yellow-50\/30:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.hover\:stroke-yellow-50\/30:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.active\:stroke-yellow-50\/30:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) +} +.focus\:stroke-yellow-50\/40:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.hover\:stroke-yellow-50\/40:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.active\:stroke-yellow-50\/40:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) +} +.focus\:stroke-yellow-50\/50:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.hover\:stroke-yellow-50\/50:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.active\:stroke-yellow-50\/50:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) +} +.focus\:stroke-yellow-50\/60:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.hover\:stroke-yellow-50\/60:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.active\:stroke-yellow-50\/60:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) +} +.focus\:stroke-yellow-50\/70:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.hover\:stroke-yellow-50\/70:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.active\:stroke-yellow-50\/70:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) +} +.focus\:stroke-yellow-50\/80:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.hover\:stroke-yellow-50\/80:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.active\:stroke-yellow-50\/80:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) +} +.focus\:stroke-yellow-50\/90:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.hover\:stroke-yellow-50\/90:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.active\:stroke-yellow-50\/90:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) +} +.focus\:stroke-yellow-100:focus { + stroke: var(--yellow-100) +} +.hover\:stroke-yellow-100:hover { + stroke: var(--yellow-100) +} +.active\:stroke-yellow-100:active { + stroke: var(--yellow-100) +} +.focus\:stroke-yellow-100\/10:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.hover\:stroke-yellow-100\/10:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.active\:stroke-yellow-100\/10:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) +} +.focus\:stroke-yellow-100\/20:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.hover\:stroke-yellow-100\/20:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.active\:stroke-yellow-100\/20:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) +} +.focus\:stroke-yellow-100\/30:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.hover\:stroke-yellow-100\/30:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.active\:stroke-yellow-100\/30:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) +} +.focus\:stroke-yellow-100\/40:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.hover\:stroke-yellow-100\/40:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.active\:stroke-yellow-100\/40:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) +} +.focus\:stroke-yellow-100\/50:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.hover\:stroke-yellow-100\/50:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.active\:stroke-yellow-100\/50:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) +} +.focus\:stroke-yellow-100\/60:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.hover\:stroke-yellow-100\/60:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.active\:stroke-yellow-100\/60:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) +} +.focus\:stroke-yellow-100\/70:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.hover\:stroke-yellow-100\/70:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.active\:stroke-yellow-100\/70:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) +} +.focus\:stroke-yellow-100\/80:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.hover\:stroke-yellow-100\/80:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.active\:stroke-yellow-100\/80:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) +} +.focus\:stroke-yellow-100\/90:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.hover\:stroke-yellow-100\/90:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.active\:stroke-yellow-100\/90:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) +} +.focus\:stroke-yellow-200:focus { + stroke: var(--yellow-200) +} +.hover\:stroke-yellow-200:hover { + stroke: var(--yellow-200) +} +.active\:stroke-yellow-200:active { + stroke: var(--yellow-200) +} +.focus\:stroke-yellow-200\/10:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.hover\:stroke-yellow-200\/10:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.active\:stroke-yellow-200\/10:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) +} +.focus\:stroke-yellow-200\/20:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.hover\:stroke-yellow-200\/20:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.active\:stroke-yellow-200\/20:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) +} +.focus\:stroke-yellow-200\/30:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.hover\:stroke-yellow-200\/30:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.active\:stroke-yellow-200\/30:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) +} +.focus\:stroke-yellow-200\/40:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.hover\:stroke-yellow-200\/40:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.active\:stroke-yellow-200\/40:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) +} +.focus\:stroke-yellow-200\/50:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.hover\:stroke-yellow-200\/50:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.active\:stroke-yellow-200\/50:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) +} +.focus\:stroke-yellow-200\/60:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.hover\:stroke-yellow-200\/60:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.active\:stroke-yellow-200\/60:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) +} +.focus\:stroke-yellow-200\/70:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.hover\:stroke-yellow-200\/70:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.active\:stroke-yellow-200\/70:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) +} +.focus\:stroke-yellow-200\/80:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.hover\:stroke-yellow-200\/80:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.active\:stroke-yellow-200\/80:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) +} +.focus\:stroke-yellow-200\/90:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.hover\:stroke-yellow-200\/90:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.active\:stroke-yellow-200\/90:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) +} +.focus\:stroke-yellow-300:focus { + stroke: var(--yellow-300) +} +.hover\:stroke-yellow-300:hover { + stroke: var(--yellow-300) +} +.active\:stroke-yellow-300:active { + stroke: var(--yellow-300) +} +.focus\:stroke-yellow-300\/10:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.hover\:stroke-yellow-300\/10:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.active\:stroke-yellow-300\/10:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) +} +.focus\:stroke-yellow-300\/20:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.hover\:stroke-yellow-300\/20:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.active\:stroke-yellow-300\/20:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) +} +.focus\:stroke-yellow-300\/30:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.hover\:stroke-yellow-300\/30:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.active\:stroke-yellow-300\/30:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) +} +.focus\:stroke-yellow-300\/40:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.hover\:stroke-yellow-300\/40:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.active\:stroke-yellow-300\/40:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) +} +.focus\:stroke-yellow-300\/50:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.hover\:stroke-yellow-300\/50:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.active\:stroke-yellow-300\/50:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) +} +.focus\:stroke-yellow-300\/60:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.hover\:stroke-yellow-300\/60:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.active\:stroke-yellow-300\/60:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) +} +.focus\:stroke-yellow-300\/70:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.hover\:stroke-yellow-300\/70:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.active\:stroke-yellow-300\/70:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) +} +.focus\:stroke-yellow-300\/80:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.hover\:stroke-yellow-300\/80:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.active\:stroke-yellow-300\/80:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) +} +.focus\:stroke-yellow-300\/90:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.hover\:stroke-yellow-300\/90:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.active\:stroke-yellow-300\/90:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) +} +.focus\:stroke-yellow-400:focus { + stroke: var(--yellow-400) +} +.hover\:stroke-yellow-400:hover { + stroke: var(--yellow-400) +} +.active\:stroke-yellow-400:active { + stroke: var(--yellow-400) +} +.focus\:stroke-yellow-400\/10:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.hover\:stroke-yellow-400\/10:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.active\:stroke-yellow-400\/10:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) +} +.focus\:stroke-yellow-400\/20:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.hover\:stroke-yellow-400\/20:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.active\:stroke-yellow-400\/20:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) +} +.focus\:stroke-yellow-400\/30:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.hover\:stroke-yellow-400\/30:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.active\:stroke-yellow-400\/30:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) +} +.focus\:stroke-yellow-400\/40:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.hover\:stroke-yellow-400\/40:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.active\:stroke-yellow-400\/40:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) +} +.focus\:stroke-yellow-400\/50:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.hover\:stroke-yellow-400\/50:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.active\:stroke-yellow-400\/50:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) +} +.focus\:stroke-yellow-400\/60:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.hover\:stroke-yellow-400\/60:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.active\:stroke-yellow-400\/60:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) +} +.focus\:stroke-yellow-400\/70:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.hover\:stroke-yellow-400\/70:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.active\:stroke-yellow-400\/70:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) +} +.focus\:stroke-yellow-400\/80:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.hover\:stroke-yellow-400\/80:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.active\:stroke-yellow-400\/80:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) +} +.focus\:stroke-yellow-400\/90:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.hover\:stroke-yellow-400\/90:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.active\:stroke-yellow-400\/90:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) +} +.focus\:stroke-yellow-500:focus { + stroke: var(--yellow-500) +} +.hover\:stroke-yellow-500:hover { + stroke: var(--yellow-500) +} +.active\:stroke-yellow-500:active { + stroke: var(--yellow-500) +} +.focus\:stroke-yellow-500\/10:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.hover\:stroke-yellow-500\/10:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.active\:stroke-yellow-500\/10:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) +} +.focus\:stroke-yellow-500\/20:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.hover\:stroke-yellow-500\/20:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.active\:stroke-yellow-500\/20:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) +} +.focus\:stroke-yellow-500\/30:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.hover\:stroke-yellow-500\/30:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.active\:stroke-yellow-500\/30:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) +} +.focus\:stroke-yellow-500\/40:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.hover\:stroke-yellow-500\/40:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.active\:stroke-yellow-500\/40:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) +} +.focus\:stroke-yellow-500\/50:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.hover\:stroke-yellow-500\/50:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.active\:stroke-yellow-500\/50:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) +} +.focus\:stroke-yellow-500\/60:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.hover\:stroke-yellow-500\/60:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.active\:stroke-yellow-500\/60:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) +} +.focus\:stroke-yellow-500\/70:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.hover\:stroke-yellow-500\/70:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.active\:stroke-yellow-500\/70:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) +} +.focus\:stroke-yellow-500\/80:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.hover\:stroke-yellow-500\/80:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.active\:stroke-yellow-500\/80:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) +} +.focus\:stroke-yellow-500\/90:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.hover\:stroke-yellow-500\/90:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.active\:stroke-yellow-500\/90:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) +} +.focus\:stroke-yellow-600:focus { + stroke: var(--yellow-600) +} +.hover\:stroke-yellow-600:hover { + stroke: var(--yellow-600) +} +.active\:stroke-yellow-600:active { + stroke: var(--yellow-600) +} +.focus\:stroke-yellow-600\/10:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.hover\:stroke-yellow-600\/10:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.active\:stroke-yellow-600\/10:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) +} +.focus\:stroke-yellow-600\/20:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.hover\:stroke-yellow-600\/20:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.active\:stroke-yellow-600\/20:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) +} +.focus\:stroke-yellow-600\/30:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.hover\:stroke-yellow-600\/30:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.active\:stroke-yellow-600\/30:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) +} +.focus\:stroke-yellow-600\/40:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.hover\:stroke-yellow-600\/40:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.active\:stroke-yellow-600\/40:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) +} +.focus\:stroke-yellow-600\/50:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.hover\:stroke-yellow-600\/50:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.active\:stroke-yellow-600\/50:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) +} +.focus\:stroke-yellow-600\/60:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.hover\:stroke-yellow-600\/60:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.active\:stroke-yellow-600\/60:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) +} +.focus\:stroke-yellow-600\/70:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.hover\:stroke-yellow-600\/70:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.active\:stroke-yellow-600\/70:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) +} +.focus\:stroke-yellow-600\/80:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.hover\:stroke-yellow-600\/80:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.active\:stroke-yellow-600\/80:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) +} +.focus\:stroke-yellow-600\/90:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.hover\:stroke-yellow-600\/90:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.active\:stroke-yellow-600\/90:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) +} +.focus\:stroke-yellow-700:focus { + stroke: var(--yellow-700) +} +.hover\:stroke-yellow-700:hover { + stroke: var(--yellow-700) +} +.active\:stroke-yellow-700:active { + stroke: var(--yellow-700) +} +.focus\:stroke-yellow-700\/10:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.hover\:stroke-yellow-700\/10:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.active\:stroke-yellow-700\/10:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) +} +.focus\:stroke-yellow-700\/20:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.hover\:stroke-yellow-700\/20:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.active\:stroke-yellow-700\/20:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) +} +.focus\:stroke-yellow-700\/30:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.hover\:stroke-yellow-700\/30:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.active\:stroke-yellow-700\/30:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) +} +.focus\:stroke-yellow-700\/40:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.hover\:stroke-yellow-700\/40:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.active\:stroke-yellow-700\/40:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) +} +.focus\:stroke-yellow-700\/50:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.hover\:stroke-yellow-700\/50:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.active\:stroke-yellow-700\/50:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) +} +.focus\:stroke-yellow-700\/60:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.hover\:stroke-yellow-700\/60:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.active\:stroke-yellow-700\/60:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) +} +.focus\:stroke-yellow-700\/70:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.hover\:stroke-yellow-700\/70:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.active\:stroke-yellow-700\/70:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) +} +.focus\:stroke-yellow-700\/80:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.hover\:stroke-yellow-700\/80:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.active\:stroke-yellow-700\/80:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) +} +.focus\:stroke-yellow-700\/90:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.hover\:stroke-yellow-700\/90:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.active\:stroke-yellow-700\/90:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) +} +.focus\:stroke-yellow-800:focus { + stroke: var(--yellow-800) +} +.hover\:stroke-yellow-800:hover { + stroke: var(--yellow-800) +} +.active\:stroke-yellow-800:active { + stroke: var(--yellow-800) +} +.focus\:stroke-yellow-800\/10:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.hover\:stroke-yellow-800\/10:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.active\:stroke-yellow-800\/10:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) +} +.focus\:stroke-yellow-800\/20:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.hover\:stroke-yellow-800\/20:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.active\:stroke-yellow-800\/20:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) +} +.focus\:stroke-yellow-800\/30:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.hover\:stroke-yellow-800\/30:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.active\:stroke-yellow-800\/30:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) +} +.focus\:stroke-yellow-800\/40:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.hover\:stroke-yellow-800\/40:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.active\:stroke-yellow-800\/40:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) +} +.focus\:stroke-yellow-800\/50:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.hover\:stroke-yellow-800\/50:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.active\:stroke-yellow-800\/50:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) +} +.focus\:stroke-yellow-800\/60:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.hover\:stroke-yellow-800\/60:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.active\:stroke-yellow-800\/60:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) +} +.focus\:stroke-yellow-800\/70:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.hover\:stroke-yellow-800\/70:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.active\:stroke-yellow-800\/70:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) +} +.focus\:stroke-yellow-800\/80:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.hover\:stroke-yellow-800\/80:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.active\:stroke-yellow-800\/80:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) +} +.focus\:stroke-yellow-800\/90:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.hover\:stroke-yellow-800\/90:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.active\:stroke-yellow-800\/90:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) +} +.focus\:stroke-yellow-900:focus { + stroke: var(--yellow-900) +} +.hover\:stroke-yellow-900:hover { + stroke: var(--yellow-900) +} +.active\:stroke-yellow-900:active { + stroke: var(--yellow-900) +} +.focus\:stroke-yellow-900\/10:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.hover\:stroke-yellow-900\/10:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.active\:stroke-yellow-900\/10:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) +} +.focus\:stroke-yellow-900\/20:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.hover\:stroke-yellow-900\/20:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.active\:stroke-yellow-900\/20:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) +} +.focus\:stroke-yellow-900\/30:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.hover\:stroke-yellow-900\/30:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.active\:stroke-yellow-900\/30:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) +} +.focus\:stroke-yellow-900\/40:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.hover\:stroke-yellow-900\/40:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.active\:stroke-yellow-900\/40:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) +} +.focus\:stroke-yellow-900\/50:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.hover\:stroke-yellow-900\/50:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.active\:stroke-yellow-900\/50:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) +} +.focus\:stroke-yellow-900\/60:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.hover\:stroke-yellow-900\/60:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.active\:stroke-yellow-900\/60:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) +} +.focus\:stroke-yellow-900\/70:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.hover\:stroke-yellow-900\/70:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.active\:stroke-yellow-900\/70:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) +} +.focus\:stroke-yellow-900\/80:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.hover\:stroke-yellow-900\/80:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.active\:stroke-yellow-900\/80:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) +} +.focus\:stroke-yellow-900\/90:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.hover\:stroke-yellow-900\/90:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.active\:stroke-yellow-900\/90:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) +} +.focus\:stroke-cyan-50:focus { + stroke: var(--cyan-50) +} +.hover\:stroke-cyan-50:hover { + stroke: var(--cyan-50) +} +.active\:stroke-cyan-50:active { + stroke: var(--cyan-50) +} +.focus\:stroke-cyan-50\/10:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.hover\:stroke-cyan-50\/10:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.active\:stroke-cyan-50\/10:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) +} +.focus\:stroke-cyan-50\/20:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.hover\:stroke-cyan-50\/20:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.active\:stroke-cyan-50\/20:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) +} +.focus\:stroke-cyan-50\/30:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.hover\:stroke-cyan-50\/30:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.active\:stroke-cyan-50\/30:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) +} +.focus\:stroke-cyan-50\/40:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.hover\:stroke-cyan-50\/40:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.active\:stroke-cyan-50\/40:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) +} +.focus\:stroke-cyan-50\/50:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.hover\:stroke-cyan-50\/50:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.active\:stroke-cyan-50\/50:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) +} +.focus\:stroke-cyan-50\/60:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.hover\:stroke-cyan-50\/60:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.active\:stroke-cyan-50\/60:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) +} +.focus\:stroke-cyan-50\/70:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.hover\:stroke-cyan-50\/70:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.active\:stroke-cyan-50\/70:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) +} +.focus\:stroke-cyan-50\/80:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.hover\:stroke-cyan-50\/80:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.active\:stroke-cyan-50\/80:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) +} +.focus\:stroke-cyan-50\/90:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.hover\:stroke-cyan-50\/90:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.active\:stroke-cyan-50\/90:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) +} +.focus\:stroke-cyan-100:focus { + stroke: var(--cyan-100) +} +.hover\:stroke-cyan-100:hover { + stroke: var(--cyan-100) +} +.active\:stroke-cyan-100:active { + stroke: var(--cyan-100) +} +.focus\:stroke-cyan-100\/10:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.hover\:stroke-cyan-100\/10:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.active\:stroke-cyan-100\/10:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) +} +.focus\:stroke-cyan-100\/20:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.hover\:stroke-cyan-100\/20:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.active\:stroke-cyan-100\/20:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) +} +.focus\:stroke-cyan-100\/30:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.hover\:stroke-cyan-100\/30:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.active\:stroke-cyan-100\/30:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) +} +.focus\:stroke-cyan-100\/40:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.hover\:stroke-cyan-100\/40:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.active\:stroke-cyan-100\/40:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) +} +.focus\:stroke-cyan-100\/50:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.hover\:stroke-cyan-100\/50:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.active\:stroke-cyan-100\/50:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) +} +.focus\:stroke-cyan-100\/60:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.hover\:stroke-cyan-100\/60:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.active\:stroke-cyan-100\/60:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) +} +.focus\:stroke-cyan-100\/70:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.hover\:stroke-cyan-100\/70:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.active\:stroke-cyan-100\/70:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) +} +.focus\:stroke-cyan-100\/80:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.hover\:stroke-cyan-100\/80:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.active\:stroke-cyan-100\/80:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) +} +.focus\:stroke-cyan-100\/90:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.hover\:stroke-cyan-100\/90:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.active\:stroke-cyan-100\/90:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) +} +.focus\:stroke-cyan-200:focus { + stroke: var(--cyan-200) +} +.hover\:stroke-cyan-200:hover { + stroke: var(--cyan-200) +} +.active\:stroke-cyan-200:active { + stroke: var(--cyan-200) +} +.focus\:stroke-cyan-200\/10:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.hover\:stroke-cyan-200\/10:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.active\:stroke-cyan-200\/10:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) +} +.focus\:stroke-cyan-200\/20:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.hover\:stroke-cyan-200\/20:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.active\:stroke-cyan-200\/20:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) +} +.focus\:stroke-cyan-200\/30:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.hover\:stroke-cyan-200\/30:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.active\:stroke-cyan-200\/30:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) +} +.focus\:stroke-cyan-200\/40:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.hover\:stroke-cyan-200\/40:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.active\:stroke-cyan-200\/40:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) +} +.focus\:stroke-cyan-200\/50:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.hover\:stroke-cyan-200\/50:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.active\:stroke-cyan-200\/50:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) +} +.focus\:stroke-cyan-200\/60:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.hover\:stroke-cyan-200\/60:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.active\:stroke-cyan-200\/60:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) +} +.focus\:stroke-cyan-200\/70:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.hover\:stroke-cyan-200\/70:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.active\:stroke-cyan-200\/70:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) +} +.focus\:stroke-cyan-200\/80:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.hover\:stroke-cyan-200\/80:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.active\:stroke-cyan-200\/80:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) +} +.focus\:stroke-cyan-200\/90:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.hover\:stroke-cyan-200\/90:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.active\:stroke-cyan-200\/90:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) +} +.focus\:stroke-cyan-300:focus { + stroke: var(--cyan-300) +} +.hover\:stroke-cyan-300:hover { + stroke: var(--cyan-300) +} +.active\:stroke-cyan-300:active { + stroke: var(--cyan-300) +} +.focus\:stroke-cyan-300\/10:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.hover\:stroke-cyan-300\/10:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.active\:stroke-cyan-300\/10:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) +} +.focus\:stroke-cyan-300\/20:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.hover\:stroke-cyan-300\/20:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.active\:stroke-cyan-300\/20:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) +} +.focus\:stroke-cyan-300\/30:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.hover\:stroke-cyan-300\/30:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.active\:stroke-cyan-300\/30:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) +} +.focus\:stroke-cyan-300\/40:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.hover\:stroke-cyan-300\/40:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.active\:stroke-cyan-300\/40:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) +} +.focus\:stroke-cyan-300\/50:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.hover\:stroke-cyan-300\/50:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.active\:stroke-cyan-300\/50:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) +} +.focus\:stroke-cyan-300\/60:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.hover\:stroke-cyan-300\/60:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.active\:stroke-cyan-300\/60:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) +} +.focus\:stroke-cyan-300\/70:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.hover\:stroke-cyan-300\/70:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.active\:stroke-cyan-300\/70:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) +} +.focus\:stroke-cyan-300\/80:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.hover\:stroke-cyan-300\/80:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.active\:stroke-cyan-300\/80:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) +} +.focus\:stroke-cyan-300\/90:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.hover\:stroke-cyan-300\/90:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.active\:stroke-cyan-300\/90:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) +} +.focus\:stroke-cyan-400:focus { + stroke: var(--cyan-400) +} +.hover\:stroke-cyan-400:hover { + stroke: var(--cyan-400) +} +.active\:stroke-cyan-400:active { + stroke: var(--cyan-400) +} +.focus\:stroke-cyan-400\/10:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.hover\:stroke-cyan-400\/10:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.active\:stroke-cyan-400\/10:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) +} +.focus\:stroke-cyan-400\/20:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.hover\:stroke-cyan-400\/20:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.active\:stroke-cyan-400\/20:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) +} +.focus\:stroke-cyan-400\/30:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.hover\:stroke-cyan-400\/30:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.active\:stroke-cyan-400\/30:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) +} +.focus\:stroke-cyan-400\/40:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.hover\:stroke-cyan-400\/40:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.active\:stroke-cyan-400\/40:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) +} +.focus\:stroke-cyan-400\/50:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.hover\:stroke-cyan-400\/50:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.active\:stroke-cyan-400\/50:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) +} +.focus\:stroke-cyan-400\/60:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.hover\:stroke-cyan-400\/60:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.active\:stroke-cyan-400\/60:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) +} +.focus\:stroke-cyan-400\/70:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.hover\:stroke-cyan-400\/70:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.active\:stroke-cyan-400\/70:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) +} +.focus\:stroke-cyan-400\/80:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.hover\:stroke-cyan-400\/80:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.active\:stroke-cyan-400\/80:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) +} +.focus\:stroke-cyan-400\/90:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.hover\:stroke-cyan-400\/90:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.active\:stroke-cyan-400\/90:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) +} +.focus\:stroke-cyan-500:focus { + stroke: var(--cyan-500) +} +.hover\:stroke-cyan-500:hover { + stroke: var(--cyan-500) +} +.active\:stroke-cyan-500:active { + stroke: var(--cyan-500) +} +.focus\:stroke-cyan-500\/10:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.hover\:stroke-cyan-500\/10:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.active\:stroke-cyan-500\/10:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) +} +.focus\:stroke-cyan-500\/20:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.hover\:stroke-cyan-500\/20:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.active\:stroke-cyan-500\/20:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) +} +.focus\:stroke-cyan-500\/30:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.hover\:stroke-cyan-500\/30:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.active\:stroke-cyan-500\/30:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) +} +.focus\:stroke-cyan-500\/40:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.hover\:stroke-cyan-500\/40:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.active\:stroke-cyan-500\/40:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) +} +.focus\:stroke-cyan-500\/50:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.hover\:stroke-cyan-500\/50:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.active\:stroke-cyan-500\/50:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) +} +.focus\:stroke-cyan-500\/60:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.hover\:stroke-cyan-500\/60:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.active\:stroke-cyan-500\/60:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) +} +.focus\:stroke-cyan-500\/70:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.hover\:stroke-cyan-500\/70:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.active\:stroke-cyan-500\/70:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) +} +.focus\:stroke-cyan-500\/80:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.hover\:stroke-cyan-500\/80:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.active\:stroke-cyan-500\/80:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) +} +.focus\:stroke-cyan-500\/90:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.hover\:stroke-cyan-500\/90:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.active\:stroke-cyan-500\/90:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) +} +.focus\:stroke-cyan-600:focus { + stroke: var(--cyan-600) +} +.hover\:stroke-cyan-600:hover { + stroke: var(--cyan-600) +} +.active\:stroke-cyan-600:active { + stroke: var(--cyan-600) +} +.focus\:stroke-cyan-600\/10:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.hover\:stroke-cyan-600\/10:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.active\:stroke-cyan-600\/10:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) +} +.focus\:stroke-cyan-600\/20:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.hover\:stroke-cyan-600\/20:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.active\:stroke-cyan-600\/20:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) +} +.focus\:stroke-cyan-600\/30:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.hover\:stroke-cyan-600\/30:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.active\:stroke-cyan-600\/30:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) +} +.focus\:stroke-cyan-600\/40:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.hover\:stroke-cyan-600\/40:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.active\:stroke-cyan-600\/40:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) +} +.focus\:stroke-cyan-600\/50:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.hover\:stroke-cyan-600\/50:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.active\:stroke-cyan-600\/50:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) +} +.focus\:stroke-cyan-600\/60:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.hover\:stroke-cyan-600\/60:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.active\:stroke-cyan-600\/60:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) +} +.focus\:stroke-cyan-600\/70:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.hover\:stroke-cyan-600\/70:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.active\:stroke-cyan-600\/70:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) +} +.focus\:stroke-cyan-600\/80:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.hover\:stroke-cyan-600\/80:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.active\:stroke-cyan-600\/80:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) +} +.focus\:stroke-cyan-600\/90:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.hover\:stroke-cyan-600\/90:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.active\:stroke-cyan-600\/90:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) +} +.focus\:stroke-cyan-700:focus { + stroke: var(--cyan-700) +} +.hover\:stroke-cyan-700:hover { + stroke: var(--cyan-700) +} +.active\:stroke-cyan-700:active { + stroke: var(--cyan-700) +} +.focus\:stroke-cyan-700\/10:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.hover\:stroke-cyan-700\/10:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.active\:stroke-cyan-700\/10:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) +} +.focus\:stroke-cyan-700\/20:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.hover\:stroke-cyan-700\/20:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.active\:stroke-cyan-700\/20:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) +} +.focus\:stroke-cyan-700\/30:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.hover\:stroke-cyan-700\/30:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.active\:stroke-cyan-700\/30:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) +} +.focus\:stroke-cyan-700\/40:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.hover\:stroke-cyan-700\/40:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.active\:stroke-cyan-700\/40:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) +} +.focus\:stroke-cyan-700\/50:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.hover\:stroke-cyan-700\/50:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.active\:stroke-cyan-700\/50:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) +} +.focus\:stroke-cyan-700\/60:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.hover\:stroke-cyan-700\/60:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.active\:stroke-cyan-700\/60:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) +} +.focus\:stroke-cyan-700\/70:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.hover\:stroke-cyan-700\/70:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.active\:stroke-cyan-700\/70:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) +} +.focus\:stroke-cyan-700\/80:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.hover\:stroke-cyan-700\/80:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.active\:stroke-cyan-700\/80:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) +} +.focus\:stroke-cyan-700\/90:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.hover\:stroke-cyan-700\/90:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.active\:stroke-cyan-700\/90:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) +} +.focus\:stroke-cyan-800:focus { + stroke: var(--cyan-800) +} +.hover\:stroke-cyan-800:hover { + stroke: var(--cyan-800) +} +.active\:stroke-cyan-800:active { + stroke: var(--cyan-800) +} +.focus\:stroke-cyan-800\/10:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.hover\:stroke-cyan-800\/10:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.active\:stroke-cyan-800\/10:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) +} +.focus\:stroke-cyan-800\/20:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.hover\:stroke-cyan-800\/20:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.active\:stroke-cyan-800\/20:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) +} +.focus\:stroke-cyan-800\/30:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.hover\:stroke-cyan-800\/30:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.active\:stroke-cyan-800\/30:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) +} +.focus\:stroke-cyan-800\/40:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.hover\:stroke-cyan-800\/40:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.active\:stroke-cyan-800\/40:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) +} +.focus\:stroke-cyan-800\/50:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.hover\:stroke-cyan-800\/50:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.active\:stroke-cyan-800\/50:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) +} +.focus\:stroke-cyan-800\/60:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.hover\:stroke-cyan-800\/60:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.active\:stroke-cyan-800\/60:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) +} +.focus\:stroke-cyan-800\/70:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.hover\:stroke-cyan-800\/70:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.active\:stroke-cyan-800\/70:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) +} +.focus\:stroke-cyan-800\/80:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.hover\:stroke-cyan-800\/80:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.active\:stroke-cyan-800\/80:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) +} +.focus\:stroke-cyan-800\/90:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.hover\:stroke-cyan-800\/90:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.active\:stroke-cyan-800\/90:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) +} +.focus\:stroke-cyan-900:focus { + stroke: var(--cyan-900) +} +.hover\:stroke-cyan-900:hover { + stroke: var(--cyan-900) +} +.active\:stroke-cyan-900:active { + stroke: var(--cyan-900) +} +.focus\:stroke-cyan-900\/10:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.hover\:stroke-cyan-900\/10:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.active\:stroke-cyan-900\/10:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) +} +.focus\:stroke-cyan-900\/20:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.hover\:stroke-cyan-900\/20:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.active\:stroke-cyan-900\/20:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) +} +.focus\:stroke-cyan-900\/30:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.hover\:stroke-cyan-900\/30:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.active\:stroke-cyan-900\/30:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) +} +.focus\:stroke-cyan-900\/40:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.hover\:stroke-cyan-900\/40:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.active\:stroke-cyan-900\/40:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) +} +.focus\:stroke-cyan-900\/50:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.hover\:stroke-cyan-900\/50:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.active\:stroke-cyan-900\/50:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) +} +.focus\:stroke-cyan-900\/60:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.hover\:stroke-cyan-900\/60:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.active\:stroke-cyan-900\/60:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) +} +.focus\:stroke-cyan-900\/70:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.hover\:stroke-cyan-900\/70:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.active\:stroke-cyan-900\/70:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) +} +.focus\:stroke-cyan-900\/80:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.hover\:stroke-cyan-900\/80:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.active\:stroke-cyan-900\/80:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) +} +.focus\:stroke-cyan-900\/90:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.hover\:stroke-cyan-900\/90:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.active\:stroke-cyan-900\/90:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) +} +.focus\:stroke-pink-50:focus { + stroke: var(--pink-50) +} +.hover\:stroke-pink-50:hover { + stroke: var(--pink-50) +} +.active\:stroke-pink-50:active { + stroke: var(--pink-50) +} +.focus\:stroke-pink-50\/10:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.hover\:stroke-pink-50\/10:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.active\:stroke-pink-50\/10:active { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) +} +.focus\:stroke-pink-50\/20:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.hover\:stroke-pink-50\/20:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.active\:stroke-pink-50\/20:active { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) +} +.focus\:stroke-pink-50\/30:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.hover\:stroke-pink-50\/30:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.active\:stroke-pink-50\/30:active { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) +} +.focus\:stroke-pink-50\/40:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.hover\:stroke-pink-50\/40:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.active\:stroke-pink-50\/40:active { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) +} +.focus\:stroke-pink-50\/50:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.hover\:stroke-pink-50\/50:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.active\:stroke-pink-50\/50:active { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) +} +.focus\:stroke-pink-50\/60:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.hover\:stroke-pink-50\/60:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.active\:stroke-pink-50\/60:active { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) +} +.focus\:stroke-pink-50\/70:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.hover\:stroke-pink-50\/70:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.active\:stroke-pink-50\/70:active { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) +} +.focus\:stroke-pink-50\/80:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.hover\:stroke-pink-50\/80:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.active\:stroke-pink-50\/80:active { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) +} +.focus\:stroke-pink-50\/90:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.hover\:stroke-pink-50\/90:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.active\:stroke-pink-50\/90:active { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) +} +.focus\:stroke-pink-100:focus { + stroke: var(--pink-100) +} +.hover\:stroke-pink-100:hover { + stroke: var(--pink-100) +} +.active\:stroke-pink-100:active { + stroke: var(--pink-100) +} +.focus\:stroke-pink-100\/10:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.hover\:stroke-pink-100\/10:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.active\:stroke-pink-100\/10:active { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) +} +.focus\:stroke-pink-100\/20:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.hover\:stroke-pink-100\/20:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.active\:stroke-pink-100\/20:active { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) +} +.focus\:stroke-pink-100\/30:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.hover\:stroke-pink-100\/30:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.active\:stroke-pink-100\/30:active { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) +} +.focus\:stroke-pink-100\/40:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.hover\:stroke-pink-100\/40:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.active\:stroke-pink-100\/40:active { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) +} +.focus\:stroke-pink-100\/50:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.hover\:stroke-pink-100\/50:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.active\:stroke-pink-100\/50:active { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) +} +.focus\:stroke-pink-100\/60:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.hover\:stroke-pink-100\/60:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.active\:stroke-pink-100\/60:active { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) +} +.focus\:stroke-pink-100\/70:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.hover\:stroke-pink-100\/70:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.active\:stroke-pink-100\/70:active { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) +} +.focus\:stroke-pink-100\/80:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.hover\:stroke-pink-100\/80:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.active\:stroke-pink-100\/80:active { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) +} +.focus\:stroke-pink-100\/90:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.hover\:stroke-pink-100\/90:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.active\:stroke-pink-100\/90:active { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) +} +.focus\:stroke-pink-200:focus { + stroke: var(--pink-200) +} +.hover\:stroke-pink-200:hover { + stroke: var(--pink-200) +} +.active\:stroke-pink-200:active { + stroke: var(--pink-200) +} +.focus\:stroke-pink-200\/10:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.hover\:stroke-pink-200\/10:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.active\:stroke-pink-200\/10:active { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) +} +.focus\:stroke-pink-200\/20:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.hover\:stroke-pink-200\/20:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.active\:stroke-pink-200\/20:active { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) +} +.focus\:stroke-pink-200\/30:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.hover\:stroke-pink-200\/30:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.active\:stroke-pink-200\/30:active { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) +} +.focus\:stroke-pink-200\/40:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.hover\:stroke-pink-200\/40:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.active\:stroke-pink-200\/40:active { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) +} +.focus\:stroke-pink-200\/50:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.hover\:stroke-pink-200\/50:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.active\:stroke-pink-200\/50:active { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) +} +.focus\:stroke-pink-200\/60:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.hover\:stroke-pink-200\/60:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.active\:stroke-pink-200\/60:active { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) +} +.focus\:stroke-pink-200\/70:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.hover\:stroke-pink-200\/70:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.active\:stroke-pink-200\/70:active { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) +} +.focus\:stroke-pink-200\/80:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.hover\:stroke-pink-200\/80:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.active\:stroke-pink-200\/80:active { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) +} +.focus\:stroke-pink-200\/90:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.hover\:stroke-pink-200\/90:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.active\:stroke-pink-200\/90:active { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) +} +.focus\:stroke-pink-300:focus { + stroke: var(--pink-300) +} +.hover\:stroke-pink-300:hover { + stroke: var(--pink-300) +} +.active\:stroke-pink-300:active { + stroke: var(--pink-300) +} +.focus\:stroke-pink-300\/10:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.hover\:stroke-pink-300\/10:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.active\:stroke-pink-300\/10:active { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) +} +.focus\:stroke-pink-300\/20:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.hover\:stroke-pink-300\/20:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.active\:stroke-pink-300\/20:active { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) +} +.focus\:stroke-pink-300\/30:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.hover\:stroke-pink-300\/30:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.active\:stroke-pink-300\/30:active { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) +} +.focus\:stroke-pink-300\/40:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.hover\:stroke-pink-300\/40:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.active\:stroke-pink-300\/40:active { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) +} +.focus\:stroke-pink-300\/50:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.hover\:stroke-pink-300\/50:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.active\:stroke-pink-300\/50:active { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) +} +.focus\:stroke-pink-300\/60:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.hover\:stroke-pink-300\/60:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.active\:stroke-pink-300\/60:active { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) +} +.focus\:stroke-pink-300\/70:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.hover\:stroke-pink-300\/70:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.active\:stroke-pink-300\/70:active { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) +} +.focus\:stroke-pink-300\/80:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.hover\:stroke-pink-300\/80:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.active\:stroke-pink-300\/80:active { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) +} +.focus\:stroke-pink-300\/90:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.hover\:stroke-pink-300\/90:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.active\:stroke-pink-300\/90:active { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) +} +.focus\:stroke-pink-400:focus { + stroke: var(--pink-400) +} +.hover\:stroke-pink-400:hover { + stroke: var(--pink-400) +} +.active\:stroke-pink-400:active { + stroke: var(--pink-400) +} +.focus\:stroke-pink-400\/10:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.hover\:stroke-pink-400\/10:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.active\:stroke-pink-400\/10:active { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) +} +.focus\:stroke-pink-400\/20:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.hover\:stroke-pink-400\/20:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.active\:stroke-pink-400\/20:active { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) +} +.focus\:stroke-pink-400\/30:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.hover\:stroke-pink-400\/30:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.active\:stroke-pink-400\/30:active { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) +} +.focus\:stroke-pink-400\/40:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.hover\:stroke-pink-400\/40:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.active\:stroke-pink-400\/40:active { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) +} +.focus\:stroke-pink-400\/50:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.hover\:stroke-pink-400\/50:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.active\:stroke-pink-400\/50:active { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) +} +.focus\:stroke-pink-400\/60:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.hover\:stroke-pink-400\/60:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.active\:stroke-pink-400\/60:active { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) +} +.focus\:stroke-pink-400\/70:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.hover\:stroke-pink-400\/70:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.active\:stroke-pink-400\/70:active { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) +} +.focus\:stroke-pink-400\/80:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.hover\:stroke-pink-400\/80:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.active\:stroke-pink-400\/80:active { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) +} +.focus\:stroke-pink-400\/90:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.hover\:stroke-pink-400\/90:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.active\:stroke-pink-400\/90:active { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) +} +.focus\:stroke-pink-500:focus { + stroke: var(--pink-500) +} +.hover\:stroke-pink-500:hover { + stroke: var(--pink-500) +} +.active\:stroke-pink-500:active { + stroke: var(--pink-500) +} +.focus\:stroke-pink-500\/10:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.hover\:stroke-pink-500\/10:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.active\:stroke-pink-500\/10:active { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) +} +.focus\:stroke-pink-500\/20:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.hover\:stroke-pink-500\/20:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.active\:stroke-pink-500\/20:active { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) +} +.focus\:stroke-pink-500\/30:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.hover\:stroke-pink-500\/30:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.active\:stroke-pink-500\/30:active { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) +} +.focus\:stroke-pink-500\/40:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.hover\:stroke-pink-500\/40:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.active\:stroke-pink-500\/40:active { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) +} +.focus\:stroke-pink-500\/50:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.hover\:stroke-pink-500\/50:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.active\:stroke-pink-500\/50:active { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) +} +.focus\:stroke-pink-500\/60:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.hover\:stroke-pink-500\/60:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.active\:stroke-pink-500\/60:active { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) +} +.focus\:stroke-pink-500\/70:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.hover\:stroke-pink-500\/70:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.active\:stroke-pink-500\/70:active { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) +} +.focus\:stroke-pink-500\/80:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.hover\:stroke-pink-500\/80:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.active\:stroke-pink-500\/80:active { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) +} +.focus\:stroke-pink-500\/90:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.hover\:stroke-pink-500\/90:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.active\:stroke-pink-500\/90:active { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) +} +.focus\:stroke-pink-600:focus { + stroke: var(--pink-600) +} +.hover\:stroke-pink-600:hover { + stroke: var(--pink-600) +} +.active\:stroke-pink-600:active { + stroke: var(--pink-600) +} +.focus\:stroke-pink-600\/10:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.hover\:stroke-pink-600\/10:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.active\:stroke-pink-600\/10:active { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) +} +.focus\:stroke-pink-600\/20:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.hover\:stroke-pink-600\/20:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.active\:stroke-pink-600\/20:active { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) +} +.focus\:stroke-pink-600\/30:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.hover\:stroke-pink-600\/30:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.active\:stroke-pink-600\/30:active { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) +} +.focus\:stroke-pink-600\/40:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.hover\:stroke-pink-600\/40:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.active\:stroke-pink-600\/40:active { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) +} +.focus\:stroke-pink-600\/50:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.hover\:stroke-pink-600\/50:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.active\:stroke-pink-600\/50:active { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) +} +.focus\:stroke-pink-600\/60:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.hover\:stroke-pink-600\/60:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.active\:stroke-pink-600\/60:active { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) +} +.focus\:stroke-pink-600\/70:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.hover\:stroke-pink-600\/70:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.active\:stroke-pink-600\/70:active { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) +} +.focus\:stroke-pink-600\/80:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.hover\:stroke-pink-600\/80:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.active\:stroke-pink-600\/80:active { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) +} +.focus\:stroke-pink-600\/90:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.hover\:stroke-pink-600\/90:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.active\:stroke-pink-600\/90:active { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) +} +.focus\:stroke-pink-700:focus { + stroke: var(--pink-700) +} +.hover\:stroke-pink-700:hover { + stroke: var(--pink-700) +} +.active\:stroke-pink-700:active { + stroke: var(--pink-700) +} +.focus\:stroke-pink-700\/10:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.hover\:stroke-pink-700\/10:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.active\:stroke-pink-700\/10:active { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) +} +.focus\:stroke-pink-700\/20:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.hover\:stroke-pink-700\/20:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.active\:stroke-pink-700\/20:active { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) +} +.focus\:stroke-pink-700\/30:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.hover\:stroke-pink-700\/30:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.active\:stroke-pink-700\/30:active { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) +} +.focus\:stroke-pink-700\/40:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.hover\:stroke-pink-700\/40:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.active\:stroke-pink-700\/40:active { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) +} +.focus\:stroke-pink-700\/50:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.hover\:stroke-pink-700\/50:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.active\:stroke-pink-700\/50:active { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) +} +.focus\:stroke-pink-700\/60:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.hover\:stroke-pink-700\/60:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.active\:stroke-pink-700\/60:active { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) +} +.focus\:stroke-pink-700\/70:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.hover\:stroke-pink-700\/70:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.active\:stroke-pink-700\/70:active { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) +} +.focus\:stroke-pink-700\/80:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.hover\:stroke-pink-700\/80:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.active\:stroke-pink-700\/80:active { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) +} +.focus\:stroke-pink-700\/90:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.hover\:stroke-pink-700\/90:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.active\:stroke-pink-700\/90:active { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) +} +.focus\:stroke-pink-800:focus { + stroke: var(--pink-800) +} +.hover\:stroke-pink-800:hover { + stroke: var(--pink-800) +} +.active\:stroke-pink-800:active { + stroke: var(--pink-800) +} +.focus\:stroke-pink-800\/10:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.hover\:stroke-pink-800\/10:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.active\:stroke-pink-800\/10:active { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) +} +.focus\:stroke-pink-800\/20:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.hover\:stroke-pink-800\/20:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.active\:stroke-pink-800\/20:active { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) +} +.focus\:stroke-pink-800\/30:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.hover\:stroke-pink-800\/30:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.active\:stroke-pink-800\/30:active { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) +} +.focus\:stroke-pink-800\/40:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.hover\:stroke-pink-800\/40:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.active\:stroke-pink-800\/40:active { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) +} +.focus\:stroke-pink-800\/50:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.hover\:stroke-pink-800\/50:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.active\:stroke-pink-800\/50:active { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) +} +.focus\:stroke-pink-800\/60:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.hover\:stroke-pink-800\/60:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.active\:stroke-pink-800\/60:active { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) +} +.focus\:stroke-pink-800\/70:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.hover\:stroke-pink-800\/70:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.active\:stroke-pink-800\/70:active { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) +} +.focus\:stroke-pink-800\/80:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.hover\:stroke-pink-800\/80:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.active\:stroke-pink-800\/80:active { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) +} +.focus\:stroke-pink-800\/90:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.hover\:stroke-pink-800\/90:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.active\:stroke-pink-800\/90:active { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) +} +.focus\:stroke-pink-900:focus { + stroke: var(--pink-900) +} +.hover\:stroke-pink-900:hover { + stroke: var(--pink-900) +} +.active\:stroke-pink-900:active { + stroke: var(--pink-900) +} +.focus\:stroke-pink-900\/10:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.hover\:stroke-pink-900\/10:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.active\:stroke-pink-900\/10:active { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) +} +.focus\:stroke-pink-900\/20:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.hover\:stroke-pink-900\/20:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.active\:stroke-pink-900\/20:active { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) +} +.focus\:stroke-pink-900\/30:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.hover\:stroke-pink-900\/30:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.active\:stroke-pink-900\/30:active { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) +} +.focus\:stroke-pink-900\/40:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.hover\:stroke-pink-900\/40:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.active\:stroke-pink-900\/40:active { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) +} +.focus\:stroke-pink-900\/50:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.hover\:stroke-pink-900\/50:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.active\:stroke-pink-900\/50:active { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) +} +.focus\:stroke-pink-900\/60:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.hover\:stroke-pink-900\/60:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.active\:stroke-pink-900\/60:active { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) +} +.focus\:stroke-pink-900\/70:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.hover\:stroke-pink-900\/70:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.active\:stroke-pink-900\/70:active { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) +} +.focus\:stroke-pink-900\/80:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.hover\:stroke-pink-900\/80:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.active\:stroke-pink-900\/80:active { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) +} +.focus\:stroke-pink-900\/90:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.hover\:stroke-pink-900\/90:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.active\:stroke-pink-900\/90:active { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) +} +.focus\:stroke-indigo-50:focus { + stroke: var(--indigo-50) +} +.hover\:stroke-indigo-50:hover { + stroke: var(--indigo-50) +} +.active\:stroke-indigo-50:active { + stroke: var(--indigo-50) +} +.focus\:stroke-indigo-50\/10:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.hover\:stroke-indigo-50\/10:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.active\:stroke-indigo-50\/10:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) +} +.focus\:stroke-indigo-50\/20:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.hover\:stroke-indigo-50\/20:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.active\:stroke-indigo-50\/20:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) +} +.focus\:stroke-indigo-50\/30:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.hover\:stroke-indigo-50\/30:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.active\:stroke-indigo-50\/30:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) +} +.focus\:stroke-indigo-50\/40:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.hover\:stroke-indigo-50\/40:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.active\:stroke-indigo-50\/40:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) +} +.focus\:stroke-indigo-50\/50:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.hover\:stroke-indigo-50\/50:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.active\:stroke-indigo-50\/50:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) +} +.focus\:stroke-indigo-50\/60:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.hover\:stroke-indigo-50\/60:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.active\:stroke-indigo-50\/60:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) +} +.focus\:stroke-indigo-50\/70:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.hover\:stroke-indigo-50\/70:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.active\:stroke-indigo-50\/70:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) +} +.focus\:stroke-indigo-50\/80:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.hover\:stroke-indigo-50\/80:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.active\:stroke-indigo-50\/80:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) +} +.focus\:stroke-indigo-50\/90:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.hover\:stroke-indigo-50\/90:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.active\:stroke-indigo-50\/90:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) +} +.focus\:stroke-indigo-100:focus { + stroke: var(--indigo-100) +} +.hover\:stroke-indigo-100:hover { + stroke: var(--indigo-100) +} +.active\:stroke-indigo-100:active { + stroke: var(--indigo-100) +} +.focus\:stroke-indigo-100\/10:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.hover\:stroke-indigo-100\/10:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.active\:stroke-indigo-100\/10:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) +} +.focus\:stroke-indigo-100\/20:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.hover\:stroke-indigo-100\/20:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.active\:stroke-indigo-100\/20:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) +} +.focus\:stroke-indigo-100\/30:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.hover\:stroke-indigo-100\/30:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.active\:stroke-indigo-100\/30:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) +} +.focus\:stroke-indigo-100\/40:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.hover\:stroke-indigo-100\/40:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.active\:stroke-indigo-100\/40:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) +} +.focus\:stroke-indigo-100\/50:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.hover\:stroke-indigo-100\/50:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.active\:stroke-indigo-100\/50:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) +} +.focus\:stroke-indigo-100\/60:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.hover\:stroke-indigo-100\/60:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.active\:stroke-indigo-100\/60:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) +} +.focus\:stroke-indigo-100\/70:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.hover\:stroke-indigo-100\/70:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.active\:stroke-indigo-100\/70:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) +} +.focus\:stroke-indigo-100\/80:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.hover\:stroke-indigo-100\/80:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.active\:stroke-indigo-100\/80:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) +} +.focus\:stroke-indigo-100\/90:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.hover\:stroke-indigo-100\/90:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.active\:stroke-indigo-100\/90:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) +} +.focus\:stroke-indigo-200:focus { + stroke: var(--indigo-200) +} +.hover\:stroke-indigo-200:hover { + stroke: var(--indigo-200) +} +.active\:stroke-indigo-200:active { + stroke: var(--indigo-200) +} +.focus\:stroke-indigo-200\/10:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.hover\:stroke-indigo-200\/10:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.active\:stroke-indigo-200\/10:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) +} +.focus\:stroke-indigo-200\/20:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.hover\:stroke-indigo-200\/20:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.active\:stroke-indigo-200\/20:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) +} +.focus\:stroke-indigo-200\/30:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.hover\:stroke-indigo-200\/30:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.active\:stroke-indigo-200\/30:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) +} +.focus\:stroke-indigo-200\/40:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.hover\:stroke-indigo-200\/40:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.active\:stroke-indigo-200\/40:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) +} +.focus\:stroke-indigo-200\/50:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.hover\:stroke-indigo-200\/50:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.active\:stroke-indigo-200\/50:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) +} +.focus\:stroke-indigo-200\/60:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.hover\:stroke-indigo-200\/60:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.active\:stroke-indigo-200\/60:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) +} +.focus\:stroke-indigo-200\/70:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.hover\:stroke-indigo-200\/70:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.active\:stroke-indigo-200\/70:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) +} +.focus\:stroke-indigo-200\/80:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.hover\:stroke-indigo-200\/80:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.active\:stroke-indigo-200\/80:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) +} +.focus\:stroke-indigo-200\/90:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.hover\:stroke-indigo-200\/90:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.active\:stroke-indigo-200\/90:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) +} +.focus\:stroke-indigo-300:focus { + stroke: var(--indigo-300) +} +.hover\:stroke-indigo-300:hover { + stroke: var(--indigo-300) +} +.active\:stroke-indigo-300:active { + stroke: var(--indigo-300) +} +.focus\:stroke-indigo-300\/10:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.hover\:stroke-indigo-300\/10:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.active\:stroke-indigo-300\/10:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) +} +.focus\:stroke-indigo-300\/20:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.hover\:stroke-indigo-300\/20:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.active\:stroke-indigo-300\/20:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) +} +.focus\:stroke-indigo-300\/30:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.hover\:stroke-indigo-300\/30:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.active\:stroke-indigo-300\/30:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) +} +.focus\:stroke-indigo-300\/40:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.hover\:stroke-indigo-300\/40:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.active\:stroke-indigo-300\/40:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) +} +.focus\:stroke-indigo-300\/50:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.hover\:stroke-indigo-300\/50:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.active\:stroke-indigo-300\/50:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) +} +.focus\:stroke-indigo-300\/60:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.hover\:stroke-indigo-300\/60:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.active\:stroke-indigo-300\/60:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) +} +.focus\:stroke-indigo-300\/70:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.hover\:stroke-indigo-300\/70:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.active\:stroke-indigo-300\/70:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) +} +.focus\:stroke-indigo-300\/80:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.hover\:stroke-indigo-300\/80:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.active\:stroke-indigo-300\/80:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) +} +.focus\:stroke-indigo-300\/90:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.hover\:stroke-indigo-300\/90:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.active\:stroke-indigo-300\/90:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) +} +.focus\:stroke-indigo-400:focus { + stroke: var(--indigo-400) +} +.hover\:stroke-indigo-400:hover { + stroke: var(--indigo-400) +} +.active\:stroke-indigo-400:active { + stroke: var(--indigo-400) +} +.focus\:stroke-indigo-400\/10:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.hover\:stroke-indigo-400\/10:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.active\:stroke-indigo-400\/10:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) +} +.focus\:stroke-indigo-400\/20:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.hover\:stroke-indigo-400\/20:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.active\:stroke-indigo-400\/20:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) +} +.focus\:stroke-indigo-400\/30:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.hover\:stroke-indigo-400\/30:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.active\:stroke-indigo-400\/30:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) +} +.focus\:stroke-indigo-400\/40:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.hover\:stroke-indigo-400\/40:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.active\:stroke-indigo-400\/40:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) +} +.focus\:stroke-indigo-400\/50:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.hover\:stroke-indigo-400\/50:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.active\:stroke-indigo-400\/50:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) +} +.focus\:stroke-indigo-400\/60:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.hover\:stroke-indigo-400\/60:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.active\:stroke-indigo-400\/60:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) +} +.focus\:stroke-indigo-400\/70:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.hover\:stroke-indigo-400\/70:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.active\:stroke-indigo-400\/70:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) +} +.focus\:stroke-indigo-400\/80:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.hover\:stroke-indigo-400\/80:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.active\:stroke-indigo-400\/80:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) +} +.focus\:stroke-indigo-400\/90:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.hover\:stroke-indigo-400\/90:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.active\:stroke-indigo-400\/90:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) +} +.focus\:stroke-indigo-500:focus { + stroke: var(--indigo-500) +} +.hover\:stroke-indigo-500:hover { + stroke: var(--indigo-500) +} +.active\:stroke-indigo-500:active { + stroke: var(--indigo-500) +} +.focus\:stroke-indigo-500\/10:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.hover\:stroke-indigo-500\/10:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.active\:stroke-indigo-500\/10:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) +} +.focus\:stroke-indigo-500\/20:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.hover\:stroke-indigo-500\/20:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.active\:stroke-indigo-500\/20:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) +} +.focus\:stroke-indigo-500\/30:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.hover\:stroke-indigo-500\/30:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.active\:stroke-indigo-500\/30:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) +} +.focus\:stroke-indigo-500\/40:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.hover\:stroke-indigo-500\/40:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.active\:stroke-indigo-500\/40:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) +} +.focus\:stroke-indigo-500\/50:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.hover\:stroke-indigo-500\/50:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.active\:stroke-indigo-500\/50:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) +} +.focus\:stroke-indigo-500\/60:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.hover\:stroke-indigo-500\/60:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.active\:stroke-indigo-500\/60:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) +} +.focus\:stroke-indigo-500\/70:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.hover\:stroke-indigo-500\/70:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.active\:stroke-indigo-500\/70:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) +} +.focus\:stroke-indigo-500\/80:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.hover\:stroke-indigo-500\/80:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.active\:stroke-indigo-500\/80:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) +} +.focus\:stroke-indigo-500\/90:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.hover\:stroke-indigo-500\/90:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.active\:stroke-indigo-500\/90:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) +} +.focus\:stroke-indigo-600:focus { + stroke: var(--indigo-600) +} +.hover\:stroke-indigo-600:hover { + stroke: var(--indigo-600) +} +.active\:stroke-indigo-600:active { + stroke: var(--indigo-600) +} +.focus\:stroke-indigo-600\/10:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.hover\:stroke-indigo-600\/10:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.active\:stroke-indigo-600\/10:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) +} +.focus\:stroke-indigo-600\/20:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.hover\:stroke-indigo-600\/20:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.active\:stroke-indigo-600\/20:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) +} +.focus\:stroke-indigo-600\/30:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.hover\:stroke-indigo-600\/30:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.active\:stroke-indigo-600\/30:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) +} +.focus\:stroke-indigo-600\/40:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.hover\:stroke-indigo-600\/40:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.active\:stroke-indigo-600\/40:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) +} +.focus\:stroke-indigo-600\/50:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.hover\:stroke-indigo-600\/50:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.active\:stroke-indigo-600\/50:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) +} +.focus\:stroke-indigo-600\/60:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.hover\:stroke-indigo-600\/60:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.active\:stroke-indigo-600\/60:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) +} +.focus\:stroke-indigo-600\/70:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.hover\:stroke-indigo-600\/70:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.active\:stroke-indigo-600\/70:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) +} +.focus\:stroke-indigo-600\/80:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.hover\:stroke-indigo-600\/80:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.active\:stroke-indigo-600\/80:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) +} +.focus\:stroke-indigo-600\/90:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.hover\:stroke-indigo-600\/90:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.active\:stroke-indigo-600\/90:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) +} +.focus\:stroke-indigo-700:focus { + stroke: var(--indigo-700) +} +.hover\:stroke-indigo-700:hover { + stroke: var(--indigo-700) +} +.active\:stroke-indigo-700:active { + stroke: var(--indigo-700) +} +.focus\:stroke-indigo-700\/10:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.hover\:stroke-indigo-700\/10:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.active\:stroke-indigo-700\/10:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) +} +.focus\:stroke-indigo-700\/20:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.hover\:stroke-indigo-700\/20:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.active\:stroke-indigo-700\/20:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) +} +.focus\:stroke-indigo-700\/30:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.hover\:stroke-indigo-700\/30:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.active\:stroke-indigo-700\/30:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) +} +.focus\:stroke-indigo-700\/40:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.hover\:stroke-indigo-700\/40:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.active\:stroke-indigo-700\/40:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) +} +.focus\:stroke-indigo-700\/50:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.hover\:stroke-indigo-700\/50:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.active\:stroke-indigo-700\/50:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) +} +.focus\:stroke-indigo-700\/60:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.hover\:stroke-indigo-700\/60:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.active\:stroke-indigo-700\/60:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) +} +.focus\:stroke-indigo-700\/70:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.hover\:stroke-indigo-700\/70:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.active\:stroke-indigo-700\/70:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) +} +.focus\:stroke-indigo-700\/80:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.hover\:stroke-indigo-700\/80:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.active\:stroke-indigo-700\/80:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) +} +.focus\:stroke-indigo-700\/90:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.hover\:stroke-indigo-700\/90:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.active\:stroke-indigo-700\/90:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) +} +.focus\:stroke-indigo-800:focus { + stroke: var(--indigo-800) +} +.hover\:stroke-indigo-800:hover { + stroke: var(--indigo-800) +} +.active\:stroke-indigo-800:active { + stroke: var(--indigo-800) +} +.focus\:stroke-indigo-800\/10:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.hover\:stroke-indigo-800\/10:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.active\:stroke-indigo-800\/10:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) +} +.focus\:stroke-indigo-800\/20:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.hover\:stroke-indigo-800\/20:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.active\:stroke-indigo-800\/20:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) +} +.focus\:stroke-indigo-800\/30:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.hover\:stroke-indigo-800\/30:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.active\:stroke-indigo-800\/30:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) +} +.focus\:stroke-indigo-800\/40:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.hover\:stroke-indigo-800\/40:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.active\:stroke-indigo-800\/40:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) +} +.focus\:stroke-indigo-800\/50:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.hover\:stroke-indigo-800\/50:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.active\:stroke-indigo-800\/50:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) +} +.focus\:stroke-indigo-800\/60:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.hover\:stroke-indigo-800\/60:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.active\:stroke-indigo-800\/60:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) +} +.focus\:stroke-indigo-800\/70:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.hover\:stroke-indigo-800\/70:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.active\:stroke-indigo-800\/70:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) +} +.focus\:stroke-indigo-800\/80:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.hover\:stroke-indigo-800\/80:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.active\:stroke-indigo-800\/80:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) +} +.focus\:stroke-indigo-800\/90:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.hover\:stroke-indigo-800\/90:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.active\:stroke-indigo-800\/90:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) +} +.focus\:stroke-indigo-900:focus { + stroke: var(--indigo-900) +} +.hover\:stroke-indigo-900:hover { + stroke: var(--indigo-900) +} +.active\:stroke-indigo-900:active { + stroke: var(--indigo-900) +} +.focus\:stroke-indigo-900\/10:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.hover\:stroke-indigo-900\/10:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.active\:stroke-indigo-900\/10:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) +} +.focus\:stroke-indigo-900\/20:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.hover\:stroke-indigo-900\/20:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.active\:stroke-indigo-900\/20:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) +} +.focus\:stroke-indigo-900\/30:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.hover\:stroke-indigo-900\/30:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.active\:stroke-indigo-900\/30:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) +} +.focus\:stroke-indigo-900\/40:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.hover\:stroke-indigo-900\/40:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.active\:stroke-indigo-900\/40:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) +} +.focus\:stroke-indigo-900\/50:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.hover\:stroke-indigo-900\/50:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.active\:stroke-indigo-900\/50:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) +} +.focus\:stroke-indigo-900\/60:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.hover\:stroke-indigo-900\/60:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.active\:stroke-indigo-900\/60:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) +} +.focus\:stroke-indigo-900\/70:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.hover\:stroke-indigo-900\/70:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.active\:stroke-indigo-900\/70:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) +} +.focus\:stroke-indigo-900\/80:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.hover\:stroke-indigo-900\/80:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.active\:stroke-indigo-900\/80:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) +} +.focus\:stroke-indigo-900\/90:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.hover\:stroke-indigo-900\/90:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.active\:stroke-indigo-900\/90:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) +} +.focus\:stroke-teal-50:focus { + stroke: var(--teal-50) +} +.hover\:stroke-teal-50:hover { + stroke: var(--teal-50) +} +.active\:stroke-teal-50:active { + stroke: var(--teal-50) +} +.focus\:stroke-teal-50\/10:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.hover\:stroke-teal-50\/10:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.active\:stroke-teal-50\/10:active { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) +} +.focus\:stroke-teal-50\/20:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.hover\:stroke-teal-50\/20:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.active\:stroke-teal-50\/20:active { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) +} +.focus\:stroke-teal-50\/30:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.hover\:stroke-teal-50\/30:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.active\:stroke-teal-50\/30:active { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) +} +.focus\:stroke-teal-50\/40:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.hover\:stroke-teal-50\/40:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.active\:stroke-teal-50\/40:active { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) +} +.focus\:stroke-teal-50\/50:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.hover\:stroke-teal-50\/50:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.active\:stroke-teal-50\/50:active { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) +} +.focus\:stroke-teal-50\/60:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.hover\:stroke-teal-50\/60:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.active\:stroke-teal-50\/60:active { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) +} +.focus\:stroke-teal-50\/70:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.hover\:stroke-teal-50\/70:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.active\:stroke-teal-50\/70:active { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) +} +.focus\:stroke-teal-50\/80:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.hover\:stroke-teal-50\/80:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.active\:stroke-teal-50\/80:active { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) +} +.focus\:stroke-teal-50\/90:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.hover\:stroke-teal-50\/90:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.active\:stroke-teal-50\/90:active { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) +} +.focus\:stroke-teal-100:focus { + stroke: var(--teal-100) +} +.hover\:stroke-teal-100:hover { + stroke: var(--teal-100) +} +.active\:stroke-teal-100:active { + stroke: var(--teal-100) +} +.focus\:stroke-teal-100\/10:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.hover\:stroke-teal-100\/10:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.active\:stroke-teal-100\/10:active { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) +} +.focus\:stroke-teal-100\/20:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.hover\:stroke-teal-100\/20:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.active\:stroke-teal-100\/20:active { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) +} +.focus\:stroke-teal-100\/30:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.hover\:stroke-teal-100\/30:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.active\:stroke-teal-100\/30:active { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) +} +.focus\:stroke-teal-100\/40:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.hover\:stroke-teal-100\/40:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.active\:stroke-teal-100\/40:active { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) +} +.focus\:stroke-teal-100\/50:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.hover\:stroke-teal-100\/50:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.active\:stroke-teal-100\/50:active { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) +} +.focus\:stroke-teal-100\/60:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.hover\:stroke-teal-100\/60:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.active\:stroke-teal-100\/60:active { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) +} +.focus\:stroke-teal-100\/70:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.hover\:stroke-teal-100\/70:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.active\:stroke-teal-100\/70:active { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) +} +.focus\:stroke-teal-100\/80:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.hover\:stroke-teal-100\/80:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.active\:stroke-teal-100\/80:active { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) +} +.focus\:stroke-teal-100\/90:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.hover\:stroke-teal-100\/90:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.active\:stroke-teal-100\/90:active { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) +} +.focus\:stroke-teal-200:focus { + stroke: var(--teal-200) +} +.hover\:stroke-teal-200:hover { + stroke: var(--teal-200) +} +.active\:stroke-teal-200:active { + stroke: var(--teal-200) +} +.focus\:stroke-teal-200\/10:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.hover\:stroke-teal-200\/10:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.active\:stroke-teal-200\/10:active { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) +} +.focus\:stroke-teal-200\/20:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.hover\:stroke-teal-200\/20:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.active\:stroke-teal-200\/20:active { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) +} +.focus\:stroke-teal-200\/30:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.hover\:stroke-teal-200\/30:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.active\:stroke-teal-200\/30:active { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) +} +.focus\:stroke-teal-200\/40:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.hover\:stroke-teal-200\/40:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.active\:stroke-teal-200\/40:active { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) +} +.focus\:stroke-teal-200\/50:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.hover\:stroke-teal-200\/50:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.active\:stroke-teal-200\/50:active { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) +} +.focus\:stroke-teal-200\/60:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.hover\:stroke-teal-200\/60:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.active\:stroke-teal-200\/60:active { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) +} +.focus\:stroke-teal-200\/70:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.hover\:stroke-teal-200\/70:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.active\:stroke-teal-200\/70:active { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) +} +.focus\:stroke-teal-200\/80:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.hover\:stroke-teal-200\/80:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.active\:stroke-teal-200\/80:active { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) +} +.focus\:stroke-teal-200\/90:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.hover\:stroke-teal-200\/90:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.active\:stroke-teal-200\/90:active { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) +} +.focus\:stroke-teal-300:focus { + stroke: var(--teal-300) +} +.hover\:stroke-teal-300:hover { + stroke: var(--teal-300) +} +.active\:stroke-teal-300:active { + stroke: var(--teal-300) +} +.focus\:stroke-teal-300\/10:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.hover\:stroke-teal-300\/10:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.active\:stroke-teal-300\/10:active { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) +} +.focus\:stroke-teal-300\/20:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.hover\:stroke-teal-300\/20:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.active\:stroke-teal-300\/20:active { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) +} +.focus\:stroke-teal-300\/30:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.hover\:stroke-teal-300\/30:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.active\:stroke-teal-300\/30:active { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) +} +.focus\:stroke-teal-300\/40:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.hover\:stroke-teal-300\/40:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.active\:stroke-teal-300\/40:active { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) +} +.focus\:stroke-teal-300\/50:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.hover\:stroke-teal-300\/50:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.active\:stroke-teal-300\/50:active { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) +} +.focus\:stroke-teal-300\/60:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.hover\:stroke-teal-300\/60:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.active\:stroke-teal-300\/60:active { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) +} +.focus\:stroke-teal-300\/70:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.hover\:stroke-teal-300\/70:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.active\:stroke-teal-300\/70:active { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) +} +.focus\:stroke-teal-300\/80:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.hover\:stroke-teal-300\/80:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.active\:stroke-teal-300\/80:active { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) +} +.focus\:stroke-teal-300\/90:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.hover\:stroke-teal-300\/90:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.active\:stroke-teal-300\/90:active { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) +} +.focus\:stroke-teal-400:focus { + stroke: var(--teal-400) +} +.hover\:stroke-teal-400:hover { + stroke: var(--teal-400) +} +.active\:stroke-teal-400:active { + stroke: var(--teal-400) +} +.focus\:stroke-teal-400\/10:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.hover\:stroke-teal-400\/10:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.active\:stroke-teal-400\/10:active { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) +} +.focus\:stroke-teal-400\/20:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.hover\:stroke-teal-400\/20:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.active\:stroke-teal-400\/20:active { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) +} +.focus\:stroke-teal-400\/30:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.hover\:stroke-teal-400\/30:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.active\:stroke-teal-400\/30:active { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) +} +.focus\:stroke-teal-400\/40:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.hover\:stroke-teal-400\/40:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.active\:stroke-teal-400\/40:active { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) +} +.focus\:stroke-teal-400\/50:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.hover\:stroke-teal-400\/50:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.active\:stroke-teal-400\/50:active { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) +} +.focus\:stroke-teal-400\/60:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.hover\:stroke-teal-400\/60:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.active\:stroke-teal-400\/60:active { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) +} +.focus\:stroke-teal-400\/70:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.hover\:stroke-teal-400\/70:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.active\:stroke-teal-400\/70:active { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) +} +.focus\:stroke-teal-400\/80:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.hover\:stroke-teal-400\/80:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.active\:stroke-teal-400\/80:active { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) +} +.focus\:stroke-teal-400\/90:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.hover\:stroke-teal-400\/90:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.active\:stroke-teal-400\/90:active { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) +} +.focus\:stroke-teal-500:focus { + stroke: var(--teal-500) +} +.hover\:stroke-teal-500:hover { + stroke: var(--teal-500) +} +.active\:stroke-teal-500:active { + stroke: var(--teal-500) +} +.focus\:stroke-teal-500\/10:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.hover\:stroke-teal-500\/10:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.active\:stroke-teal-500\/10:active { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) +} +.focus\:stroke-teal-500\/20:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.hover\:stroke-teal-500\/20:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.active\:stroke-teal-500\/20:active { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) +} +.focus\:stroke-teal-500\/30:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.hover\:stroke-teal-500\/30:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.active\:stroke-teal-500\/30:active { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) +} +.focus\:stroke-teal-500\/40:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.hover\:stroke-teal-500\/40:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.active\:stroke-teal-500\/40:active { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) +} +.focus\:stroke-teal-500\/50:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.hover\:stroke-teal-500\/50:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.active\:stroke-teal-500\/50:active { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) +} +.focus\:stroke-teal-500\/60:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.hover\:stroke-teal-500\/60:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.active\:stroke-teal-500\/60:active { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) +} +.focus\:stroke-teal-500\/70:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.hover\:stroke-teal-500\/70:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.active\:stroke-teal-500\/70:active { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) +} +.focus\:stroke-teal-500\/80:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.hover\:stroke-teal-500\/80:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.active\:stroke-teal-500\/80:active { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) +} +.focus\:stroke-teal-500\/90:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.hover\:stroke-teal-500\/90:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.active\:stroke-teal-500\/90:active { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) +} +.focus\:stroke-teal-600:focus { + stroke: var(--teal-600) +} +.hover\:stroke-teal-600:hover { + stroke: var(--teal-600) +} +.active\:stroke-teal-600:active { + stroke: var(--teal-600) +} +.focus\:stroke-teal-600\/10:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.hover\:stroke-teal-600\/10:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.active\:stroke-teal-600\/10:active { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) +} +.focus\:stroke-teal-600\/20:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.hover\:stroke-teal-600\/20:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.active\:stroke-teal-600\/20:active { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) +} +.focus\:stroke-teal-600\/30:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.hover\:stroke-teal-600\/30:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.active\:stroke-teal-600\/30:active { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) +} +.focus\:stroke-teal-600\/40:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.hover\:stroke-teal-600\/40:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.active\:stroke-teal-600\/40:active { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) +} +.focus\:stroke-teal-600\/50:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.hover\:stroke-teal-600\/50:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.active\:stroke-teal-600\/50:active { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) +} +.focus\:stroke-teal-600\/60:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.hover\:stroke-teal-600\/60:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.active\:stroke-teal-600\/60:active { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) +} +.focus\:stroke-teal-600\/70:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.hover\:stroke-teal-600\/70:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.active\:stroke-teal-600\/70:active { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) +} +.focus\:stroke-teal-600\/80:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.hover\:stroke-teal-600\/80:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.active\:stroke-teal-600\/80:active { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) +} +.focus\:stroke-teal-600\/90:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.hover\:stroke-teal-600\/90:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.active\:stroke-teal-600\/90:active { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) +} +.focus\:stroke-teal-700:focus { + stroke: var(--teal-700) +} +.hover\:stroke-teal-700:hover { + stroke: var(--teal-700) +} +.active\:stroke-teal-700:active { + stroke: var(--teal-700) +} +.focus\:stroke-teal-700\/10:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.hover\:stroke-teal-700\/10:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.active\:stroke-teal-700\/10:active { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) +} +.focus\:stroke-teal-700\/20:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.hover\:stroke-teal-700\/20:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.active\:stroke-teal-700\/20:active { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) +} +.focus\:stroke-teal-700\/30:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.hover\:stroke-teal-700\/30:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.active\:stroke-teal-700\/30:active { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) +} +.focus\:stroke-teal-700\/40:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.hover\:stroke-teal-700\/40:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.active\:stroke-teal-700\/40:active { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) +} +.focus\:stroke-teal-700\/50:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.hover\:stroke-teal-700\/50:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.active\:stroke-teal-700\/50:active { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) +} +.focus\:stroke-teal-700\/60:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.hover\:stroke-teal-700\/60:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.active\:stroke-teal-700\/60:active { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) +} +.focus\:stroke-teal-700\/70:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.hover\:stroke-teal-700\/70:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.active\:stroke-teal-700\/70:active { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) +} +.focus\:stroke-teal-700\/80:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.hover\:stroke-teal-700\/80:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.active\:stroke-teal-700\/80:active { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) +} +.focus\:stroke-teal-700\/90:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.hover\:stroke-teal-700\/90:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.active\:stroke-teal-700\/90:active { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) +} +.focus\:stroke-teal-800:focus { + stroke: var(--teal-800) +} +.hover\:stroke-teal-800:hover { + stroke: var(--teal-800) +} +.active\:stroke-teal-800:active { + stroke: var(--teal-800) +} +.focus\:stroke-teal-800\/10:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.hover\:stroke-teal-800\/10:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.active\:stroke-teal-800\/10:active { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) +} +.focus\:stroke-teal-800\/20:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.hover\:stroke-teal-800\/20:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.active\:stroke-teal-800\/20:active { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) +} +.focus\:stroke-teal-800\/30:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.hover\:stroke-teal-800\/30:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.active\:stroke-teal-800\/30:active { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) +} +.focus\:stroke-teal-800\/40:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.hover\:stroke-teal-800\/40:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.active\:stroke-teal-800\/40:active { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) +} +.focus\:stroke-teal-800\/50:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.hover\:stroke-teal-800\/50:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.active\:stroke-teal-800\/50:active { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) +} +.focus\:stroke-teal-800\/60:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.hover\:stroke-teal-800\/60:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.active\:stroke-teal-800\/60:active { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) +} +.focus\:stroke-teal-800\/70:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.hover\:stroke-teal-800\/70:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.active\:stroke-teal-800\/70:active { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) +} +.focus\:stroke-teal-800\/80:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.hover\:stroke-teal-800\/80:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.active\:stroke-teal-800\/80:active { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) +} +.focus\:stroke-teal-800\/90:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.hover\:stroke-teal-800\/90:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.active\:stroke-teal-800\/90:active { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) +} +.focus\:stroke-teal-900:focus { + stroke: var(--teal-900) +} +.hover\:stroke-teal-900:hover { + stroke: var(--teal-900) +} +.active\:stroke-teal-900:active { + stroke: var(--teal-900) +} +.focus\:stroke-teal-900\/10:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.hover\:stroke-teal-900\/10:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.active\:stroke-teal-900\/10:active { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) +} +.focus\:stroke-teal-900\/20:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.hover\:stroke-teal-900\/20:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.active\:stroke-teal-900\/20:active { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) +} +.focus\:stroke-teal-900\/30:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.hover\:stroke-teal-900\/30:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.active\:stroke-teal-900\/30:active { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) +} +.focus\:stroke-teal-900\/40:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.hover\:stroke-teal-900\/40:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.active\:stroke-teal-900\/40:active { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) +} +.focus\:stroke-teal-900\/50:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.hover\:stroke-teal-900\/50:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.active\:stroke-teal-900\/50:active { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) +} +.focus\:stroke-teal-900\/60:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.hover\:stroke-teal-900\/60:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.active\:stroke-teal-900\/60:active { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) +} +.focus\:stroke-teal-900\/70:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.hover\:stroke-teal-900\/70:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.active\:stroke-teal-900\/70:active { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) +} +.focus\:stroke-teal-900\/80:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.hover\:stroke-teal-900\/80:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.active\:stroke-teal-900\/80:active { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) +} +.focus\:stroke-teal-900\/90:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.hover\:stroke-teal-900\/90:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.active\:stroke-teal-900\/90:active { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) +} +.focus\:stroke-orange-50:focus { + stroke: var(--orange-50) +} +.hover\:stroke-orange-50:hover { + stroke: var(--orange-50) +} +.active\:stroke-orange-50:active { + stroke: var(--orange-50) +} +.focus\:stroke-orange-50\/10:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.hover\:stroke-orange-50\/10:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.active\:stroke-orange-50\/10:active { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) +} +.focus\:stroke-orange-50\/20:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.hover\:stroke-orange-50\/20:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.active\:stroke-orange-50\/20:active { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) +} +.focus\:stroke-orange-50\/30:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.hover\:stroke-orange-50\/30:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.active\:stroke-orange-50\/30:active { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) +} +.focus\:stroke-orange-50\/40:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.hover\:stroke-orange-50\/40:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.active\:stroke-orange-50\/40:active { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) +} +.focus\:stroke-orange-50\/50:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.hover\:stroke-orange-50\/50:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.active\:stroke-orange-50\/50:active { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) +} +.focus\:stroke-orange-50\/60:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.hover\:stroke-orange-50\/60:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.active\:stroke-orange-50\/60:active { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) +} +.focus\:stroke-orange-50\/70:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.hover\:stroke-orange-50\/70:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.active\:stroke-orange-50\/70:active { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) +} +.focus\:stroke-orange-50\/80:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.hover\:stroke-orange-50\/80:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.active\:stroke-orange-50\/80:active { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) +} +.focus\:stroke-orange-50\/90:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.hover\:stroke-orange-50\/90:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.active\:stroke-orange-50\/90:active { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) +} +.focus\:stroke-orange-100:focus { + stroke: var(--orange-100) +} +.hover\:stroke-orange-100:hover { + stroke: var(--orange-100) +} +.active\:stroke-orange-100:active { + stroke: var(--orange-100) +} +.focus\:stroke-orange-100\/10:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.hover\:stroke-orange-100\/10:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.active\:stroke-orange-100\/10:active { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) +} +.focus\:stroke-orange-100\/20:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.hover\:stroke-orange-100\/20:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.active\:stroke-orange-100\/20:active { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) +} +.focus\:stroke-orange-100\/30:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.hover\:stroke-orange-100\/30:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.active\:stroke-orange-100\/30:active { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) +} +.focus\:stroke-orange-100\/40:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.hover\:stroke-orange-100\/40:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.active\:stroke-orange-100\/40:active { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) +} +.focus\:stroke-orange-100\/50:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.hover\:stroke-orange-100\/50:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.active\:stroke-orange-100\/50:active { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) +} +.focus\:stroke-orange-100\/60:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.hover\:stroke-orange-100\/60:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.active\:stroke-orange-100\/60:active { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) +} +.focus\:stroke-orange-100\/70:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.hover\:stroke-orange-100\/70:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.active\:stroke-orange-100\/70:active { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) +} +.focus\:stroke-orange-100\/80:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.hover\:stroke-orange-100\/80:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.active\:stroke-orange-100\/80:active { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) +} +.focus\:stroke-orange-100\/90:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.hover\:stroke-orange-100\/90:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.active\:stroke-orange-100\/90:active { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) +} +.focus\:stroke-orange-200:focus { + stroke: var(--orange-200) +} +.hover\:stroke-orange-200:hover { + stroke: var(--orange-200) +} +.active\:stroke-orange-200:active { + stroke: var(--orange-200) +} +.focus\:stroke-orange-200\/10:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.hover\:stroke-orange-200\/10:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.active\:stroke-orange-200\/10:active { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) +} +.focus\:stroke-orange-200\/20:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.hover\:stroke-orange-200\/20:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.active\:stroke-orange-200\/20:active { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) +} +.focus\:stroke-orange-200\/30:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.hover\:stroke-orange-200\/30:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.active\:stroke-orange-200\/30:active { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) +} +.focus\:stroke-orange-200\/40:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.hover\:stroke-orange-200\/40:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.active\:stroke-orange-200\/40:active { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) +} +.focus\:stroke-orange-200\/50:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.hover\:stroke-orange-200\/50:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.active\:stroke-orange-200\/50:active { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) +} +.focus\:stroke-orange-200\/60:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.hover\:stroke-orange-200\/60:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.active\:stroke-orange-200\/60:active { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) +} +.focus\:stroke-orange-200\/70:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.hover\:stroke-orange-200\/70:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.active\:stroke-orange-200\/70:active { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) +} +.focus\:stroke-orange-200\/80:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.hover\:stroke-orange-200\/80:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.active\:stroke-orange-200\/80:active { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) +} +.focus\:stroke-orange-200\/90:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.hover\:stroke-orange-200\/90:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.active\:stroke-orange-200\/90:active { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) +} +.focus\:stroke-orange-300:focus { + stroke: var(--orange-300) +} +.hover\:stroke-orange-300:hover { + stroke: var(--orange-300) +} +.active\:stroke-orange-300:active { + stroke: var(--orange-300) +} +.focus\:stroke-orange-300\/10:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.hover\:stroke-orange-300\/10:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.active\:stroke-orange-300\/10:active { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) +} +.focus\:stroke-orange-300\/20:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.hover\:stroke-orange-300\/20:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.active\:stroke-orange-300\/20:active { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) +} +.focus\:stroke-orange-300\/30:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.hover\:stroke-orange-300\/30:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.active\:stroke-orange-300\/30:active { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) +} +.focus\:stroke-orange-300\/40:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.hover\:stroke-orange-300\/40:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.active\:stroke-orange-300\/40:active { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) +} +.focus\:stroke-orange-300\/50:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.hover\:stroke-orange-300\/50:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.active\:stroke-orange-300\/50:active { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) +} +.focus\:stroke-orange-300\/60:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.hover\:stroke-orange-300\/60:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.active\:stroke-orange-300\/60:active { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) +} +.focus\:stroke-orange-300\/70:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.hover\:stroke-orange-300\/70:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.active\:stroke-orange-300\/70:active { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) +} +.focus\:stroke-orange-300\/80:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.hover\:stroke-orange-300\/80:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.active\:stroke-orange-300\/80:active { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) +} +.focus\:stroke-orange-300\/90:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.hover\:stroke-orange-300\/90:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.active\:stroke-orange-300\/90:active { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) +} +.focus\:stroke-orange-400:focus { + stroke: var(--orange-400) +} +.hover\:stroke-orange-400:hover { + stroke: var(--orange-400) +} +.active\:stroke-orange-400:active { + stroke: var(--orange-400) +} +.focus\:stroke-orange-400\/10:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.hover\:stroke-orange-400\/10:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.active\:stroke-orange-400\/10:active { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) +} +.focus\:stroke-orange-400\/20:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.hover\:stroke-orange-400\/20:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.active\:stroke-orange-400\/20:active { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) +} +.focus\:stroke-orange-400\/30:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.hover\:stroke-orange-400\/30:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.active\:stroke-orange-400\/30:active { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) +} +.focus\:stroke-orange-400\/40:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.hover\:stroke-orange-400\/40:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.active\:stroke-orange-400\/40:active { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) +} +.focus\:stroke-orange-400\/50:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.hover\:stroke-orange-400\/50:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.active\:stroke-orange-400\/50:active { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) +} +.focus\:stroke-orange-400\/60:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.hover\:stroke-orange-400\/60:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.active\:stroke-orange-400\/60:active { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) +} +.focus\:stroke-orange-400\/70:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.hover\:stroke-orange-400\/70:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.active\:stroke-orange-400\/70:active { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) +} +.focus\:stroke-orange-400\/80:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.hover\:stroke-orange-400\/80:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.active\:stroke-orange-400\/80:active { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) +} +.focus\:stroke-orange-400\/90:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.hover\:stroke-orange-400\/90:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.active\:stroke-orange-400\/90:active { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) +} +.focus\:stroke-orange-500:focus { + stroke: var(--orange-500) +} +.hover\:stroke-orange-500:hover { + stroke: var(--orange-500) +} +.active\:stroke-orange-500:active { + stroke: var(--orange-500) +} +.focus\:stroke-orange-500\/10:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.hover\:stroke-orange-500\/10:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.active\:stroke-orange-500\/10:active { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) +} +.focus\:stroke-orange-500\/20:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.hover\:stroke-orange-500\/20:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.active\:stroke-orange-500\/20:active { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) +} +.focus\:stroke-orange-500\/30:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.hover\:stroke-orange-500\/30:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.active\:stroke-orange-500\/30:active { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) +} +.focus\:stroke-orange-500\/40:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.hover\:stroke-orange-500\/40:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.active\:stroke-orange-500\/40:active { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) +} +.focus\:stroke-orange-500\/50:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.hover\:stroke-orange-500\/50:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.active\:stroke-orange-500\/50:active { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) +} +.focus\:stroke-orange-500\/60:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.hover\:stroke-orange-500\/60:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.active\:stroke-orange-500\/60:active { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) +} +.focus\:stroke-orange-500\/70:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.hover\:stroke-orange-500\/70:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.active\:stroke-orange-500\/70:active { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) +} +.focus\:stroke-orange-500\/80:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.hover\:stroke-orange-500\/80:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.active\:stroke-orange-500\/80:active { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) +} +.focus\:stroke-orange-500\/90:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.hover\:stroke-orange-500\/90:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.active\:stroke-orange-500\/90:active { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) +} +.focus\:stroke-orange-600:focus { + stroke: var(--orange-600) +} +.hover\:stroke-orange-600:hover { + stroke: var(--orange-600) +} +.active\:stroke-orange-600:active { + stroke: var(--orange-600) +} +.focus\:stroke-orange-600\/10:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.hover\:stroke-orange-600\/10:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.active\:stroke-orange-600\/10:active { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) +} +.focus\:stroke-orange-600\/20:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.hover\:stroke-orange-600\/20:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.active\:stroke-orange-600\/20:active { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) +} +.focus\:stroke-orange-600\/30:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.hover\:stroke-orange-600\/30:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.active\:stroke-orange-600\/30:active { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) +} +.focus\:stroke-orange-600\/40:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.hover\:stroke-orange-600\/40:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.active\:stroke-orange-600\/40:active { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) +} +.focus\:stroke-orange-600\/50:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.hover\:stroke-orange-600\/50:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.active\:stroke-orange-600\/50:active { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) +} +.focus\:stroke-orange-600\/60:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.hover\:stroke-orange-600\/60:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.active\:stroke-orange-600\/60:active { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) +} +.focus\:stroke-orange-600\/70:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.hover\:stroke-orange-600\/70:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.active\:stroke-orange-600\/70:active { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) +} +.focus\:stroke-orange-600\/80:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.hover\:stroke-orange-600\/80:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.active\:stroke-orange-600\/80:active { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) +} +.focus\:stroke-orange-600\/90:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.hover\:stroke-orange-600\/90:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.active\:stroke-orange-600\/90:active { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) +} +.focus\:stroke-orange-700:focus { + stroke: var(--orange-700) +} +.hover\:stroke-orange-700:hover { + stroke: var(--orange-700) +} +.active\:stroke-orange-700:active { + stroke: var(--orange-700) +} +.focus\:stroke-orange-700\/10:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.hover\:stroke-orange-700\/10:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.active\:stroke-orange-700\/10:active { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) +} +.focus\:stroke-orange-700\/20:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.hover\:stroke-orange-700\/20:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.active\:stroke-orange-700\/20:active { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) +} +.focus\:stroke-orange-700\/30:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.hover\:stroke-orange-700\/30:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.active\:stroke-orange-700\/30:active { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) +} +.focus\:stroke-orange-700\/40:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.hover\:stroke-orange-700\/40:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.active\:stroke-orange-700\/40:active { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) +} +.focus\:stroke-orange-700\/50:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.hover\:stroke-orange-700\/50:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.active\:stroke-orange-700\/50:active { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) +} +.focus\:stroke-orange-700\/60:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.hover\:stroke-orange-700\/60:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.active\:stroke-orange-700\/60:active { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) +} +.focus\:stroke-orange-700\/70:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.hover\:stroke-orange-700\/70:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.active\:stroke-orange-700\/70:active { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) +} +.focus\:stroke-orange-700\/80:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.hover\:stroke-orange-700\/80:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.active\:stroke-orange-700\/80:active { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) +} +.focus\:stroke-orange-700\/90:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.hover\:stroke-orange-700\/90:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.active\:stroke-orange-700\/90:active { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) +} +.focus\:stroke-orange-800:focus { + stroke: var(--orange-800) +} +.hover\:stroke-orange-800:hover { + stroke: var(--orange-800) +} +.active\:stroke-orange-800:active { + stroke: var(--orange-800) +} +.focus\:stroke-orange-800\/10:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.hover\:stroke-orange-800\/10:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.active\:stroke-orange-800\/10:active { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) +} +.focus\:stroke-orange-800\/20:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.hover\:stroke-orange-800\/20:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.active\:stroke-orange-800\/20:active { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) +} +.focus\:stroke-orange-800\/30:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.hover\:stroke-orange-800\/30:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.active\:stroke-orange-800\/30:active { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) +} +.focus\:stroke-orange-800\/40:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.hover\:stroke-orange-800\/40:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.active\:stroke-orange-800\/40:active { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) +} +.focus\:stroke-orange-800\/50:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.hover\:stroke-orange-800\/50:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.active\:stroke-orange-800\/50:active { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) +} +.focus\:stroke-orange-800\/60:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.hover\:stroke-orange-800\/60:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.active\:stroke-orange-800\/60:active { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) +} +.focus\:stroke-orange-800\/70:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.hover\:stroke-orange-800\/70:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.active\:stroke-orange-800\/70:active { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) +} +.focus\:stroke-orange-800\/80:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.hover\:stroke-orange-800\/80:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.active\:stroke-orange-800\/80:active { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) +} +.focus\:stroke-orange-800\/90:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.hover\:stroke-orange-800\/90:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.active\:stroke-orange-800\/90:active { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) +} +.focus\:stroke-orange-900:focus { + stroke: var(--orange-900) +} +.hover\:stroke-orange-900:hover { + stroke: var(--orange-900) +} +.active\:stroke-orange-900:active { + stroke: var(--orange-900) +} +.focus\:stroke-orange-900\/10:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.hover\:stroke-orange-900\/10:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.active\:stroke-orange-900\/10:active { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) +} +.focus\:stroke-orange-900\/20:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.hover\:stroke-orange-900\/20:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.active\:stroke-orange-900\/20:active { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) +} +.focus\:stroke-orange-900\/30:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.hover\:stroke-orange-900\/30:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.active\:stroke-orange-900\/30:active { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) +} +.focus\:stroke-orange-900\/40:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.hover\:stroke-orange-900\/40:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.active\:stroke-orange-900\/40:active { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) +} +.focus\:stroke-orange-900\/50:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.hover\:stroke-orange-900\/50:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.active\:stroke-orange-900\/50:active { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) +} +.focus\:stroke-orange-900\/60:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.hover\:stroke-orange-900\/60:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.active\:stroke-orange-900\/60:active { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) +} +.focus\:stroke-orange-900\/70:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.hover\:stroke-orange-900\/70:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.active\:stroke-orange-900\/70:active { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) +} +.focus\:stroke-orange-900\/80:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.hover\:stroke-orange-900\/80:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.active\:stroke-orange-900\/80:active { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) +} +.focus\:stroke-orange-900\/90:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.hover\:stroke-orange-900\/90:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.active\:stroke-orange-900\/90:active { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) +} +.focus\:stroke-bluegray-50:focus { + stroke: var(--bluegray-50) +} +.hover\:stroke-bluegray-50:hover { + stroke: var(--bluegray-50) +} +.active\:stroke-bluegray-50:active { + stroke: var(--bluegray-50) +} +.focus\:stroke-bluegray-50\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.hover\:stroke-bluegray-50\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.active\:stroke-bluegray-50\/10:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) +} +.focus\:stroke-bluegray-50\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.hover\:stroke-bluegray-50\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.active\:stroke-bluegray-50\/20:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) +} +.focus\:stroke-bluegray-50\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.hover\:stroke-bluegray-50\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.active\:stroke-bluegray-50\/30:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) +} +.focus\:stroke-bluegray-50\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.hover\:stroke-bluegray-50\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.active\:stroke-bluegray-50\/40:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) +} +.focus\:stroke-bluegray-50\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.hover\:stroke-bluegray-50\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.active\:stroke-bluegray-50\/50:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) +} +.focus\:stroke-bluegray-50\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.hover\:stroke-bluegray-50\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.active\:stroke-bluegray-50\/60:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) +} +.focus\:stroke-bluegray-50\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.hover\:stroke-bluegray-50\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.active\:stroke-bluegray-50\/70:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) +} +.focus\:stroke-bluegray-50\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.hover\:stroke-bluegray-50\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.active\:stroke-bluegray-50\/80:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) +} +.focus\:stroke-bluegray-50\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.hover\:stroke-bluegray-50\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.active\:stroke-bluegray-50\/90:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) +} +.focus\:stroke-bluegray-100:focus { + stroke: var(--bluegray-100) +} +.hover\:stroke-bluegray-100:hover { + stroke: var(--bluegray-100) +} +.active\:stroke-bluegray-100:active { + stroke: var(--bluegray-100) +} +.focus\:stroke-bluegray-100\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.hover\:stroke-bluegray-100\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.active\:stroke-bluegray-100\/10:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) +} +.focus\:stroke-bluegray-100\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.hover\:stroke-bluegray-100\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.active\:stroke-bluegray-100\/20:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) +} +.focus\:stroke-bluegray-100\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.hover\:stroke-bluegray-100\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.active\:stroke-bluegray-100\/30:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) +} +.focus\:stroke-bluegray-100\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.hover\:stroke-bluegray-100\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.active\:stroke-bluegray-100\/40:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) +} +.focus\:stroke-bluegray-100\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.hover\:stroke-bluegray-100\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.active\:stroke-bluegray-100\/50:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) +} +.focus\:stroke-bluegray-100\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.hover\:stroke-bluegray-100\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.active\:stroke-bluegray-100\/60:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) +} +.focus\:stroke-bluegray-100\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.hover\:stroke-bluegray-100\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.active\:stroke-bluegray-100\/70:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) +} +.focus\:stroke-bluegray-100\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.hover\:stroke-bluegray-100\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.active\:stroke-bluegray-100\/80:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) +} +.focus\:stroke-bluegray-100\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.hover\:stroke-bluegray-100\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.active\:stroke-bluegray-100\/90:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) +} +.focus\:stroke-bluegray-200:focus { + stroke: var(--bluegray-200) +} +.hover\:stroke-bluegray-200:hover { + stroke: var(--bluegray-200) +} +.active\:stroke-bluegray-200:active { + stroke: var(--bluegray-200) +} +.focus\:stroke-bluegray-200\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.hover\:stroke-bluegray-200\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.active\:stroke-bluegray-200\/10:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) +} +.focus\:stroke-bluegray-200\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.hover\:stroke-bluegray-200\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.active\:stroke-bluegray-200\/20:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) +} +.focus\:stroke-bluegray-200\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.hover\:stroke-bluegray-200\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.active\:stroke-bluegray-200\/30:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) +} +.focus\:stroke-bluegray-200\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.hover\:stroke-bluegray-200\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.active\:stroke-bluegray-200\/40:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) +} +.focus\:stroke-bluegray-200\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.hover\:stroke-bluegray-200\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.active\:stroke-bluegray-200\/50:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) +} +.focus\:stroke-bluegray-200\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.hover\:stroke-bluegray-200\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.active\:stroke-bluegray-200\/60:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) +} +.focus\:stroke-bluegray-200\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.hover\:stroke-bluegray-200\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.active\:stroke-bluegray-200\/70:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) +} +.focus\:stroke-bluegray-200\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.hover\:stroke-bluegray-200\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.active\:stroke-bluegray-200\/80:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) +} +.focus\:stroke-bluegray-200\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.hover\:stroke-bluegray-200\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.active\:stroke-bluegray-200\/90:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) +} +.focus\:stroke-bluegray-300:focus { + stroke: var(--bluegray-300) +} +.hover\:stroke-bluegray-300:hover { + stroke: var(--bluegray-300) +} +.active\:stroke-bluegray-300:active { + stroke: var(--bluegray-300) +} +.focus\:stroke-bluegray-300\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.hover\:stroke-bluegray-300\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.active\:stroke-bluegray-300\/10:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) +} +.focus\:stroke-bluegray-300\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.hover\:stroke-bluegray-300\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.active\:stroke-bluegray-300\/20:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) +} +.focus\:stroke-bluegray-300\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.hover\:stroke-bluegray-300\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.active\:stroke-bluegray-300\/30:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) +} +.focus\:stroke-bluegray-300\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.hover\:stroke-bluegray-300\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.active\:stroke-bluegray-300\/40:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) +} +.focus\:stroke-bluegray-300\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.hover\:stroke-bluegray-300\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.active\:stroke-bluegray-300\/50:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) +} +.focus\:stroke-bluegray-300\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.hover\:stroke-bluegray-300\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.active\:stroke-bluegray-300\/60:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) +} +.focus\:stroke-bluegray-300\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.hover\:stroke-bluegray-300\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.active\:stroke-bluegray-300\/70:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) +} +.focus\:stroke-bluegray-300\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.hover\:stroke-bluegray-300\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.active\:stroke-bluegray-300\/80:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) +} +.focus\:stroke-bluegray-300\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.hover\:stroke-bluegray-300\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.active\:stroke-bluegray-300\/90:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) +} +.focus\:stroke-bluegray-400:focus { + stroke: var(--bluegray-400) +} +.hover\:stroke-bluegray-400:hover { + stroke: var(--bluegray-400) +} +.active\:stroke-bluegray-400:active { + stroke: var(--bluegray-400) +} +.focus\:stroke-bluegray-400\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.hover\:stroke-bluegray-400\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.active\:stroke-bluegray-400\/10:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) +} +.focus\:stroke-bluegray-400\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.hover\:stroke-bluegray-400\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.active\:stroke-bluegray-400\/20:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) +} +.focus\:stroke-bluegray-400\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.hover\:stroke-bluegray-400\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.active\:stroke-bluegray-400\/30:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) +} +.focus\:stroke-bluegray-400\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.hover\:stroke-bluegray-400\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.active\:stroke-bluegray-400\/40:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) +} +.focus\:stroke-bluegray-400\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.hover\:stroke-bluegray-400\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.active\:stroke-bluegray-400\/50:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) +} +.focus\:stroke-bluegray-400\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.hover\:stroke-bluegray-400\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.active\:stroke-bluegray-400\/60:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) +} +.focus\:stroke-bluegray-400\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.hover\:stroke-bluegray-400\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.active\:stroke-bluegray-400\/70:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) +} +.focus\:stroke-bluegray-400\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.hover\:stroke-bluegray-400\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.active\:stroke-bluegray-400\/80:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) +} +.focus\:stroke-bluegray-400\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.hover\:stroke-bluegray-400\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.active\:stroke-bluegray-400\/90:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) +} +.focus\:stroke-bluegray-500:focus { + stroke: var(--bluegray-500) +} +.hover\:stroke-bluegray-500:hover { + stroke: var(--bluegray-500) +} +.active\:stroke-bluegray-500:active { + stroke: var(--bluegray-500) +} +.focus\:stroke-bluegray-500\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.hover\:stroke-bluegray-500\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.active\:stroke-bluegray-500\/10:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) +} +.focus\:stroke-bluegray-500\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.hover\:stroke-bluegray-500\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.active\:stroke-bluegray-500\/20:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) +} +.focus\:stroke-bluegray-500\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.hover\:stroke-bluegray-500\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.active\:stroke-bluegray-500\/30:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) +} +.focus\:stroke-bluegray-500\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.hover\:stroke-bluegray-500\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.active\:stroke-bluegray-500\/40:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) +} +.focus\:stroke-bluegray-500\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.hover\:stroke-bluegray-500\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.active\:stroke-bluegray-500\/50:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) +} +.focus\:stroke-bluegray-500\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.hover\:stroke-bluegray-500\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.active\:stroke-bluegray-500\/60:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) +} +.focus\:stroke-bluegray-500\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.hover\:stroke-bluegray-500\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.active\:stroke-bluegray-500\/70:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) +} +.focus\:stroke-bluegray-500\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.hover\:stroke-bluegray-500\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.active\:stroke-bluegray-500\/80:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) +} +.focus\:stroke-bluegray-500\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.hover\:stroke-bluegray-500\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.active\:stroke-bluegray-500\/90:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) +} +.focus\:stroke-bluegray-600:focus { + stroke: var(--bluegray-600) +} +.hover\:stroke-bluegray-600:hover { + stroke: var(--bluegray-600) +} +.active\:stroke-bluegray-600:active { + stroke: var(--bluegray-600) +} +.focus\:stroke-bluegray-600\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.hover\:stroke-bluegray-600\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.active\:stroke-bluegray-600\/10:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) +} +.focus\:stroke-bluegray-600\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.hover\:stroke-bluegray-600\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.active\:stroke-bluegray-600\/20:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) +} +.focus\:stroke-bluegray-600\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.hover\:stroke-bluegray-600\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.active\:stroke-bluegray-600\/30:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) +} +.focus\:stroke-bluegray-600\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.hover\:stroke-bluegray-600\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.active\:stroke-bluegray-600\/40:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) +} +.focus\:stroke-bluegray-600\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.hover\:stroke-bluegray-600\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.active\:stroke-bluegray-600\/50:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) +} +.focus\:stroke-bluegray-600\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.hover\:stroke-bluegray-600\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.active\:stroke-bluegray-600\/60:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) +} +.focus\:stroke-bluegray-600\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.hover\:stroke-bluegray-600\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.active\:stroke-bluegray-600\/70:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) +} +.focus\:stroke-bluegray-600\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.hover\:stroke-bluegray-600\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.active\:stroke-bluegray-600\/80:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) +} +.focus\:stroke-bluegray-600\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.hover\:stroke-bluegray-600\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.active\:stroke-bluegray-600\/90:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) +} +.focus\:stroke-bluegray-700:focus { + stroke: var(--bluegray-700) +} +.hover\:stroke-bluegray-700:hover { + stroke: var(--bluegray-700) +} +.active\:stroke-bluegray-700:active { + stroke: var(--bluegray-700) +} +.focus\:stroke-bluegray-700\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.hover\:stroke-bluegray-700\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.active\:stroke-bluegray-700\/10:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) +} +.focus\:stroke-bluegray-700\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.hover\:stroke-bluegray-700\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.active\:stroke-bluegray-700\/20:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) +} +.focus\:stroke-bluegray-700\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.hover\:stroke-bluegray-700\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.active\:stroke-bluegray-700\/30:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) +} +.focus\:stroke-bluegray-700\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.hover\:stroke-bluegray-700\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.active\:stroke-bluegray-700\/40:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) +} +.focus\:stroke-bluegray-700\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.hover\:stroke-bluegray-700\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.active\:stroke-bluegray-700\/50:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) +} +.focus\:stroke-bluegray-700\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.hover\:stroke-bluegray-700\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.active\:stroke-bluegray-700\/60:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) +} +.focus\:stroke-bluegray-700\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.hover\:stroke-bluegray-700\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.active\:stroke-bluegray-700\/70:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) +} +.focus\:stroke-bluegray-700\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.hover\:stroke-bluegray-700\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.active\:stroke-bluegray-700\/80:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) +} +.focus\:stroke-bluegray-700\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.hover\:stroke-bluegray-700\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.active\:stroke-bluegray-700\/90:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) +} +.focus\:stroke-bluegray-800:focus { + stroke: var(--bluegray-800) +} +.hover\:stroke-bluegray-800:hover { + stroke: var(--bluegray-800) +} +.active\:stroke-bluegray-800:active { + stroke: var(--bluegray-800) +} +.focus\:stroke-bluegray-800\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.hover\:stroke-bluegray-800\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.active\:stroke-bluegray-800\/10:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) +} +.focus\:stroke-bluegray-800\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.hover\:stroke-bluegray-800\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.active\:stroke-bluegray-800\/20:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) +} +.focus\:stroke-bluegray-800\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.hover\:stroke-bluegray-800\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.active\:stroke-bluegray-800\/30:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) +} +.focus\:stroke-bluegray-800\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.hover\:stroke-bluegray-800\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.active\:stroke-bluegray-800\/40:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) +} +.focus\:stroke-bluegray-800\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.hover\:stroke-bluegray-800\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.active\:stroke-bluegray-800\/50:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) +} +.focus\:stroke-bluegray-800\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.hover\:stroke-bluegray-800\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.active\:stroke-bluegray-800\/60:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) +} +.focus\:stroke-bluegray-800\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.hover\:stroke-bluegray-800\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.active\:stroke-bluegray-800\/70:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) +} +.focus\:stroke-bluegray-800\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.hover\:stroke-bluegray-800\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.active\:stroke-bluegray-800\/80:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) +} +.focus\:stroke-bluegray-800\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.hover\:stroke-bluegray-800\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.active\:stroke-bluegray-800\/90:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) +} +.focus\:stroke-bluegray-900:focus { + stroke: var(--bluegray-900) +} +.hover\:stroke-bluegray-900:hover { + stroke: var(--bluegray-900) +} +.active\:stroke-bluegray-900:active { + stroke: var(--bluegray-900) +} +.focus\:stroke-bluegray-900\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.hover\:stroke-bluegray-900\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.active\:stroke-bluegray-900\/10:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) +} +.focus\:stroke-bluegray-900\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.hover\:stroke-bluegray-900\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.active\:stroke-bluegray-900\/20:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) +} +.focus\:stroke-bluegray-900\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.hover\:stroke-bluegray-900\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.active\:stroke-bluegray-900\/30:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) +} +.focus\:stroke-bluegray-900\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.hover\:stroke-bluegray-900\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.active\:stroke-bluegray-900\/40:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) +} +.focus\:stroke-bluegray-900\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.hover\:stroke-bluegray-900\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.active\:stroke-bluegray-900\/50:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) +} +.focus\:stroke-bluegray-900\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.hover\:stroke-bluegray-900\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.active\:stroke-bluegray-900\/60:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) +} +.focus\:stroke-bluegray-900\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.hover\:stroke-bluegray-900\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.active\:stroke-bluegray-900\/70:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) +} +.focus\:stroke-bluegray-900\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.hover\:stroke-bluegray-900\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.active\:stroke-bluegray-900\/80:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) +} +.focus\:stroke-bluegray-900\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.hover\:stroke-bluegray-900\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.active\:stroke-bluegray-900\/90:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) +} +.focus\:stroke-purple-50:focus { + stroke: var(--purple-50) +} +.hover\:stroke-purple-50:hover { + stroke: var(--purple-50) +} +.active\:stroke-purple-50:active { + stroke: var(--purple-50) +} +.focus\:stroke-purple-50\/10:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.hover\:stroke-purple-50\/10:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.active\:stroke-purple-50\/10:active { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) +} +.focus\:stroke-purple-50\/20:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.hover\:stroke-purple-50\/20:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.active\:stroke-purple-50\/20:active { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) +} +.focus\:stroke-purple-50\/30:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.hover\:stroke-purple-50\/30:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.active\:stroke-purple-50\/30:active { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) +} +.focus\:stroke-purple-50\/40:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.hover\:stroke-purple-50\/40:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.active\:stroke-purple-50\/40:active { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) +} +.focus\:stroke-purple-50\/50:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.hover\:stroke-purple-50\/50:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.active\:stroke-purple-50\/50:active { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) +} +.focus\:stroke-purple-50\/60:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.hover\:stroke-purple-50\/60:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.active\:stroke-purple-50\/60:active { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) +} +.focus\:stroke-purple-50\/70:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.hover\:stroke-purple-50\/70:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.active\:stroke-purple-50\/70:active { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) +} +.focus\:stroke-purple-50\/80:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.hover\:stroke-purple-50\/80:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.active\:stroke-purple-50\/80:active { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) +} +.focus\:stroke-purple-50\/90:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.hover\:stroke-purple-50\/90:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.active\:stroke-purple-50\/90:active { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) +} +.focus\:stroke-purple-100:focus { + stroke: var(--purple-100) +} +.hover\:stroke-purple-100:hover { + stroke: var(--purple-100) +} +.active\:stroke-purple-100:active { + stroke: var(--purple-100) +} +.focus\:stroke-purple-100\/10:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.hover\:stroke-purple-100\/10:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.active\:stroke-purple-100\/10:active { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) +} +.focus\:stroke-purple-100\/20:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.hover\:stroke-purple-100\/20:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.active\:stroke-purple-100\/20:active { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) +} +.focus\:stroke-purple-100\/30:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.hover\:stroke-purple-100\/30:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.active\:stroke-purple-100\/30:active { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) +} +.focus\:stroke-purple-100\/40:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.hover\:stroke-purple-100\/40:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.active\:stroke-purple-100\/40:active { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) +} +.focus\:stroke-purple-100\/50:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.hover\:stroke-purple-100\/50:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.active\:stroke-purple-100\/50:active { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) +} +.focus\:stroke-purple-100\/60:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.hover\:stroke-purple-100\/60:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.active\:stroke-purple-100\/60:active { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) +} +.focus\:stroke-purple-100\/70:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.hover\:stroke-purple-100\/70:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.active\:stroke-purple-100\/70:active { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) +} +.focus\:stroke-purple-100\/80:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.hover\:stroke-purple-100\/80:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.active\:stroke-purple-100\/80:active { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) +} +.focus\:stroke-purple-100\/90:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.hover\:stroke-purple-100\/90:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.active\:stroke-purple-100\/90:active { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) +} +.focus\:stroke-purple-200:focus { + stroke: var(--purple-200) +} +.hover\:stroke-purple-200:hover { + stroke: var(--purple-200) +} +.active\:stroke-purple-200:active { + stroke: var(--purple-200) +} +.focus\:stroke-purple-200\/10:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.hover\:stroke-purple-200\/10:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.active\:stroke-purple-200\/10:active { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) +} +.focus\:stroke-purple-200\/20:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.hover\:stroke-purple-200\/20:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.active\:stroke-purple-200\/20:active { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) +} +.focus\:stroke-purple-200\/30:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.hover\:stroke-purple-200\/30:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.active\:stroke-purple-200\/30:active { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) +} +.focus\:stroke-purple-200\/40:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.hover\:stroke-purple-200\/40:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.active\:stroke-purple-200\/40:active { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) +} +.focus\:stroke-purple-200\/50:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.hover\:stroke-purple-200\/50:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.active\:stroke-purple-200\/50:active { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) +} +.focus\:stroke-purple-200\/60:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.hover\:stroke-purple-200\/60:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.active\:stroke-purple-200\/60:active { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) +} +.focus\:stroke-purple-200\/70:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.hover\:stroke-purple-200\/70:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.active\:stroke-purple-200\/70:active { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) +} +.focus\:stroke-purple-200\/80:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.hover\:stroke-purple-200\/80:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.active\:stroke-purple-200\/80:active { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) +} +.focus\:stroke-purple-200\/90:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.hover\:stroke-purple-200\/90:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.active\:stroke-purple-200\/90:active { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) +} +.focus\:stroke-purple-300:focus { + stroke: var(--purple-300) +} +.hover\:stroke-purple-300:hover { + stroke: var(--purple-300) +} +.active\:stroke-purple-300:active { + stroke: var(--purple-300) +} +.focus\:stroke-purple-300\/10:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.hover\:stroke-purple-300\/10:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.active\:stroke-purple-300\/10:active { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) +} +.focus\:stroke-purple-300\/20:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.hover\:stroke-purple-300\/20:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.active\:stroke-purple-300\/20:active { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) +} +.focus\:stroke-purple-300\/30:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.hover\:stroke-purple-300\/30:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.active\:stroke-purple-300\/30:active { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) +} +.focus\:stroke-purple-300\/40:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.hover\:stroke-purple-300\/40:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.active\:stroke-purple-300\/40:active { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) +} +.focus\:stroke-purple-300\/50:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.hover\:stroke-purple-300\/50:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.active\:stroke-purple-300\/50:active { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) +} +.focus\:stroke-purple-300\/60:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.hover\:stroke-purple-300\/60:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.active\:stroke-purple-300\/60:active { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) +} +.focus\:stroke-purple-300\/70:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.hover\:stroke-purple-300\/70:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.active\:stroke-purple-300\/70:active { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) +} +.focus\:stroke-purple-300\/80:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.hover\:stroke-purple-300\/80:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.active\:stroke-purple-300\/80:active { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) +} +.focus\:stroke-purple-300\/90:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.hover\:stroke-purple-300\/90:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.active\:stroke-purple-300\/90:active { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) +} +.focus\:stroke-purple-400:focus { + stroke: var(--purple-400) +} +.hover\:stroke-purple-400:hover { + stroke: var(--purple-400) +} +.active\:stroke-purple-400:active { + stroke: var(--purple-400) +} +.focus\:stroke-purple-400\/10:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.hover\:stroke-purple-400\/10:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.active\:stroke-purple-400\/10:active { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) +} +.focus\:stroke-purple-400\/20:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.hover\:stroke-purple-400\/20:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.active\:stroke-purple-400\/20:active { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) +} +.focus\:stroke-purple-400\/30:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.hover\:stroke-purple-400\/30:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.active\:stroke-purple-400\/30:active { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) +} +.focus\:stroke-purple-400\/40:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.hover\:stroke-purple-400\/40:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.active\:stroke-purple-400\/40:active { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) +} +.focus\:stroke-purple-400\/50:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.hover\:stroke-purple-400\/50:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.active\:stroke-purple-400\/50:active { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) +} +.focus\:stroke-purple-400\/60:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.hover\:stroke-purple-400\/60:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.active\:stroke-purple-400\/60:active { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) +} +.focus\:stroke-purple-400\/70:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.hover\:stroke-purple-400\/70:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.active\:stroke-purple-400\/70:active { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) +} +.focus\:stroke-purple-400\/80:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.hover\:stroke-purple-400\/80:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.active\:stroke-purple-400\/80:active { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) +} +.focus\:stroke-purple-400\/90:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.hover\:stroke-purple-400\/90:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.active\:stroke-purple-400\/90:active { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) +} +.focus\:stroke-purple-500:focus { + stroke: var(--purple-500) +} +.hover\:stroke-purple-500:hover { + stroke: var(--purple-500) +} +.active\:stroke-purple-500:active { + stroke: var(--purple-500) +} +.focus\:stroke-purple-500\/10:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.hover\:stroke-purple-500\/10:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.active\:stroke-purple-500\/10:active { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) +} +.focus\:stroke-purple-500\/20:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.hover\:stroke-purple-500\/20:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.active\:stroke-purple-500\/20:active { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) +} +.focus\:stroke-purple-500\/30:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.hover\:stroke-purple-500\/30:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.active\:stroke-purple-500\/30:active { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) +} +.focus\:stroke-purple-500\/40:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.hover\:stroke-purple-500\/40:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.active\:stroke-purple-500\/40:active { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) +} +.focus\:stroke-purple-500\/50:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.hover\:stroke-purple-500\/50:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.active\:stroke-purple-500\/50:active { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) +} +.focus\:stroke-purple-500\/60:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.hover\:stroke-purple-500\/60:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.active\:stroke-purple-500\/60:active { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) +} +.focus\:stroke-purple-500\/70:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.hover\:stroke-purple-500\/70:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.active\:stroke-purple-500\/70:active { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) +} +.focus\:stroke-purple-500\/80:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.hover\:stroke-purple-500\/80:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.active\:stroke-purple-500\/80:active { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) +} +.focus\:stroke-purple-500\/90:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.hover\:stroke-purple-500\/90:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.active\:stroke-purple-500\/90:active { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) +} +.focus\:stroke-purple-600:focus { + stroke: var(--purple-600) +} +.hover\:stroke-purple-600:hover { + stroke: var(--purple-600) +} +.active\:stroke-purple-600:active { + stroke: var(--purple-600) +} +.focus\:stroke-purple-600\/10:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.hover\:stroke-purple-600\/10:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.active\:stroke-purple-600\/10:active { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) +} +.focus\:stroke-purple-600\/20:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.hover\:stroke-purple-600\/20:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.active\:stroke-purple-600\/20:active { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) +} +.focus\:stroke-purple-600\/30:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.hover\:stroke-purple-600\/30:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.active\:stroke-purple-600\/30:active { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) +} +.focus\:stroke-purple-600\/40:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.hover\:stroke-purple-600\/40:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.active\:stroke-purple-600\/40:active { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) +} +.focus\:stroke-purple-600\/50:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.hover\:stroke-purple-600\/50:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.active\:stroke-purple-600\/50:active { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) +} +.focus\:stroke-purple-600\/60:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.hover\:stroke-purple-600\/60:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.active\:stroke-purple-600\/60:active { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) +} +.focus\:stroke-purple-600\/70:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.hover\:stroke-purple-600\/70:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.active\:stroke-purple-600\/70:active { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) +} +.focus\:stroke-purple-600\/80:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.hover\:stroke-purple-600\/80:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.active\:stroke-purple-600\/80:active { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) +} +.focus\:stroke-purple-600\/90:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.hover\:stroke-purple-600\/90:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.active\:stroke-purple-600\/90:active { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) +} +.focus\:stroke-purple-700:focus { + stroke: var(--purple-700) +} +.hover\:stroke-purple-700:hover { + stroke: var(--purple-700) +} +.active\:stroke-purple-700:active { + stroke: var(--purple-700) +} +.focus\:stroke-purple-700\/10:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.hover\:stroke-purple-700\/10:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.active\:stroke-purple-700\/10:active { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) +} +.focus\:stroke-purple-700\/20:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.hover\:stroke-purple-700\/20:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.active\:stroke-purple-700\/20:active { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) +} +.focus\:stroke-purple-700\/30:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.hover\:stroke-purple-700\/30:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.active\:stroke-purple-700\/30:active { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) +} +.focus\:stroke-purple-700\/40:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.hover\:stroke-purple-700\/40:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.active\:stroke-purple-700\/40:active { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) +} +.focus\:stroke-purple-700\/50:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.hover\:stroke-purple-700\/50:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.active\:stroke-purple-700\/50:active { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) +} +.focus\:stroke-purple-700\/60:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.hover\:stroke-purple-700\/60:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.active\:stroke-purple-700\/60:active { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) +} +.focus\:stroke-purple-700\/70:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.hover\:stroke-purple-700\/70:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.active\:stroke-purple-700\/70:active { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) +} +.focus\:stroke-purple-700\/80:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.hover\:stroke-purple-700\/80:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.active\:stroke-purple-700\/80:active { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) +} +.focus\:stroke-purple-700\/90:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.hover\:stroke-purple-700\/90:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.active\:stroke-purple-700\/90:active { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) +} +.focus\:stroke-purple-800:focus { + stroke: var(--purple-800) +} +.hover\:stroke-purple-800:hover { + stroke: var(--purple-800) +} +.active\:stroke-purple-800:active { + stroke: var(--purple-800) +} +.focus\:stroke-purple-800\/10:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.hover\:stroke-purple-800\/10:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.active\:stroke-purple-800\/10:active { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) +} +.focus\:stroke-purple-800\/20:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.hover\:stroke-purple-800\/20:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.active\:stroke-purple-800\/20:active { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) +} +.focus\:stroke-purple-800\/30:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.hover\:stroke-purple-800\/30:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.active\:stroke-purple-800\/30:active { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) +} +.focus\:stroke-purple-800\/40:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.hover\:stroke-purple-800\/40:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.active\:stroke-purple-800\/40:active { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) +} +.focus\:stroke-purple-800\/50:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.hover\:stroke-purple-800\/50:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.active\:stroke-purple-800\/50:active { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) +} +.focus\:stroke-purple-800\/60:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.hover\:stroke-purple-800\/60:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.active\:stroke-purple-800\/60:active { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) +} +.focus\:stroke-purple-800\/70:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.hover\:stroke-purple-800\/70:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.active\:stroke-purple-800\/70:active { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) +} +.focus\:stroke-purple-800\/80:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.hover\:stroke-purple-800\/80:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.active\:stroke-purple-800\/80:active { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) +} +.focus\:stroke-purple-800\/90:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.hover\:stroke-purple-800\/90:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.active\:stroke-purple-800\/90:active { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) +} +.focus\:stroke-purple-900:focus { + stroke: var(--purple-900) +} +.hover\:stroke-purple-900:hover { + stroke: var(--purple-900) +} +.active\:stroke-purple-900:active { + stroke: var(--purple-900) +} +.focus\:stroke-purple-900\/10:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.hover\:stroke-purple-900\/10:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.active\:stroke-purple-900\/10:active { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) +} +.focus\:stroke-purple-900\/20:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.hover\:stroke-purple-900\/20:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.active\:stroke-purple-900\/20:active { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) +} +.focus\:stroke-purple-900\/30:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.hover\:stroke-purple-900\/30:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.active\:stroke-purple-900\/30:active { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) +} +.focus\:stroke-purple-900\/40:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.hover\:stroke-purple-900\/40:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.active\:stroke-purple-900\/40:active { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) +} +.focus\:stroke-purple-900\/50:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.hover\:stroke-purple-900\/50:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.active\:stroke-purple-900\/50:active { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) +} +.focus\:stroke-purple-900\/60:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.hover\:stroke-purple-900\/60:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.active\:stroke-purple-900\/60:active { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) +} +.focus\:stroke-purple-900\/70:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.hover\:stroke-purple-900\/70:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.active\:stroke-purple-900\/70:active { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) +} +.focus\:stroke-purple-900\/80:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.hover\:stroke-purple-900\/80:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.active\:stroke-purple-900\/80:active { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) +} +.focus\:stroke-purple-900\/90:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.hover\:stroke-purple-900\/90:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.active\:stroke-purple-900\/90:active { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) +} +.focus\:stroke-red-50:focus { + stroke: var(--red-50) +} +.hover\:stroke-red-50:hover { + stroke: var(--red-50) +} +.active\:stroke-red-50:active { + stroke: var(--red-50) +} +.focus\:stroke-red-50\/10:focus { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.hover\:stroke-red-50\/10:hover { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.active\:stroke-red-50\/10:active { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) +} +.focus\:stroke-red-50\/20:focus { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.hover\:stroke-red-50\/20:hover { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.active\:stroke-red-50\/20:active { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) +} +.focus\:stroke-red-50\/30:focus { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.hover\:stroke-red-50\/30:hover { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.active\:stroke-red-50\/30:active { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) +} +.focus\:stroke-red-50\/40:focus { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.hover\:stroke-red-50\/40:hover { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.active\:stroke-red-50\/40:active { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) +} +.focus\:stroke-red-50\/50:focus { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.hover\:stroke-red-50\/50:hover { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.active\:stroke-red-50\/50:active { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) +} +.focus\:stroke-red-50\/60:focus { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.hover\:stroke-red-50\/60:hover { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.active\:stroke-red-50\/60:active { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) +} +.focus\:stroke-red-50\/70:focus { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.hover\:stroke-red-50\/70:hover { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.active\:stroke-red-50\/70:active { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) +} +.focus\:stroke-red-50\/80:focus { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.hover\:stroke-red-50\/80:hover { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.active\:stroke-red-50\/80:active { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) +} +.focus\:stroke-red-50\/90:focus { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.hover\:stroke-red-50\/90:hover { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.active\:stroke-red-50\/90:active { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) +} +.focus\:stroke-red-100:focus { + stroke: var(--red-100) +} +.hover\:stroke-red-100:hover { + stroke: var(--red-100) +} +.active\:stroke-red-100:active { + stroke: var(--red-100) +} +.focus\:stroke-red-100\/10:focus { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.hover\:stroke-red-100\/10:hover { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.active\:stroke-red-100\/10:active { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) +} +.focus\:stroke-red-100\/20:focus { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.hover\:stroke-red-100\/20:hover { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.active\:stroke-red-100\/20:active { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) +} +.focus\:stroke-red-100\/30:focus { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.hover\:stroke-red-100\/30:hover { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.active\:stroke-red-100\/30:active { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) +} +.focus\:stroke-red-100\/40:focus { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.hover\:stroke-red-100\/40:hover { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.active\:stroke-red-100\/40:active { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) +} +.focus\:stroke-red-100\/50:focus { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.hover\:stroke-red-100\/50:hover { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.active\:stroke-red-100\/50:active { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) +} +.focus\:stroke-red-100\/60:focus { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.hover\:stroke-red-100\/60:hover { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.active\:stroke-red-100\/60:active { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) +} +.focus\:stroke-red-100\/70:focus { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.hover\:stroke-red-100\/70:hover { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.active\:stroke-red-100\/70:active { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) +} +.focus\:stroke-red-100\/80:focus { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.hover\:stroke-red-100\/80:hover { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.active\:stroke-red-100\/80:active { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) +} +.focus\:stroke-red-100\/90:focus { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.hover\:stroke-red-100\/90:hover { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.active\:stroke-red-100\/90:active { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) +} +.focus\:stroke-red-200:focus { + stroke: var(--red-200) +} +.hover\:stroke-red-200:hover { + stroke: var(--red-200) +} +.active\:stroke-red-200:active { + stroke: var(--red-200) +} +.focus\:stroke-red-200\/10:focus { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.hover\:stroke-red-200\/10:hover { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.active\:stroke-red-200\/10:active { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) +} +.focus\:stroke-red-200\/20:focus { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.hover\:stroke-red-200\/20:hover { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.active\:stroke-red-200\/20:active { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) +} +.focus\:stroke-red-200\/30:focus { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.hover\:stroke-red-200\/30:hover { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.active\:stroke-red-200\/30:active { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) +} +.focus\:stroke-red-200\/40:focus { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.hover\:stroke-red-200\/40:hover { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.active\:stroke-red-200\/40:active { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) +} +.focus\:stroke-red-200\/50:focus { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.hover\:stroke-red-200\/50:hover { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.active\:stroke-red-200\/50:active { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) +} +.focus\:stroke-red-200\/60:focus { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.hover\:stroke-red-200\/60:hover { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.active\:stroke-red-200\/60:active { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) +} +.focus\:stroke-red-200\/70:focus { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.hover\:stroke-red-200\/70:hover { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.active\:stroke-red-200\/70:active { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) +} +.focus\:stroke-red-200\/80:focus { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.hover\:stroke-red-200\/80:hover { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.active\:stroke-red-200\/80:active { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) +} +.focus\:stroke-red-200\/90:focus { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.hover\:stroke-red-200\/90:hover { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.active\:stroke-red-200\/90:active { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) +} +.focus\:stroke-red-300:focus { + stroke: var(--red-300) +} +.hover\:stroke-red-300:hover { + stroke: var(--red-300) +} +.active\:stroke-red-300:active { + stroke: var(--red-300) +} +.focus\:stroke-red-300\/10:focus { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.hover\:stroke-red-300\/10:hover { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.active\:stroke-red-300\/10:active { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) +} +.focus\:stroke-red-300\/20:focus { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.hover\:stroke-red-300\/20:hover { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.active\:stroke-red-300\/20:active { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) +} +.focus\:stroke-red-300\/30:focus { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.hover\:stroke-red-300\/30:hover { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.active\:stroke-red-300\/30:active { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) +} +.focus\:stroke-red-300\/40:focus { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.hover\:stroke-red-300\/40:hover { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.active\:stroke-red-300\/40:active { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) +} +.focus\:stroke-red-300\/50:focus { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.hover\:stroke-red-300\/50:hover { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.active\:stroke-red-300\/50:active { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) +} +.focus\:stroke-red-300\/60:focus { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.hover\:stroke-red-300\/60:hover { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.active\:stroke-red-300\/60:active { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) +} +.focus\:stroke-red-300\/70:focus { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.hover\:stroke-red-300\/70:hover { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.active\:stroke-red-300\/70:active { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) +} +.focus\:stroke-red-300\/80:focus { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.hover\:stroke-red-300\/80:hover { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.active\:stroke-red-300\/80:active { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) +} +.focus\:stroke-red-300\/90:focus { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.hover\:stroke-red-300\/90:hover { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.active\:stroke-red-300\/90:active { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) +} +.focus\:stroke-red-400:focus { + stroke: var(--red-400) +} +.hover\:stroke-red-400:hover { + stroke: var(--red-400) +} +.active\:stroke-red-400:active { + stroke: var(--red-400) +} +.focus\:stroke-red-400\/10:focus { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.hover\:stroke-red-400\/10:hover { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.active\:stroke-red-400\/10:active { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) +} +.focus\:stroke-red-400\/20:focus { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.hover\:stroke-red-400\/20:hover { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.active\:stroke-red-400\/20:active { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) +} +.focus\:stroke-red-400\/30:focus { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.hover\:stroke-red-400\/30:hover { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.active\:stroke-red-400\/30:active { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) +} +.focus\:stroke-red-400\/40:focus { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.hover\:stroke-red-400\/40:hover { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.active\:stroke-red-400\/40:active { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) +} +.focus\:stroke-red-400\/50:focus { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.hover\:stroke-red-400\/50:hover { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.active\:stroke-red-400\/50:active { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) +} +.focus\:stroke-red-400\/60:focus { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.hover\:stroke-red-400\/60:hover { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.active\:stroke-red-400\/60:active { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) +} +.focus\:stroke-red-400\/70:focus { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.hover\:stroke-red-400\/70:hover { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.active\:stroke-red-400\/70:active { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) +} +.focus\:stroke-red-400\/80:focus { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.hover\:stroke-red-400\/80:hover { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.active\:stroke-red-400\/80:active { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) +} +.focus\:stroke-red-400\/90:focus { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.hover\:stroke-red-400\/90:hover { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.active\:stroke-red-400\/90:active { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) +} +.focus\:stroke-red-500:focus { + stroke: var(--red-500) +} +.hover\:stroke-red-500:hover { + stroke: var(--red-500) +} +.active\:stroke-red-500:active { + stroke: var(--red-500) +} +.focus\:stroke-red-500\/10:focus { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.hover\:stroke-red-500\/10:hover { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.active\:stroke-red-500\/10:active { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) +} +.focus\:stroke-red-500\/20:focus { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.hover\:stroke-red-500\/20:hover { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.active\:stroke-red-500\/20:active { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) +} +.focus\:stroke-red-500\/30:focus { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.hover\:stroke-red-500\/30:hover { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.active\:stroke-red-500\/30:active { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) +} +.focus\:stroke-red-500\/40:focus { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.hover\:stroke-red-500\/40:hover { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.active\:stroke-red-500\/40:active { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) +} +.focus\:stroke-red-500\/50:focus { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.hover\:stroke-red-500\/50:hover { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.active\:stroke-red-500\/50:active { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) +} +.focus\:stroke-red-500\/60:focus { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.hover\:stroke-red-500\/60:hover { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.active\:stroke-red-500\/60:active { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) +} +.focus\:stroke-red-500\/70:focus { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.hover\:stroke-red-500\/70:hover { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.active\:stroke-red-500\/70:active { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) +} +.focus\:stroke-red-500\/80:focus { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.hover\:stroke-red-500\/80:hover { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.active\:stroke-red-500\/80:active { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) +} +.focus\:stroke-red-500\/90:focus { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.hover\:stroke-red-500\/90:hover { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.active\:stroke-red-500\/90:active { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) +} +.focus\:stroke-red-600:focus { + stroke: var(--red-600) +} +.hover\:stroke-red-600:hover { + stroke: var(--red-600) +} +.active\:stroke-red-600:active { + stroke: var(--red-600) +} +.focus\:stroke-red-600\/10:focus { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.hover\:stroke-red-600\/10:hover { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.active\:stroke-red-600\/10:active { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) +} +.focus\:stroke-red-600\/20:focus { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.hover\:stroke-red-600\/20:hover { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.active\:stroke-red-600\/20:active { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) +} +.focus\:stroke-red-600\/30:focus { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.hover\:stroke-red-600\/30:hover { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.active\:stroke-red-600\/30:active { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) +} +.focus\:stroke-red-600\/40:focus { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.hover\:stroke-red-600\/40:hover { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.active\:stroke-red-600\/40:active { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) +} +.focus\:stroke-red-600\/50:focus { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.hover\:stroke-red-600\/50:hover { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.active\:stroke-red-600\/50:active { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) +} +.focus\:stroke-red-600\/60:focus { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.hover\:stroke-red-600\/60:hover { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.active\:stroke-red-600\/60:active { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) +} +.focus\:stroke-red-600\/70:focus { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.hover\:stroke-red-600\/70:hover { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.active\:stroke-red-600\/70:active { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) +} +.focus\:stroke-red-600\/80:focus { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.hover\:stroke-red-600\/80:hover { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.active\:stroke-red-600\/80:active { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) +} +.focus\:stroke-red-600\/90:focus { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.hover\:stroke-red-600\/90:hover { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.active\:stroke-red-600\/90:active { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) +} +.focus\:stroke-red-700:focus { + stroke: var(--red-700) +} +.hover\:stroke-red-700:hover { + stroke: var(--red-700) +} +.active\:stroke-red-700:active { + stroke: var(--red-700) +} +.focus\:stroke-red-700\/10:focus { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.hover\:stroke-red-700\/10:hover { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.active\:stroke-red-700\/10:active { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) +} +.focus\:stroke-red-700\/20:focus { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.hover\:stroke-red-700\/20:hover { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.active\:stroke-red-700\/20:active { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) +} +.focus\:stroke-red-700\/30:focus { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.hover\:stroke-red-700\/30:hover { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.active\:stroke-red-700\/30:active { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) +} +.focus\:stroke-red-700\/40:focus { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.hover\:stroke-red-700\/40:hover { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.active\:stroke-red-700\/40:active { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) +} +.focus\:stroke-red-700\/50:focus { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.hover\:stroke-red-700\/50:hover { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.active\:stroke-red-700\/50:active { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) +} +.focus\:stroke-red-700\/60:focus { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.hover\:stroke-red-700\/60:hover { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.active\:stroke-red-700\/60:active { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) +} +.focus\:stroke-red-700\/70:focus { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.hover\:stroke-red-700\/70:hover { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.active\:stroke-red-700\/70:active { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) +} +.focus\:stroke-red-700\/80:focus { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.hover\:stroke-red-700\/80:hover { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.active\:stroke-red-700\/80:active { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) +} +.focus\:stroke-red-700\/90:focus { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.hover\:stroke-red-700\/90:hover { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.active\:stroke-red-700\/90:active { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) +} +.focus\:stroke-red-800:focus { + stroke: var(--red-800) +} +.hover\:stroke-red-800:hover { + stroke: var(--red-800) +} +.active\:stroke-red-800:active { + stroke: var(--red-800) +} +.focus\:stroke-red-800\/10:focus { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.hover\:stroke-red-800\/10:hover { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.active\:stroke-red-800\/10:active { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) +} +.focus\:stroke-red-800\/20:focus { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.hover\:stroke-red-800\/20:hover { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.active\:stroke-red-800\/20:active { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) +} +.focus\:stroke-red-800\/30:focus { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.hover\:stroke-red-800\/30:hover { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.active\:stroke-red-800\/30:active { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) +} +.focus\:stroke-red-800\/40:focus { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.hover\:stroke-red-800\/40:hover { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.active\:stroke-red-800\/40:active { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) +} +.focus\:stroke-red-800\/50:focus { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.hover\:stroke-red-800\/50:hover { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.active\:stroke-red-800\/50:active { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) +} +.focus\:stroke-red-800\/60:focus { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.hover\:stroke-red-800\/60:hover { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.active\:stroke-red-800\/60:active { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) +} +.focus\:stroke-red-800\/70:focus { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.hover\:stroke-red-800\/70:hover { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.active\:stroke-red-800\/70:active { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) +} +.focus\:stroke-red-800\/80:focus { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.hover\:stroke-red-800\/80:hover { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.active\:stroke-red-800\/80:active { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) +} +.focus\:stroke-red-800\/90:focus { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.hover\:stroke-red-800\/90:hover { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.active\:stroke-red-800\/90:active { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) +} +.focus\:stroke-red-900:focus { + stroke: var(--red-900) +} +.hover\:stroke-red-900:hover { + stroke: var(--red-900) +} +.active\:stroke-red-900:active { + stroke: var(--red-900) +} +.focus\:stroke-red-900\/10:focus { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.hover\:stroke-red-900\/10:hover { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.active\:stroke-red-900\/10:active { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) +} +.focus\:stroke-red-900\/20:focus { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.hover\:stroke-red-900\/20:hover { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.active\:stroke-red-900\/20:active { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) +} +.focus\:stroke-red-900\/30:focus { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.hover\:stroke-red-900\/30:hover { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.active\:stroke-red-900\/30:active { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) +} +.focus\:stroke-red-900\/40:focus { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.hover\:stroke-red-900\/40:hover { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.active\:stroke-red-900\/40:active { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) +} +.focus\:stroke-red-900\/50:focus { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.hover\:stroke-red-900\/50:hover { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.active\:stroke-red-900\/50:active { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) +} +.focus\:stroke-red-900\/60:focus { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.hover\:stroke-red-900\/60:hover { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.active\:stroke-red-900\/60:active { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) +} +.focus\:stroke-red-900\/70:focus { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.hover\:stroke-red-900\/70:hover { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.active\:stroke-red-900\/70:active { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) +} +.focus\:stroke-red-900\/80:focus { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.hover\:stroke-red-900\/80:hover { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.active\:stroke-red-900\/80:active { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) +} +.focus\:stroke-red-900\/90:focus { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.hover\:stroke-red-900\/90:hover { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.active\:stroke-red-900\/90:active { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) +} +.focus\:stroke-gray-50:focus { + stroke: var(--gray-50) +} +.hover\:stroke-gray-50:hover { + stroke: var(--gray-50) +} +.active\:stroke-gray-50:active { + stroke: var(--gray-50) +} +.focus\:stroke-gray-50\/10:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.hover\:stroke-gray-50\/10:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.active\:stroke-gray-50\/10:active { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) +} +.focus\:stroke-gray-50\/20:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.hover\:stroke-gray-50\/20:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.active\:stroke-gray-50\/20:active { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) +} +.focus\:stroke-gray-50\/30:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.hover\:stroke-gray-50\/30:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.active\:stroke-gray-50\/30:active { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) +} +.focus\:stroke-gray-50\/40:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.hover\:stroke-gray-50\/40:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.active\:stroke-gray-50\/40:active { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) +} +.focus\:stroke-gray-50\/50:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.hover\:stroke-gray-50\/50:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.active\:stroke-gray-50\/50:active { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) +} +.focus\:stroke-gray-50\/60:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.hover\:stroke-gray-50\/60:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.active\:stroke-gray-50\/60:active { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) +} +.focus\:stroke-gray-50\/70:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.hover\:stroke-gray-50\/70:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.active\:stroke-gray-50\/70:active { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) +} +.focus\:stroke-gray-50\/80:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.hover\:stroke-gray-50\/80:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.active\:stroke-gray-50\/80:active { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) +} +.focus\:stroke-gray-50\/90:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.hover\:stroke-gray-50\/90:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.active\:stroke-gray-50\/90:active { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) +} +.focus\:stroke-gray-100:focus { + stroke: var(--gray-100) +} +.hover\:stroke-gray-100:hover { + stroke: var(--gray-100) +} +.active\:stroke-gray-100:active { + stroke: var(--gray-100) +} +.focus\:stroke-gray-100\/10:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.hover\:stroke-gray-100\/10:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.active\:stroke-gray-100\/10:active { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) +} +.focus\:stroke-gray-100\/20:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.hover\:stroke-gray-100\/20:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.active\:stroke-gray-100\/20:active { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) +} +.focus\:stroke-gray-100\/30:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.hover\:stroke-gray-100\/30:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.active\:stroke-gray-100\/30:active { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) +} +.focus\:stroke-gray-100\/40:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.hover\:stroke-gray-100\/40:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.active\:stroke-gray-100\/40:active { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) +} +.focus\:stroke-gray-100\/50:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.hover\:stroke-gray-100\/50:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.active\:stroke-gray-100\/50:active { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) +} +.focus\:stroke-gray-100\/60:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.hover\:stroke-gray-100\/60:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.active\:stroke-gray-100\/60:active { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) +} +.focus\:stroke-gray-100\/70:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.hover\:stroke-gray-100\/70:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.active\:stroke-gray-100\/70:active { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) +} +.focus\:stroke-gray-100\/80:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.hover\:stroke-gray-100\/80:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.active\:stroke-gray-100\/80:active { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) +} +.focus\:stroke-gray-100\/90:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.hover\:stroke-gray-100\/90:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.active\:stroke-gray-100\/90:active { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) +} +.focus\:stroke-gray-200:focus { + stroke: var(--gray-200) +} +.hover\:stroke-gray-200:hover { + stroke: var(--gray-200) +} +.active\:stroke-gray-200:active { + stroke: var(--gray-200) +} +.focus\:stroke-gray-200\/10:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.hover\:stroke-gray-200\/10:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.active\:stroke-gray-200\/10:active { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) +} +.focus\:stroke-gray-200\/20:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.hover\:stroke-gray-200\/20:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.active\:stroke-gray-200\/20:active { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) +} +.focus\:stroke-gray-200\/30:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.hover\:stroke-gray-200\/30:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.active\:stroke-gray-200\/30:active { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) +} +.focus\:stroke-gray-200\/40:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.hover\:stroke-gray-200\/40:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.active\:stroke-gray-200\/40:active { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) +} +.focus\:stroke-gray-200\/50:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.hover\:stroke-gray-200\/50:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.active\:stroke-gray-200\/50:active { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) +} +.focus\:stroke-gray-200\/60:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.hover\:stroke-gray-200\/60:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.active\:stroke-gray-200\/60:active { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) +} +.focus\:stroke-gray-200\/70:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.hover\:stroke-gray-200\/70:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.active\:stroke-gray-200\/70:active { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) +} +.focus\:stroke-gray-200\/80:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.hover\:stroke-gray-200\/80:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.active\:stroke-gray-200\/80:active { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) +} +.focus\:stroke-gray-200\/90:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.hover\:stroke-gray-200\/90:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.active\:stroke-gray-200\/90:active { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) +} +.focus\:stroke-gray-300:focus { + stroke: var(--gray-300) +} +.hover\:stroke-gray-300:hover { + stroke: var(--gray-300) +} +.active\:stroke-gray-300:active { + stroke: var(--gray-300) +} +.focus\:stroke-gray-300\/10:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.hover\:stroke-gray-300\/10:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.active\:stroke-gray-300\/10:active { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) +} +.focus\:stroke-gray-300\/20:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.hover\:stroke-gray-300\/20:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.active\:stroke-gray-300\/20:active { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) +} +.focus\:stroke-gray-300\/30:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.hover\:stroke-gray-300\/30:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.active\:stroke-gray-300\/30:active { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) +} +.focus\:stroke-gray-300\/40:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.hover\:stroke-gray-300\/40:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.active\:stroke-gray-300\/40:active { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) +} +.focus\:stroke-gray-300\/50:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.hover\:stroke-gray-300\/50:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.active\:stroke-gray-300\/50:active { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) +} +.focus\:stroke-gray-300\/60:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.hover\:stroke-gray-300\/60:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.active\:stroke-gray-300\/60:active { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) +} +.focus\:stroke-gray-300\/70:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.hover\:stroke-gray-300\/70:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.active\:stroke-gray-300\/70:active { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) +} +.focus\:stroke-gray-300\/80:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.hover\:stroke-gray-300\/80:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.active\:stroke-gray-300\/80:active { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) +} +.focus\:stroke-gray-300\/90:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.hover\:stroke-gray-300\/90:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.active\:stroke-gray-300\/90:active { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) +} +.focus\:stroke-gray-400:focus { + stroke: var(--gray-400) +} +.hover\:stroke-gray-400:hover { + stroke: var(--gray-400) +} +.active\:stroke-gray-400:active { + stroke: var(--gray-400) +} +.focus\:stroke-gray-400\/10:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.hover\:stroke-gray-400\/10:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.active\:stroke-gray-400\/10:active { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) +} +.focus\:stroke-gray-400\/20:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.hover\:stroke-gray-400\/20:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.active\:stroke-gray-400\/20:active { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) +} +.focus\:stroke-gray-400\/30:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.hover\:stroke-gray-400\/30:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.active\:stroke-gray-400\/30:active { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) +} +.focus\:stroke-gray-400\/40:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.hover\:stroke-gray-400\/40:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.active\:stroke-gray-400\/40:active { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) +} +.focus\:stroke-gray-400\/50:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.hover\:stroke-gray-400\/50:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.active\:stroke-gray-400\/50:active { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) +} +.focus\:stroke-gray-400\/60:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.hover\:stroke-gray-400\/60:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.active\:stroke-gray-400\/60:active { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) +} +.focus\:stroke-gray-400\/70:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.hover\:stroke-gray-400\/70:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.active\:stroke-gray-400\/70:active { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) +} +.focus\:stroke-gray-400\/80:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.hover\:stroke-gray-400\/80:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.active\:stroke-gray-400\/80:active { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) +} +.focus\:stroke-gray-400\/90:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.hover\:stroke-gray-400\/90:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.active\:stroke-gray-400\/90:active { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) +} +.focus\:stroke-gray-500:focus { + stroke: var(--gray-500) +} +.hover\:stroke-gray-500:hover { + stroke: var(--gray-500) +} +.active\:stroke-gray-500:active { + stroke: var(--gray-500) +} +.focus\:stroke-gray-500\/10:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.hover\:stroke-gray-500\/10:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.active\:stroke-gray-500\/10:active { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) +} +.focus\:stroke-gray-500\/20:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.hover\:stroke-gray-500\/20:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.active\:stroke-gray-500\/20:active { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) +} +.focus\:stroke-gray-500\/30:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.hover\:stroke-gray-500\/30:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.active\:stroke-gray-500\/30:active { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) +} +.focus\:stroke-gray-500\/40:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.hover\:stroke-gray-500\/40:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.active\:stroke-gray-500\/40:active { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) +} +.focus\:stroke-gray-500\/50:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.hover\:stroke-gray-500\/50:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.active\:stroke-gray-500\/50:active { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) +} +.focus\:stroke-gray-500\/60:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.hover\:stroke-gray-500\/60:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.active\:stroke-gray-500\/60:active { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) +} +.focus\:stroke-gray-500\/70:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.hover\:stroke-gray-500\/70:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.active\:stroke-gray-500\/70:active { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) +} +.focus\:stroke-gray-500\/80:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.hover\:stroke-gray-500\/80:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.active\:stroke-gray-500\/80:active { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) +} +.focus\:stroke-gray-500\/90:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.hover\:stroke-gray-500\/90:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.active\:stroke-gray-500\/90:active { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) +} +.focus\:stroke-gray-600:focus { + stroke: var(--gray-600) +} +.hover\:stroke-gray-600:hover { + stroke: var(--gray-600) +} +.active\:stroke-gray-600:active { + stroke: var(--gray-600) +} +.focus\:stroke-gray-600\/10:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.hover\:stroke-gray-600\/10:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.active\:stroke-gray-600\/10:active { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) +} +.focus\:stroke-gray-600\/20:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.hover\:stroke-gray-600\/20:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.active\:stroke-gray-600\/20:active { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) +} +.focus\:stroke-gray-600\/30:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.hover\:stroke-gray-600\/30:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.active\:stroke-gray-600\/30:active { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) +} +.focus\:stroke-gray-600\/40:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.hover\:stroke-gray-600\/40:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.active\:stroke-gray-600\/40:active { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) +} +.focus\:stroke-gray-600\/50:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.hover\:stroke-gray-600\/50:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.active\:stroke-gray-600\/50:active { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) +} +.focus\:stroke-gray-600\/60:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.hover\:stroke-gray-600\/60:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.active\:stroke-gray-600\/60:active { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) +} +.focus\:stroke-gray-600\/70:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.hover\:stroke-gray-600\/70:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.active\:stroke-gray-600\/70:active { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) +} +.focus\:stroke-gray-600\/80:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.hover\:stroke-gray-600\/80:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.active\:stroke-gray-600\/80:active { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) +} +.focus\:stroke-gray-600\/90:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.hover\:stroke-gray-600\/90:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.active\:stroke-gray-600\/90:active { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) +} +.focus\:stroke-gray-700:focus { + stroke: var(--gray-700) +} +.hover\:stroke-gray-700:hover { + stroke: var(--gray-700) +} +.active\:stroke-gray-700:active { + stroke: var(--gray-700) +} +.focus\:stroke-gray-700\/10:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.hover\:stroke-gray-700\/10:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.active\:stroke-gray-700\/10:active { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) +} +.focus\:stroke-gray-700\/20:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.hover\:stroke-gray-700\/20:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.active\:stroke-gray-700\/20:active { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) +} +.focus\:stroke-gray-700\/30:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.hover\:stroke-gray-700\/30:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.active\:stroke-gray-700\/30:active { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) +} +.focus\:stroke-gray-700\/40:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.hover\:stroke-gray-700\/40:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.active\:stroke-gray-700\/40:active { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) +} +.focus\:stroke-gray-700\/50:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.hover\:stroke-gray-700\/50:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.active\:stroke-gray-700\/50:active { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) +} +.focus\:stroke-gray-700\/60:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.hover\:stroke-gray-700\/60:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.active\:stroke-gray-700\/60:active { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) +} +.focus\:stroke-gray-700\/70:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.hover\:stroke-gray-700\/70:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.active\:stroke-gray-700\/70:active { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) +} +.focus\:stroke-gray-700\/80:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.hover\:stroke-gray-700\/80:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.active\:stroke-gray-700\/80:active { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) +} +.focus\:stroke-gray-700\/90:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.hover\:stroke-gray-700\/90:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.active\:stroke-gray-700\/90:active { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) +} +.focus\:stroke-gray-800:focus { + stroke: var(--gray-800) +} +.hover\:stroke-gray-800:hover { + stroke: var(--gray-800) +} +.active\:stroke-gray-800:active { + stroke: var(--gray-800) +} +.focus\:stroke-gray-800\/10:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.hover\:stroke-gray-800\/10:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.active\:stroke-gray-800\/10:active { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) +} +.focus\:stroke-gray-800\/20:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.hover\:stroke-gray-800\/20:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.active\:stroke-gray-800\/20:active { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) +} +.focus\:stroke-gray-800\/30:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.hover\:stroke-gray-800\/30:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.active\:stroke-gray-800\/30:active { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) +} +.focus\:stroke-gray-800\/40:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.hover\:stroke-gray-800\/40:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.active\:stroke-gray-800\/40:active { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) +} +.focus\:stroke-gray-800\/50:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.hover\:stroke-gray-800\/50:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.active\:stroke-gray-800\/50:active { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) +} +.focus\:stroke-gray-800\/60:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.hover\:stroke-gray-800\/60:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.active\:stroke-gray-800\/60:active { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) +} +.focus\:stroke-gray-800\/70:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.hover\:stroke-gray-800\/70:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.active\:stroke-gray-800\/70:active { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) +} +.focus\:stroke-gray-800\/80:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.hover\:stroke-gray-800\/80:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.active\:stroke-gray-800\/80:active { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) +} +.focus\:stroke-gray-800\/90:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.hover\:stroke-gray-800\/90:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.active\:stroke-gray-800\/90:active { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) +} +.focus\:stroke-gray-900:focus { + stroke: var(--gray-900) +} +.hover\:stroke-gray-900:hover { + stroke: var(--gray-900) +} +.active\:stroke-gray-900:active { + stroke: var(--gray-900) +} +.focus\:stroke-gray-900\/10:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.hover\:stroke-gray-900\/10:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.active\:stroke-gray-900\/10:active { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) +} +.focus\:stroke-gray-900\/20:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.hover\:stroke-gray-900\/20:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.active\:stroke-gray-900\/20:active { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) +} +.focus\:stroke-gray-900\/30:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.hover\:stroke-gray-900\/30:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.active\:stroke-gray-900\/30:active { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) +} +.focus\:stroke-gray-900\/40:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.hover\:stroke-gray-900\/40:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.active\:stroke-gray-900\/40:active { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) +} +.focus\:stroke-gray-900\/50:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.hover\:stroke-gray-900\/50:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.active\:stroke-gray-900\/50:active { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) +} +.focus\:stroke-gray-900\/60:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.hover\:stroke-gray-900\/60:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.active\:stroke-gray-900\/60:active { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) +} +.focus\:stroke-gray-900\/70:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.hover\:stroke-gray-900\/70:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.active\:stroke-gray-900\/70:active { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) +} +.focus\:stroke-gray-900\/80:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.hover\:stroke-gray-900\/80:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.active\:stroke-gray-900\/80:active { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) +} +.focus\:stroke-gray-900\/90:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.hover\:stroke-gray-900\/90:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.active\:stroke-gray-900\/90:active { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) +} +.focus\:stroke-surface-0:focus { + stroke: var(--surface-0) +} +.hover\:stroke-surface-0:hover { + stroke: var(--surface-0) +} +.active\:stroke-surface-0:active { + stroke: var(--surface-0) +} +.focus\:stroke-surface-0\/10:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.hover\:stroke-surface-0\/10:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.active\:stroke-surface-0\/10:active { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) +} +.focus\:stroke-surface-0\/20:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.hover\:stroke-surface-0\/20:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.active\:stroke-surface-0\/20:active { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) +} +.focus\:stroke-surface-0\/30:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.hover\:stroke-surface-0\/30:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.active\:stroke-surface-0\/30:active { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) +} +.focus\:stroke-surface-0\/40:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.hover\:stroke-surface-0\/40:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.active\:stroke-surface-0\/40:active { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) +} +.focus\:stroke-surface-0\/50:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.hover\:stroke-surface-0\/50:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.active\:stroke-surface-0\/50:active { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) +} +.focus\:stroke-surface-0\/60:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.hover\:stroke-surface-0\/60:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.active\:stroke-surface-0\/60:active { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) +} +.focus\:stroke-surface-0\/70:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.hover\:stroke-surface-0\/70:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.active\:stroke-surface-0\/70:active { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) +} +.focus\:stroke-surface-0\/80:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.hover\:stroke-surface-0\/80:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.active\:stroke-surface-0\/80:active { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) +} +.focus\:stroke-surface-0\/90:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.hover\:stroke-surface-0\/90:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.active\:stroke-surface-0\/90:active { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) +} +.focus\:stroke-surface-50:focus { + stroke: var(--surface-50) +} +.hover\:stroke-surface-50:hover { + stroke: var(--surface-50) +} +.active\:stroke-surface-50:active { + stroke: var(--surface-50) +} +.focus\:stroke-surface-50\/10:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.hover\:stroke-surface-50\/10:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.active\:stroke-surface-50\/10:active { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) +} +.focus\:stroke-surface-50\/20:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.hover\:stroke-surface-50\/20:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.active\:stroke-surface-50\/20:active { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) +} +.focus\:stroke-surface-50\/30:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.hover\:stroke-surface-50\/30:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.active\:stroke-surface-50\/30:active { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) +} +.focus\:stroke-surface-50\/40:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.hover\:stroke-surface-50\/40:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.active\:stroke-surface-50\/40:active { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) +} +.focus\:stroke-surface-50\/50:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.hover\:stroke-surface-50\/50:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.active\:stroke-surface-50\/50:active { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) +} +.focus\:stroke-surface-50\/60:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.hover\:stroke-surface-50\/60:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.active\:stroke-surface-50\/60:active { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) +} +.focus\:stroke-surface-50\/70:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.hover\:stroke-surface-50\/70:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.active\:stroke-surface-50\/70:active { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) +} +.focus\:stroke-surface-50\/80:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.hover\:stroke-surface-50\/80:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.active\:stroke-surface-50\/80:active { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) +} +.focus\:stroke-surface-50\/90:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.hover\:stroke-surface-50\/90:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.active\:stroke-surface-50\/90:active { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) +} +.focus\:stroke-surface-100:focus { + stroke: var(--surface-100) +} +.hover\:stroke-surface-100:hover { + stroke: var(--surface-100) +} +.active\:stroke-surface-100:active { + stroke: var(--surface-100) +} +.focus\:stroke-surface-100\/10:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.hover\:stroke-surface-100\/10:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.active\:stroke-surface-100\/10:active { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) +} +.focus\:stroke-surface-100\/20:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.hover\:stroke-surface-100\/20:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.active\:stroke-surface-100\/20:active { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) +} +.focus\:stroke-surface-100\/30:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.hover\:stroke-surface-100\/30:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.active\:stroke-surface-100\/30:active { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) +} +.focus\:stroke-surface-100\/40:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.hover\:stroke-surface-100\/40:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.active\:stroke-surface-100\/40:active { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) +} +.focus\:stroke-surface-100\/50:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.hover\:stroke-surface-100\/50:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.active\:stroke-surface-100\/50:active { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) +} +.focus\:stroke-surface-100\/60:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.hover\:stroke-surface-100\/60:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.active\:stroke-surface-100\/60:active { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) +} +.focus\:stroke-surface-100\/70:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.hover\:stroke-surface-100\/70:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.active\:stroke-surface-100\/70:active { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) +} +.focus\:stroke-surface-100\/80:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.hover\:stroke-surface-100\/80:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.active\:stroke-surface-100\/80:active { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) +} +.focus\:stroke-surface-100\/90:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.hover\:stroke-surface-100\/90:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.active\:stroke-surface-100\/90:active { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) +} +.focus\:stroke-surface-200:focus { + stroke: var(--surface-200) +} +.hover\:stroke-surface-200:hover { + stroke: var(--surface-200) +} +.active\:stroke-surface-200:active { + stroke: var(--surface-200) +} +.focus\:stroke-surface-200\/10:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.hover\:stroke-surface-200\/10:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.active\:stroke-surface-200\/10:active { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) +} +.focus\:stroke-surface-200\/20:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.hover\:stroke-surface-200\/20:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.active\:stroke-surface-200\/20:active { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) +} +.focus\:stroke-surface-200\/30:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.hover\:stroke-surface-200\/30:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.active\:stroke-surface-200\/30:active { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) +} +.focus\:stroke-surface-200\/40:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.hover\:stroke-surface-200\/40:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.active\:stroke-surface-200\/40:active { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) +} +.focus\:stroke-surface-200\/50:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.hover\:stroke-surface-200\/50:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.active\:stroke-surface-200\/50:active { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) +} +.focus\:stroke-surface-200\/60:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.hover\:stroke-surface-200\/60:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.active\:stroke-surface-200\/60:active { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) +} +.focus\:stroke-surface-200\/70:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.hover\:stroke-surface-200\/70:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.active\:stroke-surface-200\/70:active { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) +} +.focus\:stroke-surface-200\/80:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.hover\:stroke-surface-200\/80:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.active\:stroke-surface-200\/80:active { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) +} +.focus\:stroke-surface-200\/90:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.hover\:stroke-surface-200\/90:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.active\:stroke-surface-200\/90:active { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) +} +.focus\:stroke-surface-300:focus { + stroke: var(--surface-300) +} +.hover\:stroke-surface-300:hover { + stroke: var(--surface-300) +} +.active\:stroke-surface-300:active { + stroke: var(--surface-300) +} +.focus\:stroke-surface-300\/10:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.hover\:stroke-surface-300\/10:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.active\:stroke-surface-300\/10:active { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) +} +.focus\:stroke-surface-300\/20:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.hover\:stroke-surface-300\/20:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.active\:stroke-surface-300\/20:active { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) +} +.focus\:stroke-surface-300\/30:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.hover\:stroke-surface-300\/30:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.active\:stroke-surface-300\/30:active { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) +} +.focus\:stroke-surface-300\/40:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.hover\:stroke-surface-300\/40:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.active\:stroke-surface-300\/40:active { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) +} +.focus\:stroke-surface-300\/50:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.hover\:stroke-surface-300\/50:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.active\:stroke-surface-300\/50:active { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) +} +.focus\:stroke-surface-300\/60:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.hover\:stroke-surface-300\/60:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.active\:stroke-surface-300\/60:active { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) +} +.focus\:stroke-surface-300\/70:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.hover\:stroke-surface-300\/70:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.active\:stroke-surface-300\/70:active { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) +} +.focus\:stroke-surface-300\/80:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.hover\:stroke-surface-300\/80:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.active\:stroke-surface-300\/80:active { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) +} +.focus\:stroke-surface-300\/90:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.hover\:stroke-surface-300\/90:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.active\:stroke-surface-300\/90:active { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) +} +.focus\:stroke-surface-400:focus { + stroke: var(--surface-400) +} +.hover\:stroke-surface-400:hover { + stroke: var(--surface-400) +} +.active\:stroke-surface-400:active { + stroke: var(--surface-400) +} +.focus\:stroke-surface-400\/10:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.hover\:stroke-surface-400\/10:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.active\:stroke-surface-400\/10:active { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) +} +.focus\:stroke-surface-400\/20:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.hover\:stroke-surface-400\/20:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.active\:stroke-surface-400\/20:active { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) +} +.focus\:stroke-surface-400\/30:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.hover\:stroke-surface-400\/30:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.active\:stroke-surface-400\/30:active { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) +} +.focus\:stroke-surface-400\/40:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.hover\:stroke-surface-400\/40:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.active\:stroke-surface-400\/40:active { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) +} +.focus\:stroke-surface-400\/50:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.hover\:stroke-surface-400\/50:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.active\:stroke-surface-400\/50:active { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) +} +.focus\:stroke-surface-400\/60:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.hover\:stroke-surface-400\/60:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.active\:stroke-surface-400\/60:active { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) +} +.focus\:stroke-surface-400\/70:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.hover\:stroke-surface-400\/70:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.active\:stroke-surface-400\/70:active { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) +} +.focus\:stroke-surface-400\/80:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.hover\:stroke-surface-400\/80:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.active\:stroke-surface-400\/80:active { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) +} +.focus\:stroke-surface-400\/90:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.hover\:stroke-surface-400\/90:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.active\:stroke-surface-400\/90:active { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) +} +.focus\:stroke-surface-500:focus { + stroke: var(--surface-500) +} +.hover\:stroke-surface-500:hover { + stroke: var(--surface-500) +} +.active\:stroke-surface-500:active { + stroke: var(--surface-500) +} +.focus\:stroke-surface-500\/10:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.hover\:stroke-surface-500\/10:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.active\:stroke-surface-500\/10:active { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) +} +.focus\:stroke-surface-500\/20:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.hover\:stroke-surface-500\/20:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.active\:stroke-surface-500\/20:active { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) +} +.focus\:stroke-surface-500\/30:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.hover\:stroke-surface-500\/30:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.active\:stroke-surface-500\/30:active { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) +} +.focus\:stroke-surface-500\/40:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.hover\:stroke-surface-500\/40:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.active\:stroke-surface-500\/40:active { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) +} +.focus\:stroke-surface-500\/50:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.hover\:stroke-surface-500\/50:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.active\:stroke-surface-500\/50:active { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) +} +.focus\:stroke-surface-500\/60:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.hover\:stroke-surface-500\/60:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.active\:stroke-surface-500\/60:active { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) +} +.focus\:stroke-surface-500\/70:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.hover\:stroke-surface-500\/70:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.active\:stroke-surface-500\/70:active { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) +} +.focus\:stroke-surface-500\/80:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.hover\:stroke-surface-500\/80:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.active\:stroke-surface-500\/80:active { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) +} +.focus\:stroke-surface-500\/90:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.hover\:stroke-surface-500\/90:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.active\:stroke-surface-500\/90:active { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) +} +.focus\:stroke-surface-600:focus { + stroke: var(--surface-600) +} +.hover\:stroke-surface-600:hover { + stroke: var(--surface-600) +} +.active\:stroke-surface-600:active { + stroke: var(--surface-600) +} +.focus\:stroke-surface-600\/10:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.hover\:stroke-surface-600\/10:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.active\:stroke-surface-600\/10:active { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) +} +.focus\:stroke-surface-600\/20:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.hover\:stroke-surface-600\/20:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.active\:stroke-surface-600\/20:active { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) +} +.focus\:stroke-surface-600\/30:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.hover\:stroke-surface-600\/30:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.active\:stroke-surface-600\/30:active { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) +} +.focus\:stroke-surface-600\/40:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.hover\:stroke-surface-600\/40:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.active\:stroke-surface-600\/40:active { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) +} +.focus\:stroke-surface-600\/50:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.hover\:stroke-surface-600\/50:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.active\:stroke-surface-600\/50:active { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) +} +.focus\:stroke-surface-600\/60:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.hover\:stroke-surface-600\/60:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.active\:stroke-surface-600\/60:active { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) +} +.focus\:stroke-surface-600\/70:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.hover\:stroke-surface-600\/70:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.active\:stroke-surface-600\/70:active { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) +} +.focus\:stroke-surface-600\/80:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.hover\:stroke-surface-600\/80:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.active\:stroke-surface-600\/80:active { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) +} +.focus\:stroke-surface-600\/90:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.hover\:stroke-surface-600\/90:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.active\:stroke-surface-600\/90:active { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) +} +.focus\:stroke-surface-700:focus { + stroke: var(--surface-700) +} +.hover\:stroke-surface-700:hover { + stroke: var(--surface-700) +} +.active\:stroke-surface-700:active { + stroke: var(--surface-700) +} +.focus\:stroke-surface-700\/10:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.hover\:stroke-surface-700\/10:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.active\:stroke-surface-700\/10:active { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) +} +.focus\:stroke-surface-700\/20:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.hover\:stroke-surface-700\/20:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.active\:stroke-surface-700\/20:active { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) +} +.focus\:stroke-surface-700\/30:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.hover\:stroke-surface-700\/30:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.active\:stroke-surface-700\/30:active { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) +} +.focus\:stroke-surface-700\/40:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.hover\:stroke-surface-700\/40:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.active\:stroke-surface-700\/40:active { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) +} +.focus\:stroke-surface-700\/50:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.hover\:stroke-surface-700\/50:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.active\:stroke-surface-700\/50:active { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) +} +.focus\:stroke-surface-700\/60:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.hover\:stroke-surface-700\/60:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.active\:stroke-surface-700\/60:active { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) +} +.focus\:stroke-surface-700\/70:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.hover\:stroke-surface-700\/70:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.active\:stroke-surface-700\/70:active { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) +} +.focus\:stroke-surface-700\/80:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.hover\:stroke-surface-700\/80:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.active\:stroke-surface-700\/80:active { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) +} +.focus\:stroke-surface-700\/90:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.hover\:stroke-surface-700\/90:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.active\:stroke-surface-700\/90:active { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) +} +.focus\:stroke-surface-800:focus { + stroke: var(--surface-800) +} +.hover\:stroke-surface-800:hover { + stroke: var(--surface-800) +} +.active\:stroke-surface-800:active { + stroke: var(--surface-800) +} +.focus\:stroke-surface-800\/10:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.hover\:stroke-surface-800\/10:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.active\:stroke-surface-800\/10:active { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) +} +.focus\:stroke-surface-800\/20:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.hover\:stroke-surface-800\/20:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.active\:stroke-surface-800\/20:active { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) +} +.focus\:stroke-surface-800\/30:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.hover\:stroke-surface-800\/30:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.active\:stroke-surface-800\/30:active { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) +} +.focus\:stroke-surface-800\/40:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.hover\:stroke-surface-800\/40:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.active\:stroke-surface-800\/40:active { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) +} +.focus\:stroke-surface-800\/50:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.hover\:stroke-surface-800\/50:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.active\:stroke-surface-800\/50:active { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) +} +.focus\:stroke-surface-800\/60:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.hover\:stroke-surface-800\/60:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.active\:stroke-surface-800\/60:active { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) +} +.focus\:stroke-surface-800\/70:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.hover\:stroke-surface-800\/70:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.active\:stroke-surface-800\/70:active { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) +} +.focus\:stroke-surface-800\/80:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.hover\:stroke-surface-800\/80:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.active\:stroke-surface-800\/80:active { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) +} +.focus\:stroke-surface-800\/90:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.hover\:stroke-surface-800\/90:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.active\:stroke-surface-800\/90:active { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) +} +.focus\:stroke-surface-900:focus { + stroke: var(--surface-900) +} +.hover\:stroke-surface-900:hover { + stroke: var(--surface-900) +} +.active\:stroke-surface-900:active { + stroke: var(--surface-900) +} +.focus\:stroke-surface-900\/10:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.hover\:stroke-surface-900\/10:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.active\:stroke-surface-900\/10:active { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) +} +.focus\:stroke-surface-900\/20:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.hover\:stroke-surface-900\/20:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.active\:stroke-surface-900\/20:active { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) +} +.focus\:stroke-surface-900\/30:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.hover\:stroke-surface-900\/30:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.active\:stroke-surface-900\/30:active { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) +} +.focus\:stroke-surface-900\/40:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.hover\:stroke-surface-900\/40:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.active\:stroke-surface-900\/40:active { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) +} +.focus\:stroke-surface-900\/50:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.hover\:stroke-surface-900\/50:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.active\:stroke-surface-900\/50:active { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) +} +.focus\:stroke-surface-900\/60:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.hover\:stroke-surface-900\/60:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.active\:stroke-surface-900\/60:active { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) +} +.focus\:stroke-surface-900\/70:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.hover\:stroke-surface-900\/70:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.active\:stroke-surface-900\/70:active { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) +} +.focus\:stroke-surface-900\/80:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.hover\:stroke-surface-900\/80:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.active\:stroke-surface-900\/80:active { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) +} +.focus\:stroke-surface-900\/90:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.hover\:stroke-surface-900\/90:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.active\:stroke-surface-900\/90:active { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) +} +.focus\:stroke-primary-50:focus { + stroke: var(--primary-50) +} +.hover\:stroke-primary-50:hover { + stroke: var(--primary-50) +} +.active\:stroke-primary-50:active { + stroke: var(--primary-50) +} +.focus\:stroke-primary-50\/10:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.hover\:stroke-primary-50\/10:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.active\:stroke-primary-50\/10:active { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) +} +.focus\:stroke-primary-50\/20:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.hover\:stroke-primary-50\/20:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.active\:stroke-primary-50\/20:active { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) +} +.focus\:stroke-primary-50\/30:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.hover\:stroke-primary-50\/30:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.active\:stroke-primary-50\/30:active { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) +} +.focus\:stroke-primary-50\/40:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.hover\:stroke-primary-50\/40:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.active\:stroke-primary-50\/40:active { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) +} +.focus\:stroke-primary-50\/50:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.hover\:stroke-primary-50\/50:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.active\:stroke-primary-50\/50:active { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) +} +.focus\:stroke-primary-50\/60:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.hover\:stroke-primary-50\/60:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.active\:stroke-primary-50\/60:active { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) +} +.focus\:stroke-primary-50\/70:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.hover\:stroke-primary-50\/70:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.active\:stroke-primary-50\/70:active { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) +} +.focus\:stroke-primary-50\/80:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.hover\:stroke-primary-50\/80:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.active\:stroke-primary-50\/80:active { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) +} +.focus\:stroke-primary-50\/90:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.hover\:stroke-primary-50\/90:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.active\:stroke-primary-50\/90:active { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) +} +.focus\:stroke-primary-100:focus { + stroke: var(--primary-100) +} +.hover\:stroke-primary-100:hover { + stroke: var(--primary-100) +} +.active\:stroke-primary-100:active { + stroke: var(--primary-100) +} +.focus\:stroke-primary-100\/10:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.hover\:stroke-primary-100\/10:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.active\:stroke-primary-100\/10:active { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) +} +.focus\:stroke-primary-100\/20:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.hover\:stroke-primary-100\/20:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.active\:stroke-primary-100\/20:active { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) +} +.focus\:stroke-primary-100\/30:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.hover\:stroke-primary-100\/30:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.active\:stroke-primary-100\/30:active { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) +} +.focus\:stroke-primary-100\/40:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.hover\:stroke-primary-100\/40:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.active\:stroke-primary-100\/40:active { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) +} +.focus\:stroke-primary-100\/50:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.hover\:stroke-primary-100\/50:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.active\:stroke-primary-100\/50:active { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) +} +.focus\:stroke-primary-100\/60:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.hover\:stroke-primary-100\/60:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.active\:stroke-primary-100\/60:active { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) +} +.focus\:stroke-primary-100\/70:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.hover\:stroke-primary-100\/70:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.active\:stroke-primary-100\/70:active { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) +} +.focus\:stroke-primary-100\/80:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.hover\:stroke-primary-100\/80:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.active\:stroke-primary-100\/80:active { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) +} +.focus\:stroke-primary-100\/90:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.hover\:stroke-primary-100\/90:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.active\:stroke-primary-100\/90:active { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) +} +.focus\:stroke-primary-200:focus { + stroke: var(--primary-200) +} +.hover\:stroke-primary-200:hover { + stroke: var(--primary-200) +} +.active\:stroke-primary-200:active { + stroke: var(--primary-200) +} +.focus\:stroke-primary-200\/10:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.hover\:stroke-primary-200\/10:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.active\:stroke-primary-200\/10:active { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) +} +.focus\:stroke-primary-200\/20:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.hover\:stroke-primary-200\/20:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.active\:stroke-primary-200\/20:active { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) +} +.focus\:stroke-primary-200\/30:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.hover\:stroke-primary-200\/30:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.active\:stroke-primary-200\/30:active { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) +} +.focus\:stroke-primary-200\/40:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.hover\:stroke-primary-200\/40:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.active\:stroke-primary-200\/40:active { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) +} +.focus\:stroke-primary-200\/50:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.hover\:stroke-primary-200\/50:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.active\:stroke-primary-200\/50:active { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) +} +.focus\:stroke-primary-200\/60:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.hover\:stroke-primary-200\/60:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.active\:stroke-primary-200\/60:active { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) +} +.focus\:stroke-primary-200\/70:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.hover\:stroke-primary-200\/70:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.active\:stroke-primary-200\/70:active { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) +} +.focus\:stroke-primary-200\/80:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.hover\:stroke-primary-200\/80:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.active\:stroke-primary-200\/80:active { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) +} +.focus\:stroke-primary-200\/90:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.hover\:stroke-primary-200\/90:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.active\:stroke-primary-200\/90:active { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) +} +.focus\:stroke-primary-300:focus { + stroke: var(--primary-300) +} +.hover\:stroke-primary-300:hover { + stroke: var(--primary-300) +} +.active\:stroke-primary-300:active { + stroke: var(--primary-300) +} +.focus\:stroke-primary-300\/10:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.hover\:stroke-primary-300\/10:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.active\:stroke-primary-300\/10:active { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) +} +.focus\:stroke-primary-300\/20:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.hover\:stroke-primary-300\/20:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.active\:stroke-primary-300\/20:active { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) +} +.focus\:stroke-primary-300\/30:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.hover\:stroke-primary-300\/30:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.active\:stroke-primary-300\/30:active { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) +} +.focus\:stroke-primary-300\/40:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.hover\:stroke-primary-300\/40:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.active\:stroke-primary-300\/40:active { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) +} +.focus\:stroke-primary-300\/50:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.hover\:stroke-primary-300\/50:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.active\:stroke-primary-300\/50:active { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) +} +.focus\:stroke-primary-300\/60:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.hover\:stroke-primary-300\/60:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.active\:stroke-primary-300\/60:active { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) +} +.focus\:stroke-primary-300\/70:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.hover\:stroke-primary-300\/70:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.active\:stroke-primary-300\/70:active { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) +} +.focus\:stroke-primary-300\/80:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.hover\:stroke-primary-300\/80:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.active\:stroke-primary-300\/80:active { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) +} +.focus\:stroke-primary-300\/90:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.hover\:stroke-primary-300\/90:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.active\:stroke-primary-300\/90:active { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) +} +.focus\:stroke-primary-400:focus { + stroke: var(--primary-400) +} +.hover\:stroke-primary-400:hover { + stroke: var(--primary-400) +} +.active\:stroke-primary-400:active { + stroke: var(--primary-400) +} +.focus\:stroke-primary-400\/10:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.hover\:stroke-primary-400\/10:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.active\:stroke-primary-400\/10:active { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) +} +.focus\:stroke-primary-400\/20:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.hover\:stroke-primary-400\/20:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.active\:stroke-primary-400\/20:active { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) +} +.focus\:stroke-primary-400\/30:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.hover\:stroke-primary-400\/30:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.active\:stroke-primary-400\/30:active { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) +} +.focus\:stroke-primary-400\/40:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.hover\:stroke-primary-400\/40:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.active\:stroke-primary-400\/40:active { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) +} +.focus\:stroke-primary-400\/50:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.hover\:stroke-primary-400\/50:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.active\:stroke-primary-400\/50:active { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) +} +.focus\:stroke-primary-400\/60:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.hover\:stroke-primary-400\/60:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.active\:stroke-primary-400\/60:active { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) +} +.focus\:stroke-primary-400\/70:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.hover\:stroke-primary-400\/70:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.active\:stroke-primary-400\/70:active { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) +} +.focus\:stroke-primary-400\/80:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.hover\:stroke-primary-400\/80:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.active\:stroke-primary-400\/80:active { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) +} +.focus\:stroke-primary-400\/90:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.hover\:stroke-primary-400\/90:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.active\:stroke-primary-400\/90:active { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) +} +.focus\:stroke-primary-500:focus { + stroke: var(--primary-500) +} +.hover\:stroke-primary-500:hover { + stroke: var(--primary-500) +} +.active\:stroke-primary-500:active { + stroke: var(--primary-500) +} +.focus\:stroke-primary-500\/10:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.hover\:stroke-primary-500\/10:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.active\:stroke-primary-500\/10:active { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) +} +.focus\:stroke-primary-500\/20:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.hover\:stroke-primary-500\/20:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.active\:stroke-primary-500\/20:active { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) +} +.focus\:stroke-primary-500\/30:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.hover\:stroke-primary-500\/30:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.active\:stroke-primary-500\/30:active { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) +} +.focus\:stroke-primary-500\/40:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.hover\:stroke-primary-500\/40:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.active\:stroke-primary-500\/40:active { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) +} +.focus\:stroke-primary-500\/50:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.hover\:stroke-primary-500\/50:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.active\:stroke-primary-500\/50:active { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) +} +.focus\:stroke-primary-500\/60:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.hover\:stroke-primary-500\/60:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.active\:stroke-primary-500\/60:active { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) +} +.focus\:stroke-primary-500\/70:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.hover\:stroke-primary-500\/70:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.active\:stroke-primary-500\/70:active { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) +} +.focus\:stroke-primary-500\/80:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.hover\:stroke-primary-500\/80:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.active\:stroke-primary-500\/80:active { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) +} +.focus\:stroke-primary-500\/90:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.hover\:stroke-primary-500\/90:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.active\:stroke-primary-500\/90:active { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) +} +.focus\:stroke-primary-600:focus { + stroke: var(--primary-600) +} +.hover\:stroke-primary-600:hover { + stroke: var(--primary-600) +} +.active\:stroke-primary-600:active { + stroke: var(--primary-600) +} +.focus\:stroke-primary-600\/10:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.hover\:stroke-primary-600\/10:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.active\:stroke-primary-600\/10:active { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) +} +.focus\:stroke-primary-600\/20:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.hover\:stroke-primary-600\/20:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.active\:stroke-primary-600\/20:active { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) +} +.focus\:stroke-primary-600\/30:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.hover\:stroke-primary-600\/30:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.active\:stroke-primary-600\/30:active { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) +} +.focus\:stroke-primary-600\/40:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.hover\:stroke-primary-600\/40:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.active\:stroke-primary-600\/40:active { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) +} +.focus\:stroke-primary-600\/50:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.hover\:stroke-primary-600\/50:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.active\:stroke-primary-600\/50:active { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) +} +.focus\:stroke-primary-600\/60:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.hover\:stroke-primary-600\/60:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.active\:stroke-primary-600\/60:active { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) +} +.focus\:stroke-primary-600\/70:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.hover\:stroke-primary-600\/70:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.active\:stroke-primary-600\/70:active { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) +} +.focus\:stroke-primary-600\/80:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.hover\:stroke-primary-600\/80:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.active\:stroke-primary-600\/80:active { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) +} +.focus\:stroke-primary-600\/90:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.hover\:stroke-primary-600\/90:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.active\:stroke-primary-600\/90:active { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) +} +.focus\:stroke-primary-700:focus { + stroke: var(--primary-700) +} +.hover\:stroke-primary-700:hover { + stroke: var(--primary-700) +} +.active\:stroke-primary-700:active { + stroke: var(--primary-700) +} +.focus\:stroke-primary-700\/10:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.hover\:stroke-primary-700\/10:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.active\:stroke-primary-700\/10:active { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) +} +.focus\:stroke-primary-700\/20:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.hover\:stroke-primary-700\/20:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.active\:stroke-primary-700\/20:active { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) +} +.focus\:stroke-primary-700\/30:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.hover\:stroke-primary-700\/30:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.active\:stroke-primary-700\/30:active { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) +} +.focus\:stroke-primary-700\/40:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.hover\:stroke-primary-700\/40:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.active\:stroke-primary-700\/40:active { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) +} +.focus\:stroke-primary-700\/50:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.hover\:stroke-primary-700\/50:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.active\:stroke-primary-700\/50:active { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) +} +.focus\:stroke-primary-700\/60:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.hover\:stroke-primary-700\/60:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.active\:stroke-primary-700\/60:active { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) +} +.focus\:stroke-primary-700\/70:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.hover\:stroke-primary-700\/70:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.active\:stroke-primary-700\/70:active { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) +} +.focus\:stroke-primary-700\/80:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.hover\:stroke-primary-700\/80:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.active\:stroke-primary-700\/80:active { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) +} +.focus\:stroke-primary-700\/90:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.hover\:stroke-primary-700\/90:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.active\:stroke-primary-700\/90:active { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) +} +.focus\:stroke-primary-800:focus { + stroke: var(--primary-800) +} +.hover\:stroke-primary-800:hover { + stroke: var(--primary-800) +} +.active\:stroke-primary-800:active { + stroke: var(--primary-800) +} +.focus\:stroke-primary-800\/10:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.hover\:stroke-primary-800\/10:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.active\:stroke-primary-800\/10:active { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) +} +.focus\:stroke-primary-800\/20:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.hover\:stroke-primary-800\/20:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.active\:stroke-primary-800\/20:active { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) +} +.focus\:stroke-primary-800\/30:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.hover\:stroke-primary-800\/30:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.active\:stroke-primary-800\/30:active { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) +} +.focus\:stroke-primary-800\/40:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.hover\:stroke-primary-800\/40:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.active\:stroke-primary-800\/40:active { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) +} +.focus\:stroke-primary-800\/50:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.hover\:stroke-primary-800\/50:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.active\:stroke-primary-800\/50:active { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) +} +.focus\:stroke-primary-800\/60:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.hover\:stroke-primary-800\/60:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.active\:stroke-primary-800\/60:active { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) +} +.focus\:stroke-primary-800\/70:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.hover\:stroke-primary-800\/70:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.active\:stroke-primary-800\/70:active { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) +} +.focus\:stroke-primary-800\/80:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.hover\:stroke-primary-800\/80:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.active\:stroke-primary-800\/80:active { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) +} +.focus\:stroke-primary-800\/90:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.hover\:stroke-primary-800\/90:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.active\:stroke-primary-800\/90:active { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) +} +.focus\:stroke-primary-900:focus { + stroke: var(--primary-900) +} +.hover\:stroke-primary-900:hover { + stroke: var(--primary-900) +} +.active\:stroke-primary-900:active { + stroke: var(--primary-900) +} +.focus\:stroke-primary-900\/10:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.hover\:stroke-primary-900\/10:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.active\:stroke-primary-900\/10:active { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) +} +.focus\:stroke-primary-900\/20:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.hover\:stroke-primary-900\/20:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.active\:stroke-primary-900\/20:active { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) +} +.focus\:stroke-primary-900\/30:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.hover\:stroke-primary-900\/30:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.active\:stroke-primary-900\/30:active { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) +} +.focus\:stroke-primary-900\/40:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.hover\:stroke-primary-900\/40:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.active\:stroke-primary-900\/40:active { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) +} +.focus\:stroke-primary-900\/50:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.hover\:stroke-primary-900\/50:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.active\:stroke-primary-900\/50:active { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) +} +.focus\:stroke-primary-900\/60:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.hover\:stroke-primary-900\/60:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.active\:stroke-primary-900\/60:active { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) +} +.focus\:stroke-primary-900\/70:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.hover\:stroke-primary-900\/70:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.active\:stroke-primary-900\/70:active { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) +} +.focus\:stroke-primary-900\/80:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.hover\:stroke-primary-900\/80:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.active\:stroke-primary-900\/80:active { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) +} +.focus\:stroke-primary-900\/90:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.hover\:stroke-primary-900\/90:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +.active\:stroke-primary-900\/90:active { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:stroke-blue-50 { + stroke: var(--blue-50) + } + .sm\:stroke-blue-50\/10 { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:stroke-blue-50\/20 { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:stroke-blue-50\/30 { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:stroke-blue-50\/40 { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:stroke-blue-50\/50 { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:stroke-blue-50\/60 { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:stroke-blue-50\/70 { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:stroke-blue-50\/80 { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:stroke-blue-50\/90 { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:stroke-blue-100 { + stroke: var(--blue-100) + } + .sm\:stroke-blue-100\/10 { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:stroke-blue-100\/20 { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:stroke-blue-100\/30 { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:stroke-blue-100\/40 { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:stroke-blue-100\/50 { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:stroke-blue-100\/60 { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:stroke-blue-100\/70 { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:stroke-blue-100\/80 { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:stroke-blue-100\/90 { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:stroke-blue-200 { + stroke: var(--blue-200) + } + .sm\:stroke-blue-200\/10 { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:stroke-blue-200\/20 { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:stroke-blue-200\/30 { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:stroke-blue-200\/40 { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:stroke-blue-200\/50 { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:stroke-blue-200\/60 { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:stroke-blue-200\/70 { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:stroke-blue-200\/80 { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:stroke-blue-200\/90 { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:stroke-blue-300 { + stroke: var(--blue-300) + } + .sm\:stroke-blue-300\/10 { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:stroke-blue-300\/20 { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:stroke-blue-300\/30 { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:stroke-blue-300\/40 { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:stroke-blue-300\/50 { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:stroke-blue-300\/60 { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:stroke-blue-300\/70 { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:stroke-blue-300\/80 { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:stroke-blue-300\/90 { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:stroke-blue-400 { + stroke: var(--blue-400) + } + .sm\:stroke-blue-400\/10 { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:stroke-blue-400\/20 { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:stroke-blue-400\/30 { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:stroke-blue-400\/40 { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:stroke-blue-400\/50 { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:stroke-blue-400\/60 { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:stroke-blue-400\/70 { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:stroke-blue-400\/80 { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:stroke-blue-400\/90 { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:stroke-blue-500 { + stroke: var(--blue-500) + } + .sm\:stroke-blue-500\/10 { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:stroke-blue-500\/20 { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:stroke-blue-500\/30 { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:stroke-blue-500\/40 { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:stroke-blue-500\/50 { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:stroke-blue-500\/60 { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:stroke-blue-500\/70 { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:stroke-blue-500\/80 { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:stroke-blue-500\/90 { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:stroke-blue-600 { + stroke: var(--blue-600) + } + .sm\:stroke-blue-600\/10 { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:stroke-blue-600\/20 { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:stroke-blue-600\/30 { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:stroke-blue-600\/40 { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:stroke-blue-600\/50 { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:stroke-blue-600\/60 { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:stroke-blue-600\/70 { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:stroke-blue-600\/80 { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:stroke-blue-600\/90 { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:stroke-blue-700 { + stroke: var(--blue-700) + } + .sm\:stroke-blue-700\/10 { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:stroke-blue-700\/20 { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:stroke-blue-700\/30 { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:stroke-blue-700\/40 { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:stroke-blue-700\/50 { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:stroke-blue-700\/60 { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:stroke-blue-700\/70 { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:stroke-blue-700\/80 { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:stroke-blue-700\/90 { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:stroke-blue-800 { + stroke: var(--blue-800) + } + .sm\:stroke-blue-800\/10 { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:stroke-blue-800\/20 { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:stroke-blue-800\/30 { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:stroke-blue-800\/40 { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:stroke-blue-800\/50 { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:stroke-blue-800\/60 { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:stroke-blue-800\/70 { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:stroke-blue-800\/80 { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:stroke-blue-800\/90 { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:stroke-blue-900 { + stroke: var(--blue-900) + } + .sm\:stroke-blue-900\/10 { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:stroke-blue-900\/20 { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:stroke-blue-900\/30 { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:stroke-blue-900\/40 { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:stroke-blue-900\/50 { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:stroke-blue-900\/60 { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:stroke-blue-900\/70 { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:stroke-blue-900\/80 { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:stroke-blue-900\/90 { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:stroke-green-50 { + stroke: var(--green-50) + } + .sm\:stroke-green-50\/10 { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:stroke-green-50\/20 { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:stroke-green-50\/30 { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:stroke-green-50\/40 { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:stroke-green-50\/50 { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:stroke-green-50\/60 { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:stroke-green-50\/70 { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:stroke-green-50\/80 { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:stroke-green-50\/90 { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:stroke-green-100 { + stroke: var(--green-100) + } + .sm\:stroke-green-100\/10 { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:stroke-green-100\/20 { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:stroke-green-100\/30 { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:stroke-green-100\/40 { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:stroke-green-100\/50 { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:stroke-green-100\/60 { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:stroke-green-100\/70 { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:stroke-green-100\/80 { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:stroke-green-100\/90 { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:stroke-green-200 { + stroke: var(--green-200) + } + .sm\:stroke-green-200\/10 { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:stroke-green-200\/20 { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:stroke-green-200\/30 { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:stroke-green-200\/40 { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:stroke-green-200\/50 { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:stroke-green-200\/60 { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:stroke-green-200\/70 { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:stroke-green-200\/80 { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:stroke-green-200\/90 { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:stroke-green-300 { + stroke: var(--green-300) + } + .sm\:stroke-green-300\/10 { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:stroke-green-300\/20 { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:stroke-green-300\/30 { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:stroke-green-300\/40 { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:stroke-green-300\/50 { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:stroke-green-300\/60 { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:stroke-green-300\/70 { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:stroke-green-300\/80 { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:stroke-green-300\/90 { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:stroke-green-400 { + stroke: var(--green-400) + } + .sm\:stroke-green-400\/10 { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:stroke-green-400\/20 { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:stroke-green-400\/30 { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:stroke-green-400\/40 { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:stroke-green-400\/50 { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:stroke-green-400\/60 { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:stroke-green-400\/70 { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:stroke-green-400\/80 { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:stroke-green-400\/90 { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:stroke-green-500 { + stroke: var(--green-500) + } + .sm\:stroke-green-500\/10 { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:stroke-green-500\/20 { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:stroke-green-500\/30 { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:stroke-green-500\/40 { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:stroke-green-500\/50 { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:stroke-green-500\/60 { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:stroke-green-500\/70 { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:stroke-green-500\/80 { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:stroke-green-500\/90 { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:stroke-green-600 { + stroke: var(--green-600) + } + .sm\:stroke-green-600\/10 { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:stroke-green-600\/20 { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:stroke-green-600\/30 { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:stroke-green-600\/40 { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:stroke-green-600\/50 { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:stroke-green-600\/60 { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:stroke-green-600\/70 { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:stroke-green-600\/80 { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:stroke-green-600\/90 { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:stroke-green-700 { + stroke: var(--green-700) + } + .sm\:stroke-green-700\/10 { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:stroke-green-700\/20 { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:stroke-green-700\/30 { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:stroke-green-700\/40 { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:stroke-green-700\/50 { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:stroke-green-700\/60 { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:stroke-green-700\/70 { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:stroke-green-700\/80 { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:stroke-green-700\/90 { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:stroke-green-800 { + stroke: var(--green-800) + } + .sm\:stroke-green-800\/10 { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:stroke-green-800\/20 { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:stroke-green-800\/30 { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:stroke-green-800\/40 { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:stroke-green-800\/50 { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:stroke-green-800\/60 { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:stroke-green-800\/70 { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:stroke-green-800\/80 { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:stroke-green-800\/90 { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:stroke-green-900 { + stroke: var(--green-900) + } + .sm\:stroke-green-900\/10 { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:stroke-green-900\/20 { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:stroke-green-900\/30 { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:stroke-green-900\/40 { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:stroke-green-900\/50 { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:stroke-green-900\/60 { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:stroke-green-900\/70 { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:stroke-green-900\/80 { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:stroke-green-900\/90 { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:stroke-yellow-50 { + stroke: var(--yellow-50) + } + .sm\:stroke-yellow-50\/10 { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:stroke-yellow-50\/20 { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:stroke-yellow-50\/30 { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:stroke-yellow-50\/40 { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:stroke-yellow-50\/50 { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:stroke-yellow-50\/60 { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:stroke-yellow-50\/70 { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:stroke-yellow-50\/80 { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:stroke-yellow-50\/90 { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:stroke-yellow-100 { + stroke: var(--yellow-100) + } + .sm\:stroke-yellow-100\/10 { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:stroke-yellow-100\/20 { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:stroke-yellow-100\/30 { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:stroke-yellow-100\/40 { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:stroke-yellow-100\/50 { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:stroke-yellow-100\/60 { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:stroke-yellow-100\/70 { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:stroke-yellow-100\/80 { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:stroke-yellow-100\/90 { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:stroke-yellow-200 { + stroke: var(--yellow-200) + } + .sm\:stroke-yellow-200\/10 { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:stroke-yellow-200\/20 { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:stroke-yellow-200\/30 { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:stroke-yellow-200\/40 { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:stroke-yellow-200\/50 { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:stroke-yellow-200\/60 { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:stroke-yellow-200\/70 { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:stroke-yellow-200\/80 { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:stroke-yellow-200\/90 { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:stroke-yellow-300 { + stroke: var(--yellow-300) + } + .sm\:stroke-yellow-300\/10 { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:stroke-yellow-300\/20 { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:stroke-yellow-300\/30 { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:stroke-yellow-300\/40 { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:stroke-yellow-300\/50 { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:stroke-yellow-300\/60 { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:stroke-yellow-300\/70 { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:stroke-yellow-300\/80 { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:stroke-yellow-300\/90 { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:stroke-yellow-400 { + stroke: var(--yellow-400) + } + .sm\:stroke-yellow-400\/10 { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:stroke-yellow-400\/20 { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:stroke-yellow-400\/30 { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:stroke-yellow-400\/40 { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:stroke-yellow-400\/50 { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:stroke-yellow-400\/60 { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:stroke-yellow-400\/70 { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:stroke-yellow-400\/80 { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:stroke-yellow-400\/90 { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:stroke-yellow-500 { + stroke: var(--yellow-500) + } + .sm\:stroke-yellow-500\/10 { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:stroke-yellow-500\/20 { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:stroke-yellow-500\/30 { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:stroke-yellow-500\/40 { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:stroke-yellow-500\/50 { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:stroke-yellow-500\/60 { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:stroke-yellow-500\/70 { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:stroke-yellow-500\/80 { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:stroke-yellow-500\/90 { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:stroke-yellow-600 { + stroke: var(--yellow-600) + } + .sm\:stroke-yellow-600\/10 { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:stroke-yellow-600\/20 { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:stroke-yellow-600\/30 { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:stroke-yellow-600\/40 { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:stroke-yellow-600\/50 { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:stroke-yellow-600\/60 { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:stroke-yellow-600\/70 { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:stroke-yellow-600\/80 { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:stroke-yellow-600\/90 { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:stroke-yellow-700 { + stroke: var(--yellow-700) + } + .sm\:stroke-yellow-700\/10 { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:stroke-yellow-700\/20 { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:stroke-yellow-700\/30 { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:stroke-yellow-700\/40 { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:stroke-yellow-700\/50 { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:stroke-yellow-700\/60 { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:stroke-yellow-700\/70 { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:stroke-yellow-700\/80 { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:stroke-yellow-700\/90 { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:stroke-yellow-800 { + stroke: var(--yellow-800) + } + .sm\:stroke-yellow-800\/10 { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:stroke-yellow-800\/20 { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:stroke-yellow-800\/30 { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:stroke-yellow-800\/40 { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:stroke-yellow-800\/50 { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:stroke-yellow-800\/60 { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:stroke-yellow-800\/70 { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:stroke-yellow-800\/80 { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:stroke-yellow-800\/90 { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:stroke-yellow-900 { + stroke: var(--yellow-900) + } + .sm\:stroke-yellow-900\/10 { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:stroke-yellow-900\/20 { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:stroke-yellow-900\/30 { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:stroke-yellow-900\/40 { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:stroke-yellow-900\/50 { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:stroke-yellow-900\/60 { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:stroke-yellow-900\/70 { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:stroke-yellow-900\/80 { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:stroke-yellow-900\/90 { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:stroke-cyan-50 { + stroke: var(--cyan-50) + } + .sm\:stroke-cyan-50\/10 { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:stroke-cyan-50\/20 { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:stroke-cyan-50\/30 { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:stroke-cyan-50\/40 { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:stroke-cyan-50\/50 { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:stroke-cyan-50\/60 { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:stroke-cyan-50\/70 { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:stroke-cyan-50\/80 { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:stroke-cyan-50\/90 { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:stroke-cyan-100 { + stroke: var(--cyan-100) + } + .sm\:stroke-cyan-100\/10 { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:stroke-cyan-100\/20 { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:stroke-cyan-100\/30 { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:stroke-cyan-100\/40 { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:stroke-cyan-100\/50 { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:stroke-cyan-100\/60 { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:stroke-cyan-100\/70 { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:stroke-cyan-100\/80 { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:stroke-cyan-100\/90 { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:stroke-cyan-200 { + stroke: var(--cyan-200) + } + .sm\:stroke-cyan-200\/10 { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:stroke-cyan-200\/20 { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:stroke-cyan-200\/30 { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:stroke-cyan-200\/40 { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:stroke-cyan-200\/50 { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:stroke-cyan-200\/60 { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:stroke-cyan-200\/70 { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:stroke-cyan-200\/80 { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:stroke-cyan-200\/90 { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:stroke-cyan-300 { + stroke: var(--cyan-300) + } + .sm\:stroke-cyan-300\/10 { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:stroke-cyan-300\/20 { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:stroke-cyan-300\/30 { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:stroke-cyan-300\/40 { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:stroke-cyan-300\/50 { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:stroke-cyan-300\/60 { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:stroke-cyan-300\/70 { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:stroke-cyan-300\/80 { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:stroke-cyan-300\/90 { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:stroke-cyan-400 { + stroke: var(--cyan-400) + } + .sm\:stroke-cyan-400\/10 { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:stroke-cyan-400\/20 { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:stroke-cyan-400\/30 { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:stroke-cyan-400\/40 { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:stroke-cyan-400\/50 { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:stroke-cyan-400\/60 { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:stroke-cyan-400\/70 { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:stroke-cyan-400\/80 { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:stroke-cyan-400\/90 { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:stroke-cyan-500 { + stroke: var(--cyan-500) + } + .sm\:stroke-cyan-500\/10 { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:stroke-cyan-500\/20 { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:stroke-cyan-500\/30 { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:stroke-cyan-500\/40 { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:stroke-cyan-500\/50 { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:stroke-cyan-500\/60 { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:stroke-cyan-500\/70 { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:stroke-cyan-500\/80 { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:stroke-cyan-500\/90 { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:stroke-cyan-600 { + stroke: var(--cyan-600) + } + .sm\:stroke-cyan-600\/10 { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:stroke-cyan-600\/20 { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:stroke-cyan-600\/30 { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:stroke-cyan-600\/40 { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:stroke-cyan-600\/50 { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:stroke-cyan-600\/60 { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:stroke-cyan-600\/70 { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:stroke-cyan-600\/80 { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:stroke-cyan-600\/90 { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:stroke-cyan-700 { + stroke: var(--cyan-700) + } + .sm\:stroke-cyan-700\/10 { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:stroke-cyan-700\/20 { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:stroke-cyan-700\/30 { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:stroke-cyan-700\/40 { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:stroke-cyan-700\/50 { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:stroke-cyan-700\/60 { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:stroke-cyan-700\/70 { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:stroke-cyan-700\/80 { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:stroke-cyan-700\/90 { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:stroke-cyan-800 { + stroke: var(--cyan-800) + } + .sm\:stroke-cyan-800\/10 { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:stroke-cyan-800\/20 { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:stroke-cyan-800\/30 { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:stroke-cyan-800\/40 { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:stroke-cyan-800\/50 { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:stroke-cyan-800\/60 { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:stroke-cyan-800\/70 { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:stroke-cyan-800\/80 { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:stroke-cyan-800\/90 { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:stroke-cyan-900 { + stroke: var(--cyan-900) + } + .sm\:stroke-cyan-900\/10 { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:stroke-cyan-900\/20 { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:stroke-cyan-900\/30 { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:stroke-cyan-900\/40 { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:stroke-cyan-900\/50 { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:stroke-cyan-900\/60 { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:stroke-cyan-900\/70 { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:stroke-cyan-900\/80 { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:stroke-cyan-900\/90 { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:stroke-pink-50 { + stroke: var(--pink-50) + } + .sm\:stroke-pink-50\/10 { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:stroke-pink-50\/20 { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:stroke-pink-50\/30 { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:stroke-pink-50\/40 { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:stroke-pink-50\/50 { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:stroke-pink-50\/60 { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:stroke-pink-50\/70 { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:stroke-pink-50\/80 { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:stroke-pink-50\/90 { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:stroke-pink-100 { + stroke: var(--pink-100) + } + .sm\:stroke-pink-100\/10 { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:stroke-pink-100\/20 { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:stroke-pink-100\/30 { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:stroke-pink-100\/40 { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:stroke-pink-100\/50 { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:stroke-pink-100\/60 { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:stroke-pink-100\/70 { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:stroke-pink-100\/80 { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:stroke-pink-100\/90 { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:stroke-pink-200 { + stroke: var(--pink-200) + } + .sm\:stroke-pink-200\/10 { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:stroke-pink-200\/20 { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:stroke-pink-200\/30 { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:stroke-pink-200\/40 { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:stroke-pink-200\/50 { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:stroke-pink-200\/60 { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:stroke-pink-200\/70 { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:stroke-pink-200\/80 { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:stroke-pink-200\/90 { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:stroke-pink-300 { + stroke: var(--pink-300) + } + .sm\:stroke-pink-300\/10 { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:stroke-pink-300\/20 { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:stroke-pink-300\/30 { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:stroke-pink-300\/40 { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:stroke-pink-300\/50 { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:stroke-pink-300\/60 { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:stroke-pink-300\/70 { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:stroke-pink-300\/80 { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:stroke-pink-300\/90 { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:stroke-pink-400 { + stroke: var(--pink-400) + } + .sm\:stroke-pink-400\/10 { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:stroke-pink-400\/20 { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:stroke-pink-400\/30 { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:stroke-pink-400\/40 { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:stroke-pink-400\/50 { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:stroke-pink-400\/60 { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:stroke-pink-400\/70 { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:stroke-pink-400\/80 { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:stroke-pink-400\/90 { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:stroke-pink-500 { + stroke: var(--pink-500) + } + .sm\:stroke-pink-500\/10 { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:stroke-pink-500\/20 { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:stroke-pink-500\/30 { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:stroke-pink-500\/40 { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:stroke-pink-500\/50 { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:stroke-pink-500\/60 { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:stroke-pink-500\/70 { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:stroke-pink-500\/80 { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:stroke-pink-500\/90 { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:stroke-pink-600 { + stroke: var(--pink-600) + } + .sm\:stroke-pink-600\/10 { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:stroke-pink-600\/20 { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:stroke-pink-600\/30 { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:stroke-pink-600\/40 { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:stroke-pink-600\/50 { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:stroke-pink-600\/60 { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:stroke-pink-600\/70 { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:stroke-pink-600\/80 { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:stroke-pink-600\/90 { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:stroke-pink-700 { + stroke: var(--pink-700) + } + .sm\:stroke-pink-700\/10 { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:stroke-pink-700\/20 { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:stroke-pink-700\/30 { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:stroke-pink-700\/40 { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:stroke-pink-700\/50 { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:stroke-pink-700\/60 { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:stroke-pink-700\/70 { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:stroke-pink-700\/80 { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:stroke-pink-700\/90 { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:stroke-pink-800 { + stroke: var(--pink-800) + } + .sm\:stroke-pink-800\/10 { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:stroke-pink-800\/20 { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:stroke-pink-800\/30 { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:stroke-pink-800\/40 { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:stroke-pink-800\/50 { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:stroke-pink-800\/60 { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:stroke-pink-800\/70 { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:stroke-pink-800\/80 { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:stroke-pink-800\/90 { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:stroke-pink-900 { + stroke: var(--pink-900) + } + .sm\:stroke-pink-900\/10 { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:stroke-pink-900\/20 { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:stroke-pink-900\/30 { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:stroke-pink-900\/40 { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:stroke-pink-900\/50 { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:stroke-pink-900\/60 { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:stroke-pink-900\/70 { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:stroke-pink-900\/80 { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:stroke-pink-900\/90 { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:stroke-indigo-50 { + stroke: var(--indigo-50) + } + .sm\:stroke-indigo-50\/10 { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:stroke-indigo-50\/20 { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:stroke-indigo-50\/30 { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:stroke-indigo-50\/40 { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:stroke-indigo-50\/50 { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:stroke-indigo-50\/60 { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:stroke-indigo-50\/70 { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:stroke-indigo-50\/80 { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:stroke-indigo-50\/90 { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:stroke-indigo-100 { + stroke: var(--indigo-100) + } + .sm\:stroke-indigo-100\/10 { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:stroke-indigo-100\/20 { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:stroke-indigo-100\/30 { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:stroke-indigo-100\/40 { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:stroke-indigo-100\/50 { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:stroke-indigo-100\/60 { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:stroke-indigo-100\/70 { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:stroke-indigo-100\/80 { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:stroke-indigo-100\/90 { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:stroke-indigo-200 { + stroke: var(--indigo-200) + } + .sm\:stroke-indigo-200\/10 { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:stroke-indigo-200\/20 { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:stroke-indigo-200\/30 { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:stroke-indigo-200\/40 { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:stroke-indigo-200\/50 { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:stroke-indigo-200\/60 { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:stroke-indigo-200\/70 { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:stroke-indigo-200\/80 { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:stroke-indigo-200\/90 { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:stroke-indigo-300 { + stroke: var(--indigo-300) + } + .sm\:stroke-indigo-300\/10 { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:stroke-indigo-300\/20 { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:stroke-indigo-300\/30 { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:stroke-indigo-300\/40 { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:stroke-indigo-300\/50 { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:stroke-indigo-300\/60 { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:stroke-indigo-300\/70 { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:stroke-indigo-300\/80 { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:stroke-indigo-300\/90 { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:stroke-indigo-400 { + stroke: var(--indigo-400) + } + .sm\:stroke-indigo-400\/10 { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:stroke-indigo-400\/20 { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:stroke-indigo-400\/30 { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:stroke-indigo-400\/40 { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:stroke-indigo-400\/50 { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:stroke-indigo-400\/60 { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:stroke-indigo-400\/70 { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:stroke-indigo-400\/80 { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:stroke-indigo-400\/90 { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:stroke-indigo-500 { + stroke: var(--indigo-500) + } + .sm\:stroke-indigo-500\/10 { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:stroke-indigo-500\/20 { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:stroke-indigo-500\/30 { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:stroke-indigo-500\/40 { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:stroke-indigo-500\/50 { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:stroke-indigo-500\/60 { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:stroke-indigo-500\/70 { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:stroke-indigo-500\/80 { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:stroke-indigo-500\/90 { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:stroke-indigo-600 { + stroke: var(--indigo-600) + } + .sm\:stroke-indigo-600\/10 { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:stroke-indigo-600\/20 { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:stroke-indigo-600\/30 { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:stroke-indigo-600\/40 { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:stroke-indigo-600\/50 { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:stroke-indigo-600\/60 { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:stroke-indigo-600\/70 { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:stroke-indigo-600\/80 { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:stroke-indigo-600\/90 { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:stroke-indigo-700 { + stroke: var(--indigo-700) + } + .sm\:stroke-indigo-700\/10 { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:stroke-indigo-700\/20 { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:stroke-indigo-700\/30 { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:stroke-indigo-700\/40 { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:stroke-indigo-700\/50 { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:stroke-indigo-700\/60 { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:stroke-indigo-700\/70 { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:stroke-indigo-700\/80 { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:stroke-indigo-700\/90 { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:stroke-indigo-800 { + stroke: var(--indigo-800) + } + .sm\:stroke-indigo-800\/10 { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:stroke-indigo-800\/20 { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:stroke-indigo-800\/30 { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:stroke-indigo-800\/40 { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:stroke-indigo-800\/50 { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:stroke-indigo-800\/60 { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:stroke-indigo-800\/70 { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:stroke-indigo-800\/80 { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:stroke-indigo-800\/90 { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:stroke-indigo-900 { + stroke: var(--indigo-900) + } + .sm\:stroke-indigo-900\/10 { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:stroke-indigo-900\/20 { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:stroke-indigo-900\/30 { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:stroke-indigo-900\/40 { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:stroke-indigo-900\/50 { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:stroke-indigo-900\/60 { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:stroke-indigo-900\/70 { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:stroke-indigo-900\/80 { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:stroke-indigo-900\/90 { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:stroke-teal-50 { + stroke: var(--teal-50) + } + .sm\:stroke-teal-50\/10 { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:stroke-teal-50\/20 { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:stroke-teal-50\/30 { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:stroke-teal-50\/40 { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:stroke-teal-50\/50 { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:stroke-teal-50\/60 { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:stroke-teal-50\/70 { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:stroke-teal-50\/80 { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:stroke-teal-50\/90 { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:stroke-teal-100 { + stroke: var(--teal-100) + } + .sm\:stroke-teal-100\/10 { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:stroke-teal-100\/20 { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:stroke-teal-100\/30 { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:stroke-teal-100\/40 { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:stroke-teal-100\/50 { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:stroke-teal-100\/60 { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:stroke-teal-100\/70 { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:stroke-teal-100\/80 { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:stroke-teal-100\/90 { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:stroke-teal-200 { + stroke: var(--teal-200) + } + .sm\:stroke-teal-200\/10 { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:stroke-teal-200\/20 { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:stroke-teal-200\/30 { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:stroke-teal-200\/40 { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:stroke-teal-200\/50 { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:stroke-teal-200\/60 { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:stroke-teal-200\/70 { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:stroke-teal-200\/80 { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:stroke-teal-200\/90 { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:stroke-teal-300 { + stroke: var(--teal-300) + } + .sm\:stroke-teal-300\/10 { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:stroke-teal-300\/20 { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:stroke-teal-300\/30 { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:stroke-teal-300\/40 { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:stroke-teal-300\/50 { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:stroke-teal-300\/60 { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:stroke-teal-300\/70 { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:stroke-teal-300\/80 { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:stroke-teal-300\/90 { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:stroke-teal-400 { + stroke: var(--teal-400) + } + .sm\:stroke-teal-400\/10 { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:stroke-teal-400\/20 { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:stroke-teal-400\/30 { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:stroke-teal-400\/40 { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:stroke-teal-400\/50 { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:stroke-teal-400\/60 { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:stroke-teal-400\/70 { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:stroke-teal-400\/80 { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:stroke-teal-400\/90 { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:stroke-teal-500 { + stroke: var(--teal-500) + } + .sm\:stroke-teal-500\/10 { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:stroke-teal-500\/20 { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:stroke-teal-500\/30 { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:stroke-teal-500\/40 { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:stroke-teal-500\/50 { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:stroke-teal-500\/60 { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:stroke-teal-500\/70 { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:stroke-teal-500\/80 { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:stroke-teal-500\/90 { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:stroke-teal-600 { + stroke: var(--teal-600) + } + .sm\:stroke-teal-600\/10 { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:stroke-teal-600\/20 { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:stroke-teal-600\/30 { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:stroke-teal-600\/40 { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:stroke-teal-600\/50 { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:stroke-teal-600\/60 { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:stroke-teal-600\/70 { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:stroke-teal-600\/80 { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:stroke-teal-600\/90 { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:stroke-teal-700 { + stroke: var(--teal-700) + } + .sm\:stroke-teal-700\/10 { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:stroke-teal-700\/20 { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:stroke-teal-700\/30 { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:stroke-teal-700\/40 { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:stroke-teal-700\/50 { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:stroke-teal-700\/60 { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:stroke-teal-700\/70 { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:stroke-teal-700\/80 { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:stroke-teal-700\/90 { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:stroke-teal-800 { + stroke: var(--teal-800) + } + .sm\:stroke-teal-800\/10 { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:stroke-teal-800\/20 { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:stroke-teal-800\/30 { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:stroke-teal-800\/40 { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:stroke-teal-800\/50 { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:stroke-teal-800\/60 { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:stroke-teal-800\/70 { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:stroke-teal-800\/80 { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:stroke-teal-800\/90 { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:stroke-teal-900 { + stroke: var(--teal-900) + } + .sm\:stroke-teal-900\/10 { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:stroke-teal-900\/20 { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:stroke-teal-900\/30 { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:stroke-teal-900\/40 { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:stroke-teal-900\/50 { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:stroke-teal-900\/60 { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:stroke-teal-900\/70 { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:stroke-teal-900\/80 { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:stroke-teal-900\/90 { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:stroke-orange-50 { + stroke: var(--orange-50) + } + .sm\:stroke-orange-50\/10 { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:stroke-orange-50\/20 { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:stroke-orange-50\/30 { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:stroke-orange-50\/40 { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:stroke-orange-50\/50 { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:stroke-orange-50\/60 { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:stroke-orange-50\/70 { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:stroke-orange-50\/80 { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:stroke-orange-50\/90 { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:stroke-orange-100 { + stroke: var(--orange-100) + } + .sm\:stroke-orange-100\/10 { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:stroke-orange-100\/20 { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:stroke-orange-100\/30 { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:stroke-orange-100\/40 { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:stroke-orange-100\/50 { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:stroke-orange-100\/60 { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:stroke-orange-100\/70 { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:stroke-orange-100\/80 { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:stroke-orange-100\/90 { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:stroke-orange-200 { + stroke: var(--orange-200) + } + .sm\:stroke-orange-200\/10 { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:stroke-orange-200\/20 { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:stroke-orange-200\/30 { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:stroke-orange-200\/40 { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:stroke-orange-200\/50 { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:stroke-orange-200\/60 { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:stroke-orange-200\/70 { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:stroke-orange-200\/80 { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:stroke-orange-200\/90 { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:stroke-orange-300 { + stroke: var(--orange-300) + } + .sm\:stroke-orange-300\/10 { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:stroke-orange-300\/20 { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:stroke-orange-300\/30 { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:stroke-orange-300\/40 { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:stroke-orange-300\/50 { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:stroke-orange-300\/60 { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:stroke-orange-300\/70 { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:stroke-orange-300\/80 { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:stroke-orange-300\/90 { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:stroke-orange-400 { + stroke: var(--orange-400) + } + .sm\:stroke-orange-400\/10 { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:stroke-orange-400\/20 { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:stroke-orange-400\/30 { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:stroke-orange-400\/40 { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:stroke-orange-400\/50 { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:stroke-orange-400\/60 { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:stroke-orange-400\/70 { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:stroke-orange-400\/80 { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:stroke-orange-400\/90 { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:stroke-orange-500 { + stroke: var(--orange-500) + } + .sm\:stroke-orange-500\/10 { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:stroke-orange-500\/20 { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:stroke-orange-500\/30 { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:stroke-orange-500\/40 { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:stroke-orange-500\/50 { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:stroke-orange-500\/60 { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:stroke-orange-500\/70 { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:stroke-orange-500\/80 { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:stroke-orange-500\/90 { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:stroke-orange-600 { + stroke: var(--orange-600) + } + .sm\:stroke-orange-600\/10 { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:stroke-orange-600\/20 { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:stroke-orange-600\/30 { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:stroke-orange-600\/40 { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:stroke-orange-600\/50 { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:stroke-orange-600\/60 { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:stroke-orange-600\/70 { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:stroke-orange-600\/80 { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:stroke-orange-600\/90 { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:stroke-orange-700 { + stroke: var(--orange-700) + } + .sm\:stroke-orange-700\/10 { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:stroke-orange-700\/20 { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:stroke-orange-700\/30 { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:stroke-orange-700\/40 { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:stroke-orange-700\/50 { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:stroke-orange-700\/60 { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:stroke-orange-700\/70 { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:stroke-orange-700\/80 { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:stroke-orange-700\/90 { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:stroke-orange-800 { + stroke: var(--orange-800) + } + .sm\:stroke-orange-800\/10 { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:stroke-orange-800\/20 { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:stroke-orange-800\/30 { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:stroke-orange-800\/40 { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:stroke-orange-800\/50 { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:stroke-orange-800\/60 { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:stroke-orange-800\/70 { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:stroke-orange-800\/80 { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:stroke-orange-800\/90 { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:stroke-orange-900 { + stroke: var(--orange-900) + } + .sm\:stroke-orange-900\/10 { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:stroke-orange-900\/20 { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:stroke-orange-900\/30 { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:stroke-orange-900\/40 { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:stroke-orange-900\/50 { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:stroke-orange-900\/60 { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:stroke-orange-900\/70 { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:stroke-orange-900\/80 { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:stroke-orange-900\/90 { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:stroke-bluegray-50 { + stroke: var(--bluegray-50) + } + .sm\:stroke-bluegray-50\/10 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:stroke-bluegray-50\/20 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:stroke-bluegray-50\/30 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:stroke-bluegray-50\/40 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:stroke-bluegray-50\/50 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:stroke-bluegray-50\/60 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:stroke-bluegray-50\/70 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:stroke-bluegray-50\/80 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:stroke-bluegray-50\/90 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:stroke-bluegray-100 { + stroke: var(--bluegray-100) + } + .sm\:stroke-bluegray-100\/10 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:stroke-bluegray-100\/20 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:stroke-bluegray-100\/30 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:stroke-bluegray-100\/40 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:stroke-bluegray-100\/50 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:stroke-bluegray-100\/60 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:stroke-bluegray-100\/70 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:stroke-bluegray-100\/80 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:stroke-bluegray-100\/90 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:stroke-bluegray-200 { + stroke: var(--bluegray-200) + } + .sm\:stroke-bluegray-200\/10 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:stroke-bluegray-200\/20 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:stroke-bluegray-200\/30 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:stroke-bluegray-200\/40 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:stroke-bluegray-200\/50 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:stroke-bluegray-200\/60 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:stroke-bluegray-200\/70 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:stroke-bluegray-200\/80 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:stroke-bluegray-200\/90 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:stroke-bluegray-300 { + stroke: var(--bluegray-300) + } + .sm\:stroke-bluegray-300\/10 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:stroke-bluegray-300\/20 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:stroke-bluegray-300\/30 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:stroke-bluegray-300\/40 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:stroke-bluegray-300\/50 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:stroke-bluegray-300\/60 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:stroke-bluegray-300\/70 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:stroke-bluegray-300\/80 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:stroke-bluegray-300\/90 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:stroke-bluegray-400 { + stroke: var(--bluegray-400) + } + .sm\:stroke-bluegray-400\/10 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:stroke-bluegray-400\/20 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:stroke-bluegray-400\/30 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:stroke-bluegray-400\/40 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:stroke-bluegray-400\/50 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:stroke-bluegray-400\/60 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:stroke-bluegray-400\/70 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:stroke-bluegray-400\/80 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:stroke-bluegray-400\/90 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:stroke-bluegray-500 { + stroke: var(--bluegray-500) + } + .sm\:stroke-bluegray-500\/10 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:stroke-bluegray-500\/20 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:stroke-bluegray-500\/30 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:stroke-bluegray-500\/40 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:stroke-bluegray-500\/50 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:stroke-bluegray-500\/60 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:stroke-bluegray-500\/70 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:stroke-bluegray-500\/80 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:stroke-bluegray-500\/90 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:stroke-bluegray-600 { + stroke: var(--bluegray-600) + } + .sm\:stroke-bluegray-600\/10 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:stroke-bluegray-600\/20 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:stroke-bluegray-600\/30 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:stroke-bluegray-600\/40 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:stroke-bluegray-600\/50 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:stroke-bluegray-600\/60 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:stroke-bluegray-600\/70 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:stroke-bluegray-600\/80 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:stroke-bluegray-600\/90 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:stroke-bluegray-700 { + stroke: var(--bluegray-700) + } + .sm\:stroke-bluegray-700\/10 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:stroke-bluegray-700\/20 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:stroke-bluegray-700\/30 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:stroke-bluegray-700\/40 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:stroke-bluegray-700\/50 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:stroke-bluegray-700\/60 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:stroke-bluegray-700\/70 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:stroke-bluegray-700\/80 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:stroke-bluegray-700\/90 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:stroke-bluegray-800 { + stroke: var(--bluegray-800) + } + .sm\:stroke-bluegray-800\/10 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:stroke-bluegray-800\/20 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:stroke-bluegray-800\/30 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:stroke-bluegray-800\/40 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:stroke-bluegray-800\/50 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:stroke-bluegray-800\/60 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:stroke-bluegray-800\/70 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:stroke-bluegray-800\/80 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:stroke-bluegray-800\/90 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:stroke-bluegray-900 { + stroke: var(--bluegray-900) + } + .sm\:stroke-bluegray-900\/10 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:stroke-bluegray-900\/20 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:stroke-bluegray-900\/30 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:stroke-bluegray-900\/40 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:stroke-bluegray-900\/50 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:stroke-bluegray-900\/60 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:stroke-bluegray-900\/70 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:stroke-bluegray-900\/80 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:stroke-bluegray-900\/90 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:stroke-purple-50 { + stroke: var(--purple-50) + } + .sm\:stroke-purple-50\/10 { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:stroke-purple-50\/20 { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:stroke-purple-50\/30 { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:stroke-purple-50\/40 { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:stroke-purple-50\/50 { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:stroke-purple-50\/60 { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:stroke-purple-50\/70 { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:stroke-purple-50\/80 { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:stroke-purple-50\/90 { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:stroke-purple-100 { + stroke: var(--purple-100) + } + .sm\:stroke-purple-100\/10 { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:stroke-purple-100\/20 { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:stroke-purple-100\/30 { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:stroke-purple-100\/40 { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:stroke-purple-100\/50 { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:stroke-purple-100\/60 { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:stroke-purple-100\/70 { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:stroke-purple-100\/80 { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:stroke-purple-100\/90 { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:stroke-purple-200 { + stroke: var(--purple-200) + } + .sm\:stroke-purple-200\/10 { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:stroke-purple-200\/20 { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:stroke-purple-200\/30 { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:stroke-purple-200\/40 { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:stroke-purple-200\/50 { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:stroke-purple-200\/60 { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:stroke-purple-200\/70 { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:stroke-purple-200\/80 { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:stroke-purple-200\/90 { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:stroke-purple-300 { + stroke: var(--purple-300) + } + .sm\:stroke-purple-300\/10 { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:stroke-purple-300\/20 { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:stroke-purple-300\/30 { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:stroke-purple-300\/40 { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:stroke-purple-300\/50 { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:stroke-purple-300\/60 { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:stroke-purple-300\/70 { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:stroke-purple-300\/80 { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:stroke-purple-300\/90 { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:stroke-purple-400 { + stroke: var(--purple-400) + } + .sm\:stroke-purple-400\/10 { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:stroke-purple-400\/20 { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:stroke-purple-400\/30 { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:stroke-purple-400\/40 { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:stroke-purple-400\/50 { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:stroke-purple-400\/60 { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:stroke-purple-400\/70 { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:stroke-purple-400\/80 { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:stroke-purple-400\/90 { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:stroke-purple-500 { + stroke: var(--purple-500) + } + .sm\:stroke-purple-500\/10 { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:stroke-purple-500\/20 { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:stroke-purple-500\/30 { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:stroke-purple-500\/40 { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:stroke-purple-500\/50 { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:stroke-purple-500\/60 { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:stroke-purple-500\/70 { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:stroke-purple-500\/80 { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:stroke-purple-500\/90 { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:stroke-purple-600 { + stroke: var(--purple-600) + } + .sm\:stroke-purple-600\/10 { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:stroke-purple-600\/20 { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:stroke-purple-600\/30 { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:stroke-purple-600\/40 { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:stroke-purple-600\/50 { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:stroke-purple-600\/60 { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:stroke-purple-600\/70 { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:stroke-purple-600\/80 { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:stroke-purple-600\/90 { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:stroke-purple-700 { + stroke: var(--purple-700) + } + .sm\:stroke-purple-700\/10 { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:stroke-purple-700\/20 { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:stroke-purple-700\/30 { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:stroke-purple-700\/40 { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:stroke-purple-700\/50 { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:stroke-purple-700\/60 { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:stroke-purple-700\/70 { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:stroke-purple-700\/80 { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:stroke-purple-700\/90 { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:stroke-purple-800 { + stroke: var(--purple-800) + } + .sm\:stroke-purple-800\/10 { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:stroke-purple-800\/20 { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:stroke-purple-800\/30 { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:stroke-purple-800\/40 { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:stroke-purple-800\/50 { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:stroke-purple-800\/60 { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:stroke-purple-800\/70 { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:stroke-purple-800\/80 { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:stroke-purple-800\/90 { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:stroke-purple-900 { + stroke: var(--purple-900) + } + .sm\:stroke-purple-900\/10 { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:stroke-purple-900\/20 { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:stroke-purple-900\/30 { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:stroke-purple-900\/40 { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:stroke-purple-900\/50 { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:stroke-purple-900\/60 { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:stroke-purple-900\/70 { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:stroke-purple-900\/80 { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:stroke-purple-900\/90 { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:stroke-red-50 { + stroke: var(--red-50) + } + .sm\:stroke-red-50\/10 { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:stroke-red-50\/20 { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:stroke-red-50\/30 { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:stroke-red-50\/40 { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:stroke-red-50\/50 { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:stroke-red-50\/60 { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:stroke-red-50\/70 { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:stroke-red-50\/80 { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:stroke-red-50\/90 { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:stroke-red-100 { + stroke: var(--red-100) + } + .sm\:stroke-red-100\/10 { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:stroke-red-100\/20 { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:stroke-red-100\/30 { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:stroke-red-100\/40 { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:stroke-red-100\/50 { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:stroke-red-100\/60 { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:stroke-red-100\/70 { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:stroke-red-100\/80 { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:stroke-red-100\/90 { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:stroke-red-200 { + stroke: var(--red-200) + } + .sm\:stroke-red-200\/10 { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:stroke-red-200\/20 { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:stroke-red-200\/30 { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:stroke-red-200\/40 { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:stroke-red-200\/50 { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:stroke-red-200\/60 { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:stroke-red-200\/70 { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:stroke-red-200\/80 { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:stroke-red-200\/90 { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:stroke-red-300 { + stroke: var(--red-300) + } + .sm\:stroke-red-300\/10 { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:stroke-red-300\/20 { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:stroke-red-300\/30 { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:stroke-red-300\/40 { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:stroke-red-300\/50 { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:stroke-red-300\/60 { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:stroke-red-300\/70 { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:stroke-red-300\/80 { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:stroke-red-300\/90 { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:stroke-red-400 { + stroke: var(--red-400) + } + .sm\:stroke-red-400\/10 { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:stroke-red-400\/20 { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:stroke-red-400\/30 { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:stroke-red-400\/40 { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:stroke-red-400\/50 { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:stroke-red-400\/60 { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:stroke-red-400\/70 { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:stroke-red-400\/80 { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:stroke-red-400\/90 { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:stroke-red-500 { + stroke: var(--red-500) + } + .sm\:stroke-red-500\/10 { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:stroke-red-500\/20 { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:stroke-red-500\/30 { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:stroke-red-500\/40 { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:stroke-red-500\/50 { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:stroke-red-500\/60 { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:stroke-red-500\/70 { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:stroke-red-500\/80 { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:stroke-red-500\/90 { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:stroke-red-600 { + stroke: var(--red-600) + } + .sm\:stroke-red-600\/10 { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:stroke-red-600\/20 { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:stroke-red-600\/30 { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:stroke-red-600\/40 { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:stroke-red-600\/50 { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:stroke-red-600\/60 { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:stroke-red-600\/70 { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:stroke-red-600\/80 { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:stroke-red-600\/90 { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:stroke-red-700 { + stroke: var(--red-700) + } + .sm\:stroke-red-700\/10 { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:stroke-red-700\/20 { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:stroke-red-700\/30 { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:stroke-red-700\/40 { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:stroke-red-700\/50 { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:stroke-red-700\/60 { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:stroke-red-700\/70 { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:stroke-red-700\/80 { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:stroke-red-700\/90 { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:stroke-red-800 { + stroke: var(--red-800) + } + .sm\:stroke-red-800\/10 { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:stroke-red-800\/20 { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:stroke-red-800\/30 { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:stroke-red-800\/40 { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:stroke-red-800\/50 { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:stroke-red-800\/60 { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:stroke-red-800\/70 { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:stroke-red-800\/80 { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:stroke-red-800\/90 { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:stroke-red-900 { + stroke: var(--red-900) + } + .sm\:stroke-red-900\/10 { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:stroke-red-900\/20 { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:stroke-red-900\/30 { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:stroke-red-900\/40 { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:stroke-red-900\/50 { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:stroke-red-900\/60 { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:stroke-red-900\/70 { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:stroke-red-900\/80 { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:stroke-red-900\/90 { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:stroke-gray-50 { + stroke: var(--gray-50) + } + .sm\:stroke-gray-50\/10 { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:stroke-gray-50\/20 { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:stroke-gray-50\/30 { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:stroke-gray-50\/40 { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:stroke-gray-50\/50 { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:stroke-gray-50\/60 { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:stroke-gray-50\/70 { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:stroke-gray-50\/80 { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:stroke-gray-50\/90 { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:stroke-gray-100 { + stroke: var(--gray-100) + } + .sm\:stroke-gray-100\/10 { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:stroke-gray-100\/20 { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:stroke-gray-100\/30 { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:stroke-gray-100\/40 { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:stroke-gray-100\/50 { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:stroke-gray-100\/60 { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:stroke-gray-100\/70 { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:stroke-gray-100\/80 { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:stroke-gray-100\/90 { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:stroke-gray-200 { + stroke: var(--gray-200) + } + .sm\:stroke-gray-200\/10 { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:stroke-gray-200\/20 { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:stroke-gray-200\/30 { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:stroke-gray-200\/40 { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:stroke-gray-200\/50 { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:stroke-gray-200\/60 { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:stroke-gray-200\/70 { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:stroke-gray-200\/80 { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:stroke-gray-200\/90 { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:stroke-gray-300 { + stroke: var(--gray-300) + } + .sm\:stroke-gray-300\/10 { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:stroke-gray-300\/20 { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:stroke-gray-300\/30 { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:stroke-gray-300\/40 { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:stroke-gray-300\/50 { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:stroke-gray-300\/60 { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:stroke-gray-300\/70 { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:stroke-gray-300\/80 { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:stroke-gray-300\/90 { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:stroke-gray-400 { + stroke: var(--gray-400) + } + .sm\:stroke-gray-400\/10 { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:stroke-gray-400\/20 { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:stroke-gray-400\/30 { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:stroke-gray-400\/40 { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:stroke-gray-400\/50 { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:stroke-gray-400\/60 { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:stroke-gray-400\/70 { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:stroke-gray-400\/80 { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:stroke-gray-400\/90 { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:stroke-gray-500 { + stroke: var(--gray-500) + } + .sm\:stroke-gray-500\/10 { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:stroke-gray-500\/20 { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:stroke-gray-500\/30 { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:stroke-gray-500\/40 { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:stroke-gray-500\/50 { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:stroke-gray-500\/60 { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:stroke-gray-500\/70 { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:stroke-gray-500\/80 { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:stroke-gray-500\/90 { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:stroke-gray-600 { + stroke: var(--gray-600) + } + .sm\:stroke-gray-600\/10 { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:stroke-gray-600\/20 { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:stroke-gray-600\/30 { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:stroke-gray-600\/40 { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:stroke-gray-600\/50 { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:stroke-gray-600\/60 { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:stroke-gray-600\/70 { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:stroke-gray-600\/80 { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:stroke-gray-600\/90 { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:stroke-gray-700 { + stroke: var(--gray-700) + } + .sm\:stroke-gray-700\/10 { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:stroke-gray-700\/20 { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:stroke-gray-700\/30 { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:stroke-gray-700\/40 { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:stroke-gray-700\/50 { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:stroke-gray-700\/60 { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:stroke-gray-700\/70 { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:stroke-gray-700\/80 { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:stroke-gray-700\/90 { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:stroke-gray-800 { + stroke: var(--gray-800) + } + .sm\:stroke-gray-800\/10 { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:stroke-gray-800\/20 { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:stroke-gray-800\/30 { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:stroke-gray-800\/40 { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:stroke-gray-800\/50 { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:stroke-gray-800\/60 { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:stroke-gray-800\/70 { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:stroke-gray-800\/80 { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:stroke-gray-800\/90 { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:stroke-gray-900 { + stroke: var(--gray-900) + } + .sm\:stroke-gray-900\/10 { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:stroke-gray-900\/20 { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:stroke-gray-900\/30 { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:stroke-gray-900\/40 { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:stroke-gray-900\/50 { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:stroke-gray-900\/60 { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:stroke-gray-900\/70 { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:stroke-gray-900\/80 { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:stroke-gray-900\/90 { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:stroke-surface-0 { + stroke: var(--surface-0) + } + .sm\:stroke-surface-0\/10 { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:stroke-surface-0\/20 { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:stroke-surface-0\/30 { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:stroke-surface-0\/40 { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:stroke-surface-0\/50 { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:stroke-surface-0\/60 { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:stroke-surface-0\/70 { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:stroke-surface-0\/80 { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:stroke-surface-0\/90 { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:stroke-surface-50 { + stroke: var(--surface-50) + } + .sm\:stroke-surface-50\/10 { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:stroke-surface-50\/20 { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:stroke-surface-50\/30 { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:stroke-surface-50\/40 { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:stroke-surface-50\/50 { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:stroke-surface-50\/60 { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:stroke-surface-50\/70 { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:stroke-surface-50\/80 { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:stroke-surface-50\/90 { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:stroke-surface-100 { + stroke: var(--surface-100) + } + .sm\:stroke-surface-100\/10 { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:stroke-surface-100\/20 { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:stroke-surface-100\/30 { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:stroke-surface-100\/40 { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:stroke-surface-100\/50 { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:stroke-surface-100\/60 { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:stroke-surface-100\/70 { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:stroke-surface-100\/80 { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:stroke-surface-100\/90 { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:stroke-surface-200 { + stroke: var(--surface-200) + } + .sm\:stroke-surface-200\/10 { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:stroke-surface-200\/20 { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:stroke-surface-200\/30 { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:stroke-surface-200\/40 { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:stroke-surface-200\/50 { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:stroke-surface-200\/60 { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:stroke-surface-200\/70 { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:stroke-surface-200\/80 { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:stroke-surface-200\/90 { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:stroke-surface-300 { + stroke: var(--surface-300) + } + .sm\:stroke-surface-300\/10 { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:stroke-surface-300\/20 { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:stroke-surface-300\/30 { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:stroke-surface-300\/40 { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:stroke-surface-300\/50 { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:stroke-surface-300\/60 { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:stroke-surface-300\/70 { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:stroke-surface-300\/80 { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:stroke-surface-300\/90 { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:stroke-surface-400 { + stroke: var(--surface-400) + } + .sm\:stroke-surface-400\/10 { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:stroke-surface-400\/20 { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:stroke-surface-400\/30 { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:stroke-surface-400\/40 { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:stroke-surface-400\/50 { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:stroke-surface-400\/60 { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:stroke-surface-400\/70 { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:stroke-surface-400\/80 { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:stroke-surface-400\/90 { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:stroke-surface-500 { + stroke: var(--surface-500) + } + .sm\:stroke-surface-500\/10 { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:stroke-surface-500\/20 { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:stroke-surface-500\/30 { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:stroke-surface-500\/40 { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:stroke-surface-500\/50 { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:stroke-surface-500\/60 { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:stroke-surface-500\/70 { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:stroke-surface-500\/80 { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:stroke-surface-500\/90 { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:stroke-surface-600 { + stroke: var(--surface-600) + } + .sm\:stroke-surface-600\/10 { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:stroke-surface-600\/20 { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:stroke-surface-600\/30 { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:stroke-surface-600\/40 { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:stroke-surface-600\/50 { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:stroke-surface-600\/60 { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:stroke-surface-600\/70 { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:stroke-surface-600\/80 { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:stroke-surface-600\/90 { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:stroke-surface-700 { + stroke: var(--surface-700) + } + .sm\:stroke-surface-700\/10 { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:stroke-surface-700\/20 { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:stroke-surface-700\/30 { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:stroke-surface-700\/40 { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:stroke-surface-700\/50 { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:stroke-surface-700\/60 { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:stroke-surface-700\/70 { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:stroke-surface-700\/80 { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:stroke-surface-700\/90 { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:stroke-surface-800 { + stroke: var(--surface-800) + } + .sm\:stroke-surface-800\/10 { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:stroke-surface-800\/20 { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:stroke-surface-800\/30 { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:stroke-surface-800\/40 { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:stroke-surface-800\/50 { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:stroke-surface-800\/60 { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:stroke-surface-800\/70 { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:stroke-surface-800\/80 { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:stroke-surface-800\/90 { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:stroke-surface-900 { + stroke: var(--surface-900) + } + .sm\:stroke-surface-900\/10 { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:stroke-surface-900\/20 { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:stroke-surface-900\/30 { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:stroke-surface-900\/40 { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:stroke-surface-900\/50 { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:stroke-surface-900\/60 { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:stroke-surface-900\/70 { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:stroke-surface-900\/80 { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:stroke-surface-900\/90 { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:stroke-primary-50 { + stroke: var(--primary-50) + } + .sm\:stroke-primary-50\/10 { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:stroke-primary-50\/20 { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:stroke-primary-50\/30 { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:stroke-primary-50\/40 { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:stroke-primary-50\/50 { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:stroke-primary-50\/60 { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:stroke-primary-50\/70 { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:stroke-primary-50\/80 { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:stroke-primary-50\/90 { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:stroke-primary-100 { + stroke: var(--primary-100) + } + .sm\:stroke-primary-100\/10 { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:stroke-primary-100\/20 { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:stroke-primary-100\/30 { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:stroke-primary-100\/40 { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:stroke-primary-100\/50 { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:stroke-primary-100\/60 { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:stroke-primary-100\/70 { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:stroke-primary-100\/80 { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:stroke-primary-100\/90 { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:stroke-primary-200 { + stroke: var(--primary-200) + } + .sm\:stroke-primary-200\/10 { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:stroke-primary-200\/20 { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:stroke-primary-200\/30 { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:stroke-primary-200\/40 { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:stroke-primary-200\/50 { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:stroke-primary-200\/60 { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:stroke-primary-200\/70 { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:stroke-primary-200\/80 { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:stroke-primary-200\/90 { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:stroke-primary-300 { + stroke: var(--primary-300) + } + .sm\:stroke-primary-300\/10 { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:stroke-primary-300\/20 { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:stroke-primary-300\/30 { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:stroke-primary-300\/40 { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:stroke-primary-300\/50 { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:stroke-primary-300\/60 { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:stroke-primary-300\/70 { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:stroke-primary-300\/80 { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:stroke-primary-300\/90 { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:stroke-primary-400 { + stroke: var(--primary-400) + } + .sm\:stroke-primary-400\/10 { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:stroke-primary-400\/20 { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:stroke-primary-400\/30 { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:stroke-primary-400\/40 { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:stroke-primary-400\/50 { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:stroke-primary-400\/60 { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:stroke-primary-400\/70 { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:stroke-primary-400\/80 { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:stroke-primary-400\/90 { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:stroke-primary-500 { + stroke: var(--primary-500) + } + .sm\:stroke-primary-500\/10 { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:stroke-primary-500\/20 { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:stroke-primary-500\/30 { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:stroke-primary-500\/40 { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:stroke-primary-500\/50 { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:stroke-primary-500\/60 { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:stroke-primary-500\/70 { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:stroke-primary-500\/80 { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:stroke-primary-500\/90 { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:stroke-primary-600 { + stroke: var(--primary-600) + } + .sm\:stroke-primary-600\/10 { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:stroke-primary-600\/20 { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:stroke-primary-600\/30 { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:stroke-primary-600\/40 { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:stroke-primary-600\/50 { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:stroke-primary-600\/60 { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:stroke-primary-600\/70 { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:stroke-primary-600\/80 { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:stroke-primary-600\/90 { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:stroke-primary-700 { + stroke: var(--primary-700) + } + .sm\:stroke-primary-700\/10 { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:stroke-primary-700\/20 { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:stroke-primary-700\/30 { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:stroke-primary-700\/40 { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:stroke-primary-700\/50 { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:stroke-primary-700\/60 { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:stroke-primary-700\/70 { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:stroke-primary-700\/80 { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:stroke-primary-700\/90 { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:stroke-primary-800 { + stroke: var(--primary-800) + } + .sm\:stroke-primary-800\/10 { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:stroke-primary-800\/20 { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:stroke-primary-800\/30 { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:stroke-primary-800\/40 { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:stroke-primary-800\/50 { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:stroke-primary-800\/60 { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:stroke-primary-800\/70 { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:stroke-primary-800\/80 { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:stroke-primary-800\/90 { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:stroke-primary-900 { + stroke: var(--primary-900) + } + .sm\:stroke-primary-900\/10 { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:stroke-primary-900\/20 { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:stroke-primary-900\/30 { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:stroke-primary-900\/40 { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:stroke-primary-900\/50 { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:stroke-primary-900\/60 { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:stroke-primary-900\/70 { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:stroke-primary-900\/80 { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:stroke-primary-900\/90 { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-50:focus { + stroke: var(--blue-50) + } + .sm\:hover\:stroke-blue-50:hover { + stroke: var(--blue-50) + } + .sm\:active\:stroke-blue-50:active { + stroke: var(--blue-50) + } + .sm\:focus\:stroke-blue-50\/10:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-50\/10:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:active\:stroke-blue-50\/10:active { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-50\/20:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-50\/20:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:active\:stroke-blue-50\/20:active { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-50\/30:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-50\/30:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:active\:stroke-blue-50\/30:active { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-50\/40:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-50\/40:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:active\:stroke-blue-50\/40:active { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-50\/50:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-50\/50:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:active\:stroke-blue-50\/50:active { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-50\/60:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-50\/60:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:active\:stroke-blue-50\/60:active { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-50\/70:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-50\/70:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:active\:stroke-blue-50\/70:active { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-50\/80:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-50\/80:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:active\:stroke-blue-50\/80:active { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-50\/90:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-50\/90:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:active\:stroke-blue-50\/90:active { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-100:focus { + stroke: var(--blue-100) + } + .sm\:hover\:stroke-blue-100:hover { + stroke: var(--blue-100) + } + .sm\:active\:stroke-blue-100:active { + stroke: var(--blue-100) + } + .sm\:focus\:stroke-blue-100\/10:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-100\/10:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:active\:stroke-blue-100\/10:active { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-100\/20:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-100\/20:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:active\:stroke-blue-100\/20:active { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-100\/30:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-100\/30:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:active\:stroke-blue-100\/30:active { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-100\/40:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-100\/40:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:active\:stroke-blue-100\/40:active { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-100\/50:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-100\/50:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:active\:stroke-blue-100\/50:active { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-100\/60:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-100\/60:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:active\:stroke-blue-100\/60:active { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-100\/70:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-100\/70:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:active\:stroke-blue-100\/70:active { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-100\/80:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-100\/80:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:active\:stroke-blue-100\/80:active { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-100\/90:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-100\/90:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:active\:stroke-blue-100\/90:active { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-200:focus { + stroke: var(--blue-200) + } + .sm\:hover\:stroke-blue-200:hover { + stroke: var(--blue-200) + } + .sm\:active\:stroke-blue-200:active { + stroke: var(--blue-200) + } + .sm\:focus\:stroke-blue-200\/10:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-200\/10:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:active\:stroke-blue-200\/10:active { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-200\/20:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-200\/20:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:active\:stroke-blue-200\/20:active { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-200\/30:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-200\/30:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:active\:stroke-blue-200\/30:active { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-200\/40:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-200\/40:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:active\:stroke-blue-200\/40:active { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-200\/50:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-200\/50:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:active\:stroke-blue-200\/50:active { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-200\/60:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-200\/60:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:active\:stroke-blue-200\/60:active { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-200\/70:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-200\/70:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:active\:stroke-blue-200\/70:active { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-200\/80:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-200\/80:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:active\:stroke-blue-200\/80:active { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-200\/90:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-200\/90:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:active\:stroke-blue-200\/90:active { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-300:focus { + stroke: var(--blue-300) + } + .sm\:hover\:stroke-blue-300:hover { + stroke: var(--blue-300) + } + .sm\:active\:stroke-blue-300:active { + stroke: var(--blue-300) + } + .sm\:focus\:stroke-blue-300\/10:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-300\/10:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:active\:stroke-blue-300\/10:active { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-300\/20:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-300\/20:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:active\:stroke-blue-300\/20:active { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-300\/30:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-300\/30:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:active\:stroke-blue-300\/30:active { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-300\/40:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-300\/40:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:active\:stroke-blue-300\/40:active { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-300\/50:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-300\/50:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:active\:stroke-blue-300\/50:active { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-300\/60:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-300\/60:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:active\:stroke-blue-300\/60:active { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-300\/70:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-300\/70:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:active\:stroke-blue-300\/70:active { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-300\/80:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-300\/80:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:active\:stroke-blue-300\/80:active { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-300\/90:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-300\/90:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:active\:stroke-blue-300\/90:active { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-400:focus { + stroke: var(--blue-400) + } + .sm\:hover\:stroke-blue-400:hover { + stroke: var(--blue-400) + } + .sm\:active\:stroke-blue-400:active { + stroke: var(--blue-400) + } + .sm\:focus\:stroke-blue-400\/10:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-400\/10:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:active\:stroke-blue-400\/10:active { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-400\/20:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-400\/20:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:active\:stroke-blue-400\/20:active { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-400\/30:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-400\/30:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:active\:stroke-blue-400\/30:active { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-400\/40:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-400\/40:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:active\:stroke-blue-400\/40:active { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-400\/50:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-400\/50:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:active\:stroke-blue-400\/50:active { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-400\/60:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-400\/60:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:active\:stroke-blue-400\/60:active { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-400\/70:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-400\/70:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:active\:stroke-blue-400\/70:active { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-400\/80:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-400\/80:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:active\:stroke-blue-400\/80:active { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-400\/90:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-400\/90:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:active\:stroke-blue-400\/90:active { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-500:focus { + stroke: var(--blue-500) + } + .sm\:hover\:stroke-blue-500:hover { + stroke: var(--blue-500) + } + .sm\:active\:stroke-blue-500:active { + stroke: var(--blue-500) + } + .sm\:focus\:stroke-blue-500\/10:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-500\/10:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:active\:stroke-blue-500\/10:active { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-500\/20:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-500\/20:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:active\:stroke-blue-500\/20:active { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-500\/30:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-500\/30:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:active\:stroke-blue-500\/30:active { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-500\/40:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-500\/40:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:active\:stroke-blue-500\/40:active { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-500\/50:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-500\/50:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:active\:stroke-blue-500\/50:active { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-500\/60:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-500\/60:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:active\:stroke-blue-500\/60:active { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-500\/70:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-500\/70:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:active\:stroke-blue-500\/70:active { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-500\/80:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-500\/80:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:active\:stroke-blue-500\/80:active { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-500\/90:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-500\/90:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:active\:stroke-blue-500\/90:active { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-600:focus { + stroke: var(--blue-600) + } + .sm\:hover\:stroke-blue-600:hover { + stroke: var(--blue-600) + } + .sm\:active\:stroke-blue-600:active { + stroke: var(--blue-600) + } + .sm\:focus\:stroke-blue-600\/10:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-600\/10:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:active\:stroke-blue-600\/10:active { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-600\/20:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-600\/20:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:active\:stroke-blue-600\/20:active { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-600\/30:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-600\/30:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:active\:stroke-blue-600\/30:active { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-600\/40:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-600\/40:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:active\:stroke-blue-600\/40:active { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-600\/50:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-600\/50:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:active\:stroke-blue-600\/50:active { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-600\/60:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-600\/60:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:active\:stroke-blue-600\/60:active { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-600\/70:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-600\/70:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:active\:stroke-blue-600\/70:active { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-600\/80:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-600\/80:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:active\:stroke-blue-600\/80:active { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-600\/90:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-600\/90:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:active\:stroke-blue-600\/90:active { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-700:focus { + stroke: var(--blue-700) + } + .sm\:hover\:stroke-blue-700:hover { + stroke: var(--blue-700) + } + .sm\:active\:stroke-blue-700:active { + stroke: var(--blue-700) + } + .sm\:focus\:stroke-blue-700\/10:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-700\/10:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:active\:stroke-blue-700\/10:active { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-700\/20:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-700\/20:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:active\:stroke-blue-700\/20:active { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-700\/30:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-700\/30:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:active\:stroke-blue-700\/30:active { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-700\/40:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-700\/40:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:active\:stroke-blue-700\/40:active { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-700\/50:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-700\/50:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:active\:stroke-blue-700\/50:active { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-700\/60:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-700\/60:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:active\:stroke-blue-700\/60:active { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-700\/70:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-700\/70:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:active\:stroke-blue-700\/70:active { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-700\/80:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-700\/80:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:active\:stroke-blue-700\/80:active { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-700\/90:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-700\/90:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:active\:stroke-blue-700\/90:active { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-800:focus { + stroke: var(--blue-800) + } + .sm\:hover\:stroke-blue-800:hover { + stroke: var(--blue-800) + } + .sm\:active\:stroke-blue-800:active { + stroke: var(--blue-800) + } + .sm\:focus\:stroke-blue-800\/10:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-800\/10:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:active\:stroke-blue-800\/10:active { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-800\/20:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-800\/20:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:active\:stroke-blue-800\/20:active { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-800\/30:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-800\/30:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:active\:stroke-blue-800\/30:active { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-800\/40:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-800\/40:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:active\:stroke-blue-800\/40:active { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-800\/50:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-800\/50:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:active\:stroke-blue-800\/50:active { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-800\/60:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-800\/60:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:active\:stroke-blue-800\/60:active { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-800\/70:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-800\/70:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:active\:stroke-blue-800\/70:active { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-800\/80:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-800\/80:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:active\:stroke-blue-800\/80:active { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-800\/90:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-800\/90:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:active\:stroke-blue-800\/90:active { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .sm\:focus\:stroke-blue-900:focus { + stroke: var(--blue-900) + } + .sm\:hover\:stroke-blue-900:hover { + stroke: var(--blue-900) + } + .sm\:active\:stroke-blue-900:active { + stroke: var(--blue-900) + } + .sm\:focus\:stroke-blue-900\/10:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:hover\:stroke-blue-900\/10:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:active\:stroke-blue-900\/10:active { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .sm\:focus\:stroke-blue-900\/20:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:hover\:stroke-blue-900\/20:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:active\:stroke-blue-900\/20:active { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .sm\:focus\:stroke-blue-900\/30:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:hover\:stroke-blue-900\/30:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:active\:stroke-blue-900\/30:active { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .sm\:focus\:stroke-blue-900\/40:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:hover\:stroke-blue-900\/40:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:active\:stroke-blue-900\/40:active { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .sm\:focus\:stroke-blue-900\/50:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:hover\:stroke-blue-900\/50:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:active\:stroke-blue-900\/50:active { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .sm\:focus\:stroke-blue-900\/60:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:hover\:stroke-blue-900\/60:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:active\:stroke-blue-900\/60:active { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .sm\:focus\:stroke-blue-900\/70:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:hover\:stroke-blue-900\/70:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:active\:stroke-blue-900\/70:active { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .sm\:focus\:stroke-blue-900\/80:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:hover\:stroke-blue-900\/80:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:active\:stroke-blue-900\/80:active { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .sm\:focus\:stroke-blue-900\/90:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:hover\:stroke-blue-900\/90:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:active\:stroke-blue-900\/90:active { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .sm\:focus\:stroke-green-50:focus { + stroke: var(--green-50) + } + .sm\:hover\:stroke-green-50:hover { + stroke: var(--green-50) + } + .sm\:active\:stroke-green-50:active { + stroke: var(--green-50) + } + .sm\:focus\:stroke-green-50\/10:focus { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:hover\:stroke-green-50\/10:hover { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:active\:stroke-green-50\/10:active { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .sm\:focus\:stroke-green-50\/20:focus { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:hover\:stroke-green-50\/20:hover { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:active\:stroke-green-50\/20:active { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .sm\:focus\:stroke-green-50\/30:focus { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:hover\:stroke-green-50\/30:hover { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:active\:stroke-green-50\/30:active { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .sm\:focus\:stroke-green-50\/40:focus { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:hover\:stroke-green-50\/40:hover { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:active\:stroke-green-50\/40:active { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .sm\:focus\:stroke-green-50\/50:focus { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:hover\:stroke-green-50\/50:hover { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:active\:stroke-green-50\/50:active { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .sm\:focus\:stroke-green-50\/60:focus { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:hover\:stroke-green-50\/60:hover { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:active\:stroke-green-50\/60:active { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .sm\:focus\:stroke-green-50\/70:focus { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:hover\:stroke-green-50\/70:hover { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:active\:stroke-green-50\/70:active { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .sm\:focus\:stroke-green-50\/80:focus { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:hover\:stroke-green-50\/80:hover { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:active\:stroke-green-50\/80:active { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .sm\:focus\:stroke-green-50\/90:focus { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:hover\:stroke-green-50\/90:hover { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:active\:stroke-green-50\/90:active { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .sm\:focus\:stroke-green-100:focus { + stroke: var(--green-100) + } + .sm\:hover\:stroke-green-100:hover { + stroke: var(--green-100) + } + .sm\:active\:stroke-green-100:active { + stroke: var(--green-100) + } + .sm\:focus\:stroke-green-100\/10:focus { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:hover\:stroke-green-100\/10:hover { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:active\:stroke-green-100\/10:active { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .sm\:focus\:stroke-green-100\/20:focus { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:hover\:stroke-green-100\/20:hover { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:active\:stroke-green-100\/20:active { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .sm\:focus\:stroke-green-100\/30:focus { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:hover\:stroke-green-100\/30:hover { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:active\:stroke-green-100\/30:active { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .sm\:focus\:stroke-green-100\/40:focus { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:hover\:stroke-green-100\/40:hover { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:active\:stroke-green-100\/40:active { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .sm\:focus\:stroke-green-100\/50:focus { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:hover\:stroke-green-100\/50:hover { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:active\:stroke-green-100\/50:active { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .sm\:focus\:stroke-green-100\/60:focus { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:hover\:stroke-green-100\/60:hover { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:active\:stroke-green-100\/60:active { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .sm\:focus\:stroke-green-100\/70:focus { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:hover\:stroke-green-100\/70:hover { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:active\:stroke-green-100\/70:active { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .sm\:focus\:stroke-green-100\/80:focus { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:hover\:stroke-green-100\/80:hover { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:active\:stroke-green-100\/80:active { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .sm\:focus\:stroke-green-100\/90:focus { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:hover\:stroke-green-100\/90:hover { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:active\:stroke-green-100\/90:active { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .sm\:focus\:stroke-green-200:focus { + stroke: var(--green-200) + } + .sm\:hover\:stroke-green-200:hover { + stroke: var(--green-200) + } + .sm\:active\:stroke-green-200:active { + stroke: var(--green-200) + } + .sm\:focus\:stroke-green-200\/10:focus { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:hover\:stroke-green-200\/10:hover { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:active\:stroke-green-200\/10:active { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .sm\:focus\:stroke-green-200\/20:focus { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:hover\:stroke-green-200\/20:hover { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:active\:stroke-green-200\/20:active { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .sm\:focus\:stroke-green-200\/30:focus { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:hover\:stroke-green-200\/30:hover { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:active\:stroke-green-200\/30:active { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .sm\:focus\:stroke-green-200\/40:focus { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:hover\:stroke-green-200\/40:hover { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:active\:stroke-green-200\/40:active { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .sm\:focus\:stroke-green-200\/50:focus { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:hover\:stroke-green-200\/50:hover { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:active\:stroke-green-200\/50:active { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .sm\:focus\:stroke-green-200\/60:focus { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:hover\:stroke-green-200\/60:hover { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:active\:stroke-green-200\/60:active { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .sm\:focus\:stroke-green-200\/70:focus { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:hover\:stroke-green-200\/70:hover { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:active\:stroke-green-200\/70:active { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .sm\:focus\:stroke-green-200\/80:focus { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:hover\:stroke-green-200\/80:hover { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:active\:stroke-green-200\/80:active { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .sm\:focus\:stroke-green-200\/90:focus { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:hover\:stroke-green-200\/90:hover { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:active\:stroke-green-200\/90:active { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .sm\:focus\:stroke-green-300:focus { + stroke: var(--green-300) + } + .sm\:hover\:stroke-green-300:hover { + stroke: var(--green-300) + } + .sm\:active\:stroke-green-300:active { + stroke: var(--green-300) + } + .sm\:focus\:stroke-green-300\/10:focus { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:hover\:stroke-green-300\/10:hover { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:active\:stroke-green-300\/10:active { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .sm\:focus\:stroke-green-300\/20:focus { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:hover\:stroke-green-300\/20:hover { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:active\:stroke-green-300\/20:active { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .sm\:focus\:stroke-green-300\/30:focus { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:hover\:stroke-green-300\/30:hover { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:active\:stroke-green-300\/30:active { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .sm\:focus\:stroke-green-300\/40:focus { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:hover\:stroke-green-300\/40:hover { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:active\:stroke-green-300\/40:active { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .sm\:focus\:stroke-green-300\/50:focus { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:hover\:stroke-green-300\/50:hover { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:active\:stroke-green-300\/50:active { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .sm\:focus\:stroke-green-300\/60:focus { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:hover\:stroke-green-300\/60:hover { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:active\:stroke-green-300\/60:active { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .sm\:focus\:stroke-green-300\/70:focus { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:hover\:stroke-green-300\/70:hover { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:active\:stroke-green-300\/70:active { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .sm\:focus\:stroke-green-300\/80:focus { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:hover\:stroke-green-300\/80:hover { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:active\:stroke-green-300\/80:active { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .sm\:focus\:stroke-green-300\/90:focus { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:hover\:stroke-green-300\/90:hover { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:active\:stroke-green-300\/90:active { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .sm\:focus\:stroke-green-400:focus { + stroke: var(--green-400) + } + .sm\:hover\:stroke-green-400:hover { + stroke: var(--green-400) + } + .sm\:active\:stroke-green-400:active { + stroke: var(--green-400) + } + .sm\:focus\:stroke-green-400\/10:focus { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:hover\:stroke-green-400\/10:hover { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:active\:stroke-green-400\/10:active { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .sm\:focus\:stroke-green-400\/20:focus { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:hover\:stroke-green-400\/20:hover { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:active\:stroke-green-400\/20:active { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .sm\:focus\:stroke-green-400\/30:focus { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:hover\:stroke-green-400\/30:hover { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:active\:stroke-green-400\/30:active { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .sm\:focus\:stroke-green-400\/40:focus { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:hover\:stroke-green-400\/40:hover { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:active\:stroke-green-400\/40:active { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .sm\:focus\:stroke-green-400\/50:focus { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:hover\:stroke-green-400\/50:hover { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:active\:stroke-green-400\/50:active { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .sm\:focus\:stroke-green-400\/60:focus { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:hover\:stroke-green-400\/60:hover { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:active\:stroke-green-400\/60:active { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .sm\:focus\:stroke-green-400\/70:focus { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:hover\:stroke-green-400\/70:hover { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:active\:stroke-green-400\/70:active { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .sm\:focus\:stroke-green-400\/80:focus { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:hover\:stroke-green-400\/80:hover { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:active\:stroke-green-400\/80:active { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .sm\:focus\:stroke-green-400\/90:focus { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:hover\:stroke-green-400\/90:hover { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:active\:stroke-green-400\/90:active { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .sm\:focus\:stroke-green-500:focus { + stroke: var(--green-500) + } + .sm\:hover\:stroke-green-500:hover { + stroke: var(--green-500) + } + .sm\:active\:stroke-green-500:active { + stroke: var(--green-500) + } + .sm\:focus\:stroke-green-500\/10:focus { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:hover\:stroke-green-500\/10:hover { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:active\:stroke-green-500\/10:active { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .sm\:focus\:stroke-green-500\/20:focus { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:hover\:stroke-green-500\/20:hover { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:active\:stroke-green-500\/20:active { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .sm\:focus\:stroke-green-500\/30:focus { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:hover\:stroke-green-500\/30:hover { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:active\:stroke-green-500\/30:active { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .sm\:focus\:stroke-green-500\/40:focus { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:hover\:stroke-green-500\/40:hover { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:active\:stroke-green-500\/40:active { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .sm\:focus\:stroke-green-500\/50:focus { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:hover\:stroke-green-500\/50:hover { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:active\:stroke-green-500\/50:active { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .sm\:focus\:stroke-green-500\/60:focus { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:hover\:stroke-green-500\/60:hover { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:active\:stroke-green-500\/60:active { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .sm\:focus\:stroke-green-500\/70:focus { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:hover\:stroke-green-500\/70:hover { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:active\:stroke-green-500\/70:active { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .sm\:focus\:stroke-green-500\/80:focus { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:hover\:stroke-green-500\/80:hover { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:active\:stroke-green-500\/80:active { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .sm\:focus\:stroke-green-500\/90:focus { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:hover\:stroke-green-500\/90:hover { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:active\:stroke-green-500\/90:active { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .sm\:focus\:stroke-green-600:focus { + stroke: var(--green-600) + } + .sm\:hover\:stroke-green-600:hover { + stroke: var(--green-600) + } + .sm\:active\:stroke-green-600:active { + stroke: var(--green-600) + } + .sm\:focus\:stroke-green-600\/10:focus { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:hover\:stroke-green-600\/10:hover { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:active\:stroke-green-600\/10:active { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .sm\:focus\:stroke-green-600\/20:focus { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:hover\:stroke-green-600\/20:hover { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:active\:stroke-green-600\/20:active { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .sm\:focus\:stroke-green-600\/30:focus { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:hover\:stroke-green-600\/30:hover { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:active\:stroke-green-600\/30:active { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .sm\:focus\:stroke-green-600\/40:focus { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:hover\:stroke-green-600\/40:hover { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:active\:stroke-green-600\/40:active { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .sm\:focus\:stroke-green-600\/50:focus { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:hover\:stroke-green-600\/50:hover { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:active\:stroke-green-600\/50:active { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .sm\:focus\:stroke-green-600\/60:focus { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:hover\:stroke-green-600\/60:hover { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:active\:stroke-green-600\/60:active { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .sm\:focus\:stroke-green-600\/70:focus { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:hover\:stroke-green-600\/70:hover { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:active\:stroke-green-600\/70:active { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .sm\:focus\:stroke-green-600\/80:focus { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:hover\:stroke-green-600\/80:hover { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:active\:stroke-green-600\/80:active { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .sm\:focus\:stroke-green-600\/90:focus { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:hover\:stroke-green-600\/90:hover { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:active\:stroke-green-600\/90:active { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .sm\:focus\:stroke-green-700:focus { + stroke: var(--green-700) + } + .sm\:hover\:stroke-green-700:hover { + stroke: var(--green-700) + } + .sm\:active\:stroke-green-700:active { + stroke: var(--green-700) + } + .sm\:focus\:stroke-green-700\/10:focus { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:hover\:stroke-green-700\/10:hover { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:active\:stroke-green-700\/10:active { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .sm\:focus\:stroke-green-700\/20:focus { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:hover\:stroke-green-700\/20:hover { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:active\:stroke-green-700\/20:active { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .sm\:focus\:stroke-green-700\/30:focus { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:hover\:stroke-green-700\/30:hover { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:active\:stroke-green-700\/30:active { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .sm\:focus\:stroke-green-700\/40:focus { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:hover\:stroke-green-700\/40:hover { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:active\:stroke-green-700\/40:active { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .sm\:focus\:stroke-green-700\/50:focus { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:hover\:stroke-green-700\/50:hover { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:active\:stroke-green-700\/50:active { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .sm\:focus\:stroke-green-700\/60:focus { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:hover\:stroke-green-700\/60:hover { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:active\:stroke-green-700\/60:active { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .sm\:focus\:stroke-green-700\/70:focus { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:hover\:stroke-green-700\/70:hover { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:active\:stroke-green-700\/70:active { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .sm\:focus\:stroke-green-700\/80:focus { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:hover\:stroke-green-700\/80:hover { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:active\:stroke-green-700\/80:active { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .sm\:focus\:stroke-green-700\/90:focus { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:hover\:stroke-green-700\/90:hover { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:active\:stroke-green-700\/90:active { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .sm\:focus\:stroke-green-800:focus { + stroke: var(--green-800) + } + .sm\:hover\:stroke-green-800:hover { + stroke: var(--green-800) + } + .sm\:active\:stroke-green-800:active { + stroke: var(--green-800) + } + .sm\:focus\:stroke-green-800\/10:focus { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:hover\:stroke-green-800\/10:hover { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:active\:stroke-green-800\/10:active { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .sm\:focus\:stroke-green-800\/20:focus { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:hover\:stroke-green-800\/20:hover { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:active\:stroke-green-800\/20:active { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .sm\:focus\:stroke-green-800\/30:focus { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:hover\:stroke-green-800\/30:hover { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:active\:stroke-green-800\/30:active { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .sm\:focus\:stroke-green-800\/40:focus { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:hover\:stroke-green-800\/40:hover { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:active\:stroke-green-800\/40:active { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .sm\:focus\:stroke-green-800\/50:focus { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:hover\:stroke-green-800\/50:hover { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:active\:stroke-green-800\/50:active { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .sm\:focus\:stroke-green-800\/60:focus { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:hover\:stroke-green-800\/60:hover { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:active\:stroke-green-800\/60:active { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .sm\:focus\:stroke-green-800\/70:focus { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:hover\:stroke-green-800\/70:hover { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:active\:stroke-green-800\/70:active { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .sm\:focus\:stroke-green-800\/80:focus { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:hover\:stroke-green-800\/80:hover { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:active\:stroke-green-800\/80:active { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .sm\:focus\:stroke-green-800\/90:focus { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:hover\:stroke-green-800\/90:hover { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:active\:stroke-green-800\/90:active { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .sm\:focus\:stroke-green-900:focus { + stroke: var(--green-900) + } + .sm\:hover\:stroke-green-900:hover { + stroke: var(--green-900) + } + .sm\:active\:stroke-green-900:active { + stroke: var(--green-900) + } + .sm\:focus\:stroke-green-900\/10:focus { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:hover\:stroke-green-900\/10:hover { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:active\:stroke-green-900\/10:active { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .sm\:focus\:stroke-green-900\/20:focus { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:hover\:stroke-green-900\/20:hover { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:active\:stroke-green-900\/20:active { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .sm\:focus\:stroke-green-900\/30:focus { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:hover\:stroke-green-900\/30:hover { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:active\:stroke-green-900\/30:active { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .sm\:focus\:stroke-green-900\/40:focus { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:hover\:stroke-green-900\/40:hover { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:active\:stroke-green-900\/40:active { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .sm\:focus\:stroke-green-900\/50:focus { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:hover\:stroke-green-900\/50:hover { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:active\:stroke-green-900\/50:active { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .sm\:focus\:stroke-green-900\/60:focus { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:hover\:stroke-green-900\/60:hover { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:active\:stroke-green-900\/60:active { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .sm\:focus\:stroke-green-900\/70:focus { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:hover\:stroke-green-900\/70:hover { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:active\:stroke-green-900\/70:active { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .sm\:focus\:stroke-green-900\/80:focus { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:hover\:stroke-green-900\/80:hover { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:active\:stroke-green-900\/80:active { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .sm\:focus\:stroke-green-900\/90:focus { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:hover\:stroke-green-900\/90:hover { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:active\:stroke-green-900\/90:active { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-50:focus { + stroke: var(--yellow-50) + } + .sm\:hover\:stroke-yellow-50:hover { + stroke: var(--yellow-50) + } + .sm\:active\:stroke-yellow-50:active { + stroke: var(--yellow-50) + } + .sm\:focus\:stroke-yellow-50\/10:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-50\/10:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-50\/10:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-50\/20:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-50\/20:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-50\/20:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-50\/30:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-50\/30:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-50\/30:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-50\/40:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-50\/40:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-50\/40:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-50\/50:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-50\/50:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-50\/50:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-50\/60:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-50\/60:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-50\/60:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-50\/70:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-50\/70:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-50\/70:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-50\/80:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-50\/80:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-50\/80:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-50\/90:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-50\/90:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-50\/90:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-100:focus { + stroke: var(--yellow-100) + } + .sm\:hover\:stroke-yellow-100:hover { + stroke: var(--yellow-100) + } + .sm\:active\:stroke-yellow-100:active { + stroke: var(--yellow-100) + } + .sm\:focus\:stroke-yellow-100\/10:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-100\/10:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-100\/10:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-100\/20:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-100\/20:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-100\/20:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-100\/30:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-100\/30:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-100\/30:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-100\/40:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-100\/40:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-100\/40:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-100\/50:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-100\/50:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-100\/50:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-100\/60:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-100\/60:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-100\/60:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-100\/70:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-100\/70:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-100\/70:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-100\/80:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-100\/80:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-100\/80:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-100\/90:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-100\/90:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-100\/90:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-200:focus { + stroke: var(--yellow-200) + } + .sm\:hover\:stroke-yellow-200:hover { + stroke: var(--yellow-200) + } + .sm\:active\:stroke-yellow-200:active { + stroke: var(--yellow-200) + } + .sm\:focus\:stroke-yellow-200\/10:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-200\/10:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-200\/10:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-200\/20:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-200\/20:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-200\/20:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-200\/30:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-200\/30:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-200\/30:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-200\/40:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-200\/40:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-200\/40:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-200\/50:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-200\/50:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-200\/50:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-200\/60:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-200\/60:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-200\/60:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-200\/70:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-200\/70:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-200\/70:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-200\/80:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-200\/80:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-200\/80:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-200\/90:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-200\/90:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-200\/90:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-300:focus { + stroke: var(--yellow-300) + } + .sm\:hover\:stroke-yellow-300:hover { + stroke: var(--yellow-300) + } + .sm\:active\:stroke-yellow-300:active { + stroke: var(--yellow-300) + } + .sm\:focus\:stroke-yellow-300\/10:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-300\/10:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-300\/10:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-300\/20:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-300\/20:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-300\/20:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-300\/30:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-300\/30:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-300\/30:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-300\/40:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-300\/40:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-300\/40:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-300\/50:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-300\/50:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-300\/50:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-300\/60:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-300\/60:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-300\/60:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-300\/70:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-300\/70:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-300\/70:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-300\/80:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-300\/80:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-300\/80:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-300\/90:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-300\/90:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-300\/90:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-400:focus { + stroke: var(--yellow-400) + } + .sm\:hover\:stroke-yellow-400:hover { + stroke: var(--yellow-400) + } + .sm\:active\:stroke-yellow-400:active { + stroke: var(--yellow-400) + } + .sm\:focus\:stroke-yellow-400\/10:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-400\/10:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-400\/10:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-400\/20:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-400\/20:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-400\/20:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-400\/30:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-400\/30:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-400\/30:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-400\/40:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-400\/40:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-400\/40:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-400\/50:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-400\/50:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-400\/50:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-400\/60:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-400\/60:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-400\/60:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-400\/70:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-400\/70:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-400\/70:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-400\/80:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-400\/80:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-400\/80:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-400\/90:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-400\/90:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-400\/90:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-500:focus { + stroke: var(--yellow-500) + } + .sm\:hover\:stroke-yellow-500:hover { + stroke: var(--yellow-500) + } + .sm\:active\:stroke-yellow-500:active { + stroke: var(--yellow-500) + } + .sm\:focus\:stroke-yellow-500\/10:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-500\/10:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-500\/10:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-500\/20:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-500\/20:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-500\/20:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-500\/30:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-500\/30:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-500\/30:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-500\/40:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-500\/40:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-500\/40:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-500\/50:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-500\/50:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-500\/50:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-500\/60:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-500\/60:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-500\/60:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-500\/70:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-500\/70:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-500\/70:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-500\/80:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-500\/80:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-500\/80:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-500\/90:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-500\/90:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-500\/90:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-600:focus { + stroke: var(--yellow-600) + } + .sm\:hover\:stroke-yellow-600:hover { + stroke: var(--yellow-600) + } + .sm\:active\:stroke-yellow-600:active { + stroke: var(--yellow-600) + } + .sm\:focus\:stroke-yellow-600\/10:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-600\/10:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-600\/10:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-600\/20:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-600\/20:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-600\/20:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-600\/30:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-600\/30:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-600\/30:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-600\/40:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-600\/40:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-600\/40:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-600\/50:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-600\/50:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-600\/50:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-600\/60:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-600\/60:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-600\/60:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-600\/70:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-600\/70:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-600\/70:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-600\/80:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-600\/80:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-600\/80:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-600\/90:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-600\/90:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-600\/90:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-700:focus { + stroke: var(--yellow-700) + } + .sm\:hover\:stroke-yellow-700:hover { + stroke: var(--yellow-700) + } + .sm\:active\:stroke-yellow-700:active { + stroke: var(--yellow-700) + } + .sm\:focus\:stroke-yellow-700\/10:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-700\/10:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-700\/10:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-700\/20:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-700\/20:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-700\/20:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-700\/30:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-700\/30:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-700\/30:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-700\/40:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-700\/40:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-700\/40:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-700\/50:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-700\/50:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-700\/50:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-700\/60:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-700\/60:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-700\/60:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-700\/70:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-700\/70:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-700\/70:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-700\/80:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-700\/80:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-700\/80:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-700\/90:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-700\/90:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-700\/90:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-800:focus { + stroke: var(--yellow-800) + } + .sm\:hover\:stroke-yellow-800:hover { + stroke: var(--yellow-800) + } + .sm\:active\:stroke-yellow-800:active { + stroke: var(--yellow-800) + } + .sm\:focus\:stroke-yellow-800\/10:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-800\/10:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-800\/10:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-800\/20:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-800\/20:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-800\/20:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-800\/30:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-800\/30:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-800\/30:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-800\/40:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-800\/40:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-800\/40:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-800\/50:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-800\/50:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-800\/50:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-800\/60:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-800\/60:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-800\/60:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-800\/70:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-800\/70:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-800\/70:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-800\/80:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-800\/80:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-800\/80:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-800\/90:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-800\/90:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-800\/90:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .sm\:focus\:stroke-yellow-900:focus { + stroke: var(--yellow-900) + } + .sm\:hover\:stroke-yellow-900:hover { + stroke: var(--yellow-900) + } + .sm\:active\:stroke-yellow-900:active { + stroke: var(--yellow-900) + } + .sm\:focus\:stroke-yellow-900\/10:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:hover\:stroke-yellow-900\/10:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:active\:stroke-yellow-900\/10:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .sm\:focus\:stroke-yellow-900\/20:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:hover\:stroke-yellow-900\/20:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:active\:stroke-yellow-900\/20:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .sm\:focus\:stroke-yellow-900\/30:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:hover\:stroke-yellow-900\/30:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:active\:stroke-yellow-900\/30:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .sm\:focus\:stroke-yellow-900\/40:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:hover\:stroke-yellow-900\/40:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:active\:stroke-yellow-900\/40:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .sm\:focus\:stroke-yellow-900\/50:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:hover\:stroke-yellow-900\/50:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:active\:stroke-yellow-900\/50:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .sm\:focus\:stroke-yellow-900\/60:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:hover\:stroke-yellow-900\/60:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:active\:stroke-yellow-900\/60:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .sm\:focus\:stroke-yellow-900\/70:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:hover\:stroke-yellow-900\/70:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:active\:stroke-yellow-900\/70:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .sm\:focus\:stroke-yellow-900\/80:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:hover\:stroke-yellow-900\/80:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:active\:stroke-yellow-900\/80:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .sm\:focus\:stroke-yellow-900\/90:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:hover\:stroke-yellow-900\/90:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:active\:stroke-yellow-900\/90:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-50:focus { + stroke: var(--cyan-50) + } + .sm\:hover\:stroke-cyan-50:hover { + stroke: var(--cyan-50) + } + .sm\:active\:stroke-cyan-50:active { + stroke: var(--cyan-50) + } + .sm\:focus\:stroke-cyan-50\/10:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-50\/10:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-50\/10:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-50\/20:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-50\/20:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-50\/20:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-50\/30:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-50\/30:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-50\/30:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-50\/40:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-50\/40:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-50\/40:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-50\/50:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-50\/50:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-50\/50:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-50\/60:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-50\/60:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-50\/60:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-50\/70:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-50\/70:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-50\/70:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-50\/80:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-50\/80:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-50\/80:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-50\/90:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-50\/90:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-50\/90:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-100:focus { + stroke: var(--cyan-100) + } + .sm\:hover\:stroke-cyan-100:hover { + stroke: var(--cyan-100) + } + .sm\:active\:stroke-cyan-100:active { + stroke: var(--cyan-100) + } + .sm\:focus\:stroke-cyan-100\/10:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-100\/10:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-100\/10:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-100\/20:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-100\/20:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-100\/20:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-100\/30:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-100\/30:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-100\/30:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-100\/40:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-100\/40:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-100\/40:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-100\/50:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-100\/50:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-100\/50:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-100\/60:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-100\/60:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-100\/60:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-100\/70:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-100\/70:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-100\/70:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-100\/80:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-100\/80:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-100\/80:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-100\/90:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-100\/90:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-100\/90:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-200:focus { + stroke: var(--cyan-200) + } + .sm\:hover\:stroke-cyan-200:hover { + stroke: var(--cyan-200) + } + .sm\:active\:stroke-cyan-200:active { + stroke: var(--cyan-200) + } + .sm\:focus\:stroke-cyan-200\/10:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-200\/10:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-200\/10:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-200\/20:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-200\/20:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-200\/20:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-200\/30:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-200\/30:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-200\/30:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-200\/40:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-200\/40:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-200\/40:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-200\/50:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-200\/50:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-200\/50:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-200\/60:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-200\/60:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-200\/60:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-200\/70:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-200\/70:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-200\/70:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-200\/80:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-200\/80:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-200\/80:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-200\/90:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-200\/90:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-200\/90:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-300:focus { + stroke: var(--cyan-300) + } + .sm\:hover\:stroke-cyan-300:hover { + stroke: var(--cyan-300) + } + .sm\:active\:stroke-cyan-300:active { + stroke: var(--cyan-300) + } + .sm\:focus\:stroke-cyan-300\/10:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-300\/10:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-300\/10:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-300\/20:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-300\/20:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-300\/20:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-300\/30:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-300\/30:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-300\/30:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-300\/40:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-300\/40:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-300\/40:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-300\/50:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-300\/50:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-300\/50:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-300\/60:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-300\/60:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-300\/60:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-300\/70:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-300\/70:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-300\/70:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-300\/80:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-300\/80:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-300\/80:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-300\/90:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-300\/90:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-300\/90:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-400:focus { + stroke: var(--cyan-400) + } + .sm\:hover\:stroke-cyan-400:hover { + stroke: var(--cyan-400) + } + .sm\:active\:stroke-cyan-400:active { + stroke: var(--cyan-400) + } + .sm\:focus\:stroke-cyan-400\/10:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-400\/10:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-400\/10:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-400\/20:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-400\/20:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-400\/20:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-400\/30:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-400\/30:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-400\/30:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-400\/40:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-400\/40:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-400\/40:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-400\/50:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-400\/50:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-400\/50:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-400\/60:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-400\/60:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-400\/60:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-400\/70:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-400\/70:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-400\/70:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-400\/80:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-400\/80:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-400\/80:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-400\/90:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-400\/90:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-400\/90:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-500:focus { + stroke: var(--cyan-500) + } + .sm\:hover\:stroke-cyan-500:hover { + stroke: var(--cyan-500) + } + .sm\:active\:stroke-cyan-500:active { + stroke: var(--cyan-500) + } + .sm\:focus\:stroke-cyan-500\/10:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-500\/10:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-500\/10:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-500\/20:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-500\/20:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-500\/20:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-500\/30:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-500\/30:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-500\/30:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-500\/40:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-500\/40:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-500\/40:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-500\/50:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-500\/50:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-500\/50:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-500\/60:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-500\/60:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-500\/60:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-500\/70:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-500\/70:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-500\/70:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-500\/80:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-500\/80:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-500\/80:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-500\/90:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-500\/90:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-500\/90:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-600:focus { + stroke: var(--cyan-600) + } + .sm\:hover\:stroke-cyan-600:hover { + stroke: var(--cyan-600) + } + .sm\:active\:stroke-cyan-600:active { + stroke: var(--cyan-600) + } + .sm\:focus\:stroke-cyan-600\/10:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-600\/10:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-600\/10:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-600\/20:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-600\/20:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-600\/20:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-600\/30:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-600\/30:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-600\/30:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-600\/40:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-600\/40:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-600\/40:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-600\/50:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-600\/50:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-600\/50:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-600\/60:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-600\/60:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-600\/60:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-600\/70:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-600\/70:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-600\/70:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-600\/80:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-600\/80:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-600\/80:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-600\/90:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-600\/90:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-600\/90:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-700:focus { + stroke: var(--cyan-700) + } + .sm\:hover\:stroke-cyan-700:hover { + stroke: var(--cyan-700) + } + .sm\:active\:stroke-cyan-700:active { + stroke: var(--cyan-700) + } + .sm\:focus\:stroke-cyan-700\/10:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-700\/10:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-700\/10:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-700\/20:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-700\/20:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-700\/20:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-700\/30:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-700\/30:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-700\/30:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-700\/40:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-700\/40:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-700\/40:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-700\/50:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-700\/50:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-700\/50:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-700\/60:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-700\/60:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-700\/60:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-700\/70:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-700\/70:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-700\/70:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-700\/80:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-700\/80:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-700\/80:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-700\/90:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-700\/90:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-700\/90:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-800:focus { + stroke: var(--cyan-800) + } + .sm\:hover\:stroke-cyan-800:hover { + stroke: var(--cyan-800) + } + .sm\:active\:stroke-cyan-800:active { + stroke: var(--cyan-800) + } + .sm\:focus\:stroke-cyan-800\/10:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-800\/10:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-800\/10:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-800\/20:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-800\/20:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-800\/20:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-800\/30:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-800\/30:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-800\/30:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-800\/40:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-800\/40:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-800\/40:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-800\/50:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-800\/50:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-800\/50:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-800\/60:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-800\/60:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-800\/60:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-800\/70:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-800\/70:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-800\/70:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-800\/80:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-800\/80:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-800\/80:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-800\/90:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-800\/90:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-800\/90:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .sm\:focus\:stroke-cyan-900:focus { + stroke: var(--cyan-900) + } + .sm\:hover\:stroke-cyan-900:hover { + stroke: var(--cyan-900) + } + .sm\:active\:stroke-cyan-900:active { + stroke: var(--cyan-900) + } + .sm\:focus\:stroke-cyan-900\/10:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:hover\:stroke-cyan-900\/10:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:active\:stroke-cyan-900\/10:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .sm\:focus\:stroke-cyan-900\/20:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:hover\:stroke-cyan-900\/20:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:active\:stroke-cyan-900\/20:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .sm\:focus\:stroke-cyan-900\/30:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:hover\:stroke-cyan-900\/30:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:active\:stroke-cyan-900\/30:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .sm\:focus\:stroke-cyan-900\/40:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:hover\:stroke-cyan-900\/40:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:active\:stroke-cyan-900\/40:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .sm\:focus\:stroke-cyan-900\/50:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:hover\:stroke-cyan-900\/50:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:active\:stroke-cyan-900\/50:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .sm\:focus\:stroke-cyan-900\/60:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:hover\:stroke-cyan-900\/60:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:active\:stroke-cyan-900\/60:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .sm\:focus\:stroke-cyan-900\/70:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:hover\:stroke-cyan-900\/70:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:active\:stroke-cyan-900\/70:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .sm\:focus\:stroke-cyan-900\/80:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:hover\:stroke-cyan-900\/80:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:active\:stroke-cyan-900\/80:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .sm\:focus\:stroke-cyan-900\/90:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:hover\:stroke-cyan-900\/90:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:active\:stroke-cyan-900\/90:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-50:focus { + stroke: var(--pink-50) + } + .sm\:hover\:stroke-pink-50:hover { + stroke: var(--pink-50) + } + .sm\:active\:stroke-pink-50:active { + stroke: var(--pink-50) + } + .sm\:focus\:stroke-pink-50\/10:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-50\/10:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:active\:stroke-pink-50\/10:active { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-50\/20:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-50\/20:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:active\:stroke-pink-50\/20:active { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-50\/30:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-50\/30:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:active\:stroke-pink-50\/30:active { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-50\/40:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-50\/40:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:active\:stroke-pink-50\/40:active { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-50\/50:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-50\/50:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:active\:stroke-pink-50\/50:active { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-50\/60:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-50\/60:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:active\:stroke-pink-50\/60:active { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-50\/70:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-50\/70:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:active\:stroke-pink-50\/70:active { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-50\/80:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-50\/80:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:active\:stroke-pink-50\/80:active { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-50\/90:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-50\/90:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:active\:stroke-pink-50\/90:active { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-100:focus { + stroke: var(--pink-100) + } + .sm\:hover\:stroke-pink-100:hover { + stroke: var(--pink-100) + } + .sm\:active\:stroke-pink-100:active { + stroke: var(--pink-100) + } + .sm\:focus\:stroke-pink-100\/10:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-100\/10:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:active\:stroke-pink-100\/10:active { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-100\/20:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-100\/20:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:active\:stroke-pink-100\/20:active { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-100\/30:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-100\/30:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:active\:stroke-pink-100\/30:active { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-100\/40:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-100\/40:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:active\:stroke-pink-100\/40:active { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-100\/50:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-100\/50:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:active\:stroke-pink-100\/50:active { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-100\/60:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-100\/60:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:active\:stroke-pink-100\/60:active { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-100\/70:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-100\/70:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:active\:stroke-pink-100\/70:active { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-100\/80:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-100\/80:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:active\:stroke-pink-100\/80:active { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-100\/90:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-100\/90:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:active\:stroke-pink-100\/90:active { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-200:focus { + stroke: var(--pink-200) + } + .sm\:hover\:stroke-pink-200:hover { + stroke: var(--pink-200) + } + .sm\:active\:stroke-pink-200:active { + stroke: var(--pink-200) + } + .sm\:focus\:stroke-pink-200\/10:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-200\/10:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:active\:stroke-pink-200\/10:active { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-200\/20:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-200\/20:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:active\:stroke-pink-200\/20:active { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-200\/30:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-200\/30:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:active\:stroke-pink-200\/30:active { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-200\/40:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-200\/40:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:active\:stroke-pink-200\/40:active { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-200\/50:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-200\/50:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:active\:stroke-pink-200\/50:active { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-200\/60:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-200\/60:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:active\:stroke-pink-200\/60:active { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-200\/70:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-200\/70:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:active\:stroke-pink-200\/70:active { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-200\/80:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-200\/80:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:active\:stroke-pink-200\/80:active { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-200\/90:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-200\/90:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:active\:stroke-pink-200\/90:active { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-300:focus { + stroke: var(--pink-300) + } + .sm\:hover\:stroke-pink-300:hover { + stroke: var(--pink-300) + } + .sm\:active\:stroke-pink-300:active { + stroke: var(--pink-300) + } + .sm\:focus\:stroke-pink-300\/10:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-300\/10:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:active\:stroke-pink-300\/10:active { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-300\/20:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-300\/20:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:active\:stroke-pink-300\/20:active { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-300\/30:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-300\/30:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:active\:stroke-pink-300\/30:active { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-300\/40:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-300\/40:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:active\:stroke-pink-300\/40:active { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-300\/50:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-300\/50:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:active\:stroke-pink-300\/50:active { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-300\/60:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-300\/60:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:active\:stroke-pink-300\/60:active { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-300\/70:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-300\/70:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:active\:stroke-pink-300\/70:active { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-300\/80:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-300\/80:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:active\:stroke-pink-300\/80:active { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-300\/90:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-300\/90:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:active\:stroke-pink-300\/90:active { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-400:focus { + stroke: var(--pink-400) + } + .sm\:hover\:stroke-pink-400:hover { + stroke: var(--pink-400) + } + .sm\:active\:stroke-pink-400:active { + stroke: var(--pink-400) + } + .sm\:focus\:stroke-pink-400\/10:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-400\/10:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:active\:stroke-pink-400\/10:active { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-400\/20:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-400\/20:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:active\:stroke-pink-400\/20:active { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-400\/30:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-400\/30:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:active\:stroke-pink-400\/30:active { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-400\/40:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-400\/40:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:active\:stroke-pink-400\/40:active { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-400\/50:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-400\/50:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:active\:stroke-pink-400\/50:active { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-400\/60:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-400\/60:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:active\:stroke-pink-400\/60:active { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-400\/70:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-400\/70:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:active\:stroke-pink-400\/70:active { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-400\/80:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-400\/80:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:active\:stroke-pink-400\/80:active { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-400\/90:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-400\/90:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:active\:stroke-pink-400\/90:active { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-500:focus { + stroke: var(--pink-500) + } + .sm\:hover\:stroke-pink-500:hover { + stroke: var(--pink-500) + } + .sm\:active\:stroke-pink-500:active { + stroke: var(--pink-500) + } + .sm\:focus\:stroke-pink-500\/10:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-500\/10:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:active\:stroke-pink-500\/10:active { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-500\/20:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-500\/20:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:active\:stroke-pink-500\/20:active { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-500\/30:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-500\/30:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:active\:stroke-pink-500\/30:active { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-500\/40:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-500\/40:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:active\:stroke-pink-500\/40:active { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-500\/50:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-500\/50:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:active\:stroke-pink-500\/50:active { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-500\/60:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-500\/60:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:active\:stroke-pink-500\/60:active { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-500\/70:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-500\/70:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:active\:stroke-pink-500\/70:active { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-500\/80:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-500\/80:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:active\:stroke-pink-500\/80:active { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-500\/90:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-500\/90:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:active\:stroke-pink-500\/90:active { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-600:focus { + stroke: var(--pink-600) + } + .sm\:hover\:stroke-pink-600:hover { + stroke: var(--pink-600) + } + .sm\:active\:stroke-pink-600:active { + stroke: var(--pink-600) + } + .sm\:focus\:stroke-pink-600\/10:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-600\/10:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:active\:stroke-pink-600\/10:active { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-600\/20:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-600\/20:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:active\:stroke-pink-600\/20:active { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-600\/30:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-600\/30:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:active\:stroke-pink-600\/30:active { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-600\/40:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-600\/40:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:active\:stroke-pink-600\/40:active { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-600\/50:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-600\/50:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:active\:stroke-pink-600\/50:active { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-600\/60:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-600\/60:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:active\:stroke-pink-600\/60:active { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-600\/70:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-600\/70:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:active\:stroke-pink-600\/70:active { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-600\/80:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-600\/80:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:active\:stroke-pink-600\/80:active { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-600\/90:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-600\/90:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:active\:stroke-pink-600\/90:active { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-700:focus { + stroke: var(--pink-700) + } + .sm\:hover\:stroke-pink-700:hover { + stroke: var(--pink-700) + } + .sm\:active\:stroke-pink-700:active { + stroke: var(--pink-700) + } + .sm\:focus\:stroke-pink-700\/10:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-700\/10:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:active\:stroke-pink-700\/10:active { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-700\/20:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-700\/20:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:active\:stroke-pink-700\/20:active { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-700\/30:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-700\/30:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:active\:stroke-pink-700\/30:active { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-700\/40:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-700\/40:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:active\:stroke-pink-700\/40:active { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-700\/50:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-700\/50:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:active\:stroke-pink-700\/50:active { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-700\/60:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-700\/60:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:active\:stroke-pink-700\/60:active { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-700\/70:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-700\/70:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:active\:stroke-pink-700\/70:active { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-700\/80:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-700\/80:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:active\:stroke-pink-700\/80:active { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-700\/90:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-700\/90:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:active\:stroke-pink-700\/90:active { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-800:focus { + stroke: var(--pink-800) + } + .sm\:hover\:stroke-pink-800:hover { + stroke: var(--pink-800) + } + .sm\:active\:stroke-pink-800:active { + stroke: var(--pink-800) + } + .sm\:focus\:stroke-pink-800\/10:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-800\/10:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:active\:stroke-pink-800\/10:active { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-800\/20:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-800\/20:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:active\:stroke-pink-800\/20:active { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-800\/30:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-800\/30:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:active\:stroke-pink-800\/30:active { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-800\/40:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-800\/40:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:active\:stroke-pink-800\/40:active { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-800\/50:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-800\/50:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:active\:stroke-pink-800\/50:active { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-800\/60:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-800\/60:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:active\:stroke-pink-800\/60:active { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-800\/70:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-800\/70:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:active\:stroke-pink-800\/70:active { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-800\/80:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-800\/80:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:active\:stroke-pink-800\/80:active { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-800\/90:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-800\/90:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:active\:stroke-pink-800\/90:active { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .sm\:focus\:stroke-pink-900:focus { + stroke: var(--pink-900) + } + .sm\:hover\:stroke-pink-900:hover { + stroke: var(--pink-900) + } + .sm\:active\:stroke-pink-900:active { + stroke: var(--pink-900) + } + .sm\:focus\:stroke-pink-900\/10:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:hover\:stroke-pink-900\/10:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:active\:stroke-pink-900\/10:active { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .sm\:focus\:stroke-pink-900\/20:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:hover\:stroke-pink-900\/20:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:active\:stroke-pink-900\/20:active { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .sm\:focus\:stroke-pink-900\/30:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:hover\:stroke-pink-900\/30:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:active\:stroke-pink-900\/30:active { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .sm\:focus\:stroke-pink-900\/40:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:hover\:stroke-pink-900\/40:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:active\:stroke-pink-900\/40:active { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .sm\:focus\:stroke-pink-900\/50:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:hover\:stroke-pink-900\/50:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:active\:stroke-pink-900\/50:active { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .sm\:focus\:stroke-pink-900\/60:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:hover\:stroke-pink-900\/60:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:active\:stroke-pink-900\/60:active { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .sm\:focus\:stroke-pink-900\/70:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:hover\:stroke-pink-900\/70:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:active\:stroke-pink-900\/70:active { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .sm\:focus\:stroke-pink-900\/80:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:hover\:stroke-pink-900\/80:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:active\:stroke-pink-900\/80:active { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .sm\:focus\:stroke-pink-900\/90:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:hover\:stroke-pink-900\/90:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:active\:stroke-pink-900\/90:active { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-50:focus { + stroke: var(--indigo-50) + } + .sm\:hover\:stroke-indigo-50:hover { + stroke: var(--indigo-50) + } + .sm\:active\:stroke-indigo-50:active { + stroke: var(--indigo-50) + } + .sm\:focus\:stroke-indigo-50\/10:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-50\/10:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-50\/10:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-50\/20:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-50\/20:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-50\/20:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-50\/30:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-50\/30:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-50\/30:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-50\/40:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-50\/40:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-50\/40:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-50\/50:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-50\/50:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-50\/50:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-50\/60:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-50\/60:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-50\/60:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-50\/70:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-50\/70:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-50\/70:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-50\/80:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-50\/80:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-50\/80:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-50\/90:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-50\/90:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-50\/90:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-100:focus { + stroke: var(--indigo-100) + } + .sm\:hover\:stroke-indigo-100:hover { + stroke: var(--indigo-100) + } + .sm\:active\:stroke-indigo-100:active { + stroke: var(--indigo-100) + } + .sm\:focus\:stroke-indigo-100\/10:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-100\/10:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-100\/10:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-100\/20:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-100\/20:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-100\/20:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-100\/30:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-100\/30:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-100\/30:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-100\/40:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-100\/40:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-100\/40:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-100\/50:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-100\/50:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-100\/50:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-100\/60:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-100\/60:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-100\/60:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-100\/70:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-100\/70:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-100\/70:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-100\/80:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-100\/80:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-100\/80:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-100\/90:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-100\/90:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-100\/90:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-200:focus { + stroke: var(--indigo-200) + } + .sm\:hover\:stroke-indigo-200:hover { + stroke: var(--indigo-200) + } + .sm\:active\:stroke-indigo-200:active { + stroke: var(--indigo-200) + } + .sm\:focus\:stroke-indigo-200\/10:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-200\/10:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-200\/10:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-200\/20:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-200\/20:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-200\/20:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-200\/30:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-200\/30:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-200\/30:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-200\/40:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-200\/40:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-200\/40:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-200\/50:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-200\/50:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-200\/50:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-200\/60:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-200\/60:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-200\/60:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-200\/70:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-200\/70:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-200\/70:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-200\/80:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-200\/80:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-200\/80:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-200\/90:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-200\/90:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-200\/90:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-300:focus { + stroke: var(--indigo-300) + } + .sm\:hover\:stroke-indigo-300:hover { + stroke: var(--indigo-300) + } + .sm\:active\:stroke-indigo-300:active { + stroke: var(--indigo-300) + } + .sm\:focus\:stroke-indigo-300\/10:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-300\/10:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-300\/10:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-300\/20:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-300\/20:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-300\/20:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-300\/30:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-300\/30:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-300\/30:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-300\/40:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-300\/40:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-300\/40:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-300\/50:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-300\/50:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-300\/50:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-300\/60:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-300\/60:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-300\/60:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-300\/70:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-300\/70:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-300\/70:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-300\/80:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-300\/80:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-300\/80:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-300\/90:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-300\/90:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-300\/90:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-400:focus { + stroke: var(--indigo-400) + } + .sm\:hover\:stroke-indigo-400:hover { + stroke: var(--indigo-400) + } + .sm\:active\:stroke-indigo-400:active { + stroke: var(--indigo-400) + } + .sm\:focus\:stroke-indigo-400\/10:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-400\/10:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-400\/10:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-400\/20:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-400\/20:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-400\/20:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-400\/30:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-400\/30:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-400\/30:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-400\/40:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-400\/40:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-400\/40:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-400\/50:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-400\/50:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-400\/50:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-400\/60:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-400\/60:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-400\/60:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-400\/70:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-400\/70:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-400\/70:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-400\/80:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-400\/80:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-400\/80:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-400\/90:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-400\/90:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-400\/90:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-500:focus { + stroke: var(--indigo-500) + } + .sm\:hover\:stroke-indigo-500:hover { + stroke: var(--indigo-500) + } + .sm\:active\:stroke-indigo-500:active { + stroke: var(--indigo-500) + } + .sm\:focus\:stroke-indigo-500\/10:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-500\/10:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-500\/10:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-500\/20:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-500\/20:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-500\/20:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-500\/30:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-500\/30:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-500\/30:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-500\/40:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-500\/40:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-500\/40:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-500\/50:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-500\/50:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-500\/50:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-500\/60:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-500\/60:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-500\/60:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-500\/70:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-500\/70:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-500\/70:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-500\/80:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-500\/80:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-500\/80:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-500\/90:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-500\/90:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-500\/90:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-600:focus { + stroke: var(--indigo-600) + } + .sm\:hover\:stroke-indigo-600:hover { + stroke: var(--indigo-600) + } + .sm\:active\:stroke-indigo-600:active { + stroke: var(--indigo-600) + } + .sm\:focus\:stroke-indigo-600\/10:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-600\/10:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-600\/10:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-600\/20:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-600\/20:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-600\/20:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-600\/30:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-600\/30:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-600\/30:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-600\/40:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-600\/40:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-600\/40:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-600\/50:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-600\/50:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-600\/50:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-600\/60:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-600\/60:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-600\/60:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-600\/70:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-600\/70:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-600\/70:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-600\/80:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-600\/80:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-600\/80:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-600\/90:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-600\/90:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-600\/90:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-700:focus { + stroke: var(--indigo-700) + } + .sm\:hover\:stroke-indigo-700:hover { + stroke: var(--indigo-700) + } + .sm\:active\:stroke-indigo-700:active { + stroke: var(--indigo-700) + } + .sm\:focus\:stroke-indigo-700\/10:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-700\/10:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-700\/10:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-700\/20:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-700\/20:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-700\/20:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-700\/30:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-700\/30:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-700\/30:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-700\/40:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-700\/40:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-700\/40:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-700\/50:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-700\/50:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-700\/50:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-700\/60:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-700\/60:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-700\/60:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-700\/70:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-700\/70:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-700\/70:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-700\/80:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-700\/80:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-700\/80:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-700\/90:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-700\/90:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-700\/90:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-800:focus { + stroke: var(--indigo-800) + } + .sm\:hover\:stroke-indigo-800:hover { + stroke: var(--indigo-800) + } + .sm\:active\:stroke-indigo-800:active { + stroke: var(--indigo-800) + } + .sm\:focus\:stroke-indigo-800\/10:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-800\/10:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-800\/10:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-800\/20:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-800\/20:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-800\/20:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-800\/30:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-800\/30:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-800\/30:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-800\/40:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-800\/40:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-800\/40:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-800\/50:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-800\/50:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-800\/50:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-800\/60:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-800\/60:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-800\/60:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-800\/70:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-800\/70:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-800\/70:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-800\/80:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-800\/80:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-800\/80:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-800\/90:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-800\/90:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-800\/90:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .sm\:focus\:stroke-indigo-900:focus { + stroke: var(--indigo-900) + } + .sm\:hover\:stroke-indigo-900:hover { + stroke: var(--indigo-900) + } + .sm\:active\:stroke-indigo-900:active { + stroke: var(--indigo-900) + } + .sm\:focus\:stroke-indigo-900\/10:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:hover\:stroke-indigo-900\/10:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:active\:stroke-indigo-900\/10:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .sm\:focus\:stroke-indigo-900\/20:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:hover\:stroke-indigo-900\/20:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:active\:stroke-indigo-900\/20:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .sm\:focus\:stroke-indigo-900\/30:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:hover\:stroke-indigo-900\/30:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:active\:stroke-indigo-900\/30:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .sm\:focus\:stroke-indigo-900\/40:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:hover\:stroke-indigo-900\/40:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:active\:stroke-indigo-900\/40:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .sm\:focus\:stroke-indigo-900\/50:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:hover\:stroke-indigo-900\/50:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:active\:stroke-indigo-900\/50:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .sm\:focus\:stroke-indigo-900\/60:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:hover\:stroke-indigo-900\/60:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:active\:stroke-indigo-900\/60:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .sm\:focus\:stroke-indigo-900\/70:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:hover\:stroke-indigo-900\/70:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:active\:stroke-indigo-900\/70:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .sm\:focus\:stroke-indigo-900\/80:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:hover\:stroke-indigo-900\/80:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:active\:stroke-indigo-900\/80:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .sm\:focus\:stroke-indigo-900\/90:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:hover\:stroke-indigo-900\/90:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:active\:stroke-indigo-900\/90:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-50:focus { + stroke: var(--teal-50) + } + .sm\:hover\:stroke-teal-50:hover { + stroke: var(--teal-50) + } + .sm\:active\:stroke-teal-50:active { + stroke: var(--teal-50) + } + .sm\:focus\:stroke-teal-50\/10:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-50\/10:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:active\:stroke-teal-50\/10:active { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-50\/20:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-50\/20:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:active\:stroke-teal-50\/20:active { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-50\/30:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-50\/30:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:active\:stroke-teal-50\/30:active { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-50\/40:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-50\/40:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:active\:stroke-teal-50\/40:active { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-50\/50:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-50\/50:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:active\:stroke-teal-50\/50:active { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-50\/60:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-50\/60:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:active\:stroke-teal-50\/60:active { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-50\/70:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-50\/70:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:active\:stroke-teal-50\/70:active { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-50\/80:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-50\/80:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:active\:stroke-teal-50\/80:active { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-50\/90:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-50\/90:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:active\:stroke-teal-50\/90:active { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-100:focus { + stroke: var(--teal-100) + } + .sm\:hover\:stroke-teal-100:hover { + stroke: var(--teal-100) + } + .sm\:active\:stroke-teal-100:active { + stroke: var(--teal-100) + } + .sm\:focus\:stroke-teal-100\/10:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-100\/10:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:active\:stroke-teal-100\/10:active { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-100\/20:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-100\/20:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:active\:stroke-teal-100\/20:active { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-100\/30:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-100\/30:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:active\:stroke-teal-100\/30:active { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-100\/40:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-100\/40:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:active\:stroke-teal-100\/40:active { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-100\/50:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-100\/50:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:active\:stroke-teal-100\/50:active { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-100\/60:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-100\/60:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:active\:stroke-teal-100\/60:active { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-100\/70:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-100\/70:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:active\:stroke-teal-100\/70:active { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-100\/80:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-100\/80:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:active\:stroke-teal-100\/80:active { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-100\/90:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-100\/90:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:active\:stroke-teal-100\/90:active { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-200:focus { + stroke: var(--teal-200) + } + .sm\:hover\:stroke-teal-200:hover { + stroke: var(--teal-200) + } + .sm\:active\:stroke-teal-200:active { + stroke: var(--teal-200) + } + .sm\:focus\:stroke-teal-200\/10:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-200\/10:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:active\:stroke-teal-200\/10:active { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-200\/20:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-200\/20:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:active\:stroke-teal-200\/20:active { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-200\/30:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-200\/30:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:active\:stroke-teal-200\/30:active { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-200\/40:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-200\/40:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:active\:stroke-teal-200\/40:active { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-200\/50:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-200\/50:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:active\:stroke-teal-200\/50:active { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-200\/60:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-200\/60:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:active\:stroke-teal-200\/60:active { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-200\/70:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-200\/70:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:active\:stroke-teal-200\/70:active { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-200\/80:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-200\/80:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:active\:stroke-teal-200\/80:active { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-200\/90:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-200\/90:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:active\:stroke-teal-200\/90:active { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-300:focus { + stroke: var(--teal-300) + } + .sm\:hover\:stroke-teal-300:hover { + stroke: var(--teal-300) + } + .sm\:active\:stroke-teal-300:active { + stroke: var(--teal-300) + } + .sm\:focus\:stroke-teal-300\/10:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-300\/10:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:active\:stroke-teal-300\/10:active { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-300\/20:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-300\/20:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:active\:stroke-teal-300\/20:active { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-300\/30:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-300\/30:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:active\:stroke-teal-300\/30:active { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-300\/40:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-300\/40:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:active\:stroke-teal-300\/40:active { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-300\/50:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-300\/50:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:active\:stroke-teal-300\/50:active { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-300\/60:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-300\/60:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:active\:stroke-teal-300\/60:active { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-300\/70:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-300\/70:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:active\:stroke-teal-300\/70:active { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-300\/80:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-300\/80:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:active\:stroke-teal-300\/80:active { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-300\/90:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-300\/90:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:active\:stroke-teal-300\/90:active { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-400:focus { + stroke: var(--teal-400) + } + .sm\:hover\:stroke-teal-400:hover { + stroke: var(--teal-400) + } + .sm\:active\:stroke-teal-400:active { + stroke: var(--teal-400) + } + .sm\:focus\:stroke-teal-400\/10:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-400\/10:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:active\:stroke-teal-400\/10:active { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-400\/20:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-400\/20:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:active\:stroke-teal-400\/20:active { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-400\/30:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-400\/30:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:active\:stroke-teal-400\/30:active { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-400\/40:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-400\/40:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:active\:stroke-teal-400\/40:active { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-400\/50:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-400\/50:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:active\:stroke-teal-400\/50:active { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-400\/60:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-400\/60:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:active\:stroke-teal-400\/60:active { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-400\/70:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-400\/70:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:active\:stroke-teal-400\/70:active { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-400\/80:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-400\/80:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:active\:stroke-teal-400\/80:active { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-400\/90:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-400\/90:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:active\:stroke-teal-400\/90:active { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-500:focus { + stroke: var(--teal-500) + } + .sm\:hover\:stroke-teal-500:hover { + stroke: var(--teal-500) + } + .sm\:active\:stroke-teal-500:active { + stroke: var(--teal-500) + } + .sm\:focus\:stroke-teal-500\/10:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-500\/10:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:active\:stroke-teal-500\/10:active { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-500\/20:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-500\/20:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:active\:stroke-teal-500\/20:active { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-500\/30:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-500\/30:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:active\:stroke-teal-500\/30:active { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-500\/40:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-500\/40:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:active\:stroke-teal-500\/40:active { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-500\/50:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-500\/50:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:active\:stroke-teal-500\/50:active { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-500\/60:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-500\/60:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:active\:stroke-teal-500\/60:active { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-500\/70:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-500\/70:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:active\:stroke-teal-500\/70:active { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-500\/80:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-500\/80:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:active\:stroke-teal-500\/80:active { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-500\/90:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-500\/90:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:active\:stroke-teal-500\/90:active { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-600:focus { + stroke: var(--teal-600) + } + .sm\:hover\:stroke-teal-600:hover { + stroke: var(--teal-600) + } + .sm\:active\:stroke-teal-600:active { + stroke: var(--teal-600) + } + .sm\:focus\:stroke-teal-600\/10:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-600\/10:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:active\:stroke-teal-600\/10:active { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-600\/20:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-600\/20:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:active\:stroke-teal-600\/20:active { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-600\/30:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-600\/30:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:active\:stroke-teal-600\/30:active { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-600\/40:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-600\/40:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:active\:stroke-teal-600\/40:active { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-600\/50:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-600\/50:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:active\:stroke-teal-600\/50:active { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-600\/60:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-600\/60:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:active\:stroke-teal-600\/60:active { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-600\/70:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-600\/70:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:active\:stroke-teal-600\/70:active { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-600\/80:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-600\/80:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:active\:stroke-teal-600\/80:active { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-600\/90:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-600\/90:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:active\:stroke-teal-600\/90:active { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-700:focus { + stroke: var(--teal-700) + } + .sm\:hover\:stroke-teal-700:hover { + stroke: var(--teal-700) + } + .sm\:active\:stroke-teal-700:active { + stroke: var(--teal-700) + } + .sm\:focus\:stroke-teal-700\/10:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-700\/10:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:active\:stroke-teal-700\/10:active { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-700\/20:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-700\/20:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:active\:stroke-teal-700\/20:active { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-700\/30:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-700\/30:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:active\:stroke-teal-700\/30:active { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-700\/40:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-700\/40:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:active\:stroke-teal-700\/40:active { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-700\/50:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-700\/50:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:active\:stroke-teal-700\/50:active { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-700\/60:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-700\/60:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:active\:stroke-teal-700\/60:active { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-700\/70:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-700\/70:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:active\:stroke-teal-700\/70:active { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-700\/80:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-700\/80:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:active\:stroke-teal-700\/80:active { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-700\/90:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-700\/90:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:active\:stroke-teal-700\/90:active { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-800:focus { + stroke: var(--teal-800) + } + .sm\:hover\:stroke-teal-800:hover { + stroke: var(--teal-800) + } + .sm\:active\:stroke-teal-800:active { + stroke: var(--teal-800) + } + .sm\:focus\:stroke-teal-800\/10:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-800\/10:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:active\:stroke-teal-800\/10:active { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-800\/20:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-800\/20:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:active\:stroke-teal-800\/20:active { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-800\/30:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-800\/30:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:active\:stroke-teal-800\/30:active { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-800\/40:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-800\/40:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:active\:stroke-teal-800\/40:active { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-800\/50:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-800\/50:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:active\:stroke-teal-800\/50:active { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-800\/60:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-800\/60:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:active\:stroke-teal-800\/60:active { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-800\/70:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-800\/70:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:active\:stroke-teal-800\/70:active { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-800\/80:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-800\/80:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:active\:stroke-teal-800\/80:active { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-800\/90:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-800\/90:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:active\:stroke-teal-800\/90:active { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .sm\:focus\:stroke-teal-900:focus { + stroke: var(--teal-900) + } + .sm\:hover\:stroke-teal-900:hover { + stroke: var(--teal-900) + } + .sm\:active\:stroke-teal-900:active { + stroke: var(--teal-900) + } + .sm\:focus\:stroke-teal-900\/10:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:hover\:stroke-teal-900\/10:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:active\:stroke-teal-900\/10:active { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .sm\:focus\:stroke-teal-900\/20:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:hover\:stroke-teal-900\/20:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:active\:stroke-teal-900\/20:active { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .sm\:focus\:stroke-teal-900\/30:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:hover\:stroke-teal-900\/30:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:active\:stroke-teal-900\/30:active { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .sm\:focus\:stroke-teal-900\/40:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:hover\:stroke-teal-900\/40:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:active\:stroke-teal-900\/40:active { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .sm\:focus\:stroke-teal-900\/50:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:hover\:stroke-teal-900\/50:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:active\:stroke-teal-900\/50:active { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .sm\:focus\:stroke-teal-900\/60:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:hover\:stroke-teal-900\/60:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:active\:stroke-teal-900\/60:active { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .sm\:focus\:stroke-teal-900\/70:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:hover\:stroke-teal-900\/70:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:active\:stroke-teal-900\/70:active { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .sm\:focus\:stroke-teal-900\/80:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:hover\:stroke-teal-900\/80:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:active\:stroke-teal-900\/80:active { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .sm\:focus\:stroke-teal-900\/90:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:hover\:stroke-teal-900\/90:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:active\:stroke-teal-900\/90:active { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-50:focus { + stroke: var(--orange-50) + } + .sm\:hover\:stroke-orange-50:hover { + stroke: var(--orange-50) + } + .sm\:active\:stroke-orange-50:active { + stroke: var(--orange-50) + } + .sm\:focus\:stroke-orange-50\/10:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-50\/10:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:active\:stroke-orange-50\/10:active { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-50\/20:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-50\/20:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:active\:stroke-orange-50\/20:active { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-50\/30:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-50\/30:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:active\:stroke-orange-50\/30:active { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-50\/40:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-50\/40:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:active\:stroke-orange-50\/40:active { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-50\/50:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-50\/50:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:active\:stroke-orange-50\/50:active { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-50\/60:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-50\/60:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:active\:stroke-orange-50\/60:active { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-50\/70:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-50\/70:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:active\:stroke-orange-50\/70:active { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-50\/80:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-50\/80:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:active\:stroke-orange-50\/80:active { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-50\/90:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-50\/90:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:active\:stroke-orange-50\/90:active { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-100:focus { + stroke: var(--orange-100) + } + .sm\:hover\:stroke-orange-100:hover { + stroke: var(--orange-100) + } + .sm\:active\:stroke-orange-100:active { + stroke: var(--orange-100) + } + .sm\:focus\:stroke-orange-100\/10:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-100\/10:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:active\:stroke-orange-100\/10:active { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-100\/20:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-100\/20:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:active\:stroke-orange-100\/20:active { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-100\/30:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-100\/30:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:active\:stroke-orange-100\/30:active { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-100\/40:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-100\/40:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:active\:stroke-orange-100\/40:active { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-100\/50:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-100\/50:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:active\:stroke-orange-100\/50:active { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-100\/60:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-100\/60:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:active\:stroke-orange-100\/60:active { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-100\/70:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-100\/70:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:active\:stroke-orange-100\/70:active { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-100\/80:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-100\/80:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:active\:stroke-orange-100\/80:active { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-100\/90:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-100\/90:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:active\:stroke-orange-100\/90:active { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-200:focus { + stroke: var(--orange-200) + } + .sm\:hover\:stroke-orange-200:hover { + stroke: var(--orange-200) + } + .sm\:active\:stroke-orange-200:active { + stroke: var(--orange-200) + } + .sm\:focus\:stroke-orange-200\/10:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-200\/10:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:active\:stroke-orange-200\/10:active { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-200\/20:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-200\/20:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:active\:stroke-orange-200\/20:active { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-200\/30:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-200\/30:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:active\:stroke-orange-200\/30:active { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-200\/40:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-200\/40:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:active\:stroke-orange-200\/40:active { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-200\/50:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-200\/50:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:active\:stroke-orange-200\/50:active { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-200\/60:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-200\/60:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:active\:stroke-orange-200\/60:active { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-200\/70:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-200\/70:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:active\:stroke-orange-200\/70:active { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-200\/80:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-200\/80:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:active\:stroke-orange-200\/80:active { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-200\/90:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-200\/90:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:active\:stroke-orange-200\/90:active { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-300:focus { + stroke: var(--orange-300) + } + .sm\:hover\:stroke-orange-300:hover { + stroke: var(--orange-300) + } + .sm\:active\:stroke-orange-300:active { + stroke: var(--orange-300) + } + .sm\:focus\:stroke-orange-300\/10:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-300\/10:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:active\:stroke-orange-300\/10:active { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-300\/20:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-300\/20:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:active\:stroke-orange-300\/20:active { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-300\/30:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-300\/30:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:active\:stroke-orange-300\/30:active { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-300\/40:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-300\/40:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:active\:stroke-orange-300\/40:active { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-300\/50:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-300\/50:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:active\:stroke-orange-300\/50:active { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-300\/60:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-300\/60:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:active\:stroke-orange-300\/60:active { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-300\/70:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-300\/70:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:active\:stroke-orange-300\/70:active { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-300\/80:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-300\/80:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:active\:stroke-orange-300\/80:active { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-300\/90:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-300\/90:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:active\:stroke-orange-300\/90:active { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-400:focus { + stroke: var(--orange-400) + } + .sm\:hover\:stroke-orange-400:hover { + stroke: var(--orange-400) + } + .sm\:active\:stroke-orange-400:active { + stroke: var(--orange-400) + } + .sm\:focus\:stroke-orange-400\/10:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-400\/10:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:active\:stroke-orange-400\/10:active { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-400\/20:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-400\/20:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:active\:stroke-orange-400\/20:active { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-400\/30:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-400\/30:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:active\:stroke-orange-400\/30:active { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-400\/40:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-400\/40:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:active\:stroke-orange-400\/40:active { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-400\/50:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-400\/50:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:active\:stroke-orange-400\/50:active { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-400\/60:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-400\/60:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:active\:stroke-orange-400\/60:active { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-400\/70:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-400\/70:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:active\:stroke-orange-400\/70:active { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-400\/80:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-400\/80:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:active\:stroke-orange-400\/80:active { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-400\/90:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-400\/90:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:active\:stroke-orange-400\/90:active { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-500:focus { + stroke: var(--orange-500) + } + .sm\:hover\:stroke-orange-500:hover { + stroke: var(--orange-500) + } + .sm\:active\:stroke-orange-500:active { + stroke: var(--orange-500) + } + .sm\:focus\:stroke-orange-500\/10:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-500\/10:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:active\:stroke-orange-500\/10:active { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-500\/20:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-500\/20:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:active\:stroke-orange-500\/20:active { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-500\/30:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-500\/30:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:active\:stroke-orange-500\/30:active { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-500\/40:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-500\/40:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:active\:stroke-orange-500\/40:active { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-500\/50:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-500\/50:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:active\:stroke-orange-500\/50:active { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-500\/60:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-500\/60:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:active\:stroke-orange-500\/60:active { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-500\/70:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-500\/70:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:active\:stroke-orange-500\/70:active { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-500\/80:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-500\/80:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:active\:stroke-orange-500\/80:active { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-500\/90:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-500\/90:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:active\:stroke-orange-500\/90:active { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-600:focus { + stroke: var(--orange-600) + } + .sm\:hover\:stroke-orange-600:hover { + stroke: var(--orange-600) + } + .sm\:active\:stroke-orange-600:active { + stroke: var(--orange-600) + } + .sm\:focus\:stroke-orange-600\/10:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-600\/10:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:active\:stroke-orange-600\/10:active { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-600\/20:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-600\/20:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:active\:stroke-orange-600\/20:active { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-600\/30:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-600\/30:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:active\:stroke-orange-600\/30:active { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-600\/40:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-600\/40:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:active\:stroke-orange-600\/40:active { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-600\/50:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-600\/50:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:active\:stroke-orange-600\/50:active { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-600\/60:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-600\/60:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:active\:stroke-orange-600\/60:active { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-600\/70:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-600\/70:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:active\:stroke-orange-600\/70:active { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-600\/80:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-600\/80:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:active\:stroke-orange-600\/80:active { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-600\/90:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-600\/90:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:active\:stroke-orange-600\/90:active { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-700:focus { + stroke: var(--orange-700) + } + .sm\:hover\:stroke-orange-700:hover { + stroke: var(--orange-700) + } + .sm\:active\:stroke-orange-700:active { + stroke: var(--orange-700) + } + .sm\:focus\:stroke-orange-700\/10:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-700\/10:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:active\:stroke-orange-700\/10:active { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-700\/20:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-700\/20:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:active\:stroke-orange-700\/20:active { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-700\/30:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-700\/30:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:active\:stroke-orange-700\/30:active { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-700\/40:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-700\/40:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:active\:stroke-orange-700\/40:active { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-700\/50:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-700\/50:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:active\:stroke-orange-700\/50:active { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-700\/60:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-700\/60:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:active\:stroke-orange-700\/60:active { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-700\/70:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-700\/70:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:active\:stroke-orange-700\/70:active { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-700\/80:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-700\/80:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:active\:stroke-orange-700\/80:active { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-700\/90:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-700\/90:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:active\:stroke-orange-700\/90:active { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-800:focus { + stroke: var(--orange-800) + } + .sm\:hover\:stroke-orange-800:hover { + stroke: var(--orange-800) + } + .sm\:active\:stroke-orange-800:active { + stroke: var(--orange-800) + } + .sm\:focus\:stroke-orange-800\/10:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-800\/10:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:active\:stroke-orange-800\/10:active { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-800\/20:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-800\/20:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:active\:stroke-orange-800\/20:active { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-800\/30:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-800\/30:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:active\:stroke-orange-800\/30:active { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-800\/40:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-800\/40:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:active\:stroke-orange-800\/40:active { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-800\/50:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-800\/50:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:active\:stroke-orange-800\/50:active { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-800\/60:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-800\/60:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:active\:stroke-orange-800\/60:active { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-800\/70:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-800\/70:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:active\:stroke-orange-800\/70:active { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-800\/80:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-800\/80:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:active\:stroke-orange-800\/80:active { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-800\/90:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-800\/90:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:active\:stroke-orange-800\/90:active { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .sm\:focus\:stroke-orange-900:focus { + stroke: var(--orange-900) + } + .sm\:hover\:stroke-orange-900:hover { + stroke: var(--orange-900) + } + .sm\:active\:stroke-orange-900:active { + stroke: var(--orange-900) + } + .sm\:focus\:stroke-orange-900\/10:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:hover\:stroke-orange-900\/10:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:active\:stroke-orange-900\/10:active { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .sm\:focus\:stroke-orange-900\/20:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:hover\:stroke-orange-900\/20:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:active\:stroke-orange-900\/20:active { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .sm\:focus\:stroke-orange-900\/30:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:hover\:stroke-orange-900\/30:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:active\:stroke-orange-900\/30:active { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .sm\:focus\:stroke-orange-900\/40:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:hover\:stroke-orange-900\/40:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:active\:stroke-orange-900\/40:active { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .sm\:focus\:stroke-orange-900\/50:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:hover\:stroke-orange-900\/50:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:active\:stroke-orange-900\/50:active { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .sm\:focus\:stroke-orange-900\/60:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:hover\:stroke-orange-900\/60:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:active\:stroke-orange-900\/60:active { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .sm\:focus\:stroke-orange-900\/70:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:hover\:stroke-orange-900\/70:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:active\:stroke-orange-900\/70:active { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .sm\:focus\:stroke-orange-900\/80:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:hover\:stroke-orange-900\/80:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:active\:stroke-orange-900\/80:active { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .sm\:focus\:stroke-orange-900\/90:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:hover\:stroke-orange-900\/90:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:active\:stroke-orange-900\/90:active { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-50:focus { + stroke: var(--bluegray-50) + } + .sm\:hover\:stroke-bluegray-50:hover { + stroke: var(--bluegray-50) + } + .sm\:active\:stroke-bluegray-50:active { + stroke: var(--bluegray-50) + } + .sm\:focus\:stroke-bluegray-50\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-50\/10:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-50\/20:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-50\/30:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-50\/40:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-50\/50:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-50\/60:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-50\/70:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-50\/80:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-50\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-50\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-50\/90:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-100:focus { + stroke: var(--bluegray-100) + } + .sm\:hover\:stroke-bluegray-100:hover { + stroke: var(--bluegray-100) + } + .sm\:active\:stroke-bluegray-100:active { + stroke: var(--bluegray-100) + } + .sm\:focus\:stroke-bluegray-100\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-100\/10:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-100\/20:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-100\/30:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-100\/40:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-100\/50:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-100\/60:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-100\/70:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-100\/80:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-100\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-100\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-100\/90:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-200:focus { + stroke: var(--bluegray-200) + } + .sm\:hover\:stroke-bluegray-200:hover { + stroke: var(--bluegray-200) + } + .sm\:active\:stroke-bluegray-200:active { + stroke: var(--bluegray-200) + } + .sm\:focus\:stroke-bluegray-200\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-200\/10:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-200\/20:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-200\/30:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-200\/40:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-200\/50:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-200\/60:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-200\/70:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-200\/80:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-200\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-200\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-200\/90:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-300:focus { + stroke: var(--bluegray-300) + } + .sm\:hover\:stroke-bluegray-300:hover { + stroke: var(--bluegray-300) + } + .sm\:active\:stroke-bluegray-300:active { + stroke: var(--bluegray-300) + } + .sm\:focus\:stroke-bluegray-300\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-300\/10:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-300\/20:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-300\/30:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-300\/40:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-300\/50:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-300\/60:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-300\/70:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-300\/80:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-300\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-300\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-300\/90:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-400:focus { + stroke: var(--bluegray-400) + } + .sm\:hover\:stroke-bluegray-400:hover { + stroke: var(--bluegray-400) + } + .sm\:active\:stroke-bluegray-400:active { + stroke: var(--bluegray-400) + } + .sm\:focus\:stroke-bluegray-400\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-400\/10:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-400\/20:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-400\/30:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-400\/40:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-400\/50:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-400\/60:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-400\/70:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-400\/80:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-400\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-400\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-400\/90:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-500:focus { + stroke: var(--bluegray-500) + } + .sm\:hover\:stroke-bluegray-500:hover { + stroke: var(--bluegray-500) + } + .sm\:active\:stroke-bluegray-500:active { + stroke: var(--bluegray-500) + } + .sm\:focus\:stroke-bluegray-500\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-500\/10:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-500\/20:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-500\/30:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-500\/40:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-500\/50:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-500\/60:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-500\/70:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-500\/80:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-500\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-500\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-500\/90:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-600:focus { + stroke: var(--bluegray-600) + } + .sm\:hover\:stroke-bluegray-600:hover { + stroke: var(--bluegray-600) + } + .sm\:active\:stroke-bluegray-600:active { + stroke: var(--bluegray-600) + } + .sm\:focus\:stroke-bluegray-600\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-600\/10:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-600\/20:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-600\/30:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-600\/40:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-600\/50:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-600\/60:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-600\/70:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-600\/80:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-600\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-600\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-600\/90:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-700:focus { + stroke: var(--bluegray-700) + } + .sm\:hover\:stroke-bluegray-700:hover { + stroke: var(--bluegray-700) + } + .sm\:active\:stroke-bluegray-700:active { + stroke: var(--bluegray-700) + } + .sm\:focus\:stroke-bluegray-700\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-700\/10:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-700\/20:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-700\/30:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-700\/40:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-700\/50:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-700\/60:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-700\/70:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-700\/80:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-700\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-700\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-700\/90:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-800:focus { + stroke: var(--bluegray-800) + } + .sm\:hover\:stroke-bluegray-800:hover { + stroke: var(--bluegray-800) + } + .sm\:active\:stroke-bluegray-800:active { + stroke: var(--bluegray-800) + } + .sm\:focus\:stroke-bluegray-800\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-800\/10:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-800\/20:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-800\/30:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-800\/40:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-800\/50:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-800\/60:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-800\/70:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-800\/80:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-800\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-800\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-800\/90:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .sm\:focus\:stroke-bluegray-900:focus { + stroke: var(--bluegray-900) + } + .sm\:hover\:stroke-bluegray-900:hover { + stroke: var(--bluegray-900) + } + .sm\:active\:stroke-bluegray-900:active { + stroke: var(--bluegray-900) + } + .sm\:focus\:stroke-bluegray-900\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:active\:stroke-bluegray-900\/10:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:active\:stroke-bluegray-900\/20:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:active\:stroke-bluegray-900\/30:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:active\:stroke-bluegray-900\/40:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:active\:stroke-bluegray-900\/50:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:active\:stroke-bluegray-900\/60:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:active\:stroke-bluegray-900\/70:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:active\:stroke-bluegray-900\/80:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .sm\:focus\:stroke-bluegray-900\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:hover\:stroke-bluegray-900\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:active\:stroke-bluegray-900\/90:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-50:focus { + stroke: var(--purple-50) + } + .sm\:hover\:stroke-purple-50:hover { + stroke: var(--purple-50) + } + .sm\:active\:stroke-purple-50:active { + stroke: var(--purple-50) + } + .sm\:focus\:stroke-purple-50\/10:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-50\/10:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:active\:stroke-purple-50\/10:active { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-50\/20:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-50\/20:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:active\:stroke-purple-50\/20:active { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-50\/30:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-50\/30:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:active\:stroke-purple-50\/30:active { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-50\/40:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-50\/40:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:active\:stroke-purple-50\/40:active { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-50\/50:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-50\/50:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:active\:stroke-purple-50\/50:active { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-50\/60:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-50\/60:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:active\:stroke-purple-50\/60:active { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-50\/70:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-50\/70:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:active\:stroke-purple-50\/70:active { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-50\/80:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-50\/80:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:active\:stroke-purple-50\/80:active { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-50\/90:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-50\/90:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:active\:stroke-purple-50\/90:active { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-100:focus { + stroke: var(--purple-100) + } + .sm\:hover\:stroke-purple-100:hover { + stroke: var(--purple-100) + } + .sm\:active\:stroke-purple-100:active { + stroke: var(--purple-100) + } + .sm\:focus\:stroke-purple-100\/10:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-100\/10:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:active\:stroke-purple-100\/10:active { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-100\/20:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-100\/20:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:active\:stroke-purple-100\/20:active { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-100\/30:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-100\/30:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:active\:stroke-purple-100\/30:active { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-100\/40:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-100\/40:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:active\:stroke-purple-100\/40:active { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-100\/50:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-100\/50:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:active\:stroke-purple-100\/50:active { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-100\/60:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-100\/60:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:active\:stroke-purple-100\/60:active { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-100\/70:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-100\/70:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:active\:stroke-purple-100\/70:active { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-100\/80:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-100\/80:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:active\:stroke-purple-100\/80:active { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-100\/90:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-100\/90:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:active\:stroke-purple-100\/90:active { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-200:focus { + stroke: var(--purple-200) + } + .sm\:hover\:stroke-purple-200:hover { + stroke: var(--purple-200) + } + .sm\:active\:stroke-purple-200:active { + stroke: var(--purple-200) + } + .sm\:focus\:stroke-purple-200\/10:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-200\/10:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:active\:stroke-purple-200\/10:active { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-200\/20:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-200\/20:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:active\:stroke-purple-200\/20:active { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-200\/30:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-200\/30:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:active\:stroke-purple-200\/30:active { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-200\/40:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-200\/40:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:active\:stroke-purple-200\/40:active { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-200\/50:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-200\/50:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:active\:stroke-purple-200\/50:active { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-200\/60:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-200\/60:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:active\:stroke-purple-200\/60:active { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-200\/70:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-200\/70:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:active\:stroke-purple-200\/70:active { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-200\/80:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-200\/80:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:active\:stroke-purple-200\/80:active { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-200\/90:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-200\/90:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:active\:stroke-purple-200\/90:active { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-300:focus { + stroke: var(--purple-300) + } + .sm\:hover\:stroke-purple-300:hover { + stroke: var(--purple-300) + } + .sm\:active\:stroke-purple-300:active { + stroke: var(--purple-300) + } + .sm\:focus\:stroke-purple-300\/10:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-300\/10:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:active\:stroke-purple-300\/10:active { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-300\/20:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-300\/20:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:active\:stroke-purple-300\/20:active { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-300\/30:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-300\/30:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:active\:stroke-purple-300\/30:active { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-300\/40:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-300\/40:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:active\:stroke-purple-300\/40:active { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-300\/50:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-300\/50:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:active\:stroke-purple-300\/50:active { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-300\/60:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-300\/60:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:active\:stroke-purple-300\/60:active { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-300\/70:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-300\/70:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:active\:stroke-purple-300\/70:active { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-300\/80:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-300\/80:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:active\:stroke-purple-300\/80:active { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-300\/90:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-300\/90:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:active\:stroke-purple-300\/90:active { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-400:focus { + stroke: var(--purple-400) + } + .sm\:hover\:stroke-purple-400:hover { + stroke: var(--purple-400) + } + .sm\:active\:stroke-purple-400:active { + stroke: var(--purple-400) + } + .sm\:focus\:stroke-purple-400\/10:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-400\/10:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:active\:stroke-purple-400\/10:active { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-400\/20:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-400\/20:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:active\:stroke-purple-400\/20:active { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-400\/30:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-400\/30:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:active\:stroke-purple-400\/30:active { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-400\/40:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-400\/40:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:active\:stroke-purple-400\/40:active { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-400\/50:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-400\/50:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:active\:stroke-purple-400\/50:active { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-400\/60:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-400\/60:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:active\:stroke-purple-400\/60:active { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-400\/70:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-400\/70:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:active\:stroke-purple-400\/70:active { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-400\/80:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-400\/80:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:active\:stroke-purple-400\/80:active { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-400\/90:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-400\/90:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:active\:stroke-purple-400\/90:active { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-500:focus { + stroke: var(--purple-500) + } + .sm\:hover\:stroke-purple-500:hover { + stroke: var(--purple-500) + } + .sm\:active\:stroke-purple-500:active { + stroke: var(--purple-500) + } + .sm\:focus\:stroke-purple-500\/10:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-500\/10:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:active\:stroke-purple-500\/10:active { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-500\/20:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-500\/20:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:active\:stroke-purple-500\/20:active { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-500\/30:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-500\/30:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:active\:stroke-purple-500\/30:active { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-500\/40:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-500\/40:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:active\:stroke-purple-500\/40:active { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-500\/50:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-500\/50:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:active\:stroke-purple-500\/50:active { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-500\/60:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-500\/60:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:active\:stroke-purple-500\/60:active { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-500\/70:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-500\/70:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:active\:stroke-purple-500\/70:active { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-500\/80:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-500\/80:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:active\:stroke-purple-500\/80:active { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-500\/90:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-500\/90:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:active\:stroke-purple-500\/90:active { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-600:focus { + stroke: var(--purple-600) + } + .sm\:hover\:stroke-purple-600:hover { + stroke: var(--purple-600) + } + .sm\:active\:stroke-purple-600:active { + stroke: var(--purple-600) + } + .sm\:focus\:stroke-purple-600\/10:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-600\/10:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:active\:stroke-purple-600\/10:active { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-600\/20:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-600\/20:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:active\:stroke-purple-600\/20:active { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-600\/30:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-600\/30:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:active\:stroke-purple-600\/30:active { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-600\/40:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-600\/40:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:active\:stroke-purple-600\/40:active { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-600\/50:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-600\/50:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:active\:stroke-purple-600\/50:active { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-600\/60:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-600\/60:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:active\:stroke-purple-600\/60:active { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-600\/70:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-600\/70:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:active\:stroke-purple-600\/70:active { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-600\/80:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-600\/80:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:active\:stroke-purple-600\/80:active { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-600\/90:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-600\/90:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:active\:stroke-purple-600\/90:active { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-700:focus { + stroke: var(--purple-700) + } + .sm\:hover\:stroke-purple-700:hover { + stroke: var(--purple-700) + } + .sm\:active\:stroke-purple-700:active { + stroke: var(--purple-700) + } + .sm\:focus\:stroke-purple-700\/10:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-700\/10:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:active\:stroke-purple-700\/10:active { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-700\/20:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-700\/20:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:active\:stroke-purple-700\/20:active { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-700\/30:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-700\/30:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:active\:stroke-purple-700\/30:active { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-700\/40:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-700\/40:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:active\:stroke-purple-700\/40:active { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-700\/50:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-700\/50:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:active\:stroke-purple-700\/50:active { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-700\/60:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-700\/60:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:active\:stroke-purple-700\/60:active { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-700\/70:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-700\/70:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:active\:stroke-purple-700\/70:active { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-700\/80:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-700\/80:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:active\:stroke-purple-700\/80:active { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-700\/90:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-700\/90:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:active\:stroke-purple-700\/90:active { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-800:focus { + stroke: var(--purple-800) + } + .sm\:hover\:stroke-purple-800:hover { + stroke: var(--purple-800) + } + .sm\:active\:stroke-purple-800:active { + stroke: var(--purple-800) + } + .sm\:focus\:stroke-purple-800\/10:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-800\/10:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:active\:stroke-purple-800\/10:active { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-800\/20:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-800\/20:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:active\:stroke-purple-800\/20:active { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-800\/30:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-800\/30:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:active\:stroke-purple-800\/30:active { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-800\/40:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-800\/40:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:active\:stroke-purple-800\/40:active { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-800\/50:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-800\/50:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:active\:stroke-purple-800\/50:active { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-800\/60:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-800\/60:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:active\:stroke-purple-800\/60:active { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-800\/70:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-800\/70:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:active\:stroke-purple-800\/70:active { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-800\/80:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-800\/80:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:active\:stroke-purple-800\/80:active { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-800\/90:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-800\/90:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:active\:stroke-purple-800\/90:active { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .sm\:focus\:stroke-purple-900:focus { + stroke: var(--purple-900) + } + .sm\:hover\:stroke-purple-900:hover { + stroke: var(--purple-900) + } + .sm\:active\:stroke-purple-900:active { + stroke: var(--purple-900) + } + .sm\:focus\:stroke-purple-900\/10:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:hover\:stroke-purple-900\/10:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:active\:stroke-purple-900\/10:active { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .sm\:focus\:stroke-purple-900\/20:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:hover\:stroke-purple-900\/20:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:active\:stroke-purple-900\/20:active { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .sm\:focus\:stroke-purple-900\/30:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:hover\:stroke-purple-900\/30:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:active\:stroke-purple-900\/30:active { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .sm\:focus\:stroke-purple-900\/40:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:hover\:stroke-purple-900\/40:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:active\:stroke-purple-900\/40:active { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .sm\:focus\:stroke-purple-900\/50:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:hover\:stroke-purple-900\/50:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:active\:stroke-purple-900\/50:active { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .sm\:focus\:stroke-purple-900\/60:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:hover\:stroke-purple-900\/60:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:active\:stroke-purple-900\/60:active { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .sm\:focus\:stroke-purple-900\/70:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:hover\:stroke-purple-900\/70:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:active\:stroke-purple-900\/70:active { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .sm\:focus\:stroke-purple-900\/80:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:hover\:stroke-purple-900\/80:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:active\:stroke-purple-900\/80:active { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .sm\:focus\:stroke-purple-900\/90:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:hover\:stroke-purple-900\/90:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:active\:stroke-purple-900\/90:active { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .sm\:focus\:stroke-red-50:focus { + stroke: var(--red-50) + } + .sm\:hover\:stroke-red-50:hover { + stroke: var(--red-50) + } + .sm\:active\:stroke-red-50:active { + stroke: var(--red-50) + } + .sm\:focus\:stroke-red-50\/10:focus { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:hover\:stroke-red-50\/10:hover { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:active\:stroke-red-50\/10:active { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .sm\:focus\:stroke-red-50\/20:focus { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:hover\:stroke-red-50\/20:hover { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:active\:stroke-red-50\/20:active { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .sm\:focus\:stroke-red-50\/30:focus { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:hover\:stroke-red-50\/30:hover { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:active\:stroke-red-50\/30:active { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .sm\:focus\:stroke-red-50\/40:focus { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:hover\:stroke-red-50\/40:hover { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:active\:stroke-red-50\/40:active { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .sm\:focus\:stroke-red-50\/50:focus { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:hover\:stroke-red-50\/50:hover { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:active\:stroke-red-50\/50:active { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .sm\:focus\:stroke-red-50\/60:focus { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:hover\:stroke-red-50\/60:hover { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:active\:stroke-red-50\/60:active { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .sm\:focus\:stroke-red-50\/70:focus { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:hover\:stroke-red-50\/70:hover { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:active\:stroke-red-50\/70:active { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .sm\:focus\:stroke-red-50\/80:focus { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:hover\:stroke-red-50\/80:hover { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:active\:stroke-red-50\/80:active { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .sm\:focus\:stroke-red-50\/90:focus { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:hover\:stroke-red-50\/90:hover { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:active\:stroke-red-50\/90:active { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .sm\:focus\:stroke-red-100:focus { + stroke: var(--red-100) + } + .sm\:hover\:stroke-red-100:hover { + stroke: var(--red-100) + } + .sm\:active\:stroke-red-100:active { + stroke: var(--red-100) + } + .sm\:focus\:stroke-red-100\/10:focus { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:hover\:stroke-red-100\/10:hover { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:active\:stroke-red-100\/10:active { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .sm\:focus\:stroke-red-100\/20:focus { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:hover\:stroke-red-100\/20:hover { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:active\:stroke-red-100\/20:active { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .sm\:focus\:stroke-red-100\/30:focus { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:hover\:stroke-red-100\/30:hover { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:active\:stroke-red-100\/30:active { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .sm\:focus\:stroke-red-100\/40:focus { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:hover\:stroke-red-100\/40:hover { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:active\:stroke-red-100\/40:active { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .sm\:focus\:stroke-red-100\/50:focus { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:hover\:stroke-red-100\/50:hover { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:active\:stroke-red-100\/50:active { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .sm\:focus\:stroke-red-100\/60:focus { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:hover\:stroke-red-100\/60:hover { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:active\:stroke-red-100\/60:active { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .sm\:focus\:stroke-red-100\/70:focus { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:hover\:stroke-red-100\/70:hover { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:active\:stroke-red-100\/70:active { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .sm\:focus\:stroke-red-100\/80:focus { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:hover\:stroke-red-100\/80:hover { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:active\:stroke-red-100\/80:active { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .sm\:focus\:stroke-red-100\/90:focus { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:hover\:stroke-red-100\/90:hover { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:active\:stroke-red-100\/90:active { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .sm\:focus\:stroke-red-200:focus { + stroke: var(--red-200) + } + .sm\:hover\:stroke-red-200:hover { + stroke: var(--red-200) + } + .sm\:active\:stroke-red-200:active { + stroke: var(--red-200) + } + .sm\:focus\:stroke-red-200\/10:focus { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:hover\:stroke-red-200\/10:hover { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:active\:stroke-red-200\/10:active { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .sm\:focus\:stroke-red-200\/20:focus { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:hover\:stroke-red-200\/20:hover { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:active\:stroke-red-200\/20:active { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .sm\:focus\:stroke-red-200\/30:focus { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:hover\:stroke-red-200\/30:hover { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:active\:stroke-red-200\/30:active { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .sm\:focus\:stroke-red-200\/40:focus { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:hover\:stroke-red-200\/40:hover { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:active\:stroke-red-200\/40:active { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .sm\:focus\:stroke-red-200\/50:focus { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:hover\:stroke-red-200\/50:hover { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:active\:stroke-red-200\/50:active { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .sm\:focus\:stroke-red-200\/60:focus { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:hover\:stroke-red-200\/60:hover { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:active\:stroke-red-200\/60:active { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .sm\:focus\:stroke-red-200\/70:focus { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:hover\:stroke-red-200\/70:hover { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:active\:stroke-red-200\/70:active { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .sm\:focus\:stroke-red-200\/80:focus { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:hover\:stroke-red-200\/80:hover { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:active\:stroke-red-200\/80:active { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .sm\:focus\:stroke-red-200\/90:focus { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:hover\:stroke-red-200\/90:hover { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:active\:stroke-red-200\/90:active { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .sm\:focus\:stroke-red-300:focus { + stroke: var(--red-300) + } + .sm\:hover\:stroke-red-300:hover { + stroke: var(--red-300) + } + .sm\:active\:stroke-red-300:active { + stroke: var(--red-300) + } + .sm\:focus\:stroke-red-300\/10:focus { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:hover\:stroke-red-300\/10:hover { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:active\:stroke-red-300\/10:active { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .sm\:focus\:stroke-red-300\/20:focus { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:hover\:stroke-red-300\/20:hover { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:active\:stroke-red-300\/20:active { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .sm\:focus\:stroke-red-300\/30:focus { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:hover\:stroke-red-300\/30:hover { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:active\:stroke-red-300\/30:active { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .sm\:focus\:stroke-red-300\/40:focus { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:hover\:stroke-red-300\/40:hover { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:active\:stroke-red-300\/40:active { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .sm\:focus\:stroke-red-300\/50:focus { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:hover\:stroke-red-300\/50:hover { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:active\:stroke-red-300\/50:active { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .sm\:focus\:stroke-red-300\/60:focus { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:hover\:stroke-red-300\/60:hover { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:active\:stroke-red-300\/60:active { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .sm\:focus\:stroke-red-300\/70:focus { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:hover\:stroke-red-300\/70:hover { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:active\:stroke-red-300\/70:active { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .sm\:focus\:stroke-red-300\/80:focus { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:hover\:stroke-red-300\/80:hover { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:active\:stroke-red-300\/80:active { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .sm\:focus\:stroke-red-300\/90:focus { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:hover\:stroke-red-300\/90:hover { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:active\:stroke-red-300\/90:active { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .sm\:focus\:stroke-red-400:focus { + stroke: var(--red-400) + } + .sm\:hover\:stroke-red-400:hover { + stroke: var(--red-400) + } + .sm\:active\:stroke-red-400:active { + stroke: var(--red-400) + } + .sm\:focus\:stroke-red-400\/10:focus { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:hover\:stroke-red-400\/10:hover { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:active\:stroke-red-400\/10:active { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .sm\:focus\:stroke-red-400\/20:focus { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:hover\:stroke-red-400\/20:hover { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:active\:stroke-red-400\/20:active { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .sm\:focus\:stroke-red-400\/30:focus { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:hover\:stroke-red-400\/30:hover { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:active\:stroke-red-400\/30:active { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .sm\:focus\:stroke-red-400\/40:focus { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:hover\:stroke-red-400\/40:hover { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:active\:stroke-red-400\/40:active { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .sm\:focus\:stroke-red-400\/50:focus { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:hover\:stroke-red-400\/50:hover { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:active\:stroke-red-400\/50:active { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .sm\:focus\:stroke-red-400\/60:focus { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:hover\:stroke-red-400\/60:hover { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:active\:stroke-red-400\/60:active { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .sm\:focus\:stroke-red-400\/70:focus { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:hover\:stroke-red-400\/70:hover { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:active\:stroke-red-400\/70:active { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .sm\:focus\:stroke-red-400\/80:focus { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:hover\:stroke-red-400\/80:hover { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:active\:stroke-red-400\/80:active { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .sm\:focus\:stroke-red-400\/90:focus { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:hover\:stroke-red-400\/90:hover { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:active\:stroke-red-400\/90:active { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .sm\:focus\:stroke-red-500:focus { + stroke: var(--red-500) + } + .sm\:hover\:stroke-red-500:hover { + stroke: var(--red-500) + } + .sm\:active\:stroke-red-500:active { + stroke: var(--red-500) + } + .sm\:focus\:stroke-red-500\/10:focus { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:hover\:stroke-red-500\/10:hover { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:active\:stroke-red-500\/10:active { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .sm\:focus\:stroke-red-500\/20:focus { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:hover\:stroke-red-500\/20:hover { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:active\:stroke-red-500\/20:active { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .sm\:focus\:stroke-red-500\/30:focus { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:hover\:stroke-red-500\/30:hover { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:active\:stroke-red-500\/30:active { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .sm\:focus\:stroke-red-500\/40:focus { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:hover\:stroke-red-500\/40:hover { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:active\:stroke-red-500\/40:active { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .sm\:focus\:stroke-red-500\/50:focus { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:hover\:stroke-red-500\/50:hover { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:active\:stroke-red-500\/50:active { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .sm\:focus\:stroke-red-500\/60:focus { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:hover\:stroke-red-500\/60:hover { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:active\:stroke-red-500\/60:active { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .sm\:focus\:stroke-red-500\/70:focus { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:hover\:stroke-red-500\/70:hover { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:active\:stroke-red-500\/70:active { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .sm\:focus\:stroke-red-500\/80:focus { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:hover\:stroke-red-500\/80:hover { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:active\:stroke-red-500\/80:active { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .sm\:focus\:stroke-red-500\/90:focus { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:hover\:stroke-red-500\/90:hover { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:active\:stroke-red-500\/90:active { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .sm\:focus\:stroke-red-600:focus { + stroke: var(--red-600) + } + .sm\:hover\:stroke-red-600:hover { + stroke: var(--red-600) + } + .sm\:active\:stroke-red-600:active { + stroke: var(--red-600) + } + .sm\:focus\:stroke-red-600\/10:focus { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:hover\:stroke-red-600\/10:hover { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:active\:stroke-red-600\/10:active { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .sm\:focus\:stroke-red-600\/20:focus { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:hover\:stroke-red-600\/20:hover { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:active\:stroke-red-600\/20:active { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .sm\:focus\:stroke-red-600\/30:focus { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:hover\:stroke-red-600\/30:hover { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:active\:stroke-red-600\/30:active { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .sm\:focus\:stroke-red-600\/40:focus { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:hover\:stroke-red-600\/40:hover { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:active\:stroke-red-600\/40:active { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .sm\:focus\:stroke-red-600\/50:focus { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:hover\:stroke-red-600\/50:hover { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:active\:stroke-red-600\/50:active { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .sm\:focus\:stroke-red-600\/60:focus { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:hover\:stroke-red-600\/60:hover { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:active\:stroke-red-600\/60:active { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .sm\:focus\:stroke-red-600\/70:focus { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:hover\:stroke-red-600\/70:hover { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:active\:stroke-red-600\/70:active { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .sm\:focus\:stroke-red-600\/80:focus { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:hover\:stroke-red-600\/80:hover { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:active\:stroke-red-600\/80:active { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .sm\:focus\:stroke-red-600\/90:focus { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:hover\:stroke-red-600\/90:hover { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:active\:stroke-red-600\/90:active { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .sm\:focus\:stroke-red-700:focus { + stroke: var(--red-700) + } + .sm\:hover\:stroke-red-700:hover { + stroke: var(--red-700) + } + .sm\:active\:stroke-red-700:active { + stroke: var(--red-700) + } + .sm\:focus\:stroke-red-700\/10:focus { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:hover\:stroke-red-700\/10:hover { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:active\:stroke-red-700\/10:active { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .sm\:focus\:stroke-red-700\/20:focus { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:hover\:stroke-red-700\/20:hover { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:active\:stroke-red-700\/20:active { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .sm\:focus\:stroke-red-700\/30:focus { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:hover\:stroke-red-700\/30:hover { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:active\:stroke-red-700\/30:active { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .sm\:focus\:stroke-red-700\/40:focus { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:hover\:stroke-red-700\/40:hover { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:active\:stroke-red-700\/40:active { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .sm\:focus\:stroke-red-700\/50:focus { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:hover\:stroke-red-700\/50:hover { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:active\:stroke-red-700\/50:active { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .sm\:focus\:stroke-red-700\/60:focus { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:hover\:stroke-red-700\/60:hover { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:active\:stroke-red-700\/60:active { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .sm\:focus\:stroke-red-700\/70:focus { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:hover\:stroke-red-700\/70:hover { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:active\:stroke-red-700\/70:active { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .sm\:focus\:stroke-red-700\/80:focus { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:hover\:stroke-red-700\/80:hover { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:active\:stroke-red-700\/80:active { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .sm\:focus\:stroke-red-700\/90:focus { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:hover\:stroke-red-700\/90:hover { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:active\:stroke-red-700\/90:active { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .sm\:focus\:stroke-red-800:focus { + stroke: var(--red-800) + } + .sm\:hover\:stroke-red-800:hover { + stroke: var(--red-800) + } + .sm\:active\:stroke-red-800:active { + stroke: var(--red-800) + } + .sm\:focus\:stroke-red-800\/10:focus { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:hover\:stroke-red-800\/10:hover { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:active\:stroke-red-800\/10:active { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .sm\:focus\:stroke-red-800\/20:focus { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:hover\:stroke-red-800\/20:hover { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:active\:stroke-red-800\/20:active { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .sm\:focus\:stroke-red-800\/30:focus { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:hover\:stroke-red-800\/30:hover { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:active\:stroke-red-800\/30:active { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .sm\:focus\:stroke-red-800\/40:focus { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:hover\:stroke-red-800\/40:hover { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:active\:stroke-red-800\/40:active { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .sm\:focus\:stroke-red-800\/50:focus { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:hover\:stroke-red-800\/50:hover { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:active\:stroke-red-800\/50:active { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .sm\:focus\:stroke-red-800\/60:focus { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:hover\:stroke-red-800\/60:hover { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:active\:stroke-red-800\/60:active { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .sm\:focus\:stroke-red-800\/70:focus { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:hover\:stroke-red-800\/70:hover { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:active\:stroke-red-800\/70:active { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .sm\:focus\:stroke-red-800\/80:focus { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:hover\:stroke-red-800\/80:hover { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:active\:stroke-red-800\/80:active { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .sm\:focus\:stroke-red-800\/90:focus { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:hover\:stroke-red-800\/90:hover { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:active\:stroke-red-800\/90:active { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .sm\:focus\:stroke-red-900:focus { + stroke: var(--red-900) + } + .sm\:hover\:stroke-red-900:hover { + stroke: var(--red-900) + } + .sm\:active\:stroke-red-900:active { + stroke: var(--red-900) + } + .sm\:focus\:stroke-red-900\/10:focus { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:hover\:stroke-red-900\/10:hover { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:active\:stroke-red-900\/10:active { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .sm\:focus\:stroke-red-900\/20:focus { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:hover\:stroke-red-900\/20:hover { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:active\:stroke-red-900\/20:active { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .sm\:focus\:stroke-red-900\/30:focus { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:hover\:stroke-red-900\/30:hover { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:active\:stroke-red-900\/30:active { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .sm\:focus\:stroke-red-900\/40:focus { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:hover\:stroke-red-900\/40:hover { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:active\:stroke-red-900\/40:active { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .sm\:focus\:stroke-red-900\/50:focus { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:hover\:stroke-red-900\/50:hover { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:active\:stroke-red-900\/50:active { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .sm\:focus\:stroke-red-900\/60:focus { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:hover\:stroke-red-900\/60:hover { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:active\:stroke-red-900\/60:active { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .sm\:focus\:stroke-red-900\/70:focus { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:hover\:stroke-red-900\/70:hover { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:active\:stroke-red-900\/70:active { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .sm\:focus\:stroke-red-900\/80:focus { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:hover\:stroke-red-900\/80:hover { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:active\:stroke-red-900\/80:active { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .sm\:focus\:stroke-red-900\/90:focus { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:hover\:stroke-red-900\/90:hover { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:active\:stroke-red-900\/90:active { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-50:focus { + stroke: var(--gray-50) + } + .sm\:hover\:stroke-gray-50:hover { + stroke: var(--gray-50) + } + .sm\:active\:stroke-gray-50:active { + stroke: var(--gray-50) + } + .sm\:focus\:stroke-gray-50\/10:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-50\/10:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:active\:stroke-gray-50\/10:active { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-50\/20:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-50\/20:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:active\:stroke-gray-50\/20:active { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-50\/30:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-50\/30:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:active\:stroke-gray-50\/30:active { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-50\/40:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-50\/40:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:active\:stroke-gray-50\/40:active { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-50\/50:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-50\/50:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:active\:stroke-gray-50\/50:active { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-50\/60:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-50\/60:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:active\:stroke-gray-50\/60:active { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-50\/70:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-50\/70:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:active\:stroke-gray-50\/70:active { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-50\/80:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-50\/80:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:active\:stroke-gray-50\/80:active { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-50\/90:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-50\/90:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:active\:stroke-gray-50\/90:active { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-100:focus { + stroke: var(--gray-100) + } + .sm\:hover\:stroke-gray-100:hover { + stroke: var(--gray-100) + } + .sm\:active\:stroke-gray-100:active { + stroke: var(--gray-100) + } + .sm\:focus\:stroke-gray-100\/10:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-100\/10:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:active\:stroke-gray-100\/10:active { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-100\/20:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-100\/20:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:active\:stroke-gray-100\/20:active { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-100\/30:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-100\/30:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:active\:stroke-gray-100\/30:active { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-100\/40:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-100\/40:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:active\:stroke-gray-100\/40:active { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-100\/50:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-100\/50:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:active\:stroke-gray-100\/50:active { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-100\/60:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-100\/60:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:active\:stroke-gray-100\/60:active { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-100\/70:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-100\/70:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:active\:stroke-gray-100\/70:active { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-100\/80:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-100\/80:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:active\:stroke-gray-100\/80:active { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-100\/90:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-100\/90:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:active\:stroke-gray-100\/90:active { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-200:focus { + stroke: var(--gray-200) + } + .sm\:hover\:stroke-gray-200:hover { + stroke: var(--gray-200) + } + .sm\:active\:stroke-gray-200:active { + stroke: var(--gray-200) + } + .sm\:focus\:stroke-gray-200\/10:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-200\/10:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:active\:stroke-gray-200\/10:active { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-200\/20:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-200\/20:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:active\:stroke-gray-200\/20:active { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-200\/30:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-200\/30:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:active\:stroke-gray-200\/30:active { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-200\/40:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-200\/40:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:active\:stroke-gray-200\/40:active { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-200\/50:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-200\/50:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:active\:stroke-gray-200\/50:active { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-200\/60:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-200\/60:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:active\:stroke-gray-200\/60:active { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-200\/70:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-200\/70:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:active\:stroke-gray-200\/70:active { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-200\/80:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-200\/80:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:active\:stroke-gray-200\/80:active { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-200\/90:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-200\/90:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:active\:stroke-gray-200\/90:active { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-300:focus { + stroke: var(--gray-300) + } + .sm\:hover\:stroke-gray-300:hover { + stroke: var(--gray-300) + } + .sm\:active\:stroke-gray-300:active { + stroke: var(--gray-300) + } + .sm\:focus\:stroke-gray-300\/10:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-300\/10:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:active\:stroke-gray-300\/10:active { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-300\/20:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-300\/20:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:active\:stroke-gray-300\/20:active { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-300\/30:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-300\/30:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:active\:stroke-gray-300\/30:active { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-300\/40:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-300\/40:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:active\:stroke-gray-300\/40:active { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-300\/50:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-300\/50:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:active\:stroke-gray-300\/50:active { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-300\/60:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-300\/60:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:active\:stroke-gray-300\/60:active { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-300\/70:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-300\/70:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:active\:stroke-gray-300\/70:active { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-300\/80:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-300\/80:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:active\:stroke-gray-300\/80:active { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-300\/90:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-300\/90:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:active\:stroke-gray-300\/90:active { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-400:focus { + stroke: var(--gray-400) + } + .sm\:hover\:stroke-gray-400:hover { + stroke: var(--gray-400) + } + .sm\:active\:stroke-gray-400:active { + stroke: var(--gray-400) + } + .sm\:focus\:stroke-gray-400\/10:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-400\/10:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:active\:stroke-gray-400\/10:active { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-400\/20:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-400\/20:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:active\:stroke-gray-400\/20:active { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-400\/30:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-400\/30:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:active\:stroke-gray-400\/30:active { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-400\/40:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-400\/40:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:active\:stroke-gray-400\/40:active { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-400\/50:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-400\/50:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:active\:stroke-gray-400\/50:active { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-400\/60:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-400\/60:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:active\:stroke-gray-400\/60:active { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-400\/70:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-400\/70:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:active\:stroke-gray-400\/70:active { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-400\/80:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-400\/80:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:active\:stroke-gray-400\/80:active { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-400\/90:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-400\/90:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:active\:stroke-gray-400\/90:active { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-500:focus { + stroke: var(--gray-500) + } + .sm\:hover\:stroke-gray-500:hover { + stroke: var(--gray-500) + } + .sm\:active\:stroke-gray-500:active { + stroke: var(--gray-500) + } + .sm\:focus\:stroke-gray-500\/10:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-500\/10:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:active\:stroke-gray-500\/10:active { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-500\/20:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-500\/20:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:active\:stroke-gray-500\/20:active { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-500\/30:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-500\/30:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:active\:stroke-gray-500\/30:active { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-500\/40:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-500\/40:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:active\:stroke-gray-500\/40:active { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-500\/50:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-500\/50:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:active\:stroke-gray-500\/50:active { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-500\/60:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-500\/60:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:active\:stroke-gray-500\/60:active { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-500\/70:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-500\/70:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:active\:stroke-gray-500\/70:active { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-500\/80:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-500\/80:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:active\:stroke-gray-500\/80:active { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-500\/90:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-500\/90:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:active\:stroke-gray-500\/90:active { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-600:focus { + stroke: var(--gray-600) + } + .sm\:hover\:stroke-gray-600:hover { + stroke: var(--gray-600) + } + .sm\:active\:stroke-gray-600:active { + stroke: var(--gray-600) + } + .sm\:focus\:stroke-gray-600\/10:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-600\/10:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:active\:stroke-gray-600\/10:active { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-600\/20:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-600\/20:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:active\:stroke-gray-600\/20:active { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-600\/30:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-600\/30:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:active\:stroke-gray-600\/30:active { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-600\/40:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-600\/40:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:active\:stroke-gray-600\/40:active { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-600\/50:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-600\/50:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:active\:stroke-gray-600\/50:active { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-600\/60:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-600\/60:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:active\:stroke-gray-600\/60:active { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-600\/70:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-600\/70:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:active\:stroke-gray-600\/70:active { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-600\/80:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-600\/80:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:active\:stroke-gray-600\/80:active { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-600\/90:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-600\/90:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:active\:stroke-gray-600\/90:active { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-700:focus { + stroke: var(--gray-700) + } + .sm\:hover\:stroke-gray-700:hover { + stroke: var(--gray-700) + } + .sm\:active\:stroke-gray-700:active { + stroke: var(--gray-700) + } + .sm\:focus\:stroke-gray-700\/10:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-700\/10:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:active\:stroke-gray-700\/10:active { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-700\/20:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-700\/20:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:active\:stroke-gray-700\/20:active { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-700\/30:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-700\/30:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:active\:stroke-gray-700\/30:active { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-700\/40:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-700\/40:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:active\:stroke-gray-700\/40:active { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-700\/50:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-700\/50:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:active\:stroke-gray-700\/50:active { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-700\/60:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-700\/60:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:active\:stroke-gray-700\/60:active { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-700\/70:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-700\/70:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:active\:stroke-gray-700\/70:active { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-700\/80:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-700\/80:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:active\:stroke-gray-700\/80:active { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-700\/90:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-700\/90:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:active\:stroke-gray-700\/90:active { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-800:focus { + stroke: var(--gray-800) + } + .sm\:hover\:stroke-gray-800:hover { + stroke: var(--gray-800) + } + .sm\:active\:stroke-gray-800:active { + stroke: var(--gray-800) + } + .sm\:focus\:stroke-gray-800\/10:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-800\/10:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:active\:stroke-gray-800\/10:active { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-800\/20:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-800\/20:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:active\:stroke-gray-800\/20:active { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-800\/30:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-800\/30:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:active\:stroke-gray-800\/30:active { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-800\/40:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-800\/40:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:active\:stroke-gray-800\/40:active { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-800\/50:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-800\/50:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:active\:stroke-gray-800\/50:active { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-800\/60:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-800\/60:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:active\:stroke-gray-800\/60:active { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-800\/70:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-800\/70:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:active\:stroke-gray-800\/70:active { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-800\/80:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-800\/80:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:active\:stroke-gray-800\/80:active { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-800\/90:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-800\/90:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:active\:stroke-gray-800\/90:active { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .sm\:focus\:stroke-gray-900:focus { + stroke: var(--gray-900) + } + .sm\:hover\:stroke-gray-900:hover { + stroke: var(--gray-900) + } + .sm\:active\:stroke-gray-900:active { + stroke: var(--gray-900) + } + .sm\:focus\:stroke-gray-900\/10:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:hover\:stroke-gray-900\/10:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:active\:stroke-gray-900\/10:active { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .sm\:focus\:stroke-gray-900\/20:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:hover\:stroke-gray-900\/20:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:active\:stroke-gray-900\/20:active { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .sm\:focus\:stroke-gray-900\/30:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:hover\:stroke-gray-900\/30:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:active\:stroke-gray-900\/30:active { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .sm\:focus\:stroke-gray-900\/40:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:hover\:stroke-gray-900\/40:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:active\:stroke-gray-900\/40:active { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .sm\:focus\:stroke-gray-900\/50:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:hover\:stroke-gray-900\/50:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:active\:stroke-gray-900\/50:active { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .sm\:focus\:stroke-gray-900\/60:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:hover\:stroke-gray-900\/60:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:active\:stroke-gray-900\/60:active { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .sm\:focus\:stroke-gray-900\/70:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:hover\:stroke-gray-900\/70:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:active\:stroke-gray-900\/70:active { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .sm\:focus\:stroke-gray-900\/80:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:hover\:stroke-gray-900\/80:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:active\:stroke-gray-900\/80:active { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .sm\:focus\:stroke-gray-900\/90:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:hover\:stroke-gray-900\/90:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:active\:stroke-gray-900\/90:active { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-0:focus { + stroke: var(--surface-0) + } + .sm\:hover\:stroke-surface-0:hover { + stroke: var(--surface-0) + } + .sm\:active\:stroke-surface-0:active { + stroke: var(--surface-0) + } + .sm\:focus\:stroke-surface-0\/10:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-0\/10:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:active\:stroke-surface-0\/10:active { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-0\/20:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-0\/20:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:active\:stroke-surface-0\/20:active { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-0\/30:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-0\/30:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:active\:stroke-surface-0\/30:active { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-0\/40:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-0\/40:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:active\:stroke-surface-0\/40:active { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-0\/50:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-0\/50:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:active\:stroke-surface-0\/50:active { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-0\/60:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-0\/60:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:active\:stroke-surface-0\/60:active { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-0\/70:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-0\/70:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:active\:stroke-surface-0\/70:active { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-0\/80:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-0\/80:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:active\:stroke-surface-0\/80:active { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-0\/90:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-0\/90:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:active\:stroke-surface-0\/90:active { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-50:focus { + stroke: var(--surface-50) + } + .sm\:hover\:stroke-surface-50:hover { + stroke: var(--surface-50) + } + .sm\:active\:stroke-surface-50:active { + stroke: var(--surface-50) + } + .sm\:focus\:stroke-surface-50\/10:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-50\/10:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:active\:stroke-surface-50\/10:active { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-50\/20:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-50\/20:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:active\:stroke-surface-50\/20:active { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-50\/30:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-50\/30:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:active\:stroke-surface-50\/30:active { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-50\/40:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-50\/40:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:active\:stroke-surface-50\/40:active { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-50\/50:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-50\/50:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:active\:stroke-surface-50\/50:active { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-50\/60:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-50\/60:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:active\:stroke-surface-50\/60:active { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-50\/70:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-50\/70:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:active\:stroke-surface-50\/70:active { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-50\/80:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-50\/80:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:active\:stroke-surface-50\/80:active { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-50\/90:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-50\/90:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:active\:stroke-surface-50\/90:active { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-100:focus { + stroke: var(--surface-100) + } + .sm\:hover\:stroke-surface-100:hover { + stroke: var(--surface-100) + } + .sm\:active\:stroke-surface-100:active { + stroke: var(--surface-100) + } + .sm\:focus\:stroke-surface-100\/10:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-100\/10:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:active\:stroke-surface-100\/10:active { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-100\/20:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-100\/20:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:active\:stroke-surface-100\/20:active { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-100\/30:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-100\/30:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:active\:stroke-surface-100\/30:active { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-100\/40:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-100\/40:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:active\:stroke-surface-100\/40:active { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-100\/50:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-100\/50:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:active\:stroke-surface-100\/50:active { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-100\/60:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-100\/60:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:active\:stroke-surface-100\/60:active { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-100\/70:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-100\/70:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:active\:stroke-surface-100\/70:active { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-100\/80:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-100\/80:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:active\:stroke-surface-100\/80:active { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-100\/90:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-100\/90:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:active\:stroke-surface-100\/90:active { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-200:focus { + stroke: var(--surface-200) + } + .sm\:hover\:stroke-surface-200:hover { + stroke: var(--surface-200) + } + .sm\:active\:stroke-surface-200:active { + stroke: var(--surface-200) + } + .sm\:focus\:stroke-surface-200\/10:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-200\/10:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:active\:stroke-surface-200\/10:active { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-200\/20:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-200\/20:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:active\:stroke-surface-200\/20:active { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-200\/30:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-200\/30:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:active\:stroke-surface-200\/30:active { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-200\/40:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-200\/40:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:active\:stroke-surface-200\/40:active { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-200\/50:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-200\/50:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:active\:stroke-surface-200\/50:active { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-200\/60:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-200\/60:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:active\:stroke-surface-200\/60:active { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-200\/70:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-200\/70:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:active\:stroke-surface-200\/70:active { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-200\/80:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-200\/80:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:active\:stroke-surface-200\/80:active { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-200\/90:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-200\/90:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:active\:stroke-surface-200\/90:active { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-300:focus { + stroke: var(--surface-300) + } + .sm\:hover\:stroke-surface-300:hover { + stroke: var(--surface-300) + } + .sm\:active\:stroke-surface-300:active { + stroke: var(--surface-300) + } + .sm\:focus\:stroke-surface-300\/10:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-300\/10:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:active\:stroke-surface-300\/10:active { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-300\/20:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-300\/20:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:active\:stroke-surface-300\/20:active { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-300\/30:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-300\/30:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:active\:stroke-surface-300\/30:active { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-300\/40:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-300\/40:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:active\:stroke-surface-300\/40:active { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-300\/50:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-300\/50:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:active\:stroke-surface-300\/50:active { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-300\/60:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-300\/60:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:active\:stroke-surface-300\/60:active { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-300\/70:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-300\/70:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:active\:stroke-surface-300\/70:active { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-300\/80:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-300\/80:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:active\:stroke-surface-300\/80:active { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-300\/90:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-300\/90:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:active\:stroke-surface-300\/90:active { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-400:focus { + stroke: var(--surface-400) + } + .sm\:hover\:stroke-surface-400:hover { + stroke: var(--surface-400) + } + .sm\:active\:stroke-surface-400:active { + stroke: var(--surface-400) + } + .sm\:focus\:stroke-surface-400\/10:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-400\/10:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:active\:stroke-surface-400\/10:active { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-400\/20:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-400\/20:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:active\:stroke-surface-400\/20:active { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-400\/30:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-400\/30:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:active\:stroke-surface-400\/30:active { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-400\/40:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-400\/40:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:active\:stroke-surface-400\/40:active { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-400\/50:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-400\/50:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:active\:stroke-surface-400\/50:active { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-400\/60:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-400\/60:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:active\:stroke-surface-400\/60:active { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-400\/70:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-400\/70:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:active\:stroke-surface-400\/70:active { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-400\/80:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-400\/80:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:active\:stroke-surface-400\/80:active { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-400\/90:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-400\/90:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:active\:stroke-surface-400\/90:active { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-500:focus { + stroke: var(--surface-500) + } + .sm\:hover\:stroke-surface-500:hover { + stroke: var(--surface-500) + } + .sm\:active\:stroke-surface-500:active { + stroke: var(--surface-500) + } + .sm\:focus\:stroke-surface-500\/10:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-500\/10:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:active\:stroke-surface-500\/10:active { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-500\/20:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-500\/20:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:active\:stroke-surface-500\/20:active { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-500\/30:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-500\/30:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:active\:stroke-surface-500\/30:active { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-500\/40:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-500\/40:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:active\:stroke-surface-500\/40:active { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-500\/50:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-500\/50:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:active\:stroke-surface-500\/50:active { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-500\/60:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-500\/60:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:active\:stroke-surface-500\/60:active { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-500\/70:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-500\/70:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:active\:stroke-surface-500\/70:active { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-500\/80:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-500\/80:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:active\:stroke-surface-500\/80:active { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-500\/90:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-500\/90:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:active\:stroke-surface-500\/90:active { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-600:focus { + stroke: var(--surface-600) + } + .sm\:hover\:stroke-surface-600:hover { + stroke: var(--surface-600) + } + .sm\:active\:stroke-surface-600:active { + stroke: var(--surface-600) + } + .sm\:focus\:stroke-surface-600\/10:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-600\/10:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:active\:stroke-surface-600\/10:active { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-600\/20:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-600\/20:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:active\:stroke-surface-600\/20:active { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-600\/30:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-600\/30:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:active\:stroke-surface-600\/30:active { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-600\/40:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-600\/40:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:active\:stroke-surface-600\/40:active { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-600\/50:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-600\/50:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:active\:stroke-surface-600\/50:active { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-600\/60:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-600\/60:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:active\:stroke-surface-600\/60:active { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-600\/70:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-600\/70:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:active\:stroke-surface-600\/70:active { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-600\/80:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-600\/80:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:active\:stroke-surface-600\/80:active { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-600\/90:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-600\/90:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:active\:stroke-surface-600\/90:active { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-700:focus { + stroke: var(--surface-700) + } + .sm\:hover\:stroke-surface-700:hover { + stroke: var(--surface-700) + } + .sm\:active\:stroke-surface-700:active { + stroke: var(--surface-700) + } + .sm\:focus\:stroke-surface-700\/10:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-700\/10:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:active\:stroke-surface-700\/10:active { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-700\/20:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-700\/20:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:active\:stroke-surface-700\/20:active { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-700\/30:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-700\/30:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:active\:stroke-surface-700\/30:active { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-700\/40:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-700\/40:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:active\:stroke-surface-700\/40:active { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-700\/50:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-700\/50:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:active\:stroke-surface-700\/50:active { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-700\/60:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-700\/60:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:active\:stroke-surface-700\/60:active { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-700\/70:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-700\/70:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:active\:stroke-surface-700\/70:active { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-700\/80:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-700\/80:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:active\:stroke-surface-700\/80:active { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-700\/90:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-700\/90:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:active\:stroke-surface-700\/90:active { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-800:focus { + stroke: var(--surface-800) + } + .sm\:hover\:stroke-surface-800:hover { + stroke: var(--surface-800) + } + .sm\:active\:stroke-surface-800:active { + stroke: var(--surface-800) + } + .sm\:focus\:stroke-surface-800\/10:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-800\/10:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:active\:stroke-surface-800\/10:active { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-800\/20:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-800\/20:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:active\:stroke-surface-800\/20:active { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-800\/30:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-800\/30:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:active\:stroke-surface-800\/30:active { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-800\/40:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-800\/40:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:active\:stroke-surface-800\/40:active { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-800\/50:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-800\/50:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:active\:stroke-surface-800\/50:active { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-800\/60:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-800\/60:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:active\:stroke-surface-800\/60:active { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-800\/70:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-800\/70:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:active\:stroke-surface-800\/70:active { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-800\/80:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-800\/80:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:active\:stroke-surface-800\/80:active { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-800\/90:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-800\/90:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:active\:stroke-surface-800\/90:active { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .sm\:focus\:stroke-surface-900:focus { + stroke: var(--surface-900) + } + .sm\:hover\:stroke-surface-900:hover { + stroke: var(--surface-900) + } + .sm\:active\:stroke-surface-900:active { + stroke: var(--surface-900) + } + .sm\:focus\:stroke-surface-900\/10:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:hover\:stroke-surface-900\/10:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:active\:stroke-surface-900\/10:active { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .sm\:focus\:stroke-surface-900\/20:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:hover\:stroke-surface-900\/20:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:active\:stroke-surface-900\/20:active { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .sm\:focus\:stroke-surface-900\/30:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:hover\:stroke-surface-900\/30:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:active\:stroke-surface-900\/30:active { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .sm\:focus\:stroke-surface-900\/40:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:hover\:stroke-surface-900\/40:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:active\:stroke-surface-900\/40:active { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .sm\:focus\:stroke-surface-900\/50:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:hover\:stroke-surface-900\/50:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:active\:stroke-surface-900\/50:active { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .sm\:focus\:stroke-surface-900\/60:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:hover\:stroke-surface-900\/60:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:active\:stroke-surface-900\/60:active { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .sm\:focus\:stroke-surface-900\/70:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:hover\:stroke-surface-900\/70:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:active\:stroke-surface-900\/70:active { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .sm\:focus\:stroke-surface-900\/80:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:hover\:stroke-surface-900\/80:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:active\:stroke-surface-900\/80:active { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .sm\:focus\:stroke-surface-900\/90:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:hover\:stroke-surface-900\/90:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:active\:stroke-surface-900\/90:active { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-50:focus { + stroke: var(--primary-50) + } + .sm\:hover\:stroke-primary-50:hover { + stroke: var(--primary-50) + } + .sm\:active\:stroke-primary-50:active { + stroke: var(--primary-50) + } + .sm\:focus\:stroke-primary-50\/10:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-50\/10:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:active\:stroke-primary-50\/10:active { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-50\/20:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-50\/20:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:active\:stroke-primary-50\/20:active { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-50\/30:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-50\/30:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:active\:stroke-primary-50\/30:active { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-50\/40:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-50\/40:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:active\:stroke-primary-50\/40:active { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-50\/50:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-50\/50:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:active\:stroke-primary-50\/50:active { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-50\/60:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-50\/60:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:active\:stroke-primary-50\/60:active { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-50\/70:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-50\/70:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:active\:stroke-primary-50\/70:active { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-50\/80:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-50\/80:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:active\:stroke-primary-50\/80:active { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-50\/90:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-50\/90:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:active\:stroke-primary-50\/90:active { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-100:focus { + stroke: var(--primary-100) + } + .sm\:hover\:stroke-primary-100:hover { + stroke: var(--primary-100) + } + .sm\:active\:stroke-primary-100:active { + stroke: var(--primary-100) + } + .sm\:focus\:stroke-primary-100\/10:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-100\/10:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:active\:stroke-primary-100\/10:active { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-100\/20:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-100\/20:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:active\:stroke-primary-100\/20:active { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-100\/30:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-100\/30:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:active\:stroke-primary-100\/30:active { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-100\/40:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-100\/40:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:active\:stroke-primary-100\/40:active { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-100\/50:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-100\/50:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:active\:stroke-primary-100\/50:active { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-100\/60:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-100\/60:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:active\:stroke-primary-100\/60:active { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-100\/70:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-100\/70:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:active\:stroke-primary-100\/70:active { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-100\/80:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-100\/80:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:active\:stroke-primary-100\/80:active { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-100\/90:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-100\/90:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:active\:stroke-primary-100\/90:active { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-200:focus { + stroke: var(--primary-200) + } + .sm\:hover\:stroke-primary-200:hover { + stroke: var(--primary-200) + } + .sm\:active\:stroke-primary-200:active { + stroke: var(--primary-200) + } + .sm\:focus\:stroke-primary-200\/10:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-200\/10:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:active\:stroke-primary-200\/10:active { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-200\/20:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-200\/20:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:active\:stroke-primary-200\/20:active { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-200\/30:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-200\/30:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:active\:stroke-primary-200\/30:active { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-200\/40:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-200\/40:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:active\:stroke-primary-200\/40:active { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-200\/50:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-200\/50:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:active\:stroke-primary-200\/50:active { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-200\/60:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-200\/60:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:active\:stroke-primary-200\/60:active { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-200\/70:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-200\/70:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:active\:stroke-primary-200\/70:active { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-200\/80:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-200\/80:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:active\:stroke-primary-200\/80:active { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-200\/90:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-200\/90:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:active\:stroke-primary-200\/90:active { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-300:focus { + stroke: var(--primary-300) + } + .sm\:hover\:stroke-primary-300:hover { + stroke: var(--primary-300) + } + .sm\:active\:stroke-primary-300:active { + stroke: var(--primary-300) + } + .sm\:focus\:stroke-primary-300\/10:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-300\/10:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:active\:stroke-primary-300\/10:active { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-300\/20:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-300\/20:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:active\:stroke-primary-300\/20:active { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-300\/30:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-300\/30:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:active\:stroke-primary-300\/30:active { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-300\/40:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-300\/40:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:active\:stroke-primary-300\/40:active { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-300\/50:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-300\/50:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:active\:stroke-primary-300\/50:active { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-300\/60:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-300\/60:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:active\:stroke-primary-300\/60:active { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-300\/70:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-300\/70:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:active\:stroke-primary-300\/70:active { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-300\/80:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-300\/80:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:active\:stroke-primary-300\/80:active { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-300\/90:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-300\/90:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:active\:stroke-primary-300\/90:active { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-400:focus { + stroke: var(--primary-400) + } + .sm\:hover\:stroke-primary-400:hover { + stroke: var(--primary-400) + } + .sm\:active\:stroke-primary-400:active { + stroke: var(--primary-400) + } + .sm\:focus\:stroke-primary-400\/10:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-400\/10:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:active\:stroke-primary-400\/10:active { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-400\/20:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-400\/20:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:active\:stroke-primary-400\/20:active { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-400\/30:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-400\/30:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:active\:stroke-primary-400\/30:active { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-400\/40:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-400\/40:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:active\:stroke-primary-400\/40:active { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-400\/50:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-400\/50:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:active\:stroke-primary-400\/50:active { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-400\/60:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-400\/60:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:active\:stroke-primary-400\/60:active { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-400\/70:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-400\/70:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:active\:stroke-primary-400\/70:active { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-400\/80:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-400\/80:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:active\:stroke-primary-400\/80:active { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-400\/90:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-400\/90:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:active\:stroke-primary-400\/90:active { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-500:focus { + stroke: var(--primary-500) + } + .sm\:hover\:stroke-primary-500:hover { + stroke: var(--primary-500) + } + .sm\:active\:stroke-primary-500:active { + stroke: var(--primary-500) + } + .sm\:focus\:stroke-primary-500\/10:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-500\/10:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:active\:stroke-primary-500\/10:active { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-500\/20:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-500\/20:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:active\:stroke-primary-500\/20:active { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-500\/30:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-500\/30:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:active\:stroke-primary-500\/30:active { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-500\/40:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-500\/40:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:active\:stroke-primary-500\/40:active { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-500\/50:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-500\/50:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:active\:stroke-primary-500\/50:active { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-500\/60:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-500\/60:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:active\:stroke-primary-500\/60:active { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-500\/70:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-500\/70:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:active\:stroke-primary-500\/70:active { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-500\/80:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-500\/80:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:active\:stroke-primary-500\/80:active { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-500\/90:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-500\/90:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:active\:stroke-primary-500\/90:active { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-600:focus { + stroke: var(--primary-600) + } + .sm\:hover\:stroke-primary-600:hover { + stroke: var(--primary-600) + } + .sm\:active\:stroke-primary-600:active { + stroke: var(--primary-600) + } + .sm\:focus\:stroke-primary-600\/10:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-600\/10:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:active\:stroke-primary-600\/10:active { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-600\/20:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-600\/20:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:active\:stroke-primary-600\/20:active { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-600\/30:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-600\/30:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:active\:stroke-primary-600\/30:active { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-600\/40:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-600\/40:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:active\:stroke-primary-600\/40:active { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-600\/50:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-600\/50:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:active\:stroke-primary-600\/50:active { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-600\/60:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-600\/60:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:active\:stroke-primary-600\/60:active { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-600\/70:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-600\/70:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:active\:stroke-primary-600\/70:active { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-600\/80:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-600\/80:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:active\:stroke-primary-600\/80:active { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-600\/90:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-600\/90:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:active\:stroke-primary-600\/90:active { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-700:focus { + stroke: var(--primary-700) + } + .sm\:hover\:stroke-primary-700:hover { + stroke: var(--primary-700) + } + .sm\:active\:stroke-primary-700:active { + stroke: var(--primary-700) + } + .sm\:focus\:stroke-primary-700\/10:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-700\/10:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:active\:stroke-primary-700\/10:active { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-700\/20:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-700\/20:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:active\:stroke-primary-700\/20:active { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-700\/30:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-700\/30:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:active\:stroke-primary-700\/30:active { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-700\/40:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-700\/40:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:active\:stroke-primary-700\/40:active { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-700\/50:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-700\/50:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:active\:stroke-primary-700\/50:active { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-700\/60:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-700\/60:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:active\:stroke-primary-700\/60:active { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-700\/70:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-700\/70:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:active\:stroke-primary-700\/70:active { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-700\/80:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-700\/80:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:active\:stroke-primary-700\/80:active { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-700\/90:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-700\/90:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:active\:stroke-primary-700\/90:active { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-800:focus { + stroke: var(--primary-800) + } + .sm\:hover\:stroke-primary-800:hover { + stroke: var(--primary-800) + } + .sm\:active\:stroke-primary-800:active { + stroke: var(--primary-800) + } + .sm\:focus\:stroke-primary-800\/10:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-800\/10:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:active\:stroke-primary-800\/10:active { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-800\/20:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-800\/20:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:active\:stroke-primary-800\/20:active { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-800\/30:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-800\/30:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:active\:stroke-primary-800\/30:active { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-800\/40:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-800\/40:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:active\:stroke-primary-800\/40:active { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-800\/50:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-800\/50:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:active\:stroke-primary-800\/50:active { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-800\/60:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-800\/60:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:active\:stroke-primary-800\/60:active { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-800\/70:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-800\/70:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:active\:stroke-primary-800\/70:active { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-800\/80:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-800\/80:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:active\:stroke-primary-800\/80:active { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-800\/90:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-800\/90:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:active\:stroke-primary-800\/90:active { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .sm\:focus\:stroke-primary-900:focus { + stroke: var(--primary-900) + } + .sm\:hover\:stroke-primary-900:hover { + stroke: var(--primary-900) + } + .sm\:active\:stroke-primary-900:active { + stroke: var(--primary-900) + } + .sm\:focus\:stroke-primary-900\/10:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:hover\:stroke-primary-900\/10:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:active\:stroke-primary-900\/10:active { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .sm\:focus\:stroke-primary-900\/20:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:hover\:stroke-primary-900\/20:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:active\:stroke-primary-900\/20:active { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .sm\:focus\:stroke-primary-900\/30:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:hover\:stroke-primary-900\/30:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:active\:stroke-primary-900\/30:active { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .sm\:focus\:stroke-primary-900\/40:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:hover\:stroke-primary-900\/40:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:active\:stroke-primary-900\/40:active { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .sm\:focus\:stroke-primary-900\/50:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:hover\:stroke-primary-900\/50:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:active\:stroke-primary-900\/50:active { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .sm\:focus\:stroke-primary-900\/60:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:hover\:stroke-primary-900\/60:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:active\:stroke-primary-900\/60:active { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .sm\:focus\:stroke-primary-900\/70:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:hover\:stroke-primary-900\/70:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:active\:stroke-primary-900\/70:active { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .sm\:focus\:stroke-primary-900\/80:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:hover\:stroke-primary-900\/80:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:active\:stroke-primary-900\/80:active { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .sm\:focus\:stroke-primary-900\/90:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:hover\:stroke-primary-900\/90:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .sm\:active\:stroke-primary-900\/90:active { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:stroke-blue-50 { + stroke: var(--blue-50) + } + .md\:stroke-blue-50\/10 { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:stroke-blue-50\/20 { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:stroke-blue-50\/30 { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:stroke-blue-50\/40 { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:stroke-blue-50\/50 { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:stroke-blue-50\/60 { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:stroke-blue-50\/70 { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:stroke-blue-50\/80 { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:stroke-blue-50\/90 { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:stroke-blue-100 { + stroke: var(--blue-100) + } + .md\:stroke-blue-100\/10 { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:stroke-blue-100\/20 { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:stroke-blue-100\/30 { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:stroke-blue-100\/40 { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:stroke-blue-100\/50 { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:stroke-blue-100\/60 { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:stroke-blue-100\/70 { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:stroke-blue-100\/80 { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:stroke-blue-100\/90 { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:stroke-blue-200 { + stroke: var(--blue-200) + } + .md\:stroke-blue-200\/10 { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:stroke-blue-200\/20 { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:stroke-blue-200\/30 { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:stroke-blue-200\/40 { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:stroke-blue-200\/50 { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:stroke-blue-200\/60 { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:stroke-blue-200\/70 { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:stroke-blue-200\/80 { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:stroke-blue-200\/90 { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:stroke-blue-300 { + stroke: var(--blue-300) + } + .md\:stroke-blue-300\/10 { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:stroke-blue-300\/20 { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:stroke-blue-300\/30 { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:stroke-blue-300\/40 { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:stroke-blue-300\/50 { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:stroke-blue-300\/60 { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:stroke-blue-300\/70 { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:stroke-blue-300\/80 { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:stroke-blue-300\/90 { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:stroke-blue-400 { + stroke: var(--blue-400) + } + .md\:stroke-blue-400\/10 { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:stroke-blue-400\/20 { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:stroke-blue-400\/30 { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:stroke-blue-400\/40 { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:stroke-blue-400\/50 { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:stroke-blue-400\/60 { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:stroke-blue-400\/70 { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:stroke-blue-400\/80 { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:stroke-blue-400\/90 { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:stroke-blue-500 { + stroke: var(--blue-500) + } + .md\:stroke-blue-500\/10 { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:stroke-blue-500\/20 { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:stroke-blue-500\/30 { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:stroke-blue-500\/40 { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:stroke-blue-500\/50 { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:stroke-blue-500\/60 { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:stroke-blue-500\/70 { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:stroke-blue-500\/80 { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:stroke-blue-500\/90 { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:stroke-blue-600 { + stroke: var(--blue-600) + } + .md\:stroke-blue-600\/10 { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:stroke-blue-600\/20 { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:stroke-blue-600\/30 { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:stroke-blue-600\/40 { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:stroke-blue-600\/50 { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:stroke-blue-600\/60 { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:stroke-blue-600\/70 { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:stroke-blue-600\/80 { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:stroke-blue-600\/90 { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:stroke-blue-700 { + stroke: var(--blue-700) + } + .md\:stroke-blue-700\/10 { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:stroke-blue-700\/20 { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:stroke-blue-700\/30 { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:stroke-blue-700\/40 { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:stroke-blue-700\/50 { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:stroke-blue-700\/60 { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:stroke-blue-700\/70 { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:stroke-blue-700\/80 { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:stroke-blue-700\/90 { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:stroke-blue-800 { + stroke: var(--blue-800) + } + .md\:stroke-blue-800\/10 { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:stroke-blue-800\/20 { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:stroke-blue-800\/30 { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:stroke-blue-800\/40 { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:stroke-blue-800\/50 { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:stroke-blue-800\/60 { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:stroke-blue-800\/70 { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:stroke-blue-800\/80 { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:stroke-blue-800\/90 { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:stroke-blue-900 { + stroke: var(--blue-900) + } + .md\:stroke-blue-900\/10 { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:stroke-blue-900\/20 { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:stroke-blue-900\/30 { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:stroke-blue-900\/40 { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:stroke-blue-900\/50 { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:stroke-blue-900\/60 { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:stroke-blue-900\/70 { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:stroke-blue-900\/80 { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:stroke-blue-900\/90 { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:stroke-green-50 { + stroke: var(--green-50) + } + .md\:stroke-green-50\/10 { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:stroke-green-50\/20 { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:stroke-green-50\/30 { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:stroke-green-50\/40 { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:stroke-green-50\/50 { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:stroke-green-50\/60 { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:stroke-green-50\/70 { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:stroke-green-50\/80 { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:stroke-green-50\/90 { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:stroke-green-100 { + stroke: var(--green-100) + } + .md\:stroke-green-100\/10 { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:stroke-green-100\/20 { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:stroke-green-100\/30 { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:stroke-green-100\/40 { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:stroke-green-100\/50 { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:stroke-green-100\/60 { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:stroke-green-100\/70 { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:stroke-green-100\/80 { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:stroke-green-100\/90 { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:stroke-green-200 { + stroke: var(--green-200) + } + .md\:stroke-green-200\/10 { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:stroke-green-200\/20 { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:stroke-green-200\/30 { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:stroke-green-200\/40 { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:stroke-green-200\/50 { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:stroke-green-200\/60 { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:stroke-green-200\/70 { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:stroke-green-200\/80 { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:stroke-green-200\/90 { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:stroke-green-300 { + stroke: var(--green-300) + } + .md\:stroke-green-300\/10 { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:stroke-green-300\/20 { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:stroke-green-300\/30 { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:stroke-green-300\/40 { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:stroke-green-300\/50 { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:stroke-green-300\/60 { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:stroke-green-300\/70 { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:stroke-green-300\/80 { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:stroke-green-300\/90 { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:stroke-green-400 { + stroke: var(--green-400) + } + .md\:stroke-green-400\/10 { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:stroke-green-400\/20 { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:stroke-green-400\/30 { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:stroke-green-400\/40 { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:stroke-green-400\/50 { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:stroke-green-400\/60 { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:stroke-green-400\/70 { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:stroke-green-400\/80 { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:stroke-green-400\/90 { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:stroke-green-500 { + stroke: var(--green-500) + } + .md\:stroke-green-500\/10 { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:stroke-green-500\/20 { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:stroke-green-500\/30 { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:stroke-green-500\/40 { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:stroke-green-500\/50 { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:stroke-green-500\/60 { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:stroke-green-500\/70 { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:stroke-green-500\/80 { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:stroke-green-500\/90 { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:stroke-green-600 { + stroke: var(--green-600) + } + .md\:stroke-green-600\/10 { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:stroke-green-600\/20 { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:stroke-green-600\/30 { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:stroke-green-600\/40 { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:stroke-green-600\/50 { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:stroke-green-600\/60 { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:stroke-green-600\/70 { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:stroke-green-600\/80 { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:stroke-green-600\/90 { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:stroke-green-700 { + stroke: var(--green-700) + } + .md\:stroke-green-700\/10 { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:stroke-green-700\/20 { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:stroke-green-700\/30 { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:stroke-green-700\/40 { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:stroke-green-700\/50 { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:stroke-green-700\/60 { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:stroke-green-700\/70 { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:stroke-green-700\/80 { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:stroke-green-700\/90 { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:stroke-green-800 { + stroke: var(--green-800) + } + .md\:stroke-green-800\/10 { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:stroke-green-800\/20 { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:stroke-green-800\/30 { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:stroke-green-800\/40 { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:stroke-green-800\/50 { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:stroke-green-800\/60 { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:stroke-green-800\/70 { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:stroke-green-800\/80 { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:stroke-green-800\/90 { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:stroke-green-900 { + stroke: var(--green-900) + } + .md\:stroke-green-900\/10 { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:stroke-green-900\/20 { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:stroke-green-900\/30 { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:stroke-green-900\/40 { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:stroke-green-900\/50 { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:stroke-green-900\/60 { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:stroke-green-900\/70 { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:stroke-green-900\/80 { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:stroke-green-900\/90 { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:stroke-yellow-50 { + stroke: var(--yellow-50) + } + .md\:stroke-yellow-50\/10 { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:stroke-yellow-50\/20 { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:stroke-yellow-50\/30 { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:stroke-yellow-50\/40 { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:stroke-yellow-50\/50 { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:stroke-yellow-50\/60 { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:stroke-yellow-50\/70 { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:stroke-yellow-50\/80 { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:stroke-yellow-50\/90 { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:stroke-yellow-100 { + stroke: var(--yellow-100) + } + .md\:stroke-yellow-100\/10 { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:stroke-yellow-100\/20 { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:stroke-yellow-100\/30 { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:stroke-yellow-100\/40 { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:stroke-yellow-100\/50 { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:stroke-yellow-100\/60 { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:stroke-yellow-100\/70 { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:stroke-yellow-100\/80 { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:stroke-yellow-100\/90 { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:stroke-yellow-200 { + stroke: var(--yellow-200) + } + .md\:stroke-yellow-200\/10 { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:stroke-yellow-200\/20 { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:stroke-yellow-200\/30 { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:stroke-yellow-200\/40 { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:stroke-yellow-200\/50 { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:stroke-yellow-200\/60 { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:stroke-yellow-200\/70 { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:stroke-yellow-200\/80 { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:stroke-yellow-200\/90 { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:stroke-yellow-300 { + stroke: var(--yellow-300) + } + .md\:stroke-yellow-300\/10 { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:stroke-yellow-300\/20 { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:stroke-yellow-300\/30 { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:stroke-yellow-300\/40 { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:stroke-yellow-300\/50 { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:stroke-yellow-300\/60 { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:stroke-yellow-300\/70 { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:stroke-yellow-300\/80 { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:stroke-yellow-300\/90 { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:stroke-yellow-400 { + stroke: var(--yellow-400) + } + .md\:stroke-yellow-400\/10 { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:stroke-yellow-400\/20 { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:stroke-yellow-400\/30 { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:stroke-yellow-400\/40 { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:stroke-yellow-400\/50 { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:stroke-yellow-400\/60 { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:stroke-yellow-400\/70 { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:stroke-yellow-400\/80 { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:stroke-yellow-400\/90 { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:stroke-yellow-500 { + stroke: var(--yellow-500) + } + .md\:stroke-yellow-500\/10 { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:stroke-yellow-500\/20 { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:stroke-yellow-500\/30 { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:stroke-yellow-500\/40 { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:stroke-yellow-500\/50 { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:stroke-yellow-500\/60 { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:stroke-yellow-500\/70 { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:stroke-yellow-500\/80 { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:stroke-yellow-500\/90 { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:stroke-yellow-600 { + stroke: var(--yellow-600) + } + .md\:stroke-yellow-600\/10 { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:stroke-yellow-600\/20 { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:stroke-yellow-600\/30 { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:stroke-yellow-600\/40 { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:stroke-yellow-600\/50 { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:stroke-yellow-600\/60 { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:stroke-yellow-600\/70 { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:stroke-yellow-600\/80 { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:stroke-yellow-600\/90 { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:stroke-yellow-700 { + stroke: var(--yellow-700) + } + .md\:stroke-yellow-700\/10 { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:stroke-yellow-700\/20 { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:stroke-yellow-700\/30 { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:stroke-yellow-700\/40 { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:stroke-yellow-700\/50 { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:stroke-yellow-700\/60 { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:stroke-yellow-700\/70 { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:stroke-yellow-700\/80 { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:stroke-yellow-700\/90 { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:stroke-yellow-800 { + stroke: var(--yellow-800) + } + .md\:stroke-yellow-800\/10 { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:stroke-yellow-800\/20 { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:stroke-yellow-800\/30 { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:stroke-yellow-800\/40 { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:stroke-yellow-800\/50 { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:stroke-yellow-800\/60 { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:stroke-yellow-800\/70 { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:stroke-yellow-800\/80 { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:stroke-yellow-800\/90 { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:stroke-yellow-900 { + stroke: var(--yellow-900) + } + .md\:stroke-yellow-900\/10 { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:stroke-yellow-900\/20 { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:stroke-yellow-900\/30 { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:stroke-yellow-900\/40 { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:stroke-yellow-900\/50 { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:stroke-yellow-900\/60 { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:stroke-yellow-900\/70 { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:stroke-yellow-900\/80 { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:stroke-yellow-900\/90 { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:stroke-cyan-50 { + stroke: var(--cyan-50) + } + .md\:stroke-cyan-50\/10 { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:stroke-cyan-50\/20 { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:stroke-cyan-50\/30 { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:stroke-cyan-50\/40 { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:stroke-cyan-50\/50 { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:stroke-cyan-50\/60 { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:stroke-cyan-50\/70 { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:stroke-cyan-50\/80 { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:stroke-cyan-50\/90 { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:stroke-cyan-100 { + stroke: var(--cyan-100) + } + .md\:stroke-cyan-100\/10 { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:stroke-cyan-100\/20 { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:stroke-cyan-100\/30 { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:stroke-cyan-100\/40 { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:stroke-cyan-100\/50 { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:stroke-cyan-100\/60 { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:stroke-cyan-100\/70 { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:stroke-cyan-100\/80 { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:stroke-cyan-100\/90 { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:stroke-cyan-200 { + stroke: var(--cyan-200) + } + .md\:stroke-cyan-200\/10 { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:stroke-cyan-200\/20 { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:stroke-cyan-200\/30 { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:stroke-cyan-200\/40 { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:stroke-cyan-200\/50 { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:stroke-cyan-200\/60 { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:stroke-cyan-200\/70 { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:stroke-cyan-200\/80 { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:stroke-cyan-200\/90 { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:stroke-cyan-300 { + stroke: var(--cyan-300) + } + .md\:stroke-cyan-300\/10 { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:stroke-cyan-300\/20 { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:stroke-cyan-300\/30 { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:stroke-cyan-300\/40 { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:stroke-cyan-300\/50 { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:stroke-cyan-300\/60 { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:stroke-cyan-300\/70 { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:stroke-cyan-300\/80 { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:stroke-cyan-300\/90 { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:stroke-cyan-400 { + stroke: var(--cyan-400) + } + .md\:stroke-cyan-400\/10 { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:stroke-cyan-400\/20 { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:stroke-cyan-400\/30 { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:stroke-cyan-400\/40 { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:stroke-cyan-400\/50 { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:stroke-cyan-400\/60 { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:stroke-cyan-400\/70 { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:stroke-cyan-400\/80 { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:stroke-cyan-400\/90 { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:stroke-cyan-500 { + stroke: var(--cyan-500) + } + .md\:stroke-cyan-500\/10 { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:stroke-cyan-500\/20 { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:stroke-cyan-500\/30 { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:stroke-cyan-500\/40 { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:stroke-cyan-500\/50 { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:stroke-cyan-500\/60 { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:stroke-cyan-500\/70 { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:stroke-cyan-500\/80 { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:stroke-cyan-500\/90 { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:stroke-cyan-600 { + stroke: var(--cyan-600) + } + .md\:stroke-cyan-600\/10 { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:stroke-cyan-600\/20 { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:stroke-cyan-600\/30 { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:stroke-cyan-600\/40 { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:stroke-cyan-600\/50 { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:stroke-cyan-600\/60 { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:stroke-cyan-600\/70 { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:stroke-cyan-600\/80 { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:stroke-cyan-600\/90 { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:stroke-cyan-700 { + stroke: var(--cyan-700) + } + .md\:stroke-cyan-700\/10 { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:stroke-cyan-700\/20 { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:stroke-cyan-700\/30 { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:stroke-cyan-700\/40 { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:stroke-cyan-700\/50 { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:stroke-cyan-700\/60 { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:stroke-cyan-700\/70 { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:stroke-cyan-700\/80 { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:stroke-cyan-700\/90 { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:stroke-cyan-800 { + stroke: var(--cyan-800) + } + .md\:stroke-cyan-800\/10 { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:stroke-cyan-800\/20 { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:stroke-cyan-800\/30 { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:stroke-cyan-800\/40 { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:stroke-cyan-800\/50 { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:stroke-cyan-800\/60 { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:stroke-cyan-800\/70 { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:stroke-cyan-800\/80 { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:stroke-cyan-800\/90 { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:stroke-cyan-900 { + stroke: var(--cyan-900) + } + .md\:stroke-cyan-900\/10 { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:stroke-cyan-900\/20 { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:stroke-cyan-900\/30 { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:stroke-cyan-900\/40 { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:stroke-cyan-900\/50 { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:stroke-cyan-900\/60 { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:stroke-cyan-900\/70 { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:stroke-cyan-900\/80 { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:stroke-cyan-900\/90 { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:stroke-pink-50 { + stroke: var(--pink-50) + } + .md\:stroke-pink-50\/10 { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:stroke-pink-50\/20 { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:stroke-pink-50\/30 { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:stroke-pink-50\/40 { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:stroke-pink-50\/50 { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:stroke-pink-50\/60 { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:stroke-pink-50\/70 { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:stroke-pink-50\/80 { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:stroke-pink-50\/90 { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:stroke-pink-100 { + stroke: var(--pink-100) + } + .md\:stroke-pink-100\/10 { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:stroke-pink-100\/20 { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:stroke-pink-100\/30 { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:stroke-pink-100\/40 { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:stroke-pink-100\/50 { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:stroke-pink-100\/60 { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:stroke-pink-100\/70 { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:stroke-pink-100\/80 { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:stroke-pink-100\/90 { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:stroke-pink-200 { + stroke: var(--pink-200) + } + .md\:stroke-pink-200\/10 { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:stroke-pink-200\/20 { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:stroke-pink-200\/30 { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:stroke-pink-200\/40 { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:stroke-pink-200\/50 { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:stroke-pink-200\/60 { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:stroke-pink-200\/70 { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:stroke-pink-200\/80 { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:stroke-pink-200\/90 { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:stroke-pink-300 { + stroke: var(--pink-300) + } + .md\:stroke-pink-300\/10 { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:stroke-pink-300\/20 { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:stroke-pink-300\/30 { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:stroke-pink-300\/40 { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:stroke-pink-300\/50 { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:stroke-pink-300\/60 { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:stroke-pink-300\/70 { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:stroke-pink-300\/80 { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:stroke-pink-300\/90 { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:stroke-pink-400 { + stroke: var(--pink-400) + } + .md\:stroke-pink-400\/10 { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:stroke-pink-400\/20 { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:stroke-pink-400\/30 { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:stroke-pink-400\/40 { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:stroke-pink-400\/50 { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:stroke-pink-400\/60 { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:stroke-pink-400\/70 { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:stroke-pink-400\/80 { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:stroke-pink-400\/90 { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:stroke-pink-500 { + stroke: var(--pink-500) + } + .md\:stroke-pink-500\/10 { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:stroke-pink-500\/20 { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:stroke-pink-500\/30 { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:stroke-pink-500\/40 { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:stroke-pink-500\/50 { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:stroke-pink-500\/60 { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:stroke-pink-500\/70 { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:stroke-pink-500\/80 { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:stroke-pink-500\/90 { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:stroke-pink-600 { + stroke: var(--pink-600) + } + .md\:stroke-pink-600\/10 { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:stroke-pink-600\/20 { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:stroke-pink-600\/30 { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:stroke-pink-600\/40 { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:stroke-pink-600\/50 { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:stroke-pink-600\/60 { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:stroke-pink-600\/70 { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:stroke-pink-600\/80 { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:stroke-pink-600\/90 { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:stroke-pink-700 { + stroke: var(--pink-700) + } + .md\:stroke-pink-700\/10 { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:stroke-pink-700\/20 { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:stroke-pink-700\/30 { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:stroke-pink-700\/40 { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:stroke-pink-700\/50 { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:stroke-pink-700\/60 { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:stroke-pink-700\/70 { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:stroke-pink-700\/80 { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:stroke-pink-700\/90 { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:stroke-pink-800 { + stroke: var(--pink-800) + } + .md\:stroke-pink-800\/10 { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:stroke-pink-800\/20 { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:stroke-pink-800\/30 { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:stroke-pink-800\/40 { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:stroke-pink-800\/50 { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:stroke-pink-800\/60 { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:stroke-pink-800\/70 { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:stroke-pink-800\/80 { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:stroke-pink-800\/90 { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:stroke-pink-900 { + stroke: var(--pink-900) + } + .md\:stroke-pink-900\/10 { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:stroke-pink-900\/20 { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:stroke-pink-900\/30 { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:stroke-pink-900\/40 { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:stroke-pink-900\/50 { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:stroke-pink-900\/60 { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:stroke-pink-900\/70 { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:stroke-pink-900\/80 { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:stroke-pink-900\/90 { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:stroke-indigo-50 { + stroke: var(--indigo-50) + } + .md\:stroke-indigo-50\/10 { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:stroke-indigo-50\/20 { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:stroke-indigo-50\/30 { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:stroke-indigo-50\/40 { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:stroke-indigo-50\/50 { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:stroke-indigo-50\/60 { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:stroke-indigo-50\/70 { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:stroke-indigo-50\/80 { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:stroke-indigo-50\/90 { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:stroke-indigo-100 { + stroke: var(--indigo-100) + } + .md\:stroke-indigo-100\/10 { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:stroke-indigo-100\/20 { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:stroke-indigo-100\/30 { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:stroke-indigo-100\/40 { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:stroke-indigo-100\/50 { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:stroke-indigo-100\/60 { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:stroke-indigo-100\/70 { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:stroke-indigo-100\/80 { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:stroke-indigo-100\/90 { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:stroke-indigo-200 { + stroke: var(--indigo-200) + } + .md\:stroke-indigo-200\/10 { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:stroke-indigo-200\/20 { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:stroke-indigo-200\/30 { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:stroke-indigo-200\/40 { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:stroke-indigo-200\/50 { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:stroke-indigo-200\/60 { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:stroke-indigo-200\/70 { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:stroke-indigo-200\/80 { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:stroke-indigo-200\/90 { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:stroke-indigo-300 { + stroke: var(--indigo-300) + } + .md\:stroke-indigo-300\/10 { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:stroke-indigo-300\/20 { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:stroke-indigo-300\/30 { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:stroke-indigo-300\/40 { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:stroke-indigo-300\/50 { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:stroke-indigo-300\/60 { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:stroke-indigo-300\/70 { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:stroke-indigo-300\/80 { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:stroke-indigo-300\/90 { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:stroke-indigo-400 { + stroke: var(--indigo-400) + } + .md\:stroke-indigo-400\/10 { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:stroke-indigo-400\/20 { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:stroke-indigo-400\/30 { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:stroke-indigo-400\/40 { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:stroke-indigo-400\/50 { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:stroke-indigo-400\/60 { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:stroke-indigo-400\/70 { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:stroke-indigo-400\/80 { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:stroke-indigo-400\/90 { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:stroke-indigo-500 { + stroke: var(--indigo-500) + } + .md\:stroke-indigo-500\/10 { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:stroke-indigo-500\/20 { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:stroke-indigo-500\/30 { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:stroke-indigo-500\/40 { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:stroke-indigo-500\/50 { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:stroke-indigo-500\/60 { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:stroke-indigo-500\/70 { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:stroke-indigo-500\/80 { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:stroke-indigo-500\/90 { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:stroke-indigo-600 { + stroke: var(--indigo-600) + } + .md\:stroke-indigo-600\/10 { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:stroke-indigo-600\/20 { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:stroke-indigo-600\/30 { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:stroke-indigo-600\/40 { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:stroke-indigo-600\/50 { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:stroke-indigo-600\/60 { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:stroke-indigo-600\/70 { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:stroke-indigo-600\/80 { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:stroke-indigo-600\/90 { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:stroke-indigo-700 { + stroke: var(--indigo-700) + } + .md\:stroke-indigo-700\/10 { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:stroke-indigo-700\/20 { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:stroke-indigo-700\/30 { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:stroke-indigo-700\/40 { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:stroke-indigo-700\/50 { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:stroke-indigo-700\/60 { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:stroke-indigo-700\/70 { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:stroke-indigo-700\/80 { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:stroke-indigo-700\/90 { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:stroke-indigo-800 { + stroke: var(--indigo-800) + } + .md\:stroke-indigo-800\/10 { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:stroke-indigo-800\/20 { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:stroke-indigo-800\/30 { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:stroke-indigo-800\/40 { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:stroke-indigo-800\/50 { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:stroke-indigo-800\/60 { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:stroke-indigo-800\/70 { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:stroke-indigo-800\/80 { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:stroke-indigo-800\/90 { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:stroke-indigo-900 { + stroke: var(--indigo-900) + } + .md\:stroke-indigo-900\/10 { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:stroke-indigo-900\/20 { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:stroke-indigo-900\/30 { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:stroke-indigo-900\/40 { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:stroke-indigo-900\/50 { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:stroke-indigo-900\/60 { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:stroke-indigo-900\/70 { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:stroke-indigo-900\/80 { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:stroke-indigo-900\/90 { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:stroke-teal-50 { + stroke: var(--teal-50) + } + .md\:stroke-teal-50\/10 { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:stroke-teal-50\/20 { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:stroke-teal-50\/30 { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:stroke-teal-50\/40 { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:stroke-teal-50\/50 { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:stroke-teal-50\/60 { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:stroke-teal-50\/70 { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:stroke-teal-50\/80 { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:stroke-teal-50\/90 { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:stroke-teal-100 { + stroke: var(--teal-100) + } + .md\:stroke-teal-100\/10 { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:stroke-teal-100\/20 { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:stroke-teal-100\/30 { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:stroke-teal-100\/40 { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:stroke-teal-100\/50 { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:stroke-teal-100\/60 { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:stroke-teal-100\/70 { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:stroke-teal-100\/80 { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:stroke-teal-100\/90 { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:stroke-teal-200 { + stroke: var(--teal-200) + } + .md\:stroke-teal-200\/10 { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:stroke-teal-200\/20 { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:stroke-teal-200\/30 { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:stroke-teal-200\/40 { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:stroke-teal-200\/50 { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:stroke-teal-200\/60 { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:stroke-teal-200\/70 { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:stroke-teal-200\/80 { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:stroke-teal-200\/90 { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:stroke-teal-300 { + stroke: var(--teal-300) + } + .md\:stroke-teal-300\/10 { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:stroke-teal-300\/20 { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:stroke-teal-300\/30 { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:stroke-teal-300\/40 { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:stroke-teal-300\/50 { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:stroke-teal-300\/60 { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:stroke-teal-300\/70 { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:stroke-teal-300\/80 { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:stroke-teal-300\/90 { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:stroke-teal-400 { + stroke: var(--teal-400) + } + .md\:stroke-teal-400\/10 { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:stroke-teal-400\/20 { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:stroke-teal-400\/30 { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:stroke-teal-400\/40 { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:stroke-teal-400\/50 { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:stroke-teal-400\/60 { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:stroke-teal-400\/70 { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:stroke-teal-400\/80 { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:stroke-teal-400\/90 { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:stroke-teal-500 { + stroke: var(--teal-500) + } + .md\:stroke-teal-500\/10 { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:stroke-teal-500\/20 { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:stroke-teal-500\/30 { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:stroke-teal-500\/40 { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:stroke-teal-500\/50 { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:stroke-teal-500\/60 { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:stroke-teal-500\/70 { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:stroke-teal-500\/80 { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:stroke-teal-500\/90 { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:stroke-teal-600 { + stroke: var(--teal-600) + } + .md\:stroke-teal-600\/10 { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:stroke-teal-600\/20 { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:stroke-teal-600\/30 { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:stroke-teal-600\/40 { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:stroke-teal-600\/50 { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:stroke-teal-600\/60 { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:stroke-teal-600\/70 { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:stroke-teal-600\/80 { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:stroke-teal-600\/90 { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:stroke-teal-700 { + stroke: var(--teal-700) + } + .md\:stroke-teal-700\/10 { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:stroke-teal-700\/20 { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:stroke-teal-700\/30 { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:stroke-teal-700\/40 { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:stroke-teal-700\/50 { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:stroke-teal-700\/60 { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:stroke-teal-700\/70 { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:stroke-teal-700\/80 { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:stroke-teal-700\/90 { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:stroke-teal-800 { + stroke: var(--teal-800) + } + .md\:stroke-teal-800\/10 { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:stroke-teal-800\/20 { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:stroke-teal-800\/30 { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:stroke-teal-800\/40 { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:stroke-teal-800\/50 { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:stroke-teal-800\/60 { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:stroke-teal-800\/70 { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:stroke-teal-800\/80 { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:stroke-teal-800\/90 { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:stroke-teal-900 { + stroke: var(--teal-900) + } + .md\:stroke-teal-900\/10 { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:stroke-teal-900\/20 { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:stroke-teal-900\/30 { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:stroke-teal-900\/40 { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:stroke-teal-900\/50 { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:stroke-teal-900\/60 { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:stroke-teal-900\/70 { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:stroke-teal-900\/80 { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:stroke-teal-900\/90 { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:stroke-orange-50 { + stroke: var(--orange-50) + } + .md\:stroke-orange-50\/10 { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:stroke-orange-50\/20 { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:stroke-orange-50\/30 { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:stroke-orange-50\/40 { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:stroke-orange-50\/50 { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:stroke-orange-50\/60 { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:stroke-orange-50\/70 { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:stroke-orange-50\/80 { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:stroke-orange-50\/90 { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:stroke-orange-100 { + stroke: var(--orange-100) + } + .md\:stroke-orange-100\/10 { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:stroke-orange-100\/20 { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:stroke-orange-100\/30 { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:stroke-orange-100\/40 { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:stroke-orange-100\/50 { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:stroke-orange-100\/60 { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:stroke-orange-100\/70 { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:stroke-orange-100\/80 { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:stroke-orange-100\/90 { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:stroke-orange-200 { + stroke: var(--orange-200) + } + .md\:stroke-orange-200\/10 { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:stroke-orange-200\/20 { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:stroke-orange-200\/30 { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:stroke-orange-200\/40 { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:stroke-orange-200\/50 { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:stroke-orange-200\/60 { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:stroke-orange-200\/70 { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:stroke-orange-200\/80 { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:stroke-orange-200\/90 { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:stroke-orange-300 { + stroke: var(--orange-300) + } + .md\:stroke-orange-300\/10 { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:stroke-orange-300\/20 { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:stroke-orange-300\/30 { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:stroke-orange-300\/40 { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:stroke-orange-300\/50 { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:stroke-orange-300\/60 { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:stroke-orange-300\/70 { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:stroke-orange-300\/80 { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:stroke-orange-300\/90 { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:stroke-orange-400 { + stroke: var(--orange-400) + } + .md\:stroke-orange-400\/10 { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:stroke-orange-400\/20 { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:stroke-orange-400\/30 { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:stroke-orange-400\/40 { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:stroke-orange-400\/50 { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:stroke-orange-400\/60 { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:stroke-orange-400\/70 { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:stroke-orange-400\/80 { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:stroke-orange-400\/90 { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:stroke-orange-500 { + stroke: var(--orange-500) + } + .md\:stroke-orange-500\/10 { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:stroke-orange-500\/20 { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:stroke-orange-500\/30 { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:stroke-orange-500\/40 { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:stroke-orange-500\/50 { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:stroke-orange-500\/60 { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:stroke-orange-500\/70 { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:stroke-orange-500\/80 { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:stroke-orange-500\/90 { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:stroke-orange-600 { + stroke: var(--orange-600) + } + .md\:stroke-orange-600\/10 { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:stroke-orange-600\/20 { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:stroke-orange-600\/30 { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:stroke-orange-600\/40 { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:stroke-orange-600\/50 { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:stroke-orange-600\/60 { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:stroke-orange-600\/70 { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:stroke-orange-600\/80 { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:stroke-orange-600\/90 { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:stroke-orange-700 { + stroke: var(--orange-700) + } + .md\:stroke-orange-700\/10 { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:stroke-orange-700\/20 { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:stroke-orange-700\/30 { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:stroke-orange-700\/40 { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:stroke-orange-700\/50 { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:stroke-orange-700\/60 { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:stroke-orange-700\/70 { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:stroke-orange-700\/80 { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:stroke-orange-700\/90 { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:stroke-orange-800 { + stroke: var(--orange-800) + } + .md\:stroke-orange-800\/10 { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:stroke-orange-800\/20 { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:stroke-orange-800\/30 { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:stroke-orange-800\/40 { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:stroke-orange-800\/50 { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:stroke-orange-800\/60 { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:stroke-orange-800\/70 { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:stroke-orange-800\/80 { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:stroke-orange-800\/90 { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:stroke-orange-900 { + stroke: var(--orange-900) + } + .md\:stroke-orange-900\/10 { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:stroke-orange-900\/20 { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:stroke-orange-900\/30 { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:stroke-orange-900\/40 { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:stroke-orange-900\/50 { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:stroke-orange-900\/60 { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:stroke-orange-900\/70 { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:stroke-orange-900\/80 { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:stroke-orange-900\/90 { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:stroke-bluegray-50 { + stroke: var(--bluegray-50) + } + .md\:stroke-bluegray-50\/10 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:stroke-bluegray-50\/20 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:stroke-bluegray-50\/30 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:stroke-bluegray-50\/40 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:stroke-bluegray-50\/50 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:stroke-bluegray-50\/60 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:stroke-bluegray-50\/70 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:stroke-bluegray-50\/80 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:stroke-bluegray-50\/90 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:stroke-bluegray-100 { + stroke: var(--bluegray-100) + } + .md\:stroke-bluegray-100\/10 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:stroke-bluegray-100\/20 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:stroke-bluegray-100\/30 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:stroke-bluegray-100\/40 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:stroke-bluegray-100\/50 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:stroke-bluegray-100\/60 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:stroke-bluegray-100\/70 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:stroke-bluegray-100\/80 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:stroke-bluegray-100\/90 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:stroke-bluegray-200 { + stroke: var(--bluegray-200) + } + .md\:stroke-bluegray-200\/10 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:stroke-bluegray-200\/20 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:stroke-bluegray-200\/30 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:stroke-bluegray-200\/40 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:stroke-bluegray-200\/50 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:stroke-bluegray-200\/60 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:stroke-bluegray-200\/70 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:stroke-bluegray-200\/80 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:stroke-bluegray-200\/90 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:stroke-bluegray-300 { + stroke: var(--bluegray-300) + } + .md\:stroke-bluegray-300\/10 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:stroke-bluegray-300\/20 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:stroke-bluegray-300\/30 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:stroke-bluegray-300\/40 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:stroke-bluegray-300\/50 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:stroke-bluegray-300\/60 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:stroke-bluegray-300\/70 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:stroke-bluegray-300\/80 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:stroke-bluegray-300\/90 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:stroke-bluegray-400 { + stroke: var(--bluegray-400) + } + .md\:stroke-bluegray-400\/10 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:stroke-bluegray-400\/20 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:stroke-bluegray-400\/30 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:stroke-bluegray-400\/40 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:stroke-bluegray-400\/50 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:stroke-bluegray-400\/60 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:stroke-bluegray-400\/70 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:stroke-bluegray-400\/80 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:stroke-bluegray-400\/90 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:stroke-bluegray-500 { + stroke: var(--bluegray-500) + } + .md\:stroke-bluegray-500\/10 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:stroke-bluegray-500\/20 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:stroke-bluegray-500\/30 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:stroke-bluegray-500\/40 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:stroke-bluegray-500\/50 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:stroke-bluegray-500\/60 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:stroke-bluegray-500\/70 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:stroke-bluegray-500\/80 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:stroke-bluegray-500\/90 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:stroke-bluegray-600 { + stroke: var(--bluegray-600) + } + .md\:stroke-bluegray-600\/10 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:stroke-bluegray-600\/20 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:stroke-bluegray-600\/30 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:stroke-bluegray-600\/40 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:stroke-bluegray-600\/50 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:stroke-bluegray-600\/60 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:stroke-bluegray-600\/70 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:stroke-bluegray-600\/80 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:stroke-bluegray-600\/90 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:stroke-bluegray-700 { + stroke: var(--bluegray-700) + } + .md\:stroke-bluegray-700\/10 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:stroke-bluegray-700\/20 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:stroke-bluegray-700\/30 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:stroke-bluegray-700\/40 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:stroke-bluegray-700\/50 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:stroke-bluegray-700\/60 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:stroke-bluegray-700\/70 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:stroke-bluegray-700\/80 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:stroke-bluegray-700\/90 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:stroke-bluegray-800 { + stroke: var(--bluegray-800) + } + .md\:stroke-bluegray-800\/10 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:stroke-bluegray-800\/20 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:stroke-bluegray-800\/30 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:stroke-bluegray-800\/40 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:stroke-bluegray-800\/50 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:stroke-bluegray-800\/60 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:stroke-bluegray-800\/70 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:stroke-bluegray-800\/80 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:stroke-bluegray-800\/90 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:stroke-bluegray-900 { + stroke: var(--bluegray-900) + } + .md\:stroke-bluegray-900\/10 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:stroke-bluegray-900\/20 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:stroke-bluegray-900\/30 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:stroke-bluegray-900\/40 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:stroke-bluegray-900\/50 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:stroke-bluegray-900\/60 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:stroke-bluegray-900\/70 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:stroke-bluegray-900\/80 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:stroke-bluegray-900\/90 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:stroke-purple-50 { + stroke: var(--purple-50) + } + .md\:stroke-purple-50\/10 { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:stroke-purple-50\/20 { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:stroke-purple-50\/30 { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:stroke-purple-50\/40 { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:stroke-purple-50\/50 { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:stroke-purple-50\/60 { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:stroke-purple-50\/70 { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:stroke-purple-50\/80 { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:stroke-purple-50\/90 { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:stroke-purple-100 { + stroke: var(--purple-100) + } + .md\:stroke-purple-100\/10 { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:stroke-purple-100\/20 { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:stroke-purple-100\/30 { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:stroke-purple-100\/40 { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:stroke-purple-100\/50 { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:stroke-purple-100\/60 { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:stroke-purple-100\/70 { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:stroke-purple-100\/80 { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:stroke-purple-100\/90 { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:stroke-purple-200 { + stroke: var(--purple-200) + } + .md\:stroke-purple-200\/10 { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:stroke-purple-200\/20 { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:stroke-purple-200\/30 { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:stroke-purple-200\/40 { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:stroke-purple-200\/50 { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:stroke-purple-200\/60 { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:stroke-purple-200\/70 { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:stroke-purple-200\/80 { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:stroke-purple-200\/90 { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:stroke-purple-300 { + stroke: var(--purple-300) + } + .md\:stroke-purple-300\/10 { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:stroke-purple-300\/20 { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:stroke-purple-300\/30 { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:stroke-purple-300\/40 { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:stroke-purple-300\/50 { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:stroke-purple-300\/60 { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:stroke-purple-300\/70 { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:stroke-purple-300\/80 { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:stroke-purple-300\/90 { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:stroke-purple-400 { + stroke: var(--purple-400) + } + .md\:stroke-purple-400\/10 { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:stroke-purple-400\/20 { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:stroke-purple-400\/30 { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:stroke-purple-400\/40 { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:stroke-purple-400\/50 { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:stroke-purple-400\/60 { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:stroke-purple-400\/70 { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:stroke-purple-400\/80 { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:stroke-purple-400\/90 { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:stroke-purple-500 { + stroke: var(--purple-500) + } + .md\:stroke-purple-500\/10 { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:stroke-purple-500\/20 { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:stroke-purple-500\/30 { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:stroke-purple-500\/40 { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:stroke-purple-500\/50 { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:stroke-purple-500\/60 { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:stroke-purple-500\/70 { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:stroke-purple-500\/80 { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:stroke-purple-500\/90 { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:stroke-purple-600 { + stroke: var(--purple-600) + } + .md\:stroke-purple-600\/10 { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:stroke-purple-600\/20 { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:stroke-purple-600\/30 { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:stroke-purple-600\/40 { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:stroke-purple-600\/50 { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:stroke-purple-600\/60 { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:stroke-purple-600\/70 { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:stroke-purple-600\/80 { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:stroke-purple-600\/90 { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:stroke-purple-700 { + stroke: var(--purple-700) + } + .md\:stroke-purple-700\/10 { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:stroke-purple-700\/20 { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:stroke-purple-700\/30 { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:stroke-purple-700\/40 { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:stroke-purple-700\/50 { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:stroke-purple-700\/60 { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:stroke-purple-700\/70 { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:stroke-purple-700\/80 { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:stroke-purple-700\/90 { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:stroke-purple-800 { + stroke: var(--purple-800) + } + .md\:stroke-purple-800\/10 { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:stroke-purple-800\/20 { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:stroke-purple-800\/30 { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:stroke-purple-800\/40 { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:stroke-purple-800\/50 { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:stroke-purple-800\/60 { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:stroke-purple-800\/70 { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:stroke-purple-800\/80 { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:stroke-purple-800\/90 { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:stroke-purple-900 { + stroke: var(--purple-900) + } + .md\:stroke-purple-900\/10 { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:stroke-purple-900\/20 { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:stroke-purple-900\/30 { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:stroke-purple-900\/40 { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:stroke-purple-900\/50 { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:stroke-purple-900\/60 { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:stroke-purple-900\/70 { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:stroke-purple-900\/80 { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:stroke-purple-900\/90 { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:stroke-red-50 { + stroke: var(--red-50) + } + .md\:stroke-red-50\/10 { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:stroke-red-50\/20 { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:stroke-red-50\/30 { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:stroke-red-50\/40 { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:stroke-red-50\/50 { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:stroke-red-50\/60 { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:stroke-red-50\/70 { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:stroke-red-50\/80 { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:stroke-red-50\/90 { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:stroke-red-100 { + stroke: var(--red-100) + } + .md\:stroke-red-100\/10 { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:stroke-red-100\/20 { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:stroke-red-100\/30 { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:stroke-red-100\/40 { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:stroke-red-100\/50 { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:stroke-red-100\/60 { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:stroke-red-100\/70 { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:stroke-red-100\/80 { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:stroke-red-100\/90 { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:stroke-red-200 { + stroke: var(--red-200) + } + .md\:stroke-red-200\/10 { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:stroke-red-200\/20 { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:stroke-red-200\/30 { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:stroke-red-200\/40 { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:stroke-red-200\/50 { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:stroke-red-200\/60 { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:stroke-red-200\/70 { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:stroke-red-200\/80 { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:stroke-red-200\/90 { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:stroke-red-300 { + stroke: var(--red-300) + } + .md\:stroke-red-300\/10 { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:stroke-red-300\/20 { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:stroke-red-300\/30 { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:stroke-red-300\/40 { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:stroke-red-300\/50 { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:stroke-red-300\/60 { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:stroke-red-300\/70 { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:stroke-red-300\/80 { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:stroke-red-300\/90 { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:stroke-red-400 { + stroke: var(--red-400) + } + .md\:stroke-red-400\/10 { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:stroke-red-400\/20 { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:stroke-red-400\/30 { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:stroke-red-400\/40 { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:stroke-red-400\/50 { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:stroke-red-400\/60 { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:stroke-red-400\/70 { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:stroke-red-400\/80 { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:stroke-red-400\/90 { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:stroke-red-500 { + stroke: var(--red-500) + } + .md\:stroke-red-500\/10 { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:stroke-red-500\/20 { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:stroke-red-500\/30 { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:stroke-red-500\/40 { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:stroke-red-500\/50 { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:stroke-red-500\/60 { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:stroke-red-500\/70 { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:stroke-red-500\/80 { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:stroke-red-500\/90 { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:stroke-red-600 { + stroke: var(--red-600) + } + .md\:stroke-red-600\/10 { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:stroke-red-600\/20 { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:stroke-red-600\/30 { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:stroke-red-600\/40 { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:stroke-red-600\/50 { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:stroke-red-600\/60 { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:stroke-red-600\/70 { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:stroke-red-600\/80 { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:stroke-red-600\/90 { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:stroke-red-700 { + stroke: var(--red-700) + } + .md\:stroke-red-700\/10 { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:stroke-red-700\/20 { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:stroke-red-700\/30 { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:stroke-red-700\/40 { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:stroke-red-700\/50 { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:stroke-red-700\/60 { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:stroke-red-700\/70 { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:stroke-red-700\/80 { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:stroke-red-700\/90 { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:stroke-red-800 { + stroke: var(--red-800) + } + .md\:stroke-red-800\/10 { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:stroke-red-800\/20 { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:stroke-red-800\/30 { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:stroke-red-800\/40 { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:stroke-red-800\/50 { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:stroke-red-800\/60 { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:stroke-red-800\/70 { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:stroke-red-800\/80 { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:stroke-red-800\/90 { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:stroke-red-900 { + stroke: var(--red-900) + } + .md\:stroke-red-900\/10 { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:stroke-red-900\/20 { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:stroke-red-900\/30 { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:stroke-red-900\/40 { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:stroke-red-900\/50 { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:stroke-red-900\/60 { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:stroke-red-900\/70 { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:stroke-red-900\/80 { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:stroke-red-900\/90 { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:stroke-gray-50 { + stroke: var(--gray-50) + } + .md\:stroke-gray-50\/10 { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:stroke-gray-50\/20 { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:stroke-gray-50\/30 { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:stroke-gray-50\/40 { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:stroke-gray-50\/50 { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:stroke-gray-50\/60 { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:stroke-gray-50\/70 { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:stroke-gray-50\/80 { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:stroke-gray-50\/90 { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:stroke-gray-100 { + stroke: var(--gray-100) + } + .md\:stroke-gray-100\/10 { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:stroke-gray-100\/20 { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:stroke-gray-100\/30 { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:stroke-gray-100\/40 { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:stroke-gray-100\/50 { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:stroke-gray-100\/60 { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:stroke-gray-100\/70 { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:stroke-gray-100\/80 { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:stroke-gray-100\/90 { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:stroke-gray-200 { + stroke: var(--gray-200) + } + .md\:stroke-gray-200\/10 { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:stroke-gray-200\/20 { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:stroke-gray-200\/30 { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:stroke-gray-200\/40 { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:stroke-gray-200\/50 { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:stroke-gray-200\/60 { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:stroke-gray-200\/70 { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:stroke-gray-200\/80 { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:stroke-gray-200\/90 { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:stroke-gray-300 { + stroke: var(--gray-300) + } + .md\:stroke-gray-300\/10 { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:stroke-gray-300\/20 { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:stroke-gray-300\/30 { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:stroke-gray-300\/40 { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:stroke-gray-300\/50 { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:stroke-gray-300\/60 { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:stroke-gray-300\/70 { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:stroke-gray-300\/80 { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:stroke-gray-300\/90 { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:stroke-gray-400 { + stroke: var(--gray-400) + } + .md\:stroke-gray-400\/10 { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:stroke-gray-400\/20 { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:stroke-gray-400\/30 { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:stroke-gray-400\/40 { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:stroke-gray-400\/50 { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:stroke-gray-400\/60 { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:stroke-gray-400\/70 { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:stroke-gray-400\/80 { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:stroke-gray-400\/90 { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:stroke-gray-500 { + stroke: var(--gray-500) + } + .md\:stroke-gray-500\/10 { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:stroke-gray-500\/20 { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:stroke-gray-500\/30 { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:stroke-gray-500\/40 { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:stroke-gray-500\/50 { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:stroke-gray-500\/60 { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:stroke-gray-500\/70 { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:stroke-gray-500\/80 { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:stroke-gray-500\/90 { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:stroke-gray-600 { + stroke: var(--gray-600) + } + .md\:stroke-gray-600\/10 { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:stroke-gray-600\/20 { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:stroke-gray-600\/30 { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:stroke-gray-600\/40 { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:stroke-gray-600\/50 { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:stroke-gray-600\/60 { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:stroke-gray-600\/70 { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:stroke-gray-600\/80 { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:stroke-gray-600\/90 { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:stroke-gray-700 { + stroke: var(--gray-700) + } + .md\:stroke-gray-700\/10 { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:stroke-gray-700\/20 { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:stroke-gray-700\/30 { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:stroke-gray-700\/40 { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:stroke-gray-700\/50 { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:stroke-gray-700\/60 { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:stroke-gray-700\/70 { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:stroke-gray-700\/80 { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:stroke-gray-700\/90 { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:stroke-gray-800 { + stroke: var(--gray-800) + } + .md\:stroke-gray-800\/10 { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:stroke-gray-800\/20 { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:stroke-gray-800\/30 { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:stroke-gray-800\/40 { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:stroke-gray-800\/50 { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:stroke-gray-800\/60 { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:stroke-gray-800\/70 { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:stroke-gray-800\/80 { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:stroke-gray-800\/90 { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:stroke-gray-900 { + stroke: var(--gray-900) + } + .md\:stroke-gray-900\/10 { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:stroke-gray-900\/20 { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:stroke-gray-900\/30 { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:stroke-gray-900\/40 { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:stroke-gray-900\/50 { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:stroke-gray-900\/60 { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:stroke-gray-900\/70 { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:stroke-gray-900\/80 { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:stroke-gray-900\/90 { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:stroke-surface-0 { + stroke: var(--surface-0) + } + .md\:stroke-surface-0\/10 { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:stroke-surface-0\/20 { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:stroke-surface-0\/30 { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:stroke-surface-0\/40 { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:stroke-surface-0\/50 { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:stroke-surface-0\/60 { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:stroke-surface-0\/70 { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:stroke-surface-0\/80 { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:stroke-surface-0\/90 { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:stroke-surface-50 { + stroke: var(--surface-50) + } + .md\:stroke-surface-50\/10 { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:stroke-surface-50\/20 { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:stroke-surface-50\/30 { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:stroke-surface-50\/40 { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:stroke-surface-50\/50 { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:stroke-surface-50\/60 { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:stroke-surface-50\/70 { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:stroke-surface-50\/80 { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:stroke-surface-50\/90 { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:stroke-surface-100 { + stroke: var(--surface-100) + } + .md\:stroke-surface-100\/10 { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:stroke-surface-100\/20 { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:stroke-surface-100\/30 { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:stroke-surface-100\/40 { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:stroke-surface-100\/50 { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:stroke-surface-100\/60 { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:stroke-surface-100\/70 { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:stroke-surface-100\/80 { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:stroke-surface-100\/90 { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:stroke-surface-200 { + stroke: var(--surface-200) + } + .md\:stroke-surface-200\/10 { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:stroke-surface-200\/20 { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:stroke-surface-200\/30 { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:stroke-surface-200\/40 { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:stroke-surface-200\/50 { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:stroke-surface-200\/60 { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:stroke-surface-200\/70 { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:stroke-surface-200\/80 { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:stroke-surface-200\/90 { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:stroke-surface-300 { + stroke: var(--surface-300) + } + .md\:stroke-surface-300\/10 { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:stroke-surface-300\/20 { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:stroke-surface-300\/30 { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:stroke-surface-300\/40 { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:stroke-surface-300\/50 { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:stroke-surface-300\/60 { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:stroke-surface-300\/70 { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:stroke-surface-300\/80 { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:stroke-surface-300\/90 { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:stroke-surface-400 { + stroke: var(--surface-400) + } + .md\:stroke-surface-400\/10 { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:stroke-surface-400\/20 { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:stroke-surface-400\/30 { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:stroke-surface-400\/40 { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:stroke-surface-400\/50 { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:stroke-surface-400\/60 { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:stroke-surface-400\/70 { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:stroke-surface-400\/80 { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:stroke-surface-400\/90 { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:stroke-surface-500 { + stroke: var(--surface-500) + } + .md\:stroke-surface-500\/10 { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:stroke-surface-500\/20 { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:stroke-surface-500\/30 { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:stroke-surface-500\/40 { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:stroke-surface-500\/50 { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:stroke-surface-500\/60 { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:stroke-surface-500\/70 { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:stroke-surface-500\/80 { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:stroke-surface-500\/90 { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:stroke-surface-600 { + stroke: var(--surface-600) + } + .md\:stroke-surface-600\/10 { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:stroke-surface-600\/20 { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:stroke-surface-600\/30 { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:stroke-surface-600\/40 { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:stroke-surface-600\/50 { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:stroke-surface-600\/60 { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:stroke-surface-600\/70 { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:stroke-surface-600\/80 { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:stroke-surface-600\/90 { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:stroke-surface-700 { + stroke: var(--surface-700) + } + .md\:stroke-surface-700\/10 { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:stroke-surface-700\/20 { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:stroke-surface-700\/30 { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:stroke-surface-700\/40 { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:stroke-surface-700\/50 { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:stroke-surface-700\/60 { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:stroke-surface-700\/70 { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:stroke-surface-700\/80 { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:stroke-surface-700\/90 { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:stroke-surface-800 { + stroke: var(--surface-800) + } + .md\:stroke-surface-800\/10 { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:stroke-surface-800\/20 { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:stroke-surface-800\/30 { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:stroke-surface-800\/40 { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:stroke-surface-800\/50 { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:stroke-surface-800\/60 { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:stroke-surface-800\/70 { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:stroke-surface-800\/80 { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:stroke-surface-800\/90 { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:stroke-surface-900 { + stroke: var(--surface-900) + } + .md\:stroke-surface-900\/10 { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:stroke-surface-900\/20 { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:stroke-surface-900\/30 { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:stroke-surface-900\/40 { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:stroke-surface-900\/50 { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:stroke-surface-900\/60 { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:stroke-surface-900\/70 { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:stroke-surface-900\/80 { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:stroke-surface-900\/90 { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:stroke-primary-50 { + stroke: var(--primary-50) + } + .md\:stroke-primary-50\/10 { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:stroke-primary-50\/20 { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:stroke-primary-50\/30 { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:stroke-primary-50\/40 { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:stroke-primary-50\/50 { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:stroke-primary-50\/60 { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:stroke-primary-50\/70 { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:stroke-primary-50\/80 { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:stroke-primary-50\/90 { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:stroke-primary-100 { + stroke: var(--primary-100) + } + .md\:stroke-primary-100\/10 { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:stroke-primary-100\/20 { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:stroke-primary-100\/30 { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:stroke-primary-100\/40 { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:stroke-primary-100\/50 { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:stroke-primary-100\/60 { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:stroke-primary-100\/70 { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:stroke-primary-100\/80 { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:stroke-primary-100\/90 { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:stroke-primary-200 { + stroke: var(--primary-200) + } + .md\:stroke-primary-200\/10 { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:stroke-primary-200\/20 { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:stroke-primary-200\/30 { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:stroke-primary-200\/40 { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:stroke-primary-200\/50 { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:stroke-primary-200\/60 { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:stroke-primary-200\/70 { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:stroke-primary-200\/80 { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:stroke-primary-200\/90 { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:stroke-primary-300 { + stroke: var(--primary-300) + } + .md\:stroke-primary-300\/10 { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:stroke-primary-300\/20 { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:stroke-primary-300\/30 { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:stroke-primary-300\/40 { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:stroke-primary-300\/50 { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:stroke-primary-300\/60 { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:stroke-primary-300\/70 { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:stroke-primary-300\/80 { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:stroke-primary-300\/90 { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:stroke-primary-400 { + stroke: var(--primary-400) + } + .md\:stroke-primary-400\/10 { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:stroke-primary-400\/20 { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:stroke-primary-400\/30 { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:stroke-primary-400\/40 { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:stroke-primary-400\/50 { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:stroke-primary-400\/60 { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:stroke-primary-400\/70 { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:stroke-primary-400\/80 { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:stroke-primary-400\/90 { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:stroke-primary-500 { + stroke: var(--primary-500) + } + .md\:stroke-primary-500\/10 { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:stroke-primary-500\/20 { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:stroke-primary-500\/30 { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:stroke-primary-500\/40 { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:stroke-primary-500\/50 { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:stroke-primary-500\/60 { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:stroke-primary-500\/70 { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:stroke-primary-500\/80 { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:stroke-primary-500\/90 { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:stroke-primary-600 { + stroke: var(--primary-600) + } + .md\:stroke-primary-600\/10 { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:stroke-primary-600\/20 { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:stroke-primary-600\/30 { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:stroke-primary-600\/40 { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:stroke-primary-600\/50 { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:stroke-primary-600\/60 { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:stroke-primary-600\/70 { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:stroke-primary-600\/80 { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:stroke-primary-600\/90 { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:stroke-primary-700 { + stroke: var(--primary-700) + } + .md\:stroke-primary-700\/10 { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:stroke-primary-700\/20 { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:stroke-primary-700\/30 { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:stroke-primary-700\/40 { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:stroke-primary-700\/50 { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:stroke-primary-700\/60 { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:stroke-primary-700\/70 { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:stroke-primary-700\/80 { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:stroke-primary-700\/90 { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:stroke-primary-800 { + stroke: var(--primary-800) + } + .md\:stroke-primary-800\/10 { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:stroke-primary-800\/20 { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:stroke-primary-800\/30 { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:stroke-primary-800\/40 { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:stroke-primary-800\/50 { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:stroke-primary-800\/60 { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:stroke-primary-800\/70 { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:stroke-primary-800\/80 { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:stroke-primary-800\/90 { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:stroke-primary-900 { + stroke: var(--primary-900) + } + .md\:stroke-primary-900\/10 { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:stroke-primary-900\/20 { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:stroke-primary-900\/30 { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:stroke-primary-900\/40 { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:stroke-primary-900\/50 { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:stroke-primary-900\/60 { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:stroke-primary-900\/70 { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:stroke-primary-900\/80 { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:stroke-primary-900\/90 { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:focus\:stroke-blue-50:focus { + stroke: var(--blue-50) + } + .md\:hover\:stroke-blue-50:hover { + stroke: var(--blue-50) + } + .md\:active\:stroke-blue-50:active { + stroke: var(--blue-50) + } + .md\:focus\:stroke-blue-50\/10:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:hover\:stroke-blue-50\/10:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:active\:stroke-blue-50\/10:active { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .md\:focus\:stroke-blue-50\/20:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:hover\:stroke-blue-50\/20:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:active\:stroke-blue-50\/20:active { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .md\:focus\:stroke-blue-50\/30:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:hover\:stroke-blue-50\/30:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:active\:stroke-blue-50\/30:active { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .md\:focus\:stroke-blue-50\/40:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:hover\:stroke-blue-50\/40:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:active\:stroke-blue-50\/40:active { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .md\:focus\:stroke-blue-50\/50:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:hover\:stroke-blue-50\/50:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:active\:stroke-blue-50\/50:active { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .md\:focus\:stroke-blue-50\/60:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:hover\:stroke-blue-50\/60:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:active\:stroke-blue-50\/60:active { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .md\:focus\:stroke-blue-50\/70:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:hover\:stroke-blue-50\/70:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:active\:stroke-blue-50\/70:active { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .md\:focus\:stroke-blue-50\/80:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:hover\:stroke-blue-50\/80:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:active\:stroke-blue-50\/80:active { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .md\:focus\:stroke-blue-50\/90:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:hover\:stroke-blue-50\/90:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:active\:stroke-blue-50\/90:active { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .md\:focus\:stroke-blue-100:focus { + stroke: var(--blue-100) + } + .md\:hover\:stroke-blue-100:hover { + stroke: var(--blue-100) + } + .md\:active\:stroke-blue-100:active { + stroke: var(--blue-100) + } + .md\:focus\:stroke-blue-100\/10:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:hover\:stroke-blue-100\/10:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:active\:stroke-blue-100\/10:active { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .md\:focus\:stroke-blue-100\/20:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:hover\:stroke-blue-100\/20:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:active\:stroke-blue-100\/20:active { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .md\:focus\:stroke-blue-100\/30:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:hover\:stroke-blue-100\/30:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:active\:stroke-blue-100\/30:active { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .md\:focus\:stroke-blue-100\/40:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:hover\:stroke-blue-100\/40:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:active\:stroke-blue-100\/40:active { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .md\:focus\:stroke-blue-100\/50:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:hover\:stroke-blue-100\/50:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:active\:stroke-blue-100\/50:active { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .md\:focus\:stroke-blue-100\/60:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:hover\:stroke-blue-100\/60:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:active\:stroke-blue-100\/60:active { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .md\:focus\:stroke-blue-100\/70:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:hover\:stroke-blue-100\/70:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:active\:stroke-blue-100\/70:active { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .md\:focus\:stroke-blue-100\/80:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:hover\:stroke-blue-100\/80:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:active\:stroke-blue-100\/80:active { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .md\:focus\:stroke-blue-100\/90:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:hover\:stroke-blue-100\/90:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:active\:stroke-blue-100\/90:active { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .md\:focus\:stroke-blue-200:focus { + stroke: var(--blue-200) + } + .md\:hover\:stroke-blue-200:hover { + stroke: var(--blue-200) + } + .md\:active\:stroke-blue-200:active { + stroke: var(--blue-200) + } + .md\:focus\:stroke-blue-200\/10:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:hover\:stroke-blue-200\/10:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:active\:stroke-blue-200\/10:active { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .md\:focus\:stroke-blue-200\/20:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:hover\:stroke-blue-200\/20:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:active\:stroke-blue-200\/20:active { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .md\:focus\:stroke-blue-200\/30:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:hover\:stroke-blue-200\/30:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:active\:stroke-blue-200\/30:active { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .md\:focus\:stroke-blue-200\/40:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:hover\:stroke-blue-200\/40:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:active\:stroke-blue-200\/40:active { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .md\:focus\:stroke-blue-200\/50:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:hover\:stroke-blue-200\/50:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:active\:stroke-blue-200\/50:active { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .md\:focus\:stroke-blue-200\/60:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:hover\:stroke-blue-200\/60:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:active\:stroke-blue-200\/60:active { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .md\:focus\:stroke-blue-200\/70:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:hover\:stroke-blue-200\/70:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:active\:stroke-blue-200\/70:active { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .md\:focus\:stroke-blue-200\/80:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:hover\:stroke-blue-200\/80:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:active\:stroke-blue-200\/80:active { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .md\:focus\:stroke-blue-200\/90:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:hover\:stroke-blue-200\/90:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:active\:stroke-blue-200\/90:active { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .md\:focus\:stroke-blue-300:focus { + stroke: var(--blue-300) + } + .md\:hover\:stroke-blue-300:hover { + stroke: var(--blue-300) + } + .md\:active\:stroke-blue-300:active { + stroke: var(--blue-300) + } + .md\:focus\:stroke-blue-300\/10:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:hover\:stroke-blue-300\/10:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:active\:stroke-blue-300\/10:active { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .md\:focus\:stroke-blue-300\/20:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:hover\:stroke-blue-300\/20:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:active\:stroke-blue-300\/20:active { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .md\:focus\:stroke-blue-300\/30:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:hover\:stroke-blue-300\/30:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:active\:stroke-blue-300\/30:active { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .md\:focus\:stroke-blue-300\/40:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:hover\:stroke-blue-300\/40:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:active\:stroke-blue-300\/40:active { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .md\:focus\:stroke-blue-300\/50:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:hover\:stroke-blue-300\/50:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:active\:stroke-blue-300\/50:active { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .md\:focus\:stroke-blue-300\/60:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:hover\:stroke-blue-300\/60:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:active\:stroke-blue-300\/60:active { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .md\:focus\:stroke-blue-300\/70:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:hover\:stroke-blue-300\/70:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:active\:stroke-blue-300\/70:active { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .md\:focus\:stroke-blue-300\/80:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:hover\:stroke-blue-300\/80:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:active\:stroke-blue-300\/80:active { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .md\:focus\:stroke-blue-300\/90:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:hover\:stroke-blue-300\/90:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:active\:stroke-blue-300\/90:active { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .md\:focus\:stroke-blue-400:focus { + stroke: var(--blue-400) + } + .md\:hover\:stroke-blue-400:hover { + stroke: var(--blue-400) + } + .md\:active\:stroke-blue-400:active { + stroke: var(--blue-400) + } + .md\:focus\:stroke-blue-400\/10:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:hover\:stroke-blue-400\/10:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:active\:stroke-blue-400\/10:active { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .md\:focus\:stroke-blue-400\/20:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:hover\:stroke-blue-400\/20:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:active\:stroke-blue-400\/20:active { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .md\:focus\:stroke-blue-400\/30:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:hover\:stroke-blue-400\/30:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:active\:stroke-blue-400\/30:active { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .md\:focus\:stroke-blue-400\/40:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:hover\:stroke-blue-400\/40:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:active\:stroke-blue-400\/40:active { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .md\:focus\:stroke-blue-400\/50:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:hover\:stroke-blue-400\/50:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:active\:stroke-blue-400\/50:active { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .md\:focus\:stroke-blue-400\/60:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:hover\:stroke-blue-400\/60:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:active\:stroke-blue-400\/60:active { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .md\:focus\:stroke-blue-400\/70:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:hover\:stroke-blue-400\/70:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:active\:stroke-blue-400\/70:active { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .md\:focus\:stroke-blue-400\/80:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:hover\:stroke-blue-400\/80:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:active\:stroke-blue-400\/80:active { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .md\:focus\:stroke-blue-400\/90:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:hover\:stroke-blue-400\/90:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:active\:stroke-blue-400\/90:active { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .md\:focus\:stroke-blue-500:focus { + stroke: var(--blue-500) + } + .md\:hover\:stroke-blue-500:hover { + stroke: var(--blue-500) + } + .md\:active\:stroke-blue-500:active { + stroke: var(--blue-500) + } + .md\:focus\:stroke-blue-500\/10:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:hover\:stroke-blue-500\/10:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:active\:stroke-blue-500\/10:active { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .md\:focus\:stroke-blue-500\/20:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:hover\:stroke-blue-500\/20:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:active\:stroke-blue-500\/20:active { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .md\:focus\:stroke-blue-500\/30:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:hover\:stroke-blue-500\/30:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:active\:stroke-blue-500\/30:active { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .md\:focus\:stroke-blue-500\/40:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:hover\:stroke-blue-500\/40:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:active\:stroke-blue-500\/40:active { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .md\:focus\:stroke-blue-500\/50:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:hover\:stroke-blue-500\/50:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:active\:stroke-blue-500\/50:active { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .md\:focus\:stroke-blue-500\/60:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:hover\:stroke-blue-500\/60:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:active\:stroke-blue-500\/60:active { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .md\:focus\:stroke-blue-500\/70:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:hover\:stroke-blue-500\/70:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:active\:stroke-blue-500\/70:active { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .md\:focus\:stroke-blue-500\/80:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:hover\:stroke-blue-500\/80:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:active\:stroke-blue-500\/80:active { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .md\:focus\:stroke-blue-500\/90:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:hover\:stroke-blue-500\/90:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:active\:stroke-blue-500\/90:active { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .md\:focus\:stroke-blue-600:focus { + stroke: var(--blue-600) + } + .md\:hover\:stroke-blue-600:hover { + stroke: var(--blue-600) + } + .md\:active\:stroke-blue-600:active { + stroke: var(--blue-600) + } + .md\:focus\:stroke-blue-600\/10:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:hover\:stroke-blue-600\/10:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:active\:stroke-blue-600\/10:active { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .md\:focus\:stroke-blue-600\/20:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:hover\:stroke-blue-600\/20:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:active\:stroke-blue-600\/20:active { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .md\:focus\:stroke-blue-600\/30:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:hover\:stroke-blue-600\/30:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:active\:stroke-blue-600\/30:active { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .md\:focus\:stroke-blue-600\/40:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:hover\:stroke-blue-600\/40:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:active\:stroke-blue-600\/40:active { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .md\:focus\:stroke-blue-600\/50:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:hover\:stroke-blue-600\/50:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:active\:stroke-blue-600\/50:active { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .md\:focus\:stroke-blue-600\/60:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:hover\:stroke-blue-600\/60:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:active\:stroke-blue-600\/60:active { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .md\:focus\:stroke-blue-600\/70:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:hover\:stroke-blue-600\/70:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:active\:stroke-blue-600\/70:active { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .md\:focus\:stroke-blue-600\/80:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:hover\:stroke-blue-600\/80:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:active\:stroke-blue-600\/80:active { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .md\:focus\:stroke-blue-600\/90:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:hover\:stroke-blue-600\/90:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:active\:stroke-blue-600\/90:active { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .md\:focus\:stroke-blue-700:focus { + stroke: var(--blue-700) + } + .md\:hover\:stroke-blue-700:hover { + stroke: var(--blue-700) + } + .md\:active\:stroke-blue-700:active { + stroke: var(--blue-700) + } + .md\:focus\:stroke-blue-700\/10:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:hover\:stroke-blue-700\/10:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:active\:stroke-blue-700\/10:active { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .md\:focus\:stroke-blue-700\/20:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:hover\:stroke-blue-700\/20:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:active\:stroke-blue-700\/20:active { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .md\:focus\:stroke-blue-700\/30:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:hover\:stroke-blue-700\/30:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:active\:stroke-blue-700\/30:active { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .md\:focus\:stroke-blue-700\/40:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:hover\:stroke-blue-700\/40:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:active\:stroke-blue-700\/40:active { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .md\:focus\:stroke-blue-700\/50:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:hover\:stroke-blue-700\/50:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:active\:stroke-blue-700\/50:active { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .md\:focus\:stroke-blue-700\/60:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:hover\:stroke-blue-700\/60:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:active\:stroke-blue-700\/60:active { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .md\:focus\:stroke-blue-700\/70:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:hover\:stroke-blue-700\/70:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:active\:stroke-blue-700\/70:active { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .md\:focus\:stroke-blue-700\/80:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:hover\:stroke-blue-700\/80:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:active\:stroke-blue-700\/80:active { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .md\:focus\:stroke-blue-700\/90:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:hover\:stroke-blue-700\/90:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:active\:stroke-blue-700\/90:active { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .md\:focus\:stroke-blue-800:focus { + stroke: var(--blue-800) + } + .md\:hover\:stroke-blue-800:hover { + stroke: var(--blue-800) + } + .md\:active\:stroke-blue-800:active { + stroke: var(--blue-800) + } + .md\:focus\:stroke-blue-800\/10:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:hover\:stroke-blue-800\/10:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:active\:stroke-blue-800\/10:active { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .md\:focus\:stroke-blue-800\/20:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:hover\:stroke-blue-800\/20:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:active\:stroke-blue-800\/20:active { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .md\:focus\:stroke-blue-800\/30:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:hover\:stroke-blue-800\/30:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:active\:stroke-blue-800\/30:active { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .md\:focus\:stroke-blue-800\/40:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:hover\:stroke-blue-800\/40:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:active\:stroke-blue-800\/40:active { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .md\:focus\:stroke-blue-800\/50:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:hover\:stroke-blue-800\/50:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:active\:stroke-blue-800\/50:active { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .md\:focus\:stroke-blue-800\/60:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:hover\:stroke-blue-800\/60:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:active\:stroke-blue-800\/60:active { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .md\:focus\:stroke-blue-800\/70:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:hover\:stroke-blue-800\/70:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:active\:stroke-blue-800\/70:active { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .md\:focus\:stroke-blue-800\/80:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:hover\:stroke-blue-800\/80:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:active\:stroke-blue-800\/80:active { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .md\:focus\:stroke-blue-800\/90:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:hover\:stroke-blue-800\/90:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:active\:stroke-blue-800\/90:active { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .md\:focus\:stroke-blue-900:focus { + stroke: var(--blue-900) + } + .md\:hover\:stroke-blue-900:hover { + stroke: var(--blue-900) + } + .md\:active\:stroke-blue-900:active { + stroke: var(--blue-900) + } + .md\:focus\:stroke-blue-900\/10:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:hover\:stroke-blue-900\/10:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:active\:stroke-blue-900\/10:active { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .md\:focus\:stroke-blue-900\/20:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:hover\:stroke-blue-900\/20:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:active\:stroke-blue-900\/20:active { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .md\:focus\:stroke-blue-900\/30:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:hover\:stroke-blue-900\/30:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:active\:stroke-blue-900\/30:active { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .md\:focus\:stroke-blue-900\/40:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:hover\:stroke-blue-900\/40:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:active\:stroke-blue-900\/40:active { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .md\:focus\:stroke-blue-900\/50:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:hover\:stroke-blue-900\/50:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:active\:stroke-blue-900\/50:active { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .md\:focus\:stroke-blue-900\/60:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:hover\:stroke-blue-900\/60:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:active\:stroke-blue-900\/60:active { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .md\:focus\:stroke-blue-900\/70:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:hover\:stroke-blue-900\/70:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:active\:stroke-blue-900\/70:active { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .md\:focus\:stroke-blue-900\/80:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:hover\:stroke-blue-900\/80:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:active\:stroke-blue-900\/80:active { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .md\:focus\:stroke-blue-900\/90:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:hover\:stroke-blue-900\/90:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:active\:stroke-blue-900\/90:active { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .md\:focus\:stroke-green-50:focus { + stroke: var(--green-50) + } + .md\:hover\:stroke-green-50:hover { + stroke: var(--green-50) + } + .md\:active\:stroke-green-50:active { + stroke: var(--green-50) + } + .md\:focus\:stroke-green-50\/10:focus { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:hover\:stroke-green-50\/10:hover { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:active\:stroke-green-50\/10:active { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .md\:focus\:stroke-green-50\/20:focus { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:hover\:stroke-green-50\/20:hover { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:active\:stroke-green-50\/20:active { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .md\:focus\:stroke-green-50\/30:focus { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:hover\:stroke-green-50\/30:hover { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:active\:stroke-green-50\/30:active { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .md\:focus\:stroke-green-50\/40:focus { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:hover\:stroke-green-50\/40:hover { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:active\:stroke-green-50\/40:active { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .md\:focus\:stroke-green-50\/50:focus { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:hover\:stroke-green-50\/50:hover { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:active\:stroke-green-50\/50:active { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .md\:focus\:stroke-green-50\/60:focus { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:hover\:stroke-green-50\/60:hover { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:active\:stroke-green-50\/60:active { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .md\:focus\:stroke-green-50\/70:focus { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:hover\:stroke-green-50\/70:hover { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:active\:stroke-green-50\/70:active { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .md\:focus\:stroke-green-50\/80:focus { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:hover\:stroke-green-50\/80:hover { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:active\:stroke-green-50\/80:active { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .md\:focus\:stroke-green-50\/90:focus { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:hover\:stroke-green-50\/90:hover { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:active\:stroke-green-50\/90:active { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .md\:focus\:stroke-green-100:focus { + stroke: var(--green-100) + } + .md\:hover\:stroke-green-100:hover { + stroke: var(--green-100) + } + .md\:active\:stroke-green-100:active { + stroke: var(--green-100) + } + .md\:focus\:stroke-green-100\/10:focus { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:hover\:stroke-green-100\/10:hover { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:active\:stroke-green-100\/10:active { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .md\:focus\:stroke-green-100\/20:focus { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:hover\:stroke-green-100\/20:hover { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:active\:stroke-green-100\/20:active { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .md\:focus\:stroke-green-100\/30:focus { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:hover\:stroke-green-100\/30:hover { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:active\:stroke-green-100\/30:active { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .md\:focus\:stroke-green-100\/40:focus { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:hover\:stroke-green-100\/40:hover { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:active\:stroke-green-100\/40:active { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .md\:focus\:stroke-green-100\/50:focus { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:hover\:stroke-green-100\/50:hover { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:active\:stroke-green-100\/50:active { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .md\:focus\:stroke-green-100\/60:focus { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:hover\:stroke-green-100\/60:hover { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:active\:stroke-green-100\/60:active { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .md\:focus\:stroke-green-100\/70:focus { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:hover\:stroke-green-100\/70:hover { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:active\:stroke-green-100\/70:active { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .md\:focus\:stroke-green-100\/80:focus { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:hover\:stroke-green-100\/80:hover { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:active\:stroke-green-100\/80:active { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .md\:focus\:stroke-green-100\/90:focus { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:hover\:stroke-green-100\/90:hover { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:active\:stroke-green-100\/90:active { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .md\:focus\:stroke-green-200:focus { + stroke: var(--green-200) + } + .md\:hover\:stroke-green-200:hover { + stroke: var(--green-200) + } + .md\:active\:stroke-green-200:active { + stroke: var(--green-200) + } + .md\:focus\:stroke-green-200\/10:focus { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:hover\:stroke-green-200\/10:hover { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:active\:stroke-green-200\/10:active { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .md\:focus\:stroke-green-200\/20:focus { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:hover\:stroke-green-200\/20:hover { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:active\:stroke-green-200\/20:active { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .md\:focus\:stroke-green-200\/30:focus { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:hover\:stroke-green-200\/30:hover { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:active\:stroke-green-200\/30:active { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .md\:focus\:stroke-green-200\/40:focus { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:hover\:stroke-green-200\/40:hover { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:active\:stroke-green-200\/40:active { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .md\:focus\:stroke-green-200\/50:focus { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:hover\:stroke-green-200\/50:hover { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:active\:stroke-green-200\/50:active { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .md\:focus\:stroke-green-200\/60:focus { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:hover\:stroke-green-200\/60:hover { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:active\:stroke-green-200\/60:active { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .md\:focus\:stroke-green-200\/70:focus { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:hover\:stroke-green-200\/70:hover { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:active\:stroke-green-200\/70:active { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .md\:focus\:stroke-green-200\/80:focus { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:hover\:stroke-green-200\/80:hover { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:active\:stroke-green-200\/80:active { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .md\:focus\:stroke-green-200\/90:focus { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:hover\:stroke-green-200\/90:hover { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:active\:stroke-green-200\/90:active { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .md\:focus\:stroke-green-300:focus { + stroke: var(--green-300) + } + .md\:hover\:stroke-green-300:hover { + stroke: var(--green-300) + } + .md\:active\:stroke-green-300:active { + stroke: var(--green-300) + } + .md\:focus\:stroke-green-300\/10:focus { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:hover\:stroke-green-300\/10:hover { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:active\:stroke-green-300\/10:active { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .md\:focus\:stroke-green-300\/20:focus { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:hover\:stroke-green-300\/20:hover { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:active\:stroke-green-300\/20:active { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .md\:focus\:stroke-green-300\/30:focus { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:hover\:stroke-green-300\/30:hover { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:active\:stroke-green-300\/30:active { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .md\:focus\:stroke-green-300\/40:focus { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:hover\:stroke-green-300\/40:hover { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:active\:stroke-green-300\/40:active { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .md\:focus\:stroke-green-300\/50:focus { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:hover\:stroke-green-300\/50:hover { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:active\:stroke-green-300\/50:active { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .md\:focus\:stroke-green-300\/60:focus { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:hover\:stroke-green-300\/60:hover { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:active\:stroke-green-300\/60:active { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .md\:focus\:stroke-green-300\/70:focus { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:hover\:stroke-green-300\/70:hover { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:active\:stroke-green-300\/70:active { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .md\:focus\:stroke-green-300\/80:focus { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:hover\:stroke-green-300\/80:hover { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:active\:stroke-green-300\/80:active { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .md\:focus\:stroke-green-300\/90:focus { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:hover\:stroke-green-300\/90:hover { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:active\:stroke-green-300\/90:active { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .md\:focus\:stroke-green-400:focus { + stroke: var(--green-400) + } + .md\:hover\:stroke-green-400:hover { + stroke: var(--green-400) + } + .md\:active\:stroke-green-400:active { + stroke: var(--green-400) + } + .md\:focus\:stroke-green-400\/10:focus { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:hover\:stroke-green-400\/10:hover { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:active\:stroke-green-400\/10:active { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .md\:focus\:stroke-green-400\/20:focus { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:hover\:stroke-green-400\/20:hover { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:active\:stroke-green-400\/20:active { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .md\:focus\:stroke-green-400\/30:focus { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:hover\:stroke-green-400\/30:hover { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:active\:stroke-green-400\/30:active { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .md\:focus\:stroke-green-400\/40:focus { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:hover\:stroke-green-400\/40:hover { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:active\:stroke-green-400\/40:active { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .md\:focus\:stroke-green-400\/50:focus { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:hover\:stroke-green-400\/50:hover { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:active\:stroke-green-400\/50:active { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .md\:focus\:stroke-green-400\/60:focus { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:hover\:stroke-green-400\/60:hover { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:active\:stroke-green-400\/60:active { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .md\:focus\:stroke-green-400\/70:focus { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:hover\:stroke-green-400\/70:hover { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:active\:stroke-green-400\/70:active { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .md\:focus\:stroke-green-400\/80:focus { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:hover\:stroke-green-400\/80:hover { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:active\:stroke-green-400\/80:active { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .md\:focus\:stroke-green-400\/90:focus { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:hover\:stroke-green-400\/90:hover { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:active\:stroke-green-400\/90:active { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .md\:focus\:stroke-green-500:focus { + stroke: var(--green-500) + } + .md\:hover\:stroke-green-500:hover { + stroke: var(--green-500) + } + .md\:active\:stroke-green-500:active { + stroke: var(--green-500) + } + .md\:focus\:stroke-green-500\/10:focus { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:hover\:stroke-green-500\/10:hover { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:active\:stroke-green-500\/10:active { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .md\:focus\:stroke-green-500\/20:focus { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:hover\:stroke-green-500\/20:hover { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:active\:stroke-green-500\/20:active { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .md\:focus\:stroke-green-500\/30:focus { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:hover\:stroke-green-500\/30:hover { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:active\:stroke-green-500\/30:active { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .md\:focus\:stroke-green-500\/40:focus { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:hover\:stroke-green-500\/40:hover { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:active\:stroke-green-500\/40:active { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .md\:focus\:stroke-green-500\/50:focus { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:hover\:stroke-green-500\/50:hover { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:active\:stroke-green-500\/50:active { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .md\:focus\:stroke-green-500\/60:focus { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:hover\:stroke-green-500\/60:hover { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:active\:stroke-green-500\/60:active { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .md\:focus\:stroke-green-500\/70:focus { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:hover\:stroke-green-500\/70:hover { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:active\:stroke-green-500\/70:active { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .md\:focus\:stroke-green-500\/80:focus { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:hover\:stroke-green-500\/80:hover { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:active\:stroke-green-500\/80:active { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .md\:focus\:stroke-green-500\/90:focus { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:hover\:stroke-green-500\/90:hover { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:active\:stroke-green-500\/90:active { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .md\:focus\:stroke-green-600:focus { + stroke: var(--green-600) + } + .md\:hover\:stroke-green-600:hover { + stroke: var(--green-600) + } + .md\:active\:stroke-green-600:active { + stroke: var(--green-600) + } + .md\:focus\:stroke-green-600\/10:focus { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:hover\:stroke-green-600\/10:hover { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:active\:stroke-green-600\/10:active { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .md\:focus\:stroke-green-600\/20:focus { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:hover\:stroke-green-600\/20:hover { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:active\:stroke-green-600\/20:active { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .md\:focus\:stroke-green-600\/30:focus { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:hover\:stroke-green-600\/30:hover { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:active\:stroke-green-600\/30:active { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .md\:focus\:stroke-green-600\/40:focus { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:hover\:stroke-green-600\/40:hover { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:active\:stroke-green-600\/40:active { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .md\:focus\:stroke-green-600\/50:focus { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:hover\:stroke-green-600\/50:hover { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:active\:stroke-green-600\/50:active { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .md\:focus\:stroke-green-600\/60:focus { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:hover\:stroke-green-600\/60:hover { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:active\:stroke-green-600\/60:active { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .md\:focus\:stroke-green-600\/70:focus { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:hover\:stroke-green-600\/70:hover { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:active\:stroke-green-600\/70:active { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .md\:focus\:stroke-green-600\/80:focus { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:hover\:stroke-green-600\/80:hover { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:active\:stroke-green-600\/80:active { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .md\:focus\:stroke-green-600\/90:focus { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:hover\:stroke-green-600\/90:hover { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:active\:stroke-green-600\/90:active { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .md\:focus\:stroke-green-700:focus { + stroke: var(--green-700) + } + .md\:hover\:stroke-green-700:hover { + stroke: var(--green-700) + } + .md\:active\:stroke-green-700:active { + stroke: var(--green-700) + } + .md\:focus\:stroke-green-700\/10:focus { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:hover\:stroke-green-700\/10:hover { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:active\:stroke-green-700\/10:active { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .md\:focus\:stroke-green-700\/20:focus { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:hover\:stroke-green-700\/20:hover { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:active\:stroke-green-700\/20:active { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .md\:focus\:stroke-green-700\/30:focus { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:hover\:stroke-green-700\/30:hover { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:active\:stroke-green-700\/30:active { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .md\:focus\:stroke-green-700\/40:focus { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:hover\:stroke-green-700\/40:hover { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:active\:stroke-green-700\/40:active { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .md\:focus\:stroke-green-700\/50:focus { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:hover\:stroke-green-700\/50:hover { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:active\:stroke-green-700\/50:active { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .md\:focus\:stroke-green-700\/60:focus { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:hover\:stroke-green-700\/60:hover { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:active\:stroke-green-700\/60:active { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .md\:focus\:stroke-green-700\/70:focus { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:hover\:stroke-green-700\/70:hover { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:active\:stroke-green-700\/70:active { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .md\:focus\:stroke-green-700\/80:focus { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:hover\:stroke-green-700\/80:hover { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:active\:stroke-green-700\/80:active { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .md\:focus\:stroke-green-700\/90:focus { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:hover\:stroke-green-700\/90:hover { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:active\:stroke-green-700\/90:active { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .md\:focus\:stroke-green-800:focus { + stroke: var(--green-800) + } + .md\:hover\:stroke-green-800:hover { + stroke: var(--green-800) + } + .md\:active\:stroke-green-800:active { + stroke: var(--green-800) + } + .md\:focus\:stroke-green-800\/10:focus { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:hover\:stroke-green-800\/10:hover { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:active\:stroke-green-800\/10:active { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .md\:focus\:stroke-green-800\/20:focus { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:hover\:stroke-green-800\/20:hover { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:active\:stroke-green-800\/20:active { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .md\:focus\:stroke-green-800\/30:focus { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:hover\:stroke-green-800\/30:hover { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:active\:stroke-green-800\/30:active { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .md\:focus\:stroke-green-800\/40:focus { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:hover\:stroke-green-800\/40:hover { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:active\:stroke-green-800\/40:active { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .md\:focus\:stroke-green-800\/50:focus { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:hover\:stroke-green-800\/50:hover { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:active\:stroke-green-800\/50:active { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .md\:focus\:stroke-green-800\/60:focus { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:hover\:stroke-green-800\/60:hover { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:active\:stroke-green-800\/60:active { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .md\:focus\:stroke-green-800\/70:focus { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:hover\:stroke-green-800\/70:hover { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:active\:stroke-green-800\/70:active { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .md\:focus\:stroke-green-800\/80:focus { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:hover\:stroke-green-800\/80:hover { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:active\:stroke-green-800\/80:active { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .md\:focus\:stroke-green-800\/90:focus { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:hover\:stroke-green-800\/90:hover { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:active\:stroke-green-800\/90:active { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .md\:focus\:stroke-green-900:focus { + stroke: var(--green-900) + } + .md\:hover\:stroke-green-900:hover { + stroke: var(--green-900) + } + .md\:active\:stroke-green-900:active { + stroke: var(--green-900) + } + .md\:focus\:stroke-green-900\/10:focus { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:hover\:stroke-green-900\/10:hover { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:active\:stroke-green-900\/10:active { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .md\:focus\:stroke-green-900\/20:focus { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:hover\:stroke-green-900\/20:hover { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:active\:stroke-green-900\/20:active { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .md\:focus\:stroke-green-900\/30:focus { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:hover\:stroke-green-900\/30:hover { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:active\:stroke-green-900\/30:active { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .md\:focus\:stroke-green-900\/40:focus { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:hover\:stroke-green-900\/40:hover { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:active\:stroke-green-900\/40:active { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .md\:focus\:stroke-green-900\/50:focus { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:hover\:stroke-green-900\/50:hover { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:active\:stroke-green-900\/50:active { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .md\:focus\:stroke-green-900\/60:focus { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:hover\:stroke-green-900\/60:hover { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:active\:stroke-green-900\/60:active { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .md\:focus\:stroke-green-900\/70:focus { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:hover\:stroke-green-900\/70:hover { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:active\:stroke-green-900\/70:active { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .md\:focus\:stroke-green-900\/80:focus { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:hover\:stroke-green-900\/80:hover { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:active\:stroke-green-900\/80:active { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .md\:focus\:stroke-green-900\/90:focus { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:hover\:stroke-green-900\/90:hover { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:active\:stroke-green-900\/90:active { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-50:focus { + stroke: var(--yellow-50) + } + .md\:hover\:stroke-yellow-50:hover { + stroke: var(--yellow-50) + } + .md\:active\:stroke-yellow-50:active { + stroke: var(--yellow-50) + } + .md\:focus\:stroke-yellow-50\/10:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-50\/10:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:active\:stroke-yellow-50\/10:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-50\/20:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-50\/20:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:active\:stroke-yellow-50\/20:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-50\/30:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-50\/30:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:active\:stroke-yellow-50\/30:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-50\/40:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-50\/40:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:active\:stroke-yellow-50\/40:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-50\/50:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-50\/50:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:active\:stroke-yellow-50\/50:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-50\/60:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-50\/60:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:active\:stroke-yellow-50\/60:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-50\/70:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-50\/70:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:active\:stroke-yellow-50\/70:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-50\/80:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-50\/80:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:active\:stroke-yellow-50\/80:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-50\/90:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-50\/90:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:active\:stroke-yellow-50\/90:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-100:focus { + stroke: var(--yellow-100) + } + .md\:hover\:stroke-yellow-100:hover { + stroke: var(--yellow-100) + } + .md\:active\:stroke-yellow-100:active { + stroke: var(--yellow-100) + } + .md\:focus\:stroke-yellow-100\/10:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-100\/10:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:active\:stroke-yellow-100\/10:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-100\/20:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-100\/20:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:active\:stroke-yellow-100\/20:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-100\/30:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-100\/30:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:active\:stroke-yellow-100\/30:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-100\/40:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-100\/40:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:active\:stroke-yellow-100\/40:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-100\/50:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-100\/50:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:active\:stroke-yellow-100\/50:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-100\/60:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-100\/60:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:active\:stroke-yellow-100\/60:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-100\/70:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-100\/70:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:active\:stroke-yellow-100\/70:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-100\/80:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-100\/80:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:active\:stroke-yellow-100\/80:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-100\/90:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-100\/90:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:active\:stroke-yellow-100\/90:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-200:focus { + stroke: var(--yellow-200) + } + .md\:hover\:stroke-yellow-200:hover { + stroke: var(--yellow-200) + } + .md\:active\:stroke-yellow-200:active { + stroke: var(--yellow-200) + } + .md\:focus\:stroke-yellow-200\/10:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-200\/10:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:active\:stroke-yellow-200\/10:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-200\/20:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-200\/20:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:active\:stroke-yellow-200\/20:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-200\/30:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-200\/30:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:active\:stroke-yellow-200\/30:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-200\/40:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-200\/40:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:active\:stroke-yellow-200\/40:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-200\/50:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-200\/50:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:active\:stroke-yellow-200\/50:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-200\/60:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-200\/60:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:active\:stroke-yellow-200\/60:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-200\/70:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-200\/70:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:active\:stroke-yellow-200\/70:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-200\/80:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-200\/80:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:active\:stroke-yellow-200\/80:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-200\/90:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-200\/90:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:active\:stroke-yellow-200\/90:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-300:focus { + stroke: var(--yellow-300) + } + .md\:hover\:stroke-yellow-300:hover { + stroke: var(--yellow-300) + } + .md\:active\:stroke-yellow-300:active { + stroke: var(--yellow-300) + } + .md\:focus\:stroke-yellow-300\/10:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-300\/10:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:active\:stroke-yellow-300\/10:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-300\/20:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-300\/20:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:active\:stroke-yellow-300\/20:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-300\/30:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-300\/30:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:active\:stroke-yellow-300\/30:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-300\/40:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-300\/40:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:active\:stroke-yellow-300\/40:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-300\/50:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-300\/50:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:active\:stroke-yellow-300\/50:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-300\/60:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-300\/60:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:active\:stroke-yellow-300\/60:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-300\/70:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-300\/70:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:active\:stroke-yellow-300\/70:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-300\/80:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-300\/80:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:active\:stroke-yellow-300\/80:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-300\/90:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-300\/90:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:active\:stroke-yellow-300\/90:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-400:focus { + stroke: var(--yellow-400) + } + .md\:hover\:stroke-yellow-400:hover { + stroke: var(--yellow-400) + } + .md\:active\:stroke-yellow-400:active { + stroke: var(--yellow-400) + } + .md\:focus\:stroke-yellow-400\/10:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-400\/10:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:active\:stroke-yellow-400\/10:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-400\/20:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-400\/20:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:active\:stroke-yellow-400\/20:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-400\/30:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-400\/30:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:active\:stroke-yellow-400\/30:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-400\/40:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-400\/40:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:active\:stroke-yellow-400\/40:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-400\/50:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-400\/50:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:active\:stroke-yellow-400\/50:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-400\/60:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-400\/60:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:active\:stroke-yellow-400\/60:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-400\/70:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-400\/70:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:active\:stroke-yellow-400\/70:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-400\/80:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-400\/80:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:active\:stroke-yellow-400\/80:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-400\/90:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-400\/90:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:active\:stroke-yellow-400\/90:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-500:focus { + stroke: var(--yellow-500) + } + .md\:hover\:stroke-yellow-500:hover { + stroke: var(--yellow-500) + } + .md\:active\:stroke-yellow-500:active { + stroke: var(--yellow-500) + } + .md\:focus\:stroke-yellow-500\/10:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-500\/10:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:active\:stroke-yellow-500\/10:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-500\/20:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-500\/20:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:active\:stroke-yellow-500\/20:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-500\/30:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-500\/30:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:active\:stroke-yellow-500\/30:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-500\/40:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-500\/40:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:active\:stroke-yellow-500\/40:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-500\/50:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-500\/50:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:active\:stroke-yellow-500\/50:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-500\/60:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-500\/60:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:active\:stroke-yellow-500\/60:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-500\/70:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-500\/70:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:active\:stroke-yellow-500\/70:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-500\/80:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-500\/80:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:active\:stroke-yellow-500\/80:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-500\/90:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-500\/90:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:active\:stroke-yellow-500\/90:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-600:focus { + stroke: var(--yellow-600) + } + .md\:hover\:stroke-yellow-600:hover { + stroke: var(--yellow-600) + } + .md\:active\:stroke-yellow-600:active { + stroke: var(--yellow-600) + } + .md\:focus\:stroke-yellow-600\/10:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-600\/10:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:active\:stroke-yellow-600\/10:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-600\/20:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-600\/20:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:active\:stroke-yellow-600\/20:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-600\/30:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-600\/30:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:active\:stroke-yellow-600\/30:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-600\/40:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-600\/40:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:active\:stroke-yellow-600\/40:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-600\/50:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-600\/50:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:active\:stroke-yellow-600\/50:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-600\/60:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-600\/60:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:active\:stroke-yellow-600\/60:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-600\/70:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-600\/70:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:active\:stroke-yellow-600\/70:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-600\/80:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-600\/80:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:active\:stroke-yellow-600\/80:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-600\/90:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-600\/90:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:active\:stroke-yellow-600\/90:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-700:focus { + stroke: var(--yellow-700) + } + .md\:hover\:stroke-yellow-700:hover { + stroke: var(--yellow-700) + } + .md\:active\:stroke-yellow-700:active { + stroke: var(--yellow-700) + } + .md\:focus\:stroke-yellow-700\/10:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-700\/10:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:active\:stroke-yellow-700\/10:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-700\/20:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-700\/20:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:active\:stroke-yellow-700\/20:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-700\/30:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-700\/30:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:active\:stroke-yellow-700\/30:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-700\/40:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-700\/40:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:active\:stroke-yellow-700\/40:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-700\/50:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-700\/50:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:active\:stroke-yellow-700\/50:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-700\/60:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-700\/60:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:active\:stroke-yellow-700\/60:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-700\/70:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-700\/70:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:active\:stroke-yellow-700\/70:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-700\/80:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-700\/80:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:active\:stroke-yellow-700\/80:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-700\/90:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-700\/90:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:active\:stroke-yellow-700\/90:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-800:focus { + stroke: var(--yellow-800) + } + .md\:hover\:stroke-yellow-800:hover { + stroke: var(--yellow-800) + } + .md\:active\:stroke-yellow-800:active { + stroke: var(--yellow-800) + } + .md\:focus\:stroke-yellow-800\/10:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-800\/10:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:active\:stroke-yellow-800\/10:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-800\/20:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-800\/20:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:active\:stroke-yellow-800\/20:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-800\/30:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-800\/30:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:active\:stroke-yellow-800\/30:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-800\/40:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-800\/40:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:active\:stroke-yellow-800\/40:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-800\/50:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-800\/50:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:active\:stroke-yellow-800\/50:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-800\/60:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-800\/60:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:active\:stroke-yellow-800\/60:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-800\/70:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-800\/70:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:active\:stroke-yellow-800\/70:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-800\/80:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-800\/80:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:active\:stroke-yellow-800\/80:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-800\/90:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-800\/90:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:active\:stroke-yellow-800\/90:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .md\:focus\:stroke-yellow-900:focus { + stroke: var(--yellow-900) + } + .md\:hover\:stroke-yellow-900:hover { + stroke: var(--yellow-900) + } + .md\:active\:stroke-yellow-900:active { + stroke: var(--yellow-900) + } + .md\:focus\:stroke-yellow-900\/10:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:hover\:stroke-yellow-900\/10:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:active\:stroke-yellow-900\/10:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .md\:focus\:stroke-yellow-900\/20:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:hover\:stroke-yellow-900\/20:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:active\:stroke-yellow-900\/20:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .md\:focus\:stroke-yellow-900\/30:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:hover\:stroke-yellow-900\/30:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:active\:stroke-yellow-900\/30:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .md\:focus\:stroke-yellow-900\/40:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:hover\:stroke-yellow-900\/40:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:active\:stroke-yellow-900\/40:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .md\:focus\:stroke-yellow-900\/50:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:hover\:stroke-yellow-900\/50:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:active\:stroke-yellow-900\/50:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .md\:focus\:stroke-yellow-900\/60:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:hover\:stroke-yellow-900\/60:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:active\:stroke-yellow-900\/60:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .md\:focus\:stroke-yellow-900\/70:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:hover\:stroke-yellow-900\/70:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:active\:stroke-yellow-900\/70:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .md\:focus\:stroke-yellow-900\/80:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:hover\:stroke-yellow-900\/80:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:active\:stroke-yellow-900\/80:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .md\:focus\:stroke-yellow-900\/90:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:hover\:stroke-yellow-900\/90:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:active\:stroke-yellow-900\/90:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-50:focus { + stroke: var(--cyan-50) + } + .md\:hover\:stroke-cyan-50:hover { + stroke: var(--cyan-50) + } + .md\:active\:stroke-cyan-50:active { + stroke: var(--cyan-50) + } + .md\:focus\:stroke-cyan-50\/10:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-50\/10:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:active\:stroke-cyan-50\/10:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-50\/20:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-50\/20:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:active\:stroke-cyan-50\/20:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-50\/30:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-50\/30:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:active\:stroke-cyan-50\/30:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-50\/40:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-50\/40:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:active\:stroke-cyan-50\/40:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-50\/50:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-50\/50:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:active\:stroke-cyan-50\/50:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-50\/60:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-50\/60:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:active\:stroke-cyan-50\/60:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-50\/70:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-50\/70:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:active\:stroke-cyan-50\/70:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-50\/80:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-50\/80:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:active\:stroke-cyan-50\/80:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-50\/90:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-50\/90:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:active\:stroke-cyan-50\/90:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-100:focus { + stroke: var(--cyan-100) + } + .md\:hover\:stroke-cyan-100:hover { + stroke: var(--cyan-100) + } + .md\:active\:stroke-cyan-100:active { + stroke: var(--cyan-100) + } + .md\:focus\:stroke-cyan-100\/10:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-100\/10:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:active\:stroke-cyan-100\/10:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-100\/20:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-100\/20:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:active\:stroke-cyan-100\/20:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-100\/30:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-100\/30:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:active\:stroke-cyan-100\/30:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-100\/40:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-100\/40:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:active\:stroke-cyan-100\/40:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-100\/50:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-100\/50:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:active\:stroke-cyan-100\/50:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-100\/60:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-100\/60:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:active\:stroke-cyan-100\/60:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-100\/70:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-100\/70:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:active\:stroke-cyan-100\/70:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-100\/80:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-100\/80:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:active\:stroke-cyan-100\/80:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-100\/90:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-100\/90:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:active\:stroke-cyan-100\/90:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-200:focus { + stroke: var(--cyan-200) + } + .md\:hover\:stroke-cyan-200:hover { + stroke: var(--cyan-200) + } + .md\:active\:stroke-cyan-200:active { + stroke: var(--cyan-200) + } + .md\:focus\:stroke-cyan-200\/10:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-200\/10:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:active\:stroke-cyan-200\/10:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-200\/20:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-200\/20:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:active\:stroke-cyan-200\/20:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-200\/30:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-200\/30:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:active\:stroke-cyan-200\/30:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-200\/40:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-200\/40:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:active\:stroke-cyan-200\/40:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-200\/50:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-200\/50:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:active\:stroke-cyan-200\/50:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-200\/60:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-200\/60:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:active\:stroke-cyan-200\/60:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-200\/70:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-200\/70:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:active\:stroke-cyan-200\/70:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-200\/80:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-200\/80:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:active\:stroke-cyan-200\/80:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-200\/90:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-200\/90:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:active\:stroke-cyan-200\/90:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-300:focus { + stroke: var(--cyan-300) + } + .md\:hover\:stroke-cyan-300:hover { + stroke: var(--cyan-300) + } + .md\:active\:stroke-cyan-300:active { + stroke: var(--cyan-300) + } + .md\:focus\:stroke-cyan-300\/10:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-300\/10:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:active\:stroke-cyan-300\/10:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-300\/20:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-300\/20:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:active\:stroke-cyan-300\/20:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-300\/30:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-300\/30:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:active\:stroke-cyan-300\/30:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-300\/40:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-300\/40:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:active\:stroke-cyan-300\/40:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-300\/50:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-300\/50:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:active\:stroke-cyan-300\/50:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-300\/60:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-300\/60:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:active\:stroke-cyan-300\/60:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-300\/70:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-300\/70:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:active\:stroke-cyan-300\/70:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-300\/80:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-300\/80:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:active\:stroke-cyan-300\/80:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-300\/90:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-300\/90:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:active\:stroke-cyan-300\/90:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-400:focus { + stroke: var(--cyan-400) + } + .md\:hover\:stroke-cyan-400:hover { + stroke: var(--cyan-400) + } + .md\:active\:stroke-cyan-400:active { + stroke: var(--cyan-400) + } + .md\:focus\:stroke-cyan-400\/10:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-400\/10:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:active\:stroke-cyan-400\/10:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-400\/20:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-400\/20:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:active\:stroke-cyan-400\/20:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-400\/30:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-400\/30:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:active\:stroke-cyan-400\/30:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-400\/40:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-400\/40:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:active\:stroke-cyan-400\/40:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-400\/50:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-400\/50:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:active\:stroke-cyan-400\/50:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-400\/60:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-400\/60:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:active\:stroke-cyan-400\/60:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-400\/70:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-400\/70:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:active\:stroke-cyan-400\/70:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-400\/80:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-400\/80:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:active\:stroke-cyan-400\/80:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-400\/90:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-400\/90:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:active\:stroke-cyan-400\/90:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-500:focus { + stroke: var(--cyan-500) + } + .md\:hover\:stroke-cyan-500:hover { + stroke: var(--cyan-500) + } + .md\:active\:stroke-cyan-500:active { + stroke: var(--cyan-500) + } + .md\:focus\:stroke-cyan-500\/10:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-500\/10:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:active\:stroke-cyan-500\/10:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-500\/20:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-500\/20:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:active\:stroke-cyan-500\/20:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-500\/30:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-500\/30:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:active\:stroke-cyan-500\/30:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-500\/40:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-500\/40:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:active\:stroke-cyan-500\/40:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-500\/50:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-500\/50:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:active\:stroke-cyan-500\/50:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-500\/60:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-500\/60:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:active\:stroke-cyan-500\/60:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-500\/70:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-500\/70:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:active\:stroke-cyan-500\/70:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-500\/80:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-500\/80:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:active\:stroke-cyan-500\/80:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-500\/90:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-500\/90:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:active\:stroke-cyan-500\/90:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-600:focus { + stroke: var(--cyan-600) + } + .md\:hover\:stroke-cyan-600:hover { + stroke: var(--cyan-600) + } + .md\:active\:stroke-cyan-600:active { + stroke: var(--cyan-600) + } + .md\:focus\:stroke-cyan-600\/10:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-600\/10:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:active\:stroke-cyan-600\/10:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-600\/20:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-600\/20:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:active\:stroke-cyan-600\/20:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-600\/30:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-600\/30:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:active\:stroke-cyan-600\/30:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-600\/40:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-600\/40:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:active\:stroke-cyan-600\/40:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-600\/50:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-600\/50:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:active\:stroke-cyan-600\/50:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-600\/60:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-600\/60:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:active\:stroke-cyan-600\/60:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-600\/70:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-600\/70:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:active\:stroke-cyan-600\/70:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-600\/80:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-600\/80:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:active\:stroke-cyan-600\/80:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-600\/90:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-600\/90:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:active\:stroke-cyan-600\/90:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-700:focus { + stroke: var(--cyan-700) + } + .md\:hover\:stroke-cyan-700:hover { + stroke: var(--cyan-700) + } + .md\:active\:stroke-cyan-700:active { + stroke: var(--cyan-700) + } + .md\:focus\:stroke-cyan-700\/10:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-700\/10:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:active\:stroke-cyan-700\/10:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-700\/20:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-700\/20:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:active\:stroke-cyan-700\/20:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-700\/30:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-700\/30:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:active\:stroke-cyan-700\/30:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-700\/40:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-700\/40:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:active\:stroke-cyan-700\/40:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-700\/50:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-700\/50:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:active\:stroke-cyan-700\/50:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-700\/60:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-700\/60:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:active\:stroke-cyan-700\/60:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-700\/70:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-700\/70:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:active\:stroke-cyan-700\/70:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-700\/80:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-700\/80:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:active\:stroke-cyan-700\/80:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-700\/90:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-700\/90:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:active\:stroke-cyan-700\/90:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-800:focus { + stroke: var(--cyan-800) + } + .md\:hover\:stroke-cyan-800:hover { + stroke: var(--cyan-800) + } + .md\:active\:stroke-cyan-800:active { + stroke: var(--cyan-800) + } + .md\:focus\:stroke-cyan-800\/10:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-800\/10:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:active\:stroke-cyan-800\/10:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-800\/20:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-800\/20:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:active\:stroke-cyan-800\/20:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-800\/30:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-800\/30:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:active\:stroke-cyan-800\/30:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-800\/40:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-800\/40:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:active\:stroke-cyan-800\/40:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-800\/50:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-800\/50:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:active\:stroke-cyan-800\/50:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-800\/60:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-800\/60:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:active\:stroke-cyan-800\/60:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-800\/70:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-800\/70:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:active\:stroke-cyan-800\/70:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-800\/80:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-800\/80:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:active\:stroke-cyan-800\/80:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-800\/90:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-800\/90:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:active\:stroke-cyan-800\/90:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .md\:focus\:stroke-cyan-900:focus { + stroke: var(--cyan-900) + } + .md\:hover\:stroke-cyan-900:hover { + stroke: var(--cyan-900) + } + .md\:active\:stroke-cyan-900:active { + stroke: var(--cyan-900) + } + .md\:focus\:stroke-cyan-900\/10:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:hover\:stroke-cyan-900\/10:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:active\:stroke-cyan-900\/10:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .md\:focus\:stroke-cyan-900\/20:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:hover\:stroke-cyan-900\/20:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:active\:stroke-cyan-900\/20:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .md\:focus\:stroke-cyan-900\/30:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:hover\:stroke-cyan-900\/30:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:active\:stroke-cyan-900\/30:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .md\:focus\:stroke-cyan-900\/40:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:hover\:stroke-cyan-900\/40:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:active\:stroke-cyan-900\/40:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .md\:focus\:stroke-cyan-900\/50:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:hover\:stroke-cyan-900\/50:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:active\:stroke-cyan-900\/50:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .md\:focus\:stroke-cyan-900\/60:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:hover\:stroke-cyan-900\/60:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:active\:stroke-cyan-900\/60:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .md\:focus\:stroke-cyan-900\/70:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:hover\:stroke-cyan-900\/70:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:active\:stroke-cyan-900\/70:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .md\:focus\:stroke-cyan-900\/80:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:hover\:stroke-cyan-900\/80:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:active\:stroke-cyan-900\/80:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .md\:focus\:stroke-cyan-900\/90:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:hover\:stroke-cyan-900\/90:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:active\:stroke-cyan-900\/90:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .md\:focus\:stroke-pink-50:focus { + stroke: var(--pink-50) + } + .md\:hover\:stroke-pink-50:hover { + stroke: var(--pink-50) + } + .md\:active\:stroke-pink-50:active { + stroke: var(--pink-50) + } + .md\:focus\:stroke-pink-50\/10:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:hover\:stroke-pink-50\/10:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:active\:stroke-pink-50\/10:active { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .md\:focus\:stroke-pink-50\/20:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:hover\:stroke-pink-50\/20:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:active\:stroke-pink-50\/20:active { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .md\:focus\:stroke-pink-50\/30:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:hover\:stroke-pink-50\/30:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:active\:stroke-pink-50\/30:active { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .md\:focus\:stroke-pink-50\/40:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:hover\:stroke-pink-50\/40:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:active\:stroke-pink-50\/40:active { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .md\:focus\:stroke-pink-50\/50:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:hover\:stroke-pink-50\/50:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:active\:stroke-pink-50\/50:active { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .md\:focus\:stroke-pink-50\/60:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:hover\:stroke-pink-50\/60:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:active\:stroke-pink-50\/60:active { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .md\:focus\:stroke-pink-50\/70:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:hover\:stroke-pink-50\/70:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:active\:stroke-pink-50\/70:active { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .md\:focus\:stroke-pink-50\/80:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:hover\:stroke-pink-50\/80:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:active\:stroke-pink-50\/80:active { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .md\:focus\:stroke-pink-50\/90:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:hover\:stroke-pink-50\/90:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:active\:stroke-pink-50\/90:active { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .md\:focus\:stroke-pink-100:focus { + stroke: var(--pink-100) + } + .md\:hover\:stroke-pink-100:hover { + stroke: var(--pink-100) + } + .md\:active\:stroke-pink-100:active { + stroke: var(--pink-100) + } + .md\:focus\:stroke-pink-100\/10:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:hover\:stroke-pink-100\/10:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:active\:stroke-pink-100\/10:active { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .md\:focus\:stroke-pink-100\/20:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:hover\:stroke-pink-100\/20:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:active\:stroke-pink-100\/20:active { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .md\:focus\:stroke-pink-100\/30:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:hover\:stroke-pink-100\/30:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:active\:stroke-pink-100\/30:active { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .md\:focus\:stroke-pink-100\/40:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:hover\:stroke-pink-100\/40:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:active\:stroke-pink-100\/40:active { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .md\:focus\:stroke-pink-100\/50:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:hover\:stroke-pink-100\/50:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:active\:stroke-pink-100\/50:active { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .md\:focus\:stroke-pink-100\/60:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:hover\:stroke-pink-100\/60:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:active\:stroke-pink-100\/60:active { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .md\:focus\:stroke-pink-100\/70:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:hover\:stroke-pink-100\/70:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:active\:stroke-pink-100\/70:active { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .md\:focus\:stroke-pink-100\/80:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:hover\:stroke-pink-100\/80:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:active\:stroke-pink-100\/80:active { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .md\:focus\:stroke-pink-100\/90:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:hover\:stroke-pink-100\/90:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:active\:stroke-pink-100\/90:active { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .md\:focus\:stroke-pink-200:focus { + stroke: var(--pink-200) + } + .md\:hover\:stroke-pink-200:hover { + stroke: var(--pink-200) + } + .md\:active\:stroke-pink-200:active { + stroke: var(--pink-200) + } + .md\:focus\:stroke-pink-200\/10:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:hover\:stroke-pink-200\/10:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:active\:stroke-pink-200\/10:active { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .md\:focus\:stroke-pink-200\/20:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:hover\:stroke-pink-200\/20:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:active\:stroke-pink-200\/20:active { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .md\:focus\:stroke-pink-200\/30:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:hover\:stroke-pink-200\/30:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:active\:stroke-pink-200\/30:active { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .md\:focus\:stroke-pink-200\/40:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:hover\:stroke-pink-200\/40:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:active\:stroke-pink-200\/40:active { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .md\:focus\:stroke-pink-200\/50:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:hover\:stroke-pink-200\/50:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:active\:stroke-pink-200\/50:active { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .md\:focus\:stroke-pink-200\/60:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:hover\:stroke-pink-200\/60:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:active\:stroke-pink-200\/60:active { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .md\:focus\:stroke-pink-200\/70:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:hover\:stroke-pink-200\/70:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:active\:stroke-pink-200\/70:active { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .md\:focus\:stroke-pink-200\/80:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:hover\:stroke-pink-200\/80:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:active\:stroke-pink-200\/80:active { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .md\:focus\:stroke-pink-200\/90:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:hover\:stroke-pink-200\/90:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:active\:stroke-pink-200\/90:active { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .md\:focus\:stroke-pink-300:focus { + stroke: var(--pink-300) + } + .md\:hover\:stroke-pink-300:hover { + stroke: var(--pink-300) + } + .md\:active\:stroke-pink-300:active { + stroke: var(--pink-300) + } + .md\:focus\:stroke-pink-300\/10:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:hover\:stroke-pink-300\/10:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:active\:stroke-pink-300\/10:active { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .md\:focus\:stroke-pink-300\/20:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:hover\:stroke-pink-300\/20:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:active\:stroke-pink-300\/20:active { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .md\:focus\:stroke-pink-300\/30:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:hover\:stroke-pink-300\/30:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:active\:stroke-pink-300\/30:active { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .md\:focus\:stroke-pink-300\/40:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:hover\:stroke-pink-300\/40:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:active\:stroke-pink-300\/40:active { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .md\:focus\:stroke-pink-300\/50:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:hover\:stroke-pink-300\/50:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:active\:stroke-pink-300\/50:active { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .md\:focus\:stroke-pink-300\/60:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:hover\:stroke-pink-300\/60:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:active\:stroke-pink-300\/60:active { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .md\:focus\:stroke-pink-300\/70:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:hover\:stroke-pink-300\/70:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:active\:stroke-pink-300\/70:active { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .md\:focus\:stroke-pink-300\/80:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:hover\:stroke-pink-300\/80:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:active\:stroke-pink-300\/80:active { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .md\:focus\:stroke-pink-300\/90:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:hover\:stroke-pink-300\/90:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:active\:stroke-pink-300\/90:active { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .md\:focus\:stroke-pink-400:focus { + stroke: var(--pink-400) + } + .md\:hover\:stroke-pink-400:hover { + stroke: var(--pink-400) + } + .md\:active\:stroke-pink-400:active { + stroke: var(--pink-400) + } + .md\:focus\:stroke-pink-400\/10:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:hover\:stroke-pink-400\/10:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:active\:stroke-pink-400\/10:active { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .md\:focus\:stroke-pink-400\/20:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:hover\:stroke-pink-400\/20:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:active\:stroke-pink-400\/20:active { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .md\:focus\:stroke-pink-400\/30:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:hover\:stroke-pink-400\/30:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:active\:stroke-pink-400\/30:active { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .md\:focus\:stroke-pink-400\/40:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:hover\:stroke-pink-400\/40:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:active\:stroke-pink-400\/40:active { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .md\:focus\:stroke-pink-400\/50:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:hover\:stroke-pink-400\/50:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:active\:stroke-pink-400\/50:active { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .md\:focus\:stroke-pink-400\/60:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:hover\:stroke-pink-400\/60:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:active\:stroke-pink-400\/60:active { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .md\:focus\:stroke-pink-400\/70:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:hover\:stroke-pink-400\/70:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:active\:stroke-pink-400\/70:active { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .md\:focus\:stroke-pink-400\/80:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:hover\:stroke-pink-400\/80:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:active\:stroke-pink-400\/80:active { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .md\:focus\:stroke-pink-400\/90:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:hover\:stroke-pink-400\/90:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:active\:stroke-pink-400\/90:active { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .md\:focus\:stroke-pink-500:focus { + stroke: var(--pink-500) + } + .md\:hover\:stroke-pink-500:hover { + stroke: var(--pink-500) + } + .md\:active\:stroke-pink-500:active { + stroke: var(--pink-500) + } + .md\:focus\:stroke-pink-500\/10:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:hover\:stroke-pink-500\/10:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:active\:stroke-pink-500\/10:active { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .md\:focus\:stroke-pink-500\/20:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:hover\:stroke-pink-500\/20:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:active\:stroke-pink-500\/20:active { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .md\:focus\:stroke-pink-500\/30:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:hover\:stroke-pink-500\/30:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:active\:stroke-pink-500\/30:active { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .md\:focus\:stroke-pink-500\/40:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:hover\:stroke-pink-500\/40:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:active\:stroke-pink-500\/40:active { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .md\:focus\:stroke-pink-500\/50:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:hover\:stroke-pink-500\/50:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:active\:stroke-pink-500\/50:active { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .md\:focus\:stroke-pink-500\/60:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:hover\:stroke-pink-500\/60:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:active\:stroke-pink-500\/60:active { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .md\:focus\:stroke-pink-500\/70:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:hover\:stroke-pink-500\/70:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:active\:stroke-pink-500\/70:active { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .md\:focus\:stroke-pink-500\/80:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:hover\:stroke-pink-500\/80:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:active\:stroke-pink-500\/80:active { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .md\:focus\:stroke-pink-500\/90:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:hover\:stroke-pink-500\/90:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:active\:stroke-pink-500\/90:active { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .md\:focus\:stroke-pink-600:focus { + stroke: var(--pink-600) + } + .md\:hover\:stroke-pink-600:hover { + stroke: var(--pink-600) + } + .md\:active\:stroke-pink-600:active { + stroke: var(--pink-600) + } + .md\:focus\:stroke-pink-600\/10:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:hover\:stroke-pink-600\/10:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:active\:stroke-pink-600\/10:active { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .md\:focus\:stroke-pink-600\/20:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:hover\:stroke-pink-600\/20:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:active\:stroke-pink-600\/20:active { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .md\:focus\:stroke-pink-600\/30:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:hover\:stroke-pink-600\/30:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:active\:stroke-pink-600\/30:active { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .md\:focus\:stroke-pink-600\/40:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:hover\:stroke-pink-600\/40:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:active\:stroke-pink-600\/40:active { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .md\:focus\:stroke-pink-600\/50:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:hover\:stroke-pink-600\/50:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:active\:stroke-pink-600\/50:active { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .md\:focus\:stroke-pink-600\/60:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:hover\:stroke-pink-600\/60:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:active\:stroke-pink-600\/60:active { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .md\:focus\:stroke-pink-600\/70:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:hover\:stroke-pink-600\/70:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:active\:stroke-pink-600\/70:active { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .md\:focus\:stroke-pink-600\/80:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:hover\:stroke-pink-600\/80:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:active\:stroke-pink-600\/80:active { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .md\:focus\:stroke-pink-600\/90:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:hover\:stroke-pink-600\/90:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:active\:stroke-pink-600\/90:active { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .md\:focus\:stroke-pink-700:focus { + stroke: var(--pink-700) + } + .md\:hover\:stroke-pink-700:hover { + stroke: var(--pink-700) + } + .md\:active\:stroke-pink-700:active { + stroke: var(--pink-700) + } + .md\:focus\:stroke-pink-700\/10:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:hover\:stroke-pink-700\/10:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:active\:stroke-pink-700\/10:active { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .md\:focus\:stroke-pink-700\/20:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:hover\:stroke-pink-700\/20:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:active\:stroke-pink-700\/20:active { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .md\:focus\:stroke-pink-700\/30:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:hover\:stroke-pink-700\/30:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:active\:stroke-pink-700\/30:active { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .md\:focus\:stroke-pink-700\/40:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:hover\:stroke-pink-700\/40:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:active\:stroke-pink-700\/40:active { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .md\:focus\:stroke-pink-700\/50:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:hover\:stroke-pink-700\/50:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:active\:stroke-pink-700\/50:active { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .md\:focus\:stroke-pink-700\/60:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:hover\:stroke-pink-700\/60:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:active\:stroke-pink-700\/60:active { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .md\:focus\:stroke-pink-700\/70:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:hover\:stroke-pink-700\/70:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:active\:stroke-pink-700\/70:active { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .md\:focus\:stroke-pink-700\/80:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:hover\:stroke-pink-700\/80:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:active\:stroke-pink-700\/80:active { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .md\:focus\:stroke-pink-700\/90:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:hover\:stroke-pink-700\/90:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:active\:stroke-pink-700\/90:active { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .md\:focus\:stroke-pink-800:focus { + stroke: var(--pink-800) + } + .md\:hover\:stroke-pink-800:hover { + stroke: var(--pink-800) + } + .md\:active\:stroke-pink-800:active { + stroke: var(--pink-800) + } + .md\:focus\:stroke-pink-800\/10:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:hover\:stroke-pink-800\/10:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:active\:stroke-pink-800\/10:active { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .md\:focus\:stroke-pink-800\/20:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:hover\:stroke-pink-800\/20:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:active\:stroke-pink-800\/20:active { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .md\:focus\:stroke-pink-800\/30:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:hover\:stroke-pink-800\/30:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:active\:stroke-pink-800\/30:active { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .md\:focus\:stroke-pink-800\/40:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:hover\:stroke-pink-800\/40:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:active\:stroke-pink-800\/40:active { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .md\:focus\:stroke-pink-800\/50:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:hover\:stroke-pink-800\/50:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:active\:stroke-pink-800\/50:active { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .md\:focus\:stroke-pink-800\/60:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:hover\:stroke-pink-800\/60:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:active\:stroke-pink-800\/60:active { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .md\:focus\:stroke-pink-800\/70:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:hover\:stroke-pink-800\/70:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:active\:stroke-pink-800\/70:active { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .md\:focus\:stroke-pink-800\/80:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:hover\:stroke-pink-800\/80:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:active\:stroke-pink-800\/80:active { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .md\:focus\:stroke-pink-800\/90:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:hover\:stroke-pink-800\/90:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:active\:stroke-pink-800\/90:active { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .md\:focus\:stroke-pink-900:focus { + stroke: var(--pink-900) + } + .md\:hover\:stroke-pink-900:hover { + stroke: var(--pink-900) + } + .md\:active\:stroke-pink-900:active { + stroke: var(--pink-900) + } + .md\:focus\:stroke-pink-900\/10:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:hover\:stroke-pink-900\/10:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:active\:stroke-pink-900\/10:active { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .md\:focus\:stroke-pink-900\/20:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:hover\:stroke-pink-900\/20:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:active\:stroke-pink-900\/20:active { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .md\:focus\:stroke-pink-900\/30:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:hover\:stroke-pink-900\/30:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:active\:stroke-pink-900\/30:active { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .md\:focus\:stroke-pink-900\/40:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:hover\:stroke-pink-900\/40:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:active\:stroke-pink-900\/40:active { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .md\:focus\:stroke-pink-900\/50:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:hover\:stroke-pink-900\/50:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:active\:stroke-pink-900\/50:active { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .md\:focus\:stroke-pink-900\/60:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:hover\:stroke-pink-900\/60:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:active\:stroke-pink-900\/60:active { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .md\:focus\:stroke-pink-900\/70:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:hover\:stroke-pink-900\/70:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:active\:stroke-pink-900\/70:active { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .md\:focus\:stroke-pink-900\/80:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:hover\:stroke-pink-900\/80:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:active\:stroke-pink-900\/80:active { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .md\:focus\:stroke-pink-900\/90:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:hover\:stroke-pink-900\/90:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:active\:stroke-pink-900\/90:active { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-50:focus { + stroke: var(--indigo-50) + } + .md\:hover\:stroke-indigo-50:hover { + stroke: var(--indigo-50) + } + .md\:active\:stroke-indigo-50:active { + stroke: var(--indigo-50) + } + .md\:focus\:stroke-indigo-50\/10:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-50\/10:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:active\:stroke-indigo-50\/10:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-50\/20:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-50\/20:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:active\:stroke-indigo-50\/20:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-50\/30:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-50\/30:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:active\:stroke-indigo-50\/30:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-50\/40:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-50\/40:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:active\:stroke-indigo-50\/40:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-50\/50:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-50\/50:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:active\:stroke-indigo-50\/50:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-50\/60:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-50\/60:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:active\:stroke-indigo-50\/60:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-50\/70:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-50\/70:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:active\:stroke-indigo-50\/70:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-50\/80:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-50\/80:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:active\:stroke-indigo-50\/80:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-50\/90:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-50\/90:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:active\:stroke-indigo-50\/90:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-100:focus { + stroke: var(--indigo-100) + } + .md\:hover\:stroke-indigo-100:hover { + stroke: var(--indigo-100) + } + .md\:active\:stroke-indigo-100:active { + stroke: var(--indigo-100) + } + .md\:focus\:stroke-indigo-100\/10:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-100\/10:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:active\:stroke-indigo-100\/10:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-100\/20:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-100\/20:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:active\:stroke-indigo-100\/20:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-100\/30:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-100\/30:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:active\:stroke-indigo-100\/30:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-100\/40:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-100\/40:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:active\:stroke-indigo-100\/40:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-100\/50:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-100\/50:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:active\:stroke-indigo-100\/50:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-100\/60:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-100\/60:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:active\:stroke-indigo-100\/60:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-100\/70:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-100\/70:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:active\:stroke-indigo-100\/70:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-100\/80:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-100\/80:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:active\:stroke-indigo-100\/80:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-100\/90:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-100\/90:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:active\:stroke-indigo-100\/90:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-200:focus { + stroke: var(--indigo-200) + } + .md\:hover\:stroke-indigo-200:hover { + stroke: var(--indigo-200) + } + .md\:active\:stroke-indigo-200:active { + stroke: var(--indigo-200) + } + .md\:focus\:stroke-indigo-200\/10:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-200\/10:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:active\:stroke-indigo-200\/10:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-200\/20:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-200\/20:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:active\:stroke-indigo-200\/20:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-200\/30:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-200\/30:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:active\:stroke-indigo-200\/30:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-200\/40:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-200\/40:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:active\:stroke-indigo-200\/40:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-200\/50:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-200\/50:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:active\:stroke-indigo-200\/50:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-200\/60:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-200\/60:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:active\:stroke-indigo-200\/60:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-200\/70:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-200\/70:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:active\:stroke-indigo-200\/70:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-200\/80:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-200\/80:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:active\:stroke-indigo-200\/80:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-200\/90:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-200\/90:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:active\:stroke-indigo-200\/90:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-300:focus { + stroke: var(--indigo-300) + } + .md\:hover\:stroke-indigo-300:hover { + stroke: var(--indigo-300) + } + .md\:active\:stroke-indigo-300:active { + stroke: var(--indigo-300) + } + .md\:focus\:stroke-indigo-300\/10:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-300\/10:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:active\:stroke-indigo-300\/10:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-300\/20:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-300\/20:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:active\:stroke-indigo-300\/20:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-300\/30:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-300\/30:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:active\:stroke-indigo-300\/30:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-300\/40:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-300\/40:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:active\:stroke-indigo-300\/40:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-300\/50:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-300\/50:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:active\:stroke-indigo-300\/50:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-300\/60:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-300\/60:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:active\:stroke-indigo-300\/60:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-300\/70:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-300\/70:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:active\:stroke-indigo-300\/70:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-300\/80:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-300\/80:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:active\:stroke-indigo-300\/80:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-300\/90:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-300\/90:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:active\:stroke-indigo-300\/90:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-400:focus { + stroke: var(--indigo-400) + } + .md\:hover\:stroke-indigo-400:hover { + stroke: var(--indigo-400) + } + .md\:active\:stroke-indigo-400:active { + stroke: var(--indigo-400) + } + .md\:focus\:stroke-indigo-400\/10:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-400\/10:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:active\:stroke-indigo-400\/10:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-400\/20:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-400\/20:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:active\:stroke-indigo-400\/20:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-400\/30:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-400\/30:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:active\:stroke-indigo-400\/30:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-400\/40:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-400\/40:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:active\:stroke-indigo-400\/40:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-400\/50:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-400\/50:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:active\:stroke-indigo-400\/50:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-400\/60:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-400\/60:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:active\:stroke-indigo-400\/60:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-400\/70:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-400\/70:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:active\:stroke-indigo-400\/70:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-400\/80:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-400\/80:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:active\:stroke-indigo-400\/80:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-400\/90:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-400\/90:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:active\:stroke-indigo-400\/90:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-500:focus { + stroke: var(--indigo-500) + } + .md\:hover\:stroke-indigo-500:hover { + stroke: var(--indigo-500) + } + .md\:active\:stroke-indigo-500:active { + stroke: var(--indigo-500) + } + .md\:focus\:stroke-indigo-500\/10:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-500\/10:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:active\:stroke-indigo-500\/10:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-500\/20:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-500\/20:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:active\:stroke-indigo-500\/20:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-500\/30:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-500\/30:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:active\:stroke-indigo-500\/30:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-500\/40:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-500\/40:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:active\:stroke-indigo-500\/40:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-500\/50:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-500\/50:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:active\:stroke-indigo-500\/50:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-500\/60:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-500\/60:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:active\:stroke-indigo-500\/60:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-500\/70:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-500\/70:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:active\:stroke-indigo-500\/70:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-500\/80:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-500\/80:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:active\:stroke-indigo-500\/80:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-500\/90:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-500\/90:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:active\:stroke-indigo-500\/90:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-600:focus { + stroke: var(--indigo-600) + } + .md\:hover\:stroke-indigo-600:hover { + stroke: var(--indigo-600) + } + .md\:active\:stroke-indigo-600:active { + stroke: var(--indigo-600) + } + .md\:focus\:stroke-indigo-600\/10:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-600\/10:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:active\:stroke-indigo-600\/10:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-600\/20:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-600\/20:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:active\:stroke-indigo-600\/20:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-600\/30:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-600\/30:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:active\:stroke-indigo-600\/30:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-600\/40:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-600\/40:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:active\:stroke-indigo-600\/40:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-600\/50:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-600\/50:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:active\:stroke-indigo-600\/50:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-600\/60:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-600\/60:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:active\:stroke-indigo-600\/60:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-600\/70:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-600\/70:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:active\:stroke-indigo-600\/70:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-600\/80:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-600\/80:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:active\:stroke-indigo-600\/80:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-600\/90:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-600\/90:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:active\:stroke-indigo-600\/90:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-700:focus { + stroke: var(--indigo-700) + } + .md\:hover\:stroke-indigo-700:hover { + stroke: var(--indigo-700) + } + .md\:active\:stroke-indigo-700:active { + stroke: var(--indigo-700) + } + .md\:focus\:stroke-indigo-700\/10:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-700\/10:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:active\:stroke-indigo-700\/10:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-700\/20:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-700\/20:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:active\:stroke-indigo-700\/20:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-700\/30:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-700\/30:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:active\:stroke-indigo-700\/30:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-700\/40:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-700\/40:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:active\:stroke-indigo-700\/40:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-700\/50:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-700\/50:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:active\:stroke-indigo-700\/50:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-700\/60:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-700\/60:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:active\:stroke-indigo-700\/60:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-700\/70:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-700\/70:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:active\:stroke-indigo-700\/70:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-700\/80:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-700\/80:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:active\:stroke-indigo-700\/80:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-700\/90:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-700\/90:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:active\:stroke-indigo-700\/90:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-800:focus { + stroke: var(--indigo-800) + } + .md\:hover\:stroke-indigo-800:hover { + stroke: var(--indigo-800) + } + .md\:active\:stroke-indigo-800:active { + stroke: var(--indigo-800) + } + .md\:focus\:stroke-indigo-800\/10:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-800\/10:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:active\:stroke-indigo-800\/10:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-800\/20:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-800\/20:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:active\:stroke-indigo-800\/20:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-800\/30:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-800\/30:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:active\:stroke-indigo-800\/30:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-800\/40:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-800\/40:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:active\:stroke-indigo-800\/40:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-800\/50:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-800\/50:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:active\:stroke-indigo-800\/50:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-800\/60:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-800\/60:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:active\:stroke-indigo-800\/60:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-800\/70:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-800\/70:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:active\:stroke-indigo-800\/70:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-800\/80:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-800\/80:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:active\:stroke-indigo-800\/80:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-800\/90:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-800\/90:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:active\:stroke-indigo-800\/90:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .md\:focus\:stroke-indigo-900:focus { + stroke: var(--indigo-900) + } + .md\:hover\:stroke-indigo-900:hover { + stroke: var(--indigo-900) + } + .md\:active\:stroke-indigo-900:active { + stroke: var(--indigo-900) + } + .md\:focus\:stroke-indigo-900\/10:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:hover\:stroke-indigo-900\/10:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:active\:stroke-indigo-900\/10:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .md\:focus\:stroke-indigo-900\/20:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:hover\:stroke-indigo-900\/20:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:active\:stroke-indigo-900\/20:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .md\:focus\:stroke-indigo-900\/30:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:hover\:stroke-indigo-900\/30:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:active\:stroke-indigo-900\/30:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .md\:focus\:stroke-indigo-900\/40:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:hover\:stroke-indigo-900\/40:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:active\:stroke-indigo-900\/40:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .md\:focus\:stroke-indigo-900\/50:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:hover\:stroke-indigo-900\/50:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:active\:stroke-indigo-900\/50:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .md\:focus\:stroke-indigo-900\/60:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:hover\:stroke-indigo-900\/60:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:active\:stroke-indigo-900\/60:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .md\:focus\:stroke-indigo-900\/70:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:hover\:stroke-indigo-900\/70:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:active\:stroke-indigo-900\/70:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .md\:focus\:stroke-indigo-900\/80:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:hover\:stroke-indigo-900\/80:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:active\:stroke-indigo-900\/80:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .md\:focus\:stroke-indigo-900\/90:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:hover\:stroke-indigo-900\/90:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:active\:stroke-indigo-900\/90:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .md\:focus\:stroke-teal-50:focus { + stroke: var(--teal-50) + } + .md\:hover\:stroke-teal-50:hover { + stroke: var(--teal-50) + } + .md\:active\:stroke-teal-50:active { + stroke: var(--teal-50) + } + .md\:focus\:stroke-teal-50\/10:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:hover\:stroke-teal-50\/10:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:active\:stroke-teal-50\/10:active { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .md\:focus\:stroke-teal-50\/20:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:hover\:stroke-teal-50\/20:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:active\:stroke-teal-50\/20:active { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .md\:focus\:stroke-teal-50\/30:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:hover\:stroke-teal-50\/30:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:active\:stroke-teal-50\/30:active { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .md\:focus\:stroke-teal-50\/40:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:hover\:stroke-teal-50\/40:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:active\:stroke-teal-50\/40:active { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .md\:focus\:stroke-teal-50\/50:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:hover\:stroke-teal-50\/50:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:active\:stroke-teal-50\/50:active { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .md\:focus\:stroke-teal-50\/60:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:hover\:stroke-teal-50\/60:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:active\:stroke-teal-50\/60:active { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .md\:focus\:stroke-teal-50\/70:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:hover\:stroke-teal-50\/70:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:active\:stroke-teal-50\/70:active { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .md\:focus\:stroke-teal-50\/80:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:hover\:stroke-teal-50\/80:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:active\:stroke-teal-50\/80:active { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .md\:focus\:stroke-teal-50\/90:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:hover\:stroke-teal-50\/90:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:active\:stroke-teal-50\/90:active { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .md\:focus\:stroke-teal-100:focus { + stroke: var(--teal-100) + } + .md\:hover\:stroke-teal-100:hover { + stroke: var(--teal-100) + } + .md\:active\:stroke-teal-100:active { + stroke: var(--teal-100) + } + .md\:focus\:stroke-teal-100\/10:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:hover\:stroke-teal-100\/10:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:active\:stroke-teal-100\/10:active { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .md\:focus\:stroke-teal-100\/20:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:hover\:stroke-teal-100\/20:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:active\:stroke-teal-100\/20:active { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .md\:focus\:stroke-teal-100\/30:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:hover\:stroke-teal-100\/30:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:active\:stroke-teal-100\/30:active { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .md\:focus\:stroke-teal-100\/40:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:hover\:stroke-teal-100\/40:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:active\:stroke-teal-100\/40:active { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .md\:focus\:stroke-teal-100\/50:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:hover\:stroke-teal-100\/50:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:active\:stroke-teal-100\/50:active { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .md\:focus\:stroke-teal-100\/60:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:hover\:stroke-teal-100\/60:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:active\:stroke-teal-100\/60:active { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .md\:focus\:stroke-teal-100\/70:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:hover\:stroke-teal-100\/70:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:active\:stroke-teal-100\/70:active { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .md\:focus\:stroke-teal-100\/80:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:hover\:stroke-teal-100\/80:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:active\:stroke-teal-100\/80:active { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .md\:focus\:stroke-teal-100\/90:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:hover\:stroke-teal-100\/90:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:active\:stroke-teal-100\/90:active { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .md\:focus\:stroke-teal-200:focus { + stroke: var(--teal-200) + } + .md\:hover\:stroke-teal-200:hover { + stroke: var(--teal-200) + } + .md\:active\:stroke-teal-200:active { + stroke: var(--teal-200) + } + .md\:focus\:stroke-teal-200\/10:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:hover\:stroke-teal-200\/10:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:active\:stroke-teal-200\/10:active { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .md\:focus\:stroke-teal-200\/20:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:hover\:stroke-teal-200\/20:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:active\:stroke-teal-200\/20:active { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .md\:focus\:stroke-teal-200\/30:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:hover\:stroke-teal-200\/30:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:active\:stroke-teal-200\/30:active { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .md\:focus\:stroke-teal-200\/40:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:hover\:stroke-teal-200\/40:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:active\:stroke-teal-200\/40:active { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .md\:focus\:stroke-teal-200\/50:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:hover\:stroke-teal-200\/50:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:active\:stroke-teal-200\/50:active { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .md\:focus\:stroke-teal-200\/60:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:hover\:stroke-teal-200\/60:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:active\:stroke-teal-200\/60:active { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .md\:focus\:stroke-teal-200\/70:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:hover\:stroke-teal-200\/70:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:active\:stroke-teal-200\/70:active { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .md\:focus\:stroke-teal-200\/80:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:hover\:stroke-teal-200\/80:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:active\:stroke-teal-200\/80:active { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .md\:focus\:stroke-teal-200\/90:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:hover\:stroke-teal-200\/90:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:active\:stroke-teal-200\/90:active { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .md\:focus\:stroke-teal-300:focus { + stroke: var(--teal-300) + } + .md\:hover\:stroke-teal-300:hover { + stroke: var(--teal-300) + } + .md\:active\:stroke-teal-300:active { + stroke: var(--teal-300) + } + .md\:focus\:stroke-teal-300\/10:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:hover\:stroke-teal-300\/10:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:active\:stroke-teal-300\/10:active { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .md\:focus\:stroke-teal-300\/20:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:hover\:stroke-teal-300\/20:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:active\:stroke-teal-300\/20:active { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .md\:focus\:stroke-teal-300\/30:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:hover\:stroke-teal-300\/30:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:active\:stroke-teal-300\/30:active { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .md\:focus\:stroke-teal-300\/40:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:hover\:stroke-teal-300\/40:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:active\:stroke-teal-300\/40:active { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .md\:focus\:stroke-teal-300\/50:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:hover\:stroke-teal-300\/50:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:active\:stroke-teal-300\/50:active { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .md\:focus\:stroke-teal-300\/60:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:hover\:stroke-teal-300\/60:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:active\:stroke-teal-300\/60:active { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .md\:focus\:stroke-teal-300\/70:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:hover\:stroke-teal-300\/70:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:active\:stroke-teal-300\/70:active { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .md\:focus\:stroke-teal-300\/80:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:hover\:stroke-teal-300\/80:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:active\:stroke-teal-300\/80:active { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .md\:focus\:stroke-teal-300\/90:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:hover\:stroke-teal-300\/90:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:active\:stroke-teal-300\/90:active { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .md\:focus\:stroke-teal-400:focus { + stroke: var(--teal-400) + } + .md\:hover\:stroke-teal-400:hover { + stroke: var(--teal-400) + } + .md\:active\:stroke-teal-400:active { + stroke: var(--teal-400) + } + .md\:focus\:stroke-teal-400\/10:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:hover\:stroke-teal-400\/10:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:active\:stroke-teal-400\/10:active { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .md\:focus\:stroke-teal-400\/20:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:hover\:stroke-teal-400\/20:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:active\:stroke-teal-400\/20:active { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .md\:focus\:stroke-teal-400\/30:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:hover\:stroke-teal-400\/30:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:active\:stroke-teal-400\/30:active { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .md\:focus\:stroke-teal-400\/40:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:hover\:stroke-teal-400\/40:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:active\:stroke-teal-400\/40:active { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .md\:focus\:stroke-teal-400\/50:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:hover\:stroke-teal-400\/50:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:active\:stroke-teal-400\/50:active { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .md\:focus\:stroke-teal-400\/60:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:hover\:stroke-teal-400\/60:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:active\:stroke-teal-400\/60:active { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .md\:focus\:stroke-teal-400\/70:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:hover\:stroke-teal-400\/70:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:active\:stroke-teal-400\/70:active { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .md\:focus\:stroke-teal-400\/80:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:hover\:stroke-teal-400\/80:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:active\:stroke-teal-400\/80:active { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .md\:focus\:stroke-teal-400\/90:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:hover\:stroke-teal-400\/90:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:active\:stroke-teal-400\/90:active { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .md\:focus\:stroke-teal-500:focus { + stroke: var(--teal-500) + } + .md\:hover\:stroke-teal-500:hover { + stroke: var(--teal-500) + } + .md\:active\:stroke-teal-500:active { + stroke: var(--teal-500) + } + .md\:focus\:stroke-teal-500\/10:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:hover\:stroke-teal-500\/10:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:active\:stroke-teal-500\/10:active { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .md\:focus\:stroke-teal-500\/20:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:hover\:stroke-teal-500\/20:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:active\:stroke-teal-500\/20:active { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .md\:focus\:stroke-teal-500\/30:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:hover\:stroke-teal-500\/30:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:active\:stroke-teal-500\/30:active { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .md\:focus\:stroke-teal-500\/40:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:hover\:stroke-teal-500\/40:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:active\:stroke-teal-500\/40:active { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .md\:focus\:stroke-teal-500\/50:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:hover\:stroke-teal-500\/50:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:active\:stroke-teal-500\/50:active { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .md\:focus\:stroke-teal-500\/60:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:hover\:stroke-teal-500\/60:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:active\:stroke-teal-500\/60:active { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .md\:focus\:stroke-teal-500\/70:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:hover\:stroke-teal-500\/70:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:active\:stroke-teal-500\/70:active { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .md\:focus\:stroke-teal-500\/80:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:hover\:stroke-teal-500\/80:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:active\:stroke-teal-500\/80:active { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .md\:focus\:stroke-teal-500\/90:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:hover\:stroke-teal-500\/90:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:active\:stroke-teal-500\/90:active { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .md\:focus\:stroke-teal-600:focus { + stroke: var(--teal-600) + } + .md\:hover\:stroke-teal-600:hover { + stroke: var(--teal-600) + } + .md\:active\:stroke-teal-600:active { + stroke: var(--teal-600) + } + .md\:focus\:stroke-teal-600\/10:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:hover\:stroke-teal-600\/10:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:active\:stroke-teal-600\/10:active { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .md\:focus\:stroke-teal-600\/20:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:hover\:stroke-teal-600\/20:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:active\:stroke-teal-600\/20:active { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .md\:focus\:stroke-teal-600\/30:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:hover\:stroke-teal-600\/30:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:active\:stroke-teal-600\/30:active { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .md\:focus\:stroke-teal-600\/40:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:hover\:stroke-teal-600\/40:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:active\:stroke-teal-600\/40:active { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .md\:focus\:stroke-teal-600\/50:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:hover\:stroke-teal-600\/50:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:active\:stroke-teal-600\/50:active { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .md\:focus\:stroke-teal-600\/60:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:hover\:stroke-teal-600\/60:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:active\:stroke-teal-600\/60:active { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .md\:focus\:stroke-teal-600\/70:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:hover\:stroke-teal-600\/70:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:active\:stroke-teal-600\/70:active { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .md\:focus\:stroke-teal-600\/80:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:hover\:stroke-teal-600\/80:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:active\:stroke-teal-600\/80:active { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .md\:focus\:stroke-teal-600\/90:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:hover\:stroke-teal-600\/90:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:active\:stroke-teal-600\/90:active { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .md\:focus\:stroke-teal-700:focus { + stroke: var(--teal-700) + } + .md\:hover\:stroke-teal-700:hover { + stroke: var(--teal-700) + } + .md\:active\:stroke-teal-700:active { + stroke: var(--teal-700) + } + .md\:focus\:stroke-teal-700\/10:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:hover\:stroke-teal-700\/10:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:active\:stroke-teal-700\/10:active { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .md\:focus\:stroke-teal-700\/20:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:hover\:stroke-teal-700\/20:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:active\:stroke-teal-700\/20:active { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .md\:focus\:stroke-teal-700\/30:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:hover\:stroke-teal-700\/30:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:active\:stroke-teal-700\/30:active { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .md\:focus\:stroke-teal-700\/40:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:hover\:stroke-teal-700\/40:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:active\:stroke-teal-700\/40:active { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .md\:focus\:stroke-teal-700\/50:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:hover\:stroke-teal-700\/50:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:active\:stroke-teal-700\/50:active { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .md\:focus\:stroke-teal-700\/60:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:hover\:stroke-teal-700\/60:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:active\:stroke-teal-700\/60:active { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .md\:focus\:stroke-teal-700\/70:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:hover\:stroke-teal-700\/70:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:active\:stroke-teal-700\/70:active { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .md\:focus\:stroke-teal-700\/80:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:hover\:stroke-teal-700\/80:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:active\:stroke-teal-700\/80:active { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .md\:focus\:stroke-teal-700\/90:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:hover\:stroke-teal-700\/90:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:active\:stroke-teal-700\/90:active { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .md\:focus\:stroke-teal-800:focus { + stroke: var(--teal-800) + } + .md\:hover\:stroke-teal-800:hover { + stroke: var(--teal-800) + } + .md\:active\:stroke-teal-800:active { + stroke: var(--teal-800) + } + .md\:focus\:stroke-teal-800\/10:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:hover\:stroke-teal-800\/10:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:active\:stroke-teal-800\/10:active { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .md\:focus\:stroke-teal-800\/20:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:hover\:stroke-teal-800\/20:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:active\:stroke-teal-800\/20:active { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .md\:focus\:stroke-teal-800\/30:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:hover\:stroke-teal-800\/30:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:active\:stroke-teal-800\/30:active { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .md\:focus\:stroke-teal-800\/40:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:hover\:stroke-teal-800\/40:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:active\:stroke-teal-800\/40:active { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .md\:focus\:stroke-teal-800\/50:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:hover\:stroke-teal-800\/50:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:active\:stroke-teal-800\/50:active { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .md\:focus\:stroke-teal-800\/60:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:hover\:stroke-teal-800\/60:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:active\:stroke-teal-800\/60:active { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .md\:focus\:stroke-teal-800\/70:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:hover\:stroke-teal-800\/70:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:active\:stroke-teal-800\/70:active { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .md\:focus\:stroke-teal-800\/80:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:hover\:stroke-teal-800\/80:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:active\:stroke-teal-800\/80:active { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .md\:focus\:stroke-teal-800\/90:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:hover\:stroke-teal-800\/90:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:active\:stroke-teal-800\/90:active { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .md\:focus\:stroke-teal-900:focus { + stroke: var(--teal-900) + } + .md\:hover\:stroke-teal-900:hover { + stroke: var(--teal-900) + } + .md\:active\:stroke-teal-900:active { + stroke: var(--teal-900) + } + .md\:focus\:stroke-teal-900\/10:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:hover\:stroke-teal-900\/10:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:active\:stroke-teal-900\/10:active { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .md\:focus\:stroke-teal-900\/20:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:hover\:stroke-teal-900\/20:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:active\:stroke-teal-900\/20:active { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .md\:focus\:stroke-teal-900\/30:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:hover\:stroke-teal-900\/30:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:active\:stroke-teal-900\/30:active { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .md\:focus\:stroke-teal-900\/40:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:hover\:stroke-teal-900\/40:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:active\:stroke-teal-900\/40:active { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .md\:focus\:stroke-teal-900\/50:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:hover\:stroke-teal-900\/50:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:active\:stroke-teal-900\/50:active { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .md\:focus\:stroke-teal-900\/60:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:hover\:stroke-teal-900\/60:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:active\:stroke-teal-900\/60:active { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .md\:focus\:stroke-teal-900\/70:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:hover\:stroke-teal-900\/70:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:active\:stroke-teal-900\/70:active { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .md\:focus\:stroke-teal-900\/80:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:hover\:stroke-teal-900\/80:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:active\:stroke-teal-900\/80:active { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .md\:focus\:stroke-teal-900\/90:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:hover\:stroke-teal-900\/90:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:active\:stroke-teal-900\/90:active { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .md\:focus\:stroke-orange-50:focus { + stroke: var(--orange-50) + } + .md\:hover\:stroke-orange-50:hover { + stroke: var(--orange-50) + } + .md\:active\:stroke-orange-50:active { + stroke: var(--orange-50) + } + .md\:focus\:stroke-orange-50\/10:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:hover\:stroke-orange-50\/10:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:active\:stroke-orange-50\/10:active { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .md\:focus\:stroke-orange-50\/20:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:hover\:stroke-orange-50\/20:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:active\:stroke-orange-50\/20:active { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .md\:focus\:stroke-orange-50\/30:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:hover\:stroke-orange-50\/30:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:active\:stroke-orange-50\/30:active { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .md\:focus\:stroke-orange-50\/40:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:hover\:stroke-orange-50\/40:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:active\:stroke-orange-50\/40:active { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .md\:focus\:stroke-orange-50\/50:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:hover\:stroke-orange-50\/50:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:active\:stroke-orange-50\/50:active { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .md\:focus\:stroke-orange-50\/60:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:hover\:stroke-orange-50\/60:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:active\:stroke-orange-50\/60:active { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .md\:focus\:stroke-orange-50\/70:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:hover\:stroke-orange-50\/70:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:active\:stroke-orange-50\/70:active { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .md\:focus\:stroke-orange-50\/80:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:hover\:stroke-orange-50\/80:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:active\:stroke-orange-50\/80:active { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .md\:focus\:stroke-orange-50\/90:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:hover\:stroke-orange-50\/90:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:active\:stroke-orange-50\/90:active { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .md\:focus\:stroke-orange-100:focus { + stroke: var(--orange-100) + } + .md\:hover\:stroke-orange-100:hover { + stroke: var(--orange-100) + } + .md\:active\:stroke-orange-100:active { + stroke: var(--orange-100) + } + .md\:focus\:stroke-orange-100\/10:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:hover\:stroke-orange-100\/10:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:active\:stroke-orange-100\/10:active { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .md\:focus\:stroke-orange-100\/20:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:hover\:stroke-orange-100\/20:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:active\:stroke-orange-100\/20:active { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .md\:focus\:stroke-orange-100\/30:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:hover\:stroke-orange-100\/30:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:active\:stroke-orange-100\/30:active { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .md\:focus\:stroke-orange-100\/40:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:hover\:stroke-orange-100\/40:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:active\:stroke-orange-100\/40:active { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .md\:focus\:stroke-orange-100\/50:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:hover\:stroke-orange-100\/50:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:active\:stroke-orange-100\/50:active { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .md\:focus\:stroke-orange-100\/60:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:hover\:stroke-orange-100\/60:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:active\:stroke-orange-100\/60:active { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .md\:focus\:stroke-orange-100\/70:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:hover\:stroke-orange-100\/70:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:active\:stroke-orange-100\/70:active { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .md\:focus\:stroke-orange-100\/80:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:hover\:stroke-orange-100\/80:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:active\:stroke-orange-100\/80:active { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .md\:focus\:stroke-orange-100\/90:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:hover\:stroke-orange-100\/90:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:active\:stroke-orange-100\/90:active { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .md\:focus\:stroke-orange-200:focus { + stroke: var(--orange-200) + } + .md\:hover\:stroke-orange-200:hover { + stroke: var(--orange-200) + } + .md\:active\:stroke-orange-200:active { + stroke: var(--orange-200) + } + .md\:focus\:stroke-orange-200\/10:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:hover\:stroke-orange-200\/10:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:active\:stroke-orange-200\/10:active { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .md\:focus\:stroke-orange-200\/20:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:hover\:stroke-orange-200\/20:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:active\:stroke-orange-200\/20:active { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .md\:focus\:stroke-orange-200\/30:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:hover\:stroke-orange-200\/30:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:active\:stroke-orange-200\/30:active { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .md\:focus\:stroke-orange-200\/40:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:hover\:stroke-orange-200\/40:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:active\:stroke-orange-200\/40:active { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .md\:focus\:stroke-orange-200\/50:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:hover\:stroke-orange-200\/50:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:active\:stroke-orange-200\/50:active { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .md\:focus\:stroke-orange-200\/60:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:hover\:stroke-orange-200\/60:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:active\:stroke-orange-200\/60:active { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .md\:focus\:stroke-orange-200\/70:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:hover\:stroke-orange-200\/70:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:active\:stroke-orange-200\/70:active { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .md\:focus\:stroke-orange-200\/80:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:hover\:stroke-orange-200\/80:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:active\:stroke-orange-200\/80:active { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .md\:focus\:stroke-orange-200\/90:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:hover\:stroke-orange-200\/90:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:active\:stroke-orange-200\/90:active { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .md\:focus\:stroke-orange-300:focus { + stroke: var(--orange-300) + } + .md\:hover\:stroke-orange-300:hover { + stroke: var(--orange-300) + } + .md\:active\:stroke-orange-300:active { + stroke: var(--orange-300) + } + .md\:focus\:stroke-orange-300\/10:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:hover\:stroke-orange-300\/10:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:active\:stroke-orange-300\/10:active { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .md\:focus\:stroke-orange-300\/20:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:hover\:stroke-orange-300\/20:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:active\:stroke-orange-300\/20:active { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .md\:focus\:stroke-orange-300\/30:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:hover\:stroke-orange-300\/30:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:active\:stroke-orange-300\/30:active { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .md\:focus\:stroke-orange-300\/40:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:hover\:stroke-orange-300\/40:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:active\:stroke-orange-300\/40:active { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .md\:focus\:stroke-orange-300\/50:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:hover\:stroke-orange-300\/50:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:active\:stroke-orange-300\/50:active { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .md\:focus\:stroke-orange-300\/60:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:hover\:stroke-orange-300\/60:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:active\:stroke-orange-300\/60:active { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .md\:focus\:stroke-orange-300\/70:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:hover\:stroke-orange-300\/70:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:active\:stroke-orange-300\/70:active { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .md\:focus\:stroke-orange-300\/80:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:hover\:stroke-orange-300\/80:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:active\:stroke-orange-300\/80:active { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .md\:focus\:stroke-orange-300\/90:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:hover\:stroke-orange-300\/90:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:active\:stroke-orange-300\/90:active { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .md\:focus\:stroke-orange-400:focus { + stroke: var(--orange-400) + } + .md\:hover\:stroke-orange-400:hover { + stroke: var(--orange-400) + } + .md\:active\:stroke-orange-400:active { + stroke: var(--orange-400) + } + .md\:focus\:stroke-orange-400\/10:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:hover\:stroke-orange-400\/10:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:active\:stroke-orange-400\/10:active { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .md\:focus\:stroke-orange-400\/20:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:hover\:stroke-orange-400\/20:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:active\:stroke-orange-400\/20:active { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .md\:focus\:stroke-orange-400\/30:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:hover\:stroke-orange-400\/30:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:active\:stroke-orange-400\/30:active { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .md\:focus\:stroke-orange-400\/40:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:hover\:stroke-orange-400\/40:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:active\:stroke-orange-400\/40:active { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .md\:focus\:stroke-orange-400\/50:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:hover\:stroke-orange-400\/50:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:active\:stroke-orange-400\/50:active { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .md\:focus\:stroke-orange-400\/60:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:hover\:stroke-orange-400\/60:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:active\:stroke-orange-400\/60:active { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .md\:focus\:stroke-orange-400\/70:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:hover\:stroke-orange-400\/70:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:active\:stroke-orange-400\/70:active { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .md\:focus\:stroke-orange-400\/80:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:hover\:stroke-orange-400\/80:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:active\:stroke-orange-400\/80:active { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .md\:focus\:stroke-orange-400\/90:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:hover\:stroke-orange-400\/90:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:active\:stroke-orange-400\/90:active { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .md\:focus\:stroke-orange-500:focus { + stroke: var(--orange-500) + } + .md\:hover\:stroke-orange-500:hover { + stroke: var(--orange-500) + } + .md\:active\:stroke-orange-500:active { + stroke: var(--orange-500) + } + .md\:focus\:stroke-orange-500\/10:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:hover\:stroke-orange-500\/10:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:active\:stroke-orange-500\/10:active { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .md\:focus\:stroke-orange-500\/20:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:hover\:stroke-orange-500\/20:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:active\:stroke-orange-500\/20:active { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .md\:focus\:stroke-orange-500\/30:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:hover\:stroke-orange-500\/30:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:active\:stroke-orange-500\/30:active { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .md\:focus\:stroke-orange-500\/40:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:hover\:stroke-orange-500\/40:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:active\:stroke-orange-500\/40:active { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .md\:focus\:stroke-orange-500\/50:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:hover\:stroke-orange-500\/50:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:active\:stroke-orange-500\/50:active { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .md\:focus\:stroke-orange-500\/60:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:hover\:stroke-orange-500\/60:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:active\:stroke-orange-500\/60:active { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .md\:focus\:stroke-orange-500\/70:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:hover\:stroke-orange-500\/70:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:active\:stroke-orange-500\/70:active { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .md\:focus\:stroke-orange-500\/80:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:hover\:stroke-orange-500\/80:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:active\:stroke-orange-500\/80:active { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .md\:focus\:stroke-orange-500\/90:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:hover\:stroke-orange-500\/90:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:active\:stroke-orange-500\/90:active { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .md\:focus\:stroke-orange-600:focus { + stroke: var(--orange-600) + } + .md\:hover\:stroke-orange-600:hover { + stroke: var(--orange-600) + } + .md\:active\:stroke-orange-600:active { + stroke: var(--orange-600) + } + .md\:focus\:stroke-orange-600\/10:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:hover\:stroke-orange-600\/10:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:active\:stroke-orange-600\/10:active { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .md\:focus\:stroke-orange-600\/20:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:hover\:stroke-orange-600\/20:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:active\:stroke-orange-600\/20:active { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .md\:focus\:stroke-orange-600\/30:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:hover\:stroke-orange-600\/30:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:active\:stroke-orange-600\/30:active { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .md\:focus\:stroke-orange-600\/40:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:hover\:stroke-orange-600\/40:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:active\:stroke-orange-600\/40:active { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .md\:focus\:stroke-orange-600\/50:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:hover\:stroke-orange-600\/50:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:active\:stroke-orange-600\/50:active { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .md\:focus\:stroke-orange-600\/60:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:hover\:stroke-orange-600\/60:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:active\:stroke-orange-600\/60:active { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .md\:focus\:stroke-orange-600\/70:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:hover\:stroke-orange-600\/70:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:active\:stroke-orange-600\/70:active { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .md\:focus\:stroke-orange-600\/80:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:hover\:stroke-orange-600\/80:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:active\:stroke-orange-600\/80:active { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .md\:focus\:stroke-orange-600\/90:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:hover\:stroke-orange-600\/90:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:active\:stroke-orange-600\/90:active { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .md\:focus\:stroke-orange-700:focus { + stroke: var(--orange-700) + } + .md\:hover\:stroke-orange-700:hover { + stroke: var(--orange-700) + } + .md\:active\:stroke-orange-700:active { + stroke: var(--orange-700) + } + .md\:focus\:stroke-orange-700\/10:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:hover\:stroke-orange-700\/10:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:active\:stroke-orange-700\/10:active { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .md\:focus\:stroke-orange-700\/20:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:hover\:stroke-orange-700\/20:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:active\:stroke-orange-700\/20:active { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .md\:focus\:stroke-orange-700\/30:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:hover\:stroke-orange-700\/30:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:active\:stroke-orange-700\/30:active { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .md\:focus\:stroke-orange-700\/40:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:hover\:stroke-orange-700\/40:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:active\:stroke-orange-700\/40:active { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .md\:focus\:stroke-orange-700\/50:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:hover\:stroke-orange-700\/50:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:active\:stroke-orange-700\/50:active { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .md\:focus\:stroke-orange-700\/60:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:hover\:stroke-orange-700\/60:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:active\:stroke-orange-700\/60:active { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .md\:focus\:stroke-orange-700\/70:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:hover\:stroke-orange-700\/70:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:active\:stroke-orange-700\/70:active { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .md\:focus\:stroke-orange-700\/80:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:hover\:stroke-orange-700\/80:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:active\:stroke-orange-700\/80:active { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .md\:focus\:stroke-orange-700\/90:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:hover\:stroke-orange-700\/90:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:active\:stroke-orange-700\/90:active { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .md\:focus\:stroke-orange-800:focus { + stroke: var(--orange-800) + } + .md\:hover\:stroke-orange-800:hover { + stroke: var(--orange-800) + } + .md\:active\:stroke-orange-800:active { + stroke: var(--orange-800) + } + .md\:focus\:stroke-orange-800\/10:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:hover\:stroke-orange-800\/10:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:active\:stroke-orange-800\/10:active { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .md\:focus\:stroke-orange-800\/20:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:hover\:stroke-orange-800\/20:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:active\:stroke-orange-800\/20:active { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .md\:focus\:stroke-orange-800\/30:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:hover\:stroke-orange-800\/30:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:active\:stroke-orange-800\/30:active { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .md\:focus\:stroke-orange-800\/40:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:hover\:stroke-orange-800\/40:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:active\:stroke-orange-800\/40:active { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .md\:focus\:stroke-orange-800\/50:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:hover\:stroke-orange-800\/50:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:active\:stroke-orange-800\/50:active { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .md\:focus\:stroke-orange-800\/60:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:hover\:stroke-orange-800\/60:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:active\:stroke-orange-800\/60:active { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .md\:focus\:stroke-orange-800\/70:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:hover\:stroke-orange-800\/70:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:active\:stroke-orange-800\/70:active { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .md\:focus\:stroke-orange-800\/80:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:hover\:stroke-orange-800\/80:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:active\:stroke-orange-800\/80:active { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .md\:focus\:stroke-orange-800\/90:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:hover\:stroke-orange-800\/90:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:active\:stroke-orange-800\/90:active { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .md\:focus\:stroke-orange-900:focus { + stroke: var(--orange-900) + } + .md\:hover\:stroke-orange-900:hover { + stroke: var(--orange-900) + } + .md\:active\:stroke-orange-900:active { + stroke: var(--orange-900) + } + .md\:focus\:stroke-orange-900\/10:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:hover\:stroke-orange-900\/10:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:active\:stroke-orange-900\/10:active { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .md\:focus\:stroke-orange-900\/20:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:hover\:stroke-orange-900\/20:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:active\:stroke-orange-900\/20:active { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .md\:focus\:stroke-orange-900\/30:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:hover\:stroke-orange-900\/30:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:active\:stroke-orange-900\/30:active { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .md\:focus\:stroke-orange-900\/40:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:hover\:stroke-orange-900\/40:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:active\:stroke-orange-900\/40:active { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .md\:focus\:stroke-orange-900\/50:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:hover\:stroke-orange-900\/50:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:active\:stroke-orange-900\/50:active { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .md\:focus\:stroke-orange-900\/60:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:hover\:stroke-orange-900\/60:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:active\:stroke-orange-900\/60:active { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .md\:focus\:stroke-orange-900\/70:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:hover\:stroke-orange-900\/70:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:active\:stroke-orange-900\/70:active { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .md\:focus\:stroke-orange-900\/80:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:hover\:stroke-orange-900\/80:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:active\:stroke-orange-900\/80:active { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .md\:focus\:stroke-orange-900\/90:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:hover\:stroke-orange-900\/90:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:active\:stroke-orange-900\/90:active { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-50:focus { + stroke: var(--bluegray-50) + } + .md\:hover\:stroke-bluegray-50:hover { + stroke: var(--bluegray-50) + } + .md\:active\:stroke-bluegray-50:active { + stroke: var(--bluegray-50) + } + .md\:focus\:stroke-bluegray-50\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-50\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-50\/10:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-50\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-50\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-50\/20:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-50\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-50\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-50\/30:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-50\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-50\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-50\/40:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-50\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-50\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-50\/50:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-50\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-50\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-50\/60:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-50\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-50\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-50\/70:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-50\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-50\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-50\/80:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-50\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-50\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-50\/90:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-100:focus { + stroke: var(--bluegray-100) + } + .md\:hover\:stroke-bluegray-100:hover { + stroke: var(--bluegray-100) + } + .md\:active\:stroke-bluegray-100:active { + stroke: var(--bluegray-100) + } + .md\:focus\:stroke-bluegray-100\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-100\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-100\/10:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-100\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-100\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-100\/20:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-100\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-100\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-100\/30:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-100\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-100\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-100\/40:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-100\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-100\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-100\/50:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-100\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-100\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-100\/60:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-100\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-100\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-100\/70:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-100\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-100\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-100\/80:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-100\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-100\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-100\/90:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-200:focus { + stroke: var(--bluegray-200) + } + .md\:hover\:stroke-bluegray-200:hover { + stroke: var(--bluegray-200) + } + .md\:active\:stroke-bluegray-200:active { + stroke: var(--bluegray-200) + } + .md\:focus\:stroke-bluegray-200\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-200\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-200\/10:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-200\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-200\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-200\/20:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-200\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-200\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-200\/30:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-200\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-200\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-200\/40:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-200\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-200\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-200\/50:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-200\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-200\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-200\/60:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-200\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-200\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-200\/70:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-200\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-200\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-200\/80:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-200\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-200\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-200\/90:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-300:focus { + stroke: var(--bluegray-300) + } + .md\:hover\:stroke-bluegray-300:hover { + stroke: var(--bluegray-300) + } + .md\:active\:stroke-bluegray-300:active { + stroke: var(--bluegray-300) + } + .md\:focus\:stroke-bluegray-300\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-300\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-300\/10:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-300\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-300\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-300\/20:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-300\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-300\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-300\/30:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-300\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-300\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-300\/40:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-300\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-300\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-300\/50:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-300\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-300\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-300\/60:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-300\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-300\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-300\/70:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-300\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-300\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-300\/80:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-300\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-300\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-300\/90:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-400:focus { + stroke: var(--bluegray-400) + } + .md\:hover\:stroke-bluegray-400:hover { + stroke: var(--bluegray-400) + } + .md\:active\:stroke-bluegray-400:active { + stroke: var(--bluegray-400) + } + .md\:focus\:stroke-bluegray-400\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-400\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-400\/10:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-400\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-400\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-400\/20:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-400\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-400\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-400\/30:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-400\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-400\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-400\/40:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-400\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-400\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-400\/50:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-400\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-400\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-400\/60:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-400\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-400\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-400\/70:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-400\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-400\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-400\/80:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-400\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-400\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-400\/90:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-500:focus { + stroke: var(--bluegray-500) + } + .md\:hover\:stroke-bluegray-500:hover { + stroke: var(--bluegray-500) + } + .md\:active\:stroke-bluegray-500:active { + stroke: var(--bluegray-500) + } + .md\:focus\:stroke-bluegray-500\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-500\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-500\/10:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-500\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-500\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-500\/20:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-500\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-500\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-500\/30:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-500\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-500\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-500\/40:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-500\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-500\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-500\/50:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-500\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-500\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-500\/60:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-500\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-500\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-500\/70:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-500\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-500\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-500\/80:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-500\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-500\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-500\/90:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-600:focus { + stroke: var(--bluegray-600) + } + .md\:hover\:stroke-bluegray-600:hover { + stroke: var(--bluegray-600) + } + .md\:active\:stroke-bluegray-600:active { + stroke: var(--bluegray-600) + } + .md\:focus\:stroke-bluegray-600\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-600\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-600\/10:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-600\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-600\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-600\/20:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-600\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-600\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-600\/30:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-600\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-600\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-600\/40:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-600\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-600\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-600\/50:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-600\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-600\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-600\/60:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-600\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-600\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-600\/70:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-600\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-600\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-600\/80:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-600\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-600\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-600\/90:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-700:focus { + stroke: var(--bluegray-700) + } + .md\:hover\:stroke-bluegray-700:hover { + stroke: var(--bluegray-700) + } + .md\:active\:stroke-bluegray-700:active { + stroke: var(--bluegray-700) + } + .md\:focus\:stroke-bluegray-700\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-700\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-700\/10:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-700\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-700\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-700\/20:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-700\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-700\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-700\/30:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-700\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-700\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-700\/40:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-700\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-700\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-700\/50:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-700\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-700\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-700\/60:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-700\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-700\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-700\/70:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-700\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-700\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-700\/80:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-700\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-700\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-700\/90:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-800:focus { + stroke: var(--bluegray-800) + } + .md\:hover\:stroke-bluegray-800:hover { + stroke: var(--bluegray-800) + } + .md\:active\:stroke-bluegray-800:active { + stroke: var(--bluegray-800) + } + .md\:focus\:stroke-bluegray-800\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-800\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-800\/10:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-800\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-800\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-800\/20:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-800\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-800\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-800\/30:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-800\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-800\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-800\/40:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-800\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-800\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-800\/50:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-800\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-800\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-800\/60:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-800\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-800\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-800\/70:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-800\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-800\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-800\/80:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-800\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-800\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-800\/90:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .md\:focus\:stroke-bluegray-900:focus { + stroke: var(--bluegray-900) + } + .md\:hover\:stroke-bluegray-900:hover { + stroke: var(--bluegray-900) + } + .md\:active\:stroke-bluegray-900:active { + stroke: var(--bluegray-900) + } + .md\:focus\:stroke-bluegray-900\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:hover\:stroke-bluegray-900\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:active\:stroke-bluegray-900\/10:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .md\:focus\:stroke-bluegray-900\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:hover\:stroke-bluegray-900\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:active\:stroke-bluegray-900\/20:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .md\:focus\:stroke-bluegray-900\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:hover\:stroke-bluegray-900\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:active\:stroke-bluegray-900\/30:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .md\:focus\:stroke-bluegray-900\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:hover\:stroke-bluegray-900\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:active\:stroke-bluegray-900\/40:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .md\:focus\:stroke-bluegray-900\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:hover\:stroke-bluegray-900\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:active\:stroke-bluegray-900\/50:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .md\:focus\:stroke-bluegray-900\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:hover\:stroke-bluegray-900\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:active\:stroke-bluegray-900\/60:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .md\:focus\:stroke-bluegray-900\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:hover\:stroke-bluegray-900\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:active\:stroke-bluegray-900\/70:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .md\:focus\:stroke-bluegray-900\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:hover\:stroke-bluegray-900\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:active\:stroke-bluegray-900\/80:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .md\:focus\:stroke-bluegray-900\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:hover\:stroke-bluegray-900\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:active\:stroke-bluegray-900\/90:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .md\:focus\:stroke-purple-50:focus { + stroke: var(--purple-50) + } + .md\:hover\:stroke-purple-50:hover { + stroke: var(--purple-50) + } + .md\:active\:stroke-purple-50:active { + stroke: var(--purple-50) + } + .md\:focus\:stroke-purple-50\/10:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:hover\:stroke-purple-50\/10:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:active\:stroke-purple-50\/10:active { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .md\:focus\:stroke-purple-50\/20:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:hover\:stroke-purple-50\/20:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:active\:stroke-purple-50\/20:active { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .md\:focus\:stroke-purple-50\/30:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:hover\:stroke-purple-50\/30:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:active\:stroke-purple-50\/30:active { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .md\:focus\:stroke-purple-50\/40:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:hover\:stroke-purple-50\/40:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:active\:stroke-purple-50\/40:active { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .md\:focus\:stroke-purple-50\/50:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:hover\:stroke-purple-50\/50:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:active\:stroke-purple-50\/50:active { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .md\:focus\:stroke-purple-50\/60:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:hover\:stroke-purple-50\/60:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:active\:stroke-purple-50\/60:active { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .md\:focus\:stroke-purple-50\/70:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:hover\:stroke-purple-50\/70:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:active\:stroke-purple-50\/70:active { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .md\:focus\:stroke-purple-50\/80:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:hover\:stroke-purple-50\/80:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:active\:stroke-purple-50\/80:active { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .md\:focus\:stroke-purple-50\/90:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:hover\:stroke-purple-50\/90:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:active\:stroke-purple-50\/90:active { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .md\:focus\:stroke-purple-100:focus { + stroke: var(--purple-100) + } + .md\:hover\:stroke-purple-100:hover { + stroke: var(--purple-100) + } + .md\:active\:stroke-purple-100:active { + stroke: var(--purple-100) + } + .md\:focus\:stroke-purple-100\/10:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:hover\:stroke-purple-100\/10:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:active\:stroke-purple-100\/10:active { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .md\:focus\:stroke-purple-100\/20:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:hover\:stroke-purple-100\/20:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:active\:stroke-purple-100\/20:active { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .md\:focus\:stroke-purple-100\/30:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:hover\:stroke-purple-100\/30:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:active\:stroke-purple-100\/30:active { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .md\:focus\:stroke-purple-100\/40:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:hover\:stroke-purple-100\/40:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:active\:stroke-purple-100\/40:active { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .md\:focus\:stroke-purple-100\/50:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:hover\:stroke-purple-100\/50:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:active\:stroke-purple-100\/50:active { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .md\:focus\:stroke-purple-100\/60:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:hover\:stroke-purple-100\/60:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:active\:stroke-purple-100\/60:active { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .md\:focus\:stroke-purple-100\/70:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:hover\:stroke-purple-100\/70:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:active\:stroke-purple-100\/70:active { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .md\:focus\:stroke-purple-100\/80:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:hover\:stroke-purple-100\/80:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:active\:stroke-purple-100\/80:active { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .md\:focus\:stroke-purple-100\/90:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:hover\:stroke-purple-100\/90:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:active\:stroke-purple-100\/90:active { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .md\:focus\:stroke-purple-200:focus { + stroke: var(--purple-200) + } + .md\:hover\:stroke-purple-200:hover { + stroke: var(--purple-200) + } + .md\:active\:stroke-purple-200:active { + stroke: var(--purple-200) + } + .md\:focus\:stroke-purple-200\/10:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:hover\:stroke-purple-200\/10:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:active\:stroke-purple-200\/10:active { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .md\:focus\:stroke-purple-200\/20:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:hover\:stroke-purple-200\/20:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:active\:stroke-purple-200\/20:active { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .md\:focus\:stroke-purple-200\/30:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:hover\:stroke-purple-200\/30:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:active\:stroke-purple-200\/30:active { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .md\:focus\:stroke-purple-200\/40:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:hover\:stroke-purple-200\/40:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:active\:stroke-purple-200\/40:active { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .md\:focus\:stroke-purple-200\/50:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:hover\:stroke-purple-200\/50:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:active\:stroke-purple-200\/50:active { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .md\:focus\:stroke-purple-200\/60:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:hover\:stroke-purple-200\/60:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:active\:stroke-purple-200\/60:active { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .md\:focus\:stroke-purple-200\/70:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:hover\:stroke-purple-200\/70:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:active\:stroke-purple-200\/70:active { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .md\:focus\:stroke-purple-200\/80:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:hover\:stroke-purple-200\/80:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:active\:stroke-purple-200\/80:active { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .md\:focus\:stroke-purple-200\/90:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:hover\:stroke-purple-200\/90:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:active\:stroke-purple-200\/90:active { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .md\:focus\:stroke-purple-300:focus { + stroke: var(--purple-300) + } + .md\:hover\:stroke-purple-300:hover { + stroke: var(--purple-300) + } + .md\:active\:stroke-purple-300:active { + stroke: var(--purple-300) + } + .md\:focus\:stroke-purple-300\/10:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:hover\:stroke-purple-300\/10:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:active\:stroke-purple-300\/10:active { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .md\:focus\:stroke-purple-300\/20:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:hover\:stroke-purple-300\/20:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:active\:stroke-purple-300\/20:active { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .md\:focus\:stroke-purple-300\/30:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:hover\:stroke-purple-300\/30:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:active\:stroke-purple-300\/30:active { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .md\:focus\:stroke-purple-300\/40:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:hover\:stroke-purple-300\/40:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:active\:stroke-purple-300\/40:active { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .md\:focus\:stroke-purple-300\/50:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:hover\:stroke-purple-300\/50:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:active\:stroke-purple-300\/50:active { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .md\:focus\:stroke-purple-300\/60:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:hover\:stroke-purple-300\/60:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:active\:stroke-purple-300\/60:active { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .md\:focus\:stroke-purple-300\/70:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:hover\:stroke-purple-300\/70:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:active\:stroke-purple-300\/70:active { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .md\:focus\:stroke-purple-300\/80:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:hover\:stroke-purple-300\/80:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:active\:stroke-purple-300\/80:active { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .md\:focus\:stroke-purple-300\/90:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:hover\:stroke-purple-300\/90:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:active\:stroke-purple-300\/90:active { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .md\:focus\:stroke-purple-400:focus { + stroke: var(--purple-400) + } + .md\:hover\:stroke-purple-400:hover { + stroke: var(--purple-400) + } + .md\:active\:stroke-purple-400:active { + stroke: var(--purple-400) + } + .md\:focus\:stroke-purple-400\/10:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:hover\:stroke-purple-400\/10:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:active\:stroke-purple-400\/10:active { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .md\:focus\:stroke-purple-400\/20:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:hover\:stroke-purple-400\/20:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:active\:stroke-purple-400\/20:active { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .md\:focus\:stroke-purple-400\/30:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:hover\:stroke-purple-400\/30:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:active\:stroke-purple-400\/30:active { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .md\:focus\:stroke-purple-400\/40:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:hover\:stroke-purple-400\/40:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:active\:stroke-purple-400\/40:active { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .md\:focus\:stroke-purple-400\/50:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:hover\:stroke-purple-400\/50:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:active\:stroke-purple-400\/50:active { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .md\:focus\:stroke-purple-400\/60:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:hover\:stroke-purple-400\/60:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:active\:stroke-purple-400\/60:active { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .md\:focus\:stroke-purple-400\/70:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:hover\:stroke-purple-400\/70:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:active\:stroke-purple-400\/70:active { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .md\:focus\:stroke-purple-400\/80:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:hover\:stroke-purple-400\/80:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:active\:stroke-purple-400\/80:active { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .md\:focus\:stroke-purple-400\/90:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:hover\:stroke-purple-400\/90:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:active\:stroke-purple-400\/90:active { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .md\:focus\:stroke-purple-500:focus { + stroke: var(--purple-500) + } + .md\:hover\:stroke-purple-500:hover { + stroke: var(--purple-500) + } + .md\:active\:stroke-purple-500:active { + stroke: var(--purple-500) + } + .md\:focus\:stroke-purple-500\/10:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:hover\:stroke-purple-500\/10:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:active\:stroke-purple-500\/10:active { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .md\:focus\:stroke-purple-500\/20:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:hover\:stroke-purple-500\/20:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:active\:stroke-purple-500\/20:active { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .md\:focus\:stroke-purple-500\/30:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:hover\:stroke-purple-500\/30:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:active\:stroke-purple-500\/30:active { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .md\:focus\:stroke-purple-500\/40:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:hover\:stroke-purple-500\/40:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:active\:stroke-purple-500\/40:active { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .md\:focus\:stroke-purple-500\/50:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:hover\:stroke-purple-500\/50:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:active\:stroke-purple-500\/50:active { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .md\:focus\:stroke-purple-500\/60:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:hover\:stroke-purple-500\/60:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:active\:stroke-purple-500\/60:active { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .md\:focus\:stroke-purple-500\/70:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:hover\:stroke-purple-500\/70:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:active\:stroke-purple-500\/70:active { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .md\:focus\:stroke-purple-500\/80:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:hover\:stroke-purple-500\/80:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:active\:stroke-purple-500\/80:active { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .md\:focus\:stroke-purple-500\/90:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:hover\:stroke-purple-500\/90:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:active\:stroke-purple-500\/90:active { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .md\:focus\:stroke-purple-600:focus { + stroke: var(--purple-600) + } + .md\:hover\:stroke-purple-600:hover { + stroke: var(--purple-600) + } + .md\:active\:stroke-purple-600:active { + stroke: var(--purple-600) + } + .md\:focus\:stroke-purple-600\/10:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:hover\:stroke-purple-600\/10:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:active\:stroke-purple-600\/10:active { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .md\:focus\:stroke-purple-600\/20:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:hover\:stroke-purple-600\/20:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:active\:stroke-purple-600\/20:active { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .md\:focus\:stroke-purple-600\/30:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:hover\:stroke-purple-600\/30:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:active\:stroke-purple-600\/30:active { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .md\:focus\:stroke-purple-600\/40:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:hover\:stroke-purple-600\/40:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:active\:stroke-purple-600\/40:active { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .md\:focus\:stroke-purple-600\/50:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:hover\:stroke-purple-600\/50:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:active\:stroke-purple-600\/50:active { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .md\:focus\:stroke-purple-600\/60:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:hover\:stroke-purple-600\/60:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:active\:stroke-purple-600\/60:active { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .md\:focus\:stroke-purple-600\/70:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:hover\:stroke-purple-600\/70:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:active\:stroke-purple-600\/70:active { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .md\:focus\:stroke-purple-600\/80:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:hover\:stroke-purple-600\/80:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:active\:stroke-purple-600\/80:active { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .md\:focus\:stroke-purple-600\/90:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:hover\:stroke-purple-600\/90:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:active\:stroke-purple-600\/90:active { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .md\:focus\:stroke-purple-700:focus { + stroke: var(--purple-700) + } + .md\:hover\:stroke-purple-700:hover { + stroke: var(--purple-700) + } + .md\:active\:stroke-purple-700:active { + stroke: var(--purple-700) + } + .md\:focus\:stroke-purple-700\/10:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:hover\:stroke-purple-700\/10:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:active\:stroke-purple-700\/10:active { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .md\:focus\:stroke-purple-700\/20:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:hover\:stroke-purple-700\/20:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:active\:stroke-purple-700\/20:active { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .md\:focus\:stroke-purple-700\/30:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:hover\:stroke-purple-700\/30:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:active\:stroke-purple-700\/30:active { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .md\:focus\:stroke-purple-700\/40:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:hover\:stroke-purple-700\/40:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:active\:stroke-purple-700\/40:active { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .md\:focus\:stroke-purple-700\/50:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:hover\:stroke-purple-700\/50:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:active\:stroke-purple-700\/50:active { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .md\:focus\:stroke-purple-700\/60:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:hover\:stroke-purple-700\/60:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:active\:stroke-purple-700\/60:active { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .md\:focus\:stroke-purple-700\/70:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:hover\:stroke-purple-700\/70:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:active\:stroke-purple-700\/70:active { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .md\:focus\:stroke-purple-700\/80:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:hover\:stroke-purple-700\/80:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:active\:stroke-purple-700\/80:active { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .md\:focus\:stroke-purple-700\/90:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:hover\:stroke-purple-700\/90:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:active\:stroke-purple-700\/90:active { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .md\:focus\:stroke-purple-800:focus { + stroke: var(--purple-800) + } + .md\:hover\:stroke-purple-800:hover { + stroke: var(--purple-800) + } + .md\:active\:stroke-purple-800:active { + stroke: var(--purple-800) + } + .md\:focus\:stroke-purple-800\/10:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:hover\:stroke-purple-800\/10:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:active\:stroke-purple-800\/10:active { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .md\:focus\:stroke-purple-800\/20:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:hover\:stroke-purple-800\/20:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:active\:stroke-purple-800\/20:active { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .md\:focus\:stroke-purple-800\/30:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:hover\:stroke-purple-800\/30:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:active\:stroke-purple-800\/30:active { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .md\:focus\:stroke-purple-800\/40:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:hover\:stroke-purple-800\/40:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:active\:stroke-purple-800\/40:active { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .md\:focus\:stroke-purple-800\/50:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:hover\:stroke-purple-800\/50:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:active\:stroke-purple-800\/50:active { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .md\:focus\:stroke-purple-800\/60:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:hover\:stroke-purple-800\/60:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:active\:stroke-purple-800\/60:active { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .md\:focus\:stroke-purple-800\/70:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:hover\:stroke-purple-800\/70:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:active\:stroke-purple-800\/70:active { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .md\:focus\:stroke-purple-800\/80:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:hover\:stroke-purple-800\/80:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:active\:stroke-purple-800\/80:active { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .md\:focus\:stroke-purple-800\/90:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:hover\:stroke-purple-800\/90:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:active\:stroke-purple-800\/90:active { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .md\:focus\:stroke-purple-900:focus { + stroke: var(--purple-900) + } + .md\:hover\:stroke-purple-900:hover { + stroke: var(--purple-900) + } + .md\:active\:stroke-purple-900:active { + stroke: var(--purple-900) + } + .md\:focus\:stroke-purple-900\/10:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:hover\:stroke-purple-900\/10:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:active\:stroke-purple-900\/10:active { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .md\:focus\:stroke-purple-900\/20:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:hover\:stroke-purple-900\/20:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:active\:stroke-purple-900\/20:active { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .md\:focus\:stroke-purple-900\/30:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:hover\:stroke-purple-900\/30:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:active\:stroke-purple-900\/30:active { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .md\:focus\:stroke-purple-900\/40:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:hover\:stroke-purple-900\/40:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:active\:stroke-purple-900\/40:active { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .md\:focus\:stroke-purple-900\/50:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:hover\:stroke-purple-900\/50:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:active\:stroke-purple-900\/50:active { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .md\:focus\:stroke-purple-900\/60:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:hover\:stroke-purple-900\/60:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:active\:stroke-purple-900\/60:active { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .md\:focus\:stroke-purple-900\/70:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:hover\:stroke-purple-900\/70:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:active\:stroke-purple-900\/70:active { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .md\:focus\:stroke-purple-900\/80:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:hover\:stroke-purple-900\/80:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:active\:stroke-purple-900\/80:active { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .md\:focus\:stroke-purple-900\/90:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:hover\:stroke-purple-900\/90:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:active\:stroke-purple-900\/90:active { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .md\:focus\:stroke-red-50:focus { + stroke: var(--red-50) + } + .md\:hover\:stroke-red-50:hover { + stroke: var(--red-50) + } + .md\:active\:stroke-red-50:active { + stroke: var(--red-50) + } + .md\:focus\:stroke-red-50\/10:focus { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:hover\:stroke-red-50\/10:hover { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:active\:stroke-red-50\/10:active { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .md\:focus\:stroke-red-50\/20:focus { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:hover\:stroke-red-50\/20:hover { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:active\:stroke-red-50\/20:active { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .md\:focus\:stroke-red-50\/30:focus { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:hover\:stroke-red-50\/30:hover { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:active\:stroke-red-50\/30:active { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .md\:focus\:stroke-red-50\/40:focus { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:hover\:stroke-red-50\/40:hover { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:active\:stroke-red-50\/40:active { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .md\:focus\:stroke-red-50\/50:focus { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:hover\:stroke-red-50\/50:hover { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:active\:stroke-red-50\/50:active { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .md\:focus\:stroke-red-50\/60:focus { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:hover\:stroke-red-50\/60:hover { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:active\:stroke-red-50\/60:active { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .md\:focus\:stroke-red-50\/70:focus { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:hover\:stroke-red-50\/70:hover { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:active\:stroke-red-50\/70:active { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .md\:focus\:stroke-red-50\/80:focus { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:hover\:stroke-red-50\/80:hover { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:active\:stroke-red-50\/80:active { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .md\:focus\:stroke-red-50\/90:focus { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:hover\:stroke-red-50\/90:hover { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:active\:stroke-red-50\/90:active { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .md\:focus\:stroke-red-100:focus { + stroke: var(--red-100) + } + .md\:hover\:stroke-red-100:hover { + stroke: var(--red-100) + } + .md\:active\:stroke-red-100:active { + stroke: var(--red-100) + } + .md\:focus\:stroke-red-100\/10:focus { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:hover\:stroke-red-100\/10:hover { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:active\:stroke-red-100\/10:active { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .md\:focus\:stroke-red-100\/20:focus { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:hover\:stroke-red-100\/20:hover { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:active\:stroke-red-100\/20:active { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .md\:focus\:stroke-red-100\/30:focus { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:hover\:stroke-red-100\/30:hover { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:active\:stroke-red-100\/30:active { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .md\:focus\:stroke-red-100\/40:focus { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:hover\:stroke-red-100\/40:hover { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:active\:stroke-red-100\/40:active { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .md\:focus\:stroke-red-100\/50:focus { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:hover\:stroke-red-100\/50:hover { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:active\:stroke-red-100\/50:active { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .md\:focus\:stroke-red-100\/60:focus { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:hover\:stroke-red-100\/60:hover { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:active\:stroke-red-100\/60:active { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .md\:focus\:stroke-red-100\/70:focus { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:hover\:stroke-red-100\/70:hover { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:active\:stroke-red-100\/70:active { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .md\:focus\:stroke-red-100\/80:focus { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:hover\:stroke-red-100\/80:hover { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:active\:stroke-red-100\/80:active { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .md\:focus\:stroke-red-100\/90:focus { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:hover\:stroke-red-100\/90:hover { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:active\:stroke-red-100\/90:active { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .md\:focus\:stroke-red-200:focus { + stroke: var(--red-200) + } + .md\:hover\:stroke-red-200:hover { + stroke: var(--red-200) + } + .md\:active\:stroke-red-200:active { + stroke: var(--red-200) + } + .md\:focus\:stroke-red-200\/10:focus { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:hover\:stroke-red-200\/10:hover { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:active\:stroke-red-200\/10:active { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .md\:focus\:stroke-red-200\/20:focus { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:hover\:stroke-red-200\/20:hover { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:active\:stroke-red-200\/20:active { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .md\:focus\:stroke-red-200\/30:focus { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:hover\:stroke-red-200\/30:hover { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:active\:stroke-red-200\/30:active { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .md\:focus\:stroke-red-200\/40:focus { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:hover\:stroke-red-200\/40:hover { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:active\:stroke-red-200\/40:active { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .md\:focus\:stroke-red-200\/50:focus { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:hover\:stroke-red-200\/50:hover { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:active\:stroke-red-200\/50:active { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .md\:focus\:stroke-red-200\/60:focus { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:hover\:stroke-red-200\/60:hover { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:active\:stroke-red-200\/60:active { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .md\:focus\:stroke-red-200\/70:focus { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:hover\:stroke-red-200\/70:hover { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:active\:stroke-red-200\/70:active { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .md\:focus\:stroke-red-200\/80:focus { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:hover\:stroke-red-200\/80:hover { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:active\:stroke-red-200\/80:active { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .md\:focus\:stroke-red-200\/90:focus { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:hover\:stroke-red-200\/90:hover { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:active\:stroke-red-200\/90:active { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .md\:focus\:stroke-red-300:focus { + stroke: var(--red-300) + } + .md\:hover\:stroke-red-300:hover { + stroke: var(--red-300) + } + .md\:active\:stroke-red-300:active { + stroke: var(--red-300) + } + .md\:focus\:stroke-red-300\/10:focus { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:hover\:stroke-red-300\/10:hover { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:active\:stroke-red-300\/10:active { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .md\:focus\:stroke-red-300\/20:focus { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:hover\:stroke-red-300\/20:hover { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:active\:stroke-red-300\/20:active { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .md\:focus\:stroke-red-300\/30:focus { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:hover\:stroke-red-300\/30:hover { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:active\:stroke-red-300\/30:active { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .md\:focus\:stroke-red-300\/40:focus { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:hover\:stroke-red-300\/40:hover { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:active\:stroke-red-300\/40:active { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .md\:focus\:stroke-red-300\/50:focus { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:hover\:stroke-red-300\/50:hover { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:active\:stroke-red-300\/50:active { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .md\:focus\:stroke-red-300\/60:focus { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:hover\:stroke-red-300\/60:hover { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:active\:stroke-red-300\/60:active { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .md\:focus\:stroke-red-300\/70:focus { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:hover\:stroke-red-300\/70:hover { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:active\:stroke-red-300\/70:active { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .md\:focus\:stroke-red-300\/80:focus { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:hover\:stroke-red-300\/80:hover { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:active\:stroke-red-300\/80:active { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .md\:focus\:stroke-red-300\/90:focus { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:hover\:stroke-red-300\/90:hover { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:active\:stroke-red-300\/90:active { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .md\:focus\:stroke-red-400:focus { + stroke: var(--red-400) + } + .md\:hover\:stroke-red-400:hover { + stroke: var(--red-400) + } + .md\:active\:stroke-red-400:active { + stroke: var(--red-400) + } + .md\:focus\:stroke-red-400\/10:focus { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:hover\:stroke-red-400\/10:hover { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:active\:stroke-red-400\/10:active { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .md\:focus\:stroke-red-400\/20:focus { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:hover\:stroke-red-400\/20:hover { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:active\:stroke-red-400\/20:active { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .md\:focus\:stroke-red-400\/30:focus { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:hover\:stroke-red-400\/30:hover { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:active\:stroke-red-400\/30:active { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .md\:focus\:stroke-red-400\/40:focus { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:hover\:stroke-red-400\/40:hover { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:active\:stroke-red-400\/40:active { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .md\:focus\:stroke-red-400\/50:focus { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:hover\:stroke-red-400\/50:hover { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:active\:stroke-red-400\/50:active { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .md\:focus\:stroke-red-400\/60:focus { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:hover\:stroke-red-400\/60:hover { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:active\:stroke-red-400\/60:active { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .md\:focus\:stroke-red-400\/70:focus { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:hover\:stroke-red-400\/70:hover { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:active\:stroke-red-400\/70:active { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .md\:focus\:stroke-red-400\/80:focus { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:hover\:stroke-red-400\/80:hover { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:active\:stroke-red-400\/80:active { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .md\:focus\:stroke-red-400\/90:focus { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:hover\:stroke-red-400\/90:hover { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:active\:stroke-red-400\/90:active { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .md\:focus\:stroke-red-500:focus { + stroke: var(--red-500) + } + .md\:hover\:stroke-red-500:hover { + stroke: var(--red-500) + } + .md\:active\:stroke-red-500:active { + stroke: var(--red-500) + } + .md\:focus\:stroke-red-500\/10:focus { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:hover\:stroke-red-500\/10:hover { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:active\:stroke-red-500\/10:active { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .md\:focus\:stroke-red-500\/20:focus { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:hover\:stroke-red-500\/20:hover { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:active\:stroke-red-500\/20:active { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .md\:focus\:stroke-red-500\/30:focus { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:hover\:stroke-red-500\/30:hover { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:active\:stroke-red-500\/30:active { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .md\:focus\:stroke-red-500\/40:focus { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:hover\:stroke-red-500\/40:hover { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:active\:stroke-red-500\/40:active { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .md\:focus\:stroke-red-500\/50:focus { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:hover\:stroke-red-500\/50:hover { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:active\:stroke-red-500\/50:active { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .md\:focus\:stroke-red-500\/60:focus { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:hover\:stroke-red-500\/60:hover { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:active\:stroke-red-500\/60:active { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .md\:focus\:stroke-red-500\/70:focus { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:hover\:stroke-red-500\/70:hover { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:active\:stroke-red-500\/70:active { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .md\:focus\:stroke-red-500\/80:focus { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:hover\:stroke-red-500\/80:hover { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:active\:stroke-red-500\/80:active { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .md\:focus\:stroke-red-500\/90:focus { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:hover\:stroke-red-500\/90:hover { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:active\:stroke-red-500\/90:active { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .md\:focus\:stroke-red-600:focus { + stroke: var(--red-600) + } + .md\:hover\:stroke-red-600:hover { + stroke: var(--red-600) + } + .md\:active\:stroke-red-600:active { + stroke: var(--red-600) + } + .md\:focus\:stroke-red-600\/10:focus { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:hover\:stroke-red-600\/10:hover { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:active\:stroke-red-600\/10:active { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .md\:focus\:stroke-red-600\/20:focus { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:hover\:stroke-red-600\/20:hover { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:active\:stroke-red-600\/20:active { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .md\:focus\:stroke-red-600\/30:focus { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:hover\:stroke-red-600\/30:hover { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:active\:stroke-red-600\/30:active { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .md\:focus\:stroke-red-600\/40:focus { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:hover\:stroke-red-600\/40:hover { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:active\:stroke-red-600\/40:active { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .md\:focus\:stroke-red-600\/50:focus { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:hover\:stroke-red-600\/50:hover { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:active\:stroke-red-600\/50:active { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .md\:focus\:stroke-red-600\/60:focus { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:hover\:stroke-red-600\/60:hover { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:active\:stroke-red-600\/60:active { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .md\:focus\:stroke-red-600\/70:focus { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:hover\:stroke-red-600\/70:hover { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:active\:stroke-red-600\/70:active { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .md\:focus\:stroke-red-600\/80:focus { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:hover\:stroke-red-600\/80:hover { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:active\:stroke-red-600\/80:active { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .md\:focus\:stroke-red-600\/90:focus { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:hover\:stroke-red-600\/90:hover { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:active\:stroke-red-600\/90:active { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .md\:focus\:stroke-red-700:focus { + stroke: var(--red-700) + } + .md\:hover\:stroke-red-700:hover { + stroke: var(--red-700) + } + .md\:active\:stroke-red-700:active { + stroke: var(--red-700) + } + .md\:focus\:stroke-red-700\/10:focus { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:hover\:stroke-red-700\/10:hover { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:active\:stroke-red-700\/10:active { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .md\:focus\:stroke-red-700\/20:focus { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:hover\:stroke-red-700\/20:hover { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:active\:stroke-red-700\/20:active { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .md\:focus\:stroke-red-700\/30:focus { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:hover\:stroke-red-700\/30:hover { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:active\:stroke-red-700\/30:active { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .md\:focus\:stroke-red-700\/40:focus { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:hover\:stroke-red-700\/40:hover { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:active\:stroke-red-700\/40:active { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .md\:focus\:stroke-red-700\/50:focus { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:hover\:stroke-red-700\/50:hover { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:active\:stroke-red-700\/50:active { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .md\:focus\:stroke-red-700\/60:focus { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:hover\:stroke-red-700\/60:hover { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:active\:stroke-red-700\/60:active { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .md\:focus\:stroke-red-700\/70:focus { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:hover\:stroke-red-700\/70:hover { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:active\:stroke-red-700\/70:active { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .md\:focus\:stroke-red-700\/80:focus { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:hover\:stroke-red-700\/80:hover { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:active\:stroke-red-700\/80:active { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .md\:focus\:stroke-red-700\/90:focus { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:hover\:stroke-red-700\/90:hover { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:active\:stroke-red-700\/90:active { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .md\:focus\:stroke-red-800:focus { + stroke: var(--red-800) + } + .md\:hover\:stroke-red-800:hover { + stroke: var(--red-800) + } + .md\:active\:stroke-red-800:active { + stroke: var(--red-800) + } + .md\:focus\:stroke-red-800\/10:focus { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:hover\:stroke-red-800\/10:hover { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:active\:stroke-red-800\/10:active { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .md\:focus\:stroke-red-800\/20:focus { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:hover\:stroke-red-800\/20:hover { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:active\:stroke-red-800\/20:active { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .md\:focus\:stroke-red-800\/30:focus { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:hover\:stroke-red-800\/30:hover { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:active\:stroke-red-800\/30:active { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .md\:focus\:stroke-red-800\/40:focus { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:hover\:stroke-red-800\/40:hover { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:active\:stroke-red-800\/40:active { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .md\:focus\:stroke-red-800\/50:focus { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:hover\:stroke-red-800\/50:hover { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:active\:stroke-red-800\/50:active { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .md\:focus\:stroke-red-800\/60:focus { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:hover\:stroke-red-800\/60:hover { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:active\:stroke-red-800\/60:active { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .md\:focus\:stroke-red-800\/70:focus { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:hover\:stroke-red-800\/70:hover { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:active\:stroke-red-800\/70:active { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .md\:focus\:stroke-red-800\/80:focus { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:hover\:stroke-red-800\/80:hover { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:active\:stroke-red-800\/80:active { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .md\:focus\:stroke-red-800\/90:focus { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:hover\:stroke-red-800\/90:hover { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:active\:stroke-red-800\/90:active { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .md\:focus\:stroke-red-900:focus { + stroke: var(--red-900) + } + .md\:hover\:stroke-red-900:hover { + stroke: var(--red-900) + } + .md\:active\:stroke-red-900:active { + stroke: var(--red-900) + } + .md\:focus\:stroke-red-900\/10:focus { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:hover\:stroke-red-900\/10:hover { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:active\:stroke-red-900\/10:active { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .md\:focus\:stroke-red-900\/20:focus { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:hover\:stroke-red-900\/20:hover { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:active\:stroke-red-900\/20:active { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .md\:focus\:stroke-red-900\/30:focus { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:hover\:stroke-red-900\/30:hover { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:active\:stroke-red-900\/30:active { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .md\:focus\:stroke-red-900\/40:focus { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:hover\:stroke-red-900\/40:hover { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:active\:stroke-red-900\/40:active { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .md\:focus\:stroke-red-900\/50:focus { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:hover\:stroke-red-900\/50:hover { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:active\:stroke-red-900\/50:active { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .md\:focus\:stroke-red-900\/60:focus { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:hover\:stroke-red-900\/60:hover { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:active\:stroke-red-900\/60:active { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .md\:focus\:stroke-red-900\/70:focus { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:hover\:stroke-red-900\/70:hover { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:active\:stroke-red-900\/70:active { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .md\:focus\:stroke-red-900\/80:focus { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:hover\:stroke-red-900\/80:hover { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:active\:stroke-red-900\/80:active { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .md\:focus\:stroke-red-900\/90:focus { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:hover\:stroke-red-900\/90:hover { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:active\:stroke-red-900\/90:active { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .md\:focus\:stroke-gray-50:focus { + stroke: var(--gray-50) + } + .md\:hover\:stroke-gray-50:hover { + stroke: var(--gray-50) + } + .md\:active\:stroke-gray-50:active { + stroke: var(--gray-50) + } + .md\:focus\:stroke-gray-50\/10:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:hover\:stroke-gray-50\/10:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:active\:stroke-gray-50\/10:active { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .md\:focus\:stroke-gray-50\/20:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:hover\:stroke-gray-50\/20:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:active\:stroke-gray-50\/20:active { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .md\:focus\:stroke-gray-50\/30:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:hover\:stroke-gray-50\/30:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:active\:stroke-gray-50\/30:active { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .md\:focus\:stroke-gray-50\/40:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:hover\:stroke-gray-50\/40:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:active\:stroke-gray-50\/40:active { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .md\:focus\:stroke-gray-50\/50:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:hover\:stroke-gray-50\/50:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:active\:stroke-gray-50\/50:active { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .md\:focus\:stroke-gray-50\/60:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:hover\:stroke-gray-50\/60:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:active\:stroke-gray-50\/60:active { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .md\:focus\:stroke-gray-50\/70:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:hover\:stroke-gray-50\/70:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:active\:stroke-gray-50\/70:active { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .md\:focus\:stroke-gray-50\/80:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:hover\:stroke-gray-50\/80:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:active\:stroke-gray-50\/80:active { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .md\:focus\:stroke-gray-50\/90:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:hover\:stroke-gray-50\/90:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:active\:stroke-gray-50\/90:active { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .md\:focus\:stroke-gray-100:focus { + stroke: var(--gray-100) + } + .md\:hover\:stroke-gray-100:hover { + stroke: var(--gray-100) + } + .md\:active\:stroke-gray-100:active { + stroke: var(--gray-100) + } + .md\:focus\:stroke-gray-100\/10:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:hover\:stroke-gray-100\/10:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:active\:stroke-gray-100\/10:active { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .md\:focus\:stroke-gray-100\/20:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:hover\:stroke-gray-100\/20:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:active\:stroke-gray-100\/20:active { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .md\:focus\:stroke-gray-100\/30:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:hover\:stroke-gray-100\/30:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:active\:stroke-gray-100\/30:active { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .md\:focus\:stroke-gray-100\/40:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:hover\:stroke-gray-100\/40:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:active\:stroke-gray-100\/40:active { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .md\:focus\:stroke-gray-100\/50:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:hover\:stroke-gray-100\/50:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:active\:stroke-gray-100\/50:active { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .md\:focus\:stroke-gray-100\/60:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:hover\:stroke-gray-100\/60:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:active\:stroke-gray-100\/60:active { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .md\:focus\:stroke-gray-100\/70:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:hover\:stroke-gray-100\/70:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:active\:stroke-gray-100\/70:active { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .md\:focus\:stroke-gray-100\/80:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:hover\:stroke-gray-100\/80:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:active\:stroke-gray-100\/80:active { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .md\:focus\:stroke-gray-100\/90:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:hover\:stroke-gray-100\/90:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:active\:stroke-gray-100\/90:active { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .md\:focus\:stroke-gray-200:focus { + stroke: var(--gray-200) + } + .md\:hover\:stroke-gray-200:hover { + stroke: var(--gray-200) + } + .md\:active\:stroke-gray-200:active { + stroke: var(--gray-200) + } + .md\:focus\:stroke-gray-200\/10:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:hover\:stroke-gray-200\/10:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:active\:stroke-gray-200\/10:active { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .md\:focus\:stroke-gray-200\/20:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:hover\:stroke-gray-200\/20:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:active\:stroke-gray-200\/20:active { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .md\:focus\:stroke-gray-200\/30:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:hover\:stroke-gray-200\/30:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:active\:stroke-gray-200\/30:active { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .md\:focus\:stroke-gray-200\/40:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:hover\:stroke-gray-200\/40:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:active\:stroke-gray-200\/40:active { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .md\:focus\:stroke-gray-200\/50:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:hover\:stroke-gray-200\/50:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:active\:stroke-gray-200\/50:active { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .md\:focus\:stroke-gray-200\/60:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:hover\:stroke-gray-200\/60:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:active\:stroke-gray-200\/60:active { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .md\:focus\:stroke-gray-200\/70:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:hover\:stroke-gray-200\/70:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:active\:stroke-gray-200\/70:active { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .md\:focus\:stroke-gray-200\/80:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:hover\:stroke-gray-200\/80:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:active\:stroke-gray-200\/80:active { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .md\:focus\:stroke-gray-200\/90:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:hover\:stroke-gray-200\/90:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:active\:stroke-gray-200\/90:active { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .md\:focus\:stroke-gray-300:focus { + stroke: var(--gray-300) + } + .md\:hover\:stroke-gray-300:hover { + stroke: var(--gray-300) + } + .md\:active\:stroke-gray-300:active { + stroke: var(--gray-300) + } + .md\:focus\:stroke-gray-300\/10:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:hover\:stroke-gray-300\/10:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:active\:stroke-gray-300\/10:active { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .md\:focus\:stroke-gray-300\/20:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:hover\:stroke-gray-300\/20:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:active\:stroke-gray-300\/20:active { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .md\:focus\:stroke-gray-300\/30:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:hover\:stroke-gray-300\/30:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:active\:stroke-gray-300\/30:active { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .md\:focus\:stroke-gray-300\/40:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:hover\:stroke-gray-300\/40:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:active\:stroke-gray-300\/40:active { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .md\:focus\:stroke-gray-300\/50:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:hover\:stroke-gray-300\/50:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:active\:stroke-gray-300\/50:active { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .md\:focus\:stroke-gray-300\/60:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:hover\:stroke-gray-300\/60:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:active\:stroke-gray-300\/60:active { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .md\:focus\:stroke-gray-300\/70:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:hover\:stroke-gray-300\/70:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:active\:stroke-gray-300\/70:active { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .md\:focus\:stroke-gray-300\/80:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:hover\:stroke-gray-300\/80:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:active\:stroke-gray-300\/80:active { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .md\:focus\:stroke-gray-300\/90:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:hover\:stroke-gray-300\/90:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:active\:stroke-gray-300\/90:active { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .md\:focus\:stroke-gray-400:focus { + stroke: var(--gray-400) + } + .md\:hover\:stroke-gray-400:hover { + stroke: var(--gray-400) + } + .md\:active\:stroke-gray-400:active { + stroke: var(--gray-400) + } + .md\:focus\:stroke-gray-400\/10:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:hover\:stroke-gray-400\/10:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:active\:stroke-gray-400\/10:active { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .md\:focus\:stroke-gray-400\/20:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:hover\:stroke-gray-400\/20:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:active\:stroke-gray-400\/20:active { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .md\:focus\:stroke-gray-400\/30:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:hover\:stroke-gray-400\/30:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:active\:stroke-gray-400\/30:active { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .md\:focus\:stroke-gray-400\/40:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:hover\:stroke-gray-400\/40:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:active\:stroke-gray-400\/40:active { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .md\:focus\:stroke-gray-400\/50:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:hover\:stroke-gray-400\/50:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:active\:stroke-gray-400\/50:active { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .md\:focus\:stroke-gray-400\/60:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:hover\:stroke-gray-400\/60:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:active\:stroke-gray-400\/60:active { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .md\:focus\:stroke-gray-400\/70:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:hover\:stroke-gray-400\/70:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:active\:stroke-gray-400\/70:active { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .md\:focus\:stroke-gray-400\/80:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:hover\:stroke-gray-400\/80:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:active\:stroke-gray-400\/80:active { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .md\:focus\:stroke-gray-400\/90:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:hover\:stroke-gray-400\/90:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:active\:stroke-gray-400\/90:active { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .md\:focus\:stroke-gray-500:focus { + stroke: var(--gray-500) + } + .md\:hover\:stroke-gray-500:hover { + stroke: var(--gray-500) + } + .md\:active\:stroke-gray-500:active { + stroke: var(--gray-500) + } + .md\:focus\:stroke-gray-500\/10:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:hover\:stroke-gray-500\/10:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:active\:stroke-gray-500\/10:active { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .md\:focus\:stroke-gray-500\/20:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:hover\:stroke-gray-500\/20:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:active\:stroke-gray-500\/20:active { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .md\:focus\:stroke-gray-500\/30:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:hover\:stroke-gray-500\/30:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:active\:stroke-gray-500\/30:active { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .md\:focus\:stroke-gray-500\/40:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:hover\:stroke-gray-500\/40:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:active\:stroke-gray-500\/40:active { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .md\:focus\:stroke-gray-500\/50:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:hover\:stroke-gray-500\/50:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:active\:stroke-gray-500\/50:active { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .md\:focus\:stroke-gray-500\/60:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:hover\:stroke-gray-500\/60:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:active\:stroke-gray-500\/60:active { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .md\:focus\:stroke-gray-500\/70:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:hover\:stroke-gray-500\/70:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:active\:stroke-gray-500\/70:active { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .md\:focus\:stroke-gray-500\/80:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:hover\:stroke-gray-500\/80:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:active\:stroke-gray-500\/80:active { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .md\:focus\:stroke-gray-500\/90:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:hover\:stroke-gray-500\/90:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:active\:stroke-gray-500\/90:active { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .md\:focus\:stroke-gray-600:focus { + stroke: var(--gray-600) + } + .md\:hover\:stroke-gray-600:hover { + stroke: var(--gray-600) + } + .md\:active\:stroke-gray-600:active { + stroke: var(--gray-600) + } + .md\:focus\:stroke-gray-600\/10:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:hover\:stroke-gray-600\/10:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:active\:stroke-gray-600\/10:active { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .md\:focus\:stroke-gray-600\/20:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:hover\:stroke-gray-600\/20:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:active\:stroke-gray-600\/20:active { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .md\:focus\:stroke-gray-600\/30:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:hover\:stroke-gray-600\/30:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:active\:stroke-gray-600\/30:active { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .md\:focus\:stroke-gray-600\/40:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:hover\:stroke-gray-600\/40:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:active\:stroke-gray-600\/40:active { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .md\:focus\:stroke-gray-600\/50:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:hover\:stroke-gray-600\/50:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:active\:stroke-gray-600\/50:active { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .md\:focus\:stroke-gray-600\/60:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:hover\:stroke-gray-600\/60:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:active\:stroke-gray-600\/60:active { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .md\:focus\:stroke-gray-600\/70:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:hover\:stroke-gray-600\/70:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:active\:stroke-gray-600\/70:active { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .md\:focus\:stroke-gray-600\/80:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:hover\:stroke-gray-600\/80:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:active\:stroke-gray-600\/80:active { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .md\:focus\:stroke-gray-600\/90:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:hover\:stroke-gray-600\/90:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:active\:stroke-gray-600\/90:active { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .md\:focus\:stroke-gray-700:focus { + stroke: var(--gray-700) + } + .md\:hover\:stroke-gray-700:hover { + stroke: var(--gray-700) + } + .md\:active\:stroke-gray-700:active { + stroke: var(--gray-700) + } + .md\:focus\:stroke-gray-700\/10:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:hover\:stroke-gray-700\/10:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:active\:stroke-gray-700\/10:active { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .md\:focus\:stroke-gray-700\/20:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:hover\:stroke-gray-700\/20:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:active\:stroke-gray-700\/20:active { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .md\:focus\:stroke-gray-700\/30:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:hover\:stroke-gray-700\/30:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:active\:stroke-gray-700\/30:active { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .md\:focus\:stroke-gray-700\/40:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:hover\:stroke-gray-700\/40:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:active\:stroke-gray-700\/40:active { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .md\:focus\:stroke-gray-700\/50:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:hover\:stroke-gray-700\/50:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:active\:stroke-gray-700\/50:active { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .md\:focus\:stroke-gray-700\/60:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:hover\:stroke-gray-700\/60:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:active\:stroke-gray-700\/60:active { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .md\:focus\:stroke-gray-700\/70:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:hover\:stroke-gray-700\/70:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:active\:stroke-gray-700\/70:active { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .md\:focus\:stroke-gray-700\/80:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:hover\:stroke-gray-700\/80:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:active\:stroke-gray-700\/80:active { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .md\:focus\:stroke-gray-700\/90:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:hover\:stroke-gray-700\/90:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:active\:stroke-gray-700\/90:active { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .md\:focus\:stroke-gray-800:focus { + stroke: var(--gray-800) + } + .md\:hover\:stroke-gray-800:hover { + stroke: var(--gray-800) + } + .md\:active\:stroke-gray-800:active { + stroke: var(--gray-800) + } + .md\:focus\:stroke-gray-800\/10:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:hover\:stroke-gray-800\/10:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:active\:stroke-gray-800\/10:active { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .md\:focus\:stroke-gray-800\/20:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:hover\:stroke-gray-800\/20:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:active\:stroke-gray-800\/20:active { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .md\:focus\:stroke-gray-800\/30:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:hover\:stroke-gray-800\/30:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:active\:stroke-gray-800\/30:active { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .md\:focus\:stroke-gray-800\/40:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:hover\:stroke-gray-800\/40:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:active\:stroke-gray-800\/40:active { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .md\:focus\:stroke-gray-800\/50:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:hover\:stroke-gray-800\/50:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:active\:stroke-gray-800\/50:active { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .md\:focus\:stroke-gray-800\/60:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:hover\:stroke-gray-800\/60:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:active\:stroke-gray-800\/60:active { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .md\:focus\:stroke-gray-800\/70:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:hover\:stroke-gray-800\/70:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:active\:stroke-gray-800\/70:active { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .md\:focus\:stroke-gray-800\/80:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:hover\:stroke-gray-800\/80:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:active\:stroke-gray-800\/80:active { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .md\:focus\:stroke-gray-800\/90:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:hover\:stroke-gray-800\/90:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:active\:stroke-gray-800\/90:active { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .md\:focus\:stroke-gray-900:focus { + stroke: var(--gray-900) + } + .md\:hover\:stroke-gray-900:hover { + stroke: var(--gray-900) + } + .md\:active\:stroke-gray-900:active { + stroke: var(--gray-900) + } + .md\:focus\:stroke-gray-900\/10:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:hover\:stroke-gray-900\/10:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:active\:stroke-gray-900\/10:active { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .md\:focus\:stroke-gray-900\/20:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:hover\:stroke-gray-900\/20:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:active\:stroke-gray-900\/20:active { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .md\:focus\:stroke-gray-900\/30:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:hover\:stroke-gray-900\/30:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:active\:stroke-gray-900\/30:active { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .md\:focus\:stroke-gray-900\/40:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:hover\:stroke-gray-900\/40:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:active\:stroke-gray-900\/40:active { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .md\:focus\:stroke-gray-900\/50:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:hover\:stroke-gray-900\/50:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:active\:stroke-gray-900\/50:active { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .md\:focus\:stroke-gray-900\/60:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:hover\:stroke-gray-900\/60:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:active\:stroke-gray-900\/60:active { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .md\:focus\:stroke-gray-900\/70:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:hover\:stroke-gray-900\/70:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:active\:stroke-gray-900\/70:active { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .md\:focus\:stroke-gray-900\/80:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:hover\:stroke-gray-900\/80:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:active\:stroke-gray-900\/80:active { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .md\:focus\:stroke-gray-900\/90:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:hover\:stroke-gray-900\/90:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:active\:stroke-gray-900\/90:active { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .md\:focus\:stroke-surface-0:focus { + stroke: var(--surface-0) + } + .md\:hover\:stroke-surface-0:hover { + stroke: var(--surface-0) + } + .md\:active\:stroke-surface-0:active { + stroke: var(--surface-0) + } + .md\:focus\:stroke-surface-0\/10:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:hover\:stroke-surface-0\/10:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:active\:stroke-surface-0\/10:active { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .md\:focus\:stroke-surface-0\/20:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:hover\:stroke-surface-0\/20:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:active\:stroke-surface-0\/20:active { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .md\:focus\:stroke-surface-0\/30:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:hover\:stroke-surface-0\/30:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:active\:stroke-surface-0\/30:active { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .md\:focus\:stroke-surface-0\/40:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:hover\:stroke-surface-0\/40:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:active\:stroke-surface-0\/40:active { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .md\:focus\:stroke-surface-0\/50:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:hover\:stroke-surface-0\/50:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:active\:stroke-surface-0\/50:active { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .md\:focus\:stroke-surface-0\/60:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:hover\:stroke-surface-0\/60:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:active\:stroke-surface-0\/60:active { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .md\:focus\:stroke-surface-0\/70:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:hover\:stroke-surface-0\/70:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:active\:stroke-surface-0\/70:active { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .md\:focus\:stroke-surface-0\/80:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:hover\:stroke-surface-0\/80:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:active\:stroke-surface-0\/80:active { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .md\:focus\:stroke-surface-0\/90:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:hover\:stroke-surface-0\/90:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:active\:stroke-surface-0\/90:active { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .md\:focus\:stroke-surface-50:focus { + stroke: var(--surface-50) + } + .md\:hover\:stroke-surface-50:hover { + stroke: var(--surface-50) + } + .md\:active\:stroke-surface-50:active { + stroke: var(--surface-50) + } + .md\:focus\:stroke-surface-50\/10:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:hover\:stroke-surface-50\/10:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:active\:stroke-surface-50\/10:active { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .md\:focus\:stroke-surface-50\/20:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:hover\:stroke-surface-50\/20:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:active\:stroke-surface-50\/20:active { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .md\:focus\:stroke-surface-50\/30:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:hover\:stroke-surface-50\/30:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:active\:stroke-surface-50\/30:active { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .md\:focus\:stroke-surface-50\/40:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:hover\:stroke-surface-50\/40:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:active\:stroke-surface-50\/40:active { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .md\:focus\:stroke-surface-50\/50:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:hover\:stroke-surface-50\/50:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:active\:stroke-surface-50\/50:active { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .md\:focus\:stroke-surface-50\/60:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:hover\:stroke-surface-50\/60:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:active\:stroke-surface-50\/60:active { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .md\:focus\:stroke-surface-50\/70:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:hover\:stroke-surface-50\/70:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:active\:stroke-surface-50\/70:active { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .md\:focus\:stroke-surface-50\/80:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:hover\:stroke-surface-50\/80:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:active\:stroke-surface-50\/80:active { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .md\:focus\:stroke-surface-50\/90:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:hover\:stroke-surface-50\/90:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:active\:stroke-surface-50\/90:active { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .md\:focus\:stroke-surface-100:focus { + stroke: var(--surface-100) + } + .md\:hover\:stroke-surface-100:hover { + stroke: var(--surface-100) + } + .md\:active\:stroke-surface-100:active { + stroke: var(--surface-100) + } + .md\:focus\:stroke-surface-100\/10:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:hover\:stroke-surface-100\/10:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:active\:stroke-surface-100\/10:active { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .md\:focus\:stroke-surface-100\/20:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:hover\:stroke-surface-100\/20:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:active\:stroke-surface-100\/20:active { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .md\:focus\:stroke-surface-100\/30:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:hover\:stroke-surface-100\/30:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:active\:stroke-surface-100\/30:active { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .md\:focus\:stroke-surface-100\/40:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:hover\:stroke-surface-100\/40:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:active\:stroke-surface-100\/40:active { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .md\:focus\:stroke-surface-100\/50:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:hover\:stroke-surface-100\/50:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:active\:stroke-surface-100\/50:active { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .md\:focus\:stroke-surface-100\/60:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:hover\:stroke-surface-100\/60:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:active\:stroke-surface-100\/60:active { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .md\:focus\:stroke-surface-100\/70:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:hover\:stroke-surface-100\/70:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:active\:stroke-surface-100\/70:active { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .md\:focus\:stroke-surface-100\/80:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:hover\:stroke-surface-100\/80:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:active\:stroke-surface-100\/80:active { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .md\:focus\:stroke-surface-100\/90:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:hover\:stroke-surface-100\/90:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:active\:stroke-surface-100\/90:active { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .md\:focus\:stroke-surface-200:focus { + stroke: var(--surface-200) + } + .md\:hover\:stroke-surface-200:hover { + stroke: var(--surface-200) + } + .md\:active\:stroke-surface-200:active { + stroke: var(--surface-200) + } + .md\:focus\:stroke-surface-200\/10:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:hover\:stroke-surface-200\/10:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:active\:stroke-surface-200\/10:active { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .md\:focus\:stroke-surface-200\/20:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:hover\:stroke-surface-200\/20:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:active\:stroke-surface-200\/20:active { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .md\:focus\:stroke-surface-200\/30:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:hover\:stroke-surface-200\/30:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:active\:stroke-surface-200\/30:active { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .md\:focus\:stroke-surface-200\/40:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:hover\:stroke-surface-200\/40:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:active\:stroke-surface-200\/40:active { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .md\:focus\:stroke-surface-200\/50:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:hover\:stroke-surface-200\/50:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:active\:stroke-surface-200\/50:active { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .md\:focus\:stroke-surface-200\/60:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:hover\:stroke-surface-200\/60:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:active\:stroke-surface-200\/60:active { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .md\:focus\:stroke-surface-200\/70:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:hover\:stroke-surface-200\/70:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:active\:stroke-surface-200\/70:active { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .md\:focus\:stroke-surface-200\/80:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:hover\:stroke-surface-200\/80:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:active\:stroke-surface-200\/80:active { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .md\:focus\:stroke-surface-200\/90:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:hover\:stroke-surface-200\/90:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:active\:stroke-surface-200\/90:active { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .md\:focus\:stroke-surface-300:focus { + stroke: var(--surface-300) + } + .md\:hover\:stroke-surface-300:hover { + stroke: var(--surface-300) + } + .md\:active\:stroke-surface-300:active { + stroke: var(--surface-300) + } + .md\:focus\:stroke-surface-300\/10:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:hover\:stroke-surface-300\/10:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:active\:stroke-surface-300\/10:active { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .md\:focus\:stroke-surface-300\/20:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:hover\:stroke-surface-300\/20:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:active\:stroke-surface-300\/20:active { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .md\:focus\:stroke-surface-300\/30:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:hover\:stroke-surface-300\/30:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:active\:stroke-surface-300\/30:active { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .md\:focus\:stroke-surface-300\/40:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:hover\:stroke-surface-300\/40:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:active\:stroke-surface-300\/40:active { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .md\:focus\:stroke-surface-300\/50:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:hover\:stroke-surface-300\/50:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:active\:stroke-surface-300\/50:active { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .md\:focus\:stroke-surface-300\/60:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:hover\:stroke-surface-300\/60:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:active\:stroke-surface-300\/60:active { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .md\:focus\:stroke-surface-300\/70:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:hover\:stroke-surface-300\/70:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:active\:stroke-surface-300\/70:active { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .md\:focus\:stroke-surface-300\/80:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:hover\:stroke-surface-300\/80:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:active\:stroke-surface-300\/80:active { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .md\:focus\:stroke-surface-300\/90:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:hover\:stroke-surface-300\/90:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:active\:stroke-surface-300\/90:active { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .md\:focus\:stroke-surface-400:focus { + stroke: var(--surface-400) + } + .md\:hover\:stroke-surface-400:hover { + stroke: var(--surface-400) + } + .md\:active\:stroke-surface-400:active { + stroke: var(--surface-400) + } + .md\:focus\:stroke-surface-400\/10:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:hover\:stroke-surface-400\/10:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:active\:stroke-surface-400\/10:active { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .md\:focus\:stroke-surface-400\/20:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:hover\:stroke-surface-400\/20:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:active\:stroke-surface-400\/20:active { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .md\:focus\:stroke-surface-400\/30:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:hover\:stroke-surface-400\/30:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:active\:stroke-surface-400\/30:active { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .md\:focus\:stroke-surface-400\/40:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:hover\:stroke-surface-400\/40:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:active\:stroke-surface-400\/40:active { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .md\:focus\:stroke-surface-400\/50:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:hover\:stroke-surface-400\/50:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:active\:stroke-surface-400\/50:active { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .md\:focus\:stroke-surface-400\/60:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:hover\:stroke-surface-400\/60:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:active\:stroke-surface-400\/60:active { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .md\:focus\:stroke-surface-400\/70:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:hover\:stroke-surface-400\/70:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:active\:stroke-surface-400\/70:active { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .md\:focus\:stroke-surface-400\/80:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:hover\:stroke-surface-400\/80:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:active\:stroke-surface-400\/80:active { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .md\:focus\:stroke-surface-400\/90:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:hover\:stroke-surface-400\/90:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:active\:stroke-surface-400\/90:active { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .md\:focus\:stroke-surface-500:focus { + stroke: var(--surface-500) + } + .md\:hover\:stroke-surface-500:hover { + stroke: var(--surface-500) + } + .md\:active\:stroke-surface-500:active { + stroke: var(--surface-500) + } + .md\:focus\:stroke-surface-500\/10:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:hover\:stroke-surface-500\/10:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:active\:stroke-surface-500\/10:active { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .md\:focus\:stroke-surface-500\/20:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:hover\:stroke-surface-500\/20:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:active\:stroke-surface-500\/20:active { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .md\:focus\:stroke-surface-500\/30:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:hover\:stroke-surface-500\/30:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:active\:stroke-surface-500\/30:active { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .md\:focus\:stroke-surface-500\/40:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:hover\:stroke-surface-500\/40:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:active\:stroke-surface-500\/40:active { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .md\:focus\:stroke-surface-500\/50:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:hover\:stroke-surface-500\/50:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:active\:stroke-surface-500\/50:active { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .md\:focus\:stroke-surface-500\/60:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:hover\:stroke-surface-500\/60:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:active\:stroke-surface-500\/60:active { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .md\:focus\:stroke-surface-500\/70:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:hover\:stroke-surface-500\/70:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:active\:stroke-surface-500\/70:active { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .md\:focus\:stroke-surface-500\/80:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:hover\:stroke-surface-500\/80:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:active\:stroke-surface-500\/80:active { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .md\:focus\:stroke-surface-500\/90:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:hover\:stroke-surface-500\/90:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:active\:stroke-surface-500\/90:active { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .md\:focus\:stroke-surface-600:focus { + stroke: var(--surface-600) + } + .md\:hover\:stroke-surface-600:hover { + stroke: var(--surface-600) + } + .md\:active\:stroke-surface-600:active { + stroke: var(--surface-600) + } + .md\:focus\:stroke-surface-600\/10:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:hover\:stroke-surface-600\/10:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:active\:stroke-surface-600\/10:active { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .md\:focus\:stroke-surface-600\/20:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:hover\:stroke-surface-600\/20:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:active\:stroke-surface-600\/20:active { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .md\:focus\:stroke-surface-600\/30:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:hover\:stroke-surface-600\/30:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:active\:stroke-surface-600\/30:active { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .md\:focus\:stroke-surface-600\/40:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:hover\:stroke-surface-600\/40:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:active\:stroke-surface-600\/40:active { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .md\:focus\:stroke-surface-600\/50:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:hover\:stroke-surface-600\/50:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:active\:stroke-surface-600\/50:active { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .md\:focus\:stroke-surface-600\/60:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:hover\:stroke-surface-600\/60:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:active\:stroke-surface-600\/60:active { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .md\:focus\:stroke-surface-600\/70:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:hover\:stroke-surface-600\/70:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:active\:stroke-surface-600\/70:active { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .md\:focus\:stroke-surface-600\/80:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:hover\:stroke-surface-600\/80:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:active\:stroke-surface-600\/80:active { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .md\:focus\:stroke-surface-600\/90:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:hover\:stroke-surface-600\/90:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:active\:stroke-surface-600\/90:active { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .md\:focus\:stroke-surface-700:focus { + stroke: var(--surface-700) + } + .md\:hover\:stroke-surface-700:hover { + stroke: var(--surface-700) + } + .md\:active\:stroke-surface-700:active { + stroke: var(--surface-700) + } + .md\:focus\:stroke-surface-700\/10:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:hover\:stroke-surface-700\/10:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:active\:stroke-surface-700\/10:active { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .md\:focus\:stroke-surface-700\/20:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:hover\:stroke-surface-700\/20:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:active\:stroke-surface-700\/20:active { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .md\:focus\:stroke-surface-700\/30:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:hover\:stroke-surface-700\/30:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:active\:stroke-surface-700\/30:active { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .md\:focus\:stroke-surface-700\/40:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:hover\:stroke-surface-700\/40:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:active\:stroke-surface-700\/40:active { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .md\:focus\:stroke-surface-700\/50:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:hover\:stroke-surface-700\/50:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:active\:stroke-surface-700\/50:active { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .md\:focus\:stroke-surface-700\/60:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:hover\:stroke-surface-700\/60:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:active\:stroke-surface-700\/60:active { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .md\:focus\:stroke-surface-700\/70:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:hover\:stroke-surface-700\/70:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:active\:stroke-surface-700\/70:active { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .md\:focus\:stroke-surface-700\/80:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:hover\:stroke-surface-700\/80:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:active\:stroke-surface-700\/80:active { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .md\:focus\:stroke-surface-700\/90:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:hover\:stroke-surface-700\/90:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:active\:stroke-surface-700\/90:active { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .md\:focus\:stroke-surface-800:focus { + stroke: var(--surface-800) + } + .md\:hover\:stroke-surface-800:hover { + stroke: var(--surface-800) + } + .md\:active\:stroke-surface-800:active { + stroke: var(--surface-800) + } + .md\:focus\:stroke-surface-800\/10:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:hover\:stroke-surface-800\/10:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:active\:stroke-surface-800\/10:active { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .md\:focus\:stroke-surface-800\/20:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:hover\:stroke-surface-800\/20:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:active\:stroke-surface-800\/20:active { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .md\:focus\:stroke-surface-800\/30:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:hover\:stroke-surface-800\/30:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:active\:stroke-surface-800\/30:active { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .md\:focus\:stroke-surface-800\/40:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:hover\:stroke-surface-800\/40:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:active\:stroke-surface-800\/40:active { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .md\:focus\:stroke-surface-800\/50:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:hover\:stroke-surface-800\/50:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:active\:stroke-surface-800\/50:active { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .md\:focus\:stroke-surface-800\/60:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:hover\:stroke-surface-800\/60:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:active\:stroke-surface-800\/60:active { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .md\:focus\:stroke-surface-800\/70:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:hover\:stroke-surface-800\/70:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:active\:stroke-surface-800\/70:active { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .md\:focus\:stroke-surface-800\/80:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:hover\:stroke-surface-800\/80:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:active\:stroke-surface-800\/80:active { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .md\:focus\:stroke-surface-800\/90:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:hover\:stroke-surface-800\/90:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:active\:stroke-surface-800\/90:active { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .md\:focus\:stroke-surface-900:focus { + stroke: var(--surface-900) + } + .md\:hover\:stroke-surface-900:hover { + stroke: var(--surface-900) + } + .md\:active\:stroke-surface-900:active { + stroke: var(--surface-900) + } + .md\:focus\:stroke-surface-900\/10:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:hover\:stroke-surface-900\/10:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:active\:stroke-surface-900\/10:active { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .md\:focus\:stroke-surface-900\/20:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:hover\:stroke-surface-900\/20:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:active\:stroke-surface-900\/20:active { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .md\:focus\:stroke-surface-900\/30:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:hover\:stroke-surface-900\/30:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:active\:stroke-surface-900\/30:active { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .md\:focus\:stroke-surface-900\/40:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:hover\:stroke-surface-900\/40:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:active\:stroke-surface-900\/40:active { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .md\:focus\:stroke-surface-900\/50:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:hover\:stroke-surface-900\/50:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:active\:stroke-surface-900\/50:active { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .md\:focus\:stroke-surface-900\/60:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:hover\:stroke-surface-900\/60:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:active\:stroke-surface-900\/60:active { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .md\:focus\:stroke-surface-900\/70:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:hover\:stroke-surface-900\/70:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:active\:stroke-surface-900\/70:active { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .md\:focus\:stroke-surface-900\/80:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:hover\:stroke-surface-900\/80:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:active\:stroke-surface-900\/80:active { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .md\:focus\:stroke-surface-900\/90:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:hover\:stroke-surface-900\/90:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:active\:stroke-surface-900\/90:active { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .md\:focus\:stroke-primary-50:focus { + stroke: var(--primary-50) + } + .md\:hover\:stroke-primary-50:hover { + stroke: var(--primary-50) + } + .md\:active\:stroke-primary-50:active { + stroke: var(--primary-50) + } + .md\:focus\:stroke-primary-50\/10:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:hover\:stroke-primary-50\/10:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:active\:stroke-primary-50\/10:active { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .md\:focus\:stroke-primary-50\/20:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:hover\:stroke-primary-50\/20:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:active\:stroke-primary-50\/20:active { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .md\:focus\:stroke-primary-50\/30:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:hover\:stroke-primary-50\/30:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:active\:stroke-primary-50\/30:active { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .md\:focus\:stroke-primary-50\/40:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:hover\:stroke-primary-50\/40:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:active\:stroke-primary-50\/40:active { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .md\:focus\:stroke-primary-50\/50:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:hover\:stroke-primary-50\/50:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:active\:stroke-primary-50\/50:active { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .md\:focus\:stroke-primary-50\/60:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:hover\:stroke-primary-50\/60:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:active\:stroke-primary-50\/60:active { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .md\:focus\:stroke-primary-50\/70:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:hover\:stroke-primary-50\/70:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:active\:stroke-primary-50\/70:active { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .md\:focus\:stroke-primary-50\/80:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:hover\:stroke-primary-50\/80:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:active\:stroke-primary-50\/80:active { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .md\:focus\:stroke-primary-50\/90:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:hover\:stroke-primary-50\/90:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:active\:stroke-primary-50\/90:active { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .md\:focus\:stroke-primary-100:focus { + stroke: var(--primary-100) + } + .md\:hover\:stroke-primary-100:hover { + stroke: var(--primary-100) + } + .md\:active\:stroke-primary-100:active { + stroke: var(--primary-100) + } + .md\:focus\:stroke-primary-100\/10:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:hover\:stroke-primary-100\/10:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:active\:stroke-primary-100\/10:active { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .md\:focus\:stroke-primary-100\/20:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:hover\:stroke-primary-100\/20:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:active\:stroke-primary-100\/20:active { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .md\:focus\:stroke-primary-100\/30:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:hover\:stroke-primary-100\/30:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:active\:stroke-primary-100\/30:active { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .md\:focus\:stroke-primary-100\/40:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:hover\:stroke-primary-100\/40:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:active\:stroke-primary-100\/40:active { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .md\:focus\:stroke-primary-100\/50:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:hover\:stroke-primary-100\/50:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:active\:stroke-primary-100\/50:active { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .md\:focus\:stroke-primary-100\/60:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:hover\:stroke-primary-100\/60:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:active\:stroke-primary-100\/60:active { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .md\:focus\:stroke-primary-100\/70:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:hover\:stroke-primary-100\/70:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:active\:stroke-primary-100\/70:active { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .md\:focus\:stroke-primary-100\/80:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:hover\:stroke-primary-100\/80:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:active\:stroke-primary-100\/80:active { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .md\:focus\:stroke-primary-100\/90:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:hover\:stroke-primary-100\/90:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:active\:stroke-primary-100\/90:active { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .md\:focus\:stroke-primary-200:focus { + stroke: var(--primary-200) + } + .md\:hover\:stroke-primary-200:hover { + stroke: var(--primary-200) + } + .md\:active\:stroke-primary-200:active { + stroke: var(--primary-200) + } + .md\:focus\:stroke-primary-200\/10:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:hover\:stroke-primary-200\/10:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:active\:stroke-primary-200\/10:active { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .md\:focus\:stroke-primary-200\/20:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:hover\:stroke-primary-200\/20:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:active\:stroke-primary-200\/20:active { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .md\:focus\:stroke-primary-200\/30:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:hover\:stroke-primary-200\/30:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:active\:stroke-primary-200\/30:active { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .md\:focus\:stroke-primary-200\/40:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:hover\:stroke-primary-200\/40:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:active\:stroke-primary-200\/40:active { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .md\:focus\:stroke-primary-200\/50:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:hover\:stroke-primary-200\/50:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:active\:stroke-primary-200\/50:active { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .md\:focus\:stroke-primary-200\/60:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:hover\:stroke-primary-200\/60:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:active\:stroke-primary-200\/60:active { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .md\:focus\:stroke-primary-200\/70:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:hover\:stroke-primary-200\/70:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:active\:stroke-primary-200\/70:active { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .md\:focus\:stroke-primary-200\/80:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:hover\:stroke-primary-200\/80:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:active\:stroke-primary-200\/80:active { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .md\:focus\:stroke-primary-200\/90:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:hover\:stroke-primary-200\/90:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:active\:stroke-primary-200\/90:active { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .md\:focus\:stroke-primary-300:focus { + stroke: var(--primary-300) + } + .md\:hover\:stroke-primary-300:hover { + stroke: var(--primary-300) + } + .md\:active\:stroke-primary-300:active { + stroke: var(--primary-300) + } + .md\:focus\:stroke-primary-300\/10:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:hover\:stroke-primary-300\/10:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:active\:stroke-primary-300\/10:active { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .md\:focus\:stroke-primary-300\/20:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:hover\:stroke-primary-300\/20:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:active\:stroke-primary-300\/20:active { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .md\:focus\:stroke-primary-300\/30:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:hover\:stroke-primary-300\/30:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:active\:stroke-primary-300\/30:active { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .md\:focus\:stroke-primary-300\/40:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:hover\:stroke-primary-300\/40:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:active\:stroke-primary-300\/40:active { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .md\:focus\:stroke-primary-300\/50:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:hover\:stroke-primary-300\/50:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:active\:stroke-primary-300\/50:active { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .md\:focus\:stroke-primary-300\/60:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:hover\:stroke-primary-300\/60:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:active\:stroke-primary-300\/60:active { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .md\:focus\:stroke-primary-300\/70:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:hover\:stroke-primary-300\/70:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:active\:stroke-primary-300\/70:active { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .md\:focus\:stroke-primary-300\/80:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:hover\:stroke-primary-300\/80:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:active\:stroke-primary-300\/80:active { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .md\:focus\:stroke-primary-300\/90:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:hover\:stroke-primary-300\/90:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:active\:stroke-primary-300\/90:active { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .md\:focus\:stroke-primary-400:focus { + stroke: var(--primary-400) + } + .md\:hover\:stroke-primary-400:hover { + stroke: var(--primary-400) + } + .md\:active\:stroke-primary-400:active { + stroke: var(--primary-400) + } + .md\:focus\:stroke-primary-400\/10:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:hover\:stroke-primary-400\/10:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:active\:stroke-primary-400\/10:active { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .md\:focus\:stroke-primary-400\/20:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:hover\:stroke-primary-400\/20:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:active\:stroke-primary-400\/20:active { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .md\:focus\:stroke-primary-400\/30:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:hover\:stroke-primary-400\/30:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:active\:stroke-primary-400\/30:active { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .md\:focus\:stroke-primary-400\/40:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:hover\:stroke-primary-400\/40:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:active\:stroke-primary-400\/40:active { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .md\:focus\:stroke-primary-400\/50:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:hover\:stroke-primary-400\/50:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:active\:stroke-primary-400\/50:active { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .md\:focus\:stroke-primary-400\/60:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:hover\:stroke-primary-400\/60:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:active\:stroke-primary-400\/60:active { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .md\:focus\:stroke-primary-400\/70:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:hover\:stroke-primary-400\/70:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:active\:stroke-primary-400\/70:active { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .md\:focus\:stroke-primary-400\/80:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:hover\:stroke-primary-400\/80:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:active\:stroke-primary-400\/80:active { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .md\:focus\:stroke-primary-400\/90:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:hover\:stroke-primary-400\/90:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:active\:stroke-primary-400\/90:active { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .md\:focus\:stroke-primary-500:focus { + stroke: var(--primary-500) + } + .md\:hover\:stroke-primary-500:hover { + stroke: var(--primary-500) + } + .md\:active\:stroke-primary-500:active { + stroke: var(--primary-500) + } + .md\:focus\:stroke-primary-500\/10:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:hover\:stroke-primary-500\/10:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:active\:stroke-primary-500\/10:active { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .md\:focus\:stroke-primary-500\/20:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:hover\:stroke-primary-500\/20:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:active\:stroke-primary-500\/20:active { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .md\:focus\:stroke-primary-500\/30:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:hover\:stroke-primary-500\/30:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:active\:stroke-primary-500\/30:active { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .md\:focus\:stroke-primary-500\/40:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:hover\:stroke-primary-500\/40:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:active\:stroke-primary-500\/40:active { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .md\:focus\:stroke-primary-500\/50:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:hover\:stroke-primary-500\/50:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:active\:stroke-primary-500\/50:active { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .md\:focus\:stroke-primary-500\/60:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:hover\:stroke-primary-500\/60:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:active\:stroke-primary-500\/60:active { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .md\:focus\:stroke-primary-500\/70:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:hover\:stroke-primary-500\/70:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:active\:stroke-primary-500\/70:active { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .md\:focus\:stroke-primary-500\/80:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:hover\:stroke-primary-500\/80:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:active\:stroke-primary-500\/80:active { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .md\:focus\:stroke-primary-500\/90:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:hover\:stroke-primary-500\/90:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:active\:stroke-primary-500\/90:active { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .md\:focus\:stroke-primary-600:focus { + stroke: var(--primary-600) + } + .md\:hover\:stroke-primary-600:hover { + stroke: var(--primary-600) + } + .md\:active\:stroke-primary-600:active { + stroke: var(--primary-600) + } + .md\:focus\:stroke-primary-600\/10:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:hover\:stroke-primary-600\/10:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:active\:stroke-primary-600\/10:active { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .md\:focus\:stroke-primary-600\/20:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:hover\:stroke-primary-600\/20:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:active\:stroke-primary-600\/20:active { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .md\:focus\:stroke-primary-600\/30:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:hover\:stroke-primary-600\/30:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:active\:stroke-primary-600\/30:active { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .md\:focus\:stroke-primary-600\/40:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:hover\:stroke-primary-600\/40:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:active\:stroke-primary-600\/40:active { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .md\:focus\:stroke-primary-600\/50:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:hover\:stroke-primary-600\/50:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:active\:stroke-primary-600\/50:active { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .md\:focus\:stroke-primary-600\/60:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:hover\:stroke-primary-600\/60:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:active\:stroke-primary-600\/60:active { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .md\:focus\:stroke-primary-600\/70:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:hover\:stroke-primary-600\/70:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:active\:stroke-primary-600\/70:active { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .md\:focus\:stroke-primary-600\/80:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:hover\:stroke-primary-600\/80:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:active\:stroke-primary-600\/80:active { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .md\:focus\:stroke-primary-600\/90:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:hover\:stroke-primary-600\/90:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:active\:stroke-primary-600\/90:active { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .md\:focus\:stroke-primary-700:focus { + stroke: var(--primary-700) + } + .md\:hover\:stroke-primary-700:hover { + stroke: var(--primary-700) + } + .md\:active\:stroke-primary-700:active { + stroke: var(--primary-700) + } + .md\:focus\:stroke-primary-700\/10:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:hover\:stroke-primary-700\/10:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:active\:stroke-primary-700\/10:active { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .md\:focus\:stroke-primary-700\/20:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:hover\:stroke-primary-700\/20:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:active\:stroke-primary-700\/20:active { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .md\:focus\:stroke-primary-700\/30:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:hover\:stroke-primary-700\/30:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:active\:stroke-primary-700\/30:active { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .md\:focus\:stroke-primary-700\/40:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:hover\:stroke-primary-700\/40:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:active\:stroke-primary-700\/40:active { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .md\:focus\:stroke-primary-700\/50:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:hover\:stroke-primary-700\/50:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:active\:stroke-primary-700\/50:active { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .md\:focus\:stroke-primary-700\/60:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:hover\:stroke-primary-700\/60:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:active\:stroke-primary-700\/60:active { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .md\:focus\:stroke-primary-700\/70:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:hover\:stroke-primary-700\/70:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:active\:stroke-primary-700\/70:active { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .md\:focus\:stroke-primary-700\/80:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:hover\:stroke-primary-700\/80:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:active\:stroke-primary-700\/80:active { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .md\:focus\:stroke-primary-700\/90:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:hover\:stroke-primary-700\/90:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:active\:stroke-primary-700\/90:active { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .md\:focus\:stroke-primary-800:focus { + stroke: var(--primary-800) + } + .md\:hover\:stroke-primary-800:hover { + stroke: var(--primary-800) + } + .md\:active\:stroke-primary-800:active { + stroke: var(--primary-800) + } + .md\:focus\:stroke-primary-800\/10:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:hover\:stroke-primary-800\/10:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:active\:stroke-primary-800\/10:active { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .md\:focus\:stroke-primary-800\/20:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:hover\:stroke-primary-800\/20:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:active\:stroke-primary-800\/20:active { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .md\:focus\:stroke-primary-800\/30:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:hover\:stroke-primary-800\/30:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:active\:stroke-primary-800\/30:active { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .md\:focus\:stroke-primary-800\/40:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:hover\:stroke-primary-800\/40:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:active\:stroke-primary-800\/40:active { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .md\:focus\:stroke-primary-800\/50:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:hover\:stroke-primary-800\/50:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:active\:stroke-primary-800\/50:active { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .md\:focus\:stroke-primary-800\/60:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:hover\:stroke-primary-800\/60:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:active\:stroke-primary-800\/60:active { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .md\:focus\:stroke-primary-800\/70:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:hover\:stroke-primary-800\/70:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:active\:stroke-primary-800\/70:active { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .md\:focus\:stroke-primary-800\/80:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:hover\:stroke-primary-800\/80:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:active\:stroke-primary-800\/80:active { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .md\:focus\:stroke-primary-800\/90:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:hover\:stroke-primary-800\/90:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:active\:stroke-primary-800\/90:active { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .md\:focus\:stroke-primary-900:focus { + stroke: var(--primary-900) + } + .md\:hover\:stroke-primary-900:hover { + stroke: var(--primary-900) + } + .md\:active\:stroke-primary-900:active { + stroke: var(--primary-900) + } + .md\:focus\:stroke-primary-900\/10:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:hover\:stroke-primary-900\/10:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:active\:stroke-primary-900\/10:active { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .md\:focus\:stroke-primary-900\/20:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:hover\:stroke-primary-900\/20:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:active\:stroke-primary-900\/20:active { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .md\:focus\:stroke-primary-900\/30:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:hover\:stroke-primary-900\/30:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:active\:stroke-primary-900\/30:active { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .md\:focus\:stroke-primary-900\/40:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:hover\:stroke-primary-900\/40:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:active\:stroke-primary-900\/40:active { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .md\:focus\:stroke-primary-900\/50:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:hover\:stroke-primary-900\/50:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:active\:stroke-primary-900\/50:active { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .md\:focus\:stroke-primary-900\/60:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:hover\:stroke-primary-900\/60:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:active\:stroke-primary-900\/60:active { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .md\:focus\:stroke-primary-900\/70:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:hover\:stroke-primary-900\/70:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:active\:stroke-primary-900\/70:active { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .md\:focus\:stroke-primary-900\/80:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:hover\:stroke-primary-900\/80:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:active\:stroke-primary-900\/80:active { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .md\:focus\:stroke-primary-900\/90:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:hover\:stroke-primary-900\/90:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .md\:active\:stroke-primary-900\/90:active { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:stroke-blue-50 { + stroke: var(--blue-50) + } + .lg\:stroke-blue-50\/10 { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:stroke-blue-50\/20 { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:stroke-blue-50\/30 { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:stroke-blue-50\/40 { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:stroke-blue-50\/50 { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:stroke-blue-50\/60 { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:stroke-blue-50\/70 { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:stroke-blue-50\/80 { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:stroke-blue-50\/90 { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:stroke-blue-100 { + stroke: var(--blue-100) + } + .lg\:stroke-blue-100\/10 { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:stroke-blue-100\/20 { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:stroke-blue-100\/30 { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:stroke-blue-100\/40 { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:stroke-blue-100\/50 { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:stroke-blue-100\/60 { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:stroke-blue-100\/70 { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:stroke-blue-100\/80 { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:stroke-blue-100\/90 { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:stroke-blue-200 { + stroke: var(--blue-200) + } + .lg\:stroke-blue-200\/10 { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:stroke-blue-200\/20 { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:stroke-blue-200\/30 { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:stroke-blue-200\/40 { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:stroke-blue-200\/50 { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:stroke-blue-200\/60 { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:stroke-blue-200\/70 { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:stroke-blue-200\/80 { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:stroke-blue-200\/90 { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:stroke-blue-300 { + stroke: var(--blue-300) + } + .lg\:stroke-blue-300\/10 { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:stroke-blue-300\/20 { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:stroke-blue-300\/30 { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:stroke-blue-300\/40 { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:stroke-blue-300\/50 { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:stroke-blue-300\/60 { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:stroke-blue-300\/70 { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:stroke-blue-300\/80 { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:stroke-blue-300\/90 { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:stroke-blue-400 { + stroke: var(--blue-400) + } + .lg\:stroke-blue-400\/10 { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:stroke-blue-400\/20 { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:stroke-blue-400\/30 { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:stroke-blue-400\/40 { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:stroke-blue-400\/50 { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:stroke-blue-400\/60 { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:stroke-blue-400\/70 { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:stroke-blue-400\/80 { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:stroke-blue-400\/90 { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:stroke-blue-500 { + stroke: var(--blue-500) + } + .lg\:stroke-blue-500\/10 { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:stroke-blue-500\/20 { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:stroke-blue-500\/30 { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:stroke-blue-500\/40 { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:stroke-blue-500\/50 { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:stroke-blue-500\/60 { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:stroke-blue-500\/70 { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:stroke-blue-500\/80 { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:stroke-blue-500\/90 { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:stroke-blue-600 { + stroke: var(--blue-600) + } + .lg\:stroke-blue-600\/10 { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:stroke-blue-600\/20 { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:stroke-blue-600\/30 { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:stroke-blue-600\/40 { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:stroke-blue-600\/50 { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:stroke-blue-600\/60 { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:stroke-blue-600\/70 { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:stroke-blue-600\/80 { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:stroke-blue-600\/90 { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:stroke-blue-700 { + stroke: var(--blue-700) + } + .lg\:stroke-blue-700\/10 { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:stroke-blue-700\/20 { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:stroke-blue-700\/30 { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:stroke-blue-700\/40 { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:stroke-blue-700\/50 { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:stroke-blue-700\/60 { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:stroke-blue-700\/70 { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:stroke-blue-700\/80 { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:stroke-blue-700\/90 { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:stroke-blue-800 { + stroke: var(--blue-800) + } + .lg\:stroke-blue-800\/10 { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:stroke-blue-800\/20 { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:stroke-blue-800\/30 { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:stroke-blue-800\/40 { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:stroke-blue-800\/50 { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:stroke-blue-800\/60 { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:stroke-blue-800\/70 { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:stroke-blue-800\/80 { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:stroke-blue-800\/90 { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:stroke-blue-900 { + stroke: var(--blue-900) + } + .lg\:stroke-blue-900\/10 { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:stroke-blue-900\/20 { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:stroke-blue-900\/30 { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:stroke-blue-900\/40 { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:stroke-blue-900\/50 { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:stroke-blue-900\/60 { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:stroke-blue-900\/70 { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:stroke-blue-900\/80 { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:stroke-blue-900\/90 { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:stroke-green-50 { + stroke: var(--green-50) + } + .lg\:stroke-green-50\/10 { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:stroke-green-50\/20 { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:stroke-green-50\/30 { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:stroke-green-50\/40 { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:stroke-green-50\/50 { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:stroke-green-50\/60 { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:stroke-green-50\/70 { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:stroke-green-50\/80 { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:stroke-green-50\/90 { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:stroke-green-100 { + stroke: var(--green-100) + } + .lg\:stroke-green-100\/10 { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:stroke-green-100\/20 { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:stroke-green-100\/30 { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:stroke-green-100\/40 { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:stroke-green-100\/50 { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:stroke-green-100\/60 { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:stroke-green-100\/70 { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:stroke-green-100\/80 { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:stroke-green-100\/90 { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:stroke-green-200 { + stroke: var(--green-200) + } + .lg\:stroke-green-200\/10 { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:stroke-green-200\/20 { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:stroke-green-200\/30 { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:stroke-green-200\/40 { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:stroke-green-200\/50 { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:stroke-green-200\/60 { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:stroke-green-200\/70 { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:stroke-green-200\/80 { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:stroke-green-200\/90 { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:stroke-green-300 { + stroke: var(--green-300) + } + .lg\:stroke-green-300\/10 { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:stroke-green-300\/20 { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:stroke-green-300\/30 { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:stroke-green-300\/40 { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:stroke-green-300\/50 { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:stroke-green-300\/60 { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:stroke-green-300\/70 { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:stroke-green-300\/80 { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:stroke-green-300\/90 { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:stroke-green-400 { + stroke: var(--green-400) + } + .lg\:stroke-green-400\/10 { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:stroke-green-400\/20 { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:stroke-green-400\/30 { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:stroke-green-400\/40 { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:stroke-green-400\/50 { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:stroke-green-400\/60 { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:stroke-green-400\/70 { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:stroke-green-400\/80 { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:stroke-green-400\/90 { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:stroke-green-500 { + stroke: var(--green-500) + } + .lg\:stroke-green-500\/10 { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:stroke-green-500\/20 { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:stroke-green-500\/30 { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:stroke-green-500\/40 { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:stroke-green-500\/50 { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:stroke-green-500\/60 { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:stroke-green-500\/70 { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:stroke-green-500\/80 { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:stroke-green-500\/90 { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:stroke-green-600 { + stroke: var(--green-600) + } + .lg\:stroke-green-600\/10 { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:stroke-green-600\/20 { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:stroke-green-600\/30 { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:stroke-green-600\/40 { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:stroke-green-600\/50 { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:stroke-green-600\/60 { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:stroke-green-600\/70 { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:stroke-green-600\/80 { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:stroke-green-600\/90 { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:stroke-green-700 { + stroke: var(--green-700) + } + .lg\:stroke-green-700\/10 { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:stroke-green-700\/20 { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:stroke-green-700\/30 { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:stroke-green-700\/40 { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:stroke-green-700\/50 { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:stroke-green-700\/60 { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:stroke-green-700\/70 { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:stroke-green-700\/80 { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:stroke-green-700\/90 { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:stroke-green-800 { + stroke: var(--green-800) + } + .lg\:stroke-green-800\/10 { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:stroke-green-800\/20 { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:stroke-green-800\/30 { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:stroke-green-800\/40 { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:stroke-green-800\/50 { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:stroke-green-800\/60 { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:stroke-green-800\/70 { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:stroke-green-800\/80 { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:stroke-green-800\/90 { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:stroke-green-900 { + stroke: var(--green-900) + } + .lg\:stroke-green-900\/10 { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:stroke-green-900\/20 { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:stroke-green-900\/30 { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:stroke-green-900\/40 { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:stroke-green-900\/50 { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:stroke-green-900\/60 { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:stroke-green-900\/70 { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:stroke-green-900\/80 { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:stroke-green-900\/90 { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:stroke-yellow-50 { + stroke: var(--yellow-50) + } + .lg\:stroke-yellow-50\/10 { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:stroke-yellow-50\/20 { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:stroke-yellow-50\/30 { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:stroke-yellow-50\/40 { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:stroke-yellow-50\/50 { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:stroke-yellow-50\/60 { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:stroke-yellow-50\/70 { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:stroke-yellow-50\/80 { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:stroke-yellow-50\/90 { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:stroke-yellow-100 { + stroke: var(--yellow-100) + } + .lg\:stroke-yellow-100\/10 { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:stroke-yellow-100\/20 { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:stroke-yellow-100\/30 { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:stroke-yellow-100\/40 { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:stroke-yellow-100\/50 { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:stroke-yellow-100\/60 { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:stroke-yellow-100\/70 { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:stroke-yellow-100\/80 { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:stroke-yellow-100\/90 { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:stroke-yellow-200 { + stroke: var(--yellow-200) + } + .lg\:stroke-yellow-200\/10 { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:stroke-yellow-200\/20 { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:stroke-yellow-200\/30 { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:stroke-yellow-200\/40 { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:stroke-yellow-200\/50 { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:stroke-yellow-200\/60 { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:stroke-yellow-200\/70 { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:stroke-yellow-200\/80 { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:stroke-yellow-200\/90 { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:stroke-yellow-300 { + stroke: var(--yellow-300) + } + .lg\:stroke-yellow-300\/10 { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:stroke-yellow-300\/20 { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:stroke-yellow-300\/30 { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:stroke-yellow-300\/40 { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:stroke-yellow-300\/50 { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:stroke-yellow-300\/60 { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:stroke-yellow-300\/70 { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:stroke-yellow-300\/80 { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:stroke-yellow-300\/90 { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:stroke-yellow-400 { + stroke: var(--yellow-400) + } + .lg\:stroke-yellow-400\/10 { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:stroke-yellow-400\/20 { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:stroke-yellow-400\/30 { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:stroke-yellow-400\/40 { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:stroke-yellow-400\/50 { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:stroke-yellow-400\/60 { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:stroke-yellow-400\/70 { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:stroke-yellow-400\/80 { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:stroke-yellow-400\/90 { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:stroke-yellow-500 { + stroke: var(--yellow-500) + } + .lg\:stroke-yellow-500\/10 { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:stroke-yellow-500\/20 { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:stroke-yellow-500\/30 { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:stroke-yellow-500\/40 { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:stroke-yellow-500\/50 { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:stroke-yellow-500\/60 { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:stroke-yellow-500\/70 { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:stroke-yellow-500\/80 { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:stroke-yellow-500\/90 { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:stroke-yellow-600 { + stroke: var(--yellow-600) + } + .lg\:stroke-yellow-600\/10 { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:stroke-yellow-600\/20 { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:stroke-yellow-600\/30 { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:stroke-yellow-600\/40 { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:stroke-yellow-600\/50 { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:stroke-yellow-600\/60 { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:stroke-yellow-600\/70 { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:stroke-yellow-600\/80 { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:stroke-yellow-600\/90 { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:stroke-yellow-700 { + stroke: var(--yellow-700) + } + .lg\:stroke-yellow-700\/10 { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:stroke-yellow-700\/20 { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:stroke-yellow-700\/30 { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:stroke-yellow-700\/40 { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:stroke-yellow-700\/50 { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:stroke-yellow-700\/60 { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:stroke-yellow-700\/70 { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:stroke-yellow-700\/80 { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:stroke-yellow-700\/90 { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:stroke-yellow-800 { + stroke: var(--yellow-800) + } + .lg\:stroke-yellow-800\/10 { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:stroke-yellow-800\/20 { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:stroke-yellow-800\/30 { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:stroke-yellow-800\/40 { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:stroke-yellow-800\/50 { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:stroke-yellow-800\/60 { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:stroke-yellow-800\/70 { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:stroke-yellow-800\/80 { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:stroke-yellow-800\/90 { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:stroke-yellow-900 { + stroke: var(--yellow-900) + } + .lg\:stroke-yellow-900\/10 { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:stroke-yellow-900\/20 { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:stroke-yellow-900\/30 { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:stroke-yellow-900\/40 { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:stroke-yellow-900\/50 { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:stroke-yellow-900\/60 { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:stroke-yellow-900\/70 { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:stroke-yellow-900\/80 { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:stroke-yellow-900\/90 { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:stroke-cyan-50 { + stroke: var(--cyan-50) + } + .lg\:stroke-cyan-50\/10 { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:stroke-cyan-50\/20 { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:stroke-cyan-50\/30 { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:stroke-cyan-50\/40 { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:stroke-cyan-50\/50 { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:stroke-cyan-50\/60 { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:stroke-cyan-50\/70 { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:stroke-cyan-50\/80 { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:stroke-cyan-50\/90 { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:stroke-cyan-100 { + stroke: var(--cyan-100) + } + .lg\:stroke-cyan-100\/10 { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:stroke-cyan-100\/20 { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:stroke-cyan-100\/30 { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:stroke-cyan-100\/40 { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:stroke-cyan-100\/50 { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:stroke-cyan-100\/60 { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:stroke-cyan-100\/70 { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:stroke-cyan-100\/80 { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:stroke-cyan-100\/90 { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:stroke-cyan-200 { + stroke: var(--cyan-200) + } + .lg\:stroke-cyan-200\/10 { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:stroke-cyan-200\/20 { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:stroke-cyan-200\/30 { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:stroke-cyan-200\/40 { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:stroke-cyan-200\/50 { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:stroke-cyan-200\/60 { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:stroke-cyan-200\/70 { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:stroke-cyan-200\/80 { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:stroke-cyan-200\/90 { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:stroke-cyan-300 { + stroke: var(--cyan-300) + } + .lg\:stroke-cyan-300\/10 { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:stroke-cyan-300\/20 { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:stroke-cyan-300\/30 { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:stroke-cyan-300\/40 { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:stroke-cyan-300\/50 { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:stroke-cyan-300\/60 { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:stroke-cyan-300\/70 { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:stroke-cyan-300\/80 { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:stroke-cyan-300\/90 { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:stroke-cyan-400 { + stroke: var(--cyan-400) + } + .lg\:stroke-cyan-400\/10 { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:stroke-cyan-400\/20 { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:stroke-cyan-400\/30 { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:stroke-cyan-400\/40 { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:stroke-cyan-400\/50 { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:stroke-cyan-400\/60 { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:stroke-cyan-400\/70 { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:stroke-cyan-400\/80 { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:stroke-cyan-400\/90 { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:stroke-cyan-500 { + stroke: var(--cyan-500) + } + .lg\:stroke-cyan-500\/10 { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:stroke-cyan-500\/20 { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:stroke-cyan-500\/30 { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:stroke-cyan-500\/40 { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:stroke-cyan-500\/50 { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:stroke-cyan-500\/60 { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:stroke-cyan-500\/70 { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:stroke-cyan-500\/80 { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:stroke-cyan-500\/90 { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:stroke-cyan-600 { + stroke: var(--cyan-600) + } + .lg\:stroke-cyan-600\/10 { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:stroke-cyan-600\/20 { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:stroke-cyan-600\/30 { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:stroke-cyan-600\/40 { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:stroke-cyan-600\/50 { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:stroke-cyan-600\/60 { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:stroke-cyan-600\/70 { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:stroke-cyan-600\/80 { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:stroke-cyan-600\/90 { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:stroke-cyan-700 { + stroke: var(--cyan-700) + } + .lg\:stroke-cyan-700\/10 { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:stroke-cyan-700\/20 { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:stroke-cyan-700\/30 { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:stroke-cyan-700\/40 { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:stroke-cyan-700\/50 { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:stroke-cyan-700\/60 { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:stroke-cyan-700\/70 { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:stroke-cyan-700\/80 { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:stroke-cyan-700\/90 { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:stroke-cyan-800 { + stroke: var(--cyan-800) + } + .lg\:stroke-cyan-800\/10 { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:stroke-cyan-800\/20 { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:stroke-cyan-800\/30 { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:stroke-cyan-800\/40 { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:stroke-cyan-800\/50 { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:stroke-cyan-800\/60 { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:stroke-cyan-800\/70 { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:stroke-cyan-800\/80 { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:stroke-cyan-800\/90 { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:stroke-cyan-900 { + stroke: var(--cyan-900) + } + .lg\:stroke-cyan-900\/10 { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:stroke-cyan-900\/20 { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:stroke-cyan-900\/30 { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:stroke-cyan-900\/40 { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:stroke-cyan-900\/50 { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:stroke-cyan-900\/60 { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:stroke-cyan-900\/70 { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:stroke-cyan-900\/80 { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:stroke-cyan-900\/90 { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:stroke-pink-50 { + stroke: var(--pink-50) + } + .lg\:stroke-pink-50\/10 { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:stroke-pink-50\/20 { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:stroke-pink-50\/30 { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:stroke-pink-50\/40 { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:stroke-pink-50\/50 { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:stroke-pink-50\/60 { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:stroke-pink-50\/70 { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:stroke-pink-50\/80 { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:stroke-pink-50\/90 { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:stroke-pink-100 { + stroke: var(--pink-100) + } + .lg\:stroke-pink-100\/10 { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:stroke-pink-100\/20 { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:stroke-pink-100\/30 { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:stroke-pink-100\/40 { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:stroke-pink-100\/50 { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:stroke-pink-100\/60 { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:stroke-pink-100\/70 { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:stroke-pink-100\/80 { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:stroke-pink-100\/90 { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:stroke-pink-200 { + stroke: var(--pink-200) + } + .lg\:stroke-pink-200\/10 { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:stroke-pink-200\/20 { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:stroke-pink-200\/30 { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:stroke-pink-200\/40 { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:stroke-pink-200\/50 { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:stroke-pink-200\/60 { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:stroke-pink-200\/70 { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:stroke-pink-200\/80 { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:stroke-pink-200\/90 { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:stroke-pink-300 { + stroke: var(--pink-300) + } + .lg\:stroke-pink-300\/10 { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:stroke-pink-300\/20 { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:stroke-pink-300\/30 { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:stroke-pink-300\/40 { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:stroke-pink-300\/50 { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:stroke-pink-300\/60 { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:stroke-pink-300\/70 { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:stroke-pink-300\/80 { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:stroke-pink-300\/90 { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:stroke-pink-400 { + stroke: var(--pink-400) + } + .lg\:stroke-pink-400\/10 { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:stroke-pink-400\/20 { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:stroke-pink-400\/30 { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:stroke-pink-400\/40 { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:stroke-pink-400\/50 { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:stroke-pink-400\/60 { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:stroke-pink-400\/70 { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:stroke-pink-400\/80 { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:stroke-pink-400\/90 { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:stroke-pink-500 { + stroke: var(--pink-500) + } + .lg\:stroke-pink-500\/10 { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:stroke-pink-500\/20 { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:stroke-pink-500\/30 { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:stroke-pink-500\/40 { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:stroke-pink-500\/50 { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:stroke-pink-500\/60 { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:stroke-pink-500\/70 { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:stroke-pink-500\/80 { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:stroke-pink-500\/90 { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:stroke-pink-600 { + stroke: var(--pink-600) + } + .lg\:stroke-pink-600\/10 { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:stroke-pink-600\/20 { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:stroke-pink-600\/30 { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:stroke-pink-600\/40 { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:stroke-pink-600\/50 { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:stroke-pink-600\/60 { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:stroke-pink-600\/70 { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:stroke-pink-600\/80 { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:stroke-pink-600\/90 { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:stroke-pink-700 { + stroke: var(--pink-700) + } + .lg\:stroke-pink-700\/10 { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:stroke-pink-700\/20 { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:stroke-pink-700\/30 { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:stroke-pink-700\/40 { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:stroke-pink-700\/50 { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:stroke-pink-700\/60 { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:stroke-pink-700\/70 { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:stroke-pink-700\/80 { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:stroke-pink-700\/90 { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:stroke-pink-800 { + stroke: var(--pink-800) + } + .lg\:stroke-pink-800\/10 { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:stroke-pink-800\/20 { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:stroke-pink-800\/30 { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:stroke-pink-800\/40 { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:stroke-pink-800\/50 { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:stroke-pink-800\/60 { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:stroke-pink-800\/70 { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:stroke-pink-800\/80 { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:stroke-pink-800\/90 { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:stroke-pink-900 { + stroke: var(--pink-900) + } + .lg\:stroke-pink-900\/10 { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:stroke-pink-900\/20 { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:stroke-pink-900\/30 { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:stroke-pink-900\/40 { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:stroke-pink-900\/50 { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:stroke-pink-900\/60 { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:stroke-pink-900\/70 { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:stroke-pink-900\/80 { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:stroke-pink-900\/90 { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:stroke-indigo-50 { + stroke: var(--indigo-50) + } + .lg\:stroke-indigo-50\/10 { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:stroke-indigo-50\/20 { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:stroke-indigo-50\/30 { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:stroke-indigo-50\/40 { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:stroke-indigo-50\/50 { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:stroke-indigo-50\/60 { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:stroke-indigo-50\/70 { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:stroke-indigo-50\/80 { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:stroke-indigo-50\/90 { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:stroke-indigo-100 { + stroke: var(--indigo-100) + } + .lg\:stroke-indigo-100\/10 { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:stroke-indigo-100\/20 { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:stroke-indigo-100\/30 { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:stroke-indigo-100\/40 { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:stroke-indigo-100\/50 { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:stroke-indigo-100\/60 { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:stroke-indigo-100\/70 { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:stroke-indigo-100\/80 { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:stroke-indigo-100\/90 { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:stroke-indigo-200 { + stroke: var(--indigo-200) + } + .lg\:stroke-indigo-200\/10 { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:stroke-indigo-200\/20 { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:stroke-indigo-200\/30 { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:stroke-indigo-200\/40 { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:stroke-indigo-200\/50 { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:stroke-indigo-200\/60 { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:stroke-indigo-200\/70 { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:stroke-indigo-200\/80 { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:stroke-indigo-200\/90 { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:stroke-indigo-300 { + stroke: var(--indigo-300) + } + .lg\:stroke-indigo-300\/10 { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:stroke-indigo-300\/20 { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:stroke-indigo-300\/30 { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:stroke-indigo-300\/40 { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:stroke-indigo-300\/50 { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:stroke-indigo-300\/60 { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:stroke-indigo-300\/70 { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:stroke-indigo-300\/80 { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:stroke-indigo-300\/90 { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:stroke-indigo-400 { + stroke: var(--indigo-400) + } + .lg\:stroke-indigo-400\/10 { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:stroke-indigo-400\/20 { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:stroke-indigo-400\/30 { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:stroke-indigo-400\/40 { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:stroke-indigo-400\/50 { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:stroke-indigo-400\/60 { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:stroke-indigo-400\/70 { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:stroke-indigo-400\/80 { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:stroke-indigo-400\/90 { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:stroke-indigo-500 { + stroke: var(--indigo-500) + } + .lg\:stroke-indigo-500\/10 { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:stroke-indigo-500\/20 { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:stroke-indigo-500\/30 { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:stroke-indigo-500\/40 { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:stroke-indigo-500\/50 { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:stroke-indigo-500\/60 { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:stroke-indigo-500\/70 { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:stroke-indigo-500\/80 { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:stroke-indigo-500\/90 { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:stroke-indigo-600 { + stroke: var(--indigo-600) + } + .lg\:stroke-indigo-600\/10 { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:stroke-indigo-600\/20 { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:stroke-indigo-600\/30 { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:stroke-indigo-600\/40 { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:stroke-indigo-600\/50 { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:stroke-indigo-600\/60 { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:stroke-indigo-600\/70 { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:stroke-indigo-600\/80 { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:stroke-indigo-600\/90 { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:stroke-indigo-700 { + stroke: var(--indigo-700) + } + .lg\:stroke-indigo-700\/10 { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:stroke-indigo-700\/20 { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:stroke-indigo-700\/30 { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:stroke-indigo-700\/40 { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:stroke-indigo-700\/50 { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:stroke-indigo-700\/60 { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:stroke-indigo-700\/70 { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:stroke-indigo-700\/80 { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:stroke-indigo-700\/90 { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:stroke-indigo-800 { + stroke: var(--indigo-800) + } + .lg\:stroke-indigo-800\/10 { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:stroke-indigo-800\/20 { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:stroke-indigo-800\/30 { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:stroke-indigo-800\/40 { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:stroke-indigo-800\/50 { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:stroke-indigo-800\/60 { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:stroke-indigo-800\/70 { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:stroke-indigo-800\/80 { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:stroke-indigo-800\/90 { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:stroke-indigo-900 { + stroke: var(--indigo-900) + } + .lg\:stroke-indigo-900\/10 { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:stroke-indigo-900\/20 { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:stroke-indigo-900\/30 { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:stroke-indigo-900\/40 { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:stroke-indigo-900\/50 { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:stroke-indigo-900\/60 { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:stroke-indigo-900\/70 { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:stroke-indigo-900\/80 { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:stroke-indigo-900\/90 { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:stroke-teal-50 { + stroke: var(--teal-50) + } + .lg\:stroke-teal-50\/10 { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:stroke-teal-50\/20 { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:stroke-teal-50\/30 { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:stroke-teal-50\/40 { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:stroke-teal-50\/50 { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:stroke-teal-50\/60 { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:stroke-teal-50\/70 { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:stroke-teal-50\/80 { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:stroke-teal-50\/90 { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:stroke-teal-100 { + stroke: var(--teal-100) + } + .lg\:stroke-teal-100\/10 { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:stroke-teal-100\/20 { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:stroke-teal-100\/30 { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:stroke-teal-100\/40 { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:stroke-teal-100\/50 { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:stroke-teal-100\/60 { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:stroke-teal-100\/70 { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:stroke-teal-100\/80 { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:stroke-teal-100\/90 { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:stroke-teal-200 { + stroke: var(--teal-200) + } + .lg\:stroke-teal-200\/10 { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:stroke-teal-200\/20 { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:stroke-teal-200\/30 { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:stroke-teal-200\/40 { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:stroke-teal-200\/50 { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:stroke-teal-200\/60 { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:stroke-teal-200\/70 { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:stroke-teal-200\/80 { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:stroke-teal-200\/90 { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:stroke-teal-300 { + stroke: var(--teal-300) + } + .lg\:stroke-teal-300\/10 { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:stroke-teal-300\/20 { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:stroke-teal-300\/30 { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:stroke-teal-300\/40 { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:stroke-teal-300\/50 { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:stroke-teal-300\/60 { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:stroke-teal-300\/70 { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:stroke-teal-300\/80 { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:stroke-teal-300\/90 { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:stroke-teal-400 { + stroke: var(--teal-400) + } + .lg\:stroke-teal-400\/10 { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:stroke-teal-400\/20 { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:stroke-teal-400\/30 { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:stroke-teal-400\/40 { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:stroke-teal-400\/50 { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:stroke-teal-400\/60 { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:stroke-teal-400\/70 { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:stroke-teal-400\/80 { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:stroke-teal-400\/90 { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:stroke-teal-500 { + stroke: var(--teal-500) + } + .lg\:stroke-teal-500\/10 { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:stroke-teal-500\/20 { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:stroke-teal-500\/30 { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:stroke-teal-500\/40 { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:stroke-teal-500\/50 { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:stroke-teal-500\/60 { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:stroke-teal-500\/70 { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:stroke-teal-500\/80 { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:stroke-teal-500\/90 { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:stroke-teal-600 { + stroke: var(--teal-600) + } + .lg\:stroke-teal-600\/10 { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:stroke-teal-600\/20 { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:stroke-teal-600\/30 { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:stroke-teal-600\/40 { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:stroke-teal-600\/50 { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:stroke-teal-600\/60 { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:stroke-teal-600\/70 { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:stroke-teal-600\/80 { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:stroke-teal-600\/90 { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:stroke-teal-700 { + stroke: var(--teal-700) + } + .lg\:stroke-teal-700\/10 { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:stroke-teal-700\/20 { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:stroke-teal-700\/30 { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:stroke-teal-700\/40 { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:stroke-teal-700\/50 { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:stroke-teal-700\/60 { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:stroke-teal-700\/70 { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:stroke-teal-700\/80 { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:stroke-teal-700\/90 { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:stroke-teal-800 { + stroke: var(--teal-800) + } + .lg\:stroke-teal-800\/10 { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:stroke-teal-800\/20 { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:stroke-teal-800\/30 { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:stroke-teal-800\/40 { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:stroke-teal-800\/50 { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:stroke-teal-800\/60 { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:stroke-teal-800\/70 { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:stroke-teal-800\/80 { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:stroke-teal-800\/90 { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:stroke-teal-900 { + stroke: var(--teal-900) + } + .lg\:stroke-teal-900\/10 { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:stroke-teal-900\/20 { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:stroke-teal-900\/30 { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:stroke-teal-900\/40 { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:stroke-teal-900\/50 { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:stroke-teal-900\/60 { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:stroke-teal-900\/70 { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:stroke-teal-900\/80 { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:stroke-teal-900\/90 { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:stroke-orange-50 { + stroke: var(--orange-50) + } + .lg\:stroke-orange-50\/10 { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:stroke-orange-50\/20 { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:stroke-orange-50\/30 { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:stroke-orange-50\/40 { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:stroke-orange-50\/50 { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:stroke-orange-50\/60 { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:stroke-orange-50\/70 { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:stroke-orange-50\/80 { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:stroke-orange-50\/90 { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:stroke-orange-100 { + stroke: var(--orange-100) + } + .lg\:stroke-orange-100\/10 { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:stroke-orange-100\/20 { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:stroke-orange-100\/30 { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:stroke-orange-100\/40 { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:stroke-orange-100\/50 { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:stroke-orange-100\/60 { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:stroke-orange-100\/70 { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:stroke-orange-100\/80 { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:stroke-orange-100\/90 { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:stroke-orange-200 { + stroke: var(--orange-200) + } + .lg\:stroke-orange-200\/10 { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:stroke-orange-200\/20 { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:stroke-orange-200\/30 { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:stroke-orange-200\/40 { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:stroke-orange-200\/50 { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:stroke-orange-200\/60 { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:stroke-orange-200\/70 { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:stroke-orange-200\/80 { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:stroke-orange-200\/90 { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:stroke-orange-300 { + stroke: var(--orange-300) + } + .lg\:stroke-orange-300\/10 { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:stroke-orange-300\/20 { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:stroke-orange-300\/30 { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:stroke-orange-300\/40 { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:stroke-orange-300\/50 { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:stroke-orange-300\/60 { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:stroke-orange-300\/70 { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:stroke-orange-300\/80 { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:stroke-orange-300\/90 { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:stroke-orange-400 { + stroke: var(--orange-400) + } + .lg\:stroke-orange-400\/10 { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:stroke-orange-400\/20 { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:stroke-orange-400\/30 { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:stroke-orange-400\/40 { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:stroke-orange-400\/50 { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:stroke-orange-400\/60 { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:stroke-orange-400\/70 { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:stroke-orange-400\/80 { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:stroke-orange-400\/90 { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:stroke-orange-500 { + stroke: var(--orange-500) + } + .lg\:stroke-orange-500\/10 { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:stroke-orange-500\/20 { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:stroke-orange-500\/30 { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:stroke-orange-500\/40 { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:stroke-orange-500\/50 { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:stroke-orange-500\/60 { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:stroke-orange-500\/70 { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:stroke-orange-500\/80 { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:stroke-orange-500\/90 { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:stroke-orange-600 { + stroke: var(--orange-600) + } + .lg\:stroke-orange-600\/10 { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:stroke-orange-600\/20 { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:stroke-orange-600\/30 { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:stroke-orange-600\/40 { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:stroke-orange-600\/50 { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:stroke-orange-600\/60 { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:stroke-orange-600\/70 { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:stroke-orange-600\/80 { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:stroke-orange-600\/90 { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:stroke-orange-700 { + stroke: var(--orange-700) + } + .lg\:stroke-orange-700\/10 { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:stroke-orange-700\/20 { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:stroke-orange-700\/30 { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:stroke-orange-700\/40 { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:stroke-orange-700\/50 { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:stroke-orange-700\/60 { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:stroke-orange-700\/70 { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:stroke-orange-700\/80 { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:stroke-orange-700\/90 { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:stroke-orange-800 { + stroke: var(--orange-800) + } + .lg\:stroke-orange-800\/10 { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:stroke-orange-800\/20 { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:stroke-orange-800\/30 { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:stroke-orange-800\/40 { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:stroke-orange-800\/50 { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:stroke-orange-800\/60 { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:stroke-orange-800\/70 { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:stroke-orange-800\/80 { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:stroke-orange-800\/90 { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:stroke-orange-900 { + stroke: var(--orange-900) + } + .lg\:stroke-orange-900\/10 { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:stroke-orange-900\/20 { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:stroke-orange-900\/30 { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:stroke-orange-900\/40 { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:stroke-orange-900\/50 { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:stroke-orange-900\/60 { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:stroke-orange-900\/70 { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:stroke-orange-900\/80 { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:stroke-orange-900\/90 { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:stroke-bluegray-50 { + stroke: var(--bluegray-50) + } + .lg\:stroke-bluegray-50\/10 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:stroke-bluegray-50\/20 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:stroke-bluegray-50\/30 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:stroke-bluegray-50\/40 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:stroke-bluegray-50\/50 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:stroke-bluegray-50\/60 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:stroke-bluegray-50\/70 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:stroke-bluegray-50\/80 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:stroke-bluegray-50\/90 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:stroke-bluegray-100 { + stroke: var(--bluegray-100) + } + .lg\:stroke-bluegray-100\/10 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:stroke-bluegray-100\/20 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:stroke-bluegray-100\/30 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:stroke-bluegray-100\/40 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:stroke-bluegray-100\/50 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:stroke-bluegray-100\/60 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:stroke-bluegray-100\/70 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:stroke-bluegray-100\/80 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:stroke-bluegray-100\/90 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:stroke-bluegray-200 { + stroke: var(--bluegray-200) + } + .lg\:stroke-bluegray-200\/10 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:stroke-bluegray-200\/20 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:stroke-bluegray-200\/30 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:stroke-bluegray-200\/40 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:stroke-bluegray-200\/50 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:stroke-bluegray-200\/60 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:stroke-bluegray-200\/70 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:stroke-bluegray-200\/80 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:stroke-bluegray-200\/90 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:stroke-bluegray-300 { + stroke: var(--bluegray-300) + } + .lg\:stroke-bluegray-300\/10 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:stroke-bluegray-300\/20 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:stroke-bluegray-300\/30 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:stroke-bluegray-300\/40 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:stroke-bluegray-300\/50 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:stroke-bluegray-300\/60 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:stroke-bluegray-300\/70 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:stroke-bluegray-300\/80 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:stroke-bluegray-300\/90 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:stroke-bluegray-400 { + stroke: var(--bluegray-400) + } + .lg\:stroke-bluegray-400\/10 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:stroke-bluegray-400\/20 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:stroke-bluegray-400\/30 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:stroke-bluegray-400\/40 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:stroke-bluegray-400\/50 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:stroke-bluegray-400\/60 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:stroke-bluegray-400\/70 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:stroke-bluegray-400\/80 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:stroke-bluegray-400\/90 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:stroke-bluegray-500 { + stroke: var(--bluegray-500) + } + .lg\:stroke-bluegray-500\/10 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:stroke-bluegray-500\/20 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:stroke-bluegray-500\/30 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:stroke-bluegray-500\/40 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:stroke-bluegray-500\/50 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:stroke-bluegray-500\/60 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:stroke-bluegray-500\/70 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:stroke-bluegray-500\/80 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:stroke-bluegray-500\/90 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:stroke-bluegray-600 { + stroke: var(--bluegray-600) + } + .lg\:stroke-bluegray-600\/10 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:stroke-bluegray-600\/20 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:stroke-bluegray-600\/30 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:stroke-bluegray-600\/40 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:stroke-bluegray-600\/50 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:stroke-bluegray-600\/60 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:stroke-bluegray-600\/70 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:stroke-bluegray-600\/80 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:stroke-bluegray-600\/90 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:stroke-bluegray-700 { + stroke: var(--bluegray-700) + } + .lg\:stroke-bluegray-700\/10 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:stroke-bluegray-700\/20 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:stroke-bluegray-700\/30 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:stroke-bluegray-700\/40 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:stroke-bluegray-700\/50 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:stroke-bluegray-700\/60 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:stroke-bluegray-700\/70 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:stroke-bluegray-700\/80 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:stroke-bluegray-700\/90 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:stroke-bluegray-800 { + stroke: var(--bluegray-800) + } + .lg\:stroke-bluegray-800\/10 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:stroke-bluegray-800\/20 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:stroke-bluegray-800\/30 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:stroke-bluegray-800\/40 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:stroke-bluegray-800\/50 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:stroke-bluegray-800\/60 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:stroke-bluegray-800\/70 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:stroke-bluegray-800\/80 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:stroke-bluegray-800\/90 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:stroke-bluegray-900 { + stroke: var(--bluegray-900) + } + .lg\:stroke-bluegray-900\/10 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:stroke-bluegray-900\/20 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:stroke-bluegray-900\/30 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:stroke-bluegray-900\/40 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:stroke-bluegray-900\/50 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:stroke-bluegray-900\/60 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:stroke-bluegray-900\/70 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:stroke-bluegray-900\/80 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:stroke-bluegray-900\/90 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:stroke-purple-50 { + stroke: var(--purple-50) + } + .lg\:stroke-purple-50\/10 { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:stroke-purple-50\/20 { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:stroke-purple-50\/30 { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:stroke-purple-50\/40 { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:stroke-purple-50\/50 { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:stroke-purple-50\/60 { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:stroke-purple-50\/70 { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:stroke-purple-50\/80 { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:stroke-purple-50\/90 { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:stroke-purple-100 { + stroke: var(--purple-100) + } + .lg\:stroke-purple-100\/10 { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:stroke-purple-100\/20 { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:stroke-purple-100\/30 { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:stroke-purple-100\/40 { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:stroke-purple-100\/50 { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:stroke-purple-100\/60 { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:stroke-purple-100\/70 { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:stroke-purple-100\/80 { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:stroke-purple-100\/90 { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:stroke-purple-200 { + stroke: var(--purple-200) + } + .lg\:stroke-purple-200\/10 { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:stroke-purple-200\/20 { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:stroke-purple-200\/30 { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:stroke-purple-200\/40 { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:stroke-purple-200\/50 { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:stroke-purple-200\/60 { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:stroke-purple-200\/70 { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:stroke-purple-200\/80 { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:stroke-purple-200\/90 { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:stroke-purple-300 { + stroke: var(--purple-300) + } + .lg\:stroke-purple-300\/10 { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:stroke-purple-300\/20 { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:stroke-purple-300\/30 { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:stroke-purple-300\/40 { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:stroke-purple-300\/50 { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:stroke-purple-300\/60 { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:stroke-purple-300\/70 { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:stroke-purple-300\/80 { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:stroke-purple-300\/90 { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:stroke-purple-400 { + stroke: var(--purple-400) + } + .lg\:stroke-purple-400\/10 { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:stroke-purple-400\/20 { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:stroke-purple-400\/30 { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:stroke-purple-400\/40 { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:stroke-purple-400\/50 { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:stroke-purple-400\/60 { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:stroke-purple-400\/70 { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:stroke-purple-400\/80 { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:stroke-purple-400\/90 { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:stroke-purple-500 { + stroke: var(--purple-500) + } + .lg\:stroke-purple-500\/10 { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:stroke-purple-500\/20 { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:stroke-purple-500\/30 { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:stroke-purple-500\/40 { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:stroke-purple-500\/50 { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:stroke-purple-500\/60 { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:stroke-purple-500\/70 { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:stroke-purple-500\/80 { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:stroke-purple-500\/90 { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:stroke-purple-600 { + stroke: var(--purple-600) + } + .lg\:stroke-purple-600\/10 { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:stroke-purple-600\/20 { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:stroke-purple-600\/30 { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:stroke-purple-600\/40 { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:stroke-purple-600\/50 { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:stroke-purple-600\/60 { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:stroke-purple-600\/70 { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:stroke-purple-600\/80 { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:stroke-purple-600\/90 { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:stroke-purple-700 { + stroke: var(--purple-700) + } + .lg\:stroke-purple-700\/10 { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:stroke-purple-700\/20 { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:stroke-purple-700\/30 { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:stroke-purple-700\/40 { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:stroke-purple-700\/50 { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:stroke-purple-700\/60 { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:stroke-purple-700\/70 { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:stroke-purple-700\/80 { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:stroke-purple-700\/90 { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:stroke-purple-800 { + stroke: var(--purple-800) + } + .lg\:stroke-purple-800\/10 { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:stroke-purple-800\/20 { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:stroke-purple-800\/30 { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:stroke-purple-800\/40 { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:stroke-purple-800\/50 { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:stroke-purple-800\/60 { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:stroke-purple-800\/70 { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:stroke-purple-800\/80 { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:stroke-purple-800\/90 { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:stroke-purple-900 { + stroke: var(--purple-900) + } + .lg\:stroke-purple-900\/10 { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:stroke-purple-900\/20 { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:stroke-purple-900\/30 { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:stroke-purple-900\/40 { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:stroke-purple-900\/50 { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:stroke-purple-900\/60 { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:stroke-purple-900\/70 { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:stroke-purple-900\/80 { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:stroke-purple-900\/90 { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:stroke-red-50 { + stroke: var(--red-50) + } + .lg\:stroke-red-50\/10 { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:stroke-red-50\/20 { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:stroke-red-50\/30 { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:stroke-red-50\/40 { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:stroke-red-50\/50 { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:stroke-red-50\/60 { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:stroke-red-50\/70 { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:stroke-red-50\/80 { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:stroke-red-50\/90 { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:stroke-red-100 { + stroke: var(--red-100) + } + .lg\:stroke-red-100\/10 { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:stroke-red-100\/20 { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:stroke-red-100\/30 { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:stroke-red-100\/40 { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:stroke-red-100\/50 { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:stroke-red-100\/60 { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:stroke-red-100\/70 { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:stroke-red-100\/80 { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:stroke-red-100\/90 { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:stroke-red-200 { + stroke: var(--red-200) + } + .lg\:stroke-red-200\/10 { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:stroke-red-200\/20 { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:stroke-red-200\/30 { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:stroke-red-200\/40 { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:stroke-red-200\/50 { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:stroke-red-200\/60 { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:stroke-red-200\/70 { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:stroke-red-200\/80 { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:stroke-red-200\/90 { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:stroke-red-300 { + stroke: var(--red-300) + } + .lg\:stroke-red-300\/10 { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:stroke-red-300\/20 { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:stroke-red-300\/30 { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:stroke-red-300\/40 { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:stroke-red-300\/50 { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:stroke-red-300\/60 { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:stroke-red-300\/70 { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:stroke-red-300\/80 { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:stroke-red-300\/90 { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:stroke-red-400 { + stroke: var(--red-400) + } + .lg\:stroke-red-400\/10 { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:stroke-red-400\/20 { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:stroke-red-400\/30 { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:stroke-red-400\/40 { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:stroke-red-400\/50 { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:stroke-red-400\/60 { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:stroke-red-400\/70 { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:stroke-red-400\/80 { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:stroke-red-400\/90 { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:stroke-red-500 { + stroke: var(--red-500) + } + .lg\:stroke-red-500\/10 { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:stroke-red-500\/20 { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:stroke-red-500\/30 { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:stroke-red-500\/40 { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:stroke-red-500\/50 { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:stroke-red-500\/60 { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:stroke-red-500\/70 { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:stroke-red-500\/80 { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:stroke-red-500\/90 { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:stroke-red-600 { + stroke: var(--red-600) + } + .lg\:stroke-red-600\/10 { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:stroke-red-600\/20 { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:stroke-red-600\/30 { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:stroke-red-600\/40 { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:stroke-red-600\/50 { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:stroke-red-600\/60 { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:stroke-red-600\/70 { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:stroke-red-600\/80 { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:stroke-red-600\/90 { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:stroke-red-700 { + stroke: var(--red-700) + } + .lg\:stroke-red-700\/10 { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:stroke-red-700\/20 { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:stroke-red-700\/30 { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:stroke-red-700\/40 { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:stroke-red-700\/50 { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:stroke-red-700\/60 { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:stroke-red-700\/70 { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:stroke-red-700\/80 { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:stroke-red-700\/90 { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:stroke-red-800 { + stroke: var(--red-800) + } + .lg\:stroke-red-800\/10 { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:stroke-red-800\/20 { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:stroke-red-800\/30 { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:stroke-red-800\/40 { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:stroke-red-800\/50 { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:stroke-red-800\/60 { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:stroke-red-800\/70 { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:stroke-red-800\/80 { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:stroke-red-800\/90 { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:stroke-red-900 { + stroke: var(--red-900) + } + .lg\:stroke-red-900\/10 { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:stroke-red-900\/20 { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:stroke-red-900\/30 { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:stroke-red-900\/40 { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:stroke-red-900\/50 { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:stroke-red-900\/60 { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:stroke-red-900\/70 { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:stroke-red-900\/80 { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:stroke-red-900\/90 { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:stroke-gray-50 { + stroke: var(--gray-50) + } + .lg\:stroke-gray-50\/10 { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:stroke-gray-50\/20 { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:stroke-gray-50\/30 { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:stroke-gray-50\/40 { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:stroke-gray-50\/50 { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:stroke-gray-50\/60 { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:stroke-gray-50\/70 { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:stroke-gray-50\/80 { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:stroke-gray-50\/90 { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:stroke-gray-100 { + stroke: var(--gray-100) + } + .lg\:stroke-gray-100\/10 { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:stroke-gray-100\/20 { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:stroke-gray-100\/30 { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:stroke-gray-100\/40 { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:stroke-gray-100\/50 { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:stroke-gray-100\/60 { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:stroke-gray-100\/70 { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:stroke-gray-100\/80 { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:stroke-gray-100\/90 { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:stroke-gray-200 { + stroke: var(--gray-200) + } + .lg\:stroke-gray-200\/10 { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:stroke-gray-200\/20 { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:stroke-gray-200\/30 { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:stroke-gray-200\/40 { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:stroke-gray-200\/50 { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:stroke-gray-200\/60 { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:stroke-gray-200\/70 { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:stroke-gray-200\/80 { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:stroke-gray-200\/90 { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:stroke-gray-300 { + stroke: var(--gray-300) + } + .lg\:stroke-gray-300\/10 { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:stroke-gray-300\/20 { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:stroke-gray-300\/30 { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:stroke-gray-300\/40 { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:stroke-gray-300\/50 { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:stroke-gray-300\/60 { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:stroke-gray-300\/70 { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:stroke-gray-300\/80 { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:stroke-gray-300\/90 { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:stroke-gray-400 { + stroke: var(--gray-400) + } + .lg\:stroke-gray-400\/10 { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:stroke-gray-400\/20 { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:stroke-gray-400\/30 { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:stroke-gray-400\/40 { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:stroke-gray-400\/50 { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:stroke-gray-400\/60 { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:stroke-gray-400\/70 { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:stroke-gray-400\/80 { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:stroke-gray-400\/90 { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:stroke-gray-500 { + stroke: var(--gray-500) + } + .lg\:stroke-gray-500\/10 { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:stroke-gray-500\/20 { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:stroke-gray-500\/30 { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:stroke-gray-500\/40 { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:stroke-gray-500\/50 { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:stroke-gray-500\/60 { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:stroke-gray-500\/70 { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:stroke-gray-500\/80 { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:stroke-gray-500\/90 { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:stroke-gray-600 { + stroke: var(--gray-600) + } + .lg\:stroke-gray-600\/10 { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:stroke-gray-600\/20 { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:stroke-gray-600\/30 { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:stroke-gray-600\/40 { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:stroke-gray-600\/50 { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:stroke-gray-600\/60 { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:stroke-gray-600\/70 { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:stroke-gray-600\/80 { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:stroke-gray-600\/90 { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:stroke-gray-700 { + stroke: var(--gray-700) + } + .lg\:stroke-gray-700\/10 { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:stroke-gray-700\/20 { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:stroke-gray-700\/30 { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:stroke-gray-700\/40 { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:stroke-gray-700\/50 { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:stroke-gray-700\/60 { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:stroke-gray-700\/70 { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:stroke-gray-700\/80 { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:stroke-gray-700\/90 { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:stroke-gray-800 { + stroke: var(--gray-800) + } + .lg\:stroke-gray-800\/10 { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:stroke-gray-800\/20 { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:stroke-gray-800\/30 { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:stroke-gray-800\/40 { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:stroke-gray-800\/50 { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:stroke-gray-800\/60 { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:stroke-gray-800\/70 { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:stroke-gray-800\/80 { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:stroke-gray-800\/90 { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:stroke-gray-900 { + stroke: var(--gray-900) + } + .lg\:stroke-gray-900\/10 { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:stroke-gray-900\/20 { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:stroke-gray-900\/30 { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:stroke-gray-900\/40 { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:stroke-gray-900\/50 { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:stroke-gray-900\/60 { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:stroke-gray-900\/70 { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:stroke-gray-900\/80 { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:stroke-gray-900\/90 { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:stroke-surface-0 { + stroke: var(--surface-0) + } + .lg\:stroke-surface-0\/10 { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:stroke-surface-0\/20 { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:stroke-surface-0\/30 { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:stroke-surface-0\/40 { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:stroke-surface-0\/50 { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:stroke-surface-0\/60 { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:stroke-surface-0\/70 { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:stroke-surface-0\/80 { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:stroke-surface-0\/90 { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:stroke-surface-50 { + stroke: var(--surface-50) + } + .lg\:stroke-surface-50\/10 { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:stroke-surface-50\/20 { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:stroke-surface-50\/30 { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:stroke-surface-50\/40 { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:stroke-surface-50\/50 { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:stroke-surface-50\/60 { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:stroke-surface-50\/70 { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:stroke-surface-50\/80 { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:stroke-surface-50\/90 { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:stroke-surface-100 { + stroke: var(--surface-100) + } + .lg\:stroke-surface-100\/10 { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:stroke-surface-100\/20 { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:stroke-surface-100\/30 { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:stroke-surface-100\/40 { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:stroke-surface-100\/50 { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:stroke-surface-100\/60 { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:stroke-surface-100\/70 { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:stroke-surface-100\/80 { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:stroke-surface-100\/90 { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:stroke-surface-200 { + stroke: var(--surface-200) + } + .lg\:stroke-surface-200\/10 { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:stroke-surface-200\/20 { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:stroke-surface-200\/30 { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:stroke-surface-200\/40 { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:stroke-surface-200\/50 { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:stroke-surface-200\/60 { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:stroke-surface-200\/70 { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:stroke-surface-200\/80 { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:stroke-surface-200\/90 { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:stroke-surface-300 { + stroke: var(--surface-300) + } + .lg\:stroke-surface-300\/10 { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:stroke-surface-300\/20 { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:stroke-surface-300\/30 { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:stroke-surface-300\/40 { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:stroke-surface-300\/50 { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:stroke-surface-300\/60 { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:stroke-surface-300\/70 { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:stroke-surface-300\/80 { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:stroke-surface-300\/90 { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:stroke-surface-400 { + stroke: var(--surface-400) + } + .lg\:stroke-surface-400\/10 { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:stroke-surface-400\/20 { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:stroke-surface-400\/30 { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:stroke-surface-400\/40 { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:stroke-surface-400\/50 { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:stroke-surface-400\/60 { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:stroke-surface-400\/70 { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:stroke-surface-400\/80 { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:stroke-surface-400\/90 { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:stroke-surface-500 { + stroke: var(--surface-500) + } + .lg\:stroke-surface-500\/10 { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:stroke-surface-500\/20 { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:stroke-surface-500\/30 { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:stroke-surface-500\/40 { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:stroke-surface-500\/50 { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:stroke-surface-500\/60 { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:stroke-surface-500\/70 { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:stroke-surface-500\/80 { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:stroke-surface-500\/90 { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:stroke-surface-600 { + stroke: var(--surface-600) + } + .lg\:stroke-surface-600\/10 { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:stroke-surface-600\/20 { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:stroke-surface-600\/30 { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:stroke-surface-600\/40 { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:stroke-surface-600\/50 { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:stroke-surface-600\/60 { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:stroke-surface-600\/70 { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:stroke-surface-600\/80 { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:stroke-surface-600\/90 { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:stroke-surface-700 { + stroke: var(--surface-700) + } + .lg\:stroke-surface-700\/10 { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:stroke-surface-700\/20 { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:stroke-surface-700\/30 { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:stroke-surface-700\/40 { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:stroke-surface-700\/50 { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:stroke-surface-700\/60 { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:stroke-surface-700\/70 { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:stroke-surface-700\/80 { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:stroke-surface-700\/90 { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:stroke-surface-800 { + stroke: var(--surface-800) + } + .lg\:stroke-surface-800\/10 { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:stroke-surface-800\/20 { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:stroke-surface-800\/30 { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:stroke-surface-800\/40 { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:stroke-surface-800\/50 { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:stroke-surface-800\/60 { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:stroke-surface-800\/70 { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:stroke-surface-800\/80 { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:stroke-surface-800\/90 { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:stroke-surface-900 { + stroke: var(--surface-900) + } + .lg\:stroke-surface-900\/10 { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:stroke-surface-900\/20 { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:stroke-surface-900\/30 { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:stroke-surface-900\/40 { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:stroke-surface-900\/50 { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:stroke-surface-900\/60 { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:stroke-surface-900\/70 { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:stroke-surface-900\/80 { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:stroke-surface-900\/90 { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:stroke-primary-50 { + stroke: var(--primary-50) + } + .lg\:stroke-primary-50\/10 { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:stroke-primary-50\/20 { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:stroke-primary-50\/30 { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:stroke-primary-50\/40 { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:stroke-primary-50\/50 { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:stroke-primary-50\/60 { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:stroke-primary-50\/70 { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:stroke-primary-50\/80 { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:stroke-primary-50\/90 { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:stroke-primary-100 { + stroke: var(--primary-100) + } + .lg\:stroke-primary-100\/10 { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:stroke-primary-100\/20 { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:stroke-primary-100\/30 { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:stroke-primary-100\/40 { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:stroke-primary-100\/50 { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:stroke-primary-100\/60 { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:stroke-primary-100\/70 { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:stroke-primary-100\/80 { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:stroke-primary-100\/90 { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:stroke-primary-200 { + stroke: var(--primary-200) + } + .lg\:stroke-primary-200\/10 { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:stroke-primary-200\/20 { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:stroke-primary-200\/30 { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:stroke-primary-200\/40 { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:stroke-primary-200\/50 { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:stroke-primary-200\/60 { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:stroke-primary-200\/70 { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:stroke-primary-200\/80 { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:stroke-primary-200\/90 { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:stroke-primary-300 { + stroke: var(--primary-300) + } + .lg\:stroke-primary-300\/10 { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:stroke-primary-300\/20 { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:stroke-primary-300\/30 { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:stroke-primary-300\/40 { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:stroke-primary-300\/50 { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:stroke-primary-300\/60 { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:stroke-primary-300\/70 { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:stroke-primary-300\/80 { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:stroke-primary-300\/90 { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:stroke-primary-400 { + stroke: var(--primary-400) + } + .lg\:stroke-primary-400\/10 { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:stroke-primary-400\/20 { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:stroke-primary-400\/30 { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:stroke-primary-400\/40 { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:stroke-primary-400\/50 { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:stroke-primary-400\/60 { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:stroke-primary-400\/70 { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:stroke-primary-400\/80 { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:stroke-primary-400\/90 { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:stroke-primary-500 { + stroke: var(--primary-500) + } + .lg\:stroke-primary-500\/10 { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:stroke-primary-500\/20 { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:stroke-primary-500\/30 { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:stroke-primary-500\/40 { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:stroke-primary-500\/50 { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:stroke-primary-500\/60 { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:stroke-primary-500\/70 { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:stroke-primary-500\/80 { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:stroke-primary-500\/90 { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:stroke-primary-600 { + stroke: var(--primary-600) + } + .lg\:stroke-primary-600\/10 { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:stroke-primary-600\/20 { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:stroke-primary-600\/30 { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:stroke-primary-600\/40 { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:stroke-primary-600\/50 { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:stroke-primary-600\/60 { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:stroke-primary-600\/70 { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:stroke-primary-600\/80 { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:stroke-primary-600\/90 { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:stroke-primary-700 { + stroke: var(--primary-700) + } + .lg\:stroke-primary-700\/10 { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:stroke-primary-700\/20 { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:stroke-primary-700\/30 { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:stroke-primary-700\/40 { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:stroke-primary-700\/50 { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:stroke-primary-700\/60 { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:stroke-primary-700\/70 { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:stroke-primary-700\/80 { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:stroke-primary-700\/90 { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:stroke-primary-800 { + stroke: var(--primary-800) + } + .lg\:stroke-primary-800\/10 { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:stroke-primary-800\/20 { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:stroke-primary-800\/30 { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:stroke-primary-800\/40 { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:stroke-primary-800\/50 { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:stroke-primary-800\/60 { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:stroke-primary-800\/70 { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:stroke-primary-800\/80 { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:stroke-primary-800\/90 { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:stroke-primary-900 { + stroke: var(--primary-900) + } + .lg\:stroke-primary-900\/10 { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:stroke-primary-900\/20 { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:stroke-primary-900\/30 { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:stroke-primary-900\/40 { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:stroke-primary-900\/50 { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:stroke-primary-900\/60 { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:stroke-primary-900\/70 { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:stroke-primary-900\/80 { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:stroke-primary-900\/90 { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-50:focus { + stroke: var(--blue-50) + } + .lg\:hover\:stroke-blue-50:hover { + stroke: var(--blue-50) + } + .lg\:active\:stroke-blue-50:active { + stroke: var(--blue-50) + } + .lg\:focus\:stroke-blue-50\/10:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-50\/10:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:active\:stroke-blue-50\/10:active { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-50\/20:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-50\/20:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:active\:stroke-blue-50\/20:active { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-50\/30:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-50\/30:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:active\:stroke-blue-50\/30:active { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-50\/40:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-50\/40:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:active\:stroke-blue-50\/40:active { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-50\/50:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-50\/50:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:active\:stroke-blue-50\/50:active { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-50\/60:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-50\/60:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:active\:stroke-blue-50\/60:active { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-50\/70:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-50\/70:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:active\:stroke-blue-50\/70:active { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-50\/80:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-50\/80:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:active\:stroke-blue-50\/80:active { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-50\/90:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-50\/90:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:active\:stroke-blue-50\/90:active { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-100:focus { + stroke: var(--blue-100) + } + .lg\:hover\:stroke-blue-100:hover { + stroke: var(--blue-100) + } + .lg\:active\:stroke-blue-100:active { + stroke: var(--blue-100) + } + .lg\:focus\:stroke-blue-100\/10:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-100\/10:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:active\:stroke-blue-100\/10:active { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-100\/20:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-100\/20:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:active\:stroke-blue-100\/20:active { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-100\/30:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-100\/30:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:active\:stroke-blue-100\/30:active { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-100\/40:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-100\/40:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:active\:stroke-blue-100\/40:active { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-100\/50:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-100\/50:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:active\:stroke-blue-100\/50:active { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-100\/60:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-100\/60:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:active\:stroke-blue-100\/60:active { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-100\/70:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-100\/70:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:active\:stroke-blue-100\/70:active { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-100\/80:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-100\/80:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:active\:stroke-blue-100\/80:active { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-100\/90:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-100\/90:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:active\:stroke-blue-100\/90:active { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-200:focus { + stroke: var(--blue-200) + } + .lg\:hover\:stroke-blue-200:hover { + stroke: var(--blue-200) + } + .lg\:active\:stroke-blue-200:active { + stroke: var(--blue-200) + } + .lg\:focus\:stroke-blue-200\/10:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-200\/10:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:active\:stroke-blue-200\/10:active { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-200\/20:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-200\/20:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:active\:stroke-blue-200\/20:active { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-200\/30:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-200\/30:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:active\:stroke-blue-200\/30:active { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-200\/40:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-200\/40:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:active\:stroke-blue-200\/40:active { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-200\/50:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-200\/50:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:active\:stroke-blue-200\/50:active { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-200\/60:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-200\/60:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:active\:stroke-blue-200\/60:active { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-200\/70:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-200\/70:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:active\:stroke-blue-200\/70:active { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-200\/80:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-200\/80:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:active\:stroke-blue-200\/80:active { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-200\/90:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-200\/90:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:active\:stroke-blue-200\/90:active { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-300:focus { + stroke: var(--blue-300) + } + .lg\:hover\:stroke-blue-300:hover { + stroke: var(--blue-300) + } + .lg\:active\:stroke-blue-300:active { + stroke: var(--blue-300) + } + .lg\:focus\:stroke-blue-300\/10:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-300\/10:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:active\:stroke-blue-300\/10:active { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-300\/20:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-300\/20:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:active\:stroke-blue-300\/20:active { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-300\/30:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-300\/30:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:active\:stroke-blue-300\/30:active { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-300\/40:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-300\/40:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:active\:stroke-blue-300\/40:active { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-300\/50:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-300\/50:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:active\:stroke-blue-300\/50:active { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-300\/60:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-300\/60:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:active\:stroke-blue-300\/60:active { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-300\/70:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-300\/70:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:active\:stroke-blue-300\/70:active { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-300\/80:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-300\/80:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:active\:stroke-blue-300\/80:active { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-300\/90:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-300\/90:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:active\:stroke-blue-300\/90:active { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-400:focus { + stroke: var(--blue-400) + } + .lg\:hover\:stroke-blue-400:hover { + stroke: var(--blue-400) + } + .lg\:active\:stroke-blue-400:active { + stroke: var(--blue-400) + } + .lg\:focus\:stroke-blue-400\/10:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-400\/10:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:active\:stroke-blue-400\/10:active { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-400\/20:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-400\/20:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:active\:stroke-blue-400\/20:active { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-400\/30:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-400\/30:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:active\:stroke-blue-400\/30:active { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-400\/40:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-400\/40:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:active\:stroke-blue-400\/40:active { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-400\/50:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-400\/50:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:active\:stroke-blue-400\/50:active { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-400\/60:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-400\/60:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:active\:stroke-blue-400\/60:active { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-400\/70:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-400\/70:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:active\:stroke-blue-400\/70:active { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-400\/80:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-400\/80:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:active\:stroke-blue-400\/80:active { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-400\/90:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-400\/90:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:active\:stroke-blue-400\/90:active { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-500:focus { + stroke: var(--blue-500) + } + .lg\:hover\:stroke-blue-500:hover { + stroke: var(--blue-500) + } + .lg\:active\:stroke-blue-500:active { + stroke: var(--blue-500) + } + .lg\:focus\:stroke-blue-500\/10:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-500\/10:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:active\:stroke-blue-500\/10:active { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-500\/20:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-500\/20:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:active\:stroke-blue-500\/20:active { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-500\/30:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-500\/30:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:active\:stroke-blue-500\/30:active { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-500\/40:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-500\/40:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:active\:stroke-blue-500\/40:active { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-500\/50:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-500\/50:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:active\:stroke-blue-500\/50:active { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-500\/60:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-500\/60:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:active\:stroke-blue-500\/60:active { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-500\/70:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-500\/70:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:active\:stroke-blue-500\/70:active { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-500\/80:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-500\/80:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:active\:stroke-blue-500\/80:active { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-500\/90:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-500\/90:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:active\:stroke-blue-500\/90:active { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-600:focus { + stroke: var(--blue-600) + } + .lg\:hover\:stroke-blue-600:hover { + stroke: var(--blue-600) + } + .lg\:active\:stroke-blue-600:active { + stroke: var(--blue-600) + } + .lg\:focus\:stroke-blue-600\/10:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-600\/10:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:active\:stroke-blue-600\/10:active { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-600\/20:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-600\/20:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:active\:stroke-blue-600\/20:active { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-600\/30:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-600\/30:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:active\:stroke-blue-600\/30:active { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-600\/40:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-600\/40:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:active\:stroke-blue-600\/40:active { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-600\/50:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-600\/50:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:active\:stroke-blue-600\/50:active { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-600\/60:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-600\/60:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:active\:stroke-blue-600\/60:active { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-600\/70:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-600\/70:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:active\:stroke-blue-600\/70:active { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-600\/80:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-600\/80:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:active\:stroke-blue-600\/80:active { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-600\/90:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-600\/90:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:active\:stroke-blue-600\/90:active { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-700:focus { + stroke: var(--blue-700) + } + .lg\:hover\:stroke-blue-700:hover { + stroke: var(--blue-700) + } + .lg\:active\:stroke-blue-700:active { + stroke: var(--blue-700) + } + .lg\:focus\:stroke-blue-700\/10:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-700\/10:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:active\:stroke-blue-700\/10:active { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-700\/20:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-700\/20:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:active\:stroke-blue-700\/20:active { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-700\/30:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-700\/30:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:active\:stroke-blue-700\/30:active { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-700\/40:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-700\/40:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:active\:stroke-blue-700\/40:active { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-700\/50:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-700\/50:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:active\:stroke-blue-700\/50:active { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-700\/60:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-700\/60:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:active\:stroke-blue-700\/60:active { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-700\/70:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-700\/70:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:active\:stroke-blue-700\/70:active { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-700\/80:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-700\/80:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:active\:stroke-blue-700\/80:active { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-700\/90:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-700\/90:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:active\:stroke-blue-700\/90:active { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-800:focus { + stroke: var(--blue-800) + } + .lg\:hover\:stroke-blue-800:hover { + stroke: var(--blue-800) + } + .lg\:active\:stroke-blue-800:active { + stroke: var(--blue-800) + } + .lg\:focus\:stroke-blue-800\/10:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-800\/10:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:active\:stroke-blue-800\/10:active { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-800\/20:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-800\/20:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:active\:stroke-blue-800\/20:active { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-800\/30:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-800\/30:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:active\:stroke-blue-800\/30:active { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-800\/40:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-800\/40:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:active\:stroke-blue-800\/40:active { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-800\/50:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-800\/50:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:active\:stroke-blue-800\/50:active { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-800\/60:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-800\/60:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:active\:stroke-blue-800\/60:active { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-800\/70:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-800\/70:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:active\:stroke-blue-800\/70:active { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-800\/80:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-800\/80:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:active\:stroke-blue-800\/80:active { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-800\/90:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-800\/90:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:active\:stroke-blue-800\/90:active { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .lg\:focus\:stroke-blue-900:focus { + stroke: var(--blue-900) + } + .lg\:hover\:stroke-blue-900:hover { + stroke: var(--blue-900) + } + .lg\:active\:stroke-blue-900:active { + stroke: var(--blue-900) + } + .lg\:focus\:stroke-blue-900\/10:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:hover\:stroke-blue-900\/10:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:active\:stroke-blue-900\/10:active { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .lg\:focus\:stroke-blue-900\/20:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:hover\:stroke-blue-900\/20:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:active\:stroke-blue-900\/20:active { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .lg\:focus\:stroke-blue-900\/30:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:hover\:stroke-blue-900\/30:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:active\:stroke-blue-900\/30:active { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .lg\:focus\:stroke-blue-900\/40:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:hover\:stroke-blue-900\/40:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:active\:stroke-blue-900\/40:active { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .lg\:focus\:stroke-blue-900\/50:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:hover\:stroke-blue-900\/50:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:active\:stroke-blue-900\/50:active { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .lg\:focus\:stroke-blue-900\/60:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:hover\:stroke-blue-900\/60:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:active\:stroke-blue-900\/60:active { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .lg\:focus\:stroke-blue-900\/70:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:hover\:stroke-blue-900\/70:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:active\:stroke-blue-900\/70:active { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .lg\:focus\:stroke-blue-900\/80:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:hover\:stroke-blue-900\/80:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:active\:stroke-blue-900\/80:active { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .lg\:focus\:stroke-blue-900\/90:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:hover\:stroke-blue-900\/90:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:active\:stroke-blue-900\/90:active { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .lg\:focus\:stroke-green-50:focus { + stroke: var(--green-50) + } + .lg\:hover\:stroke-green-50:hover { + stroke: var(--green-50) + } + .lg\:active\:stroke-green-50:active { + stroke: var(--green-50) + } + .lg\:focus\:stroke-green-50\/10:focus { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:hover\:stroke-green-50\/10:hover { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:active\:stroke-green-50\/10:active { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .lg\:focus\:stroke-green-50\/20:focus { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:hover\:stroke-green-50\/20:hover { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:active\:stroke-green-50\/20:active { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .lg\:focus\:stroke-green-50\/30:focus { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:hover\:stroke-green-50\/30:hover { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:active\:stroke-green-50\/30:active { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .lg\:focus\:stroke-green-50\/40:focus { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:hover\:stroke-green-50\/40:hover { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:active\:stroke-green-50\/40:active { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .lg\:focus\:stroke-green-50\/50:focus { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:hover\:stroke-green-50\/50:hover { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:active\:stroke-green-50\/50:active { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .lg\:focus\:stroke-green-50\/60:focus { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:hover\:stroke-green-50\/60:hover { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:active\:stroke-green-50\/60:active { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .lg\:focus\:stroke-green-50\/70:focus { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:hover\:stroke-green-50\/70:hover { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:active\:stroke-green-50\/70:active { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .lg\:focus\:stroke-green-50\/80:focus { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:hover\:stroke-green-50\/80:hover { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:active\:stroke-green-50\/80:active { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .lg\:focus\:stroke-green-50\/90:focus { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:hover\:stroke-green-50\/90:hover { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:active\:stroke-green-50\/90:active { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .lg\:focus\:stroke-green-100:focus { + stroke: var(--green-100) + } + .lg\:hover\:stroke-green-100:hover { + stroke: var(--green-100) + } + .lg\:active\:stroke-green-100:active { + stroke: var(--green-100) + } + .lg\:focus\:stroke-green-100\/10:focus { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:hover\:stroke-green-100\/10:hover { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:active\:stroke-green-100\/10:active { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .lg\:focus\:stroke-green-100\/20:focus { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:hover\:stroke-green-100\/20:hover { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:active\:stroke-green-100\/20:active { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .lg\:focus\:stroke-green-100\/30:focus { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:hover\:stroke-green-100\/30:hover { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:active\:stroke-green-100\/30:active { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .lg\:focus\:stroke-green-100\/40:focus { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:hover\:stroke-green-100\/40:hover { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:active\:stroke-green-100\/40:active { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .lg\:focus\:stroke-green-100\/50:focus { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:hover\:stroke-green-100\/50:hover { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:active\:stroke-green-100\/50:active { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .lg\:focus\:stroke-green-100\/60:focus { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:hover\:stroke-green-100\/60:hover { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:active\:stroke-green-100\/60:active { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .lg\:focus\:stroke-green-100\/70:focus { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:hover\:stroke-green-100\/70:hover { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:active\:stroke-green-100\/70:active { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .lg\:focus\:stroke-green-100\/80:focus { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:hover\:stroke-green-100\/80:hover { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:active\:stroke-green-100\/80:active { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .lg\:focus\:stroke-green-100\/90:focus { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:hover\:stroke-green-100\/90:hover { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:active\:stroke-green-100\/90:active { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .lg\:focus\:stroke-green-200:focus { + stroke: var(--green-200) + } + .lg\:hover\:stroke-green-200:hover { + stroke: var(--green-200) + } + .lg\:active\:stroke-green-200:active { + stroke: var(--green-200) + } + .lg\:focus\:stroke-green-200\/10:focus { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:hover\:stroke-green-200\/10:hover { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:active\:stroke-green-200\/10:active { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .lg\:focus\:stroke-green-200\/20:focus { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:hover\:stroke-green-200\/20:hover { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:active\:stroke-green-200\/20:active { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .lg\:focus\:stroke-green-200\/30:focus { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:hover\:stroke-green-200\/30:hover { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:active\:stroke-green-200\/30:active { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .lg\:focus\:stroke-green-200\/40:focus { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:hover\:stroke-green-200\/40:hover { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:active\:stroke-green-200\/40:active { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .lg\:focus\:stroke-green-200\/50:focus { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:hover\:stroke-green-200\/50:hover { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:active\:stroke-green-200\/50:active { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .lg\:focus\:stroke-green-200\/60:focus { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:hover\:stroke-green-200\/60:hover { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:active\:stroke-green-200\/60:active { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .lg\:focus\:stroke-green-200\/70:focus { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:hover\:stroke-green-200\/70:hover { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:active\:stroke-green-200\/70:active { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .lg\:focus\:stroke-green-200\/80:focus { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:hover\:stroke-green-200\/80:hover { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:active\:stroke-green-200\/80:active { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .lg\:focus\:stroke-green-200\/90:focus { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:hover\:stroke-green-200\/90:hover { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:active\:stroke-green-200\/90:active { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .lg\:focus\:stroke-green-300:focus { + stroke: var(--green-300) + } + .lg\:hover\:stroke-green-300:hover { + stroke: var(--green-300) + } + .lg\:active\:stroke-green-300:active { + stroke: var(--green-300) + } + .lg\:focus\:stroke-green-300\/10:focus { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:hover\:stroke-green-300\/10:hover { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:active\:stroke-green-300\/10:active { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .lg\:focus\:stroke-green-300\/20:focus { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:hover\:stroke-green-300\/20:hover { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:active\:stroke-green-300\/20:active { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .lg\:focus\:stroke-green-300\/30:focus { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:hover\:stroke-green-300\/30:hover { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:active\:stroke-green-300\/30:active { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .lg\:focus\:stroke-green-300\/40:focus { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:hover\:stroke-green-300\/40:hover { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:active\:stroke-green-300\/40:active { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .lg\:focus\:stroke-green-300\/50:focus { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:hover\:stroke-green-300\/50:hover { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:active\:stroke-green-300\/50:active { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .lg\:focus\:stroke-green-300\/60:focus { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:hover\:stroke-green-300\/60:hover { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:active\:stroke-green-300\/60:active { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .lg\:focus\:stroke-green-300\/70:focus { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:hover\:stroke-green-300\/70:hover { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:active\:stroke-green-300\/70:active { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .lg\:focus\:stroke-green-300\/80:focus { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:hover\:stroke-green-300\/80:hover { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:active\:stroke-green-300\/80:active { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .lg\:focus\:stroke-green-300\/90:focus { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:hover\:stroke-green-300\/90:hover { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:active\:stroke-green-300\/90:active { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .lg\:focus\:stroke-green-400:focus { + stroke: var(--green-400) + } + .lg\:hover\:stroke-green-400:hover { + stroke: var(--green-400) + } + .lg\:active\:stroke-green-400:active { + stroke: var(--green-400) + } + .lg\:focus\:stroke-green-400\/10:focus { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:hover\:stroke-green-400\/10:hover { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:active\:stroke-green-400\/10:active { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .lg\:focus\:stroke-green-400\/20:focus { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:hover\:stroke-green-400\/20:hover { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:active\:stroke-green-400\/20:active { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .lg\:focus\:stroke-green-400\/30:focus { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:hover\:stroke-green-400\/30:hover { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:active\:stroke-green-400\/30:active { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .lg\:focus\:stroke-green-400\/40:focus { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:hover\:stroke-green-400\/40:hover { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:active\:stroke-green-400\/40:active { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .lg\:focus\:stroke-green-400\/50:focus { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:hover\:stroke-green-400\/50:hover { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:active\:stroke-green-400\/50:active { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .lg\:focus\:stroke-green-400\/60:focus { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:hover\:stroke-green-400\/60:hover { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:active\:stroke-green-400\/60:active { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .lg\:focus\:stroke-green-400\/70:focus { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:hover\:stroke-green-400\/70:hover { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:active\:stroke-green-400\/70:active { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .lg\:focus\:stroke-green-400\/80:focus { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:hover\:stroke-green-400\/80:hover { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:active\:stroke-green-400\/80:active { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .lg\:focus\:stroke-green-400\/90:focus { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:hover\:stroke-green-400\/90:hover { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:active\:stroke-green-400\/90:active { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .lg\:focus\:stroke-green-500:focus { + stroke: var(--green-500) + } + .lg\:hover\:stroke-green-500:hover { + stroke: var(--green-500) + } + .lg\:active\:stroke-green-500:active { + stroke: var(--green-500) + } + .lg\:focus\:stroke-green-500\/10:focus { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:hover\:stroke-green-500\/10:hover { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:active\:stroke-green-500\/10:active { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .lg\:focus\:stroke-green-500\/20:focus { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:hover\:stroke-green-500\/20:hover { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:active\:stroke-green-500\/20:active { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .lg\:focus\:stroke-green-500\/30:focus { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:hover\:stroke-green-500\/30:hover { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:active\:stroke-green-500\/30:active { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .lg\:focus\:stroke-green-500\/40:focus { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:hover\:stroke-green-500\/40:hover { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:active\:stroke-green-500\/40:active { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .lg\:focus\:stroke-green-500\/50:focus { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:hover\:stroke-green-500\/50:hover { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:active\:stroke-green-500\/50:active { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .lg\:focus\:stroke-green-500\/60:focus { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:hover\:stroke-green-500\/60:hover { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:active\:stroke-green-500\/60:active { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .lg\:focus\:stroke-green-500\/70:focus { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:hover\:stroke-green-500\/70:hover { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:active\:stroke-green-500\/70:active { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .lg\:focus\:stroke-green-500\/80:focus { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:hover\:stroke-green-500\/80:hover { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:active\:stroke-green-500\/80:active { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .lg\:focus\:stroke-green-500\/90:focus { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:hover\:stroke-green-500\/90:hover { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:active\:stroke-green-500\/90:active { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .lg\:focus\:stroke-green-600:focus { + stroke: var(--green-600) + } + .lg\:hover\:stroke-green-600:hover { + stroke: var(--green-600) + } + .lg\:active\:stroke-green-600:active { + stroke: var(--green-600) + } + .lg\:focus\:stroke-green-600\/10:focus { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:hover\:stroke-green-600\/10:hover { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:active\:stroke-green-600\/10:active { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .lg\:focus\:stroke-green-600\/20:focus { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:hover\:stroke-green-600\/20:hover { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:active\:stroke-green-600\/20:active { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .lg\:focus\:stroke-green-600\/30:focus { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:hover\:stroke-green-600\/30:hover { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:active\:stroke-green-600\/30:active { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .lg\:focus\:stroke-green-600\/40:focus { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:hover\:stroke-green-600\/40:hover { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:active\:stroke-green-600\/40:active { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .lg\:focus\:stroke-green-600\/50:focus { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:hover\:stroke-green-600\/50:hover { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:active\:stroke-green-600\/50:active { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .lg\:focus\:stroke-green-600\/60:focus { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:hover\:stroke-green-600\/60:hover { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:active\:stroke-green-600\/60:active { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .lg\:focus\:stroke-green-600\/70:focus { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:hover\:stroke-green-600\/70:hover { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:active\:stroke-green-600\/70:active { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .lg\:focus\:stroke-green-600\/80:focus { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:hover\:stroke-green-600\/80:hover { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:active\:stroke-green-600\/80:active { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .lg\:focus\:stroke-green-600\/90:focus { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:hover\:stroke-green-600\/90:hover { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:active\:stroke-green-600\/90:active { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .lg\:focus\:stroke-green-700:focus { + stroke: var(--green-700) + } + .lg\:hover\:stroke-green-700:hover { + stroke: var(--green-700) + } + .lg\:active\:stroke-green-700:active { + stroke: var(--green-700) + } + .lg\:focus\:stroke-green-700\/10:focus { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:hover\:stroke-green-700\/10:hover { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:active\:stroke-green-700\/10:active { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .lg\:focus\:stroke-green-700\/20:focus { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:hover\:stroke-green-700\/20:hover { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:active\:stroke-green-700\/20:active { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .lg\:focus\:stroke-green-700\/30:focus { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:hover\:stroke-green-700\/30:hover { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:active\:stroke-green-700\/30:active { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .lg\:focus\:stroke-green-700\/40:focus { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:hover\:stroke-green-700\/40:hover { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:active\:stroke-green-700\/40:active { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .lg\:focus\:stroke-green-700\/50:focus { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:hover\:stroke-green-700\/50:hover { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:active\:stroke-green-700\/50:active { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .lg\:focus\:stroke-green-700\/60:focus { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:hover\:stroke-green-700\/60:hover { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:active\:stroke-green-700\/60:active { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .lg\:focus\:stroke-green-700\/70:focus { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:hover\:stroke-green-700\/70:hover { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:active\:stroke-green-700\/70:active { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .lg\:focus\:stroke-green-700\/80:focus { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:hover\:stroke-green-700\/80:hover { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:active\:stroke-green-700\/80:active { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .lg\:focus\:stroke-green-700\/90:focus { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:hover\:stroke-green-700\/90:hover { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:active\:stroke-green-700\/90:active { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .lg\:focus\:stroke-green-800:focus { + stroke: var(--green-800) + } + .lg\:hover\:stroke-green-800:hover { + stroke: var(--green-800) + } + .lg\:active\:stroke-green-800:active { + stroke: var(--green-800) + } + .lg\:focus\:stroke-green-800\/10:focus { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:hover\:stroke-green-800\/10:hover { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:active\:stroke-green-800\/10:active { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .lg\:focus\:stroke-green-800\/20:focus { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:hover\:stroke-green-800\/20:hover { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:active\:stroke-green-800\/20:active { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .lg\:focus\:stroke-green-800\/30:focus { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:hover\:stroke-green-800\/30:hover { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:active\:stroke-green-800\/30:active { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .lg\:focus\:stroke-green-800\/40:focus { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:hover\:stroke-green-800\/40:hover { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:active\:stroke-green-800\/40:active { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .lg\:focus\:stroke-green-800\/50:focus { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:hover\:stroke-green-800\/50:hover { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:active\:stroke-green-800\/50:active { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .lg\:focus\:stroke-green-800\/60:focus { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:hover\:stroke-green-800\/60:hover { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:active\:stroke-green-800\/60:active { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .lg\:focus\:stroke-green-800\/70:focus { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:hover\:stroke-green-800\/70:hover { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:active\:stroke-green-800\/70:active { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .lg\:focus\:stroke-green-800\/80:focus { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:hover\:stroke-green-800\/80:hover { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:active\:stroke-green-800\/80:active { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .lg\:focus\:stroke-green-800\/90:focus { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:hover\:stroke-green-800\/90:hover { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:active\:stroke-green-800\/90:active { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .lg\:focus\:stroke-green-900:focus { + stroke: var(--green-900) + } + .lg\:hover\:stroke-green-900:hover { + stroke: var(--green-900) + } + .lg\:active\:stroke-green-900:active { + stroke: var(--green-900) + } + .lg\:focus\:stroke-green-900\/10:focus { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:hover\:stroke-green-900\/10:hover { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:active\:stroke-green-900\/10:active { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .lg\:focus\:stroke-green-900\/20:focus { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:hover\:stroke-green-900\/20:hover { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:active\:stroke-green-900\/20:active { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .lg\:focus\:stroke-green-900\/30:focus { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:hover\:stroke-green-900\/30:hover { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:active\:stroke-green-900\/30:active { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .lg\:focus\:stroke-green-900\/40:focus { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:hover\:stroke-green-900\/40:hover { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:active\:stroke-green-900\/40:active { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .lg\:focus\:stroke-green-900\/50:focus { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:hover\:stroke-green-900\/50:hover { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:active\:stroke-green-900\/50:active { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .lg\:focus\:stroke-green-900\/60:focus { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:hover\:stroke-green-900\/60:hover { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:active\:stroke-green-900\/60:active { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .lg\:focus\:stroke-green-900\/70:focus { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:hover\:stroke-green-900\/70:hover { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:active\:stroke-green-900\/70:active { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .lg\:focus\:stroke-green-900\/80:focus { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:hover\:stroke-green-900\/80:hover { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:active\:stroke-green-900\/80:active { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .lg\:focus\:stroke-green-900\/90:focus { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:hover\:stroke-green-900\/90:hover { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:active\:stroke-green-900\/90:active { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-50:focus { + stroke: var(--yellow-50) + } + .lg\:hover\:stroke-yellow-50:hover { + stroke: var(--yellow-50) + } + .lg\:active\:stroke-yellow-50:active { + stroke: var(--yellow-50) + } + .lg\:focus\:stroke-yellow-50\/10:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-50\/10:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-50\/10:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-50\/20:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-50\/20:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-50\/20:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-50\/30:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-50\/30:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-50\/30:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-50\/40:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-50\/40:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-50\/40:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-50\/50:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-50\/50:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-50\/50:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-50\/60:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-50\/60:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-50\/60:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-50\/70:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-50\/70:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-50\/70:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-50\/80:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-50\/80:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-50\/80:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-50\/90:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-50\/90:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-50\/90:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-100:focus { + stroke: var(--yellow-100) + } + .lg\:hover\:stroke-yellow-100:hover { + stroke: var(--yellow-100) + } + .lg\:active\:stroke-yellow-100:active { + stroke: var(--yellow-100) + } + .lg\:focus\:stroke-yellow-100\/10:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-100\/10:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-100\/10:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-100\/20:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-100\/20:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-100\/20:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-100\/30:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-100\/30:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-100\/30:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-100\/40:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-100\/40:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-100\/40:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-100\/50:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-100\/50:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-100\/50:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-100\/60:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-100\/60:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-100\/60:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-100\/70:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-100\/70:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-100\/70:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-100\/80:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-100\/80:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-100\/80:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-100\/90:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-100\/90:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-100\/90:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-200:focus { + stroke: var(--yellow-200) + } + .lg\:hover\:stroke-yellow-200:hover { + stroke: var(--yellow-200) + } + .lg\:active\:stroke-yellow-200:active { + stroke: var(--yellow-200) + } + .lg\:focus\:stroke-yellow-200\/10:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-200\/10:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-200\/10:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-200\/20:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-200\/20:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-200\/20:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-200\/30:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-200\/30:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-200\/30:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-200\/40:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-200\/40:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-200\/40:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-200\/50:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-200\/50:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-200\/50:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-200\/60:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-200\/60:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-200\/60:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-200\/70:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-200\/70:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-200\/70:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-200\/80:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-200\/80:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-200\/80:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-200\/90:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-200\/90:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-200\/90:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-300:focus { + stroke: var(--yellow-300) + } + .lg\:hover\:stroke-yellow-300:hover { + stroke: var(--yellow-300) + } + .lg\:active\:stroke-yellow-300:active { + stroke: var(--yellow-300) + } + .lg\:focus\:stroke-yellow-300\/10:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-300\/10:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-300\/10:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-300\/20:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-300\/20:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-300\/20:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-300\/30:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-300\/30:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-300\/30:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-300\/40:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-300\/40:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-300\/40:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-300\/50:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-300\/50:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-300\/50:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-300\/60:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-300\/60:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-300\/60:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-300\/70:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-300\/70:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-300\/70:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-300\/80:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-300\/80:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-300\/80:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-300\/90:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-300\/90:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-300\/90:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-400:focus { + stroke: var(--yellow-400) + } + .lg\:hover\:stroke-yellow-400:hover { + stroke: var(--yellow-400) + } + .lg\:active\:stroke-yellow-400:active { + stroke: var(--yellow-400) + } + .lg\:focus\:stroke-yellow-400\/10:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-400\/10:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-400\/10:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-400\/20:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-400\/20:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-400\/20:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-400\/30:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-400\/30:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-400\/30:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-400\/40:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-400\/40:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-400\/40:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-400\/50:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-400\/50:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-400\/50:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-400\/60:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-400\/60:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-400\/60:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-400\/70:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-400\/70:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-400\/70:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-400\/80:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-400\/80:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-400\/80:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-400\/90:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-400\/90:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-400\/90:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-500:focus { + stroke: var(--yellow-500) + } + .lg\:hover\:stroke-yellow-500:hover { + stroke: var(--yellow-500) + } + .lg\:active\:stroke-yellow-500:active { + stroke: var(--yellow-500) + } + .lg\:focus\:stroke-yellow-500\/10:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-500\/10:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-500\/10:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-500\/20:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-500\/20:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-500\/20:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-500\/30:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-500\/30:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-500\/30:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-500\/40:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-500\/40:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-500\/40:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-500\/50:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-500\/50:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-500\/50:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-500\/60:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-500\/60:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-500\/60:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-500\/70:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-500\/70:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-500\/70:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-500\/80:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-500\/80:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-500\/80:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-500\/90:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-500\/90:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-500\/90:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-600:focus { + stroke: var(--yellow-600) + } + .lg\:hover\:stroke-yellow-600:hover { + stroke: var(--yellow-600) + } + .lg\:active\:stroke-yellow-600:active { + stroke: var(--yellow-600) + } + .lg\:focus\:stroke-yellow-600\/10:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-600\/10:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-600\/10:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-600\/20:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-600\/20:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-600\/20:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-600\/30:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-600\/30:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-600\/30:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-600\/40:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-600\/40:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-600\/40:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-600\/50:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-600\/50:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-600\/50:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-600\/60:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-600\/60:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-600\/60:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-600\/70:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-600\/70:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-600\/70:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-600\/80:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-600\/80:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-600\/80:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-600\/90:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-600\/90:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-600\/90:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-700:focus { + stroke: var(--yellow-700) + } + .lg\:hover\:stroke-yellow-700:hover { + stroke: var(--yellow-700) + } + .lg\:active\:stroke-yellow-700:active { + stroke: var(--yellow-700) + } + .lg\:focus\:stroke-yellow-700\/10:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-700\/10:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-700\/10:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-700\/20:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-700\/20:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-700\/20:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-700\/30:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-700\/30:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-700\/30:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-700\/40:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-700\/40:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-700\/40:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-700\/50:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-700\/50:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-700\/50:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-700\/60:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-700\/60:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-700\/60:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-700\/70:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-700\/70:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-700\/70:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-700\/80:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-700\/80:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-700\/80:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-700\/90:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-700\/90:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-700\/90:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-800:focus { + stroke: var(--yellow-800) + } + .lg\:hover\:stroke-yellow-800:hover { + stroke: var(--yellow-800) + } + .lg\:active\:stroke-yellow-800:active { + stroke: var(--yellow-800) + } + .lg\:focus\:stroke-yellow-800\/10:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-800\/10:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-800\/10:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-800\/20:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-800\/20:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-800\/20:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-800\/30:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-800\/30:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-800\/30:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-800\/40:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-800\/40:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-800\/40:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-800\/50:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-800\/50:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-800\/50:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-800\/60:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-800\/60:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-800\/60:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-800\/70:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-800\/70:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-800\/70:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-800\/80:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-800\/80:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-800\/80:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-800\/90:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-800\/90:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-800\/90:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .lg\:focus\:stroke-yellow-900:focus { + stroke: var(--yellow-900) + } + .lg\:hover\:stroke-yellow-900:hover { + stroke: var(--yellow-900) + } + .lg\:active\:stroke-yellow-900:active { + stroke: var(--yellow-900) + } + .lg\:focus\:stroke-yellow-900\/10:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:hover\:stroke-yellow-900\/10:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:active\:stroke-yellow-900\/10:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .lg\:focus\:stroke-yellow-900\/20:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:hover\:stroke-yellow-900\/20:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:active\:stroke-yellow-900\/20:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .lg\:focus\:stroke-yellow-900\/30:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:hover\:stroke-yellow-900\/30:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:active\:stroke-yellow-900\/30:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .lg\:focus\:stroke-yellow-900\/40:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:hover\:stroke-yellow-900\/40:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:active\:stroke-yellow-900\/40:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .lg\:focus\:stroke-yellow-900\/50:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:hover\:stroke-yellow-900\/50:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:active\:stroke-yellow-900\/50:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .lg\:focus\:stroke-yellow-900\/60:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:hover\:stroke-yellow-900\/60:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:active\:stroke-yellow-900\/60:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .lg\:focus\:stroke-yellow-900\/70:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:hover\:stroke-yellow-900\/70:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:active\:stroke-yellow-900\/70:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .lg\:focus\:stroke-yellow-900\/80:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:hover\:stroke-yellow-900\/80:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:active\:stroke-yellow-900\/80:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .lg\:focus\:stroke-yellow-900\/90:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:hover\:stroke-yellow-900\/90:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:active\:stroke-yellow-900\/90:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-50:focus { + stroke: var(--cyan-50) + } + .lg\:hover\:stroke-cyan-50:hover { + stroke: var(--cyan-50) + } + .lg\:active\:stroke-cyan-50:active { + stroke: var(--cyan-50) + } + .lg\:focus\:stroke-cyan-50\/10:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-50\/10:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-50\/10:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-50\/20:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-50\/20:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-50\/20:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-50\/30:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-50\/30:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-50\/30:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-50\/40:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-50\/40:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-50\/40:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-50\/50:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-50\/50:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-50\/50:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-50\/60:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-50\/60:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-50\/60:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-50\/70:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-50\/70:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-50\/70:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-50\/80:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-50\/80:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-50\/80:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-50\/90:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-50\/90:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-50\/90:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-100:focus { + stroke: var(--cyan-100) + } + .lg\:hover\:stroke-cyan-100:hover { + stroke: var(--cyan-100) + } + .lg\:active\:stroke-cyan-100:active { + stroke: var(--cyan-100) + } + .lg\:focus\:stroke-cyan-100\/10:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-100\/10:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-100\/10:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-100\/20:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-100\/20:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-100\/20:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-100\/30:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-100\/30:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-100\/30:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-100\/40:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-100\/40:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-100\/40:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-100\/50:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-100\/50:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-100\/50:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-100\/60:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-100\/60:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-100\/60:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-100\/70:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-100\/70:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-100\/70:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-100\/80:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-100\/80:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-100\/80:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-100\/90:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-100\/90:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-100\/90:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-200:focus { + stroke: var(--cyan-200) + } + .lg\:hover\:stroke-cyan-200:hover { + stroke: var(--cyan-200) + } + .lg\:active\:stroke-cyan-200:active { + stroke: var(--cyan-200) + } + .lg\:focus\:stroke-cyan-200\/10:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-200\/10:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-200\/10:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-200\/20:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-200\/20:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-200\/20:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-200\/30:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-200\/30:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-200\/30:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-200\/40:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-200\/40:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-200\/40:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-200\/50:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-200\/50:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-200\/50:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-200\/60:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-200\/60:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-200\/60:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-200\/70:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-200\/70:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-200\/70:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-200\/80:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-200\/80:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-200\/80:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-200\/90:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-200\/90:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-200\/90:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-300:focus { + stroke: var(--cyan-300) + } + .lg\:hover\:stroke-cyan-300:hover { + stroke: var(--cyan-300) + } + .lg\:active\:stroke-cyan-300:active { + stroke: var(--cyan-300) + } + .lg\:focus\:stroke-cyan-300\/10:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-300\/10:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-300\/10:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-300\/20:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-300\/20:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-300\/20:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-300\/30:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-300\/30:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-300\/30:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-300\/40:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-300\/40:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-300\/40:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-300\/50:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-300\/50:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-300\/50:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-300\/60:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-300\/60:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-300\/60:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-300\/70:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-300\/70:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-300\/70:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-300\/80:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-300\/80:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-300\/80:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-300\/90:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-300\/90:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-300\/90:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-400:focus { + stroke: var(--cyan-400) + } + .lg\:hover\:stroke-cyan-400:hover { + stroke: var(--cyan-400) + } + .lg\:active\:stroke-cyan-400:active { + stroke: var(--cyan-400) + } + .lg\:focus\:stroke-cyan-400\/10:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-400\/10:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-400\/10:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-400\/20:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-400\/20:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-400\/20:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-400\/30:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-400\/30:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-400\/30:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-400\/40:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-400\/40:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-400\/40:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-400\/50:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-400\/50:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-400\/50:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-400\/60:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-400\/60:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-400\/60:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-400\/70:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-400\/70:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-400\/70:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-400\/80:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-400\/80:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-400\/80:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-400\/90:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-400\/90:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-400\/90:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-500:focus { + stroke: var(--cyan-500) + } + .lg\:hover\:stroke-cyan-500:hover { + stroke: var(--cyan-500) + } + .lg\:active\:stroke-cyan-500:active { + stroke: var(--cyan-500) + } + .lg\:focus\:stroke-cyan-500\/10:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-500\/10:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-500\/10:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-500\/20:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-500\/20:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-500\/20:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-500\/30:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-500\/30:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-500\/30:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-500\/40:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-500\/40:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-500\/40:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-500\/50:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-500\/50:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-500\/50:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-500\/60:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-500\/60:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-500\/60:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-500\/70:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-500\/70:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-500\/70:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-500\/80:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-500\/80:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-500\/80:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-500\/90:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-500\/90:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-500\/90:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-600:focus { + stroke: var(--cyan-600) + } + .lg\:hover\:stroke-cyan-600:hover { + stroke: var(--cyan-600) + } + .lg\:active\:stroke-cyan-600:active { + stroke: var(--cyan-600) + } + .lg\:focus\:stroke-cyan-600\/10:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-600\/10:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-600\/10:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-600\/20:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-600\/20:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-600\/20:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-600\/30:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-600\/30:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-600\/30:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-600\/40:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-600\/40:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-600\/40:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-600\/50:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-600\/50:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-600\/50:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-600\/60:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-600\/60:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-600\/60:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-600\/70:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-600\/70:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-600\/70:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-600\/80:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-600\/80:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-600\/80:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-600\/90:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-600\/90:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-600\/90:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-700:focus { + stroke: var(--cyan-700) + } + .lg\:hover\:stroke-cyan-700:hover { + stroke: var(--cyan-700) + } + .lg\:active\:stroke-cyan-700:active { + stroke: var(--cyan-700) + } + .lg\:focus\:stroke-cyan-700\/10:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-700\/10:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-700\/10:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-700\/20:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-700\/20:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-700\/20:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-700\/30:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-700\/30:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-700\/30:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-700\/40:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-700\/40:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-700\/40:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-700\/50:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-700\/50:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-700\/50:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-700\/60:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-700\/60:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-700\/60:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-700\/70:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-700\/70:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-700\/70:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-700\/80:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-700\/80:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-700\/80:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-700\/90:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-700\/90:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-700\/90:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-800:focus { + stroke: var(--cyan-800) + } + .lg\:hover\:stroke-cyan-800:hover { + stroke: var(--cyan-800) + } + .lg\:active\:stroke-cyan-800:active { + stroke: var(--cyan-800) + } + .lg\:focus\:stroke-cyan-800\/10:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-800\/10:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-800\/10:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-800\/20:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-800\/20:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-800\/20:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-800\/30:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-800\/30:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-800\/30:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-800\/40:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-800\/40:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-800\/40:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-800\/50:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-800\/50:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-800\/50:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-800\/60:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-800\/60:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-800\/60:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-800\/70:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-800\/70:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-800\/70:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-800\/80:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-800\/80:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-800\/80:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-800\/90:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-800\/90:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-800\/90:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .lg\:focus\:stroke-cyan-900:focus { + stroke: var(--cyan-900) + } + .lg\:hover\:stroke-cyan-900:hover { + stroke: var(--cyan-900) + } + .lg\:active\:stroke-cyan-900:active { + stroke: var(--cyan-900) + } + .lg\:focus\:stroke-cyan-900\/10:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:hover\:stroke-cyan-900\/10:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:active\:stroke-cyan-900\/10:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .lg\:focus\:stroke-cyan-900\/20:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:hover\:stroke-cyan-900\/20:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:active\:stroke-cyan-900\/20:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .lg\:focus\:stroke-cyan-900\/30:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:hover\:stroke-cyan-900\/30:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:active\:stroke-cyan-900\/30:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .lg\:focus\:stroke-cyan-900\/40:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:hover\:stroke-cyan-900\/40:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:active\:stroke-cyan-900\/40:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .lg\:focus\:stroke-cyan-900\/50:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:hover\:stroke-cyan-900\/50:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:active\:stroke-cyan-900\/50:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .lg\:focus\:stroke-cyan-900\/60:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:hover\:stroke-cyan-900\/60:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:active\:stroke-cyan-900\/60:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .lg\:focus\:stroke-cyan-900\/70:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:hover\:stroke-cyan-900\/70:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:active\:stroke-cyan-900\/70:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .lg\:focus\:stroke-cyan-900\/80:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:hover\:stroke-cyan-900\/80:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:active\:stroke-cyan-900\/80:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .lg\:focus\:stroke-cyan-900\/90:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:hover\:stroke-cyan-900\/90:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:active\:stroke-cyan-900\/90:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-50:focus { + stroke: var(--pink-50) + } + .lg\:hover\:stroke-pink-50:hover { + stroke: var(--pink-50) + } + .lg\:active\:stroke-pink-50:active { + stroke: var(--pink-50) + } + .lg\:focus\:stroke-pink-50\/10:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-50\/10:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:active\:stroke-pink-50\/10:active { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-50\/20:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-50\/20:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:active\:stroke-pink-50\/20:active { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-50\/30:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-50\/30:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:active\:stroke-pink-50\/30:active { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-50\/40:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-50\/40:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:active\:stroke-pink-50\/40:active { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-50\/50:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-50\/50:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:active\:stroke-pink-50\/50:active { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-50\/60:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-50\/60:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:active\:stroke-pink-50\/60:active { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-50\/70:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-50\/70:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:active\:stroke-pink-50\/70:active { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-50\/80:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-50\/80:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:active\:stroke-pink-50\/80:active { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-50\/90:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-50\/90:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:active\:stroke-pink-50\/90:active { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-100:focus { + stroke: var(--pink-100) + } + .lg\:hover\:stroke-pink-100:hover { + stroke: var(--pink-100) + } + .lg\:active\:stroke-pink-100:active { + stroke: var(--pink-100) + } + .lg\:focus\:stroke-pink-100\/10:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-100\/10:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:active\:stroke-pink-100\/10:active { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-100\/20:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-100\/20:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:active\:stroke-pink-100\/20:active { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-100\/30:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-100\/30:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:active\:stroke-pink-100\/30:active { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-100\/40:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-100\/40:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:active\:stroke-pink-100\/40:active { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-100\/50:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-100\/50:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:active\:stroke-pink-100\/50:active { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-100\/60:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-100\/60:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:active\:stroke-pink-100\/60:active { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-100\/70:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-100\/70:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:active\:stroke-pink-100\/70:active { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-100\/80:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-100\/80:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:active\:stroke-pink-100\/80:active { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-100\/90:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-100\/90:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:active\:stroke-pink-100\/90:active { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-200:focus { + stroke: var(--pink-200) + } + .lg\:hover\:stroke-pink-200:hover { + stroke: var(--pink-200) + } + .lg\:active\:stroke-pink-200:active { + stroke: var(--pink-200) + } + .lg\:focus\:stroke-pink-200\/10:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-200\/10:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:active\:stroke-pink-200\/10:active { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-200\/20:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-200\/20:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:active\:stroke-pink-200\/20:active { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-200\/30:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-200\/30:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:active\:stroke-pink-200\/30:active { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-200\/40:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-200\/40:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:active\:stroke-pink-200\/40:active { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-200\/50:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-200\/50:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:active\:stroke-pink-200\/50:active { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-200\/60:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-200\/60:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:active\:stroke-pink-200\/60:active { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-200\/70:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-200\/70:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:active\:stroke-pink-200\/70:active { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-200\/80:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-200\/80:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:active\:stroke-pink-200\/80:active { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-200\/90:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-200\/90:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:active\:stroke-pink-200\/90:active { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-300:focus { + stroke: var(--pink-300) + } + .lg\:hover\:stroke-pink-300:hover { + stroke: var(--pink-300) + } + .lg\:active\:stroke-pink-300:active { + stroke: var(--pink-300) + } + .lg\:focus\:stroke-pink-300\/10:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-300\/10:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:active\:stroke-pink-300\/10:active { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-300\/20:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-300\/20:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:active\:stroke-pink-300\/20:active { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-300\/30:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-300\/30:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:active\:stroke-pink-300\/30:active { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-300\/40:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-300\/40:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:active\:stroke-pink-300\/40:active { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-300\/50:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-300\/50:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:active\:stroke-pink-300\/50:active { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-300\/60:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-300\/60:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:active\:stroke-pink-300\/60:active { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-300\/70:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-300\/70:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:active\:stroke-pink-300\/70:active { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-300\/80:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-300\/80:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:active\:stroke-pink-300\/80:active { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-300\/90:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-300\/90:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:active\:stroke-pink-300\/90:active { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-400:focus { + stroke: var(--pink-400) + } + .lg\:hover\:stroke-pink-400:hover { + stroke: var(--pink-400) + } + .lg\:active\:stroke-pink-400:active { + stroke: var(--pink-400) + } + .lg\:focus\:stroke-pink-400\/10:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-400\/10:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:active\:stroke-pink-400\/10:active { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-400\/20:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-400\/20:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:active\:stroke-pink-400\/20:active { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-400\/30:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-400\/30:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:active\:stroke-pink-400\/30:active { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-400\/40:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-400\/40:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:active\:stroke-pink-400\/40:active { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-400\/50:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-400\/50:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:active\:stroke-pink-400\/50:active { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-400\/60:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-400\/60:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:active\:stroke-pink-400\/60:active { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-400\/70:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-400\/70:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:active\:stroke-pink-400\/70:active { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-400\/80:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-400\/80:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:active\:stroke-pink-400\/80:active { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-400\/90:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-400\/90:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:active\:stroke-pink-400\/90:active { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-500:focus { + stroke: var(--pink-500) + } + .lg\:hover\:stroke-pink-500:hover { + stroke: var(--pink-500) + } + .lg\:active\:stroke-pink-500:active { + stroke: var(--pink-500) + } + .lg\:focus\:stroke-pink-500\/10:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-500\/10:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:active\:stroke-pink-500\/10:active { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-500\/20:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-500\/20:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:active\:stroke-pink-500\/20:active { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-500\/30:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-500\/30:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:active\:stroke-pink-500\/30:active { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-500\/40:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-500\/40:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:active\:stroke-pink-500\/40:active { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-500\/50:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-500\/50:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:active\:stroke-pink-500\/50:active { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-500\/60:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-500\/60:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:active\:stroke-pink-500\/60:active { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-500\/70:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-500\/70:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:active\:stroke-pink-500\/70:active { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-500\/80:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-500\/80:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:active\:stroke-pink-500\/80:active { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-500\/90:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-500\/90:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:active\:stroke-pink-500\/90:active { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-600:focus { + stroke: var(--pink-600) + } + .lg\:hover\:stroke-pink-600:hover { + stroke: var(--pink-600) + } + .lg\:active\:stroke-pink-600:active { + stroke: var(--pink-600) + } + .lg\:focus\:stroke-pink-600\/10:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-600\/10:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:active\:stroke-pink-600\/10:active { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-600\/20:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-600\/20:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:active\:stroke-pink-600\/20:active { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-600\/30:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-600\/30:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:active\:stroke-pink-600\/30:active { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-600\/40:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-600\/40:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:active\:stroke-pink-600\/40:active { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-600\/50:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-600\/50:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:active\:stroke-pink-600\/50:active { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-600\/60:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-600\/60:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:active\:stroke-pink-600\/60:active { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-600\/70:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-600\/70:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:active\:stroke-pink-600\/70:active { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-600\/80:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-600\/80:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:active\:stroke-pink-600\/80:active { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-600\/90:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-600\/90:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:active\:stroke-pink-600\/90:active { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-700:focus { + stroke: var(--pink-700) + } + .lg\:hover\:stroke-pink-700:hover { + stroke: var(--pink-700) + } + .lg\:active\:stroke-pink-700:active { + stroke: var(--pink-700) + } + .lg\:focus\:stroke-pink-700\/10:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-700\/10:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:active\:stroke-pink-700\/10:active { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-700\/20:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-700\/20:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:active\:stroke-pink-700\/20:active { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-700\/30:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-700\/30:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:active\:stroke-pink-700\/30:active { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-700\/40:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-700\/40:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:active\:stroke-pink-700\/40:active { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-700\/50:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-700\/50:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:active\:stroke-pink-700\/50:active { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-700\/60:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-700\/60:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:active\:stroke-pink-700\/60:active { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-700\/70:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-700\/70:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:active\:stroke-pink-700\/70:active { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-700\/80:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-700\/80:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:active\:stroke-pink-700\/80:active { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-700\/90:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-700\/90:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:active\:stroke-pink-700\/90:active { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-800:focus { + stroke: var(--pink-800) + } + .lg\:hover\:stroke-pink-800:hover { + stroke: var(--pink-800) + } + .lg\:active\:stroke-pink-800:active { + stroke: var(--pink-800) + } + .lg\:focus\:stroke-pink-800\/10:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-800\/10:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:active\:stroke-pink-800\/10:active { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-800\/20:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-800\/20:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:active\:stroke-pink-800\/20:active { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-800\/30:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-800\/30:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:active\:stroke-pink-800\/30:active { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-800\/40:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-800\/40:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:active\:stroke-pink-800\/40:active { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-800\/50:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-800\/50:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:active\:stroke-pink-800\/50:active { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-800\/60:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-800\/60:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:active\:stroke-pink-800\/60:active { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-800\/70:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-800\/70:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:active\:stroke-pink-800\/70:active { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-800\/80:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-800\/80:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:active\:stroke-pink-800\/80:active { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-800\/90:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-800\/90:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:active\:stroke-pink-800\/90:active { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .lg\:focus\:stroke-pink-900:focus { + stroke: var(--pink-900) + } + .lg\:hover\:stroke-pink-900:hover { + stroke: var(--pink-900) + } + .lg\:active\:stroke-pink-900:active { + stroke: var(--pink-900) + } + .lg\:focus\:stroke-pink-900\/10:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:hover\:stroke-pink-900\/10:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:active\:stroke-pink-900\/10:active { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .lg\:focus\:stroke-pink-900\/20:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:hover\:stroke-pink-900\/20:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:active\:stroke-pink-900\/20:active { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .lg\:focus\:stroke-pink-900\/30:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:hover\:stroke-pink-900\/30:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:active\:stroke-pink-900\/30:active { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .lg\:focus\:stroke-pink-900\/40:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:hover\:stroke-pink-900\/40:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:active\:stroke-pink-900\/40:active { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .lg\:focus\:stroke-pink-900\/50:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:hover\:stroke-pink-900\/50:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:active\:stroke-pink-900\/50:active { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .lg\:focus\:stroke-pink-900\/60:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:hover\:stroke-pink-900\/60:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:active\:stroke-pink-900\/60:active { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .lg\:focus\:stroke-pink-900\/70:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:hover\:stroke-pink-900\/70:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:active\:stroke-pink-900\/70:active { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .lg\:focus\:stroke-pink-900\/80:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:hover\:stroke-pink-900\/80:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:active\:stroke-pink-900\/80:active { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .lg\:focus\:stroke-pink-900\/90:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:hover\:stroke-pink-900\/90:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:active\:stroke-pink-900\/90:active { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-50:focus { + stroke: var(--indigo-50) + } + .lg\:hover\:stroke-indigo-50:hover { + stroke: var(--indigo-50) + } + .lg\:active\:stroke-indigo-50:active { + stroke: var(--indigo-50) + } + .lg\:focus\:stroke-indigo-50\/10:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-50\/10:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-50\/10:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-50\/20:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-50\/20:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-50\/20:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-50\/30:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-50\/30:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-50\/30:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-50\/40:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-50\/40:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-50\/40:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-50\/50:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-50\/50:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-50\/50:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-50\/60:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-50\/60:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-50\/60:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-50\/70:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-50\/70:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-50\/70:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-50\/80:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-50\/80:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-50\/80:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-50\/90:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-50\/90:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-50\/90:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-100:focus { + stroke: var(--indigo-100) + } + .lg\:hover\:stroke-indigo-100:hover { + stroke: var(--indigo-100) + } + .lg\:active\:stroke-indigo-100:active { + stroke: var(--indigo-100) + } + .lg\:focus\:stroke-indigo-100\/10:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-100\/10:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-100\/10:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-100\/20:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-100\/20:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-100\/20:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-100\/30:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-100\/30:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-100\/30:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-100\/40:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-100\/40:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-100\/40:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-100\/50:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-100\/50:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-100\/50:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-100\/60:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-100\/60:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-100\/60:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-100\/70:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-100\/70:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-100\/70:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-100\/80:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-100\/80:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-100\/80:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-100\/90:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-100\/90:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-100\/90:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-200:focus { + stroke: var(--indigo-200) + } + .lg\:hover\:stroke-indigo-200:hover { + stroke: var(--indigo-200) + } + .lg\:active\:stroke-indigo-200:active { + stroke: var(--indigo-200) + } + .lg\:focus\:stroke-indigo-200\/10:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-200\/10:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-200\/10:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-200\/20:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-200\/20:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-200\/20:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-200\/30:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-200\/30:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-200\/30:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-200\/40:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-200\/40:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-200\/40:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-200\/50:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-200\/50:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-200\/50:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-200\/60:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-200\/60:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-200\/60:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-200\/70:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-200\/70:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-200\/70:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-200\/80:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-200\/80:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-200\/80:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-200\/90:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-200\/90:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-200\/90:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-300:focus { + stroke: var(--indigo-300) + } + .lg\:hover\:stroke-indigo-300:hover { + stroke: var(--indigo-300) + } + .lg\:active\:stroke-indigo-300:active { + stroke: var(--indigo-300) + } + .lg\:focus\:stroke-indigo-300\/10:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-300\/10:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-300\/10:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-300\/20:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-300\/20:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-300\/20:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-300\/30:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-300\/30:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-300\/30:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-300\/40:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-300\/40:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-300\/40:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-300\/50:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-300\/50:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-300\/50:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-300\/60:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-300\/60:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-300\/60:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-300\/70:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-300\/70:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-300\/70:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-300\/80:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-300\/80:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-300\/80:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-300\/90:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-300\/90:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-300\/90:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-400:focus { + stroke: var(--indigo-400) + } + .lg\:hover\:stroke-indigo-400:hover { + stroke: var(--indigo-400) + } + .lg\:active\:stroke-indigo-400:active { + stroke: var(--indigo-400) + } + .lg\:focus\:stroke-indigo-400\/10:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-400\/10:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-400\/10:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-400\/20:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-400\/20:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-400\/20:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-400\/30:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-400\/30:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-400\/30:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-400\/40:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-400\/40:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-400\/40:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-400\/50:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-400\/50:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-400\/50:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-400\/60:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-400\/60:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-400\/60:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-400\/70:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-400\/70:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-400\/70:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-400\/80:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-400\/80:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-400\/80:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-400\/90:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-400\/90:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-400\/90:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-500:focus { + stroke: var(--indigo-500) + } + .lg\:hover\:stroke-indigo-500:hover { + stroke: var(--indigo-500) + } + .lg\:active\:stroke-indigo-500:active { + stroke: var(--indigo-500) + } + .lg\:focus\:stroke-indigo-500\/10:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-500\/10:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-500\/10:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-500\/20:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-500\/20:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-500\/20:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-500\/30:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-500\/30:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-500\/30:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-500\/40:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-500\/40:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-500\/40:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-500\/50:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-500\/50:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-500\/50:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-500\/60:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-500\/60:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-500\/60:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-500\/70:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-500\/70:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-500\/70:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-500\/80:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-500\/80:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-500\/80:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-500\/90:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-500\/90:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-500\/90:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-600:focus { + stroke: var(--indigo-600) + } + .lg\:hover\:stroke-indigo-600:hover { + stroke: var(--indigo-600) + } + .lg\:active\:stroke-indigo-600:active { + stroke: var(--indigo-600) + } + .lg\:focus\:stroke-indigo-600\/10:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-600\/10:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-600\/10:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-600\/20:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-600\/20:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-600\/20:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-600\/30:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-600\/30:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-600\/30:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-600\/40:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-600\/40:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-600\/40:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-600\/50:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-600\/50:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-600\/50:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-600\/60:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-600\/60:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-600\/60:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-600\/70:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-600\/70:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-600\/70:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-600\/80:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-600\/80:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-600\/80:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-600\/90:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-600\/90:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-600\/90:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-700:focus { + stroke: var(--indigo-700) + } + .lg\:hover\:stroke-indigo-700:hover { + stroke: var(--indigo-700) + } + .lg\:active\:stroke-indigo-700:active { + stroke: var(--indigo-700) + } + .lg\:focus\:stroke-indigo-700\/10:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-700\/10:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-700\/10:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-700\/20:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-700\/20:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-700\/20:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-700\/30:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-700\/30:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-700\/30:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-700\/40:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-700\/40:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-700\/40:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-700\/50:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-700\/50:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-700\/50:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-700\/60:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-700\/60:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-700\/60:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-700\/70:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-700\/70:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-700\/70:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-700\/80:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-700\/80:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-700\/80:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-700\/90:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-700\/90:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-700\/90:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-800:focus { + stroke: var(--indigo-800) + } + .lg\:hover\:stroke-indigo-800:hover { + stroke: var(--indigo-800) + } + .lg\:active\:stroke-indigo-800:active { + stroke: var(--indigo-800) + } + .lg\:focus\:stroke-indigo-800\/10:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-800\/10:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-800\/10:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-800\/20:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-800\/20:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-800\/20:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-800\/30:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-800\/30:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-800\/30:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-800\/40:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-800\/40:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-800\/40:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-800\/50:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-800\/50:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-800\/50:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-800\/60:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-800\/60:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-800\/60:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-800\/70:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-800\/70:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-800\/70:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-800\/80:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-800\/80:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-800\/80:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-800\/90:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-800\/90:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-800\/90:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .lg\:focus\:stroke-indigo-900:focus { + stroke: var(--indigo-900) + } + .lg\:hover\:stroke-indigo-900:hover { + stroke: var(--indigo-900) + } + .lg\:active\:stroke-indigo-900:active { + stroke: var(--indigo-900) + } + .lg\:focus\:stroke-indigo-900\/10:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:hover\:stroke-indigo-900\/10:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:active\:stroke-indigo-900\/10:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .lg\:focus\:stroke-indigo-900\/20:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:hover\:stroke-indigo-900\/20:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:active\:stroke-indigo-900\/20:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .lg\:focus\:stroke-indigo-900\/30:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:hover\:stroke-indigo-900\/30:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:active\:stroke-indigo-900\/30:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .lg\:focus\:stroke-indigo-900\/40:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:hover\:stroke-indigo-900\/40:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:active\:stroke-indigo-900\/40:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .lg\:focus\:stroke-indigo-900\/50:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:hover\:stroke-indigo-900\/50:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:active\:stroke-indigo-900\/50:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .lg\:focus\:stroke-indigo-900\/60:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:hover\:stroke-indigo-900\/60:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:active\:stroke-indigo-900\/60:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .lg\:focus\:stroke-indigo-900\/70:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:hover\:stroke-indigo-900\/70:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:active\:stroke-indigo-900\/70:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .lg\:focus\:stroke-indigo-900\/80:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:hover\:stroke-indigo-900\/80:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:active\:stroke-indigo-900\/80:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .lg\:focus\:stroke-indigo-900\/90:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:hover\:stroke-indigo-900\/90:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:active\:stroke-indigo-900\/90:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-50:focus { + stroke: var(--teal-50) + } + .lg\:hover\:stroke-teal-50:hover { + stroke: var(--teal-50) + } + .lg\:active\:stroke-teal-50:active { + stroke: var(--teal-50) + } + .lg\:focus\:stroke-teal-50\/10:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-50\/10:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:active\:stroke-teal-50\/10:active { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-50\/20:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-50\/20:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:active\:stroke-teal-50\/20:active { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-50\/30:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-50\/30:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:active\:stroke-teal-50\/30:active { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-50\/40:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-50\/40:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:active\:stroke-teal-50\/40:active { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-50\/50:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-50\/50:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:active\:stroke-teal-50\/50:active { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-50\/60:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-50\/60:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:active\:stroke-teal-50\/60:active { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-50\/70:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-50\/70:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:active\:stroke-teal-50\/70:active { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-50\/80:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-50\/80:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:active\:stroke-teal-50\/80:active { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-50\/90:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-50\/90:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:active\:stroke-teal-50\/90:active { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-100:focus { + stroke: var(--teal-100) + } + .lg\:hover\:stroke-teal-100:hover { + stroke: var(--teal-100) + } + .lg\:active\:stroke-teal-100:active { + stroke: var(--teal-100) + } + .lg\:focus\:stroke-teal-100\/10:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-100\/10:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:active\:stroke-teal-100\/10:active { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-100\/20:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-100\/20:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:active\:stroke-teal-100\/20:active { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-100\/30:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-100\/30:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:active\:stroke-teal-100\/30:active { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-100\/40:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-100\/40:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:active\:stroke-teal-100\/40:active { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-100\/50:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-100\/50:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:active\:stroke-teal-100\/50:active { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-100\/60:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-100\/60:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:active\:stroke-teal-100\/60:active { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-100\/70:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-100\/70:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:active\:stroke-teal-100\/70:active { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-100\/80:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-100\/80:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:active\:stroke-teal-100\/80:active { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-100\/90:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-100\/90:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:active\:stroke-teal-100\/90:active { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-200:focus { + stroke: var(--teal-200) + } + .lg\:hover\:stroke-teal-200:hover { + stroke: var(--teal-200) + } + .lg\:active\:stroke-teal-200:active { + stroke: var(--teal-200) + } + .lg\:focus\:stroke-teal-200\/10:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-200\/10:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:active\:stroke-teal-200\/10:active { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-200\/20:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-200\/20:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:active\:stroke-teal-200\/20:active { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-200\/30:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-200\/30:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:active\:stroke-teal-200\/30:active { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-200\/40:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-200\/40:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:active\:stroke-teal-200\/40:active { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-200\/50:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-200\/50:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:active\:stroke-teal-200\/50:active { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-200\/60:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-200\/60:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:active\:stroke-teal-200\/60:active { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-200\/70:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-200\/70:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:active\:stroke-teal-200\/70:active { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-200\/80:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-200\/80:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:active\:stroke-teal-200\/80:active { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-200\/90:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-200\/90:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:active\:stroke-teal-200\/90:active { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-300:focus { + stroke: var(--teal-300) + } + .lg\:hover\:stroke-teal-300:hover { + stroke: var(--teal-300) + } + .lg\:active\:stroke-teal-300:active { + stroke: var(--teal-300) + } + .lg\:focus\:stroke-teal-300\/10:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-300\/10:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:active\:stroke-teal-300\/10:active { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-300\/20:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-300\/20:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:active\:stroke-teal-300\/20:active { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-300\/30:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-300\/30:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:active\:stroke-teal-300\/30:active { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-300\/40:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-300\/40:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:active\:stroke-teal-300\/40:active { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-300\/50:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-300\/50:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:active\:stroke-teal-300\/50:active { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-300\/60:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-300\/60:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:active\:stroke-teal-300\/60:active { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-300\/70:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-300\/70:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:active\:stroke-teal-300\/70:active { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-300\/80:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-300\/80:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:active\:stroke-teal-300\/80:active { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-300\/90:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-300\/90:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:active\:stroke-teal-300\/90:active { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-400:focus { + stroke: var(--teal-400) + } + .lg\:hover\:stroke-teal-400:hover { + stroke: var(--teal-400) + } + .lg\:active\:stroke-teal-400:active { + stroke: var(--teal-400) + } + .lg\:focus\:stroke-teal-400\/10:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-400\/10:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:active\:stroke-teal-400\/10:active { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-400\/20:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-400\/20:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:active\:stroke-teal-400\/20:active { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-400\/30:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-400\/30:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:active\:stroke-teal-400\/30:active { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-400\/40:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-400\/40:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:active\:stroke-teal-400\/40:active { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-400\/50:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-400\/50:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:active\:stroke-teal-400\/50:active { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-400\/60:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-400\/60:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:active\:stroke-teal-400\/60:active { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-400\/70:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-400\/70:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:active\:stroke-teal-400\/70:active { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-400\/80:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-400\/80:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:active\:stroke-teal-400\/80:active { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-400\/90:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-400\/90:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:active\:stroke-teal-400\/90:active { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-500:focus { + stroke: var(--teal-500) + } + .lg\:hover\:stroke-teal-500:hover { + stroke: var(--teal-500) + } + .lg\:active\:stroke-teal-500:active { + stroke: var(--teal-500) + } + .lg\:focus\:stroke-teal-500\/10:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-500\/10:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:active\:stroke-teal-500\/10:active { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-500\/20:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-500\/20:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:active\:stroke-teal-500\/20:active { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-500\/30:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-500\/30:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:active\:stroke-teal-500\/30:active { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-500\/40:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-500\/40:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:active\:stroke-teal-500\/40:active { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-500\/50:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-500\/50:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:active\:stroke-teal-500\/50:active { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-500\/60:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-500\/60:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:active\:stroke-teal-500\/60:active { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-500\/70:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-500\/70:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:active\:stroke-teal-500\/70:active { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-500\/80:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-500\/80:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:active\:stroke-teal-500\/80:active { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-500\/90:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-500\/90:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:active\:stroke-teal-500\/90:active { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-600:focus { + stroke: var(--teal-600) + } + .lg\:hover\:stroke-teal-600:hover { + stroke: var(--teal-600) + } + .lg\:active\:stroke-teal-600:active { + stroke: var(--teal-600) + } + .lg\:focus\:stroke-teal-600\/10:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-600\/10:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:active\:stroke-teal-600\/10:active { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-600\/20:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-600\/20:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:active\:stroke-teal-600\/20:active { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-600\/30:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-600\/30:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:active\:stroke-teal-600\/30:active { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-600\/40:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-600\/40:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:active\:stroke-teal-600\/40:active { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-600\/50:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-600\/50:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:active\:stroke-teal-600\/50:active { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-600\/60:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-600\/60:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:active\:stroke-teal-600\/60:active { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-600\/70:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-600\/70:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:active\:stroke-teal-600\/70:active { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-600\/80:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-600\/80:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:active\:stroke-teal-600\/80:active { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-600\/90:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-600\/90:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:active\:stroke-teal-600\/90:active { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-700:focus { + stroke: var(--teal-700) + } + .lg\:hover\:stroke-teal-700:hover { + stroke: var(--teal-700) + } + .lg\:active\:stroke-teal-700:active { + stroke: var(--teal-700) + } + .lg\:focus\:stroke-teal-700\/10:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-700\/10:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:active\:stroke-teal-700\/10:active { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-700\/20:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-700\/20:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:active\:stroke-teal-700\/20:active { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-700\/30:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-700\/30:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:active\:stroke-teal-700\/30:active { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-700\/40:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-700\/40:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:active\:stroke-teal-700\/40:active { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-700\/50:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-700\/50:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:active\:stroke-teal-700\/50:active { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-700\/60:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-700\/60:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:active\:stroke-teal-700\/60:active { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-700\/70:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-700\/70:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:active\:stroke-teal-700\/70:active { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-700\/80:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-700\/80:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:active\:stroke-teal-700\/80:active { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-700\/90:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-700\/90:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:active\:stroke-teal-700\/90:active { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-800:focus { + stroke: var(--teal-800) + } + .lg\:hover\:stroke-teal-800:hover { + stroke: var(--teal-800) + } + .lg\:active\:stroke-teal-800:active { + stroke: var(--teal-800) + } + .lg\:focus\:stroke-teal-800\/10:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-800\/10:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:active\:stroke-teal-800\/10:active { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-800\/20:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-800\/20:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:active\:stroke-teal-800\/20:active { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-800\/30:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-800\/30:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:active\:stroke-teal-800\/30:active { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-800\/40:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-800\/40:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:active\:stroke-teal-800\/40:active { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-800\/50:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-800\/50:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:active\:stroke-teal-800\/50:active { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-800\/60:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-800\/60:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:active\:stroke-teal-800\/60:active { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-800\/70:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-800\/70:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:active\:stroke-teal-800\/70:active { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-800\/80:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-800\/80:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:active\:stroke-teal-800\/80:active { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-800\/90:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-800\/90:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:active\:stroke-teal-800\/90:active { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .lg\:focus\:stroke-teal-900:focus { + stroke: var(--teal-900) + } + .lg\:hover\:stroke-teal-900:hover { + stroke: var(--teal-900) + } + .lg\:active\:stroke-teal-900:active { + stroke: var(--teal-900) + } + .lg\:focus\:stroke-teal-900\/10:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:hover\:stroke-teal-900\/10:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:active\:stroke-teal-900\/10:active { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .lg\:focus\:stroke-teal-900\/20:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:hover\:stroke-teal-900\/20:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:active\:stroke-teal-900\/20:active { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .lg\:focus\:stroke-teal-900\/30:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:hover\:stroke-teal-900\/30:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:active\:stroke-teal-900\/30:active { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .lg\:focus\:stroke-teal-900\/40:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:hover\:stroke-teal-900\/40:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:active\:stroke-teal-900\/40:active { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .lg\:focus\:stroke-teal-900\/50:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:hover\:stroke-teal-900\/50:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:active\:stroke-teal-900\/50:active { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .lg\:focus\:stroke-teal-900\/60:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:hover\:stroke-teal-900\/60:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:active\:stroke-teal-900\/60:active { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .lg\:focus\:stroke-teal-900\/70:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:hover\:stroke-teal-900\/70:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:active\:stroke-teal-900\/70:active { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .lg\:focus\:stroke-teal-900\/80:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:hover\:stroke-teal-900\/80:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:active\:stroke-teal-900\/80:active { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .lg\:focus\:stroke-teal-900\/90:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:hover\:stroke-teal-900\/90:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:active\:stroke-teal-900\/90:active { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-50:focus { + stroke: var(--orange-50) + } + .lg\:hover\:stroke-orange-50:hover { + stroke: var(--orange-50) + } + .lg\:active\:stroke-orange-50:active { + stroke: var(--orange-50) + } + .lg\:focus\:stroke-orange-50\/10:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-50\/10:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:active\:stroke-orange-50\/10:active { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-50\/20:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-50\/20:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:active\:stroke-orange-50\/20:active { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-50\/30:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-50\/30:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:active\:stroke-orange-50\/30:active { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-50\/40:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-50\/40:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:active\:stroke-orange-50\/40:active { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-50\/50:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-50\/50:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:active\:stroke-orange-50\/50:active { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-50\/60:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-50\/60:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:active\:stroke-orange-50\/60:active { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-50\/70:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-50\/70:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:active\:stroke-orange-50\/70:active { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-50\/80:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-50\/80:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:active\:stroke-orange-50\/80:active { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-50\/90:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-50\/90:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:active\:stroke-orange-50\/90:active { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-100:focus { + stroke: var(--orange-100) + } + .lg\:hover\:stroke-orange-100:hover { + stroke: var(--orange-100) + } + .lg\:active\:stroke-orange-100:active { + stroke: var(--orange-100) + } + .lg\:focus\:stroke-orange-100\/10:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-100\/10:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:active\:stroke-orange-100\/10:active { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-100\/20:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-100\/20:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:active\:stroke-orange-100\/20:active { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-100\/30:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-100\/30:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:active\:stroke-orange-100\/30:active { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-100\/40:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-100\/40:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:active\:stroke-orange-100\/40:active { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-100\/50:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-100\/50:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:active\:stroke-orange-100\/50:active { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-100\/60:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-100\/60:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:active\:stroke-orange-100\/60:active { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-100\/70:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-100\/70:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:active\:stroke-orange-100\/70:active { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-100\/80:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-100\/80:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:active\:stroke-orange-100\/80:active { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-100\/90:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-100\/90:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:active\:stroke-orange-100\/90:active { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-200:focus { + stroke: var(--orange-200) + } + .lg\:hover\:stroke-orange-200:hover { + stroke: var(--orange-200) + } + .lg\:active\:stroke-orange-200:active { + stroke: var(--orange-200) + } + .lg\:focus\:stroke-orange-200\/10:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-200\/10:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:active\:stroke-orange-200\/10:active { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-200\/20:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-200\/20:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:active\:stroke-orange-200\/20:active { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-200\/30:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-200\/30:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:active\:stroke-orange-200\/30:active { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-200\/40:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-200\/40:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:active\:stroke-orange-200\/40:active { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-200\/50:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-200\/50:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:active\:stroke-orange-200\/50:active { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-200\/60:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-200\/60:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:active\:stroke-orange-200\/60:active { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-200\/70:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-200\/70:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:active\:stroke-orange-200\/70:active { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-200\/80:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-200\/80:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:active\:stroke-orange-200\/80:active { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-200\/90:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-200\/90:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:active\:stroke-orange-200\/90:active { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-300:focus { + stroke: var(--orange-300) + } + .lg\:hover\:stroke-orange-300:hover { + stroke: var(--orange-300) + } + .lg\:active\:stroke-orange-300:active { + stroke: var(--orange-300) + } + .lg\:focus\:stroke-orange-300\/10:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-300\/10:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:active\:stroke-orange-300\/10:active { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-300\/20:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-300\/20:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:active\:stroke-orange-300\/20:active { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-300\/30:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-300\/30:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:active\:stroke-orange-300\/30:active { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-300\/40:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-300\/40:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:active\:stroke-orange-300\/40:active { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-300\/50:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-300\/50:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:active\:stroke-orange-300\/50:active { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-300\/60:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-300\/60:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:active\:stroke-orange-300\/60:active { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-300\/70:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-300\/70:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:active\:stroke-orange-300\/70:active { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-300\/80:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-300\/80:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:active\:stroke-orange-300\/80:active { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-300\/90:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-300\/90:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:active\:stroke-orange-300\/90:active { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-400:focus { + stroke: var(--orange-400) + } + .lg\:hover\:stroke-orange-400:hover { + stroke: var(--orange-400) + } + .lg\:active\:stroke-orange-400:active { + stroke: var(--orange-400) + } + .lg\:focus\:stroke-orange-400\/10:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-400\/10:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:active\:stroke-orange-400\/10:active { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-400\/20:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-400\/20:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:active\:stroke-orange-400\/20:active { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-400\/30:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-400\/30:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:active\:stroke-orange-400\/30:active { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-400\/40:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-400\/40:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:active\:stroke-orange-400\/40:active { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-400\/50:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-400\/50:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:active\:stroke-orange-400\/50:active { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-400\/60:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-400\/60:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:active\:stroke-orange-400\/60:active { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-400\/70:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-400\/70:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:active\:stroke-orange-400\/70:active { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-400\/80:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-400\/80:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:active\:stroke-orange-400\/80:active { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-400\/90:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-400\/90:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:active\:stroke-orange-400\/90:active { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-500:focus { + stroke: var(--orange-500) + } + .lg\:hover\:stroke-orange-500:hover { + stroke: var(--orange-500) + } + .lg\:active\:stroke-orange-500:active { + stroke: var(--orange-500) + } + .lg\:focus\:stroke-orange-500\/10:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-500\/10:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:active\:stroke-orange-500\/10:active { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-500\/20:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-500\/20:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:active\:stroke-orange-500\/20:active { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-500\/30:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-500\/30:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:active\:stroke-orange-500\/30:active { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-500\/40:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-500\/40:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:active\:stroke-orange-500\/40:active { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-500\/50:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-500\/50:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:active\:stroke-orange-500\/50:active { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-500\/60:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-500\/60:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:active\:stroke-orange-500\/60:active { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-500\/70:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-500\/70:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:active\:stroke-orange-500\/70:active { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-500\/80:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-500\/80:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:active\:stroke-orange-500\/80:active { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-500\/90:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-500\/90:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:active\:stroke-orange-500\/90:active { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-600:focus { + stroke: var(--orange-600) + } + .lg\:hover\:stroke-orange-600:hover { + stroke: var(--orange-600) + } + .lg\:active\:stroke-orange-600:active { + stroke: var(--orange-600) + } + .lg\:focus\:stroke-orange-600\/10:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-600\/10:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:active\:stroke-orange-600\/10:active { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-600\/20:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-600\/20:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:active\:stroke-orange-600\/20:active { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-600\/30:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-600\/30:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:active\:stroke-orange-600\/30:active { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-600\/40:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-600\/40:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:active\:stroke-orange-600\/40:active { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-600\/50:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-600\/50:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:active\:stroke-orange-600\/50:active { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-600\/60:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-600\/60:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:active\:stroke-orange-600\/60:active { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-600\/70:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-600\/70:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:active\:stroke-orange-600\/70:active { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-600\/80:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-600\/80:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:active\:stroke-orange-600\/80:active { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-600\/90:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-600\/90:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:active\:stroke-orange-600\/90:active { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-700:focus { + stroke: var(--orange-700) + } + .lg\:hover\:stroke-orange-700:hover { + stroke: var(--orange-700) + } + .lg\:active\:stroke-orange-700:active { + stroke: var(--orange-700) + } + .lg\:focus\:stroke-orange-700\/10:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-700\/10:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:active\:stroke-orange-700\/10:active { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-700\/20:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-700\/20:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:active\:stroke-orange-700\/20:active { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-700\/30:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-700\/30:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:active\:stroke-orange-700\/30:active { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-700\/40:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-700\/40:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:active\:stroke-orange-700\/40:active { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-700\/50:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-700\/50:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:active\:stroke-orange-700\/50:active { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-700\/60:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-700\/60:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:active\:stroke-orange-700\/60:active { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-700\/70:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-700\/70:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:active\:stroke-orange-700\/70:active { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-700\/80:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-700\/80:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:active\:stroke-orange-700\/80:active { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-700\/90:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-700\/90:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:active\:stroke-orange-700\/90:active { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-800:focus { + stroke: var(--orange-800) + } + .lg\:hover\:stroke-orange-800:hover { + stroke: var(--orange-800) + } + .lg\:active\:stroke-orange-800:active { + stroke: var(--orange-800) + } + .lg\:focus\:stroke-orange-800\/10:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-800\/10:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:active\:stroke-orange-800\/10:active { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-800\/20:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-800\/20:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:active\:stroke-orange-800\/20:active { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-800\/30:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-800\/30:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:active\:stroke-orange-800\/30:active { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-800\/40:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-800\/40:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:active\:stroke-orange-800\/40:active { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-800\/50:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-800\/50:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:active\:stroke-orange-800\/50:active { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-800\/60:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-800\/60:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:active\:stroke-orange-800\/60:active { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-800\/70:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-800\/70:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:active\:stroke-orange-800\/70:active { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-800\/80:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-800\/80:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:active\:stroke-orange-800\/80:active { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-800\/90:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-800\/90:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:active\:stroke-orange-800\/90:active { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .lg\:focus\:stroke-orange-900:focus { + stroke: var(--orange-900) + } + .lg\:hover\:stroke-orange-900:hover { + stroke: var(--orange-900) + } + .lg\:active\:stroke-orange-900:active { + stroke: var(--orange-900) + } + .lg\:focus\:stroke-orange-900\/10:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:hover\:stroke-orange-900\/10:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:active\:stroke-orange-900\/10:active { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .lg\:focus\:stroke-orange-900\/20:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:hover\:stroke-orange-900\/20:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:active\:stroke-orange-900\/20:active { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .lg\:focus\:stroke-orange-900\/30:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:hover\:stroke-orange-900\/30:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:active\:stroke-orange-900\/30:active { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .lg\:focus\:stroke-orange-900\/40:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:hover\:stroke-orange-900\/40:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:active\:stroke-orange-900\/40:active { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .lg\:focus\:stroke-orange-900\/50:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:hover\:stroke-orange-900\/50:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:active\:stroke-orange-900\/50:active { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .lg\:focus\:stroke-orange-900\/60:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:hover\:stroke-orange-900\/60:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:active\:stroke-orange-900\/60:active { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .lg\:focus\:stroke-orange-900\/70:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:hover\:stroke-orange-900\/70:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:active\:stroke-orange-900\/70:active { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .lg\:focus\:stroke-orange-900\/80:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:hover\:stroke-orange-900\/80:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:active\:stroke-orange-900\/80:active { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .lg\:focus\:stroke-orange-900\/90:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:hover\:stroke-orange-900\/90:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:active\:stroke-orange-900\/90:active { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-50:focus { + stroke: var(--bluegray-50) + } + .lg\:hover\:stroke-bluegray-50:hover { + stroke: var(--bluegray-50) + } + .lg\:active\:stroke-bluegray-50:active { + stroke: var(--bluegray-50) + } + .lg\:focus\:stroke-bluegray-50\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-50\/10:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-50\/20:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-50\/30:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-50\/40:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-50\/50:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-50\/60:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-50\/70:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-50\/80:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-50\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-50\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-50\/90:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-100:focus { + stroke: var(--bluegray-100) + } + .lg\:hover\:stroke-bluegray-100:hover { + stroke: var(--bluegray-100) + } + .lg\:active\:stroke-bluegray-100:active { + stroke: var(--bluegray-100) + } + .lg\:focus\:stroke-bluegray-100\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-100\/10:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-100\/20:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-100\/30:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-100\/40:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-100\/50:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-100\/60:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-100\/70:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-100\/80:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-100\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-100\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-100\/90:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-200:focus { + stroke: var(--bluegray-200) + } + .lg\:hover\:stroke-bluegray-200:hover { + stroke: var(--bluegray-200) + } + .lg\:active\:stroke-bluegray-200:active { + stroke: var(--bluegray-200) + } + .lg\:focus\:stroke-bluegray-200\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-200\/10:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-200\/20:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-200\/30:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-200\/40:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-200\/50:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-200\/60:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-200\/70:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-200\/80:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-200\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-200\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-200\/90:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-300:focus { + stroke: var(--bluegray-300) + } + .lg\:hover\:stroke-bluegray-300:hover { + stroke: var(--bluegray-300) + } + .lg\:active\:stroke-bluegray-300:active { + stroke: var(--bluegray-300) + } + .lg\:focus\:stroke-bluegray-300\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-300\/10:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-300\/20:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-300\/30:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-300\/40:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-300\/50:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-300\/60:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-300\/70:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-300\/80:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-300\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-300\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-300\/90:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-400:focus { + stroke: var(--bluegray-400) + } + .lg\:hover\:stroke-bluegray-400:hover { + stroke: var(--bluegray-400) + } + .lg\:active\:stroke-bluegray-400:active { + stroke: var(--bluegray-400) + } + .lg\:focus\:stroke-bluegray-400\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-400\/10:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-400\/20:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-400\/30:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-400\/40:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-400\/50:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-400\/60:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-400\/70:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-400\/80:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-400\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-400\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-400\/90:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-500:focus { + stroke: var(--bluegray-500) + } + .lg\:hover\:stroke-bluegray-500:hover { + stroke: var(--bluegray-500) + } + .lg\:active\:stroke-bluegray-500:active { + stroke: var(--bluegray-500) + } + .lg\:focus\:stroke-bluegray-500\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-500\/10:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-500\/20:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-500\/30:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-500\/40:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-500\/50:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-500\/60:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-500\/70:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-500\/80:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-500\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-500\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-500\/90:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-600:focus { + stroke: var(--bluegray-600) + } + .lg\:hover\:stroke-bluegray-600:hover { + stroke: var(--bluegray-600) + } + .lg\:active\:stroke-bluegray-600:active { + stroke: var(--bluegray-600) + } + .lg\:focus\:stroke-bluegray-600\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-600\/10:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-600\/20:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-600\/30:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-600\/40:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-600\/50:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-600\/60:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-600\/70:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-600\/80:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-600\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-600\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-600\/90:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-700:focus { + stroke: var(--bluegray-700) + } + .lg\:hover\:stroke-bluegray-700:hover { + stroke: var(--bluegray-700) + } + .lg\:active\:stroke-bluegray-700:active { + stroke: var(--bluegray-700) + } + .lg\:focus\:stroke-bluegray-700\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-700\/10:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-700\/20:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-700\/30:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-700\/40:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-700\/50:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-700\/60:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-700\/70:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-700\/80:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-700\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-700\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-700\/90:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-800:focus { + stroke: var(--bluegray-800) + } + .lg\:hover\:stroke-bluegray-800:hover { + stroke: var(--bluegray-800) + } + .lg\:active\:stroke-bluegray-800:active { + stroke: var(--bluegray-800) + } + .lg\:focus\:stroke-bluegray-800\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-800\/10:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-800\/20:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-800\/30:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-800\/40:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-800\/50:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-800\/60:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-800\/70:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-800\/80:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-800\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-800\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-800\/90:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .lg\:focus\:stroke-bluegray-900:focus { + stroke: var(--bluegray-900) + } + .lg\:hover\:stroke-bluegray-900:hover { + stroke: var(--bluegray-900) + } + .lg\:active\:stroke-bluegray-900:active { + stroke: var(--bluegray-900) + } + .lg\:focus\:stroke-bluegray-900\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:active\:stroke-bluegray-900\/10:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:active\:stroke-bluegray-900\/20:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:active\:stroke-bluegray-900\/30:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:active\:stroke-bluegray-900\/40:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:active\:stroke-bluegray-900\/50:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:active\:stroke-bluegray-900\/60:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:active\:stroke-bluegray-900\/70:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:active\:stroke-bluegray-900\/80:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .lg\:focus\:stroke-bluegray-900\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:hover\:stroke-bluegray-900\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:active\:stroke-bluegray-900\/90:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-50:focus { + stroke: var(--purple-50) + } + .lg\:hover\:stroke-purple-50:hover { + stroke: var(--purple-50) + } + .lg\:active\:stroke-purple-50:active { + stroke: var(--purple-50) + } + .lg\:focus\:stroke-purple-50\/10:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-50\/10:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:active\:stroke-purple-50\/10:active { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-50\/20:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-50\/20:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:active\:stroke-purple-50\/20:active { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-50\/30:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-50\/30:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:active\:stroke-purple-50\/30:active { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-50\/40:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-50\/40:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:active\:stroke-purple-50\/40:active { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-50\/50:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-50\/50:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:active\:stroke-purple-50\/50:active { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-50\/60:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-50\/60:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:active\:stroke-purple-50\/60:active { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-50\/70:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-50\/70:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:active\:stroke-purple-50\/70:active { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-50\/80:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-50\/80:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:active\:stroke-purple-50\/80:active { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-50\/90:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-50\/90:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:active\:stroke-purple-50\/90:active { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-100:focus { + stroke: var(--purple-100) + } + .lg\:hover\:stroke-purple-100:hover { + stroke: var(--purple-100) + } + .lg\:active\:stroke-purple-100:active { + stroke: var(--purple-100) + } + .lg\:focus\:stroke-purple-100\/10:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-100\/10:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:active\:stroke-purple-100\/10:active { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-100\/20:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-100\/20:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:active\:stroke-purple-100\/20:active { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-100\/30:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-100\/30:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:active\:stroke-purple-100\/30:active { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-100\/40:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-100\/40:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:active\:stroke-purple-100\/40:active { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-100\/50:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-100\/50:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:active\:stroke-purple-100\/50:active { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-100\/60:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-100\/60:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:active\:stroke-purple-100\/60:active { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-100\/70:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-100\/70:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:active\:stroke-purple-100\/70:active { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-100\/80:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-100\/80:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:active\:stroke-purple-100\/80:active { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-100\/90:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-100\/90:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:active\:stroke-purple-100\/90:active { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-200:focus { + stroke: var(--purple-200) + } + .lg\:hover\:stroke-purple-200:hover { + stroke: var(--purple-200) + } + .lg\:active\:stroke-purple-200:active { + stroke: var(--purple-200) + } + .lg\:focus\:stroke-purple-200\/10:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-200\/10:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:active\:stroke-purple-200\/10:active { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-200\/20:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-200\/20:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:active\:stroke-purple-200\/20:active { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-200\/30:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-200\/30:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:active\:stroke-purple-200\/30:active { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-200\/40:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-200\/40:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:active\:stroke-purple-200\/40:active { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-200\/50:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-200\/50:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:active\:stroke-purple-200\/50:active { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-200\/60:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-200\/60:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:active\:stroke-purple-200\/60:active { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-200\/70:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-200\/70:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:active\:stroke-purple-200\/70:active { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-200\/80:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-200\/80:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:active\:stroke-purple-200\/80:active { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-200\/90:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-200\/90:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:active\:stroke-purple-200\/90:active { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-300:focus { + stroke: var(--purple-300) + } + .lg\:hover\:stroke-purple-300:hover { + stroke: var(--purple-300) + } + .lg\:active\:stroke-purple-300:active { + stroke: var(--purple-300) + } + .lg\:focus\:stroke-purple-300\/10:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-300\/10:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:active\:stroke-purple-300\/10:active { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-300\/20:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-300\/20:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:active\:stroke-purple-300\/20:active { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-300\/30:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-300\/30:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:active\:stroke-purple-300\/30:active { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-300\/40:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-300\/40:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:active\:stroke-purple-300\/40:active { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-300\/50:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-300\/50:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:active\:stroke-purple-300\/50:active { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-300\/60:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-300\/60:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:active\:stroke-purple-300\/60:active { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-300\/70:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-300\/70:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:active\:stroke-purple-300\/70:active { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-300\/80:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-300\/80:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:active\:stroke-purple-300\/80:active { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-300\/90:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-300\/90:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:active\:stroke-purple-300\/90:active { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-400:focus { + stroke: var(--purple-400) + } + .lg\:hover\:stroke-purple-400:hover { + stroke: var(--purple-400) + } + .lg\:active\:stroke-purple-400:active { + stroke: var(--purple-400) + } + .lg\:focus\:stroke-purple-400\/10:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-400\/10:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:active\:stroke-purple-400\/10:active { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-400\/20:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-400\/20:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:active\:stroke-purple-400\/20:active { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-400\/30:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-400\/30:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:active\:stroke-purple-400\/30:active { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-400\/40:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-400\/40:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:active\:stroke-purple-400\/40:active { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-400\/50:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-400\/50:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:active\:stroke-purple-400\/50:active { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-400\/60:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-400\/60:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:active\:stroke-purple-400\/60:active { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-400\/70:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-400\/70:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:active\:stroke-purple-400\/70:active { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-400\/80:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-400\/80:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:active\:stroke-purple-400\/80:active { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-400\/90:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-400\/90:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:active\:stroke-purple-400\/90:active { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-500:focus { + stroke: var(--purple-500) + } + .lg\:hover\:stroke-purple-500:hover { + stroke: var(--purple-500) + } + .lg\:active\:stroke-purple-500:active { + stroke: var(--purple-500) + } + .lg\:focus\:stroke-purple-500\/10:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-500\/10:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:active\:stroke-purple-500\/10:active { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-500\/20:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-500\/20:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:active\:stroke-purple-500\/20:active { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-500\/30:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-500\/30:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:active\:stroke-purple-500\/30:active { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-500\/40:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-500\/40:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:active\:stroke-purple-500\/40:active { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-500\/50:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-500\/50:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:active\:stroke-purple-500\/50:active { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-500\/60:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-500\/60:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:active\:stroke-purple-500\/60:active { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-500\/70:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-500\/70:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:active\:stroke-purple-500\/70:active { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-500\/80:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-500\/80:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:active\:stroke-purple-500\/80:active { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-500\/90:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-500\/90:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:active\:stroke-purple-500\/90:active { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-600:focus { + stroke: var(--purple-600) + } + .lg\:hover\:stroke-purple-600:hover { + stroke: var(--purple-600) + } + .lg\:active\:stroke-purple-600:active { + stroke: var(--purple-600) + } + .lg\:focus\:stroke-purple-600\/10:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-600\/10:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:active\:stroke-purple-600\/10:active { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-600\/20:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-600\/20:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:active\:stroke-purple-600\/20:active { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-600\/30:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-600\/30:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:active\:stroke-purple-600\/30:active { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-600\/40:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-600\/40:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:active\:stroke-purple-600\/40:active { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-600\/50:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-600\/50:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:active\:stroke-purple-600\/50:active { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-600\/60:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-600\/60:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:active\:stroke-purple-600\/60:active { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-600\/70:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-600\/70:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:active\:stroke-purple-600\/70:active { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-600\/80:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-600\/80:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:active\:stroke-purple-600\/80:active { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-600\/90:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-600\/90:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:active\:stroke-purple-600\/90:active { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-700:focus { + stroke: var(--purple-700) + } + .lg\:hover\:stroke-purple-700:hover { + stroke: var(--purple-700) + } + .lg\:active\:stroke-purple-700:active { + stroke: var(--purple-700) + } + .lg\:focus\:stroke-purple-700\/10:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-700\/10:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:active\:stroke-purple-700\/10:active { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-700\/20:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-700\/20:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:active\:stroke-purple-700\/20:active { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-700\/30:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-700\/30:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:active\:stroke-purple-700\/30:active { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-700\/40:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-700\/40:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:active\:stroke-purple-700\/40:active { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-700\/50:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-700\/50:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:active\:stroke-purple-700\/50:active { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-700\/60:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-700\/60:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:active\:stroke-purple-700\/60:active { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-700\/70:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-700\/70:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:active\:stroke-purple-700\/70:active { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-700\/80:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-700\/80:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:active\:stroke-purple-700\/80:active { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-700\/90:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-700\/90:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:active\:stroke-purple-700\/90:active { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-800:focus { + stroke: var(--purple-800) + } + .lg\:hover\:stroke-purple-800:hover { + stroke: var(--purple-800) + } + .lg\:active\:stroke-purple-800:active { + stroke: var(--purple-800) + } + .lg\:focus\:stroke-purple-800\/10:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-800\/10:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:active\:stroke-purple-800\/10:active { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-800\/20:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-800\/20:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:active\:stroke-purple-800\/20:active { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-800\/30:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-800\/30:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:active\:stroke-purple-800\/30:active { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-800\/40:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-800\/40:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:active\:stroke-purple-800\/40:active { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-800\/50:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-800\/50:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:active\:stroke-purple-800\/50:active { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-800\/60:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-800\/60:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:active\:stroke-purple-800\/60:active { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-800\/70:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-800\/70:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:active\:stroke-purple-800\/70:active { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-800\/80:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-800\/80:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:active\:stroke-purple-800\/80:active { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-800\/90:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-800\/90:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:active\:stroke-purple-800\/90:active { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .lg\:focus\:stroke-purple-900:focus { + stroke: var(--purple-900) + } + .lg\:hover\:stroke-purple-900:hover { + stroke: var(--purple-900) + } + .lg\:active\:stroke-purple-900:active { + stroke: var(--purple-900) + } + .lg\:focus\:stroke-purple-900\/10:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:hover\:stroke-purple-900\/10:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:active\:stroke-purple-900\/10:active { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .lg\:focus\:stroke-purple-900\/20:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:hover\:stroke-purple-900\/20:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:active\:stroke-purple-900\/20:active { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .lg\:focus\:stroke-purple-900\/30:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:hover\:stroke-purple-900\/30:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:active\:stroke-purple-900\/30:active { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .lg\:focus\:stroke-purple-900\/40:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:hover\:stroke-purple-900\/40:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:active\:stroke-purple-900\/40:active { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .lg\:focus\:stroke-purple-900\/50:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:hover\:stroke-purple-900\/50:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:active\:stroke-purple-900\/50:active { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .lg\:focus\:stroke-purple-900\/60:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:hover\:stroke-purple-900\/60:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:active\:stroke-purple-900\/60:active { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .lg\:focus\:stroke-purple-900\/70:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:hover\:stroke-purple-900\/70:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:active\:stroke-purple-900\/70:active { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .lg\:focus\:stroke-purple-900\/80:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:hover\:stroke-purple-900\/80:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:active\:stroke-purple-900\/80:active { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .lg\:focus\:stroke-purple-900\/90:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:hover\:stroke-purple-900\/90:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:active\:stroke-purple-900\/90:active { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .lg\:focus\:stroke-red-50:focus { + stroke: var(--red-50) + } + .lg\:hover\:stroke-red-50:hover { + stroke: var(--red-50) + } + .lg\:active\:stroke-red-50:active { + stroke: var(--red-50) + } + .lg\:focus\:stroke-red-50\/10:focus { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:hover\:stroke-red-50\/10:hover { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:active\:stroke-red-50\/10:active { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .lg\:focus\:stroke-red-50\/20:focus { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:hover\:stroke-red-50\/20:hover { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:active\:stroke-red-50\/20:active { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .lg\:focus\:stroke-red-50\/30:focus { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:hover\:stroke-red-50\/30:hover { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:active\:stroke-red-50\/30:active { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .lg\:focus\:stroke-red-50\/40:focus { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:hover\:stroke-red-50\/40:hover { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:active\:stroke-red-50\/40:active { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .lg\:focus\:stroke-red-50\/50:focus { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:hover\:stroke-red-50\/50:hover { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:active\:stroke-red-50\/50:active { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .lg\:focus\:stroke-red-50\/60:focus { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:hover\:stroke-red-50\/60:hover { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:active\:stroke-red-50\/60:active { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .lg\:focus\:stroke-red-50\/70:focus { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:hover\:stroke-red-50\/70:hover { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:active\:stroke-red-50\/70:active { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .lg\:focus\:stroke-red-50\/80:focus { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:hover\:stroke-red-50\/80:hover { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:active\:stroke-red-50\/80:active { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .lg\:focus\:stroke-red-50\/90:focus { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:hover\:stroke-red-50\/90:hover { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:active\:stroke-red-50\/90:active { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .lg\:focus\:stroke-red-100:focus { + stroke: var(--red-100) + } + .lg\:hover\:stroke-red-100:hover { + stroke: var(--red-100) + } + .lg\:active\:stroke-red-100:active { + stroke: var(--red-100) + } + .lg\:focus\:stroke-red-100\/10:focus { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:hover\:stroke-red-100\/10:hover { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:active\:stroke-red-100\/10:active { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .lg\:focus\:stroke-red-100\/20:focus { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:hover\:stroke-red-100\/20:hover { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:active\:stroke-red-100\/20:active { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .lg\:focus\:stroke-red-100\/30:focus { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:hover\:stroke-red-100\/30:hover { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:active\:stroke-red-100\/30:active { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .lg\:focus\:stroke-red-100\/40:focus { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:hover\:stroke-red-100\/40:hover { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:active\:stroke-red-100\/40:active { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .lg\:focus\:stroke-red-100\/50:focus { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:hover\:stroke-red-100\/50:hover { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:active\:stroke-red-100\/50:active { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .lg\:focus\:stroke-red-100\/60:focus { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:hover\:stroke-red-100\/60:hover { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:active\:stroke-red-100\/60:active { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .lg\:focus\:stroke-red-100\/70:focus { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:hover\:stroke-red-100\/70:hover { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:active\:stroke-red-100\/70:active { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .lg\:focus\:stroke-red-100\/80:focus { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:hover\:stroke-red-100\/80:hover { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:active\:stroke-red-100\/80:active { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .lg\:focus\:stroke-red-100\/90:focus { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:hover\:stroke-red-100\/90:hover { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:active\:stroke-red-100\/90:active { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .lg\:focus\:stroke-red-200:focus { + stroke: var(--red-200) + } + .lg\:hover\:stroke-red-200:hover { + stroke: var(--red-200) + } + .lg\:active\:stroke-red-200:active { + stroke: var(--red-200) + } + .lg\:focus\:stroke-red-200\/10:focus { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:hover\:stroke-red-200\/10:hover { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:active\:stroke-red-200\/10:active { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .lg\:focus\:stroke-red-200\/20:focus { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:hover\:stroke-red-200\/20:hover { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:active\:stroke-red-200\/20:active { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .lg\:focus\:stroke-red-200\/30:focus { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:hover\:stroke-red-200\/30:hover { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:active\:stroke-red-200\/30:active { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .lg\:focus\:stroke-red-200\/40:focus { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:hover\:stroke-red-200\/40:hover { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:active\:stroke-red-200\/40:active { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .lg\:focus\:stroke-red-200\/50:focus { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:hover\:stroke-red-200\/50:hover { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:active\:stroke-red-200\/50:active { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .lg\:focus\:stroke-red-200\/60:focus { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:hover\:stroke-red-200\/60:hover { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:active\:stroke-red-200\/60:active { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .lg\:focus\:stroke-red-200\/70:focus { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:hover\:stroke-red-200\/70:hover { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:active\:stroke-red-200\/70:active { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .lg\:focus\:stroke-red-200\/80:focus { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:hover\:stroke-red-200\/80:hover { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:active\:stroke-red-200\/80:active { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .lg\:focus\:stroke-red-200\/90:focus { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:hover\:stroke-red-200\/90:hover { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:active\:stroke-red-200\/90:active { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .lg\:focus\:stroke-red-300:focus { + stroke: var(--red-300) + } + .lg\:hover\:stroke-red-300:hover { + stroke: var(--red-300) + } + .lg\:active\:stroke-red-300:active { + stroke: var(--red-300) + } + .lg\:focus\:stroke-red-300\/10:focus { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:hover\:stroke-red-300\/10:hover { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:active\:stroke-red-300\/10:active { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .lg\:focus\:stroke-red-300\/20:focus { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:hover\:stroke-red-300\/20:hover { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:active\:stroke-red-300\/20:active { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .lg\:focus\:stroke-red-300\/30:focus { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:hover\:stroke-red-300\/30:hover { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:active\:stroke-red-300\/30:active { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .lg\:focus\:stroke-red-300\/40:focus { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:hover\:stroke-red-300\/40:hover { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:active\:stroke-red-300\/40:active { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .lg\:focus\:stroke-red-300\/50:focus { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:hover\:stroke-red-300\/50:hover { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:active\:stroke-red-300\/50:active { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .lg\:focus\:stroke-red-300\/60:focus { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:hover\:stroke-red-300\/60:hover { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:active\:stroke-red-300\/60:active { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .lg\:focus\:stroke-red-300\/70:focus { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:hover\:stroke-red-300\/70:hover { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:active\:stroke-red-300\/70:active { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .lg\:focus\:stroke-red-300\/80:focus { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:hover\:stroke-red-300\/80:hover { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:active\:stroke-red-300\/80:active { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .lg\:focus\:stroke-red-300\/90:focus { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:hover\:stroke-red-300\/90:hover { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:active\:stroke-red-300\/90:active { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .lg\:focus\:stroke-red-400:focus { + stroke: var(--red-400) + } + .lg\:hover\:stroke-red-400:hover { + stroke: var(--red-400) + } + .lg\:active\:stroke-red-400:active { + stroke: var(--red-400) + } + .lg\:focus\:stroke-red-400\/10:focus { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:hover\:stroke-red-400\/10:hover { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:active\:stroke-red-400\/10:active { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .lg\:focus\:stroke-red-400\/20:focus { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:hover\:stroke-red-400\/20:hover { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:active\:stroke-red-400\/20:active { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .lg\:focus\:stroke-red-400\/30:focus { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:hover\:stroke-red-400\/30:hover { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:active\:stroke-red-400\/30:active { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .lg\:focus\:stroke-red-400\/40:focus { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:hover\:stroke-red-400\/40:hover { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:active\:stroke-red-400\/40:active { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .lg\:focus\:stroke-red-400\/50:focus { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:hover\:stroke-red-400\/50:hover { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:active\:stroke-red-400\/50:active { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .lg\:focus\:stroke-red-400\/60:focus { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:hover\:stroke-red-400\/60:hover { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:active\:stroke-red-400\/60:active { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .lg\:focus\:stroke-red-400\/70:focus { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:hover\:stroke-red-400\/70:hover { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:active\:stroke-red-400\/70:active { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .lg\:focus\:stroke-red-400\/80:focus { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:hover\:stroke-red-400\/80:hover { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:active\:stroke-red-400\/80:active { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .lg\:focus\:stroke-red-400\/90:focus { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:hover\:stroke-red-400\/90:hover { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:active\:stroke-red-400\/90:active { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .lg\:focus\:stroke-red-500:focus { + stroke: var(--red-500) + } + .lg\:hover\:stroke-red-500:hover { + stroke: var(--red-500) + } + .lg\:active\:stroke-red-500:active { + stroke: var(--red-500) + } + .lg\:focus\:stroke-red-500\/10:focus { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:hover\:stroke-red-500\/10:hover { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:active\:stroke-red-500\/10:active { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .lg\:focus\:stroke-red-500\/20:focus { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:hover\:stroke-red-500\/20:hover { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:active\:stroke-red-500\/20:active { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .lg\:focus\:stroke-red-500\/30:focus { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:hover\:stroke-red-500\/30:hover { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:active\:stroke-red-500\/30:active { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .lg\:focus\:stroke-red-500\/40:focus { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:hover\:stroke-red-500\/40:hover { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:active\:stroke-red-500\/40:active { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .lg\:focus\:stroke-red-500\/50:focus { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:hover\:stroke-red-500\/50:hover { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:active\:stroke-red-500\/50:active { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .lg\:focus\:stroke-red-500\/60:focus { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:hover\:stroke-red-500\/60:hover { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:active\:stroke-red-500\/60:active { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .lg\:focus\:stroke-red-500\/70:focus { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:hover\:stroke-red-500\/70:hover { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:active\:stroke-red-500\/70:active { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .lg\:focus\:stroke-red-500\/80:focus { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:hover\:stroke-red-500\/80:hover { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:active\:stroke-red-500\/80:active { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .lg\:focus\:stroke-red-500\/90:focus { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:hover\:stroke-red-500\/90:hover { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:active\:stroke-red-500\/90:active { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .lg\:focus\:stroke-red-600:focus { + stroke: var(--red-600) + } + .lg\:hover\:stroke-red-600:hover { + stroke: var(--red-600) + } + .lg\:active\:stroke-red-600:active { + stroke: var(--red-600) + } + .lg\:focus\:stroke-red-600\/10:focus { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:hover\:stroke-red-600\/10:hover { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:active\:stroke-red-600\/10:active { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .lg\:focus\:stroke-red-600\/20:focus { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:hover\:stroke-red-600\/20:hover { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:active\:stroke-red-600\/20:active { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .lg\:focus\:stroke-red-600\/30:focus { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:hover\:stroke-red-600\/30:hover { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:active\:stroke-red-600\/30:active { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .lg\:focus\:stroke-red-600\/40:focus { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:hover\:stroke-red-600\/40:hover { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:active\:stroke-red-600\/40:active { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .lg\:focus\:stroke-red-600\/50:focus { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:hover\:stroke-red-600\/50:hover { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:active\:stroke-red-600\/50:active { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .lg\:focus\:stroke-red-600\/60:focus { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:hover\:stroke-red-600\/60:hover { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:active\:stroke-red-600\/60:active { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .lg\:focus\:stroke-red-600\/70:focus { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:hover\:stroke-red-600\/70:hover { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:active\:stroke-red-600\/70:active { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .lg\:focus\:stroke-red-600\/80:focus { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:hover\:stroke-red-600\/80:hover { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:active\:stroke-red-600\/80:active { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .lg\:focus\:stroke-red-600\/90:focus { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:hover\:stroke-red-600\/90:hover { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:active\:stroke-red-600\/90:active { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .lg\:focus\:stroke-red-700:focus { + stroke: var(--red-700) + } + .lg\:hover\:stroke-red-700:hover { + stroke: var(--red-700) + } + .lg\:active\:stroke-red-700:active { + stroke: var(--red-700) + } + .lg\:focus\:stroke-red-700\/10:focus { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:hover\:stroke-red-700\/10:hover { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:active\:stroke-red-700\/10:active { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .lg\:focus\:stroke-red-700\/20:focus { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:hover\:stroke-red-700\/20:hover { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:active\:stroke-red-700\/20:active { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .lg\:focus\:stroke-red-700\/30:focus { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:hover\:stroke-red-700\/30:hover { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:active\:stroke-red-700\/30:active { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .lg\:focus\:stroke-red-700\/40:focus { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:hover\:stroke-red-700\/40:hover { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:active\:stroke-red-700\/40:active { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .lg\:focus\:stroke-red-700\/50:focus { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:hover\:stroke-red-700\/50:hover { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:active\:stroke-red-700\/50:active { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .lg\:focus\:stroke-red-700\/60:focus { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:hover\:stroke-red-700\/60:hover { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:active\:stroke-red-700\/60:active { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .lg\:focus\:stroke-red-700\/70:focus { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:hover\:stroke-red-700\/70:hover { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:active\:stroke-red-700\/70:active { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .lg\:focus\:stroke-red-700\/80:focus { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:hover\:stroke-red-700\/80:hover { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:active\:stroke-red-700\/80:active { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .lg\:focus\:stroke-red-700\/90:focus { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:hover\:stroke-red-700\/90:hover { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:active\:stroke-red-700\/90:active { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .lg\:focus\:stroke-red-800:focus { + stroke: var(--red-800) + } + .lg\:hover\:stroke-red-800:hover { + stroke: var(--red-800) + } + .lg\:active\:stroke-red-800:active { + stroke: var(--red-800) + } + .lg\:focus\:stroke-red-800\/10:focus { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:hover\:stroke-red-800\/10:hover { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:active\:stroke-red-800\/10:active { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .lg\:focus\:stroke-red-800\/20:focus { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:hover\:stroke-red-800\/20:hover { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:active\:stroke-red-800\/20:active { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .lg\:focus\:stroke-red-800\/30:focus { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:hover\:stroke-red-800\/30:hover { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:active\:stroke-red-800\/30:active { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .lg\:focus\:stroke-red-800\/40:focus { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:hover\:stroke-red-800\/40:hover { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:active\:stroke-red-800\/40:active { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .lg\:focus\:stroke-red-800\/50:focus { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:hover\:stroke-red-800\/50:hover { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:active\:stroke-red-800\/50:active { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .lg\:focus\:stroke-red-800\/60:focus { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:hover\:stroke-red-800\/60:hover { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:active\:stroke-red-800\/60:active { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .lg\:focus\:stroke-red-800\/70:focus { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:hover\:stroke-red-800\/70:hover { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:active\:stroke-red-800\/70:active { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .lg\:focus\:stroke-red-800\/80:focus { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:hover\:stroke-red-800\/80:hover { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:active\:stroke-red-800\/80:active { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .lg\:focus\:stroke-red-800\/90:focus { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:hover\:stroke-red-800\/90:hover { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:active\:stroke-red-800\/90:active { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .lg\:focus\:stroke-red-900:focus { + stroke: var(--red-900) + } + .lg\:hover\:stroke-red-900:hover { + stroke: var(--red-900) + } + .lg\:active\:stroke-red-900:active { + stroke: var(--red-900) + } + .lg\:focus\:stroke-red-900\/10:focus { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:hover\:stroke-red-900\/10:hover { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:active\:stroke-red-900\/10:active { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .lg\:focus\:stroke-red-900\/20:focus { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:hover\:stroke-red-900\/20:hover { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:active\:stroke-red-900\/20:active { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .lg\:focus\:stroke-red-900\/30:focus { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:hover\:stroke-red-900\/30:hover { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:active\:stroke-red-900\/30:active { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .lg\:focus\:stroke-red-900\/40:focus { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:hover\:stroke-red-900\/40:hover { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:active\:stroke-red-900\/40:active { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .lg\:focus\:stroke-red-900\/50:focus { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:hover\:stroke-red-900\/50:hover { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:active\:stroke-red-900\/50:active { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .lg\:focus\:stroke-red-900\/60:focus { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:hover\:stroke-red-900\/60:hover { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:active\:stroke-red-900\/60:active { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .lg\:focus\:stroke-red-900\/70:focus { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:hover\:stroke-red-900\/70:hover { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:active\:stroke-red-900\/70:active { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .lg\:focus\:stroke-red-900\/80:focus { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:hover\:stroke-red-900\/80:hover { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:active\:stroke-red-900\/80:active { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .lg\:focus\:stroke-red-900\/90:focus { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:hover\:stroke-red-900\/90:hover { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:active\:stroke-red-900\/90:active { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-50:focus { + stroke: var(--gray-50) + } + .lg\:hover\:stroke-gray-50:hover { + stroke: var(--gray-50) + } + .lg\:active\:stroke-gray-50:active { + stroke: var(--gray-50) + } + .lg\:focus\:stroke-gray-50\/10:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-50\/10:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:active\:stroke-gray-50\/10:active { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-50\/20:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-50\/20:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:active\:stroke-gray-50\/20:active { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-50\/30:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-50\/30:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:active\:stroke-gray-50\/30:active { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-50\/40:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-50\/40:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:active\:stroke-gray-50\/40:active { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-50\/50:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-50\/50:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:active\:stroke-gray-50\/50:active { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-50\/60:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-50\/60:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:active\:stroke-gray-50\/60:active { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-50\/70:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-50\/70:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:active\:stroke-gray-50\/70:active { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-50\/80:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-50\/80:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:active\:stroke-gray-50\/80:active { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-50\/90:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-50\/90:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:active\:stroke-gray-50\/90:active { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-100:focus { + stroke: var(--gray-100) + } + .lg\:hover\:stroke-gray-100:hover { + stroke: var(--gray-100) + } + .lg\:active\:stroke-gray-100:active { + stroke: var(--gray-100) + } + .lg\:focus\:stroke-gray-100\/10:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-100\/10:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:active\:stroke-gray-100\/10:active { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-100\/20:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-100\/20:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:active\:stroke-gray-100\/20:active { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-100\/30:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-100\/30:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:active\:stroke-gray-100\/30:active { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-100\/40:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-100\/40:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:active\:stroke-gray-100\/40:active { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-100\/50:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-100\/50:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:active\:stroke-gray-100\/50:active { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-100\/60:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-100\/60:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:active\:stroke-gray-100\/60:active { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-100\/70:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-100\/70:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:active\:stroke-gray-100\/70:active { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-100\/80:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-100\/80:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:active\:stroke-gray-100\/80:active { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-100\/90:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-100\/90:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:active\:stroke-gray-100\/90:active { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-200:focus { + stroke: var(--gray-200) + } + .lg\:hover\:stroke-gray-200:hover { + stroke: var(--gray-200) + } + .lg\:active\:stroke-gray-200:active { + stroke: var(--gray-200) + } + .lg\:focus\:stroke-gray-200\/10:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-200\/10:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:active\:stroke-gray-200\/10:active { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-200\/20:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-200\/20:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:active\:stroke-gray-200\/20:active { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-200\/30:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-200\/30:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:active\:stroke-gray-200\/30:active { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-200\/40:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-200\/40:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:active\:stroke-gray-200\/40:active { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-200\/50:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-200\/50:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:active\:stroke-gray-200\/50:active { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-200\/60:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-200\/60:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:active\:stroke-gray-200\/60:active { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-200\/70:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-200\/70:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:active\:stroke-gray-200\/70:active { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-200\/80:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-200\/80:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:active\:stroke-gray-200\/80:active { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-200\/90:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-200\/90:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:active\:stroke-gray-200\/90:active { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-300:focus { + stroke: var(--gray-300) + } + .lg\:hover\:stroke-gray-300:hover { + stroke: var(--gray-300) + } + .lg\:active\:stroke-gray-300:active { + stroke: var(--gray-300) + } + .lg\:focus\:stroke-gray-300\/10:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-300\/10:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:active\:stroke-gray-300\/10:active { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-300\/20:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-300\/20:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:active\:stroke-gray-300\/20:active { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-300\/30:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-300\/30:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:active\:stroke-gray-300\/30:active { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-300\/40:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-300\/40:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:active\:stroke-gray-300\/40:active { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-300\/50:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-300\/50:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:active\:stroke-gray-300\/50:active { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-300\/60:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-300\/60:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:active\:stroke-gray-300\/60:active { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-300\/70:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-300\/70:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:active\:stroke-gray-300\/70:active { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-300\/80:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-300\/80:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:active\:stroke-gray-300\/80:active { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-300\/90:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-300\/90:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:active\:stroke-gray-300\/90:active { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-400:focus { + stroke: var(--gray-400) + } + .lg\:hover\:stroke-gray-400:hover { + stroke: var(--gray-400) + } + .lg\:active\:stroke-gray-400:active { + stroke: var(--gray-400) + } + .lg\:focus\:stroke-gray-400\/10:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-400\/10:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:active\:stroke-gray-400\/10:active { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-400\/20:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-400\/20:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:active\:stroke-gray-400\/20:active { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-400\/30:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-400\/30:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:active\:stroke-gray-400\/30:active { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-400\/40:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-400\/40:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:active\:stroke-gray-400\/40:active { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-400\/50:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-400\/50:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:active\:stroke-gray-400\/50:active { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-400\/60:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-400\/60:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:active\:stroke-gray-400\/60:active { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-400\/70:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-400\/70:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:active\:stroke-gray-400\/70:active { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-400\/80:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-400\/80:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:active\:stroke-gray-400\/80:active { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-400\/90:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-400\/90:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:active\:stroke-gray-400\/90:active { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-500:focus { + stroke: var(--gray-500) + } + .lg\:hover\:stroke-gray-500:hover { + stroke: var(--gray-500) + } + .lg\:active\:stroke-gray-500:active { + stroke: var(--gray-500) + } + .lg\:focus\:stroke-gray-500\/10:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-500\/10:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:active\:stroke-gray-500\/10:active { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-500\/20:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-500\/20:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:active\:stroke-gray-500\/20:active { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-500\/30:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-500\/30:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:active\:stroke-gray-500\/30:active { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-500\/40:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-500\/40:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:active\:stroke-gray-500\/40:active { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-500\/50:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-500\/50:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:active\:stroke-gray-500\/50:active { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-500\/60:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-500\/60:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:active\:stroke-gray-500\/60:active { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-500\/70:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-500\/70:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:active\:stroke-gray-500\/70:active { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-500\/80:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-500\/80:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:active\:stroke-gray-500\/80:active { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-500\/90:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-500\/90:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:active\:stroke-gray-500\/90:active { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-600:focus { + stroke: var(--gray-600) + } + .lg\:hover\:stroke-gray-600:hover { + stroke: var(--gray-600) + } + .lg\:active\:stroke-gray-600:active { + stroke: var(--gray-600) + } + .lg\:focus\:stroke-gray-600\/10:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-600\/10:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:active\:stroke-gray-600\/10:active { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-600\/20:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-600\/20:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:active\:stroke-gray-600\/20:active { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-600\/30:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-600\/30:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:active\:stroke-gray-600\/30:active { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-600\/40:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-600\/40:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:active\:stroke-gray-600\/40:active { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-600\/50:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-600\/50:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:active\:stroke-gray-600\/50:active { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-600\/60:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-600\/60:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:active\:stroke-gray-600\/60:active { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-600\/70:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-600\/70:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:active\:stroke-gray-600\/70:active { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-600\/80:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-600\/80:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:active\:stroke-gray-600\/80:active { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-600\/90:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-600\/90:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:active\:stroke-gray-600\/90:active { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-700:focus { + stroke: var(--gray-700) + } + .lg\:hover\:stroke-gray-700:hover { + stroke: var(--gray-700) + } + .lg\:active\:stroke-gray-700:active { + stroke: var(--gray-700) + } + .lg\:focus\:stroke-gray-700\/10:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-700\/10:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:active\:stroke-gray-700\/10:active { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-700\/20:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-700\/20:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:active\:stroke-gray-700\/20:active { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-700\/30:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-700\/30:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:active\:stroke-gray-700\/30:active { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-700\/40:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-700\/40:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:active\:stroke-gray-700\/40:active { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-700\/50:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-700\/50:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:active\:stroke-gray-700\/50:active { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-700\/60:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-700\/60:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:active\:stroke-gray-700\/60:active { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-700\/70:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-700\/70:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:active\:stroke-gray-700\/70:active { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-700\/80:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-700\/80:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:active\:stroke-gray-700\/80:active { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-700\/90:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-700\/90:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:active\:stroke-gray-700\/90:active { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-800:focus { + stroke: var(--gray-800) + } + .lg\:hover\:stroke-gray-800:hover { + stroke: var(--gray-800) + } + .lg\:active\:stroke-gray-800:active { + stroke: var(--gray-800) + } + .lg\:focus\:stroke-gray-800\/10:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-800\/10:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:active\:stroke-gray-800\/10:active { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-800\/20:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-800\/20:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:active\:stroke-gray-800\/20:active { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-800\/30:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-800\/30:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:active\:stroke-gray-800\/30:active { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-800\/40:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-800\/40:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:active\:stroke-gray-800\/40:active { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-800\/50:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-800\/50:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:active\:stroke-gray-800\/50:active { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-800\/60:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-800\/60:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:active\:stroke-gray-800\/60:active { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-800\/70:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-800\/70:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:active\:stroke-gray-800\/70:active { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-800\/80:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-800\/80:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:active\:stroke-gray-800\/80:active { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-800\/90:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-800\/90:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:active\:stroke-gray-800\/90:active { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .lg\:focus\:stroke-gray-900:focus { + stroke: var(--gray-900) + } + .lg\:hover\:stroke-gray-900:hover { + stroke: var(--gray-900) + } + .lg\:active\:stroke-gray-900:active { + stroke: var(--gray-900) + } + .lg\:focus\:stroke-gray-900\/10:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:hover\:stroke-gray-900\/10:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:active\:stroke-gray-900\/10:active { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .lg\:focus\:stroke-gray-900\/20:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:hover\:stroke-gray-900\/20:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:active\:stroke-gray-900\/20:active { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .lg\:focus\:stroke-gray-900\/30:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:hover\:stroke-gray-900\/30:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:active\:stroke-gray-900\/30:active { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .lg\:focus\:stroke-gray-900\/40:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:hover\:stroke-gray-900\/40:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:active\:stroke-gray-900\/40:active { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .lg\:focus\:stroke-gray-900\/50:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:hover\:stroke-gray-900\/50:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:active\:stroke-gray-900\/50:active { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .lg\:focus\:stroke-gray-900\/60:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:hover\:stroke-gray-900\/60:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:active\:stroke-gray-900\/60:active { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .lg\:focus\:stroke-gray-900\/70:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:hover\:stroke-gray-900\/70:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:active\:stroke-gray-900\/70:active { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .lg\:focus\:stroke-gray-900\/80:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:hover\:stroke-gray-900\/80:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:active\:stroke-gray-900\/80:active { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .lg\:focus\:stroke-gray-900\/90:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:hover\:stroke-gray-900\/90:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:active\:stroke-gray-900\/90:active { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-0:focus { + stroke: var(--surface-0) + } + .lg\:hover\:stroke-surface-0:hover { + stroke: var(--surface-0) + } + .lg\:active\:stroke-surface-0:active { + stroke: var(--surface-0) + } + .lg\:focus\:stroke-surface-0\/10:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-0\/10:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:active\:stroke-surface-0\/10:active { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-0\/20:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-0\/20:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:active\:stroke-surface-0\/20:active { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-0\/30:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-0\/30:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:active\:stroke-surface-0\/30:active { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-0\/40:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-0\/40:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:active\:stroke-surface-0\/40:active { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-0\/50:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-0\/50:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:active\:stroke-surface-0\/50:active { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-0\/60:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-0\/60:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:active\:stroke-surface-0\/60:active { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-0\/70:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-0\/70:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:active\:stroke-surface-0\/70:active { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-0\/80:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-0\/80:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:active\:stroke-surface-0\/80:active { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-0\/90:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-0\/90:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:active\:stroke-surface-0\/90:active { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-50:focus { + stroke: var(--surface-50) + } + .lg\:hover\:stroke-surface-50:hover { + stroke: var(--surface-50) + } + .lg\:active\:stroke-surface-50:active { + stroke: var(--surface-50) + } + .lg\:focus\:stroke-surface-50\/10:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-50\/10:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:active\:stroke-surface-50\/10:active { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-50\/20:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-50\/20:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:active\:stroke-surface-50\/20:active { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-50\/30:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-50\/30:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:active\:stroke-surface-50\/30:active { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-50\/40:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-50\/40:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:active\:stroke-surface-50\/40:active { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-50\/50:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-50\/50:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:active\:stroke-surface-50\/50:active { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-50\/60:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-50\/60:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:active\:stroke-surface-50\/60:active { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-50\/70:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-50\/70:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:active\:stroke-surface-50\/70:active { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-50\/80:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-50\/80:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:active\:stroke-surface-50\/80:active { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-50\/90:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-50\/90:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:active\:stroke-surface-50\/90:active { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-100:focus { + stroke: var(--surface-100) + } + .lg\:hover\:stroke-surface-100:hover { + stroke: var(--surface-100) + } + .lg\:active\:stroke-surface-100:active { + stroke: var(--surface-100) + } + .lg\:focus\:stroke-surface-100\/10:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-100\/10:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:active\:stroke-surface-100\/10:active { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-100\/20:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-100\/20:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:active\:stroke-surface-100\/20:active { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-100\/30:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-100\/30:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:active\:stroke-surface-100\/30:active { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-100\/40:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-100\/40:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:active\:stroke-surface-100\/40:active { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-100\/50:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-100\/50:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:active\:stroke-surface-100\/50:active { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-100\/60:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-100\/60:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:active\:stroke-surface-100\/60:active { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-100\/70:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-100\/70:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:active\:stroke-surface-100\/70:active { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-100\/80:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-100\/80:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:active\:stroke-surface-100\/80:active { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-100\/90:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-100\/90:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:active\:stroke-surface-100\/90:active { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-200:focus { + stroke: var(--surface-200) + } + .lg\:hover\:stroke-surface-200:hover { + stroke: var(--surface-200) + } + .lg\:active\:stroke-surface-200:active { + stroke: var(--surface-200) + } + .lg\:focus\:stroke-surface-200\/10:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-200\/10:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:active\:stroke-surface-200\/10:active { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-200\/20:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-200\/20:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:active\:stroke-surface-200\/20:active { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-200\/30:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-200\/30:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:active\:stroke-surface-200\/30:active { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-200\/40:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-200\/40:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:active\:stroke-surface-200\/40:active { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-200\/50:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-200\/50:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:active\:stroke-surface-200\/50:active { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-200\/60:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-200\/60:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:active\:stroke-surface-200\/60:active { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-200\/70:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-200\/70:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:active\:stroke-surface-200\/70:active { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-200\/80:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-200\/80:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:active\:stroke-surface-200\/80:active { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-200\/90:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-200\/90:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:active\:stroke-surface-200\/90:active { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-300:focus { + stroke: var(--surface-300) + } + .lg\:hover\:stroke-surface-300:hover { + stroke: var(--surface-300) + } + .lg\:active\:stroke-surface-300:active { + stroke: var(--surface-300) + } + .lg\:focus\:stroke-surface-300\/10:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-300\/10:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:active\:stroke-surface-300\/10:active { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-300\/20:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-300\/20:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:active\:stroke-surface-300\/20:active { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-300\/30:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-300\/30:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:active\:stroke-surface-300\/30:active { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-300\/40:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-300\/40:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:active\:stroke-surface-300\/40:active { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-300\/50:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-300\/50:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:active\:stroke-surface-300\/50:active { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-300\/60:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-300\/60:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:active\:stroke-surface-300\/60:active { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-300\/70:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-300\/70:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:active\:stroke-surface-300\/70:active { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-300\/80:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-300\/80:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:active\:stroke-surface-300\/80:active { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-300\/90:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-300\/90:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:active\:stroke-surface-300\/90:active { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-400:focus { + stroke: var(--surface-400) + } + .lg\:hover\:stroke-surface-400:hover { + stroke: var(--surface-400) + } + .lg\:active\:stroke-surface-400:active { + stroke: var(--surface-400) + } + .lg\:focus\:stroke-surface-400\/10:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-400\/10:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:active\:stroke-surface-400\/10:active { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-400\/20:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-400\/20:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:active\:stroke-surface-400\/20:active { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-400\/30:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-400\/30:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:active\:stroke-surface-400\/30:active { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-400\/40:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-400\/40:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:active\:stroke-surface-400\/40:active { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-400\/50:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-400\/50:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:active\:stroke-surface-400\/50:active { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-400\/60:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-400\/60:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:active\:stroke-surface-400\/60:active { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-400\/70:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-400\/70:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:active\:stroke-surface-400\/70:active { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-400\/80:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-400\/80:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:active\:stroke-surface-400\/80:active { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-400\/90:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-400\/90:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:active\:stroke-surface-400\/90:active { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-500:focus { + stroke: var(--surface-500) + } + .lg\:hover\:stroke-surface-500:hover { + stroke: var(--surface-500) + } + .lg\:active\:stroke-surface-500:active { + stroke: var(--surface-500) + } + .lg\:focus\:stroke-surface-500\/10:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-500\/10:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:active\:stroke-surface-500\/10:active { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-500\/20:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-500\/20:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:active\:stroke-surface-500\/20:active { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-500\/30:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-500\/30:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:active\:stroke-surface-500\/30:active { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-500\/40:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-500\/40:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:active\:stroke-surface-500\/40:active { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-500\/50:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-500\/50:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:active\:stroke-surface-500\/50:active { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-500\/60:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-500\/60:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:active\:stroke-surface-500\/60:active { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-500\/70:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-500\/70:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:active\:stroke-surface-500\/70:active { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-500\/80:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-500\/80:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:active\:stroke-surface-500\/80:active { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-500\/90:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-500\/90:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:active\:stroke-surface-500\/90:active { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-600:focus { + stroke: var(--surface-600) + } + .lg\:hover\:stroke-surface-600:hover { + stroke: var(--surface-600) + } + .lg\:active\:stroke-surface-600:active { + stroke: var(--surface-600) + } + .lg\:focus\:stroke-surface-600\/10:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-600\/10:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:active\:stroke-surface-600\/10:active { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-600\/20:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-600\/20:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:active\:stroke-surface-600\/20:active { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-600\/30:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-600\/30:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:active\:stroke-surface-600\/30:active { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-600\/40:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-600\/40:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:active\:stroke-surface-600\/40:active { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-600\/50:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-600\/50:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:active\:stroke-surface-600\/50:active { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-600\/60:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-600\/60:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:active\:stroke-surface-600\/60:active { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-600\/70:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-600\/70:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:active\:stroke-surface-600\/70:active { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-600\/80:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-600\/80:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:active\:stroke-surface-600\/80:active { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-600\/90:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-600\/90:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:active\:stroke-surface-600\/90:active { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-700:focus { + stroke: var(--surface-700) + } + .lg\:hover\:stroke-surface-700:hover { + stroke: var(--surface-700) + } + .lg\:active\:stroke-surface-700:active { + stroke: var(--surface-700) + } + .lg\:focus\:stroke-surface-700\/10:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-700\/10:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:active\:stroke-surface-700\/10:active { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-700\/20:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-700\/20:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:active\:stroke-surface-700\/20:active { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-700\/30:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-700\/30:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:active\:stroke-surface-700\/30:active { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-700\/40:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-700\/40:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:active\:stroke-surface-700\/40:active { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-700\/50:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-700\/50:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:active\:stroke-surface-700\/50:active { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-700\/60:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-700\/60:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:active\:stroke-surface-700\/60:active { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-700\/70:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-700\/70:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:active\:stroke-surface-700\/70:active { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-700\/80:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-700\/80:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:active\:stroke-surface-700\/80:active { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-700\/90:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-700\/90:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:active\:stroke-surface-700\/90:active { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-800:focus { + stroke: var(--surface-800) + } + .lg\:hover\:stroke-surface-800:hover { + stroke: var(--surface-800) + } + .lg\:active\:stroke-surface-800:active { + stroke: var(--surface-800) + } + .lg\:focus\:stroke-surface-800\/10:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-800\/10:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:active\:stroke-surface-800\/10:active { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-800\/20:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-800\/20:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:active\:stroke-surface-800\/20:active { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-800\/30:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-800\/30:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:active\:stroke-surface-800\/30:active { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-800\/40:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-800\/40:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:active\:stroke-surface-800\/40:active { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-800\/50:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-800\/50:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:active\:stroke-surface-800\/50:active { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-800\/60:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-800\/60:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:active\:stroke-surface-800\/60:active { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-800\/70:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-800\/70:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:active\:stroke-surface-800\/70:active { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-800\/80:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-800\/80:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:active\:stroke-surface-800\/80:active { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-800\/90:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-800\/90:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:active\:stroke-surface-800\/90:active { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .lg\:focus\:stroke-surface-900:focus { + stroke: var(--surface-900) + } + .lg\:hover\:stroke-surface-900:hover { + stroke: var(--surface-900) + } + .lg\:active\:stroke-surface-900:active { + stroke: var(--surface-900) + } + .lg\:focus\:stroke-surface-900\/10:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:hover\:stroke-surface-900\/10:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:active\:stroke-surface-900\/10:active { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .lg\:focus\:stroke-surface-900\/20:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:hover\:stroke-surface-900\/20:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:active\:stroke-surface-900\/20:active { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .lg\:focus\:stroke-surface-900\/30:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:hover\:stroke-surface-900\/30:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:active\:stroke-surface-900\/30:active { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .lg\:focus\:stroke-surface-900\/40:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:hover\:stroke-surface-900\/40:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:active\:stroke-surface-900\/40:active { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .lg\:focus\:stroke-surface-900\/50:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:hover\:stroke-surface-900\/50:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:active\:stroke-surface-900\/50:active { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .lg\:focus\:stroke-surface-900\/60:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:hover\:stroke-surface-900\/60:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:active\:stroke-surface-900\/60:active { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .lg\:focus\:stroke-surface-900\/70:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:hover\:stroke-surface-900\/70:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:active\:stroke-surface-900\/70:active { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .lg\:focus\:stroke-surface-900\/80:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:hover\:stroke-surface-900\/80:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:active\:stroke-surface-900\/80:active { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .lg\:focus\:stroke-surface-900\/90:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:hover\:stroke-surface-900\/90:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:active\:stroke-surface-900\/90:active { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-50:focus { + stroke: var(--primary-50) + } + .lg\:hover\:stroke-primary-50:hover { + stroke: var(--primary-50) + } + .lg\:active\:stroke-primary-50:active { + stroke: var(--primary-50) + } + .lg\:focus\:stroke-primary-50\/10:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-50\/10:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:active\:stroke-primary-50\/10:active { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-50\/20:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-50\/20:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:active\:stroke-primary-50\/20:active { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-50\/30:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-50\/30:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:active\:stroke-primary-50\/30:active { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-50\/40:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-50\/40:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:active\:stroke-primary-50\/40:active { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-50\/50:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-50\/50:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:active\:stroke-primary-50\/50:active { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-50\/60:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-50\/60:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:active\:stroke-primary-50\/60:active { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-50\/70:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-50\/70:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:active\:stroke-primary-50\/70:active { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-50\/80:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-50\/80:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:active\:stroke-primary-50\/80:active { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-50\/90:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-50\/90:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:active\:stroke-primary-50\/90:active { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-100:focus { + stroke: var(--primary-100) + } + .lg\:hover\:stroke-primary-100:hover { + stroke: var(--primary-100) + } + .lg\:active\:stroke-primary-100:active { + stroke: var(--primary-100) + } + .lg\:focus\:stroke-primary-100\/10:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-100\/10:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:active\:stroke-primary-100\/10:active { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-100\/20:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-100\/20:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:active\:stroke-primary-100\/20:active { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-100\/30:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-100\/30:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:active\:stroke-primary-100\/30:active { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-100\/40:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-100\/40:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:active\:stroke-primary-100\/40:active { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-100\/50:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-100\/50:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:active\:stroke-primary-100\/50:active { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-100\/60:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-100\/60:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:active\:stroke-primary-100\/60:active { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-100\/70:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-100\/70:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:active\:stroke-primary-100\/70:active { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-100\/80:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-100\/80:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:active\:stroke-primary-100\/80:active { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-100\/90:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-100\/90:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:active\:stroke-primary-100\/90:active { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-200:focus { + stroke: var(--primary-200) + } + .lg\:hover\:stroke-primary-200:hover { + stroke: var(--primary-200) + } + .lg\:active\:stroke-primary-200:active { + stroke: var(--primary-200) + } + .lg\:focus\:stroke-primary-200\/10:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-200\/10:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:active\:stroke-primary-200\/10:active { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-200\/20:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-200\/20:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:active\:stroke-primary-200\/20:active { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-200\/30:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-200\/30:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:active\:stroke-primary-200\/30:active { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-200\/40:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-200\/40:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:active\:stroke-primary-200\/40:active { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-200\/50:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-200\/50:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:active\:stroke-primary-200\/50:active { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-200\/60:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-200\/60:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:active\:stroke-primary-200\/60:active { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-200\/70:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-200\/70:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:active\:stroke-primary-200\/70:active { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-200\/80:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-200\/80:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:active\:stroke-primary-200\/80:active { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-200\/90:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-200\/90:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:active\:stroke-primary-200\/90:active { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-300:focus { + stroke: var(--primary-300) + } + .lg\:hover\:stroke-primary-300:hover { + stroke: var(--primary-300) + } + .lg\:active\:stroke-primary-300:active { + stroke: var(--primary-300) + } + .lg\:focus\:stroke-primary-300\/10:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-300\/10:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:active\:stroke-primary-300\/10:active { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-300\/20:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-300\/20:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:active\:stroke-primary-300\/20:active { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-300\/30:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-300\/30:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:active\:stroke-primary-300\/30:active { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-300\/40:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-300\/40:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:active\:stroke-primary-300\/40:active { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-300\/50:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-300\/50:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:active\:stroke-primary-300\/50:active { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-300\/60:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-300\/60:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:active\:stroke-primary-300\/60:active { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-300\/70:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-300\/70:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:active\:stroke-primary-300\/70:active { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-300\/80:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-300\/80:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:active\:stroke-primary-300\/80:active { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-300\/90:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-300\/90:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:active\:stroke-primary-300\/90:active { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-400:focus { + stroke: var(--primary-400) + } + .lg\:hover\:stroke-primary-400:hover { + stroke: var(--primary-400) + } + .lg\:active\:stroke-primary-400:active { + stroke: var(--primary-400) + } + .lg\:focus\:stroke-primary-400\/10:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-400\/10:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:active\:stroke-primary-400\/10:active { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-400\/20:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-400\/20:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:active\:stroke-primary-400\/20:active { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-400\/30:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-400\/30:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:active\:stroke-primary-400\/30:active { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-400\/40:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-400\/40:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:active\:stroke-primary-400\/40:active { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-400\/50:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-400\/50:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:active\:stroke-primary-400\/50:active { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-400\/60:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-400\/60:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:active\:stroke-primary-400\/60:active { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-400\/70:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-400\/70:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:active\:stroke-primary-400\/70:active { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-400\/80:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-400\/80:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:active\:stroke-primary-400\/80:active { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-400\/90:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-400\/90:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:active\:stroke-primary-400\/90:active { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-500:focus { + stroke: var(--primary-500) + } + .lg\:hover\:stroke-primary-500:hover { + stroke: var(--primary-500) + } + .lg\:active\:stroke-primary-500:active { + stroke: var(--primary-500) + } + .lg\:focus\:stroke-primary-500\/10:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-500\/10:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:active\:stroke-primary-500\/10:active { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-500\/20:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-500\/20:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:active\:stroke-primary-500\/20:active { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-500\/30:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-500\/30:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:active\:stroke-primary-500\/30:active { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-500\/40:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-500\/40:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:active\:stroke-primary-500\/40:active { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-500\/50:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-500\/50:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:active\:stroke-primary-500\/50:active { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-500\/60:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-500\/60:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:active\:stroke-primary-500\/60:active { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-500\/70:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-500\/70:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:active\:stroke-primary-500\/70:active { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-500\/80:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-500\/80:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:active\:stroke-primary-500\/80:active { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-500\/90:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-500\/90:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:active\:stroke-primary-500\/90:active { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-600:focus { + stroke: var(--primary-600) + } + .lg\:hover\:stroke-primary-600:hover { + stroke: var(--primary-600) + } + .lg\:active\:stroke-primary-600:active { + stroke: var(--primary-600) + } + .lg\:focus\:stroke-primary-600\/10:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-600\/10:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:active\:stroke-primary-600\/10:active { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-600\/20:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-600\/20:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:active\:stroke-primary-600\/20:active { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-600\/30:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-600\/30:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:active\:stroke-primary-600\/30:active { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-600\/40:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-600\/40:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:active\:stroke-primary-600\/40:active { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-600\/50:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-600\/50:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:active\:stroke-primary-600\/50:active { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-600\/60:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-600\/60:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:active\:stroke-primary-600\/60:active { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-600\/70:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-600\/70:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:active\:stroke-primary-600\/70:active { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-600\/80:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-600\/80:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:active\:stroke-primary-600\/80:active { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-600\/90:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-600\/90:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:active\:stroke-primary-600\/90:active { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-700:focus { + stroke: var(--primary-700) + } + .lg\:hover\:stroke-primary-700:hover { + stroke: var(--primary-700) + } + .lg\:active\:stroke-primary-700:active { + stroke: var(--primary-700) + } + .lg\:focus\:stroke-primary-700\/10:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-700\/10:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:active\:stroke-primary-700\/10:active { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-700\/20:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-700\/20:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:active\:stroke-primary-700\/20:active { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-700\/30:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-700\/30:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:active\:stroke-primary-700\/30:active { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-700\/40:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-700\/40:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:active\:stroke-primary-700\/40:active { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-700\/50:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-700\/50:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:active\:stroke-primary-700\/50:active { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-700\/60:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-700\/60:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:active\:stroke-primary-700\/60:active { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-700\/70:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-700\/70:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:active\:stroke-primary-700\/70:active { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-700\/80:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-700\/80:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:active\:stroke-primary-700\/80:active { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-700\/90:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-700\/90:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:active\:stroke-primary-700\/90:active { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-800:focus { + stroke: var(--primary-800) + } + .lg\:hover\:stroke-primary-800:hover { + stroke: var(--primary-800) + } + .lg\:active\:stroke-primary-800:active { + stroke: var(--primary-800) + } + .lg\:focus\:stroke-primary-800\/10:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-800\/10:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:active\:stroke-primary-800\/10:active { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-800\/20:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-800\/20:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:active\:stroke-primary-800\/20:active { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-800\/30:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-800\/30:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:active\:stroke-primary-800\/30:active { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-800\/40:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-800\/40:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:active\:stroke-primary-800\/40:active { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-800\/50:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-800\/50:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:active\:stroke-primary-800\/50:active { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-800\/60:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-800\/60:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:active\:stroke-primary-800\/60:active { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-800\/70:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-800\/70:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:active\:stroke-primary-800\/70:active { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-800\/80:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-800\/80:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:active\:stroke-primary-800\/80:active { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-800\/90:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-800\/90:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:active\:stroke-primary-800\/90:active { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .lg\:focus\:stroke-primary-900:focus { + stroke: var(--primary-900) + } + .lg\:hover\:stroke-primary-900:hover { + stroke: var(--primary-900) + } + .lg\:active\:stroke-primary-900:active { + stroke: var(--primary-900) + } + .lg\:focus\:stroke-primary-900\/10:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:hover\:stroke-primary-900\/10:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:active\:stroke-primary-900\/10:active { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .lg\:focus\:stroke-primary-900\/20:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:hover\:stroke-primary-900\/20:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:active\:stroke-primary-900\/20:active { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .lg\:focus\:stroke-primary-900\/30:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:hover\:stroke-primary-900\/30:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:active\:stroke-primary-900\/30:active { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .lg\:focus\:stroke-primary-900\/40:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:hover\:stroke-primary-900\/40:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:active\:stroke-primary-900\/40:active { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .lg\:focus\:stroke-primary-900\/50:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:hover\:stroke-primary-900\/50:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:active\:stroke-primary-900\/50:active { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .lg\:focus\:stroke-primary-900\/60:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:hover\:stroke-primary-900\/60:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:active\:stroke-primary-900\/60:active { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .lg\:focus\:stroke-primary-900\/70:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:hover\:stroke-primary-900\/70:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:active\:stroke-primary-900\/70:active { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .lg\:focus\:stroke-primary-900\/80:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:hover\:stroke-primary-900\/80:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:active\:stroke-primary-900\/80:active { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .lg\:focus\:stroke-primary-900\/90:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:hover\:stroke-primary-900\/90:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .lg\:active\:stroke-primary-900\/90:active { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:stroke-blue-50 { + stroke: var(--blue-50) + } + .xl\:stroke-blue-50\/10 { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:stroke-blue-50\/20 { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:stroke-blue-50\/30 { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:stroke-blue-50\/40 { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:stroke-blue-50\/50 { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:stroke-blue-50\/60 { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:stroke-blue-50\/70 { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:stroke-blue-50\/80 { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:stroke-blue-50\/90 { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:stroke-blue-100 { + stroke: var(--blue-100) + } + .xl\:stroke-blue-100\/10 { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:stroke-blue-100\/20 { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:stroke-blue-100\/30 { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:stroke-blue-100\/40 { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:stroke-blue-100\/50 { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:stroke-blue-100\/60 { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:stroke-blue-100\/70 { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:stroke-blue-100\/80 { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:stroke-blue-100\/90 { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:stroke-blue-200 { + stroke: var(--blue-200) + } + .xl\:stroke-blue-200\/10 { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:stroke-blue-200\/20 { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:stroke-blue-200\/30 { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:stroke-blue-200\/40 { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:stroke-blue-200\/50 { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:stroke-blue-200\/60 { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:stroke-blue-200\/70 { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:stroke-blue-200\/80 { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:stroke-blue-200\/90 { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:stroke-blue-300 { + stroke: var(--blue-300) + } + .xl\:stroke-blue-300\/10 { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:stroke-blue-300\/20 { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:stroke-blue-300\/30 { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:stroke-blue-300\/40 { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:stroke-blue-300\/50 { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:stroke-blue-300\/60 { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:stroke-blue-300\/70 { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:stroke-blue-300\/80 { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:stroke-blue-300\/90 { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:stroke-blue-400 { + stroke: var(--blue-400) + } + .xl\:stroke-blue-400\/10 { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:stroke-blue-400\/20 { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:stroke-blue-400\/30 { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:stroke-blue-400\/40 { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:stroke-blue-400\/50 { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:stroke-blue-400\/60 { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:stroke-blue-400\/70 { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:stroke-blue-400\/80 { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:stroke-blue-400\/90 { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:stroke-blue-500 { + stroke: var(--blue-500) + } + .xl\:stroke-blue-500\/10 { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:stroke-blue-500\/20 { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:stroke-blue-500\/30 { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:stroke-blue-500\/40 { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:stroke-blue-500\/50 { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:stroke-blue-500\/60 { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:stroke-blue-500\/70 { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:stroke-blue-500\/80 { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:stroke-blue-500\/90 { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:stroke-blue-600 { + stroke: var(--blue-600) + } + .xl\:stroke-blue-600\/10 { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:stroke-blue-600\/20 { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:stroke-blue-600\/30 { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:stroke-blue-600\/40 { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:stroke-blue-600\/50 { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:stroke-blue-600\/60 { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:stroke-blue-600\/70 { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:stroke-blue-600\/80 { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:stroke-blue-600\/90 { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:stroke-blue-700 { + stroke: var(--blue-700) + } + .xl\:stroke-blue-700\/10 { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:stroke-blue-700\/20 { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:stroke-blue-700\/30 { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:stroke-blue-700\/40 { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:stroke-blue-700\/50 { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:stroke-blue-700\/60 { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:stroke-blue-700\/70 { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:stroke-blue-700\/80 { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:stroke-blue-700\/90 { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:stroke-blue-800 { + stroke: var(--blue-800) + } + .xl\:stroke-blue-800\/10 { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:stroke-blue-800\/20 { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:stroke-blue-800\/30 { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:stroke-blue-800\/40 { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:stroke-blue-800\/50 { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:stroke-blue-800\/60 { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:stroke-blue-800\/70 { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:stroke-blue-800\/80 { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:stroke-blue-800\/90 { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:stroke-blue-900 { + stroke: var(--blue-900) + } + .xl\:stroke-blue-900\/10 { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:stroke-blue-900\/20 { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:stroke-blue-900\/30 { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:stroke-blue-900\/40 { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:stroke-blue-900\/50 { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:stroke-blue-900\/60 { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:stroke-blue-900\/70 { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:stroke-blue-900\/80 { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:stroke-blue-900\/90 { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:stroke-green-50 { + stroke: var(--green-50) + } + .xl\:stroke-green-50\/10 { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:stroke-green-50\/20 { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:stroke-green-50\/30 { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:stroke-green-50\/40 { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:stroke-green-50\/50 { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:stroke-green-50\/60 { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:stroke-green-50\/70 { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:stroke-green-50\/80 { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:stroke-green-50\/90 { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:stroke-green-100 { + stroke: var(--green-100) + } + .xl\:stroke-green-100\/10 { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:stroke-green-100\/20 { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:stroke-green-100\/30 { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:stroke-green-100\/40 { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:stroke-green-100\/50 { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:stroke-green-100\/60 { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:stroke-green-100\/70 { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:stroke-green-100\/80 { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:stroke-green-100\/90 { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:stroke-green-200 { + stroke: var(--green-200) + } + .xl\:stroke-green-200\/10 { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:stroke-green-200\/20 { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:stroke-green-200\/30 { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:stroke-green-200\/40 { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:stroke-green-200\/50 { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:stroke-green-200\/60 { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:stroke-green-200\/70 { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:stroke-green-200\/80 { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:stroke-green-200\/90 { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:stroke-green-300 { + stroke: var(--green-300) + } + .xl\:stroke-green-300\/10 { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:stroke-green-300\/20 { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:stroke-green-300\/30 { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:stroke-green-300\/40 { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:stroke-green-300\/50 { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:stroke-green-300\/60 { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:stroke-green-300\/70 { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:stroke-green-300\/80 { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:stroke-green-300\/90 { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:stroke-green-400 { + stroke: var(--green-400) + } + .xl\:stroke-green-400\/10 { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:stroke-green-400\/20 { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:stroke-green-400\/30 { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:stroke-green-400\/40 { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:stroke-green-400\/50 { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:stroke-green-400\/60 { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:stroke-green-400\/70 { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:stroke-green-400\/80 { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:stroke-green-400\/90 { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:stroke-green-500 { + stroke: var(--green-500) + } + .xl\:stroke-green-500\/10 { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:stroke-green-500\/20 { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:stroke-green-500\/30 { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:stroke-green-500\/40 { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:stroke-green-500\/50 { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:stroke-green-500\/60 { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:stroke-green-500\/70 { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:stroke-green-500\/80 { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:stroke-green-500\/90 { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:stroke-green-600 { + stroke: var(--green-600) + } + .xl\:stroke-green-600\/10 { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:stroke-green-600\/20 { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:stroke-green-600\/30 { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:stroke-green-600\/40 { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:stroke-green-600\/50 { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:stroke-green-600\/60 { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:stroke-green-600\/70 { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:stroke-green-600\/80 { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:stroke-green-600\/90 { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:stroke-green-700 { + stroke: var(--green-700) + } + .xl\:stroke-green-700\/10 { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:stroke-green-700\/20 { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:stroke-green-700\/30 { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:stroke-green-700\/40 { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:stroke-green-700\/50 { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:stroke-green-700\/60 { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:stroke-green-700\/70 { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:stroke-green-700\/80 { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:stroke-green-700\/90 { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:stroke-green-800 { + stroke: var(--green-800) + } + .xl\:stroke-green-800\/10 { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:stroke-green-800\/20 { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:stroke-green-800\/30 { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:stroke-green-800\/40 { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:stroke-green-800\/50 { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:stroke-green-800\/60 { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:stroke-green-800\/70 { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:stroke-green-800\/80 { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:stroke-green-800\/90 { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:stroke-green-900 { + stroke: var(--green-900) + } + .xl\:stroke-green-900\/10 { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:stroke-green-900\/20 { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:stroke-green-900\/30 { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:stroke-green-900\/40 { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:stroke-green-900\/50 { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:stroke-green-900\/60 { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:stroke-green-900\/70 { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:stroke-green-900\/80 { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:stroke-green-900\/90 { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:stroke-yellow-50 { + stroke: var(--yellow-50) + } + .xl\:stroke-yellow-50\/10 { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:stroke-yellow-50\/20 { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:stroke-yellow-50\/30 { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:stroke-yellow-50\/40 { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:stroke-yellow-50\/50 { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:stroke-yellow-50\/60 { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:stroke-yellow-50\/70 { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:stroke-yellow-50\/80 { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:stroke-yellow-50\/90 { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:stroke-yellow-100 { + stroke: var(--yellow-100) + } + .xl\:stroke-yellow-100\/10 { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:stroke-yellow-100\/20 { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:stroke-yellow-100\/30 { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:stroke-yellow-100\/40 { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:stroke-yellow-100\/50 { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:stroke-yellow-100\/60 { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:stroke-yellow-100\/70 { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:stroke-yellow-100\/80 { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:stroke-yellow-100\/90 { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:stroke-yellow-200 { + stroke: var(--yellow-200) + } + .xl\:stroke-yellow-200\/10 { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:stroke-yellow-200\/20 { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:stroke-yellow-200\/30 { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:stroke-yellow-200\/40 { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:stroke-yellow-200\/50 { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:stroke-yellow-200\/60 { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:stroke-yellow-200\/70 { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:stroke-yellow-200\/80 { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:stroke-yellow-200\/90 { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:stroke-yellow-300 { + stroke: var(--yellow-300) + } + .xl\:stroke-yellow-300\/10 { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:stroke-yellow-300\/20 { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:stroke-yellow-300\/30 { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:stroke-yellow-300\/40 { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:stroke-yellow-300\/50 { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:stroke-yellow-300\/60 { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:stroke-yellow-300\/70 { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:stroke-yellow-300\/80 { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:stroke-yellow-300\/90 { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:stroke-yellow-400 { + stroke: var(--yellow-400) + } + .xl\:stroke-yellow-400\/10 { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:stroke-yellow-400\/20 { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:stroke-yellow-400\/30 { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:stroke-yellow-400\/40 { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:stroke-yellow-400\/50 { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:stroke-yellow-400\/60 { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:stroke-yellow-400\/70 { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:stroke-yellow-400\/80 { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:stroke-yellow-400\/90 { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:stroke-yellow-500 { + stroke: var(--yellow-500) + } + .xl\:stroke-yellow-500\/10 { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:stroke-yellow-500\/20 { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:stroke-yellow-500\/30 { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:stroke-yellow-500\/40 { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:stroke-yellow-500\/50 { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:stroke-yellow-500\/60 { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:stroke-yellow-500\/70 { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:stroke-yellow-500\/80 { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:stroke-yellow-500\/90 { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:stroke-yellow-600 { + stroke: var(--yellow-600) + } + .xl\:stroke-yellow-600\/10 { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:stroke-yellow-600\/20 { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:stroke-yellow-600\/30 { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:stroke-yellow-600\/40 { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:stroke-yellow-600\/50 { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:stroke-yellow-600\/60 { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:stroke-yellow-600\/70 { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:stroke-yellow-600\/80 { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:stroke-yellow-600\/90 { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:stroke-yellow-700 { + stroke: var(--yellow-700) + } + .xl\:stroke-yellow-700\/10 { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:stroke-yellow-700\/20 { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:stroke-yellow-700\/30 { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:stroke-yellow-700\/40 { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:stroke-yellow-700\/50 { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:stroke-yellow-700\/60 { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:stroke-yellow-700\/70 { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:stroke-yellow-700\/80 { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:stroke-yellow-700\/90 { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:stroke-yellow-800 { + stroke: var(--yellow-800) + } + .xl\:stroke-yellow-800\/10 { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:stroke-yellow-800\/20 { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:stroke-yellow-800\/30 { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:stroke-yellow-800\/40 { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:stroke-yellow-800\/50 { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:stroke-yellow-800\/60 { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:stroke-yellow-800\/70 { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:stroke-yellow-800\/80 { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:stroke-yellow-800\/90 { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:stroke-yellow-900 { + stroke: var(--yellow-900) + } + .xl\:stroke-yellow-900\/10 { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:stroke-yellow-900\/20 { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:stroke-yellow-900\/30 { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:stroke-yellow-900\/40 { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:stroke-yellow-900\/50 { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:stroke-yellow-900\/60 { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:stroke-yellow-900\/70 { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:stroke-yellow-900\/80 { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:stroke-yellow-900\/90 { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:stroke-cyan-50 { + stroke: var(--cyan-50) + } + .xl\:stroke-cyan-50\/10 { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:stroke-cyan-50\/20 { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:stroke-cyan-50\/30 { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:stroke-cyan-50\/40 { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:stroke-cyan-50\/50 { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:stroke-cyan-50\/60 { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:stroke-cyan-50\/70 { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:stroke-cyan-50\/80 { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:stroke-cyan-50\/90 { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:stroke-cyan-100 { + stroke: var(--cyan-100) + } + .xl\:stroke-cyan-100\/10 { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:stroke-cyan-100\/20 { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:stroke-cyan-100\/30 { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:stroke-cyan-100\/40 { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:stroke-cyan-100\/50 { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:stroke-cyan-100\/60 { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:stroke-cyan-100\/70 { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:stroke-cyan-100\/80 { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:stroke-cyan-100\/90 { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:stroke-cyan-200 { + stroke: var(--cyan-200) + } + .xl\:stroke-cyan-200\/10 { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:stroke-cyan-200\/20 { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:stroke-cyan-200\/30 { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:stroke-cyan-200\/40 { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:stroke-cyan-200\/50 { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:stroke-cyan-200\/60 { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:stroke-cyan-200\/70 { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:stroke-cyan-200\/80 { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:stroke-cyan-200\/90 { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:stroke-cyan-300 { + stroke: var(--cyan-300) + } + .xl\:stroke-cyan-300\/10 { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:stroke-cyan-300\/20 { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:stroke-cyan-300\/30 { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:stroke-cyan-300\/40 { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:stroke-cyan-300\/50 { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:stroke-cyan-300\/60 { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:stroke-cyan-300\/70 { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:stroke-cyan-300\/80 { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:stroke-cyan-300\/90 { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:stroke-cyan-400 { + stroke: var(--cyan-400) + } + .xl\:stroke-cyan-400\/10 { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:stroke-cyan-400\/20 { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:stroke-cyan-400\/30 { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:stroke-cyan-400\/40 { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:stroke-cyan-400\/50 { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:stroke-cyan-400\/60 { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:stroke-cyan-400\/70 { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:stroke-cyan-400\/80 { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:stroke-cyan-400\/90 { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:stroke-cyan-500 { + stroke: var(--cyan-500) + } + .xl\:stroke-cyan-500\/10 { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:stroke-cyan-500\/20 { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:stroke-cyan-500\/30 { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:stroke-cyan-500\/40 { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:stroke-cyan-500\/50 { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:stroke-cyan-500\/60 { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:stroke-cyan-500\/70 { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:stroke-cyan-500\/80 { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:stroke-cyan-500\/90 { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:stroke-cyan-600 { + stroke: var(--cyan-600) + } + .xl\:stroke-cyan-600\/10 { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:stroke-cyan-600\/20 { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:stroke-cyan-600\/30 { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:stroke-cyan-600\/40 { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:stroke-cyan-600\/50 { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:stroke-cyan-600\/60 { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:stroke-cyan-600\/70 { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:stroke-cyan-600\/80 { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:stroke-cyan-600\/90 { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:stroke-cyan-700 { + stroke: var(--cyan-700) + } + .xl\:stroke-cyan-700\/10 { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:stroke-cyan-700\/20 { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:stroke-cyan-700\/30 { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:stroke-cyan-700\/40 { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:stroke-cyan-700\/50 { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:stroke-cyan-700\/60 { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:stroke-cyan-700\/70 { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:stroke-cyan-700\/80 { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:stroke-cyan-700\/90 { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:stroke-cyan-800 { + stroke: var(--cyan-800) + } + .xl\:stroke-cyan-800\/10 { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:stroke-cyan-800\/20 { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:stroke-cyan-800\/30 { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:stroke-cyan-800\/40 { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:stroke-cyan-800\/50 { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:stroke-cyan-800\/60 { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:stroke-cyan-800\/70 { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:stroke-cyan-800\/80 { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:stroke-cyan-800\/90 { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:stroke-cyan-900 { + stroke: var(--cyan-900) + } + .xl\:stroke-cyan-900\/10 { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:stroke-cyan-900\/20 { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:stroke-cyan-900\/30 { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:stroke-cyan-900\/40 { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:stroke-cyan-900\/50 { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:stroke-cyan-900\/60 { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:stroke-cyan-900\/70 { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:stroke-cyan-900\/80 { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:stroke-cyan-900\/90 { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:stroke-pink-50 { + stroke: var(--pink-50) + } + .xl\:stroke-pink-50\/10 { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:stroke-pink-50\/20 { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:stroke-pink-50\/30 { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:stroke-pink-50\/40 { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:stroke-pink-50\/50 { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:stroke-pink-50\/60 { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:stroke-pink-50\/70 { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:stroke-pink-50\/80 { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:stroke-pink-50\/90 { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:stroke-pink-100 { + stroke: var(--pink-100) + } + .xl\:stroke-pink-100\/10 { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:stroke-pink-100\/20 { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:stroke-pink-100\/30 { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:stroke-pink-100\/40 { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:stroke-pink-100\/50 { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:stroke-pink-100\/60 { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:stroke-pink-100\/70 { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:stroke-pink-100\/80 { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:stroke-pink-100\/90 { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:stroke-pink-200 { + stroke: var(--pink-200) + } + .xl\:stroke-pink-200\/10 { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:stroke-pink-200\/20 { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:stroke-pink-200\/30 { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:stroke-pink-200\/40 { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:stroke-pink-200\/50 { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:stroke-pink-200\/60 { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:stroke-pink-200\/70 { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:stroke-pink-200\/80 { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:stroke-pink-200\/90 { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:stroke-pink-300 { + stroke: var(--pink-300) + } + .xl\:stroke-pink-300\/10 { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:stroke-pink-300\/20 { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:stroke-pink-300\/30 { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:stroke-pink-300\/40 { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:stroke-pink-300\/50 { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:stroke-pink-300\/60 { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:stroke-pink-300\/70 { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:stroke-pink-300\/80 { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:stroke-pink-300\/90 { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:stroke-pink-400 { + stroke: var(--pink-400) + } + .xl\:stroke-pink-400\/10 { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:stroke-pink-400\/20 { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:stroke-pink-400\/30 { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:stroke-pink-400\/40 { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:stroke-pink-400\/50 { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:stroke-pink-400\/60 { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:stroke-pink-400\/70 { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:stroke-pink-400\/80 { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:stroke-pink-400\/90 { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:stroke-pink-500 { + stroke: var(--pink-500) + } + .xl\:stroke-pink-500\/10 { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:stroke-pink-500\/20 { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:stroke-pink-500\/30 { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:stroke-pink-500\/40 { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:stroke-pink-500\/50 { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:stroke-pink-500\/60 { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:stroke-pink-500\/70 { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:stroke-pink-500\/80 { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:stroke-pink-500\/90 { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:stroke-pink-600 { + stroke: var(--pink-600) + } + .xl\:stroke-pink-600\/10 { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:stroke-pink-600\/20 { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:stroke-pink-600\/30 { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:stroke-pink-600\/40 { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:stroke-pink-600\/50 { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:stroke-pink-600\/60 { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:stroke-pink-600\/70 { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:stroke-pink-600\/80 { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:stroke-pink-600\/90 { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:stroke-pink-700 { + stroke: var(--pink-700) + } + .xl\:stroke-pink-700\/10 { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:stroke-pink-700\/20 { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:stroke-pink-700\/30 { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:stroke-pink-700\/40 { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:stroke-pink-700\/50 { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:stroke-pink-700\/60 { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:stroke-pink-700\/70 { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:stroke-pink-700\/80 { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:stroke-pink-700\/90 { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:stroke-pink-800 { + stroke: var(--pink-800) + } + .xl\:stroke-pink-800\/10 { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:stroke-pink-800\/20 { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:stroke-pink-800\/30 { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:stroke-pink-800\/40 { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:stroke-pink-800\/50 { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:stroke-pink-800\/60 { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:stroke-pink-800\/70 { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:stroke-pink-800\/80 { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:stroke-pink-800\/90 { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:stroke-pink-900 { + stroke: var(--pink-900) + } + .xl\:stroke-pink-900\/10 { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:stroke-pink-900\/20 { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:stroke-pink-900\/30 { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:stroke-pink-900\/40 { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:stroke-pink-900\/50 { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:stroke-pink-900\/60 { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:stroke-pink-900\/70 { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:stroke-pink-900\/80 { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:stroke-pink-900\/90 { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:stroke-indigo-50 { + stroke: var(--indigo-50) + } + .xl\:stroke-indigo-50\/10 { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:stroke-indigo-50\/20 { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:stroke-indigo-50\/30 { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:stroke-indigo-50\/40 { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:stroke-indigo-50\/50 { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:stroke-indigo-50\/60 { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:stroke-indigo-50\/70 { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:stroke-indigo-50\/80 { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:stroke-indigo-50\/90 { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:stroke-indigo-100 { + stroke: var(--indigo-100) + } + .xl\:stroke-indigo-100\/10 { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:stroke-indigo-100\/20 { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:stroke-indigo-100\/30 { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:stroke-indigo-100\/40 { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:stroke-indigo-100\/50 { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:stroke-indigo-100\/60 { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:stroke-indigo-100\/70 { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:stroke-indigo-100\/80 { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:stroke-indigo-100\/90 { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:stroke-indigo-200 { + stroke: var(--indigo-200) + } + .xl\:stroke-indigo-200\/10 { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:stroke-indigo-200\/20 { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:stroke-indigo-200\/30 { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:stroke-indigo-200\/40 { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:stroke-indigo-200\/50 { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:stroke-indigo-200\/60 { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:stroke-indigo-200\/70 { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:stroke-indigo-200\/80 { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:stroke-indigo-200\/90 { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:stroke-indigo-300 { + stroke: var(--indigo-300) + } + .xl\:stroke-indigo-300\/10 { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:stroke-indigo-300\/20 { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:stroke-indigo-300\/30 { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:stroke-indigo-300\/40 { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:stroke-indigo-300\/50 { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:stroke-indigo-300\/60 { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:stroke-indigo-300\/70 { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:stroke-indigo-300\/80 { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:stroke-indigo-300\/90 { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:stroke-indigo-400 { + stroke: var(--indigo-400) + } + .xl\:stroke-indigo-400\/10 { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:stroke-indigo-400\/20 { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:stroke-indigo-400\/30 { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:stroke-indigo-400\/40 { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:stroke-indigo-400\/50 { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:stroke-indigo-400\/60 { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:stroke-indigo-400\/70 { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:stroke-indigo-400\/80 { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:stroke-indigo-400\/90 { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:stroke-indigo-500 { + stroke: var(--indigo-500) + } + .xl\:stroke-indigo-500\/10 { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:stroke-indigo-500\/20 { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:stroke-indigo-500\/30 { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:stroke-indigo-500\/40 { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:stroke-indigo-500\/50 { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:stroke-indigo-500\/60 { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:stroke-indigo-500\/70 { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:stroke-indigo-500\/80 { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:stroke-indigo-500\/90 { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:stroke-indigo-600 { + stroke: var(--indigo-600) + } + .xl\:stroke-indigo-600\/10 { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:stroke-indigo-600\/20 { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:stroke-indigo-600\/30 { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:stroke-indigo-600\/40 { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:stroke-indigo-600\/50 { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:stroke-indigo-600\/60 { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:stroke-indigo-600\/70 { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:stroke-indigo-600\/80 { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:stroke-indigo-600\/90 { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:stroke-indigo-700 { + stroke: var(--indigo-700) + } + .xl\:stroke-indigo-700\/10 { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:stroke-indigo-700\/20 { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:stroke-indigo-700\/30 { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:stroke-indigo-700\/40 { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:stroke-indigo-700\/50 { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:stroke-indigo-700\/60 { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:stroke-indigo-700\/70 { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:stroke-indigo-700\/80 { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:stroke-indigo-700\/90 { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:stroke-indigo-800 { + stroke: var(--indigo-800) + } + .xl\:stroke-indigo-800\/10 { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:stroke-indigo-800\/20 { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:stroke-indigo-800\/30 { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:stroke-indigo-800\/40 { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:stroke-indigo-800\/50 { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:stroke-indigo-800\/60 { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:stroke-indigo-800\/70 { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:stroke-indigo-800\/80 { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:stroke-indigo-800\/90 { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:stroke-indigo-900 { + stroke: var(--indigo-900) + } + .xl\:stroke-indigo-900\/10 { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:stroke-indigo-900\/20 { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:stroke-indigo-900\/30 { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:stroke-indigo-900\/40 { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:stroke-indigo-900\/50 { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:stroke-indigo-900\/60 { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:stroke-indigo-900\/70 { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:stroke-indigo-900\/80 { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:stroke-indigo-900\/90 { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:stroke-teal-50 { + stroke: var(--teal-50) + } + .xl\:stroke-teal-50\/10 { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:stroke-teal-50\/20 { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:stroke-teal-50\/30 { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:stroke-teal-50\/40 { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:stroke-teal-50\/50 { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:stroke-teal-50\/60 { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:stroke-teal-50\/70 { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:stroke-teal-50\/80 { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:stroke-teal-50\/90 { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:stroke-teal-100 { + stroke: var(--teal-100) + } + .xl\:stroke-teal-100\/10 { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:stroke-teal-100\/20 { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:stroke-teal-100\/30 { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:stroke-teal-100\/40 { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:stroke-teal-100\/50 { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:stroke-teal-100\/60 { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:stroke-teal-100\/70 { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:stroke-teal-100\/80 { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:stroke-teal-100\/90 { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:stroke-teal-200 { + stroke: var(--teal-200) + } + .xl\:stroke-teal-200\/10 { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:stroke-teal-200\/20 { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:stroke-teal-200\/30 { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:stroke-teal-200\/40 { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:stroke-teal-200\/50 { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:stroke-teal-200\/60 { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:stroke-teal-200\/70 { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:stroke-teal-200\/80 { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:stroke-teal-200\/90 { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:stroke-teal-300 { + stroke: var(--teal-300) + } + .xl\:stroke-teal-300\/10 { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:stroke-teal-300\/20 { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:stroke-teal-300\/30 { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:stroke-teal-300\/40 { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:stroke-teal-300\/50 { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:stroke-teal-300\/60 { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:stroke-teal-300\/70 { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:stroke-teal-300\/80 { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:stroke-teal-300\/90 { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:stroke-teal-400 { + stroke: var(--teal-400) + } + .xl\:stroke-teal-400\/10 { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:stroke-teal-400\/20 { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:stroke-teal-400\/30 { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:stroke-teal-400\/40 { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:stroke-teal-400\/50 { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:stroke-teal-400\/60 { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:stroke-teal-400\/70 { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:stroke-teal-400\/80 { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:stroke-teal-400\/90 { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:stroke-teal-500 { + stroke: var(--teal-500) + } + .xl\:stroke-teal-500\/10 { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:stroke-teal-500\/20 { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:stroke-teal-500\/30 { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:stroke-teal-500\/40 { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:stroke-teal-500\/50 { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:stroke-teal-500\/60 { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:stroke-teal-500\/70 { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:stroke-teal-500\/80 { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:stroke-teal-500\/90 { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:stroke-teal-600 { + stroke: var(--teal-600) + } + .xl\:stroke-teal-600\/10 { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:stroke-teal-600\/20 { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:stroke-teal-600\/30 { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:stroke-teal-600\/40 { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:stroke-teal-600\/50 { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:stroke-teal-600\/60 { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:stroke-teal-600\/70 { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:stroke-teal-600\/80 { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:stroke-teal-600\/90 { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:stroke-teal-700 { + stroke: var(--teal-700) + } + .xl\:stroke-teal-700\/10 { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:stroke-teal-700\/20 { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:stroke-teal-700\/30 { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:stroke-teal-700\/40 { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:stroke-teal-700\/50 { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:stroke-teal-700\/60 { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:stroke-teal-700\/70 { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:stroke-teal-700\/80 { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:stroke-teal-700\/90 { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:stroke-teal-800 { + stroke: var(--teal-800) + } + .xl\:stroke-teal-800\/10 { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:stroke-teal-800\/20 { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:stroke-teal-800\/30 { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:stroke-teal-800\/40 { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:stroke-teal-800\/50 { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:stroke-teal-800\/60 { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:stroke-teal-800\/70 { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:stroke-teal-800\/80 { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:stroke-teal-800\/90 { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:stroke-teal-900 { + stroke: var(--teal-900) + } + .xl\:stroke-teal-900\/10 { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:stroke-teal-900\/20 { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:stroke-teal-900\/30 { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:stroke-teal-900\/40 { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:stroke-teal-900\/50 { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:stroke-teal-900\/60 { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:stroke-teal-900\/70 { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:stroke-teal-900\/80 { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:stroke-teal-900\/90 { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:stroke-orange-50 { + stroke: var(--orange-50) + } + .xl\:stroke-orange-50\/10 { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:stroke-orange-50\/20 { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:stroke-orange-50\/30 { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:stroke-orange-50\/40 { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:stroke-orange-50\/50 { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:stroke-orange-50\/60 { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:stroke-orange-50\/70 { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:stroke-orange-50\/80 { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:stroke-orange-50\/90 { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:stroke-orange-100 { + stroke: var(--orange-100) + } + .xl\:stroke-orange-100\/10 { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:stroke-orange-100\/20 { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:stroke-orange-100\/30 { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:stroke-orange-100\/40 { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:stroke-orange-100\/50 { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:stroke-orange-100\/60 { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:stroke-orange-100\/70 { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:stroke-orange-100\/80 { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:stroke-orange-100\/90 { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:stroke-orange-200 { + stroke: var(--orange-200) + } + .xl\:stroke-orange-200\/10 { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:stroke-orange-200\/20 { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:stroke-orange-200\/30 { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:stroke-orange-200\/40 { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:stroke-orange-200\/50 { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:stroke-orange-200\/60 { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:stroke-orange-200\/70 { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:stroke-orange-200\/80 { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:stroke-orange-200\/90 { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:stroke-orange-300 { + stroke: var(--orange-300) + } + .xl\:stroke-orange-300\/10 { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:stroke-orange-300\/20 { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:stroke-orange-300\/30 { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:stroke-orange-300\/40 { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:stroke-orange-300\/50 { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:stroke-orange-300\/60 { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:stroke-orange-300\/70 { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:stroke-orange-300\/80 { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:stroke-orange-300\/90 { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:stroke-orange-400 { + stroke: var(--orange-400) + } + .xl\:stroke-orange-400\/10 { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:stroke-orange-400\/20 { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:stroke-orange-400\/30 { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:stroke-orange-400\/40 { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:stroke-orange-400\/50 { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:stroke-orange-400\/60 { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:stroke-orange-400\/70 { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:stroke-orange-400\/80 { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:stroke-orange-400\/90 { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:stroke-orange-500 { + stroke: var(--orange-500) + } + .xl\:stroke-orange-500\/10 { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:stroke-orange-500\/20 { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:stroke-orange-500\/30 { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:stroke-orange-500\/40 { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:stroke-orange-500\/50 { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:stroke-orange-500\/60 { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:stroke-orange-500\/70 { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:stroke-orange-500\/80 { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:stroke-orange-500\/90 { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:stroke-orange-600 { + stroke: var(--orange-600) + } + .xl\:stroke-orange-600\/10 { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:stroke-orange-600\/20 { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:stroke-orange-600\/30 { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:stroke-orange-600\/40 { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:stroke-orange-600\/50 { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:stroke-orange-600\/60 { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:stroke-orange-600\/70 { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:stroke-orange-600\/80 { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:stroke-orange-600\/90 { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:stroke-orange-700 { + stroke: var(--orange-700) + } + .xl\:stroke-orange-700\/10 { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:stroke-orange-700\/20 { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:stroke-orange-700\/30 { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:stroke-orange-700\/40 { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:stroke-orange-700\/50 { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:stroke-orange-700\/60 { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:stroke-orange-700\/70 { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:stroke-orange-700\/80 { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:stroke-orange-700\/90 { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:stroke-orange-800 { + stroke: var(--orange-800) + } + .xl\:stroke-orange-800\/10 { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:stroke-orange-800\/20 { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:stroke-orange-800\/30 { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:stroke-orange-800\/40 { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:stroke-orange-800\/50 { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:stroke-orange-800\/60 { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:stroke-orange-800\/70 { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:stroke-orange-800\/80 { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:stroke-orange-800\/90 { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:stroke-orange-900 { + stroke: var(--orange-900) + } + .xl\:stroke-orange-900\/10 { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:stroke-orange-900\/20 { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:stroke-orange-900\/30 { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:stroke-orange-900\/40 { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:stroke-orange-900\/50 { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:stroke-orange-900\/60 { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:stroke-orange-900\/70 { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:stroke-orange-900\/80 { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:stroke-orange-900\/90 { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:stroke-bluegray-50 { + stroke: var(--bluegray-50) + } + .xl\:stroke-bluegray-50\/10 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:stroke-bluegray-50\/20 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:stroke-bluegray-50\/30 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:stroke-bluegray-50\/40 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:stroke-bluegray-50\/50 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:stroke-bluegray-50\/60 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:stroke-bluegray-50\/70 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:stroke-bluegray-50\/80 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:stroke-bluegray-50\/90 { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:stroke-bluegray-100 { + stroke: var(--bluegray-100) + } + .xl\:stroke-bluegray-100\/10 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:stroke-bluegray-100\/20 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:stroke-bluegray-100\/30 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:stroke-bluegray-100\/40 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:stroke-bluegray-100\/50 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:stroke-bluegray-100\/60 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:stroke-bluegray-100\/70 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:stroke-bluegray-100\/80 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:stroke-bluegray-100\/90 { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:stroke-bluegray-200 { + stroke: var(--bluegray-200) + } + .xl\:stroke-bluegray-200\/10 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:stroke-bluegray-200\/20 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:stroke-bluegray-200\/30 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:stroke-bluegray-200\/40 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:stroke-bluegray-200\/50 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:stroke-bluegray-200\/60 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:stroke-bluegray-200\/70 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:stroke-bluegray-200\/80 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:stroke-bluegray-200\/90 { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:stroke-bluegray-300 { + stroke: var(--bluegray-300) + } + .xl\:stroke-bluegray-300\/10 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:stroke-bluegray-300\/20 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:stroke-bluegray-300\/30 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:stroke-bluegray-300\/40 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:stroke-bluegray-300\/50 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:stroke-bluegray-300\/60 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:stroke-bluegray-300\/70 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:stroke-bluegray-300\/80 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:stroke-bluegray-300\/90 { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:stroke-bluegray-400 { + stroke: var(--bluegray-400) + } + .xl\:stroke-bluegray-400\/10 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:stroke-bluegray-400\/20 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:stroke-bluegray-400\/30 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:stroke-bluegray-400\/40 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:stroke-bluegray-400\/50 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:stroke-bluegray-400\/60 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:stroke-bluegray-400\/70 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:stroke-bluegray-400\/80 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:stroke-bluegray-400\/90 { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:stroke-bluegray-500 { + stroke: var(--bluegray-500) + } + .xl\:stroke-bluegray-500\/10 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:stroke-bluegray-500\/20 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:stroke-bluegray-500\/30 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:stroke-bluegray-500\/40 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:stroke-bluegray-500\/50 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:stroke-bluegray-500\/60 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:stroke-bluegray-500\/70 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:stroke-bluegray-500\/80 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:stroke-bluegray-500\/90 { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:stroke-bluegray-600 { + stroke: var(--bluegray-600) + } + .xl\:stroke-bluegray-600\/10 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:stroke-bluegray-600\/20 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:stroke-bluegray-600\/30 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:stroke-bluegray-600\/40 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:stroke-bluegray-600\/50 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:stroke-bluegray-600\/60 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:stroke-bluegray-600\/70 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:stroke-bluegray-600\/80 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:stroke-bluegray-600\/90 { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:stroke-bluegray-700 { + stroke: var(--bluegray-700) + } + .xl\:stroke-bluegray-700\/10 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:stroke-bluegray-700\/20 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:stroke-bluegray-700\/30 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:stroke-bluegray-700\/40 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:stroke-bluegray-700\/50 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:stroke-bluegray-700\/60 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:stroke-bluegray-700\/70 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:stroke-bluegray-700\/80 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:stroke-bluegray-700\/90 { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:stroke-bluegray-800 { + stroke: var(--bluegray-800) + } + .xl\:stroke-bluegray-800\/10 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:stroke-bluegray-800\/20 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:stroke-bluegray-800\/30 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:stroke-bluegray-800\/40 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:stroke-bluegray-800\/50 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:stroke-bluegray-800\/60 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:stroke-bluegray-800\/70 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:stroke-bluegray-800\/80 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:stroke-bluegray-800\/90 { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:stroke-bluegray-900 { + stroke: var(--bluegray-900) + } + .xl\:stroke-bluegray-900\/10 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:stroke-bluegray-900\/20 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:stroke-bluegray-900\/30 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:stroke-bluegray-900\/40 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:stroke-bluegray-900\/50 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:stroke-bluegray-900\/60 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:stroke-bluegray-900\/70 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:stroke-bluegray-900\/80 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:stroke-bluegray-900\/90 { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:stroke-purple-50 { + stroke: var(--purple-50) + } + .xl\:stroke-purple-50\/10 { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:stroke-purple-50\/20 { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:stroke-purple-50\/30 { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:stroke-purple-50\/40 { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:stroke-purple-50\/50 { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:stroke-purple-50\/60 { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:stroke-purple-50\/70 { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:stroke-purple-50\/80 { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:stroke-purple-50\/90 { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:stroke-purple-100 { + stroke: var(--purple-100) + } + .xl\:stroke-purple-100\/10 { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:stroke-purple-100\/20 { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:stroke-purple-100\/30 { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:stroke-purple-100\/40 { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:stroke-purple-100\/50 { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:stroke-purple-100\/60 { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:stroke-purple-100\/70 { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:stroke-purple-100\/80 { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:stroke-purple-100\/90 { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:stroke-purple-200 { + stroke: var(--purple-200) + } + .xl\:stroke-purple-200\/10 { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:stroke-purple-200\/20 { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:stroke-purple-200\/30 { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:stroke-purple-200\/40 { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:stroke-purple-200\/50 { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:stroke-purple-200\/60 { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:stroke-purple-200\/70 { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:stroke-purple-200\/80 { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:stroke-purple-200\/90 { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:stroke-purple-300 { + stroke: var(--purple-300) + } + .xl\:stroke-purple-300\/10 { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:stroke-purple-300\/20 { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:stroke-purple-300\/30 { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:stroke-purple-300\/40 { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:stroke-purple-300\/50 { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:stroke-purple-300\/60 { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:stroke-purple-300\/70 { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:stroke-purple-300\/80 { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:stroke-purple-300\/90 { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:stroke-purple-400 { + stroke: var(--purple-400) + } + .xl\:stroke-purple-400\/10 { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:stroke-purple-400\/20 { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:stroke-purple-400\/30 { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:stroke-purple-400\/40 { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:stroke-purple-400\/50 { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:stroke-purple-400\/60 { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:stroke-purple-400\/70 { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:stroke-purple-400\/80 { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:stroke-purple-400\/90 { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:stroke-purple-500 { + stroke: var(--purple-500) + } + .xl\:stroke-purple-500\/10 { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:stroke-purple-500\/20 { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:stroke-purple-500\/30 { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:stroke-purple-500\/40 { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:stroke-purple-500\/50 { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:stroke-purple-500\/60 { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:stroke-purple-500\/70 { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:stroke-purple-500\/80 { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:stroke-purple-500\/90 { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:stroke-purple-600 { + stroke: var(--purple-600) + } + .xl\:stroke-purple-600\/10 { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:stroke-purple-600\/20 { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:stroke-purple-600\/30 { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:stroke-purple-600\/40 { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:stroke-purple-600\/50 { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:stroke-purple-600\/60 { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:stroke-purple-600\/70 { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:stroke-purple-600\/80 { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:stroke-purple-600\/90 { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:stroke-purple-700 { + stroke: var(--purple-700) + } + .xl\:stroke-purple-700\/10 { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:stroke-purple-700\/20 { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:stroke-purple-700\/30 { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:stroke-purple-700\/40 { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:stroke-purple-700\/50 { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:stroke-purple-700\/60 { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:stroke-purple-700\/70 { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:stroke-purple-700\/80 { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:stroke-purple-700\/90 { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:stroke-purple-800 { + stroke: var(--purple-800) + } + .xl\:stroke-purple-800\/10 { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:stroke-purple-800\/20 { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:stroke-purple-800\/30 { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:stroke-purple-800\/40 { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:stroke-purple-800\/50 { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:stroke-purple-800\/60 { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:stroke-purple-800\/70 { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:stroke-purple-800\/80 { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:stroke-purple-800\/90 { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:stroke-purple-900 { + stroke: var(--purple-900) + } + .xl\:stroke-purple-900\/10 { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:stroke-purple-900\/20 { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:stroke-purple-900\/30 { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:stroke-purple-900\/40 { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:stroke-purple-900\/50 { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:stroke-purple-900\/60 { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:stroke-purple-900\/70 { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:stroke-purple-900\/80 { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:stroke-purple-900\/90 { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:stroke-red-50 { + stroke: var(--red-50) + } + .xl\:stroke-red-50\/10 { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:stroke-red-50\/20 { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:stroke-red-50\/30 { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:stroke-red-50\/40 { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:stroke-red-50\/50 { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:stroke-red-50\/60 { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:stroke-red-50\/70 { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:stroke-red-50\/80 { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:stroke-red-50\/90 { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:stroke-red-100 { + stroke: var(--red-100) + } + .xl\:stroke-red-100\/10 { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:stroke-red-100\/20 { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:stroke-red-100\/30 { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:stroke-red-100\/40 { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:stroke-red-100\/50 { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:stroke-red-100\/60 { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:stroke-red-100\/70 { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:stroke-red-100\/80 { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:stroke-red-100\/90 { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:stroke-red-200 { + stroke: var(--red-200) + } + .xl\:stroke-red-200\/10 { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:stroke-red-200\/20 { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:stroke-red-200\/30 { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:stroke-red-200\/40 { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:stroke-red-200\/50 { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:stroke-red-200\/60 { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:stroke-red-200\/70 { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:stroke-red-200\/80 { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:stroke-red-200\/90 { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:stroke-red-300 { + stroke: var(--red-300) + } + .xl\:stroke-red-300\/10 { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:stroke-red-300\/20 { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:stroke-red-300\/30 { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:stroke-red-300\/40 { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:stroke-red-300\/50 { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:stroke-red-300\/60 { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:stroke-red-300\/70 { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:stroke-red-300\/80 { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:stroke-red-300\/90 { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:stroke-red-400 { + stroke: var(--red-400) + } + .xl\:stroke-red-400\/10 { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:stroke-red-400\/20 { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:stroke-red-400\/30 { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:stroke-red-400\/40 { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:stroke-red-400\/50 { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:stroke-red-400\/60 { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:stroke-red-400\/70 { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:stroke-red-400\/80 { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:stroke-red-400\/90 { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:stroke-red-500 { + stroke: var(--red-500) + } + .xl\:stroke-red-500\/10 { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:stroke-red-500\/20 { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:stroke-red-500\/30 { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:stroke-red-500\/40 { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:stroke-red-500\/50 { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:stroke-red-500\/60 { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:stroke-red-500\/70 { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:stroke-red-500\/80 { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:stroke-red-500\/90 { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:stroke-red-600 { + stroke: var(--red-600) + } + .xl\:stroke-red-600\/10 { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:stroke-red-600\/20 { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:stroke-red-600\/30 { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:stroke-red-600\/40 { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:stroke-red-600\/50 { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:stroke-red-600\/60 { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:stroke-red-600\/70 { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:stroke-red-600\/80 { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:stroke-red-600\/90 { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:stroke-red-700 { + stroke: var(--red-700) + } + .xl\:stroke-red-700\/10 { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:stroke-red-700\/20 { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:stroke-red-700\/30 { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:stroke-red-700\/40 { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:stroke-red-700\/50 { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:stroke-red-700\/60 { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:stroke-red-700\/70 { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:stroke-red-700\/80 { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:stroke-red-700\/90 { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:stroke-red-800 { + stroke: var(--red-800) + } + .xl\:stroke-red-800\/10 { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:stroke-red-800\/20 { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:stroke-red-800\/30 { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:stroke-red-800\/40 { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:stroke-red-800\/50 { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:stroke-red-800\/60 { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:stroke-red-800\/70 { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:stroke-red-800\/80 { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:stroke-red-800\/90 { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:stroke-red-900 { + stroke: var(--red-900) + } + .xl\:stroke-red-900\/10 { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:stroke-red-900\/20 { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:stroke-red-900\/30 { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:stroke-red-900\/40 { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:stroke-red-900\/50 { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:stroke-red-900\/60 { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:stroke-red-900\/70 { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:stroke-red-900\/80 { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:stroke-red-900\/90 { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:stroke-gray-50 { + stroke: var(--gray-50) + } + .xl\:stroke-gray-50\/10 { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:stroke-gray-50\/20 { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:stroke-gray-50\/30 { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:stroke-gray-50\/40 { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:stroke-gray-50\/50 { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:stroke-gray-50\/60 { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:stroke-gray-50\/70 { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:stroke-gray-50\/80 { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:stroke-gray-50\/90 { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:stroke-gray-100 { + stroke: var(--gray-100) + } + .xl\:stroke-gray-100\/10 { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:stroke-gray-100\/20 { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:stroke-gray-100\/30 { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:stroke-gray-100\/40 { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:stroke-gray-100\/50 { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:stroke-gray-100\/60 { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:stroke-gray-100\/70 { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:stroke-gray-100\/80 { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:stroke-gray-100\/90 { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:stroke-gray-200 { + stroke: var(--gray-200) + } + .xl\:stroke-gray-200\/10 { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:stroke-gray-200\/20 { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:stroke-gray-200\/30 { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:stroke-gray-200\/40 { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:stroke-gray-200\/50 { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:stroke-gray-200\/60 { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:stroke-gray-200\/70 { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:stroke-gray-200\/80 { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:stroke-gray-200\/90 { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:stroke-gray-300 { + stroke: var(--gray-300) + } + .xl\:stroke-gray-300\/10 { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:stroke-gray-300\/20 { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:stroke-gray-300\/30 { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:stroke-gray-300\/40 { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:stroke-gray-300\/50 { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:stroke-gray-300\/60 { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:stroke-gray-300\/70 { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:stroke-gray-300\/80 { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:stroke-gray-300\/90 { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:stroke-gray-400 { + stroke: var(--gray-400) + } + .xl\:stroke-gray-400\/10 { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:stroke-gray-400\/20 { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:stroke-gray-400\/30 { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:stroke-gray-400\/40 { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:stroke-gray-400\/50 { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:stroke-gray-400\/60 { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:stroke-gray-400\/70 { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:stroke-gray-400\/80 { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:stroke-gray-400\/90 { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:stroke-gray-500 { + stroke: var(--gray-500) + } + .xl\:stroke-gray-500\/10 { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:stroke-gray-500\/20 { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:stroke-gray-500\/30 { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:stroke-gray-500\/40 { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:stroke-gray-500\/50 { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:stroke-gray-500\/60 { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:stroke-gray-500\/70 { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:stroke-gray-500\/80 { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:stroke-gray-500\/90 { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:stroke-gray-600 { + stroke: var(--gray-600) + } + .xl\:stroke-gray-600\/10 { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:stroke-gray-600\/20 { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:stroke-gray-600\/30 { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:stroke-gray-600\/40 { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:stroke-gray-600\/50 { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:stroke-gray-600\/60 { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:stroke-gray-600\/70 { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:stroke-gray-600\/80 { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:stroke-gray-600\/90 { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:stroke-gray-700 { + stroke: var(--gray-700) + } + .xl\:stroke-gray-700\/10 { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:stroke-gray-700\/20 { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:stroke-gray-700\/30 { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:stroke-gray-700\/40 { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:stroke-gray-700\/50 { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:stroke-gray-700\/60 { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:stroke-gray-700\/70 { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:stroke-gray-700\/80 { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:stroke-gray-700\/90 { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:stroke-gray-800 { + stroke: var(--gray-800) + } + .xl\:stroke-gray-800\/10 { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:stroke-gray-800\/20 { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:stroke-gray-800\/30 { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:stroke-gray-800\/40 { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:stroke-gray-800\/50 { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:stroke-gray-800\/60 { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:stroke-gray-800\/70 { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:stroke-gray-800\/80 { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:stroke-gray-800\/90 { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:stroke-gray-900 { + stroke: var(--gray-900) + } + .xl\:stroke-gray-900\/10 { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:stroke-gray-900\/20 { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:stroke-gray-900\/30 { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:stroke-gray-900\/40 { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:stroke-gray-900\/50 { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:stroke-gray-900\/60 { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:stroke-gray-900\/70 { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:stroke-gray-900\/80 { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:stroke-gray-900\/90 { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:stroke-surface-0 { + stroke: var(--surface-0) + } + .xl\:stroke-surface-0\/10 { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:stroke-surface-0\/20 { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:stroke-surface-0\/30 { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:stroke-surface-0\/40 { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:stroke-surface-0\/50 { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:stroke-surface-0\/60 { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:stroke-surface-0\/70 { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:stroke-surface-0\/80 { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:stroke-surface-0\/90 { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:stroke-surface-50 { + stroke: var(--surface-50) + } + .xl\:stroke-surface-50\/10 { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:stroke-surface-50\/20 { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:stroke-surface-50\/30 { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:stroke-surface-50\/40 { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:stroke-surface-50\/50 { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:stroke-surface-50\/60 { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:stroke-surface-50\/70 { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:stroke-surface-50\/80 { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:stroke-surface-50\/90 { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:stroke-surface-100 { + stroke: var(--surface-100) + } + .xl\:stroke-surface-100\/10 { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:stroke-surface-100\/20 { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:stroke-surface-100\/30 { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:stroke-surface-100\/40 { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:stroke-surface-100\/50 { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:stroke-surface-100\/60 { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:stroke-surface-100\/70 { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:stroke-surface-100\/80 { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:stroke-surface-100\/90 { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:stroke-surface-200 { + stroke: var(--surface-200) + } + .xl\:stroke-surface-200\/10 { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:stroke-surface-200\/20 { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:stroke-surface-200\/30 { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:stroke-surface-200\/40 { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:stroke-surface-200\/50 { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:stroke-surface-200\/60 { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:stroke-surface-200\/70 { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:stroke-surface-200\/80 { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:stroke-surface-200\/90 { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:stroke-surface-300 { + stroke: var(--surface-300) + } + .xl\:stroke-surface-300\/10 { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:stroke-surface-300\/20 { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:stroke-surface-300\/30 { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:stroke-surface-300\/40 { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:stroke-surface-300\/50 { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:stroke-surface-300\/60 { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:stroke-surface-300\/70 { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:stroke-surface-300\/80 { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:stroke-surface-300\/90 { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:stroke-surface-400 { + stroke: var(--surface-400) + } + .xl\:stroke-surface-400\/10 { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:stroke-surface-400\/20 { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:stroke-surface-400\/30 { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:stroke-surface-400\/40 { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:stroke-surface-400\/50 { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:stroke-surface-400\/60 { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:stroke-surface-400\/70 { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:stroke-surface-400\/80 { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:stroke-surface-400\/90 { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:stroke-surface-500 { + stroke: var(--surface-500) + } + .xl\:stroke-surface-500\/10 { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:stroke-surface-500\/20 { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:stroke-surface-500\/30 { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:stroke-surface-500\/40 { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:stroke-surface-500\/50 { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:stroke-surface-500\/60 { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:stroke-surface-500\/70 { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:stroke-surface-500\/80 { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:stroke-surface-500\/90 { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:stroke-surface-600 { + stroke: var(--surface-600) + } + .xl\:stroke-surface-600\/10 { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:stroke-surface-600\/20 { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:stroke-surface-600\/30 { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:stroke-surface-600\/40 { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:stroke-surface-600\/50 { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:stroke-surface-600\/60 { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:stroke-surface-600\/70 { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:stroke-surface-600\/80 { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:stroke-surface-600\/90 { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:stroke-surface-700 { + stroke: var(--surface-700) + } + .xl\:stroke-surface-700\/10 { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:stroke-surface-700\/20 { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:stroke-surface-700\/30 { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:stroke-surface-700\/40 { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:stroke-surface-700\/50 { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:stroke-surface-700\/60 { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:stroke-surface-700\/70 { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:stroke-surface-700\/80 { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:stroke-surface-700\/90 { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:stroke-surface-800 { + stroke: var(--surface-800) + } + .xl\:stroke-surface-800\/10 { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:stroke-surface-800\/20 { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:stroke-surface-800\/30 { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:stroke-surface-800\/40 { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:stroke-surface-800\/50 { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:stroke-surface-800\/60 { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:stroke-surface-800\/70 { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:stroke-surface-800\/80 { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:stroke-surface-800\/90 { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:stroke-surface-900 { + stroke: var(--surface-900) + } + .xl\:stroke-surface-900\/10 { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:stroke-surface-900\/20 { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:stroke-surface-900\/30 { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:stroke-surface-900\/40 { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:stroke-surface-900\/50 { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:stroke-surface-900\/60 { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:stroke-surface-900\/70 { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:stroke-surface-900\/80 { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:stroke-surface-900\/90 { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:stroke-primary-50 { + stroke: var(--primary-50) + } + .xl\:stroke-primary-50\/10 { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:stroke-primary-50\/20 { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:stroke-primary-50\/30 { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:stroke-primary-50\/40 { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:stroke-primary-50\/50 { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:stroke-primary-50\/60 { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:stroke-primary-50\/70 { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:stroke-primary-50\/80 { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:stroke-primary-50\/90 { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:stroke-primary-100 { + stroke: var(--primary-100) + } + .xl\:stroke-primary-100\/10 { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:stroke-primary-100\/20 { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:stroke-primary-100\/30 { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:stroke-primary-100\/40 { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:stroke-primary-100\/50 { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:stroke-primary-100\/60 { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:stroke-primary-100\/70 { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:stroke-primary-100\/80 { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:stroke-primary-100\/90 { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:stroke-primary-200 { + stroke: var(--primary-200) + } + .xl\:stroke-primary-200\/10 { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:stroke-primary-200\/20 { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:stroke-primary-200\/30 { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:stroke-primary-200\/40 { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:stroke-primary-200\/50 { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:stroke-primary-200\/60 { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:stroke-primary-200\/70 { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:stroke-primary-200\/80 { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:stroke-primary-200\/90 { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:stroke-primary-300 { + stroke: var(--primary-300) + } + .xl\:stroke-primary-300\/10 { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:stroke-primary-300\/20 { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:stroke-primary-300\/30 { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:stroke-primary-300\/40 { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:stroke-primary-300\/50 { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:stroke-primary-300\/60 { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:stroke-primary-300\/70 { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:stroke-primary-300\/80 { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:stroke-primary-300\/90 { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:stroke-primary-400 { + stroke: var(--primary-400) + } + .xl\:stroke-primary-400\/10 { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:stroke-primary-400\/20 { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:stroke-primary-400\/30 { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:stroke-primary-400\/40 { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:stroke-primary-400\/50 { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:stroke-primary-400\/60 { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:stroke-primary-400\/70 { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:stroke-primary-400\/80 { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:stroke-primary-400\/90 { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:stroke-primary-500 { + stroke: var(--primary-500) + } + .xl\:stroke-primary-500\/10 { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:stroke-primary-500\/20 { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:stroke-primary-500\/30 { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:stroke-primary-500\/40 { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:stroke-primary-500\/50 { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:stroke-primary-500\/60 { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:stroke-primary-500\/70 { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:stroke-primary-500\/80 { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:stroke-primary-500\/90 { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:stroke-primary-600 { + stroke: var(--primary-600) + } + .xl\:stroke-primary-600\/10 { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:stroke-primary-600\/20 { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:stroke-primary-600\/30 { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:stroke-primary-600\/40 { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:stroke-primary-600\/50 { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:stroke-primary-600\/60 { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:stroke-primary-600\/70 { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:stroke-primary-600\/80 { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:stroke-primary-600\/90 { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:stroke-primary-700 { + stroke: var(--primary-700) + } + .xl\:stroke-primary-700\/10 { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:stroke-primary-700\/20 { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:stroke-primary-700\/30 { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:stroke-primary-700\/40 { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:stroke-primary-700\/50 { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:stroke-primary-700\/60 { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:stroke-primary-700\/70 { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:stroke-primary-700\/80 { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:stroke-primary-700\/90 { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:stroke-primary-800 { + stroke: var(--primary-800) + } + .xl\:stroke-primary-800\/10 { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:stroke-primary-800\/20 { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:stroke-primary-800\/30 { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:stroke-primary-800\/40 { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:stroke-primary-800\/50 { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:stroke-primary-800\/60 { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:stroke-primary-800\/70 { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:stroke-primary-800\/80 { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:stroke-primary-800\/90 { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:stroke-primary-900 { + stroke: var(--primary-900) + } + .xl\:stroke-primary-900\/10 { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:stroke-primary-900\/20 { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:stroke-primary-900\/30 { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:stroke-primary-900\/40 { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:stroke-primary-900\/50 { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:stroke-primary-900\/60 { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:stroke-primary-900\/70 { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:stroke-primary-900\/80 { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:stroke-primary-900\/90 { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-50:focus { + stroke: var(--blue-50) + } + .xl\:hover\:stroke-blue-50:hover { + stroke: var(--blue-50) + } + .xl\:active\:stroke-blue-50:active { + stroke: var(--blue-50) + } + .xl\:focus\:stroke-blue-50\/10:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-50\/10:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:active\:stroke-blue-50\/10:active { + stroke: color-mix(in srgb, var(--blue-50), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-50\/20:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-50\/20:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:active\:stroke-blue-50\/20:active { + stroke: color-mix(in srgb, var(--blue-50), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-50\/30:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-50\/30:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:active\:stroke-blue-50\/30:active { + stroke: color-mix(in srgb, var(--blue-50), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-50\/40:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-50\/40:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:active\:stroke-blue-50\/40:active { + stroke: color-mix(in srgb, var(--blue-50), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-50\/50:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-50\/50:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:active\:stroke-blue-50\/50:active { + stroke: color-mix(in srgb, var(--blue-50), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-50\/60:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-50\/60:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:active\:stroke-blue-50\/60:active { + stroke: color-mix(in srgb, var(--blue-50), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-50\/70:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-50\/70:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:active\:stroke-blue-50\/70:active { + stroke: color-mix(in srgb, var(--blue-50), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-50\/80:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-50\/80:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:active\:stroke-blue-50\/80:active { + stroke: color-mix(in srgb, var(--blue-50), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-50\/90:focus { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-50\/90:hover { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:active\:stroke-blue-50\/90:active { + stroke: color-mix(in srgb, var(--blue-50), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-100:focus { + stroke: var(--blue-100) + } + .xl\:hover\:stroke-blue-100:hover { + stroke: var(--blue-100) + } + .xl\:active\:stroke-blue-100:active { + stroke: var(--blue-100) + } + .xl\:focus\:stroke-blue-100\/10:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-100\/10:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:active\:stroke-blue-100\/10:active { + stroke: color-mix(in srgb, var(--blue-100), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-100\/20:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-100\/20:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:active\:stroke-blue-100\/20:active { + stroke: color-mix(in srgb, var(--blue-100), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-100\/30:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-100\/30:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:active\:stroke-blue-100\/30:active { + stroke: color-mix(in srgb, var(--blue-100), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-100\/40:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-100\/40:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:active\:stroke-blue-100\/40:active { + stroke: color-mix(in srgb, var(--blue-100), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-100\/50:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-100\/50:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:active\:stroke-blue-100\/50:active { + stroke: color-mix(in srgb, var(--blue-100), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-100\/60:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-100\/60:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:active\:stroke-blue-100\/60:active { + stroke: color-mix(in srgb, var(--blue-100), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-100\/70:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-100\/70:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:active\:stroke-blue-100\/70:active { + stroke: color-mix(in srgb, var(--blue-100), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-100\/80:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-100\/80:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:active\:stroke-blue-100\/80:active { + stroke: color-mix(in srgb, var(--blue-100), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-100\/90:focus { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-100\/90:hover { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:active\:stroke-blue-100\/90:active { + stroke: color-mix(in srgb, var(--blue-100), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-200:focus { + stroke: var(--blue-200) + } + .xl\:hover\:stroke-blue-200:hover { + stroke: var(--blue-200) + } + .xl\:active\:stroke-blue-200:active { + stroke: var(--blue-200) + } + .xl\:focus\:stroke-blue-200\/10:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-200\/10:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:active\:stroke-blue-200\/10:active { + stroke: color-mix(in srgb, var(--blue-200), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-200\/20:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-200\/20:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:active\:stroke-blue-200\/20:active { + stroke: color-mix(in srgb, var(--blue-200), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-200\/30:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-200\/30:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:active\:stroke-blue-200\/30:active { + stroke: color-mix(in srgb, var(--blue-200), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-200\/40:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-200\/40:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:active\:stroke-blue-200\/40:active { + stroke: color-mix(in srgb, var(--blue-200), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-200\/50:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-200\/50:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:active\:stroke-blue-200\/50:active { + stroke: color-mix(in srgb, var(--blue-200), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-200\/60:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-200\/60:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:active\:stroke-blue-200\/60:active { + stroke: color-mix(in srgb, var(--blue-200), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-200\/70:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-200\/70:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:active\:stroke-blue-200\/70:active { + stroke: color-mix(in srgb, var(--blue-200), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-200\/80:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-200\/80:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:active\:stroke-blue-200\/80:active { + stroke: color-mix(in srgb, var(--blue-200), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-200\/90:focus { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-200\/90:hover { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:active\:stroke-blue-200\/90:active { + stroke: color-mix(in srgb, var(--blue-200), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-300:focus { + stroke: var(--blue-300) + } + .xl\:hover\:stroke-blue-300:hover { + stroke: var(--blue-300) + } + .xl\:active\:stroke-blue-300:active { + stroke: var(--blue-300) + } + .xl\:focus\:stroke-blue-300\/10:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-300\/10:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:active\:stroke-blue-300\/10:active { + stroke: color-mix(in srgb, var(--blue-300), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-300\/20:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-300\/20:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:active\:stroke-blue-300\/20:active { + stroke: color-mix(in srgb, var(--blue-300), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-300\/30:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-300\/30:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:active\:stroke-blue-300\/30:active { + stroke: color-mix(in srgb, var(--blue-300), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-300\/40:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-300\/40:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:active\:stroke-blue-300\/40:active { + stroke: color-mix(in srgb, var(--blue-300), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-300\/50:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-300\/50:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:active\:stroke-blue-300\/50:active { + stroke: color-mix(in srgb, var(--blue-300), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-300\/60:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-300\/60:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:active\:stroke-blue-300\/60:active { + stroke: color-mix(in srgb, var(--blue-300), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-300\/70:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-300\/70:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:active\:stroke-blue-300\/70:active { + stroke: color-mix(in srgb, var(--blue-300), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-300\/80:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-300\/80:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:active\:stroke-blue-300\/80:active { + stroke: color-mix(in srgb, var(--blue-300), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-300\/90:focus { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-300\/90:hover { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:active\:stroke-blue-300\/90:active { + stroke: color-mix(in srgb, var(--blue-300), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-400:focus { + stroke: var(--blue-400) + } + .xl\:hover\:stroke-blue-400:hover { + stroke: var(--blue-400) + } + .xl\:active\:stroke-blue-400:active { + stroke: var(--blue-400) + } + .xl\:focus\:stroke-blue-400\/10:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-400\/10:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:active\:stroke-blue-400\/10:active { + stroke: color-mix(in srgb, var(--blue-400), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-400\/20:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-400\/20:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:active\:stroke-blue-400\/20:active { + stroke: color-mix(in srgb, var(--blue-400), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-400\/30:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-400\/30:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:active\:stroke-blue-400\/30:active { + stroke: color-mix(in srgb, var(--blue-400), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-400\/40:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-400\/40:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:active\:stroke-blue-400\/40:active { + stroke: color-mix(in srgb, var(--blue-400), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-400\/50:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-400\/50:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:active\:stroke-blue-400\/50:active { + stroke: color-mix(in srgb, var(--blue-400), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-400\/60:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-400\/60:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:active\:stroke-blue-400\/60:active { + stroke: color-mix(in srgb, var(--blue-400), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-400\/70:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-400\/70:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:active\:stroke-blue-400\/70:active { + stroke: color-mix(in srgb, var(--blue-400), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-400\/80:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-400\/80:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:active\:stroke-blue-400\/80:active { + stroke: color-mix(in srgb, var(--blue-400), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-400\/90:focus { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-400\/90:hover { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:active\:stroke-blue-400\/90:active { + stroke: color-mix(in srgb, var(--blue-400), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-500:focus { + stroke: var(--blue-500) + } + .xl\:hover\:stroke-blue-500:hover { + stroke: var(--blue-500) + } + .xl\:active\:stroke-blue-500:active { + stroke: var(--blue-500) + } + .xl\:focus\:stroke-blue-500\/10:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-500\/10:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:active\:stroke-blue-500\/10:active { + stroke: color-mix(in srgb, var(--blue-500), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-500\/20:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-500\/20:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:active\:stroke-blue-500\/20:active { + stroke: color-mix(in srgb, var(--blue-500), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-500\/30:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-500\/30:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:active\:stroke-blue-500\/30:active { + stroke: color-mix(in srgb, var(--blue-500), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-500\/40:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-500\/40:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:active\:stroke-blue-500\/40:active { + stroke: color-mix(in srgb, var(--blue-500), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-500\/50:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-500\/50:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:active\:stroke-blue-500\/50:active { + stroke: color-mix(in srgb, var(--blue-500), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-500\/60:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-500\/60:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:active\:stroke-blue-500\/60:active { + stroke: color-mix(in srgb, var(--blue-500), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-500\/70:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-500\/70:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:active\:stroke-blue-500\/70:active { + stroke: color-mix(in srgb, var(--blue-500), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-500\/80:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-500\/80:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:active\:stroke-blue-500\/80:active { + stroke: color-mix(in srgb, var(--blue-500), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-500\/90:focus { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-500\/90:hover { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:active\:stroke-blue-500\/90:active { + stroke: color-mix(in srgb, var(--blue-500), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-600:focus { + stroke: var(--blue-600) + } + .xl\:hover\:stroke-blue-600:hover { + stroke: var(--blue-600) + } + .xl\:active\:stroke-blue-600:active { + stroke: var(--blue-600) + } + .xl\:focus\:stroke-blue-600\/10:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-600\/10:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:active\:stroke-blue-600\/10:active { + stroke: color-mix(in srgb, var(--blue-600), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-600\/20:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-600\/20:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:active\:stroke-blue-600\/20:active { + stroke: color-mix(in srgb, var(--blue-600), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-600\/30:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-600\/30:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:active\:stroke-blue-600\/30:active { + stroke: color-mix(in srgb, var(--blue-600), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-600\/40:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-600\/40:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:active\:stroke-blue-600\/40:active { + stroke: color-mix(in srgb, var(--blue-600), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-600\/50:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-600\/50:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:active\:stroke-blue-600\/50:active { + stroke: color-mix(in srgb, var(--blue-600), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-600\/60:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-600\/60:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:active\:stroke-blue-600\/60:active { + stroke: color-mix(in srgb, var(--blue-600), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-600\/70:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-600\/70:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:active\:stroke-blue-600\/70:active { + stroke: color-mix(in srgb, var(--blue-600), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-600\/80:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-600\/80:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:active\:stroke-blue-600\/80:active { + stroke: color-mix(in srgb, var(--blue-600), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-600\/90:focus { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-600\/90:hover { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:active\:stroke-blue-600\/90:active { + stroke: color-mix(in srgb, var(--blue-600), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-700:focus { + stroke: var(--blue-700) + } + .xl\:hover\:stroke-blue-700:hover { + stroke: var(--blue-700) + } + .xl\:active\:stroke-blue-700:active { + stroke: var(--blue-700) + } + .xl\:focus\:stroke-blue-700\/10:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-700\/10:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:active\:stroke-blue-700\/10:active { + stroke: color-mix(in srgb, var(--blue-700), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-700\/20:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-700\/20:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:active\:stroke-blue-700\/20:active { + stroke: color-mix(in srgb, var(--blue-700), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-700\/30:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-700\/30:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:active\:stroke-blue-700\/30:active { + stroke: color-mix(in srgb, var(--blue-700), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-700\/40:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-700\/40:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:active\:stroke-blue-700\/40:active { + stroke: color-mix(in srgb, var(--blue-700), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-700\/50:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-700\/50:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:active\:stroke-blue-700\/50:active { + stroke: color-mix(in srgb, var(--blue-700), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-700\/60:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-700\/60:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:active\:stroke-blue-700\/60:active { + stroke: color-mix(in srgb, var(--blue-700), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-700\/70:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-700\/70:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:active\:stroke-blue-700\/70:active { + stroke: color-mix(in srgb, var(--blue-700), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-700\/80:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-700\/80:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:active\:stroke-blue-700\/80:active { + stroke: color-mix(in srgb, var(--blue-700), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-700\/90:focus { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-700\/90:hover { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:active\:stroke-blue-700\/90:active { + stroke: color-mix(in srgb, var(--blue-700), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-800:focus { + stroke: var(--blue-800) + } + .xl\:hover\:stroke-blue-800:hover { + stroke: var(--blue-800) + } + .xl\:active\:stroke-blue-800:active { + stroke: var(--blue-800) + } + .xl\:focus\:stroke-blue-800\/10:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-800\/10:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:active\:stroke-blue-800\/10:active { + stroke: color-mix(in srgb, var(--blue-800), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-800\/20:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-800\/20:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:active\:stroke-blue-800\/20:active { + stroke: color-mix(in srgb, var(--blue-800), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-800\/30:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-800\/30:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:active\:stroke-blue-800\/30:active { + stroke: color-mix(in srgb, var(--blue-800), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-800\/40:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-800\/40:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:active\:stroke-blue-800\/40:active { + stroke: color-mix(in srgb, var(--blue-800), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-800\/50:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-800\/50:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:active\:stroke-blue-800\/50:active { + stroke: color-mix(in srgb, var(--blue-800), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-800\/60:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-800\/60:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:active\:stroke-blue-800\/60:active { + stroke: color-mix(in srgb, var(--blue-800), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-800\/70:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-800\/70:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:active\:stroke-blue-800\/70:active { + stroke: color-mix(in srgb, var(--blue-800), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-800\/80:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-800\/80:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:active\:stroke-blue-800\/80:active { + stroke: color-mix(in srgb, var(--blue-800), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-800\/90:focus { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-800\/90:hover { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:active\:stroke-blue-800\/90:active { + stroke: color-mix(in srgb, var(--blue-800), 0.9%, transparent) + } + .xl\:focus\:stroke-blue-900:focus { + stroke: var(--blue-900) + } + .xl\:hover\:stroke-blue-900:hover { + stroke: var(--blue-900) + } + .xl\:active\:stroke-blue-900:active { + stroke: var(--blue-900) + } + .xl\:focus\:stroke-blue-900\/10:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:hover\:stroke-blue-900\/10:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:active\:stroke-blue-900\/10:active { + stroke: color-mix(in srgb, var(--blue-900), 0.1%, transparent) + } + .xl\:focus\:stroke-blue-900\/20:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:hover\:stroke-blue-900\/20:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:active\:stroke-blue-900\/20:active { + stroke: color-mix(in srgb, var(--blue-900), 0.2%, transparent) + } + .xl\:focus\:stroke-blue-900\/30:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:hover\:stroke-blue-900\/30:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:active\:stroke-blue-900\/30:active { + stroke: color-mix(in srgb, var(--blue-900), 0.3%, transparent) + } + .xl\:focus\:stroke-blue-900\/40:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:hover\:stroke-blue-900\/40:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:active\:stroke-blue-900\/40:active { + stroke: color-mix(in srgb, var(--blue-900), 0.4%, transparent) + } + .xl\:focus\:stroke-blue-900\/50:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:hover\:stroke-blue-900\/50:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:active\:stroke-blue-900\/50:active { + stroke: color-mix(in srgb, var(--blue-900), 0.5%, transparent) + } + .xl\:focus\:stroke-blue-900\/60:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:hover\:stroke-blue-900\/60:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:active\:stroke-blue-900\/60:active { + stroke: color-mix(in srgb, var(--blue-900), 0.6%, transparent) + } + .xl\:focus\:stroke-blue-900\/70:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:hover\:stroke-blue-900\/70:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:active\:stroke-blue-900\/70:active { + stroke: color-mix(in srgb, var(--blue-900), 0.7%, transparent) + } + .xl\:focus\:stroke-blue-900\/80:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:hover\:stroke-blue-900\/80:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:active\:stroke-blue-900\/80:active { + stroke: color-mix(in srgb, var(--blue-900), 0.8%, transparent) + } + .xl\:focus\:stroke-blue-900\/90:focus { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:hover\:stroke-blue-900\/90:hover { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:active\:stroke-blue-900\/90:active { + stroke: color-mix(in srgb, var(--blue-900), 0.9%, transparent) + } + .xl\:focus\:stroke-green-50:focus { + stroke: var(--green-50) + } + .xl\:hover\:stroke-green-50:hover { + stroke: var(--green-50) + } + .xl\:active\:stroke-green-50:active { + stroke: var(--green-50) + } + .xl\:focus\:stroke-green-50\/10:focus { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:hover\:stroke-green-50\/10:hover { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:active\:stroke-green-50\/10:active { + stroke: color-mix(in srgb, var(--green-50), 0.1%, transparent) + } + .xl\:focus\:stroke-green-50\/20:focus { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:hover\:stroke-green-50\/20:hover { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:active\:stroke-green-50\/20:active { + stroke: color-mix(in srgb, var(--green-50), 0.2%, transparent) + } + .xl\:focus\:stroke-green-50\/30:focus { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:hover\:stroke-green-50\/30:hover { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:active\:stroke-green-50\/30:active { + stroke: color-mix(in srgb, var(--green-50), 0.3%, transparent) + } + .xl\:focus\:stroke-green-50\/40:focus { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:hover\:stroke-green-50\/40:hover { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:active\:stroke-green-50\/40:active { + stroke: color-mix(in srgb, var(--green-50), 0.4%, transparent) + } + .xl\:focus\:stroke-green-50\/50:focus { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:hover\:stroke-green-50\/50:hover { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:active\:stroke-green-50\/50:active { + stroke: color-mix(in srgb, var(--green-50), 0.5%, transparent) + } + .xl\:focus\:stroke-green-50\/60:focus { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:hover\:stroke-green-50\/60:hover { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:active\:stroke-green-50\/60:active { + stroke: color-mix(in srgb, var(--green-50), 0.6%, transparent) + } + .xl\:focus\:stroke-green-50\/70:focus { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:hover\:stroke-green-50\/70:hover { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:active\:stroke-green-50\/70:active { + stroke: color-mix(in srgb, var(--green-50), 0.7%, transparent) + } + .xl\:focus\:stroke-green-50\/80:focus { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:hover\:stroke-green-50\/80:hover { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:active\:stroke-green-50\/80:active { + stroke: color-mix(in srgb, var(--green-50), 0.8%, transparent) + } + .xl\:focus\:stroke-green-50\/90:focus { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:hover\:stroke-green-50\/90:hover { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:active\:stroke-green-50\/90:active { + stroke: color-mix(in srgb, var(--green-50), 0.9%, transparent) + } + .xl\:focus\:stroke-green-100:focus { + stroke: var(--green-100) + } + .xl\:hover\:stroke-green-100:hover { + stroke: var(--green-100) + } + .xl\:active\:stroke-green-100:active { + stroke: var(--green-100) + } + .xl\:focus\:stroke-green-100\/10:focus { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:hover\:stroke-green-100\/10:hover { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:active\:stroke-green-100\/10:active { + stroke: color-mix(in srgb, var(--green-100), 0.1%, transparent) + } + .xl\:focus\:stroke-green-100\/20:focus { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:hover\:stroke-green-100\/20:hover { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:active\:stroke-green-100\/20:active { + stroke: color-mix(in srgb, var(--green-100), 0.2%, transparent) + } + .xl\:focus\:stroke-green-100\/30:focus { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:hover\:stroke-green-100\/30:hover { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:active\:stroke-green-100\/30:active { + stroke: color-mix(in srgb, var(--green-100), 0.3%, transparent) + } + .xl\:focus\:stroke-green-100\/40:focus { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:hover\:stroke-green-100\/40:hover { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:active\:stroke-green-100\/40:active { + stroke: color-mix(in srgb, var(--green-100), 0.4%, transparent) + } + .xl\:focus\:stroke-green-100\/50:focus { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:hover\:stroke-green-100\/50:hover { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:active\:stroke-green-100\/50:active { + stroke: color-mix(in srgb, var(--green-100), 0.5%, transparent) + } + .xl\:focus\:stroke-green-100\/60:focus { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:hover\:stroke-green-100\/60:hover { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:active\:stroke-green-100\/60:active { + stroke: color-mix(in srgb, var(--green-100), 0.6%, transparent) + } + .xl\:focus\:stroke-green-100\/70:focus { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:hover\:stroke-green-100\/70:hover { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:active\:stroke-green-100\/70:active { + stroke: color-mix(in srgb, var(--green-100), 0.7%, transparent) + } + .xl\:focus\:stroke-green-100\/80:focus { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:hover\:stroke-green-100\/80:hover { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:active\:stroke-green-100\/80:active { + stroke: color-mix(in srgb, var(--green-100), 0.8%, transparent) + } + .xl\:focus\:stroke-green-100\/90:focus { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:hover\:stroke-green-100\/90:hover { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:active\:stroke-green-100\/90:active { + stroke: color-mix(in srgb, var(--green-100), 0.9%, transparent) + } + .xl\:focus\:stroke-green-200:focus { + stroke: var(--green-200) + } + .xl\:hover\:stroke-green-200:hover { + stroke: var(--green-200) + } + .xl\:active\:stroke-green-200:active { + stroke: var(--green-200) + } + .xl\:focus\:stroke-green-200\/10:focus { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:hover\:stroke-green-200\/10:hover { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:active\:stroke-green-200\/10:active { + stroke: color-mix(in srgb, var(--green-200), 0.1%, transparent) + } + .xl\:focus\:stroke-green-200\/20:focus { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:hover\:stroke-green-200\/20:hover { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:active\:stroke-green-200\/20:active { + stroke: color-mix(in srgb, var(--green-200), 0.2%, transparent) + } + .xl\:focus\:stroke-green-200\/30:focus { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:hover\:stroke-green-200\/30:hover { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:active\:stroke-green-200\/30:active { + stroke: color-mix(in srgb, var(--green-200), 0.3%, transparent) + } + .xl\:focus\:stroke-green-200\/40:focus { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:hover\:stroke-green-200\/40:hover { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:active\:stroke-green-200\/40:active { + stroke: color-mix(in srgb, var(--green-200), 0.4%, transparent) + } + .xl\:focus\:stroke-green-200\/50:focus { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:hover\:stroke-green-200\/50:hover { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:active\:stroke-green-200\/50:active { + stroke: color-mix(in srgb, var(--green-200), 0.5%, transparent) + } + .xl\:focus\:stroke-green-200\/60:focus { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:hover\:stroke-green-200\/60:hover { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:active\:stroke-green-200\/60:active { + stroke: color-mix(in srgb, var(--green-200), 0.6%, transparent) + } + .xl\:focus\:stroke-green-200\/70:focus { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:hover\:stroke-green-200\/70:hover { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:active\:stroke-green-200\/70:active { + stroke: color-mix(in srgb, var(--green-200), 0.7%, transparent) + } + .xl\:focus\:stroke-green-200\/80:focus { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:hover\:stroke-green-200\/80:hover { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:active\:stroke-green-200\/80:active { + stroke: color-mix(in srgb, var(--green-200), 0.8%, transparent) + } + .xl\:focus\:stroke-green-200\/90:focus { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:hover\:stroke-green-200\/90:hover { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:active\:stroke-green-200\/90:active { + stroke: color-mix(in srgb, var(--green-200), 0.9%, transparent) + } + .xl\:focus\:stroke-green-300:focus { + stroke: var(--green-300) + } + .xl\:hover\:stroke-green-300:hover { + stroke: var(--green-300) + } + .xl\:active\:stroke-green-300:active { + stroke: var(--green-300) + } + .xl\:focus\:stroke-green-300\/10:focus { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:hover\:stroke-green-300\/10:hover { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:active\:stroke-green-300\/10:active { + stroke: color-mix(in srgb, var(--green-300), 0.1%, transparent) + } + .xl\:focus\:stroke-green-300\/20:focus { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:hover\:stroke-green-300\/20:hover { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:active\:stroke-green-300\/20:active { + stroke: color-mix(in srgb, var(--green-300), 0.2%, transparent) + } + .xl\:focus\:stroke-green-300\/30:focus { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:hover\:stroke-green-300\/30:hover { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:active\:stroke-green-300\/30:active { + stroke: color-mix(in srgb, var(--green-300), 0.3%, transparent) + } + .xl\:focus\:stroke-green-300\/40:focus { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:hover\:stroke-green-300\/40:hover { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:active\:stroke-green-300\/40:active { + stroke: color-mix(in srgb, var(--green-300), 0.4%, transparent) + } + .xl\:focus\:stroke-green-300\/50:focus { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:hover\:stroke-green-300\/50:hover { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:active\:stroke-green-300\/50:active { + stroke: color-mix(in srgb, var(--green-300), 0.5%, transparent) + } + .xl\:focus\:stroke-green-300\/60:focus { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:hover\:stroke-green-300\/60:hover { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:active\:stroke-green-300\/60:active { + stroke: color-mix(in srgb, var(--green-300), 0.6%, transparent) + } + .xl\:focus\:stroke-green-300\/70:focus { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:hover\:stroke-green-300\/70:hover { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:active\:stroke-green-300\/70:active { + stroke: color-mix(in srgb, var(--green-300), 0.7%, transparent) + } + .xl\:focus\:stroke-green-300\/80:focus { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:hover\:stroke-green-300\/80:hover { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:active\:stroke-green-300\/80:active { + stroke: color-mix(in srgb, var(--green-300), 0.8%, transparent) + } + .xl\:focus\:stroke-green-300\/90:focus { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:hover\:stroke-green-300\/90:hover { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:active\:stroke-green-300\/90:active { + stroke: color-mix(in srgb, var(--green-300), 0.9%, transparent) + } + .xl\:focus\:stroke-green-400:focus { + stroke: var(--green-400) + } + .xl\:hover\:stroke-green-400:hover { + stroke: var(--green-400) + } + .xl\:active\:stroke-green-400:active { + stroke: var(--green-400) + } + .xl\:focus\:stroke-green-400\/10:focus { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:hover\:stroke-green-400\/10:hover { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:active\:stroke-green-400\/10:active { + stroke: color-mix(in srgb, var(--green-400), 0.1%, transparent) + } + .xl\:focus\:stroke-green-400\/20:focus { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:hover\:stroke-green-400\/20:hover { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:active\:stroke-green-400\/20:active { + stroke: color-mix(in srgb, var(--green-400), 0.2%, transparent) + } + .xl\:focus\:stroke-green-400\/30:focus { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:hover\:stroke-green-400\/30:hover { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:active\:stroke-green-400\/30:active { + stroke: color-mix(in srgb, var(--green-400), 0.3%, transparent) + } + .xl\:focus\:stroke-green-400\/40:focus { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:hover\:stroke-green-400\/40:hover { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:active\:stroke-green-400\/40:active { + stroke: color-mix(in srgb, var(--green-400), 0.4%, transparent) + } + .xl\:focus\:stroke-green-400\/50:focus { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:hover\:stroke-green-400\/50:hover { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:active\:stroke-green-400\/50:active { + stroke: color-mix(in srgb, var(--green-400), 0.5%, transparent) + } + .xl\:focus\:stroke-green-400\/60:focus { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:hover\:stroke-green-400\/60:hover { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:active\:stroke-green-400\/60:active { + stroke: color-mix(in srgb, var(--green-400), 0.6%, transparent) + } + .xl\:focus\:stroke-green-400\/70:focus { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:hover\:stroke-green-400\/70:hover { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:active\:stroke-green-400\/70:active { + stroke: color-mix(in srgb, var(--green-400), 0.7%, transparent) + } + .xl\:focus\:stroke-green-400\/80:focus { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:hover\:stroke-green-400\/80:hover { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:active\:stroke-green-400\/80:active { + stroke: color-mix(in srgb, var(--green-400), 0.8%, transparent) + } + .xl\:focus\:stroke-green-400\/90:focus { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:hover\:stroke-green-400\/90:hover { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:active\:stroke-green-400\/90:active { + stroke: color-mix(in srgb, var(--green-400), 0.9%, transparent) + } + .xl\:focus\:stroke-green-500:focus { + stroke: var(--green-500) + } + .xl\:hover\:stroke-green-500:hover { + stroke: var(--green-500) + } + .xl\:active\:stroke-green-500:active { + stroke: var(--green-500) + } + .xl\:focus\:stroke-green-500\/10:focus { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:hover\:stroke-green-500\/10:hover { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:active\:stroke-green-500\/10:active { + stroke: color-mix(in srgb, var(--green-500), 0.1%, transparent) + } + .xl\:focus\:stroke-green-500\/20:focus { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:hover\:stroke-green-500\/20:hover { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:active\:stroke-green-500\/20:active { + stroke: color-mix(in srgb, var(--green-500), 0.2%, transparent) + } + .xl\:focus\:stroke-green-500\/30:focus { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:hover\:stroke-green-500\/30:hover { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:active\:stroke-green-500\/30:active { + stroke: color-mix(in srgb, var(--green-500), 0.3%, transparent) + } + .xl\:focus\:stroke-green-500\/40:focus { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:hover\:stroke-green-500\/40:hover { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:active\:stroke-green-500\/40:active { + stroke: color-mix(in srgb, var(--green-500), 0.4%, transparent) + } + .xl\:focus\:stroke-green-500\/50:focus { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:hover\:stroke-green-500\/50:hover { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:active\:stroke-green-500\/50:active { + stroke: color-mix(in srgb, var(--green-500), 0.5%, transparent) + } + .xl\:focus\:stroke-green-500\/60:focus { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:hover\:stroke-green-500\/60:hover { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:active\:stroke-green-500\/60:active { + stroke: color-mix(in srgb, var(--green-500), 0.6%, transparent) + } + .xl\:focus\:stroke-green-500\/70:focus { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:hover\:stroke-green-500\/70:hover { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:active\:stroke-green-500\/70:active { + stroke: color-mix(in srgb, var(--green-500), 0.7%, transparent) + } + .xl\:focus\:stroke-green-500\/80:focus { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:hover\:stroke-green-500\/80:hover { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:active\:stroke-green-500\/80:active { + stroke: color-mix(in srgb, var(--green-500), 0.8%, transparent) + } + .xl\:focus\:stroke-green-500\/90:focus { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:hover\:stroke-green-500\/90:hover { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:active\:stroke-green-500\/90:active { + stroke: color-mix(in srgb, var(--green-500), 0.9%, transparent) + } + .xl\:focus\:stroke-green-600:focus { + stroke: var(--green-600) + } + .xl\:hover\:stroke-green-600:hover { + stroke: var(--green-600) + } + .xl\:active\:stroke-green-600:active { + stroke: var(--green-600) + } + .xl\:focus\:stroke-green-600\/10:focus { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:hover\:stroke-green-600\/10:hover { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:active\:stroke-green-600\/10:active { + stroke: color-mix(in srgb, var(--green-600), 0.1%, transparent) + } + .xl\:focus\:stroke-green-600\/20:focus { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:hover\:stroke-green-600\/20:hover { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:active\:stroke-green-600\/20:active { + stroke: color-mix(in srgb, var(--green-600), 0.2%, transparent) + } + .xl\:focus\:stroke-green-600\/30:focus { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:hover\:stroke-green-600\/30:hover { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:active\:stroke-green-600\/30:active { + stroke: color-mix(in srgb, var(--green-600), 0.3%, transparent) + } + .xl\:focus\:stroke-green-600\/40:focus { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:hover\:stroke-green-600\/40:hover { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:active\:stroke-green-600\/40:active { + stroke: color-mix(in srgb, var(--green-600), 0.4%, transparent) + } + .xl\:focus\:stroke-green-600\/50:focus { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:hover\:stroke-green-600\/50:hover { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:active\:stroke-green-600\/50:active { + stroke: color-mix(in srgb, var(--green-600), 0.5%, transparent) + } + .xl\:focus\:stroke-green-600\/60:focus { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:hover\:stroke-green-600\/60:hover { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:active\:stroke-green-600\/60:active { + stroke: color-mix(in srgb, var(--green-600), 0.6%, transparent) + } + .xl\:focus\:stroke-green-600\/70:focus { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:hover\:stroke-green-600\/70:hover { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:active\:stroke-green-600\/70:active { + stroke: color-mix(in srgb, var(--green-600), 0.7%, transparent) + } + .xl\:focus\:stroke-green-600\/80:focus { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:hover\:stroke-green-600\/80:hover { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:active\:stroke-green-600\/80:active { + stroke: color-mix(in srgb, var(--green-600), 0.8%, transparent) + } + .xl\:focus\:stroke-green-600\/90:focus { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:hover\:stroke-green-600\/90:hover { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:active\:stroke-green-600\/90:active { + stroke: color-mix(in srgb, var(--green-600), 0.9%, transparent) + } + .xl\:focus\:stroke-green-700:focus { + stroke: var(--green-700) + } + .xl\:hover\:stroke-green-700:hover { + stroke: var(--green-700) + } + .xl\:active\:stroke-green-700:active { + stroke: var(--green-700) + } + .xl\:focus\:stroke-green-700\/10:focus { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:hover\:stroke-green-700\/10:hover { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:active\:stroke-green-700\/10:active { + stroke: color-mix(in srgb, var(--green-700), 0.1%, transparent) + } + .xl\:focus\:stroke-green-700\/20:focus { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:hover\:stroke-green-700\/20:hover { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:active\:stroke-green-700\/20:active { + stroke: color-mix(in srgb, var(--green-700), 0.2%, transparent) + } + .xl\:focus\:stroke-green-700\/30:focus { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:hover\:stroke-green-700\/30:hover { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:active\:stroke-green-700\/30:active { + stroke: color-mix(in srgb, var(--green-700), 0.3%, transparent) + } + .xl\:focus\:stroke-green-700\/40:focus { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:hover\:stroke-green-700\/40:hover { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:active\:stroke-green-700\/40:active { + stroke: color-mix(in srgb, var(--green-700), 0.4%, transparent) + } + .xl\:focus\:stroke-green-700\/50:focus { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:hover\:stroke-green-700\/50:hover { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:active\:stroke-green-700\/50:active { + stroke: color-mix(in srgb, var(--green-700), 0.5%, transparent) + } + .xl\:focus\:stroke-green-700\/60:focus { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:hover\:stroke-green-700\/60:hover { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:active\:stroke-green-700\/60:active { + stroke: color-mix(in srgb, var(--green-700), 0.6%, transparent) + } + .xl\:focus\:stroke-green-700\/70:focus { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:hover\:stroke-green-700\/70:hover { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:active\:stroke-green-700\/70:active { + stroke: color-mix(in srgb, var(--green-700), 0.7%, transparent) + } + .xl\:focus\:stroke-green-700\/80:focus { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:hover\:stroke-green-700\/80:hover { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:active\:stroke-green-700\/80:active { + stroke: color-mix(in srgb, var(--green-700), 0.8%, transparent) + } + .xl\:focus\:stroke-green-700\/90:focus { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:hover\:stroke-green-700\/90:hover { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:active\:stroke-green-700\/90:active { + stroke: color-mix(in srgb, var(--green-700), 0.9%, transparent) + } + .xl\:focus\:stroke-green-800:focus { + stroke: var(--green-800) + } + .xl\:hover\:stroke-green-800:hover { + stroke: var(--green-800) + } + .xl\:active\:stroke-green-800:active { + stroke: var(--green-800) + } + .xl\:focus\:stroke-green-800\/10:focus { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:hover\:stroke-green-800\/10:hover { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:active\:stroke-green-800\/10:active { + stroke: color-mix(in srgb, var(--green-800), 0.1%, transparent) + } + .xl\:focus\:stroke-green-800\/20:focus { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:hover\:stroke-green-800\/20:hover { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:active\:stroke-green-800\/20:active { + stroke: color-mix(in srgb, var(--green-800), 0.2%, transparent) + } + .xl\:focus\:stroke-green-800\/30:focus { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:hover\:stroke-green-800\/30:hover { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:active\:stroke-green-800\/30:active { + stroke: color-mix(in srgb, var(--green-800), 0.3%, transparent) + } + .xl\:focus\:stroke-green-800\/40:focus { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:hover\:stroke-green-800\/40:hover { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:active\:stroke-green-800\/40:active { + stroke: color-mix(in srgb, var(--green-800), 0.4%, transparent) + } + .xl\:focus\:stroke-green-800\/50:focus { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:hover\:stroke-green-800\/50:hover { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:active\:stroke-green-800\/50:active { + stroke: color-mix(in srgb, var(--green-800), 0.5%, transparent) + } + .xl\:focus\:stroke-green-800\/60:focus { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:hover\:stroke-green-800\/60:hover { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:active\:stroke-green-800\/60:active { + stroke: color-mix(in srgb, var(--green-800), 0.6%, transparent) + } + .xl\:focus\:stroke-green-800\/70:focus { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:hover\:stroke-green-800\/70:hover { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:active\:stroke-green-800\/70:active { + stroke: color-mix(in srgb, var(--green-800), 0.7%, transparent) + } + .xl\:focus\:stroke-green-800\/80:focus { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:hover\:stroke-green-800\/80:hover { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:active\:stroke-green-800\/80:active { + stroke: color-mix(in srgb, var(--green-800), 0.8%, transparent) + } + .xl\:focus\:stroke-green-800\/90:focus { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:hover\:stroke-green-800\/90:hover { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:active\:stroke-green-800\/90:active { + stroke: color-mix(in srgb, var(--green-800), 0.9%, transparent) + } + .xl\:focus\:stroke-green-900:focus { + stroke: var(--green-900) + } + .xl\:hover\:stroke-green-900:hover { + stroke: var(--green-900) + } + .xl\:active\:stroke-green-900:active { + stroke: var(--green-900) + } + .xl\:focus\:stroke-green-900\/10:focus { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:hover\:stroke-green-900\/10:hover { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:active\:stroke-green-900\/10:active { + stroke: color-mix(in srgb, var(--green-900), 0.1%, transparent) + } + .xl\:focus\:stroke-green-900\/20:focus { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:hover\:stroke-green-900\/20:hover { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:active\:stroke-green-900\/20:active { + stroke: color-mix(in srgb, var(--green-900), 0.2%, transparent) + } + .xl\:focus\:stroke-green-900\/30:focus { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:hover\:stroke-green-900\/30:hover { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:active\:stroke-green-900\/30:active { + stroke: color-mix(in srgb, var(--green-900), 0.3%, transparent) + } + .xl\:focus\:stroke-green-900\/40:focus { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:hover\:stroke-green-900\/40:hover { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:active\:stroke-green-900\/40:active { + stroke: color-mix(in srgb, var(--green-900), 0.4%, transparent) + } + .xl\:focus\:stroke-green-900\/50:focus { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:hover\:stroke-green-900\/50:hover { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:active\:stroke-green-900\/50:active { + stroke: color-mix(in srgb, var(--green-900), 0.5%, transparent) + } + .xl\:focus\:stroke-green-900\/60:focus { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:hover\:stroke-green-900\/60:hover { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:active\:stroke-green-900\/60:active { + stroke: color-mix(in srgb, var(--green-900), 0.6%, transparent) + } + .xl\:focus\:stroke-green-900\/70:focus { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:hover\:stroke-green-900\/70:hover { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:active\:stroke-green-900\/70:active { + stroke: color-mix(in srgb, var(--green-900), 0.7%, transparent) + } + .xl\:focus\:stroke-green-900\/80:focus { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:hover\:stroke-green-900\/80:hover { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:active\:stroke-green-900\/80:active { + stroke: color-mix(in srgb, var(--green-900), 0.8%, transparent) + } + .xl\:focus\:stroke-green-900\/90:focus { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:hover\:stroke-green-900\/90:hover { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:active\:stroke-green-900\/90:active { + stroke: color-mix(in srgb, var(--green-900), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-50:focus { + stroke: var(--yellow-50) + } + .xl\:hover\:stroke-yellow-50:hover { + stroke: var(--yellow-50) + } + .xl\:active\:stroke-yellow-50:active { + stroke: var(--yellow-50) + } + .xl\:focus\:stroke-yellow-50\/10:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-50\/10:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-50\/10:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-50\/20:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-50\/20:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-50\/20:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-50\/30:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-50\/30:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-50\/30:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-50\/40:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-50\/40:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-50\/40:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-50\/50:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-50\/50:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-50\/50:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-50\/60:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-50\/60:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-50\/60:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-50\/70:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-50\/70:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-50\/70:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-50\/80:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-50\/80:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-50\/80:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-50\/90:focus { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-50\/90:hover { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-50\/90:active { + stroke: color-mix(in srgb, var(--yellow-50), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-100:focus { + stroke: var(--yellow-100) + } + .xl\:hover\:stroke-yellow-100:hover { + stroke: var(--yellow-100) + } + .xl\:active\:stroke-yellow-100:active { + stroke: var(--yellow-100) + } + .xl\:focus\:stroke-yellow-100\/10:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-100\/10:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-100\/10:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-100\/20:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-100\/20:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-100\/20:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-100\/30:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-100\/30:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-100\/30:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-100\/40:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-100\/40:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-100\/40:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-100\/50:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-100\/50:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-100\/50:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-100\/60:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-100\/60:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-100\/60:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-100\/70:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-100\/70:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-100\/70:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-100\/80:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-100\/80:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-100\/80:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-100\/90:focus { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-100\/90:hover { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-100\/90:active { + stroke: color-mix(in srgb, var(--yellow-100), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-200:focus { + stroke: var(--yellow-200) + } + .xl\:hover\:stroke-yellow-200:hover { + stroke: var(--yellow-200) + } + .xl\:active\:stroke-yellow-200:active { + stroke: var(--yellow-200) + } + .xl\:focus\:stroke-yellow-200\/10:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-200\/10:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-200\/10:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-200\/20:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-200\/20:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-200\/20:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-200\/30:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-200\/30:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-200\/30:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-200\/40:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-200\/40:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-200\/40:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-200\/50:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-200\/50:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-200\/50:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-200\/60:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-200\/60:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-200\/60:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-200\/70:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-200\/70:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-200\/70:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-200\/80:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-200\/80:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-200\/80:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-200\/90:focus { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-200\/90:hover { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-200\/90:active { + stroke: color-mix(in srgb, var(--yellow-200), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-300:focus { + stroke: var(--yellow-300) + } + .xl\:hover\:stroke-yellow-300:hover { + stroke: var(--yellow-300) + } + .xl\:active\:stroke-yellow-300:active { + stroke: var(--yellow-300) + } + .xl\:focus\:stroke-yellow-300\/10:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-300\/10:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-300\/10:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-300\/20:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-300\/20:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-300\/20:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-300\/30:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-300\/30:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-300\/30:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-300\/40:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-300\/40:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-300\/40:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-300\/50:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-300\/50:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-300\/50:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-300\/60:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-300\/60:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-300\/60:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-300\/70:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-300\/70:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-300\/70:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-300\/80:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-300\/80:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-300\/80:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-300\/90:focus { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-300\/90:hover { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-300\/90:active { + stroke: color-mix(in srgb, var(--yellow-300), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-400:focus { + stroke: var(--yellow-400) + } + .xl\:hover\:stroke-yellow-400:hover { + stroke: var(--yellow-400) + } + .xl\:active\:stroke-yellow-400:active { + stroke: var(--yellow-400) + } + .xl\:focus\:stroke-yellow-400\/10:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-400\/10:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-400\/10:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-400\/20:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-400\/20:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-400\/20:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-400\/30:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-400\/30:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-400\/30:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-400\/40:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-400\/40:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-400\/40:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-400\/50:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-400\/50:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-400\/50:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-400\/60:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-400\/60:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-400\/60:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-400\/70:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-400\/70:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-400\/70:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-400\/80:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-400\/80:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-400\/80:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-400\/90:focus { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-400\/90:hover { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-400\/90:active { + stroke: color-mix(in srgb, var(--yellow-400), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-500:focus { + stroke: var(--yellow-500) + } + .xl\:hover\:stroke-yellow-500:hover { + stroke: var(--yellow-500) + } + .xl\:active\:stroke-yellow-500:active { + stroke: var(--yellow-500) + } + .xl\:focus\:stroke-yellow-500\/10:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-500\/10:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-500\/10:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-500\/20:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-500\/20:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-500\/20:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-500\/30:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-500\/30:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-500\/30:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-500\/40:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-500\/40:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-500\/40:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-500\/50:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-500\/50:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-500\/50:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-500\/60:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-500\/60:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-500\/60:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-500\/70:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-500\/70:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-500\/70:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-500\/80:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-500\/80:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-500\/80:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-500\/90:focus { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-500\/90:hover { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-500\/90:active { + stroke: color-mix(in srgb, var(--yellow-500), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-600:focus { + stroke: var(--yellow-600) + } + .xl\:hover\:stroke-yellow-600:hover { + stroke: var(--yellow-600) + } + .xl\:active\:stroke-yellow-600:active { + stroke: var(--yellow-600) + } + .xl\:focus\:stroke-yellow-600\/10:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-600\/10:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-600\/10:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-600\/20:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-600\/20:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-600\/20:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-600\/30:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-600\/30:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-600\/30:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-600\/40:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-600\/40:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-600\/40:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-600\/50:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-600\/50:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-600\/50:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-600\/60:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-600\/60:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-600\/60:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-600\/70:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-600\/70:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-600\/70:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-600\/80:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-600\/80:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-600\/80:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-600\/90:focus { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-600\/90:hover { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-600\/90:active { + stroke: color-mix(in srgb, var(--yellow-600), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-700:focus { + stroke: var(--yellow-700) + } + .xl\:hover\:stroke-yellow-700:hover { + stroke: var(--yellow-700) + } + .xl\:active\:stroke-yellow-700:active { + stroke: var(--yellow-700) + } + .xl\:focus\:stroke-yellow-700\/10:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-700\/10:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-700\/10:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-700\/20:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-700\/20:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-700\/20:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-700\/30:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-700\/30:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-700\/30:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-700\/40:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-700\/40:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-700\/40:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-700\/50:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-700\/50:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-700\/50:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-700\/60:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-700\/60:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-700\/60:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-700\/70:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-700\/70:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-700\/70:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-700\/80:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-700\/80:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-700\/80:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-700\/90:focus { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-700\/90:hover { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-700\/90:active { + stroke: color-mix(in srgb, var(--yellow-700), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-800:focus { + stroke: var(--yellow-800) + } + .xl\:hover\:stroke-yellow-800:hover { + stroke: var(--yellow-800) + } + .xl\:active\:stroke-yellow-800:active { + stroke: var(--yellow-800) + } + .xl\:focus\:stroke-yellow-800\/10:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-800\/10:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-800\/10:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-800\/20:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-800\/20:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-800\/20:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-800\/30:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-800\/30:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-800\/30:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-800\/40:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-800\/40:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-800\/40:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-800\/50:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-800\/50:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-800\/50:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-800\/60:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-800\/60:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-800\/60:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-800\/70:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-800\/70:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-800\/70:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-800\/80:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-800\/80:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-800\/80:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-800\/90:focus { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-800\/90:hover { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-800\/90:active { + stroke: color-mix(in srgb, var(--yellow-800), 0.9%, transparent) + } + .xl\:focus\:stroke-yellow-900:focus { + stroke: var(--yellow-900) + } + .xl\:hover\:stroke-yellow-900:hover { + stroke: var(--yellow-900) + } + .xl\:active\:stroke-yellow-900:active { + stroke: var(--yellow-900) + } + .xl\:focus\:stroke-yellow-900\/10:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:hover\:stroke-yellow-900\/10:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:active\:stroke-yellow-900\/10:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.1%, transparent) + } + .xl\:focus\:stroke-yellow-900\/20:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:hover\:stroke-yellow-900\/20:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:active\:stroke-yellow-900\/20:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.2%, transparent) + } + .xl\:focus\:stroke-yellow-900\/30:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:hover\:stroke-yellow-900\/30:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:active\:stroke-yellow-900\/30:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.3%, transparent) + } + .xl\:focus\:stroke-yellow-900\/40:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:hover\:stroke-yellow-900\/40:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:active\:stroke-yellow-900\/40:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.4%, transparent) + } + .xl\:focus\:stroke-yellow-900\/50:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:hover\:stroke-yellow-900\/50:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:active\:stroke-yellow-900\/50:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.5%, transparent) + } + .xl\:focus\:stroke-yellow-900\/60:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:hover\:stroke-yellow-900\/60:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:active\:stroke-yellow-900\/60:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.6%, transparent) + } + .xl\:focus\:stroke-yellow-900\/70:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:hover\:stroke-yellow-900\/70:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:active\:stroke-yellow-900\/70:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.7%, transparent) + } + .xl\:focus\:stroke-yellow-900\/80:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:hover\:stroke-yellow-900\/80:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:active\:stroke-yellow-900\/80:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.8%, transparent) + } + .xl\:focus\:stroke-yellow-900\/90:focus { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:hover\:stroke-yellow-900\/90:hover { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:active\:stroke-yellow-900\/90:active { + stroke: color-mix(in srgb, var(--yellow-900), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-50:focus { + stroke: var(--cyan-50) + } + .xl\:hover\:stroke-cyan-50:hover { + stroke: var(--cyan-50) + } + .xl\:active\:stroke-cyan-50:active { + stroke: var(--cyan-50) + } + .xl\:focus\:stroke-cyan-50\/10:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-50\/10:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-50\/10:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-50\/20:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-50\/20:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-50\/20:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-50\/30:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-50\/30:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-50\/30:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-50\/40:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-50\/40:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-50\/40:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-50\/50:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-50\/50:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-50\/50:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-50\/60:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-50\/60:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-50\/60:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-50\/70:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-50\/70:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-50\/70:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-50\/80:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-50\/80:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-50\/80:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-50\/90:focus { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-50\/90:hover { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-50\/90:active { + stroke: color-mix(in srgb, var(--cyan-50), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-100:focus { + stroke: var(--cyan-100) + } + .xl\:hover\:stroke-cyan-100:hover { + stroke: var(--cyan-100) + } + .xl\:active\:stroke-cyan-100:active { + stroke: var(--cyan-100) + } + .xl\:focus\:stroke-cyan-100\/10:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-100\/10:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-100\/10:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-100\/20:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-100\/20:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-100\/20:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-100\/30:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-100\/30:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-100\/30:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-100\/40:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-100\/40:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-100\/40:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-100\/50:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-100\/50:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-100\/50:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-100\/60:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-100\/60:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-100\/60:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-100\/70:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-100\/70:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-100\/70:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-100\/80:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-100\/80:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-100\/80:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-100\/90:focus { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-100\/90:hover { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-100\/90:active { + stroke: color-mix(in srgb, var(--cyan-100), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-200:focus { + stroke: var(--cyan-200) + } + .xl\:hover\:stroke-cyan-200:hover { + stroke: var(--cyan-200) + } + .xl\:active\:stroke-cyan-200:active { + stroke: var(--cyan-200) + } + .xl\:focus\:stroke-cyan-200\/10:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-200\/10:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-200\/10:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-200\/20:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-200\/20:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-200\/20:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-200\/30:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-200\/30:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-200\/30:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-200\/40:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-200\/40:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-200\/40:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-200\/50:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-200\/50:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-200\/50:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-200\/60:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-200\/60:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-200\/60:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-200\/70:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-200\/70:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-200\/70:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-200\/80:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-200\/80:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-200\/80:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-200\/90:focus { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-200\/90:hover { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-200\/90:active { + stroke: color-mix(in srgb, var(--cyan-200), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-300:focus { + stroke: var(--cyan-300) + } + .xl\:hover\:stroke-cyan-300:hover { + stroke: var(--cyan-300) + } + .xl\:active\:stroke-cyan-300:active { + stroke: var(--cyan-300) + } + .xl\:focus\:stroke-cyan-300\/10:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-300\/10:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-300\/10:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-300\/20:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-300\/20:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-300\/20:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-300\/30:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-300\/30:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-300\/30:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-300\/40:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-300\/40:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-300\/40:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-300\/50:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-300\/50:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-300\/50:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-300\/60:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-300\/60:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-300\/60:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-300\/70:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-300\/70:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-300\/70:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-300\/80:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-300\/80:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-300\/80:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-300\/90:focus { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-300\/90:hover { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-300\/90:active { + stroke: color-mix(in srgb, var(--cyan-300), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-400:focus { + stroke: var(--cyan-400) + } + .xl\:hover\:stroke-cyan-400:hover { + stroke: var(--cyan-400) + } + .xl\:active\:stroke-cyan-400:active { + stroke: var(--cyan-400) + } + .xl\:focus\:stroke-cyan-400\/10:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-400\/10:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-400\/10:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-400\/20:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-400\/20:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-400\/20:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-400\/30:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-400\/30:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-400\/30:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-400\/40:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-400\/40:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-400\/40:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-400\/50:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-400\/50:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-400\/50:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-400\/60:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-400\/60:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-400\/60:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-400\/70:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-400\/70:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-400\/70:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-400\/80:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-400\/80:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-400\/80:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-400\/90:focus { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-400\/90:hover { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-400\/90:active { + stroke: color-mix(in srgb, var(--cyan-400), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-500:focus { + stroke: var(--cyan-500) + } + .xl\:hover\:stroke-cyan-500:hover { + stroke: var(--cyan-500) + } + .xl\:active\:stroke-cyan-500:active { + stroke: var(--cyan-500) + } + .xl\:focus\:stroke-cyan-500\/10:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-500\/10:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-500\/10:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-500\/20:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-500\/20:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-500\/20:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-500\/30:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-500\/30:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-500\/30:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-500\/40:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-500\/40:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-500\/40:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-500\/50:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-500\/50:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-500\/50:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-500\/60:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-500\/60:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-500\/60:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-500\/70:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-500\/70:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-500\/70:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-500\/80:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-500\/80:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-500\/80:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-500\/90:focus { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-500\/90:hover { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-500\/90:active { + stroke: color-mix(in srgb, var(--cyan-500), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-600:focus { + stroke: var(--cyan-600) + } + .xl\:hover\:stroke-cyan-600:hover { + stroke: var(--cyan-600) + } + .xl\:active\:stroke-cyan-600:active { + stroke: var(--cyan-600) + } + .xl\:focus\:stroke-cyan-600\/10:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-600\/10:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-600\/10:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-600\/20:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-600\/20:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-600\/20:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-600\/30:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-600\/30:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-600\/30:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-600\/40:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-600\/40:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-600\/40:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-600\/50:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-600\/50:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-600\/50:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-600\/60:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-600\/60:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-600\/60:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-600\/70:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-600\/70:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-600\/70:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-600\/80:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-600\/80:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-600\/80:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-600\/90:focus { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-600\/90:hover { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-600\/90:active { + stroke: color-mix(in srgb, var(--cyan-600), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-700:focus { + stroke: var(--cyan-700) + } + .xl\:hover\:stroke-cyan-700:hover { + stroke: var(--cyan-700) + } + .xl\:active\:stroke-cyan-700:active { + stroke: var(--cyan-700) + } + .xl\:focus\:stroke-cyan-700\/10:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-700\/10:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-700\/10:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-700\/20:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-700\/20:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-700\/20:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-700\/30:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-700\/30:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-700\/30:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-700\/40:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-700\/40:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-700\/40:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-700\/50:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-700\/50:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-700\/50:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-700\/60:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-700\/60:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-700\/60:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-700\/70:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-700\/70:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-700\/70:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-700\/80:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-700\/80:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-700\/80:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-700\/90:focus { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-700\/90:hover { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-700\/90:active { + stroke: color-mix(in srgb, var(--cyan-700), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-800:focus { + stroke: var(--cyan-800) + } + .xl\:hover\:stroke-cyan-800:hover { + stroke: var(--cyan-800) + } + .xl\:active\:stroke-cyan-800:active { + stroke: var(--cyan-800) + } + .xl\:focus\:stroke-cyan-800\/10:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-800\/10:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-800\/10:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-800\/20:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-800\/20:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-800\/20:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-800\/30:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-800\/30:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-800\/30:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-800\/40:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-800\/40:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-800\/40:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-800\/50:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-800\/50:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-800\/50:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-800\/60:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-800\/60:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-800\/60:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-800\/70:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-800\/70:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-800\/70:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-800\/80:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-800\/80:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-800\/80:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-800\/90:focus { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-800\/90:hover { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-800\/90:active { + stroke: color-mix(in srgb, var(--cyan-800), 0.9%, transparent) + } + .xl\:focus\:stroke-cyan-900:focus { + stroke: var(--cyan-900) + } + .xl\:hover\:stroke-cyan-900:hover { + stroke: var(--cyan-900) + } + .xl\:active\:stroke-cyan-900:active { + stroke: var(--cyan-900) + } + .xl\:focus\:stroke-cyan-900\/10:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:hover\:stroke-cyan-900\/10:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:active\:stroke-cyan-900\/10:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.1%, transparent) + } + .xl\:focus\:stroke-cyan-900\/20:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:hover\:stroke-cyan-900\/20:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:active\:stroke-cyan-900\/20:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.2%, transparent) + } + .xl\:focus\:stroke-cyan-900\/30:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:hover\:stroke-cyan-900\/30:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:active\:stroke-cyan-900\/30:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.3%, transparent) + } + .xl\:focus\:stroke-cyan-900\/40:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:hover\:stroke-cyan-900\/40:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:active\:stroke-cyan-900\/40:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.4%, transparent) + } + .xl\:focus\:stroke-cyan-900\/50:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:hover\:stroke-cyan-900\/50:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:active\:stroke-cyan-900\/50:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.5%, transparent) + } + .xl\:focus\:stroke-cyan-900\/60:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:hover\:stroke-cyan-900\/60:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:active\:stroke-cyan-900\/60:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.6%, transparent) + } + .xl\:focus\:stroke-cyan-900\/70:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:hover\:stroke-cyan-900\/70:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:active\:stroke-cyan-900\/70:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.7%, transparent) + } + .xl\:focus\:stroke-cyan-900\/80:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:hover\:stroke-cyan-900\/80:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:active\:stroke-cyan-900\/80:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.8%, transparent) + } + .xl\:focus\:stroke-cyan-900\/90:focus { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:hover\:stroke-cyan-900\/90:hover { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:active\:stroke-cyan-900\/90:active { + stroke: color-mix(in srgb, var(--cyan-900), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-50:focus { + stroke: var(--pink-50) + } + .xl\:hover\:stroke-pink-50:hover { + stroke: var(--pink-50) + } + .xl\:active\:stroke-pink-50:active { + stroke: var(--pink-50) + } + .xl\:focus\:stroke-pink-50\/10:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-50\/10:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:active\:stroke-pink-50\/10:active { + stroke: color-mix(in srgb, var(--pink-50), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-50\/20:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-50\/20:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:active\:stroke-pink-50\/20:active { + stroke: color-mix(in srgb, var(--pink-50), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-50\/30:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-50\/30:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:active\:stroke-pink-50\/30:active { + stroke: color-mix(in srgb, var(--pink-50), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-50\/40:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-50\/40:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:active\:stroke-pink-50\/40:active { + stroke: color-mix(in srgb, var(--pink-50), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-50\/50:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-50\/50:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:active\:stroke-pink-50\/50:active { + stroke: color-mix(in srgb, var(--pink-50), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-50\/60:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-50\/60:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:active\:stroke-pink-50\/60:active { + stroke: color-mix(in srgb, var(--pink-50), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-50\/70:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-50\/70:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:active\:stroke-pink-50\/70:active { + stroke: color-mix(in srgb, var(--pink-50), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-50\/80:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-50\/80:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:active\:stroke-pink-50\/80:active { + stroke: color-mix(in srgb, var(--pink-50), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-50\/90:focus { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-50\/90:hover { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:active\:stroke-pink-50\/90:active { + stroke: color-mix(in srgb, var(--pink-50), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-100:focus { + stroke: var(--pink-100) + } + .xl\:hover\:stroke-pink-100:hover { + stroke: var(--pink-100) + } + .xl\:active\:stroke-pink-100:active { + stroke: var(--pink-100) + } + .xl\:focus\:stroke-pink-100\/10:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-100\/10:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:active\:stroke-pink-100\/10:active { + stroke: color-mix(in srgb, var(--pink-100), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-100\/20:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-100\/20:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:active\:stroke-pink-100\/20:active { + stroke: color-mix(in srgb, var(--pink-100), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-100\/30:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-100\/30:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:active\:stroke-pink-100\/30:active { + stroke: color-mix(in srgb, var(--pink-100), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-100\/40:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-100\/40:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:active\:stroke-pink-100\/40:active { + stroke: color-mix(in srgb, var(--pink-100), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-100\/50:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-100\/50:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:active\:stroke-pink-100\/50:active { + stroke: color-mix(in srgb, var(--pink-100), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-100\/60:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-100\/60:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:active\:stroke-pink-100\/60:active { + stroke: color-mix(in srgb, var(--pink-100), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-100\/70:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-100\/70:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:active\:stroke-pink-100\/70:active { + stroke: color-mix(in srgb, var(--pink-100), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-100\/80:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-100\/80:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:active\:stroke-pink-100\/80:active { + stroke: color-mix(in srgb, var(--pink-100), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-100\/90:focus { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-100\/90:hover { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:active\:stroke-pink-100\/90:active { + stroke: color-mix(in srgb, var(--pink-100), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-200:focus { + stroke: var(--pink-200) + } + .xl\:hover\:stroke-pink-200:hover { + stroke: var(--pink-200) + } + .xl\:active\:stroke-pink-200:active { + stroke: var(--pink-200) + } + .xl\:focus\:stroke-pink-200\/10:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-200\/10:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:active\:stroke-pink-200\/10:active { + stroke: color-mix(in srgb, var(--pink-200), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-200\/20:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-200\/20:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:active\:stroke-pink-200\/20:active { + stroke: color-mix(in srgb, var(--pink-200), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-200\/30:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-200\/30:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:active\:stroke-pink-200\/30:active { + stroke: color-mix(in srgb, var(--pink-200), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-200\/40:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-200\/40:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:active\:stroke-pink-200\/40:active { + stroke: color-mix(in srgb, var(--pink-200), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-200\/50:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-200\/50:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:active\:stroke-pink-200\/50:active { + stroke: color-mix(in srgb, var(--pink-200), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-200\/60:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-200\/60:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:active\:stroke-pink-200\/60:active { + stroke: color-mix(in srgb, var(--pink-200), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-200\/70:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-200\/70:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:active\:stroke-pink-200\/70:active { + stroke: color-mix(in srgb, var(--pink-200), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-200\/80:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-200\/80:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:active\:stroke-pink-200\/80:active { + stroke: color-mix(in srgb, var(--pink-200), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-200\/90:focus { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-200\/90:hover { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:active\:stroke-pink-200\/90:active { + stroke: color-mix(in srgb, var(--pink-200), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-300:focus { + stroke: var(--pink-300) + } + .xl\:hover\:stroke-pink-300:hover { + stroke: var(--pink-300) + } + .xl\:active\:stroke-pink-300:active { + stroke: var(--pink-300) + } + .xl\:focus\:stroke-pink-300\/10:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-300\/10:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:active\:stroke-pink-300\/10:active { + stroke: color-mix(in srgb, var(--pink-300), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-300\/20:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-300\/20:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:active\:stroke-pink-300\/20:active { + stroke: color-mix(in srgb, var(--pink-300), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-300\/30:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-300\/30:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:active\:stroke-pink-300\/30:active { + stroke: color-mix(in srgb, var(--pink-300), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-300\/40:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-300\/40:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:active\:stroke-pink-300\/40:active { + stroke: color-mix(in srgb, var(--pink-300), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-300\/50:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-300\/50:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:active\:stroke-pink-300\/50:active { + stroke: color-mix(in srgb, var(--pink-300), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-300\/60:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-300\/60:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:active\:stroke-pink-300\/60:active { + stroke: color-mix(in srgb, var(--pink-300), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-300\/70:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-300\/70:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:active\:stroke-pink-300\/70:active { + stroke: color-mix(in srgb, var(--pink-300), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-300\/80:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-300\/80:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:active\:stroke-pink-300\/80:active { + stroke: color-mix(in srgb, var(--pink-300), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-300\/90:focus { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-300\/90:hover { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:active\:stroke-pink-300\/90:active { + stroke: color-mix(in srgb, var(--pink-300), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-400:focus { + stroke: var(--pink-400) + } + .xl\:hover\:stroke-pink-400:hover { + stroke: var(--pink-400) + } + .xl\:active\:stroke-pink-400:active { + stroke: var(--pink-400) + } + .xl\:focus\:stroke-pink-400\/10:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-400\/10:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:active\:stroke-pink-400\/10:active { + stroke: color-mix(in srgb, var(--pink-400), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-400\/20:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-400\/20:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:active\:stroke-pink-400\/20:active { + stroke: color-mix(in srgb, var(--pink-400), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-400\/30:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-400\/30:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:active\:stroke-pink-400\/30:active { + stroke: color-mix(in srgb, var(--pink-400), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-400\/40:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-400\/40:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:active\:stroke-pink-400\/40:active { + stroke: color-mix(in srgb, var(--pink-400), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-400\/50:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-400\/50:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:active\:stroke-pink-400\/50:active { + stroke: color-mix(in srgb, var(--pink-400), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-400\/60:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-400\/60:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:active\:stroke-pink-400\/60:active { + stroke: color-mix(in srgb, var(--pink-400), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-400\/70:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-400\/70:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:active\:stroke-pink-400\/70:active { + stroke: color-mix(in srgb, var(--pink-400), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-400\/80:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-400\/80:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:active\:stroke-pink-400\/80:active { + stroke: color-mix(in srgb, var(--pink-400), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-400\/90:focus { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-400\/90:hover { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:active\:stroke-pink-400\/90:active { + stroke: color-mix(in srgb, var(--pink-400), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-500:focus { + stroke: var(--pink-500) + } + .xl\:hover\:stroke-pink-500:hover { + stroke: var(--pink-500) + } + .xl\:active\:stroke-pink-500:active { + stroke: var(--pink-500) + } + .xl\:focus\:stroke-pink-500\/10:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-500\/10:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:active\:stroke-pink-500\/10:active { + stroke: color-mix(in srgb, var(--pink-500), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-500\/20:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-500\/20:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:active\:stroke-pink-500\/20:active { + stroke: color-mix(in srgb, var(--pink-500), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-500\/30:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-500\/30:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:active\:stroke-pink-500\/30:active { + stroke: color-mix(in srgb, var(--pink-500), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-500\/40:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-500\/40:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:active\:stroke-pink-500\/40:active { + stroke: color-mix(in srgb, var(--pink-500), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-500\/50:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-500\/50:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:active\:stroke-pink-500\/50:active { + stroke: color-mix(in srgb, var(--pink-500), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-500\/60:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-500\/60:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:active\:stroke-pink-500\/60:active { + stroke: color-mix(in srgb, var(--pink-500), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-500\/70:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-500\/70:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:active\:stroke-pink-500\/70:active { + stroke: color-mix(in srgb, var(--pink-500), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-500\/80:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-500\/80:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:active\:stroke-pink-500\/80:active { + stroke: color-mix(in srgb, var(--pink-500), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-500\/90:focus { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-500\/90:hover { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:active\:stroke-pink-500\/90:active { + stroke: color-mix(in srgb, var(--pink-500), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-600:focus { + stroke: var(--pink-600) + } + .xl\:hover\:stroke-pink-600:hover { + stroke: var(--pink-600) + } + .xl\:active\:stroke-pink-600:active { + stroke: var(--pink-600) + } + .xl\:focus\:stroke-pink-600\/10:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-600\/10:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:active\:stroke-pink-600\/10:active { + stroke: color-mix(in srgb, var(--pink-600), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-600\/20:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-600\/20:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:active\:stroke-pink-600\/20:active { + stroke: color-mix(in srgb, var(--pink-600), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-600\/30:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-600\/30:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:active\:stroke-pink-600\/30:active { + stroke: color-mix(in srgb, var(--pink-600), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-600\/40:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-600\/40:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:active\:stroke-pink-600\/40:active { + stroke: color-mix(in srgb, var(--pink-600), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-600\/50:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-600\/50:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:active\:stroke-pink-600\/50:active { + stroke: color-mix(in srgb, var(--pink-600), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-600\/60:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-600\/60:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:active\:stroke-pink-600\/60:active { + stroke: color-mix(in srgb, var(--pink-600), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-600\/70:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-600\/70:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:active\:stroke-pink-600\/70:active { + stroke: color-mix(in srgb, var(--pink-600), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-600\/80:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-600\/80:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:active\:stroke-pink-600\/80:active { + stroke: color-mix(in srgb, var(--pink-600), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-600\/90:focus { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-600\/90:hover { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:active\:stroke-pink-600\/90:active { + stroke: color-mix(in srgb, var(--pink-600), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-700:focus { + stroke: var(--pink-700) + } + .xl\:hover\:stroke-pink-700:hover { + stroke: var(--pink-700) + } + .xl\:active\:stroke-pink-700:active { + stroke: var(--pink-700) + } + .xl\:focus\:stroke-pink-700\/10:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-700\/10:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:active\:stroke-pink-700\/10:active { + stroke: color-mix(in srgb, var(--pink-700), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-700\/20:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-700\/20:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:active\:stroke-pink-700\/20:active { + stroke: color-mix(in srgb, var(--pink-700), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-700\/30:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-700\/30:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:active\:stroke-pink-700\/30:active { + stroke: color-mix(in srgb, var(--pink-700), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-700\/40:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-700\/40:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:active\:stroke-pink-700\/40:active { + stroke: color-mix(in srgb, var(--pink-700), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-700\/50:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-700\/50:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:active\:stroke-pink-700\/50:active { + stroke: color-mix(in srgb, var(--pink-700), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-700\/60:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-700\/60:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:active\:stroke-pink-700\/60:active { + stroke: color-mix(in srgb, var(--pink-700), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-700\/70:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-700\/70:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:active\:stroke-pink-700\/70:active { + stroke: color-mix(in srgb, var(--pink-700), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-700\/80:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-700\/80:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:active\:stroke-pink-700\/80:active { + stroke: color-mix(in srgb, var(--pink-700), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-700\/90:focus { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-700\/90:hover { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:active\:stroke-pink-700\/90:active { + stroke: color-mix(in srgb, var(--pink-700), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-800:focus { + stroke: var(--pink-800) + } + .xl\:hover\:stroke-pink-800:hover { + stroke: var(--pink-800) + } + .xl\:active\:stroke-pink-800:active { + stroke: var(--pink-800) + } + .xl\:focus\:stroke-pink-800\/10:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-800\/10:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:active\:stroke-pink-800\/10:active { + stroke: color-mix(in srgb, var(--pink-800), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-800\/20:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-800\/20:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:active\:stroke-pink-800\/20:active { + stroke: color-mix(in srgb, var(--pink-800), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-800\/30:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-800\/30:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:active\:stroke-pink-800\/30:active { + stroke: color-mix(in srgb, var(--pink-800), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-800\/40:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-800\/40:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:active\:stroke-pink-800\/40:active { + stroke: color-mix(in srgb, var(--pink-800), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-800\/50:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-800\/50:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:active\:stroke-pink-800\/50:active { + stroke: color-mix(in srgb, var(--pink-800), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-800\/60:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-800\/60:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:active\:stroke-pink-800\/60:active { + stroke: color-mix(in srgb, var(--pink-800), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-800\/70:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-800\/70:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:active\:stroke-pink-800\/70:active { + stroke: color-mix(in srgb, var(--pink-800), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-800\/80:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-800\/80:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:active\:stroke-pink-800\/80:active { + stroke: color-mix(in srgb, var(--pink-800), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-800\/90:focus { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-800\/90:hover { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:active\:stroke-pink-800\/90:active { + stroke: color-mix(in srgb, var(--pink-800), 0.9%, transparent) + } + .xl\:focus\:stroke-pink-900:focus { + stroke: var(--pink-900) + } + .xl\:hover\:stroke-pink-900:hover { + stroke: var(--pink-900) + } + .xl\:active\:stroke-pink-900:active { + stroke: var(--pink-900) + } + .xl\:focus\:stroke-pink-900\/10:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:hover\:stroke-pink-900\/10:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:active\:stroke-pink-900\/10:active { + stroke: color-mix(in srgb, var(--pink-900), 0.1%, transparent) + } + .xl\:focus\:stroke-pink-900\/20:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:hover\:stroke-pink-900\/20:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:active\:stroke-pink-900\/20:active { + stroke: color-mix(in srgb, var(--pink-900), 0.2%, transparent) + } + .xl\:focus\:stroke-pink-900\/30:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:hover\:stroke-pink-900\/30:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:active\:stroke-pink-900\/30:active { + stroke: color-mix(in srgb, var(--pink-900), 0.3%, transparent) + } + .xl\:focus\:stroke-pink-900\/40:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:hover\:stroke-pink-900\/40:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:active\:stroke-pink-900\/40:active { + stroke: color-mix(in srgb, var(--pink-900), 0.4%, transparent) + } + .xl\:focus\:stroke-pink-900\/50:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:hover\:stroke-pink-900\/50:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:active\:stroke-pink-900\/50:active { + stroke: color-mix(in srgb, var(--pink-900), 0.5%, transparent) + } + .xl\:focus\:stroke-pink-900\/60:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:hover\:stroke-pink-900\/60:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:active\:stroke-pink-900\/60:active { + stroke: color-mix(in srgb, var(--pink-900), 0.6%, transparent) + } + .xl\:focus\:stroke-pink-900\/70:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:hover\:stroke-pink-900\/70:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:active\:stroke-pink-900\/70:active { + stroke: color-mix(in srgb, var(--pink-900), 0.7%, transparent) + } + .xl\:focus\:stroke-pink-900\/80:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:hover\:stroke-pink-900\/80:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:active\:stroke-pink-900\/80:active { + stroke: color-mix(in srgb, var(--pink-900), 0.8%, transparent) + } + .xl\:focus\:stroke-pink-900\/90:focus { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:hover\:stroke-pink-900\/90:hover { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:active\:stroke-pink-900\/90:active { + stroke: color-mix(in srgb, var(--pink-900), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-50:focus { + stroke: var(--indigo-50) + } + .xl\:hover\:stroke-indigo-50:hover { + stroke: var(--indigo-50) + } + .xl\:active\:stroke-indigo-50:active { + stroke: var(--indigo-50) + } + .xl\:focus\:stroke-indigo-50\/10:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-50\/10:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-50\/10:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-50\/20:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-50\/20:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-50\/20:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-50\/30:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-50\/30:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-50\/30:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-50\/40:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-50\/40:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-50\/40:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-50\/50:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-50\/50:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-50\/50:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-50\/60:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-50\/60:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-50\/60:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-50\/70:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-50\/70:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-50\/70:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-50\/80:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-50\/80:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-50\/80:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-50\/90:focus { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-50\/90:hover { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-50\/90:active { + stroke: color-mix(in srgb, var(--indigo-50), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-100:focus { + stroke: var(--indigo-100) + } + .xl\:hover\:stroke-indigo-100:hover { + stroke: var(--indigo-100) + } + .xl\:active\:stroke-indigo-100:active { + stroke: var(--indigo-100) + } + .xl\:focus\:stroke-indigo-100\/10:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-100\/10:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-100\/10:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-100\/20:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-100\/20:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-100\/20:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-100\/30:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-100\/30:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-100\/30:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-100\/40:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-100\/40:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-100\/40:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-100\/50:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-100\/50:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-100\/50:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-100\/60:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-100\/60:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-100\/60:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-100\/70:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-100\/70:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-100\/70:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-100\/80:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-100\/80:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-100\/80:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-100\/90:focus { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-100\/90:hover { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-100\/90:active { + stroke: color-mix(in srgb, var(--indigo-100), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-200:focus { + stroke: var(--indigo-200) + } + .xl\:hover\:stroke-indigo-200:hover { + stroke: var(--indigo-200) + } + .xl\:active\:stroke-indigo-200:active { + stroke: var(--indigo-200) + } + .xl\:focus\:stroke-indigo-200\/10:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-200\/10:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-200\/10:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-200\/20:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-200\/20:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-200\/20:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-200\/30:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-200\/30:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-200\/30:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-200\/40:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-200\/40:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-200\/40:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-200\/50:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-200\/50:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-200\/50:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-200\/60:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-200\/60:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-200\/60:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-200\/70:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-200\/70:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-200\/70:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-200\/80:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-200\/80:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-200\/80:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-200\/90:focus { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-200\/90:hover { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-200\/90:active { + stroke: color-mix(in srgb, var(--indigo-200), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-300:focus { + stroke: var(--indigo-300) + } + .xl\:hover\:stroke-indigo-300:hover { + stroke: var(--indigo-300) + } + .xl\:active\:stroke-indigo-300:active { + stroke: var(--indigo-300) + } + .xl\:focus\:stroke-indigo-300\/10:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-300\/10:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-300\/10:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-300\/20:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-300\/20:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-300\/20:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-300\/30:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-300\/30:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-300\/30:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-300\/40:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-300\/40:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-300\/40:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-300\/50:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-300\/50:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-300\/50:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-300\/60:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-300\/60:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-300\/60:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-300\/70:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-300\/70:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-300\/70:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-300\/80:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-300\/80:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-300\/80:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-300\/90:focus { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-300\/90:hover { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-300\/90:active { + stroke: color-mix(in srgb, var(--indigo-300), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-400:focus { + stroke: var(--indigo-400) + } + .xl\:hover\:stroke-indigo-400:hover { + stroke: var(--indigo-400) + } + .xl\:active\:stroke-indigo-400:active { + stroke: var(--indigo-400) + } + .xl\:focus\:stroke-indigo-400\/10:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-400\/10:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-400\/10:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-400\/20:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-400\/20:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-400\/20:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-400\/30:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-400\/30:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-400\/30:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-400\/40:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-400\/40:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-400\/40:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-400\/50:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-400\/50:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-400\/50:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-400\/60:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-400\/60:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-400\/60:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-400\/70:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-400\/70:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-400\/70:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-400\/80:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-400\/80:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-400\/80:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-400\/90:focus { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-400\/90:hover { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-400\/90:active { + stroke: color-mix(in srgb, var(--indigo-400), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-500:focus { + stroke: var(--indigo-500) + } + .xl\:hover\:stroke-indigo-500:hover { + stroke: var(--indigo-500) + } + .xl\:active\:stroke-indigo-500:active { + stroke: var(--indigo-500) + } + .xl\:focus\:stroke-indigo-500\/10:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-500\/10:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-500\/10:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-500\/20:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-500\/20:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-500\/20:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-500\/30:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-500\/30:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-500\/30:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-500\/40:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-500\/40:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-500\/40:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-500\/50:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-500\/50:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-500\/50:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-500\/60:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-500\/60:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-500\/60:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-500\/70:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-500\/70:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-500\/70:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-500\/80:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-500\/80:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-500\/80:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-500\/90:focus { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-500\/90:hover { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-500\/90:active { + stroke: color-mix(in srgb, var(--indigo-500), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-600:focus { + stroke: var(--indigo-600) + } + .xl\:hover\:stroke-indigo-600:hover { + stroke: var(--indigo-600) + } + .xl\:active\:stroke-indigo-600:active { + stroke: var(--indigo-600) + } + .xl\:focus\:stroke-indigo-600\/10:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-600\/10:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-600\/10:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-600\/20:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-600\/20:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-600\/20:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-600\/30:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-600\/30:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-600\/30:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-600\/40:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-600\/40:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-600\/40:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-600\/50:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-600\/50:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-600\/50:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-600\/60:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-600\/60:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-600\/60:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-600\/70:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-600\/70:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-600\/70:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-600\/80:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-600\/80:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-600\/80:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-600\/90:focus { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-600\/90:hover { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-600\/90:active { + stroke: color-mix(in srgb, var(--indigo-600), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-700:focus { + stroke: var(--indigo-700) + } + .xl\:hover\:stroke-indigo-700:hover { + stroke: var(--indigo-700) + } + .xl\:active\:stroke-indigo-700:active { + stroke: var(--indigo-700) + } + .xl\:focus\:stroke-indigo-700\/10:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-700\/10:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-700\/10:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-700\/20:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-700\/20:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-700\/20:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-700\/30:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-700\/30:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-700\/30:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-700\/40:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-700\/40:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-700\/40:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-700\/50:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-700\/50:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-700\/50:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-700\/60:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-700\/60:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-700\/60:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-700\/70:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-700\/70:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-700\/70:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-700\/80:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-700\/80:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-700\/80:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-700\/90:focus { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-700\/90:hover { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-700\/90:active { + stroke: color-mix(in srgb, var(--indigo-700), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-800:focus { + stroke: var(--indigo-800) + } + .xl\:hover\:stroke-indigo-800:hover { + stroke: var(--indigo-800) + } + .xl\:active\:stroke-indigo-800:active { + stroke: var(--indigo-800) + } + .xl\:focus\:stroke-indigo-800\/10:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-800\/10:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-800\/10:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-800\/20:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-800\/20:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-800\/20:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-800\/30:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-800\/30:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-800\/30:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-800\/40:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-800\/40:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-800\/40:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-800\/50:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-800\/50:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-800\/50:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-800\/60:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-800\/60:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-800\/60:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-800\/70:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-800\/70:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-800\/70:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-800\/80:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-800\/80:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-800\/80:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-800\/90:focus { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-800\/90:hover { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-800\/90:active { + stroke: color-mix(in srgb, var(--indigo-800), 0.9%, transparent) + } + .xl\:focus\:stroke-indigo-900:focus { + stroke: var(--indigo-900) + } + .xl\:hover\:stroke-indigo-900:hover { + stroke: var(--indigo-900) + } + .xl\:active\:stroke-indigo-900:active { + stroke: var(--indigo-900) + } + .xl\:focus\:stroke-indigo-900\/10:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:hover\:stroke-indigo-900\/10:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:active\:stroke-indigo-900\/10:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.1%, transparent) + } + .xl\:focus\:stroke-indigo-900\/20:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:hover\:stroke-indigo-900\/20:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:active\:stroke-indigo-900\/20:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.2%, transparent) + } + .xl\:focus\:stroke-indigo-900\/30:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:hover\:stroke-indigo-900\/30:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:active\:stroke-indigo-900\/30:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.3%, transparent) + } + .xl\:focus\:stroke-indigo-900\/40:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:hover\:stroke-indigo-900\/40:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:active\:stroke-indigo-900\/40:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.4%, transparent) + } + .xl\:focus\:stroke-indigo-900\/50:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:hover\:stroke-indigo-900\/50:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:active\:stroke-indigo-900\/50:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.5%, transparent) + } + .xl\:focus\:stroke-indigo-900\/60:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:hover\:stroke-indigo-900\/60:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:active\:stroke-indigo-900\/60:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.6%, transparent) + } + .xl\:focus\:stroke-indigo-900\/70:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:hover\:stroke-indigo-900\/70:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:active\:stroke-indigo-900\/70:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.7%, transparent) + } + .xl\:focus\:stroke-indigo-900\/80:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:hover\:stroke-indigo-900\/80:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:active\:stroke-indigo-900\/80:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.8%, transparent) + } + .xl\:focus\:stroke-indigo-900\/90:focus { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:hover\:stroke-indigo-900\/90:hover { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:active\:stroke-indigo-900\/90:active { + stroke: color-mix(in srgb, var(--indigo-900), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-50:focus { + stroke: var(--teal-50) + } + .xl\:hover\:stroke-teal-50:hover { + stroke: var(--teal-50) + } + .xl\:active\:stroke-teal-50:active { + stroke: var(--teal-50) + } + .xl\:focus\:stroke-teal-50\/10:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-50\/10:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:active\:stroke-teal-50\/10:active { + stroke: color-mix(in srgb, var(--teal-50), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-50\/20:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-50\/20:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:active\:stroke-teal-50\/20:active { + stroke: color-mix(in srgb, var(--teal-50), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-50\/30:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-50\/30:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:active\:stroke-teal-50\/30:active { + stroke: color-mix(in srgb, var(--teal-50), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-50\/40:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-50\/40:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:active\:stroke-teal-50\/40:active { + stroke: color-mix(in srgb, var(--teal-50), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-50\/50:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-50\/50:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:active\:stroke-teal-50\/50:active { + stroke: color-mix(in srgb, var(--teal-50), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-50\/60:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-50\/60:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:active\:stroke-teal-50\/60:active { + stroke: color-mix(in srgb, var(--teal-50), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-50\/70:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-50\/70:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:active\:stroke-teal-50\/70:active { + stroke: color-mix(in srgb, var(--teal-50), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-50\/80:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-50\/80:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:active\:stroke-teal-50\/80:active { + stroke: color-mix(in srgb, var(--teal-50), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-50\/90:focus { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-50\/90:hover { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:active\:stroke-teal-50\/90:active { + stroke: color-mix(in srgb, var(--teal-50), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-100:focus { + stroke: var(--teal-100) + } + .xl\:hover\:stroke-teal-100:hover { + stroke: var(--teal-100) + } + .xl\:active\:stroke-teal-100:active { + stroke: var(--teal-100) + } + .xl\:focus\:stroke-teal-100\/10:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-100\/10:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:active\:stroke-teal-100\/10:active { + stroke: color-mix(in srgb, var(--teal-100), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-100\/20:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-100\/20:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:active\:stroke-teal-100\/20:active { + stroke: color-mix(in srgb, var(--teal-100), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-100\/30:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-100\/30:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:active\:stroke-teal-100\/30:active { + stroke: color-mix(in srgb, var(--teal-100), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-100\/40:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-100\/40:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:active\:stroke-teal-100\/40:active { + stroke: color-mix(in srgb, var(--teal-100), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-100\/50:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-100\/50:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:active\:stroke-teal-100\/50:active { + stroke: color-mix(in srgb, var(--teal-100), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-100\/60:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-100\/60:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:active\:stroke-teal-100\/60:active { + stroke: color-mix(in srgb, var(--teal-100), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-100\/70:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-100\/70:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:active\:stroke-teal-100\/70:active { + stroke: color-mix(in srgb, var(--teal-100), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-100\/80:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-100\/80:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:active\:stroke-teal-100\/80:active { + stroke: color-mix(in srgb, var(--teal-100), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-100\/90:focus { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-100\/90:hover { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:active\:stroke-teal-100\/90:active { + stroke: color-mix(in srgb, var(--teal-100), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-200:focus { + stroke: var(--teal-200) + } + .xl\:hover\:stroke-teal-200:hover { + stroke: var(--teal-200) + } + .xl\:active\:stroke-teal-200:active { + stroke: var(--teal-200) + } + .xl\:focus\:stroke-teal-200\/10:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-200\/10:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:active\:stroke-teal-200\/10:active { + stroke: color-mix(in srgb, var(--teal-200), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-200\/20:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-200\/20:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:active\:stroke-teal-200\/20:active { + stroke: color-mix(in srgb, var(--teal-200), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-200\/30:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-200\/30:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:active\:stroke-teal-200\/30:active { + stroke: color-mix(in srgb, var(--teal-200), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-200\/40:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-200\/40:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:active\:stroke-teal-200\/40:active { + stroke: color-mix(in srgb, var(--teal-200), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-200\/50:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-200\/50:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:active\:stroke-teal-200\/50:active { + stroke: color-mix(in srgb, var(--teal-200), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-200\/60:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-200\/60:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:active\:stroke-teal-200\/60:active { + stroke: color-mix(in srgb, var(--teal-200), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-200\/70:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-200\/70:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:active\:stroke-teal-200\/70:active { + stroke: color-mix(in srgb, var(--teal-200), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-200\/80:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-200\/80:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:active\:stroke-teal-200\/80:active { + stroke: color-mix(in srgb, var(--teal-200), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-200\/90:focus { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-200\/90:hover { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:active\:stroke-teal-200\/90:active { + stroke: color-mix(in srgb, var(--teal-200), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-300:focus { + stroke: var(--teal-300) + } + .xl\:hover\:stroke-teal-300:hover { + stroke: var(--teal-300) + } + .xl\:active\:stroke-teal-300:active { + stroke: var(--teal-300) + } + .xl\:focus\:stroke-teal-300\/10:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-300\/10:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:active\:stroke-teal-300\/10:active { + stroke: color-mix(in srgb, var(--teal-300), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-300\/20:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-300\/20:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:active\:stroke-teal-300\/20:active { + stroke: color-mix(in srgb, var(--teal-300), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-300\/30:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-300\/30:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:active\:stroke-teal-300\/30:active { + stroke: color-mix(in srgb, var(--teal-300), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-300\/40:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-300\/40:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:active\:stroke-teal-300\/40:active { + stroke: color-mix(in srgb, var(--teal-300), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-300\/50:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-300\/50:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:active\:stroke-teal-300\/50:active { + stroke: color-mix(in srgb, var(--teal-300), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-300\/60:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-300\/60:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:active\:stroke-teal-300\/60:active { + stroke: color-mix(in srgb, var(--teal-300), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-300\/70:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-300\/70:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:active\:stroke-teal-300\/70:active { + stroke: color-mix(in srgb, var(--teal-300), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-300\/80:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-300\/80:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:active\:stroke-teal-300\/80:active { + stroke: color-mix(in srgb, var(--teal-300), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-300\/90:focus { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-300\/90:hover { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:active\:stroke-teal-300\/90:active { + stroke: color-mix(in srgb, var(--teal-300), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-400:focus { + stroke: var(--teal-400) + } + .xl\:hover\:stroke-teal-400:hover { + stroke: var(--teal-400) + } + .xl\:active\:stroke-teal-400:active { + stroke: var(--teal-400) + } + .xl\:focus\:stroke-teal-400\/10:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-400\/10:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:active\:stroke-teal-400\/10:active { + stroke: color-mix(in srgb, var(--teal-400), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-400\/20:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-400\/20:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:active\:stroke-teal-400\/20:active { + stroke: color-mix(in srgb, var(--teal-400), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-400\/30:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-400\/30:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:active\:stroke-teal-400\/30:active { + stroke: color-mix(in srgb, var(--teal-400), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-400\/40:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-400\/40:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:active\:stroke-teal-400\/40:active { + stroke: color-mix(in srgb, var(--teal-400), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-400\/50:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-400\/50:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:active\:stroke-teal-400\/50:active { + stroke: color-mix(in srgb, var(--teal-400), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-400\/60:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-400\/60:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:active\:stroke-teal-400\/60:active { + stroke: color-mix(in srgb, var(--teal-400), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-400\/70:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-400\/70:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:active\:stroke-teal-400\/70:active { + stroke: color-mix(in srgb, var(--teal-400), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-400\/80:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-400\/80:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:active\:stroke-teal-400\/80:active { + stroke: color-mix(in srgb, var(--teal-400), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-400\/90:focus { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-400\/90:hover { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:active\:stroke-teal-400\/90:active { + stroke: color-mix(in srgb, var(--teal-400), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-500:focus { + stroke: var(--teal-500) + } + .xl\:hover\:stroke-teal-500:hover { + stroke: var(--teal-500) + } + .xl\:active\:stroke-teal-500:active { + stroke: var(--teal-500) + } + .xl\:focus\:stroke-teal-500\/10:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-500\/10:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:active\:stroke-teal-500\/10:active { + stroke: color-mix(in srgb, var(--teal-500), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-500\/20:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-500\/20:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:active\:stroke-teal-500\/20:active { + stroke: color-mix(in srgb, var(--teal-500), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-500\/30:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-500\/30:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:active\:stroke-teal-500\/30:active { + stroke: color-mix(in srgb, var(--teal-500), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-500\/40:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-500\/40:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:active\:stroke-teal-500\/40:active { + stroke: color-mix(in srgb, var(--teal-500), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-500\/50:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-500\/50:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:active\:stroke-teal-500\/50:active { + stroke: color-mix(in srgb, var(--teal-500), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-500\/60:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-500\/60:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:active\:stroke-teal-500\/60:active { + stroke: color-mix(in srgb, var(--teal-500), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-500\/70:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-500\/70:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:active\:stroke-teal-500\/70:active { + stroke: color-mix(in srgb, var(--teal-500), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-500\/80:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-500\/80:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:active\:stroke-teal-500\/80:active { + stroke: color-mix(in srgb, var(--teal-500), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-500\/90:focus { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-500\/90:hover { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:active\:stroke-teal-500\/90:active { + stroke: color-mix(in srgb, var(--teal-500), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-600:focus { + stroke: var(--teal-600) + } + .xl\:hover\:stroke-teal-600:hover { + stroke: var(--teal-600) + } + .xl\:active\:stroke-teal-600:active { + stroke: var(--teal-600) + } + .xl\:focus\:stroke-teal-600\/10:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-600\/10:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:active\:stroke-teal-600\/10:active { + stroke: color-mix(in srgb, var(--teal-600), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-600\/20:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-600\/20:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:active\:stroke-teal-600\/20:active { + stroke: color-mix(in srgb, var(--teal-600), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-600\/30:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-600\/30:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:active\:stroke-teal-600\/30:active { + stroke: color-mix(in srgb, var(--teal-600), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-600\/40:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-600\/40:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:active\:stroke-teal-600\/40:active { + stroke: color-mix(in srgb, var(--teal-600), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-600\/50:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-600\/50:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:active\:stroke-teal-600\/50:active { + stroke: color-mix(in srgb, var(--teal-600), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-600\/60:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-600\/60:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:active\:stroke-teal-600\/60:active { + stroke: color-mix(in srgb, var(--teal-600), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-600\/70:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-600\/70:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:active\:stroke-teal-600\/70:active { + stroke: color-mix(in srgb, var(--teal-600), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-600\/80:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-600\/80:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:active\:stroke-teal-600\/80:active { + stroke: color-mix(in srgb, var(--teal-600), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-600\/90:focus { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-600\/90:hover { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:active\:stroke-teal-600\/90:active { + stroke: color-mix(in srgb, var(--teal-600), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-700:focus { + stroke: var(--teal-700) + } + .xl\:hover\:stroke-teal-700:hover { + stroke: var(--teal-700) + } + .xl\:active\:stroke-teal-700:active { + stroke: var(--teal-700) + } + .xl\:focus\:stroke-teal-700\/10:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-700\/10:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:active\:stroke-teal-700\/10:active { + stroke: color-mix(in srgb, var(--teal-700), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-700\/20:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-700\/20:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:active\:stroke-teal-700\/20:active { + stroke: color-mix(in srgb, var(--teal-700), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-700\/30:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-700\/30:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:active\:stroke-teal-700\/30:active { + stroke: color-mix(in srgb, var(--teal-700), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-700\/40:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-700\/40:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:active\:stroke-teal-700\/40:active { + stroke: color-mix(in srgb, var(--teal-700), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-700\/50:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-700\/50:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:active\:stroke-teal-700\/50:active { + stroke: color-mix(in srgb, var(--teal-700), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-700\/60:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-700\/60:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:active\:stroke-teal-700\/60:active { + stroke: color-mix(in srgb, var(--teal-700), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-700\/70:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-700\/70:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:active\:stroke-teal-700\/70:active { + stroke: color-mix(in srgb, var(--teal-700), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-700\/80:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-700\/80:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:active\:stroke-teal-700\/80:active { + stroke: color-mix(in srgb, var(--teal-700), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-700\/90:focus { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-700\/90:hover { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:active\:stroke-teal-700\/90:active { + stroke: color-mix(in srgb, var(--teal-700), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-800:focus { + stroke: var(--teal-800) + } + .xl\:hover\:stroke-teal-800:hover { + stroke: var(--teal-800) + } + .xl\:active\:stroke-teal-800:active { + stroke: var(--teal-800) + } + .xl\:focus\:stroke-teal-800\/10:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-800\/10:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:active\:stroke-teal-800\/10:active { + stroke: color-mix(in srgb, var(--teal-800), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-800\/20:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-800\/20:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:active\:stroke-teal-800\/20:active { + stroke: color-mix(in srgb, var(--teal-800), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-800\/30:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-800\/30:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:active\:stroke-teal-800\/30:active { + stroke: color-mix(in srgb, var(--teal-800), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-800\/40:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-800\/40:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:active\:stroke-teal-800\/40:active { + stroke: color-mix(in srgb, var(--teal-800), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-800\/50:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-800\/50:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:active\:stroke-teal-800\/50:active { + stroke: color-mix(in srgb, var(--teal-800), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-800\/60:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-800\/60:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:active\:stroke-teal-800\/60:active { + stroke: color-mix(in srgb, var(--teal-800), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-800\/70:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-800\/70:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:active\:stroke-teal-800\/70:active { + stroke: color-mix(in srgb, var(--teal-800), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-800\/80:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-800\/80:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:active\:stroke-teal-800\/80:active { + stroke: color-mix(in srgb, var(--teal-800), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-800\/90:focus { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-800\/90:hover { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:active\:stroke-teal-800\/90:active { + stroke: color-mix(in srgb, var(--teal-800), 0.9%, transparent) + } + .xl\:focus\:stroke-teal-900:focus { + stroke: var(--teal-900) + } + .xl\:hover\:stroke-teal-900:hover { + stroke: var(--teal-900) + } + .xl\:active\:stroke-teal-900:active { + stroke: var(--teal-900) + } + .xl\:focus\:stroke-teal-900\/10:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:hover\:stroke-teal-900\/10:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:active\:stroke-teal-900\/10:active { + stroke: color-mix(in srgb, var(--teal-900), 0.1%, transparent) + } + .xl\:focus\:stroke-teal-900\/20:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:hover\:stroke-teal-900\/20:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:active\:stroke-teal-900\/20:active { + stroke: color-mix(in srgb, var(--teal-900), 0.2%, transparent) + } + .xl\:focus\:stroke-teal-900\/30:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:hover\:stroke-teal-900\/30:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:active\:stroke-teal-900\/30:active { + stroke: color-mix(in srgb, var(--teal-900), 0.3%, transparent) + } + .xl\:focus\:stroke-teal-900\/40:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:hover\:stroke-teal-900\/40:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:active\:stroke-teal-900\/40:active { + stroke: color-mix(in srgb, var(--teal-900), 0.4%, transparent) + } + .xl\:focus\:stroke-teal-900\/50:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:hover\:stroke-teal-900\/50:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:active\:stroke-teal-900\/50:active { + stroke: color-mix(in srgb, var(--teal-900), 0.5%, transparent) + } + .xl\:focus\:stroke-teal-900\/60:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:hover\:stroke-teal-900\/60:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:active\:stroke-teal-900\/60:active { + stroke: color-mix(in srgb, var(--teal-900), 0.6%, transparent) + } + .xl\:focus\:stroke-teal-900\/70:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:hover\:stroke-teal-900\/70:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:active\:stroke-teal-900\/70:active { + stroke: color-mix(in srgb, var(--teal-900), 0.7%, transparent) + } + .xl\:focus\:stroke-teal-900\/80:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:hover\:stroke-teal-900\/80:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:active\:stroke-teal-900\/80:active { + stroke: color-mix(in srgb, var(--teal-900), 0.8%, transparent) + } + .xl\:focus\:stroke-teal-900\/90:focus { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:hover\:stroke-teal-900\/90:hover { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:active\:stroke-teal-900\/90:active { + stroke: color-mix(in srgb, var(--teal-900), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-50:focus { + stroke: var(--orange-50) + } + .xl\:hover\:stroke-orange-50:hover { + stroke: var(--orange-50) + } + .xl\:active\:stroke-orange-50:active { + stroke: var(--orange-50) + } + .xl\:focus\:stroke-orange-50\/10:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-50\/10:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:active\:stroke-orange-50\/10:active { + stroke: color-mix(in srgb, var(--orange-50), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-50\/20:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-50\/20:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:active\:stroke-orange-50\/20:active { + stroke: color-mix(in srgb, var(--orange-50), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-50\/30:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-50\/30:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:active\:stroke-orange-50\/30:active { + stroke: color-mix(in srgb, var(--orange-50), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-50\/40:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-50\/40:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:active\:stroke-orange-50\/40:active { + stroke: color-mix(in srgb, var(--orange-50), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-50\/50:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-50\/50:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:active\:stroke-orange-50\/50:active { + stroke: color-mix(in srgb, var(--orange-50), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-50\/60:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-50\/60:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:active\:stroke-orange-50\/60:active { + stroke: color-mix(in srgb, var(--orange-50), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-50\/70:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-50\/70:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:active\:stroke-orange-50\/70:active { + stroke: color-mix(in srgb, var(--orange-50), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-50\/80:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-50\/80:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:active\:stroke-orange-50\/80:active { + stroke: color-mix(in srgb, var(--orange-50), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-50\/90:focus { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-50\/90:hover { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:active\:stroke-orange-50\/90:active { + stroke: color-mix(in srgb, var(--orange-50), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-100:focus { + stroke: var(--orange-100) + } + .xl\:hover\:stroke-orange-100:hover { + stroke: var(--orange-100) + } + .xl\:active\:stroke-orange-100:active { + stroke: var(--orange-100) + } + .xl\:focus\:stroke-orange-100\/10:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-100\/10:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:active\:stroke-orange-100\/10:active { + stroke: color-mix(in srgb, var(--orange-100), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-100\/20:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-100\/20:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:active\:stroke-orange-100\/20:active { + stroke: color-mix(in srgb, var(--orange-100), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-100\/30:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-100\/30:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:active\:stroke-orange-100\/30:active { + stroke: color-mix(in srgb, var(--orange-100), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-100\/40:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-100\/40:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:active\:stroke-orange-100\/40:active { + stroke: color-mix(in srgb, var(--orange-100), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-100\/50:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-100\/50:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:active\:stroke-orange-100\/50:active { + stroke: color-mix(in srgb, var(--orange-100), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-100\/60:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-100\/60:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:active\:stroke-orange-100\/60:active { + stroke: color-mix(in srgb, var(--orange-100), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-100\/70:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-100\/70:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:active\:stroke-orange-100\/70:active { + stroke: color-mix(in srgb, var(--orange-100), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-100\/80:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-100\/80:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:active\:stroke-orange-100\/80:active { + stroke: color-mix(in srgb, var(--orange-100), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-100\/90:focus { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-100\/90:hover { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:active\:stroke-orange-100\/90:active { + stroke: color-mix(in srgb, var(--orange-100), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-200:focus { + stroke: var(--orange-200) + } + .xl\:hover\:stroke-orange-200:hover { + stroke: var(--orange-200) + } + .xl\:active\:stroke-orange-200:active { + stroke: var(--orange-200) + } + .xl\:focus\:stroke-orange-200\/10:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-200\/10:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:active\:stroke-orange-200\/10:active { + stroke: color-mix(in srgb, var(--orange-200), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-200\/20:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-200\/20:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:active\:stroke-orange-200\/20:active { + stroke: color-mix(in srgb, var(--orange-200), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-200\/30:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-200\/30:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:active\:stroke-orange-200\/30:active { + stroke: color-mix(in srgb, var(--orange-200), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-200\/40:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-200\/40:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:active\:stroke-orange-200\/40:active { + stroke: color-mix(in srgb, var(--orange-200), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-200\/50:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-200\/50:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:active\:stroke-orange-200\/50:active { + stroke: color-mix(in srgb, var(--orange-200), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-200\/60:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-200\/60:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:active\:stroke-orange-200\/60:active { + stroke: color-mix(in srgb, var(--orange-200), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-200\/70:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-200\/70:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:active\:stroke-orange-200\/70:active { + stroke: color-mix(in srgb, var(--orange-200), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-200\/80:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-200\/80:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:active\:stroke-orange-200\/80:active { + stroke: color-mix(in srgb, var(--orange-200), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-200\/90:focus { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-200\/90:hover { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:active\:stroke-orange-200\/90:active { + stroke: color-mix(in srgb, var(--orange-200), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-300:focus { + stroke: var(--orange-300) + } + .xl\:hover\:stroke-orange-300:hover { + stroke: var(--orange-300) + } + .xl\:active\:stroke-orange-300:active { + stroke: var(--orange-300) + } + .xl\:focus\:stroke-orange-300\/10:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-300\/10:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:active\:stroke-orange-300\/10:active { + stroke: color-mix(in srgb, var(--orange-300), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-300\/20:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-300\/20:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:active\:stroke-orange-300\/20:active { + stroke: color-mix(in srgb, var(--orange-300), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-300\/30:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-300\/30:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:active\:stroke-orange-300\/30:active { + stroke: color-mix(in srgb, var(--orange-300), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-300\/40:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-300\/40:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:active\:stroke-orange-300\/40:active { + stroke: color-mix(in srgb, var(--orange-300), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-300\/50:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-300\/50:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:active\:stroke-orange-300\/50:active { + stroke: color-mix(in srgb, var(--orange-300), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-300\/60:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-300\/60:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:active\:stroke-orange-300\/60:active { + stroke: color-mix(in srgb, var(--orange-300), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-300\/70:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-300\/70:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:active\:stroke-orange-300\/70:active { + stroke: color-mix(in srgb, var(--orange-300), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-300\/80:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-300\/80:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:active\:stroke-orange-300\/80:active { + stroke: color-mix(in srgb, var(--orange-300), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-300\/90:focus { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-300\/90:hover { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:active\:stroke-orange-300\/90:active { + stroke: color-mix(in srgb, var(--orange-300), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-400:focus { + stroke: var(--orange-400) + } + .xl\:hover\:stroke-orange-400:hover { + stroke: var(--orange-400) + } + .xl\:active\:stroke-orange-400:active { + stroke: var(--orange-400) + } + .xl\:focus\:stroke-orange-400\/10:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-400\/10:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:active\:stroke-orange-400\/10:active { + stroke: color-mix(in srgb, var(--orange-400), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-400\/20:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-400\/20:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:active\:stroke-orange-400\/20:active { + stroke: color-mix(in srgb, var(--orange-400), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-400\/30:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-400\/30:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:active\:stroke-orange-400\/30:active { + stroke: color-mix(in srgb, var(--orange-400), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-400\/40:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-400\/40:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:active\:stroke-orange-400\/40:active { + stroke: color-mix(in srgb, var(--orange-400), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-400\/50:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-400\/50:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:active\:stroke-orange-400\/50:active { + stroke: color-mix(in srgb, var(--orange-400), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-400\/60:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-400\/60:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:active\:stroke-orange-400\/60:active { + stroke: color-mix(in srgb, var(--orange-400), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-400\/70:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-400\/70:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:active\:stroke-orange-400\/70:active { + stroke: color-mix(in srgb, var(--orange-400), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-400\/80:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-400\/80:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:active\:stroke-orange-400\/80:active { + stroke: color-mix(in srgb, var(--orange-400), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-400\/90:focus { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-400\/90:hover { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:active\:stroke-orange-400\/90:active { + stroke: color-mix(in srgb, var(--orange-400), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-500:focus { + stroke: var(--orange-500) + } + .xl\:hover\:stroke-orange-500:hover { + stroke: var(--orange-500) + } + .xl\:active\:stroke-orange-500:active { + stroke: var(--orange-500) + } + .xl\:focus\:stroke-orange-500\/10:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-500\/10:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:active\:stroke-orange-500\/10:active { + stroke: color-mix(in srgb, var(--orange-500), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-500\/20:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-500\/20:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:active\:stroke-orange-500\/20:active { + stroke: color-mix(in srgb, var(--orange-500), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-500\/30:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-500\/30:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:active\:stroke-orange-500\/30:active { + stroke: color-mix(in srgb, var(--orange-500), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-500\/40:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-500\/40:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:active\:stroke-orange-500\/40:active { + stroke: color-mix(in srgb, var(--orange-500), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-500\/50:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-500\/50:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:active\:stroke-orange-500\/50:active { + stroke: color-mix(in srgb, var(--orange-500), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-500\/60:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-500\/60:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:active\:stroke-orange-500\/60:active { + stroke: color-mix(in srgb, var(--orange-500), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-500\/70:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-500\/70:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:active\:stroke-orange-500\/70:active { + stroke: color-mix(in srgb, var(--orange-500), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-500\/80:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-500\/80:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:active\:stroke-orange-500\/80:active { + stroke: color-mix(in srgb, var(--orange-500), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-500\/90:focus { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-500\/90:hover { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:active\:stroke-orange-500\/90:active { + stroke: color-mix(in srgb, var(--orange-500), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-600:focus { + stroke: var(--orange-600) + } + .xl\:hover\:stroke-orange-600:hover { + stroke: var(--orange-600) + } + .xl\:active\:stroke-orange-600:active { + stroke: var(--orange-600) + } + .xl\:focus\:stroke-orange-600\/10:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-600\/10:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:active\:stroke-orange-600\/10:active { + stroke: color-mix(in srgb, var(--orange-600), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-600\/20:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-600\/20:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:active\:stroke-orange-600\/20:active { + stroke: color-mix(in srgb, var(--orange-600), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-600\/30:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-600\/30:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:active\:stroke-orange-600\/30:active { + stroke: color-mix(in srgb, var(--orange-600), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-600\/40:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-600\/40:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:active\:stroke-orange-600\/40:active { + stroke: color-mix(in srgb, var(--orange-600), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-600\/50:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-600\/50:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:active\:stroke-orange-600\/50:active { + stroke: color-mix(in srgb, var(--orange-600), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-600\/60:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-600\/60:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:active\:stroke-orange-600\/60:active { + stroke: color-mix(in srgb, var(--orange-600), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-600\/70:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-600\/70:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:active\:stroke-orange-600\/70:active { + stroke: color-mix(in srgb, var(--orange-600), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-600\/80:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-600\/80:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:active\:stroke-orange-600\/80:active { + stroke: color-mix(in srgb, var(--orange-600), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-600\/90:focus { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-600\/90:hover { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:active\:stroke-orange-600\/90:active { + stroke: color-mix(in srgb, var(--orange-600), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-700:focus { + stroke: var(--orange-700) + } + .xl\:hover\:stroke-orange-700:hover { + stroke: var(--orange-700) + } + .xl\:active\:stroke-orange-700:active { + stroke: var(--orange-700) + } + .xl\:focus\:stroke-orange-700\/10:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-700\/10:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:active\:stroke-orange-700\/10:active { + stroke: color-mix(in srgb, var(--orange-700), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-700\/20:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-700\/20:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:active\:stroke-orange-700\/20:active { + stroke: color-mix(in srgb, var(--orange-700), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-700\/30:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-700\/30:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:active\:stroke-orange-700\/30:active { + stroke: color-mix(in srgb, var(--orange-700), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-700\/40:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-700\/40:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:active\:stroke-orange-700\/40:active { + stroke: color-mix(in srgb, var(--orange-700), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-700\/50:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-700\/50:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:active\:stroke-orange-700\/50:active { + stroke: color-mix(in srgb, var(--orange-700), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-700\/60:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-700\/60:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:active\:stroke-orange-700\/60:active { + stroke: color-mix(in srgb, var(--orange-700), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-700\/70:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-700\/70:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:active\:stroke-orange-700\/70:active { + stroke: color-mix(in srgb, var(--orange-700), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-700\/80:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-700\/80:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:active\:stroke-orange-700\/80:active { + stroke: color-mix(in srgb, var(--orange-700), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-700\/90:focus { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-700\/90:hover { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:active\:stroke-orange-700\/90:active { + stroke: color-mix(in srgb, var(--orange-700), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-800:focus { + stroke: var(--orange-800) + } + .xl\:hover\:stroke-orange-800:hover { + stroke: var(--orange-800) + } + .xl\:active\:stroke-orange-800:active { + stroke: var(--orange-800) + } + .xl\:focus\:stroke-orange-800\/10:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-800\/10:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:active\:stroke-orange-800\/10:active { + stroke: color-mix(in srgb, var(--orange-800), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-800\/20:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-800\/20:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:active\:stroke-orange-800\/20:active { + stroke: color-mix(in srgb, var(--orange-800), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-800\/30:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-800\/30:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:active\:stroke-orange-800\/30:active { + stroke: color-mix(in srgb, var(--orange-800), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-800\/40:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-800\/40:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:active\:stroke-orange-800\/40:active { + stroke: color-mix(in srgb, var(--orange-800), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-800\/50:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-800\/50:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:active\:stroke-orange-800\/50:active { + stroke: color-mix(in srgb, var(--orange-800), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-800\/60:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-800\/60:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:active\:stroke-orange-800\/60:active { + stroke: color-mix(in srgb, var(--orange-800), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-800\/70:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-800\/70:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:active\:stroke-orange-800\/70:active { + stroke: color-mix(in srgb, var(--orange-800), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-800\/80:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-800\/80:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:active\:stroke-orange-800\/80:active { + stroke: color-mix(in srgb, var(--orange-800), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-800\/90:focus { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-800\/90:hover { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:active\:stroke-orange-800\/90:active { + stroke: color-mix(in srgb, var(--orange-800), 0.9%, transparent) + } + .xl\:focus\:stroke-orange-900:focus { + stroke: var(--orange-900) + } + .xl\:hover\:stroke-orange-900:hover { + stroke: var(--orange-900) + } + .xl\:active\:stroke-orange-900:active { + stroke: var(--orange-900) + } + .xl\:focus\:stroke-orange-900\/10:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:hover\:stroke-orange-900\/10:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:active\:stroke-orange-900\/10:active { + stroke: color-mix(in srgb, var(--orange-900), 0.1%, transparent) + } + .xl\:focus\:stroke-orange-900\/20:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:hover\:stroke-orange-900\/20:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:active\:stroke-orange-900\/20:active { + stroke: color-mix(in srgb, var(--orange-900), 0.2%, transparent) + } + .xl\:focus\:stroke-orange-900\/30:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:hover\:stroke-orange-900\/30:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:active\:stroke-orange-900\/30:active { + stroke: color-mix(in srgb, var(--orange-900), 0.3%, transparent) + } + .xl\:focus\:stroke-orange-900\/40:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:hover\:stroke-orange-900\/40:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:active\:stroke-orange-900\/40:active { + stroke: color-mix(in srgb, var(--orange-900), 0.4%, transparent) + } + .xl\:focus\:stroke-orange-900\/50:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:hover\:stroke-orange-900\/50:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:active\:stroke-orange-900\/50:active { + stroke: color-mix(in srgb, var(--orange-900), 0.5%, transparent) + } + .xl\:focus\:stroke-orange-900\/60:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:hover\:stroke-orange-900\/60:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:active\:stroke-orange-900\/60:active { + stroke: color-mix(in srgb, var(--orange-900), 0.6%, transparent) + } + .xl\:focus\:stroke-orange-900\/70:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:hover\:stroke-orange-900\/70:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:active\:stroke-orange-900\/70:active { + stroke: color-mix(in srgb, var(--orange-900), 0.7%, transparent) + } + .xl\:focus\:stroke-orange-900\/80:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:hover\:stroke-orange-900\/80:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:active\:stroke-orange-900\/80:active { + stroke: color-mix(in srgb, var(--orange-900), 0.8%, transparent) + } + .xl\:focus\:stroke-orange-900\/90:focus { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:hover\:stroke-orange-900\/90:hover { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:active\:stroke-orange-900\/90:active { + stroke: color-mix(in srgb, var(--orange-900), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-50:focus { + stroke: var(--bluegray-50) + } + .xl\:hover\:stroke-bluegray-50:hover { + stroke: var(--bluegray-50) + } + .xl\:active\:stroke-bluegray-50:active { + stroke: var(--bluegray-50) + } + .xl\:focus\:stroke-bluegray-50\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-50\/10:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-50\/20:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-50\/30:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-50\/40:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-50\/50:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-50\/60:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-50\/70:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-50\/80:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-50\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-50\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-50\/90:active { + stroke: color-mix(in srgb, var(--bluegray-50), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-100:focus { + stroke: var(--bluegray-100) + } + .xl\:hover\:stroke-bluegray-100:hover { + stroke: var(--bluegray-100) + } + .xl\:active\:stroke-bluegray-100:active { + stroke: var(--bluegray-100) + } + .xl\:focus\:stroke-bluegray-100\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-100\/10:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-100\/20:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-100\/30:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-100\/40:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-100\/50:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-100\/60:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-100\/70:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-100\/80:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-100\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-100\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-100\/90:active { + stroke: color-mix(in srgb, var(--bluegray-100), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-200:focus { + stroke: var(--bluegray-200) + } + .xl\:hover\:stroke-bluegray-200:hover { + stroke: var(--bluegray-200) + } + .xl\:active\:stroke-bluegray-200:active { + stroke: var(--bluegray-200) + } + .xl\:focus\:stroke-bluegray-200\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-200\/10:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-200\/20:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-200\/30:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-200\/40:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-200\/50:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-200\/60:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-200\/70:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-200\/80:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-200\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-200\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-200\/90:active { + stroke: color-mix(in srgb, var(--bluegray-200), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-300:focus { + stroke: var(--bluegray-300) + } + .xl\:hover\:stroke-bluegray-300:hover { + stroke: var(--bluegray-300) + } + .xl\:active\:stroke-bluegray-300:active { + stroke: var(--bluegray-300) + } + .xl\:focus\:stroke-bluegray-300\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-300\/10:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-300\/20:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-300\/30:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-300\/40:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-300\/50:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-300\/60:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-300\/70:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-300\/80:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-300\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-300\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-300\/90:active { + stroke: color-mix(in srgb, var(--bluegray-300), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-400:focus { + stroke: var(--bluegray-400) + } + .xl\:hover\:stroke-bluegray-400:hover { + stroke: var(--bluegray-400) + } + .xl\:active\:stroke-bluegray-400:active { + stroke: var(--bluegray-400) + } + .xl\:focus\:stroke-bluegray-400\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-400\/10:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-400\/20:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-400\/30:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-400\/40:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-400\/50:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-400\/60:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-400\/70:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-400\/80:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-400\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-400\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-400\/90:active { + stroke: color-mix(in srgb, var(--bluegray-400), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-500:focus { + stroke: var(--bluegray-500) + } + .xl\:hover\:stroke-bluegray-500:hover { + stroke: var(--bluegray-500) + } + .xl\:active\:stroke-bluegray-500:active { + stroke: var(--bluegray-500) + } + .xl\:focus\:stroke-bluegray-500\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-500\/10:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-500\/20:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-500\/30:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-500\/40:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-500\/50:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-500\/60:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-500\/70:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-500\/80:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-500\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-500\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-500\/90:active { + stroke: color-mix(in srgb, var(--bluegray-500), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-600:focus { + stroke: var(--bluegray-600) + } + .xl\:hover\:stroke-bluegray-600:hover { + stroke: var(--bluegray-600) + } + .xl\:active\:stroke-bluegray-600:active { + stroke: var(--bluegray-600) + } + .xl\:focus\:stroke-bluegray-600\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-600\/10:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-600\/20:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-600\/30:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-600\/40:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-600\/50:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-600\/60:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-600\/70:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-600\/80:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-600\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-600\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-600\/90:active { + stroke: color-mix(in srgb, var(--bluegray-600), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-700:focus { + stroke: var(--bluegray-700) + } + .xl\:hover\:stroke-bluegray-700:hover { + stroke: var(--bluegray-700) + } + .xl\:active\:stroke-bluegray-700:active { + stroke: var(--bluegray-700) + } + .xl\:focus\:stroke-bluegray-700\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-700\/10:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-700\/20:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-700\/30:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-700\/40:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-700\/50:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-700\/60:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-700\/70:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-700\/80:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-700\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-700\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-700\/90:active { + stroke: color-mix(in srgb, var(--bluegray-700), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-800:focus { + stroke: var(--bluegray-800) + } + .xl\:hover\:stroke-bluegray-800:hover { + stroke: var(--bluegray-800) + } + .xl\:active\:stroke-bluegray-800:active { + stroke: var(--bluegray-800) + } + .xl\:focus\:stroke-bluegray-800\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-800\/10:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-800\/20:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-800\/30:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-800\/40:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-800\/50:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-800\/60:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-800\/70:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-800\/80:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-800\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-800\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-800\/90:active { + stroke: color-mix(in srgb, var(--bluegray-800), 0.9%, transparent) + } + .xl\:focus\:stroke-bluegray-900:focus { + stroke: var(--bluegray-900) + } + .xl\:hover\:stroke-bluegray-900:hover { + stroke: var(--bluegray-900) + } + .xl\:active\:stroke-bluegray-900:active { + stroke: var(--bluegray-900) + } + .xl\:focus\:stroke-bluegray-900\/10:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/10:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:active\:stroke-bluegray-900\/10:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.1%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/20:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/20:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:active\:stroke-bluegray-900\/20:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.2%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/30:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/30:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:active\:stroke-bluegray-900\/30:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.3%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/40:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/40:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:active\:stroke-bluegray-900\/40:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.4%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/50:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/50:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:active\:stroke-bluegray-900\/50:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.5%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/60:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/60:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:active\:stroke-bluegray-900\/60:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.6%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/70:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/70:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:active\:stroke-bluegray-900\/70:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.7%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/80:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/80:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:active\:stroke-bluegray-900\/80:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.8%, transparent) + } + .xl\:focus\:stroke-bluegray-900\/90:focus { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:hover\:stroke-bluegray-900\/90:hover { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:active\:stroke-bluegray-900\/90:active { + stroke: color-mix(in srgb, var(--bluegray-900), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-50:focus { + stroke: var(--purple-50) + } + .xl\:hover\:stroke-purple-50:hover { + stroke: var(--purple-50) + } + .xl\:active\:stroke-purple-50:active { + stroke: var(--purple-50) + } + .xl\:focus\:stroke-purple-50\/10:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-50\/10:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:active\:stroke-purple-50\/10:active { + stroke: color-mix(in srgb, var(--purple-50), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-50\/20:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-50\/20:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:active\:stroke-purple-50\/20:active { + stroke: color-mix(in srgb, var(--purple-50), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-50\/30:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-50\/30:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:active\:stroke-purple-50\/30:active { + stroke: color-mix(in srgb, var(--purple-50), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-50\/40:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-50\/40:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:active\:stroke-purple-50\/40:active { + stroke: color-mix(in srgb, var(--purple-50), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-50\/50:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-50\/50:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:active\:stroke-purple-50\/50:active { + stroke: color-mix(in srgb, var(--purple-50), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-50\/60:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-50\/60:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:active\:stroke-purple-50\/60:active { + stroke: color-mix(in srgb, var(--purple-50), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-50\/70:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-50\/70:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:active\:stroke-purple-50\/70:active { + stroke: color-mix(in srgb, var(--purple-50), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-50\/80:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-50\/80:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:active\:stroke-purple-50\/80:active { + stroke: color-mix(in srgb, var(--purple-50), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-50\/90:focus { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-50\/90:hover { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:active\:stroke-purple-50\/90:active { + stroke: color-mix(in srgb, var(--purple-50), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-100:focus { + stroke: var(--purple-100) + } + .xl\:hover\:stroke-purple-100:hover { + stroke: var(--purple-100) + } + .xl\:active\:stroke-purple-100:active { + stroke: var(--purple-100) + } + .xl\:focus\:stroke-purple-100\/10:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-100\/10:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:active\:stroke-purple-100\/10:active { + stroke: color-mix(in srgb, var(--purple-100), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-100\/20:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-100\/20:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:active\:stroke-purple-100\/20:active { + stroke: color-mix(in srgb, var(--purple-100), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-100\/30:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-100\/30:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:active\:stroke-purple-100\/30:active { + stroke: color-mix(in srgb, var(--purple-100), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-100\/40:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-100\/40:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:active\:stroke-purple-100\/40:active { + stroke: color-mix(in srgb, var(--purple-100), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-100\/50:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-100\/50:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:active\:stroke-purple-100\/50:active { + stroke: color-mix(in srgb, var(--purple-100), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-100\/60:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-100\/60:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:active\:stroke-purple-100\/60:active { + stroke: color-mix(in srgb, var(--purple-100), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-100\/70:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-100\/70:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:active\:stroke-purple-100\/70:active { + stroke: color-mix(in srgb, var(--purple-100), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-100\/80:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-100\/80:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:active\:stroke-purple-100\/80:active { + stroke: color-mix(in srgb, var(--purple-100), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-100\/90:focus { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-100\/90:hover { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:active\:stroke-purple-100\/90:active { + stroke: color-mix(in srgb, var(--purple-100), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-200:focus { + stroke: var(--purple-200) + } + .xl\:hover\:stroke-purple-200:hover { + stroke: var(--purple-200) + } + .xl\:active\:stroke-purple-200:active { + stroke: var(--purple-200) + } + .xl\:focus\:stroke-purple-200\/10:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-200\/10:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:active\:stroke-purple-200\/10:active { + stroke: color-mix(in srgb, var(--purple-200), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-200\/20:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-200\/20:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:active\:stroke-purple-200\/20:active { + stroke: color-mix(in srgb, var(--purple-200), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-200\/30:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-200\/30:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:active\:stroke-purple-200\/30:active { + stroke: color-mix(in srgb, var(--purple-200), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-200\/40:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-200\/40:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:active\:stroke-purple-200\/40:active { + stroke: color-mix(in srgb, var(--purple-200), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-200\/50:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-200\/50:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:active\:stroke-purple-200\/50:active { + stroke: color-mix(in srgb, var(--purple-200), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-200\/60:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-200\/60:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:active\:stroke-purple-200\/60:active { + stroke: color-mix(in srgb, var(--purple-200), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-200\/70:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-200\/70:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:active\:stroke-purple-200\/70:active { + stroke: color-mix(in srgb, var(--purple-200), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-200\/80:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-200\/80:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:active\:stroke-purple-200\/80:active { + stroke: color-mix(in srgb, var(--purple-200), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-200\/90:focus { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-200\/90:hover { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:active\:stroke-purple-200\/90:active { + stroke: color-mix(in srgb, var(--purple-200), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-300:focus { + stroke: var(--purple-300) + } + .xl\:hover\:stroke-purple-300:hover { + stroke: var(--purple-300) + } + .xl\:active\:stroke-purple-300:active { + stroke: var(--purple-300) + } + .xl\:focus\:stroke-purple-300\/10:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-300\/10:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:active\:stroke-purple-300\/10:active { + stroke: color-mix(in srgb, var(--purple-300), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-300\/20:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-300\/20:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:active\:stroke-purple-300\/20:active { + stroke: color-mix(in srgb, var(--purple-300), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-300\/30:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-300\/30:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:active\:stroke-purple-300\/30:active { + stroke: color-mix(in srgb, var(--purple-300), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-300\/40:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-300\/40:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:active\:stroke-purple-300\/40:active { + stroke: color-mix(in srgb, var(--purple-300), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-300\/50:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-300\/50:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:active\:stroke-purple-300\/50:active { + stroke: color-mix(in srgb, var(--purple-300), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-300\/60:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-300\/60:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:active\:stroke-purple-300\/60:active { + stroke: color-mix(in srgb, var(--purple-300), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-300\/70:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-300\/70:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:active\:stroke-purple-300\/70:active { + stroke: color-mix(in srgb, var(--purple-300), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-300\/80:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-300\/80:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:active\:stroke-purple-300\/80:active { + stroke: color-mix(in srgb, var(--purple-300), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-300\/90:focus { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-300\/90:hover { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:active\:stroke-purple-300\/90:active { + stroke: color-mix(in srgb, var(--purple-300), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-400:focus { + stroke: var(--purple-400) + } + .xl\:hover\:stroke-purple-400:hover { + stroke: var(--purple-400) + } + .xl\:active\:stroke-purple-400:active { + stroke: var(--purple-400) + } + .xl\:focus\:stroke-purple-400\/10:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-400\/10:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:active\:stroke-purple-400\/10:active { + stroke: color-mix(in srgb, var(--purple-400), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-400\/20:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-400\/20:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:active\:stroke-purple-400\/20:active { + stroke: color-mix(in srgb, var(--purple-400), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-400\/30:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-400\/30:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:active\:stroke-purple-400\/30:active { + stroke: color-mix(in srgb, var(--purple-400), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-400\/40:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-400\/40:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:active\:stroke-purple-400\/40:active { + stroke: color-mix(in srgb, var(--purple-400), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-400\/50:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-400\/50:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:active\:stroke-purple-400\/50:active { + stroke: color-mix(in srgb, var(--purple-400), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-400\/60:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-400\/60:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:active\:stroke-purple-400\/60:active { + stroke: color-mix(in srgb, var(--purple-400), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-400\/70:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-400\/70:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:active\:stroke-purple-400\/70:active { + stroke: color-mix(in srgb, var(--purple-400), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-400\/80:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-400\/80:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:active\:stroke-purple-400\/80:active { + stroke: color-mix(in srgb, var(--purple-400), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-400\/90:focus { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-400\/90:hover { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:active\:stroke-purple-400\/90:active { + stroke: color-mix(in srgb, var(--purple-400), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-500:focus { + stroke: var(--purple-500) + } + .xl\:hover\:stroke-purple-500:hover { + stroke: var(--purple-500) + } + .xl\:active\:stroke-purple-500:active { + stroke: var(--purple-500) + } + .xl\:focus\:stroke-purple-500\/10:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-500\/10:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:active\:stroke-purple-500\/10:active { + stroke: color-mix(in srgb, var(--purple-500), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-500\/20:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-500\/20:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:active\:stroke-purple-500\/20:active { + stroke: color-mix(in srgb, var(--purple-500), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-500\/30:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-500\/30:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:active\:stroke-purple-500\/30:active { + stroke: color-mix(in srgb, var(--purple-500), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-500\/40:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-500\/40:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:active\:stroke-purple-500\/40:active { + stroke: color-mix(in srgb, var(--purple-500), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-500\/50:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-500\/50:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:active\:stroke-purple-500\/50:active { + stroke: color-mix(in srgb, var(--purple-500), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-500\/60:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-500\/60:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:active\:stroke-purple-500\/60:active { + stroke: color-mix(in srgb, var(--purple-500), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-500\/70:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-500\/70:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:active\:stroke-purple-500\/70:active { + stroke: color-mix(in srgb, var(--purple-500), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-500\/80:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-500\/80:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:active\:stroke-purple-500\/80:active { + stroke: color-mix(in srgb, var(--purple-500), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-500\/90:focus { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-500\/90:hover { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:active\:stroke-purple-500\/90:active { + stroke: color-mix(in srgb, var(--purple-500), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-600:focus { + stroke: var(--purple-600) + } + .xl\:hover\:stroke-purple-600:hover { + stroke: var(--purple-600) + } + .xl\:active\:stroke-purple-600:active { + stroke: var(--purple-600) + } + .xl\:focus\:stroke-purple-600\/10:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-600\/10:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:active\:stroke-purple-600\/10:active { + stroke: color-mix(in srgb, var(--purple-600), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-600\/20:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-600\/20:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:active\:stroke-purple-600\/20:active { + stroke: color-mix(in srgb, var(--purple-600), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-600\/30:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-600\/30:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:active\:stroke-purple-600\/30:active { + stroke: color-mix(in srgb, var(--purple-600), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-600\/40:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-600\/40:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:active\:stroke-purple-600\/40:active { + stroke: color-mix(in srgb, var(--purple-600), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-600\/50:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-600\/50:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:active\:stroke-purple-600\/50:active { + stroke: color-mix(in srgb, var(--purple-600), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-600\/60:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-600\/60:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:active\:stroke-purple-600\/60:active { + stroke: color-mix(in srgb, var(--purple-600), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-600\/70:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-600\/70:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:active\:stroke-purple-600\/70:active { + stroke: color-mix(in srgb, var(--purple-600), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-600\/80:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-600\/80:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:active\:stroke-purple-600\/80:active { + stroke: color-mix(in srgb, var(--purple-600), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-600\/90:focus { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-600\/90:hover { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:active\:stroke-purple-600\/90:active { + stroke: color-mix(in srgb, var(--purple-600), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-700:focus { + stroke: var(--purple-700) + } + .xl\:hover\:stroke-purple-700:hover { + stroke: var(--purple-700) + } + .xl\:active\:stroke-purple-700:active { + stroke: var(--purple-700) + } + .xl\:focus\:stroke-purple-700\/10:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-700\/10:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:active\:stroke-purple-700\/10:active { + stroke: color-mix(in srgb, var(--purple-700), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-700\/20:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-700\/20:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:active\:stroke-purple-700\/20:active { + stroke: color-mix(in srgb, var(--purple-700), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-700\/30:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-700\/30:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:active\:stroke-purple-700\/30:active { + stroke: color-mix(in srgb, var(--purple-700), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-700\/40:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-700\/40:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:active\:stroke-purple-700\/40:active { + stroke: color-mix(in srgb, var(--purple-700), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-700\/50:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-700\/50:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:active\:stroke-purple-700\/50:active { + stroke: color-mix(in srgb, var(--purple-700), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-700\/60:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-700\/60:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:active\:stroke-purple-700\/60:active { + stroke: color-mix(in srgb, var(--purple-700), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-700\/70:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-700\/70:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:active\:stroke-purple-700\/70:active { + stroke: color-mix(in srgb, var(--purple-700), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-700\/80:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-700\/80:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:active\:stroke-purple-700\/80:active { + stroke: color-mix(in srgb, var(--purple-700), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-700\/90:focus { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-700\/90:hover { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:active\:stroke-purple-700\/90:active { + stroke: color-mix(in srgb, var(--purple-700), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-800:focus { + stroke: var(--purple-800) + } + .xl\:hover\:stroke-purple-800:hover { + stroke: var(--purple-800) + } + .xl\:active\:stroke-purple-800:active { + stroke: var(--purple-800) + } + .xl\:focus\:stroke-purple-800\/10:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-800\/10:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:active\:stroke-purple-800\/10:active { + stroke: color-mix(in srgb, var(--purple-800), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-800\/20:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-800\/20:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:active\:stroke-purple-800\/20:active { + stroke: color-mix(in srgb, var(--purple-800), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-800\/30:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-800\/30:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:active\:stroke-purple-800\/30:active { + stroke: color-mix(in srgb, var(--purple-800), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-800\/40:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-800\/40:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:active\:stroke-purple-800\/40:active { + stroke: color-mix(in srgb, var(--purple-800), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-800\/50:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-800\/50:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:active\:stroke-purple-800\/50:active { + stroke: color-mix(in srgb, var(--purple-800), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-800\/60:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-800\/60:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:active\:stroke-purple-800\/60:active { + stroke: color-mix(in srgb, var(--purple-800), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-800\/70:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-800\/70:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:active\:stroke-purple-800\/70:active { + stroke: color-mix(in srgb, var(--purple-800), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-800\/80:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-800\/80:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:active\:stroke-purple-800\/80:active { + stroke: color-mix(in srgb, var(--purple-800), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-800\/90:focus { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-800\/90:hover { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:active\:stroke-purple-800\/90:active { + stroke: color-mix(in srgb, var(--purple-800), 0.9%, transparent) + } + .xl\:focus\:stroke-purple-900:focus { + stroke: var(--purple-900) + } + .xl\:hover\:stroke-purple-900:hover { + stroke: var(--purple-900) + } + .xl\:active\:stroke-purple-900:active { + stroke: var(--purple-900) + } + .xl\:focus\:stroke-purple-900\/10:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:hover\:stroke-purple-900\/10:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:active\:stroke-purple-900\/10:active { + stroke: color-mix(in srgb, var(--purple-900), 0.1%, transparent) + } + .xl\:focus\:stroke-purple-900\/20:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:hover\:stroke-purple-900\/20:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:active\:stroke-purple-900\/20:active { + stroke: color-mix(in srgb, var(--purple-900), 0.2%, transparent) + } + .xl\:focus\:stroke-purple-900\/30:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:hover\:stroke-purple-900\/30:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:active\:stroke-purple-900\/30:active { + stroke: color-mix(in srgb, var(--purple-900), 0.3%, transparent) + } + .xl\:focus\:stroke-purple-900\/40:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:hover\:stroke-purple-900\/40:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:active\:stroke-purple-900\/40:active { + stroke: color-mix(in srgb, var(--purple-900), 0.4%, transparent) + } + .xl\:focus\:stroke-purple-900\/50:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:hover\:stroke-purple-900\/50:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:active\:stroke-purple-900\/50:active { + stroke: color-mix(in srgb, var(--purple-900), 0.5%, transparent) + } + .xl\:focus\:stroke-purple-900\/60:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:hover\:stroke-purple-900\/60:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:active\:stroke-purple-900\/60:active { + stroke: color-mix(in srgb, var(--purple-900), 0.6%, transparent) + } + .xl\:focus\:stroke-purple-900\/70:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:hover\:stroke-purple-900\/70:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:active\:stroke-purple-900\/70:active { + stroke: color-mix(in srgb, var(--purple-900), 0.7%, transparent) + } + .xl\:focus\:stroke-purple-900\/80:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:hover\:stroke-purple-900\/80:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:active\:stroke-purple-900\/80:active { + stroke: color-mix(in srgb, var(--purple-900), 0.8%, transparent) + } + .xl\:focus\:stroke-purple-900\/90:focus { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:hover\:stroke-purple-900\/90:hover { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:active\:stroke-purple-900\/90:active { + stroke: color-mix(in srgb, var(--purple-900), 0.9%, transparent) + } + .xl\:focus\:stroke-red-50:focus { + stroke: var(--red-50) + } + .xl\:hover\:stroke-red-50:hover { + stroke: var(--red-50) + } + .xl\:active\:stroke-red-50:active { + stroke: var(--red-50) + } + .xl\:focus\:stroke-red-50\/10:focus { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:hover\:stroke-red-50\/10:hover { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:active\:stroke-red-50\/10:active { + stroke: color-mix(in srgb, var(--red-50), 0.1%, transparent) + } + .xl\:focus\:stroke-red-50\/20:focus { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:hover\:stroke-red-50\/20:hover { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:active\:stroke-red-50\/20:active { + stroke: color-mix(in srgb, var(--red-50), 0.2%, transparent) + } + .xl\:focus\:stroke-red-50\/30:focus { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:hover\:stroke-red-50\/30:hover { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:active\:stroke-red-50\/30:active { + stroke: color-mix(in srgb, var(--red-50), 0.3%, transparent) + } + .xl\:focus\:stroke-red-50\/40:focus { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:hover\:stroke-red-50\/40:hover { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:active\:stroke-red-50\/40:active { + stroke: color-mix(in srgb, var(--red-50), 0.4%, transparent) + } + .xl\:focus\:stroke-red-50\/50:focus { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:hover\:stroke-red-50\/50:hover { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:active\:stroke-red-50\/50:active { + stroke: color-mix(in srgb, var(--red-50), 0.5%, transparent) + } + .xl\:focus\:stroke-red-50\/60:focus { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:hover\:stroke-red-50\/60:hover { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:active\:stroke-red-50\/60:active { + stroke: color-mix(in srgb, var(--red-50), 0.6%, transparent) + } + .xl\:focus\:stroke-red-50\/70:focus { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:hover\:stroke-red-50\/70:hover { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:active\:stroke-red-50\/70:active { + stroke: color-mix(in srgb, var(--red-50), 0.7%, transparent) + } + .xl\:focus\:stroke-red-50\/80:focus { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:hover\:stroke-red-50\/80:hover { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:active\:stroke-red-50\/80:active { + stroke: color-mix(in srgb, var(--red-50), 0.8%, transparent) + } + .xl\:focus\:stroke-red-50\/90:focus { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:hover\:stroke-red-50\/90:hover { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:active\:stroke-red-50\/90:active { + stroke: color-mix(in srgb, var(--red-50), 0.9%, transparent) + } + .xl\:focus\:stroke-red-100:focus { + stroke: var(--red-100) + } + .xl\:hover\:stroke-red-100:hover { + stroke: var(--red-100) + } + .xl\:active\:stroke-red-100:active { + stroke: var(--red-100) + } + .xl\:focus\:stroke-red-100\/10:focus { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:hover\:stroke-red-100\/10:hover { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:active\:stroke-red-100\/10:active { + stroke: color-mix(in srgb, var(--red-100), 0.1%, transparent) + } + .xl\:focus\:stroke-red-100\/20:focus { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:hover\:stroke-red-100\/20:hover { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:active\:stroke-red-100\/20:active { + stroke: color-mix(in srgb, var(--red-100), 0.2%, transparent) + } + .xl\:focus\:stroke-red-100\/30:focus { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:hover\:stroke-red-100\/30:hover { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:active\:stroke-red-100\/30:active { + stroke: color-mix(in srgb, var(--red-100), 0.3%, transparent) + } + .xl\:focus\:stroke-red-100\/40:focus { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:hover\:stroke-red-100\/40:hover { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:active\:stroke-red-100\/40:active { + stroke: color-mix(in srgb, var(--red-100), 0.4%, transparent) + } + .xl\:focus\:stroke-red-100\/50:focus { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:hover\:stroke-red-100\/50:hover { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:active\:stroke-red-100\/50:active { + stroke: color-mix(in srgb, var(--red-100), 0.5%, transparent) + } + .xl\:focus\:stroke-red-100\/60:focus { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:hover\:stroke-red-100\/60:hover { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:active\:stroke-red-100\/60:active { + stroke: color-mix(in srgb, var(--red-100), 0.6%, transparent) + } + .xl\:focus\:stroke-red-100\/70:focus { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:hover\:stroke-red-100\/70:hover { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:active\:stroke-red-100\/70:active { + stroke: color-mix(in srgb, var(--red-100), 0.7%, transparent) + } + .xl\:focus\:stroke-red-100\/80:focus { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:hover\:stroke-red-100\/80:hover { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:active\:stroke-red-100\/80:active { + stroke: color-mix(in srgb, var(--red-100), 0.8%, transparent) + } + .xl\:focus\:stroke-red-100\/90:focus { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:hover\:stroke-red-100\/90:hover { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:active\:stroke-red-100\/90:active { + stroke: color-mix(in srgb, var(--red-100), 0.9%, transparent) + } + .xl\:focus\:stroke-red-200:focus { + stroke: var(--red-200) + } + .xl\:hover\:stroke-red-200:hover { + stroke: var(--red-200) + } + .xl\:active\:stroke-red-200:active { + stroke: var(--red-200) + } + .xl\:focus\:stroke-red-200\/10:focus { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:hover\:stroke-red-200\/10:hover { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:active\:stroke-red-200\/10:active { + stroke: color-mix(in srgb, var(--red-200), 0.1%, transparent) + } + .xl\:focus\:stroke-red-200\/20:focus { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:hover\:stroke-red-200\/20:hover { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:active\:stroke-red-200\/20:active { + stroke: color-mix(in srgb, var(--red-200), 0.2%, transparent) + } + .xl\:focus\:stroke-red-200\/30:focus { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:hover\:stroke-red-200\/30:hover { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:active\:stroke-red-200\/30:active { + stroke: color-mix(in srgb, var(--red-200), 0.3%, transparent) + } + .xl\:focus\:stroke-red-200\/40:focus { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:hover\:stroke-red-200\/40:hover { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:active\:stroke-red-200\/40:active { + stroke: color-mix(in srgb, var(--red-200), 0.4%, transparent) + } + .xl\:focus\:stroke-red-200\/50:focus { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:hover\:stroke-red-200\/50:hover { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:active\:stroke-red-200\/50:active { + stroke: color-mix(in srgb, var(--red-200), 0.5%, transparent) + } + .xl\:focus\:stroke-red-200\/60:focus { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:hover\:stroke-red-200\/60:hover { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:active\:stroke-red-200\/60:active { + stroke: color-mix(in srgb, var(--red-200), 0.6%, transparent) + } + .xl\:focus\:stroke-red-200\/70:focus { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:hover\:stroke-red-200\/70:hover { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:active\:stroke-red-200\/70:active { + stroke: color-mix(in srgb, var(--red-200), 0.7%, transparent) + } + .xl\:focus\:stroke-red-200\/80:focus { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:hover\:stroke-red-200\/80:hover { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:active\:stroke-red-200\/80:active { + stroke: color-mix(in srgb, var(--red-200), 0.8%, transparent) + } + .xl\:focus\:stroke-red-200\/90:focus { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:hover\:stroke-red-200\/90:hover { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:active\:stroke-red-200\/90:active { + stroke: color-mix(in srgb, var(--red-200), 0.9%, transparent) + } + .xl\:focus\:stroke-red-300:focus { + stroke: var(--red-300) + } + .xl\:hover\:stroke-red-300:hover { + stroke: var(--red-300) + } + .xl\:active\:stroke-red-300:active { + stroke: var(--red-300) + } + .xl\:focus\:stroke-red-300\/10:focus { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:hover\:stroke-red-300\/10:hover { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:active\:stroke-red-300\/10:active { + stroke: color-mix(in srgb, var(--red-300), 0.1%, transparent) + } + .xl\:focus\:stroke-red-300\/20:focus { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:hover\:stroke-red-300\/20:hover { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:active\:stroke-red-300\/20:active { + stroke: color-mix(in srgb, var(--red-300), 0.2%, transparent) + } + .xl\:focus\:stroke-red-300\/30:focus { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:hover\:stroke-red-300\/30:hover { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:active\:stroke-red-300\/30:active { + stroke: color-mix(in srgb, var(--red-300), 0.3%, transparent) + } + .xl\:focus\:stroke-red-300\/40:focus { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:hover\:stroke-red-300\/40:hover { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:active\:stroke-red-300\/40:active { + stroke: color-mix(in srgb, var(--red-300), 0.4%, transparent) + } + .xl\:focus\:stroke-red-300\/50:focus { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:hover\:stroke-red-300\/50:hover { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:active\:stroke-red-300\/50:active { + stroke: color-mix(in srgb, var(--red-300), 0.5%, transparent) + } + .xl\:focus\:stroke-red-300\/60:focus { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:hover\:stroke-red-300\/60:hover { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:active\:stroke-red-300\/60:active { + stroke: color-mix(in srgb, var(--red-300), 0.6%, transparent) + } + .xl\:focus\:stroke-red-300\/70:focus { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:hover\:stroke-red-300\/70:hover { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:active\:stroke-red-300\/70:active { + stroke: color-mix(in srgb, var(--red-300), 0.7%, transparent) + } + .xl\:focus\:stroke-red-300\/80:focus { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:hover\:stroke-red-300\/80:hover { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:active\:stroke-red-300\/80:active { + stroke: color-mix(in srgb, var(--red-300), 0.8%, transparent) + } + .xl\:focus\:stroke-red-300\/90:focus { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:hover\:stroke-red-300\/90:hover { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:active\:stroke-red-300\/90:active { + stroke: color-mix(in srgb, var(--red-300), 0.9%, transparent) + } + .xl\:focus\:stroke-red-400:focus { + stroke: var(--red-400) + } + .xl\:hover\:stroke-red-400:hover { + stroke: var(--red-400) + } + .xl\:active\:stroke-red-400:active { + stroke: var(--red-400) + } + .xl\:focus\:stroke-red-400\/10:focus { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:hover\:stroke-red-400\/10:hover { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:active\:stroke-red-400\/10:active { + stroke: color-mix(in srgb, var(--red-400), 0.1%, transparent) + } + .xl\:focus\:stroke-red-400\/20:focus { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:hover\:stroke-red-400\/20:hover { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:active\:stroke-red-400\/20:active { + stroke: color-mix(in srgb, var(--red-400), 0.2%, transparent) + } + .xl\:focus\:stroke-red-400\/30:focus { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:hover\:stroke-red-400\/30:hover { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:active\:stroke-red-400\/30:active { + stroke: color-mix(in srgb, var(--red-400), 0.3%, transparent) + } + .xl\:focus\:stroke-red-400\/40:focus { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:hover\:stroke-red-400\/40:hover { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:active\:stroke-red-400\/40:active { + stroke: color-mix(in srgb, var(--red-400), 0.4%, transparent) + } + .xl\:focus\:stroke-red-400\/50:focus { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:hover\:stroke-red-400\/50:hover { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:active\:stroke-red-400\/50:active { + stroke: color-mix(in srgb, var(--red-400), 0.5%, transparent) + } + .xl\:focus\:stroke-red-400\/60:focus { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:hover\:stroke-red-400\/60:hover { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:active\:stroke-red-400\/60:active { + stroke: color-mix(in srgb, var(--red-400), 0.6%, transparent) + } + .xl\:focus\:stroke-red-400\/70:focus { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:hover\:stroke-red-400\/70:hover { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:active\:stroke-red-400\/70:active { + stroke: color-mix(in srgb, var(--red-400), 0.7%, transparent) + } + .xl\:focus\:stroke-red-400\/80:focus { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:hover\:stroke-red-400\/80:hover { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:active\:stroke-red-400\/80:active { + stroke: color-mix(in srgb, var(--red-400), 0.8%, transparent) + } + .xl\:focus\:stroke-red-400\/90:focus { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:hover\:stroke-red-400\/90:hover { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:active\:stroke-red-400\/90:active { + stroke: color-mix(in srgb, var(--red-400), 0.9%, transparent) + } + .xl\:focus\:stroke-red-500:focus { + stroke: var(--red-500) + } + .xl\:hover\:stroke-red-500:hover { + stroke: var(--red-500) + } + .xl\:active\:stroke-red-500:active { + stroke: var(--red-500) + } + .xl\:focus\:stroke-red-500\/10:focus { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:hover\:stroke-red-500\/10:hover { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:active\:stroke-red-500\/10:active { + stroke: color-mix(in srgb, var(--red-500), 0.1%, transparent) + } + .xl\:focus\:stroke-red-500\/20:focus { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:hover\:stroke-red-500\/20:hover { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:active\:stroke-red-500\/20:active { + stroke: color-mix(in srgb, var(--red-500), 0.2%, transparent) + } + .xl\:focus\:stroke-red-500\/30:focus { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:hover\:stroke-red-500\/30:hover { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:active\:stroke-red-500\/30:active { + stroke: color-mix(in srgb, var(--red-500), 0.3%, transparent) + } + .xl\:focus\:stroke-red-500\/40:focus { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:hover\:stroke-red-500\/40:hover { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:active\:stroke-red-500\/40:active { + stroke: color-mix(in srgb, var(--red-500), 0.4%, transparent) + } + .xl\:focus\:stroke-red-500\/50:focus { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:hover\:stroke-red-500\/50:hover { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:active\:stroke-red-500\/50:active { + stroke: color-mix(in srgb, var(--red-500), 0.5%, transparent) + } + .xl\:focus\:stroke-red-500\/60:focus { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:hover\:stroke-red-500\/60:hover { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:active\:stroke-red-500\/60:active { + stroke: color-mix(in srgb, var(--red-500), 0.6%, transparent) + } + .xl\:focus\:stroke-red-500\/70:focus { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:hover\:stroke-red-500\/70:hover { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:active\:stroke-red-500\/70:active { + stroke: color-mix(in srgb, var(--red-500), 0.7%, transparent) + } + .xl\:focus\:stroke-red-500\/80:focus { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:hover\:stroke-red-500\/80:hover { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:active\:stroke-red-500\/80:active { + stroke: color-mix(in srgb, var(--red-500), 0.8%, transparent) + } + .xl\:focus\:stroke-red-500\/90:focus { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:hover\:stroke-red-500\/90:hover { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:active\:stroke-red-500\/90:active { + stroke: color-mix(in srgb, var(--red-500), 0.9%, transparent) + } + .xl\:focus\:stroke-red-600:focus { + stroke: var(--red-600) + } + .xl\:hover\:stroke-red-600:hover { + stroke: var(--red-600) + } + .xl\:active\:stroke-red-600:active { + stroke: var(--red-600) + } + .xl\:focus\:stroke-red-600\/10:focus { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:hover\:stroke-red-600\/10:hover { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:active\:stroke-red-600\/10:active { + stroke: color-mix(in srgb, var(--red-600), 0.1%, transparent) + } + .xl\:focus\:stroke-red-600\/20:focus { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:hover\:stroke-red-600\/20:hover { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:active\:stroke-red-600\/20:active { + stroke: color-mix(in srgb, var(--red-600), 0.2%, transparent) + } + .xl\:focus\:stroke-red-600\/30:focus { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:hover\:stroke-red-600\/30:hover { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:active\:stroke-red-600\/30:active { + stroke: color-mix(in srgb, var(--red-600), 0.3%, transparent) + } + .xl\:focus\:stroke-red-600\/40:focus { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:hover\:stroke-red-600\/40:hover { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:active\:stroke-red-600\/40:active { + stroke: color-mix(in srgb, var(--red-600), 0.4%, transparent) + } + .xl\:focus\:stroke-red-600\/50:focus { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:hover\:stroke-red-600\/50:hover { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:active\:stroke-red-600\/50:active { + stroke: color-mix(in srgb, var(--red-600), 0.5%, transparent) + } + .xl\:focus\:stroke-red-600\/60:focus { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:hover\:stroke-red-600\/60:hover { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:active\:stroke-red-600\/60:active { + stroke: color-mix(in srgb, var(--red-600), 0.6%, transparent) + } + .xl\:focus\:stroke-red-600\/70:focus { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:hover\:stroke-red-600\/70:hover { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:active\:stroke-red-600\/70:active { + stroke: color-mix(in srgb, var(--red-600), 0.7%, transparent) + } + .xl\:focus\:stroke-red-600\/80:focus { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:hover\:stroke-red-600\/80:hover { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:active\:stroke-red-600\/80:active { + stroke: color-mix(in srgb, var(--red-600), 0.8%, transparent) + } + .xl\:focus\:stroke-red-600\/90:focus { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:hover\:stroke-red-600\/90:hover { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:active\:stroke-red-600\/90:active { + stroke: color-mix(in srgb, var(--red-600), 0.9%, transparent) + } + .xl\:focus\:stroke-red-700:focus { + stroke: var(--red-700) + } + .xl\:hover\:stroke-red-700:hover { + stroke: var(--red-700) + } + .xl\:active\:stroke-red-700:active { + stroke: var(--red-700) + } + .xl\:focus\:stroke-red-700\/10:focus { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:hover\:stroke-red-700\/10:hover { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:active\:stroke-red-700\/10:active { + stroke: color-mix(in srgb, var(--red-700), 0.1%, transparent) + } + .xl\:focus\:stroke-red-700\/20:focus { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:hover\:stroke-red-700\/20:hover { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:active\:stroke-red-700\/20:active { + stroke: color-mix(in srgb, var(--red-700), 0.2%, transparent) + } + .xl\:focus\:stroke-red-700\/30:focus { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:hover\:stroke-red-700\/30:hover { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:active\:stroke-red-700\/30:active { + stroke: color-mix(in srgb, var(--red-700), 0.3%, transparent) + } + .xl\:focus\:stroke-red-700\/40:focus { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:hover\:stroke-red-700\/40:hover { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:active\:stroke-red-700\/40:active { + stroke: color-mix(in srgb, var(--red-700), 0.4%, transparent) + } + .xl\:focus\:stroke-red-700\/50:focus { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:hover\:stroke-red-700\/50:hover { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:active\:stroke-red-700\/50:active { + stroke: color-mix(in srgb, var(--red-700), 0.5%, transparent) + } + .xl\:focus\:stroke-red-700\/60:focus { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:hover\:stroke-red-700\/60:hover { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:active\:stroke-red-700\/60:active { + stroke: color-mix(in srgb, var(--red-700), 0.6%, transparent) + } + .xl\:focus\:stroke-red-700\/70:focus { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:hover\:stroke-red-700\/70:hover { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:active\:stroke-red-700\/70:active { + stroke: color-mix(in srgb, var(--red-700), 0.7%, transparent) + } + .xl\:focus\:stroke-red-700\/80:focus { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:hover\:stroke-red-700\/80:hover { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:active\:stroke-red-700\/80:active { + stroke: color-mix(in srgb, var(--red-700), 0.8%, transparent) + } + .xl\:focus\:stroke-red-700\/90:focus { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:hover\:stroke-red-700\/90:hover { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:active\:stroke-red-700\/90:active { + stroke: color-mix(in srgb, var(--red-700), 0.9%, transparent) + } + .xl\:focus\:stroke-red-800:focus { + stroke: var(--red-800) + } + .xl\:hover\:stroke-red-800:hover { + stroke: var(--red-800) + } + .xl\:active\:stroke-red-800:active { + stroke: var(--red-800) + } + .xl\:focus\:stroke-red-800\/10:focus { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:hover\:stroke-red-800\/10:hover { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:active\:stroke-red-800\/10:active { + stroke: color-mix(in srgb, var(--red-800), 0.1%, transparent) + } + .xl\:focus\:stroke-red-800\/20:focus { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:hover\:stroke-red-800\/20:hover { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:active\:stroke-red-800\/20:active { + stroke: color-mix(in srgb, var(--red-800), 0.2%, transparent) + } + .xl\:focus\:stroke-red-800\/30:focus { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:hover\:stroke-red-800\/30:hover { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:active\:stroke-red-800\/30:active { + stroke: color-mix(in srgb, var(--red-800), 0.3%, transparent) + } + .xl\:focus\:stroke-red-800\/40:focus { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:hover\:stroke-red-800\/40:hover { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:active\:stroke-red-800\/40:active { + stroke: color-mix(in srgb, var(--red-800), 0.4%, transparent) + } + .xl\:focus\:stroke-red-800\/50:focus { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:hover\:stroke-red-800\/50:hover { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:active\:stroke-red-800\/50:active { + stroke: color-mix(in srgb, var(--red-800), 0.5%, transparent) + } + .xl\:focus\:stroke-red-800\/60:focus { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:hover\:stroke-red-800\/60:hover { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:active\:stroke-red-800\/60:active { + stroke: color-mix(in srgb, var(--red-800), 0.6%, transparent) + } + .xl\:focus\:stroke-red-800\/70:focus { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:hover\:stroke-red-800\/70:hover { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:active\:stroke-red-800\/70:active { + stroke: color-mix(in srgb, var(--red-800), 0.7%, transparent) + } + .xl\:focus\:stroke-red-800\/80:focus { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:hover\:stroke-red-800\/80:hover { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:active\:stroke-red-800\/80:active { + stroke: color-mix(in srgb, var(--red-800), 0.8%, transparent) + } + .xl\:focus\:stroke-red-800\/90:focus { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:hover\:stroke-red-800\/90:hover { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:active\:stroke-red-800\/90:active { + stroke: color-mix(in srgb, var(--red-800), 0.9%, transparent) + } + .xl\:focus\:stroke-red-900:focus { + stroke: var(--red-900) + } + .xl\:hover\:stroke-red-900:hover { + stroke: var(--red-900) + } + .xl\:active\:stroke-red-900:active { + stroke: var(--red-900) + } + .xl\:focus\:stroke-red-900\/10:focus { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:hover\:stroke-red-900\/10:hover { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:active\:stroke-red-900\/10:active { + stroke: color-mix(in srgb, var(--red-900), 0.1%, transparent) + } + .xl\:focus\:stroke-red-900\/20:focus { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:hover\:stroke-red-900\/20:hover { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:active\:stroke-red-900\/20:active { + stroke: color-mix(in srgb, var(--red-900), 0.2%, transparent) + } + .xl\:focus\:stroke-red-900\/30:focus { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:hover\:stroke-red-900\/30:hover { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:active\:stroke-red-900\/30:active { + stroke: color-mix(in srgb, var(--red-900), 0.3%, transparent) + } + .xl\:focus\:stroke-red-900\/40:focus { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:hover\:stroke-red-900\/40:hover { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:active\:stroke-red-900\/40:active { + stroke: color-mix(in srgb, var(--red-900), 0.4%, transparent) + } + .xl\:focus\:stroke-red-900\/50:focus { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:hover\:stroke-red-900\/50:hover { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:active\:stroke-red-900\/50:active { + stroke: color-mix(in srgb, var(--red-900), 0.5%, transparent) + } + .xl\:focus\:stroke-red-900\/60:focus { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:hover\:stroke-red-900\/60:hover { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:active\:stroke-red-900\/60:active { + stroke: color-mix(in srgb, var(--red-900), 0.6%, transparent) + } + .xl\:focus\:stroke-red-900\/70:focus { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:hover\:stroke-red-900\/70:hover { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:active\:stroke-red-900\/70:active { + stroke: color-mix(in srgb, var(--red-900), 0.7%, transparent) + } + .xl\:focus\:stroke-red-900\/80:focus { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:hover\:stroke-red-900\/80:hover { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:active\:stroke-red-900\/80:active { + stroke: color-mix(in srgb, var(--red-900), 0.8%, transparent) + } + .xl\:focus\:stroke-red-900\/90:focus { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:hover\:stroke-red-900\/90:hover { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:active\:stroke-red-900\/90:active { + stroke: color-mix(in srgb, var(--red-900), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-50:focus { + stroke: var(--gray-50) + } + .xl\:hover\:stroke-gray-50:hover { + stroke: var(--gray-50) + } + .xl\:active\:stroke-gray-50:active { + stroke: var(--gray-50) + } + .xl\:focus\:stroke-gray-50\/10:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-50\/10:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:active\:stroke-gray-50\/10:active { + stroke: color-mix(in srgb, var(--gray-50), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-50\/20:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-50\/20:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:active\:stroke-gray-50\/20:active { + stroke: color-mix(in srgb, var(--gray-50), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-50\/30:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-50\/30:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:active\:stroke-gray-50\/30:active { + stroke: color-mix(in srgb, var(--gray-50), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-50\/40:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-50\/40:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:active\:stroke-gray-50\/40:active { + stroke: color-mix(in srgb, var(--gray-50), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-50\/50:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-50\/50:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:active\:stroke-gray-50\/50:active { + stroke: color-mix(in srgb, var(--gray-50), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-50\/60:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-50\/60:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:active\:stroke-gray-50\/60:active { + stroke: color-mix(in srgb, var(--gray-50), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-50\/70:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-50\/70:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:active\:stroke-gray-50\/70:active { + stroke: color-mix(in srgb, var(--gray-50), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-50\/80:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-50\/80:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:active\:stroke-gray-50\/80:active { + stroke: color-mix(in srgb, var(--gray-50), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-50\/90:focus { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-50\/90:hover { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:active\:stroke-gray-50\/90:active { + stroke: color-mix(in srgb, var(--gray-50), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-100:focus { + stroke: var(--gray-100) + } + .xl\:hover\:stroke-gray-100:hover { + stroke: var(--gray-100) + } + .xl\:active\:stroke-gray-100:active { + stroke: var(--gray-100) + } + .xl\:focus\:stroke-gray-100\/10:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-100\/10:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:active\:stroke-gray-100\/10:active { + stroke: color-mix(in srgb, var(--gray-100), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-100\/20:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-100\/20:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:active\:stroke-gray-100\/20:active { + stroke: color-mix(in srgb, var(--gray-100), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-100\/30:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-100\/30:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:active\:stroke-gray-100\/30:active { + stroke: color-mix(in srgb, var(--gray-100), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-100\/40:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-100\/40:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:active\:stroke-gray-100\/40:active { + stroke: color-mix(in srgb, var(--gray-100), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-100\/50:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-100\/50:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:active\:stroke-gray-100\/50:active { + stroke: color-mix(in srgb, var(--gray-100), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-100\/60:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-100\/60:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:active\:stroke-gray-100\/60:active { + stroke: color-mix(in srgb, var(--gray-100), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-100\/70:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-100\/70:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:active\:stroke-gray-100\/70:active { + stroke: color-mix(in srgb, var(--gray-100), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-100\/80:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-100\/80:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:active\:stroke-gray-100\/80:active { + stroke: color-mix(in srgb, var(--gray-100), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-100\/90:focus { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-100\/90:hover { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:active\:stroke-gray-100\/90:active { + stroke: color-mix(in srgb, var(--gray-100), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-200:focus { + stroke: var(--gray-200) + } + .xl\:hover\:stroke-gray-200:hover { + stroke: var(--gray-200) + } + .xl\:active\:stroke-gray-200:active { + stroke: var(--gray-200) + } + .xl\:focus\:stroke-gray-200\/10:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-200\/10:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:active\:stroke-gray-200\/10:active { + stroke: color-mix(in srgb, var(--gray-200), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-200\/20:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-200\/20:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:active\:stroke-gray-200\/20:active { + stroke: color-mix(in srgb, var(--gray-200), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-200\/30:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-200\/30:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:active\:stroke-gray-200\/30:active { + stroke: color-mix(in srgb, var(--gray-200), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-200\/40:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-200\/40:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:active\:stroke-gray-200\/40:active { + stroke: color-mix(in srgb, var(--gray-200), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-200\/50:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-200\/50:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:active\:stroke-gray-200\/50:active { + stroke: color-mix(in srgb, var(--gray-200), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-200\/60:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-200\/60:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:active\:stroke-gray-200\/60:active { + stroke: color-mix(in srgb, var(--gray-200), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-200\/70:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-200\/70:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:active\:stroke-gray-200\/70:active { + stroke: color-mix(in srgb, var(--gray-200), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-200\/80:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-200\/80:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:active\:stroke-gray-200\/80:active { + stroke: color-mix(in srgb, var(--gray-200), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-200\/90:focus { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-200\/90:hover { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:active\:stroke-gray-200\/90:active { + stroke: color-mix(in srgb, var(--gray-200), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-300:focus { + stroke: var(--gray-300) + } + .xl\:hover\:stroke-gray-300:hover { + stroke: var(--gray-300) + } + .xl\:active\:stroke-gray-300:active { + stroke: var(--gray-300) + } + .xl\:focus\:stroke-gray-300\/10:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-300\/10:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:active\:stroke-gray-300\/10:active { + stroke: color-mix(in srgb, var(--gray-300), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-300\/20:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-300\/20:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:active\:stroke-gray-300\/20:active { + stroke: color-mix(in srgb, var(--gray-300), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-300\/30:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-300\/30:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:active\:stroke-gray-300\/30:active { + stroke: color-mix(in srgb, var(--gray-300), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-300\/40:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-300\/40:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:active\:stroke-gray-300\/40:active { + stroke: color-mix(in srgb, var(--gray-300), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-300\/50:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-300\/50:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:active\:stroke-gray-300\/50:active { + stroke: color-mix(in srgb, var(--gray-300), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-300\/60:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-300\/60:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:active\:stroke-gray-300\/60:active { + stroke: color-mix(in srgb, var(--gray-300), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-300\/70:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-300\/70:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:active\:stroke-gray-300\/70:active { + stroke: color-mix(in srgb, var(--gray-300), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-300\/80:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-300\/80:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:active\:stroke-gray-300\/80:active { + stroke: color-mix(in srgb, var(--gray-300), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-300\/90:focus { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-300\/90:hover { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:active\:stroke-gray-300\/90:active { + stroke: color-mix(in srgb, var(--gray-300), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-400:focus { + stroke: var(--gray-400) + } + .xl\:hover\:stroke-gray-400:hover { + stroke: var(--gray-400) + } + .xl\:active\:stroke-gray-400:active { + stroke: var(--gray-400) + } + .xl\:focus\:stroke-gray-400\/10:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-400\/10:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:active\:stroke-gray-400\/10:active { + stroke: color-mix(in srgb, var(--gray-400), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-400\/20:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-400\/20:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:active\:stroke-gray-400\/20:active { + stroke: color-mix(in srgb, var(--gray-400), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-400\/30:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-400\/30:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:active\:stroke-gray-400\/30:active { + stroke: color-mix(in srgb, var(--gray-400), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-400\/40:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-400\/40:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:active\:stroke-gray-400\/40:active { + stroke: color-mix(in srgb, var(--gray-400), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-400\/50:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-400\/50:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:active\:stroke-gray-400\/50:active { + stroke: color-mix(in srgb, var(--gray-400), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-400\/60:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-400\/60:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:active\:stroke-gray-400\/60:active { + stroke: color-mix(in srgb, var(--gray-400), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-400\/70:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-400\/70:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:active\:stroke-gray-400\/70:active { + stroke: color-mix(in srgb, var(--gray-400), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-400\/80:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-400\/80:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:active\:stroke-gray-400\/80:active { + stroke: color-mix(in srgb, var(--gray-400), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-400\/90:focus { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-400\/90:hover { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:active\:stroke-gray-400\/90:active { + stroke: color-mix(in srgb, var(--gray-400), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-500:focus { + stroke: var(--gray-500) + } + .xl\:hover\:stroke-gray-500:hover { + stroke: var(--gray-500) + } + .xl\:active\:stroke-gray-500:active { + stroke: var(--gray-500) + } + .xl\:focus\:stroke-gray-500\/10:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-500\/10:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:active\:stroke-gray-500\/10:active { + stroke: color-mix(in srgb, var(--gray-500), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-500\/20:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-500\/20:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:active\:stroke-gray-500\/20:active { + stroke: color-mix(in srgb, var(--gray-500), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-500\/30:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-500\/30:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:active\:stroke-gray-500\/30:active { + stroke: color-mix(in srgb, var(--gray-500), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-500\/40:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-500\/40:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:active\:stroke-gray-500\/40:active { + stroke: color-mix(in srgb, var(--gray-500), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-500\/50:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-500\/50:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:active\:stroke-gray-500\/50:active { + stroke: color-mix(in srgb, var(--gray-500), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-500\/60:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-500\/60:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:active\:stroke-gray-500\/60:active { + stroke: color-mix(in srgb, var(--gray-500), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-500\/70:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-500\/70:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:active\:stroke-gray-500\/70:active { + stroke: color-mix(in srgb, var(--gray-500), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-500\/80:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-500\/80:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:active\:stroke-gray-500\/80:active { + stroke: color-mix(in srgb, var(--gray-500), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-500\/90:focus { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-500\/90:hover { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:active\:stroke-gray-500\/90:active { + stroke: color-mix(in srgb, var(--gray-500), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-600:focus { + stroke: var(--gray-600) + } + .xl\:hover\:stroke-gray-600:hover { + stroke: var(--gray-600) + } + .xl\:active\:stroke-gray-600:active { + stroke: var(--gray-600) + } + .xl\:focus\:stroke-gray-600\/10:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-600\/10:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:active\:stroke-gray-600\/10:active { + stroke: color-mix(in srgb, var(--gray-600), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-600\/20:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-600\/20:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:active\:stroke-gray-600\/20:active { + stroke: color-mix(in srgb, var(--gray-600), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-600\/30:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-600\/30:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:active\:stroke-gray-600\/30:active { + stroke: color-mix(in srgb, var(--gray-600), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-600\/40:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-600\/40:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:active\:stroke-gray-600\/40:active { + stroke: color-mix(in srgb, var(--gray-600), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-600\/50:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-600\/50:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:active\:stroke-gray-600\/50:active { + stroke: color-mix(in srgb, var(--gray-600), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-600\/60:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-600\/60:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:active\:stroke-gray-600\/60:active { + stroke: color-mix(in srgb, var(--gray-600), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-600\/70:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-600\/70:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:active\:stroke-gray-600\/70:active { + stroke: color-mix(in srgb, var(--gray-600), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-600\/80:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-600\/80:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:active\:stroke-gray-600\/80:active { + stroke: color-mix(in srgb, var(--gray-600), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-600\/90:focus { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-600\/90:hover { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:active\:stroke-gray-600\/90:active { + stroke: color-mix(in srgb, var(--gray-600), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-700:focus { + stroke: var(--gray-700) + } + .xl\:hover\:stroke-gray-700:hover { + stroke: var(--gray-700) + } + .xl\:active\:stroke-gray-700:active { + stroke: var(--gray-700) + } + .xl\:focus\:stroke-gray-700\/10:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-700\/10:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:active\:stroke-gray-700\/10:active { + stroke: color-mix(in srgb, var(--gray-700), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-700\/20:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-700\/20:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:active\:stroke-gray-700\/20:active { + stroke: color-mix(in srgb, var(--gray-700), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-700\/30:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-700\/30:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:active\:stroke-gray-700\/30:active { + stroke: color-mix(in srgb, var(--gray-700), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-700\/40:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-700\/40:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:active\:stroke-gray-700\/40:active { + stroke: color-mix(in srgb, var(--gray-700), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-700\/50:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-700\/50:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:active\:stroke-gray-700\/50:active { + stroke: color-mix(in srgb, var(--gray-700), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-700\/60:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-700\/60:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:active\:stroke-gray-700\/60:active { + stroke: color-mix(in srgb, var(--gray-700), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-700\/70:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-700\/70:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:active\:stroke-gray-700\/70:active { + stroke: color-mix(in srgb, var(--gray-700), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-700\/80:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-700\/80:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:active\:stroke-gray-700\/80:active { + stroke: color-mix(in srgb, var(--gray-700), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-700\/90:focus { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-700\/90:hover { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:active\:stroke-gray-700\/90:active { + stroke: color-mix(in srgb, var(--gray-700), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-800:focus { + stroke: var(--gray-800) + } + .xl\:hover\:stroke-gray-800:hover { + stroke: var(--gray-800) + } + .xl\:active\:stroke-gray-800:active { + stroke: var(--gray-800) + } + .xl\:focus\:stroke-gray-800\/10:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-800\/10:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:active\:stroke-gray-800\/10:active { + stroke: color-mix(in srgb, var(--gray-800), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-800\/20:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-800\/20:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:active\:stroke-gray-800\/20:active { + stroke: color-mix(in srgb, var(--gray-800), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-800\/30:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-800\/30:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:active\:stroke-gray-800\/30:active { + stroke: color-mix(in srgb, var(--gray-800), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-800\/40:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-800\/40:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:active\:stroke-gray-800\/40:active { + stroke: color-mix(in srgb, var(--gray-800), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-800\/50:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-800\/50:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:active\:stroke-gray-800\/50:active { + stroke: color-mix(in srgb, var(--gray-800), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-800\/60:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-800\/60:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:active\:stroke-gray-800\/60:active { + stroke: color-mix(in srgb, var(--gray-800), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-800\/70:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-800\/70:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:active\:stroke-gray-800\/70:active { + stroke: color-mix(in srgb, var(--gray-800), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-800\/80:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-800\/80:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:active\:stroke-gray-800\/80:active { + stroke: color-mix(in srgb, var(--gray-800), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-800\/90:focus { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-800\/90:hover { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:active\:stroke-gray-800\/90:active { + stroke: color-mix(in srgb, var(--gray-800), 0.9%, transparent) + } + .xl\:focus\:stroke-gray-900:focus { + stroke: var(--gray-900) + } + .xl\:hover\:stroke-gray-900:hover { + stroke: var(--gray-900) + } + .xl\:active\:stroke-gray-900:active { + stroke: var(--gray-900) + } + .xl\:focus\:stroke-gray-900\/10:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:hover\:stroke-gray-900\/10:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:active\:stroke-gray-900\/10:active { + stroke: color-mix(in srgb, var(--gray-900), 0.1%, transparent) + } + .xl\:focus\:stroke-gray-900\/20:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:hover\:stroke-gray-900\/20:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:active\:stroke-gray-900\/20:active { + stroke: color-mix(in srgb, var(--gray-900), 0.2%, transparent) + } + .xl\:focus\:stroke-gray-900\/30:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:hover\:stroke-gray-900\/30:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:active\:stroke-gray-900\/30:active { + stroke: color-mix(in srgb, var(--gray-900), 0.3%, transparent) + } + .xl\:focus\:stroke-gray-900\/40:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:hover\:stroke-gray-900\/40:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:active\:stroke-gray-900\/40:active { + stroke: color-mix(in srgb, var(--gray-900), 0.4%, transparent) + } + .xl\:focus\:stroke-gray-900\/50:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:hover\:stroke-gray-900\/50:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:active\:stroke-gray-900\/50:active { + stroke: color-mix(in srgb, var(--gray-900), 0.5%, transparent) + } + .xl\:focus\:stroke-gray-900\/60:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:hover\:stroke-gray-900\/60:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:active\:stroke-gray-900\/60:active { + stroke: color-mix(in srgb, var(--gray-900), 0.6%, transparent) + } + .xl\:focus\:stroke-gray-900\/70:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:hover\:stroke-gray-900\/70:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:active\:stroke-gray-900\/70:active { + stroke: color-mix(in srgb, var(--gray-900), 0.7%, transparent) + } + .xl\:focus\:stroke-gray-900\/80:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:hover\:stroke-gray-900\/80:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:active\:stroke-gray-900\/80:active { + stroke: color-mix(in srgb, var(--gray-900), 0.8%, transparent) + } + .xl\:focus\:stroke-gray-900\/90:focus { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:hover\:stroke-gray-900\/90:hover { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:active\:stroke-gray-900\/90:active { + stroke: color-mix(in srgb, var(--gray-900), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-0:focus { + stroke: var(--surface-0) + } + .xl\:hover\:stroke-surface-0:hover { + stroke: var(--surface-0) + } + .xl\:active\:stroke-surface-0:active { + stroke: var(--surface-0) + } + .xl\:focus\:stroke-surface-0\/10:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-0\/10:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:active\:stroke-surface-0\/10:active { + stroke: color-mix(in srgb, var(--surface-0), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-0\/20:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-0\/20:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:active\:stroke-surface-0\/20:active { + stroke: color-mix(in srgb, var(--surface-0), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-0\/30:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-0\/30:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:active\:stroke-surface-0\/30:active { + stroke: color-mix(in srgb, var(--surface-0), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-0\/40:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-0\/40:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:active\:stroke-surface-0\/40:active { + stroke: color-mix(in srgb, var(--surface-0), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-0\/50:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-0\/50:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:active\:stroke-surface-0\/50:active { + stroke: color-mix(in srgb, var(--surface-0), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-0\/60:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-0\/60:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:active\:stroke-surface-0\/60:active { + stroke: color-mix(in srgb, var(--surface-0), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-0\/70:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-0\/70:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:active\:stroke-surface-0\/70:active { + stroke: color-mix(in srgb, var(--surface-0), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-0\/80:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-0\/80:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:active\:stroke-surface-0\/80:active { + stroke: color-mix(in srgb, var(--surface-0), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-0\/90:focus { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-0\/90:hover { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:active\:stroke-surface-0\/90:active { + stroke: color-mix(in srgb, var(--surface-0), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-50:focus { + stroke: var(--surface-50) + } + .xl\:hover\:stroke-surface-50:hover { + stroke: var(--surface-50) + } + .xl\:active\:stroke-surface-50:active { + stroke: var(--surface-50) + } + .xl\:focus\:stroke-surface-50\/10:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-50\/10:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:active\:stroke-surface-50\/10:active { + stroke: color-mix(in srgb, var(--surface-50), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-50\/20:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-50\/20:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:active\:stroke-surface-50\/20:active { + stroke: color-mix(in srgb, var(--surface-50), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-50\/30:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-50\/30:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:active\:stroke-surface-50\/30:active { + stroke: color-mix(in srgb, var(--surface-50), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-50\/40:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-50\/40:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:active\:stroke-surface-50\/40:active { + stroke: color-mix(in srgb, var(--surface-50), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-50\/50:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-50\/50:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:active\:stroke-surface-50\/50:active { + stroke: color-mix(in srgb, var(--surface-50), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-50\/60:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-50\/60:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:active\:stroke-surface-50\/60:active { + stroke: color-mix(in srgb, var(--surface-50), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-50\/70:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-50\/70:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:active\:stroke-surface-50\/70:active { + stroke: color-mix(in srgb, var(--surface-50), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-50\/80:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-50\/80:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:active\:stroke-surface-50\/80:active { + stroke: color-mix(in srgb, var(--surface-50), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-50\/90:focus { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-50\/90:hover { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:active\:stroke-surface-50\/90:active { + stroke: color-mix(in srgb, var(--surface-50), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-100:focus { + stroke: var(--surface-100) + } + .xl\:hover\:stroke-surface-100:hover { + stroke: var(--surface-100) + } + .xl\:active\:stroke-surface-100:active { + stroke: var(--surface-100) + } + .xl\:focus\:stroke-surface-100\/10:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-100\/10:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:active\:stroke-surface-100\/10:active { + stroke: color-mix(in srgb, var(--surface-100), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-100\/20:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-100\/20:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:active\:stroke-surface-100\/20:active { + stroke: color-mix(in srgb, var(--surface-100), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-100\/30:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-100\/30:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:active\:stroke-surface-100\/30:active { + stroke: color-mix(in srgb, var(--surface-100), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-100\/40:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-100\/40:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:active\:stroke-surface-100\/40:active { + stroke: color-mix(in srgb, var(--surface-100), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-100\/50:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-100\/50:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:active\:stroke-surface-100\/50:active { + stroke: color-mix(in srgb, var(--surface-100), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-100\/60:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-100\/60:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:active\:stroke-surface-100\/60:active { + stroke: color-mix(in srgb, var(--surface-100), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-100\/70:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-100\/70:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:active\:stroke-surface-100\/70:active { + stroke: color-mix(in srgb, var(--surface-100), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-100\/80:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-100\/80:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:active\:stroke-surface-100\/80:active { + stroke: color-mix(in srgb, var(--surface-100), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-100\/90:focus { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-100\/90:hover { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:active\:stroke-surface-100\/90:active { + stroke: color-mix(in srgb, var(--surface-100), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-200:focus { + stroke: var(--surface-200) + } + .xl\:hover\:stroke-surface-200:hover { + stroke: var(--surface-200) + } + .xl\:active\:stroke-surface-200:active { + stroke: var(--surface-200) + } + .xl\:focus\:stroke-surface-200\/10:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-200\/10:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:active\:stroke-surface-200\/10:active { + stroke: color-mix(in srgb, var(--surface-200), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-200\/20:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-200\/20:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:active\:stroke-surface-200\/20:active { + stroke: color-mix(in srgb, var(--surface-200), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-200\/30:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-200\/30:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:active\:stroke-surface-200\/30:active { + stroke: color-mix(in srgb, var(--surface-200), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-200\/40:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-200\/40:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:active\:stroke-surface-200\/40:active { + stroke: color-mix(in srgb, var(--surface-200), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-200\/50:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-200\/50:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:active\:stroke-surface-200\/50:active { + stroke: color-mix(in srgb, var(--surface-200), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-200\/60:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-200\/60:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:active\:stroke-surface-200\/60:active { + stroke: color-mix(in srgb, var(--surface-200), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-200\/70:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-200\/70:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:active\:stroke-surface-200\/70:active { + stroke: color-mix(in srgb, var(--surface-200), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-200\/80:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-200\/80:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:active\:stroke-surface-200\/80:active { + stroke: color-mix(in srgb, var(--surface-200), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-200\/90:focus { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-200\/90:hover { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:active\:stroke-surface-200\/90:active { + stroke: color-mix(in srgb, var(--surface-200), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-300:focus { + stroke: var(--surface-300) + } + .xl\:hover\:stroke-surface-300:hover { + stroke: var(--surface-300) + } + .xl\:active\:stroke-surface-300:active { + stroke: var(--surface-300) + } + .xl\:focus\:stroke-surface-300\/10:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-300\/10:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:active\:stroke-surface-300\/10:active { + stroke: color-mix(in srgb, var(--surface-300), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-300\/20:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-300\/20:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:active\:stroke-surface-300\/20:active { + stroke: color-mix(in srgb, var(--surface-300), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-300\/30:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-300\/30:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:active\:stroke-surface-300\/30:active { + stroke: color-mix(in srgb, var(--surface-300), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-300\/40:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-300\/40:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:active\:stroke-surface-300\/40:active { + stroke: color-mix(in srgb, var(--surface-300), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-300\/50:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-300\/50:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:active\:stroke-surface-300\/50:active { + stroke: color-mix(in srgb, var(--surface-300), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-300\/60:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-300\/60:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:active\:stroke-surface-300\/60:active { + stroke: color-mix(in srgb, var(--surface-300), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-300\/70:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-300\/70:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:active\:stroke-surface-300\/70:active { + stroke: color-mix(in srgb, var(--surface-300), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-300\/80:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-300\/80:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:active\:stroke-surface-300\/80:active { + stroke: color-mix(in srgb, var(--surface-300), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-300\/90:focus { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-300\/90:hover { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:active\:stroke-surface-300\/90:active { + stroke: color-mix(in srgb, var(--surface-300), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-400:focus { + stroke: var(--surface-400) + } + .xl\:hover\:stroke-surface-400:hover { + stroke: var(--surface-400) + } + .xl\:active\:stroke-surface-400:active { + stroke: var(--surface-400) + } + .xl\:focus\:stroke-surface-400\/10:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-400\/10:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:active\:stroke-surface-400\/10:active { + stroke: color-mix(in srgb, var(--surface-400), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-400\/20:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-400\/20:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:active\:stroke-surface-400\/20:active { + stroke: color-mix(in srgb, var(--surface-400), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-400\/30:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-400\/30:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:active\:stroke-surface-400\/30:active { + stroke: color-mix(in srgb, var(--surface-400), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-400\/40:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-400\/40:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:active\:stroke-surface-400\/40:active { + stroke: color-mix(in srgb, var(--surface-400), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-400\/50:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-400\/50:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:active\:stroke-surface-400\/50:active { + stroke: color-mix(in srgb, var(--surface-400), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-400\/60:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-400\/60:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:active\:stroke-surface-400\/60:active { + stroke: color-mix(in srgb, var(--surface-400), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-400\/70:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-400\/70:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:active\:stroke-surface-400\/70:active { + stroke: color-mix(in srgb, var(--surface-400), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-400\/80:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-400\/80:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:active\:stroke-surface-400\/80:active { + stroke: color-mix(in srgb, var(--surface-400), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-400\/90:focus { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-400\/90:hover { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:active\:stroke-surface-400\/90:active { + stroke: color-mix(in srgb, var(--surface-400), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-500:focus { + stroke: var(--surface-500) + } + .xl\:hover\:stroke-surface-500:hover { + stroke: var(--surface-500) + } + .xl\:active\:stroke-surface-500:active { + stroke: var(--surface-500) + } + .xl\:focus\:stroke-surface-500\/10:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-500\/10:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:active\:stroke-surface-500\/10:active { + stroke: color-mix(in srgb, var(--surface-500), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-500\/20:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-500\/20:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:active\:stroke-surface-500\/20:active { + stroke: color-mix(in srgb, var(--surface-500), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-500\/30:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-500\/30:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:active\:stroke-surface-500\/30:active { + stroke: color-mix(in srgb, var(--surface-500), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-500\/40:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-500\/40:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:active\:stroke-surface-500\/40:active { + stroke: color-mix(in srgb, var(--surface-500), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-500\/50:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-500\/50:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:active\:stroke-surface-500\/50:active { + stroke: color-mix(in srgb, var(--surface-500), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-500\/60:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-500\/60:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:active\:stroke-surface-500\/60:active { + stroke: color-mix(in srgb, var(--surface-500), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-500\/70:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-500\/70:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:active\:stroke-surface-500\/70:active { + stroke: color-mix(in srgb, var(--surface-500), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-500\/80:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-500\/80:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:active\:stroke-surface-500\/80:active { + stroke: color-mix(in srgb, var(--surface-500), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-500\/90:focus { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-500\/90:hover { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:active\:stroke-surface-500\/90:active { + stroke: color-mix(in srgb, var(--surface-500), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-600:focus { + stroke: var(--surface-600) + } + .xl\:hover\:stroke-surface-600:hover { + stroke: var(--surface-600) + } + .xl\:active\:stroke-surface-600:active { + stroke: var(--surface-600) + } + .xl\:focus\:stroke-surface-600\/10:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-600\/10:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:active\:stroke-surface-600\/10:active { + stroke: color-mix(in srgb, var(--surface-600), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-600\/20:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-600\/20:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:active\:stroke-surface-600\/20:active { + stroke: color-mix(in srgb, var(--surface-600), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-600\/30:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-600\/30:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:active\:stroke-surface-600\/30:active { + stroke: color-mix(in srgb, var(--surface-600), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-600\/40:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-600\/40:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:active\:stroke-surface-600\/40:active { + stroke: color-mix(in srgb, var(--surface-600), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-600\/50:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-600\/50:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:active\:stroke-surface-600\/50:active { + stroke: color-mix(in srgb, var(--surface-600), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-600\/60:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-600\/60:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:active\:stroke-surface-600\/60:active { + stroke: color-mix(in srgb, var(--surface-600), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-600\/70:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-600\/70:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:active\:stroke-surface-600\/70:active { + stroke: color-mix(in srgb, var(--surface-600), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-600\/80:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-600\/80:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:active\:stroke-surface-600\/80:active { + stroke: color-mix(in srgb, var(--surface-600), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-600\/90:focus { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-600\/90:hover { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:active\:stroke-surface-600\/90:active { + stroke: color-mix(in srgb, var(--surface-600), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-700:focus { + stroke: var(--surface-700) + } + .xl\:hover\:stroke-surface-700:hover { + stroke: var(--surface-700) + } + .xl\:active\:stroke-surface-700:active { + stroke: var(--surface-700) + } + .xl\:focus\:stroke-surface-700\/10:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-700\/10:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:active\:stroke-surface-700\/10:active { + stroke: color-mix(in srgb, var(--surface-700), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-700\/20:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-700\/20:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:active\:stroke-surface-700\/20:active { + stroke: color-mix(in srgb, var(--surface-700), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-700\/30:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-700\/30:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:active\:stroke-surface-700\/30:active { + stroke: color-mix(in srgb, var(--surface-700), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-700\/40:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-700\/40:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:active\:stroke-surface-700\/40:active { + stroke: color-mix(in srgb, var(--surface-700), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-700\/50:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-700\/50:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:active\:stroke-surface-700\/50:active { + stroke: color-mix(in srgb, var(--surface-700), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-700\/60:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-700\/60:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:active\:stroke-surface-700\/60:active { + stroke: color-mix(in srgb, var(--surface-700), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-700\/70:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-700\/70:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:active\:stroke-surface-700\/70:active { + stroke: color-mix(in srgb, var(--surface-700), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-700\/80:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-700\/80:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:active\:stroke-surface-700\/80:active { + stroke: color-mix(in srgb, var(--surface-700), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-700\/90:focus { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-700\/90:hover { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:active\:stroke-surface-700\/90:active { + stroke: color-mix(in srgb, var(--surface-700), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-800:focus { + stroke: var(--surface-800) + } + .xl\:hover\:stroke-surface-800:hover { + stroke: var(--surface-800) + } + .xl\:active\:stroke-surface-800:active { + stroke: var(--surface-800) + } + .xl\:focus\:stroke-surface-800\/10:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-800\/10:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:active\:stroke-surface-800\/10:active { + stroke: color-mix(in srgb, var(--surface-800), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-800\/20:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-800\/20:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:active\:stroke-surface-800\/20:active { + stroke: color-mix(in srgb, var(--surface-800), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-800\/30:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-800\/30:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:active\:stroke-surface-800\/30:active { + stroke: color-mix(in srgb, var(--surface-800), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-800\/40:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-800\/40:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:active\:stroke-surface-800\/40:active { + stroke: color-mix(in srgb, var(--surface-800), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-800\/50:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-800\/50:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:active\:stroke-surface-800\/50:active { + stroke: color-mix(in srgb, var(--surface-800), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-800\/60:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-800\/60:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:active\:stroke-surface-800\/60:active { + stroke: color-mix(in srgb, var(--surface-800), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-800\/70:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-800\/70:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:active\:stroke-surface-800\/70:active { + stroke: color-mix(in srgb, var(--surface-800), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-800\/80:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-800\/80:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:active\:stroke-surface-800\/80:active { + stroke: color-mix(in srgb, var(--surface-800), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-800\/90:focus { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-800\/90:hover { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:active\:stroke-surface-800\/90:active { + stroke: color-mix(in srgb, var(--surface-800), 0.9%, transparent) + } + .xl\:focus\:stroke-surface-900:focus { + stroke: var(--surface-900) + } + .xl\:hover\:stroke-surface-900:hover { + stroke: var(--surface-900) + } + .xl\:active\:stroke-surface-900:active { + stroke: var(--surface-900) + } + .xl\:focus\:stroke-surface-900\/10:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:hover\:stroke-surface-900\/10:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:active\:stroke-surface-900\/10:active { + stroke: color-mix(in srgb, var(--surface-900), 0.1%, transparent) + } + .xl\:focus\:stroke-surface-900\/20:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:hover\:stroke-surface-900\/20:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:active\:stroke-surface-900\/20:active { + stroke: color-mix(in srgb, var(--surface-900), 0.2%, transparent) + } + .xl\:focus\:stroke-surface-900\/30:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:hover\:stroke-surface-900\/30:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:active\:stroke-surface-900\/30:active { + stroke: color-mix(in srgb, var(--surface-900), 0.3%, transparent) + } + .xl\:focus\:stroke-surface-900\/40:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:hover\:stroke-surface-900\/40:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:active\:stroke-surface-900\/40:active { + stroke: color-mix(in srgb, var(--surface-900), 0.4%, transparent) + } + .xl\:focus\:stroke-surface-900\/50:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:hover\:stroke-surface-900\/50:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:active\:stroke-surface-900\/50:active { + stroke: color-mix(in srgb, var(--surface-900), 0.5%, transparent) + } + .xl\:focus\:stroke-surface-900\/60:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:hover\:stroke-surface-900\/60:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:active\:stroke-surface-900\/60:active { + stroke: color-mix(in srgb, var(--surface-900), 0.6%, transparent) + } + .xl\:focus\:stroke-surface-900\/70:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:hover\:stroke-surface-900\/70:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:active\:stroke-surface-900\/70:active { + stroke: color-mix(in srgb, var(--surface-900), 0.7%, transparent) + } + .xl\:focus\:stroke-surface-900\/80:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:hover\:stroke-surface-900\/80:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:active\:stroke-surface-900\/80:active { + stroke: color-mix(in srgb, var(--surface-900), 0.8%, transparent) + } + .xl\:focus\:stroke-surface-900\/90:focus { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:hover\:stroke-surface-900\/90:hover { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:active\:stroke-surface-900\/90:active { + stroke: color-mix(in srgb, var(--surface-900), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-50:focus { + stroke: var(--primary-50) + } + .xl\:hover\:stroke-primary-50:hover { + stroke: var(--primary-50) + } + .xl\:active\:stroke-primary-50:active { + stroke: var(--primary-50) + } + .xl\:focus\:stroke-primary-50\/10:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-50\/10:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:active\:stroke-primary-50\/10:active { + stroke: color-mix(in srgb, var(--primary-50), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-50\/20:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-50\/20:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:active\:stroke-primary-50\/20:active { + stroke: color-mix(in srgb, var(--primary-50), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-50\/30:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-50\/30:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:active\:stroke-primary-50\/30:active { + stroke: color-mix(in srgb, var(--primary-50), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-50\/40:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-50\/40:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:active\:stroke-primary-50\/40:active { + stroke: color-mix(in srgb, var(--primary-50), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-50\/50:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-50\/50:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:active\:stroke-primary-50\/50:active { + stroke: color-mix(in srgb, var(--primary-50), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-50\/60:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-50\/60:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:active\:stroke-primary-50\/60:active { + stroke: color-mix(in srgb, var(--primary-50), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-50\/70:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-50\/70:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:active\:stroke-primary-50\/70:active { + stroke: color-mix(in srgb, var(--primary-50), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-50\/80:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-50\/80:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:active\:stroke-primary-50\/80:active { + stroke: color-mix(in srgb, var(--primary-50), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-50\/90:focus { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-50\/90:hover { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:active\:stroke-primary-50\/90:active { + stroke: color-mix(in srgb, var(--primary-50), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-100:focus { + stroke: var(--primary-100) + } + .xl\:hover\:stroke-primary-100:hover { + stroke: var(--primary-100) + } + .xl\:active\:stroke-primary-100:active { + stroke: var(--primary-100) + } + .xl\:focus\:stroke-primary-100\/10:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-100\/10:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:active\:stroke-primary-100\/10:active { + stroke: color-mix(in srgb, var(--primary-100), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-100\/20:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-100\/20:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:active\:stroke-primary-100\/20:active { + stroke: color-mix(in srgb, var(--primary-100), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-100\/30:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-100\/30:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:active\:stroke-primary-100\/30:active { + stroke: color-mix(in srgb, var(--primary-100), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-100\/40:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-100\/40:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:active\:stroke-primary-100\/40:active { + stroke: color-mix(in srgb, var(--primary-100), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-100\/50:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-100\/50:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:active\:stroke-primary-100\/50:active { + stroke: color-mix(in srgb, var(--primary-100), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-100\/60:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-100\/60:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:active\:stroke-primary-100\/60:active { + stroke: color-mix(in srgb, var(--primary-100), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-100\/70:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-100\/70:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:active\:stroke-primary-100\/70:active { + stroke: color-mix(in srgb, var(--primary-100), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-100\/80:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-100\/80:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:active\:stroke-primary-100\/80:active { + stroke: color-mix(in srgb, var(--primary-100), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-100\/90:focus { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-100\/90:hover { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:active\:stroke-primary-100\/90:active { + stroke: color-mix(in srgb, var(--primary-100), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-200:focus { + stroke: var(--primary-200) + } + .xl\:hover\:stroke-primary-200:hover { + stroke: var(--primary-200) + } + .xl\:active\:stroke-primary-200:active { + stroke: var(--primary-200) + } + .xl\:focus\:stroke-primary-200\/10:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-200\/10:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:active\:stroke-primary-200\/10:active { + stroke: color-mix(in srgb, var(--primary-200), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-200\/20:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-200\/20:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:active\:stroke-primary-200\/20:active { + stroke: color-mix(in srgb, var(--primary-200), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-200\/30:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-200\/30:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:active\:stroke-primary-200\/30:active { + stroke: color-mix(in srgb, var(--primary-200), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-200\/40:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-200\/40:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:active\:stroke-primary-200\/40:active { + stroke: color-mix(in srgb, var(--primary-200), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-200\/50:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-200\/50:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:active\:stroke-primary-200\/50:active { + stroke: color-mix(in srgb, var(--primary-200), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-200\/60:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-200\/60:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:active\:stroke-primary-200\/60:active { + stroke: color-mix(in srgb, var(--primary-200), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-200\/70:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-200\/70:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:active\:stroke-primary-200\/70:active { + stroke: color-mix(in srgb, var(--primary-200), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-200\/80:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-200\/80:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:active\:stroke-primary-200\/80:active { + stroke: color-mix(in srgb, var(--primary-200), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-200\/90:focus { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-200\/90:hover { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:active\:stroke-primary-200\/90:active { + stroke: color-mix(in srgb, var(--primary-200), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-300:focus { + stroke: var(--primary-300) + } + .xl\:hover\:stroke-primary-300:hover { + stroke: var(--primary-300) + } + .xl\:active\:stroke-primary-300:active { + stroke: var(--primary-300) + } + .xl\:focus\:stroke-primary-300\/10:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-300\/10:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:active\:stroke-primary-300\/10:active { + stroke: color-mix(in srgb, var(--primary-300), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-300\/20:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-300\/20:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:active\:stroke-primary-300\/20:active { + stroke: color-mix(in srgb, var(--primary-300), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-300\/30:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-300\/30:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:active\:stroke-primary-300\/30:active { + stroke: color-mix(in srgb, var(--primary-300), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-300\/40:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-300\/40:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:active\:stroke-primary-300\/40:active { + stroke: color-mix(in srgb, var(--primary-300), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-300\/50:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-300\/50:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:active\:stroke-primary-300\/50:active { + stroke: color-mix(in srgb, var(--primary-300), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-300\/60:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-300\/60:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:active\:stroke-primary-300\/60:active { + stroke: color-mix(in srgb, var(--primary-300), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-300\/70:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-300\/70:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:active\:stroke-primary-300\/70:active { + stroke: color-mix(in srgb, var(--primary-300), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-300\/80:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-300\/80:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:active\:stroke-primary-300\/80:active { + stroke: color-mix(in srgb, var(--primary-300), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-300\/90:focus { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-300\/90:hover { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:active\:stroke-primary-300\/90:active { + stroke: color-mix(in srgb, var(--primary-300), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-400:focus { + stroke: var(--primary-400) + } + .xl\:hover\:stroke-primary-400:hover { + stroke: var(--primary-400) + } + .xl\:active\:stroke-primary-400:active { + stroke: var(--primary-400) + } + .xl\:focus\:stroke-primary-400\/10:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-400\/10:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:active\:stroke-primary-400\/10:active { + stroke: color-mix(in srgb, var(--primary-400), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-400\/20:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-400\/20:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:active\:stroke-primary-400\/20:active { + stroke: color-mix(in srgb, var(--primary-400), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-400\/30:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-400\/30:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:active\:stroke-primary-400\/30:active { + stroke: color-mix(in srgb, var(--primary-400), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-400\/40:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-400\/40:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:active\:stroke-primary-400\/40:active { + stroke: color-mix(in srgb, var(--primary-400), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-400\/50:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-400\/50:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:active\:stroke-primary-400\/50:active { + stroke: color-mix(in srgb, var(--primary-400), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-400\/60:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-400\/60:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:active\:stroke-primary-400\/60:active { + stroke: color-mix(in srgb, var(--primary-400), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-400\/70:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-400\/70:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:active\:stroke-primary-400\/70:active { + stroke: color-mix(in srgb, var(--primary-400), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-400\/80:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-400\/80:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:active\:stroke-primary-400\/80:active { + stroke: color-mix(in srgb, var(--primary-400), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-400\/90:focus { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-400\/90:hover { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:active\:stroke-primary-400\/90:active { + stroke: color-mix(in srgb, var(--primary-400), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-500:focus { + stroke: var(--primary-500) + } + .xl\:hover\:stroke-primary-500:hover { + stroke: var(--primary-500) + } + .xl\:active\:stroke-primary-500:active { + stroke: var(--primary-500) + } + .xl\:focus\:stroke-primary-500\/10:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-500\/10:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:active\:stroke-primary-500\/10:active { + stroke: color-mix(in srgb, var(--primary-500), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-500\/20:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-500\/20:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:active\:stroke-primary-500\/20:active { + stroke: color-mix(in srgb, var(--primary-500), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-500\/30:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-500\/30:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:active\:stroke-primary-500\/30:active { + stroke: color-mix(in srgb, var(--primary-500), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-500\/40:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-500\/40:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:active\:stroke-primary-500\/40:active { + stroke: color-mix(in srgb, var(--primary-500), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-500\/50:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-500\/50:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:active\:stroke-primary-500\/50:active { + stroke: color-mix(in srgb, var(--primary-500), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-500\/60:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-500\/60:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:active\:stroke-primary-500\/60:active { + stroke: color-mix(in srgb, var(--primary-500), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-500\/70:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-500\/70:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:active\:stroke-primary-500\/70:active { + stroke: color-mix(in srgb, var(--primary-500), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-500\/80:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-500\/80:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:active\:stroke-primary-500\/80:active { + stroke: color-mix(in srgb, var(--primary-500), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-500\/90:focus { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-500\/90:hover { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:active\:stroke-primary-500\/90:active { + stroke: color-mix(in srgb, var(--primary-500), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-600:focus { + stroke: var(--primary-600) + } + .xl\:hover\:stroke-primary-600:hover { + stroke: var(--primary-600) + } + .xl\:active\:stroke-primary-600:active { + stroke: var(--primary-600) + } + .xl\:focus\:stroke-primary-600\/10:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-600\/10:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:active\:stroke-primary-600\/10:active { + stroke: color-mix(in srgb, var(--primary-600), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-600\/20:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-600\/20:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:active\:stroke-primary-600\/20:active { + stroke: color-mix(in srgb, var(--primary-600), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-600\/30:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-600\/30:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:active\:stroke-primary-600\/30:active { + stroke: color-mix(in srgb, var(--primary-600), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-600\/40:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-600\/40:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:active\:stroke-primary-600\/40:active { + stroke: color-mix(in srgb, var(--primary-600), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-600\/50:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-600\/50:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:active\:stroke-primary-600\/50:active { + stroke: color-mix(in srgb, var(--primary-600), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-600\/60:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-600\/60:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:active\:stroke-primary-600\/60:active { + stroke: color-mix(in srgb, var(--primary-600), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-600\/70:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-600\/70:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:active\:stroke-primary-600\/70:active { + stroke: color-mix(in srgb, var(--primary-600), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-600\/80:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-600\/80:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:active\:stroke-primary-600\/80:active { + stroke: color-mix(in srgb, var(--primary-600), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-600\/90:focus { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-600\/90:hover { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:active\:stroke-primary-600\/90:active { + stroke: color-mix(in srgb, var(--primary-600), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-700:focus { + stroke: var(--primary-700) + } + .xl\:hover\:stroke-primary-700:hover { + stroke: var(--primary-700) + } + .xl\:active\:stroke-primary-700:active { + stroke: var(--primary-700) + } + .xl\:focus\:stroke-primary-700\/10:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-700\/10:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:active\:stroke-primary-700\/10:active { + stroke: color-mix(in srgb, var(--primary-700), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-700\/20:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-700\/20:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:active\:stroke-primary-700\/20:active { + stroke: color-mix(in srgb, var(--primary-700), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-700\/30:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-700\/30:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:active\:stroke-primary-700\/30:active { + stroke: color-mix(in srgb, var(--primary-700), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-700\/40:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-700\/40:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:active\:stroke-primary-700\/40:active { + stroke: color-mix(in srgb, var(--primary-700), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-700\/50:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-700\/50:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:active\:stroke-primary-700\/50:active { + stroke: color-mix(in srgb, var(--primary-700), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-700\/60:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-700\/60:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:active\:stroke-primary-700\/60:active { + stroke: color-mix(in srgb, var(--primary-700), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-700\/70:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-700\/70:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:active\:stroke-primary-700\/70:active { + stroke: color-mix(in srgb, var(--primary-700), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-700\/80:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-700\/80:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:active\:stroke-primary-700\/80:active { + stroke: color-mix(in srgb, var(--primary-700), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-700\/90:focus { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-700\/90:hover { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:active\:stroke-primary-700\/90:active { + stroke: color-mix(in srgb, var(--primary-700), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-800:focus { + stroke: var(--primary-800) + } + .xl\:hover\:stroke-primary-800:hover { + stroke: var(--primary-800) + } + .xl\:active\:stroke-primary-800:active { + stroke: var(--primary-800) + } + .xl\:focus\:stroke-primary-800\/10:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-800\/10:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:active\:stroke-primary-800\/10:active { + stroke: color-mix(in srgb, var(--primary-800), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-800\/20:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-800\/20:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:active\:stroke-primary-800\/20:active { + stroke: color-mix(in srgb, var(--primary-800), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-800\/30:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-800\/30:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:active\:stroke-primary-800\/30:active { + stroke: color-mix(in srgb, var(--primary-800), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-800\/40:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-800\/40:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:active\:stroke-primary-800\/40:active { + stroke: color-mix(in srgb, var(--primary-800), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-800\/50:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-800\/50:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:active\:stroke-primary-800\/50:active { + stroke: color-mix(in srgb, var(--primary-800), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-800\/60:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-800\/60:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:active\:stroke-primary-800\/60:active { + stroke: color-mix(in srgb, var(--primary-800), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-800\/70:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-800\/70:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:active\:stroke-primary-800\/70:active { + stroke: color-mix(in srgb, var(--primary-800), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-800\/80:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-800\/80:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:active\:stroke-primary-800\/80:active { + stroke: color-mix(in srgb, var(--primary-800), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-800\/90:focus { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-800\/90:hover { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:active\:stroke-primary-800\/90:active { + stroke: color-mix(in srgb, var(--primary-800), 0.9%, transparent) + } + .xl\:focus\:stroke-primary-900:focus { + stroke: var(--primary-900) + } + .xl\:hover\:stroke-primary-900:hover { + stroke: var(--primary-900) + } + .xl\:active\:stroke-primary-900:active { + stroke: var(--primary-900) + } + .xl\:focus\:stroke-primary-900\/10:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:hover\:stroke-primary-900\/10:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:active\:stroke-primary-900\/10:active { + stroke: color-mix(in srgb, var(--primary-900), 0.1%, transparent) + } + .xl\:focus\:stroke-primary-900\/20:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:hover\:stroke-primary-900\/20:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:active\:stroke-primary-900\/20:active { + stroke: color-mix(in srgb, var(--primary-900), 0.2%, transparent) + } + .xl\:focus\:stroke-primary-900\/30:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:hover\:stroke-primary-900\/30:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:active\:stroke-primary-900\/30:active { + stroke: color-mix(in srgb, var(--primary-900), 0.3%, transparent) + } + .xl\:focus\:stroke-primary-900\/40:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:hover\:stroke-primary-900\/40:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:active\:stroke-primary-900\/40:active { + stroke: color-mix(in srgb, var(--primary-900), 0.4%, transparent) + } + .xl\:focus\:stroke-primary-900\/50:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:hover\:stroke-primary-900\/50:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:active\:stroke-primary-900\/50:active { + stroke: color-mix(in srgb, var(--primary-900), 0.5%, transparent) + } + .xl\:focus\:stroke-primary-900\/60:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:hover\:stroke-primary-900\/60:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:active\:stroke-primary-900\/60:active { + stroke: color-mix(in srgb, var(--primary-900), 0.6%, transparent) + } + .xl\:focus\:stroke-primary-900\/70:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:hover\:stroke-primary-900\/70:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:active\:stroke-primary-900\/70:active { + stroke: color-mix(in srgb, var(--primary-900), 0.7%, transparent) + } + .xl\:focus\:stroke-primary-900\/80:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:hover\:stroke-primary-900\/80:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:active\:stroke-primary-900\/80:active { + stroke: color-mix(in srgb, var(--primary-900), 0.8%, transparent) + } + .xl\:focus\:stroke-primary-900\/90:focus { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:hover\:stroke-primary-900\/90:hover { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } + .xl\:active\:stroke-primary-900\/90:active { + stroke: color-mix(in srgb, var(--primary-900), 0.9%, transparent) + } +} +.stroke-white\/10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.stroke-white-alpha-10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.stroke-black\/10 { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.stroke-black-alpha-10 { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.stroke-white\/20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.stroke-white-alpha-20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.stroke-black\/20 { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.stroke-black-alpha-20 { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.stroke-white\/30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.stroke-white-alpha-30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.stroke-black\/30 { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.stroke-black-alpha-30 { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.stroke-white\/40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.stroke-white-alpha-40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.stroke-black\/40 { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.stroke-black-alpha-40 { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.stroke-white\/50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.stroke-white-alpha-50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.stroke-black\/50 { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.stroke-black-alpha-50 { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.stroke-white\/60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.stroke-white-alpha-60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.stroke-black\/60 { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.stroke-black-alpha-60 { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.stroke-white\/70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.stroke-white-alpha-70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.stroke-black\/70 { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.stroke-black-alpha-70 { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.stroke-white\/80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.stroke-white-alpha-80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.stroke-black\/80 { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.stroke-black-alpha-80 { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.stroke-white\/90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.stroke-white-alpha-90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.stroke-black\/90 { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.stroke-black-alpha-90 { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:stroke-white\/10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:stroke-white\/10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:stroke-white\/10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:stroke-white-alpha-10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.hover\:stroke-white-alpha-10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.active\:stroke-white-alpha-10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) +} +.focus\:stroke-black\/10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:stroke-black\/10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.active\:stroke-black\/10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:stroke-black-alpha-10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.hover\:stroke-black-alpha-10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.active\:stroke-black-alpha-10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) +} +.focus\:stroke-white\/20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:stroke-white\/20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:stroke-white\/20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:stroke-white-alpha-20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.hover\:stroke-white-alpha-20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.active\:stroke-white-alpha-20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) +} +.focus\:stroke-black\/20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:stroke-black\/20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.active\:stroke-black\/20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:stroke-black-alpha-20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.hover\:stroke-black-alpha-20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.active\:stroke-black-alpha-20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) +} +.focus\:stroke-white\/30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:stroke-white\/30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:stroke-white\/30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:stroke-white-alpha-30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.hover\:stroke-white-alpha-30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.active\:stroke-white-alpha-30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) +} +.focus\:stroke-black\/30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:stroke-black\/30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.active\:stroke-black\/30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:stroke-black-alpha-30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.hover\:stroke-black-alpha-30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.active\:stroke-black-alpha-30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) +} +.focus\:stroke-white\/40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:stroke-white\/40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:stroke-white\/40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:stroke-white-alpha-40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.hover\:stroke-white-alpha-40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.active\:stroke-white-alpha-40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) +} +.focus\:stroke-black\/40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:stroke-black\/40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.active\:stroke-black\/40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:stroke-black-alpha-40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.hover\:stroke-black-alpha-40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.active\:stroke-black-alpha-40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) +} +.focus\:stroke-white\/50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:stroke-white\/50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:stroke-white\/50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:stroke-white-alpha-50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.hover\:stroke-white-alpha-50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.active\:stroke-white-alpha-50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) +} +.focus\:stroke-black\/50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:stroke-black\/50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.active\:stroke-black\/50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:stroke-black-alpha-50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.hover\:stroke-black-alpha-50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.active\:stroke-black-alpha-50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) +} +.focus\:stroke-white\/60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:stroke-white\/60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:stroke-white\/60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:stroke-white-alpha-60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.hover\:stroke-white-alpha-60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.active\:stroke-white-alpha-60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) +} +.focus\:stroke-black\/60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:stroke-black\/60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.active\:stroke-black\/60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:stroke-black-alpha-60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.hover\:stroke-black-alpha-60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.active\:stroke-black-alpha-60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) +} +.focus\:stroke-white\/70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:stroke-white\/70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:stroke-white\/70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:stroke-white-alpha-70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.hover\:stroke-white-alpha-70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.active\:stroke-white-alpha-70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) +} +.focus\:stroke-black\/70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:stroke-black\/70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.active\:stroke-black\/70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:stroke-black-alpha-70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.hover\:stroke-black-alpha-70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.active\:stroke-black-alpha-70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) +} +.focus\:stroke-white\/80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:stroke-white\/80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:stroke-white\/80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:stroke-white-alpha-80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.hover\:stroke-white-alpha-80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.active\:stroke-white-alpha-80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) +} +.focus\:stroke-black\/80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:stroke-black\/80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.active\:stroke-black\/80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:stroke-black-alpha-80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.hover\:stroke-black-alpha-80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.active\:stroke-black-alpha-80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) +} +.focus\:stroke-white\/90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:stroke-white\/90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:stroke-white\/90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:stroke-white-alpha-90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.hover\:stroke-white-alpha-90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.active\:stroke-white-alpha-90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) +} +.focus\:stroke-black\/90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:stroke-black\/90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.active\:stroke-black\/90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.focus\:stroke-black-alpha-90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.hover\:stroke-black-alpha-90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +.active\:stroke-black-alpha-90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) +} +@media screen and (min-width: 576px) { + .sm\:stroke-white\/10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:stroke-white-alpha-10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:stroke-black\/10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:stroke-black-alpha-10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:stroke-white\/20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:stroke-white-alpha-20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:stroke-black\/20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:stroke-black-alpha-20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:stroke-white\/30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:stroke-white-alpha-30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:stroke-black\/30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:stroke-black-alpha-30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:stroke-white\/40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:stroke-white-alpha-40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:stroke-black\/40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:stroke-black-alpha-40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:stroke-white\/50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:stroke-white-alpha-50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:stroke-black\/50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:stroke-black-alpha-50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:stroke-white\/60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:stroke-white-alpha-60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:stroke-black\/60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:stroke-black-alpha-60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:stroke-white\/70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:stroke-white-alpha-70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:stroke-black\/70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:stroke-black-alpha-70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:stroke-white\/80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:stroke-white-alpha-80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:stroke-black\/80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:stroke-black-alpha-80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:stroke-white\/90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:stroke-white-alpha-90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:stroke-black\/90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:stroke-black-alpha-90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:stroke-white\/10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:stroke-white\/10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:stroke-white\/10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:stroke-white-alpha-10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:hover\:stroke-white-alpha-10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:active\:stroke-white-alpha-10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .sm\:focus\:stroke-black\/10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:stroke-black\/10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:stroke-black\/10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:stroke-black-alpha-10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:hover\:stroke-black-alpha-10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:active\:stroke-black-alpha-10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .sm\:focus\:stroke-white\/20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:stroke-white\/20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:stroke-white\/20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:stroke-white-alpha-20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:hover\:stroke-white-alpha-20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:active\:stroke-white-alpha-20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .sm\:focus\:stroke-black\/20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:stroke-black\/20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:stroke-black\/20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:stroke-black-alpha-20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:hover\:stroke-black-alpha-20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:active\:stroke-black-alpha-20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .sm\:focus\:stroke-white\/30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:stroke-white\/30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:stroke-white\/30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:stroke-white-alpha-30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:hover\:stroke-white-alpha-30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:active\:stroke-white-alpha-30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .sm\:focus\:stroke-black\/30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:stroke-black\/30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:stroke-black\/30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:stroke-black-alpha-30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:hover\:stroke-black-alpha-30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:active\:stroke-black-alpha-30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .sm\:focus\:stroke-white\/40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:stroke-white\/40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:stroke-white\/40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:stroke-white-alpha-40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:hover\:stroke-white-alpha-40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:active\:stroke-white-alpha-40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .sm\:focus\:stroke-black\/40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:stroke-black\/40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:stroke-black\/40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:stroke-black-alpha-40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:hover\:stroke-black-alpha-40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:active\:stroke-black-alpha-40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .sm\:focus\:stroke-white\/50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:stroke-white\/50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:stroke-white\/50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:stroke-white-alpha-50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:hover\:stroke-white-alpha-50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:active\:stroke-white-alpha-50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .sm\:focus\:stroke-black\/50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:stroke-black\/50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:stroke-black\/50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:stroke-black-alpha-50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:hover\:stroke-black-alpha-50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:active\:stroke-black-alpha-50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .sm\:focus\:stroke-white\/60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:stroke-white\/60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:stroke-white\/60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:stroke-white-alpha-60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:hover\:stroke-white-alpha-60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:active\:stroke-white-alpha-60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .sm\:focus\:stroke-black\/60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:stroke-black\/60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:stroke-black\/60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:stroke-black-alpha-60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:hover\:stroke-black-alpha-60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:active\:stroke-black-alpha-60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .sm\:focus\:stroke-white\/70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:stroke-white\/70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:stroke-white\/70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:stroke-white-alpha-70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:hover\:stroke-white-alpha-70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:active\:stroke-white-alpha-70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .sm\:focus\:stroke-black\/70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:stroke-black\/70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:stroke-black\/70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:stroke-black-alpha-70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:hover\:stroke-black-alpha-70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:active\:stroke-black-alpha-70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .sm\:focus\:stroke-white\/80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:stroke-white\/80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:stroke-white\/80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:stroke-white-alpha-80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:hover\:stroke-white-alpha-80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:active\:stroke-white-alpha-80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .sm\:focus\:stroke-black\/80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:stroke-black\/80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:stroke-black\/80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:stroke-black-alpha-80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:hover\:stroke-black-alpha-80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:active\:stroke-black-alpha-80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .sm\:focus\:stroke-white\/90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:stroke-white\/90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:stroke-white\/90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:stroke-white-alpha-90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:hover\:stroke-white-alpha-90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:active\:stroke-white-alpha-90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .sm\:focus\:stroke-black\/90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:stroke-black\/90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:stroke-black\/90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:focus\:stroke-black-alpha-90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:hover\:stroke-black-alpha-90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .sm\:active\:stroke-black-alpha-90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 768px) { + .md\:stroke-white\/10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:stroke-white-alpha-10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:stroke-black\/10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:stroke-black-alpha-10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:stroke-white\/20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:stroke-white-alpha-20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:stroke-black\/20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:stroke-black-alpha-20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:stroke-white\/30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:stroke-white-alpha-30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:stroke-black\/30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:stroke-black-alpha-30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:stroke-white\/40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:stroke-white-alpha-40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:stroke-black\/40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:stroke-black-alpha-40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:stroke-white\/50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:stroke-white-alpha-50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:stroke-black\/50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:stroke-black-alpha-50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:stroke-white\/60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:stroke-white-alpha-60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:stroke-black\/60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:stroke-black-alpha-60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:stroke-white\/70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:stroke-white-alpha-70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:stroke-black\/70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:stroke-black-alpha-70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:stroke-white\/80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:stroke-white-alpha-80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:stroke-black\/80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:stroke-black-alpha-80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:stroke-white\/90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:stroke-white-alpha-90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:stroke-black\/90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:stroke-black-alpha-90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:stroke-white\/10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:stroke-white\/10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:stroke-white\/10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:stroke-white-alpha-10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:hover\:stroke-white-alpha-10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:active\:stroke-white-alpha-10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .md\:focus\:stroke-black\/10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:stroke-black\/10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:stroke-black\/10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:stroke-black-alpha-10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:hover\:stroke-black-alpha-10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:active\:stroke-black-alpha-10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .md\:focus\:stroke-white\/20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:stroke-white\/20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:stroke-white\/20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:stroke-white-alpha-20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:hover\:stroke-white-alpha-20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:active\:stroke-white-alpha-20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .md\:focus\:stroke-black\/20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:stroke-black\/20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:stroke-black\/20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:stroke-black-alpha-20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:hover\:stroke-black-alpha-20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:active\:stroke-black-alpha-20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .md\:focus\:stroke-white\/30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:stroke-white\/30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:stroke-white\/30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:stroke-white-alpha-30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:hover\:stroke-white-alpha-30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:active\:stroke-white-alpha-30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .md\:focus\:stroke-black\/30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:stroke-black\/30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:stroke-black\/30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:stroke-black-alpha-30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:hover\:stroke-black-alpha-30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:active\:stroke-black-alpha-30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .md\:focus\:stroke-white\/40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:stroke-white\/40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:stroke-white\/40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:stroke-white-alpha-40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:hover\:stroke-white-alpha-40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:active\:stroke-white-alpha-40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .md\:focus\:stroke-black\/40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:stroke-black\/40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:stroke-black\/40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:stroke-black-alpha-40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:hover\:stroke-black-alpha-40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:active\:stroke-black-alpha-40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .md\:focus\:stroke-white\/50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:stroke-white\/50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:stroke-white\/50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:stroke-white-alpha-50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:hover\:stroke-white-alpha-50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:active\:stroke-white-alpha-50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .md\:focus\:stroke-black\/50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:stroke-black\/50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:stroke-black\/50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:stroke-black-alpha-50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:hover\:stroke-black-alpha-50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:active\:stroke-black-alpha-50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .md\:focus\:stroke-white\/60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:stroke-white\/60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:stroke-white\/60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:stroke-white-alpha-60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:hover\:stroke-white-alpha-60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:active\:stroke-white-alpha-60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .md\:focus\:stroke-black\/60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:stroke-black\/60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:stroke-black\/60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:stroke-black-alpha-60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:hover\:stroke-black-alpha-60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:active\:stroke-black-alpha-60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .md\:focus\:stroke-white\/70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:stroke-white\/70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:stroke-white\/70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:stroke-white-alpha-70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:hover\:stroke-white-alpha-70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:active\:stroke-white-alpha-70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .md\:focus\:stroke-black\/70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:stroke-black\/70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:stroke-black\/70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:stroke-black-alpha-70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:hover\:stroke-black-alpha-70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:active\:stroke-black-alpha-70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .md\:focus\:stroke-white\/80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:stroke-white\/80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:stroke-white\/80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:stroke-white-alpha-80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:hover\:stroke-white-alpha-80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:active\:stroke-white-alpha-80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .md\:focus\:stroke-black\/80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:stroke-black\/80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:stroke-black\/80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:stroke-black-alpha-80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:hover\:stroke-black-alpha-80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:active\:stroke-black-alpha-80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .md\:focus\:stroke-white\/90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:stroke-white\/90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:stroke-white\/90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:stroke-white-alpha-90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:hover\:stroke-white-alpha-90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:active\:stroke-white-alpha-90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .md\:focus\:stroke-black\/90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:stroke-black\/90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:stroke-black\/90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:focus\:stroke-black-alpha-90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:hover\:stroke-black-alpha-90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .md\:active\:stroke-black-alpha-90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 992px) { + .lg\:stroke-white\/10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:stroke-white-alpha-10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:stroke-black\/10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:stroke-black-alpha-10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:stroke-white\/20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:stroke-white-alpha-20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:stroke-black\/20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:stroke-black-alpha-20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:stroke-white\/30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:stroke-white-alpha-30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:stroke-black\/30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:stroke-black-alpha-30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:stroke-white\/40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:stroke-white-alpha-40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:stroke-black\/40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:stroke-black-alpha-40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:stroke-white\/50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:stroke-white-alpha-50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:stroke-black\/50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:stroke-black-alpha-50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:stroke-white\/60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:stroke-white-alpha-60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:stroke-black\/60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:stroke-black-alpha-60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:stroke-white\/70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:stroke-white-alpha-70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:stroke-black\/70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:stroke-black-alpha-70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:stroke-white\/80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:stroke-white-alpha-80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:stroke-black\/80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:stroke-black-alpha-80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:stroke-white\/90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:stroke-white-alpha-90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:stroke-black\/90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:stroke-black-alpha-90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:stroke-white\/10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:stroke-white\/10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:stroke-white\/10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:stroke-white-alpha-10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:hover\:stroke-white-alpha-10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:active\:stroke-white-alpha-10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .lg\:focus\:stroke-black\/10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:stroke-black\/10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:stroke-black\/10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:stroke-black-alpha-10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:hover\:stroke-black-alpha-10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:active\:stroke-black-alpha-10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .lg\:focus\:stroke-white\/20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:stroke-white\/20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:stroke-white\/20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:stroke-white-alpha-20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:hover\:stroke-white-alpha-20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:active\:stroke-white-alpha-20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .lg\:focus\:stroke-black\/20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:stroke-black\/20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:stroke-black\/20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:stroke-black-alpha-20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:hover\:stroke-black-alpha-20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:active\:stroke-black-alpha-20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .lg\:focus\:stroke-white\/30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:stroke-white\/30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:stroke-white\/30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:stroke-white-alpha-30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:hover\:stroke-white-alpha-30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:active\:stroke-white-alpha-30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .lg\:focus\:stroke-black\/30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:stroke-black\/30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:stroke-black\/30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:stroke-black-alpha-30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:hover\:stroke-black-alpha-30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:active\:stroke-black-alpha-30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .lg\:focus\:stroke-white\/40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:stroke-white\/40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:stroke-white\/40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:stroke-white-alpha-40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:hover\:stroke-white-alpha-40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:active\:stroke-white-alpha-40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .lg\:focus\:stroke-black\/40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:stroke-black\/40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:stroke-black\/40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:stroke-black-alpha-40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:hover\:stroke-black-alpha-40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:active\:stroke-black-alpha-40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .lg\:focus\:stroke-white\/50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:stroke-white\/50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:stroke-white\/50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:stroke-white-alpha-50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:hover\:stroke-white-alpha-50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:active\:stroke-white-alpha-50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .lg\:focus\:stroke-black\/50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:stroke-black\/50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:stroke-black\/50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:stroke-black-alpha-50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:hover\:stroke-black-alpha-50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:active\:stroke-black-alpha-50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .lg\:focus\:stroke-white\/60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:stroke-white\/60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:stroke-white\/60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:stroke-white-alpha-60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:hover\:stroke-white-alpha-60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:active\:stroke-white-alpha-60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .lg\:focus\:stroke-black\/60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:stroke-black\/60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:stroke-black\/60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:stroke-black-alpha-60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:hover\:stroke-black-alpha-60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:active\:stroke-black-alpha-60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .lg\:focus\:stroke-white\/70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:stroke-white\/70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:stroke-white\/70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:stroke-white-alpha-70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:hover\:stroke-white-alpha-70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:active\:stroke-white-alpha-70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .lg\:focus\:stroke-black\/70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:stroke-black\/70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:stroke-black\/70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:stroke-black-alpha-70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:hover\:stroke-black-alpha-70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:active\:stroke-black-alpha-70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .lg\:focus\:stroke-white\/80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:stroke-white\/80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:stroke-white\/80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:stroke-white-alpha-80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:hover\:stroke-white-alpha-80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:active\:stroke-white-alpha-80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .lg\:focus\:stroke-black\/80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:stroke-black\/80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:stroke-black\/80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:stroke-black-alpha-80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:hover\:stroke-black-alpha-80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:active\:stroke-black-alpha-80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .lg\:focus\:stroke-white\/90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:stroke-white\/90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:stroke-white\/90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:stroke-white-alpha-90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:hover\:stroke-white-alpha-90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:active\:stroke-white-alpha-90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .lg\:focus\:stroke-black\/90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:stroke-black\/90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:stroke-black\/90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:focus\:stroke-black-alpha-90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:hover\:stroke-black-alpha-90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .lg\:active\:stroke-black-alpha-90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } +} +@media screen and (min-width: 1200px) { + .xl\:stroke-white\/10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:stroke-white-alpha-10 { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:stroke-black\/10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:stroke-black-alpha-10 { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:stroke-white\/20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:stroke-white-alpha-20 { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:stroke-black\/20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:stroke-black-alpha-20 { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:stroke-white\/30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:stroke-white-alpha-30 { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:stroke-black\/30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:stroke-black-alpha-30 { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:stroke-white\/40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:stroke-white-alpha-40 { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:stroke-black\/40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:stroke-black-alpha-40 { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:stroke-white\/50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:stroke-white-alpha-50 { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:stroke-black\/50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:stroke-black-alpha-50 { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:stroke-white\/60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:stroke-white-alpha-60 { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:stroke-black\/60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:stroke-black-alpha-60 { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:stroke-white\/70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:stroke-white-alpha-70 { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:stroke-black\/70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:stroke-black-alpha-70 { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:stroke-white\/80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:stroke-white-alpha-80 { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:stroke-black\/80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:stroke-black-alpha-80 { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:stroke-white\/90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:stroke-white-alpha-90 { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:stroke-black\/90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:stroke-black-alpha-90 { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:stroke-white\/10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:stroke-white\/10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:stroke-white\/10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:stroke-white-alpha-10:focus { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:hover\:stroke-white-alpha-10:hover { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:active\:stroke-white-alpha-10:active { + stroke: color-mix(in srgb, #ffffff 10%, transparent) + } + .xl\:focus\:stroke-black\/10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:stroke-black\/10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:stroke-black\/10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:stroke-black-alpha-10:focus { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:hover\:stroke-black-alpha-10:hover { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:active\:stroke-black-alpha-10:active { + stroke: color-mix(in srgb, #000000 10%, transparent) + } + .xl\:focus\:stroke-white\/20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:stroke-white\/20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:stroke-white\/20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:stroke-white-alpha-20:focus { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:hover\:stroke-white-alpha-20:hover { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:active\:stroke-white-alpha-20:active { + stroke: color-mix(in srgb, #ffffff 20%, transparent) + } + .xl\:focus\:stroke-black\/20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:stroke-black\/20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:stroke-black\/20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:stroke-black-alpha-20:focus { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:hover\:stroke-black-alpha-20:hover { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:active\:stroke-black-alpha-20:active { + stroke: color-mix(in srgb, #000000 20%, transparent) + } + .xl\:focus\:stroke-white\/30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:stroke-white\/30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:stroke-white\/30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:stroke-white-alpha-30:focus { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:hover\:stroke-white-alpha-30:hover { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:active\:stroke-white-alpha-30:active { + stroke: color-mix(in srgb, #ffffff 30%, transparent) + } + .xl\:focus\:stroke-black\/30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:stroke-black\/30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:stroke-black\/30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:stroke-black-alpha-30:focus { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:hover\:stroke-black-alpha-30:hover { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:active\:stroke-black-alpha-30:active { + stroke: color-mix(in srgb, #000000 30%, transparent) + } + .xl\:focus\:stroke-white\/40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:stroke-white\/40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:stroke-white\/40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:stroke-white-alpha-40:focus { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:hover\:stroke-white-alpha-40:hover { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:active\:stroke-white-alpha-40:active { + stroke: color-mix(in srgb, #ffffff 40%, transparent) + } + .xl\:focus\:stroke-black\/40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:stroke-black\/40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:stroke-black\/40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:stroke-black-alpha-40:focus { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:hover\:stroke-black-alpha-40:hover { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:active\:stroke-black-alpha-40:active { + stroke: color-mix(in srgb, #000000 40%, transparent) + } + .xl\:focus\:stroke-white\/50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:stroke-white\/50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:stroke-white\/50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:stroke-white-alpha-50:focus { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:hover\:stroke-white-alpha-50:hover { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:active\:stroke-white-alpha-50:active { + stroke: color-mix(in srgb, #ffffff 50%, transparent) + } + .xl\:focus\:stroke-black\/50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:stroke-black\/50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:stroke-black\/50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:stroke-black-alpha-50:focus { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:hover\:stroke-black-alpha-50:hover { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:active\:stroke-black-alpha-50:active { + stroke: color-mix(in srgb, #000000 50%, transparent) + } + .xl\:focus\:stroke-white\/60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:stroke-white\/60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:stroke-white\/60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:stroke-white-alpha-60:focus { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:hover\:stroke-white-alpha-60:hover { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:active\:stroke-white-alpha-60:active { + stroke: color-mix(in srgb, #ffffff 60%, transparent) + } + .xl\:focus\:stroke-black\/60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:stroke-black\/60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:stroke-black\/60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:stroke-black-alpha-60:focus { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:hover\:stroke-black-alpha-60:hover { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:active\:stroke-black-alpha-60:active { + stroke: color-mix(in srgb, #000000 60%, transparent) + } + .xl\:focus\:stroke-white\/70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:stroke-white\/70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:stroke-white\/70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:stroke-white-alpha-70:focus { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:hover\:stroke-white-alpha-70:hover { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:active\:stroke-white-alpha-70:active { + stroke: color-mix(in srgb, #ffffff 70%, transparent) + } + .xl\:focus\:stroke-black\/70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:stroke-black\/70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:stroke-black\/70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:stroke-black-alpha-70:focus { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:hover\:stroke-black-alpha-70:hover { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:active\:stroke-black-alpha-70:active { + stroke: color-mix(in srgb, #000000 70%, transparent) + } + .xl\:focus\:stroke-white\/80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:stroke-white\/80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:stroke-white\/80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:stroke-white-alpha-80:focus { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:hover\:stroke-white-alpha-80:hover { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:active\:stroke-white-alpha-80:active { + stroke: color-mix(in srgb, #ffffff 80%, transparent) + } + .xl\:focus\:stroke-black\/80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:stroke-black\/80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:stroke-black\/80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:stroke-black-alpha-80:focus { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:hover\:stroke-black-alpha-80:hover { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:active\:stroke-black-alpha-80:active { + stroke: color-mix(in srgb, #000000 80%, transparent) + } + .xl\:focus\:stroke-white\/90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:stroke-white\/90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:stroke-white\/90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:stroke-white-alpha-90:focus { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:hover\:stroke-white-alpha-90:hover { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:active\:stroke-white-alpha-90:active { + stroke: color-mix(in srgb, #ffffff 90%, transparent) + } + .xl\:focus\:stroke-black\/90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:stroke-black\/90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:stroke-black\/90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:focus\:stroke-black-alpha-90:focus { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:hover\:stroke-black-alpha-90:hover { + stroke: color-mix(in srgb, #000000 90%, transparent) + } + .xl\:active\:stroke-black-alpha-90:active { + stroke: color-mix(in srgb, #000000 90%, transparent) + } +} +.stroke-0 { + stroke-width: 0 +} +.stroke-1 { + stroke-width: 1 +} +.stroke-2 { + stroke-width: 2 +} +.focus\:stroke-0:focus { + stroke-width: 0 +} +.hover\:stroke-0:hover { + stroke-width: 0 +} +.active\:stroke-0:active { + stroke-width: 0 +} +.focus\:stroke-1:focus { + stroke-width: 1 +} +.hover\:stroke-1:hover { + stroke-width: 1 +} +.active\:stroke-1:active { + stroke-width: 1 +} +.focus\:stroke-2:focus { + stroke-width: 2 +} +.hover\:stroke-2:hover { + stroke-width: 2 +} +.active\:stroke-2:active { + stroke-width: 2 +} +@media screen and (min-width: 576px) { + .sm\:stroke-0 { + stroke-width: 0 + } + .sm\:stroke-1 { + stroke-width: 1 + } + .sm\:stroke-2 { + stroke-width: 2 + } + .sm\:focus\:stroke-0:focus { + stroke-width: 0 + } + .sm\:hover\:stroke-0:hover { + stroke-width: 0 + } + .sm\:active\:stroke-0:active { + stroke-width: 0 + } + .sm\:focus\:stroke-1:focus { + stroke-width: 1 + } + .sm\:hover\:stroke-1:hover { + stroke-width: 1 + } + .sm\:active\:stroke-1:active { + stroke-width: 1 + } + .sm\:focus\:stroke-2:focus { + stroke-width: 2 + } + .sm\:hover\:stroke-2:hover { + stroke-width: 2 + } + .sm\:active\:stroke-2:active { + stroke-width: 2 + } +} +@media screen and (min-width: 768px) { + .md\:stroke-0 { + stroke-width: 0 + } + .md\:stroke-1 { + stroke-width: 1 + } + .md\:stroke-2 { + stroke-width: 2 + } + .md\:focus\:stroke-0:focus { + stroke-width: 0 + } + .md\:hover\:stroke-0:hover { + stroke-width: 0 + } + .md\:active\:stroke-0:active { + stroke-width: 0 + } + .md\:focus\:stroke-1:focus { + stroke-width: 1 + } + .md\:hover\:stroke-1:hover { + stroke-width: 1 + } + .md\:active\:stroke-1:active { + stroke-width: 1 + } + .md\:focus\:stroke-2:focus { + stroke-width: 2 + } + .md\:hover\:stroke-2:hover { + stroke-width: 2 + } + .md\:active\:stroke-2:active { + stroke-width: 2 + } +} +@media screen and (min-width: 992px) { + .lg\:stroke-0 { + stroke-width: 0 + } + .lg\:stroke-1 { + stroke-width: 1 + } + .lg\:stroke-2 { + stroke-width: 2 + } + .lg\:focus\:stroke-0:focus { + stroke-width: 0 + } + .lg\:hover\:stroke-0:hover { + stroke-width: 0 + } + .lg\:active\:stroke-0:active { + stroke-width: 0 + } + .lg\:focus\:stroke-1:focus { + stroke-width: 1 + } + .lg\:hover\:stroke-1:hover { + stroke-width: 1 + } + .lg\:active\:stroke-1:active { + stroke-width: 1 + } + .lg\:focus\:stroke-2:focus { + stroke-width: 2 + } + .lg\:hover\:stroke-2:hover { + stroke-width: 2 + } + .lg\:active\:stroke-2:active { + stroke-width: 2 + } +} +@media screen and (min-width: 1200px) { + .xl\:stroke-0 { + stroke-width: 0 + } + .xl\:stroke-1 { + stroke-width: 1 + } + .xl\:stroke-2 { + stroke-width: 2 + } + .xl\:focus\:stroke-0:focus { + stroke-width: 0 + } + .xl\:hover\:stroke-0:hover { + stroke-width: 0 + } + .xl\:active\:stroke-0:active { + stroke-width: 0 + } + .xl\:focus\:stroke-1:focus { + stroke-width: 1 + } + .xl\:hover\:stroke-1:hover { + stroke-width: 1 + } + .xl\:active\:stroke-1:active { + stroke-width: 1 + } + .xl\:focus\:stroke-2:focus { + stroke-width: 2 + } + .xl\:hover\:stroke-2:hover { + stroke-width: 2 + } + .xl\:active\:stroke-2:active { + stroke-width: 2 + } +} +.text-center { + text-align: center +} +.text-justify { + text-align: justify +} +.text-left { + text-align: left +} +.text-right { + text-align: right +} +.text-start { + text-align: start +} +.text-end { + text-align: end +} +@media screen and (min-width: 576px) { + .sm\:text-center { + text-align: center + } + .sm\:text-justify { + text-align: justify + } + .sm\:text-left { + text-align: left + } + .sm\:text-right { + text-align: right + } + .sm\:text-start { + text-align: start + } + .sm\:text-end { + text-align: end + } +} +@media screen and (min-width: 768px) { + .md\:text-center { + text-align: center + } + .md\:text-justify { + text-align: justify + } + .md\:text-left { + text-align: left + } + .md\:text-right { + text-align: right + } + .md\:text-start { + text-align: start + } + .md\:text-end { + text-align: end + } +} +@media screen and (min-width: 992px) { + .lg\:text-center { + text-align: center + } + .lg\:text-justify { + text-align: justify + } + .lg\:text-left { + text-align: left + } + .lg\:text-right { + text-align: right + } + .lg\:text-start { + text-align: start + } + .lg\:text-end { + text-align: end + } +} +@media screen and (min-width: 1200px) { + .xl\:text-center { + text-align: center + } + .xl\:text-justify { + text-align: justify + } + .xl\:text-left { + text-align: left + } + .xl\:text-right { + text-align: right + } + .xl\:text-start { + text-align: start + } + .xl\:text-end { + text-align: end + } +} +.underline { + text-decoration: underline +} +.line-through { + text-decoration: line-through +} +.no-underline { + text-decoration: none +} +.focus\:underline:focus { + text-decoration: underline +} +.hover\:underline:hover { + text-decoration: underline +} +.active\:underline:active { + text-decoration: underline +} +.focus\:line-through:focus { + text-decoration: line-through +} +.hover\:line-through:hover { + text-decoration: line-through +} +.active\:line-through:active { + text-decoration: line-through +} +.focus\:no-underline:focus { + text-decoration: none +} +.hover\:no-underline:hover { + text-decoration: none +} +.active\:no-underline:active { + text-decoration: none +} +@media screen and (min-width: 576px) { + .sm\:underline { + text-decoration: underline + } + .sm\:line-through { + text-decoration: line-through + } + .sm\:no-underline { + text-decoration: none + } + .sm\:focus\:underline:focus { + text-decoration: underline + } + .sm\:hover\:underline:hover { + text-decoration: underline + } + .sm\:active\:underline:active { + text-decoration: underline + } + .sm\:focus\:line-through:focus { + text-decoration: line-through + } + .sm\:hover\:line-through:hover { + text-decoration: line-through + } + .sm\:active\:line-through:active { + text-decoration: line-through + } + .sm\:focus\:no-underline:focus { + text-decoration: none + } + .sm\:hover\:no-underline:hover { + text-decoration: none + } + .sm\:active\:no-underline:active { + text-decoration: none + } +} +@media screen and (min-width: 768px) { + .md\:underline { + text-decoration: underline + } + .md\:line-through { + text-decoration: line-through + } + .md\:no-underline { + text-decoration: none + } + .md\:focus\:underline:focus { + text-decoration: underline + } + .md\:hover\:underline:hover { + text-decoration: underline + } + .md\:active\:underline:active { + text-decoration: underline + } + .md\:focus\:line-through:focus { + text-decoration: line-through + } + .md\:hover\:line-through:hover { + text-decoration: line-through + } + .md\:active\:line-through:active { + text-decoration: line-through + } + .md\:focus\:no-underline:focus { + text-decoration: none + } + .md\:hover\:no-underline:hover { + text-decoration: none + } + .md\:active\:no-underline:active { + text-decoration: none + } +} +@media screen and (min-width: 992px) { + .lg\:underline { + text-decoration: underline + } + .lg\:line-through { + text-decoration: line-through + } + .lg\:no-underline { + text-decoration: none + } + .lg\:focus\:underline:focus { + text-decoration: underline + } + .lg\:hover\:underline:hover { + text-decoration: underline + } + .lg\:active\:underline:active { + text-decoration: underline + } + .lg\:focus\:line-through:focus { + text-decoration: line-through + } + .lg\:hover\:line-through:hover { + text-decoration: line-through + } + .lg\:active\:line-through:active { + text-decoration: line-through + } + .lg\:focus\:no-underline:focus { + text-decoration: none + } + .lg\:hover\:no-underline:hover { + text-decoration: none + } + .lg\:active\:no-underline:active { + text-decoration: none + } +} +@media screen and (min-width: 1200px) { + .xl\:underline { + text-decoration: underline + } + .xl\:line-through { + text-decoration: line-through + } + .xl\:no-underline { + text-decoration: none + } + .xl\:focus\:underline:focus { + text-decoration: underline + } + .xl\:hover\:underline:hover { + text-decoration: underline + } + .xl\:active\:underline:active { + text-decoration: underline + } + .xl\:focus\:line-through:focus { + text-decoration: line-through + } + .xl\:hover\:line-through:hover { + text-decoration: line-through + } + .xl\:active\:line-through:active { + text-decoration: line-through + } + .xl\:focus\:no-underline:focus { + text-decoration: none + } + .xl\:hover\:no-underline:hover { + text-decoration: none + } + .xl\:active\:no-underline:active { + text-decoration: none + } +} +.text-overflow-clip { + text-overflow: clip +} +.text-overflow-ellipsis { + text-overflow: ellipsis +} +@media screen and (min-width: 576px) { + .sm\:text-overflow-clip { + text-overflow: clip + } + .sm\:text-overflow-ellipsis { + text-overflow: ellipsis + } +} +@media screen and (min-width: 768px) { + .md\:text-overflow-clip { + text-overflow: clip + } + .md\:text-overflow-ellipsis { + text-overflow: ellipsis + } +} +@media screen and (min-width: 992px) { + .lg\:text-overflow-clip { + text-overflow: clip + } + .lg\:text-overflow-ellipsis { + text-overflow: ellipsis + } +} +@media screen and (min-width: 1200px) { + .xl\:text-overflow-clip { + text-overflow: clip + } + .xl\:text-overflow-ellipsis { + text-overflow: ellipsis + } +} +.lowercase { + text-transform: lowercase +} +.uppercase { + text-transform: uppercase +} +.capitalize { + text-transform: capitalize +} +@media screen and (min-width: 576px) { + .sm\:lowercase { + text-transform: lowercase + } + .sm\:uppercase { + text-transform: uppercase + } + .sm\:capitalize { + text-transform: capitalize + } +} +@media screen and (min-width: 768px) { + .md\:lowercase { + text-transform: lowercase + } + .md\:uppercase { + text-transform: uppercase + } + .md\:capitalize { + text-transform: capitalize + } +} +@media screen and (min-width: 992px) { + .lg\:lowercase { + text-transform: lowercase + } + .lg\:uppercase { + text-transform: uppercase + } + .lg\:capitalize { + text-transform: capitalize + } +} +@media screen and (min-width: 1200px) { + .xl\:lowercase { + text-transform: lowercase + } + .xl\:uppercase { + text-transform: uppercase + } + .xl\:capitalize { + text-transform: capitalize + } +} +.top-auto { + top: auto +} +.top-0 { + top: 0px +} +.top-50 { + top: 50% +} +.top-100 { + top: 100% +} +@media screen and (min-width: 576px) { + .sm\:top-auto { + top: auto + } + .sm\:top-0 { + top: 0px + } + .sm\:top-50 { + top: 50% + } + .sm\:top-100 { + top: 100% + } +} +@media screen and (min-width: 768px) { + .md\:top-auto { + top: auto + } + .md\:top-0 { + top: 0px + } + .md\:top-50 { + top: 50% + } + .md\:top-100 { + top: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:top-auto { + top: auto + } + .lg\:top-0 { + top: 0px + } + .lg\:top-50 { + top: 50% + } + .lg\:top-100 { + top: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:top-auto { + top: auto + } + .xl\:top-0 { + top: 0px + } + .xl\:top-50 { + top: 50% + } + .xl\:top-100 { + top: 100% + } +} +.translate-x-0 { + transform: translateX(0%) +} +.translate-x-100 { + transform: translateX(100%) +} +.-translate-x-100 { + transform: translateX(-100%) +} +.translate-y-0 { + transform: translateY(0%) +} +.translate-y-100 { + transform: translateY(100%) +} +.-translate-y-100 { + transform: translateY(-100%) +} +.focus\:translate-x-0:focus { + transform: translateX(0%) +} +.hover\:translate-x-0:hover { + transform: translateX(0%) +} +.active\:translate-x-0:active { + transform: translateX(0%) +} +.focus\:translate-x-100:focus { + transform: translateX(100%) +} +.hover\:translate-x-100:hover { + transform: translateX(100%) +} +.active\:translate-x-100:active { + transform: translateX(100%) +} +.focus\:-translate-x-100:focus { + transform: translateX(-100%) +} +.hover\:-translate-x-100:hover { + transform: translateX(-100%) +} +.active\:-translate-x-100:active { + transform: translateX(-100%) +} +.focus\:translate-y-0:focus { + transform: translateY(0%) +} +.hover\:translate-y-0:hover { + transform: translateY(0%) +} +.active\:translate-y-0:active { + transform: translateY(0%) +} +.focus\:translate-y-100:focus { + transform: translateY(100%) +} +.hover\:translate-y-100:hover { + transform: translateY(100%) +} +.active\:translate-y-100:active { + transform: translateY(100%) +} +.focus\:-translate-y-100:focus { + transform: translateY(-100%) +} +.hover\:-translate-y-100:hover { + transform: translateY(-100%) +} +.active\:-translate-y-100:active { + transform: translateY(-100%) +} +@media screen and (min-width: 576px) { + .sm\:translate-x-0 { + transform: translateX(0%) + } + .sm\:translate-x-100 { + transform: translateX(100%) + } + .sm\:-translate-x-100 { + transform: translateX(-100%) + } + .sm\:translate-y-0 { + transform: translateY(0%) + } + .sm\:translate-y-100 { + transform: translateY(100%) + } + .sm\:-translate-y-100 { + transform: translateY(-100%) + } + .sm\:focus\:translate-x-0:focus { + transform: translateX(0%) + } + .sm\:hover\:translate-x-0:hover { + transform: translateX(0%) + } + .sm\:active\:translate-x-0:active { + transform: translateX(0%) + } + .sm\:focus\:translate-x-100:focus { + transform: translateX(100%) + } + .sm\:hover\:translate-x-100:hover { + transform: translateX(100%) + } + .sm\:active\:translate-x-100:active { + transform: translateX(100%) + } + .sm\:focus\:-translate-x-100:focus { + transform: translateX(-100%) + } + .sm\:hover\:-translate-x-100:hover { + transform: translateX(-100%) + } + .sm\:active\:-translate-x-100:active { + transform: translateX(-100%) + } + .sm\:focus\:translate-y-0:focus { + transform: translateY(0%) + } + .sm\:hover\:translate-y-0:hover { + transform: translateY(0%) + } + .sm\:active\:translate-y-0:active { + transform: translateY(0%) + } + .sm\:focus\:translate-y-100:focus { + transform: translateY(100%) + } + .sm\:hover\:translate-y-100:hover { + transform: translateY(100%) + } + .sm\:active\:translate-y-100:active { + transform: translateY(100%) + } + .sm\:focus\:-translate-y-100:focus { + transform: translateY(-100%) + } + .sm\:hover\:-translate-y-100:hover { + transform: translateY(-100%) + } + .sm\:active\:-translate-y-100:active { + transform: translateY(-100%) + } +} +@media screen and (min-width: 768px) { + .md\:translate-x-0 { + transform: translateX(0%) + } + .md\:translate-x-100 { + transform: translateX(100%) + } + .md\:-translate-x-100 { + transform: translateX(-100%) + } + .md\:translate-y-0 { + transform: translateY(0%) + } + .md\:translate-y-100 { + transform: translateY(100%) + } + .md\:-translate-y-100 { + transform: translateY(-100%) + } + .md\:focus\:translate-x-0:focus { + transform: translateX(0%) + } + .md\:hover\:translate-x-0:hover { + transform: translateX(0%) + } + .md\:active\:translate-x-0:active { + transform: translateX(0%) + } + .md\:focus\:translate-x-100:focus { + transform: translateX(100%) + } + .md\:hover\:translate-x-100:hover { + transform: translateX(100%) + } + .md\:active\:translate-x-100:active { + transform: translateX(100%) + } + .md\:focus\:-translate-x-100:focus { + transform: translateX(-100%) + } + .md\:hover\:-translate-x-100:hover { + transform: translateX(-100%) + } + .md\:active\:-translate-x-100:active { + transform: translateX(-100%) + } + .md\:focus\:translate-y-0:focus { + transform: translateY(0%) + } + .md\:hover\:translate-y-0:hover { + transform: translateY(0%) + } + .md\:active\:translate-y-0:active { + transform: translateY(0%) + } + .md\:focus\:translate-y-100:focus { + transform: translateY(100%) + } + .md\:hover\:translate-y-100:hover { + transform: translateY(100%) + } + .md\:active\:translate-y-100:active { + transform: translateY(100%) + } + .md\:focus\:-translate-y-100:focus { + transform: translateY(-100%) + } + .md\:hover\:-translate-y-100:hover { + transform: translateY(-100%) + } + .md\:active\:-translate-y-100:active { + transform: translateY(-100%) + } +} +@media screen and (min-width: 992px) { + .lg\:translate-x-0 { + transform: translateX(0%) + } + .lg\:translate-x-100 { + transform: translateX(100%) + } + .lg\:-translate-x-100 { + transform: translateX(-100%) + } + .lg\:translate-y-0 { + transform: translateY(0%) + } + .lg\:translate-y-100 { + transform: translateY(100%) + } + .lg\:-translate-y-100 { + transform: translateY(-100%) + } + .lg\:focus\:translate-x-0:focus { + transform: translateX(0%) + } + .lg\:hover\:translate-x-0:hover { + transform: translateX(0%) + } + .lg\:active\:translate-x-0:active { + transform: translateX(0%) + } + .lg\:focus\:translate-x-100:focus { + transform: translateX(100%) + } + .lg\:hover\:translate-x-100:hover { + transform: translateX(100%) + } + .lg\:active\:translate-x-100:active { + transform: translateX(100%) + } + .lg\:focus\:-translate-x-100:focus { + transform: translateX(-100%) + } + .lg\:hover\:-translate-x-100:hover { + transform: translateX(-100%) + } + .lg\:active\:-translate-x-100:active { + transform: translateX(-100%) + } + .lg\:focus\:translate-y-0:focus { + transform: translateY(0%) + } + .lg\:hover\:translate-y-0:hover { + transform: translateY(0%) + } + .lg\:active\:translate-y-0:active { + transform: translateY(0%) + } + .lg\:focus\:translate-y-100:focus { + transform: translateY(100%) + } + .lg\:hover\:translate-y-100:hover { + transform: translateY(100%) + } + .lg\:active\:translate-y-100:active { + transform: translateY(100%) + } + .lg\:focus\:-translate-y-100:focus { + transform: translateY(-100%) + } + .lg\:hover\:-translate-y-100:hover { + transform: translateY(-100%) + } + .lg\:active\:-translate-y-100:active { + transform: translateY(-100%) + } +} +@media screen and (min-width: 1200px) { + .xl\:translate-x-0 { + transform: translateX(0%) + } + .xl\:translate-x-100 { + transform: translateX(100%) + } + .xl\:-translate-x-100 { + transform: translateX(-100%) + } + .xl\:translate-y-0 { + transform: translateY(0%) + } + .xl\:translate-y-100 { + transform: translateY(100%) + } + .xl\:-translate-y-100 { + transform: translateY(-100%) + } + .xl\:focus\:translate-x-0:focus { + transform: translateX(0%) + } + .xl\:hover\:translate-x-0:hover { + transform: translateX(0%) + } + .xl\:active\:translate-x-0:active { + transform: translateX(0%) + } + .xl\:focus\:translate-x-100:focus { + transform: translateX(100%) + } + .xl\:hover\:translate-x-100:hover { + transform: translateX(100%) + } + .xl\:active\:translate-x-100:active { + transform: translateX(100%) + } + .xl\:focus\:-translate-x-100:focus { + transform: translateX(-100%) + } + .xl\:hover\:-translate-x-100:hover { + transform: translateX(-100%) + } + .xl\:active\:-translate-x-100:active { + transform: translateX(-100%) + } + .xl\:focus\:translate-y-0:focus { + transform: translateY(0%) + } + .xl\:hover\:translate-y-0:hover { + transform: translateY(0%) + } + .xl\:active\:translate-y-0:active { + transform: translateY(0%) + } + .xl\:focus\:translate-y-100:focus { + transform: translateY(100%) + } + .xl\:hover\:translate-y-100:hover { + transform: translateY(100%) + } + .xl\:active\:translate-y-100:active { + transform: translateY(100%) + } + .xl\:focus\:-translate-y-100:focus { + transform: translateY(-100%) + } + .xl\:hover\:-translate-y-100:hover { + transform: translateY(-100%) + } + .xl\:active\:-translate-y-100:active { + transform: translateY(-100%) + } +} +.rotate-45 { + transform: rotate(45deg) +} +.-rotate-45 { + transform: rotate(-45deg) +} +.rotate-90 { + transform: rotate(90deg) +} +.-rotate-90 { + transform: rotate(-90deg) +} +.rotate-180 { + transform: rotate(180deg) +} +.-rotate-180 { + transform: rotate(-180deg) +} +.focus\:rotate-45:focus { + transform: rotate(45deg) +} +.hover\:rotate-45:hover { + transform: rotate(45deg) +} +.active\:rotate-45:active { + transform: rotate(45deg) +} +.focus\:-rotate-45:focus { + transform: rotate(-45deg) +} +.hover\:-rotate-45:hover { + transform: rotate(-45deg) +} +.active\:-rotate-45:active { + transform: rotate(-45deg) +} +.focus\:rotate-90:focus { + transform: rotate(90deg) +} +.hover\:rotate-90:hover { + transform: rotate(90deg) +} +.active\:rotate-90:active { + transform: rotate(90deg) +} +.focus\:-rotate-90:focus { + transform: rotate(-90deg) +} +.hover\:-rotate-90:hover { + transform: rotate(-90deg) +} +.active\:-rotate-90:active { + transform: rotate(-90deg) +} +.focus\:rotate-180:focus { + transform: rotate(180deg) +} +.hover\:rotate-180:hover { + transform: rotate(180deg) +} +.active\:rotate-180:active { + transform: rotate(180deg) +} +.focus\:-rotate-180:focus { + transform: rotate(-180deg) +} +.hover\:-rotate-180:hover { + transform: rotate(-180deg) +} +.active\:-rotate-180:active { + transform: rotate(-180deg) +} +@media screen and (min-width: 576px) { + .sm\:rotate-45 { + transform: rotate(45deg) + } + .sm\:-rotate-45 { + transform: rotate(-45deg) + } + .sm\:rotate-90 { + transform: rotate(90deg) + } + .sm\:-rotate-90 { + transform: rotate(-90deg) + } + .sm\:rotate-180 { + transform: rotate(180deg) + } + .sm\:-rotate-180 { + transform: rotate(-180deg) + } + .sm\:focus\:rotate-45:focus { + transform: rotate(45deg) + } + .sm\:hover\:rotate-45:hover { + transform: rotate(45deg) + } + .sm\:active\:rotate-45:active { + transform: rotate(45deg) + } + .sm\:focus\:-rotate-45:focus { + transform: rotate(-45deg) + } + .sm\:hover\:-rotate-45:hover { + transform: rotate(-45deg) + } + .sm\:active\:-rotate-45:active { + transform: rotate(-45deg) + } + .sm\:focus\:rotate-90:focus { + transform: rotate(90deg) + } + .sm\:hover\:rotate-90:hover { + transform: rotate(90deg) + } + .sm\:active\:rotate-90:active { + transform: rotate(90deg) + } + .sm\:focus\:-rotate-90:focus { + transform: rotate(-90deg) + } + .sm\:hover\:-rotate-90:hover { + transform: rotate(-90deg) + } + .sm\:active\:-rotate-90:active { + transform: rotate(-90deg) + } + .sm\:focus\:rotate-180:focus { + transform: rotate(180deg) + } + .sm\:hover\:rotate-180:hover { + transform: rotate(180deg) + } + .sm\:active\:rotate-180:active { + transform: rotate(180deg) + } + .sm\:focus\:-rotate-180:focus { + transform: rotate(-180deg) + } + .sm\:hover\:-rotate-180:hover { + transform: rotate(-180deg) + } + .sm\:active\:-rotate-180:active { + transform: rotate(-180deg) + } +} +@media screen and (min-width: 768px) { + .md\:rotate-45 { + transform: rotate(45deg) + } + .md\:-rotate-45 { + transform: rotate(-45deg) + } + .md\:rotate-90 { + transform: rotate(90deg) + } + .md\:-rotate-90 { + transform: rotate(-90deg) + } + .md\:rotate-180 { + transform: rotate(180deg) + } + .md\:-rotate-180 { + transform: rotate(-180deg) + } + .md\:focus\:rotate-45:focus { + transform: rotate(45deg) + } + .md\:hover\:rotate-45:hover { + transform: rotate(45deg) + } + .md\:active\:rotate-45:active { + transform: rotate(45deg) + } + .md\:focus\:-rotate-45:focus { + transform: rotate(-45deg) + } + .md\:hover\:-rotate-45:hover { + transform: rotate(-45deg) + } + .md\:active\:-rotate-45:active { + transform: rotate(-45deg) + } + .md\:focus\:rotate-90:focus { + transform: rotate(90deg) + } + .md\:hover\:rotate-90:hover { + transform: rotate(90deg) + } + .md\:active\:rotate-90:active { + transform: rotate(90deg) + } + .md\:focus\:-rotate-90:focus { + transform: rotate(-90deg) + } + .md\:hover\:-rotate-90:hover { + transform: rotate(-90deg) + } + .md\:active\:-rotate-90:active { + transform: rotate(-90deg) + } + .md\:focus\:rotate-180:focus { + transform: rotate(180deg) + } + .md\:hover\:rotate-180:hover { + transform: rotate(180deg) + } + .md\:active\:rotate-180:active { + transform: rotate(180deg) + } + .md\:focus\:-rotate-180:focus { + transform: rotate(-180deg) + } + .md\:hover\:-rotate-180:hover { + transform: rotate(-180deg) + } + .md\:active\:-rotate-180:active { + transform: rotate(-180deg) + } +} +@media screen and (min-width: 992px) { + .lg\:rotate-45 { + transform: rotate(45deg) + } + .lg\:-rotate-45 { + transform: rotate(-45deg) + } + .lg\:rotate-90 { + transform: rotate(90deg) + } + .lg\:-rotate-90 { + transform: rotate(-90deg) + } + .lg\:rotate-180 { + transform: rotate(180deg) + } + .lg\:-rotate-180 { + transform: rotate(-180deg) + } + .lg\:focus\:rotate-45:focus { + transform: rotate(45deg) + } + .lg\:hover\:rotate-45:hover { + transform: rotate(45deg) + } + .lg\:active\:rotate-45:active { + transform: rotate(45deg) + } + .lg\:focus\:-rotate-45:focus { + transform: rotate(-45deg) + } + .lg\:hover\:-rotate-45:hover { + transform: rotate(-45deg) + } + .lg\:active\:-rotate-45:active { + transform: rotate(-45deg) + } + .lg\:focus\:rotate-90:focus { + transform: rotate(90deg) + } + .lg\:hover\:rotate-90:hover { + transform: rotate(90deg) + } + .lg\:active\:rotate-90:active { + transform: rotate(90deg) + } + .lg\:focus\:-rotate-90:focus { + transform: rotate(-90deg) + } + .lg\:hover\:-rotate-90:hover { + transform: rotate(-90deg) + } + .lg\:active\:-rotate-90:active { + transform: rotate(-90deg) + } + .lg\:focus\:rotate-180:focus { + transform: rotate(180deg) + } + .lg\:hover\:rotate-180:hover { + transform: rotate(180deg) + } + .lg\:active\:rotate-180:active { + transform: rotate(180deg) + } + .lg\:focus\:-rotate-180:focus { + transform: rotate(-180deg) + } + .lg\:hover\:-rotate-180:hover { + transform: rotate(-180deg) + } + .lg\:active\:-rotate-180:active { + transform: rotate(-180deg) + } +} +@media screen and (min-width: 1200px) { + .xl\:rotate-45 { + transform: rotate(45deg) + } + .xl\:-rotate-45 { + transform: rotate(-45deg) + } + .xl\:rotate-90 { + transform: rotate(90deg) + } + .xl\:-rotate-90 { + transform: rotate(-90deg) + } + .xl\:rotate-180 { + transform: rotate(180deg) + } + .xl\:-rotate-180 { + transform: rotate(-180deg) + } + .xl\:focus\:rotate-45:focus { + transform: rotate(45deg) + } + .xl\:hover\:rotate-45:hover { + transform: rotate(45deg) + } + .xl\:active\:rotate-45:active { + transform: rotate(45deg) + } + .xl\:focus\:-rotate-45:focus { + transform: rotate(-45deg) + } + .xl\:hover\:-rotate-45:hover { + transform: rotate(-45deg) + } + .xl\:active\:-rotate-45:active { + transform: rotate(-45deg) + } + .xl\:focus\:rotate-90:focus { + transform: rotate(90deg) + } + .xl\:hover\:rotate-90:hover { + transform: rotate(90deg) + } + .xl\:active\:rotate-90:active { + transform: rotate(90deg) + } + .xl\:focus\:-rotate-90:focus { + transform: rotate(-90deg) + } + .xl\:hover\:-rotate-90:hover { + transform: rotate(-90deg) + } + .xl\:active\:-rotate-90:active { + transform: rotate(-90deg) + } + .xl\:focus\:rotate-180:focus { + transform: rotate(180deg) + } + .xl\:hover\:rotate-180:hover { + transform: rotate(180deg) + } + .xl\:active\:rotate-180:active { + transform: rotate(180deg) + } + .xl\:focus\:-rotate-180:focus { + transform: rotate(-180deg) + } + .xl\:hover\:-rotate-180:hover { + transform: rotate(-180deg) + } + .xl\:active\:-rotate-180:active { + transform: rotate(-180deg) + } +} +.scale-0 { + transform: scale(0) +} +.scale-50 { + transform: scale(0.5) +} +.scale-75 { + transform: scale(0.75) +} +.scale-90 { + transform: scale(0.9) +} +.scale-95 { + transform: scale(0.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(0.5) +} +.scale-x-75 { + transform: scaleX(0.75) +} +.scale-x-90 { + transform: scaleX(0.9) +} +.scale-x-95 { + transform: scaleX(0.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(0.5) +} +.scale-y-75 { + transform: scaleY(0.75) +} +.scale-y-90 { + transform: scaleY(0.9) +} +.scale-y-95 { + transform: scaleY(0.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) +} +.focus\:scale-0:focus { + transform: scale(0) +} +.hover\:scale-0:hover { + transform: scale(0) +} +.active\:scale-0:active { + transform: scale(0) +} +.focus\:scale-50:focus { + transform: scale(0.5) +} +.hover\:scale-50:hover { + transform: scale(0.5) +} +.active\:scale-50:active { + transform: scale(0.5) +} +.focus\:scale-75:focus { + transform: scale(0.75) +} +.hover\:scale-75:hover { + transform: scale(0.75) +} +.active\:scale-75:active { + transform: scale(0.75) +} +.focus\:scale-90:focus { + transform: scale(0.9) +} +.hover\:scale-90:hover { + transform: scale(0.9) +} +.active\:scale-90:active { + transform: scale(0.9) +} +.focus\:scale-95:focus { + transform: scale(0.95) +} +.hover\:scale-95:hover { + transform: scale(0.95) +} +.active\:scale-95:active { + transform: scale(0.95) +} +.focus\:scale-100:focus { + transform: scale(1) +} +.hover\:scale-100:hover { + transform: scale(1) +} +.active\:scale-100:active { + transform: scale(1) +} +.focus\:scale-105:focus { + transform: scale(1.05) +} +.hover\:scale-105:hover { + transform: scale(1.05) +} +.active\:scale-105:active { + transform: scale(1.05) +} +.focus\:scale-110:focus { + transform: scale(1.1) +} +.hover\:scale-110:hover { + transform: scale(1.1) +} +.active\:scale-110:active { + transform: scale(1.1) +} +.focus\:scale-125:focus { + transform: scale(1.25) +} +.hover\:scale-125:hover { + transform: scale(1.25) +} +.active\:scale-125:active { + transform: scale(1.25) +} +.focus\:scale-150:focus { + transform: scale(1.5) +} +.hover\:scale-150:hover { + transform: scale(1.5) +} +.active\:scale-150:active { + transform: scale(1.5) +} +.focus\:scale-x-0:focus { + transform: scaleX(0) +} +.hover\:scale-x-0:hover { + transform: scaleX(0) +} +.active\:scale-x-0:active { + transform: scaleX(0) +} +.focus\:scale-x-50:focus { + transform: scaleX(0.5) +} +.hover\:scale-x-50:hover { + transform: scaleX(0.5) +} +.active\:scale-x-50:active { + transform: scaleX(0.5) +} +.focus\:scale-x-75:focus { + transform: scaleX(0.75) +} +.hover\:scale-x-75:hover { + transform: scaleX(0.75) +} +.active\:scale-x-75:active { + transform: scaleX(0.75) +} +.focus\:scale-x-90:focus { + transform: scaleX(0.9) +} +.hover\:scale-x-90:hover { + transform: scaleX(0.9) +} +.active\:scale-x-90:active { + transform: scaleX(0.9) +} +.focus\:scale-x-95:focus { + transform: scaleX(0.95) +} +.hover\:scale-x-95:hover { + transform: scaleX(0.95) +} +.active\:scale-x-95:active { + transform: scaleX(0.95) +} +.focus\:scale-x-100:focus { + transform: scaleX(1) +} +.hover\:scale-x-100:hover { + transform: scaleX(1) +} +.active\:scale-x-100:active { + transform: scaleX(1) +} +.focus\:scale-x-105:focus { + transform: scaleX(1.05) +} +.hover\:scale-x-105:hover { + transform: scaleX(1.05) +} +.active\:scale-x-105:active { + transform: scaleX(1.05) +} +.focus\:scale-x-110:focus { + transform: scaleX(1.1) +} +.hover\:scale-x-110:hover { + transform: scaleX(1.1) +} +.active\:scale-x-110:active { + transform: scaleX(1.1) +} +.focus\:scale-x-125:focus { + transform: scaleX(1.25) +} +.hover\:scale-x-125:hover { + transform: scaleX(1.25) +} +.active\:scale-x-125:active { + transform: scaleX(1.25) +} +.focus\:scale-x-150:focus { + transform: scaleX(1.5) +} +.hover\:scale-x-150:hover { + transform: scaleX(1.5) +} +.active\:scale-x-150:active { + transform: scaleX(1.5) +} +.focus\:scale-y-0:focus { + transform: scaleY(0) +} +.hover\:scale-y-0:hover { + transform: scaleY(0) +} +.active\:scale-y-0:active { + transform: scaleY(0) +} +.focus\:scale-y-50:focus { + transform: scaleY(0.5) +} +.hover\:scale-y-50:hover { + transform: scaleY(0.5) +} +.active\:scale-y-50:active { + transform: scaleY(0.5) +} +.focus\:scale-y-75:focus { + transform: scaleY(0.75) +} +.hover\:scale-y-75:hover { + transform: scaleY(0.75) +} +.active\:scale-y-75:active { + transform: scaleY(0.75) +} +.focus\:scale-y-90:focus { + transform: scaleY(0.9) +} +.hover\:scale-y-90:hover { + transform: scaleY(0.9) +} +.active\:scale-y-90:active { + transform: scaleY(0.9) +} +.focus\:scale-y-95:focus { + transform: scaleY(0.95) +} +.hover\:scale-y-95:hover { + transform: scaleY(0.95) +} +.active\:scale-y-95:active { + transform: scaleY(0.95) +} +.focus\:scale-y-100:focus { + transform: scaleY(1) +} +.hover\:scale-y-100:hover { + transform: scaleY(1) +} +.active\:scale-y-100:active { + transform: scaleY(1) +} +.focus\:scale-y-105:focus { + transform: scaleY(1.05) +} +.hover\:scale-y-105:hover { + transform: scaleY(1.05) +} +.active\:scale-y-105:active { + transform: scaleY(1.05) +} +.focus\:scale-y-110:focus { + transform: scaleY(1.1) +} +.hover\:scale-y-110:hover { + transform: scaleY(1.1) +} +.active\:scale-y-110:active { + transform: scaleY(1.1) +} +.focus\:scale-y-125:focus { + transform: scaleY(1.25) +} +.hover\:scale-y-125:hover { + transform: scaleY(1.25) +} +.active\:scale-y-125:active { + transform: scaleY(1.25) +} +.focus\:scale-y-150:focus { + transform: scaleY(1.5) +} +.hover\:scale-y-150:hover { + transform: scaleY(1.5) +} +.active\:scale-y-150:active { + transform: scaleY(1.5) +} +@media screen and (min-width: 576px) { + .sm\:scale-0 { + transform: scale(0) + } + .sm\:scale-50 { + transform: scale(0.5) + } + .sm\:scale-75 { + transform: scale(0.75) + } + .sm\:scale-90 { + transform: scale(0.9) + } + .sm\:scale-95 { + transform: scale(0.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(0.5) + } + .sm\:scale-x-75 { + transform: scaleX(0.75) + } + .sm\:scale-x-90 { + transform: scaleX(0.9) + } + .sm\:scale-x-95 { + transform: scaleX(0.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(0.5) + } + .sm\:scale-y-75 { + transform: scaleY(0.75) + } + .sm\:scale-y-90 { + transform: scaleY(0.9) + } + .sm\:scale-y-95 { + transform: scaleY(0.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\:focus\:scale-0:focus { + transform: scale(0) + } + .sm\:hover\:scale-0:hover { + transform: scale(0) + } + .sm\:active\:scale-0:active { + transform: scale(0) + } + .sm\:focus\:scale-50:focus { + transform: scale(0.5) + } + .sm\:hover\:scale-50:hover { + transform: scale(0.5) + } + .sm\:active\:scale-50:active { + transform: scale(0.5) + } + .sm\:focus\:scale-75:focus { + transform: scale(0.75) + } + .sm\:hover\:scale-75:hover { + transform: scale(0.75) + } + .sm\:active\:scale-75:active { + transform: scale(0.75) + } + .sm\:focus\:scale-90:focus { + transform: scale(0.9) + } + .sm\:hover\:scale-90:hover { + transform: scale(0.9) + } + .sm\:active\:scale-90:active { + transform: scale(0.9) + } + .sm\:focus\:scale-95:focus { + transform: scale(0.95) + } + .sm\:hover\:scale-95:hover { + transform: scale(0.95) + } + .sm\:active\:scale-95:active { + transform: scale(0.95) + } + .sm\:focus\:scale-100:focus { + transform: scale(1) + } + .sm\:hover\:scale-100:hover { + transform: scale(1) + } + .sm\:active\:scale-100:active { + transform: scale(1) + } + .sm\:focus\:scale-105:focus { + transform: scale(1.05) + } + .sm\:hover\:scale-105:hover { + transform: scale(1.05) + } + .sm\:active\:scale-105:active { + transform: scale(1.05) + } + .sm\:focus\:scale-110:focus { + transform: scale(1.1) + } + .sm\:hover\:scale-110:hover { + transform: scale(1.1) + } + .sm\:active\:scale-110:active { + transform: scale(1.1) + } + .sm\:focus\:scale-125:focus { + transform: scale(1.25) + } + .sm\:hover\:scale-125:hover { + transform: scale(1.25) + } + .sm\:active\:scale-125:active { + transform: scale(1.25) + } + .sm\:focus\:scale-150:focus { + transform: scale(1.5) + } + .sm\:hover\:scale-150:hover { + transform: scale(1.5) + } + .sm\:active\:scale-150:active { + transform: scale(1.5) + } + .sm\:focus\:scale-x-0:focus { + transform: scaleX(0) + } + .sm\:hover\:scale-x-0:hover { + transform: scaleX(0) + } + .sm\:active\:scale-x-0:active { + transform: scaleX(0) + } + .sm\:focus\:scale-x-50:focus { + transform: scaleX(0.5) + } + .sm\:hover\:scale-x-50:hover { + transform: scaleX(0.5) + } + .sm\:active\:scale-x-50:active { + transform: scaleX(0.5) + } + .sm\:focus\:scale-x-75:focus { + transform: scaleX(0.75) + } + .sm\:hover\:scale-x-75:hover { + transform: scaleX(0.75) + } + .sm\:active\:scale-x-75:active { + transform: scaleX(0.75) + } + .sm\:focus\:scale-x-90:focus { + transform: scaleX(0.9) + } + .sm\:hover\:scale-x-90:hover { + transform: scaleX(0.9) + } + .sm\:active\:scale-x-90:active { + transform: scaleX(0.9) + } + .sm\:focus\:scale-x-95:focus { + transform: scaleX(0.95) + } + .sm\:hover\:scale-x-95:hover { + transform: scaleX(0.95) + } + .sm\:active\:scale-x-95:active { + transform: scaleX(0.95) + } + .sm\:focus\:scale-x-100:focus { + transform: scaleX(1) + } + .sm\:hover\:scale-x-100:hover { + transform: scaleX(1) + } + .sm\:active\:scale-x-100:active { + transform: scaleX(1) + } + .sm\:focus\:scale-x-105:focus { + transform: scaleX(1.05) + } + .sm\:hover\:scale-x-105:hover { + transform: scaleX(1.05) + } + .sm\:active\:scale-x-105:active { + transform: scaleX(1.05) + } + .sm\:focus\:scale-x-110:focus { + transform: scaleX(1.1) + } + .sm\:hover\:scale-x-110:hover { + transform: scaleX(1.1) + } + .sm\:active\:scale-x-110:active { + transform: scaleX(1.1) + } + .sm\:focus\:scale-x-125:focus { + transform: scaleX(1.25) + } + .sm\:hover\:scale-x-125:hover { + transform: scaleX(1.25) + } + .sm\:active\:scale-x-125:active { + transform: scaleX(1.25) + } + .sm\:focus\:scale-x-150:focus { + transform: scaleX(1.5) + } + .sm\:hover\:scale-x-150:hover { + transform: scaleX(1.5) + } + .sm\:active\:scale-x-150:active { + transform: scaleX(1.5) + } + .sm\:focus\:scale-y-0:focus { + transform: scaleY(0) + } + .sm\:hover\:scale-y-0:hover { + transform: scaleY(0) + } + .sm\:active\:scale-y-0:active { + transform: scaleY(0) + } + .sm\:focus\:scale-y-50:focus { + transform: scaleY(0.5) + } + .sm\:hover\:scale-y-50:hover { + transform: scaleY(0.5) + } + .sm\:active\:scale-y-50:active { + transform: scaleY(0.5) + } + .sm\:focus\:scale-y-75:focus { + transform: scaleY(0.75) + } + .sm\:hover\:scale-y-75:hover { + transform: scaleY(0.75) + } + .sm\:active\:scale-y-75:active { + transform: scaleY(0.75) + } + .sm\:focus\:scale-y-90:focus { + transform: scaleY(0.9) + } + .sm\:hover\:scale-y-90:hover { + transform: scaleY(0.9) + } + .sm\:active\:scale-y-90:active { + transform: scaleY(0.9) + } + .sm\:focus\:scale-y-95:focus { + transform: scaleY(0.95) + } + .sm\:hover\:scale-y-95:hover { + transform: scaleY(0.95) + } + .sm\:active\:scale-y-95:active { + transform: scaleY(0.95) + } + .sm\:focus\:scale-y-100:focus { + transform: scaleY(1) + } + .sm\:hover\:scale-y-100:hover { + transform: scaleY(1) + } + .sm\:active\:scale-y-100:active { + transform: scaleY(1) + } + .sm\:focus\:scale-y-105:focus { + transform: scaleY(1.05) + } + .sm\:hover\:scale-y-105:hover { + transform: scaleY(1.05) + } + .sm\:active\:scale-y-105:active { + transform: scaleY(1.05) + } + .sm\:focus\:scale-y-110:focus { + transform: scaleY(1.1) + } + .sm\:hover\:scale-y-110:hover { + transform: scaleY(1.1) + } + .sm\:active\:scale-y-110:active { + transform: scaleY(1.1) + } + .sm\:focus\:scale-y-125:focus { + transform: scaleY(1.25) + } + .sm\:hover\:scale-y-125:hover { + transform: scaleY(1.25) + } + .sm\:active\:scale-y-125:active { + transform: scaleY(1.25) + } + .sm\:focus\:scale-y-150:focus { + transform: scaleY(1.5) + } + .sm\:hover\:scale-y-150:hover { + transform: scaleY(1.5) + } + .sm\:active\:scale-y-150:active { + transform: scaleY(1.5) + } +} +@media screen and (min-width: 768px) { + .md\:scale-0 { + transform: scale(0) + } + .md\:scale-50 { + transform: scale(0.5) + } + .md\:scale-75 { + transform: scale(0.75) + } + .md\:scale-90 { + transform: scale(0.9) + } + .md\:scale-95 { + transform: scale(0.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(0.5) + } + .md\:scale-x-75 { + transform: scaleX(0.75) + } + .md\:scale-x-90 { + transform: scaleX(0.9) + } + .md\:scale-x-95 { + transform: scaleX(0.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(0.5) + } + .md\:scale-y-75 { + transform: scaleY(0.75) + } + .md\:scale-y-90 { + transform: scaleY(0.9) + } + .md\:scale-y-95 { + transform: scaleY(0.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\:focus\:scale-0:focus { + transform: scale(0) + } + .md\:hover\:scale-0:hover { + transform: scale(0) + } + .md\:active\:scale-0:active { + transform: scale(0) + } + .md\:focus\:scale-50:focus { + transform: scale(0.5) + } + .md\:hover\:scale-50:hover { + transform: scale(0.5) + } + .md\:active\:scale-50:active { + transform: scale(0.5) + } + .md\:focus\:scale-75:focus { + transform: scale(0.75) + } + .md\:hover\:scale-75:hover { + transform: scale(0.75) + } + .md\:active\:scale-75:active { + transform: scale(0.75) + } + .md\:focus\:scale-90:focus { + transform: scale(0.9) + } + .md\:hover\:scale-90:hover { + transform: scale(0.9) + } + .md\:active\:scale-90:active { + transform: scale(0.9) + } + .md\:focus\:scale-95:focus { + transform: scale(0.95) + } + .md\:hover\:scale-95:hover { + transform: scale(0.95) + } + .md\:active\:scale-95:active { + transform: scale(0.95) + } + .md\:focus\:scale-100:focus { + transform: scale(1) + } + .md\:hover\:scale-100:hover { + transform: scale(1) + } + .md\:active\:scale-100:active { + transform: scale(1) + } + .md\:focus\:scale-105:focus { + transform: scale(1.05) + } + .md\:hover\:scale-105:hover { + transform: scale(1.05) + } + .md\:active\:scale-105:active { + transform: scale(1.05) + } + .md\:focus\:scale-110:focus { + transform: scale(1.1) + } + .md\:hover\:scale-110:hover { + transform: scale(1.1) + } + .md\:active\:scale-110:active { + transform: scale(1.1) + } + .md\:focus\:scale-125:focus { + transform: scale(1.25) + } + .md\:hover\:scale-125:hover { + transform: scale(1.25) + } + .md\:active\:scale-125:active { + transform: scale(1.25) + } + .md\:focus\:scale-150:focus { + transform: scale(1.5) + } + .md\:hover\:scale-150:hover { + transform: scale(1.5) + } + .md\:active\:scale-150:active { + transform: scale(1.5) + } + .md\:focus\:scale-x-0:focus { + transform: scaleX(0) + } + .md\:hover\:scale-x-0:hover { + transform: scaleX(0) + } + .md\:active\:scale-x-0:active { + transform: scaleX(0) + } + .md\:focus\:scale-x-50:focus { + transform: scaleX(0.5) + } + .md\:hover\:scale-x-50:hover { + transform: scaleX(0.5) + } + .md\:active\:scale-x-50:active { + transform: scaleX(0.5) + } + .md\:focus\:scale-x-75:focus { + transform: scaleX(0.75) + } + .md\:hover\:scale-x-75:hover { + transform: scaleX(0.75) + } + .md\:active\:scale-x-75:active { + transform: scaleX(0.75) + } + .md\:focus\:scale-x-90:focus { + transform: scaleX(0.9) + } + .md\:hover\:scale-x-90:hover { + transform: scaleX(0.9) + } + .md\:active\:scale-x-90:active { + transform: scaleX(0.9) + } + .md\:focus\:scale-x-95:focus { + transform: scaleX(0.95) + } + .md\:hover\:scale-x-95:hover { + transform: scaleX(0.95) + } + .md\:active\:scale-x-95:active { + transform: scaleX(0.95) + } + .md\:focus\:scale-x-100:focus { + transform: scaleX(1) + } + .md\:hover\:scale-x-100:hover { + transform: scaleX(1) + } + .md\:active\:scale-x-100:active { + transform: scaleX(1) + } + .md\:focus\:scale-x-105:focus { + transform: scaleX(1.05) + } + .md\:hover\:scale-x-105:hover { + transform: scaleX(1.05) + } + .md\:active\:scale-x-105:active { + transform: scaleX(1.05) + } + .md\:focus\:scale-x-110:focus { + transform: scaleX(1.1) + } + .md\:hover\:scale-x-110:hover { + transform: scaleX(1.1) + } + .md\:active\:scale-x-110:active { + transform: scaleX(1.1) + } + .md\:focus\:scale-x-125:focus { + transform: scaleX(1.25) + } + .md\:hover\:scale-x-125:hover { + transform: scaleX(1.25) + } + .md\:active\:scale-x-125:active { + transform: scaleX(1.25) + } + .md\:focus\:scale-x-150:focus { + transform: scaleX(1.5) + } + .md\:hover\:scale-x-150:hover { + transform: scaleX(1.5) + } + .md\:active\:scale-x-150:active { + transform: scaleX(1.5) + } + .md\:focus\:scale-y-0:focus { + transform: scaleY(0) + } + .md\:hover\:scale-y-0:hover { + transform: scaleY(0) + } + .md\:active\:scale-y-0:active { + transform: scaleY(0) + } + .md\:focus\:scale-y-50:focus { + transform: scaleY(0.5) + } + .md\:hover\:scale-y-50:hover { + transform: scaleY(0.5) + } + .md\:active\:scale-y-50:active { + transform: scaleY(0.5) + } + .md\:focus\:scale-y-75:focus { + transform: scaleY(0.75) + } + .md\:hover\:scale-y-75:hover { + transform: scaleY(0.75) + } + .md\:active\:scale-y-75:active { + transform: scaleY(0.75) + } + .md\:focus\:scale-y-90:focus { + transform: scaleY(0.9) + } + .md\:hover\:scale-y-90:hover { + transform: scaleY(0.9) + } + .md\:active\:scale-y-90:active { + transform: scaleY(0.9) + } + .md\:focus\:scale-y-95:focus { + transform: scaleY(0.95) + } + .md\:hover\:scale-y-95:hover { + transform: scaleY(0.95) + } + .md\:active\:scale-y-95:active { + transform: scaleY(0.95) + } + .md\:focus\:scale-y-100:focus { + transform: scaleY(1) + } + .md\:hover\:scale-y-100:hover { + transform: scaleY(1) + } + .md\:active\:scale-y-100:active { + transform: scaleY(1) + } + .md\:focus\:scale-y-105:focus { + transform: scaleY(1.05) + } + .md\:hover\:scale-y-105:hover { + transform: scaleY(1.05) + } + .md\:active\:scale-y-105:active { + transform: scaleY(1.05) + } + .md\:focus\:scale-y-110:focus { + transform: scaleY(1.1) + } + .md\:hover\:scale-y-110:hover { + transform: scaleY(1.1) + } + .md\:active\:scale-y-110:active { + transform: scaleY(1.1) + } + .md\:focus\:scale-y-125:focus { + transform: scaleY(1.25) + } + .md\:hover\:scale-y-125:hover { + transform: scaleY(1.25) + } + .md\:active\:scale-y-125:active { + transform: scaleY(1.25) + } + .md\:focus\:scale-y-150:focus { + transform: scaleY(1.5) + } + .md\:hover\:scale-y-150:hover { + transform: scaleY(1.5) + } + .md\:active\:scale-y-150:active { + transform: scaleY(1.5) + } +} +@media screen and (min-width: 992px) { + .lg\:scale-0 { + transform: scale(0) + } + .lg\:scale-50 { + transform: scale(0.5) + } + .lg\:scale-75 { + transform: scale(0.75) + } + .lg\:scale-90 { + transform: scale(0.9) + } + .lg\:scale-95 { + transform: scale(0.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(0.5) + } + .lg\:scale-x-75 { + transform: scaleX(0.75) + } + .lg\:scale-x-90 { + transform: scaleX(0.9) + } + .lg\:scale-x-95 { + transform: scaleX(0.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(0.5) + } + .lg\:scale-y-75 { + transform: scaleY(0.75) + } + .lg\:scale-y-90 { + transform: scaleY(0.9) + } + .lg\:scale-y-95 { + transform: scaleY(0.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\:focus\:scale-0:focus { + transform: scale(0) + } + .lg\:hover\:scale-0:hover { + transform: scale(0) + } + .lg\:active\:scale-0:active { + transform: scale(0) + } + .lg\:focus\:scale-50:focus { + transform: scale(0.5) + } + .lg\:hover\:scale-50:hover { + transform: scale(0.5) + } + .lg\:active\:scale-50:active { + transform: scale(0.5) + } + .lg\:focus\:scale-75:focus { + transform: scale(0.75) + } + .lg\:hover\:scale-75:hover { + transform: scale(0.75) + } + .lg\:active\:scale-75:active { + transform: scale(0.75) + } + .lg\:focus\:scale-90:focus { + transform: scale(0.9) + } + .lg\:hover\:scale-90:hover { + transform: scale(0.9) + } + .lg\:active\:scale-90:active { + transform: scale(0.9) + } + .lg\:focus\:scale-95:focus { + transform: scale(0.95) + } + .lg\:hover\:scale-95:hover { + transform: scale(0.95) + } + .lg\:active\:scale-95:active { + transform: scale(0.95) + } + .lg\:focus\:scale-100:focus { + transform: scale(1) + } + .lg\:hover\:scale-100:hover { + transform: scale(1) + } + .lg\:active\:scale-100:active { + transform: scale(1) + } + .lg\:focus\:scale-105:focus { + transform: scale(1.05) + } + .lg\:hover\:scale-105:hover { + transform: scale(1.05) + } + .lg\:active\:scale-105:active { + transform: scale(1.05) + } + .lg\:focus\:scale-110:focus { + transform: scale(1.1) + } + .lg\:hover\:scale-110:hover { + transform: scale(1.1) + } + .lg\:active\:scale-110:active { + transform: scale(1.1) + } + .lg\:focus\:scale-125:focus { + transform: scale(1.25) + } + .lg\:hover\:scale-125:hover { + transform: scale(1.25) + } + .lg\:active\:scale-125:active { + transform: scale(1.25) + } + .lg\:focus\:scale-150:focus { + transform: scale(1.5) + } + .lg\:hover\:scale-150:hover { + transform: scale(1.5) + } + .lg\:active\:scale-150:active { + transform: scale(1.5) + } + .lg\:focus\:scale-x-0:focus { + transform: scaleX(0) + } + .lg\:hover\:scale-x-0:hover { + transform: scaleX(0) + } + .lg\:active\:scale-x-0:active { + transform: scaleX(0) + } + .lg\:focus\:scale-x-50:focus { + transform: scaleX(0.5) + } + .lg\:hover\:scale-x-50:hover { + transform: scaleX(0.5) + } + .lg\:active\:scale-x-50:active { + transform: scaleX(0.5) + } + .lg\:focus\:scale-x-75:focus { + transform: scaleX(0.75) + } + .lg\:hover\:scale-x-75:hover { + transform: scaleX(0.75) + } + .lg\:active\:scale-x-75:active { + transform: scaleX(0.75) + } + .lg\:focus\:scale-x-90:focus { + transform: scaleX(0.9) + } + .lg\:hover\:scale-x-90:hover { + transform: scaleX(0.9) + } + .lg\:active\:scale-x-90:active { + transform: scaleX(0.9) + } + .lg\:focus\:scale-x-95:focus { + transform: scaleX(0.95) + } + .lg\:hover\:scale-x-95:hover { + transform: scaleX(0.95) + } + .lg\:active\:scale-x-95:active { + transform: scaleX(0.95) + } + .lg\:focus\:scale-x-100:focus { + transform: scaleX(1) + } + .lg\:hover\:scale-x-100:hover { + transform: scaleX(1) + } + .lg\:active\:scale-x-100:active { + transform: scaleX(1) + } + .lg\:focus\:scale-x-105:focus { + transform: scaleX(1.05) + } + .lg\:hover\:scale-x-105:hover { + transform: scaleX(1.05) + } + .lg\:active\:scale-x-105:active { + transform: scaleX(1.05) + } + .lg\:focus\:scale-x-110:focus { + transform: scaleX(1.1) + } + .lg\:hover\:scale-x-110:hover { + transform: scaleX(1.1) + } + .lg\:active\:scale-x-110:active { + transform: scaleX(1.1) + } + .lg\:focus\:scale-x-125:focus { + transform: scaleX(1.25) + } + .lg\:hover\:scale-x-125:hover { + transform: scaleX(1.25) + } + .lg\:active\:scale-x-125:active { + transform: scaleX(1.25) + } + .lg\:focus\:scale-x-150:focus { + transform: scaleX(1.5) + } + .lg\:hover\:scale-x-150:hover { + transform: scaleX(1.5) + } + .lg\:active\:scale-x-150:active { + transform: scaleX(1.5) + } + .lg\:focus\:scale-y-0:focus { + transform: scaleY(0) + } + .lg\:hover\:scale-y-0:hover { + transform: scaleY(0) + } + .lg\:active\:scale-y-0:active { + transform: scaleY(0) + } + .lg\:focus\:scale-y-50:focus { + transform: scaleY(0.5) + } + .lg\:hover\:scale-y-50:hover { + transform: scaleY(0.5) + } + .lg\:active\:scale-y-50:active { + transform: scaleY(0.5) + } + .lg\:focus\:scale-y-75:focus { + transform: scaleY(0.75) + } + .lg\:hover\:scale-y-75:hover { + transform: scaleY(0.75) + } + .lg\:active\:scale-y-75:active { + transform: scaleY(0.75) + } + .lg\:focus\:scale-y-90:focus { + transform: scaleY(0.9) + } + .lg\:hover\:scale-y-90:hover { + transform: scaleY(0.9) + } + .lg\:active\:scale-y-90:active { + transform: scaleY(0.9) + } + .lg\:focus\:scale-y-95:focus { + transform: scaleY(0.95) + } + .lg\:hover\:scale-y-95:hover { + transform: scaleY(0.95) + } + .lg\:active\:scale-y-95:active { + transform: scaleY(0.95) + } + .lg\:focus\:scale-y-100:focus { + transform: scaleY(1) + } + .lg\:hover\:scale-y-100:hover { + transform: scaleY(1) + } + .lg\:active\:scale-y-100:active { + transform: scaleY(1) + } + .lg\:focus\:scale-y-105:focus { + transform: scaleY(1.05) + } + .lg\:hover\:scale-y-105:hover { + transform: scaleY(1.05) + } + .lg\:active\:scale-y-105:active { + transform: scaleY(1.05) + } + .lg\:focus\:scale-y-110:focus { + transform: scaleY(1.1) + } + .lg\:hover\:scale-y-110:hover { + transform: scaleY(1.1) + } + .lg\:active\:scale-y-110:active { + transform: scaleY(1.1) + } + .lg\:focus\:scale-y-125:focus { + transform: scaleY(1.25) + } + .lg\:hover\:scale-y-125:hover { + transform: scaleY(1.25) + } + .lg\:active\:scale-y-125:active { + transform: scaleY(1.25) + } + .lg\:focus\:scale-y-150:focus { + transform: scaleY(1.5) + } + .lg\:hover\:scale-y-150:hover { + transform: scaleY(1.5) + } + .lg\:active\:scale-y-150:active { + transform: scaleY(1.5) + } +} +@media screen and (min-width: 1200px) { + .xl\:scale-0 { + transform: scale(0) + } + .xl\:scale-50 { + transform: scale(0.5) + } + .xl\:scale-75 { + transform: scale(0.75) + } + .xl\:scale-90 { + transform: scale(0.9) + } + .xl\:scale-95 { + transform: scale(0.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(0.5) + } + .xl\:scale-x-75 { + transform: scaleX(0.75) + } + .xl\:scale-x-90 { + transform: scaleX(0.9) + } + .xl\:scale-x-95 { + transform: scaleX(0.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(0.5) + } + .xl\:scale-y-75 { + transform: scaleY(0.75) + } + .xl\:scale-y-90 { + transform: scaleY(0.9) + } + .xl\:scale-y-95 { + transform: scaleY(0.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\:focus\:scale-0:focus { + transform: scale(0) + } + .xl\:hover\:scale-0:hover { + transform: scale(0) + } + .xl\:active\:scale-0:active { + transform: scale(0) + } + .xl\:focus\:scale-50:focus { + transform: scale(0.5) + } + .xl\:hover\:scale-50:hover { + transform: scale(0.5) + } + .xl\:active\:scale-50:active { + transform: scale(0.5) + } + .xl\:focus\:scale-75:focus { + transform: scale(0.75) + } + .xl\:hover\:scale-75:hover { + transform: scale(0.75) + } + .xl\:active\:scale-75:active { + transform: scale(0.75) + } + .xl\:focus\:scale-90:focus { + transform: scale(0.9) + } + .xl\:hover\:scale-90:hover { + transform: scale(0.9) + } + .xl\:active\:scale-90:active { + transform: scale(0.9) + } + .xl\:focus\:scale-95:focus { + transform: scale(0.95) + } + .xl\:hover\:scale-95:hover { + transform: scale(0.95) + } + .xl\:active\:scale-95:active { + transform: scale(0.95) + } + .xl\:focus\:scale-100:focus { + transform: scale(1) + } + .xl\:hover\:scale-100:hover { + transform: scale(1) + } + .xl\:active\:scale-100:active { + transform: scale(1) + } + .xl\:focus\:scale-105:focus { + transform: scale(1.05) + } + .xl\:hover\:scale-105:hover { + transform: scale(1.05) + } + .xl\:active\:scale-105:active { + transform: scale(1.05) + } + .xl\:focus\:scale-110:focus { + transform: scale(1.1) + } + .xl\:hover\:scale-110:hover { + transform: scale(1.1) + } + .xl\:active\:scale-110:active { + transform: scale(1.1) + } + .xl\:focus\:scale-125:focus { + transform: scale(1.25) + } + .xl\:hover\:scale-125:hover { + transform: scale(1.25) + } + .xl\:active\:scale-125:active { + transform: scale(1.25) + } + .xl\:focus\:scale-150:focus { + transform: scale(1.5) + } + .xl\:hover\:scale-150:hover { + transform: scale(1.5) + } + .xl\:active\:scale-150:active { + transform: scale(1.5) + } + .xl\:focus\:scale-x-0:focus { + transform: scaleX(0) + } + .xl\:hover\:scale-x-0:hover { + transform: scaleX(0) + } + .xl\:active\:scale-x-0:active { + transform: scaleX(0) + } + .xl\:focus\:scale-x-50:focus { + transform: scaleX(0.5) + } + .xl\:hover\:scale-x-50:hover { + transform: scaleX(0.5) + } + .xl\:active\:scale-x-50:active { + transform: scaleX(0.5) + } + .xl\:focus\:scale-x-75:focus { + transform: scaleX(0.75) + } + .xl\:hover\:scale-x-75:hover { + transform: scaleX(0.75) + } + .xl\:active\:scale-x-75:active { + transform: scaleX(0.75) + } + .xl\:focus\:scale-x-90:focus { + transform: scaleX(0.9) + } + .xl\:hover\:scale-x-90:hover { + transform: scaleX(0.9) + } + .xl\:active\:scale-x-90:active { + transform: scaleX(0.9) + } + .xl\:focus\:scale-x-95:focus { + transform: scaleX(0.95) + } + .xl\:hover\:scale-x-95:hover { + transform: scaleX(0.95) + } + .xl\:active\:scale-x-95:active { + transform: scaleX(0.95) + } + .xl\:focus\:scale-x-100:focus { + transform: scaleX(1) + } + .xl\:hover\:scale-x-100:hover { + transform: scaleX(1) + } + .xl\:active\:scale-x-100:active { + transform: scaleX(1) + } + .xl\:focus\:scale-x-105:focus { + transform: scaleX(1.05) + } + .xl\:hover\:scale-x-105:hover { + transform: scaleX(1.05) + } + .xl\:active\:scale-x-105:active { + transform: scaleX(1.05) + } + .xl\:focus\:scale-x-110:focus { + transform: scaleX(1.1) + } + .xl\:hover\:scale-x-110:hover { + transform: scaleX(1.1) + } + .xl\:active\:scale-x-110:active { + transform: scaleX(1.1) + } + .xl\:focus\:scale-x-125:focus { + transform: scaleX(1.25) + } + .xl\:hover\:scale-x-125:hover { + transform: scaleX(1.25) + } + .xl\:active\:scale-x-125:active { + transform: scaleX(1.25) + } + .xl\:focus\:scale-x-150:focus { + transform: scaleX(1.5) + } + .xl\:hover\:scale-x-150:hover { + transform: scaleX(1.5) + } + .xl\:active\:scale-x-150:active { + transform: scaleX(1.5) + } + .xl\:focus\:scale-y-0:focus { + transform: scaleY(0) + } + .xl\:hover\:scale-y-0:hover { + transform: scaleY(0) + } + .xl\:active\:scale-y-0:active { + transform: scaleY(0) + } + .xl\:focus\:scale-y-50:focus { + transform: scaleY(0.5) + } + .xl\:hover\:scale-y-50:hover { + transform: scaleY(0.5) + } + .xl\:active\:scale-y-50:active { + transform: scaleY(0.5) + } + .xl\:focus\:scale-y-75:focus { + transform: scaleY(0.75) + } + .xl\:hover\:scale-y-75:hover { + transform: scaleY(0.75) + } + .xl\:active\:scale-y-75:active { + transform: scaleY(0.75) + } + .xl\:focus\:scale-y-90:focus { + transform: scaleY(0.9) + } + .xl\:hover\:scale-y-90:hover { + transform: scaleY(0.9) + } + .xl\:active\:scale-y-90:active { + transform: scaleY(0.9) + } + .xl\:focus\:scale-y-95:focus { + transform: scaleY(0.95) + } + .xl\:hover\:scale-y-95:hover { + transform: scaleY(0.95) + } + .xl\:active\:scale-y-95:active { + transform: scaleY(0.95) + } + .xl\:focus\:scale-y-100:focus { + transform: scaleY(1) + } + .xl\:hover\:scale-y-100:hover { + transform: scaleY(1) + } + .xl\:active\:scale-y-100:active { + transform: scaleY(1) + } + .xl\:focus\:scale-y-105:focus { + transform: scaleY(1.05) + } + .xl\:hover\:scale-y-105:hover { + transform: scaleY(1.05) + } + .xl\:active\:scale-y-105:active { + transform: scaleY(1.05) + } + .xl\:focus\:scale-y-110:focus { + transform: scaleY(1.1) + } + .xl\:hover\:scale-y-110:hover { + transform: scaleY(1.1) + } + .xl\:active\:scale-y-110:active { + transform: scaleY(1.1) + } + .xl\:focus\:scale-y-125:focus { + transform: scaleY(1.25) + } + .xl\:hover\:scale-y-125:hover { + transform: scaleY(1.25) + } + .xl\:active\:scale-y-125:active { + transform: scaleY(1.25) + } + .xl\:focus\:scale-y-150:focus { + transform: scaleY(1.5) + } + .xl\:hover\:scale-y-150:hover { + transform: scaleY(1.5) + } + .xl\:active\:scale-y-150:active { + transform: scaleY(1.5) + } +} +.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 +} +.focus\:origin-center:focus { + transform-origin: center +} +.hover\:origin-center:hover { + transform-origin: center +} +.active\:origin-center:active { + transform-origin: center +} +.focus\:origin-top:focus { + transform-origin: top +} +.hover\:origin-top:hover { + transform-origin: top +} +.active\:origin-top:active { + transform-origin: top +} +.focus\:origin-top-right:focus { + transform-origin: top right +} +.hover\:origin-top-right:hover { + transform-origin: top right +} +.active\:origin-top-right:active { + transform-origin: top right +} +.focus\:origin-right:focus { + transform-origin: right +} +.hover\:origin-right:hover { + transform-origin: right +} +.active\:origin-right:active { + transform-origin: right +} +.focus\:origin-bottom-right:focus { + transform-origin: bottom right +} +.hover\:origin-bottom-right:hover { + transform-origin: bottom right +} +.active\:origin-bottom-right:active { + transform-origin: bottom right +} +.focus\:origin-bottom:focus { + transform-origin: bottom +} +.hover\:origin-bottom:hover { + transform-origin: bottom +} +.active\:origin-bottom:active { + transform-origin: bottom +} +.focus\:origin-bottom-left:focus { + transform-origin: bottom left +} +.hover\:origin-bottom-left:hover { + transform-origin: bottom left +} +.active\:origin-bottom-left:active { + transform-origin: bottom left +} +.focus\:origin-left:focus { + transform-origin: left +} +.hover\:origin-left:hover { + transform-origin: left +} +.active\:origin-left:active { + transform-origin: left +} +.focus\:origin-top-left:focus { + transform-origin: top-left +} +.hover\:origin-top-left:hover { + transform-origin: top-left +} +.active\:origin-top-left:active { + transform-origin: top-left +} +@media screen and (min-width: 576px) { + .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\:focus\:origin-center:focus { + transform-origin: center + } + .sm\:hover\:origin-center:hover { + transform-origin: center + } + .sm\:active\:origin-center:active { + transform-origin: center + } + .sm\:focus\:origin-top:focus { + transform-origin: top + } + .sm\:hover\:origin-top:hover { + transform-origin: top + } + .sm\:active\:origin-top:active { + transform-origin: top + } + .sm\:focus\:origin-top-right:focus { + transform-origin: top right + } + .sm\:hover\:origin-top-right:hover { + transform-origin: top right + } + .sm\:active\:origin-top-right:active { + transform-origin: top right + } + .sm\:focus\:origin-right:focus { + transform-origin: right + } + .sm\:hover\:origin-right:hover { + transform-origin: right + } + .sm\:active\:origin-right:active { + transform-origin: right + } + .sm\:focus\:origin-bottom-right:focus { + transform-origin: bottom right + } + .sm\:hover\:origin-bottom-right:hover { + transform-origin: bottom right + } + .sm\:active\:origin-bottom-right:active { + transform-origin: bottom right + } + .sm\:focus\:origin-bottom:focus { + transform-origin: bottom + } + .sm\:hover\:origin-bottom:hover { + transform-origin: bottom + } + .sm\:active\:origin-bottom:active { + transform-origin: bottom + } + .sm\:focus\:origin-bottom-left:focus { + transform-origin: bottom left + } + .sm\:hover\:origin-bottom-left:hover { + transform-origin: bottom left + } + .sm\:active\:origin-bottom-left:active { + transform-origin: bottom left + } + .sm\:focus\:origin-left:focus { + transform-origin: left + } + .sm\:hover\:origin-left:hover { + transform-origin: left + } + .sm\:active\:origin-left:active { + transform-origin: left + } + .sm\:focus\:origin-top-left:focus { + transform-origin: top-left + } + .sm\:hover\:origin-top-left:hover { + transform-origin: top-left + } + .sm\:active\:origin-top-left:active { + transform-origin: top-left + } +} +@media screen and (min-width: 768px) { + .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\:focus\:origin-center:focus { + transform-origin: center + } + .md\:hover\:origin-center:hover { + transform-origin: center + } + .md\:active\:origin-center:active { + transform-origin: center + } + .md\:focus\:origin-top:focus { + transform-origin: top + } + .md\:hover\:origin-top:hover { + transform-origin: top + } + .md\:active\:origin-top:active { + transform-origin: top + } + .md\:focus\:origin-top-right:focus { + transform-origin: top right + } + .md\:hover\:origin-top-right:hover { + transform-origin: top right + } + .md\:active\:origin-top-right:active { + transform-origin: top right + } + .md\:focus\:origin-right:focus { + transform-origin: right + } + .md\:hover\:origin-right:hover { + transform-origin: right + } + .md\:active\:origin-right:active { + transform-origin: right + } + .md\:focus\:origin-bottom-right:focus { + transform-origin: bottom right + } + .md\:hover\:origin-bottom-right:hover { + transform-origin: bottom right + } + .md\:active\:origin-bottom-right:active { + transform-origin: bottom right + } + .md\:focus\:origin-bottom:focus { + transform-origin: bottom + } + .md\:hover\:origin-bottom:hover { + transform-origin: bottom + } + .md\:active\:origin-bottom:active { + transform-origin: bottom + } + .md\:focus\:origin-bottom-left:focus { + transform-origin: bottom left + } + .md\:hover\:origin-bottom-left:hover { + transform-origin: bottom left + } + .md\:active\:origin-bottom-left:active { + transform-origin: bottom left + } + .md\:focus\:origin-left:focus { + transform-origin: left + } + .md\:hover\:origin-left:hover { + transform-origin: left + } + .md\:active\:origin-left:active { + transform-origin: left + } + .md\:focus\:origin-top-left:focus { + transform-origin: top-left + } + .md\:hover\:origin-top-left:hover { + transform-origin: top-left + } + .md\:active\:origin-top-left:active { + transform-origin: top-left + } +} +@media screen and (min-width: 992px) { + .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\:focus\:origin-center:focus { + transform-origin: center + } + .lg\:hover\:origin-center:hover { + transform-origin: center + } + .lg\:active\:origin-center:active { + transform-origin: center + } + .lg\:focus\:origin-top:focus { + transform-origin: top + } + .lg\:hover\:origin-top:hover { + transform-origin: top + } + .lg\:active\:origin-top:active { + transform-origin: top + } + .lg\:focus\:origin-top-right:focus { + transform-origin: top right + } + .lg\:hover\:origin-top-right:hover { + transform-origin: top right + } + .lg\:active\:origin-top-right:active { + transform-origin: top right + } + .lg\:focus\:origin-right:focus { + transform-origin: right + } + .lg\:hover\:origin-right:hover { + transform-origin: right + } + .lg\:active\:origin-right:active { + transform-origin: right + } + .lg\:focus\:origin-bottom-right:focus { + transform-origin: bottom right + } + .lg\:hover\:origin-bottom-right:hover { + transform-origin: bottom right + } + .lg\:active\:origin-bottom-right:active { + transform-origin: bottom right + } + .lg\:focus\:origin-bottom:focus { + transform-origin: bottom + } + .lg\:hover\:origin-bottom:hover { + transform-origin: bottom + } + .lg\:active\:origin-bottom:active { + transform-origin: bottom + } + .lg\:focus\:origin-bottom-left:focus { + transform-origin: bottom left + } + .lg\:hover\:origin-bottom-left:hover { + transform-origin: bottom left + } + .lg\:active\:origin-bottom-left:active { + transform-origin: bottom left + } + .lg\:focus\:origin-left:focus { + transform-origin: left + } + .lg\:hover\:origin-left:hover { + transform-origin: left + } + .lg\:active\:origin-left:active { + transform-origin: left + } + .lg\:focus\:origin-top-left:focus { + transform-origin: top-left + } + .lg\:hover\:origin-top-left:hover { + transform-origin: top-left + } + .lg\:active\:origin-top-left:active { + transform-origin: top-left + } +} +@media screen and (min-width: 1200px) { + .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\:focus\:origin-center:focus { + transform-origin: center + } + .xl\:hover\:origin-center:hover { + transform-origin: center + } + .xl\:active\:origin-center:active { + transform-origin: center + } + .xl\:focus\:origin-top:focus { + transform-origin: top + } + .xl\:hover\:origin-top:hover { + transform-origin: top + } + .xl\:active\:origin-top:active { + transform-origin: top + } + .xl\:focus\:origin-top-right:focus { + transform-origin: top right + } + .xl\:hover\:origin-top-right:hover { + transform-origin: top right + } + .xl\:active\:origin-top-right:active { + transform-origin: top right + } + .xl\:focus\:origin-right:focus { + transform-origin: right + } + .xl\:hover\:origin-right:hover { + transform-origin: right + } + .xl\:active\:origin-right:active { + transform-origin: right + } + .xl\:focus\:origin-bottom-right:focus { + transform-origin: bottom right + } + .xl\:hover\:origin-bottom-right:hover { + transform-origin: bottom right + } + .xl\:active\:origin-bottom-right:active { + transform-origin: bottom right + } + .xl\:focus\:origin-bottom:focus { + transform-origin: bottom + } + .xl\:hover\:origin-bottom:hover { + transform-origin: bottom + } + .xl\:active\:origin-bottom:active { + transform-origin: bottom + } + .xl\:focus\:origin-bottom-left:focus { + transform-origin: bottom left + } + .xl\:hover\:origin-bottom-left:hover { + transform-origin: bottom left + } + .xl\:active\:origin-bottom-left:active { + transform-origin: bottom left + } + .xl\:focus\:origin-left:focus { + transform-origin: left + } + .xl\:hover\:origin-left:hover { + transform-origin: left + } + .xl\:active\:origin-left:active { + transform-origin: left + } + .xl\:focus\:origin-top-left:focus { + transform-origin: top-left + } + .xl\:hover\:origin-top-left:hover { + transform-origin: top-left + } + .xl\:active\:origin-top-left:active { + transform-origin: top-left + } +} +.transition-delay-100 { + transition-delay: 100ms +} +.transition-delay-150 { + transition-delay: 150ms +} +.transition-delay-200 { + transition-delay: 200ms +} +.transition-delay-300 { + transition-delay: 300ms +} +.transition-delay-400 { + transition-delay: 400ms +} +.transition-delay-500 { + transition-delay: 500ms +} +.transition-delay-1000 { + transition-delay: 1000ms +} +.transition-duration-100 { + transition-duration: 100ms +} +.transition-duration-150 { + transition-duration: 150ms +} +.transition-duration-200 { + transition-duration: 200ms +} +.transition-duration-300 { + transition-duration: 300ms +} +.transition-duration-400 { + transition-duration: 400ms +} +.transition-duration-500 { + transition-duration: 500ms +} +.transition-duration-1000 { + transition-duration: 1000ms +} +.transition-duration-2000 { + transition-duration: 2000ms +} +.transition-duration-3000 { + transition-duration: 3000ms +} +.transition-none { + transition-property: none +} +.transition-all { + transition-property: all +} +.transition-colors { + transition-property: background-color,border-color,color +} +.transition-transform { + transition-property: transform +} +.transition-linear { + transition-timing-function: linear +} +.transition-ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) +} +.transition-ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) +} +.transition-ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) +} +.select-none { + user-select: none +} +.select-text { + user-select: text +} +.select-all { + user-select: all +} +.select-auto { + user-select: auto +} +.vertical-align-baseline { + vertical-align: baseline +} +.vertical-align-top { + vertical-align: top +} +.vertical-align-middle { + vertical-align: middle +} +.vertical-align-bottom { + vertical-align: bottom +} +.vertical-align-text-top { + vertical-align: text-top +} +.vertical-align-text-bottom { + vertical-align: text-bottom +} +.vertical-align-sub { + vertical-align: sub +} +.vertical-align-super { + vertical-align: super +} +@media screen and (min-width: 576px) { + .sm\:vertical-align-baseline { + vertical-align: baseline + } + .sm\:vertical-align-top { + vertical-align: top + } + .sm\:vertical-align-middle { + vertical-align: middle + } + .sm\:vertical-align-bottom { + vertical-align: bottom + } + .sm\:vertical-align-text-top { + vertical-align: text-top + } + .sm\:vertical-align-text-bottom { + vertical-align: text-bottom + } + .sm\:vertical-align-sub { + vertical-align: sub + } + .sm\:vertical-align-super { + vertical-align: super + } +} +@media screen and (min-width: 768px) { + .md\:vertical-align-baseline { + vertical-align: baseline + } + .md\:vertical-align-top { + vertical-align: top + } + .md\:vertical-align-middle { + vertical-align: middle + } + .md\:vertical-align-bottom { + vertical-align: bottom + } + .md\:vertical-align-text-top { + vertical-align: text-top + } + .md\:vertical-align-text-bottom { + vertical-align: text-bottom + } + .md\:vertical-align-sub { + vertical-align: sub + } + .md\:vertical-align-super { + vertical-align: super + } +} +@media screen and (min-width: 992px) { + .lg\:vertical-align-baseline { + vertical-align: baseline + } + .lg\:vertical-align-top { + vertical-align: top + } + .lg\:vertical-align-middle { + vertical-align: middle + } + .lg\:vertical-align-bottom { + vertical-align: bottom + } + .lg\:vertical-align-text-top { + vertical-align: text-top + } + .lg\:vertical-align-text-bottom { + vertical-align: text-bottom + } + .lg\:vertical-align-sub { + vertical-align: sub + } + .lg\:vertical-align-super { + vertical-align: super + } +} +@media screen and (min-width: 1200px) { + .xl\:vertical-align-baseline { + vertical-align: baseline + } + .xl\:vertical-align-top { + vertical-align: top + } + .xl\:vertical-align-middle { + vertical-align: middle + } + .xl\:vertical-align-bottom { + vertical-align: bottom + } + .xl\:vertical-align-text-top { + vertical-align: text-top + } + .xl\:vertical-align-text-bottom { + vertical-align: text-bottom + } + .xl\:vertical-align-sub { + vertical-align: sub + } + .xl\:vertical-align-super { + vertical-align: super + } +} +.white-space-normal { + white-space: normal +} +.white-space-nowrap { + white-space: nowrap +} +@media screen and (min-width: 576px) { + .sm\:white-space-normal { + white-space: normal + } + .sm\:white-space-nowrap { + white-space: nowrap + } +} +@media screen and (min-width: 768px) { + .md\:white-space-normal { + white-space: normal + } + .md\:white-space-nowrap { + white-space: nowrap + } +} +@media screen and (min-width: 992px) { + .lg\:white-space-normal { + white-space: normal + } + .lg\:white-space-nowrap { + white-space: nowrap + } +} +@media screen and (min-width: 1200px) { + .xl\:white-space-normal { + white-space: normal + } + .xl\:white-space-nowrap { + white-space: nowrap + } +} +.w-full { + width: 100% +} +.w-screen { + width: 100vw +} +.w-auto { + width: auto +} +.w-min { + width: min-content +} +.w-max { + width: max-content +} +.w-fit { + width: fit-content +} +.w-1 { + width: 8.3333% +} +.w-2 { + width: 16.6667% +} +.w-3 { + width: 25% +} +.w-4 { + width: 33.3333% +} +.w-5 { + width: 41.6667% +} +.w-6 { + width: 50% +} +.w-7 { + width: 58.3333% +} +.w-8 { + width: 66.6667% +} +.w-9 { + width: 75% +} +.w-10 { + width: 83.3333% +} +.w-11 { + width: 91.6667% +} +.w-12 { + width: 100% +} +.w-1rem { + width: 1rem +} +.w-2rem { + width: 2rem +} +.w-3rem { + width: 3rem +} +.w-4rem { + width: 4rem +} +.w-5rem { + width: 5rem +} +.w-6rem { + width: 6rem +} +.w-7rem { + width: 7rem +} +.w-8rem { + width: 8rem +} +.w-9rem { + width: 9rem +} +.w-10rem { + width: 10rem +} +.w-11rem { + width: 11rem +} +.w-12rem { + width: 12rem +} +.w-13rem { + width: 13rem +} +.w-14rem { + width: 14rem +} +.w-15rem { + width: 15rem +} +.w-16rem { + width: 16rem +} +.w-17rem { + width: 17rem +} +.w-18rem { + width: 18rem +} +.w-19rem { + width: 19rem +} +.w-20rem { + width: 20rem +} +.w-21rem { + width: 21rem +} +.w-22rem { + width: 22rem +} +.w-23rem { + width: 23rem +} +.w-24rem { + width: 24rem +} +.w-25rem { + width: 25rem +} +.w-26rem { + width: 26rem +} +.w-27rem { + width: 27rem +} +.w-28rem { + width: 28rem +} +.w-29rem { + width: 29rem +} +.w-30rem { + width: 30rem +} +.w-31rem { + width: 31rem +} +.w-32rem { + width: 32rem +} +.w-33rem { + width: 33rem +} +.w-34rem { + width: 34rem +} +.w-35rem { + width: 35rem +} +.w-36rem { + width: 36rem +} +.w-37rem { + width: 37rem +} +.w-38rem { + width: 38rem +} +.w-39rem { + width: 39rem +} +.w-40rem { + width: 40rem +} +.w-41rem { + width: 41rem +} +.w-42rem { + width: 42rem +} +.w-43rem { + width: 43rem +} +.w-44rem { + width: 44rem +} +.w-45rem { + width: 45rem +} +.w-46rem { + width: 46rem +} +.w-47rem { + width: 47rem +} +.w-48rem { + width: 48rem +} +.w-49rem { + width: 49rem +} +.w-50rem { + width: 50rem +} +@media screen and (min-width: 576px) { + .sm\:w-full { + width: 100% + } + .sm\:w-screen { + width: 100vw + } + .sm\:w-auto { + width: auto + } + .sm\:w-min { + width: min-content + } + .sm\:w-max { + width: max-content + } + .sm\:w-fit { + width: fit-content + } + .sm\:w-1 { + width: 8.3333% + } + .sm\:w-2 { + width: 16.6667% + } + .sm\:w-3 { + width: 25% + } + .sm\:w-4 { + width: 33.3333% + } + .sm\:w-5 { + width: 41.6667% + } + .sm\:w-6 { + width: 50% + } + .sm\:w-7 { + width: 58.3333% + } + .sm\:w-8 { + width: 66.6667% + } + .sm\:w-9 { + width: 75% + } + .sm\:w-10 { + width: 83.3333% + } + .sm\:w-11 { + width: 91.6667% + } + .sm\:w-12 { + width: 100% + } + .sm\:w-1rem { + width: 1rem + } + .sm\:w-2rem { + width: 2rem + } + .sm\:w-3rem { + width: 3rem + } + .sm\:w-4rem { + width: 4rem + } + .sm\:w-5rem { + width: 5rem + } + .sm\:w-6rem { + width: 6rem + } + .sm\:w-7rem { + width: 7rem + } + .sm\:w-8rem { + width: 8rem + } + .sm\:w-9rem { + width: 9rem + } + .sm\:w-10rem { + width: 10rem + } + .sm\:w-11rem { + width: 11rem + } + .sm\:w-12rem { + width: 12rem + } + .sm\:w-13rem { + width: 13rem + } + .sm\:w-14rem { + width: 14rem + } + .sm\:w-15rem { + width: 15rem + } + .sm\:w-16rem { + width: 16rem + } + .sm\:w-17rem { + width: 17rem + } + .sm\:w-18rem { + width: 18rem + } + .sm\:w-19rem { + width: 19rem + } + .sm\:w-20rem { + width: 20rem + } + .sm\:w-21rem { + width: 21rem + } + .sm\:w-22rem { + width: 22rem + } + .sm\:w-23rem { + width: 23rem + } + .sm\:w-24rem { + width: 24rem + } + .sm\:w-25rem { + width: 25rem + } + .sm\:w-26rem { + width: 26rem + } + .sm\:w-27rem { + width: 27rem + } + .sm\:w-28rem { + width: 28rem + } + .sm\:w-29rem { + width: 29rem + } + .sm\:w-30rem { + width: 30rem + } + .sm\:w-31rem { + width: 31rem + } + .sm\:w-32rem { + width: 32rem + } + .sm\:w-33rem { + width: 33rem + } + .sm\:w-34rem { + width: 34rem + } + .sm\:w-35rem { + width: 35rem + } + .sm\:w-36rem { + width: 36rem + } + .sm\:w-37rem { + width: 37rem + } + .sm\:w-38rem { + width: 38rem + } + .sm\:w-39rem { + width: 39rem + } + .sm\:w-40rem { + width: 40rem + } + .sm\:w-41rem { + width: 41rem + } + .sm\:w-42rem { + width: 42rem + } + .sm\:w-43rem { + width: 43rem + } + .sm\:w-44rem { + width: 44rem + } + .sm\:w-45rem { + width: 45rem + } + .sm\:w-46rem { + width: 46rem + } + .sm\:w-47rem { + width: 47rem + } + .sm\:w-48rem { + width: 48rem + } + .sm\:w-49rem { + width: 49rem + } + .sm\:w-50rem { + width: 50rem + } +} +@media screen and (min-width: 768px) { + .md\:w-full { + width: 100% + } + .md\:w-screen { + width: 100vw + } + .md\:w-auto { + width: auto + } + .md\:w-min { + width: min-content + } + .md\:w-max { + width: max-content + } + .md\:w-fit { + width: fit-content + } + .md\:w-1 { + width: 8.3333% + } + .md\:w-2 { + width: 16.6667% + } + .md\:w-3 { + width: 25% + } + .md\:w-4 { + width: 33.3333% + } + .md\:w-5 { + width: 41.6667% + } + .md\:w-6 { + width: 50% + } + .md\:w-7 { + width: 58.3333% + } + .md\:w-8 { + width: 66.6667% + } + .md\:w-9 { + width: 75% + } + .md\:w-10 { + width: 83.3333% + } + .md\:w-11 { + width: 91.6667% + } + .md\:w-12 { + width: 100% + } + .md\:w-1rem { + width: 1rem + } + .md\:w-2rem { + width: 2rem + } + .md\:w-3rem { + width: 3rem + } + .md\:w-4rem { + width: 4rem + } + .md\:w-5rem { + width: 5rem + } + .md\:w-6rem { + width: 6rem + } + .md\:w-7rem { + width: 7rem + } + .md\:w-8rem { + width: 8rem + } + .md\:w-9rem { + width: 9rem + } + .md\:w-10rem { + width: 10rem + } + .md\:w-11rem { + width: 11rem + } + .md\:w-12rem { + width: 12rem + } + .md\:w-13rem { + width: 13rem + } + .md\:w-14rem { + width: 14rem + } + .md\:w-15rem { + width: 15rem + } + .md\:w-16rem { + width: 16rem + } + .md\:w-17rem { + width: 17rem + } + .md\:w-18rem { + width: 18rem + } + .md\:w-19rem { + width: 19rem + } + .md\:w-20rem { + width: 20rem + } + .md\:w-21rem { + width: 21rem + } + .md\:w-22rem { + width: 22rem + } + .md\:w-23rem { + width: 23rem + } + .md\:w-24rem { + width: 24rem + } + .md\:w-25rem { + width: 25rem + } + .md\:w-26rem { + width: 26rem + } + .md\:w-27rem { + width: 27rem + } + .md\:w-28rem { + width: 28rem + } + .md\:w-29rem { + width: 29rem + } + .md\:w-30rem { + width: 30rem + } + .md\:w-31rem { + width: 31rem + } + .md\:w-32rem { + width: 32rem + } + .md\:w-33rem { + width: 33rem + } + .md\:w-34rem { + width: 34rem + } + .md\:w-35rem { + width: 35rem + } + .md\:w-36rem { + width: 36rem + } + .md\:w-37rem { + width: 37rem + } + .md\:w-38rem { + width: 38rem + } + .md\:w-39rem { + width: 39rem + } + .md\:w-40rem { + width: 40rem + } + .md\:w-41rem { + width: 41rem + } + .md\:w-42rem { + width: 42rem + } + .md\:w-43rem { + width: 43rem + } + .md\:w-44rem { + width: 44rem + } + .md\:w-45rem { + width: 45rem + } + .md\:w-46rem { + width: 46rem + } + .md\:w-47rem { + width: 47rem + } + .md\:w-48rem { + width: 48rem + } + .md\:w-49rem { + width: 49rem + } + .md\:w-50rem { + width: 50rem + } +} +@media screen and (min-width: 992px) { + .lg\:w-full { + width: 100% + } + .lg\:w-screen { + width: 100vw + } + .lg\:w-auto { + width: auto + } + .lg\:w-min { + width: min-content + } + .lg\:w-max { + width: max-content + } + .lg\:w-fit { + width: fit-content + } + .lg\:w-1 { + width: 8.3333% + } + .lg\:w-2 { + width: 16.6667% + } + .lg\:w-3 { + width: 25% + } + .lg\:w-4 { + width: 33.3333% + } + .lg\:w-5 { + width: 41.6667% + } + .lg\:w-6 { + width: 50% + } + .lg\:w-7 { + width: 58.3333% + } + .lg\:w-8 { + width: 66.6667% + } + .lg\:w-9 { + width: 75% + } + .lg\:w-10 { + width: 83.3333% + } + .lg\:w-11 { + width: 91.6667% + } + .lg\:w-12 { + width: 100% + } + .lg\:w-1rem { + width: 1rem + } + .lg\:w-2rem { + width: 2rem + } + .lg\:w-3rem { + width: 3rem + } + .lg\:w-4rem { + width: 4rem + } + .lg\:w-5rem { + width: 5rem + } + .lg\:w-6rem { + width: 6rem + } + .lg\:w-7rem { + width: 7rem + } + .lg\:w-8rem { + width: 8rem + } + .lg\:w-9rem { + width: 9rem + } + .lg\:w-10rem { + width: 10rem + } + .lg\:w-11rem { + width: 11rem + } + .lg\:w-12rem { + width: 12rem + } + .lg\:w-13rem { + width: 13rem + } + .lg\:w-14rem { + width: 14rem + } + .lg\:w-15rem { + width: 15rem + } + .lg\:w-16rem { + width: 16rem + } + .lg\:w-17rem { + width: 17rem + } + .lg\:w-18rem { + width: 18rem + } + .lg\:w-19rem { + width: 19rem + } + .lg\:w-20rem { + width: 20rem + } + .lg\:w-21rem { + width: 21rem + } + .lg\:w-22rem { + width: 22rem + } + .lg\:w-23rem { + width: 23rem + } + .lg\:w-24rem { + width: 24rem + } + .lg\:w-25rem { + width: 25rem + } + .lg\:w-26rem { + width: 26rem + } + .lg\:w-27rem { + width: 27rem + } + .lg\:w-28rem { + width: 28rem + } + .lg\:w-29rem { + width: 29rem + } + .lg\:w-30rem { + width: 30rem + } + .lg\:w-31rem { + width: 31rem + } + .lg\:w-32rem { + width: 32rem + } + .lg\:w-33rem { + width: 33rem + } + .lg\:w-34rem { + width: 34rem + } + .lg\:w-35rem { + width: 35rem + } + .lg\:w-36rem { + width: 36rem + } + .lg\:w-37rem { + width: 37rem + } + .lg\:w-38rem { + width: 38rem + } + .lg\:w-39rem { + width: 39rem + } + .lg\:w-40rem { + width: 40rem + } + .lg\:w-41rem { + width: 41rem + } + .lg\:w-42rem { + width: 42rem + } + .lg\:w-43rem { + width: 43rem + } + .lg\:w-44rem { + width: 44rem + } + .lg\:w-45rem { + width: 45rem + } + .lg\:w-46rem { + width: 46rem + } + .lg\:w-47rem { + width: 47rem + } + .lg\:w-48rem { + width: 48rem + } + .lg\:w-49rem { + width: 49rem + } + .lg\:w-50rem { + width: 50rem + } +} +@media screen and (min-width: 1200px) { + .xl\:w-full { + width: 100% + } + .xl\:w-screen { + width: 100vw + } + .xl\:w-auto { + width: auto + } + .xl\:w-min { + width: min-content + } + .xl\:w-max { + width: max-content + } + .xl\:w-fit { + width: fit-content + } + .xl\:w-1 { + width: 8.3333% + } + .xl\:w-2 { + width: 16.6667% + } + .xl\:w-3 { + width: 25% + } + .xl\:w-4 { + width: 33.3333% + } + .xl\:w-5 { + width: 41.6667% + } + .xl\:w-6 { + width: 50% + } + .xl\:w-7 { + width: 58.3333% + } + .xl\:w-8 { + width: 66.6667% + } + .xl\:w-9 { + width: 75% + } + .xl\:w-10 { + width: 83.3333% + } + .xl\:w-11 { + width: 91.6667% + } + .xl\:w-12 { + width: 100% + } + .xl\:w-1rem { + width: 1rem + } + .xl\:w-2rem { + width: 2rem + } + .xl\:w-3rem { + width: 3rem + } + .xl\:w-4rem { + width: 4rem + } + .xl\:w-5rem { + width: 5rem + } + .xl\:w-6rem { + width: 6rem + } + .xl\:w-7rem { + width: 7rem + } + .xl\:w-8rem { + width: 8rem + } + .xl\:w-9rem { + width: 9rem + } + .xl\:w-10rem { + width: 10rem + } + .xl\:w-11rem { + width: 11rem + } + .xl\:w-12rem { + width: 12rem + } + .xl\:w-13rem { + width: 13rem + } + .xl\:w-14rem { + width: 14rem + } + .xl\:w-15rem { + width: 15rem + } + .xl\:w-16rem { + width: 16rem + } + .xl\:w-17rem { + width: 17rem + } + .xl\:w-18rem { + width: 18rem + } + .xl\:w-19rem { + width: 19rem + } + .xl\:w-20rem { + width: 20rem + } + .xl\:w-21rem { + width: 21rem + } + .xl\:w-22rem { + width: 22rem + } + .xl\:w-23rem { + width: 23rem + } + .xl\:w-24rem { + width: 24rem + } + .xl\:w-25rem { + width: 25rem + } + .xl\:w-26rem { + width: 26rem + } + .xl\:w-27rem { + width: 27rem + } + .xl\:w-28rem { + width: 28rem + } + .xl\:w-29rem { + width: 29rem + } + .xl\:w-30rem { + width: 30rem + } + .xl\:w-31rem { + width: 31rem + } + .xl\:w-32rem { + width: 32rem + } + .xl\:w-33rem { + width: 33rem + } + .xl\:w-34rem { + width: 34rem + } + .xl\:w-35rem { + width: 35rem + } + .xl\:w-36rem { + width: 36rem + } + .xl\:w-37rem { + width: 37rem + } + .xl\:w-38rem { + width: 38rem + } + .xl\:w-39rem { + width: 39rem + } + .xl\:w-40rem { + width: 40rem + } + .xl\:w-41rem { + width: 41rem + } + .xl\:w-42rem { + width: 42rem + } + .xl\:w-43rem { + width: 43rem + } + .xl\:w-44rem { + width: 44rem + } + .xl\:w-45rem { + width: 45rem + } + .xl\:w-46rem { + width: 46rem + } + .xl\:w-47rem { + width: 47rem + } + .xl\:w-48rem { + width: 48rem + } + .xl\:w-49rem { + width: 49rem + } + .xl\:w-50rem { + width: 50rem + } +} +.z-auto { + z-index: auto +} +.z-0 { + z-index: 0 +} +.z-1 { + z-index: 1 +} +.z-2 { + z-index: 2 +} +.z-3 { + z-index: 3 +} +.z-4 { + z-index: 4 +} +.z-5 { + z-index: 5 +} +@media screen and (min-width: 576px) { + .sm\:z-auto { + z-index: auto + } + .sm\:z-0 { + z-index: 0 + } + .sm\:z-1 { + z-index: 1 + } + .sm\:z-2 { + z-index: 2 + } + .sm\:z-3 { + z-index: 3 + } + .sm\:z-4 { + z-index: 4 + } + .sm\:z-5 { + z-index: 5 + } +} +@media screen and (min-width: 768px) { + .md\:z-auto { + z-index: auto + } + .md\:z-0 { + z-index: 0 + } + .md\:z-1 { + z-index: 1 + } + .md\:z-2 { + z-index: 2 + } + .md\:z-3 { + z-index: 3 + } + .md\:z-4 { + z-index: 4 + } + .md\:z-5 { + z-index: 5 + } +} +@media screen and (min-width: 992px) { + .lg\:z-auto { + z-index: auto + } + .lg\:z-0 { + z-index: 0 + } + .lg\:z-1 { + z-index: 1 + } + .lg\:z-2 { + z-index: 2 + } + .lg\:z-3 { + z-index: 3 + } + .lg\:z-4 { + z-index: 4 + } + .lg\:z-5 { + z-index: 5 + } +} +@media screen and (min-width: 1200px) { + .xl\:z-auto { + z-index: auto + } + .xl\:z-0 { + z-index: 0 + } + .xl\:z-1 { + z-index: 1 + } + .xl\:z-2 { + z-index: 2 + } + .xl\:z-3 { + z-index: 3 + } + .xl\:z-4 { + z-index: 4 + } + .xl\:z-5 { + z-index: 5 + } +} +.field { + margin-bottom: 1rem +} +.field > label { + display: inline-block; + margin-bottom: .5rem +} +.field.grid > label { + display: flex; + align-items: center +} +.field > small { + margin-top: .25rem +} +.field.grid { + margin-top: 0 +} +.formgrid.grid { + margin-top: 0 +} +.field.grid .col-fixed { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-fixed { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-1 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-1 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-2 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-2 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-3 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-3 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-4 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-4 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-5 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-5 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-6 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-6 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-7 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-7 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-8 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-8 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-9 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-9 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-10 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-10 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-11 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-11 { + padding-top: 0; + padding-bottom: 0 +} +.field.grid .col-12 { + padding-top: 0; + padding-bottom: 0 +} +.formgrid.grid .col-12 { + padding-top: 0; + padding-bottom: 0 +} +.formgroup-inline { + display: flex; + flex-wrap: wrap; + align-items: flex-start +} +.formgroup-inline .field { + margin-right: 1rem +} +.formgroup-inline .field-checkbox { + margin-right: 1rem +} +.formgroup-inline .field-radiobutton { + margin-right: 1rem +} +.formgroup-inline .field > label { + margin-right: .5rem; + margin-bottom: 0 +} +.formgroup-inline .field-checkbox > label { + margin-right: .5rem; + margin-bottom: 0 +} +.formgroup-inline .field-radiobutton > label { + margin-right: .5rem; + margin-bottom: 0 +} +.field-checkbox { + margin-right: 1rem; + display: flex; + align-items: center +} +.field-radiobutton { + margin-right: 1rem; + display: flex; + align-items: center +} +.field-checkbox > label { + margin-left: .5rem; + line-height: 1 +} +.field-radiobutton > label { + margin-left: .5rem; + line-height: 1 +} +.grid { + display: flex; + flex-wrap: wrap; + margin-left: -0.5rem; + margin-right: -0.5rem; + margin-top: -0.5rem +} +.grid > .col { + box-sizing: border-box +} +.grid > [class*=col] { + box-sizing: border-box +} +.grid-nogutter { + margin-left: 0; + margin-right: 0; + margin-top: 0 +} +.grid-nogutter > .col { + padding: 0 +} +.grid-nogutter > [class*=col] { + padding: 0 +} +.col { + flex-grow: 1; + flex-basis: 0; + padding: 0.5rem +} +.col-fixed { + flex: 0 0 auto; + padding: 0.5rem +} +.col-1 { + flex: 0 0 auto; + padding: 0.5rem; + width: 8.3333% +} +.col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 16.6667% +} +.col-3 { + flex: 0 0 auto; + padding: 0.5rem; + width: 25% +} +.col-4 { + flex: 0 0 auto; + padding: 0.5rem; + width: 33.3333% +} +.col-5 { + flex: 0 0 auto; + padding: 0.5rem; + width: 41.6667% +} +.col-6 { + flex: 0 0 auto; + padding: 0.5rem; + width: 50% +} +.col-7 { + flex: 0 0 auto; + padding: 0.5rem; + width: 58.3333% +} +.col-8 { + flex: 0 0 auto; + padding: 0.5rem; + width: 66.6667% +} +.col-9 { + flex: 0 0 auto; + padding: 0.5rem; + width: 75% +} +.col-10 { + flex: 0 0 auto; + padding: 0.5rem; + width: 83.3333% +} +.col-11 { + flex: 0 0 auto; + padding: 0.5rem; + width: 91.6667% +} +.col-12 { + flex: 0 0 auto; + padding: 0.5rem; + width: 100% +} +@media screen and (min-width: 576px) { + .sm\:col { + flex-grow: 1; + flex-basis: 0; + padding: 0.5rem + } + .sm\:col-fixed { + flex: 0 0 auto; + padding: 0.5rem + } + .sm\:col-1 { + flex: 0 0 auto; + padding: 0.5rem; + width: 8.3333% + } + .sm\:col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 16.6667% + } + .sm\:col-3 { + flex: 0 0 auto; + padding: 0.5rem; + width: 25% + } + .sm\:col-4 { + flex: 0 0 auto; + padding: 0.5rem; + width: 33.3333% + } + .sm\:col-5 { + flex: 0 0 auto; + padding: 0.5rem; + width: 41.6667% + } + .sm\:col-6 { + flex: 0 0 auto; + padding: 0.5rem; + width: 50% + } + .sm\:col-7 { + flex: 0 0 auto; + padding: 0.5rem; + width: 58.3333% + } + .sm\:col-8 { + flex: 0 0 auto; + padding: 0.5rem; + width: 66.6667% + } + .sm\:col-9 { + flex: 0 0 auto; + padding: 0.5rem; + width: 75% + } + .sm\:col-10 { + flex: 0 0 auto; + padding: 0.5rem; + width: 83.3333% + } + .sm\:col-11 { + flex: 0 0 auto; + padding: 0.5rem; + width: 91.6667% + } + .sm\:col-12 { + flex: 0 0 auto; + padding: 0.5rem; + width: 100% + } +} +@media screen and (min-width: 768px) { + .md\:col { + flex-grow: 1; + flex-basis: 0; + padding: 0.5rem + } + .md\:col-fixed { + flex: 0 0 auto; + padding: 0.5rem + } + .md\:col-1 { + flex: 0 0 auto; + padding: 0.5rem; + width: 8.3333% + } + .md\:col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 16.6667% + } + .md\:col-3 { + flex: 0 0 auto; + padding: 0.5rem; + width: 25% + } + .md\:col-4 { + flex: 0 0 auto; + padding: 0.5rem; + width: 33.3333% + } + .md\:col-5 { + flex: 0 0 auto; + padding: 0.5rem; + width: 41.6667% + } + .md\:col-6 { + flex: 0 0 auto; + padding: 0.5rem; + width: 50% + } + .md\:col-7 { + flex: 0 0 auto; + padding: 0.5rem; + width: 58.3333% + } + .md\:col-8 { + flex: 0 0 auto; + padding: 0.5rem; + width: 66.6667% + } + .md\:col-9 { + flex: 0 0 auto; + padding: 0.5rem; + width: 75% + } + .md\:col-10 { + flex: 0 0 auto; + padding: 0.5rem; + width: 83.3333% + } + .md\:col-11 { + flex: 0 0 auto; + padding: 0.5rem; + width: 91.6667% + } + .md\:col-12 { + flex: 0 0 auto; + padding: 0.5rem; + width: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:col { + flex-grow: 1; + flex-basis: 0; + padding: 0.5rem + } + .lg\:col-fixed { + flex: 0 0 auto; + padding: 0.5rem + } + .lg\:col-1 { + flex: 0 0 auto; + padding: 0.5rem; + width: 8.3333% + } + .lg\:col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 16.6667% + } + .lg\:col-3 { + flex: 0 0 auto; + padding: 0.5rem; + width: 25% + } + .lg\:col-4 { + flex: 0 0 auto; + padding: 0.5rem; + width: 33.3333% + } + .lg\:col-5 { + flex: 0 0 auto; + padding: 0.5rem; + width: 41.6667% + } + .lg\:col-6 { + flex: 0 0 auto; + padding: 0.5rem; + width: 50% + } + .lg\:col-7 { + flex: 0 0 auto; + padding: 0.5rem; + width: 58.3333% + } + .lg\:col-8 { + flex: 0 0 auto; + padding: 0.5rem; + width: 66.6667% + } + .lg\:col-9 { + flex: 0 0 auto; + padding: 0.5rem; + width: 75% + } + .lg\:col-10 { + flex: 0 0 auto; + padding: 0.5rem; + width: 83.3333% + } + .lg\:col-11 { + flex: 0 0 auto; + padding: 0.5rem; + width: 91.6667% + } + .lg\:col-12 { + flex: 0 0 auto; + padding: 0.5rem; + width: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:col { + flex-grow: 1; + flex-basis: 0; + padding: 0.5rem + } + .xl\:col-fixed { + flex: 0 0 auto; + padding: 0.5rem + } + .xl\:col-1 { + flex: 0 0 auto; + padding: 0.5rem; + width: 8.3333% + } + .xl\:col-2 { + flex: 0 0 auto; + padding: 0.5rem; + width: 16.6667% + } + .xl\:col-3 { + flex: 0 0 auto; + padding: 0.5rem; + width: 25% + } + .xl\:col-4 { + flex: 0 0 auto; + padding: 0.5rem; + width: 33.3333% + } + .xl\:col-5 { + flex: 0 0 auto; + padding: 0.5rem; + width: 41.6667% + } + .xl\:col-6 { + flex: 0 0 auto; + padding: 0.5rem; + width: 50% + } + .xl\:col-7 { + flex: 0 0 auto; + padding: 0.5rem; + width: 58.3333% + } + .xl\:col-8 { + flex: 0 0 auto; + padding: 0.5rem; + width: 66.6667% + } + .xl\:col-9 { + flex: 0 0 auto; + padding: 0.5rem; + width: 75% + } + .xl\:col-10 { + flex: 0 0 auto; + padding: 0.5rem; + width: 83.3333% + } + .xl\:col-11 { + flex: 0 0 auto; + padding: 0.5rem; + width: 91.6667% + } + .xl\:col-12 { + flex: 0 0 auto; + padding: 0.5rem; + width: 100% + } +} +.col-offset-0 { + margin-left: 0 +} +.col-offset-1 { + margin-left: 8.3333% +} +.col-offset-2 { + margin-left: 16.6667% +} +.col-offset-3 { + margin-left: 25% +} +.col-offset-4 { + margin-left: 33.3333% +} +.col-offset-5 { + margin-left: 41.6667% +} +.col-offset-6 { + margin-left: 50% +} +.col-offset-7 { + margin-left: 58.3333% +} +.col-offset-8 { + margin-left: 66.6667% +} +.col-offset-9 { + margin-left: 75% +} +.col-offset-10 { + margin-left: 83.3333% +} +.col-offset-11 { + margin-left: 91.6667% +} +.col-offset-12 { + margin-left: 100% +} +@media screen and (min-width: 576px) { + .sm\:col-offset-0 { + margin-left: 0 + } + .sm\:col-offset-1 { + margin-left: 8.3333% + } + .sm\:col-offset-2 { + margin-left: 16.6667% + } + .sm\:col-offset-3 { + margin-left: 25% + } + .sm\:col-offset-4 { + margin-left: 33.3333% + } + .sm\:col-offset-5 { + margin-left: 41.6667% + } + .sm\:col-offset-6 { + margin-left: 50% + } + .sm\:col-offset-7 { + margin-left: 58.3333% + } + .sm\:col-offset-8 { + margin-left: 66.6667% + } + .sm\:col-offset-9 { + margin-left: 75% + } + .sm\:col-offset-10 { + margin-left: 83.3333% + } + .sm\:col-offset-11 { + margin-left: 91.6667% + } + .sm\:col-offset-12 { + margin-left: 100% + } +} +@media screen and (min-width: 768px) { + .md\:col-offset-0 { + margin-left: 0 + } + .md\:col-offset-1 { + margin-left: 8.3333% + } + .md\:col-offset-2 { + margin-left: 16.6667% + } + .md\:col-offset-3 { + margin-left: 25% + } + .md\:col-offset-4 { + margin-left: 33.3333% + } + .md\:col-offset-5 { + margin-left: 41.6667% + } + .md\:col-offset-6 { + margin-left: 50% + } + .md\:col-offset-7 { + margin-left: 58.3333% + } + .md\:col-offset-8 { + margin-left: 66.6667% + } + .md\:col-offset-9 { + margin-left: 75% + } + .md\:col-offset-10 { + margin-left: 83.3333% + } + .md\:col-offset-11 { + margin-left: 91.6667% + } + .md\:col-offset-12 { + margin-left: 100% + } +} +@media screen and (min-width: 992px) { + .lg\:col-offset-0 { + margin-left: 0 + } + .lg\:col-offset-1 { + margin-left: 8.3333% + } + .lg\:col-offset-2 { + margin-left: 16.6667% + } + .lg\:col-offset-3 { + margin-left: 25% + } + .lg\:col-offset-4 { + margin-left: 33.3333% + } + .lg\:col-offset-5 { + margin-left: 41.6667% + } + .lg\:col-offset-6 { + margin-left: 50% + } + .lg\:col-offset-7 { + margin-left: 58.3333% + } + .lg\:col-offset-8 { + margin-left: 66.6667% + } + .lg\:col-offset-9 { + margin-left: 75% + } + .lg\:col-offset-10 { + margin-left: 83.3333% + } + .lg\:col-offset-11 { + margin-left: 91.6667% + } + .lg\:col-offset-12 { + margin-left: 100% + } +} +@media screen and (min-width: 1200px) { + .xl\:col-offset-0 { + margin-left: 0 + } + .xl\:col-offset-1 { + margin-left: 8.3333% + } + .xl\:col-offset-2 { + margin-left: 16.6667% + } + .xl\:col-offset-3 { + margin-left: 25% + } + .xl\:col-offset-4 { + margin-left: 33.3333% + } + .xl\:col-offset-5 { + margin-left: 41.6667% + } + .xl\:col-offset-6 { + margin-left: 50% + } + .xl\:col-offset-7 { + margin-left: 58.3333% + } + .xl\:col-offset-8 { + margin-left: 66.6667% + } + .xl\:col-offset-9 { + margin-left: 75% + } + .xl\:col-offset-10 { + margin-left: 83.3333% + } + .xl\:col-offset-11 { + margin-left: 91.6667% + } + .xl\:col-offset-12 { + margin-left: 100% + } +} +:root { + --text-primary: #495057; + --text-secondary: #495057; + --border-radius: 6px; + --primary-color: #3B82F6; + --primary-color-invert: #ffffff; + --text-color: #495057; + --text-color-secondary: #495057; + --primary-color-text: #ffffff; + --blue-50: #f5f9ff; + --blue-100: #d0e1fd; + --blue-200: #abc9fb; + --blue-300: #85b2f9; + --blue-400: #609af8; + --blue-500: #3b82f6; + --blue-600: #326fd1; + --blue-700: #295bac; + --blue-800: #204887; + --blue-900: #183462; + --green-50: #f4fcf7; + --green-100: #caf1d8; + --green-200: #a0e6ba; + --green-300: #76db9b; + --green-400: #4cd07d; + --green-500: #22c55e; + --green-600: #1da750; + --green-700: #188a42; + --green-800: #136c34; + --green-900: #0e4f26; + --yellow-50: #fefbf3; + --yellow-100: #faedc4; + --yellow-200: #f6de95; + --yellow-300: #f2d066; + --yellow-400: #eec137; + --yellow-500: #eab308; + --yellow-600: #c79807; + --yellow-700: #a47d06; + --yellow-800: #816204; + --yellow-900: #5e4803; + --cyan-50: #f3fbfd; + --cyan-100: #c3edf5; + --cyan-200: #94e0ed; + --cyan-300: #65d2e4; + --cyan-400: #35c4dc; + --cyan-500: #06b6d4; + --cyan-600: #059bb4; + --cyan-700: #047f94; + --cyan-800: #036475; + --cyan-900: #024955; + --pink-50: #fef6fa; + --pink-100: #fad3e7; + --pink-200: #f7b0d3; + --pink-300: #f38ec0; + --pink-400: #f06bac; + --pink-500: #ec4899; + --pink-600: #c93d82; + --pink-700: #a5326b; + --pink-800: #822854; + --pink-900: #5e1d3d; + --indigo-50: #f7f7fe; + --indigo-100: #dadafc; + --indigo-200: #bcbdf9; + --indigo-300: #9ea0f6; + --indigo-400: #8183f4; + --indigo-500: #6366f1; + --indigo-600: #5457cd; + --indigo-700: #4547a9; + --indigo-800: #363885; + --indigo-900: #282960; + --teal-50: #f3fbfb; + --teal-100: #c7eeea; + --teal-200: #9ae0d9; + --teal-300: #6dd3c8; + --teal-400: #41c5b7; + --teal-500: #14b8a6; + --teal-600: #119c8d; + --teal-700: #0e8174; + --teal-800: #0b655b; + --teal-900: #084a42; + --orange-50: #fff8f3; + --orange-100: #feddc7; + --orange-200: #fcc39b; + --orange-300: #fba86f; + --orange-400: #fa8e42; + --orange-500: #f97316; + --orange-600: #d46213; + --orange-700: #ae510f; + --orange-800: #893f0c; + --orange-900: #642e09; + --bluegray-50: #f7f8f9; + --bluegray-100: #dadee3; + --bluegray-200: #bcc3cd; + --bluegray-300: #9fa9b7; + --bluegray-400: #818ea1; + --bluegray-500: #64748b; + --bluegray-600: #556376; + --bluegray-700: #465161; + --bluegray-800: #37404c; + --bluegray-900: #282e38; + --purple-50: #fbf7ff; + --purple-100: #ead6fd; + --purple-200: #dab6fc; + --purple-300: #c996fa; + --purple-400: #b975f9; + --purple-500: #a855f7; + --purple-600: #8f48d2; + --purple-700: #763cad; + --purple-800: #5c2f88; + --purple-900: #432263; + --red-50: #fff5f5; + --red-100: #ffd0ce; + --red-200: #ffaca7; + --red-300: #ff8780; + --red-400: #ff6259; + --red-500: #ff3d32; + --red-600: #d9342b; + --red-700: #b32b23; + --red-800: #8c221c; + --red-900: #661814; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --primary-50: #f5f9ff; + --primary-100: #d0e1fd; + --primary-200: #abc9fb; + --primary-300: #85b2f9; + --primary-400: #609af8; + --primary-500: #3b82f6; + --primary-600: #326fd1; + --primary-700: #295bac; + --primary-800: #204887; + --primary-900: #183462; + --primary-main: #3B82F6; + --primary-invert: #ffffff; + color-scheme: light +} +[data-pf-theme="primeone-dark"] { + --text-primary: rgba(255, 255, 255, 0.87); + --text-secondary: rgba(255, 255, 255, 0.87); + --border-radius: 6px; + --primary-color: #93C5FD; + --primary-color-invert: #1c2127; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.87); + --primary-color-text: #1c2127; + --blue-50: #f5f9ff; + --blue-100: #d0e1fd; + --blue-200: #abc9fb; + --blue-300: #85b2f9; + --blue-400: #609af8; + --blue-500: #3b82f6; + --blue-600: #326fd1; + --blue-700: #295bac; + --blue-800: #204887; + --blue-900: #183462; + --green-50: #f4fcf7; + --green-100: #caf1d8; + --green-200: #a0e6ba; + --green-300: #76db9b; + --green-400: #4cd07d; + --green-500: #22c55e; + --green-600: #1da750; + --green-700: #188a42; + --green-800: #136c34; + --green-900: #0e4f26; + --yellow-50: #fefbf3; + --yellow-100: #faedc4; + --yellow-200: #f6de95; + --yellow-300: #f2d066; + --yellow-400: #eec137; + --yellow-500: #eab308; + --yellow-600: #c79807; + --yellow-700: #a47d06; + --yellow-800: #816204; + --yellow-900: #5e4803; + --cyan-50: #f3fbfd; + --cyan-100: #c3edf5; + --cyan-200: #94e0ed; + --cyan-300: #65d2e4; + --cyan-400: #35c4dc; + --cyan-500: #06b6d4; + --cyan-600: #059bb4; + --cyan-700: #047f94; + --cyan-800: #036475; + --cyan-900: #024955; + --pink-50: #fef6fa; + --pink-100: #fad3e7; + --pink-200: #f7b0d3; + --pink-300: #f38ec0; + --pink-400: #f06bac; + --pink-500: #ec4899; + --pink-600: #c93d82; + --pink-700: #a5326b; + --pink-800: #822854; + --pink-900: #5e1d3d; + --indigo-50: #f7f7fe; + --indigo-100: #dadafc; + --indigo-200: #bcbdf9; + --indigo-300: #9ea0f6; + --indigo-400: #8183f4; + --indigo-500: #6366f1; + --indigo-600: #5457cd; + --indigo-700: #4547a9; + --indigo-800: #363885; + --indigo-900: #282960; + --teal-50: #f3fbfb; + --teal-100: #c7eeea; + --teal-200: #9ae0d9; + --teal-300: #6dd3c8; + --teal-400: #41c5b7; + --teal-500: #14b8a6; + --teal-600: #119c8d; + --teal-700: #0e8174; + --teal-800: #0b655b; + --teal-900: #084a42; + --orange-50: #fff8f3; + --orange-100: #feddc7; + --orange-200: #fcc39b; + --orange-300: #fba86f; + --orange-400: #fa8e42; + --orange-500: #f97316; + --orange-600: #d46213; + --orange-700: #ae510f; + --orange-800: #893f0c; + --orange-900: #642e09; + --bluegray-50: #f7f8f9; + --bluegray-100: #dadee3; + --bluegray-200: #bcc3cd; + --bluegray-300: #9fa9b7; + --bluegray-400: #818ea1; + --bluegray-500: #64748b; + --bluegray-600: #556376; + --bluegray-700: #465161; + --bluegray-800: #37404c; + --bluegray-900: #282e38; + --purple-50: #fbf7ff; + --purple-100: #ead6fd; + --purple-200: #dab6fc; + --purple-300: #c996fa; + --purple-400: #b975f9; + --purple-500: #a855f7; + --purple-600: #8f48d2; + --purple-700: #763cad; + --purple-800: #5c2f88; + --purple-900: #432263; + --red-50: #fff5f5; + --red-100: #ffd0ce; + --red-200: #ffaca7; + --red-300: #ff8780; + --red-400: #ff6259; + --red-500: #ff3d32; + --red-600: #d9342b; + --red-700: #b32b23; + --red-800: #8c221c; + --red-900: #661814; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --surface-0: #040d19; + --surface-50: #1d2530; + --surface-100: #1d2530; + --surface-200: #4f565e; + --surface-300: #686e75; + --surface-400: #82868c; + --surface-500: #9b9ea3; + --surface-600: #b4b6ba; + --surface-700: #cdcfd1; + --surface-800: #e6e7e8; + --surface-900: #ffffff; + --surface-ground: #040d19; + --surface-section: #040d19; + --surface-card: #071426; + --surface-overlay: #071426; + --surface-border: #0b213f; + --surface-hover: rgba(255,255,255,.03); + --primary-50: #fafcff; + --primary-100: #e5f1ff; + --primary-200: #d1e6fe; + --primary-300: #bcdbfe; + --primary-400: #a8d0fd; + --primary-500: #93c5fd; + --primary-600: #7da7d7; + --primary-700: #678ab1; + --primary-800: #516c8b; + --primary-900: #3b4f65; + --primary-main: #93C5FD; + --primary-invert: #1c2127; + color-scheme: dark +} diff --git a/styles/prism.scss b/styles/prism.scss index 01f6911..584b42f 100644 --- a/styles/prism.scss +++ b/styles/prism.scss @@ -220,6 +220,7 @@ pre .line-highlight { div.code-toolbar { position: relative; + direction: ltr; } div.code-toolbar > .toolbar {